qcobjects 2.5.109-beta → 2.5.111-beta

package/VERSION

@@ -1 +1 @@
-2.5.109-beta
+2.5.111-beta

package/build/DOMCreateElement.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports._DOMCreateElement = void 0;
+exports._DOMCreateComplexElement = exports._DOMCreateElement = void 0;
 const platform_1 = require("./platform");
-const _DOMCreateElement = function (elementName) {
+const _DOMCreateElement = function (elementName, props, children) {
     let _ret_;
     if (platform_1.isBrowser) {
-        _ret_ = document.createElement(elementName);
+        _ret_ = (0, exports._DOMCreateComplexElement)(elementName, props, children);
     }
     else {
         _ret_ = {};
@@ -13,3 +13,35 @@ const _DOMCreateElement = function (elementName) {
     return _ret_;
 };
 exports._DOMCreateElement = _DOMCreateElement;
+const ComplexTypeCall = (_type, { props, children }) => {
+    return _type({ props, children });
+};
+const _DOMCreateComplexElement = (_type, props, children) => {
+    if (typeof _type !== "string") {
+        return ComplexTypeCall(_type, { props, children });
+    }
+    const element = document.createElement(_type);
+    if (props) {
+        Object.entries(props).forEach(([key, value]) => {
+            if (typeof value === "string" || typeof value === "number") {
+                element.setAttribute(key, value.toString());
+            }
+            else if (typeof value === "function" && key.toLowerCase().startsWith("on")) {
+                element.addEventListener(key.slice(2).toLowerCase(), value.bind(element));
+            }
+        });
+    }
+    if (Array.isArray(children)) {
+        children.filter((child => child instanceof Node)).forEach(child => {
+            element.appendChild(child);
+        });
+    }
+    else if (children instanceof Node) {
+        element.appendChild(children);
+    }
+    else if (typeof children === "string") {
+        element.innerHTML = children;
+    }
+    return element;
+};
+exports._DOMCreateComplexElement = _DOMCreateComplexElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qcobjects",
-  "version": "2.5.109-beta",
+  "version": "2.5.111-beta",
   "description": "QCObjects is an Open-source framework that empowers full-stack developers to make micro-services and micro-frontends into an N-Tier architecture.",
   "main": "public/cjs/QCObjects.cjs",
   "module": "public/esm/QCObjects.mjs",

package/public/browser/QCObjects.js

@@ -272,20 +272,48 @@ var global = (() => {
   });
 
   // src/DOMCreateElement.ts
-  var _DOMCreateElement;
+  var _DOMCreateElement, ComplexTypeCall, _DOMCreateComplexElement;
   var init_DOMCreateElement = __esm({
     "src/DOMCreateElement.ts"() {
       "use strict";
       init_platform();
-      _DOMCreateElement = /* @__PURE__ */ __name(function(elementName) {
+      _DOMCreateElement = /* @__PURE__ */ __name(function(elementName, props, children) {
         let _ret_;
         if (isBrowser) {
-          _ret_ = document.createElement(elementName);
+          _ret_ = _DOMCreateComplexElement(elementName, props, children);
         } else {
           _ret_ = {};
         }
         return _ret_;
       }, "_DOMCreateElement");
+      ComplexTypeCall = /* @__PURE__ */ __name((_type, { props, children }) => {
+        return _type({ props, children });
+      }, "ComplexTypeCall");
+      _DOMCreateComplexElement = /* @__PURE__ */ __name((_type, props, children) => {
+        if (typeof _type !== "string") {
+          return ComplexTypeCall(_type, { props, children });
+        }
+        const element = document.createElement(_type);
+        if (props) {
+          Object.entries(props).forEach(([key, value]) => {
+            if (typeof value === "string" || typeof value === "number") {
+              element.setAttribute(key, value.toString());
+            } else if (typeof value === "function" && key.toLowerCase().startsWith("on")) {
+              element.addEventListener(key.slice(2).toLowerCase(), value.bind(element));
+            }
+          });
+        }
+        if (Array.isArray(children)) {
+          children.filter((child) => child instanceof Node).forEach((child) => {
+            element.appendChild(child);
+          });
+        } else if (children instanceof Node) {
+          element.appendChild(children);
+        } else if (typeof children === "string") {
+          element.innerHTML = children;
+        }
+        return element;
+      }, "_DOMCreateComplexElement");
     }
   });