{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/views/Home.vue?d022","webpack:///./src/assets/cancelAppointment.svg","webpack:///./src/components/AppHeader.vue?2300","webpack:///./src/views/EventInformation.vue?3a1b","webpack:///./src/locales sync [A-Za-z0-9-_,\\s]+\\.json$/","webpack:///./src/assets/logo-cving.svg","webpack:///./src/App.vue?c650","webpack:///./src/assets/confirmAppointment.svg","webpack:///./src/components/meet/vue-webrtc.vue?f6f5","webpack:///./src/components/Spinner.vue?4fc1","webpack:///./src/App.vue?b4bd","webpack:///./src/event-bus.ts","webpack:///./src/components/AppHeader.vue?882f","webpack:///./src/components/AppHeader.vue","webpack:///./src/components/Spinner.vue?16da","webpack:///src/components/Spinner.vue","webpack:///./src/components/Spinner.vue?8682","webpack:///./src/components/Spinner.vue","webpack:///./src/i18n.ts","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/views/Home.vue?ce80","webpack:///./src/api.ts","webpack:///./src/views/Home.vue","webpack:///./src/views/Home.vue?2d60","webpack:///./src/views/Home.vue?c853","webpack:///./src/views/EventInformation.vue?7c6a","webpack:///./src/views/EventInformation.vue","webpack:///./src/views/EventInformation.vue?2e37","webpack:///./src/views/EventInformation.vue?d8df","webpack:///./src/views/Meet.vue?397c","webpack:///./src/components/meet/Preview.vue?10a7","webpack:///src/components/meet/Preview.vue","webpack:///./src/components/meet/Preview.vue?fb85","webpack:///./src/components/meet/Preview.vue","webpack:///./src/components/meet/vue-webrtc.vue?4447","webpack:///src/components/meet/vue-webrtc.vue","webpack:///./src/components/meet/vue-webrtc.vue?c575","webpack:///./src/components/meet/vue-webrtc.vue","webpack:///src/views/Meet.vue","webpack:///./src/views/Meet.vue?984e","webpack:///./src/views/Meet.vue","webpack:///./src/router/index.ts","webpack:///./src/store/index.ts","webpack:///./src/main.ts","webpack:///./src/views/Meet.vue?4a4c","webpack:///./src/components/meet/Preview.vue?d5fc"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","map","webpackContext","req","id","webpackContextResolve","e","Error","code","keys","resolve","_vm","this","_h","$createElement","_c","_self","attrs","meetJoined","_e","staticRenderFns","EventBus","_m","script","component","staticClass","loadLocaleMessages","locales","messages","forEach","matched","match","locale","use","fallbackLocale","step","recruiter","avatar","_v","_s","firstName","lastName","company","domProps","calendar","day","month","year","noPrevSlots","noNextSlots","on","$event","navigateToPrevWeek","navigateToNextWeek","_l","index","weekday","style","slot","class","slot__show","dayjs","date","isBetween","slot__selected","selected","startTime","diff","earliestSlot","endTime","onSlotClicked","invitationReqId","startDate","endDate","origEventId","eventId","format","type","$t","staticStyle","slotType","chosenTime","preventDefault","lockSlot","openCVingSite","directives","rawName","expression","target","composing","unlockMessage","unlockSlot","getSlots","api","a","withCredentials","baseURL","navigator","language","extend","slotNumber","candidateUid","chosenBookId","timeZone","slots","slotOpened","mounted","i18n","getUrlParameter","$emit","tz","guess","computed","filter","el","isBefore","isAfter","methods","regex","RegExp","results","exec","location","search","decodeURIComponent","replace","open","fillCalendar","firstDate","now","add","dayID","newDate","subtract","clickedSlot","find","post","then","catch","error","response","messageCode","finally","status","req_id","events","sort","b","localeCompare","candidates","candidate","assignState","invitations","requestId","firstSlotDate","utc","element","Math","floor","bookId","eventData","eventState","console","log","recruiterName","recruiterLastName","recruiterCompany","recruiterAvatar","invitationAttributes","f","slotSelected","eventInformation","stopPropagation","rejectEvent","rejectMessage","props","confirmEvent","event","assignAttributes","loading","verifiedParameter","socketURL","onJoin","ref","roomId","mediapipe","enableVideo","toggleVideo","enableAudio","toggleAudio","meetName","partecipants","partecipant","avatarColor","getName","getPartecipantDescription","errors","getPartecipantName","getPartecipanSurname","show","showBackgrounds","closeModal","blur","background","setImageSrc","bg","image","tooltip","setMediaPipe","showToast","getRecordingName","boxRightOpen","chatVisible","partecipantsVisible","pinned","videoPinned","isScreenShare","isLocal","substring","toUpperCase","shareScreen","unexpand","videoEnabled","stream","muted","videoEffects","src","audioEnabled","videoList","item","expand","isRecording","refInFor","showMediaPipe","indexOf","_k","keyCode","addMessage","manageRightBox","showEmoji","alreadyOpen","message","private","getBubbleMinWidth","time","text","addEmoji","disabled","getPartecipants","showSuggestion","moveUlFocus","textMessage","startsWith","showPartecipants","getTop","setSuggestion","u","user","backgroundColor","recordOn","ratio","aspect","changeAspect","saveMediaPipe","audioOn","videoOn","isMobile","shareOn","recordVideo","getTime","leave","active","newUser","countMessage","chatActionMobile","routes","path","Home","EventInformation","Meet","router","base","Store","state","mutations","actions","lang","config","productionTip","store","render","h","App","$mount"],"mappings":"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qBACA,iBACA,gBACA,OACA,aACA,uEACA,oEACA,2DACA,oEACA,6DACA,2DACA,4DACA,iEACA,+DACA,8DACA,yEACA,mFAEA,eACA,oBACA,aACA,YACA,iBACA,kBACA,aACA,YACA,YAEA,UACA,kCACA,SACA,YACA,aACA,WACA,WACA,WACA,yBACA,iBACA,eACA,YACA,eACA,eACA,WACA,uBACA,eACA,YACA,2BACA,mBACA,qBACA,UACA,cACA,oBACA,WACA,eACA,mCACA,8BACA,WACA,aACA,kBACA,kBAGA,OACA,QACA,YACA,0BAEA,WACA,YAEA,iCAEA,cACA,qBACA,aAEA,UACA,aACA,YAEA,kBACA,YACA,sBAEA,YACA,aACA,YAEA,aACA,YACA,QAFA,WAGA,OACA,QACA,aACA,mCACA,CACA,oGACA,kDACA,MACA,4CACA,8CACA,4CACA,8CACA,8CACA,sDAOA,WACA,YACA,QAFA,WAGA,OACA,sBACA,sCAIA,UACA,YACA,eAGA,OACA,YADA,WAEA,mBACA,sBAGA,WAEA,aACA,QACA,QAJA,SAIA,cACA,qEACA,kBACA,kBACA,yCACA,eACA,iBACA,MACA,qBAIA,UACA,kBADA,WAEA,2DACA,YACA,gBAIA,gBARA,WASA,gCACA,6CAMA,OAJA,EADA,OACA,6GAEA,0CAEA,GACA,uBACA,kCAEA,GAEA,IAEA,OAxBA,WAyBA,yBACA,qCAEA,OADA,MACA,aAEA,UAEA,QAhCA,WAiCA,gDAEA,iBAnCA,WAqCA,IADA,SACA,oCACA,wBACA,8BACA,qDACA,OAGA,UAEA,MA9CA,WA+CA,uBACA,0CACA,iBAEA,YAEA,cArDA,WAsDA,uBACA,sBACA,iCACA,OACA,QACA,SACA,WAGA,YA/DA,WAgEA,4DAEA,SAlEA,WAmEA,mGAGA,SAMA,gBANA,SAMA,GAEA,yCACA,0BACA,gEAEA,QAZA,SAYA,GACA,WACA,wBAEA,OADA,sEACA,EAEA,UAGA,wBArBA,WAsBA,wBACA,mCAGA,YA1BA,SA0BA,GACA,4DAGA,IAFA,kDACA,OACA,6BACA,oBACA,+BACA,IACA,OAGA,WACA,sCAEA,eACA,IACA,wBAEA,0CAGA,yBACA,sBAEA,0BAKA,eAvDA,SAuDA,GACA,mBACA,0BAEA,kBACA,kDACA,OAIA,GAHA,IACA,6DAEA,EACA,oBACA,gCACA,eAQA,GANA,wDACA,UAEA,8BACA,0BAEA,kCACA,kCACA,iBACA,gCACA,yGACA,WACA,yBAEA,+BAGA,8BAGA,0BAKA,cA/FA,SA+FA,GACA,4CACA,yBACA,qDACA,WAEA,WArGA,WAqGA,WACA,kCACA,6BACA,cACA,WACA,cAEA,kEACA,SACA,8DAEA,yBAEA,gCACA,uBACA,kFAGA,cACA,iBACA,gBAEA,yBACA,sBAGA,yCACA,oKACA,kBADA,gCAEA,eAFA,uBAGA,kBAHA,6BAKA,IACA,UACA,QAPA,mGAWA,WACA,aAEA,8BAEA,UAhJA,SAgJA,OACA,SACA,kCACA,qDAGA,uCACA,0CAGA,8CACA,iCAGA,WACA,6CAEA,0CAEA,aAEA,YArKA,WAsKA,gBACA,WACA,gCACA,yCACA,4BACA,eAGA,WA9KA,WA+KA,0EACA,qBAEA,uBAEA,cApLA,WAqLA,IACA,EADA,uDACA,0DACA,oBACA,oCACA,gBACA,QACA,cACA,eACA,qEAIA,oBACA,oCACA,gBACA,uBACA,cACA,OACA,WAIA,sBACA,qBAEA,eA9MA,SA8MA,cAOA,sGACA,MAEA,iCACA,mCACA,gEACA,qBACA,OACA,gCACA,gBACA,kBACA,yBAEA,wCACA,6CACA,yEACA,uBACA,mFAIA,uDACA,iBACA,gBAGA,kEACA,SACA,kCACA,qDAGA,uCACA,0CAGA,8CACA,2CAEA,mBACA,oCAEA,0CAGA,eAGA,iKACA,EADA,gBAEA,yBAFA,sCAIA,wCACA,gBACA,iBACA,4BAEA,mBACA,oBAVA,gGAcA,MAEA,YArRA,WAqRA,WACA,sCACA,oBACA,uDAEA,MAEA,kBA5RA,SA4RA,GACA,sGACA,qBACA,mBACA,cACA,2CAGA,SApSA,SAoSA,GACA,mCAEA,eAvSA,SAuSA,cAGA,GAFA,yBACA,kBACA,YACA,2BACA,qBAEA,sBACA,4BACA,mCACA,6BACA,+CACA,IACA,4BAEA,eACA,kBACA,KAGA,eACA,sBACA,oBACA,mDACA,kBACA,6BACA,eACA,kBACA,KAEA,mBACA,oBACA,4BACA,uCACA,oBACA,oBACA,mBAEA,kCACA,iCACA,mCAKA,+DACA,eAEA,eAEA,mBAEA,WA3VA,WA2VA,WAEA,GADA,kBACA,uBAGA,qCACA,yCACA,gBACA,OAGA,eACA,eACA,gBACA,qBACA,gBACA,OACA,2DACA,sCACA,sBACA,aACA,iBAEA,qCACA,qIACA,qDACA,SACA,6CAEA,mCAGA,aA3XA,SA2XA,GACA,iCACA,cAEA,mBAGA,YAlYA,WAkYA,oKACA,yEAEA,0BAHA,iCAIA,qCACA,SACA,kBANA,cAIA,EAJA,OAQA,4CACA,wCACA,aACA,+BACA,mDAGA,6BACA,8CACA,gBAjBA,2BAsBA,WAOA,aACA,8BACA,aACA,sBAEA,yEAXA,aACA,6BACA,aACA,uBAUA,qBApCA,+CAsCA,YAxaA,WAyaA,+EACA,cACA,aACA,iCACA,gBACA,2BAGA,aACA,gCACA,gBACA,0BAGA,4BAGA,UA1bA,SA0bA,gBACA,oEACA,qDACA,iEACA,qEACA,8CACA,8CACA,8CAEA,8CACA,8CACA,8CAEA,sCAEA,0BAEA,gBACA,YAEA,mBACA,mBAEA,oBACA,cAWA,GATA,IACA,iCACA,2BAEA,IACA,iCACA,qBAGA,GACA,YACA,wDAEA,IACA,qCAEA,IACA,qCAEA,IACA,qCAEA,IACA,qCAEA,IACA,qCAEA,IACA,sCAIA,WArfA,WAsfA,iDACA,MAOA,IANA,OACA,kCACA,qCAGA,IACA,eACA,qBACA,WACA,MACA,OAKA,iBAEA,iBACA,2BAGA,KA7gBA,SA6gBA,KAIA,IAHA,QACA,6BAEA,gCACA,cACA,IACA,gCAEA,oBAGA,gCACA,GAGA,OA7hBA,SA6hBA,cACA,sDACA,oBAEA,oCACA,cACA,0BACA,uBACA,oCACA,IACA,qBACA,kBAEA,UAKA,SA/iBA,SA+iBA,cACA,oCACA,cACA,0BACA,uBACA,iDACA,iBACA,UAKA,KA3jBA,SA2jBA,yKACA,sBACA,gBACA,sBAEA,gCACA,GACA,SACA,UAEA,wBACA,wBACA,kDACA,4BACA,uCAdA,UAgBA,uCAhBA,eAgBA,cAhBA,OAkBA,sFAlBA,UAoBA,kCApBA,QAsBA,+BAEA,4CACA,wKACA,gBADA,0EAGA,iDAHA,OAGA,EAHA,OAIA,iCACA,WACA,6BANA,mDAUA,+CAVA,+GAcA,+CAEA,6MACA,2BADA,gBACA,EADA,EACA,KACA,iCACA,WACA,wBAJA,kGAUA,mHACA,kHACA,mHACA,kHACA,uCACA,gEACA,kBAEA,sCACA,gEACA,4DACA,GACA,6BAEA,kBAEA,2CACA,0DACA,+BAEA,iDACA,uBAGA,2CACA,uDACA,0BACA,QACA,wBACA,uBACA,iBACA,SAlFA,+CAsFA,OAjpBA,SAipBA,gBACA,mBACA,eACA,2BACA,mBACA,yBACA,SACA,iCACA,aACA,aAGA,iBAEA,0BACA,8BAIA,WApqBA,SAoqBA,kBACA,yDACA,0BACA,OACA,QACA,QACA,SACA,UACA,6CACA,8CACA,gBACA,eACA,sFAEA,4DACA,IACA,4BACA,8BACA,8BACA,cACA,gCACA,4BAEA,iCACA,gBACA,yBACA,wBAGA,gBACA,OACA,SAIA,kBAEA,uBAEA,2BACA,gBACA,QACA,sCACA,6CACA,8CACA,gBACA,eACA,0EAIA,uBAaA,IAXA,+BACA,8BACA,aACA,sBAGA,iFACA,eAIA,GACA,uBACA,qBACA,+BACA,aACA,uBAEA,KAGA,IACA,gBACA,uBACA,eACA,OAGA,MArvBA,WAsvBA,2GACA,kBAEA,gFACA,4BACA,uBACA,sBACA,iBAEA,qBAEA,2DACA,uCAEA,QApwBA,WAqwBA,0DAEA,UAvwBA,WAwwBA,2BACA,wBACA,uCACA,wBACA,sBACA,cACA,4BAPA,IASA,yBAEA,OADA,oCACA,GAEA,YApxBA,WAoxBA,kKACA,4CACA,gBAFA,iBAGA,+DACA,gBACA,uBACA,cACA,qEACA,sBACA,qBACA,uBAVA,mDAaA,gFAbA,eAaA,iBAbA,OAcA,wDAEA,iBAGA,IAnBA,UAoBA,uBACA,mBACA,kBACA,uBACA,uBACA,OAIA,MAEA,8CAGA,uBACA,yBACA,KAFA,0DAEA,4HAEA,kBAGA,uDACA,iBAIA,4CAEA,mBACA,mCAEA,8CACA,iBACA,eACA,wBACA,iCACA,+BACA,iBACA,eACA,yBAGA,+CACA,kBAIA,wCACA,iBAhCA,SAmCA,+BAnCA,OAoCA,KACA,KACA,mDACA,uDACA,qCACA,wDACA,sCACA,yDACA,sCAEA,uDAEA,oDAGA,4CACA,gBAGA,oCACA,4CAcA,kCACA,sCAEA,gCACA,8BACA,WACA,sCACA,yCACA,kBAEA,gBACA,gDAEA,6BACA,yBACA,SACA,6BACA,WAaA,sCACA,6CAGA,0BACA,cAEA,kDACA,wDACA,gCA7GA,4CAFA,uDAkHA,mBACA,kDACA,oBAIA,mBACA,oBA3JA,8DA8JA,oBA9JA,8DAkKA,YAt7BA,WAs7BA,4JACA,4BACA,UAFA,uBAGA,aACA,mEACA,iCACA,aACA,uBAPA,kCAYA,2BAZA,uBAaA,kDAbA,oDAkBA,4DAlBA,QAkBA,eAlBA,OAmBA,mCACA,iFACA,aAEA,sDACA,iCACA,aACA,wBA1BA,qDA8BA,4CA9BA,6DAiCA,0BAv9BA,SAu9BA,GACA,yBACA,sBACA,gDACA,mBACA,0EAEA,IA99BA,SA89BA,KACA,kBACA,eACA,SACA,kBAKA,QArsCA,WAqsCA,yJACA,yCAEA,+CACA,kDACA,uDACA,iBACA,uBACA,SA4CA,GA3CA,iCACA,gDAEA,IACA,4BACA,8BACA,8BACA,cACA,gCACA,4BAEA,eACA,gBACA,yBACA,wBAGA,gBACA,OACA,QAIA,WAGA,8DACA,2BACA,cACA,WACA,8BAMA,cAEA,kCACA,mEACA,uBAGA,sBAGA,wCACA,oBACA,YAIA,iBACA,QAEA,sCACA,+CAEA,wCACA,cAGA,iBAFA,iBAKA,6BACA,2BACA,iBACA,kBACA,QAGA,6CACA,+CAEA,wCACA,cAGA,iBAFA,iBAKA,6BACA,IACA,2BACA,iBACA,mBAEA,QAjGA,8CAoGA,UAzyCA,WA0yCA,wDCnuDmW,MCQ/V,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,KACA,OAIa,M,QCEf,qCAEA,QACA,WACA,KAFA,WAGA,OACA,WACA,qBACA,cACA,UACA,gDAEA,UACA,gBAGA,YACA,WACA,SAGA,QAnBA,WAmBA,WACA,8BACA,uBACA,aACA,uCACA,uBACA,4CACA,YACA,+BACA,aACA,yDAEA,uBAEA,uBACA,eACA,MAEA,QArCA,WAqCA,WACA,4CAEA,8BACA,oBAGA,SAMA,gBANA,SAMA,GAEA,yCACA,0BACA,gEAEA,WAZA,WAaA,gEAEA,OAfA,SAeA,GACA,iCAEA,iBAEA,2BCvF8U,MCQ1U,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCbf,OAAIgB,IAAI,QAER,IAAMkP,GAA6B,CAClC,CACCC,KAAM,IACN5S,KAAM,OACNgD,UAAW6P,GAEZ,CACCD,KAAM,aACN5S,KAAM,4BACNgD,UAAW8P,EACXvG,MAAO,CACNlG,KAAM,YAGR,CACCuM,KAAM,YACN5S,KAAM,2BACNgD,UAAW8P,EACXvG,MAAO,CACNlG,KAAM,WAGR,CACCuM,KAAM,aACN5S,KAAM,OACNgD,UAAW+P,KAIPC,GAAS,IAAI,OAAU,CAC5BrS,KAAM,UACNsS,KAAM,IACNN,YAGc,M,aCxCf,OAAIlP,IAAI,SAEO,WAAI,QAAKyP,MAAM,CAC7BC,MAAO,GACPC,UAAW,GACXC,QAAS,GACT1U,QAAS,K,uCCAV,QAAQ+K,IAAI,QAAgB,SAC5B,OAAI1G,UAAU,oBAAqB,SAEnC,IAAMsQ,GAAO7L,UAAUC,UAAY,KACnCS,EAAK3E,OAAS8P,GAEd,OAAIC,OAAOC,eAAgB,EAE3B,IAAI,OAAI,CACPR,OAAA,GACAS,SACAtL,OACAuL,OAAQ,SAACC,GAAD,OAAOA,EAAEC,MACfC,OAAO,S,kCCtBV,W,kCCAA,W","file":"js/app.9a7f612e.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=3ac0b672&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/cancelAppointment.b01799b7.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppHeader.vue?vue&type=style&index=0&id=764d5dfe&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventInformation.vue?vue&type=style&index=0&id=1d70b9fd&lang=scss&scoped=true&\"","var map = {\n\t\"./de.json\": \"6ce2\",\n\t\"./en.json\": \"edd4\",\n\t\"./es.json\": \"a306\",\n\t\"./fr.json\": \"f693\",\n\t\"./it.json\": \"0825\",\n\t\"./pt.json\": \"5d67\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"49f8\";","module.exports = __webpack_public_path__ + \"img/logo-cving.d1aad1ca.svg\";","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/confirmAppointment.c5cd4738.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vue-webrtc.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spinner.vue?vue&type=style&index=0&id=7def2e3b&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('Spinner'),(!_vm.meetJoined)?_c('app-header'):_vm._e(),_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from 'vue'\nexport const EventBus = new Vue()\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',[_c('div',[_c('a',{attrs:{\"href\":\"https://cving.com\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"alt\":\"CVing logo\",\"src\":require(\"../assets/logo-cving.svg\"),\"height\":\"30\",\"width\":\"85\"}})])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AppHeader.vue?vue&type=template&id=764d5dfe&scoped=true&\"\nvar script = {}\nimport style0 from \"./AppHeader.vue?vue&type=style&index=0&id=764d5dfe&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"764d5dfe\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible)?_c('div',{staticClass:\"loading-page\"},[_c('div',{staticClass:\"loading\"})]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div v-if=\"visible\" class=\"loading-page\">\n\t\t<div class=\"loading\" />\n\t</div>\n</template>\n\n<script>\nimport { EventBus } from '@/event-bus'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvisible: false\n\t\t}\n\t},\n\tmounted() {\n\t\tEventBus.$on('showSpinner', () => {\n\t\t\tthis.visible = true\n\t\t})\n\t\tEventBus.$on('hideSpinner', () => {\n\t\t\tthis.visible = false\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.loading-page {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.3);\n\tz-index: 1000;\n\tpadding: 1rem;\n\ttext-align: center;\n\tfont-size: 3rem;\nfont-family: 'Lato', sans-serif;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\n\t.loading {\n\t\tdisplay: inline-block;\n\t\twidth: 10rem;\n\t\theight: 10rem;\n\t\tborder: 15px solid rgba(255, 255, 255, 0.705);\n\t\tborder-radius: 50%;\n\t\tborder-top-color: #fff;\n\t\tanimation: spin 1s ease-in-out infinite;\n\t}\n}\n\n@keyframes spin {\n\tto {\n\t\t-webkit-transform: rotate(360deg);\n\t}\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spinner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spinner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Spinner.vue?vue&type=template&id=7def2e3b&scoped=true&\"\nimport script from \"./Spinner.vue?vue&type=script&lang=js&\"\nexport * from \"./Spinner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Spinner.vue?vue&type=style&index=0&id=7def2e3b&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7def2e3b\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport VueI18n, { LocaleMessages } from 'vue-i18n'\n\nVue.use(VueI18n)\n\nfunction loadLocaleMessages(): LocaleMessages {\n\tconst locales = require.context('./locales', true, /[A-Za-z0-9-_,\\s]+\\.json$/i)\n\tconst messages: LocaleMessages = {}\n\tlocales.keys().forEach((key) => {\n\t\tconst matched = key.match(/([A-Za-z0-9-_]+)\\./i)\n\t\tif (matched && matched.length > 1) {\n\t\t\tconst locale = matched[1]\n\t\t\tmessages[locale] = locales(key)\n\t\t}\n\t})\n\treturn messages\n}\n\nexport default new VueI18n({\n\tlocale: process.env.VUE_APP_I18N_LOCALE || 'en',\n\tfallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',\n\tmessages: loadLocaleMessages()\n})\n","<template>\n\t<div id=\"app\">\n\t\t<Spinner />\n\t\t<app-header v-if=\"!meetJoined\" />\n\t\t<router-view />\n\t</div>\n</template>\n\n<script>\nimport { EventBus } from '@/event-bus'\nimport AppHeader from '@/components/AppHeader.vue'\nimport Spinner from '@/components/Spinner.vue'\nimport i18n from './i18n'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tmeetJoined: false\n\t\t}\n\t},\n\tcomponents: {\n\t\tAppHeader,\n\t\tSpinner\n\t},\n\tbeforeMount() {\n\t\tconst regexPattern = /\\/meet\\/([a-f0-9-]+)&lang=/\n\t\tconst currentURL = window.location.href\n\t\tconsole.log('redirect', regexPattern.test(currentURL))\n\t\tif (regexPattern.test(currentURL)) {\n\t\t\tconst newURL = currentURL.replace(/&lang=/, '?lang=')\n\t\t\twindow.location.href = newURL\n\t\t}\n\t},\n\tmounted() {\n\t\ti18n.locale = this.getUrlParameter('lang') || 'it'\n\n\t\tEventBus.$on('meetJoined', () => {\n\t\t\tthis.meetJoined = true\n\t\t})\n\t},\n\tmethods: {\n\t\t/**\n\t\t * extract a parameter value from the page url using a given parameter `name`\n\t\t * @param name the parameter name to search for\n\t\t * @returns the value of the parameter\n\t\t */\n\t\tgetUrlParameter(name) {\n\t\t\t// name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]')\n\t\t\tconst regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)')\n\t\t\tconst results = regex.exec(location.search)\n\t\t\treturn results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '))\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n@import './assets/styles/main.scss';\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=21ee78f3&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_c('div',{staticClass:\"main-content\"},[(_vm.step == 1)?_c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"recruiter\"},[_c('img',{staticClass:\"recruiter__avatar\",attrs:{\"src\":_vm.recruiter.avatar,\"alt\":\"\"}}),_c('div',[_c('span',{staticClass:\"recruiter__nome\"},[_vm._v(\" \"+_vm._s(_vm.recruiter.firstName)+\" \"+_vm._s(_vm.recruiter.lastName)+\" \")]),_c('span',{staticClass:\"recruiter__azienda\"},[_vm._v(_vm._s(_vm.recruiter.company))])])]),_c('div',{staticClass:\"calendar\"},[_c('div',{staticClass:\"calendar__title\"},[_c('h1',{domProps:{\"textContent\":_vm._s(_vm.calendar[0].day + ' ' + _vm.calendar[0].month + ' ' + _vm.calendar[0].year + ' - ' + _vm.calendar[6].day + ' ' + _vm.calendar[6].month + ' ' + _vm.calendar[6].year)}}),(!_vm.noPrevSlots || !_vm.noNextSlots)?_c('nav',{staticClass:\"nav\"},[_c('button',{staticClass:\"nav__prev\",attrs:{\"disabled\":_vm.noPrevSlots},on:{\"click\":function($event){return _vm.navigateToPrevWeek()}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"chevron-left\"}})],1),_c('button',{staticClass:\"nav__next\",attrs:{\"disabled\":_vm.noNextSlots},on:{\"click\":function($event){return _vm.navigateToNextWeek()}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"chevron-right\"}})],1)]):_vm._e()]),_c('ol',{staticClass:\"calendar__days\"},_vm._l((_vm.calendar),function(day,index){return _c('li',{key:'day_' + index,staticClass:\"day\"},[_c('span',{domProps:{\"textContent\":_vm._s(day.weekday)}}),_c('span',{domProps:{\"textContent\":_vm._s(day.day)}})])}),0),_c('div',{staticClass:\"calendar__content\"},[_vm._l((7),function(index){return _c('div',{key:'col_' + index,staticClass:\"col\",style:({ 'grid-column': index })})}),_vm._l((_vm.slots),function(slot,index){return _c('div',{key:'slot_' + index,staticClass:\"slot\",class:{\n\tslot__show: _vm.dayjs(slot.date, 'DD-MM-YYYY HH:mm').isBetween(_vm.dayjs(_vm.calendar[0].date, 'YYYY-MM-DD'), _vm.dayjs(_vm.calendar[6].date, 'YYYY-MM-DD'), 'day', '[]'),\n\tslot__selected: slot.selected\n},style:({\n\t\t\t\t\t\t\t'grid-column': slot.day,\n\t\t\t\t\t\t\t'grid-row-start': 1 + _vm.dayjs('2000/01/01 ' + slot.startTime, 'YYYY/MM/DD HH:mm').diff(_vm.dayjs('2000/01/01 ' + _vm.earliestSlot, 'YYYY/MM/DD HH:mm'), 'minute') / 15,\n\t\t\t\t\t\t\t'grid-row-end': 'span ' + _vm.dayjs('2000/01/01 ' + slot.endTime, 'YYYY/MM/DD HH:mm').diff(_vm.dayjs('2000/01/01 ' + slot.startTime, 'YYYY/MM/DD HH:mm'), 'minute') / 15\n\t\t\t\t\t\t}),attrs:{\"title\":slot.startTime + ' - ' + slot.endTime},on:{\"click\":function($event){return _vm.onSlotClicked(slot.invitationReqId, slot.startDate, slot.endDate, slot.origEventId, slot.eventId)}}},[_c('span',{staticClass:\"slot__date\"},[_vm._v(\" \"+_vm._s(_vm.dayjs(slot.date, 'DD-MM-YYYY HH:mm').format('DD MMM YYYY'))+\" - \")]),_vm._v(\" \"+_vm._s(slot.startTime)+\" \"+_vm._s(slot.endTime)+\" \")])})],2)])]):_vm._e(),(_vm.step == 2)?_c('div',{staticClass:\"step\"},[(_vm.type == 1)?_c('button',{staticClass:\"back\",on:{\"click\":function($event){_vm.step = 1}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"chevron-left\"}})],1):_vm._e(),_c('div',{staticClass:\"conferma\"},[_c('h1',{staticClass:\"conferma__title\"},[_vm._v(_vm._s(_vm.$t('confirm_appointment')))]),_c('img',{staticClass:\"conferma__avatar\",attrs:{\"src\":_vm.recruiter.avatar,\"alt\":\"\"}}),_c('p',{staticClass:\"conferma__text\",staticStyle:{\"font-size\":\"17px\",\"font-weight\":\"normal\"}},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.slotType))+\" \"+_vm._s(_vm.$t('info_with', { name: _vm.recruiter.firstName, company: _vm.recruiter.company }))+\" \")]),_c('time',{staticClass:\"conferma__time\",attrs:{\"datetime\":_vm.chosenTime}},[_c('span',[_vm._v(_vm._s(_vm.dayjs(_vm.chosenTime, 'DD-MM-YYYY HH:mm').format('DD MMMM YYYY')))]),_c('span',[_vm._v(_vm._s(_vm.dayjs(_vm.chosenTime, 'DD-MM-YYYY HH:mm').format('HH:mm')))])]),_c('button',{staticClass:\"conferma__confirm\",on:{\"click\":function($event){$event.preventDefault();return _vm.lockSlot()}}},[_vm._v(\" \"+_vm._s(_vm.$t('confirm'))+\" \")])])]):_vm._e(),(_vm.step == 3)?_c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"conferma\"},[_c('p',{staticClass:\"conferma__text\"},[_vm._v(_vm._s(_vm.$t('thanks')))]),_c('img',{staticStyle:{\"width\":\"40%\"},attrs:{\"src\":require(\"../assets/confirmAppointment.svg\"),\"alt\":\"\"}}),_c('p',{staticClass:\"conferma__text\"},[_vm._v(_vm._s(_vm.$t('confirm_text')))]),_c('button',{staticClass:\"conferma__confirm\",on:{\"click\":function($event){return _vm.openCVingSite()}}},[_vm._v(\" \"+_vm._s(_vm.$t('go_to_cving_site'))+\" \")])])]):_vm._e(),(_vm.step == 4)?_c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"conferma\"},[_c('p',{staticClass:\"conferma__text\"},[_vm._v(_vm._s(_vm.$t('sorry')))])])]):_vm._e(),(_vm.step == 5)?_c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"conferma\"},[_c('h1',{staticClass:\"conferma__title\"},[_vm._v(_vm._s(_vm.$t('cancel_appointment')))]),_c('img',{staticClass:\"conferma__avatar\",attrs:{\"src\":_vm.recruiter.avatar,\"alt\":\"\"}}),_c('p',{staticClass:\"conferma__text\"},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.slotType))+\" \"+_vm._s(_vm.$t('info_with', { name: _vm.recruiter.firstName, company: _vm.recruiter.company }))+\" \")]),_c('form',[_c('label',{attrs:{\"for\":\"description\"}},[_vm._v(\" \"+_vm._s(_vm.$t('problem_description'))+\" \"),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.unlockMessage),expression:\"unlockMessage\"}],staticClass:\"input\",attrs:{\"name\":\"description\",\"id\":\"description\",\"cols\":\"30\",\"rows\":\"10\"},domProps:{\"value\":(_vm.unlockMessage)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.unlockMessage=$event.target.value}}}),_c('i',[_c('sup',[_vm._v(\"*\")]),_vm._v(_vm._s(_vm.$t('problem_description_hint')))])])]),_c('button',{staticClass:\"conferma__confirm\",on:{\"click\":function($event){$event.preventDefault();return _vm.unlockSlot()}}},[_vm._v(\" \"+_vm._s(_vm.$t('send_message'))+\" \")])])]):_vm._e(),(_vm.step == 6)?_c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"conferma\"},[_c('p',{staticClass:\"conferma__text\"},[_vm._v(_vm._s(_vm.$t('already_selected')))])])]):_vm._e(),(_vm.step == 7)?_c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"conferma\"},[_c('p',{staticClass:\"conferma__text\"},[_vm._v(_vm._s(_vm.$t('link_non_valid')))])])]):_vm._e(),(_vm.step == 8)?_c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"conferma\"},[_c('p',{staticClass:\"conferma__text\"},[_vm._v(_vm._s(_vm.$t('appointment_rejected')))]),_c('img',{staticStyle:{\"width\":\"40%\"},attrs:{\"src\":require(\"../assets/cancelAppointment.svg\"),\"alt\":\"\"}}),_c('p',{staticStyle:{\"max-width\":\"320px\",\"text-align\":\"center\"}},[_vm._v(_vm._s(_vm.$t('rejected_appointment_text')))]),_c('button',{staticClass:\"conferma__confirm\",on:{\"click\":function($event){return _vm.openCVingSite()}}},[_vm._v(\" \"+_vm._s(_vm.$t('go_to_cving_site'))+\" \")])])]):_vm._e(),(_vm.step == 9)?_c('div',{staticClass:\"step\"},[_c('button',{staticClass:\"back\",on:{\"click\":function($event){return _vm.getSlots()}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"chevron-left\"}})],1),_c('div',{staticClass:\"conferma\"},[_c('p',{staticClass:\"conferma__text\"},[_vm._v(_vm._s(_vm.$t('appointment_already_choosen')))])])]):_vm._e(),(_vm.step == 10)?_c('div',{staticClass:\"step\"},[_c('button',{staticClass:\"back\",on:{\"click\":function($event){return _vm.getSlots()}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"chevron-left\"}})],1),_c('div',{staticClass:\"conferma\"},[_c('p',{staticClass:\"conferma__text\"},[_vm._v(_vm._s(_vm.$t('appointment_expired')))])])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from 'axios'\n\nexport const api = axios.create({\n\twithCredentials: true,\n\tbaseURL: process.env.VUE_APP_SBAPI\n})\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue'\nimport { api } from '../api'\nimport i18n from './../i18n'\nimport utc from 'dayjs/plugin/utc'\nimport timezone from 'dayjs/plugin/timezone'\nimport duration from 'dayjs/plugin/duration'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\nimport { EventBus } from '@/event-bus'\n\nimport dayjs, { Dayjs } from 'dayjs'\nrequire('dayjs/locale/it')\ndayjs.locale(navigator.language || 'it')\ndayjs.extend(utc)\ndayjs.extend(timezone)\ndayjs.extend(duration)\ndayjs.extend(isBetween)\ndayjs.extend(customParseFormat)\n\ninterface Slot {\n\tstartTime: string\n\tendTime: string\n\tdate: string\n\tday: number\n\tbookId: number\n\tselected?: boolean\n\n\tinvitationReqId: string\n\tstartDate: string\n\tendDate: string\n\torigEventId: number\n\teventId: string\n}\n\ninterface Day {\n\tdayID: number\n\tdate: string\n\tyear: string\n\tmonth: string\n\tday: string\n\tweekday: string\n}\n\ninterface ApiSlotResultEventInvitations {\n\tcreationDate: string\n\teventDateFrom: string\n\teventDateTo: string\n\tfreeEventCount: number\n\tid: number\n\trequestId: string\n\trequestState: number\n\tuidRecruiter: number\n}\n\ninterface ApiSlotResultEvent {\n\ttitle: string\n\tstartDate: string\n\tendDate: string\n\tisRecurrencyMaster: boolean\n\torigEventId: number\n\teventId: string\n\tisRecurrency: boolean\n\trrule: any\n\tteamIds: any\n\teventData: {\n\t\tid: number\n\t\tuidOwner: number\n\t\tuidRecruiter: number\n\t\tcoid: number\n\t\teventState: number\n\t\teventType: number\n\t\tcreationDate: string\n\t\tupdateDate: any\n\t\teventAttributes: any\n\t}\n\tcandidates: any\n\tinvitations: ApiSlotResultEventInvitations[]\n\tnotifications: any\n}\n\ninterface ApiSlotResult {\n\tevents: ApiSlotResultEvent[]\n\tinvitationAttributes: [\n\t\t{\n\t\t\tname: string\n\t\t\tvalue: string\n\t\t}\n\t]\n\trecruiterAvatar: string\n\trecruiterCompany: string\n\trecruiterLastName: string\n\trecruiterName: string\n}\n\nexport default Vue.extend({\n\tname: 'Home',\n\n\tdata() {\n\t\treturn {\n\t\t\tstep: -1, // 1 calendar, 2 confirm, 3 thanks, 4 request\n\t\t\ttype: -1, // 1 multiple, 2 single\n\t\t\tearliestSlot: '18:00',\n\t\t\tslotNumber: 36,\n\t\t\tcandidateUid: 0,\n\t\t\tchosenTime: dayjs().format('YYYY-MM-DD HH:mm'),\n\t\t\tchosenBookId: 0,\n\t\t\ttimeZone: '',\n\t\t\trecruiter: {\n\t\t\t\tfirstName: 'Nome recruiter',\n\t\t\t\tlastName: 'Cognome recruiter',\n\t\t\t\tcompany: 'Azienda recruiter',\n\t\t\t\tavatar: 'https://placekitten.com/80'\n\t\t\t},\n\t\t\tcalendar: [] as Day[],\n\t\t\tslots: [] as Slot[],\n\t\t\tdayjs,\n\n\t\t\tslotOpened: {\n\t\t\t\tinvitationReqId: '',\n\t\t\t\tstartDate: '',\n\t\t\t\tendDate: '',\n\t\t\t\torigEventId: 0\n\t\t\t},\n\n\t\t\tunlockMessage: '', // message to send to recruiter when rejecting a slot,\n\t\t\tslotType: ''\n\t\t}\n\t},\n\n\tmounted() {\n\t\ti18n.locale = this.getUrlParameter('lang') || 'it'\n\t\tEventBus.$emit('showSpinner')\n\n\t\tthis.timeZone = dayjs.tz.guess() + ' (' + dayjs().tz(dayjs.tz.guess()).format('z') + ')'\n\n\t\tthis.getSlots()\n\t},\n\n\tcomputed: {\n\t\tnoPrevSlots(): boolean {\n\t\t\treturn this.slots.filter((el: { date: any }) => dayjs(el.date, 'DD-MM-YYYY').isBefore(dayjs(this.calendar[0].date, 'YYYY-MM-DD'))).length === 0\n\t\t},\n\n\t\tnoNextSlots(): boolean {\n\t\t\treturn this.slots.filter((el: { date: any }) => dayjs(el.date, 'DD-MM-YYYY').isAfter(dayjs(this.calendar[6].date, 'YYYY-MM-DD'))).length === 0\n\t\t}\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * extract a parameter value from the page url using a given parameter `name`\n\t\t * @param name the parameter name to search for\n\t\t * @returns the value of the parameter\n\t\t */\n\t\tgetUrlParameter(name: string) {\n\t\t\t// name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]')\n\t\t\tconst regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)')\n\t\t\tconst results = regex.exec(location.search)\n\t\t\treturn results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '))\n\t\t},\n\n\t\topenCVingSite() {\n\t\t\twindow.open('https://www.cving.com/', '_blank')\n\t\t},\n\n\t\t/** initialize the weeks-calendar */\n\t\tfillCalendar(firstDate: Dayjs) {\n\t\t\tlet now = null\n\n\t\t\tthis.calendar = []\n\n\t\t\tfor (let i = 0; i <= 6; i++) {\n\t\t\t\tnow = firstDate.add(i, 'd')\n\t\t\t\tthis.calendar.push({\n\t\t\t\t\tdayID: i,\n\t\t\t\t\tdate: now.format('YYYY-MM-DD'),\n\t\t\t\t\tyear: now.format('YYYY'),\n\t\t\t\t\tmonth: now.format('MMM'),\n\t\t\t\t\tday: now.format('DD'),\n\t\t\t\t\tweekday: now.format('ddd')\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\n\t\t/** manage the previous day movement on the calendar */\n\t\tnavigateToPrevWeek() {\n\t\t\tconst { year, month, day } = this.calendar[0]\n\t\t\tconst newDate = dayjs(`${year}/${month}/${day}`, 'YYYY/MMM/D').subtract(1, 'w')\n\n\t\t\tthis.fillCalendar(newDate)\n\n\t\t\t// update the slots with the new week\n\t\t\tthis.slots.forEach((c: Slot) => (c.day = c.day + 7))\n\t\t},\n\n\t\t/** manage the next day movement on the calendar */\n\t\tnavigateToNextWeek() {\n\t\t\tconst { year, month, day } = this.calendar[6]\n\t\t\tconst newDate = dayjs(`${year}/${month}/${day}`, 'YYYY/MMM/D').add(1, 'd')\n\n\t\t\tthis.fillCalendar(newDate)\n\n\t\t\t// update the slots with the new week\n\t\t\tthis.slots.forEach((c: Slot) => (c.day = c.day - 7))\n\t\t},\n\n\t\t/**\n\t\t * manage the click on a slot\n\t\t * @param date the slot date\n\t\t * @param startTime the slot start time\n\t\t * @param bookId the slot book id\n\t\t */\n\t\tonSlotClicked(invitationReqId: string, startDate: string, endDate: string, origEventId: number, eventId: string) {\n\t\t\tconst clickedSlot = this.slots.find((el: Slot) => el.eventId === eventId)\n\n\t\t\tthis.slotOpened = {\n\t\t\t\tinvitationReqId,\n\t\t\t\tstartDate,\n\t\t\t\tendDate,\n\t\t\t\torigEventId\n\t\t\t}\n\n\t\t\tthis.chosenTime = startDate\n\n\t\t\t// check if any of the slots is already selected\n\t\t\tif (this.slots.find((el: Slot) => el.selected)) {\n\t\t\t\t// if the slot clicked is selected change the step to 5\n\t\t\t\tif (clickedSlot?.selected) {\n\t\t\t\t\tthis.step = 5\n\t\t\t\t}\n\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.step = 2\n\t\t},\n\n\t\t/** manage the click on the confirm button of the choosen slot */\n\t\tlockSlot() {\n\t\t\tEventBus.$emit('showSpinner')\n\n\t\t\tapi.post('/candidate/events/lockevent', {\n\t\t\t\tinvitationReqId: this.slotOpened.invitationReqId,\n\t\t\t\tstartDate: this.slotOpened.startDate,\n\t\t\t\tendDate: this.slotOpened.endDate,\n\t\t\t\torigEventId: this.slotOpened.origEventId\n\t\t\t})\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.step = 3\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tif (error.response?.data?.messageCode === 'BKG-013') {\n\t\t\t\t\t\t// slot already selected by other user\n\t\t\t\t\t\tthis.step = 9\n\t\t\t\t\t} else if (error.response?.data?.messageCode === 'BKG-015') {\n\t\t\t\t\t\t// slot expired\n\t\t\t\t\t\tthis.step = 10\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tEventBus.$emit('hideSpinner')\n\t\t\t\t})\n\t\t},\n\n\t\t/** manage the click on the calcel button of the choosen slot */\n\t\tunlockSlot() {\n\t\t\tEventBus.$emit('showSpinner')\n\t\t\tapi.post('/candidate/events/unlockevent', {\n\t\t\t\tinvitationReqId: this.slotOpened.invitationReqId,\n\t\t\t\tstartDate: this.slotOpened.startDate,\n\t\t\t\tendDate: this.slotOpened.endDate,\n\t\t\t\torigEventId: this.slotOpened.origEventId,\n\t\t\t\tunlockMessage: this.unlockMessage\n\t\t\t})\n\t\t\t\t.then(() => (this.step = 8))\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tif (error.response.status !== 200) {\n\t\t\t\t\t\tthis.step = 9 // someone else has locked the slot\n\t\t\t\t\t} else if (error.response?.data?.messageCode === 'BKG-015') {\n\t\t\t\t\t\t// slot expired\n\t\t\t\t\t\tthis.step = 10\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tEventBus.$emit('hideSpinner')\n\t\t\t\t})\n\t\t},\n\n\t\tgetSlots() {\n\t\t\tconst req_id = this.getUrlParameter('req_id')\n\n\t\t\tapi.get<ApiSlotResult>(`/candidate/events?req_id=${req_id}`)\n\t\t\t\t.then(({ data }) => {\n\t\t\t\t\t// rimosso utc temporaneamente\n\t\t\t\t\t/* data.events = data.events.map(event => {\n\t\t\t\t\t\tevent.startDate = dayjs.utc(event.startDate, 'DD-MM-YYYY HH:mm:ss').local().format('DD-MM-YYYY HH:mm:ss')\n\t\t\t\t\t\tevent.endDate = dayjs.utc(event.endDate, 'DD-MM-YYYY HH:mm:ss').local().format('DD-MM-YYYY HH:mm:ss')\n\t\t\t\t\t\treturn event\n\t\t\t\t\t}) */\n\t\t\t\t\tlet events = data.events.sort((a, b) => a.startDate.localeCompare(b.startDate))\n\n\t\t\t\t\t// start date is formatted \"DD-MM-YYYY HH:mm\". filter out all past slots\n\t\t\t\t\tevents = events.filter((slot) => dayjs(slot.startDate, 'DD-MM-YYYY HH:mm').isAfter(dayjs()))\n\n\t\t\t\t\t// remove locked slots if they are assigned to someone else\n\t\t\t\t\tevents = events.filter((slot) => {\n\t\t\t\t\t\t// slot is free\n\t\t\t\t\t\tif (slot.candidates === null) return true\n\n\t\t\t\t\t\t// slot is potentially assigned to someone else\n\t\t\t\t\t\tif (slot.candidates.length) {\n\t\t\t\t\t\t\t// if the slot is rejected, it is free\n\t\t\t\t\t\t\tif (slot.candidates.find((candidate: any) => candidate.assignState === 2)) {\n\t\t\t\t\t\t\t\treturn true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// candidate.assignState == 1 and reqid is the same the slot is still mine\n\t\t\t\t\t\t\treturn slot.candidates.find((candidate: any) => candidate.assignState === 1 && slot.invitations[0]?.requestId === req_id)\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn true\n\t\t\t\t\t})\n\n\t\t\t\t\tlet firstSlotDate: dayjs.Dayjs | null = null\n\n\t\t\t\t\tlet newDate = dayjs.utc()\n\n\t\t\t\t\tevents.forEach((element: ApiSlotResultEvent) => {\n\t\t\t\t\t\tnewDate = dayjs('2000/01/01 ' + dayjs(element.startDate, 'DD-MM-YYYY HH:mm').format('HH:mm'), 'YYYY/MM/DD HH:mm')\n\n\t\t\t\t\t\t// if there is no date set slot date to firstSlotDate\n\t\t\t\t\t\tif (!firstSlotDate) firstSlotDate = dayjs(element.startDate, 'DD-MM-YYYY HH:mm')\n\n\t\t\t\t\t\t// if there is a date before set that date\n\t\t\t\t\t\telse firstSlotDate = firstSlotDate.isBefore(dayjs(element.startDate, 'DD-MM-YYYY HH:mm')) ? firstSlotDate : dayjs(element.startDate, 'DD-MM-YYYY HH:mm')\n\t\t\t\t\t}, this)\n\n\t\t\t\t\tevents.forEach((element: ApiSlotResultEvent) => {\n\t\t\t\t\t\tnewDate = dayjs('2000/01/01 ' + dayjs(element.startDate, 'DD-MM-YYYY HH:mm').format('HH:mm'), 'YYYY/MM/DD HH:mm')\n\n\t\t\t\t\t\tthis.slots.push({\n\t\t\t\t\t\t\tstartTime: dayjs(element.startDate, 'DD-MM-YYYY HH:mm').format('HH:mm'),\n\t\t\t\t\t\t\tendTime: dayjs(element.endDate, 'DD-MM-YYYY HH:mm').format('HH:mm'),\n\t\t\t\t\t\t\tdate: element.startDate,\n\t\t\t\t\t\t\tday: Math.floor(dayjs(element.startDate, 'DD-MM-YYYY HH:mm').diff(dayjs(firstSlotDate!.format('DD-MM-YYYY') + '00:00', 'DD-MM-YYYY HH:mm'), 'days')) + 1, // diff in days\n\t\t\t\t\t\t\tbookId: 0,\n\t\t\t\t\t\t\tselected: element.eventData.eventState === 2,\n\n\t\t\t\t\t\t\tinvitationReqId: req_id,\n\t\t\t\t\t\t\tstartDate: element.startDate,\n\t\t\t\t\t\t\tendDate: element.endDate,\n\t\t\t\t\t\t\torigEventId: element.origEventId,\n\t\t\t\t\t\t\teventId: element.eventId\n\t\t\t\t\t\t})\n\n\t\t\t\t\t\tthis.earliestSlot = dayjs(newDate, 'YYYY/MM/DD HH:mm').isBefore(dayjs('2000/01/01 ' + this.earliestSlot, 'YYYY/MM/DD HH:mm')) ? newDate.format('HH:mm') : this.earliestSlot\n\t\t\t\t\t}, this)\n\n\t\t\t\t\tthis.fillCalendar(firstSlotDate || dayjs())\n\t\t\t\t\tconsole.log(firstSlotDate)\n\n\t\t\t\t\tthis.recruiter = {\n\t\t\t\t\t\tfirstName: data.recruiterName,\n\t\t\t\t\t\tlastName: data.recruiterLastName,\n\t\t\t\t\t\tcompany: data.recruiterCompany,\n\t\t\t\t\t\tavatar: data.recruiterAvatar\n\t\t\t\t\t}\n\n\t\t\t\t\t// colloquio_presenza colloquio_telefonico live_call\n\t\t\t\t\tthis.slotType = data.invitationAttributes.find((f: { name: string; value: string }) => f.name === 'booking_type')!.value\n\n\t\t\t\t\t// if there is only an option for the user to select, jump to step 2 (confirm)\n\t\t\t\t\tif (this.slots.length === 1) {\n\t\t\t\t\t\tthis.onSlotClicked(this.slots[0]!.invitationReqId, this.slots[0]!.startDate, this.slots[0]!.endDate, this.slots[0]!.origEventId, this.slots[0]!.eventId)\n\t\t\t\t\t\tthis.step = this.type = 2\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.step = this.type = 1\n\t\t\t\t\t}\n\n\t\t\t\t\tif (this.slots.find((el: Slot) => el.selected)) {\n\t\t\t\t\t\tconst slotSelected = this.slots.find((el: Slot) => el.selected)\n\t\t\t\t\t\t// if a slot is selected change the step to 5\n\t\t\t\t\t\tthis.onSlotClicked(slotSelected!.invitationReqId, slotSelected!.startDate, slotSelected!.endDate, slotSelected!.origEventId, slotSelected!.eventId)\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.slotNumber = (dayjs('2000/01/01 23:59', 'HH:mm').diff(dayjs('2000/01/01 ' + this.earliestSlot, 'HH:mm'), 'minute') + 1) / 15\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tif (error.response) {\n\t\t\t\t\t\tif (error.response.status === 406) {\n\t\t\t\t\t\t\tthis.step = 7\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tEventBus.$emit('hideSpinner')\n\t\t\t\t})\n\t\t}\n\t}\n})\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=3ac0b672&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=ts&\"\nexport * from \"./Home.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=3ac0b672&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3ac0b672\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\"}},[(_vm.eventInformation && _vm.step == 'showInfo')?_c('div',{staticClass:\"conferma\"},[_c('h1',{staticClass:\"conferma__title\"},[_vm._v(_vm._s(_vm.type == 'confirm' ? _vm.$t('appointment_confirmed') : _vm.$t('appointment_rejected')))]),_c('img',{staticClass:\"conferma__avatar\",attrs:{\"src\":_vm.recruiter.avatar,\"alt\":\"\"}}),_c('p',{staticClass:\"conferma__text\",staticStyle:{\"font-size\":\"17px\",\"font-weight\":\"normal\"}},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.slotType))+\" \"+_vm._s(_vm.$t('info_with', { name: _vm.recruiter.firstName, company: _vm.recruiter.company }))+\" \")]),_c('time',{staticClass:\"conferma__time\"},[_c('span',[_vm._v(_vm._s(_vm.dayjs(_vm.eventInformation.startDate, 'DD-MM-YYYY HH:mm').format('DD MMMM YYYY')))]),_c('span',[_vm._v(_vm._s(_vm.dayjs(_vm.eventInformation.startDate, 'DD-MM-YYYY HH:mm').format('HH:mm')))])])]):_vm._e(),(_vm.step == 'slotRemoved')?_c('div',{staticClass:\"conferma\"},[_c('h1',{staticClass:\"conferma__title\"},[_vm._v(_vm._s(_vm.$t('appointment_removed_by_recruiter')))])]):_vm._e(),(_vm.step == 'slotExpired')?_c('div',{staticClass:\"conferma\"},[_c('h1',{staticClass:\"conferma__title\"},[_vm._v(_vm._s(_vm.$t('appointment_expired')))])]):_vm._e(),(_vm.step == 'rejectSlot')?_c('div',{staticClass:\"conferma\"},[_c('h1',{staticClass:\"conferma__title\"},[_vm._v(_vm._s(_vm.$t('cancel_appointment')))]),_c('img',{staticClass:\"conferma__avatar\",attrs:{\"src\":_vm.recruiter.avatar,\"alt\":\"\"}}),_c('p',{staticClass:\"conferma__text\",staticStyle:{\"font-size\":\"17px\",\"font-weight\":\"normal\"}},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.slotType))+\" \"+_vm._s(_vm.$t('info_with', { name: _vm.recruiter.firstName, company: _vm.recruiter.company }))+\" \")]),_c('time',{staticClass:\"conferma__time\"},[_c('span',[_vm._v(_vm._s(_vm.dayjs(_vm.eventInformation.startDate, 'DD-MM-YYYY HH:mm').format('DD MMMM YYYY')))]),_c('span',[_vm._v(_vm._s(_vm.dayjs(_vm.eventInformation.startDate, 'DD-MM-YYYY HH:mm').format('HH:mm')))])]),_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.rejectEvent()}}},[_c('label',{attrs:{\"for\":\"description\"}},[_vm._v(\" \"+_vm._s(_vm.$t('problem_description'))+\" \"),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rejectMessage),expression:\"rejectMessage\"}],staticClass:\"input\",attrs:{\"required\":\"\",\"name\":\"description\",\"id\":\"description\",\"cols\":\"30\",\"rows\":\"10\"},domProps:{\"value\":(_vm.rejectMessage)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.rejectMessage=$event.target.value}}}),_c('i',[_c('sup',[_vm._v(\"*\")]),_vm._v(_vm._s(_vm.$t('problem_description_hint')))])]),_c('button',{staticClass:\"conferma__confirm\",attrs:{\"type\":\"submit\"}},[_vm._v(\" \"+_vm._s(_vm.$t('send_message'))+\" \")])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue'\nimport { api } from '../api'\nimport utc from 'dayjs/plugin/utc'\nimport timezone from 'dayjs/plugin/timezone'\nimport duration from 'dayjs/plugin/duration'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport i18n from './../i18n'\n\nimport { EventBus } from '@/event-bus'\n\nimport dayjs from 'dayjs'\nrequire('dayjs/locale/it')\ndayjs.locale(navigator.language || 'it')\ndayjs.extend(utc)\ndayjs.extend(timezone)\ndayjs.extend(duration)\ndayjs.extend(isBetween)\ndayjs.extend(customParseFormat)\n\nexport default Vue.extend({\n\tname: 'Home',\n\tprops: ['type'],\n\tdata() {\n\t\treturn {\n\t\t\tdayjs,\n\t\t\trecruiter: {\n\t\t\t\tfirstName: 'Nome recruiter',\n\t\t\t\tlastName: 'Cognome recruiter',\n\t\t\t\tcompany: 'Azienda recruiter',\n\t\t\t\tavatar: 'https://placekitten.com/80'\n\t\t\t},\n\t\t\teventInformation: null,\n\t\t\tslotType: '',\n\t\t\tstep: 'showInfo',\n\t\t\trejectMessage: ''\n\t\t}\n\t},\n\tmounted(): void {\n\t\ti18n.locale = this.getUrlParameter('lang') || 'it'\n\t\tif (this.type === 'confirm') this.confirmEvent()\n\t\telse {\n\t\t\tapi.get(`/candidate/event?req_id=${this.getUrlParameter('req_id')}`)\n\t\t\t\t.then(({ data }) => {\n\t\t\t\t\tthis.recruiter = {\n\t\t\t\t\t\tfirstName: data.recruiterName,\n\t\t\t\t\t\tlastName: data.recruiterLastName,\n\t\t\t\t\t\tcompany: data.recruiterCompany,\n\t\t\t\t\t\tavatar: data.recruiterAvatar\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.eventInformation = data.events[0]\n\n\t\t\t\t\t// colloquio_presenza colloquio_telefonico live_call\n\t\t\t\t\tthis.slotType = data.invitationAttributes?.find((f: { name: string; value: string }) => f.name === 'booking_type')?.value\n\n\t\t\t\t\tthis.step = 'rejectSlot'\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tif (error.response?.data?.messageCode === 'BKG-006') {\n\t\t\t\t\t\t// slot removed by recruiter\n\t\t\t\t\t\tthis.step = 'slotRemoved'\n\t\t\t\t\t} else if (error.response?.data?.messageCode === 'BKG-015') {\n\t\t\t\t\t\t// slot expired\n\t\t\t\t\t\tthis.step = 'slotExpired'\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tEventBus.$emit('hideSpinner')\n\t\t\t\t})\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * extract a parameter value from the page url using a given parameter `name`\n\t\t * @param name the parameter name to search for\n\t\t * @returns the value of the parameter\n\t\t */\n\t\tgetUrlParameter(name: string): string {\n\t\t\t// name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]')\n\t\t\tconst regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)')\n\t\t\tconst results = regex.exec(location.search)\n\t\t\treturn results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '))\n\t\t},\n\n\t\tconfirmEvent() {\n\t\t\tEventBus.$emit('showSpinner')\n\t\t\tapi.get(`/candidate/events/confirmevent?req_id=${this.getUrlParameter('req_id')}`)\n\t\t\t\t.then(({ data }) => {\n\t\t\t\t\tthis.eventInformation = data.event\n\t\t\t\t\tthis.recruiter = {\n\t\t\t\t\t\tfirstName: data.recruiterName,\n\t\t\t\t\t\tlastName: data.recruiterLastName,\n\t\t\t\t\t\tcompany: data.recruiterCompany,\n\t\t\t\t\t\tavatar: data.recruiterAvatar\n\t\t\t\t\t}\n\n\t\t\t\t\t// colloquio_presenza colloquio_telefonico live_call\n\t\t\t\t\tthis.slotType = data.event?.candidates[0]?.assignAttributes?.find((f: { name: string; value: string }) => f.name === 'booking_type')?.value\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tif (error.response?.data?.messageCode === 'BKG-006') {\n\t\t\t\t\t\t// slot removed by recruiter\n\t\t\t\t\t\tthis.step = 'slotRemoved'\n\t\t\t\t\t} else if (error.response?.data?.messageCode === 'BKG-015') {\n\t\t\t\t\t\t// slot expired\n\t\t\t\t\t\tthis.step = 'slotExpired'\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tEventBus.$emit('hideSpinner')\n\t\t\t\t})\n\t\t},\n\n\t\trejectEvent() {\n\t\t\tEventBus.$emit('showSpinner')\n\t\t\tapi.post('/candidate/events/rejectevent', {\n\t\t\t\tinvitationReqId: this.getUrlParameter('req_id'),\n\t\t\t\trejectMessage: this.rejectMessage\n\t\t\t})\n\t\t\t\t.then(({ data }) => {\n\t\t\t\t\tthis.eventInformation = data.event\n\t\t\t\t\tthis.recruiter = {\n\t\t\t\t\t\tfirstName: data.recruiterName,\n\t\t\t\t\t\tlastName: data.recruiterLastName,\n\t\t\t\t\t\tcompany: data.recruiterCompany,\n\t\t\t\t\t\tavatar: data.recruiterAvatar\n\t\t\t\t\t}\n\n\t\t\t\t\t// colloquio_presenza colloquio_telefonico live_call\n\t\t\t\t\tthis.slotType = data.event?.candidates[0]?.assignAttributes?.find((f: { name: string; value: string }) => f.name === 'booking_type')?.value\n\n\t\t\t\t\tthis.step = 'showInfo'\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tif (error.response?.data?.messageCode === 'BKG-006') {\n\t\t\t\t\t\t// slot removed by recruiter\n\t\t\t\t\t\tthis.step = 'slotRemoved'\n\t\t\t\t\t} else if (error.response?.data?.messageCode === 'BKG-015') {\n\t\t\t\t\t\t// slot expired\n\t\t\t\t\t\tthis.step = 'slotExpired'\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tEventBus.$emit('hideSpinner')\n\t\t\t\t})\n\t\t}\n\t}\n})\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventInformation.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventInformation.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./EventInformation.vue?vue&type=template&id=1d70b9fd&scoped=true&\"\nimport script from \"./EventInformation.vue?vue&type=script&lang=ts&\"\nexport * from \"./EventInformation.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./EventInformation.vue?vue&type=style&index=0&id=1d70b9fd&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1d70b9fd\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\",\"overflow\":\"hidden\"}},[_c('div',{staticClass:\"loaderContainer\",class:{ 'loaderContainer--on': _vm.loading }},[_c('div',{staticClass:\"loader\"})]),(!_vm.meetJoined && _vm.verifiedParameter)?_c('preview',{attrs:{\"socketURL\":_vm.socketURL},on:{\"join\":function($event){return _vm.onJoin($event)}}}):_vm._e(),_c('meet',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.meetJoined && _vm.verifiedParameter),expression:\"meetJoined && verifiedParameter\"}],ref:\"meet\",attrs:{\"roomId\":_vm.roomId,\"socketURL\":_vm.socketURL}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"video-container\"},[_c('video',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.mediapipe),expression:\"!mediapipe\"}],ref:\"video\",staticClass:\"input_video\",attrs:{\"controls\":\"false\",\"autoplay\":\"\",\"playsinline\":\"\",\"height\":\"400\",\"width\":\"600\"},domProps:{\"muted\":false},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();}}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mediapipe),expression:\"mediapipe\"}],staticClass:\"output_canvas\",attrs:{\"height\":\"400\",\"width\":\"600\"}}),(!_vm.enableVideo)?_c('span',{staticClass:\"video-disabled-placeholder\"},[_vm._v(\" \"+_vm._s(_vm.$t('webcam_disabled'))+\" \")]):_vm._e(),_c('div',{staticClass:\"video-container-actions\"},[_c('button',{staticClass:\"media-action-button\",class:{ 'media-action-button-disabled': !_vm.enableVideo },on:{\"click\":function($event){return _vm.toggleVideo()}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":_vm.enableVideo\n\t\t\t\t\t\t\t\t? 'M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z'\n\t\t\t\t\t\t\t\t: 'M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z'}})])]),_c('button',{staticClass:\"media-action-button\",class:{ 'media-action-button-disabled': !_vm.enableAudio },on:{\"click\":function($event){return _vm.toggleAudio()}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":_vm.enableAudio\n\t\t\t\t\t\t\t\t? 'M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z'\n\t\t\t\t\t\t\t\t: 'M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z'}})])]),(false)?_c('button',{staticClass:\"media-action-button\",class:{ 'media-action-button-disabled': !_vm.enableVideo },on:{\"click\":function($event){return _vm.toggleMediaPipe()}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M10.6 9.6L9 15L7.4 9.6L2 8L7.4 6.4L9 1L10.6 6.4L16 8L10.6 9.6M17 14.2L21 12L18.8 16L21 20L17 17.8L13 20L15.2 16L13 12L17 14.2M10 16L8.3 19L10 22L7 20.3L4 22L5.7 19L4 16L7 17.7L10 16\"}})])]):_vm._e()])]),_c('form',{staticClass:\"meet-information\",on:{\"submit\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onJoin($event)}}},[_c('div',{staticClass:\"meet-title\"},[_vm._v(_vm._s(_vm.meetName))]),_c('div',{staticClass:\"meet-partecipants\"},[(_vm.partecipants.length)?_c('div',{staticClass:\"meet-partecipants-list-item\"},_vm._l((_vm.partecipants),function(partecipant,i){return _c('div',{key:i,staticClass:\"avatar\",style:(partecipant.avatarColor ? 'background-color:' + partecipant.avatarColor : 'red')},[_vm._v(\" \"+_vm._s(_vm.getName(partecipant))+\" \")])}),0):_vm._e(),_c('div',[_vm._v(_vm._s(_vm.getPartecipantDescription))])]),_c('div',{staticClass:\"form\"},[_c('div',{staticClass:\"form__group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.getPartecipantName),expression:\"getPartecipantName\"}],staticClass:\"form__field\",attrs:{\"type\":\"text\",\"placeholder\":\"Your Name\",\"required\":\"\",\"maxlength\":\"20\"},domProps:{\"value\":(_vm.getPartecipantName)},on:{\"keyup\":function($event){_vm.errors = false},\"input\":function($event){if($event.target.composing){ return; }_vm.getPartecipantName=$event.target.value}}}),_c('label',{staticClass:\"form__label\",attrs:{\"for\":\"name\"},on:{\"keyup\":function($event){_vm.errors = false}}},[_vm._v(_vm._s(_vm.$t('insert_your_name')))])]),_c('div',{staticClass:\"form__group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.getPartecipanSurname),expression:\"getPartecipanSurname\"}],staticClass:\"form__field\",attrs:{\"type\":\"text\",\"placeholder\":\"Your Name\",\"required\":\"\",\"maxlength\":\"20\"},domProps:{\"value\":(_vm.getPartecipanSurname)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.getPartecipanSurname=$event.target.value}}}),_c('label',{staticClass:\"form__label\",attrs:{\"for\":\"surname\"}},[_vm._v(_vm._s(_vm.$t('insert_your_lastname')))])]),_c('p',{staticClass:\"form__group_error\",class:{ show: _vm.errors }},[_vm._v(_vm._s(_vm.$t('partecipant_already_exist'))+\"!\")])]),_c('button',{staticClass:\"join-button\",attrs:{\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.$t('join_meet')))])]),_c('audio',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],attrs:{\"controls\":\"\"}}),_c('div',{staticClass:\"background-modal\",class:{ open: _vm.showBackgrounds }},[_c('div',{staticClass:\"modal-container\"},[_c('div',{staticClass:\"background-header\"},[_c('span',[_vm._v(\"Anteprima\")]),_c('svg',{staticStyle:{\"width\":\"18px\",\"height\":\"18px\"},attrs:{\"viewBox\":\"0 0 24 24\"},on:{\"click\":function($event){return _vm.closeModal()}}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\"}})])]),_c('div',{staticClass:\"background-opt\"},[_vm._m(0),_c('div',{staticClass:\"opt-container\"},[_c('div',{staticClass:\"no-effects\",staticStyle:{\"width\":\"100%\",\"margin-bottom\":\"10px\"}},[_vm._v(_vm._s(_vm.$t('no_effects')))]),_c('div',{staticClass:\"blur\"},[_c('div',{staticClass:\"blur-choice\",class:{ selected: _vm.blur === null && _vm.background === null },on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.blur = 0\n\t\t\t\t\t\t\t\t\t_vm.background = null\n\t\t\t\t\t\t\t\t\t_vm.setImageSrc()\n\t\t\t\t\t\t\t\t}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z\"}})]),_c('div',{staticClass:\"bg-tooltip\"},[_vm._v(_vm._s(_vm.$t('no_effects')))])]),_c('div',{staticClass:\"blur-choice\",class:{ selected: _vm.blur === 0.5 },staticStyle:{\"position\":\"relative\"},on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.blur = 0.5\n\t\t\t\t\t\t\t\t}}},[_c('svg',{staticStyle:{\"width\":\"29px\",\"height\":\"29px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"}})]),_c('div',{staticClass:\"bg-tooltip\"},[_vm._v(_vm._s(_vm.$t('light_blur')))])]),_c('div',{staticClass:\"blur-choice\",class:{ selected: _vm.blur === 1.5 },on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.blur = 1.5\n\t\t\t\t\t\t\t\t}}},[_c('svg',{staticStyle:{\"width\":\"29px\",\"height\":\"29px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"}})]),_c('div',{staticClass:\"bg-tooltip\"},[_vm._v(_vm._s(_vm.$t('mid_blur')))])]),_c('div',{staticClass:\"blur-choice\",class:{ selected: _vm.blur === 5 },on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.blur = 5\n\t\t\t\t\t\t\t\t}}},[_c('svg',{staticStyle:{\"width\":\"34px\",\"height\":\"34px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"}})]),_c('div',{staticClass:\"bg-tooltip\"},[_vm._v(_vm._s(_vm.$t('high_blur')))])])]),_c('div',{staticStyle:{\"width\":\"100%\",\"margin-top\":\"10px\",\"margin-bottom\":\"-15px\"}},[_vm._v(_vm._s(_vm.$t('backgrounds')))]),_c('div',{staticClass:\"backgrounds-container-items\"},_vm._l((_vm.backgrounds),function(bg,index){return _c('div',{key:index,staticClass:\"background-choice\",class:{ selected: _vm.background === bg },style:('background:url(' + bg.image + ')'),on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.background = bg\n\t\t\t\t\t\t\t\t\t_vm.setImageSrc()\n\t\t\t\t\t\t\t\t}}},[_c('div',{staticClass:\"bg-tooltip\",domProps:{\"textContent\":_vm._s(bg.tooltip)}})])}),0)])]),_c('div',{staticClass:\"background-footer\"},[_c('button',{on:{\"click\":_vm.setMediaPipe}},[_vm._v(_vm._s(_vm.$t('save_settings')))])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"canvas-container\"},[_c('canvas',{staticClass:\"output_canvas_preview\",staticStyle:{\"aspect-ratio\":\"4/3\",\"max-width\":\"80%\",\"width\":\"100%\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"container\">\n\t\t<div class=\"video-container\">\n\t\t\t<video v-show=\"!mediapipe\" class=\"input_video\" controls=\"false\" autoplay playsinline height=\"400\" width=\"600\" :muted=\"false\" ref=\"video\" @click.prevent.stop=\"\"></video>\n\t\t\t<canvas v-show=\"mediapipe\" class=\"output_canvas\" height=\"400\" width=\"600\"></canvas>\n\n\t\t\t<span v-if=\"!enableVideo\" class=\"video-disabled-placeholder\"> {{ $t('webcam_disabled') }} </span>\n\n\t\t\t<div class=\"video-container-actions\">\n\t\t\t\t<button class=\"media-action-button\" @click=\"toggleVideo()\" :class=\"{ 'media-action-button-disabled': !enableVideo }\">\n\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t:d=\"\n\t\t\t\t\t\t\t\tenableVideo\n\t\t\t\t\t\t\t\t\t? 'M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z'\n\t\t\t\t\t\t\t\t\t: 'M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z'\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</button>\n\n\t\t\t\t<button class=\"media-action-button\" @click=\"toggleAudio()\" :class=\"{ 'media-action-button-disabled': !enableAudio }\">\n\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t:d=\"\n\t\t\t\t\t\t\t\tenableAudio\n\t\t\t\t\t\t\t\t\t? 'M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z'\n\t\t\t\t\t\t\t\t\t: 'M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z'\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</button>\n\n\t\t\t\t<button v-if=\"false\" class=\"media-action-button\" @click=\"toggleMediaPipe()\" :class=\"{ 'media-action-button-disabled': !enableVideo }\">\n\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\td=\"M10.6 9.6L9 15L7.4 9.6L2 8L7.4 6.4L9 1L10.6 6.4L16 8L10.6 9.6M17 14.2L21 12L18.8 16L21 20L17 17.8L13 20L15.2 16L13 12L17 14.2M10 16L8.3 19L10 22L7 20.3L4 22L5.7 19L4 16L7 17.7L10 16\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<form class=\"meet-information\" @submit.prevent.stop=\"onJoin\">\n\t\t\t<div class=\"meet-title\">{{ meetName }}</div>\n\t\t\t<div class=\"meet-partecipants\">\n\t\t\t\t<div v-if=\"partecipants.length\" class=\"meet-partecipants-list-item\">\n\t\t\t\t\t<div class=\"avatar\" v-for=\"(partecipant, i) in partecipants\" :key=\"i\" :style=\"partecipant.avatarColor ? 'background-color:' + partecipant.avatarColor : 'red'\">\n\t\t\t\t\t\t{{ getName(partecipant) }}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div>{{ getPartecipantDescription }}</div>\n\t\t\t</div>\n\t\t\t<div class=\"form\">\n\t\t\t\t<div class=\"form__group\">\n\t\t\t\t\t<input type=\"text\" class=\"form__field\" placeholder=\"Your Name\" required v-model=\"getPartecipantName\" maxlength=\"20\" @keyup=\"errors = false\" />\n\t\t\t\t\t<label for=\"name\" class=\"form__label\" @keyup=\"errors = false\">{{ $t('insert_your_name') }}</label>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"form__group\">\n\t\t\t\t\t<input type=\"text\" class=\"form__field\" placeholder=\"Your Name\" required v-model=\"getPartecipanSurname\" maxlength=\"20\" />\n\t\t\t\t\t<label for=\"surname\" class=\"form__label\">{{ $t('insert_your_lastname') }}</label>\n\t\t\t\t</div>\n\t\t\t\t<p class=\"form__group_error\" :class=\"{ show: errors }\">{{ $t('partecipant_already_exist') }}!</p>\n\t\t\t</div>\n\n\t\t\t<button type=\"submit\" class=\"join-button\">{{ $t('join_meet') }}</button>\n\t\t</form>\n\n\t\t<audio v-show=\"false\" controls></audio>\n\n\t\t<div class=\"background-modal\" :class=\"{ open: showBackgrounds }\">\n\t\t\t<div class=\"modal-container\">\n\t\t\t\t<div class=\"background-header\">\n\t\t\t\t\t<span>Anteprima</span>\n\t\t\t\t\t<svg @click=\"closeModal()\" style=\"width: 18px; height: 18px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"background-opt\">\n\t\t\t\t\t<div class=\"canvas-container\">\n\t\t\t\t\t\t<canvas class=\"output_canvas_preview\" style=\"aspect-ratio: 4/3; max-width: 80%; width: 100%\"></canvas>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"opt-container\">\n\t\t\t\t\t\t<div class=\"no-effects\" style=\"width: 100%; margin-bottom: 10px\">{{ $t('no_effects') }}</div>\n\t\t\t\t\t\t<div class=\"blur\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"blur-choice\"\n\t\t\t\t\t\t\t\t:class=\"{ selected: blur === null && background === null }\"\n\t\t\t\t\t\t\t\t@click=\"\n\t\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\t\tblur = 0\n\t\t\t\t\t\t\t\t\t\tbackground = null\n\t\t\t\t\t\t\t\t\t\tsetImageSrc()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\td=\"M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\">{{ $t('no_effects') }}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"blur-choice\"\n\t\t\t\t\t\t\t\tstyle=\"position: relative\"\n\t\t\t\t\t\t\t\t:class=\"{ selected: blur === 0.5 }\"\n\t\t\t\t\t\t\t\t@click=\"\n\t\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\t\tblur = 0.5\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<svg style=\"width: 29px; height: 29px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\td=\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\">{{ $t('light_blur') }}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"blur-choice\"\n\t\t\t\t\t\t\t\t:class=\"{ selected: blur === 1.5 }\"\n\t\t\t\t\t\t\t\t@click=\"\n\t\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\t\tblur = 1.5\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<svg style=\"width: 29px; height: 29px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\td=\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\">{{ $t('mid_blur') }}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"blur-choice\"\n\t\t\t\t\t\t\t\t:class=\"{ selected: blur === 5 }\"\n\t\t\t\t\t\t\t\t@click=\"\n\t\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\t\tblur = 5\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<svg style=\"width: 34px; height: 34px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\td=\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\">{{ $t('high_blur') }}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style=\"width: 100%; margin-top: 10px; margin-bottom: -15px\">{{ $t('backgrounds') }}</div>\n\n\t\t\t\t\t\t<div class=\"backgrounds-container-items\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"background-choice\"\n\t\t\t\t\t\t\t\t:class=\"{ selected: background === bg }\"\n\t\t\t\t\t\t\t\t@click=\"\n\t\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\t\tbackground = bg\n\t\t\t\t\t\t\t\t\t\tsetImageSrc()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\tv-for=\"(bg, index) in backgrounds\"\n\t\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\t\t:style=\"'background:url(' + bg.image + ')'\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\" v-text=\"bg.tooltip\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"background-footer\">\n\t\t\t\t\t<button @click=\"setMediaPipe\">{{ $t('save_settings') }}</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { io } from 'socket.io-client'\nimport { SelfieSegmentation } from '@mediapipe/selfie_segmentation'\nimport { Camera } from '@mediapipe/camera_utils'\nimport i18n from './../../i18n'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\terrors: false,\n\t\t\tmeetName: this.$t('video_meet'),\n\t\t\tenableVideo: false,\n\t\t\tenableAudio: false,\n\t\t\tstream: null,\n\t\t\tpartecipants: [],\n\t\t\tpartecipantName: '',\n\t\t\tpartecipantSurname: '',\n\t\t\tsocket: null,\n\t\t\tshowBackgrounds: false,\n\t\t\tmediapipe: false,\n\t\t\tbackground: null,\n\t\t\tblur: null,\n\t\t\tbackgrounds: [\n\t\t\t\t{ image: '/backgrounds/office1.jpg', tooltip: 'Contemporarary open space' },\n\t\t\t\t{ image: '/backgrounds/office2.jpg', tooltip: 'Cozy workplace at home' },\n\t\t\t\t{ image: '/backgrounds/office3.jpg', tooltip: 'Simple office' },\n\t\t\t\t{ image: '/backgrounds/office4.jpg', tooltip: 'Houseplants background' },\n\t\t\t\t{ image: '/backgrounds/office5.jpg', tooltip: 'Creative office' },\n\t\t\t\t{ image: '/backgrounds/office6.jpg', tooltip: 'Modern office' },\n\t\t\t\t{ image: '/backgrounds/office7.jpg', tooltip: 'Medical office' },\n\t\t\t\t{ image: '/backgrounds/office8.jpg', tooltip: 'Modern white office' },\n\t\t\t\t{ image: '/backgrounds/office9.jpg', tooltip: 'Office background' },\n\t\t\t\t{ image: '/backgrounds/office10.jpg', tooltip: 'Office interior' },\n\t\t\t\t{ image: '/backgrounds/office11.jpg', tooltip: 'Office with various plants' },\n\t\t\t\t{ image: '/backgrounds/office12.jpg', tooltip: 'Office room with a white background' }\n\t\t\t],\n\t\t\tcameraMediaPipe: null,\n\t\t\timage: null,\n\t\t\tselfieStart: false\n\t\t}\n\t},\n\tprops: {\n\t\tsocketURL: {\n\t\t\ttype: String,\n\t\t\t// default: 'https://vue-webrtc-lobby.gcp.cving.com/'\n\t\t\tdefault: 'http://localhost:4001'\n\t\t}\n\t},\n\tmounted() {\n\t\ti18n.locale = this.getUrlParameter('lang') || 'it'\n\n\t\tthis.getStream('video')\n\t\tthis.getStream('audio')\n\n\t\tthis.socket = io(this.socketURL + 'preview', {\n\t\t\trejectUnauthorized: false,\n\t\t\ttransports: ['polling', 'websocket']\n\t\t})\n\n\t\t// check current partecipants\n\t\tthis.socket.emit('enteredPreview', this.getMeetKey())\n\n\t\t// listen on new joined partecipant\n\t\tthis.socket.on('joined', (meet) => {\n\t\t\tif (!meet) this.partecipants = []\n\t\t\telse this.partecipants = meet.partecipants.filter((f) => !f.isScreenShare)\n\t\t})\n\t},\n\tcomputed: {\n\t\tgetPartecipantName: {\n\t\t\tget: function () {\n\t\t\t\treturn this.partecipantName\n\t\t\t},\n\t\t\tset: function (newValue) {\n\t\t\t\tthis.partecipantName = newValue.charAt(0).toUpperCase() + newValue.slice(1)\n\t\t\t}\n\t\t},\n\t\tgetPartecipanSurname: {\n\t\t\tget: function () {\n\t\t\t\treturn this.partecipantSurname\n\t\t\t},\n\t\t\tset: function (newValue) {\n\t\t\t\tthis.partecipantSurname = newValue.charAt(0).toUpperCase() + newValue.slice(1)\n\t\t\t}\n\t\t},\n\t\tgetPartecipantDescription() {\n\t\t\tif (!this.partecipants.length) return this.$t('no_partecipants')\n\n\t\t\tif (this.partecipants.length === 1) {\n\t\t\t\treturn `${this.partecipants[0].name.charAt(0).toUpperCase() + this.partecipants[0].name.slice(1) + ' '} ${this.$t('is_partecipating')}`\n\t\t\t}\n\n\t\t\tif (this.partecipants.length < 4) {\n\t\t\t\treturn `${this.partecipants\n\t\t\t\t\t.map((m) => m.name.charAt(0).toUpperCase() + m.name.slice(1))\n\t\t\t\t\t.slice(0, -1)\n\t\t\t\t\t.join(', ')} ${this.$t('and')} ${\n\t\t\t\t\tthis.partecipants[this.partecipants.length - 1].name.charAt(0).toUpperCase() + this.partecipants[this.partecipants.length - 1].name.slice(1)\n\t\t\t\t} ${this.$t('are_partecipating')}`\n\t\t\t}\n\n\t\t\tif (this.partecipants.length - 3 === 1) {\n\t\t\t\treturn `${this.partecipants\n\t\t\t\t\t.map((m) => m.name.charAt(0).toUpperCase() + m.name.slice(1))\n\t\t\t\t\t.slice(0, 3)\n\t\t\t\t\t.join(', ')} ${this.$t('and_one_more_is_partecipating')}`\n\t\t\t}\n\n\t\t\treturn `${this.partecipants\n\t\t\t\t.map((m) => m.name.charAt(0).toUpperCase() + m.name.slice(1))\n\t\t\t\t.slice(0, 3)\n\t\t\t\t.join(', ')} ${this.$t('and_others')} ${this.partecipants.length - 3} ${this.$t('people_are_partecipating')}`\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * extract a parameter value from the page url using a given parameter `name`\n\t\t * @param name the parameter name to search for\n\t\t * @returns the value of the parameter\n\t\t */\n\t\tgetUrlParameter(name) {\n\t\t\t// name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]')\n\t\t\tconst regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)')\n\t\t\tconst results = regex.exec(location.search)\n\t\t\treturn results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '))\n\t\t},\n\t\tgetMeetKey() {\n\t\t\treturn window.location.href.split('meet/').pop().split('?')[0]\n\t\t},\n\t\tgetName(item) {\n\t\t\tif (item.name) {\n\t\t\t\tlet name = item.name.split(' ')\n\t\t\t\tname = name[0].substring(0, 1).toUpperCase() + name[1].substring(0, 1).toUpperCase()\n\t\t\t\treturn name\n\t\t\t}\n\t\t\treturn ''\n\t\t},\n\t\ttoggleMediaPipe() {\n\t\t\tthis.showBackgrounds = !this.showBackgrounds\n\t\t\tif (this.showBackgrounds) {\n\t\t\t\tthis.selfieStart = true\n\t\t\t\tthis.start()\n\t\t\t}\n\t\t},\n\t\tstart() {\n\t\t\tconst videoElement = document.getElementsByClassName('input_video')[0]\n\t\t\tconst canvasElement = !this.showBackgrounds ? document.getElementsByClassName('output_canvas')[0] : document.getElementsByClassName('output_canvas_preview')[0]\n\t\t\tconst canvasCtx = canvasElement.getContext('2d')\n\n\t\t\tlet selfieSegmentation = new SelfieSegmentation({\n\t\t\t\tlocateFile: (file) => {\n\t\t\t\t\treturn `https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation/${file}`\n\t\t\t\t}\n\t\t\t})\n\t\t\tselfieSegmentation.setOptions({\n\t\t\t\tmodelSelection: 1,\n\t\t\t\tselfieMode: true\n\t\t\t})\n\t\t\tselfieSegmentation.onResults((results) => {\n\t\t\t\tthis.onResults(canvasCtx, canvasElement, results)\n\t\t\t})\n\n\t\t\tthis.cameraMediaPipe = new Camera(videoElement, {\n\t\t\t\tonFrame: async () => {\n\t\t\t\t\tif (this.selfieStart && selfieSegmentation) {\n\t\t\t\t\t\tawait selfieSegmentation.initialize()\n\t\t\t\t\t\tawait selfieSegmentation.send({ image: videoElement })\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (selfieSegmentation) {\n\t\t\t\t\t\t\tselfieSegmentation.close()\n\t\t\t\t\t\t\tselfieSegmentation = null\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\twidth: 1280,\n\t\t\t\theight: 720\n\t\t\t})\n\t\t\tthis.cameraMediaPipe.start()\n\t\t},\n\t\tonResults(canvasCtx, canvasElement, results) {\n\t\t\tcanvasCtx.save()\n\t\t\tcanvasCtx.clearRect(0, 0, canvasElement.width, canvasElement.height)\n\t\t\tcanvasCtx.drawImage(results.segmentationMask, 0, 0, canvasElement.width, canvasElement.height)\n\n\t\t\t// Only overwrite existing pixels.\n\t\t\tcanvasCtx.globalCompositeOperation = 'source-in'\n\t\t\tcanvasCtx.drawImage(results.image, 0, 0, canvasElement.width, canvasElement.height)\n\n\t\t\t// Only overwrite missing pixels.\n\t\t\tcanvasCtx.globalCompositeOperation = 'destination-atop'\n\t\t\tcanvasCtx.filter = 'blur(' + this.blur + 'px)'\n\n\t\t\tif (this.image) {\n\t\t\t\tcanvasCtx.drawImage(this.image, 0, 0, canvasElement.width, canvasElement.height)\n\t\t\t} else {\n\t\t\t\tcanvasCtx.drawImage(results.image, 0, 0, canvasElement.width, canvasElement.height)\n\t\t\t}\n\t\t\tcanvasCtx.restore()\n\t\t},\n\t\tsetImageSrc() {\n\t\t\tthis.image = null\n\t\t\tlet i = null\n\t\t\ti = document.createElement('img')\n\t\t\ti.src = this.background.image\n\t\t\tthis.image = i\n\t\t},\n\t\tsetMediaPipe() {\n\t\t\tthis.showBackgrounds = false\n\t\t\tif ((this.background && this.background.image !== '') || (this.blur && this.blur > 0)) {\n\t\t\t\tthis.start()\n\t\t\t\tthis.mediapipe = true\n\t\t\t} else {\n\t\t\t\tthis.mediapipe = false\n\t\t\t\tthis.selfieStart = false\n\t\t\t}\n\t\t\tthis.showBackgrounds = false\n\t\t},\n\t\tcloseModal() {\n\t\t\tif ((!this.background || this.background.image === '') && (!this.blur || this.blur <= 0)) {\n\t\t\t\tthis.selfieStart = false\n\t\t\t}\n\t\t\tthis.showBackgrounds = false\n\t\t},\n\t\ttoggleVideo() {\n\t\t\tthis.enableVideo = !this.enableVideo\n\t\t\tif (this.enableVideo) {\n\t\t\t\tthis.getStream('video')\n\t\t\t} else {\n\t\t\t\tthis.mediapipe = false\n\t\t\t\tthis.stream.getTracks()[0].stop()\n\t\t\t\tdocument.querySelector('video').srcObject = null\n\t\t\t}\n\t\t},\n\t\ttoggleAudio() {\n\t\t\tthis.enableAudio = !this.enableAudio\n\t\t\tif (this.enableAudio) {\n\t\t\t\tthis.getStream('audio')\n\t\t\t} else {\n\t\t\t\tthis.stream.getTracks()[0].stop()\n\t\t\t\tdocument.querySelector('audio').srcObject = null\n\t\t\t}\n\t\t},\n\t\tgetStream(type) {\n\t\t\tvar constraints = {}\n\t\t\tconstraints[type] = true\n\n\t\t\tnavigator.mediaDevices\n\t\t\t\t.getUserMedia(constraints)\n\t\t\t\t.then((stream) => {\n\t\t\t\t\tvar mediaControl = document.querySelector(type)\n\n\t\t\t\t\tif (navigator.mozGetUserMedia) {\n\t\t\t\t\t\tmediaControl.mozSrcObject = stream\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmediaControl.srcObject = stream\n\t\t\t\t\t\t// mediaControl.src = (\n\t\t\t\t\t\t// \twindow.URL || window.webkitURL\n\t\t\t\t\t\t// ).createObjectURL(stream);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (type === 'video') {\n\t\t\t\t\t\tthis.enableVideo = true\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.enableAudio = true\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.stream = stream\n\t\t\t\t})\n\t\t\t\t.catch(() => {\n\t\t\t\t\tif (type === 'video') {\n\t\t\t\t\t\tthis.enableVideo = false\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.enableAudio = false\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t},\n\t\tonJoin() {\n\t\t\tif (this.partecipantName && this.partecipantSurname) {\n\t\t\t\tconst alreadyExist = this.partecipants.find((p) => {\n\t\t\t\t\treturn p.name === this.partecipantName.trim() + ' ' + this.partecipantSurname.trim()\n\t\t\t\t})\n\n\t\t\t\tif (!alreadyExist) {\n\t\t\t\t\tconst blur = this.blur >= 0 ? this.blur : 0\n\t\t\t\t\tconst src = this.background && this.background.image ? this.background.image : ''\n\n\t\t\t\t\tthis.$emit('join', {\n\t\t\t\t\t\tpartecipantName: this.partecipantName.trim() + ' ' + this.partecipantSurname.trim(),\n\t\t\t\t\t\tenableVideo: this.enableVideo,\n\t\t\t\t\t\tenableAudio: this.enableAudio,\n\t\t\t\t\t\tmeetName: this.meetName,\n\t\t\t\t\t\tblur: blur,\n\t\t\t\t\t\tsrc: src\n\t\t\t\t\t})\n\n\t\t\t\t\tif (this.enableVideo) {\n\t\t\t\t\t\tthis.toggleVideo()\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.errors = true\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n\n<style scoped lang=\"scss\">\n.container {\n\tuser-select: none;\n\tdisplay: flex;\n\theight: 100%;\n\tmargin-top: -54px;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\n\t.video-container {\n\t\tposition: relative;\n\n\t\tvideo {\n\t\t\ttransform: rotateY(180deg) !important;\n\t\t\t-webkit-transform: rotateY(180deg) !important;\n\t\t\t-moz-transform: rotateY(180deg) !important;\n\t\t\t&::-webkit-media-controls-panel {\n\t\t\t\tdisplay: none !important;\n\t\t\t\topacity: 0 !important;\n\t\t\t}\n\t\t\tobject-fit: cover;\n\t\t\tborder-radius: 15px;\n\t\t}\n\n\t\t.video-container-actions {\n\t\t\tposition: absolute;\n\t\t\tbottom: 15px;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100%;\n\t\t\tgap: 20px;\n\n\t\t\tbutton {\n\t\t\t\tborder: 1px solid #01c9fa;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t\tbackground: hsla(210, 65%, 67%, 0.25);\n\t\t\t\tjustify-content: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tcolor: white;\n\t\t\t\tbackdrop-filter: blur(50px);\n\t\t\t\tcursor: pointer;\n\t\t\t\t&:hover {\n\t\t\t\t\topacity: 0.85;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground: hsla(210, 65%, 67%, 0.55) !important;\n\t\t\t\t}\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 26px;\n\t\t\t\t\theight: 26px;\n\t\t\t\t\tpath {\n\t\t\t\t\t\tfill: white;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.media-action-button-disabled {\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t\tborder: 1px solid white;\n\t\t\t\t\t// background-color: #ff7019;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t\tsvg path {\n\t\t\t\t\t\tfill: white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&:nth-child(3) {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.video-disabled-placeholder {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tcolor: white;\n\t\t\tfont-size: 1.2rem;\n\t\t}\n\t\t.output_canvas {\n\t\t\tborder-radius: 15px;\n\t\t}\n\t}\n\n\t.meet-information {\n\t\tmargin: 0 10px;\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-content: center;\n\t\tgap: 2rem;\n\t\tflex: 1;\n\t\tmax-width: 500px;\n\t\theight: 100%;\n\t\t//max-height: 400px;\n\t\tjustify-content: center;\n\n\t\t.meet-title {\n\t\t\tcolor: white;\n\t\t\tfont-size: 2rem;\n\t\t\tfont-weight: bold;\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 1rem;\n\t\t}\n\n\t\t.meet-partecipants {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 0.5rem;\n\t\t\tcolor: whitesmoke;\n\n\t\t\t.meet-partecipants-list-item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 0.5rem;\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t.avatar {\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\twidth: 30px;\n\t\t\t\t\theight: 30px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.join-button {\n\t\t\t//text-transform: uppercase;\n\t\t\tborder-radius: 4px;\n\t\t\tmin-width: 64px;\n\t\t\tbackground-color: #7979de;\n\t\t\tcolor: white;\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: 800;\n\t\t\tborder: none;\n\t\t\tpadding: 10px 30px;\n\t\t\tbox-shadow: rgba(0,128,211, 0.3) 0px 1px 1px 0px, rgba(0,128,211, 0.15) 0px 1px 2px 1px;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: #7979def0;\n\t\t\t\tcursor: pointer;\n\t\t\t\tbox-shadow: rgba(8, 94, 151, 0.3) 0px 1px 2px 0px, rgba(0, 109, 181, 0.15) 0px 1px 3px 1px;\n\t\t\t}\n\t\t}\n\n\t\t.form__group {\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tpadding: 15px 0 0;\n\t\t\tmargin-top: 10px;\n\t\t\t&:nth-child(1) {\n\t\t\t\tmargin-right: 5px;\n\t\t\t}\n\t\t\t&:nth-child(2) {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\n\t\t\t.form__field {\n\t\t\t\tfont-family: 'Lato', sans-serif;\n\t\t\t\twidth: 100%;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-bottom: 1px solid #d2d2d2;\n\t\t\t\toutline: 0;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tcolor: #ffffff;\n\t\t\t\tpadding: 7px 2.5px;\n\t\t\t\tbackground: transparent;\n\t\t\t\ttransition: border-color 0.2s;\n\n\t\t\t\t&::placeholder {\n\t\t\t\t\tcolor: transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.form__field:placeholder-shown ~ .form__label {\n\t\t\tfont-size: 15px;\n\t\t\tcursor: text;\n\t\t\ttop: 25px;\n\t\t\tz-index: -1;\n\t\t}\n\n\t\tlabel,\n\t\t.form__field:focus ~ .form__label {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tdisplay: block;\n\t\t\ttransition: 0.2s;\n\t\t\tfont-size: 12px;\n\t\t\tcolor:rgb(199, 199, 199);\n\t\t}\n\n\t\t.form__field:focus ~ .form__label {\n\t\t\tcolor: #009788;\n\t\t\tcolor: #8484f2;\n\t\t}\n\n\t\t.form__field:focus {\n\t\t\tpadding-bottom: 6px;\n\t\t\tborder-bottom: 2px solid #009788;\n\t\t\tborder-bottom: 2px solid #7979de;\n\t\t}\n\t}\n}\n\n.background-modal {\n\tposition: absolute;\n\ttop: 54px;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tbackdrop-filter: blur(10px);\n\tbackground: rgba(0, 0, 0, 0.6);\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tjustify-items: center;\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-content: center;\n\talign-items: center;\n\n\t*,\n\t> * {\n\t\topacity: 0;\n\t}\n\t&.open {\n\t\topacity: 1;\n\t\tz-index: 10;\n\t\t.modal-container {\n\t\t\topacity: 1;\n\t\t\ttransition: all 0.5 ease;\n\t\t\tanimation: show 0.5s ease;\n\t\t\t*,\n\t\t\t> * {\n\t\t\t\topacity: 1;\n\t\t\t\ttransition: all 0.5 ease 0.2s;\n\t\t\t}\n\t\t}\n\t}\n\n\t.modal-container {\n\t\tmax-width: 1000px;\n\t\tmax-height: 500px;\n\t\tborder-radius: 15px;\n\t\tmargin: 70px 50px;\n\t\tbackground: white;\n\t\tdisplay: flex;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 20px 25px;\n\t\tgap: 20px;\n\t\tdiv.background-footer {\n\t\t\twidth: 100%;\n\t\t\tflex: 1;\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\t\t\tbutton {\n\t\t\t\toutline: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground: #0080d3;\n\t\t\t\tcolor: white;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\tcursor: pointer;\n\t\t\t\theight: 35px;\n\t\t\t\tline-height: 35px;\n\t\t\t\tpadding: 0 1.5rem;\n\t\t\t\tcolor: white;\n\t\t\t\tfont-size: 14px;\n\t\t\t\ttext-align: center;\n\t\t\t\tvertical-align: middle;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toutline: none;\n\t\t\t\tborder: none;\n\t\t\t\t-webkit-user-select: none;\n\t\t\t\t-moz-user-select: none;\n\t\t\t\t-ms-user-select: none;\n\t\t\t\tuser-select: none;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\ttransition: all 0.3s ease-out;\n\t\t\t\tbox-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);\n\t\t\t}\n\t\t}\n\t\tdiv.background-header {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tfont-size: 18px;\n\t\t\tjustify-content: space-between;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdiv.background-opt {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t}\n\t}\n\t.canvas-container {\n\t\tflex: 0 0 60%;\n\t\tdisplay: flex;\n\t\theight: 100%;\n\t\tjustify-content: center;\n\t\tcanvas {\n\t\t\tborder-radius: 15px;\n\t\t}\n\t}\n\t.opt-container {\n\t\tpadding-left: 5px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\theight: 400px;\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t}\n\t.blur {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\t.blur-choice {\n\t\t\tposition: relative;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\toverflow: visible;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tborder: 1px solid rgba(128, 128, 128, 0.85);\n\t\t\twidth: 10vh;\n\t\t\theight: 6vh;\n\t\t\tmargin: 2px;\n\t\t\tborder-radius: 5px;\n\t\t\t&:nth-child(2) {\n\t\t\t\tsvg {\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:nth-child(3) {\n\t\t\t\tsvg {\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.selected {\n\t\t\t\tbackground: hsla(210, 16%, 29%, 0.2);\n\t\t\t\tborder: 2px solid #0080d3;\n\t\t\t}\n\t\t}\n\t}\n\t.backgrounds-container-items {\n\t\tpadding-top: 20px;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\t.background-choice {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\toverflow: visible;\n\t\t\tposition: relative;\n\t\t\tcursor: pointer;\n\t\t\tborder: 2px solid hsla(210, 65%, 67%, 0.85);\n\t\t\twidth: 10vh;\n\t\t\theight: 6vh;\n\t\t\tbackground-repeat: no-repeat !important;\n\t\t\tbackground-size: cover !important;\n\t\t\tmargin: 2px;\n\t\t\tborder-radius: 5px;\n\t\t\t&.selected {\n\t\t\t\tborder: 2px solid #0080d3;\n\t\t\t}\n\t\t}\n\t}\n\n\t.bg-tooltip {\n\t\topacity: 0 !important;\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: -50%;\n\t\tright: 0;\n\t}\n\t.background-choice:hover,\n\t.blur-choice:hover {\n\t\t.bg-tooltip {\n\t\t\topacity: 1 !important;\n\t\t\tz-index: 1;\n\t\t\ttop: -20px;\n\t\t\tfont-size: 12px;\n\t\t\tmin-width: max-content;\n\t\t\tpadding: 3px 6px;\n\t\t\tborder-radius: 4px;\n\t\t\ttext-align: center;\n\t\t\tcolor: white;\n\t\t\tbackground: #0080d3;\n\t\t\ttransition: all 0.3 ease;\n\t\t\tanimation: show 0.5s ease;\n\t\t}\n\t}\n}\n.form {\n\tgap: 10px;\n\tdisplay: flex;\n\tposition: relative;\n\t.form__group_error {\n\t\tposition: absolute;\n\t\tbottom: -30px;\n\t\tcolor: #7979de;\n\t\tfont-size: 13px;\n\t\topacity: 0;\n\t\ttransform: scale(0.8);\n\t\ttransition: all 0.2s ease-in;\n\t\t&.show {\n\t\t\ttransform: scale(1);\n\t\t\topacity: 1;\n\t\t\ttransition: all 0.3s ease-in;\n\t\t}\n\t}\n}\n\n@media only screen and (max-width: 1000px) {\n\t.background-modal {\n\t\t&.open {\n\t\t\tbottom: 54px;\n\t\t\ttop: 0;\n\t\t}\n\t}\n\t.container {\n\t\tmargin: 0 !important;\n\t\tpadding: 0 !important;\n\t\tjustify-content: flex-start;\n\t\tflex-direction: column;\n\t\ttransition: all 0.3 ease;\n\t\toverflow: hidden;\n\t\toverflow-y: auto;\n\t\ttransition: all 0.3 ease !important;\n\t}\n\t.video-container {\n\t\tmargin: 20px 0;\n\t\ttransition: all 0.3 ease !important;\n\t\tvideo {\n\t\t\tmax-width: 350px;\n\t\t\tmax-height: 262.5px;\n\t\t\ttransition: all 0.3 ease !important;\n\t\t}\n\t}\n\t.meet-information {\n\t\ttransition: all 0.3 ease !important;\n\t\tpadding-bottom: 70px;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\toverflow: hidden !important;\n\t}\n\t.form {\n\t\tgap: unset;\n\t\tflex-direction: column;\n\t\tmax-width: 350px;\n\t\twidth: 100%;\n\t\ttransition: all 0.3 ease;\n\t\t.form__group:first-child {\n\t\t\ttransition: all 0.3 ease !important;\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: 0;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n\t.background-opt {\n\t\tflex-direction: column;\n\t\tgap: 3px;\n\t}\n\t.container,\n\t.modal-container {\n\t\toverflow: hidden auto;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t}\n\t.modal-container {\n\t\tmax-width: 1000px;\n\t\tmax-height: 500px;\n\t\tborder-radius: 15px;\n\t\tmargin: 70px 50px;\n\t\tbackground: white;\n\t\tdisplay: block !important;\n\t\tpadding: 20px 25px;\n\t\tgap: 0;\n\t\theight: calc(100% - 160px) !important;\n\t\toverflow-y: auto !important;\n\t}\n\t.opt-container {\n\t\tjustify-content: center;\n\t\tpadding-left: 0 !important;\n\t\tmargin: 15px 0;\n\t}\n\t.canvas-container {\n\t\tmargin: auto;\n\t\tflex: 0;\n\t\ttext-align: center;\n\t\tpadding: 0;\n\t\tdisplay: block !important;\n\t}\n\t.background-header {\n\t\tmargin-bottom: 10px;\n\t}\n\t.blur + div,\n\t.no-effects {\n\t\ttext-align: center;\n\t\tmargin: 10px 0;\n\t}\n\t.backgrounds-container-items {\n\t\toverflow: hidden !important;\n\t\theight: 100% !important;\n\t\tjustify-content: center;\n\t}\n\t.blur {\n\t\tjustify-content: center;\n\t}\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Preview.vue?vue&type=template&id=215f25b2&scoped=true&\"\nimport script from \"./Preview.vue?vue&type=script&lang=js&\"\nexport * from \"./Preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Preview.vue?vue&type=style&index=0&id=215f25b2&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"215f25b2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Container\"},[_c('div',{staticClass:\"Toast\",class:{ show: _vm.showToast }},[_c('div',{staticClass:\"toast-container\"},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"#f14c49\",\"d\":\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z\"}})]),_c('div',[_vm._v(_vm._s(_vm.getRecordingName)+\" \"+_vm._s(_vm.$t('partecipant_is_recording')))])])]),_c('div',{staticClass:\"Scenary\"},[_c('div',{ref:\"conference\",staticClass:\"Conference\",class:{ boxRightOpen: _vm.chatVisible || _vm.partecipantsVisible }},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.videoPinned),expression:\"videoPinned\"}],staticClass:\"Screen\",class:{ pinned: _vm.videoPinned }},[(_vm.videoPinned && _vm.videoPinned.isScreenShare)?_c('div',{staticClass:\"ScreenSharingOn\"},[_c('div',{staticClass:\"ScreenSharingOn-container\"},[_c('span',[_c('svg',{staticStyle:{\"width\":\"22px\",\"height\":\"22px\",\"margin-right\":\"5px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M23 4V16C23 17.11 22.11 18 21 18H15V16H21V4H3V16H9V18H3C1.9 18 1 17.11 1 16V4C1 2.89 1.89 2 3 2H21C22.1 2 23 2.89 23 4M13 13H16L12 9L8 13H11V20H8V22H16V20H13V13Z\"}})]),_c('span',[_vm._v(\" \"+_vm._s(_vm.videoPinned.isLocal ? _vm.$t('you_are_streaming') : _vm.videoPinned.name.substring(0, 1).toUpperCase() + ' ' + _vm.$t('partecipant_is_streaming')))])]),_c('span',[(_vm.videoPinned.isLocal)?_c('button',{on:{\"click\":function($event){return _vm.shareScreen()}}},[_vm._v(_vm._s(_vm.$t('stop_streaming')))]):_vm._e()])])]):_vm._e(),_c('div',{staticClass:\"PinnedContainer\"},[(_vm.videoPinned)?_c('span',{staticClass:\"pin\",on:{\"click\":function($event){return _vm.unexpand(_vm.videoPinned)}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z\"}})])]):_vm._e(),_c('video',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.videoPinned && _vm.videoPinned.videoEnabled),expression:\"videoPinned && videoPinned.videoEnabled\"}],staticClass:\"video-pinned\",class:{ isScreenShare: _vm.videoPinned && _vm.videoPinned.isScreenShare },attrs:{\"video\":_vm.videoPinned,\"autoplay\":\"\",\"playsinline\":\"\",\"id\":_vm.videoPinned ? 'pinned_' + _vm.videoPinned.id : ''},domProps:{\"srcObject\":_vm.videoPinned ? _vm.videoPinned.stream : '',\"muted\":_vm.videoPinned ? _vm.videoPinned.muted : false}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.videoPinned && _vm.videoPinned.videoEnabled && (_vm.videoPinned.videoEffects.blur > 0 || _vm.videoPinned.videoEffects.src != '')),expression:\"videoPinned && videoPinned.videoEnabled && (videoPinned.videoEffects.blur > 0 || videoPinned.videoEffects.src != '')\"}],class:_vm.videoPinned ? 'output_pinned_canvas_' + _vm.videoPinned.id : '',staticStyle:{\"width\":\"100%\",\"height\":\"100%\"}}),(_vm.videoPinned && !_vm.videoPinned.videoEnabled)?_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.videoPinned && !_vm.videoPinned.isScreenShare && _vm.videoPinned.audioEnabled),expression:\"videoPinned && !videoPinned.isScreenShare && videoPinned.audioEnabled\"}],staticClass:\"effect-container\"},[_c('div',{class:'o1_' + _vm.videoPinned.id}),_c('div',{class:'o2_' + _vm.videoPinned.id}),_c('div',{class:'o3_' + _vm.videoPinned.id})]),(!_vm.videoPinned.isScreenShare && !_vm.videoPinned.audioEnabled)?_c('span',{staticClass:\"audio\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\\n\\t\\t\\t\\t\\t\\t\\t\\t\"}})])]):_vm._e(),(!_vm.videoPinned.videoEnabled)?_c('div',{staticClass:\"container-initials\"},[_c('span',{class:'initials-audio-effect-' + _vm.videoPinned.id}),_c('span',{class:'initials-audio-effect-big-' + _vm.videoPinned.id}),_c('span',{staticClass:\"initials\",style:('background-color:' + _vm.videoPinned.avatarColor)},[_vm._v(\" \"+_vm._s(_vm.videoPinned.name ? _vm.videoPinned.name.substring(0, 1).toUpperCase() : '')+\" \")])]):_vm._e()]):_vm._e(),_c('span',{staticClass:\"info\"},[_vm._v(_vm._s(_vm.videoPinned && _vm.videoPinned.name ? (_vm.videoPinned.isLocal ? 'Tu' : _vm.videoPinned.name) : ''))])])]),(_vm.videoList.filter(function (f) { return !f.pinned; }).length > 0)?_c('div',{staticClass:\"Dish\"},_vm._l((_vm.videoList.filter(function (f) { return !f.pinned; })),function(item){return _c('div',{key:item.id,staticClass:\"video-container\",class:item.videoEnabled ? '' : 'video-' + item.id,style:(_vm.getVideoStyle)},[_c('span',{staticClass:\"pin\",on:{\"click\":function($event){return _vm.expand(item)}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z\"}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!item.isScreenShare && item.audioEnabled),expression:\"!item.isScreenShare && item.audioEnabled\"}],staticClass:\"effect-container\"},[_c('div',{class:'o1_' + item.id}),_c('div',{class:'o2_' + item.id}),_c('div',{class:'o3_' + item.id})]),(!item.isScreenShare && item.isRecording)?_c('span',{staticClass:\"recording\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z\"}})])]):_vm._e(),(!item.isScreenShare && !item.audioEnabled)?_c('span',{staticClass:\"audio\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\\n\\t\\t\\t\\t\\t\\t\\t\\t\"}})])]):_vm._e(),(!item.videoEnabled)?_c('div',{staticClass:\"container-initials\"},[_c('span',{class:'initials-audio-effect-' + item.id}),_c('span',{class:'initials-audio-effect-big-' + item.id}),_c('span',{staticClass:\"initials\",style:('background-color:' + item.avatarColor)},[_vm._v(\" \"+_vm._s(_vm.getName(item))+\" \")])]):_vm._e(),_c('video',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.videoEnabled),expression:\"item.videoEnabled\"}],ref:\"videos\",refInFor:true,class:{ isScreenShare: item.isScreenShare },attrs:{\"autoplay\":\"\",\"playsinline\":\"\",\"id\":item.id},domProps:{\"srcObject\":item ? item.stream : '',\"muted\":item.isLocal || item.muted}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.videoEnabled && ((item.videoEffects.blur && item.videoEffects.blur > 0) || item.videoEffects.src != '')),expression:\"item.videoEnabled && ((item.videoEffects.blur && item.videoEffects.blur > 0) || item.videoEffects.src != '')\"}],class:'output_canvas_' + item.id,staticStyle:{\"width\":\"100%\",\"height\":\"100%\"}}),_c('span',{staticClass:\"info\"},[_vm._v(_vm._s(item.isLocal ? 'Tu' : item.name)+\" \"+_vm._s(item.isScreenShare ? ' (presentazione)' : ''))])])}),0):_vm._e(),_c('div',{staticClass:\"RightBox\",class:{ open: _vm.chatVisible || _vm.partecipantsVisible || _vm.showMediaPipe },on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.addMessage($event)}}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.chatVisible),expression:\"chatVisible\"}],staticClass:\"chat-container\"},[_c('div',{staticClass:\"chat-header\"},[_c('span',[_vm._v(\"Chat\")]),_c('svg',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"viewBox\":\"0 0 24 24\"},on:{\"click\":function($event){return _vm.manageRightBox('chat')}}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\"}})])]),_c('div',{staticClass:\"chat-messages\",attrs:{\"id\":\"chat-messages\"},on:{\"click\":function($event){_vm.showEmoji = false}}},[_c('div',{staticClass:\"chat-messages-info\",class:_vm.alreadyOpen ? 'alreadyOpen' : _vm.chatVisible ? 'show' : 'hide'},[_vm._v(\" \"+_vm._s(_vm.$t('chat_info'))+\" \")]),_vm._l((_vm.messages),function(message,index){return _c('div',{key:message.message + '_' + index,staticClass:\"msg\",class:[message.message.id === _vm.videoList.find(function (f) { return f.isLocal; }).id ? 'right-msg' : 'left-msg', { 'private-msg': message.private }]},[_c('div',{staticClass:\"msg-bubble\",style:(_vm.getBubbleMinWidth(message.message.name + ' ' + message.message.time))},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(message.private),expression:\"message.private\"}],staticClass:\"private-badge\"},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M23 3V2.5C23 1.1 21.9 0 20.5 0S18 1.1 18 2.5V3C17.5 3 17 3.5 17 4V8C17 8.5 17.5 9 18 9H23C23.5 9 24 8.5 24 8V4C24 3.5 23.5 3 23 3M22 3H19V2.5C19 1.7 19.7 1 20.5 1S22 1.7 22 2.5V3M22 11V16C22 17.1 21.1 18 20 18H6L2 22V4C2 2.9 2.9 2 4 2H15V4H4V17.2L5.2 16H20V11H22Z\"}})])]),_c('div',{staticClass:\"msg-container\"},[_c('div',{staticClass:\"msg-info\"},[_c('div',{staticClass:\"msg-info-name\",domProps:{\"textContent\":_vm._s(message.message.name)}}),_c('div',{staticClass:\"msg-info-time\",domProps:{\"textContent\":_vm._s(message.message.time)}})]),_c('div',{staticClass:\"msg-text\",domProps:{\"innerHTML\":_vm._s(message.message.text)}})])])])})],2),_c('div',{staticClass:\"chat-input\"},[(_vm.showEmoji)?_c('Emoji',{attrs:{\"searchLabel\":\"Search emoji here\"},on:{\"click\":_vm.addEmoji}}):_vm._e(),_c('span',{staticClass:\"chat-button-wrapper\",class:{ disabled: _vm.getPartecipants && _vm.getPartecipants.length === 0 },on:{\"click\":function($event){return _vm.showSuggestion($event)},\"keyup\":function($event){return _vm.moveUlFocus($event)}}},[_c('button',{staticClass:\"chat-button\",attrs:{\"disabled\":_vm.getPartecipants && _vm.getPartecipants.length === 0}},[_c('svg',{staticStyle:{\"cursor\":\"pointer\",\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":_vm.textMessage.startsWith('@') ? 'rgba(0, 174, 255, 1)' : 'white',\"d\":\"M23 3V2.5C23 1.1 21.9 0 20.5 0S18 1.1 18 2.5V3C17.5 3 17 3.5 17 4V8C17 8.5 17.5 9 18 9H23C23.5 9 24 8.5 24 8V4C24 3.5 23.5 3 23 3M22 3H19V2.5C19 1.7 19.7 1 20.5 1S22 1.7 22 2.5V3M22 11V16C22 17.1 21.1 18 20 18H6L2 22V4C2 2.9 2.9 2 4 2H15V4H4V17.2L5.2 16H20V11H22Z\"}})])]),_c('span',{staticClass:\"chat-tooltip privateMessage\",domProps:{\"textContent\":_vm._s('Invia un messaggio privato')}})]),_c('div',{staticStyle:{\"position\":\"relative\",\"display\":\"flex\",\"flex\":\"1\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.textMessage),expression:\"textMessage\"}],staticClass:\"chat\",attrs:{\"autocomplete\":\"do-not-autofill\",\"id\":\"field-chat-messages\",\"type\":\"text\",\"placeholder\":_vm.$t('write_message')},domProps:{\"value\":(_vm.textMessage)},on:{\"keyup\":function($event){return _vm.showSuggestion($event)},\"focus\":function($event){_vm.showEmoji = false},\"input\":function($event){if($event.target.composing){ return; }_vm.textMessage=$event.target.value}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPartecipants && _vm.getPartecipants.length > 0),expression:\"showPartecipants && getPartecipants.length > 0\"}],staticClass:\"suggestion\",style:('top: -' + _vm.getTop + 'px'),on:{\"keyup\":function($event){return _vm.moveUlFocus($event)}}},[_c('div',[_vm._v(\"Messaggio privato\")]),_c('ul',{attrs:{\"id\":\"ul-list-messages\"},on:{\"keyup\":function($event){return _vm.moveUlFocus($event)}}},_vm._l((_vm.getPartecipants),function(partecipant,index){return _c('li',{key:index,attrs:{\"tabindex\":\"-1\"},on:{\"keyup\":[function($event){return _vm.moveUlFocus($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.preventDefault();return _vm.setSuggestion(partecipant.name)}],\"click\":function($event){return _vm.setSuggestion(partecipant.name)}}},[_vm._v(\" @\"+_vm._s(partecipant.name)+\" \")])}),0)])]),_c('button',{staticClass:\"send\",attrs:{\"disabled\":_vm.textMessage === ''},on:{\"click\":_vm.addMessage,\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.preventDefault();return _vm.addMessage($event)}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M2,21L23,12L2,3V10L17,12L2,14V21Z\"}})])]),_c('span',{staticClass:\"chat-button-wrapper\",on:{\"click\":function () {\n\t\t\t\t\t\t\t\t_vm.showPartecipants = false\n\t\t\t\t\t\t\t\t_vm.showEmoji = !_vm.showEmoji\n\t\t\t\t\t\t\t}}},[_c('button',{staticClass:\"chat-button\"},[_c('svg',{staticStyle:{\"cursor\":\"pointer\",\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":_vm.showEmoji ? 'rgba(0, 174, 255, 1)' : 'white',\"d\":\"M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M13,9.94L14.06,11L15.12,9.94L16.18,11L17.24,9.94L15.12,7.82L13,9.94M8.88,9.94L9.94,11L11,9.94L8.88,7.82L6.76,9.94L7.82,11L8.88,9.94M12,17.5C14.33,17.5 16.31,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5Z\"}})])]),_c('span',{staticClass:\"chat-tooltip emojy\",domProps:{\"textContent\":_vm._s('Utilizza un emoji')}})])],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.partecipantsVisible),expression:\"partecipantsVisible\"}],staticClass:\"partecipants-container\"},[_c('div',{staticClass:\"partecipants-header\"},[_c('span',[_vm._v(\"Partecipanti alla live call\")]),_c('svg',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"viewBox\":\"0 0 24 24\"},on:{\"click\":function($event){return _vm.manageRightBox('list')}}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\"}})])]),_c('div',{staticClass:\"partecipants-list\"},_vm._l((_vm.videoList.filter(function (u) { return u.name && u.name != ''; })),function(user,index){return _c('div',{key:'list_' + index,staticClass:\"partecipants-info\",class:{ show: _vm.partecipantsVisible }},[_c('div',{staticClass:\"badge-container\"},[(!user.isScreenShare)?_c('span',{staticClass:\"badge\",style:({ backgroundColor: user.avatarColor })},[(user.name)?_c('span',[_vm._v(_vm._s(user.name.substring(0, 1).toUpperCase()))]):_vm._e()]):_c('svg',{staticStyle:{\"width\":\"25px!important\",\"height\":\"auto\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M23 4V16C23 17.11 22.11 18 21 18H15V16H21V4H3V16H9V18H3C1.9 18 1 17.11 1 16V4C1 2.89 1.89 2 3 2H21C22.1 2 23 2.89 23 4M13 13H16L12 9L8 13H11V20H8V22H16V20H13V13Z\"}})])]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(user.name)+\" \"+_vm._s(user.isScreenShare ? ' (presentazione)' : ''))]),_c('div',{staticClass:\"pinned\"},[_c('span',{on:{\"click\":function($event){user.pinned ? _vm.unexpand(user) : _vm.expand(user)}}},[_c('svg',{staticClass:\"user-pin\",staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":user.pinned\n\t\t\t\t\t\t\t\t\t\t\t\t? 'M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z'}})])])]),_c('div',{staticClass:\"audio\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!user.audioEnabled),expression:\"!user.audioEnabled\"}]},[_c('svg',{staticClass:\"user-audio\",staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\\n\\t\\t\\t\\t\\t\\t\\t\\t\"}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(user.audioEnabled),expression:\"user.audioEnabled\"}],staticClass:\"badge\"},[_c('div',{class:'o4_' + user.id}),_c('div',{class:'o5_' + user.id}),_c('div',{class:'o6_' + user.id})])]),_c('div',{staticClass:\"recording\"},[_c('svg',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":(_vm.recordOn && user.isLocal) || user.isRecording ? 'red' : 'white',\"d\":(_vm.recordOn && user.isLocal) || user.isRecording\n\t\t\t\t\t\t\t\t\t\t\t? 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z'\n\t\t\t\t\t\t\t\t\t\t\t: 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z'}})])])])}),0)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showMediaPipe),expression:\"showMediaPipe\"}],staticClass:\"background-container\"},[_c('div',{staticClass:\"background-header\"},[_c('span',[_vm._v(\"Effetti video\")]),_c('svg',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"viewBox\":\"0 0 24 24\"},on:{\"click\":function($event){return _vm.manageRightBox('background')}}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\"}})])]),_vm._m(0),_c('div',{staticClass:\"scroller-container\"},[_c('div',{staticClass:\"background-title\"},[_vm._v(_vm._s(_vm.$t('blur')))]),_c('div',{staticClass:\"blur\"},[_c('div',{staticClass:\"blur-choice\",class:{ selected: _vm.blur === 0 && _vm.background === null },on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.blur = 0\n\t\t\t\t\t\t\t\t\t_vm.background = null\n\t\t\t\t\t\t\t\t\t_vm.setImageSrc()\n\t\t\t\t\t\t\t\t}}},[_c('svg',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z\"}})]),_c('div',{staticClass:\"bg-tooltip\"},[_vm._v(_vm._s(_vm.$t('no_effects')))])]),_c('div',{staticClass:\"blur-choice\",class:{ selected: _vm.blur === 0.5 },staticStyle:{\"position\":\"relative\"},on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.blur = 0.5\n\t\t\t\t\t\t\t\t}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"}})]),_c('div',{staticClass:\"bg-tooltip\"},[_vm._v(_vm._s(_vm.$t('light_blur')))])]),_c('div',{staticClass:\"blur-choice\",class:{ selected: _vm.blur === 1.5 },on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.blur = 1.5\n\t\t\t\t\t\t\t\t}}},[_c('svg',{staticStyle:{\"width\":\"26px\",\"height\":\"26px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"}})]),_c('div',{staticClass:\"bg-tooltip\"},[_vm._v(_vm._s(_vm.$t('mid_blur')))])]),_c('div',{staticClass:\"blur-choice\",class:{ selected: _vm.blur === 5 },on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t_vm.blur = 5\n\t\t\t\t\t\t\t\t}}},[_c('svg',{staticStyle:{\"width\":\"34px\",\"height\":\"34px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\"}})]),_c('div',{staticClass:\"bg-tooltip\"},[_vm._v(_vm._s(_vm.$t('high_blur')))])])]),_c('div',{staticClass:\"background-title\"},[_vm._v(_vm._s(_vm.$t('backgrounds')))]),_c('div',{staticClass:\"opt-container\"},[_c('div',{staticClass:\"backgrounds-container-items\",class:{ open: _vm.showMediaPipe }},_vm._l((_vm.backgrounds),function(bg,index){return _c('div',{key:index,staticClass:\"background-choice\",class:{ selected: _vm.background === bg },style:('background:url(' + bg.image + ')'),on:{\"click\":function () {\n\t\t\t\t\t\t\t\t\t\t_vm.background = bg\n\t\t\t\t\t\t\t\t\t\t_vm.setImageSrc()\n\t\t\t\t\t\t\t\t\t}}},[_c('div',{staticClass:\"bg-tooltip\",domProps:{\"textContent\":_vm._s(bg.tooltip)}})])}),0)]),_c('div',{staticClass:\"background-title\"},[_vm._v(_vm._s(_vm.$t('aspectratio')))]),_c('div',{staticClass:\"video-rateos\"},[_c('div',{staticClass:\"video-rateos-options\"},_vm._l((_vm.ratios),function(ratio,index){return _c('button',{key:index,staticClass:\"aspect\",class:{ selected: _vm.aspect === index },on:{\"click\":function($event){return _vm.changeAspect(index)}}},[_c('span',[_vm._v(_vm._s(ratio))])])}),0)])]),_c('div',{staticClass:\"background-footer\"},[_c('button',{on:{\"click\":function($event){return _vm.saveMediaPipe()}}},[_vm._v(_vm._s(_vm.$t('save_settings')))])])])])])]),_c('div',{staticClass:\"Controls\"},[_c('div',{staticClass:\"Controls-meet-title\"},[_vm._m(1),_c('p',[_vm._v(_vm._s(_vm.meetName))])]),_c('div',{staticClass:\"Controls-main-buttons\"},[_c('span',{staticClass:\"media-action-button-wrapper\"},[_c('button',{staticClass:\"media-action-button\",class:{ 'media-action-button-disabled': !_vm.audioOn },on:{\"click\":function($event){return _vm.toggleAudio()}}},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":_vm.audioOn\n\t\t\t\t\t\t\t\t? 'M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z'\n\t\t\t\t\t\t\t\t: 'M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z'}})])]),_c('span',{staticClass:\"media-tooltip\",domProps:{\"textContent\":_vm._s(_vm.audioOn ? _vm.$t('disable_audio') : _vm.$t('enable_audio'))}})]),_c('span',{staticClass:\"media-action-button-wrapper\"},[_c('button',{staticClass:\"media-action-button\",class:{ 'media-action-button-disabled': !_vm.videoOn },on:{\"click\":function($event){return _vm.toggleVideo()}}},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":_vm.videoOn\n\t\t\t\t\t\t\t\t? 'M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z'\n\t\t\t\t\t\t\t\t: 'M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z'}})])]),_c('span',{staticClass:\"media-tooltip\",domProps:{\"textContent\":_vm._s(_vm.videoOn ? _vm.$t('disable_video') : _vm.$t('enable_video'))}})]),(!_vm.isMobile)?_c('span',{staticClass:\"media-action-button-wrapper\"},[_c('button',{staticClass:\"media-action-button\",class:{ 'media-action-button-disabled': !_vm.shareOn },on:{\"click\":function($event){return _vm.shareScreen()}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M23 4V16C23 17.11 22.11 18 21 18H15V16H21V4H3V16H9V18H3C1.9 18 1 17.11 1 16V4C1 2.89 1.89 2 3 2H21C22.1 2 23 2.89 23 4M13 13H16L12 9L8 13H11V20H8V22H16V20H13V13Z\"}})])]),_c('span',{staticClass:\"media-tooltip\",domProps:{\"textContent\":_vm._s(!_vm.shareOn ? _vm.$t('share_screen') : _vm.$t('stop_share_screen'))}})]):_vm._e(),(!_vm.isMobile)?_c('span',{staticClass:\"media-action-button-wrapper\"},[_c('button',{staticClass:\"media-action-button\",class:_vm.recordOn ? 'record' : 'media-action-button-disabled',on:{\"click\":function($event){return _vm.recordVideo()}}},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":_vm.recordOn\n\t\t\t\t\t\t\t\t? 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z'\n\t\t\t\t\t\t\t\t: 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z'}})])]),_c('span',{staticClass:\"media-tooltip\",domProps:{\"textContent\":_vm._s(!_vm.recordOn ? _vm.$t('register_screen') : _vm.$t('stop_register_screen'))}}),(_vm.timestampRecord)?_c('div',{staticClass:\"timestamp\"},[_vm._v(_vm._s(_vm.getTime))]):_vm._e()]):_vm._e(),_c('span',{staticClass:\"media-action-button-wrapper\"},[_c('button',{staticClass:\"hangup\",on:{\"click\":_vm.leave}},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M12,9C10.4,9 8.85,9.25 7.4,9.72V12.82C7.4,13.22 7.17,13.56 6.84,13.72C5.86,14.21 4.97,14.84 4.17,15.57C4,15.75 3.75,15.86 3.5,15.86C3.2,15.86 2.95,15.74 2.77,15.56L0.29,13.08C0.11,12.9 0,12.65 0,12.38C0,12.1 0.11,11.85 0.29,11.67C3.34,8.77 7.46,7 12,7C16.54,7 20.66,8.77 23.71,11.67C23.89,11.85 24,12.1 24,12.38C24,12.65 23.89,12.9 23.71,13.08L21.23,15.56C21.05,15.74 20.8,15.86 20.5,15.86C20.25,15.86 20,15.75 19.82,15.57C19.03,14.84 18.14,14.21 17.16,13.72C16.83,13.56 16.6,13.22 16.6,12.82V9.72C15.15,9.25 13.6,9 12,9Z\"}})])]),_c('span',{staticClass:\"media-tooltip\",domProps:{\"textContent\":_vm._s(_vm.$t('exit'))}})])]),_c('div',{staticClass:\"Controls-info\"},[_c('span',{staticClass:\"chat-action list-users\",on:{\"click\":function($event){return _vm.manageRightBox('list')}}},[_c('span',{staticClass:\"count-badge list-users-count\",class:{ active: _vm.newUser }},[_vm._v(_vm._s(_vm.videoList.filter(function (f) { return !f.isScreenShare; }).length))]),_c('button',{class:{ active: _vm.partecipantsVisible }},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z\"}})])]),_c('span',{staticClass:\"media-tooltip\",domProps:{\"textContent\":_vm._s(!_vm.partecipantsVisible ? _vm.$t('open_list') : _vm.$t('close_list'))}})]),_c('span',{staticClass:\"chat-action\",on:{\"click\":function($event){return _vm.manageRightBox('chat')}}},[(_vm.countMessage > 0)?_c('span',{staticClass:\"count-badge message-chat-count\"},[_vm._v(_vm._s(_vm.countMessage))]):_vm._e(),_c('button',{class:{ active: _vm.chatVisible },staticStyle:{\"margin-top\":\"4px\"}},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18\"}})])]),_c('span',{staticClass:\"media-tooltip\",domProps:{\"textContent\":_vm._s(!_vm.chatVisible ? _vm.$t('open_chat') : _vm.$t('close_chat'))}})]),_c('span',{staticClass:\"chat-action-mobile\"},[_c('div',{staticClass:\"menu-list\",class:{ show: _vm.chatActionMobile }},[_c('div',{staticClass:\"menu-list-option\",on:{\"click\":function($event){return _vm.manageRightBox('chat')}}},[_c('svg',{staticStyle:{\"width\":\"22px\",\"height\":\"22px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"rgba(85,85,85,.8)\",\"d\":\"M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18\"}})]),_c('span',[_vm._v(\"Chat \")])]),_c('div',{staticClass:\"menu-list-option\",on:{\"click\":function($event){return _vm.manageRightBox('list')}}},[_c('svg',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"rgba(85,85,85,.8)\",\"d\":\"M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z\"}})]),_c('span',[_vm._v(_vm._s(_vm.$t('partecipants'))+\" \")])])]),_c('svg',{staticClass:\"settings\",staticStyle:{\"width\":\"22px\",\"height\":\"22px\"},attrs:{\"viewBox\":\"0 0 24 24\"},on:{\"click\":function($event){_vm.chatActionMobile = !_vm.chatActionMobile}}},[_c('path',{attrs:{\"fill\":\"white\",\"d\":\"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z\"}})])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"canvas-container\"},[_c('canvas',{staticClass:\"output_canvas_preview\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"https://cving.com\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"alt\":\"CVing logo\",\"src\":\"/img/logo-cving.d1aad1ca.svg\",\"height\":\"30\",\"width\":\"85\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"Container\">\n\t\t<div class=\"Toast\" :class=\"{ show: showToast }\">\n\t\t\t<div class=\"toast-container\">\n\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path fill=\"#f14c49\" d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z\" />\n\t\t\t\t</svg>\n\t\t\t\t<div>{{ getRecordingName }} {{ $t('partecipant_is_recording') }}</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"Scenary\">\n\t\t\t<div class=\"Conference\" :class=\"{ boxRightOpen: chatVisible || partecipantsVisible }\" ref=\"conference\">\n\t\t\t\t<div class=\"Screen\" :class=\"{ pinned: videoPinned }\" v-show=\"videoPinned\">\n\t\t\t\t\t<div class=\"ScreenSharingOn\" v-if=\"videoPinned && videoPinned.isScreenShare\">\n\t\t\t\t\t\t<div class=\"ScreenSharingOn-container\">\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" style=\"width: 22px; height: 22px; margin-right: 5px\">\n\t\t\t\t\t\t\t\t\t<path fill=\"white\" d=\"M23 4V16C23 17.11 22.11 18 21 18H15V16H21V4H3V16H9V18H3C1.9 18 1 17.11 1 16V4C1 2.89 1.89 2 3 2H21C22.1 2 23 2.89 23 4M13 13H16L12 9L8 13H11V20H8V22H16V20H13V13Z\"></path>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<span> {{ videoPinned.isLocal ? $t('you_are_streaming') : videoPinned.name.substring(0, 1).toUpperCase() + ' ' + $t('partecipant_is_streaming') }}</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<button v-if=\"videoPinned.isLocal\" @click=\"shareScreen()\">{{ $t('stop_streaming') }}</button>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"PinnedContainer\">\n\t\t\t\t\t\t<span class=\"pin\" @click=\"unexpand(videoPinned)\" v-if=\"videoPinned\"><svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path fill=\"white\" d=\"M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z\" />\n\t\t\t\t\t\t\t</svg></span>\n\t\t\t\t\t\t<!-- <div v-if=\"!item.videoEnabled\" class=\"container-initials\">\n\t\t\t\t\t\t<span :class=\"'initials-audio-effect-' + item.id\" />\n\t\t\t\t\t\t<span :class=\"'initials-audio-effect-big-' + item.id\" />\n\t\t\t\t\t\t<span class=\"initials\" :style=\"'background-color:' + item.avatarColor\">\n\t\t\t\t\t\t\t{{ item.name ? item.name.substring(0, 1) : '' }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div> -->\n\t\t\t\t\t\t<video v-show=\"videoPinned && videoPinned.videoEnabled\" :srcObject.prop=\"videoPinned ? videoPinned.stream : ''\" v-bind:video=\"videoPinned\" autoplay playsinline :muted=\"videoPinned ? videoPinned.muted : false\" :id=\"videoPinned ? 'pinned_' + videoPinned.id : ''\" class=\"video-pinned\" :class=\"{ isScreenShare: videoPinned && videoPinned.isScreenShare }\"></video>\n\t\t\t\t\t\t<canvas v-show=\"videoPinned && videoPinned.videoEnabled && (videoPinned.videoEffects.blur > 0 || videoPinned.videoEffects.src != '')\" :class=\"videoPinned ? 'output_pinned_canvas_' + videoPinned.id : ''\" style=\"width: 100%; height: 100%\"></canvas>\n\t\t\t\t\t\t<div style=\"width:100%;height:100%;position relative\" v-if=\"videoPinned && !videoPinned.videoEnabled\">\n\t\t\t\t\t\t\t<div class=\"effect-container\" v-show=\"videoPinned && !videoPinned.isScreenShare && videoPinned.audioEnabled\">\n\t\t\t\t\t\t\t\t<div :class=\"'o1_' + videoPinned.id\"></div>\n\t\t\t\t\t\t\t\t<div :class=\"'o2_' + videoPinned.id\"></div>\n\t\t\t\t\t\t\t\t<div :class=\"'o3_' + videoPinned.id\"></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<!-- audio muted visible only if is not a screenshare and islocal with audio off or !islocal with audio not enabled -->\n\t\t\t\t\t\t\t<span v-if=\"!videoPinned.isScreenShare && !videoPinned.audioEnabled\" class=\"audio\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t<path d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\n\t\t\t\t\t\t\t\t\t\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<div v-if=\"!videoPinned.videoEnabled\" class=\"container-initials\">\n\t\t\t\t\t\t\t\t<span :class=\"'initials-audio-effect-' + videoPinned.id\" />\n\t\t\t\t\t\t\t\t<span :class=\"'initials-audio-effect-big-' + videoPinned.id\" />\n\t\t\t\t\t\t\t\t<span class=\"initials\" :style=\"'background-color:' + videoPinned.avatarColor\">\n\t\t\t\t\t\t\t\t\t{{ videoPinned.name ? videoPinned.name.substring(0, 1).toUpperCase() : '' }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span class=\"info\">{{ videoPinned && videoPinned.name ? (videoPinned.isLocal ? 'Tu' : videoPinned.name) : '' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"Dish\" v-if=\"videoList.filter((f) => !f.pinned).length > 0\">\n\t\t\t\t\t<div class=\"video-container\" :class=\"item.videoEnabled ? '' : 'video-' + item.id\" v-for=\"item in videoList.filter((f) => !f.pinned)\" v-bind:key=\"item.id\" :style=\"getVideoStyle\">\n\t\t\t\t\t\t<span class=\"pin\" @click=\"expand(item)\">\n\t\t\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path fill=\"white\" d=\"M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<div class=\"effect-container\" v-show=\"!item.isScreenShare && item.audioEnabled\">\n\t\t\t\t\t\t\t<div :class=\"'o1_' + item.id\"></div>\n\t\t\t\t\t\t\t<div :class=\"'o2_' + item.id\"></div>\n\t\t\t\t\t\t\t<div :class=\"'o3_' + item.id\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- recording -->\n\t\t\t\t\t\t<span v-if=\"!item.isScreenShare && item.isRecording\" class=\"recording\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<!-- audio muted visible only if is not a screenshare and islocal with audio off or !islocal with audio not enabled -->\n\t\t\t\t\t\t<span v-if=\"!item.isScreenShare && !item.audioEnabled\" class=\"audio\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\n\t\t\t\t\t\t\t\t\t\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<div v-if=\"!item.videoEnabled\" class=\"container-initials\">\n\t\t\t\t\t\t\t<span :class=\"'initials-audio-effect-' + item.id\" />\n\t\t\t\t\t\t\t<span :class=\"'initials-audio-effect-big-' + item.id\" />\n\t\t\t\t\t\t\t<span class=\"initials\" :style=\"'background-color:' + item.avatarColor\">\n\t\t\t\t\t\t\t\t{{ getName(item) }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<video v-show=\"item.videoEnabled\" :srcObject.prop=\"item ? item.stream : ''\" autoplay playsinline ref=\"videos\" :muted=\"item.isLocal || item.muted\" :id=\"item.id\" :class=\"{ isScreenShare: item.isScreenShare }\"></video>\n\t\t\t\t\t\t<canvas v-show=\"item.videoEnabled && ((item.videoEffects.blur && item.videoEffects.blur > 0) || item.videoEffects.src != '')\" :class=\"'output_canvas_' + item.id\" style=\"width: 100%; height: 100%\"></canvas>\n\t\t\t\t\t\t<span class=\"info\">{{ item.isLocal ? 'Tu' : item.name }} {{ item.isScreenShare ? ' (presentazione)' : '' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"RightBox\" v-on:keyup.enter=\"addMessage\" :class=\"{ open: chatVisible || partecipantsVisible || showMediaPipe }\">\n\t\t\t\t\t<div class=\"chat-container\" v-show=\"chatVisible\">\n\t\t\t\t\t\t<div class=\"chat-header\">\n\t\t\t\t\t\t\t<span>Chat</span>\n\t\t\t\t\t\t\t<svg @click=\"manageRightBox('chat')\" style=\"width: 20px; height: 20px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div @click=\"showEmoji = false\" class=\"chat-messages\" id=\"chat-messages\">\n\t\t\t\t\t\t\t<div class=\"chat-messages-info\" :class=\"alreadyOpen ? 'alreadyOpen' : chatVisible ? 'show' : 'hide'\">\n\t\t\t\t\t\t\t\t{{ $t('chat_info') }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div v-for=\"(message, index) in messages\" :key=\"message.message + '_' + index\" class=\"msg\" :class=\"[message.message.id === videoList.find((f) => f.isLocal).id ? 'right-msg' : 'left-msg', { 'private-msg': message.private }]\">\n\t\t\t\t\t\t\t\t<div class=\"msg-bubble\" :style=\"getBubbleMinWidth(message.message.name + ' ' + message.message.time)\">\n\t\t\t\t\t\t\t\t\t<div class=\"private-badge\" v-show=\"message.private\">\n\t\t\t\t\t\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M23 3V2.5C23 1.1 21.9 0 20.5 0S18 1.1 18 2.5V3C17.5 3 17 3.5 17 4V8C17 8.5 17.5 9 18 9H23C23.5 9 24 8.5 24 8V4C24 3.5 23.5 3 23 3M22 3H19V2.5C19 1.7 19.7 1 20.5 1S22 1.7 22 2.5V3M22 11V16C22 17.1 21.1 18 20 18H6L2 22V4C2 2.9 2.9 2 4 2H15V4H4V17.2L5.2 16H20V11H22Z\" />\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"msg-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"msg-info\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msg-info-name\" v-text=\"message.message.name\" />\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msg-info-time\" v-text=\"message.message.time\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"msg-text\" v-html=\"message.message.text\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"chat-input\">\n\t\t\t\t\t\t\t<Emoji v-if=\"showEmoji\" searchLabel=\"Search emoji here\" @click=\"addEmoji\" />\n\t\t\t\t\t\t\t<span class=\"chat-button-wrapper\" :class=\"{ disabled: getPartecipants && getPartecipants.length === 0 }\" @click=\"showSuggestion($event)\" @keyup=\"moveUlFocus($event)\">\n\t\t\t\t\t\t\t\t<button class=\"chat-button\" :disabled=\"getPartecipants && getPartecipants.length === 0\">\n\t\t\t\t\t\t\t\t\t<svg style=\"cursor: pointer; width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t<path :fill=\"textMessage.startsWith('@') ? 'rgba(0, 174, 255, 1)' : 'white'\" d=\"M23 3V2.5C23 1.1 21.9 0 20.5 0S18 1.1 18 2.5V3C17.5 3 17 3.5 17 4V8C17 8.5 17.5 9 18 9H23C23.5 9 24 8.5 24 8V4C24 3.5 23.5 3 23 3M22 3H19V2.5C19 1.7 19.7 1 20.5 1S22 1.7 22 2.5V3M22 11V16C22 17.1 21.1 18 20 18H6L2 22V4C2 2.9 2.9 2 4 2H15V4H4V17.2L5.2 16H20V11H22Z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"chat-tooltip privateMessage\" v-text=\"'Invia un messaggio privato'\"></span>\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t<div style=\"position: relative; display: flex; flex: 1\">\n\t\t\t\t\t\t\t\t<input autocomplete=\"do-not-autofill\" id=\"field-chat-messages\" @keyup=\"showSuggestion($event)\" @focus=\"showEmoji = false\" class=\"chat\" v-model=\"textMessage\" type=\"text\" :placeholder=\"$t('write_message')\" />\n\t\t\t\t\t\t\t\t<div class=\"suggestion\" v-show=\"showPartecipants && getPartecipants.length > 0\" :style=\"'top: -' + getTop + 'px'\" @keyup=\"moveUlFocus($event)\">\n\t\t\t\t\t\t\t\t\t<div>Messaggio privato</div>\n\t\t\t\t\t\t\t\t\t<ul id=\"ul-list-messages\" @keyup=\"moveUlFocus($event)\">\n\t\t\t\t\t\t\t\t\t\t<li @keyup=\"moveUlFocus($event)\" @keyup.prevent.enter=\"setSuggestion(partecipant.name)\" tabindex=\"-1\" v-for=\"(partecipant, index) in getPartecipants\" :key=\"index\" @click=\"setSuggestion(partecipant.name)\">\n\t\t\t\t\t\t\t\t\t\t\t@{{ partecipant.name }}\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<button class=\"send\" :disabled=\"textMessage === ''\" @click=\"addMessage\" v-on:keyup.prevent.enter=\"addMessage\">\n\t\t\t\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M2,21L23,12L2,3V10L17,12L2,14V21Z\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<span class=\"chat-button-wrapper\" @click=\"() => {\n\t\t\t\t\t\t\t\t\tshowPartecipants = false\n\t\t\t\t\t\t\t\t\tshowEmoji = !showEmoji\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t<button class=\"chat-button\">\n\t\t\t\t\t\t\t\t\t<svg style=\"cursor: pointer; width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t<path :fill=\"showEmoji ? 'rgba(0, 174, 255, 1)' : 'white'\" d=\"M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M13,9.94L14.06,11L15.12,9.94L16.18,11L17.24,9.94L15.12,7.82L13,9.94M8.88,9.94L9.94,11L11,9.94L8.88,7.82L6.76,9.94L7.82,11L8.88,9.94M12,17.5C14.33,17.5 16.31,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5Z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"chat-tooltip emojy\" v-text=\"'Utilizza un emoji'\"></span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"partecipants-container\" v-show=\"partecipantsVisible\">\n\t\t\t\t\t\t<div class=\"partecipants-header\">\n\t\t\t\t\t\t\t<span>Partecipanti alla live call</span>\n\t\t\t\t\t\t\t<svg @click=\"manageRightBox('list')\" style=\"width: 20px; height: 20px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path fill=\"white\" d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"partecipants-list\">\n\t\t\t\t\t\t\t<div class=\"partecipants-info\" :class=\"{ show: partecipantsVisible }\" v-for=\"(user, index) in videoList.filter((u) => u.name && u.name != '')\" :key=\"'list_' + index\">\n\t\t\t\t\t\t\t\t<div class=\"badge-container\">\n\t\t\t\t\t\t\t\t\t<span v-if=\"!user.isScreenShare\" class=\"badge\" :style=\"{ backgroundColor: user.avatarColor }\"><span v-if=\"user.name\">{{ user.name.substring(0, 1).toUpperCase() }}</span></span>\n\t\t\t\t\t\t\t\t\t<svg v-else viewBox=\"0 0 24 24\" style=\"width: 25px!important; height: auto\">\n\t\t\t\t\t\t\t\t\t\t<path fill=\"white\" d=\"M23 4V16C23 17.11 22.11 18 21 18H15V16H21V4H3V16H9V18H3C1.9 18 1 17.11 1 16V4C1 2.89 1.89 2 3 2H21C22.1 2 23 2.89 23 4M13 13H16L12 9L8 13H11V20H8V22H16V20H13V13Z\"></path>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"name\">{{ user.name }} {{ user.isScreenShare ? ' (presentazione)' : '' }}</div>\n\t\t\t\t\t\t\t\t<div class=\"pinned\">\n\t\t\t\t\t\t\t\t\t<span @click=\"user.pinned ? unexpand(user) : expand(user)\">\n\t\t\t\t\t\t\t\t\t\t<svg class=\"user-pin\" style=\"width: 20px; height: 20px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t\t<path fill=\"white\" :d=\"user.pinned\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z'\n\t\t\t\t\t\t\t\t\t\t\t\t\" />\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"audio\">\n\t\t\t\t\t\t\t\t\t<span v-show=\"!user.audioEnabled\">\n\t\t\t\t\t\t\t\t\t\t<svg class=\"user-audio\" viewBox=\"0 0 24 24\" style=\"width: 20px; height: 20px\">\n\t\t\t\t\t\t\t\t\t\t\t<path fill=\"white\" d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\n\t\t\t\t\t\t\t\t\t\" />\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<div class=\"badge\" v-show=\"user.audioEnabled\">\n\t\t\t\t\t\t\t\t\t\t<div :class=\"'o4_' + user.id\"></div>\n\t\t\t\t\t\t\t\t\t\t<div :class=\"'o5_' + user.id\"></div>\n\t\t\t\t\t\t\t\t\t\t<div :class=\"'o6_' + user.id\"></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"recording\">\n\t\t\t\t\t\t\t\t\t<svg style=\"width: 20px; height: 20px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t<path :fill=\"(recordOn && user.isLocal) || user.isRecording ? 'red' : 'white'\" :d=\"(recordOn && user.isLocal) || user.isRecording\n\t\t\t\t\t\t\t\t\t\t\t\t? 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z'\n\t\t\t\t\t\t\t\t\t\t\t\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"background-container\" v-show=\"showMediaPipe\">\n\t\t\t\t\t\t<div class=\"background-header\">\n\t\t\t\t\t\t\t<span>Effetti video</span>\n\t\t\t\t\t\t\t<svg @click=\"manageRightBox('background')\" style=\"width: 20px; height: 20px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path fill=\"white\" d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"canvas-container\">\n\t\t\t\t\t\t\t<canvas class=\"output_canvas_preview\"></canvas>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"scroller-container\">\n\t\t\t\t\t\t\t<div class=\"background-title\">{{ $t('blur') }}</div>\n\n\t\t\t\t\t\t\t<div class=\"blur\">\n\t\t\t\t\t\t\t\t<div class=\"blur-choice\" :class=\"{ selected: blur === 0 && background === null }\" @click=\"() => {\n\t\t\t\t\t\t\t\t\t\tblur = 0\n\t\t\t\t\t\t\t\t\t\tbackground = null\n\t\t\t\t\t\t\t\t\t\tsetImageSrc()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<svg style=\"width: 20px; height: 20px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\">{{ $t('no_effects') }}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"blur-choice\" style=\"position: relative\" :class=\"{ selected: blur === 0.5 }\" @click=\"() => {\n\t\t\t\t\t\t\t\t\t\tblur = 0.5\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\n\t\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\">{{ $t('light_blur') }}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"blur-choice\" :class=\"{ selected: blur === 1.5 }\" @click=\"() => {\n\t\t\t\t\t\t\t\t\t\tblur = 1.5\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<svg style=\"width: 26px; height: 26px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\">{{ $t('mid_blur') }}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"blur-choice\" :class=\"{ selected: blur === 5 }\" @click=\"() => {\n\t\t\t\t\t\t\t\t\t\tblur = 5\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<svg style=\"width: 34px; height: 34px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\">{{ $t('high_blur') }}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"background-title\">{{ $t('backgrounds') }}</div>\n\t\t\t\t\t\t\t<div class=\"opt-container\">\n\t\t\t\t\t\t\t\t<div class=\"backgrounds-container-items\" :class=\"{ open: showMediaPipe }\">\n\t\t\t\t\t\t\t\t\t<div class=\"background-choice\" :class=\"{ selected: background === bg }\" @click=\"() => {\n\t\t\t\t\t\t\t\t\t\t\tbackground = bg\n\t\t\t\t\t\t\t\t\t\t\tsetImageSrc()\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\" v-for=\"(bg, index) in backgrounds\" :key=\"index\" :style=\"'background:url(' + bg.image + ')'\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bg-tooltip\" v-text=\"bg.tooltip\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"background-title\">{{ $t('aspectratio') }}</div>\n\t\t\t\t\t\t\t<div class=\"video-rateos\">\n\t\t\t\t\t\t\t\t<div class=\"video-rateos-options\">\n\t\t\t\t\t\t\t\t\t<button class=\"aspect\" :class=\"{ selected: aspect === index }\" @click=\"changeAspect(index)\" v-for=\"(ratio, index) in ratios\" :key=\"index\">\n\t\t\t\t\t\t\t\t\t\t<span>{{ ratio }}</span>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"background-footer\">\n\t\t\t\t\t\t\t<button @click=\"saveMediaPipe()\">{{ $t('save_settings') }}</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"Controls\">\n\t\t\t<div class=\"Controls-meet-title\">\n\t\t\t\t<a href=\"https://cving.com\" target=\"_blank\"><img alt=\"CVing logo\" src=\"/img/logo-cving.d1aad1ca.svg\" height=\"30\" width=\"85\" /></a>\n\t\t\t\t<p>{{ meetName }}</p>\n\t\t\t</div>\n\t\t\t<div class=\"Controls-main-buttons\">\n\t\t\t\t<span class=\"media-action-button-wrapper\">\n\t\t\t\t\t<button class=\"media-action-button\" @click=\"toggleAudio()\" :class=\"{ 'media-action-button-disabled': !audioOn }\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path :d=\"audioOn\n\t\t\t\t\t\t\t\t\t? 'M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z'\n\t\t\t\t\t\t\t\t\t: 'M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z'\n\t\t\t\t\t\t\t\t\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<span class=\"media-tooltip\" v-text=\"audioOn ? $t('disable_audio') : $t('enable_audio')\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"media-action-button-wrapper\">\n\t\t\t\t\t<button class=\"media-action-button\" @click=\"toggleVideo()\" :class=\"{ 'media-action-button-disabled': !videoOn }\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path :d=\"videoOn\n\t\t\t\t\t\t\t\t\t? 'M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z'\n\t\t\t\t\t\t\t\t\t: 'M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z'\n\t\t\t\t\t\t\t\t\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<span class=\"media-tooltip\" v-text=\"videoOn ? $t('disable_video') : $t('enable_video')\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"media-action-button-wrapper\" v-if=\"!isMobile\">\n\t\t\t\t\t<button class=\"media-action-button\" @click=\"shareScreen()\" :class=\"{ 'media-action-button-disabled': !shareOn }\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" style=\"width: 24px; height: 24px\">\n\t\t\t\t\t\t\t<path d=\"M23 4V16C23 17.11 22.11 18 21 18H15V16H21V4H3V16H9V18H3C1.9 18 1 17.11 1 16V4C1 2.89 1.89 2 3 2H21C22.1 2 23 2.89 23 4M13 13H16L12 9L8 13H11V20H8V22H16V20H13V13Z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<span class=\"media-tooltip\" v-text=\"!shareOn ? $t('share_screen') : $t('stop_share_screen')\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"media-action-button-wrapper\" v-if=\"!isMobile\">\n\t\t\t\t\t<button class=\"media-action-button\" @click=\"recordVideo()\" :class=\"recordOn ? 'record' : 'media-action-button-disabled'\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path :d=\"recordOn\n\t\t\t\t\t\t\t\t\t? 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z'\n\t\t\t\t\t\t\t\t\t: 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z'\n\t\t\t\t\t\t\t\t\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<span class=\"media-tooltip\" v-text=\"!recordOn ? $t('register_screen') : $t('stop_register_screen')\"></span>\n\t\t\t\t\t<div class=\"timestamp\" v-if=\"timestampRecord\">{{ getTime }}</div>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"media-action-button-wrapper\">\n\t\t\t\t\t<button class=\"hangup\" @click=\"leave\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path fill=\"white\" d=\"M12,9C10.4,9 8.85,9.25 7.4,9.72V12.82C7.4,13.22 7.17,13.56 6.84,13.72C5.86,14.21 4.97,14.84 4.17,15.57C4,15.75 3.75,15.86 3.5,15.86C3.2,15.86 2.95,15.74 2.77,15.56L0.29,13.08C0.11,12.9 0,12.65 0,12.38C0,12.1 0.11,11.85 0.29,11.67C3.34,8.77 7.46,7 12,7C16.54,7 20.66,8.77 23.71,11.67C23.89,11.85 24,12.1 24,12.38C24,12.65 23.89,12.9 23.71,13.08L21.23,15.56C21.05,15.74 20.8,15.86 20.5,15.86C20.25,15.86 20,15.75 19.82,15.57C19.03,14.84 18.14,14.21 17.16,13.72C16.83,13.56 16.6,13.22 16.6,12.82V9.72C15.15,9.25 13.6,9 12,9Z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<span class=\"media-tooltip\" v-text=\"$t('exit')\"></span>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div class=\"Controls-info\">\n\t\t\t\t<!-- <span class=\"chat-action\" v-if=\"false\">\n\t\t\t\t\t<button class=\"media-effects\"  :class=\"{ mediapipeOn: mediapipeOn }\" @click=\"manageRightBox('background')\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" style=\"width: 24px; height: 24px\">\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\td=\"M10.6 9.6L9 15L7.4 9.6L2 8L7.4 6.4L9 1L10.6 6.4L16 8L10.6 9.6M17 14.2L21 12L18.8 16L21 20L17 17.8L13 20L15.2 16L13 12L17 14.2M10 16L8.3 19L10 22L7 20.3L4 22L5.7 19L4 16L7 17.7L10 16\"\n\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<span class=\"media-tooltip\" v-text=\"'Impostazioni video'\"></span>\n\t\t\t\t</span> -->\n\t\t\t\t<span class=\"chat-action list-users\" @click=\"manageRightBox('list')\">\n\t\t\t\t\t<span class=\"count-badge list-users-count\" :class=\"{ active: newUser }\">{{ videoList.filter((f) => !f.isScreenShare).length }}</span>\n\t\t\t\t\t<button :class=\"{ active: partecipantsVisible }\">\n\t\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path d=\"M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<span class=\"media-tooltip\" v-text=\"!partecipantsVisible ? $t('open_list') : $t('close_list')\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"chat-action\" @click=\"manageRightBox('chat')\">\n\t\t\t\t\t<span class=\"count-badge message-chat-count\" v-if=\"countMessage > 0\">{{ countMessage }}</span>\n\t\t\t\t\t<button :class=\"{ active: chatVisible }\" style=\"margin-top: 4px\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path d=\"M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<span class=\"media-tooltip\" v-text=\"!chatVisible ? $t('open_chat') : $t('close_chat')\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"chat-action-mobile\">\n\t\t\t\t\t<div class=\"menu-list\" :class=\"{ show: chatActionMobile }\">\n\t\t\t\t\t\t<!-- <div class=\"menu-list-option\" @click=\"openMediaPipeFromMobile\" :class=\"{ disabled: isEffectsDisabled }\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" style=\"width: 24px; height: 24px\">\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tfill=\"rgba(85,85,85,.8)\"\n\t\t\t\t\t\t\t\t\td=\"M10.6 9.6L9 15L7.4 9.6L2 8L7.4 6.4L9 1L10.6 6.4L16 8L10.6 9.6M17 14.2L21 12L18.8 16L21 20L17 17.8L13 20L15.2 16L13 12L17 14.2M10 16L8.3 19L10 22L7 20.3L4 22L5.7 19L4 16L7 17.7L10 16\"\n\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<span>{{ $t('video_settings') }}</span>\n\t\t\t\t\t\t</div> -->\n\n\t\t\t\t\t\t<div class=\"menu-list-option\" @click=\"manageRightBox('chat')\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" style=\"width: 22px; height: 22px\">\n\t\t\t\t\t\t\t\t<path fill=\"rgba(85,85,85,.8)\" d=\"M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<span>Chat </span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"menu-list-option\" @click=\"manageRightBox('list')\">\n\t\t\t\t\t\t\t<svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t\t<path fill=\"rgba(85,85,85,.8)\" d=\"M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<span>{{ $t('partecipants') }} </span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<svg class=\"settings\" style=\"width: 22px; height: 22px\" viewBox=\"0 0 24 24\" @click=\"chatActionMobile = !chatActionMobile\">\n\t\t\t\t\t\t<path fill=\"white\" d=\"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n<script>\nimport Vue from 'vue'\nimport i18n from './../../i18n'\nimport { io } from 'socket.io-client'\nimport { EventBus } from '@/event-bus'\nimport { VueChatEmoji } from 'vue-chat-emoji'\nimport dayjs from 'dayjs'\nimport { SelfieSegmentation } from '@mediapipe/selfie_segmentation'\nimport { Camera } from '@mediapipe/camera_utils'\ndayjs.locale(navigator.language || 'it')\n\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst SimpleSignalClient = require('simple-signal-client')\n\nexport default Vue.extend({\n\tname: 'vue-webrtc',\n\tcomponents: { Emoji: VueChatEmoji },\n\tdata() {\n\t\treturn {\n\t\t\ttemporaryAspect: null,\n\t\t\tshowMediaPipe: false,\n\t\t\tbackground: null,\n\t\t\tblur: 0,\n\t\t\tbackgrounds: [\n\t\t\t\t{ image: '/backgrounds/office1.jpg', tooltip: 'Contemporarary open space' },\n\t\t\t\t{ image: '/backgrounds/office2.jpg', tooltip: 'Cozy workplace at home' },\n\t\t\t\t{ image: '/backgrounds/office3.jpg', tooltip: 'Simple office' },\n\t\t\t\t{ image: '/backgrounds/office4.jpg', tooltip: 'Houseplants background' },\n\t\t\t\t{ image: '/backgrounds/office5.jpg', tooltip: 'Creative office' },\n\t\t\t\t{ image: '/backgrounds/office6.jpg', tooltip: 'Modern office' },\n\t\t\t\t{ image: '/backgrounds/office7.jpg', tooltip: 'Medical office' },\n\t\t\t\t{ image: '/backgrounds/office8.jpg', tooltip: 'Modern white office' },\n\t\t\t\t{ image: '/backgrounds/office9.jpg', tooltip: 'Office background' },\n\t\t\t\t{ image: '/backgrounds/office10.jpg', tooltip: 'Office interior' },\n\t\t\t\t{ image: '/backgrounds/office11.jpg', tooltip: 'Office with various plants' },\n\t\t\t\t{ image: '/backgrounds/office12.jpg', tooltip: 'Office room with a white background' }\n\t\t\t],\n\t\t\tmediapipeOn: false,\n\t\t\tchatActionMobile: false,\n\t\t\tshowEmoji: false,\n\t\t\tmeetName: '',\n\t\t\tlocalStream: null,\n\t\t\tsignalClient: null,\n\t\t\tvideoList: [],\n\t\t\tcanvas: null,\n\t\t\tsocket: null,\n\t\t\t// style\n\t\t\tmargin: 10,\n\t\t\tratios: ['4:3', '16:9', '1:1', '1:2'],\n\t\t\taspect: 0,\n\t\t\tdishWidth: 0,\n\t\t\tdishHeight: 0,\n\t\t\tvideoOn: false,\n\t\t\taudioOn: false,\n\t\t\tshareOn: false,\n\t\t\tscreenStream: MediaStream,\n\t\t\tpartecipant: null, // it's me\n\t\t\tchatVisible: false,\n\t\t\tmessages: [],\n\t\t\ttextMessage: '',\n\t\t\tcountMessage: 0,\n\t\t\tnewUser: false,\n\t\t\tpartecipantsVisible: false,\n\t\t\talreadyOpen: false,\n\t\t\trecordOn: false,\n\t\t\trecordedScreen: MediaStream,\n\t\t\tmediaRecorder: null,\n\t\t\ttimestampRecord: null,\n\t\t\tdayjs,\n\t\t\tinterval: null,\n\t\t\tshowPartecipants: false,\n\t\t\timage: null,\n\t\t\tselfieStart: false,\n\t\t\tselfieSegementationsCostructors: [],\n\t\t\tselfieSegementationsImages: [],\n\t\t\tcameras: [],\n\t\t\tshowToast: false,\n\t\t\talertTimeout: null,\n\t\t\ttmpVideoList: []\n\t\t}\n\t},\n\tprops: {\n\t\troomId: {\n\t\t\ttype: String,\n\t\t\tdefault: 'public-room-v2'\n\t\t},\n\t\tsocketURL: {\n\t\t\ttype: String,\n\t\t\t// default: 'https://vue-webrtc-lobby.gcp.cving.com/'\n\t\t\tdefault: 'http://localhost:4001'\n\t\t},\n\t\tcameraHeight: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: 160\n\t\t},\n\t\tautoplay: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tscreenshotFormat: {\n\t\t\ttype: String,\n\t\t\tdefault: 'image/jpeg'\n\t\t},\n\t\tenableLogs: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\tpeerOptions: {\n\t\t\ttype: Object, // NOTE: use these options: https://github.com/feross/simple-peer\n\t\t\tdefault() {\n\t\t\t\treturn {\n\t\t\t\t\tconfig: {\n\t\t\t\t\t\ticeServers: [{\n\t\t\t\t\t\t\turls: ['stun:fr-turn1.xirsys.com']\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tusername: 'k2D5P9ZY7gpG9NEkQbBq3KkPqcQqavRZQ2G4hWRURw0dtPIDgg03davhhigxyW3tAAAAAGMYUQl2dmFsbG9yYW5p',\n\t\t\t\t\t\t\tcredential: 'fcd697da-2e83-11ed-a089-0242ac120004',\n\t\t\t\t\t\t\turls: [\n\t\t\t\t\t\t\t\t'turn:fr-turn1.xirsys.com:80?transport=udp',\n\t\t\t\t\t\t\t\t'turn:fr-turn1.xirsys.com:3478?transport=udp',\n\t\t\t\t\t\t\t\t'turn:fr-turn1.xirsys.com:80?transport=tcp',\n\t\t\t\t\t\t\t\t'turn:fr-turn1.xirsys.com:3478?transport=tcp',\n\t\t\t\t\t\t\t\t'turns:fr-turn1.xirsys.com:443?transport=tcp',\n\t\t\t\t\t\t\t\t'turns:fr-turn1.xirsys.com:5349?transport=tcp'\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t}]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tioOptions: {\n\t\t\ttype: Object, // NOTE: use these options: https://socket.io/docs/v4/client-options/\n\t\t\tdefault() {\n\t\t\t\treturn {\n\t\t\t\t\trejectUnauthorized: false,\n\t\t\t\t\ttransports: ['polling', 'websocket']\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tdeviceId: {\n\t\t\ttype: String,\n\t\t\tdefault: null\n\t\t}\n\t},\n\twatch: {\n\t\tchatVisible() {\n\t\t\tif (this.chatVisible) {\n\t\t\t\tthis.countMessage = 0\n\t\t\t}\n\t\t},\n\t\tvideoList: {\n\t\t\t// Will fire as soon as the component is created\n\t\t\timmediate: true,\n\t\t\tdeep: true,\n\t\t\thandler(videoList) {\n\t\t\t\tif (videoList.length > 0 && videoList.find((v) => v.isRecording && !v.isLocal)) {\n\t\t\t\t\tthis.showToast = true\n\t\t\t\t\tthis.dimensions()\n\t\t\t\t\tthis.alertTimeout = setTimeout(() => {\n\t\t\t\t\t\tthis.dimensions()\n\t\t\t\t\t\tthis.showToast = false\n\t\t\t\t\t}, 5000)\n\t\t\t\t} else this.dimensions()\n\t\t\t}\n\t\t}\n\t},\n\tcomputed: {\n\t\tisEffectsDisabled() {\n\t\t\tconst local = this.videoList.find((f) => f.isLocal)\n\t\t\tif (local) {\n\t\t\t\treturn !local.videoEnabled\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tgetPartecipants() {\n\t\t\tconst string = this.textMessage.slice(1)\n\t\t\tlet filtred = JSON.parse(JSON.stringify(this.videoList))\n\t\t\tif (string !== '') {\n\t\t\t\tfiltred = filtred.filter((f) => !f.isLocal && f.name.toLowerCase().replace(' ', '_').startsWith(string.toLowerCase()))\n\t\t\t} else {\n\t\t\t\tfiltred = filtred.filter((f) => !f.isLocal)\n\t\t\t}\n\t\t\tif (filtred) {\n\t\t\t\tfiltred.forEach((p) => {\n\t\t\t\t\tp.name = p.name.replace(' ', '_')\n\t\t\t\t})\n\t\t\t\treturn filtred\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tgetTop() {\n\t\t\tif (this.getPartecipants) {\n\t\t\t\tlet calc = this.getPartecipants.length * 25\n\t\t\t\tcalc = calc + 28\n\t\t\t\treturn calc >= 135 ? 135 : calc\n\t\t\t}\n\t\t\treturn 0\n\t\t},\n\t\tgetTime() {\n\t\t\treturn this.timestampRecord.format('HH:mm:ss')\n\t\t},\n\t\tgetRecordingName() {\n\t\t\tlet name = ''\n\t\t\tfor (let i = this.videoList.length - 1; i >= 0; i--) {\n\t\t\t\tconst v = this.videoList[i]\n\t\t\t\tif (v.isRecording && !v.isLocal) {\n\t\t\t\t\tname = v.name.charAt(0).toUpperCase() + v.name.slice(1) + ' '\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn name\n\t\t},\n\t\tratio() {\n\t\t\tif (this.aspect !== null) {\n\t\t\t\tconst ratio = this.ratios[this.aspect].split(':')\n\t\t\t\treturn ratio[1] / ratio[0]\n\t\t\t}\n\t\t\treturn 4 / 3\n\t\t},\n\t\tgetVideoStyle() {\n\t\t\tconst m = this.margin + 'px'\n\t\t\tconst w = this.dishWidth + 'px'\n\t\t\tconst h = this.dishWidth * this.ratio + 'px'\n\t\t\treturn {\n\t\t\t\twidth: w,\n\t\t\t\tmargin: m,\n\t\t\t\theight: h\n\t\t\t}\n\t\t},\n\t\tvideoPinned() {\n\t\t\treturn this.videoList.find((f) => f.pinned)\n\t\t},\n\t\tisMobile() {\n\t\t\treturn /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * extract a parameter value from the page url using a given parameter `name`\n\t\t * @param name the parameter name to search for\n\t\t * @returns the value of the parameter\n\t\t */\n\t\tgetUrlParameter(name) {\n\t\t\t// name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]')\n\t\t\tconst regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)')\n\t\t\tconst results = regex.exec(location.search)\n\t\t\treturn results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '))\n\t\t},\n\t\tgetName(item) {\n\t\t\tif (item.name) {\n\t\t\t\tlet name = item.name.split(' ')\n\t\t\t\tname = name[0].substring(0, 1).toUpperCase() + name[1].substring(0, 1).toUpperCase()\n\t\t\t\treturn name\n\t\t\t} else {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t},\n\t\topenMediaPipeFromMobile() {\n\t\t\tif (!this.isEffectsDisabled) {\n\t\t\t\tthis.manageRightBox('background')\n\t\t\t}\n\t\t},\n\t\tmoveUlFocus(e) {\n\t\t\tif ((e.keyCode === 38 || e.keyCode === 40) && this.showPartecipants) {\n\t\t\t\tconst ul = document.getElementById('ul-list-messages')\n\t\t\t\tlet index = null\n\t\t\t\tfor (let i = 0; i < ul.children.length; i++) {\n\t\t\t\t\tconst c = ul.children[i]\n\t\t\t\t\tif (c === document.activeElement) {\n\t\t\t\t\t\tindex = i\n\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (index === null) {\n\t\t\t\t\tindex = e.keyCode === 38 ? 1 : ul.children.length\n\t\t\t\t}\n\t\t\t\tif (e.keyCode === 38) {\n\t\t\t\t\tif (index > 0) {\n\t\t\t\t\t\tul.children[index - 1].focus()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tul.children[ul.childElementCount - 1].focus()\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (index >= ul.childElementCount - 1) {\n\t\t\t\t\t\tul.children[0].focus()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tul.children[index + 1].focus()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tshowSuggestion(e) {\n\t\t\tif (e.type === 'click') {\n\t\t\t\tthis.showPartecipants = true\n\t\t\t}\n\t\t\tthis.showEmoji = false\n\t\t\tconst ul = document.getElementById('ul-list-messages')\n\t\t\tlet li = null\n\t\t\tif (ul) {\n\t\t\t\tli = e.keyCode === 38 || e.type === 'click' ? ul.firstChild : ul.lastChild\n\t\t\t}\n\t\t\tif (li) {\n\t\t\t\tif (e.type === 'click') {\n\t\t\t\t\tul.parentNode.style.left = '-33px'\n\t\t\t\t\tli.focus()\n\t\t\t\t} else {\n\t\t\t\t\tif ((e.keyCode === 38 || e.keyCode === 40) && this.showPartecipants) {\n\t\t\t\t\t\tli.focus()\n\t\t\t\t\t}\n\t\t\t\t\tif (e.target.selectionStart === 1) {\n\t\t\t\t\t\tthis.showPartecipants = true\n\t\t\t\t\t}\n\t\t\t\t\tif (this.textMessage.charAt(0) === '@') {\n\t\t\t\t\t\tconst split = this.textMessage.split(' ')\n\t\t\t\t\t\tif (split.length === 1) {\n\t\t\t\t\t\t\tconst string = this.textMessage.slice(1)\n\t\t\t\t\t\t\tconst found = this.videoList.find((f) => !f.isLocal && f.name.toLowerCase().startsWith(string.toLowerCase()))\n\t\t\t\t\t\t\tif (found.name === string) {\n\t\t\t\t\t\t\t\tthis.showPartecipants = false\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tfound ? (this.showPartecipants = true) : (this.showPartecipants = false)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.showPartecipants = false\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.showPartecipants = false\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tsetSuggestion(name) {\n\t\t\tthis.textMessage = '@' + name.replace(' ', '_') + ' '\n\t\t\tthis.showPartecipants = false\n\t\t\tconst input = document.getElementById('field-chat-messages')\n\t\t\tinput.focus()\n\t\t},\n\t\tstartLocal() {\n\t\t\tconst newVideo = document.createElement('video')\n\t\t\tnewVideo.srcObject = this.localStream\n\t\t\tnewVideo.autoplay = true\n\t\t\tnewVideo.muted = true\n\t\t\tnewVideo.controls = false\n\n\t\t\tlet canvasElement = document.getElementsByClassName('output_canvas_preview')[0]\n\t\t\twhile (!canvasElement) {\n\t\t\t\tcanvasElement = document.getElementsByClassName('output_canvas_preview')[0]\n\t\t\t}\n\t\t\tconst canvasCtx = canvasElement.getContext('2d')\n\n\t\t\tlet selfieSegmentation = new SelfieSegmentation({\n\t\t\t\tlocateFile: (file) => {\n\t\t\t\t\treturn `https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation/${file}`\n\t\t\t\t}\n\t\t\t})\n\t\t\tselfieSegmentation.setOptions({\n\t\t\t\tmodelSelection: 1,\n\t\t\t\tselfieMode: true\n\t\t\t})\n\t\t\tselfieSegmentation.onResults((results) => {\n\t\t\t\tthis.onResults(canvasCtx, canvasElement, results)\n\t\t\t})\n\n\t\t\tthis.cameraMediaPipe = new Camera(newVideo, {\n\t\t\t\tonFrame: async () => {\n\t\t\t\t\tif (this.selfieStart && selfieSegmentation) {\n\t\t\t\t\t\tawait selfieSegmentation.initialize()\n\t\t\t\t\t\tawait selfieSegmentation.send({ image: newVideo })\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (selfieSegmentation) {\n\t\t\t\t\t\t\tselfieSegmentation.close()\n\t\t\t\t\t\t\tselfieSegmentation = null\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\twidth: 1280,\n\t\t\t\theight: 720\n\t\t\t})\n\t\t\tthis.cameraMediaPipe.start()\n\t\t},\n\t\tonResults(canvasCtx, canvasElement, results) {\n\t\t\tcanvasCtx.save()\n\t\t\tcanvasCtx.clearRect(0, 0, canvasElement.width, canvasElement.height)\n\t\t\tcanvasCtx.drawImage(results.segmentationMask, 0, 0, canvasElement.width, canvasElement.height)\n\n\t\t\t// Only overwrite existing pixels.\n\t\t\tcanvasCtx.globalCompositeOperation = 'source-in'\n\t\t\tcanvasCtx.drawImage(results.image, 0, 0, canvasElement.width, canvasElement.height)\n\n\t\t\t// Only overwrite missing pixels.\n\t\t\tcanvasCtx.globalCompositeOperation = 'destination-atop'\n\t\t\tcanvasCtx.filter = 'blur(' + this.blur + 'px)'\n\t\t\t// canvasCtx.filter = 'hue-rotate(90deg)'\n\n\t\t\tif (this.image) {\n\t\t\t\tcanvasCtx.drawImage(this.image, 0, 0, canvasElement.width, canvasElement.height)\n\t\t\t} else {\n\t\t\t\tcanvasCtx.drawImage(results.image, 0, 0, canvasElement.width, canvasElement.height)\n\t\t\t}\n\t\t\tcanvasCtx.restore()\n\t\t},\n\t\tsetImageSrc() {\n\t\t\tthis.image = null\n\t\t\tlet i = null\n\t\t\ti = document.createElement('img')\n\t\t\tif (this.background && this.background.image) {\n\t\t\t\ti.src = this.background.image\n\t\t\t\tthis.image = i\n\t\t\t}\n\t\t},\n\t\tcloseModal() {\n\t\t\tif ((!this.background || this.background.image === '') && (!this.blur || this.blur <= 0)) {\n\t\t\t\tthis.selfieStart = false\n\t\t\t}\n\t\t\tthis.showMediaPipe = false\n\t\t},\n\t\tsaveMediaPipe() {\n\t\t\tconst video = this.videoList.find((v) => v.isLocal)\n\t\t\tif ((this.background && this.background.image !== '') || this.blur > 0) {\n\t\t\t\tthis.mediapipeOn = true\n\t\t\t\tthis.socket.emit('manageMediapipe', {\n\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\tid: video.id,\n\t\t\t\t\tvideoEffects: {\n\t\t\t\t\t\tblur: this.blur,\n\t\t\t\t\t\tsrc: this.background?.image || ''\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.mediapipeOn = false\n\t\t\t\tthis.socket.emit('manageMediapipe', {\n\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\tid: this.localStream.id,\n\t\t\t\t\tvideoEffects: {\n\t\t\t\t\t\tblur: 0,\n\t\t\t\t\t\tsrc: ''\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.showMediaPipe = false\n\t\t\tthis.selfieStart = false\n\t\t},\n\t\tstartMediaPipe(video) {\n\t\t\t/* \t\tif (this.selfieSegementationsCostructors[video.id]) {\n\t\t\t\tthis.selfieSegementationsCostructors[video.id].close()\n\t\t\t\tdelete this.selfieSegementationsCostructors[video.id]\n\t\t\t\tdelete this.selfieSegementationsImages[video.id]\n\t\t\t\tdelete this.cameras[video.id]\n\t\t\t} */\n\t\t\tconst videoElement = document.getElementById(video.id) ? document.getElementById(video.id) : document.getElementById('pinned_' + video.id)\n\t\t\tif (!videoElement) return\n\n\t\t\tvideoElement.width = videoElement.parentNode.offsetWidth\n\t\t\tvideoElement.height = videoElement.parentNode.offsetHeight\n\t\t\tconst canvasElement = document.getElementsByClassName('output_canvas_' + video.id)[0]\n\t\t\tconst canvasCtx = canvasElement.getContext('2d')\n\t\t\tlet i = null\n\t\t\ti = document.createElement('img')\n\t\t\ti.width = videoElement.width\n\t\t\ti.height = videoElement.height\n\t\t\ti.src = video.videoEffects.src\n\n\t\t\tthis.selfieSegementationsImages[video.id] = i\n\t\t\tif (!this.selfieSegementationsCostructors[video.id]) {\n\t\t\t\tthis.selfieSegementationsCostructors[video.id] = new SelfieSegmentation({\n\t\t\t\t\tlocateFile: (file) => {\n\t\t\t\t\t\treturn `https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation/${file}`\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.selfieSegementationsCostructors[video.id].setOptions({\n\t\t\t\tmodelSelection: 1,\n\t\t\t\tselfieMode: true\n\t\t\t})\n\n\t\t\tthis.selfieSegementationsCostructors[video.id].onResults((results) => {\n\t\t\t\tcanvasCtx.save()\n\t\t\t\tcanvasCtx.clearRect(0, 0, canvasElement.width, canvasElement.height)\n\t\t\t\tcanvasCtx.drawImage(results.segmentationMask, 0, 0, canvasElement.width, canvasElement.height)\n\n\t\t\t\t// Only overwrite existing pixels.\n\t\t\t\tcanvasCtx.globalCompositeOperation = 'source-in'\n\t\t\t\tcanvasCtx.drawImage(results.image, 0, 0, canvasElement.width, canvasElement.height)\n\n\t\t\t\t// Only overwrite missing pixels.\n\t\t\t\tcanvasCtx.globalCompositeOperation = 'destination-atop'\n\t\t\t\tcanvasCtx.filter = 'blur(' + video.videoEffects.blur + 'px)'\n\n\t\t\t\tif (video.videoEffects.src) {\n\t\t\t\t\tcanvasCtx.drawImage(i, 0, 0, canvasElement.width, canvasElement.height)\n\t\t\t\t} else {\n\t\t\t\t\tcanvasCtx.drawImage(results.image, 0, 0, canvasElement.width, canvasElement.height)\n\t\t\t\t}\n\n\t\t\t\tcanvasCtx.restore()\n\t\t\t})\n\n\t\t\tconst sendToMediaPipe = async () => {\n\t\t\t\tif (!videoElement) {\n\t\t\t\t\trequestAnimationFrame(sendToMediaPipe)\n\t\t\t\t} else {\n\t\t\t\t\tawait this.selfieSegementationsCostructors[video.id]\n\t\t\t\t\t\t.send({ image: videoElement })\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\trequestAnimationFrame(sendToMediaPipe)\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch((err) => {\n\t\t\t\t\t\t\tconsole.error(err)\n\t\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t\tsendToMediaPipe()\n\t\t},\n\t\ttoggleTimer() {\n\t\t\tthis.interval = setInterval(() => {\n\t\t\t\tif (this.timestampRecord) {\n\t\t\t\t\tthis.timestampRecord = this.timestampRecord.add(1, 'second')\n\t\t\t\t}\n\t\t\t}, 1000)\n\t\t},\n\t\tgetBubbleMinWidth(text) {\n\t\t\tconst canvas = this.getBubbleMinWidth.canvas || (this.getBubbleMinWidth.canvas = document.createElement('canvas'))\n\t\t\tconst context = canvas.getContext('2d')\n\t\t\tconst metrics = context.measureText(text)\n\t\t\tif (metrics.width > 70) {\n\t\t\t\treturn 'min-width:' + metrics.width + 'px!important'\n\t\t\t}\n\t\t},\n\t\taddEmoji(emoji) {\n\t\t\tthis.textMessage += ' ' + emoji.emoji + ' '\n\t\t},\n\t\tmanageRightBox(element) {\n\t\t\tthis.chatActionMobile = false\n\t\t\tthis.showEmoji = false\n\t\t\tif (element === 'chat') {\n\t\t\t\tif (this.partecipantsVisible) {\n\t\t\t\t\tthis.alreadyOpen = true\n\t\t\t\t}\n\t\t\t\tthis.showMediaPipe = false\n\t\t\t\tthis.partecipantsVisible = false\n\t\t\t\tthis.chatVisible = !this.chatVisible\n\t\t\t\tconst myTimeout = setTimeout(() => {\n\t\t\t\t\tconst element = document.getElementById('chat-messages')\n\t\t\t\t\tif (element) {\n\t\t\t\t\t\telement.scrollTop = element.scrollHeight\n\t\t\t\t\t}\n\t\t\t\t\tthis.dimensions()\n\t\t\t\t\tclearTimeout(myTimeout)\n\t\t\t\t}, 405)\n\t\t\t}\n\n\t\t\tif (element === 'list') {\n\t\t\t\tthis.showMediaPipe = false\n\t\t\t\tthis.chatVisible = false\n\t\t\t\tthis.partecipantsVisible = !this.partecipantsVisible\n\t\t\t\tthis.dimensions()\n\t\t\t\tconst myTimeout = setTimeout(() => {\n\t\t\t\t\tthis.dimensions()\n\t\t\t\t\tclearTimeout(myTimeout)\n\t\t\t\t}, 405)\n\t\t\t}\n\t\t\tif (element === 'background') {\n\t\t\t\tthis.chatVisible = false\n\t\t\t\tthis.partecipantsVisible = false\n\t\t\t\tthis.showMediaPipe = !this.showMediaPipe\n\t\t\t\tif (this.showMediaPipe) {\n\t\t\t\t\tthis.selfieStart = true\n\t\t\t\t\tthis.startLocal()\n\t\t\t\t} else {\n\t\t\t\t\tif (Number(this.temporaryAspect) >= 0) {\n\t\t\t\t\t\tthis.aspect = this.temporaryAspect\n\t\t\t\t\t\tthis.temporaryAspect = this.aspect\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.chatVisible || this.partecipantsVisible || this.showMediaPipe) {\n\t\t\t\tthis.margin = 20\n\t\t\t} else {\n\t\t\t\tthis.margin = 10\n\t\t\t}\n\t\t\tthis.dimensions()\n\t\t},\n\t\taddMessage() {\n\t\t\tthis.showEmoji = false\n\t\t\tif (this.textMessage === '') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (this.textMessage.charAt(0) === '@') {\n\t\t\t\tconst split = this.textMessage.trim().split(' ')\n\t\t\t\tif (split.length === 1) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst date = new Date()\n\t\t\tlet hours = date.getHours()\n\t\t\thours = hours >= 10 ? hours : '0' + hours\n\t\t\tlet minutes = date.getMinutes()\n\t\t\tminutes = minutes >= 10 ? minutes : '0' + minutes\n\t\t\tconst request = {\n\t\t\t\tid: this.videoList.find((f) => f.isLocal).id,\n\t\t\t\tname: this.partecipant.partecipantName,\n\t\t\t\ttext: this.textMessage,\n\t\t\t\ttime: hours + ':' + minutes,\n\t\t\t\tkey: this.roomId\n\t\t\t}\n\t\t\tif (this.textMessage.charAt(0) === '@') {\n\t\t\t\trequest.receiver = this.videoList.find((f) => this.textMessage.toUpperCase().includes(f.name.toUpperCase().replace(' ', '_'))).id\n\t\t\t\tconst replacedText = this.textMessage.split(' ').slice(1).join(' ')\n\t\t\t\trequest.text = replacedText\n\t\t\t\tthis.socket.emit('addPrivateMessage', request)\n\t\t\t} else {\n\t\t\t\tthis.socket.emit('addMessage', request)\n\t\t\t}\n\t\t},\n\t\tchangeAspect(index) {\n\t\t\tthis.temporaryAspect = this.aspect\n\t\t\tthis.aspect = index\n\n\t\t\tthis.dimensions()\n\t\t},\n\n\t\tasync toggleVideo() {\n\t\t\tconst video = this.localStream.getTracks().find((track) => track.kind === 'video')\n\n\t\t\tif (video && video.readyState === 'ended') {\n\t\t\t\tconst newStream = await navigator.mediaDevices.getUserMedia({\n\t\t\t\t\tvideo: true,\n\t\t\t\t\taudio: this.audioOn\n\t\t\t\t})\n\t\t\t\tthis.signalClient.peers().forEach((p) => {\n\t\t\t\t\tconst old = this.localStream.getVideoTracks()[0]\n\t\t\t\t\told.enabled = false\n\t\t\t\t\tp.removeTrack(old, this.localStream)\n\t\t\t\t\tp.addTrack(newStream.getVideoTracks()[0], this.localStream)\n\t\t\t\t\t// p.replaceTrack(this.localStream.getVideoTracks()[0], newStream.getVideoTracks()[0], this.localStream)\n\t\t\t\t})\n\t\t\t\tthis.localStream.removeTrack(video)\n\t\t\t\tthis.localStream.addTrack(newStream.getVideoTracks()[0])\n\t\t\t\tthis.toggleVideo()\n\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tif (!this.videoOn) {\n\t\t\t\tvideo.enabled = true\n\t\t\t\tthis.socket.emit('enableVideo', {\n\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\tid: this.localStream.id\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tvideo.enabled = false\n\t\t\t\tthis.socket.emit('disableVideo', {\n\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\tid: this.localStream.id\n\t\t\t\t})\n\t\t\t\tthis.localStream.getVideoTracks().forEach((track) => track.stop())\n\t\t\t}\n\t\t\tthis.videoOn = !this.videoOn\n\t\t},\n\t\ttoggleAudio() {\n\t\t\tconst audio = this.localStream.getTracks().find((track) => track.kind === 'audio')\n\t\t\tif (this.audioOn) {\n\t\t\t\taudio.enabled = false\n\t\t\t\tthis.socket.emit('disableAudio', {\n\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\tid: this.localStream.id\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\taudio.enabled = true\n\t\t\t\tthis.socket.emit('enableAudio', {\n\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\tid: this.localStream.id\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.audioOn = !this.audioOn\n\t\t},\n\n\t\tframeLoop(id, analyser) {\n\t\t\twindow.requestAnimationFrame(() => this.frameLoop(id, analyser))\n\t\t\tconst borderEl = document.getElementsByClassName('video-' + id)[0]\n\t\t\tconst circleEl = document.getElementsByClassName('initials-audio-effect-' + id)[0]\n\t\t\tconst circleElBig = document.getElementsByClassName('initials-audio-effect-big-' + id)[0]\n\t\t\tconst e1 = document.getElementsByClassName('o1_' + id)[0]\n\t\t\tconst e2 = document.getElementsByClassName('o2_' + id)[0]\n\t\t\tconst e3 = document.getElementsByClassName('o3_' + id)[0]\n\n\t\t\tconst e4 = document.getElementsByClassName('o4_' + id)[0]\n\t\t\tconst e5 = document.getElementsByClassName('o5_' + id)[0]\n\t\t\tconst e6 = document.getElementsByClassName('o6_' + id)[0]\n\n\t\t\tconst fbc_array = new Uint8Array(analyser.frequencyBinCount)\n\n\t\t\tanalyser.getByteFrequencyData(fbc_array)\n\n\t\t\tlet o1 = fbc_array[20] / 300\n\t\t\tlet o2 = fbc_array[50] / 200\n\n\t\t\to1 = o1 < 0.5 ? 0.19 : o1 > 1 ? 1 : o1\n\t\t\to2 = o2 < 0.4 ? 0.19 : o2 > 1 ? 1 : o2\n\n\t\t\tconst scale2 = o2 * 5 > 2 ? 2 : o2 * 4.5\n\t\t\tconst scale1 = o1 * 5 > 2 ? 2 : o1 * 5\n\n\t\t\tif (circleElBig) {\n\t\t\t\tcircleElBig.style.transform = 'scale(' + scale2 + ')'\n\t\t\t\tcircleElBig.style.opacity = scale2 > 1 ? 0 : scale2 / 2\n\t\t\t}\n\t\t\tif (circleEl) {\n\t\t\t\tcircleEl.style.transform = 'scale(' + scale1 + ')'\n\t\t\t\tcircleEl.style.opacity = scale1 * 5\n\t\t\t}\n\n\t\t\tif (borderEl) {\n\t\t\t\tconst px = o2 * 5.5\n\t\t\t\tborderEl.style.border = px + 'px solid hsla(210, 65%, 67%,' + o2 * 2 + ')'\n\t\t\t}\n\t\t\tif (e1) {\n\t\t\t\te1.style.height = `${o1 * 100}%`\n\t\t\t}\n\t\t\tif (e3) {\n\t\t\t\te3.style.height = `${o1 * 100}%`\n\t\t\t}\n\t\t\tif (e2) {\n\t\t\t\te2.style.height = `${o2 * 100}%`\n\t\t\t}\n\t\t\tif (e4) {\n\t\t\t\te4.style.height = `${o1 * 100}%`\n\t\t\t}\n\t\t\tif (e5) {\n\t\t\t\te5.style.height = `${o1 * 100}%`\n\t\t\t}\n\t\t\tif (e6) {\n\t\t\t\te6.style.height = `${o2 * 100}%`\n\t\t\t}\n\t\t},\n\n\t\tdimensions() {\n\t\t\tconst dish = document.getElementsByClassName('Dish')[0]\n\t\t\tif (dish) {\n\t\t\t\tconst dimension = {\n\t\t\t\t\twidth: dish.offsetWidth - this.margin * 2,\n\t\t\t\t\theight: dish.offsetHeight - this.margin * 2\n\t\t\t\t}\n\t\t\t\t// loop (i recommend you optimize this)\n\t\t\t\tlet max = 0\n\t\t\t\tfor (let i = 0; i < 5000; i++) {\n\t\t\t\t\tconst area = this.area(i, dimension)\n\t\t\t\t\tif (area === false) {\n\t\t\t\t\t\tmax = i - 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// remove margins\n\t\t\t\tmax = max - this.margin * 2\n\n\t\t\t\tthis.dishWidth = max\n\t\t\t\tthis.dishHeight = dimension.height\n\t\t\t}\n\t\t},\n\t\tarea(increment, dimension) {\n\t\t\tlet w = 0\n\t\t\tlet h = increment * this.ratio + this.margin * 2\n\n\t\t\tfor (let i = 0; i < this.videoList.length; i++) {\n\t\t\t\tif (w + increment > dimension.width) {\n\t\t\t\t\tw = 0\n\t\t\t\t\th = h + increment * this.ratio + this.margin * 2\n\t\t\t\t}\n\t\t\t\tw = w + increment + this.margin * 2\n\t\t\t}\n\n\t\t\tif (h > dimension.height || increment > dimension.width) return false\n\t\t\treturn increment\n\t\t},\n\n\t\texpand(video) {\n\t\t\tconst someVideoAlreadyPinned = this.videoList.find((f) => f.pinned)\n\t\t\tif (someVideoAlreadyPinned) this.unexpand(someVideoAlreadyPinned)\n\n\t\t\tthis.videoList.forEach((v) => {\n\t\t\t\tif (v.id === video.id) {\n\t\t\t\t\tVue.set(v, 'pinned', true)\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tconst element = document.getElementById(v.id)\n\t\t\t\t\t\tif (element) {\n\t\t\t\t\t\t\telement.srcObject = v.stream\n\t\t\t\t\t\t\tthis.dimensions()\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 500)\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\tunexpand(video) {\n\t\t\tthis.videoList.forEach((v) => {\n\t\t\t\tif (v.id === video.id) {\n\t\t\t\t\tVue.set(v, 'pinned', false)\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tdocument.getElementById(v.id).srcObject = v.stream\n\t\t\t\t\t\tthis.dimensions()\n\t\t\t\t\t}, 500)\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\tasync join(partecipant) {\n\t\t\tthis.meetName = partecipant.meetName\n\t\t\tthis.partecipant = partecipant\n\t\t\tEventBus.$emit('meetJoined')\n\n\t\t\tthis.signalClient = new SimpleSignalClient(this.socket)\n\t\t\tconst constraints = {\n\t\t\t\tvideo: true, // partecipant.enableVideo\n\t\t\t\taudio: true\n\t\t\t}\n\t\t\tthis.videoOn = partecipant.enableVideo\n\t\t\tthis.audioOn = partecipant.enableAudio\n\t\t\tthis.mediapipeOn = (partecipant.enableVideo && partecipant.blur > 0) || partecipant.src !== ''\n\t\t\tif (this.deviceId && partecipant.enableVideo) {\n\t\t\t\tconstraints.video = { deviceId: { exact: this.deviceId } }\n\t\t\t}\n\t\t\tthis.localStream = await navigator.mediaDevices.getUserMedia(constraints)\n\n\t\t\tif (!partecipant.enableVideo) this.localStream.getVideoTracks().forEach((track) => track.stop())\n\n\t\t\tawait this.signalClient.discover(this.roomId)\n\n\t\t\tthis.joinedRoom(this.localStream, true)\n\n\t\t\tthis.signalClient.once('discover', (discoveryData) => {\n\t\t\t\tconst connectToPeer = async (peerID) => {\n\t\t\t\t\tif (peerID === this.socket.id) return // it's me\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst test = await this.signalClient.connect(peerID, this.roomId, this.peerOptions)\n\t\t\t\t\t\tthis.videoList.forEach((v) => {\n\t\t\t\t\t\t\tif (v.isLocal) {\n\t\t\t\t\t\t\t\tthis.onPeer(test.peer, v.stream)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tconsole.error('Error connecting to peer', e)\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tdiscoveryData.peers.forEach((peerID) => connectToPeer(peerID))\n\t\t\t})\n\t\t\tthis.signalClient.on('request', async (request) => {\n\t\t\t\tconst { peer } = await request.accept({}, this.peerOptions)\n\t\t\t\tthis.videoList.forEach((v) => {\n\t\t\t\t\tif (v.isLocal) {\n\t\t\t\t\t\tthis.onPeer(peer, v.stream)\n\t\t\t\t\t\t// this.joinedRoom(this.localStream, true)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\n\t\t\tthis.socket.on('disableVideo', (id) => (this.videoList.find((f) => f.id === id).videoEnabled = false))\n\t\t\tthis.socket.on('enableVideo', (id) => (this.videoList.find((f) => f.id === id).videoEnabled = true))\n\t\t\tthis.socket.on('disableAudio', (id) => (this.videoList.find((f) => f.id === id).audioEnabled = false))\n\t\t\tthis.socket.on('enableAudio', (id) => (this.videoList.find((f) => f.id === id).audioEnabled = true))\n\t\t\tthis.socket.on('startRecord', (id) => {\n\t\t\t\tthis.videoList.find((f) => f.id === id).isRecording = true\n\t\t\t\tthis.dimensions()\n\t\t\t})\n\t\t\tthis.socket.on('stopRecord', (id) => {\n\t\t\t\tthis.videoList.find((f) => f.id === id).isRecording = false\n\t\t\t\tconst x = this.videoList.find((f) => f.isRecording)\n\t\t\t\tif (!x) {\n\t\t\t\t\tclearTimeout(this.alertTimeout)\n\t\t\t\t}\n\t\t\t\tthis.dimensions()\n\t\t\t})\n\t\t\tthis.socket.on('manageMediapipe', (obj) => {\n\t\t\t\tconst video = this.videoList.find((f) => f.id === obj.id)\n\t\t\t\tvideo.videoEffects = obj.videoEffects\n\n\t\t\t\tif (video.videoEffects.blur > 0 || video.videoEffects.src !== '') {\n\t\t\t\t\tthis.startMediaPipe(video)\n\t\t\t\t}\n\t\t\t})\n\t\t\tthis.socket.on('stopScreenShare', (obj) => {\n\t\t\t\tconst video = this.videoList.find((f) => f.id === obj)\n\t\t\t\tconst index = this.videoList.indexOf(video)\n\t\t\t\tif (index !== -1) {\n\t\t\t\t\tthis.videoList.splice(index, 1)\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tthis.dimensions()\n\t\t\t\t\t}, 400)\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\tonPeer(peer, localStream) {\n\t\t\tthis.log('onPeer')\n\t\t\tpeer.addStream(localStream)\n\t\t\tpeer.on('stream', (remoteStream) => {\n\t\t\t\tthis.joinedRoom(remoteStream, false)\n\t\t\t\tpeer.on('close', () => {\n\t\t\t\t\tvar newList = []\n\t\t\t\t\tthis.videoList.forEach((item) => {\n\t\t\t\t\t\tif (item.id !== remoteStream.id) {\n\t\t\t\t\t\t\tnewList.push(item)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\tthis.videoList = newList\n\t\t\t\t})\n\t\t\t\tpeer.on('error', (err) => {\n\t\t\t\t\tthis.log('peer error ', err)\n\t\t\t\t})\n\t\t\t})\n\t\t},\n\t\tjoinedRoom(stream, isLocal, isScreenShare) {\n\t\t\tconst found = this.videoList.find((v) => v.id === stream.id)\n\t\t\tif (found === undefined || !found.stream) {\n\t\t\t\tconst video = {\n\t\t\t\t\tid: stream.id, // stream of the current user\n\t\t\t\t\tmuted: isLocal,\n\t\t\t\t\tstream,\n\t\t\t\t\tisLocal,\n\t\t\t\t\tvideoEnabled: isScreenShare || this.partecipant.enableVideo,\n\t\t\t\t\taudioEnabled: isScreenShare ? false : this.partecipant.enableAudio,\n\t\t\t\t\tisScreenShare,\n\t\t\t\t\tisRecording: false,\n\t\t\t\t\tvideoEffects: isScreenShare ? { blur: 0, src: '' } : { blur: this.partecipant.blur, src: this.partecipant.src }\n\t\t\t\t}\n\t\t\t\tconst partecipant = this.tmpVideoList.find((f) => f.id === video.id)\n\t\t\t\tif (partecipant) {\n\t\t\t\t\tvideo.avatarColor = partecipant.avatarColor\n\t\t\t\t\tvideo.videoEnabled = partecipant.videoEnabled\n\t\t\t\t\tvideo.audioEnabled = partecipant.audioEnabled\n\t\t\t\t\tvideo.name = partecipant.name\n\t\t\t\t\tvideo.isScreenShare = partecipant.isScreenShare\n\t\t\t\t\tvideo.isRecording = partecipant.isRecording\n\n\t\t\t\t\tif (partecipant.videoEffects && !partecipant.isScreenShare) {\n\t\t\t\t\t\tvideo.videoEffects = {\n\t\t\t\t\t\t\tblur: partecipant.videoEffects.blur,\n\t\t\t\t\t\t\tsrc: partecipant.videoEffects.src\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvideo.videoEffects = {\n\t\t\t\t\t\t\tblur: 0,\n\t\t\t\t\t\t\tsrc: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tthis.dimensions()\n\n\t\t\t\tthis.videoList.push(video)\n\n\t\t\t\tthis.socket.emit('joined', {\n\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\tid: stream.id,\n\t\t\t\t\tname: this.partecipant.partecipantName,\n\t\t\t\t\tvideoEnabled: isScreenShare || this.partecipant.enableVideo,\n\t\t\t\t\taudioEnabled: isScreenShare ? false : this.partecipant.enableAudio,\n\t\t\t\t\tisScreenShare,\n\t\t\t\t\tisRecording: false,\n\t\t\t\t\tvideoEffects: isScreenShare ? {} : { blur: this.partecipant.blur, src: this.partecipant.src }\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\t// if its me and i'm muted emit socket\n\t\t\t\tif (!this.partecipant.enableAudio && isLocal) {\n\t\t\t\t\tthis.socket.emit('disableAudio', {\n\t\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\t\tid: this.localStream.id\n\t\t\t\t\t})\n\n\t\t\t\t\tthis.localStream.getTracks().find((track) => track.kind === 'audio').enabled = false\n\t\t\t\t\tthis.audioOn = false\n\t\t\t\t}\n\t\t\t\t// if its me and i'm using mediapipe\n\n\t\t\t\tif (!isScreenShare) {\n\t\t\t\t\tconst audioCTX = new AudioContext()\n\t\t\t\t\tconst analyser = audioCTX.createAnalyser()\n\t\t\t\t\tconst source = audioCTX.createMediaStreamSource(stream)\n\t\t\t\t\tsource.connect(analyser)\n\t\t\t\t\tthis.frameLoop(stream.id, analyser)\n\t\t\t\t}\n\t\t\t}, 500)\n\n\t\t\t// animation for people icon\n\t\t\tif (!isLocal) {\n\t\t\t\tthis.newUser = true\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.newUser = false\n\t\t\t\t}, 2000)\n\t\t\t}\n\t\t},\n\t\tleave() {\n\t\t\tthis.videoList.forEach((v) => v.stream.getTracks().forEach((t) => t.stop()))\n\t\t\tthis.videoList = []\n\n\t\t\tthis.signalClient.peers().forEach((peer) => peer.removeAllListeners())\n\t\t\tthis.signalClient.destroy()\n\t\t\tthis.signalClient = null\n\t\t\tthis.socket.destroy()\n\t\t\tthis.socket = null\n\n\t\t\tEventBus.$emit('left-room')\n\n\t\t\tthis.socket = io(this.socketURL, this.ioOptions)\n\t\t\tthis.signalClient = new SimpleSignalClient(this.socket)\n\t\t},\n\t\tcapture() {\n\t\t\treturn this.getCanvas().toDataURL(this.screenshotFormat)\n\t\t},\n\t\tgetCanvas() {\n\t\t\tconst video = this.$refs.videos[0]\n\t\t\tif (video !== null && !this.ctx) {\n\t\t\t\tconst canvas = document.createElement('canvas')\n\t\t\t\tcanvas.height = video.clientHeight\n\t\t\t\tcanvas.width = video.clientWidth\n\t\t\t\tthis.canvas = canvas\n\t\t\t\tthis.ctx = canvas.getContext('2d')\n\t\t\t}\n\t\t\tconst { ctx, canvas } = this\n\t\t\tctx.drawImage(video, 0, 0, canvas.width, canvas.height)\n\t\t\treturn canvas\n\t\t},\n\t\tasync recordVideo() {\n\t\t\tconsole.log('recordVideo', this.mediaRecorder)\n\t\t\tif (this.mediaRecorder) {\n\t\t\t\tthis.socket.emit('stopRecord', { key: this.roomId, id: this.localStream.id })\n\t\t\t\tthis.interval = null\n\t\t\t\tthis.mediaRecorder.stop()\n\t\t\t\tthis.recordOn = false\n\t\t\t\tthis.recordedScreen.getTracks().forEach((track) => track.stop())\n\t\t\t\tthis.recordedScreen = null\n\t\t\t\tthis.mediaRecorder = null\n\t\t\t\tthis.timestampRecord = null\n\t\t\t} else {\n\t\t\t\ttry {\n\t\t\t\t\tthis.recordedScreen = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: false, preferCurrentTab: true })\n\t\t\t\t\tthis.recordedScreen.getVideoTracks()[0].onended = () => {\n\t\t\t\t\t\t// serve per stoppare la registrazione\n\t\t\t\t\t\tthis.recordVideo()\n\t\t\t\t\t}\n\n\t\t\t\t\tlet micNumber = 0\n\t\t\t\t\tawait navigator.mediaDevices\n\t\t\t\t\t\t.enumerateDevices()\n\t\t\t\t\t\t.then((devices) => {\n\t\t\t\t\t\t\tdevices.forEach(function (device) {\n\t\t\t\t\t\t\t\tif (device.kind === 'audioinput') {\n\t\t\t\t\t\t\t\t\tmicNumber++\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\n\t\t\t\t\t\t\tif (micNumber === 0) {\n\t\t\t\t\t\t\t\t//\tno audio inputs present on device/pc\n\t\t\t\t\t\t\t\tthis.onCombinedStreamAvailable(this.recordedScreen)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t//\taudio inputs present, let's get access\n\t\t\t\t\t\t\t\tnavigator.mediaDevices\n\t\t\t\t\t\t\t\t\t.getUserMedia({ audio: true })\n\t\t\t\t\t\t\t\t\t.then(async (micStream) => {\n\t\t\t\t\t\t\t\t\t\t//\tcreate a new stream in which to pack everything together\n\t\t\t\t\t\t\t\t\t\tconst composedStream = new MediaStream()\n\n\t\t\t\t\t\t\t\t\t\t//\tadd the screen video stream\n\t\t\t\t\t\t\t\t\t\tthis.recordedScreen.getVideoTracks().forEach(function (videoTrack) {\n\t\t\t\t\t\t\t\t\t\t\tcomposedStream.addTrack(videoTrack)\n\t\t\t\t\t\t\t\t\t\t})\n\n\t\t\t\t\t\t\t\t\t\t//\tif system audio has been shared\n\t\t\t\t\t\t\t\t\t\tif (this.recordedScreen.getAudioTracks().length > 0) {\n\t\t\t\t\t\t\t\t\t\t\t//\tmerge the system audio with the mic audio\n\t\t\t\t\t\t\t\t\t\t\tconst context = new AudioContext()\n\t\t\t\t\t\t\t\t\t\t\tconst audioDestination = context.createMediaStreamDestination()\n\n\t\t\t\t\t\t\t\t\t\t\tconst systemSource = context.createMediaStreamSource(this.recordedScreen)\n\t\t\t\t\t\t\t\t\t\t\tconst systemGain = context.createGain()\n\t\t\t\t\t\t\t\t\t\t\tsystemGain.gain.value = 1.0\n\t\t\t\t\t\t\t\t\t\t\tsystemSource.connect(systemGain).connect(audioDestination)\n\t\t\t\t\t\t\t\t\t\t\tif (micStream && micStream.getAudioTracks().length > 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tconst micSource = context.createMediaStreamSource(micStream)\n\t\t\t\t\t\t\t\t\t\t\t\tconst micGain = context.createGain()\n\t\t\t\t\t\t\t\t\t\t\t\tmicGain.gain.value = 1.0\n\t\t\t\t\t\t\t\t\t\t\t\tmicSource.connect(micGain).connect(audioDestination)\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\taudioDestination.stream.getAudioTracks().forEach(function (audioTrack) {\n\t\t\t\t\t\t\t\t\t\t\t\tcomposedStream.addTrack(audioTrack)\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t//\tadd just the mic audio\n\t\t\t\t\t\t\t\t\t\t\tmicStream.getAudioTracks().forEach(function (micTrack) {\n\t\t\t\t\t\t\t\t\t\t\t\tcomposedStream.addTrack(micTrack)\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tawait this.onCombinedStreamAvailable(composedStream)\n\t\t\t\t\t\t\t\t\t\tconst chunks = []\n\t\t\t\t\t\t\t\t\t\tlet options = {}\n\t\t\t\t\t\t\t\t\t\tif (typeof MediaRecorder.isTypeSupported === 'function') {\n\t\t\t\t\t\t\t\t\t\t\tif (MediaRecorder.isTypeSupported('video/webm;codecs=vp9')) {\n\t\t\t\t\t\t\t\t\t\t\t\toptions = { mimeType: 'video/webm;codecs=vp9' }\n\t\t\t\t\t\t\t\t\t\t\t} else if (MediaRecorder.isTypeSupported('video/webm;codecs=h264')) {\n\t\t\t\t\t\t\t\t\t\t\t\toptions = { mimeType: 'video/webm;codecs=h264' }\n\t\t\t\t\t\t\t\t\t\t\t} else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp8')) {\n\t\t\t\t\t\t\t\t\t\t\t\toptions = { mimeType: 'video/webm;codecs=vp8' }\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tthis.mediaRecorder = new MediaRecorder(this.recordedScreen, options)\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tthis.mediaRecorder = new MediaRecorder(this.recordedScreen)\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tthis.mediaRecorder.ondataavailable = (e) => {\n\t\t\t\t\t\t\t\t\t\t\tchunks.push(e.data)\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tthis.mediaRecorder.onerror = (e) => {\n\t\t\t\t\t\t\t\t\t\t\tconsole.error('mediaRecorder.onerror: ' + e)\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t/* this.mediaRecorder.onstart = () => {\n\t\t\t\t\t\t\t\t\t\t\tthis.recordedScreen.getTracks().forEach(function (track) {\n\t\t\t\t\t\t\t\t\t\t\t\tif (track.kind === 'audio') {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconsole.log('onstart - Audio track.readyState=' + track.readyState + ', track.muted=' + track.muted)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tif (track.kind === 'video') {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconsole.log('onstart - Video track.readyState=' + track.readyState + ', track.muted=' + track.muted)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t} */\n\n\t\t\t\t\t\t\t\t\t\tthis.mediaRecorder.onstop = () => {\n\t\t\t\t\t\t\t\t\t\t\tconst blob = new Blob(chunks, { type: 'video/webm' })\n\n\t\t\t\t\t\t\t\t\t\t\tconst videoURL = window.URL.createObjectURL(blob)\n\t\t\t\t\t\t\t\t\t\t\tconst link = document.createElement('a')\n\t\t\t\t\t\t\t\t\t\t\tlet today = new Date()\n\t\t\t\t\t\t\t\t\t\t\tconst dd = String(today.getDate()).padStart(2, '0')\n\t\t\t\t\t\t\t\t\t\t\tconst mm = String(today.getMonth() + 1).padStart(2, '0')\n\t\t\t\t\t\t\t\t\t\t\tconst yyyy = today.getFullYear()\n\n\t\t\t\t\t\t\t\t\t\t\ttoday = mm + '-' + dd + '-' + yyyy\n\t\t\t\t\t\t\t\t\t\t\tconst name = this.meetName.replace(' ', '_') + '_' + today + '.webm'\n\n\t\t\t\t\t\t\t\t\t\t\tlink.setAttribute('download', name)\n\t\t\t\t\t\t\t\t\t\t\tlink.setAttribute('name', name)\n\t\t\t\t\t\t\t\t\t\t\tlink.href = videoURL\n\t\t\t\t\t\t\t\t\t\t\tdocument.body.appendChild(link)\n\t\t\t\t\t\t\t\t\t\t\tlink.click()\n\n\t\t\t\t\t\t\t\t\t\t\t/* \t\tdownloadLink.href = videoURL\n\t\t\t\tvideoElement.src = videoURL\n\t\t\t\tdownloadLink.innerHTML = 'Download video file'\n\n\t\t\t\tvar rand = Math.floor(Math.random() * 10000000)\n\t\t\t\tvar name = 'video_' + rand + '.webm'\n\n\t\t\t\tdownloadLink.setAttribute('download', name)\n\t\t\t\tdownloadLink.setAttribute('name', name) */\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tthis.mediaRecorder.onwarning = (e) => {\n\t\t\t\t\t\t\t\t\t\t\tconsole.warn('mediaRecorder.onwarning: ' + e)\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tthis.mediaRecorder.start(10)\n\t\t\t\t\t\t\t\t\t\tthis.recordOn = true\n\n\t\t\t\t\t\t\t\t\t\tthis.recordedScreen.getTracks().forEach(function (track) {\n\t\t\t\t\t\t\t\t\t\t\tconsole.log(track.kind + ':' + JSON.stringify(track.getSettings()))\n\t\t\t\t\t\t\t\t\t\t\tconsole.log(track.getSettings())\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t.catch((err) => {\n\t\t\t\t\t\t\t\t\t\tconsole.error('navigator.getUserMedia error: ' + err)\n\t\t\t\t\t\t\t\t\t\tthis.recordOn = false\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch(function (err) {\n\t\t\t\t\t\t\tconsole.error(err)\n\t\t\t\t\t\t})\n\t\t\t\t} catch (e) {\n\t\t\t\t\tconsole.error(e)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tasync shareScreen() {\n\t\t\tconsole.log('shareScreen')\n\t\t\tif (this.shareOn) {\n\t\t\t\tthis.shareOn = false\n\t\t\t\tthis.screenStream.getTracks().forEach((track) => track.stop())\n\t\t\t\tthis.socket.emit('stopScreenShare', {\n\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\tid: this.screenStream.id\n\t\t\t\t})\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tif (navigator.mediaDevices === undefined) {\n\t\t\t\tthis.log('Error: https is required to load cameras')\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tthis.screenStream = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: false })\n\t\t\t\tthis.joinedRoom(this.screenStream, true, true)\n\t\t\t\tthis.signalClient.peers().forEach((p) => this.onPeer(p, this.screenStream))\n\t\t\t\tthis.shareOn = true\n\n\t\t\t\tthis.screenStream.getVideoTracks()[0].onended = () => {\n\t\t\t\t\tthis.socket.emit('stopScreenShare', {\n\t\t\t\t\t\tkey: this.roomId,\n\t\t\t\t\t\tid: this.screenStream.id\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tthis.log('Media error: ' + JSON.stringify(e))\n\t\t\t}\n\t\t},\n\t\tonCombinedStreamAvailable(stream) {\n\t\t\tthis.recordedScreen = null\n\t\t\tthis.recordedScreen = stream\n\t\t\tthis.timestampRecord = dayjs('1900-01-01 00:00:00')\n\t\t\tthis.toggleTimer()\n\t\t\tthis.socket.emit('startRecord', { key: this.roomId, id: this.localStream.id })\n\t\t},\n\t\tlog(message, data) {\n\t\t\tif (this.enableLogs) {\n\t\t\t\tconsole.log(message)\n\t\t\t\tif (data != null) {\n\t\t\t\t\tconsole.log(data)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tasync mounted() {\n\t\ti18n.locale = this.getUrlParameter('lang') || 'it'\n\n\t\twindow.addEventListener('resize', this.dimensions)\n\t\tthis.socket = io(this.socketURL, this.ioOptions)\n\t\tthis.socket.on('joined', ({ partecipants }) => {\n\t\t\tthis.tmpVideoList = partecipants\n\t\t\tsetTimeout(() => {\n\t\t\t\tvar newList = []\n\t\t\t\tthis.videoList.forEach((item) => {\n\t\t\t\t\tconst partecipant = partecipants.find((p) => p.id === item.id)\n\n\t\t\t\t\tif (partecipant) {\n\t\t\t\t\t\titem.avatarColor = partecipant.avatarColor\n\t\t\t\t\t\titem.videoEnabled = partecipant.videoEnabled\n\t\t\t\t\t\titem.audioEnabled = partecipant.audioEnabled\n\t\t\t\t\t\titem.name = partecipant.name\n\t\t\t\t\t\titem.isScreenShare = partecipant.isScreenShare\n\t\t\t\t\t\titem.isRecording = partecipant.isRecording\n\n\t\t\t\t\t\tif (partecipant.videoEffects) {\n\t\t\t\t\t\t\titem.videoEffects = {\n\t\t\t\t\t\t\t\tblur: partecipant.videoEffects.blur,\n\t\t\t\t\t\t\t\tsrc: partecipant.videoEffects.src\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\titem.videoEffects = {\n\t\t\t\t\t\t\t\tblur: 0,\n\t\t\t\t\t\t\t\tsrc: ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tnewList.push(item)\n\t\t\t\t\t}\n\n\t\t\t\t\tif (item.isLocal && (item.videoEffects.blur > 0 || item.videoEffects.src !== '')) {\n\t\t\t\t\t\tthis.blur = item.videoEffects.blur\n\t\t\t\t\t\tthis.background = {\n\t\t\t\t\t\t\ttooltip: '',\n\t\t\t\t\t\t\timage: item.videoEffects.src\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// this.saveMediaPipe()\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t\tthis.videoList = newList\n\n\t\t\t\tthis.videoList.forEach((item) => {\n\t\t\t\t\tif (!item.isScreenShare && (item.videoEffects.blur > 0 || item.videoEffects.src !== '')) {\n\t\t\t\t\t\tthis.startMediaPipe(item)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tif (this.videoList.length > 2) {\n\t\t\t\t\t// Pinno il video se è uno screen share ed è l'ultimo ad essere stato aggiunto\n\n\t\t\t\t\tconst last = this.videoList[this.videoList.length - 1]\n\t\t\t\t\tif (last && last.isScreenShare) {\n\t\t\t\t\t\tthis.expand(last)\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis.dimensions()\n\t\t\t}, 1000)\n\t\t})\n\t\tthis.socket.on('newMessage', (message) => {\n\t\t\tconst element = document.getElementById('chat-messages')\n\n\t\t\tthis.messages.push({ message: message, private: false })\n\t\t\tif (!this.chatVisible) {\n\t\t\t\tthis.countMessage++\n\t\t\t} else {\n\t\t\t\tthis.countMessage = 0\n\t\t\t}\n\n\t\t\tconst myTimeout = setTimeout(() => {\n\t\t\t\telement.scrollTop = element.scrollHeight\n\t\t\t\tthis.textMessage = ''\n\t\t\t\tclearTimeout(myTimeout)\n\t\t\t}, 500)\n\t\t})\n\n\t\tthis.socket.on('newPrivateMessage', (message) => {\n\t\t\tconst element = document.getElementById('chat-messages')\n\n\t\t\tthis.messages.push({ message: message, private: true })\n\t\t\tif (!this.chatVisible) {\n\t\t\t\tthis.countMessage++\n\t\t\t} else {\n\t\t\t\tthis.countMessage = 0\n\t\t\t}\n\n\t\t\tconst myTimeout = setTimeout(() => {\n\t\t\t\tif (element) {\n\t\t\t\t\telement.scrollTop = element.scrollHeight\n\t\t\t\t\tthis.textMessage = ''\n\t\t\t\t\tclearTimeout(myTimeout)\n\t\t\t\t}\n\t\t\t}, 500)\n\t\t})\n\t},\n\tunmounted() {\n\t\twindow.removeEventListener('resize', this.dimensions)\n\t}\n})\n</script>\n<style lang=\"scss\">\nbody {\n\toverflow: hidden;\n}\n\n@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,400;0,700;1,100;1,300;1,400&display=swap');\n\n* {\n\tfont-family: 'Lato', sans-serif;\n}\n\n.Container {\n\tbackground: #011935;\n\tbackground: radial-gradient(circle at 50% 100%, #1e4a7c, #0c2343);\n\twidth: 100%;\n\theight: 100%;\n\t-webkit-transform: translateZ(0);\n\tbox-sizing: border-box;\n}\n\n@keyframes slidein {\n\tfrom {\n\t\twidth: 0%;\n\t}\n\n\tto {\n\t\twidth: 100%;\n\t\tmin-width: 360px;\n\t}\n}\n\n.RightBox {\n\theight: calc(100% - 15px);\n\tdisplay: flex;\n\talign-content: center;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: center;\n\tvertical-align: middle;\n\tflex: 0;\n\tborder-radius: 15px;\n\toverflow: hidden;\n\ttransition: all 0.4s ease-out;\n\toverflow: hidden;\n\n\t&.open {\n\t\tborder: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\tborder-radius: 10px;\n\t\tflex: 0 0 30%;\n\t\ttransition: all 0.4s ease-out 0.1s;\n\t}\n\n\t.chat-container {\n\t\tbox-shadow: 0 3px 6px rgba(255, 255, 255, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\t\t// background: #1a2f49;\n\t\tbackground: #0c1e3d;\n\t\toverflow: hidden;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-content: center;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tvertical-align: middle;\n\t\tflex: 1;\n\n\t\t.chat-header {\n\t\t\twidth: 100%;\n\t\t\theight: 40px;\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tborder-bottom: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\tcolor: white;\n\t\t\tbackground: rgba(116, 171, 226, 0.15);\n\n\t\t\tspan,\n\t\t\tsvg {\n\t\t\t\tpadding: 0 10px;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\tsvg path {\n\t\t\t\tfill: white;\n\t\t\t}\n\t\t}\n\n\t\t.chat-messages {\n\t\t\twidth: 100%;\n\t\t\tflex-direction: column;\n\t\t\tdisplay: flex;\n\t\t\tflex: 1;\n\t\t\toverflow-y: auto;\n\n\t\t\t.chat-messages-info {\n\t\t\t\tline-height: 1rem;\n\t\t\t\tmargin: 0.75rem;\n\t\t\t\tpadding: 0.75rem;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tletter-spacing: 0.025em;\n\t\t\t\tbackground: white;\n\t\t\t\tcolor: #011730;\n\t\t\t\ttransform: scale(0);\n\t\t\t\topacity: 0;\n\n\t\t\t\t&.hide {\n\t\t\t\t\ttransform: scale(0);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t&.show {\n\t\t\t\t\tanimation: showInfo 0.6s forwards;\n\t\t\t\t\tanimation-delay: 0.55s;\n\t\t\t\t}\n\n\t\t\t\t&.alreadyOpen {\n\t\t\t\t\ttransform: scale(1);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.left-msg .private-badge {\n\t\t\t\tright: -14px;\n\t\t\t\ttop: -10.5px;\n\t\t\t}\n\n\t\t\t.right-msg .private-badge {\n\t\t\t\tleft: -12.5px;\n\t\t\t\ttop: -7.5px;\n\t\t\t}\n\n\t\t\t.private-badge {\n\t\t\t\tposition: absolute;\n\t\t\t\tborder: 1.5px solid #0b1e3d;\n\t\t\t\tbackground: #ff004f;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 15px !important;\n\t\t\t\t\theight: 15px !important;\n\n\t\t\t\t\tpath {\n\t\t\t\t\t\tfill: white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.msg {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin-bottom: 30px;\n\n\t\t\t\t&:first-of-type {\n\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.msg-bubble {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tposition: relative;\n\t\t\t\tmax-width: 70%;\n\t\t\t\tmin-width: 115px;\n\t\t\t\tborder-radius: 15px;\n\t\t\t\tbackground: rgb(125, 184, 243);\n\t\t\t\tcolor: #011730;\n\t\t\t\tanimation: show 0.4s ease-out;\n\t\t\t}\n\n\t\t\t.private-msg.right-msg .msg-bubble {\n\t\t\t\tborder-top-left-radius: 0px;\n\t\t\t}\n\n\t\t\t.private-msg.left-msg .msg-bubble {\n\t\t\t\tborder-top-right-radius: 0px;\n\t\t\t}\n\n\t\t\t.msg-text {\n\t\t\t\tword-break: break-word;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 0 10px 5px 20px;\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\n\t\t\t.msg.right-msg .msg-info {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t\toverflow: hidden;\n\t\t\t\tcolor: #011730;\n\t\t\t}\n\n\t\t\t.msg.right-msg .msg-text {\n\t\t\t\tcolor: #011730;\n\t\t\t}\n\n\t\t\t.left-msg .msg-bubble {\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t}\n\n\t\t\t.left-msg {\n\t\t\t\tmargin-left: 15px;\n\t\t\t}\n\n\t\t\t.right-msg {\n\t\t\t\tmargin-right: 15px;\n\t\t\t\tflex-direction: row-reverse;\n\t\t\t}\n\n\t\t\t.right-msg .msg-bubble {\n\t\t\t\tbackground: #bad7ff;\n\t\t\t\tcolor: #011730;\n\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t}\n\n\t\t\t.right-msg .msg-img {\n\t\t\t\tmargin: 0 0 0 10px;\n\t\t\t}\n\n\t\t\t.private-msg .msg-bubble {\n\t\t\t\tcolor: #011730;\n\t\t\t\t// background: #ff004f !important;\n\t\t\t}\n\n\t\t\t.msg-container {\n\t\t\t\twidth: 100%;\n\t\t\t\tflex-direction: column;\n\t\t\t\tpadding: 2px 10px 5px 10px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\n\t\t\t\t.msg-info {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tpadding: 2px 10px 5px 10px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t.msg-info-name {\n\t\t\t\t\t\ttext-transform: capitalize;\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\twidth: calc(100% - 40px);\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t}\n\n\t\t\t\t\t.msg-info-time {\n\t\t\t\t\t\tfont-size: 0.85em;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.chat-input {\n\t\t\tbackground: rgba(116, 171, 226, 0.15);\n\t\t\tposition: relative;\n\t\t\tborder-top: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\theight: 60px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100%;\n\n\t\t\t.suggestion {\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tposition: absolute;\n\t\t\t\tbackdrop-filter: blur(5px);\n\t\t\t\tleft: 12px;\n\t\t\t\tborder: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\t\tanimation: show 0.4s ease;\n\n\t\t\t\tdiv:first-child {\n\t\t\t\t\tbackground: #1495de;\n\t\t\t\t\tpadding: 5px 8px 5px 8px;\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\n\t\t\t\tul {\n\t\t\t\t\tbackground: white;\n\t\t\t\t\tmin-width: 150px;\n\t\t\t\t\tlist-style: none;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tmax-height: 110px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\toverflow-y: auto;\n\n\t\t\t\t\tli {\n\t\t\t\t\t\tpadding: 5px 8px;\n\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\tbackground: hsla(210, 65%, 67%, 0.55);\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\toutline: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tinput.chat {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 35px !important;\n\t\t\t\tmax-height: 35px !important;\n\t\t\t\tborder-top-left-radius: 5px;\n\t\t\t\tborder-bottom-left-radius: 5px;\n\t\t\t\ttext-indent: 10px;\n\t\t\t\tborder: 0;\n\t\t\t\tpadding: 0;\n\n\t\t\t\t&:focus,\n\t\t\t\t&:focus-visible {\n\t\t\t\t\toutline: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbutton.send {\n\t\t\t\tborder: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\theight: 36px;\n\t\t\t\tborder-top-right-radius: 5px;\n\t\t\t\tborder-bottom-right-radius: 5px;\n\t\t\t\tbackground: rgba(0, 174, 255, 1);\n\t\t\t\tcolor: white;\n\t\t\t\tpadding: 5px 10px;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: rgba(0, 174, 255, 0.8);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.emoji-wrapper {\n\t\t\t\tanimation: show 0.4s ease-out;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 50px;\n\t\t\t\tleft: 5px;\n\t\t\t\twidth: calc(100% - 10px);\n\t\t\t\tborder-radius: 10px;\n\n\t\t\t\t.composer-emoji-popover {\n\t\t\t\t\theight: 200px !important;\n\t\t\t\t\twidth: 100% !important;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tbackground: white !important;\n\t\t\t\t\tbox-shadow: 0 3px 6px rgba(34, 29, 29, 0.56), 0 3px 6px rgba(0, 0, 0, 0.53);\n\n\t\t\t\t\t//background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(204, 209, 215, 1) 100%);\n\t\t\t\t\tinput,\n\t\t\t\t\tinput:focus,\n\t\t\t\t\tinput:focus-visible {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t.emoji-picker-group {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-wrap: wrap;\n\n\t\t\t\t\t\t.emoji-picker-emoji {\n\t\t\t\t\t\t\tmargin: 5px 8px;\n\t\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\tmin-width: 20px;\n\t\t\t\t\t\t\tmax-width: 20px;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tcursor: pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.composer-popover-body-container {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t}\n\n\t\t\t\t\t.composer-popover-body {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\t\tpadding: 5px 10px;\n\t\t\t\t\t\tmax-height: calc(200px - 48px);\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t.emoji-category-group {\n\t\t\t\t\t\torder: -1;\n\t\t\t\t\t\tbackground: #1b3456;\n\t\t\t\t\t}\n\n\t\t\t\t\t.tone-category-group {\n\t\t\t\t\t\tbackground: #1b3456;\n\t\t\t\t\t}\n\n\t\t\t\t\t.tone-category-group,\n\t\t\t\t\t.emoji-category-group {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tpadding: 5px 10px;\n\n\t\t\t\t\t\t.tone-category,\n\t\t\t\t\t\t.category {\n\t\t\t\t\t\t\tfilter: grayscale(70%);\n\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\theight: 25px;\n\t\t\t\t\t\t\twidth: 25px;\n\t\t\t\t\t\t\tmargin: 0px 5.5px;\n\t\t\t\t\t\t\tmin-width: 25px;\n\t\t\t\t\t\t\tmax-width: 25px;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\talign-content: center;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.category:hover {\n\t\t\t\t\t\t\tfilter: grayscale(0%);\n\t\t\t\t\t\t\tbackground: #3280d3;\n\t\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.tone-category:hover {\n\t\t\t\t\t\t\tfilter: grayscale(0%);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.category span,\n\t\t\t\t\t\t.tone-category span {\n\t\t\t\t\t\t\tfont-size: 20px !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.tone-category.active,\n\t\t\t\t\t\t.category.active {\n\t\t\t\t\t\t\tfilter: grayscale(0%);\n\t\t\t\t\t\t\tborder-bottom: 2px solid #3280d3;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.tone-category-group+.composer-popover-body {\n\t\t\t\t\t\tmax-height: calc(200px - 48px - 30px);\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.chat-tooltip {\n\t\t\tz-index: -1;\n\t\t\tposition: absolute;\n\t\t\tbackground: #0080d3;\n\t\t\tborder: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\tcolor: white;\n\t\t\tpadding: 5px 15px;\n\t\t\tborder-radius: 3px;\n\t\t\tfont-size: 12px;\n\t\t\ttop: 0px;\n\t\t\topacity: 0;\n\t\t\twidth: max-content;\n\t\t}\n\n\t\t.chat-tooltip.emojy {\n\t\t\tleft: -300% !important;\n\t\t}\n\n\t\t.chat-button-wrapper {\n\t\t\tpadding: 0;\n\t\t\tmargin: 0 10px 0px 6px;\n\t\t\twidth: fit-content;\n\t\t\tposition: relative;\n\n\t\t\t&:first-child {\n\t\t\t\tmargin: 0 6px 0px 10px;\n\t\t\t}\n\n\t\t\t&:not(.disabled) {\n\t\t\t\t&:hover {\n\t\t\t\t\t.chat-tooltip {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\ttop: -35px;\n\t\t\t\t\t\tbackground: #0080d3;\n\t\t\t\t\t\tanimation: show 0.7s ease;\n\t\t\t\t\t\ttransition: all 0.4s ease;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.chat-button {\n\t\t\t\tmargin: 0;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\twidth: 28px;\n\t\t\t\theight: 28px;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground: transparent;\n\t\t\t\tjustify-content: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tcolor: white;\n\t\t\t\t-webkit-backdrop-filter: blur(50px);\n\t\t\t\tbackdrop-filter: blur(50px);\n\t\t\t\tcursor: pointer;\n\n\t\t\t\tsvg {\n\t\t\t\t\tmin-width: 20px;\n\t\t\t\t\tmin-height: 20px;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: rgba(116, 171, 226, 0.55);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.disabled .chat-button {\n\t\t\t\topacity: 0.7;\n\t\t\t\tbackground: transparent;\n\n\t\t\t\t.chat-tooltip {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.partecipants-container {\n\t\tbox-shadow: 0 3px 6px rgba(255, 255, 255, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\t\tbackground: #0c1e3d;\n\t\toverflow: hidden;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-content: center;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tvertical-align: middle;\n\t\tflex: 1;\n\t\tborder-radius: 10px;\n\n\t\t.partecipants-header {\n\t\t\tbackground: rgba(116, 171, 226, 0.15);\n\t\t\twidth: 100%;\n\t\t\theight: 40px;\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tborder-bottom: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\tcolor: white;\n\n\t\t\tspan,\n\t\t\tsvg {\n\t\t\t\tcursor: pointer;\n\t\t\t\tpadding: 0 10px;\n\t\t\t}\n\n\t\t\tsvg path {\n\t\t\t\tfill: white;\n\t\t\t}\n\t\t}\n\n\t\t.partecipants-list {\n\t\t\twidth: 100%;\n\t\t\tflex-direction: column;\n\t\t\tdisplay: flex;\n\t\t\tflex: 1;\n\t\t\toverflow-y: auto;\n\t\t\tpadding: 0.55rem 0.75rem;\n\n\t\t\t.partecipants-info .badge-container svg {\n\t\t\t\twidth: 25px !important;\n\t\t\t\theight: auto !important;\n\t\t\t}\n\n\t\t\t.partecipants-info {\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: 0.25rem 0.75rem;\n\t\t\t\talign-items: center;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tcolor: white;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tmargin: 0 12px 8px 0;\n\t\t\t\topacity: 0;\n\t\t\t\ttransform: scale(0);\n\t\t\t\ttransition: all 0.2s ease-out;\n\t\t\t\ttransition-delay: 0s;\n\n\t\t\t\t&.show {\n\t\t\t\t\ttransform: scale(1);\n\t\t\t\t\topacity: 1;\n\t\t\t\t\ttransition: all 0.4s ease-out;\n\t\t\t\t\ttransition-delay: 0.2s;\n\t\t\t\t}\n\n\t\t\t\tdiv.name,\n\t\t\t\tdiv.pinned,\n\t\t\t\tdiv.audio,\n\t\t\t\tdiv.recording {\n\t\t\t\t\tmin-width: 40px;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\tdiv {\n\t\t\t\t\t&.pinned {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.name {\n\t\t\t\t\t\tpadding: 0 10px;\n\t\t\t\t\t\tmax-width: 200px;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\twidth: 60%;\n\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.recording {\n\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.audio {\n\t\t\t\t\t\tz-index: 12;\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t\t\tjustify-content: flex-end;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tspan svg {\n\t\t\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\t\t\tmargin-right: 3px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.badge {\n\t\t\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.badge {\n\t\t\t\t\t\tbackground: #3280d3;\n\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\twidth: 25px;\n\t\t\t\t\t\theight: 25px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tborder-radius: 50%;\n\n\t\t\t\t\t\t[class^='o4_'],\n\t\t\t\t\t\t[class^='o5_'],\n\t\t\t\t\t\t[class^='o6_'] {\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\theight: 19%;\n\t\t\t\t\t\t\twidth: 4px;\n\t\t\t\t\t\t\tbackground: white;\n\t\t\t\t\t\t\tmargin: 1.5px;\n\t\t\t\t\t\t\tborder-radius: 200px;\n\t\t\t\t\t\t\ttransition: all linear 0.1s;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.background-container {\n\t\tbox-shadow: 0 3px 6px rgba(255, 255, 255, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\t\tbackground: #0c1e3d;\n\t\toverflow: hidden;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-content: center;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tvertical-align: middle;\n\t\tflex: 1;\n\t\tborder-radius: 10px;\n\t\tcolor: white;\n\t\tmin-width: 300px;\n\n\t\t.canvas-container {\n\t\t\tmin-width: 260px;\n\t\t\twidth: calc(100% - 25px);\n\t\t\taspect-ratio: 4/3;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\theight: 100%;\n\t\t\tposition: relative;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t\tborder: 1px solid hsla(210, 65%, 67%, 1);\n\t\t\tmargin-top: 10px;\n\n\t\t\t.output_canvas_preview_none {\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t\tbackground: #0b1e3d;\n\t\t\t}\n\n\t\t\tcanvas {\n\t\t\t\tobject-fit: fill;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.scroller-container {\n\t\t\tmin-width: 300px;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\toverflow-y: auto;\n\t\t\tpadding-bottom: 30px;\n\n\t\t\t.background-title {\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: 20px 12px 15px 12px;\n\t\t\t}\n\t\t}\n\n\t\t.background-header {\n\t\t\tmin-height: 40px;\n\t\t\tbackground: rgba(116, 171, 226, 0.15);\n\t\t\twidth: 100%;\n\t\t\theight: 40px;\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tborder-bottom: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\tcolor: white;\n\n\t\t\tspan,\n\t\t\tsvg {\n\t\t\t\tcursor: pointer;\n\t\t\t\tpadding: 0 10px;\n\t\t\t}\n\n\t\t\tsvg path {\n\t\t\t\tfill: white;\n\t\t\t}\n\t\t}\n\n\t\t.video-rateos {\n\t\t\tdisplay: flex;\n\t\t\talign-content: center;\n\t\t\talign-items: center;\n\t\t\twidth: 100%;\n\n\t\t\tmargin-top: 10px;\n\n\t\t\tspan {\n\t\t\t\tmin-width: max-content;\n\t\t\t}\n\n\t\t\t.video-rateos-options {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\n\t\t\t\tbutton.aspect {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tborder-radius: 3px;\n\t\t\t\t\tfont-size: 0.75rem;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\twidth: 10vh;\n\t\t\t\t\theight: 6vh;\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tborder: 1.5px solid rgba(128, 128, 128, 0.85);\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\topacity: 0.5;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.selected {\n\t\t\t\t\t\tborder: 1.5px solid rgba(116, 171, 226, 1);\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.opt-container {\n\t\t\tmargin-top: -20px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.blur {\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tdisplay: flex;\n\n\t\t\t.blur-choice {\n\t\t\t\tmargin: 3px;\n\t\t\t\tposition: relative;\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: visible;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tborder: 1.5px solid rgba(128, 128, 128, 0.85);\n\t\t\t\twidth: 10vh;\n\t\t\t\theight: 6vh;\n\t\t\t\tborder-radius: 5px;\n\n\t\t\t\tsvg {\n\t\t\t\t\topacity: 0.55;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(2) {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\topacity: 0.55;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(3) {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\topacity: 0.65;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(4) {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\topacity: 0.75;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.selected {\n\t\t\t\t\tborder: 1.5px solid rgba(116, 171, 226, 1);\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.backgrounds-container-items {\n\t\t\tvisibility: hidden;\n\t\t\tpadding-top: 20px;\n\t\t\tmin-width: 300px;\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: center;\n\n\t\t\t&.open {\n\t\t\t\tvisibility: visible;\n\t\t\t\ttransition: all 1s ease 1s;\n\t\t\t}\n\n\t\t\t.background-choice {\n\t\t\t\tmax-width: calc(25% - 9px);\n\t\t\t\tmargin: 3px;\n\t\t\t\tposition: relative;\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: visible;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tborder: 1.5px solid rgba(128, 128, 128, 0.85);\n\t\t\t\twidth: 10vh;\n\t\t\t\theight: 6vh;\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tbackground-repeat: no-repeat !important;\n\t\t\t\tbackground-size: cover !important;\n\n\t\t\t\t&.selected {\n\t\t\t\t\tborder: 2.5px solid #0080d3;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdiv.background-footer {\n\t\t\tborder-top: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\theight: 55px;\n\t\t\tmin-height: 55px;\n\t\t\tmax-height: 55px;\n\t\t\twidth: 100%;\n\t\t\tflex: 1;\n\t\t\tbackground: rgba(116, 171, 226, 0.15);\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\n\t\t\tbutton {\n\t\t\t\tmargin-right: 10px;\n\t\t\t\toutline: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground: #0080d3;\n\t\t\t\tcolor: white;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\tcursor: pointer;\n\t\t\t\theight: 35px;\n\t\t\t\tline-height: 35px;\n\t\t\t\tpadding: 0 1.5rem;\n\t\t\t\tcolor: white;\n\t\t\t\tfont-size: 14px;\n\t\t\t\ttext-align: center;\n\t\t\t\tvertical-align: middle;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toutline: none;\n\t\t\t\tborder: none;\n\t\t\t\t-webkit-user-select: none;\n\t\t\t\t-moz-user-select: none;\n\t\t\t\t-ms-user-select: none;\n\t\t\t\tuser-select: none;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\ttransition: all 0.3s ease-out;\n\t\t\t\tbox-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);\n\t\t\t}\n\t\t}\n\n\t\t.bg-tooltip {\n\t\t\topacity: 0 !important;\n\t\t\tposition: absolute;\n\t\t\ttop: 0px;\n\t\t\tleft: -7px;\n\t\t\tright: 0;\n\t\t}\n\n\t\t.background-choice:hover,\n\t\t.blur-choice:hover {\n\t\t\t.bg-tooltip {\n\t\t\t\topacity: 1 !important;\n\t\t\t\tz-index: 1;\n\t\t\t\ttop: -20px;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tmin-width: max-content;\n\t\t\t\tpadding: 3px 6px;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\ttext-align: center;\n\t\t\t\tcolor: white;\n\t\t\t\tbackground: #0080d3;\n\t\t\t\ttransition: all 0.3 ease;\n\t\t\t\tanimation: show 0.5s ease;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.Scenary {\n\twidth: 100%;\n\tmax-width: inherit;\n\tposition: fixed;\n\ttop: 0;\n\tbottom: 0px;\n\tleft: 0;\n\tright: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\t//padding: 10px 20px;\n\tgap: 5px;\n\t// background-image: radial-gradient(circle at 50% 100%, rgb(1, 92, 153), rgb(2, 36, 69));\n\toverflow: hidden;\n}\n\n.MeetLogo {\n\theight: 35px;\n\tpadding-left: 20px;\n\tpadding-top: 10px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding-right: 20px;\n}\n\n.ScreenSharingOn {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\ttransition: all 0.4s ease-out;\n\tmin-height: 40px;\n\tmax-height: 40px;\n\tposition: relative;\n\n\t.ScreenSharingOn-container {\n\t\tcursor: pointer;\n\t\tanimation: show 0.4s ease-out;\n\t\tposition: absolute;\n\t\tborder-radius: 10px;\n\t\ttop: 3px;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbox-shadow: var(--shadow-dark);\n\t\ttransition: all 0.4s ease-out;\n\t\tborder: 1.5px solid hsla(210, 65%, 67%, 0.55);\n\t\tbackground: #0c1e3d;\n\t\tcolor: white;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\talign-content: center;\n\t\tjustify-content: space-between;\n\t\theight: 35px;\n\t\twidth: calc(100% - 3px);\n\n\t\tspan {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\talign-content: center;\n\t\t\tpadding: 0 10px 0 20px;\n\t\t}\n\n\t\tbutton {\n\t\t\tbackground: #3280d3;\n\t\t\tcolor: white;\n\t\t\tborder: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\tpadding: 3px 10px;\n\t\t\tborder-radius: 5px;\n\t\t}\n\t}\n}\n\n.PinnedContainer {\n\toverflow: hidden;\n\tposition: relative;\n\twidth: calc(100% - 3px);\n\theight: calc(100% - 3px);\n\tbackground: #1a2f49;\n\tborder: 1.5px solid hsla(210, 65%, 67%, 0.55);\n\tborder-radius: 15px;\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.ScreenSharingOn+.PinnedContainer {\n\theight: calc(100% - 60px);\n}\n\n/* Container of Screen and Dish */\n.Recording {\n\tdisplay: flex;\n\tborder-radius: 10px;\n\theight: 0px;\n\tmax-width: 100%;\n\talign-items: flex-end;\n\n\t&.--on {\n\t\theight: 50px;\n\t\tanimation: show 0.4s ease;\n\n\t\tspan.alert-text {\n\t\t\topacity: 1;\n\t\t\ttransition: all 1s ease;\n\t\t}\n\t}\n\n\t.recording-alert-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t//background: hsla(210, 65%, 67%, 0.59);\n\t\tbackground: #0c1e3d;\n\t\t// border-bottom: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t// border-top: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\twidth: 100%;\n\t\theight: 35px;\n\t\toverflow: hidden;\n\t\tcolor: rgb(223, 84, 84);\n\n\t\t.record-icon {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tbackground: rgba(255, 82, 82, 0.2);\n\t\t\twidth: 35px;\n\t\t\theight: 35px;\n\t\t\tborder-radius: 50%;\n\t\t\tmargin-right: 10px;\n\t\t\tmargin-left: 0px;\n\n\t\t\tsvg {\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tanimation: pulse-red 2s infinite;\n\t\t\t\tfill: #f14c49;\n\t\t\t}\n\t\t}\n\n\t\tspan.alert-tooltip {\n\t\t\tdisplay: none;\n\t\t\tposition: absolute;\n\t\t}\n\t}\n\n\t&.--on.--on-right {\n\t\t.recording-alert-wrapper {\n\t\t\tbackground: transparent;\n\t\t\ttransition: all 1.5s ease;\n\t\t\tposition: relative;\n\t\t\tborder: 0;\n\n\t\t\t.record-icon {\n\t\t\t\tmargin-left: 94.2%;\n\t\t\t\ttransition: all 1.8s ease;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.record-icon:hover+.alert-text+.alert-tooltip {\n\t\t\t\tdisplay: block;\n\t\t\t\topacity: 1;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 75px;\n\t\t\t\tbackground: #0080d3;\n\t\t\t\tborder: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\t\tcolor: white;\n\t\t\t\tpadding: 5px 15px;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\tanimation: show 0.5s ease;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t\tspan.alert-text {\n\t\t\t\twidth: 0;\n\t\t\t\topacity: 0;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\ttransition: opacity 1.3 ease, width 2.5s ease;\n\t\t\t\ttransition-delay: 0s, 2s;\n\t\t\t}\n\n\t\t\tspan.alert-tooltip {\n\t\t\t\tdisplay: block;\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.Conference {\n\tdisplay: flex;\n\tflex: 1;\n\tborder-radius: 10px;\n\tmax-height: calc(100% - 110px);\n\tmax-width: 100%;\n\tpadding: 10px 20px;\n\ttransition: height 0.4s ease-out;\n}\n\n.Recording.--on+.Conference {\n\tmax-height: calc(100% - 160px);\n\ttransition: height 0.4s ease-out;\n}\n\n/* Container of Cameras */\n.Dish {\n\tdisplay: flex;\n\talign-content: center;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: center;\n\tvertical-align: middle;\n\tflex: 1;\n\tborder-radius: 15px;\n\toverflow: hidden;\n\ttransition: all 0.4s ease-out;\n}\n\n/* Camera */\n.Dish>div {\n\tborder: 1px solid hsla(210, 65%, 67%, 0.55);\n\tposition: relative;\n\tvertical-align: middle;\n\talign-self: center;\n\tborder-radius: 10px;\n\toverflow: hidden;\n\tdisplay: inline-block;\n\tbox-shadow: var(--shadow-dark);\n\ttransition: all 0.4s ease-out;\n\tanimation: show 0.5s ease;\n}\n\n.Dish>div canvas {\n\tposition: absolute;\n\tright: 0;\n\tbottom: 0;\n\twidth: 100%;\n\theight: 100%;\n\tborder-radius: 10px;\n\toverflow: hidden;\n\tleft: 0;\n\ttop: 0;\n}\n\n/* Video (check the nice property object-fit) */\n.Dish>div video {\n\ttransform: rotateY(180deg) !important;\n\t-webkit-transform: rotateY(180deg) !important;\n\t-moz-transform: rotateY(180deg) !important;\n\ttransition: rotate 0ms ease;\n\tposition: absolute;\n\tright: 0;\n\tobject-fit: cover;\n\tbottom: 0;\n\twidth: 100%;\n\theight: 100%;\n\tborder-radius: 10px;\n\tleft: 0;\n\ttop: 0;\n\tbackground-size: cover;\n\toverflow: hidden;\n\ttransition: rotate 0ms ease;\n\n\t&.isScreenShare {\n\t\ttransition: rotate 0ms ease;\n\t\ttransform: rotateY(0deg) !important;\n\t\t-webkit-transform: rotateY(0deg) !important;\n\t\t-moz-transform: rotateY(0deg) !important;\n\t}\n}\n\n/* Aspect Ratio Number */\n.Dish div.video-container:after {\n\tcolor: #aaa;\n\tfont-size: 13px;\n\tfont-family: 'Lato', sans-serif;\n\tposition: absolute;\n\tbottom: 20px;\n\tleft: 23px;\n\tfont-weight: 100;\n\tcontent: attr(data-aspect);\n\tdisplay: block;\n}\n\n/* Gray Diagonal */\n.Dish div.video-container:before {\n\tposition: absolute;\n\theight: 100%;\n\t// background: url(./../general/diagonal.jpg);\n\tbackground-size: 100% 100%;\n\twidth: 100%;\n\topacity: 0.3;\n\tfont-weight: 100;\n\tcontent: '';\n\tdisplay: block;\n}\n\n/* Screen */\n.Screen {\n\toverflow: hidden;\n\tflex: 0;\n\tposition: relative;\n\tdisplay: none;\n\ttransition: all 0.4s ease-out;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 15px;\n\tmargin: 5px 15px;\n\ttransition: all 0.4s ease-out;\n\n\t&.pinned {\n\t\tjustify-content: space-between;\n\t\tflex: 2;\n\t\ttransition: all 0.4s ease-out;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\ttransition: all 0.4s ease-out;\n\t\tanimation: show 0.4s ease-out;\n\n\t\tvideo {\n\t\t\ttransform: rotateY(180deg) !important;\n\t\t\t-webkit-transform: rotateY(180deg) !important;\n\t\t\t-moz-transform: rotateY(180deg) !important;\n\t\t\tposition: absolute;\n\t\t\tright: 1px;\n\t\t\tobject-fit: cover;\n\t\t\tbottom: 1px;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tmargin: 0 auto;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t\tleft: 1px;\n\t\t\ttop: 1px;\n\t\t\tbackground-size: cover;\n\t\t\toverflow: hidden;\n\t\t\ttransition: rotate 0ms ease;\n\n\t\t\t&.isScreenShare {\n\t\t\t\ttransition: rotate 0ms ease;\n\t\t\t\ttransform: rotateY(0deg) !important;\n\t\t\t\t-webkit-transform: rotateY(0deg) !important;\n\t\t\t\t-moz-transform: rotateY(0deg) !important;\n\t\t\t}\n\t\t}\n\n\t\t.info {\n\t\t\tbottom: 30px;\n\t\t\tleft: 2%;\n\t\t}\n\t}\n}\n\n/* Animation of Cameras */\n@keyframes opacityAl {\n\t0% {\n\t\topacity: 1;\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes showAlertRecord {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale(0.4) translateY(20px);\n\t}\n\n\t10% {\n\t\topacity: 1;\n\t\ttransform: scale(1) translateY(0);\n\t}\n\n\t100% {\n\t\twidth: 40px;\n\t}\n}\n\n@keyframes show {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale(0.4) translateY(20px);\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttransform: scale(1) translateY(0);\n\t}\n}\n\n@keyframes showInfo {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale(0);\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t}\n}\n\n.pin {\n\tposition: absolute;\n\topacity: 0;\n\tz-index: -1;\n\tbackdrop-filter: blur(5px);\n\tbackground-color: hsla(210, 65%, 67%, 0.35);\n\t// border: 1px solid hsla(210, 65%, 67%, 1);\n\tposition: absolute;\n\ttop: calc(50% - 15px);\n\tleft: calc(50% - 15px);\n\tborder-radius: 50%;\n\theight: 30px;\n\twidth: 30px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.5 ease-in;\n}\n\n.Screen,\n.Dish>div.video-container {\n\t&:hover {\n\t\tuser-select: none;\n\n\t\t.pin {\n\t\t\tz-index: 5;\n\t\t\topacity: 0.8;\n\t\t\ttransition: all 0.5 ease-in;\n\n\t\t\tsvg {\n\t\t\t\theight: 12px;\n\t\t\t\twidth: 12px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackdrop-filter: blur(30px);\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder: 1px solid hsla(210, 65%, 67%, 0);\n\n\t\t\t\topacity: 1;\n\t\t\t\tz-index: 10;\n\t\t\t\ttransition: all 0.5 ease-in;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: #02c9fa !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.recording {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\ttop: 10px;\n\t\tright: 5px;\n\t\twidth: 35px;\n\t\theight: 35px;\n\t\tcolor: white;\n\t\tbackdrop-filter: blur(10px);\n\t\tbackground: #ffffff0b;\n\t\tbackdrop-filter: blur(10px);\n\t\tborder: 1px solid #ff3b38;\n\t\tborder-radius: 50%;\n\t\tfont-weight: 600;\n\t\ttext-align: center;\n\t\tborder: 0px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\tsvg {\n\t\t\twidth: 3vh;\n\t\t\theight: 3vh;\n\t\t\tborder-radius: 50%;\n\t\t\tanimation: pulse-red 2s infinite;\n\n\t\t\tpath {\n\t\t\t\tfill: #f14c49;\n\t\t\t}\n\t\t}\n\t}\n\n\t.audio {\n\t\tz-index: 12;\n\t\tposition: absolute;\n\t\tbottom: 10px;\n\t\tright: 10px;\n\t\twidth: 35px;\n\t\theight: 35px;\n\t\tcolor: white;\n\t\t//border: 1px solid #ff004f;\n\t\tbackdrop-filter: blur(10px);\n\t\tbackground: #ff00513e;\n\t\tborder-radius: 50%;\n\t\tfont-weight: 600;\n\t\ttext-align: center;\n\n\t\t&.active {\n\t\t\tbackground: rgba(0, 174, 255, 0.5);\n\t\t}\n\n\t\tsvg {\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\t-webkit-transform: translate(-50%, -50%);\n\t\t\tposition: absolute;\n\t\t\twidth: 3vh;\n\t\t\theight: 3vh;\n\n\t\t\tpath {\n\t\t\t\tfill: white;\n\t\t\t}\n\t\t}\n\t}\n\n\t.container-initials {\n\t\ttext-transform: uppercase;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t//background: rgba(116, 171, 226, 0.15);\n\t\tbackground: #01193520;\n\t\tdisplay: flex;\n\t\talign-content: center;\n\t\tjustify-content: center;\n\t\tposition: relative;\n\t\ttransition: all 0.5s ease;\n\n\t\t[class^='initials-audio-effect-'] {\n\t\t\tbackground: hsla(190, 100%, 55%, 0.105);\n\t\t\twidth: 14.9vh;\n\t\t\theight: 14.9vh;\n\t\t\tz-index: 1;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tright: 0;\n\t\t\tleft: 0;\n\t\t\tmargin: auto;\n\t\t\tborder-radius: 50%;\n\t\t\ttext-align: center;\n\t\t\topacity: 0;\n\t\t\ttransition: all 650ms ease-out;\n\t\t\tanimation: display 1s ease-out;\n\t\t}\n\n\t\t[class^='initials-audio-effect-big-'] {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t\tborder: 1px solid hsla(210, 65%, 67%, 1);\n\t\t\twidth: 14.9vh;\n\t\t\theight: 14.9vh;\n\t\t\tz-index: 2;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tright: 0;\n\t\t\tleft: 0;\n\t\t\tmargin: auto;\n\t\t\tborder-radius: 50%;\n\t\t\ttext-align: center;\n\t\t\ttransition: all 800ms ease-out;\n\t\t\tanimation: display 1s ease-out;\n\t\t}\n\n\t\t.initials {\n\t\t\tz-index: 3;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tright: 0;\n\t\t\tleft: 0;\n\t\t\tmargin: auto;\n\t\t\twidth: 15vh;\n\t\t\theight: 15vh;\n\t\t\tcolor: white;\n\t\t\tborder-radius: 50%;\n\t\t\tline-height: 15vh;\n\t\t\tfont-size: 7vh;\n\t\t\tfont-weight: 600;\n\t\t\ttext-align: center;\n\t\t\tanimation: show 0.5s ease-out;\n\t\t}\n\t}\n\n\t.info {\n\t\tz-index: 10;\n\t\tpadding: 0 10px;\n\t\theight: 35px;\n\t\tline-height: 31px !important;\n\t\tborder-radius: 5px;\n\t\tmargin: 10px;\n\t\t//border: 1px solid rgba(116, 171, 226, 0.5);\n\t\tbackdrop-filter: blur(10px);\n\t\t//background: #01193520;\n\t\tcolor: #fff;\n\t\tcolor: rgba(116, 171, 226, 1);\n\t\tposition: absolute;\n\t\ttext-transform: capitalize;\n\t\tbottom: 0;\n\t\tfont-size: 1.05rem;\n\t\tfont-weight: 500;\n\t\tline-height: 1.25rem;\n\t\tletter-spacing: 0.2px;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.6);\n\t\twhite-space: nowrap;\n\t}\n}\n\n.Controls {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: absolute;\n\twidth: 100%;\n\tbackground: #01193520;\n\tbottom: 0;\n\theight: 100px;\n\tmax-height: 100px;\n\n\t.Controls-meet-title {\n\t\tpadding: 0 0 0 25px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex: 0 0 20%;\n\t\tcolor: white;\n\t\tfont-size: 14px;\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 35px;\n\t\t}\n\t}\n\n\t.Controls-info {\n\t\tpadding: 0 25px 0 0;\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\talign-items: center;\n\t\tflex: 0 0 20%;\n\t\theight: 100%;\n\n\t\t.chat-action-mobile {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.chat-action {\n\t\t\tcursor: pointer;\n\t\t\tposition: relative;\n\t\t\tmargin-left: 10px;\n\n\t\t\t.count-badge {\n\t\t\t\tborder: 1px solid #01c9fa;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: -5px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\ttop: 45px;\n\t\t\t\tborder-radius: 3rem;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 0.8rem;\n\t\t\t\tpadding: 0.05rem 0.4rem 0.15rem;\n\t\t\t\tline-height: inherit;\n\t\t\t\tbackground: #0080d3;\n\t\t\t\tcolor: white;\n\t\t\t\tbox-shadow: 0 0 0 0 rgba(255, 255, 255, 1);\n\t\t\t\ttransform: scale(0.8);\n\n\t\t\t\t&.list-users-count {\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tanimation: pulse-white 2s infinite;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.message-chat-count {\n\t\t\t\t\tanimation: pulse-white 2s infinite;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbutton:not(.aspect) {\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: white;\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder: 0;\n\t\t\t\tbox-shadow: unset;\n\t\t\t\tmargin: 0 6px;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 22px;\n\t\t\t\tbackdrop-filter: unset;\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 20px;\n\t\t\t\t\theight: 20px;\n\n\t\t\t\t\tpath {\n\t\t\t\t\t\tfill: #fffd;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tsvg path {\n\t\t\t\t\t\tfill: #01c9fa;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.chat-action {\n\t\t\tdisplay: flex;\n\t\t\tcursor: pointer;\n\t\t\twidth: 47px;\n\t\t\theight: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: relative;\n\t\t\toverflow: visible;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\n\t\t\t&:hover {\n\t\t\t\t.media-tooltip {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\ttop: -10px;\n\t\t\t\t\tbackground: #0080d3;\n\t\t\t\t\tanimation: show 0.7s ease;\n\t\t\t\t\ttransition: all 0.4s ease;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.media-tooltip {\n\t\t\t\tposition: absolute;\n\t\t\t\tbackground: #0080d3;\n\t\t\t\tborder: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\t\tcolor: white;\n\t\t\t\tpadding: 5px 15px;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\tfont-size: 12px;\n\t\t\t\ttop: 10px;\n\t\t\t\topacity: 0;\n\t\t\t\twidth: max-content;\n\t\t\t}\n\n\t\t\t.media-tooltip:before {\n\t\t\t\tleft: 50% !important;\n\t\t\t\ttransform: translate(-50%, -50%) !important;\n\t\t\t}\n\n\t\t\t.media-effects {\n\t\t\t\tmargin-right: 15px !important;\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 22px !important;\n\t\t\t\t\theight: 22px !important;\n\t\t\t\t}\n\n\t\t\t\t&.mediapipeOn {\n\t\t\t\t\tsvg path {\n\t\t\t\t\t\tfill: #01c9fa !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.Controls-main-buttons {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tflex: 1;\n\n\t\t.media-action-button-wrapper:first-of-type {\n\t\t\tmargin-left: -16px;\n\t\t}\n\n\t\t.media-action-button-wrapper:last-of-type {\n\t\t\tmargin-left: 16px;\n\t\t}\n\n\t\t.media-action-button-wrapper {\n\t\t\tcursor: pointer;\n\t\t\twidth: 56px;\n\t\t\theight: 100%;\n\t\t\tposition: relative;\n\t\t\toverflow: visible;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\n\t\t\t.timestamp {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: -15px;\n\t\t\t\tcolor: white;\n\t\t\t\topacity: 0.5;\n\t\t\t\tfont-size: 10px;\n\t\t\t\tanimation: show 1s ease;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\t.media-tooltip {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\ttop: -40px;\n\t\t\t\t\tbackground: #0080d3;\n\t\t\t\t\tanimation: show 0.7s ease;\n\t\t\t\t\ttransition: all 0.4s ease;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.media-tooltip {\n\t\t\tposition: absolute;\n\t\t\tbackground: #0080d3;\n\t\t\tborder: 1px solid hsla(210, 65%, 67%, 0.55);\n\t\t\tcolor: white;\n\t\t\tpadding: 5px 15px;\n\t\t\tborder-radius: 3px;\n\t\t\tfont-size: 12px;\n\t\t\ttop: 0;\n\t\t\topacity: 0;\n\t\t\ttop: -10px;\n\t\t\twidth: max-content;\n\n\t\t\t&:before {\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t}\n\t\t}\n\n\t\tbutton {\n\t\t\tborder-radius: 50%;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tborder: 0;\n\t\t\tbackground: transparent;\n\t\t\tjustify-content: center;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tcolor: white;\n\t\t\tbackdrop-filter: blur(50px);\n\t\t\tcursor: pointer;\n\n\t\t\t&:hover {\n\t\t\t\topacity: 0.85;\n\t\t\t\tcursor: pointer;\n\t\t\t\tbackground: hsla(210, 65%, 67%, 0.55) !important;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 26px;\n\t\t\t\theight: 26px;\n\n\t\t\t\tpath {\n\t\t\t\t\tfill: #01c9fa;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.record {\n\t\t\t\tbackground-color: transparent;\n\n\t\t\t\tsvg {\n\t\t\t\t\tanimation: pulse-red 2s infinite;\n\t\t\t\t\tborder-radius: 50%;\n\n\t\t\t\t\tpath {\n\t\t\t\t\t\tfill: #d33232;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.hangup {\n\t\t\t\tbackground-color: #ff004f !important;\n\t\t\t\tborder-radius: 100px;\n\t\t\t\twidth: 56px;\n\t\t\t\theight: 40px;\n\t\t\t\toverflow: hidden;\n\t\t\t\tpadding: 8px 12px;\n\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: white;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: #fb0a56 !important;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\topacity: 0.85;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.media-action-button-disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\t// background-color: #ff7019;\n\t\t\t\tbackground: transparent;\n\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.bg-transparent {\n\t\t\t\t// background-color: hsla(210, 65%, 67%, 0.25);\n\t\t\t\tbackground: transparent;\n\t\t\t\tcolor: white;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes display {\n\t0% {\n\t\tvisibility: hidden;\n\t}\n\n\t99% {\n\t\tvisibility: hidden;\n\t}\n\n\t100% {\n\t\tvisibility: visible;\n\t}\n}\n\n@keyframes showAvatar {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale(0);\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes pulse-red {\n\t0% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);\n\t}\n\n\t70% {\n\t\ttransform: scale(1);\n\t\tbox-shadow: 0 0 0 10px rgba(255, 82, 82, 0);\n\t}\n\n\t100% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(255, 82, 82, 0);\n\t}\n}\n\n@keyframes pulse-green {\n\t0% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(51, 217, 178, 1);\n\t}\n\n\t70% {\n\t\ttransform: scale(1);\n\t\tbox-shadow: 0 0 0 20px rgba(51, 217, 178, 0);\n\t}\n\n\t100% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(51, 217, 178, 0);\n\t}\n}\n\n.Controls .Group {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 20px;\n}\n\n.Controls .Options {\n\tdisplay: flex;\n\tgap: 10px;\n}\n\n.Controls .Options div {\n\tdisplay: inline-block;\n\tfont-size: 12px;\n}\n\n.Controls .Link {\n\tcolor: #000;\n\ttext-decoration: none;\n\tfont-size: 13px;\n\ttext-transform: uppercase;\n\tfont-weight: 100;\n\tletter-spacing: 4px;\n\ttext-align: center;\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-left: auto;\n}\n\n.Controls .Link i {\n\tmargin-left: 10px;\n\tfont-size: 30px;\n}\n\n@keyframes pulse-white {\n\t0% {\n\t\ttransform: scale(0.75);\n\t\tbox-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);\n\t}\n\n\t70% {\n\t\ttransform: scale(0.8);\n\t\tbox-shadow: 0 0 0 10px rgba(255, 255, 255, 0);\n\t}\n\n\t100% {\n\t\ttransform: scale(0.75);\n\t\tbox-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n\t}\n}\n\n.Screen.pinned+.Dish>div.video-container .initials {\n\twidth: 13vh !important;\n\theight: 13vh !important;\n\tline-height: 13vh !important;\n\tfont-size: 6vh !important;\n}\n\n.Screen.pinned+.Dish .container-initials {\n\t[class^='initials-audio-effect-'] {\n\t\twidth: 12.9vh !important;\n\t\theight: 12.9vh !important;\n\t}\n}\n\n@media only screen and (max-width: 950px) {\n\t.Screen.pinned+.Dish>div.video-container .initials {\n\t\twidth: 11vh !important;\n\t\theight: 11vh !important;\n\t\tline-height: 11vh !important;\n\t\tfont-size: 5vh !important;\n\t}\n\n\t.Screen.pinned+.Dish .container-initials {\n\t\t[class^='initials-audio-effect-'] {\n\t\t\twidth: 10.9vh !important;\n\t\t\theight: 10.9vh !important;\n\t\t}\n\t}\n}\n\n@media only screen and (max-width: 680px) {\n\t.Conference.boxRightOpen div.column {\n\t\tflex: 0;\n\t\twidth: 0;\n\t}\n\n\t.Screen.pinned {\n\t\torder: 2;\n\t\tdisplay: flex;\n\t\talign-content: center;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tvertical-align: middle;\n\t\tflex: 1;\n\t\tborder-radius: 10px;\n\n\t\tvideo {\n\t\t\tobject-fit: cover;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.info {\n\t\t\twidth: 100%;\n\t\t\tbottom: 30px;\n\t\t\tleft: -10px;\n\t\t}\n\t}\n\n\t.Screen.pinned+.Dish {\n\t\tdisplay: none;\n\t\tmin-height: 50px !important;\n\t\tmax-height: 60px;\n\t\tmin-width: 50px !important;\n\n\t\t.video-container,\n\t\tvideo {\n\t\t\tmin-height: 50px !important;\n\t\t\tmax-height: 60px;\n\t\t\tmin-width: 50px !important;\n\t\t}\n\n\t\t.info {\n\t\t\topacity: 0;\n\t\t}\n\n\t\t.audio {\n\t\t\ttop: 1px;\n\t\t\tright: 1px;\n\t\t\twidth: 3.5vh;\n\t\t\theight: 3.5vh;\n\t\t\tz-index: 10;\n\t\t}\n\t}\n\n\t.Controls {\n\t\t.Controls-meet-title {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.Controls-main-buttons {\n\t\t\tpadding-left: 10%;\n\t\t}\n\n\t\t.Controls-info {\n\t\t\tflex: 0 0 5%;\n\n\t\t\t.chat-action {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.chat-action-mobile {\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t.menu-list {\n\t\t\t\t\tbackground: white;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tz-index: -1;\n\t\t\t\t\tmin-height: 100px;\n\t\t\t\t\tmin-width: 220px;\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\topacity: 0;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tpadding: 5px 0;\n\n\t\t\t\t\t&.show {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tz-index: 10;\n\t\t\t\t\t\ttop: -100px;\n\t\t\t\t\t\tright: 25px;\n\t\t\t\t\t\ttransition: all 0.4s ease-in-out forward;\n\t\t\t\t\t\tanimation: show 0.4s ease;\n\n\t\t\t\t\t\t&+svg.settings {\n\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\ttransition: transform 0.4s;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tdiv.menu-list-option {\n\t\t\t\t\t\theight: 38px;\n\t\t\t\t\t\tpadding: 5px 15px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\ttransition: background 0.2s ease;\n\n\t\t\t\t\t\t&.disabled {\n\t\t\t\t\t\t\topacity: 0.5;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground: #dbdada5c;\n\t\t\t\t\t\t\ttransition: background 0.2s ease;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.RightBox.open {\n\t\tflex: 1 !important;\n\t\tmin-width: 100% !important;\n\t}\n}\n\n.effect-container {\n\tright: 5px;\n\tbottom: 10px;\n\tbackground: #02c9fa;\n\tmargin: 0.5rem;\n\twidth: 28px;\n\theight: 28px;\n\tposition: absolute;\n\tz-index: 1;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 50%;\n\n\t[class^='o1_'],\n\t[class^='o2_'],\n\t[class^='o3_'] {\n\t\tposition: relative;\n\t\theight: 19%;\n\t\twidth: 5px;\n\t\tbackground: white;\n\t\tmargin: 1.5px;\n\t\tborder-radius: 200px;\n\t\ttransition: all linear 0.1s;\n\t}\n}\n\n.Toast {\n\tposition: absolute;\n\tmargin: auto;\n\tflex: 1;\n\tcolor: #ff4f4d;\n\tdisplay: flex;\n\tjustify-content: center;\n\tleft: 0;\n\tright: 0;\n\ttop: -10px;\n\tz-index: -1;\n\theight: 40px;\n\n\t* {\n\t\tvisibility: hidden;\n\t}\n\n\t&.show {\n\t\t+.Scenary {\n\t\t\ttop: 40px;\n\t\t\ttransition: all 0.4 ease-in;\n\t\t}\n\n\t\ttop: 10px;\n\t\tz-index: 10;\n\t\topacity: 1;\n\t\ttransition: all 0.4s ease-in-out;\n\n\t\t* {\n\t\t\tvisibility: visible;\n\t\t\ttransition: all 0.4s ease-in-out;\n\t\t}\n\n\t\t.toast-container {\n\t\t\twidth: fit-content;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tborder: 1px solid #ff4f4d;\n\t\t\tborder-radius: 5px;\n\t\t\tmin-width: 250px;\n\t\t\tmin-height: 30px;\n\t\t\tpadding: 5px 8px;\n\n\t\t\tsvg {\n\t\t\t\tmargin-right: 12px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tanimation: pulse-red 2s infinite;\n\t\t\t}\n\t\t}\n\t}\n}</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vue-webrtc.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vue-webrtc.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vue-webrtc.vue?vue&type=template&id=48edac2b&\"\nimport script from \"./vue-webrtc.vue?vue&type=script&lang=js&\"\nexport * from \"./vue-webrtc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./vue-webrtc.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div style=\"height: 100%; overflow: hidden\">\n\t\t<div class=\"loaderContainer\" :class=\"{ 'loaderContainer--on': loading }\">\n\t\t\t<div class=\"loader\"></div>\n\t\t</div>\n\t\t<!-- <invalidMeet v-if=\"!verifiedParameter && !loading\" :date=\"date\" :deadline=\"deadline\" /> -->\n\t\t<preview v-if=\"!meetJoined && verifiedParameter\" @join=\"onJoin($event)\" :socketURL=\"socketURL\"> </preview>\n\t\t<!-- <meet v-show=\"meetJoined\" :roomId=\"roomId\" ref=\"meet\"> </meet> -->\n\t\t<meet v-show=\"meetJoined && verifiedParameter\" :roomId=\"roomId\" ref=\"meet\" :socketURL=\"socketURL\"> </meet>\n\t</div>\n</template>\n\n<script>\n// https://github.com/westonsoftware/vue-webrtc/blob/master/vue-webrtc-lobby/server.js\n\nimport Preview from '../components/meet/Preview.vue'\nimport vuewebrtc from '../components/meet/vue-webrtc.vue'\n// import InvalidMeet from '../components/InvalidMeet.vue'\nimport { EventBus } from '@/event-bus'\nimport dayjs from 'dayjs'\nimport i18n from './../i18n'\ndayjs.locale(navigator.language || 'it')\n\nexport default {\n\tname: 'App',\n\tdata() {\n\t\treturn {\n\t\t\tloading: true,\n\t\t\tverifiedParameter: false,\n\t\t\tmeetJoined: false,\n\t\t\troomId: '',\n\t\t\tsocketURL: process.env.VUE_APP_SERVER,\n\t\t\t// socketURL: 'http://localhost:4001/',\n\t\t\tdate: null,\n\t\t\tdeadline: null\n\t\t}\n\t},\n\tcomponents: {\n\t\tpreview: Preview,\n\t\tmeet: vuewebrtc\n\t\t// invalidMeet: InvalidMeet\n\t},\n\tcreated() {\n\t\tthis.roomId = this.getMeetKey()\n\t\tsetTimeout(() => {\n\t\t\tthis.loading = true\n\t\t\tthis.date = new Date('05-07-2022 16:40:00')\n\t\t\tthis.deadline = dayjs(this.date)\n\t\t\tthis.deadline = this.deadline.subtract(15, 'minute')\n\t\t\tconst now = dayjs()\n\t\t\tconst diff = this.deadline.diff(now, 'minutes')\n\t\t\tif (diff > 15 || 8 * -60 > diff) {\n\t\t\t\tthis.deadline = dayjs(this.deadline).format('YYYY-MM-DD HH:mm:ss')\n\t\t\t} else {\n\t\t\t\tthis.verifiedParameter = true\n\t\t\t}\n\t\t\tthis.verifiedParameter = true\n\t\t\tthis.loading = false\n\t\t}, 1000)\n\t},\n\tmounted() {\n\t\ti18n.locale = this.getUrlParameter('lang') || 'it'\n\n\t\tEventBus.$on('left-room', () => {\n\t\t\tthis.meetJoined = false\n\t\t})\n\t},\n\tmethods: {\n\t\t/**\n\t\t * extract a parameter value from the page url using a given parameter `name`\n\t\t * @param name the parameter name to search for\n\t\t * @returns the value of the parameter\n\t\t */\n\t\tgetUrlParameter(name) {\n\t\t\t// name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]')\n\t\t\tconst regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)')\n\t\t\tconst results = regex.exec(location.search)\n\t\t\treturn results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '))\n\t\t},\n\t\tgetMeetKey() {\n\t\t\treturn window.location.href.split('meet/').pop().split('?')[0]\n\t\t},\n\t\tonJoin(partecipant) {\n\t\t\tthis.meetJoined = !this.meetJoined\n\n\t\t\tif (this.meetJoined) {\n\t\t\t\t// this.$refs.meet.triggerJoin();\n\t\t\t\tthis.$refs.meet.join(partecipant)\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n<style scoped lang=\"scss\">\n.loaderContainer {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tz-index: -1;\n\talign-items: center;\n\tjustify-content: center;\n\t.loader {\n\t\topacity: 0;\n\t\ttransition: opacity 0.3s ease;\n\t\twidth: 150px;\n\t\theight: 150px;\n\t\tanimation: spin 2s linear infinite;\n\t\tbackground: url('../assets/circle.png') no-repeat;\n\t\tleft: 45%;\n\t\ttop: 45%;\n\t\ttransform: translate(-45%, -45%);\n\t\tposition: absolute;\n\t}\n\t&--on {\n\t\tbackground-color: rgba(0, 0, 0, 0.35);\n\t\tz-index: 10000;\n\t\ttransition: background-color 0.3s ease 1s; /* Il secondo è il delay */\n\n\t\t.loader {\n\t\t\tleft: 45%;\n\t\t\ttop: 45%;\n\t\t\ttransform: translate(-45%, -45%);\n\t\t\tposition: absolute;\n\t\t\topacity: 1;\n\t\t\ttransition: opacity 0.3s ease;\n\t\t\ttransition-delay: 0.1s;\n\t\t}\n\t}\n}\n@keyframes spin {\n\t0% {\n\t\ttransform: rotateY(0deg);\n\t}\n\n\t100% {\n\t\ttransform: rotateY(360deg);\n\t}\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Meet.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Meet.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Meet.vue?vue&type=template&id=45e210eb&scoped=true&\"\nimport script from \"./Meet.vue?vue&type=script&lang=js&\"\nexport * from \"./Meet.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Meet.vue?vue&type=style&index=0&id=45e210eb&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"45e210eb\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport VueRouter, { RouteConfig } from 'vue-router'\nimport Home from '../views/Home.vue'\nimport EventInformation from '../views/EventInformation.vue'\nimport Meet from '../views/Meet.vue'\n\nVue.use(VueRouter)\n\nconst routes: Array<RouteConfig> = [\n\t{\n\t\tpath: '/',\n\t\tname: 'Home',\n\t\tcomponent: Home\n\t},\n\t{\n\t\tpath: '/confirmed',\n\t\tname: 'EventInformationConfirmed',\n\t\tcomponent: EventInformation,\n\t\tprops: {\n\t\t\ttype: 'confirm'\n\t\t}\n\t},\n\t{\n\t\tpath: '/rejected',\n\t\tname: 'EventInformationRejected',\n\t\tcomponent: EventInformation,\n\t\tprops: {\n\t\t\ttype: 'reject'\n\t\t}\n\t},\n\t{\n\t\tpath: '/meet/:key',\n\t\tname: 'Meet',\n\t\tcomponent: Meet\n\t}\n]\n\nconst router = new VueRouter({\n\tmode: 'history',\n\tbase: process.env.BASE_URL,\n\troutes\n})\n\nexport default router\n","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n\tstate: {},\n\tmutations: {},\n\tactions: {},\n\tmodules: {}\n})\n","import Vue from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport store from './store'\nimport { library } from '@fortawesome/fontawesome-svg-core'\nimport { faChevronRight, faChevronLeft } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport i18n from './i18n'\n\nlibrary.add(faChevronRight, faChevronLeft)\nVue.component('font-awesome-icon', FontAwesomeIcon)\n\nconst lang = navigator.language || 'it'\ni18n.locale = lang\n\nVue.config.productionTip = false\n\nnew Vue({\n\trouter,\n\tstore,\n\ti18n,\n\trender: (h) => h(App)\n}).$mount('#app')\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Meet.vue?vue&type=style&index=0&id=45e210eb&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preview.vue?vue&type=style&index=0&id=215f25b2&scoped=true&lang=scss&\""],"sourceRoot":""}