{"version":3,"sources":["webpack:///./src/views/VideoCatTrainingExercises/index.vue","webpack:///./src/views/VideoCatTrainingExercises/index.vue?b958","webpack:///./src/views/VideoCatTrainingExercises/index.vue?9267","webpack:///./src/components/VideoGridFilterCollection/index.vue","webpack:///./src/components/VideoGridFilterCollection/index.vue?f964","webpack:///./src/components/VideoGridFilterCollection/index.vue?ee13","webpack:///./src/components/VideoGridFilterCollection/index.vue?d41b"],"names":["$data","pageData","_createBlock","_component_HeroPage","data","_createVNode","_component_VideoGridFilterCollection","paging","fetchDataParams","collectionFilter","searchParams","_component_PageLayoutBuilder","name","inject","pageNumber","pageSize","type","value","components","HeroPage","PageLayoutBuilder","VideoGridFilterCollection","watch","isAuthenticated","this","setTimeout","fetchPage","created","methods","fetchPageBySlug","then","response","__exports__","render","class","_createElementVNode","id","selected","_hoisted_13","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_renderSlot","_ctx","$slots","undefined","$props","_hoisted_4","onClick","_cache","$event","$options","showMobileFilterFunction","_normalizeClass","showMobileFilter","_Fragment","_renderList","catFilters","filterType","key","onChange","onFilterChange","arguments","filterVal","_hoisted_6","_toDisplayString","getCorrectFilterLabel","children","child","enumValue","_hoisted_7","_hoisted_8","_hoisted_9","_Transition","videoContentArray","length","_hoisted_10","item","_component_VideoOverviewItem","mediaId","observer","showNoItemsFound","showLazyLoadSpinner","_hoisted_11","_hoisted_12","_hoisted_14","VideoOverviewItem","initialPageLoad","loadedAllItemFound","totalItems","totalLoadedItems","filter","searchTerm","flattenFields","displayResetBtn","props","Object","required","enumId","String","onlyShowFree","Boolean","IntersectionObserver","onElementObserved","root","$el","threshold","forEach","fetchNestedEnumValues","enumName","enumObj","enumerationValues","push","sort","a","b","indexOf","queryString","window","location","search","urlParams","URLSearchParams","entries","changeFetchParams","free","checkDisplayResetFilterBtn","mounted","$route","hash","anchor","document","querySelector","scrollIntoView","behavior","unmounted","unobserve","_ref","target","isIntersecting","fetchVideoContentData","val","inputData","fetchVideoContentList","paginationHeaders","JSON","parse","headers","totalCount","TotalCount","processFetch","changeUrlParameters","valValuesArray","values","filteredArray","e","stringifyVal","toString","replaceAll","pluck","array","map","o","searchParamTypes","includes","set","history","pushState","getKeyByValue","object","keys","find","lookupTitle","getEnums","$store","state","getEnumLookup","correctItem","resetAllFilters","valsArray"],"mappings":"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","file":"js/chunk-cf49ab5e.3e08e1c5.js","sourcesContent":["<template>\n    <HeroPage v-if=\"pageData\" :data=\"pageData\" />\n\n    <VideoGridFilterCollection :paging=\"fetchDataParams.paging\"\n        :collectionFilter=\"['Exercises', 'Age group', 'Level', 'Available players']\" :searchParams=\"searchParams\" />\n\n    <PageLayoutBuilder v-if=\"pageData\" :data=\"pageData\" />\n</template>\n\n<script>\nimport HeroPage from \"@/components/HeroPage\";\n\nimport PageLayoutBuilder from \"@/components/PageLayoutBuilder\";\n\nimport VideoGridFilterCollection from \"@/components/VideoGridFilterCollection\";\n\nimport {\n    fetchPageBySlug,\n} from \"@streampac.io/chef_sp_1\";\n\nexport default {\n    name: \"VideoCatTrainingExercises\",\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            fetchDataParams: {\n                paging: {\n                    pageNumber: 1,\n                    pageSize: 6,\n                },\n            },\n            searchParams: [\n                {\n                    type: \"Skill Categories\",\n                    value: \"3204e7b7-264a-4a96-8230-b6e5f8bf068e\",\n                },\n                {\n                    type: \"Video Type\",\n                    //TEST\n                    // value: \"0e8f0731-8a0c-4685-be3d-a5f3ccb5dd99\",\n\n                    //LIVE\n                    value: \"c80d1369-3861-4e0c-8278-3c29605b2c03\"\n                },\n            ],\n        };\n    },\n    components: {\n        HeroPage,\n        PageLayoutBuilder,\n        VideoGridFilterCollection\n    },\n    watch: {\n        isAuthenticated() {\n            this.pageData = null;\n            setTimeout(() => {\n                this.fetchPage();\n            }, 50);\n        },\n    },\n    created() {\n        this.fetchPage();\n    },\n    methods: {\n        fetchPage() {\n            fetchPageBySlug(this.isAuthenticated, \"video-training-exercises\").then(\n                (response) => {\n                    this.pageData = response;\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=3783892f&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=3783892f&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-3783892f\"]])\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=3783892f&lang=scss&scoped=true\"","<template>\n    <section class=\"section video-grid-collection\">\n        <span class=\"anchor\" id=\"video-grid-collection-anchor\"></span>\n        <div class=\"container\">\n            <slot name=\"header\">\n                <!-- <h2 class=\"section-title\">\n                    Explore all videos\n                </h2> -->\n            </slot>\n            <div class=\"main-filter-wrapper dropdown\" v-if=\"collectionFilter\">\n                <button @click=\"showMobileFilterFunction()\" class=\"show-filter-btn\"\n                    :class=\"{ 'show-mobile-filter': showMobileFilter }\">\n                    Filter\n                </button>\n                <div class=\"inner-wrapper\" :class=\"{ 'show-mobile-filter': showMobileFilter }\">\n                    <!-- <button v-if=\"displayResetBtn\" class=\"reset-all-filters\" @click=\"resetAllFilters()\">Reset all</button> -->\n\n                    <div class=\"filter-wrapper\" v-for=\"filterType in catFilters\" :key=\"filterType.name\">\n                        <select @change=\"onFilterChange\" v-model=\"filterVal[filterType.name]\">\n                            <option selected=\"selected\" value=\"*\">\n                                {{ getCorrectFilterLabel(filterType.name) }}\n                            </option>\n                            <option v-for=\"child in filterType.children\" :key=\"child.id\" :value=\"child.id\">\n                                {{ child.enumValue }}\n                            </option>\n                        </select>\n                    </div>\n                </div>\n            </div>\n            <div class=\"column-wrapper\">\n                <div class=\"column grid-collection\">\n                    <transition name=\"slow-fade\">\n                        <div class=\"items-wrapper\" v-if=\"videoContentArray &&\n                videoContentArray.length > 0\n                \">\n                            <VideoOverviewItem v-for=\"item in videoContentArray\" :key=\"item.mediaId\" :data=\"item\"\n                                :observer=\"observer\" />\n                        </div>\n                    </transition>\n                    <transition name=\"slow-fade\">\n                        <div class=\"message no-items-found\" v-if=\"showNoItemsFound && !showLazyLoadSpinner\">\n                            No videos found..\n                        </div>\n                    </transition>\n                    <transition name=\"fade\">\n                        <div class=\"lazyload-spinner\" v-if=\"showLazyLoadSpinner\">\n                            <ul>\n                                <li></li>\n                                <li></li>\n                                <li></li>\n                                <li></li>\n                                <li></li>\n                                <li></li>\n                            </ul>\n                        </div>\n                    </transition>\n                </div>\n            </div>\n        </div>\n    </section>\n</template>\n\n<script>\n// @import component\nimport VideoOverviewItem from \"@/components/VideoOverviewItem\";\nimport {\n    fetchNestedEnumValues,\n    fetchVideoContentList,\n} from \"@streampac.io/chef_sp_1\";\n\nexport default {\n    name: \"VideoGridFilterCollection\",\n    inject: [\"isAuthenticated\"],\n    components: {\n        VideoOverviewItem,\n    },\n    data() {\n        return {\n            showMobileFilter: false,\n            initialPageLoad: true,\n            showNoItemsFound: false,\n            loadedAllItemFound: false,\n            observer: null,\n            totalItems: 0,\n            totalLoadedItems: 0,\n            catFilters: [],\n            filterVal: [],\n            showLazyLoadSpinner: false,\n            data: null,\n            videoContentArray: [],\n            fetchDataParams: {\n                filter: {\n                    searchTerm: \"\",\n                },\n                paging: {\n                    pageNumber: 1,\n                    pageSize: 1,\n                },\n                flattenFields: true,\n            },\n            displayResetBtn: false,\n        };\n    },\n    //props: [\"ApiQueryParams\", \"collectionFilter\", \"paging\"],\n    props: {\n        collectionFilter: {\n            type: Object,\n            required: true,\n        },\n        paging: {\n            type: Object,\n            required: true,\n        },\n        searchParams: {\n            type: Object,\n            required: false,\n        },\n        enumId: {\n            type: String,\n            required: false,\n        },\n        onlyShowFree: {\n            type: Boolean,\n            required: false,\n        },\n    },\n    created() {\n        this.observer = new IntersectionObserver(this.onElementObserved, {\n            root: this.$el,\n            threshold: 0.5,\n        });\n\n        if (this.paging) {\n            this.fetchDataParams.paging.pageNumber = this.paging.pageNumber;\n            this.fetchDataParams.paging.pageSize = this.paging.pageSize;\n        }\n\n        if (this.searchParams && this.searchParams !== \"\") {\n            this.searchParams.forEach((item) => {\n                this.filterVal[item.type] = item.value;\n            });\n        }\n\n        if (this.collectionFilter) {\n            this.collectionFilter.forEach((filterType) => {\n                this.filterVal[filterType] = \"*\";\n            });\n\n\n            setTimeout(() => {\n                fetchNestedEnumValues(this.isAuthenticated).then((response) => {\n                    if (response && response.length > 0) {\n                        response.forEach((name) => {\n                            this.collectionFilter.forEach((filterType) => {\n\n                                if (name.enumName === filterType) {\n                                    let enumObj = {\n                                        name: name.enumName,\n                                        children: name.enumerationValues,\n                                    };\n\n                                    this.catFilters.push(enumObj);\n                                }\n                            });\n                        });\n\n                        //Sort order by order collectionFilter order.\n                        this.catFilters.sort((a, b) => {\n                            return this.collectionFilter.indexOf(a.name) - this.collectionFilter.indexOf(b.name);\n                        });\n                    }\n                });\n            }, 100);\n        }\n\n        const queryString = window.location.search;\n        const urlParams = new URLSearchParams(queryString);\n\n        if (queryString && queryString !== \"\") {\n            for (const [key, value] of urlParams.entries()) {\n                if (value && value !== \"\") {\n                    this.filterVal[key] = value;\n                }\n            }\n        }\n\n        setTimeout(() => {\n            //this.fetchVideoContentData();\n            this.changeFetchParams(this.filterVal);\n\n        }, 100);\n\n        if (this.onlyShowFree && this.onlyShowFree === true) {\n            this.fetchDataParams.filter.free = true;\n        }\n\n        //On load check if the reset button needs display\n        this.checkDisplayResetFilterBtn();\n    },\n    mounted() {\n        if (this.$route.hash == \"#video-grid-collection-anchor\") {\n            setTimeout(() => {\n                var anchor = document.querySelector(\n                    \"#video-grid-collection-anchor\"\n                );\n                anchor.scrollIntoView({\n                    behavior: \"smooth\",\n                });\n            }, 600);\n        }\n    },\n    unmounted() {\n        this.observer.unobserve(this.$el);\n    },\n    methods: {\n        onElementObserved(entries) {\n            entries.forEach(({ target, isIntersecting }) => {\n                if (isIntersecting) {\n                    this.observer.unobserve(target);\n\n                    this.totalItems = this.totalItems + 1;\n                    this.totalLoadedItems = this.totalLoadedItems + 1;\n                }\n            });\n\n            if (this.totalItems == this.fetchDataParams.paging.pageSize) {\n                setTimeout(() => {\n                    this.fetchDataParams.paging.pageNumber =\n                        this.fetchDataParams.paging.pageNumber + 1;\n\n                    this.fetchVideoContentData(\n                        this.fetchDataParams.paging.pageNumber\n                    );\n                }, 50);\n\n                //reset count to 0 again\n                this.totalItems = 0;\n            }\n        },\n        onFilterChange() {\n            this.changeFetchParams(this.filterVal);\n            this.totalItems = 0;\n            this.totalLoadedItems = 0;\n\n            this.checkDisplayResetFilterBtn();\n        },\n        fetchVideoContentData(val) {\n            this.showLazyLoadSpinner = true;\n            this.fetchDataParams.paging.pageNumber = val;\n\n            if (val == undefined) this.fetchDataParams.paging.pageNumber = 1;\n\n            let inputData = this.fetchDataParams;\n\n            fetchVideoContentList(this.isAuthenticated, inputData, true).then(\n                (response) => {\n                    const paginationHeaders = JSON.parse(\n                        response.headers[\"x-pagination\"]\n                    );\n\n                    this.totalCount = paginationHeaders.TotalCount;\n\n                    if (paginationHeaders.TotalCount == 0) {\n                        this.showNoItemsFound = true;\n                    }\n\n                    if (paginationHeaders.TotalCount == this.totalLoadedItems) {\n                        this.loadedAllItemFound = true;\n                    }\n\n                    //setTimeout(() => {\n                    this.data = response.data;\n\n                    this.processFetch();\n                    //}, 100);\n\n                    setTimeout(() => {\n                        this.showLazyLoadSpinner = false;\n                    }, 500);\n                }\n            );\n\n            this.changeUrlParameters();\n        },\n        processFetch() {\n            let videoContentArray = this.videoContentArray;\n\n            if (this.data && this.data.length > 0) {\n                this.data.forEach((item) => {\n                    videoContentArray.push(item);\n                });\n            }\n        },\n        changeFetchParams(val) {\n            //reset data to prepare for filtering\n            this.data = null;\n            this.videoContentArray = [];\n            this.fetchDataParams.paging.pageNumber = 1;\n            this.loadedAllItemFound = false;\n            this.totalLoadedItems = 0;\n            this.showLazyLoadSpinner = false;\n            this.showNoItemsFound = false;\n\n            const valValuesArray = Object.values(val);\n\n            var filteredArray = valValuesArray.filter(function (e) {\n                return e !== \"*\";\n            });\n\n            const stringifyVal = filteredArray.toString().replaceAll(\",\", \"; \");\n\n            //Correctly set searchTerm here\n            this.fetchDataParams.filter.searchTerm = stringifyVal;\n\n            //this.changeUrlParameters();\n\n            //Fetch the content\n            this.fetchVideoContentData(1);\n        },\n        changeUrlParameters() {\n            //console.log(history);\n\n            setTimeout(() => {\n                if (this.searchParams && this.searchParams.length > 0) {\n                    let filter = new URLSearchParams();\n\n                    const pluck = (array, key) => {\n                        return array.map((o) => o[key]);\n                    };\n\n                    const searchParamTypes = pluck(this.searchParams, \"type\");\n\n                    for (const [key, value] of Object.entries(this.filterVal)) {\n                        if (\n                            // value &&\n                            // value !== \"\" &&\n                            // value !== \"*\" &&\n                            !searchParamTypes.includes(key)\n                        ) {\n                            filter.set(key, value);\n                        }\n                    }\n\n                    // if (this.initialPageLoad && history && history.state !== \"\") {\n                    // \thistory.replaceState(filter.toString(), \"\", \"?\" + filter);\n                    // } else {\n                    history.pushState(filter.toString(), \"\", \"?\" + filter);\n                    //}\n                } else {\n                    let filter = new URLSearchParams();\n\n                    for (const [key, value] of Object.entries(this.filterVal)) {\n                        filter.set(key, value);\n                    }\n\n                    //if (this.initialPageLoad && history && history.state !== \"\") {\n                    // \thistory.replaceState(filter.toString(), \"\", \"?\" + filter);\n                    // } else {\n                    history.pushState(filter.toString(), \"\", \"?\" + filter);\n                    //}\n\n                    //this.initialPageLoad = false;\n                }\n            }, 200);\n        },\n        getKeyByValue(object, value) {\n            return Object.keys(object).find(\n                (key) => Object.values(object[key]).indexOf(value) > -1\n            );\n        },\n        lookupTitle(val) {\n            const getEnums = this.$store.state.getEnumLookup;\n\n            if (getEnums && getEnums.length > 0) {\n                const correctItem = getEnums.filter((item) => item.id === val);\n\n                if (correctItem && correctItem.length > 0) {\n                    return correctItem[0].enumValue;\n                } else {\n                    return val;\n                }\n            } else {\n                return val;\n            }\n        },\n        showMobileFilterFunction() {\n            this.showMobileFilter = !this.showMobileFilter;\n        },\n        getCorrectFilterLabel(val) {\n            if (val == 'Exercises') {\n                return 'All exercises';\n            } else if (val == 'Skills') {\n                return 'All skills';\n            } else if (val == 'Classes') {\n                return 'All classes';\n            } else {\n                return val;\n            }\n        },\n        resetAllFilters() {\n            if (this.filterVal && this.filterVal !== '') {\n                Object.keys(this.filterVal).forEach(key => {\n\n                    if (this.collectionFilter && this.collectionFilter !== '' && this.collectionFilter.includes(key)) {\n                        this.filterVal[key] = '*';\n                    }\n\n                });\n\n                this.onFilterChange();\n            }\n        },\n        checkDisplayResetFilterBtn() {\n            let valsArray = [];\n\n            //Go through each filter val\n            Object.keys(this.filterVal).forEach(key => {\n                if (this.collectionFilter && this.collectionFilter !== '' && this.collectionFilter.includes(key)) {\n                    if (this.filterVal[key] !== '*') {\n                        //if val equals a real value\n                        valsArray.push(this.filterVal[key]);\n                    }\n                }\n            });\n\n            if (valsArray && valsArray.length > 0) {\n                this.displayResetBtn = true;\n            } else {\n                this.displayResetBtn = false;\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// .video-grid-collection {\n// \t.column.grid-collection {\n// \t\tdisplay: flex;\n// \t\tflex-flow: row wrap;\n// \t\tgap: 50px;\n// \t\t.video-item {\n// \t\t\tflex: 0 1 calc(33.33% - 33.33px);\n// \t\t}\n// \t}\n// }</style>\n","import { render } from \"./index.vue?vue&type=template&id=5c72dfa9&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=5c72dfa9&lang=scss&scoped=true\"\nimport \"./index.vue?vue&type=style&index=1&id=5c72dfa9&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-5c72dfa9\"]])\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=5c72dfa9&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=5c72dfa9&lang=scss&scoped=true\""],"sourceRoot":""}