fix hydration

README.md

@@ -10,7 +10,7 @@
 
 <a target="_blank" href="https://www.npmjs.com/package/mikado"><img src="https://img.shields.io/npm/v/mikado.svg"></a>
 <img src="https://img.shields.io/badge/build-passing-brightgreen">
-<img src="https://img.shields.io/badge/coverage-81%25-yellow">
+<img src="https://img.shields.io/badge/coverage-85%25-yellow">
 <a target="_blank" href="https://github.com/nextapps-de/mikado/issues"><img src="https://img.shields.io/github/issues/nextapps-de/mikado.svg"></a>
 <a target="_blank" href="https://github.com/nextapps-de/mikado/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/mikado.svg"></a>
 

dist/mikado.bundle.debug.js

@@ -1,5 +1,5 @@
 /**!
- * Mikado.js v0.8.201 (Bundle/Debug)
+ * Mikado.js v0.8.204 (Bundle/Debug)
  * Copyright 2019-2024 Nextapps GmbH
  * Author: Thomas Wilkerling
  * Licence: Apache-2.0
@@ -305,6 +305,7 @@ function E(a, b = {}) {
   this.root = b.root || b.mount || null;
   this.recycle = !!b.recycle;
   this.state = b.state || {};
+  this.shadow = b.shadow || null;
   this.key = a.key || "";
   this.o = {};
   c = a.fn;
@@ -328,6 +329,7 @@ function E(a, b = {}) {
 l = E.prototype;
 l.mount = function(a, b) {
   this.s && this.cancel();
+  "boolean" === typeof this.shadow && this.shadow && (this.shadow = a = a.attachShadow({mode:"open"}));
   const c = a._mki;
   var d = this.root !== a;
   if (c === this) {
@@ -367,11 +369,11 @@ l.mount = function(a, b) {
   }
   a._mki = this;
   this.root = a;
-  this.j || (b && this.length && (this.j = this.g[0].cloneNode(), K(this, this.tpl.tpl, [], "", this.j) && O(this)), this.tpl && (this.j = K(this, this.tpl.tpl, [], ""), O(this)));
+  this.j || (b && this.length && (this.j = this.g[0].cloneNode(!0), K(this, this.tpl.tpl, [], "", this.j) && O(this)), this.tpl && (this.j = K(this, this.tpl.tpl, [], ""), O(this)));
   return this;
 };
 function O(a) {
-  a.tpl.A && (a.tpl.fn.length && console.error("The template '" + a.name + "' might not have been initialized properly. There are " + a.tpl.fn.length + " template functions left which wasn't assigned. Please post an example to Mikado Github issues."), a.tpl.fn = a.tpl.A, a.tpl.A = null);
+  a.tpl.A && (a.tpl.fn = a.tpl.A, a.tpl.A = null);
   a.tpl = null;
 }
 l.render = function(a, b, c, d) {

dist/mikado.bundle.module.debug.js

@@ -1,5 +1,5 @@
 /**!
- * Mikado.js v0.8.201 (Bundle/Module/Debug)
+ * Mikado.js v0.8.204 (Bundle/Module/Debug)
  * Copyright 2019-2024 Nextapps GmbH
  * Author: Thomas Wilkerling
  * Licence: Apache-2.0
@@ -304,6 +304,7 @@ function E(a, b = {}) {
   this.root = b.root || b.mount || null;
   this.recycle = !!b.recycle;
   this.state = b.state || {};
+  this.shadow = b.shadow || null;
   this.key = a.key || "";
   this.o = {};
   c = a.fn;
@@ -327,6 +328,7 @@ function E(a, b = {}) {
 l = E.prototype;
 l.mount = function(a, b) {
   this.s && this.cancel();
+  "boolean" === typeof this.shadow && this.shadow && (this.shadow = a = a.attachShadow({mode:"open"}));
   const c = a._mki;
   var d = this.root !== a;
   if (c === this) {
@@ -366,11 +368,11 @@ l.mount = function(a, b) {
   }
   a._mki = this;
   this.root = a;
-  this.j || (b && this.length && (this.j = this.g[0].cloneNode(), K(this, this.tpl.tpl, [], "", this.j) && O(this)), this.tpl && (this.j = K(this, this.tpl.tpl, [], ""), O(this)));
+  this.j || (b && this.length && (this.j = this.g[0].cloneNode(!0), K(this, this.tpl.tpl, [], "", this.j) && O(this)), this.tpl && (this.j = K(this, this.tpl.tpl, [], ""), O(this)));
   return this;
 };
 function O(a) {
-  a.tpl.A && (a.tpl.fn.length && console.error("The template '" + a.name + "' might not have been initialized properly. There are " + a.tpl.fn.length + " template functions left which wasn't assigned. Please post an example to Mikado Github issues."), a.tpl.fn = a.tpl.A, a.tpl.A = null);
+  a.tpl.A && (a.tpl.fn = a.tpl.A, a.tpl.A = null);
   a.tpl = null;
 }
 l.render = function(a, b, c, d) {

dist/mikado.es5.debug.js

@@ -1,5 +1,5 @@
 /**!
- * Mikado.js v0.8.201 (ES5/Debug)
+ * Mikado.js v0.8.204 (ES5/Debug)
  * Copyright 2019-2024 Nextapps GmbH
  * Author: Thomas Wilkerling
  * Licence: Apache-2.0
@@ -834,6 +834,7 @@ function I(a, b) {
   this.root = b.root || b.mount || null;
   this.recycle = !!b.recycle;
   this.state = b.state || {};
+  this.shadow = b.shadow || null;
   this.key = a.key || "";
   this.A = {};
   c = a.fn;
@@ -857,6 +858,7 @@ function I(a, b) {
 n = I.prototype;
 n.mount = function(a, b) {
   this.B && this.cancel();
+  "boolean" === typeof this.shadow && this.shadow && (this.shadow = a = a.attachShadow({mode:"open"}));
   var c = a._mki, d = this.root !== a;
   if (c === this) {
     if (!d) {
@@ -893,11 +895,11 @@ n.mount = function(a, b) {
   }
   a._mki = this;
   this.root = a;
-  this.l || (b && this.length && (this.l = this.g[0].cloneNode(), O(this, this.tpl.tpl, [], "", this.l) && ra(this)), this.tpl && (this.l = O(this, this.tpl.tpl, [], ""), ra(this)));
+  this.l || (b && this.length && (this.l = this.g[0].cloneNode(!0), O(this, this.tpl.tpl, [], "", this.l) && ra(this)), this.tpl && (this.l = O(this, this.tpl.tpl, [], ""), ra(this)));
   return this;
 };
 function ra(a) {
-  a.tpl.H && (a.tpl.fn.length && console.error("The template '" + a.name + "' might not have been initialized properly. There are " + a.tpl.fn.length + " template functions left which wasn't assigned. Please post an example to Mikado Github issues."), a.tpl.fn = a.tpl.H, a.tpl.H = null);
+  a.tpl.H && (a.tpl.fn = a.tpl.H, a.tpl.H = null);
   a.tpl = null;
 }
 n.render = function(a, b, c, d) {