{"version":3,"mappings":"qTAEEA,iBACEA,eAA6CA,uCAC/CA,+BACAA,iBACEA,kBACAA,eAAoBA,+DAAgDA,cAClEA,8GAA8FA,QAClGA,iCAYQA,4DAAwBA,yDACnBA,6DAVXA,kBACEA,kBAEKA,yFACHA,kBACEA,kBACgBA,mBAAwBA,yBAAqCA,cAAIA,eAAGA,cAClEA,2BAAmCA,QACrDA,QACAA,yBAGFA,QACAA,eAAIA,iBAAMA,UAAgBA,QAAQA,oBAAwCA,QAC5EA,QACFA,+CAbOA,0GAIuCA,+CACtBA,qDAEZA,8BAIEA,iDAfhBA,iCAEEA,0BAgBFA,8BAlB4EA,8BAEhCA,sCCavC,QA+CHC,YAAmBC,EACAC,EACeC,GAFfC,6BACAA,oBACeA,WA3C3BA,oBAAiB,IAAIC,KAClBD,uBAAuC,IAAIL,MACrDK,iBAAc,CACVE,YAAY,EACZC,MAAM,EACNC,UAAU,EACVC,UAAU,EACVC,cAAe,KACfC,QAAQ,EACRC,UAAW,2IACXC,UAAW,yIACXC,aAAc,EACdC,eAAgB,EAChBC,MAAO,KACPC,WAAY,CACR,CACIC,WAAY,KACZC,SAAU,CACNL,aAAc,EACdC,eAAgB,EAChBP,UAAU,EACVD,MAAM,IAGd,CACIW,WAAY,IACZC,SAAU,CACNL,aAAc,EACdC,eAAgB,IAGxB,CACIG,WAAY,IACZC,SAAU,CACNL,aAAc,EACdC,eAAgB,MAWhCK,WACIhB,KAAKiB,eAAiBjB,KAAKkB,sBAAsBC,qBAC7CC,WAGJpB,KAAKiB,eAAeI,eAAe,CAACC,OAAQ,GAAIC,KAAM,EAAGC,UAAU,EAAMC,KAAM,KAC/EzB,KAAK0B,iBAAmB1B,KAAKiB,eAAeU,+BAC5C3B,KAAK4B,kBAAoB5B,KAAKiB,eAAeY,gCAC7C7B,KAAK4B,kBAAkBE,QAAKC,KAAU/B,KAAKgC,iBAAiBC,UAAWpC,IAC/DA,IACAG,KAAKkC,SAAWrC,EAAOsC,gBAKnCC,aAAavC,GACTG,KAAKqC,aAAaC,iBAAiBzC,GACnCG,KAAKuC,kBAAkBC,KAAK3C,GAGhC4C,cACIzC,KAAKgC,eAAeU,OACpB1C,KAAKgC,eAAeW,kDA1EfC,GAA0BjD,4BAiDf,iCAjDXiD,EAA0BC,84BDzBvClD,gBAAyBA,yCAA6BA,QACtDA,iBACEA,wCAGAA,wCAKAA,uDAmBFA,eA3BQA,qDAGAA,qGAKeA,8lCEAPoC,kBAA+FA,gBACxBA,iEAAwBA,QAC/FA,iDAEJA,2BAA0DA,mEACZA,+CAAgCA,iDAG9EA,qBAAgEA,kEAA0CA,kBAAMA,iDAChHA,qBAA+DA,kEAAyBA,0BAAcA,SCV3G,QAUHnC,YAAoBkD,wBAPV9C,YAA4B,IAAI+B,MAEnC/B,iBAA2B,IAAIH,KAAY,IAC3CG,mBAA6B,IAAIH,KAAY,IAOpDmB,WACQhB,KAAK+C,OAAOC,6BACZhD,KAAKiD,WAAa,IAAIpD,KAAU,CAC5BqD,YAAalD,KAAKkD,YAClBC,cAAenD,KAAKmD,gBAGxBnD,KAAKiD,WAAa,IAAIpD,KAAU,CAC5BqD,YAAalD,KAAKkD,cAI1BlD,KAAKkD,YAAYE,SAASpD,KAAKqD,YAC3BrD,KAAK+C,OAAOC,8BACZhD,KAAKmD,cAAcC,SAASpD,KAAKsD,mBAIzCC,eACQvD,KAAKiD,WAAWO,QAAqC,KAA3BxD,KAAKkD,YAAYO,OACvCzD,KAAK+C,OAAOW,eAAe,wBAA4D,IAAnC1D,KAAK+C,OAAOY,sBACpE3D,KAAKsB,OAAOkB,KAAKxC,KAAKiD,WAAWQ,OACjCzD,KAAK4D,wBAAyB,GAItCC,cACI7D,KAAKiD,WAAWa,QAChB9D,KAAKiD,WAAWc,yBAChB/D,KAAKsB,OAAOkB,KAAK,CAACU,YAAa,KAC/BlD,KAAK4D,wBAAyB,EAGlCI,wBACIhE,KAAKiE,cAAcC,WAAW,gBAAiB,YAAa,4DA/CvDC,GAAkBpC,qCAAlBoC,EAAkBtB,u1BDT/Bd,iBACIA,kBACAA,iBACIA,iBACIA,iBACIA,4BACIA,qBAAWA,8BAAgDA,QAC3DA,qBAEJA,QACAA,wBAGJA,QACAA,iCAEJA,QACAA,mBACIA,4BACAA,4BACJA,QACJA,QACJA,QACAA,gCAtBUA,yCAKqBA,6EAImBA,sFAIvBA,6DAINA,iDACAA,6YELOA,yBACIA,0BACJA,kCAEAA,yBAIIA,SACJA,8BADIA,wKAGAA,yBAEYA,8FACRA,kBACIA,kBACIA,kBAGQA,0EAHRA,QAMJA,QACAA,kBAA6BA,SAAeA,QAC5CA,sCACAA,kBAAsCA,8BAA4DA,QAClGA,mBACIA,iBAKJA,QACJA,QACJA,+CAtBYA,+BAMQA,qEAGAA,oBAEiBA,qBACxBA,oDACiCA,oEAEOA,mPAQrDA,yBAEYA,qEAIRA,6BACJA,iCANYA,6DA1BhBA,SACIA,kDAwBAA,gDAQJA,8BAhCmCA,8DA2BlBA,gIAOrBA,qBAAmEA,SACnEA,8BADmEA,kFAGvEA,kBACIA,gBAAwBA,iEAAwBA,QACpDA,iDAIJA,qBAGQA,6DAEJA,oBACJA,iDACAA,qBAGQA,6DACJA,4BACJA,iDAMZA,kBAKEA,gBACGA,4EAGDA,kBAEFA,QACFA,iCARKA,+CACAA,2CAEAA,mCAEIA,gFAC2CA,sDAXtDA,SACEA,wBAaFA,8BAZQA,qCC5DH,QAkCHnC,YAAkDkD,EAC/BsB,EACAC,EACAC,EACqBC,EACpBC,EACAC,EACAC,EACDC,EACeC,GATgB5E,6BAC/BA,wBACAA,aACAA,cACqBA,mBACpBA,qBACAA,sBACAA,iBACDA,kBACeA,WA7B3BA,YAAS,IAAI6E,KAGb7E,iBAA2B,IAAIH,KAAY,GAAI,CAACA,gBAChDG,mBAA6B,IAAIH,KAAY,IAG7CG,SAAM,GAMNA,cAAW,GACXA,oBAA+B,IAAI6E,KAChC7E,mBAAmC,IAAI+B,MAC1C/B,kBAAc,EAErBA,wBAAgD8E,IAYxC9E,KAAK+E,IAAIC,OAAS,GAClBhF,KAAKiF,eAAeC,cAAc,mBACjCpD,MAAK,OAAU9B,KAAKgC,iBACpBC,UAAUkD,IACHnF,KAAKoF,YAAYC,UACjBrF,KAAK+E,IAAM/E,KAAKsF,UAAUC,OAAOJ,EAAIK,eAAe,GAEpDxF,KAAK+E,IAAM/E,KAAKsF,UAAUC,OAAOJ,EAAIK,iBAhDxCnC,eAAWP,GACpB9C,KAAKyF,aAAc,EACfzF,KAAKiD,aACDH,EACA9C,KAAKiD,WAAWyC,IAAI,eAAetC,SAASN,GAE5C9C,KAAK2F,mBAAmBC,aAgDpC5E,WACQhB,KAAK+C,OAAOC,6BACZhD,KAAKiD,WAAa,IAAIpD,KAAU,CAC5BqD,YAAalD,KAAKkD,YAClBC,cAAenD,KAAKmD,gBAGxBnD,KAAKiD,WAAa,IAAIpD,KAAU,CAC5BqD,YAAalD,KAAKkD,cAItBlD,KAAK+C,OAAOC,8BACZhD,KAAKmD,cAAcC,SAASpD,KAAKsD,mBAGrCtD,KAAKiB,eAAiBjB,KAAKkB,sBAAsBC,qBAAqB0E,eAEtE7F,KAAK8F,UAAY9F,KAAKiB,eAAe8E,wBACrC/F,KAAK0B,iBAAmB1B,KAAKiB,eAAeU,+BAC5C3B,KAAK0B,iBAAiBI,QAAKV,KAAUpB,KAAKgC,iBAAiBC,UAAWa,IAC7DA,GACD9C,KAAK8F,UAAUhE,QAAKV,KAAUpB,KAAKgC,iBAAiBC,UAAWmC,IACvDA,IACApE,KAAKgG,mBAAqB5B,EACN,IAAhBA,EAAKY,OACLhF,KAAKiG,SAAW,yCAEhBjG,KAAKiG,SAAW,QAOpCjG,KAAKsB,OACAQ,MAAK,OAAU9B,KAAKgC,iBACpBF,MAAK,OAAa,MAClBG,UAAUa,IACP,MAAMsB,EAAoB8B,OAAOC,OAAO,GAAIrD,EAAgB,CAACvB,KAAM,IACnEvB,KAAKiB,eAAeI,eAAe+C,GACnCpE,KAAKgG,mBAAqB,GAC1BhG,KAAKiG,SAAW,KAM5B1C,aAAaT,GACT9C,KAAKoG,iBAAiBC,gBAAgBvD,EAAEwD,OAAO7C,OAC/CzD,KAAKuG,cAA4B,KAAdzD,EAAE0D,QAAY,CAGrCD,cAAczD,SACV,GAAI9C,KAAKiD,WAAWO,QAEgB,KAA3BxD,KAAKkD,YAAYO,QAAsC,QAAtBW,OAAKlB,YAAYO,aAAK,eAAEuB,QAAS,GAClEhF,KAAK+C,OAAOW,eAAe,wBAA4D,IAAnC1D,KAAK+C,OAAOY,oBACvE,CACMb,GACA9C,KAAKoG,iBAAiBK,iBAE1BzG,KAAKiG,SAAW,GAChB,MAAM5B,EAAM,CAAC/C,OAAQtB,KAAKkD,YAAYO,OACtCyC,OAAOC,OAAO9B,EAAK,CAACqC,IAAK1G,KAAK2G,cAC9B3G,KAAKsB,OAAOoB,KAAK2B,IAIzBR,cACI7D,KAAKiD,WAAWa,QAChB9D,KAAK2F,mBAAmBC,YACxB5F,KAAKgG,mBAAqB,GAC1BhG,KAAKiG,SAAW,GAChBjG,KAAK4D,wBAAyB,EAC9B5D,KAAKyF,aAAc,EAGvBmB,SAAS9D,GACL9C,KAAK6G,OAAOC,SAAS,CAAC,oBAAsB9G,KAAK+G,WAAWC,uBAAuBlE,EAAQmE,MAAQ,IAAMnE,EAAQoE,KAGrHC,gBACInH,KAAKyF,aAAc,EACY,KAA3BzF,KAAKkD,YAAYO,QAAsC,QAAtBX,OAAKI,YAAYO,aAAK,eAAEuB,QAAS,IAClEhF,KAAKoH,cAAc5E,OACnBxC,KAAKuG,eAAc,IAI3Bc,iBACIrH,KAAKoH,cAAc5E,OAGvB8E,UAC+C,KAAvCtH,KAAKoG,iBAAiBmB,eACtBvH,KAAKgG,mBAAqB,IAIlCwB,SAC+C,KAAvCxH,KAAKoG,iBAAiBmB,cACtBvH,KAAK2F,mBAAmBC,YAIhC6B,gBACI,MAAM3E,EAAQ9C,KAAKkD,YAAYO,MAC/B,MAAc,KAAVX,GAAiBA,EAGd,GAFI,eAEJ,CAGXkB,wBACIhE,KAAKoG,iBAAiBmB,aAAe,GACrCvH,KAAKiE,cAAcC,WAAW,gBAAiB,YAAa,qBAGhEwD,kBAAkB5E,GACdA,EAAMwD,OAAOqB,IAAM,oGAjLdC,GAA2B7F,MAkChB8F,KAAqB9F,yCAIrB+F,KAAW/F,kDAKX,iCA3CX6F,EAA2B/E,0EA+BzBhD,KAAkB,s4DD1DjCkC,iBACIA,kBACIA,iBACIA,iBACIA,iBACIA,4BACIA,qBAAWA,8BAAkDA,QAC7DA,mBACOA,gCAASqC,aAATrC,CAAmB,yBACXqC,YADRrC,CAAmB,2BAEoBqC,oBAH9CrC,QAKAA,iCAEIA,iDAIAA,kDAMAA,oDAkCJA,QACAA,+BAEJA,QACAA,yBAGJA,QACJA,QACAA,mBACIA,4BAOAA,4BAMJA,QACJA,QACJA,QAEFA,kCAgBFA,gCApGUA,yCAKyBA,8EAKJA,oCAGmCA,uDAKzBA,wIAKEA,wDAmCPA,yEAGkBA,2CAM7BA,iDAOAA,gDAUNA,4pDEjEKA,gFAAgCA,qIAqB5BA,aAA2GA,4BAA6DA,4DAA7DA,sFAD/GA,SACIA,uBACJA,gEADQA,oHAeIA,cACIA,cAAIA,iBAAOA,SAAwBA,QAAQA,QAC3CA,cAAIA,iBAAOA,6BAAiDA,QAAQA,QACpEA,cAAIA,iBAAOA,cAAGA,8BAA6DA,QAAIA,QAAQA,QAC3FA,uDAHeA,uCACAA,0DACGA,uFAhB9BA,SACIA,qBACIA,oBAAUA,+BAAmBA,QACjCA,QACAA,0BACIA,oBACIA,iBACAA,cACIA,iBAAkBA,kBAAKA,QACvBA,eAAIA,kBAAKA,eAAIA,oBAA0CA,0BAAaA,QAAOA,QAC3EA,eAAIA,oBAAOA,eAAIA,oBAA0CA,sBAASA,QAAOA,QAC7EA,QACAA,QACAA,0BAKJA,QACJA,QACJA,mDAnB4BA,sCAYMA,2DAQlCA,SACIA,kBAAmBA,gBAAMA,QAC7BA,kDAgBQA,oBAKOA,iGAAqC,6FAL5CA,0CAAOA,uFAYPA,yBACOA,8DAQnBA,qBAEQA,0FAIJA,gBACJA,oDAJQA,4EAORA,qBAEQA,4GAGJA,gBACJA,gCAGAA,qBAKIA,gBACJA,cAJQA,qLA3GhBA,cACIA,cACIA,eAAGA,iGACCA,sBACAA,iBAEKA,yEAFLA,QAMJA,QACJA,QACAA,cAAIA,SAAaA,QACjBA,cACIA,eACIA,sCACJA,QACAA,qBAA0BA,UAAuBA,QACrDA,QACAA,iBAAuBA,iBAAMA,+BAAwDA,QAAOA,QAC5FA,iBAAuBA,+BAAwDA,QAC/EA,kBACIA,mBACIA,kCAGAA,oCAqBAA,mCAGJA,QACJA,QACAA,eACIA,mBACIA,iBAKJA,QACJA,QACAA,eACIA,oBACIA,mBACIA,mBACIA,4BAYAA,4BAGJA,QACJA,QACJA,QACJA,QACAA,iBAEIA,6BAUAA,6BASAA,6BAOJA,QACJA,8CA9G8IA,mCAE7HA,qEAGAA,oBAITA,qBAEGA,mHACKA,sDAEkBA,+BAEDA,kEACNA,kEAGiBA,kCAGjBA,qDAqBAA,sDAOUA,wNAQvBA,4CAWcA,qJAMAA,yFAWXA,yCASAA,iDASAA,4CC1GtB,SASLnC,YAC0BkD,EACfsB,EACAC,EACAC,EACAC,GAJevE,WACfA,cACAA,mBACAA,kBACAA,cAZDA,iCAAiD,IAAI+B,MAExD/B,iBAAmB,GAGnBA,oBAAiB,IAAI6E,KAC5B7E,wBAAgD8E,IAQ9C9E,KAAK+H,cAAgB,IAAIlI,KAAU,IAGrCmB,WACEhB,KAAKgI,iBAGPC,YAAYnF,GACNA,EAAQoF,UACVlI,KAAKgI,iBAIDA,iBACNhI,KAAKmI,YAAc,GACnBnI,KAAK+H,cAAgB,IAAIlI,KAAU,IAE/BG,KAAKkI,UAAYlI,KAAKkI,SAASlD,OAAS,GAC1ChF,KAAKkI,SAASE,QAAStF,IACrB,MAAMsB,EAAkBtB,EAAQuF,MAAM,GAAGC,aAAe,EAGlDjE,EAAkB,iBAAiBvB,EAAQoE,MAAMpE,EAAQyF,aAG/DvI,KAAKmI,YAAY,GAAGrF,EAAQoE,MAAMpE,EAAQyF,cAAgBnE,EAG1DpE,KAAK+H,cAAcS,WACfnE,EACA,IAAIxE,KAAYuE,EAAiB,CAACvE,SAAe,GAAIA,SAAe,UAM9E6H,kBAAkB5E,GAChBA,EAAMwD,OAAOqB,IAAM,6DAGrBc,SAAS3F,GACP,MAAMsB,EAAa,GAAGtB,EAAQoE,MAAMpE,EAAQyF,aAC5C,IAAIlE,EAAQvB,EAAQuF,MAAM,GAAGC,cAAgBtI,KAAKmI,YAAY/D,GAActB,EAAQuF,MAAM,GAAGK,MAAQ5F,EAAQ6F,YAC7G,UAAWrE,KAAMxB,EAAQuF,MACnBrI,KAAKmI,YAAY/D,IAAepE,KAAKmI,YAAY/D,IAAeE,EAAGgE,cACrEjE,EAAQC,EAAGoE,OAGf,OAAOrE,EAGTuE,UAAU9F,EAAesB,GACvB,MAAMC,EAAa,GAAGD,EAAQ8C,MAAM9C,EAAQmE,aAC5C,IAAIjE,EAASxB,EAAO,GAAGwF,YACvB,UAAW/D,KAAMzB,EACX9C,KAAKmI,YAAY9D,IAAerE,KAAKmI,YAAY9D,IAAeE,EAAG+D,cACrEhE,EAASC,EAAG+D,aAGhB,OAAOhE,EAGTuE,eAAe/F,EAAcsB,GAC3B,MAAMC,EAASvB,EAAMwD,OACrB,IAAIhC,EAAQwE,SAASzE,EAAOZ,MAAO,IAG/BsF,MAAMzE,IAAUA,EAAQ,EAC1BA,EAAQ,EACCA,EAAQ,MACjBA,EAAQ,KAIV,MAAMC,EAAkB,iBAAiBH,EAAQ8C,MAAM9C,EAAQmE,aAC/DvI,KAAK+H,cAAciB,SAASzE,GAAiBnB,SAASkB,GAGtDtE,KAAKmI,YAAY,GAAG/D,EAAQ8C,MAAM9C,EAAQmE,cAAgBjE,EAG5D2E,UAAUnG,GACR,MAAMsB,EAAa,GAAGtB,EAAQoE,MAAMpE,EAAQyF,aACtClE,EAAO,IAAI6E,KAAS,CAAEC,UAASC,SAAUpJ,KAAKmI,YAAY/D,KAC5DC,EAAK+E,SAAW,IAClBpJ,KAAKqJ,YAAYJ,UAAU,CAAC5E,IAG5BrE,KADuBsJ,qBAAqBjF,GAClCkF,cAAczH,MAAK,OAAU9B,KAAKgC,iBAAiBC,UAAUsC,IACjEA,GACFvE,KAAKqJ,YAAYJ,UAAU,CAAC5E,MAMpCiF,qBAAqBxG,GACnB,MAAMsB,EAAsB,IAAIoF,MAChC,SAAoBC,WAAY,EAChCrF,EAAoBsF,KAAO,CAAEC,SAAS,EAAOC,MAAO,CAAC9G,IAC9C9C,KAAK6J,OAAOC,KAAKC,KAAiC3F,GAG3D4F,yBAAyBlH,GACvB,MAAMsB,EAAOpE,KAAK+G,WAAWC,uBAAuBlE,EAAQmE,MAC5DjH,KAAK6G,OAAOC,SAAS,CAAC,oBAAoB1C,KAAQtB,EAAQoE,OAG5D+C,yBAAyBnH,GACvB,GAAIA,EAAQuF,MAAMrD,OAAS,EACzB,OAAO,EAGT,UAAWZ,KAAStB,EAAQuF,MAC1B,GAAK,EAAKjE,EAAMsE,MAAQ5F,EAAQ6F,YAAgB,GAAK3I,KAAK4I,UAAU9F,EAAQuF,MAAOvF,KAAasB,EAAMkE,YACpG,OAAO,EAGX,OAAO,EAGT4B,4BAA4BpH,GAC1B9C,KAAKmK,4BAA4B3H,KAAKM,GAIxCsH,aAAatH,GACX,OAAOA,EAAK6F,YAAc,IACrB7F,EAAKuH,qBAAuBvF,YAA6BhC,EAAKwH,YAC/DxH,EAAKuH,qBAAuBvF,qBAIlCyF,qBAAqBzH,GACnB,OAAOA,EAAK6F,YAAc,GACtB7F,EAAKuH,qBAAuBvF,uBAC3BhC,EAAKwH,UAIZE,eAAe1H,GACb,OAA4B,IAArBA,EAAK6F,aACP7F,EAAKuH,qBAAuBvF,cAA+BhC,EAAKwH,UAIvEG,WAAW3H,GACT,OAAOA,EAAKuH,qBAAuBvF,cAA+BhC,EAAKwH,kCC7K7BvI,gBAAgCA,+BAAgBA,mCADtFA,iBAAmHA,SAC7EA,yBAAuDA,+BADsBA,wFACtEA,mFDUxC2I,IAAgC3I,MAU/B,OAAKA,2EAVN2I,GAAgC7H,gwDDnB7Cd,iBACIA,iBACIA,mBACIA,iBACAA,cACIA,cACAA,cAAIA,eAAGA,QACPA,cAAIA,8BAAkBA,QACtBA,iBAAuBA,gBAAGA,QAC1BA,iBAAuBA,kBAAKA,QAC5BA,iBAAwBA,oBAAOA,eAAKA,qBAAOA,QAC3CA,iBAAwBA,uBAAOA,eAAIA,oBAAOA,QAC1CA,eAAIA,qBAAQA,eAAIA,kBAAKA,QACrBA,iBAAuBA,mBAAMA,eAAIA,sBAASA,QAC9CA,QACAA,QACAA,kBACAA,0BAkHAA,QACJA,QACJA,QACJA,eArHiCA,+qKEPzBA,mFACGA,oKAILA,SACEA,cAAIA,8BAAkBA,QACtBA,kBACEA,kBACEA,kBACEA,kBACEA,gBAAMA,gCAAoBA,QAC1BA,+BAAkBA,gFAA2FA,QAC/GA,QACFA,QACFA,QACFA,QACFA,iCALsEA,kCAAiB,uDAYnFA,kBACIA,kBACIA,gBACAA,kBAAkBA,wBAASA,QAC/BA,QACAA,kBACIA,gBACAA,kBAAkBA,8BAAeA,QACrCA,QACAA,kBACIA,iBACAA,mBAAkBA,+BAAeA,QACrCA,QACJA,kDAlBJA,kBACIA,iBAAqBA,oCAAwBA,QAC/CA,gBAAoIA,qGAA+CA,QACnLA,gBAAkHA,qGAA+CA,QACjKA,gBAAmHA,kGAA4CA,QAC7JA,0BAcJA,iCAjB4EA,oEAClBA,oEACIA,iEACNA,qFAexDA,iDACcA,4DAA2B,gFAMnCA,2DAAeA,qCAAqC,sDA4BhDA,cACEA,cAAIA,SAAwBA,QAC5BA,cAAIA,6BAAiDA,QACrDA,cAAIA,4BAAgEA,QACtEA,uDAHMA,uCACAA,0DACAA,sFAXRA,oBACEA,iBACAA,cACEA,iBAAkBA,wBAAYA,QAC9BA,cAAIA,iBAAKA,cAAIA,gBAAMA,yBAAaA,QAAOA,QACvCA,eAAIA,oBAAOA,eAAIA,iBAAMA,sBAASA,QAAOA,QACvCA,QACAA,QACAA,0BAKFA,wCALwBA,6GA7B5BA,kBACEA,mCACAA,kBACEA,kBAA+CA,kGAC3CA,kBAKJA,QACFA,QACAA,kBACEA,eACEA,gBACgCA,qCAAoEA,QACpGA,UAAwBA,eACxBA,UAAmBA,eACnBA,UACFA,QAGAA,6BAcFA,QACAA,mBACEA,2BAGAA,6BAAeA,2EAAoC,wEAApCA,CAAoC,2EAApCA,CAAoC,mGAOnDA,QACFA,QACFA,+CAjDsCA,+BACoDA,mCAG7EA,qEAGAA,oBAMJA,mHACiCA,qDACpCA,sCACAA,iCACAA,0CAIsDA,6CAgB3CA,4BAAmB,+BAMjBA,6CAAoC,wCA5CzDA,kBACEA,2BAkDAA,cACFA,+BAnD2BA,gEAF7BA,eACEA,yBAqDFA,+BArDsBA,yFA6DdA,2DAAeA,qCAAqC,sDA6B9CA,cACEA,cAAIA,SAAwBA,QAC5BA,cAAIA,6BAAiDA,QACrDA,cAAIA,4BAAgEA,QACtEA,uDAHMA,uCACAA,0DACAA,sFAXVA,oBACEA,iBACEA,cACEA,iBAAkBA,wBAAYA,QAC9BA,cAAIA,iBAAKA,cAAIA,gBAAMA,yBAAaA,QAAOA,QACvCA,eAAIA,oBAAOA,eAAIA,iBAAMA,sBAASA,QAAOA,QACvCA,QACAA,QACAA,0BAKJA,wCAL0BA,2JAhChCA,SACEA,kBAEEA,mCACAA,kBACEA,kBAA+CA,kGAC3CA,kBAKJA,QACFA,QACAA,kBACEA,gBAEEA,qCACFA,QACFA,QACEA,mBACEA,qBAAuBA,UAAwBA,QAC/CA,kBAAOA,UAAmBA,QAC9BA,QACAA,mBACEA,6BAcFA,QACAA,mBACEA,2BACFA,QACAA,mBACEA,6BAAeA,2EAAoC,wEAApCA,CAAoC,2EAApCA,CAAoC,mGAOnDA,QACFA,QACFA,QAEFA,yDArDuDA,wDAChDA,+BACqFA,mCAG7EA,qEAGAA,oBAKNA,mHAEGA,qDAGuBA,2DACJA,+BAChBA,gCAEgBA,2DACOA,6CAgBnBA,4BAAmB,+BAMjBA,6CAAoC,wCA/C3DA,kBACEA,oCAuDFA,+BAvDoCA,gEAFtCA,kBACEA,yBAyDFA,+BAzDQA,mFA6DNA,kBACQA,yCAC4BA,yGAC3BA,QACTA,iCAHoCA,iEAFxCA,eACIA,yBAKJA,+BALUA,iEAQVA,kBACEA,aAAGA,4DAAgDA,QACrDA,gCAEAA,kBACEA,gBAA6CA,sCAC/CA,gCAEAA,kBACEA,gBAA6CA,sCAC/CA,gCACAA,kBACEA,gBACFA,mCACAA,kBACEA,oCACFA,+BADKA,yGAKDA,qBAAgLA,mEAAyBA,+BAEzMA,kDAEFA,kBACEA,gBAAsBA,kEAAwBA,gCAAiBA,gBAAiCA,QAClGA,mCATFA,kBACEA,kBACAA,kBACEA,8DAGFA,QACAA,yBAGFA,qCAPaA,uLAIYA,0FAxM7BA,iBACEA,iBAEIA,iBACEA,uBAEAA,uCAGFA,QAEAA,mDAcAA,yCAoBAA,kCAIAA,6DAyDAA,8DA6DFA,6DASAA,8DAIAA,4CAIAA,4CAGAA,0BAGAA,0BAGAA,4CAWFA,QACFA,gDAzM0BA,iHAEdA,8FAKSA,uDAciBA,kLAoBjBA,sCAITA,gJAyDAA,mJA6DFA,mJASiCA,wJAIRA,0EAIAA,2EAGAA,qCAGAA,sDAGDA,yEC3J3B,SAqCHnC,YACqCkD,EAE1BsB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACeC,EACIC,EACGO,EACtBwF,EACCC,EACDC,GAd0B7K,wBAE1BA,6BACAA,wBACAA,aACAA,oBACAA,wBACAA,kBACAA,cACeA,WACIA,eACGA,iBACtBA,qBACCA,aACDA,cAhDJA,kBAAc,EAUrBA,sBAA4C8K,IAC5C9K,iBAAkC6F,IAClC7F,aAAwB,UAadA,cAA8B,IAAI+B,MAClC/B,YAA4B,IAAI+B,MACnC/B,gBAAwC,GAE/CA,oBAAiB,IAAI6E,KAGrB7E,kBAAoB,KAoBpBgB,WACIhB,KAAKiB,eAAiBjB,KAAKkB,sBAAsBC,qBAC7CnB,KAAKiH,MAGTjH,KAAK4B,kBAAoB5B,KAAKiB,eAAeY,gCAC7C7B,KAAK8F,UAAY9F,KAAKiB,eAAe8E,wBACrC/F,KAAK8F,UAAU7D,UAAWa,IAClBA,GAAYA,EAASkC,OAAS,IAC9BhF,KAAKkI,SAAWpF,EACZ9C,KAAKiH,OAASpB,WAAqB7F,KAAKqC,aAAa0I,iBACrD/K,KAAKgL,0BAIjBhL,KAAKiL,gBAAkBjL,KAAKiB,eAAeiK,8BAC3ClL,KAAK0B,iBAAmB1B,KAAKiB,eAAeU,+BAC5C3B,KAAKmL,cAAgBnL,KAAKiB,eAAemK,4BAEzCpL,KAAK4B,kBACAE,QAAKV,KAAUpB,KAAKgC,iBACpBC,UAAWa,UACJA,IACA9C,KAAKqL,YAAcvI,EAASwI,IAC5BtL,KAAKuL,MAAQzI,EAASyI,MACtBvL,KAAKwL,aAAc,GACF,QAAbpH,OAAK8D,gBAAQ,eAAElD,QAAShF,KAAKyL,iBAAiBC,oBAAsB5I,EAASwI,MAC7EtL,KAAK2L,SAASnJ,OACdxC,KAAKwL,aAAc,MAKnCxL,KAAKiL,gBACAnJ,QAAKV,KAAUpB,KAAKgC,iBACpBC,UAAWa,IACR8I,WACI,IAAM5L,KAAK6L,iBAAiBC,mCAAmChJ,GAC/D,QAGPiJ,cAEL/L,KAAKgM,MAAMC,YAAYhK,UAAUa,IACrBA,GACIA,EAAMY,eAAe,UAAmD,KAAvC1D,KAAKyL,iBAAiBlE,cACvDvH,KAAKuC,kBAAkBO,EAAMoJ,SAOjDC,eACInM,KAAKwL,aAAc,EACnB,MAAM1I,EAAM9C,KAAK6L,iBAAiBO,2CAClCpM,KAAK2L,SAASnJ,OACdoJ,WACI,IAAM5L,KAAK6L,iBAAiBC,mCAAmChJ,GAC/D,GAIRuJ,gBAAgBvJ,GACZ9C,KAAKsM,WAAaxJ,EAGtByJ,kBAAkBzJ,GACV9C,KAAKsM,aAAexJ,IACpB9C,KAAKsM,WAAa,MAI1BE,iBAAiB1J,GACb9C,KAAKyM,WAAW3J,EAAMqG,SAAWrG,EAGrC4J,cACIC,SAASC,cAAc,wBAClBC,iBAGTpK,cACIzC,KAAKiB,eAAe6L,wBAChB9M,KAAK6L,iBAAiBO,4CAG1BpM,KAAKgC,eAAeU,OACpB1C,KAAKgC,eAAeW,WAGxBoK,iBAAiBjK,GACb,OAAIA,EAAQuF,MAAMrD,OAAS,IACnBlC,EAAQkK,eAAiB,GAIzBlK,EAAQ6F,cAAgB7F,EAAQuF,MAAM,GAAGK,OAOrDuE,WAAWnK,GACP9C,KAAKyM,WAAa,GAClBzM,KAAKkN,KAAOpK,EACZ9C,KAAKyL,iBAAiB0B,mBAAmBrK,GACzC9C,KAAKoN,oBAGT7K,kBAAkBO,GACd9C,KAAKyL,iBAAiBpF,gBAAgB,IACtCrG,KAAKqC,aAAaC,iBAAiBQ,GACnC9C,KAAK8F,UAAUhE,MAAK,OAAK,IAAIG,UAAWmC,IACpCpE,KAAKkI,SAAW9D,EAChBpE,KAAKgL,yBAIbqC,uBAAuBvK,GACnB9C,KAAKsB,OAAOkB,KAAK,CAACU,YAAalD,KAAKyL,iBAAiBlE,aAAcpE,cAAeL,EAAEwK,UACpFtN,KAAK8F,UAAUhE,MAAK,OAAK,IAAIG,UAAWmC,IACpCpE,KAAKkI,SAAW9D,EACZpE,KAAKiH,OAASpB,WACd7F,KAAKgL,yBAKjBA,uBACIhL,KAAKqC,aAAakL,eAAezL,QAAKV,KAAUpB,KAAKgC,iBAAiBC,UAAWa,UACzEA,IACA9C,KAAKwN,gBAA0F,QAAxEpJ,IAAKqJ,KAAMpJ,GAAYA,EAAQ6C,KAAOlH,KAAKqC,aAAa0I,wBAAgB,eAAE2C,cAGzG1N,KAAKkI,SAAWlI,KAAKkI,SAASyF,OAAO7K,GAAKA,EAAEyF,aAAevI,KAAKqC,aAAa0I,iBAIjF6C,SAAS9K,GACL9C,KAAKoN,oBAGTA,oBACwBS,OAAOC,WACT,KACd9N,KAAK+N,YAAc,EAEnB/N,KAAK+N,YAAc,EAM3BC,eAAelL,GACX,MAAMsB,EAAgB6J,KAAKC,MAAMpL,EAAQ9C,KAAK+N,aAAe/N,KAAK+N,YAC5D1J,EAAcD,EAAgBpE,KAAK+N,YACzC,OAAO/N,KAAKkI,SAASiG,MAAM/J,EAAeC,GAAa+J,KAAK9J,GAAWA,EAAQ0I,eAAiB,GAGpGhD,yBAAyBlH,GACrB,MAAMsB,EAAOpE,KAAK+G,WAAWC,uBAAuBlE,EAAQmE,MAC5DjH,KAAK6G,OAAOC,SAAS,CAAC,oBAAoB1C,KAAQtB,EAAQoE,OAG9DmH,2BAA2BvL,GACvB,MAAMsB,EAAqB,IAAIoF,MAC/BpF,EAAmBqF,WAAY,EAC/BrF,EAAmBkK,SAAW,OAC9BlK,EAAmBsF,KAAO,CACtBhD,IAAK1G,KAAK2G,YACV4H,qBAAsBvO,KAAKwO,6BAC3BrF,QAASrG,EACT6G,SAAS,GAEb3J,KAAK6J,OAAOC,KAAK2E,KAAsCrK,GAAoBmF,cACtEzH,MAAK,OAAU9B,KAAKgC,iBAAiBC,UAAUoC,IAC5CA,GAAUA,EAAOqF,OACjB1J,KAAK0M,cACL1M,KAAK0O,aAAe,CAChBC,KAAM,gDAA6CtK,EAAOqF,KAAK,GAAGkF,IAAIC,QAAQ,MAAO,uBACrF5H,KAAM,WAGV2E,WAAW,KACP5L,KAAK0O,aAAe,MACrB,gDAnPNI,IAA2B/M,MAsCxBgN,KAAgBhN,MAChB8F,KAAqB9F,2EAQrB,OAAKA,MACL,WAASA,MACTiN,MAAYjN,+DAjDf+M,GAA2BjM,uGAA3BuB,gBAAgB,0vHD1C3BrC,oCACIA,6CAAqBqC,yBAEzBrC,QACFA,iCAAgCA,yjGEDiGA,gBAAgCA,+BAAgBA,mCAArKA,gBAAqEA,SAAgDA,yBAAuDA,+BAAvGA,qEAAuDA,4GAC5HA,kFAA4DA,oMAGxDA,kBACIA,kBACIA,gBAAuIA,cACnIA,SAAgBA,QAAKA,QACzBA,aACIA,SAA6BA,cAC7BA,SAAyBA,cACzBA,UACJA,QACAA,iBAA0BA,iBAA0CA,oFAAsEA,QAC9IA,QACAA,mBACIA,+BACAA,iCAAmBA,2EAAoC,yEAAmGA,QAC9JA,QACJA,+CAfiDA,+BAEtCA,kHACCA,8BAEAA,2CACAA,uCACAA,0CAKaA,4BACgFA,6CAAoC,wCAdjJA,kBACIA,4CAgBAA,cACJA,+BAjB6BA,4EALjCA,eACIA,uBACAA,uCAEAA,yCAmBJA,sCAtBoCA,uDAC5BA,6FAEgBA,8FAoBxBA,kBACIA,aAAGA,4DAAgDA,QACnDA,aAAGA,yHAA0GA,QAC7GA,kBACIA,kBACIA,kBACJA,QACAA,kBACIA,aAAGA,sEAAoDA,eACvDA,mCAAqBA,eACrBA,+BAAiBA,eACjBA,sBAAQA,iBAA6CA,wCAA2BA,QAAIA,QACxFA,QACJA,QACJA,gCAEAA,kBACIA,gBAA6CA,sCACjDA,gCACAA,kBACIA,gBAA6CA,sCACjDA,kDAKQA,qBAA0EA,mEAAyBA,8BAAkBA,kDAH7HA,kBACIA,kBACAA,kBACIA,6CACJA,QACAA,kBACIA,gBAAsBA,iEAAwBA,gCAAiBA,gBAAiCA,QACpGA,QACJA,sCALiBA,2EC5ClB,iBAA6C+M,6CCRpD/M,iBACIA,kBACIA,iBACIA,iBACIA,mBAAqGA,qEAA+B,gEAA/BA,CAA+B,mEAApIA,QACJA,QACJA,QACJA,QACJA,gCAPUA,4CAGsFA,wGDInFkN,MAA8B7K,GAA9B6K,KCJmFlN,GDInFkN,4BAA8BpM,whCDR3Cd,SACIA,iBACIA,yCAwBAA,2DAgBAA,yCAGAA,0CAIAA,2CASJA,QACJA,sBAzDcA,sDAwBaA,2HAgBYA,yEAGAA,2EAIDA,6lKG/B/B,iBAA0CmN,KAQ7CtP,YACWkD,EACqBsB,EACrBC,EACAC,EACAC,GAEP4K,MAAMrM,EAAQsB,EAAaC,EAAeC,EAAQC,GAN3CvE,cACqBA,mBACrBA,qBACAA,cACAA,kBAXJA,cAAW,EAcdA,KAAK+H,cAAgB,IAAIlI,KAAU,CAC/BuP,cAAe,IAAIvP,KAAYG,KAAKoP,cAChC,CACIvP,SAAe,GACfA,SAAe,SAK/BwP,mBACQrP,KAAKoJ,SAAW,GAChBpJ,KAAKoJ,WAIbP,eAAe/F,GACPA,EAAEwM,WAAW7L,MAAQ,GACrBX,EAAEwM,WAAW7L,MAAQ,EACrBzD,KAAKoP,cAAchM,SAAS,IACrBN,EAAEwM,WAAW7L,MAAQ,MAC5BX,EAAEwM,WAAW7L,MAAQ,IACrBzD,KAAKoP,cAAchM,SAAS,MAG5BN,EAAEwM,WAAW7L,OAAS,IACtBzD,KAAKoJ,SAAWtG,EAAEwM,WAAW7L,OAIrC8L,iBAAiBzM,GACb9C,KAAKwP,cAAcD,iBAAiBzM,EAAMwM,WAAW7L,MAAOzD,KAAKmJ,SACjE,MAAM/E,EAAO,IAAI8E,KAAS,CAACC,QAASnJ,KAAKmJ,QAASC,SAAUtG,EAAMwM,WAAW7L,QAC7EzD,KAAKiE,cAAcwL,cAAcrL,GAGrCpD,WACI,MAAM8B,EAAa9C,KAAKmJ,QAAQjC,GAAKlH,KAAKmJ,QAAQZ,WAC5CnE,EAAcpE,KAAKmJ,QAAQZ,WAEjCvI,KAAK0P,YAAc1P,KAAKwP,cAAcG,0BACtC3P,KAAK0P,YAAY5N,QAAKV,KAAUpB,KAAKgC,iBAChCC,UAAWoC,IACJA,GAAQA,EAAKX,eAAeZ,KAC5B9C,KAAKoP,cAAchM,SAASiB,EAAKvB,GAAY8M,QAC7C5P,KAAKoJ,SAAW/E,EAAKvB,GAAY8M,UAEtC7D,cAEP/L,KAAK6P,gBAAgB/N,MAAK,OAAU9B,KAAKgC,iBACpCC,UAAUoC,IACHA,IAAQD,IACRpE,KAAKoP,cAAchM,SAAS,GAC5BpD,KAAKoJ,SAAW,6BCnFxBrH,iBACIA,eAA6CA,uCACjDA,gCACAA,iBACIA,aAAGA,6GAA2FA,QAClGA,kCAWwBA,iDAA2BA,qDAG/BA,kBAEIA,SACJA,wCADIA,8GA0BJA,cACIA,cAAIA,SAAaA,QACjBA,cAAIA,SAAkBA,QACtBA,cAAIA,SAAeA,QACnBA,cACIA,SAAmEA,cACnEA,+BACJA,QACAA,eAAIA,+BAAuDA,QAC3DA,eAAIA,UAAoBA,QACxBA,eACIA,oCAAsBA,2EAAoC,yEAKAA,QAC9DA,QACJA,+CAjBQA,qBACAA,0BACAA,uBAEAA,+EACAA,8FAEAA,kEACAA,4BAIsBA,6CAAiC,iCAAjCA,CAAiC,YAAjCA,CAAiC,+EA3BvEA,kBACIA,oBACIA,iBACAA,cACIA,cAAIA,eAAGA,QACPA,cAAIA,kBAAMA,QACVA,cAAIA,8BAAkBA,QACtBA,eAAIA,wBAAWA,eAAIA,6BAAgBA,QACnCA,eAAIA,gBAAGA,eAAIA,wBAAWA,QACtBA,eAAIA,wBAAWA,QACfA,kBAAuBA,qBAAQA,eAAIA,kBAAKA,QAC5CA,QACAA,QACAA,kBACAA,2BAmBAA,QACJA,QACAA,iBAAsBA,oIAC2BA,eAAIA,2IAErDA,QACAA,mBACIA,sBAAQA,4GACcA,6BACtBA,QACJA,QACJA,qDA9B6BA,+EAxCrCA,iBACIA,iBACIA,sDAKIA,kBACIA,kBACIA,yBAEJA,QACAA,0CAIJA,QACJA,QACJA,QAMAA,qCAEIA,6CA6CJA,QACJA,mEApEgBA,qGAFAA,kGAA6E,oCAOnEA,8BAGJA,gGAYbA,mGAAsEA,gCAEjEA,mFA3BlBA,SACIA,2CAyEJA,oCAzE8BA,+HDQ7B+N,IAA2B/N,mBAUxBgO,MAAWhO,6DAVd+N,GAA2BjN,2bDlBxCd,6BAAmCA,qvJGwB5B,iBAAgD+M,GAOnDlP,YAA6CkD,EACKsB,EAC/BC,EACAC,EACeC,EACIC,EACGC,EACDC,EACrBC,EACAC,EACAO,GACfgK,MAAMrM,EAAkBsB,EAAuBC,EAAkBC,EAAOC,EAAKC,EAASI,EAAYO,EAAQV,GAXjEzE,wBACKA,6BAC/BA,wBACAA,aACeA,WACIA,eACGA,iBACDA,mBACrBA,cACAA,kBACAA,cAZZA,qBAAmC,IAAI6E,KAiB9CmL,iBAAiBlN,GACb,OAAO9C,KAAKkI,SAASyF,OAAOvJ,GAAKA,EAAEmE,aAAezF,GAGtDmN,wBAAwBnN,GACpB,MAAMsB,EAASpE,KAAKkQ,WACd7L,EAAoB6B,OAAOiK,KAAK/L,GACjCuJ,OAAOrJ,GAAKA,EAAE8L,QAAQtN,IAAe,GACrCuN,OAAO,CAAC/L,EAAKC,KACVD,EAAIgM,KAAK,IAAIpH,KAAS,CAClBC,QAAS/E,EAAOG,GAAG4E,QACnBC,SAAUhF,EAAOG,GAAGqL,UAEjBtL,GACR,IAEHD,EAAMgM,OAAO,CAAC/L,EAAKC,MACnBD,IAAQC,EAAG6E,UAEZ,GAAK,KACJpJ,KAAKqJ,YAAYJ,UAAU5E,GAC3BrE,KAAKuQ,gBAAgB7N,KAAKI,GAC1B9C,KAAKiE,cAAcuM,gBAAgBxQ,KAAKqJ,YAAYoH,kBAAkBlF,QAGtEvL,KADuBsJ,qBAAqBjF,GAClCkF,cAAczH,MAAK,OAAU9B,KAAKgC,iBAAiBC,UAAUsC,IAC9DA,IAGDvE,KAAKqJ,YAAYJ,UAAU5E,GAC3BrE,KAAKuQ,gBAAgB7N,KAAKI,GAC1B9C,KAAKiE,cAAcuM,gBAAgBxQ,KAAKqJ,YAAYoH,kBAAkBlF,SAJtE,CAUhBjC,qBAAqBxG,GACjB,MAAMsB,EAAsB,IAAIoF,MAChC,SAAoBC,WAAY,EAChCrF,EAAoBsF,KAAO,CAACC,SAAS,EAAOC,MAAO9G,GAC5C9C,KAAK6J,OAAOC,KAAKC,KAAiC3F,GAG7DpD,WACImO,MAAMnO,WAENhB,KAAK0P,YAA8B1P,KAAKiB,eAAgB0O,0BACxD3P,KAAK0P,YAAY5N,QAAKV,KAAUpB,KAAKgC,iBAChCC,UAAWa,IACR9C,KAAKkQ,WAAapN,IAG1B9C,KAAKuQ,gBAAgBzO,QAAKV,KAAUpB,KAAKgC,iBACpCC,UAAWa,IACQ9C,KAAKiB,eAAgByP,gBAAgB5N,+CCrGrEf,iBACIA,kBACIA,iBACIA,iBACAA,mBAMWA,qEAA+B,gEAA/BA,CAA+B,kEAN1CA,QAUAA,QACJA,QACJA,QACJA,gCAhBUA,4CAEOA,kGAMMA,2DASvBA,mBAA6CA,gDAAoCA,gCACjFA,mBAAsDA,0CAA8BA,gDDKvE4O,IAAiC5O,MAOtBgN,KAAgBhN,MAChB8F,KAAqB9F,8BAGrB,OAAKA,MACL,WAASA,MACTiN,MAAYjN,MACZgO,MAAWhO,+DAdtB4O,GAAiC9N,y+BDxB9Cd,SACIA,iBACIA,iBACIA,yCAGAA,0DAGAA,oEA2EJA,QAGJA,QACJA,sBArFkBA,qDAGAA,4GAGSA,iiNGSpB,iBAAyCmN,KAQ5CtP,YACWkD,EACqBsB,EACrBC,EACAC,EACAC,GAEP4K,MAAMrM,EAAQsB,EAAaC,EAAeC,EAAQC,GAN3CvE,cACqBA,mBACrBA,qBACAA,cACAA,kBAZJA,sBAAkB,EAClBA,cAAW,KAcdA,KAAK+H,cAAgB,IAAIlI,KAAU,CAC/BuP,cAAe,IAAIvP,KAAYG,KAAKoP,cAChC,CACIvP,aAAmB,gBACnBA,SAAe,GACfA,SAAe,SAK/BwP,mBACQrP,KAAKoJ,SAAW,GAChBpJ,KAAKoJ,WAIbP,eAAe/F,GACPA,EAAEwM,WAAW7L,MAAQ,GACrBX,EAAEwM,WAAW7L,MAAQ,EACrBzD,KAAKoP,cAAchM,SAAS,IACrBN,EAAEwM,WAAW7L,MAAQ,MAC5BX,EAAEwM,WAAW7L,MAAQ,IACrBzD,KAAKoP,cAAchM,SAAS,MAG5BN,EAAEwM,WAAW7L,OAAS,IACtBzD,KAAKoJ,SAAWtG,EAAEwM,WAAW7L,OAGjCzD,KAAK4Q,iBAAiB9N,EAAEwM,WAAW7L,OAGvCoN,gBAAgB/N,GACZ9C,KAAKqC,aAAawO,gBAAgB/N,EAAMwM,WAAW7L,MAAOzD,KAAKmJ,SAC/D,MAAM/E,EAAO,IAAI8E,KAAS,CAACC,QAASnJ,KAAKmJ,QAASC,SAAUtG,EAAMwM,WAAW7L,QAC7EzD,KAAKiE,cAAcwL,cAAcrL,GAGrCpD,WACI,MAAM8B,EAAa9C,KAAKmJ,QAAQjC,GAAKlH,KAAKmJ,QAAQZ,WAC5CnE,EAAcpE,KAAKmJ,QAAQZ,WAEjCvI,KAAK8Q,WAAa9Q,KAAKqC,aAAa0O,yBACpC/Q,KAAK8Q,WAAWhP,QAAKV,KAAUpB,KAAKgC,iBAC/BC,UAAWoC,IACJA,GAAQA,EAAKX,eAAeZ,KAC5B9C,KAAKoP,cAAchM,SAASiB,EAAKvB,GAAY8M,QAC7C5P,KAAKoJ,SAAW/E,EAAKvB,GAAY8M,UAEtC7D,cAEP/L,KAAKgR,eAAelP,MAAK,OAAU9B,KAAKgC,iBACnCC,UAAUoC,IACHA,IAAQD,IACRpE,KAAKoP,cAAchM,SAAS,GAC5BpD,KAAKoJ,SAAW,QAKhCwH,iBAAiB9N,GAKb9C,KAAKiR,iBAJAnO,IAImBiG,MAAMmI,OAAOpO,MAAaA,EAAOqO,WAAWC,SAAS,OAAStO,EAAOqO,WAAWC,SAAS,gCC7FrHrP,eAKIA,iBAEJA,+BANGA,kCAEAA,gCADAA,mCAGMA,gFACqCA,uDAE9CA,eACIA,iBAEJA,+BAFSA,gFACqCA,sEAhBlDA,iBAGKA,0EAAsB,GAACsP,SAGxBtP,sBAQAA,wBAIJA,gCAbKA,+CACGA,qCAQEA,8DAQFA,iBACIA,gBAA6CA,uCACjDA,gCACAA,iBACIA,aAAGA,6GAA2FA,QAClGA,kCAWwBA,4DAA2BA,6DAA8DA,+CAEzFA,iBAAwCA,SAAmBA,wCAAnBA,kDAE5CA,kBAEIA,yCAEJA,wCAFIA,qIAgDIA,iBACIA,cACAA,cACAA,cACAA,cACAA,cACIA,6BACJA,QACAA,cAAIA,SAAsBA,QAC1BA,eAAIA,8BAA2EA,QAC/EA,eAEJA,kEANQA,kEAEAA,8BACAA,8GAVZA,SACIA,2CAaJA,wCAbyCA,yFAvB7CA,SACIA,cACIA,cAAIA,SAAaA,QACjBA,cAAIA,SAAkBA,QACtBA,qCACAA,cAAIA,8BAA0DA,QAE9DA,eACIA,+BACJA,QACAA,eAAIA,UAA8BA,QAClCA,eAAIA,8BAAoFA,QACxFA,eACIA,mCAAqBA,2EAAoC,yEAKFA,QAC3DA,QACJA,QAEAA,kCAeJA,+CAnCYA,qBACAA,0BACAA,qDACAA,qEAGAA,6EAEAA,uCACAA,6FAIqBA,6CAAiC,gCAAjCA,CAAiC,YAAjCA,CAAiC,mCAO/CA,kFArC3BA,kBACIA,oBACIA,iBACAA,cACIA,cAAIA,eAAGA,QACPA,cAAIA,kBAAMA,QACVA,cAAIA,8BAAkBA,QACtBA,eAAIA,gBAAGA,eAAIA,wBAAWA,QACtBA,eAAIA,wBAAWA,QACfA,eAAIA,qBAAQA,QACZA,eAAIA,wBAAWA,QACfA,kBAAuBA,qBAAQA,eAAIA,kBAAKA,QAC5CA,QACAA,QACAA,kBACAA,qCAsCAA,QACJA,QACAA,sCACAA,mBACIA,sBAAQA,8FACcA,6BACtBA,QACJA,QACJA,qDA9CuCA,oDAwChCA,sFAhFfA,kBACIA,kBACIA,uDAKIA,kBACIA,kBACIA,yBAEAA,wBACJA,QACAA,2CAKJA,QACJA,QACJA,QACAA,qCAGIA,sCACAA,6CA8DJA,QACJA,mEApFgBA,qGAFAA,kGAA6E,oCAOnEA,8BAEDA,+BAEHA,iGAQbA,mGACAA,gCAEEA,6DACGA,mFA1BlBA,SACIA,4CAyFJA,oCAzF8BA,+HDXzBuP,IAA0BvP,mBAUvBgO,MAAWhO,6DAVduP,GAA0BzO,8dDlBvCd,wBAkBAA,0BACAA,iCAnBmCA,wBAkBdA,0CACAA,oxJGOd,iBAA+C+M,GASlDlP,YAA6CkD,EACKsB,EAC/BC,EACAC,EACeC,EACIC,EACAC,EACGC,EACDC,EACrBC,EACCO,EACDwF,EACAC,EACAC,GACfsE,MAAMrM,EAAkBsB,EAAuBC,EAAkBC,EAAOE,EAASD,EAAKoG,EAAYC,EAAQlG,GAdjE1E,wBACKA,6BAC/BA,wBACAA,aACeA,WACIA,eACAA,eACGA,iBACDA,mBACrBA,qBACCA,sBACDA,kBACAA,cACAA,cAhBZA,oBAAkC,IAAI6E,KAoB7CmL,iBAAiBlN,GACb,OAAO9C,KAAKkI,SAASyF,OAAOvJ,GAAKA,EAAEmE,aAAezF,GAGtDmG,UAAUnG,GAGN,MAAMsB,EAAQpE,KAAKuR,UAEnB,UAAWjN,KAAOF,EACd,IAAKpE,KAAKwR,eAAepN,EAAME,GAAKsL,QAChC,OAGR,MAAMvL,EAAoB6B,OAAOiK,KAAK/L,GACjCuJ,OAAOrJ,GAAKA,EAAE8L,QAAQtN,IAAe,GACrCuN,OAAO,CAAC/L,EAAKC,KAENH,EAAMG,GAAGqL,OAAS,GAClBtL,EAAIgM,KAAK,IAAIpH,KAAS,CAClBC,QAAS/E,EAAMG,GAAG4E,QAClBC,SAAUhF,EAAMG,GAAGqL,UAGpBtL,GACR,IAEc,IAAjBD,EAAMW,SAIVhF,KAAKqJ,YAAYJ,UAAU5E,GAC3BrE,KAAKyR,eAAe/O,KAAKI,GACzB9C,KAAKiE,cAAcuM,gBAAgBxQ,KAAKqJ,YAAYoH,kBAAkBlF,QAI1EiG,eAAe1O,GACX,OAAQiG,MAAMmI,OAAOpO,MAAaA,EAAOqO,WAAWC,SAAS,OAAStO,EAAOqO,WAAWC,SAAS,KAGrG9H,qBAAqBxG,GACjB,MAAMsB,EAAsB,IAAIoF,MAChC,SAAoBC,WAAY,EAChCrF,EAAoBsF,KAAO,CAACC,SAAS,EAAOC,MAAO9G,GAC5C9C,KAAK6J,OAAOC,KAAKC,KAAiC3F,GAG7DpD,WACImO,MAAMnO,WACNhB,KAAK8Q,WAA4B9Q,KAAKiB,eAAgB8P,yBACtD/Q,KAAK8Q,WAAWhP,QAAKV,KAAUpB,KAAKgC,iBAC/BC,UAAWa,IACR9C,KAAKuR,UAAYzO,IAGzB9C,KAAKyR,eAAe3P,QAAKV,KAAUpB,KAAKgC,iBACnCC,UAAWa,IACO9C,KAAKiB,eAAgByQ,eAAe5O,KAG3D9C,KAAKiF,eAAeC,cAAc,SACjCpD,MAAK,OAAU9B,KAAKgC,iBACpBC,UAAUa,IACP9C,KAAK+E,IAAMjC,EAAI0C,gBAIvBmM,SAAS7O,GACL9C,KAAKiE,cAAcC,WAAW,uBAAwBpB,GAG1D8O,mBAAmB9O,EAAMsB,GACrB,OAAO,EAAKtB,EAAOsB,4CC7H3BrC,iBACIA,kBACIA,iBACIA,iBACIA,mBAMOA,qEAA+B,gEAA/BA,CAA+B,iEANtCA,QAUJA,QACJA,QACJA,QACJA,gCAhBUA,4CAEOA,kGAMMA,2DASvBA,mBAA6CA,gDAAoCA,gCACjFA,mBAAsDA,0CAA8BA,gDDOvE8P,IAAgC9P,MASrBgN,KAAgBhN,MAChB8F,KAAqB9F,8BAGrB,OAAKA,MACL,WAASA,MACT,WAASA,MACTiN,MAAYjN,MACZgO,MAAWhO,qFAjBtB8P,GAAgChP,y4CD1B7Cd,wBAoBAA,iBACIA,iBACIA,yCAGAA,0DAGAA,oEA2FJA,QACJA,sBAxHMA,4CAsBQA,qDAGAA,4GAGSA,itNGVhB,iBAAwCmN,KAQ3CtP,YACWkD,EACqBsB,EACrBC,EACAC,EACAC,GAEP4K,MAAMrM,EAAQsB,EAAaC,EAAeC,EAAQC,GAN3CvE,cACqBA,mBACrBA,qBACAA,cACAA,kBAZJA,sBAAkB,EAClBA,cAAW,KAcdA,KAAK+H,cAAgB,IAAIlI,KAAU,CAC/BuP,cAAe,IAAIvP,KAAYG,KAAKoP,cAChC,CACIvP,aAAmB,gBACnBA,SAAe,GACfA,SAAe,SAK/BwP,mBACQrP,KAAKoJ,SAAW,GAChBpJ,KAAKoJ,WAIbP,eAAe/F,GACPA,EAAEwM,WAAW7L,MAAQ,GACrBX,EAAEwM,WAAW7L,MAAQ,EACrBzD,KAAKoP,cAAchM,SAAS,IACrBN,EAAEwM,WAAW7L,MAAQ,MAC5BX,EAAEwM,WAAW7L,MAAQ,IACrBzD,KAAKoP,cAAchM,SAAS,MAG5BN,EAAEwM,WAAW7L,OAAS,IACtBzD,KAAKoJ,SAAWtG,EAAEwM,WAAW7L,OAGjCzD,KAAK4Q,iBAAiB9N,EAAEwM,WAAW7L,OAGvCqO,eAAehP,GACX9C,KAAK+R,YAAYD,eAAehP,EAAMwM,WAAW7L,MAAOzD,KAAKmJ,SAC7D,MAAM/E,EAAO,IAAI8E,KAAS,CAACC,QAASnJ,KAAKmJ,QAASC,SAAUtG,EAAMwM,WAAW7L,QAC7EzD,KAAKiE,cAAcwL,cAAcrL,GAGrCpD,WACI,MAAM8B,EAAa9C,KAAKmJ,QAAQjC,GAAKlH,KAAKmJ,QAAQZ,WAC5CnE,EAAcpE,KAAKmJ,QAAQZ,WAEjCvI,KAAKgS,UAAYhS,KAAK+R,YAAYE,wBAClCjS,KAAKgS,UAAUlQ,QAAKV,KAAUpB,KAAKgC,iBAC9BC,UAAWoC,IACJA,GAAQA,EAAKX,eAAeZ,KAC5B9C,KAAKoP,cAAchM,SAASiB,EAAKvB,GAAY8M,QAC7C5P,KAAKoJ,SAAW/E,EAAKvB,GAAY8M,UAEtC7D,cAEP/L,KAAKkS,cAAcpQ,MAAK,OAAU9B,KAAKgC,iBAClCC,UAAUoC,IACHA,IAAQD,IACRpE,KAAKoP,cAAchM,SAAS,GAC5BpD,KAAKoJ,SAAW,QAKhCwH,iBAAiB9N,GAKb9C,KAAKiR,iBAJAnO,IAImBiG,MAAMmI,OAAOpO,MAAaA,EAAOqO,WAAWC,SAAS,OAAStO,EAAOqO,WAAWC,SAAS,gCC7FrHrP,eAKIA,kBAEJA,+BANGA,kCAEAA,gCADAA,mCAGMA,gFACqCA,uDAE9CA,eACIA,kBAEJA,+BAFSA,gFACqCA,sEAhBlDA,iBAGKA,0EAAsB,GAACsP,SAGxBtP,sBAQAA,wBAIJA,gCAbKA,+CACGA,qCAQEA,8DAUFA,kBACIA,gBAA6CA,uCACjDA,gCACAA,kBACIA,aAAGA,6GAA2FA,QAClGA,kCAWwBA,4DAA2BA,+DAAuDA,+CAElFA,iBAAwCA,SAAmBA,wCAAnBA,kDAE5CA,kBAEIA,yCAEJA,wCAFIA,qIAgDIA,iBACIA,cACAA,cACAA,cACAA,cACAA,cACIA,6BACJA,QACAA,cAAIA,SAAsBA,QAC1BA,eAAIA,8BAA2EA,QAC/EA,eAEJA,kEANQA,kEAEAA,8BACAA,8GAVZA,SACIA,2CAaJA,wCAbyCA,yFAvB7CA,SACIA,cACIA,cAAIA,SAAaA,QACjBA,cAAIA,SAAkBA,QACtBA,qCACAA,cAAIA,8BAA0DA,QAE9DA,eACIA,+BACJA,QACAA,eAAIA,UAA8BA,QAClCA,eAAIA,8BAAoFA,QACxFA,eACIA,kCAAoBA,2EAAoC,yEAKHA,QACzDA,QACJA,QAEAA,kCAeJA,+CAnCYA,qBACAA,0BACAA,qDACAA,qEAGAA,6EAEAA,uCACAA,6FAIqBA,6CAAiC,+BAAjCA,CAAiC,YAAjCA,CAAiC,iCAO/CA,kFArC3BA,kBACIA,oBACIA,iBACAA,cACIA,cAAIA,eAAGA,QACPA,cAAIA,kBAAMA,QACVA,cAAIA,8BAAkBA,QACtBA,eAAIA,gBAAGA,eAAIA,wBAAWA,QACtBA,eAAIA,wBAAWA,QACfA,eAAIA,qBAAQA,QACZA,eAAIA,wBAAWA,QACfA,kBAAuBA,qBAAQA,eAAIA,kBAAKA,QAC5CA,QACAA,QACAA,kBACAA,qCAsCAA,QACJA,QACAA,sCACAA,mBACIA,sBAAQA,8FACcA,6BACtBA,QACJA,QACJA,qDA9CuCA,oDAwChCA,sFAhFfA,kBACIA,kBACIA,uDAKIA,kBACIA,kBACIA,yBAEAA,wBACJA,QACAA,2CAKJA,QACJA,QACJA,QACAA,qCAGIA,sCACAA,6CA8DJA,QACJA,mEApFgBA,qGAFAA,kGAA6E,oCAOnEA,8BAEDA,+BAEHA,iGAQbA,mGACAA,gCAEEA,6DACGA,mFA1BlBA,SACIA,4CAyFJA,oCAzF8BA,+HDbzBoQ,IAAyBpQ,mBAUtBgO,MAAWhO,6DAVdoQ,GAAyBtP,ydDlBtCd,wBAkBAA,0BACAA,iCAnBmCA,wBAkBdA,0CACAA,oxJGOd,iBAA8C+M,GASjDlP,YAA6CkD,EACKsB,EAC/BC,EACAC,EACAC,EACAC,EACmBC,EACGC,EACDC,EACrBC,EACAO,EACAwF,EACeC,GAC9BuE,MAAMrM,EAAkBsB,EAAuBC,EAAkBG,EAAOC,EAASmG,EAAKtG,EAAYC,EAAQG,GAbjE1E,wBACKA,6BAC/BA,wBACAA,kBACAA,cACAA,aACmBA,eACGA,iBACDA,mBACrBA,qBACAA,iBACAA,cACeA,WAjB3BA,SAAM,GAENA,mBAAiC,IAAI6E,KAmB5CmL,iBAAiBlN,GACb,OAAO9C,KAAKkI,SAASyF,OAAOvJ,GAAKA,EAAEmE,aAAezF,GAGtDmG,UAAUnG,GAGN,MAAMsB,EAAQpE,KAAKoS,SAEnB,UAAW9N,KAAOF,EACd,IAAKpE,KAAKwR,eAAepN,EAAME,GAAKsL,QAChC,OAGR,MAAMvL,EAAoB6B,OAAOiK,KAAK/L,GACjCuJ,OAAOrJ,GAAKA,EAAE8L,QAAQtN,IAAe,GACrCuN,OAAO,CAAC/L,EAAKC,KAENH,EAAMG,GAAGqL,OAAS,GAClBtL,EAAIgM,KAAK,IAAIpH,KAAS,CAClBC,QAAS/E,EAAMG,GAAG4E,QAClBC,SAAUhF,EAAMG,GAAGqL,UAGpBtL,GACR,IAEc,IAAjBD,EAAMW,SAIVhF,KAAKqJ,YAAYJ,UAAU5E,GAC3BrE,KAAKqS,cAAc3P,KAAKI,GACxB9C,KAAKiE,cAAcuM,gBAAgBxQ,KAAKqJ,YAAYoH,kBAAkBlF,QAI1EiG,eAAe1O,GACX,OAAQiG,MAAMmI,OAAOpO,MAAaA,EAAOqO,WAAWC,SAAS,OAAStO,EAAOqO,WAAWC,SAAS,KAGrG9H,qBAAqBxG,GACjB,MAAMsB,EAAsB,IAAIoF,MAChC,SAAoBC,WAAY,EAChCrF,EAAoBsF,KAAO,CAACC,SAAS,EAAOC,MAAO9G,GAC5C9C,KAAK6J,OAAOC,KAAKC,KAAiC3F,GAG7DpD,WACImO,MAAMnO,WACNhB,KAAKgS,UAA0BhS,KAAKiB,eAAgBgR,wBACpDjS,KAAKgS,UAAUlQ,QAAKV,KAAUpB,KAAKgC,iBAC9BC,UAAWa,IACR9C,KAAKoS,SAAWtP,IAGxB9C,KAAKqS,cAAcvQ,QAAKV,KAAUpB,KAAKgC,iBAClCC,UAAWa,IACM9C,KAAKiB,eAAgBqR,cAAcxP,KAQ7D6O,SAAS7O,GACL9C,KAAKiE,cAAcC,WAAW,uBAAwBpB,GAG1D8O,mBAAmB9O,EAAMsB,GACrB,OAAO,EAAKtB,EAAOsB,EAGvB3B,cACkBzC,KAAKiB,eAAgBsR,gBACnCvS,KAAKgC,eAAeU,OACpB1C,KAAKgC,eAAeW,sCCzHZZ,gBAAqCA,SAA0BA,+BAA1BA,oEANjDA,SACIA,iBACIA,eAAKA,SAAqBA,QAC1BA,iBAAmBA,6BAA8DA,QACjFA,eACIA,wBAAWA,cACXA,0BACJA,QACJA,QACJA,+BARSA,kDACIA,oCACcA,2EAGRA,2EAPvBA,SACIA,kCAUJA,8BAVmBA,iHDyBNyQ,IAA+BzQ,MASpBgN,KAAgBhN,MAChB8F,KAAqB9F,qDAKrB,WAASA,MACTiN,MAAYjN,MACZgO,MAAWhO,yCAIX,kCArBXyQ,GAA+B3P,+8CD1B5Cd,wBAoBAA,eAAiDA,eAAyCA,uCAAoBA,QAE9GA,iBACIA,iBACIA,yCAGAA,2DAGAA,sEA2FJA,QACJA,sBA1HMA,4CAwBQA,qDAGAA,6GAGSA,utNGtBhB,iBAAyC0Q,+CCSxC1Q,qBAC4EA,gEAC1BA,4BAAgBA,iCAA1DA,2EACRA,qBAEkDA,4BAAgBA,+BAA1DA,0FAtBhBA,iBAAKA,2DAAWuC,+BAAXvC,CAAqC,sDAAauC,kCACnDvC,kBACIA,iBACIA,iBACAA,oBAAwCA,sEAA6BA,eAA4BA,QACjGA,oBAAuCA,sEAA6BA,eAA2BA,QAC/FA,oBAAwCA,yDAASuC,kCAA6BvC,gBAA4BA,QAC1GA,QACAA,gBACIA,qBAAqGA,qEAA+B,iEAApIA,QACJA,QACAA,gBACIA,+BAEAA,cACJA,QACJA,QACAA,6BAGAA,6BAGJA,QACJA,gCAvBUA,4CACoBA,6DAMbA,4EAC+EA,mCAE/EA,mFACDA,yKAEGA,kFAGFA,+CAGAA,sHDZJ2Q,MAA0BtO,GAA1BsO,KCYI3Q,GDZJ2Q,4BAA0B7P,yIDRvCd,sCAAeA,uRGQR,iBAA2CmN,6BCL+EnN,gBAAgCA,+BAAgBA,mCAArKA,gBAAqEA,SAAgDA,yBAAuDA,+BAAvGA,qEAAuDA,gHDK3H4Q,MAA4BvO,GAA5BuO,KCL2H5Q,GDK3H4Q,4BAA4B9P,44BDRzCd,+BAA2GA,k0JEI/FA,kFAA4DA,oJAM5CA,4DAAmGA,oBAAxEA,2HAHvCA,kBACIA,kBACIA,kBACIA,yBACJA,QACJA,QACAA,kBAEIA,cAAIA,SAAgBA,QACpBA,mBACJA,QACAA,kBACIA,kCACAA,qCAAuBA,2EAAoC,yEACqBA,QACpFA,QACJA,+CAhBiDA,+BAG/BA,+BAKNA,uBACqCA,wDAGpBA,4BAEEA,6CAAoC,wCAfvEA,iBACIA,2CAiBAA,cACJA,+BAlB6BA,4EALjCA,eACIA,uBACAA,uCAEAA,yCAoBJA,sCAvBoCA,uDAC5BA,6FAEgBA,8FAqBxBA,kBACIA,gBAAwBA,sDAA0CA,QACtEA,kDAKQA,qBAAQA,mEAA2GA,8BAAkBA,kDAH7IA,kBACIA,kBACAA,kBACIA,6CACJA,QACAA,kBACIA,gBAAsBA,iEAAwBA,gCAAiBA,gBAAiCA,QACpGA,QACJA,sCAL0CA,6FC1B3C,iBAAiD+M,wEAA3C8D,MAAkCxO,GAAlCwO,KAA2C9D,GAA3C8D,4BAAkC/P,i5BDR/Cd,SACIA,iBACIA,yCAyBAA,0DAIAA,yCASJA,QACJA,sBAvCcA,sDAyBaA,4GAIWA,imKExB/B,SAELnC,eAEAoB,WAAQ,4BCNNe,cAAmEA,4BAAgBA,cAC/EA,2CACmEA,qCADnEA,0OAEJA,cAAiEA,4BAAgBA,cAC7EA,oEAAuDA,mCAT/DA,iBAEIA,iBACIA,iBACJA,QACAA,wCAGAA,wCAEAA,iBACJA,sCANSA,iGAGAA,0HAQOA,iBAC2BA,8BAAgCA,+BADJA,+CAC5BA,qFDV9B8Q,iCAAqBhQ,wXEPlCd,iBACIA,iBACAA,iBACGA,iBACKA,iBACIA,cAAIA,iCAAkBA,QACtBA,eACIA,iBACIA,aAAGA,wfAMmBA,QAEtBA,cAAGA,iCAAoBA,mBAAQA,gBAAwDA,iCAAoBA,QAAIA,QAC/GA,QACJA,QACAA,kBAEJA,QACAA,eACJA,QACJA,QACJA,QACJA,qFDRgBA,iBAC2BA,8BAA+DA,+BADrCA,+CAC1BA,6GAJ/BA,kBACIA,wBAEAA,wBAEAA,8BACJA,+BALSA,sHAEAA,yHAELA,gIA6BJA,iBAC2BA,8BAAgCA,+BADJA,+CAC5BA,wEAC3BA,iBAC2BA,8BAA+DA,+BADrCA,+CAC1BA,6GAJ/BA,SACIA,wBAEAA,wBAEJA,+BAJSA,sHAEAA,mKAITA,yBACQA,sEAKRA,iCAHQA,+CAAuC,gCAAvCA,CAAuC,qEAI/CA,mCAMQA,4EAERA,iCANQA,+CAAuC,gCAAvCA,CAAuC,sCAAvCA,CAAuC,wFAO/CA,uCACQA,sEAORA,iCALQA,kEAA0D,wCAA1DA,CAA0D,0BAA1DA,CAA0D,6CAA1DA,CAA0D,qDAMlEA,iEAEQA,kEAA0D,cAA1DA,CAA0D,qDAIlEA,+DAEQA,kEAA0D,cAA1DA,CAA0D,qDAIlEA,8DAEQA,kEAA0D,cAA1DA,CAA0D,qDAIlEA,iEAEQA,4DAvFZA,kBACIA,kBACIA,yBAgCJA,QACAA,iCAOAA,gCAOAA,0CASAA,8CASAA,kDAMAA,gDAMAA,+CAMAA,mDAIJA,+BAzFKA,8EAE4BA,0CAiCdA,2CASNA,qFAMAA,oFAUAA,6CAQAA,wCAMAA,uCAMAA,sCAMAA,oEAMbA,kBACIA,4BAGJA,+BAFYA,wEA/FhBA,iBACIA,2BA4FAA,yBAKJA,8BAjGuGA,wCA4F7FA,qFAMVA,mCACQA,qEAA2B,+DAanCA,gCAXQA,kEAA0D,wCAA1DA,CAA0D,0BAA1DA,CAA0D,6CAA1DA,CAA0D,0BAA1DA,CAA0D,0CAA1DA,CAA0D,mDAA1DA,CAA0D,sCAA1DA,CAA0D,yFAYlEA,wDAEQA,kEAA0D,2BAA1DA,CAA0D,0CAA1DA,CAA0D,oBAA1DA,CAA0D,sCAA1DA,CAA0D,0FAQlEA,eACIA,aAAGA,SAA4BA,QACnCA,8BADOA,wEAEPA,yBEhHO,SAyBHnC,YAC0CkD,EAC/BsB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAP+B1E,6BAC/BA,iBACAA,uBACAA,aACAA,aACAA,oBACAA,wBACAA,mBA9BJA,oBAA+B,IAAI6E,KAGnC7E,YAAS,IAAI6E,KACb7E,mBAAgB,IAAI6E,KAOpB7E,wBAAoB,EAE3BA,iBAAkC6F,IAG3B7F,YAAQ,EAGIA,2BAAwB8S,KAYnC9S,KAAKoF,YAAY2N,iBAAmB/S,KAAKoF,YAAY4N,oBACrDhT,KAAKiT,OAAQ,GAEjBjT,KAAKoF,YAAY8N,aAAapR,MAAK,OAAU9B,KAAKgC,iBAAiBC,UAAU0C,UACtEA,IACC3E,KAAKmT,sBAAwBxO,EAAI+B,IACjC1G,KAAKwO,6BAAyD,QAA1B5J,IAAIwO,oBAAoB,UAAE,eAAElM,MAM5ElG,WACI,GAAIhB,KAAK0J,KAAM,CACX,MAAM5G,EAAoD,OAAtC9C,KAAKqC,aAAa0I,gBAA2BlF,UAAoB7F,KAAK0J,KAAK2J,YAK/F,GAJArT,KAAKsT,4BAELtT,KAAKiB,eAAiBjB,KAAKkB,sBAAsBC,qBAAqB2B,IAEjE9C,KAAKiB,eACN,OAGJjB,KAAKuT,iBAAmBvT,KAAKiB,eAAeuS,+BAC5CxT,KAAK4B,kBAAoB5B,KAAKiB,eAAeY,gCAC7C7B,KAAK8F,UAAY9F,KAAKiB,eAAe8E,wBACrC/F,KAAKsB,OACAQ,MAAK,OAAU9B,KAAKgC,iBACpBC,UAAUoC,IACP,IAAIC,EAAU,EACVxB,IAAgB+C,gBAChBvB,EAAU,GAEd,MAAMC,EAAoB2B,OAAOC,OAAO,GAAI9B,EAAgB,CAAC9C,KAAM+C,IAC/DxB,IAAgB+C,UAChBtB,EAAkBkP,SAAczT,KAAKgM,MAAM0H,SAASC,SAASjO,IAAI,YACjE1F,KAAKiB,eAAeI,eAAekD,IAEnCvE,KAAKiB,eAAeI,eAAekD,KAI/CvE,KAAK4T,cAAc9R,MACf,OAAe9B,KAAK6T,QACnB/R,QAAKV,KAAUpB,KAAKgC,iBACpBC,UAAU,EAAEoC,EAAGC,MAEZ,MAAMC,EAAoB2B,OAAOC,OAC7B,GACA0B,iCAAmD/E,EAAawB,GAChE,CAAC/C,KAAMsG,kCAAoD/E,EAAawB,GAAOwP,MAAQ,EAAGrS,KAAM,KAEpGzB,KAAKiB,eAAe8S,gBAAgBxP,KAI5CvE,KAAKuT,iBACAzR,QAAKV,KAAUpB,KAAKgC,iBAAiBC,UAAWoC,IAC7CA,IACIA,EAAQX,eAAe,YACvB1D,KAAKqD,WAAagB,EAAQ/C,QAE9BtB,KAAKsD,kBAAoBe,EAAQlB,iBAKzC,IAAIiB,GAAW,EACVpE,KAAK0J,KAAKsK,iBACXhU,KAAK8F,UACA7D,UAAUoC,IACPD,EAA+B,IAApBC,EAASW,SACrB+G,cAEP3H,GACApE,KAAKsB,OAAOoB,KAAK,KAK7B4Q,4BACQtT,KAAK0J,KAAKhG,eAAe,YAAc1D,KAAK0J,KAAKuK,QAAQvQ,eAAe,WACpE1D,KAAK0J,KAAKuK,QAAQC,OAAOxQ,eAAe,QACxC1D,KAAK0J,KAAKuK,QAAQC,OAAOC,GAAKnU,KAAKoU,gBAAgBC,oBAU/DC,eACItU,KAAK4T,cAAclR,OAGvBa,aAAaT,GACT,MAAMsB,EAAM,CAAC9C,OAAQwB,EAAEI,aACnBJ,EAAEK,eACF+C,OAAOC,OAAO/B,EAAK,CAACjB,cAAeL,EAAEK,gBAEzC+C,OAAOC,OAAO/B,EAAK,CAACsC,IAAK1G,KAAKmT,wBAC9BnT,KAAKsB,OAAOoB,KAAK0B,GAGrBmQ,iBACI,OAAOvU,KAAK0J,KAAK2J,cAAgBxN,iBAC1B7F,KAAK0J,KAAK2J,cAAgBxN,YAC1B7F,KAAK0J,KAAK2J,cAAgBxN,aAC1B7F,KAAK0J,KAAK2J,cAAgBxN,WAC1B7F,KAAK0J,KAAK2J,cAAiBxN,eAC3B7F,KAAK0J,KAAK2J,cAAgBxN,SAGrC2O,oBACI,OAAOxU,KAAK0J,KAAK2J,cAAgBxN,gBAGrC4O,YACI,OAAOzU,KAAK0J,KAAK2J,cAAgBxN,cAGrC6O,eACI,OAAO1U,KAAK0J,KAAK2J,cAAgBxN,WAGrC8O,cACI,OAAO3U,KAAK0J,KAAK2J,cAAgBxN,UAGrC+O,cACI,OAAO5U,KAAK0J,KAAK2J,cAAgBxN,cAGrCgP,gBACI,OAAO7U,KAAK0J,KAAK2J,cAAgBxN,YAGrCiP,aACI,OAAO9U,KAAK0J,KAAK2J,cAAgBxN,SAGrCkP,wBACI,OAAO/U,KAAKoF,YAAY4P,qBACpB,CAAC,sBAAwBhV,KAAKuU,mBAAqBvU,KAAK4U,gBAAkB5U,KAAKyU,YAGvFQ,qBACI,OAAOjV,KAAK0J,KAAK2J,cAAgBxN,iBAGrCuB,gBACIpH,KAAKqC,aAAa6S,qBAClBlV,KAAKyL,iBAAiB0J,iBAK1B1S,cACIzC,KAAKgC,eAAeU,OACpB1C,KAAKgC,eAAeW,mDAnMfyS,IAAgBrT,MA0Bb8F,KAAqB9F,2GA1BxBqT,GAAgBvS,83DF3B7Bd,yCAYAA,wBAmGAA,yCAeAA,yCAUAA,wBAGAA,8CA3IMA,wGAYAA,wCAqGGA,iFAcAA,qFASHA,kEAGUA,4kDGpIT,SAGHnC,YAAmBkD,gBACf9C,KAAK0J,KAAO1J,KAAKgM,MAAM0H,SAAShK,KAGpC1I,WAAQ,yCAPCqU,IAAsBtT,uCAAtBsT,GAAsBxS,kGCPnCd,8BAAaA,wECMN,MAAMuT,GAAS,CAClB,CAACC,KAAM,GAAIC,UAAWH,GAAwBI,UAAW,SAWtD,UACIC,UAASJ,0CADPI,gEARA,CACL/V,KACAM,cAAsBqV,IACtBK,oJCLR,QAII/V,YAAYgW,EAAIC,EAAMC,GAClB9V,KAAK4V,GAAKA,EACV5V,KAAK6V,KAAOA,EACZ7V,KAAK8V,WAAaA,EAClB9V,KAAK+V,YAAc,IAAIC,MACvBhW,KAAKiW,aAAe,IAAID,MACxBhW,KAAKc,WAAa,IAAIkV,MACtBhW,KAAKkW,QAAU,IAAIF,MACnBhW,KAAKmW,KAAO,IAAIH,MAEhBhW,KAAKoW,aAAe,EACpBpW,KAAKqW,OAAS,GACdrW,KAAKsW,aAAc,EACnBtW,KAAKuW,eAAiB,GACtBvW,KAAKwW,aAAe,GAKxB/T,cACIzC,KAAKyW,UAETC,kBACI1W,KAAK2W,qBAKTA,qBACI,OAAIC,MAAiB5W,KAAK8V,cAGtB9V,KAAKwW,aAAaxR,OAAS,GAAKhF,KAAKuW,eAAevR,OAAS,GAAG,CAChE,MAAM6R,EAAmB7W,KAAKqW,OAAOrR,OAAShF,KAAKuW,eAAevR,OAAShF,KAAKwW,aAAaxR,OACxFhF,KAAKsW,YAMoB,IAArBO,EACL7W,KAAKyW,WAGLzW,KAAKwW,aAAapO,QAAQ0O,IACtB9W,KAAKqW,OAAO/F,KAAKwG,GACjB9W,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,WAAYH,EAAUlB,GAAGsB,mBAGtDlX,KAAKwW,aAAe,GACpBxW,KAAKuW,eAAenO,QAAQ0O,IACxB,MAAMK,EAAMnX,KAAKqW,OAAOjG,QAAQ0G,GAChC9W,KAAKqW,OAASrW,KAAKqW,OAAO1I,OAAO9N,GAAKA,IAAMiX,GAC5C9W,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,cAAeE,OAG5CnX,KAAKuW,eAAiB,IAvBlBM,EAAmB,GACnB7W,KAAKoX,aA6BrBA,YACIpX,KAAKqW,OAASrW,KAAKwW,aACnBxW,KAAKwW,aAAe,GACpBxW,KAAKuW,eAAiB,GACtBvW,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAYK,OAAOrX,KAAK4V,GAAGsB,eAChClX,KAAKgX,UAAUM,GAAG,OAAQ,CAACC,EAAON,KAC9BjX,KAAK6V,KAAK2B,IAAI,KACVxX,KAAKmW,KAAK3T,KAAK,CAAE+U,QAAON,cAGhCjX,KAAKgX,UAAUC,MAAMjX,KAAK+C,QAC1B/C,KAAK6V,KAAK2B,IAAI,KACV,IAAIC,EACJzX,KAAKsW,aAAc,EACnBtW,KAAKoW,cAAuC,QAAtBqB,EAAKzX,KAAK+C,cAA2B,IAAP0U,OAAgB,EAASA,EAAGC,eAAiB,IAErG1X,KAAKgX,UAAUM,GAAG,cAAe,CAACC,EAAON,EAAOU,KAC5C3X,KAAK6V,KAAK2B,IAAI,KACVxX,KAAK+V,YAAYvT,KAAK,CAClB+U,QACAN,QACAU,eACAC,MAAwB,IAAjBD,EACPE,KAAMZ,EAAMa,QAAQ9S,SAAW2S,EAAeV,EAAMc,QAAQpX,iBAEhEX,KAAKoW,aAAeuB,MAG5B3X,KAAKgX,UAAUM,GAAG,eAAgB,CAACC,EAAON,EAAOU,EAAcK,KAC3DhY,KAAK6V,KAAK2B,IAAI,KACVxX,KAAKiW,aAAazT,KAAK,CAAE+U,QAAON,QAAOU,eAAcK,cACrDhY,KAAKoW,aAAe4B,MAG5BhY,KAAKgX,UAAUM,GAAG,aAAc,CAACC,EAAON,EAAOnW,KAC3Cd,KAAK6V,KAAK2B,IAAI,KACVxX,KAAKc,WAAW0B,KAAK,CAAE+U,QAAON,QAAOnW,mBAG7Cd,KAAKgX,UAAUM,GAAG,UAAW,CAACC,EAAON,KACjCjX,KAAK6V,KAAK2B,IAAI,KACVxX,KAAKkW,QAAQ1T,KAAK,CAAE+U,QAAON,UAC3BjX,KAAKsW,aAAc,QAKnC2B,SAASnB,GACL9W,KAAKwW,aAAalG,KAAKwG,GAE3BoB,YAAYpB,GACR9W,KAAKuW,eAAejG,KAAKwG,GAK7BqB,UAAUC,GACNpY,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,YAAamB,KAG1CC,YACIrY,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,eAG7BqB,YACItY,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,eAG7BsB,aACIvY,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,gBAG7BuB,YACIxY,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,eAG7BR,UACQzW,KAAKgX,YACLhX,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,aAEzBjX,KAAKgX,eAAYyB,GAErBzY,KAAKsW,aAAc,EAEvBrO,YAAYyQ,GACR,GAAI1Y,KAAKsW,YAAa,CAClB,MAAMvT,EAAS2V,EAAQ3V,OACvB,GAAIA,EAAO4V,gBAAkB5V,EAAO6V,mBAAwCH,IAAxB1V,EAAO6V,aAA4B,CACnF,MAAMC,EAAU9V,EAAO6V,aAAaC,QAC9BC,EAAa5S,OAAOC,OAAO,GAAIpD,EAAO6V,qBACrCE,EAAWD,QAClB7Y,KAAK6V,KAAKkB,kBAAkB,KACxB/W,KAAKgX,UAAUC,MAAM,iBAAkB6B,EAAYD,QAMpDE,EAAuBC,UAAvB,0BAAmHD,GAAVE,MAAkDA,OAAlDA,MAA4EA,OAA5EA,MAAkGC,SAC3MH,EAAuBI,UADkFF,MACzG,MAAuGF,EAAvGlW,wNADyGoW,MACkO,CAAC,CACnVG,QAASC,KACTC,aAAaC,SAAY,IAAMR,GAC/BS,OAAO,KAJyGP,OACzGQ,qEADyGR,cAKpC,KAJrES,kBAmCnB,QACI9Z,YAAYgW,EAAIE,EAAY6D,GACxB3Z,KAAK4V,GAAKA,EACV5V,KAAK8V,WAAaA,EAClB9V,KAAK2Z,SAAWA,EAEpB3Y,cACQ4Y,MAAkB5Z,KAAK8V,aACvB9V,KAAK2Z,SAAS1B,SAASjY,MAG/ByC,iBACQmX,MAAkB5Z,KAAK8V,aACvB9V,KAAK2Z,SAASzB,YAAYlY,OAInB6Z,EAAmBb,UAAnB,0BAA+Ga,GArDNZ,MAqD0CA,OArD1CA,MAqDoEC,OArDpED,MAqD4FF,EAArM,KACAc,EAAmBC,UAtDsFb,MAsDzG,MAAmGY,EAAnGhX,qCAenB,SAEmBkX,EAAoBf,UAApB,0BAAgHe,IAChHA,EAAoBC,UAxEqFf,MAwEzG,MAAiHc,IAGjHA,EAAoBE,UA3EqFhB,MA2EzG,UAAgJ,CACvJiB,QAEZ","names":["c","constructor","s","g","Z","this","f","centerMode","dots","infinite","autoplay","autoplaySpeed","arrows","nextArrow","prevArrow","slidesToShow","slidesToScroll","speed","responsive","breakpoint","settings","ngOnInit","productService","webshopServiceFactory","createWebshopService","m","searchProducts","search","page","shopOnly","size","productsLoading$","getProductsLoadingObservable","productsResponse$","getProductsResponseObservable","pipe","t","ngUnsubscribe$","subscribe","allPromo","campaignInfo","showProducts","promoService","setSelectedPromo","viewPromoProducts","emit","ngOnDestroy","next","complete","w","selectors","e","config","availableOnlyCheckboxEnabled","searchForm","queryString","availableOnly","setValue","searchWord","availableOnlyFlag","submitSearch","valid","value","hasOwnProperty","emptySearchEnabled","initialSearchSubmitted","resetSearch","reset","updateValueAndValidity","trackFeaturedProducts","matomoService","trackEvent","Y","n","i","r","a","u","h","C","M","y","P","k","ads","length","adsRestService","getCurrentAds","q","userService","isAdmin","adService","showAd","return_object","isSubmitted","get","formGroupDirective","resetForm","_","products$","getProductsObservable","productSuggestions","errorMsg","Object","assign","docuLightService","setSearchString","target","performSearch","keyCode","hideAllResults","idf","selectedIdf","onSelect","router","navigate","navService","getRouteForProductType","type","id","viewAll","searchEnabled","viewAllResults","onFocus","searchString","onBlur","getErrMessage","imageErrorHandler","src","H","x","b","addToCartForm","initializeForm","ngOnChanges","products","quantityObj","forEach","price","minQuantity","campaignId","addControl","getPrice","cents","retailPrice","getMinQty","updateQuantity","parseInt","isNaN","controls","addToCart","L","product","quantity","cartService","openAddConfirmDialog","afterClosed","T","autoFocus","data","perform","items","dialog","open","at","navigateToProductDetails","canShowAdvantageDropdown","openSubsequentDeliveryModal","showSubsequentDeliveryModal","canAddToCart","availabilityStatus","promotion","isSubsequentDelivery","isNotAvailable","isDisabled","z","$","D","dt","Et","selectedPromoId","processPromoProducts","scrollPosition$","getScrollPositionObservable","productCache$","getProductCacheObservable","endOfResult","end","total","moreLoading","dokuLightService","searchRequestSize","loadMore","setTimeout","scrollingService","scrollToYPositionOfVisibleViewport","unsubscribe","route","queryParams","promo","showNewItems","determineScrollPositionOfVisibleViewport","activateProduct","activeItem","deactivateProduct","onChangeQuantity","quantities","scrollToTop","document","querySelector","scrollIntoView","updateScrollingPosition","showPricingTable","amountOfPrices","toggleView","view","setProductViewType","updateItemsPerRow","toggleAvailableResults","checked","getPromoInfo","promoDisclaimer","find","disclaimer","filter","onResize","window","innerWidth","itemsPerRow","hasPricesInRow","Math","floor","slice","some","openSubsequentDeliveryForm","minWidth","distributionCenterId","selectedDistributionCenterId","Nt","notification","html","pzn","replace","I","rt","ct","J","W","super","quantityInput","decreaseQuantity","srcElement","updateProfaxCart","proFaxService","addItemToCart","proFaxCart$","getProFaxCartObservable","amount","resetProfaxCart","j","U","filterByCampaign","addProfaxProductsToCart","proFaxCart","keys","indexOf","reduce","push","proFaxResetter$","updateCartTotal","calculateTotals","emptyProfaxCart","V","validateQuantity","updatePromoCart","promoCart$","getPromoCartObservable","resetPromoCart","isQuantityValid","Number","toString","includes","title","K","promoCart","validateAmount","promoResetter$","emptyPromoCart","mtmEvent","calculateAdvantage","G","updateUberCart","uberService","uberCart$","getUberCartObservable","resetUberCart","X","uberCart","uberResetter$","emptyUberCart","resetProducts","tt","xt","F","E","N","nt","d","isPhoenixUser","isInternalUser","input","selectedIdf$","currentlyDisplayedIdf","distributionCenters","productType","initPossibleHeadingValues","productsRequest$","getProductsRequestObservable","vendorId","snapshot","paramMap","loadMoreItems","store","start","displayNewBatch","activeSearchBox","heading","values","KW","calendarService","getWeekOfTheYear","loadNewItems","isStandardShop","isParagraph73Shop","isPinShop","isProFaxShop","isPromoShop","isTopPrisma","isPaybackShop","isUberShop","isExclusiveOffersShop","hasRequiredAuthority","isPrivateStockShop","resetSelectedPromo","showAllResults","et","ot","pt","path","component","pathMatch","R","Uo","el","zone","platformId","afterChange","EventEmitter","beforeChange","destroy","init","currentIndex","slides","initialized","_removedSlides","_addedSlides","unslick","ngAfterViewInit","ngAfterViewChecked","isPlatformServer","nextSlidesLength","slickItem","runOutsideAngular","$instance","slick","nativeElement","idx","initSlick","jQuery","on","event","run","_a","initialSlide","currentSlide","first","last","$slides","options","nextSlide","addSlide","removeSlide","slickGoTo","index","slickNext","slickPrev","slickPause","slickPlay","undefined","changes","previousValue","currentValue","refresh","newOptions","SlickCarouselComponent","ɵfac","i0","PLATFORM_ID","ɵcmp","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","multi","ngContentSelectors","encapsulation","carousel","isPlatformBrowser","SlickItemDirective","ɵdir","SlickCarouselModule","ɵmod","ɵinj","CommonModule"],"sources":["webpack:///src/app/modules/webshop/components/product-promotions/product-promotions.component.html","webpack:///src/app/modules/webshop/components/product-promotions/product-promotions.component.ts","webpack:///src/app/modules/webshop/components/search-box/search-box.component.html","webpack:///src/app/modules/webshop/components/search-box/search-box.component.ts","webpack:///src/app/modules/webshop/components/search-box-doculight/search-box-doculight.component.html","webpack:///src/app/modules/webshop/components/search-box-doculight/search-box-doculight.component.ts","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-list-compact-view/infinite-list-compact-view.component.html","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-list-compact-view/infinite-list-compact-view.component.ts","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-result-list.component.html","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-result-list.component.ts","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-p73-result-list/infinite-p73-result-list.component.html","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-p73-result-list/infinite-p73-result-list.component.ts","webpack:///src/app/modules/webshop/components/cart/cart-provider/cart-provider-profax/cart-provider-profax.component.html","webpack:///src/app/modules/webshop/components/cart/cart-provider/cart-provider-profax/cart-provider-profax.component.ts","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-pro-fax-result-list/infinite-pro-fax-result-list.component.html","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-pro-fax-result-list/infinite-pro-fax-result-list.component.ts","webpack:///src/app/modules/webshop/components/cart/cart-provider/cart-provider-promo/cart-provider-promo.component.html","webpack:///src/app/modules/webshop/components/cart/cart-provider/cart-provider-promo/cart-provider-promo.component.ts","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-promo-result-list/infinite-promo-result-list.component.html","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-promo-result-list/infinite-promo-result-list.component.ts","webpack:///src/app/modules/webshop/components/cart/cart-provider/cart-provider-uber/cart-provider-uber.component.html","webpack:///src/app/modules/webshop/components/cart/cart-provider/cart-provider-uber/cart-provider-uber.component.ts","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-uber-result-list/infinite-uber-result-list.component.html","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-uber-result-list/infinite-uber-result-list.component.ts","webpack:///src/app/modules/webshop/components/price-scale/price-scale-payback/price-scale-payback.component.html","webpack:///src/app/modules/webshop/components/price-scale/price-scale-payback/price-scale-payback.component.ts","webpack:///src/app/modules/webshop/components/cart/cart-provider/cart-provider-payback/cart-provider-payback.component.html","webpack:///src/app/modules/webshop/components/cart/cart-provider/cart-provider-payback/cart-provider-payback.component.ts","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-payback-result-list/infinite-payback-result-list.component.html","webpack:///src/app/modules/webshop/components/infinite-result-list/infinite-payback-result-list/infinite-payback-result-list.component.ts","webpack:///src/app/modules/webshop/components/infinite-result-list/private-stock/private-stock.component.ts","webpack:///src/app/modules/webshop/webshop.component.html","webpack:///src/app/modules/webshop/components/infinite-result-list/private-stock/private-stock.component.html","webpack:///src/app/modules/webshop/webshop.component.ts","webpack:///src/app/modules/webshop/webshop-loader/webshop-loader.component.ts","webpack:///src/app/modules/webshop/webshop-loader/webshop-loader.component.html","webpack:///src/app/modules/webshop/webshop-loader/webshop-loader.module.ts","webpack:///node_modules/ngx-slick-carousel/fesm2015/ngx-slick-carousel.mjs"],"sourcesContent":["<h2 class=\"text-to-crop\">Exklusive Online-Sparangebote</h2>\n<div id=\"results\">\n  <div *ngIf=\"(productsLoading$ | async)\" class=\"text-center py-l\">\n    <i class=\"fal fa-spinner-third fa-spin\"></i> Kampagnen werden geladen.\n  </div>\n  <div *ngIf=\"!(productsLoading$ | async) && allPromo?.length === 0\" class=\"d-flex py-l widget\">\n    <span class=\"fad fa-sad-tear fa-3x\" style=\"--fa-secondary-color: #D6EDE9; --fa-primary-color: #009775;--fa-secondary-opacity: 1\"></span>\n    <p class=\"col-auto\">Zur Zeit sind keine aktiven Kampagnen verfügbar.<br>\n      Die nächsten Angebote lassen aber nicht lange auf sich warten, schauen Sie bald wieder vorbei.</p>\n  </div>\n  <ngx-slick-carousel *ngIf=\"allPromo?.length && !(productsLoading$ | async)\" [config]=\"slideConfig\"\n                      class=\"carousel mb-l\">\n    <div class=\"slide px-2\" *ngFor=\"let promo of allPromo; let i = index;\" ngxSlickItem>\n      <div class=\"text-center promotion-tile\"\n           [class.cta-border]=\"promoService.selectedPromoId === promo.id && promoService.selectedPromoId !== null\"\n           (click)=\"showProducts(promo.id)\">\n        <div class=\"img-promo-box d-flex align-items-center\">\n          <div class=\"promo-duration py-auto\">\n                          <span class=\"text-gray\">{{ promo.start | date: 'shortDate' }}<br>BIS<br>\n                            {{ promo.end | date: 'shortDate' }}</span>\n          </div>\n          <img *ngIf=\"promo.logo\" src=\"{{ CDN + '/marketing-management/' + promo.logo}}\"\n               [alt]=\"promo.name\"\n               class=\"img-promo\"/>\n        </div>\n        <h4><span>{{ promo.name }}</span> <span class=\"far fa-angle-right\"></span></h4>\n      </div>\n    </div>\n  </ngx-slick-carousel>\n</div>\n","import {\n    Component,\n    EventEmitter,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {takeUntil} from 'rxjs/operators';\nimport {WebshopServiceFactory} from '../../../../core/services/shop/webshop-service.factory';\nimport {Observable, Subject} from 'rxjs';\nimport {ProductsResponse} from '../../../../core/models/shop/products-response.model';\nimport {ProductServiceAbstract} from '../../../../core/services/shop/product-service.abstract';\nimport {ProductType} from '../../../../core/models/shop/product-type.model';\nimport {PromoService} from '../../../../core/services/shop/promo.service';\n\n@Component({\n    selector: 'app-product-promotions',\n    templateUrl: './product-promotions.component.html',\n    styleUrls: ['./product-promotions.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ProductPromotionsComponent implements OnInit, OnDestroy {\n\n    public productsResponse$: Observable<ProductsResponse>;\n    public productsLoading$: Observable<boolean>;\n    public productService: ProductServiceAbstract;\n    public allPromo: any[];\n    public ngUnsubscribe$ = new Subject<any>();\n    @Output() viewPromoProducts: EventEmitter<any> = new EventEmitter<any>()\n    slideConfig = {\n        centerMode: false,\n        dots: true,\n        infinite: true,\n        autoplay: true,\n        autoplaySpeed: 3500,\n        arrows: false,\n        nextArrow: `<i class=\"fa fa-chevron-right\" style=\"position: absolute; right: -40px; top: 40%; font-size: 25px; color: #009775; cursor: pointer\"></i>`,\n        prevArrow: `<i class=\"fa fa-chevron-left\" style=\"position: absolute; left: -40px; top: 40%; font-size: 25px; color: #009775; cursor: pointer\"></i>`,\n        slidesToShow: 3,\n        slidesToScroll: 3,\n        speed: 1500,\n        responsive: [\n            {\n                breakpoint: 1024,\n                settings: {\n                    slidesToShow: 2,\n                    slidesToScroll: 2,\n                    infinite: false,\n                    dots: false,\n                }\n            },\n            {\n                breakpoint: 600,\n                settings: {\n                    slidesToShow: 2,\n                    slidesToScroll: 2,\n                }\n            },\n            {\n                breakpoint: 480,\n                settings: {\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                }\n            }\n        ]\n    };\n\n    constructor(public webshopServiceFactory: WebshopServiceFactory,\n                public promoService: PromoService,\n                @Inject('CDN') public CDN) {\n    }\n\n    ngOnInit(): void {\n        this.productService = this.webshopServiceFactory.createWebshopService(\n            ProductType.Promo\n        );\n\n        this.productService.searchProducts({search: '', page: 1, shopOnly: true, size: 20});\n        this.productsLoading$ = this.productService.getProductsLoadingObservable();\n        this.productsResponse$ = this.productService.getProductsResponseObservable();\n        this.productsResponse$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((result) => {\n            if (result) {\n                this.allPromo = result.campaignInfo;\n            }\n        });\n    }\n\n    showProducts(id) {\n        this.promoService.setSelectedPromo(id);\n        this.viewPromoProducts.emit(id);\n    }\n\n    ngOnDestroy() {\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n}\n","<div class=\"search-box\">\n    <form [formGroup]=\"searchForm\">\n    <div class=\"row\">\n        <div class=\"col-md-8\">\n            <div class=\"position-relative\">\n                <mat-form-field appearance=\"outline\">\n                    <mat-label>{{(config?.label | translate) || 'Suchbegriff'}}</mat-label>\n                    <input matInput autocomplete=\"off\"\n                           formControlName=\"queryString\" data-cy=\"search-box-query-string\" value=\"\" #queryString>\n                </mat-form-field>\n                <div class=\"reset-search-button\" *ngIf=\"config?.emptySearchEnabled && queryString.value != ''\"><i class=\"fas fa-times\"\n                                                                                       (click)=\"resetSearch()\"></i>\n                </div>\n            </div>\n            <mat-checkbox *ngIf=\"config.availableOnlyCheckboxEnabled\" (change)=\"submitSearch()\"\n                          formControlName=\"availableOnly\">Nur verfügbare Produkte anzeigen</mat-checkbox>\n        </div>\n        <div class=\"col-md-4\">\n            <button *ngIf=\"!initialSearchSubmitted\" class=\"btn btn-primary\" (click)=\"submitSearch()\" data-cy=\"search\">Suchen</button>\n            <button *ngIf=\"initialSearchSubmitted\" class=\"btn btn-primary\" (click)=\"submitSearch()\">Suche anpassen</button>\n        </div>\n    </div>\n</form>\n</div>\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\nimport {FormControl, FormGroup} from '@angular/forms';\nimport {MatomoService} from '../../../../core/services/matomo.service';\n\n@Component({\n    selector: 'search-box',\n    templateUrl: './search-box.component.html',\n    styleUrls: ['./search-box.component.scss']\n})\nexport class SearchBoxComponent implements OnInit {\n    @Input() searchWord: string;\n    @Input() availableOnlyFlag: boolean;\n    @Output() search: EventEmitter<any> = new EventEmitter();\n    @Input() config: any;\n    public queryString: FormControl = new FormControl('');\n    public availableOnly: FormControl = new FormControl('');\n    public searchForm: FormGroup;\n    public initialSearchSubmitted: boolean;\n\n    constructor(private matomoService: MatomoService) {\n    }\n\n    ngOnInit() {\n        if (this.config.availableOnlyCheckboxEnabled) {\n            this.searchForm = new FormGroup({\n                queryString: this.queryString,\n                availableOnly: this.availableOnly\n            });\n        } else {\n            this.searchForm = new FormGroup({\n                queryString: this.queryString\n            });\n        }\n\n        this.queryString.setValue(this.searchWord);\n        if (this.config.availableOnlyCheckboxEnabled) {\n            this.availableOnly.setValue(this.availableOnlyFlag);\n        }\n    }\n\n    submitSearch() {\n        if (this.searchForm.valid && (this.queryString.value !== ''\n            || (this.config.hasOwnProperty('emptySearchEnabled') && this.config.emptySearchEnabled === true))) {\n            this.search.emit(this.searchForm.value);\n            this.initialSearchSubmitted = true;\n        }\n    }\n\n    resetSearch() {\n        this.searchForm.reset();\n        this.searchForm.updateValueAndValidity();\n        this.search.emit({queryString: ''});\n        this.initialSearchSubmitted = false;\n    }\n\n    trackFeaturedProducts() {\n        this.matomoService.trackEvent('Produkt Suche', 'Klick auf', 'Featured Products');\n    }\n}\n","<div class=\"search-box\">\n    <form [formGroup]=\"searchForm\">\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <div class=\"position-relative\">\n                    <mat-form-field appearance=\"outline\">\n                        <mat-label>{{ (config?.label | translate) || 'Suchbegriff' }}</mat-label>\n                        <input matInput autocomplete=\"off\"\n                               (focus)=\"onFocus()\"\n                               (blur)=\"onBlur()\"\n                               formControlName=\"queryString\" (keyup)=\"submitSearch($event)\"\n                               [matAutocomplete]=\"auto\" data-cy=\"search-box-query-string\">\n                        <mat-autocomplete #auto=\"matAutocomplete\" style=\"max-height:700px\">\n                            <!-- If we're loading -->\n                            <mat-option disabled class=\"loading\" *ngIf=\"(productsLoading$ | async)\">\n                                <mat-spinner diameter=\"20\"></mat-spinner>\n                            </mat-option>\n                            <!-- If we're not loading AND no product found, show this -->\n                            <mat-option disabled\n                                        *ngIf=\"errorMsg !== '' &&\n                                                queryString.value?.length > 4 &&\n                                                !(productsLoading$ | async)\">\n                                {{ errorMsg }}\n                            </mat-option>\n                            <ng-container *ngIf=\"!(productsLoading$ | async)\">\n                                <mat-option *ngFor=\"let option of productSuggestions | slice:0:5;\"\n                                            [value]=\"option.id + ' ' + option.name\"\n                                            (onSelectionChange)=\"onSelect(option)\">\n                                    <div class=\"d-flex align-items-center justify-content-between my-5\">\n                                        <div class=\"autoSuggestImg\">\n                                            <img\n                                                    class=\"autoCompleteImg\"\n                                                    src=\"{{CDN + '/product-images/200/' + option.id + '.jpg'}}\"\n                                                    (error)=\"imageErrorHandler($event)\"\n                                                    loading=\"lazy\"\n                                                    alt=\"{{ option.name}}\">\n                                        </div>\n                                        <div class=\"autoCompletePZN\">{{ option.id }}</div>\n                                        <div [innerHTML]=\"option.name | safeHtml\" class=\"autoCompleteProductName\"></div>\n                                        <div class=\"autoCompleteProductPrice\">{{option.price[0].cents | currency:'EUR':'symbol':'1.2-2' }}</div>\n                                        <div class=\"autoCompleteAvailability\">\n                                            <i class=\"fas fa-circle float-right p-1\" [ngClass]=\"{\n                                                    'phx-cta-light': option.availabilityStatus === AvailabilityStatus.ENABLE,\n                                                    'phx-yellow-light': option.availabilityStatus === AvailabilityStatus.SUBSEQUENT_ORDER,\n                                                    'phx-alert-light': option.availabilityStatus === AvailabilityStatus.DISABLE\n                                                }\"></i>\n                                        </div>\n                                    </div>\n                                </mat-option>\n                                <mat-option class=\"border-top phx-cta\"\n                                            [value]=\"queryString.value\"\n                                            (click)=\"viewAllResults()\"\n                                            *ngIf=\"errorMsg === '' &&\n                                                productSuggestions.length > 5 &&\n                                                !(productsLoading$ | async)\">\n                                    Alle Ergebnisse\n                                </mat-option>\n                            </ng-container>\n                        </mat-autocomplete>\n                        <mat-error *ngIf=\"queryString.hasError('required') && isSubmitted\">{{ getErrMessage() }}\n                        </mat-error>\n                    </mat-form-field>\n                    <div class=\"reset-search-button\" *ngIf=\"queryString.value\">\n                        <i class=\"fas fa-times\" (click)=\"resetSearch()\"></i>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-4\">\n                <button *ngIf=\"!initialSearchSubmitted\"\n                        type=\"submit\"\n                        class=\"btn btn-primary\"\n                        (click)=\"viewAll()\"\n                        data-cy=\"search\">\n                    Suchen\n                </button>\n                <button *ngIf=\"initialSearchSubmitted\"\n                        type=\"submit\"\n                        class=\"btn btn-primary\"\n                        (click)=\"viewAll()\">\n                    Suche anpassen\n                </button>\n            </div>\n        </div>\n    </form>\n    <!--Start Feature Product Banner-->\n  <ng-container   *ngIf=\"this.searchForm.get('queryString').value?.length > 0\">\n    <div class=\"mt-5 text-center\"\n         *ngIf=\"ads.length\"\n         data-track-content\n         data-content-name=\"Featured banner\"\n         id=\"ads-banner-{{ads[0].location}}\">\n      <a href=\"{{ads[0].link}}\"\n         (click)=\"trackFeaturedProducts()\"\n         [attr.aria-label]=\"ads[0].title\"\n         data-content-target>\n        <img src=\"{{ CDN }}/marketing-management/{{ads[0].image}}\"\n             data-content-piece class=\"img-fluid w-100\" alt=\"{{ads[0].title}}\">\n      </a>\n    </div>\n  </ng-container>\n    <!--End Feature Product Banner-->\n</div>","import {Component, EventEmitter, Inject, Input, OnInit, Output, ViewChild} from '@angular/core';\nimport {FormControl, FormGroup, FormGroupDirective, Validators} from '@angular/forms';\nimport {Router} from '@angular/router';\nimport {ProductServiceAbstract} from '../../../../core/services/shop/product-service.abstract';\nimport {Observable, Subject} from 'rxjs';\nimport {Product} from '../../../../core/models/shop/product.model';\nimport {debounceTime, takeUntil} from 'rxjs/operators';\nimport {ProductType} from '../../../../core/models/shop/product-type.model';\nimport {WebshopServiceFactory} from '../../../../core/services/shop/webshop-service.factory';\nimport {DokuLightService} from '../../../../core/services/shop/doku-light.service';\nimport {ViewEncapsulation} from '@angular/core';\nimport {ProductsResponse} from '../../../../core/models/shop/products-response.model';\nimport {Store} from '@ngrx/store';\nimport * as fromReducers from '../../../../core/store/reducers';\nimport {MatomoService} from \"../../../../core/services/matomo.service\";\nimport {NavService} from '../../../../core/services/nav.service';\nimport {AdsRestService} from \"../../../../core/services/api/cms/ads.rest-service\";\nimport {AdsService} from \"../../../../core/services/ads.service\";\nimport {UserService} from \"../../../../core/services/user.service\";\nimport {AvailabilityStatus} from '../../../../core/models/shop/product-availability-status.model';\n\n@Component({\n    selector: 'search-box-doculight',\n    templateUrl: './search-box-doculight.component.html',\n    styleUrls: ['./search-box-doculight.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class SearchBoxDoculightComponent implements OnInit {\n    // the searchWord Input is used to detect change\n    // when user clicks on promotion\n    @Input() set searchWord(value: string) {\n        this.isSubmitted = false;\n        if (this.searchForm) {\n            if (value) {\n                this.searchForm.get('queryString').setValue(value);\n            } else {\n                this.formGroupDirective.resetForm();\n            }\n        }\n    }\n    @Input() availableOnlyFlag: boolean;\n    public search = new Subject<any>();\n    @Input() config: any;\n    @Input() selectedIdf: any;\n    public queryString: FormControl = new FormControl('', [Validators.required]);\n    public availableOnly: FormControl = new FormControl('');\n    public searchForm: FormGroup;\n    public initialSearchSubmitted: boolean;\n    public ads = [];\n\n    public productService: ProductServiceAbstract;\n    public products$: Observable<Product[]>;\n    public productSuggestions: Product[];\n    public productsLoading$: Observable<boolean>;\n    public errorMsg = '';\n    public ngUnsubscribe$: Subject<any> = new Subject<any>();\n    @Output() searchEnabled: EventEmitter<any> = new EventEmitter<any>();\n    public isSubmitted = false;\n    @ViewChild(FormGroupDirective, {static: false}) formGroupDirective: FormGroupDirective;\n    AvailabilityStatus: typeof AvailabilityStatus = AvailabilityStatus;\n\n    constructor(@Inject(WebshopServiceFactory) public webshopServiceFactory: WebshopServiceFactory,\n                public docuLightService: DokuLightService,\n                public store: Store<fromReducers.State>,\n                public router: Router,\n                @Inject(UserService) public userService: UserService,\n                private matomoService: MatomoService,\n                private adsRestService: AdsRestService,\n                private adService: AdsService,\n                public navService: NavService,\n                @Inject('CDN') public CDN) {\n        if (this.ads.length < 1) {\n            this.adsRestService.getCurrentAds('FEATURED_BANNER')\n            .pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe(ads => {\n                if (this.userService.isAdmin()) {\n                    this.ads = this.adService.showAd(ads.return_object, true);\n                } else {\n                    this.ads = this.adService.showAd(ads.return_object);\n                }\n            });\n        }\n    }\n\n    ngOnInit() {\n        if (this.config.availableOnlyCheckboxEnabled) {\n            this.searchForm = new FormGroup({\n                queryString: this.queryString,\n                availableOnly: this.availableOnly\n            });\n        } else {\n            this.searchForm = new FormGroup({\n                queryString: this.queryString\n            });\n        }\n\n        if (this.config.availableOnlyCheckboxEnabled) {\n            this.availableOnly.setValue(this.availableOnlyFlag);\n        }\n\n        this.productService = this.webshopServiceFactory.createWebshopService(ProductType.DokuLight);\n\n        this.products$ = this.productService.getProductsObservable();\n        this.productsLoading$ = this.productService.getProductsLoadingObservable();\n        this.productsLoading$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((loading) => {\n            if (!loading) {\n                this.products$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((item) => {\n                    if (item) {\n                        this.productSuggestions = item;\n                        if (item.length === 0) {\n                            this.errorMsg = 'PZN ist unbekannt oder außer Handel';\n                        } else {\n                            this.errorMsg = '';\n                        }\n                    }\n                });\n            }\n        });\n\n        this.search\n            .pipe(takeUntil(this.ngUnsubscribe$))\n            .pipe(debounceTime(1000))\n            .subscribe(productRequest => {\n                const newProductRequest = Object.assign({}, productRequest, {page: 0});\n                this.productService.searchProducts(newProductRequest);\n                this.productSuggestions = [];\n                this.errorMsg = '';\n            });\n\n\n    }\n\n    submitSearch(e) {\n        this.docuLightService.setSearchString(e.target.value);\n        this.performSearch(e.keyCode !== 13);\n    }\n\n    performSearch(enterKeyNotPressed) {\n        if (this.searchForm.valid &&\n            (\n                (this.queryString.value !== '' && this.queryString.value?.length > 2 ) ||\n                (this.config.hasOwnProperty('emptySearchEnabled') && this.config.emptySearchEnabled === true))\n        ) {\n            if (enterKeyNotPressed) {\n                this.docuLightService.hideAllResults();\n            }\n            this.errorMsg = '';\n            const req = {search: this.queryString.value};\n            Object.assign(req, {idf: this.selectedIdf});\n            this.search.next(req);\n        }\n    }\n\n    resetSearch() {\n        this.searchForm.reset();\n        this.formGroupDirective.resetForm();\n        this.productSuggestions = [];\n        this.errorMsg = '';\n        this.initialSearchSubmitted = false;\n        this.isSubmitted = false;\n    }\n\n    onSelect(product) {\n        this.router.navigate(['/product-details/' + this.navService.getRouteForProductType(product.type) + '/' + product.id ]);\n    }\n\n    viewAll() {\n        this.isSubmitted = true;\n        if (this.queryString.value !== '' && this.queryString.value?.length > 2) {\n            this.searchEnabled.emit();\n            this.performSearch(false);\n        }\n    }\n\n    viewAllResults() {\n        this.searchEnabled.emit();\n    }\n\n    onFocus() {\n        if (this.docuLightService.searchString === '') {\n            this.productSuggestions = [];\n        }\n    }\n\n    onBlur() {\n        if (this.docuLightService.searchString === '') {\n            this.formGroupDirective.resetForm();\n        }\n    }\n\n    getErrMessage() {\n        const value = this.queryString.value;\n        if (value === '' || !value) {\n            return 'Pflichtangabe';\n        }\n        return '';\n    }\n\n    trackFeaturedProducts() {\n        this.docuLightService.searchString = '';\n        this.matomoService.trackEvent('Produkt Suche', 'Klick auf', 'Featured Products');\n    }\n\n    imageErrorHandler(event) {\n        event.target.src = '../../../../../assets/img/placeholders/placeholder-200.jpg';\n    }\n\n}\n","<div class=\"compactCardContainer\">\n    <div class=\"row tableWrapper\">\n        <table class=\"table mb-l\">\n            <thead>\n            <tr>\n                <th></th>\n                <th>PZN</th>\n                <th>Artikelbezeichnung</th>\n                <th class=\"text-right\">AEP</th>\n                <th class=\"text-right\">Preis</th>\n                <th class=\"text-center\">Vorteil<br> auf AEP</th>\n                <th class=\"text-center\">Verfüg-<br>barkeit</th>\n                <th>Bestell-<br>menge</th>\n                <th class=\"text-right\">In den<br>Warenkorb</th>\n            </tr>\n            </thead>\n            <tbody>\n            <tr *ngFor=\"let prod of products\">\n                <td>\n                    <a (click)=\"navigateToProductDetails(prod)\" class=\"productImageLink\">\n                        <i class=\"fas fa-badge-percent\" matTooltip=\"{{prod.promotion.from | date: 'dd.MM. '}} - {{prod.promotion.to | date: 'dd.MM. '}}\" *ngIf=\"prod.promotion\"></i>\n                        <img class=\"productImg\"\n                             src=\"{{CDN + '/product-images/200/' + prod.id + '.jpg'}}\"\n                             (error)=\"imageErrorHandler($event)\"\n                             loading=\"lazy\"\n                             alt=\"{{ prod.name }}\"\n                        >\n                    </a>\n                </td>\n                <td>{{ prod.id }}</td>\n                <td>\n                    <a [routerLink]=\"['/product-details/'+ navService.getRouteForProductType(prod.type) + '/' + prod.id ]\">\n                        <h4 [innerHTML]=\"prod.name | safeHtml\" class=\"productName\"></h4>\n                    </a>\n                    <small class=\"text-muted\">{{ prod.manufacturer }}</small>\n                </td>\n                <td class=\"text-right\"><span>{{ prod.retailPrice | currency:'EUR':'symbol':'1.2-2' }}</span></td>\n                <td class=\"text-right\">{{ (getPrice(prod)| currency:'EUR':'symbol':'1.2-2' ) }}</td>\n                <td class=\"text-right pr-0\">\n                    <div class=\"d-flex align-items-center justify-content-end\">\n                        <ng-container *ngFor=\"let price of prod.price\">\n                            <b *ngIf=\"(1 - (price.cents / prod.retailPrice)) > 0 && getMinQty(prod.price, prod) === price.minQuantity\">{{ 1 - (price.cents / prod.retailPrice) | percent:'1.2-2'  }}</b>\n                        </ng-container>\n                        <ng-container *ngIf=\"canShowAdvantageDropdown(prod)\">\n                            <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"caretIconBtn\">\n                                <mat-icon>keyboard_arrow_down</mat-icon>\n                            </button>\n                            <mat-menu #menu=\"matMenu\" xPosition=\"before\" yPosition=\"below\" class=\"priceList\">\n                                <table class=\"mt-m table table-sm table-pricing\">\n                                    <thead>\n                                    <tr >\n                                        <th class=\"first\">Menge</th>\n                                        <th>Preis<br><span class=\"text-muted customHeaderText\">(pro Einheit)</span></th>\n                                        <th>Vorteil<br><span class=\"text-muted customHeaderText\">(auf AEP)</span></th>\n                                    </tr>\n                                    </thead>\n                                    <tr *ngFor=\"let price of prod.price\">\n                                        <td><small>ab {{price.minQuantity}}</small></td>\n                                        <td><small>{{price.cents | currency:'EUR':'symbol':'1.2-2'}}</small></td>\n                                        <td><small><b>{{ 1 - (price.cents / prod.retailPrice) | percent:'1.2-2'  }}</b></small></td>\n                                    </tr>\n                                </table>\n                            </mat-menu>\n                        </ng-container>\n                        <ng-container *ngIf=\"!canShowAdvantageDropdown(prod)\">\n                            <div class=\"empty\">&nbsp;</div>\n                        </ng-container>\n                    </div>\n                </td>\n                <td>\n                    <div class=\"autoCompleteAvailability text-center\">\n                        <i class=\"fas fa-circle\" [ngClass]=\"{\n                                'phx-cta-light': prod.availabilityStatus === AvailabilityStatus.ENABLE || prod.promotion,\n                                'phx-yellow-light': prod.availabilityStatus === AvailabilityStatus.SUBSEQUENT_ORDER,\n                                'phx-alert-light': prod.availabilityStatus === AvailabilityStatus.DISABLE\n                            }\"></i>\n                    </div>\n                </td>\n                <td>\n                    <form [formGroup]=\"addToCartForm\">\n                        <div class=\"quantity\">\n                            <div class=\"input\">\n                                <input [formControlName]=\"'quantityInput_' + prod.id + '_' + prod.campaignId\"\n                                       type=\"number\"\n                                       min=\"1\"\n                                       max=\"999\"\n                                       step=\"1\"\n                                       (blur)=\"updateQuantity($event, prod)\"\n                                       (change)=\"updateQuantity($event, prod)\"\n                                       data-cy=\"add-to-cart-quantity-input\"\n                                       *ngIf=\"prod.availabilityStatus === AvailabilityStatus.ENABLE ||\n                                       prod.availabilityStatus === AvailabilityStatus.SUBSEQUENT_ORDER ||\n                                       prod.promotion\">\n\n                                <input\n                                       [disabled]=\"true\"\n                                       *ngIf=\"prod.availabilityStatus === AvailabilityStatus.DISABLE && !prod.promotion\">\n                            </div>\n                        </div>\n                    </form>\n                </td>\n                <td class=\"text-right\">\n                    <!-- Primary \"Add to Cart\" Button -->\n                    <button class=\"btn-primary btn-round\"\n                            type=\"button\"\n                            (click)=\"addToCart(prod)\"\n                            [disabled]=\"isDisabled(prod)\"\n                            *ngIf=\"canAddToCart(prod)\"\n                    >\n                        <i class=\"fal fa-shopping-cart\"></i>\n                    </button>\n\n                    <!-- \"Nachlieferung\" (Subsequent Delivery) Button -->\n                    <button class=\"btn-round-yellow\"\n                            type=\"button\"\n                            (click)=\"openSubsequentDeliveryModal(prod)\"\n                            *ngIf=\"isSubsequentDelivery(prod)\"\n                    >\n                        NL\n                    </button>\n\n                    <!-- Inactive \"Add to Cart\" Button -->\n                    <button class=\"btn-primary btn-round inactive\"\n                            type=\"button\"\n                            [disabled]=\"true\"\n                            *ngIf=\"isNotAvailable(prod)\"\n                    >\n                        <i class=\"fal fa-shopping-cart\"></i>\n                    </button>\n                </td>\n            </tr>\n            </tbody>\n        </table>\n    </div>\n</div>","import {Component, Inject, Input, OnInit, OnChanges, SimpleChanges, Output, EventEmitter} from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';\nimport { Router } from '@angular/router';\nimport { takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\n\nimport { Product } from '../../../../../core/models/shop/product.model';\nimport { CartItem } from '../../../../../core/models/shop/cart-item.model';\nimport { CartService } from '../../../../../core/services/cart.service';\nimport { NavService } from '../../../../../core/services/nav.service';\nimport { AddToCartConfirmDialogComponent } from '../../cart/add-to-cart-confirm-dialog/add-to-cart-confirm-dialog.component';\nimport {AvailabilityStatus} from '../../../../../core/models/shop/product-availability-status.model';\n\n@Component({\n  selector: 'infinite-list-compact-card',\n  templateUrl: './infinite-list-compact-view.component.html',\n  styleUrls: ['./infinite-list-compact-view.component.scss']\n})\nexport class InfiniteListCompactViewComponent implements OnInit, OnChanges {\n  @Input() products: Product[];\n  @Output() showSubsequentDeliveryModal: EventEmitter<any> = new EventEmitter();\n\n  public quantityObj: any = {};\n  public addToCartForm: FormGroup;\n\n  public ngUnsubscribe$ = new Subject<void>();\n  AvailabilityStatus: typeof AvailabilityStatus = AvailabilityStatus;\n  constructor(\n      @Inject('CDN') public CDN: string,\n      public dialog: MatDialog,\n      public cartService: CartService,\n      public navService: NavService,\n      public router: Router\n  ) {\n    this.addToCartForm = new FormGroup({});\n  }\n\n  ngOnInit(): void {\n    this.initializeForm();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['products']) {\n      this.initializeForm();\n    }\n  }\n\n  private initializeForm(): void {\n    this.quantityObj = {};\n    this.addToCartForm = new FormGroup({});\n\n    if (this.products && this.products.length > 0) {\n      this.products.forEach((product: Product) => {\n        const initialQuantity = product.price[0].minQuantity || 1;\n\n        // Create a unique form control name using product.id and product.campaignId\n        const formControlName = `quantityInput_${product.id}_${product.campaignId}`;\n\n        // Store the quantity in quantityObj using the unique key\n        this.quantityObj[`${product.id}_${product.campaignId}`] = initialQuantity;\n\n        // Add a new form control using the unique form control name\n        this.addToCartForm.addControl(\n            formControlName,\n            new FormControl(initialQuantity, [Validators.min(1), Validators.max(999)])\n        );\n      });\n    }\n  }\n\n  imageErrorHandler(event: any) {\n    event.target.src = '../../../../../assets/img/placeholders/placeholder-200.jpg';\n  }\n\n  getPrice(product: Product): number {\n    const productKey = `${product.id}_${product.campaignId}`;\n    let price = product.price[0].minQuantity === this.quantityObj[productKey] ? product.price[0].cents : product.retailPrice;\n    for (const pr of product.price) {\n      if (this.quantityObj[productKey] && this.quantityObj[productKey] >= pr.minQuantity) {\n        price = pr.cents;\n      }\n    }\n    return price;\n  }\n\n  getMinQty(prices: any[], product: Product): number {\n    const productKey = `${product.id}_${product.campaignId}`;\n    let minQty = prices[0].minQuantity;\n    for (const pr of prices) {\n      if (this.quantityObj[productKey] && this.quantityObj[productKey] >= pr.minQuantity) {\n        minQty = pr.minQuantity;\n      }\n    }\n    return minQty;\n  }\n\n  updateQuantity(event: Event, product: Product): void {\n    const target = event.target as HTMLInputElement;\n    let value = parseInt(target.value, 10);\n\n    // Ensure the value is within the valid range\n    if (isNaN(value) || value < 1) {\n      value = 1;\n    } else if (value > 999) {\n      value = 999;\n    }\n\n    // Use the unique form control name based on product.id and product.campaignId\n    const formControlName = `quantityInput_${product.id}_${product.campaignId}`;\n    this.addToCartForm.controls[formControlName].setValue(value);\n\n    // Update the quantity object with the validated value\n    this.quantityObj[`${product.id}_${product.campaignId}`] = value;\n  }\n\n  addToCart(product: Product): void {\n    const productKey = `${product.id}_${product.campaignId}`;\n    const item = new CartItem({ product, quantity: this.quantityObj[productKey] });\n    if (item.quantity < 100) {\n      this.cartService.addToCart([item]);\n    } else {\n      const dialogRef = this.openAddConfirmDialog(item);\n      dialogRef.afterClosed().pipe(takeUntil(this.ngUnsubscribe$)).subscribe(result => {\n        if (result) {\n          this.cartService.addToCart([item]);\n        }\n      });\n    }\n  }\n\n  openAddConfirmDialog(item: CartItem): MatDialogRef<AddToCartConfirmDialogComponent, MatDialogConfig> {\n    const confirmDialogConfig = new MatDialogConfig();\n    confirmDialogConfig.autoFocus = true;\n    confirmDialogConfig.data = { perform: false, items: [item] };\n    return this.dialog.open(AddToCartConfirmDialogComponent, confirmDialogConfig);\n  }\n\n  navigateToProductDetails(product: Product): void {\n    const type = this.navService.getRouteForProductType(product.type);\n    this.router.navigate([`/product-details/${type}/${product.id}`]);\n  }\n\n  canShowAdvantageDropdown(product: Product): boolean {\n    if (product.price.length < 2) {\n      return false;\n    }\n\n    for (const price of product.price) {\n      if ((1 - (price.cents / product.retailPrice)) > 0 && this.getMinQty(product.price, product) === price.minQuantity) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  openSubsequentDeliveryModal(product: Product) {\n    this.showSubsequentDeliveryModal.emit(product);\n  }\n\n  // Checks if the primary \"Add to Cart\" button should be enabled and visible\n  canAddToCart(prod: any): boolean {\n    return prod.retailPrice > 0 &&\n        (prod.availabilityStatus === AvailabilityStatus.ENABLE || prod.promotion) &&\n        prod.availabilityStatus !== AvailabilityStatus.SUBSEQUENT_ORDER;\n  }\n\n  // Checks if the \"Nachlieferung\" (Subsequent Delivery) button should be visible\n  isSubsequentDelivery(prod: any): boolean {\n    return prod.retailPrice > 0 &&\n        prod.availabilityStatus === AvailabilityStatus.SUBSEQUENT_ORDER &&\n        !prod.promotion;\n  }\n\n  // Checks if the product is not available and should show the inactive button\n  isNotAvailable(prod: any): boolean {\n    return prod.retailPrice === 0 ||\n        (prod.availabilityStatus === AvailabilityStatus.DISABLE && !prod.promotion);\n  }\n\n  // Determines if the primary \"Add to Cart\" button should be disabled\n  isDisabled(prod: any): boolean {\n    return prod.availabilityStatus === AvailabilityStatus.DISABLE && !prod.promotion;\n  }\n}\n","  <app-product-promotions\n      (viewPromoProducts)=\"viewPromoProducts($event)\"\n  >\n  </app-product-promotions>\n<div id=\"content\" class=\"mt-3\" *ngIf=\"showAllResults\">\n  <div id=\"searchResultWrapper\" class=\"widget\">\n      <!-- SEARCH FEEDBACK -->\n      <div class=\"shop-header\">\n        <h2 class=\"pb-s\" *ngIf=\"activeSearchBox && dokuLightService.searchString && promoService.selectedPromoId === null\">Ergebnisse zu Ihrer Suche nach\n          \"{{dokuLightService.searchString}}\" <span *ngIf=\"availableOnlyFlag\">(nur verfügbare)</span></h2>\n        <p *ngIf=\"totalsInformation && (products$ | async)?.length\"\n           [innerHTML]=\"totalsInformation | translate: {total:(productsResponse$|async)?.total}\">\n        </p>\n      </div>\n      <!--  Filter    -->\n      <ng-container *ngIf=\"!(productsLoading$ | async)\">\n        <h4>Ergebnisse filtern</h4>\n        <div class=\"container\">\n          <div class=\"row\">\n            <div class=\"col-md-4 pl-0\">\n              <div class=\"border-cta p-3 mt-3 d-flex justify-content-between align-items-center\">\n                <span>Nur sofort lieferbar</span>\n                <mat-slide-toggle (change)=\"toggleAvailableResults($event)\" [color]=\"primary\" [checked]=\"availableOnlyFlag\" ></mat-slide-toggle>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n      <!-- Sort and Filter Bar -->\n      <div class=\"p-3 my-3 bg-light\" *ngIf=\"(type === ProductType.Promo && products?.length) || (type !== ProductType.Promo && (products$ | async)?.length > 0)\">\n          <h4 class=\"d-inline\">Ansicht der Ergebnisse: </h4>\n        <i class=\"far fa-align-justify cursorPointer\" matTooltip=\"Einfache Liste\" [class.phx-corporate]=\"view === ProductViewTypes.COMPACT\" (click)=\"toggleView(ProductViewTypes.COMPACT)\"></i>\n        <i class=\"fas fa-th cursorPointer\" matTooltip=\"Galerie\" [class.phx-corporate]=\"view === ProductViewTypes.GALLERY\" (click)=\"toggleView(ProductViewTypes.GALLERY)\"></i>\n        <i class=\"far fa-list-ul cursorPointer\" matTooltip=\"Detail\" [class.phx-corporate]=\"view === ProductViewTypes.LIST\" (click)=\"toggleView(ProductViewTypes.LIST)\"></i>\n          <div class=\"float-right d-flex align-items-center\" *ngIf=\"view === ProductViewTypes.COMPACT\">\n              <div class=\"d-flex align-items-center justify-content-end mr-4\">\n                  <i class=\"fas fa-circle phx-cta-light\"></i>\n                  <div class=\"ml-2\">verfügbar</div>\n              </div>\n              <div class=\"d-flex align-items-center justify-content-end\">\n                  <i class=\"fas fa-circle phx-alert-light\"></i>\n                  <div class=\"ml-2\">nicht verfügbar</div>\n              </div>\n              <div class=\"d-flex align-items-center justify-content-end ml-4\">\n                  <i class=\"fas fa-circle phx-yellow-light\"></i>\n                  <div class=\"ml-2\">nachlieferfähig</div>\n              </div>\n          </div>\n      </div>\n      <notification *ngIf=\"notification\"\n                    [html]=\"notification?.html\"\n                    [type]=\"notification?.type\"></notification>\n      <!-- LIST VIEW -->\n      <div *ngIf=\"!(productsLoading$ | async) && view === ProductViewTypes.LIST && (products$ | async)?.length > 0\">\n        <div id=\"products\" *ngIf=\"products?.length\">\n          <div *ngFor=\"let product of products\" id=\"product-{{product.id}}\" class=\"row my-xl position-relative\">\n            <promotion-tag [promoStart]=\"product.promotion.from\" [promoEnd]=\"product.promotion.to\" *ngIf=\"product.promotion\"></promotion-tag>\n            <div class=\"col-lg-12 col-xl-4 product-thumb\">\n              <div class=\"img-vertical-center cursorPointer\" (click)=\"navigateToProductDetails(product)\">\n                  <img src=\"{{CDN + '/product-images/200/' + product.id + '.jpg'}}\"\n                       onerror=\"if (this.src != '../../assets/img/placeholders/placeholder-200.jpg')\n                                  {this.src = '../../assets/img/placeholders/placeholder-200.jpg';}\"\n                       alt=\"{{ product.name}}\"\n                       loading=\"lazy\">\n              </div>\n            </div>\n            <div class=\"col-lg-12 col-xl-5 d-flex flex-column justify-content-between\">\n              <div>\n                <a [routerLink]=\"['/product-details/'+ navService.getRouteForProductType(product.type) +'/'+product.id ]\"\n                   class=\"product-details-link\"><h2 [innerHTML]=\"product.name | safeHtml\" class=\"product-name\"></h2></a>\n                {{product.manufacturer}}<br>\n                PZN: {{product.id}}<br>\n                Inhalt: {{product.content}}\n              </div>\n\n\n              <table class=\"mt-xl mb-0 table table-sm table-pricing\" *ngIf=\"showPricingTable(product)\">\n                <thead>\n                <tr >\n                  <th class=\"first\">Bestellmenge</th>\n                  <th>Preis<br><span>(pro Einheit)</span></th>\n                  <th>Vorteil<br><span>(auf AEP)</span></th>\n                </tr>\n                </thead>\n                <tr *ngFor=\"let price of product.price\">\n                  <td>ab {{price.minQuantity}}</td>\n                  <td>{{price.cents | currency:'EUR':'symbol':'1.2-2'}}</td>\n                  <td>{{ 1 - (price.cents / product.retailPrice) | percent:'1.2-2'  }}</td>\n                </tr>\n              </table>\n            </div>\n            <div class=\"col-lg-12 col-xl-3\">\n              <price-scale [product]=\"product\"\n                           [quantity]=\"quantities[product.id]\" >\n              </price-scale>\n              <cart-provider (activate)=\"activateProduct($event)\"\n                             (deactivate)=\"deactivateProduct($event)\"\n                             (changeQuantity)=\"onChangeQuantity($event)\"\n                             [active]=\"activeItem === product.id\"\n                             [product]=\"product\"\n                             (showSubsequentDeliveryModal)=\"openSubsequentDeliveryForm($event)\"\n              >\n              </cart-provider>\n            </div>\n          </div>\n          <hr/>\n        </div>\n      </div>\n\n      <!-- GALLERY VIEW -->\n      <div *ngIf=\"!(productsLoading$ | async) && view === ProductViewTypes.GALLERY && (products$ | async)?.length > 0\" class=\"position-relative\">\n        <div *ngIf=\"products.length\" class=\"product-gallery-container\">\n          <ng-container *ngFor=\"let product of products; let i = index\">\n            <div class=\"product-gallery-entry position-relative\" [class.no-bottom-border]=\"products.length <= 3\"\n                 id=\"product-{{product.id}}\">\n              <promotion-tag [promoStart]=\"product.promotion.from\" [promoEnd]=\"product.promotion.to\" *ngIf=\"product.promotion\"></promotion-tag>\n              <div class=\"product-thumb-gallery\">\n                <div class=\"img-vertical-center cursorPointer\" (click)=\"navigateToProductDetails(product)\">\n                    <img src=\"{{CDN + '/product-images/200/' + product.id + '.jpg'}}\"\n                         onerror=\"if (this.src != '../../assets/img/placeholders/placeholder-200.jpg')\n                                    {this.src = '../../assets/img/placeholders/placeholder-200.jpg';}\"\n                         alt=\"{{ product.name}}\"\n                         loading=\"lazy\">\n                </div>\n              </div>\n              <div class=\"product-name-wrapper\">\n                <a [routerLink]=\"['/product-details/'+ navService.getRouteForProductType(product.type) +'/'+product.id ]\"\n                   class=\"product-details-link\">\n                  <h2 [innerHTML]=\"product.name | safeHtml\" class=\"product-name\"></h2>\n                </a>\n              </div>\n                <div class=\"product-details\" [ngClass]=\"{'mb-m': hasPricesInRow(i)}\">\n                  <small class=\"d-block\">{{product.manufacturer}}</small>\n                  <small>PZN: {{product.id}}</small>\n              </div>\n              <div class=\"table-pricing\" [ngClass]=\"{'has-prices': hasPricesInRow(i)}\">\n                <table class=\"table table-sm \" *ngIf=\"showPricingTable(product)\">\n                  <thead>\n                    <tr >\n                      <th class=\"first\">Bestellmenge</th>\n                      <th>Preis<br><span>(pro Einheit)</span></th>\n                      <th>Vorteil<br><span>(auf AEP)</span></th>\n                    </tr>\n                    </thead>\n                    <tr *ngFor=\"let price of product.price\">\n                      <td>ab {{price.minQuantity}}</td>\n                      <td>{{price.cents | currency:'EUR':'symbol':'1.2-2'}}</td>\n                      <td>{{ 1 - (price.cents / product.retailPrice) | percent:'1.2-2'  }}</td>\n                    </tr>\n                </table>\n              </div>\n              <div class=\"product-price\">\n                <price-scale [product]=\"product\" [quantity]=\"quantities[product.id]\"  ></price-scale>\n              </div>\n              <div class=\"product-link\">\n                <cart-provider (activate)=\"activateProduct($event)\"\n                               (deactivate)=\"deactivateProduct($event)\"\n                               (changeQuantity)=\"onChangeQuantity($event)\"\n                               [active]=\"activeItem === product.id\"\n                               [product]=\"product\"\n                               (showSubsequentDeliveryModal)=\"openSubsequentDeliveryForm($event)\"\n                >\n                </cart-provider>\n              </div>\n            </div>\n\n          </ng-container>\n        </div>\n      </div>\n\n    <!-- COMPACT VIEW -->\n    <div *ngIf=\"!(productsLoading$ | async) && view === ProductViewTypes.COMPACT && (products$ | async)?.length > 0\">\n        <div *ngIf=\"products.length\" class=\"product-compact-container\">\n                <infinite-list-compact-card [products]=\"products\"\n                                            (showSubsequentDeliveryModal)=\"openSubsequentDeliveryForm($event)\"\n                ></infinite-list-compact-card>\n        </div>\n    </div>\n\n    <!-- SEARCH RESULT META DATA-->\n    <div class=\"message text-center py-l\" *ngIf=\"endOfResult && ((products$ | async)?.length === 0 || products.length === 0)  && !(productsLoading$ | async)\">\n      <p>Es konnten keine Suchergebnisse gefunden werden.</p>\n    </div>\n\n    <div class=\"text-center py-l\" *ngIf=\"activeSearchBox && (productsLoading$ | async)\">\n      <i class=\"fal fa-spinner-third fa-spin\"></i> Produkte werden gesucht.\n    </div>\n\n    <div class=\"text-center py-l\" *ngIf=\"!activeSearchBox && (productsLoading$ | async)\">\n      <i class=\"fal fa-spinner-third fa-spin\"></i> Produkte werden geladen.\n    </div>\n    <div class=\"text-center py-l\" *ngIf=\"moreLoading\">\n      <i class=\"fal fa-spinner-third fa-spin text-center\"></i>\n    </div>\n    <div class=\"text-center py-l\" *ngIf=\"promoService.selectedPromoId\">\n      <p [innerHTML]=\"promoDisclaimer | safeHtml\"></p>\n    </div>\n    <div class=\"row shop-footer\" *ngIf=\"(products$ | async)?.length\">\n      <div class=\"col-md-4\"></div>\n      <div class=\"col-md-4\">\n        <button *ngIf=\"((productCache$ | async)?.length || (products$ | async)?.length) && !endOfResult && promoService.selectedPromoId === null\" class=\"btn btn-secondary moreLoadBtn\" (click)=\"showNewItems()\">Mehr\n          Artikel laden\n        </button>\n      </div>\n      <div class=\"col-md-4\" *ngIf=\"(products?.length)\">\n        <a class=\"top-button\" (click)=\"scrollToTop()\">zurück nach oben <i class=\"fas fa-chevron-up\"></i></a>\n      </div>\n    </div>\n  </div>\n</div>\n","import {\n    Component,\n    EventEmitter,\n    HostListener,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewEncapsulation\n} from '@angular/core';\nimport {Product} from '../../../../core/models/shop/product.model';\nimport {Observable, Subject} from 'rxjs';\nimport {ProductsResponse} from '../../../../core/models/shop/products-response.model';\nimport {take, takeUntil} from 'rxjs/operators';\nimport {ProductType} from '../../../../core/models/shop/product-type.model';\nimport * as fromReducers from '../../../../core/store/reducers';\nimport {Store} from '@ngrx/store';\nimport {WebshopServiceFactory} from '../../../../core/services/shop/webshop-service.factory';\nimport {TranslateService} from '@ngx-translate/core';\nimport {ProductServiceAbstract} from '../../../../core/services/shop/product-service.abstract';\nimport {ScrollingService} from '../../../../core/services/scrolling.service';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {MatomoService} from '../../../../core/services/matomo.service';\nimport {PromoService} from '../../../../core/services/shop/promo.service';\nimport {DokuLightService} from '../../../../core/services/shop/doku-light.service';\nimport {ThemePalette} from '@angular/material/core';\nimport {ProductViewTypes} from '../../../../core/models/enums/product-view-types.model';\nimport {ActivatedRoute, Router} from '@angular/router';\nimport {NavService} from '../../../../core/services/nav.service';\nimport {MatDialog, MatDialogConfig} from '@angular/material/dialog';\nimport {\n    SubsequentDeliveryFormModalComponent\n} from '../../../shared/subsequent-delivery-form-modal/subsequent-delivery-form-modal.component';\n\n\n@Component({\n    selector: 'infinite-result-list',\n    templateUrl: './infinite-result-list.component.html',\n    styleUrls: ['./infinite-result-list.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class InfiniteResultListComponent implements OnInit, OnDestroy {\n    public total: number;\n    public activeItem: string;\n    public endOfResult: boolean;\n    public moreLoading = false;\n\n    public productsResponse$: Observable<ProductsResponse>;\n    public products$: Observable<Product[]>;\n    public products: Product[];\n    public productsLoading$: Observable<boolean>;\n    public productCache$: Observable<Product[]>;\n    public scrollPosition$: Observable<number>;\n    public productService: ProductServiceAbstract;\n\n    ProductViewTypes: typeof ProductViewTypes = ProductViewTypes;\n    ProductType: typeof ProductType = ProductType;\n    primary: ThemePalette = 'primary';\n\n    @Input() data: any;\n    @Input() activeSearchBox: boolean;\n    @Input() searchWord: string;\n    @Input() availableOnlyFlag: boolean;\n    @Input() totalsInformation: string;\n    @Input() type: ProductType;\n    @Input() view: ProductViewTypes;\n    @Input() showAllResults: boolean;\n    @Input() selectedIdf: string;\n    @Input() selectedDistributionCenterId: number;\n\n    @Output() loadMore: EventEmitter<any> = new EventEmitter();\n    @Output() search: EventEmitter<any> = new EventEmitter();\n    public quantities: { [key: number]: number } = {};\n\n    ngUnsubscribe$ = new Subject<any>();\n    promoDisclaimer: string;\n    itemsPerRow: number;\n    notification: any = null;\n    constructor(\n        @Inject(ScrollingService) public scrollingService: ScrollingService,\n        @Inject(WebshopServiceFactory)\n        public webshopServiceFactory: WebshopServiceFactory,\n        public translateService: TranslateService,\n        public store: Store<fromReducers.State>,\n        public promoService: PromoService,\n        public dokuLightService: DokuLightService,\n        public navService: NavService,\n        public router: Router,\n        @Inject('CDN') public CDN,\n        @Inject('API_URL') public API_URL?,\n        @Inject(DomSanitizer) public sanitizer?: DomSanitizer,\n        public matomoService?: MatomoService,\n        private route?: ActivatedRoute,\n        public dialog?: MatDialog\n    ) {\n    }\n\n    ngOnInit(): void {\n        this.productService = this.webshopServiceFactory.createWebshopService(\n            this.type\n        );\n\n        this.productsResponse$ = this.productService.getProductsResponseObservable();\n        this.products$ = this.productService.getProductsObservable();\n        this.products$.subscribe((products) => {\n            if (products && products.length > 0) {\n                this.products = products;\n                if (this.type === ProductType.Promo && this.promoService.selectedPromoId) {\n                    this.processPromoProducts();\n                }\n            }\n        });\n        this.scrollPosition$ = this.productService.getScrollPositionObservable();\n        this.productsLoading$ = this.productService.getProductsLoadingObservable();\n        this.productCache$ = this.productService.getProductCacheObservable();\n\n        this.productsResponse$\n            .pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((response) => {\n                if (response) {\n                    this.endOfResult = response.end;\n                    this.total = response.total;\n                    this.moreLoading = false;\n                    if (this.products?.length < this.dokuLightService.searchRequestSize && !response.end) {\n                        this.loadMore.emit();\n                        this.moreLoading = true;\n                    }\n                }\n            });\n\n        this.scrollPosition$\n            .pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((pos) => {\n                setTimeout(\n                    () => this.scrollingService.scrollToYPositionOfVisibleViewport(pos),\n                    1500\n                );\n            })\n            .unsubscribe();\n\n        this.route.queryParams.subscribe(query => {\n                if (query) {\n                    if (query.hasOwnProperty('promo') && this.dokuLightService.searchString === '') {\n                        this.viewPromoProducts(query['promo']);\n                    }\n                }\n            }\n        );\n    }\n\n    showNewItems() {\n        this.moreLoading = true;\n        const pos = this.scrollingService.determineScrollPositionOfVisibleViewport();\n        this.loadMore.emit();\n        setTimeout(\n            () => this.scrollingService.scrollToYPositionOfVisibleViewport(pos),\n            0\n        );\n    }\n\n    activateProduct(e: string): void {\n        this.activeItem = e;\n    }\n\n    deactivateProduct(e: string): void {\n        if (this.activeItem === e) {\n            this.activeItem = null;\n        }\n    }\n\n    onChangeQuantity(event) {\n        this.quantities[event.product] = event;\n    }\n\n    scrollToTop() {\n        document.querySelector('#searchResultWrapper')\n            .scrollIntoView();\n    }\n\n    ngOnDestroy() {\n        this.productService.updateScrollingPosition(\n            this.scrollingService.determineScrollPositionOfVisibleViewport()\n        );\n\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n\n    showPricingTable(product: Product) {\n        if (product.price.length > 0) {\n            if (product.amountOfPrices > 1) {\n                return true;\n            }\n\n            if (product.retailPrice !== product.price[0].cents) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    toggleView(type: ProductViewTypes) {\n        this.quantities = {};\n        this.view = type;\n        this.dokuLightService.setProductViewType(type);\n        this.updateItemsPerRow();\n    }\n\n    viewPromoProducts(campaignId) {\n        this.dokuLightService.setSearchString('');\n        this.promoService.setSelectedPromo(campaignId);\n        this.products$.pipe(take(1)).subscribe((products) => {\n            this.products = products;\n            this.processPromoProducts();\n        });\n    }\n\n    toggleAvailableResults(e) {\n        this.search.emit({queryString: this.dokuLightService.searchString, availableOnly: e.checked});\n        this.products$.pipe(take(1)).subscribe((products) => {\n            this.products = products;\n            if (this.type === ProductType.Promo) {\n                this.processPromoProducts();\n            }\n        });\n    }\n\n    processPromoProducts() {\n        this.promoService.getPromoInfo().pipe(takeUntil(this.ngUnsubscribe$)).subscribe((info) => {\n            if (info) {\n                this.promoDisclaimer = info.find((details) => details.id === this.promoService.selectedPromoId)?.disclaimer;\n            }\n        });\n        this.products = this.products.filter(p => p.campaignId === this.promoService.selectedPromoId);\n    }\n\n    @HostListener('window:resize', ['$event'])\n    onResize(event: Event) {\n        this.updateItemsPerRow();\n    }\n\n    updateItemsPerRow() {\n        const screenWidth = window.innerWidth;\n        if (screenWidth < 1146) {\n            this.itemsPerRow = 2;\n        } else {\n            this.itemsPerRow = 3;\n        }\n    }\n\n    // Method to check if any product in the current row has amountOfPrices > 1\n    // so if all products in a row doesn't have pricing advantage it doesn't show that big gap\n    hasPricesInRow(index: number): boolean {\n        const rowStartIndex = Math.floor(index / this.itemsPerRow) * this.itemsPerRow;\n        const rowEndIndex = rowStartIndex + this.itemsPerRow;\n        return this.products.slice(rowStartIndex, rowEndIndex).some(product => product.amountOfPrices > 1);\n    }\n\n    navigateToProductDetails(product: Product): void {\n        const type = this.navService.getRouteForProductType(product.type);\n        this.router.navigate([`/product-details/${type}/${product.id}`]);\n    }\n\n    openSubsequentDeliveryForm(product: Product) {\n        const addNewDialogConfig = new MatDialogConfig();\n        addNewDialogConfig.autoFocus = false;\n        addNewDialogConfig.minWidth = '35vw';\n        addNewDialogConfig.data = {\n            idf: this.selectedIdf,\n            distributionCenterId: this.selectedDistributionCenterId,\n            product: product,\n            perform: false\n        };\n        this.dialog.open(SubsequentDeliveryFormModalComponent, addNewDialogConfig).afterClosed()\n            .pipe(takeUntil(this.ngUnsubscribe$)).subscribe(result => {\n            if (result && result.data) {\n                this.scrollToTop();\n                this.notification = {\n                    html: `Der Nachlieferungsauftrag für das Produkt ${result.data[0].pzn.replace(/^0+/, '')} ist erfolgreich.`,\n                    type: 'success'\n                };\n\n                setTimeout(() => {\n                    this.notification = null;\n                }, 4000);\n            }\n        });\n    }\n}\n","<ng-container>\n    <div id=\"results\">\n        <div *ngIf=\"!(productsLoading$ | async)\">\n            <h2 class=\"expandable-divider\" *ngIf=\"activeSearchBox && searchWord\">Ergebnisse zu Ihrer Suche nach \"{{searchWord}}\" <span *ngIf=\"availableOnlyFlag\">(nur verfügbare)</span></h2>\n            <p *ngIf=\"totalsInformation && (products$ | async)?.length\" [innerHTML]=\"totalsInformation | translate: {total:(productsResponse$|async)?.total}\">\n            </p>\n            <div id=\"products\" *ngIf=\"(products$ | async)?.length\">\n                <div *ngFor=\"let product of (products$ | async)\" id=\"product-{{product.id}}\" class=\"row my-xl\">\n                    <div class=\"col-lg-12 col-xl-9\">\n                        <a [routerLink]=\"['/product-details/'+ navService.getRouteForProductType(product.type) +'/'+product.id ]\" class=\"product-details-link\"><h2>\n                            {{product.name}}</h2></a>\n                        <p>\n                            Artikelnummer: {{product.id}}<br>\n                            Land: {{product.country}}<br>\n                            Inhalt: {{product.content}}\n                        </p>\n                        <p class=\"warning-notice\"><i class=\"fal fa-exclamation-circle\"></i> Bitte beachten Sie: Die Preise sind Tagespreise und daher ca.-Angaben.</p>\n                    </div>\n                    <div class=\"col-lg-12 col-xl-3\">\n                        <price-scale-p73 [product]=\"product\"></price-scale-p73>\n                        <cart-provider-p73 (activate)=\"activateProduct($event)\" (deactivate)=\"deactivateProduct($event)\" [active]=\"activeItem === product.id\" [product]=\"product\"></cart-provider-p73>\n                    </div>\n                </div>\n                <hr/>\n            </div>\n        </div>\n        <div class=\"pb-4\" *ngIf=\"endOfResult && (products$ | async)?.length === 0 && !(productsLoading$ | async)\">\n            <p>Es konnten keine Suchergebnisse gefunden werden.</p>\n            <p>Sollten Sie die gewünschten Produkte nicht finden oder gezielt Produkte suchen: Kontaktieren Sie uns gern.</p>\n            <div class=\"row\">\n                <div class=\"col-2\">\n                    <img src=\"/assets/img/amg-73.svg\">\n                </div>\n                <div class=\"col-10\">\n                    <p>Montag bis Freitag in der Zeit von 08:30 – 17:00 Uhr<br />\n                    Telefon: 0800 1010417<br />\n                    Fax: 0800 1010576<br />\n                    E-Mail: <a href=\"mailto:imex-import@phoenixgroup.eu\">imex-import@phoenixgroup.eu</a></p>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"text-center py-l\" *ngIf=\"activeSearchBox && (productsLoading$ | async)\">\n            <i class=\"fal fa-spinner-third fa-spin\"></i> Produkte werden gesucht.\n        </div>\n        <div class=\"text-center py-l\" *ngIf=\"!activeSearchBox && (productsLoading$ | async)\">\n            <i class=\"fal fa-spinner-third fa-spin\"></i> Produkte werden geladen.\n        </div>\n\n        <div class=\"row shop-footer\" *ngIf=\"(products$ | async)?.length\">\n            <div class=\"col-md-4\"></div>\n            <div class=\"col-md-4\">\n                <button *ngIf=\"(productCache$ | async)?.length\" class=\"btn btn-secondary\" (click)=\"showNewItems()\">Mehr Artikel laden</button>\n            </div>\n            <div class=\"col-md-4\">\n                <a class=\"top-button\" (click)=\"scrollToTop()\">zurück nach oben <i class=\"fas fa-chevron-up\"></i></a>\n            </div>\n        </div>\n    </div>\n</ng-container>\n","import {InfiniteResultListComponent} from '../infinite-result-list.component';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'infinite-p73-result-list',\n    templateUrl: './infinite-p73-result-list.component.html',\n    styleUrls: ['../infinite-result-list.component.scss']\n})\nexport class InfiniteP73ResultListComponent extends InfiniteResultListComponent {\n\n}\n\n","<div class=\"cart-provider simple\" *ngIf=\"product\">\n    <form [formGroup]=\"addToCartForm\">\n        <div class=\"quantity\">\n            <div class=\"input\">\n                <input formControlName=\"quantityInput\" type=\"number\" min=\"0\" max=\"999\" step=\"1\" value=\"{{quantity}}\" (blur)=\"updateQuantity($event)\" (change)=\"updateQuantity($event)\" (change)=\"updateProfaxCart($event)\" data-cy=\"add-to-cart-quantity-input\">\n            </div>\n        </div>\n    </form>\n</div>\n","import {CartProviderComponent} from '../cart-provider.component';\nimport {Component, Inject, Input} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\nimport {ProFaxService} from '../../../../../../core/services/shop/pro-fax.service';\nimport {takeUntil} from 'rxjs/operators';\nimport {CartService} from '../../../../../../core/services/cart.service';\nimport {MatDialog} from '@angular/material/dialog';\nimport {FormControl, FormGroup, Validators} from '@angular/forms';\nimport {MatomoService} from '../../../../../../core/services/matomo.service';\nimport {CartItem} from '../../../../../../core/models/shop/cart-item.model';\nimport {ActivatedRoute, Router} from '@angular/router';\nimport {NavService} from '../../../../../../core/services/nav.service';\n\n@Component({\n    selector: 'cart-provider-profax',\n    templateUrl: './cart-provider-profax.component.html',\n    styleUrls: ['../cart-provider.component.scss']\n})\nexport class CartProviderProfaxComponent extends CartProviderComponent {\n\n    public quantity = 0;\n    @Input() proFaxService: ProFaxService;\n    @Input() resetProfaxCart: Subject<string>;\n\n    public proFaxCart$: Observable<any>;\n\n    constructor(\n        public dialog: MatDialog,\n        @Inject(CartService) public cartService: CartService,\n        public matomoService: MatomoService,\n        public router: Router,\n        public navService: NavService\n    ) {\n        super(dialog, cartService, matomoService, router, navService);\n        this.addToCartForm = new FormGroup({\n            quantityInput: new FormControl(this.quantityInput,\n                [\n                    Validators.min(1),\n                    Validators.max(100000)\n                ])\n        });\n    }\n\n    decreaseQuantity(): void {\n        if (this.quantity > 0) {\n            this.quantity--;\n        }\n    }\n\n    updateQuantity(e): void {\n        if (e.srcElement.value < 0) {\n            e.srcElement.value = 0;\n            this.quantityInput.setValue(0);\n        } else if (e.srcElement.value > 100000) {\n            e.srcElement.value = 100000;\n            this.quantityInput.setValue(100000);\n        }\n\n        if (e.srcElement.value >= 0) {\n            this.quantity = e.srcElement.value;\n        }\n    }\n\n    updateProfaxCart(event) {\n        this.proFaxService.updateProfaxCart(event.srcElement.value, this.product);\n        const item = new CartItem({product: this.product, quantity: event.srcElement.value});\n        this.matomoService.addItemToCart(item);\n    }\n\n    ngOnInit() {\n        const product_id = this.product.id + this.product.campaignId;\n        const campaign_id = this.product.campaignId;\n        // init amounts\n        this.proFaxCart$ = this.proFaxService.getProFaxCartObservable();\n        this.proFaxCart$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((cart: any) => {\n                if (cart && cart.hasOwnProperty(product_id)) {\n                    this.quantityInput.setValue(cart[product_id].amount);\n                    this.quantity = cart[product_id].amount;\n                }\n            }).unsubscribe();\n\n        this.resetProfaxCart.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe(cid => {\n                if (cid === campaign_id) {\n                    this.quantityInput.setValue(0);\n                    this.quantity = 0;\n                }\n            });\n    }\n}\n","<ng-container>\n    <div id=\"results\">\n        <div class=\"accordion-style-1\" id=\"accordion\">\n            <div *ngIf=\"(productsLoading$ | async)\" class=\"text-center py-l\">\n                <i class=\"fal fa-spinner-third fa-spin\"></i> Kampagnen werden geladen.\n            </div>\n            <div *ngIf=\"!(productsLoading$ | async) && (products$ | async)?.length === 0\" class=\"text-center py-l\">\n                <p>Zur Zeit sind keine aktiven Kampagnen verfügbar. Bitte versuchen Sie es später noch einmal.</p>\n            </div>\n            <ng-container *ngIf=\"!(productsLoading$ | async) && (products$ | async)?.length > 0\">\n                <div *ngFor=\"let campaign of (productsResponse$ | async)?.campaignInfo; let i = index\" class=\"card\">\n                    <div class=\"card-header\">\n                        <button [attr.aria-expanded]=\"(productsResponse$ | async)?.campaignInfo.length === 1\"\n                                [attr.data-target]=\"'#productResults-'+i\"\n                                [class.collapsed]=\"(productsResponse$ | async)?.campaignInfo.length > 1\"\n                                class=\"btn btn-link btn-collapsible campaign-expandable\"\n                                data-toggle=\"collapse\" type=\"button\">\n                            <div class=\"table\">\n                                <div class=\"text-left\">\n                                    <img *ngIf=\"campaign.logo\" [src]=\"campaign.logo\" alt=\"ProFax campaign logo\"\n                                         class=\"img-campaign\"/>\n                                </div>\n                                <div *ngIf=\"(productsResponse$ | async)?.campaignInfo.length > 1\"\n                                     class=\"text-right font-weight-light\">\n                                    Gültig vom {{campaign.startDate}} bis {{campaign.endDate}}\n                                </div>\n                            </div>\n                        </button>\n                    </div>\n                    <!--                    <div id=\"collapseTwo\" class=\"collapse show\" aria-labelledby=\"headingTwo\" data-parent=\"#accordion\">-->\n                    <!--                        <div class=\"card-body\">-->\n\n                    <!--                        </div>-->\n                    <!--                    </div>-->\n                    <div [class.show]=\"(productsResponse$ | async)?.campaignInfo.length === 1\" [id]=\"'productResults-' + i\"\n                         class=\"collapse\">\n                        <div *ngIf=\"!(productsLoading$ | async)\" class=\"card-body\">\n                            <table class=\"table mb-l\">\n                                <thead>\n                                <tr>\n                                    <th>PZN</th>\n                                    <th>Inhalt</th>\n                                    <th>Artikelbezeichnung</th>\n                                    <th>Einzelpreis<br>(mit Staffelung)</th>\n                                    <th>AEP<br>pro Einheit</th>\n                                    <th>Ihr Vorteil</th>\n                                    <th class=\"text-right\">Bestell-<br>menge</th>\n                                </tr>\n                                </thead>\n                                <tbody>\n                                <tr *ngFor=\"let prod of filterByCampaign(campaign.id)\">\n                                    <td>{{ prod.id }}</td>\n                                    <td>{{ prod.content }}</td>\n                                    <td>{{ prod.name }}</td>\n                                    <td>\n                                        ab Bestellmenge {{prod.price[prod.amountOfPrices - 1].minQuantity}}<br>\n                                        {{ prod.price[prod.amountOfPrices - 1].cents | currency:'EUR':'symbol':'1.2-2' }}\n                                    </td>\n                                    <td>{{ prod.retailPrice | currency:'EUR':'symbol':'1.2-2'}}</td>\n                                    <td>{{ prod.advantage }}</td>\n                                    <td>\n                                        <cart-provider-profax (activate)=\"activateProduct($event)\"\n                                                              (deactivate)=\"deactivateProduct($event)\"\n                                                              [active]=\"activeItem === prod.id\"\n                                                              [proFaxService]=\"productService\"\n                                                              [product]=\"prod\"\n                                                              [resetProfaxCart]=\"proFaxResetter$\"></cart-provider-profax>\n                                    </td>\n                                </tr>\n                                </tbody>\n                            </table>\n                            <p class=\"text-muted\">Alle Preise zzgl. 19% MwSt. Die mit * gekennzeichneten Artikel zzgl.7%\n                                MwSt. Preisänderungen und Irrtum vorbehalten.<br>In unseren äußerst günstigen\n                                Angebotspreisen ist der Skonto bereits integriert. Lieferung solange der Vorrat reicht.\n                            </p>\n                            <div class=\"button-area\">\n                                <button (click)=\"addProfaxProductsToCart(campaign.id)\" class=\"btn btn-primary mt-0\"\n                                        type=\"button\">Jetzt bestellen\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n\n\n    </div>\n</ng-container>\n","import {InfiniteResultListComponent} from '../infinite-result-list.component';\nimport {Component, Inject, OnInit} from '@angular/core';\nimport {Product} from '../../../../../core/models/shop/product.model';\nimport {Observable, Subject} from 'rxjs';\nimport {ScrollingService} from '../../../../../core/services/scrolling.service';\nimport {WebshopServiceFactory} from '../../../../../core/services/shop/webshop-service.factory';\nimport {TranslateService} from '@ngx-translate/core';\nimport {Store} from '@ngrx/store';\nimport * as fromReducers from '../../../../../core/store/reducers';\nimport {CartService} from '../../../../../core/services/cart.service';\nimport {CartItem} from '../../../../../core/models/shop/cart-item.model';\nimport {takeUntil} from 'rxjs/operators';\nimport {ProFaxService} from '../../../../../core/services/shop/pro-fax.service';\nimport { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';\nimport {AddToCartConfirmDialogComponent} from '../../cart/add-to-cart-confirm-dialog/add-to-cart-confirm-dialog.component';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {NavService} from \"../../../../../core/services/nav.service\";\nimport {Router} from '@angular/router';\n\n@Component({\n    selector: 'infinite-pro-fax-result-list',\n    templateUrl: './infinite-pro-fax-result-list.component.html',\n    styleUrls: ['../infinite-result-list.component.scss', './infinite-pro-fax-result-list.component.scss']\n})\nexport class InfiniteProFaxResultListComponent extends InfiniteResultListComponent implements OnInit {\n\n    public proFaxCart$: Observable<any>;\n    public proFaxCart: any;\n\n    public proFaxResetter$: Subject<string> = new Subject<string>();\n\n    constructor(@Inject(ScrollingService) public scrollingService: ScrollingService,\n                @Inject(WebshopServiceFactory) public webshopServiceFactory: WebshopServiceFactory,\n                public translateService: TranslateService,\n                public store: Store<fromReducers.State>,\n                @Inject('CDN') public CDN,\n                @Inject('API_URL') public API_URL,\n                @Inject(DomSanitizer) public sanitizer: DomSanitizer,\n                @Inject(CartService) public cartService: CartService,\n                public dialog: MatDialog,\n                public navService: NavService,\n                public router: Router) {\n        super(scrollingService, webshopServiceFactory, translateService, store, CDN, API_URL, navService, router, sanitizer);\n\n    }\n\n    filterByCampaign(id: string): Product[] {\n        return this.products.filter(p => p.campaignId === id);\n    }\n\n    addProfaxProductsToCart(campaignId: string) {\n        const pfCart = this.proFaxCart;\n        const items: CartItem[] = Object.keys(pfCart)\n            .filter(p => p.indexOf(campaignId) >= 0)\n            .reduce((obj, p) => {\n                obj.push(new CartItem({\n                    product: pfCart[p].product,\n                    quantity: pfCart[p].amount\n                }));\n                return obj;\n            }, []);\n\n        if (items.reduce((sum, ci) => {\n            sum += +ci.quantity;\n            return +sum;\n        }, 0) < 100) {\n            this.cartService.addToCart(items);\n            this.proFaxResetter$.next(campaignId);\n            this.matomoService.updateCartTotal(this.cartService.calculateTotals().total);\n        } else {\n            const dialogRef = this.openAddConfirmDialog(items);\n            dialogRef.afterClosed().pipe(takeUntil(this.ngUnsubscribe$)).subscribe(result => {\n                if (!result) {\n                    return;\n                } else {\n                    this.cartService.addToCart(items);\n                    this.proFaxResetter$.next(campaignId);\n                    this.matomoService.updateCartTotal(this.cartService.calculateTotals().total);\n                }\n            });\n        }\n    }\n\n    openAddConfirmDialog(items: CartItem[]): MatDialogRef<AddToCartConfirmDialogComponent, MatDialogConfig> {\n        const confirmDialogConfig = new MatDialogConfig();\n        confirmDialogConfig.autoFocus = true;\n        confirmDialogConfig.data = {perform: false, items: items};\n        return this.dialog.open(AddToCartConfirmDialogComponent, confirmDialogConfig);\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        this.proFaxCart$ = (<ProFaxService>this.productService).getProFaxCartObservable();\n        this.proFaxCart$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((cart: any) => {\n                this.proFaxCart = cart;\n            });\n\n        this.proFaxResetter$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((campaignId) => {\n                (<ProFaxService>this.productService).emptyProfaxCart(campaignId);\n            });\n    }\n}\n\n","<div class=\"cart-provider simple\" *ngIf=\"product\">\n    <form [formGroup]=\"addToCartForm\">\n        <div class=\"quantity\">\n            <div [ngClass]=\"((quantity <= 0 && quantity) || !isQuantityValid) ? 'borderRed input': 'input'\">\n            <input formControlName=\"quantityInput\"\n                       type=\"number\"\n                       min=\"0\"\n                       max=\"999\"\n                       step=\"1\"\n                       value=\"{{quantity}}\"\n                       (blur)=\"updateQuantity($event)\"\n                       (change)=\"updateQuantity($event)\"\n                       (change)=\"updatePromoCart($event)\"\n                       data-cy=\"add-to-cart-quantity-input\">\n            </div>\n        </div>\n    </form>\n</div>\n<small class=\"warn\" *ngIf=\"!isQuantityValid\">Bitte geben Sie eine ganze Zahl ein.</small>\n<small class=\"warn\" *ngIf=\"quantity <= 0 && quantity\">Die Menge 0 ist nicht erlaubt.</small>\n","import {CartProviderComponent} from '../cart-provider.component';\nimport {Component, Inject, Input, OnInit} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\nimport {CartService} from '../../../../../../core/services/cart.service';\nimport {MatDialog} from '@angular/material/dialog';\nimport {FormControl, FormGroup, Validators} from '@angular/forms';\nimport {MatomoService} from '../../../../../../core/services/matomo.service';\nimport {CartItem} from '../../../../../../core/models/shop/cart-item.model';\nimport {PromoService} from '../../../../../../core/services/shop/promo.service';\nimport {Router} from '@angular/router';\nimport {NavService} from '../../../../../../core/services/nav.service';\n\n@Component({\n    selector: 'cart-provider-promo',\n    templateUrl: './cart-provider-promo.component.html',\n    styleUrls: ['../cart-provider.component.scss']\n})\nexport class CartProviderPromoComponent extends CartProviderComponent implements OnInit {\n    public isQuantityValid = true;\n    public quantity = null; // Users mustn't add a product with quantity \"0\" #64231\n    @Input() promoService: PromoService;\n    @Input() resetPromoCart: Subject<string>;\n\n    public promoCart$: Observable<any>;\n\n    constructor(\n        public dialog: MatDialog,\n        @Inject(CartService) public cartService: CartService,\n        public matomoService: MatomoService,\n        public router: Router,\n        public navService: NavService\n    ) {\n        super(dialog, cartService, matomoService, router, navService);\n        this.addToCartForm = new FormGroup({\n            quantityInput: new FormControl(this.quantityInput,\n                [\n                    Validators.pattern('^[0-9]{1,6}$'),\n                    Validators.min(1),\n                    Validators.max(100000)\n                ])\n        });\n    }\n\n    decreaseQuantity(): void {\n        if (this.quantity > 0) {\n            this.quantity--;\n        }\n    }\n\n    updateQuantity(e): void {\n        if (e.srcElement.value < 0) {\n            e.srcElement.value = 0;\n            this.quantityInput.setValue(0);\n        } else if (e.srcElement.value > 100000) {\n            e.srcElement.value = 100000;\n            this.quantityInput.setValue(100000);\n        }\n\n        if (e.srcElement.value >= 0) {\n            this.quantity = e.srcElement.value;\n        }\n\n        this.validateQuantity(e.srcElement.value);\n    }\n\n    updatePromoCart(event) {\n        this.promoService.updatePromoCart(event.srcElement.value, this.product);\n        const item = new CartItem({product: this.product, quantity: event.srcElement.value});\n        this.matomoService.addItemToCart(item);\n    }\n\n    ngOnInit() {\n        const product_id = this.product.id + this.product.campaignId;\n        const campaign_id = this.product.campaignId;\n        // init amounts\n        this.promoCart$ = this.promoService.getPromoCartObservable();\n        this.promoCart$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((cart: any) => {\n                if (cart && cart.hasOwnProperty(product_id)) {\n                    this.quantityInput.setValue(cart[product_id].amount);\n                    this.quantity = cart[product_id].amount;\n                }\n            }).unsubscribe();\n\n        this.resetPromoCart.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe(cid => {\n                if (cid === campaign_id) {\n                    this.quantityInput.setValue(0);\n                    this.quantity = null;\n                }\n            });\n    }\n\n    validateQuantity(amount) {\n        if (!amount) {\n            this.isQuantityValid = true;\n            return;\n        }\n        this.isQuantityValid = !isNaN(Number(amount)) && !amount.toString().includes(',') && !amount.toString().includes('.');\n    }\n}\n","<div *ngIf=\"ads?.length\"\n     class=\"pb-xxl superbanner\"\n     data-track-content\n     (click)=\"mtmEvent(ads[0].title)\"\n     data-content-name=\"Promotion banner\"\n     id=\"ads-banner-{{ads[0].location}}\">\n    <a *ngIf=\"ads[0].link\"\n       href=\"{{ads[0].link}}\"\n       [attr.aria-label]=\"ads[0].title\"\n       [target]=\"ads[0].target\"\n       data-content-target>\n        <img src=\"{{ CDN }}/marketing-management/{{ads[0].image}}\"\n             data-content-piece class=\"img-fluid\" alt=\"{{ads[0].title}}\">\n    </a>\n    <div *ngIf=\"!ads[0].link\">\n        <img src=\"{{ CDN }}/marketing-management/{{ads[0].image}}\"\n             data-content-piece class=\"img-fluid\" alt=\"{{ads[0].title}}\">\n    </div>\n</div>\n\n<div id=\"results\">\n    <div class=\"accordion-style-1\" id=\"accordion\">\n        <div *ngIf=\"(productsLoading$ | async)\" class=\"text-center py-l\">\n            <i class=\"fal fa-spinner-third fa-spin\"></i> Kampagnen werden geladen.\n        </div>\n        <div *ngIf=\"!(productsLoading$ | async) && (products$ | async)?.length === 0\" class=\"text-center py-l\">\n            <p>Zur Zeit sind keine aktiven Kampagnen verfügbar. Bitte versuchen Sie es später noch einmal.</p>\n        </div>\n        <ng-container *ngIf=\"!(productsLoading$ | async) && (products$ | async)?.length > 0\">\n            <div *ngFor=\"let campaign of (productsResponse$ | async)?.campaignInfo; let i = index\" class=\"card\">\n                <div class=\"card-header\">\n                    <button [attr.aria-expanded]=\"(productsResponse$ | async)?.campaignInfo.length === 1\"\n                            [attr.data-target]=\"'#productResults-'+i\"\n                            [class.collapsed]=\"(productsResponse$ | async)?.campaignInfo.length > 1\"\n                            class=\"btn btn-link btn-collapsible campaign-expandable\"\n                            data-toggle=\"collapse\" type=\"button\">\n                        <div class=\"table\">\n                            <div class=\"text-left\">\n                                <img *ngIf=\"campaign.logo\" src=\"{{ STORAGE + '/marketing-management/' + campaign.logo}}\" [alt]=\"campaign.name\"\n                                     class=\"img-campaign\"/>\n                                <h1 *ngIf=\"!campaign.logo\" class=\"pb-0\">{{ campaign.name }}</h1>\n                            </div>\n                            <div *ngIf=\"(productsResponse$ | async)?.campaignInfo.length > 1\"\n                                 class=\"text-right font-weight-light\">\n                                Gültig vom {{campaign.start | date: 'shortDate'}}\n                                bis {{campaign.end | date: 'shortDate'}}\n                            </div>\n                        </div>\n                    </button>\n                </div>\n                <div [class.show]=\"(productsResponse$ | async)?.campaignInfo.length === 1\"\n                     [id]=\"'productResults-' + i\"\n                     class=\"collapse\">\n                    <p [innerHTML]=\"campaign.description | safeHtml\">\n                    <div *ngIf=\"!(productsLoading$ | async)\" class=\"card-body\">\n                        <table class=\"table mb-l\">\n                            <thead>\n                            <tr>\n                                <th>PZN</th>\n                                <th>Inhalt</th>\n                                <th>Artikelbezeichnung</th>\n                                <th>AEP<br>pro Einheit</th>\n                                <th>Einzelpreis</th>\n                                <th>ab Menge</th>\n                                <th>Ihr Vorteil</th>\n                                <th class=\"text-right\">Bestell-<br>menge</th>\n                            </tr>\n                            </thead>\n                            <tbody>\n                            <ng-container *ngFor=\"let prod of filterByCampaign(campaign.id)\">\n                                <tr>\n                                    <td>{{ prod.id }}</td>\n                                    <td>{{ prod.content }}</td>\n                                    <td [innerHTML]=\"prod.name | safeHtml\"></td>\n                                    <td>{{ prod.price[0].cents | currency:'EUR':'symbol':'1.2-2'}}</td>\n\n                                    <td>\n                                        {{ prod.price[1].cents | currency:'EUR':'symbol':'1.2-2' }}\n                                    </td>\n                                    <td>{{ prod.price[1].minQuantity}}</td>\n                                    <td>{{ calculateAdvantage(prod.price[1].cents, prod.price[0].cents) | percent:'0.1-1' }}</td>\n                                    <td>\n                                        <cart-provider-promo (activate)=\"activateProduct($event)\"\n                                                             (deactivate)=\"deactivateProduct($event)\"\n                                                             [active]=\"activeItem === prod.id\"\n                                                             [promoService]=\"productService\"\n                                                             [product]=\"prod\"\n                                                             [resetPromoCart]=\"promoResetter$\"></cart-provider-promo>\n                                    </td>\n                                </tr>\n                                <!-- if more than one promo pricing available -->\n                                <ng-container *ngIf=\"prod.price.length > 2\">\n                                    <tr class=\"multiTR\" *ngFor=\"let item of prod.price | slice:2; let i = index;\">\n                                        <td></td>\n                                        <td></td>\n                                        <td></td>\n                                        <td></td>\n                                        <td>\n                                            {{ item.cents | currency:'EUR':'symbol':'1.2-2' }}\n                                        </td>\n                                        <td>{{ item.minQuantity }}</td>\n                                        <td>{{ calculateAdvantage(item.cents, prod.price[0].cents) | percent:'0.1-1' }}</td>\n                                        <td>\n                                        </td>\n                                    </tr>\n                                </ng-container>\n                            </ng-container>\n                            </tbody>\n                        </table>\n                        <p [innerHTML]=\"campaign.disclaimer | safeHtml\"></p>\n                        <div class=\"button-area\">\n                            <button (click)=\"addToCart(campaign.id)\" class=\"btn btn-primary mt-0\"\n                                    type=\"button\">Jetzt bestellen\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </div>\n</div>\n","import {InfiniteResultListComponent} from '../infinite-result-list.component';\nimport {Component, Inject, OnInit} from '@angular/core';\nimport {Product} from '../../../../../core/models/shop/product.model';\nimport {Observable, Subject} from 'rxjs';\nimport {ScrollingService} from '../../../../../core/services/scrolling.service';\nimport {WebshopServiceFactory} from '../../../../../core/services/shop/webshop-service.factory';\nimport {TranslateService} from '@ngx-translate/core';\nimport {Store} from '@ngrx/store';\nimport * as fromReducers from '../../../../../core/store/reducers';\nimport {CartService} from '../../../../../core/services/cart.service';\nimport {CartItem} from '../../../../../core/models/shop/cart-item.model';\nimport {takeUntil} from 'rxjs/operators';\nimport {PromoService} from '../../../../../core/services/shop/promo.service';\nimport {MatDialog, MatDialogConfig, MatDialogRef} from '@angular/material/dialog';\nimport {AddToCartConfirmDialogComponent} from '../../cart/add-to-cart-confirm-dialog/add-to-cart-confirm-dialog.component';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {MatomoService} from '../../../../../core/services/matomo.service';\nimport {AdsRestService} from '../../../../../core/services/api/cms/ads.rest-service';\nimport {NavService} from '../../../../../core/services/nav.service';\nimport {Router} from '@angular/router';\n\n@Component({\n    selector: 'infinite-promo-result-list',\n    templateUrl: './infinite-promo-result-list.component.html',\n    styleUrls: ['../infinite-result-list.component.scss', './infinite-promo-result-list.component.scss']\n})\nexport class InfinitePromoResultListComponent extends InfiniteResultListComponent implements OnInit {\n\n    public promoCart$: Observable<any>;\n    public promoCart: any;\n    public ads;\n\n    public promoResetter$: Subject<string> = new Subject<string>();\n\n\n    constructor(@Inject(ScrollingService) public scrollingService: ScrollingService,\n                @Inject(WebshopServiceFactory) public webshopServiceFactory: WebshopServiceFactory,\n                public translateService: TranslateService,\n                public store: Store<fromReducers.State>,\n                @Inject('CDN') public CDN,\n                @Inject('API_URL') public API_URL,\n                @Inject('STORAGE') public STORAGE,\n                @Inject(DomSanitizer) public sanitizer: DomSanitizer,\n                @Inject(CartService) public cartService: CartService,\n                public matomoService: MatomoService,\n                private adsRestService: AdsRestService,\n                public navService: NavService,\n                public router: Router,\n                public dialog: MatDialog) {\n        super(scrollingService, webshopServiceFactory, translateService, store, API_URL, CDN, navService, router, sanitizer);\n    }\n\n    filterByCampaign(id: string): Product[] {\n        return this.products.filter(p => p.campaignId === id);\n    }\n\n    addToCart(campaignId: string) {\n        // add the selected products to the cart\n        // there might be some limits to the amount of products that can be ordered\n        const pCart = this.promoCart;\n        // if we have invalid entries wo don't add any item to cart\n        for (const key in pCart) {\n            if (!this.validateAmount(pCart[key].amount)) {\n                return;\n            }\n        }\n        const items: CartItem[] = Object.keys(pCart)\n            .filter(p => p.indexOf(campaignId) >= 0)\n            .reduce((obj, p) => {\n                // Users mustn't add a product with quantity \"0\" #64231\n                if (pCart[p].amount > 0) {\n                    obj.push(new CartItem({\n                        product: pCart[p].product,\n                        quantity: pCart[p].amount\n                    }));\n                }\n                return obj;\n            }, []);\n\n        if (items.length === 0) {\n            return;\n        }\n\n        this.cartService.addToCart(items);\n        this.promoResetter$.next(campaignId);\n        this.matomoService.updateCartTotal(this.cartService.calculateTotals().total);\n\n    }\n\n    validateAmount(amount) {\n        return !isNaN(Number(amount)) && !amount.toString().includes(',') && !amount.toString().includes('.');\n    }\n\n    openAddConfirmDialog(items: CartItem[]): MatDialogRef<AddToCartConfirmDialogComponent, MatDialogConfig> {\n        const confirmDialogConfig = new MatDialogConfig();\n        confirmDialogConfig.autoFocus = true;\n        confirmDialogConfig.data = {perform: false, items: items};\n        return this.dialog.open(AddToCartConfirmDialogComponent, confirmDialogConfig);\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        this.promoCart$ = (<PromoService>this.productService).getPromoCartObservable();\n        this.promoCart$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((cart: any) => {\n                this.promoCart = cart;\n            });\n\n        this.promoResetter$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((campaignId) => {\n                (<PromoService>this.productService).emptyPromoCart(campaignId);\n            });\n\n        this.adsRestService.getCurrentAds('PROMO')\n        .pipe(takeUntil(this.ngUnsubscribe$))\n        .subscribe(ads => {\n            this.ads = ads.return_object;\n        });\n    }\n\n    mtmEvent(action) {\n        this.matomoService.trackEvent('Klick auf Ads Banner', action);\n    }\n\n    calculateAdvantage(newp, oldp) {\n        return 1 - (newp / oldp);\n    }\n}\n\n","<div class=\"cart-provider simple\" *ngIf=\"product\">\n    <form [formGroup]=\"addToCartForm\">\n        <div class=\"quantity\">\n            <div [ngClass]=\"((quantity <= 0 && quantity) || !isQuantityValid) ? 'borderRed input': 'input'\">\n                <input formControlName=\"quantityInput\"\n                       type=\"number\"\n                       min=\"0\"\n                       max=\"999\"\n                       step=\"1\"\n                       value=\"{{quantity}}\"\n                       (blur)=\"updateQuantity($event)\"\n                       (change)=\"updateQuantity($event)\"\n                       (change)=\"updateUberCart($event)\"\n                       data-cy=\"add-to-cart-quantity-input\">\n            </div>\n        </div>\n    </form>\n</div>\n<small class=\"warn\" *ngIf=\"!isQuantityValid\">Bitte geben Sie eine ganze Zahl ein.</small>\n<small class=\"warn\" *ngIf=\"quantity <= 0 && quantity\">Die Menge 0 ist nicht erlaubt.</small>\n","import {CartProviderComponent} from '../cart-provider.component';\nimport {Component, Inject, Input, OnInit} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\nimport {CartService} from '../../../../../../core/services/cart.service';\nimport {MatDialog} from '@angular/material/dialog';\nimport {FormControl, FormGroup, Validators} from '@angular/forms';\nimport {MatomoService} from '../../../../../../core/services/matomo.service';\nimport {CartItem} from '../../../../../../core/models/shop/cart-item.model';\nimport {UberService} from '../../../../../../core/services/shop/uber.service';\nimport {Router} from '@angular/router';\nimport {NavService} from '../../../../../../core/services/nav.service';\n\n@Component({\n    selector: 'cart-provider-uber',\n    templateUrl: './cart-provider-uber.component.html',\n    styleUrls: ['../cart-provider.component.scss']\n})\nexport class CartProviderUberComponent extends CartProviderComponent implements OnInit {\n    public isQuantityValid = true;\n    public quantity = null; // Users mustn't add a product with quantity \"0\" #64231\n    @Input() uberService: UberService;\n    @Input() resetUberCart: Subject<string>;\n\n    public uberCart$: Observable<any>;\n\n    constructor(\n        public dialog: MatDialog,\n        @Inject(CartService) public cartService: CartService,\n        public matomoService: MatomoService,\n        public router: Router,\n        public navService: NavService\n    ) {\n        super(dialog, cartService, matomoService, router, navService);\n        this.addToCartForm = new FormGroup({\n            quantityInput: new FormControl(this.quantityInput,\n                [\n                    Validators.pattern('^[0-9]{1,6}$'),\n                    Validators.min(1),\n                    Validators.max(100000)\n                ])\n        });\n    }\n\n    decreaseQuantity(): void {\n        if (this.quantity > 0) {\n            this.quantity--;\n        }\n    }\n\n    updateQuantity(e): void {\n        if (e.srcElement.value < 0) {\n            e.srcElement.value = 0;\n            this.quantityInput.setValue(0);\n        } else if (e.srcElement.value > 100000) {\n            e.srcElement.value = 100000;\n            this.quantityInput.setValue(100000);\n        }\n\n        if (e.srcElement.value >= 0) {\n            this.quantity = e.srcElement.value;\n        }\n\n        this.validateQuantity(e.srcElement.value);\n    }\n\n    updateUberCart(event) {\n        this.uberService.updateUberCart(event.srcElement.value, this.product);\n        const item = new CartItem({product: this.product, quantity: event.srcElement.value});\n        this.matomoService.addItemToCart(item);\n    }\n\n    ngOnInit() {\n        const product_id = this.product.id + this.product.campaignId;\n        const campaign_id = this.product.campaignId;\n        // init amounts\n        this.uberCart$ = this.uberService.getUberCartObservable();\n        this.uberCart$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((cart: any) => {\n                if (cart && cart.hasOwnProperty(product_id)) {\n                    this.quantityInput.setValue(cart[product_id].amount);\n                    this.quantity = cart[product_id].amount;\n                }\n            }).unsubscribe();\n\n        this.resetUberCart.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe(cid => {\n                if (cid === campaign_id) {\n                    this.quantityInput.setValue(0);\n                    this.quantity = null;\n                }\n            });\n    }\n\n    validateQuantity(amount) {\n        if (!amount) {\n            this.isQuantityValid = true;\n            return;\n        }\n        this.isQuantityValid = !isNaN(Number(amount)) && !amount.toString().includes(',') && !amount.toString().includes('.');\n    }\n}\n","<div *ngIf=\"ads?.length\"\n     class=\"pb-xxl superbanner\"\n     data-track-content\n     (click)=\"mtmEvent(ads[0].title)\"\n     data-content-name=\"uber banner\"\n     id=\"ads-banner-{{ads[0].location}}\">\n    <a *ngIf=\"ads[0].link\"\n       href=\"{{ads[0].link}}\"\n       [attr.aria-label]=\"ads[0].title\"\n       [target]=\"ads[0].target\"\n       data-content-target>\n        <img src=\"{{ CDN }}/marketing-management/{{ads[0].image}}\"\n             data-content-piece class=\"img-fluid\" alt=\"{{ads[0].title}}\">\n    </a>\n    <div *ngIf=\"!ads[0].link\">\n        <img src=\"{{ CDN }}/marketing-management/{{ads[0].image}}\"\n             data-content-piece class=\"img-fluid\" alt=\"{{ads[0].title}}\">\n    </div>\n</div>\n\n<a routerLink=\"/uberweiser\" class=\"mb-l d-block\"><i class=\"fas fa-chevron-left pl-0\"></i> Zurück zur Übersicht</a>\n\n<div id=\"results\">\n    <div class=\"accordion-style-1\" id=\"accordion\">\n        <div *ngIf=\"(productsLoading$ | async)\" class=\"text-center py-l\">\n            <i class=\"fal fa-spinner-third fa-spin\"></i> Kampagnen werden geladen.\n        </div>\n        <div *ngIf=\"!(productsLoading$ | async) && (products$ | async)?.length === 0\" class=\"text-center py-l\">\n            <p>Zur Zeit sind keine aktiven Kampagnen verfügbar. Bitte versuchen Sie es später noch einmal.</p>\n        </div>\n        <ng-container *ngIf=\"!(productsLoading$ | async) && (products$ | async)?.length > 0\">\n            <div *ngFor=\"let campaign of (productsResponse$ | async)?.campaignInfo; let i = index\" class=\"card\">\n                <div class=\"card-header\">\n                    <button [attr.aria-expanded]=\"(productsResponse$ | async)?.campaignInfo.length === 1\"\n                            [attr.data-target]=\"'#productResults-'+i\"\n                            [class.collapsed]=\"(productsResponse$ | async)?.campaignInfo.length > 1\"\n                            class=\"btn btn-link btn-collapsible campaign-expandable\"\n                            data-toggle=\"collapse\" type=\"button\">\n                        <div class=\"table\">\n                            <div class=\"text-left\">\n                                <img *ngIf=\"campaign.logo\" src=\"{{ CDN }}/marketing-management/{{campaign.logo}}\" [alt]=\"campaign.name\"\n                                     class=\"img-campaign\"/>\n                                <h1 *ngIf=\"!campaign.logo\" class=\"pb-0\">{{ campaign.name }}</h1>\n                            </div>\n                            <div *ngIf=\"(productsResponse$ | async)?.campaignInfo.length > 1\"\n                                 class=\"text-right font-weight-light\">\n                                Gültig vom {{campaign.start | date: 'shortDate'}}\n                                bis {{campaign.end | date: 'shortDate'}}\n                            </div>\n                        </div>\n                    </button>\n                </div>\n                <div [class.show]=\"(productsResponse$ | async)?.campaignInfo.length === 1\"\n                     [id]=\"'productResults-' + i\"\n                     class=\"collapse\">\n                    <p [innerHTML]=\"campaign.description | safeHtml\">\n                    <div *ngIf=\"!(productsLoading$ | async)\" class=\"card-body\">\n                        <table class=\"table mb-l\">\n                            <thead>\n                            <tr>\n                                <th>PZN</th>\n                                <th>Inhalt</th>\n                                <th>Artikelbezeichnung</th>\n                                <th>AEP<br>pro Einheit</th>\n                                <th>Einzelpreis</th>\n                                <th>ab Menge</th>\n                                <th>Ihr Vorteil</th>\n                                <th class=\"text-right\">Bestell-<br>menge</th>\n                            </tr>\n                            </thead>\n                            <tbody>\n                            <ng-container *ngFor=\"let prod of filterByCampaign(campaign.id)\">\n                                <tr>\n                                    <td>{{ prod.id }}</td>\n                                    <td>{{ prod.content }}</td>\n                                    <td [innerHTML]=\"prod.name | safeHtml\"></td>\n                                    <td>{{ prod.price[0].cents | currency:'EUR':'symbol':'1.2-2'}}</td>\n\n                                    <td>\n                                        {{ prod.price[1].cents | currency:'EUR':'symbol':'1.2-2' }}\n                                    </td>\n                                    <td>{{ prod.price[1].minQuantity}}</td>\n                                    <td>{{ calculateAdvantage(prod.price[1].cents, prod.price[0].cents) | percent:'0.1-1' }}</td>\n                                    <td>\n                                        <cart-provider-uber (activate)=\"activateProduct($event)\"\n                                                             (deactivate)=\"deactivateProduct($event)\"\n                                                             [active]=\"activeItem === prod.id\"\n                                                             [uberService]=\"productService\"\n                                                             [product]=\"prod\"\n                                                             [resetUberCart]=\"uberResetter$\"></cart-provider-uber>\n                                    </td>\n                                </tr>\n                                <!-- if more than one uber pricing available -->\n                                <ng-container *ngIf=\"prod.price.length > 2\">\n                                    <tr class=\"multiTR\" *ngFor=\"let item of prod.price | slice:2; let i = index;\">\n                                        <td></td>\n                                        <td></td>\n                                        <td></td>\n                                        <td></td>\n                                        <td>\n                                            {{ item.cents | currency:'EUR':'symbol':'1.2-2' }}\n                                        </td>\n                                        <td>{{ item.minQuantity }}</td>\n                                        <td>{{ calculateAdvantage(item.cents, prod.price[0].cents) | percent:'0.1-1' }}</td>\n                                        <td>\n                                        </td>\n                                    </tr>\n                                </ng-container>\n                            </ng-container>\n                            </tbody>\n                        </table>\n                        <p [innerHTML]=\"campaign.disclaimer | safeHtml\"></p>\n                        <div class=\"button-area\">\n                            <button (click)=\"addToCart(campaign.id)\" class=\"btn btn-primary mt-0\"\n                                    type=\"button\">Jetzt bestellen\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </div>\n</div>\n","import {InfiniteResultListComponent} from '../infinite-result-list.component';\nimport {Component, Inject, OnDestroy, OnInit} from '@angular/core';\nimport {Product} from '../../../../../core/models/shop/product.model';\nimport {Observable, Subject} from 'rxjs';\nimport {ScrollingService} from '../../../../../core/services/scrolling.service';\nimport {WebshopServiceFactory} from '../../../../../core/services/shop/webshop-service.factory';\nimport {TranslateService} from '@ngx-translate/core';\nimport {Store} from '@ngrx/store';\nimport * as fromReducers from '../../../../../core/store/reducers';\nimport {CartService} from '../../../../../core/services/cart.service';\nimport {CartItem} from '../../../../../core/models/shop/cart-item.model';\nimport {takeUntil} from 'rxjs/operators';\nimport {UberService} from '../../../../../core/services/shop/uber.service';\nimport {MatDialog, MatDialogConfig, MatDialogRef} from '@angular/material/dialog';\nimport {AddToCartConfirmDialogComponent} from '../../cart/add-to-cart-confirm-dialog/add-to-cart-confirm-dialog.component';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {MatomoService} from '../../../../../core/services/matomo.service';\nimport {AdsService} from '../../../../../core/services/ads.service';\nimport {NavService} from \"../../../../../core/services/nav.service\";\nimport {Router} from '@angular/router';\n\n@Component({\n    selector: 'infinite-uber-result-list',\n    templateUrl: './infinite-uber-result-list.component.html',\n    styleUrls: ['../infinite-result-list.component.scss', './infinite-uber-result-list.component.scss']\n})\nexport class InfiniteUberResultListComponent extends InfiniteResultListComponent implements OnInit, OnDestroy {\n\n    public uberCart$: Observable<any>;\n    public uberCart: any;\n    public ads = [];\n\n    public uberResetter$: Subject<string> = new Subject<string>();\n\n\n    constructor(@Inject(ScrollingService) public scrollingService: ScrollingService,\n                @Inject(WebshopServiceFactory) public webshopServiceFactory: WebshopServiceFactory,\n                public translateService: TranslateService,\n                public navService: NavService,\n                public router: Router,\n                public store: Store<fromReducers.State>,\n                @Inject('API_URL') public API_URL,\n                @Inject(DomSanitizer) public sanitizer: DomSanitizer,\n                @Inject(CartService) public cartService: CartService,\n                public matomoService: MatomoService,\n                public adService: AdsService,\n                public dialog: MatDialog,\n                @Inject('CDN') public CDN) {\n        super(scrollingService, webshopServiceFactory, translateService, store, API_URL, CDN, navService, router, sanitizer);\n    }\n\n    filterByCampaign(id: string): Product[] {\n        return this.products.filter(p => p.campaignId === id);\n    }\n\n    addToCart(campaignId: string) {\n        // add the selected products to the cart\n        // there might be some limits to the amount of products that can be ordered\n        const pCart = this.uberCart;\n        // if we have invalid entries wo don't add any item to cart\n        for (const key in pCart) {\n            if (!this.validateAmount(pCart[key].amount)) {\n                return;\n            }\n        }\n        const items: CartItem[] = Object.keys(pCart)\n            .filter(p => p.indexOf(campaignId) >= 0)\n            .reduce((obj, p) => {\n                // Users mustn't add a product with quantity \"0\" #64231\n                if (pCart[p].amount > 0) {\n                    obj.push(new CartItem({\n                        product: pCart[p].product,\n                        quantity: pCart[p].amount\n                    }));\n                }\n                return obj;\n            }, []);\n\n        if (items.length === 0) {\n            return;\n        }\n\n        this.cartService.addToCart(items);\n        this.uberResetter$.next(campaignId);\n        this.matomoService.updateCartTotal(this.cartService.calculateTotals().total);\n\n    }\n\n    validateAmount(amount) {\n        return !isNaN(Number(amount)) && !amount.toString().includes(',') && !amount.toString().includes('.');\n    }\n\n    openAddConfirmDialog(items: CartItem[]): MatDialogRef<AddToCartConfirmDialogComponent, MatDialogConfig> {\n        const confirmDialogConfig = new MatDialogConfig();\n        confirmDialogConfig.autoFocus = true;\n        confirmDialogConfig.data = {perform: false, items: items};\n        return this.dialog.open(AddToCartConfirmDialogComponent, confirmDialogConfig);\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        this.uberCart$ = (<UberService>this.productService).getUberCartObservable();\n        this.uberCart$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((cart: any) => {\n                this.uberCart = cart;\n            });\n\n        this.uberResetter$.pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((campaignId) => {\n                (<UberService>this.productService).emptyUberCart(campaignId);\n            });\n\n        // this.adService.getAds().then(ads => {\n        //     this.ads = this.adService.showAd('uber');\n        // });\n    }\n\n    mtmEvent(action) {\n        this.matomoService.trackEvent('Klick auf Ads Banner', action);\n    }\n\n    calculateAdvantage(newp, oldp) {\n        return 1 - (newp / oldp);\n    }\n\n    ngOnDestroy() {\n        (<UberService>this.productService).resetProducts();\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n}\n\n","<ng-container *ngIf=\"product\">\n    <ng-container *ngIf=\"product.price?.length\">\n        <div id=\"price-tag-{{product.id}}\">\n            <div>{{product.advantage}}</div>\n            <div class=\"price\">{{ product.price[0].cents | currency:'EUR':'symbol':'1.2-2' }}</div>\n            <div>\n                exkl. MwSt.<br>\n                <span *ngIf=\"product.deliveryNotice\">{{product.deliveryNotice}}</span>\n            </div>\n        </div>\n    </ng-container>\n</ng-container>\n","import {PriceScaleComponent} from '../price-scale.component';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'price-scale-payback',\n    templateUrl: './price-scale-payback.component.html',\n    styleUrls: ['../price-scale.component.scss']\n})\nexport class PriceScalePaybackComponent extends PriceScaleComponent {\n\n}\n","<div (focusin)=\"activate.emit(product.id)\" (focusout)=\"deactivate.emit(product.id)\" class=\"cart-provider\" *ngIf=\"product\">\n    <form [formGroup]=\"addToCartForm\">\n        <div class=\"quantity\" [class.active]=\"active && product.retailPrice !== 0\">\n            <div class=\"buttons\">\n            <button type=\"button\" class=\"btn-minus\" (click)=\"decreaseQuantity()\"><i class=\"fal fa-minus\"></i></button>\n            <button type=\"button\" class=\"btn-plus\" (click)=\"increaseQuantity()\"><i class=\"fal fa-plus\"></i></button>\n            <button type=\"button\" class=\"btn-close\" (click)=\"deactivate.emit(product.id)\"><i class=\"fal fa-times\"></i></button>\n            </div>\n            <div class=\"input {{product.available ? 'available' : 'not-available'}}\">\n                <input formControlName=\"quantityInput\" type=\"number\" min=\"1\" max=\"999\" step=\"1\" value=\"{{quantity}}\" (blur)=\"updateQuantity($event)\" (change)=\"updateQuantity($event)\" data-cy=\"add-to-cart-quantity-input\">\n            </div>\n            <div class=\"availability {{product.available ? 'available' : 'not-available'}}\">\n                {{product.shipping ? ('+'+(product.shipping | currency:'EUR':'symbol':'1.2-2') +' Versand')\n                : (product.available ? 'verfügbar' : 'nicht verfügbar')}}\n                <i class=\"fal {{product.available ? 'fa-check' : 'fa-ban'}} float-right p-1\"></i>\n            </div>\n        </div>\n        <button *ngIf=\"product.retailPrice > 0\"\n                class=\"btn-primary add-to-cart-button d-inline-block\" type=\"submit\" (click)=\"addToCart()\"\n                attr.data-cy=\"add-to-cart-{{product.id}}\">In den Warenkorb</button>\n        <button *ngIf=\"product.retailPrice === 0\"\n                class=\"btn-primary inactive add-to-cart-button d-inline-block\"\n                attr.data-cy=\"add-to-cart-{{product.id}}\">In den Warenkorb</button>\n    </form>\n</div>\n","import {CartProviderComponent} from '../cart-provider.component';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'cart-provider-payback',\n    templateUrl: './cart-provider-payback.component.html',\n    styleUrls: ['../cart-provider.component.scss']\n})\nexport class CartProviderPaybackComponent extends CartProviderComponent {\n\n}\n","<ng-container>\n    <div id=\"results\">\n        <div *ngIf=\"!(productsLoading$ | async)\">\n            <h2 class=\"expandable-divider\" *ngIf=\"activeSearchBox && searchWord\">Ergebnisse zu Ihrer Suche nach \"{{searchWord}}\" <span *ngIf=\"availableOnlyFlag\">(nur verfügbare)</span></h2>\n            <p *ngIf=\"totalsInformation && (products$ | async)?.length\" [innerHTML]=\"totalsInformation | translate: {total:(productsResponse$|async)?.total}\">\n            </p>\n            <div id=\"products\" *ngIf=\"(products$ | async)?.length\">\n                <div *ngFor=\"let product of (products$ | async)\" id=\"product-{{product.id}}\" class=\"row my-xl\">\n                    <div class=\"col-lg-12 col-xl-4 product-thumb\">\n                        <div class=\"img-vertical-center\">\n                            <img *ngIf=\"product.thumb\" [src]=\"sanitizer.bypassSecurityTrustResourceUrl(API_URL+product.thumb)\" alt=\"{{product.name}}\"/>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-12 col-xl-5\">\n                        <!-- product link removed in PXPPO-1530 -->\n                        <h2>{{product.name}}</h2>\n                        <span style=\"overflow-wrap: break-word;\" [innerHTML]=\"product.details.description\"></span>\n                    </div>\n                    <div class=\"col-lg-12 col-xl-3\">\n                        <price-scale-payback [product]=\"product\"></price-scale-payback>\n                        <cart-provider-payback (activate)=\"activateProduct($event)\" (deactivate)=\"deactivateProduct($event)\"\n                                               [active]=\"activeItem === product.id\" [product]=\"product\"></cart-provider-payback>\n                    </div>\n                </div>\n                <hr/>\n            </div>\n        </div>\n        <div class=\"pb-l\" *ngIf=\"(products$ | async)?.length === 0 && !(productsLoading$ | async)\">\n            <p class=\"text-center \">Es konnten keine Angebote gefunden werden.</p>\n        </div>\n\n        <div class=\"row shop-footer\" *ngIf=\"(products$ | async)?.length\">\n            <div class=\"col-md-4\"></div>\n            <div class=\"col-md-4\">\n                <button (click)=\"showNewItems()\" *ngIf=\"(productCache$ | async)?.length && !endOfResult\" class=\"btn btn-secondary\">Mehr Artikel laden</button>\n            </div>\n            <div class=\"col-md-4\">\n                <a class=\"top-button\" (click)=\"scrollToTop()\">zurück nach oben <i class=\"fas fa-chevron-up\"></i></a>\n            </div>\n        </div>\n    </div>\n</ng-container>\n","import {InfiniteResultListComponent} from '../infinite-result-list.component';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'infinite-payback-result-list',\n    templateUrl: './infinite-payback-result-list.component.html',\n    styleUrls: ['../infinite-result-list.component.scss']\n})\nexport class InfinitePaybackResultListComponent extends InfiniteResultListComponent {\n\n}\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'private-stock',\n  templateUrl: './private-stock.component.html',\n  styleUrls: ['./private-stock.component.scss']\n})\nexport class PrivateStockComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<div *ngIf=\"(isProFaxShop()) && (productsResponse$ | async)?.campaignInfo.length > 0\" class=\"flex-headline\"\n     id=\"profax-heading\">\n    <div class=\"flex-item profax-heading-image\">\n        <img alt=\"ProFax %\" src=\"/assets/img/prozent-icon-140px.svg\"/>\n    </div>\n    <h1 *ngIf=\"(productsResponse$ | async)?.campaignInfo.length === 1\">Jetzt bestellen!<br>\n        Angebote gültig vom {{ (productsResponse$ | async)?.campaignInfo[0].startDateShort }}\n        bis {{ (productsResponse$ | async)?.campaignInfo[0].endDateShort }}</h1>\n    <h1 *ngIf=\"(productsResponse$ | async)?.campaignInfo.length > 1\">Jetzt bestellen!<br>\n        Profitieren Sie von unseren aktuellen Pro-Fax-Angeboten</h1>\n    <div class=\"clearfix\"></div>\n</div>\n<div *ngIf=\"productService\" id=\"content\">\n    <div [class.no-space-bottom]=\"!isProFaxShop() && !isPromoShop() && !isUberShop() \" class=\"widget\" *ngIf=\"!isTopPrisma()\">\n        <div class=\"d-flex align-items-center\">\n            <div class=\"col-8 pl-0\" *ngIf=\"isStandardShop()\">\n                <h2 *ngIf=\"data.heading  && !data.heading?.values?.KW\" [translateParams]=\"data.heading.values\"\n                    translate class=\"pb-s\">{{data.heading.id | translate }}</h2>\n                <h2 *ngIf=\"data.heading && data.heading?.values?.KW\" [translateParams]=\"data.heading.values\"\n                    translate class=\"pb-s\">{{data.heading.id | translate : {KW: data.heading.values.KW} }}</h2>\n                {{(data.activeSearchBox?.desc | translate) || ''}}\n            </div>\n<!--            <div *ngIf=\"isStandardShop() && !isPinShop()\" class=\"col-4\">-->\n<!--                <form>-->\n<!--                    <mat-form-field appearance=\"outline\" *ngIf=\"!input\">-->\n<!--                        <mat-label>IDF-Nummer</mat-label>-->\n<!--                        <mat-select name=\"idf\" [(value)]=\"currentlyDisplayedIdf\"-->\n<!--                                    (selectionChange)=\"changeIdf($event.source.value)\">-->\n<!--                            <mat-option *ngIf=\"(idfs$ | async)?.length === 0\"><i-->\n<!--                                    class=\"fal fa-spinner-third fa-spin\"></i>-->\n<!--                                IDFs werden-->\n<!--                                geladen.-->\n<!--                            </mat-option>-->\n<!--                            <mat-option *ngFor=\"let idf of (idfs$ | async)\" [value]=\"idf.idf\">{{ idf.idf }}-->\n<!--                                ({{ idf.name }})-->\n<!--                            </mat-option>-->\n<!--                        </mat-select>-->\n<!--                    </mat-form-field>-->\n<!--                    <mat-form-field *ngIf=\"input\" appearance=\"outline\">-->\n<!--                        <mat-label>IDF-Nummer</mat-label>-->\n<!--                        <input [value]=\"currentlyDisplayedIdf\" matInput-->\n<!--                               (change)=\"changeIdf($event.target.value)\"-->\n<!--                               [disabled]=\"!userService.canInternalUserChangeIdfSelection(InternalUserAuthority.ORDERS_DELIVERIES_ADMINISTRATION)\"-->\n<!--                        >-->\n<!--                    </mat-form-field>-->\n<!--                </form>-->\n<!--            </div>-->\n        </div>\n        <ng-container *ngIf=\"!isStandardShop()\">\n            <h2 *ngIf=\"data.heading  && !data.heading?.values?.KW\" [translateParams]=\"data.heading.values\"\n                translate class=\"pb-2\">{{data.heading.id | translate }}</h2>\n            <h2 *ngIf=\"data.heading && data.heading?.values?.KW\" [translateParams]=\"data.heading.values\"\n                translate class=\"pb-2\">{{data.heading.id | translate : {KW: data.heading.values.KW} }}</h2>\n        </ng-container>\n\n        <search-box\n                (search)=\"submitSearch($event)\"\n                *ngIf=\"!isStandardShop() && data.hasOwnProperty('activeSearchBox')\"\n                [availableOnlyFlag]=\"availableOnlyFlag\"\n                [config]=\"data.activeSearchBox\"\n                [searchWord]=\"searchWord\">\n        </search-box>\n        <search-box-doculight\n                *ngIf=\"isStandardShop() && data.hasOwnProperty('activeSearchBox')\"\n                [availableOnlyFlag]=\"availableOnlyFlag\"\n                [config]=\"data.activeSearchBox\"\n                [selectedIdf]=\"currentlyDisplayedIdf\"\n                [searchWord]=\"dokuLightService.searchString\"\n                (searchEnabled)=\"searchEnabled()\"\n        >\n        </search-box-doculight>\n        <infinite-p73-result-list\n                (loadMore)=\"loadNewItems()\"\n                *ngIf=\"isParagraph73Shop()\"\n                [activeSearchBox]=\"data.hasOwnProperty('activeSearchBox')\"\n                [availableOnlyFlag]=\"availableOnlyFlag\"\n                [searchWord]=\"searchWord\"\n                [totalsInformation]=\"data.totalsInformation\"\n                [type]=\"data.productType\">\n        </infinite-p73-result-list>\n        <infinite-pro-fax-result-list\n                *ngIf=\"isProFaxShop()\"\n                [activeSearchBox]=\"data.hasOwnProperty('activeSearchBox')\"\n                [data]=\"data\"\n                [type]=\"data.productType\">\n        </infinite-pro-fax-result-list>\n        <infinite-promo-result-list\n                *ngIf=\"isPromoShop()\"\n                [activeSearchBox]=\"data.hasOwnProperty('activeSearchBox')\"\n                [data]=\"data\"\n                [type]=\"data.productType\">\n        </infinite-promo-result-list>\n        <infinite-uber-result-list\n                *ngIf=\"isUberShop()\"\n                [activeSearchBox]=\"data.hasOwnProperty('activeSearchBox')\"\n                [data]=\"data\"\n                [type]=\"data.productType\">\n        </infinite-uber-result-list>\n        <infinite-payback-result-list\n                *ngIf=\"isPaybackShop()\"\n                [type]=\"data.productType\">\n        </infinite-payback-result-list>\n    </div>\n<!--    <infinite-exclusive-offers-result-list *ngIf=\"isExclusiveOffersShop()\">\n    </infinite-exclusive-offers-result-list>-->\n    <div *ngIf=\"data.downloadArea\" class=\"widget\">\n        <download-area\n                [config]=\"data.downloadArea\">\n        </download-area>\n    </div>\n</div>\n<infinite-result-list\n        (loadMore)=\"loadNewItems()\"\n        *ngIf=\"isStandardShop() && promoService.selectedPromoId === null\"\n        [activeSearchBox]=\"data.hasOwnProperty('activeSearchBox')\"\n        [availableOnlyFlag]=\"availableOnlyFlag\"\n        [searchWord]=\"searchWord\"\n        [totalsInformation]=\"data.totalsInformation\"\n        [type]=\"data.productType\"\n        [view]=\"dokuLightService.productViewType\"\n        [showAllResults]=\"dokuLightService.viewAllResults\"\n        (search)=\"submitSearch($event)\"\n        [selectedIdf]=\"currentlyDisplayedIdf\"\n        [selectedDistributionCenterId]=\"selectedDistributionCenterId\"\n>\n</infinite-result-list>\n<infinite-result-list\n        *ngIf=\"data.activePromoView && promoService.selectedPromoId !== null\"\n        [activeSearchBox]=\"data.hasOwnProperty('activeSearchBox')\"\n        [type]=\"ProductType.Promo\"\n        [view]=\"dokuLightService.productViewType\"\n        [showAllResults]=\"true\"\n        [selectedIdf]=\"currentlyDisplayedIdf\"\n        [selectedDistributionCenterId]=\"selectedDistributionCenterId\"\n>\n</infinite-result-list>\n<div *ngIf=\"!productService && !isPrivateStockShop()\">\n    <p>Shop '{{data.productType}}'!</p>\n</div>\n<private-stock *ngIf=\"isPrivateStockShop()\"></private-stock>\n","<div id=\"content\">\n    <img src=\"https://www.phoenix-online.de/images/headerbanner/privatsortiment.jpg\" alt=\"\" class=\"hidden-xs\">\n    <div class=\"widget\">\n       <div class=\"row\">\n            <div class=\"col-md-12 pagecontent\">\n                <h1>Erlesenes genießen</h1>\n                <div>\n                    <div class=\"col-md-8 content-div\">\n                        <p>Das PHOENIX Privatsortiment gibt es seit über 30 Jahren und umfasst neben\n                            preisgekrönten Weinen aus allen renommierten Weinregionen der Welt auch\n                            ausgezeichneten Sekt und Champagner sowie Spirituosen und Delikatessen. In den\n                            letzten Jahren wurden sowohl das Weinsortiment als auch die anderen\n                            Sortimentsbereiche weiter ausgebaut. Das vielfältige Angebot überzeugt durch das\n                            hervorragende Preis-/Genussverhältnis und wird jedes Jahr verfeinert. Haben wir Ihr\n                            Interesse geweckt?</p>\n\n                        <p>Hier finden Sie den <strong><a href=\"http://www.privatsortiment.de\" target=\"_blank\">Privatsortiment-Shop</a></strong>\n                        </p>\n                    </div>\n                    <div class=\"col-md-4 content-image\">\n                    </div>\n                </div>\n                <br/>\n            </div>\n        </div>\n    </div>\n</div>","import {takeUntil, withLatestFrom} from 'rxjs/operators';\nimport {ProductServiceAbstract} from '../../core/services/shop/product-service.abstract';\nimport {ChangeDetectionStrategy, Component, Inject, Input, OnDestroy, OnInit} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\nimport {ActivatedRoute} from '@angular/router';\nimport {ProductsResponse} from '../../core/models/shop/products-response.model';\nimport * as fromReducers from '../../core/store/reducers';\nimport {Store} from '@ngrx/store';\nimport {ProductRequest} from '../../core/models/shop/product-request.model';\nimport {WebshopServiceFactory} from '../../core/services/shop/webshop-service.factory';\nimport {TranslateService} from '@ngx-translate/core';\nimport {CalendarService} from '../../core/services/calendar.service';\nimport {Product} from '../../core/models/shop/product.model';\nimport {ProductType} from '../../core/models/shop/product-type.model';\nimport {ProductViewTypes} from '../../core/models/enums/product-view-types.model';\nimport {UserService} from '../../core/services/user.service';\nimport {PromoService} from '../../core/services/shop/promo.service';\nimport {DokuLightService} from '../../core/services/shop/doku-light.service';\nimport {InternalUserAuthority} from '../../core/models/enums/internal-user-authority.model';\n\n\n@Component({\n    selector: 'app-webshop',\n    templateUrl: './webshop.component.html',\n    styleUrls: ['./webshop.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class WebshopComponent implements OnInit, OnDestroy {\n    @Input() public data;\n\n    public ngUnsubscribe$: Subject<any> = new Subject<any>();\n    public productService: ProductServiceAbstract;\n\n    public search = new Subject<any>();\n    public loadMoreItems = new Subject<void>();\n\n    public productsRequest$: Observable<ProductRequest>;\n    public productsResponse$: Observable<ProductsResponse>;\n    public products$: Observable<Product[]>;\n\n    public searchWord: string;\n    public availableOnlyFlag = false;\n\n    ProductType: typeof ProductType = ProductType;\n\n    public currentlyDisplayedIdf;\n    public input = false;\n    public idf: string;\n    public idfs$: Observable<any[]>;\n    protected readonly InternalUserAuthority = InternalUserAuthority;\n    public selectedDistributionCenterId: number;\n\n    constructor(\n        @Inject(WebshopServiceFactory) public webshopServiceFactory: WebshopServiceFactory,\n        public translate: TranslateService,\n        public calendarService: CalendarService,\n        public store: Store<fromReducers.State>,\n        public route: ActivatedRoute,\n        public promoService: PromoService,\n        public dokuLightService: DokuLightService,\n        public userService: UserService) {\n        if (this.userService.isPhoenixUser() || this.userService.isInternalUser()) {\n            this.input = true;\n        }\n        this.userService.selectedIdf$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe(idf => {\n            if(idf) {\n                this.currentlyDisplayedIdf = idf.idf;\n                this.selectedDistributionCenterId = idf.distributionCenters[0]?.id;\n            }\n        })\n    }\n\n\n    ngOnInit() {\n        if (this.data) {\n            const productType = this.promoService.selectedPromoId !== null ? ProductType.Promo : this.data.productType;\n            this.initPossibleHeadingValues();\n\n            this.productService = this.webshopServiceFactory.createWebshopService(productType);\n\n            if (!this.productService) {\n                return;\n            }\n\n            this.productsRequest$ = this.productService.getProductsRequestObservable();\n            this.productsResponse$ = this.productService.getProductsResponseObservable();\n            this.products$ = this.productService.getProductsObservable();\n            this.search\n                .pipe(takeUntil(this.ngUnsubscribe$))\n                .subscribe(productRequest => {\n                    let pageNum = 1;\n                    if (productType === ProductType.DokuLight) {\n                        pageNum = 0;\n                    }\n                    const newProductRequest = Object.assign({}, productRequest, {page: pageNum});\n                    if (productType === ProductType.Uber) {\n                        newProductRequest['vendorId'] = this.route.snapshot.paramMap.get('vendorId');\n                        this.productService.searchProducts(newProductRequest);\n                    } else {\n                        this.productService.searchProducts(newProductRequest);\n                    }\n                });\n\n            this.loadMoreItems.pipe(\n                withLatestFrom(this.store))\n                .pipe(takeUntil(this.ngUnsubscribe$))\n                .subscribe(([_, state]) => {\n                    // fetch old request and get next page\n                    const newProductRequest = Object.assign(\n                        {},\n                        WebshopServiceFactory.fetchWebshopRequestFromState(productType, state),\n                        {page: WebshopServiceFactory.fetchWebshopResponseFromState(productType, state).start + 1, size: 20}\n                    );\n                    this.productService.displayNewBatch(newProductRequest);\n                });\n\n            // maintain searchwords and flags\n            this.productsRequest$\n                .pipe(takeUntil(this.ngUnsubscribe$)).subscribe((request) => {\n                if (request) {\n                    if (request.hasOwnProperty('search')) {\n                        this.searchWord = request['search'];\n                    }\n                    this.availableOnlyFlag = request['availableOnly'];\n                }\n            });\n\n            // trigger initial search under some circumstances\n            let nostatus = false;\n            if (!this.data.activeSearchBox) {\n                this.products$\n                    .subscribe(products => {\n                        nostatus = products.length === 0;\n                    }).unsubscribe();\n            }\n            if (nostatus) {\n                this.search.next({});\n            }\n        }\n    }\n\n    initPossibleHeadingValues(): void {\n        if (this.data.hasOwnProperty('heading') && this.data.heading.hasOwnProperty('values')) {\n            if (this.data.heading.values.hasOwnProperty('KW')) {\n                this.data.heading.values.KW = this.calendarService.getWeekOfTheYear();\n            }\n        }\n\n    }\n\n    // changeIdf(idf) {\n    //     this.currentlyDisplayedIdf = idf;\n    // }\n\n    loadNewItems(): void {\n        this.loadMoreItems.next();\n    }\n\n    submitSearch(e) {\n        const req = {search: e.queryString};\n        if (e.availableOnly) {\n            Object.assign(req, {availableOnly: e.availableOnly});\n        }\n        Object.assign(req, {idf: this.currentlyDisplayedIdf});\n        this.search.next(req);\n    }\n\n    isStandardShop(): boolean {\n        return this.data.productType !== ProductType.Paragraph73\n            && this.data.productType !== ProductType.Profax\n            && this.data.productType !== ProductType.Payback\n            && this.data.productType !== ProductType.Promo\n            && this.data.productType !==  ProductType.TopPrisma\n            && this.data.productType !== ProductType.Uber;\n    }\n\n    isParagraph73Shop(): boolean {\n        return this.data.productType === ProductType.Paragraph73;\n    }\n\n    isPinShop(): boolean {\n        return this.data.productType === ProductType.OffersPin;\n    }\n\n    isProFaxShop(): boolean {\n        return this.data.productType === ProductType.Profax;\n    }\n\n    isPromoShop(): boolean {\n        return this.data.productType === ProductType.Promo;\n    }\n\n    isTopPrisma(): boolean {\n        return this.data.productType === ProductType.TopPrisma;\n    }\n\n    isPaybackShop(): boolean {\n        return this.data.productType === ProductType.Payback;\n    }\n\n    isUberShop(): boolean {\n        return this.data.productType === ProductType.Uber;\n    }\n\n    isExclusiveOffersShop(): boolean {\n        return this.userService.hasRequiredAuthority(\n            ['EXCLUSIVE_OFFERS']) && this.isStandardShop() && !this.isTopPrisma() && !this.isPinShop();\n    }\n\n    isPrivateStockShop(): boolean {\n        return this.data.productType === ProductType.PrivateStock;\n    }\n\n    searchEnabled() {\n        this.promoService.resetSelectedPromo();\n        this.dokuLightService.showAllResults();\n    }\n    /**\n     * Unsubscribe from all subscriptions.\n     */\n    ngOnDestroy(): void {\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n}","import {Component, OnInit} from '@angular/core';\nimport {ActivatedRoute} from '@angular/router';\n\n@Component({\n    selector: 'app-webshop-loader',\n    templateUrl: './webshop-loader.component.html'\n})\nexport class WebshopLoaderComponent implements OnInit {\n    public data;\n\n    constructor(public route: ActivatedRoute) {\n        this.data = this.route.snapshot.data;\n    }\n\n    ngOnInit() {\n    }\n\n}\n","<app-webshop [data]=\"data\"></app-webshop>","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {WebshopLoaderComponent} from './webshop-loader.component';\nimport {RouterModule} from '@angular/router';\nimport {WebshopModule} from '../webshop.module';\n\nexport const routes = [\n    {path: '', component: WebshopLoaderComponent, pathMatch: 'full'}\n];\n@NgModule({\n    imports: [\n        CommonModule,\n        RouterModule.forChild(routes),\n        WebshopModule\n    ],\n    declarations: [WebshopLoaderComponent],\n    exports: [WebshopLoaderComponent]\n})\nexport class WebshopLoaderModule {\n    static routes = routes;\n}\n","import { isPlatformServer, isPlatformBrowser, CommonModule } from '@angular/common';\nimport * as i0 from '@angular/core';\nimport { EventEmitter, PLATFORM_ID, forwardRef, Component, Inject, Input, Output, Directive, Host, NgModule } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n/**\n * Slick component\n */\nclass SlickCarouselComponent {\n    /**\n     * Constructor\n     */\n    constructor(el, zone, platformId) {\n        this.el = el;\n        this.zone = zone;\n        this.platformId = platformId;\n        this.afterChange = new EventEmitter();\n        this.beforeChange = new EventEmitter();\n        this.breakpoint = new EventEmitter();\n        this.destroy = new EventEmitter();\n        this.init = new EventEmitter();\n        // access from parent component can be a problem with change detection timing. Please use afterChange output\n        this.currentIndex = 0;\n        this.slides = [];\n        this.initialized = false;\n        this._removedSlides = [];\n        this._addedSlides = [];\n    }\n    /**\n     * On component destroy\n     */\n    ngOnDestroy() {\n        this.unslick();\n    }\n    ngAfterViewInit() {\n        this.ngAfterViewChecked();\n    }\n    /**\n     * On component view checked\n     */\n    ngAfterViewChecked() {\n        if (isPlatformServer(this.platformId)) {\n            return;\n        }\n        if (this._addedSlides.length > 0 || this._removedSlides.length > 0) {\n            const nextSlidesLength = this.slides.length - this._removedSlides.length + this._addedSlides.length;\n            if (!this.initialized) {\n                if (nextSlidesLength > 0) {\n                    this.initSlick();\n                }\n                // if nextSlidesLength is zere, do nothing\n            }\n            else if (nextSlidesLength === 0) { // unslick case\n                this.unslick();\n            }\n            else {\n                this._addedSlides.forEach(slickItem => {\n                    this.slides.push(slickItem);\n                    this.zone.runOutsideAngular(() => {\n                        this.$instance.slick('slickAdd', slickItem.el.nativeElement);\n                    });\n                });\n                this._addedSlides = [];\n                this._removedSlides.forEach(slickItem => {\n                    const idx = this.slides.indexOf(slickItem);\n                    this.slides = this.slides.filter(s => s !== slickItem);\n                    this.zone.runOutsideAngular(() => {\n                        this.$instance.slick('slickRemove', idx);\n                    });\n                });\n                this._removedSlides = [];\n            }\n        }\n    }\n    /**\n     * init slick\n     */\n    initSlick() {\n        this.slides = this._addedSlides;\n        this._addedSlides = [];\n        this._removedSlides = [];\n        this.zone.runOutsideAngular(() => {\n            this.$instance = jQuery(this.el.nativeElement);\n            this.$instance.on('init', (event, slick) => {\n                this.zone.run(() => {\n                    this.init.emit({ event, slick });\n                });\n            });\n            this.$instance.slick(this.config);\n            this.zone.run(() => {\n                var _a;\n                this.initialized = true;\n                this.currentIndex = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.initialSlide) || 0;\n            });\n            this.$instance.on('afterChange', (event, slick, currentSlide) => {\n                this.zone.run(() => {\n                    this.afterChange.emit({\n                        event,\n                        slick,\n                        currentSlide,\n                        first: currentSlide === 0,\n                        last: slick.$slides.length === currentSlide + slick.options.slidesToScroll\n                    });\n                    this.currentIndex = currentSlide;\n                });\n            });\n            this.$instance.on('beforeChange', (event, slick, currentSlide, nextSlide) => {\n                this.zone.run(() => {\n                    this.beforeChange.emit({ event, slick, currentSlide, nextSlide });\n                    this.currentIndex = nextSlide;\n                });\n            });\n            this.$instance.on('breakpoint', (event, slick, breakpoint) => {\n                this.zone.run(() => {\n                    this.breakpoint.emit({ event, slick, breakpoint });\n                });\n            });\n            this.$instance.on('destroy', (event, slick) => {\n                this.zone.run(() => {\n                    this.destroy.emit({ event, slick });\n                    this.initialized = false;\n                });\n            });\n        });\n    }\n    addSlide(slickItem) {\n        this._addedSlides.push(slickItem);\n    }\n    removeSlide(slickItem) {\n        this._removedSlides.push(slickItem);\n    }\n    /**\n     * Slick Method\n     */\n    slickGoTo(index) {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickGoTo', index);\n        });\n    }\n    slickNext() {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickNext');\n        });\n    }\n    slickPrev() {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickPrev');\n        });\n    }\n    slickPause() {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickPause');\n        });\n    }\n    slickPlay() {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickPlay');\n        });\n    }\n    unslick() {\n        if (this.$instance) {\n            this.zone.runOutsideAngular(() => {\n                this.$instance.slick('unslick');\n            });\n            this.$instance = undefined;\n        }\n        this.initialized = false;\n    }\n    ngOnChanges(changes) {\n        if (this.initialized) {\n            const config = changes['config'];\n            if (config.previousValue !== config.currentValue && config.currentValue !== undefined) {\n                const refresh = config.currentValue['refresh'];\n                const newOptions = Object.assign({}, config.currentValue);\n                delete newOptions['refresh'];\n                this.zone.runOutsideAngular(() => {\n                    this.$instance.slick('slickSetOption', newOptions, refresh);\n                });\n            }\n        }\n    }\n}\n/** @nocollapse */ SlickCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });\n/** @nocollapse */ SlickCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"12.0.0\", version: \"13.3.2\", type: SlickCarouselComponent, selector: \"ngx-slick-carousel\", inputs: { config: \"config\" }, outputs: { afterChange: \"afterChange\", beforeChange: \"beforeChange\", breakpoint: \"breakpoint\", destroy: \"destroy\", init: \"init\" }, providers: [{\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef((() => SlickCarouselComponent)),\n            multi: true\n        }], exportAs: [\"slick-carousel\"], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselComponent, decorators: [{\n            type: Component,\n            args: [{\n                    selector: 'ngx-slick-carousel',\n                    exportAs: 'slick-carousel',\n                    providers: [{\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef((() => SlickCarouselComponent)),\n                            multi: true\n                        }],\n                    template: '<ng-content></ng-content>',\n                }]\n        }], ctorParameters: function () {\n        return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{\n                        type: Inject,\n                        args: [PLATFORM_ID]\n                    }] }];\n    }, propDecorators: { config: [{\n                type: Input\n            }], afterChange: [{\n                type: Output\n            }], beforeChange: [{\n                type: Output\n            }], breakpoint: [{\n                type: Output\n            }], destroy: [{\n                type: Output\n            }], init: [{\n                type: Output\n            }] } });\nclass SlickItemDirective {\n    constructor(el, platformId, carousel) {\n        this.el = el;\n        this.platformId = platformId;\n        this.carousel = carousel;\n    }\n    ngOnInit() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.carousel.addSlide(this);\n        }\n    }\n    ngOnDestroy() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.carousel.removeSlide(this);\n        }\n    }\n}\n/** @nocollapse */ SlickItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickItemDirective, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }, { token: SlickCarouselComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });\n/** @nocollapse */ SlickItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"12.0.0\", version: \"13.3.2\", type: SlickItemDirective, selector: \"[ngxSlickItem]\", ngImport: i0 });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickItemDirective, decorators: [{\n            type: Directive,\n            args: [{\n                    selector: '[ngxSlickItem]',\n                }]\n        }], ctorParameters: function () {\n        return [{ type: i0.ElementRef }, { type: undefined, decorators: [{\n                        type: Inject,\n                        args: [PLATFORM_ID]\n                    }] }, { type: SlickCarouselComponent, decorators: [{\n                        type: Host\n                    }] }];\n    } });\n\nclass SlickCarouselModule {\n}\n/** @nocollapse */ SlickCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\n/** @nocollapse */ SlickCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselModule, declarations: [SlickCarouselComponent,\n        SlickItemDirective], imports: [CommonModule], exports: [SlickCarouselComponent,\n        SlickItemDirective] });\n/** @nocollapse */ SlickCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselModule, imports: [[\n            CommonModule\n        ]] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [\n                        CommonModule\n                    ],\n                    declarations: [\n                        SlickCarouselComponent,\n                        SlickItemDirective,\n                    ],\n                    exports: [\n                        SlickCarouselComponent,\n                        SlickItemDirective,\n                    ]\n                }]\n        }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { SlickCarouselComponent, SlickCarouselModule, SlickItemDirective };\n"]}