@ui5/webcomponents-base 0.0.0-4180fe799 → 0.0.0-4738ea0dc

package/src/features/F6Navigation.ts

@@ -0,0 +1,195 @@
+import { registerFeature } from "../FeaturesRegistry.js";
+import { isF6Next, isF6Previous } from "../Keys.js";
+import { instanceOfUI5Element } from "../UI5Element.js";
+import { getFirstFocusableElement } from "../util/FocusableElements.js";
+import getFastNavigationGroups from "../util/getFastNavigationGroups.js";
+import isElementClickable from "../util/isElementClickable.js";
+
+class F6Navigation {
+	static _instance: F6Navigation;
+	keydownHandler: (event: KeyboardEvent) => void;
+	selectedGroup: HTMLElement | null = null;
+	groups: Array<HTMLElement> = [];
+
+	constructor() {
+		this.keydownHandler = this._keydownHandler.bind(this) as (event: KeyboardEvent) => void;
+		this.attachEventListeners();
+	}
+
+	attachEventListeners() {
+		document.addEventListener("keydown", this.keydownHandler);
+	}
+
+	async groupElementToFocus(nextElement: HTMLElement) {
+		const nextElementDomRef = instanceOfUI5Element(nextElement) ? nextElement.getDomRef() : nextElement;
+
+		if (nextElementDomRef) {
+			if (isElementClickable(nextElementDomRef)) {
+				return nextElementDomRef;
+			}
+
+			const elementToFocus = await getFirstFocusableElement(nextElementDomRef);
+
+			if (elementToFocus) {
+				return elementToFocus;
+			}
+		}
+	}
+
+	async findNextFocusableGroupElement(currentIndex: number) {
+		let elementToFocus;
+
+		/* eslint-disable no-await-in-loop */
+		for (let index = 0; index < this.groups.length; index++) {
+			let nextElement;
+
+			if (currentIndex > -1) {
+				if (currentIndex + 1 >= this.groups.length) {
+					currentIndex = 0;
+					nextElement = this.groups[currentIndex];
+				} else {
+					currentIndex += 1;
+					nextElement = this.groups[currentIndex];
+				}
+			} else {
+				currentIndex = 0;
+				nextElement = this.groups[currentIndex];
+			}
+
+			elementToFocus = await this.groupElementToFocus(nextElement);
+
+			if (elementToFocus) {
+				break;
+			}
+		}
+		/* eslint-enable no-await-in-loop */
+
+		return elementToFocus;
+	}
+
+	async findPreviousFocusableGroupElement(currentIndex: number) {
+		let elementToFocus;
+
+		/* eslint-disable no-await-in-loop */
+		for (let index = 0; index < this.groups.length; index++) {
+			let nextElement;
+
+			if (currentIndex > 0) {
+				// Handle the situation where the first focusable element of two neighbor groups is the same
+				// For example:
+				// <ui5-flexible-column-layout>
+				//     <ui5-list>
+				//         <ui5-li>List Item</ui5-li>
+				//     </ui5-list>
+				// </ui5-flexible-column-layout>
+				// Here for both FCL & List the firstFoccusableElement is the same (the ui5-li)
+				const firstFocusable = await this.groupElementToFocus(this.groups[currentIndex - 1]);
+				const shouldSkipParent = firstFocusable === await this.groupElementToFocus(this.groups[currentIndex]);
+
+				currentIndex = shouldSkipParent ? currentIndex - 2 : currentIndex - 1;
+
+				if (currentIndex < 0) {
+					currentIndex = this.groups.length - 1;
+				}
+
+				nextElement = this.groups[currentIndex];
+			} else {
+				currentIndex = this.groups.length - 1;
+				nextElement = this.groups[currentIndex];
+			}
+
+			elementToFocus = await this.groupElementToFocus(nextElement);
+
+			if (elementToFocus) {
+				break;
+			}
+		}
+		/* eslint-enable no-await-in-loop */
+
+		return elementToFocus;
+	}
+
+	async _keydownHandler(event: KeyboardEvent) {
+		const forward = isF6Next(event);
+		const backward = isF6Previous(event);
+		if (!(forward || backward)) {
+			return;
+		}
+
+		this.updateGroups();
+
+		if (this.groups.length < 1) {
+			return;
+		}
+
+		event.preventDefault();
+
+		let elementToFocus;
+
+		if (this.groups.length === 0) {
+			elementToFocus = await this.groupElementToFocus(this.groups[0]);
+
+			return elementToFocus?.focus();
+		}
+
+		let currentIndex = -1;
+
+		if (this.selectedGroup) {
+			currentIndex = this.groups.indexOf(this.selectedGroup);
+		}
+
+		if (forward) {
+			elementToFocus = await this.findNextFocusableGroupElement(currentIndex);
+		}
+
+		if (backward) {
+			elementToFocus = await this.findPreviousFocusableGroupElement(currentIndex);
+		}
+
+		elementToFocus?.focus();
+	}
+
+	removeEventListeners() {
+		document.removeEventListener("keydown", this.keydownHandler);
+	}
+
+	updateGroups() {
+		this.setSelectedGroup();
+		this.groups = getFastNavigationGroups(document.body);
+	}
+
+	setSelectedGroup(root: DocumentOrShadowRoot = window.document) {
+		const htmlElement = window.document.querySelector("html");
+		let element: Element | null | ParentNode = this.deepActive(root);
+
+		while (element && (element as Element).getAttribute("data-sap-ui-fastnavgroup") !== "true" && element !== htmlElement) {
+			element = element.parentElement ? element.parentNode : (element.parentNode as ShadowRoot).host;
+		}
+
+		this.selectedGroup = element as HTMLElement;
+	}
+
+	deepActive(root: DocumentOrShadowRoot): Element | null {
+		if (root.activeElement && root.activeElement.shadowRoot) {
+			return this.deepActive(root.activeElement.shadowRoot);
+		}
+
+		return root.activeElement;
+	}
+
+	destroy() {
+		this.removeEventListeners();
+	}
+
+	static init() {
+		if (!this._instance) {
+			this._instance = new F6Navigation();
+		}
+
+		return this._instance;
+	}
+}
+
+registerFeature("F6Navigation", F6Navigation);
+
+export default F6Navigation;

package/src/features/LegacyDateFormats.ts

@@ -0,0 +1,40 @@
+import { getFormatSettings } from "../InitialConfiguration.js";
+import type { FormatSettings } from "../config/FormatSettings.js";
+import { registerFeature } from "../FeaturesRegistry.js";
+
+// Allows specifying the customizing data for Islamic calendar support
+// dateFormat - The date format
+// islamicMonthStart - The Islamic date in string format // 14360101
+// gregDate - Corresponding Gregorian date to the Islamic one in string format // 20141024
+type IslamicToGregorianMapping = {
+	dateFormat: string,
+	islamicMonthStart: string,
+	gregDate: string,
+};
+type LegacyDateCalendarCustomizing = Array<IslamicToGregorianMapping>;
+
+let formatSettings: FormatSettings;
+
+class LegacyDateFormats {
+	/**
+	 * Returns the currently set customizing data for Islamic calendar support
+	 *
+	 * @return {object[]} Returns an array that contains the customizing data.
+	 * @public
+	 */
+	static getLegacyDateCalendarCustomizing(this: void): LegacyDateCalendarCustomizing {
+		if (formatSettings === undefined) {
+			formatSettings = getFormatSettings();
+		}
+
+		return formatSettings.legacyDateCalendarCustomizing || [];
+	}
+}
+
+registerFeature("LegacyDateFormats", LegacyDateFormats);
+
+export default LegacyDateFormats;
+export type {
+	FormatSettings,
+	LegacyDateCalendarCustomizing,
+};

package/src/features/OpenUI5Element.ts

@@ -0,0 +1,11 @@
+import UI5Element from "../UI5Element.js";
+
+class OpenUI5Element extends UI5Element {
+	__isBusy?: boolean;
+	isOpenUI5Component?: boolean;
+	__suppressFocusIn?: () => void;
+	__suppressFocusBack?: (e: KeyboardEvent) => void;
+	__redirectFocus?: boolean;
+}
+
+export default OpenUI5Element;

package/src/features/OpenUI5Enablement.ts

@@ -0,0 +1,117 @@
+import { TemplateResult } from "lit-html";
+import { registerFeature } from "../FeaturesRegistry.js";
+import BusyIndicatorStyles from "../generated/css/BusyIndicator.css.js";
+import merge from "../thirdparty/merge.js";
+import {
+	isTabPrevious,
+} from "../Keys.js";
+
+import type UI5Element from "../UI5Element.js";
+import type OpenUI5Element from "./OpenUI5Element.js";
+
+const busyIndicatorMetadata = {
+	properties: {
+		__isBusy: {
+			type: Boolean,
+		},
+	},
+};
+
+class OpenUI5Enablement {
+	static wrapTemplateResultInBusyMarkup(html: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult, host: OpenUI5Element, templateResult: TemplateResult) {
+		if (host.isOpenUI5Component && host.__isBusy) {
+			templateResult = html`
+			<div class="busy-indicator-wrapper">
+				<span tabindex="0" busy-indicator-before-span @focusin=${host.__suppressFocusIn}></span>
+				${templateResult}
+				<div class="busy-indicator-overlay"></div>
+				<div busy-indicator
+					class="busy-indicator-busy-area"
+					tabindex="0"
+					role="progressbar"
+					@keydown=${host.__suppressFocusBack}
+					aria-valuemin="0"
+					aria-valuemax="100"
+					aria-valuetext="Busy">
+					<div>
+						<div class="busy-indicator-circle circle-animation-0"></div>
+						<div class="busy-indicator-circle circle-animation-1"></div>
+						<div class="busy-indicator-circle circle-animation-2"></div>
+					</div>
+				</div>
+			</div>`;
+		}
+
+		return templateResult;
+	}
+
+	static enrichBusyIndicatorSettings(klass: typeof UI5Element) {
+		OpenUI5Enablement.enrichBusyIndicatorMetadata(klass);
+		OpenUI5Enablement.enrichBusyIndicatorMethods(klass.prototype);
+	}
+
+	static enrichBusyIndicatorMetadata(klass: typeof UI5Element) {
+		klass.metadata = merge(klass.metadata, busyIndicatorMetadata);
+	}
+
+	static enrichBusyIndicatorMethods(UI5ElementPrototype: typeof OpenUI5Element.prototype) {
+		Object.defineProperties(UI5ElementPrototype, {
+			"__redirectFocus": { value: true, writable: true },
+			"__suppressFocusBack": {
+				get() {
+					return {
+						handleEvent: (e: KeyboardEvent) => {
+							if (isTabPrevious(e)) {
+								const beforeElem = this.shadowRoot.querySelector("[busy-indicator-before-span]");
+								this.__redirectFocus = false;
+								beforeElem.focus();
+								this.__redirectFocus = true;
+							}
+						},
+						capture: true,
+						passive: false,
+					};
+				},
+			},
+			"isOpenUI5Component": { get: () => { return true; } },
+		});
+
+		UI5ElementPrototype.__suppressFocusIn = function handleFocusIn() {
+			const busyIndicator = this.shadowRoot?.querySelector("[busy-indicator]") as HTMLElement;
+			if (busyIndicator && this.__redirectFocus) {
+				busyIndicator.focus();
+			}
+		};
+
+		UI5ElementPrototype.getDomRef = function getDomRef() {
+			// If a component set _getRealDomRef to its children, use the return value of this function
+			if (typeof this._getRealDomRef === "function") {
+				return this._getRealDomRef();
+			}
+
+			if (!this.shadowRoot || this.shadowRoot.children.length === 0) {
+				return;
+			}
+
+			const children = [...this.shadowRoot.children].filter(child => !["link", "style"].includes(child.localName));
+
+			if (children.length !== 1) {
+				console.warn(`The shadow DOM for ${(this.constructor as typeof UI5Element).getMetadata().getTag()} does not have a top level element, the getDomRef() method might not work as expected`); // eslint-disable-line
+			}
+
+			if (this.__isBusy) {
+				return children[0].querySelector(".busy-indicator-wrapper > :not([busy-indicator-before-span]):not(.busy-indicator-overlay):not(.busy-indicator-busy-area)") as HTMLElement;
+			}
+
+			return children[0] as HTMLElement;
+		};
+	}
+
+	static getBusyIndicatorStyles() {
+		return BusyIndicatorStyles;
+	}
+}
+
+registerFeature("OpenUI5Enablement", OpenUI5Enablement);
+
+export default OpenUI5Enablement;

package/src/features/OpenUI5Support.ts

@@ -0,0 +1,153 @@
+import { registerFeature } from "../FeaturesRegistry.js";
+import { setTheme } from "../config/Theme.js";
+import { getCurrentZIndex } from "../util/PopupUtils.js";
+import { CLDRData } from "../asset-registries/LocaleData.js";
+import type { LegacyDateCalendarCustomizing } from "../features/LegacyDateFormats.js";
+
+type OpenUI5Popup = {
+	setInitialZIndex: (zIndex: number) => void,
+	getNextZIndex: () => number,
+};
+
+type OpenUI5Core = {
+	attachInit: (callback: () => void) => void,
+	attachThemeChanged: (callback: () => Promise<void>) => void,
+	getConfiguration: () => OpenUI5CoreConfiguration,
+};
+
+type OpenUI5CoreConfiguration = {
+	getAnimationMode: () => string,
+	getLanguage: () => string,
+	getTheme: () => string,
+	getThemeRoot: () => string,
+	getRTL: () => string,
+	getCalendarType: () => string,
+	getLocale: () => string,
+	getFormatSettings: () => {
+		getLegacyDateCalendarCustomizing: () => LegacyDateCalendarCustomizing;
+	}
+};
+
+type LocaleData = {
+	getInstance: (locale: string) => Locale,
+}
+
+type Locale = {
+	getFirstDayOfWeek: () => number,
+	_get: () => CLDRData,
+};
+
+const getCore = () => {
+	return window.sap?.ui?.getCore?.() as OpenUI5Core;
+};
+
+class OpenUI5Support {
+	static isLoaded() {
+		return !!getCore();
+	}
+
+	static init() {
+		const core = getCore();
+		if (!core) {
+			return Promise.resolve();
+		}
+
+		return new Promise<void>(resolve => {
+			core.attachInit(() => {
+				window.sap.ui.require(["sap/ui/core/LocaleData", "sap/ui/core/Popup"], (LocaleData: LocaleData, Popup: OpenUI5Popup) => {
+					Popup.setInitialZIndex(getCurrentZIndex());
+					resolve();
+				});
+			});
+		});
+	}
+
+	static getConfigurationSettingsObject() {
+		const core = getCore();
+		if (!core) {
+			return;
+		}
+
+		const config = core.getConfiguration();
+		const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
+
+		return {
+			animationMode: config.getAnimationMode(),
+			language: config.getLanguage(),
+			theme: config.getTheme(),
+			themeRoot: config.getThemeRoot(),
+			rtl: config.getRTL(),
+			calendarType: config.getCalendarType(),
+			formatSettings: {
+				firstDayOfWeek: LocaleData ? LocaleData.getInstance(config.getLocale()).getFirstDayOfWeek() : undefined,
+				legacyDateCalendarCustomizing: config.getFormatSettings().getLegacyDateCalendarCustomizing(),
+			},
+		};
+	}
+
+	static getLocaleDataObject() {
+		const core = getCore();
+		if (!core) {
+			return;
+		}
+
+		const config = core.getConfiguration();
+		const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData") as LocaleData;
+		return LocaleData.getInstance(config.getLocale())._get();
+	}
+
+	static _listenForThemeChange() {
+		const core = getCore();
+		const config = core.getConfiguration();
+		core.attachThemeChanged(async () => {
+			await setTheme(config.getTheme());
+		});
+	}
+
+	static attachListeners() {
+		const core = getCore();
+		if (!core) {
+			return;
+		}
+
+		OpenUI5Support._listenForThemeChange();
+	}
+
+	static cssVariablesLoaded() {
+		const core = getCore();
+		if (!core) {
+			return;
+		}
+
+		const link = [...document.head.children].find(el => el.id === "sap-ui-theme-sap.ui.core") as HTMLLinkElement; // more reliable than querySelector early
+		if (!link) {
+			return;
+		}
+
+		return !!link.href.match(/\/css(-|_)variables\.css/);
+	}
+
+	static getNextZIndex() {
+		const core = getCore();
+		if (!core) {
+			return;
+		}
+
+		const Popup = window.sap.ui.require("sap/ui/core/Popup") as OpenUI5Popup;
+		return Popup.getNextZIndex();
+	}
+
+	static setInitialZIndex() {
+		const core = getCore();
+		if (!core) {
+			return;
+		}
+
+		const Popup = window.sap.ui.require("sap/ui/core/Popup") as OpenUI5Popup;
+		Popup.setInitialZIndex(getCurrentZIndex());
+	}
+}
+
+registerFeature("OpenUI5Support", OpenUI5Support);
+
+export default OpenUI5Support;

package/src/generated/css/BusyIndicator.css.ts

@@ -0,0 +1,9 @@
+import type { StyleData } from "../../types.js";
+
+const styleData: StyleData = {
+	packageName: "@ui5/webcomponents-base",
+	fileName: "BusyIndicator.css",
+	content: `.busy-indicator-wrapper{position:relative;height:100%;width:100%}.busy-indicator-overlay{display:var(--ui5_web_components_busy_indicator_display);position:absolute;inset:0;background:var(--ui5_web_components_busy_indicator_background-color);z-index:99}.busy-indicator-busy-area{display:var(--ui5_web_components_busy_indicator_display);position:absolute;z-index:99;inset:0;justify-content:center;align-items:center;background-color:inherit;flex-direction:column;color:var(--_ui5_busy_indicator_color)}:host([__is-busy]) .busy-indicator-wrapper>:not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]){--ui5_web_components_busy_indicator_display:none}.busy-indicator-busy-area:focus{outline:var(--_ui5_busy_indicator_focus_outline);outline-offset:-.125rem}.busy-indicator-circle{width:1rem;height:1rem;display:inline-block;background-color:currentColor;border-radius:50%}.circle-animation-0{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.circle-animation-1{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.2s}.circle-animation-2{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.4s}.sapUiLocalBusy{--ui5_web_components_busy_indicator_display:none}.busy-indicator-wrapper [ui5-busy-indicator]{display:none}@keyframes grow{0%,100%,50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}`,
+};
+
+export default styleData;

package/src/generated/css/FontFace.css.ts

@@ -0,0 +1,9 @@
+import type { StyleData } from "../../types.js";
+
+const styleData: StyleData = {
+	packageName: "@ui5/webcomponents-base",
+	fileName: "FontFace.css",
+	content: `@font-face{font-family:"72";font-style:normal;font-weight:400;src:local("72"),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:700;src:local('72-Bold-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Bold';font-style:normal;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Boldfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Light';font-style:normal;src:local('72-Light'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Lightfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72Black";font-style:bold;font-weight:900;src:local('72Black'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2")}`,
+};
+
+export default styleData;

package/src/generated/css/OverrideFontFace.css.ts

@@ -0,0 +1,9 @@
+import type { StyleData } from "../../types.js";
+
+const styleData: StyleData = {
+	packageName: "@ui5/webcomponents-base",
+	fileName: "OverrideFontFace.css",
+	content: `@font-face{font-family:'72override';unicode-range:U+0102-0103,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EB7,U+1EB8-1EC7,U+1EC8-1ECB,U+1ECC-1EE3,U+1EE4-1EF1,U+1EF4-1EF7;src:local('Arial'),local('Helvetica'),local('sans-serif')}`,
+};
+
+export default styleData;

package/src/generated/css/SystemCSSVars.css.ts

@@ -0,0 +1,9 @@
+import type { StyleData } from "../../types.js";
+
+const styleData: StyleData = {
+	packageName: "@ui5/webcomponents-base",
+	fileName: "SystemCSSVars.css",
+	content: `:root{--_ui5_content_density:cozy}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_content_density:compact}[dir=rtl]{--_ui5_dir:rtl}[dir=ltr]{--_ui5_dir:ltr}`,
+};
+
+export default styleData;

package/src/{getSharedResource.js → getSharedResource.ts}

@@ -1,6 +1,11 @@
 import getSingletonElementInstance from "./util/getSingletonElementInstance.js";
 
-const getSharedResourcesInstance = () => getSingletonElementInstance("ui5-shared-resources", document.head);
+const getSharedResourcesInstance = (): Record<string, unknown> | null => {
+	if (typeof document === "undefined") {
+		return null;
+	}
+	return getSingletonElementInstance("ui5-shared-resources", document.head) as unknown as Record<string, unknown>;
+};
 
 /**
  * Use this method to initialize/get resources that you would like to be shared among UI5 Web Components runtime instances.
@@ -11,9 +16,13 @@ const getSharedResourcesInstance = () => getSingletonElementInstance("ui5-shared
  * @param initialValue Object or primitive that will be used as an initial value if the resource does not exist
  * @returns {*}
  */
-const getSharedResource = (namespace, initialValue) => {
+const getSharedResource = <T>(namespace: string, initialValue: T): T => {
 	const parts = namespace.split(".");
-	let current = getSharedResourcesInstance();
+	let current = getSharedResourcesInstance() as Record<string, any>;
+
+	if (!current) {
+		return initialValue;
+	}
 
 	for (let i = 0; i < parts.length; i++) {
 		const part = parts[i];
@@ -24,7 +33,7 @@ const getSharedResource = (namespace, initialValue) => {
 		current = current[part];
 	}
 
-	return current;
+	return current as T;
 };
 
 export default getSharedResource;

package/src/global.d.ts

@@ -0,0 +1,38 @@
+export {};
+
+declare global {
+
+	type VersionInfo = {
+		version: string,
+		major: number,
+		minor: number,
+		patch: number,
+		suffix: string,
+		isNext: boolean,
+		buildTime: number,
+	}
+
+	interface Window {
+		sap: any;
+		chrome: any;
+		v8: any;
+	}
+
+	module "*generated/AssetParameters.js" {
+		const DEFAULT_THEME: string;
+		const DEFAULT_LANGUAGE: string;
+		const DEFAULT_LOCALE: string;
+		const SUPPORTED_LOCALES: Array<string>;
+		export {
+			DEFAULT_THEME,
+			DEFAULT_LANGUAGE,
+			DEFAULT_LOCALE,
+			SUPPORTED_LOCALES,
+		};
+	}
+
+	module "*generated/VersionInfo.js" {
+		const content: VersionInfo;
+		export default content;
+	}
+}