fix: Fire htmx:trigger event on delayed triggers

src/htmx.js

@@ -1564,9 +1564,12 @@ return (function () {
                                 }, triggerSpec.throttle);
                             }
                         } else if (triggerSpec.delay > 0) {
-                            elementData.delayed = setTimeout(function() { handler(elt, evt) }, triggerSpec.delay);
+                            elementData.delayed = setTimeout(function() {
+                                triggerEvent(elt, 'htmx:trigger');
+                                handler(elt, evt);
+                            }, triggerSpec.delay);
                         } else {
-                            triggerEvent(elt, 'htmx:trigger')
+                            triggerEvent(elt, 'htmx:trigger');
                             handler(elt, evt);
                         }
                     }

test/attributes/hx-trigger.js

@@ -950,6 +950,23 @@ describe("hx-trigger attribute", function(){
         }
     });
 
+    it('fires the htmx:trigger event for delayed triggers', function (done) {
+        var param = "foo"
+        var handler = htmx.on("htmx:trigger", function (evt) {
+            param = "bar"
+        });
+        var div = make('<button hx-trigger="click delay:10ms">Submit</button>');
+        div.click();
+        setTimeout(function () {
+            try {
+                should.equal(param, "bar");
+                done();
+            } finally {
+                htmx.off("htmx:trigger", handler);
+            }
+        }, 50);
+    });
+
     it('filters support "this" reference to the current element', function(){
         this.server.respondWith("GET", "/test", "Called!");
         var form = make('<form hx-get="/test" hx-trigger="click[this.classList.contains(\'bar\')]">Not Called</form>');