native-document 1.0.75 → 1.0.76

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

@@ -1363,14 +1363,30 @@ var NativeComponents = (function (exports) {
                 value.handleNdAttribute(element, attributeName, value);
                 continue;
             }
+            if(Validator.isString(value)) {
+                element.setAttribute(attributeName, value);
+                return;
+            }
+            if(attributeName === 'class' && Validator.isObject(value)) {
+                bindClassAttribute(element, value);
+                continue;
+            }
+            if(attributeName === 'style' && Validator.isObject(value)) {
+                bindStyleAttribute(element, value);
+                continue;
+            }
             if(BOOLEAN_ATTRIBUTES.includes(attributeName)) {
                 bindBooleanAttribute(element, attributeName, value);
-                return;
+                continue;
             }
             if(Validator.isObservable(value)) {
                 bindAttributeWithObservable(element, attributeName, value);
                 continue;
             }
+            if(value.$hydrate) {
+                value.$hydrate(element, attributeName);
+                continue;
+            }
 
             element.setAttribute(attributeName, value);
 
@@ -1430,34 +1446,8 @@ var NativeComponents = (function (exports) {
         return ElementCreator.createHydratableNode(null, this);
     };
 
-    Object.prototype.handleNdAttribute = function(element, attributeName) {
-        if(attributeName === 'class') {
-            bindClassAttribute(element, this);
-            return;
-        }
-        if(attributeName === 'style') {
-            bindStyleAttribute(element, this);
-
-        }
-    };
-
     String.prototype.handleNdAttribute = function(element, attributeName) {
-        let value = this.resolveObservableTemplate ? this.resolveObservableTemplate() : this;
-        if(Validator.isString(value)) {
-            element.setAttribute(attributeName, value);
-            return;
-        }
-        const observables = value.filter(item => Validator.isObservable(item));
-        value = Observable.computed(() => {
-            return value.map(item => Validator.isObservable(item) ? item.val() : item).join(' ') || ' ';
-        }, observables);
-
-        if(BOOLEAN_ATTRIBUTES.includes(attributeName)) {
-            bindBooleanAttribute(element, attributeName, value);
-            return;
-        }
-
-        bindAttributeWithObservable(element, attributeName, value);
+        element.setAttribute(attributeName, this);
     };
 
     ObservableItem.prototype.handleNdAttribute = function(element, attributeName) {
@@ -5284,9 +5274,9 @@ var NativeComponents = (function (exports) {
             ...configs
         });
 
-        this.$currentPage = null;
-        this.$selectedRows = [];
-        this.$expandedRows = [];
+        this.$currentPage = Observable(1);
+        this.$selectedRows = Observable.array();
+        this.$expandedRows = Observable.array();
     }
 
     DataTable.defaultToolbarTemplate = null;
@@ -5305,9 +5295,6 @@ var NativeComponents = (function (exports) {
 
     DataTable.prototype.paginate = function(size) {
         this.$description.pageSize = size;
-        if(size > 0) {
-            this.$currentPage = Observable(1);
-        }
         return this;
     };
 
@@ -5377,7 +5364,7 @@ var NativeComponents = (function (exports) {
         return this;
     };
 
-    DataTable.prototype.goToFistPage = function(page) {
+    DataTable.prototype.goToFirstPage = function(page) {
         // TODO: implement this action
         return this;
     };

package/dist/native-document.dev.js

@@ -1423,14 +1423,30 @@ var NativeDocument = (function (exports) {
                 value.handleNdAttribute(element, attributeName, value);
                 continue;
             }
+            if(Validator.isString(value)) {
+                element.setAttribute(attributeName, value);
+                return;
+            }
+            if(attributeName === 'class' && Validator.isObject(value)) {
+                bindClassAttribute(element, value);
+                continue;
+            }
+            if(attributeName === 'style' && Validator.isObject(value)) {
+                bindStyleAttribute(element, value);
+                continue;
+            }
             if(BOOLEAN_ATTRIBUTES.includes(attributeName)) {
                 bindBooleanAttribute(element, attributeName, value);
-                return;
+                continue;
             }
             if(Validator.isObservable(value)) {
                 bindAttributeWithObservable(element, attributeName, value);
                 continue;
             }
+            if(value.$hydrate) {
+                value.$hydrate(element, attributeName);
+                continue;
+            }
 
             element.setAttribute(attributeName, value);
 
@@ -1490,34 +1506,8 @@ var NativeDocument = (function (exports) {
         return ElementCreator.createHydratableNode(null, this);
     };
 
-    Object.prototype.handleNdAttribute = function(element, attributeName) {
-        if(attributeName === 'class') {
-            bindClassAttribute(element, this);
-            return;
-        }
-        if(attributeName === 'style') {
-            bindStyleAttribute(element, this);
-
-        }
-    };
-
     String.prototype.handleNdAttribute = function(element, attributeName) {
-        let value = this.resolveObservableTemplate ? this.resolveObservableTemplate() : this;
-        if(Validator.isString(value)) {
-            element.setAttribute(attributeName, value);
-            return;
-        }
-        const observables = value.filter(item => Validator.isObservable(item));
-        value = Observable.computed(() => {
-            return value.map(item => Validator.isObservable(item) ? item.val() : item).join(' ') || ' ';
-        }, observables);
-
-        if(BOOLEAN_ATTRIBUTES.includes(attributeName)) {
-            bindBooleanAttribute(element, attributeName, value);
-            return;
-        }
-
-        bindAttributeWithObservable(element, attributeName, value);
+        element.setAttribute(attributeName, this);
     };
 
     ObservableItem.prototype.handleNdAttribute = function(element, attributeName) {