{"version":3,"sources":["webpack:///./src/assets/svgs/play-icon-white.svg","webpack:///./src/assets/svgs/trainer.svg","webpack:///./src/components/Popup/index.vue?2f11","webpack:///./src/views/FavoritesPage/index.vue","webpack:///./src/views/FavoritesPage/index.vue?48d5","webpack:///./src/components/VideoGridCollection/index.vue?0a6f","webpack:///./src/assets/svgs/duration-blue.svg","webpack:///./src/components/Popup/index.vue","webpack:///./src/components/Popup/index.vue?6a81","webpack:///./src/views/FavoritesPage/index.vue?1a65","webpack:///./src/views/FavoritesPage/index.vue?72f6","webpack:///./src/components/VideoGridCollection/index.vue","webpack:///./src/components/LessonOverviewItem/index.vue","webpack:///./src/components/LessonOverviewItem/index.vue?ab2d","webpack:///./src/components/VideoGridCollection/index.vue?768b","webpack:///./src/components/LessonOverviewItem/index.vue?7a98"],"names":["module","exports","class","_createElementVNode","_hoisted_5","$data","pageData","_createBlock","_component_HeroPage","data","_component_PageLayoutBuilder","adjustedData","showContent","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_createVNode","_component_VideoGridCollection","_hoisted_4","_hoisted_6","name","inject","components","HeroPage","PageLayoutBuilder","VideoGridCollection","watch","isAuthenticated","this","setTimeout","fetchPage","$route","fetchData","$store","commit","favoriteFetch","val","computedFavorites","computed","state","triggerFavoriteFetch","getUserFavoriteVideos","created","methods","fetchPageBySlug","then","response","pluck","array","key","map","o","length","videoContentIds","fetchMultipleVideos","__exports__","render","$props","elemVisible","_normalizeClass","elemClass","_renderSlot","_ctx","$slots","undefined","onClick","_cache","$options","hideElem","arguments","props","emits","$emit","id","_Transition","overviewItemType","_Fragment","_renderList","item","_component_VideoOverviewItem","mediaId","index","_component_LessonOverviewItem","itemIndex","src","_imports_0","_hoisted_7","_imports_1","_imports_2","_toDisplayString","overviewImageUrl","mediaDetailsObj","getVixyThumbnailUrl","type","playPopupVideo","textFullyVisible","_hoisted_9","title","fields","_hoisted_10","skills","_hoisted_11","value","_component_CatAsIcon","catValue","getEnumVal","_hoisted_12","msDuration","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","formatToClockDuration","level","_hoisted_17","_hoisted_18","coachestrainers","_hoisted_19","_hoisted_20","_hoisted_21","content","innerHTML","_hoisted_23","$event","toggleTxtVisibility","_component_Popup","showVideoPopup","onHidePopupEl","hidePopups","_hoisted_24","_hoisted_25","style","CatAsIcon","Popup","mounted","fetchDetails","enums","getEnumLookup","enumFilter","filter","enumValue","fetchVideoAsset","isLoading","originalStr","thumbnailUrl","newStr","replace","padTo2Digits","num","toString","padStart","milliseconds","seconds","Math","floor","minutes","hours","initPopupPlayer","kWidget","window","allowedToPlay","embed","targetId","wid","getVixyParams","partner","uiconf_id","uiconfid","flashvars","ks","kalturaSession","playlistAPI","autoPlay","entry_id","VideoOverviewItem","LessonOverviewItem"],"mappings":"4HAAAA,EAAOC,QAAU,IAA0B,oC,uBCA3CD,EAAOC,QAAU,IAA0B,4B,oCCA3C,W,4ICIaC,MAAM,yC,GACNA,MAAM,a,GACFA,MAAM,kB,kBAOfC,eAMM,OANDD,MAAM,aAAW,CAClBC,eAIM,OAJDD,MAAM,kBAAgB,CACvBC,eAEM,OAFDD,MAAM,kBAAgB,CACvBC,eAA4C,SAAzC,+C,OAHfC,G,6LAZYC,EAAAC,U,iBAAhBC,eAA6CC,EAAA,C,MAAlBC,KAAMJ,EAAAC,U,wCACRD,EAAAC,U,iBAAzBC,eAAsDG,EAAA,C,MAAlBD,KAAMJ,EAAAC,U,wCAEmBD,EAAAM,cAAgBN,EAAAO,a,iBAA7EC,eAMU,UANVC,EAMU,CALNX,eAIM,MAJNY,EAIM,CAHFZ,eAEM,MAFNa,EAEM,CADFC,eAA4CC,EAAA,CAAtBT,KAAMJ,EAAAM,cAAY,yBAK/BN,EAAAM,cAAgBN,EAAAO,a,iBAArCC,eAQU,UAAAM,EAAAC,I,+EAeC,GACXC,KAAM,YACNC,OAAQ,CAAC,mBASTb,OACI,MAAO,CACHH,SAAU,KACVK,aAAc,KACdC,aAAa,IAGrBW,WAAY,CACRC,gBACAC,+BACAC,4BAEJC,MAAO,CACHC,kBACIC,KAAKvB,SAAW,KAChBwB,WAAW,KACPD,KAAKE,aACN,MAEPC,SACIF,WAAW,KACPD,KAAKI,YACLJ,KAAKK,OAAOC,OAAO,wBAAwB,IAC5C,MAEPC,cAAcC,GACNA,GAAc,GAAPA,GAGPP,WAAW,KACPD,KAAKI,YACLJ,KAAKK,OAAOC,OAAO,wBAAwB,IAC5C,MAGXG,oBACIT,KAAKI,cAGbM,SAAU,CACNH,gBACI,OAAOP,KAAKK,OAAOM,MAAMC,sBAE7BH,oBACI,OAAOT,KAAKK,OAAOM,MAAME,wBAGjCC,UACId,KAAKE,YAELD,WAAW,KACPD,KAAKI,aACN,MAEPW,QAAS,CACLb,YACIc,eAAgBhB,KAAKD,gBAAiB,iBAAiBkB,KAClDC,IACGlB,KAAKvB,SAAWyC,KAI5Bd,YACI,MAAMS,EAAwBb,KAAKK,OAAOM,MAAME,sBAE1CM,EAAQA,CAACC,EAAOC,IACXD,EAAME,IAAKC,GAAMA,EAAEF,IAG9B,GAAIR,GAAyBA,EAAsBW,OAAS,EAAG,CAC3D,MAAMC,EAAkBN,EACpBN,EACA,kBAGJa,eACI1B,KAAKD,gBACL,sBACA0B,GACFR,KAAMC,IACJlB,KAAKlB,aAAeoC,EACpBlB,KAAKjB,aAAc,SAIvBkB,WAAW,KACPD,KAAKjB,aAAc,GACpB,Q,2CC7HnB,MAAM4C,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,oCCVf,W,qBCAAzD,EAAOC,QAAU,IAA0B,kC,6DCEpCC,MAAM,a,GACLA,MAAM,kB,+BAF0CwD,EAAAC,a,iBAAvD9C,eAQU,W,MARDX,MAAK0D,eAAA,CAAC,eAAuBF,EAAAG,a,CACrC1D,eAIM,MAJNW,EAIM,CAHLX,eAEM,MAFNY,EAEM,CADL+C,eAAaC,EAAAC,OAAA,kBAAAC,GAAA,OAIf9D,eAAmD,OAA9CD,MAAM,gBAAiBgE,QAAKC,EAAA,KAAAA,EAAA,qBAAEC,EAAAC,UAAAD,EAAAC,YAAAC,gB,0BAKtB,OACd7D,OACC,MAAO,IAIRa,OAAQ,CAAC,mBACTiD,MAAO,CAAC,YAAa,eACrBC,MAAO,CAAC,eAKR7B,YACAhB,MAAO,CACNK,SACCH,KAAKwC,aAGPzB,QAAS,CACRyB,WACCxC,KAAK4C,MAAM,cAAe,Y,iCC3B7B,MAAMjB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,yDCTf,W,kCCAA,W,0JCKSvD,MAAM,0B,QACPC,eAA8D,QAAxDD,MAAM,SAASwE,GAAG,gC,mBAEfxE,MAAM,iB,SAONA,MAAM,iB,kHAVuBwD,EAAAjD,MAAQiD,EAAAjD,KAAK4C,OAAS,G,iBAAhExC,eAcM,MAdNC,EAcM,CAbFC,EACAE,eAMa0D,OAAA,CANDtD,KAAK,aAAW,C,uBACxB,IAIM,EAJ4BqC,EAAAkB,kBAAqClB,EAAAkB,kBAAoC,YAAhBlB,EAAAkB,kB,iBAA3F/D,eAIM,MAJNG,EAIM,E,mBADFH,eAA2EgE,OAAA,KAAAC,eAAzCpB,EAAAjD,KAARsE,I,iBAA1BxE,eAA2EyE,EAAA,CAAlC9B,IAAK6B,EAAKE,QAAUxE,KAAMsE,G,0DAG3E9D,eAIa0D,OAAA,CAJDtD,KAAK,aAAW,C,uBACxB,IAEM,CAF2BqC,EAAAkB,kBAAwC,WAApBlB,EAAAkB,kB,iBAArD/D,eAEM,MAFNM,EAEM,E,mBADFN,eAAuGgE,OAAA,KAAAC,eAA3DpB,EAAAjD,KAAI,CAApBsE,EAAMG,K,iBAAlC3E,eAAuG4E,EAAA,CAApDjC,IAAK6B,EAAKL,GAAKjE,KAAMsE,EAAOK,UAAWF,EAAQ,G,+PCfzGhF,MAAM,oB,SACDA,MAAM,c,GACPA,MAAM,uB,GACFA,MAAM,c,4BAIwDC,eACA,OAAvDkF,IAAAC,IAAwCpF,MAAM,Q,aADSqF,G,GAK3DrF,MAAM,c,SAENA,MAAM,U,aAOQA,MAAM,iB,SAMhBA,MAAM,Y,GAEDA,MAAM,gB,QACPC,eAEM,OAFDD,MAAM,gBAAc,CACrBC,eAAmE,OAA9DkF,IAAAG,IAAsCtF,MAAM,oB,OAE/CA,MAAM,iB,aAWNA,MAAM,iB,SAOhBA,MAAM,mB,QAIFC,eAEM,OAFDD,MAAM,gBAAc,CACrBC,eAA6D,OAAxDkF,IAAAI,IAAgCvF,MAAM,oB,OAEzCA,MAAM,iB,mBAUnBA,MAAM,kB,GAWVA,MAAM,uB,GACFA,MAAM,e,mJAhFawD,EAAAjD,MAAiB,KAATiD,EAAAjD,M,iBAA5CI,eA4EM,MA5ENC,EA4EM,CA3E6B4C,EAAA0B,W,iBAA/BvE,eAAwE,OAAxEE,EAA0C,UAAO2E,eAAGhC,EAAA0B,WAAY,IAAC,I,sBACjEjF,eAyEM,MAzENa,EAyEM,CAxEFb,eAMM,MANNgB,EAMM,CALSuC,EAAAjD,KAAKkF,kB,iBAAhB9E,eAAiE,O,MAA9BwE,IAAK3B,EAAAjD,KAAKkF,kB,YAC5BjC,EAAAjD,KAAKkF,kBAAoBtF,EAAAuF,iB,iBAA1C/E,eAA0F,O,MAA9BwE,IAAKjB,EAAAyB,uB,iCAEjE1F,eACwE,UADhE2F,KAAK,SAAS5F,MAAM,WAAYgE,QAAKC,EAAA,KAAAA,EAAA,qBAAEC,EAAA2B,gBAAA3B,EAAA2B,kBAAAzB,c,KAGnDnE,eAgEM,OAhEDD,MAAK0D,eAAA,CAAC,eAAc,mBAA8BvD,EAAA2F,qB,CAEnD7F,eAA4C,KAA5C8F,EAA4CP,eAAlBhC,EAAAjD,KAAKyF,OAAK,GAEXxC,EAAAjD,KAAK0F,Q,iBAA9BtF,eAkDK,KAlDLuF,EAkDK,CAjDS1C,EAAAjD,KAAK0F,OAAOE,QAAkB3C,EAAAjD,KAAK0F,OAAOE,OAAOhD,OAAM,G,iBAAjExC,eAUK,KAAAyF,EAAA,E,mBAPDzF,eAMMgE,OAAA,KAAAC,eANqCpB,EAAAjD,KAAK0F,OAAOE,OAArBtB,I,iBAAlClE,eAMM,OANDX,MAAM,eAAqDgD,IAAK6B,EAAKwB,O,CACtEtF,eAA6DuF,EAAA,CAAjDC,SAAUrC,EAAAsC,WAAW3B,EAAKwB,OAAQT,KAAK,S,qBAEnD3F,eAEO,OAFPwG,EAEOjB,eADAtB,EAAAsC,WAAW3B,EAAKwB,QAAK,O,+BAM1BlG,EAAAuF,iBAAmBvF,EAAAuF,gBAAgBgB,YAA6C,KAA/BvG,EAAAuF,gBAAgBgB,Y,iBAD3E/F,eASK,KATLgG,EASK,CAPD1G,eAMM,MANN2G,EAMM,CALFC,EAGA5G,eACa,OADb6G,EACatB,eADkBtB,EAAA6C,sBAAsB5G,EAAAuF,gBAAgBgB,aAAU,Q,sBAK7ElD,EAAAjD,KAAK0F,OAAOe,OAAiBxD,EAAAjD,KAAK0F,OAAOe,MAAM7D,OAAM,G,iBAA/DxC,eAWK,KAAAsG,EAAA,E,mBARDtG,eAOMgE,OAAA,KAAAC,eAPqCpB,EAAAjD,KAAK0F,OAAOe,MAArBnC,I,iBAAlClE,eAOM,OAPDX,MAAM,eAAoDgD,IAAK6B,EAAKwB,O,CACrEtF,eAA6DuF,EAAA,CAAjDC,SAAUrC,EAAAsC,WAAW3B,EAAKwB,OAAQT,KAAK,S,qBAEnD3F,eAEO,OAFPiH,EAEO1B,eADAtB,EAAAsC,WAAW3B,EAAKwB,QAAK,O,+BAMF7C,EAAAjD,KAAK0F,QAAUzC,EAAAjD,KAAK0F,OAAOkB,iBAA2B3D,EAAAjD,KAAK0F,OAAOkB,gBAAgBhE,OAAM,G,iBAA1HxC,eAYK,KAZLyG,EAYK,E,mBATDzG,eAQMgE,OAAA,KAAAC,eARqCpB,EAAAjD,KAAK0F,OAAOkB,gBAArBtC,I,iBAAlClE,eAQM,OARDX,MAAM,eAA8DgD,IAAK6B,EAAKwB,O,CAC/EgB,EAGApH,eAEO,OAFPqH,EAEO9B,eADAtB,EAAAsC,WAAW3B,EAAKwB,QAAK,O,wDAOL7C,EAAAjD,KAAKgH,S,iBAAxC5G,eAA6E,O,MAAxEX,MAAM,kBAAsCwH,UAAQhE,EAAAjD,KAAKgH,S,iCAE9DtH,eAKM,MALNwH,EAKM,CAJuDtH,EAAA2F,iB,wCAAzDnF,eACqD,U,MAD7CX,MAAM,sBAAsB4F,KAAK,SACpC5B,QAAKC,EAAA,KAAAA,EAAA,GAAAyD,GAAExD,EAAAyD,wBAAuB,cACqBxH,EAAA2F,kB,iBAAxDnF,eACqD,U,MAD7CX,MAAM,sBAAsB4F,KAAK,SACpC5B,QAAKC,EAAA,KAAAA,EAAA,GAAAyD,GAAExD,EAAAyD,wBAAuB,c,uDAKnD5G,eAWa0D,OAAA,CAXDtD,KAAK,QAAM,C,uBACnB,IASQ,CATRJ,eASQ6G,EAAA,CATAnE,YAAatD,EAAA0H,eAAiBlE,UAAW,aAAemE,cAAW7D,EAAA,KAAAA,EAAA,GAAAyD,GAAExD,EAAA6D,e,wBACzE,IAOM,CAPN9H,eAOM,MAPN+H,EAOM,CANF/H,eAKM,MALNgI,EAKM,CAJFhI,eAA6D,UAArDD,MAAM,gBAAiBgE,QAAKC,EAAA,KAAAA,EAAA,GAAAyD,GAAExD,EAAA6D,gBACtC9H,eAEM,OAFAuE,GAAE,sBAA0BhB,EAAAjD,KAAKwE,QACnCmD,MAAA,kD,6FAkBT,GACX3H,OACI,MAAO,CACHmF,gBAAiB,KACjBI,kBAAkB,EAClB+B,gBAAgB,IAGxBxD,MAAO,CAAC,OAAQ,aAChB5B,YACArB,OAAQ,CAAC,mBACTC,WAAY,CACR8G,iBACAC,cAEJC,UACI1G,KAAK2G,gBAET5F,QAAS,CACL8D,WAAWrE,GACP,MAAMoG,EAAQ5G,KAAKK,OAAOM,MAAMkG,cAEhC,GAAID,GAASA,EAAMpF,OAAS,EAAG,CAC3B,MAAMsF,EAAaF,EAAMG,OAAQ7D,GAASA,EAAKL,KAAOrC,GAEtD,GAAIsG,GAAcA,EAAWtF,OAAS,EAClC,OAAOsF,EAAW,GAAGE,UAI7B,MAAO,IAEXL,eAGIM,eAAgBjH,KAAKD,gBAAiBC,KAAKpB,KAAKwE,SAASnC,KACpDC,IACGlB,KAAK+D,gBAAkB7C,EAGvBjB,WAAW,KACPD,KAAKkH,WAAY,GAClB,QAIflD,sBACI,GAAIhE,KAAK+D,iBAA4C,KAAzB/D,KAAK+D,gBAAwB,CACrD,MAAMoD,EAAcnH,KAAK+D,gBAAgBqD,aAGnCC,EAASF,EAAYG,QACvB,aACA,iCAGJ,OAAOD,IAGfE,aAAaC,GACT,OAAOA,EAAIC,WAAWC,SAAS,EAAG,IAEtCtC,sBAAsBuC,GAClB,IAAIC,EAAUC,KAAKC,MAAMH,EAAe,KACpCI,EAAUF,KAAKC,MAAMF,EAAU,IAC/BI,EAAQH,KAAKC,MAAMC,EAAU,IAUjC,OARAH,GAAoB,GAEpBG,EAAUH,GAAW,GAAKG,EAAU,EAAIA,EAExCA,GAAoB,GAEpBC,GAAgB,GAEZA,EAAQ,EACA,GAAEhI,KAAKuH,aAAaS,MAAUhI,KAAKuH,aAAaQ,MAAY/H,KAAKuH,aAAaK,KAE9E,GAAE5H,KAAKuH,aAAaQ,MAAY/H,KAAKuH,aAAaK,MAGlE5B,sBACIhG,KAAKmE,kBAAoBnE,KAAKmE,kBAElCD,iBACIlE,KAAKkG,gBAAiB,EACtBlG,KAAKiI,mBAET7B,aACIpG,KAAKkG,gBAAiB,GAE1B+B,kBACI,MAAM,QAAEC,GAAYC,OAIhBnI,KAAKpB,MAAQoB,KAAKpB,KAAKwJ,eACvBnI,WAAW,KACPiI,EAAQG,MAAM,CACVC,SAAU,sBAAwBtI,KAAKpB,KAAKwE,QAC5CmF,IAAK,IAAMvI,KAAKK,OAAOM,MAAM6H,cAAcC,QAC3CC,UAAW1I,KAAKK,OAAOM,MAAM6H,cAAcG,SAC3CC,UAAW,CACPC,GAAI7I,KAAKpB,KAAKkK,eACdC,YAAa,CACTC,UAAU,IAGlBC,SAAUjJ,KAAKpB,KAAKwE,WAEzB,Q,iCC7MnB,MAAMzB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QFqBA,GACXnC,KAAM,sBACNE,WAAY,CACRwJ,yBACAC,sBAEJ1J,OAAQ,CAAC,mBACTb,OACI,MAAO,IAEX8D,MAAO,CAAC,OAAQ,oBAChB5B,a,UGlCJ,MAAM,GAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASc,GAAQ,CAAC,YAAY,qBAE1E,W,yDCTf,W","file":"js/chunk-78e6cbca.cb31f1c4.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/play-icon-white.1381e30b.svg\";","module.exports = __webpack_public_path__ + \"img/trainer.cf5328c3.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=4ded086a&lang=scss&scoped=true\"","<template>\n    <HeroPage v-if=\"pageData\" :data=\"pageData\" />\n    <PageLayoutBuilder v-if=\"pageData\" :data=\"pageData\" />\n\n    <section class=\"section video-grid-collection-section\" v-if=\"adjustedData && showContent\">\n        <div class=\"container\">\n            <div class=\"column-wrapper\">\n                <VideoGridCollection :data=\"adjustedData\" />\n            </div>\n        </div>\n    </section>\n\n    <section v-else-if=\"!adjustedData && showContent\">\n        <div class=\"container\">\n            <div class=\"column-wrapper\">\n                <div class=\"column content\">\n                    <p> Er zijn nog geen video's toegevoegd.</p>\n                </div>\n            </div>\n        </div>\n    </section>\n</template>\n\n<script>\nimport HeroPage from \"@/components/HeroPage\";\n\nimport PageLayoutBuilder from \"@/components/PageLayoutBuilder\";\n\nimport VideoGridCollection from \"@/components/VideoGridCollection\";\n\nimport {\n    fetchMultipleVideos,\n    fetchPageBySlug\n} from \"@streampac.io/chef_sp_1\";\n\nexport default {\n    name: \"Favorites\",\n    inject: [\"isAuthenticated\"],\n    // metaInfo() {\n    //     return {\n    //         title:\n    //             \"Home | LEAD Hockey\",\n    //         description:\n    //             \"\",\n    //     };\n    // },\n    data() {\n        return {\n            pageData: null,\n            adjustedData: null,\n            showContent: false,\n        };\n    },\n    components: {\n        HeroPage,\n        PageLayoutBuilder,\n        VideoGridCollection\n    },\n    watch: {\n        isAuthenticated() {\n            this.pageData = null;\n            setTimeout(() => {\n                this.fetchPage();\n            }, 300);\n        },\n        $route() {\n            setTimeout(() => {\n                this.fetchData();\n                this.$store.commit(\"triggerFavoriteFetch\", false);\n            }, 150);\n        },\n        favoriteFetch(val) {\n            if (val && val == true) {\n                // this.$store.commit(\"triggerFavoriteFetch\", true);\n\n                setTimeout(() => {\n                    this.fetchData();\n                    this.$store.commit(\"triggerFavoriteFetch\", false);\n                }, 200);\n            }\n        },\n        computedFavorites() {\n            this.fetchData();\n        }\n    },\n    computed: {\n        favoriteFetch() {\n            return this.$store.state.triggerFavoriteFetch\n        },\n        computedFavorites() {\n            return this.$store.state.getUserFavoriteVideos\n        },\n    },\n    created() {\n        this.fetchPage();\n\n        setTimeout(() => {\n            this.fetchData();\n        }, 1000);\n    },\n    methods: {\n        fetchPage() {\n            fetchPageBySlug(this.isAuthenticated, 'my-favourites').then(\n                (response) => {\n                    this.pageData = response;\n                }\n            );\n        },\n        fetchData() {\n            const getUserFavoriteVideos = this.$store.state.getUserFavoriteVideos;\n\n            const pluck = (array, key) => {\n                return array.map((o) => o[key]);\n            };\n\n            if (getUserFavoriteVideos && getUserFavoriteVideos.length > 0) {\n                const videoContentIds = pluck(\n                    getUserFavoriteVideos,\n                    \"videoContentId\"\n                );\n\n                fetchMultipleVideos(\n                    this.isAuthenticated,\n                    \"?flattenFields=true\",\n                    videoContentIds\n                ).then((response) => {\n                    this.adjustedData = response;\n                    this.showContent = true;\n                });\n\n            } else {\n                setTimeout(() => {\n                    this.showContent = true;\n                }, 100);\n            }\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import styles\n@import \"./index.scss\";\n</style>\n\n<style lang=\"scss\">\n.hero.page.no-bg {\n    margin-bottom: 0;\n}\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=9b0c7a82&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=9b0c7a82&lang=scss&scoped=true\"\nimport \"./index.vue?vue&type=style&index=1&id=9b0c7a82&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1243849527/src/lead-hockey/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-9b0c7a82\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=059e13d0&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/duration-blue.b1cb28cd.svg\";","<template>\n\t<section class=\"global-popup\" :class=\"elemClass\" v-if=\"elemVisible\">\n\t\t<div class=\"container\">\n\t\t\t<div class=\"column-wrapper\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"background-el\" @click=\"hideElem\"></div>\n\t</section>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\t//hideCurrentElem: false\n\t\t};\n\t},\n\tinject: [\"isAuthenticated\"],\n\tprops: [\"elemClass\", \"elemVisible\"],\n\temits: [\"hidePopupEl\"],\n\t// components: {\n\t// \tLoginPopup,\n\t// \tForgotPasswordPopup\n\t// },\n\tcreated() {},\n\twatch: {\n\t\t$route() {\n\t\t\tthis.hideElem();\n\t\t},\n\t},\n\tmethods: {\n\t\thideElem() {\n\t\t\tthis.$emit(\"hidePopupEl\", \"false\");\n\t\t},\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import styles\n@import \"./index.scss\";\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=4ded086a&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=4ded086a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src1243849527/src/lead-hockey/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4ded086a\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=1&id=9b0c7a82&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=9b0c7a82&lang=scss&scoped=true\"","<template>\n    <!-- <section class=\"video-grid-collection\" v-if=\"data && data.length > 0\">\n\t\t<span class=\"anchor\" id=\"video-grid-collection-anchor\"></span>\n\t\t<div class=\"container\">\n\t\t\t<div class=\"column-wrapper\"> -->\n    <div class=\"column grid-collection\" v-if=\"data && data.length > 0\">\n        <span class=\"anchor\" id=\"video-grid-collection-anchor\"></span>\n        <transition name=\"slow-fade\">\n            <div class=\"items-wrapper\" v-if=\"!overviewItemType ||\n                (overviewItemType && overviewItemType !== 'classes')\n                \">\n                <VideoOverviewItem v-for=\"item in data\" :key=\"item.mediaId\" :data=\"item\" />\n            </div>\n        </transition>\n        <transition name=\"slow-fade\">\n            <div class=\"items-wrapper\" v-if=\"overviewItemType && overviewItemType == 'classes'\">\n                <LessonOverviewItem v-for=\"(item, index) in data\" :key=\"item.id\" :data=\"item\" :itemIndex=\"index + 1\" />\n            </div>\n        </transition>\n    </div>\n    <!-- </div>\n\t\t</div>\n\t</section> -->\n</template>\n\n<script>\n// @import component\nimport VideoOverviewItem from \"@/components/VideoOverviewItem\";\nimport LessonOverviewItem from \"@/components/LessonOverviewItem\";\n\nexport default {\n    name: \"VideoGridCollection\",\n    components: {\n        VideoOverviewItem,\n        LessonOverviewItem,\n    },\n    inject: [\"isAuthenticated\"],\n    data() {\n        return {};\n    },\n    props: [\"data\", \"overviewItemType\"],\n    created() {\n        //console.log(this.data);\n        //console.log(this.overviewItemType);\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import styles\n@import \"./index.scss\";\n</style>\n","<template>\n    <div class=\"lesson-part part\" v-if=\"data && data !== ''\">\n        <span class=\"part-index\" v-if=\"itemIndex\">Lesson {{ itemIndex }}:</span>\n        <div class=\"global-item-wrapper\">\n            <div class=\"thumb-side\">\n                <img v-if=\"data.overviewImageUrl\" :src=\"data.overviewImageUrl\" />\n                <img v-else-if=\"!data.overviewImageUrl && mediaDetailsObj\" :src=\"getVixyThumbnailUrl()\" />\n\n                <button type=\"button\" class=\"play-btn\" @click=\"playPopupVideo\"><img\n                        src=\"@/assets/svgs/play-icon-white.svg\" class=\"logo\" /></button>\n            </div>\n            <div class=\"content-side\" :class=\"{ 'partial-visible': textFullyVisible }\">\n\n                <h3 class=\"part-title\">{{ data.title }}</h3>\n\n                <ul class=\"labels\" v-if=\"data.fields\">\n                    <li v-if=\"data.fields.skills &&\n        data.fields.skills.length > 0\n        \">\n                        <div class=\"item-wrapper\" v-for=\"(item) in data.fields.skills\" :key=\"item.value\">\n                            <CatAsIcon :catValue=\"getEnumVal(item.value)\" type=\"skill\" />\n\n                            <span class=\"label-wrapper\">\n                                {{ getEnumVal(item.value) }}\n                            </span>\n                        </div>\n                    </li>\n\n                    <li class=\"duration\"\n                        v-if=\"mediaDetailsObj && mediaDetailsObj.msDuration && mediaDetailsObj.msDuration !== ''\">\n                        <div class=\"item-wrapper\">\n                            <div class=\"icon-wrapper\">\n                                <img src=\"@/assets/svgs/duration-blue.svg\" class=\"duration-icon\" />\n                            </div>\n                            <span class=\"label-wrapper\">{{ formatToClockDuration(mediaDetailsObj.msDuration)\n                                }}</span>\n                        </div>\n                    </li>\n\n                    <li v-if=\"data.fields.level &&\n        data.fields.level.length > 0\n        \">\n                        <div class=\"item-wrapper\" v-for=\"(item) in data.fields.level\" :key=\"item.value\">\n                            <CatAsIcon :catValue=\"getEnumVal(item.value)\" type=\"level\" />\n\n                            <span class=\"label-wrapper\">\n                                {{ getEnumVal(item.value) }}\n                            </span>\n\n                        </div>\n                    </li>\n\n                    <li class=\"trainer-wrapper\" v-if=\"data.fields && data.fields.coachestrainers &&\n        data.fields.coachestrainers.length > 0\n        \">\n                        <div class=\"item-wrapper\" v-for=\"(item) in data.fields.coachestrainers\" :key=\"item.value\">\n                            <div class=\"icon-wrapper\">\n                                <img src=\"@/assets/svgs/trainer.svg\" class=\"duration-icon\" />\n                            </div>\n                            <span class=\"label-wrapper\">\n                                {{ getEnumVal(item.value) }}\n                            </span>\n\n                        </div>\n                    </li>\n                </ul>\n\n                <div class=\"textual-wrapper\" v-if=\"data.content\" v-html=\"data.content\"></div>\n\n                <div class=\"button-wrapper\">\n                    <button class=\"lesson-readmore-btn\" type=\"button\" v-if=\"!textFullyVisible\"\n                        @click=\"toggleTxtVisibility()\">Show more</button>\n                    <button class=\"lesson-readmore-btn\" type=\"button\" v-if=\"textFullyVisible\"\n                        @click=\"toggleTxtVisibility()\">Show less</button>\n                </div>\n            </div>\n        </div>\n    </div>\n    <transition name=\"fade\">\n        <Popup :elemVisible=\"showVideoPopup\" :elemClass=\"'mini-popup'\" @hidePopupEl=\"hidePopups()\">\n            <div class=\"column video-column\">\n                <div class=\"big-wrapper\">\n                    <button class=\"close-btn alt\" @click=\"hidePopups()\"></button>\n                    <div :id=\"'popup-lesson-video-' + data.mediaId\"\n                        style=\"position: absolute; width: 100%; height: 100%\">\n                    </div>\n                </div>\n            </div>\n        </Popup>\n    </transition>\n</template>\n\n<script>\nimport {\n    fetchVideoAsset,\n} from \"@streampac.io/chef_sp_1\";\n\nimport CatAsIcon from \"@/components/CatAsIcon\";\n\nimport Popup from \"@/components/Popup\";\n\n\nexport default {\n    data() {\n        return {\n            mediaDetailsObj: null,\n            textFullyVisible: false,\n            showVideoPopup: false,\n        };\n    },\n    props: [\"data\", \"itemIndex\"],\n    created() { },\n    inject: [\"isAuthenticated\"],\n    components: {\n        CatAsIcon,\n        Popup\n    },\n    mounted() {\n        this.fetchDetails();\n    },\n    methods: {\n        getEnumVal(val) {\n            const enums = this.$store.state.getEnumLookup;\n\n            if (enums && enums.length > 0) {\n                const enumFilter = enums.filter((item) => item.id === val);\n\n                if (enumFilter && enumFilter.length > 0) {\n                    return enumFilter[0].enumValue;\n                }\n            }\n\n            return \"\";\n        },\n        fetchDetails() {\n\n            //Fetch video asset data\n            fetchVideoAsset(this.isAuthenticated, this.data.mediaId).then(\n                (response) => {\n                    this.mediaDetailsObj = response;\n\n                    //some extra time to display item. This way it has all the content loaded before displaying.\n                    setTimeout(() => {\n                        this.isLoading = false;\n                    }, 200);\n                }\n            );\n        },\n        getVixyThumbnailUrl() {\n            if (this.mediaDetailsObj && this.mediaDetailsObj !== \"\") {\n                const originalStr = this.mediaDetailsObj.thumbnailUrl;\n\n                //const newStr = originalStr.replace(\"/width/200\", \"/width/600\");\n                const newStr = originalStr.replace(\n                    \"/width/200\",\n                    \"/width/800/height/600/type/4/\"\n                );\n\n                return newStr;\n            }\n        },\n        padTo2Digits(num) {\n            return num.toString().padStart(2, 0);\n        },\n        formatToClockDuration(milliseconds) {\n            let seconds = Math.floor(milliseconds / 1000);\n            let minutes = Math.floor(seconds / 60);\n            let hours = Math.floor(minutes / 60);\n\n            seconds = seconds % 60;\n\n            minutes = seconds >= 30 ? minutes + 1 : minutes;\n\n            minutes = minutes % 60;\n\n            hours = hours % 24;\n\n            if (hours > 0) {\n                return `${this.padTo2Digits(hours)}:${this.padTo2Digits(minutes)}:${this.padTo2Digits(seconds)}`;\n            } else {\n                return `${this.padTo2Digits(minutes)}:${this.padTo2Digits(seconds)}`;\n            }\n        },\n        toggleTxtVisibility() {\n            this.textFullyVisible = !this.textFullyVisible;\n        },\n        playPopupVideo() {\n            this.showVideoPopup = true;\n            this.initPopupPlayer();\n        },\n        hidePopups() {\n            this.showVideoPopup = false;\n        },\n        initPopupPlayer() {\n            const { kWidget } = window;\n\n            //console.log(this.data);\n\n            if (this.data && this.data.allowedToPlay) {\n                setTimeout(() => {\n                    kWidget.embed({\n                        targetId: \"popup-lesson-video-\" + this.data.mediaId,\n                        wid: \"_\" + this.$store.state.getVixyParams.partner,\n                        uiconf_id: this.$store.state.getVixyParams.uiconfid,\n                        flashvars: {\n                            ks: this.data.kalturaSession,\n                            playlistAPI: {\n                                autoPlay: true,\n                            },\n                        },\n                        entry_id: this.data.mediaId,\n                    });\n                }, 200);\n            }\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import styles\n@import \"./index.scss\";\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=b6ee57c8&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=b6ee57c8&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src1243849527/src/lead-hockey/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-b6ee57c8\"]])\n\nexport default __exports__","import { render } from \"./index.vue?vue&type=template&id=059e13d0&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=059e13d0&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src1243849527/src/lead-hockey/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-059e13d0\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=b6ee57c8&lang=scss&scoped=true\""],"sourceRoot":""}