Generated by XState Viz: https://xstate.js.org/viz

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const fetchMachine = Machine({
  "id": "root",
  "states": {
    "Visual Tagger": {
      "id": "Visual Tagger",
      "states": {
        "Initial": {
          "id": "Initial",
          "states": {},
          "on": {
            "create tag": "#Tag Highlighting State",
            "delete tag": "#Delete Tag State"
          }
        },
        "Delete Tag State": {
          "id": "Delete Tag State",
          "states": {},
          "on": {
            "cancel": "#Initial",
            "confirm": "#Initial"
          }
        },
        "Tag Highlighting State": {
          "id": "Tag Highlighting State",
          "states": {},
          "on": {
            "element click": "#Editing Tag State"
          }
        },
        "Editing Tag State": {
          "id": "Editing Tag State",
          "states": {},
          "on": {
            "bind dynamic property": "#Property Highlighting State",
            "update tag selector": "#Tag Highlighting State",
            "validating": "#Validating State"
          }
        },
        "Property Highlighting State": {
          "id": "Property Highlighting State",
          "states": {},
          "on": {
            "cancel": "#Editing Tag State",
            "element click": "#Editing Tag State"
          }
        },
        "Validating State": {
          "id": "Validating State",
          "states": {},
          "on": {
            "element click": "#Editing Tag State"
          }
        }
      },
      "initial": "Initial",
      "on": {}
    }
  },
  "initial": "Visual Tagger",
  "on": {}
});