@yuneta/gobj-ui 5.11.1 → 5.13.0

package/dist/gobj-ui.cjs.js

@@ -26,7 +26,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
@@ -1350,10 +1350,11 @@ function instantiate_menus(gobj, config) {
 				let renders = secondary_nav_renders(item, render_to_obj(layout));
 				let sub_menu_id = `secondary.${menu_id}.${item.id}`;
 				for (let render_cfg of renders) {
-					let $c = (0, _yuneta_gobj_js.gobj_read_attr)(instantiate_nav_in_zone(gobj, {
+					let nav = instantiate_nav_in_zone(gobj, {
 						items: sub.items,
 						render: { [zone_id]: render_cfg }
-					}, sub_menu_id, zone_id, "secondary", item.name || ""), "$container");
+					}, sub_menu_id, zone_id, "secondary", item.name || "");
+					let $c = (0, _yuneta_gobj_js.gobj_read_attr)(nav, "$container");
 					if ($c) $c.classList.add("is-hidden");
 				}
 			}
@@ -1370,7 +1371,8 @@ function instantiate_nav_in_zone(gobj, menu, menu_id, zone_id, level, nav_label)
 	let render_cfg = menu.render && (menu.render[zone_id] || menu.render["*"]) || { layout: "vertical" };
 	if ((0, _yuneta_gobj_js.is_string)(render_cfg)) render_cfg = { layout: render_cfg };
 	let layout = render_cfg.layout || "vertical";
-	let nav = (0, _yuneta_gobj_js.gobj_create)(`nav_${menu_id.replace(/\./g, "_")}_${zone_id}` + (layout === "backbar" ? "_backbar" : ""), "C_YUI_NAV", {
+	let nav_name = `nav_${menu_id.replace(/\./g, "_")}_${zone_id}` + (layout === "backbar" ? "_backbar" : "");
+	let nav = (0, _yuneta_gobj_js.gobj_create)(nav_name, "C_YUI_NAV", {
 		menu_id,
 		nav_label: nav_label || "",
 		menu_items: menu.items || [],
@@ -1896,14 +1898,15 @@ function build_toolbar_connection_item(gobj, it) {
 		attrs.title = tip;
 		attrs["data-i18n-title"] = tip;
 	}
+	let $dot = (0, _yuneta_gobj_js.createElement2)([
+		"span",
+		{ class: "yui-conn-dot" },
+		""
+	]);
 	let $item = (0, _yuneta_gobj_js.createElement2)([
 		"button",
 		attrs,
-		[(0, _yuneta_gobj_js.createElement2)([
-			"span",
-			{ class: "yui-conn-dot" },
-			""
-		])]
+		[$dot]
 	]);
 	if ((it.action && it.action.type || "") !== "") $item.addEventListener("click", (ev) => {
 		ev.preventDefault();
@@ -1940,11 +1943,13 @@ function handle_toolbar_action(gobj, item, $trigger) {
 	let action = item && item.action || {};
 	switch (action.type) {
 		case "navigate":
-			if (!(0, _yuneta_gobj_js.empty_string)(action.route)) if ((0, _yuneta_gobj_js.gobj_read_attr)(gobj, "use_hash") && !route_restores_url(gobj, action.route)) {
-				let h = route_to_hash(action.route);
-				if (window.location.hash !== h) window.location.hash = h;
-				else navigate_to(gobj, action.route);
-			} else navigate_to(gobj, action.route);
+			if (!(0, _yuneta_gobj_js.empty_string)(action.route)) {
+				if ((0, _yuneta_gobj_js.gobj_read_attr)(gobj, "use_hash") && !route_restores_url(gobj, action.route)) {
+					let h = route_to_hash(action.route);
+					if (window.location.hash !== h) window.location.hash = h;
+					else navigate_to(gobj, action.route);
+				} else navigate_to(gobj, action.route);
+			}
 			break;
 		case "drawer": {
 			let op = action.op || "toggle";
@@ -1980,11 +1985,13 @@ function toggle_toolbar_dropdown(gobj, item, action, $trigger) {
 function open_toolbar_dropdown(gobj, item, action, $trigger) {
 	let priv = gobj.priv;
 	if (!priv || !priv.layers || !priv.layers.popup) return;
+	let aria_key = item && (item.aria_label || item.name || item.id) || "Menu";
+	let i18n_aria = item && (item.aria_label || item.name) || "Menu";
 	let $panel = (0, _yuneta_gobj_js.createElement2)(["div", {
 		class: "yui-toolbar-dropdown-panel",
 		role: "menu",
-		"aria-label": item && (item.aria_label || item.name || item.id) || "Menu",
-		"data-i18n-aria-label": item && (item.aria_label || item.name) || "Menu",
+		"aria-label": aria_key,
+		"data-i18n-aria-label": i18n_aria,
 		"data-toolbar-dropdown-for": item && item.id || ""
 	}]);
 	let raw_items = (0, _yuneta_gobj_js.is_array)(action.items) ? action.items : [];
@@ -2454,14 +2461,15 @@ function create_gclass$18(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$18 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_NAV_CLICKED", 0],
 		["EV_DRAWER_CLOSE_REQUESTED", 0],
 		["EV_NAV_ITEM_CLOSE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_ROUTE_REQUESTED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_ROUTE_CHANGED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_LANGUAGE_CHANGED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$18, 0, attrs_table$18, PRIVATE_DATA$18, 0, 0, 0, _yuneta_gobj_js.gclass_flag_t.gcflag_no_check_output_events);
+	];
+	__gclass__$18 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$18, 0, attrs_table$18, PRIVATE_DATA$18, 0, 0, 0, _yuneta_gobj_js.gclass_flag_t.gcflag_no_check_output_events);
 	if (!__gclass__$18) return -1;
 	return 0;
 }
@@ -3141,10 +3149,11 @@ function build_dialog(shell, message, buttons, opts) {
 		{ class: "CONFIRM_FOOT modal-card-foot" },
 		$footer_children
 	]);
+	let logical = opts && opts.logical_class ? " " + opts.logical_class : "";
 	let $modal = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
-			class: `CONFIRM${opts && opts.logical_class ? " " + opts.logical_class : ""} modal yui-modal yui-confirm is-active is-${type}`,
+			class: `CONFIRM${logical} modal yui-modal yui-confirm is-active is-${type}`,
 			role: "dialog",
 			"aria-modal": "true"
 		},
@@ -3330,7 +3339,8 @@ var __gclass__$17 = null;
 function mt_create$17(gobj) {
 	const subscriber = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "subscriber");
 	if (subscriber) (0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "window_id", "window-" + (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_short_name)(gobj)));
+	let window_id = "window-" + (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_short_name)(gobj));
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "window_id", window_id);
 	let manager = resolve_manager(gobj);
 	build_ui$14(gobj);
 	if (manager) {
@@ -3350,9 +3360,12 @@ function mt_create$17(gobj) {
 		}, gobj);
 	} else if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "back_dismissable")) {
 		let shell = yui_shell_of(gobj);
-		if (shell) (0, _yuneta_gobj_js.gobj_write_attr)(gobj, "back_overlay", yui_shell_register_overlay(shell, function() {
-			close_window(gobj);
-		}, { keep_on_navigate: (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "keep_on_navigate") }));
+		if (shell) {
+			let overlay = yui_shell_register_overlay(shell, function() {
+				close_window(gobj);
+			}, { keep_on_navigate: (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "keep_on_navigate") });
+			(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "back_overlay", overlay);
+		}
 	}
 	let on_win_resize = function() {
 		handleResize(gobj);
@@ -3458,16 +3471,18 @@ function build_default_header(gobj) {
 	if ((0, _yuneta_gobj_js.empty_string)(title) && (0, _yuneta_gobj_js.empty_string)(prefix)) return null;
 	let icon = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "icon");
 	let items = [];
-	if (!(0, _yuneta_gobj_js.empty_string)(icon)) if (icon.charAt(0) === "<") items.push([
-		"span",
-		{ class: "icon" },
-		icon
-	]);
-	else items.push([
-		"span",
-		{ class: "icon" },
-		[["i", { class: icon }]]
-	]);
+	if (!(0, _yuneta_gobj_js.empty_string)(icon)) {
+		if (icon.charAt(0) === "<") items.push([
+			"span",
+			{ class: "icon" },
+			icon
+		]);
+		else items.push([
+			"span",
+			{ class: "icon" },
+			[["i", { class: icon }]]
+		]);
+	}
 	if (!(0, _yuneta_gobj_js.empty_string)(prefix)) items.push([
 		"span",
 		{ class: "WINDOW_TITLE_PREFIX has-text-weight-semibold" },
@@ -4126,7 +4141,7 @@ function create_gclass$17(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$17 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_WINDOW_TO_CLOSE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_WINDOW_MOVED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_WINDOW_RESIZED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
@@ -4134,7 +4149,8 @@ function create_gclass$17(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_CLOSE_WINDOW", 0]
-	], states, gmt$17, 0, attrs_table$17, PRIVATE_DATA$17, 0, 0, 0, 0);
+	];
+	__gclass__$17 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$17, 0, attrs_table$17, PRIVATE_DATA$17, 0, 0, 0, 0);
 	if (!__gclass__$17) return -1;
 	return 0;
 }
@@ -4315,11 +4331,12 @@ function ensure_dock_style() {
 ************************************************************/
 function build_dock(gobj) {
 	ensure_dock_style();
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", (0, _yuneta_gobj_js.createElement2)([
+	let $dock = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{ class: "C_YUI_WINDOW_MANAGER yui-dock is-empty" },
 		[]
-	]));
+	]);
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", $dock);
 	apply_placement(gobj);
 }
 /************************************************************
@@ -4770,7 +4787,7 @@ function mt_destroy$15(gobj) {
 *   Build UI
 ************************************************************/
 function build_ui$13(gobj) {
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", (0, _yuneta_gobj_js.createElement2)([
+	let $container = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
 			class: "C_YUI_PAGER",
@@ -4839,7 +4856,8 @@ function build_ui$13(gobj) {
 			},
 			[]
 		]]
-	]));
+	]);
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", $container);
 }
 /************************************************************
 *   Destroy UI
@@ -5099,7 +5117,7 @@ function create_gclass$15(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$15 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_PUSH_PAGE", 0],
 		["EV_POP_PAGE", 0],
 		["EV_BACK", 0],
@@ -5112,7 +5130,8 @@ function create_gclass$15(gclass_name) {
 		["EV_PAGE_SHOWN", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_PAGE_DISCARD", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_PAGER_EXIT", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt$15, 0, attrs_table$15, PRIVATE_DATA$15, 0, 0, 0, 0);
+	];
+	__gclass__$15 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$15, 0, attrs_table$15, PRIVATE_DATA$15, 0, 0, 0, 0);
 	if (!__gclass__$15) return -1;
 	return 0;
 }
@@ -5302,7 +5321,7 @@ function mt_destroy$14(gobj) {
 *   Build UI
 ************************************************************/
 function build_ui$12(gobj) {
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", (0, _yuneta_gobj_js.createElement2)([
+	let $container = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
 			class: "C_YUI_WIZARD",
@@ -5388,7 +5407,8 @@ function build_ui$12(gobj) {
 				]]
 			]
 		]
-	]));
+	]);
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", $container);
 }
 /************************************************************
 *   Destroy UI
@@ -5714,7 +5734,7 @@ function create_gclass$14(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$14 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_SET_STEPS", 0],
 		["EV_NEXT", 0],
 		["EV_PREV", 0],
@@ -5730,7 +5750,8 @@ function create_gclass$14(gclass_name) {
 		["EV_WIZARD_DONE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_WIZARD_CANCEL", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_STEP_VALIDATE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$14, 0, attrs_table$14, PRIVATE_DATA$14, 0, 0, 0, 0);
+	];
+	__gclass__$14 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$14, 0, attrs_table$14, PRIVATE_DATA$14, 0, 0, 0, 0);
 	if (!__gclass__$14) return -1;
 	return 0;
 }
@@ -6013,7 +6034,8 @@ function mt_create$13(gobj) {
 	let subscriber = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "subscriber");
 	if (!subscriber) subscriber = (0, _yuneta_gobj_js.gobj_parent)(gobj);
 	(0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "form_id", "form" + (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj)));
+	let name = (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj));
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "form_id", "form" + name);
 	build_ui$11(gobj);
 }
 /************************************************************
@@ -6097,7 +6119,8 @@ function set_changed_stated(gobj, changed) {
 async function readClipboard$1(gobj) {
 	try {
 		const text = await navigator.clipboard.readText();
-		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_PASTE_RECORD", JSON.parse(text), gobj);
+		let kw = JSON.parse(text);
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_PASTE_RECORD", kw, gobj);
 	} catch (error) {
 		(0, _yuneta_gobj_js.log_error)(`Failed to read clipboard contents: ${error}`);
 	}
@@ -6314,8 +6337,9 @@ function destroy_ui$7(gobj) {
 *   Build form with bulma and createElement2
 ******************************************************************/
 function build_form(gobj) {
+	let form_id = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "form_id");
 	let $form = (0, _yuneta_gobj_js.createElement2)(["form", {
-		id: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "form_id"),
+		id: form_id,
 		class: "yui-form"
 	}]);
 	let template = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "template");
@@ -6422,7 +6446,6 @@ function build_form_field_conf(gobj, field_desc) {
 				case "list":
 					field_conf.tag = "select2";
 					field_conf.options = field_desc.enum_list;
-					break;
 			}
 			break;
 		case "hook": break;
@@ -6459,18 +6482,12 @@ function build_form_field_conf(gobj, field_desc) {
 		case "time":
 			field_conf.tag = "input";
 			field_conf.inputType = "datetime-local";
-			switch (field_desc.real_type) {
-				case "string": break;
-				case "integer": break;
-			}
+			field_desc.real_type;
 			break;
 		case "color":
 			field_conf.tag = "input";
 			field_conf.inputType = "color";
-			switch (field_desc.real_type) {
-				case "string": break;
-				case "integer": break;
-			}
+			field_desc.real_type;
 			break;
 		case "email":
 			field_conf.tag = "input";
@@ -6588,9 +6605,7 @@ function build_fkey_ref$1(gobj, field_desc, value) {
 				refs[ref] = true;
 				break;
 			case "array":
-			case "list":
-				refs.push(ref);
-				break;
+			case "list": refs.push(ref);
 		}
 	}
 	return refs;
@@ -6696,40 +6711,38 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 						]]
 					]);
 					break;
-				default:
-					$element = (0, _yuneta_gobj_js.createElement2)([
+				default: $element = (0, _yuneta_gobj_js.createElement2)([
+					"div",
+					{ class: "xfield field is-horizontal" },
+					[[
 						"div",
-						{ class: "xfield field is-horizontal" },
+						{ class: "field-label is-normal" },
+						[[
+							"label",
+							{
+								class: "label ",
+								i18n: label_i18n || label,
+								for: name
+							},
+							label
+						]]
+					], [
+						"div",
+						{ class: "field-body" },
 						[[
 							"div",
-							{ class: "field-label is-normal" },
+							{ class: "field" },
 							[[
-								"label",
+								"div",
 								{
-									class: "label ",
-									i18n: label_i18n || label,
-									for: name
+									class: "xcontrol control",
+									style: ""
 								},
-								label
-							]]
-						], [
-							"div",
-							{ class: "field-body" },
-							[[
-								"div",
-								{ class: "field" },
-								[[
-									"div",
-									{
-										class: "xcontrol control",
-										style: ""
-									},
-									[]
-								]]
+								[]
 							]]
 						]]
-					]);
-					break;
+					]]
+				]);
 			}
 			break;
 		case "textarea":
@@ -6982,7 +6995,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 				(0, _yuneta_gobj_js.log_error)((0, _yuneta_gobj_js.sprintf)("%s: select field '%s' options not an array (type=%s, real_type=%s); rendering empty", (0, _yuneta_gobj_js.gobj_short_name)(gobj), name, field_desc.type, field_desc.real_type));
 				opts = [];
 			}
-			let $wrapper = (0, _yuneta_gobj_js.createElement2)([
+			let extend = [
 				"div",
 				{ class: "select" },
 				[
@@ -7000,7 +7013,8 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 						(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					} }
 				]
-			]);
+			];
+			let $wrapper = (0, _yuneta_gobj_js.createElement2)(extend);
 			$control.appendChild($wrapper);
 			$extend = $wrapper.querySelector("select");
 			break;
@@ -7011,7 +7025,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 				(0, _yuneta_gobj_js.log_error)((0, _yuneta_gobj_js.sprintf)("%s: select2 field '%s' options not an array (type=%s, real_type=%s); rendering empty", (0, _yuneta_gobj_js.gobj_short_name)(gobj), name, field_desc.type, field_desc.real_type));
 				opts = [];
 			}
-			$extend = (0, _yuneta_gobj_js.createElement2)([
+			let extend = [
 				"select",
 				{
 					name,
@@ -7026,7 +7040,8 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 					},
 					option
 				])
-			]);
+			];
+			$extend = (0, _yuneta_gobj_js.createElement2)(extend);
 			$control.appendChild($extend);
 			$extend.tom_select = new tom_select.default($extend, {
 				allowEmptyOption: true,
@@ -7064,15 +7079,17 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 			$extend = $wrapper.querySelector("input");
 			break;
 		}
-		case "radio":
-			$extend = (0, _yuneta_gobj_js.createOneHtml)(`
+		case "radio": {
+			let elm = `
                    <label class="radio">
                       <input type="radio" name="${name}">
                       ${(0, i18next.t)(options)}
                     </label>
-                `);
+                `;
+			$extend = (0, _yuneta_gobj_js.createOneHtml)(elm);
 			$control.appendChild($extend);
 			break;
+		}
 		case "jsoneditor": {
 			let attrs = {
 				class: "jsoneditor" + (yui_is_dark() ? " jse-theme-dark" : ""),
@@ -7179,9 +7196,7 @@ function create_coordinates(gobj, attrs) {
 				case error.TIMEOUT:
 					errorMsg = (0, i18next.t)("timed out");
 					break;
-				default:
-					errorMsg = (0, i18next.t)("unknown error");
-					break;
+				default: errorMsg = (0, i18next.t)("unknown error");
 			}
 			$input.classList.add("is-danger");
 			let $h = $input.closest(".xcontrol").parentNode.querySelector(".help");
@@ -7196,7 +7211,7 @@ function create_coordinates(gobj, attrs) {
 			$h.style.display = "block";
 		}
 	}
-	let $extend = (0, _yuneta_gobj_js.createElement2)([
+	let extend = [
 		"div",
 		{ class: "field is-flex is-align-items-center" },
 		[[
@@ -7223,7 +7238,8 @@ function create_coordinates(gobj, attrs) {
 				} }
 			]]
 		]]
-	]);
+	];
+	let $extend = (0, _yuneta_gobj_js.createElement2)(extend);
 	let $control = $extend.querySelector(".control");
 	attach_clear($control, $control.querySelector("input"));
 	return $extend;
@@ -7250,10 +7266,11 @@ function create_tabulator$1(gobj, $extend, name, template) {
 	tabulator_settings.columns = template2columns(gobj, columns, template, sub_elements);
 	if (sub_elements.length > 0) tabulator_settings.rowFormatter = function(row) {
 		for (let sub_element of sub_elements) {
-			let $extend = (0, _yuneta_gobj_js.createElement2)(["div", {
+			let extend = ["div", {
 				class: "yui-tabulator-table-nested pl-6 is-bordered is-striped",
 				"name": sub_element.name
-			}]);
+			}];
+			let $extend = (0, _yuneta_gobj_js.createElement2)(extend);
 			$extend.tabulator = create_tabulator$1(gobj, $extend, sub_element.name, sub_element.template);
 			row.getElement().appendChild($extend);
 		}
@@ -7341,9 +7358,10 @@ function template2columns(gobj, columns, template, sub_elements) {
 					cellClick: function(evt, cell) {
 						evt.stopPropagation();
 						let $row = cell.getRow().getElement();
+						let $extend = $row.querySelector(`[name="${field_desc.name}"]`);
 						(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_ADD_TABLE_ROW", {
 							$row,
-							$table: $row.querySelector(`[name="${field_desc.name}"]`),
+							$table: $extend,
 							record: {},
 							loading: false
 						}, gobj);
@@ -7358,9 +7376,7 @@ function template2columns(gobj, columns, template, sub_elements) {
 					case "object":
 					case "dict":
 					case "array":
-					case "list":
-						column.editorParams.values = field_desc.enum_list;
-						break;
+					case "list": column.editorParams.values = field_desc.enum_list;
 				}
 				break;
 			case "hook": break;
@@ -7405,18 +7421,12 @@ function template2columns(gobj, columns, template, sub_elements) {
 					verticalNavigation: "table",
 					elementAttributes: { title: "slide bar to choose option" }
 				};
-				switch (field_desc.real_type) {
-					case "string": break;
-					case "integer": break;
-				}
+				field_desc.real_type;
 				break;
 			case "color":
 				column.editor = "input";
 				column.editorParams = {};
-				switch (field_desc.real_type) {
-					case "string": break;
-					case "integer": break;
-				}
+				field_desc.real_type;
 				break;
 			case "email":
 				column.editor = "input";
@@ -7512,9 +7522,7 @@ function get_form_values(gobj, $form) {
 						const date = new Date($input.value);
 						value = Math.floor(date.getTime() / 1e3);
 						break;
-					default:
-						value = getInputValue($input);
-						break;
+					default: value = getInputValue($input);
 				}
 				break;
 			case "textarea":
@@ -7561,9 +7569,7 @@ function get_form_values(gobj, $form) {
 				if ($input.tagName !== "INPUT") $input = $input.querySelector("input");
 				value = getInputValue($input);
 				break;
-			default:
-				(0, _yuneta_gobj_js.log_error)((0, _yuneta_gobj_js.sprintf)("%s: $form type unknown: '%s'", (0, _yuneta_gobj_js.gobj_short_name)(gobj), tag));
-				break;
+			default: (0, _yuneta_gobj_js.log_error)((0, _yuneta_gobj_js.sprintf)("%s: $form type unknown: '%s'", (0, _yuneta_gobj_js.gobj_short_name)(gobj), tag));
 		}
 		value = form_value_2_treedb_value(gobj, field_desc, value);
 		let path;
@@ -7579,14 +7585,16 @@ function get_form_values(gobj, $form) {
 function clear_data(gobj, $form) {
 	let pkey = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "pkey");
 	$form.querySelectorAll("input, select, textarea, .jsoneditor").forEach(($input) => {
-		if ($input.name !== pkey) if ($input.classList.contains("jsoneditor")) {
-			let jsoneditor = $input.jsoneditor;
-			if (jsoneditor) jsoneditor.set({ text: "" });
-		} else if ($input.type === "checkbox") $input.checked = false;
-		else if ($input.type === "radio") $input.checked = false;
-		else if ($input.type === "datetime-local") $input.value = null;
-		else if ($input.type === "select-multiple") $input.tom_select.clear();
-		else $input.value = null;
+		if ($input.name !== pkey) {
+			if ($input.classList.contains("jsoneditor")) {
+				let jsoneditor = $input.jsoneditor;
+				if (jsoneditor) jsoneditor.set({ text: "" });
+			} else if ($input.type === "checkbox") $input.checked = false;
+			else if ($input.type === "radio") $input.checked = false;
+			else if ($input.type === "datetime-local") $input.value = null;
+			else if ($input.type === "select-multiple") $input.tom_select.clear();
+			else $input.value = null;
+		}
 	});
 	$form.querySelectorAll(".yui-tabulator-table").forEach(($table) => {
 		if ($table.tabulator.initialized) $table.tabulator.clearData();
@@ -7668,9 +7676,7 @@ function set_form_values(gobj, template, $form, record) {
 					case "color":
 						$input.value = convertColor(value);
 						break;
-					default:
-						$input.value = value;
-						break;
+					default: $input.value = value;
 				}
 				break;
 			case "textarea":
@@ -7701,9 +7707,7 @@ function set_form_values(gobj, template, $form, record) {
 				if ($input.tagName !== "INPUT") $input = $input.querySelector("input");
 				$input.value = value;
 				break;
-			default:
-				(0, _yuneta_gobj_js.log_error)((0, _yuneta_gobj_js.sprintf)("%s: $form type unknown: '%s'", (0, _yuneta_gobj_js.gobj_short_name)(gobj), tag));
-				break;
+			default: (0, _yuneta_gobj_js.log_error)((0, _yuneta_gobj_js.sprintf)("%s: $form type unknown: '%s'", (0, _yuneta_gobj_js.gobj_short_name)(gobj), tag));
 		}
 		refresh_clear($input);
 	});
@@ -7817,9 +7821,7 @@ function treedb_value_2_form_value(gobj, field_desc, value) {
 			}
 			value = `${longitude}, ${latitude}`;
 			break;
-		default:
-			(0, _yuneta_gobj_js.log_error)("treedb_value_2_form_value() type unknown: " + type);
-			break;
+		default: (0, _yuneta_gobj_js.log_error)("treedb_value_2_form_value() type unknown: " + type);
 	}
 	return value;
 }
@@ -7863,9 +7865,7 @@ function form_value_2_treedb_value(gobj, field_desc, value) {
 				case "integer":
 					if (value && (0, _yuneta_gobj_js.is_date)(value)) value = value.getTime() / 1e3;
 					break;
-				default:
-					(0, _yuneta_gobj_js.log_error)("incompatible type for time: " + real_type);
-					break;
+				default: (0, _yuneta_gobj_js.log_error)("incompatible type for time: " + real_type);
 			}
 			break;
 		case "date":
@@ -7926,9 +7926,7 @@ function form_value_2_treedb_value(gobj, field_desc, value) {
 				"coordinates": [lnglat[0], lnglat[1]]
 			} };
 			break;
-		default:
-			(0, _yuneta_gobj_js.log_error)("form_value_2_treedb_value() type unknown: " + type);
-			break;
+		default: (0, _yuneta_gobj_js.log_error)("form_value_2_treedb_value() type unknown: " + type);
 	}
 	return value;
 }
@@ -7965,7 +7963,8 @@ function ac_load_record(gobj, event, kw, src) {
 function ac_save_record(gobj, event, kw, src) {
 	let $form = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container").querySelector("form");
 	if (validate_form(gobj, $form)) {
-		(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_SAVE_RECORD", get_form_values(gobj, $form));
+		let values = get_form_values(gobj, $form);
+		(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_SAVE_RECORD", values);
 		set_changed_stated(gobj, false);
 	} else {
 		kw.abort_close = true;
@@ -8171,7 +8170,7 @@ function create_gclass$13(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$13 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_LOAD_RECORD", 0],
 		["EV_SAVE_RECORD", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_UNDO_RECORD", 0],
@@ -8187,7 +8186,8 @@ function create_gclass$13(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_TIMEOUT", 0]
-	], states, gmt$13, 0, attrs_table$13, PRIVATE_DATA$13, 0, 0, 0, 0);
+	];
+	__gclass__$13 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$13, 0, attrs_table$13, PRIVATE_DATA$13, 0, 0, 0, 0);
 	if (!__gclass__$13) return -1;
 	return 0;
 }
@@ -8786,14 +8786,16 @@ function xtouchStart(gobj, e) {
 function ac_edit_map(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	const map = priv.xmap;
-	if ((0, _yuneta_gobj_js.kw_has_key)(kw, "enable_moving_markers")) if (kw.enable_moving_markers) {
-		map.on("mousedown", "unclustered-point", priv.xmouseDown);
-		map.on("touchstart", "unclustered-point", priv.xtouchStart);
-		map.off("click", "unclustered-point", priv.onClick);
-	} else {
-		map.off("mousedown", "unclustered-point", priv.xmouseDown);
-		map.off("touchstart", "unclustered-point", priv.xtouchStart);
-		map.on("click", "unclustered-point", priv.onClick);
+	if ((0, _yuneta_gobj_js.kw_has_key)(kw, "enable_moving_markers")) {
+		if (kw.enable_moving_markers) {
+			map.on("mousedown", "unclustered-point", priv.xmouseDown);
+			map.on("touchstart", "unclustered-point", priv.xtouchStart);
+			map.off("click", "unclustered-point", priv.onClick);
+		} else {
+			map.off("mousedown", "unclustered-point", priv.xmouseDown);
+			map.off("touchstart", "unclustered-point", priv.xtouchStart);
+			map.on("click", "unclustered-point", priv.onClick);
+		}
 	}
 	return 0;
 }
@@ -9036,14 +9038,15 @@ function build_ui$10(gobj) {
 		(0, _yuneta_gobj_js.gobj_write_bool_attr)(gobj, "$container", $container);
 		(0, _yuneta_gobj_js.gobj_write_bool_attr)(gobj, "own_container", true);
 	}
-	let uplot$2 = new uplot.default({
+	let uPlot_options = {
 		title: (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "title"),
 		width: (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "width"),
 		height: (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "height"),
 		series: (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "series"),
 		axes: (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "axes"),
 		scales: (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "scales")
-	}, (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "data"), $container);
+	};
+	let uplot$2 = new uplot.default(uPlot_options, (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "data"), $container);
 	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "uplot", uplot$2);
 	let fixed_height = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "height");
 	function fit_to_container() {
@@ -9098,11 +9101,13 @@ function ac_load_data$2(gobj, event, kw, src) {
 		for (let idx = 1; idx < uplot$3.series.length; idx++) {
 			let serie = uplot$3.series[idx];
 			let value = kw[i][serie.id];
-			if ((0, _yuneta_gobj_js.is_string)(value)) if (value.toLowerCase() === "on") value = 1;
-			else if (value.toLowerCase() === "off") value = 0;
-			else {
-				(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)} value not contemplated: '${value}'`);
-				value = 0;
+			if ((0, _yuneta_gobj_js.is_string)(value)) {
+				if (value.toLowerCase() === "on") value = 1;
+				else if (value.toLowerCase() === "off") value = 0;
+				else {
+					(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)} value not contemplated: '${value}'`);
+					value = 0;
+				}
 			}
 			data[idx].push(value);
 		}
@@ -9578,6 +9583,7 @@ function mt_destroy$10(gobj) {
 ************************************************************/
 function build_ui$9(gobj) {
 	let priv = gobj.priv;
+	let $toolbar = make_toolbar$3(gobj);
 	let $container = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
@@ -9587,7 +9593,7 @@ function build_ui$9(gobj) {
 		[[
 			"div",
 			{ class: "is-flex-grow-0 is-flex toolbar_yui_json_graph" },
-			make_toolbar$3(gobj)
+			$toolbar
 		], [
 			"div",
 			{
@@ -9770,9 +9776,7 @@ function build_cell_html(key, value, type, dark) {
 		case "dict":
 			display_value = `{${(0, _yuneta_gobj_js.json_object_size)(value)}}`;
 			break;
-		default:
-			display_value = String(value);
-			break;
+		default: display_value = String(value);
 	}
 	return `<span style="color:${key_color}">• ${(0, _yuneta_gobj_js.escapeHtml)(String(key))}: </span><span style="color:${color}">${display_value}</span>`;
 }
@@ -10217,7 +10221,7 @@ function create_gclass$10(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$10 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_LOAD_DATA", 0],
 		["EV_REFRESH", 0],
 		["EV_THEME", 0],
@@ -10230,7 +10234,8 @@ function create_gclass$10(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_JSON_ITEM_CLICKED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt$10, 0, attrs_table$10, PRIVATE_DATA$10, 0, 0, 0, 0);
+	];
+	__gclass__$10 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$10, 0, attrs_table$10, PRIVATE_DATA$10, 0, 0, 0, 0);
 	if (!__gclass__$10) return -1;
 	return 0;
 }
@@ -10480,6 +10485,7 @@ function mt_destroy$9(gobj) {
 ************************************************************/
 function build_ui$8(gobj) {
 	let priv = gobj.priv;
+	let $toolbar = make_toolbar$2(gobj);
 	let $container = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
@@ -10489,7 +10495,7 @@ function build_ui$8(gobj) {
 		[[
 			"div",
 			{ class: "JSON_TOOLBAR is-flex-grow-0" },
-			[make_toolbar$2(gobj)]
+			[$toolbar]
 		], [
 			"div",
 			{
@@ -10846,9 +10852,7 @@ function leaf_row(key, value, depth) {
 		case "boolean":
 			text = value ? "true" : "false";
 			break;
-		default:
-			text = String(value);
-			break;
+		default: text = String(value);
 	}
 	let body = [];
 	if (key !== null && key !== "") {
@@ -11196,7 +11200,7 @@ function create_gclass$9(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$9 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_SET_JSON", 0],
 		["EV_SUBTREE_LOADED", 0],
 		["EV_SUBTREE_ERROR", 0],
@@ -11211,7 +11215,8 @@ function create_gclass$9(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_EXPAND_PATH", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$9, 0, attrs_table$9, PRIVATE_DATA$9, 0, 0, 0, 0);
+	];
+	__gclass__$9 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$9, 0, attrs_table$9, PRIVATE_DATA$9, 0, 0, 0, 0);
 	if (!__gclass__$9) return -1;
 	return 0;
 }
@@ -11219,6 +11224,7 @@ function create_gclass$9(gclass_name) {
 *          Register GClass
 ***************************************************************/
 function register_c_yui_json() {
+	if ((0, _yuneta_gobj_js.gclass_find_by_name)(GCLASS_NAME$9, false)) return 0;
 	return create_gclass$9(GCLASS_NAME$9);
 }
 //#endregion
@@ -11509,6 +11515,7 @@ function mt_destroy$8(gobj) {
 ************************************************************/
 function build_ui$7(gobj) {
 	let priv = gobj.priv;
+	let $toolbar = make_toolbar$1(gobj);
 	let $container = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
@@ -11518,7 +11525,7 @@ function build_ui$7(gobj) {
 		[[
 			"div",
 			{ class: "is-flex-grow-0 is-flex toolbar_yui_gobj_tree" },
-			make_toolbar$1(gobj)
+			$toolbar
 		], [
 			"div",
 			{
@@ -13487,7 +13494,8 @@ function render_tabs(gobj, items) {
 	]);
 }
 function render_cards(gobj, items) {
-	return (0, _yuneta_gobj_js.createElement2)(cards_grid_descriptor(items, (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "show_label")));
+	let show_label = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "show_label");
+	return (0, _yuneta_gobj_js.createElement2)(cards_grid_descriptor(items, show_label));
 }
 /************************************************************
 *  "backbar": a single "← <section>" link back to the section
@@ -13954,13 +13962,14 @@ function create_gclass$6(gclass_name) {
 		ac_set_items,
 		null
 	]]]];
-	__gclass__$6 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_ROUTE_CHANGED", 0],
 		["EV_SET_ITEMS", 0],
 		["EV_NAV_CLICKED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_NAV_ITEM_CLOSE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_DRAWER_CLOSE_REQUESTED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT]
-	], states, gmt$6, 0, attrs_table$6, PRIVATE_DATA$6, 0, 0, 0, 0);
+	];
+	__gclass__$6 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$6, 0, attrs_table$6, PRIVATE_DATA$6, 0, 0, 0, 0);
 	if (!__gclass__$6) return -1;
 	return 0;
 }
@@ -14126,20 +14135,21 @@ function build_body(shell, t) {
 		kind: "group",
 		children: map.other
 	});
+	let root = {
+		label: map.brand.label || "app",
+		icon: "",
+		route: map.brand.route || "",
+		event: "",
+		current: !!map.brand.current,
+		children
+	};
 	let $tree = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{ class: "ROUTEMAP_TREE" },
 		[(0, _yuneta_gobj_js.createElement2)([
 			"ul",
 			{ class: "ROUTEMAP_UL ROUTEMAP_ROOT" },
-			[render_node({
-				label: map.brand.label || "app",
-				icon: "",
-				route: map.brand.route || "",
-				event: "",
-				current: !!map.brand.current,
-				children
-			})]
+			[render_node(root)]
 		])]
 	]);
 	let $search = (0, _yuneta_gobj_js.createElement2)(["input", {
@@ -14742,7 +14752,8 @@ function add_tab(gobj, gobj2, id, text, icon) {
 ************************************************************/
 function select_topic_by_id(gobj, id) {
 	(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SHOW", { href: id }, gobj);
-	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_TOPIC_SELECTED", { topic: id.indexOf("?") >= 0 ? id.split("?")[1] : id });
+	let topic = id.indexOf("?") >= 0 ? id.split("?")[1] : id;
+	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_TOPIC_SELECTED", { topic });
 }
 /************************************************************
 *  One icon-action anchor of a topic card: a REAL hash link
@@ -15190,13 +15201,14 @@ function process_treedb_descs$1(gobj) {
 		(0, _yuneta_gobj_js.gobj_start)(gobj_topic_form);
 	}
 	let href = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "last_selection");
-	if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_cards_landing")) if (gobj.priv._pending_info) {
-		let ti = gobj.priv._pending_info;
-		gobj.priv._pending_info = null;
-		show_topic_info(gobj, ti);
-	} else if (href && href.indexOf("?") >= 0) (0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SHOW", { href }, gobj);
-	else show_topics_landing(gobj);
-	else {
+	if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_cards_landing")) {
+		if (gobj.priv._pending_info) {
+			let ti = gobj.priv._pending_info;
+			gobj.priv._pending_info = null;
+			show_topic_info(gobj, ti);
+		} else if (href && href.indexOf("?") >= 0) (0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SHOW", { href }, gobj);
+		else show_topics_landing(gobj);
+	} else {
 		if (!href) try {
 			let topic = window.localStorage.getItem(`yui_treedb_topics:${(0, _yuneta_gobj_js.gobj_name)(gobj)}`);
 			if (topic) href = `${(0, _yuneta_gobj_js.gobj_name)(gobj)}?${topic}`;
@@ -15538,7 +15550,10 @@ function ac_mt_command_answer$1(gobj, event, kw, src) {
 			break;
 		case "nodes":
 			let topic_name = (0, _yuneta_gobj_js.kw_get_str)(gobj, kw_command, "topic_name", "", _yuneta_gobj_js.kw_flag_t.KW_REQUIRED);
-			if (result >= 0) (0, _yuneta_gobj_js.gobj_send_event)((0, _yuneta_gobj_js.gobj_find_child)(gobj, { __gobj_name__: `${(0, _yuneta_gobj_js.gobj_name)(gobj)}?${topic_name}` }), "EV_LOAD_NODES", data, gobj);
+			if (result >= 0) {
+				let gobj_topic_form = (0, _yuneta_gobj_js.gobj_find_child)(gobj, { __gobj_name__: `${(0, _yuneta_gobj_js.gobj_name)(gobj)}?${topic_name}` });
+				(0, _yuneta_gobj_js.gobj_send_event)(gobj_topic_form, "EV_LOAD_NODES", data, gobj);
+			}
 			break;
 		case "create-node":
 		case "update-node":
@@ -15704,7 +15719,10 @@ function ac_treedb_node_created$1(gobj, event, kw, src) {
 	let treedb_name = (0, _yuneta_gobj_js.kw_get_str)(gobj, kw, "treedb_name", "", 0);
 	let topic_name = (0, _yuneta_gobj_js.kw_get_str)(gobj, kw, "topic_name", "", 0);
 	let node = (0, _yuneta_gobj_js.kw_get_dict_value)(gobj, kw, "node", null, 0);
-	if (treedb_name === (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")) (0, _yuneta_gobj_js.gobj_send_event)(get_gobj_formtable(gobj, topic_name), "EV_LOAD_NODE_CREATED", [node], gobj);
+	if (treedb_name === (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")) {
+		let gobj_formtable = get_gobj_formtable(gobj, topic_name);
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj_formtable, "EV_LOAD_NODE_CREATED", [node], gobj);
+	}
 	return 0;
 }
 /********************************************
@@ -15714,7 +15732,10 @@ function ac_treedb_node_updated$1(gobj, event, kw, src) {
 	let treedb_name = (0, _yuneta_gobj_js.kw_get_str)(gobj, kw, "treedb_name", "", 0);
 	let topic_name = (0, _yuneta_gobj_js.kw_get_str)(gobj, kw, "topic_name", "", 0);
 	let node = (0, _yuneta_gobj_js.kw_get_dict_value)(gobj, kw, "node", null, 0);
-	if (treedb_name === (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")) (0, _yuneta_gobj_js.gobj_send_event)(get_gobj_formtable(gobj, topic_name), "EV_LOAD_NODE_UPDATED", [node], gobj);
+	if (treedb_name === (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")) {
+		let gobj_formtable = get_gobj_formtable(gobj, topic_name);
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj_formtable, "EV_LOAD_NODE_UPDATED", [node], gobj);
+	}
 	return 0;
 }
 /********************************************
@@ -15724,7 +15745,10 @@ function ac_treedb_node_deleted$1(gobj, event, kw, src) {
 	let treedb_name = (0, _yuneta_gobj_js.kw_get_str)(gobj, kw, "treedb_name", "", 0);
 	let topic_name = (0, _yuneta_gobj_js.kw_get_str)(gobj, kw, "topic_name", "", 0);
 	let node = (0, _yuneta_gobj_js.kw_get_dict_value)(gobj, kw, "node", null, 0);
-	if (treedb_name === (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")) (0, _yuneta_gobj_js.gobj_send_event)(get_gobj_formtable(gobj, topic_name), "EV_NODE_DELETED", [node], gobj);
+	if (treedb_name === (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")) {
+		let gobj_formtable = get_gobj_formtable(gobj, topic_name);
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj_formtable, "EV_NODE_DELETED", [node], gobj);
+	}
 	return 0;
 }
 /********************************************
@@ -15930,7 +15954,7 @@ function create_gclass$5(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$5 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_MT_COMMAND_ANSWER", _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_TREEDB_NODE_CREATED", _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_TREEDB_NODE_UPDATED", _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT],
@@ -15951,7 +15975,8 @@ function create_gclass$5(gclass_name) {
 		["EV_BACK_TO_TOPICS", 0],
 		["EV_TRANSPORT_STATE", 0],
 		["EV_TOPIC_SELECTED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$5, 0, attrs_table$5, PRIVATE_DATA$5, 0, 0, 0, 0);
+	];
+	__gclass__$5 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$5, 0, attrs_table$5, PRIVATE_DATA$5, 0, 0, 0, 0);
 	if (!__gclass__$5) return -1;
 	return 0;
 }
@@ -16081,6 +16106,7 @@ var attrs_table$4 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "with_paste_button", 0, true, "Button toolbar PASTE"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "with_refresh_button", 0, true, "Button toolbar REFRESH"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "with_search_button", 0, true, "Button toolbar SEARCH"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "with_schema_button", 0, true, "Button toolbar SCHEMA (show the topic's desc)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "with_in_row_edit_icons", 0, true, "Add a last column with internal EDIT/DELETE icon"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "editable", 0, false, "Edit state"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "with_checkbox", 0, true, "Auxiliary first column to select rows"),
@@ -16114,7 +16140,11 @@ var PRIVATE_DATA$4 = {
 	topic_name: "",
 	tabulator: null,
 	form: null,
-	form_modal: null
+	form_modal: null,
+	schema_gobj: null,
+	schema_modal: null,
+	cell_json_gobj: null,
+	cell_json_modal: null
 };
 var __gclass__$4 = null;
 function popup_mount_layer(gobj) {
@@ -16153,6 +16183,8 @@ function mt_stop$4(gobj) {
 	let shell = yui_shell_of(gobj);
 	if (shell) (0, _yuneta_gobj_js.gobj_unsubscribe_event)(shell, "EV_LANGUAGE_CHANGED", {}, gobj);
 	close_form_dialog(gobj);
+	close_schema_dialog(gobj);
+	close_cell_json_dialog(gobj);
 	table__destroy(gobj);
 }
 /***************************************************************
@@ -16160,6 +16192,8 @@ function mt_stop$4(gobj) {
 ***************************************************************/
 function mt_destroy$4(gobj) {
 	close_form_dialog(gobj);
+	close_schema_dialog(gobj);
+	close_cell_json_dialog(gobj);
 	destroy_ui$1(gobj);
 }
 /************************************************************
@@ -16215,7 +16249,8 @@ function cmd_get_topic_data(gobj, cmd, kw, src) {
 async function readClipboard(gobj) {
 	try {
 		const text = await navigator.clipboard.readText();
-		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_PASTE_ROWS", JSON.parse(text), gobj);
+		let kw = JSON.parse(text);
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_PASTE_ROWS", kw, gobj);
 	} catch (error) {
 		(0, _yuneta_gobj_js.log_error)(`Failed to read clipboard contents: ${error}`);
 	}
@@ -16361,7 +16396,9 @@ function build_ui$4(gobj) {
 	let toolbar_id = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "toolbar_id");
 	let $view_toolbar = (0, _yuneta_gobj_js.createElement2)(["div", { class: "TREEDB_TABLE_TOOLS is-flex is-align-items-center" }]);
 	let with_refresh_button = (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_refresh_button");
-	if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_search_button")) {
+	let with_search_button = (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_search_button");
+	let with_schema_button = (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_schema_button");
+	if (with_search_button) {
 		let search_id = `${toolbar_id}_search`;
 		let $search_box = (0, _yuneta_gobj_js.createElement2)([
 			"div",
@@ -16419,6 +16456,33 @@ function build_ui$4(gobj) {
 		]);
 		$view_toolbar.appendChild($refresh);
 	}
+	if (with_schema_button) {
+		let $schema = (0, _yuneta_gobj_js.createElement2)([
+			"button",
+			{
+				class: "TREEDB_TABLE_SCHEMA button mr-1",
+				title: (0, i18next.t)("schema"),
+				"data-i18n-title": "schema",
+				"aria-label": (0, i18next.t)("schema"),
+				"data-i18n-aria-label": "schema"
+			},
+			[["i", { class: "yi-hexagon-nodes" }], [
+				"span",
+				{
+					class: "is-hidden-mobile",
+					i18n: "schema",
+					style: "padding-left:5px;"
+				},
+				"schema"
+			]],
+			{ "click": (event) => {
+				event.stopPropagation();
+				(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SHOW_SCHEMA", {}, gobj);
+			} }
+		]);
+		$view_toolbar.appendChild($schema);
+	}
+	let table_id = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "table_id");
 	let $container = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
@@ -16429,7 +16493,7 @@ function build_ui$4(gobj) {
 			class: "TREEDB_TABLE_TOOLBAR toolbar_tabulator_table m-1",
 			style: "display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;"
 		}], ["div", {
-			id: `${(0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "table_id")}`,
+			id: `${table_id}`,
 			style: "margin-top:0px !important;"
 		}]]
 	]);
@@ -16472,7 +16536,8 @@ function destroy_ui$1(gobj) {
 *   columns); leave the rest on the flat shared key.
 ******************************************************************/
 function col_label(col, topic_name) {
-	return (0, i18next.t)(topic_name ? [topic_name + "." + col.id, col.id] : [col.id], { defaultValue: col.header || col.id });
+	let keys = topic_name ? [topic_name + "." + col.id, col.id] : [col.id];
+	return (0, i18next.t)(keys, { defaultValue: col.header || col.id });
 }
 /******************************************************************
 *   Column-title formatter: render the header as a span carrying
@@ -16534,6 +16599,20 @@ function create_tabulator(gobj) {
 		if (col) return transform__treedb_value_2_table_value(gobj, col, value, row, field);
 		return "???";
 	}
+	function json_cell_click(e, cell) {
+		if (!cell.getElement().querySelector(".JSON_CELL")) return;
+		e.stopPropagation();
+		let pkey = desc.pkey || "id";
+		let row_id = cell.getData()[pkey];
+		if (row_id === void 0 || row_id === null) {
+			(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: row without pkey '${pkey}', cannot open the json of '${cell.getField()}'`);
+			return;
+		}
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SHOW_CELL_JSON", {
+			row_id,
+			col_id: cell.getField()
+		}, gobj);
+	}
 	for (let i = 0; i < desc.cols.length; i++) {
 		let col = desc.cols[i];
 		if (!col.id || col.id[0] === "_") continue;
@@ -16587,7 +16666,10 @@ function create_tabulator(gobj) {
 			case "array":
 			case "list":
 			case "coordinates":
-			case "blob": break;
+			case "blob":
+			case "gbuffer":
+				cellClick = json_cell_click;
+				break;
 			case "boolean":
 				hozAlign = "center";
 				vertAlign = "middle";
@@ -16598,7 +16680,6 @@ function create_tabulator(gobj) {
 			case "real":
 				hozAlign = "right";
 				sorter = "number";
-				break;
 		}
 		let colDef = {
 			title: col_label(col, (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "topic_name")),
@@ -16713,6 +16794,36 @@ function table__destroy(gobj) {
 	}
 }
 /************************************************************
+*  Cell of a col holding a JSON document (dict/list/blob/
+*  template/coordinates/…): a one-line truncated preview,
+*  marked as a link because the click opens the whole value
+*  in a viewer (json_cell_click -> EV_SHOW_CELL_JSON).
+*
+*  An empty document gets no link — there is nothing to open,
+*  and json_cell_click uses its absence to ignore the click.
+*
+*  Built as a DOM node and not as an HTML string: the preview
+*  is raw record data, so it must never be parsed as markup.
+************************************************************/
+function build_json_cell_preview(value) {
+	if (value === null || value === void 0 || (0, _yuneta_gobj_js.json_size)(value) === 0) return "";
+	let text = JSON.stringify(value);
+	if (text && text.length > 20) text = text.substring(0, 20) + "…";
+	return (0, _yuneta_gobj_js.createElement2)([
+		"a",
+		{
+			class: "JSON_CELL",
+			title: (0, i18next.t)("show json"),
+			"data-i18n-title": "show json"
+		},
+		[["span", { class: "JSON_CELL_ICON icon yi-eye" }], [
+			"span",
+			{ class: "JSON_CELL_PREVIEW" },
+			text
+		]]
+	]);
+}
+/************************************************************
 *  Convert a record column value from backend to frontend
 ************************************************************/
 function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
@@ -16734,8 +16845,7 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 		case "coordinates":
 		case "blob":
 		case "gbuffer":
-			value = JSON.stringify(value);
-			if (value && value.length > 20) value = value.substring(0, 20) + "…";
+			value = build_json_cell_preview(value);
 			break;
 		case "enum":
 			switch (field_desc.real_type) {
@@ -16743,9 +16853,7 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 				case "object":
 				case "dict":
 				case "array":
-				case "list":
-					value = JSON.stringify(value);
-					break;
+				case "list": value = JSON.stringify(value);
 			}
 			break;
 		case "hook":
@@ -16762,14 +16870,16 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 			break;
 		case "fkey":
 			let new_value = [];
-			if (value) if ((0, _yuneta_gobj_js.is_string)(value)) {
-				let fkey = (0, _yuneta_gobj_js.treedb_decoder_fkey)(col, value);
-				if (fkey) new_value.push(fkey.id);
-			} else if ((0, _yuneta_gobj_js.is_array)(value)) for (let i = 0; i < value.length; i++) {
-				let fkey = (0, _yuneta_gobj_js.treedb_decoder_fkey)(col, value[i]);
-				if (fkey) new_value.push(fkey.id);
+			if (value) {
+				if ((0, _yuneta_gobj_js.is_string)(value)) {
+					let fkey = (0, _yuneta_gobj_js.treedb_decoder_fkey)(col, value);
+					if (fkey) new_value.push(fkey.id);
+				} else if ((0, _yuneta_gobj_js.is_array)(value)) for (let i = 0; i < value.length; i++) {
+					let fkey = (0, _yuneta_gobj_js.treedb_decoder_fkey)(col, value[i]);
+					if (fkey) new_value.push(fkey.id);
+				}
+				else (0, _yuneta_gobj_js.log_error)("fkey type unsupported: " + JSON.stringify(value));
 			}
-			else (0, _yuneta_gobj_js.log_error)("fkey type unsupported: " + JSON.stringify(value));
 			value = new_value.join(", ");
 			break;
 		case "now":
@@ -16790,14 +16900,11 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 						second: "2-digit",
 						hour12: true
 					}).format(value) + "</span>";
-					break;
 			}
 			break;
 		case "color": break;
 		case "image": break;
-		default:
-			(0, _yuneta_gobj_js.log_error)(`transform__treedb_value_2_table_value() unhandled type '${field_desc.type}' (real_type='${field_desc.real_type}') for field '${field}', topic ${priv.topic_name}`);
-			break;
+		default: (0, _yuneta_gobj_js.log_error)(`transform__treedb_value_2_table_value() unhandled type '${field_desc.type}' (real_type='${field_desc.real_type}') for field '${field}', topic ${priv.topic_name}`);
 	}
 	if (value !== null && value !== void 0 && typeof value === "object" && !(value instanceof Node)) {
 		(0, _yuneta_gobj_js.log_error)(`transform__treedb_value_2_table_value() unexpected object value for field '${field}' (type='${field_desc.type}', real_type='${field_desc.real_type}'): ${JSON.stringify(value)}, topic ${priv.topic_name}`);
@@ -16965,6 +17072,171 @@ function close_form_dialog(gobj) {
 	teardown_form_child(gobj);
 }
 /************************************************************
+*  Show the topic's SCHEMA: its `desc` — pkey, cols, types,
+*  flags and fkey targets — in the standardized adaptive
+*  dialog, rendered by a C_YUI_JSON child. A viewer and not a
+*  <pre> dump because a forty-column topic is only readable
+*  collapsed and searchable.
+*
+*  Read-only and offline: the desc is already in this gobj,
+*  so no command is issued and nothing can be edited here.
+************************************************************/
+function open_schema_dialog(gobj) {
+	close_schema_dialog(gobj);
+	let priv = gobj.priv;
+	let desc = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "desc");
+	if (!desc) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no desc, no schema to show`);
+		return;
+	}
+	let shell = yui_shell_of(gobj);
+	if (!shell) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no shell, cannot open the schema view`);
+		return;
+	}
+	let json_view = (0, _yuneta_gobj_js.gobj_create_pure_child)("schema_" + (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj)), "C_YUI_JSON", {}, gobj);
+	if (!json_view) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: cannot create the schema viewer`);
+		return;
+	}
+	priv.schema_gobj = json_view;
+	(0, _yuneta_gobj_js.gobj_start)(json_view);
+	let $box = (0, _yuneta_gobj_js.gobj_read_attr)(json_view, "$container");
+	if (!$box) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: the schema viewer built no $container`);
+		teardown_schema_child(gobj);
+		return;
+	}
+	priv.schema_modal = yui_shell_show_modal(shell, $box, {
+		dialog: true,
+		logical_class: "TREEDB_SCHEMA_SHEET",
+		title_prefix: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "topic_name"),
+		title: "schema",
+		t: i18next.t,
+		on_close: function() {
+			teardown_schema_child(gobj);
+		}
+	});
+	(0, _yuneta_gobj_js.gobj_send_event)(json_view, "EV_SET_JSON", { json: desc }, gobj);
+}
+/************************************************************
+*  Destroy the hosted C_YUI_JSON child. Called from the
+*  schema modal's on_close — the shell has already removed
+*  the dialog DOM and retired its Escape / history entries.
+************************************************************/
+function teardown_schema_child(gobj) {
+	let priv = gobj.priv;
+	if (priv.schema_gobj) {
+		if ((0, _yuneta_gobj_js.gobj_is_running)(priv.schema_gobj)) (0, _yuneta_gobj_js.gobj_stop)(priv.schema_gobj);
+		(0, _yuneta_gobj_js.gobj_destroy)(priv.schema_gobj);
+		priv.schema_gobj = null;
+	}
+	priv.schema_modal = null;
+}
+/************************************************************
+*  Close the schema dialog (teardown, or a second open).
+*  Closing the modal runs its on_close, which tears the
+*  viewer child down.
+************************************************************/
+function close_schema_dialog(gobj) {
+	let priv = gobj.priv;
+	if (priv.schema_modal) {
+		let modal = priv.schema_modal;
+		priv.schema_modal = null;
+		modal.close();
+		return;
+	}
+	teardown_schema_child(gobj);
+}
+/************************************************************
+*  Show the JSON document held by ONE CELL — the value of a
+*  dict/list/object/array/blob/template/coordinates col — in
+*  the standardized adaptive dialog, rendered by a C_YUI_JSON
+*  child. The cell can only show a 20-char preview; this is
+*  where the value is actually readable (collapsed, searchable).
+*
+*  Read-only and offline: the record is already in the table,
+*  so no command is issued and nothing can be edited here (the
+*  edit form remains the way to change the value).
+************************************************************/
+function open_cell_json_dialog(gobj, row_id, col_id) {
+	close_cell_json_dialog(gobj);
+	let priv = gobj.priv;
+	let tabulator = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "tabulator");
+	if (!tabulator) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no table, no cell to show`);
+		return;
+	}
+	let row = tabulator.getRow(row_id);
+	if (!row) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: row '${row_id}' not found in the table`);
+		return;
+	}
+	let value = row.getData()[col_id];
+	if (value === void 0) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: row '${row_id}' has no col '${col_id}'`);
+		return;
+	}
+	let shell = yui_shell_of(gobj);
+	if (!shell) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no shell, cannot open the cell json`);
+		return;
+	}
+	let json_view = (0, _yuneta_gobj_js.gobj_create_pure_child)("cell_" + (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj)), "C_YUI_JSON", {}, gobj);
+	if (!json_view) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: cannot create the cell json viewer`);
+		return;
+	}
+	priv.cell_json_gobj = json_view;
+	(0, _yuneta_gobj_js.gobj_start)(json_view);
+	let $box = (0, _yuneta_gobj_js.gobj_read_attr)(json_view, "$container");
+	if (!$box) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: the cell json viewer built no $container`);
+		teardown_cell_json_child(gobj);
+		return;
+	}
+	priv.cell_json_modal = yui_shell_show_modal(shell, $box, {
+		dialog: true,
+		logical_class: "TREEDB_CELL_JSON_SHEET",
+		title_prefix: String(row_id),
+		title: col_id,
+		t: i18next.t,
+		on_close: function() {
+			teardown_cell_json_child(gobj);
+		}
+	});
+	(0, _yuneta_gobj_js.gobj_send_event)(json_view, "EV_SET_JSON", { json: value }, gobj);
+}
+/************************************************************
+*  Destroy the hosted C_YUI_JSON child. Called from the cell
+*  modal's on_close — the shell has already removed the dialog
+*  DOM and retired its Escape / history entries.
+************************************************************/
+function teardown_cell_json_child(gobj) {
+	let priv = gobj.priv;
+	if (priv.cell_json_gobj) {
+		if ((0, _yuneta_gobj_js.gobj_is_running)(priv.cell_json_gobj)) (0, _yuneta_gobj_js.gobj_stop)(priv.cell_json_gobj);
+		(0, _yuneta_gobj_js.gobj_destroy)(priv.cell_json_gobj);
+		priv.cell_json_gobj = null;
+	}
+	priv.cell_json_modal = null;
+}
+/************************************************************
+*  Close the cell json dialog (teardown, or a second open).
+*  Closing the modal runs its on_close, which tears the
+*  viewer child down.
+************************************************************/
+function close_cell_json_dialog(gobj) {
+	let priv = gobj.priv;
+	if (priv.cell_json_modal) {
+		let modal = priv.cell_json_modal;
+		priv.cell_json_modal = null;
+		modal.close();
+		return;
+	}
+	teardown_cell_json_child(gobj);
+}
+/************************************************************
 *  True if the topic's pkey col carries the "rowid" flag.
 ************************************************************/
 function pkey_is_rowid(gobj) {
@@ -17078,16 +17350,16 @@ function transform__form_value_2_treedb_value(gobj, col, value, operation) {
 		case "enum":
 			switch (field_desc.real_type) {
 				case "string":
-					if ((0, _yuneta_gobj_js.is_array)(value)) if (value.length > 0) value = value[0];
-					else value = "";
+					if ((0, _yuneta_gobj_js.is_array)(value)) {
+						if (value.length > 0) value = value[0];
+						else value = "";
+					}
 					break;
 				case "object":
 				case "dict":
 				case "array":
 				case "list": break;
-				default:
-					(0, _yuneta_gobj_js.log_error)("col type unknown 6: " + field_desc.real_type);
-					break;
+				default: (0, _yuneta_gobj_js.log_error)("col type unknown 6: " + field_desc.real_type);
 			}
 			break;
 		case "now":
@@ -17099,23 +17371,17 @@ function transform__form_value_2_treedb_value(gobj, col, value, operation) {
 				case "integer":
 					if (value && (0, _yuneta_gobj_js.is_date)(value)) value = value.getTime() / 1e3;
 					break;
-				default:
-					(0, _yuneta_gobj_js.log_error)("col type unknown 7: " + field_desc.real_type);
-					break;
+				default: (0, _yuneta_gobj_js.log_error)("col type unknown 7: " + field_desc.real_type);
 			}
 			break;
 		case "color":
 			switch (field_desc.real_type) {
 				case "string": break;
 				case "integer": break;
-				default:
-					(0, _yuneta_gobj_js.log_error)("col type unknown 7: " + field_desc.real_type);
-					break;
+				default: (0, _yuneta_gobj_js.log_error)("col type unknown 7: " + field_desc.real_type);
 			}
 			break;
-		default:
-			(0, _yuneta_gobj_js.log_error)("col type unknown 8: " + field_desc.type);
-			break;
+		default: (0, _yuneta_gobj_js.log_error)("col type unknown 8: " + field_desc.type);
 	}
 	return value;
 }
@@ -17157,9 +17423,7 @@ function build_fkey_ref(gobj, col, value) {
 					refs[topic_name + "^" + v + "^" + hook] = true;
 					break;
 				case "array":
-				case "list":
-					refs.push(topic_name + "^" + v + "^" + hook);
-					break;
+				case "list": refs.push(topic_name + "^" + v + "^" + hook);
 			}
 		} else if ((0, _yuneta_gobj_js.is_object)(v)) {
 			let topic_name = v.topic_name;
@@ -17172,9 +17436,7 @@ function build_fkey_ref(gobj, col, value) {
 					refs[topic_name + "^" + v.id + "^" + hook] = true;
 					break;
 				case "array":
-				case "list":
-					refs.push(topic_name + "^" + v.id + "^" + hook);
-					break;
+				case "list": refs.push(topic_name + "^" + v.id + "^" + hook);
 			}
 		} else {
 			(0, _yuneta_gobj_js.log_error)("Merde value1: " + v);
@@ -17291,8 +17553,10 @@ function ac_load_nodes(gobj, event, kw, src) {
 		return -1;
 	}
 	let tabulator = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "tabulator");
-	if (tabulator) if (tabulator._ready) tabulator.setData(data);
-	else tabulator._pendingData = data;
+	if (tabulator) {
+		if (tabulator._ready) tabulator.setData(data);
+		else tabulator._pendingData = data;
+	}
 	return 0;
 }
 /************************************************************
@@ -17401,9 +17665,7 @@ function ac_new_row(gobj, event, kw, src) {
 			case "template":
 				if (col.template) row[col.id] = col.template;
 				break;
-			default:
-				if (field_desc.default_value !== void 0) row[col.id] = field_desc.default_value;
-				break;
+			default: if (field_desc.default_value !== void 0) row[col.id] = field_desc.default_value;
 		}
 	}
 	show_create_form(gobj, row);
@@ -17494,7 +17756,8 @@ function ac_paste_rows(gobj, event, kw, src) {
 *  fkeys, times and numbers). Route by the form's mode.
 ************************************************************/
 function ac_form_save_record(gobj, event, kw, src) {
-	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, (0, _yuneta_gobj_js.gobj_read_str_attr)(src, "form_mode") === "create" ? "EV_CREATE_RECORD" : "EV_UPDATE_RECORD", {
+	let mode = (0, _yuneta_gobj_js.gobj_read_str_attr)(src, "form_mode");
+	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, mode === "create" ? "EV_CREATE_RECORD" : "EV_UPDATE_RECORD", {
 		topic_name: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "topic_name"),
 		record: kw
 	});
@@ -17511,12 +17774,14 @@ function ac_select_rows(gobj, event, kw, src) {
 	let $container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
 	let $button_delete_record = $container.querySelector(`.button-delete-record`);
 	let $button_copy_record = $container.querySelector(`.button-copy-record`);
-	if ($button_delete_record) if (tabulator.getSelectedData().length && (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "editable")) {
-		$button_delete_record.removeAttribute("disabled");
-		$button_copy_record.removeAttribute("disabled");
-	} else {
-		$button_delete_record.setAttribute("disabled", true);
-		$button_copy_record.setAttribute("disabled", true);
+	if ($button_delete_record) {
+		if (tabulator.getSelectedData().length && (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "editable")) {
+			$button_delete_record.removeAttribute("disabled");
+			$button_copy_record.removeAttribute("disabled");
+		} else {
+			$button_delete_record.setAttribute("disabled", true);
+			$button_copy_record.setAttribute("disabled", true);
+		}
 	}
 	if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "broadcast_select_rows_event")) (0, _yuneta_gobj_js.gobj_publish_event)(gobj, event, kw);
 	return 0;
@@ -17529,12 +17794,14 @@ function ac_unselect_rows(gobj, event, kw, src) {
 	let $container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
 	let $button_delete_record = $container.querySelector(`.button-delete-record`);
 	let $button_copy_record = $container.querySelector(`.button-copy-record`);
-	if ($button_delete_record) if (tabulator.getSelectedData().length && (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "editable")) {
-		$button_delete_record.removeAttribute("disabled");
-		$button_copy_record.removeAttribute("disabled");
-	} else {
-		$button_delete_record.setAttribute("disabled", true);
-		$button_copy_record.setAttribute("disabled", true);
+	if ($button_delete_record) {
+		if (tabulator.getSelectedData().length && (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "editable")) {
+			$button_delete_record.removeAttribute("disabled");
+			$button_copy_record.removeAttribute("disabled");
+		} else {
+			$button_delete_record.setAttribute("disabled", true);
+			$button_copy_record.setAttribute("disabled", true);
+		}
 	}
 	if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "broadcast_select_rows_event")) (0, _yuneta_gobj_js.gobj_publish_event)(gobj, event, kw);
 	return 0;
@@ -17556,7 +17823,8 @@ function ac_change_locale(gobj, event, kw, src) {
 *  };
 ************************************************************/
 function ac_show_hook_data$1(gobj, event, kw, src) {
-	let row = (0, _yuneta_gobj_js.kwid_find_one_record)(gobj, (0, _yuneta_gobj_js.gobj_command)((0, _yuneta_gobj_js.gobj_parent)(gobj), "get_topic_data", kw, gobj).data, kw.row_id, null);
+	let webix = (0, _yuneta_gobj_js.gobj_command)((0, _yuneta_gobj_js.gobj_parent)(gobj), "get_topic_data", kw, gobj);
+	let row = (0, _yuneta_gobj_js.kwid_find_one_record)(gobj, webix.data, kw.row_id, null);
 	if (row) {
 		let cell = row[kw.col_id];
 		show_dropdown_popup_menu(gobj, kw.click_x, kw.click_y, cell);
@@ -17571,6 +17839,24 @@ function ac_refresh$1(gobj, event, kw, src) {
 	return 0;
 }
 /************************************************************
+*  Show the JSON document of one cell
+*  {
+*      row_id:
+*      col_id:
+*  }
+************************************************************/
+function ac_show_cell_json(gobj, event, kw, src) {
+	open_cell_json_dialog(gobj, kw.row_id, kw.col_id);
+	return 0;
+}
+/************************************************************
+*  Show the schema (desc) of this topic
+************************************************************/
+function ac_show_schema(gobj, event, kw, src) {
+	open_schema_dialog(gobj);
+	return 0;
+}
+/************************************************************
 *  {
 *      href: href
 *  }
@@ -17674,6 +17960,11 @@ function create_gclass$4(gclass_name) {
 			ac_show_hook_data$1,
 			null
 		],
+		[
+			"EV_SHOW_CELL_JSON",
+			ac_show_cell_json,
+			null
+		],
 		[
 			"EV_CHANGE_LOCALE",
 			ac_change_locale,
@@ -17684,6 +17975,11 @@ function create_gclass$4(gclass_name) {
 			ac_refresh$1,
 			null
 		],
+		[
+			"EV_SHOW_SCHEMA",
+			ac_show_schema,
+			null
+		],
 		[
 			"EV_SHOW",
 			ac_show$3,
@@ -17695,7 +17991,7 @@ function create_gclass$4(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$4 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_LANGUAGE_CHANGED", 0],
 		["EV_LOAD_NODES", 0],
 		["EV_LOAD_NODE_CREATED", 0],
@@ -17710,15 +18006,18 @@ function create_gclass$4(gclass_name) {
 		["EV_SELECT_ROWS", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_UNSELECT_ROWS", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_SHOW_HOOK_DATA", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
+		["EV_SHOW_CELL_JSON", 0],
 		["EV_CHANGE_LOCALE", 0],
 		["EV_REFRESH", 0],
+		["EV_SHOW_SCHEMA", 0],
 		["EV_CREATE_RECORD", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_UPDATE_RECORD", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_DELETE_RECORD", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_REFRESH_TOPIC", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_SHOW", 0],
 		["EV_HIDE", 0]
-	], states, gmt$4, 0, attrs_table$4, PRIVATE_DATA$4, 0, 0, 0, 0);
+	];
+	__gclass__$4 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$4, 0, attrs_table$4, PRIVATE_DATA$4, 0, 0, 0, 0);
 	if (!__gclass__$4) return -1;
 	return 0;
 }
@@ -17727,6 +18026,7 @@ function create_gclass$4(gclass_name) {
 ***************************************************************/
 function register_c_yui_treedb_topic_with_form() {
 	if (!(0, _yuneta_gobj_js.gclass_find_by_name)("C_YUI_FORM", false)) register_c_yui_form();
+	if (!(0, _yuneta_gobj_js.gclass_find_by_name)("C_YUI_JSON", false)) register_c_yui_json();
 	return create_gclass$4(GCLASS_NAME$4);
 }
 //#endregion
@@ -17921,7 +18221,8 @@ function mt_create$3(gobj) {
 	if (!subscriber) subscriber = (0, _yuneta_gobj_js.gobj_parent)(gobj);
 	(0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
 	if (!priv.treedb_name) (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_name)(gobj)} -> treedb_name not configured`);
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "canvas_id", (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj)) + "-canvas");
+	let canvas_id = (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj)) + "-canvas";
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "canvas_id", canvas_id);
 	let $container_canvas = build_ui$3(gobj).querySelector(`#${priv.canvas_id}`);
 	priv.gobj_nodes_tree = (0, _yuneta_gobj_js.gobj_create_service)(`${(0, _yuneta_gobj_js.gobj_name)(gobj)}-g6`, "C_G6_NODES_TREE", {
 		$container: $container_canvas,
@@ -18707,8 +19008,10 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 		else (0, _yuneta_gobj_js.gobj_send_event)(jv, "EV_SET_JSON", { json: data }, gobj);
 		return 0;
 	}
-	if (result < 0) if (command === "descs") show_load_error(gobj, (0, i18next.t)(comment));
-	else yui_shell_show_error(yui_shell_of(gobj), comment, { t: i18next.t });
+	if (result < 0) {
+		if (command === "descs") show_load_error(gobj, (0, i18next.t)(comment));
+		else yui_shell_show_error(yui_shell_of(gobj), comment, { t: i18next.t });
+	}
 	switch (command) {
 		case "descs":
 			if (result >= 0) process_treedb_descs(gobj, data);
@@ -19244,7 +19547,7 @@ function create_gclass$3(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$3 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_MT_COMMAND_ANSWER", _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_TREEDB_NODE_CREATED", _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_TREEDB_NODE_UPDATED", _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT],
@@ -19273,7 +19576,8 @@ function create_gclass$3(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_TRANSPORT_STATE", 0]
-	], states, gmt$3, 0, attrs_table$3, PRIVATE_DATA$3, 0, 0, 0, 0);
+	];
+	__gclass__$3 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$3, 0, attrs_table$3, PRIVATE_DATA$3, 0, 0, 0, 0);
 	if (!__gclass__$3) return -1;
 	return 0;
 }
@@ -19352,14 +19656,15 @@ function mt_destroy$2(gobj) {
 *   Build UI
 ************************************************************/
 function build_ui$2(gobj) {
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", (0, _yuneta_gobj_js.createElement2)([
+	let $container = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
 			class: "C_YUI_TREEDB_SCHEMA TREEDB_SCHEMA_VIEW",
 			style: "position:relative; height:100%; min-height:0;"
 		},
 		[]
-	]));
+	]);
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", $container);
 }
 /************************************************************
 *   Derive {nodes, edges} from the schema.
@@ -19484,7 +19789,8 @@ function build_graph$1(gobj) {
 	priv.graph = graph;
 	graph.setTheme(dark ? "dark" : "light");
 	graph.on(_antv_g6.NodeEvent.CLICK, (evt) => {
-		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_NODE_CLICK", { node_id: evt && evt.target && evt.target.id }, gobj);
+		let node_id = evt && evt.target && evt.target.id;
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_NODE_CLICK", { node_id }, gobj);
 	});
 	graph.render().then(() => {
 		try {
@@ -23613,7 +23919,6 @@ function segmentToCubic(segment, params) {
 				py
 			];
 			return ["C"].concat(lineToCubic(px1, py1, px, py));
-		default:
 	}
 	return segment;
 }
@@ -23637,7 +23942,8 @@ function path2Curve(pathInput, needZCommandIndexes) {
 	for (var i = 0; i < ii; i += 1) {
 		if (path[i]) pathCommand = path[i][0];
 		allPathCommands[i] = pathCommand;
-		path[i] = segmentToCubic(path[i], params);
+		var curveSegment = segmentToCubic(path[i], params);
+		path[i] = curveSegment;
 		fixArc(path, allPathCommands, i);
 		ii = path.length;
 		if (pathCommand === "Z") zCommandIndexes.push(i);
@@ -23689,20 +23995,22 @@ function segmentLineFactory(x1, y1, x2, y2, distance) {
 		x: 0,
 		y: 0
 	};
-	if (typeof distance === "number") if (distance <= 0) point = {
-		x: x1,
-		y: y1
-	};
-	else if (distance >= length) point = {
-		x: x2,
-		y: y2
-	};
-	else {
-		var _a = midPoint([x1, y1], [x2, y2], distance / length);
-		point = {
-			x: _a[0],
-			y: _a[1]
+	if (typeof distance === "number") {
+		if (distance <= 0) point = {
+			x: x1,
+			y: y1
 		};
+		else if (distance >= length) point = {
+			x: x2,
+			y: y2
+		};
+		else {
+			var _a = midPoint([x1, y1], [x2, y2], distance / length);
+			point = {
+				x: _a[0],
+				y: _a[1]
+			};
+		}
 	}
 	return {
 		length,
@@ -25258,7 +25566,11 @@ var Rectangle = /*#__PURE__*/ function() {
 		value: function toJSON() {}
 	}], [{
 		key: "fromRect",
-		value: function fromRect(rect) {
+		value: 
+		/**
+		* @see https://developer.mozilla.org/en-US/docs/Web/API/DOMRect/fromRect_static
+		*/
+		function fromRect(rect) {
 			return new Rectangle(rect.x, rect.y, rect.width, rect.height);
 		}
 	}, {
@@ -25348,14 +25660,15 @@ function getEulerFromMat4(out, m) {
 	var z;
 	var _mat4$getScaling2 = _slicedToArray(getScaling(create$3(), m), 3), sx = _mat4$getScaling2[0], sy = _mat4$getScaling2[1], sz = _mat4$getScaling2[2];
 	var y = Math.asin(-m[2] / sx);
-	if (y < HALF_PI) if (y > -HALF_PI) {
-		x = Math.atan2(m[6] / sy, m[10] / sz);
-		z = Math.atan2(m[1] / sx, m[0] / sx);
+	if (y < HALF_PI) {
+		if (y > -HALF_PI) {
+			x = Math.atan2(m[6] / sy, m[10] / sz);
+			z = Math.atan2(m[1] / sx, m[0] / sx);
+		} else {
+			z = 0;
+			x = -Math.atan2(m[4] / sy, m[5] / sy);
+		}
 	} else {
-		z = 0;
-		x = -Math.atan2(m[4] / sy, m[5] / sy);
-	}
-	else {
 		z = 0;
 		x = Math.atan2(m[4] / sy, m[5] / sy);
 	}
@@ -25422,8 +25735,10 @@ function decompose(mat) {
 	var row1y = mat[4];
 	var scalingX = Math.sqrt(row0x * row0x + row0y * row0y);
 	var scalingY = Math.sqrt(row1x * row1x + row1y * row1y);
-	if (row0x * row1y - row0y * row1x < 0) if (row0x < row1y) scalingX = -scalingX;
-	else scalingY = -scalingY;
+	if (row0x * row1y - row0y * row1x < 0) {
+		if (row0x < row1y) scalingX = -scalingX;
+		else scalingY = -scalingY;
+	}
 	if (scalingX) {
 		var invScalingX = 1 / scalingX;
 		row0x *= invScalingX;
@@ -26397,9 +26712,10 @@ function updateLocalTransform(transform) {
 		var hasRotation = localRotation[3] !== 1 || localRotation[0] !== 0 || localRotation[1] !== 0 || localRotation[2] !== 0;
 		var hasScale = localScale[0] !== 1 || localScale[1] !== 1 || localScale[2] !== 1;
 		var hasOrigin = origin[0] !== 0 || origin[1] !== 0 || origin[2] !== 0;
-		if (!hasRotation && !hasScale && !hasOrigin) if (hasPosition) fromTranslation(localTransform, localPosition);
-		else identity(localTransform);
-		else fromRotationTranslationScaleOrigin(localTransform, localRotation, localPosition, localScale, origin);
+		if (!hasRotation && !hasScale && !hasOrigin) {
+			if (hasPosition) fromTranslation(localTransform, localPosition);
+			else identity(localTransform);
+		} else fromRotationTranslationScaleOrigin(localTransform, localRotation, localPosition, localScale, origin);
 	}
 	transform.localDirtyFlag = false;
 }
@@ -26987,9 +27303,7 @@ var conversionToCanonicalUnitsScaleFactor = function conversionToCanonicalUnitsS
 		case UnitType.kGradians:
 			factor = .9;
 			break;
-		case UnitType.kTurns:
-			factor = 360;
-			break;
+		case UnitType.kTurns: factor = 360;
 	}
 	return factor;
 };
@@ -27163,9 +27477,10 @@ var CSSKeywordValue = /*#__PURE__*/ function(_CSSStyleValue) {
 var formatInfinityOrNaN = function formatInfinityOrNaN(number) {
 	var suffix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
 	var result = "";
-	if (!Number.isFinite(number)) if (number > 0) result = "infinity";
-	else result = "-infinity";
-	else result = "NaN";
+	if (!Number.isFinite(number)) {
+		if (number > 0) result = "infinity";
+		else result = "-infinity";
+	} else result = "NaN";
 	return result += suffix;
 };
 var toCanonicalUnit = function toCanonicalUnit(unit) {
@@ -27734,8 +28049,10 @@ var parseGradient = memoize(function(colorStr) {
 			}
 		} else if (type === "r") {
 			var parsedRadialGradient = parseRadialGradient(colorStr);
-			if (parsedRadialGradient) if (isString(parsedRadialGradient)) colorStr = parsedRadialGradient;
-			else return [new CSSGradientValue(GradientType.RadialGradient, parsedRadialGradient)];
+			if (parsedRadialGradient) {
+				if (isString(parsedRadialGradient)) colorStr = parsedRadialGradient;
+				else return [new CSSGradientValue(GradientType.RadialGradient, parsedRadialGradient)];
+			}
 		} else if (type === "p") return parsePattern(colorStr);
 	}
 });
@@ -28152,7 +28469,6 @@ function getPathBBox(segments, lineWidth) {
 			default:
 				xArr.push(currentPoint[0]);
 				yArr.push(currentPoint[1]);
-				break;
 		}
 		if (box$1) {
 			segment.box = box$1;
@@ -28327,9 +28643,7 @@ function path2Segments(path) {
 				startMovePoint = [params[1], params[2]];
 				lastStartMovePointIndex = i;
 				break;
-			case "A":
-				segment.arcParams = getArcParams(currentPoint, params);
-				break;
+			case "A": segment.arcParams = getArcParams(currentPoint, params);
 		}
 		if (command === "Z") {
 			currentPoint = startMovePoint;
@@ -29616,10 +29930,12 @@ var parseTransformOrigin = memoize(function(value) {
 	if (isString(value)) {
 		if (value === "text-anchor") return [getOrCreateUnitValue(0, "px"), getOrCreateUnitValue(0, "px")];
 		var values = value.split(" ");
-		if (values.length === 1) if (values[0] === "top" || values[0] === "bottom") {
-			values[1] = values[0];
-			values[0] = "center";
-		} else values[1] = "center";
+		if (values.length === 1) {
+			if (values[0] === "top" || values[0] === "bottom") {
+				values[1] = values[0];
+				values[0] = "center";
+			} else values[1] = "center";
+		}
 		if (values.length !== 2) return null;
 		return [parseLengthOrPercentage(convertKeyword2Percent(values[0])), parseLengthOrPercentage(convertKeyword2Percent(values[1]))];
 	}
@@ -30497,7 +30813,14 @@ var CSSPropertyLengthOrPercentage = /*#__PURE__*/ function() {
 	}
 	return _createClass(CSSPropertyLengthOrPercentage, [{
 		key: "calculator",
-		value: function calculator(name, oldParsed, computed, object, runtime) {
+		value: 
+		/**
+		* according to parent's bounds
+		*
+		* @example
+		* CSS.percent(50) -> CSS.px(0.5 * parent.width)
+		*/
+		function calculator(name, oldParsed, computed, object, runtime) {
 			if (isNumber(computed)) return computed;
 			if (CSSUnitValue.isRelativeUnit(computed.unit)) {
 				if (computed.unit === UnitType.kPercentage) return 0;
@@ -31414,7 +31737,19 @@ var FederatedEvent = /*#__PURE__*/ function() {
 	return _createClass(FederatedEvent, [
 		{
 			key: "name",
-			get: function get() {
+			get: 
+			/**
+			* The type of event, supports the following:
+			* * pointerdown
+			* * touchstart
+			* * mousedown
+			* * rightdown
+			* * ...
+			*/
+			/**
+			* @deprecated
+			*/
+			function get() {
 				return this.type;
 			}
 		},
@@ -31480,7 +31815,15 @@ var FederatedEvent = /*#__PURE__*/ function() {
 		},
 		{
 			key: "composedPath",
-			value: function composedPath() {
+			value: 
+			/**
+			* The propagation path for this event
+			* @see https://developer.mozilla.org/zh-CN/docs/Web/API/Event/composedPath
+			*
+			* So composedPath()[0] represents the original target.
+			* @see https://polymer-library.polymer-project.org/3.0/docs/devguide/events#retargeting
+			*/
+			function composedPath() {
 				if (this.manager && (!this.path || this.path[0] !== this.target)) this.path = this.target ? this.manager.propagationPath(this.target) : [];
 				return this.path;
 			}
@@ -31512,7 +31855,12 @@ var FederatedEvent = /*#__PURE__*/ function() {
 		},
 		{
 			key: "initEvent",
-			value: function initEvent() {}
+			value: 
+			/**
+			* added for compatibility with DOM Event,
+			* deprecated props and methods
+			*/
+			function initEvent() {}
 		},
 		{
 			key: "initUIEvent",
@@ -31675,7 +32023,43 @@ var FederatedPointerEvent = /*#__PURE__*/ function(_FederatedMouseEvent) {
 	return _createClass(FederatedPointerEvent, [
 		{
 			key: "getCoalescedEvents",
-			value: function getCoalescedEvents() {
+			value: 
+			/**
+			* The type of pointer that triggered the event.
+			*
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType
+			*/
+			/**
+			* Pressure applied by the pointing device during the event.
+			*s
+			* A Touch's force property will be represented by this value.
+			*
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure
+			*/
+			/**
+			* Barrel pressure on a stylus pointer.
+			*
+			* @see https://w3c.github.io/pointerevents/#pointerevent-interface
+			*/
+			/**
+			* The angle, in degrees, between the pointer device and the screen.
+			*
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX
+			*/
+			/**
+			* The angle, in degrees, between the pointer device and the screen.
+			*
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY
+			*/
+			/**
+			* Twist of a stylus pointer.
+			*
+			* @see https://w3c.github.io/pointerevents/#pointerevent-interface
+			*/
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/getCoalescedEvents
+			*/
+			function getCoalescedEvents() {
 				if (this.type === "pointermove" || this.type === "mousemove" || this.type === "touchmove") return [this];
 				return [];
 			}
@@ -31702,7 +32086,15 @@ var FederatedWheelEvent = /*#__PURE__*/ function(_FederatedMouseEvent) {
 	_inherits(FederatedWheelEvent, _FederatedMouseEvent);
 	return _createClass(FederatedWheelEvent, [{
 		key: "clone",
-		value: function clone() {
+		value: 
+		/**
+		* The units of `deltaX`, `deltaY`, and `deltaZ`. This is one of `DOM_DELTA_LINE`,
+		* `DOM_DELTA_PAGE`, `DOM_DELTA_PIXEL`.
+		*/
+		/** Horizontal scroll amount */
+		/** Vertical scroll amount */
+		/** z-axis scroll amount. */
+		function clone() {
 			return this.manager.cloneWheelEvent(this);
 		}
 	}]);
@@ -31791,7 +32183,11 @@ var Node$1 = /*#__PURE__*/ function(_EventTarget) {
 	return _createClass(Node, [
 		{
 			key: "textContent",
-			get: function get() {
+			get: 
+			/**
+			* @see https://developer.mozilla.org/zh-CN/docs/Web/API/Node/textContent
+			*/
+			function get() {
 				var out = "";
 				if (this.nodeName === Shape.TEXT) out += this.style.text;
 				var _iterator = _createForOfIteratorHelper(this.childNodes), _step;
@@ -31869,7 +32265,12 @@ var Node$1 = /*#__PURE__*/ function(_EventTarget) {
 		},
 		{
 			key: "parent",
-			get: function get() {
+			get: 
+			/**
+			* @deprecated
+			* @alias parentNode
+			*/
+			function get() {
 				return this.parentNode;
 			}
 		},
@@ -31939,7 +32340,12 @@ var Node$1 = /*#__PURE__*/ function(_EventTarget) {
 		},
 		{
 			key: "contain",
-			value: function contain(other) {
+			value: 
+			/**
+			* @deprecated
+			* @alias contains
+			*/
+			function contain(other) {
 				return this.contains(other);
 			}
 		},
@@ -31990,7 +32396,12 @@ var Node$1 = /*#__PURE__*/ function(_EventTarget) {
 	return _createClass(EventTarget, [
 		{
 			key: "on",
-			value: function on(type, listener, options) {
+			value: 
+			/**
+			* @deprecated
+			* @alias addEventListener
+			*/
+			function on(type, listener, options) {
 				this.addEventListener(type, listener, options);
 				return this;
 			}
@@ -32153,7 +32564,11 @@ var OffscreenCanvasCreator = /*#__PURE__*/ function() {
 		}
 	}], [{
 		key: "createCanvas",
-		value: function createCanvas() {
+		value: 
+		/**
+		* @returns new canvas instance
+		*/
+		function createCanvas() {
 			try {
 				return new window.OffscreenCanvas(0, 0);
 			} catch (_unused2) {}
@@ -32776,10 +33191,12 @@ var DefaultSceneGraphService = /*#__PURE__*/ function() {
 				var aabb = this.getTransformedGeometryBounds(element, render, existedAABB);
 				element.childNodes.forEach(function(child) {
 					var childBounds = _this.getBounds(child, render);
-					if (childBounds) if (!aabb) {
-						aabb = existedAABB || new AABB();
-						aabb.update(childBounds.center, childBounds.halfExtents);
-					} else aabb.add(childBounds);
+					if (childBounds) {
+						if (!aabb) {
+							aabb = existedAABB || new AABB();
+							aabb.update(childBounds.center, childBounds.halfExtents);
+						} else aabb.add(childBounds);
+					}
 				});
 				if (!aabb) aabb = new AABB();
 				if (render) {
@@ -32986,12 +33403,14 @@ var DefaultSceneGraphService = /*#__PURE__*/ function() {
 				var mutations = /* @__PURE__ */ new Set();
 				canvas.getRoot().forEach(function(item) {
 					(item.mutations || []).forEach(function(mutation) {
-						if (mutation.type === "attributes" && mutation._boundsChangeData) if (mutation._boundsChangeData.affectChildren) item.forEach(function(node) {
-							var newMutation = _objectSpread2({}, mutation);
-							newMutation.target = node;
-							mutations.add(newMutation);
-						});
-						else mutations.add(mutation);
+						if (mutation.type === "attributes" && mutation._boundsChangeData) {
+							if (mutation._boundsChangeData.affectChildren) item.forEach(function(node) {
+								var newMutation = _objectSpread2({}, mutation);
+								newMutation.target = node;
+								mutations.add(newMutation);
+							});
+							else mutations.add(mutation);
+						}
 					});
 					item.mutations = void 0;
 				});
@@ -33166,7 +33585,15 @@ var TextService = /*#__PURE__*/ function() {
 	return _createClass(TextService, [
 		{
 			key: "measureFont",
-			value: function measureFont(font, offscreenCanvas) {
+			value: 
+			/**
+			* A global cache for character widths, keyed by font string.
+			* e.g. { '16px Arial': { 'a': 8, 'b': 9 } }
+			*/
+			/**
+			* Calculates the ascent, descent and fontSize of a given font-style.
+			*/
+			function measureFont(font, offscreenCanvas) {
 				if (this.fontMetricsCache[font]) return this.fontMetricsCache[font];
 				var properties = {
 					ascent: 0,
@@ -33664,7 +34091,18 @@ var Element$1 = /*#__PURE__*/ function(_Node) {
 	return _createClass(Element, [
 		{
 			key: "dirty",
-			value: function dirty() {
+			value: 
+			/**
+			* Marks the element as dirty, indicating it needs re-rendering or relayout.
+			*
+			* @param styleFlag - Whether to update style state (default: true).
+			*                   When true, sets `renderable.dirty` to true.
+			* @param layoutFlag - Optional. When provided, updates layout-related dirty flags:
+			*                    - `renderable.boundsDirty`
+			*                    - `renderable.renderBoundsDirty`
+			*                    - `geometry.dirty`
+			*/
+			function dirty() {
 				var styleFlag = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
 				var layoutFlag = arguments.length > 1 ? arguments[1] : void 0;
 				this.renderable.dirty = styleFlag;
@@ -33677,7 +34115,16 @@ var Element$1 = /*#__PURE__*/ function(_Node) {
 		},
 		{
 			key: "className",
-			get: function get() {
+			get: 
+			/**
+			* used with `getElementById()`
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/id
+			*/
+			/**
+			* used in `getElementsByClassName`
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName
+			*/
+			function get() {
 				return this.getAttribute("class") || "";
 			},
 			set: function set(className) {
@@ -33686,7 +34133,11 @@ var Element$1 = /*#__PURE__*/ function(_Node) {
 		},
 		{
 			key: "classList",
-			get: function get() {
+			get: 
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/classList
+			*/
+			function get() {
 				return this.className.split(" ").filter(function(c) {
 					return c !== "";
 				});
@@ -33760,8 +34211,10 @@ var Element$1 = /*#__PURE__*/ function(_Node) {
 				var _this$ownerDocument;
 				if (child.destroyed) throw new Error(ERROR_MSG_APPEND_DESTROYED_ELEMENT);
 				runtime.sceneGraphService.attach(child, this, index);
-				if ((_this$ownerDocument = this.ownerDocument) !== null && _this$ownerDocument !== void 0 && _this$ownerDocument.defaultView) if (!isInFragment(this) && child.nodeName === Shape.FRAGMENT) this.ownerDocument.defaultView.mountFragment(child);
-				else this.ownerDocument.defaultView.mountChildren(child);
+				if ((_this$ownerDocument = this.ownerDocument) !== null && _this$ownerDocument !== void 0 && _this$ownerDocument.defaultView) {
+					if (!isInFragment(this) && child.nodeName === Shape.FRAGMENT) this.ownerDocument.defaultView.mountFragment(child);
+					else this.ownerDocument.defaultView.mountChildren(child);
+				}
 				if (this.isMutationObserved) {
 					insertedEvent.relatedNode = this;
 					child.dispatchEvent(insertedEvent);
@@ -34027,13 +34480,22 @@ var Element$1 = /*#__PURE__*/ function(_Node) {
 		},
 		{
 			key: "computedStyleMap",
-			value: function computedStyleMap() {
+			value: 
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/computedStyleMap
+			* eg. circle.computedStyleMap().get('fill');
+			*/
+			function computedStyleMap() {
 				return new Map(Object.entries(this.computedStyle));
 			}
 		},
 		{
 			key: "getAttributeNames",
-			value: function getAttributeNames() {
+			value: 
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames
+			*/
+			function getAttributeNames() {
 				return Object.keys(this.attributes);
 			}
 		},
@@ -36677,7 +37139,11 @@ var HTMLRenderingPlugin = /*#__PURE__*/ function() {
 	return _createClass(HTMLRenderingPlugin, [
 		{
 			key: "joinTransformMatrix",
-			value: function joinTransformMatrix(matrix) {
+			value: 
+			/**
+			* ! The reason for adding `offset` is that the `transform-origin` coordinate system of DOM is the local coordinate system of the element, while the `transform-origin` coordinate system of canvas drawing is the local coordinate system of the element's parent element. At the same time, the `transform` attribute value of the DOM element does not include `transform-origin`.
+			*/
+			function joinTransformMatrix(matrix) {
 				var offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [
 					0,
 					0,
@@ -36876,18 +37342,20 @@ var HTMLRenderingPlugin = /*#__PURE__*/ function() {
 					case "fill":
 						var fill = object.parsedStyle.fill;
 						var color = "";
-						if (isCSSRGB(fill)) if (fill.isNone) color = "transparent";
-						else color = object.getAttribute("fill");
-						else if (Array.isArray(fill)) color = object.getAttribute("fill");
+						if (isCSSRGB(fill)) {
+							if (fill.isNone) color = "transparent";
+							else color = object.getAttribute("fill");
+						} else if (Array.isArray(fill)) color = object.getAttribute("fill");
 						else if (isPattern(fill));
 						$el.style.background = color;
 						break;
 					case "stroke":
 						var stroke = object.parsedStyle.stroke;
 						var borderColor = "";
-						if (isCSSRGB(stroke)) if (stroke.isNone) borderColor = "transparent";
-						else borderColor = object.getAttribute("stroke");
-						else if (Array.isArray(stroke)) borderColor = object.getAttribute("stroke");
+						if (isCSSRGB(stroke)) {
+							if (stroke.isNone) borderColor = "transparent";
+							else borderColor = object.getAttribute("stroke");
+						} else if (Array.isArray(stroke)) borderColor = object.getAttribute("stroke");
 						else if (isPattern(stroke));
 						$el.style["border-color"] = borderColor;
 						$el.style["border-style"] = "solid";
@@ -37579,8 +38047,10 @@ PERFORMANCE OF THIS SOFTWARE.
 				if (classType === CJ) return types.push(lineBreak === "strict" ? NS : ID);
 				if (classType === SA) return types.push(AL);
 				if (classType === AI) return types.push(AL);
-				if (classType === XX) if (codePoint >= 131072 && codePoint <= 196605 || codePoint >= 196608 && codePoint <= 262141) return types.push(ID);
-				else return types.push(AL);
+				if (classType === XX) {
+					if (codePoint >= 131072 && codePoint <= 196605 || codePoint >= 196608 && codePoint <= 262141) return types.push(ID);
+					else return types.push(AL);
+				}
 				types.push(classType);
 			});
 			return [
@@ -38242,12 +38712,13 @@ PERFORMANCE OF THIS SOFTWARE.
 					} else if (codePoint === QUOTATION_MARK || codePoint === APOSTROPHE || codePoint === LEFT_PARENTHESIS || isNonPrintableCodePoint(codePoint)) {
 						this.consumeBadUrlRemnants();
 						return BAD_URL_TOKEN;
-					} else if (codePoint === REVERSE_SOLIDUS) if (isValidEscape(codePoint, this.peekCodePoint(0))) value.push(this.consumeEscapedCodePoint());
-					else {
-						this.consumeBadUrlRemnants();
-						return BAD_URL_TOKEN;
-					}
-					else value.push(codePoint);
+					} else if (codePoint === REVERSE_SOLIDUS) {
+						if (isValidEscape(codePoint, this.peekCodePoint(0))) value.push(this.consumeEscapedCodePoint());
+						else {
+							this.consumeBadUrlRemnants();
+							return BAD_URL_TOKEN;
+						}
+					} else value.push(codePoint);
 				}
 			};
 			Tokenizer.prototype.consumeWhiteSpace = function() {
@@ -38991,15 +39462,13 @@ PERFORMANCE OF THIS SOFTWARE.
 						ry = Math.max(Math.abs(y), Math.abs(y - height));
 					}
 					break;
-				case 3:
-					if (gradient.shape === 0) rx = ry = Math.max(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
-					else if (gradient.shape === 1) {
-						var c = Math.max(Math.abs(y), Math.abs(y - height)) / Math.max(Math.abs(x), Math.abs(x - width));
-						var _b = findCorner(width, height, x, y, false), cx = _b[0], cy = _b[1];
-						rx = distance(cx - x, (cy - y) / c);
-						ry = c * rx;
-					}
-					break;
+				case 3: if (gradient.shape === 0) rx = ry = Math.max(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
+				else if (gradient.shape === 1) {
+					var c = Math.max(Math.abs(y), Math.abs(y - height)) / Math.max(Math.abs(x), Math.abs(x - width));
+					var _b = findCorner(width, height, x, y, false), cx = _b[0], cy = _b[1];
+					rx = distance(cx - x, (cy - y) / c);
+					ry = c * rx;
+				}
 			}
 			if (Array.isArray(gradient.size)) {
 				rx = getAbsoluteValue(gradient.size[0], width);
@@ -39979,7 +40448,6 @@ PERFORMANCE OF THIS SOFTWARE.
 						case 4:
 							results.push(accumulator.join(" "));
 							accumulator.length = 0;
-							break;
 					}
 				});
 				if (accumulator.length) results.push(accumulator.join(" "));
@@ -40188,9 +40656,7 @@ PERFORMANCE OF THIS SOFTWARE.
 						case "fill":
 							layers.push(0);
 							break;
-						case "markers":
-							layers.push(2);
-							break;
+						case "markers": layers.push(2);
 					}
 				});
 				DEFAULT_VALUE.forEach(function(value) {
@@ -40336,20 +40802,18 @@ PERFORMANCE OF THIS SOFTWARE.
 				case 0: return descriptor.parse(context, parser.parseComponentValue());
 				case 1: return descriptor.parse(context, parser.parseComponentValues());
 				case 4: return parser.parseComponentValue();
-				case 3:
-					switch (descriptor.format) {
-						case "angle": return angle.parse(context, parser.parseComponentValue());
-						case "color": return color$1.parse(context, parser.parseComponentValue());
-						case "image": return image.parse(context, parser.parseComponentValue());
-						case "length":
-							var length_1 = parser.parseComponentValue();
-							return isLength(length_1) ? length_1 : ZERO_LENGTH;
-						case "length-percentage":
-							var value_1 = parser.parseComponentValue();
-							return isLengthPercentage(value_1) ? value_1 : ZERO_LENGTH;
-						case "time": return time.parse(context, parser.parseComponentValue());
-					}
-					break;
+				case 3: switch (descriptor.format) {
+					case "angle": return angle.parse(context, parser.parseComponentValue());
+					case "color": return color$1.parse(context, parser.parseComponentValue());
+					case "image": return image.parse(context, parser.parseComponentValue());
+					case "length":
+						var length_1 = parser.parseComponentValue();
+						return isLength(length_1) ? length_1 : ZERO_LENGTH;
+					case "length-percentage":
+						var value_1 = parser.parseComponentValue();
+						return isLengthPercentage(value_1) ? value_1 : ZERO_LENGTH;
+					case "time": return time.parse(context, parser.parseComponentValue());
+				}
 			}
 		};
 		var elementDebuggerAttribute = "data-html2canvas-debug";
@@ -40834,22 +41298,23 @@ PERFORMANCE OF THIS SOFTWARE.
 			var textBounds = [];
 			var offset = 0;
 			textList.forEach(function(text) {
-				if (styles.textDecorationLine.length || text.trim().length > 0) if (FEATURES.SUPPORT_RANGE_BOUNDS) {
-					var clientRects = createRange(node, offset, text.length).getClientRects();
-					if (clientRects.length > 1) {
-						var subSegments = segmentGraphemes(text);
-						var subOffset_1 = 0;
-						subSegments.forEach(function(subSegment) {
-							textBounds.push(new TextBounds(subSegment, Bounds.fromDOMRectList(context, createRange(node, subOffset_1 + offset, subSegment.length).getClientRects())));
-							subOffset_1 += subSegment.length;
-						});
-					} else textBounds.push(new TextBounds(text, Bounds.fromDOMRectList(context, clientRects)));
-				} else {
-					var replacementNode = node.splitText(text.length);
-					textBounds.push(new TextBounds(text, getWrapperBounds(context, node)));
-					node = replacementNode;
-				}
-				else if (!FEATURES.SUPPORT_RANGE_BOUNDS) node = node.splitText(text.length);
+				if (styles.textDecorationLine.length || text.trim().length > 0) {
+					if (FEATURES.SUPPORT_RANGE_BOUNDS) {
+						var clientRects = createRange(node, offset, text.length).getClientRects();
+						if (clientRects.length > 1) {
+							var subSegments = segmentGraphemes(text);
+							var subOffset_1 = 0;
+							subSegments.forEach(function(subSegment) {
+								textBounds.push(new TextBounds(subSegment, Bounds.fromDOMRectList(context, createRange(node, subOffset_1 + offset, subSegment.length).getClientRects())));
+								subOffset_1 += subSegment.length;
+							});
+						} else textBounds.push(new TextBounds(text, Bounds.fromDOMRectList(context, clientRects)));
+					} else {
+						var replacementNode = node.splitText(text.length);
+						textBounds.push(new TextBounds(text, getWrapperBounds(context, node)));
+						node = replacementNode;
+					}
+				} else if (!FEATURES.SUPPORT_RANGE_BOUNDS) node = node.splitText(text.length);
 				offset += text.length;
 			});
 			return textBounds;
@@ -41054,9 +41519,7 @@ PERFORMANCE OF THIS SOFTWARE.
 					case CHECKBOX:
 						_this.styles.borderTopRightRadius = _this.styles.borderTopLeftRadius = _this.styles.borderBottomRightRadius = _this.styles.borderBottomLeftRadius = CHECKBOX_BORDER_RADIUS;
 						break;
-					case RADIO:
-						_this.styles.borderTopRightRadius = _this.styles.borderTopLeftRadius = _this.styles.borderBottomRightRadius = _this.styles.borderBottomLeftRadius = RADIO_BORDER_RADIUS;
-						break;
+					case RADIO: _this.styles.borderTopRightRadius = _this.styles.borderTopLeftRadius = _this.styles.borderBottomRightRadius = _this.styles.borderBottomLeftRadius = RADIO_BORDER_RADIUS;
 				}
 				return _this;
 			}
@@ -41110,19 +41573,21 @@ PERFORMANCE OF THIS SOFTWARE.
 			for (var childNode = node.firstChild, nextNode = void 0; childNode; childNode = nextNode) {
 				nextNode = childNode.nextSibling;
 				if (isTextNode(childNode) && childNode.data.trim().length > 0) parent.textNodes.push(new TextContainer(context, childNode, parent.styles));
-				else if (isElementNode(childNode)) if (isSlotElement(childNode) && childNode.assignedNodes) childNode.assignedNodes().forEach(function(childNode) {
-					return parseNodeTree(context, childNode, parent, root);
-				});
-				else {
-					var container = createContainer(context, childNode);
-					if (container.styles.isVisible()) {
-						if (createsRealStackingContext(childNode, container, root)) container.flags |= 4;
-						else if (createsStackingContext(container.styles)) container.flags |= 2;
-						if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) container.flags |= 8;
-						parent.elements.push(container);
-						childNode.slot;
-						if (childNode.shadowRoot) parseNodeTree(context, childNode.shadowRoot, container, root);
-						else if (!isTextareaElement(childNode) && !isSVGElement(childNode) && !isSelectElement(childNode)) parseNodeTree(context, childNode, container, root);
+				else if (isElementNode(childNode)) {
+					if (isSlotElement(childNode) && childNode.assignedNodes) childNode.assignedNodes().forEach(function(childNode) {
+						return parseNodeTree(context, childNode, parent, root);
+					});
+					else {
+						var container = createContainer(context, childNode);
+						if (container.styles.isVisible()) {
+							if (createsRealStackingContext(childNode, container, root)) container.flags |= 4;
+							else if (createsStackingContext(container.styles)) container.flags |= 2;
+							if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) container.flags |= 8;
+							parent.elements.push(container);
+							childNode.slot;
+							if (childNode.shadowRoot) parseNodeTree(context, childNode.shadowRoot, container, root);
+							else if (!isTextareaElement(childNode) && !isSVGElement(childNode) && !isSelectElement(childNode)) parseNodeTree(context, childNode, container, root);
+						}
 					}
 				}
 			}
@@ -41759,14 +42224,16 @@ PERFORMANCE OF THIS SOFTWARE.
 					clonedCanvas.height = canvas.height;
 					var ctx = canvas.getContext("2d");
 					var clonedCtx = clonedCanvas.getContext("2d");
-					if (clonedCtx) if (!this.options.allowTaint && ctx) clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
-					else {
-						var gl = (_a = canvas.getContext("webgl2")) !== null && _a !== void 0 ? _a : canvas.getContext("webgl");
-						if (gl) {
-							var attribs = gl.getContextAttributes();
-							if ((attribs === null || attribs === void 0 ? void 0 : attribs.preserveDrawingBuffer) === false) this.context.logger.warn("Unable to clone WebGL context as it has preserveDrawingBuffer=false", canvas);
+					if (clonedCtx) {
+						if (!this.options.allowTaint && ctx) clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
+						else {
+							var gl = (_a = canvas.getContext("webgl2")) !== null && _a !== void 0 ? _a : canvas.getContext("webgl");
+							if (gl) {
+								var attribs = gl.getContextAttributes();
+								if ((attribs === null || attribs === void 0 ? void 0 : attribs.preserveDrawingBuffer) === false) this.context.logger.warn("Unable to clone WebGL context as it has preserveDrawingBuffer=false", canvas);
+							}
+							clonedCtx.drawImage(canvas, 0, 0);
 						}
-						clonedCtx.drawImage(canvas, 0, 0);
 					}
 					return clonedCanvas;
 				} catch (e) {
@@ -42095,18 +42562,19 @@ PERFORMANCE OF THIS SOFTWARE.
 					var responseType = FEATURES.SUPPORT_RESPONSE_TYPE ? "blob" : "text";
 					var xhr = new XMLHttpRequest();
 					xhr.onload = function() {
-						if (xhr.status === 200) if (responseType === "text") resolve(xhr.response);
-						else {
-							var reader_1 = new FileReader();
-							reader_1.addEventListener("load", function() {
-								return resolve(reader_1.result);
-							}, false);
-							reader_1.addEventListener("error", function(e) {
-								return reject(e);
-							}, false);
-							reader_1.readAsDataURL(xhr.response);
-						}
-						else reject("Failed to proxy resource " + key + " with status code " + xhr.status);
+						if (xhr.status === 200) {
+							if (responseType === "text") resolve(xhr.response);
+							else {
+								var reader_1 = new FileReader();
+								reader_1.addEventListener("load", function() {
+									return resolve(reader_1.result);
+								}, false);
+								reader_1.addEventListener("error", function(e) {
+									return reject(e);
+								}, false);
+								reader_1.readAsDataURL(xhr.response);
+							}
+						} else reject("Failed to proxy resource " + key + " with status code " + xhr.status);
 					};
 					xhr.onerror = reject;
 					var queryString = proxy.indexOf("?") > -1 ? "&" : "?";
@@ -42844,9 +43312,7 @@ PERFORMANCE OF THIS SOFTWARE.
 													case 2:
 														_this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top), text.bounds.width, 1);
 														break;
-													case 3:
-														_this.ctx.fillRect(text.bounds.left, Math.ceil(text.bounds.top + middle), text.bounds.width, 1);
-														break;
+													case 3: _this.ctx.fillRect(text.bounds.left, Math.ceil(text.bounds.top + middle), text.bounds.width, 1);
 												}
 											});
 										}
@@ -42861,7 +43327,6 @@ PERFORMANCE OF THIS SOFTWARE.
 										_this.ctx.strokeStyle = "";
 										_this.ctx.lineWidth = 0;
 										_this.ctx.lineJoin = "miter";
-										break;
 								}
 							});
 						});
@@ -42999,9 +43464,7 @@ PERFORMANCE OF THIS SOFTWARE.
 										case 1:
 											x += bounds.width / 2;
 											break;
-										case 2:
-											x += bounds.width;
-											break;
+										case 2: x += bounds.width;
 									}
 									textBounds = bounds.add(x, 0, 0, -bounds.height / 2 + 1);
 									this.ctx.save();
@@ -43516,8 +43979,10 @@ PERFORMANCE OF THIS SOFTWARE.
 							maxSpace = (length - (numberOfDashes + 1) * dashLength) / numberOfDashes;
 							spaceLength = maxSpace <= 0 || Math.abs(spaceLength - minSpace) < Math.abs(spaceLength - maxSpace) ? minSpace : maxSpace;
 						}
-						if (useLineDash) if (style === 3) this.ctx.setLineDash([0, dashLength + spaceLength]);
-						else this.ctx.setLineDash([dashLength, spaceLength]);
+						if (useLineDash) {
+							if (style === 3) this.ctx.setLineDash([0, dashLength + spaceLength]);
+							else this.ctx.setLineDash([dashLength, spaceLength]);
+						}
 						if (style === 3) {
 							this.ctx.lineCap = "round";
 							this.ctx.lineWidth = width;
@@ -43652,8 +44117,10 @@ PERFORMANCE OF THIS SOFTWARE.
 			Logger.prototype.debug = function() {
 				var args = [];
 				for (var _i = 0; _i < arguments.length; _i++) args[_i] = arguments[_i];
-				if (this.enabled) if (typeof window !== "undefined" && window.console && typeof console.debug === "function") console.debug.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-				else this.info.apply(this, args);
+				if (this.enabled) {
+					if (typeof window !== "undefined" && window.console && typeof console.debug === "function") console.debug.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+					else this.info.apply(this, args);
+				}
 			};
 			Logger.prototype.getTime = function() {
 				return Date.now() - this.start;
@@ -43668,14 +44135,18 @@ PERFORMANCE OF THIS SOFTWARE.
 			Logger.prototype.warn = function() {
 				var args = [];
 				for (var _i = 0; _i < arguments.length; _i++) args[_i] = arguments[_i];
-				if (this.enabled) if (typeof window !== "undefined" && window.console && typeof console.warn === "function") console.warn.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-				else this.info.apply(this, args);
+				if (this.enabled) {
+					if (typeof window !== "undefined" && window.console && typeof console.warn === "function") console.warn.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+					else this.info.apply(this, args);
+				}
 			};
 			Logger.prototype.error = function() {
 				var args = [];
 				for (var _i = 0; _i < arguments.length; _i++) args[_i] = arguments[_i];
-				if (this.enabled) if (typeof window !== "undefined" && window.console && typeof console.error === "function") console.error.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-				else this.info.apply(this, args);
+				if (this.enabled) {
+					if (typeof window !== "undefined" && window.console && typeof console.error === "function") console.error.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+					else this.info.apply(this, args);
+				}
 			};
 			Logger.instances = {};
 			return Logger;
@@ -43856,7 +44327,20 @@ var Animation = /*#__PURE__*/ function() {
 	return _createClass(Animation, [
 		{
 			key: "pending",
-			get: function get() {
+			get: 
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Animation/effect
+			*/
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Animation/timeline
+			*/
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Animation/id
+			*/
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Animation/pending
+			*/
+			function get() {
 				return this._startTime === null && !this._paused && this.playbackRate !== 0 || this.currentTimePending;
 			}
 		},
@@ -43871,7 +44355,18 @@ var Animation = /*#__PURE__*/ function() {
 		},
 		{
 			key: "ready",
-			get: function get() {
+			get: 
+			/**
+			* @see https://developer.mozilla.org/en-US/docs/Web/API/Animation/ready
+			* @example
+			animation.pause();
+			animation.ready.then(function() {
+			// Displays 'running'
+			alert(animation.playState);
+			});
+			animation.play();
+			*/
+			function get() {
 				var _this = this;
 				if (!this.readyPromise) {
 					if (this.timeline.animationsWithPromises.indexOf(this) === -1) this.timeline.animationsWithPromises.push(this);
@@ -44905,8 +45400,10 @@ function normalizeTimingInput(timingInput, forGroup) {
 	return makeTiming(timingInput, forGroup);
 }
 function numericTimingToObject(timingInput) {
-	if (typeof timingInput === "number") if (isNaN(timingInput)) timingInput = { duration: "auto" };
-	else timingInput = { duration: timingInput };
+	if (typeof timingInput === "number") {
+		if (isNaN(timingInput)) timingInput = { duration: "auto" };
+		else timingInput = { duration: timingInput };
+	}
 	return timingInput;
 }
 /**
@@ -45215,7 +45712,14 @@ runtime.CameraContribution = /* @__PURE__ */ function(_Camera) {
 	return _createClass(AdvancedCamera, [
 		{
 			key: "rotate",
-			value: function rotate(azimuth, elevation, roll) {
+			value: 
+			/**
+			* Changes the azimuth and elevation with respect to the current camera axes
+			* @param {Number} azimuth the relative azimuth
+			* @param {Number} elevation the relative elevation
+			* @param {Number} roll the relative roll
+			*/
+			function rotate(azimuth, elevation, roll) {
 				this.relElevation = getAngle(elevation);
 				this.relAzimuth = getAngle(azimuth);
 				this.relRoll = getAngle(roll);
@@ -46694,18 +47198,20 @@ function configure_toolbar(gobj) {
 					title: (0, i18next.t)("reset zoom")
 				}
 			];
-			if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_fullscreen")) if (priv.is_fullscreen) items.push({
-				id: "g6-icon-fullscreen-exit",
-				value: "exit-fullscreen",
-				className: "EV_EXIT_FULLSCREEN",
-				title: (0, i18next.t)("exit full screen")
-			});
-			else items.push({
-				id: "g6-icon-fullscreen",
-				value: "request-fullscreen",
-				className: "EV_REQUEST_FULLSCREEN",
-				title: (0, i18next.t)("enter full screen")
-			});
+			if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_fullscreen")) {
+				if (priv.is_fullscreen) items.push({
+					id: "g6-icon-fullscreen-exit",
+					value: "exit-fullscreen",
+					className: "EV_EXIT_FULLSCREEN",
+					title: (0, i18next.t)("exit full screen")
+				});
+				else items.push({
+					id: "g6-icon-fullscreen",
+					value: "request-fullscreen",
+					className: "EV_REQUEST_FULLSCREEN",
+					title: (0, i18next.t)("enter full screen")
+				});
+			}
 			return items;
 		},
 		onClick: (value) => {
@@ -46728,9 +47234,7 @@ function configure_toolbar(gobj) {
 				case "request-fullscreen":
 					(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_REQUEST_FULLSCREEN", {}, gobj);
 					break;
-				case "exit-fullscreen":
-					(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_EXIT_FULLSCREEN", {}, gobj);
-					break;
+				case "exit-fullscreen": (0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_EXIT_FULLSCREEN", {}, gobj);
 			}
 		}
 	});
@@ -46801,9 +47305,7 @@ function configure_toolbar_edit(gobj) {
 				case "redo":
 					(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_HISTORY_REDO", {}, gobj);
 					break;
-				case "save":
-					(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SAVE_GRAPH", {}, gobj);
-					break;
+				case "save": (0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SAVE_GRAPH", {}, gobj);
 			}
 		}
 	});
@@ -46844,9 +47346,7 @@ function configure_behaviour(gobj) {
 		case "operation":
 			priv.edit_mode = false;
 			break;
-		default:
-			(0, _yuneta_gobj_js.log_error)(`operation mode unknown: ${operation_mode}`);
-			break;
+		default: (0, _yuneta_gobj_js.log_error)(`operation mode unknown: ${operation_mode}`);
 	}
 	if (!priv.edit_mode) deselect_node(gobj);
 	graph_write_behaviors(gobj, behaviors);
@@ -46881,9 +47381,7 @@ function calculate_hooks_fkeys_counter(desc) {
 			case "hook":
 				desc.hooks_counter++;
 				break;
-			case "fkey":
-				desc.fkeys_counter++;
-				break;
+			case "fkey": desc.fkeys_counter++;
 		}
 	}
 	if (desc.hooks_counter === 0) desc.node_treedb_type = "child";
@@ -46923,7 +47421,6 @@ function build_ports(gobj, desc) {
 					stroke: getStrokeColor(desc.color)
 				};
 				top_ports.push(port);
-				break;
 		}
 	}
 	for (let i = 0; i < top_ports.length; i++) top_ports[i].placement = [.5, 0];
@@ -47118,13 +47615,15 @@ function collect_fkey_refs(desc, record) {
 		let col = cols[i];
 		if (!col.fkey) continue;
 		let fkeys = record[col.id];
-		if (fkeys) if ((0, _yuneta_gobj_js.is_array)(fkeys)) for (let j = 0; j < fkeys.length; j++) {
-			let key = (0, _yuneta_gobj_js.treedb_encoder_fkey)(col, fkeys[j]);
-			if (key) refs.add(i + "	" + key);
-		}
-		else {
-			let key = (0, _yuneta_gobj_js.treedb_encoder_fkey)(col, fkeys);
-			if (key) refs.add(i + "	" + key);
+		if (fkeys) {
+			if ((0, _yuneta_gobj_js.is_array)(fkeys)) for (let j = 0; j < fkeys.length; j++) {
+				let key = (0, _yuneta_gobj_js.treedb_encoder_fkey)(col, fkeys[j]);
+				if (key) refs.add(i + "	" + key);
+			}
+			else {
+				let key = (0, _yuneta_gobj_js.treedb_encoder_fkey)(col, fkeys);
+				if (key) refs.add(i + "	" + key);
+			}
 		}
 	}
 	return refs;
@@ -47140,8 +47639,10 @@ function draw_links(gobj, desc, record, initial_load) {
 		let col = cols[i];
 		if (!col.fkey) continue;
 		let fkeys = record[col.id];
-		if (fkeys) if ((0, _yuneta_gobj_js.is_array)(fkeys)) for (let j = 0; j < fkeys.length; j++) draw_link(gobj, topic_name, record_id, col, fkeys[j], initial_load);
-		else draw_link(gobj, topic_name, record_id, col, fkeys, initial_load);
+		if (fkeys) {
+			if ((0, _yuneta_gobj_js.is_array)(fkeys)) for (let j = 0; j < fkeys.length; j++) draw_link(gobj, topic_name, record_id, col, fkeys[j], initial_load);
+			else draw_link(gobj, topic_name, record_id, col, fkeys, initial_load);
+		}
 	}
 }
 /************************************************************
@@ -47251,8 +47752,10 @@ function clear_links(gobj, desc, record, verbose) {
 		let col = cols[i];
 		if (!col.fkey) continue;
 		let fkeys = record[col.id];
-		if (fkeys) if ((0, _yuneta_gobj_js.is_array)(fkeys)) for (let j = 0; j < fkeys.length; j++) clear_link(gobj, topic_name, record_id, col, fkeys[j], verbose);
-		else clear_link(gobj, topic_name, record_id, col, fkeys, verbose);
+		if (fkeys) {
+			if ((0, _yuneta_gobj_js.is_array)(fkeys)) for (let j = 0; j < fkeys.length; j++) clear_link(gobj, topic_name, record_id, col, fkeys[j], verbose);
+			else clear_link(gobj, topic_name, record_id, col, fkeys, verbose);
+		}
 	}
 }
 /************************************************************
@@ -47349,7 +47852,7 @@ function save_geometry(gobj) {
 	let origin = (0, _yuneta_gobj_js.gobj_read_str_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "node_uuid");
 	for (const [topic_name, properties] of Object.entries(priv._graph_properties)) {
 		properties.__origin__ = origin;
-		(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_UPDATE_NODE", {
+		let kw_update = {
 			treedb_name: priv.treedb_name,
 			topic_name: "__graphs__",
 			record: {
@@ -47363,7 +47866,8 @@ function save_geometry(gobj) {
 				autolink: false,
 				create: true
 			}
-		});
+		};
+		(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_UPDATE_NODE", kw_update);
 	}
 }
 /************************************************************
@@ -47374,7 +47878,7 @@ function save_topic_graph_properties(gobj, topic_name) {
 	let properties = priv._graph_properties[topic_name];
 	if (!properties) return;
 	properties.__origin__ = (0, _yuneta_gobj_js.gobj_read_str_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "node_uuid");
-	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_UPDATE_NODE", {
+	let kw_update = {
 		treedb_name: priv.treedb_name,
 		topic_name: "__graphs__",
 		record: {
@@ -47388,7 +47892,8 @@ function save_topic_graph_properties(gobj, topic_name) {
 			autolink: false,
 			create: true
 		}
-	});
+	};
+	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_UPDATE_NODE", kw_update);
 }
 /************************************************************
 *  Pause/resume history recording.
@@ -47577,19 +48082,17 @@ function graph_add_plugin(gobj, plugin_key, options) {
 	}
 	plugin = graph_get_plugin(gobj, plugin_key);
 	switch (plugin_key) {
-		case "history":
-			if (plugin) {
-				plugin.on(_antv_g6.HistoryEvent.CHANGE, () => {
-					update_history_buttons(gobj);
-				});
-				graph.updatePlugin({
-					key: plugin_key,
-					beforeAddCommand: () => {
-						return !priv._history_paused;
-					}
-				});
-			}
-			break;
+		case "history": if (plugin) {
+			plugin.on(_antv_g6.HistoryEvent.CHANGE, () => {
+				update_history_buttons(gobj);
+			});
+			graph.updatePlugin({
+				key: plugin_key,
+				beforeAddCommand: () => {
+					return !priv._history_paused;
+				}
+			});
+		}
 	}
 }
 function graph_remove_plugin(gobj, plugin_key) {
@@ -49628,9 +50131,7 @@ function handle_context_menu_click(gobj, value) {
 		case "resize_all_ports":
 			copy_size_to_ports(gobj, false);
 			break;
-		case "resize_topic_ports":
-			copy_size_to_ports(gobj, true);
-			break;
+		case "resize_topic_ports": copy_size_to_ports(gobj, true);
 	}
 }
 /************************************************************
@@ -50418,7 +50919,7 @@ function create_gclass$1(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$1 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_DESCS", 0],
 		["EV_CLEAR_DATA", 0],
 		["EV_LOAD_DATA", 0],
@@ -50455,7 +50956,8 @@ function create_gclass$1(gclass_name) {
 		["EV_HIDE", 0],
 		["EV_RESIZE", 0],
 		["EV_THEME", 0]
-	], states, gmt$1, 0, attrs_table$1, PRIVATE_DATA$1, 0, 0, 0, _yuneta_gobj_js.gclass_flag_t.gcflag_manual_start);
+	];
+	__gclass__$1 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt$1, 0, attrs_table$1, PRIVATE_DATA$1, 0, 0, 0, _yuneta_gobj_js.gclass_flag_t.gcflag_manual_start);
 	if (!__gclass__$1) return -1;
 	return 0;
 }
@@ -50606,22 +51108,22 @@ var YUI_ROLLING = {
 	},
 	"6h": {
 		id: "6h",
-		secs: 6 * 3600,
+		secs: 21600,
 		label: "last 6h"
 	},
 	"24h": {
 		id: "24h",
-		secs: 24 * 3600,
+		secs: 86400,
 		label: "last 24h"
 	},
 	"7d": {
 		id: "7d",
-		secs: 168 * 3600,
+		secs: 604800,
 		label: "last 7 days"
 	},
 	"30d": {
 		id: "30d",
-		secs: 720 * 3600,
+		secs: 2592e3,
 		label: "last 30 days"
 	}
 };
@@ -51984,7 +52486,8 @@ function ac_set_mode(gobj, event, kw, src) {
 *
 ***************************************************************/
 function ac_prev(gobj, event, kw, src) {
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "anchor", period_shift(cur_mode(gobj).spec, (0, _yuneta_gobj_js.gobj_read_integer_attr)(gobj, "anchor"), -1));
+	let mode = cur_mode(gobj);
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "anchor", period_shift(mode.spec, (0, _yuneta_gobj_js.gobj_read_integer_attr)(gobj, "anchor"), -1));
 	close_calendar(gobj);
 	repaint(gobj);
 	publish_period(gobj);
@@ -51994,7 +52497,8 @@ function ac_prev(gobj, event, kw, src) {
 *
 ***************************************************************/
 function ac_next(gobj, event, kw, src) {
-	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "anchor", period_shift(cur_mode(gobj).spec, (0, _yuneta_gobj_js.gobj_read_integer_attr)(gobj, "anchor"), 1));
+	let mode = cur_mode(gobj);
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "anchor", period_shift(mode.spec, (0, _yuneta_gobj_js.gobj_read_integer_attr)(gobj, "anchor"), 1));
 	close_calendar(gobj);
 	repaint(gobj);
 	publish_period(gobj);
@@ -52172,7 +52676,7 @@ function create_gclass(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__ = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	const event_types = [
 		["EV_SET_MODE", 0],
 		["EV_PREV", 0],
 		["EV_NEXT", 0],
@@ -52183,7 +52687,8 @@ function create_gclass(gclass_name) {
 		["EV_REFRESH", 0],
 		["EV_LANGUAGE_CHANGED", 0],
 		["EV_PERIOD_CHANGED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt, 0, attrs_table, PRIVATE_DATA, 0, 0, 0, 0);
+	];
+	__gclass__ = (0, _yuneta_gobj_js.gclass_create)(gclass_name, event_types, states, gmt, 0, attrs_table, PRIVATE_DATA, 0, 0, 0, 0);
 	if (!__gclass__) return -1;
 	return 0;
 }
@@ -52283,8 +52788,8 @@ function traffic_now() {
 function traffic_size(n) {
 	n = Number(n) || 0;
 	if (n < 1024) return n + " B";
-	if (n < 1024 * 1024) return (n / 1024).toFixed(1) + " KB";
-	return (n / (1024 * 1024)).toFixed(1) + " MB";
+	if (n < 1048576) return (n / 1024).toFixed(1) + " KB";
+	return (n / 1048576).toFixed(1) + " MB";
 }
 /************************************************************
 *  Seconds-since-epoch → ISO string, or null if not a plausible
@@ -52367,7 +52872,8 @@ function set_output_route(v) {
 	refresh_dev_chrome();
 }
 function toggle_pref(key, def) {
-	(0, _yuneta_gobj_js.kw_set_local_storage_value)(key, dev_num(key, def) ? 0 : 1);
+	let v = dev_num(key, def) ? 0 : 1;
+	(0, _yuneta_gobj_js.kw_set_local_storage_value)(key, v);
 	rerender_all();
 	refresh_dev_chrome();
 }
@@ -53627,7 +54133,7 @@ function apply_dev_traces() {
 function setup_dev(self, show) {
 	if (show) {
 		ensure_dev_style();
-		(0, _yuneta_gobj_js.gobj_start)((0, _yuneta_gobj_js.gobj_create_service)("Developer-Window", "C_YUI_WINDOW", {
+		let win = (0, _yuneta_gobj_js.gobj_create_service)("Developer-Window", "C_YUI_WINDOW", {
 			$parent: document.getElementById("top-layer") || null,
 			subscriber: null,
 			showMax: true,
@@ -53644,7 +54150,8 @@ function setup_dev(self, show) {
 			on_close: function() {
 				(0, _yuneta_gobj_js.kw_set_local_storage_value)("open_developer_window", 0);
 			}
-		}, self));
+		}, self);
+		(0, _yuneta_gobj_js.gobj_start)(win);
 		(0, _yuneta_gobj_js.kw_set_local_storage_value)("open_developer_window", 1);
 		setTimeout(() => {
 			refresh_dev_chrome();
@@ -53748,7 +54255,8 @@ function setup_frontend_view(self) {
 		(0, _yuneta_gobj_js.log_error)("yui_frontend_view: cannot create the frontend-view window");
 		return null;
 	}
-	let $tree = (0, _yuneta_gobj_js.gobj_read_attr)((0, _yuneta_gobj_js.gobj_create_pure_child)("frontend_view_tree", "C_YUI_GOBJ_TREE_JS", {}, win), "$container");
+	let tree = (0, _yuneta_gobj_js.gobj_create_pure_child)("frontend_view_tree", "C_YUI_GOBJ_TREE_JS", {}, win);
+	let $tree = (0, _yuneta_gobj_js.gobj_read_attr)(tree, "$container");
 	if (!$tree) {
 		(0, _yuneta_gobj_js.log_error)("yui_frontend_view: C_YUI_GOBJ_TREE_JS without $container");
 		return win;