{"version":3,"sources":["webpack:///./src/views/SearchResultsPage/index.vue?b2ad","webpack:///./src/views/SearchResultsPage/index.vue?61f8","webpack:///./src/views/SearchResultsPage/index.vue","webpack:///./src/components/SearchGridCollection/index.vue","webpack:///./src/components/SearchGridCollection/index.vue?c412","webpack:///./src/views/SearchResultsPage/index.vue?1cce","webpack:///./src/components/SearchGridCollection/index.vue?d45b"],"names":["class","$data","pageData","_createBlock","_component_HeroPage","data","heroType","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createVNode","_component_SearchBar","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","userInput","_createElementBlock","_hoisted_10","_toDisplayString","_component_SearchGridCollection","paging","searchParams","id","_Transition","name","videoContentArray","length","_Fragment","_renderList","item","_component_VideoOverviewItem","key","mediaId","observer","showNoItemsFound","showLazyLoadSpinner","components","VideoOverviewItem","inject","loadedAllItemFound","totalItems","totalLoadedItems","catFilters","filterVal","fetchDataParams","filter","searchTerm","pageNumber","pageSize","flattenFields","props","type","Object","required","String","created","this","IntersectionObserver","onElementObserved","root","$el","threshold","setTimeout","fetchVideoContentData","mounted","unmounted","unobserve","methods","entries","forEach","_ref","target","isIntersecting","val","undefined","inputData","fetchVideoContentList","isAuthenticated","then","response","paginationHeaders","JSON","parse","headers","totalCount","TotalCount","processFetch","push","__exports__","$route","params","searchParam","toggleBar","headerTitle","headerSubtitle","SearchGridCollection","SearchBar","HeroPage","render"],"mappings":"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","file":"js/chunk-606e61d6.40c02079.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=1&id=08180bfa&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=08180bfa&lang=scss&scoped=true\"","<template>\n    <!-- <section class=\"section tmp-banner no-bg\">\n\t\t<div class=\"container\">\n\t\t\t<div class=\"column-wrapper\">\n\t\t\t\t<div class=\"column intro-column\">\n\t\t\t\t\t<h1 class=\"block-title\">\n\t\t\t\t\t\tSearch Delight\n\t\t\t\t\t</h1>\n\t\t\t\t\t<span class=\"block-subtitle\">Find your class</span>\n\n\t\t\t\t\t<div class=\"search-meta-wrapper\">\n\t\t\t\t\t\t<SearchBar />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</section> -->\n\n    <HeroPage v-if=\"pageData\" :data=\"pageData\" heroType=\"center\" />\n\n\n    <section class=\"section search-section\">\n        <div class=\"container\">\n            <div class=\"column-wrapper\">\n                <div class=\"column intro-column\">\n                    <div class=\"search-meta-wrapper\">\n                        <SearchBar />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </section>\n\n    <section class=\"section search-query-msg\">\n        <div class=\"container\">\n            <div class=\"column-wrapper\">\n                <div class=\"column intro-column\">\n                    <div class=\"chosen-search-term\" v-if=\"userInput\">\n                        <h2>Results for: \"{{ userInput }}\"</h2>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </section>\n\n    <SearchGridCollection :paging=\"paging\" :searchParams=\"userInput\" />\n</template>\n\n<script>\nimport SearchGridCollection from \"@/components/SearchGridCollection\";\n\nimport SearchBar from \"@/components/SearchBar\";\n\nimport HeroPage from \"@/components/HeroPage\";\n\n\nexport default {\n    data() {\n        return {\n            userInput: this.$route.params.searchParam,\n            paging: {\n                pageNumber: 1,\n                //Temp high page size because of pagination bug\n                pageSize: 200,\n            },\n            toggleBar: false,\n            pageData: {\n                headerTitle: 'Search',\n                headerSubtitle: 'Find your video'\n            }\n        };\n    },\n    inject: [\"isAuthenticated\"],\n    components: {\n        SearchGridCollection,\n        SearchBar,\n        HeroPage\n    },\n    created() { },\n    methods: {},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import styles\n@import \"./index.scss\";\n</style>\n\n<style lang=\"scss\">\n.search-meta-wrapper {\n    .search-wrapper {\n        margin: 0 auto;\n        width: 270px;\n    }\n}\n</style>\n","<template>\n\t<section class=\"video-grid-collection\">\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\t\t\t\t<div class=\"column grid-collection\">\n\t\t\t\t\t<transition name=\"slow-fade\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"items-wrapper\"\n\t\t\t\t\t\t\tv-if=\"\n\t\t\t\t\t\t\t\tvideoContentArray &&\n\t\t\t\t\t\t\t\t\tvideoContentArray.length > 0\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<VideoOverviewItem\n\t\t\t\t\t\t\t\tv-for=\"item in videoContentArray\"\n\t\t\t\t\t\t\t\t:key=\"item.mediaId\"\n\t\t\t\t\t\t\t\t:data=\"item\"\n\t\t\t\t\t\t\t\t:observer=\"observer\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</transition>\n\t\t\t\t\t<transition name=\"slow-fade\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"message no-items-found\"\n\t\t\t\t\t\t\tv-if=\"showNoItemsFound && !showLazyLoadSpinner\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tGeen video's meer gevonden..\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</transition>\n\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"lazyload-spinner\"\n\t\t\t\t\t\t\tv-if=\"showLazyLoadSpinner\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t<li></li>\n\t\t\t\t\t\t\t\t<li></li>\n\t\t\t\t\t\t\t\t<li></li>\n\t\t\t\t\t\t\t\t<li></li>\n\t\t\t\t\t\t\t\t<li></li>\n\t\t\t\t\t\t\t\t<li></li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n</template>\n\n<script>\n// @import component\nimport VideoOverviewItem from \"@/components/VideoOverviewItem\";\n\nimport { fetchVideoContentList } from \"@streampac.io/chef_sp_1\";\n\n// import { fetchMultipleVideoAssets } from \"@/dist\";\n\nexport default {\n\tname: \"SearchGridCollection\",\n\tcomponents: {\n\t\tVideoOverviewItem,\n\t},\n\tinject: [\"isAuthenticated\"],\n\tdata() {\n\t\treturn {\n\t\t\tshowNoItemsFound: false,\n\t\t\tloadedAllItemFound: false,\n\t\t\tobserver: null,\n\t\t\ttotalItems: 0,\n\t\t\ttotalLoadedItems: 0,\n\t\t\tcatFilters: [],\n\t\t\tfilterVal: [],\n\t\t\tshowLazyLoadSpinner: false,\n\t\t\tdata: null,\n\t\t\tvideoContentArray: [],\n\t\t\tfetchDataParams: {\n\t\t\t\tfilter: {\n\t\t\t\t\tsearchTerm: \"\",\n\t\t\t\t},\n\t\t\t\tpaging: {\n\t\t\t\t\tpageNumber: 1,\n\t\t\t\t\tpageSize: 1,\n\t\t\t\t},\n\t\t\t\t// orderBy: {\n\t\t\t\t// \torderByField: \"PublicationDate\",\n\t\t\t\t// \torderDesc: false,\n\t\t\t\t// },\n\t\t\t\tflattenFields: true,\n\t\t\t},\n\t\t};\n\t},\n\tprops: {\n\t\tpaging: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t},\n\t\tsearchParams: {\n\t\t\ttype: String,\n\t\t\trequired: false,\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.observer = new IntersectionObserver(this.onElementObserved, {\n\t\t\troot: this.$el,\n\t\t\tthreshold: 0.5,\n\t\t});\n\n\t\tif (this.searchParams) {\n\t\t\tthis.fetchDataParams.filter.searchTerm = this.searchParams;\n\t\t}\n\n\t\tif (this.paging) {\n\t\t\tthis.fetchDataParams.paging.pageNumber = this.paging.pageNumber;\n\t\t\tthis.fetchDataParams.paging.pageSize = this.paging.pageSize;\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tthis.fetchVideoContentData();\n\t\t}, 200);\n\t},\n\tmounted() {},\n\tunmounted() {\n\t\tthis.observer.unobserve(this.$el);\n\t},\n\tmethods: {\n\t\tonElementObserved(entries) {\n\t\t\tentries.forEach(({ target, isIntersecting }) => {\n\t\t\t\tif (isIntersecting) {\n\t\t\t\t\tthis.observer.unobserve(target);\n\t\t\t\t\tthis.totalItems = this.totalItems + 1;\n\t\t\t\t\tthis.totalLoadedItems = this.totalLoadedItems + 1;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tif (this.totalItems == this.fetchDataParams.paging.pageSize) {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.fetchDataParams.paging.pageNumber =\n\t\t\t\t\t\tthis.fetchDataParams.paging.pageNumber + 1;\n\n\t\t\t\t\tthis.fetchVideoContentData(\n\t\t\t\t\t\tthis.fetchDataParams.paging.pageNumber\n\t\t\t\t\t);\n\t\t\t\t}, 50);\n\n\t\t\t\t//reset count to 0 again\n\t\t\t\tthis.totalItems = 0;\n\t\t\t}\n\t\t},\n\t\tfetchVideoContentData(val) {\n\t\t\tthis.showLazyLoadSpinner = true;\n\t\t\tthis.fetchDataParams.paging.pageNumber = val;\n\n\t\t\tif (val == undefined) this.fetchDataParams.paging.pageNumber = 1;\n\n\t\t\tlet inputData = this.fetchDataParams;\n\n\t\t\tfetchVideoContentList(this.isAuthenticated, inputData, true).then(\n\t\t\t\t(response) => {\n\t\t\t\t\t//this.showLazyLoadSpinner = true;\n\t\t\t\t\tthis.data = response.data;\n\n\t\t\t\t\tconst paginationHeaders = JSON.parse(\n\t\t\t\t\t\tresponse.headers[\"x-pagination\"]\n\t\t\t\t\t);\n\n\t\t\t\t\tthis.totalCount = paginationHeaders.TotalCount;\n\n\t\t\t\t\tif (paginationHeaders.TotalCount == 0) {\n\t\t\t\t\t\tthis.showNoItemsFound = true;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (paginationHeaders.TotalCount == this.totalLoadedItems) {\n\t\t\t\t\t\tthis.loadedAllItemFound = true;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.processFetch();\n\n\t\t\t\t\tthis.showLazyLoadSpinner = false;\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tprocessFetch() {\n\t\t\tlet videoContentArray = this.videoContentArray;\n\n\t\t\tif (this.data) {\n\t\t\t\tthis.data.forEach((item) => {\n\t\t\t\t\tvideoContentArray.push(item);\n\t\t\t\t});\n\t\t\t}\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=40663853&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=40663853&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-40663853\"]])\n\nexport default __exports__","import { render } from \"./index.vue?vue&type=template&id=08180bfa&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=08180bfa&lang=scss&scoped=true\"\nimport \"./index.vue?vue&type=style&index=1&id=08180bfa&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-08180bfa\"]])\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=40663853&lang=scss&scoped=true\""],"sourceRoot":""}