{"version":3,"sources":["webpack:///./src/assets/svgs/level-advanced.svg","webpack:///./src/components/CatAsIcon/index.vue?f224","webpack:///./src/assets/svgs/duration.svg","webpack:///./src/assets/svgs/receiving-icon.svg","webpack:///./src/components/VideoOverviewItem/index.vue?b8db","webpack:///./src/components/VideoOverviewItem/index.vue","webpack:///./src/components/VideoOverviewItem/index.vue?d037","webpack:///./src/assets/svgs/passing-icon.svg","webpack:///./src/assets/svgs/category-icon.svg","webpack:///./src/components/CatAsIcon/index.vue","webpack:///./src/components/CatAsIcon/index.vue?2948","webpack:///./src/assets/svgs/level-pro.svg","webpack:///./src/assets/svgs/scoring-icon.svg","webpack:///./src/assets/svgs/defending-icon.svg","webpack:///./src/assets/svgs/level-basic.svg"],"names":["module","exports","class","_createElementVNode","_hoisted_13","src","_imports_0","_createBlock","_component_router_link","to","$props","data","slug","_normalizeClass","$data","itemClass","isLoading","mainVideoType","_createElementBlock","_hoisted_1","_hoisted_2","overviewImageModel","url","style","_normalizeStyle","overviewImageUrl","mediaDetailsObj","$options","getVixyThumbnailUrl","fields","_hoisted_3","skills","length","_hoisted_4","_Fragment","_renderList","item","key","value","_createVNode","_component_CatAsIcon","catValue","getEnumVal","type","_hoisted_5","_toDisplayString","videofilter4","_hoisted_6","_hoisted_7","section","_hoisted_8","_hoisted_9","level","_hoisted_10","_hoisted_11","freeVideo","_hoisted_12","_hoisted_14","Categories","_hoisted_15","_hoisted_16","_hoisted_17","title","_hoisted_18","reformatDesktopTitle","coachestrainers","_hoisted_19","_hoisted_20","msDuration","_hoisted_21","_hoisted_22","formatToClockDuration","trainerData","_hoisted_23","templateContentMedia","_hoisted_24","overviewImage","_hoisted_26","_hoisted_27","displayNewLabel","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","inject","props","observer","doCalcOverlayPosition","Boolean","default","Object","components","CatAsIcon","linkedTrainer","mounted","this","undefined","observe","$el","fetchDetails","DoesObjHasEnum","videotype","fetchDataParams","filter","searchTerm","paging","pageNumber","pageSize","flattenFields","getContentTypes","$store","state","chosenType","trainersAndCoaches","fetchTemplateContentList","isAuthenticated","then","response","methods","fetchVideoAsset","mediaId","setTimeout","adjustedTitle","reformatMobileTitle","substring","padTo2Digits","num","toString","padStart","milliseconds","seconds","Math","floor","minutes","hours","val","enums","getEnumLookup","enumFilter","id","enumValue","originalStr","thumbnailUrl","newStr","replace","fieldsObj","definedEnum","checkForEnumName","enumNames","forEach","singleEnum","enumAsName","push","includes","__exports__","render","imgSrc","name","returnCatImg","toLowerCase","returnLevelImage","passingIcon","defendingIcon","scoringIcon","receivingIcon","categoryIcon","basicIcon","advancedIcon","proIcon"],"mappings":"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","file":"js/chunk-4142fa28.9e869d14.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/level-advanced.c2c4b1d1.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=ff34370a&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/duration.d6c14561.svg\";","module.exports = __webpack_public_path__ + \"img/receiving-icon.499c3de1.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=66aabc43&lang=scss&scoped=true\"","<template>\n    <router-link :to=\"'/video/' + data.slug\" :class=\"[itemClass, {\n        isloading: isLoading,\n    }]\">\n        <div class=\"inner-video-item\" v-if=\"data && mainVideoType !== 'Masterclass'\">\n            <div class=\"thumbnail\">\n\n                <!-- <img v-if=\"data.overviewImageUrl\" :src=\"data.overviewImageUrl\" />\n                <img v-else-if=\"!data.overviewImageUrl && mediaDetailsObj\" :src=\"getVixyThumbnailUrl()\" /> -->\n\n                <div v-if=\"data.overviewImageModel && data.overviewImageModel.url && data.overviewImageModel.url !== ''\"\n                    class=\"background-wrapper\" v-bind:style=\"{\n                        'background-image':\n                            'url(' + data.overviewImageModel.url + ')',\n                    }\"></div>\n                <div v-else-if=\"!data.overviewImageUrl && mediaDetailsObj\" class=\"background-wrapper\" v-bind:style=\"{\n                    'background-image':\n                        'url(' + getVixyThumbnailUrl() + ')',\n                }\"></div>\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\n                        </div>\n                    </li>\n\n                    <li v-if=\"data.fields.videofilter4 &&\n                        data.fields.videofilter4.length > 0\n                        \">\n                        <div class=\"item-wrapper\" v-for=\"(item) in data.fields.videofilter4\" :key=\"item.value\">\n                            <CatAsIcon :catValue=\"getEnumVal(item.value)\" type=\"skill\" />\n\n                            <span class=\"label-wrapper\">\n                                {{ getEnumVal(item.value) }}\n                            </span>\n\n                        </div>\n                    </li>\n\n                    <li v-if=\"data.fields.section &&\n                        data.fields.section.length > 0\n                        \">\n                        <div class=\"item-wrapper\" v-for=\"(item) in data.fields.section\" :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 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 v-if=\"data.freeVideo\">\n                        <div class=\"item-wrapper free\">Free</div>\n                    </li>\n                    <li class=\"categories\"\n                        v-if=\"data.fields && data.fields.Categories && data.fields.Categories.length > 0\">\n                        <div class=\"item-wrapper\" v-for=\"(item) in data.fields.Categories\" :key=\"item.value\">\n                            <span class=\"label-wrapper\">\n                                {{ getEnumVal(item.value) }}\n                            </span>\n                        </div>\n                    </li>\n                </ul>\n            </div>\n\n            <div class=\"video-meta regular\" v-if=\"mediaDetailsObj\">\n                <h3 class=\"video-title\" v-if=\"data.title\">\n                    {{ reformatDesktopTitle(data.title) }}\n                </h3>\n                <!-- <h3 class=\"video-subtitle\" v-if=\"data.subtitle\">\n                        {{ reformatDesktopTitle(data.subtitle) }}\n                    </h3> -->\n                <div 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\n                        <span class=\"label-wrapper\">\n                            {{ getEnumVal(item.value) }}\n                        </span>\n\n                    </div>\n                </div>\n                <div class=\"duration\" v-if=\"mediaDetailsObj.msDuration && mediaDetailsObj.msDuration !== ''\">\n                    <img src=\"@/assets/svgs/duration.svg\" class=\"duration-icon\" />\n                    <span>{{ formatToClockDuration(mediaDetailsObj.msDuration) }}</span>\n                </div>\n            </div>\n        </div>\n        <div class=\"inner-video-item\" v-if=\"data && mainVideoType == 'Masterclass' && trainerData && trainerData !== ''\">\n            <div class=\"thumbnail\" v-if=\"trainerData.templateContentMedia\">\n                <img v-if=\"trainerData.templateContentMedia.overviewImage.url && trainerData.templateContentMedia.overviewImage.url !== ''\"\n                    :src=\"trainerData.templateContentMedia.overviewImage.url\" />\n            </div>\n\n            <div class=\"video-meta\">\n                <div class=\"inner-meta-wrapper\">\n                    <span v-if=\"displayNewLabel\" class=\"global-label new\">\n                        New\n                    </span>\n                    <h2 class=\"trainer-name\" v-if=\"data.fields && data.fields.coachestrainers &&\n                        data.fields.coachestrainers.length > 0\n                        \">\n                        {{ getEnumVal(data.fields.coachestrainers[0].value) }}\n\n                    </h2>\n                    <p class=\"video-title\" v-if=\"data.title\">\n                        {{ reformatDesktopTitle(data.title) }}\n                    </p>\n                    <span class=\"button\">View masterclass</span>\n                </div>\n            </div>\n        </div>\n        <!-- masterclass-video-item -->\n    </router-link>\n</template>\n\n<script>\n//import { fetchMediaDetails } from \"@streampac.io/chef_sp_1\";\n\nimport {\n    fetchVideoAsset,\n    fetchTemplateContentList,\n} from \"@streampac.io/chef_sp_1\";\n\nimport CatAsIcon from \"@/components/CatAsIcon\";\n\nexport default {\n    inject: [\"isAuthenticated\"],\n    props: {\n        observer: null,\n        doCalcOverlayPosition: {\n            type: Boolean,\n            default: () => { },\n        },\n        data: {\n            type: Object,\n            default: () => { },\n        },\n    },\n    components: {\n        CatAsIcon\n    },\n    data() {\n        return {\n            isLoading: true,\n            mediaDetailsObj: null,\n            mainVideoType: '',\n            trainerData: null,\n            linkedTrainer: null,\n            displayNewLabel: false,\n            itemClass: 'video-item',\n        };\n    },\n    mounted() {\n        if (this.observer !== null && this.observer !== undefined) {\n            this.observer.observe(this.$el);\n        }\n\n        this.fetchDetails();\n\n        if (this.data && this.DoesObjHasEnum(this.data.fields, 'Categories', 'New')) {\n            this.displayNewLabel = true;\n        }\n\n\n        if (this.data && this.data.fields && this.data.fields.coachestrainers && this.data.fields.coachestrainers.length > 0) {\n            this.linkedTrainer = this.data.fields.coachestrainers[0].value;\n        }\n\n        if (this.data && this.data.fields && this.data.fields.videotype && this.data.fields.videotype.length > 0) {\n            this.mainVideoType = this.getEnumVal(this.data.fields.videotype[0].value);\n\n            if (this.mainVideoType && this.mainVideoType == 'Masterclass') {\n\n                const fetchDataParams = {\n                    filter: {\n                        searchTerm: this.linkedTrainer,\n                    },\n                    paging: {\n                        pageNumber: 1,\n                        pageSize: 10,\n                    },\n                    flattenFields: true,\n                };\n\n                const getContentTypes = this.$store.state.getContentTypes;\n\n                if (getContentTypes) {\n                    const chosenType = getContentTypes.trainersAndCoaches;\n\n                    fetchTemplateContentList(\n                        this.isAuthenticated,\n                        chosenType,\n                        fetchDataParams,\n                        \"?flattenFields=true\"\n                    ).then((response) => {\n                        this.trainerData = response[0];\n                    });\n\n                }\n\n                this.itemClass = 'masterclass-video-item';\n            }\n        }\n    },\n    methods: {\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        reformatDesktopTitle(title) {\n            let adjustedTitle = title;\n\n            // if (title.length > 22) {\n            //     adjustedTitle = title.substring(0, 22) + \"..\";\n            // }\n\n            return adjustedTitle;\n        },\n        reformatMobileTitle(title) {\n            let adjustedTitle = title;\n\n            if (title.length > 38) {\n                adjustedTitle = title.substring(0, 34) + \"..\";\n            }\n\n            return adjustedTitle;\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        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        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/640/height/360/type/4/\"\n                );\n\n                return newStr;\n            }\n        },\n        DoesObjHasEnum(fieldsObj, definedEnum, checkForEnumName) {\n            if (fieldsObj && fieldsObj !== '' && fieldsObj[definedEnum] && fieldsObj[definedEnum].length > 0) {\n\n                let enumNames = [];\n\n                if (fieldsObj[definedEnum] && fieldsObj[definedEnum].length > 0) {\n\n                    fieldsObj[definedEnum].forEach((singleEnum) => {\n                        const enumAsName = this.getEnumVal(singleEnum.value);\n\n                        enumNames.push(enumAsName);\n                    });\n\n                    if (enumNames.includes(checkForEnumName)) {\n                        return true;\n                    } else {\n                        return false;\n                    }\n                } else {\n                    return false;\n                }\n            } else {\n                return false;\n            }\n        },\n        // getAssetById(){\n        //     if( this.data && this.data.overviewImage && this.data.overviewImage !== '' ){\n\n        //     }\n        // }\n        // returnCatImg(val) {\n        //     if (val && val !== '') {\n        //         if (val == 'passing') {\n        //             return passingIcon;\n        //         } else if (val == 'defending') {\n        //             return defendingIcon;\n        //         } else if (val == 'scoring') {\n        //             return scoringIcon;\n        //         } else if (val == 'receiving') {\n        //             return receivingIcon;\n        //         } else {\n        //             return categoryIcon;\n        //         }\n        //     } else {\n        //         return categoryIcon;\n        //     }\n\n        // },\n        // returnLevelImage(val) {\n        //     if (val && val !== '') {\n        //         if (val == 'basic') {\n        //             return basicIcon;\n        //         } else if (val == 'advanced') {\n        //             return advancedIcon;\n        //         } else if (val == 'pro') {\n        //             return proIcon;\n        //         } else {\n        //             return proIcon;\n        //         }\n        //     } else {\n        //         return proIcon;\n        //     }\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=66aabc43&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=66aabc43&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-66aabc43\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/passing-icon.499c3de1.svg\";","module.exports = __webpack_public_path__ + \"img/category-icon.499c3de1.svg\";","<template>\n    <span class=\"icon-wrapper\">\n        <img v-if=\"imgSrc\" :src=\"imgSrc\" class=\"icon\" />\n    </span>\n</template>\n\n<script>\nimport scoringIcon from \"@/assets/svgs/scoring-icon.svg\";\nimport passingIcon from \"@/assets/svgs/passing-icon.svg\";\nimport defendingIcon from \"@/assets/svgs/defending-icon.svg\";\nimport receivingIcon from \"@/assets/svgs/receiving-icon.svg\";\n\nimport categoryIcon from \"@/assets/svgs/category-icon.svg\";\n\nimport basicIcon from \"@/assets/svgs/level-basic.svg\";\nimport advancedIcon from \"@/assets/svgs/level-advanced.svg\";\nimport proIcon from \"@/assets/svgs/level-pro.svg\";\n\nexport default {\n    name: \"breadcrumbs\",\n    props: [\"type\", 'catValue'],\n    data() {\n        return {\n            imgSrc: null,\n        };\n    },\n    mounted() {\n        if (this.type && this.type == 'skill') {\n            this.returnCatImg(this.catValue.toLowerCase());\n        } else if (this.type && this.type == 'level') {\n            this.returnLevelImage(this.catValue.toLowerCase());\n        }\n    },\n    methods: {\n        returnCatImg(val) {\n            if (val && val !== '') {\n                if (val == 'passing') {\n                    this.imgSrc = passingIcon;\n                } else if (val == 'defending') {\n                    this.imgSrc = defendingIcon;\n                } else if (val == 'scoring') {\n                    this.imgSrc = scoringIcon;\n                } else if (val == 'receiving') {\n                    this.imgSrc = receivingIcon;\n                } else {\n                    this.imgSrc = categoryIcon;\n                }\n            } else {\n                this.imgSrc = categoryIcon;\n            }\n\n        },\n        returnLevelImage(val) {\n            if (val && val !== '') {\n                if (val == 'basic') {\n                    this.imgSrc = basicIcon;\n                } else if (val == 'advanced') {\n                    this.imgSrc = advancedIcon;\n                } else if (val == 'pro') {\n                    this.imgSrc = proIcon;\n                } else {\n                    this.imgSrc = proIcon;\n                }\n            } else {\n                this.imgSrc = proIcon;\n            }\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=ff34370a&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=ff34370a&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-ff34370a\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/level-pro.c013296c.svg\";","module.exports = __webpack_public_path__ + \"img/scoring-icon.499c3de1.svg\";","module.exports = __webpack_public_path__ + \"img/defending-icon.499c3de1.svg\";","module.exports = __webpack_public_path__ + \"img/level-basic.030b8bb1.svg\";"],"sourceRoot":""}