native-document 1.0.174 → 1.0.175

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.174",
+  "version": "1.0.175",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/core/data/ObservableItem.js

@@ -598,7 +598,12 @@ ObservableItem.prototype.persist = function(key, options = {}) {
     this.set(value);
     const saver = $saveToStorage(this.$currentValue);
     this.subscribe((newValue) => {
-        saver(key, options.set ? options.set(newValue) : newValue);
+        const finalValue = options.set ? options.set(newValue) : newValue;
+        if(finalValue == null) {
+            localStorage.removeItem(key);
+            return;
+        }
+        saver(key, finalValue);
     });
     return this;
 };

package/src/core/wrappers/AttributesWrapper.js

@@ -61,7 +61,7 @@ export const bindStyleAttribute = (element, data) => {
             if(isCustomProperty) {
                 element.style.setProperty(styleName, value.val());
                 value.subscribe((newValue) => {
-                    if(newValue === false) {
+                    if(newValue === false || newValue == null) {
                         element.style.removeProperty(styleName);
                         return;
                     }
@@ -70,7 +70,7 @@ export const bindStyleAttribute = (element, data) => {
             } else {
                 element.style[styleName] = value.val();
                 value.subscribe((newValue) => {
-                    if(newValue === false) {
+                    if(newValue === false || newValue == null) {
                         element.style.removeProperty(styleName);
                         return;
                     }
@@ -137,7 +137,13 @@ export const bindAttributeWithObservable = (element, attributeName, value) => {
         return;
     }
     element.setAttribute(attributeName, value.val());
-    value.subscribe((newValue) => element.setAttribute(attributeName, newValue));
+    value.subscribe((newValue) => {
+        if(newValue == null) {
+            element.removeAttribute(attributeName);
+            return;
+        }
+        element.setAttribute(attributeName, newValue);
+    });
 };
 
 /**

package/src/core/wrappers/ElementCreator.js

@@ -113,6 +113,7 @@ export const ElementCreator = {
         }
 
         child = child.toNdElement();
+        console.log(child)
         if (child && (child instanceof Node)) {
             return child;
         }

package/src/core/wrappers/HtmlElementWrapper.js

@@ -94,7 +94,7 @@ export default function  HtmlElementWrapper(name, customWrapper = null, isVoid =
             let node = null;
             let createElement = (attr, children) => {
                 node = document.createElement(name);
-                createElement = elementCreator.bind(null, node);
+                createElement = (attr, children) => elementCreator(node.cloneNode(), attr, children);
                 return elementCreator(node.cloneNode(), attr, children);
             };