@ui5/webcomponents-base 0.0.0-e58530409 → 0.0.0-e5b03d3e8

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import type { JSX } from "./jsx-runtime.d.ts";
+
+// type b = Parameters<JSX.IntrinsicElements["li"]["onClick"]>[0];
+
+type TargetedCustomEvent<D, T> = Omit<CustomEvent<D>, "currentTarget"> & { currentTarget: T };
+// export type UI5NativeEvent<T extends keyof HTMLElementTagNameMap, N> = Parameters<JSX.IntrinsicElements[T][N]>[0];
+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/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;

package/dist/jsx-utils.js

@@ -0,0 +1,48 @@
+import hash2str from "./util/hash2str.js";
+import { pascalToKebabCase } from "./util/StringHelper.js";
+function convertEventScoping(type, props, key) {
+    const events = type.getMetadata().getEvents();
+    Object.keys(props).forEach(prop => {
+        if (prop.startsWith("on")) {
+            // Exteract the kebab-case event: onChange - change, onSelectionChange - selection-change, etc.
+            const pascalEvent = prop.slice("on".length);
+            const kebabCaseEvent = pascalToKebabCase(pascalEvent);
+            // Also support camelCase events
+            const camelCaseEvent = pascalEvent.charAt(0).toLowerCase() + pascalEvent.slice(1);
+            let origEvent;
+            if (kebabCaseEvent in events) {
+                origEvent = kebabCaseEvent;
+            }
+            else if (camelCaseEvent in events) {
+                origEvent = camelCaseEvent;
+            }
+            // Attach for the "ui5-" preffixed event
+            if (origEvent) {
+                if ((prop !== "onClick")) {
+                    props[`onui5-${origEvent}`] = props[prop];
+                    // TODO keep native events for now, find a way to mark them for runtime
+                    delete props[prop];
+                }
+            }
+        }
+    });
+}
+export function isUI5ElementClass(type) {
+    return typeof type === "function" && "getMetadata" in type;
+}
+export function preprocess(type, props, key) {
+    let tag;
+    if (isUI5ElementClass(type)) {
+        tag = type.getMetadata().getTag();
+        convertEventScoping(type, props, key);
+    }
+    else {
+        tag = type;
+    }
+    // convert class object to string
+    if (typeof props.class === "object") {
+        props.class = hash2str(props.class);
+    }
+    return tag;
+}
+//# sourceMappingURL=jsx-utils.js.map

package/dist/jsx-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-utils.js","sourceRoot":"","sources":["../src/jsx-utils.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,SAAS,mBAAmB,CAAC,IAAuB,EAAE,KAA0B,EAAE,GAAW;IAC5F,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,CAAC;IAE9C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACjC,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3B,+FAA+F;YAC/F,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5C,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;YACtD,gCAAgC;YAChC,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAElF,IAAI,SAA6B,CAAC;YAClC,IAAI,cAAc,IAAI,MAAM,EAAE,CAAC;gBAC9B,SAAS,GAAG,cAAc,CAAC;YAC5B,CAAC;iBAAM,IAAI,cAAc,IAAI,MAAM,EAAE,CAAC;gBACrC,SAAS,GAAG,cAAc,CAAC;YAC5B,CAAC;YACD,wCAAwC;YACxC,IAAI,SAAS,EAAE,CAAC;gBACf,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,EAAE,CAAC;oBAC1B,KAAK,CAAC,SAAS,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBAC1C,uEAAuE;oBACvE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;gBACpB,CAAC;YACF,CAAC;QACF,CAAC;IACF,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAgC;IACjE,OAAO,OAAO,IAAI,KAAK,UAAU,IAAI,aAAa,IAAI,IAAI,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAgC,EAAE,KAA0B,EAAE,GAAW;IACnG,IAAI,GAAW,CAAC;IAChB,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7B,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QAClC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IACvC,CAAC;SAAM,CAAC;QACP,GAAG,GAAG,IAAI,CAAC;IACZ,CAAC;IAED,iCAAiC;IACjC,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,GAAG,CAAC;AACZ,CAAC","sourcesContent":["import type UI5Element from \"./UI5Element.js\";\nimport hash2str from \"./util/hash2str.js\";\nimport { pascalToKebabCase } from \"./util/StringHelper.js\";\n\nfunction convertEventScoping(type: typeof UI5Element, props: Record<string, any>, key: string) {\n\tconst events = type.getMetadata().getEvents();\n\n\tObject.keys(props).forEach(prop => {\n\t\tif (prop.startsWith(\"on\")) {\n\t\t\t// Exteract the kebab-case event: onChange - change, onSelectionChange - selection-change, etc.\n\t\t\tconst pascalEvent = prop.slice(\"on\".length);\n\t\t\tconst kebabCaseEvent = pascalToKebabCase(pascalEvent);\n\t\t\t// Also support camelCase events\n\t\t\tconst camelCaseEvent = pascalEvent.charAt(0).toLowerCase() + pascalEvent.slice(1);\n\n\t\t\tlet origEvent: string | undefined;\n\t\t\tif (kebabCaseEvent in events) {\n\t\t\t\torigEvent = kebabCaseEvent;\n\t\t\t} else if (camelCaseEvent in events) {\n\t\t\t\torigEvent = camelCaseEvent;\n\t\t\t}\n\t\t\t// Attach for the \"ui5-\" preffixed event\n\t\t\tif (origEvent) {\n\t\t\t\tif ((prop !== \"onClick\")) {\n\t\t\t\t\tprops[`onui5-${origEvent}`] = props[prop];\n\t\t\t\t\t// TODO keep native events for now, find a way to mark them for runtime\n\t\t\t\t\tdelete props[prop];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n}\n\nexport function isUI5ElementClass(type: string | typeof UI5Element): type is typeof UI5Element {\n\treturn typeof type === \"function\" && \"getMetadata\" in type;\n}\n\nexport function preprocess(type: string | typeof UI5Element, props: Record<string, any>, key: string) {\n\tlet tag: string;\n\tif (isUI5ElementClass(type)) {\n\t\ttag = type.getMetadata().getTag();\n\t\tconvertEventScoping(type, props, key);\n\t} else {\n\t\ttag = type;\n\t}\n\n\t// convert class object to string\n\tif (typeof props.class === \"object\") {\n\t\tprops.class = hash2str(props.class);\n\t}\n\n\treturn tag;\n}\n"]}

package/dist/locale/Locale.d.ts

@@ -0,0 +1,22 @@
+declare class Locale {
+    sLocaleId: string;
+    sLanguage: string;
+    sScript: string;
+    sRegion: string;
+    sVariant: string | null;
+    sExtension: string | null;
+    sPrivateUse: string | null;
+    constructor(sLocaleId: string);
+    getLanguage(): string;
+    getScript(): string;
+    getRegion(): string;
+    getVariant(): string | null;
+    getVariantSubtags(): string[];
+    getExtension(): string | null;
+    getExtensionSubtags(): string[];
+    getPrivateUse(): string | null;
+    getPrivateUseSubtags(): string[];
+    hasPrivateUseSubtag(sSubtag: string): boolean;
+    toString(): string;
+}
+export default Locale;

package/dist/locale/Locale.js

@@ -1,91 +1,79 @@
+import { DEFAULT_LANGUAGE } from "../generated/AssetParameters.js";
 const rLocale = /^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;
-
 class Locale {
-	constructor(sLocaleId) {
-		const aResult = rLocale.exec(sLocaleId.replace(/_/g, "-"));
-		if (aResult === null) {
-			throw new Error(`The given language ${sLocaleId} does not adhere to BCP-47.`);
-		}
-		this.sLocaleId = sLocaleId;
-		this.sLanguage = aResult[1] || null;
-		this.sScript = aResult[2] || null;
-		this.sRegion = aResult[3] || null;
-		this.sVariant = (aResult[4] && aResult[4].slice(1)) || null;
-		this.sExtension = (aResult[5] && aResult[5].slice(1)) || null;
-		this.sPrivateUse = aResult[6] || null;
-		if (this.sLanguage) {
-			this.sLanguage = this.sLanguage.toLowerCase();
-		}
-		if (this.sScript) {
-			this.sScript = this.sScript.toLowerCase().replace(/^[a-z]/, s => {
-				return s.toUpperCase();
-			});
-		}
-		if (this.sRegion) {
-			this.sRegion = this.sRegion.toUpperCase();
-		}
-	}
-
-	getLanguage() {
-		return this.sLanguage;
-	}
-
-	getScript() {
-		return this.sScript;
-	}
-
-	getRegion() {
-		return this.sRegion;
-	}
-
-	getVariant() {
-		return this.sVariant;
-	}
-
-	getVariantSubtags() {
-		return this.sVariant ? this.sVariant.split("-") : [];
-	}
-
-	getExtension() {
-		return this.sExtension;
-	}
-
-	getExtensionSubtags() {
-		return this.sExtension ? this.sExtension.slice(2).split("-") : [];
-	}
-
-	getPrivateUse() {
-		return this.sPrivateUse;
-	}
-
-	getPrivateUseSubtags() {
-		return this.sPrivateUse ? this.sPrivateUse.slice(2).split("-") : [];
-	}
-
-	hasPrivateUseSubtag(sSubtag) {
-		return this.getPrivateUseSubtags().indexOf(sSubtag) >= 0;
-	}
-
-	toString() {
-		const r = [this.sLanguage];
-
-		if (this.sScript) {
-			r.push(this.sScript);
-		}
-		if (this.sRegion) {
-			r.push(this.sRegion);
-		}
-		if (this.sVariant) {
-			r.push(this.sVariant);
-		}
-		if (this.sExtension) {
-			r.push(this.sExtension);
-		}
-		if (this.sPrivateUse) {
-			r.push(this.sPrivateUse);
-		}
-		return r.join("-");
-	}
+    constructor(sLocaleId) {
+        const aResult = rLocale.exec(sLocaleId.replace(/_/g, "-"));
+        if (aResult === null) {
+            throw new Error(`The given language ${sLocaleId} does not adhere to BCP-47.`);
+        }
+        this.sLocaleId = sLocaleId;
+        this.sLanguage = aResult[1] || DEFAULT_LANGUAGE;
+        this.sScript = aResult[2] || "";
+        this.sRegion = aResult[3] || "";
+        this.sVariant = (aResult[4] && aResult[4].slice(1)) || null;
+        this.sExtension = (aResult[5] && aResult[5].slice(1)) || null;
+        this.sPrivateUse = aResult[6] || null;
+        if (this.sLanguage) {
+            this.sLanguage = this.sLanguage.toLowerCase();
+        }
+        if (this.sScript) {
+            this.sScript = this.sScript.toLowerCase().replace(/^[a-z]/, s => {
+                return s.toUpperCase();
+            });
+        }
+        if (this.sRegion) {
+            this.sRegion = this.sRegion.toUpperCase();
+        }
+    }
+    getLanguage() {
+        return this.sLanguage;
+    }
+    getScript() {
+        return this.sScript;
+    }
+    getRegion() {
+        return this.sRegion;
+    }
+    getVariant() {
+        return this.sVariant;
+    }
+    getVariantSubtags() {
+        return this.sVariant ? this.sVariant.split("-") : [];
+    }
+    getExtension() {
+        return this.sExtension;
+    }
+    getExtensionSubtags() {
+        return this.sExtension ? this.sExtension.slice(2).split("-") : [];
+    }
+    getPrivateUse() {
+        return this.sPrivateUse;
+    }
+    getPrivateUseSubtags() {
+        return this.sPrivateUse ? this.sPrivateUse.slice(2).split("-") : [];
+    }
+    hasPrivateUseSubtag(sSubtag) {
+        return this.getPrivateUseSubtags().indexOf(sSubtag) >= 0;
+    }
+    toString() {
+        const r = [this.sLanguage];
+        if (this.sScript) {
+            r.push(this.sScript);
+        }
+        if (this.sRegion) {
+            r.push(this.sRegion);
+        }
+        if (this.sVariant) {
+            r.push(this.sVariant);
+        }
+        if (this.sExtension) {
+            r.push(this.sExtension);
+        }
+        if (this.sPrivateUse) {
+            r.push(this.sPrivateUse);
+        }
+        return r.join("-");
+    }
 }
-
 export default Locale;
+//# sourceMappingURL=Locale.js.map

package/dist/locale/Locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Locale.js","sourceRoot":"","sources":["../../src/locale/Locale.ts"],"names":[],"mappings":"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","sourcesContent":["import { DEFAULT_LANGUAGE } from \"../generated/AssetParameters.js\";\n\nconst rLocale = /^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;\n\nclass Locale {\n\tsLocaleId: string;\n\tsLanguage: string;\n\tsScript: string;\n\tsRegion: string;\n\tsVariant: string | null;\n\tsExtension: string | null;\n\tsPrivateUse: string | null;\n\n\tconstructor(sLocaleId: string) {\n\t\tconst aResult = rLocale.exec(sLocaleId.replace(/_/g, \"-\"));\n\t\tif (aResult === null) {\n\t\t\tthrow new Error(`The given language ${sLocaleId} does not adhere to BCP-47.`);\n\t\t}\n\t\tthis.sLocaleId = sLocaleId;\n\t\tthis.sLanguage = aResult[1] || DEFAULT_LANGUAGE;\n\t\tthis.sScript = aResult[2] || \"\";\n\t\tthis.sRegion = aResult[3] || \"\";\n\t\tthis.sVariant = (aResult[4] && aResult[4].slice(1)) || null;\n\t\tthis.sExtension = (aResult[5] && aResult[5].slice(1)) || null;\n\t\tthis.sPrivateUse = aResult[6] || null;\n\t\tif (this.sLanguage) {\n\t\t\tthis.sLanguage = this.sLanguage.toLowerCase();\n\t\t}\n\t\tif (this.sScript) {\n\t\t\tthis.sScript = this.sScript.toLowerCase().replace(/^[a-z]/, s => {\n\t\t\t\treturn s.toUpperCase();\n\t\t\t});\n\t\t}\n\t\tif (this.sRegion) {\n\t\t\tthis.sRegion = this.sRegion.toUpperCase();\n\t\t}\n\t}\n\n\tgetLanguage() {\n\t\treturn this.sLanguage;\n\t}\n\n\tgetScript() {\n\t\treturn this.sScript;\n\t}\n\n\tgetRegion() {\n\t\treturn this.sRegion;\n\t}\n\n\tgetVariant() {\n\t\treturn this.sVariant;\n\t}\n\n\tgetVariantSubtags() {\n\t\treturn this.sVariant ? this.sVariant.split(\"-\") : [];\n\t}\n\n\tgetExtension() {\n\t\treturn this.sExtension;\n\t}\n\n\tgetExtensionSubtags() {\n\t\treturn this.sExtension ? this.sExtension.slice(2).split(\"-\") : [];\n\t}\n\n\tgetPrivateUse() {\n\t\treturn this.sPrivateUse;\n\t}\n\n\tgetPrivateUseSubtags() {\n\t\treturn this.sPrivateUse ? this.sPrivateUse.slice(2).split(\"-\") : [];\n\t}\n\n\thasPrivateUseSubtag(sSubtag: string) {\n\t\treturn this.getPrivateUseSubtags().indexOf(sSubtag) >= 0;\n\t}\n\n\ttoString() {\n\t\tconst r = [this.sLanguage];\n\n\t\tif (this.sScript) {\n\t\t\tr.push(this.sScript);\n\t\t}\n\t\tif (this.sRegion) {\n\t\t\tr.push(this.sRegion);\n\t\t}\n\t\tif (this.sVariant) {\n\t\t\tr.push(this.sVariant);\n\t\t}\n\t\tif (this.sExtension) {\n\t\t\tr.push(this.sExtension);\n\t\t}\n\t\tif (this.sPrivateUse) {\n\t\t\tr.push(this.sPrivateUse);\n\t\t}\n\t\treturn r.join(\"-\");\n\t}\n}\n\nexport default Locale;\n"]}

package/dist/locale/RTLAwareRegistry.d.ts

@@ -0,0 +1,4 @@
+import type UI5Element from "../UI5Element.js";
+declare const markAsRtlAware: (klass: typeof UI5Element) => void;
+declare const isRtlAware: (klass: typeof UI5Element) => boolean;
+export { markAsRtlAware, isRtlAware, };

package/dist/locale/RTLAwareRegistry.js

@@ -1,14 +1,9 @@
 const rtlAwareSet = new Set();
-
-const markAsRtlAware = klass => {
-	rtlAwareSet.add(klass);
+const markAsRtlAware = (klass) => {
+    rtlAwareSet.add(klass);
 };
-
-const isRtlAware = klass => {
-	return rtlAwareSet.has(klass);
-};
-
-export {
-	markAsRtlAware,
-	isRtlAware,
+const isRtlAware = (klass) => {
+    return rtlAwareSet.has(klass);
 };
+export { markAsRtlAware, isRtlAware, };
+//# sourceMappingURL=RTLAwareRegistry.js.map

package/dist/locale/RTLAwareRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTLAwareRegistry.js","sourceRoot":"","sources":["../../src/locale/RTLAwareRegistry.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAG,IAAI,GAAG,EAAqB,CAAC;AAEjD,MAAM,cAAc,GAAG,CAAC,KAAwB,EAAE,EAAE;IACnD,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC/C,OAAO,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC,CAAC;AAEF,OAAO,EACN,cAAc,EACd,UAAU,GACV,CAAC","sourcesContent":["import type UI5Element from \"../UI5Element.js\";\n\nconst rtlAwareSet = new Set<typeof UI5Element>();\n\nconst markAsRtlAware = (klass: typeof UI5Element) => {\n\trtlAwareSet.add(klass);\n};\n\nconst isRtlAware = (klass: typeof UI5Element) => {\n\treturn rtlAwareSet.has(klass);\n};\n\nexport {\n\tmarkAsRtlAware,\n\tisRtlAware,\n};\n"]}

package/dist/locale/applyDirection.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Re-renders all RTL-aware UI5 Elements.
+ *
+ * **Note:** Call this method whenever you change the "dir" property anywhere in your HTML page.
+ *
+ * **Example:** `document.body.dir = "rtl"; applyDirection();`
+ * @public
+ * @returns {Promise<void>}
+ */
+declare const applyDirection: () => Promise<void>;
+export default applyDirection;

package/dist/locale/applyDirection.js

@@ -1,17 +1,18 @@
 import { reRenderAllUI5Elements } from "../Render.js";
 import { fireDirectionChange } from "./directionChange.js";
-
 /**
  * Re-renders all RTL-aware UI5 Elements.
- * Call this method whenever you change the "dir" property anywhere in your HTML page
- * Example: document.body.dir = "rtl"; applyDirection();
  *
+ * **Note:** Call this method whenever you change the "dir" property anywhere in your HTML page.
+ *
+ * **Example:** `document.body.dir = "rtl"; applyDirection();`
+ * @public
  * @returns {Promise<void>}
  */
 const applyDirection = async () => {
-	const listenersResults = fireDirectionChange();
-	await Promise.all(listenersResults);
-	await reRenderAllUI5Elements({ rtlAware: true });
+    const listenersResults = fireDirectionChange();
+    await Promise.all(listenersResults);
+    await reRenderAllUI5Elements({ rtlAware: true });
 };
-
 export default applyDirection;
+//# sourceMappingURL=applyDirection.js.map

package/dist/locale/applyDirection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyDirection.js","sourceRoot":"","sources":["../../src/locale/applyDirection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAG,KAAK,IAAmB,EAAE;IAChD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACpC,MAAM,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { reRenderAllUI5Elements } from \"../Render.js\";\nimport { fireDirectionChange } from \"./directionChange.js\";\n\n/**\n * Re-renders all RTL-aware UI5 Elements.\n *\n * **Note:** Call this method whenever you change the \"dir\" property anywhere in your HTML page.\n *\n * **Example:** `document.body.dir = \"rtl\"; applyDirection();`\n * @public\n * @returns {Promise<void>}\n */\nconst applyDirection = async (): Promise<void> => {\n\tconst listenersResults = fireDirectionChange();\n\tawait Promise.all(listenersResults);\n\tawait reRenderAllUI5Elements({ rtlAware: true });\n};\n\nexport default applyDirection;\n"]}

package/dist/locale/directionChange.d.ts

@@ -0,0 +1,15 @@
+type DirectionChangeCallback = () => void;
+/**
+ * Attach a callback that will be executed whenever the application calls the "applyDirection" function
+ * @public
+ * @param listener
+ */
+declare const attachDirectionChange: (listener: DirectionChangeCallback) => void;
+/**
+ * Detach a callback that was passed with "attachDirectionChange"
+ * @public
+ * @param listener
+ */
+declare const detachDirectionChange: (listener: DirectionChangeCallback) => void;
+declare const fireDirectionChange: () => void[];
+export { attachDirectionChange, detachDirectionChange, fireDirectionChange, };

package/dist/locale/directionChange.js

@@ -1,32 +1,24 @@
 import EventProvider from "../EventProvider.js";
-
 const eventProvider = new EventProvider();
 const DIR_CHANGE = "directionChange";
-
 /**
  * Attach a callback that will be executed whenever the application calls the "applyDirection" function
  * @public
  * @param listener
  */
-const attachDirectionChange = listener => {
-	eventProvider.attachEvent(DIR_CHANGE, listener);
+const attachDirectionChange = (listener) => {
+    eventProvider.attachEvent(DIR_CHANGE, listener);
 };
-
 /**
  * Detach a callback that was passed with "attachDirectionChange"
  * @public
  * @param listener
  */
-const detachDirectionChange = listener => {
-	eventProvider.detachEvent(DIR_CHANGE, listener);
+const detachDirectionChange = (listener) => {
+    eventProvider.detachEvent(DIR_CHANGE, listener);
 };
-
 const fireDirectionChange = () => {
-	return eventProvider.fireEvent(DIR_CHANGE);
-};
-
-export {
-	attachDirectionChange,
-	detachDirectionChange,
-	fireDirectionChange,
+    return eventProvider.fireEvent(DIR_CHANGE, undefined);
 };
+export { attachDirectionChange, detachDirectionChange, fireDirectionChange, };
+//# sourceMappingURL=directionChange.js.map

package/dist/locale/directionChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionChange.js","sourceRoot":"","sources":["../../src/locale/directionChange.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAIhD,MAAM,aAAa,GAAG,IAAI,aAAa,EAAmB,CAAC;AAC3D,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAErC;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,QAAiC,EAAE,EAAE;IACnE,aAAa,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,QAAiC,EAAE,EAAE;IACnE,aAAa,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAChC,OAAO,aAAa,CAAC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,EACN,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,GACnB,CAAC","sourcesContent":["import EventProvider from \"../EventProvider.js\";\n\ntype DirectionChangeCallback = () => void;\n\nconst eventProvider = new EventProvider<undefined, void>();\nconst DIR_CHANGE = \"directionChange\";\n\n/**\n * Attach a callback that will be executed whenever the application calls the \"applyDirection\" function\n * @public\n * @param listener\n */\nconst attachDirectionChange = (listener: DirectionChangeCallback) => {\n\teventProvider.attachEvent(DIR_CHANGE, listener);\n};\n\n/**\n * Detach a callback that was passed with \"attachDirectionChange\"\n * @public\n * @param listener\n */\nconst detachDirectionChange = (listener: DirectionChangeCallback) => {\n\teventProvider.detachEvent(DIR_CHANGE, listener);\n};\n\nconst fireDirectionChange = () => {\n\treturn eventProvider.fireEvent(DIR_CHANGE, undefined);\n};\n\nexport {\n\tattachDirectionChange,\n\tdetachDirectionChange,\n\tfireDirectionChange,\n};\n"]}

package/dist/locale/getEffectiveDir.d.ts

@@ -0,0 +1,2 @@
+declare const getEffectiveDir: (element: HTMLElement) => "rtl" | "ltr";
+export default getEffectiveDir;

package/dist/locale/getEffectiveDir.js

@@ -1,28 +1,8 @@
-import { getRTL } from "../config/RTL.js";
-
-const GLOBAL_DIR_CSS_VAR = "--_ui5_dir";
-
-const getEffectiveDir = element => {
-	const doc = window.document;
-	const dirValues = ["ltr", "rtl"]; // exclude "auto" and "" from all calculations
-	const locallyAppliedDir = getComputedStyle(element).getPropertyValue(GLOBAL_DIR_CSS_VAR);
-
-	// In that order, inspect the CSS Var (for modern browsers), the element itself, html and body (for IE fallback)
-	if (dirValues.includes(locallyAppliedDir)) {
-		return locallyAppliedDir;
-	}
-	if (dirValues.includes(element.dir)) {
-		return element.dir;
-	}
-	if (dirValues.includes(doc.documentElement.dir)) {
-		return doc.documentElement.dir;
-	}
-	if (dirValues.includes(doc.body.dir)) {
-		return doc.body.dir;
-	}
-
-	// Finally, check the configuration for explicitly set RTL or language-implied RTL
-	return getRTL() ? "rtl" : undefined;
+const getEffectiveDir = (element) => {
+    if (element.matches(":dir(rtl)")) {
+        return "rtl";
+    }
+    return "ltr";
 };
-
 export default getEffectiveDir;
+//# sourceMappingURL=getEffectiveDir.js.map

package/dist/locale/getEffectiveDir.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getEffectiveDir.js","sourceRoot":"","sources":["../../src/locale/getEffectiveDir.ts"],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,CAAC,OAAoB,EAAiB,EAAE;IAC/D,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QAClC,OAAO,KAAK,CAAC;IACd,CAAC;IAED,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["const getEffectiveDir = (element: HTMLElement): \"rtl\" | \"ltr\" => {\n\tif (element.matches(\":dir(rtl)\")) {\n\t\treturn \"rtl\";\n\t}\n\n\treturn \"ltr\";\n};\n\nexport default getEffectiveDir;\n"]}

package/dist/locale/getLocale.d.ts

@@ -0,0 +1,7 @@
+import Locale from "./Locale.js";
+/**
+ * Returns the locale based on the parameter or configured language Configuration#getLanguage
+ * If no language has been configured - a new locale based on browser language is returned
+ */
+declare const getLocale: (lang?: string) => Locale;
+export default getLocale;