@cedx/base 0.27.0 → 0.28.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.27.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.28.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/UI/Components/FullScreenToggler.d.ts

@@ -28,7 +28,7 @@ export declare class FullScreenToggler extends HTMLElement {
     /**
      * Toggles the full-screen mode of the associated element.
      * @param event The dispatched event.
-     * @returns Resolves when the full-screen mode has been toggled.
+     * @returns Completes when the full-screen mode has been toggled.
      */
     toggleFullScreen(event?: Event): Promise<void>;
 }

package/lib/UI/Components/FullScreenToggler.js

@@ -60,7 +60,7 @@ export class FullScreenToggler extends HTMLElement {
     /**
      * Toggles the full-screen mode of the associated element.
      * @param event The dispatched event.
-     * @returns Resolves when the full-screen mode has been toggled.
+     * @returns Completes when the full-screen mode has been toggled.
      */
     async toggleFullScreen(event) {
         event?.stopPropagation();
@@ -71,7 +71,7 @@ export class FullScreenToggler extends HTMLElement {
     }
     /**
      * Acquires a new wake lock.
-     * @returns Resolves when the wake lock has been acquired.
+     * @returns Completes when the wake lock has been acquired.
      */
     async #acquireWakeLock() {
         if (this.#sentinel && !this.#sentinel.released)
@@ -99,7 +99,7 @@ export class FullScreenToggler extends HTMLElement {
     };
     /**
      * Releases the acquired wake lock.
-     * @returns Resolves when the wake lock has been released.
+     * @returns Completes when the wake lock has been released.
      */
     async #releaseWakeLock() {
         if (!this.#sentinel || this.#sentinel.released)

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

@@ -7,6 +7,11 @@ export declare class TypeAhead extends HTMLElement {
      * The list of observed attributes.
      */
     static readonly observedAttributes: string[];
+    /**
+     * The delay in milliseconds to wait before triggering autocomplete suggestions.
+     */
+    get delay(): number;
+    set delay(value: number);
     /**
      * The function invoked when the query has been changed.
      */
@@ -26,11 +31,6 @@ export declare class TypeAhead extends HTMLElement {
      */
     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.

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

@@ -1 +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"}
+{"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,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;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;;;;;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

@@ -20,6 +20,16 @@ export class TypeAhead extends HTMLElement {
     static {
         customElements.define("type-ahead", this);
     }
+    /**
+     * The delay in milliseconds to wait before triggering autocomplete suggestions.
+     */
+    get delay() {
+        const value = Number(this.getAttribute("delay"));
+        return Math.max(0, Number.isNaN(value) ? 300 : value);
+    }
+    set delay(value) {
+        this.setAttribute("delay", value.toString());
+    }
     /**
      * The function invoked when the query has been changed.
      */
@@ -31,7 +41,7 @@ export class TypeAhead extends HTMLElement {
             catch {
                 this.#updateItems([]);
             }
-        }, this.wait);
+        }, this.delay);
     }
     /**
      * The data list identifier.
@@ -46,11 +56,11 @@ export class TypeAhead extends HTMLElement {
      * The minimum character length needed before triggering autocomplete suggestions.
      */
     get minLength() {
-        const value = Number(this.getAttribute("minLength"));
+        const value = Number(this.getAttribute("minlength"));
         return Math.max(1, Number.isNaN(value) ? 1 : value);
     }
     set minLength(value) {
-        this.setAttribute("minLength", value.toString());
+        this.setAttribute("minlength", value.toString());
     }
     /**
      * The query to look up.
@@ -61,16 +71,6 @@ export class TypeAhead extends HTMLElement {
     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.

package/package.json

@@ -7,7 +7,7 @@
 	"name": "@cedx/base",
 	"repository": "cedx/base",
 	"type": "module",
-	"version": "0.27.0",
+	"version": "0.28.0",
 	"devDependencies": {
 		"@playwright/browser-chromium": "^1.55.0",
 		"@types/bootstrap": "^5.2.10",
@@ -18,12 +18,12 @@
 		"chai": "^6.0.1",
 		"esbuild": "^0.25.9",
 		"globals": "^16.3.0",
-		"mocha": "^11.7.1",
+		"mocha": "^11.7.2",
 		"playwright": "^1.55.0",
 		"serve-handler": "^6.1.6",
 		"typedoc": "^0.28.12",
 		"typescript": "^5.9.2",
-		"typescript-eslint": "^8.41.0"
+		"typescript-eslint": "^8.42.0"
 	},
 	"engines": {
 		"node": ">=24.0.0"

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

@@ -69,7 +69,7 @@ export class FullScreenToggler extends HTMLElement {
 	/**
 	 * Toggles the full-screen mode of the associated element.
 	 * @param event The dispatched event.
-	 * @returns Resolves when the full-screen mode has been toggled.
+	 * @returns Completes when the full-screen mode has been toggled.
 	 */
 	async toggleFullScreen(event?: Event): Promise<void> {
 		event?.stopPropagation();
@@ -79,7 +79,7 @@ export class FullScreenToggler extends HTMLElement {
 
 	/**
 	 * Acquires a new wake lock.
-	 * @returns Resolves when the wake lock has been acquired.
+	 * @returns Completes when the wake lock has been acquired.
 	 */
 	async #acquireWakeLock(): Promise<void> {
 		if (this.#sentinel && !this.#sentinel.released) return;
@@ -105,7 +105,7 @@ export class FullScreenToggler extends HTMLElement {
 
 	/**
 	 * Releases the acquired wake lock.
-	 * @returns Resolves when the wake lock has been released.
+	 * @returns Completes when the wake lock has been released.
 	 */
 	async #releaseWakeLock(): Promise<void> {
 		if (!this.#sentinel || this.#sentinel.released) return;

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

@@ -25,6 +25,17 @@ export class TypeAhead extends HTMLElement {
 		customElements.define("type-ahead", this);
 	}
 
+	/**
+	 * The delay in milliseconds to wait before triggering autocomplete suggestions.
+	 */
+	get delay(): number {
+		const value = Number(this.getAttribute("delay"));
+		return Math.max(0, Number.isNaN(value) ? 300 : value);
+	}
+	set delay(value: number) {
+		this.setAttribute("delay", value.toString());
+	}
+
 	/**
 	 * The function invoked when the query has been changed.
 	 */
@@ -32,7 +43,7 @@ export class TypeAhead extends HTMLElement {
 		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);
+		}, this.delay);
 	}
 
 	/**
@@ -49,11 +60,11 @@ export class TypeAhead extends HTMLElement {
 	 * The minimum character length needed before triggering autocomplete suggestions.
 	 */
 	get minLength(): number {
-		const value = Number(this.getAttribute("minLength"));
+		const value = Number(this.getAttribute("minlength"));
 		return Math.max(1, Number.isNaN(value) ? 1 : value);
 	}
 	set minLength(value: number) {
-		this.setAttribute("minLength", value.toString());
+		this.setAttribute("minlength", value.toString());
 	}
 
 	/**
@@ -66,17 +77,6 @@ export class TypeAhead extends HTMLElement {
 		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.