{"version":3,"sources":["webpack:///./src/views/VideoCatMasterClasses/index.vue?f626","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","webpack:///./src/views/VideoCatMasterClasses/index.vue","webpack:///./src/views/VideoCatMasterClasses/index.vue?95f6"],"names":["class","_createElementVNode","id","selected","value","_hoisted_13","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_renderSlot","_ctx","$slots","undefined","$props","collectionFilter","_hoisted_4","onClick","_cache","$event","$options","showMobileFilterFunction","_normalizeClass","$data","showMobileFilter","_Fragment","_renderList","catFilters","filterType","key","name","onChange","onFilterChange","arguments","filterVal","_hoisted_6","_toDisplayString","getCorrectFilterLabel","children","child","enumValue","_hoisted_7","_hoisted_8","_hoisted_9","_createVNode","_Transition","videoContentArray","length","_hoisted_10","item","_createBlock","_component_VideoOverviewItem","mediaId","data","observer","showNoItemsFound","showLazyLoadSpinner","_hoisted_11","_hoisted_12","_hoisted_14","inject","components","VideoOverviewItem","initialPageLoad","loadedAllItemFound","totalItems","totalLoadedItems","fetchDataParams","filter","searchTerm","paging","pageNumber","pageSize","flattenFields","displayResetBtn","props","type","Object","required","searchParams","enumId","String","onlyShowFree","Boolean","created","this","IntersectionObserver","onElementObserved","root","$el","threshold","forEach","setTimeout","fetchNestedEnumValues","isAuthenticated","then","response","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","methods","_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","__exports__","render","pageData","_component_HeroPage","_component_VideoGridFilterCollection","_component_PageLayoutBuilder","HeroPage","PageLayoutBuilder","VideoGridFilterCollection","watch","fetchPage","fetchPageBySlug"],"mappings":"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","file":"js/chunk-1a4d4674.efe65e1d.js","sourcesContent":["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=32b47fa0&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\"","<template>\n    <HeroPage v-if=\"pageData\" :data=\"pageData\" />\n\n    <VideoGridFilterCollection :paging=\"fetchDataParams.paging\"\n        :collectionFilter=\"['Categories', 'Level', 'Coaches & Trainers']\" :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: \"VideoCatTacticalClasses\",\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: \"Video Type\",\n                    // //TEST\n                    // value: \"04d64957-d2a3-4273-b90d-e8fac6452e94\",\n                    //LIVE\n                    value: \"a86474fc-55b1-4dba-98c3-efce210617a1\"\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, \"videos-masterclasses\").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=32b47fa0&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=32b47fa0&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-32b47fa0\"]])\n\nexport default __exports__"],"sourceRoot":""}