@yuneta/gobj-ui 7.23.5 → 7.23.6

package/README.md

@@ -459,6 +459,11 @@ written in every editor that offers it and never drawn. Fold is the chevron
 pair, from the lazy tree viewer's own toolbar. The readout hangs off G6's
 `aftertransform`, the one hook that also covers the wheel.
 
+Both graph toolbars are arranged the same way (`7.23.6`): camera and refresh in
+the centre, layout picker and the fold pair on the right. The middle is the
+camera — a fold changes the DOCUMENT, not the view of it, and among the camera
+buttons it read as two more of them.
+
 The graph carries **its own** toolbar, a **layout picker**
 (`EV_CHANGE_LAYOUT {layout}`: `vertical tree`, `dagre top-down`,
 `dagre left-right` — the layout and the edge type move together), and since

package/dist/gobj-ui.cjs.js

@@ -12609,7 +12609,7 @@ function make_toolbar$1(gobj) {
 	let left_items = [];
 	let center_items = [];
 	let right_items = [];
-	center_items = yui_graph_camera_items(gobj, priv.graph, toolbar_wide).concat(yui_graph_fold_items(gobj, toolbar_wide));
+	center_items = yui_graph_camera_items(gobj, priv.graph, toolbar_wide);
 	center_items.push(yui_graph_refresh_item(gobj, toolbar_wide));
 	let options = [];
 	for (let key of Object.keys(LAYOUTS)) {
@@ -12639,6 +12639,7 @@ function make_toolbar$1(gobj) {
 	]);
 	priv.$layout_select = $select;
 	right_items.push($select);
+	right_items.push(...yui_graph_fold_items(gobj, toolbar_wide));
 	const $toolbar = yui_toolbar({}, [
 		[
 			"div",

package/dist/gobj-ui.es.js

@@ -12604,7 +12604,7 @@ function make_toolbar$1(gobj) {
 	let left_items = [];
 	let center_items = [];
 	let right_items = [];
-	center_items = yui_graph_camera_items(gobj, priv.graph, toolbar_wide).concat(yui_graph_fold_items(gobj, toolbar_wide));
+	center_items = yui_graph_camera_items(gobj, priv.graph, toolbar_wide);
 	center_items.push(yui_graph_refresh_item(gobj, toolbar_wide));
 	let options = [];
 	for (let key of Object.keys(LAYOUTS)) {
@@ -12634,6 +12634,7 @@ function make_toolbar$1(gobj) {
 	]);
 	priv.$layout_select = $select;
 	right_items.push($select);
+	right_items.push(...yui_graph_fold_items(gobj, toolbar_wide));
 	const $toolbar = yui_toolbar({}, [
 		[
 			"div",

package/package.json

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

package/src/c_yui_gobj_tree_js.js

@@ -550,8 +550,7 @@ function make_toolbar(gobj)
      *  console shows this graph and the JSON one side by side, so the
      *  drawings have to be the same drawings.
      */
-    center_items = yui_graph_camera_items(gobj, priv.graph, toolbar_wide)
-        .concat(yui_graph_fold_items(gobj, toolbar_wide));
+    center_items = yui_graph_camera_items(gobj, priv.graph, toolbar_wide);
     center_items.push(yui_graph_refresh_item(gobj, toolbar_wide));
 
     /*
@@ -584,6 +583,12 @@ function make_toolbar(gobj)
     priv.$layout_select = $select;
     right_items.push($select);
 
+    /*  Fold on the RIGHT, past the layout picker — where the JSON graph
+     *  already put it.  The camera is what the middle is for: the fold
+     *  pair changes the DOCUMENT, not the view of it, and sitting in the
+     *  middle it read as two more camera buttons.  */
+    right_items.push(...yui_graph_fold_items(gobj, toolbar_wide));
+
     const $toolbar = yui_toolbar({}, [
         ['div', {class: 'yui-horizontal-toolbar-section left'}, left_items],
         ['div', {class: 'yui-horizontal-toolbar-section center'}, center_items],