{"version":3,"sources":["webpack:///./src/popups/videoBlock.vue?e5a2","webpack:///./src/popups/videoBlock.vue?47c4","webpack:///src/popups/videoBlock.vue","webpack:///./src/popups/videoBlock.vue?6de2","webpack:///./src/popups/videoBlock.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","close","attrs","content","caption","minorCaption","filmURL","staticRenderFns","component"],"mappings":"kHAAA,yBAAsiB,EAAG,G,yCCAziB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,gBAAgB,CAACG,GAAG,CAAC,UAAYP,EAAIQ,SAASJ,EAAG,YAAY,CAACK,MAAM,CAAC,QAAUT,EAAIU,QAAQC,SAAW,OAAO,aAAeX,EAAIU,QAAQE,gBAAgBR,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,SAAS,CAACK,MAAM,CAAC,MAAQ,MAAM,OAAS,MAAM,IAAMT,EAAIa,QAAQ,MAAQ,uBAAuB,YAAc,IAAI,MAAQ,sGAAsG,gBAAkB,WAAW,IAC1mBC,EAAkB,G,oCCoBtB,GACE,WAAF,CACI,UAAJ,OACI,cAAJ,OACI,UAAJ,QAEE,MAAF,CACI,QAAJ,CACM,KAAN,OACM,SAAN,IAGE,SAAF,CACI,QAAJ,WACM,MAAN,qDAGE,QAAF,CACI,MAAJ,WACM,KAAN,2CCxCoV,I,wBCQhVC,EAAY,eACd,EACAhB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-12095b8a.7db75849.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoBlock.vue?vue&type=style&index=0&id=1c2dfe2e&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoBlock.vue?vue&type=style&index=0&id=1c2dfe2e&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"g pop-up-inner\"},[_c('mdToggleAside',{on:{\"sendEvent\":_vm.close}}),_c('mdCaption',{attrs:{\"caption\":_vm.content.caption || '影片專區',\"minorCaption\":_vm.content.minorCaption}}),_c('div',{staticClass:\"g pop-up-content\"},[_c('div',{staticClass:\"block\"},[_c('iframe',{attrs:{\"width\":\"560\",\"height\":\"315\",\"src\":_vm.filmURL,\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowfullscreen\":\"\"}})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"g pop-up-inner\">\r\n        <mdToggleAside\r\n            @sendEvent=\"close\"\r\n        ></mdToggleAside>\r\n        <mdCaption\r\n            :caption=\"content.caption || '影片專區'\"\r\n            :minorCaption=\"content.minorCaption\"\r\n        ></mdCaption>\r\n        <div class=\"g pop-up-content\">\r\n            <div class=\"block\">\r\n                <iframe width=\"560\" height=\"315\" :src=\"filmURL\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    import mdCaption from '@/components/mdCaption'\r\n    import mdToggleAside from '@/components/mdToggleAside'\r\n    import mdBtnList from '@/components/mdBtnList'\r\n\r\n    export default{\r\n        components: {\r\n            mdCaption,\r\n            mdToggleAside,\r\n            mdBtnList,\r\n        },\r\n        props: {\r\n            content: {\r\n                type: Object,\r\n                require: true\r\n            }\r\n        },\r\n        computed: {\r\n            filmURL: function() {\r\n                return \"https://www.youtube.com/embed/\" + this.content.film\r\n            }\r\n        },\r\n        methods: {\r\n            close: function(){\r\n                this.$emit('sendEvent', 'clearPopUp', this.sn);\r\n            },\r\n        }\r\n    }\r\n</script>\r\n<style scoped lang=\"scss\">\r\n    .pop-up-content {\r\n        padding-bottom: $interval-xl !important;\r\n\r\n        .block{\r\n            width: 60vw;\r\n            position: relative;\r\n            padding-bottom: 56.25%;\r\n            height: 0;\r\n\r\n            iframe {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n\r\n            @include media('mobile') {\r\n                width: 80vw;\r\n            }\r\n        }\r\n\r\n        @include media('phone') {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoBlock.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./videoBlock.vue?vue&type=template&id=1c2dfe2e&scoped=true&\"\nimport script from \"./videoBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./videoBlock.vue?vue&type=script&lang=js&\"\nimport style0 from \"./videoBlock.vue?vue&type=style&index=0&id=1c2dfe2e&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1c2dfe2e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}