@yuneta/gobj-ui 5.11.1 → 5.12.0

package/dist/gobj-ui.es.js

@@ -33,7 +33,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));
@@ -1345,10 +1345,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 = 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 = gobj_read_attr(nav, "$container");
 					if ($c) $c.classList.add("is-hidden");
 				}
 			}
@@ -1365,7 +1366,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 (is_string(render_cfg)) render_cfg = { layout: render_cfg };
 	let layout = render_cfg.layout || "vertical";
-	let nav = 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 = gobj_create(nav_name, "C_YUI_NAV", {
 		menu_id,
 		nav_label: nav_label || "",
 		menu_items: menu.items || [],
@@ -1891,14 +1893,15 @@ function build_toolbar_connection_item(gobj, it) {
 		attrs.title = tip;
 		attrs["data-i18n-title"] = tip;
 	}
+	let $dot = createElement2([
+		"span",
+		{ class: "yui-conn-dot" },
+		""
+	]);
 	let $item = createElement2([
 		"button",
 		attrs,
-		[createElement2([
-			"span",
-			{ class: "yui-conn-dot" },
-			""
-		])]
+		[$dot]
 	]);
 	if ((it.action && it.action.type || "") !== "") $item.addEventListener("click", (ev) => {
 		ev.preventDefault();
@@ -1935,11 +1938,13 @@ function handle_toolbar_action(gobj, item, $trigger) {
 	let action = item && item.action || {};
 	switch (action.type) {
 		case "navigate":
-			if (!empty_string(action.route)) if (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 (!empty_string(action.route)) {
+				if (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";
@@ -1975,11 +1980,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 = 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 = is_array(action.items) ? action.items : [];
@@ -2449,14 +2456,15 @@ function create_gclass$18(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$18 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_NAV_CLICKED", 0],
 		["EV_DRAWER_CLOSE_REQUESTED", 0],
 		["EV_NAV_ITEM_CLOSE", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_PUBLIC_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_ROUTE_REQUESTED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_PUBLIC_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_ROUTE_CHANGED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_PUBLIC_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_LANGUAGE_CHANGED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_PUBLIC_EVENT | event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$18, 0, attrs_table$18, PRIVATE_DATA$18, 0, 0, 0, gclass_flag_t.gcflag_no_check_output_events);
+	];
+	__gclass__$18 = gclass_create(gclass_name, event_types, states, gmt$18, 0, attrs_table$18, PRIVATE_DATA$18, 0, 0, 0, gclass_flag_t.gcflag_no_check_output_events);
 	if (!__gclass__$18) return -1;
 	return 0;
 }
@@ -3136,10 +3144,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 = 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"
 		},
@@ -3325,7 +3334,8 @@ var __gclass__$17 = null;
 function mt_create$17(gobj) {
 	const subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (subscriber) gobj_subscribe_event(gobj, null, {}, subscriber);
-	gobj_write_attr(gobj, "window_id", "window-" + clean_name(gobj_short_name(gobj)));
+	let window_id = "window-" + clean_name(gobj_short_name(gobj));
+	gobj_write_attr(gobj, "window_id", window_id);
 	let manager = resolve_manager(gobj);
 	build_ui$14(gobj);
 	if (manager) {
@@ -3345,9 +3355,12 @@ function mt_create$17(gobj) {
 		}, gobj);
 	} else if (gobj_read_bool_attr(gobj, "back_dismissable")) {
 		let shell = yui_shell_of(gobj);
-		if (shell) gobj_write_attr(gobj, "back_overlay", yui_shell_register_overlay(shell, function() {
-			close_window(gobj);
-		}, { keep_on_navigate: gobj_read_bool_attr(gobj, "keep_on_navigate") }));
+		if (shell) {
+			let overlay = yui_shell_register_overlay(shell, function() {
+				close_window(gobj);
+			}, { keep_on_navigate: gobj_read_bool_attr(gobj, "keep_on_navigate") });
+			gobj_write_attr(gobj, "back_overlay", overlay);
+		}
 	}
 	let on_win_resize = function() {
 		handleResize(gobj);
@@ -3453,16 +3466,18 @@ function build_default_header(gobj) {
 	if (empty_string(title) && empty_string(prefix)) return null;
 	let icon = gobj_read_str_attr(gobj, "icon");
 	let items = [];
-	if (!empty_string(icon)) if (icon.charAt(0) === "<") items.push([
-		"span",
-		{ class: "icon" },
-		icon
-	]);
-	else items.push([
-		"span",
-		{ class: "icon" },
-		[["i", { class: icon }]]
-	]);
+	if (!empty_string(icon)) {
+		if (icon.charAt(0) === "<") items.push([
+			"span",
+			{ class: "icon" },
+			icon
+		]);
+		else items.push([
+			"span",
+			{ class: "icon" },
+			[["i", { class: icon }]]
+		]);
+	}
 	if (!empty_string(prefix)) items.push([
 		"span",
 		{ class: "WINDOW_TITLE_PREFIX has-text-weight-semibold" },
@@ -4121,7 +4136,7 @@ function create_gclass$17(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$17 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_WINDOW_TO_CLOSE", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_WINDOW_MOVED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_WINDOW_RESIZED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
@@ -4129,7 +4144,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 = 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;
 }
@@ -4310,11 +4326,12 @@ function ensure_dock_style() {
 ************************************************************/
 function build_dock(gobj) {
 	ensure_dock_style();
-	gobj_write_attr(gobj, "$container", createElement2([
+	let $dock = createElement2([
 		"div",
 		{ class: "C_YUI_WINDOW_MANAGER yui-dock is-empty" },
 		[]
-	]));
+	]);
+	gobj_write_attr(gobj, "$container", $dock);
 	apply_placement(gobj);
 }
 /************************************************************
@@ -4765,7 +4782,7 @@ function mt_destroy$15(gobj) {
 *   Build UI
 ************************************************************/
 function build_ui$13(gobj) {
-	gobj_write_attr(gobj, "$container", createElement2([
+	let $container = createElement2([
 		"div",
 		{
 			class: "C_YUI_PAGER",
@@ -4834,7 +4851,8 @@ function build_ui$13(gobj) {
 			},
 			[]
 		]]
-	]));
+	]);
+	gobj_write_attr(gobj, "$container", $container);
 }
 /************************************************************
 *   Destroy UI
@@ -5094,7 +5112,7 @@ function create_gclass$15(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$15 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_PUSH_PAGE", 0],
 		["EV_POP_PAGE", 0],
 		["EV_BACK", 0],
@@ -5107,7 +5125,8 @@ function create_gclass$15(gclass_name) {
 		["EV_PAGE_SHOWN", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_PAGE_DISCARD", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_PAGER_EXIT", event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt$15, 0, attrs_table$15, PRIVATE_DATA$15, 0, 0, 0, 0);
+	];
+	__gclass__$15 = 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;
 }
@@ -5297,7 +5316,7 @@ function mt_destroy$14(gobj) {
 *   Build UI
 ************************************************************/
 function build_ui$12(gobj) {
-	gobj_write_attr(gobj, "$container", createElement2([
+	let $container = createElement2([
 		"div",
 		{
 			class: "C_YUI_WIZARD",
@@ -5383,7 +5402,8 @@ function build_ui$12(gobj) {
 				]]
 			]
 		]
-	]));
+	]);
+	gobj_write_attr(gobj, "$container", $container);
 }
 /************************************************************
 *   Destroy UI
@@ -5709,7 +5729,7 @@ function create_gclass$14(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$14 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_SET_STEPS", 0],
 		["EV_NEXT", 0],
 		["EV_PREV", 0],
@@ -5725,7 +5745,8 @@ function create_gclass$14(gclass_name) {
 		["EV_WIZARD_DONE", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_WIZARD_CANCEL", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_STEP_VALIDATE", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$14, 0, attrs_table$14, PRIVATE_DATA$14, 0, 0, 0, 0);
+	];
+	__gclass__$14 = 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;
 }
@@ -6008,7 +6029,8 @@ function mt_create$13(gobj) {
 	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (!subscriber) subscriber = gobj_parent(gobj);
 	gobj_subscribe_event(gobj, null, {}, subscriber);
-	gobj_write_attr(gobj, "form_id", "form" + clean_name(gobj_name(gobj)));
+	let name = clean_name(gobj_name(gobj));
+	gobj_write_attr(gobj, "form_id", "form" + name);
 	build_ui$11(gobj);
 }
 /************************************************************
@@ -6092,7 +6114,8 @@ function set_changed_stated(gobj, changed) {
 async function readClipboard$1(gobj) {
 	try {
 		const text = await navigator.clipboard.readText();
-		gobj_send_event(gobj, "EV_PASTE_RECORD", JSON.parse(text), gobj);
+		let kw = JSON.parse(text);
+		gobj_send_event(gobj, "EV_PASTE_RECORD", kw, gobj);
 	} catch (error) {
 		log_error(`Failed to read clipboard contents: ${error}`);
 	}
@@ -6309,8 +6332,9 @@ function destroy_ui$7(gobj) {
 *   Build form with bulma and createElement2
 ******************************************************************/
 function build_form(gobj) {
+	let form_id = gobj_read_str_attr(gobj, "form_id");
 	let $form = createElement2(["form", {
-		id: gobj_read_str_attr(gobj, "form_id"),
+		id: form_id,
 		class: "yui-form"
 	}]);
 	let template = gobj_read_attr(gobj, "template");
@@ -6417,7 +6441,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;
@@ -6454,18 +6477,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";
@@ -6583,9 +6600,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;
@@ -6691,40 +6706,38 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 						]]
 					]);
 					break;
-				default:
-					$element = createElement2([
+				default: $element = 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":
@@ -6977,7 +6990,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 				log_error(sprintf("%s: select field '%s' options not an array (type=%s, real_type=%s); rendering empty", gobj_short_name(gobj), name, field_desc.type, field_desc.real_type));
 				opts = [];
 			}
-			let $wrapper = createElement2([
+			let extend = [
 				"div",
 				{ class: "select" },
 				[
@@ -6995,7 +7008,8 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					} }
 				]
-			]);
+			];
+			let $wrapper = createElement2(extend);
 			$control.appendChild($wrapper);
 			$extend = $wrapper.querySelector("select");
 			break;
@@ -7006,7 +7020,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 				log_error(sprintf("%s: select2 field '%s' options not an array (type=%s, real_type=%s); rendering empty", gobj_short_name(gobj), name, field_desc.type, field_desc.real_type));
 				opts = [];
 			}
-			$extend = createElement2([
+			let extend = [
 				"select",
 				{
 					name,
@@ -7021,7 +7035,8 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 					},
 					option
 				])
-			]);
+			];
+			$extend = createElement2(extend);
 			$control.appendChild($extend);
 			$extend.tom_select = new TomSelect($extend, {
 				allowEmptyOption: true,
@@ -7059,15 +7074,17 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 			$extend = $wrapper.querySelector("input");
 			break;
 		}
-		case "radio":
-			$extend = createOneHtml(`
+		case "radio": {
+			let elm = `
                    <label class="radio">
                       <input type="radio" name="${name}">
                       ${t(options)}
                     </label>
-                `);
+                `;
+			$extend = createOneHtml(elm);
 			$control.appendChild($extend);
 			break;
+		}
 		case "jsoneditor": {
 			let attrs = {
 				class: "jsoneditor" + (yui_is_dark() ? " jse-theme-dark" : ""),
@@ -7174,9 +7191,7 @@ function create_coordinates(gobj, attrs) {
 				case error.TIMEOUT:
 					errorMsg = t("timed out");
 					break;
-				default:
-					errorMsg = t("unknown error");
-					break;
+				default: errorMsg = t("unknown error");
 			}
 			$input.classList.add("is-danger");
 			let $h = $input.closest(".xcontrol").parentNode.querySelector(".help");
@@ -7191,7 +7206,7 @@ function create_coordinates(gobj, attrs) {
 			$h.style.display = "block";
 		}
 	}
-	let $extend = createElement2([
+	let extend = [
 		"div",
 		{ class: "field is-flex is-align-items-center" },
 		[[
@@ -7218,7 +7233,8 @@ function create_coordinates(gobj, attrs) {
 				} }
 			]]
 		]]
-	]);
+	];
+	let $extend = createElement2(extend);
 	let $control = $extend.querySelector(".control");
 	attach_clear($control, $control.querySelector("input"));
 	return $extend;
@@ -7245,10 +7261,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 = createElement2(["div", {
+			let extend = ["div", {
 				class: "yui-tabulator-table-nested pl-6 is-bordered is-striped",
 				"name": sub_element.name
-			}]);
+			}];
+			let $extend = createElement2(extend);
 			$extend.tabulator = create_tabulator$1(gobj, $extend, sub_element.name, sub_element.template);
 			row.getElement().appendChild($extend);
 		}
@@ -7336,9 +7353,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}"]`);
 						gobj_send_event(gobj, "EV_ADD_TABLE_ROW", {
 							$row,
-							$table: $row.querySelector(`[name="${field_desc.name}"]`),
+							$table: $extend,
 							record: {},
 							loading: false
 						}, gobj);
@@ -7353,9 +7371,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;
@@ -7400,18 +7416,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";
@@ -7507,9 +7517,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":
@@ -7556,9 +7564,7 @@ function get_form_values(gobj, $form) {
 				if ($input.tagName !== "INPUT") $input = $input.querySelector("input");
 				value = getInputValue($input);
 				break;
-			default:
-				log_error(sprintf("%s: $form type unknown: '%s'", gobj_short_name(gobj), tag));
-				break;
+			default: log_error(sprintf("%s: $form type unknown: '%s'", gobj_short_name(gobj), tag));
 		}
 		value = form_value_2_treedb_value(gobj, field_desc, value);
 		let path;
@@ -7574,14 +7580,16 @@ function get_form_values(gobj, $form) {
 function clear_data(gobj, $form) {
 	let pkey = 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();
@@ -7663,9 +7671,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":
@@ -7696,9 +7702,7 @@ function set_form_values(gobj, template, $form, record) {
 				if ($input.tagName !== "INPUT") $input = $input.querySelector("input");
 				$input.value = value;
 				break;
-			default:
-				log_error(sprintf("%s: $form type unknown: '%s'", gobj_short_name(gobj), tag));
-				break;
+			default: log_error(sprintf("%s: $form type unknown: '%s'", gobj_short_name(gobj), tag));
 		}
 		refresh_clear($input);
 	});
@@ -7812,9 +7816,7 @@ function treedb_value_2_form_value(gobj, field_desc, value) {
 			}
 			value = `${longitude}, ${latitude}`;
 			break;
-		default:
-			log_error("treedb_value_2_form_value() type unknown: " + type);
-			break;
+		default: log_error("treedb_value_2_form_value() type unknown: " + type);
 	}
 	return value;
 }
@@ -7858,9 +7860,7 @@ function form_value_2_treedb_value(gobj, field_desc, value) {
 				case "integer":
 					if (value && is_date(value)) value = value.getTime() / 1e3;
 					break;
-				default:
-					log_error("incompatible type for time: " + real_type);
-					break;
+				default: log_error("incompatible type for time: " + real_type);
 			}
 			break;
 		case "date":
@@ -7921,9 +7921,7 @@ function form_value_2_treedb_value(gobj, field_desc, value) {
 				"coordinates": [lnglat[0], lnglat[1]]
 			} };
 			break;
-		default:
-			log_error("form_value_2_treedb_value() type unknown: " + type);
-			break;
+		default: log_error("form_value_2_treedb_value() type unknown: " + type);
 	}
 	return value;
 }
@@ -7960,7 +7958,8 @@ function ac_load_record(gobj, event, kw, src) {
 function ac_save_record(gobj, event, kw, src) {
 	let $form = gobj_read_attr(gobj, "$container").querySelector("form");
 	if (validate_form(gobj, $form)) {
-		gobj_publish_event(gobj, "EV_SAVE_RECORD", get_form_values(gobj, $form));
+		let values = get_form_values(gobj, $form);
+		gobj_publish_event(gobj, "EV_SAVE_RECORD", values);
 		set_changed_stated(gobj, false);
 	} else {
 		kw.abort_close = true;
@@ -8166,7 +8165,7 @@ function create_gclass$13(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$13 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_LOAD_RECORD", 0],
 		["EV_SAVE_RECORD", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_UNDO_RECORD", 0],
@@ -8182,7 +8181,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 = 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;
 }
@@ -8781,14 +8781,16 @@ function xtouchStart(gobj, e) {
 function ac_edit_map(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	const map = priv.xmap;
-	if (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 (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;
 }
@@ -9031,14 +9033,15 @@ function build_ui$10(gobj) {
 		gobj_write_bool_attr(gobj, "$container", $container);
 		gobj_write_bool_attr(gobj, "own_container", true);
 	}
-	let uplot = new uPlot({
+	let uPlot_options = {
 		title: gobj_read_attr(gobj, "title"),
 		width: gobj_read_attr(gobj, "width"),
 		height: gobj_read_attr(gobj, "height"),
 		series: gobj_read_attr(gobj, "series"),
 		axes: gobj_read_attr(gobj, "axes"),
 		scales: gobj_read_attr(gobj, "scales")
-	}, gobj_read_attr(gobj, "data"), $container);
+	};
+	let uplot = new uPlot(uPlot_options, gobj_read_attr(gobj, "data"), $container);
 	gobj_write_attr(gobj, "uplot", uplot);
 	let fixed_height = gobj_read_attr(gobj, "height");
 	function fit_to_container() {
@@ -9093,11 +9096,13 @@ function ac_load_data$2(gobj, event, kw, src) {
 		for (let idx = 1; idx < uplot.series.length; idx++) {
 			let serie = uplot.series[idx];
 			let value = kw[i][serie.id];
-			if (is_string(value)) if (value.toLowerCase() === "on") value = 1;
-			else if (value.toLowerCase() === "off") value = 0;
-			else {
-				log_error(`${gobj_short_name(gobj)} value not contemplated: '${value}'`);
-				value = 0;
+			if (is_string(value)) {
+				if (value.toLowerCase() === "on") value = 1;
+				else if (value.toLowerCase() === "off") value = 0;
+				else {
+					log_error(`${gobj_short_name(gobj)} value not contemplated: '${value}'`);
+					value = 0;
+				}
 			}
 			data[idx].push(value);
 		}
@@ -9573,6 +9578,7 @@ function mt_destroy$10(gobj) {
 ************************************************************/
 function build_ui$9(gobj) {
 	let priv = gobj.priv;
+	let $toolbar = make_toolbar$3(gobj);
 	let $container = createElement2([
 		"div",
 		{
@@ -9582,7 +9588,7 @@ function build_ui$9(gobj) {
 		[[
 			"div",
 			{ class: "is-flex-grow-0 is-flex toolbar_yui_json_graph" },
-			make_toolbar$3(gobj)
+			$toolbar
 		], [
 			"div",
 			{
@@ -9765,9 +9771,7 @@ function build_cell_html(key, value, type, dark) {
 		case "dict":
 			display_value = `{${json_object_size(value)}}`;
 			break;
-		default:
-			display_value = String(value);
-			break;
+		default: display_value = String(value);
 	}
 	return `<span style="color:${key_color}">• ${escapeHtml(String(key))}: </span><span style="color:${color}">${display_value}</span>`;
 }
@@ -10212,7 +10216,7 @@ function create_gclass$10(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$10 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_LOAD_DATA", 0],
 		["EV_REFRESH", 0],
 		["EV_THEME", 0],
@@ -10225,7 +10229,8 @@ function create_gclass$10(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_JSON_ITEM_CLICKED", event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt$10, 0, attrs_table$10, PRIVATE_DATA$10, 0, 0, 0, 0);
+	];
+	__gclass__$10 = 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;
 }
@@ -10475,6 +10480,7 @@ function mt_destroy$9(gobj) {
 ************************************************************/
 function build_ui$8(gobj) {
 	let priv = gobj.priv;
+	let $toolbar = make_toolbar$2(gobj);
 	let $container = createElement2([
 		"div",
 		{
@@ -10484,7 +10490,7 @@ function build_ui$8(gobj) {
 		[[
 			"div",
 			{ class: "JSON_TOOLBAR is-flex-grow-0" },
-			[make_toolbar$2(gobj)]
+			[$toolbar]
 		], [
 			"div",
 			{
@@ -10841,9 +10847,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 !== "") {
@@ -11191,7 +11195,7 @@ function create_gclass$9(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$9 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_SET_JSON", 0],
 		["EV_SUBTREE_LOADED", 0],
 		["EV_SUBTREE_ERROR", 0],
@@ -11206,7 +11210,8 @@ function create_gclass$9(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_EXPAND_PATH", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$9, 0, attrs_table$9, PRIVATE_DATA$9, 0, 0, 0, 0);
+	];
+	__gclass__$9 = 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;
 }
@@ -11214,6 +11219,7 @@ function create_gclass$9(gclass_name) {
 *          Register GClass
 ***************************************************************/
 function register_c_yui_json() {
+	if (gclass_find_by_name(GCLASS_NAME$9, false)) return 0;
 	return create_gclass$9(GCLASS_NAME$9);
 }
 //#endregion
@@ -11504,6 +11510,7 @@ function mt_destroy$8(gobj) {
 ************************************************************/
 function build_ui$7(gobj) {
 	let priv = gobj.priv;
+	let $toolbar = make_toolbar$1(gobj);
 	let $container = createElement2([
 		"div",
 		{
@@ -11513,7 +11520,7 @@ function build_ui$7(gobj) {
 		[[
 			"div",
 			{ class: "is-flex-grow-0 is-flex toolbar_yui_gobj_tree" },
-			make_toolbar$1(gobj)
+			$toolbar
 		], [
 			"div",
 			{
@@ -13482,7 +13489,8 @@ function render_tabs(gobj, items) {
 	]);
 }
 function render_cards(gobj, items) {
-	return createElement2(cards_grid_descriptor(items, gobj_read_attr(gobj, "show_label")));
+	let show_label = gobj_read_attr(gobj, "show_label");
+	return createElement2(cards_grid_descriptor(items, show_label));
 }
 /************************************************************
 *  "backbar": a single "← <section>" link back to the section
@@ -13949,13 +13957,14 @@ function create_gclass$6(gclass_name) {
 		ac_set_items,
 		null
 	]]]];
-	__gclass__$6 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_ROUTE_CHANGED", 0],
 		["EV_SET_ITEMS", 0],
 		["EV_NAV_CLICKED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_NAV_ITEM_CLOSE", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_DRAWER_CLOSE_REQUESTED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_PUBLIC_EVENT]
-	], states, gmt$6, 0, attrs_table$6, PRIVATE_DATA$6, 0, 0, 0, 0);
+	];
+	__gclass__$6 = 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;
 }
@@ -14121,20 +14130,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 = createElement2([
 		"div",
 		{ class: "ROUTEMAP_TREE" },
 		[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 = createElement2(["input", {
@@ -14321,8 +14331,9 @@ function yui_shell_show_route_map(shell, opts) {
 	if (gclass_find_by_name("C_YUI_WINDOW") !== null) {
 		let win_ref = { gobj: null };
 		let $body = build_body(shell, t);
+		let $parent = yui_shell_popup_layer(shell) || typeof document !== "undefined" && document.getElementById("top-layer") || null;
 		let win = gobj_create_service(WIN_NAME$1, "C_YUI_WINDOW", {
-			$parent: yui_shell_popup_layer(shell) || typeof document !== "undefined" && document.getElementById("top-layer") || null,
+			$parent,
 			subscriber: null,
 			modal: false,
 			showMax: true,
@@ -14736,7 +14747,8 @@ function add_tab(gobj, gobj2, id, text, icon) {
 ************************************************************/
 function select_topic_by_id(gobj, id) {
 	gobj_send_event(gobj, "EV_SHOW", { href: id }, gobj);
-	gobj_publish_event(gobj, "EV_TOPIC_SELECTED", { topic: id.indexOf("?") >= 0 ? id.split("?")[1] : id });
+	let topic = id.indexOf("?") >= 0 ? id.split("?")[1] : id;
+	gobj_publish_event(gobj, "EV_TOPIC_SELECTED", { topic });
 }
 /************************************************************
 *  One icon-action anchor of a topic card: a REAL hash link
@@ -15184,13 +15196,14 @@ function process_treedb_descs$1(gobj) {
 		gobj_start(gobj_topic_form);
 	}
 	let href = gobj_read_str_attr(gobj, "last_selection");
-	if (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) gobj_send_event(gobj, "EV_SHOW", { href }, gobj);
-	else show_topics_landing(gobj);
-	else {
+	if (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) 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:${gobj_name(gobj)}`);
 			if (topic) href = `${gobj_name(gobj)}?${topic}`;
@@ -15532,7 +15545,10 @@ function ac_mt_command_answer$1(gobj, event, kw, src) {
 			break;
 		case "nodes":
 			let topic_name = kw_get_str(gobj, kw_command, "topic_name", "", kw_flag_t.KW_REQUIRED);
-			if (result >= 0) gobj_send_event(gobj_find_child(gobj, { __gobj_name__: `${gobj_name(gobj)}?${topic_name}` }), "EV_LOAD_NODES", data, gobj);
+			if (result >= 0) {
+				let gobj_topic_form = gobj_find_child(gobj, { __gobj_name__: `${gobj_name(gobj)}?${topic_name}` });
+				gobj_send_event(gobj_topic_form, "EV_LOAD_NODES", data, gobj);
+			}
 			break;
 		case "create-node":
 		case "update-node":
@@ -15698,7 +15714,10 @@ function ac_treedb_node_created$1(gobj, event, kw, src) {
 	let treedb_name = kw_get_str(gobj, kw, "treedb_name", "", 0);
 	let topic_name = kw_get_str(gobj, kw, "topic_name", "", 0);
 	let node = kw_get_dict_value(gobj, kw, "node", null, 0);
-	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event(get_gobj_formtable(gobj, topic_name), "EV_LOAD_NODE_CREATED", [node], gobj);
+	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) {
+		let gobj_formtable = get_gobj_formtable(gobj, topic_name);
+		gobj_send_event(gobj_formtable, "EV_LOAD_NODE_CREATED", [node], gobj);
+	}
 	return 0;
 }
 /********************************************
@@ -15708,7 +15727,10 @@ function ac_treedb_node_updated$1(gobj, event, kw, src) {
 	let treedb_name = kw_get_str(gobj, kw, "treedb_name", "", 0);
 	let topic_name = kw_get_str(gobj, kw, "topic_name", "", 0);
 	let node = kw_get_dict_value(gobj, kw, "node", null, 0);
-	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event(get_gobj_formtable(gobj, topic_name), "EV_LOAD_NODE_UPDATED", [node], gobj);
+	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) {
+		let gobj_formtable = get_gobj_formtable(gobj, topic_name);
+		gobj_send_event(gobj_formtable, "EV_LOAD_NODE_UPDATED", [node], gobj);
+	}
 	return 0;
 }
 /********************************************
@@ -15718,7 +15740,10 @@ function ac_treedb_node_deleted$1(gobj, event, kw, src) {
 	let treedb_name = kw_get_str(gobj, kw, "treedb_name", "", 0);
 	let topic_name = kw_get_str(gobj, kw, "topic_name", "", 0);
 	let node = kw_get_dict_value(gobj, kw, "node", null, 0);
-	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event(get_gobj_formtable(gobj, topic_name), "EV_NODE_DELETED", [node], gobj);
+	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) {
+		let gobj_formtable = get_gobj_formtable(gobj, topic_name);
+		gobj_send_event(gobj_formtable, "EV_NODE_DELETED", [node], gobj);
+	}
 	return 0;
 }
 /********************************************
@@ -15924,7 +15949,7 @@ function create_gclass$5(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$5 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_MT_COMMAND_ANSWER", event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_TREEDB_NODE_CREATED", event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_TREEDB_NODE_UPDATED", event_flag_t.EVF_PUBLIC_EVENT],
@@ -15945,7 +15970,8 @@ function create_gclass$5(gclass_name) {
 		["EV_BACK_TO_TOPICS", 0],
 		["EV_TRANSPORT_STATE", 0],
 		["EV_TOPIC_SELECTED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$5, 0, attrs_table$5, PRIVATE_DATA$5, 0, 0, 0, 0);
+	];
+	__gclass__$5 = 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;
 }
@@ -16075,6 +16101,7 @@ var attrs_table$4 = [
 	SDATA(data_type_t.DTP_BOOLEAN, "with_paste_button", 0, true, "Button toolbar PASTE"),
 	SDATA(data_type_t.DTP_BOOLEAN, "with_refresh_button", 0, true, "Button toolbar REFRESH"),
 	SDATA(data_type_t.DTP_BOOLEAN, "with_search_button", 0, true, "Button toolbar SEARCH"),
+	SDATA(data_type_t.DTP_BOOLEAN, "with_schema_button", 0, true, "Button toolbar SCHEMA (show the topic's desc)"),
 	SDATA(data_type_t.DTP_BOOLEAN, "with_in_row_edit_icons", 0, true, "Add a last column with internal EDIT/DELETE icon"),
 	SDATA(data_type_t.DTP_BOOLEAN, "editable", 0, false, "Edit state"),
 	SDATA(data_type_t.DTP_BOOLEAN, "with_checkbox", 0, true, "Auxiliary first column to select rows"),
@@ -16108,7 +16135,9 @@ var PRIVATE_DATA$4 = {
 	topic_name: "",
 	tabulator: null,
 	form: null,
-	form_modal: null
+	form_modal: null,
+	schema_gobj: null,
+	schema_modal: null
 };
 var __gclass__$4 = null;
 function popup_mount_layer(gobj) {
@@ -16147,6 +16176,7 @@ function mt_stop$4(gobj) {
 	let shell = yui_shell_of(gobj);
 	if (shell) gobj_unsubscribe_event(shell, "EV_LANGUAGE_CHANGED", {}, gobj);
 	close_form_dialog(gobj);
+	close_schema_dialog(gobj);
 	table__destroy(gobj);
 }
 /***************************************************************
@@ -16154,6 +16184,7 @@ function mt_stop$4(gobj) {
 ***************************************************************/
 function mt_destroy$4(gobj) {
 	close_form_dialog(gobj);
+	close_schema_dialog(gobj);
 	destroy_ui$1(gobj);
 }
 /************************************************************
@@ -16209,7 +16240,8 @@ function cmd_get_topic_data(gobj, cmd, kw, src) {
 async function readClipboard(gobj) {
 	try {
 		const text = await navigator.clipboard.readText();
-		gobj_send_event(gobj, "EV_PASTE_ROWS", JSON.parse(text), gobj);
+		let kw = JSON.parse(text);
+		gobj_send_event(gobj, "EV_PASTE_ROWS", kw, gobj);
 	} catch (error) {
 		log_error(`Failed to read clipboard contents: ${error}`);
 	}
@@ -16355,7 +16387,9 @@ function build_ui$4(gobj) {
 	let toolbar_id = gobj_read_str_attr(gobj, "toolbar_id");
 	let $view_toolbar = createElement2(["div", { class: "TREEDB_TABLE_TOOLS is-flex is-align-items-center" }]);
 	let with_refresh_button = gobj_read_bool_attr(gobj, "with_refresh_button");
-	if (gobj_read_bool_attr(gobj, "with_search_button")) {
+	let with_search_button = gobj_read_bool_attr(gobj, "with_search_button");
+	let with_schema_button = gobj_read_bool_attr(gobj, "with_schema_button");
+	if (with_search_button) {
 		let search_id = `${toolbar_id}_search`;
 		let $search_box = createElement2([
 			"div",
@@ -16413,6 +16447,33 @@ function build_ui$4(gobj) {
 		]);
 		$view_toolbar.appendChild($refresh);
 	}
+	if (with_schema_button) {
+		let $schema = createElement2([
+			"button",
+			{
+				class: "TREEDB_TABLE_SCHEMA button mr-1",
+				title: t("schema"),
+				"data-i18n-title": "schema",
+				"aria-label": 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();
+				gobj_send_event(gobj, "EV_SHOW_SCHEMA", {}, gobj);
+			} }
+		]);
+		$view_toolbar.appendChild($schema);
+	}
+	let table_id = gobj_read_str_attr(gobj, "table_id");
 	let $container = createElement2([
 		"div",
 		{
@@ -16423,7 +16484,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: `${gobj_read_str_attr(gobj, "table_id")}`,
+			id: `${table_id}`,
 			style: "margin-top:0px !important;"
 		}]]
 	]);
@@ -16466,7 +16527,8 @@ function destroy_ui$1(gobj) {
 *   columns); leave the rest on the flat shared key.
 ******************************************************************/
 function col_label(col, topic_name) {
-	return 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 t(keys, { defaultValue: col.header || col.id });
 }
 /******************************************************************
 *   Column-title formatter: render the header as a span carrying
@@ -16592,7 +16654,6 @@ function create_tabulator(gobj) {
 			case "real":
 				hozAlign = "right";
 				sorter = "number";
-				break;
 		}
 		let colDef = {
 			title: col_label(col, gobj_read_str_attr(gobj, "topic_name")),
@@ -16737,9 +16798,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":
@@ -16756,14 +16815,16 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 			break;
 		case "fkey":
 			let new_value = [];
-			if (value) if (is_string(value)) {
-				let fkey = treedb_decoder_fkey(col, value);
-				if (fkey) new_value.push(fkey.id);
-			} else if (is_array(value)) for (let i = 0; i < value.length; i++) {
-				let fkey = treedb_decoder_fkey(col, value[i]);
-				if (fkey) new_value.push(fkey.id);
+			if (value) {
+				if (is_string(value)) {
+					let fkey = treedb_decoder_fkey(col, value);
+					if (fkey) new_value.push(fkey.id);
+				} else if (is_array(value)) for (let i = 0; i < value.length; i++) {
+					let fkey = treedb_decoder_fkey(col, value[i]);
+					if (fkey) new_value.push(fkey.id);
+				}
+				else log_error("fkey type unsupported: " + JSON.stringify(value));
 			}
-			else log_error("fkey type unsupported: " + JSON.stringify(value));
 			value = new_value.join(", ");
 			break;
 		case "now":
@@ -16784,14 +16845,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:
-			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: 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)) {
 		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}`);
@@ -16959,6 +17017,83 @@ 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 = gobj_read_attr(gobj, "desc");
+	if (!desc) {
+		log_error(`${gobj_short_name(gobj)}: no desc, no schema to show`);
+		return;
+	}
+	let shell = yui_shell_of(gobj);
+	if (!shell) {
+		log_error(`${gobj_short_name(gobj)}: no shell, cannot open the schema view`);
+		return;
+	}
+	let json_view = gobj_create_pure_child("schema_" + clean_name(gobj_name(gobj)), "C_YUI_JSON", {}, gobj);
+	if (!json_view) {
+		log_error(`${gobj_short_name(gobj)}: cannot create the schema viewer`);
+		return;
+	}
+	priv.schema_gobj = json_view;
+	gobj_start(json_view);
+	let $box = gobj_read_attr(json_view, "$container");
+	if (!$box) {
+		log_error(`${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: gobj_read_str_attr(gobj, "topic_name"),
+		title: "schema",
+		t,
+		on_close: function() {
+			teardown_schema_child(gobj);
+		}
+	});
+	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 (gobj_is_running(priv.schema_gobj)) gobj_stop(priv.schema_gobj);
+		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);
+}
+/************************************************************
 *  True if the topic's pkey col carries the "rowid" flag.
 ************************************************************/
 function pkey_is_rowid(gobj) {
@@ -17072,16 +17207,16 @@ function transform__form_value_2_treedb_value(gobj, col, value, operation) {
 		case "enum":
 			switch (field_desc.real_type) {
 				case "string":
-					if (is_array(value)) if (value.length > 0) value = value[0];
-					else value = "";
+					if (is_array(value)) {
+						if (value.length > 0) value = value[0];
+						else value = "";
+					}
 					break;
 				case "object":
 				case "dict":
 				case "array":
 				case "list": break;
-				default:
-					log_error("col type unknown 6: " + field_desc.real_type);
-					break;
+				default: log_error("col type unknown 6: " + field_desc.real_type);
 			}
 			break;
 		case "now":
@@ -17093,23 +17228,17 @@ function transform__form_value_2_treedb_value(gobj, col, value, operation) {
 				case "integer":
 					if (value && is_date(value)) value = value.getTime() / 1e3;
 					break;
-				default:
-					log_error("col type unknown 7: " + field_desc.real_type);
-					break;
+				default: 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:
-					log_error("col type unknown 7: " + field_desc.real_type);
-					break;
+				default: log_error("col type unknown 7: " + field_desc.real_type);
 			}
 			break;
-		default:
-			log_error("col type unknown 8: " + field_desc.type);
-			break;
+		default: log_error("col type unknown 8: " + field_desc.type);
 	}
 	return value;
 }
@@ -17151,9 +17280,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 (is_object(v)) {
 			let topic_name = v.topic_name;
@@ -17166,9 +17293,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 {
 			log_error("Merde value1: " + v);
@@ -17285,8 +17410,10 @@ function ac_load_nodes(gobj, event, kw, src) {
 		return -1;
 	}
 	let tabulator = 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;
 }
 /************************************************************
@@ -17395,9 +17522,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);
@@ -17488,7 +17613,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) {
-	gobj_publish_event(gobj, gobj_read_str_attr(src, "form_mode") === "create" ? "EV_CREATE_RECORD" : "EV_UPDATE_RECORD", {
+	let mode = gobj_read_str_attr(src, "form_mode");
+	gobj_publish_event(gobj, mode === "create" ? "EV_CREATE_RECORD" : "EV_UPDATE_RECORD", {
 		topic_name: gobj_read_str_attr(gobj, "topic_name"),
 		record: kw
 	});
@@ -17505,12 +17631,14 @@ function ac_select_rows(gobj, event, kw, src) {
 	let $container = 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 && 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 && 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 (gobj_read_bool_attr(gobj, "broadcast_select_rows_event")) gobj_publish_event(gobj, event, kw);
 	return 0;
@@ -17523,12 +17651,14 @@ function ac_unselect_rows(gobj, event, kw, src) {
 	let $container = 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 && 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 && 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 (gobj_read_bool_attr(gobj, "broadcast_select_rows_event")) gobj_publish_event(gobj, event, kw);
 	return 0;
@@ -17550,7 +17680,8 @@ function ac_change_locale(gobj, event, kw, src) {
 *  };
 ************************************************************/
 function ac_show_hook_data$1(gobj, event, kw, src) {
-	let row = kwid_find_one_record(gobj, gobj_command(gobj_parent(gobj), "get_topic_data", kw, gobj).data, kw.row_id, null);
+	let webix = gobj_command(gobj_parent(gobj), "get_topic_data", kw, gobj);
+	let row = 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);
@@ -17565,6 +17696,13 @@ function ac_refresh$1(gobj, event, kw, src) {
 	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
 *  }
@@ -17678,6 +17816,11 @@ function create_gclass$4(gclass_name) {
 			ac_refresh$1,
 			null
 		],
+		[
+			"EV_SHOW_SCHEMA",
+			ac_show_schema,
+			null
+		],
 		[
 			"EV_SHOW",
 			ac_show$3,
@@ -17689,7 +17832,7 @@ function create_gclass$4(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$4 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_LANGUAGE_CHANGED", 0],
 		["EV_LOAD_NODES", 0],
 		["EV_LOAD_NODE_CREATED", 0],
@@ -17706,13 +17849,15 @@ function create_gclass$4(gclass_name) {
 		["EV_SHOW_HOOK_DATA", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_CHANGE_LOCALE", 0],
 		["EV_REFRESH", 0],
+		["EV_SHOW_SCHEMA", 0],
 		["EV_CREATE_RECORD", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_UPDATE_RECORD", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_DELETE_RECORD", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_REFRESH_TOPIC", 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 = 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;
 }
@@ -17721,6 +17866,7 @@ function create_gclass$4(gclass_name) {
 ***************************************************************/
 function register_c_yui_treedb_topic_with_form() {
 	if (!gclass_find_by_name("C_YUI_FORM", false)) register_c_yui_form();
+	if (!gclass_find_by_name("C_YUI_JSON", false)) register_c_yui_json();
 	return create_gclass$4(GCLASS_NAME$4);
 }
 //#endregion
@@ -17907,7 +18053,8 @@ function mt_create$3(gobj) {
 	if (!subscriber) subscriber = gobj_parent(gobj);
 	gobj_subscribe_event(gobj, null, {}, subscriber);
 	if (!priv.treedb_name) log_error(`${gobj_name(gobj)} -> treedb_name not configured`);
-	gobj_write_attr(gobj, "canvas_id", clean_name(gobj_name(gobj)) + "-canvas");
+	let canvas_id = clean_name(gobj_name(gobj)) + "-canvas";
+	gobj_write_attr(gobj, "canvas_id", canvas_id);
 	let $container_canvas = build_ui$3(gobj).querySelector(`#${priv.canvas_id}`);
 	priv.gobj_nodes_tree = gobj_create_service(`${gobj_name(gobj)}-g6`, "C_G6_NODES_TREE", {
 		$container: $container_canvas,
@@ -18693,8 +18840,10 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 		else gobj_send_event(jv, "EV_SET_JSON", { json: data }, gobj);
 		return 0;
 	}
-	if (result < 0) if (command === "descs") show_load_error(gobj, t(comment));
-	else yui_shell_show_error(yui_shell_of(gobj), comment, { t });
+	if (result < 0) {
+		if (command === "descs") show_load_error(gobj, t(comment));
+		else yui_shell_show_error(yui_shell_of(gobj), comment, { t });
+	}
 	switch (command) {
 		case "descs":
 			if (result >= 0) process_treedb_descs(gobj, data);
@@ -19230,7 +19379,7 @@ function create_gclass$3(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$3 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_MT_COMMAND_ANSWER", event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_TREEDB_NODE_CREATED", event_flag_t.EVF_PUBLIC_EVENT],
 		["EV_TREEDB_NODE_UPDATED", event_flag_t.EVF_PUBLIC_EVENT],
@@ -19259,7 +19408,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 = 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;
 }
@@ -19338,14 +19488,15 @@ function mt_destroy$2(gobj) {
 *   Build UI
 ************************************************************/
 function build_ui$2(gobj) {
-	gobj_write_attr(gobj, "$container", createElement2([
+	let $container = createElement2([
 		"div",
 		{
 			class: "C_YUI_TREEDB_SCHEMA TREEDB_SCHEMA_VIEW",
 			style: "position:relative; height:100%; min-height:0;"
 		},
 		[]
-	]));
+	]);
+	gobj_write_attr(gobj, "$container", $container);
 }
 /************************************************************
 *   Derive {nodes, edges} from the schema.
@@ -19470,7 +19621,8 @@ function build_graph$1(gobj) {
 	priv.graph = graph;
 	graph.setTheme(dark ? "dark" : "light");
 	graph.on(NodeEvent.CLICK, (evt) => {
-		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;
+		gobj_send_event(gobj, "EV_NODE_CLICK", { node_id }, gobj);
 	});
 	graph.render().then(() => {
 		try {
@@ -23599,7 +23751,6 @@ function segmentToCubic(segment, params) {
 				py
 			];
 			return ["C"].concat(lineToCubic(px1, py1, px, py));
-		default:
 	}
 	return segment;
 }
@@ -23623,7 +23774,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);
@@ -23675,20 +23827,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,
@@ -25244,7 +25398,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);
 		}
 	}, {
@@ -25334,14 +25492,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);
 	}
@@ -25408,8 +25567,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;
@@ -26383,9 +26544,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;
 }
@@ -26973,9 +27135,7 @@ var conversionToCanonicalUnitsScaleFactor = function conversionToCanonicalUnitsS
 		case UnitType.kGradians:
 			factor = .9;
 			break;
-		case UnitType.kTurns:
-			factor = 360;
-			break;
+		case UnitType.kTurns: factor = 360;
 	}
 	return factor;
 };
@@ -27149,9 +27309,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) {
@@ -27720,8 +27881,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);
 	}
 });
@@ -28138,7 +28301,6 @@ function getPathBBox(segments, lineWidth) {
 			default:
 				xArr.push(currentPoint[0]);
 				yArr.push(currentPoint[1]);
-				break;
 		}
 		if (box$1) {
 			segment.box = box$1;
@@ -28313,9 +28475,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;
@@ -29602,10 +29762,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]))];
 	}
@@ -30483,7 +30645,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;
@@ -31400,7 +31569,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;
 			}
 		},
@@ -31466,7 +31647,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;
 			}
@@ -31498,7 +31687,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",
@@ -31661,7 +31855,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 [];
 			}
@@ -31688,7 +31918,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);
 		}
 	}]);
@@ -31777,7 +32015,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;
@@ -31855,7 +32097,12 @@ var Node$1 = /*#__PURE__*/ function(_EventTarget) {
 		},
 		{
 			key: "parent",
-			get: function get() {
+			get: 
+			/**
+			* @deprecated
+			* @alias parentNode
+			*/
+			function get() {
 				return this.parentNode;
 			}
 		},
@@ -31925,7 +32172,12 @@ var Node$1 = /*#__PURE__*/ function(_EventTarget) {
 		},
 		{
 			key: "contain",
-			value: function contain(other) {
+			value: 
+			/**
+			* @deprecated
+			* @alias contains
+			*/
+			function contain(other) {
 				return this.contains(other);
 			}
 		},
@@ -31976,7 +32228,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;
 			}
@@ -32139,7 +32396,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) {}
@@ -32762,10 +33023,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) {
@@ -32972,12 +33235,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;
 				});
@@ -33152,7 +33417,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,
@@ -33650,7 +33923,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;
@@ -33663,7 +33947,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) {
@@ -33672,7 +33965,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 !== "";
 				});
@@ -33746,8 +34043,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);
@@ -34013,13 +34312,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);
 			}
 		},
@@ -36663,7 +36971,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,
@@ -36862,18 +37174,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";
@@ -37565,8 +37879,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 [
@@ -38228,12 +38544,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() {
@@ -38977,15 +39294,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);
@@ -39965,7 +40280,6 @@ PERFORMANCE OF THIS SOFTWARE.
 						case 4:
 							results.push(accumulator.join(" "));
 							accumulator.length = 0;
-							break;
 					}
 				});
 				if (accumulator.length) results.push(accumulator.join(" "));
@@ -40174,9 +40488,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) {
@@ -40322,20 +40634,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";
@@ -40820,22 +41130,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;
@@ -41040,9 +41351,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;
 			}
@@ -41096,19 +41405,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);
+						}
 					}
 				}
 			}
@@ -41745,14 +42056,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) {
@@ -42081,18 +42394,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 ? "&" : "?";
@@ -42830,9 +43144,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);
 												}
 											});
 										}
@@ -42847,7 +43159,6 @@ PERFORMANCE OF THIS SOFTWARE.
 										_this.ctx.strokeStyle = "";
 										_this.ctx.lineWidth = 0;
 										_this.ctx.lineJoin = "miter";
-										break;
 								}
 							});
 						});
@@ -42985,9 +43296,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();
@@ -43502,8 +43811,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;
@@ -43638,8 +43949,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;
@@ -43654,14 +43967,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;
@@ -43842,7 +44159,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;
 			}
 		},
@@ -43857,7 +44187,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);
@@ -44891,8 +45232,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;
 }
 /**
@@ -45201,7 +45544,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);
@@ -46680,18 +47030,20 @@ function configure_toolbar(gobj) {
 					title: t("reset zoom")
 				}
 			];
-			if (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: t("exit full screen")
-			});
-			else items.push({
-				id: "g6-icon-fullscreen",
-				value: "request-fullscreen",
-				className: "EV_REQUEST_FULLSCREEN",
-				title: t("enter full screen")
-			});
+			if (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: t("exit full screen")
+				});
+				else items.push({
+					id: "g6-icon-fullscreen",
+					value: "request-fullscreen",
+					className: "EV_REQUEST_FULLSCREEN",
+					title: t("enter full screen")
+				});
+			}
 			return items;
 		},
 		onClick: (value) => {
@@ -46714,9 +47066,7 @@ function configure_toolbar(gobj) {
 				case "request-fullscreen":
 					gobj_send_event(gobj, "EV_REQUEST_FULLSCREEN", {}, gobj);
 					break;
-				case "exit-fullscreen":
-					gobj_send_event(gobj, "EV_EXIT_FULLSCREEN", {}, gobj);
-					break;
+				case "exit-fullscreen": gobj_send_event(gobj, "EV_EXIT_FULLSCREEN", {}, gobj);
 			}
 		}
 	});
@@ -46787,9 +47137,7 @@ function configure_toolbar_edit(gobj) {
 				case "redo":
 					gobj_send_event(gobj, "EV_HISTORY_REDO", {}, gobj);
 					break;
-				case "save":
-					gobj_send_event(gobj, "EV_SAVE_GRAPH", {}, gobj);
-					break;
+				case "save": gobj_send_event(gobj, "EV_SAVE_GRAPH", {}, gobj);
 			}
 		}
 	});
@@ -46830,9 +47178,7 @@ function configure_behaviour(gobj) {
 		case "operation":
 			priv.edit_mode = false;
 			break;
-		default:
-			log_error(`operation mode unknown: ${operation_mode}`);
-			break;
+		default: log_error(`operation mode unknown: ${operation_mode}`);
 	}
 	if (!priv.edit_mode) deselect_node(gobj);
 	graph_write_behaviors(gobj, behaviors);
@@ -46867,9 +47213,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";
@@ -46909,7 +47253,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];
@@ -47104,13 +47447,15 @@ function collect_fkey_refs(desc, record) {
 		let col = cols[i];
 		if (!col.fkey) continue;
 		let fkeys = record[col.id];
-		if (fkeys) if (is_array(fkeys)) for (let j = 0; j < fkeys.length; j++) {
-			let key = treedb_encoder_fkey(col, fkeys[j]);
-			if (key) refs.add(i + "	" + key);
-		}
-		else {
-			let key = treedb_encoder_fkey(col, fkeys);
-			if (key) refs.add(i + "	" + key);
+		if (fkeys) {
+			if (is_array(fkeys)) for (let j = 0; j < fkeys.length; j++) {
+				let key = treedb_encoder_fkey(col, fkeys[j]);
+				if (key) refs.add(i + "	" + key);
+			}
+			else {
+				let key = treedb_encoder_fkey(col, fkeys);
+				if (key) refs.add(i + "	" + key);
+			}
 		}
 	}
 	return refs;
@@ -47126,8 +47471,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 (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 (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);
+		}
 	}
 }
 /************************************************************
@@ -47237,8 +47584,10 @@ function clear_links(gobj, desc, record, verbose) {
 		let col = cols[i];
 		if (!col.fkey) continue;
 		let fkeys = record[col.id];
-		if (fkeys) if (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 (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);
+		}
 	}
 }
 /************************************************************
@@ -47335,7 +47684,7 @@ function save_geometry(gobj) {
 	let origin = gobj_read_str_attr(gobj_yuno(), "node_uuid");
 	for (const [topic_name, properties] of Object.entries(priv._graph_properties)) {
 		properties.__origin__ = origin;
-		gobj_publish_event(gobj, "EV_UPDATE_NODE", {
+		let kw_update = {
 			treedb_name: priv.treedb_name,
 			topic_name: "__graphs__",
 			record: {
@@ -47349,7 +47698,8 @@ function save_geometry(gobj) {
 				autolink: false,
 				create: true
 			}
-		});
+		};
+		gobj_publish_event(gobj, "EV_UPDATE_NODE", kw_update);
 	}
 }
 /************************************************************
@@ -47360,7 +47710,7 @@ function save_topic_graph_properties(gobj, topic_name) {
 	let properties = priv._graph_properties[topic_name];
 	if (!properties) return;
 	properties.__origin__ = gobj_read_str_attr(gobj_yuno(), "node_uuid");
-	gobj_publish_event(gobj, "EV_UPDATE_NODE", {
+	let kw_update = {
 		treedb_name: priv.treedb_name,
 		topic_name: "__graphs__",
 		record: {
@@ -47374,7 +47724,8 @@ function save_topic_graph_properties(gobj, topic_name) {
 			autolink: false,
 			create: true
 		}
-	});
+	};
+	gobj_publish_event(gobj, "EV_UPDATE_NODE", kw_update);
 }
 /************************************************************
 *  Pause/resume history recording.
@@ -47563,19 +47914,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(HistoryEvent.CHANGE, () => {
-					update_history_buttons(gobj);
-				});
-				graph.updatePlugin({
-					key: plugin_key,
-					beforeAddCommand: () => {
-						return !priv._history_paused;
-					}
-				});
-			}
-			break;
+		case "history": if (plugin) {
+			plugin.on(HistoryEvent.CHANGE, () => {
+				update_history_buttons(gobj);
+			});
+			graph.updatePlugin({
+				key: plugin_key,
+				beforeAddCommand: () => {
+					return !priv._history_paused;
+				}
+			});
+		}
 	}
 }
 function graph_remove_plugin(gobj, plugin_key) {
@@ -49614,9 +49963,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);
 	}
 }
 /************************************************************
@@ -50404,7 +50751,7 @@ function create_gclass$1(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$1 = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_DESCS", 0],
 		["EV_CLEAR_DATA", 0],
 		["EV_LOAD_DATA", 0],
@@ -50441,7 +50788,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, gclass_flag_t.gcflag_manual_start);
+	];
+	__gclass__$1 = gclass_create(gclass_name, event_types, states, gmt$1, 0, attrs_table$1, PRIVATE_DATA$1, 0, 0, 0, gclass_flag_t.gcflag_manual_start);
 	if (!__gclass__$1) return -1;
 	return 0;
 }
@@ -50592,22 +50940,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"
 	}
 };
@@ -51970,7 +52318,8 @@ function ac_set_mode(gobj, event, kw, src) {
 *
 ***************************************************************/
 function ac_prev(gobj, event, kw, src) {
-	gobj_write_attr(gobj, "anchor", period_shift(cur_mode(gobj).spec, gobj_read_integer_attr(gobj, "anchor"), -1));
+	let mode = cur_mode(gobj);
+	gobj_write_attr(gobj, "anchor", period_shift(mode.spec, gobj_read_integer_attr(gobj, "anchor"), -1));
 	close_calendar(gobj);
 	repaint(gobj);
 	publish_period(gobj);
@@ -51980,7 +52329,8 @@ function ac_prev(gobj, event, kw, src) {
 *
 ***************************************************************/
 function ac_next(gobj, event, kw, src) {
-	gobj_write_attr(gobj, "anchor", period_shift(cur_mode(gobj).spec, gobj_read_integer_attr(gobj, "anchor"), 1));
+	let mode = cur_mode(gobj);
+	gobj_write_attr(gobj, "anchor", period_shift(mode.spec, gobj_read_integer_attr(gobj, "anchor"), 1));
 	close_calendar(gobj);
 	repaint(gobj);
 	publish_period(gobj);
@@ -52158,7 +52508,7 @@ function create_gclass(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__ = gclass_create(gclass_name, [
+	const event_types = [
 		["EV_SET_MODE", 0],
 		["EV_PREV", 0],
 		["EV_NEXT", 0],
@@ -52169,7 +52519,8 @@ function create_gclass(gclass_name) {
 		["EV_REFRESH", 0],
 		["EV_LANGUAGE_CHANGED", 0],
 		["EV_PERIOD_CHANGED", event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt, 0, attrs_table, PRIVATE_DATA, 0, 0, 0, 0);
+	];
+	__gclass__ = gclass_create(gclass_name, event_types, states, gmt, 0, attrs_table, PRIVATE_DATA, 0, 0, 0, 0);
 	if (!__gclass__) return -1;
 	return 0;
 }
@@ -52269,8 +52620,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
@@ -52353,7 +52704,8 @@ function set_output_route(v) {
 	refresh_dev_chrome();
 }
 function toggle_pref(key, def) {
-	kw_set_local_storage_value(key, dev_num(key, def) ? 0 : 1);
+	let v = dev_num(key, def) ? 0 : 1;
+	kw_set_local_storage_value(key, v);
 	rerender_all();
 	refresh_dev_chrome();
 }
@@ -53613,7 +53965,7 @@ function apply_dev_traces() {
 function setup_dev(self, show) {
 	if (show) {
 		ensure_dev_style();
-		gobj_start(gobj_create_service("Developer-Window", "C_YUI_WINDOW", {
+		let win = gobj_create_service("Developer-Window", "C_YUI_WINDOW", {
 			$parent: document.getElementById("top-layer") || null,
 			subscriber: null,
 			showMax: true,
@@ -53630,7 +53982,8 @@ function setup_dev(self, show) {
 			on_close: function() {
 				kw_set_local_storage_value("open_developer_window", 0);
 			}
-		}, self));
+		}, self);
+		gobj_start(win);
 		kw_set_local_storage_value("open_developer_window", 1);
 		setTimeout(() => {
 			refresh_dev_chrome();
@@ -53734,7 +54087,8 @@ function setup_frontend_view(self) {
 		log_error("yui_frontend_view: cannot create the frontend-view window");
 		return null;
 	}
-	let $tree = gobj_read_attr(gobj_create_pure_child("frontend_view_tree", "C_YUI_GOBJ_TREE_JS", {}, win), "$container");
+	let tree = gobj_create_pure_child("frontend_view_tree", "C_YUI_GOBJ_TREE_JS", {}, win);
+	let $tree = gobj_read_attr(tree, "$container");
 	if (!$tree) {
 		log_error("yui_frontend_view: C_YUI_GOBJ_TREE_JS without $container");
 		return win;