Visually differentiate default initial states.

[GoogleCodeExporter]

1. Load the following SCXML into the editor:

    <scxml xmlns="http://www.w3.org/2005/07/scxml" version="1.0" name="SimpleParallelTest">
      <parallel id="microwave">
        <state id="radiation">
          <state id="radiation-off"><transition event="turn.on" target="radiation-maybe"/></state>

          <state id="radiation-maybe">
            <transition event="turn.off" target="radiation-off"/>        
            <state id="radiation-maybe-paused" ><transition cond="In('door-closed')" target="radiation-maybe-cooking"/></state>
            <state id="radiation-maybe-cooking"><transition cond="In('door-open')"   target="radiation-maybe-paused" /></state>
          </state>
        </state>

        <state id="door">
          <state id="door-closed"><transition event="door.open"  target="door-open"  /></state>
          <state id="door-open"  ><transition event="door.close" target="door-closed"/></state>
        </state>
      </parallel>
    </scxml>

Note that the states radiation-off, radiation-maybe-paused, and door-closed are 
all the implicit initial states.

**EXPECTED**: These states are visually differentiated in the graph to somehow 
show that they are the default initial. This might be through color (light 
green?), but should also ideally place these states at the top/leftmost of the 
other children to further emphasize the ordering (at least for LTR language 
speakers).

**ACTUAL**: The states are often ordered "upside-down", with the first state in 
document order appearing below earlier states.

Original issue reported on code.google.com by Phrog...@gmail.com on 26 Jan 2013 at 12:07

[GoogleCodeExporter]

Original comment by fmorbini on 30 Jan 2013 at 5:17

• Changed state: Accepted
• Added labels: ****
• Removed labels: ****