@servlyadmin/runtime-core 0.1.16 → 0.1.18

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;
@@ -19089,7 +19083,7 @@ function resetOverrideSystem() {
 }
 
 // src/icons.ts
-var cdnEnabled = false;
+var cdnEnabled = true;
 function setIconCdnEnabled(enabled) {
   cdnEnabled = enabled;
 }
@@ -19425,22 +19419,6 @@ var COMPONENT_TO_TAG = {
   span: "span",
   div: "div"
 };
-var SELF_CLOSING_TAGS = /* @__PURE__ */ new Set([
-  "input",
-  "img",
-  "br",
-  "hr",
-  "area",
-  "base",
-  "col",
-  "embed",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
 function getElementTag(element) {
   const config = element.configuration;
   if (config?.tag) {
@@ -19454,9 +19432,6 @@ function getElementTag(element) {
   }
   return "div";
 }
-function isSelfClosing(tag) {
-  return SELF_CLOSING_TAGS.has(tag.toLowerCase());
-}
 function buildTree(elements) {
   const tree = /* @__PURE__ */ new Map();
   for (const element of elements) {
@@ -19631,9 +19606,9 @@ function createElement(element, context, eventHandlers, isRootElement = false, s
   }
   applyAttributes(domElement, element, context);
   let textContent = "";
-  if (element.componentId === "text" || !isSelfClosing(tag)) {
+  if (element.componentId === "text") {
     textContent = getTextContent(element, context);
-    if (textContent && !element.children?.length) {
+    if (textContent) {
       domElement.textContent = textContent;
     }
   }
@@ -20153,14 +20128,15 @@ function update(state, newContext) {
       domElement.className = newClassName;
       elementState.className = newClassName;
     }
-    const newTextContent = getTextContent(element, newContext);
-    if (newTextContent !== elementState.textContent) {
-      const children = state.elements.filter((el) => el.parent === elementId);
-      const isComponentView = element.isComponentView;
-      if (children.length === 0 && !isComponentView && domElement.children.length === 0) {
-        domElement.textContent = newTextContent;
+    if (element.componentId === "text") {
+      const newTextContent = getTextContent(element, newContext);
+      if (newTextContent !== elementState.textContent) {
+        const isComponentView = element.isComponentView;
+        if (!isComponentView && domElement.children.length === 0) {
+          domElement.textContent = newTextContent;
+        }
+        elementState.textContent = newTextContent;
       }
-      elementState.textContent = newTextContent;
     }
     applyAttributes(domElement, element, newContext);
   }

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;
@@ -2293,7 +2287,7 @@ function resetOverrideSystem() {
 }
 
 // src/icons.ts
-var cdnEnabled = false;
+var cdnEnabled = true;
 function setIconCdnEnabled(enabled) {
   cdnEnabled = enabled;
 }
@@ -2629,22 +2623,6 @@ var COMPONENT_TO_TAG = {
   span: "span",
   div: "div"
 };
-var SELF_CLOSING_TAGS = /* @__PURE__ */ new Set([
-  "input",
-  "img",
-  "br",
-  "hr",
-  "area",
-  "base",
-  "col",
-  "embed",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
 function getElementTag(element) {
   const config = element.configuration;
   if (config?.tag) {
@@ -2658,9 +2636,6 @@ function getElementTag(element) {
   }
   return "div";
 }
-function isSelfClosing(tag) {
-  return SELF_CLOSING_TAGS.has(tag.toLowerCase());
-}
 function buildTree(elements) {
   const tree = /* @__PURE__ */ new Map();
   for (const element of elements) {
@@ -2835,9 +2810,9 @@ function createElement(element, context, eventHandlers, isRootElement = false, s
   }
   applyAttributes(domElement, element, context);
   let textContent = "";
-  if (element.componentId === "text" || !isSelfClosing(tag)) {
+  if (element.componentId === "text") {
     textContent = getTextContent(element, context);
-    if (textContent && !element.children?.length) {
+    if (textContent) {
       domElement.textContent = textContent;
     }
   }
@@ -3357,14 +3332,15 @@ function update(state, newContext) {
       domElement.className = newClassName;
       elementState.className = newClassName;
     }
-    const newTextContent = getTextContent(element, newContext);
-    if (newTextContent !== elementState.textContent) {
-      const children = state.elements.filter((el) => el.parent === elementId);
-      const isComponentView = element.isComponentView;
-      if (children.length === 0 && !isComponentView && domElement.children.length === 0) {
-        domElement.textContent = newTextContent;
+    if (element.componentId === "text") {
+      const newTextContent = getTextContent(element, newContext);
+      if (newTextContent !== elementState.textContent) {
+        const isComponentView = element.isComponentView;
+        if (!isComponentView && domElement.children.length === 0) {
+          domElement.textContent = newTextContent;
+        }
+        elementState.textContent = newTextContent;
       }
-      elementState.textContent = newTextContent;
     }
     applyAttributes(domElement, element, newContext);
   }

package/package.json

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