@cedx/base 0.18.0 → 0.20.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.18.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.20.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/{DateExtensions.d.ts → Date.d.ts}

@@ -11,17 +11,17 @@ export declare function atMidnight(date: Date): Date;
  */
 export declare function daysInMonth(date: Date): number;
 /**
- * Gets the date of Easter for a given year.
- * @param year The year.
- * @returns The date of Easter for the specified year.
+ * Gets the date of Easter for the year corresponding to the specified date.
+ * @param date The date.
+ * @returns The date of Easter for the year corresponding to the specified date.
  */
-export declare function getEaster(year?: number): Date;
+export declare function getEaster(date: Date): Date;
 /**
- * Gets the list of holidays for a given year.
- * @param year The year.
- * @returns The list of holidays for the specified year.
+ * Gets the list of holidays for the year corresponding to the specified date.
+ * @param date The date.
+ * @returns The list of holidays for the year corresponding to the specified date.
  */
-export declare function getHolidays(year?: number): Date[];
+export declare function getHolidays(date: Date): Date[];
 /**
  * Gets the quarter corresponding to the specified date.
  * @param date The date.
@@ -69,4 +69,4 @@ export declare function toYmdHms(date: Date, options?: {
     excludeTime?: boolean;
     separator?: string;
 }): string;
-//# sourceMappingURL=DateExtensions.d.ts.map
+//# sourceMappingURL=Date.d.ts.map

package/lib/Date.d.ts.map

@@ -0,0 +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"}

package/lib/{DateExtensions.js → Date.js}

@@ -16,11 +16,12 @@ export function daysInMonth(date) {
     return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
 }
 /**
- * Gets the date of Easter for a given year.
- * @param year The year.
- * @returns The date of Easter for the specified year.
+ * Gets the date of Easter for the year corresponding to the specified date.
+ * @param date The date.
+ * @returns The date of Easter for the year corresponding to the specified date.
  */
-export function getEaster(year = new Date().getFullYear()) {
+export function getEaster(date) {
+    const year = date.getFullYear();
     /* eslint-disable id-length */
     const n = year % 19;
     const c = Math.trunc(year / 100);
@@ -33,12 +34,13 @@ export function getEaster(year = new Date().getFullYear()) {
     return new Date(year, Math.trunc(result / 31) - 1, (result % 31) + 1);
 }
 /**
- * Gets the list of holidays for a given year.
- * @param year The year.
- * @returns The list of holidays for the specified year.
+ * Gets the list of holidays for the year corresponding to the specified date.
+ * @param date The date.
+ * @returns The list of holidays for the year corresponding to the specified date.
  */
-export function getHolidays(year = new Date().getFullYear()) {
+export function getHolidays(date) {
     const holidays = [];
+    const year = date.getFullYear();
     // Fixed holidays.
     holidays.push(new Date(year, 0, 1)); // New year.
     holidays.push(new Date(year, 4, 1)); // Labor day.
@@ -49,7 +51,7 @@ export function getHolidays(year = new Date().getFullYear()) {
     holidays.push(new Date(year, 10, 11)); // Armistice (1918).
     holidays.push(new Date(year, 11, 25)); // Christmas.
     // Holidays depending on Easter.
-    const easter = getEaster(year);
+    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.
@@ -89,7 +91,7 @@ export function inLeapYear(date) {
  */
 export function isHoliday(date) {
     const timestamp = atMidnight(date).getTime();
-    return getHolidays(date.getFullYear()).some(holiday => holiday.getTime() == timestamp);
+    return getHolidays(date).some(holiday => holiday.getTime() == timestamp);
 }
 /**
  * Returns a value indicating whether the specified date is a working day.

package/lib/{FileExtensions.d.ts → File.d.ts}

@@ -22,4 +22,4 @@ export declare function print(file: File): void;
  * @returns The data URL corresponding to the given file.
  */
 export declare function toDataUrl(file: File): Promise<URL>;
-//# sourceMappingURL=FileExtensions.d.ts.map
+//# sourceMappingURL=File.d.ts.map

package/lib/File.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../src/Client/File.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAUzC;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAM,GAAG,IAAI,CAkBvE;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAatC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAOlD"}

package/lib/{NumberExtensions.d.ts → Number.d.ts}

@@ -5,4 +5,4 @@
  * @returns The value rounded to the given precision.
  */
 export declare function round(value: number, precision?: number): number;
-//# sourceMappingURL=NumberExtensions.d.ts.map
+//# sourceMappingURL=Number.d.ts.map

package/lib/Number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Number.d.ts","sourceRoot":"","sources":["../src/Client/Number.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAG1D"}

package/lib/{StringExtensions.d.ts → String.d.ts}

@@ -30,18 +30,6 @@ export declare function split(value: string, splitLength?: number): string[];
  * @returns The processed string.
  */
 export declare function stripTags(value: string): string;
-/**
- * Removes whitespace from both ends of the items of the specified array.
- * @param array The array to process.
- * @returns The input array.
- */
-export declare function trimArray<T>(array: T[]): T[];
-/**
- * Removes whitespace from both ends of the properties of the specified object.
- * @param object The object to process.
- * @returns The input object.
- */
-export declare function trimObject<T>(object: Record<string, T>): Record<string, T>;
 /**
  * Truncates the specified string to the given number of characters.
  * @param value The string to be truncated.
@@ -50,10 +38,4 @@ export declare function trimObject<T>(object: Record<string, T>): Record<string,
  * @returns The truncated string.
  */
 export declare function truncate(value: string, length: number, ellipsis?: string): string;
-/**
- * Replaces invalid XML characters in a string with their valid XML equivalent.
- * @param value The string to process.
- * @returns The processed string.
- */
-export declare function xmlEscape(value: string): string;
-//# sourceMappingURL=StringExtensions.d.ts.map
+//# sourceMappingURL=String.d.ts.map

package/lib/String.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"String.d.ts","sourceRoot":"","sources":["../src/Client/String.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,GAAE,IAAI,CAAC,MAAM,GAAC,MAA2B,GAAG,MAAM,CAEjG;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE7C;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,SAAI,GAAG,MAAM,EAAE,CAE9D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/C;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAQ,GAAG,MAAM,CAEhF"}

package/lib/{StringExtensions.js → String.js}

@@ -1,13 +1,3 @@
-/**
- * The mapping between special characters and the corresponding XML entities.
- */
-const xmlEntities = new Map([
-    ["&", "&"],
-    ["<", "&lt;"],
-    [">", "&gt;"],
-    ['"', "&quot;"],
-    ["'", "&#39;"]
-]);
 /**
  * Converts the first character to uppercase.
  * @param value The string to process.
@@ -50,28 +40,6 @@ export function split(value, splitLength = 1) {
 export function stripTags(value) {
     return value.replace(/<[^>]+>/g, "");
 }
-/**
- * Removes whitespace from both ends of the items of the specified array.
- * @param array The array to process.
- * @returns The input array.
- */
-export function trimArray(array) {
-    for (const [index, value] of array.entries())
-        if (typeof value == "string")
-            Reflect.set(array, index, value.trim());
-    return array;
-}
-/**
- * Removes whitespace from both ends of the properties of the specified object.
- * @param object The object to process.
- * @returns The input object.
- */
-export function trimObject(object) {
-    for (const [key, value] of Object.entries(object))
-        if (typeof value == "string")
-            Reflect.set(object, key, value.trim());
-    return object;
-}
 /**
  * Truncates the specified string to the given number of characters.
  * @param value The string to be truncated.
@@ -82,11 +50,3 @@ export function trimObject(object) {
 export function truncate(value, length, ellipsis = "...") {
     return value.length > length ? value.slice(0, length) + ellipsis : value;
 }
-/**
- * Replaces invalid XML characters in a string with their valid XML equivalent.
- * @param value The string to process.
- * @returns The processed string.
- */
-export function xmlEscape(value) {
-    return value.replace(/[&<>"']/g, character => xmlEntities.get(character) ?? character);
-}

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

@@ -3,6 +3,22 @@
  */
 export declare class LoadingIndicator extends HTMLElement {
     #private;
+    /**
+     * The list of observed attributes.
+     */
+    static readonly observedAttributes: string[];
+    /**
+     * Value indicating whether to apply a transition.
+     */
+    get animation(): boolean;
+    set animation(value: boolean);
+    /**
+     * 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;
     /**
      * Hides the loading indicator.
      * @param options Value indicating whether to force the loading indicator to hide.

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;;IAchD;;;OAGG;IACH,IAAI,CAAC,OAAO,GAAE;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAM,GAAG,IAAI;IAQ3C;;OAEG;IACH,IAAI,IAAI,IAAI;CAIZ;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,WAAiB;IAcnD;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,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;;;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"}

package/lib/UI/Components/LoadingIndicator.js

@@ -2,6 +2,10 @@
  * A component that shows up when an HTTP request starts, and hides when all concurrent HTTP requests are completed.
  */
 export class LoadingIndicator extends HTMLElement {
+    /**
+     * The list of observed attributes.
+     */
+    static observedAttributes = ["animation"];
     /**
      * The number of concurrent HTTP requests.
      */
@@ -12,6 +16,30 @@ export class LoadingIndicator extends HTMLElement {
     static {
         customElements.define("loading-indicator", this);
     }
+    /**
+     * Value indicating whether to apply a transition.
+     */
+    get animation() {
+        return this.hasAttribute("animation");
+    }
+    set animation(value) {
+        this.toggleAttribute("animation", value);
+    }
+    /**
+     * 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 "animation":
+                    this.#updateAnimation(newValue != null);
+                    break;
+                // No default
+            }
+    }
     /**
      * Hides the loading indicator.
      * @param options Value indicating whether to force the loading indicator to hide.
@@ -20,7 +48,9 @@ export class LoadingIndicator extends HTMLElement {
         this.#requestCount--;
         if (this.#requestCount <= 0 || options.force) {
             this.#requestCount = 0;
-            this.hidden = true;
+            this.classList.add("hide");
+            this.classList.remove("show");
+            document.body.classList.remove("loading");
         }
     }
     /**
@@ -28,6 +58,15 @@ export class LoadingIndicator extends HTMLElement {
      */
     show() {
         this.#requestCount++;
-        this.hidden = false;
+        this.classList.remove("hide");
+        this.classList.add("show");
+        document.body.classList.add("loading");
+    }
+    /**
+     * Updates the value indicating whether to apply a transition.
+     * @param value The new value.
+     */
+    #updateAnimation(value) {
+        this.classList.toggle("fade", value);
     }
 }

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

@@ -6,13 +6,13 @@ import type { IDialogButton } from "./DialogButton.js";
  */
 export interface IMessage {
     /**
-     * Value indicating whether to apply a fade transition.
+     * Value indicating whether to apply a transition.
      */
     animation?: boolean;
     /**
      * The child content displayed in the body.
      */
-    body: DocumentFragment | string;
+    body: DocumentFragment;
     /**
      * The title displayed in the header.
      */
@@ -28,7 +28,7 @@ export interface IMessage {
     /**
      * The child content displayed in the footer.
      */
-    footer?: DocumentFragment | string;
+    footer?: DocumentFragment;
     /**
      * The icon displayed next to the body.
      */
@@ -52,7 +52,7 @@ export declare class MessageBox extends HTMLElement {
      */
     constructor();
     /**
-     * Value indicating whether to apply a fade transition.
+     * Value indicating whether to apply a transition.
      */
     get animation(): boolean;
     set animation(value: boolean);
@@ -113,7 +113,7 @@ export declare class MessageBox extends HTMLElement {
      * @param body The child content displayed in the body.
      * @returns The dialog box result.
      */
-    alert(context: Context, caption: string, body: DocumentFragment | string): Promise<DialogResult>;
+    alert(context: Context, caption: string, body: DocumentFragment): Promise<DialogResult>;
     /**
      * Closes this message box.
      * @param result The dialog box result.
@@ -126,7 +126,7 @@ export declare class MessageBox extends HTMLElement {
      * @param body The child content displayed in the body.
      * @returns The dialog box result.
      */
-    confirm(context: Context, caption: string, body: DocumentFragment | string): Promise<DialogResult>;
+    confirm(context: Context, caption: string, body: DocumentFragment): Promise<DialogResult>;
     /**
      * Method invoked when this component is connected.
      */
@@ -149,7 +149,7 @@ export declare class MessageBox extends HTMLElement {
      * @param buttons The buttons displayed in the footer.
      * @returns The dialog box result.
      */
-    show(context: Context, caption: string, body: DocumentFragment | string, buttons?: IDialogButton[]): Promise<DialogResult>;
+    show(context: Context, caption: string, body: DocumentFragment, buttons?: IDialogButton[]): Promise<DialogResult>;
 }
 /**
  * Declaration merging.

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

@@ -1 +1 @@
-{"version":3,"file":"MessageBox.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/MessageBox.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageBox.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/MessageBox.ts"],"names":[],"mappings":"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"}

package/lib/UI/Components/MessageBox.js

@@ -1,7 +1,6 @@
 import { Modal } from "bootstrap";
 import { Context, getIcon, toCss } from "../Context.js";
 import { DialogResult } from "../DialogResult.js";
-import { createDocumentFragment } from "../ElementExtensions.js";
 import { Variant } from "../Variant.js";
 /**
  * Displays a message window, also known as dialog box, which presents a message to the user.
@@ -44,7 +43,7 @@ export class MessageBox extends HTMLElement {
         customElements.define("message-box", this);
     }
     /**
-     * Value indicating whether to apply a fade transition.
+     * Value indicating whether to apply a transition.
      */
     get animation() {
         return this.hasAttribute("animation");
@@ -219,18 +218,18 @@ export class MessageBox extends HTMLElement {
      * @param buttons The buttons displayed in the footer.
      * @returns The dialog box result.
      */
-    show(message = null, caption = "", body = "", buttons = []) {
+    show(message = null, caption = "", body = document.createDocumentFragment(), buttons = []) {
         if (typeof message == "string") {
             const footer = document.createDocumentFragment();
             footer.append(...buttons.map(button => this.#createButton(button)));
             message = { context: message, caption, body, footer };
         }
         if (typeof message == "object" && message) {
-            this.body = typeof message.body == "string" ? createDocumentFragment(message.body) : message.body;
+            this.body = message.body;
             this.caption = message.caption;
             this.context = message.context ?? Context.Info;
             this.icon = message.icon ?? getIcon(this.context);
-            const footer = typeof message.footer == "string" ? createDocumentFragment(message.footer) : (message.footer ?? document.createDocumentFragment());
+            const footer = message.footer ?? document.createDocumentFragment();
             for (const button of footer.querySelectorAll("button"))
                 button.addEventListener("click", this.#close);
             this.footer = footer;

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

@@ -3,6 +3,22 @@
  */
 export declare class OfflineIndicator extends HTMLElement {
     #private;
+    /**
+     * The list of observed attributes.
+     */
+    static readonly observedAttributes: string[];
+    /**
+     * Value indicating whether to apply a transition.
+     */
+    get animation(): boolean;
+    set animation(value: boolean);
+    /**
+     * 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;
     /**
      * Method invoked when this component is connected.
      */

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;;IAShD;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;CAQ5B;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,WAAiB;IASnD;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,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;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;CAmB5B;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

@@ -2,12 +2,40 @@
  * A component that shows up when the network is unavailable, and hides when connectivity is restored.
  */
 export class OfflineIndicator extends HTMLElement {
+    /**
+     * The list of observed attributes.
+     */
+    static observedAttributes = ["animation"];
     /**
      * Registers the component.
      */
     static {
         customElements.define("offline-indicator", this);
     }
+    /**
+     * Value indicating whether to apply a transition.
+     */
+    get animation() {
+        return this.hasAttribute("animation");
+    }
+    set animation(value) {
+        this.toggleAttribute("animation", value);
+    }
+    /**
+     * 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 "animation":
+                    this.#updateAnimation(newValue != null);
+                    break;
+                // No default
+            }
+    }
     /**
      * Method invoked when this component is connected.
      */
@@ -23,8 +51,18 @@ export class OfflineIndicator extends HTMLElement {
         for (const event of ["online", "offline"])
             removeEventListener(event, this.#update);
     }
+    /**
+     * Updates the value indicating whether to apply a transition.
+     * @param value The new value.
+     */
+    #updateAnimation(value) {
+        this.classList.toggle("fade", value);
+    }
     /**
      * Updates this component.
      */
-    #update = () => this.hidden = navigator.onLine;
+    #update = () => {
+        this.classList.toggle("hide", navigator.onLine);
+        this.classList.toggle("show", !navigator.onLine);
+    };
 }

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

@@ -4,7 +4,7 @@ import { Context } from "../Context.js";
  */
 export interface IToast {
     /**
-     * Value indicating whether to apply a fade transition.
+     * Value indicating whether to apply a transition.
      */
     animation?: boolean;
     /**
@@ -14,7 +14,7 @@ export interface IToast {
     /**
      * The child content displayed in the body.
      */
-    body: DocumentFragment | string;
+    body: DocumentFragment;
     /**
      * The title displayed in the header.
      */
@@ -46,7 +46,7 @@ export declare class Toast extends HTMLElement {
      */
     static readonly observedAttributes: string[];
     /**
-     * Value indicating whether to apply a fade transition.
+     * Value indicating whether to apply a transition.
      */
     get animation(): boolean;
     set animation(value: boolean);

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,MAAM,WAAW,MAAM;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,EAAE,gBAAgB,GAAC,MAAM,CAAC;IAE9B;;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,MAAM,GAAC,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,KAAM,SAAQ,WAAW;;IAErC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAA+E;IAkCjH;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED;;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,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,MAAM,WAAW,MAAM;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;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,MAAM,GAAC,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,KAAM,SAAQ,WAAW;;IAErC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAA+E;IAkCjH;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED;;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,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"}

package/lib/UI/Components/Toast.js

@@ -35,7 +35,7 @@ export class Toast extends HTMLElement {
         customElements.define("toaster-item", this);
     }
     /**
-     * Value indicating whether to apply a fade transition.
+     * Value indicating whether to apply a transition.
      */
     get animation() {
         return this.hasAttribute("animation");
@@ -206,7 +206,7 @@ export class Toast extends HTMLElement {
         return this.#formatter.format(Math.ceil(-elapsed), Toast.#timeUnits[index]);
     }
     /**
-     * Updates the value indicating whether to apply a fade transition.
+     * Updates the value indicating whether to apply a transition.
      * @param value The new value.
      */
     #updateAnimation(value) {

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

@@ -15,7 +15,7 @@ export declare class Toaster extends HTMLElement {
      */
     constructor();
     /**
-     * Value indicating whether to apply a fade transition.
+     * Value indicating whether to apply a transition.
      */
     get animation(): boolean;
     set animation(value: boolean);
@@ -62,7 +62,7 @@ export declare class Toaster extends HTMLElement {
      * @param caption The title displayed in the toast header.
      * @param body The child content displayed in the toast body.
      */
-    show(context: Context, caption: string, body: DocumentFragment | string): void;
+    show(context: Context, caption: string, body: DocumentFragment): void;
     /**
      * Shows a toast.
      * @param toast The toast to show.

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;AAEtC,OAAO,EAAC,QAAQ,EAAQ,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,YAAY,CAAC;AAEvC;;GAEG;AACH,qBAAa,OAAQ,SAAQ,WAAW;;IAEvC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAgB;IAOlD;;OAEG;;IAaH;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED;;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,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,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAC,MAAM,GAAG,IAAI;IAE5E;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAsCzB;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;AAC/C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,YAAY,CAAC;AAEvC;;GAEG;AACH,qBAAa,OAAQ,SAAQ,WAAW;;IAEvC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAgB;IAOlD;;OAEG;;IAaH;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED;;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,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,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAErE;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAsCzB;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

@@ -1,5 +1,4 @@
 import { Context } from "../Context.js";
-import { createDocumentFragment } from "../ElementExtensions.js";
 import { Position, toCss } from "../Position.js";
 /**
  * Manages the notifications.
@@ -28,7 +27,7 @@ export class Toaster extends HTMLElement {
         customElements.define("toaster-container", this);
     }
     /**
-     * Value indicating whether to apply a fade transition.
+     * Value indicating whether to apply a transition.
      */
     get animation() {
         return this.hasAttribute("animation");
@@ -119,7 +118,7 @@ export class Toaster extends HTMLElement {
      * @param caption The title displayed in the toast header.
      * @param body The child content displayed in the toast body.
      */
-    show(toast, caption = "", body = "") {
+    show(toast, caption = "", body = document.createDocumentFragment()) {
         if (typeof toast == "string")
             toast = { context: toast, caption, body };
         const item = document.createElement("toaster-item");
@@ -128,7 +127,7 @@ export class Toaster extends HTMLElement {
         item.appendChild(childContent);
         item.animation = toast.animation ?? this.animation;
         item.autoHide = toast.autoHide ?? this.autoHide;
-        item.body = typeof toast.body == "string" ? createDocumentFragment(toast.body) : toast.body;
+        item.body = toast.body;
         item.caption = toast.caption;
         item.context = toast.context ?? this.context;
         item.culture = toast.culture ?? this.culture;

package/lib/UI/{FormExtensions.d.ts → Form.d.ts}

@@ -30,4 +30,4 @@ export declare function resetValidity(element: Element): void;
  * @param element The element to process.
  */
 export declare function trimControl(element: Element): void;
-//# sourceMappingURL=FormExtensions.d.ts.map
+//# sourceMappingURL=Form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Client/UI/Form.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAC,iBAAiB,GAAC,mBAAmB,CAAC;AAEjF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW,EAAE,CAEpE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW,GAAC,IAAI,CAEtE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,WAAW,CAEtE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAGpD;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAIlD"}