@cedx/base 0.36.2 → 0.37.0

package/lib/Htmx.d.ts

@@ -0,0 +1,12 @@
+import htmx, { type HtmxResponseInfo } from "htmx.org";
+export declare const Htmx: typeof htmx.default;
+/**
+ * Provides details about an `htmx` event.
+ */
+export type HtmxEventDetail = HtmxResponseInfo & {
+    /**
+     * The element involved in the operation that just occurred.
+     */
+    elt: Element;
+};
+//# sourceMappingURL=Htmx.d.ts.map

package/lib/Htmx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Htmx.d.ts","sourceRoot":"","sources":["../src/Client/Htmx.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAC,KAAK,gBAAgB,EAAC,MAAM,UAAU,CAAC;AACrD,eAAO,MAAM,IAAI,EAAsB,OAAO,IAAI,CAAC,OAAO,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAEhD;;OAEG;IACH,GAAG,EAAE,OAAO,CAAC;CACb,CAAC"}

package/lib/Htmx.js

@@ -0,0 +1,2 @@
+import htmx, {} from "htmx.org";
+export const Htmx = htmx;

package/lib/Signal.d.ts

@@ -0,0 +1,16 @@
+import { Computed, Signal as State } from "@preact/signals-core";
+export { effect, Computed, type EffectOptions, Signal as State } from "@preact/signals-core";
+/**
+ * Creates reactive primitives.
+ */
+export declare const Signal: Readonly<{
+    /**
+     * Creates a new computed signal.
+     */
+    Computed: typeof Computed;
+    /**
+     * Creates a new plain signal.
+     */
+    State: typeof State;
+}>;
+//# sourceMappingURL=Signal.d.ts.map

package/lib/Signal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Signal.d.ts","sourceRoot":"","sources":["../src/Client/Signal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,IAAI,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAE3F;;GAEG;AACH,eAAO,MAAM,MAAM;IAElB;;OAEG;;IAGH;;OAEG;;EAEF,CAAC"}

package/lib/{UI/Signal.js → Signal.js}

@@ -1,15 +1,15 @@
 import { Computed, Signal as State } from "@preact/signals-core";
-export { effect } from "@preact/signals-core";
+export { effect, Computed, Signal as State } from "@preact/signals-core";
 /**
  * Creates reactive primitives.
  */
-export class Signal {
+export const Signal = Object.freeze({
     /**
      * Creates a new computed signal.
      */
-    static Computed = Computed;
+    Computed,
     /**
      * Creates a new plain signal.
      */
-    static State = State;
-}
+    State
+});

package/lib/UI/Component.d.ts

@@ -1,4 +1,4 @@
-import { type EffectOptions } from "./Signal.js";
+import { type EffectOptions } from "../Signal.js";
 /**
  * The base class for signal-based custom elements.
  */
@@ -10,9 +10,9 @@ export declare abstract class Component extends HTMLElement {
     disconnectedCallback(): void;
     /**
      * Registers a new effect.
-     * @param callback The effect computation.
+     * @param handler The effect handler.
      * @param options The effect options.
      */
-    useEffect(callback: () => void, options?: EffectOptions): void;
+    useEffect(handler: (() => void) | (() => () => void), options?: EffectOptions): void;
 }
 //# sourceMappingURL=Component.d.ts.map

package/lib/UI/Component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../src/Client/UI/Component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,aAAa,EAAC,MAAM,aAAa,CAAC;AAEvD;;GAEG;AACH,8BAAsB,SAAU,SAAQ,WAAW;;IAOlD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;;;OAIG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI;CAG9D"}
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../src/Client/UI/Component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,aAAa,EAAC,MAAM,cAAc,CAAC;AAExD;;GAEG;AACH,8BAAsB,SAAU,SAAQ,WAAW;;IAOlD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;;;OAIG;IACH,SAAS,CAAC,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,MAAM,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI;CAGpF"}

package/lib/UI/Component.js

@@ -1,4 +1,4 @@
-import { effect } from "./Signal.js";
+import { effect } from "../Signal.js";
 /**
  * The base class for signal-based custom elements.
  */
@@ -17,10 +17,10 @@ export class Component extends HTMLElement {
     }
     /**
      * Registers a new effect.
-     * @param callback The effect computation.
+     * @param handler The effect handler.
      * @param options The effect options.
      */
-    useEffect(callback, options) {
-        this.#effects.push(effect(callback, options));
+    useEffect(handler, options) {
+        this.#effects.push(effect(handler, options));
     }
 }

package/lib/UI/Components/BackButton.d.ts

@@ -2,10 +2,6 @@
  * A component that moves back in the session history when clicked.
  */
 export declare class BackButton extends HTMLElement {
-    /**
-     * Creates a new back button.
-     */
-    constructor();
     /**
      * The number of pages to go back.
      */
@@ -15,7 +11,7 @@ export declare class BackButton extends HTMLElement {
      * Moves back in the session history.
      * @param event The dispatched event.
      */
-    readonly goBack: (event?: Event) => void;
+    goBack(event?: Event): void;
 }
 /**
  * Declaration merging.

package/lib/UI/Components/BackButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/BackButton.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,UAAW,SAAQ,WAAW;IAE1C;;OAEG;;IAaH;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;;OAGG;IACH,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAGtC;CACF;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
+{"version":3,"file":"BackButton.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/BackButton.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,UAAW,SAAQ,WAAW;IAS1C;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;;OAGG;IACH,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;CAI3B;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}

package/lib/UI/Components/BackButton.js

@@ -2,13 +2,6 @@
  * A component that moves back in the session history when clicked.
  */
 export class BackButton extends HTMLElement {
-    /**
-     * Creates a new back button.
-     */
-    constructor() {
-        super();
-        this.addEventListener("click", this.goBack, { capture: true });
-    }
     /**
      * Registers the component.
      */
@@ -29,8 +22,8 @@ export class BackButton extends HTMLElement {
      * Moves back in the session history.
      * @param event The dispatched event.
      */
-    goBack = event => {
-        event?.stopPropagation();
+    goBack(event) {
+        event?.preventDefault();
         history.go(-this.steps);
-    };
+    }
 }

package/lib/UI/Components/DialogBox.js

@@ -128,12 +128,12 @@ export class DialogBox extends HTMLElement {
                 case "centered":
                     this.#updateCentered(newValue != null);
                     break;
-                case "modal":
-                    this.#updateModal(newValue != null);
-                    break;
                 case "fade":
                     this.#updateFade(newValue != null);
                     break;
+                case "modal":
+                    this.#updateModal(newValue != null);
+                    break;
                 case "scrollable":
                     this.#updateScrollable(newValue != null);
                     break;

package/lib/UI/Components/FullScreenToggler.d.ts

@@ -3,10 +3,6 @@
  */
 export declare class FullScreenToggler extends HTMLElement {
     #private;
-    /**
-     * Creates a new full-screen toggler.
-     */
-    constructor();
     /**
      * The CSS selector specifying the target element.
      */
@@ -30,7 +26,7 @@ export declare class FullScreenToggler extends HTMLElement {
      * @param event The dispatched event.
      * @returns Completes when the full-screen mode has been toggled.
      */
-    readonly toggleFullScreen: (event?: Event) => Promise<void>;
+    toggleFullScreen(event?: Event): Promise<void>;
 }
 /**
  * Declaration merging.

package/lib/UI/Components/FullScreenToggler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenToggler.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/FullScreenToggler.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;;IAiBjD;;OAEG;;IAaH;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAGnB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAMzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;;;OAIG;IACH,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAIzD;CAoCF;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,iBAAiB,CAAC;KACxC;CACD"}
+{"version":3,"file":"FullScreenToggler.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/FullScreenToggler.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;;IAwBjD;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAGnB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAOzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;;;OAIG;IACG,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;CAsCpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,iBAAiB,CAAC;KACxC;CACD"}

package/lib/UI/Components/FullScreenToggler.js

@@ -5,7 +5,7 @@ export class FullScreenToggler extends HTMLElement {
     /**
      * The abort controller used to remove the event listeners.
      */
-    #abortController = new AbortController;
+    #abortController = null;
     /**
      * The target element.
      */
@@ -14,13 +14,6 @@ export class FullScreenToggler extends HTMLElement {
      * The handle to the underlying platform wake lock.
      */
     #sentinel = null;
-    /**
-     * Creates a new full-screen toggler.
-     */
-    constructor() {
-        super();
-        this.addEventListener("click", this.toggleFullScreen, { capture: true }); // eslint-disable-line @typescript-eslint/no-misused-promises
-    }
     /**
      * Registers the component.
      */
@@ -50,63 +43,61 @@ export class FullScreenToggler extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
-        document.addEventListener("visibilitychange", this.#onVisibilityChanged, { signal: this.#abortController.signal });
+        this.#abortController = new AbortController;
+        document.addEventListener("visibilitychange", () => this.#onVisibilityChanged(), { signal: this.#abortController.signal });
         this.#element = document.querySelector(this.target) ?? document.body;
-        this.#element.addEventListener("fullscreenchange", this.#onFullScreenChanged, { signal: this.#abortController.signal });
+        this.#element.addEventListener("fullscreenchange", () => this.#onFullScreenChanged(), { signal: this.#abortController.signal });
     }
     /**
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        this.#abortController.abort();
+        this.#abortController?.abort();
     }
     /**
      * Toggles the full-screen mode of the associated element.
      * @param event The dispatched event.
      * @returns Completes when the full-screen mode has been toggled.
      */
-    toggleFullScreen = async (event) => {
-        event?.stopPropagation();
+    async toggleFullScreen(event) {
+        event?.preventDefault();
         if (document.fullscreenElement)
             await document.exitFullscreen();
         else
             await this.#element.requestFullscreen();
-    };
+    }
     /**
      * Acquires a new wake lock.
      * @returns Completes when the wake lock has been acquired.
      */
     async #acquireWakeLock() {
-        if (this.#sentinel && !this.#sentinel.released)
-            return;
-        if (this.wakeLock)
+        if (this.wakeLock && (!this.#sentinel || this.#sentinel.released))
             this.#sentinel = await navigator.wakeLock.request();
     }
     /**
      * Acquires or releases the wake lock when the document enters or exits the full-screen mode.
      * @param event The dispatched event.
      */
-    #onFullScreenChanged = () => {
+    #onFullScreenChanged() {
         if (document.fullscreenElement)
             void this.#acquireWakeLock();
         else
             void this.#releaseWakeLock();
-    };
+    }
     /**
      * Eventually acquires a new wake lock when the document visibility has changed.
      * @param event The dispatched event.
      */
-    #onVisibilityChanged = () => {
+    #onVisibilityChanged() {
         if (document.fullscreenElement && !document.hidden)
             void this.#acquireWakeLock();
-    };
+    }
     /**
      * Releases the acquired wake lock.
      * @returns Completes when the wake lock has been released.
      */
     async #releaseWakeLock() {
-        if (!this.#sentinel || this.#sentinel.released)
-            return;
-        await this.#sentinel.release();
+        if (this.#sentinel && !this.#sentinel.released)
+            await this.#sentinel.release();
     }
 }

package/lib/UI/Components/KeyboardAccelerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardAccelerator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/KeyboardAccelerator.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;;IAmBnD;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAEpB;IAED;;OAEG;IACH,IAAI,SAAS,IAAI,MAAM,CAItB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAK1B;IAED;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;CAuB5B;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,mBAAmB,CAAC;KAC5C;CACD"}
+{"version":3,"file":"KeyboardAccelerator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/KeyboardAccelerator.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;;IAmBnD;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAEpB;IAED;;OAEG;IACH,IAAI,SAAS,IAAI,MAAM,CAItB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAK1B;IAED;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;CAuB5B;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,mBAAmB,CAAC;KAC5C;CACD"}

package/lib/UI/Components/KeyboardAccelerator.js

@@ -3,14 +3,14 @@ import { KeyboardModifiers } from "../KeyboardModifiers.js";
  * Represents a shortcut key associated with an element.
  */
 export class KeyboardAccelerator extends HTMLElement {
-    /**
-     * The abort controller used to remove the event listeners.
-     */
-    #abortController = new AbortController;
     /**
      * The mapping between the modifier names and their values.
      */
     static #modifiers = new Map(Object.entries(KeyboardModifiers).filter(([key]) => key != "None"));
+    /**
+     * The abort controller used to remove the event listeners.
+     */
+    #abortController = null;
     /**
      * Registers the component.
      */
@@ -44,19 +44,20 @@ export class KeyboardAccelerator extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
-        addEventListener("keyup", this.#activateChildContent, { capture: true, signal: this.#abortController.signal });
+        this.#abortController = new AbortController;
+        addEventListener("keyup", event => this.#activateChildContent(event), { signal: this.#abortController.signal });
     }
     /**
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        this.#abortController.abort();
+        this.#abortController?.abort();
     }
     /**
      * Activates the child content when the specified keyboard event designates the same key and modifiers as this keyboard accelerator.
      * @param event The dispatched event.
      */
-    #activateChildContent = event => {
+    #activateChildContent(event) {
         if (event.key != this.key)
             return;
         const { activeElement } = document;
@@ -71,7 +72,7 @@ export class KeyboardAccelerator extends HTMLElement {
             return;
         if (!(modifiers & KeyboardModifiers.Meta) && event.metaKey)
             return;
-        event.stopPropagation();
+        event.preventDefault();
         this.firstElementChild?.click();
-    };
+    }
 }

package/lib/UI/Components/LoadingIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/LoadingIndicator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;;IAEhD;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAY;IAc9C;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAO/F;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;;OAGG;IACH,IAAI,CAAC,OAAO,GAAE;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAM,GAAG,IAAI;IAS3C;;OAEG;IACH,IAAI,IAAI,IAAI;CAaZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/LoadingIndicator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;;IAEhD;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAY;IAc9C;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAO/F;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;;OAGG;IACH,IAAI,CAAC,OAAO,GAAE;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAM,GAAG,IAAI;IAS3C;;OAEG;IACH,IAAI,IAAI,IAAI;CAaZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}

package/lib/UI/Components/LoadingIndicator.js

@@ -59,6 +59,7 @@ export class LoadingIndicator extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
+        this.#requestCount = 0;
         if (this.open)
             this.show();
     }

package/lib/UI/Components/MenuActivator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuActivator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/MenuActivator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAc7C;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAMzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;CAe5B;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}
+{"version":3,"file":"MenuActivator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/MenuActivator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAc7C;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAOzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;CAc5B;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}

package/lib/UI/Components/MenuActivator.js

@@ -5,7 +5,7 @@ export class MenuActivator extends HTMLElement {
     /**
      * The abort controller used to remove the event listeners.
      */
-    #abortController = new AbortController;
+    #abortController = null;
     /**
      * Registers the component.
      */
@@ -16,21 +16,21 @@ export class MenuActivator extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
+        this.#abortController = new AbortController;
         this.#update();
-        addEventListener("popstate", this.#update, { signal: this.#abortController.signal });
-        document.body.addEventListener("htmx:afterRequest", this.#update, { signal: this.#abortController.signal });
+        addEventListener("popstate", () => this.#update(), { signal: this.#abortController.signal });
+        document.body.addEventListener("htmx:pushedIntoHistory", () => this.#update(), { signal: this.#abortController.signal });
     }
     /**
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        this.#abortController.abort();
+        this.#abortController?.abort();
     }
     /**
      * Updates this component.
-     * @param event The dispatched event.
      */
-    #update = () => {
+    #update() {
         for (const element of this.querySelectorAll(".active"))
             element.classList.remove("active");
         for (const element of this.querySelectorAll("a"))
@@ -38,5 +38,5 @@ export class MenuActivator extends HTMLElement {
                 element.classList.add("active");
                 element.closest(".dropdown")?.querySelector(".dropdown-toggle")?.classList.add("active");
             }
-    };
+    }
 }

package/lib/UI/Components/OfflineIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OfflineIndicator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/OfflineIndicator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;;IAEhD;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAY;IAc9C;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAO/F;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAMzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;IACH,IAAI,IAAI,IAAI;CAoBZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}
+{"version":3,"file":"OfflineIndicator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/OfflineIndicator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;;IAEhD;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAY;IAc9C;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAO/F;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAQzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;IACH,IAAI,IAAI,IAAI;CAoBZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}

package/lib/UI/Components/OfflineIndicator.js

@@ -9,7 +9,7 @@ export class OfflineIndicator extends HTMLElement {
     /**
      * The abort controller used to remove the event listeners.
      */
-    #abortController = new AbortController;
+    #abortController = null;
     /**
      * Registers the component.
      */
@@ -59,8 +59,9 @@ export class OfflineIndicator extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
+        this.#abortController = new AbortController;
         for (const event of ["online", "offline"])
-            addEventListener(event, this.#updateVisibility, { signal: this.#abortController.signal });
+            addEventListener(event, () => this.#updateVisibility(), { signal: this.#abortController.signal });
         if (this.open)
             this.show();
         else
@@ -70,7 +71,7 @@ export class OfflineIndicator extends HTMLElement {
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        this.#abortController.abort();
+        this.#abortController?.abort();
     }
     /**
      * Hides this offline indicator.
@@ -96,10 +97,10 @@ export class OfflineIndicator extends HTMLElement {
     /**
      * Updates the visibility of this component.
      */
-    #updateVisibility = () => {
+    #updateVisibility() {
         if (navigator.onLine)
             this.hide();
         else
             this.show();
-    };
+    }
 }

package/lib/UI/Components/ThemeDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeDropdown.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/ThemeDropdown.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAO,MAAM,gBAAgB,CAAC;AAE9C;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAE7C;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAsC;IAiBxE;;OAEG;;IAaH;;OAEG;IACH,IAAI,SAAS,IAAI,SAAS,CAGzB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,SAAS,EAE7B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,QAAQ,CAGvB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAE3B;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,OAAO,CAEpB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IACD,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,EAE7B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAGvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAS/F;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;;OAGG;IACG,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAYxC;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,IAAI,IAAI,IAAI;CAwDZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}
+{"version":3,"file":"ThemeDropdown.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/ThemeDropdown.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAO,MAAM,gBAAgB,CAAC;AAE9C;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAE7C;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAsC;IAiBxE;;OAEG;;IAaH;;OAEG;IACH,IAAI,SAAS,IAAI,SAAS,CAGzB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,SAAS,EAE7B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,QAAQ,CAGvB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAE3B;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,OAAO,CAEpB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IACD,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,EAE7B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAGvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAS/F;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;;OAGG;IACG,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAaxC;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,IAAI,IAAI,IAAI;CAwDZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}

package/lib/UI/Components/ThemeDropdown.js

@@ -12,7 +12,7 @@ export class ThemeDropdown extends HTMLElement {
     /**
      * The abort controller used to remove the event listeners.
      */
-    #abortController = new AbortController;
+    #abortController = null;
     /**
      * The dropdown menu.
      */
@@ -125,8 +125,9 @@ export class ThemeDropdown extends HTMLElement {
      * @returns Completes when this component has been connected.
      */
     async connectedCallback() {
+        this.#abortController = new AbortController;
         this.#dropdown = new Dropdown(this.querySelector(".dropdown-toggle"));
-        this.#mediaQuery.addEventListener("change", this.#applyToDocument, { signal: this.#abortController.signal });
+        this.#mediaQuery.addEventListener("change", () => this.#applyToDocument(), { signal: this.#abortController.signal });
         const cookie = this.cookie ? await cookieStore.get(this.storageKey) : null;
         if (cookie)
             this.appTheme = cookie.value;
@@ -140,7 +141,7 @@ export class ThemeDropdown extends HTMLElement {
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        this.#abortController.abort();
+        this.#abortController?.abort();
         this.#dropdown.dispose();
     }
     /**
@@ -166,11 +167,11 @@ export class ThemeDropdown extends HTMLElement {
     /**
      * Applies the application theme to the document.
      */
-    #applyToDocument = () => {
+    #applyToDocument() {
         const { appTheme } = this;
         const bsTheme = appTheme == AppTheme.System ? (this.#mediaQuery.matches ? AppTheme.Dark : AppTheme.Light) : appTheme;
         document.documentElement.dataset.bsTheme = bsTheme.toLowerCase();
-    };
+    }
     /**
      * Changes the current application theme.
      * @param event The dispatched event.

package/lib/UI/Components/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/Toast.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAiB,MAAM,eAAe,CAAC;AAEtD;;GAEG;AACH,qBAAa,KAAM,SAAQ,WAAW;;IAErC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAA0E;IAuC5G;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED;;OAEG;IACH,IAAI,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAGrB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,IAAI,CAAC,MAAM,CAGzB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAE7B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,GAAC,IAAI,CAGtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAC,IAAI,EAG1B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAa/F;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,iBAAiB,IAAI,IAAI;IASzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAM5B;;OAEG;IACH,IAAI,IAAI,IAAI;CAsGZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,cAAc,EAAE,KAAK,CAAC;KACtB;CACD"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/Toast.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAiB,MAAM,eAAe,CAAC;AAEtD;;GAEG;AACH,qBAAa,KAAM,SAAQ,WAAW;;IAErC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAA0E;IAuC5G;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED;;OAEG;IACH,IAAI,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAGrB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,IAAI,CAAC,MAAM,CAGzB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAE7B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,GAAC,IAAI,CAGtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAC,IAAI,EAG1B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAa/F;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAWzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAM5B;;OAEG;IACH,IAAI,IAAI,IAAI;CAwGZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,cAAc,EAAE,KAAK,CAAC;KACtB;CACD"}

package/lib/UI/Components/Toast.js

@@ -15,7 +15,7 @@ export class Toast extends HTMLElement {
     /**
      * The abort controller used to remove the event listeners.
      */
-    #abortController = new AbortController;
+    #abortController = null;
     /**
      * The formatter used to format the relative time.
      */
@@ -172,9 +172,10 @@ export class Toast extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
+        this.#abortController = new AbortController;
         const root = this.firstElementChild;
-        root.addEventListener("hide.bs.toast", this.#stopTimer, { signal: this.#abortController.signal });
-        root.addEventListener("show.bs.toast", this.#startTimer, { signal: this.#abortController.signal });
+        root.addEventListener("hide.bs.toast", () => this.#stopTimer(), { signal: this.#abortController.signal });
+        root.addEventListener("show.bs.toast", () => this.#startTimer(), { signal: this.#abortController.signal });
         this.#toast = new BootstrapToast(root);
         if (this.open)
             this.show();
@@ -184,7 +185,7 @@ export class Toast extends HTMLElement {
      */
     disconnectedCallback() {
         this.#stopTimer();
-        this.#abortController.abort();
+        this.#abortController?.abort();
         this.#toast.dispose();
     }
     /**
@@ -213,11 +214,15 @@ export class Toast extends HTMLElement {
     /**
      * Starts the timer.
      */
-    #startTimer = () => this.#timer = window.setInterval(() => this.#updateElapsedTime(), 1_000);
+    #startTimer() {
+        this.#timer = window.setInterval(() => this.#updateElapsedTime(), 1_000);
+    }
     /**
      * Stops the timer.
      */
-    #stopTimer = () => clearInterval(this.#timer);
+    #stopTimer() {
+        clearInterval(this.#timer);
+    }
     /**
      * Updates the value indicating whether to automatically hide this toast.
      * @param value The new value.

package/package.json

@@ -7,7 +7,7 @@
 	"name": "@cedx/base",
 	"repository": "cedx/base",
 	"type": "module",
-	"version": "0.36.2",
+	"version": "0.37.0",
 	"dependencies": {
 		"@preact/signals-core": "^1.13.0"
 	},
@@ -16,12 +16,13 @@
 		"@types/bootstrap": "^5.2.10",
 		"@types/chai": "^5.2.3",
 		"@types/mocha": "^10.0.10",
-		"@types/node": "^25.2.3",
+		"@types/node": "^25.3.0",
 		"@types/serve-handler": "^6.1.4",
 		"bootstrap": "^5.3.8",
 		"chai": "^6.2.2",
 		"esbuild": "^0.27.3",
 		"globals": "^17.3.0",
+		"htmx.org": "^2.0.8",
 		"mocha": "^11.7.5",
 		"playwright": "^1.58.2",
 		"playwright-chromium": "^1.58.2",
@@ -50,7 +51,8 @@
 		"library"
 	],
 	"peerDependencies": {
-		"bootstrap": ">=5.3.0"
+		"bootstrap": ">=5.3.0",
+		"htmx.org": ">=2.0.0"
 	},
 	"publishConfig": {
 		"access": "public"

package/src/Client/Htmx.ts

@@ -0,0 +1,13 @@
+import htmx, {type HtmxResponseInfo} from "htmx.org";
+export const Htmx = htmx as unknown as typeof htmx.default;
+
+/**
+ * Provides details about an `htmx` event.
+ */
+export type HtmxEventDetail = HtmxResponseInfo & {
+
+	/**
+	 * The element involved in the operation that just occurred.
+	 */
+	elt: Element;
+};

package/src/Client/Signal.ts

@@ -0,0 +1,18 @@
+import {Computed, Signal as State} from "@preact/signals-core";
+export {effect, Computed, type EffectOptions, Signal as State} from "@preact/signals-core";
+
+/**
+ * Creates reactive primitives.
+ */
+export const Signal = Object.freeze({
+
+	/**
+	 * Creates a new computed signal.
+	 */
+	Computed,
+
+	/**
+	 * Creates a new plain signal.
+	 */
+	State
+});

package/src/Client/UI/Component.ts

@@ -1,4 +1,4 @@
-import {effect, type EffectOptions} from "./Signal.js";
+import {effect, type EffectOptions} from "../Signal.js";
 
 /**
  * The base class for signal-based custom elements.
@@ -20,10 +20,10 @@ export abstract class Component extends HTMLElement {
 
 	/**
 	 * Registers a new effect.
-	 * @param callback The effect computation.
+	 * @param handler The effect handler.
 	 * @param options The effect options.
 	 */
-	useEffect(callback: () => void, options?: EffectOptions): void {
-		this.#effects.push(effect(callback, options));
+	useEffect(handler: (() => void) | (() => () => void), options?: EffectOptions): void {
+		this.#effects.push(effect(handler, options));
 	}
 }

package/src/Client/UI/Components/BackButton.ts

@@ -3,14 +3,6 @@
  */
 export class BackButton extends HTMLElement {
 
-	/**
-	 * Creates a new back button.
-	 */
-	constructor() {
-		super();
-		this.addEventListener("click", this.goBack, {capture: true});
-	}
-
 	/**
 	 * Registers the component.
 	 */
@@ -33,10 +25,10 @@ export class BackButton extends HTMLElement {
 	 * Moves back in the session history.
 	 * @param event The dispatched event.
 	 */
-	readonly goBack: (event?: Event) => void = event => {
-		event?.stopPropagation();
+	goBack(event?: Event): void {
+		event?.preventDefault();
 		history.go(-this.steps);
-	};
+	}
 }
 
 /**

package/src/Client/UI/Components/DialogBox.ts

@@ -186,8 +186,8 @@ export class DialogBox extends HTMLElement {
 		if (newValue != oldValue) switch (attribute) {
 			case "caption": this.#updateCaption(newValue ?? ""); break;
 			case "centered": this.#updateCentered(newValue != null); break;
-			case "modal": this.#updateModal(newValue != null); break;
 			case "fade": this.#updateFade(newValue != null); break;
+			case "modal": this.#updateModal(newValue != null); break;
 			case "scrollable": this.#updateScrollable(newValue != null); break;
 			// No default
 		}

package/src/Client/UI/Components/FullScreenToggler.ts

@@ -6,7 +6,7 @@ export class FullScreenToggler extends HTMLElement {
 	/**
 	 * The abort controller used to remove the event listeners.
 	 */
-	readonly #abortController = new AbortController;
+	#abortController: AbortController|null = null;
 
 	/**
 	 * The target element.
@@ -18,14 +18,6 @@ export class FullScreenToggler extends HTMLElement {
 	 */
 	#sentinel: WakeLockSentinel|null = null;
 
-	/**
-	 * Creates a new full-screen toggler.
-	 */
-	constructor() {
-		super();
-		this.addEventListener("click", this.toggleFullScreen, {capture: true}); // eslint-disable-line @typescript-eslint/no-misused-promises
-	}
-
 	/**
 	 * Registers the component.
 	 */
@@ -58,16 +50,17 @@ export class FullScreenToggler extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
-		document.addEventListener("visibilitychange", this.#onVisibilityChanged, {signal: this.#abortController.signal});
+		this.#abortController = new AbortController;
+		document.addEventListener("visibilitychange", () => this.#onVisibilityChanged(), {signal: this.#abortController.signal});
 		this.#element = document.querySelector(this.target) ?? document.body;
-		this.#element.addEventListener("fullscreenchange", this.#onFullScreenChanged, {signal: this.#abortController.signal});
+		this.#element.addEventListener("fullscreenchange", () => this.#onFullScreenChanged(), {signal: this.#abortController.signal});
 	}
 
 	/**
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		this.#abortController.abort();
+		this.#abortController?.abort();
 	}
 
 	/**
@@ -75,45 +68,43 @@ export class FullScreenToggler extends HTMLElement {
 	 * @param event The dispatched event.
 	 * @returns Completes when the full-screen mode has been toggled.
 	 */
-	readonly toggleFullScreen: (event?: Event) => Promise<void> = async event => {
-		event?.stopPropagation();
+	async toggleFullScreen(event?: Event): Promise<void> {
+		event?.preventDefault();
 		if (document.fullscreenElement) await document.exitFullscreen();
 		else await this.#element.requestFullscreen();
-	};
+	}
 
 	/**
 	 * Acquires a new wake lock.
 	 * @returns Completes when the wake lock has been acquired.
 	 */
 	async #acquireWakeLock(): Promise<void> {
-		if (this.#sentinel && !this.#sentinel.released) return;
-		if (this.wakeLock) this.#sentinel = await navigator.wakeLock.request();
+		if (this.wakeLock && (!this.#sentinel || this.#sentinel.released)) this.#sentinel = await navigator.wakeLock.request();
 	}
 
 	/**
 	 * Acquires or releases the wake lock when the document enters or exits the full-screen mode.
 	 * @param event The dispatched event.
 	 */
-	readonly #onFullScreenChanged: (event: Event) => void = () => {
+	#onFullScreenChanged(): void {
 		if (document.fullscreenElement) void this.#acquireWakeLock();
 		else void this.#releaseWakeLock();
-	};
+	}
 
 	/**
 	 * Eventually acquires a new wake lock when the document visibility has changed.
 	 * @param event The dispatched event.
 	 */
-	readonly #onVisibilityChanged: (event: Event) => void = () => {
+	#onVisibilityChanged(): void {
 		if (document.fullscreenElement && !document.hidden) void this.#acquireWakeLock();
-	};
+	}
 
 	/**
 	 * Releases the acquired wake lock.
 	 * @returns Completes when the wake lock has been released.
 	 */
 	async #releaseWakeLock(): Promise<void> {
-		if (!this.#sentinel || this.#sentinel.released) return;
-		await this.#sentinel.release();
+		if (this.#sentinel && !this.#sentinel.released) await this.#sentinel.release();
 	}
 }
 

package/src/Client/UI/Components/KeyboardAccelerator.ts

@@ -6,14 +6,14 @@ import {KeyboardModifiers} from "../KeyboardModifiers.js";
 export class KeyboardAccelerator extends HTMLElement {
 
 	/**
-	 * The abort controller used to remove the event listeners.
+	 * The mapping between the modifier names and their values.
 	 */
-	readonly #abortController = new AbortController;
+	static readonly #modifiers = new Map(Object.entries(KeyboardModifiers).filter(([key]) => key != "None"));
 
 	/**
-	 * The mapping between the modifier names and their values.
+	 * The abort controller used to remove the event listeners.
 	 */
-	static readonly #modifiers = new Map(Object.entries(KeyboardModifiers).filter(([key]) => key != "None"));
+	#abortController: AbortController|null = null;
 
 	/**
 	 * Registers the component.
@@ -51,21 +51,22 @@ export class KeyboardAccelerator extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
-		addEventListener("keyup", this.#activateChildContent, {capture: true, signal: this.#abortController.signal});
+		this.#abortController = new AbortController;
+		addEventListener("keyup", event => this.#activateChildContent(event), {signal: this.#abortController.signal});
 	}
 
 	/**
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		this.#abortController.abort();
+		this.#abortController?.abort();
 	}
 
 	/**
 	 * Activates the child content when the specified keyboard event designates the same key and modifiers as this keyboard accelerator.
 	 * @param event The dispatched event.
 	 */
-	readonly #activateChildContent: (event: KeyboardEvent) => void = event => {
+	#activateChildContent(event: KeyboardEvent): void {
 		if (event.key != this.key) return;
 
 		const {activeElement} = document;
@@ -77,7 +78,7 @@ export class KeyboardAccelerator extends HTMLElement {
 		if (!(modifiers & KeyboardModifiers.Alt) && event.altKey) return;
 		if (!(modifiers & KeyboardModifiers.Meta) && event.metaKey) return;
 
-		event.stopPropagation();
+		event.preventDefault();
 		(this.firstElementChild as HTMLElement|null)?.click();
 	}
 }

package/src/Client/UI/Components/LoadingIndicator.ts

@@ -64,6 +64,7 @@ export class LoadingIndicator extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
+		this.#requestCount = 0;
 		if (this.open) this.show();
 	}
 

package/src/Client/UI/Components/MenuActivator.ts

@@ -6,7 +6,7 @@ export class MenuActivator extends HTMLElement {
 	/**
 	 * The abort controller used to remove the event listeners.
 	 */
-	readonly #abortController = new AbortController;
+	#abortController: AbortController|null = null;
 
 	/**
 	 * Registers the component.
@@ -19,29 +19,29 @@ export class MenuActivator extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
+		this.#abortController = new AbortController;
 		this.#update();
-		addEventListener("popstate", this.#update, {signal: this.#abortController.signal});
-		document.body.addEventListener("htmx:afterRequest", this.#update, {signal: this.#abortController.signal});
+		addEventListener("popstate", () => this.#update(), {signal: this.#abortController.signal});
+		document.body.addEventListener("htmx:pushedIntoHistory", () => this.#update(), {signal: this.#abortController.signal});
 	}
 
 	/**
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		this.#abortController.abort();
+		this.#abortController?.abort();
 	}
 
 	/**
 	 * Updates this component.
-	 * @param event The dispatched event.
 	 */
-	readonly #update: (event?: Event) => void = () => {
+	#update(): void {
 		for (const element of this.querySelectorAll(".active")) element.classList.remove("active");
 		for (const element of this.querySelectorAll("a")) if (element.href == location.href) {
 			element.classList.add("active");
 			element.closest(".dropdown")?.querySelector(".dropdown-toggle")?.classList.add("active");
 		}
-	};
+	}
 }
 
 /**

package/src/Client/UI/Components/OfflineIndicator.ts

@@ -11,7 +11,7 @@ export class OfflineIndicator extends HTMLElement {
 	/**
 	 * The abort controller used to remove the event listeners.
 	 */
-	readonly #abortController = new AbortController;
+	#abortController: AbortController|null = null;
 
 	/**
 	 * Registers the component.
@@ -64,7 +64,9 @@ export class OfflineIndicator extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
-		for (const event of ["online", "offline"]) addEventListener(event, this.#updateVisibility, {signal: this.#abortController.signal});
+		this.#abortController = new AbortController;
+		for (const event of ["online", "offline"]) addEventListener(event, () => this.#updateVisibility(), {signal: this.#abortController.signal});
+
 		if (this.open) this.show();
 		else this.#updateVisibility();
 	}
@@ -73,7 +75,7 @@ export class OfflineIndicator extends HTMLElement {
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		this.#abortController.abort();
+		this.#abortController?.abort();
 	}
 
 	/**
@@ -103,7 +105,7 @@ export class OfflineIndicator extends HTMLElement {
 	/**
 	 * Updates the visibility of this component.
 	 */
-	readonly #updateVisibility: () => void = () => {
+	#updateVisibility(): void {
 		if (navigator.onLine) this.hide();
 		else this.show();
 	}

package/src/Client/UI/Components/ThemeDropdown.ts

@@ -15,7 +15,7 @@ export class ThemeDropdown extends HTMLElement {
 	/**
 	 * The abort controller used to remove the event listeners.
 	 */
-	readonly #abortController = new AbortController;
+	#abortController: AbortController|null = null;
 
 	/**
 	 * The dropdown menu.
@@ -133,8 +133,9 @@ export class ThemeDropdown extends HTMLElement {
 	 * @returns Completes when this component has been connected.
 	 */
 	async connectedCallback(): Promise<void> {
+		this.#abortController = new AbortController;
 		this.#dropdown = new Dropdown(this.querySelector(".dropdown-toggle")!);
-		this.#mediaQuery.addEventListener("change", this.#applyToDocument, {signal: this.#abortController.signal});
+		this.#mediaQuery.addEventListener("change", () => this.#applyToDocument(), {signal: this.#abortController.signal});
 
 		const cookie = this.cookie ? await cookieStore.get(this.storageKey) : null;
 		if (cookie) this.appTheme = cookie.value as AppTheme;
@@ -148,7 +149,7 @@ export class ThemeDropdown extends HTMLElement {
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		this.#abortController.abort();
+		this.#abortController?.abort();
 		this.#dropdown.dispose();
 	}
 
@@ -177,11 +178,11 @@ export class ThemeDropdown extends HTMLElement {
 	/**
 	 * Applies the application theme to the document.
 	 */
- 	readonly #applyToDocument: () => void = () => {
+ 	#applyToDocument(): void {
 		const {appTheme} = this;
 		const bsTheme = appTheme == AppTheme.System ? (this.#mediaQuery.matches ? AppTheme.Dark : AppTheme.Light) : appTheme;
 		document.documentElement.dataset.bsTheme = bsTheme.toLowerCase();
-	};
+	}
 
 	/**
 	 * Changes the current application theme.

package/src/Client/UI/Components/Toast.ts

@@ -19,7 +19,7 @@ export class Toast extends HTMLElement {
 	/**
 	 * The abort controller used to remove the event listeners.
 	 */
-	readonly #abortController = new AbortController;
+	#abortController: AbortController|null = null;
 
 	/**
 	 * The formatter used to format the relative time.
@@ -177,9 +177,11 @@ export class Toast extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
+		this.#abortController = new AbortController;
+
 		const root = this.firstElementChild!;
-		root.addEventListener("hide.bs.toast", this.#stopTimer, {signal: this.#abortController.signal});
-		root.addEventListener("show.bs.toast", this.#startTimer, {signal: this.#abortController.signal});
+		root.addEventListener("hide.bs.toast", () => this.#stopTimer(), {signal: this.#abortController.signal});
+		root.addEventListener("show.bs.toast", () => this.#startTimer(), {signal: this.#abortController.signal});
 
 		this.#toast = new BootstrapToast(root);
 		if (this.open) this.show();
@@ -190,7 +192,7 @@ export class Toast extends HTMLElement {
 	 */
 	disconnectedCallback(): void {
 		this.#stopTimer();
-		this.#abortController.abort();
+		this.#abortController?.abort();
 		this.#toast.dispose();
 	}
 
@@ -224,14 +226,16 @@ export class Toast extends HTMLElement {
 	/**
 	 * Starts the timer.
 	 */
-	readonly #startTimer: () => void = () =>
+	#startTimer(): void {
 		this.#timer = window.setInterval(() => this.#updateElapsedTime(), 1_000);
+	}
 
 	/**
 	 * Stops the timer.
 	 */
-	readonly #stopTimer: () => void = () =>
+	#stopTimer(): void {
 		clearInterval(this.#timer);
+	}
 
 	/**
 	 * Updates the value indicating whether to automatically hide this toast.

package/lib/UI/Signal.d.ts

@@ -1,16 +0,0 @@
-import { Computed, Signal as State } from "@preact/signals-core";
-export { effect, type EffectOptions } from "@preact/signals-core";
-/**
- * Creates reactive primitives.
- */
-export declare class Signal {
-    /**
-     * Creates a new computed signal.
-     */
-    static readonly Computed: typeof Computed;
-    /**
-     * Creates a new plain signal.
-     */
-    static readonly State: typeof State;
-}
-//# sourceMappingURL=Signal.d.ts.map

package/lib/UI/Signal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Signal.d.ts","sourceRoot":"","sources":["../../src/Client/UI/Signal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAEhE;;GAEG;AACH,qBAAa,MAAM;IAElB;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,QAAQ,kBAAY;IAEpC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,KAAK,eAAS;CAC9B"}

package/src/Client/UI/Signal.ts

@@ -1,18 +0,0 @@
-import {Computed, Signal as State} from "@preact/signals-core";
-export {effect, type EffectOptions} from "@preact/signals-core";
-
-/**
- * Creates reactive primitives.
- */
-export class Signal { // eslint-disable-line @typescript-eslint/no-extraneous-class
-
-	/**
-	 * Creates a new computed signal.
-	 */
-	static readonly Computed = Computed;
-
-	/**
-	 * Creates a new plain signal.
-	 */
-	static readonly State = State;
-}