@cedx/base 0.30.0 → 0.32.0

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

@@ -1 +1 @@
-{"version":3,"file":"TabActivator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/TabActivator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,qBAAa,YAAa,SAAQ,WAAW;IAE5C;;OAEG;;IAeH;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAG3B;IACD,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,CAEhC;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,WAAW,CAG7B;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,WAAW,EAEjC;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAGvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC,CAElC;IAED;;OAEG;IACH,iBAAiB,IAAI,IAAI;CAGzB;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
+{"version":3,"file":"TabActivator.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/TabActivator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,qBAAa,YAAa,SAAQ,WAAW;IAE5C;;OAEG;;IAgBH;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAG3B;IACD,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,CAEhC;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,WAAW,CAG7B;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,WAAW,EAEjC;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAGvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC,CAElC;IAED;;OAEG;IACH,iBAAiB,IAAI,IAAI;CAGzB;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}

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,EAAU,MAAM,gBAAgB,CAAC;AAEjD;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAE7C;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAsC;IAYxE;;OAEG;;IAcH;;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,EAAU,MAAM,gBAAgB,CAAC;AAEjD;;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"}

package/lib/UI/Components/ThemeDropdown.js

@@ -9,6 +9,10 @@ export class ThemeDropdown extends HTMLElement {
      * The list of observed attributes.
      */
     static observedAttributes = ["alignment", "apptheme", "label"];
+    /**
+     * The abort controller used to remove the event listeners.
+     */
+    #abortController = new AbortController;
     /**
      * The dropdown menu.
      */
@@ -23,7 +27,7 @@ export class ThemeDropdown extends HTMLElement {
     constructor() {
         super();
         for (const button of this.querySelectorAll(".dropdown-menu button"))
-            button.addEventListener("click", this.#setAppTheme.bind(this));
+            button.addEventListener("click", this.#setAppTheme);
     }
     /**
      * Registers the component.
@@ -122,7 +126,7 @@ export class ThemeDropdown extends HTMLElement {
      */
     async connectedCallback() {
         this.#dropdown = new Dropdown(this.querySelector(".dropdown-toggle"));
-        this.#mediaQuery.addEventListener("change", this.#applyToDocument);
+        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;
@@ -136,8 +140,8 @@ export class ThemeDropdown extends HTMLElement {
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
+        this.#abortController.abort();
         this.#dropdown.dispose();
-        this.#mediaQuery.removeEventListener("change", this.#applyToDocument);
     }
     /**
      * Opens the dropdown menu.
@@ -171,11 +175,11 @@ export class ThemeDropdown extends HTMLElement {
      * Changes the current application theme.
      * @param event The dispatched event.
      */
-    #setAppTheme(event) {
+    #setAppTheme = event => {
         event.preventDefault();
         this.appTheme = event.currentTarget.value;
         this.save();
-    }
+    };
     /**
      * Updates the alignment of the dropdown menu.
      * @param value The new value.

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;IAkC5G;;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;IAS5B;;OAEG;IACH,IAAI,IAAI,IAAI;CAoGZ;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;IASzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAM5B;;OAEG;IACH,IAAI,IAAI,IAAI;CAoGZ;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

@@ -12,6 +12,10 @@ export class Toast extends HTMLElement {
      * The time units.
      */
     static #timeUnits = ["second", "minute", "hour"];
+    /**
+     * The abort controller used to remove the event listeners.
+     */
+    #abortController = new AbortController;
     /**
      * The formatter used to format the relative time.
      */
@@ -169,8 +173,8 @@ export class Toast extends HTMLElement {
      */
     connectedCallback() {
         const root = this.firstElementChild;
-        root.addEventListener("hide.bs.toast", this.#stopTimer);
-        root.addEventListener("show.bs.toast", this.#startTimer);
+        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();
@@ -179,10 +183,8 @@ export class Toast extends HTMLElement {
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        const root = this.firstElementChild;
-        root.removeEventListener("hide.bs.toast", () => this.#stopTimer);
-        root.removeEventListener("show.bs.toast", () => this.#startTimer);
         this.#stopTimer();
+        this.#abortController.abort();
         this.#toast.dispose();
     }
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/Toaster.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAQ,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,MAAM;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,OAAQ,SAAQ,WAAW;;IAEvC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAgB;IAOlD;;OAEG;;IAcH;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;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,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,QAAQ,IAAI,QAAQ,CAGvB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAE3B;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAO/F;;;;;OAKG;IACH,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAI1E;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CA4BzB;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,OAAO,CAAC;KAC7B;CACD"}
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/Toaster.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAQ,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,MAAM;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,OAAQ,SAAQ,WAAW;;IAEvC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAgB;IAOlD;;OAEG;;IAaH;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;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,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,QAAQ,IAAI,QAAQ,CAGvB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAE3B;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAO/F;;;;;OAKG;IACH,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAI1E;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CA4BzB;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,OAAO,CAAC;KAC7B;CACD"}

package/package.json

@@ -7,23 +7,23 @@
 	"name": "@cedx/base",
 	"repository": "cedx/base",
 	"type": "module",
-	"version": "0.30.0",
+	"version": "0.32.0",
 	"devDependencies": {
 		"@playwright/browser-chromium": "^1.55.0",
 		"@types/bootstrap": "^5.2.10",
 		"@types/chai": "^5.2.2",
 		"@types/mocha": "^10.0.10",
-		"@types/node": "^24.3.1",
+		"@types/node": "^24.5.2",
 		"@types/serve-handler": "^6.1.4",
 		"chai": "^6.0.1",
-		"esbuild": "^0.25.9",
-		"globals": "^16.3.0",
+		"esbuild": "^0.25.10",
+		"globals": "^16.4.0",
 		"mocha": "^11.7.2",
 		"playwright": "^1.55.0",
 		"serve-handler": "^6.1.6",
-		"typedoc": "^0.28.12",
+		"typedoc": "^0.28.13",
 		"typescript": "^5.9.2",
-		"typescript-eslint": "^8.42.0"
+		"typescript-eslint": "^8.44.0"
 	},
 	"engines": {
 		"node": ">=24.0.0"

package/src/Client/Base/DateRange.ts

@@ -0,0 +1,173 @@
+import {atMidnight, daysInMonth, getQuarter, getWeekOfYear} from "./Date.js";
+import {TimeSpan} from "./TimeSpan.js";
+
+/**
+ * Defines the type of a date range.
+ */
+export const DateRangeType = Object.freeze({
+
+	/**
+	 * A custom date range.
+	 */
+	Custom: "Custom",
+
+	/**
+	 * A whole day.
+	 */
+	Day: "Day",
+
+	/**
+	 * A whole week.
+	 */
+	Week: "Week",
+
+	/**
+	 * A whole month.
+	 */
+	Month: "Month",
+
+	/**
+	 * A whole quarter.
+	 */
+	Quarter: "Quarter",
+
+	/**
+	 * A whole year.
+	 */
+	Year: "Year"
+});
+
+/**
+ * Defines the type of a date range.
+ */
+export type DateRangeType = typeof DateRangeType[keyof typeof DateRangeType];
+
+/**
+ * Defines a date range.
+ */
+export class DateRange {
+
+	/**
+	 * The end date.
+	 */
+	readonly end: Date;
+
+	/**
+	 * The start date.
+	 */
+	readonly start: Date;
+
+	/**
+	 * The range type.
+	 */
+	readonly type: DateRangeType;
+
+	/**
+	 * Creates a new date range.
+	 * @param start The start date.
+	 * @param end The end date.
+	 * @param type The range type.
+	 */
+	constructor(start: Date, end: Date, type: DateRangeType = DateRangeType.Custom) {
+		this.start = start;
+		this.end = end;
+		this.type = type;
+	}
+
+	/**
+	 * Creates a new date range from the specified JSON object.
+	 * @param json A JSON object representing a date range.
+	 * @returns The instance corresponding to the specified JSON object.
+	 */
+	static fromJson(json: Record<string, any>): DateRange {
+		return new this(
+			new Date(typeof json.start == "string" ? json.start : Date.now()),
+			new Date(typeof json.end == "string" ? json.end : Date.now()),
+			Object.values(DateRangeType).includes(json.type as DateRangeType) ? json.type as DateRangeType : DateRangeType.Custom
+		);
+	}
+
+	/**
+	 * Creates a date range corresponding to the day including the specified date.
+	 * @param date The date.
+	 * @returns The date range corresponding to the day including the specified date.
+	 */
+	static day(date: Date): DateRange {
+		return new this(atMidnight(date), new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999), DateRangeType.Day);
+	}
+
+	/**
+	 * Creates a date range corresponding to the month including the specified date.
+	 * @param date The date.
+	 * @returns The date range corresponding to the month including the specified date.
+	 */
+	static month(date: Date): DateRange {
+		return new this(
+			new Date(date.getFullYear(), date.getMonth(), 1),
+			new Date(date.getFullYear(), date.getMonth(), daysInMonth(date), 23, 59, 59, 999),
+			DateRangeType.Month
+		);
+	}
+
+	/**
+	 * Creates a date range corresponding to the quarter including the specified date.
+	 * @param date The date.
+	 * @returns The date range corresponding to the quarter including the specified date.
+	 */
+	static quarter(date: Date): DateRange {
+		const firstMonth = (getQuarter(date) * 3) - 3;
+		const lastMonth = firstMonth + 2;
+		return new this(
+			new Date(date.getFullYear(), firstMonth, 1),
+			new Date(date.getFullYear(), lastMonth, daysInMonth(new Date(date.getFullYear(), lastMonth, 1)), 23, 59, 59, 999),
+			DateRangeType.Quarter
+		);
+	}
+
+	/**
+	 * Creates a date range corresponding to the week including the specified date.
+	 * @param date The date.
+	 * @returns The date range corresponding to the week including the specified date.
+	 */
+	static week(date: Date): DateRange {
+		const delta = -((date.getDay() + 6) % 7);
+		const sunday = new Date(date.getTime() + ((delta + 6) * TimeSpan.MillisecondsPerDay));
+		sunday.setHours(23, 59, 59, 999);
+		return new this(atMidnight(new Date(date.getTime() + (delta * TimeSpan.MillisecondsPerDay))), sunday, DateRangeType.Week);
+	}
+
+	/**
+	 * Creates a date range corresponding to the year including the specified date.
+	 * @param date The date.
+	 * @returns The date range corresponding to the year including the specified date.
+	 */
+	static year(date: Date): DateRange {
+		return new this(new Date(date.getFullYear(), 0, 1), new Date(date.getFullYear(), 11, 31, 23, 59, 59, 999), DateRangeType.Year);
+	}
+
+	/**
+	 * Returns a value indicating whether this date range is equal to the specified date range.
+	 * @param other The other date range to compare.
+	 * @returns `true` if this date range is equal to the specified date range, otherwise `false`.
+	 */
+	equals(other: DateRange): boolean {
+		return this.start.getTime() == other.start.getTime() && this.end.getTime() == other.end.getTime();
+	}
+
+	/**
+	 * The label corresponding to this date range.
+	 * @param culture The current culture.
+	 * @returns The label corresponding to this date range.
+	 */
+	getLabel(culture: Intl.Locale|string = navigator.language): string {
+		const {start, end, type} = this;
+		switch (type) {
+			case DateRangeType.Day: return start.toLocaleString(culture, {dateStyle: "medium"});
+			case DateRangeType.Week: return `S${getWeekOfYear(start)} ${start.getFullYear()}`;
+			case DateRangeType.Month: return start.toLocaleString(culture, {month: "long", year: "numeric"});
+			case DateRangeType.Quarter: return `T${getQuarter(start)} ${start.getFullYear()}`;
+			case DateRangeType.Year: return start.getFullYear().toString();
+			default: return end.toLocaleString(culture, {dateStyle: "medium"});
+		}
+	}
+}

package/src/Client/{String.ts → Base/String.ts}

@@ -1,20 +1,21 @@
 /**
- * Converts the first character to uppercase.
+ * Converts the first character of the specified string to uppercase.
  * @param value The string to process.
- * @param locale The current locale.
+ * @param culture The current culture.
  * @returns The processed string.
  */
-export function capitalize(value: string, locale: Intl.Locale|string = navigator.language): string {
-	return value.charAt(0).toLocaleUpperCase(locale) + value.slice(1);
+export function capitalize(value: string, culture: Intl.Locale|string = navigator.language): string {
+	return value.length == 0 ? "" : value.charAt(0).toLocaleUpperCase(culture) + value.slice(1);
 }
 
 /**
  * Replaces all new lines in the specified value by HTML line breaks.
  * @param value The string to format.
+ * @param options Value indicating whether to use XHTML compatible line breaks.
  * @returns The formatted string.
  */
-export function newLineToBr(value: string): string {
-	return value.split(/\r?\n/g).join("<br>");
+export function newLineToBr(value: string, options: {xhtml?: boolean} = {}): string {
+	return value.split(/\r?\n/g).join(options.xhtml ? "<br />" : "<br>");
 }
 
 /**

package/src/Client/Base/tsconfig.json

@@ -1,13 +1,13 @@
 {
 	"extends": "../../../tsconfig.json",
-	"include": ["../*.ts"],
+	"include": ["**/*.ts"],
 	"compilerOptions": {
 		"composite": true,
 		"declaration": true,
 		"declarationMap": true,
 		"noEmit": false,
 		"outDir": "../../../lib",
-		"rootDir": "..",
+		"rootDir": ".",
 		"tsBuildInfoFile": "../../../var/Base.tsbuildinfo"
 	}
 }

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

@@ -8,7 +8,7 @@ export class BackButton extends HTMLElement {
 	 */
 	constructor() {
 		super();
-		this.addEventListener("click", this.goBack.bind(this), {capture: true});
+		this.addEventListener("click", this.goBack, {capture: true});
 	}
 
 	/**
@@ -33,10 +33,10 @@ export class BackButton extends HTMLElement {
 	 * Moves back in the session history.
 	 * @param event The dispatched event.
 	 */
-	goBack(event?: Event): void {
+	readonly goBack: (event?: Event) => void = event => {
 		event?.stopPropagation();
 		history.go(-this.steps);
-	}
+	};
 }
 
 /**

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

@@ -82,8 +82,8 @@ export class DialogBox extends HTMLElement {
 	constructor() {
 		super();
 		this.firstElementChild!.addEventListener("hide.bs.modal", () => this.#resolve(this.#result));
-		this.querySelector(".btn-close")!.addEventListener("click", this.#close.bind(this));
-		for (const button of this.querySelectorAll(".modal-footer button")) button.addEventListener("click", this.#close.bind(this));
+		this.querySelector(".btn-close")!.addEventListener("click", this.#close);
+		for (const button of this.querySelectorAll(".modal-footer button")) button.addEventListener("click", this.#close);
 	}
 
 	/**
@@ -267,7 +267,7 @@ export class DialogBox extends HTMLElement {
 	show(message: IDialogMessage|null = null): Promise<string> {
 		if (message) {
 			const footer = message.footer ?? document.createDocumentFragment();
-			for (const button of footer.querySelectorAll("button")) button.addEventListener("click", this.#close.bind(this));
+			for (const button of footer.querySelectorAll("button")) button.addEventListener("click", this.#close);
 			this.body = message.body;
 			this.caption = message.caption;
 			this.footer = footer;
@@ -284,10 +284,10 @@ export class DialogBox extends HTMLElement {
 	 * Closes this dialog box.
 	 * @param event The dispatched event.
 	 */
-	#close(event: Event): void {
+	readonly #close: (event: Event) => void = event => {
 		event.preventDefault();
 		this.close((event.currentTarget as HTMLButtonElement).value);
-	}
+	};
 
 	/**
 	 * Updates the title displayed in the header.

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

@@ -3,6 +3,11 @@
  */
 export class FullScreenToggler extends HTMLElement {
 
+	/**
+	 * The abort controller used to remove the event listeners.
+	 */
+	readonly #abortController = new AbortController;
+
 	/**
 	 * The target element.
 	 */
@@ -18,7 +23,7 @@ export class FullScreenToggler extends HTMLElement {
 	 */
 	constructor() {
 		super();
-		this.addEventListener("click", this.toggleFullScreen.bind(this), {capture: true}); // eslint-disable-line @typescript-eslint/no-misused-promises
+		this.addEventListener("click", this.toggleFullScreen, {capture: true}); // eslint-disable-line @typescript-eslint/no-misused-promises
 	}
 
 	/**
@@ -53,17 +58,16 @@ export class FullScreenToggler extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
-		document.addEventListener("visibilitychange", this.#onVisibilityChanged);
+		document.addEventListener("visibilitychange", this.#onVisibilityChanged, {signal: this.#abortController.signal});
 		this.#element = document.querySelector(this.target) ?? document.body;
-		this.#element.addEventListener("fullscreenchange", this.#onFullScreenChanged);
+		this.#element.addEventListener("fullscreenchange", this.#onFullScreenChanged, {signal: this.#abortController.signal});
 	}
 
 	/**
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		document.removeEventListener("visibilitychange", this.#onVisibilityChanged);
-		this.#element.removeEventListener("fullscreenchange", this.#onFullScreenChanged);
+		this.#abortController.abort();
 	}
 
 	/**
@@ -71,11 +75,11 @@ export class FullScreenToggler extends HTMLElement {
 	 * @param event The dispatched event.
 	 * @returns Completes when the full-screen mode has been toggled.
 	 */
-	async toggleFullScreen(event?: Event): Promise<void> {
+	readonly toggleFullScreen: (event?: Event) => Promise<void> = async event => {
 		event?.stopPropagation();
 		if (document.fullscreenElement) await document.exitFullscreen();
 		else await this.#element.requestFullscreen();
-	}
+	};
 
 	/**
 	 * Acquires a new wake lock.

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

@@ -5,6 +5,11 @@ import {KeyboardModifiers} from "../KeyboardModifiers.js";
  */
 export class KeyboardAccelerator extends HTMLElement {
 
+	/**
+	 * The abort controller used to remove the event listeners.
+	 */
+	readonly #abortController = new AbortController;
+
 	/**
 	 * The mapping between the modifier names and their values.
 	 */
@@ -46,14 +51,14 @@ export class KeyboardAccelerator extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
-		addEventListener("keyup", this.#activateChildContent, {capture: true});
+		addEventListener("keyup", this.#activateChildContent, {capture: true, signal: this.#abortController.signal});
 	}
 
 	/**
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		removeEventListener("keyup", this.#activateChildContent, {capture: true});
+		this.#abortController.abort();
 	}
 
 	/**

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

@@ -30,6 +30,13 @@ export class LoadingIndicator extends HTMLElement {
 		this.toggleAttribute("fade", value);
 	}
 
+	/**
+	 * Value indicating whether this component is shown.
+	 */
+	get isShown(): boolean {
+		return this.classList.contains("show");
+	}
+
 	/**
 	 * Value indicating whether to initially show this component.
 	 */

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

@@ -3,6 +3,11 @@
  */
 export class MenuActivator extends HTMLElement {
 
+	/**
+	 * The abort controller used to remove the event listeners.
+	 */
+	readonly #abortController = new AbortController;
+
 	/**
 	 * Registers the component.
 	 */
@@ -15,16 +20,15 @@ export class MenuActivator extends HTMLElement {
 	 */
 	connectedCallback(): void {
 		this.#update();
-		addEventListener("popstate", this.#update);
-		document.body.addEventListener("htmx:afterRequest", this.#update);
+		addEventListener("popstate", this.#update, {signal: this.#abortController.signal});
+		document.body.addEventListener("htmx:afterRequest", this.#update, {signal: this.#abortController.signal});
 	}
 
 	/**
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		removeEventListener("popstate", this.#update);
-		document.body.removeEventListener("htmx:afterRequest", this.#update);
+		this.#abortController.abort();
 	}
 
 	/**

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

@@ -8,6 +8,11 @@ export class OfflineIndicator extends HTMLElement {
 	 */
 	static readonly observedAttributes = ["fade"];
 
+	/**
+	 * The abort controller used to remove the event listeners.
+	 */
+	readonly #abortController = new AbortController;
+
 	/**
 	 * Registers the component.
 	 */
@@ -25,6 +30,13 @@ export class OfflineIndicator extends HTMLElement {
 		this.toggleAttribute("fade", value);
 	}
 
+	/**
+	 * Value indicating whether this component is shown.
+	 */
+	get isShown(): boolean {
+		return this.classList.contains("show");
+	}
+
 	/**
 	 * Value indicating whether to initially show this component.
 	 */
@@ -52,7 +64,7 @@ export class OfflineIndicator extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
-		for (const event of ["online", "offline"]) addEventListener(event, this.#updateVisibility);
+		for (const event of ["online", "offline"]) addEventListener(event, this.#updateVisibility, {signal: this.#abortController.signal});
 		if (this.open) this.show();
 		else this.#updateVisibility();
 	}
@@ -61,7 +73,7 @@ export class OfflineIndicator extends HTMLElement {
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		for (const event of ["online", "offline"]) removeEventListener(event, this.#updateVisibility);
+		this.#abortController.abort();
 	}
 
 	/**

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

@@ -11,6 +11,7 @@ export class TabActivator extends HTMLElement {
 	 */
 	constructor() {
 		super();
+
 		const {tabs} = this;
 		for (let index = 0; index < tabs.length; index++)
 			tabs.item(index).addEventListener("show.bs.tab", () => this.activeTabIndex = index);

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

@@ -12,6 +12,11 @@ export class ThemeDropdown extends HTMLElement {
 	 */
 	static readonly observedAttributes = ["alignment", "apptheme", "label"];
 
+	/**
+	 * The abort controller used to remove the event listeners.
+	 */
+	readonly #abortController = new AbortController;
+
 	/**
 	 * The dropdown menu.
 	 */
@@ -27,8 +32,7 @@ export class ThemeDropdown extends HTMLElement {
 	 */
 	constructor() {
 		super();
-		for (const button of this.querySelectorAll(".dropdown-menu button"))
-			button.addEventListener("click", this.#setAppTheme.bind(this));
+		for (const button of this.querySelectorAll(".dropdown-menu button")) button.addEventListener("click", this.#setAppTheme);
 	}
 
 	/**
@@ -130,7 +134,7 @@ export class ThemeDropdown extends HTMLElement {
 	 */
 	async connectedCallback(): Promise<void> {
 		this.#dropdown = new Dropdown(this.querySelector(".dropdown-toggle")!);
-		this.#mediaQuery.addEventListener("change", this.#applyToDocument);
+		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;
@@ -144,8 +148,8 @@ export class ThemeDropdown extends HTMLElement {
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
+		this.#abortController.abort();
 		this.#dropdown.dispose();
-		this.#mediaQuery.removeEventListener("change", this.#applyToDocument);
 	}
 
 	/**
@@ -183,11 +187,11 @@ export class ThemeDropdown extends HTMLElement {
 	 * Changes the current application theme.
 	 * @param event The dispatched event.
 	 */
-	#setAppTheme(event: Event): void {
+	readonly #setAppTheme: (event: Event) => void = event => {
 		event.preventDefault();
 		this.appTheme = (event.currentTarget as HTMLButtonElement).value as AppTheme;
 		this.save();
-	}
+	};
 
 	/**
 	 * Updates the alignment of the dropdown menu.