mirror of
https://github.com/PhotonVision/photonvision
synced 2026-06-29 02:21:41 +00:00
2 lines
47 KiB
JavaScript
2 lines
47 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-65ac8106","chunk-6f8eef3f","chunk-2d0c7972"],{1029:function(t,e,i){"use strict";var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("v-row",{attrs:{dense:"",align:"center"}},[i("v-col",{attrs:{cols:2}},[i("span",[t._v(t._s(t.name))])]),i("v-col",{attrs:{cols:10}},[i("v-range-slider",{staticClass:"align-center",attrs:{value:t.localValue,max:t.max,min:t.min,"hide-details":"",dark:"",color:"#4baf62",step:t.step},on:{input:t.handleInput},scopedSlots:t._u([{key:"prepend",fn:function(){return[i("v-text-field",{staticClass:"mt-0 pt-0",staticStyle:{width:"50px"},attrs:{dark:"",value:t.localValue[0],max:t.max,min:t.min,"hide-details":"","single-line":"",type:"number",step:t.step},on:{input:t.handleChange,focus:function(e){t.prependFocused=!0},blur:function(e){t.prependFocused=!1}}})]},proxy:!0},{key:"append",fn:function(){return[i("v-text-field",{staticClass:"mt-0 pt-0",staticStyle:{width:"50px"},attrs:{dark:"",value:t.localValue[1],max:t.max,min:t.min,"hide-details":"","single-line":"",type:"number",step:t.step},on:{input:t.handleChange,focus:function(e){t.appendFocused=!0},blur:function(e){t.appendFocused=!1}}})]},proxy:!0}])})],1)],1)],1)},n=[],s={name:"RangeSlider",props:["name","min","max","value","step"],data(){return{prependFocused:!1,appendFocused:!1}},methods:{handleChange(t){let e=0;!1===this.prependFocused&&!0===this.appendFocused&&(e=1),(this.prependFocused||this.appendFocused)&&this.$set(this.localValue,e,t)},handleInput(t){this.prependFocused&&this.appendFocused||(this.localValue=t)}},computed:{localValue:{get(){return this.value},set(t){this.$emit("input",t)}}}},r=s,o=i("2877"),l=i("6544"),c=i.n(l),u=i("62ad"),h=(i("33e9"),i("9a18")),d=i("80d2"),p=h["a"].extend({name:"v-range-slider",props:{value:{type:Array,default:()=>[0,0]}},data(){return{activeThumb:null,lazyValue:this.value}},computed:{classes(){return{...h["a"].options.computed.classes.call(this),"v-input--range-slider":!0}},internalValue:{get(){return this.lazyValue},set(t){let e=t.map(t=>this.roundValue(Math.min(Math.max(t,this.minValue),this.maxValue)));if(e[0]>e[1]||e[1]<e[0]){if(null!==this.activeThumb){const t=1===this.activeThumb?0:1,e=this.$refs[`thumb_${t}`];e.focus()}e=[e[1],e[0]]}this.lazyValue=e,Object(d["i"])(e,this.value)||this.$emit("input",e),this.validate()}},inputWidth(){return this.internalValue.map(t=>(this.roundValue(t)-this.minValue)/(this.maxValue-this.minValue)*100)},trackFillStyles(){const t=h["a"].options.computed.trackFillStyles.call(this),e=Math.abs(this.inputWidth[0]-this.inputWidth[1]),i=this.vertical?"height":"width",a=this.vertical?this.$vuetify.rtl?"top":"bottom":this.$vuetify.rtl?"right":"left";return t[i]=`${e}%`,t[a]=`${this.inputWidth[0]}%`,t}},methods:{getTrackStyle(t,e,i=0,a=0){const n=this.vertical?this.$vuetify.rtl?"top":"bottom":this.$vuetify.rtl?"right":"left",s=this.vertical?"height":"width",r=`calc(${t}% + ${i}px)`,o=`calc(${e}% + ${a}px)`;return{transition:this.trackTransition,[n]:r,[s]:o}},getIndexOfClosestValue(t,e){return Math.abs(t[0]-e)<Math.abs(t[1]-e)?0:1},genInput(){return Object(d["g"])(2).map(t=>{const e=h["a"].options.methods.genInput.call(this);return e.data=e.data||{},e.data.attrs=e.data.attrs||{},e.data.attrs.value=this.internalValue[t],e})},genTrackContainer(){const t=[];if(this.disabled){const e=10,i=[[0,this.inputWidth[0],0,-e],[this.inputWidth[0],Math.abs(this.inputWidth[1]-this.inputWidth[0]),e,-2*e],[this.inputWidth[1],Math.abs(100-this.inputWidth[1]),e,0]];this.$vuetify.rtl&&i.reverse(),t.push(...i.map(t=>this.$createElement("div",this.setBackgroundColor(this.computedTrackColor,{staticClass:"v-slider__track-background",style:this.getTrackStyle(...t)}))))}else t.push(this.$createElement("div",this.setBackgroundColor(this.computedTrackColor,{staticClass:"v-slider__track-background",style:this.getTrackStyle(0,100)})),this.$createElement("div",this.setBackgroundColor(this.computedColor,{staticClass:"v-slider__track-fill",style:this.trackFillStyles})));return this.$createElement("div",{staticClass:"v-slider__track-container",ref:"track"},t)},genChildren(){return[this.genInput(),this.genTrackContainer(),this.genSteps(),Object(d["g"])(2).map(t=>{const e=this.internalValue[t],i=e=>{this.isActive=!0,this.activeThumb=t,this.onThumbMouseDown(e)},a=e=>{this.isFocused=!0,this.activeThumb=t,this.$emit("focus",e)},n=t=>{this.isFocused=!1,this.activeThumb=null,this.$emit("blur",t)},s=this.inputWidth[t],r=this.isActive&&this.activeThumb===t,o=this.isFocused&&this.activeThumb===t;return this.genThumbContainer(e,s,r,o,i,a,n,`thumb_${t}`)})]},onSliderClick(t){if(!this.isActive){if(this.noClick)return void(this.noClick=!1);const{value:e,isInsideTrack:i}=this.parseMouseMove(t);if(i){this.activeThumb=this.getIndexOfClosestValue(this.internalValue,e);const t=`thumb_${this.activeThumb}`,i=this.$refs[t];i.focus()}this.setInternalValue(e),this.$emit("change",this.internalValue)}},onMouseMove(t){const{value:e,isInsideTrack:i}=this.parseMouseMove(t);i&&null===this.activeThumb&&(this.activeThumb=this.getIndexOfClosestValue(this.internalValue,e)),this.setInternalValue(e)},onKeyDown(t){if(null===this.activeThumb)return;const e=this.parseKeyDown(t,this.internalValue[this.activeThumb]);null!=e&&(this.setInternalValue(e),this.$emit("change",this.internalValue))},setInternalValue(t){this.internalValue=this.internalValue.map((e,i)=>i===this.activeThumb?t:Number(e))}}}),v=i("0fd9"),m=i("8654"),g=Object(o["a"])(r,a,n,!1,null,"312a6c2b",null);e["a"]=g.exports;c()(g,{VCol:u["a"],VRangeSlider:p,VRow:v["a"],VTextField:m["a"]})},"1a40":function(t,e,i){"use strict";i.r(e);var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("CVrangeSlider",{attrs:{name:"Hue",min:0,max:180},on:{input:function(e){return t.handleData("hue")}},model:{value:t.value.hue,callback:function(e){t.$set(t.value,"hue",e)},expression:"value.hue"}}),i("CVrangeSlider",{attrs:{name:"Saturation",min:0,max:255},on:{input:function(e){return t.handleData("saturation")}},model:{value:t.value.saturation,callback:function(e){t.$set(t.value,"saturation",e)},expression:"value.saturation"}}),i("CVrangeSlider",{attrs:{name:"Value",min:0,max:255},on:{input:function(e){return t.handleData("value")}},model:{value:t.value.value,callback:function(e){t.$set(t.value,"value",e)},expression:"value.value"}}),i("v-divider",{staticStyle:{"margin-top":"5px"},attrs:{color:"darkgray "}}),i("v-btn",{staticStyle:{margin:"20px"},attrs:{color:"#4baf62",small:""},on:{click:function(e){return t.setFunction(1)}}},[i("v-icon",[t._v("colorize")]),t._v("\n Eye drop\n ")],1),i("v-btn",{staticStyle:{margin:"20px"},attrs:{color:"#4baf62",small:""},on:{click:function(e){return t.setFunction(2)}}},[i("v-icon",[t._v("add")]),t._v("\n Expand Selection\n ")],1),i("v-btn",{staticStyle:{margin:"20px"},attrs:{color:"#4baf62",small:""},on:{click:function(e){return t.setFunction(3)}}},[i("v-icon",[t._v("remove")]),t._v("\n Shrink Selection\n ")],1),i("v-divider",{attrs:{color:"darkgray "}}),i("CVswitch",{attrs:{name:"Erode"},on:{input:function(e){return t.handleData("erode")}},model:{value:t.value.erode,callback:function(e){t.$set(t.value,"erode",e)},expression:"value.erode"}}),i("CVswitch",{attrs:{name:"Dilate"},on:{input:function(e){return t.handleData("dilate")}},model:{value:t.value.dilate,callback:function(e){t.$set(t.value,"dilate",e)},expression:"value.dilate"}})],1)},n=[],s=i("1029"),r=i("b530"),o={name:"Threshold",props:["value"],components:{CVrangeSlider:s["a"],CVswitch:r["a"]},data(){return{currentFunction:void 0,colorPicker:void 0,currentBinaryState:0}},computed:{pipeline:{get(){return this.$store.state.pipeline}},driverState:{get(){return this.$store.state.driverMode},set(t){this.$store.commit("driverMode",t)}}},methods:{onClick(t){if(void 0!==this.currentFunction){let e=this.colorPicker.colorPickerClick(t,this.currentFunction,[[this.value.hue[0],this.value.saturation[0],this.value.value[0]],[this.value.hue[1],this.value.saturation[1],this.value.value[1]]]);this.currentFunction=void 0,this.value.hue=[e[0][0],e[1][0]],this.value.saturation=[e[0][1],e[1][1]],this.value.value=[e[0][2],e[1][2]],this.value.isBinary=this.currentBinaryState;let i=this.$msgPack.encode({hue:this.value.hue,saturation:this.value.saturation,value:this.value.value,isBinary:this.value.isBinary});this.$socket.send(i),this.$emit("update")}},setFunction(t){switch(this.currentBinaryState=this.value.isBinary,!0===this.currentBinaryState&&(this.value.isBinary=!1,this.handleData("isBinary")),t){case 0:this.currentFunction=void 0;break;case 1:this.currentFunction=this.colorPicker.eyeDrop;break;case 2:this.currentFunction=this.colorPicker.expand;break;case 3:this.currentFunction=this.colorPicker.shrink;break}},handleData(t){this.handleInput(t,this.value[t]),this.$emit("update")}},mounted:function(){const t=this;this.colorPicker=i("b3e4").default,this.$nextTick(()=>{t.colorPicker.initColorPicker()})}},l=o,c=i("2877"),u=i("6544"),h=i.n(u),d=i("8336"),p=i("ce7e"),v=i("132d"),m=Object(c["a"])(l,a,n,!1,null,"4befc777",null);e["default"]=m.exports;h()(m,{VBtn:d["a"],VDivider:p["a"],VIcon:v["a"]})},"33e9":function(t,e,i){},"368e":function(t,e,i){},"3c93":function(t,e,i){},"4c92":function(t,e,i){"use strict";i.r(e);var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("CVselect",{attrs:{name:"Sort Mode",list:["Largest","Smallest","Highest","Lowest","Rightmost","Leftmost","Centermost"]},on:{input:function(e){return t.handleData("sortMode")}},model:{value:t.value.sortMode,callback:function(e){t.$set(t.value,"sortMode",e)},expression:"value.sortMode"}}),i("CVselect",{attrs:{name:"Target Region",list:["Center","Top","Bottom","Left","Right"]},on:{input:function(e){return t.handleData("targetRegion")}},model:{value:t.value.targetRegion,callback:function(e){t.$set(t.value,"targetRegion",e)},expression:"value.targetRegion"}}),i("CVselect",{attrs:{name:"Target Orientation",list:["Portrait","Landscape"]},on:{input:function(e){return t.handleData("targetOrientation")}},model:{value:t.value.targetOrientation,callback:function(e){t.$set(t.value,"targetOrientation",e)},expression:"value.targetOrientation"}}),i("CVswitch",{attrs:{name:"Output multiple"},on:{input:function(e){return t.handleData("multiple")}},model:{value:t.value.multiple,callback:function(e){t.$set(t.value,"multiple",e)},expression:"value.multiple"}}),i("span",[t._v("Calibrate:")]),i("v-divider",{attrs:{dark:"",color:"white"}}),i("CVselect",{attrs:{name:"Calibration Mode",list:["None","Single point","Dual point"]},on:{input:function(e){return t.handleData("calibrationMode")}},model:{value:t.value.calibrationMode,callback:function(e){t.$set(t.value,"calibrationMode",e)},expression:"value.calibrationMode"}}),i(t.selectedComponent,{tag:"component",attrs:{"raw-point":t.rawPoint},on:{update:t.doUpdate,snackbar:t.showSnackbar}}),i("v-snackbar",{attrs:{timeout:3e3,top:"",color:"error"},model:{value:t.snackbar,callback:function(e){t.snackbar=e},expression:"snackbar"}},[i("span",{staticStyle:{color:"#000"}},[t._v(t._s(t.snackbarText))]),i("v-btn",{attrs:{color:"black",text:""},on:{click:function(e){t.snackbar=!1}}},[t._v("Close")])],1)],1)},n=[],s=i("8384"),r=i("b530"),o=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("v-row",{attrs:{align:"center",justify:"start"}},[i("v-col",{staticStyle:{"padding-right":"0"},attrs:{cols:3}},[i("v-btn",{attrs:{small:"",color:"#4baf62"},on:{click:t.takePointA}},[t._v("Take Point A")])],1),i("v-col",{staticStyle:{"margin-left":"0"},attrs:{cols:3}},[i("v-btn",{attrs:{small:"",color:"#4baf62"},on:{click:t.takePointB}},[t._v("Take Point B")])],1),i("v-col",[i("v-btn",{attrs:{small:"",color:"yellow darken-3"},on:{click:t.clearSlope}},[t._v("Clear All Points")])],1)],1)],1)},l=[],c={name:"DualCalibration",props:["rawPoint"],data(){return{pointA:void 0,pointB:void 0}},methods:{takePointA(){this.pointA=this.rawPoint,this.calcSlope()},takePointB(){this.pointB=this.rawPoint,this.calcSlope()},calcSlope(){if(void 0!==this.pointA&&void 0!==this.pointB){let t=(this.pointB[1]-this.pointA[1])/(this.pointB[0]-this.pointA[0]),e=this.pointA[1]-t*this.pointA[0];!1===isNaN(t)&&!1===isNaN(e)?this.sendSlope(t,e,!0):this.$emit("snackbar","Points are too close"),this.pointA=void 0,this.pointB=void 0}},sendSlope(t,e){this.handleInput("dualTargetCalibrationM",t),this.handleInput("dualTargetCalibrationB",e),this.$emit("update")},clearSlope(){this.sendSlope(1,0,!1),this.pointA=void 0,this.pointB=void 0}}},u=c,h=i("2877"),d=i("6544"),p=i.n(d),v=i("8336"),m=i("62ad"),g=i("0fd9"),f=Object(h["a"])(u,o,l,!1,null,"1c4a19bc",null),b=f.exports;p()(f,{VBtn:v["a"],VCol:m["a"],VRow:g["a"]});var C=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("v-row",{attrs:{align:"center",justify:"start"}},[i("v-col",{staticStyle:{"padding-right":"0"},attrs:{cols:3}},[i("v-btn",{attrs:{small:"",color:"#4baf62"},on:{click:t.takePoint}},[t._v("Take Point")])],1),i("v-col",[i("v-btn",{attrs:{small:"",color:"yellow darken-3"},on:{click:t.clearPoint}},[t._v("Clear Point")])],1)],1)],1)},k=[],y={name:"SingleCalibration",props:["rawPoint"],methods:{clearPoint(){this.handleInput("point",[]),this.$emit("update")},takePoint(){this.rawPoint[0]&&this.rawPoint[1]?(this.handleInput("point",this.rawPoint),this.$emit("update")):this.$emit("snackbar","No target found")}}},x=y,w=Object(h["a"])(x,C,k,!1,null,"6307e924",null),$=w.exports;p()(w,{VBtn:v["a"],VCol:m["a"],VRow:g["a"]});var _={name:"Output",props:["value"],components:{CVselect:s["a"],CVswitch:r["a"],SingleCalibration:$,DualCalibration:b},methods:{handleData(t){this.handleInput(t,this.value[t]),this.$emit("update")},doUpdate(){this.$emit("update")},showSnackbar(t){this.snackbarText=t,this.snackbar=!0}},data(){return{snackbar:!1,snackbarText:""}},computed:{selectedComponent:{get(){switch(this.value.calibrationMode){case 0:return"";case 1:return"SingleCalibration";case 2:return"DualCalibration"}return""}},rawPoint:{get(){return this.$store.state.point.rawPoint}}}},S=_,V=i("ce7e"),I=i("2db4"),P=Object(h["a"])(S,a,n,!1,null,"9553f3b6",null);e["default"]=P.exports;p()(P,{VBtn:v["a"],VDivider:V["a"],VSnackbar:I["a"]})},"4f5a":function(t,e,i){"use strict";var a=i("dd51"),n=i.n(a);n.a},"50ef":function(t,e,i){"use strict";i.r(e);var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("CVslider",{attrs:{name:"Exposure",min:0,max:100},on:{input:function(e){return t.handleData("exposure")}},model:{value:t.value.exposure,callback:function(e){t.$set(t.value,"exposure",e)},expression:"value.exposure"}}),i("CVslider",{attrs:{name:"Brightness",min:0,max:100},on:{input:function(e){return t.handleData("brightness")}},model:{value:t.value.brightness,callback:function(e){t.$set(t.value,"brightness",e)},expression:"value.brightness"}}),-1!==t.value.gain?i("CVslider",{attrs:{name:"Gain",min:0,max:100},on:{input:function(e){return t.handleData("gain")}},model:{value:t.value.gain,callback:function(e){t.$set(t.value,"gain",e)},expression:"value.gain"}}):t._e(),i("CVselect",{attrs:{name:"Orientation",list:["Normal","90° CW","180°","90° CCW"]},on:{input:function(e){return t.handleData("rotationMode")}},model:{value:t.value.rotationMode,callback:function(e){t.$set(t.value,"rotationMode",e)},expression:"value.rotationMode"}}),i("CVselect",{attrs:{name:"Resolution",list:t.resolutionList},on:{input:function(e){return t.handleData("videoModeIndex")}},model:{value:t.value.videoModeIndex,callback:function(e){t.$set(t.value,"videoModeIndex",e)},expression:"value.videoModeIndex"}}),i("CVselect",{attrs:{name:"Stream Resolution",list:t.streamResolutionList},on:{input:function(e){return t.handleData("streamDivisor")}},model:{value:t.value.streamDivisor,callback:function(e){t.$set(t.value,"streamDivisor",e)},expression:"value.streamDivisor"}})],1)},n=[],s=i("1447"),r=i("8384"),o={name:"Input",props:["value"],components:{CVslider:s["a"],CVselect:r["a"]},methods:{handleData(t){this.handleInput(t,this.value[t]),this.$emit("update")}},data(){return{t:0,a:1}},computed:{resolutionList:{get(){let t=[];for(let e of this.$store.state.resolutionList)t.push(`${e["width"]} X ${e["height"]} at ${e["fps"]} FPS, ${e["pixelFormat"]}`);return t}},streamResolutionList:{get(){let t=this.$store.state.resolutionList[this.value.videoModeIndex],e=[];e.push(`${Math.floor(t["width"])} X ${Math.floor(t["height"])}`);for(let i=2;i<=6;i+=2)e.push(`${Math.floor(t["width"]/i)} X ${Math.floor(t["height"]/i)}`);return e}}}},l=o,c=i("2877"),u=Object(c["a"])(l,a,n,!1,null,"cb80c2b0",null);e["default"]=u.exports},"5c73":function(t,e,i){"use strict";i.r(e);var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("CVrangeSlider",{attrs:{name:"Area",min:0,max:100,step:.1},on:{input:function(e){return t.handleData("area")}},model:{value:t.value.area,callback:function(e){t.$set(t.value,"area",e)},expression:"value.area"}}),i("CVrangeSlider",{attrs:{name:"Ratio (W/H)",min:0,max:100,step:.1},on:{input:function(e){return t.handleData("ratio")}},model:{value:t.value.ratio,callback:function(e){t.$set(t.value,"ratio",e)},expression:"value.ratio"}}),i("CVrangeSlider",{attrs:{name:"Extent",min:0,max:100},on:{input:function(e){return t.handleData("extent")}},model:{value:t.value.extent,callback:function(e){t.$set(t.value,"extent",e)},expression:"value.extent"}}),i("CVslider",{attrs:{name:"Speckle Rejection",min:0,max:100},on:{input:function(e){return t.handleData("speckle")}},model:{value:t.value.speckle,callback:function(e){t.$set(t.value,"speckle",e)},expression:"value.speckle"}}),i("CVselect",{attrs:{name:"Target Group",list:["Single","Dual"]},on:{input:function(e){return t.handleData("targetGroup")}},model:{value:t.value.targetGroup,callback:function(e){t.$set(t.value,"targetGroup",e)},expression:"value.targetGroup"}}),i("CVselect",{attrs:{name:"Target Intersection",list:["None","Up","Down","Left","Right"],disabled:t.isDisabled},on:{input:function(e){return t.handleData("targetIntersection")}},model:{value:t.value.targetIntersection,callback:function(e){t.$set(t.value,"targetIntersection",e)},expression:"value.targetIntersection"}})],1)},n=[],s=i("1029"),r=i("8384"),o=i("1447"),l={name:"Contours",props:["value"],components:{CVrangeSlider:s["a"],CVselect:r["a"],CVslider:o["a"]},methods:{handleData(t){this.handleInput(t,this.value[t]),this.$emit("update")}},data(){return{}},computed:{isDisabled(){return 0===this.value.targetGroup}}},c=l,u=i("2877"),h=Object(u["a"])(c,a,n,!1,null,"559b3ddb",null);e["default"]=h.exports},"6ca7":function(t,e,i){},"6ec0":function(t,e,i){"use strict";i.r(e);var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("div",[i("v-row",{attrs:{align:"center"}},[i("v-col",{staticClass:"colsClass",attrs:{cols:3}},[i("div",{staticStyle:{"padding-left":"30px"}},[!1===t.isCameraNameEdit?i("CVselect",{attrs:{name:"Camera",list:t.cameraList},on:{input:function(e){return t.handleInput("currentCamera",t.currentCameraIndex)}},model:{value:t.currentCameraIndex,callback:function(e){t.currentCameraIndex=e},expression:"currentCameraIndex"}}):i("CVinput",{attrs:{name:"Camera",errorMessage:t.checkCameraName},on:{Enter:t.saveCameraNameChange},model:{value:t.newCameraName,callback:function(e){t.newCameraName=e},expression:"newCameraName"}})],1)]),i("v-col",{attrs:{cols:1}},[!1===t.isCameraNameEdit?i("CVicon",{attrs:{color:"#c5c5c5",hover:"",text:"edit",tooltip:"Edit camera name"},on:{click:t.toCameraNameChange}}):i("div",[i("CVicon",{staticStyle:{display:"inline-block"},attrs:{color:"#c5c5c5",hover:"",text:"save",tooltip:"Save Camera Name"},on:{click:t.saveCameraNameChange}}),i("CVicon",{staticStyle:{display:"inline-block"},attrs:{color:"error",hover:"",text:"close",tooltip:"Discard Changes"},on:{click:t.discardCameraNameChange}})],1)],1),i("v-col",{staticClass:"colsClass",attrs:{cols:3}},[i("CVselect",{attrs:{name:"Pipeline",list:["Driver Mode"].concat(t.pipelineList)},on:{input:function(e){return t.handleInput("currentPipeline",t.currentPipelineIndex-1)}},model:{value:t.currentPipelineIndex,callback:function(e){t.currentPipelineIndex=e},expression:"currentPipelineIndex"}})],1),0!==t.currentPipelineIndex?i("v-col",{staticClass:"colsClass",attrs:{cols:1,md:"3"}},[i("v-menu",{attrs:{"offset-y":"",dark:"",auto:""},scopedSlots:t._u([{key:"activator",fn:function(e){var a=e.on;return[i("v-icon",t._g({attrs:{color:"white"}},a),[t._v("menu")])]}}],null,!1,2044107425)},[i("v-list",{attrs:{dense:""}},[i("v-list-item",{on:{click:t.toPipelineNameChange}},[i("v-list-item-title",[i("CVicon",{attrs:{color:"#c5c5c5",right:!0,text:"edit",tooltip:"Edit pipeline name"}})],1)],1),i("v-list-item",{on:{click:t.toCreatePipeline}},[i("v-list-item-title",[i("CVicon",{attrs:{color:"#c5c5c5",right:!0,text:"add",tooltip:"Add new pipeline"}})],1)],1),i("v-list-item",{on:{click:t.deleteCurrentPipeline}},[i("v-list-item-title",[i("CVicon",{attrs:{color:"red darken-2",right:!0,text:"delete",tooltip:"Delete pipeline"}})],1)],1),i("v-list-item",{on:{click:t.openDuplicateDialog}},[i("v-list-item-title",[i("CVicon",{attrs:{color:"#c5c5c5",right:!0,text:"mdi-content-copy",tooltip:"Duplicate pipeline"}})],1)],1)],1)],1)],1):t._e(),i("v-btn",{staticStyle:{position:"absolute",top:"5px",right:"0"},attrs:{tile:"",color:"#4baf62"},on:{click:function(e){return t.handleInput("command","save")}}},[i("v-icon",[t._v("save")]),t._v("\n Save\n ")],1)],1)],1),i("v-row",[i("v-col",{staticClass:"colsClass",attrs:{cols:"6"}},[0!==t.currentPipelineIndex?i("v-tabs",{attrs:{"fixed-tabs":"","background-color":"#212121",dark:"",height:"48","slider-color":"#4baf62"},model:{value:t.selectedTab,callback:function(e){t.selectedTab=e},expression:"selectedTab"}},[i("v-tab",[t._v("Input")]),i("v-tab",[t._v("Threshold")]),i("v-tab",[t._v("Contours")]),i("v-tab",[t._v("Output")]),i("v-tab",[t._v("3D")])],1):i("div",{staticStyle:{height:"48px"}}),i("div",{staticStyle:{"padding-left":"30px"}},[i("keep-alive",[i(t.selectedComponent,{ref:"component",tag:"component",on:{update:function(e){return t.$emit("save")}},model:{value:t.pipeline,callback:function(e){t.pipeline=e},expression:"pipeline"}})],1)],1)],1),i("v-col",{staticClass:"colsClass",attrs:{cols:"6"}},[i("div",[0!==t.currentPipelineIndex?i("v-tabs",{staticStyle:{"padding-bottom":"10px"},attrs:{"background-color":"#212121",dark:"",height:"48","slider-color":"#4baf62",centered:""},on:{change:function(e){return t.handleInput("isBinary",t.pipeline.isBinary)}},model:{value:t.isBinaryNumber,callback:function(e){t.isBinaryNumber=e},expression:"isBinaryNumber"}},[i("v-tab",[t._v("Normal")]),i("v-tab",[t._v("Threshold")])],1):i("div",{staticStyle:{height:"58px"}}),i("div",{staticClass:"videoClass"},[i("v-row",{attrs:{align:"center"}},[t.cameraList.length>0?i("img",{staticStyle:{display:"block",margin:"auto",width:"70%",height:"70%"},attrs:{id:"CameraStream",src:t.streamAddress,crossorigin:"Anonymous"},on:{click:t.onImageClick}}):i("span",{staticStyle:{display:"block",margin:"auto",width:"70%",height:"70%"}},[t._v("No Cameras Are connected")])]),i("v-row",{attrs:{justify:"end"}},[i("span",{staticStyle:{"margin-right":"45px"}},[t._v("FPS:"+t._s(parseFloat(t.fps).toFixed(2)))])]),i("v-row",{attrs:{align:"center"}},[i("v-simple-table",{staticStyle:{"text-align":"center","background-color":"transparent",display:"block",margin:"auto"},attrs:{dense:"",dark:""},scopedSlots:t._u([{key:"default",fn:function(){return[i("thead",[i("tr",[i("th",{staticClass:"text-center"},[t._v("Target")]),i("th",{staticClass:"text-center"},[t._v("Pitch")]),i("th",{staticClass:"text-center"},[t._v("Yaw")]),i("th",{staticClass:"text-center"},[t._v("Area")])])]),i("tbody",t._l(t.targets,(function(e,a){return i("tr",{key:a},[i("td",[t._v(t._s(a))]),i("td",[t._v(t._s(parseFloat(e.pitch).toFixed(2)))]),i("td",[t._v(t._s(parseFloat(e.yaw).toFixed(2)))]),i("td",[t._v(t._s(parseFloat(e.area).toFixed(2)))])])})),0)]},proxy:!0}])})],1)],1)],1)])],1),i("v-dialog",{attrs:{dark:"",width:"500",height:"357"},model:{value:t.duplicateDialog,callback:function(e){t.duplicateDialog=e},expression:"duplicateDialog"}},[i("v-card",{attrs:{dark:""}},[i("v-card-title",{staticClass:"headline",attrs:{"primary-title":""}},[t._v("Duplicate Pipeline")]),i("v-card-text",[i("CVselect",{attrs:{name:"Pipeline",list:t.pipelineList},model:{value:t.pipelineDuplicate.pipeline,callback:function(e){t.$set(t.pipelineDuplicate,"pipeline",e)},expression:"pipelineDuplicate.pipeline"}}),t.cameraList.length>1?i("v-checkbox",{attrs:{dark:"",label:"To another camera"},model:{value:t.anotherCamera,callback:function(e){t.anotherCamera=e},expression:"anotherCamera"}}):t._e(),!0===t.anotherCamera?i("CVselect",{attrs:{name:"Camera",list:t.cameraList},model:{value:t.pipelineDuplicate.camera,callback:function(e){t.$set(t.pipelineDuplicate,"camera",e)},expression:"pipelineDuplicate.camera"}}):t._e()],1),i("v-divider"),i("v-card-actions",[i("v-spacer"),i("v-btn",{attrs:{color:"#4baf62"},on:{click:t.duplicatePipeline}},[t._v("Duplicate")]),i("v-btn",{attrs:{color:"error"},on:{click:t.closeDuplicateDialog}},[t._v("Cancel")])],1)],1)],1),i("v-dialog",{attrs:{dark:"",width:"500",height:"357"},model:{value:t.namingDialog,callback:function(e){t.namingDialog=e},expression:"namingDialog"}},[i("v-card",{attrs:{dark:""}},[i("v-card-title",{staticClass:"headline",attrs:{"primary-title":""}},[t._v("Pipeline Name")]),i("v-card-text",[i("CVinput",{attrs:{name:"Pipeline","error-message":t.checkPipelineName},on:{Enter:t.savePipelineNameChange},model:{value:t.newPipelineName,callback:function(e){t.newPipelineName=e},expression:"newPipelineName"}})],1),i("v-divider"),i("v-card-actions",[i("v-spacer"),i("v-btn",{attrs:{color:"#4baf62",disabled:""!==t.checkPipelineName},on:{click:t.savePipelineNameChange}},[t._v("Save\n ")]),i("v-btn",{attrs:{color:"error"},on:{click:t.discardPipelineNameChange}},[t._v("Cancel")])],1)],1)],1),i("v-snackbar",{attrs:{timeout:3e3,top:"",color:"error"},model:{value:t.snackbar,callback:function(e){t.snackbar=e},expression:"snackbar"}},[i("span",{staticStyle:{color:"#000"}},[t._v("Can not remove the only pipeline!")]),i("v-btn",{attrs:{color:"black",text:""},on:{click:function(e){t.snackbar=!1}}},[t._v("Close")])],1)],1)},n=[],s=i("50ef"),r=i("1a40"),o=i("5c73"),l=i("4c92"),c=i("e4b1"),u=i("8384"),h=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("v-tooltip",{attrs:{right:t.right,bottom:!t.right,"nudge-right":"10"},scopedSlots:t._u([{key:"activator",fn:function(e){var a=e.on;return[i("v-icon",t._g({class:t.hoverClass,attrs:{color:t.color},on:{click:t.handleClick}},a),[t._v(t._s(t.text))])]}}])},[i("span",[t._v(t._s(t.tooltip))])])],1)},d=[],p={name:"Icon",props:["color","tooltip","text","right","hover"],data(){return{}},methods:{handleClick(){this.$emit("click")}},computed:{hoverClass(){if(void 0!==this.hover)return"hover"}}},v=p,m=(i("4f5a"),i("2877")),g=i("6544"),f=i.n(g),b=i("132d"),C=(i("9734"),i("4ad4")),k=i("a9ad"),y=i("16b7"),x=i("b848"),w=i("75eb"),$=i("f573"),_=i("f2e7"),S=i("80d2"),V=i("d9bd"),I=i("58df"),P=Object(I["a"])(k["a"],y["a"],x["a"],w["a"],$["a"],_["a"]).extend({name:"v-tooltip",props:{closeDelay:{type:[Number,String],default:0},disabled:Boolean,fixed:{type:Boolean,default:!0},openDelay:{type:[Number,String],default:0},openOnHover:{type:Boolean,default:!0},tag:{type:String,default:"span"},transition:String,zIndex:{default:null}},data:()=>({calculatedMinWidth:0,closeDependents:!1}),computed:{calculatedLeft(){const{activator:t,content:e}=this.dimensions,i=!this.bottom&&!this.left&&!this.top&&!this.right,a=!1!==this.attach?t.offsetLeft:t.left;let n=0;return this.top||this.bottom||i?n=a+t.width/2-e.width/2:(this.left||this.right)&&(n=a+(this.right?t.width:-e.width)+(this.right?10:-10)),this.nudgeLeft&&(n-=parseInt(this.nudgeLeft)),this.nudgeRight&&(n+=parseInt(this.nudgeRight)),`${this.calcXOverflow(n,this.dimensions.content.width)}px`},calculatedTop(){const{activator:t,content:e}=this.dimensions,i=!1!==this.attach?t.offsetTop:t.top;let a=0;return this.top||this.bottom?a=i+(this.bottom?t.height:-e.height)+(this.bottom?10:-10):(this.left||this.right)&&(a=i+t.height/2-e.height/2),this.nudgeTop&&(a-=parseInt(this.nudgeTop)),this.nudgeBottom&&(a+=parseInt(this.nudgeBottom)),`${this.calcYOverflow(a+this.pageYOffset)}px`},classes(){return{"v-tooltip--top":this.top,"v-tooltip--right":this.right,"v-tooltip--bottom":this.bottom,"v-tooltip--left":this.left,"v-tooltip--attached":""===this.attach||!0===this.attach||"attach"===this.attach}},computedTransition(){return this.transition?this.transition:this.isActive?"scale-transition":"fade-transition"},offsetY(){return this.top||this.bottom},offsetX(){return this.left||this.right},styles(){return{left:this.calculatedLeft,maxWidth:Object(S["f"])(this.maxWidth),minWidth:Object(S["f"])(this.minWidth),opacity:this.isActive?.9:0,top:this.calculatedTop,zIndex:this.zIndex||this.activeZIndex}}},beforeMount(){this.$nextTick(()=>{this.value&&this.callActivate()})},mounted(){"v-slot"===Object(S["o"])(this,"activator",!0)&&Object(V["b"])("v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'",this)},methods:{activate(){this.updateDimensions(),requestAnimationFrame(this.startTransition)},deactivate(){this.runDelay("close")},genActivatorListeners(){const t=C["a"].options.methods.genActivatorListeners.call(this);return t.focus=t=>{this.getActivator(t),this.runDelay("open")},t.blur=t=>{this.getActivator(t),this.runDelay("close")},t.keydown=t=>{t.keyCode===S["s"].esc&&(this.getActivator(t),this.runDelay("close"))},t}},render(t){const e=t("div",this.setBackgroundColor(this.color,{staticClass:"v-tooltip__content",class:{[this.contentClass]:!0,menuable__content__active:this.isActive,"v-tooltip__content--fixed":this.activatorFixed},style:this.styles,attrs:this.getScopeIdAttrs(),directives:[{name:"show",value:this.isContentActive}],ref:"content"}),this.showLazyContent(this.getContentSlot()));return t(this.tag,{staticClass:"v-tooltip",class:this.classes},[t("transition",{props:{name:this.computedTransition}},[e]),this.genActivator()])}}),D=Object(m["a"])(v,h,d,!1,null,"3ed7f1e7",null),T=D.exports;f()(D,{VIcon:b["a"],VTooltip:P});var N=i("759a"),O={name:"CameraTab",components:{InputTab:s["default"],ThresholdTab:r["default"],ContoursTab:o["default"],OutputTab:l["default"],pnpTab:c["default"],CVselect:u["a"],CVicon:T,CVinput:N["a"]},methods:{onImageClick(t){1===this.selectedTab&&this.$refs.component.onClick(t)},toCameraNameChange(){this.newCameraName=this.cameraList[this.currentCameraIndex],this.isCameraNameEdit=!0},saveCameraNameChange(){""===this.checkCameraName&&(this.handleInput("changeCameraName",this.newCameraName),this.discardCameraNameChange())},discardCameraNameChange(){this.isCameraNameEdit=!1,this.newCameraName=""},toPipelineNameChange(){this.newPipelineName=this.pipelineList[this.currentPipelineIndex-1],this.isPipelineNameEdit=!0,this.namingDialog=!0},toCreatePipeline(){this.newPipelineName="New Pipeline",this.isPipelineNameEdit=!1,this.namingDialog=!0},savePipelineNameChange(){""===this.checkPipelineName&&(this.isPipelineNameEdit?this.handleInput("changePipelineName",this.newPipelineName):this.handleInput("addNewPipeline",this.newPipelineName),this.discardPipelineNameChange())},discardPipelineNameChange(){this.namingDialog=!1,this.isPipelineNameEdit=!1,this.newPipelineName=""},duplicatePipeline(){this.anotherCamera||(this.pipelineDuplicate.camera=-1),this.axios.post("http://"+this.$address+"/api/vision/duplicate",this.pipelineDuplicate),this.closeDuplicateDialog()},openDuplicateDialog(){this.pipelineDuplicate={pipeline:this.currentPipelineIndex-1,camera:-1},this.duplicateDialog=!0},closeDuplicateDialog(){this.duplicateDialog=!1,this.pipelineDuplicate={pipeline:void 0,camera:-1}},deleteCurrentPipeline(){this.pipelineList.length>1?this.handleInput("command","deleteCurrentPipeline"):this.snackbar=!0}},data(){return{re:RegExp("^[A-Za-z0-9 \\-)(]*[A-Za-z0-9][A-Za-z0-9 \\-)(.]*$"),selectedTab:0,isCameraNameEdit:!1,newCameraName:"",cameraNameError:"",isPipelineNameEdit:!1,namingDialog:!1,newPipelineName:"",duplicateDialog:!1,anotherCamera:!1,pipelineDuplicate:{pipeline:void 0,camera:-1},snackbar:!1}},computed:{checkCameraName(){if(this.newCameraName!==this.cameraList[this.currentCameraIndex]){if(!this.re.test(this.newCameraName))return"Camera name can only contain letters, numbers and spaces";for(let t in this.cameraList)if(this.newCameraName===this.cameraList[t])return"Camera by that name already Exists"}return""},checkPipelineName(){if(this.newPipelineName!==this.pipelineList[this.currentPipelineIndex-1]||!1===this.isPipelineNameEdit){if(!this.re.test(this.newPipelineName))return"Pipeline name can only contain letters, numbers, and spaces";for(let t in this.pipelineList)if(this.newPipelineName===this.pipelineList[t])return"A pipeline with this name already exists"}return""},isBinaryNumber:{get(){return this.pipeline.isBinary?1:0},set(t){this.pipeline.isBinary=!!t}},selectedComponent:{get(){if(0===this.currentPipelineIndex)return"InputTab";switch(this.selectedTab){case 0:return"InputTab";case 1:return"ThresholdTab";case 2:return"ContoursTab";case 3:return"OutputTab";case 4:return"pnpTab"}return""}},targets:{get:function(){return this.$store.state.point.targets}},fps:{get(){return this.$store.state.point.fps}},currentCameraIndex:{get(){return this.$store.state.currentCameraIndex},set(t){this.$store.commit("currentCameraIndex",t)}},currentPipelineIndex:{get(){return this.$store.state.currentPipelineIndex+1},set(t){this.$store.commit("currentPipelineIndex",t-1)}},cameraList:{get(){return this.$store.state.cameraList}},pipelineList:{get(){return this.$store.state.pipelineList}},pipeline:{get(){return this.$store.state.pipeline}},streamAddress:{get:function(){return"http://"+location.hostname+":"+this.$store.state.port+"/stream.mjpg"}}}},A=O,B=(i("decb"),i("8336")),M=(i("615b"),i("10d2")),E=i("297c"),L=i("1c87"),F=Object(I["a"])(E["a"],L["a"],M["a"]).extend({name:"v-card",props:{flat:Boolean,hover:Boolean,img:String,link:Boolean,loaderHeight:{type:[Number,String],default:4},outlined:Boolean,raised:Boolean,shaped:Boolean},computed:{classes(){return{"v-card":!0,...L["a"].options.computed.classes.call(this),"v-card--flat":this.flat,"v-card--hover":this.hover,"v-card--link":this.isClickable,"v-card--loading":this.loading,"v-card--disabled":this.disabled,"v-card--outlined":this.outlined,"v-card--raised":this.raised,"v-card--shaped":this.shaped,...M["a"].options.computed.classes.call(this)}},styles(){const t={...M["a"].options.computed.styles.call(this)};return this.img&&(t.background=`url("${this.img}") center center / cover no-repeat`),t}},methods:{genProgress(){const t=E["a"].options.methods.genProgress.call(this);return t?this.$createElement("div",{staticClass:"v-card__progress"},[t]):null}},render(t){const{tag:e,data:i}=this.generateRouteLink();return i.style=this.styles,this.isClickable&&(i.attrs=i.attrs||{},i.attrs.tabindex=0),t(e,this.setBackgroundColor(this.color,i),[this.genProgress(),this.$slots.default])}});const j=Object(S["h"])("v-card__actions"),R=(Object(S["h"])("v-card__subtitle"),Object(S["h"])("v-card__text")),W=Object(S["h"])("v-card__title");var z=i("ac7c"),Z=i("62ad"),H=(i("368e"),i("480e")),Y=(i("3c93"),i("7560")),G=Object(I["a"])(k["a"],Y["a"],_["a"]).extend({name:"v-overlay",props:{absolute:Boolean,color:{type:String,default:"#212121"},dark:{type:Boolean,default:!0},opacity:{type:[Number,String],default:.46},value:{default:!0},zIndex:{type:[Number,String],default:5}},computed:{__scrim(){const t=this.setBackgroundColor(this.color,{staticClass:"v-overlay__scrim",style:{opacity:this.computedOpacity}});return this.$createElement("div",t)},classes(){return{"v-overlay--absolute":this.absolute,"v-overlay--active":this.isActive,...this.themeClasses}},computedOpacity(){return Number(this.isActive?this.opacity:0)},styles(){return{zIndex:this.zIndex}}},methods:{genContent(){return this.$createElement("div",{staticClass:"v-overlay__content"},this.$slots.default)}},render(t){const e=[this.__scrim];return this.isActive&&e.push(this.genContent()),t("div",{staticClass:"v-overlay",class:this.classes,style:this.styles},e)}}),X=G,K=i("2b0e"),q=K["a"].extend().extend({name:"overlayable",props:{hideOverlay:Boolean,overlayColor:String,overlayOpacity:[Number,String]},data(){return{overlay:null}},watch:{hideOverlay(t){this.isActive&&(t?this.removeOverlay():this.genOverlay())}},beforeDestroy(){this.removeOverlay()},methods:{createOverlay(){const t=new X({propsData:{absolute:this.absolute,value:!1,color:this.overlayColor,opacity:this.overlayOpacity}});t.$mount();const e=this.absolute?this.$el.parentNode:document.querySelector("[data-app]");e&&e.insertBefore(t.$el,e.firstChild),this.overlay=t},genOverlay(){if(this.hideScroll(),!this.hideOverlay)return this.overlay||this.createOverlay(),requestAnimationFrame(()=>{this.overlay&&(void 0!==this.activeZIndex?this.overlay.zIndex=String(this.activeZIndex-1):this.$el&&(this.overlay.zIndex=Object(S["p"])(this.$el)),this.overlay.value=!0)}),!0},removeOverlay(t=!0){this.overlay&&(Object(S["a"])(this.overlay.$el,"transitionend",()=>{this.overlay&&this.overlay.$el&&this.overlay.$el.parentNode&&!this.overlay.value&&(this.overlay.$el.parentNode.removeChild(this.overlay.$el),this.overlay.$destroy(),this.overlay=null)}),this.overlay.value=!1),t&&this.showScroll()},scrollListener(t){if("keydown"===t.type){if(["INPUT","TEXTAREA","SELECT"].includes(t.target.tagName)||t.target.isContentEditable)return;const e=[S["s"].up,S["s"].pageup],i=[S["s"].down,S["s"].pagedown];if(e.includes(t.keyCode))t.deltaY=-1;else{if(!i.includes(t.keyCode))return;t.deltaY=1}}(t.target===this.overlay||"keydown"!==t.type&&t.target===document.body||this.checkPath(t))&&t.preventDefault()},hasScrollbar(t){if(!t||t.nodeType!==Node.ELEMENT_NODE)return!1;const e=window.getComputedStyle(t);return["auto","scroll"].includes(e.overflowY)&&t.scrollHeight>t.clientHeight},shouldScroll(t,e){return 0===t.scrollTop&&e<0||t.scrollTop+t.clientHeight===t.scrollHeight&&e>0},isInside(t,e){return t===e||null!==t&&t!==document.body&&this.isInside(t.parentNode,e)},checkPath(t){const e=t.path||this.composedPath(t),i=t.deltaY;if("keydown"===t.type&&e[0]===document.body){const t=this.$refs.dialog,e=window.getSelection().anchorNode;return!(t&&this.hasScrollbar(t)&&this.isInside(e,t))||this.shouldScroll(t,i)}for(let a=0;a<e.length;a++){const t=e[a];if(t===document)return!0;if(t===document.documentElement)return!0;if(t===this.$refs.content)return!0;if(this.hasScrollbar(t))return this.shouldScroll(t,i)}return!0},composedPath(t){if(t.composedPath)return t.composedPath();const e=[];let i=t.target;while(i){if(e.push(i),"HTML"===i.tagName)return e.push(document),e.push(window),e;i=i.parentElement}return e},hideScroll(){this.$vuetify.breakpoint.smAndDown?document.documentElement.classList.add("overflow-y-hidden"):(Object(S["b"])(window,"wheel",this.scrollListener,{passive:!1}),window.addEventListener("keydown",this.scrollListener))},showScroll(){document.documentElement.classList.remove("overflow-y-hidden"),window.removeEventListener("wheel",this.scrollListener),window.removeEventListener("keydown",this.scrollListener)}}}),U=i("e4d3"),J=i("21be"),Q=i("a293");const tt=Object(I["a"])(C["a"],x["a"],w["a"],q,U["a"],J["a"],_["a"]);var et=tt.extend({name:"v-dialog",directives:{ClickOutside:Q["a"]},props:{dark:Boolean,disabled:Boolean,fullscreen:Boolean,light:Boolean,maxWidth:{type:[String,Number],default:"none"},noClickAnimation:Boolean,origin:{type:String,default:"center center"},persistent:Boolean,retainFocus:{type:Boolean,default:!0},scrollable:Boolean,transition:{type:[String,Boolean],default:"dialog-transition"},width:{type:[String,Number],default:"auto"}},data(){return{activatedBy:null,animate:!1,animateTimeout:-1,isActive:!!this.value,stackMinZIndex:200}},computed:{classes(){return{[`v-dialog ${this.contentClass}`.trim()]:!0,"v-dialog--active":this.isActive,"v-dialog--persistent":this.persistent,"v-dialog--fullscreen":this.fullscreen,"v-dialog--scrollable":this.scrollable,"v-dialog--animated":this.animate}},contentClasses(){return{"v-dialog__content":!0,"v-dialog__content--active":this.isActive}},hasActivator(){return Boolean(!!this.$slots.activator||!!this.$scopedSlots.activator)}},watch:{isActive(t){t?(this.show(),this.hideScroll()):(this.removeOverlay(),this.unbind())},fullscreen(t){this.isActive&&(t?(this.hideScroll(),this.removeOverlay(!1)):(this.showScroll(),this.genOverlay()))}},created(){this.$attrs.hasOwnProperty("full-width")&&Object(V["d"])("full-width",this)},beforeMount(){this.$nextTick(()=>{this.isBooted=this.isActive,this.isActive&&this.show()})},beforeDestroy(){"undefined"!==typeof window&&this.unbind()},methods:{animateClick(){this.animate=!1,this.$nextTick(()=>{this.animate=!0,window.clearTimeout(this.animateTimeout),this.animateTimeout=window.setTimeout(()=>this.animate=!1,150)})},closeConditional(t){const e=t.target;return!(this._isDestroyed||!this.isActive||this.$refs.content.contains(e)||this.overlay&&e&&!this.overlay.$el.contains(e))&&this.activeZIndex>=this.getMaxZIndex()},hideScroll(){this.fullscreen?document.documentElement.classList.add("overflow-y-hidden"):q.options.methods.hideScroll.call(this)},show(){!this.fullscreen&&!this.hideOverlay&&this.genOverlay(),this.$nextTick(()=>{this.$refs.content.focus(),this.bind()})},bind(){window.addEventListener("focusin",this.onFocusin)},unbind(){window.removeEventListener("focusin",this.onFocusin)},onClickOutside(t){this.$emit("click:outside",t),this.persistent?this.noClickAnimation||this.animateClick():this.isActive=!1},onKeydown(t){if(t.keyCode===S["s"].esc&&!this.getOpenDependents().length)if(this.persistent)this.noClickAnimation||this.animateClick();else{this.isActive=!1;const t=this.getActivator();this.$nextTick(()=>t&&t.focus())}this.$emit("keydown",t)},onFocusin(t){if(!t||!this.retainFocus)return;const e=t.target;if(e&&![document,this.$refs.content].includes(e)&&!this.$refs.content.contains(e)&&this.activeZIndex>=this.getMaxZIndex()&&!this.getOpenDependentElements().some(t=>t.contains(e))){const t=this.$refs.content.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');t.length&&t[0].focus()}}},render(t){const e=[],i={class:this.classes,ref:"dialog",directives:[{name:"click-outside",value:this.onClickOutside,args:{closeConditional:this.closeConditional,include:this.getOpenDependentElements}},{name:"show",value:this.isActive}],on:{click:t=>{t.stopPropagation()}},style:{}};this.fullscreen||(i.style={maxWidth:"none"===this.maxWidth?void 0:Object(S["f"])(this.maxWidth),width:"auto"===this.width?void 0:Object(S["f"])(this.width)}),e.push(this.genActivator());let a=t("div",i,this.showLazyContent(this.getContentSlot()));return this.transition&&(a=t("transition",{props:{name:this.transition,origin:this.origin}},[a])),e.push(t("div",{class:this.contentClasses,attrs:{role:"document",tabindex:this.isActive?0:void 0,...this.getScopeIdAttrs()},on:{keydown:this.onKeydown},style:{zIndex:this.activeZIndex},ref:"content"},[this.$createElement(H["a"],{props:{root:!0,light:this.light,dark:this.dark}},[a])])),t("div",{staticClass:"v-dialog__container",class:{"v-dialog__container--attached":""===this.attach||!0===this.attach||"attach"===this.attach},attrs:{role:"dialog"}},e)}}),it=i("ce7e"),at=i("8860"),nt=i("da13"),st=i("5d23"),rt=i("e449"),ot=i("0fd9"),lt=i("1f4f"),ct=i("2db4"),ut=(i("20f6"),Object(S["h"])("spacer","div","v-spacer")),ht=i("71a3"),dt=i("fe57"),pt=Object(m["a"])(A,a,n,!1,null,"68fd95a0",null);e["default"]=pt.exports;f()(pt,{VBtn:B["a"],VCard:F,VCardActions:j,VCardText:R,VCardTitle:W,VCheckbox:z["a"],VCol:Z["a"],VDialog:et,VDivider:it["a"],VIcon:b["a"],VList:at["a"],VListItem:nt["a"],VListItemTitle:st["b"],VMenu:rt["a"],VRow:ot["a"],VSimpleTable:lt["a"],VSnackbar:ct["a"],VSpacer:ut,VTab:ht["a"],VTabs:dt["a"]})},"759a":function(t,e,i){"use strict";var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("v-row",{attrs:{dense:"",align:"center"}},[i("v-col",{attrs:{cols:3}},[i("span",[t._v(t._s(t.name))])]),i("v-col",{attrs:{cols:9}},[i("v-text-field",{attrs:{dark:"",dense:"",disabled:t.disabled,"error-messages":t.errorMessage},on:{keydown:t.handleKeyboard},model:{value:t.localValue,callback:function(e){t.localValue=e},expression:"localValue"}})],1)],1)],1)},n=[],s={name:"Input",props:["name","value","disabled","errorMessage"],data(){return{}},methods:{handleKeyboard(t){"Enter"==t.key&&this.$emit("Enter")}},computed:{localValue:{get(){return this.value},set(t){this.$emit("input",t)}}}},r=s,o=i("2877"),l=i("6544"),c=i.n(l),u=i("62ad"),h=i("0fd9"),d=i("8654"),p=Object(o["a"])(r,a,n,!1,null,"60193ff2",null);e["a"]=p.exports;c()(p,{VCol:u["a"],VRow:h["a"],VTextField:d["a"]})},9734:function(t,e,i){},"99d3":function(t,e,i){},"9a18":function(t,e,i){"use strict";var a=i("ba0d");e["a"]=a["a"]},ac7c:function(t,e,i){"use strict";i("6ca7"),i("ec29");var a=i("9d26"),n=i("c37a"),s=i("fe09");e["a"]=s["a"].extend({name:"v-checkbox",props:{indeterminate:Boolean,indeterminateIcon:{type:String,default:"$checkboxIndeterminate"},offIcon:{type:String,default:"$checkboxOff"},onIcon:{type:String,default:"$checkboxOn"}},data(){return{inputIndeterminate:this.indeterminate}},computed:{classes(){return{...n["a"].options.computed.classes.call(this),"v-input--selection-controls":!0,"v-input--checkbox":!0,"v-input--indeterminate":this.inputIndeterminate}},computedIcon(){return this.inputIndeterminate?this.indeterminateIcon:this.isActive?this.onIcon:this.offIcon},validationState(){if(!this.disabled||this.inputIndeterminate)return this.hasError&&this.shouldValidate?"error":this.hasSuccess?"success":null!==this.hasColor?this.computedColor:void 0}},watch:{indeterminate(t){this.$nextTick(()=>this.inputIndeterminate=t)},inputIndeterminate(t){this.$emit("update:indeterminate",t)},isActive(){this.indeterminate&&(this.inputIndeterminate=!1)}},methods:{genCheckbox(){return this.$createElement("div",{staticClass:"v-input--selection-controls__input"},[this.genInput("checkbox",{...this.attrs$,"aria-checked":this.inputIndeterminate?"mixed":this.isActive.toString()}),this.genRipple(this.setTextColor(this.validationState)),this.$createElement(a["a"],this.setTextColor(this.validationState,{props:{dense:this.dense,dark:this.dark,light:this.light}}),this.computedIcon)])},genDefaultSlot(){return[this.genCheckbox(),this.genLabel()]}}})},b3e4:function(t,e,i){"use strict";i.r(e);var a=void 0,n=void 0;function s(){a=document.createElement("canvas"),n=document.getElementById("CameraStream"),a.width=n.width,a.height=n.height}function r(t,e,i){let s=n.getBoundingClientRect(),r=Math.round(t.clientX-s.left),o=Math.round(t.clientY-s.top),l=a.getContext("2d");l.drawImage(n,0,0,n.width,n.height);let c=l.getImageData(r,o,1,1).data;if(void 0!==e)return e(c,i)}function o(t){let e=u(t),i=d([e,e.slice(0)]);return i}function l(t,e){let i=u(t),a=d([[].concat(i),i]);return h(e.concat(a))}function c(t,e){let i=u(t),a=d([[].concat(i),i]);return p(e,a[0])||p(e,a[1]),e}function u(t){let e=t[0],i=t[1],a=t[2];e/=255,i/=255,a/=255;let n=Math.min(e,Math.min(i,a)),s=Math.max(e,Math.max(i,a)),r=e===n?i-a:a===n?e-i:a-e,o=e===n?3:a===n?1:5,l=30*(o-r/(s-n)),c=255*(s-n)/s,u=255*s;return isNaN(l)&&(l=0),isNaN(c)&&(c=0),isNaN(u)&&(u=0),[Math.round(l),Math.round(c),Math.round(u)]}function h(t){let e=[[],[]];for(var i=0;i<3;i++){e[0][i]=t[0][i],e[1][i]=t[0][i];for(var a=t.length-1;a>=0;a--)e[0][i]=Math.min(t[a][i],e[0][i]),e[1][i]=Math.max(t[a][i],e[1][i])}return e}function d(t){let e=[[],[]];for(let i=0;i<3;i++)e[0][i]=Math.max(0,t[0][i]-10),e[1][i]=Math.min(255,t[1][i]+10);return e[1][0]=Math.min(180,e[1][0]),e}function p(t,e){let i=!0;for(let a=0;a<e.length&&i;a++)t[0][a]<=e[a]<=t[1][a]||(i=!1);if(i)for(let a=0;a<e.length;a++)e[a]-t[0][a]<t[1][a]-e[a]?t[0][a]=Math.min(t[0][a]+10,t[1][a]):t[1][a]=Math.max(t[1][a]-10,t[0][a]);return i}e["default"]={initColorPicker:s,colorPickerClick:r,eyeDrop:o,expand:l,shrink:c}},dd51:function(t,e,i){},decb:function(t,e,i){"use strict";var a=i("99d3"),n=i.n(a);n.a}}]);
|
|
//# sourceMappingURL=chunk-65ac8106.19dca69f.js.map
|