@cedx/base 0.30.0 → 0.32.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.30.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.32.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.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;;;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"}
+{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../src/Client/Base/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/DateRange.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Defines the type of a date range.
+ */
+export declare const DateRangeType: Readonly<{
+    /**
+     * 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 declare 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);
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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): string;
+}
+//# sourceMappingURL=DateRange.d.ts.map

package/lib/DateRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../src/Client/Base/DateRange.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,aAAa;IAEzB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;EAEF,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E;;GAEG;AACH,qBAAa,SAAS;IAErB;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAE7B;;;;;OAKG;gBACS,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAE,aAAoC;IAM9E;;;;OAIG;IACH,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS;IAQrD;;;;OAIG;IACH,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS;IAIjC;;;;OAIG;IACH,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS;IAQnC;;;;OAIG;IACH,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS;IAUrC;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS;IAOlC;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS;IAIlC;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO;IAIjC;;;;OAIG;IACH,QAAQ,CAAC,OAAO,GAAE,IAAI,CAAC,MAAM,GAAC,MAA2B,GAAG,MAAM;CAWlE"}

package/lib/DateRange.js

@@ -0,0 +1,136 @@
+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 a date range.
+ */
+export class DateRange {
+    /**
+     * The end date.
+     */
+    end;
+    /**
+     * The start date.
+     */
+    start;
+    /**
+     * The range type.
+     */
+    type;
+    /**
+     * Creates a new date range.
+     * @param start The start date.
+     * @param end The end date.
+     * @param type The range type.
+     */
+    constructor(start, end, type = 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) {
+        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) ? json.type : 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) {
+        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) {
+        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) {
+        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) {
+        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) {
+        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) {
+        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 = navigator.language) {
+        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/lib/File.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../src/Client/Base/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/Number.d.ts.map

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

package/lib/String.d.ts

@@ -1,16 +1,19 @@
 /**
- * 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 declare function capitalize(value: string, locale?: Intl.Locale | string): string;
+export declare function capitalize(value: string, culture?: Intl.Locale | string): string;
 /**
  * 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 declare function newLineToBr(value: string): string;
+export declare function newLineToBr(value: string, options?: {
+    xhtml?: boolean;
+}): string;
 /**
  * Reverses the specified string.
  * @param value The string to reverse.

package/lib/String.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"String.d.ts","sourceRoot":"","sources":["../src/Client/Base/String.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,IAAI,CAAC,MAAM,GAAC,MAA2B,GAAG,MAAM,CAElG;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAM,GAAG,MAAM,CAElF;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/String.js

@@ -1,19 +1,20 @@
 /**
- * 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, locale = navigator.language) {
-    return value.charAt(0).toLocaleUpperCase(locale) + value.slice(1);
+export function capitalize(value, culture = navigator.language) {
+    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) {
-    return value.split(/\r?\n/g).join("<br>");
+export function newLineToBr(value, options = {}) {
+    return value.split(/\r?\n/g).join(options.xhtml ? "<br />" : "<br>");
 }
 /**
  * Reverses the specified string.

package/lib/TimeSpan.d.ts.map

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

@@ -15,7 +15,7 @@ export declare class BackButton extends HTMLElement {
      * Moves back in the session history.
      * @param event The dispatched event.
      */
-    goBack(event?: Event): void;
+    readonly goBack: (event?: Event) => void;
 }
 /**
  * Declaration merging.

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

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

package/lib/UI/Components/BackButton.js

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

package/lib/UI/Components/DialogBox.js

@@ -29,9 +29,9 @@ 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));
+        this.querySelector(".btn-close").addEventListener("click", this.#close);
         for (const button of this.querySelectorAll(".modal-footer button"))
-            button.addEventListener("click", this.#close.bind(this));
+            button.addEventListener("click", this.#close);
     }
     /**
      * Registers the component.
@@ -211,7 +211,7 @@ export class DialogBox extends HTMLElement {
         if (message) {
             const footer = message.footer ?? document.createDocumentFragment();
             for (const button of footer.querySelectorAll("button"))
-                button.addEventListener("click", this.#close.bind(this));
+                button.addEventListener("click", this.#close);
             this.body = message.body;
             this.caption = message.caption;
             this.footer = footer;
@@ -226,10 +226,10 @@ export class DialogBox extends HTMLElement {
      * Closes this dialog box.
      * @param event The dispatched event.
      */
-    #close(event) {
+    #close = event => {
         event.preventDefault();
         this.close(event.currentTarget.value);
-    }
+    };
     /**
      * Updates the title displayed in the header.
      * @param value The new value.

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

@@ -30,7 +30,7 @@ export declare class FullScreenToggler extends HTMLElement {
      * @param event The dispatched event.
      * @returns Completes when the full-screen mode has been toggled.
      */
-    toggleFullScreen(event?: Event): Promise<void>;
+    readonly toggleFullScreen: (event?: Event) => Promise<void>;
 }
 /**
  * Declaration merging.

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

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

package/lib/UI/Components/FullScreenToggler.js

@@ -2,6 +2,10 @@
  * A component for toggling an element to full-screen.
  */
 export class FullScreenToggler extends HTMLElement {
+    /**
+     * The abort controller used to remove the event listeners.
+     */
+    #abortController = new AbortController;
     /**
      * The target element.
      */
@@ -15,7 +19,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
     }
     /**
      * Registers the component.
@@ -46,29 +50,28 @@ export class FullScreenToggler extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
-        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() {
-        document.removeEventListener("visibilitychange", this.#onVisibilityChanged);
-        this.#element.removeEventListener("fullscreenchange", this.#onFullScreenChanged);
+        this.#abortController.abort();
     }
     /**
      * Toggles the full-screen mode of the associated element.
      * @param event The dispatched event.
      * @returns Completes when the full-screen mode has been toggled.
      */
-    async toggleFullScreen(event) {
+    toggleFullScreen = async (event) => {
         event?.stopPropagation();
         if (document.fullscreenElement)
             await document.exitFullscreen();
         else
             await this.#element.requestFullscreen();
-    }
+    };
     /**
      * Acquires a new wake lock.
      * @returns Completes when the wake lock has been acquired.

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

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

package/lib/UI/Components/KeyboardAccelerator.js

@@ -3,6 +3,10 @@ import { KeyboardModifiers } from "../KeyboardModifiers.js";
  * Represents a shortcut key associated with an element.
  */
 export class KeyboardAccelerator extends HTMLElement {
+    /**
+     * The abort controller used to remove the event listeners.
+     */
+    #abortController = new AbortController;
     /**
      * The mapping between the modifier names and their values.
      */
@@ -40,13 +44,13 @@ export class KeyboardAccelerator extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback() {
-        addEventListener("keyup", this.#activateChildContent, { capture: true });
+        addEventListener("keyup", this.#activateChildContent, { capture: true, signal: this.#abortController.signal });
     }
     /**
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        removeEventListener("keyup", this.#activateChildContent, { capture: true });
+        this.#abortController.abort();
     }
     /**
      * Activates the child content when the specified keyboard event designates the same key and modifiers as this keyboard accelerator.

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

@@ -12,6 +12,10 @@ export declare class LoadingIndicator extends HTMLElement {
      */
     get fade(): boolean;
     set fade(value: boolean);
+    /**
+     * Value indicating whether this component is shown.
+     */
+    get isShown(): boolean;
     /**
      * Value indicating whether to initially show this component.
      */

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

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

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

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

package/lib/UI/Components/MenuActivator.js

@@ -2,6 +2,10 @@
  * A component that activates the items of a menu, based on the current document URL.
  */
 export class MenuActivator extends HTMLElement {
+    /**
+     * The abort controller used to remove the event listeners.
+     */
+    #abortController = new AbortController;
     /**
      * Registers the component.
      */
@@ -13,15 +17,14 @@ export class MenuActivator extends HTMLElement {
      */
     connectedCallback() {
         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() {
-        removeEventListener("popstate", this.#update);
-        document.body.removeEventListener("htmx:afterRequest", this.#update);
+        this.#abortController.abort();
     }
     /**
      * Updates this component.

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

@@ -12,6 +12,10 @@ export declare class OfflineIndicator extends HTMLElement {
      */
     get fade(): boolean;
     set fade(value: boolean);
+    /**
+     * Value indicating whether this component is shown.
+     */
+    get isShown(): boolean;
     /**
      * Value indicating whether to initially show this component.
      */

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

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

package/lib/UI/Components/OfflineIndicator.js

@@ -6,6 +6,10 @@ export class OfflineIndicator extends HTMLElement {
      * The list of observed attributes.
      */
     static observedAttributes = ["fade"];
+    /**
+     * The abort controller used to remove the event listeners.
+     */
+    #abortController = new AbortController;
     /**
      * Registers the component.
      */
@@ -21,6 +25,12 @@ export class OfflineIndicator extends HTMLElement {
     set fade(value) {
         this.toggleAttribute("fade", value);
     }
+    /**
+     * Value indicating whether this component is shown.
+     */
+    get isShown() {
+        return this.classList.contains("show");
+    }
     /**
      * Value indicating whether to initially show this component.
      */
@@ -50,7 +60,7 @@ export class OfflineIndicator extends HTMLElement {
      */
     connectedCallback() {
         for (const event of ["online", "offline"])
-            addEventListener(event, this.#updateVisibility);
+            addEventListener(event, this.#updateVisibility, { signal: this.#abortController.signal });
         if (this.open)
             this.show();
         else
@@ -60,8 +70,7 @@ export class OfflineIndicator extends HTMLElement {
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
-        for (const event of ["online", "offline"])
-            removeEventListener(event, this.#updateVisibility);
+        this.#abortController.abort();
     }
     /**
      * Hides this offline indicator.