@yuneta/gobj-ui 7.23.142 → 7.23.144

package/dist/gobj-ui.es.js

@@ -1,5 +1,5 @@
 import * as gobj_js from "@yuneta/gobj-js";
-import { SDATA, SDATA_END, clean_name, createElement2, createOneHtml, create_template_record, data_type_t, debounce, delete_from_list, duplicate_objects, empty_json, empty_string, escapeHtml, event_flag_t, gclass_create, gclass_find_by_name, gclass_flag_t, getPositionRelativeToBody, gobj_bottom_gobj, gobj_change_state, gobj_command, gobj_create, gobj_create_pure_child, gobj_create_service, gobj_current_state, gobj_destroy, gobj_find_child, gobj_find_service, gobj_full_name, gobj_gclass_name, gobj_is_destroying, gobj_is_playing, gobj_is_pure_child, gobj_is_running, gobj_is_service, gobj_is_volatil, gobj_match_children, gobj_name, gobj_parent, gobj_post_event, gobj_publish_event, gobj_read_attr, gobj_read_bool_attr, gobj_read_integer_attr, gobj_read_pointer_attr, gobj_read_str_attr, gobj_save_persistent_attrs, gobj_send_event, gobj_set_trace_machine_format, gobj_short_name, gobj_start, gobj_start_tree, gobj_stop, gobj_stop_children, gobj_subscribe_event, gobj_unsubscribe_event, gobj_write_attr, gobj_write_bool_attr, gobj_write_integer_attr, gobj_write_str_attr, gobj_yuno, gobj_yuno_name, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_string, json_deep_copy, json_object_size, json_object_update, json_object_update_missing, json_size, kw_clone_by_keys, kw_flag_t, kw_get_dict, kw_get_dict_value, kw_get_int, kw_get_local_storage_value, kw_get_str, kw_has_key, kw_set_dict_value, kw_set_local_storage_value, kwid_find_one_record, kwid_get_ids, kwid_new_dict, log_error, log_warning, msg_iev_get_stack, parseBoolean, parseSVG, refresh_language, safeSrc, sdata_flag_t, set_console_log_enabled, set_log_callback, sprintf, str_in_list, template_get_field_desc, trace_msg, treedb_decoder_fkey, treedb_encoder_fkey, treedb_get_field_desc, treedb_hook_data_size } from "@yuneta/gobj-js";
+import { SDATA, SDATA_END, clean_name, createElement2, createOneHtml, create_template_record, data_type_t, debounce, delete_from_list, duplicate_objects, empty_json, empty_string, escapeHtml, event_flag_t, flat_diff, gclass_create, gclass_find_by_name, gclass_flag_t, getPositionRelativeToBody, gobj_bottom_gobj, gobj_change_state, gobj_command, gobj_create, gobj_create_pure_child, gobj_create_service, gobj_current_state, gobj_destroy, gobj_find_child, gobj_find_service, gobj_full_name, gobj_gclass_name, gobj_is_destroying, gobj_is_playing, gobj_is_pure_child, gobj_is_running, gobj_is_service, gobj_is_volatil, gobj_match_children, gobj_name, gobj_parent, gobj_post_event, gobj_publish_event, gobj_read_attr, gobj_read_bool_attr, gobj_read_integer_attr, gobj_read_pointer_attr, gobj_read_str_attr, gobj_save_persistent_attrs, gobj_send_event, gobj_set_trace_machine_format, gobj_short_name, gobj_start, gobj_start_tree, gobj_stop, gobj_stop_children, gobj_subscribe_event, gobj_unsubscribe_event, gobj_write_attr, gobj_write_bool_attr, gobj_write_integer_attr, gobj_write_str_attr, gobj_yuno, gobj_yuno_name, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_string, json2flat, json_deep_copy, json_object_size, json_object_update, json_object_update_missing, json_size, kw_clone_by_keys, kw_flag_t, kw_get_dict, kw_get_dict_value, kw_get_int, kw_get_local_storage_value, kw_get_str, kw_has_key, kw_set_dict_value, kw_set_local_storage_value, kwid_find_one_record, kwid_get_ids, kwid_new_dict, log_error, log_warning, msg_iev_get_stack, parseBoolean, parseSVG, refresh_language, safeSrc, sdata_flag_t, set_console_log_enabled, set_log_callback, sprintf, str_in_list, template_get_field_desc, trace_msg, treedb_decoder_fkey, treedb_encoder_fkey, treedb_get_field_desc, treedb_hook_data_size } from "@yuneta/gobj-js";
 import i18next, { t } from "i18next";
 import TomSelect from "tom-select";
 import { createJSONEditor } from "vanilla-jsoneditor";
@@ -866,7 +866,7 @@ function secondary_nav_renders(item, layout) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$21 = "C_YUI_SHELL";
+var GCLASS_NAME$22 = "C_YUI_SHELL";
 var __last_shell__ = null;
 var ZONE_IDS = [
 	"top",
@@ -888,7 +888,7 @@ var LAYER_DEFS = [
 /***************************************************************
 *              Attrs
 ***************************************************************/
-var attrs_table$21 = [
+var attrs_table$22 = [
 	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"),
@@ -899,7 +899,7 @@ var attrs_table$21 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Root HTMLElement of the shell"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$21 = {
+var PRIVATE_DATA$22 = {
 	zones: {},
 	layers: {},
 	stages: {},
@@ -922,23 +922,23 @@ var PRIVATE_DATA$21 = {
 	conn_nodes: [],
 	active_dropdown: null
 };
-var __gclass__$21 = null;
+var __gclass__$22 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$21(gobj) {
+function mt_create$22(gobj) {
 	const subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (subscriber) gobj_subscribe_event(gobj, null, {}, subscriber);
 	__last_shell__ = gobj;
-	build_ui$18(gobj);
+	build_ui$19(gobj);
 }
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$19(gobj) {
+function mt_start$20(gobj) {
 	let config = gobj_read_attr(gobj, "config") || {};
 	let priv = gobj.priv;
 	if (!validate_config(config)) {
@@ -1007,7 +1007,7 @@ function mt_start$19(gobj) {
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$19(gobj) {
+function mt_stop$20(gobj) {
 	let priv = gobj.priv;
 	if (!priv) return 0;
 	close_toolbar_dropdown(gobj);
@@ -1048,7 +1048,7 @@ function mt_stop$19(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$21(gobj) {
+function mt_destroy$22(gobj) {
 	close_toolbar_dropdown(gobj);
 	let $container = gobj_read_attr(gobj, "$container");
 	if ($container && $container.parentNode) $container.parentNode.removeChild($container);
@@ -1164,7 +1164,7 @@ function check_route_unique(route_owner, item, menu_id) {
 /************************************************************
 *  Build the DOM: layers → base → zones
 ************************************************************/
-function build_ui$18(gobj) {
+function build_ui$19(gobj) {
 	let priv = gobj.priv;
 	let shell_cfg = (gobj_read_attr(gobj, "config") || {}).shell || {};
 	let $container = createElement2(["div", { class: "C_YUI_SHELL yui-shell" }]);
@@ -2551,14 +2551,14 @@ function ac_nav_item_close(gobj, event, kw, src) {
 /***************************************************************
 *              FSM
 ***************************************************************/
-var gmt$21 = {
-	mt_create: mt_create$21,
-	mt_start: mt_start$19,
-	mt_stop: mt_stop$19,
-	mt_destroy: mt_destroy$21
+var gmt$22 = {
+	mt_create: mt_create$22,
+	mt_start: mt_start$20,
+	mt_stop: mt_stop$20,
+	mt_destroy: mt_destroy$22
 };
-function create_gclass$21(gclass_name) {
-	if (__gclass__$21) {
+function create_gclass$22(gclass_name) {
+	if (__gclass__$22) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -2587,12 +2587,12 @@ function create_gclass$21(gclass_name) {
 		["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]
 	];
-	__gclass__$21 = gclass_create(gclass_name, event_types, states, gmt$21, 0, attrs_table$21, PRIVATE_DATA$21, 0, 0, 0, gclass_flag_t.gcflag_no_check_output_events);
-	if (!__gclass__$21) return -1;
+	__gclass__$22 = gclass_create(gclass_name, event_types, states, gmt$22, 0, attrs_table$22, PRIVATE_DATA$22, 0, 0, 0, gclass_flag_t.gcflag_no_check_output_events);
+	if (!__gclass__$22) return -1;
 	return 0;
 }
 function register_c_yui_shell() {
-	return create_gclass$21(GCLASS_NAME$21);
+	return create_gclass$22(GCLASS_NAME$22);
 }
 /***************************************************************
 *  Public helpers — exported alongside register_c_yui_shell().
@@ -2685,7 +2685,7 @@ function yui_shell_last_route_under(shell_gobj, route) {
 function yui_shell_of(gobj) {
 	let g = gobj;
 	while (g) {
-		if (gobj_gclass_name(g) === GCLASS_NAME$21) return g;
+		if (gobj_gclass_name(g) === GCLASS_NAME$22) return g;
 		g = gobj_parent(g);
 	}
 	return __last_shell__;
@@ -3439,7 +3439,7 @@ function yui_shell_confirm_yesnocancel(shell, message, opts) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$20 = "C_YUI_WINDOW";
+var GCLASS_NAME$21 = "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>";
@@ -3448,7 +3448,7 @@ var MOBILE_MAX = 768;
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$20 = [
+var attrs_table$21 = [
 	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"),
@@ -3486,21 +3486,21 @@ var attrs_table$20 = [
 	SDATA(data_type_t.DTP_POINTER, "win_resize_handler", 0, null, "Internal: native window 'resize' listener"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$20 = { prevSize: 0 };
-var __gclass__$20 = null;
+var PRIVATE_DATA$21 = { prevSize: 0 };
+var __gclass__$21 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$20(gobj) {
+function mt_create$21(gobj) {
 	const subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (subscriber) gobj_subscribe_event(gobj, null, {}, subscriber);
 	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$17(gobj);
+	build_ui$18(gobj);
 	if (manager) {
 		let $c = gobj_read_attr(gobj, "$container");
 		if ($c) $c.addEventListener("pointerdown", function() {
@@ -3534,7 +3534,7 @@ function mt_create$20(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$20(gobj) {
+function mt_destroy$21(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");
@@ -3707,7 +3707,7 @@ function do_minimize(gobj) {
 /************************************************************
 *   Build UI
 ************************************************************/
-function build_ui$17(gobj) {
+function build_ui$18(gobj) {
 	ensure_window_style();
 	let mobile = is_mobile$4();
 	let header = gobj_read_attr(gobj, "header");
@@ -4268,15 +4268,15 @@ function ac_close(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$20 = {
-	mt_create: mt_create$20,
-	mt_destroy: mt_destroy$20
+var gmt$21 = {
+	mt_create: mt_create$21,
+	mt_destroy: mt_destroy$21
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$20(gclass_name) {
-	if (__gclass__$20) {
+function create_gclass$21(gclass_name) {
+	if (__gclass__$21) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -4311,15 +4311,15 @@ function create_gclass$20(gclass_name) {
 		["EV_HIDE", 0],
 		["EV_CLOSE_WINDOW", 0]
 	];
-	__gclass__$20 = gclass_create(gclass_name, event_types, states, gmt$20, 0, attrs_table$20, PRIVATE_DATA$20, 0, 0, 0, 0);
-	if (!__gclass__$20) return -1;
+	__gclass__$21 = gclass_create(gclass_name, event_types, states, gmt$21, 0, attrs_table$21, PRIVATE_DATA$21, 0, 0, 0, 0);
+	if (!__gclass__$21) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_window() {
-	return create_gclass$20(GCLASS_NAME$20);
+	return create_gclass$21(GCLASS_NAME$21);
 }
 //#endregion
 //#region src/c_yui_window_manager.js
@@ -4357,13 +4357,13 @@ function register_c_yui_window() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$19 = "C_YUI_WINDOW_MANAGER";
+var GCLASS_NAME$20 = "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$19 = [
+var attrs_table$20 = [
 	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"),
@@ -4373,20 +4373,20 @@ var attrs_table$19 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Internal: the dock element"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$19 = {
+var PRIVATE_DATA$20 = {
 	windows: null,
 	z: 0,
 	mql: null,
 	mql_handler: null
 };
-var __gclass__$19 = null;
+var __gclass__$20 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$19(gobj) {
+function mt_create$20(gobj) {
 	let priv = gobj.priv;
 	priv.windows = [];
 	priv.z = 10;
@@ -4405,7 +4405,7 @@ function mt_create$19(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$19(gobj) {
+function mt_destroy$20(gobj) {
 	let priv = gobj.priv;
 	if (priv.mql && priv.mql_handler) {
 		priv.mql.removeEventListener("change", priv.mql_handler);
@@ -4774,19 +4774,19 @@ function ac_focus_window(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$19 = {
-	mt_create: mt_create$19,
-	mt_destroy: mt_destroy$19
+var gmt$20 = {
+	mt_create: mt_create$20,
+	mt_destroy: mt_destroy$20
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$19(gclass_name) {
-	if (__gclass__$19) {
+function create_gclass$20(gclass_name) {
+	if (__gclass__$20) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$19 = gclass_create(gclass_name, [
+	__gclass__$20 = gclass_create(gclass_name, [
 		["EV_REGISTER_WINDOW", 0],
 		["EV_UNREGISTER_WINDOW", 0],
 		["EV_MINIMIZE_WINDOW", 0],
@@ -4812,15 +4812,15 @@ function create_gclass$19(gclass_name) {
 			ac_focus_window,
 			null
 		]
-	]]], gmt$19, 0, attrs_table$19, PRIVATE_DATA$19, 0, 0, 0, 0);
-	if (!__gclass__$19) return -1;
+	]]], gmt$20, 0, attrs_table$20, PRIVATE_DATA$20, 0, 0, 0, 0);
+	if (!__gclass__$20) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_window_manager() {
-	return create_gclass$19(GCLASS_NAME$19);
+	return create_gclass$20(GCLASS_NAME$20);
 }
 //#endregion
 //#region src/pager_helpers.js
@@ -4906,11 +4906,11 @@ function pager_back_action(stack, back_on_root) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$18 = "C_YUI_PAGER";
+var GCLASS_NAME$19 = "C_YUI_PAGER";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$18 = [
+var attrs_table$19 = [
 	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"),
@@ -4918,18 +4918,18 @@ var attrs_table$18 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$18 = { stack: null };
-var __gclass__$18 = null;
+var PRIVATE_DATA$19 = { stack: null };
+var __gclass__$19 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$18(gobj) {
+function mt_create$19(gobj) {
 	let priv = gobj.priv;
 	priv.stack = [];
-	build_ui$16(gobj);
+	build_ui$17(gobj);
 	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (!subscriber) subscriber = gobj_parent(gobj);
 	gobj_subscribe_event(gobj, null, {}, subscriber);
@@ -4937,17 +4937,17 @@ function mt_create$18(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$18(gobj) {}
+function mt_start$19(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$18(gobj) {
+function mt_stop$19(gobj) {
 	gobj_stop_children(gobj);
 }
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$18(gobj) {
+function mt_destroy$19(gobj) {
 	destroy_ui$12(gobj);
 }
 /***************************
@@ -4956,7 +4956,7 @@ function mt_destroy$18(gobj) {
 /************************************************************
 *   Build UI
 ************************************************************/
-function build_ui$16(gobj) {
+function build_ui$17(gobj) {
 	let $container = createElement2([
 		"div",
 		{
@@ -5108,7 +5108,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$18}: EV_PUSH_PAGE without content`);
+		log_error(`${GCLASS_NAME$19}: EV_PUSH_PAGE without content`);
 		return -1;
 	}
 	let $body = gobj_read_attr(gobj, "$container").querySelector(".yui-pager-body");
@@ -5161,7 +5161,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$18}: EV_REPLACE_PAGE without content`);
+		log_error(`${GCLASS_NAME$19}: EV_REPLACE_PAGE without content`);
 		return -1;
 	}
 	let $body = gobj_read_attr(gobj, "$container").querySelector(".yui-pager-body");
@@ -5228,17 +5228,17 @@ function ac_resize$5(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$18 = {
-	mt_create: mt_create$18,
-	mt_start: mt_start$18,
-	mt_stop: mt_stop$18,
-	mt_destroy: mt_destroy$18
+var gmt$19 = {
+	mt_create: mt_create$19,
+	mt_start: mt_start$19,
+	mt_stop: mt_stop$19,
+	mt_destroy: mt_destroy$19
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$18(gclass_name) {
-	if (__gclass__$18) {
+function create_gclass$19(gclass_name) {
+	if (__gclass__$19) {
 		log_error(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -5303,15 +5303,15 @@ function create_gclass$18(gclass_name) {
 		["EV_PAGE_DISCARD", event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_PAGER_EXIT", event_flag_t.EVF_OUTPUT_EVENT]
 	];
-	__gclass__$18 = gclass_create(gclass_name, event_types, states, gmt$18, 0, attrs_table$18, PRIVATE_DATA$18, 0, 0, 0, 0);
-	if (!__gclass__$18) return -1;
+	__gclass__$19 = gclass_create(gclass_name, event_types, states, gmt$19, 0, attrs_table$19, PRIVATE_DATA$19, 0, 0, 0, 0);
+	if (!__gclass__$19) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_pager() {
-	return create_gclass$18(GCLASS_NAME$18);
+	return create_gclass$19(GCLASS_NAME$19);
 }
 //#endregion
 //#region src/wizard_helpers.js
@@ -5432,11 +5432,11 @@ function wizard_should_validate(linear, has_gobj) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$17 = "C_YUI_WIZARD";
+var GCLASS_NAME$18 = "C_YUI_WIZARD";
 /***************************************************************
 *              Data
 ***************************************************************/
-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_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)"),
@@ -5446,26 +5446,26 @@ var attrs_table$17 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$17 = {
+var PRIVATE_DATA$18 = {
 	steps: null,
 	idx: 0,
 	acc: null,
 	awaiting: false
 };
-var __gclass__$17 = null;
+var __gclass__$18 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$17(gobj) {
+function mt_create$18(gobj) {
 	let priv = gobj.priv;
 	priv.steps = [];
 	priv.idx = 0;
 	priv.acc = null;
 	priv.awaiting = false;
-	build_ui$15(gobj);
+	build_ui$16(gobj);
 	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (!subscriber) subscriber = gobj_parent(gobj);
 	gobj_subscribe_event(gobj, null, {}, subscriber);
@@ -5473,17 +5473,17 @@ function mt_create$17(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$17(gobj) {}
+function mt_start$18(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$17(gobj) {
+function mt_stop$18(gobj) {
 	gobj_stop_children(gobj);
 }
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$17(gobj) {
+function mt_destroy$18(gobj) {
 	destroy_ui$11(gobj);
 }
 /***************************
@@ -5492,7 +5492,7 @@ function mt_destroy$17(gobj) {
 /************************************************************
 *   Build UI
 ************************************************************/
-function build_ui$15(gobj) {
+function build_ui$16(gobj) {
 	let $container = createElement2([
 		"div",
 		{
@@ -5693,7 +5693,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$17}: EV_SET_STEPS with no steps`);
+		log_error(`${GCLASS_NAME$18}: EV_SET_STEPS with no steps`);
 		return -1;
 	}
 	let $body = gobj_read_attr(gobj, "$container").querySelector(".yui-wizard-body");
@@ -5703,7 +5703,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$17}: step '${st.id}' has no content`);
+			log_error(`${GCLASS_NAME$18}: step '${st.id}' has no content`);
 			return -1;
 		}
 		resolved.$el.classList.add("is-hidden");
@@ -5837,17 +5837,17 @@ function ac_resize$4(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$17 = {
-	mt_create: mt_create$17,
-	mt_start: mt_start$17,
-	mt_stop: mt_stop$17,
-	mt_destroy: mt_destroy$17
+var gmt$18 = {
+	mt_create: mt_create$18,
+	mt_start: mt_start$18,
+	mt_stop: mt_stop$18,
+	mt_destroy: mt_destroy$18
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-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;
 	}
@@ -5925,15 +5925,15 @@ function create_gclass$17(gclass_name) {
 		["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]
 	];
-	__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;
+	__gclass__$18 = gclass_create(gclass_name, event_types, states, gmt$18, 0, attrs_table$18, PRIVATE_DATA$18, 0, 0, 0, 0);
+	if (!__gclass__$18) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_wizard() {
-	return create_gclass$17(GCLASS_NAME$17);
+	return create_gclass$18(GCLASS_NAME$18);
 }
 //#endregion
 //#region src/yui_tabulator_i18n.js
@@ -7048,6 +7048,60 @@ function count_branches(value) {
 	for (let v of entries) if (has_branch(v)) n++;
 	return n;
 }
+/************************************************************
+*  What differs between two documents: one row per id of
+*  their flat form (json2flat), sorted by id in natural order,
+*  so `[2]` comes before `[10]`:
+*
+*      [{id, kind: "added"|"removed"|"changed", from?, to?}]
+*
+*  `from` is the first document's value and `to` the second's:
+*  an added row has no `from`, a removed row no `to`.
+*
+*  Two roots that are not containers of the same kind have no
+*  ids in common to compare by: they are one value each, and
+*  the row that says they differ has the empty id.
+*
+*  Throws what json2flat throws (a document too deep).
+************************************************************/
+function json_diff_rows(doc_a, doc_b) {
+	const kind_of = (v) => {
+		if (Array.isArray(v)) return "array";
+		if (v !== null && typeof v === "object") return "object";
+		return "scalar";
+	};
+	let kind_a = kind_of(doc_a);
+	if (kind_a === "scalar" || kind_a !== kind_of(doc_b)) {
+		if (JSON.stringify(doc_a) === JSON.stringify(doc_b)) return [];
+		return [{
+			id: "",
+			kind: "changed",
+			from: doc_a,
+			to: doc_b
+		}];
+	}
+	let diff = flat_diff(json2flat(doc_a), json2flat(doc_b));
+	let rows = [];
+	for (const id of Object.keys(diff.added)) rows.push({
+		id,
+		kind: "added",
+		to: diff.added[id]
+	});
+	for (const id of Object.keys(diff.removed)) rows.push({
+		id,
+		kind: "removed",
+		from: diff.removed[id]
+	});
+	for (const id of Object.keys(diff.changed)) rows.push({
+		id,
+		kind: "changed",
+		from: diff.changed[id].from,
+		to: diff.changed[id].to
+	});
+	const collator = new Intl.Collator("en", { numeric: true });
+	rows.sort((x, y) => collator.compare(x.id, y.id));
+	return rows;
+}
 //#endregion
 //#region src/c_yui_form.js
 /***********************************************************************
@@ -7061,11 +7115,11 @@ function count_branches(value) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$16 = "C_YUI_FORM";
+var GCLASS_NAME$17 = "C_YUI_FORM";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$16 = [
+var attrs_table$17 = [
 	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"),
@@ -7095,41 +7149,41 @@ var attrs_table$16 = [
 	SDATA(data_type_t.DTP_BOOLEAN, "changes", 0, false, "Indicates if changes have been made"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$16 = {};
-var __gclass__$16 = null;
+var PRIVATE_DATA$17 = {};
+var __gclass__$17 = null;
 /***************************
 *      Framework Methods
 ***************************/
 /************************************************************
 *      Framework Method create
 ************************************************************/
-function mt_create$16(gobj) {
+function mt_create$17(gobj) {
 	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (!subscriber) subscriber = gobj_parent(gobj);
 	gobj_subscribe_event(gobj, null, {}, subscriber);
 	let name = clean_name(gobj_name(gobj));
 	gobj_write_attr(gobj, "form_id", "form" + name);
-	build_ui$14(gobj);
+	build_ui$15(gobj);
 }
 /************************************************************
 *      Framework Method destroy
 *      In this point, all children
 *      and subscriptions are already deleted.
 ************************************************************/
-function mt_destroy$16(gobj) {
+function mt_destroy$17(gobj) {
 	destroy_ui$10(gobj);
 }
 /************************************************************
 *      Framework Method start
 ************************************************************/
-function mt_start$16(gobj) {
+function mt_start$17(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$16(gobj) {}
+function mt_stop$17(gobj) {}
 /***************************
 *      Local Methods
 ***************************/
@@ -7384,7 +7438,7 @@ function build_toolbar(gobj) {
 /************************************************************
 *   Build UI
 ************************************************************/
-function build_ui$14(gobj) {
+function build_ui$15(gobj) {
 	let $container = createElement2([
 		"div",
 		{
@@ -9402,18 +9456,18 @@ function cmd_get_picked_files(gobj, cmd, kw, src) {
 		data: files
 	};
 }
-var gmt$16 = {
-	mt_create: mt_create$16,
-	mt_start: mt_start$16,
-	mt_stop: mt_stop$16,
-	mt_destroy: mt_destroy$16,
+var gmt$17 = {
+	mt_create: mt_create$17,
+	mt_start: mt_start$17,
+	mt_stop: mt_stop$17,
+	mt_destroy: mt_destroy$17,
 	mt_command_parser: mt_command_parser$2
 };
 /***************************************************************
 *          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;
 	}
@@ -9511,16 +9565,16 @@ function create_gclass$16(gclass_name) {
 		["EV_HIDE", 0],
 		["EV_TIMEOUT", 0]
 	];
-	__gclass__$16 = gclass_create(gclass_name, event_types, states, gmt$16, 0, attrs_table$16, PRIVATE_DATA$16, 0, 0, 0, 0);
-	if (!__gclass__$16) return -1;
+	__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;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_form() {
-	if (gclass_find_by_name(GCLASS_NAME$16, false)) return 0;
-	return create_gclass$16(GCLASS_NAME$16);
+	if (gclass_find_by_name(GCLASS_NAME$17, false)) return 0;
+	return create_gclass$17(GCLASS_NAME$17);
 }
 //#endregion
 //#region src/lib_maplibre.js
@@ -9758,12 +9812,12 @@ function yui_maplibre_relocalize(map, t) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$15 = "C_YUI_MAP";
+var GCLASS_NAME$16 = "C_YUI_MAP";
 var GESTURE_HINT_MS = 2e3;
 /***************************************************************
 *              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_JSON, "devices", "[]", null, "List of devices"),
 	SDATA(data_type_t.DTP_JSON, "map_settings", 0, {
@@ -9784,7 +9838,7 @@ var attrs_table$15 = [
 	SDATA(data_type_t.DTP_INTEGER, "timeout_idle", 0, 5, "Idle timeout in seconds"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$15 = {
+var PRIVATE_DATA$16 = {
 	xmap: null,
 	gesture_hint_timer: null,
 	geojson: null,
@@ -9794,21 +9848,21 @@ var PRIVATE_DATA$15 = {
 	markers: {},
 	draggedFeature: 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;
 	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$15);
+	if ($map) $map.classList.add(GCLASS_NAME$16);
 	Object.assign(map_settings, {
 		container: $map,
 		cooperativeGestures: true,
@@ -9887,7 +9941,7 @@ function ac_language_changed$9(gobj, event, kw, src) {
 *  in OUR dom -- cannot touch any of it. The shell says when the
 *  language changed and this view rewrites those strings.
 ***************************************************************/
-function mt_start$15(gobj) {
+function mt_start$16(gobj) {
 	let shell = yui_shell_of(gobj);
 	if (shell) gobj_subscribe_event(shell, "EV_LANGUAGE_CHANGED", {}, gobj);
 	return 0;
@@ -9895,7 +9949,7 @@ function mt_start$15(gobj) {
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$15(gobj) {
+function mt_stop$16(gobj) {
 	let shell = yui_shell_of(gobj);
 	if (shell) gobj_unsubscribe_event(shell, "EV_LANGUAGE_CHANGED", {}, gobj);
 	return 0;
@@ -9903,7 +9957,7 @@ function mt_stop$15(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$15(gobj) {
+function mt_destroy$16(gobj) {
 	let priv = gobj.priv;
 	if (priv.gesture_hint_timer) {
 		clearTimeout(priv.gesture_hint_timer);
@@ -10367,21 +10421,21 @@ function ac_hide$10(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$15 = {
-	mt_create: mt_create$15,
-	mt_start: mt_start$15,
-	mt_stop: mt_stop$15,
-	mt_destroy: mt_destroy$15
+var gmt$16 = {
+	mt_create: mt_create$16,
+	mt_start: mt_start$16,
+	mt_stop: mt_stop$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_LANGUAGE_CHANGED", 0],
 		["EV_EDIT_MAP", 0],
 		["EV_CONTROL_MAP", 0],
@@ -10431,15 +10485,15 @@ function create_gclass$15(gclass_name) {
 			ac_hide$10,
 			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_map() {
-	return create_gclass$15(GCLASS_NAME$15);
+	return create_gclass$16(GCLASS_NAME$16);
 }
 //#endregion
 //#region src/c_yui_uplot.js
@@ -10514,11 +10568,11 @@ function themed_axes(axes) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$14 = "C_YUI_UPLOT";
+var GCLASS_NAME$15 = "C_YUI_UPLOT";
 /***************************************************************
 *              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, "title", 0, "", "Chart title"),
 	SDATA(data_type_t.DTP_INTEGER, "width", 0, 800, "Chart width"),
@@ -10536,16 +10590,16 @@ var attrs_table$14 = [
 	SDATA(data_type_t.DTP_INTEGER, "timeout_idle", 0, 5, "Idle timeout (seconds)"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$14 = { theme_observer: null };
-var __gclass__$14 = null;
+var PRIVATE_DATA$15 = { theme_observer: null };
+var __gclass__$15 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$14(gobj) {
-	build_ui$13(gobj);
+function mt_create$15(gobj) {
+	build_ui$14(gobj);
 	gobj.priv.theme_observer = yui_watch_theme(gobj);
 	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
 	if (!subscriber) subscriber = gobj_parent(gobj);
@@ -10554,15 +10608,15 @@ function mt_create$14(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$14(gobj) {}
+function mt_start$15(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$14(gobj) {}
+function mt_stop$15(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$14(gobj) {
+function mt_destroy$15(gobj) {
 	if (gobj.priv.theme_observer) {
 		gobj.priv.theme_observer.disconnect();
 		gobj.priv.theme_observer = null;
@@ -10580,7 +10634,7 @@ function mt_destroy$14(gobj) {
 /************************************************************
 *   Build UI
 ************************************************************/
-function build_ui$13(gobj) {
+function build_ui$14(gobj) {
 	let $container = gobj_read_attr(gobj, "$container");
 	if (!$container) {
 		$container = createElement2(["div", {
@@ -10737,7 +10791,7 @@ function ac_del_serie(gobj, event, kw, src) {
 /******************************************************
 *
 ******************************************************/
-function ac_clear(gobj, event, kw, src) {
+function ac_clear$1(gobj, event, kw, src) {
 	let uplot = gobj_read_attr(gobj, "uplot");
 	uplot.setData([[]]);
 	for (let idx = uplot.series.length - 1; idx > 0; idx--) uplot.delSeries(idx);
@@ -10746,21 +10800,21 @@ function ac_clear(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$14 = {
-	mt_create: mt_create$14,
-	mt_start: mt_start$14,
-	mt_stop: mt_stop$14,
-	mt_destroy: mt_destroy$14
+var gmt$15 = {
+	mt_create: mt_create$15,
+	mt_start: mt_start$15,
+	mt_stop: mt_stop$15,
+	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;
 	}
-	__gclass__$14 = gclass_create(gclass_name, [
+	__gclass__$15 = gclass_create(gclass_name, [
 		["EV_LOAD_DATA", 0],
 		["EV_ADD_SERIE", 0],
 		["EV_DEL_SERIE", 0],
@@ -10784,7 +10838,7 @@ function create_gclass$14(gclass_name) {
 		],
 		[
 			"EV_CLEAR",
-			ac_clear,
+			ac_clear$1,
 			null
 		],
 		[
@@ -10792,15 +10846,15 @@ function create_gclass$14(gclass_name) {
 			ac_theme$4,
 			null
 		]
-	]]], gmt$14, 0, attrs_table$14, PRIVATE_DATA$14, 0, 0, 0, 0);
-	if (!__gclass__$14) return -1;
+	]]], 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_uplot() {
-	return create_gclass$14(GCLASS_NAME$14);
+	return create_gclass$15(GCLASS_NAME$15);
 }
 //#endregion
 //#region src/yui_toolbar.js
@@ -11890,7 +11944,7 @@ function ensure_drag_canvas_patch() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$13 = "C_YUI_JSON_GRAPH";
+var GCLASS_NAME$14 = "C_YUI_JSON_GRAPH";
 var FOLD_SWALLOWED_EVENTS$1 = [
 	"pointerdown",
 	"pointerup",
@@ -11950,7 +12004,7 @@ function layout_label(key) {
 /***************************************************************
 *              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, "path", 0, "", "Root path label"),
 	SDATA(data_type_t.DTP_JSON, "json_data", 0, null, "JSON data to visualize"),
@@ -11960,7 +12014,7 @@ var attrs_table$13 = [
 	SDATA(data_type_t.DTP_STRING, "layout", 0, "json-tree", "Layout key (see LAYOUTS)"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$13 = {
+var PRIVATE_DATA$14 = {
 	canvas_id: "",
 	graph: null,
 	node_counter: 0,
@@ -11985,7 +12039,7 @@ var PRIVATE_DATA$13 = {
 	center_posted: false,
 	pending_keep: null
 };
-var __gclass__$13 = null;
+var __gclass__$14 = null;
 var __layout_registered__$1 = false;
 /***************************************************************
 *  Type colours, ONE EXPLICIT PALETTE PER THEME and not a
@@ -12090,7 +12144,7 @@ function type_color(type, dark) {
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$13(gobj) {
+function mt_create$14(gobj) {
 	let priv = gobj.priv;
 	priv.collapsed = /* @__PURE__ */ new Set();
 	priv.reserved = /* @__PURE__ */ new Map();
@@ -12102,7 +12156,7 @@ function mt_create$13(gobj) {
 	gobj_subscribe_event(gobj, null, {}, subscriber);
 	priv.theme = yui_theme_now();
 	priv.theme_observer = yui_watch_theme(gobj);
-	build_ui$12(gobj);
+	build_ui$13(gobj);
 	ensure_drag_canvas_patch();
 	ensure_pinch_zoom_patch();
 	if (!__layout_registered__$1) {
@@ -12113,18 +12167,18 @@ function mt_create$13(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$13(gobj) {
+function mt_start$14(gobj) {
 	build_graph$4(gobj);
 	load_json(gobj);
 }
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$13(gobj) {}
+function mt_stop$14(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$13(gobj) {
+function mt_destroy$14(gobj) {
 	if (gobj.priv.find_timer) {
 		clearTimeout(gobj.priv.find_timer);
 		gobj.priv.find_timer = null;
@@ -12154,7 +12208,7 @@ function mt_destroy$13(gobj) {
 /************************************************************
 *   Build UI
 ************************************************************/
-function build_ui$12(gobj) {
+function build_ui$13(gobj) {
 	let priv = gobj.priv;
 	let $toolbar = make_toolbar$5(gobj);
 	let $container = createElement2([
@@ -13376,17 +13430,17 @@ function ac_hide$9(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$13 = {
-	mt_create: mt_create$13,
-	mt_start: mt_start$13,
-	mt_stop: mt_stop$13,
-	mt_destroy: mt_destroy$13
+var gmt$14 = {
+	mt_create: mt_create$14,
+	mt_start: mt_start$14,
+	mt_stop: mt_stop$14,
+	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;
 	}
@@ -13503,16 +13557,16 @@ function create_gclass$13(gclass_name) {
 		["EV_HIDE", 0],
 		["EV_JSON_ITEM_CLICKED", event_flag_t.EVF_OUTPUT_EVENT]
 	];
-	__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;
+	__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;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_json_graph() {
-	if (gclass_find_by_name(GCLASS_NAME$13, false)) return 0;
-	return create_gclass$13(GCLASS_NAME$13);
+	if (gclass_find_by_name(GCLASS_NAME$14, false)) return 0;
+	return create_gclass$14(GCLASS_NAME$14);
 }
 //#endregion
 //#region src/c_yui_json.js
@@ -13577,7 +13631,7 @@ function register_c_yui_json_graph() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$12 = "C_YUI_JSON";
+var GCLASS_NAME$13 = "C_YUI_JSON";
 var MAX_RENDER_ROWS = 5e3;
 var MAX_TEXT_CHARS = 2e6;
 var MAX_LABEL_CHARS = 40;
@@ -13602,7 +13656,7 @@ var VIEW_MODE_STORAGE_KEY = "yui_json_view_mode";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$12 = [
+var attrs_table$13 = [
 	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)"),
@@ -13610,7 +13664,7 @@ var attrs_table$12 = [
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	SDATA_END()
 ];
-var PRIVATE_DATA$12 = {
+var PRIVATE_DATA$13 = {
 	root: null,
 	expanded: null,
 	pending: null,
@@ -13627,14 +13681,14 @@ var PRIVATE_DATA$12 = {
 	$collapse_btn: null,
 	$mode_btns: null
 };
-var __gclass__$12 = null;
+var __gclass__$13 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$12(gobj) {
+function mt_create$13(gobj) {
 	let priv = gobj.priv;
 	priv.expanded = /* @__PURE__ */ new Set();
 	priv.pending = /* @__PURE__ */ new Set();
@@ -13642,7 +13696,7 @@ function mt_create$12(gobj) {
 	priv.search = "";
 	let json_data = gobj_read_attr(gobj, "json_data");
 	if (json_data !== null && json_data !== void 0) priv.root = json_deep_copy(json_data);
-	build_ui$11(gobj);
+	build_ui$12(gobj);
 	resolve_initial_view_mode(gobj);
 	apply_view_mode$1(gobj);
 	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
@@ -13652,19 +13706,19 @@ function mt_create$12(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$12(gobj) {
+function mt_start$13(gobj) {
 	render_view$1(gobj);
 }
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$12(gobj) {
+function mt_stop$13(gobj) {
 	teardown_graph_child$1(gobj);
 }
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$12(gobj) {
+function mt_destroy$13(gobj) {
 	destroy_ui$7(gobj);
 }
 /***************************
@@ -13673,7 +13727,7 @@ function mt_destroy$12(gobj) {
 /************************************************************
 *   Build UI
 ************************************************************/
-function build_ui$11(gobj) {
+function build_ui$12(gobj) {
 	let priv = gobj.priv;
 	let $toolbar = make_toolbar$4(gobj);
 	let $container = createElement2([
@@ -14068,7 +14122,7 @@ function render_text(gobj) {
 		return;
 	}
 	let dump = json_text_dump(priv.root, MAX_TEXT_CHARS);
-	if (dump.error) log_error(`${GCLASS_NAME$12}: cannot dump the document as text: ${dump.error}`);
+	if (dump.error) log_error(`${GCLASS_NAME$13}: cannot dump the document as text: ${dump.error}`);
 	let $pre = createElement2([
 		"pre",
 		{ class: "JSON_TEXT_BODY" },
@@ -14451,7 +14505,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$12}: subtree load failed at '${path}': ${kw.error || ""}`);
+	log_error(`${GCLASS_NAME$13}: subtree load failed at '${path}': ${kw.error || ""}`);
 	render_view$1(gobj);
 	return 0;
 }
@@ -14526,14 +14580,14 @@ function ac_copy_all$1(gobj, event, kw, src) {
 	if (priv.root === null || priv.root === void 0) return 0;
 	let dump = json_text_dump(priv.root, 0);
 	if (dump.error) {
-		log_error(`${GCLASS_NAME$12}: cannot copy the document: ${dump.error}`);
+		log_error(`${GCLASS_NAME$13}: cannot copy the document: ${dump.error}`);
 		return -1;
 	}
 	let text = dump.text;
 	if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(text).catch(function(e) {
-		log_error(`${GCLASS_NAME$12}: clipboard write failed: ${e}`);
+		log_error(`${GCLASS_NAME$13}: clipboard write failed: ${e}`);
 	});
-	else log_error(`${GCLASS_NAME$12}: clipboard API unavailable`);
+	else log_error(`${GCLASS_NAME$13}: clipboard API unavailable`);
 	return 0;
 }
 /************************************************************
@@ -14549,7 +14603,7 @@ function ac_set_view_mode$1(gobj, event, kw, src) {
 	let mode = kw.mode;
 	if (mode === void 0 || mode === null || mode === "") mode = VIEWS$1[(VIEWS$1.findIndex((v) => v.mode === current_view_mode$1(gobj)) + 1) % VIEWS$1.length].mode;
 	else if (!VIEWS$1.some((v) => v.mode === mode)) {
-		log_error(`${GCLASS_NAME$12}: unknown view_mode '${mode}'`);
+		log_error(`${GCLASS_NAME$13}: unknown view_mode '${mode}'`);
 		return -1;
 	}
 	if (mode === current_view_mode$1(gobj)) return 0;
@@ -14615,17 +14669,17 @@ function ac_refresh$5(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$12 = {
-	mt_create: mt_create$12,
-	mt_start: mt_start$12,
-	mt_stop: mt_stop$12,
-	mt_destroy: mt_destroy$12
+var gmt$13 = {
+	mt_create: mt_create$13,
+	mt_start: mt_start$13,
+	mt_stop: mt_stop$13,
+	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;
 	}
@@ -14755,16 +14809,895 @@ function create_gclass$12(gclass_name) {
 		["EV_HIDE", 0],
 		["EV_EXPAND_PATH", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS]
 	];
-	__gclass__$12 = gclass_create(gclass_name, event_types, states, gmt$12, 0, attrs_table$12, PRIVATE_DATA$12, 0, 0, 0, 0);
-	if (!__gclass__$12) return -1;
+	__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;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_json() {
-	if (gclass_find_by_name(GCLASS_NAME$12, false)) return 0;
+	if (gclass_find_by_name(GCLASS_NAME$13, false)) return 0;
 	if (!gclass_find_by_name("C_YUI_JSON_GRAPH", false)) register_c_yui_json_graph();
+	return create_gclass$13(GCLASS_NAME$13);
+}
+//#endregion
+//#region src/c_yui_json_pad.js
+/***********************************************************************
+*          c_yui_json_pad.js
+*
+*          C_YUI_JSON_PAD -- a pad to paste JSON from OUTSIDE and read it
+*          with the library's own viewer, and a second one to compare it
+*          with.
+*
+*          The viewer (C_YUI_JSON: the lazy tree, the raw text and the
+*          graph) only ever showed what an app fetched.  A JSON that came
+*          from anywhere else -- a log line, a config file, an answer copied
+*          from a terminal -- had to be read in whatever the operator had
+*          at hand.  This is the blank page for it: paste, and read it the
+*          way every other document of the app is read.
+*
+*          Two documents are the other half of the job: the config that
+*          works and the one that does not, a record before and after.  The
+*          second pane is there on demand ("second json"), and "compare"
+*          puts their differences in place of the two viewers -- one row
+*          per id of the flat form (json2flat), the form a person reads
+*          when two configurations disagree.
+*
+*          DOM (UPPER_SNAKE logical classes):
+*
+*              JSON_PAD                the root
+*                JSON_PAD_TOOLBAR      the notice and the two toggles
+*                  JSON_PAD_NOTICE     "json not kept": the storage refused
+*                  JSON_PAD_SECOND     show / hide the second pane
+*                  JSON_PAD_COMPARE    show / hide the differences
+*                JSON_PAD_PANES        the panes, side by side (stacked when
+*                                      the pad is narrow)
+*                  JSON_PAD_PANE       JSON_PAD_PANE_A / JSON_PAD_PANE_B
+*                    JSON_PAD_BAR      the text area and its two buttons
+*                      JSON_PAD_INPUT  where the text goes
+*                      JSON_PAD_VIEW   read what is in the text area
+*                      JSON_PAD_CLEAR  empty the pane
+*                    JSON_PAD_ERROR    "invalid JSON" and the parser's reason
+*                    JSON_PAD_BODY     the pane's C_YUI_JSON child
+*                JSON_PAD_DIFF         the differences: JSON_PAD_DIFF_SUMMARY
+*                                      and JSON_PAD_DIFF_TABLE, one
+*                                      JSON_PAD_DIFF_ROW per id
+*
+*          Every way in is an event, and a pane event names its pane
+*          (`pane`: "a" or "b"):
+*
+*              EV_PASTE {pane, text}   a paste ANYWHERE in a pane replaces
+*                                      its document and shows it at once --
+*                                      a pane holds one document, not a
+*                                      text to edit
+*              EV_VIEW {pane}          the text area as it is (typed, or
+*                                      edited after a paste); also Ctrl+Enter
+*              EV_CLEAR {pane}         back to a blank pane
+*              EV_TEXT_CHANGED {pane}  the text area was edited: keep it
+*              EV_TOGGLE_SECOND        show / hide the second pane
+*              EV_TOGGLE_DIFF          show / hide the differences
+*
+*          FSM: the states are the LAYOUT -- ST_SINGLE (one pane), ST_DUAL
+*          (two), ST_DIFF (two, with their differences in place of the
+*          viewers).  Comparing needs two panes, so EV_TOGGLE_DIFF is not
+*          defined in ST_SINGLE and its button is not on screen there.
+*          EV_EXPAND_PATH, which a viewer publishes when a `__collapsed__`
+*          sentinel is opened, is answered with EV_SUBTREE_ERROR to the
+*          viewer that asked: a pasted document has no backend to fetch the
+*          rest from -- the source truncated it, and the pad says so.  It is
+*          not defined in ST_DIFF, where no viewer is on screen.
+*
+*          What is kept: both texts and the layout, in localStorage under
+*          `storage_key` (empty: nothing is kept), written when a text is
+*          pasted, viewed, cleared or edited and when the layout changes,
+*          so the next pad opens as this one was left.  localStorage is per
+*          browser and per origin, and has a quota: a text too big for it
+*          is not kept, the toolbar says so, and the log says why.
+*
+*          Hosted by setup_json_pad() (yui_json_pad.js) in a C_YUI_WINDOW;
+*          any host can mount `$container` itself.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+/***************************************************************
+*              Constants
+***************************************************************/
+var GCLASS_NAME$12 = "C_YUI_JSON_PAD";
+var PANES = ["a", "b"];
+var MODE_OF_STATE = {
+	ST_SINGLE: "single",
+	ST_DUAL: "dual",
+	ST_DIFF: "diff"
+};
+var KIND_TAG = {
+	added: () => [
+		"span",
+		{
+			class: "tag is-success is-light",
+			i18n: "added"
+		},
+		"added"
+	],
+	removed: () => [
+		"span",
+		{
+			class: "tag is-danger is-light",
+			i18n: "removed"
+		},
+		"removed"
+	],
+	changed: () => [
+		"span",
+		{
+			class: "tag is-warning is-light",
+			i18n: "changed"
+		},
+		"changed"
+	]
+};
+/***************************************************************
+*              Data
+***************************************************************/
+var attrs_table$12 = [
+	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
+	SDATA(data_type_t.DTP_STRING, "storage_key", 0, "yui_json_pad", "localStorage key the two texts and the layout are kept under. Empty: nothing is kept"),
+	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the host"),
+	SDATA_END()
+];
+var PRIVATE_DATA$12 = {
+	panes: null,
+	$compare: null,
+	$notice: null,
+	$diff: null
+};
+var __gclass__$12 = null;
+/******************************
+*      Framework Methods
+******************************/
+/***************************************************************
+*          Framework Method: Create
+***************************************************************/
+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);
+	build_ui$11(gobj);
+	for (const id of PANES) {
+		let pane = priv.panes[id];
+		pane.gobj_json = gobj_create_pure_child(`json_pad_view_${id}`, "C_YUI_JSON", {}, gobj);
+		let $view = pane.gobj_json ? gobj_read_attr(pane.gobj_json, "$container") : null;
+		if (!$view) {
+			log_error(`${gobj_short_name(gobj)}: C_YUI_JSON without $container`);
+			continue;
+		}
+		pane.$body.appendChild($view);
+	}
+}
+/***************************************************************
+*          Framework Method: Start
+***************************************************************/
+function mt_start$12(gobj) {
+	let priv = gobj.priv;
+	for (const id of PANES) if (priv.panes[id].gobj_json) gobj_start(priv.panes[id].gobj_json);
+	restore_state(gobj);
+	priv.panes.a.$input.focus();
+}
+/***************************************************************
+*          Framework Method: Stop
+***************************************************************/
+function mt_stop$12(gobj) {
+	let priv = gobj.priv;
+	save_state(gobj);
+	for (const id of PANES) {
+		let gobj_json = priv.panes[id].gobj_json;
+		if (gobj_json && gobj_is_running(gobj_json)) gobj_stop(gobj_json);
+	}
+}
+/***************************************************************
+*          Framework Method: Destroy
+***************************************************************/
+function mt_destroy$12(gobj) {}
+/***************************
+*      Local Methods
+***************************/
+/***************************************************************
+*  A button of the pad: an icon, its label, and an event.
+***************************************************************/
+function pad_button(gobj, cls, icon, key, event_name, kw) {
+	return [
+		"button",
+		{
+			class: `${cls} button`,
+			type: "button",
+			title: t(key),
+			"data-i18n-title": key,
+			"aria-label": t(key),
+			"data-i18n-aria-label": key
+		},
+		[yui_toolbar_icon(icon), [
+			"span",
+			{
+				style: "padding-left:5px;",
+				i18n: key
+			},
+			key
+		]],
+		{ click: (evt) => {
+			evt.stopPropagation();
+			gobj_send_event(gobj, event_name, { ...kw }, gobj);
+		} }
+	];
+}
+/***************************************************************
+*  The toolbar, the two panes, and the differences.
+***************************************************************/
+function build_ui$11(gobj) {
+	let priv = gobj.priv;
+	priv.$notice = createElement2([
+		"div",
+		{
+			class: "JSON_PAD_NOTICE is-hidden has-text-danger is-size-7",
+			role: "status"
+		},
+		[[
+			"span",
+			{
+				style: "font-weight:600;",
+				i18n: "json not kept"
+			},
+			"json not kept"
+		]]
+	]);
+	priv.$compare = createElement2(pad_button(gobj, "JSON_PAD_COMPARE is-hidden", "yi-right-left", "compare", "EV_TOGGLE_DIFF", {}));
+	priv.panes = {
+		a: build_pane(gobj, "a", "first json"),
+		b: build_pane(gobj, "b", "second json")
+	};
+	priv.panes.b.$pane.classList.add("is-hidden");
+	priv.$diff = createElement2([
+		"div",
+		{ class: "JSON_PAD_DIFF is-hidden" },
+		[]
+	]);
+	let $container = createElement2([
+		"div",
+		{ class: "C_YUI_JSON_PAD JSON_PAD" },
+		[
+			[
+				"div",
+				{ class: "JSON_PAD_TOOLBAR" },
+				[
+					priv.$notice,
+					pad_button(gobj, "JSON_PAD_SECOND", "yi-columns", "second json", "EV_TOGGLE_SECOND", {}),
+					priv.$compare
+				]
+			],
+			[
+				"div",
+				{ class: "JSON_PAD_PANES" },
+				[priv.panes.a.$pane, priv.panes.b.$pane]
+			],
+			priv.$diff
+		]
+	]);
+	gobj_write_attr(gobj, "$container", $container);
+	press_toggle(gobj, ".JSON_PAD_SECOND", false);
+	press_toggle(gobj, ".JSON_PAD_COMPARE", false);
+}
+/***************************************************************
+*  One pane: the text area and its buttons, the error line, and
+*  the body its viewer is mounted in.  `name_key` names the pane
+*  for a reader (its text area's title and aria-label).
+***************************************************************/
+function build_pane(gobj, id, name_key) {
+	let pane = {
+		$pane: null,
+		$input: null,
+		$error: null,
+		$reason: null,
+		$body: null,
+		gobj_json: null,
+		doc: null,
+		has_doc: false
+	};
+	pane.$input = createElement2([
+		"textarea",
+		{
+			class: "JSON_PAD_INPUT textarea",
+			rows: 3,
+			spellcheck: "false",
+			placeholder: t("paste json here"),
+			"data-i18n-placeholder": "paste json here",
+			title: t(name_key),
+			"data-i18n-title": name_key,
+			"aria-label": t(name_key),
+			"data-i18n-aria-label": name_key,
+			style: "font-family:monospace; resize:vertical; min-height:4.5em;"
+		},
+		"",
+		{
+			keydown: (evt) => {
+				if ((evt.ctrlKey || evt.metaKey) && evt.key === "Enter") {
+					evt.preventDefault();
+					gobj_send_event(gobj, "EV_VIEW", { pane: id }, gobj);
+				}
+			},
+			change: () => {
+				gobj_send_event(gobj, "EV_TEXT_CHANGED", { pane: id }, gobj);
+			}
+		}
+	]);
+	pane.$reason = createElement2([
+		"span",
+		{
+			class: "JSON_PAD_ERROR_REASON",
+			style: "margin-left:.5em; font-family:monospace;"
+		},
+		""
+	]);
+	pane.$error = createElement2([
+		"div",
+		{
+			class: "JSON_PAD_ERROR is-hidden has-text-danger is-size-7",
+			role: "alert"
+		},
+		[[
+			"span",
+			{
+				class: "JSON_PAD_ERROR_LABEL",
+				style: "font-weight:600;",
+				i18n: "invalid json"
+			},
+			"invalid json"
+		], pane.$reason]
+	]);
+	pane.$body = createElement2([
+		"div",
+		{
+			class: "JSON_PAD_BODY",
+			style: "flex:1 1 auto; min-height:0; display:flex; flex-direction:column;"
+		},
+		[]
+	]);
+	pane.$pane = createElement2([
+		"div",
+		{ class: `JSON_PAD_PANE JSON_PAD_PANE_${id.toUpperCase()}` },
+		[
+			[
+				"div",
+				{
+					class: "JSON_PAD_BAR",
+					style: "display:flex; gap:.5rem; align-items:flex-start;"
+				},
+				[[
+					"div",
+					{ style: "flex:1 1 auto; min-width:0;" },
+					[pane.$input]
+				], [
+					"div",
+					{ style: "flex:0 0 auto; display:flex; flex-direction:column; gap:.5rem;" },
+					[pad_button(gobj, "JSON_PAD_VIEW", "yi-eye", "view", "EV_VIEW", { pane: id }), pad_button(gobj, "JSON_PAD_CLEAR", "yi-broom", "clear", "EV_CLEAR", { pane: id })]
+				]]
+			],
+			pane.$error,
+			pane.$body
+		],
+		{ paste: (evt) => {
+			let text = evt.clipboardData ? evt.clipboardData.getData("text") : "";
+			if (!text) return;
+			evt.preventDefault();
+			gobj_send_event(gobj, "EV_PASTE", {
+				pane: id,
+				text
+			}, gobj);
+		} }
+	]);
+	return pane;
+}
+/***************************************************************
+*  The pane a pane event names.
+***************************************************************/
+function pane_of(gobj, kw) {
+	let priv = gobj.priv;
+	let id = kw ? kw.pane : void 0;
+	if (!PANES.includes(id)) {
+		log_error(`${gobj_short_name(gobj)}: no pane '${id}'`);
+		return null;
+	}
+	return priv.panes[id];
+}
+/***************************************************************
+*  A toggle of the toolbar, pressed or not -- for the eye and
+*  for a reader.
+***************************************************************/
+function press_toggle(gobj, selector, on) {
+	let $container = gobj_read_attr(gobj, "$container");
+	set_pressed_state($container, selector, on);
+	$container.querySelectorAll(selector).forEach(($el) => {
+		$el.setAttribute("aria-pressed", on ? "true" : "false");
+	});
+}
+/***************************************************************
+*  Read `text` as JSON and show it in `pane`, or say why it is
+*  not.  A text that is not JSON leaves the last document up.
+***************************************************************/
+function show_text(gobj, pane, text) {
+	let src = String(text || "").trim();
+	if (!src) {
+		clear_pane(gobj, pane, false);
+		return 0;
+	}
+	let doc;
+	try {
+		doc = JSON.parse(src);
+	} catch (e) {
+		log_warning(`${gobj_short_name(gobj)}: the pasted text is not JSON: ${e.message}`);
+		pane.$reason.textContent = e.message;
+		pane.$error.classList.remove("is-hidden");
+		return -1;
+	}
+	pane.$error.classList.add("is-hidden");
+	pane.$reason.textContent = "";
+	pane.doc = doc;
+	pane.has_doc = true;
+	gobj_send_event(pane.gobj_json, "EV_SET_JSON", { json: doc }, gobj);
+	return 0;
+}
+/***************************************************************
+*  A blank pane again; `with_text` empties the text area too.
+***************************************************************/
+function clear_pane(gobj, pane, with_text) {
+	if (with_text) pane.$input.value = "";
+	pane.$error.classList.add("is-hidden");
+	pane.$reason.textContent = "";
+	pane.doc = null;
+	pane.has_doc = false;
+	gobj_send_event(pane.gobj_json, "EV_SET_JSON", { json: null }, gobj);
+}
+/***************************************************************
+*  A pane changed its document: the differences follow it, and
+*  the texts are kept.
+***************************************************************/
+function document_changed(gobj) {
+	if (gobj_current_state(gobj) === "ST_DIFF") render_diff(gobj);
+	save_state(gobj);
+}
+/***************************************************************
+*  Enter one of the three layouts.  The state IS the layout;
+*  this is what the screen shows for it.
+***************************************************************/
+function enter_layout(gobj, state) {
+	let priv = gobj.priv;
+	let $container = gobj_read_attr(gobj, "$container");
+	let second = state !== "ST_SINGLE";
+	let diff = state === "ST_DIFF";
+	gobj_change_state(gobj, state);
+	priv.panes.b.$pane.classList.toggle("is-hidden", !second);
+	priv.$compare.classList.toggle("is-hidden", !second);
+	press_toggle(gobj, ".JSON_PAD_SECOND", second);
+	press_toggle(gobj, ".JSON_PAD_COMPARE", diff);
+	$container.classList.toggle("is-comparing", diff);
+	for (const id of PANES) priv.panes[id].$body.classList.toggle("is-hidden", diff);
+	priv.$diff.classList.toggle("is-hidden", !diff);
+	if (diff) render_diff(gobj);
+	else for (const id of PANES) {
+		if (id === "b" && !second) continue;
+		gobj_send_event(priv.panes[id].gobj_json, "EV_REFRESH", {}, gobj);
+	}
+	save_state(gobj);
+}
+/***************************************************************
+*  The differences of the two documents, in place of the two
+*  viewers.  Only a pane that shows a document takes part: a
+*  text that is not JSON leaves its last document, as on screen.
+***************************************************************/
+function render_diff(gobj) {
+	let priv = gobj.priv;
+	let a = priv.panes.a;
+	let b = priv.panes.b;
+	priv.$diff.replaceChildren();
+	if (!a.has_doc || !b.has_doc) {
+		priv.$diff.appendChild(createElement2([
+			"p",
+			{
+				class: "JSON_PAD_DIFF_MESSAGE",
+				i18n: "compare needs two json"
+			},
+			"compare needs two json"
+		]));
+		return 0;
+	}
+	let rows;
+	try {
+		rows = json_diff_rows(a.doc, b.doc);
+	} catch (e) {
+		log_warning(`${gobj_short_name(gobj)}: cannot compare: ${e.message}`);
+		priv.$diff.appendChild(createElement2([
+			"p",
+			{ class: "JSON_PAD_DIFF_MESSAGE has-text-danger" },
+			[[
+				"span",
+				{
+					style: "font-weight:600;",
+					i18n: "cannot compare"
+				},
+				"cannot compare"
+			], [
+				"span",
+				{
+					class: "JSON_PAD_DIFF_REASON",
+					style: "margin-left:.5em; font-family:monospace;"
+				},
+				e.message
+			]]
+		]));
+		return -1;
+	}
+	if (rows.length === 0) {
+		priv.$diff.appendChild(createElement2([
+			"p",
+			{
+				class: "JSON_PAD_DIFF_MESSAGE has-text-success",
+				i18n: "no differences"
+			},
+			"no differences"
+		]));
+		return 0;
+	}
+	let count = {
+		added: 0,
+		removed: 0,
+		changed: 0
+	};
+	for (const row of rows) count[row.kind]++;
+	let value_cell = (cls, row, side) => {
+		let has = Object.prototype.hasOwnProperty.call(row, side);
+		return [
+			"td",
+			{ class: cls },
+			has ? JSON.stringify(row[side]) : ""
+		];
+	};
+	priv.$diff.appendChild(createElement2([
+		"div",
+		{ class: "JSON_PAD_DIFF_SUMMARY" },
+		[
+			"removed",
+			"added",
+			"changed"
+		].map((kind) => {
+			return [
+				"span",
+				{ class: "JSON_PAD_DIFF_COUNT" },
+				[KIND_TAG[kind](), [
+					"strong",
+					{},
+					String(count[kind])
+				]]
+			];
+		})
+	]));
+	priv.$diff.appendChild(createElement2([
+		"table",
+		{ class: "JSON_PAD_DIFF_TABLE table is-fullwidth is-narrow is-hoverable" },
+		[[
+			"thead",
+			{},
+			[[
+				"tr",
+				{},
+				[
+					[
+						"th",
+						{},
+						""
+					],
+					[
+						"th",
+						{ i18n: "path" },
+						"path"
+					],
+					[
+						"th",
+						{ i18n: "first json" },
+						"first json"
+					],
+					[
+						"th",
+						{ i18n: "second json" },
+						"second json"
+					]
+				]
+			]]
+		], [
+			"tbody",
+			{},
+			rows.map((row) => {
+				return [
+					"tr",
+					{ class: `JSON_PAD_DIFF_ROW JSON_PAD_DIFF_${row.kind.toUpperCase()}` },
+					[
+						[
+							"td",
+							{},
+							[KIND_TAG[row.kind]()]
+						],
+						[
+							"td",
+							{ class: "JSON_PAD_DIFF_PATH" },
+							row.id
+						],
+						value_cell("JSON_PAD_DIFF_FROM", row, "from"),
+						value_cell("JSON_PAD_DIFF_TO", row, "to")
+					]
+				];
+			})
+		]]
+	]));
+	return 0;
+}
+/***************************************************************
+*  Keep both texts and the layout.
+***************************************************************/
+function save_state(gobj) {
+	let priv = gobj.priv;
+	let key = gobj_read_str_attr(gobj, "storage_key");
+	if (!key) return 0;
+	let ret = kw_set_local_storage_value(key, {
+		a: priv.panes.a.$input.value,
+		b: priv.panes.b.$input.value,
+		mode: MODE_OF_STATE[gobj_current_state(gobj)] || "single"
+	});
+	priv.$notice.classList.toggle("is-hidden", ret === 0);
+	return ret;
+}
+/***************************************************************
+*  The pad as the last one was left: its texts, shown, and its
+*  layout -- through the same events a reader would send.
+***************************************************************/
+function restore_state(gobj) {
+	let priv = gobj.priv;
+	let key = gobj_read_str_attr(gobj, "storage_key");
+	if (!key) return 0;
+	let kept = kw_get_local_storage_value(key, null, false);
+	if (kept === null || kept === void 0) return 0;
+	if (typeof kept !== "object" || Array.isArray(kept)) {
+		log_warning(`${gobj_short_name(gobj)}: '${key}' in localStorage is not what the pad keeps`);
+		return -1;
+	}
+	for (const id of PANES) if (typeof kept[id] === "string") priv.panes[id].$input.value = kept[id];
+	for (const id of PANES) if (priv.panes[id].$input.value.trim()) gobj_send_event(gobj, "EV_VIEW", { pane: id }, gobj);
+	if (kept.mode === "dual" || kept.mode === "diff") gobj_send_event(gobj, "EV_TOGGLE_SECOND", {}, gobj);
+	if (kept.mode === "diff") gobj_send_event(gobj, "EV_TOGGLE_DIFF", {}, gobj);
+	return 0;
+}
+/***************************
+*      Actions
+***************************/
+/***************************************************************
+*  A paste: it becomes the pane's text area and its document
+*  at once.
+***************************************************************/
+function ac_paste(gobj, event, kw, src) {
+	let pane = pane_of(gobj, kw);
+	if (!pane) return -1;
+	let text = typeof kw.text === "string" ? kw.text : "";
+	pane.$input.value = text;
+	let ret = show_text(gobj, pane, text);
+	document_changed(gobj);
+	return ret;
+}
+/***************************************************************
+*  The pane's text area as it is now.
+***************************************************************/
+function ac_view(gobj, event, kw, src) {
+	let pane = pane_of(gobj, kw);
+	if (!pane) return -1;
+	let ret = show_text(gobj, pane, pane.$input.value);
+	document_changed(gobj);
+	return ret;
+}
+/***************************************************************
+*  A blank pane again.
+***************************************************************/
+function ac_clear(gobj, event, kw, src) {
+	let pane = pane_of(gobj, kw);
+	if (!pane) return -1;
+	clear_pane(gobj, pane, true);
+	pane.$input.focus();
+	document_changed(gobj);
+	return 0;
+}
+/***************************************************************
+*  A text area was edited and left: keep what it holds.  What
+*  is SHOWN changes only with a view, as before.
+***************************************************************/
+function ac_text_changed(gobj, event, kw, src) {
+	if (!pane_of(gobj, kw)) return -1;
+	save_state(gobj);
+	return 0;
+}
+/***************************************************************
+*  The second pane, beside the first.
+***************************************************************/
+function ac_show_second(gobj, event, kw, src) {
+	let priv = gobj.priv;
+	enter_layout(gobj, "ST_DUAL");
+	priv.panes.b.$input.focus();
+	return 0;
+}
+/***************************************************************
+*  One pane again.  Its text is kept: hiding is not clearing.
+***************************************************************/
+function ac_hide_second(gobj, event, kw, src) {
+	enter_layout(gobj, "ST_SINGLE");
+	return 0;
+}
+/***************************************************************
+*  The differences, in place of the viewers.
+***************************************************************/
+function ac_show_diff(gobj, event, kw, src) {
+	enter_layout(gobj, "ST_DIFF");
+	return 0;
+}
+/***************************************************************
+*  The viewers again.
+***************************************************************/
+function ac_hide_diff(gobj, event, kw, src) {
+	enter_layout(gobj, "ST_DUAL");
+	return 0;
+}
+/***************************************************************
+*  A viewer asks for a `__collapsed__` subtree.  A pasted
+*  document has no backend to ask for it: the SOURCE truncated
+*  it, and that is the answer, to the viewer that asked.
+***************************************************************/
+function ac_expand_path(gobj, event, kw, src) {
+	gobj_send_event(src, "EV_SUBTREE_ERROR", {
+		path: kw && kw.path || "",
+		error: t("collapsed in the source")
+	}, gobj);
+	return 0;
+}
+/***************************************************************
+*              FSM
+***************************************************************/
+var gmt$12 = {
+	mt_create: mt_create$12,
+	mt_start: mt_start$12,
+	mt_stop: mt_stop$12,
+	mt_destroy: mt_destroy$12
+};
+/***************************************************************
+*          Create the GClass
+***************************************************************/
+function create_gclass$12(gclass_name) {
+	if (__gclass__$12) {
+		log_error(`GClass ALREADY created: ${gclass_name}`);
+		return -1;
+	}
+	__gclass__$12 = gclass_create(gclass_name, [
+		["EV_PASTE", 0],
+		["EV_VIEW", 0],
+		["EV_CLEAR", 0],
+		["EV_TEXT_CHANGED", 0],
+		["EV_TOGGLE_SECOND", 0],
+		["EV_TOGGLE_DIFF", 0],
+		["EV_EXPAND_PATH", 0]
+	], [
+		["ST_SINGLE", [
+			[
+				"EV_PASTE",
+				ac_paste,
+				null
+			],
+			[
+				"EV_VIEW",
+				ac_view,
+				null
+			],
+			[
+				"EV_CLEAR",
+				ac_clear,
+				null
+			],
+			[
+				"EV_TEXT_CHANGED",
+				ac_text_changed,
+				null
+			],
+			[
+				"EV_TOGGLE_SECOND",
+				ac_show_second,
+				null
+			],
+			[
+				"EV_EXPAND_PATH",
+				ac_expand_path,
+				null
+			]
+		]],
+		["ST_DUAL", [
+			[
+				"EV_PASTE",
+				ac_paste,
+				null
+			],
+			[
+				"EV_VIEW",
+				ac_view,
+				null
+			],
+			[
+				"EV_CLEAR",
+				ac_clear,
+				null
+			],
+			[
+				"EV_TEXT_CHANGED",
+				ac_text_changed,
+				null
+			],
+			[
+				"EV_TOGGLE_SECOND",
+				ac_hide_second,
+				null
+			],
+			[
+				"EV_TOGGLE_DIFF",
+				ac_show_diff,
+				null
+			],
+			[
+				"EV_EXPAND_PATH",
+				ac_expand_path,
+				null
+			]
+		]],
+		["ST_DIFF", [
+			[
+				"EV_PASTE",
+				ac_paste,
+				null
+			],
+			[
+				"EV_VIEW",
+				ac_view,
+				null
+			],
+			[
+				"EV_CLEAR",
+				ac_clear,
+				null
+			],
+			[
+				"EV_TEXT_CHANGED",
+				ac_text_changed,
+				null
+			],
+			[
+				"EV_TOGGLE_SECOND",
+				ac_hide_second,
+				null
+			],
+			[
+				"EV_TOGGLE_DIFF",
+				ac_hide_diff,
+				null
+			]
+		]]
+	], 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_json_pad() {
+	if (!gclass_find_by_name("C_YUI_JSON", false)) register_c_yui_json();
 	return create_gclass$12(GCLASS_NAME$12);
 }
 //#endregion
@@ -21343,7 +22276,7 @@ function register_c_yui_nav() {
 }
 //#endregion
 //#region src/shell_route_map.js
-var WIN_NAME$1 = "shell-route-map-window";
+var WIN_NAME$2 = "shell-route-map-window";
 var __show_refs__ = true;
 var __open_modal__ = null;
 function scroll_to_current($body) {
@@ -21683,7 +22616,7 @@ function mark_current_row($body, hash, t) {
 ***************************************************************/
 function yui_shell_show_route_map(shell, opts) {
 	let t = opts && opts.t || i18next.t.bind(i18next);
-	let existing = gobj_find_service(WIN_NAME$1, false);
+	let existing = gobj_find_service(WIN_NAME$2, false);
 	if (existing && is_gobj(existing)) {
 		gobj_send_event(existing, "EV_CLOSE_WINDOW", {}, shell);
 		return null;
@@ -21698,7 +22631,7 @@ function yui_shell_show_route_map(shell, opts) {
 		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", {
+		let win = gobj_create_service(WIN_NAME$2, "C_YUI_WINDOW", {
 			$parent,
 			subscriber: null,
 			modal: false,
@@ -25396,6 +26329,14 @@ function create_tabulator(gobj) {
 	let remembered_size = load_page_size(gobj);
 	if (remembered_size !== null && tabulator_settings.pagination) tabulator_settings.paginationSize = remembered_size;
 	gobj.priv._page_size = tabulator_settings.paginationSize;
+	let pkey_col = columns.find((c) => c && c.field === pkey);
+	if (pkey_col && !tabulator_settings.initialSort && !gobj_read_bool_attr(gobj, "with_remote_paging")) {
+		if (!pkey_col.sorter) pkey_col.sorter = "alphanum";
+		tabulator_settings.initialSort = [{
+			column: pkey,
+			dir: "asc"
+		}];
+	}
 	Object.assign(tabulator_settings, {
 		index: pkey,
 		columns,
@@ -74568,7 +75509,7 @@ function build_dev_panel() {
 *          Copyright (c) 2026, ArtGins.
 *          All Rights Reserved.
 ***********************************************************************/
-var WIN_NAME = "Frontend-View-Window";
+var WIN_NAME$1 = "Frontend-View-Window";
 /******************************
 *      Public API
 ******************************/
@@ -74585,7 +75526,7 @@ var WIN_NAME = "Frontend-View-Window";
 *  Returns the window gobj, or null.
 ************************************************************/
 function setup_frontend_view(self) {
-	if (gobj_find_service(WIN_NAME, false)) return null;
+	if (gobj_find_service(WIN_NAME$1, false)) return null;
 	let $body = createElement2([
 		"div",
 		{
@@ -74594,7 +75535,7 @@ function setup_frontend_view(self) {
 		},
 		[]
 	]);
-	let win = gobj_create_service(WIN_NAME, "C_YUI_WINDOW", {
+	let win = gobj_create_service(WIN_NAME$1, "C_YUI_WINDOW", {
 		$parent: typeof document !== "undefined" && document.getElementById("top-layer") || null,
 		subscriber: null,
 		modal: false,
@@ -74626,6 +75567,75 @@ function setup_frontend_view(self) {
 	return win;
 }
 //#endregion
-export { EditControl, MarkerControl, YUI_FILE_ACCEPT, 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_fsm_graph, register_c_yui_gclass, 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_schema_editor, 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_pressed_state, set_submit_state, setup_dev, setup_frontend_view, toggleClasses, yui_array_buffer_to_base64, yui_asset_element, yui_asset_id, yui_asset_ids, yui_asset_missing, yui_asset_src, yui_file_control, yui_file_id_label, yui_file_read, yui_file_sha256, yui_file_size_label, yui_files_manifest, yui_is_dark, yui_mount_service_view, yui_shell_close_drawer, yui_shell_close_dropdown, yui_shell_confirm_danger, 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_badge, 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 };
+//#region src/yui_json_pad.js
+/***********************************************************************
+*          yui_json_pad.js
+*
+*          JSON viewer -- a blank C_YUI_JSON_PAD in a floating window,
+*          to paste JSON from outside and read it with the library's own
+*          viewer.  Peer of the frontend view (yui_frontend_view.js), and
+*          opened the same way: an entry of the account menu.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+var WIN_NAME = "Json-Viewer-Window";
+/******************************
+*      Public API
+******************************/
+/************************************************************
+*  Open a blank JSON pad (C_YUI_JSON_PAD) inside a non-modal
+*  C_YUI_WINDOW, the same shape as the frontend view.
+*
+*  Self-contained: it registers C_YUI_JSON_PAD (and the
+*  C_YUI_JSON it hosts) if the app did not, so an app gets the
+*  viewer with one menu entry and one action.
+*
+*  Returns the window gobj, or null.
+************************************************************/
+function setup_json_pad(self) {
+	if (gobj_find_service(WIN_NAME, false)) return null;
+	if (!gclass_find_by_name("C_YUI_JSON_PAD", false)) register_c_yui_json_pad();
+	let $body = createElement2([
+		"div",
+		{
+			class: "YJSONPAD_BODY",
+			style: "height:100%; display:flex; flex-direction:column;"
+		},
+		[]
+	]);
+	let win = gobj_create_service(WIN_NAME, "C_YUI_WINDOW", {
+		$parent: typeof document !== "undefined" && document.getElementById("top-layer") || null,
+		subscriber: null,
+		modal: false,
+		showMax: true,
+		showFooter: false,
+		resizable: true,
+		center: false,
+		auto_save_size_and_position: true,
+		width: 900,
+		height: 640,
+		logical_class: "JSON_VIEWER_WINDOW",
+		title: "json viewer",
+		icon: "yi-code",
+		body: $body,
+		manager: gobj_find_service("__window_manager__", false) || null
+	}, self);
+	if (!win) {
+		log_error("yui_json_pad: cannot create the json-viewer window");
+		return null;
+	}
+	let pad = gobj_create_pure_child("json_pad", "C_YUI_JSON_PAD", {}, win);
+	let $pad = pad ? gobj_read_attr(pad, "$container") : null;
+	if (!$pad) {
+		log_error("yui_json_pad: C_YUI_JSON_PAD without $container");
+		return win;
+	}
+	$body.appendChild($pad);
+	gobj_start_tree(win);
+	return win;
+}
+//#endregion
+export { EditControl, MarkerControl, YUI_FILE_ACCEPT, 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_fsm_graph, register_c_yui_gclass, register_c_yui_gobj_tree_js, register_c_yui_json, register_c_yui_json_graph, register_c_yui_json_pad, register_c_yui_map, register_c_yui_nav, register_c_yui_pager, register_c_yui_period, register_c_yui_schema_editor, 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_pressed_state, set_submit_state, setup_dev, setup_frontend_view, setup_json_pad, toggleClasses, yui_array_buffer_to_base64, yui_asset_element, yui_asset_id, yui_asset_ids, yui_asset_missing, yui_asset_src, yui_file_control, yui_file_id_label, yui_file_read, yui_file_sha256, yui_file_size_label, yui_files_manifest, yui_is_dark, yui_mount_service_view, yui_shell_close_drawer, yui_shell_close_dropdown, yui_shell_confirm_danger, 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_badge, 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