\n
\n '),(r+=1)>4))throw new Error("At most 4 subtasks can have allow 'whole-image' or 'global' annotations.");return e}(t),c=new i.Toolbox([],i.Toolbox.create_toolbox(t,e)),p=c.setup_toolbox_html(t,o,n,r.ULABEL_VERSION);$("#"+t.config.container_id).html(p);var f=document.getElementById(t.config.container_id);a.ULabelLoader.add_loader_div(f);var h,d=Object.keys(t.subtasks)[0],g=t.config.toolbox_id,_=t.subtasks[d].state.annotation_mode,y=[u("bbox","Bounding Box",s.BBOX_SVG,_,t.subtasks),u("point","Point",s.POINT_SVG,_,t.subtasks),u("polygon","Polygon",s.POLYGON_SVG,_,t.subtasks),u("tbar","T-Bar",s.TBAR_SVG,_,t.subtasks),u("polyline","Polyline",s.POLYLINE_SVG,_,t.subtasks),u("contour","Contour",s.CONTOUR_SVG,_,t.subtasks),u("bbox3","Bounding Cube",s.BBOX3_SVG,_,t.subtasks),u("whole-image","Whole Frame",s.WHOLE_IMAGE_SVG,_,t.subtasks),u("global","Global",s.GLOBAL_SVG,_,t.subtasks),u("delete_polygon","Delete",s.DELETE_POLYGON_SVG,_,t.subtasks),u("delete_bbox","Delete",s.DELETE_BBOX_SVG,_,t.subtasks)];$("#"+g+" .toolbox_inner_cls .mode-selection").append(y.join("\x3c!-- --\x3e")),t.show_annotation_mode(null),$("#"+t.config.toolbox_id+" .toolbox_inner_cls").height()>$("#"+t.config.container_id).height()&&$("#"+t.config.toolbox_id).css("overflow-y","scroll"),t.toolbox=c,function(t){if(0==t.length)return!1;for(var e in t)if(t[e]instanceof i.ZoomPanToolboxItem)return!0;return!1}(t.toolbox.items)&&(null!=(h=t.config.initial_crop)&&("width"in h&&"height"in h&&"left"in h&&"top"in h||((0,l.log_message)("initial_crop missing necessary properties. Ignoring.",l.LogLevel.INFO),0))?document.getElementById("recenter-button").innerHTML="Initial Crop":document.getElementById("recenter-whole-image-button").style.display="none")},e.build_class_change_svg=c,e.get_idd_string=p,e.build_id_dialogs=function(t){var e='\n
\n \n
\n \n
\n \n
\n ').concat(t.subtasks[i].display_name,'
\n \n
\n \n
\n \n +\n
\n ',n=t.config.outer_diameter,i=t.config.inner_prop*n/2,r=.5*n,s=t.config.toolbox_id;for(var a in t.subtasks){var l=t.subtasks[a].state.idd_id,u=t.subtasks[a].state.idd_id_front,c=t.color_info,f=$("#dialogs__"+a),h=$("#front_dialogs__"+a),d=p(l,n,t.subtasks[a].class_ids,i,c),g=p(u,n,t.subtasks[a].class_ids,i,c),_='\n \n \n \n
\n ')),$("#"+t.config.container_id+" div#fad_st__".concat(n)).append('\n \n '));var i=document.getElementById(t.subtasks[n].canvas_bid),r=document.getElementById(t.subtasks[n].canvas_fid);t.subtasks[n].state.back_context=i.getContext("2d"),t.subtasks[n].state.front_context=r.getContext("2d")}}(t,n),!t.config.allow_annotations_outside_image)for(i=t.config.image_height,c=t.config.image_width,p=0,f=Object.values(t.subtasks);p'),y=JSON.parse(JSON.stringify(t.subtasks[a].class_ids));t.subtasks[a].class_defs.at(-1).id===o.DELETE_CLASS_ID&&y.push(o.DELETE_CLASS_ID);for(var m=0;m\n ').concat(x,"\n \n ")}_+="\n
",h.append(g),f.append(d),e+=_,t.subtasks[a].state.visible_dialogs[l]={left:0,top:0,pin:"center"}}$("#"+t.config.toolbox_id+" div.id-toolbox-app").html(e),$("#"+t.config.container_id+" a.id-dialog-clickable-indicator").css({height:"".concat(n,"px"),width:"".concat(n,"px"),"border-radius":"".concat(r,"px")})},e.build_edit_suggestion=function(t){for(var e in t.subtasks){var n="edit_suggestion__".concat(e),i="global_edit_suggestion__".concat(e),r=$("#dialogs__"+e);r.append('\n \n ')),$("#"+n).css({height:t.config.edit_handle_size+"px",width:t.config.edit_handle_size+"px","border-radius":t.config.edit_handle_size/2+"px"});var o="",s="";t.subtasks[e].single_class_mode||(o='--\x3e\x3c!--',s=" mcm"),r.append('\n \n ')),t.subtasks[e].state.visible_dialogs[n]={left:0,top:0,pin:"center"},t.subtasks[e].state.visible_dialogs[i]={left:0,top:0,pin:"center"}}},e.build_confidence_dialog=function(t){for(var e in t.subtasks){var n="annotation_confidence__".concat(e),i="global_annotation_confidence__".concat(e),r=$("#dialogs__"+e),o=$("#global_edit_suggestion__"+e);r.append('\n \n ')),$("#"+n).css({height:t.config.edit_handle_size+"px",width:t.config.edit_handle_size+"px"});var s="";t.subtasks[e].single_class_mode||(s=" mcm"),o.append('\n 
\n \n
\n ')),$("#"+i).css({"background-color":"black",color:"white",opacity:"0.6",height:"3em",width:"14.5em","margin-top":"-9.5em","border-radius":"1em","font-size":"1.2em","margin-left":"-1.4em"})}};var i=n(3045),r=n(1424),o=n(5573),s=n(2748),a=n(3607),l=n(5638);function u(t,e,n,i,r){var o="",s=' href="#"';i==t&&(o=" sel",s="");var a="";for(var l in r)r[l].allowed_modes.includes(t)&&(a+=" md-en4--"+l);return'Annotation Confidence:
\n\n N/A\n
\n\n \n ').concat(n,"\n \n
")}function c(t,e,n,i){var r,o,s;void 0===i&&(i={});for(var a=null!==(r=i.width)&&void 0!==r?r:500,l=null!==(o=i.inner_radius)&&void 0!==o?o:.3,u=null!==(s=i.opacity)&&void 0!==s?s:.4,c=.5*a,p=a/2,f=1/t.length,h=1-f,d=l+(c-l)/2,g=2*Math.PI*d*f,_=c-l,y=2*Math.PI*d*h,m=l+f*(c-l)/2,v=2*Math.PI*m*f,b=f*(c-l),x=2*Math.PI*m*h,w='"}function p(t,e,n,i,r){var o='\n ')}var f=function(){function t(t){var e=this;this.label_units="",this.min="0",this.max="100",this.step="1",this.step_as_number=1,this.default_value=t.default_value,this.id=t.id,this.slider_event=t.slider_event,void 0!==t.class&&(this.class=t.class),void 0!==t.main_label&&(this.main_label=t.main_label),void 0!==t.label_units&&(this.label_units=t.label_units),void 0!==t.min&&(this.min=t.min),void 0!==t.max&&(this.max=t.max),void 0!==t.step&&(this.step=t.step),this.step_as_number=Number(this.step),this.add_styles(),$(document).on("input.ulabel","#".concat(this.id),(function(t){e.updateLabel(),e.slider_event(t.currentTarget.valueAsNumber)})),$(document).on("click.ulabel","#".concat(this.id,"-inc-button"),(function(){return e.incrementSlider()})),$(document).on("click.ulabel","#".concat(this.id,"-dec-button"),(function(){return e.decrementSlider()}))}return t.prototype.add_styles=function(){var t="slider-handler-styles";if(!document.getElementById(t)){var e=document.head||document.querySelector("head"),n=document.createElement("style");n.appendChild(document.createTextNode("\n #toolbox div.ulabel-slider-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 0 1.5rem 0.5rem;\n }\n \n #toolbox div.ulabel-slider-container label.ulabel-filter-row-distance-name-label {\n width: 100%; /* Ensure title takes up full width of container */\n font-size: 0.95rem;\n align-items: center;\n }\n \n #toolbox div.ulabel-slider-container > *:not(label.ulabel-filter-row-distance-name-label) {\n flex: 1;\n }\n \n /* \n .ulabel-night #toolbox div.ulabel-slider-container label {\n color: white;\n }\n */\n #toolbox div.ulabel-slider-container label.ulabel-slider-value-label {\n font-size: 0.9rem;\n }\n \n \n #toolbox div.ulabel-slider-container div.ulabel-slider-decrement-button-text {\n position: relative;\n bottom: 1.5px;\n }")),n.id=t,e.appendChild(n)}},t.prototype.updateLabel=function(){var t=document.querySelector("#".concat(this.id));document.querySelector("#".concat(this.id,"-value-label")).innerText=t.value+this.label_units},t.prototype.incrementSlider=function(){var t=document.querySelector("#".concat(this.id)),e=t.valueAsNumber+this.step_as_number;t.value=e.toString(),this.updateLabel(),this.slider_event(t.value)},t.prototype.decrementSlider=function(){var t=document.querySelector("#".concat(this.id)),e=t.valueAsNumber-this.step_as_number;t.value=e.toString(),this.updateLabel(),this.slider_event(t.value)},t.prototype.getSliderHTML=function(){return'\n \n ')},t}();e.SliderHandler=f},3066:function(t,e,n){"use strict";var i=this&&this.__awaiter||function(t,e,n,i){return new(n||(n=Promise))((function(r,o){function s(t){try{l(i.next(t))}catch(t){o(t)}}function a(t){try{l(i.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,a)}l((i=i.apply(t,e||[])).next())}))},r=this&&this.__generator||function(t,e){var n,i,r,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},s=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return s.next=a(0),s.throw=a(1),s.return=a(2),"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function a(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;s&&(s=0,a[0]&&(o=0)),o;)try{if(n=1,i&&(r=2&a[0]?i.return:a[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,a[1])).done)return r;switch(i=0,r&&(a=[2&a[0],r.value]),a[0]){case 0:case 1:r=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,i=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!r||a[1]>r[0]&&a[1]\n ').concat(n,'\n
\n \n \n
\n ")},t.prototype.get_toolbox_tabs=function(t){var e="";for(var n in t.subtasks){var i=n==t.get_current_subtask_key(),r=t.subtasks[n],o=new h([],r,n,i);e+=o.html,this.tabs.push(o)}return e},t.prototype.redraw_update_items=function(t){for(var e=0,n=this.items;e\n
\n ULabel v').concat(i,'
\x3c!--\n --\x3e\n\n ');for(var o in this.items)r+=this.items[o].get_html()+"";return r+'\n
\n \n '.concat(this.get_toolbox_tabs(t),"\n
\n \n Mode:\n \n
\n \n '},e.prototype.after_init=function(){},e.prototype.get_toolbox_item_type=function(){return"ModeSelection"},e}(d);e.ModeSelectionToolboxItem=g;var _=function(t){function e(e){var n=t.call(this)||this;return n.ulabel=e,n.add_styles(),n.add_event_listeners(),n}return r(e,t),e.prototype.add_styles=function(){var t="\n #toolbox div.brush button:not(.circle) {\n padding: 1rem 0.5rem;\n border: 1px solid gray;\n border-radius: 10px\n }\n\n #toolbox div.brush div.brush-button-holder {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-bottom: 1rem;\n }\n\n #toolbox div.brush span.brush-mode {\n display: flex;\n } \n \n #toolbox div.brush button.brush-button.".concat(e.BRUSH_BTN_ACTIVE_CLS," {\n background-color: #1c2d4d;\n }\n "),n="brush-toolbox-item-styles";if(!document.getElementById(n)){var i=document.head||document.querySelector("head"),r=document.createElement("style");r.appendChild(document.createTextNode(t)),r.id=n,i.appendChild(r)}},e.prototype.add_event_listeners=function(){var t=this;$(document).on("click.ulabel",".brush-button",(function(e){switch($(e.currentTarget).attr("id")){case"brush-mode":t.ulabel.toggle_brush_mode(e);break;case"erase-mode":t.ulabel.toggle_erase_mode(e);break;case"brush-inc":t.ulabel.change_brush_size(1.1);break;case"brush-dec":t.ulabel.change_brush_size(1/1.1)}}))},e.prototype.get_html=function(){return'\n\n
\n '},e.show_brush_toolbox_item=function(){$(".brush").removeClass("ulabel-hidden")},e.hide_brush_toolbox_item=function(){$(".brush").addClass("ulabel-hidden")},e.prototype.after_init=function(){"polygon"!==this.ulabel.get_current_subtask().state.annotation_mode&&e.hide_brush_toolbox_item()},e.prototype.get_toolbox_item_type=function(){return"Brush"},e.BRUSH_BTN_ACTIVE_CLS="brush-button-active",e}(d);e.BrushToolboxItem=_;var y=function(t){function e(e){var n=t.call(this)||this;return n.ulabel=e,n.set_frame_range(e),n.add_styles(),n.add_event_listeners(),n}return r(e,t),e.prototype.add_styles=function(){var t="zoom-pan-toolbox-item-styles";if(!document.getElementById(t)){var e=document.head||document.querySelector("head"),n=document.createElement("style");n.appendChild(document.createTextNode('\n #toolbox div.zoom-pan {\n padding: 10px 30px;\n display: grid;\n grid-template-rows: auto 1.25rem auto;\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n "zoom pan"\n "zoom-tip pan-tip"\n "recenter recenter";\n }\n \n #toolbox div.zoom-pan > * {\n place-self: center;\n }\n \n #toolbox div.zoom-pan button {\n background-color: lightgray;\n }\n\n #toolbox div.zoom-pan button:hover {\n background-color: rgba(0, 128, 255, 0.9);\n }\n \n #toolbox div.zoom-pan div.set-zoom {\n grid-area: zoom;\n }\n \n #toolbox div.zoom-pan div.set-pan {\n grid-area: pan;\n }\n \n #toolbox div.zoom-pan div.set-pan div.pan-container {\n display: inline-flex;\n align-items: center;\n }\n \n #toolbox div.zoom-pan p.shortcut-tip {\n margin: 2px 0;\n font-size: 10px;\n color: white;\n }\n\n #toolbox div.zoom-pan:hover p.shortcut-tip {\n color: black;\n }\n\n .ulabel-night #toolbox div.zoom-pan p.shortcut-tip {\n margin: 0;\n font-size: 10px;\n color: black;\n }\n\n .ulabel-night #toolbox div.zoom-pan:hover p.shortcut-tip {\n color: white;\n }\n \n #toolbox.ulabel-night div.zoom-pan:hover p.pan-shortcut-tip {\n color: white;\n }\n \n #toolbox div.zoom-pan p.zoom-shortcut-tip {\n grid-area: zoom-tip;\n }\n \n #toolbox div.zoom-pan p.pan-shortcut-tip {\n grid-area: pan-tip;\n }\n \n #toolbox div.zoom-pan span.pan-label {\n margin-right: 10px;\n }\n \n #toolbox div.zoom-pan span.pan-button-holder {\n display: inline-grid;\n position: relative;\n grid-template-rows: 28px 28px;\n grid-template-columns: 28px 28px;\n grid-template-areas:\n "left top"\n "bottom right";\n transform: rotate(-45deg);\n gap: 1px;\n }\n \n #toolbox div.zoom-pan span.pan-button-holder > * {\n border: 1px solid gray;\n }\n \n #toolbox div.zoom-pan button.ulabel-pan:hover {\n background-color: cornflowerblue;\n }\n \n #toolbox div.zoom-pan button.ulabel-pan-left {\n grid-area: left;\n border-radius: 100% 0 0 0;\n }\n \n #toolbox div.zoom-pan button.ulabel-pan-right {\n grid-area: right;\n border-radius: 0 0 100% 0;\n }\n \n #toolbox div.zoom-pan button.ulabel-pan-up {\n grid-area: top;\n border-radius: 0 100% 0 0;\n }\n \n #toolbox div.zoom-pan button.ulabel-pan-down {\n grid-area: bottom;\n border-radius: 0 0 0 100%;\n }\n \n #toolbox div.zoom-pan span.spokes {\n background-color: white;\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n \n .ulabel-night #toolbox div.zoom-pan span.spokes {\n background-color: black;\n }\n\n #toolbox div.zoom-pan div.recenter-container {\n grid-area: recenter;\n }\n \n .ulabel-night #toolbox div.zoom-pan a {\n color: lightblue;\n }\n\n .ulabel-night #toolbox div.zoom-pan a:active {\n color: white;\n }\n ')),n.id=t,e.appendChild(n)}},e.prototype.add_event_listeners=function(){var t=this,e=this.ulabel.config.image_data.frames.length>1;$(document).on("click.ulabel",".ulabel-zoom-button",(function(e){var n;$(e.currentTarget).hasClass("ulabel-zoom-out")?t.ulabel.state.zoom_val/=1.1:$(e.currentTarget).hasClass("ulabel-zoom-in")&&(t.ulabel.state.zoom_val*=1.1),t.ulabel.rezoom(),null===(n=t.ulabel.filter_distance_overlay)||void 0===n||n.draw_overlay()})),$(document).on("click.ulabel",".ulabel-pan",(function(e){var n=$("#"+t.ulabel.config.annbox_id);$(e.currentTarget).hasClass("ulabel-pan-up")?n.scrollTop(n.scrollTop()-20):$(e.currentTarget).hasClass("ulabel-pan-down")?n.scrollTop(n.scrollTop()+20):$(e.currentTarget).hasClass("ulabel-pan-left")?n.scrollLeft(n.scrollLeft()-20):$(e.currentTarget).hasClass("ulabel-pan-right")&&n.scrollLeft(n.scrollLeft()+20)})),e?$(document).on("keypress.ulabel",(function(e){switch(e.preventDefault(),e.key){case"ArrowRight":case"ArrowDown":t.ulabel.update_frame(1);break;case"ArrowUp":case"ArrowLeft":t.ulabel.update_frame(-1)}})):$(document).on("keydown.ulabel",(function(e){var n=$("#"+t.ulabel.config.annbox_id);switch(e.key){case"ArrowLeft":n.scrollLeft(n.scrollLeft()-20),e.preventDefault();break;case"ArrowRight":n.scrollLeft(n.scrollLeft()+20),e.preventDefault();break;case"ArrowUp":n.scrollTop(n.scrollTop()-20),e.preventDefault();break;case"ArrowDown":n.scrollTop(n.scrollTop()+20),e.preventDefault()}})),$(document).on("click.ulabel","#recenter-button",(function(){t.ulabel.show_initial_crop()})),$(document).on("click.ulabel","#recenter-whole-image-button",(function(){t.ulabel.show_whole_image()})),$(document).on("keypress.ulabel",(function(e){e.key==t.ulabel.config.change_zoom_keybind.toLowerCase()&&document.getElementById("recenter-button").click(),e.key==t.ulabel.config.change_zoom_keybind.toUpperCase()&&document.getElementById("recenter-whole-image-button").click()}))},e.prototype.set_frame_range=function(t){1!=t.config.image_data.frames.length?this.frame_range='\n Brush Tool
\n \n\n div"));i&&(i.style.backgroundColor=e),this.replace_color_pie(),n&&this.save_local_storage_color(t,e)},e.prototype.add_styles=function(){var t="recolor-toolbox-item-styles";if(!document.getElementById(t)){var e=document.head||document.querySelector("head"),n=document.createElement("style");n.appendChild(document.createTextNode('\n #toolbox div.recolor-active {\n padding: 0 2rem;\n }\n\n #toolbox div.recolor-active div.recolor-tbi-gradient {\n font-size: 80%;\n }\n\n #toolbox div.recolor-active div.gradient-toggle-container {\n text-align: left;\n display: flex;\n align-items: center;\n }\n\n #toolbox div.recolor-active div.gradient-slider-container {\n display: flex;\n align-items: center;\n }\n\n #toolbox div.recolor-active div.gradient-slider-container > input {\n width: 50%;\n }\n\n #toolbox div.recolor-active div.annotation-recolor-button-holder {\n margin: 0.5rem;\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr 1fr 1fr;\n grid-template-areas:\n "yellow picker"\n "red picker"\n "cyan picker";\n gap: 0.25rem 0.75rem;\n }\n\n #toolbox div.recolor-active div.annotation-recolor-button-holder .color-change-btn {\n height: 1.5rem;\n border-radius: 0.5rem;\n }\n\n #toolbox div.recolor-active div.annotation-recolor-button-holder #color-change-yellow {\n grid-area: yellow;\n background-color: yellow;\n border: 1px solid rgb(200, 200, 0);\n }\n\n #toolbox div.recolor-active div.annotation-recolor-button-holder #color-change-red {\n grid-area: red;\n background-color: red;\n border: 1px solid rgb(200, 0, 0);\n }\n\n #toolbox div.recolor-active div.annotation-recolor-button-holder #color-change-cyan {\n grid-area: cyan;\n background-color: cyan;\n border: 1px solid rgb(0, 200, 200);\n }\n\n #toolbox div.recolor-active div.annotation-recolor-button-holder div.color-picker-border {\n grid-area: picker;\n background: linear-gradient(to bottom right, red, orange, yellow, green, blue, indigo, violet);\n border: 1px solid black;\n border-radius: 0.5rem;\n }\n\n #toolbox div.recolor-active div.annotation-recolor-button-holder div.color-picker-border div.color-picker-container {\n width: calc(100% - 8px);\n height: calc(100% - 8px);\n margin: 3px;\n background-color: black;\n border: 1px solid black;\n border-radius: 0.5rem;\n }\n\n #toolbox div.recolor-active div.color-picker-container input.color-change-picker {\n width: 100%;\n height: 100%;\n padding: 0;\n opacity: 0;\n }')),n.id=t,e.appendChild(n)}},e.prototype.add_event_listeners=function(){var t=this;$(document).on("click.ulabel",".color-change-btn",(function(e){var n=e.target.id.slice(13),i=(0,c.get_active_class_id)(t.ulabel);t.update_color(i,n),t.redraw(0)})),$(document).on("input.ulabel","input.color-change-picker",(function(e){var n=e.currentTarget.value,i=(0,c.get_active_class_id)(t.ulabel);t.update_color(i,n),document.getElementById("color-picker-container").style.backgroundColor=n,t.redraw()})),$(document).on("input.ulabel","#gradient-toggle",(function(e){t.redraw(0),t.save_local_storage_gradient(e.target.checked)})),$(document).on("input.ulabel","#gradient-slider",(function(e){$("div.gradient-slider-value-display").text(e.currentTarget.value+"%"),t.redraw(100,!0)}))},e.prototype.redraw=function(t,e){if(void 0===t&&(t=100),void 0===e&&(e=!1),!(Date.now()-this.most_recent_redraw_time\n
\n ')},e.prototype.after_init=function(){},e.prototype.get_toolbox_item_type=function(){return"RecolorActive"},e}(d);e.RecolorActiveItem=x;var w=function(t){function e(e,n){var i=t.call(this)||this;return i.filter_value=0,i.inner_HTML='scroll to switch frames
\n\n 0){r[s.class_id]+=1;break}var u,c,p="";for(e=0;e"));this.inner_HTML='\n
\n '},e.prototype.after_init=function(){},e.prototype.get_toolbox_item_type=function(){return"AnnotationResize"},e}(d);e.AnnotationResizeItem=b;var x=function(t){function e(e){var n,i=t.call(this)||this;return i.most_recent_redraw_time=0,i.ulabel=e,i.config=i.ulabel.config.recolor_active_toolbox_item,i.add_styles(),i.add_event_listeners(),i.read_local_storage(),null!==(n=i.gradient_turned_on)&&void 0!==n||(i.gradient_turned_on=i.config.gradient_turned_on),i}return r(e,t),e.prototype.save_local_storage_color=function(t,e){(0,c.set_local_storage_item)("RecolorActiveItem-".concat(t),e)},e.prototype.save_local_storage_gradient=function(t){(0,c.set_local_storage_item)("RecolorActiveItem-Gradient",t)},e.prototype.read_local_storage=function(){for(var t=0,e=this.ulabel.valid_class_ids;t\n Frame \n \n
\n ")},e.prototype.after_init=function(){},e.prototype.get_toolbox_item_type=function(){return"ZoomPan"},e}(d);e.ZoomPanToolboxItem=y;var m=function(t){function e(e){var n=t.call(this)||this;return n.ulabel=e,n.set_instructions(e),n.add_styles(),n}return r(e,t),e.prototype.add_styles=function(){var t="annotation-id-toolbox-item-styles";if(!document.getElementById(t)){var e=document.head||document.querySelector("head"),n=document.createElement("style");n.appendChild(document.createTextNode("\n #toolbox div.classification div.id-toolbox-app {\n margin-bottom: 1rem;\n }\n ")),n.id=t,e.appendChild(n)}},e.prototype.set_instructions=function(t){this.instructions="",null!=t.config.instructions_url&&(this.instructions='\n Instructions\n '))},e.prototype.get_html=function(){return'\n \n Zoom\n \n
\n ctrl+scroll or shift+drag
\n\n
\n \n Pan\n \n
\n scrollclick+drag or ctrl+drag
\n\n Re-Center\n Whole Image\n
\n '.concat(this.frame_range,"\n \n
\n Annotation ID
\n \n\n '.concat(this.instructions,"\n
\n ")},e.prototype.after_init=function(){},e.prototype.get_toolbox_item_type=function(){return"AnnotationID"},e}(d);e.AnnotationIDToolboxItem=m;var v=function(t){function e(){for(var e=[],n=0;nAnnotation Count
'+"".concat(p,"
")}},e.prototype.get_html=function(){return'\n'+this.inner_HTML+"
"},e.prototype.after_init=function(){},e.prototype.redraw_update=function(t){this.update_toolbox_counter(t.get_current_subtask()),$("#"+t.config.toolbox_id+" div.toolbox-class-counter").html(this.inner_HTML)},e.prototype.get_toolbox_item_type=function(){return"ClassCounter"},e}(d);e.ClassCounterToolboxItem=v;var b=function(t){function e(e){var n=t.call(this)||this;for(var i in n.cached_size=1.5,n.ulabel=e,n.keybind_configuration=e.config.default_keybinds,e.subtasks){var r=e.subtasks[i].display_name.replaceLowerConcat(" ","-","-cached-size"),o=n.read_size_cookie(e.subtasks[i]);null!=o&&"NaN"!=o?(n.update_annotation_size(e,e.subtasks[i],Number(o)),n[r]=Number(o)):null!=e.config.default_annotation_size?(n.update_annotation_size(e,e.subtasks[i],e.config.default_annotation_size),n[r]=e.config.default_annotation_size):(n.update_annotation_size(e,e.subtasks[i],5),n[r]=5)}return n.add_styles(),n.add_event_listeners(),n}return r(e,t),e.prototype.add_styles=function(){var t="resize-annotation-toolbox-item-styles";if(!document.getElementById(t)){var e=document.head||document.querySelector("head"),n=document.createElement("style");n.appendChild(document.createTextNode("\n #toolbox div.annotation-resize button:not(.circle) {\n padding: 1rem 0.5rem;\n border: 1px solid gray;\n border-radius: 10px\n }\n\n #toolbox div.annotation-resize div.annotation-resize-button-holder {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-bottom: 1rem;\n }\n\n #toolbox div.annotation-resize span.annotation-vanish:hover,\n #toolbox div.annotation-resize span.annotation-size:hover {\n border-radius: 10px;\n box-shadow: 0 0 4px 2px lightgray, 0 0 white;\n }\n\n /* No box-shadow in night-mode */\n .ulabel-night #toolbox div.annotation-resize span.annotation-vanish:hover,\n .ulabel-night #toolbox div.annotation-resize span.annotation-size:hover {\n box-shadow: initial;\n }\n\n #toolbox div.annotation-resize span.annotation-size {\n display: flex;\n }\n\n #toolbox div.annotation-resize span.annotation-size #annotation-resize-s {\n border-radius: 10px 0 0 10px;\n }\n\n #toolbox div.annotation-resize span.annotation-size #annotation-resize-l {\n border-radius: 0 10px 10px 0;\n }\n \n #toolbox div.annotation-resize span.annotation-inc {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n #toolbox div.annotation-resize button.locked {\n background-color: #1c2d4d;\n }\n \n ")),n.id=t,e.appendChild(n)}},e.prototype.add_event_listeners=function(){var t=this;$(document).on("click.ulabel",".annotation-resize-button",(function(e){var n=t.ulabel.get_current_subtask_key(),i=t.ulabel.get_current_subtask(),r=$(e.currentTarget).attr("id").slice(18);t.update_annotation_size(t.ulabel,i,r),t.ulabel.redraw_all_annotations(n,null,!1)})),$(document).on("keydown.ulabel",(function(e){var n=t.ulabel.get_current_subtask();switch(e.key){case t.keybind_configuration.annotation_vanish.toUpperCase():t.update_all_subtask_annotation_size(t.ulabel,o.VANISH);break;case t.keybind_configuration.annotation_vanish.toLowerCase():t.update_annotation_size(t.ulabel,n,o.VANISH);break;case t.keybind_configuration.annotation_size_small:t.update_annotation_size(t.ulabel,n,o.SMALL);break;case t.keybind_configuration.annotation_size_large:t.update_annotation_size(t.ulabel,n,o.LARGE);break;case t.keybind_configuration.annotation_size_minus:t.update_annotation_size(t.ulabel,n,o.DECREMENT);break;case t.keybind_configuration.annotation_size_plus:t.update_annotation_size(t.ulabel,n,o.INCREMENT);break;default:return}t.ulabel.redraw_all_annotations(null,null,!1)}))},e.prototype.update_annotation_size=function(t,e,n){if(null!==e){var i=.5,r=e.display_name.replaceLowerConcat(" ","-","-cached-size"),s=e.display_name.replaceLowerConcat(" ","-","-vanished");if(!this[s]||"v"===n)if("number"!=typeof n){switch(n){case o.SMALL:this.loop_through_annotations(e,1.5,"="),this[r]=1.5;break;case o.LARGE:this.loop_through_annotations(e,5,"="),this[r]=5;break;case o.DECREMENT:this.loop_through_annotations(e,i,"-"),this[r]-i>p?this[r]-=i:this[r]=p;break;case o.INCREMENT:this.loop_through_annotations(e,i,"+"),this[r]+=i;break;case o.VANISH:this[s]?(this.loop_through_annotations(e,this[r],"="),this[s]=!this[s],$("#annotation-resize-v").removeClass("locked")):(this.loop_through_annotations(e,p,"="),this[s]=!this[s],$("#annotation-resize-v").addClass("locked"));break;default:console.error("update_annotation_size called with unknown size")}null!==t.state.line_size&&(t.state.line_size=this[r])}else this.loop_through_annotations(e,n,"=")}},e.prototype.loop_through_annotations=function(t,e,n){for(var i in t.annotations.access)switch(n){case"=":t.annotations.access[i].line_size=e;break;case"+":t.annotations.access[i].line_size+=e;break;case"-":t.annotations.access[i].line_size-e<=p?t.annotations.access[i].line_size=p:t.annotations.access[i].line_size-=e;break;default:throw Error("Invalid Operation given to loop_through_annotations")}if(t.annotations.ordering.length>0){var r=t.annotations.access[t.annotations.ordering[0]].line_size;r!==p&&this.set_size_cookie(r,t)}},e.prototype.update_all_subtask_annotation_size=function(t,e){for(var n in t.subtasks)this.update_annotation_size(t,t.subtasks[n],e)},e.prototype.redraw_update=function(t){this[t.get_current_subtask().display_name.replaceLowerConcat(" ","-","-vanished")]?$("#annotation-resize-v").addClass("locked"):$("#annotation-resize-v").removeClass("locked")},e.prototype.set_size_cookie=function(t,e){var n=new Date;n.setTime(n.getTime()+864e9);var i=e.display_name.replaceLowerConcat(" ","_");document.cookie=i+"_size="+t+";"+n.toUTCString()+";path=/"},e.prototype.read_size_cookie=function(t){for(var e=t.display_name.replaceLowerConcat(" ","_")+"_size=",n=document.cookie.split(";"),i=0;iChange Annotation Size
\n \nRecolor Annotations
\n\n
\n \n \n \n \n
\n \n Keypoint Slider
',i.ulabel=e,void 0!==n?(i.name=n.name,i.filter_function=n.filter_function,i.get_confidence=n.confidence_function,i.mark_deprecated=n.mark_deprecated,i.keybinds=n.keybinds):(i.name="Keypoint Slider",i.filter_function=a.value_is_lower_than_filter,i.get_confidence=a.get_annotation_confidence,i.mark_deprecated=a.mark_deprecated,i.keybinds={increment:"2",decrement:"1"},n={}),i.slider_bar_id=i.name.replaceLowerConcat(" ","-"),Object.prototype.hasOwnProperty.call(i.ulabel.config,i.name.replaceLowerConcat(" ","_","_default_value"))&&(i.filter_value=i.ulabel.config[i.name.replaceLowerConcat(" ","_","_default_value")]),i.ulabel.config.filter_annotations_on_load&&i.filter_annotations(i.ulabel),i.add_styles(),i}return r(e,t),e.prototype.add_styles=function(){var t="keypoint-slider-toolbox-item-styles";if(!document.getElementById(t)){var e=document.head||document.querySelector("head"),n=document.createElement("style");n.appendChild(document.createTextNode("\n /* Component has no css?? */\n ")),n.id=t,e.appendChild(n)}},e.prototype.filter_annotations=function(t,e,n){void 0===e&&(e=null),void 0===n&&(n=!1),null===e&&(e=Math.round(100*this.filter_value));var i={};for(var r in t.subtasks)i[r]=[];for(var o=0,s=(0,a.get_point_and_line_annotations)(t)[0];o'.concat(this.name,"
\n ")+e.getSliderHTML()+"\n \n "},e.prototype.after_init=function(){},e.prototype.get_toolbox_item_type=function(){return"KeypointSlider"},e}(d);e.KeypointSliderItem=w;var E=function(t){function e(e,n){void 0===n&&(n=null);var i=t.call(this)||this;for(var r in i.ulabel=e,i.config=i.ulabel.config.distance_filter_toolbox_item,s.DEFAULT_FILTER_DISTANCE_CONFIG)Object.prototype.hasOwnProperty.call(i.config,r)||(i.config[r]=s.DEFAULT_FILTER_DISTANCE_CONFIG[r]);for(var o in i.config)i[o]=i.config[o];i.disable_multi_class_mode&&(i.multi_class_mode=!1),i.collapse_options=(0,c.get_local_storage_item)("filterDistanceCollapseOptions"),i.create_overlay();var a=(0,c.get_local_storage_item)("filterDistanceShowOverlay");i.show_overlay=null!==a?a:i.show_overlay,i.overlay.update_display_overlay(i.show_overlay);var l=(0,c.get_local_storage_item)("filterDistanceFilterDuringPolylineMove");return i.filter_during_polyline_move=null!==l?l:i.filter_during_polyline_move,i.add_styles(),i.add_event_listeners(),i}return r(e,t),e.prototype.add_styles=function(){var t="filter-distance-from-row-toolbox-item-styles";if(!document.getElementById(t)){var e=document.head||document.querySelector("head"),n=document.createElement("style");n.appendChild(document.createTextNode('\n #toolbox div.filter-row-distance {\n text-align: left;\n }\n\n #toolbox p.tb-header {\n margin: 0.75rem 0 0.5rem;\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options {\n display: inline-block;\n position: relative;\n left: 1rem;\n margin-bottom: 0.5rem;\n font-size: 80%;\n user-select: none;\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options * {\n text-align: left;\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options.ulabel-collapsed {\n border: none;\n margin-bottom: 0;\n padding: 0; /* Padding takes up too much space without the content */\n\n /* Needed to prevent the element from moving when ulabel-collapsed is toggled \n 0.75em comes from the previous padding, 2px comes from the removed border */\n padding-left: calc(0.75em + 2px)\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options legend {\n border-radius: 0.1rem;\n padding: 0.1rem 0.3rem;\n cursor: pointer;\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options.ulabel-collapsed legend {\n padding: 0.1rem 0.28rem;\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options.ulabel-collapsed :not(legend) {\n display: none;\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options legend:hover {\n background-color: rgba(128, 128, 128, 0.3)\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options input[type="checkbox"] {\n margin: 0;\n }\n\n #toolbox div.filter-row-distance fieldset.filter-row-distance-options label {\n position: relative;\n top: -0.2rem;\n font-size: smaller;\n }')),n.id=t,e.appendChild(n)}},e.prototype.add_event_listeners=function(){var t=this;$(document).on("click.ulabel","fieldset.filter-row-distance-options > legend",(function(){return t.toggleCollapsedOptions()})),$(document).on("click.ulabel","#filter-slider-distance-multi-checkbox",(function(e){t.multi_class_mode=e.currentTarget.checked,t.switchFilterMode(),t.overlay.update_mode(t.multi_class_mode);var n=t.multi_class_mode;(0,a.filter_points_distance_from_line)(t.ulabel,n)})),$(document).on("change.ulabel","#filter-slider-distance-toggle-overlay-checkbox",(function(e){t.show_overlay=e.currentTarget.checked,t.overlay.update_display_overlay(t.show_overlay),t.overlay.draw_overlay(),(0,c.set_local_storage_item)("filterDistanceShowOverlay",t.show_overlay)})),$(document).on("change.ulabel","#filter-slider-distance-filter-during-polyline-move-checkbox",(function(e){t.filter_during_polyline_move=e.currentTarget.checked,(0,c.set_local_storage_item)("filterDistanceFilterDuringPolylineMove",t.filter_during_polyline_move)})),$(document).on("keypress.ulabel",(function(e){e.key===t.toggle_overlay_keybind&&document.querySelector("#filter-slider-distance-toggle-overlay-checkbox").click()}))},e.prototype.switchFilterMode=function(){$("#filter-single-class-mode").toggleClass("ulabel-hidden"),$("#filter-multi-class-mode").toggleClass("ulabel-hidden")},e.prototype.toggleCollapsedOptions=function(){$("fieldset.filter-row-distance-options").toggleClass("ulabel-collapsed"),this.collapse_options=!this.collapse_options,(0,c.set_local_storage_item)("filterDistanceCollapseOptions",this.collapse_options)},e.prototype.create_overlay=function(){for(var t=(0,a.get_point_and_line_annotations)(this.ulabel)[1],e={closest_row:void 0},n=document.querySelectorAll(".filter-row-distance-slider"),i=0;i\n
\n "},e.prototype.after_init=function(){},e.prototype.get_toolbox_item_type=function(){return"FilterDistance"},e}(d);e.FilterPointDistanceFromRow=E},8035:function(t,e,n){"use strict";var i,r=this&&this.__extends||(i=function(t,e){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},i(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}),o=this&&this.__awaiter||function(t,e,n,i){return new(n||(n=Promise))((function(r,o){function s(t){try{l(i.next(t))}catch(t){o(t)}}function a(t){try{l(i.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,a)}l((i=i.apply(t,e||[])).next())}))},s=this&&this.__generator||function(t,e){var n,i,r,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},s=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return s.next=a(0),s.throw=a(1),s.return=a(2),"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function a(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;s&&(s=0,a[0]&&(o=0)),o;)try{if(n=1,i&&(r=2&a[0]?i.return:a[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,a[1])).done)return r;switch(i=0,r&&(a=[2&a[0],r.value]),a[0]){case 0:case 1:r=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,i=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!r||a[1]>r[0]&&a[1]'.concat(this.name,'
\n \n\n ').concat(n.getSliderHTML(),'\n
\n \n ')+e+"\n
\n