{"version":3,"sources":["webpack:///./src/components/Availability/AvailableWorkspace.vue?f21b","webpack:///./src/components/Availability/AvailableMeetingspace.vue?cbee","webpack:///./src/components/Availability/AvailableMeetingspace.vue","webpack:///src/components/Availability/AvailableMeetingspace.vue","webpack:///./src/components/Availability/AvailableMeetingspace.vue?1af3","webpack:///./src/components/Availability/AvailableMeetingspace.vue?d4e7","webpack:///./src/components/Availability/AvailableDeskspace.vue","webpack:///src/components/Availability/AvailableDeskspace.vue","webpack:///./src/components/Availability/AvailableDeskspace.vue?e64a","webpack:///./src/components/Availability/AvailableDeskspace.vue?5e3f","webpack:///./src/components/Availability/AvailableWorkspace.vue","webpack:///src/components/Availability/AvailableWorkspace.vue","webpack:///./src/components/Availability/AvailableWorkspace.vue?e104","webpack:///./src/components/Availability/AvailableWorkspace.vue?9ee9","webpack:///./src/components/Availability/AvailableDeskspace.vue?c32d","webpack:///./src/components/UI/Message.vue","webpack:///src/components/UI/Message.vue","webpack:///./src/components/UI/Message.vue?5d20","webpack:///./src/components/UI/Message.vue?fb09"],"names":["render","_vm","this","_c","_self","staticClass","class","viewType","style","backgroundImage","concat","spaceImage","_v","_s","meetingspace","SpaceName","M2","_f","price","$i18n","locale","CurrencyIso","spacePrice","YieldSettingId","on","$event","showPriceCalculation","attrs","_e","$t","key","Id","yieldsettings","Warnings","length","scopedSlots","_u","fn","_l","warning","index","proxy","spaceAvailable","domProps","Settings","setting","tileCssClass","selectSetting","MinSeats","MaxSeats","staticRenderFns","name","components","AvailableSpacePrice","Message","props","isEmployee","type","Boolean","default","languageCulture","String","meetingtypeId","Number","spaceSelected","data","selectedSettingId","ignoreConfiguration","itemId","computed","$options","filters","getLocationImage","SpaceImage","LocationId","noCapacity","indexOf","hasSeatsConfigurationMismatch","settings","SpacePrice","toCurrency","Price","created","_this","EventBus","$on","beforeDestroy","$off","methods","toggleIgnoreConfiguration","val","checkSeatsConfigPossible","isPossible","Seats","_this$meetingspace","SpaceAvailable","CalculationType","roundToTwo","space","SpaceId","SettingId","StartDate","StartMinutes","EndDate","EndMinutes","CurrencyId","Currency","Crc","PricePerSeat","TaxPercentage","Hash","IncludedOptions","$emit","showSpaceSummary","num","Math","round","component","deskspace","spaceAvailableSetting","Warning","find","s","PriceTotal","TaxId","combindedClass","message","_t","size","c"],"mappings":"0KAAA,W,sFCAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAM,CAACL,EAAIM,WAAW,CAACJ,EAAG,SAAS,CAACE,YAAY,kCAAkCG,MAAO,CAClMC,gBAAiB,QAAFC,OAAUT,EAAIU,WAAU,SACpCR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACG,MAAK,8DAA+D,CAACL,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIa,aAAaC,WAAW,MAAMd,EAAIY,GAAGZ,EAAIa,aAAaE,IAAI,SAASb,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,kCAAkC,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIgB,GAAG,aAAPhB,CAAqBA,EAAIiB,MAAMjB,EAAIkB,MAAMC,OAAQnB,EAAIa,aAAaO,iBAAkBpB,EAAIqB,YAAcrB,EAAIqB,WAAWC,eAAiB,EAAGpB,EAAG,IAAI,CAACE,YAAY,UAAUmB,GAAG,CAAC,MAAQ,SAASC,GAAQxB,EAAIyB,sBAAwBzB,EAAIyB,wBAAwB,CAACvB,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACF,EAAG,oBAAoB,CAACwB,MAAM,CAAC,KAAO,CAAC,MAAO,mBAAmB,KAAK1B,EAAI2B,OAAS3B,EAAIqB,YAAgD,IAAlCrB,EAAIqB,WAAWC,eAAqQtB,EAAI2B,KAAnPzB,EAAG,OAAO,CAACE,YAAY,kDAAkD,CAACF,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,oBAAoB,CAACwB,MAAM,CAAC,KAAO,CAAC,MAAO,4BAA4B,GAAGxB,EAAG,OAAO,CAACF,EAAIW,GAAGX,EAAIY,GAAGZ,EAAI4B,GAAG,wBAAiC1B,EAAG,mBAAmB,CAACwB,MAAM,CAAC,KAAO,UAAU,KAAO,SAAS,qBAAqB,YAAY,CAAE1B,EAAIyB,qBAAsBvB,EAAG,sBAAsB,CAAC2B,IAAI7B,EAAIa,aAAaiB,GAAGJ,MAAM,CAAC,WAAa1B,EAAIqB,WAAW,cAAgBrB,EAAI+B,iBAAiB/B,EAAI2B,MAAM,IAAI,GAAI3B,EAAIa,aAAamB,SAASC,OAAQ/B,EAAG,UAAU,CAACE,YAAY,kBAAkB8B,YAAYlC,EAAImC,GAAG,CAAC,CAACN,IAAI,UAAUO,GAAG,WAAW,MAAO,CAAClC,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACJ,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAI4B,GAAI,qEAAsE,QAAQ1B,EAAG,KAAKF,EAAIqC,GAAIrC,EAAIa,aAAamB,UAAU,SAASM,EAAQC,GAAO,OAAOrC,EAAG,KAAK,CAAC2B,IAAI,IAAMU,GAAO,CAACvC,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAI4B,GAAG,yDAADnB,OAA2D6B,KAAa,UAAS,OAAOE,OAAM,IAAO,MAAK,EAAM,aAAaxC,EAAI2B,MAAM,GAAGzB,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAAEJ,EAAIyC,eAAgBvC,EAAG,MAAM,CAACE,YAAY,yCAAyCsC,SAAS,CAAC,YAAc1C,EAAIY,GAC/hEZ,EAAI4B,GACF,0EAEC5B,EAAI2B,KAAKzB,EAAG,MAAM,CAACE,YAAY,4DAA4DJ,EAAIqC,GAAIrC,EAAIa,aAAa8B,UAAU,SAASC,GAAS,OAAO1C,EAAG,MAAM,CAAC2B,IAAI,OAASe,EAAQd,GAAGzB,MAAM,CAAC,iBAAiB,CAACH,EAAG,MAAM,CAACE,YAAY,2CAA2CC,MAAML,EAAI6C,aAAaD,GAASrB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAI8C,cAAcF,MAAY,CAAC1C,EAAG,iBAAiB,CAACwB,MAAM,CAAC,cAAc,OAAO,UAAYkB,EAAQd,GAAG,KAAO,cAAc5B,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIgB,GAAG,iBAAPhB,CAAyB4C,EAAQd,GAAG9B,EAAIkB,MAAMC,SAAS,OAAOjB,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIW,GAAG,KAAKX,EAAIY,GAAGgC,EAAQG,UAAU,MAAM/C,EAAIY,GAAGgC,EAAQI,UAAU,SAAS,QAAO,UAExsBC,EAAkB,G,kEC8GP,GACfC,KAAA,wBACAC,WAAA,CACAC,oBAAA,mEACAC,sBAGAC,MAAA,CACAC,WAAA,CACAC,KAAAC,QACAC,SAAA,GAEAC,gBAAA,CACAH,KAAAI,OACAF,QAAA,SAGAG,cAAA,CACAL,KAAAM,OACAJ,QAAA,GAGA7C,aAAA,KAEAkD,cAAA,CACAL,SAAA,EACAF,KAAAC,SAGAnD,SAAA,CACAkD,KAAAI,OACAF,QAAA,aAIAM,KAAA,WACA,OACAC,kBAAA,EACAC,qBAAA,EACAzC,sBAAA,EACA0C,OAAA,IAIAC,SAAA,CACA1D,WAAA,WACA,YAAA2D,SAAAC,QAAAC,iBACA,KAAA1D,aAAA2D,WACA,KAAA3D,aAAA4D,WACA,QAIAC,WAAA,WAEA,gBAAA7D,aAAAmB,SAAA2C,QAAA,eAGAlC,eAAA,WACA,YAAAiC,aAAA,KAAAE,+BAKAA,8BAAA,WACA,OAEA,IADA,KAAA/D,aAAAmB,SAAA2C,QAAA,gCACA,KAAAT,qBAIAnC,cAAA,WACA,IAAA8C,EAAA,KAMA,OAJA,KAAAhE,cAAA,KAAAA,aAAA8B,WACAkC,EAAA,KAAAhE,aAAA8B,SAAA,IAGAkC,GAGAxD,WAAA,WACA,IAAAA,EAAA,KAMA,OAJA,KAAAR,cAAA,KAAAA,aAAA8B,WACAtB,EAAA,KAAAR,aAAA8B,SAAA,GAAAmC,YAGAzD,GAGAJ,MAAA,WACA,IAAA2B,EAAA,KAAA/B,aAAA8B,SAAA,GACA,YAAA0B,SAAAC,QAAAS,WACAnC,EAAAoC,MACA,KAAArB,gBACAf,EAAAxB,eAKA6D,QAAA,eAAAC,EAAA,KACAC,OAAAC,IAAA,mCACAF,EAAAzD,sBAAA,MAIA4D,cAAA,WACAF,OAAAG,KAAA,yBAGAC,QAAA,CACAC,0BAAA,SAAAC,GACA,KAAAvB,oBAAAuB,GAGA5C,aAAA,SAAAD,GACA,YAAA8C,yBAAA9C,GACA,UACA,cAGA8C,yBAAA,SAAA9C,GACA,IAAA+C,GAAA,EASA,OANA,KAAA9E,aAAA+E,OAAAhD,EAAAG,UACA,KAAAlC,aAAA+E,OAAAhD,EAAAI,WAEA2C,GAAA,GAGAA,GAGA7C,cAAA,SAAAF,GAAA,IAAAiD,EACA,QAAAtC,YAAA,KAAA1C,aAAAiF,eAAA,CAIA,KAAA7B,kBAAArB,EAAAd,GAGA,YAAAc,EAAAmD,kBACA,mBAAAnD,EAAAmD,gBACA,KAAAC,WAAApD,EAAAoC,MAAApC,EAAAkC,WAAAc,OAGAhD,EAAAoC,OAIA,IAAAiB,EAAA,CACAnE,GAAA,EACA2C,WAAA,KAAA5D,aAAA4D,WACAyB,QAAA,KAAArF,aAAAqF,QACApF,UAAA,KAAAD,aAAAC,UACA0D,WAAA,KAAA3D,aAAA2D,WACA2B,UAAAvD,EAAAd,GACA8D,MAAA,KAAA/E,aAAA+E,MACAQ,UAAA,KAAAvF,aAAAuF,UACAC,aAAA,KAAAxF,aAAAwF,aACAC,QAAA,KAAAzF,aAAAyF,QACAC,WAAA,KAAA1F,aAAA0F,WACAC,WAAA5D,EAAA4D,WACAC,SAAA7D,EAAAxB,YACA2E,gBAAAnD,EAAAmD,gBACAf,MAAApC,EAAAoC,MACA0B,IAAA9D,EAAA8D,IACAC,aAAA/D,EAAAoC,MACA4B,cAAAhE,EAAAgE,cACAtF,eAAAsB,EAAAtB,eACAuF,KAAAjE,EAAAiE,KACAC,iBAAA,QAAAjB,EAAA,KAAAhF,oBAAA,IAAAgF,OAAA,EAAAA,EAAAiB,kBAAA,IAGA3B,OAAA4B,MAAA,gBAAAd,KAGAe,iBAAA,WACA7B,OAAA4B,MAAA,wBAAAlG,eAGAmF,WAAA,SAAAiB,GACA,QAAAC,KAAAC,MAAAF,EAAA,iBC9S6W,I,wBCQzWG,EAAY,eACd,EACArH,EACAkD,GACA,EACA,KACA,WACA,MAIa,aAAAmE,E,oDCnBf,IAAIrH,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAM,CAACL,EAAIM,WAAW,CAACJ,EAAG,SAAS,CAACE,YAAY,kCAAkCG,MAAO,CAClMC,gBAAiB,QAAFC,OAAUT,EAAIU,WAAU,SACpCR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACG,MAAK,6DAA8DqC,SAAS,CAAC,UAAY1C,EAAIY,GAAGZ,EAAIqH,UAAUvG,cAAed,EAAIsH,sBAAuBpH,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,SAAS,CAACE,YAAY,iCAAiCsC,SAAS,CAAC,UAAY1C,EAAIY,GAAGZ,EAAIiB,YAAYjB,EAAI2B,KAAO3B,EAAIsH,sBAK3XtH,EAAI2B,KAL8Y3B,EAAIqC,GAAIrC,EAAIqH,UAAUrF,UAAU,SAASuF,EAAQhF,GAAO,OAAOrC,EAAG,UAAU,CAAC2B,IAAIU,EAAMnC,YAAY,+BAA+BsB,MAAM,CAAC,QAAU1B,EAAI4B,GAAG,wEAGnjB5B,EAAI4B,GAAG,yDAADnB,OACqD8G,WAC1C,GAAIvH,EAAIsH,sBAAuBpH,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,SAAS,CAACE,YAAY,oBAAoBsC,SAAS,CAAC,YAAc1C,EAAIY,GACrLZ,EAAI4B,GAAG,+DACNL,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAI8C,sBAAsB9C,EAAI2B,UAEzEsB,EAAkB,G,kECqFP,GACfK,MAAA,CACA+D,UAAA,KAEA/G,SAAA,CACAkD,KAAAI,OACAF,QAAA,aAIAP,WAAA,CACAE,sBAGAW,KAAA,WACA,OACAC,mBAAA,IAIAG,SAAA,CACA1D,WAAA,WACA,YAAA2D,SAAAC,QAAAC,iBACA,KAAA8C,UAAA7C,WACA,KAAA6C,UAAA5C,WACA,QAIA6C,sBAAA,WACA,YAAAD,UAAA1E,SAAA6E,MAAA,SAAAC,GAAA,OAAAA,EAAA3B,mBAGA7E,MAAA,WACA,IAAA2B,EAAA,KAAAyE,UAAA1E,SAAA,GACA,YAAA0B,SAAAC,QAAAS,WACAnC,EAAAoC,MACA,KAAArB,gBACAf,EAAAxB,eAKAmE,QAAA,CACAzC,cAAA,SAAAF,GACA,GACA,KAAA0E,sBAAAxB,gBACA,KAAA7B,oBAAA,KAAAqD,sBAAAxF,GAFA,CAMA,KAAAmC,kBAAArB,EAAAd,GAEA,IAAAmE,EAAA,CACAnE,GAAA,EACA2C,WAAA,KAAA4C,UAAA5C,WACAyB,QAAA,KAAAmB,UAAAnB,QACApF,UAAA,KAAAuG,UAAAvG,UACA0D,WAAA,KAAA6C,UAAA7C,WACA2B,UAAA,KAAAmB,sBAAAxF,GACA8D,MAAA,KAAAyB,UAAAzB,MACAQ,UAAA,KAAAiB,UAAAjB,UACAC,aAAA,KAAAgB,UAAAhB,aACAC,QAAA,KAAAe,UAAAf,QACAC,WAAA,KAAAc,UAAAd,WACAC,WAAA,KAAAc,sBAAAd,WACAG,aAAA,EACAD,IAAA,KAAAY,sBAAAZ,IACAgB,WAAA,EACAC,MAAA,KAAAL,sBAAAK,MACAf,cAAA,KAAAU,sBAAAV,cACAC,KAAA,KAAAS,sBAAAT,MAGA,KAAAE,MAAA,iBACA5B,OAAA4B,MAAA,gBAAAd,KAGAD,WAAA,SAAAiB,GACA,QAAAC,KAAAC,MAAAF,EAAA,iBC/K0W,I,wBCQtWG,EAAY,eACd,EACArH,EACAkD,GACA,EACA,KACA,WACA,MAIa,aAAAmE,E,yECnBf,IAAIrH,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAM,CAACL,EAAIM,WAAW,CAACJ,EAAG,SAAS,CAACE,YAAY,kCAAkCG,MAAO,CAClMC,gBAAiB,QAAFC,OAAUT,EAAIU,WAAU,SACpCR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACG,MAAK,6DAA8DqC,SAAS,CAAC,UAAY1C,EAAIY,GAAGZ,EAAIiG,MAAMnF,cAAcZ,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,kCAAkC,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIgB,GAAG,aAAPhB,CAAqBA,EAAIiB,MAAMjB,EAAIkB,MAAMC,OAAQnB,EAAIiG,MAAM7E,iBAAkBpB,EAAIqB,YAAcrB,EAAIqB,WAAWC,eAAiB,EAAGpB,EAAG,IAAI,CAACE,YAAY,UAAUmB,GAAG,CAAC,MAAQ,SAASC,GAAQxB,EAAIyB,sBAAwBzB,EAAIyB,wBAAwB,CAACvB,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACF,EAAG,oBAAoB,CAACwB,MAAM,CAAC,KAAO,CAAC,MAAO,mBAAmB,KAAK1B,EAAI2B,OAAS3B,EAAIqB,YAAgD,IAAlCrB,EAAIqB,WAAWC,eAAqQtB,EAAI2B,KAAnPzB,EAAG,OAAO,CAACE,YAAY,kDAAkD,CAACF,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,oBAAoB,CAACwB,MAAM,CAAC,KAAO,CAAC,MAAO,4BAA4B,GAAGxB,EAAG,OAAO,CAACF,EAAIW,GAAGX,EAAIY,GAAGZ,EAAI4B,GAAG,wBAAiC1B,EAAG,mBAAmB,CAACwB,MAAM,CAAC,KAAO,UAAU,KAAO,SAAS,qBAAqB,YAAY,CAAE1B,EAAIyB,qBAAsBvB,EAAG,sBAAsB,CAAC2B,IAAI7B,EAAIiG,MAAMnE,GAAGJ,MAAM,CAAC,WAAa1B,EAAIqB,WAAW,cAAgBrB,EAAI+B,iBAAiB/B,EAAI2B,MAAM,IAAI,GAAG3B,EAAIqC,GAAIrC,EAAIiG,MAAMjE,UAAU,SAASuF,EAAQhF,GAAO,OAAOrC,EAAG,UAAU,CAAC2B,IAAIU,EAAMnC,YAAY,+BAA+BsB,MAAM,CAAC,QAAU1B,EAAI4B,GAAG,wEAGv6C5B,EAAI4B,GAAG,yDAADnB,OACqD8G,WACnD,GAAGrH,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,SAAS,CAACE,YAAY,oBAAoBsC,SAAS,CAAC,YAAc1C,EAAIY,GAChJZ,EAAI4B,GAAG,+DACNL,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAI8C,2BAE/CG,EAAkB,G,gGCqEP,GACfK,MAAA,CACAK,gBAAA,CACAH,KAAAI,OACAF,QAAA,SAGAG,cAAA,CACAL,KAAAM,OACAJ,QAAA,GAGAuC,MAAA,KAEA3F,SAAA,CACAkD,KAAAI,OACAF,QAAA,aAIAP,WAAA,CACAC,oBAAA,mEACAC,sBAGAW,KAAA,WACA,OACAvC,sBAAA,EACA0C,OAAA,EACAF,mBAAA,IAIAG,SAAA,CACA1D,WAAA,WACA,YAAA2D,SAAAC,QAAAC,iBACA,KAAA0B,MAAAzB,WACA,KAAAyB,MAAAxB,WACA,QAIA6C,sBAAA,WACA,YAAArB,MAAAtD,SAAA6E,MAAA,SAAAC,GAAA,OAAAA,EAAA3B,mBAGA/D,cAAA,WACA,IAAA8C,EAAA,KAMA,OAJA,KAAAoB,OAAA,KAAAA,MAAAtD,WACAkC,EAAA,KAAAoB,MAAAtD,SAAA,IAGAkC,GAGAxD,WAAA,WACA,IAAAA,EAAA,KAMA,OAJA,KAAA4E,OAAA,KAAAA,MAAAtD,WACAtB,EAAA,KAAA4E,MAAAtD,SAAA,GAAAmC,YAGAzD,GAGAJ,MAAA,WACA,IAAA2B,EAAA,KAAAqD,MAAAtD,SAAA,GACA,YAAA0B,SAAAC,QAAAS,WACAnC,EAAAoC,MACA,KAAArB,gBACAf,EAAAxB,eAKA6D,QAAA,eAAAC,EAAA,KACAC,OAAAC,IAAA,mCACAF,EAAAzD,sBAAA,MAIA4D,cAAA,WACAF,OAAAG,KAAA,yBAGAC,QAAA,CACAzC,cAAA,WACA,GACA,KAAAwE,sBAAAxB,gBACA,KAAA7B,oBAAA,KAAAqD,sBAAAxF,GAFA,CAOA,KAAAmC,kBAAA,KAAAqD,sBAAAxF,GAEA,IAAAmE,EAAA,CACAnE,GAAA,EACA2C,WAAA,KAAAwB,MAAAxB,WACAyB,QAAA,KAAAD,MAAAC,QACApF,UAAA,KAAAmF,MAAAnF,UACA0D,WAAA,KAAAyB,MAAAzB,WACA2B,UAAA,EACAP,MAAA,EACAQ,UAAA,KAAAH,MAAAG,UACAC,aAAA,KAAAJ,MAAAI,aACAC,QAAA,KAAAL,MAAAK,QACAC,WAAA,KAAAN,MAAAM,WACAC,WAAA,KAAAc,sBAAAd,WACApF,YAAA,KAAAkG,sBAAAlG,YACA2E,gBAAA,KAAAuB,sBAAAvB,gBACAY,aAAA,KAAAW,sBAAAtC,MACA0C,WAAA,KAAAJ,sBAAAtC,MACAA,MAAA,KAAAsC,sBAAAtC,MACA0B,IAAA,KAAAY,sBAAAZ,IACAiB,MAAA,KAAAL,sBAAAK,MAAA,KAAAL,sBAAAK,MAAA,EACAf,cAAA,KAAAU,sBAAAV,cACAC,KAAA,KAAAS,sBAAAT,MAGA1B,OAAA4B,MAAA,gBAAAd,OCzM0W,I,wBCQtWmB,EAAY,eACd,EACArH,EACAkD,GACA,EACA,KACA,WACA,MAIa,aAAAmE,E,2CCnBf,W,yCCAA,IAAIrH,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,UAAUC,MAAML,EAAI4H,gBAAgB,CAAC1H,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEJ,EAAI6H,QAAS,CAAC7H,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAI6H,SAAS,MAAM7H,EAAI2B,KAAK3B,EAAI8H,GAAG,YAAY,MAErP7E,EAAkB,GCaP,GACfK,MAAA,CAIAuE,QAAA,CACArE,KAAAI,OACAF,QAAA,IAGAqE,KAAA,CACAvE,KAAAI,OACAF,QAAA,IAOAF,KAAA,CACAA,KAAAI,OACAF,QAAA,YAGAM,KAAA,WACA,UAGAI,SAAA,CACAwD,eAAA,WACA,IAAAI,EAAA,KAAAxE,KAMA,OAJA,KAAAuE,KAAA9F,OAAA,IACA+F,IAAA,SAAAD,MAGAC,KCnD+V,I,YCO3VZ,EAAY,eACd,EACArH,EACAkD,GACA,EACA,KACA,WACA,MAIa,aAAAmE,E","file":"js/available-location.js?id=17d4faea98c461d004ce","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableWorkspace.vue?vue&type=style&index=0&id=79193ea7&prod&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableMeetingspace.vue?vue&type=style&index=0&id=5fd2d4f2&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-space card p-0\",class:[_vm.viewType]},[_c('figure',{staticClass:\"image has-background-grey-light\",style:({\n      backgroundImage: `url('${_vm.spaceImage}')`,\n    })}),_c('div',{staticClass:\"settings_price\"},[_c('div',{staticClass:\"p-4\"},[_c('div',{class:`spaceName is-size-4 has-text-weight-bold has-margin-bottom`},[_vm._v(\" \"+_vm._s(_vm.meetingspace.SpaceName)+\" - \"+_vm._s(_vm.meetingspace.M2)+\"m2 \")]),_c('div',{staticClass:\"price\"},[_c('span',{staticClass:\"icon-text\"},[_c('span',{staticClass:\"has-text-weight-bold is-size-5\"},[_vm._v(_vm._s(_vm._f(\"toCurrency\")(_vm.price,_vm.$i18n.locale, _vm.meetingspace.CurrencyIso)))]),(_vm.spacePrice && _vm.spacePrice.YieldSettingId > 0)?_c('a',{staticClass:\"is-info\",on:{\"click\":function($event){_vm.showPriceCalculation = !_vm.showPriceCalculation}}},[_c('span',{staticClass:\"icon has-text-link\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'info-circle']}})],1)]):_vm._e()]),(!_vm.spacePrice || _vm.spacePrice.YieldSettingId === 0)?_c('span',{staticClass:\"has-text-danger has-text-weight-bold icon-text\"},[_c('span',{staticClass:\"icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'exclamation-triangle']}})],1),_c('span',[_vm._v(_vm._s(_vm.$t('Prices.NoPrice')))])]):_vm._e(),_c('transition-group',{attrs:{\"name\":\"zoomOut\",\"mode\":\"out-in\",\"leave-active-class\":\"zoomOut\"}},[(_vm.showPriceCalculation)?_c('AvailableSpacePrice',{key:_vm.meetingspace.Id,attrs:{\"spacePrice\":_vm.spacePrice,\"yieldsettings\":_vm.yieldsettings}}):_vm._e()],1)],1),(_vm.meetingspace.Warnings.length)?_c('Message',{staticClass:\"is-warning mt-4\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"has-text-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Availability.AvailableMeetingspace.Header_WarningInfo' ))+\": \")]),_c('ul',_vm._l((_vm.meetingspace.Warnings),function(warning,index){return _c('li',{key:'w' + index},[_vm._v(\" \"+_vm._s(_vm.$t( `Components.Availability.AvailableMeetingspace.Warning_${warning}` ))+\" \")])}),0)])]},proxy:true}],null,false,956294260)}):_vm._e()],1),_c('div',{staticClass:\"has-background-info-light p-4\"},[(_vm.spaceAvailable)?_c('div',{staticClass:\"has-margin-bottom has-text-weight-bold\",domProps:{\"textContent\":_vm._s(\n          _vm.$t(\n            'Components.Availability.AvailableMeetingspace.Header_ChooseSetting'\n          )\n        )}}):_vm._e(),_c('div',{staticClass:\"wrapper-settings settings columns is-mobile is-multiline\"},_vm._l((_vm.meetingspace.Settings),function(setting){return _c('div',{key:'sId_' + setting.Id,class:['tile-setting']},[_c('div',{staticClass:\"setting is-inline-flex has-text-centered\",class:_vm.tileCssClass(setting),on:{\"click\":function($event){return _vm.selectSetting(setting)}}},[_c('ui-svg-setting',{attrs:{\"aria-hidden\":\"true\",\"settingId\":setting.Id,\"size\":\"is-large\"}}),_c('div',{staticClass:\"is-size-7\"},[_vm._v(\" \"+_vm._s(_vm._f(\"getSettingName\")(setting.Id,_vm.$i18n.locale))+\" \")]),_c('div',{staticClass:\"is-size-7\"},[_vm._v(\" (\"+_vm._s(setting.MinSeats)+\" - \"+_vm._s(setting.MaxSeats)+\") \")])],1)])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card-space card p-0\" :class=\"[viewType]\">\n    <figure\n      class=\"image has-background-grey-light\"\n      :style=\"{\n        backgroundImage: `url('${spaceImage}')`,\n      }\"\n    ></figure>\n    <div class=\"settings_price\">\n      <div class=\"p-4\">\n        <div\n          :class=\"`spaceName is-size-4 has-text-weight-bold has-margin-bottom`\"\n        >\n          {{ meetingspace.SpaceName }} - {{ meetingspace.M2 }}m2\n        </div>\n\n        <div class=\"price\">\n          <span class=\"icon-text\">\n            <span class=\"has-text-weight-bold is-size-5\">{{ price | toCurrency($i18n.locale, meetingspace.CurrencyIso) }}</span>\n            <a v-if=\"spacePrice && spacePrice.YieldSettingId > 0\" @click=\"showPriceCalculation = !showPriceCalculation\" class=\"is-info\">\n              <span class=\"icon has-text-link\">\n                <font-awesome-icon :icon=\"['fas', 'info-circle']\"  />\n              </span>\n            </a>\n          </span>\n\n          <span v-if=\"!spacePrice || spacePrice.YieldSettingId === 0\" class=\"has-text-danger has-text-weight-bold icon-text\">\n            <span class=\"icon\">\n              <font-awesome-icon :icon=\"['fas', 'exclamation-triangle']\" />\n            </span>\n            <span>{{ $t('Prices.NoPrice') }}</span>\n          </span>\n\n          <transition-group\n            name=\"zoomOut\"\n            mode=\"out-in\"\n            leave-active-class=\"zoomOut\"\n          >\n            <AvailableSpacePrice v-if=\"showPriceCalculation\" :spacePrice=\"spacePrice\" :yieldsettings=\"yieldsettings\" :key=\"meetingspace.Id\" />\n          </transition-group>\n        </div>\n\n        <Message\n          v-if=\"meetingspace.Warnings.length\"\n          class=\"is-warning mt-4\"\n        >\n          <template v-slot:content>\n            <div class=\"content\">\n              <div class=\"has-text-weight-bold\">\n                {{\n                  $t(\n                    'Components.Availability.AvailableMeetingspace.Header_WarningInfo'\n                  )\n                }}:\n              </div>\n              <ul>\n                <li\n                  v-for=\"(warning, index) in meetingspace.Warnings\"\n                  :key=\"'w' + index\"\n                >\n                  {{\n                    $t(\n                      `Components.Availability.AvailableMeetingspace.Warning_${warning}`\n                    )\n                  }}\n                </li>\n              </ul>\n            </div>\n          </template>\n        </Message>\n      </div>\n\n      <div class=\"has-background-info-light p-4\">\n        <div\n          v-if=\"spaceAvailable\"\n          class=\"has-margin-bottom has-text-weight-bold\"\n          v-text=\"\n            $t(\n              'Components.Availability.AvailableMeetingspace.Header_ChooseSetting'\n            )\n          \"\n        ></div>\n\n        <div class=\"wrapper-settings settings columns is-mobile is-multiline\">\n          <div\n            v-for=\"setting in meetingspace.Settings\"\n            :class=\"['tile-setting']\"\n            :key=\"'sId_' + setting.Id\"\n          >\n            <div\n              class=\"setting is-inline-flex has-text-centered\"\n              :class=\"tileCssClass(setting)\"\n              @click=\"selectSetting(setting)\"\n            >\n              <ui-svg-setting\n                aria-hidden=\"true\"\n                :settingId=\"setting.Id\"\n                size=\"is-large\"\n              />\n              <div class=\"is-size-7\">\n                {{ setting.Id | getSettingName($i18n.locale) }}\n              </div>\n              <div class=\"is-size-7\">\n                ({{ setting.MinSeats }} - {{ setting.MaxSeats }})\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { EventBus } from '@/eventbus/event-bus'\nimport Message from '@/components/UI/Message'\n\n\nexport default {\n  name: 'AvailableMeetingspace',\n  components: {\n    AvailableSpacePrice: () => import('@/components/Availability/AvailableSpacePrice'),\n    Message\n  },\n\n  props: {\n    isEmployee: {\n      type: Boolean,\n      default: false,\n    },\n    languageCulture: {\n      type: String,\n      default: 'nl-NL',\n    },\n\n    meetingtypeId: {\n      type: Number,\n      default: 0,\n    },\n\n    meetingspace: null,\n\n    spaceSelected: {\n      default: false,\n      type: Boolean,\n    },\n\n    viewType: {\n      type: String,\n      default: 'list-row',\n    },\n  },\n\n  data() {\n    return {\n      selectedSettingId: 0,\n      ignoreConfiguration: false,\n      showPriceCalculation: false,\n      itemId: 0\n    }\n  },\n\n  computed: {\n    spaceImage() {\n      return this.$options.filters.getLocationImage(\n        this.meetingspace.SpaceImage,\n        this.meetingspace.LocationId,\n        '640'\n      )\n    },\n\n    noCapacity() {\n      // Space is already occupied\n      return this.meetingspace.Warnings.indexOf('NoCapacity') !== -1\n    },\n\n    spaceAvailable() {\n      return !this.noCapacity && !this.hasSeatsConfigurationMismatch\n    },\n\n    // Number of people doen't match with the configuration\n    // When user choose to ignore this then the return value will be set to false\n    hasSeatsConfigurationMismatch() {\n      return (\n        this.meetingspace.Warnings.indexOf('SeatsConfigurationMismatch') !==\n          -1 && !this.ignoreConfiguration\n      )\n    },\n\n    yieldsettings() {\n      let settings = null\n      \n      if (this.meetingspace && this.meetingspace.Settings) {\n        settings = this.meetingspace.Settings[0]\n      }\n\n      return settings\n    },\n\n    spacePrice() {\n      let spacePrice = null\n      \n      if (this.meetingspace && this.meetingspace.Settings) {\n        spacePrice = this.meetingspace.Settings[0].SpacePrice\n      }\n\n      return spacePrice\n    },\n\n    price() {\n      let setting = this.meetingspace.Settings[0]\n      return this.$options.filters.toCurrency(\n        setting.Price,\n        this.languageCulture,\n        setting.CurrencyIso\n      )\n    },\n  },\n\n  created() {\n    EventBus.$on('hidePriceCalculation', () => {\n      this.showPriceCalculation = false\n    })\n  },\n\n  beforeDestroy() {\n    EventBus.$off('hidePriceCalculation')\n  },\n\n  methods: {\n    toggleIgnoreConfiguration(val) {\n      this.ignoreConfiguration = val\n    },\n\n    tileCssClass(setting) {\n      return this.checkSeatsConfigPossible(setting)\n        ? 'is-info'\n        : 'is-warning'\n    },\n\n    checkSeatsConfigPossible(setting) {\n      let isPossible = false\n\n      if (\n        this.meetingspace.Seats >= setting.MinSeats &&\n        this.meetingspace.Seats <= setting.MaxSeats\n      ) {\n        isPossible = true\n      }\n\n      return isPossible\n    },\n\n    selectSetting(setting) {\n      if (!this.isEmployee && !this.meetingspace.SpaceAvailable) {\n        return\n      }\n\n      this.selectedSettingId = setting.Id\n\n      let totalPrice = 0\n      if (setting.CalculationType !== 'Unknown') {\n        if (setting.CalculationType !== 'PerDayPartOnly') {\n          totalPrice = this.roundToTwo((setting.Price * setting.SpacePrice.Seats))\n        }\n        else {\n          totalPrice = setting.Price\n        }\n      }\n      \n      let space = {\n        Id: 0,\n        LocationId: this.meetingspace.LocationId,\n        SpaceId: this.meetingspace.SpaceId,\n        SpaceName: this.meetingspace.SpaceName,\n        SpaceImage: this.meetingspace.SpaceImage,\n        SettingId: setting.Id,\n        Seats: this.meetingspace.Seats,\n        StartDate: this.meetingspace.StartDate,\n        StartMinutes: this.meetingspace.StartMinutes,\n        EndDate: this.meetingspace.EndDate,\n        EndMinutes: this.meetingspace.EndMinutes,\n        CurrencyId: setting.CurrencyId,\n        Currency: setting.CurrencyIso,\n        CalculationType: setting.CalculationType,\n        Price: setting.Price,\n        Crc: setting.Crc,\n        PricePerSeat: setting.Price,\n        TaxPercentage: setting.TaxPercentage,\n        YieldSettingId: setting.YieldSettingId,\n        Hash: setting.Hash,\n        IncludedOptions: this.meetingspace?.IncludedOptions || []\n      }\n\n      EventBus.$emit('spaceSelected', space)\n    },\n\n    showSpaceSummary() {\n      EventBus.$emit('showSpaceSummary', this.meetingspace)\n    },\n\n    roundToTwo(num) {\n      return +(Math.round(num + 'e+2') + 'e-2')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.card-space {\n  display: flex;\n  .image {\n    width: 100%;\n    min-height: 200px;\n    max-width: 300px;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    flex-grow: 0;\n  }\n\n  &.list-card {\n    flex-direction: column;\n    width: 100%;\n    .image {\n      max-width: unset;\n    }\n  }\n\n  .settings_price {\n    flex-grow: 1;\n    flex-shrink: 1;\n\n    .link-info {\n      width: 16px;\n      height: 16px;\n    }\n\n    .wrapper-settings {\n      overflow: hidden;\n      padding: 15px;\n      container-type: inline-size;\n      .tile-setting {\n        padding: 5px;\n        width: calc(100%/5);\n        \n        @container (width < 500px) {\n          width: calc(100%/4);\n        }\n        @container (width < 400px) {\n          width: calc(100%/3);\n        }\n        @container (width < 300px) {\n          width: calc(100%/2);\n        }\n        @container (width < 200px) {\n          width: calc(100%/1);\n        }\n        .setting {\n          // cursor: not-allowed;\n          width: 100%;\n          font-size: $size-7;\n          flex-direction: column;\n          align-items: center;\n          padding: 5px;\n          border: 1px solid $grey;\n          border-radius: $radius;\n          color: $grey;\n          background-color: $grey-light;\n          &.is-disabled {\n            color: $grey;\n            background-color: $grey-light;\n          }\n          &.is-info {\n            cursor: pointer;\n            border-color: $blue;\n            color: $white;\n            background-color: $blue;\n            line-height: normal;\n            &:hover {\n              background-color: $white;\n              color: $blue;\n            }\n          }\n          &.is-warning {\n            cursor: pointer;\n            border-color: $yellow;\n            color: findDarkColor($yellow);\n            background-color: findLightColor($yellow);\n            line-height: normal;\n            &:hover {\n              background-color: $white;\n              color: findDarkColor($yellow);\n            }\n          }\n          &.is-info-light {\n            border-color: #6fc0dd;\n            color: #e2ebee;\n            background-color: #a5d4e6;\n            line-height: normal;\n          }\n          // &:not(.is-disabled) {\n          //   cursor: pointer;\n          //   border-color: $blue;\n          //   color: $white;\n          //   background-color: $blue;\n          //   line-height: normal;\n          //   &:hover {\n          //     background-color: $white;\n          //     color: $blue;\n          //   }\n          // }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableMeetingspace.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableMeetingspace.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AvailableMeetingspace.vue?vue&type=template&id=5fd2d4f2&scoped=true\"\nimport script from \"./AvailableMeetingspace.vue?vue&type=script&lang=js\"\nexport * from \"./AvailableMeetingspace.vue?vue&type=script&lang=js\"\nimport style0 from \"./AvailableMeetingspace.vue?vue&type=style&index=0&id=5fd2d4f2&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5fd2d4f2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-space card p-0\",class:[_vm.viewType]},[_c('figure',{staticClass:\"image has-background-grey-light\",style:({\n      backgroundImage: `url('${_vm.spaceImage}')`,\n    })}),_c('div',{staticClass:\"settings_price\"},[_c('div',{staticClass:\"details p-4\"},[_c('div',{class:`spaceName is-size-4 has-text-weight-bold has-margin-bottom`,domProps:{\"innerHTML\":_vm._s(_vm.deskspace.SpaceName)}}),(_vm.spaceAvailableSetting)?_c('div',{staticClass:\"price\"},[_c('strong',{staticClass:\"has-text-weight-bold is-size-5\",domProps:{\"innerHTML\":_vm._s(_vm.price)}})]):_vm._e(),(!_vm.spaceAvailableSetting)?_vm._l((_vm.deskspace.Warnings),function(Warning,index){return _c('Message',{key:index,staticClass:\"is-warning has-margin-bottom\",attrs:{\"message\":_vm.$t(\n              `Components.Availability.AvailableMeetingspace.Warning_CannotBeBooked`\n            ) +\n              _vm.$t(\n                `Components.Availability.AvailableMeetingspace.Warning_${Warning}`\n              )}})}):_vm._e()],2),(_vm.spaceAvailableSetting)?_c('div',{staticClass:\"has-background-info-light p-4\"},[_c('button',{staticClass:\"button is-primary\",domProps:{\"textContent\":_vm._s(\n          _vm.$t('Components.Availability.AvailableMeetingspace.Link_Select')\n        )},on:{\"click\":function($event){return _vm.selectSetting()}}})]):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card-space card p-0\" :class=\"[viewType]\">\n    <figure\n      class=\"image has-background-grey-light\"\n      :style=\"{\n        backgroundImage: `url('${spaceImage}')`,\n      }\"\n    ></figure>\n    <div class=\"settings_price\">\n      <div class=\"details p-4\">\n        <div\n          :class=\"`spaceName is-size-4 has-text-weight-bold has-margin-bottom`\"\n          v-html=\"deskspace.SpaceName\"\n        ></div>\n        <div v-if=\"spaceAvailableSetting\" class=\"price\">\n          <strong\n            class=\"has-text-weight-bold is-size-5\"\n            v-html=\"price\"\n          ></strong>\n        </div>\n        <template v-if=\"!spaceAvailableSetting\">\n          <Message\n            v-for=\"(Warning, index) in deskspace.Warnings\"\n            :key=\"index\"\n            :message=\"\n              $t(\n                `Components.Availability.AvailableMeetingspace.Warning_CannotBeBooked`\n              ) +\n                $t(\n                  `Components.Availability.AvailableMeetingspace.Warning_${Warning}`\n                )\n            \"\n            class=\"is-warning has-margin-bottom\"\n          />\n        </template>\n      </div>\n      <div v-if=\"spaceAvailableSetting\" class=\"has-background-info-light p-4\">\n        <button\n          @click=\"selectSetting()\"\n          class=\"button is-primary\"\n          v-text=\"\n            $t('Components.Availability.AvailableMeetingspace.Link_Select')\n          \"\n        ></button>\n      </div>\n    </div>\n  </div>\n\n  <!-- <div>\n    <div v-if=\"deskspace.SpaceAvailable\">\n      <p class=\"subtile has-text-left\">{{ deskspace.SpaceName }}</p>\n      <ul class=\"has-text-left\">\n        <li\n          v-for=\"setting in deskspace.Settings\"\n          :key=\"setting.Id\"\n        >\n          <span v-html=\"setting.CurrencySymbol\"></span>\n          <span>{{ setting.PricePerSeat.toFixed(2) }}</span>\n          <span>\n            <a\n              @click=\"selectSetting(setting)\"\n              class=\"button is-primary is-small\"\n            >Select</a>\n          </span>\n        </li>\n      </ul>\n    </div>\n\n    <div\n      v-if=\"!deskspace.SpaceAvailable\"\n      class=\"card\"\n    >\n      <div class=\"card-content\">\n        <h4\n          class=\"title is-4\"\n          ref=\"title\"\n        >{{ deskspace.SpaceName }}</h4>\n\n        <div\n          v-for=\"(Warning, index) in deskspace.Warnings\"\n          :key=\"index\"\n        >\n          <Message\n            :message=\"$t(`Components.Availability.AvailableMeetingspace.Warning_CannotBeBooked`) + $t(`Components.Availability.AvailableMeetingspace.Warning_${Warning}`)\"\n            class=\"is-warning has-margin-bottom\"\n          />\n        </div>\n      </div>\n    </div>\n  </div> -->\n</template>\n\n<script>\nimport { EventBus } from '@/eventbus/event-bus'\nimport Message from '@/components/UI/Message'\n\nexport default {\n  props: {\n    deskspace: null,\n\n    viewType: {\n      type: String,\n      default: 'list-row',\n    },\n  },\n\n  components: {\n    Message,\n  },\n\n  data() {\n    return {\n      selectedSettingId: -1,\n    }\n  },\n\n  computed: {\n    spaceImage() {\n      return this.$options.filters.getLocationImage(\n        this.deskspace.SpaceImage,\n        this.deskspace.LocationId,\n        '640'\n      )\n    },\n\n    spaceAvailableSetting() {\n      return this.deskspace.Settings.find((s) => s.SpaceAvailable)\n    },\n\n    price() {\n      let setting = this.deskspace.Settings[0]\n      return this.$options.filters.toCurrency(\n        setting.Price,\n        this.languageCulture,\n        setting.CurrencyIso\n      )\n    },\n  },\n\n  methods: {\n    selectSetting(setting) {\n      if (\n        !this.spaceAvailableSetting.SpaceAvailable ||\n        this.selectedSettingId === this.spaceAvailableSetting.Id\n      ) {\n        return\n      }\n      this.selectedSettingId = setting.Id\n\n      let space = {\n        Id: 0,\n        LocationId: this.deskspace.LocationId,\n        SpaceId: this.deskspace.SpaceId,\n        SpaceName: this.deskspace.SpaceName,\n        SpaceImage: this.deskspace.SpaceImage,\n        SettingId: this.spaceAvailableSetting.Id,\n        Seats: this.deskspace.Seats,\n        StartDate: this.deskspace.StartDate,\n        StartMinutes: this.deskspace.StartMinutes,\n        EndDate: this.deskspace.EndDate,\n        EndMinutes: this.deskspace.EndMinutes,\n        CurrencyId: this.spaceAvailableSetting.CurrencyId,\n        PricePerSeat: 0,\n        Crc: this.spaceAvailableSetting.Crc,\n        PriceTotal: 0,\n        TaxId: this.spaceAvailableSetting.TaxId,\n        TaxPercentage: this.spaceAvailableSetting.TaxPercentage,\n        Hash: this.spaceAvailableSetting.Hash,\n      }\n\n      this.$emit('spaceSelected')\n      EventBus.$emit('spaceSelected', space)\n    },\n\n    roundToTwo(num) {\n      return +(Math.round(num + 'e+2') + 'e-2')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.card-space {\n  display: flex;\n  .image {\n    width: 100%;\n    min-height: 200px;\n    max-width: 300px;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    flex-grow: 0;\n  }\n\n  &.list-card {\n    flex-direction: column;\n    width: 100%;\n    .image {\n      max-width: unset;\n    }\n  }\n\n  .settings_price {\n    flex-grow: 1;\n    flex-shrink: 1;\n\n    display: flex;\n    flex-direction: column;\n    .details {\n      flex-grow: 1;\n      flex-shrink: 1;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableDeskspace.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableDeskspace.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AvailableDeskspace.vue?vue&type=template&id=45775e72&scoped=true\"\nimport script from \"./AvailableDeskspace.vue?vue&type=script&lang=js\"\nexport * from \"./AvailableDeskspace.vue?vue&type=script&lang=js\"\nimport style0 from \"./AvailableDeskspace.vue?vue&type=style&index=0&id=45775e72&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"45775e72\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-space card p-0\",class:[_vm.viewType]},[_c('figure',{staticClass:\"image has-background-grey-light\",style:({\n      backgroundImage: `url('${_vm.spaceImage}')`,\n    })}),_c('div',{staticClass:\"settings_price\"},[_c('div',{staticClass:\"details p-4\"},[_c('div',{class:`spaceName is-size-4 has-text-weight-bold has-margin-bottom`,domProps:{\"innerHTML\":_vm._s(_vm.space.SpaceName)}}),_c('div',{staticClass:\"price has-margin-bottom\"},[_c('span',{staticClass:\"icon-text\"},[_c('span',{staticClass:\"has-text-weight-bold is-size-5\"},[_vm._v(_vm._s(_vm._f(\"toCurrency\")(_vm.price,_vm.$i18n.locale, _vm.space.CurrencyIso)))]),(_vm.spacePrice && _vm.spacePrice.YieldSettingId > 0)?_c('a',{staticClass:\"is-info\",on:{\"click\":function($event){_vm.showPriceCalculation = !_vm.showPriceCalculation}}},[_c('span',{staticClass:\"icon has-text-link\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'info-circle']}})],1)]):_vm._e()]),(!_vm.spacePrice || _vm.spacePrice.YieldSettingId === 0)?_c('span',{staticClass:\"has-text-danger has-text-weight-bold icon-text\"},[_c('span',{staticClass:\"icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'exclamation-triangle']}})],1),_c('span',[_vm._v(_vm._s(_vm.$t('Prices.NoPrice')))])]):_vm._e(),_c('transition-group',{attrs:{\"name\":\"zoomOut\",\"mode\":\"out-in\",\"leave-active-class\":\"zoomOut\"}},[(_vm.showPriceCalculation)?_c('AvailableSpacePrice',{key:_vm.space.Id,attrs:{\"spacePrice\":_vm.spacePrice,\"yieldsettings\":_vm.yieldsettings}}):_vm._e()],1)],1),_vm._l((_vm.space.Warnings),function(Warning,index){return _c('Message',{key:index,staticClass:\"is-warning has-margin-bottom\",attrs:{\"message\":_vm.$t(\n              `Components.Availability.AvailableMeetingspace.Warning_CannotBeBooked`\n            ) +\n              _vm.$t(\n                `Components.Availability.AvailableMeetingspace.Warning_${Warning}`\n              )}})})],2),_c('div',{staticClass:\"has-background-info-light p-4\"},[_c('button',{staticClass:\"button is-primary\",domProps:{\"textContent\":_vm._s(\n          _vm.$t('Components.Availability.AvailableMeetingspace.Link_Select')\n        )},on:{\"click\":function($event){return _vm.selectSetting()}}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"card-space card p-0\"\n    :class=\"[viewType]\"\n  >\n    <figure\n      class=\"image has-background-grey-light\"\n      :style=\"{\n        backgroundImage: `url('${spaceImage}')`,\n      }\"\n    ></figure>\n    <div class=\"settings_price\">\n      <div class=\"details p-4\">\n        <div\n          :class=\"`spaceName is-size-4 has-text-weight-bold has-margin-bottom`\"\n          v-html=\"space.SpaceName\"\n        ></div>\n\n        <div class=\"price has-margin-bottom\">\n          <span class=\"icon-text\">\n            <span class=\"has-text-weight-bold is-size-5\">{{ price | toCurrency($i18n.locale, space.CurrencyIso) }}</span>\n            <a v-if=\"spacePrice && spacePrice.YieldSettingId > 0\" @click=\"showPriceCalculation = !showPriceCalculation\" class=\"is-info\">\n              <span class=\"icon has-text-link\">\n                <font-awesome-icon :icon=\"['fas', 'info-circle']\"  />\n              </span>\n            </a>\n          </span>\n\n          <span v-if=\"!spacePrice || spacePrice.YieldSettingId === 0\" class=\"has-text-danger has-text-weight-bold icon-text\">\n            <span class=\"icon\">\n              <font-awesome-icon :icon=\"['fas', 'exclamation-triangle']\" />\n            </span>\n            <span>{{ $t('Prices.NoPrice') }}</span>\n          </span>\n\n          <transition-group\n            name=\"zoomOut\"\n            mode=\"out-in\"\n            leave-active-class=\"zoomOut\"\n          >\n            <AvailableSpacePrice v-if=\"showPriceCalculation\" :spacePrice=\"spacePrice\" :yieldsettings=\"yieldsettings\" :key=\"space.Id\" />\n          </transition-group>\n        </div>\n\n        <template>\n          <Message\n            v-for=\"(Warning, index) in space.Warnings\"\n            :key=\"index\"\n            :message=\"\n              $t(\n                `Components.Availability.AvailableMeetingspace.Warning_CannotBeBooked`\n              ) +\n                $t(\n                  `Components.Availability.AvailableMeetingspace.Warning_${Warning}`\n                )\n            \"\n            class=\"is-warning has-margin-bottom\"\n          />\n        </template>\n        \n      </div>\n      <div\n        class=\"has-background-info-light p-4\"\n      >\n        <button\n          @click=\"selectSetting()\"\n          class=\"button is-primary\"\n          v-text=\"\n            $t('Components.Availability.AvailableMeetingspace.Link_Select')\n          \"\n        ></button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { EventBus } from '@/eventbus/event-bus'\nimport Message from '@/components/UI/Message'\n\nexport default {\n  props: {\n    languageCulture: {\n      type: String,\n      default: 'nl-NL',\n    },\n\n    meetingtypeId: {\n      type: Number,\n      default: 0,\n    },\n\n    space: null,\n\n    viewType: {\n      type: String,\n      default: 'list-row',\n    },\n  },\n\n  components: {\n    AvailableSpacePrice: () => import('@/components/Availability/AvailableSpacePrice'),\n    Message\n  },\n\n  data() {\n    return {\n      showPriceCalculation: false,\n      itemId: 0,\n      selectedSettingId: -1,\n    }\n  },\n\n  computed: {\n    spaceImage() {\n      return this.$options.filters.getLocationImage(\n        this.space.SpaceImage,\n        this.space.LocationId,\n        '640'\n      )\n    },\n\n    spaceAvailableSetting() {\n      return this.space.Settings.find((s) => s.SpaceAvailable)\n    },\n\n    yieldsettings() {\n      let settings = null\n      \n      if (this.space && this.space.Settings) {\n        settings = this.space.Settings[0]\n      }\n\n      return settings\n    },\n\n    spacePrice() {\n      let spacePrice = null\n      \n      if (this.space && this.space.Settings) {\n        spacePrice = this.space.Settings[0].SpacePrice\n      }\n\n      return spacePrice\n    },\n\n    price() {\n      let setting = this.space.Settings[0]\n      return this.$options.filters.toCurrency(\n        setting.Price,\n        this.languageCulture,\n        setting.CurrencyIso\n      )\n    },\n  },\n\n  created() {\n    EventBus.$on('hidePriceCalculation', () => {\n      this.showPriceCalculation = false\n    })\n  },\n\n  beforeDestroy() {\n    EventBus.$off('hidePriceCalculation')\n  },\n\n  methods: {\n    selectSetting() {\n      if (\n        !this.spaceAvailableSetting.SpaceAvailable ||\n        this.selectedSettingId === this.spaceAvailableSetting.Id\n      ) {\n        return\n      }\n\n      this.selectedSettingId = this.spaceAvailableSetting.Id\n\n      let space = {\n        Id: 0,\n        LocationId: this.space.LocationId,\n        SpaceId: this.space.SpaceId,\n        SpaceName: this.space.SpaceName,\n        SpaceImage: this.space.SpaceImage,\n        SettingId: 0,\n        Seats: 1,\n        StartDate: this.space.StartDate,\n        StartMinutes: this.space.StartMinutes,\n        EndDate: this.space.EndDate,\n        EndMinutes: this.space.EndMinutes,\n        CurrencyId: this.spaceAvailableSetting.CurrencyId,\n        CurrencyIso: this.spaceAvailableSetting.CurrencyIso,\n        CalculationType: this.spaceAvailableSetting.CalculationType,\n        PricePerSeat: this.spaceAvailableSetting.Price,\n        PriceTotal: this.spaceAvailableSetting.Price,\n        Price: this.spaceAvailableSetting.Price,\n        Crc: this.spaceAvailableSetting.Crc,\n        TaxId: this.spaceAvailableSetting.TaxId ? this.spaceAvailableSetting.TaxId : 0,\n        TaxPercentage: this.spaceAvailableSetting.TaxPercentage,\n        Hash: this.spaceAvailableSetting.Hash,\n      }\n\n      EventBus.$emit('spaceSelected', space)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.card-space {\n  display: flex;\n  .image {\n    width: 100%;\n    min-height: 200px;\n    max-width: 300px;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    flex-grow: 0;\n  }\n\n  &.list-card {\n    flex-direction: column;\n    width: 100%;\n    .image {\n      max-width: unset;\n    }\n  }\n\n  .settings_price {\n    flex-grow: 1;\n    flex-shrink: 1;\n\n    display: flex;\n    flex-direction: column;\n    .details {\n      flex-grow: 1;\n      flex-shrink: 1;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableWorkspace.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableWorkspace.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AvailableWorkspace.vue?vue&type=template&id=79193ea7&scoped=true\"\nimport script from \"./AvailableWorkspace.vue?vue&type=script&lang=js\"\nexport * from \"./AvailableWorkspace.vue?vue&type=script&lang=js\"\nimport style0 from \"./AvailableWorkspace.vue?vue&type=style&index=0&id=79193ea7&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"79193ea7\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableDeskspace.vue?vue&type=style&index=0&id=45775e72&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('article',{staticClass:\"message\",class:_vm.combindedClass},[_c('div',{staticClass:\"message-body\"},[(_vm.message)?[_vm._v(\" \"+_vm._s(_vm.message)+\" \")]:_vm._e(),_vm._t(\"content\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <article\n    class=\"message\"\n    :class=\"combindedClass\"\n  >\n    <div class=\"message-body\">\n      <template v-if=\"message\">\n        {{ message }}\n      </template>\n      <slot name=\"content\"></slot>\n    </div>\n  </article>\n</template>\n\n<script>\nexport default {\n  props: {\n    /**\n     * For what'll be shown inside of the message box.\n     */\n    message: {\n      type: String,\n      default: ''\n    },\n\n    size: {\n      type: String,\n      default: ''\n    },\n\n    /**\n     * type bepaalt het type weergave\n     * eq. is-info = for information style. It defines the style of the message\n     */\n    type: {\n      type: String,\n      default: 'is-info'\n    }\n  },\n  data() {\n    return {};\n  },\n\n  computed: {\n    combindedClass() {\n      let c = this.type;\n\n      if (this.size.length > 0) {\n        c = c + ' ' + this.size;\n      }\n\n      return c;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Message.vue?vue&type=template&id=509443f1&scoped=true\"\nimport script from \"./Message.vue?vue&type=script&lang=js\"\nexport * from \"./Message.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"509443f1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}