eleva 1.2.16-beta → 1.2.17-beta

package/src/modules/Renderer.js

@@ -81,6 +81,12 @@ export class Renderer {
         continue;
       }
       if (oldNode && !newNode) {
+        if (
+          oldNode.nodeName === "STYLE" &&
+          oldNode.hasAttribute("data-e-style")
+        ) {
+          continue;
+        }
         oldParent.removeChild(oldNode);
         continue;
       }
@@ -127,16 +133,8 @@ export class Renderer {
     const oldAttrs = oldEl.attributes;
     const newAttrs = newEl.attributes;
 
-    // Remove old attributes
-    for (const { name } of oldAttrs) {
-      if (!newEl.hasAttribute(name)) {
-        oldEl.removeAttribute(name);
-      }
-    }
-
     // Update/add new attributes
-    for (const attr of newAttrs) {
-      const { name, value } = attr;
+    for (const { name, value } of newAttrs) {
       if (name.startsWith("@")) continue;
 
       if (oldEl.getAttribute(name) === value) continue;
@@ -172,5 +170,12 @@ export class Renderer {
         }
       }
     }
+
+    // Remove old attributes
+    for (const { name } of oldAttrs) {
+      if (!newEl.hasAttribute(name)) {
+        oldEl.removeAttribute(name);
+      }
+    }
   }
 }

package/types/core/Eleva.d.ts

@@ -2,10 +2,10 @@
  * @typedef {Object} ComponentDefinition
  * @property {function(Object<string, any>): (Object<string, any>|Promise<Object<string, any>>)} [setup]
  *           Optional setup function that initializes the component's state and returns reactive data
- * @property {function(Object<string, any>): string|Promise<string>} template
+ * @property {(function(Object<string, any>): string|Promise<string>|string)} template
  *           Required function that defines the component's HTML structure
- * @property {function(Object<string, any>): string} [style]
- *           Optional function that provides component-scoped CSS styles
+ * @property {(function(Object<string, any>): string)|string} [style]
+ *           Optional function or string that provides component-scoped CSS styles
  * @property {Object<string, ComponentDefinition>} [children]
  *           Optional object defining nested child components
  */
@@ -98,7 +98,7 @@ export class Eleva {
      * @example
      * app.component("myButton", {
      *   template: (ctx) => `<button>${ctx.props.text}</button>`,
-     *   style: () => "button { color: blue; }"
+     *   style: `button { color: blue; }`
      * });
      */
     public component(name: string, definition: ComponentDefinition): Eleva;
@@ -151,7 +151,7 @@ export class Eleva {
      * @private
      * @param {HTMLElement} container - The container element where styles should be injected.
      * @param {string} compName - The component name used to identify the style element.
-     * @param {function(Object<string, any>): string} [styleFn] - Optional function that returns CSS styles as a string.
+     * @param {(function(Object<string, any>): string)|string} styleDef - The component's style definition (function or string).
      * @param {Object<string, any>} context - The current component context for style interpolation.
      * @returns {void}
      */
@@ -207,13 +207,13 @@ export type ComponentDefinition = {
     /**
      *           Required function that defines the component's HTML structure
      */
-    template: (arg0: {
+    template: ((arg0: {
         [x: string]: any;
-    }) => string | Promise<string>;
+    }) => string | Promise<string> | string);
     /**
-     * Optional function that provides component-scoped CSS styles
+     * Optional function or string that provides component-scoped CSS styles
      */
-    style?: ((arg0: {
+    style?: string | ((arg0: {
         [x: string]: any;
     }) => string) | undefined;
     /**

package/types/core/Eleva.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Eleva.d.ts","sourceRoot":"","sources":["../../src/core/Eleva.js"],"names":[],"mappings":"AAOA;;;;;;;;;;GAUG;AAEH;;;;;;GAMG;AAEH;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;OAOG;IACH,kBAJW,MAAM;;OA8BhB;IAzBC,0EAA0E;IAC1E,oBAAgB;IAChB,yFAAyF;IACzF;;MAAoB;IACpB,oFAAoF;IACpF,wBAA4B;IAC5B,+FAA+F;IAC/F,6BAAoB;IACpB,wFAAwF;IACxF,0BAA8B;IAE9B,gGAAgG;IAChG,oBAA4B;IAC5B,2FAA2F;IAC3F,iBAAyB;IACzB,gFAAgF;IAChF,wBAMC;IACD,oFAAoF;IACpF,mBAAuB;IAGzB;;;;;;;;;;;OAWG;IACH,mBANW,WAAW;;QAET,KAAK,CASjB;IAED;;;;;;;;;;;;;;OAcG;IACH,uBAVW,MAAM,cACN,mBAAmB,GACjB,KAAK,CAYjB;IAED;;;;;;;;;;;;;;;;;;OAkBG;IACH,wBAdW,WAAW,YACX,MAAM,GAAC,mBAAmB;;QAExB,OAAO,CAAC,WAAW,CAAC,CA+IhC;IAED;;;;;;;OAOG;IACH,+BAOC;IAED;;;;;;;;;OASG;IACH,uBAoBC;IAED;;;;;;;;;;OAUG;IACH,sBAUC;IAED;;;;;;;;;;;;OAYG;IACH,sBASC;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,yBAYC;CACF;;;;;;;UAlZ4C,CAAC;YAAO,MAAM,GAAE,GAAG;KAAC,GAAC,OAAO,CAAC;YAAO,MAAM,GAAE,GAAG;KAAC,CAAC,CAAC;;;;cAEjF,CAAS,IAAmB,EAAnB;YAAO,MAAM,GAAE,GAAG;KAAC,KAAG,MAAM,GAAC,OAAO,CAAC,MAAM,CAAC;;;;;;UAEtB,MAAM;;;;;;;;;;;;aAQrC,CAAS,IAAK,EAAL,KAAK,EAAE,IAAmB,EAAnB;YAAO,MAAM,GAAE,GAAG;KAAC,KAAG,IAAI;;;;UAE1C,MAAM;;;;;;eAMN,WAAW;;;;;;;;;;aAIX,MAAY,IAAI;;wBA7BN,uBAAuB;uBADxB,sBAAsB;yBAEpB,wBAAwB"}
+{"version":3,"file":"Eleva.d.ts","sourceRoot":"","sources":["../../src/core/Eleva.js"],"names":[],"mappings":"AAOA;;;;;;;;;;GAUG;AAEH;;;;;;GAMG;AAEH;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;OAOG;IACH,kBAJW,MAAM;;OA8BhB;IAzBC,0EAA0E;IAC1E,oBAAgB;IAChB,yFAAyF;IACzF;;MAAoB;IACpB,oFAAoF;IACpF,wBAA4B;IAC5B,+FAA+F;IAC/F,6BAAoB;IACpB,wFAAwF;IACxF,0BAA8B;IAE9B,gGAAgG;IAChG,oBAA4B;IAC5B,2FAA2F;IAC3F,iBAAyB;IACzB,gFAAgF;IAChF,wBAMC;IACD,oFAAoF;IACpF,mBAAuB;IAGzB;;;;;;;;;;;OAWG;IACH,mBANW,WAAW;;QAET,KAAK,CASjB;IAED;;;;;;;;;;;;;;OAcG;IACH,uBAVW,MAAM,cACN,mBAAmB,GACjB,KAAK,CAYjB;IAED;;;;;;;;;;;;;;;;;;OAkBG;IACH,wBAdW,WAAW,YACX,MAAM,GAAC,mBAAmB;;QAExB,OAAO,CAAC,WAAW,CAAC,CA6IhC;IAED;;;;;;;OAOG;IACH,+BAOC;IAED;;;;;;;;;OASG;IACH,uBAoBC;IAED;;;;;;;;;;OAUG;IACH,sBAeC;IAED;;;;;;;;;;;;OAYG;IACH,sBASC;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,yBAYC;CACF;;;;;;;UArZ4C,CAAC;YAAO,MAAM,GAAE,GAAG;KAAC,GAAC,OAAO,CAAC;YAAO,MAAM,GAAE,GAAG;KAAC,CAAC,CAAC;;;;cAEjF,CAAC,CAAS,IAAmB,EAAnB;YAAO,MAAM,GAAE,GAAG;KAAC,KAAG,MAAM,GAAC,OAAO,CAAC,MAAM,CAAC,GAAC,MAAM,CAAC;;;;;;UAE9B,MAAM;;;;;;;;;;;;aAQtC,CAAS,IAAK,EAAL,KAAK,EAAE,IAAmB,EAAnB;YAAO,MAAM,GAAE,GAAG;KAAC,KAAG,IAAI;;;;UAE1C,MAAM;;;;;;eAMN,WAAW;;;;;;;;;;aAIX,MAAY,IAAI;;wBA7BN,uBAAuB;uBADxB,sBAAsB;yBAEpB,wBAAwB"}

package/types/modules/Renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/modules/Renderer.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH;IAMI,+EAA+E;IAC/E,uBAAmD;IAGrD;;;;;;;;;;OAUG;IACH,2BALW,WAAW,WACX,MAAM,GACJ,IAAI,CAmBhB;IAED;;;;;;;;;OASG;IACH,cAmDC;IAED;;;;;;;;OAQG;IACH,0BAiDC;CACF"}
+{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/modules/Renderer.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH;IAMI,+EAA+E;IAC/E,uBAAmD;IAGrD;;;;;;;;;;OAUG;IACH,2BALW,WAAW,WACX,MAAM,GACJ,IAAI,CAmBhB;IAED;;;;;;;;;OASG;IACH,cAyDC;IAED;;;;;;;;OAQG;IACH,0BAgDC;CACF"}