@yuneta/gobj-ui 7.23.111 → 7.23.113

package/dist/gobj-ui.cjs.js

@@ -7012,8 +7012,10 @@ function toolbar_button$1(gobj, name) {
 			"button",
 			{
 				class: "button p-1 button-save",
-				title: "save",
-				"aria-label": "save",
+				title: (0, i18next.t)("save"),
+				"data-i18n-title": "save",
+				"aria-label": (0, i18next.t)("save"),
+				"data-i18n-aria-label": "save",
 				disabled: true
 			},
 			[[
@@ -7037,8 +7039,10 @@ function toolbar_button$1(gobj, name) {
 			"button",
 			{
 				class: "button p-1 button-undo",
-				title: "undo",
-				"aria-label": "undo",
+				title: (0, i18next.t)("undo"),
+				"data-i18n-title": "undo",
+				"aria-label": (0, i18next.t)("undo"),
+				"data-i18n-aria-label": "undo",
 				disabled: true
 			},
 			[[
@@ -7062,8 +7066,10 @@ function toolbar_button$1(gobj, name) {
 			"button",
 			{
 				class: "button p-1 button-clear",
-				title: "clear",
-				"aria-label": "clear"
+				title: (0, i18next.t)("clear"),
+				"data-i18n-title": "clear",
+				"aria-label": (0, i18next.t)("clear"),
+				"data-i18n-aria-label": "clear"
 			},
 			[[
 				"span",
@@ -7086,8 +7092,10 @@ function toolbar_button$1(gobj, name) {
 			"button",
 			{
 				class: "button p-1 button-copy",
-				title: "copy",
-				"aria-label": "copy"
+				title: (0, i18next.t)("copy"),
+				"data-i18n-title": "copy",
+				"aria-label": (0, i18next.t)("copy"),
+				"data-i18n-aria-label": "copy"
 			},
 			[[
 				"span",
@@ -7110,8 +7118,10 @@ function toolbar_button$1(gobj, name) {
 			"button",
 			{
 				class: "button p-1 button-paste",
-				title: "paste",
-				"aria-label": "paste"
+				title: (0, i18next.t)("paste"),
+				"data-i18n-title": "paste",
+				"aria-label": (0, i18next.t)("paste"),
+				"data-i18n-aria-label": "paste"
 			},
 			[[
 				"span",
@@ -8372,7 +8382,7 @@ function template2columns(gobj, columns, template, sub_elements) {
 				column.editorParams = {
 					format: "dd/MM/yyyy hh:mm",
 					verticalNavigation: "table",
-					elementAttributes: { title: "slide bar to choose option" }
+					elementAttributes: { title: (0, i18next.t)("slide bar to choose option") }
 				};
 				field_desc.real_type;
 				break;
@@ -9314,7 +9324,9 @@ var EditControl = class {
 				{
 					class: "button is-small is-flex is-align-items-center is-justify-content-center",
 					title: (0, i18next.t)("maplibre.drag_mark"),
-					"aria-label": (0, i18next.t)("maplibre.drag_mark")
+					"data-i18n-title": "maplibre.drag_mark",
+					"aria-label": (0, i18next.t)("maplibre.drag_mark"),
+					"data-i18n-aria-label": "maplibre.drag_mark"
 				},
 				(0, _yuneta_gobj_js.parseSVG)(`
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" fill="#CCCCCC"><path d="M273 7c-9.4-9.4-24.6-9.4-33.9 0L167 79c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l31-31L232 232 81.9 232l31-31c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-9.4 9.4-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31L232 280l0 150.1-31-31c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-31 31L280 280l150.1 0-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9l-72-72c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31L280 232l0-150.1 31 31c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L273 7z"/></svg>
@@ -9373,7 +9385,9 @@ var MarkerControl = class {
 				{
 					class: "button is-small is-flex is-align-items-center is-justify-content-center",
 					title: (0, i18next.t)("maplibre.center_map"),
-					"aria-label": (0, i18next.t)("maplibre.center_map")
+					"data-i18n-title": "maplibre.center_map",
+					"aria-label": (0, i18next.t)("maplibre.center_map"),
+					"data-i18n-aria-label": "maplibre.center_map"
 				},
 				(0, _yuneta_gobj_js.parseSVG)(`
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="22" height="22"><path d="M15 15C24.4 5.7 39.6 5.7 49 15l63 63L112 40c0-13.3 10.7-24 24-24s24 10.7 24 24l0 96c0 13.3-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l38.1 0L15 49C5.7 39.6 5.7 24.4 15 15zM133.5 243.9C158.6 193.6 222.7 112 320 112s161.4 81.6 186.5 131.9c3.8 7.6 3.8 16.5 0 24.2C481.4 318.4 417.3 400 320 400s-161.4-81.6-186.5-131.9c-3.8-7.6-3.8-16.5 0-24.2zM320 320a64 64 0 1 0 0-128 64 64 0 1 0 0 128zM591 15c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-63 63 38.1 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 38.1 63-63zM15 497c-9.4-9.4-9.4-24.6 0-33.9l63-63L40 400c-13.3 0-24-10.7-24-24s10.7-24 24-24l96 0c13.3 0 24 10.7 24 24l0 96c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-38.1L49 497c-9.4 9.4-24.6 9.4-33.9 0zm576 0l-63-63 0 38.1c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24l96 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-38.1 0 63 63c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0z"/></svg>
@@ -9390,7 +9404,9 @@ var MarkerControl = class {
 				{
 					class: "button is-small is-flex is-align-items-center is-justify-content-center",
 					title: (0, i18next.t)("maplibre.user_location"),
-					"aria-label": (0, i18next.t)("maplibre.user_location")
+					"data-i18n-title": "maplibre.user_location",
+					"aria-label": (0, i18next.t)("maplibre.user_location"),
+					"data-i18n-aria-label": "maplibre.user_location"
 				},
 				(0, _yuneta_gobj_js.parseSVG)(`
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" fill="#CCCCCC"><path d="M256 0c17.7 0 32 14.3 32 32l0 34.7C368.4 80.1 431.9 143.6 445.3 224l34.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-34.7 0C431.9 368.4 368.4 431.9 288 445.3l0 34.7c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-34.7C143.6 431.9 80.1 368.4 66.7 288L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l34.7 0C80.1 143.6 143.6 80.1 224 66.7L224 32c0-17.7 14.3-32 32-32zM128 256a128 128 0 1 0 256 0 128 128 0 1 0 -256 0zm128-80a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"/></svg>
@@ -20538,8 +20554,10 @@ function render_tabs(gobj, items) {
 				class: "icon is-small yui-nav-close ml-2",
 				"data-close-item": it.id,
 				role: "button",
-				"aria-label": "close",
-				title: "close"
+				"aria-label": (0, i18next.t)("close"),
+				"data-i18n-aria-label": "close",
+				title: (0, i18next.t)("close"),
+				"data-i18n-title": "close"
 			},
 			["i", {
 				class: "yi-xmark",
@@ -24987,7 +25005,8 @@ function create_tabulator(gobj) {
 	}
 	if (write_plan(gobj).in_row_icons) columns.push({
 		field: "_operation",
-		title: "Op",
+		title: "",
+		titleFormatter: () => (0, i18next.t)("operations"),
 		hozAlign: "center",
 		frozen: "right",
 		visible: false,
@@ -72082,37 +72101,37 @@ var TRAFFIC_TS_FIELDS = {
 var TRACE_DEFS = [
 	[
 		"trace_automata",
-		"Automata",
+		"automata",
 		trace_automata
 	],
 	[
 		"trace_creation",
-		"Creation",
+		"creation",
 		trace_creation
 	],
 	[
 		"trace_start_stop",
-		"Start/Stop",
+		"start / stop",
 		trace_start_stop
 	],
 	[
 		"trace_subscriptions",
-		"Subscriptions",
+		"subscriptions",
 		trace_subscriptions
 	],
 	[
 		"trace_i18n",
-		"I18n",
+		"i18n",
 		trace_i18n
 	],
 	[
 		"trace_traffic",
-		"Traffic",
+		"traffic",
 		trace_traffic
 	],
 	[
 		"no_poll",
-		"No Poll",
+		"no poll",
 		set_no_poll
 	]
 ];
@@ -72586,7 +72605,8 @@ function mute_button(sig) {
 		{
 			class: "TRAFFIC_MUTE",
 			type: "button",
-			title: "Mute " + sig
+			title: (0, i18next.t)("mute this message"),
+			"data-i18n-title": "mute this message"
 		},
 		"⊘",
 		{ click: (ev) => {
@@ -73086,7 +73106,7 @@ function set_no_poll() {
 function refresh_dev_chrome() {
 	document.querySelectorAll(".YDEV_CHIP[data-trace]").forEach(($b) => {
 		let key = $b.getAttribute("data-trace");
-		let label = $b.getAttribute("data-label") || "";
+		let label = (0, i18next.t)($b.getAttribute("data-label") || "");
 		let v = dev_num(key, 0);
 		$b.textContent = key === "trace_automata" && v > 0 ? label + " " + v : label;
 		$b.classList.toggle("is-active", v > 0);
@@ -73120,7 +73140,8 @@ function refresh_dev_chrome() {
 		if (set.size) {
 			let $lbl = document.createElement("span");
 			$lbl.className = "YDEV_LABEL";
-			$lbl.textContent = "Muted";
+			$lbl.textContent = (0, i18next.t)("muted");
+			$lbl.setAttribute("data-i18n", "muted");
 			$m.appendChild($lbl);
 			set.forEach((sig) => {
 				$m.appendChild((0, _yuneta_gobj_js.createElement2)([
@@ -73128,7 +73149,8 @@ function refresh_dev_chrome() {
 					{
 						class: "YDEV_MUTED_CHIP",
 						type: "button",
-						title: "Unmute"
+						title: (0, i18next.t)("unmute"),
+						"data-i18n-title": "unmute"
 					},
 					"⊘ " + sig + "  ✕",
 					{ click: (ev) => {
@@ -73183,15 +73205,16 @@ function dev_fallback_copy(text) {
 	document.body.removeChild(ta);
 }
 function build_control_bar() {
-	let trace_chips = TRACE_DEFS.map(([key, label, fn]) => [
+	let trace_chips = TRACE_DEFS.map(([key, label_key, fn]) => [
 		"button",
 		{
 			class: "YDEV_CHIP",
 			"data-trace": key,
-			"data-label": label,
+			"data-label": label_key,
+			"data-i18n": label_key,
 			type: "button"
 		},
-		label,
+		(0, i18next.t)(label_key),
 		{ click: (ev) => {
 			ev.stopPropagation();
 			fn();
@@ -73203,9 +73226,11 @@ function build_control_bar() {
 			class: "YDEV_CHIP",
 			"data-toggle": "automata-simple",
 			type: "button",
-			title: "Machine trace shape. On (default): one line per transition, event first, like the C kernel. Off: the legacy three-line shape (the call, the state change and the return)"
+			title: (0, i18next.t)("machine trace shape"),
+			"data-i18n-title": "machine trace shape",
+			"data-i18n": "simple mach"
 		},
-		"Simple mach",
+		(0, i18next.t)("simple mach"),
 		{ click: (ev) => {
 			ev.stopPropagation();
 			let v = dev_simple_mach() ? 0 : 1;
@@ -73219,9 +73244,10 @@ function build_control_bar() {
 		{
 			class: "YDEV_SEG_BTN",
 			"data-view": v,
+			"data-i18n": label,
 			type: "button"
 		},
-		label,
+		(0, i18next.t)(label),
 		{ click: (ev) => {
 			ev.stopPropagation();
 			set_view(v);
@@ -73234,16 +73260,16 @@ function build_control_bar() {
 			id: "ydev-seg"
 		},
 		[
-			mk_view("detailed", "Detailed"),
-			mk_view("full", "Expanded"),
-			mk_view("compact", "Compact"),
-			mk_view("name", "Name only")
+			mk_view("detailed", "detailed"),
+			mk_view("full", "expanded"),
+			mk_view("compact", "compact"),
+			mk_view("name", "name only")
 		]
 	];
 	let OUT_TITLES = {
-		window: "Dev window only (browser console stays clean)",
-		console: "Browser console only (nothing shown in this window)",
-		both: "Dev window and browser console"
+		window: "dev window only",
+		console: "browser console only",
+		both: "dev window and browser console"
 	};
 	let mk_out = (v, label) => [
 		"button",
@@ -73251,9 +73277,11 @@ function build_control_bar() {
 			class: "YDEV_SEG_BTN",
 			"data-output": v,
 			type: "button",
-			title: OUT_TITLES[v]
+			title: (0, i18next.t)(OUT_TITLES[v]),
+			"data-i18n-title": OUT_TITLES[v],
+			"data-i18n": label
 		},
-		label,
+		(0, i18next.t)(label),
 		{ click: (ev) => {
 			ev.stopPropagation();
 			set_output_route(v);
@@ -73266,9 +73294,9 @@ function build_control_bar() {
 			id: "ydev-output"
 		},
 		[
-			mk_out("window", "Window"),
-			mk_out("console", "Console"),
-			mk_out("both", "Both")
+			mk_out("window", "window"),
+			mk_out("console", "console"),
+			mk_out("both", "both")
 		]
 	];
 	let mk_expand = (key, label) => [
@@ -73277,9 +73305,11 @@ function build_control_bar() {
 			class: "YDEV_CHIP",
 			"data-expand": key,
 			type: "button",
-			title: "Show " + label + " in the Expanded view"
+			title: (0, i18next.t)("show this section in the expanded view"),
+			"data-i18n-title": "show this section in the expanded view",
+			"data-i18n": label
 		},
-		label,
+		(0, i18next.t)(label),
 		{ click: (ev) => {
 			ev.stopPropagation();
 			toggle_pref(key, key === "dev_full_data" ? 1 : 0);
@@ -73294,12 +73324,15 @@ function build_control_bar() {
 		[
 			[
 				"span",
-				{ class: "YDEV_LABEL" },
-				"Expand"
+				{
+					class: "YDEV_LABEL",
+					"data-i18n": "expand"
+				},
+				(0, i18next.t)("expand")
 			],
-			mk_expand("dev_full_schema", "Schema"),
-			mk_expand("dev_full_data", "Data"),
-			mk_expand("dev_full_meta", "Metadata")
+			mk_expand("dev_full_schema", "schema"),
+			mk_expand("dev_full_data", "data"),
+			mk_expand("dev_full_meta", "metadata")
 		]
 	];
 	let mk_dir = (dir, glyph, key, title) => [
@@ -73308,7 +73341,8 @@ function build_control_bar() {
 			class: "YDEV_CHIP s-" + dir,
 			"data-dir": key,
 			type: "button",
-			title
+			title: (0, i18next.t)(title),
+			"data-i18n-title": title
 		},
 		glyph,
 		{ click: (ev) => {
@@ -73317,9 +73351,9 @@ function build_control_bar() {
 		} }
 	];
 	let dir_chips = [
-		mk_dir("out", "⇢", "dev_filter_out", "Outgoing"),
-		mk_dir("in", "⇠", "dev_filter_in", "Incoming"),
-		mk_dir("err", "⚠", "dev_filter_err", "Errors")
+		mk_dir("out", "⇢", "dev_filter_out", "outgoing"),
+		mk_dir("in", "⇠", "dev_filter_in", "incoming"),
+		mk_dir("err", "⚠", "dev_filter_err", "errors")
 	];
 	let periodic_chip = [
 		"button",
@@ -73327,9 +73361,18 @@ function build_control_bar() {
 			class: "YDEV_CHIP",
 			"data-toggle": "periodic",
 			type: "button",
-			title: "Hide the timers: EV_TIMEOUT / PERIODIC / HEARTBEAT / PING transitions, and recurring traffic. On by default"
+			title: (0, i18next.t)("hide the timers and the recurring traffic"),
+			"data-i18n-title": "hide the timers and the recurring traffic"
 		},
-		"⊘ Periodic",
+		[[
+			"span",
+			{ class: "YDEV_GLYPH" },
+			"⊘"
+		], [
+			"span",
+			{ "data-i18n": "periodic" },
+			(0, i18next.t)("periodic")
+		]],
 		{ click: (ev) => {
 			ev.stopPropagation();
 			toggle_pref("dev_hide_periodic", HIDE_PERIODIC_DEFAULT);
@@ -73340,8 +73383,9 @@ function build_control_bar() {
 		{
 			class: "YDEV_SEARCH",
 			type: "search",
-			placeholder: "filter events / payload…",
-			"data-role": "search"
+			"data-role": "search",
+			placeholder: (0, i18next.t)("filter events / payload"),
+			"data-i18n-placeholder": "filter events / payload"
 		},
 		"",
 		{ input: (ev) => {
@@ -73354,15 +73398,17 @@ function build_control_bar() {
 		{
 			class: "YDEV_CHIP",
 			type: "button",
-			title: "Copy visible traffic to clipboard"
+			title: (0, i18next.t)("copy visible traffic to clipboard"),
+			"data-i18n-title": "copy visible traffic to clipboard",
+			"data-i18n": "copy"
 		},
-		"Copy",
+		(0, i18next.t)("copy"),
 		{ click: (ev) => {
 			ev.stopPropagation();
 			let btn = ev.currentTarget;
 			dev_copy_text(traffic_to_text()).then(() => {
 				let prev = btn.textContent;
-				btn.textContent = "Copied";
+				btn.textContent = (0, i18next.t)("copied");
 				setTimeout(() => {
 					btn.textContent = prev;
 				}, 1e3);
@@ -73374,9 +73420,11 @@ function build_control_bar() {
 		{
 			class: "YDEV_CHIP",
 			type: "button",
-			title: "Clear captured traffic"
+			title: (0, i18next.t)("clear captured traffic"),
+			"data-i18n-title": "clear captured traffic",
+			"data-i18n": "clear"
 		},
-		"Clear",
+		(0, i18next.t)("clear"),
 		{ click: (ev) => {
 			ev.stopPropagation();
 			clear_traffic();
@@ -73387,8 +73435,11 @@ function build_control_bar() {
 		{ class: "YDEV_GROUP" },
 		[[
 			"span",
-			{ class: "YDEV_LABEL" },
-			label
+			{
+				class: "YDEV_LABEL",
+				"data-i18n": label
+			},
+			(0, i18next.t)(label)
 		], ...items]
 	];
 	let sep = () => [
@@ -73400,18 +73451,18 @@ function build_control_bar() {
 		"div",
 		{ class: "YDEV_BAR" },
 		[
-			grp("Traces", [...trace_chips, simple_mach]),
+			grp("traces", [...trace_chips, simple_mach]),
 			sep(),
-			grp("Output", [output_seg]),
+			grp("output", [output_seg]),
 			sep(),
-			grp("View", [view_seg]),
+			grp("view", [view_seg]),
 			expand_grp,
 			sep(),
-			grp("Show", [...dir_chips, periodic_chip]),
+			grp("show", [...dir_chips, periodic_chip]),
 			sep(),
-			grp("Find", [search]),
+			grp("find", [search]),
 			sep(),
-			grp("Log", [copy, clear])
+			grp("log", [copy, clear])
 		]
 	]);
 }
@@ -73421,12 +73472,18 @@ function build_title_header() {
 		{ class: "YDEV_TITLE" },
 		[[
 			"span",
-			{ class: "YDEV_TITLE_MAIN" },
-			"Developer"
+			{
+				class: "YDEV_TITLE_MAIN",
+				"data-i18n": "developer"
+			},
+			(0, i18next.t)("developer")
 		], [
 			"span",
-			{ class: "YDEV_TITLE_SUB" },
-			"yuno monitor · traffic & traces"
+			{
+				class: "YDEV_TITLE_SUB",
+				"data-i18n": "yuno monitor"
+			},
+			(0, i18next.t)("yuno monitor")
 		]]
 	]);
 }
@@ -73524,7 +73581,7 @@ function setup_dev(self, show) {
 			showFooter: false,
 			auto_save_size_and_position: true,
 			center: false,
-			title: "Developer",
+			title: "developer",
 			icon: "yi-terminal",
 			manager: (0, _yuneta_gobj_js.gobj_find_service)("__window_manager__", false) || null,
 			keep_on_navigate: true,