@cedx/base 0.1.0 → 0.3.0

package/lib/UI/OfflineIndicator.js

@@ -1,10 +1,7 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from "lit";
-import { customElement } from "lit/decorators.js";
 /**
  * A component that shows up when the network is unavailable, and hides when connectivity is restored.
  */
-let OfflineIndicator = class OfflineIndicator extends LitElement {
+export class OfflineIndicator extends HTMLElement {
     /**
      * Creates a new offline indicator.
      */
@@ -12,11 +9,16 @@ let OfflineIndicator = class OfflineIndicator extends LitElement {
         super();
         this.hidden = navigator.onLine;
     }
+    /**
+     * Registers the component.
+     */
+    static {
+        customElements.define("offline-indicator", this);
+    }
     /**
      * Method invoked when this component is connected.
      */
     connectedCallback() {
-        super.connectedCallback();
         for (const event of ["online", "offline"])
             addEventListener(event, this);
     }
@@ -26,7 +28,6 @@ let OfflineIndicator = class OfflineIndicator extends LitElement {
     disconnectedCallback() {
         for (const event of ["online", "offline"])
             removeEventListener(event, this);
-        super.disconnectedCallback();
     }
     /**
      * Handles the events.
@@ -34,15 +35,4 @@ let OfflineIndicator = class OfflineIndicator extends LitElement {
     handleEvent() {
         this.hidden = navigator.onLine;
     }
-    /**
-     * Renders this component.
-     * @returns The view template.
-     */
-    render() {
-        return html `<slot></slot>`;
-    }
-};
-OfflineIndicator = __decorate([
-    customElement("offline-indicator")
-], OfflineIndicator);
-export { OfflineIndicator };
+}

package/lib/UI/ThemeDropdown.d.ts

@@ -1,36 +1,12 @@
-import { AppTheme } from "#Html/AppTheme.js";
-import { MenuAlignment } from "#Html/MenuAlignment.js";
-import { LitElement, type TemplateResult } from "lit";
 /**
- * A dropdown menu for switching the color mode.
+ * A dropdown menu for switching the application theme.
  */
-export declare class ThemeDropdown extends LitElement {
+export declare class ThemeDropdown extends HTMLElement {
     #private;
-    /**
-     * The alignment of the dropdown menu.
-     */
-    alignment: MenuAlignment;
-    /**
-     * The label of the dropdown menu.
-     */
-    label: string;
-    /**
-     * The key of the storage entry providing the saved theme.
-     */
-    storageKey: string;
-    /**
-     * The current application theme.
-     */
-    private appTheme;
     /**
      * Creates a new theme dropdown.
      */
     constructor();
-    /**
-     * The current theme mode.
-     */
-    get theme(): AppTheme;
-    set theme(value: AppTheme);
     /**
      * Method invoked when this component is connected.
      */
@@ -43,16 +19,6 @@ export declare class ThemeDropdown extends LitElement {
      * Handles the events.
      */
     handleEvent(): void;
-    /**
-     * Returns the node into which this component should render.
-     * @returns The node into which this component should render.
-     */
-    protected createRenderRoot(): DocumentFragment | HTMLElement;
-    /**
-     * Renders this component.
-     * @returns The view template.
-     */
-    protected render(): TemplateResult;
 }
 /**
  * Declaration merging.

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeDropdown.d.ts","sourceRoot":"","sources":["../../src/Client/UI/ThemeDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAwB,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAO,UAAU,EAAE,KAAK,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D;;GAEG;AACH,qBACa,aAAc,SAAQ,UAAU;;IAE5C;;OAEG;IACS,SAAS,EAAE,aAAa,CAAqB;IAEzD;;OAEG;IACS,KAAK,SAAM;IAEvB;;OAEG;IACS,UAAU,SAAc;IAEpC;;OAEG;IACM,OAAO,CAAC,QAAQ,CAAW;IAOpC;;OAEG;;IAOH;;OAEG;IACH,IAAI,KAAK,IAAI,QAAQ,CAA0B;IAC/C,IAAI,KAAK,CAAC,KAAK,EAAE,QAAQ,EAGxB;IAED;;OAEG;IACM,iBAAiB,IAAI,IAAI;IAMlC;;OAEG;IACM,oBAAoB,IAAI,IAAI;IAKrC;;OAEG;IACH,WAAW,IAAI,IAAI;IAInB;;;OAGG;cACgB,gBAAgB,IAAI,gBAAgB,GAAC,WAAW;IAInE;;;OAGG;cACgB,MAAM,IAAI,cAAc;CA4B3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}
+{"version":3,"file":"ThemeDropdown.d.ts","sourceRoot":"","sources":["../../src/Client/UI/ThemeDropdown.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAsB7C;;OAEG;;IAeH;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;OAEG;IACH,WAAW,IAAI,IAAI;CA2BnB;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}

package/lib/UI/ThemeDropdown.js

@@ -1,64 +1,52 @@
-import { __decorate } from "tslib";
-import { AppTheme, themeIcon, themeLabel } from "#Html/AppTheme.js";
-import { MenuAlignment } from "#Html/MenuAlignment.js";
-import { html, LitElement } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { when } from "lit/directives/when.js";
+import { AppTheme, getIcon } from "#Html/AppTheme.js";
 /**
- * A dropdown menu for switching the color mode.
+ * A dropdown menu for switching the application theme.
  */
-let ThemeDropdown = class ThemeDropdown extends LitElement {
+export class ThemeDropdown extends HTMLElement {
     /**
-     * The media query used to check the system theme.
+     * The media query used to check the application theme.
      */
-    #mediaQuery;
+    #mediaQuery = matchMedia("(prefers-color-scheme: dark)");
+    /**
+     * The root element.
+     */
+    #root = this.firstElementChild;
+    /**
+     * The key of the storage entry providing the saved theme mode.
+     */
+    #storageKey = this.getAttribute("storageKey") ?? "AppTheme";
+    /**
+     * The current application theme.
+     */
+    #theme;
     /**
      * Creates a new theme dropdown.
      */
     constructor() {
         super();
-        /**
-         * The alignment of the dropdown menu.
-         */
-        this.alignment = MenuAlignment.End;
-        /**
-         * The label of the dropdown menu.
-         */
-        this.label = "";
-        /**
-         * The key of the storage entry providing the saved theme.
-         */
-        this.storageKey = "AppTheme";
-        /**
-         * The media query used to check the system theme.
-         */
-        this.#mediaQuery = matchMedia("(prefers-color-scheme: dark)");
-        const theme = localStorage.getItem(this.storageKey);
-        this.appTheme = Object.values(AppTheme).includes(theme) ? theme : AppTheme.System;
+        const theme = localStorage.getItem(this.#storageKey);
+        this.#theme = Object.values(AppTheme).includes(theme) ? theme : AppTheme.System;
+        for (const button of this.#root.querySelectorAll("button"))
+            button.addEventListener("click", this.#setTheme.bind(this));
     }
     /**
-     * The current theme mode.
+     * Registers the component.
      */
-    get theme() { return this.appTheme; }
-    set theme(value) {
-        localStorage.setItem(this.storageKey, this.appTheme = value);
-        this.#applyTheme();
+    static {
+        customElements.define("theme-dropdown", this);
     }
     /**
      * Method invoked when this component is connected.
      */
     connectedCallback() {
-        super.connectedCallback();
-        this.#applyTheme();
         this.#mediaQuery.addEventListener("change", this);
+        this.#applyTheme();
     }
     /**
      * Method invoked when this component is disconnected.
      */
     disconnectedCallback() {
         this.#mediaQuery.removeEventListener("change", this);
-        super.disconnectedCallback();
     }
     /**
      * Handles the events.
@@ -66,58 +54,25 @@ let ThemeDropdown = class ThemeDropdown extends LitElement {
     handleEvent() {
         this.#applyTheme();
     }
-    /**
-     * Returns the node into which this component should render.
-     * @returns The node into which this component should render.
-     */
-    createRenderRoot() {
-        return this;
-    }
-    /**
-     * Renders this component.
-     * @returns The view template.
-     */
-    render() {
-        return html `
-			<li class="nav-item dropdown">
-				<a class="dropdown-toggle nav-link" data-bs-toggle="dropdown" href="#">
-					<i class="icon icon-fill">${themeIcon(this.appTheme)}</i>
-					${when(this.label, () => html `<span class="ms-1">${this.label}</span>`)}
-				</a>
-				<ul class="dropdown-menu ${classMap({ "dropdown-menu-end": this.alignment == MenuAlignment.End })}">
-					${Object.values(AppTheme).map(value => html `
-						<li>
-							<button class="dropdown-item d-flex align-items-center justify-content-between" @click=${() => this.theme = value}>
-								<span><i class="icon icon-fill me-1">${themeIcon(value)}</i> ${themeLabel(value)}</span>
-								${when(value == this.appTheme, () => html `<i class="icon ms-2">check</i>`)}
-							</button>
-						</li>
-					`)}
-				</ul>
-			</li>
-		`;
-    }
     /**
      * Applies the theme to the document.
      */
     #applyTheme() {
-        const theme = this.appTheme == AppTheme.System ? (this.#mediaQuery.matches ? AppTheme.Dark : AppTheme.Light) : this.appTheme;
+        const theme = this.#theme == AppTheme.System ? (this.#mediaQuery.matches ? AppTheme.Dark : AppTheme.Light) : this.#theme;
         document.documentElement.dataset.bsTheme = theme.toLowerCase();
+        this.#root.querySelector(".dropdown-toggle > .icon").textContent = getIcon(this.#theme);
+        const checkIcon = this.#root.querySelector(".dropdown-item > .icon");
+        checkIcon.remove();
+        const activeButton = this.#root.querySelector(`button[data-theme="${this.#theme}"]`);
+        activeButton.appendChild(checkIcon);
+    }
+    /**
+     * Changes the current theme.
+     * @param event The dispatched event.
+     */
+    #setTheme(event) {
+        const button = event.target.closest("button");
+        localStorage.setItem(this.#storageKey, this.#theme = button.dataset.theme);
+        this.#applyTheme();
     }
-};
-__decorate([
-    property()
-], ThemeDropdown.prototype, "alignment", void 0);
-__decorate([
-    property()
-], ThemeDropdown.prototype, "label", void 0);
-__decorate([
-    property()
-], ThemeDropdown.prototype, "storageKey", void 0);
-__decorate([
-    state()
-], ThemeDropdown.prototype, "appTheme", void 0);
-ThemeDropdown = __decorate([
-    customElement("theme-dropdown")
-], ThemeDropdown);
-export { ThemeDropdown };
+}

package/package.json

@@ -7,13 +7,13 @@
 	"name": "@cedx/base",
 	"repository": "cedx/base",
 	"type": "module",
-	"version": "0.1.0",
+	"version": "0.3.0",
 	"devDependencies": {
 		"@playwright/browser-chromium": "^1.54.2",
 		"@types/bootstrap": "^5.2.10",
 		"@types/chai": "^5.2.2",
 		"@types/mocha": "^10.0.10",
-		"@types/node": "^24.2.0",
+		"@types/node": "^24.2.1",
 		"@types/serve-handler": "^6.1.4",
 		"chai": "^5.2.1",
 		"esbuild": "^0.25.8",
@@ -40,6 +40,7 @@
 	],
 	"imports": {
 		"#Abstractions/*.js": "./lib/Abstractions/*.js",
+		"#Base/*.js": "./lib/*.js",
 		"#Html/*.js": "./lib/Html/*.js"
 	},
 	"keywords": [
@@ -50,7 +51,6 @@
 	],
 	"peerDependencies": {
 		"bootstrap": ">=5.3.0",
-		"lit": ">=3.3.0",
 		"tslib": ">=2.8.0"
 	},
 	"publishConfig": {

package/src/Client/Date.ts

@@ -0,0 +1,138 @@
+import {Duration} from "./Duration.js";
+
+/**
+ * Returns the date at midnight corresponding to the specified date.
+ * @param date The source date.
+ * @returns The date whose time has been set at midnight.
+ */
+export function atMidnight(date: Date): Date {
+	return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+
+/**
+ * Gets the number of days in the month of the specified date.
+ * @param date The date.
+ * @returns The number of days in the month of the specified date.
+ */
+export function daysInMonth(date: Date): number {
+	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.
+ */
+export function getEaster(year = new Date().getFullYear()): Date {
+	/* eslint-disable id-length */
+	const n = year % 19;
+	const c = Math.trunc(year / 100);
+	const u = year % 100;
+	const e = ((19 * n) + c - Math.trunc(c / 4) - Math.trunc((c - Math.trunc((c + 8) / 25) + 1) / 3) + 15) % 30;
+	const l = ((2 * (c % 4)) + (2 * Math.trunc(u / 4)) - e - (u % 4) + 32) % 7;
+	const h = Math.trunc((n + (11 * e) + (22 * l)) / 451);
+	const result = e + l - (7 * h) + 114;
+	/* eslint-enable id-length */
+
+	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.
+ */
+export function getHolidays(year = new Date().getFullYear()): Date[] {
+	const holidays = [];
+
+	// Fixed holidays.
+	holidays.push(new Date(year, 0, 1)); // New year.
+	holidays.push(new Date(year, 4, 1)); // Labor day.
+	holidays.push(new Date(year, 4, 8)); // Armistice (1945).
+	holidays.push(new Date(year, 6, 14)); // National holiday.
+	holidays.push(new Date(year, 7, 15)); // Assumption.
+	holidays.push(new Date(year, 10, 1)); // Toussaint.
+	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);
+	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.
+
+	return holidays;
+}
+
+/**
+ * Gets the quarter corresponding to the specified date.
+ * @param date The date.
+ * @returns The quarter corresponding to the specified date.
+ */
+export function getQuarter(date: Date): number {
+	return Math.ceil((date.getMonth() + 1) / 3);
+}
+
+/**
+ * Gets the week number corresponding to the specified date.
+ * @param date The date.
+ * @returns The week number corresponding to the specified date.
+ */
+export function getWeekOfYear(date: Date): number {
+	const thursday = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 3 - ((date.getDay() + 6) % 7));
+	const firstWeek = new Date(thursday.getFullYear(), 0, 4);
+	return 1 + Math.round((((thursday.getTime() - firstWeek.getTime()) / Duration.Day) - 3 + ((firstWeek.getDay() + 6) % 7)) / 7);
+}
+
+/**
+ * Returns a value indicating whether the specified date is in a leap year.
+ * @param date The date to check.
+ * @returns `true` if the specified date is in a leap year, otherwise `false`.
+ */
+export function inLeapYear(date: Date): boolean {
+	const year = date.getFullYear();
+	return year % 4 == 0 && (year % 100 != 0 || year % 400 == 0);
+}
+
+/**
+ * Returns a value indicating whether the specified date is a holiday.
+ * @param date The date to check.
+ * @returns `true` if the specified date is a holiday, otherwise `false`.
+ */
+export function isHoliday(date: Date): boolean {
+	const timestamp = atMidnight(date).getTime();
+	return getHolidays(date.getFullYear()).some(holiday => holiday.getTime() == timestamp);
+}
+
+/**
+ * Returns a value indicating whether the specified date is a working day.
+ * @param date The date to check.
+ * @returns `true` if the specified date is a working day, otherwise `false`.
+ */
+export function isWorkingDay(date: Date): boolean {
+	const dayOfWeek = date.getDay();
+	return dayOfWeek >= 1 && dayOfWeek <= 5;
+}
+
+/**
+ * Converts the specified date to an ISO 8601 week.
+ * @param date The date to convert.
+ * @returns The ISO 8601 week corresponding to the specified date.
+ */
+export function toIsoWeek(date: Date): string {
+	return `${date.getFullYear().toString().padStart(4, "0")}-W${getWeekOfYear(date).toString().padStart(2, "0")}`;
+}
+
+/**
+ * Converts the specified date to the `YYYY-MM-DD HH:MM:SS` format.
+ * @param date The date to convert.
+ * @param options Values indicating how to format the resulting string.
+ * @returns The `YYYY-MM-DD HH:MM:SS` format corresponding to the specified date.
+ */
+export function toYmdHms(date: Date, options: {excludeDate?: boolean, excludeTime?: boolean, separator?: string} = {}): string {
+	const padStart = (number: number, length = 2): string => number.toString().padStart(length, "0");
+	const parts = [];
+	if (!options.excludeDate) parts.push([padStart(date.getFullYear(), 4), padStart(date.getMonth() + 1), padStart(date.getDate())].join("-"));
+	if (!options.excludeTime) parts.push([date.getHours(), date.getMinutes(), date.getSeconds()].map(item => padStart(item)).join(":"));
+	return parts.join(options.separator ?? " ");
+}

package/src/Client/Duration.ts

@@ -0,0 +1,30 @@
+/**
+ * Provides some common durations in milliseconds.
+ */
+export const Duration = Object.freeze({
+
+	/**
+	 * One second.
+	 */
+	Second: 1_000,
+
+	/**
+	 * One minute.
+	 */
+	Minute: 60_000,
+
+	/**
+	 * One hour.
+	 */
+	Hour: 3_600_000,
+
+	/**
+	 * One day.
+	 */
+	Day: 86_400_000
+});
+
+/**
+ * Provides some common durations in milliseconds.
+ */
+export type Duration = typeof Duration[keyof typeof Duration];

package/src/Client/Html/AppTheme.ts

@@ -26,10 +26,10 @@ export type AppTheme = typeof AppTheme[keyof typeof AppTheme];
 
 /**
  * Gets the icon corresponding to the specified theme.
- * @param theme The theme mode.
+ * @param theme The application theme.
  * @returns The icon corresponding to the specified theme.
  */
-export function themeIcon(theme: AppTheme): string {
+export function getIcon(theme: AppTheme): string {
 	switch (theme) {
 		case AppTheme.Dark: return "dark_mode";
 		case AppTheme.Light: return "light_mode";
@@ -39,10 +39,10 @@ export function themeIcon(theme: AppTheme): string {
 
 /**
  * Gets the label corresponding to the specified theme.
- * @param theme The theme mode.
+ * @param theme The application theme.
  * @returns The label corresponding to the specified theme.
  */
-export function themeLabel(theme: AppTheme): string {
+export function getLabel(theme: AppTheme): string {
 	switch (theme) {
 		case AppTheme.Dark: return "Sombre";
 		case AppTheme.Light: return "Clair";

package/src/Client/Html/Context.ts

@@ -0,0 +1,44 @@
+/**
+ * Defines contextual modifiers.
+ */
+export const Context = Object.freeze({
+
+	/**
+	 * A danger.
+	 */
+	Danger: "danger",
+
+	/**
+	 * A warning.
+	 */
+	Warning: "warning",
+
+	/**
+	 * An information.
+	 */
+	Info: "info",
+
+	/**
+	 * A success.
+	 */
+	Success: "success"
+});
+
+/**
+ * Defines contextual modifiers.
+ */
+export type Context = typeof Context[keyof typeof Context];
+
+/**
+ * Gets the icon corresponding to the specified context.
+ * @param context The context.
+ * @returns The icon corresponding to the specified context.
+ */
+export function contextIcon(context: Context): string {
+	switch (context) {
+		case Context.Danger: return "error";
+		case Context.Success: return "check_circle";
+		case Context.Warning: return "warning";
+		default: return "info";
+	}
+}

package/src/Client/Html/File.ts

@@ -0,0 +1,85 @@
+import {Duration} from "#Base/Duration.js";
+
+/**
+ * Downloads the specified file.
+ * @param file The file to be downloaded.
+ */
+export function downloadFile(file: File): void {
+	const url = URL.createObjectURL(file);
+	const anchor = document.createElement("a");
+	anchor.download = file.name;
+	anchor.href = url;
+
+	document.body.appendChild(anchor);
+	anchor.click();
+	document.body.removeChild(anchor);
+	URL.revokeObjectURL(url);
+}
+
+/**
+ * Downloads the specified text content.
+ * @param text The text content.
+ * @param fileName The file name.
+ * @param options The optional attributes for the file.
+ */
+export function downloadString(text: string, fileName: string, options: FilePropertyBag = {}): void {
+	downloadFile(new File([text], fileName, options));
+}
+
+/**
+ * Opens the specified file.
+ * @param file The file to be opened.
+ * @param options Value indicating whether to open the file in a new tab.
+ */
+export function openFile(file: File, options: {newTab?: boolean} = {}): void {
+	const url = URL.createObjectURL(file);
+	if (!options.newTab) {
+		location.assign(url);
+		return;
+	}
+
+	const handle = window.open(url, "_blank");
+	if (!handle)  {
+		location.assign(url);
+		return;
+	}
+
+	const timer = window.setInterval(() => {
+		if (!handle.closed) return;
+		clearInterval(timer);
+		URL.revokeObjectURL(url);
+	}, 5 * Duration.Second);
+}
+
+/**
+ * Prints the specified file.
+ * @param file The file to be printed.
+ */
+export function printFile(file: File): void {
+	const url = URL.createObjectURL(file);
+	const frame = document.createElement("iframe");
+	frame.addEventListener("load", () => frame.contentWindow?.print());
+	frame.hidden = true;
+	frame.src = url;
+
+	window.addEventListener("focus", () => {
+		document.body.removeChild(frame);
+		URL.revokeObjectURL(url);
+	}, {once: true});
+
+	document.body.appendChild(frame);
+}
+
+/**
+ * Converts the specified file to a data URL.
+ * @param file The file to convert.
+ * @returns The data URL corresponding to the given file.
+ */
+export function toDataUrl(file: File): Promise<URL> {
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader;
+		reader.addEventListener("error", reject);
+		reader.addEventListener("load", () => resolve(new URL(reader.result as string)));
+		reader.readAsDataURL(file);
+	});
+}

package/src/Client/Html/ViewportScroller.ts

@@ -44,7 +44,7 @@ export class ViewportScroller {
 			this.#scrollOffset += Number.isNaN(navbarHeight) ? 0 : navbarHeight;
 		}
 
-		const actionBar: HTMLElement|null = document.body.querySelector("action-bar");
+		const actionBar = document.body.querySelector<HTMLElement>("action-bar");
 		return this.#scrollOffset + (actionBar?.offsetHeight ?? 0);
 	}
 

package/src/Client/Html/tsconfig.json

@@ -9,5 +9,8 @@
 		"outDir": "../../../lib/Html",
 		"rootDir": ".",
 		"tsBuildInfoFile": "../../../var/Html.tsbuildinfo"
-	}
+	},
+	"references": [
+		{"path": "../Base/tsconfig.json"}
+	]
 }