<commit_before>// segmentpanel.js
// 

function SegmentPanel(viewer){
	const temp = `
		<div id='close' class = 'material-icons settings'>close</div>
		<div id='save' class = 'material-icons settings'>save</div>
		<div id='thresh' class = 'material-icons settings'>all_out</div>
		<div id='amin' class = 'material-icons settings'>arrow_downward</div>
		<div id='amax' class = 'material-icons settings'>arrow_upward</div>

		<div id='twrap' class='segment-setting' hidden='true'><input id='threshold' id='segment-slider' type='range' min=0 max=1 step=0.01 value=0.7><label id='tlabel'>0.7</label></div>
		
		<div id='minwrap' class='segment-setting' hidden='true'><input id='minarea' id='segment-slider1' type='range' min=0 max=1 step=1 value=400><label>400</label></div>
		
		<div id='maxwrap' class='segment-setting' hidden='true'><input id='maxarea' id='segment-slider2' type='range' min=0 max=5000 step=1 value=4500><label>4500</label></div>
		
		<div class='segment-count'><label>Object Count: </label><label id='segcount'></label></div>
		
		<canvas class='out'></canvas>
		<canvas class='src'></canvas>
	`;
	this.viewer = viewer;
	this.elt = document.createElement('div');
	this.elt.classList.add('segment-panel');
	this.elt.innerHTML = temp;
	this.__out = this.elt.querySelector('.out');
	this.__src = this.elt.querySelector('.src');<commit_msg>add label ids, remove duplicate ids<commit_after>// segmentpanel.js
// 

function SegmentPanel(viewer){
	const temp = `
		<div id='close' class = 'material-icons settings'>close</div>
		<div id='save' class = 'material-icons settings'>save</div>
		<div id='thresh' class = 'material-icons settings'>all_out</div>
		<div id='amin' class = 'material-icons settings'>arrow_downward</div>
		<div id='amax' class = 'material-icons settings'>arrow_upward</div>

		<div id='twrap' class='segment-setting'><input id='threshold' type='range' min='0' max='1' step='0.01' value='0.7'><label id='tlabel'>0.7</label></div>
		
		<div id='minwrap' class='segment-setting'><input id='minarea' type='range' min='0' max='1' step='1' value='400'><label id='minlabel'>400</label></div>
		
		<div id='maxwrap' class='segment-setting'><input id='maxarea' type='range' min='0' max='5000' step='1' value='4500'><label id='maxlabel'>4500</label></div>
		
		<div class='segment-count'><label>Object Count: </label><label id='segcount'></label></div>
		
		<canvas class='out'></canvas>
		<canvas class='src'></canvas>
	`;
	this.viewer = viewer;
	this.elt = document.createElement('div');
	this.elt.classList.add('segment-panel');
	this.elt.innerHTML = temp;
	this.__out = this.elt.querySelector('.out');
	this.__src = this.elt.querySelector('.src');
{'fraction_non_alphanumeric': 0.20718025430067316, 'fraction_numerical': 0.02468212415856395, 'mean_word_length': 5.841432225063938, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3212539', 'n_tokens_mistral': 979, 'n_tokens_neox': 908, 'n_words': 170}