armorpaint/paint/sources/ui_header.ts

let ui_header_default_h: i32 = 28;
let ui_header_h: i32 = ui_header_default_h;
let ui_header_handle: ui_handle_t = ui_handle_create();

function ui_header_init() {
	ui_header_handle.layout = ui_layout_t.HORIZONTAL;
}

function ui_header_render_ui() {
	if (config_raw.touch_ui) {
		ui_header_h = ui_header_default_h + 6;
	}
	else {
		ui_header_h = ui_header_default_h;
	}
	ui_header_h = math_floor(ui_header_h * UI_SCALE());

	if (config_raw.layout[layout_size_t.HEADER] == 0) {
		return;
	}

	if (!base_view3d_show) {
		return;
	}

	let nodesw: i32 = (ui_nodes_show || ui_view2d_show) ? config_raw.layout[layout_size_t.NODES_W] : 0;
	let ww: i32 = iron_window_width() - ui_toolbar_w(true) - config_raw.layout[layout_size_t.SIDEBAR_W] - nodesw;

	if (ui_window(ui_header_handle, base_x(), ui_header_h, ww, ui_header_h)) {
		ui._y += 2;
		ui_header_draw_tool_properties();
	}
}


let _ui_header_draw_tool_properties_h: ui_handle_t;

function ui_header_draw_tool_properties() {
	if (context_raw.tool == tool_type_t.COLORID) {
		ui_text(tr("Picked Color"));
		if (context_raw.colorid_picked) {
			let rt: render_target_t = map_get(render_path_render_targets, "texpaint_colorid");
			ui_image(rt._image, 0xffffffff, 64);
		}
		ui.enabled = context_raw.colorid_picked;
		if (ui_button(tr("Clear"))) {
			context_raw.colorid_picked = false;
			ui_toolbar_handle.redraws = 1;
		}
		ui.enabled = true;
		ui_text(tr("Color ID Map"));
		if (project_asset_names.length > 0) {
			let cid: i32 = ui_combo(context_raw.colorid_handle, base_enum_texts("TEX_IMAGE"), tr("Color ID"));
			if (context_raw.colorid_handle.changed) {
				context_raw.ddirty = 2;
				context_raw.colorid_picked = false;
				ui_toolbar_handle.redraws = 1;
			}
			ui_image(project_get_image(project_assets[cid]));
			if (ui.is_hovered) {
				ui_tooltip_image(project_get_image(project_assets[cid]), 256);
			}
		}
		if (ui_button(tr("Import"))) {
			ui_files_show(string_array_join(path_texture_formats, ","), false, true, function (path: string) {
				import_asset_run(path, -1.0, -1.0, true, false);

				context_raw.colorid_handle.i = project_asset_names.length - 1;
				for (let i: i32 = 0; i < project_assets.length; ++i) {
					let a: asset_t = project_assets[i];
					// Already imported
					if (a.file == path) {
						context_raw.colorid_handle.i = array_index_of(project_assets, a);
					}
				}
				context_raw.ddirty = 2;
				context_raw.colorid_picked = false;
				ui_toolbar_handle.redraws = 1;
				ui_base_hwnds[2].redraws = 2;
			});
		}
		ui.enabled = context_raw.colorid_picked;
		if (ui_button(tr("To Mask"))) {
			if (slot_layer_is_mask(context_raw.layer)) {
				context_set_layer(context_raw.layer.parent);
			}
			let m: slot_layer_t = layers_new_mask(false, context_raw.layer);
			sys_notify_on_next_frame(function (m: slot_layer_t) {
				_gpu_begin(m.texpaint);
				gpu_set_pipeline(pipes_colorid_to_mask);
				let rt: render_target_t = map_get(render_path_render_targets, "texpaint_colorid");
				gpu_set_texture(pipes_texpaint_colorid, rt._image);
				gpu_set_texture(pipes_tex_colorid, project_get_image(project_assets[context_raw.colorid_handle.i]));
				gpu_set_vertex_buffer(const_data_screen_aligned_vb);
				gpu_set_index_buffer(const_data_screen_aligned_ib);
				gpu_draw();
				gpu_end();
				context_raw.colorid_picked = false;
				ui_toolbar_handle.redraws = 1;
				ui_header_handle.redraws = 1;
				context_raw.layer_preview_dirty = true;
				layers_update_fill_layers();
			}, m);
			history_new_white_mask();
		}
		ui.enabled = true;
	}
	else if (context_raw.tool == tool_type_t.PICKER || context_raw.tool == tool_type_t.MATERIAL) {

		let h_color: ui_handle_t = ui_handle(__ID__);
		h_color.color = context_raw.picked_color.base;
		h_color.color = color_set_ab(h_color.color, 255);
		let state: ui_state_t = ui_text("", 0, h_color.color);
		if (state == ui_state_t.STARTED) {
			base_drag_off_x = -(mouse_x - ui._x - ui._window_x - 3);
			base_drag_off_y = -(mouse_y - ui._y - ui._window_y + 1);
			base_drag_swatch = project_clone_swatch(context_raw.picked_color);
		}
		if (ui.is_hovered) {
			ui_tooltip(tr("Drag and drop picked color to swatches, materials, layers or to the node editor"));
		}
		if (ui.is_hovered && ui.input_released) {
			_ui_header_draw_tool_properties_h = h_color;
			ui_menu_draw(function () {
				ui_fill(0, 0, ui._w / UI_SCALE(), ui.ops.theme.ELEMENT_H * 9, ui.ops.theme.SEPARATOR_COL);
				ui.changed = false;
				ui_color_wheel(_ui_header_draw_tool_properties_h, false, -1, 10 * ui.ops.theme.ELEMENT_H * UI_SCALE(), false);
				if (ui.changed) {
					context_raw.picked_color.base = _ui_header_draw_tool_properties_h.color;
					ui_header_handle.redraws = 2;
					ui_menu_keep_open = true;
				}
			});
		}
		if (ui_button(tr("Add Swatch"))) {
			let new_swatch: swatch_color_t = project_clone_swatch(context_raw.picked_color);
			context_set_swatch(new_swatch);
			array_push(project_raw.swatches, new_swatch);
			ui_base_hwnds[2].redraws = 1;
		}
		if (ui.is_hovered) {
			ui_tooltip(tr("Add picked color to swatches"));
		}

		let _w: i32 = ui._w;
		ui._w /= 2;
		let h_normal: ui_handle_t = ui_handle(__ID__);
		h_normal.color = context_raw.picked_color.normal;
		ui_text("", 0, h_normal.color);
		if (ui.is_hovered && ui.input_released) {
			_ui_header_draw_tool_properties_h = h_normal;
			ui_menu_draw(function () {
				ui_fill(0, 0, ui._w / UI_SCALE(), ui.ops.theme.ELEMENT_H * 9, ui.ops.theme.SEPARATOR_COL);
				ui.changed = false;
				ui_color_wheel(_ui_header_draw_tool_properties_h, false, -1, 10 * ui.ops.theme.ELEMENT_H * UI_SCALE(), false);
				if (ui.changed) {
					context_raw.picked_color.normal = _ui_header_draw_tool_properties_h.color;
					ui_header_handle.redraws = 2;
					ui_menu_keep_open = true;
				}
			});
		}
		ui_text(tr("Normal"));
		ui._w = _w;

		let hocc: ui_handle_t = ui_handle(__ID__);
		hocc.f = context_raw.picked_color.occlusion;
		context_raw.picked_color.occlusion = ui_slider(hocc, tr("Occlusion"), 0.0, 1.0, true);

		let hrough: ui_handle_t = ui_handle(__ID__);
		hrough.f = context_raw.picked_color.roughness;
		context_raw.picked_color.roughness = ui_slider(hrough, tr("Roughness"), 0.0, 1.0, true);

		let hmet: ui_handle_t = ui_handle(__ID__);
		hmet.f = context_raw.picked_color.metallic;
		context_raw.picked_color.metallic = ui_slider(hmet, tr("Metallic"), 0.0, 1.0, true);

		let hheight: ui_handle_t = ui_handle(__ID__);
		hheight.f = context_raw.picked_color.height;
		context_raw.picked_color.height = ui_slider(hheight, tr("Height"), 0.0, 1.0, true);

		let hopac: ui_handle_t = ui_handle(__ID__);
		hopac.f = context_raw.picked_color.opacity;
		context_raw.picked_color.opacity = ui_slider(hopac, tr("Opacity"), 0.0, 1.0, true);

		let h_select_mat: ui_handle_t = ui_handle(__ID__);
		if (h_select_mat.init) {
			h_select_mat.b = context_raw.picker_select_material;
		}
		context_raw.picker_select_material = ui_check(h_select_mat, tr("Select Material"));
		let picker_mask_combo: string[] = [tr("None"), tr("Material")];
		ui_combo(context_raw.picker_mask_handle, picker_mask_combo, tr("Mask"), true);
		if (context_raw.picker_mask_handle.changed) {
			make_material_parse_paint_material();
		}
	}
	else if (context_raw.tool == tool_type_t.BAKE) {
		ui.changed = false;

		let baking: bool = context_raw.pdirty > 0;
		let rt_bake: bool = render_path_paint_is_rt_bake();
		if (baking && ui_button(tr("Stop"))) {
			context_raw.pdirty = 0;
			context_raw.rdirty = 2;
		}

		if (!baking && ui_button(tr("Bake"))) {
			context_raw.pdirty = rt_bake ? context_raw.bake_samples : 1;
			context_raw.rdirty = 3;
			sys_notify_on_next_frame(function () {
				context_raw.layer_preview_dirty = true;
			});
			ui_base_hwnds[0].redraws = 2;
			history_push_undo = true;
			render_path_raytrace_bake_current_sample = 0;
		}

		let bake_handle: ui_handle_t = ui_handle(__ID__);
		if (bake_handle.init) {
			bake_handle.i = context_raw.bake_type;
		}
		let bakes: string[] = [
			tr("Curvature"),
			tr("Normal"),
			tr("Object Normal"),
			tr("Height"),
			tr("Derivative"),
			tr("Position"),
			tr("TexCoord"),
			tr("Material ID"),
			tr("Object ID"),
			tr("Vertex Color"),
		];
		if (gpu_raytrace_supported()) {
			array_push(bakes, tr("AO"));
			array_push(bakes, tr("Lightmap"));
			array_push(bakes, tr("Bent Normal"));
			array_push(bakes, tr("Thickness"));
		}

		context_raw.bake_type = ui_combo(bake_handle, bakes, tr("Bake"));

		if (bake_handle.changed && ui_menu_show) {
			ui_menu_nested = true; // Update menu height
		}

		if (rt_bake) {
			let samples_handle: ui_handle_t = ui_handle(__ID__);
			if (samples_handle.init) {
				samples_handle.f = context_raw.bake_samples;
			}
			context_raw.bake_samples = math_floor(ui_slider(samples_handle, tr("Samples"), 1, 512, true, 1));
		}

		if (context_raw.bake_type == bake_type_t.NORMAL_OBJECT ||
			context_raw.bake_type == bake_type_t.POSITION ||
			context_raw.bake_type == bake_type_t.BENT_NORMAL
		) {
			let bake_up_axis_handle: ui_handle_t = ui_handle(__ID__);
			if (bake_up_axis_handle.init) {
				bake_up_axis_handle.i = context_raw.bake_up_axis;
			}
			let bake_up_axis_combo: string[] = [tr("Z"), tr("Y")];
			context_raw.bake_up_axis = ui_combo(bake_up_axis_handle, bake_up_axis_combo, tr("Up Axis"), true);
		}
		if (context_raw.bake_type == bake_type_t.AO || context_raw.bake_type == bake_type_t.CURVATURE) {
			let bake_axis_handle: ui_handle_t = ui_handle(__ID__);
			if (bake_axis_handle.init) {
				bake_axis_handle.i = context_raw.bake_axis;
			}
			let bake_axis_combo: string[] = [tr("XYZ"), tr("X"), tr("Y"), tr("Z"), tr("-X"), tr("-Y"), tr("-Z")];
			context_raw.bake_axis = ui_combo(bake_axis_handle, bake_axis_combo, tr("Axis"), true);
		}
		if (context_raw.bake_type == bake_type_t.AO) {
			let strength_handle: ui_handle_t = ui_handle(__ID__);
			if (strength_handle.init) {
				strength_handle.f = context_raw.bake_ao_strength;
			}
			context_raw.bake_ao_strength = ui_slider(strength_handle, tr("Strength"), 0.0, 2.0, true);
			let radius_handle: ui_handle_t = ui_handle(__ID__);
			if (radius_handle.init) {
				radius_handle.f = context_raw.bake_ao_radius;
			}
			context_raw.bake_ao_radius = ui_slider(radius_handle, tr("Radius"), 0.0, 2.0, true);
			let offset_handle: ui_handle_t = ui_handle(__ID__);
			if (offset_handle.init) {
				offset_handle.f = context_raw.bake_ao_offset;
			}
			context_raw.bake_ao_offset = ui_slider(offset_handle, tr("Offset"), 0.0, 2.0, true);
		}
		if (rt_bake) {
			let progress: f32 = render_path_raytrace_bake_current_sample / context_raw.bake_samples;
			if (progress > 1.0) progress = 1.0;
			// Progress bar
			draw_set_color(ui.ops.theme.SEPARATOR_COL);
			ui_draw_rect(true, ui._x + 1, ui._y, ui._w - 2, UI_ELEMENT_H());
			draw_set_color(ui.ops.theme.HIGHLIGHT_COL);
			ui_draw_rect(true, ui._x + 1, ui._y, (ui._w - 2) * progress, UI_ELEMENT_H());
			draw_set_color(0xffffffff);
			ui_text(tr("Samples") + ": " + render_path_raytrace_bake_current_sample);
			ui_text(tr("Rays/pixel") + ": " + render_path_raytrace_bake_rays_pix);
			ui_text(tr("Rays/second") + ": " + render_path_raytrace_bake_rays_sec);
		}
		if (context_raw.bake_type == bake_type_t.CURVATURE) {
			let strength_handle: ui_handle_t = ui_handle(__ID__);
			if (strength_handle.init) {
				strength_handle.f = context_raw.bake_curv_strength;
			}
			context_raw.bake_curv_strength = ui_slider(strength_handle, tr("Strength"), 0.0, 2.0, true);
			let radius_handle: ui_handle_t = ui_handle(__ID__);
			if (radius_handle.init) {
				radius_handle.f = context_raw.bake_curv_radius;
			}
			context_raw.bake_curv_radius = ui_slider(radius_handle, tr("Radius"), 0.0, 2.0, true);
			let offset_handle: ui_handle_t = ui_handle(__ID__);
			if (offset_handle.init) {
				offset_handle.f = context_raw.bake_curv_offset;
			}
			context_raw.bake_curv_offset = ui_slider(offset_handle, tr("Offset"), -2.0, 2.0, true);
			let smooth_handle: ui_handle_t = ui_handle(__ID__);
			if (smooth_handle.init) {
				smooth_handle.f = context_raw.bake_curv_smooth;
			}
			context_raw.bake_curv_smooth = math_floor(ui_slider(smooth_handle, tr("Smooth"), 0, 5, false, 1));
		}
		if (context_raw.bake_type == bake_type_t.NORMAL || context_raw.bake_type == bake_type_t.HEIGHT || context_raw.bake_type == bake_type_t.DERIVATIVE) {
			let ar: string[] = [];
			for (let i: i32 = 0; i < project_paint_objects.length; ++i) {
				let p: mesh_object_t = project_paint_objects[i];
				array_push(ar, p.base.name);
			}
			let poly_handle: ui_handle_t = ui_handle(__ID__);
			if (poly_handle.init) {
				poly_handle.i = context_raw.bake_high_poly;
			}
			context_raw.bake_high_poly = ui_combo(poly_handle, ar, tr("High Poly"));
		}
		if (ui.changed) {
			make_material_parse_paint_material();
		}
	}
	else if (context_raw.tool == tool_type_t.BRUSH ||
			 context_raw.tool == tool_type_t.ERASER ||
			 context_raw.tool == tool_type_t.FILL ||
			 context_raw.tool == tool_type_t.DECAL ||
			 context_raw.tool == tool_type_t.TEXT ||
			 context_raw.tool == tool_type_t.CLONE ||
			 context_raw.tool == tool_type_t.BLUR ||
			 context_raw.tool == tool_type_t.SMUDGE ||
			 context_raw.tool == tool_type_t.PARTICLE) {

		let decal: bool = context_is_decal();
		let decal_mask: bool = context_is_decal_mask();
		if (context_raw.tool != tool_type_t.FILL) {
			if (decal_mask) {
				context_raw.brush_decal_mask_radius = ui_slider(context_raw.brush_decal_mask_radius_handle, tr("Radius"), 0.01, 2.0, true);
				if (ui.is_hovered) {
					let vars: map_t<string, string> = map_create();
					map_set(vars, "brush_radius", map_get(config_keymap, "brush_radius"));
					map_set(vars, "brush_radius_decrease", map_get(config_keymap, "brush_radius_decrease"));
					map_set(vars, "brush_radius_increase", map_get(config_keymap, "brush_radius_increase"));
					ui_tooltip(tr("Hold {brush_radius} and move mouse to the left or press {brush_radius_decrease} to decrease the radius\nHold {brush_radius} and move mouse to the right or press {brush_radius_increase} to increase the radius", vars));
				}
			}
			else {
				context_raw.brush_radius = ui_slider(context_raw.brush_radius_handle, tr("Radius"), 0.01, 2.0, true);
				if (ui.is_hovered) {
					let vars: map_t<string, string> = map_create();
					map_set(vars, "brush_radius", map_get(config_keymap, "brush_radius"));
					map_set(vars, "brush_radius_decrease", map_get(config_keymap, "brush_radius_decrease"));
					map_set(vars, "brush_radius_increase", map_get(config_keymap, "brush_radius_increase"));
					ui_tooltip(tr("Hold {brush_radius} and move mouse to the left or press {brush_radius_decrease} to decrease the radius\nHold {brush_radius} and move mouse to the right or press {brush_radius_increase} to increase the radius", vars));
				}
			}
		}

		if (context_raw.tool == tool_type_t.DECAL || context_raw.tool == tool_type_t.TEXT) {
			context_raw.brush_scale_x = ui_slider(context_raw.brush_scale_x_handle, tr("Scale X"), 0.01, 2.0, true);
		}

		if (context_raw.tool == tool_type_t.BRUSH  ||
			context_raw.tool == tool_type_t.FILL   ||
			context_raw.tool == tool_type_t.DECAL  ||
			context_raw.tool == tool_type_t.TEXT) {
			let brush_scale_handle: ui_handle_t = ui_handle(__ID__);
			if (brush_scale_handle.init) {
				brush_scale_handle.f = context_raw.brush_scale;
			}
			context_raw.brush_scale = ui_slider(brush_scale_handle, tr("UV Scale"), 0.01, 5.0, true);
			if (brush_scale_handle.changed) {
				if (context_raw.tool == tool_type_t.DECAL || context_raw.tool == tool_type_t.TEXT) {
					let current: gpu_texture_t = _draw_current;
					draw_end();
					util_render_make_decal_preview();
					draw_begin(current);
				}
			}

			context_raw.brush_angle = ui_slider(context_raw.brush_angle_handle, tr("Angle"), 0.0, 360.0, true, 1);
			if (ui.is_hovered) {
				let vars: map_t<string, string> = map_create();
				map_set(vars, "brush_angle", map_get(config_keymap, "brush_angle"));
				ui_tooltip(tr("Hold {brush_angle} and move mouse to the left to decrease the angle\nHold {brush_angle} and move mouse to the right to increase the angle", vars));
			}

			if (context_raw.brush_angle_handle.changed) {
				make_material_parse_paint_material();
			}
		}

		context_raw.brush_opacity = ui_slider(context_raw.brush_opacity_handle, tr("Opacity"), 0.0, 1.0, true);
		if (ui.is_hovered) {
			let vars: map_t<string, string> = map_create();
			map_set(vars, "brush_opacity", map_get(config_keymap, "brush_opacity"));
			ui_tooltip(tr("Hold {brush_opacity} and move mouse to the left to decrease the opacity\nHold {brush_opacity} and move mouse to the right to increase the opacity", vars));
		}

		if (context_raw.tool == tool_type_t.BRUSH || context_raw.tool == tool_type_t.ERASER || context_raw.tool == tool_type_t.CLONE || decal_mask) {
			let h: ui_handle_t = ui_handle(__ID__);
			if (h.init) {
				h.f = context_raw.brush_hardness;
			}
			context_raw.brush_hardness = ui_slider(h, tr("Hardness"), 0.0, 1.0, true);
		}

		if (context_raw.tool != tool_type_t.ERASER) {
			let brush_blending_handle: ui_handle_t = ui_handle(__ID__);
			if (brush_blending_handle.init) {
				brush_blending_handle.f = context_raw.brush_blending;
			}
			let brush_blending_combo: string[] = [
				tr("Mix"),
				tr("Darken"),
				tr("Multiply"),
				tr("Burn"),
				tr("Lighten"),
				tr("Screen"),
				tr("Dodge"),
				tr("Add"),
				tr("Overlay"),
				tr("Soft Light"),
				tr("Linear Light"),
				tr("Difference"),
				tr("Subtract"),
				tr("Divide"),
				tr("Hue"),
				tr("Saturation"),
				tr("Color"),
				tr("Value"),
			];
			context_raw.brush_blending = ui_combo(brush_blending_handle, brush_blending_combo, tr("Blending"));
			if (brush_blending_handle.changed) {
				make_material_parse_paint_material();
			}
		}

		if (context_raw.tool == tool_type_t.BRUSH || context_raw.tool == tool_type_t.FILL) {
			let paint_handle: ui_handle_t = ui_handle(__ID__);
			let texcoord_combo: string[] = [tr("UV Map"), tr("Triplanar"), tr("Project")];
			context_raw.brush_paint = ui_combo(paint_handle, texcoord_combo, tr("TexCoord"));
			if (paint_handle.changed) {
				make_material_parse_paint_material();
			}
		}
		if (context_raw.tool == tool_type_t.TEXT) {
			let h: ui_handle_t = ui_handle(__ID__);
			h.text = context_raw.text_tool_text;
			let w: i32 = ui._w;
			if (ui.text_selected_handle == h || ui.submit_text_handle == h) {
				ui._w *= 3;
			}

			context_raw.text_tool_text = ui_text_input(h, "", ui_align_t.LEFT, true, true);
			ui._w = w;

			if (h.changed) {
				let current: gpu_texture_t = _draw_current;
				draw_end();
				util_render_make_text_preview();
				util_render_make_decal_preview();
				draw_begin(current);
			}
		}

		if (context_raw.tool == tool_type_t.FILL) {
			let fill_mode_combo: string[] = [tr("Object"), tr("Face"), tr("Angle"), tr("UV Island")];
			ui_combo(context_raw.fill_type_handle, fill_mode_combo, tr("Fill Mode"));
			if (context_raw.fill_type_handle.changed) {
				if (context_raw.fill_type_handle.i == fill_type_t.FACE) {
					let current: gpu_texture_t = _draw_current;
					draw_end();
					// cache_uv_map();
					util_uv_cache_triangle_map();
					draw_begin(current);
					// wireframe_handle.b = draw_wireframe = true;
				}
				make_material_parse_paint_material();
				make_material_parse_mesh_material();
			}
		}
		else {
			let _w: i32 = ui._w;
			let sc: f32 = UI_SCALE();
			let touch_header: bool = (config_raw.touch_ui && config_raw.layout[layout_size_t.HEADER] == 1);
			if (touch_header) {
				ui._x -= 4 * sc;
			}
			ui._w = math_floor((touch_header ? 54 : 60) * sc);

			let xray_handle: ui_handle_t = ui_handle(__ID__);
			if (xray_handle.init) {
				xray_handle.b = context_raw.xray;
			}
			context_raw.xray = ui_check(xray_handle, tr("X-Ray"));
			if (xray_handle.changed) {
				make_material_parse_paint_material();
			}

			let sym_x_handle: ui_handle_t = ui_handle(__ID__);
			if (sym_x_handle.init) {
				sym_x_handle.b = false;
			}
			let sym_y_handle: ui_handle_t = ui_handle(__ID__);
			if (sym_y_handle.init) {
				sym_y_handle.b = false;
			}
			let sym_z_handle: ui_handle_t = ui_handle(__ID__);
			if (sym_z_handle.init) {
				sym_z_handle.b = false;
			}

			if (config_raw.layout[layout_size_t.HEADER] == 1) {
				if (config_raw.touch_ui) {
					ui._w = math_floor(19 * sc);
					context_raw.sym_x = ui_check(sym_x_handle, "");
					ui._x -= 4 * sc;
					context_raw.sym_y = ui_check(sym_y_handle, "");
					ui._x -= 4 * sc;
					context_raw.sym_z = ui_check(sym_z_handle, "");
					ui._x -= 4 * sc;
					ui._w = math_floor(40 * sc);
					let x: string = tr("X");
					let y: string = tr("Y");
					let z: string = tr("Z");
					ui_text(x + y + z);
				}
				else {
					ui._w = math_floor(56 * sc);
					ui_text(tr("Symmetry"));
					ui._w = math_floor(25 * sc);
					context_raw.sym_x = ui_check(sym_x_handle, tr("X"));
					context_raw.sym_y = ui_check(sym_y_handle, tr("Y"));
					context_raw.sym_z = ui_check(sym_z_handle, tr("Z"));
				}
				ui._w = _w;
			}
			else {
				// Popup
				ui._w = _w;
				context_raw.sym_x = ui_check(sym_x_handle, tr("Symmetry") + " " + tr("X"));
				context_raw.sym_y = ui_check(sym_y_handle, tr("Symmetry") + " " + tr("Y"));
				context_raw.sym_z = ui_check(sym_z_handle, tr("Symmetry") + " " + tr("Z"));
			}

			if (sym_x_handle.changed || sym_y_handle.changed || sym_z_handle.changed) {
				make_material_parse_paint_material();
			}
		}
	}

	if (context_raw.tool == tool_type_t.GIZMO) {
        // if (!sim_running && ui_button("Play")) {
		// 	sim_play();
		// 	context_raw.selected_object = scene_camera.base;
		// }
		// if (sim_running && ui_button("Stop")) {
		// 	sim_stop();
		// }
        // let h_record: ui_handle_t = ui_handle(__ID__);
        // sim_record = ui_check(h_record, tr("Record"));
	}
}