{"version":3,"sources":["webpack:///./node_modules/m-anage.com.vmx-components/src/MyArea/MyAreaBox/index.vue?af8c","webpack:///./node_modules/m-anage.com.vmx-components/src/Notifications/notificationCard.vue?c88d","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/MEventsPlayer.vue?939a","webpack:///./node_modules/m-anage.com.vmx-components/src/Notifications/notificationGrid.vue?a259","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/PresentationMEventsPlayer.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/MEventsPlayer.vue","webpack:///node_modules/m-anage.com.vmx-components/src/Player/MEventsPlayer.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/MEventsPlayer.vue?5186","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/MEventsPlayer.vue?622a","webpack:///node_modules/m-anage.com.vmx-components/src/Player/PresentationMEventsPlayer.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/PresentationMEventsPlayer.vue?0f0c","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/PresentationMEventsPlayer.vue?30c2","webpack:///./node_modules/m-anage.com.vmx-components/src/MyArea/MyProgramme/SpeakerFavouritesCard/index.vue?e196","webpack:///./node_modules/m-anage.com.vmx-components/src/Program/HighlightedSessionsV2.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Program/sessionCardV2.vue","webpack:///node_modules/m-anage.com.vmx-components/src/Program/sessionCardV2.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Program/sessionCardV2.vue?dcc9","webpack:///./node_modules/m-anage.com.vmx-components/src/Program/sessionCardV2.vue?c28c","webpack:///node_modules/m-anage.com.vmx-components/src/Program/HighlightedSessionsV2.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Program/HighlightedSessionsV2.vue?fd1b","webpack:///./node_modules/m-anage.com.vmx-components/src/Program/HighlightedSessionsV2.vue?4fde","webpack:///./node_modules/m-anage.com.vmx-components/src/MyArea/MyAreaBox/index.vue","webpack:///node_modules/m-anage.com.vmx-components/src/MyArea/MyAreaBox/index.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/MyArea/MyAreaBox/index.vue?dd1f","webpack:///./node_modules/m-anage.com.vmx-components/src/MyArea/MyAreaBox/index.vue?023c","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/ExhibitorPlayer/index.vue","webpack:///node_modules/m-anage.com.vmx-components/src/Player/ExhibitorPlayer/index.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/ExhibitorPlayer/index.vue?12b9","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/ExhibitorPlayer/index.vue?9bd3","webpack:///./node_modules/m-anage.com.vmx-components/src/Notifications/notificationGrid.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Notifications/notificationCard.vue","webpack:///node_modules/m-anage.com.vmx-components/src/Notifications/notificationCard.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Notifications/notificationCard.vue?8ec2","webpack:///./node_modules/m-anage.com.vmx-components/src/Notifications/notificationCard.vue?97f3","webpack:///node_modules/m-anage.com.vmx-components/src/Notifications/notificationGrid.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Notifications/notificationGrid.vue?6caf","webpack:///./node_modules/m-anage.com.vmx-components/src/Notifications/notificationGrid.vue?77e1","webpack:///./node_modules/m-anage.com.vmx-components/src/NotificationToast/index.vue?541a","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/ExhibitorPlayer/index.vue?643f","webpack:///./node_modules/m-anage.com.vmx-components/src/MyArea/MyProgramme/SpeakerFavouritesCard/index.vue","webpack:///node_modules/m-anage.com.vmx-components/src/MyArea/MyProgramme/SpeakerFavouritesCard/index.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/MyArea/MyProgramme/SpeakerFavouritesCard/index.vue?7b86","webpack:///./node_modules/m-anage.com.vmx-components/src/MyArea/MyProgramme/SpeakerFavouritesCard/index.vue?d72d","webpack:///./node_modules/m-anage.com.vmx-components/src/Program/sessionCardV2.vue?ff60","webpack:///./node_modules/m-anage.com.vmx-components/src/Rating/index.vue","webpack:///node_modules/m-anage.com.vmx-components/src/Rating/index.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Rating/index.vue?5331","webpack:///./node_modules/m-anage.com.vmx-components/src/Rating/index.vue?f59b","webpack:///./node_modules/m-anage.com.vmx-components/src/Program/HighlightedSessionsV2.vue?b72d","webpack:///./node_modules/m-anage.com.vmx-components/src/NotificationToast/index.vue","webpack:///node_modules/m-anage.com.vmx-components/src/NotificationToast/index.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/NotificationToast/index.vue?cb5b","webpack:///./node_modules/m-anage.com.vmx-components/src/NotificationToast/index.vue?eddb","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/SessionRecording/index.vue","webpack:///node_modules/m-anage.com.vmx-components/src/Player/SessionRecording/index.vue","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/SessionRecording/index.vue?1ffd","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/SessionRecording/index.vue?c430","webpack:///./node_modules/m-anage.com.vmx-components/src/Player/SessionRecording/index.vue?870c"],"names":["render","_vm","this","_c","_self","showPlayer","attrs","playerObject","iscarousel","autoplay","newPlayerId","sessionId","thumbnail","staticClass","directives","name","rawName","value","expression","_e","staticRenderFns","component","inVMXCheck","inAppCheck","carousel","length","title","_v","_s","subtitle","domProps","showCarousel","showCarouselButtons","rotate","on","$event","goBack","goNext","highlightedItems","class","carouselPadding","mouseover","mouseleave","_l","session","idx","key","componentKey","showSessionColor","showPresentationColor","eventShortProps","presentation","showAbstractNumber","author","clickable","sessionRoute","nativeOn","trackSessionCard","apply","arguments","style","borderleft","cardStyles","Number","Name","RoomName","formatDayTitle","StartDateTime","formatDateTime","EndDateTime","presentationRoute","trackPresentationCard","presentationCardStyles","IsPoster","$t","AbstractNumber","Title","PresentationTags","tags","SpeakerFirstname","SpeakerSurname","SpeakerCity","SpeakerCountry","authorRoute","trackAuthorCard","ProfileUrl","TitleFirstnameSurname","City","Country","icon","module","concat","replCssVar","backgroundColor","moduleTitle","titleColor","moduleDescription","buttonStyles","goToModule","moduleButtonText","_vm$availablePresenta","exhibitorProfile","EnableWebcast","ShowPlaylist","availablePresentations","webcastAccess","componentVisibility","showTitle","customButton","text","url","target","selectedPresentation","showPresentationTitle","staticStyle","SpeakerTitleFirstSurname","Id","UseWebcastPlayerCaroussel","EventId","pThumbnail","compactPlaylistView","selectPresentation","WebcastImage","appConfig","placeholderPlayerUrl","uploadedThumbnail","ImagePath","currentlyPlaying","trackSelectWebcast","notificationMultiple","notificationList","notification","infiniteId","infiniteHandler","slot","notificationType","formatDateShort","displayFromDate","timeZoneName","headlineTop","hover","toggleDescription","stopPropagation","preventDefault","openHtmlLink","optionalLink","linkPlaceholder","item","ChairType","goToProgramme","UserId","type","enablePlaceholderSpeakerColor","image","config","placeholderSpeakerColor","src","require","cardProps","cardConfig","speakerCard","showAuthorInstitute","Institute","showAuthorTitleProfession","showCOI","UserInfo","showAuthorChairType","ChairTypeDisplay","showAuthorCity","city","toLowerCase","showAuthorCountry","country","openBracket","closeBracket","userTags","showUserTags","loggedInUser","acceptcontact","showContactSpeaker","contactSpeaker","showFavoritesToggle","toggleFavorites","isFavorite","contactFormInitialized","showContactFormModal","handleCloseContactForm","readonly","size","increment","fixedpoints","activeColor","inactiveColor","setRating","model","rating","callback","$$v","shouldShowSessionRecording","user","videoResource","$te","loginStatus","login","logout","hasAccess","sessionRecordingThumbnail","initializedStatus","template","showSessionRecording"],"mappings":"oHAAA,W,oCCAA,W,oCCAA,W,6DCAA,W,oCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAEF,EAAII,WAAYF,EAAG,kBAAkB,CAACG,MAAM,CAAC,gBAAgBL,EAAIM,aAAa,WAAaN,EAAIO,WAAW,SAAWP,EAAIQ,SAAS,gBAAgBR,EAAIS,YAAY,aAAaT,EAAIU,aAAcV,EAAIW,UAAWT,EAAG,SAAS,CAACU,YAAY,kBAAkB,CAACV,EAAG,MAAM,CAACW,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOhB,EAAIW,UAAWM,WAAW,kBAAkBjB,EAAIkB,MAAM,IAEvbC,EAAkB,G,gFCFlBpB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACU,YAAY,kBAAkB,CAACV,EAAG,MAAM,CAACU,YAAY,2BAA2B,CAACV,EAAG,MAAM,CAACU,YAAY,uBAAuBP,MAAM,CAAC,GAAKL,EAAIS,oBAEvNU,EAAkB,G,iKCatB,GACA,qBACA,gBACA,OACA,WACA,iBACA,YACA,aACA,kBACA,gBACA,aACA,oBAGA,QACA,cACA,gBAGA,OACA,cACA,YACA,aAEA,YACA,aACA,YAEA,UACA,aACA,YAEA,aACA,YACA,gCAEA,WACA,YACA,aAGA,0CACA,gBACA,iBACA,sCACA,IACA,qBACA,sCACA,SACA,YAEA,MAEA,6BACA,+DAGA,uLAEA,4DAFA,IAIA,yBAGA,4DACA,iDAGA,yLACA,4DADA,IAGA,uBACA,4DACA,iDAGA,OACA,mCACA,0CACA,gDAEA,uBACA,6CACA,6BACA,8BAGA,iCACA,0CAEA,uBACA,6DACA,oBACA,QAEA,OAGA,yCACA,gBACA,oDACA,IACA,6BACA,uEACA,6BACA,cACA,EACA,8BACA,iBACA,OACA,QACA,KAKA,wBACA,kDAEA,iLACA,oHACA,cACA,sEACA,WAGA,0HACA,cACA,4EACA,WAGA,2HACA,cACA,6EACA,WAGA,+HACA,cACA,+EACA,YAGA,0IACA,cACA,0FACA,YAGA,8HACA,cACA,8EACA,YAGA,sHACA,cACA,sEACA,YAGA,wHACA,cACA,wEACA,YAGA,qHACA,cACA,qEACA,YAGA,oIACA,cACA,oFACA,YAGA,8HACA,cACA,8EACA,YAGA,2HACA,cACA,2EACA,yBAGA,iBACA,+EACA,yBACA,iBACA,2EACA,yBAEA,iBACA,4EACA,yBAEA,wFAEA,iBACA,kDACA,yBAEA,iBACA,8EACA,QAEA,gEA9FA,IAgGA,uCAGA,oBACA,uBACA,6CACA,6BACA,gCACA,KAIA,oCACA,6CAGA,uBACA,6DACA,oBACA,MAGA,kCACA,eACA,uBACA,+CACA,OAGA,wCAEA,uBAGA,GAFA,gDAEA,YAEA,oCAIA,aACA,+BAMA,kCAJA,6DACA,kCAMA,sBAEA,qCAEA,wCACA,uBAEA,kCACA,kCACA,qCACA,oCACA,EAGA,6BAEA,uDACA,wDACA,wDACA,6BACA,aACA,gBACA,QAGA,GACA,gCACA,mCACA,IACA,qEACA,CACA,UACA,yBACA,yCACA,uBACA,gCACA,OACA,CACA,SACA,gDACA,sDACA,SACA,iDACA,uDACA,wCACA,uBACA,sCACA,oCAEA,gDAGA,kCACA,oCACA,GACA,aACA,cACA,0BACA,aACA,sBAGA,OAEA,2BAEA,IADA,2BACA,wBACA,iBACA,OAGA,qCACA,mCACA,yBACA,8BAEA,yBAIA,0BAEA,mDACA,sBAGA,iBACA,+DAGA,+DACA,0DACA,mDAKA,kDACA,kDACA,mDAGA,kDACA,kDACA,EACA,wBACA,qDACA,8CAGA,iBACA,4BACA,sEACA,6CACA,kBACA,2BACA,uEACA,mBACA,2BACA,8BAIA,gEAGA,mCACA,eACA,YACA,4BACA,4CACA,MACA,QACA,QAGA,oCACA,eACA,YACA,2BACA,MACA,QACA,QAGA,kCACA,UACA,UACA,MACA,UACA,MACA,UACA,MACA,WACA,2BACA,uBACA,gCACA,KACA,MACA,QACA,QAYA,gNACA,UACA,sEA8BA,OA7BA,GACA,sDAGA,8CACA,gCAEA,oBAEA,iGAEA,sBACA,yBACA,gDACA,iDACA,oDACA,4CAEA,CACA,sBACA,6CACA,aACA,gDAEA,GACA,cACA,wDACA,UACA,UACA,SACA,OACA,kBACA,0BAEA,mDAJA,kCAKA,qCAEA,8CAxCA,IA0CA,6DACA,uBACA,4BAEA,GADA,OACA,4CAEA,GADA,kBACA,uBACA,uBACA,OACA,sDAEA,GACA,aACA,+HACA,WAEA,OACA,mCACA,4CAEA,+BACA,uBACA,2CACA,KAGA,aCxgBoS,I,wBCQhSC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCIf,GACA,iCACA,6BACA,gBACA,OACA,sBACA,oBACA,iBAGA,OACA,YACA,aACA,YAEA,WACA,YACA,YAEA,UACA,YACA,cAEA,UACA,aACA,YAEA,aACA,YACA,gCAEA,WACA,YACA,aAGA,0CACA,gBACA,mCACA,uCACA,0CACA,wCACA,mCACA,IACA,0BACA,4CAEA,kCACA,8LACA,qEAIA,mBACA,+CACA,4DACA,qBAGA,8BACA,+CACA,sEACA,+BACA,IAEA,sBACA,sCACA,uCAEA,eACA,gCAEA,gEAEA,6CACA,uCACA,gCAKA,iCACA,gCACA,iCACA,oCAKA,gCACA,KAEA,0CAOA,OANA,0BACA,mDACA,sCACA,wDACA,4BACA,gDACA,EAIA,sBACA,wDACA,wDACA,0CACA,IAgBA,EAhBA,+DACA,4HAEA,8EAEA,sCACA,uCAEA,8FAEA,sBACA,6IAFA,yIAIA,2BACA,0IAEA,sCACA,iPACA,6JAEA,0BAQA,6CACA,8CAGA,gHAEA,sCACA,uCAGA,sCACA,kFAIA,oGACA,0CAEA,sDAIA,YAGA,WAKA,GAJA,wDACA,oCAGA,MACA,4JACA,oFACA,wBACA,kBAGA,qDACA,sBAEA,SACA,+BACA,SACA,UACA,OACA,0BACA,MACA,QACA,0BACA,WAEA,MACA,0BACA,SACA,sBACA,oCACA,oCASA,OALA,8IACA,eACA,sBAEA,eACA,KAGA,SAEA,0BACA,gBACA,kCAGA,yLACA,sBACA,2CACA,8BACA,2DAJA,IAMA,uLAEA,sBACA,2CACA,8BACA,2DALA,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G3B,EAAIoD,OAAOmC,YAAYvF,EAAIkB,gBAAgB,GAAGlB,EAAIkB,QAE5oIC,EAAkB,G,wFCoItB,GACA,OACA,SACA,YACA,sBAEA,cACA,YACA,sBAEA,QACA,YACA,sBAEA,oBACA,aACA,YAEA,WACA,aACA,YAEA,uBACA,aACA,YAEA,kBACA,aACA,aAGA,gBACA,gBACA,OACA,mEACA,wBAGA,0CACA,gBACA,gCACA,IACA,sBACA,qDAEA,4CACA,iDACA,yDACA,mDAGA,0GACA,qCAGA,oGACA,qCAEA,IAEA,uBACA,gCACA,kBACA,WAEA,MAEA,8BACA,yFACA,iEACA,+DACA,6CAEA,mCACA,yFACA,gFACA,+DACA,6CAEA,6BACA,yFACA,iEACA,qDACA,+CAGA,SACA,sBACA,MACA,MACA,sCAOA,OANA,iBACA,UACA,eACA,mCAEA,0BACA,8DAEA,2BAEA,UAEA,gLACA,mHADA,IAGA,qLACA,6HADA,IAGA,+KACA,sHADA,MCnPoS,I,wBCQhSC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QC2Ff,GACA,6BACA,6BACA,gBACA,OACA,YACA,YACA,mBACA,aACA,qBACA,iBACA,WACA,eACA,iBACA,wBAGA,OACA,kBACA,YACA,oBAEA,cACA,YACA,sBAEA,iBACA,YACA,YAEA,OACA,YACA,cAEA,UACA,YACA,cAEA,cACA,YACA,aAEA,cACA,aACA,YAEA,qBACA,aACA,YAEA,iBACA,aACA,YAEA,oBACA,aACA,YAEA,kBACA,aACA,YAEA,uBACA,aACA,YAEA,cACA,WACA,mBACA,WAGA,mBACA,WACA,mBACA,WAGA,WACA,aACA,YAEA,WACA,aACA,YAEA,OACA,aACA,aAGA,0CACA,gBACA,gCACA,wDACA,4CACA,qDACA,IACA,sBACA,2BACA,YAEA,gBAEA,sBACA,6CAKA,kBACA,QACA,8BACA,oBACA,mDACA,MACA,cACA,uCACA,MACA,QACA,yCACA,MAEA,+BAGA,yCACA,gBACA,gCACA,yDACA,gDACA,IACA,kBACA,uBACA,0BAEA,sB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ACA,2DACA,mCACA,sFACA,qBACA,iCACA,kDAEA,mBAEA,kBACA,aAKA,GACA,MACA,kBACA,iBAIA,qBACA,sCACA,SACA,YAEA,MAEA,wBACA,4DACA,qCAEA,wCAEA,6BACA,6DAEA,6BAEA,EAFA,OACA,8CAEA,sEACA,EACA,yHACA,OADA,OACA,0CAEA,YAGA,OACA,kBACA,YACA,mBACA,WAGA,qBACA,WACA,cAEA,qBACA,aACA,YAEA,SACA,YACA,mBACA,WAGA,qBACA,aACA,YAEA,qBACA,aACA,YAEA,WACA,aACA,YAEA,uBACA,aACA,YAEA,WACA,YACA,0CAEA,mBACA,YACA,YAEA,OACA,YACA,YAEA,cACA,YACA,mBACA,YAIA,OACA,yBACA,6BAGA,yCACA,gBACA,kCACA,IACA,kCACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,GACA,kKAQA,OAPA,sDACA,KACA,GACA,0BACA,kBACA,qBACA,oBACA,SAEA,6BAyCA,OAzCA,SACA,oBAGA,EADA,EACA,GACA,IACA,GACA,sBAEA,GACA,uBACA,sBACA,uBACA,uBAEA,cACA,4BAEA,GACA,YACA,KACA,QACA,mBACA,iBACA,2BACA,UACA,uBACA,iBACA,uBACA,kBACA,kBACA,oBACA,gEAEA,0CAEA,8BAEA,yBACA,cAEA,kBACA,6CApDA,IAsDA,iCACA,4BACA,yBAEA,6LAiEA,OAhEA,KACA,MACA,yDACA,mCACA,OACA,CACA,QACA,cACA,oBACA,uBACA,kBACA,qCACA,6BACA,kBACA,WACA,uBACA,gBACA,oBACA,gBACA,QACA,aACA,aACA,eAEA,YACA,QACA,eACA,cACA,gBACA,eACA,YACA,aACA,gBACA,wBACA,WACA,mBACA,cACA,iCACA,mCAMA,qCACA,4CACA,OACA,2BACA,wCACA,uBACA,qBACA,mCACA,+CACA,gBACA,uBACA,sBACA,4FACA,4CACA,qCACA,sBACA,iBAIA,kBAEA,iCACA,uCACA,0CArEA,IAuEA,2BACA,kGACA,gCAEA,2BACA,0BA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","file":"js/vendors-c31721c3.8a321648.js","sourcesContent":["export * from \"-!../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=55ac139d&prod&lang=scss\"","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./notificationCard.vue?vue&type=style&index=0&id=57213b9b&prod&lang=scss&scoped=true\"","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./MEventsPlayer.vue?vue&type=style&index=0&id=60df03da&prod&lang=scss\"","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./notificationGrid.vue?vue&type=style&index=0&id=d0acf4fa&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.showPlayer)?_c('m-events-player',{attrs:{\"player-object\":_vm.playerObject,\"iscarousel\":_vm.iscarousel,\"autoplay\":_vm.autoplay,\"new-player-id\":_vm.newPlayerId,\"session-id\":_vm.sessionId}}):(_vm.thumbnail)?_c('figure',{staticClass:\"image is-16by9\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.thumbnail),expression:\"thumbnail\"}]})]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mevents-player\"},[_c('div',{staticClass:\"mevents-player__element\"},[_c('div',{staticClass:\"meventsPlayerElement\",attrs:{\"id\":_vm.newPlayerId}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mevents-player\">\n    <div class=\"mevents-player__element\">\n      <div :id=\"newPlayerId\" class=\"meventsPlayerElement\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport Vue from \"vue\";\nimport { mapActions, mapGetters } from \"vuex\";\nimport axios from \"axios\";\nimport utils from \"../utilities\";\nimport EventBus from \"~/states/event-bus\";\n\nexport default {\n  name: \"MEventsPlayer\",\n  data() {\n    return {\n      divisor: 25, // percent buckets ( 25%-75% )\n      videos_status: {},\n      videos: null,\n      duration: -60,\n      lastSync: new Date(),\n      playbackid: null,\n      videoid: null,\n      trackingstatus: \"\",\n    };\n  },\n  inject: {\n    TrackingUtil: {\n      type: Function,\n    },\n  },\n  props: {\n    playerObject: {\n      type: Object,\n      required: true,\n    },\n    iscarousel: {\n      type: Boolean,\n      default: false,\n    },\n    autoplay: {\n      type: Boolean,\n      default: true,\n    },\n    newPlayerId: {\n      type: String,\n      default: 'meventsPlayerElement',\n    },\n    sessionId: {\n      type: String,\n      default: '',\n    },\n  },\n  computed: {\n    ...mapGetters({\n      user: \"user/user\",\n      configForKey: \"config/configForKey\",\n    }),\n    appConfig() {\n      const appConfig = this.configForKey(\"app_config\");\n      if (appConfig) {\n        return appConfig.config[0];\n      }\n      return null;\n    },\n    virtualMeetingUrl() {\n      return this.appConfig ? this.appConfig.VirtualMeetingUrl : null;\n    },\n  },\n  async mounted() {\n\n    await this.loadAllScript();\n  },\n  beforeDestroy() {\n\n\n    if (window[`mPlayer${this.sessionId}`] && !this.iscarousel) {\n      window[`mPlayer${this.sessionId}`].kill();\n    }\n  },\n  async activated() {\n    await this.loadAllScript();\n  },\n  deactivated() {\n    if (window[`mPlayer${this.sessionId}`] && !this.iscarousel) {\n      window[`mPlayer${this.sessionId}`].kill();\n    }\n  },\n  watch: {\n    playerObject() {\n      if (window[`mPlayer${this.sessionId}`]) {\n        window[`mPlayer${this.sessionId}`].kill();\n      }\n      setTimeout(() => {\n        window[`mPlayer${this.sessionId}`] = window\n          .$(`#${this.newPlayerId}`)\n          .mEventsPlayer(this.playerObject);\n\n        if (\n          this.playerObject.sessionRecording && \n          this.playerObject.exporttype === \"autoFolder\"\n        ) {\n          setTimeout(() => {\n            const jumptimes = window[`mPlayer${this.sessionId}`].getAllChapters();\n            this.addJumptimes(jumptimes)\n          }, 1500);\n        }\n      }, 500);\n    },\n  },\n  methods: {\n    ...mapActions({\n      addJumptimes: \"sessionRecordingData/addJumptimes\",\n    }),\n    tracking(event, elementSrc) {\n      if (utils.advancedTracking() && this.user?.UserId) {\n        this.TrackingUtil.trackEvent(\n          \"HTML5 Video\",\n          event,\n          utils.advancedTrackingFormat(\n            this.user.UserId,\n            \"Page\",\n            \"Video\",\n            elementSrc\n          )\n        );\n      }\n    },\n    checkScript(script) {\n      return !$(`script[src='${script}']`).length > 0\n    },  \n    async loadAllScript() {\n      if(this.checkScript('https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.19/lodash.js')) {\n        await this.$loadScript(\n          \"https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.19/lodash.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/backbone-min.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/backbone-min.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/openseadragon.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/openseadragon.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/video.7.7.4.min.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/video.7.7.4.min.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/videojs-http-streaming.min.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/videojs-http-streaming.min.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/videojs-vr.min.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/videojs-vr.min.js\"\n        );\n      }\n\n      if(this.checkScript('https://player.live-video.net/1.5.0/amazon-ivs-videojs-tech.min.js')) {\n        await this.$loadScript(\n          \"https://player.live-video.net/1.5.0/amazon-ivs-videojs-tech.min.js\"\n        );\n      }\n\n      if(this.checkScript('https://player.live-video.net/1.5.0/amazon-ivs-quality-plugin.min.js')) {\n        await this.$loadScript(\n          \"https://player.live-video.net/1.5.0/amazon-ivs-quality-plugin.min.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/three.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/three.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/videojs-panorama.min.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/videojs-panorama.min.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/tracking-1.0.5.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/tracking-1.0.5.js\"\n        );\n      }\n\n      if(this.checkScript('https://d2t0unnjxes6lt.cloudfront.net/globals/html5player/prod/built.js')) {\n        await this.$loadScript(\n          \"https://d2t0unnjxes6lt.cloudfront.net/globals/html5player/prod/built.js\"\n        );\n      }\n\n      await this.loadStylesheet(\n        \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/video-js.7.7.4.css\"\n      );\n      await this.loadStylesheet(\n        \"https://d2t0unnjxes6lt.cloudfront.net/data/player/assets/videojs-vr.css\"\n      );\n\n      await this.loadStylesheet(\n        \"https://d2t0unnjxes6lt.cloudfront.net/globals/html5player/prod/style.css\"\n      );\n\n      await this.loadStylesheet(\"https://unpkg.com/swiper/swiper-bundle.css\");\n\n      await this.loadStylesheet(\n        \"https://unpkg.com/swiper/swiper-bundle.min.css\"\n      );\n\n      await this.loadStylesheet(\n        \"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css\"\n      );\n\n      this.initializePlayer();\n    },\n    initializePlayer() {\n\n\n      if (this.playerObject) {\n        setTimeout(() => {\n          window[`mPlayer${this.sessionId}`] = window\n          .$(`#${this.newPlayerId}`)\n          .mEventsPlayer(this.playerObject);\n        }, 100);\n\n\n        if (\n          this.playerObject.sessionRecording &&\n          this.playerObject.exporttype === \"autoFolder\"\n        ) {\n\n          setTimeout(() => {\n            const jumptimes = window[`mPlayer${this.sessionId}`].getAllChapters();\n            this.addJumptimes(jumptimes)\n          }, 1500);\n        }\n\n        this.videoid = this.playerObject.id;\n        if (this.autoplay) {\n          setTimeout(() => {\n            window[`mPlayer${this.sessionId}`].play();\n          }, 1500);\n        }\n      }\n      this.averageDurationVideoTrackingInit();\n\n      setTimeout(() => {\n        this.videos = document.getElementsByTagName(\"video\");\n\n        if (this.videos[0]) {\n          // TODO: check if for is really needed\n          for (let i = 0; i < this.videos.length; i += 1) {\n            // In order to have some id to reference in our status object,\n            // we are adding an id to the video objects\n            // that don't have an id attribute.\n            let videoTagId;\n            if (!this.videos[i].getAttribute(\"id\")) {\n              // Generate a random alphanumeric string to use is as the id\n              videoTagId = `html5_video_${Math.random().toString(36).slice(2)}`;\n              this.videos[i].setAttribute(\"id\", videoTagId);\n            } else {\n              // Current video has alredy a id attribute, then let's use it\n              videoTagId = this.videos[i].getAttribute(\"id\");\n            }\n            // Video Status Object declaration\n            this.videos_status[videoTagId] = {};\n            // save the highest percent mark played by the user in the current video.\n            this.videos_status[videoTagId].greatest_marker = 0;\n            // set the progress markers, so we can know afterwards which ones have been already sent.\n            this.videos_status[videoTagId]._progress_markers = {};\n            for (let j = 0; j < 100; j += 1) {\n              // TODO: check if for is really needed\n              this.videos_status[videoTagId].progress_point =\n                this.divisor * Math.floor(j / this.divisor);\n              this.videos_status[videoTagId]._progress_markers[\n                this.videos_status[videoTagId].progress_point\n              ] = false;\n            }\n            // On page DOM, all players currentTime is 0\n            this.videos_status[videoTagId].current = 0;\n            //  setting the event listeners.\n            this.videos[i].addEventListener(\"play\", this.eventHandler, false);\n            this.videos[i].addEventListener(\"pause\", this.eventHandler, false);\n            this.videos[i].addEventListener(\"ended\", this.eventHandler, false);\n            this.videos[i].addEventListener(\n              \"timeupdate\",\n              this.eventHandler,\n              false\n            );\n          }\n        } else if (\n          document.getElementsByClassName(\n            \"mEventsPlayer-container-eposter\"\n          )[0] ||\n          document.getElementsByClassName(\"mEventsPlayer-container-poster\")[0]\n        ) {\n          const duration = 60000;\n          this.trackingstatus = \"start\";\n          this.averageDurationVideoTrackingDuration();\n          setTimeout(() => {\n            EventBus.$emit(\"videoEnded\", true);\n          }, duration);\n        } else {\n          document\n            .getElementsByClassName(\"mEventsPlayer-play\")[0]\n            .addEventListener(\"click\", this.posterPlayEventHandler, false);\n          document\n            .getElementsByClassName(\"mEventsPlayer-pause\")[0]\n            .addEventListener(\"click\", this.posterPauseEventHandler, false);\n          const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutationRecord) => {\n              const el = document.getElementsByClassName(\n                \"mEventsPlayer-progressbar-actual\"\n              );\n              this.posterDurationHandler(el[0].style.width);\n            });\n          });\n          const target = document.getElementsByClassName(\n            \"mEventsPlayer-progressbar-actual\"\n          )[0];\n          observer.observe(target, {\n            attributes: true,\n            attributeFilter: [\"style\"],\n            childList: true,\n            characterData: true,\n          });\n        }\n      }, 1500);\n    },\n    loadStylesheet(url) {\n      const ss = document.styleSheets;\n      for (let i = 0, max = ss.length; i < max; i += 1) {\n        if (ss[i].href === url) {\n          return;\n        }\n      }\n      const link = document.createElement(\"link\");\n      link.setAttribute(\"rel\", \"stylesheet\");\n      link.setAttribute(\"href\", url);\n      document.head.appendChild(link);\n    },\n    eventHandler(e) {\n      // This is the funcion that is gonna handle the event sent by the player listeners\n      // This event type is sent everytime the player updated it's current time,\n      // We're using for the % of the video played.\n      if (e.type === \"timeupdate\") {\n        // Let's set the save the current player's video time in our status object\n        this.videos_status[e.target.id].current = Math.round(\n          e.target.currentTime\n        );\n        // We just want to send the percent events once\n        const pct = Math.floor(\n          (100 * this.videos_status[e.target.id].current) / e.target.duration\n        );\n        // TODO: check if for is really needed\n        for (const j in this.videos_status[e.target.id]._progress_markers) {\n          if (pct >= j && j > this.videos_status[e.target.id].greatest_marker) {\n            this.videos_status[e.target.id].greatest_marker = j;\n          }\n        }\n        // current bucket hasn't been already sent to GA?, let's push it to GTM\n        if (\n          this.videos_status[e.target.id].greatest_marker &&\n          !this.videos_status[e.target.id]._progress_markers[\n            this.videos_status[e.target.id].greatest_marker\n          ]\n        ) {\n          this.videos_status[e.target.id]._progress_markers[\n            this.videos_status[e.target.id].greatest_marker\n          ] = true;\n          this.tracking(\n            `${this.videos_status[e.target.id].greatest_marker}%`,\n            decodeURIComponent(e.target.currentSrc)\n          );\n        }\n      } else if (e.type === \"play\") {\n        this.trackingstatus = \"start\";\n        this.tracking(\"Played video\", decodeURIComponent(e.target.currentSrc));\n        this.averageDurationVideoTrackingDuration();\n      } else if (e.type === \"pause\") {\n        this.trackingstatus = \"stop\";\n        this.tracking(\"Paused video\", decodeURIComponent(e.target.currentSrc));\n      } else if (e.type === \"ended\") {\n        this.trackingstatus = \"stop\";\n        EventBus.$emit(\"videoEnded\", true);\n\n        // If the user ends playing the video, an Finish video will be pushed\n        // ( This equals to % played = 100 )\n        this.tracking(\"100%\", decodeURIComponent(e.target.currentSrc));\n      }\n    },\n    posterPlayEventHandler(e) {\n      switch (e.type) {\n        case \"click\":\n          this.trackingstatus = \"start\";\n          this.averageDurationVideoTrackingDuration();\n          break;\n        default:\n          break;\n      }\n    },\n    posterPauseEventHandler(e) {\n      switch (e.type) {\n        case \"click\":\n          this.trackingstatus = \"stop\";\n          break;\n        default:\n          break;\n      }\n    },\n    posterDurationHandler(params) {\n      switch (params) {\n        case \"25%\":\n          break;\n        case \"50%\":\n          break;\n        case \"75%\":\n          break;\n        case \"100%\":\n          this.trackingstatus = \"stop\";\n          setTimeout(() => {\n            EventBus.$emit(\"videoEnded\", true);\n          }, 1000);\n          break;\n        default:\n          break;\n      }\n    },\n\n    // optional :resource_id, type: Integer, desc: \"Resource ID\"\n    // optional :resource_manage_id,type: Integer, desc: \"Resource Manage ID\"\n\n    // optional :contentsession_id, type: Integer, desc: \"Contentession ID\"\n    // optional :contentsession_manage_id, type: Integer, desc: \"Contentession Manage ID\"\n\n    // optional JMT ID SPLITSYSTEM\n\n    async averageDurationVideoTrackingInit() {\n      let sessionId = null;\n      if (this.user?.UserId && this.videoid) {\n        const headers = {\n          Authorization: `Basic ${btoa(\"m-events:kims\")}`,\n        };\n        if (\n          this.$route.name === \"IndustryLandingPageProfile\" ||\n          this.$route.name === \"ProfilePage\"\n        ) {\n          sessionId = \"companyprofile\";\n        }\n        const params = this.playerObject.sessionRecording\n          ? {\n              [this.playerObject.teaser\n                ? \"presentation_manage_id\"\n                : \"contentsession_manage_id\"]: this.videoid,\n              user_id: Vue.$cookies.get(\"user_id\"),\n              event_id: Vue.$cookies.get(\"event_id\"),\n              session_id: this.playerObject.teaser ? \"teaser\" : \"recording\",\n            }\n          : {\n              resource_id: this.videoid,\n              user_id: Vue.$cookies.get(\"user_id\"),\n              session_id: sessionId,\n              event_id: Vue.$cookies.get(\"event_id\"),\n            };\n        const config = {\n          method: \"post\",\n          url: `${this.virtualMeetingUrl}/v1/playbacks.json`,\n          headers,\n          params,\n        };\n        const response = await axios(config)\n          .then((result) => {\n            this.playbackid = result.data.id;\n          })\n          .catch((error) => console.log(error));\n        return response;\n      }\n      return true;\n    },\n    averageDurationVideoTrackingDuration() {\n      const now = new Date().getTime();\n      let differenceMs = now - this.lastSync.getTime();\n      differenceMs /= 1000;\n      if (this.user?.UserId) {\n        this.duration += 60;\n        if (this.duration > 0 && differenceMs > 59) {\n          this.lastSync = new Date();\n          const headers = {\n            Authorization: `Basic ${btoa(\"m-events:kims\")}`,\n          };\n          const config = {\n            method: \"put\",\n            url: `${this.virtualMeetingUrl}/v1/playbacks/${this.playbackid}.json?duration_seconds=${this.duration}`,\n            headers,\n          };\n          axios(config)\n            .then((result) => result.data)\n            .catch((error) => console.log(error));\n        }\n        if (this.trackingstatus === \"start\") {\n          setTimeout(() => {\n            this.averageDurationVideoTrackingDuration();\n          }, 60000);\n        }\n      }\n      return differenceMs;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.meventsPlayerElement {\n  height: 100%;\n}\n.mevents-player {\n  display: block;\n  position: relative;\n  padding: 0;\n  margin: 0;\n  width: 100%;\n  padding-top: 56.25%;\n}\n\n.mevents-player__element {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: calc(100% + 40.6px);\n}\n\n.player-container {\n  .mEventsPlayer-controls-ads,\n  .mEventsPlayer-controls {\n    background: #000 !important;\n  }\n}\n\n.video-js {\n  background-color: #fff;\n}\n\n#meventsPlayerElement > div > div.mEventsPlayer-mainPlayerDiv > div > div.mEventsPlayer-player > div.mEventsPlayer-main > div:nth-child(1) > div.mEventsPlayer-slide-container-relative > img {\n  max-width: unset !important;\n}\n</style>\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./MEventsPlayer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./MEventsPlayer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MEventsPlayer.vue?vue&type=template&id=60df03da\"\nimport script from \"./MEventsPlayer.vue?vue&type=script&lang=js\"\nexport * from \"./MEventsPlayer.vue?vue&type=script&lang=js\"\nimport style0 from \"./MEventsPlayer.vue?vue&type=style&index=0&id=60df03da&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <m-events-player\n      v-if=\"showPlayer\"\n      :player-object=\"playerObject\"\n      :iscarousel=\"iscarousel\"\n      :autoplay=\"autoplay\"\n      :new-player-id=\"newPlayerId\"\n      :session-id=\"sessionId\"\n    />\n    <figure\n      v-else-if=\"thumbnail\"\n      class=\"image is-16by9\"\n    >\n      <img v-lazy=\"thumbnail\" />\n    </figure>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport MEventsPlayer from './MEventsPlayer.vue'\n\nexport default {\n  name: 'PresentationMEventsPlayer',\n  components: { MEventsPlayer },\n  data() {\n    return {\n      presentationData: null,\n      playerResource: null,\n      initialized: false,\n    }\n  },\n  props: {\n    iscarousel: {\n      type: Boolean,\n      default: false,\n    },\n    thumbnail: {\n      type: String,\n      default: '',\n    },\n    resource: {\n      type: Object,\n      default: null,\n    },\n    autoplay: {\n      type: Boolean,\n      default: true,\n    },\n    newPlayerId: {\n      type: String,\n      default: 'meventsPlayerElement',\n    },\n    sessionId: {\n      type: String,\n      default: '',\n    },\n  },\n  computed: {\n    ...mapGetters({\n      configForKey: 'config/configForKey',\n      getEventId: 'instancesState/getEventId',\n      apiBaseUrl: 'instancesState/getApiBaseUrl',\n      superUser: 'instancesState/getSuperUser',\n      event: 'instancesState/getEvent',\n    }),\n    playerDefaults() {\n      return this.configForKey('playerdefaults')\n    },\n    useVideoFilepath() {\n      if (this.configForKey('app_config')?.configV2?.defaultV2 && 'useVideoFilepath' in this.configForKey('app_config').configV2.defaultV2) {\n        return this.configForKey('app_config').configV2.defaultV2.useVideoFilepath\n      }\n      return false\n    },\n    showCOI() {\n      const c = this.configForKey('app_config').configV2\n      return 'showCOI' in c?.defaultV2\n          ? c.defaultV2.showCOI\n          : false\n    },\n    showCOIForSessions() {\n      const c = this.configForKey('app_config').configV2\n      return 'showCOIForSessions' in c?.defaultV2\n          ? c.defaultV2.showCOIForSessions\n          : []\n    },\n    showPlayer() {\n      if (this.playerResource) {\n        if (this.playerResource.sessionRecording) return true\n\n        if (this.superUser) {\n          return this.playerResource.is_uploaded\n        }\n        if (this.presentationData?.disableVMChecks) {\n          return (\n            this.presentationData.permissionForWebcast\n            && !this.presentationData.suppressWebcast\n            && this.playerResource.is_uploaded\n          )\n        }\n\n        return (\n          this.playerResource.is_approved\n          && this.playerResource.is_handled\n          && this.playerResource.is_uploaded\n          && this.playerResource.is_published\n        )\n      }\n      return false\n    },\n    playerObject() {\n      let playerObject = {}\n      \n      if (this.playerResource.sessionRecordingV2) {\n        playerObject.exporttype = 'autoFolder'\n        playerObject.signed_url = '?jwt='+this.playerResource.signedUrl\n        playerObject.baseurl = this.playerResource.baseurl\n        playerObject.sessionRecording = this.playerResource.sessionRecording\n        playerObject.id = this.playerResource.id\n        if(this.newPlayerId) playerObject.pluginId = this.newPlayerId\n        return playerObject\n      }\n\n\n      playerObject = this.playerDefaults\n      playerObject.id = this.playerResource.id ? this.playerResource.id : null\n      playerObject.sessionRecording = this.playerResource.sessionRecording\n      playerObject.teaser = this.playerResource.teaser || null\n      let baseUrl = this.playerResource.baseurl ? this.playerResource.baseurl : null\n      let resourceTypeId = (this.playerResource.sessionRecording || !!this.playerResource.external_recording_url ) ? this.playerResource.resourcetype_id : null\n\n      if (this.playerResource && this.playerResource.app_path && this.playerResource.path) {\n        // eslint-disable-next-line max-len\n        if (this.playerResource.resourcetype_id) {\n          resourceTypeId = this.playerResource.resourcetype_id\n        }\n        if (resourceTypeId === 5 && (this.playerResource.prerecording_path == null || this.playerResource.prerecording_path == '')) {\n          baseUrl = `https://d2t0unnjxes6lt.cloudfront.net/data/${this.playerResource.app_path}/data/talks/${this.playerResource.path}/`\n        } else if (resourceTypeId === 4 || resourceTypeId === 3 || resourceTypeId === 2) {\n          baseUrl = `https://d2t0unnjxes6lt.cloudfront.net/data/${this.playerResource.app_path}/data/eposters/${this.playerResource.path}/`\n        }\n        if(this.event === 'escrs2024'){\n          baseUrl = `https://d2t0unnjxes6lt.cloudfront.net/data/${this.playerResource.app_path}/data/talks/${this.playerResource.path}/`\n        }\n        if(this.playerResource.special_settings){\n          if (resourceTypeId === 5 && this.playerResource.prerecording_path !== null && this.playerResource.prerecording_path !== '' && this.playerResource.special_settings !== null &&  this.playerResource.special_settings?.prerecording_token !== null) {\n            baseUrl = `https://d22xe8ytpnlz13.cloudfront.net/${this.playerResource.prerecording_path}?${this.playerResource.special_settings.prerecording_token}`\n          \n            playerObject.mediatype =  'video/mp4' \n          \n          }\n        }\n       \n      }\n\n\n      if(this.playerResource.external_recording_url) {\n          baseUrl = this.playerResource.external_recording_url\n      }\n\n      if (this.useVideoFilepath && this.playerResource && this.playerResource.app_path && this.playerResource.video_file_path) {\n        // eslint-disable-next-line max-len\n        if (this.playerResource.resourcetype_id) {\n          resourceTypeId = this.playerResource.resourcetype_id\n        }\n\n        if (this.playerResource.video_file_path) {\n          baseUrl = `https://assets.m-anage.com/${this.playerResource.video_file_path}/`\n        }\n      }\n\n      if(this.playerResource?.path?.includes('https://')) {\n        baseUrl = `${this.playerResource.path}/`\n\n        playerObject.signed_url = '?jwt='+this.presentationData.signedUrl\n\n      }\n\n      playerObject.baseurl = baseUrl\n      // playerObject.doi_file = baseUrl\n\n      let mediaTypeId = null\n      if (this.playerResource && this.playerResource.mediatype_id) {\n        mediaTypeId = this.playerResource.mediatype_id\n      }\n\n      if (resourceTypeId === 5 ) {\n        playerObject.exporttype = this.playerResource.sessionRecording || (!!this.playerResource.prerecording_path || !!this.playerResource.external_recording_url)  ? 'direct' : 'autoFolder'\n        if (this.playerResource.sessionRecording || !!this.playerResource.external_recording_url) {\n          playerObject.mediatype =  'video/mp4' \n          playerObject.crypted = 'true'\n        } \n\n        playerObject.baseurl += this.playerResource.sessionRecording ? '' : ''\n        playerObject.show_thumbs = true\n\n      } else if (resourceTypeId === 4) {\n        playerObject.exporttype = 'autoFolder'\n      } else if (resourceTypeId === 3) {\n        switch (mediaTypeId) {\n          case 5:\n            playerObject.exporttype = 'autoFolder'\n            break\n          default:\n            playerObject.exporttype = 'autoFolder'\n            break\n        }\n      } else if (resourceTypeId === 2) {\n        playerObject.exporttype = 'autoFolder'\n      } else if (resourceTypeId === 99) {\n        playerObject.exporttype = 'stream'\n        playerObject.mediatype = 'application/x-mpegURL'\n        playerObject.baseurl = this.playerResource.path\n      }\n\n\n       if (this.showCOI && this.presentationData.containDoi &&  this.showCOIForSessions?.includes(this.presentationData.SessionId)) {\n         playerObject.show_doi = '5'\n         playerObject.doi_file = 'coi.png'\n       }\n      console.log(playerObject)\n      return playerObject\n    },\n  },\n  watch: {\n  },\n  methods: {\n    ...mapActions({\n      loadConfig: 'config/loadConfig',\n    }),\n  },\n  async activated() {\n    await this.loadConfig()\n    this.playerResource = this.resource.playerResource\n    this.presentationData = this.resource\n    this.initialized = true\n  },\n   async mounted() {\n    \n    await this.loadConfig()\n    this.playerResource = this.resource.playerResource\n    this.presentationData = this.resource\n    this.initialized = true\n  },\n}\n</script>\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./PresentationMEventsPlayer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./PresentationMEventsPlayer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PresentationMEventsPlayer.vue?vue&type=template&id=205b2159\"\nimport script from \"./PresentationMEventsPlayer.vue?vue&type=script&lang=js\"\nexport * from \"./PresentationMEventsPlayer.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=294090f2&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.inVMXCheck && _vm.inAppCheck && _vm.carousel.length > 0)?_c('div',{staticClass:\"highlighted-sessions\"},[_c('div',{staticClass:\"highlighted-sessions__titleSection\"},[(_vm.title)?_c('h2',{staticClass:\"highlighted-sessions__title\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]):_vm._e(),(_vm.subtitle)?_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.subtitle)}}):_vm._e()]),(_vm.carousel.length > 0)?_c('div',{staticClass:\"slider-container\"},[(_vm.showCarousel && _vm.showCarouselButtons && _vm.rotate)?_c('div',{staticClass:\"slider-button __before\",on:{\"click\":function($event){return _vm.goBack()}}},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'chevron-left']}})],1):_vm._e(),(_vm.showCarousel && _vm.showCarouselButtons && _vm.rotate)?_c('div',{staticClass:\"slider-button __next\",on:{\"click\":function($event){return _vm.goNext()}}},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'chevron-right']}})],1):_vm._e(),(_vm.highlightedItems === 'Sessions')?[_c('div',{staticClass:\"highlighted-sessions__list\",class:_vm.showCarouselButtons && _vm.carouselPadding ? 'highlighted-sessions__list-buttons' : '',on:{\"mouseover\":_vm.mouseover,\"mouseleave\":_vm.mouseleave}},_vm._l((_vm.carousel),function(session,idx){return _c('div',{key:idx,staticClass:\"highlighted-sessions__list__item\"},[_c('transition',{attrs:{\"name\":\"slide\"}},[_c('session-card-v2',{key:_vm.componentKey,attrs:{\"session\":session,\"show-session-color\":_vm.showSessionColor,\"show-presentation-color\":_vm.showPresentationColor,\"clickable\":!!_vm.eventShortProps}})],1)],1)}),0)]:_vm._e(),(_vm.highlightedItems === 'Presentations')?[_c('div',{staticClass:\"highlighted-sessions__list\",class:_vm.showCarouselButtons && _vm.carouselPadding ? 'highlighted-sessions__list-buttons' : '',on:{\"mouseover\":_vm.mouseover,\"mouseleave\":_vm.mouseleave}},_vm._l((_vm.carousel),function(presentation,idx){return _c('div',{key:idx,staticClass:\"highlighted-sessions__list__item\"},[_c('transition',{attrs:{\"name\":\"slide\"}},[_c('session-card-v2',{key:_vm.componentKey,attrs:{\"presentation\":presentation,\"show-abstract-number\":_vm.showAbstractNumber,\"show-session-color\":_vm.showSessionColor,\"show-presentation-color\":_vm.showPresentationColor}})],1)],1)}),0)]:_vm._e(),(_vm.highlightedItems === 'Authors')?[_c('div',{staticClass:\"highlighted-sessions__list\",class:_vm.showCarouselButtons && _vm.carouselPadding ? 'highlighted-sessions__list-buttons' : '',on:{\"mouseover\":_vm.mouseover,\"mouseleave\":_vm.mouseleave}},_vm._l((_vm.carousel),function(author,idx){return _c('div',{key:idx,staticClass:\"highlighted-sessions__list__item\"},[_c('transition',{attrs:{\"name\":\"slide\"}},[_c('session-card-v2',{key:_vm.componentKey,attrs:{\"author\":author,\"show-session-color\":_vm.showSessionColor,\"show-presentation-color\":_vm.showPresentationColor}})],1)],1)}),0)]:_vm._e()],2):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"highlighted-cards\"},[(_vm.session)?_c('div',{staticClass:\"highlighted-card\"},[_c('router-link',{class:['link', _vm.clickable ? 'disabledRouter' : ''],attrs:{\"to\":_vm.sessionRoute},nativeOn:{\"click\":function($event){return _vm.trackSessionCard.apply(null, arguments)}}},[_c('div',{staticClass:\"session-card\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"session-card__body\",style:([{'border-left': _vm.borderleft}, {'background-color':_vm.showSessionColor ? _vm.cardStyles : ''}])},[_c('div',{staticClass:\"session-card__title\"},[_c('span',{staticClass:\"session-card__title-number\",domProps:{\"innerHTML\":_vm._s(_vm.session.Number)}}),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.session.Name)}})]),_c('div',{staticClass:\"session-card__roomcontainer\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'map-marker']}}),_c('span',{staticClass:\"session-card__sub-title\",domProps:{\"innerHTML\":_vm._s(_vm.session.RoomName)}})],1),_c('div',{staticClass:\"session-card__sub-title\"},[_vm._v(\" \"+_vm._s(_vm.formatDayTitle(_vm.session.StartDateTime, \"dddd, DD MMMM YYYY\"))+\" | \"+_vm._s(_vm.formatDateTime(_vm.session.StartDateTime))+\" - \"+_vm._s(_vm.formatDateTime(_vm.session.EndDateTime))+\" \")])])])])],1):_vm._e(),(_vm.presentation)?_c('div',{staticClass:\"highlighted-card\"},[_c('router-link',{staticClass:\"link\",attrs:{\"to\":_vm.presentationRoute},nativeOn:{\"click\":function($event){return _vm.trackPresentationCard.apply(null, arguments)}}},[_c('div',{staticClass:\"session-card\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"session-card__body\",style:([{'border-left': _vm.borderleft}, {'background-color':_vm.showPresentationColor ? _vm.presentationCardStyles : ''}])},[(_vm.presentation.Number)?_c('div',{staticClass:\"session-card__\"},[(_vm.presentation.Number)?_c('span',[_vm._v(_vm._s(_vm.presentation.IsPoster? _vm.$t('AppTranslations.PosterID') : _vm.$t('AppTranslations.PresentationID'))+\" \"+_vm._s(_vm.presentation.Number)+\" \")]):_vm._e(),(_vm.showAbstractNumber)?_c('span',[_vm._v(\" - \")]):_vm._e(),(_vm.showAbstractNumber)?_c('span',[_vm._v(_vm._s(_vm.$t('AppTranslations.FPNNumber'))+\" \"+_vm._s(_vm.presentation.AbstractNumber)+\" \")]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"session-card__title\",domProps:{\"innerHTML\":_vm._s(_vm.presentation.Title)}}),(_vm.presentation.PresentationTags)?_c('div',{staticClass:\"__highlight-presentation-tags\"},_vm._l((_vm.presentation.PresentationTags),function(tags,idx){return _c('span',{key:idx,staticClass:\"__tags\",domProps:{\"innerHTML\":_vm._s(tags)}})}),0):_vm._e(),_c('div',[(_vm.presentation.SpeakerFirstname)?_c('span',[_vm._v(_vm._s(_vm.presentation.SpeakerFirstname)+\" \")]):_vm._e(),(_vm.presentation.SpeakerSurname)?_c('span',[_vm._v(_vm._s(_vm.presentation.SpeakerSurname)+\" \")]):_vm._e(),(_vm.presentation.SpeakerCity && _vm.presentation.SpeakerCountry)?_c('span',[_vm._v(\"(\")]):_vm._e(),(_vm.presentation.SpeakerCity)?_c('span',[_vm._v(_vm._s(_vm.presentation.SpeakerCity))]):_vm._e(),(_vm.presentation.SpeakerCity && _vm.presentation.SpeakerCountry)?_c('span',[_vm._v(\", \")]):_vm._e(),(_vm.presentation.SpeakerCountry)?_c('span',[_vm._v(_vm._s(_vm.presentation.SpeakerCountry))]):_vm._e(),(_vm.presentation.SpeakerCity && _vm.presentation.SpeakerCountry)?_c('span',[_vm._v(\")\")]):_vm._e()])])])])],1):_vm._e(),(_vm.author)?_c('div',{staticClass:\"highlighted-card\"},[_c('router-link',{staticClass:\"link\",attrs:{\"to\":_vm.authorRoute},nativeOn:{\"click\":function($event){return _vm.trackAuthorCard.apply(null, arguments)}}},[_c('div',{staticClass:\"author-card\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"author-card__body\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.author.ProfileUrl),expression:\"author.ProfileUrl\"}],staticClass:\"author-card__content-profile-image\"}),_c('div',{staticClass:\"author-card__text_body\"},[_c('div',{staticClass:\"author-card__title\",domProps:{\"innerHTML\":_vm._s(_vm.author.TitleFirstnameSurname)}}),_c('div',[(_vm.author.City)?_c('span',[_vm._v(_vm._s(_vm.author.City))]):_vm._e(),(_vm.author.City && _vm.author.Country)?_c('span',[_vm._v(\", \")]):_vm._e(),(_vm.author.Country)?_c('span',[_vm._v(_vm._s(_vm.author.Country))]):_vm._e()])])])])])],1):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"highlighted-cards\">\n    <div v-if=\"session\" class=\"highlighted-card\">\n      <router-link\n        :to=\"sessionRoute\"\n        :class=\"['link', clickable ? 'disabledRouter' : '']\"\n        @click.native=\"trackSessionCard\"\n      >\n        <div\n          class=\"session-card\"\n          no-body\n        >\n          <div\n            :style=\"[{'border-left': borderleft}, {'background-color':showSessionColor ? cardStyles : ''}]\"\n            class=\"session-card__body\"\n          >\n            <div\n              class=\"session-card__title\">\n              <span class=\"session-card__title-number\" v-html=\"session.Number\"></span>\n              <span v-html=\"session.Name\"></span>\n            </div>\n           <div class=\"session-card__roomcontainer\">\n            <font-awesome-icon :icon=\"['fas', 'map-marker']\" /> \n            <span\n              class=\"session-card__sub-title\"\n              v-html=\"session.RoomName\"\n            />\n           </div>\n                    \n            <div\n              class=\"session-card__sub-title\"\n            >\n              {{ formatDayTitle(session.StartDateTime, \"dddd, DD MMMM YYYY\") }} | {{ formatDateTime(session.StartDateTime) }} - {{ formatDateTime(session.EndDateTime) }}\n            </div>\n          </div>\n        </div>\n      </router-link>\n    </div>\n    <div v-if=\"presentation\" class=\"highlighted-card\">\n      <router-link\n        :to=\"presentationRoute\"\n        class=\"link\"\n        @click.native=\"trackPresentationCard\"\n      >\n        <div\n          class=\"session-card\"\n          no-body\n        >\n          <div\n            class=\"session-card__body\"\n            :style=\"[{'border-left': borderleft}, {'background-color':showPresentationColor ? presentationCardStyles : ''}]\"\n          >\n            <div\n              class=\"session-card__\"\n\n              v-if=\"presentation.Number\"\n            >\n              <span v-if=\"presentation.Number\">{{ presentation.IsPoster? $t('AppTranslations.PosterID') : $t('AppTranslations.PresentationID') }} {{ presentation.Number }} </span>\n              <span v-if=\"showAbstractNumber\"> - </span>\n              <span v-if=\"showAbstractNumber\">{{ $t('AppTranslations.FPNNumber') }} {{ presentation.AbstractNumber }} </span>\n            </div>\n            <div\n              class=\"session-card__title\"\n\n              v-html=\"presentation.Title\"\n            />\n            <div\n              class=\"__highlight-presentation-tags\"\n              v-if=\"presentation.PresentationTags\"\n            >\n              <span\n                class=\"__tags\"\n                v-for=\"(tags, idx) in presentation.PresentationTags\"\n                :key=\"idx\"\n                v-html=\"tags\"\n              />\n            </div>\n            <div\n\n            >\n              <span v-if=\"presentation.SpeakerFirstname\">{{ presentation.SpeakerFirstname }} </span>\n              <span v-if=\"presentation.SpeakerSurname\">{{ presentation.SpeakerSurname }} </span>\n              <span v-if=\"presentation.SpeakerCity && presentation.SpeakerCountry\">(</span>\n              <span v-if=\"presentation.SpeakerCity\">{{ presentation.SpeakerCity }}</span>\n              <span v-if=\"presentation.SpeakerCity && presentation.SpeakerCountry\">, </span>\n              <span v-if=\"presentation.SpeakerCountry\">{{ presentation.SpeakerCountry }}</span>\n              <span v-if=\"presentation.SpeakerCity && presentation.SpeakerCountry\">)</span>\n            </div>\n          </div>\n        </div>\n      </router-link>\n    </div>\n    <div v-if=\"author\" class=\"highlighted-card\">\n      <router-link\n        :to=\"authorRoute\"\n        class=\"link\"\n        @click.native=\"trackAuthorCard\"\n      >\n        <div\n          class=\"author-card\"\n          no-body\n        >\n          <div\n            class=\"author-card__body\"\n          >\n            <img class=\"author-card__content-profile-image\" v-lazy=\"author.ProfileUrl\" />\n\n            <div class=\"author-card__text_body\">\n              <div\n                class=\"author-card__title\"\n\n                v-html=\"author.TitleFirstnameSurname\"\n              />\n              <div\n\n              >\n                <span v-if=\"author.City\">{{ author.City }}</span>\n                <span v-if=\"author.City && author.Country\">, </span>\n                <span v-if=\"author.Country\">{{ author.Country }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </router-link>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapGetters } from 'vuex'\nimport utils from '../utilities'\nimport trackingApi from '~/api/tracking'\n\nimport dateMixins from '../mixins/dateMixins'\n\nexport default {\n  props: {\n    session: {\n      type: Object,\n      default: () => {},\n    },\n    presentation: {\n      type: Object,\n      default: () => {},\n    },\n    author: {\n      type: Object,\n      default: () => {},\n    },\n    showAbstractNumber: {\n      type: Boolean,\n      default: false,\n    },\n    clickable: {\n      type: Boolean,\n      default: true,\n    },\n    showPresentationColor: {\n      type: Boolean,\n      default: false,\n    },\n    showSessionColor: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  mixins: [dateMixins],\n  data() {\n    return {\n      borderleft: this.session ? `5px solid ${this.session.Color}` : '',\n      name: this.$route.name,\n    }\n  },\n  computed: {\n    ...mapGetters({\n      config: 'config/configForKey',\n    }),\n    cardStyles() {\n      return `${this.hexToRgbA(this.session.Color)}`\n    },\n    presentationCardStyles() {\n      const eventShort = this.$store.getters['instancesState/getEvent']\n      if(this.presentation?.Color) {\n        return `${this.hexToRgbA(this.presentation.Color)}`\n      }\n\n      if (eventShort === 'ean2023' && this.presentation?.PresentationTypeName === 'epresentation') {\n        return `${this.hexToRgbA('#CCDCF5')}`\n      }\n\n      if (eventShort === 'ean2023' && this.presentation?.PresentationTypeName === 'eposter') {\n        return `${this.hexToRgbA('#00ABFF')}`\n      }\n      return ''\n    },\n    appConfigV2() {\n      const appConfigV2 = this.config('app_config')\n      if (appConfigV2.configV2) {\n        return appConfigV2.configV2\n      }\n      return null\n    },\n    sessionRoute() {\n      const route = this.appConfigV2?.defaultV2?.routeV2\n        ? { name: 'PagSessionDetailPage', params: { sessionId: this.session.Id } }\n        : { name: 'ProgramPage', query: { sessionwithheader: this.session.Id } }\n      return utils.appendDefaultParamsToRoute(route)\n    },\n    presentationRoute() {\n      const route = this.appConfigV2?.defaultV2?.routeV2\n        ? { name: 'PagPresentationDetailPage', params: { presentationId: this.presentation.Id } }\n        : { name: 'ProgramPage', query: { presentation: this.presentation.Id } }\n      return utils.appendDefaultParamsToRoute(route)\n    },\n    authorRoute() {\n      const route = this.appConfigV2?.defaultV2?.routeV2\n        ? { name: 'PagFacultyDetailPage', params: { userId: this.author.UserId } }\n        : { name: 'ProgramPage', query: { user: this.author.UserId } }\n      return utils.appendDefaultParamsToRoute(route)\n    },\n  },\n  methods: {\n    hexToRgbA(hex) {\n      if (hex) {\n        let c\n        if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {\n          c = hex.substring(1)\n            .split('')\n          if (c.length === 3) {\n            c = [c[0], c[0], c[1], c[1], c[2], c[2]]\n          }\n          c = `0x${c.join('')}`\n          return `rgba(${[(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',')},0.35)`\n        }\n        throw new Error('Bad Hex')\n      }\n      return ''\n    },\n    async trackSessionCard() {\n      trackingApi.trackCustomAction('vmx-program-card-session', this.session.Id, this.name)\n    },\n    async trackPresentationCard() {\n      trackingApi.trackCustomAction('vmx-program-card-presentation', this.presentation.Id, this.name)\n    },\n    async trackAuthorCard() {\n      trackingApi.trackCustomAction('vmx-program-card-speaker', this.author.UserId, this.name)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n\n.disabledRouter {\n  pointer-events: none;\n}\n.highlighted-cards{\n  height: 100%;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n  background: #fff;\n.highlighted-card {\n  height: 100% !important;\n}\n.session-card {\n  height: 100% !important;\n  > *  {\n    height: 100% !important;\n  }\n}\n\n.session-card {\n\n  .session-card__body{\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 1rem;\n    gap: 0.5rem;\n  }\n  .session-card__title {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    font-weight: bold;\n    margin: 0;\n    .session-card__title-number {\n      margin-right: .5rem;\n    }\n  }\n\n  .session-card__roomcontainer {\n    display: flex;\n    gap: 0.5rem;\n    color: #000;\n    align-items: center; \n    .session-card__sub-title {\n     color: #000;\n    }\n  }\n\n  .session-card__content-profile-image {\n    object-fit: cover;\n    height: 100px;\n    width: 100px;\n    border-radius: 50%;\n    border: solid 3px var(--primary);\n  }\n}\n\n .__highlight-presentation-tags {\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n  .__tags {\n    border: solid 1px var(--primary);\n    color: var(--primary);\n    background: #fff;\n    display: inline-block;\n    border-radius: 0.25rem;\n    font-size: 0.75rem;\n    line-height: 1.5;\n    padding: 0.125rem 0.25rem;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: 600;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .__tags:hover {\n    white-space: normal;\n    overflow: unset;\n  }\n  > span.__tags {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 50ch;\n  }\n}\n\n .__presentation-tags {\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n  .__tags {\n    border: solid 1px var(--pag-primary);\n    color: var(--pag-primary);\n    display: inline-block;\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    line-height: 1.5;\n    padding: 0.2rem 0.7rem;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: 400;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .__tags:hover {\n    white-space: normal;\n    overflow: unset;\n  }\n  > span.__tags {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 50ch;\n  }\n}\n\n.author-card {\n  .author-card__body{\n    color: #000;\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n  }\n\n  .author-card__text_body {\n    display: flex;\n    flex-direction: column;\n    margin-left: 30px;\n  }\n  .author-card__title {\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .author-card__content-profile-image {\n    object-fit: cover;\n    height: 100px;\n    width: 100px;\n    border-radius: 50%;\n    border: solid 3px var(--primary)\n  }\n}\n}\n</style>\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./sessionCardV2.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./sessionCardV2.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./sessionCardV2.vue?vue&type=template&id=075c93f8\"\nimport script from \"./sessionCardV2.vue?vue&type=script&lang=js\"\nexport * from \"./sessionCardV2.vue?vue&type=script&lang=js\"\nimport style0 from \"./sessionCardV2.vue?vue&type=style&index=0&id=075c93f8&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div\n    v-if=\"inVMXCheck && inAppCheck && carousel.length > 0\"\n    class=\"highlighted-sessions\"\n  >\n    <div class=\"highlighted-sessions__titleSection\">\n      <h2\n        class=\"highlighted-sessions__title\"\n        v-if=\"title\"\n      >\n        {{ title }}\n      </h2>\n      <p\n        v-if=\"subtitle\"\n        v-html=\"subtitle\"\n      />\n    </div>\n    <div class=\"slider-container\" v-if=\"carousel.length > 0\">\n      <div\n        class=\"slider-button __before\" @click=\"goBack()\"\n        v-if=\"showCarousel && showCarouselButtons && rotate\"\n      >\n        <font-awesome-icon :icon=\"['fas', 'chevron-left']\" />\n      </div>\n      <div \n        class=\"slider-button __next\" @click=\"goNext()\"\n         v-if=\"showCarousel && showCarouselButtons && rotate\"\n      > \n        <font-awesome-icon :icon=\"['fas', 'chevron-right']\" />\n      </div>\n      <template v-if=\"highlightedItems === 'Sessions'\">\n        <div\n          class=\"highlighted-sessions__list\"\n          :class=\"showCarouselButtons && carouselPadding ? 'highlighted-sessions__list-buttons' : ''\"\n          @mouseover=\"mouseover\"\n          @mouseleave=\"mouseleave\"\n        >\n          <div\n            class=\"highlighted-sessions__list__item\"\n            v-for=\"(session, idx) in carousel\"\n            :key=\"idx\"\n          >\n            <transition name=\"slide\">\n              <session-card-v2\n                :session=\"session\"\n                :key=\"componentKey\"\n                :show-session-color=\"showSessionColor\"\n                :show-presentation-color=\"showPresentationColor\"\n                :clickable=\"!!eventShortProps\"\n              />\n            </transition>\n          </div>\n        </div>\n      </template>\n      <template v-if=\"highlightedItems === 'Presentations'\">\n        <div\n          class=\"highlighted-sessions__list\"\n          :class=\"showCarouselButtons && carouselPadding ? 'highlighted-sessions__list-buttons' : ''\"\n          @mouseover=\"mouseover\"\n          @mouseleave=\"mouseleave\"\n        >\n          <div\n            class=\"highlighted-sessions__list__item\"\n            v-for=\"(presentation, idx) in carousel\"\n            :key=\"idx\"\n          >\n            <transition name=\"slide\">\n              <session-card-v2\n                :presentation=\"presentation\"\n                :show-abstract-number=\"showAbstractNumber\"\n                :key=\"componentKey\"\n                :show-session-color=\"showSessionColor\"\n                :show-presentation-color=\"showPresentationColor\"\n              />\n            </transition>\n          </div>\n        </div>\n      </template>\n      <template v-if=\"highlightedItems === 'Authors'\">\n        <div\n          class=\"highlighted-sessions__list\"\n          :class=\"showCarouselButtons && carouselPadding ? 'highlighted-sessions__list-buttons' : ''\"\n          @mouseover=\"mouseover\"\n          @mouseleave=\"mouseleave\"\n        >\n          <div\n            class=\"highlighted-sessions__list__item\"\n            v-for=\"(author, idx) in carousel\"\n            :key=\"idx\"\n          >\n            <transition name=\"slide\">\n              <session-card-v2\n                :author=\"author\"\n                :key=\"componentKey\"\n                :show-session-color=\"showSessionColor\"\n                :show-presentation-color=\"showPresentationColor\"\n              />\n            </transition>\n          </div>\n        </div>\n      </template>\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport SessionCardV2 from './sessionCardV2.vue'\n\nexport default {\n  name: 'HighlightedSessionsV2',\n  components: { SessionCardV2 },\n  data() {\n    return {\n      sessions: [],\n      carousel: [],\n      carouselStorage: [],\n      tempArray: [],\n      tempCarouselArray: [],\n      presentations: [],\n      authors: [],\n      componentKey: 0,\n      carouselLength: 3,\n      carouselInterval: null,\n    }\n  },\n  props: {\n    highlightedItems: {\n      type: String,\n      default: 'Sessions',\n    },\n    programGrade: {\n      type: String,\n      default: 'Scientific',\n    },\n    eventShortProps: {\n      type: String,\n      default: '',\n    },\n    title: {\n      type: String,\n      default: null,\n    },\n    subtitle: {\n      type: String,\n      default: null,\n    },\n    carouselTime: {\n      type: Number,\n      default: 10000,\n    },\n    showCarousel: {\n      type: Boolean,\n      default: false,\n    },\n    showCarouselButtons: {\n      type: Boolean,\n      default: false,\n    },\n    carouselPadding: {\n      type: Boolean,\n      default: false,\n    },\n    showAbstractNumber: {\n      type: Boolean,\n      default: false,\n    },\n    showSessionColor: {\n      type: Boolean,\n      default: true,\n    },\n    showPresentationColor: {\n      type: Boolean,\n      default: false,\n    },\n    sessionTypes: {\n      type: Array,\n      default: () => {\n        return []\n      }\n    },\n    presentationTypes: {\n      type: Array,\n      default: () => {\n        return []\n      }\n    },\n    onlyInApp: {\n      type: Boolean,\n      default: false,\n    },\n    onlyInVMX: {\n      type: Boolean,\n      default: false,\n    },\n    inApp: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  computed: {\n    ...mapGetters({\n      list: 'highlightedSessions/list',\n      presentationList: 'highlightedSessions/presentationList',\n      authorList: 'highlightedSessions/authorList',\n      isAppContainer: 'instancesState/getIsAppContainer',\n    }),\n    inAppCheck() {\n      if (this.isAppContainer) {\n        return this.inApp\n      }\n      return !this.onlyInApp\n    },\n    inVMXCheck() {\n      if (this.isAppContainer && this.onlyInVMX) {\n        return false\n      }\n      return true\n    },\n    rotate() {\n      let carouselLength = 0\n      switch (this.highlightedItems) {\n        case 'Presentations':\n          carouselLength = this.presentations ? this.presentations.length > 3 : 0\n          break\n        case 'Authors':\n          carouselLength = this.authors ? this.authors.length > 3 : 0\n          break\n        default:\n          carouselLength = this.sessions ? this.sessions.length > 3 : 0\n          break\n      }\n      return this.showCarousel && carouselLength\n    },\n  },\n  methods: {\n    ...mapActions({\n      load: 'highlightedSessions/load',\n      presentationLoad: 'highlightedSessions/loadPresentations',\n      authorLoad: 'highlightedSessions/loadAuthors',\n    }),\n    goNext() {\n      const firstItem = this.carousel[0]\n      const firstItemInStorage = this.carouselStorage[0]\n\n      this.carousel.shift()\n      this.carouselStorage.push(firstItem)\n      this.carousel.push(firstItemInStorage)\n      this.carouselStorage.shift()\n\n    },\n    goBack() {\n      const lastItem = this.carousel[this.carousel.length - 1]\n      const lastItemInStorage = this.carouselStorage[this.carouselStorage.length - 1]\n\n      this.carousel.unshift(lastItemInStorage)\n      this.carousel.pop()\n      this.carouselStorage.unshift(lastItem)\n      this.carouselStorage.pop()\n    },\n    forceRerender() {\n      this.componentKey += 1\n    },\n    resizeHandler() {\n      if (this.rotate) {\n        if (document.body.clientWidth > 992) {\n          clearInterval(this.carouselInterval)\n          this.createCarousel()\n          this.createInterval()\n        }\n        if (\n          document.body.clientWidth < 992\n          && document.body.clientWidth > 786\n        ) {\n          clearInterval(this.carouselInterval)\n          this.createCarousel()\n          this.createInterval()\n        }\n        if (document.body.clientWidth < 786) {\n          clearInterval(this.carouselInterval)\n          this.createCarousel()\n          this.createInterval()\n        }\n      }\n    },\n    resetArrays() {\n      this.tempArray = []\n      this.tempCarouselArray = []\n      this.carousel = []\n      this.carouselStorage = []\n    },\n    createCarousel() {\n      this.resetArrays()\n      switch (this.highlightedItems) {\n        case 'Presentations':\n          this.tempArray = [...this.presentations]\n          break\n        case 'Authors':\n          this.tempArray = [...this.authors]\n          break\n        default:\n          this.tempArray = [...this.sessions]\n          break\n      }\n      if (document.body.clientWidth > 992 && this.tempArray.length > 2) {\n        this.carouselLength = 3\n      }\n      if (document.body.clientWidth < 992 && document.body.clientWidth > 786) {\n        this.carouselLength = 2\n      }\n      if (document.body.clientWidth < 786) {\n        this.carouselLength = 1\n      }\n\n      for (let i = 0; i < this.carouselLength; i += 1) {\n        if (!this.carousel.includes(this.tempArray[i])) { this.carousel.push(this.tempArray[i]) }\n      }\n      this.tempCarouselArray = [...this.carousel]\n      this.carouselStorage = this.tempArray.filter(\n        (item) => !this.tempCarouselArray.includes(item),\n      )\n    },\n    createInterval() {\n      this.carouselInterval = setInterval(() => {\n        const shiftedItem = this.carousel[0]\n        this.carousel.shift()\n        this.carouselStorage.push(shiftedItem)\n        this.carousel.push(this.carouselStorage[0])\n        this.carouselStorage.shift()\n\n        this.forceRerender()\n      }, this.carouselTime)\n    },\n    mouseover() {\n      if (this.carouselInterval) clearInterval(this.carouselInterval)\n    },\n    mouseleave() {\n      if (this.rotate) {\n        this.createInterval()\n      }\n    },\n  },\n  async beforeDestroy() {\n    if (this.rotate) {\n      window.removeEventListener('resize', this.resizeHandler)\n    }\n  },\n  async created() {\n    switch (this.highlightedItems) {\n      case 'Presentations':\n        await this.presentationLoad({ eventShort: this.eventShortProps })\n        this.presentations = this.presentationList\n        if(this.presentationTypes.length > 0) this.presentations = this.presentations.filter((presentation) => this.presentationTypes.includes(presentation.PresentationTypeName))\n        if (this.presentations) {\n          this.presentations.sort((a, b) => {\n            if (a.Sort > b.Sort) {\n              return 1\n            }\n            if (b.Sort > a.Sort) {\n              return -1\n            }\n            return 0\n          })\n          this.carousel = this.presentations\n        }\n        break\n      case 'Authors':\n        await this.authorLoad({ eventShort: this.eventShortProps })\n        this.authors = this.authorList\n\n        if (this.authors) {\n          this.authors.sort((a, b) => {\n            if (a.Surname > b.Surname) {\n              return 1\n            }\n            if (b.Surname > a.Surname) {\n              return -1\n            }\n            return 0\n          })\n          this.carousel = this.authors\n        }\n        break\n      default:\n        await this.load({ programGrade: this.programGrade, eventShort: this.eventShortProps })\n        this.sessions = this.list(this.programGrade)\n        if(this.sessionTypes.length > 0) this.sessions = this.sessions.filter((session) => this.sessionTypes.includes(session.SessionType))\n        if (this.sessions) {\n          this.sessions.sort((a, b) => {\n            if (a.StartDateTime > b.StartDateTime) {\n              return 1\n            }\n            if (b.StartDateTime > a.StartDateTime) {\n              return -1\n            }\n            return 0\n          })\n          this.carousel = this.sessions\n        }\n        break\n    }\n\n    if (!this.sessions || !this.presentations || !this.authors) {\n      this.$emit('disableTitle')\n    }\n\n    if (this.rotate) {\n      this.carousel = []\n      window.addEventListener('resize', this.resizeHandler)\n      this.createCarousel()\n      this.createInterval()\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.slide-leave-active,\n.slide-enter-active {\n  transition: 1s;\n}\n.slide-enter {\n  transform: translate(100%, 0);\n  max-height: 0;\n}\n.slide-leave-to {\n  transform: translate(-100%, 0);\n  max-height: 0;\n  opacity: 0;\n}\n\n.highlighted-sessions__titleSection {\n  margin-top: var(--link-box-grid-gap);\n  margin-bottom: calc(1.5 * var(--link-box-grid-gap));\n}\n.highlighted-sessions__title {\n  margin-bottom: 1rem;\n  font-size: 26px;\n  font-weight: bold;\n}\n\n.highlighted-sessions__list {\n  // margin-bottom: -#{$c-grid-gutter};\n  // margin-right: -#{$c-grid-gutter};\n  gap: var(--link-box-grid-gap);\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  // overflow: hidden;\n  min-width: 100%;\n  overflow: hidden;\n}\n.highlighted-sessions__list-buttons {\n  padding: 0 3.5rem;\n}\n\n.highlighted-sessions__list__item {\n  // margin: 0 10px 10px 0;\n  flex: 0 0 100%;\n  width: 100%;\n\n  a:hover {\n    text-decoration: none;\n    filter: none !important;\n  }\n}\n.highlighted-cards {\n  overflow: hidden;\n}\n.slider-container {\n  position: relative;\n}\n\n.slider-button{\n    background: var(--secondary);\n    border-radius: 0;\n    transform: none;\n    position: absolute;\n    z-index: 1;\n    width: 50px;\n    height: 50px;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: white;\n    font-size: 1.5rem;\n    opacity: 0.9;\n    cursor: pointer;\n    box-shadow: none;\n    border: none;\n  &.__before {\n    left: 0;\n  }\n\n  &.__next {\n    right: 0;\n  }\n\n}\n\n.slider-button:hover{\n  opacity: 0.8;\n}\n\n/* tablet */\n@media (min-width: 768px) {\n  .highlighted-sessions__list__item {\n    flex-basis: calc(50% - calc(var(--link-box-grid-gap) * 0.5));\n    width: calc(50% - calc(var(--link-box-grid-gap) * 0.5));\n  }\n\n  .component-grid__item--is-one-third {\n    .highlighted-sessions__list__item {\n      flex-basis: calc(100% - var(--c-grid-gutter));\n    }\n  }\n}\n\n/* Desktop */\n@media (min-width: 992px) {\n  .highlighted-sessions__list__item {\n    flex-basis: calc(33.33333% - calc(var(--link-box-grid-gap) * calc(2 / 3)));\n    width: calc(33.33333% - calc(var(--link-box-grid-gap) * calc(2 / 3)));\n  }\n\n  .component-grid__item--is-two-thirds {\n    .highlighted-sessions__list__item {\n      flex-basis: calc(50% - var(--c-grid-gutter));\n    }\n  }\n\n  .component-grid__item--is-one-third {\n    .highlighted-sessions__list__item {\n      flex-basis: calc(100% - var(--c-grid-gutter));\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./HighlightedSessionsV2.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./HighlightedSessionsV2.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HighlightedSessionsV2.vue?vue&type=template&id=2d5f2eb0\"\nimport script from \"./HighlightedSessionsV2.vue?vue&type=script&lang=js\"\nexport * from \"./HighlightedSessionsV2.vue?vue&type=script&lang=js\"\nimport style0 from \"./HighlightedSessionsV2.vue?vue&type=style&index=0&id=2d5f2eb0&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"my-area__box\"},[_c('div',{staticClass:\"my-area__box-header\"},[_c('font-awesome-icon',{attrs:{\"icon\":_vm.icon ? ['fas', _vm.icon] : ['fas', 'info-circle']}})],1),(_vm.module)?_c('b-card',{staticClass:\"my-area__box-body\",style:(`backgroundColor:${_vm.replCssVar(_vm.backgroundColor)}`)},[_c('p',{staticClass:\"my-area__box-title\",class:`my-area__box-title-${_vm.moduleTitle}`,style:(`color:${_vm.replCssVar(_vm.titleColor)}`),domProps:{\"innerHTML\":_vm._s(_vm.$t(_vm.moduleTitle))}}),_c('b-card-text',[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t(_vm.moduleDescription))}})]),_c('b-button',{style:(_vm.buttonStyles),on:{\"click\":function($event){return _vm.goToModule(_vm.module)}}},[_c('span',{staticClass:\"my-area__button-text\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t(_vm.moduleButtonText))}}),_c('span',[_vm._v(_vm._s(' '))]),_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'arrow-right']}})],1)])],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"my-area__box\">\n    <div class=\"my-area__box-header\">\n      <font-awesome-icon :icon=\"icon ? ['fas', icon] : ['fas', 'info-circle']\" />\n    </div>\n    <b-card v-if=\"module\" class=\"my-area__box-body\" :style=\"`backgroundColor:${replCssVar(backgroundColor)}`\">\n\n      <p class=\"my-area__box-title\" :class=\"`my-area__box-title-${moduleTitle}`\"\n        :style=\"`color:${replCssVar(titleColor)}`\" v-html=\"$t(moduleTitle)\" />\n\n      <b-card-text><span v-html=\"$t(moduleDescription)\" /></b-card-text>\n      <b-button @click=\"goToModule(module)\" :style=\"buttonStyles\">\n        <span class=\"my-area__button-text\">\n          <span v-html=\"$t(moduleButtonText)\" /><span>{{ ' ' }}</span><font-awesome-icon :icon=\"['fas', 'arrow-right']\" />\n        </span>\n      </b-button>\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\nimport theme from '~/utilities/theme'\nimport utils from '../../utilities'\nimport trackingApi from '~/api/tracking'\nimport bannerControl from '~/utilities/bannerControl'\nimport accessControl from '~/utilities/accessControl'\nimport EventBus from '~/states/event-bus'\nimport userState from '~/states/user'\nimport appContainerMixins from \"../../mixins/appContainerMixins\"\n\nconst moduleNames = {\n  documents: {\n    title: 'VMX.my_area_box_documents_title',\n    buttonText: 'VMX.my_area_box_documents_button',\n    description: 'VMX.my_area_box_documents_description',\n  },\n  submission: {\n    title: 'VMX.my_area_box_submission_title',\n    buttonText: 'VMX.my_area_box_submission_button',\n    description: 'VMX.my_area_box_submission_description',\n  },\n  evaluation: {\n    title: 'VMX.my_area_box_evaluation_title',\n    buttonText: 'VMX.my_area_box_evaluation_button',\n    description: 'VMX.my_area_box_evaluation_description',\n  },\n  program: {\n    title: 'VMX.my_area_box_program_title',\n    buttonText: 'VMX.my_area_box_program_button',\n    description: 'VMX.my_area_box_program_description',\n  },\n  helpdesk: {\n    title: 'VMX.my_area_box_helpdesk_title',\n    buttonText: 'VMX.my_area_box_helpdesk_button',\n    description: 'VMX.my_area_box_helpdesk_description',\n  },\n  profile: {\n    title: 'VMX.my_area_box_profile_title',\n    buttonText: 'VMX.my_area_box_profile_button',\n    description: 'VMX.my_area_box_profile_description',\n  },\n  groups: {\n    title: 'VMX.my_area_box_groups_title',\n    buttonText: 'VMX.my_area_box_groups_button',\n    description: 'VMX.my_area_box_groups_description',\n  },\n  inbox: {\n    title: 'VMX.my_area_box_inbox_title',\n    buttonText: 'VMX.my_area_box_inbox_button',\n    description: 'VMX.my_area_box_inbox_description',\n  },\n  networking_settings: {\n    title: 'VMX.my_area_box_networking_settings_title',\n    buttonText: 'VMX.my_area_box_networking_settings_button',\n    description: 'VMX.my_area_box_networking_settings_description',\n  },\n  notifications: {\n    title: 'VMX.my_area_box_notifications_title',\n    buttonText: 'VMX.my_area_box_notifications_button',\n    description: 'VMX.my_area_box_notifications_description',\n  },\n  abstractsubmission: {\n    title: 'VMXEventDashboard.VMXAbstractSubmission',\n    buttonText: 'VMXEventDashboard.VMXSessionSubmission_Button',\n  },\n  sessionsubmission: {\n    title: 'VMXEventDashboard.VMXSessionSubmission',\n    buttonText: 'VMXEventDashboard.VMXSessionSubmission_Button',\n  },\n  messenger: {\n    title: 'VMX.my_area_box_messenger_title',\n    description: 'VMX.my_area_box_messenger_button',\n    buttonText: 'VMX.my_area_box_messenger_description',\n  },\n  messengersettings: {\n    title: 'VMX.my_area_box_messengersettings_title',\n    description: 'VMX.my_area_box_messengersettings_button',\n    buttonText: 'VMX.my_area_box_messengersettings_description',\n  },\n}\n\nexport default {\n  name: 'MyAreaBox',\n  inheritAttrs: false,\n  data() {\n    return {\n      redirectToPagProgram: true,\n    }\n  },\n  mixins: [\n    appContainerMixins,\n  ],\n  components: {},\n  props: {\n    backgroundColor: {\n      type: String,\n      default: 'white',\n    },\n    icon: {\n      type: String,\n      default: null,\n    },\n    titleColor: {\n      type: String,\n      default: 'var(--primary)',\n    },\n    buttonBackgroundColor: {\n      type: String,\n      default: 'var(--primary)',\n    },\n    buttonTextColor: {\n      type: String,\n      default: 'var(--primary-contrast)',\n    },\n    module: {\n      type: String,\n      default: null,\n    },\n    link: {\n      type: String,\n      default: null,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    description: {\n      type: String,\n      default: '',\n    },\n    buttonText: {\n      type: String,\n      default: '',\n    },\n    manageButtonText: {\n      type: String,\n      default: '',\n    },\n    moduleType: {\n      type: String,\n      default: '',\n    },\n    target: {\n      type: String,\n      default: '_blank',\n    },\n  },\n  computed: {\n     ...mapGetters({\n      instance: 'instancesState/getInstance',\n    }),\n    isApp() {\n      return localStorage.getItem('isApp') === 'true'\n    },\n    user() {\n      return this.instance ? userState.getUser(this.instance) : null\n    },\n    moduleTitle() {\n      const module = this.getModuleName(this.module)\n      if (module && this.title === '') {\n        return module.title \n      }\n\n      if (this.title) return this.title\n      if (this.moduleType === 'CustomService') return this.module\n      return this.module\n    },\n    moduleDescription() {\n      const module = this.getModuleName(this.module)\n      if (module && this.description === '') {\n        return module.description\n      }\n      return this.description\n    },\n    moduleButtonText() {\n      const module = this.getModuleName(this.module)\n      if (module && this.buttonText === '') {\n        return module.buttonText\n      }\n      if (this.buttonText) return this.buttonText\n      if (this.moduleType === 'CustomService') return this.module\n\n      return this.module\n    },\n    buttonStyles() {\n      return {\n        color: this.replCssVar(this.buttonTextColor),\n        backgroundColor: this.replCssVar(this.buttonBackgroundColor),\n        borderColor: this.replCssVar(this.buttonBackgroundColor),\n      }\n    },\n    redirectToPagPersonalProgram() {\n      const c = this.$store.getters['config/configForKey']('app_config').configV2.defaultV2\n      if ('redirectToPagPersonalProgram' in c) return c.redirectToPagPersonalProgram\n      return true\n    },\n  },\n  methods: {\n    replCssVar(val) {\n      return theme.replaceCssVar(val)\n    },\n    async goToModule(moduleName) {\n      bannerControl.bannerDisplay(moduleName)\n\n      if (moduleName === 'custom') {\n        this.$router.push(utils.getRouteWithDefaultParams('MyAreaPage', { module: this.title.toLowerCase() }))\n        this.tracking(this.title.toLowerCase())\n      } else if (moduleName === 'helpdesk') {\n        this.$router.push(utils.getRouteWithDefaultParams('ContactPage'))\n      } else if (moduleName === 'program' && !window.jmeNetworking && this.redirectToPagPersonalProgram === true) {\n        this.$router.push(utils.getRouteWithDefaultParams('PagPersonalProgrammePage'))\n      } else if (moduleName === 'notifications') {\n        this.$router.push(utils.getRouteWithDefaultParams('NotificationsPage'))\n      } else if (moduleName === 'submission') {\n        this.$router.push(utils.getRouteWithDefaultParams('SubmissionPage'))\n      } else if (moduleName === 'registration') {\n        this.$router.push(utils.getRouteWithDefaultParams('RegistrationPage'))\n      } else if (moduleName === 'myprofile') {\n        this.$router.push(utils.getRouteWithDefaultParams('UserFormPage'))\n      } else if (moduleName === 'abstractsubmission') {\n        this.$router.push(utils.getRouteWithDefaultParams('SubmissionPage', { module: 'abstracts' }))\n      } else if (moduleName === 'sessionsubmission') {\n        this.$router.push(utils.getRouteWithDefaultParams('SubmissionPage', { module: 'sessions' }))\n      } else if (moduleName.includes('custom-module')) {\n        if (this.link !== null) {\n          if(utils.isObject(this.link)) {\n            this.$router.push(utils.getRouteWithDefaultParams(this.link.name, 'params' in this.link ? this.link.params : {}, 'query' in this.link ? this.link.query : {}))\n          } else {\n            window.open(this.link, this.target)\n          }\n        }\n      } else {\n        if (this.link !== null) {\n          if (this.$store.getters['config/configForKey']('app_config').config[0].defaults.showNoAccessModal) {\n            const result = await accessControl.accessControlUrl(this.link)\n            if (!result) {\n              EventBus.$emit('noaccess', !result)\n              return\n            }\n          }\n        const token = this.user ? this.user.accessToken : null\n        if(this.$store.getters['config/configForKey']('app_config').config[0].addTokenToEvaluationLink && this.link.includes('evaluations')){\n          const url = this.link + '?jwttoken=' + token\n          if(this.isApp) {\n            this.openLink(url)\n          } else {\n            window.open(url, this.target)\n          }\n        } else{\n          if(this.isApp && this.link.includes('http')) {\n            this.openLink(this.link)\n\n          } else {\n            window.open(this.link, this.target)\n\n          }\n        }\n          \n\n        } else {\n          this.$router.push(utils.getRouteWithDefaultParams('MyAreaPage', { module: moduleName.toLowerCase() }))\n        }\n        this.tracking(moduleName.toLowerCase())\n      }\n    },\n    getModuleName(moduleKey) {\n     \n      if (Object.prototype.hasOwnProperty.call(moduleNames, moduleKey)) {\n        return moduleNames[moduleKey]\n      }\n      return null\n    },\n    async tracking(moduleName) {\n      await trackingApi.trackCustomAction('vmx-myareabox-action', null, moduleName)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.my-area__box {\n  background: #fff;\n  height: 100%;\n  border: 1px solid var(--primary);\n\n  .card-body {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: flex-start;\n  }\n}\n.my-area__box-header {\n  background: var(--primary);\n  height: 75px;\n  position: relative;\n  overflow: hidden;\n\n  svg {\n    color: #fff;\n    font-size: 5rem;\n    position: absolute;\n    right: 1rem;\n    bottom: -1rem;\n    opacity: .8;\n  }\n}\n@media(max-width: 768px) {\n  .my-area__box-header {\n    height: 40px;\n\n  svg {\n    font-size: 1.75rem;\n    top: 50%;\n    transform: translateY(-50%);\n    right: .5rem;\n  }\n}\n}\n.my-area__box-body {\n  box-shadow: none;\n\n  .card-body {\n    padding: 1rem;\n  }\n\n  .my-area__box-title {\n    font-weight: bold;\n  }\n}\n</style>\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../thread-loader/dist/cjs.js!../../../../babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../thread-loader/dist/cjs.js!../../../../babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=55ac139d\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=55ac139d&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return ((_vm.exhibitorProfile.EnableWebcast || (_vm.session.ShowPlaylist && _vm.availablePresentations.length > 0)) && _vm.webcastAccess && _vm.componentVisibility('PlaylistWebcast'))?_c('div',{staticClass:\"symposiaPlayerexhb margin-bottom\",attrs:{\"id\":\"pag-exhibitor-player\"}},[(_vm.showTitle)?_c('h4',[_vm._v(_vm._s(_vm.title || _vm.$t(\"VMX.webcast_headline\")))]):_vm._e(),(_vm.customButton.text && _vm.customButton.url)?[_c('p',{staticClass:\"exhibitor-symposia-player__custom-button\"},[_c('a',{attrs:{\"href\":_vm.customButton.url,\"target\":_vm.customButton.target ? _vm.customButton.target : '_blank'}},[(_vm.customButton.icon)?[_c('font-awesome-icon',{attrs:{\"icon\":['far', _vm.customButton.icon],\"size\":'1x'}})]:_vm._e(),_c('span',[_vm._v(_vm._s(_vm.customButton.text))])],2)])]:_vm._e(),(_vm.selectedPresentation && _vm.showPresentationTitle)?_c('div',{staticClass:\"exhibitor-symposia-player__presentations__headline\"},[(_vm.selectedPresentation.SpeakerFirstname || _vm.selectedPresentation.SpeakerSurname)?_c('span',{staticStyle:{\"font-weight\":\"700\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.selectedPresentation.SpeakerFirstname)}}),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.selectedPresentation.SpeakerSurname)}})]):(_vm.selectedPresentation.SpeakerTitleFirstSurname)?_c('span',{staticStyle:{\"font-weight\":\"700\"},domProps:{\"innerHTML\":_vm._s(_vm.selectedPresentation.SpeakerTitleFirstSurname)}}):_vm._e(),(_vm.selectedPresentation.SpeakerFirstname || _vm.selectedPresentation.SpeakerSurname || _vm.selectedPresentation.SpeakerTitleFirstSurname)?_c('span',[_vm._v(\":\")]):_vm._e(),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.selectedPresentation.Title)}})]):_vm._e(),_c('div',{staticClass:\"exhibitor-symposia-player\"},[_c('div',{staticClass:\"exhibitor-symposia-player__player\"},[(_vm.selectedPresentation)?[_c('div',{staticClass:\"is-16by9\"},[_c('presentation-m-events-player',{key:_vm.selectedPresentation.Id,attrs:{\"iscarousel\":this.exhibitorProfile.UseWebcastPlayerCaroussel,\"event-id\":_vm.selectedPresentation.EventId,\"presentation-id\":_vm.selectedPresentation.Id,\"resource\":_vm.selectedPresentation,\"thumbnail\":_vm.thumbnail || _vm.selectedPresentation.pThumbnail}})],1)]:_c('figure',{class:['image is-16by9', _vm.compactPlaylistView ? 'is-compact-clickable' : ''],on:{\"click\":function($event){return _vm.selectPresentation(_vm.availablePresentations[0], 0)}}},[(_vm.exhibitorProfile.WebcastImage && !_vm.exhibitorProfile.UseWebcastPlayerCaroussel)?[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.exhibitorProfile.WebcastImage),expression:\"exhibitorProfile.WebcastImage\"}]})]:(_vm.exhibitorProfile.WebcastImage && _vm.exhibitorProfile.UseWebcastPlayerCaroussel)?[_c('img',{attrs:{\"src\":_vm.availablePresentations[0]?.pThumbnail || _vm.appConfig.placeholderPlayerUrl || _vm.thumbnail}})]:[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.uploadedThumbnail || _vm.session.ImagePath ||_vm.appConfig.placeholderPlayerUrl || _vm.thumbnail),expression:\"uploadedThumbnail || session.ImagePath ||appConfig.placeholderPlayerUrl || thumbnail\"}]})]],2)],2),_c('div',{staticClass:\"exhibitor-symposia-player__presentations_playlist\"},[(_vm.compactPlaylistView)?_c('div',{staticClass:\"exhibitor-symposia-player__presentations_playlist_play\"},[_vm._v(\" \"+_vm._s(`Playlist ${_vm.currentlyPlaying + 1}/${_vm.availablePresentations.length}`)+\" \")]):_vm._e(),_c('div',{staticClass:\"exhibitor-symposia-player__presentations\"},[_c('div',{class:['exhibitor-symposia-player__presentations_items', _vm.compactPlaylistView ? 'is-compact' : '']},_vm._l((_vm.availablePresentations),function(presentation,idx){return _c('div',{key:presentation.Id,class:['exhibitor-symposia-player__presentations__item', _vm.compactPlaylistView ? 'is-compact' : '',_vm.currentlyPlaying === idx ? 'active' : '' ],on:{\"click\":function($event){return _vm.selectPresentation(presentation, idx)}}},[((_vm.compactPlaylistView && _vm.currentlyPlaying === idx) || !_vm.compactPlaylistView)?_c('font-awesome-icon',{class:['exhibitor-symposia-player__presentations__item__icon', _vm.compactPlaylistView ? 'is-compact' : ''],attrs:{\"icon\":['fas', _vm.compactPlaylistView ? 'play' : 'play-circle'],\"size\":_vm.compactPlaylistView ? '1x' : '3x'}}):_vm._e(),((_vm.compactPlaylistView && _vm.currentlyPlaying !== idx))?_c('div',{class:['exhibitor-symposia-player__presentations__item__icon', _vm.compactPlaylistView ? 'is-compact' : '']},[_vm._v(\" \"+_vm._s(idx + 1)+\" \")]):_vm._e(),_c('div',{class:['exhibitor-symposia-player__presentations__item__box', _vm.compactPlaylistView ? 'is-compact' : '']},[_c('div',{class:['exhibitor-symposia-player__presentations__item__text', _vm.compactPlaylistView ? 'is-compact' : 'pl-1 pb-1']},[(presentation.SpeakerFirstname || presentation.SpeakerSurname)?_c('div',{staticClass:\"exhibitor-symposia-player__presentations__item__text__speaker\"},[_c('span',[_vm._v(\" \"+_vm._s(presentation.SpeakerFirstname+' ' +presentation.SpeakerSurname)+\" \")])]):(presentation.SpeakerTitleFirstSurname)?_c('div',{staticClass:\"exhibitor-symposia-player__presentations__item__text__speaker\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(presentation.SpeakerTitleFirstSurname)}})]):_vm._e(),_c('div',{class:['exhibitor-symposia-player__presentations__item__text__title', _vm.compactPlaylistView ? 'is-compact' : '']},[_c('span',{domProps:{\"innerHTML\":_vm._s(presentation.Title)}})])])]),_c('figure',{class:['image is-16by9', _vm.compactPlaylistView ? 'is-compact' : '']},[_c('img',{class:[_vm.compactPlaylistView ? 'is-compact' : ''],attrs:{\"src\":presentation.thumbnail || presentation.pThumbnail},on:{\"click\":function($event){return _vm.trackSelectWebcast(presentation)}}})])],1)}),0)])])])],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    v-if=\"(exhibitorProfile.EnableWebcast || (session.ShowPlaylist && availablePresentations.length > 0)) && webcastAccess && componentVisibility('PlaylistWebcast')\"\n    class=\"symposiaPlayerexhb margin-bottom\"\n    id=\"pag-exhibitor-player\"\n  >\n    <h4 v-if='showTitle'>{{ title || $t(\"VMX.webcast_headline\") }}</h4>\n    <template v-if=\"customButton.text && customButton.url\">\n      <p class=\"exhibitor-symposia-player__custom-button\">\n        <a\n          :href=\"customButton.url\"\n          :target=\"customButton.target ? customButton.target : '_blank'\"\n        >\n          <template v-if=\"customButton.icon\">\n            <font-awesome-icon\n              :icon=\"['far', customButton.icon]\"\n              :size=\"'1x'\"\n            />\n          </template>\n          <span>{{ customButton.text }}</span>\n        </a>\n      </p>\n    </template>\n    <div\n      v-if=\"selectedPresentation && showPresentationTitle\"\n      class=\"exhibitor-symposia-player__presentations__headline\"\n    >\n      <span\n        style=\"font-weight: 700\"\n        v-if=\"selectedPresentation.SpeakerFirstname || selectedPresentation.SpeakerSurname\"\n      >\n        <span v-html=\"selectedPresentation.SpeakerFirstname\" />\n        <span v-html=\"selectedPresentation.SpeakerSurname\" />\n      </span>\n      <span\n        style=\"font-weight: 700\"\n        v-else-if=\"selectedPresentation.SpeakerTitleFirstSurname\"\n        v-html=\"selectedPresentation.SpeakerTitleFirstSurname\"\n      />\n      <span v-if=\"selectedPresentation.SpeakerFirstname || selectedPresentation.SpeakerSurname || selectedPresentation.SpeakerTitleFirstSurname\">:</span>\n      <span v-html=\"selectedPresentation.Title\" />\n    </div>\n    <div class=\"exhibitor-symposia-player\">\n      <div class=\"exhibitor-symposia-player__player\">\n        <template v-if=\"selectedPresentation\">\n          <div class=\"is-16by9\">\n            <presentation-m-events-player\n              :key=\"selectedPresentation.Id\"\n              :iscarousel=\"this.exhibitorProfile.UseWebcastPlayerCaroussel\"\n              :event-id=\"selectedPresentation.EventId\"\n              :presentation-id=\"selectedPresentation.Id\"\n              :resource=\"selectedPresentation\"\n              :thumbnail=\"thumbnail || selectedPresentation.pThumbnail\"\n            />\n          </div>\n        </template>\n        <figure\n          v-else\n          :class=\"['image is-16by9', compactPlaylistView ? 'is-compact-clickable' : '']\"\n          @click=\"selectPresentation(availablePresentations[0], 0)\"\n        >\n          <template v-if=\"exhibitorProfile.WebcastImage && !exhibitorProfile.UseWebcastPlayerCaroussel\">\n            <img v-lazy=\"exhibitorProfile.WebcastImage\" />\n          </template>\n          <template v-else-if=\"exhibitorProfile.WebcastImage && exhibitorProfile.UseWebcastPlayerCaroussel\">\n            <img :src=\"availablePresentations[0]?.pThumbnail || appConfig.placeholderPlayerUrl || thumbnail\" />\n          </template>\n          <template v-else>\n            <img v-lazy=\"uploadedThumbnail || session.ImagePath ||appConfig.placeholderPlayerUrl || thumbnail\" />\n          </template>\n        </figure>\n      </div>\n      <div class=\"exhibitor-symposia-player__presentations_playlist\">\n        <div\n          v-if=\"compactPlaylistView\"\n          class=\"exhibitor-symposia-player__presentations_playlist_play\"\n        >\n          {{ `Playlist ${currentlyPlaying + 1}/${availablePresentations.length}` }}\n        </div>\n        <div class=\"exhibitor-symposia-player__presentations\">\n          <div\n            :class=\"['exhibitor-symposia-player__presentations_items', compactPlaylistView ? 'is-compact' : '']\"\n          >\n            <div\n              v-for=\"(presentation, idx) in availablePresentations\"\n              :key=\"presentation.Id\"\n              :class=\"['exhibitor-symposia-player__presentations__item', compactPlaylistView ? 'is-compact' : '',currentlyPlaying === idx ? 'active' : '' ]\"\n              @click=\"selectPresentation(presentation, idx)\"\n            >\n              <font-awesome-icon\n                v-if=\"(compactPlaylistView && currentlyPlaying === idx) || !compactPlaylistView\"\n                :icon=\"['fas', compactPlaylistView ? 'play' : 'play-circle']\"\n                :class=\"['exhibitor-symposia-player__presentations__item__icon', compactPlaylistView ? 'is-compact' : '']\"\n                :size=\"compactPlaylistView ? '1x' : '3x'\"\n              />\n              <div\n                v-if=\"(compactPlaylistView && currentlyPlaying !== idx)\"\n                :class=\"['exhibitor-symposia-player__presentations__item__icon', compactPlaylistView ? 'is-compact' : '']\"\n              >\n                {{ idx + 1 }}\n              </div>\n              <div :class=\"['exhibitor-symposia-player__presentations__item__box', compactPlaylistView ? 'is-compact' : '']\">\n                <div\n                  :class=\"['exhibitor-symposia-player__presentations__item__text', compactPlaylistView ? 'is-compact' : 'pl-1 pb-1']\"\n                >\n                  <div\n                    class=\"exhibitor-symposia-player__presentations__item__text__speaker\"\n                    v-if=\"presentation.SpeakerFirstname || presentation.SpeakerSurname\"\n                  >\n                    <span> {{ presentation.SpeakerFirstname+' ' +presentation.SpeakerSurname }} </span>\n                  </div>\n                  <div\n                    class=\"exhibitor-symposia-player__presentations__item__text__speaker\"\n                    v-else-if=\"presentation.SpeakerTitleFirstSurname\"\n                  >\n                    <span v-html=\"presentation.SpeakerTitleFirstSurname\" />\n                  </div>\n                  <div\n                    :class=\"['exhibitor-symposia-player__presentations__item__text__title', compactPlaylistView ? 'is-compact' : '']\"\n                  >\n                    <span v-html=\"presentation.Title\" />\n                  </div>\n                </div>\n              </div>\n              <figure :class=\"['image is-16by9', compactPlaylistView ? 'is-compact' : '']\">\n                <img\n                  :class=\"[compactPlaylistView ? 'is-compact' : '']\"\n                  :src=\"presentation.thumbnail || presentation.pThumbnail\"\n                  @click=\"trackSelectWebcast(presentation)\"\n                />\n              </figure>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport EventBus from '~/states/event-bus'\nimport exhibitionApi from '~/api/exhibition'\nimport accessControl from '~/utilities/accessControl'\nimport visibilityMixins from '../../mixins/visibilityMixins'\n\nimport PresentationMEventsPlayer from './../PresentationMEventsPlayer.vue'\nimport utils from '../../utilities'\n\n\nexport default {\n  name: 'ExhibitorSymposiaPlayer',\n  components: { PresentationMEventsPlayer },\n  mixins: [\n    visibilityMixins,\n  ],\n  inject: {\n    TrackingUtil: {\n      type: Function,\n    },\n  },\n  data() {\n    return {\n      selectedPresentation: null,\n      presentations: [],\n      meventsPresentations: [],\n      currentlyPlaying: null,\n    }\n  },\n  computed: {\n    ...mapGetters({\n      configForKey: 'config/configForKey',\n      apiBaseUrl: 'instancesState/getApiBaseUrl',\n      superUser: 'instancesState/getSuperUser',\n      eventId: 'instancesState/getEventId',\n      instance: 'instancesState/getInstance',\n    }),\n    webcastAccess() {\n      return accessControl.accessControlKey('watchWebcast')\n    },\n    availablePresentations() {\n      const tz = utils.eventTimezone()\n      dayjs.tz.setDefault(tz)\n\n\n      const serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), tz)\n      return this.meventsPresentations.filter((pres) => {\n        const availabilityDate = dayjs.tz(pres.onDemandAvailability, tz)\n        const access = accessControl.accessControlSession(pres.SessionId?.toString())\n        if (pres.availabilityTo) {\n          const availabilityTo = dayjs.tz(pres.availabilityTo, tz)\n          return availabilityDate <= nowDate && nowDate <= availabilityTo && pres.webcastEnabled && pres.path != null\n        }\n        if (this.superUser) {\n          return (\n            pres.webcastEnabled\n            && pres.path != null\n          )\n        }\n\n        return (\n          access\n          && availabilityDate <= nowDate\n          && pres.webcastEnabled\n          && pres.path != null\n        )\n      })\n    },\n    appConfig() {\n      const appConfig = this.configForKey('app_config')\n      if (appConfig) {\n        return appConfig.config[0]\n      }\n      return null\n    },\n    manageApiUrl() {\n      if (this.appConfig && this.appConfig.VirtualMeetingTestApi) {\n        return this.appConfig.VirtualMeetingTestApi\n      }\n      return this.apiBaseUrl.replace('https://', '')\n    },\n    virtualMeetingUrl() {\n      return this.appConfig ? this.appConfig.VirtualMeetingUrl : null\n    },\n    liveStreams() {\n      const industryConfig = this.configForKey('industry_config').config\n      let liveStreamList\n      if (industryConfig.liveStreamList?.length > 0) {\n        // eslint-disable-next-line max-len\n        [liveStreamList] = industryConfig.liveStreamList.filter((list) => list.exhibitorId === this.exhibitorProfile.CompanyAccountId)\n        return liveStreamList?.streams\n      }\n      return []\n    },\n  },\n  props: {\n    exhibitorProfile: {\n      type: Object,\n      default() {\n        return {}\n      },\n    },\n    webcastPresentation: {\n      type: Array,\n      default: null,\n    },\n    compactPlaylistView: {\n      type: Boolean,\n      default: false,\n    },\n    session: {\n      type: Object,\n      default() {\n        return {}\n      },\n    },\n    playlistPlaythrough: {\n      type: Boolean,\n      default: false,\n    },\n    disableVMChecksProp: {\n      type: Boolean,\n      default: true,\n    },\n    showTitle: {\n      type: Boolean,\n      default: true,\n    },\n    showPresentationTitle: {\n      type: Boolean,\n      default: true,\n    },\n    thumbnail: {\n      type: String,\n      default: '../../assets/playerDefault.jpg',\n    },\n    uploadedThumbnail: {\n      type: String,\n      default: '',\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    customButton: {\n      type: Object,\n      default() {\n        return {}\n      },\n    },\n  },\n  watch: {\n    presentations() {\n      this.getAllPresentations()\n    },\n  },\n  methods: {\n    ...mapActions({\n      loadConfig: 'config/loadConfig',\n    }),\n    async getPresentationThumbnail(\n      sessionId,\n      presentationId,\n      eventId,\n      wEnabled,\n      onDemandAvailability,\n      presentationTitle,\n      speakerFirstname,\n      speakerSurname,\n      speakerTitleFirstSurname,\n      permissionForWebcast,\n      suppressWebcast,\n      disableVMChecks,\n      thumbnail,\n    ) {\n      const url = `${this.virtualMeetingUrl}/v0/resources.json`\n      let data = {}\n      const params = {\n        manage_api: this.manageApiUrl,\n        event_manage_id: eventId,\n        resource_manage_id: presentationId,\n        include_playback: 0,\n      }\n\n      const response = await axios.get(url, { params })\n      if (response.data && response.data[0]) {\n        let webcastEnabled\n        if (disableVMChecks) {\n          webcastEnabled = wEnabled\n            && permissionForWebcast\n            && !suppressWebcast\n            && response.data[0].is_uploaded\n        } else {\n          webcastEnabled = wEnabled\n            && response.data[0].is_approved\n            && response.data[0].is_handled\n            && response.data[0].is_uploaded\n            && response.data[0].is_published\n        }\n        if (this.superUser) {\n          webcastEnabled = wEnabled && response.data[0].is_uploaded\n        }\n        data = {\n          SessionId: sessionId,\n          Id: presentationId,\n          Title: presentationTitle,\n          SpeakerFirstname: speakerFirstname,\n          SpeakerSurname: speakerSurname,\n          SpeakerTitleFirstSurname: speakerTitleFirstSurname,\n          EventId: eventId,\n          onDemandAvailability,\n          webcastEnabled,\n          permissionForWebcast,\n          suppressWebcast,\n          disableVMChecks,\n          path: response.data[0].path,\n          pThumbnail:\n            `https://d2t0unnjxes6lt.cloudfront.net/data/${\n              response.data[0].app_path\n            }/data/talks/${\n              response.data[0].path\n            }/Slide1.jpg`,\n          playerResource: response.data[0],\n          thumbnail,\n        }\n      }\n      return data\n    },\n    selectPresentation(presentation, idx) {\n      this.selectedPresentation = presentation\n      this.currentlyPlaying = idx\n    },\n    async getAllPresentations() {\n      const calls = []\n      const liveStream = []\n      if (this.liveStreams?.length > 0) {\n        this.liveStreams.forEach((stream) => {\n          liveStream.push(\n            {\n              Id: stream.id,\n              Title: stream.title,\n              SpeakerFirstname: '',\n              SpeakerSurname: stream.topic,\n              EventId: this.eventId,\n              onDemandAvailability: stream.availableFrom,\n              availabilityTo: stream.availableTo,\n              webcastEnabled: true,\n              path: stream.url,\n              pThumbnail: stream.thumbnail,\n              playerResource: {\n                app_path: this.instance,\n                contentsession: {\n                  id: stream.id,\n                  manage_id: '',\n                  room_id: 9999,\n                  title: stream.title,\n                },\n                event_id: '',\n                id: stream.id,\n                is_approved: true,\n                is_handled: true,\n                is_published: true,\n                is_uploaded: true,\n                jpg_path: '',\n                manage_id: '',\n                mediatype_id: 99,\n                not_available_reason: '',\n                path: stream.url,\n                resourcetype_id: 99,\n                title: stream.title,\n                availabilityFrom: stream.availableFrom,\n                availabilityTo: stream.availableTo,\n              },\n            },\n          )\n        })\n      }\n      this.presentations.forEach((p) => {\n        if (!p.SuppressWebcast || !p.Suppresswebcast) {\n          calls.push(\n            this.getPresentationThumbnail(\n              p.CurrentSessionId || this.session.SessionId,\n              p.Id || p.PresentationId,\n              p.EventId || this.eventId,\n              p.webcastEnabled || p.WebcastEnabled,\n              p.onDemandAvailability || p.OnDemandAvailability,\n              p.Title || p.Text,\n              p.SpeakerFirstname || '',\n              p.SpeakerSurname || '',\n              p.Speakers?.length > 0 ? p.Speakers[0].TitleFirstnameSurname : '',\n              p.PermissionForWebcast || p.WebCastPermission,\n              p.SuppressWebcast || p.Suppresswebcast,\n              this.disableVMChecksProp,\n              p.Thumbnail,\n            ),\n          )\n        }\n      })\n\n      return Promise.all(calls).then((results) => {\n        this.meventsPresentations = liveStream.concat(results)\n      })\n    },\n    reloadComponent() {\n      if (this.selectedPresentation !== null && this.selectedPresentation.playerResource.resourcetype_id === 99) {\n        this.selectedPresentation = null\n      }\n      this.getAllPresentations()\n      clearInterval(this.timer)\n      if (this.liveStreams.length > 0) {\n        this.getTimeForReload()\n      }\n    },\n    loadStylesheet(url) {\n      const ss = document.styleSheets\n      for (let i = 0, max = ss.length; i < max; i += 1) {\n        if (ss[i].href === url) {\n          return\n        }\n      }\n      const link = document.createElement('link')\n      link.setAttribute('rel', 'stylesheet')\n      link.setAttribute('href', url)\n      document.head.appendChild(link)\n    },\n    getTimeForReload() {\n      const tz = utils.eventTimezone()\n      dayjs.tz.setDefault(tz)\n      const serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), tz)\n      const times = []\n      let closestDateTo = null\n      this.liveStreams.forEach((stream) => {\n        if (dayjs.tz(stream.availableTo, tz).diff(nowDate) >= 0) {\n          times.push(dayjs.tz(stream.availableTo, tz).diff(nowDate))\n        }\n        if (dayjs.tz(stream.availableFrom, tz).diff(nowDate) >= 0) {\n          times.push(dayjs.tz(stream.availableFrom, tz).diff(nowDate))\n        }\n      })\n\n      if (times.length > 0) {\n        closestDateTo = times.reduce((a, b) => (a - nowDate.valueOf() < b - nowDate.valueOf() ? a : b))\n      }\n      if (closestDateTo) {\n        this.timer = setInterval(this.reloadComponent, closestDateTo)\n      }\n    },\n    trackSelectWebcast(presentation) {\n      this.TrackingUtil.trackEvent(\n        'SelectWebcast',\n        'Select',\n        `${this.exhibitorProfile.Name\n        } (${\n          presentation.Title\n        }, ${\n          presentation.Id\n        })`,\n      )\n    },\n  },\n  async created() {\n    this.$loadScript('https://unpkg.com/swiper/swiper-bundle.js').then(() => {}).catch(() => {\n      console.log('failed load swiper-bundle.js')\n    })\n    this.$loadScript('https://unpkg.com/swiper/swiper-bundle.min.js').then(() => {}).catch(() => {\n      console.log('failed load swiper-bundle.min.js')\n    })\n    this.loadStylesheet('https://unpkg.com/swiper/swiper-bundle.css')\n    this.loadStylesheet('https://unpkg.com/swiper/swiper-bundle.min.css')\n  },\n  async mounted() {\n    if (this.exhibitorProfile.UseWebcastPlayerCaroussel) {\n      if (this.webcastPresentation) {\n        this.presentations = this.webcastPresentation\n      }\n    } else if (this.session.ShowPlaylist && this.session.Presentations) {\n      this.presentations = await this.session.Presentations\n    } else {\n      if('CompanyAccountId' in this.exhibitorProfile){\n      this.presentations = await exhibitionApi.getExhibitorPresentations(\n        this.exhibitorProfile.CompanyAccountId,\n      )\n      }\n\n    }\n\n    if (this.liveStreams?.length > 0) {\n      this.getTimeForReload()\n    }\n    await this.loadConfig()\n\n    if (this.session.ShowPlaylist && this.playlistPlaythrough) {\n      EventBus.$on('videoEnded', (params) => {\n        if(this.currentlyPlaying + 1 !== this.availablePresentations.length) {\n          this.selectPresentation(this.availablePresentations[this.currentlyPlaying + 1], this.currentlyPlaying + 1)\n        }\n      })\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.margin-bottom {\n  margin-bottom: 30px;\n}\n.exhibitor-symposia-player {\n  display: flex;\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n\n  .exhibitor-symposia-player__player {\n    flex: 0 0 calc(75% - 10px);\n    width: calc(75% - 10px);\n    margin-right: 20px;\n    padding-bottom: 50px;\n\n    @media (max-width: 992px) {\n      width: 100%;\n      padding-bottom: 60px;\n    }\n  }\n\n  .exhibitor-symposia-player__presentations_playlist {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    @media (max-width: 992px) {\n      height: 300px;\n    }\n  }\n\n  .exhibitor-symposia-player__presentations_playlist_play {\n    background: #EBEBEB;\n    padding: 5px;\n    font-weight: bold;\n  }\n\n  .exhibitor-symposia-player__presentations {\n    flex: 1 0 calc(100% - 45px);\n    position: relative;\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n      -webkit-appearance: none;\n      width: 7px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: 4px;\n      background-color: rgba(0, 0, 0, 0.5);\n      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n    }\n  }\n\n  .exhibitor-symposia-player__presentations_items {\n    position: absolute;\n    height: auto;\n    width: 100%;\n    top: 0;\n    left: 0;\n    @media (max-width: 992px) {\n      &:not(.is-compact){\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-gap: 10px 10px;\n      }\n    }\n  }\n\n  .exhibitor-symposia-player__presentations__item {\n    cursor: pointer;\n    position: relative;\n  }\n\n  .exhibitor-symposia-player__presentations__item__box {\n    position: absolute;\n    color: var(--primary-industry-contrast);\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    &.is-compact {\n      left: 134px;\n      top: 0;\n    }\n  }\n\n  .exhibitor-symposia-player__presentations__item__text {\n    font-size: 12px;\n    background-color: var(--primary-industry);\n\n    &.is-compact{\n      background-color: transparent;\n      color: #262626;\n    }\n  }\n\n  .exhibitor-symposia-player__presentations__item__text__speaker {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .exhibitor-symposia-player__presentations__item__text__title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.is-compact{\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      white-space: initial;\n      -webkit-box-orient: vertical;\n    }\n  }\n\n  .exhibitor-symposia-player__presentations__item__icon {\n    color: white;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n\n    &.is-compact{\n      color: #262626;\n      left: 10px;\n      font-size: 14px;\n      font-weight: 700;\n    }\n  }\n\n  @media (max-width: 1200px) {\n    .exhibitor-symposia-player__presentations__item__text {\n      font-size: 10px;\n    }\n  }\n\n  @media (max-width: 750px) {\n    .exhibitor-symposia-player__presentations__item__icon {\n      font-size: 30px;\n    }\n  }\n\n  .exhibitor-symposia-player__presentations__item:not(:last-child) {\n    margin-bottom: 20px;\n  }\n  .exhibitor-symposia-player__presentations__item {\n    &.is-compact {\n     margin: 0;\n     background: #EBEBEB;\n    }\n\n    &.active {\n      background: #FDFDFD;\n    }\n  }\n}\n\n.exhibitor-symposia-player__presentations__headline {\n  color: var(--primary-industry-contrast);\n  font-size: 20px;\n  background-color: var(--primary-industry);\n  padding: 5px 5px;\n  margin-bottom: 5px;\n}\n\n.exhibitor-symposia-player__custom-button {\n  a {\n    padding: 8px 16px;\n    color: var(--primary-industry-contrast);\n    background-color: var(--primary-industry);\n    -webkit-appearance: button;\n    -moz-appearance: button;\n    text-decoration: none;\n    svg {\n      margin-right: 15px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../thread-loader/dist/cjs.js!../../../../babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../thread-loader/dist/cjs.js!../../../../babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=24213651\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=24213651&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notification-list\"},[[_c('div',{class:[_vm.notificationMultiple ? 'notification-list__multiple' : 'notification-list__single']},_vm._l((_vm.notificationList),function(notification,idx){return _c('notification-card',{key:idx,staticClass:\"flex-item\",attrs:{\"notification\":notification}})}),1)],_c('infinite-loading',{attrs:{\"identifier\":_vm.infiniteId},on:{\"infinite\":_vm.infiniteHandler}},[_c('div',{attrs:{\"slot\":\"no-results\"},slot:\"no-results\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.pag_no_results_found'))}}),_vm._v(\" \"),_c('br')]),_c('div',{attrs:{\"slot\":\"no-more\"},slot:\"no-more\"})])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notification\"},[_c('div',{staticClass:\"notification-card\"},[_c('div',{staticClass:\"__card-content\"},[_c('span',{staticClass:\"__notification-type\",domProps:{\"innerHTML\":_vm._s(_vm.notificationType)}}),_c('span',{staticClass:\"__notification-date\"},[_vm._v(\" \"+_vm._s(`${_vm.formatDateShort(_vm.notification.displayFromDate)} | ${_vm.formatDateTime(_vm.notification.displayFromDate)} ${_vm.timeZoneName(_vm.notification.displayFromDate)}`)+\" \")]),_c('span',{staticClass:\"__notification-title\",domProps:{\"innerHTML\":_vm._s(_vm.notification.headlineTop)}}),_c('p',{class:!_vm.hover ? '__notification-description' : '',domProps:{\"innerHTML\":_vm._s(_vm.notification.text)},on:{\"click\":_vm.toggleDescription}}),_c('a',{staticClass:\"__notification-link\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openHtmlLink(_vm.notification.headlineTop, _vm.notification.optionalLink)}}},[_vm._v(\" \"+_vm._s(_vm.linkPlaceholder)+\" \")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"notification\"\n  >\n    <div \n      class=\"notification-card\"\n    >\n      <div \n        class=\"__card-content\"\n      >\n        <span\n          class=\"__notification-type\"\n          v-html=\"notificationType\"\n        />\n        <span\n          class=\"__notification-date\"\n        >\n          {{\n            `${formatDateShort(notification.displayFromDate)} | ${formatDateTime(notification.displayFromDate)} ${timeZoneName(notification.displayFromDate)}`\n          }}\n        </span>\n        <span\n          class=\"__notification-title\"\n          v-html=\"notification.headlineTop\"\n        />\n        <p\n          :class=\"!hover ? '__notification-description' : '' \"\n          v-html=\"notification.text\"\n          @click=\"toggleDescription\"\n        />\n        <a\n          class=\"__notification-link\"\n          @click.stop.prevent=\"openHtmlLink(notification.headlineTop, notification.optionalLink)\"\n        >\n          {{ linkPlaceholder }}\n        </a>\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<script>\nimport trackingApi from '~/api/tracking'\nimport { mapActions, mapGetters } from 'vuex'\nimport pageStateMixins from 'm-anage.com.vmx-components/src/mixins/pageStateMixins'\nimport dateMixins from 'm-anage.com.vmx-components/src/mixins/dateMixins'\nimport appContainerMixins from 'm-anage.com.vmx-components/src/mixins/appContainerMixins'\n\nexport default {\n  inheritAttrs: false,\n  mixins: [pageStateMixins, dateMixins, appContainerMixins],\n  props: {\n    notification: {\n      type: Object,\n      default() {\n        return {}\n      },\n    },\n    notificationMultiple: {\n      type: Boolean,\n      default: true,\n    },\n  },\n    data() {\n      return {\n        hover: false,\n      }\n    },\n  methods: {\n     ...mapActions({\n      loadConfig: 'config/loadConfig',\n    }),\n    openHtmlLink(name, url) {\n      trackingApi.trackCustomAction(\n        'vmx-notification-card',\n        name,\n        url,\n      )\n      if(this.isAppContainer) {\n        this.openLink(url)\n        return\n      }\n    window.open(url, this.notificationLinkTarget)\n    },\n    toggleDescription() {\n      this.hover = !this.hover\n    },\n  }, \n  computed: {\n     ...mapGetters({\n      configForKey: 'config/configForKey',\n      isAppContainer: 'instancesState/getIsAppContainer'\n    }),\n    notificationType(){\n      if(this.notification.type === 'Firebase') return 'Onsite'\n      if(this.notification.type === 'PushNotification') return 'Virtual'\n      else return ''\n    },\n    notificationLinkTarget() {\n      const config = this.configForKey('app_config').config[0].defaults\n      console.log('notificationLinkTarget' in config)\n      if ('notificationLinkTarget' in config) {\n        return config.notificationLinkTarget\n      }\n      return '_self'\n    },\n    linkPlaceholder(){\n    const config = this.configForKey('app_config').config[0]\n      if (this.notification.optionalLink && config?.NotificationSettings?.linkText) {\n        return config.NotificationSettings.linkText\n      }\n      return this.notification.optionalLink\n    },\n  },\n  async mounted() {\n    await this.loadConfig()\n    \n  }\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.notification {\n\n  .notification-card {\n    height: 100%;\n    padding: 1.25rem;\n    background: #fafafa; \n    padding: var(--pag-box-padding); \n    border: 1px solid rgba(0,0,0,.125); \n    border-radius: 0.25rem;\n    .__card-content {\n      display: flex;\n      flex-direction: column;\n      gap: .5rem;\n      justify-content: flex-start;\n      align-items: flex-start;\n      height: 100%;\n\n      .__notification-type {\n        padding: 0.125rem 0.5rem;\n        background: #eceef2;\n        border-radius: 0.8rem;\n        color: #5b6d8b;\n      }\n      .__notification-date {\n      }\n      .__notification-title {\n        font-weight: 700;\n        font-size: 1rem;\n      }\n      .__notification-description {\n          display: block;\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          -webkit-line-clamp: 3;\n      }\n      .__notification-link {\n        cursor: pointer;\n      }\n      .__notification-link {\n        word-break: break-word;\n      }\n    }\n  }\n\n\n}\n\n</style>","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./notificationCard.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./notificationCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./notificationCard.vue?vue&type=template&id=57213b9b&scoped=true\"\nimport script from \"./notificationCard.vue?vue&type=script&lang=js\"\nexport * from \"./notificationCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./notificationCard.vue?vue&type=style&index=0&id=57213b9b&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57213b9b\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div\n    class=\"notification-list\"\n  >\n    <template>\n      <div\n        :class=\"[notificationMultiple ? 'notification-list__multiple' : 'notification-list__single']\"\n      >\n        <notification-card\n          class=\"flex-item\"\n          v-for=\"(notification, idx) in notificationList\"\n          :key=\"idx\"\n          :notification=\"notification\"\n        />\n      </div>\n    </template>\n    <infinite-loading\n      :identifier=\"infiniteId\"\n      @infinite=\"infiniteHandler\"\n    >\n      <div slot=\"no-results\">\n        <span v-html=\"$t('VMX.pag_no_results_found')\" /> <br />\n      </div>\n      <div slot=\"no-more\" />\n    </infinite-loading>\n  </div>\n</template>\n\n<script>\nimport notificationCard from './notificationCard.vue'\nimport dayjs from 'dayjs'\nimport { mapActions, mapGetters } from 'vuex'\n\nexport default {\n  inheritAttrs: false,\n  props: {\n    notificationMultiple: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  components: { notificationCard },\n  data() {\n    return {\n      notificationList: [],\n      listOffset: 0,\n      listItemPerPage: 20,\n      infiniteId: 0,\n      initialized: false,\n      notificationResult:[]\n    }\n  },\n   computed: {\n    ...mapGetters({\n      getPushnotifications: 'pushnotifications/pushnotification',\n    }),\n  },\n  methods: {\n     ...mapActions({\n      loadNotifications: 'pushnotifications/loadPushnotification',\n    }),\n      async getNotifications(){\n      if(this.getPushnotifications){\n        const notificationsUnsorted  =  this.getPushnotifications.filter((a) => dayjs() >= dayjs(a.displayFromDate))\n        this.notificationResult = notificationsUnsorted.sort((a, b) => { \n            if(dayjs(a.displayFromDate) > dayjs(b.displayFromDate)) {\n              return -1\n            }\n            if(dayjs(a.displayFromDate) < dayjs(b.displayFromDate)){\n              return 1\n            }\n            return 0\n\n          })\n      }\n    },\n    async infiniteHandler($state) {\n      const data = this.notificationResult.slice(\n        this.listOffset,\n        this.listOffset + this.listItemPerPage,\n      )\n      this.listOffset += this.listItemPerPage\n      if (data.length) {\n        this.notificationList.push(...data)\n        $state.loaded()\n        this.initialized = true\n      } else {\n        $state.complete()\n        this.initialized = true\n      }\n      localStorage.setItem('notificationList', JSON.stringify(this.getPushnotifications))\n    },\n  },\n  watch: {\n    notificationResult() {\n      this.notificationList = []\n      this.infiniteId += 1\n      this.listOffset = 0\n      this.listLoaded = true\n    },\n  },\n  async mounted(){\n    await this.loadNotifications()\n    await this.getNotifications()\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n\n  .notification-list {\n    flex-direction: column;\n    display: flex;\n    /* box-shadow: var(--pag-box-shadow);\n    background: var(--pag-box-background); */\n    /* margin: var(--pag-box-margin); */\n    gap: var(--pag-box-gap);\n  }\n\n.notification-list__single {\n    display: grid;\n    grid-template-columns: repeat(1, minmax(100px, 1fr));\n    grid-gap: 1.25rem;\n    }\n\n    .notification-list__multiple {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(100px, 1fr));\n\n    grid-gap: 1.25rem;\n    @media (max-width: 1200px) {\n        grid-template-columns: repeat(2, minmax(100px, 1fr));\n    }\n    @media (max-width: 768px) {\n        grid-template-columns: repeat(1, minmax(100px, 1fr));\n    }\n    }\n\n</style>","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./notificationGrid.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./notificationGrid.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./notificationGrid.vue?vue&type=template&id=d0acf4fa&scoped=true\"\nimport script from \"./notificationGrid.vue?vue&type=script&lang=js\"\nexport * from \"./notificationGrid.vue?vue&type=script&lang=js\"\nimport style0 from \"./notificationGrid.vue?vue&type=style&index=0&id=d0acf4fa&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d0acf4fa\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=070d9235&prod&lang=scss\"","export * from \"-!../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=24213651&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:`speaker-card ${_vm.item.ChairType || ''}`,on:{\"click\":function($event){return _vm.goToProgramme(_vm.item.UserId, _vm.type)}}},[_c('div',{staticClass:\"speaker-card__content\"},[_c('div',{staticClass:\"speaker-card__content-text\"},[(_vm.enablePlaceholderSpeakerColor && !_vm.image)?[_c('div',{staticClass:\"speaker-card__content-profile-image\",style:({ backgroundColor: _vm.config('app_config').config[0].placeholderSpeakerColor })})]:[_c('img',{staticClass:\"speaker-card__content-profile-image\",attrs:{\"src\":_vm.image},on:{\"error\":function($event){$event.target.src=require('../../../assets/placeholder.png')}}})],_c('div',{staticClass:\"flex-details\"},[_c('div',[_c('span',{staticClass:\"speaker-card__content-text-session-name pag-body-text\",domProps:{\"textContent\":_vm._s(_vm.name)}})]),((_vm.cardProps.cardConfig.speakerCard.showAuthorInstitute && _vm.item.Institute) || (_vm.showAuthorTitleProfession && _vm.item.Title))?_c('div',{staticClass:\"speaker-card__container-profession-institute\"},[((_vm.showAuthorTitleProfession && _vm.item.Title))?[_c('span',{staticClass:\"speaker-card__content-text-profession pag-body-text-sm\"},[_vm._v(\" \"+_vm._s(_vm.item.Title)+\" \")])]:_vm._e(),((_vm.cardProps.cardConfig.speakerCard.showAuthorInstitute && _vm.item.Institute))?[_c('span',{staticClass:\"speaker-card__content-text-institute pag-body-text-sm\"},[_vm._v(\" \"+_vm._s(_vm.item.Institute)+\" \")])]:_vm._e()],2):_vm._e(),((_vm.showCOI || _vm.cardProps.cardConfig.speakerCard.showCOI) && _vm.item.UserInfo)?[_c('div',{staticClass:\"speaker-card__content-user-info\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fa', 'circle-info']}}),_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('PAG.COI_text')))])],1)]:_vm._e(),(_vm.cardProps.cardConfig.speakerCard.showAuthorChairType && _vm.item.ChairTypeDisplay && _vm.item.ChairType)?[_c('span',{staticClass:\"speaker-card__content-chair-type\"},[_vm._v(\" \"+_vm._s(`(${_vm.item.ChairType})`)+\" \")])]:_vm._e(),((_vm.cardProps.cardConfig.speakerCard.showAuthorCity && (_vm.city && _vm.city.toLowerCase() !== 'all') || _vm.cardProps.cardConfig.speakerCard.showAuthorCountry) )?[_c('span',{staticClass:\"speaker-card__content-text-city-country pag-body-text-sm\"},[_vm._v(\" \"+_vm._s(`${_vm.cardProps.cardConfig.speakerCard.showAuthorCity && _vm.city || _vm.cardProps.cardConfig.speakerCard.showAuthorCountry && _vm.country ? _vm.openBracket : ''}${_vm.cardProps.cardConfig.speakerCard.showAuthorCity && _vm.city ? _vm.city : ''}${_vm.cardProps.cardConfig.speakerCard.showAuthorCity && _vm.city && _vm.cardProps.cardConfig.speakerCard.showAuthorCountry && _vm.country ? ', ': ''}${_vm.cardProps.cardConfig.speakerCard.showAuthorCountry && _vm.country ? _vm.country : ''}${_vm.cardProps.cardConfig.speakerCard.showAuthorCity && _vm.city || _vm.cardProps.cardConfig.speakerCard.showAuthorCountry && _vm.country ? _vm.closeBracket: ''}`)+\" \")])]:_vm._e(),(_vm.userTags && _vm.cardProps.cardConfig.speakerCard.showUserTags)?[_c('br'),_vm._l((_vm.userTags),function(tags,idx){return _c('span',{key:idx,staticClass:\"__tags\",domProps:{\"innerHTML\":_vm._s(tags)}})})]:_vm._e(),_c('div',{staticClass:\"speaker-card__button-group\"},[(_vm.loggedInUser && _vm.acceptcontact && _vm.cardProps.cardConfig.speakerCard.showContactSpeaker)?_c('button',{staticClass:\"speaker-card__link send-message pag-default-btn-inverse-sm\",on:{\"click\":function($event){$event.stopPropagation();return _vm.contactSpeaker(_vm.item)}}},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'envelope']}}),_vm._v(\" \"+_vm._s(_vm.$t(\"AppTranslations.SendMessage\"))+\" \")],1):_vm._e(),(_vm.loggedInUser)?[(_vm.cardProps.cardConfig.speakerCard.showFavoritesToggle)?_c('button',{staticClass:\"speaker-card__link add-to-favourite pag-default-btn-inverse-sm\",on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleFavorites(_vm.item.UserId, _vm.type)}}},[(_vm.isFavorite(_vm.item.UserId, _vm.type))?[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'star']}}),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.my_programme_remove_from_favourites'))}})]:[_c('font-awesome-icon',{attrs:{\"icon\":['far', 'star']}}),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.my_programme_add_to_favourites'))}})]],2):_vm._e()]:_vm._e()],2)],2)],2)]),(_vm.loggedInUser && _vm.contactFormInitialized && _vm.cardProps.cardConfig.speakerCard.showContactSpeaker)?_c('contact-form-modal',{attrs:{\"speaker\":_vm.item,\"show\":_vm.showContactFormModal},on:{\"close\":_vm.handleCloseContactForm}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    :class=\"`speaker-card ${item.ChairType || ''}`\"\n    @click=\"goToProgramme(item.UserId, type)\"\n  >\n    <div class=\"speaker-card__content\">\n      <div class=\"speaker-card__content-text\">\n        <template v-if=\"enablePlaceholderSpeakerColor && !image\">\n            <div \n              class=\"speaker-card__content-profile-image\" \n              :style=\"{ backgroundColor: config('app_config').config[0].placeholderSpeakerColor }\">\n            </div>\n        </template>\n        <template v-else>\n            <img\n              class=\"speaker-card__content-profile-image\"\n              :src=\"image\"\n              @error=\"$event.target.src=require('../../../assets/placeholder.png')\"\n            />\n        </template>\n        <div class=\"flex-details\">\n          <div>\n            <span\n              class=\"speaker-card__content-text-session-name pag-body-text\"\n              v-text=\"name\"\n            />\n\n          </div>\n          <div\n            class=\"speaker-card__container-profession-institute\"\n            v-if=\"(cardProps.cardConfig.speakerCard.showAuthorInstitute && item.Institute) || (showAuthorTitleProfession && item.Title)\"\n          >\n            <template v-if=\"(showAuthorTitleProfession && item.Title)\">\n              <span class=\"speaker-card__content-text-profession pag-body-text-sm\">\n                {{ item.Title }}\n              </span>\n            </template>\n            <template v-if=\"(cardProps.cardConfig.speakerCard.showAuthorInstitute && item.Institute)\">\n                <span class=\"speaker-card__content-text-institute pag-body-text-sm\">\n                  {{ item.Institute }}\n                </span>\n            </template>\n          </div>\n          <template v-if=\"(showCOI || cardProps.cardConfig.speakerCard.showCOI) && item.UserInfo\">\n            <div class=\"speaker-card__content-user-info\">\n              <font-awesome-icon :icon=\"['fa', 'circle-info']\" />\n              <span> {{ $t('PAG.COI_text') }}</span>\n            </div>\n          </template>\n          <template v-if=\"cardProps.cardConfig.speakerCard.showAuthorChairType && item.ChairTypeDisplay && item.ChairType\">\n            <span class=\"speaker-card__content-chair-type\">\n              {{ `(${item.ChairType})` }}\n            </span>\n          </template>\n          <template v-if=\"(cardProps.cardConfig.speakerCard.showAuthorCity && (city && city.toLowerCase() !== 'all') || cardProps.cardConfig.speakerCard.showAuthorCountry) \">\n            <span class=\"speaker-card__content-text-city-country pag-body-text-sm\">\n              {{ `${cardProps.cardConfig.speakerCard.showAuthorCity && city || cardProps.cardConfig.speakerCard.showAuthorCountry && country ? openBracket : ''}${cardProps.cardConfig.speakerCard.showAuthorCity && city ? city : ''}${cardProps.cardConfig.speakerCard.showAuthorCity && city && cardProps.cardConfig.speakerCard.showAuthorCountry && country ? ', ': ''}${cardProps.cardConfig.speakerCard.showAuthorCountry && country ? country : ''}${cardProps.cardConfig.speakerCard.showAuthorCity && city || cardProps.cardConfig.speakerCard.showAuthorCountry && country ? closeBracket: ''}` }}\n            </span>\n          </template>\n          <template v-if=\"userTags && cardProps.cardConfig.speakerCard.showUserTags\">\n            <br />\n            <span\n              class=\"__tags\"\n              v-for=\"(tags, idx) in userTags\"\n              :key=\"idx\"\n              v-html=\"tags\"\n            />\n          </template>\n\n          <div class=\"speaker-card__button-group\">\n            <button\n              v-if=\"loggedInUser && acceptcontact && cardProps.cardConfig.speakerCard.showContactSpeaker\"\n              class=\"speaker-card__link send-message pag-default-btn-inverse-sm\"\n              @click.stop=\"contactSpeaker(item)\"\n            >\n              <font-awesome-icon :icon=\"['fas', 'envelope']\" />\n              {{ $t(\"AppTranslations.SendMessage\") }}\n            </button>\n            <template v-if=\"loggedInUser\">\n              <button\n                v-if=\"cardProps.cardConfig.speakerCard.showFavoritesToggle\"\n                class=\"speaker-card__link add-to-favourite pag-default-btn-inverse-sm\"\n                @click.stop=\"toggleFavorites(item.UserId, type)\"\n              >\n                <template v-if=\"isFavorite(item.UserId, type)\">\n                  <font-awesome-icon :icon=\"['fas', 'star']\" />\n                  <span v-html=\"$t('VMX.my_programme_remove_from_favourites')\" />\n                </template>\n                <template v-else>\n                  <font-awesome-icon :icon=\"['far', 'star']\" />\n                  <span v-html=\"$t('VMX.my_programme_add_to_favourites')\" />\n                </template>\n              </button>\n            </template>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <contact-form-modal\n      v-if=\"loggedInUser && contactFormInitialized && cardProps.cardConfig.speakerCard.showContactSpeaker\"\n      :speaker=\"item\"\n      :show=\"showContactFormModal\"\n      @close=\"handleCloseContactForm\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport myProgrammeMixins from '../../../mixins/myProgrammeMixins'\nimport dialogMixins from '../../../mixins/dialogMixins'\nimport accessControl from '~/utilities/accessControl'\nimport nameMixins from '../../../mixins/nameMixins'\n\nexport default {\n  name: 'SpeakerFavouritesCard',\n  props: {\n    item: {\n      type: Object,\n      default() {\n        return null\n      },\n    },\n    cardProps: {\n      type: Object,\n      default() {\n        return {\n          cardConfig: {\n            speakerCard: {\n              showContactSpeaker: true,\n              showFavoritesToggle: true,\n              showAuthorCity: true,\n              showAuthorCountry: true,\n              showAuthorChairType: true,\n              showAuthorInstitute: true,\n              showUserTags: true,\n            },\n          },\n        }\n      },\n    },\n    showCOI: {\n      type: Boolean,\n      default: false,\n    }\n  },\n  mixins: [\n    myProgrammeMixins,\n    dialogMixins,\n    nameMixins\n  ],\n  async created() {\n    if(!this.solr) {\n      await this.loadAuthors()\n    }\n  },\n\n  computed: {\n    ...mapGetters({\n      authors: 'pagAuthors/authors',\n      config: 'config/configForKey',\n      loggedInUser: 'user/user',\n      solr: 'instancesState/getSolrPAG'\n    }),\n    openBracket() {\n      const c = this.config('app_config').configV2\n      return c?.defaultV2?.openBracket\n        ? c.defaultV2.openBracket\n        : '('\n    },\n    closeBracket() {\n      const c = this.config('app_config').configV2\n      return c?.defaultV2?.closeBracket\n        ? c.defaultV2.closeBracket\n        : ')'\n    },\n    image() {\n    if (this.item) {\n      if (this.item.ProfileUrl) return this.item.ProfileUrl;\n      const user = this.authors.filter((author) => author.UserId === this.item.UserId);\n      if (user[0]?.ProfileUrl) {\n        return user[0].ProfileUrl;\n      } else if (this.enablePlaceholderSpeakerColor) {\n        return ''; \n      } else {\n        return this.config('app_config').config[0].placeholderSpeaker;\n      }\n    }\n    if (this.enablePlaceholderSpeakerColor) {\n      return ''; \n    }\n    return this.config('app_config').config[0].placeholderSpeaker;\n  },\n    userTags() {\n      const atF = this.config('app_config').configV2.defaultV2.excludeUserTags || []\n      return this.item && this.item.UserTags ? this.item.UserTags.split('|').filter(item => !atF.includes(item)) : null\n    },\n    showAuthorTitle() {\n      const c = this.config('app_config').configV2\n      return c?.defaultV2?.showAuthorTitle\n        ? c.defaultV2.showAuthorTitle\n        : false\n    },\n    showAuthorTitleProfession() {\n      const c = this.config('app_config').configV2\n      return c?.defaultV2?.showAuthorTitleProfession\n        ? c.defaultV2.showAuthorTitleProfession\n        : false\n    },\n    enablePlaceholderSpeakerColor() {\n      const c = this.config('app_config').configV2\n      return c?.defaultV2?.enablePlaceholderSpeakerColor\n        ? c.defaultV2.enablePlaceholderSpeakerColor\n        : false\n    },\n    enableDisplayNameWithInitials() {\n      const c = this.config('app_config').configV2\n      return c?.defaultV2?.enableDisplayNameWithInitials\n        ? c.defaultV2.enableDisplayNameWithInitials\n        : false\n    },\n    titleCondition() {\n      return this.showAuthorTitleProfession ? false : this.showAuthorTitle\n    },\n    name() {\n    if (this.item) {\n        if (this.item.Name) {\n            return this.capitalizeEveryWord(this.item.Name);\n        }\n\n        const user = this.authors.filter((author) => author.UserId === this.item.UserId);\n\n        if (user.length) {\n            if (this.enableDisplayNameWithInitials) {\n                return user[0]?.Title\n                    ? `${this.capitalizeEveryWord(user[0]?.Firstname)} ${this.capitalizeEveryWord(user[0]?.Surname)}, ${user[0]?.Title}`\n                    : `${this.capitalizeEveryWord(user[0]?.Firstname)} ${this.capitalizeEveryWord(user[0]?.Surname)}`;\n            } else {\n                return this.titleCondition\n                    ? `${user[0]?.Title} ${this.capitalizeEveryWord(user[0]?.Firstname)} ${this.capitalizeEveryWord(user[0]?.Surname)}`\n                    : `${this.capitalizeEveryWord(user[0]?.Firstname)} ${this.capitalizeEveryWord(user[0]?.Surname)}`;\n            }\n        } else {\n            if (this.enableDisplayNameWithInitials) {\n                return this.item.Title\n                    ? `${this.capitalizeEveryWord(this.item.Firstname)} ${this.capitalizeEveryWord(this.item.Surname)}, ${this.item.Title}`\n                    : `${this.capitalizeEveryWord(this.item.Firstname)} ${this.capitalizeEveryWord(this.item.Surname)}`;\n            } else {\n                return this.titleCondition\n                    ? `${this.item.Title} ${this.capitalizeEveryWord(this.item.Firstname)} ${this.capitalizeEveryWord(this.item.Surname)}`\n                    : `${this.capitalizeEveryWord(this.item.Firstname)} ${this.capitalizeEveryWord(this.item.Surname)}`;\n            }\n        }\n    }\n\n    return null;\n},\n    city() {\n      if (this.item) {\n        if (this.item.City) return this.item.City\n        const user = this.authors.filter((author) => author.UserId === this.item.UserId)\n\n        return user[0]?.City\n      }\n\n      return null\n    },\n    country() {\n      if (this.item) {\n        if (this.item.Country) return this.item.Country\n        const user = this.authors.filter((author) => author.UserId === this.item.UserId)\n\n        return user[0]?.Country\n      }\n\n      return null \n    },\n    acceptcontact() {\n      if (this.item) {\n        if (this.item.AcceptContact) return this.item.AcceptContact\n        const user = this.authors.filter((author) => author.UserId === this.item.UserId)\n\n        return user[0]?.AcceptContact\n      }\n\n      return null\n    },\n    user() {\n      if (this.item) {\n        const user = this.authors.filter((author) => author.UserId === this.item.UserId)\n\n        return user[0]\n      }\n\n      return null\n    },\n    type() {\n      if (this.item && this.item.Type) {\n        return this.item.Type\n      }\n      return 'Author'\n    },\n  },\n  methods: {\n    ...mapActions({\n      loadAuthors: 'pagAuthors/search',\n    }),\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.speaker-card {\n  height: 100%;\n  background-color: var(--pag-box-background);\n  padding: calc(var(--pag-box-padding) * 2);\n  border: var(--pag-box-border);\n  border-radius: var(--pag-box-border-radius);\n  .speaker-card__content-text {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n    gap: var(--pag-box-gap);\n    @media (max-width: 600px) {\n\n      img {\n        width: 50px;\n        height: 50px;\n        min-width: 50px;\n        min-height: 50px;\n      } \n\n    }\n    .flex-details {\n      width: 100%;\n      padding-left: unset;\n    }\n  }\n\n  .speaker-card__container-profession-institute {\n    display: flex;\n    flex-direction: column;\n    gap:.25rem;\n\n  }\n  .speaker-card__button-group > button {\n    display:flex;\n    align-items:center;\n    gap:.25rem;\n  }\n\n  .__tags {\n    border: solid 1px var(--pag-primary);\n    color: var(--pag-primary);\n    display: inline-block;\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    line-height: 1.5;\n    padding: 0.2rem 0.7rem;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: 400;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .__tags:not(:nth-child(1)) {\n    margin-right: 5px;\n    margin-top: 5px;\n  }\n}\n</style>\n","import mod from \"-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=294090f2&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=294090f2&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"294090f2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./sessionCardV2.vue?vue&type=style&index=0&id=075c93f8&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('star-rating',{attrs:{\"read-only\":_vm.readonly,\"show-rating\":false,\"star-size\":_vm.size,\"increment\":_vm.increment,\"fixed-points\":_vm.fixedpoints,\"active-color\":_vm.activeColor,\"inactive-color\":_vm.inactiveColor,\"border-color\":_vm.activeColor,\"border-width\":1},on:{\"rating-selected\":function($event){return _vm.setRating($event)}},model:{value:(_vm.rating),callback:function ($$v) {_vm.rating=$$v},expression:\"rating\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <star-rating\n      @rating-selected=\"setRating($event)\"\n      v-model=\"rating\"\n      :read-only=\"readonly\"\n      :show-rating=\"false\"\n      :star-size=\"size\"\n      :increment=\"increment\"\n      :fixed-points=\"fixedpoints\"\n      :active-color=\"activeColor\"\n      :inactive-color=\"inactiveColor\"\n      :border-color=\"activeColor\"\n      :border-width=\"1\"\n  />\n</template>\n\n<script>\nimport StarRating from 'vue-star-rating'\nimport exhibitionApi from '~/api/exhibition'\nimport programApi from '~/api/program'\n\nexport default {\n  data() {\n    return {\n      selectedRating: null,\n    }\n  },\n  computed: {\n    rating: {\n      get() {\n        if (this.overallRating) {\n          return this.overallRating\n        }\n        return this.myrating\n      },\n      set(newValue) {\n        this.selectedRating = newValue\n      },\n    },\n\n  },\n  components: { StarRating },\n  props: {\n    readonly: {\n      default: false,\n      type: Boolean,\n    },\n    id: {\n      default: '',\n      type: String,\n    },\n    userId: {\n      default: null,\n      type: Number,\n    },\n    overallRating: {\n      type: Number,\n      default: null,\n    },\n    myrating: {\n      type: Number,\n      default: null,\n    },\n    increment: {\n      type: Number,\n      default: 1,\n    },\n    fixedpoints: {\n      type: Number,\n      default: null,\n    },\n    size: {\n      default: 20,\n      type: Number,\n    },\n    activeColor: {\n      type: String,\n      default: '#ffd055',\n    },\n    inactiveColor: {\n      type: String,\n      default: '#d8d8d8',\n    },\n    ratingContext: {\n      type: String,\n      default: 'Product',\n    },\n\n  },\n  methods: {\n    setRating(selectedRating) {\n      if (this.ratingContext === 'Session') {\n        try {\n          programApi.createSessionRating(this.id, '', selectedRating)\n        } catch (e) {\n          console.log('error: ', e)\n        }\n      } else if (this.ratingContext === 'Presentation') {\n        console.log(this.ratingContext)\n\n        try {\n          programApi.createPresentationRating(this.id, this.userId, '', selectedRating)\n        } catch (e) {\n          console.log('error: ', e)\n        }\n      } else {\n        try {\n          exhibitionApi.createRatingForProduct(this.id, selectedRating)\n          this.$emit('rated')\n        } catch (e) {\n          console.log('error: ', e)\n        }\n      }\n    },\n  },\n}\n</script>\n\n<style>\n\n</style>\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=c6767ad6\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./HighlightedSessionsV2.vue?vue&type=style&index=0&id=2d5f2eb0&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (false)?_c('div'):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"false\"/>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from 'vuex'\nimport dayjs from 'dayjs'\n\nexport default {\n  name: 'NotificationToast',\n  data() {\n    return {\n      count: 0,\n      notificationPrompt: 15,\n      sessionSearch: null,\n      timeZone: 'Europe/Berlin',\n      groupName: null,\n      customNotificationGroup: null,\n    }\n  },\n  computed: {\n    ...mapGetters({\n      user: 'user/user',\n      configForKey: 'config/configForKey',\n      list: 'personalProgram/list',\n      instance: 'instancesState/getInstance',\n      locale: 'instancesState/getLanguage',\n      eventShort: 'instancesState/getEvent',\n    }),\n    programReminder() {\n      return this.configForKey('app_config').config[0].Notification?.programReminder ? this.configForKey('app_config').config[0].Notification.programReminder : false\n    },\n    signalRConnection() {\n      return this.configForKey('app_config').config[0].Notification?.signalRConnection ? this.configForKey('app_config').config[0].Notification.signalRConnection : false\n    },\n    signalRReminder() {\n      return this.configForKey('app_config').config[0].Notification?.signalRReminder ? this.configForKey('app_config').config[0].Notification.signalRReminder : false\n    },\n    signalRCustomNotifications() {\n      return this.configForKey('app_config').config[0].Notification?.signalRCustomNotifications ? this.configForKey('app_config').config[0].Notification.signalRCustomNotifications : false\n    },\n    disableNotificationsForApp() {\n      return this.configForKey('app_config').config[0].Notification?.disableNotificationsForApp ? this.configForKey('app_config').config[0].Notification.disableNotificationsForApp : false\n    },\n  },\n  created() {\n    if (this.signalRConnection) {\n      this.$notificationHub.$on('notification-added', this.showToast)\n    }\n  },\n  async mounted() {\n    // Can be removed if \"initialuzed in App.vue is solving the problem\"\n    const waitFor = delay => new Promise(resolve => setTimeout(resolve, delay))\n    await waitFor(500);\n\n\n    if (this.signalRReminder) this.groupName = this.instance && this.user && this.eventShort ? `${this.instance}_Event_${this.eventShort}_${this.user.UserId}` : null\n    if (this.signalRCustomNotifications) this.customNotificationGroup = this.instance && this.eventShort ? `${this.instance}_Event_${this.eventShort}_CustomNotification` : null\n    if (this.groupName) this.$notificationHub.startSignalR(this.instance, this.groupName)\n    await waitFor(500);\n    if (this.customNotificationGroup && !(localStorage.getItem('isApp') === 'true' && this.disableNotificationsForApp)) {\n      this.$notificationHub.startSignalR(this.instance, this.customNotificationGroup)\n      }\n\n    await this.loadConfig()\n    const config = this.configForKey('app_config').config[0]\n\n    if (config?.NotificationSettings?.eventTimeZone) {\n      this.timeZone = config.NotificationSettings.eventTimeZone\n    }\n\n    if (config?.NotificationSettings?.notificationPrompt) {\n      this.notificationPrompt = config.NotificationSettings.notificationPrompt\n    }\n\n    if (this.programReminder) {\n      this.sessionInterval(this.list)\n    }\n  },\n  methods: {\n    ...mapActions({\n      set: 'personalProgram/set',\n      loadConfig: 'config/loadConfig',\n    }),\n    showToast({ notification }) {\n      const notify = JSON.parse(notification)\n      // Use a shorter name for this.$createElement\n      const h = this.$createElement\n      // Increment the toast count\n      this.count += 1\n      const toastId = `my-toast-${this.count += 1}`\n      // Create the message\n      const vNodesMsg = h(\n        'div',\n        { class: ['notification-box__container'] },\n        [\n          notify.hasOwnProperty('Description') ? notify.Description : '',\n        ],\n      )\n      let link\n\n      switch (notify.Type) {\n        case 'CustomNotification':\n          link = notify.hasOwnProperty('OptionalLink') ? notify.OptionalLink : ''\n          break\n        default:\n          link = notify.hasOwnProperty('Type') && notify.Type === 'SessionStart' ? `/program/${this.instance}/${this.eventShort}/${this.locale}?session=${notify.SessionId}` : `/myarea/${this.instance}/${this.eventShort}/${this.locale}/evaluation?id=${notify.SessionId}`\n          break\n      }\n      // Create buttons\n      const target = notify.hasOwnProperty('Type') && notify.Type === 'SessionStart' ? '_self' : '_blank'\n      const btnContainer = h(\n        'div',\n        { class: 'notification-box__evaluate-options' },\n        link ? [\n          h(\n            'b-button',\n            { class: 'btn-primary-notification', on: { click: () => this.openLink(link, target) } },\n            notify.hasOwnProperty('Type') && notify.Type === 'SessionStart' ? this.$t('VMX.notificationbox_go-to-link') : this.$t('VMX.notificationbox_start-evaluation'),\n          ),\n          h(\n            'b-button',\n            { class: 'btn-outline-primary-notification __notnow', on: { click: () => this.$bvToast.hide(toastId) } },\n            this.$t('VMX.notificationbox_not-now'),\n          ),\n        ] :\n        [\n          h(\n            'b-button',\n            { class: 'btn-outline-primary-notification __notnow', on: { click: () => this.$bvToast.hide(toastId) } },\n            this.$t('VMX.notificationbox_not-now'),\n          ),\n        ],\n      )\n\n      const vNodesTitle = h(\n        'div',\n        { class: ['d-flex', 'flex-grow-1', 'align-items-baseline', 'mr-2'] },\n        [\n          h(\n            'strong',\n            { class: 'mr-2 toast-title' },\n            notify.hasOwnProperty('Name') ? notify.Name : '',\n          ),\n        ],\n      )\n      // h('b-icon-gear-fill', { class: 'ml-auto notification-box__settings-btn', on: { click: () => this.$bvToast.hide(toastId) } }),\n      // Pass the VNodes as an array for message and title\n\n      const customFlexContainer = h(\n        'div',\n        { class: 'notification-box__flex-container' },\n        [\n          h(\n            'img',\n            { attrs: { src: notify.Image } },\n          ),\n          h(\n            'div',\n            { class: 'notification-box__flex-container-description-buttons' },\n            [\n              h(\n                'div',\n                { class: 'notification-box__flex--description', domProps: { innerHTML: notify.hasOwnProperty('Description') ? notify.Description : '' } },\n              ),\n              btnContainer,\n            ],\n          ),\n        ],\n      )\n\n      const flexContainer = h(\n        'div',\n        { class: 'notification-box__flex-container' },\n        [\n          h(\n            'div',\n            { class: 'notification-box__flex-container-description-buttons' },\n            [\n              h(\n                'div',\n                { class: 'notification-box__flex--description', domProps: { innerHTML: notify.hasOwnProperty('Description') ? notify.Description : '' } },\n              ),\n              btnContainer,\n            ],\n          ),\n        ],\n      )\n\n      let toastArr\n      switch (notify.Type) {\n        case 'CustomNotification':\n          toastArr = notify.hasOwnProperty('Description') ? [customFlexContainer] : [btnContainer]\n          break\n        default:\n          toastArr = notify.hasOwnProperty('Description') ? [flexContainer] : [btnContainer]\n          break\n      }\n\n      this.$bvToast.toast(toastArr, {\n        title: vNodesTitle,\n        solid: true,\n        variant: 'info',\n        id: toastId,\n        noCloseButton: false,\n        autoHideDelay: 60000,\n      })\n    },\n    openLink(link, target) {\n      window.open(link, target)\n    },\n    sessionInterval(sessions) {\n      this.sessionSearch = setInterval(() => {\n        this.checkSessionTime(sessions)\n      }, 60000)\n    },\n    checkSessionTime(sessions) {\n      if (sessions?.Schedule) {\n        // sort date to get earliest sessions\n        sessions.Schedule.sort((a, b) => new Date(a.Start) - new Date(b.Start))\n        const result = sessions.Schedule.filter((session) => {\n          // substract 15 + 1 mins to get a notification between actual prompt\n          const sessionStart = dayjs(session.Start)\n            .subtract(this.notificationPrompt + 1, 'minutes')\n            .toDate()\n          // add a min to get a notification when on starting time\n          const sessionStartExceeded = dayjs(session.Start)\n            .add(1, 'minutes')\n            .toDate()\n\n          const notificationReady = dayjs(dayjs().tz(this.timeZone).format().slice(0, 19))\n            .isBetween(sessionStart, sessionStartExceeded)\n          return notificationReady\n        })\n\n        if (result.length > 0) {\n          result.forEach((session) => {\n            if (!session.hasOwnProperty('Notified')) {\n              session.Notified = true\n              this.set({ session })\n              const notification = JSON.stringify({ ...session })\n              this.showToast({ notification })\n            }\n          })\n        }\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n  .notification-box__flex-container {\n    display: flex;\n\n    img{\n      height: 200px;\n      padding: 0 20px 0 0;\n    }\n  }\n\n    .notification-box__flex--title{\n      font-size: 18px;\n    }\n\n    .notification-box__flex--description{\n      font-size: 16px;\n      padding-bottom: 20px;\n    }\n  .notification-box__flex-container-description-buttons {\n    display: flex;\n    /* padding: 0 0 20px 0; */\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-evenly;\n\n\n\n  }\n  .b-toaster-slot{\n    max-width: 600px !important;\n  }\n\n  .toast-header{\n    color: black !important;\n    background-color: white !important;\n    border-bottom: 0 solid rgba(0, 0, 0, 0) !important;\n  }\n\n  .toast-body{\n    color: black !important;\n    background-color: white !important;\n    display: flex;\n    padding: 0;\n  }\n  .b-toast{\n    margin-bottom: 10px !important;\n    max-width: 600px !important;\n    :focus { outline: none; }\n  }\n  .toast{\n    padding: 20px;\n    color: black !important;\n    background-color: white !important;\n    border-color: transparent !important;\n    max-width: 600px !important;\n    flex-basis: 600px !important;\n    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);\n  }\n\n  .btn-primary-notification:hover {\n      background-color: #5a6268 !important;\n      color: var(--primary-contrast) !important;\n      border-color: var(--primary-contrast) !important;\n  }\n  .btn-primary-notification {\n      background-color: var(--primary) !important;\n      color: var(--primary-contrast) !important;\n      border-color: var(--primary-contrast) !important;\n  }\n\n  .btn-outline-primary-notification {\n      background-color: var(--primary-contrast) !important;\n      color: var(--primary) !important;\n      border-color: var(--primary) !important;\n  }\n  .btn-outline-primary-notification:hover {\n      background-color: #5a6268 !important;\n      color: var(--primary-contrast) !important;\n      border-color: var(--primary-contrast) !important;\n  }\n\n  button.close{\n    top: -2px;\n    position: relative;\n  }\n\n  .notification-box__container{\n    background-color: white;\n    padding: 0 15px 15px 0;\n    font-size: 16px;\n  }\n\n  .toast-title{\n    /* white-space: nowrap; */\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 500px;\n  }\n\n  .notification-box__evaluate-options{\n    display: flex;\n    align-items: center;\n\n  button{\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 200px;\n  }\n    .__notnow{\n      margin-left: 5px;\n    }\n  }\n   .notification-box__settings-btn{\n    color: rgba(0, 0, 0, 0.3);\n    cursor: pointer;\n  }\n\n\n   @media (max-width: 650px) {\n    .notification-box__flex-container {\n      flex-wrap: wrap;\n    }\n  }\n</style>\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=070d9235\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=070d9235&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.shouldShowSessionRecording)?_c('div',{class:_vm.sessionId ? 'pag-session-recording-exhibition' : 'pag-session-recording pag-default-box',attrs:{\"id\":\"pag-session-recording\"}},[(_vm.shouldShowSessionRecording)?_c('div',{staticClass:\"pag-detail__presentation-player-box\",class:{ 'player-container-info-message': !_vm.user }},[_c('m-events-player',{key:_vm.componentKey,staticClass:\"player\",attrs:{\"resource\":_vm.videoResource,\"autoplay\":false,\"new-player-id\":_vm.newPlayerId,\"session-id\":_vm.sessionId}}),(!_vm.user)?_c('div',{staticClass:\"info-message-container\"},[_c('h2',[_vm._v(_vm._s(_vm.$te(\"VMX.player_info_headline\") ? _vm.$t(\"VMX.player_info_headline\") : 'This content is available only to logged-in users'))]),_c('p',[_vm._v(_vm._s(_vm.$te(\"VMX.player_info_subheadline\") ? _vm.$t(\"VMX.player_info_subheadline\") : 'Please log-in using the buttons below, or return to the previous page.'))]),(!_vm.loginStatus)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.login()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"VMX.user_login\"))+\" \")]):_vm._e(),(_vm.loginStatus)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.logout}},[_vm._v(\" \"+_vm._s(_vm.$t(\"VMX.user_logout\"))+\" \")]):_vm._e()]):_vm._e()],1):(_vm.hasAccess \n               && _vm.sessionRecordingThumbnail\n               && _vm.initializedStatus \n               && _vm.template.showSessionRecording\n               && _vm.componentVisibility('SessionRecording'))?_c('div',[_c('img',{staticClass:\"pag-detail__presentation-player--preview-image\",attrs:{\"src\":_vm.sessionRecordingThumbnail}})]):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    v-if=\"shouldShowSessionRecording\"\n    :class=\"sessionId ? 'pag-session-recording-exhibition' : 'pag-session-recording pag-default-box'\"\n    id=\"pag-session-recording\"\n  >\n    <div\n    v-if=\"shouldShowSessionRecording\"      \n            class=\"pag-detail__presentation-player-box\"\n      :class=\"{ 'player-container-info-message': !user }\"\n    >\n      <m-events-player\n        :key=\"componentKey\"\n        :resource=\"videoResource\"\n        :autoplay=\"false\"\n        class=\"player\"\n        :new-player-id=\"newPlayerId\"\n        :session-id=\"sessionId\"\n      />\n      <div v-if=\"!user\" class=\"info-message-container\">\n        <h2>{{ $te(\"VMX.player_info_headline\") ? $t(\"VMX.player_info_headline\") : 'This content is available only to logged-in users'}}</h2>\n        <p>{{ $te(\"VMX.player_info_subheadline\") ? $t(\"VMX.player_info_subheadline\") : 'Please log-in using the buttons below, or return to the previous page.' }}</p>\n        <button\n          v-if=\"!loginStatus\"\n          @click=\"login()\"\n          class=\"btn btn-primary\"\n        >\n          {{ $t(\"VMX.user_login\") }}\n        </button>\n        <button\n          v-if=\"loginStatus\"\n          @click=\"logout\"\n          class=\"btn btn-primary\"\n        >\n          {{ $t(\"VMX.user_logout\") }}\n        </button>\n      </div>\n    </div>\n    <div\n      v-else-if=\"hasAccess \n                 && sessionRecordingThumbnail\n                 && initializedStatus \n                 && template.showSessionRecording\n                 && componentVisibility('SessionRecording')\"\n    >\n      <img\n        class=\"pag-detail__presentation-player--preview-image\"\n        :src=\"sessionRecordingThumbnail\"\n      />\n    </div>\n  </div>\n</template>\n\n\n<script>\n// TODO: remove this component at the end of the year, its in the vmx-components repo\nimport { mapGetters } from 'vuex'\nimport dayjs from 'dayjs'\nimport store from '~/store'\nimport mEventsPlayer from '../PresentationMEventsPlayer.vue'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport pageStateMixins from '../../mixins/pageStateMixins'\nimport accessControl from '~/utilities/accessControl'\nimport visibilityMixins from '../../mixins/visibilityMixins'\nimport utils from '../../utilities'\n\ndayjs.extend(isBetween)\n\nexport default {\n  name: 'MEventsWebcastPlayer',\n  inheritAttrs: false,\n  mixins: [\n    pageStateMixins,\n    visibilityMixins,\n  ],\n  data() {\n    return {\n      videoResource: {},\n      componentKey: 0,\n      initialized: false,\n    }\n  },\n  components: {\n    mEventsPlayer,\n  },\n  props: {\n    session: {\n      type: Object,\n      default: null,\n    },\n    sessionRecordingThumbnail: {\n      type: String,\n      default: '',\n    },\n    newPlayerId: {\n      type: String,\n      default: 'meventsPlayerElement',\n    },\n    sessionId: {\n      type: String,\n      default: '',\n    },\n  },\n  methods: {\n        // Insert timezone mixins here\n    login() {\n      if (this.$store.getters['instancesState/getInVMX']) {\n          const destination = utils.getRouteWithDefaultParams('LoginPage', {}, { \"returnUrl\": localStorage.getItem(\"vmxReturnUrl\")})\n          const event = new CustomEvent('routerEvent', {\n            detail: {\n              message: 'rerouteParent',\n              destination,\n            },\n          })\n          window.dispatchEvent(event)\n\n    } else {\n      if(this.ssoBackendConfig?.SSOLogin) {\n        this.SSOLogin(config.getInstanceConfig(this.instance), this.event, this.language, {}, this.$route, this.ssoBackendConfig)\n      } else {\n        this.navigateTo('AuthPage')\n      }\n    }\n      \n    },\n    logout() {\n      userState.unsetUser(this.instance)\n      localStorage.setItem('userLoggedOut', true)\n\n      if (this.ssoBackendConfig.defaults.externalAuth.logoutUrlPag) {\n          const logoutUrlPag = this.ssoBackendConfig.defaults.externalAuth.logoutUrlPag\n          // window.location.href = `${webFormsUrl + logoutUrl}?${queryStrings}`\n          window.location.href = logoutUrlPag\n          return\n        }\n      location.reload()\n      return\n    },\n    navigateTo(name) {\n      this.$router.push(utils.getRouteWithDefaultParams(name, {}, {}))\n    },\n    checkOndemandAvailability() {\n      if (!this.session.OnDemandAvailability) {\n        return false\n      }\n\n      const eventTimezone = utils.eventTimezone()\n      const demandDate = dayjs.tz(this.session.OnDemandAvailability, eventTimezone)\n\n      dayjs.tz.setDefault(eventTimezone)\n      let serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), eventTimezone)\n\n      if (store.getters['instancesState/getSuperUser']) return true\n\n      return nowDate.isAfter(demandDate)\n    },\n    checkEndDate() {\n      if (!this.session.SessionRecordingVideoEndDateTime) return false\n      const endDate = dayjs(this.session.SessionRecordingVideoEndDateTime.slice(0, 16))\n      const eventTimezone = utils.eventTimezone()\n\n      dayjs.tz.setDefault(eventTimezone)\n      const serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), eventTimezone)\n\n      return nowDate.isAfter(dayjs.tz(endDate, eventTimezone))\n    },\n    checkStartDate() {\n      if (!this.session.SessionRecordingVideoStartDateTime) return true\n      const startDate = dayjs(this.session.SessionRecordingVideoStartDateTime.slice(0, 16))\n      const eventTimezone = utils.eventTimezone()\n\n      dayjs.tz.setDefault(eventTimezone)\n      const serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), eventTimezone)\n      if (this.superUser) return true\n      return nowDate.isAfter(dayjs.tz(startDate, eventTimezone))\n    },\n    checkStartDateUTC(params) {\n      if (!params) return true\n      const startDate = dayjs(params)\n      const eventTimezone = utils.eventTimezone()\n      const serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), eventTimezone)\n      dayjs.tz.setDefault(eventTimezone)\n\n      if (this.superUser) return true\n      return nowDate.isAfter(dayjs.tz(startDate, eventTimezone))\n    },\n    checkEndDateUTC(params) {\n      if (!params) return false\n      const endDate = dayjs(params)\n      const eventTimezone = utils.eventTimezone()\n\n      dayjs.tz.setDefault(eventTimezone)\n      const serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), eventTimezone)\n      return nowDate.isAfter(dayjs.tz(endDate, eventTimezone))\n    },\n    checkBetweenDatesUTC(params1, params2) {\n      if (!params1 || params2) return true\n      const startDate = dayjs(params1)\n      const endDate = dayjs(params2)\n\n      const eventTimezone = utils.eventTimezone()\n\n      dayjs.tz.setDefault(eventTimezone)\n      const serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), eventTimezone)\n      if (this.superUser) return true\n      return nowDate.isBetween(dayjs.tz(startDate, eventTimezone), dayjs.tz(endDate, eventTimezone))\n    },\n    checkBetweenDates() {\n      if (!this.session.SessionRecordingVideoStartDateTime || !this.session.SessionRecordingVideoEndDateTime) return true\n      const startDate = dayjs(this.session.SessionRecordingVideoStartDateTime.slice(0, 16))\n      const endDate = dayjs(this.session.SessionRecordingVideoEndDateTime.slice(0, 16))\n\n      const eventTimezone = utils.eventTimezone()\n      const serverTime = this.$store.getters['serverTime/getTime']\n      const nowDate = dayjs.tz(dayjs(serverTime), eventTimezone)\n      dayjs.tz.setDefault(eventTimezone)\n\n      if (this.superUser) return true\n      return nowDate.isBetween(dayjs.tz(startDate, eventTimezone), dayjs.tz(endDate, eventTimezone))\n    },\n  },\n  async mounted() {\n    this.selectTemplateViaTime(this.session.SessionId, this.session.StartDateTime, this.session.EndDateTime)\n\n    if(this.session.UseSessionRecordingV2 && this.session.SessionRecording) {\n      if (!this.session.SessionRecording.IsHidden && (this.checkStartDateUTC(this.session.SessionRecording.AvailableFromUtc) || this.checkBetweenDatesUTC(this.session.SessionRecording.AvailableFromUtc, this.session.SessionRecording.AvailableUntilUtc))) {\n        if (this.session.SessionRecording.CdnBaseUrl) {\n          this.videoResource = {\n            playerResource: {\n              baseurl: this.session.SessionRecording.CdnBaseUrl+'/',\n              id: this.session.SessionId,\n              sessionRecording: true,\n              sessionRecordingV2: this.session.UseSessionRecordingV2,\n              session: this.session,\n              signedUrl: this.webcastToken\n            },\n          }\n          this.initialized = true\n          if(this.session.UseSessionRecordingV2 && window?.mPlayer) window.mPlayer.jumpToSession()\n        }\n      }\n\n      if (this.checkEndDateUTC(this.session.SessionRecording.AvailableUntilUtc)) {\n        this.initialized = false\n      }\n    } else {\n      if (this.checkStartDate() || this.checkBetweenDates()) {\n        if (!this.session.HideSessionRecordingVideo && this.session.SessionRecordingFilePath) {\n          this.videoResource = {\n            playerResource: {\n              baseurl: this.session.SessionRecordingFilePath,\n              hide_pan_view: false,\n              id: this.session.SessionId,\n              show_thumbs: false,\n              videoCrossDomain: false,\n              mediatype_id: 1,\n              resourcetype_id: 5,\n              sessionRecording: true,\n            },\n          }\n          this.initialized = true\n        }\n      }\n\n      if (this.checkEndDate()) {\n        this.initialized = false\n      }\n    }\n  },\n  computed: {\n    ...mapGetters({\n      configForKey: 'config/configForKey',\n      eventId: 'instancesState/getEventId',\n      superUser: 'instancesState/getSuperUser',\n      webcastToken: 'user/getWebcastToken'\n    }),\n    hasAccess() {\n      return this.newAccessControlViaSessionIds ? accessControl.accessControlSessionRecording(this.session.SessionId.toString()) : accessControl.accessControlKey('sessionRecording')\n    },\n    loginStatus() {\n      return !!this.user\n    },\n    newAccessControlViaSessionIds() {\n      const c = this.configForKey('app_config').configV2.defaultV2\n      if (\"newAccessControlViaSessionIds\" in c) {\n        return c.newAccessControlViaSessionIds \n      }\n      return false\n    },\n    showLoginNoticeOnPlayer() {\n      const c = this.configForKey('app_config').configV2.defaultV2\n      if (\"showLoginNoticeOnPlayer\" in c) {\n        return c.showLoginNoticeOnPlayer \n      }\n      return false\n    },\n    shouldShowSessionRecording() {\n      return this.hasAccess &&\n             this.initializedStatus &&\n             this.template.showSessionRecording &&\n             ((this.session.UseSessionRecordingV2 && !this.session.SessionRecording.IsHidden) ||\n              (!this.session.HideSessionRecordingVideo && this.session.SessionRecordingFilePath)) &&\n             this.initialized &&\n             this.checkOndemandAvailability() &&\n             this.componentVisibility('SessionRecording');\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.pag-session-recording-exhibition {\n  margin-bottom: 3rem;\n}\n.pag-session-recording{\n  box-shadow: var(--pag-box-shadow);\n  background: var(--pag-box-background);\n  padding: var(--pag-box-padding);\n  margin: var(--pag-box-margin);\n  gap: var(--pag-box-gap);\n\n  .pag-detail__presentation-player-box {\n    position: relative;\n    margin: 0 0 30px 0;\n    padding: 0 0 30px 0;\n  }\n\n}\n.pag-detail__presentation-player--preview-image {\n    width: 100%;\n  }\n\n  .pag-detail__presentation-player-box.player-container-info-message .player {\n  filter: blur(1rem);\n  pointer-events: none;\n}\n\n.info-message-container {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 600px;\n  max-width: 80%;\n  background: #ffffff3e;\n  padding: 1rem;\n  border-radius: .25rem;\n  border:1px solid var(--pag-primary);\n  h2 {\n      font-size: 1.5rem !important;\n    }\n}\n\n</style>\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../thread-loader/dist/cjs.js!../../../../babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../thread-loader/dist/cjs.js!../../../../babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=38d1c753&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=38d1c753&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"38d1c753\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=38d1c753&prod&lang=scss&scoped=true\""],"sourceRoot":""}