Datastore prevents flow.running from triggering events

Wappler Version : 3.9.7
Operating System : mac
Server Model: node
Database Type: none
Hosting Type: custom

Expected behavior

The running property should be true, when a flow inserting records into a datastore is running.

Actual behavior

I can not get a spinner to show during flow run.

How to reproduce

Use the following code to reproduce:

<!-- Wappler include head-page="layouts/main" jquery_slim_33="cdn" fontawesome_4="cdn" bootstrap4="local" is="dmx-app" id="flow_lg_ds" appConnect="local" components="{dmxDatastore:{}}" -->
<div class="container">
  <div class="row">
    <div class="col">
      <button id="btn1" class="btn btn-primary" dmx-on:click="flow_datastore.run()">Load 5000 records into datastore using flow<span class="spinner-border spinner-border-sm" role="status" dmx-show="flow_datastore.running"></span>
      </button>
    </div>
    <div class="col">
      <button id="btn2" class="btn btn-primary" dmx-on:click="flow_wait.run()">Flow with 5 sec wait<span class="spinner-border spinner-border-sm" role="status" dmx-show="flow_wait.running"></span>
      </button>
    </div>
  </div>
</div>
<meta name="ac:route" content="/flow_lg_ds">
<script is="dmx-flow" id="flow_datastore" type="text/dmx-flow">[
  {
    run: {action: "{{datastore1.clear()}}", output: true}
  },
  {
    repeat: {
      repeat: 5000,
      outputFields: [],
      exec: {
        steps: {
          run: {action: "{{datastore1.insert({thing1: $index})}}"}
        }
      },
      name: "repeat",
      output: true
    }
  }
]</script>
<script is="dmx-flow" id="flow_wait" type="text/dmx-flow">{
  wait: {delay: 5000}
}</script>
<dmx-datastore id="datastore1" session="true"></dmx-datastore>

The button with a wait command in a flow, properly shows the spinner inside the button using the flow.running property.

The button that runs a flow which inserts 5000 records, never displays the spinner.