@servlyadmin/runtime-core 0.1.18 → 0.1.20

package/dist/index.cjs

@@ -19569,18 +19569,6 @@ function attachEventHandlers(domElement, element, eventHandlers, context, elemen
       }
     }
   }
-  if (isRootElement && context.props) {
-    for (const [propName, value] of Object.entries(context.props)) {
-      if (propName.startsWith("on") && propName.length > 2 && typeof value === "function") {
-        const domEventName = propName.slice(2).toLowerCase();
-        if (!elementState.eventListeners.has(domEventName)) {
-          const handler = value;
-          elementState.eventListeners.set(domEventName, handler);
-          domElement.addEventListener(domEventName, handler);
-        }
-      }
-    }
-  }
 }
 function detachEventHandlers(elementState) {
   for (const [eventName, handler] of elementState.eventListeners) {
@@ -19761,11 +19749,18 @@ function renderElement(element, tree, context, eventHandlers, elementStates, sta
   if (element.componentId === "icon") {
     return renderIconElement(element, context, eventHandlers, elementStates, state, isRootElement);
   }
-  const elementState = createElement(element, context, eventHandlers, isRootElement, state);
+  const elementBindings = element.configuration?.bindings?.inputs;
+  const resolvedInputs = elementBindings ? resolveComponentViewInputs(elementBindings, context, context.props) : {};
+  const elementContext = {
+    props: { ...context.props, ...resolvedInputs },
+    state: context.state,
+    context: context.context
+  };
+  const elementState = createElement(element, elementContext, eventHandlers, isRootElement, state);
   elementStates.set(element.i, elementState);
   const config = element.configuration;
   if (config?.componentViewRef) {
-    const nestedResult = renderComponentRef(element, elementState.domElement, context, state);
+    const nestedResult = renderComponentRef(element, elementState.domElement, elementContext, state);
     if (nestedResult) {
       elementState.nestedRender = nestedResult;
     }
@@ -19773,7 +19768,7 @@ function renderElement(element, tree, context, eventHandlers, elementStates, sta
   }
   const children = tree.get(element.i) || [];
   for (const child of children) {
-    const childElement = renderElement(child, tree, context, eventHandlers, elementStates, state, false);
+    const childElement = renderElement(child, tree, elementContext, eventHandlers, elementStates, state, false);
     elementState.domElement.appendChild(childElement);
   }
   return elementState.domElement;
@@ -19857,7 +19852,7 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
   const bindings = element.configuration?.bindings?.inputs || {};
   const resolvedInputs = resolveComponentViewInputs(bindings, context, context.props);
   const componentContext = {
-    props: { ...context.props, ...resolvedInputs },
+    props: resolvedInputs,
     state: context.state,
     context: context.context
   };

package/dist/index.js

@@ -2773,18 +2773,6 @@ function attachEventHandlers(domElement, element, eventHandlers, context, elemen
       }
     }
   }
-  if (isRootElement && context.props) {
-    for (const [propName, value] of Object.entries(context.props)) {
-      if (propName.startsWith("on") && propName.length > 2 && typeof value === "function") {
-        const domEventName = propName.slice(2).toLowerCase();
-        if (!elementState.eventListeners.has(domEventName)) {
-          const handler = value;
-          elementState.eventListeners.set(domEventName, handler);
-          domElement.addEventListener(domEventName, handler);
-        }
-      }
-    }
-  }
 }
 function detachEventHandlers(elementState) {
   for (const [eventName, handler] of elementState.eventListeners) {
@@ -2965,11 +2953,18 @@ function renderElement(element, tree, context, eventHandlers, elementStates, sta
   if (element.componentId === "icon") {
     return renderIconElement(element, context, eventHandlers, elementStates, state, isRootElement);
   }
-  const elementState = createElement(element, context, eventHandlers, isRootElement, state);
+  const elementBindings = element.configuration?.bindings?.inputs;
+  const resolvedInputs = elementBindings ? resolveComponentViewInputs(elementBindings, context, context.props) : {};
+  const elementContext = {
+    props: { ...context.props, ...resolvedInputs },
+    state: context.state,
+    context: context.context
+  };
+  const elementState = createElement(element, elementContext, eventHandlers, isRootElement, state);
   elementStates.set(element.i, elementState);
   const config = element.configuration;
   if (config?.componentViewRef) {
-    const nestedResult = renderComponentRef(element, elementState.domElement, context, state);
+    const nestedResult = renderComponentRef(element, elementState.domElement, elementContext, state);
     if (nestedResult) {
       elementState.nestedRender = nestedResult;
     }
@@ -2977,7 +2972,7 @@ function renderElement(element, tree, context, eventHandlers, elementStates, sta
   }
   const children = tree.get(element.i) || [];
   for (const child of children) {
-    const childElement = renderElement(child, tree, context, eventHandlers, elementStates, state, false);
+    const childElement = renderElement(child, tree, elementContext, eventHandlers, elementStates, state, false);
     elementState.domElement.appendChild(childElement);
   }
   return elementState.domElement;
@@ -3061,7 +3056,7 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
   const bindings = element.configuration?.bindings?.inputs || {};
   const resolvedInputs = resolveComponentViewInputs(bindings, context, context.props);
   const componentContext = {
-    props: { ...context.props, ...resolvedInputs },
+    props: resolvedInputs,
     state: context.state,
     context: context.context
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servlyadmin/runtime-core",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Framework-agnostic core renderer for Servly components",
   "type": "module",
   "main": "./dist/index.cjs",