How to properly define debounce in custom app connect component?

This code from my components.hjson is not adding the debounce correctly. What is the proper way to define it so it is added correctly?

 "events": [
    {
      "name": "dmx-tiptap-valueUpdated",
      "attributeStartsWith": "dmx-on",
      "attribute": "updated",
      "title": "Vallue Updated",
      "type": "boolean",
      "display": "fieldset",
      "icon": "fa fa-lg fa-sync",
      "groupTitle": "TipTap Editor",
      "groupIcon": "fa fa-lg fa-edit",
      "defaultValue": false,
      "show": ["valueUpdatedAction", "valueUpdatedDebounce"],
      "noChangeOnHide": true,
      "groupEnabler": true,
      "children": [
        {
          "name": "valueUpdatedAction",
          "attributeStartsWith": "dmx-on",
          "attribute": "updated",
          "isValue": true,
          "actionsPicker": true,
          "title": "Action:",
          "type": "text",
          "help": "Choose the action to execute dynamically.",
          "defaultValue": "",
          "initDisplay": "none"
        },
        {
          "name": "valueUpdatedDebounce",
          "attributeStartsWith": "dmx-on",
          "attribute": "updated",
          "title": "Debounce (ms):",
          "type": "number",
          "help": "Debounce time in milliseconds.",
          "defaultValue": 500,
          "initDisplay": "none"
        }
      ],
      "allowedOn": {
        "dmx-tiptap": true
      }
    }
  ]

The current code is creating this:
dmx-on:updated="2000"

It needs to be this:
dmx-on:updated.debounce:2000=""