@cedx/base 0.21.0 → 0.22.0

package/lib/UI/Variant.js

@@ -1,23 +1,25 @@
+import { Context } from "./Context.js";
 /**
  * Defines tone variants.
  */
 export const Variant = Object.freeze({
+    ...Context,
     /**
-     * A dark variant.
+     * A primary tone.
      */
-    Dark: "Dark",
+    Primary: "Primary",
     /**
-     * A light variant.
+     * A secondary tone.
      */
-    Light: "Light",
+    Secondary: "Secondary",
     /**
-     * A primary variant.
+     * A light tone.
      */
-    Primary: "Primary",
+    Light: "Light",
     /**
-     * A secondary variant.
+     * A dark tone.
      */
-    Secondary: "Secondary"
+    Dark: "Dark"
 });
 /**
  * Returns the CSS representation of the specified variant.

package/package.json

@@ -7,7 +7,7 @@
 	"name": "@cedx/base",
 	"repository": "cedx/base",
 	"type": "module",
-	"version": "0.21.0",
+	"version": "0.22.0",
 	"devDependencies": {
 		"@playwright/browser-chromium": "^1.55.0",
 		"@types/bootstrap": "^5.2.10",

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

@@ -1,14 +1,39 @@
 import {Modal} from "bootstrap";
-import {type Context, getIcon, toCss} from "../Context.js";
+import {type Context, toCss as contextCss, getIcon} from "../Context.js";
 import {DialogResult} from "../DialogResult.js";
 import {html} from "../Tag.js";
-import {Variant} from "../Variant.js";
-import type {DialogButton, IDialogButton} from "./DialogButton.js";
+import {Variant, toCss as variantCss} from "../Variant.js";
+
+/**
+ * Represents a dialog box button.
+ */
+export interface IDialogButton {
+
+	/**
+	 * The button icon.
+	 */
+	icon?: string;
+
+	/**
+	 * The button label.
+	 */
+	label?: string;
+
+	/**
+	 * The button value.
+	 */
+	value?: string;
+
+	/**
+	 * A tone variant.
+	 */
+	variant?: Context|Variant;
+}
 
 /**
  * Represents a message to display in a dialog box.
  */
-export interface IMessage {
+export interface IDialogMessage {
 
 	/**
 	 * The child content displayed in the body.
@@ -36,25 +61,20 @@ export class DialogBox extends HTMLElement {
 	 */
 	static readonly observedAttributes = ["caption", "centered", "fade", "modal", "scrollable"];
 
-	/**
-	 * The template for a button.
-	 */
-	readonly #buttonTemplate: DocumentFragment = this.querySelector("template")!.content;
-
 	/**
 	 * The underlying Bootstrap modal.
 	 */
 	#modal!: Modal;
 
 	/**
-	 * The function invoked to return the dialog box result.
+	 * The function invoked to resolve the dialog result.
 	 */
-	#resolve: (value: DialogResult) => void = () => { /* Noop */ };
+	#resolve!: (value: string) => void;
 
 	/**
-	 * The dialog result.
+	 * The promise providing the dialog result.
 	 */
-	#result: DialogResult = DialogResult.None;
+	#result: string = DialogResult.None;
 
 	/**
 	 * Creates a new dialog box.
@@ -62,8 +82,8 @@ export class DialogBox extends HTMLElement {
 	constructor() {
 		super();
 		this.firstElementChild!.addEventListener("hidden.bs.modal", () => this.#resolve(this.#result));
-		this.querySelector(".btn-close")!.addEventListener("click", this.#close);
-		for (const button of this.querySelectorAll(".modal-footer button")) button.addEventListener("click", this.#close);
+		this.querySelector(".btn-close")!.addEventListener("click", event => this.#close(event));
+		for (const button of this.querySelectorAll(".modal-footer button")) button.addEventListener("click", event => this.#close(event));
 	}
 
 	/**
@@ -77,7 +97,7 @@ export class DialogBox extends HTMLElement {
 	 * The child content displayed in the body.
 	 */
 	set body(value: DocumentFragment) { // eslint-disable-line accessor-pairs
-		this.querySelector(".modal-body > div")!.replaceChildren(...value.childNodes);
+		this.querySelector(".modal-body")!.replaceChildren(...value.childNodes);
 	}
 
 	/**
@@ -139,6 +159,13 @@ export class DialogBox extends HTMLElement {
 		this.toggleAttribute("open", value);
 	}
 
+	/**
+	 * The dialog result.
+	 */
+	get result(): string {
+		return this.#result;
+	}
+
 	/**
 	 * Value indicating whether the body is scrollable.
 	 */
@@ -167,23 +194,38 @@ export class DialogBox extends HTMLElement {
 	}
 
 	/**
-	 * Shows an alert message with an "OK" button.
+	 * Shows an alert message with an "OK" button by default.
 	 * @param context The contextual modifier.
 	 * @param caption The title displayed in the header.
-	 * @param body The child content displayed in the body.
-	 * @returns The dialog box result.
-	 */
-	alert(context: Context, caption: string, body: DocumentFragment): Promise<DialogResult> {
-		return this.show(context, caption, this.#getBodyTemplate(context, body), [
-			{label: "OK", value: DialogResult.OK, variant: Variant.Primary}
-		]);
+	 * @param message The child content displayed in the body.
+	 * @param buttons The buttons displayed in the footer.
+	 * @returns The dialog result.
+	 */
+	alert(context: Context, caption: string, message: DocumentFragment, buttons: IDialogButton[] = []): Promise<string> {
+		return this.show({
+			caption,
+			body: html`
+				<div class="d-flex gap-2">
+					<i class="icon icon-fill fs-1 text-${contextCss(context)}"> ${getIcon(context)}</i>
+					<div class="flex-grow-1">${message}</div>
+				</div>
+			`,
+			footer: html`
+				${(buttons.length ? buttons : [{label: "OK", value: DialogResult.OK, variant: Variant.Primary}]).map(button => html`
+					<button class="btn btn-${variantCss(button.variant ?? Variant.Primary)}" type="button" value="${button.value ?? DialogResult.None}">
+						${button.icon ? html`<i class="icon ${button.label ? "me-1" : ""}">${button.icon}</i>` : ""}
+						${button.label}
+					</button>
+				`)}
+			`
+		});
 	}
 
 	/**
 	 * Closes this dialog box.
-	 * @param result The dialog box result.
+	 * @param result The dialog result.
 	 */
-	close(result: DialogResult = DialogResult.None): void {
+	close(result: string = DialogResult.None): void {
 		this.#result = result;
 		this.#modal.hide();
 	}
@@ -192,11 +234,11 @@ export class DialogBox extends HTMLElement {
 	 * Shows a confirmation message with two buttons, "OK" and "Cancel".
 	 * @param context The contextual modifier.
 	 * @param caption The title displayed in the header.
-	 * @param body The child content displayed in the body.
-	 * @returns The dialog box result.
+	 * @param message The child content displayed in the body.
+	 * @returns The dialog result.
 	 */
-	confirm(context: Context, caption: string, body: DocumentFragment): Promise<DialogResult> {
-		return this.show(context, caption, this.#getBodyTemplate(context, body), [
+	confirm(context: Context, caption: string, message: DocumentFragment): Promise<string> {
+		return this.alert(context, caption, message, [
 			{label: "OK", value: DialogResult.OK, variant: Variant.Primary},
 			{label: "Annuler", value: DialogResult.Cancel, variant: Variant.Secondary}
 		]);
@@ -220,44 +262,18 @@ export class DialogBox extends HTMLElement {
 	/**
 	 * Shows a message.
 	 * @param message The message to show.
-	 * @returns The dialog box result.
-	 */
-	show(message?: IMessage): Promise<DialogResult>;
-
-	/**
-	 * Shows a message.
-	 * @param context The contextual modifier.
-	 * @param caption The title displayed in the header.
-	 * @param body The child content displayed in the body.
-	 * @param buttons The buttons displayed in the footer.
-	 * @returns The dialog box result.
+	 * @returns The dialog result.
 	 */
-	show(context: Context, caption: string, body: DocumentFragment, buttons?: IDialogButton[]): Promise<DialogResult>;
-
-	/**
-	 * Shows a message.
-	 * @param message The message to show, or the contextual modifier.
-	 * @param caption The title displayed in the header.
-	 * @param body The child content displayed in the body.
-	 * @param buttons The buttons displayed in the footer.
-	 * @returns The dialog box result.
-	 */
-	show(message: IMessage|Context|null = null, caption = "", body = document.createDocumentFragment(), buttons: IDialogButton[] = []): Promise<DialogResult> {
-		if (typeof message == "string") {
-			const footer = document.createDocumentFragment();
-			footer.append(...buttons.map(button => this.#createButton(button)));
-			message = {body, caption, footer};
-		}
-
+	show(message: IDialogMessage|null = null): Promise<string> {
 		if (message) {
 			const footer = message.footer ?? document.createDocumentFragment();
-			for (const button of footer.querySelectorAll("button")) button.addEventListener("click", this.#close);
+			for (const button of footer.querySelectorAll("button")) button.addEventListener("click", event => this.#close(event));
 			this.body = message.body;
 			this.caption = message.caption;
 			this.footer = footer;
 		}
 
-		const {promise, resolve} = Promise.withResolvers<DialogResult>();
+		const {promise, resolve} = Promise.withResolvers<string>();
 		this.#resolve = resolve;
 		this.#result = DialogResult.None;
 		this.#modal.show();
@@ -268,43 +284,9 @@ export class DialogBox extends HTMLElement {
 	 * Closes this dialog box.
 	 * @param event The dispatched event.
 	 */
-	readonly #close: (event: Event) => void = event => {
-		const button = (event.target as Element).closest("button")!;
-		this.close(Object.values(DialogResult).includes(button.value as DialogResult) ? button.value as DialogResult : DialogResult.None);
-	}
-
-	/**
-	 * Creates the component instance corresponding to the specified button.
-	 * @param button An object describing the appearance of the button.
-	 * @returns The component instance corresponding to the specified button.
-	 */
-	#createButton(button: IDialogButton): DialogButton {
-		const element = document.createElement("dialog-button");
-		const childContent = (this.#buttonTemplate.cloneNode(true) as DocumentFragment).querySelector("button")!;
-		childContent.addEventListener("click", this.#close);
-		element.appendChild(childContent);
-
-		element.context = button.context ?? null;
-		element.icon = button.icon ?? null;
-		element.label = button.label ?? "";
-		element.value = button.value ?? DialogResult.None;
-		element.variant = button.variant ?? null;
-		return element;
-	}
-
-	/**
-	 * Gets the body template corresponding to the specified context and message.
-	 * @param context The contextual modifier.
-	 * @param message The child content displayed in the body.
-	 * @returns The body template corresponding to the specified context and message.
-	 */
-	#getBodyTemplate(context: Context, message: DocumentFragment): DocumentFragment {
-		return html`
-			<div class="d-flex gap-2">
-				<i class="icon icon-fill fs-1 text-${toCss(context)}"> ${getIcon(context)}</i>
-				<div class="flex-grow-1">${message}</div>
-			</div>
-		`;
+	#close(event: Event): void {
+		event.preventDefault();
+		this.close((event.target as Element).closest("button")!.value);
 	}
 
 	/**

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

@@ -27,7 +27,7 @@ export class ThemeDropdown extends HTMLElement {
 	 */
 	constructor() {
 		super();
-		for (const button of this.querySelectorAll(".dropdown-menu button")) button.addEventListener("click", this.#setAppTheme);
+		for (const button of this.querySelectorAll(".dropdown-menu button")) button.addEventListener("click", event => this.#setAppTheme(event));
 	}
 
 	/**
@@ -149,11 +149,11 @@ export class ThemeDropdown extends HTMLElement {
 	 * Changes the current application theme.
 	 * @param event The dispatched event.
 	 */
-	readonly #setAppTheme: (event: Event) => void = event => {
+	#setAppTheme(event: Event): void {
 		event.preventDefault();
 		this.appTheme = (event.target as Element).closest("button")!.dataset.theme! as AppTheme;
 		this.save();
-	};
+	}
 
 	/**
 	 * Updates the alignment of the dropdown menu.

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

@@ -1,52 +1,6 @@
 import {Toast as BootstrapToast} from "bootstrap";
 import {Context, getIcon, toCss} from "../Context.js";
 
-/**
- * Represents a notification.
- */
-export interface IToast {
-
-	/**
-	 * Value indicating whether to automatically hide the toast.
-	 */
-	autoHide?: boolean;
-
-	/**
-	 * The child content displayed in the body.
-	 */
-	body: DocumentFragment;
-
-	/**
-	 * The title displayed in the header.
-	 */
-	caption: string;
-
-	/**
-	 * The default contextual modifier.
-	 */
-	context?: Context;
-
-	/**
-	 * The culture used to format the relative time.
-	 */
-	culture?: Intl.Locale;
-
-	/**
-	 * The delay, in milliseconds, to hide the toast.
-	 */
-	delay?: number;
-
-	/**
-	 * Value indicating whether to apply a transition.
-	 */
-	fade?: boolean;
-
-	/**
-	 * The icon displayed next to the caption.
-	 */
-	icon?: string|null;
-}
-
 /**
  * Represents a notification.
  */
@@ -220,7 +174,7 @@ export class Toast extends HTMLElement {
 	connectedCallback(): void {
 		const toast = this.firstElementChild!;
 		toast.addEventListener("hidden.bs.toast", () => clearInterval(this.#timer));
-		toast.addEventListener("show.bs.toast", () => this.#timer = window.setInterval(this.#updateElapsedTime, 1_000));
+		toast.addEventListener("show.bs.toast", () => this.#timer = window.setInterval(() => this.#updateElapsedTime(), 1_000));
 
 		this.#toast = new BootstrapToast(toast);
 		if (this.open) this.show();
@@ -305,10 +259,10 @@ export class Toast extends HTMLElement {
 	/**
 	 * Updates the label corresponding to the elapsed time.
 	 */
-	readonly #updateElapsedTime: () => void = () => {
+	#updateElapsedTime(): void {
 		const {elapsedTime} = this;
 		this.querySelector(".toast-header small")!.textContent = elapsedTime > 0 ? this.#formatTime(elapsedTime / 1_000) : "";
-	};
+	}
 
 	/**
 	 * Updates the value indicating whether to apply a transition.

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

@@ -1,6 +1,51 @@
 import {Context} from "../Context.js";
 import {Position, toCss} from "../Position.js";
-import type {IToast} from "./Toast.js";
+
+/**
+ * Represents a notification.
+ */
+export interface IToast {
+
+	/**
+	 * Value indicating whether to automatically hide the toast.
+	 */
+	autoHide?: boolean;
+
+	/**
+	 * The child content displayed in the body.
+	 */
+	body: DocumentFragment;
+
+	/**
+	 * The title displayed in the header.
+	 */
+	caption: string;
+
+	/**
+	 * The default contextual modifier.
+	 */
+	context?: Context;
+
+	/**
+	 * The culture used to format the relative time.
+	 */
+	culture?: Intl.Locale;
+
+	/**
+	 * The delay, in milliseconds, to hide the toast.
+	 */
+	delay?: number;
+
+	/**
+	 * Value indicating whether to apply a transition.
+	 */
+	fade?: boolean;
+
+	/**
+	 * The icon displayed next to the caption.
+	 */
+	icon?: string;
+}
 
 /**
  * Manages the notifications.
@@ -125,25 +170,17 @@ export class Toaster extends HTMLElement {
 	 * Shows a toast.
 	 * @param context The contextual modifier.
 	 * @param caption The title displayed in the toast header.
-	 * @param body The child content displayed in the toast body.
+	 * @param message The child content displayed in the toast body.
 	 */
-	show(context: Context, caption: string, body: DocumentFragment): void;
+	notify(context: Context, caption: string, message: DocumentFragment): void {
+		return this.show({body: message, caption, context});
+	}
 
 	/**
 	 * Shows a toast.
 	 * @param toast The toast to show.
 	 */
-	show(toast: IToast): void;
-
-	/**
-	 * Shows a toast.
-	 * @param toast The toast to show, or the contextual modifier.
-	 * @param caption The title displayed in the toast header.
-	 * @param body The child content displayed in the toast body.
-	 */
-	show(toast: IToast|Context, caption = "", body = document.createDocumentFragment()): void {
-		if (typeof toast == "string") toast = {context: toast, caption, body};
-
+	show(toast: IToast): void {
 		const item = document.createElement("toaster-item");
 		const childContent = (this.#toastTemplate.cloneNode(true) as DocumentFragment).querySelector(".toast")!;
 		childContent.addEventListener("hidden.bs.toast", () => item.remove());

package/src/Client/UI/DialogResult.ts

@@ -1,12 +1,12 @@
 /**
- * Specifies the return value of a dialog box.
+ * Specifies common return values of a dialog box.
  */
 export const DialogResult = Object.freeze({
 
 	/**
 	 * The dialog box does not return any value.
 	 */
-	None: "None",
+	None: "",
 
 	/**
 	 * The return value of the dialog box is "OK".
@@ -31,17 +31,7 @@ export const DialogResult = Object.freeze({
 	/**
 	 * The return value of the dialog box is "Ignore".
 	 */
-	Ignore: "Ignore",
-
-	/**
-	 * The return value of the dialog box is "Yes".
-	 */
-	Yes: "Yes",
-
-	/**
-	 * The return value of the dialog box is "No".
-	 */
-	No: "No"
+	Ignore: "Ignore"
 });
 
 /**

package/src/Client/UI/Tag.ts

@@ -33,8 +33,11 @@ export function html(fragments: TemplateStringsArray, ...values: unknown[]): Doc
  * @returns The CSS string corresponding to the specified value.
  */
 function stringFromCss(value: unknown): string {
-	// eslint-disable-next-line @typescript-eslint/no-base-to-string
-	if (!(value instanceof CSSStyleSheet)) return value === null || typeof value == "undefined" ? "" : String(value);
+	if (!(value instanceof CSSStyleSheet)) {
+		if (Array.isArray(value)) return value.map(stringFromCss).join("\n");
+		return value === null || typeof value == "undefined" ? "" : String(value); // eslint-disable-line @typescript-eslint/no-base-to-string
+	}
+
 	return Array.from(value.cssRules).map(cssRule => cssRule.cssText).join("\n");
 }
 
@@ -44,8 +47,11 @@ function stringFromCss(value: unknown): string {
  * @returns The HTML string corresponding to the specified value.
  */
 function stringFromHtml(value: unknown): string {
-	// eslint-disable-next-line @typescript-eslint/no-base-to-string
-	if (!(value instanceof DocumentFragment)) return value === null || typeof value == "undefined" ? "" : String(value);
+	if (!(value instanceof DocumentFragment)) {
+		if (Array.isArray(value)) return value.map(stringFromHtml).join("");
+		return value === null || typeof value == "undefined" ? "" : String(value); // eslint-disable-line @typescript-eslint/no-base-to-string
+	}
+
 	const element = document.createElement("div");
 	element.appendChild(value);
 	return element.innerHTML;

package/src/Client/UI/Variant.ts

@@ -1,27 +1,30 @@
+import {Context} from "./Context.js";
+
 /**
  * Defines tone variants.
  */
 export const Variant = Object.freeze({
+	...Context,
 
 	/**
-	 * A dark variant.
+	 * A primary tone.
 	 */
-	Dark: "Dark",
+	Primary: "Primary",
 
 	/**
-	 * A light variant.
+	 * A secondary tone.
 	 */
-	Light: "Light",
+	Secondary: "Secondary",
 
 	/**
-	 * A primary variant.
+	 * A light tone.
 	 */
-	Primary: "Primary",
+	Light: "Light",
 
 	/**
-	 * A secondary variant.
+	 * A dark tone.
 	 */
-	Secondary: "Secondary"
+	Dark: "Dark"
 });
 
 /**

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

@@ -1,82 +0,0 @@
-import { Context } from "../Context.js";
-import { DialogResult } from "../DialogResult.js";
-import { Variant } from "../Variant.js";
-/**
- * Represents a dialog box button.
- */
-export interface IDialogButton {
-    /**
-     * A contextual modifier.
-     */
-    context?: Context | null;
-    /**
-     * The button icon.
-     */
-    icon?: string | null;
-    /**
-     * The button label.
-     */
-    label?: string;
-    /**
-     * The button value.
-     */
-    value?: DialogResult;
-    /**
-     * A tone variant.
-     */
-    variant?: Variant | null;
-}
-/**
- * Represents a dialog box button.
- */
-export declare class DialogButton extends HTMLElement {
-    #private;
-    /**
-     * The list of observed attributes.
-     */
-    static readonly observedAttributes: string[];
-    /**
-     * A contextual modifier.
-     */
-    get context(): Context | null;
-    set context(value: Context | null);
-    /**
-     * The button icon.
-     */
-    get icon(): string | null;
-    set icon(value: string | null);
-    /**
-     * The button label.
-     */
-    get label(): string;
-    set label(value: string);
-    /**
-     * The button value.
-     */
-    get value(): DialogResult;
-    set value(value: DialogResult);
-    /**
-     * A tone variant.
-     */
-    get variant(): Variant | null;
-    set variant(value: Variant | null);
-    /**
-     * Method invoked when an attribute has been changed.
-     * @param attribute The attribute name.
-     * @param oldValue The previous attribute value.
-     * @param newValue The new attribute value.
-     */
-    attributeChangedCallback(attribute: string, oldValue: string | null, newValue: string | null): void;
-}
-/**
- * Declaration merging.
- */
-declare global {
-    /**
-     * The map of HTML tag names.
-     */
-    interface HTMLElementTagNameMap {
-        "dialog-button": DialogButton;
-    }
-}
-//# sourceMappingURL=DialogButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DialogButton.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/DialogButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAsB,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAsB,MAAM,eAAe,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,aAAa;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAC,IAAI,CAAC;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAC,IAAI,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAC,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,WAAW;;IAE5C;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAAoD;IAStF;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,GAAC,IAAI,CAG1B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,GAAC,IAAI,EAG9B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,GAAC,IAAI,CAGtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAC,IAAI,EAG1B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,YAAY,CAGxB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAE5B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,GAAC,IAAI,CAG1B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,GAAC,IAAI,EAG9B;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;CA6D/F;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}