@yuneta/gobj-ui 7.23.43 → 7.23.45

package/dist/gobj-ui.es.js

@@ -6035,6 +6035,293 @@ function yui_watch_theme(gobj, event = "EV_THEME") {
 		}
 	} };
 }
+/************************************************************
+*   JSON type discriminator (viewer vocabulary)
+************************************************************/
+function json_type(value) {
+	if (value === null) return "null";
+	if (Array.isArray(value)) return "array";
+	switch (typeof value) {
+		case "string": return "string";
+		case "number": return "number";
+		case "boolean": return "boolean";
+		case "object": return "object";
+		default: return "unknown";
+	}
+}
+/************************************************************
+*   Detect a kw_collapse() sentinel.
+*
+*   The kernel replaces an over-limit dict with:
+*          { "__collapsed__": { "path": ..., "size": N } }
+*   and an over-limit array with:
+*          [ { "__collapsed__": { "path": ..., "size": N } } ]
+*
+*   Returns { size, path, is_array } or null.
+************************************************************/
+function is_collapsed(value) {
+	if (value && typeof value === "object" && !Array.isArray(value)) {
+		let keys = Object.keys(value);
+		if (keys.length === 1 && keys[0] === "__collapsed__") {
+			let c = value.__collapsed__ || {};
+			return {
+				size: c.size,
+				path: c.path,
+				is_array: false
+			};
+		}
+		return null;
+	}
+	if (Array.isArray(value) && value.length === 1) {
+		let e = value[0];
+		if (e && typeof e === "object" && !Array.isArray(e) && Object.keys(e).length === 1 && e.__collapsed__) {
+			let c = e.__collapsed__ || {};
+			return {
+				size: c.size,
+				path: c.path,
+				is_array: true
+			};
+		}
+	}
+	return null;
+}
+/************************************************************
+*   Join / split absolute path segments (kernel convention)
+************************************************************/
+function seg_join(segments) {
+	return segments.map(function(s) {
+		return String(s);
+	}).join("`");
+}
+function seg_split(path) {
+	if (path === "" || path === null || path === void 0) return [];
+	return path.split("`");
+}
+/************************************************************
+*   Walk a JSON tree by absolute segments; undefined if the
+*   path does not resolve.
+************************************************************/
+function get_by_segments(root, segments) {
+	let v = root;
+	for (let seg of segments) {
+		if (v === null || v === void 0) return;
+		if (Array.isArray(v)) v = v[Number(seg)];
+		else if (typeof v === "object") v = v[seg];
+		else return;
+	}
+	return v;
+}
+/************************************************************
+*   Set a value at absolute segments (mutates root).
+*
+*   segments == [] means "replace the whole root" — the caller
+*   must use the RETURNED value in that case (a primitive/array
+*   root cannot be mutated in place).
+************************************************************/
+function set_by_segments(root, segments, new_value) {
+	if (segments.length === 0) return new_value;
+	let parent = get_by_segments(root, segments.slice(0, -1));
+	if (parent === null || parent === void 0 || typeof parent !== "object") return root;
+	let last = segments[segments.length - 1];
+	if (Array.isArray(parent)) parent[Number(last)] = new_value;
+	else parent[last] = new_value;
+	return root;
+}
+/************************************************************
+*   Does `value` (or any loaded descendant / its own key)
+*   contain the lower-cased search term?
+*
+*   Collapsed (not-yet-loaded) subtrees can't be searched, so
+*   they never match on content — only their key can match,
+*   which the renderer checks separately.
+************************************************************/
+function subtree_matches(value, term) {
+	if (!term) return true;
+	if (is_collapsed(value)) return false;
+	let type = json_type(value);
+	if (type === "object") {
+		for (let [k, v] of Object.entries(value)) {
+			if (String(k).toLowerCase().includes(term)) return true;
+			if (subtree_matches(v, term)) return true;
+		}
+		return false;
+	}
+	if (type === "array") {
+		for (let v of value) if (subtree_matches(v, term)) return true;
+		return false;
+	}
+	return String(value).toLowerCase().includes(term);
+}
+/************************************************************
+*   Fields whose numeric value is an epoch timestamp.
+*
+*   THE ONE LIST.  C_YUI_FORM's jsoneditor takes its
+*   `timestampTag` from here: it used to carry its own copy,
+*   and a copy is how the two stopped agreeing.
+*
+*   TWO SPELLINGS, AND LAS DOS SON DEL BACKEND.  timeranger2
+*   writes `from_t`/`from_tm` in the match_cond of a query and
+*   `fr_t`/`fr_tm` in the metadata of a topic and of a file --
+*   which is what a Raw JSON of a treedb actually shows.  With
+*   only the long pair listed, `to_t` got its date and the
+*   `fr_t` right above it did not, which reads as a broken
+*   annotator rather than a missing name.
+************************************************************/
+var TIME_FIELDS = [
+	"__t__",
+	"__tm__",
+	"t",
+	"tm",
+	"time",
+	"from_t",
+	"to_t",
+	"from_tm",
+	"to_tm",
+	"fr_t",
+	"fr_tm",
+	"t_input",
+	"t_output"
+];
+function is_time_field(field) {
+	return TIME_FIELDS.indexOf(field) >= 0;
+}
+/************************************************************
+*   Format an epoch value as a local wall-clock string.
+*   Accepts seconds or milliseconds; returns null when the
+*   value is not a usable positive timestamp (0 == "unset").
+************************************************************/
+function format_epoch(value) {
+	if (typeof value !== "number" || !isFinite(value) || value <= 0) return null;
+	let ms = Math.abs(value) < 0xe8d4a51000 ? value * 1e3 : value;
+	let d = new Date(ms);
+	if (isNaN(d.getTime())) return null;
+	return d.toLocaleString();
+}
+/************************************************************
+*   The text view's payload: the document as text, indented
+*   four characters, cut at `max_chars`.
+*
+*   Returns {text, capped}.  `capped` is what the caller
+*   announces under the dump — a cut that is not announced
+*   reads as a document that ends there.
+************************************************************/
+function json_text_dump(root, max_chars) {
+	let text;
+	try {
+		text = JSON.stringify(root, null, 4);
+	} catch (e) {
+		return {
+			text: "",
+			capped: false,
+			error: String(e)
+		};
+	}
+	if (text === void 0) return {
+		text: "",
+		capped: false,
+		error: "not representable as JSON"
+	};
+	if (typeof max_chars === "number" && max_chars > 0 && text.length > max_chars) return {
+		text: text.slice(0, max_chars),
+		capped: true
+	};
+	return {
+		text,
+		capped: false
+	};
+}
+/************************************************************
+*   Which view a freshly mounted viewer opens on.
+*
+*   Three answers, in order of authority: what the HOST asked
+*   for, what the READER chose last time, and `fallback`.
+*
+*   The host wins because a viewer mounted to show a graph has
+*   to show one.  The memory comes next, because reopening a
+*   document in the view you just left is the whole point of
+*   remembering it.  `fallback` is the floor.
+*
+*   Anything not in `modes` is treated as unsaid, which covers
+*   an absent value, an empty one, and a stored string from an
+*   older release that named a view no longer offered.
+************************************************************/
+function pick_view_mode(asked, remembered, modes, fallback) {
+	let known = (m) => Array.isArray(modes) && modes.indexOf(m) >= 0;
+	if (known(asked)) return asked;
+	if (known(remembered)) return remembered;
+	return fallback;
+}
+/************************************************************
+*   The short label a container row carries beside its size.
+*
+*   An array of dicts that carry an `id` is a list of RECORDS,
+*   and a row that says only `2: {15}` makes you open all
+*   fifteen fields of every one of them to find out WHICH
+*   record it is.  The id is the one field that answers that,
+*   so the row says it without being opened.
+*
+*   Only a SCALAR id, and only when it is really there: an `id`
+*   that is itself a dict or a list is not a name, it is more
+*   document, and printing `[object Object]` beside the size
+*   would be worse than printing nothing.
+*
+*   Cut at `max_chars`, because this rides on a row whose job
+*   is to stay one line.
+************************************************************/
+function container_label(value, max_chars) {
+	if (value === null || typeof value !== "object" || Array.isArray(value)) return "";
+	if (!Object.prototype.hasOwnProperty.call(value, "id")) return "";
+	let id = value.id;
+	let t = typeof id;
+	if (t !== "string" && t !== "number" && t !== "boolean") return "";
+	let text = String(id).trim();
+	if (text === "") return "";
+	let cap = typeof max_chars === "number" && max_chars > 0 ? max_chars : 0;
+	if (cap && text.length > cap) return text.slice(0, cap) + "…";
+	return text;
+}
+/************************************************************
+*   A dict, in the JSON sense: not an array and not null.
+************************************************************/
+function is_plain_object(v) {
+	return v !== null && typeof v === "object" && !Array.isArray(v);
+}
+/************************************************************
+*  Does this container hold ONLY other containers?
+*
+*  Such a value is not a thing, it is a LIST of things -- and a
+*  list is fully described by the row that names it in its
+*  parent, plus the edges to what it holds.  Drawing it as a
+*  card of its own put a node in the middle of the graph with no
+*  data in it, saying nothing the parent's row did not already
+*  say, and pushed everything below it one level down.
+*
+*  An EMPTY container inside counts as content: `{0}` is
+*  something the card has to show, and there is no child card
+*  to show it instead.
+************************************************************/
+function is_pure_collection(value) {
+	let entries = is_plain_object(value) ? Object.entries(value) : Array.isArray(value) ? value.map((v, i) => [i, v]) : [];
+	if (entries.length === 0) return false;
+	for (let [, v] of entries) if (!has_branch(v)) return false;
+	return true;
+}
+/************************************************************
+*  A value that gets a card, or children, of its own.
+************************************************************/
+function has_branch(value) {
+	return is_plain_object(value) && Object.keys(value).length > 0 || Array.isArray(value) && value.length > 0;
+}
+/************************************************************
+*  How many branches a container has, which is what the fold
+*  chip counts.
+************************************************************/
+function count_branches(value) {
+	let entries = is_plain_object(value) ? Object.values(value) : Array.isArray(value) ? value : [];
+	let n = 0;
+	for (let v of entries) if (has_branch(v)) n++;
+	return n;
+}
 //#endregion
 //#region src/c_yui_form.js
 /***********************************************************************
@@ -7163,7 +7450,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					},
 					timestampTag: function({ field, value, path }) {
-						return field === "__t__" || field === "__tm__" || field === "tm" || field === "t" || field === "time" || field === "from_t" || field === "to_t" || field === "t_input" || field === "t_output" || field === "from_tm" || field === "to_tm";
+						return is_time_field(field);
 					}
 				}
 			});
@@ -10325,268 +10612,6 @@ function ensure_drag_canvas_patch() {
 	register(ExtensionCategory.BEHAVIOR, "drag-canvas", DragCanvasTouch);
 	__drag_canvas_patched__ = true;
 }
-/************************************************************
-*   JSON type discriminator (viewer vocabulary)
-************************************************************/
-function json_type(value) {
-	if (value === null) return "null";
-	if (Array.isArray(value)) return "array";
-	switch (typeof value) {
-		case "string": return "string";
-		case "number": return "number";
-		case "boolean": return "boolean";
-		case "object": return "object";
-		default: return "unknown";
-	}
-}
-/************************************************************
-*   Detect a kw_collapse() sentinel.
-*
-*   The kernel replaces an over-limit dict with:
-*          { "__collapsed__": { "path": ..., "size": N } }
-*   and an over-limit array with:
-*          [ { "__collapsed__": { "path": ..., "size": N } } ]
-*
-*   Returns { size, path, is_array } or null.
-************************************************************/
-function is_collapsed(value) {
-	if (value && typeof value === "object" && !Array.isArray(value)) {
-		let keys = Object.keys(value);
-		if (keys.length === 1 && keys[0] === "__collapsed__") {
-			let c = value.__collapsed__ || {};
-			return {
-				size: c.size,
-				path: c.path,
-				is_array: false
-			};
-		}
-		return null;
-	}
-	if (Array.isArray(value) && value.length === 1) {
-		let e = value[0];
-		if (e && typeof e === "object" && !Array.isArray(e) && Object.keys(e).length === 1 && e.__collapsed__) {
-			let c = e.__collapsed__ || {};
-			return {
-				size: c.size,
-				path: c.path,
-				is_array: true
-			};
-		}
-	}
-	return null;
-}
-/************************************************************
-*   Join / split absolute path segments (kernel convention)
-************************************************************/
-function seg_join(segments) {
-	return segments.map(function(s) {
-		return String(s);
-	}).join("`");
-}
-function seg_split(path) {
-	if (path === "" || path === null || path === void 0) return [];
-	return path.split("`");
-}
-/************************************************************
-*   Walk a JSON tree by absolute segments; undefined if the
-*   path does not resolve.
-************************************************************/
-function get_by_segments(root, segments) {
-	let v = root;
-	for (let seg of segments) {
-		if (v === null || v === void 0) return;
-		if (Array.isArray(v)) v = v[Number(seg)];
-		else if (typeof v === "object") v = v[seg];
-		else return;
-	}
-	return v;
-}
-/************************************************************
-*   Set a value at absolute segments (mutates root).
-*
-*   segments == [] means "replace the whole root" — the caller
-*   must use the RETURNED value in that case (a primitive/array
-*   root cannot be mutated in place).
-************************************************************/
-function set_by_segments(root, segments, new_value) {
-	if (segments.length === 0) return new_value;
-	let parent = get_by_segments(root, segments.slice(0, -1));
-	if (parent === null || parent === void 0 || typeof parent !== "object") return root;
-	let last = segments[segments.length - 1];
-	if (Array.isArray(parent)) parent[Number(last)] = new_value;
-	else parent[last] = new_value;
-	return root;
-}
-/************************************************************
-*   Does `value` (or any loaded descendant / its own key)
-*   contain the lower-cased search term?
-*
-*   Collapsed (not-yet-loaded) subtrees can't be searched, so
-*   they never match on content — only their key can match,
-*   which the renderer checks separately.
-************************************************************/
-function subtree_matches(value, term) {
-	if (!term) return true;
-	if (is_collapsed(value)) return false;
-	let type = json_type(value);
-	if (type === "object") {
-		for (let [k, v] of Object.entries(value)) {
-			if (String(k).toLowerCase().includes(term)) return true;
-			if (subtree_matches(v, term)) return true;
-		}
-		return false;
-	}
-	if (type === "array") {
-		for (let v of value) if (subtree_matches(v, term)) return true;
-		return false;
-	}
-	return String(value).toLowerCase().includes(term);
-}
-/************************************************************
-*   Fields whose numeric value is an epoch timestamp.
-*   Mirrors the timestampTag list wired into C_YUI_FORM's
-*   jsoneditor control, so the two viewers agree.
-************************************************************/
-function is_time_field(field) {
-	return field === "__t__" || field === "__tm__" || field === "tm" || field === "t" || field === "time" || field === "from_t" || field === "to_t" || field === "t_input" || field === "t_output" || field === "from_tm" || field === "to_tm";
-}
-/************************************************************
-*   Format an epoch value as a local wall-clock string.
-*   Accepts seconds or milliseconds; returns null when the
-*   value is not a usable positive timestamp (0 == "unset").
-************************************************************/
-function format_epoch(value) {
-	if (typeof value !== "number" || !isFinite(value) || value <= 0) return null;
-	let ms = Math.abs(value) < 0xe8d4a51000 ? value * 1e3 : value;
-	let d = new Date(ms);
-	if (isNaN(d.getTime())) return null;
-	return d.toLocaleString();
-}
-/************************************************************
-*   The text view's payload: the document as text, indented
-*   four characters, cut at `max_chars`.
-*
-*   Returns {text, capped}.  `capped` is what the caller
-*   announces under the dump — a cut that is not announced
-*   reads as a document that ends there.
-************************************************************/
-function json_text_dump(root, max_chars) {
-	let text;
-	try {
-		text = JSON.stringify(root, null, 4);
-	} catch (e) {
-		return {
-			text: "",
-			capped: false,
-			error: String(e)
-		};
-	}
-	if (text === void 0) return {
-		text: "",
-		capped: false,
-		error: "not representable as JSON"
-	};
-	if (typeof max_chars === "number" && max_chars > 0 && text.length > max_chars) return {
-		text: text.slice(0, max_chars),
-		capped: true
-	};
-	return {
-		text,
-		capped: false
-	};
-}
-/************************************************************
-*   Which view a freshly mounted viewer opens on.
-*
-*   Three answers, in order of authority: what the HOST asked
-*   for, what the READER chose last time, and `fallback`.
-*
-*   The host wins because a viewer mounted to show a graph has
-*   to show one.  The memory comes next, because reopening a
-*   document in the view you just left is the whole point of
-*   remembering it.  `fallback` is the floor.
-*
-*   Anything not in `modes` is treated as unsaid, which covers
-*   an absent value, an empty one, and a stored string from an
-*   older release that named a view no longer offered.
-************************************************************/
-function pick_view_mode(asked, remembered, modes, fallback) {
-	let known = (m) => Array.isArray(modes) && modes.indexOf(m) >= 0;
-	if (known(asked)) return asked;
-	if (known(remembered)) return remembered;
-	return fallback;
-}
-/************************************************************
-*   The short label a container row carries beside its size.
-*
-*   An array of dicts that carry an `id` is a list of RECORDS,
-*   and a row that says only `2: {15}` makes you open all
-*   fifteen fields of every one of them to find out WHICH
-*   record it is.  The id is the one field that answers that,
-*   so the row says it without being opened.
-*
-*   Only a SCALAR id, and only when it is really there: an `id`
-*   that is itself a dict or a list is not a name, it is more
-*   document, and printing `[object Object]` beside the size
-*   would be worse than printing nothing.
-*
-*   Cut at `max_chars`, because this rides on a row whose job
-*   is to stay one line.
-************************************************************/
-function container_label(value, max_chars) {
-	if (value === null || typeof value !== "object" || Array.isArray(value)) return "";
-	if (!Object.prototype.hasOwnProperty.call(value, "id")) return "";
-	let id = value.id;
-	let t = typeof id;
-	if (t !== "string" && t !== "number" && t !== "boolean") return "";
-	let text = String(id).trim();
-	if (text === "") return "";
-	let cap = typeof max_chars === "number" && max_chars > 0 ? max_chars : 0;
-	if (cap && text.length > cap) return text.slice(0, cap) + "…";
-	return text;
-}
-/************************************************************
-*   A dict, in the JSON sense: not an array and not null.
-************************************************************/
-function is_plain_object(v) {
-	return v !== null && typeof v === "object" && !Array.isArray(v);
-}
-/************************************************************
-*  Does this container hold ONLY other containers?
-*
-*  Such a value is not a thing, it is a LIST of things -- and a
-*  list is fully described by the row that names it in its
-*  parent, plus the edges to what it holds.  Drawing it as a
-*  card of its own put a node in the middle of the graph with no
-*  data in it, saying nothing the parent's row did not already
-*  say, and pushed everything below it one level down.
-*
-*  An EMPTY container inside counts as content: `{0}` is
-*  something the card has to show, and there is no child card
-*  to show it instead.
-************************************************************/
-function is_pure_collection(value) {
-	let entries = is_plain_object(value) ? Object.entries(value) : Array.isArray(value) ? value.map((v, i) => [i, v]) : [];
-	if (entries.length === 0) return false;
-	for (let [, v] of entries) if (!has_branch(v)) return false;
-	return true;
-}
-/************************************************************
-*  A value that gets a card, or children, of its own.
-************************************************************/
-function has_branch(value) {
-	return is_plain_object(value) && Object.keys(value).length > 0 || Array.isArray(value) && value.length > 0;
-}
-/************************************************************
-*  How many branches a container has, which is what the fold
-*  chip counts.
-************************************************************/
-function count_branches(value) {
-	let entries = is_plain_object(value) ? Object.values(value) : Array.isArray(value) ? value : [];
-	let n = 0;
-	for (let v of entries) if (has_branch(v)) n++;
-	return n;
-}
 //#endregion
 //#region src/c_yui_json_graph.js
 /***********************************************************************
@@ -54322,6 +54347,7 @@ function create_popover_base(left, top, className, borderColor, minWidth) {
 	popover.style.cssText = "position:absolute;left:" + left + "px;top:" + top + "px;background:var(--bulma-scheme-main, #fff);color:var(--bulma-text-strong, #1A1A1A);border:1px solid " + borderColor + ";border-radius:6px;padding:12px;z-index:100;pointer-events:all;box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:" + minWidth + "px;font-size:13px;";
 	popover.addEventListener("click", (e) => e.stopPropagation());
 	popover.addEventListener("pointerdown", (e) => e.stopPropagation());
+	popover.addEventListener("wheel", (e) => e.stopPropagation());
 	return popover;
 }
 /************************************************************
@@ -55771,6 +55797,7 @@ function show_node_detail_popover(gobj, node_id) {
 	popover.style.maxWidth = "320px";
 	popover.style.maxHeight = "60%";
 	popover.style.overflow = "auto";
+	popover.style.padding = "0 12px 12px";
 	popover.style.fontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif";
 	let rows = "";
 	for (let key of Object.keys(record)) {
@@ -55781,9 +55808,9 @@ function show_node_detail_popover(gobj, node_id) {
 		else if (typeof v === "object") vs = JSON.stringify(v);
 		else vs = String(v);
 		if (vs.length > 240) vs = vs.slice(0, 240) + "…";
-		rows += `<div style="display:flex;gap:10px;padding:5px 0;border-top:1px solid ${rowbd};"><div style="flex:0 0 38%;color:${sub};font-size:12px;word-break:break-word;">${escapeHtml(key)}</div><div style="flex:1 1 auto;font-size:12px;word-break:break-word;">${escapeHtml(vs)}</div></div>`;
+		rows += `<div class="g6-detail-row" style="border-top:1px solid ${rowbd};"><div class="g6-detail-key" style="color:${sub};">${escapeHtml(key)}</div><div class="g6-detail-val">${escapeHtml(vs)}</div></div>`;
 	}
-	popover.innerHTML = `<div style="display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;"><div style="flex:1 1 auto;min-width:0;"><div style="font-size:14px;font-weight:600;word-break:break-word;">${escapeHtml(id)}</div><div style="font-size:11px;color:${sub};margin-top:2px;">${escapeHtml(topic)}</div></div><div class="g6-detail-close" style="flex:0 0 auto;cursor:pointer;font-size:16px;line-height:1;color:${sub};padding:0 2px;">×</div></div>` + (rows || `<div style="font-size:12px;color:${sub};">${escapeHtml(t("no fields"))}</div>`);
+	popover.innerHTML = `<div class="g6-detail-head" style="background:${bg};"><div style="flex:1 1 auto;min-width:0;"><div class="g6-detail-id">${escapeHtml(id)}</div><div class="g6-detail-topic" style="color:${sub};">${escapeHtml(topic)}</div></div><div class="g6-detail-close" role="button" tabindex="0" aria-label="${escapeHtml(t("close"))}" title="${escapeHtml(t("close"))}" style="color:${sub};">×</div></div>` + (rows || `<div class="g6-detail-empty" style="color:${sub};">${escapeHtml(t("no fields"))}</div>`);
 	let close_el = popover.querySelector(".g6-detail-close");
 	if (close_el) close_el.addEventListener("click", (e) => {
 		e.stopPropagation();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.23.43",
+  "version": "7.23.45",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",
@@ -29,7 +29,7 @@
   "devDependencies": {
     "@rollup/plugin-terser": "^1.0.0",
     "@vitest/coverage-v8": "^4.1.10",
-    "@yuneta/gobj-js": "^7.13.2",
+    "@yuneta/gobj-js": "^7.16.1",
     "vite": "^8.2.1",
     "vitest": "^4.1.10"
   },