@cedx/base 0.14.0 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/ReadMe.md +1 -1
  2. package/lib/UI/Components/LoadingIndicator.d.ts +7 -7
  3. package/lib/UI/Components/LoadingIndicator.d.ts.map +1 -1
  4. package/lib/UI/Components/LoadingIndicator.js +10 -10
  5. package/lib/UI/Components/Toast.d.ts +7 -2
  6. package/lib/UI/Components/Toast.d.ts.map +1 -1
  7. package/lib/UI/Components/Toast.js +31 -4
  8. package/lib/UI/Components/Toaster.d.ts +5 -5
  9. package/lib/UI/Components/Toaster.d.ts.map +1 -1
  10. package/lib/UI/Components/Toaster.js +8 -9
  11. package/package.json +1 -1
  12. package/src/Client/UI/Components/LoadingIndicator.ts +11 -11
  13. package/src/Client/UI/Components/Toast.ts +29 -4
  14. package/src/Client/UI/Components/Toaster.ts +8 -9
package/ReadMe.md CHANGED
@@ -1,5 +1,5 @@
1
1
  # Belin.io Base
2
- ![.NET](https://badgen.net/badge/.net/%3E%3D9.0/green) ![Version](https://badgen.net/badge/project/v0.14.0/blue) ![Licence](https://badgen.net/badge/licence/MIT/blue)
2
+ ![.NET](https://badgen.net/badge/.net/%3E%3D9.0/green) ![Version](https://badgen.net/badge/project/v0.15.0/blue) ![Licence](https://badgen.net/badge/licence/MIT/blue)
3
3
 
4
4
  Base library by [Cédric Belin](https://belin.io), full stack developer,
5
5
  implemented in [C#](https://learn.microsoft.com/en-us/dotnet/csharp) and [TypeScript](https://www.typescriptlang.org).
package/lib/UI/Components/LoadingIndicator.d.ts CHANGED
@@ -4,16 +4,16 @@
4
4
  export declare class LoadingIndicator extends HTMLElement {
5
5
  #private;
6
6
  /**
7
- * Starts the loading indicator.
7
+ * Hides the loading indicator.
8
+ * @param options Value indicating whether to force the loading indicator to hide.
8
9
  */
9
- start(): void;
10
- /**
11
- * Stops the loading indicator.
12
- * @param options Value indicating whether to force the loading indicator to stop.
13
- */
14
- stop(options?: {
10
+ hide(options?: {
15
11
  force?: boolean;
16
12
  }): void;
13
+ /**
14
+ * Shows the loading indicator.
15
+ */
16
+ show(): void;
17
17
  }
18
18
  /**
19
19
  * Declaration merging.
package/lib/UI/Components/LoadingIndicator.d.ts.map CHANGED
@@ -1 +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;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;;OAGG;IACH,IAAI,CAAC,OAAO,GAAE;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAM,GAAG,IAAI;CAO3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}
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"}
package/lib/UI/Components/LoadingIndicator.js CHANGED
@@ -13,21 +13,21 @@ export class LoadingIndicator extends HTMLElement {
13
13
  customElements.define("loading-indicator", this);
14
14
  }
15
15
  /**
16
- * Starts the loading indicator.
16
+ * Hides the loading indicator.
17
+ * @param options Value indicating whether to force the loading indicator to hide.
17
18
  */
18
- start() {
19
- this.#requestCount++;
20
- this.hidden = false;
21
- }
22
- /**
23
- * Stops the loading indicator.
24
- * @param options Value indicating whether to force the loading indicator to stop.
25
- */
26
- stop(options = {}) {
19
+ hide(options = {}) {
27
20
  this.#requestCount--;
28
21
  if (this.#requestCount <= 0 || options.force) {
29
22
  this.#requestCount = 0;
30
23
  this.hidden = true;
31
24
  }
32
25
  }
26
+ /**
27
+ * Shows the loading indicator.
28
+ */
29
+ show() {
30
+ this.#requestCount++;
31
+ this.hidden = false;
32
+ }
33
33
  }
package/lib/UI/Components/Toast.d.ts CHANGED
@@ -14,7 +14,7 @@ export declare class Toast extends HTMLElement {
14
14
  get animation(): boolean;
15
15
  set animation(value: boolean);
16
16
  /**
17
- * Value indicating whether to automatically hide the toast.
17
+ * Value indicating whether to automatically hide this toast.
18
18
  */
19
19
  get autoHide(): boolean;
20
20
  set autoHide(value: boolean);
@@ -38,7 +38,7 @@ export declare class Toast extends HTMLElement {
38
38
  get culture(): Intl.Locale;
39
39
  set culture(value: Intl.Locale);
40
40
  /**
41
- * The delay, in milliseconds, to hide the toast.
41
+ * The delay, in milliseconds, to hide this toast.
42
42
  */
43
43
  get delay(): number;
44
44
  set delay(value: number);
@@ -51,6 +51,11 @@ export declare class Toast extends HTMLElement {
51
51
  */
52
52
  get icon(): string;
53
53
  set icon(value: string);
54
+ /**
55
+ * Value indicating whether to initially show this toast.
56
+ */
57
+ get open(): boolean;
58
+ set open(value: boolean);
54
59
  /**
55
60
  * Method invoked when an attribute has been changed.
56
61
  * @param attribute The attribute name.
package/lib/UI/Components/Toast.d.ts.map CHANGED
@@ -1 +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,WAA6C;IAkC/E;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAG3B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED;;OAEG;IACH,IAAI,YAAY,CAAC,KAAK,EAAE,gBAAgB,EAEvC;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,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;IAkB/F;;OAEG;IACH,iBAAiB,IAAI,IAAI;IASzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,IAAI,IAAI,IAAI;CA+DZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,cAAc,EAAE,KAAK,CAAC;KACtB;CACD"}
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,WAAqD;IAkCvF;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAG3B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED;;OAEG;IACH,IAAI,YAAY,CAAC,KAAK,EAAE,gBAAgB,EAEvC;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,CAGjB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAGtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAoB/F;;OAEG;IACH,iBAAiB,IAAI,IAAI;IASzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,IAAI,IAAI,IAAI;CA2EZ;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 CHANGED
@@ -7,7 +7,7 @@ export class Toast extends HTMLElement {
7
7
  /**
8
8
  * The list of observed attributes.
9
9
  */
10
- static observedAttributes = ["caption", "context", "culture", "icon"];
10
+ static observedAttributes = ["caption", "context", "culture", "icon", "open"];
11
11
  /**
12
12
  * The time units.
13
13
  */
@@ -47,7 +47,7 @@ export class Toast extends HTMLElement {
47
47
  this.removeAttribute("animation");
48
48
  }
49
49
  /**
50
- * Value indicating whether to automatically hide the toast.
50
+ * Value indicating whether to automatically hide this toast.
51
51
  */
52
52
  get autoHide() {
53
53
  return this.hasAttribute("autohide");
@@ -94,7 +94,7 @@ export class Toast extends HTMLElement {
94
94
  this.setAttribute("culture", value.toString());
95
95
  }
96
96
  /**
97
- * The delay, in milliseconds, to hide the toast.
97
+ * The delay, in milliseconds, to hide this toast.
98
98
  */
99
99
  get delay() {
100
100
  const value = Number(this.getAttribute("delay"));
@@ -119,6 +119,18 @@ export class Toast extends HTMLElement {
119
119
  set icon(value) {
120
120
  this.setAttribute("icon", value);
121
121
  }
122
+ /**
123
+ * Value indicating whether to initially show this toast.
124
+ */
125
+ get open() {
126
+ return this.hasAttribute("open");
127
+ }
128
+ set open(value) {
129
+ if (value)
130
+ this.setAttribute("open", "");
131
+ else
132
+ this.removeAttribute("open");
133
+ }
122
134
  /**
123
135
  * Method invoked when an attribute has been changed.
124
136
  * @param attribute The attribute name.
@@ -140,6 +152,8 @@ export class Toast extends HTMLElement {
140
152
  case "icon":
141
153
  this.#updateIcon(newValue ?? "");
142
154
  break;
155
+ case "open":
156
+ this.#updateVisibility();
143
157
  // No default
144
158
  }
145
159
  }
@@ -221,6 +235,19 @@ export class Toast extends HTMLElement {
221
235
  * @param value The new value.
222
236
  */
223
237
  #updateIcon(value) {
224
- this.querySelector(".toast-header .icon").textContent = value.trim() || getIcon(Context.Info);
238
+ this.querySelector(".toast-header .icon").textContent = value.trim() || getIcon(this.context);
239
+ }
240
+ /**
241
+ * Updates the toast visibility.
242
+ */
243
+ #updateVisibility() {
244
+ const { classList } = this.firstElementChild;
245
+ if (!this.open)
246
+ classList.remove("show");
247
+ else {
248
+ if (this.animation)
249
+ classList.add("fade");
250
+ classList.add("show");
251
+ }
225
252
  }
226
253
  }
package/lib/UI/Components/Toaster.d.ts CHANGED
@@ -89,14 +89,14 @@ export declare class Toaster extends HTMLElement {
89
89
  */
90
90
  attributeChangedCallback(attribute: string, oldValue: string | null, newValue: string | null): void;
91
91
  /**
92
- * Shows a toast with the specified message.
93
- * @param caption The title displayed in the header.
94
- * @param message The message to show.
95
- * @param options The toast options.
92
+ * Shows a toast.
93
+ * @param context The contextual modifier.
94
+ * @param caption The title displayed in the toast header.
95
+ * @param childContent The child content displayed in the toast body.
96
96
  */
97
97
  notify(context: Context, caption: string, childContent: DocumentFragment | string): void;
98
98
  /**
99
- * Shows a toast with the specified toast.
99
+ * Shows the specified toast.
100
100
  * @param toast The toast to show.
101
101
  */
102
102
  show(toast: IToast): void;
package/lib/UI/Components/Toaster.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/Toaster.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAU,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAC,QAAQ,EAAQ,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,MAAM;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,YAAY,EAAE,gBAAgB,GAAC,MAAM,CAAC;IAEtC;;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,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,OAAQ,SAAQ,WAAW;;IAEvC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAgB;IAclD;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAG3B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;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,CAGjB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;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;IAS/F;;;;;OAKG;IACH,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,GAAC,MAAM,GAAG,IAAI;IAItF;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CA2BzB;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,OAAO,CAAC;KAC7B;CACD"}
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;AAE/C;;GAEG;AACH,MAAM,WAAW,MAAM;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,YAAY,EAAE,gBAAgB,GAAC,MAAM,CAAC;IAEtC;;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,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,OAAQ,SAAQ,WAAW;;IAEvC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAgB;IAclD;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAG3B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;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,CAEjB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;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;IAS/F;;;;;OAKG;IACH,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,GAAC,MAAM,GAAG,IAAI;IAItF;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CA2BzB;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 CHANGED
@@ -1,4 +1,4 @@
1
- import { Context, getIcon } from "../Context.js";
1
+ import { Context } from "../Context.js";
2
2
  import { createDocumentFragment } from "../ElementExtensions.js";
3
3
  import { Position, toCss } from "../Position.js";
4
4
  /**
@@ -77,8 +77,7 @@ export class Toaster extends HTMLElement {
77
77
  * The default icon displayed next to the captions.
78
78
  */
79
79
  get icon() {
80
- const value = this.getAttribute("icon") ?? "";
81
- return value.trim() || getIcon(this.context);
80
+ return (this.getAttribute("icon") ?? "").trim();
82
81
  }
83
82
  set icon(value) {
84
83
  this.setAttribute("icon", value);
@@ -109,22 +108,22 @@ export class Toaster extends HTMLElement {
109
108
  }
110
109
  }
111
110
  /**
112
- * Shows a toast with the specified message.
113
- * @param caption The title displayed in the header.
114
- * @param message The message to show.
115
- * @param options The toast options.
111
+ * Shows a toast.
112
+ * @param context The contextual modifier.
113
+ * @param caption The title displayed in the toast header.
114
+ * @param childContent The child content displayed in the toast body.
116
115
  */
117
116
  notify(context, caption, childContent) {
118
117
  this.show({ context, caption, childContent });
119
118
  }
120
119
  /**
121
- * Shows a toast with the specified toast.
120
+ * Shows the specified toast.
122
121
  * @param toast The toast to show.
123
122
  */
124
123
  show(toast) {
125
124
  const item = document.createElement("toaster-item");
126
125
  item.addEventListener("hidden.bs.toast", () => item.remove());
127
- item.appendChild(this.#toastTemplate.cloneNode(true).querySelector(".toast"));
126
+ item.appendChild(this.#toastTemplate.cloneNode(true).firstElementChild);
128
127
  item.animation = toast.animation ?? this.animation;
129
128
  item.autoHide = toast.autoHide ?? this.autoHide;
130
129
  item.caption = toast.caption;
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "name": "@cedx/base",
8
8
  "repository": "cedx/base",
9
9
  "type": "module",
10
- "version": "0.14.0",
10
+ "version": "0.15.0",
11
11
  "devDependencies": {
12
12
  "@playwright/browser-chromium": "^1.55.0",
13
13
  "@types/bootstrap": "^5.2.10",
package/src/Client/UI/Components/LoadingIndicator.ts CHANGED
@@ -16,24 +16,24 @@ export class LoadingIndicator extends HTMLElement {
16
16
  }
17
17
 
18
18
  /**
19
- * Starts the loading indicator.
19
+ * Hides the loading indicator.
20
+ * @param options Value indicating whether to force the loading indicator to hide.
20
21
  */
21
- start(): void {
22
- this.#requestCount++;
23
- this.hidden = false;
24
- }
25
-
26
- /**
27
- * Stops the loading indicator.
28
- * @param options Value indicating whether to force the loading indicator to stop.
29
- */
30
- stop(options: {force?: boolean} = {}): void {
22
+ hide(options: {force?: boolean} = {}): void {
31
23
  this.#requestCount--;
32
24
  if (this.#requestCount <= 0 || options.force) {
33
25
  this.#requestCount = 0;
34
26
  this.hidden = true;
35
27
  }
36
28
  }
29
+
30
+ /**
31
+ * Shows the loading indicator.
32
+ */
33
+ show(): void {
34
+ this.#requestCount++;
35
+ this.hidden = false;
36
+ }
37
37
  }
38
38
 
39
39
  /**
package/src/Client/UI/Components/Toast.ts CHANGED
@@ -9,7 +9,7 @@ export class Toast extends HTMLElement {
9
9
  /**
10
10
  * The list of observed attributes.
11
11
  */
12
- static readonly observedAttributes = ["caption", "context", "culture", "icon"];
12
+ static readonly observedAttributes = ["caption", "context", "culture", "icon", "open"];
13
13
 
14
14
  /**
15
15
  * The time units.
@@ -55,7 +55,7 @@ export class Toast extends HTMLElement {
55
55
  }
56
56
 
57
57
  /**
58
- * Value indicating whether to automatically hide the toast.
58
+ * Value indicating whether to automatically hide this toast.
59
59
  */
60
60
  get autoHide(): boolean {
61
61
  return this.hasAttribute("autohide");
@@ -105,7 +105,7 @@ export class Toast extends HTMLElement {
105
105
  }
106
106
 
107
107
  /**
108
- * The delay, in milliseconds, to hide the toast.
108
+ * The delay, in milliseconds, to hide this toast.
109
109
  */
110
110
  get delay(): number {
111
111
  const value = Number(this.getAttribute("delay"));
@@ -133,6 +133,17 @@ export class Toast extends HTMLElement {
133
133
  this.setAttribute("icon", value);
134
134
  }
135
135
 
136
+ /**
137
+ * Value indicating whether to initially show this toast.
138
+ */
139
+ get open(): boolean {
140
+ return this.hasAttribute("open");
141
+ }
142
+ set open(value: boolean) {
143
+ if (value) this.setAttribute("open", "");
144
+ else this.removeAttribute("open");
145
+ }
146
+
136
147
  /**
137
148
  * Method invoked when an attribute has been changed.
138
149
  * @param attribute The attribute name.
@@ -153,6 +164,8 @@ export class Toast extends HTMLElement {
153
164
  case "icon":
154
165
  this.#updateIcon(newValue ?? "");
155
166
  break;
167
+ case "open":
168
+ this.#updateVisibility();
156
169
  // No default
157
170
  }
158
171
  }
@@ -248,7 +261,19 @@ export class Toast extends HTMLElement {
248
261
  * @param value The new value.
249
262
  */
250
263
  #updateIcon(value: string): void {
251
- this.querySelector(".toast-header .icon")!.textContent = value.trim() || getIcon(Context.Info);
264
+ this.querySelector(".toast-header .icon")!.textContent = value.trim() || getIcon(this.context);
265
+ }
266
+
267
+ /**
268
+ * Updates the toast visibility.
269
+ */
270
+ #updateVisibility(): void {
271
+ const {classList} = this.firstElementChild!;
272
+ if (!this.open) classList.remove("show");
273
+ else {
274
+ if (this.animation) classList.add("fade");
275
+ classList.add("show");
276
+ }
252
277
  }
253
278
  }
254
279
 
package/src/Client/UI/Components/Toaster.ts CHANGED
@@ -1,4 +1,4 @@
1
- import {Context, getIcon} from "../Context.js";
1
+ import {Context} from "../Context.js";
2
2
  import {createDocumentFragment} from "../ElementExtensions.js";
3
3
  import {Position, toCss} from "../Position.js";
4
4
 
@@ -129,8 +129,7 @@ export class Toaster extends HTMLElement {
129
129
  * The default icon displayed next to the captions.
130
130
  */
131
131
  get icon(): string {
132
- const value = this.getAttribute("icon") ?? "";
133
- return value.trim() || getIcon(this.context);
132
+ return (this.getAttribute("icon") ?? "").trim();
134
133
  }
135
134
  set icon(value: string) {
136
135
  this.setAttribute("icon", value);
@@ -163,23 +162,23 @@ export class Toaster extends HTMLElement {
163
162
  }
164
163
 
165
164
  /**
166
- * Shows a toast with the specified message.
167
- * @param caption The title displayed in the header.
168
- * @param message The message to show.
169
- * @param options The toast options.
165
+ * Shows a toast.
166
+ * @param context The contextual modifier.
167
+ * @param caption The title displayed in the toast header.
168
+ * @param childContent The child content displayed in the toast body.
170
169
  */
171
170
  notify(context: Context, caption: string, childContent: DocumentFragment|string): void {
172
171
  this.show({context, caption, childContent});
173
172
  }
174
173
 
175
174
  /**
176
- * Shows a toast with the specified toast.
175
+ * Shows the specified toast.
177
176
  * @param toast The toast to show.
178
177
  */
179
178
  show(toast: IToast): void {
180
179
  const item = document.createElement("toaster-item");
181
180
  item.addEventListener("hidden.bs.toast", () => item.remove());
182
- item.appendChild((this.#toastTemplate.cloneNode(true) as DocumentFragment).querySelector(".toast")!);
181
+ item.appendChild((this.#toastTemplate.cloneNode(true) as DocumentFragment).firstElementChild!);
183
182
 
184
183
  item.animation = toast.animation ?? this.animation;
185
184
  item.autoHide = toast.autoHide ?? this.autoHide;