{"version":3,"sources":["webpack:///./src/components/PageLayoutBuilder/Partials/Video/PlayList/index.vue","webpack:///./src/components/PageLayoutBuilder/Partials/Video/PlayList/index.vue?eae9"],"names":["class","data","playlistType","displayTitle","playlistItems","buttonUrl","href","buttonLabel","VideoSliderBar","VideoGridCollection","name","components","inject","showPlaylist","props","created","this","expandedInit","mounted","methods","playlistExpanded","relatedContentsExpanded","length","adjustedArray","forEach","item","entityType","videoContent","push","templateContent","templateContentFields","render"],"mappings":"kJAGkGA,MAAM,gB,GAG3FA,MAAM,oB,SAWFA,MAAM,e,yHAhByC,EAAAC,M,iBAA5D,eAoBM,O,MApBDD,MAAK,gBAAC,gBAAwB,EAAAC,KAAKC,gB,CACpC,eAGO,sBAHP,iBAGO,CAFO,EAAAD,KAAKE,cAAiC,KAAjB,EAAAF,KAAKE,cAAwC,MAAjB,EAAAF,KAAKE,c,iBAAhE,eAC6B,KAD7B,EAC6B,eAAzB,EAAAF,KAAKE,cAAY,I,0BAEzB,eASM,MATN,EASM,CAP0C,EAAAF,KAAKC,cAAiC,UAAjB,EAAAD,KAAKC,c,iBAAtE,eAAkG,G,MAAjFD,KAAM,EAAAG,e,wCAE0B,EAAAH,KAAKC,cAAiC,YAAjB,EAAAD,KAAKC,c,iBAA3E,eAAyG,G,MAAnFD,KAAM,EAAAG,e,0CAMhC,eAIO,sBAJP,iBAIO,CAH4B,EAAAH,KAAKI,W,iBAApC,eAEM,MAFN,EAEM,CADF,eAAoD,KAAhDC,KAAM,EAAAL,KAAKI,W,eAAc,EAAAJ,KAAKM,aAAW,Q,iGAUvDC,EAAiB,gBAAqB,kBAAM,mDAC5CC,EAAsB,gBAAqB,kBAAM,mDAExC,GACXC,KAAM,WACNC,WAAY,CACRH,iBACAC,uBAEJG,OAAQ,CAAC,mBACTX,KAPW,WAQP,MAAO,CACHA,KAAM,KACNG,cAAe,GACfS,cAAc,IAGtBC,MAAO,CAAC,oBACRC,QAfW,WAgBPC,KAAKC,gBAETC,QAlBW,aAmBXC,QAAS,CACLF,aADK,WAMD,GAJAD,KAAKf,KAAOe,KAAKI,iBAEjBJ,KAAKZ,cAAgBY,KAAKI,iBAAiBC,wBAEvCL,KAAKZ,eAAiBY,KAAKZ,cAAckB,OAAS,EAAG,CAErD,IAAIC,EAAgB,GAEpBP,KAAKI,iBAAiBC,wBAAwBG,SAAQ,SAAUC,GAEpC,iBAApBA,EAAKC,WAEDD,EAAKE,cACLJ,EAAcK,KAAKH,EAAKE,cAGD,oBAApBF,EAAKC,YACZH,EAAcK,KAAKH,EAAKI,gBAAgBC,0BAMhDd,KAAKZ,cAAgBmB,EAErBP,KAAKH,cAAe,MC1EpC,EAAOkB,OAASA,EAED","file":"js/chunk-2d0c8228.e3bf98a1.js","sourcesContent":["<template>\n    <div class=\"inner-wrapper\" :class=\"data.playlistType\" v-if=\"data\">\n        <slot name=\"header\">\n            <h2 v-if=\"data.displayTitle && data.displayTitle !== '' && data.displayTitle !== '#'\" class=\"column-title\">{{\n                data.displayTitle }}</h2>\n        </slot>\n        <div class=\"playlist-wrapper\">\n\n            <VideoSliderBar :data=\"playlistItems\" v-if=\"data.playlistType && data.playlistType == 'slider'\" />\n\n            <VideoGridCollection :data=\"playlistItems\" v-if=\"data.playlistType && data.playlistType == 'overview'\" />\n\n            <!-- Show if is mobile overview -->\n            <!-- <VideoSliderBar :data=\"playlistItems\" v-if=\"data.playlistType && data.playlistType == 'overview'\" /> -->\n\n        </div>\n        <slot name=\"footer\">\n            <div class=\"btn-wrapper\" v-if=\"data.buttonUrl\">\n                <a :href=\"data.buttonUrl\">{{ data.buttonLabel }}</a>\n            </div>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { defineAsyncComponent } from \"vue\";\n\n// @import component\nconst VideoSliderBar = defineAsyncComponent(() => import(\"@/components/PageLayoutBuilder/Partials/Video/VideoSliderBar\"));\nconst VideoGridCollection = defineAsyncComponent(() => import(\"@/components/PageLayoutBuilder/Partials/Video/VideoGridCollection\"));\n\nexport default {\n    name: \"PlayList\",\n    components: {\n        VideoSliderBar,\n        VideoGridCollection,\n    },\n    inject: [\"isAuthenticated\"],\n    data() {\n        return {\n            data: null,\n            playlistItems: [],\n            showPlaylist: false,\n        };\n    },\n    props: [\"playlistExpanded\"],\n    created() {\n        this.expandedInit();\n    },\n    mounted() { },\n    methods: {\n        expandedInit() {\n            this.data = this.playlistExpanded;\n\n            this.playlistItems = this.playlistExpanded.relatedContentsExpanded;\n\n            if (this.playlistItems && this.playlistItems.length > 0) {\n\n                let adjustedArray = [];\n\n                this.playlistExpanded.relatedContentsExpanded.forEach(function (item) {\n\n                    if (item.entityType === \"VideoContent\") {\n\n                        if (item.videoContent) {\n                            adjustedArray.push(item.videoContent);\n                        }\n\n                    } else if (item.entityType === \"TemplateContent\") {\n                        adjustedArray.push(item.templateContent.templateContentFields);\n                    }\n\n\n                });\n\n                this.playlistItems = adjustedArray;\n\n                this.showPlaylist = true;\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=4420a5f8\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}