@cedx/base 0.25.0 → 0.27.0

package/ReadMe.md

@@ -1,5 +1,5 @@
 # Cédric Belin's Base
-![.NET](https://badgen.net/badge/.net/%3E%3D9.0/green) ![Version](https://badgen.net/badge/project/v0.25.0/blue) ![Licence](https://badgen.net/badge/licence/MIT/blue)
+![.NET](https://badgen.net/badge/.net/%3E%3D9.0/green) ![Version](https://badgen.net/badge/project/v0.27.0/blue) ![Licence](https://badgen.net/badge/licence/MIT/blue)
 
 Base library by [Cédric Belin](https://cedric-belin.fr), full stack developer,
 implemented in [C#](https://learn.microsoft.com/en-us/dotnet/csharp) and [TypeScript](https://www.typescriptlang.org).

package/lib/Date.d.ts

@@ -52,6 +52,11 @@ export declare function isHoliday(date: Date): boolean;
  * @returns `true` if the specified date is a working day, otherwise `false`.
  */
 export declare function isWorkingDay(date: Date): boolean;
+/**
+ * Gets the current date.
+ * @returns The current date.
+ */
+export declare function today(): Date;
 /**
  * Converts the specified date to an ISO 8601 week.
  * @param date The date to convert.

package/lib/Date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../src/Client/Date.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE3C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE9C;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAc1C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,CAqB9C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE7C;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAIhD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAG9C;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAG7C;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAGhD;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE5C;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAM,GAAG,MAAM,CAM7H"}
+{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../src/Client/Date.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE3C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE9C;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAc1C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,CAqB9C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE7C;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAIhD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAG9C;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAG7C;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAGhD;AAED;;;GAGG;AACH,wBAAgB,KAAK,IAAI,IAAI,CAI5B;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE5C;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAM,GAAG,MAAM,CAM7H"}

package/lib/Date.js

@@ -1,4 +1,4 @@
-import { Duration } from "./Duration.js";
+import { TimeSpan } from "./TimeSpan.js";
 /**
  * Returns the date at midnight corresponding to the specified date.
  * @param date The source date.
@@ -52,9 +52,9 @@ export function getHolidays(date) {
     holidays.push(new Date(year, 11, 25)); // Christmas.
     // Holidays depending on Easter.
     const easter = getEaster(date);
-    holidays.push(new Date(easter.getTime() + Duration.Day)); // Easter monday.
-    holidays.push(new Date(easter.getTime() + (39 * Duration.Day))); // Ascension thursday.
-    holidays.push(new Date(easter.getTime() + (50 * Duration.Day))); // Pentecost monday.
+    holidays.push(new Date(easter.getTime() + TimeSpan.MillisecondsPerDay)); // Easter monday.
+    holidays.push(new Date(easter.getTime() + (39 * TimeSpan.MillisecondsPerDay))); // Ascension thursday.
+    holidays.push(new Date(easter.getTime() + (50 * TimeSpan.MillisecondsPerDay))); // Pentecost monday.
     return holidays;
 }
 /**
@@ -73,7 +73,7 @@ export function getQuarter(date) {
 export function getWeekOfYear(date) {
     const thursday = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 3 - ((date.getDay() + 6) % 7));
     const firstWeek = new Date(thursday.getFullYear(), 0, 4);
-    return 1 + Math.round((((thursday.getTime() - firstWeek.getTime()) / Duration.Day) - 3 + ((firstWeek.getDay() + 6) % 7)) / 7);
+    return 1 + Math.round((((thursday.getTime() - firstWeek.getTime()) / TimeSpan.MillisecondsPerDay) - 3 + ((firstWeek.getDay() + 6) % 7)) / 7);
 }
 /**
  * Returns a value indicating whether the specified date is in a leap year.
@@ -102,6 +102,15 @@ export function isWorkingDay(date) {
     const dayOfWeek = date.getDay();
     return dayOfWeek >= 1 && dayOfWeek <= 5;
 }
+/**
+ * Gets the current date.
+ * @returns The current date.
+ */
+export function today() {
+    const date = new Date;
+    date.setHours(0, 0, 0, 0);
+    return date;
+}
 /**
  * Converts the specified date to an ISO 8601 week.
  * @param date The date to convert.

package/lib/TimeSpan.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Provides some common time intervals in milliseconds.
+ */
+export declare const TimeSpan: Readonly<{
+    /**
+     * The number of hours in 1 day.
+     */
+    HoursPerDay: 24;
+    /**
+     * The number of minutes in 1 day.
+     */
+    MinutesPerDay: 1440;
+    /**
+     * The number of minutes in 1 hour.
+     */
+    MinutesPerHour: 60;
+    /**
+     * The number of seconds in 1 day.
+     */
+    SecondsPerDay: 86400;
+    /**
+     * The number of seconds in 1 hour.
+     */
+    SecondsPerHour: 3600;
+    /**
+     * The number of seconds in 1 minute.
+     */
+    SecondsPerMinute: 60;
+    /**
+     * The number of milliseconds in 1 day.
+     */
+    MillisecondsPerDay: 86400000;
+    /**
+     * The number of milliseconds in 1 hour.
+     */
+    MillisecondsPerHour: 3600000;
+    /**
+     * The number of milliseconds in 1 minute.
+     */
+    MillisecondsPerMinute: 60000;
+    /**
+     * The number of milliseconds in 1 second.
+     */
+    MillisecondsPerSecond: 1000;
+}>;
+//# sourceMappingURL=TimeSpan.d.ts.map

package/lib/TimeSpan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSpan.d.ts","sourceRoot":"","sources":["../src/Client/TimeSpan.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,QAAQ;IAEpB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;EAEF,CAAC"}

package/lib/TimeSpan.js

@@ -0,0 +1,45 @@
+/**
+ * Provides some common time intervals in milliseconds.
+ */
+export const TimeSpan = Object.freeze({
+    /**
+     * The number of hours in 1 day.
+     */
+    HoursPerDay: 24,
+    /**
+     * The number of minutes in 1 day.
+     */
+    MinutesPerDay: 1_440,
+    /**
+     * The number of minutes in 1 hour.
+     */
+    MinutesPerHour: 60,
+    /**
+     * The number of seconds in 1 day.
+     */
+    SecondsPerDay: 86_400,
+    /**
+     * The number of seconds in 1 hour.
+     */
+    SecondsPerHour: 3_600,
+    /**
+     * The number of seconds in 1 minute.
+     */
+    SecondsPerMinute: 60,
+    /**
+     * The number of milliseconds in 1 day.
+     */
+    MillisecondsPerDay: 86_400_000,
+    /**
+     * The number of milliseconds in 1 hour.
+     */
+    MillisecondsPerHour: 3_600_000,
+    /**
+     * The number of milliseconds in 1 minute.
+     */
+    MillisecondsPerMinute: 60_000,
+    /**
+     * The number of milliseconds in 1 second.
+     */
+    MillisecondsPerSecond: 1_000
+});

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,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;IAU3C;;OAEG;IACH,IAAI,IAAI,IAAI;CAcZ;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,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"}

package/lib/UI/Components/LoadingIndicator.js

@@ -66,7 +66,6 @@ export class LoadingIndicator extends HTMLElement {
             this.#requestCount = 0;
             this.classList.add("hide");
             this.classList.remove("show");
-            document.body.classList.remove("loading");
         }
     }
     /**
@@ -76,7 +75,6 @@ export class LoadingIndicator extends HTMLElement {
         this.#requestCount++;
         this.classList.remove("hide");
         this.classList.add("show");
-        document.body.classList.add("loading");
     }
     /**
      * Updates the value indicating whether to apply a transition.

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

@@ -3,6 +3,10 @@ import { StorageArea } from "../StorageArea.js";
  * A component that activates a tab, based on its index saved in the web storage.
  */
 export declare class TabActivator extends HTMLElement {
+    /**
+     * Creates a new tab activator.
+     */
+    constructor();
     /**
      * The index of the active tab.
      */

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;IAS5C;;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;CAQzB;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;;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"}

package/lib/UI/Components/TabActivator.js

@@ -4,6 +4,15 @@ import { StorageArea } from "../StorageArea.js";
  * A component that activates a tab, based on its index saved in the web storage.
  */
 export class TabActivator extends HTMLElement {
+    /**
+     * Creates a new tab activator.
+     */
+    constructor() {
+        super();
+        const { tabs } = this;
+        for (let index = 0; index < tabs.length; index++)
+            tabs.item(index).addEventListener("show.bs.tab", () => this.activeTabIndex = index);
+    }
     /**
      * Registers the component.
      */
@@ -56,12 +65,6 @@ export class TabActivator extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
-        const { activeTabIndex, tabs } = this;
-        for (let index = 0; index < tabs.length; index++) {
-            const tab = tabs.item(index);
-            tab.addEventListener("click", () => this.activeTabIndex = index);
-            if (index == activeTabIndex)
-                Tab.getOrCreateInstance(tab).show();
-        }
+        Tab.getOrCreateInstance(this.tabs.item(this.activeTabIndex)).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,EAAU,MAAM,gBAAgB,CAAC;AAEjD;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAE7C;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAsC;IAYxE;;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,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;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAQzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,IAAI,IAAI,IAAI;CAgDZ;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;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,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;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAQzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,IAAI,IAAI,IAAI;CAgDZ;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

@@ -141,7 +141,7 @@ export class ThemeDropdown extends HTMLElement {
      */
     #setAppTheme(event) {
         event.preventDefault();
-        this.appTheme = event.currentTarget.dataset.theme;
+        this.appTheme = event.currentTarget.value;
         this.save();
     }
     /**
@@ -157,7 +157,7 @@ export class ThemeDropdown extends HTMLElement {
      */
     #updateAppTheme(value) {
         this.querySelector(".dropdown-toggle > .icon").textContent = getIcon(value);
-        this.querySelector(`button[data-theme="${value}"]`).appendChild(this.querySelector(".dropdown-item > .icon"));
+        this.querySelector(`.dropdown-menu button[value="${value}"]`).appendChild(this.querySelector(".dropdown-item > .icon"));
         this.#applyToDocument();
     }
     /**

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;IAK5B;;OAEG;IACH,IAAI,IAAI,IAAI;CAwFZ;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;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"}

package/lib/UI/Components/Toast.js

@@ -168,10 +168,10 @@ export class Toast extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
-        const toast = this.firstElementChild;
-        toast.addEventListener("hide.bs.toast", () => clearInterval(this.#timer));
-        toast.addEventListener("show.bs.toast", () => this.#timer = window.setInterval(() => this.#updateElapsedTime(), 1_000));
-        this.#toast = new BootstrapToast(toast);
+        const root = this.firstElementChild;
+        root.addEventListener("hide.bs.toast", this.#stopTimer);
+        root.addEventListener("show.bs.toast", this.#startTimer);
+        this.#toast = new BootstrapToast(root);
         if (this.open)
             this.show();
     }
@@ -179,7 +179,10 @@ export class Toast extends HTMLElement {
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        clearInterval(this.#timer);
+        const root = this.firstElementChild;
+        root.removeEventListener("hide.bs.toast", () => this.#stopTimer);
+        root.removeEventListener("show.bs.toast", () => this.#startTimer);
+        this.#stopTimer();
         this.#toast.dispose();
     }
     /**
@@ -205,6 +208,14 @@ export class Toast extends HTMLElement {
         }
         return this.#formatter.format(Math.ceil(-elapsed), Toast.#timeUnits[index]);
     }
+    /**
+     * Starts the timer.
+     */
+    #startTimer = () => this.#timer = window.setInterval(() => this.#updateElapsedTime(), 1_000);
+    /**
+     * Stops the timer.
+     */
+    #stopTimer = () => clearInterval(this.#timer);
     /**
      * Updates the value indicating whether to automatically hide this toast.
      * @param value The new value.

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;;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"}
+{"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"}

package/lib/UI/Components/Toaster.js

@@ -60,7 +60,7 @@ export class Toaster extends HTMLElement {
      */
     get delay() {
         const value = Number(this.getAttribute("delay"));
-        return Math.max(1, Number.isNaN(value) ? 5_000 : value);
+        return Math.max(0, Number.isNaN(value) ? 5_000 : value);
     }
     set delay(value) {
         this.setAttribute("delay", value.toString());

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

@@ -0,0 +1,53 @@
+/**
+ * A component that moves back in the session history when clicked.
+ */
+export declare class TypeAhead extends HTMLElement {
+    #private;
+    /**
+     * The list of observed attributes.
+     */
+    static readonly observedAttributes: string[];
+    /**
+     * The function invoked when the query has been changed.
+     */
+    set handler(callback: (query: string) => Promise<string[]>);
+    /**
+     * The data list identifier.
+     */
+    get list(): string;
+    set list(value: string);
+    /**
+     * The minimum character length needed before triggering autocomplete suggestions.
+     */
+    get minLength(): number;
+    set minLength(value: number);
+    /**
+     * The query to look up.
+     */
+    get query(): string;
+    set query(value: string);
+    /**
+     * The delay in milliseconds to wait before triggering autocomplete suggestions.
+     */
+    get wait(): number;
+    set wait(value: number);
+    /**
+     * Method invoked when an attribute has been changed.
+     * @param attribute The attribute name.
+     * @param oldValue The previous attribute value.
+     * @param newValue The new attribute value.
+     */
+    attributeChangedCallback(attribute: string, oldValue: string | null, newValue: string | null): void;
+}
+/**
+ * Declaration merging.
+ */
+declare global {
+    /**
+     * The map of HTML tag names.
+     */
+    interface HTMLElementTagNameMap {
+        "type-ahead": TypeAhead;
+    }
+}
+//# sourceMappingURL=TypeAhead.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypeAhead.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/TypeAhead.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,SAAU,SAAQ,WAAW;;IAEzC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAqB;IAmBvD;;OAEG;IACH,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,EAKzD;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,CAEjB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IAED;;OAEG;IACH,IAAI,SAAS,IAAI,MAAM,CAGtB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAE1B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,CAGjB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;CAsD/F;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}

package/lib/UI/Components/TypeAhead.js

@@ -0,0 +1,138 @@
+/**
+ * A component that moves back in the session history when clicked.
+ */
+export class TypeAhead extends HTMLElement {
+    /**
+     * The list of observed attributes.
+     */
+    static observedAttributes = ["list", "query"];
+    /**
+     * The debounced handler used to look up the query.
+     */
+    #debounced = () => { };
+    /**
+     * The previous query.
+     */
+    #previousQuery = "";
+    /**
+     * Registers the component.
+     */
+    static {
+        customElements.define("type-ahead", this);
+    }
+    /**
+     * The function invoked when the query has been changed.
+     */
+    set handler(callback) {
+        this.#debounced = this.#debounce(async (query) => {
+            try {
+                this.#updateItems(await callback(query));
+            }
+            catch {
+                this.#updateItems([]);
+            }
+        }, this.wait);
+    }
+    /**
+     * The data list identifier.
+     */
+    get list() {
+        return (this.getAttribute("list") ?? "").trim();
+    }
+    set list(value) {
+        this.setAttribute("list", value);
+    }
+    /**
+     * The minimum character length needed before triggering autocomplete suggestions.
+     */
+    get minLength() {
+        const value = Number(this.getAttribute("minLength"));
+        return Math.max(1, Number.isNaN(value) ? 1 : value);
+    }
+    set minLength(value) {
+        this.setAttribute("minLength", value.toString());
+    }
+    /**
+     * The query to look up.
+     */
+    get query() {
+        return (this.getAttribute("query") ?? "").trim();
+    }
+    set query(value) {
+        this.setAttribute("query", value);
+    }
+    /**
+     * The delay in milliseconds to wait before triggering autocomplete suggestions.
+     */
+    get wait() {
+        const value = Number(this.getAttribute("wait"));
+        return Math.max(0, Number.isNaN(value) ? 300 : value);
+    }
+    set wait(value) {
+        this.setAttribute("wait", value.toString());
+    }
+    /**
+     * Method invoked when an attribute has been changed.
+     * @param attribute The attribute name.
+     * @param oldValue The previous attribute value.
+     * @param newValue The new attribute value.
+     */
+    attributeChangedCallback(attribute, oldValue, newValue) {
+        if (newValue != oldValue)
+            switch (attribute) {
+                case "list":
+                    this.#updateList(newValue ?? "");
+                    break;
+                case "query":
+                    this.#updateQuery(newValue ?? "");
+                    break;
+                // No default
+            }
+    }
+    /**
+     * Postpones the invocation of the specified callback until after a given delay has elapsed since the last time it was invoked.
+     * @param callback The function to debounce.
+     * @param delay The delay to wait, in milliseconds.
+     * @returns The debounced function.
+     */
+    #debounce(callback, delay) {
+        let timer = 0;
+        return value => {
+            if (timer)
+                clearTimeout(timer);
+            timer = window.setTimeout(callback, delay, value);
+        };
+    }
+    /**
+     * Updates the identifier of the underlying data list.
+     * @param value The new value.
+     */
+    #updateList(value) {
+        this.firstElementChild.id = value.trim();
+    }
+    /**
+     * Updates the query to look up.
+     * @param value The new value.
+     */
+    #updateQuery(value) {
+        const query = value.trim();
+        if (query != this.#previousQuery) {
+            this.#previousQuery = query;
+            if (query.length < this.minLength)
+                this.#updateItems([]);
+            else
+                this.#debounced(query);
+        }
+    }
+    /**
+     * Updates the items of the underlying data list.
+     * @param values The new values.
+     */
+    #updateItems(values) {
+        this.firstElementChild.replaceChildren(...values.map(value => {
+            const option = document.createElement("option");
+            option.value = value;
+            return option;
+        }));
+    }
+}

package/lib/UI/DialogResult.d.ts

@@ -27,8 +27,4 @@ export declare const DialogResult: Readonly<{
      */
     Ignore: "Ignore";
 }>;
-/**
- * Specifies the return value of a dialog box.
- */
-export type DialogResult = typeof DialogResult[keyof typeof DialogResult];
 //# sourceMappingURL=DialogResult.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogResult.d.ts","sourceRoot":"","sources":["../../src/Client/UI/DialogResult.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;IAExB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;EAEF,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"DialogResult.d.ts","sourceRoot":"","sources":["../../src/Client/UI/DialogResult.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;IAExB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;EAEF,CAAC"}

package/package.json

@@ -7,7 +7,7 @@
 	"name": "@cedx/base",
 	"repository": "cedx/base",
 	"type": "module",
-	"version": "0.25.0",
+	"version": "0.27.0",
 	"devDependencies": {
 		"@playwright/browser-chromium": "^1.55.0",
 		"@types/bootstrap": "^5.2.10",
@@ -21,7 +21,7 @@
 		"mocha": "^11.7.1",
 		"playwright": "^1.55.0",
 		"serve-handler": "^6.1.6",
-		"typedoc": "^0.28.11",
+		"typedoc": "^0.28.12",
 		"typescript": "^5.9.2",
 		"typescript-eslint": "^8.41.0"
 	},

package/src/Client/Date.ts

@@ -1,4 +1,4 @@
-import {Duration} from "./Duration.js";
+import {TimeSpan} from "./TimeSpan.js";
 
 /**
  * Returns the date at midnight corresponding to the specified date.
@@ -60,9 +60,9 @@ export function getHolidays(date: Date): Date[] {
 
 	// Holidays depending on Easter.
 	const easter = getEaster(date);
-	holidays.push(new Date(easter.getTime() + Duration.Day)); // Easter monday.
-	holidays.push(new Date(easter.getTime() + (39 * Duration.Day))); // Ascension thursday.
-	holidays.push(new Date(easter.getTime() + (50 * Duration.Day))); // Pentecost monday.
+	holidays.push(new Date(easter.getTime() + TimeSpan.MillisecondsPerDay)); // Easter monday.
+	holidays.push(new Date(easter.getTime() + (39 * TimeSpan.MillisecondsPerDay))); // Ascension thursday.
+	holidays.push(new Date(easter.getTime() + (50 * TimeSpan.MillisecondsPerDay))); // Pentecost monday.
 
 	return holidays;
 }
@@ -84,7 +84,7 @@ export function getQuarter(date: Date): number {
 export function getWeekOfYear(date: Date): number {
 	const thursday = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 3 - ((date.getDay() + 6) % 7));
 	const firstWeek = new Date(thursday.getFullYear(), 0, 4);
-	return 1 + Math.round((((thursday.getTime() - firstWeek.getTime()) / Duration.Day) - 3 + ((firstWeek.getDay() + 6) % 7)) / 7);
+	return 1 + Math.round((((thursday.getTime() - firstWeek.getTime()) / TimeSpan.MillisecondsPerDay) - 3 + ((firstWeek.getDay() + 6) % 7)) / 7);
 }
 
 /**
@@ -117,6 +117,16 @@ export function isWorkingDay(date: Date): boolean {
 	return dayOfWeek >= 1 && dayOfWeek <= 5;
 }
 
+/**
+ * Gets the current date.
+ * @returns The current date.
+ */
+export function today(): Date {
+	const date = new Date;
+	date.setHours(0, 0, 0, 0);
+	return date;
+}
+
 /**
  * Converts the specified date to an ISO 8601 week.
  * @param date The date to convert.

package/src/Client/TimeSpan.ts

@@ -0,0 +1,55 @@
+/**
+ * Provides some common time intervals in milliseconds.
+ */
+export const TimeSpan = Object.freeze({
+
+	/**
+	 * The number of hours in 1 day.
+	 */
+	HoursPerDay: 24,
+
+	/**
+	 * The number of minutes in 1 day.
+	 */
+	MinutesPerDay: 1_440,
+
+	/**
+	 * The number of minutes in 1 hour.
+	 */
+	MinutesPerHour: 60,
+
+	/**
+	 * The number of seconds in 1 day.
+	 */
+	SecondsPerDay: 86_400,
+
+	/**
+	 * The number of seconds in 1 hour.
+	 */
+	SecondsPerHour: 3_600,
+
+	/**
+	 * The number of seconds in 1 minute.
+	 */
+	SecondsPerMinute: 60,
+
+	/**
+	 * The number of milliseconds in 1 day.
+	 */
+	MillisecondsPerDay: 86_400_000,
+
+	/**
+	 * The number of milliseconds in 1 hour.
+	 */
+	MillisecondsPerHour: 3_600_000,
+
+	/**
+	 * The number of milliseconds in 1 minute.
+	 */
+	MillisecondsPerMinute: 60_000,
+
+	/**
+	 * The number of milliseconds in 1 second.
+	 */
+	MillisecondsPerSecond: 1_000
+});

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

@@ -70,7 +70,6 @@ export class LoadingIndicator extends HTMLElement {
 			this.#requestCount = 0;
 			this.classList.add("hide");
 			this.classList.remove("show");
-			document.body.classList.remove("loading");
 		}
 	}
 
@@ -81,7 +80,6 @@ export class LoadingIndicator extends HTMLElement {
 		this.#requestCount++;
 		this.classList.remove("hide");
 		this.classList.add("show");
-		document.body.classList.add("loading");
 	}
 
 	/**

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

@@ -6,6 +6,16 @@ import {StorageArea} from "../StorageArea.js";
  */
 export class TabActivator extends HTMLElement {
 
+	/**
+	 * Creates a new tab activator.
+	 */
+	constructor() {
+		super();
+		const {tabs} = this;
+		for (let index = 0; index < tabs.length; index++)
+			tabs.item(index).addEventListener("show.bs.tab", () => this.activeTabIndex = index);
+	}
+
 	/**
 	 * Registers the component.
 	 */
@@ -64,12 +74,7 @@ export class TabActivator extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
-		const {activeTabIndex, tabs} = this;
-		for (let index = 0; index < tabs.length; index++) {
-			const tab = tabs.item(index);
-			tab.addEventListener("click", () => this.activeTabIndex = index);
-			if (index == activeTabIndex) Tab.getOrCreateInstance(tab).show();
-		}
+		Tab.getOrCreateInstance(this.tabs.item(this.activeTabIndex)).show();
 	}
 }
 

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

@@ -27,7 +27,8 @@ 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.bind(this));
 	}
 
 	/**
@@ -151,7 +152,7 @@ export class ThemeDropdown extends HTMLElement {
 	 */
 	#setAppTheme(event: Event): void {
 		event.preventDefault();
-		this.appTheme = (event.currentTarget as HTMLElement).dataset.theme! as AppTheme;
+		this.appTheme = (event.currentTarget as HTMLButtonElement).value as AppTheme;
 		this.save();
 	}
 
@@ -169,7 +170,7 @@ export class ThemeDropdown extends HTMLElement {
 	 */
 	#updateAppTheme(value: AppTheme): void {
 		this.querySelector(".dropdown-toggle > .icon")!.textContent = getIcon(value);
-		this.querySelector(`button[data-theme="${value}"]`)!.appendChild(this.querySelector(".dropdown-item > .icon")!);
+		this.querySelector(`.dropdown-menu button[value="${value}"]`)!.appendChild(this.querySelector(".dropdown-item > .icon")!);
 		this.#applyToDocument();
 	}
 

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

@@ -172,11 +172,11 @@ export class Toast extends HTMLElement {
 	 * Method invoked when this component is connected.
 	 */
 	connectedCallback(): void {
-		const toast = this.firstElementChild!;
-		toast.addEventListener("hide.bs.toast", () => clearInterval(this.#timer));
-		toast.addEventListener("show.bs.toast", () => this.#timer = window.setInterval(() => this.#updateElapsedTime(), 1_000));
+		const root = this.firstElementChild!;
+		root.addEventListener("hide.bs.toast", this.#stopTimer);
+		root.addEventListener("show.bs.toast", this.#startTimer);
 
-		this.#toast = new BootstrapToast(toast);
+		this.#toast = new BootstrapToast(root);
 		if (this.open) this.show();
 	}
 
@@ -184,7 +184,11 @@ export class Toast extends HTMLElement {
 	 * Method invoked when this component is disconnected.
 	 */
 	disconnectedCallback(): void {
-		clearInterval(this.#timer);
+		const root = this.firstElementChild!;
+		root.removeEventListener("hide.bs.toast", () => this.#stopTimer);
+		root.removeEventListener("show.bs.toast", () => this.#startTimer);
+
+		this.#stopTimer();
 		this.#toast.dispose();
 	}
 
@@ -215,6 +219,18 @@ export class Toast extends HTMLElement {
 		return this.#formatter.format(Math.ceil(-elapsed), Toast.#timeUnits[index]);
 	}
 
+	/**
+	 * Starts the timer.
+	 */
+	readonly #startTimer: () => void = () =>
+		this.#timer = window.setInterval(() => this.#updateElapsedTime(), 1_000);
+
+	/**
+	 * Stops the timer.
+	 */
+	readonly #stopTimer: () => void = () =>
+		clearInterval(this.#timer);
+
 	/**
 	 * Updates the value indicating whether to automatically hide this toast.
 	 * @param value The new value.

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

@@ -60,14 +60,15 @@ export class Toaster extends HTMLElement {
 	/**
 	 * The template for a toast.
 	 */
-	readonly #toastTemplate: DocumentFragment = this.querySelector("template")!.content;
+	readonly #toastTemplate = this.querySelector("template")!.content;
 
 	/**
 	 * Creates a new toaster.
 	 */
 	constructor() {
 		super();
-		for (const toast of this.querySelectorAll("toaster-item")) toast.addEventListener("hidden.bs.toast", () => toast.remove());
+		for (const toast of this.querySelectorAll("toaster-item"))
+			toast.addEventListener("hidden.bs.toast", () => toast.remove());
 	}
 
 	/**
@@ -114,7 +115,7 @@ export class Toaster extends HTMLElement {
 	 */
 	get delay(): number {
 		const value = Number(this.getAttribute("delay"));
-		return Math.max(1, Number.isNaN(value) ? 5_000 : value);
+		return Math.max(0, Number.isNaN(value) ? 5_000 : value);
 	}
 	set delay(value: number) {
 		this.setAttribute("delay", value.toString());

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

@@ -0,0 +1,153 @@
+/**
+ * A component that moves back in the session history when clicked.
+ */
+export class TypeAhead extends HTMLElement {
+
+	/**
+	 * The list of observed attributes.
+	 */
+	static readonly observedAttributes = ["list", "query"];
+
+	/**
+	 * The debounced handler used to look up the query.
+	 */
+	#debounced: (value: string) => void = () => { /* Noop */ };
+
+	/**
+	 * The previous query.
+	 */
+	#previousQuery = "";
+
+	/**
+	 * Registers the component.
+	 */
+	static {
+		customElements.define("type-ahead", this);
+	}
+
+	/**
+	 * The function invoked when the query has been changed.
+	 */
+	set handler(callback: (query: string) => Promise<string[]>) { // eslint-disable-line accessor-pairs
+		this.#debounced = this.#debounce(async query => { // eslint-disable-line @typescript-eslint/no-misused-promises
+			try { this.#updateItems(await callback(query)); }
+			catch { this.#updateItems([]); }
+		}, this.wait);
+	}
+
+	/**
+	 * The data list identifier.
+	 */
+	get list(): string {
+		return (this.getAttribute("list") ?? "").trim();
+	}
+	set list(value: string) {
+		this.setAttribute("list", value);
+	}
+
+	/**
+	 * The minimum character length needed before triggering autocomplete suggestions.
+	 */
+	get minLength(): number {
+		const value = Number(this.getAttribute("minLength"));
+		return Math.max(1, Number.isNaN(value) ? 1 : value);
+	}
+	set minLength(value: number) {
+		this.setAttribute("minLength", value.toString());
+	}
+
+	/**
+	 * The query to look up.
+	 */
+	get query(): string {
+		return (this.getAttribute("query") ?? "").trim();
+	}
+	set query(value: string) {
+		this.setAttribute("query", value);
+	}
+
+	/**
+	 * The delay in milliseconds to wait before triggering autocomplete suggestions.
+	 */
+	get wait(): number {
+		const value = Number(this.getAttribute("wait"));
+		return Math.max(0, Number.isNaN(value) ? 300 : value);
+	}
+	set wait(value: number) {
+		this.setAttribute("wait", value.toString());
+	}
+
+	/**
+	 * Method invoked when an attribute has been changed.
+	 * @param attribute The attribute name.
+	 * @param oldValue The previous attribute value.
+	 * @param newValue The new attribute value.
+	 */
+	attributeChangedCallback(attribute: string, oldValue: string|null, newValue: string|null): void {
+		if (newValue != oldValue) switch (attribute) {
+			case "list": this.#updateList(newValue ?? ""); break;
+			case "query": this.#updateQuery(newValue ?? ""); break;
+			// No default
+		}
+	}
+
+	/**
+	 * Postpones the invocation of the specified callback until after a given delay has elapsed since the last time it was invoked.
+	 * @param callback The function to debounce.
+	 * @param delay The delay to wait, in milliseconds.
+	 * @returns The debounced function.
+	 */
+	#debounce(callback: (value: string) => void, delay: number): (value: string) => void {
+		let timer = 0;
+		return value => {
+			if (timer) clearTimeout(timer);
+			timer = window.setTimeout(callback, delay, value);
+		};
+	}
+
+	/**
+	 * Updates the identifier of the underlying data list.
+	 * @param value The new value.
+	 */
+	#updateList(value: string): void {
+		this.firstElementChild!.id = value.trim();
+	}
+
+	/**
+	 * Updates the query to look up.
+	 * @param value The new value.
+	 */
+	#updateQuery(value: string): void {
+		const query = value.trim();
+		if (query != this.#previousQuery) {
+			this.#previousQuery = query;
+			if (query.length < this.minLength) this.#updateItems([]);
+			else this.#debounced(query);
+		}
+	}
+
+	/**
+	 * Updates the items of the underlying data list.
+	 * @param values The new values.
+	 */
+	#updateItems(values: string[]): void {
+		this.firstElementChild!.replaceChildren(...values.map(value => {
+			const option = document.createElement("option");
+			option.value = value;
+			return option;
+		}));
+	}
+}
+
+/**
+ * Declaration merging.
+ */
+declare global {
+
+	/**
+	 * The map of HTML tag names.
+	 */
+	interface HTMLElementTagNameMap {
+		"type-ahead": TypeAhead;
+	}
+}

package/src/Client/UI/DialogResult.ts

@@ -33,8 +33,3 @@ export const DialogResult = Object.freeze({
 	 */
 	Ignore: "Ignore"
 });
-
-/**
- * Specifies the return value of a dialog box.
- */
-export type DialogResult = typeof DialogResult[keyof typeof DialogResult];

package/lib/Duration.d.ts

@@ -1,26 +0,0 @@
-/**
- * Provides some common durations in milliseconds.
- */
-export declare const Duration: Readonly<{
-    /**
-     * One second.
-     */
-    Second: 1000;
-    /**
-     * One minute.
-     */
-    Minute: 60000;
-    /**
-     * One hour.
-     */
-    Hour: 3600000;
-    /**
-     * One day.
-     */
-    Day: 86400000;
-}>;
-/**
- * Provides some common durations in milliseconds.
- */
-export type Duration = typeof Duration[keyof typeof Duration];
-//# sourceMappingURL=Duration.d.ts.map

package/lib/Duration.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Duration.d.ts","sourceRoot":"","sources":["../src/Client/Duration.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,QAAQ;IAEpB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;EAEF,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC"}

package/lib/Duration.js

@@ -1,21 +0,0 @@
-/**
- * Provides some common durations in milliseconds.
- */
-export const Duration = Object.freeze({
-    /**
-     * One second.
-     */
-    Second: 1_000,
-    /**
-     * One minute.
-     */
-    Minute: 60_000,
-    /**
-     * One hour.
-     */
-    Hour: 3_600_000,
-    /**
-     * One day.
-     */
-    Day: 86_400_000
-});

package/src/Client/Duration.ts

@@ -1,30 +0,0 @@
-/**
- * Provides some common durations in milliseconds.
- */
-export const Duration = Object.freeze({
-
-	/**
-	 * One second.
-	 */
-	Second: 1_000,
-
-	/**
-	 * One minute.
-	 */
-	Minute: 60_000,
-
-	/**
-	 * One hour.
-	 */
-	Hour: 3_600_000,
-
-	/**
-	 * One day.
-	 */
-	Day: 86_400_000
-});
-
-/**
- * Provides some common durations in milliseconds.
- */
-export type Duration = typeof Duration[keyof typeof Duration];