@yuneta/gobj-ui 7.23.132 → 7.23.134

package/dist/gobj-ui.cjs.js

@@ -55080,7 +55080,7 @@ var NODE_SHAPES = [
 	"hexagon",
 	"star"
 ];
-var DEFAULT_NODE_SHAPE = "square";
+var DEFAULT_NODE_SHAPE = "circle";
 /***************************************************************
 *  Internal layout and operation mode definitions
 ***************************************************************/
@@ -55233,6 +55233,7 @@ var PRIVATE_DATA$4 = {
 	_focus_topic: null,
 	_focus_ids: [],
 	_on_pointerdown_focus: null,
+	_on_native_contextmenu: null,
 	_uninstall_long_press: null,
 	toolbar_collapsed: true,
 	_toolbars_could_collapse: null,
@@ -55330,6 +55331,10 @@ function mt_destroy$4(gobj) {
 		priv.$container.removeEventListener("focusout", priv._on_focusout_restore);
 		priv._on_focusout_restore = null;
 	}
+	if (priv._on_native_contextmenu) {
+		priv.$container.removeEventListener("contextmenu", priv._on_native_contextmenu, true);
+		priv._on_native_contextmenu = null;
+	}
 	if (priv.theme_observer) {
 		priv.theme_observer.disconnect();
 		priv.theme_observer = null;
@@ -55533,6 +55538,13 @@ function configure_events(gobj) {
 		if ($canvas && $canvas.isConnected && document.activeElement !== $canvas) $canvas.focus({ preventScroll: true });
 	};
 	priv.$container.addEventListener("focusout", priv._on_focusout_restore);
+	if (priv._on_native_contextmenu) priv.$container.removeEventListener("contextmenu", priv._on_native_contextmenu, true);
+	priv._on_native_contextmenu = (ev) => {
+		let target = ev.target;
+		if (target && typeof target.closest === "function" && target.closest("input, textarea, select, [contenteditable]")) return;
+		ev.preventDefault();
+	};
+	priv.$container.addEventListener("contextmenu", priv._on_native_contextmenu, true);
 	graph.on("keydown", (evt) => {
 		let ctrl = !!(evt.ctrlKey || evt.metaKey);
 		if (ctrl && (evt.key === "a" || evt.key === "A")) {
@@ -55566,7 +55578,8 @@ function configure_plugins(gobj) {
 		}
 	});
 	let menu_enable = (e) => {
-		return e.targetType === "node" || e.targetType === "edge";
+		if (e.targetType === "node") return true;
+		return e.targetType === "edge" && !!priv.edit_mode;
 	};
 	graph_add_plugin(gobj, "contextmenu", {
 		trigger: "contextmenu",
@@ -56402,11 +56415,8 @@ function figure_shape_of(gobj, desc, record, geometry, flags) {
 	let paint = node_paint_of(gobj, desc, geometry);
 	let fill = dark ? mix_colors(paint.fill, .25, "#2c3542") : mix_colors(paint.fill, .1, "#ffffff");
 	let stroke = dark ? mix_colors(paint.fill, .85, "#ffffff") : paint.fill;
-	let line_width = 2;
-	if (paint.stroke !== getStrokeColor(paint.fill)) {
-		stroke = paint.stroke;
-		line_width = Math.max(paint.lineWidth, 2);
-	}
+	let line_width = paint.lineWidth;
+	if (paint.stroke !== getStrokeColor(paint.fill)) stroke = paint.stroke;
 	if (f.selected) {
 		stroke = SELECT_RING;
 		line_width = 3;
@@ -56635,42 +56645,17 @@ function draw_link(gobj, child_topic, child_id, source_col, fkey, verbose) {
 		return;
 	}
 	if (get_edge_by_link(gobj, parent_topic, parent_id, hook_name, child_topic, child_id, fkey_name)) return;
-	let dark = priv.theme === "dark";
 	let is_tree = parent_topic === child_topic;
-	let saved_lineWidth = is_tree ? 2 : 1.6;
-	let saved_stroke = is_tree ? dark ? "#22a7c2" : "#0e7490" : dark ? "#8b94a3" : "#6b7280";
-	let themed_default = true;
-	let topic_props = priv._graph_properties[parent_topic];
-	if (topic_props) {
-		if ((0, _yuneta_gobj_js.is_object)(topic_props.edges)) {
-			let edge_key = hook_name + ":" + parent_id + ":" + child_id;
-			let edge_props = topic_props.edges[edge_key];
-			if (edge_props) {
-				if (edge_props.lineWidth != null) saved_lineWidth = edge_props.lineWidth;
-				if (edge_props.stroke) {
-					saved_stroke = edge_props.stroke;
-					themed_default = false;
-				}
-			}
-		}
-		if (themed_default && (0, _yuneta_gobj_js.is_object)(topic_props.defaults)) {
-			let defs = topic_props.defaults;
-			if (defs.edge_styles && defs.edge_styles[hook_name]) {
-				let hook_style = defs.edge_styles[hook_name];
-				if (hook_style.lineWidth != null) saved_lineWidth = hook_style.lineWidth;
-				if (hook_style.stroke) {
-					saved_stroke = hook_style.stroke;
-					themed_default = false;
-				}
-			} else if (defs.edge_style) {
-				if (defs.edge_style.lineWidth != null) saved_lineWidth = defs.edge_style.lineWidth;
-				if (defs.edge_style.stroke) {
-					saved_stroke = defs.edge_style.stroke;
-					themed_default = false;
-				}
-			}
-		}
-	}
+	let edge_style = edge_style_of(gobj, {
+		parent_topic,
+		parent_id,
+		hook_name,
+		child_id,
+		is_tree
+	});
+	let saved_lineWidth = edge_style.lineWidth;
+	let saved_stroke = edge_style.stroke;
+	let themed_default = edge_style.themed_default;
 	let edge = {
 		id: build_edge_id(gobj),
 		type: edge_type_for(gobj),
@@ -59358,6 +59343,7 @@ function show_node_popover(gobj) {
 		};
 	}));
 	shapeSelect.value = nodeData.data && nodeData.data.desc ? node_figure_of(gobj, nodeData.data.desc, nodeData.data.graph_props || {}) : DEFAULT_NODE_SHAPE;
+	let orig_figure = shapeSelect.value;
 	create_form_label(popover, "apply to");
 	let scopeSelect = create_form_select(popover, [
 		{
@@ -59384,7 +59370,7 @@ function show_node_popover(gobj) {
 		style: "flex:1;padding:6px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;",
 		onClick: () => {
 			drop_preview_undo(gobj, "_node_preview_undo");
-			apply_node_properties(gobj, node_id, fillInput.value, strokeInput.value, parseInt(lwInput.value) || 1, scopeSelect.value, shapeSelect.value);
+			apply_node_properties(gobj, node_id, fillInput.value, strokeInput.value, parseInt(lwInput.value) || 1, scopeSelect.value, shapeSelect.value !== orig_figure ? shapeSelect.value : "");
 		}
 	}]);
 	priv.$container.appendChild(popover);
@@ -60269,19 +60255,81 @@ function apply_edge_properties(gobj, edge_id, lineWidth, stroke, scope) {
 	deselect_edge(gobj);
 }
 /************************************************************
+*  The style an edge INHERITS, before anything saved for the
+*  edge itself: its hook's default in the parent topic, else the
+*  parent topic's default for every edge, else the library's.
+*
+*  The library's: neutral grey, teal for the containment/tree
+*  relation (parent and child of the same topic, a
+*  self-hierarchy). `themed_default` says the colour is still the
+*  library's, so a theme toggle re-themes it and leaves a chosen
+*  one alone.
+************************************************************/
+function edge_inherited_style_of(gobj, d) {
+	let dark = gobj.priv.theme === "dark";
+	let style = {
+		lineWidth: d.is_tree ? 2 : 1.6,
+		stroke: d.is_tree ? dark ? "#22a7c2" : "#0e7490" : dark ? "#8b94a3" : "#6b7280",
+		themed_default: true
+	};
+	let defs = topic_defaults_of(gobj, d.parent_topic);
+	if (!defs) return style;
+	let chosen = null;
+	if ((0, _yuneta_gobj_js.is_object)(defs.edge_styles) && (0, _yuneta_gobj_js.is_object)(defs.edge_styles[d.hook_name])) chosen = defs.edge_styles[d.hook_name];
+	else if ((0, _yuneta_gobj_js.is_object)(defs.edge_style)) chosen = defs.edge_style;
+	if (chosen) {
+		if (chosen.lineWidth != null) style.lineWidth = chosen.lineWidth;
+		if (chosen.stroke) {
+			style.stroke = chosen.stroke;
+			style.themed_default = false;
+		}
+	}
+	return style;
+}
+function edge_key_of(d) {
+	return d.hook_name + ":" + d.parent_id + ":" + d.child_id;
+}
+/************************************************************
+*  The style an edge WEARS: what it inherits, with what was saved
+*  for the edge itself on top.
+************************************************************/
+function edge_style_of(gobj, d) {
+	let style = edge_inherited_style_of(gobj, d);
+	let topic_props = gobj.priv._graph_properties[d.parent_topic];
+	let own = (0, _yuneta_gobj_js.is_object)(topic_props) && (0, _yuneta_gobj_js.is_object)(topic_props.edges) ? topic_props.edges[edge_key_of(d)] : null;
+	if ((0, _yuneta_gobj_js.is_object)(own)) {
+		if (own.lineWidth != null) style.lineWidth = own.lineWidth;
+		if (own.stroke) {
+			style.stroke = own.stroke;
+			style.themed_default = false;
+		}
+	}
+	return style;
+}
+/************************************************************
 *  Save edge styles into _graph_properties (called from
 *  save_geometry).
+*
+*  Only what differs from what the edge INHERITS is written. It
+*  used to be "any line width but 2", and the library's own width
+*  for an edge between two topics is 1.6: every Save wrote every
+*  such edge down with its width and its theme's colour, so the
+*  default was frozen on it -- a theme toggle no longer re-themed
+*  it after a reload, and a topic default never reached it.
 ************************************************************/
 function update_edge_geometry(gobj, edge_id) {
 	let priv = gobj.priv;
 	let edgeData = priv.graph.getEdgeData(edge_id);
 	if (!edgeData || !edgeData.data || !edgeData.data.parent_topic) return;
 	let style = edgeData.style || {};
-	let lineWidth = style.lineWidth;
-	let stroke = style.stroke;
-	let parent_topic = edgeData.data.parent_topic;
-	let edge_key = edgeData.data.hook_name + ":" + edgeData.data.parent_id + ":" + edgeData.data.child_id;
-	if (!(lineWidth != null && lineWidth !== 2)) {
+	let d = edgeData.data;
+	let inherited = edge_inherited_style_of(gobj, d);
+	let parent_topic = d.parent_topic;
+	let edge_key = edge_key_of(d);
+	let edge_props = {};
+	if (style.lineWidth != null && style.lineWidth !== inherited.lineWidth) edge_props.lineWidth = style.lineWidth;
+	if (style.stroke && style.stroke !== inherited.stroke) edge_props.stroke = style.stroke;
+	if (Object.keys(edge_props).length === 0) {
 		let topic_props = priv._graph_properties[parent_topic];
 		if (topic_props && (0, _yuneta_gobj_js.is_object)(topic_props.edges)) {
 			delete topic_props.edges[edge_key];
@@ -60292,8 +60340,6 @@ function update_edge_geometry(gobj, edge_id) {
 	if (!(0, _yuneta_gobj_js.is_object)(priv._graph_properties[parent_topic])) priv._graph_properties[parent_topic] = {};
 	let topic_props = priv._graph_properties[parent_topic];
 	if (!(0, _yuneta_gobj_js.is_object)(topic_props.edges)) topic_props.edges = {};
-	let edge_props = { lineWidth };
-	if (stroke) edge_props.stroke = stroke;
 	topic_props.edges[edge_key] = edge_props;
 }
 /************************************************************
@@ -60317,7 +60363,7 @@ function build_context_menu_items(gobj, e) {
 		let containerRect = priv.$container.getBoundingClientRect();
 		let canvasPoint = graph.getCanvasByViewport([e.client.x - containerRect.left, e.client.y - containerRect.top]);
 		let port_key = detect_port_click(gobj, node_id, canvasPoint[0], canvasPoint[1]);
-		if (port_key) {
+		if (port_key && priv.edit_mode) {
 			priv._context_port_key = port_key;
 			return build_port_context_menu(gobj, node_id, port_key);
 		} else return build_node_context_menu(gobj, node_id);
@@ -60347,8 +60393,11 @@ function build_node_context_menu(gobj, node_id) {
 	if (gobj.priv.edit_mode && !node_is_compact(gobj, node_id)) {
 		items.push(ctx_item("g6-icon-resize", (0, i18next.t)("resize all"), "resize_all_nodes"));
 		items.push(ctx_item("g6-icon-resize", (0, i18next.t)("resize topic nodes"), "resize_topic_nodes"));
-		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset sizes"), "reset_all_sizes"));
-		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset topic sizes"), "reset_topic_sizes"));
+	}
+	if (gobj.priv.edit_mode) {
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset node"), "reset_node"));
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset topic nodes"), "reset_topic_nodes"));
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset all nodes"), "reset_all_nodes"));
 	}
 	return items;
 }
@@ -60362,14 +60411,27 @@ function build_port_context_menu(gobj, node_id, port_key) {
 		items.push(ctx_item("g6-icon-edit", (0, i18next.t)("port properties"), "port_properties"));
 		items.push(ctx_item("g6-icon-resize", (0, i18next.t)("resize all ports"), "resize_all_ports"));
 		items.push(ctx_item("g6-icon-resize", (0, i18next.t)("resize topic ports"), "resize_topic_ports"));
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset port"), "reset_port"));
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset topic ports"), "reset_topic_ports"));
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset all ports"), "reset_all_ports"));
 	}
 	return items;
 }
 /************************************************************
-*  Build edge context menu items (prepared for expansion).
+*  Build edge context menu items: the two floating icons of a
+*  selected edge, for a right click and for a finger.
 ************************************************************/
 function build_edge_context_menu(gobj) {
-	return [];
+	let items = [];
+	if (gobj.priv.edit_mode) {
+		inject_svg_icons();
+		items.push(ctx_item("g6-icon-edit", (0, i18next.t)("edge properties"), "edge_properties"));
+		items.push(ctx_item("g6-icon-delete", (0, i18next.t)("unlink"), "unlink_edge"));
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset edge"), "reset_edge"));
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset same type edges"), "reset_same_type_edges"));
+		items.push(ctx_item("g6-icon-undo", (0, i18next.t)("reset all edges"), "reset_all_edges"));
+	}
+	return items;
 }
 /************************************************************
 *  Handle context menu click: dispatch by value.
@@ -60386,11 +60448,23 @@ function handle_context_menu_click(gobj, value) {
 		case "resize_topic_nodes":
 			copy_size_to_nodes(gobj, true);
 			break;
-		case "reset_all_sizes":
-			reset_sizes(gobj, false);
+		case "reset_node":
+			reset_nodes(gobj, "this");
+			break;
+		case "reset_topic_nodes":
+			reset_nodes(gobj, "same_topic");
+			break;
+		case "reset_all_nodes":
+			reset_nodes(gobj, "all");
+			break;
+		case "reset_edge":
+			reset_edges(gobj, "this");
 			break;
-		case "reset_topic_sizes":
-			reset_sizes(gobj, true);
+		case "reset_same_type_edges":
+			reset_edges(gobj, "same_type");
+			break;
+		case "reset_all_edges":
+			reset_edges(gobj, "all");
 			break;
 		case "port_properties":
 			if (priv._context_node_id && priv._context_port_key) {
@@ -60401,7 +60475,33 @@ function handle_context_menu_click(gobj, value) {
 		case "resize_all_ports":
 			copy_size_to_ports(gobj, false);
 			break;
-		case "resize_topic_ports": copy_size_to_ports(gobj, true);
+		case "resize_topic_ports":
+			copy_size_to_ports(gobj, true);
+			break;
+		case "reset_port":
+			reset_ports(gobj, "this");
+			break;
+		case "reset_topic_ports":
+			reset_ports(gobj, "same_topic");
+			break;
+		case "reset_all_ports":
+			reset_ports(gobj, "all");
+			break;
+		case "edge_properties":
+			if (priv._context_edge_id) {
+				deselect_node(gobj);
+				select_edge(gobj, priv._context_edge_id);
+				show_edge_popover(gobj);
+			}
+			break;
+		case "unlink_edge":
+			if (priv._context_edge_id) {
+				deselect_node(gobj);
+				select_edge(gobj, priv._context_edge_id);
+				request_unlink_edge(gobj);
+			}
+			break;
+		default: (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: unknown context menu item: ${value}`);
 	}
 }
 /************************************************************
@@ -60458,53 +60558,177 @@ function copy_size_to_nodes(gobj, same_topic_only) {
 		});
 	}
 }
+var NODE_STYLE_KEYS = [
+	"size",
+	"fill",
+	"stroke",
+	"lineWidth",
+	"node_shape"
+];
+var PORT_STYLE_KEYS = [
+	"portR",
+	"port_sizes",
+	"port_shapes",
+	"port_shape"
+];
 /************************************************************
-*  Forget every SAVED size: the card sizes, the port radii and the
-*  per-port radii, per node and as topic defaults (`resize all`),
-*  for one topic or for all of them. The cards go back to the
-*  library's defaults on the spot, and Save writes the cleared
-*  entries -- a size nobody chose is not written back (see
-*  update_geometry). Positions and edge styles are not touched:
-*  they are a different choice.
+*  Forget these saved keys -- on the node of the menu alone
+*  ('this'), or on every node of its topic and in the topic's
+*  defaults ('same_topic'), or everywhere ('all'). Both copies of
+*  an entry are stripped: the one in `_graph_properties` (which
+*  Save writes, folded nodes included) and the one the node
+*  carries. Returns the ids of the nodes on screen to reshape.
 ************************************************************/
-function reset_sizes(gobj, same_topic_only) {
+function forget_saved_node_keys(gobj, nd, scope, keys) {
 	let priv = gobj.priv;
 	let graph = priv.graph;
-	let topic = "";
-	if (same_topic_only) {
-		let nd = priv._context_node_id ? graph.getNodeData(priv._context_node_id) : null;
-		if (!nd || !nd.data || !nd.data.topic_name) {
-			(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: reset topic sizes without a node`);
-			return;
-		}
-		topic = nd.data.topic_name;
-	}
-	const SIZE_KEYS = [
-		"size",
-		"portR",
-		"port_sizes"
-	];
 	let strip = (props) => {
 		if (!(0, _yuneta_gobj_js.is_object)(props)) return;
-		for (let k of SIZE_KEYS) delete props[k];
+		for (let k of keys) delete props[k];
 	};
+	if (scope === "this") {
+		strip(node_props_entry(gobj, nd));
+		strip(nd.data.graph_props);
+		if (nd.data.record) strip(nd.data.record._geometry);
+		return [nd.id];
+	}
+	let topic = scope === "same_topic" ? nd.data.topic_name : "";
 	for (const [topic_name, props] of Object.entries(priv._graph_properties || {})) {
 		if (topic && topic_name !== topic) continue;
 		if ((0, _yuneta_gobj_js.is_object)(props.nodes)) for (let node_props of Object.values(props.nodes)) strip(node_props);
 		strip(props.defaults);
 	}
 	let ids = [];
-	for (let nd of graph.getNodeData() || []) {
-		if (!nd || !nd.data || !nd.data.desc || is_more_node(nd)) continue;
-		if (topic && nd.data.topic_name !== topic) continue;
-		strip(nd.data.graph_props);
-		if (nd.data.record) strip(nd.data.record._geometry);
-		ids.push(nd.id);
+	for (let n of graph.getNodeData() || []) {
+		if (!n || !n.data || !n.data.desc || is_more_node(n)) continue;
+		if (topic && n.data.topic_name !== topic) continue;
+		strip(n.data.graph_props);
+		if (n.data.record) strip(n.data.record._geometry);
+		ids.push(n.id);
 	}
+	return ids;
+}
+function reshape_after_reset(gobj, ids) {
+	let graph = gobj.priv.graph;
 	reshape_nodes(gobj, ids);
 	graph.draw().then(() => {
 		update_resize_handles_position(gobj);
 		update_port_resize_handles_position(gobj);
+		update_port_icon_position(gobj);
+		mark_graph_dirty(gobj);
+	});
+}
+/************************************************************
+*  Forget the saved look of nodes (NODE_STYLE_KEYS), back to the
+*  library's: this node, its topic's, or all of them. A figure
+*  saved as a square before the circle became the default goes
+*  back to the default this way.
+************************************************************/
+function reset_nodes(gobj, scope) {
+	let priv = gobj.priv;
+	let nd = priv._context_node_id ? priv.graph.getNodeData(priv._context_node_id) : null;
+	if (!nd || !nd.data || !nd.data.topic_name) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: reset nodes without a node`);
+		return;
+	}
+	reshape_after_reset(gobj, forget_saved_node_keys(gobj, nd, scope, NODE_STYLE_KEYS));
+}
+/************************************************************
+*  Forget the saved SHAPE and RADIUS of ports, back to the
+*  library's own:
+*      'this'          the port of the menu, on its node only
+*      'same_topic'    every port of the node's topic, with the
+*                      topic's port defaults
+*      'all'           every port of every topic, likewise
+*  The node's own look is not touched: that is `reset node`.
+************************************************************/
+function reset_ports(gobj, scope) {
+	let priv = gobj.priv;
+	let graph = priv.graph;
+	let node_id = priv._context_node_id;
+	let port_key = priv._context_port_key;
+	let nd = node_id ? graph.getNodeData(node_id) : null;
+	if (!nd || !nd.data || !nd.data.topic_name || !port_key) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: reset ports without a port`);
+		return;
+	}
+	if (scope !== "this") {
+		reshape_after_reset(gobj, forget_saved_node_keys(gobj, nd, scope, PORT_STYLE_KEYS));
+		return;
+	}
+	let strip_port = (props) => {
+		if (!(0, _yuneta_gobj_js.is_object)(props)) return;
+		for (let k of ["port_sizes", "port_shapes"]) if ((0, _yuneta_gobj_js.is_object)(props[k])) {
+			delete props[k][port_key];
+			if (Object.keys(props[k]).length === 0) delete props[k];
+		}
+	};
+	strip_port(node_props_entry(gobj, nd));
+	strip_port(nd.data.graph_props);
+	if (nd.data.record) strip_port(nd.data.record._geometry);
+	reshape_after_reset(gobj, [node_id]);
+}
+/************************************************************
+*  Forget the saved style of edges, back to what they inherit:
+*      'this'          the edge of the menu, its own entry
+*      'same_type'     every edge of its hook in its parent topic,
+*                      with that hook's default
+*      'all'           every edge, with every edge default
+*  The same three scopes as the edge properties popover.
+************************************************************/
+function reset_edges(gobj, scope) {
+	let priv = gobj.priv;
+	let graph = priv.graph;
+	let ed = priv._context_edge_id ? graph.getEdgeData(priv._context_edge_id) : null;
+	if (!ed || !ed.data || !ed.data.parent_topic) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: reset edges without an edge`);
+		return;
+	}
+	let src = ed.data;
+	let hits = (d) => {
+		if (!d || !d.parent_topic) return false;
+		if (scope === "this") return edge_key_of(d) === edge_key_of(src) && d.parent_topic === src.parent_topic;
+		if (scope === "same_type") return d.parent_topic === src.parent_topic && d.hook_name === src.hook_name;
+		return true;
+	};
+	for (const [topic_name, props] of Object.entries(priv._graph_properties || {})) {
+		if (!(0, _yuneta_gobj_js.is_object)(props)) continue;
+		if (scope !== "all" && topic_name !== src.parent_topic) continue;
+		if ((0, _yuneta_gobj_js.is_object)(props.edges)) {
+			for (let key of Object.keys(props.edges)) {
+				let hook_name = key.split(":")[0];
+				if (scope === "this" && key !== edge_key_of(src)) continue;
+				if (scope === "same_type" && hook_name !== src.hook_name) continue;
+				delete props.edges[key];
+			}
+			if (Object.keys(props.edges).length === 0) delete props.edges;
+		}
+		if ((0, _yuneta_gobj_js.is_object)(props.defaults)) {
+			if (scope === "same_type" && (0, _yuneta_gobj_js.is_object)(props.defaults.edge_styles)) {
+				delete props.defaults.edge_styles[src.hook_name];
+				if (Object.keys(props.defaults.edge_styles).length === 0) delete props.defaults.edge_styles;
+			} else if (scope === "all") {
+				delete props.defaults.edge_styles;
+				delete props.defaults.edge_style;
+			}
+		}
+	}
+	let updates = [];
+	for (let e of graph.getEdgeData() || []) {
+		if (!e || !hits(e.data)) continue;
+		let style = edge_style_of(gobj, e.data);
+		updates.push({
+			id: e.id,
+			style: {
+				lineWidth: style.lineWidth,
+				stroke: style.stroke
+			},
+			data: Object.assign({}, e.data, { themed_default: style.themed_default })
+		});
+	}
+	deselect_edge(gobj);
+	if (updates.length > 0) graph.updateEdgeData(updates);
+	graph.draw().then(() => {
 		mark_graph_dirty(gobj);
 	});
 }