<style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from nestedStateTable.ump</h1>
  <h2>Class RemoteControl state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">power</td>
      <td class="event-header">push</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry"><span>Off</span></td>
      <td class="event-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Play</td>
      <td class="event-entry"><span class="derived">Off</span></td>
      <td class="event-entry"><span>Pause</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Pause</td>
      <td class="event-entry"><span class="derived">Off</span></td>
      <td class="event-entry"><span>Play</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry"><span>On</span></td>
      <td class="event-entry">&nbsp;</td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">Play</td>
      <td class="state-header">Pause</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Play</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>push</span></td>
      <td class="state-entry"><span class="derived">power</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Pause</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>push</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span class="derived">power</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>



  <style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from guardedTransitionNestedStateTable.ump</h1>
  <h2>Class Student state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">power</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- OnOn</td>
      <td class="event-entry"><span>[getStayOn()] Sleep</span><br><span>[!getStayOn()] Off</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Sleep</td>
      <td class="event-entry"><span>OnOn</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry"><span>On</span></td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">OnOn</td>
      <td class="state-header">Sleep</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- OnOn</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power [getStayOn()]</span></td>
      <td class="state-entry"><span>power [!getStayOn()]</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Sleep</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>



  <style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from autoTransitionStateTable.ump</h1>
  <h2>Class Student state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">(auto)</td>
      <td class="event-header">power</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry"><span>Off</span></td>
      <td class="event-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry">&nbsp;</td>
      <td class="event-entry"><span>On</span></td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>(auto)</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>



  <style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from transitionWithActionStateTable.ump</h1>
  <h2>Class Student state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">power</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry"><span data-action="/ someAction();">Off</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry"><span>On</span></td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>



  <style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from guardedTransitionStateTable.ump</h1>
  <h2>Class Student state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">power</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry"><span>[getStayOn()] Sleep</span><br><span>[!getStayOn()] Off</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Sleep</td>
      <td class="event-entry"><span>On</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry"><span>On</span></td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">Sleep</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power [getStayOn()]</span></td>
      <td class="state-entry"><span>power [!getStayOn()]</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Sleep</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>



  <style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from guardedTransitionDoublyNestedStateTable.ump</h1>
  <h2>Class Student state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">power</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- OnOn</td>
      <td class="event-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="1">- - OnOnOn</td>
      <td class="event-entry"><span>[getStayOn()] Sleep</span><br><span>[!getStayOn()] Off</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Sleep</td>
      <td class="event-entry"><span>OnOn</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry"><span>On</span></td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">OnOn</td>
      <td class="state-header">OnOnOn</td>
      <td class="state-header">Sleep</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- OnOn</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="1">- - OnOnOn</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power [getStayOn()]</span></td>
      <td class="state-entry"><span>power [!getStayOn()]</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Sleep</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>



  <style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from simple.ump</h1>
  <h2>Class Student state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">power</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry"><span>Off</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry"><span>On</span></td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>



  <style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from timerTransitionStateTable.ump</h1>
  <h2>Class Student state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">after(1)</td>
      <td class="event-header">power</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry"><span>Off</span></td>
      <td class="event-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry">&nbsp;</td>
      <td class="event-entry"><span>On</span></td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>after(1)</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>



  <style>
    .statetable { border-collapse: collapse; }
    .statetable td { border: 1px solid black; padding: 2px 10px 2px 10px; white-space: nowrap; }
    .statetable .state-header, .statetable .event-header { font-weight: bold; background-color: #ecf0f1; border: 2px solid black; }
    .statetable .derived { font-style: italic; }
    .statetable-container { overflow-x: auto; }
  </style>
  
  <h1>State tables generated by Umple from transitionWithActionNestedStateTable.ump</h1>
  <h2>Class Student state machine status</h2>

<h3>State-event table</h3>
<div class="statetable-container">
  <table class="statetable event-statetable">
    <tr>
      <td class="event-header">&nbsp;</td>
      <td class="event-header">power</td>
      <td class="event-header">sleepButton</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="event-entry">&nbsp;</td>
      <td class="event-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- OnOn</td>
      <td class="event-entry"><span>Off</span></td>
      <td class="event-entry"><span data-action="/ someAction();">Sleep</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Sleep</td>
      <td class="event-entry"><span>OnOn</span></td>
      <td class="event-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="event-entry"><span>On</span></td>
      <td class="event-entry">&nbsp;</td>
    </tr>

  </table>
</div>

<h3>State-state table</h3>
<div class="statetable-container">
  <table class="statetable state-statetable">
    <tr>
      <td class="state-header">&nbsp;</td>
      <td class="state-header">On</td>
      <td class="state-header">OnOn</td>
      <td class="state-header">Sleep</td>
      <td class="state-header">Off</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">On</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- OnOn</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>sleepButton</span></td>
      <td class="state-entry"><span>power</span></td>
    </tr>

    <tr>
      <td class="state-header" data-parent="0">- Sleep</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

    <tr>
      <td class="state-header" data-parent="">Off</td>
      <td class="state-entry"><span>power</span></td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
      <td class="state-entry">&nbsp;</td>
    </tr>

  </table>
</div>