https://risedatalabs.com/_nuxt/DNDd6BuU.js

1import{_ as k}from"./CycDSjnJ.js";import{e as C,r as d,q as j,w as B,o as g,a as e,d as o,t as a,j as u,u as r,c as m,F as L,i as M,n as p}from"#entry";import"./CqJkcYfk.js";import"./eWjCyelI.js";import"./CsXFMwPz.js";import"./5GjAVV7l.js";import"./BhY5HrUe.js";import"./Dd-xanFi.js";import"./CZTVEwCP.js";import"./Dk60lMXN.js";import"./DlAUqK2U.js";const _={class:"bg-gray-100"},z={class:"mx-auto max-w-6xl p-6"},D={class:"mb-6 overflow-hidden rounded-lg border border-gray-200 bg-white"},I={class:"relative flex items-center justify-center bg-gray-900 p-4",style:{"min-height":"450px"}},A={class:"absolute -top-5 left-0 rounded bg-green-500 px-1.5 py-0.5 text-xs font-medium text-white"},N={class:"mb-6 flex flex-wrap items-center gap-3 rounded-lg border border-gray-200 bg-white p-4 sm:gap-4"},O={class:"ml-auto text-sm text-gray-500"},S={class:"font-medium text-green-600"},T={class:"flex items-center justify-between"},V=["disabled"],G="https://picsum.photos/seed/bbox1/600/400",b="Car",X=C({__name:"bounding-box-given-label",setup(Z){const i=d("draw"),s=d(1),n=d([{x:10,y:30,width:25,height:35},{x:55,y:40,width:20,height:30}]),c=()=>{s.value=Math.min(s.value+.25,2)},w=()=>{s.value=Math.max(s.value-.25,.5)},h=()=>{s.value=1},v=()=>{n.value.pop()},y=()=>{n.value=[]};return($,t)=>{const f=k;return g(),j(f,{title:"Bounding Box - Given Label",description:"Draw precise bounding boxes around objects with pre-assigned labels. Purpose-built for object localization and detection model training with pixel-accurate annotation tools."},{default:B(()=>[e("div",_,[t[12]||(t[12]=e("div",{class:"border-b border-gray-200 bg-white px-4 py-3 sm:px-6 sm:py-4"},[e("div",{class:"flex flex-wrap items-center justify-between gap-2"},[e("div",null,[e("h1",{class:"text-base font-semibold text-gray-900 sm:text-lg"},"Bounding Box - Given Label"),e("p",{class:"text-sm text-gray-500"},"Task 8 of 120 • Object Localization Dataset")]),e("div",{class:"flex items-center gap-4"},[e("button",{class:"flex items-center gap-2 rounded border border-gray-300 px-3 py-1.5 text-sm text-gray-600 hover:bg-gray-50"},[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"m15 18-6-6 6-6"})]),o(" Previous ")]),e("button",{class:"flex items-center gap-2 rounded border border-gray-300 px-3 py-1.5 text-sm text-gray-600 hover:bg-gray-50"},[o(" Next "),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"m9 18 6-6-6-6"})])])])])],-1)),e("div",z,[e("div",{class:"mb-6 rounded-lg border border-purple-200 bg-purple-50 p-4"},[e("div",{class:"flex items-center gap-3"},[t[3]||(t[3]=e("div",{class:"flex h-10 w-10 items-center justify-center rounded-lg bg-purple-500"},[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"}),e("line",{x1:"7",y1:"7",x2:"7.01",y2:"7"})])],-1)),e("div",null,[t[2]||(t[2]=e("p",{class:"text-sm text-purple-600"},"Draw bounding boxes around all instances of:",-1)),e("p",{class:"text-xl font-bold text-purple-800"},a(b))])])]),e("div",D,[e("div",{class:"flex items-center justify-between border-b border-gray-100 bg-gray-50 px-4 py-2"},[t[4]||(t[4]=e("span",{class:"text-xs font-medium text-gray-500"},"IMAGE ID: LOC-7832",-1)),e("div",{class:"flex items-center gap-2"},[e("button",{class:"rounded border border-gray-300 px-2 py-1 text-xs text-gray-600 hover:bg-gray-100",onClick:c}," Zoom + "),e("button",{class:"rounded border border-gray-300 px-2 py-1 text-xs text-gray-600 hover:bg-gray-100",onClick:w}," Zoom - "),e("button",{class:"rounded border border-gray-300 px-2 py-1 text-xs text-gray-600 hover:bg-gray-100",onClick:h}," Reset ")])]),e("div",I,[e("div",{class:"relative",style:u({transform:`scale(${r(s)})`})},[e("img",{src:G,alt:"Image to annotate",class:"max-h-[400px] rounded object-contain"}),(g(!0),m(L,null,M(r(n),(l,x)=>(g(),m("div",{key:x,class:"absolute border-2 border-green-500 bg-green-500/10",style:u({left:l.x+"%",top:l.y+"%",width:l.width+"%",height:l.height+"%"})},[e("span",A,a(b)+" #"+a(x+1),1)],4))),128))],4)])]),e("div",N,[e("button",{class:p(["flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium",r(i)==="draw"?"bg-green-100 text-green-700":"bg-gray-100 text-gray-600 hover:bg-gray-200"]),onClick:t[0]||(t[0]=l=>i.value="draw")},[...t[5]||(t[5]=[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"})],-1),o(" Draw Box ",-1)])],2),e("button",{class:p(["flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium",r(i)==="select"?"bg-green-100 text-green-700":"bg-gray-100 text-gray-600 hover:bg-gray-200"]),onClick:t[1]||(t[1]=l=>i.value="select")},[...t[6]||(t[6]=[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"})],-1),o(" Select ",-1)])],2),t[10]||(t[10]=e("div",{class:"h-6 w-px bg-gray-300"},null,-1)),e("button",{class:"flex items-center gap-2 rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-600 hover:bg-gray-200",onClick:v},[...t[7]||(t[7]=[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M3 7v6h6"}),e("path",{d:"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"})],-1),o(" Undo ",-1)])]),e("button",{class:"flex items-center gap-2 rounded-lg bg-red-50 px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-100",onClick:y},[...t[8]||(t[8]=[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M3 6h18"}),e("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"})],-1),o(" Clear All ",-1)])]),e("div",O,[e("span",S,a(r(n).length),1),t[9]||(t[9]=o(" boxes drawn ",-1))])]),e("div",T,[t[11]||(t[11]=e("button",{class:"rounded-lg border border-gray-300 px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50"}," Mark as No Objects ",-1)),e("button",{disabled:r(n).length===0,class:p(["rounded-lg px-6 py-2.5 text-sm font-medium text-white",r(n).length>0?"bg-green-600 hover:bg-green-700":"cursor-not-allowed bg-gray-300"])}," Submit Annotations ",10,V)])])])]),_:1})}}});

1export{X as default};