@transitrix/diagrams 1.12.0 → 1.12.1

package/dist/capability-map/CapabilityCardNode.d.ts

@@ -7,6 +7,7 @@ export interface CapabilityCardNodeData {
     maturityColours: Record<number, string>;
     readOnly: boolean;
     isDropTarget: boolean;
+    hasChildren: boolean;
     hasHiddenChildren: boolean;
     isCollapsed: boolean;
     onAddChild: (parentId: number) => void;

package/dist/capability-map/CapabilityCardNode.js

@@ -9,7 +9,7 @@ function latestMaturityLevel(cap) {
     return [...cap.maturity].sort((a, b) => b.date.localeCompare(a.date))[0].level;
 }
 const CapabilityCardNode = memo(({ data }) => {
-    const { capability, theme, maturityColours, readOnly, isDropTarget, hasHiddenChildren, isCollapsed } = data;
+    const { capability, theme, maturityColours, readOnly, isDropTarget, hasChildren, hasHiddenChildren, isCollapsed } = data;
     const maturity = latestMaturityLevel(capability);
     const dotColour = maturity !== undefined ? maturityColours[maturity] : undefined;
     return (_jsxs("div", { style: {
@@ -53,14 +53,15 @@ const CapabilityCardNode = memo(({ data }) => {
                     position: 'absolute', bottom: -8, right: -8, width: 16, height: 16,
                     borderRadius: '50%', border: '1px solid #fca5a5', background: '#ffffff',
                     color: '#dc2626', fontSize: 11, lineHeight: '14px', padding: 0, cursor: 'pointer',
-                }, children: "\u00D7" })), hasHiddenChildren && (_jsx("button", { type: "button", "aria-label": isCollapsed ? 'Expand branch' : 'Collapse branch', title: isCollapsed ? 'Expand branch' : 'Collapse branch', onClick: (e) => {
+                }, children: "\u00D7" })), (hasChildren || hasHiddenChildren) && (_jsx("button", { type: "button", "aria-label": isCollapsed || hasHiddenChildren ? 'Expand branch' : 'Collapse branch', title: isCollapsed || hasHiddenChildren ? 'Expand branch' : 'Collapse branch', onClick: (e) => {
                     e.stopPropagation();
                     data.onToggleCollapse(capability.id);
                 }, style: {
                     position: 'absolute', top: '50%', right: -8, transform: 'translateY(-50%)',
                     width: 16, height: 16, borderRadius: '50%', border: `1px solid ${theme.cardBorderColor}`,
-                    background: '#ffffff', color: theme.cardBorderColor, fontSize: 11, lineHeight: '14px', padding: 0, cursor: 'pointer',
-                }, children: isCollapsed ? '+' : '−' }))] }));
+                    background: '#ffffff', color: theme.cardBorderColor, fontSize: 11, lineHeight: '14px', padding: 0,
+                    cursor: 'pointer', zIndex: 10,
+                }, children: isCollapsed || hasHiddenChildren ? '+' : '−' }))] }));
 });
 CapabilityCardNode.displayName = 'CapabilityCardNode';
 export default CapabilityCardNode;

package/dist/capability-map/CapabilityMapView.js

@@ -101,6 +101,7 @@ function CapabilityMapViewInner({ map, layout: layoutProp, layoutOptions, theme:
                 maturityColours,
                 readOnly,
                 isDropTarget: hoveredId === n.id,
+                hasChildren: n.hasChildren,
                 hasHiddenChildren: n.hasHiddenChildren,
                 isCollapsed: collapsedIds.has(n.id),
                 onAddChild,

package/dist/capability-map/dsm-layout.js

@@ -68,11 +68,12 @@ export function layoutCapabilityMap(map, options = {}) {
         const cap = byId.get(id);
         const allChildIds = children.get(id) ?? [];
         const childIds = allChildIds.filter((c) => !hiddenSubtrees.has(c));
+        const hasChildren = allChildIds.length > 0;
         const hasHiddenChildren = childIds.length < allChildIds.length;
         if (childIds.length === 0) {
             const y = getNextY(col);
             advanceY(col, nodeHeight + nodeSep);
-            nodes.push({ id, x: col * (nodeWidth + rankSep), y, width: nodeWidth, height: nodeHeight, data: cap, hasHiddenChildren });
+            nodes.push({ id, x: col * (nodeWidth + rankSep), y, width: nodeWidth, height: nodeHeight, data: cap, hasChildren, hasHiddenChildren });
             return { top: y, bottom: y + nodeHeight };
         }
         const spans = childIds.map((cid) => placeSubtree(cid, col + 1));
@@ -82,7 +83,7 @@ export function layoutCapabilityMap(map, options = {}) {
         const curColY = getNextY(col);
         const finalY = Math.max(parentY, curColY);
         advanceY(col, finalY - curColY + nodeHeight + nodeSep);
-        nodes.push({ id, x: col * (nodeWidth + rankSep), y: finalY, width: nodeWidth, height: nodeHeight, data: cap, hasHiddenChildren });
+        nodes.push({ id, x: col * (nodeWidth + rankSep), y: finalY, width: nodeWidth, height: nodeHeight, data: cap, hasChildren, hasHiddenChildren });
         for (const cid of childIds)
             edges.push({ source: id, target: cid });
         return { top: Math.min(finalY, spanTop), bottom: Math.max(finalY + nodeHeight, spanBottom) };
@@ -95,7 +96,7 @@ export function layoutCapabilityMap(map, options = {}) {
             columnNextY.set(col, y + nodeSep);
     }
     if (nodes.length === 0) {
-        const rootNode = { id: 0, x: 0, y: 0, width: ROOT_WIDTH, height: nodeHeight, data: null, hasHiddenChildren: false };
+        const rootNode = { id: 0, x: 0, y: 0, width: ROOT_WIDTH, height: nodeHeight, data: null, hasChildren: false, hasHiddenChildren: false };
         return { rootNode, nodes: [], edges: [], bounds: { x: 0, y: 0, width: ROOT_WIDTH, height: nodeHeight } };
     }
     const minX = Math.min(...nodes.map((n) => n.x));
@@ -107,7 +108,7 @@ export function layoutCapabilityMap(map, options = {}) {
     const rootTop = Math.min(...l1Nodes.map((n) => n.y));
     const rootBottom = Math.max(...l1Nodes.map((n) => n.y + n.height));
     const rootY = rootTop + (rootBottom - rootTop) / 2 - nodeHeight / 2;
-    const rootNode = { id: 0, x: 0, y: rootY, width: ROOT_WIDTH, height: nodeHeight, data: null, hasHiddenChildren: false };
+    const rootNode = { id: 0, x: 0, y: rootY, width: ROOT_WIDTH, height: nodeHeight, data: null, hasChildren: l1Ids.length > 0, hasHiddenChildren: false };
     const rootEdges = l1Ids
         .filter((id) => !hiddenSubtrees.has(id))
         .map((id) => ({ source: 'root', target: id }));

package/dist/capability-map/dsm-schema.d.ts

@@ -52,6 +52,7 @@ export interface LaidOutNode {
     width: number;
     height: number;
     data: Capability | null;
+    hasChildren: boolean;
     hasHiddenChildren: boolean;
 }
 export interface LaidOutEdge {

package/dist/goals/GoalNode.d.ts

@@ -6,6 +6,7 @@ export interface GoalNodeData {
     theme: Required<ThemeTokens>;
     readOnly: boolean;
     isDropTarget: boolean;
+    hasChildren: boolean;
     hasHiddenChildren: boolean;
     isCollapsed: boolean;
     onAddChild: (parentId: number, parentLevel: number) => void;

package/dist/goals/GoalNode.js

@@ -13,7 +13,7 @@ function impactSign(f) {
     return 'negative';
 }
 const GoalNode = memo(({ data }) => {
-    const { goal, theme, readOnly, isDropTarget, hasHiddenChildren, isCollapsed } = data;
+    const { goal, theme, readOnly, isDropTarget, hasChildren, hasHiddenChildren, isCollapsed } = data;
     const [openPanel, setOpenPanel] = useState(null);
     const positive = (goal.factors ?? []).filter((f) => impactSign(f) !== 'negative');
     const negative = (goal.factors ?? []).filter((f) => impactSign(f) !== 'positive');
@@ -83,14 +83,15 @@ const GoalNode = memo(({ data }) => {
                     position: 'absolute', bottom: -8, right: -8, width: 16, height: 16,
                     borderRadius: '50%', border: '1px solid #fca5a5', background: '#ffffff',
                     color: '#dc2626', fontSize: 11, lineHeight: '14px', padding: 0, cursor: 'pointer',
-                }, children: "\u00D7" })), hasHiddenChildren && (_jsx("button", { type: "button", "aria-label": isCollapsed ? 'Expand branch' : 'Collapse branch', title: isCollapsed ? 'Expand branch' : 'Collapse branch', onClick: (e) => {
+                }, children: "\u00D7" })), (hasChildren || hasHiddenChildren) && (_jsx("button", { type: "button", "aria-label": isCollapsed || hasHiddenChildren ? 'Expand branch' : 'Collapse branch', title: isCollapsed || hasHiddenChildren ? 'Expand branch' : 'Collapse branch', onClick: (e) => {
                     e.stopPropagation();
                     data.onToggleCollapse(goal.id);
                 }, style: {
                     position: 'absolute', top: '50%', right: -8, transform: 'translateY(-50%)',
                     width: 16, height: 16, borderRadius: '50%', border: `1px solid ${theme.cardBorderColor}`,
-                    background: '#ffffff', color: theme.cardBorderColor, fontSize: 11, lineHeight: '14px', padding: 0, cursor: 'pointer',
-                }, children: isCollapsed ? '+' : '−' }))] }));
+                    background: '#ffffff', color: theme.cardBorderColor, fontSize: 11, lineHeight: '14px', padding: 0,
+                    cursor: 'pointer', zIndex: 10,
+                }, children: isCollapsed || hasHiddenChildren ? '+' : '−' }))] }));
 });
 GoalNode.displayName = 'GoalNode';
 export default GoalNode;

package/dist/goals/GoalTreeView.js

@@ -122,6 +122,7 @@ function GoalTreeViewInner({ tree, layout: layoutProp, layoutOptions, theme: the
                 theme,
                 readOnly,
                 isDropTarget: hoveredId === n.id,
+                hasChildren: n.hasChildren,
                 hasHiddenChildren: n.hasHiddenChildren,
                 isCollapsed: collapsedIds.has(n.id),
                 onAddChild,

package/dist/goals/layout.js

@@ -100,14 +100,16 @@ export function layoutGoalTree(tree, options = {}) {
             return { top: 0, bottom: 0 };
         placed.add(id);
         const col = levelToCol.get(goal.level) ?? 0;
-        const childIds = (children.get(id) ?? []).filter(c => !hiddenSubtrees.has(c) && !placed.has(c));
-        const isCollapsedRoot = hiddenSet.has(id) && childIds.length > 0;
-        const hasHiddenChildren = childIds.length < (children.get(id) ?? []).length;
+        const allChildIds = children.get(id) ?? [];
+        const childIds = allChildIds.filter(c => !hiddenSubtrees.has(c) && !placed.has(c));
+        const isCollapsedRoot = hiddenSet.has(id) && allChildIds.length > 0;
+        const hasChildren = allChildIds.length > 0;
+        const hasHiddenChildren = childIds.length < allChildIds.length;
         if (childIds.length === 0) {
             // Leaf: place at current column Y
             const y = getNextY(col);
             advanceY(col, nodeHeight + nodeSep);
-            nodes.push({ id, x: col * (nodeWidth + rankSep), y, width: nodeWidth, height: nodeHeight, data: goal, isCollapsedRoot, hasHiddenChildren });
+            nodes.push({ id, x: col * (nodeWidth + rankSep), y, width: nodeWidth, height: nodeHeight, data: goal, isCollapsedRoot, hasChildren, hasHiddenChildren });
             return { top: y, bottom: y + nodeHeight };
         }
         // Place children first to get their span
@@ -122,7 +124,7 @@ export function layoutGoalTree(tree, options = {}) {
         const curColY = getNextY(col);
         const finalY = Math.max(parentY, curColY);
         advanceY(col, finalY - curColY + nodeHeight + nodeSep);
-        nodes.push({ id, x: col * (nodeWidth + rankSep), y: finalY, width: nodeWidth, height: nodeHeight, data: goal, isCollapsedRoot, hasHiddenChildren });
+        nodes.push({ id, x: col * (nodeWidth + rankSep), y: finalY, width: nodeWidth, height: nodeHeight, data: goal, isCollapsedRoot, hasChildren, hasHiddenChildren });
         for (const cid of childIds) {
             edges.push({ source: id, target: cid });
         }

package/dist/goals/types.d.ts

@@ -55,6 +55,8 @@ export interface LaidOutNode {
     height: number;
     data: Goal;
     isCollapsedRoot: boolean;
+    /** True when this node has at least one child in the source tree (visible or hidden). */
+    hasChildren: boolean;
     hasHiddenChildren: boolean;
 }
 export interface LaidOutEdge {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transitrix/diagrams",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "type": "module",
   "description": "Shared rendering, validation, and pure mutations for Transitrix custom diagram formats.",
   "license": "MIT",

package/src/capability-map/CapabilityCardNode.tsx

@@ -17,6 +17,7 @@ export interface CapabilityCardNodeData {
   maturityColours: Record<number, string>;
   readOnly: boolean;
   isDropTarget: boolean;
+  hasChildren: boolean;
   hasHiddenChildren: boolean;
   isCollapsed: boolean;
   onAddChild: (parentId: number) => void;
@@ -25,7 +26,7 @@ export interface CapabilityCardNodeData {
 }
 
 const CapabilityCardNode = memo(({ data }: { data: CapabilityCardNodeData }) => {
-  const { capability, theme, maturityColours, readOnly, isDropTarget, hasHiddenChildren, isCollapsed } = data;
+  const { capability, theme, maturityColours, readOnly, isDropTarget, hasChildren, hasHiddenChildren, isCollapsed } = data;
   const maturity = latestMaturityLevel(capability);
   const dotColour = maturity !== undefined ? maturityColours[maturity] : undefined;
 
@@ -119,11 +120,11 @@ const CapabilityCardNode = memo(({ data }: { data: CapabilityCardNodeData }) =>
         </button>
       )}
 
-      {hasHiddenChildren && (
+      {(hasChildren || hasHiddenChildren) && (
         <button
           type="button"
-          aria-label={isCollapsed ? 'Expand branch' : 'Collapse branch'}
-          title={isCollapsed ? 'Expand branch' : 'Collapse branch'}
+          aria-label={isCollapsed || hasHiddenChildren ? 'Expand branch' : 'Collapse branch'}
+          title={isCollapsed || hasHiddenChildren ? 'Expand branch' : 'Collapse branch'}
           onClick={(e) => {
             e.stopPropagation();
             data.onToggleCollapse(capability.id);
@@ -131,10 +132,11 @@ const CapabilityCardNode = memo(({ data }: { data: CapabilityCardNodeData }) =>
           style={{
             position: 'absolute', top: '50%', right: -8, transform: 'translateY(-50%)',
             width: 16, height: 16, borderRadius: '50%', border: `1px solid ${theme.cardBorderColor}`,
-            background: '#ffffff', color: theme.cardBorderColor, fontSize: 11, lineHeight: '14px', padding: 0, cursor: 'pointer',
+            background: '#ffffff', color: theme.cardBorderColor, fontSize: 11, lineHeight: '14px', padding: 0,
+            cursor: 'pointer', zIndex: 10,
           }}
         >
-          {isCollapsed ? '+' : '−'}
+          {isCollapsed || hasHiddenChildren ? '+' : '−'}
         </button>
       )}
     </div>

package/src/capability-map/CapabilityMapView.tsx

@@ -161,6 +161,7 @@ function CapabilityMapViewInner({
         maturityColours,
         readOnly,
         isDropTarget: hoveredId === n.id,
+        hasChildren: n.hasChildren,
         hasHiddenChildren: n.hasHiddenChildren,
         isCollapsed: collapsedIds.has(n.id),
         onAddChild,

package/src/capability-map/dsm-layout.ts

@@ -79,12 +79,13 @@ export function layoutCapabilityMap(map: CapabilityMap, options: LayoutOptions =
     const cap = byId.get(id)!;
     const allChildIds = children.get(id) ?? [];
     const childIds = allChildIds.filter((c) => !hiddenSubtrees.has(c));
+    const hasChildren = allChildIds.length > 0;
     const hasHiddenChildren = childIds.length < allChildIds.length;
 
     if (childIds.length === 0) {
       const y = getNextY(col);
       advanceY(col, nodeHeight + nodeSep);
-      nodes.push({ id, x: col * (nodeWidth + rankSep), y, width: nodeWidth, height: nodeHeight, data: cap, hasHiddenChildren });
+      nodes.push({ id, x: col * (nodeWidth + rankSep), y, width: nodeWidth, height: nodeHeight, data: cap, hasChildren, hasHiddenChildren });
       return { top: y, bottom: y + nodeHeight };
     }
 
@@ -96,7 +97,7 @@ export function layoutCapabilityMap(map: CapabilityMap, options: LayoutOptions =
     const finalY = Math.max(parentY, curColY);
     advanceY(col, finalY - curColY + nodeHeight + nodeSep);
 
-    nodes.push({ id, x: col * (nodeWidth + rankSep), y: finalY, width: nodeWidth, height: nodeHeight, data: cap, hasHiddenChildren });
+    nodes.push({ id, x: col * (nodeWidth + rankSep), y: finalY, width: nodeWidth, height: nodeHeight, data: cap, hasChildren, hasHiddenChildren });
     for (const cid of childIds) edges.push({ source: id, target: cid });
     return { top: Math.min(finalY, spanTop), bottom: Math.max(finalY + nodeHeight, spanBottom) };
   }
@@ -108,7 +109,7 @@ export function layoutCapabilityMap(map: CapabilityMap, options: LayoutOptions =
   }
 
   if (nodes.length === 0) {
-    const rootNode: LaidOutNode = { id: 0, x: 0, y: 0, width: ROOT_WIDTH, height: nodeHeight, data: null, hasHiddenChildren: false };
+    const rootNode: LaidOutNode = { id: 0, x: 0, y: 0, width: ROOT_WIDTH, height: nodeHeight, data: null, hasChildren: false, hasHiddenChildren: false };
     return { rootNode, nodes: [], edges: [], bounds: { x: 0, y: 0, width: ROOT_WIDTH, height: nodeHeight } };
   }
 
@@ -122,7 +123,7 @@ export function layoutCapabilityMap(map: CapabilityMap, options: LayoutOptions =
   const rootTop = Math.min(...l1Nodes.map((n) => n.y));
   const rootBottom = Math.max(...l1Nodes.map((n) => n.y + n.height));
   const rootY = rootTop + (rootBottom - rootTop) / 2 - nodeHeight / 2;
-  const rootNode: LaidOutNode = { id: 0, x: 0, y: rootY, width: ROOT_WIDTH, height: nodeHeight, data: null, hasHiddenChildren: false };
+  const rootNode: LaidOutNode = { id: 0, x: 0, y: rootY, width: ROOT_WIDTH, height: nodeHeight, data: null, hasChildren: l1Ids.length > 0, hasHiddenChildren: false };
 
   const rootEdges: LaidOutEdge[] = l1Ids
     .filter((id) => !hiddenSubtrees.has(id))

package/src/capability-map/dsm-schema.ts

@@ -64,6 +64,7 @@ export interface LaidOutNode {
   width: number;
   height: number;
   data: Capability | null;
+  hasChildren: boolean;
   hasHiddenChildren: boolean;
 }
 

package/src/goals/GoalNode.tsx

@@ -19,6 +19,7 @@ export interface GoalNodeData {
   theme: Required<ThemeTokens>;
   readOnly: boolean;
   isDropTarget: boolean;
+  hasChildren: boolean;
   hasHiddenChildren: boolean;
   isCollapsed: boolean;
   onAddChild: (parentId: number, parentLevel: number) => void;
@@ -28,7 +29,7 @@ export interface GoalNodeData {
 }
 
 const GoalNode = memo(({ data }: { data: GoalNodeData }) => {
-  const { goal, theme, readOnly, isDropTarget, hasHiddenChildren, isCollapsed } = data;
+  const { goal, theme, readOnly, isDropTarget, hasChildren, hasHiddenChildren, isCollapsed } = data;
   const [openPanel, setOpenPanel] = useState<'positive' | 'negative' | null>(null);
 
   const positive = (goal.factors ?? []).filter((f) => impactSign(f) !== 'negative');
@@ -192,11 +193,11 @@ const GoalNode = memo(({ data }: { data: GoalNodeData }) => {
         </button>
       )}
 
-      {hasHiddenChildren && (
+      {(hasChildren || hasHiddenChildren) && (
         <button
           type="button"
-          aria-label={isCollapsed ? 'Expand branch' : 'Collapse branch'}
-          title={isCollapsed ? 'Expand branch' : 'Collapse branch'}
+          aria-label={isCollapsed || hasHiddenChildren ? 'Expand branch' : 'Collapse branch'}
+          title={isCollapsed || hasHiddenChildren ? 'Expand branch' : 'Collapse branch'}
           onClick={(e) => {
             e.stopPropagation();
             data.onToggleCollapse(goal.id);
@@ -204,10 +205,11 @@ const GoalNode = memo(({ data }: { data: GoalNodeData }) => {
           style={{
             position: 'absolute', top: '50%', right: -8, transform: 'translateY(-50%)',
             width: 16, height: 16, borderRadius: '50%', border: `1px solid ${theme.cardBorderColor}`,
-            background: '#ffffff', color: theme.cardBorderColor, fontSize: 11, lineHeight: '14px', padding: 0, cursor: 'pointer',
+            background: '#ffffff', color: theme.cardBorderColor, fontSize: 11, lineHeight: '14px', padding: 0,
+            cursor: 'pointer', zIndex: 10,
           }}
         >
-          {isCollapsed ? '+' : '−'}
+          {isCollapsed || hasHiddenChildren ? '+' : '−'}
         </button>
       )}
     </div>

package/src/goals/GoalTreeView.tsx

@@ -179,6 +179,7 @@ function GoalTreeViewInner({
         theme,
         readOnly,
         isDropTarget: hoveredId === n.id,
+        hasChildren: n.hasChildren,
         hasHiddenChildren: n.hasHiddenChildren,
         isCollapsed: collapsedIds.has(n.id),
         onAddChild,

package/src/goals/layout.ts

@@ -114,15 +114,17 @@ export function layoutGoalTree(tree: GoalTree, options: LayoutOptions = {}): Goa
     placed.add(id);
 
     const col = levelToCol.get(goal.level) ?? 0;
-    const childIds = (children.get(id) ?? []).filter(c => !hiddenSubtrees.has(c) && !placed.has(c));
-    const isCollapsedRoot = hiddenSet.has(id) && childIds.length > 0;
-    const hasHiddenChildren = childIds.length < (children.get(id) ?? []).length;
+    const allChildIds = children.get(id) ?? [];
+    const childIds = allChildIds.filter(c => !hiddenSubtrees.has(c) && !placed.has(c));
+    const isCollapsedRoot = hiddenSet.has(id) && allChildIds.length > 0;
+    const hasChildren = allChildIds.length > 0;
+    const hasHiddenChildren = childIds.length < allChildIds.length;
 
     if (childIds.length === 0) {
       // Leaf: place at current column Y
       const y = getNextY(col);
       advanceY(col, nodeHeight + nodeSep);
-      nodes.push({ id, x: col * (nodeWidth + rankSep), y, width: nodeWidth, height: nodeHeight, data: goal, isCollapsedRoot, hasHiddenChildren });
+      nodes.push({ id, x: col * (nodeWidth + rankSep), y, width: nodeWidth, height: nodeHeight, data: goal, isCollapsedRoot, hasChildren, hasHiddenChildren });
       return { top: y, bottom: y + nodeHeight };
     }
 
@@ -141,7 +143,7 @@ export function layoutGoalTree(tree: GoalTree, options: LayoutOptions = {}): Goa
     const finalY = Math.max(parentY, curColY);
     advanceY(col, finalY - curColY + nodeHeight + nodeSep);
 
-    nodes.push({ id, x: col * (nodeWidth + rankSep), y: finalY, width: nodeWidth, height: nodeHeight, data: goal, isCollapsedRoot, hasHiddenChildren });
+    nodes.push({ id, x: col * (nodeWidth + rankSep), y: finalY, width: nodeWidth, height: nodeHeight, data: goal, isCollapsedRoot, hasChildren, hasHiddenChildren });
 
     for (const cid of childIds) {
       edges.push({ source: id, target: cid });

package/src/goals/types.ts

@@ -72,6 +72,8 @@ export interface LaidOutNode {
   height: number;
   data: Goal;
   isCollapsedRoot: boolean;
+  /** True when this node has at least one child in the source tree (visible or hidden). */
+  hasChildren: boolean;
   hasHiddenChildren: boolean;
 }