{"version":3,"sources":["webpack:///./src/views/Recorder.vue?96ab","webpack:///src/views/Recorder.vue","webpack:///./src/views/Recorder.vue?0deb","webpack:///./src/views/Recorder.vue?21b2","webpack:///./src/views/Recorder.vue?274f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","recording","on","end","_v","startHandler","directives","name","rawName","value","expression","ref","staticRenderFns","computed","mapState","mounted","window","startRecording","console","initStopRecording","methods","mapActions","start","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAAGN,EAAIO,UAAgHH,EAAG,SAAS,CAACE,YAAY,eAAeE,GAAG,CAAC,MAAQR,EAAIS,MAAM,CAACT,EAAIU,GAAG,aAA3KN,EAAG,SAAS,CAACE,YAAY,eAAeE,GAAG,CAAC,MAAQR,EAAIW,eAAe,CAACX,EAAIU,GAAG,sBAAyGN,EAAG,QAAQ,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOf,EAAa,UAAEgB,WAAW,cAAcC,IAAI,QAAQX,YAAY,qBACrcY,EAAkB,G,gDCSP,GACfL,gBAEAM,2BACAC,gBACAb,sBAAA,8BAIAc,QATA,WASA,WACA,eAEAC,yBACAA,6CACAA,2CAEAA,kBACAC,0BACAC,kCACA,kBAEAC,6BAAA,OACA,2EAMAC,yCACAC,gBACAC,wBACAnB,uBAHA,IAMAE,aANA,WAMA,wKACA,uBADA,OAGAW,eACAA,yBACAA,0CAEAA,2CAPA,iDC5CkV,I,wBCQ9UO,EAAY,eACd,EACA9B,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,kECnBf","file":"js/chunk-20e7f32c.d937f3b1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"recorder\"},[(!_vm.recording)?_c('button',{staticClass:\"btn btn-info\",on:{\"click\":_vm.startHandler}},[_vm._v(\"Empezar a Grabar\")]):_c('button',{staticClass:\"btn btn-info\",on:{\"click\":_vm.end}},[_vm._v(\"Detener\")]),_c('video',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.recording),expression:\"recording\"}],ref:\"video\",staticClass:\"videoRecorder\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n  .recorder\r\n    button.btn.btn-info(v-if=\"!recording\" @click=\"startHandler\") Empezar a Grabar\r\n    button.btn.btn-info(v-else @click=\"end\") Detener\r\n    video.videoRecorder(v-show=\"recording\" ref=\"video\")\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"Recorder\",\r\n\r\n  computed: {\r\n    ...mapState({\r\n      recording: state => state.recording.status\r\n    })\r\n  },\r\n\r\n  mounted() {\r\n    if (window.opener) {\r\n      if (\r\n        window.opener.signaling &&\r\n        window.opener.signaling.finishStopRecording &&\r\n        window.opener.signaling.recordingStarted\r\n      ) {\r\n        window.signaling = {\r\n          startRecording: () => {\r\n            console.log(\"Starting recording\");\r\n            this.startHandler();\r\n          },\r\n          initStopRecording: () =>\r\n            this.end().then(() => window.opener.finishStopRecording())\r\n        };\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions({\r\n      start: \"recording/start\",\r\n      end: \"recording/end\"\r\n    }),\r\n\r\n    async startHandler() {\r\n      await this.start(this.$refs.video);\r\n      if (\r\n        window.opener &&\r\n        window.opener.signaling &&\r\n        window.opener.signaling.recordingStarted\r\n      )\r\n        window.opener.signaling.recordingStarted();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.recorder {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.videoRecorder {\r\n  width: 50vh;\r\n  height: 50vh;\r\n  object-fit: contain;\r\n  object-position: center;\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--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recorder.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--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recorder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Recorder.vue?vue&type=template&id=263f3dee&scoped=true&lang=pug&\"\nimport script from \"./Recorder.vue?vue&type=script&lang=js&\"\nexport * from \"./Recorder.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Recorder.vue?vue&type=style&index=0&id=263f3dee&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  \"263f3dee\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recorder.vue?vue&type=style&index=0&id=263f3dee&scoped=true&lang=css&\""],"sourceRoot":""}