@servlyadmin/runtime-core 0.1.29 → 0.1.31

package/dist/{chunk-IWFVKY5N.js → chunk-SMHCCKAZ.js}

@@ -128,8 +128,10 @@ async function initServlyTailwind(customConfig) {
     usePlayCdn: true
   });
 }
+var injectTailwindStyles = initServlyTailwind;
 var tailwind_default = {
   injectTailwind,
+  injectTailwindStyles,
   removeTailwind,
   isTailwindLoaded,
   getTailwind,
@@ -150,5 +152,6 @@ export {
   removeCustomStyles,
   DEFAULT_SERVLY_TAILWIND_CONFIG,
   initServlyTailwind,
+  injectTailwindStyles,
   tailwind_default
 };

package/dist/index.cjs

@@ -42,6 +42,7 @@ __export(tailwind_exports, {
   getTailwind: () => getTailwind,
   initServlyTailwind: () => initServlyTailwind,
   injectTailwind: () => injectTailwind,
+  injectTailwindStyles: () => injectTailwindStyles,
   isTailwindLoaded: () => isTailwindLoaded,
   removeCustomStyles: () => removeCustomStyles,
   removeTailwind: () => removeTailwind,
@@ -143,7 +144,7 @@ async function initServlyTailwind(customConfig) {
     usePlayCdn: true
   });
 }
-var DEFAULT_TAILWIND_CDN, tailwindInjected, tailwindScript, DEFAULT_SERVLY_TAILWIND_CONFIG, tailwind_default;
+var DEFAULT_TAILWIND_CDN, tailwindInjected, tailwindScript, DEFAULT_SERVLY_TAILWIND_CONFIG, injectTailwindStyles, tailwind_default;
 var init_tailwind = __esm({
   "src/tailwind.ts"() {
     "use strict";
@@ -180,8 +181,10 @@ var init_tailwind = __esm({
         { pattern: /^(transition|duration|ease|delay)-/ }
       ]
     };
+    injectTailwindStyles = initServlyTailwind;
     tailwind_default = {
       injectTailwind,
+      injectTailwindStyles,
       removeTailwind,
       isTailwindLoaded,
       getTailwind,
@@ -16761,6 +16764,7 @@ __export(index_exports, {
   hasTemplateSyntax: () => hasTemplateSyntax,
   initServlyTailwind: () => initServlyTailwind,
   injectTailwind: () => injectTailwind,
+  injectTailwindStyles: () => injectTailwindStyles,
   invalidateCache: () => invalidateCache,
   isComponentAvailable: () => isComponentAvailable,
   isIconCdnEnabled: () => isIconCdnEnabled,
@@ -19393,6 +19397,17 @@ function getIconifyCollection(set) {
 }
 
 // src/renderer.ts
+init_tailwind();
+var tailwindAutoInjected = false;
+function ensureTailwind() {
+  if (tailwindAutoInjected || typeof document === "undefined") return;
+  tailwindAutoInjected = true;
+  if (!isTailwindLoaded()) {
+    injectTailwind({ usePlayCdn: true }).catch((err) => {
+      console.warn("Failed to auto-inject Tailwind CSS:", err);
+    });
+  }
+}
 var COMPONENT_TO_TAG = {
   container: "div",
   text: "span",
@@ -19565,17 +19580,6 @@ function attachEventHandlers(domElement, element, eventHandlers, context, elemen
       }
     }
   }
-  if (isRootElement && context.props && state?.renderingStack?.size === 0) {
-    for (const [propName, value] of Object.entries(context.props)) {
-      if (propName.startsWith("on") && typeof value === "function") {
-        const domEventName = propName.slice(2).toLowerCase();
-        if (!elementState.eventListeners.has(domEventName)) {
-          elementState.eventListeners.set(domEventName, value);
-          domElement.addEventListener(domEventName, value);
-        }
-      }
-    }
-  }
   if (!isRootElement && elementState.eventListeners.size > 0) {
     for (const [eventName, originalHandler] of elementState.eventListeners) {
       const wrappedHandler = (e) => {
@@ -19775,11 +19779,17 @@ function renderElement(element, tree, context, eventHandlers, elementStates, sta
   }
   const elementBindings = element.configuration?.bindings?.inputs;
   const resolvedInputs = elementBindings ? resolveComponentViewInputs(elementBindings, context, context.props) : {};
-  const nonFunctionInputs = Object.fromEntries(
-    Object.entries(resolvedInputs).filter(([, v]) => typeof v !== "function")
-  );
+  const functionInputs = {};
+  const nonFunctionInputs = {};
+  for (const [key, value] of Object.entries(resolvedInputs)) {
+    if (typeof value === "function") {
+      functionInputs[key] = value;
+    } else {
+      nonFunctionInputs[key] = value;
+    }
+  }
   const elementContext = {
-    props: { ...context.props, ...nonFunctionInputs },
+    props: { ...context.props, ...nonFunctionInputs, ...functionInputs },
     state: context.state,
     context: context.context
   };
@@ -19956,6 +19966,9 @@ function renderSlotElement(element, tree, context, eventHandlers, elementStates,
   return elementState.domElement;
 }
 function render(options) {
+  if (!options.disableTailwind) {
+    ensureTailwind();
+  }
   const {
     container,
     elements,
@@ -21606,6 +21619,7 @@ function generateIconBundle(icons) {
   hasTemplateSyntax,
   initServlyTailwind,
   injectTailwind,
+  injectTailwindStyles,
   invalidateCache,
   isComponentAvailable,
   isIconCdnEnabled,

package/dist/index.js

@@ -4,11 +4,12 @@ import {
   getTailwind,
   initServlyTailwind,
   injectTailwind,
+  injectTailwindStyles,
   isTailwindLoaded,
   removeCustomStyles,
   removeTailwind,
   updateTailwindConfig
-} from "./chunk-IWFVKY5N.js";
+} from "./chunk-SMHCCKAZ.js";
 import {
   buildRegistryFromBundle,
   collectAllDependencies,
@@ -2597,6 +2598,16 @@ function getIconifyCollection(set) {
 }
 
 // src/renderer.ts
+var tailwindAutoInjected = false;
+function ensureTailwind() {
+  if (tailwindAutoInjected || typeof document === "undefined") return;
+  tailwindAutoInjected = true;
+  if (!isTailwindLoaded()) {
+    injectTailwind({ usePlayCdn: true }).catch((err) => {
+      console.warn("Failed to auto-inject Tailwind CSS:", err);
+    });
+  }
+}
 var COMPONENT_TO_TAG = {
   container: "div",
   text: "span",
@@ -2769,17 +2780,6 @@ function attachEventHandlers(domElement, element, eventHandlers, context, elemen
       }
     }
   }
-  if (isRootElement && context.props && state?.renderingStack?.size === 0) {
-    for (const [propName, value] of Object.entries(context.props)) {
-      if (propName.startsWith("on") && typeof value === "function") {
-        const domEventName = propName.slice(2).toLowerCase();
-        if (!elementState.eventListeners.has(domEventName)) {
-          elementState.eventListeners.set(domEventName, value);
-          domElement.addEventListener(domEventName, value);
-        }
-      }
-    }
-  }
   if (!isRootElement && elementState.eventListeners.size > 0) {
     for (const [eventName, originalHandler] of elementState.eventListeners) {
       const wrappedHandler = (e) => {
@@ -2979,11 +2979,17 @@ function renderElement(element, tree, context, eventHandlers, elementStates, sta
   }
   const elementBindings = element.configuration?.bindings?.inputs;
   const resolvedInputs = elementBindings ? resolveComponentViewInputs(elementBindings, context, context.props) : {};
-  const nonFunctionInputs = Object.fromEntries(
-    Object.entries(resolvedInputs).filter(([, v]) => typeof v !== "function")
-  );
+  const functionInputs = {};
+  const nonFunctionInputs = {};
+  for (const [key, value] of Object.entries(resolvedInputs)) {
+    if (typeof value === "function") {
+      functionInputs[key] = value;
+    } else {
+      nonFunctionInputs[key] = value;
+    }
+  }
   const elementContext = {
-    props: { ...context.props, ...nonFunctionInputs },
+    props: { ...context.props, ...nonFunctionInputs, ...functionInputs },
     state: context.state,
     context: context.context
   };
@@ -3160,6 +3166,9 @@ function renderSlotElement(element, tree, context, eventHandlers, elementStates,
   return elementState.domElement;
 }
 function render(options) {
+  if (!options.disableTailwind) {
+    ensureTailwind();
+  }
   const {
     container,
     elements,
@@ -3516,7 +3525,7 @@ async function createServlyRenderer(options) {
     container = containerOption;
   }
   if (shouldInjectTailwind) {
-    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-3FTT56ZG.js");
+    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-37JUQFRW.js");
     await initServlyTailwind2(tailwindConfig);
   }
   const activeRenders = [];
@@ -4804,6 +4813,7 @@ export {
   hasTemplateSyntax,
   initServlyTailwind,
   injectTailwind,
+  injectTailwindStyles,
   invalidateCache,
   isComponentAvailable,
   isIconCdnEnabled,

package/dist/{tailwind-3FTT56ZG.js → tailwind-37JUQFRW.js}

@@ -4,12 +4,13 @@ import {
   getTailwind,
   initServlyTailwind,
   injectTailwind,
+  injectTailwindStyles,
   isTailwindLoaded,
   removeCustomStyles,
   removeTailwind,
   tailwind_default,
   updateTailwindConfig
-} from "./chunk-IWFVKY5N.js";
+} from "./chunk-SMHCCKAZ.js";
 import "./chunk-MCKGQKYU.js";
 export {
   DEFAULT_SERVLY_TAILWIND_CONFIG,
@@ -18,6 +19,7 @@ export {
   getTailwind,
   initServlyTailwind,
   injectTailwind,
+  injectTailwindStyles,
   isTailwindLoaded,
   removeCustomStyles,
   removeTailwind,

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@servlyadmin/runtime-core",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "description": "Framework-agnostic core renderer for Servly components",
   "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
     }
   },
   "files": [