@servlyadmin/runtime-core 0.1.17 → 0.1.19

package/dist/index.cjs

@@ -17804,11 +17804,8 @@ function applyStyles(element, styles) {
   }
 }
 var CANVAS_ONLY_STYLES = /* @__PURE__ */ new Set([
-  "transform",
-  "--translate-x",
-  "--translate-y",
-  "--width",
-  "--height",
+  // Only filter out z-index which is purely for canvas layering
+  // Keep --width, --height, --translate-x, --translate-y as they're used for sizing/positioning
   "z-index",
   "zIndex"
 ]);
@@ -17818,9 +17815,6 @@ function filterCanvasStyles(style) {
     if (CANVAS_ONLY_STYLES.has(key)) {
       continue;
     }
-    if (key === "transform" && typeof value === "string" && value.includes("translate(")) {
-      continue;
-    }
     filtered[key] = value;
   }
   return filtered;
@@ -19767,11 +19761,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;
     }
@@ -19779,7 +19780,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;
@@ -19863,7 +19864,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

@@ -1008,11 +1008,8 @@ function applyStyles(element, styles) {
   }
 }
 var CANVAS_ONLY_STYLES = /* @__PURE__ */ new Set([
-  "transform",
-  "--translate-x",
-  "--translate-y",
-  "--width",
-  "--height",
+  // Only filter out z-index which is purely for canvas layering
+  // Keep --width, --height, --translate-x, --translate-y as they're used for sizing/positioning
   "z-index",
   "zIndex"
 ]);
@@ -1022,9 +1019,6 @@ function filterCanvasStyles(style) {
     if (CANVAS_ONLY_STYLES.has(key)) {
       continue;
     }
-    if (key === "transform" && typeof value === "string" && value.includes("translate(")) {
-      continue;
-    }
     filtered[key] = value;
   }
   return filtered;
@@ -2971,11 +2965,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;
     }
@@ -2983,7 +2984,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;
@@ -3067,7 +3068,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.17",
+  "version": "0.1.19",
   "description": "Framework-agnostic core renderer for Servly components",
   "type": "module",
   "main": "./dist/index.cjs",