Branch actions

Mocks: https://docs.google.com/presentation/d/1-vh-fGSoQ9Z22x7LdOkDm9lRFiCcXYL56HbjwUyjn-0/edit#slide=id.g2ad54cdd505_0_8

Screencast:
https://screencast.googleplex.com/cast/NDgzNjk4MjYyNTY2NTAyNHwzNzU2N2FkMC1jNw
PiperOrigin-RevId: 628157640

src/app/data_types_internal.ts

@@ -531,7 +531,7 @@ export type StatusPalette = {
 };
 
 /** Marker style to use at the ends of edges in the DAG, `circle` by default */
-export type MarkerStyle = 'circle'|'arrow';
+export type MarkerStyle = 'circle'|'arrow'|'hidden';
 
 /** The layout of Edge drawn on the DAG, this is `dagre` by default */
 export type EdgeStyle = 'dagre'|'snapped';  // dagre by default.
@@ -550,6 +550,7 @@ export interface DagTheme {
   edgeColor: string;
   edgeStyle: EdgeStyle;
   edgeToMarkerStyle: MarkerStyle;
+  edgeFromMarkerStyle: MarkerStyle;
   edgeWidth: number;
   background: {
     dots: {
@@ -670,6 +671,7 @@ export const DEFAULT_THEME: DagTheme = {
   edgeColor: baseColors['blue'],
   edgeStyle: 'dagre',
   edgeToMarkerStyle: 'circle',
+  edgeFromMarkerStyle: 'circle',
   edgeWidth: 1,
   background: {
     dots: {

src/app/directed_acyclic_graph.ts

@@ -27,7 +27,7 @@ import {takeUntil, throttleTime} from 'rxjs/operators';
 import {ShortcutService} from './a11y/shortcut.service';
 import {DagStateService} from './dag-state.service';
 import {STATE_SERVICE_PROVIDER} from './dag-state.service.provider';
-import {baseColors, BLUE_THEME, clampVal, CLASSIC_THEME, createDAGFeatures, createDefaultZoomConfig, createNewSizeConfig, type DagTheme, DEFAULT_LAYOUT_OPTIONS, DEFAULT_THEME, defaultFeatures, defaultZoomConfig, type FeatureToggleOptions, generateTheme, getMargin, isPoint, type LayoutOptions, type Logger, type MinimapPosition, nanSafePt, NODE_HEIGHT, NODE_WIDTH, NodeState, OrientationMarginConfig, RankAlignment, RankDirection, RankerAlgorithim, SCROLL_STEP_PER_DELTA, SizeConfig, SVG_ELEMENT_SIZE, type ZoomConfig} from './data_types_internal';
+import {baseColors, BLUE_THEME, clampVal, CLASSIC_THEME, createDAGFeatures, createDefaultZoomConfig, createNewSizeConfig, type DagTheme, DEFAULT_LAYOUT_OPTIONS, DEFAULT_THEME, defaultFeatures, defaultZoomConfig, EdgeStyle, type FeatureToggleOptions, generateTheme, getMargin, isPoint, type LayoutOptions, type Logger, MarkerStyle, type MinimapPosition, nanSafePt, NODE_HEIGHT, NODE_WIDTH, NodeState, OrientationMarginConfig, RankAlignment, RankDirection, RankerAlgorithim, SCROLL_STEP_PER_DELTA, SizeConfig, SVG_ELEMENT_SIZE, type ZoomConfig} from './data_types_internal';
 import {DagRaw, DagRawModule, EnhancedDagGroup, GraphDims} from './directed_acyclic_graph_raw';
 import {Translations, TranslationsService} from './i18n';
 import {DagLogger} from './logger/dag_logger';
@@ -53,11 +53,13 @@ export {
   DEFAULT_THEME,
   defaultFeatures,
   defaultZoomConfig,
+  type EdgeStyle,
   type FeatureToggleOptions,
   generateTheme,
   getMargin,
   type GroupIterationRecord,
   type LayoutOptions as DagreOptions,
+  type MarkerStyle,
   type MinimapPosition,
   NODE_HEIGHT,
   NODE_WIDTH,

src/app/directed_acyclic_graph_raw.ng.html

@@ -70,7 +70,9 @@
   <svg class="marker canvas" aria-hidden="true">
     <ng-container *ngFor="let e of edges; trackBy: edgeTrack">
       <g *ngIf="isDagreInit(e)" class="marker-group fade-in">
-        <g [ngClass]="edgeMarkerClassesFor(e, 'from')">
+        <g
+          *ngIf="(e.fromMarkerStyle || theme.edgeFromMarkerStyle) !== 'hidden'"
+          [ngClass]="edgeMarkerClassesFor(e, 'from')">
           <circle
             r="4"
             class="outer-circle"
@@ -81,7 +83,8 @@
           <circle r="3" class="inner-circle" [attr.cx]="e.points?.[0]?.x" [attr.cy]="e.points?.[0]?.y" />
         </g>
         <g
-          *ngIf="(e.toMarkerStyle || theme.edgeToMarkerStyle) === 'circle'"
+          *ngIf="(e.toMarkerStyle || theme.edgeToMarkerStyle) === 'circle' &&
+            (e.toMarkerStyle || theme.edgeToMarkerStyle) !== 'hidden'"
           [ngClass]="edgeMarkerClassesFor(e, 'to')"
         >
           <circle

src/app/node_spec.ts

@@ -395,6 +395,7 @@ export interface DagEdge {
   points?: Point[];
   color?: string;
   toMarkerStyle?: MarkerStyle;  // circle by default.
+  fromMarkerStyle?: MarkerStyle;  // circle by default.
   /**
    * Multiplier for how thick an edge should be relative to the base thickness.
    * The base value this is multiplied to is stored in Theme.edgeWidth = 1