{"version":3,"sources":["webpack:///./src/components/modules/media/components/youtube/index.vue","webpack:///src/components/modules/media/components/youtube/index.vue","webpack:///./src/components/modules/media/components/youtube/index.vue?9e40","webpack:///./src/components/modules/media/components/youtube/index.vue?45a3"],"names":["render","_vm","this","_c","_self","staticClass","attrs","videoId","staticRenderFns","name","props","url","type","String","default","data","mounted","getIdFromUrl","err","methods","getScrollHeight","mh","screen","width","concat","window","innerHeight","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,UAAU,CAACE,YAAY,UAAUC,MAAM,CAAC,WAAWL,EAAIM,YAAY,QAErTC,EAAkB,G,wBCWP,GACfC,KAAA,SACAC,MAAA,CACAC,IAAA,CACAC,KAAAC,OACAC,QAAA,0BAGAC,KAAA,WACA,OACAR,QAAA,OAIAS,QAAA,WACA,IACA,KAAAT,QAAAU,0BAAA,KAAAN,KACA,MAAAO,MAKAC,QAAA,CACAC,gBAAA,WACA,IAAAC,EAAA,IAIA,OAHAC,OAAAC,OAAA,OACAF,EAAA,IAEA,QAAAG,OAAAC,OAAAC,YAAA,SAAAF,OAAAH,EAAA,WCzC0Y,I,YCOtYM,EAAY,eACd,EACA3B,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAmB,E","file":"js/chunk-2d0ce7d0.25f4b84e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"bd-content\"},[_c('div',{staticClass:\"bd-example vue-example vue-example-b-embed\"},[_c('div',{staticClass:\"embed-responsive embed-responsive-16by9\"},[_c('youtube',{staticClass:\"wd-100p\",attrs:{\"video-id\":_vm.videoId}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"bd-content\">\n    <!-- :style=\"`height: ${getScrollHeight()}`\" -->\n    <div class=\"bd-example vue-example vue-example-b-embed\">\n      <div class=\"embed-responsive embed-responsive-16by9\">\n        <youtube :video-id=\"videoId\" class=\"wd-100p\"></youtube>\n      </div>\n    </div>\n  </section>\n</template>\n<script>\nimport { getIdFromUrl } from \"vue-youtube\";\n\nexport default {\n  name: \"detail\",\n  props: {\n    url: {\n      type: String,\n      default: () => null\n    }\n  },\n  data() {\n    return {\n      videoId: null\n    };\n  },\n\n  mounted() {\n    try {\n      this.videoId = getIdFromUrl(this.url);\n    } catch (err) {\n      // eslint-disable-next-line\n      //console.log(err);\n    }\n  },\n  methods: {\n    getScrollHeight() {\n      let mh = 170;\n      if (screen.width <= 1024) {\n        mh = 80;\n      }\n      return `calc(${window.innerHeight}px - ${mh}px);`;\n    }\n  }\n};\n</script>\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2e75c920\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}