{"version":3,"sources":["webpack:///./src/views/highlight/viewer.vue?7c54","webpack:///./src/views/highlight/viewer.vue","webpack:///src/views/highlight/viewer.vue","webpack:///./src/views/highlight/viewer.vue?86f3","webpack:///./src/views/highlight/viewer.vue?4f49"],"names":["render","_vm","this","_c","_self","ref","staticClass","error","_v","_e","staticRenderFns","props","src","type","String","data","player","obj","options","controls","settings","clickToPlay","hideControls","keyboard","focused","global","displayDuration","fullscreen","quality","default","destroyed","$emit","destroy","mounted","create","methods","detectLink","e","result","includes","validateLink","_this","$nextTick","n","$","$el","tk","split","replace","v","append","children","Plyr","get","on","event","poster","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,QAAQC,YAAY,SAAS,CAAEL,EAAIM,MAAOJ,EAAG,MAAM,CAACG,YAAY,SAAS,CAACL,EAAIO,GAAG,qBAAqBP,EAAIQ,QAEvLC,EAAkB,GCIP,GACfC,MAAA,CACAC,IAAA,CACAC,KAAAC,SAGAC,KAAA,WACA,OACAC,OAAA,KACAC,IAAA,KACAV,OAAA,EACAW,QAAA,CACAC,SAAA,GACAC,SAAA,GACAC,aAAA,EACAC,cAAA,EACAC,SAAA,CAAAC,SAAA,EAAAC,QAAA,GACAC,iBAAA,EACAC,YAAA,EACAC,QAAA,CAAAC,QAAA,IAAAX,QAAA,mDAIAY,UAAA,WACA,KAAAb,MAEA,KAAAc,MAAA,cAAAf,QACA,KAAAA,OAAAgB,YAGAC,QAAA,WACA,KAAAC,UAEAC,QAAA,CACAC,WAAA,SAAAC,GACA,IAAAC,EAAAD,EAAAE,SAAA,WACA,OAAAD,GAEAE,aAAA,SAAAH,GACA,IAAAC,EAAAD,EAAAE,SAAA,QACA,OAAAD,GAEAJ,OAAA,eAAAO,EAAA,KACA,KAAAC,WAAA,WACA,IAAAC,EAAAC,EAAAH,EAAAI,KACA,GAAAJ,EAAAL,WAAAK,EAAA7B,KAAA,CACA,IAAAA,EAAA6B,EAAA7B,IACA,GAAAA,EAAA2B,SAAA,aACA,IAAAO,EAAAlC,EAAAmC,MAAA,KACAnC,EAAAkC,EAAA,GAAAE,QAAA,qBAEA,IAAAC,EACA,0EACArC,EACA,oJACA6B,EAAAxB,IAAA0B,EAAAO,OAAAD,GAAAE,WACAV,EAAAzB,OAAA,IAAAoC,KAAAX,EAAAxB,IAAAoC,IAAA,GAAAZ,EAAAvB,SACAuB,EAAAzB,OAAAsC,GAAA,iBAAAC,GACAd,EAAAV,MAAA,OAAAU,EAAAzB,WAEAyB,EAAAV,MAAA,MAAAU,EAAAzB,aAEA,GAAAyB,EAAAD,aAAAC,EAAA7B,KAAA,CACA,IAAA4C,EAAA,GACAP,EAAA,oEAAAO,EAAA,KACAP,GAAA,iCAAAR,EAAA7B,IAAA,OACAqC,GAAA,WACAR,EAAAxB,IAAA0B,EAAAO,OAAAD,GAAAE,WACAV,EAAAzB,OAAA,IAAAoC,KAAAX,EAAAxB,IAAAoC,IAAA,GAAAZ,EAAAvB,SACAuB,EAAAzB,OAAAsC,GAAA,iBAAAC,GACAd,EAAAV,MAAA,OAAAU,EAAAzB,WAEAyB,EAAAV,MAAA,MAAAU,EAAAzB,aAEAyB,EAAAlC,OAAA,QChF8V,I,wBCQ1VkD,EAAY,eACd,EACAzD,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAA+C,E","file":"js/chunk-9a8d6f5a.e14e6c9b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--5-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--5-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--5-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./viewer.vue?vue&type=style&index=0&id=6431ea10&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"video\",staticClass:\"video\"},[(_vm.error)?_c('div',{staticClass:\"error\"},[_vm._v(\"Video Not Found\")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.video(ref=\"video\")\r\n  .error(v-if=\"error\") Video Not Found\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    src: {\r\n      type: String\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      player: null,\r\n      obj: null,\r\n      error: false,\r\n      options: {\r\n        controls: [],\r\n        settings: [],\r\n        clickToPlay: false,\r\n        hideControls: true,\r\n        keyboard: { focused: false, global: false },\r\n        displayDuration: false,\r\n        fullscreen: false,\r\n        quality: { default: 240, options: [4320, 2880, 2160, 1440, 1080, 720, 576, 480, 360, 240] }\r\n      }\r\n    };\r\n  },\r\n  destroyed() {\r\n    if (this.obj) {\r\n      // this.obj.remove();\r\n      this.$emit(\"remove\", this.player);\r\n      this.player.destroy();\r\n    }\r\n  },\r\n  mounted() {\r\n    this.create();\r\n  },\r\n  methods: {\r\n    detectLink(e) {\r\n      var result = e.includes(\"youtube\");\r\n      return result;\r\n    },\r\n    validateLink(e) {\r\n      var result = e.includes(\".mp4\");\r\n      return result;\r\n    },\r\n    create() {\r\n      this.$nextTick(() => {\r\n        var n = $(this.$el);\r\n        if (this.detectLink(this.src)) {\r\n          var src = this.src;\r\n          if (src.includes(\"watch?v=\")) {\r\n            var tk = src.split(\"&\");\r\n            src = tk[0].replace(\"watch?v=\", \"embed/\");\r\n          }\r\n          var v =\r\n            '<div class=\"plyr__video-embed\"><iframe width=\"100%\" height=\"100%\" src=\"' +\r\n            src +\r\n            '\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe><div>';\r\n          this.obj = n.append(v).children();\r\n          this.player = new Plyr(this.obj.get(0), this.options);\r\n          this.player.on(\"play\", event => {\r\n            this.$emit(\"play\", this.player);\r\n          });\r\n          this.$emit(\"add\", this.player);\r\n        } else {\r\n          if (this.validateLink(this.src)) {\r\n            var poster = \"\"; // this.src.replace(\".mp4\", \".jpg\");\r\n            var v = '<video controls playsinline disablePictureInPicture data-poster=\"' + poster + '\">';\r\n            v += '<source type=\"video/mp4\" src=\"' + this.src + '\" />';\r\n            v += \"</video>\";\r\n            this.obj = n.append(v).children();\r\n            this.player = new Plyr(this.obj.get(0), this.options);\r\n            this.player.on(\"play\", event => {\r\n              this.$emit(\"play\", this.player);\r\n            });\r\n            this.$emit(\"add\", this.player);\r\n          } else {\r\n            this.error = true;\r\n          }\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.video {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.error {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff88;\r\n  font-weight: bold;\r\n  font-family: \"Roboto\";\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./viewer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./viewer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./viewer.vue?vue&type=template&id=6431ea10&scoped=true&lang=pug\"\nimport script from \"./viewer.vue?vue&type=script&lang=js\"\nexport * from \"./viewer.vue?vue&type=script&lang=js\"\nimport style0 from \"./viewer.vue?vue&type=style&index=0&id=6431ea10&prod&scoped=true&lang=css\"\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  \"6431ea10\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}