@yuneta/gobj-ui 7.4.0 → 7.4.2

package/dist/gobj-ui.cjs.js

@@ -19915,7 +19915,7 @@ function refresh_legend(gobj) {
 		let $item = (0, _yuneta_gobj_js.createElement2)([
 			"button",
 			{
-				class: "GRAPH_LEGEND_ITEM button is-small" + (focused ? " is-primary" : ""),
+				class: "GRAPH_LEGEND_ITEM button is-small" + (focused ? " is-primary is-light" : ""),
 				title: topic_name,
 				"aria-label": topic_name,
 				"aria-pressed": focused ? "true" : "false"
@@ -19965,7 +19965,9 @@ function ac_legend_topic(gobj, event, kw, src) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: legend click with no topic`);
 		return -1;
 	}
-	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_TOPIC_SELECTED", { topic: priv.focus_topic === topic ? "" : topic });
+	let next = priv.focus_topic === topic ? "" : topic;
+	(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SET_FOCUS_TOPIC", { topic: next }, gobj);
+	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_TOPIC_SELECTED", { topic: next });
 	return 0;
 }
 /************************************************************

package/dist/gobj-ui.es.js

@@ -19902,7 +19902,7 @@ function refresh_legend(gobj) {
 		let $item = createElement2([
 			"button",
 			{
-				class: "GRAPH_LEGEND_ITEM button is-small" + (focused ? " is-primary" : ""),
+				class: "GRAPH_LEGEND_ITEM button is-small" + (focused ? " is-primary is-light" : ""),
 				title: topic_name,
 				"aria-label": topic_name,
 				"aria-pressed": focused ? "true" : "false"
@@ -19952,7 +19952,9 @@ function ac_legend_topic(gobj, event, kw, src) {
 		log_error(`${gobj_short_name(gobj)}: legend click with no topic`);
 		return -1;
 	}
-	gobj_publish_event(gobj, "EV_TOPIC_SELECTED", { topic: priv.focus_topic === topic ? "" : topic });
+	let next = priv.focus_topic === topic ? "" : topic;
+	gobj_send_event(gobj, "EV_SET_FOCUS_TOPIC", { topic: next }, gobj);
+	gobj_publish_event(gobj, "EV_TOPIC_SELECTED", { topic: next });
 	return 0;
 }
 /************************************************************

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.4.0",
+  "version": "7.4.2",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/c_yui_treedb_graph.js

@@ -2259,8 +2259,11 @@ function refresh_legend(gobj)
         let focused = (priv.focus_topic === topic_name);
         let $item = createElement2(
             ['button', {
+                /*  `is-light` on the focused one, not solid `is-primary`:
+                 *  the solid fill sat right behind the swatch and swallowed
+                 *  the one colour the entry exists to show. */
                 class: 'GRAPH_LEGEND_ITEM button is-small' +
-                       (focused? ' is-primary' : ''),
+                       (focused? ' is-primary is-light' : ''),
                 title: topic_name,
                 'aria-label': topic_name,
                 'aria-pressed': focused? 'true' : 'false'
@@ -2320,11 +2323,17 @@ function ac_legend_topic(gobj, event, kw, src)
         log_error(`${gobj_short_name(gobj)}: legend click with no topic`);
         return -1;
     }
-    gobj_publish_event(
-        gobj,
-        "EV_TOPIC_SELECTED",
-        {topic: (priv.focus_topic === topic)? "" : topic}
-    );
+
+    let next = (priv.focus_topic === topic)? "" : topic;
+
+    /*  APPLY, then announce — in that order, and both halves are needed.
+     *  The host mirrors the announcement into the URL and remembers the
+     *  segment it just wrote, so the route change it causes comes back
+     *  DEDUPED: a legend that only announced moved the URL and focused
+     *  nothing. This is the same contract the topics view keeps, where
+     *  clicking a topic shows it and says so.  */
+    gobj_send_event(gobj, "EV_SET_FOCUS_TOPIC", {topic: next}, gobj);
+    gobj_publish_event(gobj, "EV_TOPIC_SELECTED", {topic: next});
     return 0;
 }