@ui5/webcomponents-base 2.5.0-rc.3 → 2.6.0-rc.0

package/dist/custom-elements-internal.json

@@ -194,6 +194,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/decorators/bound.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "bound",
+            "module": "dist/decorators/bound.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/decorators/customElement.js",
@@ -716,6 +731,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/renderer/JsxRenderer.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "jsxRenderer",
+            "module": "dist/renderer/JsxRenderer.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/renderer/LitRenderer.js",
@@ -940,150 +970,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/AriaHasPopup.js",
-      "declarations": [
-        {
-          "kind": "enum",
-          "name": "AriaHasPopup",
-          "description": "Different types of ARIA hasPopup.",
-          "_ui5privacy": "public",
-          "members": [
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "Dialog popup type.",
-              "default": "Dialog",
-              "name": "Dialog",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "Grid popup type.",
-              "default": "Grid",
-              "name": "Grid",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "ListBox popup type.",
-              "default": "ListBox",
-              "name": "ListBox",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "Menu popup type.",
-              "default": "Menu",
-              "name": "Menu",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "Tree popup type.",
-              "default": "Tree",
-              "name": "Tree",
-              "readonly": true
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "AriaHasPopup",
-            "module": "dist/types/AriaHasPopup.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/AriaLandmarkRole.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "AriaLandmarkRole",
-            "module": "dist/types/AriaLandmarkRole.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/AriaRole.js",
-      "declarations": [
-        {
-          "kind": "enum",
-          "name": "AriaRole",
-          "description": "Types of ARIA roles.",
-          "_ui5privacy": "public",
-          "members": [
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "The ARIA role \"alertdialog\".",
-              "default": "AlertDialog",
-              "name": "AlertDialog",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "The ARIA role \"button\".",
-              "default": "Button",
-              "name": "Button",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "The ARIA role \"dialog\".",
-              "default": "Dialog",
-              "name": "Dialog",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "The ARIA role \"link\".",
-              "default": "Link",
-              "name": "Link",
-              "readonly": true
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "AriaRole",
-            "module": "dist/types/AriaRole.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/CalendarType.js",
@@ -1733,21 +1619,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/util/getParentElement.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "getParentElement",
-            "module": "dist/util/getParentElement.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/util/getSingletonElementInstance.js",
@@ -1765,30 +1636,30 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/util/isElementClickable.js",
+      "path": "dist/util/hash2str.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "isElementClickable",
-            "module": "dist/util/isElementClickable.js"
+            "name": "hash2str",
+            "module": "dist/util/hash2str.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/util/isElementContainingBlock.js",
+      "path": "dist/util/isElementClickable.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "isElementContainingBlock",
-            "module": "dist/util/isElementContainingBlock.js"
+            "name": "isElementClickable",
+            "module": "dist/util/isElementClickable.js"
           }
         }
       ]
@@ -1853,6 +1724,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/util/toLowercaseEnumValue.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "toLowercaseEnumValue",
+            "module": "dist/util/toLowercaseEnumValue.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/util/whenDOMReady.js",
@@ -2765,6 +2651,24 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/jsx-dev-runtime.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/jsx-runtime.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/jsx-utils.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/ssr-dom-shim.js",

package/dist/custom-elements.json

@@ -194,6 +194,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/decorators/bound.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "bound",
+            "module": "dist/decorators/bound.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/decorators/customElement.js",
@@ -708,6 +723,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/renderer/JsxRenderer.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "jsxRenderer",
+            "module": "dist/renderer/JsxRenderer.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/renderer/LitRenderer.js",
@@ -891,51 +921,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/AriaHasPopup.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "AriaHasPopup",
-            "module": "dist/types/AriaHasPopup.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/AriaLandmarkRole.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "AriaLandmarkRole",
-            "module": "dist/types/AriaLandmarkRole.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/AriaRole.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "AriaRole",
-            "module": "dist/types/AriaRole.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/CalendarType.js",
@@ -1386,21 +1371,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/util/getParentElement.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "getParentElement",
-            "module": "dist/util/getParentElement.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/util/getSingletonElementInstance.js",
@@ -1418,30 +1388,30 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/util/isElementClickable.js",
+      "path": "dist/util/hash2str.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "isElementClickable",
-            "module": "dist/util/isElementClickable.js"
+            "name": "hash2str",
+            "module": "dist/util/hash2str.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/util/isElementContainingBlock.js",
+      "path": "dist/util/isElementClickable.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "isElementContainingBlock",
-            "module": "dist/util/isElementContainingBlock.js"
+            "name": "isElementClickable",
+            "module": "dist/util/isElementClickable.js"
           }
         }
       ]
@@ -1506,6 +1476,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/util/toLowercaseEnumValue.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "toLowercaseEnumValue",
+            "module": "dist/util/toLowercaseEnumValue.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/util/whenDOMReady.js",
@@ -2400,6 +2385,24 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/jsx-dev-runtime.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/jsx-runtime.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/jsx-utils.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/ssr-dom-shim.js",

package/dist/decorators/bound.d.ts

@@ -0,0 +1 @@
+export default function bound(target: any, key: string | symbol, descriptor: any): any;

package/dist/decorators/bound.js

@@ -0,0 +1,34 @@
+export default function bound(target, key, descriptor) {
+    if (!(typeof target[key] === "function")) {
+        throw new Error(`@bound decorator can only be applied to methods, received ${String(key)}: ${typeof target[key]}`);
+    }
+    let fn = descriptor.value;
+    return {
+        configurable: true,
+        get() {
+            if (!(this instanceof target.constructor)) {
+                return fn;
+            }
+            // if the property is already defined on the instance, then this call is a super call
+            if (Object.hasOwnProperty.call(this, key)) {
+                return fn;
+            }
+            let boundFn = fn.bind(this);
+            Object.defineProperty(this, key, {
+                configurable: true,
+                get() {
+                    return boundFn;
+                },
+                set(value) {
+                    // setting a value on the instance means they overwrite the default behaviour
+                    boundFn = value;
+                },
+            });
+            return boundFn;
+        },
+        set(value) {
+            fn = value;
+        },
+    };
+}
+//# sourceMappingURL=bound.js.map

package/dist/decorators/bound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bound.js","sourceRoot":"","sources":["../../src/decorators/bound.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,MAAW,EAAE,GAAoB,EAAE,UAAe;IAC/E,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,UAAU,CAAC,EAAE,CAAC;QAC1C,MAAM,IAAI,KAAK,CAAC,6DAA6D,MAAM,CAAC,GAAG,CAAC,KAAK,OAAO,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACpH,CAAC;IAED,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC;IAC1B,OAAO;QACN,YAAY,EAAE,IAAI;QAClB,GAAG;YACF,IAAI,CAAC,CAAC,IAAI,YAAY,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC3C,OAAO,EAAE,CAAC;YACX,CAAC;YAED,qFAAqF;YACrF,IAAI,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;gBAC3C,OAAO,EAAE,CAAC;YACX,CAAC;YAED,IAAI,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE5B,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE;gBAChC,YAAY,EAAE,IAAI;gBAClB,GAAG;oBACF,OAAO,OAAO,CAAC;gBAChB,CAAC;gBACD,GAAG,CAAC,KAAU;oBACb,6EAA6E;oBAC7E,OAAO,GAAG,KAAK,CAAC;gBACjB,CAAC;aACD,CAAC,CAAC;YACH,OAAO,OAAO,CAAC;QAChB,CAAC;QACD,GAAG,CAAC,KAAU;YACb,EAAE,GAAG,KAAK,CAAC;QACZ,CAAC;KACD,CAAC;AACH,CAAC","sourcesContent":["export default function bound(target: any, key: string | symbol, descriptor: any): any {\n\tif (!(typeof target[key] === \"function\")) {\n\t\tthrow new Error(`@bound decorator can only be applied to methods, received ${String(key)}: ${typeof target[key]}`);\n\t}\n\n\tlet fn = descriptor.value;\n\treturn {\n\t\tconfigurable: true,\n\t\tget(): any {\n\t\t\tif (!(this instanceof target.constructor)) {\n\t\t\t\treturn fn;\n\t\t\t}\n\n\t\t\t// if the property is already defined on the instance, then this call is a super call\n\t\t\tif (Object.hasOwnProperty.call(this, key)) {\n\t\t\t\treturn fn;\n\t\t\t}\n\n\t\t\tlet boundFn = fn.bind(this);\n\n\t\t\tObject.defineProperty(this, key, {\n\t\t\t\tconfigurable: true,\n\t\t\t\tget(): any {\n\t\t\t\t\treturn boundFn;\n\t\t\t\t},\n\t\t\t\tset(value: any): void {\n\t\t\t\t\t// setting a value on the instance means they overwrite the default behaviour\n\t\t\t\t\tboundFn = value;\n\t\t\t\t},\n\t\t\t});\n\t\t\treturn boundFn;\n\t\t},\n\t\tset(value: any): void {\n\t\t\tfn = value;\n\t\t},\n\t};\n}\n"]}

package/dist/decorators.d.ts

@@ -3,4 +3,6 @@ import event from "./decorators/event.js";
 import eventStrict from "./decorators/event-strict.js";
 import property from "./decorators/property.js";
 import slot from "./decorators/slot.js";
-export { customElement, event, eventStrict, property, slot, };
+import bound from "./decorators/bound.js";
+import i18n from "./decorators/i18n.js";
+export { customElement, event, eventStrict, property, slot, bound, i18n, };

package/dist/decorators.js

@@ -3,5 +3,7 @@ import event from "./decorators/event.js";
 import eventStrict from "./decorators/event-strict.js";
 import property from "./decorators/property.js";
 import slot from "./decorators/slot.js";
-export { customElement, event, eventStrict, property, slot, };
+import bound from "./decorators/bound.js";
+import i18n from "./decorators/i18n.js";
+export { customElement, event, eventStrict, property, slot, bound, i18n, };
 //# sourceMappingURL=decorators.js.map

package/dist/decorators.js.map

@@ -1 +1 @@
-{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../src/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAC1C,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAExC,OAAO,EACN,aAAa,EACb,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,GACJ,CAAC","sourcesContent":["import customElement from \"./decorators/customElement.js\";\nimport event from \"./decorators/event.js\";\nimport eventStrict from \"./decorators/event-strict.js\";\nimport property from \"./decorators/property.js\";\nimport slot from \"./decorators/slot.js\";\n\nexport {\n\tcustomElement,\n\tevent,\n\teventStrict,\n\tproperty,\n\tslot,\n};\n"]}
+{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../src/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAC1C,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,IAAI,MAAM,sBAAsB,CAAC;AACxC,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAC1C,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAExC,OAAO,EACN,aAAa,EACb,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,GACJ,CAAC","sourcesContent":["import customElement from \"./decorators/customElement.js\";\nimport event from \"./decorators/event.js\";\nimport eventStrict from \"./decorators/event-strict.js\";\nimport property from \"./decorators/property.js\";\nimport slot from \"./decorators/slot.js\";\nimport bound from \"./decorators/bound.js\";\nimport i18n from \"./decorators/i18n.js\";\n\nexport {\n\tcustomElement,\n\tevent,\n\teventStrict,\n\tproperty,\n\tslot,\n\tbound,\n\ti18n,\n};\n"]}

package/dist/generated/VersionInfo.js

@@ -1,11 +1,11 @@
 const VersionInfo = {
-    version: "2.5.0-rc.3",
+    version: "2.6.0-rc.0",
     major: 2,
-    minor: 5,
+    minor: 6,
     patch: 0,
-    suffix: "-rc.3",
+    suffix: "-rc.0",
     isNext: false,
-    buildTime: 1733386125,
+    buildTime: 1733990927,
 };
 export default VersionInfo;
 //# sourceMappingURL=VersionInfo.js.map

package/dist/generated/VersionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionInfo.js","sourceRoot":"","sources":["../../src/generated/VersionInfo.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IACnB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,UAAU;CACrB,CAAC;AACF,eAAe,WAAW,CAAC","sourcesContent":["const VersionInfo = {\n\tversion: \"2.5.0-rc.3\",\n\tmajor: 2,\n\tminor: 5,\n\tpatch: 0,\n\tsuffix: \"-rc.3\",\n\tisNext: false,\n\tbuildTime: 1733386125,\n};\nexport default VersionInfo;"]}
+{"version":3,"file":"VersionInfo.js","sourceRoot":"","sources":["../../src/generated/VersionInfo.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IACnB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,UAAU;CACrB,CAAC;AACF,eAAe,WAAW,CAAC","sourcesContent":["const VersionInfo = {\n\tversion: \"2.6.0-rc.0\",\n\tmajor: 2,\n\tminor: 6,\n\tpatch: 0,\n\tsuffix: \"-rc.0\",\n\tisNext: false,\n\tbuildTime: 1733990927,\n};\nexport default VersionInfo;"]}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from "./jsx-runtime.d.ts";
+
+export type UI5CustomEvent<T extends UI5Element, N extends keyof T["eventDetails"]> = CustomEvent<T["eventDetails"][N]>;
+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"]}