fhtmx 0.29.0

Create html with rust with support for htmx.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

document.addEventListener("alpine:init", () => {
  Alpine.data("toast", (millis = 3000, afterPointerMillis = 1000) => ({
    show: true,
    fadeTimeout: null,
    timeout: null,

    init() {
      this.fadeTimeout = setTimeout(() => {
        this.show = false;
      }, millis);
      this.timeout = setTimeout(() => {
        this.$el.remove();
      }, millis + 1000);
      this.$el.addEventListener("pointerenter", () => {
        clearTimeout(this.fadeTimeout);
        clearTimeout(this.timeout);
        this.fadeTimeout = null;
        this.timeout = null;
        this.show = true;
      });
      this.$el.addEventListener("pointerleave", () => {
        if (this.fadeTimeout === null) {
          this.fadeTimeout = setTimeout(() => {
            this.show = false;
          }, afterPointerMillis);
        }
        if (this.timeout === null) {
          this.timeout = setTimeout(() => {
            this.$el.remove();
          }, afterPointerMillis + 1000);
        }
      });
    },

    destroy() {
      clearTimeout(this.fadeTimeout);
      clearTimeout(this.timeout);
    },
  }));
});