"use strict";(self["webpackChunkplatypush"]=self["webpackChunkplatypush"]||[]).push([[8211],{38211:function(e,t,i){i.r(t),i.d(t,{default:function(){return C}});var s=i(20641),n=i(90033);const a={class:"camera component-row"},r={class:"feed-container",ref:"container"},c=["textContent"],l=["src"],u={key:2},o=["src"],p={class:"controls"},d={key:0,class:"fa fa-play"},v={key:1,class:"fa fa-pause"};function f(e,t,i,f,m,y){return(0,s.uX)(),(0,s.CE)("div",a,[(0,s.Lk)("div",r,[m.visible?(0,s.Q3)("",!0):((0,s.uX)(),(0,s.CE)("div",{key:0,class:"no-content",textContent:(0,n.v_)(i.name)},null,8,c)),m.visible&&"image"===i.type?((0,s.uX)(),(0,s.CE)("img",{key:1,alt:"Camera feed",src:y.imgUrl},null,8,l)):m.visible&&"video"===i.type?((0,s.uX)(),(0,s.CE)("video",u,[(0,s.Lk)("source",{src:i.src},null,8,o)])):(0,s.Q3)("",!0)],512),(0,s.Lk)("div",p,[(0,s.Lk)("button",{class:"toggle-btn",onClick:t[0]||(t[0]=e=>m.visible=!m.visible)},[m.visible?((0,s.uX)(),(0,s.CE)("i",v)):((0,s.uX)(),(0,s.CE)("i",d))])])])}var m=i(91387),y={name:"Camera",mixins:[m.A],props:{src:{type:String,required:!0},type:{type:String,default:"image"},name:{type:String}},computed:{imgUrl(){if("image"===this.type)return this.src+(this.src.indexOf("?")>0?"&":"?")+"_t="+(new Date).getTime().toString()}},data(){return{visible:!1}}},k=i(66262);const g=(0,k.A)(y,[["render",f],["__scopeId","data-v-0fad5251"]]);var C=g}}]);
//# sourceMappingURL=8211.776f0d27.js.map