Switch

SketchSystems.spec

Switch
  Unselected
    focus -> Focused Unselected
    select -> Selected
  Focused Unselected
    blur -> Unselected
    select -> Focused Selected
  Selected
    focus -> Focused Selected
    unselect -> Unselected
  Focused Selected
    blur -> Selected
    unselect -> Focused Unselected
  Disabled

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}