import{m as c,B as p,P as h,R as _,C as f,n as m}from"./index-Bku7SJna.js";var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,l=(s,e,t,r)=>{for(var i=r>1?void 0:r?v(e,t):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(i=(r?a(e,t,i):a(i))||i);return r&&i&&u(e,t,i),i};let n=class extends c(p){constructor(){super(...arguments),this.clientHeight=0}get color(){var s,e;return(e=(s=this.webcam.extra_data)==null?void 0:s.nozzleCrosshairColor)!=null?e:"#ff0000"}get styleLines(){return{backgroundColor:this.color}}get styleCircle(){var t,r;const s=(r=(t=this.webcam.extra_data)==null?void 0:t.nozzleCrosshairSize)!=null?r:.1,e=this.clientHeight*s;return{borderColor:this.color,width:"".concat(e,"px"),height:"".concat(e,"px"),marginLeft:"-".concat(e/2,"px"),marginTop:"-".concat(e/2,"px")}}mounted(){this.handleResize()}handleResize(){this.$nextTick(()=>{this.clientHeight=this.container.clientHeight})}};l([h({type:Object,required:!0})],n.prototype,"webcam",2);l([_()],n.prototype,"container",2);n=l([f],n);var d=function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",{ref:"container",staticClass:"crosshair-container"},[t("div",{staticClass:"line horizontal",style:e.styleLines}),t("div",{staticClass:"line vertical",style:e.styleLines}),t("div",{staticClass:"circle",style:e.styleCircle}),t("resize-observer",{on:{notify:e.handleResize}})],1)},C=[],z=m(n,d,C,!1,null,"ca5e15f6");const x=z.exports;export{x as _};
