{"version":3,"file":"static/js/446.0c670830.js","mappings":"8LACOA,MAAM,wB,GACJA,MAAM,iBAAiBC,IAAI,a,mDAQ3BD,MAAM,Y,SAEJA,MAAM,c,SACNA,MAAM,e,0CAZfE,EAAAA,EAAAA,IAeM,MAfNC,EAeM,EAdJC,EAAAA,EAAAA,GAMM,MANNC,EAMM,CALyCC,EAAAC,S,iBAAO,WAApDL,EAAAA,EAAAA,IAAwD,O,MAAnDF,MAAM,a,aAAaQ,EAAAA,EAAAA,IAAQC,EAAKC,O,WACMJ,EAAAC,SAAoB,UAATE,EAAAE,OAAI,WAA1DT,EAAAA,EAAAA,IAAwE,O,MAAnEU,IAAI,cAAeC,IAAKC,EAAAC,Q,WACXT,EAAAC,SAAoB,UAATE,EAAAE,OAAI,WAAjCT,EAAAA,EAAAA,IAEQ,QAAAc,EAAA,EADNZ,EAAAA,EAAAA,GAAmB,UAAVS,IAAKJ,EAAAI,KAAG,OAAAI,OAAA,sBAIrBb,EAAAA,EAAAA,GAKM,MALNc,EAKM,EAJJd,EAAAA,EAAAA,GAGS,UAHDJ,MAAM,aAAcmB,QAAKC,EAAA,KAAAA,EAAA,GAAAC,GAAEf,EAAAC,SAAWD,EAAAC,U,CACfD,EAAAC,UAAW,WACxCL,EAAAA,EAAAA,IAAgC,IAAhCoB,MADoC,WAApCpB,EAAAA,EAAAA,IAAwC,IAAxCqB,S,eAaR,GACEb,KAAM,SACNc,OAAQ,CAACC,EAAAA,GACTC,MAAO,CAKLb,IAAK,CACHF,KAAMgB,OACNC,UAAU,GAMZjB,KAAM,CACJA,KAAMgB,OACNE,QAAS,SAMXnB,KAAM,CACJC,KAAMgB,SAIVG,SAAU,CACRf,MAAAA,GACE,GAAkB,UAAdgB,KAAKpB,KAGT,OAAOoB,KAAKlB,KAAOkB,KAAKlB,IAAImB,QAAQ,KAAO,EAAI,IAAM,KAAO,OAAS,IAAIC,MAAOC,UAAUC,UAC5F,GAGFC,IAAAA,GACE,MAAO,CACL7B,SAAS,EAEb,G,UC5DF,MAAM8B,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O","sources":["webpack://platypush/./src/components/widgets/Camera/Index.vue","webpack://platypush/./src/components/widgets/Camera/Index.vue?8b49"],"sourcesContent":["<template>\n  <div class=\"camera component-row\">\n    <div class=\"feed-container\" ref=\"container\">\n      <div class=\"no-content\" v-text=\"name\" v-if=\"!visible\" />\n      <img alt=\"Camera feed\" :src=\"imgUrl\" v-if=\"visible && type === 'image'\">\n      <video v-else-if=\"visible && type === 'video'\">\n        <source :src=\"src\">\n      </video>\n    </div>\n\n    <div class=\"controls\">\n      <button class=\"toggle-btn\" @click=\"visible = !visible\">\n        <i class=\"fa fa-play\" v-if=\"!visible\" />\n        <i class=\"fa fa-pause\" v-else />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Utils from \"@/Utils\";\n\n/**\n * This component can be used to view a feed from a camera.\n */\nexport default {\n  name: \"Camera\",\n  mixins: [Utils],\n  props: {\n    /**\n     * Camera feed URL.\n     * For instance, in the case of a PiCamera feed: http://host:8008/camera/pi/video.mjpeg\n     */\n    src: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Camera feed type - it can be \"image\" (usually in case of MJPEG feeds) or \"video\".\n     */\n    type: {\n      type: String,\n      default: \"image\",\n    },\n\n    /**\n     * Camera feed name.\n     */\n    name: {\n      type: String,\n    },\n  },\n\n  computed: {\n    imgUrl() {\n      if (this.type !== 'image')\n        return\n\n      return this.src + (this.src.indexOf('?') > 0 ? '&' : '?') + '_t=' + (new Date().getTime().toString())\n    },\n  },\n\n  data() {\n    return {\n      visible: false,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.camera {\n  width: calc(100% + 2em);\n  height: calc(100% + 2em);\n  position: relative;\n  background: black;\n  color: #888;\n  margin: -1em;\n\n  .feed-container {\n    width: 100%;\n    height: calc(100% - 3em);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .controls {\n    width: 100%;\n    height: 3em;\n    position: absolute;\n    bottom: 0;\n\n    button {\n      background: none;\n      border: none;\n      color: #888;\n    }\n  }\n}\n</style>\n","import { render } from \"./Index.vue?vue&type=template&id=0fad5251&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=0fad5251&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0fad5251\"]])\n\nexport default __exports__"],"names":["class","ref","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","$data","visible","_toDisplayString","$props","name","type","alt","src","$options","imgUrl","_hoisted_5","_hoisted_6","_hoisted_7","onClick","_cache","$event","_hoisted_9","_hoisted_8","mixins","Utils","props","String","required","default","computed","this","indexOf","Date","getTime","toString","data","__exports__","render"],"sourceRoot":""}