native-document 1.0.78 → 1.0.80

package/dist/native-document.components.min.js

@@ -1552,8 +1552,18 @@ var NativeComponents = (function (exports) {
     function bindClassAttribute(element, data) {
         for(let className in data) {
             const value = data[className];
-            if(value?.bindNdClass) {
-                value.bindNdClass(element, className);
+            if(Validator.isObservable(value)) {
+                element.classes.toggle(className, value.val());
+                value.subscribe(toggleElementClass.bind(null, element, className));
+                continue;
+            }
+            if(Validator.isObservableWhenResult(value)) {
+                element.classes.toggle(className, value.isMath());
+                value.subscribe(toggleElementClass.bind(null, element, className));
+                continue;
+            }
+            if(value.$hydrate) {
+                value.$hydrate(element, className);
                 continue;
             }
             element.classes.toggle(className, value);
@@ -1623,12 +1633,6 @@ var NativeComponents = (function (exports) {
         }
     }
 
-    const NdBindings = {
-        class: (element, value) => bindClassAttribute(element, value),
-        style: (element, value) => bindStyleAttribute(element, value),
-    };
-
-
     /**
      *
      * @param {HTMLElement} element
@@ -1642,7 +1646,7 @@ var NativeComponents = (function (exports) {
 
         for(let key in attributes) {
             const attributeName = key.toLowerCase();
-            let value = attributes[key];
+            let value = attributes[attributeName];
             if(value == null) {
                 continue;
             }
@@ -1650,10 +1654,13 @@ var NativeComponents = (function (exports) {
                 value.handleNdAttribute(element, attributeName, value);
                 continue;
             }
-            if(typeof value === 'object') {
-                const binding = NdBindings[attributeName];
-                if(binding) {
-                    binding(element, value);
+            if(typeof value ===  'object') {
+                if(attributeName === 'class') {
+                    bindClassAttribute(element, value);
+                    continue;
+                }
+                if(attributeName === 'style') {
+                    bindStyleAttribute(element, value);
                     continue;
                 }
             }
@@ -1723,14 +1730,6 @@ var NativeComponents = (function (exports) {
         element.setAttribute(attributeName, this);
     };
 
-    Number.prototype.handleNdAttribute = function(element, attributeName) {
-        element.setAttribute(attributeName, this);
-    };
-
-    Boolean.prototype.handleNdAttribute = function(element, attrName) {
-        bindBooleanAttribute(element, attrName, this);
-    };
-
     ObservableItem.prototype.handleNdAttribute = function(element, attributeName) {
         if(BOOLEAN_ATTRIBUTES.has(attributeName)) {
             bindBooleanAttribute(element, attributeName, this);
@@ -1822,14 +1821,19 @@ var NativeComponents = (function (exports) {
             PluginsManager.emit('AfterProcessChildren', parent);
         },
         getChild(child) {
-            while (child?.toNdElement) {
-                child = child.toNdElement();
-
-                if (Validator.isElement(child)) return child;
-                if (!child) return null;
+            if(child == null) {
+                return null;
+            }
+            if(child.toNdElement) {
+                do {
+                    child =  child.toNdElement();
+                    if(Validator.isElement(child)) {
+                        return child;
+                    }
+                } while (child.toNdElement);
             }
 
-            return child ? ElementCreator.createStaticTextNode(null, child) : null;
+            return ElementCreator.createStaticTextNode(null, child);
         },
         /**
          *
@@ -2168,7 +2172,7 @@ var NativeComponents = (function (exports) {
         return createHtmlElement.bind(null, name.toLowerCase(), customWrapper);
     }
 
-    w;
+    DocumentFragment.prototype.__IS_FRAGMENT = true;
 
     Function.prototype.args = function(...args) {
         return withValidation(this);

package/dist/native-document.dev.js

@@ -1368,8 +1368,18 @@ var NativeDocument = (function (exports) {
     function bindClassAttribute(element, data) {
         for(let className in data) {
             const value = data[className];
-            if(value?.bindNdClass) {
-                value.bindNdClass(element, className);
+            if(Validator.isObservable(value)) {
+                element.classes.toggle(className, value.val());
+                value.subscribe(toggleElementClass.bind(null, element, className));
+                continue;
+            }
+            if(Validator.isObservableWhenResult(value)) {
+                element.classes.toggle(className, value.isMath());
+                value.subscribe(toggleElementClass.bind(null, element, className));
+                continue;
+            }
+            if(value.$hydrate) {
+                value.$hydrate(element, className);
                 continue;
             }
             element.classes.toggle(className, value);
@@ -1439,12 +1449,6 @@ var NativeDocument = (function (exports) {
         }
     }
 
-    const NdBindings = {
-        class: (element, value) => bindClassAttribute(element, value),
-        style: (element, value) => bindStyleAttribute(element, value),
-    };
-
-
     /**
      *
      * @param {HTMLElement} element
@@ -1460,7 +1464,7 @@ var NativeDocument = (function (exports) {
 
         for(let key in attributes) {
             const attributeName = key.toLowerCase();
-            let value = attributes[key];
+            let value = attributes[attributeName];
             if(value == null) {
                 continue;
             }
@@ -1468,10 +1472,13 @@ var NativeDocument = (function (exports) {
                 value.handleNdAttribute(element, attributeName, value);
                 continue;
             }
-            if(typeof value === 'object') {
-                const binding = NdBindings[attributeName];
-                if(binding) {
-                    binding(element, value);
+            if(typeof value ===  'object') {
+                if(attributeName === 'class') {
+                    bindClassAttribute(element, value);
+                    continue;
+                }
+                if(attributeName === 'style') {
+                    bindStyleAttribute(element, value);
                     continue;
                 }
             }
@@ -1541,14 +1548,6 @@ var NativeDocument = (function (exports) {
         element.setAttribute(attributeName, this);
     };
 
-    Number.prototype.handleNdAttribute = function(element, attributeName) {
-        element.setAttribute(attributeName, this);
-    };
-
-    Boolean.prototype.handleNdAttribute = function(element, attrName) {
-        bindBooleanAttribute(element, attrName, this);
-    };
-
     ObservableItem.prototype.handleNdAttribute = function(element, attributeName) {
         if(BOOLEAN_ATTRIBUTES.has(attributeName)) {
             bindBooleanAttribute(element, attributeName, this);
@@ -1640,14 +1639,19 @@ var NativeDocument = (function (exports) {
             PluginsManager.emit('AfterProcessChildren', parent);
         },
         getChild(child) {
-            while (child?.toNdElement) {
-                child = child.toNdElement();
-
-                if (Validator.isElement(child)) return child;
-                if (!child) return null;
+            if(child == null) {
+                return null;
+            }
+            if(child.toNdElement) {
+                do {
+                    child =  child.toNdElement();
+                    if(Validator.isElement(child)) {
+                        return child;
+                    }
+                } while (child.toNdElement);
             }
 
-            return child ? ElementCreator.createStaticTextNode(null, child) : null;
+            return ElementCreator.createStaticTextNode(null, child);
         },
         /**
          *
@@ -2310,7 +2314,6 @@ var NativeDocument = (function (exports) {
             return wrapper([_, __, ...args]);
         };
     }
-    w;
 
     function SingletonView($viewCreator) {
         let $cacheNode = null;
@@ -2358,6 +2361,8 @@ var NativeDocument = (function (exports) {
         };
     }
 
+    DocumentFragment.prototype.__IS_FRAGMENT = true;
+
     Function.prototype.args = function(...args) {
         return exports.withValidation(this, args);
     };