@fruit-ui/core 1.2.8 → 1.2.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fruit-ui/core",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "description": "A vanilla JS toolkit for reactive UI",
   "main": "src/index.js",
   "homepage": "https://asantagata.github.io/fruit-ui/",

package/src/index.js

@@ -113,10 +113,13 @@ function enqueueToRerender(componentId) {
  */
 function createThis(component) {
     return {
+        rerender() {},
+        producer() {},
+        element: null,
         state: {},
         setState: {},
         bindings: {},
-        memo: deepClone(component.memo)
+        memo: typeof component.memo === 'object' ? deepClone(component.memo) : component.memo
     };
 }
 
@@ -178,7 +181,7 @@ function createElementFromTemplate(template, onMounts, producer = null) {
     }
     if (template.style) {
         for (const k in template.style) {
-            element.style[k] = template.style[k];
+            element.style.setProperty(k, template.style[k]);
         }
     }
     if (template.on) {
@@ -288,7 +291,7 @@ function createElementFromElementable(elementable, onMounts) {
 function createElementFromComponent(component, onMounts) {
     const boundProducer = bindTemplateProducer(component.render, component);
     thisRecord[boundProducer.componentId] = boundProducer.this;
-    boundProducer.this.state = component.state ? component.state() : {};
+    boundProducer.this.state = component.state ? component.state.call(boundProducer.this) : {};
     const template = boundProducer();
     return createElementFromTemplate.call(boundProducer.this, giveTemplateComponentMetadata(template, boundProducer.componentId, component.key, component.binding), onMounts, boundProducer);
 }
@@ -429,8 +432,8 @@ function rerenderElementFromTemplate(element, template, onMounts) {
         }
     }
     if (template.style) {
-        for (let key in template.style) {
-            element.style[key] = template.style[key];
+        for (const k in template.style) {
+            element.style.setProperty(k, template.style[k]);
         }
     }
     if (template.dataset) {