@yuneta/gobj-ui 5.4.0 → 5.5.0

package/dist/gobj-ui.es.js

@@ -794,7 +794,7 @@ function secondary_nav_renders(item, layout) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$17 = "C_YUI_SHELL";
+var GCLASS_NAME$18 = "C_YUI_SHELL";
 var __last_shell__ = null;
 var ZONE_IDS = [
 	"top",
@@ -816,7 +816,7 @@ var LAYER_DEFS = [
 /***************************************************************
 *              Attrs
 ***************************************************************/
-var attrs_table$17 = [
+var attrs_table$18 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_JSON, "config", 0, null, "Shell declarative config (zones, menu, stages, toolbar)"),
 	SDATA(data_type_t.DTP_STRING, "default_route", 0, "", "Fallback route if hash is empty"),
@@ -827,7 +827,7 @@ var attrs_table$17 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Root HTMLElement of the shell"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$17 = {
+var PRIVATE_DATA$18 = {
 	zones: {},
 	layers: {},
 	stages: {},
@@ -849,14 +849,14 @@ var PRIVATE_DATA$17 = {
 	conn_nodes: [],
 	active_dropdown: null
 };
-var __gclass__$17 = null;
+var __gclass__$18 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$17(gobj) {
+function mt_create$18(gobj) {
 	const subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (subscriber) gobj_subscribe_event(gobj, null, {}, subscriber);
 	__last_shell__ = gobj;
@@ -865,7 +865,7 @@ function mt_create$17(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$14(gobj) {
+function mt_start$15(gobj) {
 	let config = gobj_read_attr(gobj, "config") || {};
 	let priv = gobj.priv;
 	if (!validate_config(config)) {
@@ -934,7 +934,7 @@ function mt_start$14(gobj) {
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$14(gobj) {
+function mt_stop$15(gobj) {
 	let priv = gobj.priv;
 	if (!priv) return;
 	close_toolbar_dropdown(gobj);
@@ -975,7 +975,7 @@ function mt_stop$14(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$17(gobj) {
+function mt_destroy$18(gobj) {
 	close_toolbar_dropdown(gobj);
 	let $container = gobj_read_attr(gobj, "$container");
 	if ($container && $container.parentNode) $container.parentNode.removeChild($container);
@@ -1585,8 +1585,7 @@ function build_view_gobj(gobj, entry, route, stage) {
 	}
 	stage.el.appendChild($view);
 	gobj_start(view);
-	let priv = gobj.priv;
-	if (priv && typeof priv.translator === "function" && target.gclass === "C_YUI_NAV") refresh_language($view, priv.translator);
+	if (target.gclass === "C_YUI_NAV") yui_shell_translate(gobj, $view);
 	return view;
 }
 function safe_id(s) {
@@ -1957,7 +1956,7 @@ function open_toolbar_dropdown(gobj, item, action, $trigger) {
 	} else style_parts.push(`left:${Math.max(0, Math.round(rect.left))}px`);
 	$panel.setAttribute("style", style_parts.join(";"));
 	priv.layers.popup.appendChild($panel);
-	if (typeof priv.translator === "function") refresh_language($panel, priv.translator);
+	yui_shell_translate(gobj, $panel);
 	let backdrop = (ev) => {
 		if ($panel.contains(ev.target)) return;
 		if ($trigger && $trigger.contains(ev.target)) return;
@@ -2370,14 +2369,14 @@ function ac_nav_item_close(gobj, event, kw, src) {
 /***************************************************************
 *              FSM
 ***************************************************************/
-var gmt$17 = {
-	mt_create: mt_create$17,
-	mt_start: mt_start$14,
-	mt_stop: mt_stop$14,
-	mt_destroy: mt_destroy$17
+var gmt$18 = {
+	mt_create: mt_create$18,
+	mt_start: mt_start$15,
+	mt_stop: mt_stop$15,
+	mt_destroy: mt_destroy$18
 };
-function create_gclass$17(gclass_name) {
-	if (__gclass__$17) {
+function create_gclass$18(gclass_name) {
+	if (__gclass__$18) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -2398,19 +2397,19 @@ function create_gclass$17(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$17 = gclass_create(gclass_name, [
+	__gclass__$18 = gclass_create(gclass_name, [
 		["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$17, 0, attrs_table$17, PRIVATE_DATA$17, 0, 0, 0, gclass_flag_t.gcflag_no_check_output_events);
-	if (!__gclass__$17) return -1;
+	], 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;
 }
 function register_c_yui_shell() {
-	return create_gclass$17(GCLASS_NAME$17);
+	return create_gclass$18(GCLASS_NAME$18);
 }
 /***************************************************************
 *  Public helpers — exported alongside register_c_yui_shell().
@@ -2469,7 +2468,7 @@ function remembered_position(gobj, route) {
 function yui_shell_of(gobj) {
 	let g = gobj;
 	while (g) {
-		if (gobj_gclass_name(g) === GCLASS_NAME$17) return g;
+		if (gobj_gclass_name(g) === GCLASS_NAME$18) return g;
 		g = gobj_parent(g);
 	}
 	return __last_shell__;
@@ -2606,9 +2605,10 @@ function yui_shell_refresh_avatars(shell_gobj) {
 *  Register the host's i18n translator (a t-function:
 *  key => translated string).  The host still translates the
 *  static shell tree itself via refresh_language($container, t);
-*  this is only so the shell can translate DOM it builds LAZILY
-*  and OUTSIDE $container — today the toolbar dropdown panel.
-*  Optional: with no translator the panel renders raw keys
+*  this is only so the shell — and the library components that
+*  build DOM under it — can translate DOM built LAZILY, after
+*  that one-shot pass and often outside $container.
+*  Optional: with no translator such DOM renders raw keys
 *  (the previous behaviour).
 ************************************************************/
 function yui_shell_set_translator(shell_gobj, t) {
@@ -2617,6 +2617,33 @@ function yui_shell_set_translator(shell_gobj, t) {
 	priv.translator = typeof t === "function" ? t : null;
 }
 /************************************************************
+*  Apply the registered translator to a FRESHLY BUILT subtree.
+*
+*  Carrying the `i18n` key on a node is not enough for it to
+*  render translated: the node is born holding the raw English
+*  key, and the host's refresh_language() passes walk what
+*  ALREADY exists — the shell tree at start up, document.body on
+*  a language switch.  Anything built after that (a dropdown
+*  panel, a nav a node renders when you walk into it) is reached
+*  by neither, so it renders the key: lower-case English that
+*  never changes language, i.e. exactly what a MISSING key looks
+*  like.
+*
+*  The division of labour, unchanged: LIBRARY-built DOM is
+*  translated through here; APP view gclasses translate their own
+*  DOM (they own a `t` — see mount_view).
+*
+*  Silent no-op with no shell or no translator: an app that never
+*  registered one keeps the previous behaviour instead of losing
+*  its chrome.
+************************************************************/
+function yui_shell_translate(shell_gobj, $el) {
+	if (!$el || !shell_gobj || !is_gobj(shell_gobj)) return;
+	let priv = shell_gobj.priv;
+	if (!priv || typeof priv.translator !== "function") return;
+	refresh_language($el, priv.translator);
+}
+/************************************************************
 *  Set the backend-connection state painted by every
 *  type:"connection" toolbar item.  Host/event-driven: the
 *  app calls this from its transport handlers (EV_ON_OPEN →
@@ -3126,7 +3153,7 @@ function yui_shell_confirm_yesnocancel(shell, message, opts) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$16 = "C_YUI_WINDOW";
+var GCLASS_NAME$17 = "C_YUI_WINDOW";
 var WC_MIN = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"10\" height=\"1.6\" rx=\"0.8\" fill=\"currentColor\"/></svg>";
 var WC_MAX = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"3.3\" y=\"3.3\" width=\"9.4\" height=\"9.4\" rx=\"1.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"/></svg>";
 var WC_RESTORE = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"5.2\" y=\"3\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"/><rect x=\"3\" y=\"5.2\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"var(--bulma-scheme-main)\" stroke=\"currentColor\" stroke-width=\"1.4\"/></svg>";
@@ -3135,7 +3162,7 @@ var MOBILE_MAX = 768;
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$16 = [
+var attrs_table$17 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else to document.body"),
 	SDATA(data_type_t.DTP_INTEGER, "x", 0, "300", "X position"),
@@ -3173,15 +3200,15 @@ var attrs_table$16 = [
 	SDATA(data_type_t.DTP_POINTER, "win_resize_handler", 0, null, "Internal: native window 'resize' listener"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$16 = { prevSize: 0 };
-var __gclass__$16 = null;
+var PRIVATE_DATA$17 = { prevSize: 0 };
+var __gclass__$17 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$16(gobj) {
+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)));
@@ -3217,7 +3244,7 @@ function mt_create$16(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$16(gobj) {
+function mt_destroy$17(gobj) {
 	let manager = gobj_read_pointer_attr(gobj, "manager");
 	if (manager) gobj_send_event(manager, "EV_UNREGISTER_WINDOW", { window: gobj }, gobj);
 	let back_overlay = gobj_read_attr(gobj, "back_overlay");
@@ -3946,15 +3973,15 @@ function ac_close(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$16 = {
-	mt_create: mt_create$16,
-	mt_destroy: mt_destroy$16
+var gmt$17 = {
+	mt_create: mt_create$17,
+	mt_destroy: mt_destroy$17
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$16(gclass_name) {
-	if (__gclass__$16) {
+function create_gclass$17(gclass_name) {
+	if (__gclass__$17) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -3980,7 +4007,7 @@ function create_gclass$16(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$16 = gclass_create(gclass_name, [
+	__gclass__$17 = gclass_create(gclass_name, [
 		["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],
@@ -3988,15 +4015,15 @@ function create_gclass$16(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_CLOSE_WINDOW", 0]
-	], states, gmt$16, 0, attrs_table$16, PRIVATE_DATA$16, 0, 0, 0, 0);
-	if (!__gclass__$16) return -1;
+	], states, gmt$17, 0, attrs_table$17, PRIVATE_DATA$17, 0, 0, 0, 0);
+	if (!__gclass__$17) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_window() {
-	return create_gclass$16(GCLASS_NAME$16);
+	return create_gclass$17(GCLASS_NAME$17);
 }
 //#endregion
 //#region src/c_yui_window_manager.js
@@ -4034,13 +4061,13 @@ function register_c_yui_window() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$15 = "C_YUI_WINDOW_MANAGER";
+var GCLASS_NAME$16 = "C_YUI_WINDOW_MANAGER";
 var DOCK_Z = 1e6;
 var WC_X = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 4.5 L11.5 11.5 M11.5 4.5 L4.5 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$15 = [
+var attrs_table$16 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_STRING, "dock_mode", 0, "floating", "floating | inline | responsive (floating on wide screens, inline on narrow)"),
 	SDATA(data_type_t.DTP_STRING, "dock_corner", 0, "bottom-left", "Floating placement: top-left | top-right | bottom-left | bottom-right"),
@@ -4050,20 +4077,20 @@ var attrs_table$15 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Internal: the dock element"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$15 = {
+var PRIVATE_DATA$16 = {
 	windows: null,
 	z: 0,
 	mql: null,
 	mql_handler: null
 };
-var __gclass__$15 = null;
+var __gclass__$16 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$15(gobj) {
+function mt_create$16(gobj) {
 	let priv = gobj.priv;
 	priv.windows = [];
 	priv.z = 10;
@@ -4082,7 +4109,7 @@ function mt_create$15(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$15(gobj) {
+function mt_destroy$16(gobj) {
 	let priv = gobj.priv;
 	if (priv.mql && priv.mql_handler) {
 		priv.mql.removeEventListener("change", priv.mql_handler);
@@ -4441,19 +4468,19 @@ function ac_focus_window(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$15 = {
-	mt_create: mt_create$15,
-	mt_destroy: mt_destroy$15
+var gmt$16 = {
+	mt_create: mt_create$16,
+	mt_destroy: mt_destroy$16
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$15(gclass_name) {
-	if (__gclass__$15) {
+function create_gclass$16(gclass_name) {
+	if (__gclass__$16) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$15 = gclass_create(gclass_name, [
+	__gclass__$16 = gclass_create(gclass_name, [
 		["EV_REGISTER_WINDOW", 0],
 		["EV_UNREGISTER_WINDOW", 0],
 		["EV_MINIMIZE_WINDOW", 0],
@@ -4479,15 +4506,15 @@ function create_gclass$15(gclass_name) {
 			ac_focus_window,
 			null
 		]
-	]]], gmt$15, 0, attrs_table$15, PRIVATE_DATA$15, 0, 0, 0, 0);
-	if (!__gclass__$15) return -1;
+	]]], gmt$16, 0, attrs_table$16, PRIVATE_DATA$16, 0, 0, 0, 0);
+	if (!__gclass__$16) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_window_manager() {
-	return create_gclass$15(GCLASS_NAME$15);
+	return create_gclass$16(GCLASS_NAME$16);
 }
 //#endregion
 //#region src/pager_helpers.js
@@ -4573,11 +4600,11 @@ function pager_back_action(stack, back_on_root) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$14 = "C_YUI_PAGER";
+var GCLASS_NAME$15 = "C_YUI_PAGER";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$14 = [
+var attrs_table$15 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_STRING, "root_title", 0, "", "Title shown on the root page"),
 	SDATA(data_type_t.DTP_BOOLEAN, "back_on_root", 0, true, "On the root page the back affordance emits EV_PAGER_EXIT"),
@@ -4585,15 +4612,15 @@ var attrs_table$14 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$14 = { stack: null };
-var __gclass__$14 = null;
+var PRIVATE_DATA$15 = { stack: null };
+var __gclass__$15 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$14(gobj) {
+function mt_create$15(gobj) {
 	let priv = gobj.priv;
 	priv.stack = [];
 	build_ui$13(gobj);
@@ -4604,17 +4631,17 @@ function mt_create$14(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$13(gobj) {}
+function mt_start$14(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$13(gobj) {
+function mt_stop$14(gobj) {
 	gobj_stop_children(gobj);
 }
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$14(gobj) {
+function mt_destroy$15(gobj) {
 	destroy_ui$9(gobj);
 }
 /***************************
@@ -4772,7 +4799,7 @@ function ac_push_page(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let resolved = resolve_panel$1(kw.content);
 	if (!resolved.$el) {
-		log_error(`${GCLASS_NAME$14}: EV_PUSH_PAGE without content`);
+		log_error(`${GCLASS_NAME$15}: EV_PUSH_PAGE without content`);
 		return -1;
 	}
 	let $body = gobj_read_attr(gobj, "$container").querySelector(".yui-pager-body");
@@ -4825,7 +4852,7 @@ function ac_replace_page(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let resolved = resolve_panel$1(kw.content);
 	if (!resolved.$el) {
-		log_error(`${GCLASS_NAME$14}: EV_REPLACE_PAGE without content`);
+		log_error(`${GCLASS_NAME$15}: EV_REPLACE_PAGE without content`);
 		return -1;
 	}
 	let $body = gobj_read_attr(gobj, "$container").querySelector(".yui-pager-body");
@@ -4892,17 +4919,17 @@ function ac_resize$4(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$14 = {
-	mt_create: mt_create$14,
-	mt_start: mt_start$13,
-	mt_stop: mt_stop$13,
-	mt_destroy: mt_destroy$14
+var gmt$15 = {
+	mt_create: mt_create$15,
+	mt_start: mt_start$14,
+	mt_stop: mt_stop$14,
+	mt_destroy: mt_destroy$15
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$14(gclass_name) {
-	if (__gclass__$14) {
+function create_gclass$15(gclass_name) {
+	if (__gclass__$15) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -4953,7 +4980,7 @@ function create_gclass$14(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$14 = gclass_create(gclass_name, [
+	__gclass__$15 = gclass_create(gclass_name, [
 		["EV_PUSH_PAGE", 0],
 		["EV_POP_PAGE", 0],
 		["EV_BACK", 0],
@@ -4966,15 +4993,15 @@ function create_gclass$14(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$14, 0, attrs_table$14, PRIVATE_DATA$14, 0, 0, 0, 0);
-	if (!__gclass__$14) return -1;
+	], states, gmt$15, 0, attrs_table$15, PRIVATE_DATA$15, 0, 0, 0, 0);
+	if (!__gclass__$15) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_pager() {
-	return create_gclass$14(GCLASS_NAME$14);
+	return create_gclass$15(GCLASS_NAME$15);
 }
 //#endregion
 //#region src/wizard_helpers.js
@@ -5095,11 +5122,11 @@ function wizard_should_validate(linear, has_gobj) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$13 = "C_YUI_WIZARD";
+var GCLASS_NAME$14 = "C_YUI_WIZARD";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$13 = [
+var attrs_table$14 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_STRING, "confirm_label", 0, "confirm", "i18n key of the last-step primary button"),
 	SDATA(data_type_t.DTP_STRING, "next_label", 0, "next", "i18n key of the primary button (not last step)"),
@@ -5109,20 +5136,20 @@ var attrs_table$13 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$13 = {
+var PRIVATE_DATA$14 = {
 	steps: null,
 	idx: 0,
 	acc: null,
 	awaiting: false
 };
-var __gclass__$13 = null;
+var __gclass__$14 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$13(gobj) {
+function mt_create$14(gobj) {
 	let priv = gobj.priv;
 	priv.steps = [];
 	priv.idx = 0;
@@ -5136,17 +5163,17 @@ function mt_create$13(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$12(gobj) {}
+function mt_start$13(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$12(gobj) {
+function mt_stop$13(gobj) {
 	gobj_stop_children(gobj);
 }
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$13(gobj) {
+function mt_destroy$14(gobj) {
 	destroy_ui$8(gobj);
 }
 /***************************
@@ -5353,7 +5380,7 @@ function ac_set_steps(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let steps_in = kw && kw.steps || [];
 	if (steps_in.length === 0) {
-		log_error(`${GCLASS_NAME$13}: EV_SET_STEPS with no steps`);
+		log_error(`${GCLASS_NAME$14}: EV_SET_STEPS with no steps`);
 		return -1;
 	}
 	let $body = gobj_read_attr(gobj, "$container").querySelector(".yui-wizard-body");
@@ -5363,7 +5390,7 @@ function ac_set_steps(gobj, event, kw, src) {
 		let st = steps_in[i];
 		let resolved = resolve_panel(st.content);
 		if (!resolved.$el) {
-			log_error(`${GCLASS_NAME$13}: step '${st.id}' has no content`);
+			log_error(`${GCLASS_NAME$14}: step '${st.id}' has no content`);
 			return -1;
 		}
 		resolved.$el.classList.add("is-hidden");
@@ -5497,17 +5524,17 @@ function ac_resize$3(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$13 = {
-	mt_create: mt_create$13,
-	mt_start: mt_start$12,
-	mt_stop: mt_stop$12,
-	mt_destroy: mt_destroy$13
+var gmt$14 = {
+	mt_create: mt_create$14,
+	mt_start: mt_start$13,
+	mt_stop: mt_stop$13,
+	mt_destroy: mt_destroy$14
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$13(gclass_name) {
-	if (__gclass__$13) {
+function create_gclass$14(gclass_name) {
+	if (__gclass__$14) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -5568,7 +5595,7 @@ function create_gclass$13(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$13 = gclass_create(gclass_name, [
+	__gclass__$14 = gclass_create(gclass_name, [
 		["EV_SET_STEPS", 0],
 		["EV_NEXT", 0],
 		["EV_PREV", 0],
@@ -5584,15 +5611,15 @@ function create_gclass$13(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$13, 0, attrs_table$13, PRIVATE_DATA$13, 0, 0, 0, 0);
-	if (!__gclass__$13) return -1;
+	], states, gmt$14, 0, attrs_table$14, PRIVATE_DATA$14, 0, 0, 0, 0);
+	if (!__gclass__$14) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_wizard() {
-	return create_gclass$13(GCLASS_NAME$13);
+	return create_gclass$14(GCLASS_NAME$14);
 }
 //#endregion
 //#region src/yui_inputs.js
@@ -5762,11 +5789,11 @@ function yui_watch_theme(gobj, event = "EV_THEME") {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$12 = "C_YUI_FORM";
+var GCLASS_NAME$13 = "C_YUI_FORM";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$12 = [
+var attrs_table$13 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of publishing messages"),
 	SDATA(data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else do it manually"),
 	SDATA(data_type_t.DTP_POINTER, "template", 0, "<div>You must supply a template for form</div>", "Template for form, object -> TEMPLATE, array -> DESC"),
@@ -5794,15 +5821,15 @@ var attrs_table$12 = [
 	SDATA(data_type_t.DTP_BOOLEAN, "changes", 0, false, "Indicates if changes have been made"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$12 = {};
-var __gclass__$12 = null;
+var PRIVATE_DATA$13 = {};
+var __gclass__$13 = null;
 /***************************
 *      Framework Methods
 ***************************/
 /************************************************************
 *      Framework Method create
 ************************************************************/
-function mt_create$12(gobj) {
+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);
@@ -5814,20 +5841,20 @@ function mt_create$12(gobj) {
 *      In this point, all children
 *      and subscriptions are already deleted.
 ************************************************************/
-function mt_destroy$12(gobj) {
+function mt_destroy$13(gobj) {
 	destroy_ui$7(gobj);
 }
 /************************************************************
 *      Framework Method start
 ************************************************************/
-function mt_start$11(gobj) {
+function mt_start$12(gobj) {
 	let record = gobj_read_attr(gobj, "record");
 	if (record) gobj_send_event(gobj, "EV_LOAD_RECORD", record, gobj);
 }
 /************************************************************
 *      Framework Method stop
 ************************************************************/
-function mt_stop$11(gobj) {}
+function mt_stop$12(gobj) {}
 /***************************
 *      Local Methods
 ***************************/
@@ -7838,17 +7865,17 @@ function ac_timeout(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$12 = {
-	mt_create: mt_create$12,
-	mt_start: mt_start$11,
-	mt_stop: mt_stop$11,
-	mt_destroy: mt_destroy$12
+var gmt$13 = {
+	mt_create: mt_create$13,
+	mt_start: mt_start$12,
+	mt_stop: mt_stop$12,
+	mt_destroy: mt_destroy$13
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$12(gclass_name) {
-	if (__gclass__$12) {
+function create_gclass$13(gclass_name) {
+	if (__gclass__$13) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -7929,7 +7956,7 @@ function create_gclass$12(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$12 = gclass_create(gclass_name, [
+	__gclass__$13 = gclass_create(gclass_name, [
 		["EV_LOAD_RECORD", 0],
 		["EV_SAVE_RECORD", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_UNDO_RECORD", 0],
@@ -7945,16 +7972,16 @@ function create_gclass$12(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_TIMEOUT", 0]
-	], states, gmt$12, 0, attrs_table$12, PRIVATE_DATA$12, 0, 0, 0, 0);
-	if (!__gclass__$12) return -1;
+	], states, gmt$13, 0, attrs_table$13, PRIVATE_DATA$13, 0, 0, 0, 0);
+	if (!__gclass__$13) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_form() {
-	if (gclass_find_by_name(GCLASS_NAME$12, false)) return 0;
-	return create_gclass$12(GCLASS_NAME$12);
+	if (gclass_find_by_name(GCLASS_NAME$13, false)) return 0;
+	return create_gclass$13(GCLASS_NAME$13);
 }
 //#endregion
 //#region src/lib_maplibre.js
@@ -8114,11 +8141,11 @@ var MarkerControl = class {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$11 = "C_YUI_MAP";
+var GCLASS_NAME$12 = "C_YUI_MAP";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$11 = [
+var attrs_table$12 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_JSON, "devices", "[]", null, "List of devices"),
 	SDATA(data_type_t.DTP_JSON, "map_settings", 0, {
@@ -8139,7 +8166,7 @@ var attrs_table$11 = [
 	SDATA(data_type_t.DTP_INTEGER, "timeout_idle", 0, 5, "Idle timeout in seconds"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$11 = {
+var PRIVATE_DATA$12 = {
 	xmap: null,
 	geojson: null,
 	resizeObserver: null,
@@ -8148,21 +8175,21 @@ var PRIVATE_DATA$11 = {
 	markers: {},
 	draggedFeature: null
 };
-var __gclass__$11 = null;
+var __gclass__$12 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$11(gobj) {
+function mt_create$12(gobj) {
 	let priv = gobj.priv;
 	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (!subscriber) subscriber = gobj_parent(gobj);
 	gobj_subscribe_event(gobj, null, {}, subscriber);
 	let map_settings = json_deep_copy(gobj_read_attr(gobj, "map_settings"));
 	let $map = gobj_read_attr(gobj, "$map");
-	if ($map) $map.classList.add(GCLASS_NAME$11);
+	if ($map) $map.classList.add(GCLASS_NAME$12);
 	Object.assign(map_settings, { container: $map });
 	priv.onClick = (ev) => {
 		onClick(gobj, ev);
@@ -8211,7 +8238,7 @@ function mt_create$11(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$11(gobj) {
+function mt_destroy$12(gobj) {
 	let priv = gobj.priv;
 	if (priv.resizeObserver) {
 		priv.resizeObserver.disconnect();
@@ -8627,19 +8654,19 @@ function ac_hide$7(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$11 = {
-	mt_create: mt_create$11,
-	mt_destroy: mt_destroy$11
+var gmt$12 = {
+	mt_create: mt_create$12,
+	mt_destroy: mt_destroy$12
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$11(gclass_name) {
-	if (__gclass__$11) {
+function create_gclass$12(gclass_name) {
+	if (__gclass__$12) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$11 = gclass_create(gclass_name, [
+	__gclass__$12 = gclass_create(gclass_name, [
 		["EV_EDIT_MAP", 0],
 		["EV_CONTROL_MAP", 0],
 		["EV_MAP_ON_LOAD", 0],
@@ -8683,15 +8710,15 @@ function create_gclass$11(gclass_name) {
 			ac_hide$7,
 			null
 		]
-	]]], gmt$11, 0, attrs_table$11, PRIVATE_DATA$11, 0, 0, 0, 0);
-	if (!__gclass__$11) return -1;
+	]]], gmt$12, 0, attrs_table$12, PRIVATE_DATA$12, 0, 0, 0, 0);
+	if (!__gclass__$12) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_map() {
-	return create_gclass$11(GCLASS_NAME$11);
+	return create_gclass$12(GCLASS_NAME$12);
 }
 //#endregion
 //#region src/c_yui_uplot.js
@@ -8706,11 +8733,11 @@ function register_c_yui_map() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$10 = "C_YUI_UPLOT";
+var GCLASS_NAME$11 = "C_YUI_UPLOT";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$10 = [
+var attrs_table$11 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_STRING, "title", 0, "", "Chart title"),
 	SDATA(data_type_t.DTP_INTEGER, "width", 0, 800, "Chart width"),
@@ -8745,15 +8772,15 @@ var attrs_table$10 = [
 	SDATA(data_type_t.DTP_INTEGER, "timeout_idle", 0, 5, "Idle timeout (seconds)"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$10 = {};
-var __gclass__$10 = null;
+var PRIVATE_DATA$11 = {};
+var __gclass__$11 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$10(gobj) {
+function mt_create$11(gobj) {
 	build_ui$10(gobj);
 	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (!subscriber) subscriber = gobj_parent(gobj);
@@ -8762,15 +8789,15 @@ function mt_create$10(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$10(gobj) {}
+function mt_start$11(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$10(gobj) {}
+function mt_stop$11(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$10(gobj) {
+function mt_destroy$11(gobj) {
 	let uplot = gobj_read_attr(gobj, "uplot");
 	if (uplot) {
 		uplot.destroy();
@@ -8936,21 +8963,21 @@ function ac_clear(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$10 = {
-	mt_create: mt_create$10,
-	mt_start: mt_start$10,
-	mt_stop: mt_stop$10,
-	mt_destroy: mt_destroy$10
+var gmt$11 = {
+	mt_create: mt_create$11,
+	mt_start: mt_start$11,
+	mt_stop: mt_stop$11,
+	mt_destroy: mt_destroy$11
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$10(gclass_name) {
-	if (__gclass__$10) {
+function create_gclass$11(gclass_name) {
+	if (__gclass__$11) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$10 = gclass_create(gclass_name, [
+	__gclass__$11 = gclass_create(gclass_name, [
 		["EV_LOAD_DATA", 0],
 		["EV_ADD_SERIE", 0],
 		["EV_DEL_SERIE", 0],
@@ -8976,15 +9003,15 @@ function create_gclass$10(gclass_name) {
 			ac_clear,
 			null
 		]
-	]]], gmt$10, 0, attrs_table$10, PRIVATE_DATA$10, 0, 0, 0, 0);
-	if (!__gclass__$10) return -1;
+	]]], gmt$11, 0, attrs_table$11, PRIVATE_DATA$11, 0, 0, 0, 0);
+	if (!__gclass__$11) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_uplot() {
-	return create_gclass$10(GCLASS_NAME$10);
+	return create_gclass$11(GCLASS_NAME$11);
 }
 //#endregion
 //#region src/yui_toolbar.js
@@ -9191,11 +9218,11 @@ function ensure_drag_canvas_patch() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$9 = "C_YUI_JSON_GRAPH";
+var GCLASS_NAME$10 = "C_YUI_JSON_GRAPH";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$9 = [
+var attrs_table$10 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_STRING, "path", 0, "", "Root path label"),
 	SDATA(data_type_t.DTP_JSON, "json_data", 0, null, "JSON data to visualize"),
@@ -9204,7 +9231,7 @@ var attrs_table$9 = [
 	SDATA(data_type_t.DTP_STRING, "wide", 0, "36px", "Height of header"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$9 = {
+var PRIVATE_DATA$10 = {
 	canvas_id: "",
 	graph: null,
 	node_counter: 0,
@@ -9213,7 +9240,7 @@ var PRIVATE_DATA$9 = {
 	resize_observer: null,
 	_resize_raf: 0
 };
-var __gclass__$9 = null;
+var __gclass__$10 = null;
 var __layout_registered__$1 = false;
 /***************************************************************
 *  Type colors matching the original mx_json_viewer
@@ -9278,7 +9305,7 @@ function type_color(type, dark) {
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$9(gobj) {
+function mt_create$10(gobj) {
 	let priv = gobj.priv;
 	priv.canvas_id = "json-canvas-" + clean_name(gobj_name(gobj));
 	gobj_write_str_attr(gobj, "canvas_id", priv.canvas_id);
@@ -9297,18 +9324,18 @@ function mt_create$9(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$9(gobj) {
+function mt_start$10(gobj) {
 	build_graph$3(gobj);
 	load_json(gobj);
 }
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$9(gobj) {}
+function mt_stop$10(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$9(gobj) {
+function mt_destroy$10(gobj) {
 	let priv = gobj.priv;
 	if (priv.theme_observer) {
 		priv.theme_observer.disconnect();
@@ -9904,17 +9931,17 @@ function ac_hide$6(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$9 = {
-	mt_create: mt_create$9,
-	mt_start: mt_start$9,
-	mt_stop: mt_stop$9,
-	mt_destroy: mt_destroy$9
+var gmt$10 = {
+	mt_create: mt_create$10,
+	mt_start: mt_start$10,
+	mt_stop: mt_stop$10,
+	mt_destroy: mt_destroy$10
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$9(gclass_name) {
-	if (__gclass__$9) {
+function create_gclass$10(gclass_name) {
+	if (__gclass__$10) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -9975,7 +10002,7 @@ function create_gclass$9(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$9 = gclass_create(gclass_name, [
+	__gclass__$10 = gclass_create(gclass_name, [
 		["EV_LOAD_DATA", 0],
 		["EV_REFRESH", 0],
 		["EV_THEME", 0],
@@ -9988,15 +10015,15 @@ function create_gclass$9(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_JSON_ITEM_CLICKED", event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt$9, 0, attrs_table$9, PRIVATE_DATA$9, 0, 0, 0, 0);
-	if (!__gclass__$9) return -1;
+	], states, gmt$10, 0, attrs_table$10, PRIVATE_DATA$10, 0, 0, 0, 0);
+	if (!__gclass__$10) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_json_graph() {
-	return create_gclass$9(GCLASS_NAME$9);
+	return create_gclass$10(GCLASS_NAME$10);
 }
 /************************************************************
 *   JSON type discriminator (viewer vocabulary)
@@ -10173,19 +10200,19 @@ function format_epoch(value) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$8 = "C_YUI_JSON";
+var GCLASS_NAME$9 = "C_YUI_JSON";
 var MAX_RENDER_ROWS = 5e3;
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$8 = [
+var attrs_table$9 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_STRING, "title", 0, "", "Optional header title (i18n key)"),
 	SDATA(data_type_t.DTP_JSON, "json_data", 0, null, "Initial JSON to render (usually already collapsed)"),
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$8 = {
+var PRIVATE_DATA$9 = {
 	root: null,
 	expanded: null,
 	pending: null,
@@ -10194,14 +10221,14 @@ var PRIVATE_DATA$8 = {
 	$tree: null,
 	$search: null
 };
-var __gclass__$8 = null;
+var __gclass__$9 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$8(gobj) {
+function mt_create$9(gobj) {
 	let priv = gobj.priv;
 	priv.expanded = /* @__PURE__ */ new Set();
 	priv.pending = /* @__PURE__ */ new Set();
@@ -10217,17 +10244,17 @@ function mt_create$8(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$8(gobj) {
+function mt_start$9(gobj) {
 	render_tree(gobj);
 }
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$8(gobj) {}
+function mt_stop$9(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$8(gobj) {
+function mt_destroy$9(gobj) {
 	destroy_ui$4(gobj);
 }
 /***************************
@@ -10731,7 +10758,7 @@ function ac_subtree_error(gobj, event, kw, src) {
 	let path = kw.path || "";
 	priv.pending.delete(path);
 	priv.errors.set(path, kw.error || "error");
-	log_error(`${GCLASS_NAME$8}: subtree load failed at '${path}': ${kw.error || ""}`);
+	log_error(`${GCLASS_NAME$9}: subtree load failed at '${path}': ${kw.error || ""}`);
 	render_tree(gobj);
 	return 0;
 }
@@ -10806,9 +10833,9 @@ function ac_copy_all(gobj, event, kw, src) {
 	if (priv.root === null || priv.root === void 0) return 0;
 	let text = JSON.stringify(priv.root, null, 4);
 	if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(text).catch(function(e) {
-		log_error(`${GCLASS_NAME$8}: clipboard write failed: ${e}`);
+		log_error(`${GCLASS_NAME$9}: clipboard write failed: ${e}`);
 	});
-	else log_error(`${GCLASS_NAME$8}: clipboard API unavailable`);
+	else log_error(`${GCLASS_NAME$9}: clipboard API unavailable`);
 	return 0;
 }
 /************************************************************
@@ -10847,17 +10874,17 @@ function ac_refresh$3(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$8 = {
-	mt_create: mt_create$8,
-	mt_start: mt_start$8,
-	mt_stop: mt_stop$8,
-	mt_destroy: mt_destroy$8
+var gmt$9 = {
+	mt_create: mt_create$9,
+	mt_start: mt_start$9,
+	mt_stop: mt_stop$9,
+	mt_destroy: mt_destroy$9
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$8(gclass_name) {
-	if (__gclass__$8) {
+function create_gclass$9(gclass_name) {
+	if (__gclass__$9) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -10954,7 +10981,7 @@ function create_gclass$8(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$8 = gclass_create(gclass_name, [
+	__gclass__$9 = gclass_create(gclass_name, [
 		["EV_SET_JSON", 0],
 		["EV_SUBTREE_LOADED", 0],
 		["EV_SUBTREE_ERROR", 0],
@@ -10969,15 +10996,15 @@ function create_gclass$8(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$8, 0, attrs_table$8, PRIVATE_DATA$8, 0, 0, 0, 0);
-	if (!__gclass__$8) return -1;
+	], states, gmt$9, 0, attrs_table$9, PRIVATE_DATA$9, 0, 0, 0, 0);
+	if (!__gclass__$9) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_json() {
-	return create_gclass$8(GCLASS_NAME$8);
+	return create_gclass$9(GCLASS_NAME$9);
 }
 //#endregion
 //#region src/c_yui_gobj_tree_js.js
@@ -10992,11 +11019,11 @@ function register_c_yui_json() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$7 = "C_YUI_GOBJ_TREE_JS";
+var GCLASS_NAME$8 = "C_YUI_GOBJ_TREE_JS";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$7 = [
+var attrs_table$8 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Container element"),
 	SDATA(data_type_t.DTP_STRING, "canvas_id", 0, "", "Canvas ID"),
@@ -11005,7 +11032,7 @@ var attrs_table$7 = [
 	SDATA(data_type_t.DTP_INTEGER, "collapse_threshold", 0, 10, "Auto-collapse a node whose direct children exceed this number. 0 disables auto-collapse."),
 	SDATA_END()
 ];
-var PRIVATE_DATA$7 = {
+var PRIVATE_DATA$8 = {
 	canvas_id: "",
 	graph: null,
 	node_counter: 0,
@@ -11020,7 +11047,7 @@ var PRIVATE_DATA$7 = {
 	resize_observer: null,
 	_resize_raf: 0
 };
-var __gclass__$7 = null;
+var __gclass__$8 = null;
 var __layout_registered__ = false;
 /***************************************************************
 *  Node colors by role
@@ -11199,7 +11226,7 @@ function get_layout_cfg(layout_key) {
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$7(gobj) {
+function mt_create$8(gobj) {
 	let priv = gobj.priv;
 	priv.canvas_id = "gobj-tree-canvas-" + clean_name(gobj_name(gobj));
 	gobj_write_str_attr(gobj, "canvas_id", priv.canvas_id);
@@ -11222,18 +11249,18 @@ function mt_create$7(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$7(gobj) {
+function mt_start$8(gobj) {
 	build_graph$2(gobj);
 	load_tree(gobj);
 }
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$7(gobj) {}
+function mt_stop$8(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$7(gobj) {
+function mt_destroy$8(gobj) {
 	let priv = gobj.priv;
 	if (priv.theme_observer) {
 		priv.theme_observer.disconnect();
@@ -12452,21 +12479,21 @@ function ac_hide$4(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$7 = {
-	mt_create: mt_create$7,
-	mt_start: mt_start$7,
-	mt_stop: mt_stop$7,
-	mt_destroy: mt_destroy$7
+var gmt$8 = {
+	mt_create: mt_create$8,
+	mt_start: mt_start$8,
+	mt_stop: mt_stop$8,
+	mt_destroy: mt_destroy$8
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$7(gclass_name) {
-	if (__gclass__$7) {
+function create_gclass$8(gclass_name) {
+	if (__gclass__$8) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$7 = gclass_create(gclass_name, [
+	__gclass__$8 = gclass_create(gclass_name, [
 		["EV_REFRESH", 0],
 		["EV_THEME", 0],
 		["EV_CHANGE_LAYOUT", 0],
@@ -12552,14 +12579,247 @@ function create_gclass$7(gclass_name) {
 			ac_hide$4,
 			null
 		]
-	]]], gmt$7, 0, attrs_table$7, PRIVATE_DATA$7, 0, 0, 0, 0);
-	if (!__gclass__$7) return -1;
+	]]], gmt$8, 0, attrs_table$8, PRIVATE_DATA$8, 0, 0, 0, 0);
+	if (!__gclass__$8) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_gobj_tree_js() {
+	return create_gclass$8(GCLASS_NAME$8);
+}
+//#endregion
+//#region src/c_yui_service_view.js
+/***********************************************************************
+*          c_yui_service_view.js
+*
+*      Mounting a view that TALKS TO A BACKEND.
+*
+*      THE PROBLEM
+*      -----------
+*      A view that asks the backend for data does it with
+*          gobj_command(remote, "...", kw, src = itself)
+*      and C_IEVENT_CLI routes the answer back with
+*          gobj_find_service(gobj_name(src))
+*      which only finds REGISTERED SERVICES.
+*
+*      Neither host creates one: C_YUI_SHELL mounts a route's view with
+*      `gobj_create()` and C_YUI_NODE with `gobj_create_pure_child()`.
+*      So a backend-talking view mounted directly never receives a single
+*      answer — and not quietly: the ievent logs "service not found" once
+*      per answer while the view sits empty forever.
+*
+*      There is a second half.  A route's `target.kw` is STATIC JSON, so
+*      it cannot carry the live transport pointer the view needs.  It has
+*      to be resolved at mount time and injected.
+*
+*      THE PIECE
+*      ---------
+*      Both halves had been written four separate times, in three repos,
+*      each wrapper saying the same thing in its own header.  They are
+*      here now, in two shapes, because the four callers are not alike:
+*
+*        yui_mount_service_view(host, spec) — the helper.  For a wrapper
+*          that has its OWN extras on top (bridging url segments to the
+*          hosted view, rebinding it when a connection drops).  Those
+*          extras are app or route logic and do NOT belong here; the
+*          wrapper keeps them and drops only the boilerplate.
+*
+*        C_YUI_SERVICE_VIEW — the gclass, for a route with NO extras:
+*          declare it in the route/node and name the view it hosts.  It
+*          is the helper plus a lifecycle, nothing more.
+*
+*      CONTRACT of the hosted gclass:
+*        - declares the attr the transport is injected under
+*          (`gobj_remote_yuno` by default),
+*        - builds its `$container` in mt_create (re-exposed as the
+*          host's, which is what the shell/node mounts),
+*        - flags EVF_PUBLIC_EVENT on what arrives from the backend
+*          (EV_MT_COMMAND_ANSWER and anything the remote publishes): the
+*          ievent drops events that are not public.
+*
+*      NAMES: the service name must be UNIQUE per mount.  A duplicate is
+*      not fatal and that is the danger — gobj-js logs "service ALREADY
+*      REGISTERED. Will be UPDATED" and REBINDS the name, so the answers
+*      of one view would land in the other.  Derive it from the route (or
+*      from whatever else makes the mount unique: a connection id, a
+*      workspace) and never from the gclass alone.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+/***************************************************************
+*              Constants
+***************************************************************/
+var GCLASS_NAME$7 = "C_YUI_SERVICE_VIEW";
+var DEFAULT_TRANSPORT_SERVICE = "__remote_service__";
+var DEFAULT_TRANSPORT_ATTR = "gobj_remote_yuno";
+/***************************************************************
+*              Data
+***************************************************************/
+var attrs_table$7 = [
+	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
+	SDATA(data_type_t.DTP_STRING, "view_gclass", 0, "", "GClass of the hosted view (must be registered)"),
+	SDATA(data_type_t.DTP_STRING, "service_name", 0, "", "Service name of the hosted view — UNIQUE per mount"),
+	SDATA(data_type_t.DTP_JSON, "view_kw", 0, null, "kw passed to the hosted view"),
+	SDATA(data_type_t.DTP_STRING, "transport_service", 0, DEFAULT_TRANSPORT_SERVICE, "Service name of the live transport"),
+	SDATA(data_type_t.DTP_STRING, "transport_attr", 0, DEFAULT_TRANSPORT_ATTR, "Attr of the hosted view the transport is injected under"),
+	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Root HTMLElement"),
+	SDATA_END()
+];
+var PRIVATE_DATA$7 = { view: null };
+var __gclass__$7 = null;
+/***************************
+*      Public helper
+***************************/
+/************************************************************
+*  Create `spec.gclass` as a NAMED SERVICE under `host`, with the
+*  live transport injected, and return it (null on failure, error
+*  already logged).  The caller owns what happens next — starting
+*  it, exposing its DOM, bridging routes into it.
+*
+*  spec = {
+*      gclass,           // string, required — must be registered
+*      name,             // string, required — service name, unique per mount
+*      kw,               // object, optional — the view's kw
+*      transport,        // gobj | service name | omitted:
+*                        //   a gobj is used as-is (the caller already
+*                        //   resolved it — e.g. per connection), a string
+*                        //   is looked up with gobj_find_service(), and
+*                        //   omitted means "__remote_service__".
+*                        //   null DISABLES injection: for a hosted view
+*                        //   that takes its transport some other way.
+*      transport_attr    // string, optional — default "gobj_remote_yuno"
+*  }
+************************************************************/
+function yui_mount_service_view(host, spec) {
+	if (!host || !is_gobj(host) || !spec) {
+		log_error(`${GCLASS_NAME$7}: yui_mount_service_view without host or spec`);
+		return null;
+	}
+	const gclass = spec.gclass;
+	const name = spec.name;
+	if (empty_string(gclass) || empty_string(name)) {
+		log_error(`${gobj_short_name(host)}: mounting a service view needs gclass and name`);
+		return null;
+	}
+	if (!gclass_find_by_name(gclass)) {
+		log_error(`${gobj_short_name(host)}: gclass '${gclass}' is not registered`);
+		return null;
+	}
+	let kw = Object.assign({}, spec.kw || {});
+	let transport = Object.prototype.hasOwnProperty.call(spec, "transport") ? spec.transport : DEFAULT_TRANSPORT_SERVICE;
+	if (transport !== null) {
+		if (is_string(transport)) {
+			const service_name = transport;
+			transport = gobj_find_service(service_name);
+			if (!transport) {
+				log_error(`${gobj_short_name(host)}: transport service '${service_name}' not found`);
+				return null;
+			}
+		}
+		if (!is_gobj(transport)) {
+			log_error(`${gobj_short_name(host)}: transport is not a gobj`);
+			return null;
+		}
+		kw[spec.transport_attr || DEFAULT_TRANSPORT_ATTR] = transport;
+	}
+	const view = gobj_create_service(name, gclass, kw, host);
+	if (!view) {
+		log_error(`${gobj_short_name(host)}: cannot create '${gclass}' as '${name}'`);
+		return null;
+	}
+	return view;
+}
+/************************************************************
+*  The hosted view's $container, re-exposed as the host's — the
+*  shell/node mounts the HOST, so without this nothing is drawn.
+*  Never returns without setting one: an empty div beats a blank
+*  screen with the reason only in the console.
+************************************************************/
+function expose_view_container(host, view) {
+	let $c = view ? gobj_read_attr(view, "$container") : null;
+	if (!$c) {
+		log_error(`${gobj_short_name(host)}: hosted view does not expose $container — check its mt_create`);
+		$c = createElement2([
+			"div",
+			{},
+			""
+		]);
+	}
+	gobj_write_attr(host, "$container", $c);
+	return $c;
+}
+/***************************
+*      Framework Methods
+***************************/
+/***************************************************************
+*          Framework Method: Create
+***************************************************************/
+function mt_create$7(gobj) {
+	let priv = gobj.priv;
+	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
+	if (!subscriber) subscriber = gobj_parent(gobj);
+	gobj_subscribe_event(gobj, null, {}, subscriber);
+	priv.view = yui_mount_service_view(gobj, {
+		gclass: gobj_read_str_attr(gobj, "view_gclass"),
+		name: gobj_read_str_attr(gobj, "service_name"),
+		kw: gobj_read_attr(gobj, "view_kw") || {},
+		transport: gobj_read_str_attr(gobj, "transport_service"),
+		transport_attr: gobj_read_str_attr(gobj, "transport_attr")
+	});
+	expose_view_container(gobj, priv.view);
+}
+/***************************************************************
+*          Framework Method: Start
+*
+*  The view starts HERE and not in mt_create, so its first
+*  request goes out when the host shows it.
+***************************************************************/
+function mt_start$7(gobj) {
+	const view = gobj.priv.view;
+	if (view && !gobj_is_running(view)) gobj_start(view);
+}
+/***************************************************************
+*          Framework Method: Stop
+***************************************************************/
+function mt_stop$7(gobj) {
+	const view = gobj.priv.view;
+	if (view && gobj_is_running(view)) gobj_stop(view);
+}
+/***************************************************************
+*          Framework Method: Destroy
+*
+*  The view is a SERVICE created with this gobj as its parent, so
+*  gobj_destroy cascades onto it — and deregisters its name.  Do
+*  NOT destroy it again here.
+***************************************************************/
+function mt_destroy$7(gobj) {
+	let priv = gobj.priv;
+	priv.view = null;
+	const $c = gobj_read_attr(gobj, "$container");
+	if ($c && $c.parentNode) $c.parentNode.removeChild($c);
+	gobj_write_attr(gobj, "$container", null);
+}
+/***************************
+*          FSM
+***************************/
+var gmt$7 = {
+	mt_create: mt_create$7,
+	mt_start: mt_start$7,
+	mt_stop: mt_stop$7,
+	mt_destroy: mt_destroy$7
+};
+function create_gclass$7(gclass_name) {
+	if (__gclass__$7) {
+		log_error(`GClass ALREADY created: ${gclass_name}`);
+		return -1;
+	}
+	__gclass__$7 = gclass_create(gclass_name, [], [["ST_IDLE", []]], gmt$7, 0, attrs_table$7, PRIVATE_DATA$7, 0, 0, 0, 0);
+	return __gclass__$7 ? 0 : -1;
+}
+function register_c_yui_service_view() {
 	return create_gclass$7(GCLASS_NAME$7);
 }
 //#endregion
@@ -53269,6 +53529,6 @@ function setup_frontend_view(self) {
 	return win;
 }
 //#endregion
-export { EditControl, MarkerControl, YUI_PERIODS, YUI_PERIODS_DEFAULT, YUI_ROLLING, addClasses, apply_dev_traces, attach_clear, build_dev_panel, dev_window_was_open, disableElements, enableElements, epoch_to_local_input, epoch_to_ms, fmt_epoch, getStrokeColor, infer_period, info_traffic, inject_svg_icons, is_current_period, iso_week, local_input_to_epoch, ms_to_epoch, period_bounds, period_bounds_epoch, period_label, period_name, period_shift, period_spec, period_start, refresh_clear, register_c_g6_nodes_tree, register_c_yui_form, register_c_yui_gobj_tree_js, register_c_yui_json, register_c_yui_json_graph, register_c_yui_map, register_c_yui_nav, register_c_yui_pager, register_c_yui_period, register_c_yui_shell, register_c_yui_treedb_graph, register_c_yui_treedb_schema, register_c_yui_treedb_topic_with_form, register_c_yui_treedb_topics, register_c_yui_uplot, register_c_yui_window, register_c_yui_window_manager, register_c_yui_wizard, removeChildElements, removeClasses, rolling_bounds, safe_locale, set_active_state, set_cancel_state, set_submit_state, setup_dev, setup_frontend_view, toggleClasses, yui_is_dark, yui_shell_close_drawer, yui_shell_close_dropdown, yui_shell_confirm_ok, yui_shell_confirm_yesno, yui_shell_confirm_yesnocancel, yui_shell_navigate, yui_shell_open_drawer, yui_shell_overlay_dismissed, yui_shell_pop_escape, yui_shell_push_escape, yui_shell_refresh_avatars, yui_shell_register_event_handler, yui_shell_register_overlay, yui_shell_set_avatar_provider, yui_shell_set_connection_state, yui_shell_set_sub_routes, yui_shell_set_toolbar_item_icon, yui_shell_set_translator, yui_shell_show_error, yui_shell_show_info, yui_shell_show_modal, yui_shell_show_route_map, yui_shell_show_warning, yui_shell_toggle_drawer, yui_shell_unpark_route, yui_theme_now, yui_toolbar, yui_watch_theme };
+export { EditControl, MarkerControl, YUI_PERIODS, YUI_PERIODS_DEFAULT, YUI_ROLLING, addClasses, apply_dev_traces, attach_clear, build_dev_panel, dev_window_was_open, disableElements, enableElements, epoch_to_local_input, epoch_to_ms, expose_view_container, fmt_epoch, getStrokeColor, infer_period, info_traffic, inject_svg_icons, is_current_period, iso_week, local_input_to_epoch, ms_to_epoch, period_bounds, period_bounds_epoch, period_label, period_name, period_shift, period_spec, period_start, refresh_clear, register_c_g6_nodes_tree, register_c_yui_form, register_c_yui_gobj_tree_js, register_c_yui_json, register_c_yui_json_graph, register_c_yui_map, register_c_yui_nav, register_c_yui_pager, register_c_yui_period, register_c_yui_service_view, register_c_yui_shell, register_c_yui_treedb_graph, register_c_yui_treedb_schema, register_c_yui_treedb_topic_with_form, register_c_yui_treedb_topics, register_c_yui_uplot, register_c_yui_window, register_c_yui_window_manager, register_c_yui_wizard, removeChildElements, removeClasses, rolling_bounds, safe_locale, set_active_state, set_cancel_state, set_submit_state, setup_dev, setup_frontend_view, toggleClasses, yui_is_dark, yui_mount_service_view, yui_shell_close_drawer, yui_shell_close_dropdown, yui_shell_confirm_ok, yui_shell_confirm_yesno, yui_shell_confirm_yesnocancel, yui_shell_navigate, yui_shell_open_drawer, yui_shell_overlay_dismissed, yui_shell_pop_escape, yui_shell_push_escape, yui_shell_refresh_avatars, yui_shell_register_event_handler, yui_shell_register_overlay, yui_shell_set_avatar_provider, yui_shell_set_connection_state, yui_shell_set_sub_routes, yui_shell_set_toolbar_item_icon, yui_shell_set_translator, yui_shell_show_error, yui_shell_show_info, yui_shell_show_modal, yui_shell_show_route_map, yui_shell_show_warning, yui_shell_toggle_drawer, yui_shell_unpark_route, yui_theme_now, yui_toolbar, yui_watch_theme };
 
 //# sourceMappingURL=gobj-ui.es.js.map