@ui5/webcomponents-base 0.0.0-e7dd012d7 → 0.0.0-ebd9a4db3

package/dist/getSharedResource.js

@@ -1,10 +1,19 @@
 import getSingletonElementInstance from "./util/getSingletonElementInstance.js";
-
-const getSharedResourcesInstance = () => getSingletonElementInstance("ui5-shared-resources", document.head);
-
+const getMetaDomEl = () => {
+    const el = document.createElement("meta");
+    el.setAttribute("name", "ui5-shared-resources");
+    el.setAttribute("content", ""); // attribute "content" should be present when "name" is set.
+    return el;
+};
+const getSharedResourcesInstance = () => {
+    if (typeof document === "undefined") {
+        return null;
+    }
+    return getSingletonElementInstance(`meta[name="ui5-shared-resources"]`, document.head, getMetaDomEl);
+};
 /**
  * Use this method to initialize/get resources that you would like to be shared among UI5 Web Components runtime instances.
- * The data will be accessed via a singleton "ui5-shared-resources" HTML element in the "head" element of the page.
+ * The data will be accessed via a singleton "ui5-shared-resources" HTML element in the "body" element of the page.
  *
  * @public
  * @param namespace Unique ID of the resource, may contain "." to denote hierarchy
@@ -12,19 +21,20 @@ const getSharedResourcesInstance = () => getSingletonElementInstance("ui5-shared
  * @returns {*}
  */
 const getSharedResource = (namespace, initialValue) => {
-	const parts = namespace.split(".");
-	let current = getSharedResourcesInstance();
-
-	for (let i = 0; i < parts.length; i++) {
-		const part = parts[i];
-		const lastPart = i === parts.length - 1;
-		if (!Object.prototype.hasOwnProperty.call(current, part)) {
-			current[part] = lastPart ? initialValue : {};
-		}
-		current = current[part];
-	}
-
-	return current;
+    const parts = namespace.split(".");
+    let current = getSharedResourcesInstance();
+    if (!current) {
+        return initialValue;
+    }
+    for (let i = 0; i < parts.length; i++) {
+        const part = parts[i];
+        const lastPart = i === parts.length - 1;
+        if (!Object.prototype.hasOwnProperty.call(current, part)) {
+            current[part] = lastPart ? initialValue : {};
+        }
+        current = current[part];
+    }
+    return current;
 };
-
 export default getSharedResource;
+//# sourceMappingURL=getSharedResource.js.map

package/dist/getSharedResource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSharedResource.js","sourceRoot":"","sources":["../src/getSharedResource.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,MAAM,uCAAuC,CAAC;AAEhF,MAAM,YAAY,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IAChD,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,4DAA4D;IAC5F,OAAO,EAAE,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,GAAmB,EAAE;IACvD,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACrC,OAAO,IAAI,CAAC;IACb,CAAC;IACD,OAAO,2BAA2B,CAAC,mCAAmC,EAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AACtG,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,iBAAiB,GAAG,CAAI,SAAiB,EAAE,YAAe,EAAK,EAAE;IACtE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,OAAO,GAAG,0BAA0B,EAAyB,CAAC;IAElE,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,YAAY,CAAC;IACrB,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,MAAM,QAAQ,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACxC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC;YAC1D,OAAO,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,OAAY,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import getSingletonElementInstance from \"./util/getSingletonElementInstance.js\";\n\nconst getMetaDomEl = () => {\n\tconst el = document.createElement(\"meta\");\n\tel.setAttribute(\"name\", \"ui5-shared-resources\");\n\tel.setAttribute(\"content\", \"\"); // attribute \"content\" should be present when \"name\" is set.\n\treturn el;\n};\n\nconst getSharedResourcesInstance = (): Element | null => {\n\tif (typeof document === \"undefined\") {\n\t\treturn null;\n\t}\n\treturn getSingletonElementInstance(`meta[name=\"ui5-shared-resources\"]`, document.head, getMetaDomEl);\n};\n\n/**\n * Use this method to initialize/get resources that you would like to be shared among UI5 Web Components runtime instances.\n * The data will be accessed via a singleton \"ui5-shared-resources\" HTML element in the \"body\" element of the page.\n *\n * @public\n * @param namespace Unique ID of the resource, may contain \".\" to denote hierarchy\n * @param initialValue Object or primitive that will be used as an initial value if the resource does not exist\n * @returns {*}\n */\nconst getSharedResource = <T>(namespace: string, initialValue: T): T => {\n\tconst parts = namespace.split(\".\");\n\tlet current = getSharedResourcesInstance() as Record<string, any>;\n\n\tif (!current) {\n\t\treturn initialValue;\n\t}\n\n\tfor (let i = 0; i < parts.length; i++) {\n\t\tconst part = parts[i];\n\t\tconst lastPart = i === parts.length - 1;\n\t\tif (!Object.prototype.hasOwnProperty.call(current, part)) {\n\t\t\tcurrent[part] = lastPart ? initialValue : {};\n\t\t}\n\t\tcurrent = current[part];\n\t}\n\n\treturn current as T;\n};\n\nexport default getSharedResource;\n"]}

package/dist/global.d.ts

@@ -0,0 +1,40 @@
+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 SUPPORTED_THEMES: Array<string>;
+		const DEFAULT_LANGUAGE: string;
+		const DEFAULT_LOCALE: string;
+		const SUPPORTED_LOCALES: Array<string>;
+		export {
+			DEFAULT_THEME,
+			SUPPORTED_THEMES,
+			DEFAULT_LANGUAGE,
+			DEFAULT_LOCALE,
+			SUPPORTED_LOCALES,
+		};
+	}
+
+	module "*generated/VersionInfo.js" {
+		const content: VersionInfo;
+		export default content;
+	}
+}

package/dist/i18nBundle.d.ts

@@ -0,0 +1,41 @@
+import { registerI18nLoader } from "./asset-registries/i18n.js";
+type I18nText = {
+    key: string;
+    defaultText: string;
+};
+type I18nBundleGetter = (packageName: string) => Promise<I18nBundle>;
+/**
+ * @class
+ * @public
+ */
+declare class I18nBundle {
+    packageName: string;
+    constructor(packageName: string);
+    /**
+     * Returns a text in the currently loaded language
+     *
+     * @public
+     * @param textObj key/defaultText pair or just the key
+     * @param params Values for the placeholders
+     */
+    getText(textObj: I18nText | string, ...params: Array<number | string>): string;
+}
+/**
+ * Fetches and returns the I18nBundle instance for the given package.
+ *
+ * @public
+ * @param packageName
+ */
+declare const getI18nBundle: (packageName: string) => Promise<I18nBundle>;
+/**
+ * Allows developers to provide a custom getI18nBundle implementation
+ * If this function is called, the custom implementation will be used for all components and will completely
+ * replace the default implementation.
+ *
+ * @public
+ * @param customGet the function to use instead of the standard getI18nBundle implementation
+ */
+declare const registerCustomI18nBundleGetter: (customGet: I18nBundleGetter) => void;
+export default I18nBundle;
+export { registerI18nLoader, getI18nBundle, registerCustomI18nBundleGetter, };
+export type { I18nText, };

package/dist/i18nBundle.js

@@ -1,52 +1,76 @@
-import { registerI18nBundle, fetchI18nBundle, getI18nBundleData } from "./asset-registries/i18n.js";
+import { registerI18nLoader, fetchI18nBundle, getI18nBundleData } from "./asset-registries/i18n.js";
 import formatMessage from "./util/formatMessage.js";
-
 const I18nBundleInstances = new Map();
-
+let customGetI18nBundle;
 /**
  * @class
  * @public
  */
 class I18nBundle {
-	constructor(packageName) {
-		this.packageName = packageName;
-	}
-
-	/**
-	 * Returns a text in the currently loaded language
-	 *
-	 * @param {Object|String} textObj key/defaultText pair or just the key
-	 * @param params Values for the placeholders
-	 * @returns {*}
-	 */
-	getText(textObj, ...params) {
-		if (typeof textObj === "string") {
-			textObj = { key: textObj, defaultText: textObj };
-		}
-
-		if (!textObj || !textObj.key) {
-			return "";
-		}
-
-		const bundle = getI18nBundleData(this.packageName);
-		const messageText = bundle && bundle[textObj.key] ? bundle[textObj.key] : (textObj.defaultText || textObj.key);
-
-		return formatMessage(messageText, params);
-	}
+    constructor(packageName) {
+        this.packageName = packageName;
+    }
+    /**
+     * Returns a text in the currently loaded language
+     *
+     * @public
+     * @param textObj key/defaultText pair or just the key
+     * @param params Values for the placeholders
+     */
+    getText(textObj, ...params) {
+        if (typeof textObj === "string") {
+            textObj = { key: textObj, defaultText: textObj };
+        }
+        if (!textObj || !textObj.key) {
+            return "";
+        }
+        const bundle = getI18nBundleData(this.packageName);
+        if (bundle && !bundle[textObj.key]) {
+            // eslint-disable-next-line no-console
+            console.warn(`Key ${textObj.key} not found in the i18n bundle, the default text will be used`);
+        }
+        const messageText = bundle && bundle[textObj.key] ? bundle[textObj.key] : (textObj.defaultText || textObj.key);
+        return formatMessage(messageText, params);
+    }
 }
-
-const getI18nBundle = packageName => {
-	if (I18nBundleInstances.has(packageName)) {
-		return I18nBundleInstances.get(packageName);
-	}
-
-	const i18nBundle = new I18nBundle(packageName);
-	I18nBundleInstances.set(packageName, i18nBundle);
-	return i18nBundle;
+/**
+ * Returns the I18nBundle instance for the given package synchronously.
+ *
+ * @public
+ * @param packageName
+ */
+const getI18nBundleSync = (packageName) => {
+    if (I18nBundleInstances.has(packageName)) {
+        return I18nBundleInstances.get(packageName);
+    }
+    const i18nBundle = new I18nBundle(packageName);
+    I18nBundleInstances.set(packageName, i18nBundle);
+    return i18nBundle;
+};
+/**
+ * Fetches and returns the I18nBundle instance for the given package.
+ *
+ * @public
+ * @param packageName
+ */
+const getI18nBundle = async (packageName) => {
+    if (customGetI18nBundle) {
+        return customGetI18nBundle(packageName);
+    }
+    await fetchI18nBundle(packageName);
+    return getI18nBundleSync(packageName);
 };
-
-export {
-	registerI18nBundle,
-	fetchI18nBundle,
-	getI18nBundle,
+/**
+ * Allows developers to provide a custom getI18nBundle implementation
+ * If this function is called, the custom implementation will be used for all components and will completely
+ * replace the default implementation.
+ *
+ * @public
+ * @param customGet the function to use instead of the standard getI18nBundle implementation
+ */
+const registerCustomI18nBundleGetter = (customGet) => {
+    customGetI18nBundle = customGet;
 };
+export default I18nBundle;
+export { registerI18nLoader, getI18nBundle, registerCustomI18nBundleGetter, };
+//# sourceMappingURL=i18nBundle.js.map

package/dist/i18nBundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18nBundle.js","sourceRoot":"","sources":["../src/i18nBundle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpG,OAAO,aAAa,MAAM,yBAAyB,CAAC;AAEpD,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAsB,CAAC;AAE1D,IAAI,mBAAqC,CAAC;AAS1C;;;GAGG;AACH,MAAM,UAAU;IAGf,YAAY,WAAmB;QAC9B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IAChC,CAAC;IAED;;;;;;OAMG;IACH,OAAO,CAAC,OAA0B,EAAE,GAAG,MAA8B;QACpE,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjC,OAAO,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;QAClD,CAAC;QAED,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YAC9B,OAAO,EAAE,CAAC;QACX,CAAC;QAED,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACnD,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,OAAO,OAAO,CAAC,GAAG,8DAA8D,CAAC,CAAC;QAChG,CAAC;QACD,MAAM,WAAW,GAAG,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;QAE/G,OAAO,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;CACD;AAED;;;;;GAKG;AACH,MAAM,iBAAiB,GAAG,CAAC,WAAmB,EAAc,EAAE;IAC7D,IAAI,mBAAmB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;QAC1C,OAAO,mBAAmB,CAAC,GAAG,CAAC,WAAW,CAAE,CAAC;IAC9C,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/C,mBAAmB,CAAC,GAAG,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACjD,OAAO,UAAU,CAAC;AACnB,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,aAAa,GAAG,KAAK,EAAE,WAAmB,EAAuB,EAAE;IACxE,IAAI,mBAAmB,EAAE,CAAC;QACzB,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,eAAe,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,iBAAiB,CAAC,WAAW,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,8BAA8B,GAAG,CAAC,SAA2B,EAAQ,EAAE;IAC5E,mBAAmB,GAAG,SAAS,CAAC;AACjC,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,OAAO,EACN,kBAAkB,EAClB,aAAa,EACb,8BAA8B,GAC9B,CAAC","sourcesContent":["import { registerI18nLoader, fetchI18nBundle, getI18nBundleData } from \"./asset-registries/i18n.js\";\nimport formatMessage from \"./util/formatMessage.js\";\n\nconst I18nBundleInstances = new Map<string, I18nBundle>();\n\nlet customGetI18nBundle: I18nBundleGetter;\n\ntype I18nText = {\n\tkey: string,\n\tdefaultText: string,\n};\n\ntype I18nBundleGetter = (packageName: string) => Promise<I18nBundle>;\n\n/**\n * @class\n * @public\n */\nclass I18nBundle {\n\tpackageName: string;\n\n\tconstructor(packageName: string) {\n\t\tthis.packageName = packageName;\n\t}\n\n\t/**\n\t * Returns a text in the currently loaded language\n\t *\n\t * @public\n\t * @param textObj key/defaultText pair or just the key\n\t * @param params Values for the placeholders\n\t */\n\tgetText(textObj: I18nText | string, ...params: Array<number | string>): string {\n\t\tif (typeof textObj === \"string\") {\n\t\t\ttextObj = { key: textObj, defaultText: textObj };\n\t\t}\n\n\t\tif (!textObj || !textObj.key) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst bundle = getI18nBundleData(this.packageName);\n\t\tif (bundle && !bundle[textObj.key]) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(`Key ${textObj.key} not found in the i18n bundle, the default text will be used`);\n\t\t}\n\t\tconst messageText = bundle && bundle[textObj.key] ? bundle[textObj.key] : (textObj.defaultText || textObj.key);\n\n\t\treturn formatMessage(messageText, params);\n\t}\n}\n\n/**\n * Returns the I18nBundle instance for the given package synchronously.\n *\n * @public\n * @param packageName\n */\nconst getI18nBundleSync = (packageName: string): I18nBundle => {\n\tif (I18nBundleInstances.has(packageName)) {\n\t\treturn I18nBundleInstances.get(packageName)!;\n\t}\n\n\tconst i18nBundle = new I18nBundle(packageName);\n\tI18nBundleInstances.set(packageName, i18nBundle);\n\treturn i18nBundle;\n};\n\n/**\n * Fetches and returns the I18nBundle instance for the given package.\n *\n * @public\n * @param packageName\n */\nconst getI18nBundle = async (packageName: string): Promise<I18nBundle> => {\n\tif (customGetI18nBundle) {\n\t\treturn customGetI18nBundle(packageName);\n\t}\n\n\tawait fetchI18nBundle(packageName);\n\treturn getI18nBundleSync(packageName);\n};\n\n/**\n * Allows developers to provide a custom getI18nBundle implementation\n * If this function is called, the custom implementation will be used for all components and will completely\n * replace the default implementation.\n *\n * @public\n * @param customGet the function to use instead of the standard getI18nBundle implementation\n */\nconst registerCustomI18nBundleGetter = (customGet: I18nBundleGetter): void => {\n\tcustomGetI18nBundle = customGet;\n};\n\nexport default I18nBundle;\n\nexport {\n\tregisterI18nLoader,\n\tgetI18nBundle,\n\tregisterCustomI18nBundleGetter,\n};\n\nexport type {\n\tI18nText,\n};\n"]}

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+import type { JSX } from "./jsx-runtime.d.ts";
+import scroll from "./animations/scroll.js";
+import slideDown from "./animations/slideDown.js";
+import slideUp from "./animations/slideUp.js";
+import { getAnimationMode, setAnimationMode } from "./config/AnimationMode.js";
+import { getCalendarType } from "./config/CalendarType.js";
+import { getFirstDayOfWeek, getLegacyDateCalendarCustomizing } from "./config/FormatSettings.js";
+import { setDefaultIconCollection, getDefaultIconCollection } from "./config/Icons.js";
+import { RegisteredIconCollection } from "./asset-registries/util/IconCollectionsByTheme.js";
+import getEffectiveIconCollection from "./asset-registries/util/getIconCollectionByTheme.js";
+import { getLanguage, setLanguage, getDefaultLanguage, setFetchDefaultLanguage, getFetchDefaultLanguage } from "./config/Language.js";
+import { getNoConflict, setNoConflict } from "./config/NoConflict.js";
+import { getTheme, setTheme, getDefaultTheme } from "./config/Theme.js";
+import customElement from "./decorators/customElement.js";
+import event from "./decorators/event.js";
+import property from "./decorators/property.js";
+import slot from "./decorators/slot.js";
+import ItemNavigation from "./delegate/ItemNavigation.js";
+import ResizeHandler from "./delegate/ResizeHandler.js";
+import ScrollEnablement from "./delegate/ScrollEnablement.js";
+import applyDirection from "./locale/applyDirection.js";
+import { attachDirectionChange, detachDirectionChange } from "./locale/directionChange.js";
+import getEffectiveDir from "./locale/getEffectiveDir.js";
+import { attachLanguageChange, detachLanguageChange } from "./locale/languageChange.js";
+import { URLListValidator, sanitizeHTML } from "./util/HTMLSanitizer.js";
+import { registerI18nLoader } from "./asset-registries/i18n.js";
+import { registerLocaleDataLoader } from "./asset-registries/LocaleData.js";
+import { registerThemePropertiesLoader } from "./asset-registries/Themes.js";
+import { registerIconLoader } from "./asset-registries/Icons.js";
+import { attachBoot } from "./Boot.js";
+import { setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, getEffectiveScopingSuffixForTag } from "./CustomElementsScope.js";
+import { supportsTouch, isSafari, isChrome, isFirefox, isPhone, isTablet, isDesktop, isCombi, isIOS, isAndroid } from "./Device.js";
+import EventProvider from "./EventProvider.js";
+import I18nBundle, { getI18nBundle, registerCustomI18nBundleGetter } from "./i18nBundle.js";
+import MediaRange from "./MediaRange.js";
+import { renderDeferred, renderImmediately, cancelRender, renderFinished } from "./Render.js";
+import { addCustomCSS, attachThemeLoaded, detachThemeLoaded } from "./Theming.js";
+import UI5Element from "./UI5Element.js";
+export default UI5Element;
+export { scroll, slideDown, slideUp, getAnimationMode, setAnimationMode, getCalendarType, getFirstDayOfWeek, getLegacyDateCalendarCustomizing, setDefaultIconCollection, getDefaultIconCollection, getEffectiveIconCollection, RegisteredIconCollection, getLanguage, setLanguage, getDefaultLanguage, setFetchDefaultLanguage, getFetchDefaultLanguage, getNoConflict, setNoConflict, getTheme, setTheme, getDefaultTheme, customElement, event, property, slot, ItemNavigation, ResizeHandler, ScrollEnablement, applyDirection, attachDirectionChange, detachDirectionChange, getEffectiveDir, attachLanguageChange, detachLanguageChange, URLListValidator, sanitizeHTML, registerI18nLoader, registerLocaleDataLoader, registerThemePropertiesLoader, registerIconLoader, attachBoot, setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, getEffectiveScopingSuffixForTag, supportsTouch, isSafari, isChrome, isFirefox, isPhone, isTablet, isDesktop, isCombi, isIOS, isAndroid, EventProvider, I18nBundle, getI18nBundle, registerCustomI18nBundleGetter, MediaRange, renderDeferred, renderImmediately, cancelRender, renderFinished, addCustomCSS, attachThemeLoaded, detachThemeLoaded, UI5Element, };
+type TargetedCustomEvent<D, T> = Omit<CustomEvent<D>, "currentTarget"> & {
+    currentTarget: T;
+};
+export type UI5CustomEvent<T extends UI5Element, N extends keyof T["eventDetails"]> = TargetedCustomEvent<T["eventDetails"][N], T>;
+export type JsxTemplateResult = JSX.Element | void;
+export type JsxTemplate = () => JsxTemplateResult;
+export type * from "./types.d.ts";
+export type * from "./jsx-runtime.d.ts";

package/dist/index.js

@@ -0,0 +1,88 @@
+// animations/
+import scroll from "./animations/scroll.js";
+import slideDown from "./animations/slideDown.js";
+import slideUp from "./animations/slideUp.js";
+// config/
+import { getAnimationMode, setAnimationMode } from "./config/AnimationMode.js";
+import { getCalendarType } from "./config/CalendarType.js";
+import { getFirstDayOfWeek, getLegacyDateCalendarCustomizing } from "./config/FormatSettings.js";
+import { setDefaultIconCollection, getDefaultIconCollection, } from "./config/Icons.js";
+import { RegisteredIconCollection } from "./asset-registries/util/IconCollectionsByTheme.js";
+import getEffectiveIconCollection from "./asset-registries/util/getIconCollectionByTheme.js";
+import { getLanguage, setLanguage, getDefaultLanguage, setFetchDefaultLanguage, getFetchDefaultLanguage, } from "./config/Language.js";
+import { getNoConflict, setNoConflict } from "./config/NoConflict.js";
+import { getTheme, setTheme, getDefaultTheme, } from "./config/Theme.js";
+// decorators/
+import customElement from "./decorators/customElement.js";
+import event from "./decorators/event.js";
+import property from "./decorators/property.js";
+import slot from "./decorators/slot.js";
+// delegate/
+import ItemNavigation from "./delegate/ItemNavigation.js";
+import ResizeHandler from "./delegate/ResizeHandler.js";
+import ScrollEnablement from "./delegate/ScrollEnablement.js";
+// locale/
+import applyDirection from "./locale/applyDirection.js";
+import { attachDirectionChange, detachDirectionChange } from "./locale/directionChange.js";
+import getEffectiveDir from "./locale/getEffectiveDir.js";
+import { attachLanguageChange, detachLanguageChange } from "./locale/languageChange.js";
+// util/
+import { URLListValidator, sanitizeHTML } from "./util/HTMLSanitizer.js";
+// Assets.ts
+import { registerI18nLoader } from "./asset-registries/i18n.js";
+import { registerLocaleDataLoader } from "./asset-registries/LocaleData.js";
+import { registerThemePropertiesLoader } from "./asset-registries/Themes.js";
+import { registerIconLoader } from "./asset-registries/Icons.js";
+// Boot.ts
+import { attachBoot } from "./Boot.js";
+// CustomElementsScope.ts
+import { setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, getEffectiveScopingSuffixForTag, } from "./CustomElementsScope.js";
+// Device.ts
+import { supportsTouch, isSafari, isChrome, isFirefox, isPhone, isTablet, isDesktop, isCombi, isIOS, isAndroid, } from "./Device.js";
+// EventProvider.ts
+import EventProvider from "./EventProvider.js";
+// i18nBundle.ts
+import I18nBundle, { getI18nBundle, registerCustomI18nBundleGetter } from "./i18nBundle.js";
+// MediaRange.ts
+import MediaRange from "./MediaRange.js";
+// Render.ts
+import { renderDeferred, renderImmediately, cancelRender, renderFinished, } from "./Render.js";
+// Theming.ts
+import { addCustomCSS, attachThemeLoaded, detachThemeLoaded } from "./Theming.js";
+// UI5Element.ts
+import UI5Element from "./UI5Element.js";
+export default UI5Element;
+export { 
+// animations/
+scroll, slideDown, slideUp, 
+// config/
+getAnimationMode, setAnimationMode, getCalendarType, getFirstDayOfWeek, getLegacyDateCalendarCustomizing, setDefaultIconCollection, getDefaultIconCollection, getEffectiveIconCollection, RegisteredIconCollection, getLanguage, setLanguage, getDefaultLanguage, setFetchDefaultLanguage, getFetchDefaultLanguage, getNoConflict, setNoConflict, getTheme, setTheme, getDefaultTheme, 
+// decorators/
+customElement, event, property, slot, 
+// delegate/
+ItemNavigation, ResizeHandler, ScrollEnablement, 
+// locale/
+applyDirection, attachDirectionChange, detachDirectionChange, getEffectiveDir, attachLanguageChange, detachLanguageChange, 
+// util/
+URLListValidator, sanitizeHTML, 
+// Assets.ts
+registerI18nLoader, registerLocaleDataLoader, registerThemePropertiesLoader, registerIconLoader, 
+// Boot.ts
+attachBoot, 
+// CustomElementsScope.ts
+setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, getEffectiveScopingSuffixForTag, 
+// Device.ts
+supportsTouch, isSafari, isChrome, isFirefox, isPhone, isTablet, isDesktop, isCombi, isIOS, isAndroid, 
+// EventProvider.ts
+EventProvider, 
+// i18nBundle.ts
+I18nBundle, getI18nBundle, registerCustomI18nBundleGetter, 
+// MediaRange.ts
+MediaRange, 
+// Render.ts
+renderDeferred, renderImmediately, cancelRender, renderFinished, 
+// Theming.ts
+addCustomCSS, attachThemeLoaded, detachThemeLoaded, 
+// UI5Element.ts
+UI5Element, };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from \"./jsx-runtime.d.ts\";\n\n// animations/\nimport scroll from \"./animations/scroll.js\";\nimport slideDown from \"./animations/slideDown.js\";\nimport slideUp from \"./animations/slideUp.js\";\n\n// config/\nimport { getAnimationMode, setAnimationMode } from \"./config/AnimationMode.js\";\nimport { getCalendarType } from \"./config/CalendarType.js\";\nimport { getFirstDayOfWeek, getLegacyDateCalendarCustomizing } from \"./config/FormatSettings.js\";\nimport {\n\tsetDefaultIconCollection,\n\tgetDefaultIconCollection,\n} from \"./config/Icons.js\";\nimport { RegisteredIconCollection } from \"./asset-registries/util/IconCollectionsByTheme.js\";\nimport getEffectiveIconCollection from \"./asset-registries/util/getIconCollectionByTheme.js\";\nimport {\n\tgetLanguage,\n\tsetLanguage,\n\tgetDefaultLanguage,\n\tsetFetchDefaultLanguage,\n\tgetFetchDefaultLanguage,\n} from \"./config/Language.js\";\nimport { getNoConflict, setNoConflict } from \"./config/NoConflict.js\";\nimport {\n\tgetTheme,\n\tsetTheme,\n\tgetDefaultTheme,\n} from \"./config/Theme.js\";\n\n// decorators/\nimport customElement from \"./decorators/customElement.js\";\nimport event from \"./decorators/event.js\";\nimport property from \"./decorators/property.js\";\nimport slot from \"./decorators/slot.js\";\n\n// delegate/\nimport ItemNavigation from \"./delegate/ItemNavigation.js\";\nimport ResizeHandler from \"./delegate/ResizeHandler.js\";\nimport ScrollEnablement from \"./delegate/ScrollEnablement.js\";\n\n// locale/\nimport applyDirection from \"./locale/applyDirection.js\";\nimport { attachDirectionChange, detachDirectionChange } from \"./locale/directionChange.js\";\nimport getEffectiveDir from \"./locale/getEffectiveDir.js\";\nimport { attachLanguageChange, detachLanguageChange } from \"./locale/languageChange.js\";\n\n// util/\nimport { URLListValidator, sanitizeHTML } from \"./util/HTMLSanitizer.js\";\n\n// Assets.ts\nimport { registerI18nLoader } from \"./asset-registries/i18n.js\";\nimport { registerLocaleDataLoader } from \"./asset-registries/LocaleData.js\";\nimport { registerThemePropertiesLoader } from \"./asset-registries/Themes.js\";\nimport { registerIconLoader } from \"./asset-registries/Icons.js\";\n\n// Boot.ts\nimport { attachBoot } from \"./Boot.js\";\n\n// CustomElementsScope.ts\nimport {\n\tsetCustomElementsScopingSuffix,\n\tgetCustomElementsScopingSuffix,\n\tsetCustomElementsScopingRules,\n\tgetCustomElementsScopingRules,\n\tgetEffectiveScopingSuffixForTag,\n} from \"./CustomElementsScope.js\";\n\n// Device.ts\nimport {\n\tsupportsTouch,\n\tisSafari,\n\tisChrome,\n\tisFirefox,\n\tisPhone,\n\tisTablet,\n\tisDesktop,\n\tisCombi,\n\tisIOS,\n\tisAndroid,\n} from \"./Device.js\";\n\n// EventProvider.ts\nimport EventProvider from \"./EventProvider.js\";\n\n// i18nBundle.ts\nimport I18nBundle, { getI18nBundle, registerCustomI18nBundleGetter } from \"./i18nBundle.js\";\n\n// MediaRange.ts\nimport MediaRange from \"./MediaRange.js\";\n\n// Render.ts\nimport {\n\trenderDeferred,\n\trenderImmediately,\n\tcancelRender,\n\trenderFinished,\n} from \"./Render.js\";\n\n// Theming.ts\nimport { addCustomCSS, attachThemeLoaded, detachThemeLoaded } from \"./Theming.js\";\n\n// UI5Element.ts\nimport UI5Element from \"./UI5Element.js\";\n\nexport default UI5Element;\nexport {\n\t// animations/\n\tscroll,\n\tslideDown,\n\tslideUp,\n\n\t// config/\n\tgetAnimationMode,\n\tsetAnimationMode,\n\tgetCalendarType,\n\tgetFirstDayOfWeek,\n\tgetLegacyDateCalendarCustomizing,\n\tsetDefaultIconCollection,\n\tgetDefaultIconCollection,\n\tgetEffectiveIconCollection,\n\tRegisteredIconCollection,\n\tgetLanguage,\n\tsetLanguage,\n\tgetDefaultLanguage,\n\tsetFetchDefaultLanguage,\n\tgetFetchDefaultLanguage,\n\tgetNoConflict,\n\tsetNoConflict,\n\tgetTheme,\n\tsetTheme,\n\tgetDefaultTheme,\n\n\t// decorators/\n\tcustomElement,\n\tevent,\n\tproperty,\n\tslot,\n\n\t// delegate/\n\tItemNavigation,\n\tResizeHandler,\n\tScrollEnablement,\n\n\t// locale/\n\tapplyDirection,\n\tattachDirectionChange,\n\tdetachDirectionChange,\n\tgetEffectiveDir,\n\tattachLanguageChange,\n\tdetachLanguageChange,\n\n\t// util/\n\tURLListValidator,\n\tsanitizeHTML,\n\n\t// Assets.ts\n\tregisterI18nLoader,\n\tregisterLocaleDataLoader,\n\tregisterThemePropertiesLoader,\n\tregisterIconLoader,\n\n\t// Boot.ts\n\tattachBoot,\n\n\t// CustomElementsScope.ts\n\tsetCustomElementsScopingSuffix,\n\tgetCustomElementsScopingSuffix,\n\tsetCustomElementsScopingRules,\n\tgetCustomElementsScopingRules,\n\tgetEffectiveScopingSuffixForTag,\n\n\t// Device.ts\n\tsupportsTouch,\n\tisSafari,\n\tisChrome,\n\tisFirefox,\n\tisPhone,\n\tisTablet,\n\tisDesktop,\n\tisCombi,\n\tisIOS,\n\tisAndroid,\n\n\t// EventProvider.ts\n\tEventProvider,\n\n\t// i18nBundle.ts\n\tI18nBundle,\n\tgetI18nBundle,\n\tregisterCustomI18nBundleGetter,\n\n\t// MediaRange.ts\n\tMediaRange,\n\n\t// Render.ts\n\trenderDeferred,\n\trenderImmediately,\n\tcancelRender,\n\trenderFinished,\n\n\t// Theming.ts\n\taddCustomCSS,\n\tattachThemeLoaded,\n\tdetachThemeLoaded,\n\n\t// UI5Element.ts\n\tUI5Element,\n};\n\ntype TargetedCustomEvent<D, T> = Omit<CustomEvent<D>, \"currentTarget\"> & { currentTarget: T };\n// export type UI5NativeEvent<T extends keyof HTMLElementTagNameMap, N> = Parameters<JSX.IntrinsicElements[T][N]>[0];\nexport type UI5CustomEvent<T extends UI5Element, N extends keyof T[\"eventDetails\"]> = TargetedCustomEvent<T[\"eventDetails\"][N], T>;\nexport type JsxTemplateResult = JSX.Element | void;\nexport type JsxTemplate = () => JsxTemplateResult;\n\nexport type * from \"./types.d.ts\";\nexport type * from \"./jsx-runtime.d.ts\";\n"]}

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1,4 @@
+import { type VNode } from "./jsx-runtime.js";
+import type UI5Element from "./UI5Element.js";
+export declare function Fragment(props: Record<string, any>, context?: any): import("./thirdparty/preact/preact.module.js").ComponentChildren;
+export declare function jsxDEV(type: string | typeof UI5Element, props: Record<string, any>, key: string): VNode<any>;

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,43 @@
+// eslint-disable-next-line import/extensions
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "./thirdparty/preact/jsxRuntime.module.js";
+import { options } from "./thirdparty/preact/preact.module.js";
+import { isUI5ElementClass, preprocess } from "./jsx-utils.js";
+import { kebabToCamelCase } from "./util/StringHelper.js";
+// eslint-disable-next-line @typescript-eslint/unbound-method
+const old = options.vnode;
+options.vnode = vnode => {
+    const props = vnode.props;
+    if (props !== null && typeof props === "object") {
+        if (props.class && typeof props.class === "object") {
+            // props.class = classObjToStr(props.class as Record<string, boolean>);
+        }
+    }
+    old && old(vnode);
+};
+// eslint-disable-next-line @typescript-eslint/ban-types
+function isBoundOrArrow(func) {
+    // TODO improve => detection after func params
+    return func.name.startsWith("bound ") || func.toString().includes("=>");
+}
+function checkAttributeUsage(type, props) {
+    if (!isUI5ElementClass(type)) {
+        return;
+    }
+    const tag = type.getMetadata().getTag();
+    const componentAttributes = type.getMetadata().getAttributesList();
+    Object.keys(props).forEach(prop => {
+        if (prop.includes("-") && componentAttributes.includes(prop)) {
+            // eslint-disable-next-line no-console
+            console.warn(`Avoid attribute usage in favour of properties ['${prop}' --> '${kebabToCamelCase(prop)}'] for tag [${tag}]. Check stack trace to find out which template causes this. Attributes are not type-checked and boolean conversion is manual and error-prone.`);
+        }
+    });
+}
+export function Fragment(props, context) {
+    return _Fragment(props, context);
+}
+export function jsxDEV(type, props, key) {
+    const tag = preprocess(type, props, key);
+    checkAttributeUsage(type, props);
+    return _jsxDEV(tag, props, key);
+}
+//# sourceMappingURL=jsx-dev-runtime.js.map

package/dist/jsx-dev-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-dev-runtime.js","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAG/D,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,6DAA6D;AAC7D,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC;AAE1B,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,EAAE;IACvB,MAAM,KAAK,GAAwB,KAAK,CAAC,KAAK,CAAC;IAC/C,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACjD,IAAI,KAAK,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACpD,uEAAuE;QACxE,CAAC;IACF,CAAC;IACD,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF,wDAAwD;AACxD,SAAS,cAAc,CAAC,IAAc;IACrC,8CAA8C;IAC9C,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACzE,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAgC,EAAE,KAA0B;IACxF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9B,OAAO;IACR,CAAC;IAED,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;IACxC,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,iBAAiB,EAAE,CAAC;IACnE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACjC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9D,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,mDAAmD,IAAI,UAAU,gBAAgB,CAAC,IAAI,CAAC,eAAe,GAAG,gJAAgJ,CAAC,CAAC;QACzQ,CAAC;IACF,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAA0B,EAAE,OAAa;IACjE,OAAO,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,IAAgC,EAAE,KAA0B,EAAE,GAAW;IAC/F,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAEzC,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAe,CAAC;AAC/C,CAAC","sourcesContent":["// eslint-disable-next-line import/extensions\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"./thirdparty/preact/jsxRuntime.module.js\";\nimport { options } from \"./thirdparty/preact/preact.module.js\";\nimport { type VNode } from \"./jsx-runtime.js\";\nimport type UI5Element from \"./UI5Element.js\";\nimport { isUI5ElementClass, preprocess } from \"./jsx-utils.js\";\nimport { kebabToCamelCase } from \"./util/StringHelper.js\";\n\n// eslint-disable-next-line @typescript-eslint/unbound-method\nconst old = options.vnode;\n\noptions.vnode = vnode => {\n\tconst props: Record<string, any> = vnode.props;\n\tif (props !== null && typeof props === \"object\") {\n\t\tif (props.class && typeof props.class === \"object\") {\n\t\t\t// props.class = classObjToStr(props.class as Record<string, boolean>);\n\t\t}\n\t}\n\told && old(vnode);\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nfunction isBoundOrArrow(func: Function): boolean {\n\t// TODO improve => detection after func params\n\treturn func.name.startsWith(\"bound \") || func.toString().includes(\"=>\");\n}\n\nfunction checkAttributeUsage(type: string | typeof UI5Element, props: Record<string, any>) {\n\tif (!isUI5ElementClass(type)) {\n\t\treturn;\n\t}\n\n\tconst tag = type.getMetadata().getTag();\n\tconst componentAttributes = type.getMetadata().getAttributesList();\n\tObject.keys(props).forEach(prop => {\n\t\tif (prop.includes(\"-\") && componentAttributes.includes(prop)) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(`Avoid attribute usage in favour of properties ['${prop}' --> '${kebabToCamelCase(prop)}'] for tag [${tag}]. Check stack trace to find out which template causes this. Attributes are not type-checked and boolean conversion is manual and error-prone.`);\n\t\t}\n\t});\n}\n\nexport function Fragment(props: Record<string, any>, context?: any) {\n\treturn _Fragment(props, context);\n}\n\nexport function jsxDEV(type: string | typeof UI5Element, props: Record<string, any>, key: string): VNode<any> {\n\tconst tag = preprocess(type, props, key);\n\n\tcheckAttributeUsage(type, props);\n\n\treturn _jsxDEV(tag, props, key) as VNode<any>;\n}\n"]}

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,50 @@
+import type { JSX as _JSX } from "./thirdparty/preact/jsxRuntime.module.d.ts";
+import { type VNode as _VNode } from "./thirdparty/preact/preact.module.js";
+import type UI5Element from "./UI5Element.js";
+import { jsxDEV } from "./jsx-dev-runtime.js";
+declare namespace JSX {
+    type JSXWithClassObj = {
+        [K in keyof _JSX.IntrinsicElements]: Omit<_JSX.IntrinsicElements[K], "class"> & {
+            class?: object | string | undefined;
+        };
+    };
+    type AllHTMLAttributesWithClassObj<T extends EventTarget> = Omit<_JSX.AllHTMLAttributes<T>, "class"> & {
+        class?: object | string | undefined;
+    };
+    type HTMLAttributesWithClassObj<T extends EventTarget> = Omit<_JSX.HTMLAttributes<T>, "class"> & {
+        class?: object | string | undefined;
+    };
+    interface IntrinsicElements extends JSXWithClassObj {
+    }
+    type ElementClass = UI5Element;
+    interface Element extends VNode<any> {
+    }
+    interface ElementAttributesProperty<T extends EventTarget> {
+        _jsxProps: HTMLAttributes<T>;
+    }
+    interface AllHTMLAttributes<T extends EventTarget> extends AllHTMLAttributesWithClassObj<T> {
+    }
+    interface HTMLAttributes<T extends EventTarget> extends HTMLAttributesWithClassObj<T> {
+    }
+    interface DOMAttributes<T extends EventTarget> extends _JSX.DOMAttributes<T> {
+    }
+    interface SVGAttributes extends _JSX.SVGAttributes {
+    }
+    type AriaRole = _JSX.AriaRole;
+    type MouseEventHandler<T extends EventTarget> = _JSX.MouseEventHandler<T>;
+    type TargetedMouseEvent<Target extends EventTarget> = _JSX.TargetedMouseEvent<Target>;
+    type TargetedInputEvent<Target extends EventTarget> = _JSX.TargetedInputEvent<Target>;
+}
+export declare function Fragment(props: Record<string, any>, context?: any): import("./thirdparty/preact/preact.module.js").ComponentChildren;
+export declare function jsx(type: string | typeof UI5Element, props: Record<string, any>, key: string): VNode<any>;
+export declare function jsxs(type: string | typeof UI5Element, props: Record<string, any>, key: string): VNode<any>;
+export { type jsxDEV };
+export type ComponentChild = VNode<any> | object | string | number | bigint | boolean | null | undefined;
+export type ComponentChildren = ComponentChild[] | ComponentChild;
+export type VNode<T = {}> = Omit<_VNode<T>, "type" | "props"> & {
+    type: string | typeof UI5Element;
+    props: T & {
+        children: ComponentChildren;
+    };
+};
+export { JSX };

package/dist/jsx-runtime.js

@@ -0,0 +1,27 @@
+// eslint-disable-next-line import/extensions
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "./thirdparty/preact/jsxRuntime.module.js";
+import { options } from "./thirdparty/preact/preact.module.js";
+import { preprocess } from "./jsx-utils.js";
+// eslint-disable-next-line @typescript-eslint/unbound-method
+const old = options.vnode;
+options.vnode = vnode => {
+    const props = vnode.props;
+    if (props !== null && typeof props === "object") {
+        if (props.class && typeof props.class === "object") {
+            // props.class = classObjToStr(props.class as Record<string, boolean>);
+        }
+    }
+    old && old(vnode);
+};
+export function Fragment(props, context) {
+    return _Fragment(props, context);
+}
+export function jsx(type, props, key) {
+    const tag = preprocess(type, props, key);
+    return _jsx(tag, props, key);
+}
+export function jsxs(type, props, key) {
+    const tag = preprocess(type, props, key);
+    return _jsxs(tag, props, key);
+}
+//# sourceMappingURL=jsx-runtime.js.map

package/dist/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAE7G,OAAO,EAAE,OAAO,EAAwB,MAAM,sCAAsC,CAAC;AAErF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAwB5C,6DAA6D;AAC7D,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC;AAE1B,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,EAAE;IACvB,MAAM,KAAK,GAAwB,KAAK,CAAC,KAAK,CAAC;IAC/C,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACjD,IAAI,KAAK,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACpD,uEAAuE;QACxE,CAAC;IACF,CAAC;IACD,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAA0B,EAAE,OAAa;IACjE,OAAO,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC;AACD,MAAM,UAAU,GAAG,CAAC,IAAgC,EAAE,KAA0B,EAAE,GAAW;IAC5F,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAEzC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAe,CAAC;AAC5C,CAAC;AACD,MAAM,UAAU,IAAI,CAAC,IAAgC,EAAE,KAA0B,EAAE,GAAW;IAC7F,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAEzC,OAAO,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAe,CAAC;AAC7C,CAAC","sourcesContent":["// eslint-disable-next-line import/extensions\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"./thirdparty/preact/jsxRuntime.module.js\";\nimport type { JSX as _JSX } from \"./thirdparty/preact/jsxRuntime.module.d.ts\";\nimport { options, type VNode as _VNode } from \"./thirdparty/preact/preact.module.js\";\nimport type UI5Element from \"./UI5Element.js\";\nimport { preprocess } from \"./jsx-utils.js\";\nimport { jsxDEV } from \"./jsx-dev-runtime.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\ndeclare namespace JSX {\n\ttype JSXWithClassObj =  { [K in keyof _JSX.IntrinsicElements]: Omit<_JSX.IntrinsicElements[K], \"class\"> & { class?: object | string | undefined  } };\n\ttype AllHTMLAttributesWithClassObj<T extends EventTarget> = Omit<_JSX.AllHTMLAttributes<T>, \"class\"> & { class?: object | string | undefined  }\n\ttype HTMLAttributesWithClassObj<T extends EventTarget> = Omit<_JSX.HTMLAttributes<T>, \"class\"> & { class?: object | string | undefined  }\n    export interface IntrinsicElements extends JSXWithClassObj {}\n    export type ElementClass = UI5Element;\n\texport interface Element extends VNode<any> {}\n    export interface ElementAttributesProperty<T extends EventTarget> {\n\t\t_jsxProps: HTMLAttributes<T>;\n\t}\n\texport interface AllHTMLAttributes<T extends EventTarget> extends AllHTMLAttributesWithClassObj<T> {}\n\texport interface HTMLAttributes<T extends EventTarget> extends HTMLAttributesWithClassObj<T> {}\n\texport interface DOMAttributes<T extends EventTarget> extends _JSX.DOMAttributes<T> {}\n\texport interface SVGAttributes extends _JSX.SVGAttributes {}\n\texport type AriaRole = _JSX.AriaRole;\n\texport type MouseEventHandler<T extends EventTarget> = _JSX.MouseEventHandler<T>;\n\texport type TargetedMouseEvent<Target extends EventTarget> = _JSX.TargetedMouseEvent<Target>;\n\texport type TargetedInputEvent<Target extends EventTarget> = _JSX.TargetedInputEvent<Target>;\n}\n\n// eslint-disable-next-line @typescript-eslint/unbound-method\nconst old = options.vnode;\n\noptions.vnode = vnode => {\n\tconst props: Record<string, any> = vnode.props;\n\tif (props !== null && typeof props === \"object\") {\n\t\tif (props.class && typeof props.class === \"object\") {\n\t\t\t// props.class = classObjToStr(props.class as Record<string, boolean>);\n\t\t}\n\t}\n\told && old(vnode);\n};\n\nexport function Fragment(props: Record<string, any>, context?: any) {\n\treturn _Fragment(props, context);\n}\nexport function jsx(type: string | typeof UI5Element, props: Record<string, any>, key: string): VNode<any> {\n\tconst tag = preprocess(type, props, key);\n\n\treturn _jsx(tag, props, key) as VNode<any>;\n}\nexport function jsxs(type: string | typeof UI5Element, props: Record<string, any>, key: string): VNode<any> {\n\tconst tag = preprocess(type, props, key);\n\n\treturn _jsxs(tag, props, key) as VNode<any>;\n}\nexport { type jsxDEV };\n\nexport type ComponentChild =\n\t| VNode<any>\n\t| object\n\t| string\n\t| number\n\t| bigint\n\t| boolean\n\t| null\n\t| undefined;\nexport type ComponentChildren = ComponentChild[] | ComponentChild;\n\nexport type VNode<T = {}> = Omit<_VNode<T>, \"type\" | \"props\"> & { type: string | typeof UI5Element, props: T & { children: ComponentChildren } };\n\nexport { JSX };\n"]}

package/dist/jsx-utils.d.ts

@@ -0,0 +1,3 @@
+import type UI5Element from "./UI5Element.js";
+export declare function isUI5ElementClass(type: string | typeof UI5Element): type is typeof UI5Element;
+export declare function preprocess(type: string | typeof UI5Element, props: Record<string, any>, key: string): string;