@ui5/webcomponents-base 0.0.0-cc312800a → 0.0.0-ce98ce2bb

package/dist/FontFace.js

@@ -1,118 +1,25 @@
-/**
- * CSS font face used for the texts provided by SAP.
- */
-import createStyleInHead from "./util/createStyleInHead.js";
+import { hasStyle, createStyle } from "./ManagedStyles.js";
 import { getFeature } from "./FeaturesRegistry.js";
-
-/* CDN Locations */
-const font72RegularWoff = `https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff?ui5-webcomponents`;
-const font72RegularWoff2 = `https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents`;
-
-const font72RegularFullWoff = `https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff?ui5-webcomponents`;
-const font72RegularFullWoff2 = `https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents`;
-
-const font72BoldWoff = `https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents`;
-const font72BoldWoff2 = `https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents`;
-
-const font72BoldFullWoff = `https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents`;
-const font72BoldFullWoff2 = `https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents`;
-
-const fontFaceCSS = `
-	@font-face {
-		font-family: "72";
-		font-style: normal;
-		font-weight: 400;
-		src: local("72"),
-			url(${font72RegularWoff2}) format("woff2"),
-			url(${font72RegularWoff}) format("woff");
-	}
-	
-	@font-face {
-		font-family: "72full";
-		font-style: normal;
-		font-weight: 400;
-		src: local('72-full'),
-			url(${font72RegularFullWoff2}) format("woff2"),
-			url(${font72RegularFullWoff}) format("woff");
-		
-	}
-	
-	@font-face {
-		font-family: "72";
-		font-style: normal;
-		font-weight: 700;
-		src: local('72-Bold'),
-			url(${font72BoldWoff2}) format("woff2"),
-			url(${font72BoldWoff}) format("woff");
-	}
-	
-	@font-face {
-		font-family: "72full";
-		font-style: normal;
-		font-weight: 700;
-		src: local('72-Bold-full'),
-			url(${font72BoldFullWoff2}) format("woff2"),
-			url(${font72BoldFullWoff}) format("woff");
-	}
-`;
-
-/**
- * Some diacritics are supported by the 72 font:
- *  * Grave
- *  * Acute
- *  * Circumflex
- *  * Tilde
- *
- * However, the following diacritics and the combination of multiple diacritics (including the supported ones) are not supported:
- *  * Breve
- *  * Horn
- *  * Dot below
- *  * Hook above
- *
- *
- * Override for the characters that aren't covered by the '72' font to other system fonts
- *
- * U+0102-0103: A and a with Breve
- * U+01A0-01A1: O and o with Horn
- * U+01AF-01B0: U and u with Horn
- * U+1EA0-1EB7: A and a with diacritics that are not supported by the font and combination of multiple diacritics
- * U+1EB8-1EC7: E and e with diacritics that are not supported by the font and combination of multiple diacritics
- * U+1EC8-1ECB: I and i with diacritics that are not supported by the font and combination of multiple diacritics
- * U+1ECC-1EE3: O and o with diacritics that are not supported by the font and combination of multiple diacritics
- * U+1EE4-1EF1: U and u with diacritics that are not supported by the font and combination of multiple diacritics
- * U+1EF4-1EF7: Y and y with diacritics that are not supported by the font and combination of multiple diacritics
- *
- */
-const overrideFontFaceCSS = `
-	@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');
-	}
-`;
-
+import fontFaceCSS from "./generated/css/FontFace.css.js";
+import overrideFontFaceCSS from "./generated/css/OverrideFontFace.css.js";
 const insertFontFace = () => {
-	const OpenUI5Support = getFeature("OpenUI5Support");
-
-	// Only set the main font if there is no OpenUI5 support, or there is, but OpenUI5 is not loaded
-	if (!OpenUI5Support || !OpenUI5Support.isLoaded()) {
-		insertMainFontFace();
-	}
-
-	// Always set the override font - OpenUI5 in CSS Vars mode does not set it, unlike the main font
-	insertOverrideFontFace();
+    const openUI5Support = getFeature("OpenUI5Support");
+    // Only set the main font if there is no OpenUI5 support, or there is, but OpenUI5 is not loaded
+    if (!openUI5Support || !openUI5Support.isOpenUI5Detected()) {
+        insertMainFontFace();
+    }
+    // Always set the override font - OpenUI5 in CSS Vars mode does not set it, unlike the main font
+    insertOverrideFontFace();
 };
-
 const insertMainFontFace = () => {
-	if (!document.querySelector(`head>style[data-ui5-font-face]`)) {
-		createStyleInHead(fontFaceCSS, { "data-ui5-font-face": "" });
-	}
+    if (!hasStyle("data-ui5-font-face")) {
+        createStyle(fontFaceCSS, "data-ui5-font-face");
+    }
 };
-
 const insertOverrideFontFace = () => {
-	if (!document.querySelector(`head>style[data-ui5-font-face-override]`)) {
-		createStyleInHead(overrideFontFaceCSS, { "data-ui5-font-face-override": "" });
-	}
+    if (!hasStyle("data-ui5-font-face-override")) {
+        createStyle(overrideFontFaceCSS, "data-ui5-font-face-override");
+    }
 };
-
 export default insertFontFace;
+//# sourceMappingURL=FontFace.js.map

package/dist/FontFace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontFace.js","sourceRoot":"","sources":["../src/FontFace.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAG1E,MAAM,cAAc,GAAG,GAAG,EAAE;IAC3B,MAAM,cAAc,GAAG,UAAU,CAAwB,gBAAgB,CAAC,CAAC;IAE3E,gGAAgG;IAChG,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC,iBAAiB,EAAE,EAAE;QAC3D,kBAAkB,EAAE,CAAC;KACrB;IAED,gGAAgG;IAChG,sBAAsB,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE;QACpC,WAAW,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;KAC/C;AACF,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACnC,IAAI,CAAC,QAAQ,CAAC,6BAA6B,CAAC,EAAE;QAC7C,WAAW,CAAC,mBAAmB,EAAE,6BAA6B,CAAC,CAAC;KAChE;AACF,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { hasStyle, createStyle } from \"./ManagedStyles.js\";\nimport { getFeature } from \"./FeaturesRegistry.js\";\nimport fontFaceCSS from \"./generated/css/FontFace.css.js\";\nimport overrideFontFaceCSS from \"./generated/css/OverrideFontFace.css.js\";\nimport type OpenUI5Support from \"./features/OpenUI5Support.js\";\n\nconst insertFontFace = () => {\n\tconst openUI5Support = getFeature<typeof OpenUI5Support>(\"OpenUI5Support\");\n\n\t// Only set the main font if there is no OpenUI5 support, or there is, but OpenUI5 is not loaded\n\tif (!openUI5Support || !openUI5Support.isOpenUI5Detected()) {\n\t\tinsertMainFontFace();\n\t}\n\n\t// Always set the override font - OpenUI5 in CSS Vars mode does not set it, unlike the main font\n\tinsertOverrideFontFace();\n};\n\nconst insertMainFontFace = () => {\n\tif (!hasStyle(\"data-ui5-font-face\")) {\n\t\tcreateStyle(fontFaceCSS, \"data-ui5-font-face\");\n\t}\n};\n\nconst insertOverrideFontFace = () => {\n\tif (!hasStyle(\"data-ui5-font-face-override\")) {\n\t\tcreateStyle(overrideFontFaceCSS, \"data-ui5-font-face-override\");\n\t}\n};\n\nexport default insertFontFace;\n"]}

package/dist/IgnoreCustomElements.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Ignores all custom HTML elements with a given tag prefix to improve the rendering performance of the UI5 Web Components.
+ * <br>
+ *
+ * <b>When used:</b> the UI5 Web Components framework treats all custom HTML elements,
+ * starting with the given prefix as if they are standard HTML elements, such as: `div`, `span`, etc, without additional processing.
+ * <br>
+ *
+ * <b>When not used:</b> the framework waits for the slotted children to be defined and registered first,
+ * because the state or visual appearance of the parent may rely on the slotted elements/children.
+ *
+ * <b>Note:</b> We recommend using `ignoreCustomElements` when slotting custom HTML elements (with only semantic purpose)
+ * inside UI5 Web Components, to improve the time to render.
+ *
+ * @public
+ * @since 1.14.0
+ * @param { string } tagPrefix
+ */
+declare const ignoreCustomElements: (tagPrefix: string) => void;
+/**
+ * Determines whether custom elements with the given tag should be ignored.
+ *
+ * @private
+ * @param { string } tag
+ */
+declare const shouldIgnoreCustomElement: (tag: string) => boolean;
+export { ignoreCustomElements, shouldIgnoreCustomElement, };

package/dist/IgnoreCustomElements.js

@@ -0,0 +1,39 @@
+/**
+ * The tag prefixes to be ignored.
+ */
+const tagPrefixes = [];
+/**
+ * Ignores all custom HTML elements with a given tag prefix to improve the rendering performance of the UI5 Web Components.
+ * <br>
+ *
+ * <b>When used:</b> the UI5 Web Components framework treats all custom HTML elements,
+ * starting with the given prefix as if they are standard HTML elements, such as: `div`, `span`, etc, without additional processing.
+ * <br>
+ *
+ * <b>When not used:</b> the framework waits for the slotted children to be defined and registered first,
+ * because the state or visual appearance of the parent may rely on the slotted elements/children.
+ *
+ * <b>Note:</b> We recommend using `ignoreCustomElements` when slotting custom HTML elements (with only semantic purpose)
+ * inside UI5 Web Components, to improve the time to render.
+ *
+ * @public
+ * @since 1.14.0
+ * @param { string } tagPrefix
+ */
+const ignoreCustomElements = (tagPrefix) => {
+    if (typeof tagPrefix !== "string" || !tagPrefix.length) {
+        throw new Error("Only string characters for a tag prefix.");
+    }
+    tagPrefixes.push(tagPrefix);
+};
+/**
+ * Determines whether custom elements with the given tag should be ignored.
+ *
+ * @private
+ * @param { string } tag
+ */
+const shouldIgnoreCustomElement = (tag) => {
+    return tagPrefixes.some(pref => tag.startsWith(pref));
+};
+export { ignoreCustomElements, shouldIgnoreCustomElement, };
+//# sourceMappingURL=IgnoreCustomElements.js.map

package/dist/IgnoreCustomElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IgnoreCustomElements.js","sourceRoot":"","sources":["../src/IgnoreCustomElements.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,GAAkB,EAAE,CAAC;AAEtC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAClD,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;QACvD,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;KAC5D;IAED,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,yBAAyB,GAAG,CAAC,GAAW,EAAW,EAAE;IAC1D,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,EACN,oBAAoB,EACpB,yBAAyB,GACzB,CAAC","sourcesContent":["/**\n * The tag prefixes to be ignored.\n */\nconst tagPrefixes: Array<string> = [];\n\n/**\n * Ignores all custom HTML elements with a given tag prefix to improve the rendering performance of the UI5 Web Components.\n * <br>\n *\n * <b>When used:</b> the UI5 Web Components framework treats all custom HTML elements,\n * starting with the given prefix as if they are standard HTML elements, such as: `div`, `span`, etc, without additional processing.\n * <br>\n *\n * <b>When not used:</b> the framework waits for the slotted children to be defined and registered first,\n * because the state or visual appearance of the parent may rely on the slotted elements/children.\n *\n * <b>Note:</b> We recommend using `ignoreCustomElements` when slotting custom HTML elements (with only semantic purpose)\n * inside UI5 Web Components, to improve the time to render.\n *\n * @public\n * @since 1.14.0\n * @param { string } tagPrefix\n */\nconst ignoreCustomElements = (tagPrefix: string) => {\n\tif (typeof tagPrefix !== \"string\" || !tagPrefix.length) {\n\t\tthrow new Error(\"Only string characters for a tag prefix.\");\n\t}\n\n\ttagPrefixes.push(tagPrefix);\n};\n\n/**\n * Determines whether custom elements with the given tag should be ignored.\n *\n * @private\n * @param { string } tag\n */\nconst shouldIgnoreCustomElement = (tag: string): boolean => {\n\treturn tagPrefixes.some(pref => tag.startsWith(pref));\n};\n\nexport {\n\tignoreCustomElements,\n\tshouldIgnoreCustomElement,\n};\n"]}

package/dist/InitialConfiguration.d.ts

@@ -0,0 +1,27 @@
+import type { FormatSettings } from "./config/FormatSettings.js";
+import AnimationMode from "./types/AnimationMode.js";
+import CalendarType from "./types/CalendarType.js";
+declare const getAnimationMode: () => AnimationMode;
+declare const getTheme: () => string;
+declare const getThemeRoot: () => string | undefined;
+declare const getRTL: () => boolean | undefined;
+declare const getLanguage: () => string | undefined;
+/**
+ * Returns if the default language, that is inlined at build time,
+ * should be fetched over the network instead.
+ * @returns {Boolean}
+ */
+declare const getFetchDefaultLanguage: () => boolean;
+declare const getNoConflict: () => boolean;
+/**
+ * Get the configured calendar type
+ * @returns { String } the name of the configured calendar type
+ */
+declare const getCalendarType: () => CalendarType | undefined;
+/**
+ * Returns the configured IANA timezone ID.
+ * @returns { String } the configured IANA timezone ID, e.g. "America/New_York"
+ */
+declare const getTimezone: () => string | undefined;
+declare const getFormatSettings: () => FormatSettings;
+export { getAnimationMode, getTheme, getThemeRoot, getRTL, getLanguage, getFetchDefaultLanguage, getNoConflict, getCalendarType, getTimezone, getFormatSettings, };

package/dist/InitialConfiguration.js

@@ -1,149 +1,156 @@
 import merge from "./thirdparty/merge.js";
 import { getFeature } from "./FeaturesRegistry.js";
 import { DEFAULT_THEME } from "./generated/AssetParameters.js";
-
+import validateThemeRoot from "./validateThemeRoot.js";
+import AnimationMode from "./types/AnimationMode.js";
 let initialized = false;
-
 let initialConfig = {
-	animationMode: "full",
-	theme: DEFAULT_THEME,
-	rtl: null,
-	language: null,
-	calendarType: null,
-	noConflict: false, // no URL
-	formatSettings: {},
-	fetchDefaultLanguage: false,
-	assetsPath: "",
-};
-
+    animationMode: AnimationMode.Full,
+    theme: DEFAULT_THEME,
+    themeRoot: undefined,
+    rtl: undefined,
+    language: undefined,
+    timezone: undefined,
+    calendarType: undefined,
+    noConflict: false,
+    formatSettings: {},
+    fetchDefaultLanguage: false,
+};
 /* General settings */
 const getAnimationMode = () => {
-	initConfiguration();
-	return initialConfig.animationMode;
+    initConfiguration();
+    return initialConfig.animationMode;
 };
-
 const getTheme = () => {
-	initConfiguration();
-	return initialConfig.theme;
+    initConfiguration();
+    return initialConfig.theme;
+};
+const getThemeRoot = () => {
+    initConfiguration();
+    return initialConfig.themeRoot;
 };
-
 const getRTL = () => {
-	initConfiguration();
-	return initialConfig.rtl;
+    initConfiguration();
+    return initialConfig.rtl;
 };
-
 const getLanguage = () => {
-	initConfiguration();
-	return initialConfig.language;
+    initConfiguration();
+    return initialConfig.language;
 };
-
 /**
  * Returns if the default language, that is inlined at build time,
  * should be fetched over the network instead.
  * @returns {Boolean}
  */
 const getFetchDefaultLanguage = () => {
-	initConfiguration();
-	return initialConfig.fetchDefaultLanguage;
+    initConfiguration();
+    return initialConfig.fetchDefaultLanguage;
 };
-
 const getNoConflict = () => {
-	initConfiguration();
-	return initialConfig.noConflict;
+    initConfiguration();
+    return initialConfig.noConflict;
 };
-
+/**
+ * Get the configured calendar type
+ * @returns { String } the name of the configured calendar type
+ */
 const getCalendarType = () => {
-	initConfiguration();
-	return initialConfig.calendarType;
+    initConfiguration();
+    return initialConfig.calendarType;
 };
-
-const getFormatSettings = () => {
-	initConfiguration();
-	return initialConfig.formatSettings;
+/**
+ * Returns the configured IANA timezone ID.
+ * @returns { String } the configured IANA timezone ID, e.g. "America/New_York"
+ */
+const getTimezone = () => {
+    initConfiguration();
+    return initialConfig.timezone;
 };
-
-const getAssetsPath = () => {
-	initConfiguration();
-	return initialConfig.assetsPath;
+const getFormatSettings = () => {
+    initConfiguration();
+    return initialConfig.formatSettings;
 };
-
 const booleanMapping = new Map();
 booleanMapping.set("true", true);
 booleanMapping.set("false", false);
-
 const parseConfigurationScript = () => {
-	const configScript = document.querySelector("[data-ui5-config]") || document.querySelector("[data-id='sap-ui-config']"); // for backward compatibility
-
-	let configJSON;
-
-	if (configScript) {
-		try {
-			configJSON = JSON.parse(configScript.innerHTML);
-		} catch (err) {
-			console.warn("Incorrect data-sap-ui-config format. Please use JSON"); /* eslint-disable-line */
-		}
-
-		if (configJSON) {
-			initialConfig = merge(initialConfig, configJSON);
-		}
-	}
-};
-
+    const configScript = document.querySelector("[data-ui5-config]") || document.querySelector("[data-id='sap-ui-config']"); // for backward compatibility
+    let configJSON;
+    if (configScript) {
+        try {
+            configJSON = JSON.parse(configScript.innerHTML);
+        }
+        catch (err) {
+            console.warn("Incorrect data-sap-ui-config format. Please use JSON"); /* eslint-disable-line */
+        }
+        if (configJSON) {
+            initialConfig = merge(initialConfig, configJSON);
+        }
+    }
+};
 const parseURLParameters = () => {
-	const params = new URLSearchParams(window.location.search);
-
-	params.forEach((value, key) => {
-		if (!key.startsWith("sap-ui")) {
-			return;
-		}
-
-		const lowerCaseValue = value.toLowerCase();
-
-		const param = key.split("sap-ui-")[1];
-
-		if (booleanMapping.has(value)) {
-			value = booleanMapping.get(lowerCaseValue);
-		}
-
-		initialConfig[param] = value;
-	});
-};
-
+    const params = new URLSearchParams(window.location.search);
+    // Process "sap-*" params first
+    params.forEach((value, key) => {
+        const parts = key.split("sap-").length;
+        if (parts === 0 || parts === key.split("sap-ui-").length) {
+            return;
+        }
+        applyURLParam(key, value, "sap");
+    });
+    // Process "sap-ui-*" params
+    params.forEach((value, key) => {
+        if (!key.startsWith("sap-ui")) {
+            return;
+        }
+        applyURLParam(key, value, "sap-ui");
+    });
+};
+const normalizeThemeRootParamValue = (value) => {
+    const themeRoot = value.split("@")[1];
+    return validateThemeRoot(themeRoot);
+};
+const normalizeThemeParamValue = (param, value) => {
+    if (param === "theme" && value.includes("@")) { // the theme parameter might have @<URL-TO-THEME> in the value - strip this
+        return value.split("@")[0];
+    }
+    return value;
+};
+const applyURLParam = (key, value, paramType) => {
+    const lowerCaseValue = value.toLowerCase();
+    const param = key.split(`${paramType}-`)[1];
+    if (booleanMapping.has(value)) {
+        value = booleanMapping.get(lowerCaseValue);
+    }
+    if (param === "theme") {
+        initialConfig.theme = normalizeThemeParamValue(param, value);
+        if (value && value.includes("@")) {
+            initialConfig.themeRoot = normalizeThemeRootParamValue(value);
+        }
+    }
+    else {
+        initialConfig[param] = value;
+    }
+};
 const applyOpenUI5Configuration = () => {
-	const OpenUI5Support = getFeature("OpenUI5Support");
-	if (!OpenUI5Support || !OpenUI5Support.isLoaded()) {
-		return;
-	}
-
-	const OpenUI5Config = OpenUI5Support.getConfigurationSettingsObject();
-	initialConfig = merge(initialConfig, OpenUI5Config);
-};
-
+    const openUI5Support = getFeature("OpenUI5Support");
+    if (!openUI5Support || !openUI5Support.isOpenUI5Detected()) {
+        return;
+    }
+    const OpenUI5Config = openUI5Support.getConfigurationSettingsObject();
+    initialConfig = merge(initialConfig, OpenUI5Config);
+};
 const initConfiguration = () => {
-	if (initialized) {
-		return;
-	}
-
-	// 1. Lowest priority - configuration script
-	parseConfigurationScript();
-
-	// 2. URL parameters overwrite configuration script parameters
-	parseURLParameters();
-
-	// 3. If OpenUI5 is detected, it has the highest priority
-	applyOpenUI5Configuration();
-
-	initialized = true;
-};
-
-export {
-	getAnimationMode,
-	getTheme,
-	getRTL,
-	getLanguage,
-	getFetchDefaultLanguage,
-	getNoConflict,
-	getCalendarType,
-	getFormatSettings,
-	getAssetsPath,
+    if (typeof document === "undefined" || initialized) {
+        return;
+    }
+    // 1. Lowest priority - configuration script
+    parseConfigurationScript();
+    // 2. URL parameters overwrite configuration script parameters
+    parseURLParameters();
+    // 3. If OpenUI5 is detected, it has the highest priority
+    applyOpenUI5Configuration();
+    initialized = true;
 };
+export { getAnimationMode, getTheme, getThemeRoot, getRTL, getLanguage, getFetchDefaultLanguage, getNoConflict, getCalendarType, getTimezone, getFormatSettings, };
+//# sourceMappingURL=InitialConfiguration.js.map

package/dist/InitialConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialConfiguration.js","sourceRoot":"","sources":["../src/InitialConfiguration.ts"],"names":[],"mappings":"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","sourcesContent":["import merge from \"./thirdparty/merge.js\";\nimport { getFeature } from \"./FeaturesRegistry.js\";\nimport { DEFAULT_THEME } from \"./generated/AssetParameters.js\";\nimport validateThemeRoot from \"./validateThemeRoot.js\";\nimport type OpenUI5Support from \"./features/OpenUI5Support.js\";\nimport type { FormatSettings } from \"./config/FormatSettings.js\";\nimport AnimationMode from \"./types/AnimationMode.js\";\nimport CalendarType from \"./types/CalendarType.js\";\n\nlet initialized = false;\n\ntype InitialConfig = {\n\t[key: string]: any,\n\tanimationMode: AnimationMode,\n\ttheme: string,\n\tthemeRoot: string | undefined,\n\trtl: boolean | undefined,\n\tlanguage: string | undefined,\n\tcalendarType: CalendarType | undefined,\n\ttimezone: string | undefined,\n\tnoConflict: boolean,\n\tformatSettings: FormatSettings,\n\tfetchDefaultLanguage: boolean,\n};\n\nlet initialConfig: InitialConfig = {\n\tanimationMode: AnimationMode.Full,\n\ttheme: DEFAULT_THEME,\n\tthemeRoot: undefined,\n\trtl: undefined,\n\tlanguage: undefined,\n\ttimezone: undefined,\n\tcalendarType: undefined,\n\tnoConflict: false, // no URL\n\tformatSettings: {},\n\tfetchDefaultLanguage: false,\n};\n\n/* General settings */\nconst getAnimationMode = () => {\n\tinitConfiguration();\n\treturn initialConfig.animationMode;\n};\n\nconst getTheme = () => {\n\tinitConfiguration();\n\treturn initialConfig.theme;\n};\n\nconst getThemeRoot = () => {\n\tinitConfiguration();\n\treturn initialConfig.themeRoot;\n};\n\nconst getRTL = () => {\n\tinitConfiguration();\n\treturn initialConfig.rtl;\n};\n\nconst getLanguage = () => {\n\tinitConfiguration();\n\treturn initialConfig.language;\n};\n\n/**\n * Returns if the default language, that is inlined at build time,\n * should be fetched over the network instead.\n * @returns {Boolean}\n */\nconst getFetchDefaultLanguage = () => {\n\tinitConfiguration();\n\treturn initialConfig.fetchDefaultLanguage;\n};\n\nconst getNoConflict = () => {\n\tinitConfiguration();\n\treturn initialConfig.noConflict;\n};\n\n/**\n * Get the configured calendar type\n * @returns { String } the name of the configured calendar type\n */\nconst getCalendarType = () => {\n\tinitConfiguration();\n\treturn initialConfig.calendarType;\n};\n\n/**\n * Returns the configured IANA timezone ID.\n * @returns { String } the configured IANA timezone ID, e.g. \"America/New_York\"\n */\nconst getTimezone = () => {\n\tinitConfiguration();\n\treturn initialConfig.timezone;\n};\n\nconst getFormatSettings = () => {\n\tinitConfiguration();\n\treturn initialConfig.formatSettings;\n};\n\nconst booleanMapping = new Map();\nbooleanMapping.set(\"true\", true);\nbooleanMapping.set(\"false\", false);\n\nconst parseConfigurationScript = () => {\n\tconst configScript = document.querySelector(\"[data-ui5-config]\") || document.querySelector(\"[data-id='sap-ui-config']\"); // for backward compatibility\n\n\tlet configJSON;\n\n\tif (configScript) {\n\t\ttry {\n\t\t\tconfigJSON = JSON.parse(configScript.innerHTML);\n\t\t} catch (err) {\n\t\t\tconsole.warn(\"Incorrect data-sap-ui-config format. Please use JSON\"); /* eslint-disable-line */\n\t\t}\n\n\t\tif (configJSON) {\n\t\t\tinitialConfig = merge(initialConfig, configJSON);\n\t\t}\n\t}\n};\n\nconst parseURLParameters = () => {\n\tconst params = new URLSearchParams(window.location.search);\n\n\t// Process \"sap-*\" params first\n\tparams.forEach((value, key) => {\n\t\tconst parts = key.split(\"sap-\").length;\n\t\tif (parts === 0 || parts === key.split(\"sap-ui-\").length) {\n\t\t\treturn;\n\t\t}\n\n\t\tapplyURLParam(key, value, \"sap\");\n\t});\n\n\t// Process \"sap-ui-*\" params\n\tparams.forEach((value, key) => {\n\t\tif (!key.startsWith(\"sap-ui\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tapplyURLParam(key, value, \"sap-ui\");\n\t});\n};\n\nconst normalizeThemeRootParamValue = (value: string) => {\n\tconst themeRoot = value.split(\"@\")[1];\n\n\treturn validateThemeRoot(themeRoot);\n};\n\nconst normalizeThemeParamValue = (param: string, value: string) => {\n\tif (param === \"theme\" && value.includes(\"@\")) { // the theme parameter might have @<URL-TO-THEME> in the value - strip this\n\t\treturn value.split(\"@\")[0];\n\t}\n\n\treturn value;\n};\n\nconst applyURLParam = (key: string, value: string, paramType: string) => {\n\tconst lowerCaseValue = value.toLowerCase();\n\tconst param = key.split(`${paramType}-`)[1];\n\n\tif (booleanMapping.has(value)) {\n\t\tvalue = booleanMapping.get(lowerCaseValue);\n\t}\n\n\tif (param === \"theme\") {\n\t\tinitialConfig.theme = normalizeThemeParamValue(param, value);\n\n\t\tif (value && value.includes(\"@\")) {\n\t\t\tinitialConfig.themeRoot = normalizeThemeRootParamValue(value);\n\t\t}\n\t} else {\n\t\tinitialConfig[param] = value;\n\t}\n};\n\nconst applyOpenUI5Configuration = () => {\n\tconst openUI5Support = getFeature<typeof OpenUI5Support>(\"OpenUI5Support\");\n\tif (!openUI5Support || !openUI5Support.isOpenUI5Detected()) {\n\t\treturn;\n\t}\n\n\tconst OpenUI5Config = openUI5Support.getConfigurationSettingsObject();\n\tinitialConfig = merge(initialConfig, OpenUI5Config);\n};\n\nconst initConfiguration = () => {\n\tif (typeof document === \"undefined\" || initialized) {\n\t\treturn;\n\t}\n\n\t// 1. Lowest priority - configuration script\n\tparseConfigurationScript();\n\n\t// 2. URL parameters overwrite configuration script parameters\n\tparseURLParameters();\n\n\t// 3. If OpenUI5 is detected, it has the highest priority\n\tapplyOpenUI5Configuration();\n\n\tinitialized = true;\n};\n\nexport {\n\tgetAnimationMode,\n\tgetTheme,\n\tgetThemeRoot,\n\tgetRTL,\n\tgetLanguage,\n\tgetFetchDefaultLanguage,\n\tgetNoConflict,\n\tgetCalendarType,\n\tgetTimezone,\n\tgetFormatSettings,\n};\n"]}

package/dist/Keys.d.ts

@@ -0,0 +1,61 @@
+declare const isEnter: (event: KeyboardEvent) => boolean;
+declare const isEnterShift: (event: KeyboardEvent) => boolean;
+declare const isSpace: (event: KeyboardEvent) => boolean;
+declare const isSpaceShift: (event: KeyboardEvent) => boolean;
+declare const isSpaceCtrl: (event: KeyboardEvent) => boolean;
+declare const isLeft: (event: KeyboardEvent) => boolean;
+declare const isRight: (event: KeyboardEvent) => boolean;
+declare const isUp: (event: KeyboardEvent) => boolean;
+declare const isDown: (event: KeyboardEvent) => boolean;
+declare const isLeftCtrl: (event: KeyboardEvent) => boolean;
+declare const isRightCtrl: (event: KeyboardEvent) => boolean;
+declare const isUpCtrl: (event: KeyboardEvent) => boolean;
+declare const isDownCtrl: (event: KeyboardEvent) => boolean;
+declare const isUpShift: (event: KeyboardEvent) => boolean;
+declare const isDownShift: (event: KeyboardEvent) => boolean;
+declare const isUpAlt: (event: KeyboardEvent) => boolean;
+declare const isDownAlt: (event: KeyboardEvent) => boolean;
+declare const isLeftShift: (event: KeyboardEvent) => boolean;
+declare const isRightShift: (event: KeyboardEvent) => boolean;
+declare const isLeftShiftCtrl: (event: KeyboardEvent) => boolean;
+declare const isRightShiftCtrl: (event: KeyboardEvent) => boolean;
+declare const isUpShiftCtrl: (event: KeyboardEvent) => boolean;
+declare const isDownShiftCtrl: (event: KeyboardEvent) => boolean;
+declare const isHome: (event: KeyboardEvent) => boolean;
+declare const isEnd: (event: KeyboardEvent) => boolean;
+declare const isHomeCtrl: (event: KeyboardEvent) => boolean;
+declare const isHomeShift: (event: KeyboardEvent) => boolean;
+declare const isEndCtrl: (event: KeyboardEvent) => boolean;
+declare const isEndShift: (event: KeyboardEvent) => boolean;
+declare const isEscape: (event: KeyboardEvent) => boolean;
+declare const isTabNext: (event: KeyboardEvent) => boolean;
+declare const isTabPrevious: (event: KeyboardEvent) => boolean;
+declare const isBackSpace: (event: KeyboardEvent) => boolean;
+declare const isDelete: (event: KeyboardEvent) => boolean;
+declare const isDeleteShift: (event: KeyboardEvent) => boolean;
+declare const isInsertShift: (event: KeyboardEvent) => boolean;
+declare const isInsertCtrl: (event: KeyboardEvent) => boolean;
+declare const isPageUp: (event: KeyboardEvent) => boolean;
+declare const isPageDown: (event: KeyboardEvent) => boolean;
+declare const isPageUpShift: (event: KeyboardEvent) => boolean;
+declare const isPageUpAlt: (event: KeyboardEvent) => boolean;
+declare const isPageDownShift: (event: KeyboardEvent) => boolean;
+declare const isPageDownAlt: (event: KeyboardEvent) => boolean;
+declare const isPageUpShiftCtrl: (event: KeyboardEvent) => boolean;
+declare const isPageDownShiftCtrl: (event: KeyboardEvent) => boolean;
+declare const isPlus: (event: KeyboardEvent) => boolean;
+declare const isMinus: (event: KeyboardEvent) => boolean;
+declare const isShow: (event: KeyboardEvent) => boolean;
+declare const isF4: (event: KeyboardEvent) => boolean;
+declare const isF4Shift: (event: KeyboardEvent) => boolean;
+declare const isF6Next: (event: KeyboardEvent) => boolean;
+declare const isF6Previous: (event: KeyboardEvent) => boolean;
+declare const isF7: (event: KeyboardEvent) => boolean;
+declare const isShift: (event: KeyboardEvent) => boolean;
+declare const isCtrlA: (event: KeyboardEvent) => boolean;
+declare const isCtrlV: (event: KeyboardEvent) => boolean;
+declare const isKeyA: (event: KeyboardEvent) => boolean;
+declare const isKeyP: (event: KeyboardEvent) => boolean;
+declare const isNumber: (event: KeyboardEvent) => boolean;
+declare const isColon: (event: KeyboardEvent) => boolean;
+export { isEnter, isEnterShift, isSpace, isSpaceShift, isSpaceCtrl, isLeft, isRight, isUp, isDown, isLeftCtrl, isRightCtrl, isUpCtrl, isDownCtrl, isUpShift, isDownShift, isUpAlt, isDownAlt, isLeftShift, isRightShift, isLeftShiftCtrl, isRightShiftCtrl, isUpShiftCtrl, isDownShiftCtrl, isHome, isEnd, isPlus, isMinus, isHomeCtrl, isEndCtrl, isHomeShift, isEndShift, isEscape, isTabNext, isTabPrevious, isBackSpace, isDelete, isShow, isF4, isF4Shift, isF6Previous, isF6Next, isF7, isPageUp, isPageDown, isPageUpShift, isPageUpAlt, isPageDownShift, isPageDownAlt, isPageUpShiftCtrl, isPageDownShiftCtrl, isShift, isCtrlA, isCtrlV, isKeyA, isKeyP, isDeleteShift, isInsertShift, isInsertCtrl, isNumber, isColon, };