Display as an icon timeout/duration property for state nodes where it is applied.

Expected Result

• timeout and duration icon will have the same symbol [1]
• timeout and duration icon on mouse over will display the value:
  • duration parameter of Sleep state
    • duration icon is always visible even if it's value is null since it is required parameter.
  • timeouts parameter of Event, Operation, Switch, Parallel, ForEach, Callback states. [2][3]
    • If timeout is null, then do not show the icon (timeouts isn't required parameter)
    • If timeout is not null all related timeouts parameters [2] are shown even if related parameters are null
    • do not show unrelated parameters of timeouts see [2] for more details
• To workaround lienzo 2d nature, we need to add mechanism to ignore Mouse Out event handler when mouse is over an icon.

[1] fa-clock icon from Patternfly 4.0, small size

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <defs></defs>
  <path d="M 4.531 2.344 C 4.531 2.084 4.74 1.875 5 1.875 C 5.26 1.875 5.469 2.084 5.469 2.344 L 5.469 4.75 L 7.135 5.859 C 7.35 6.004 7.408 6.295 7.248 6.51 C 7.121 6.725 6.83 6.783 6.615 6.623 L 4.74 5.373 C 4.609 5.303 4.531 5.156 4.531 4.982 L 4.531 2.344 Z M 5 0 C 7.762 0 10 2.238 10 5 C 10 7.762 7.762 10 5 10 C 2.238 10 0 7.762 0 5 C 0 2.238 2.238 0 5 0 Z M 0.938 5 C 0.938 7.244 2.756 9.063 5 9.063 C 7.244 9.063 9.063 7.244 9.063 5 C 9.063 2.756 7.244 0.938 5 0.938 C 2.756 0.938 0.938 2.756 0.938 5 Z"></path>
</svg>

[2] supported parameters of timeouts for different states:

[3] The timeouts parameter:

  "timeouts": {
      "eventTimeout": "4PT",
      "stateExecTimeout": "5PT",
      "actionExecTimeout": "3PT",
      "branchExecTimeout": "2PT"
  },