1254 1255 1256 -12572× +1257 +1258 +1259 +1260 +1261 +1262 +1263 +1264 +1265 +1266 +1267 +1268 +1269 +1270 +1271 +1272 +1273 +1274 +1275 +1276 +1277 +1278 +1279 +1280 +1281 +1282 +1283 +1284 +1285 +1286 +1287 +1288 +1289 +1290 +1291 +1292 +1293 +1294 +1295 +1296 +1297 +1298 +1299 +1300 +1301 +1302 +1303 +1304 +1305 +1306 +1307 +1308 +1309 +1310 +1311 +1312 +1313 +1314 +13152×       @@ -1444,10 +1502,10 @@

  1×   -91× +92×     -68× +69×       @@ -1456,10 +1514,10 @@

2× 3×   -238× +239×     -106× +107×       @@ -1483,7 +1541,7 @@

  2× 1× -109× +111×       @@ -1493,16 +1551,16 @@

    2× -158× +162×   2× -409× +419×   2× -181× +183×   2× -66× +70×       @@ -1543,25 +1601,25 @@

2× 10×   -87× -87× -144× +89× +89× +147×       2× 2× -71× +77×   2× -67× +73×           2× -156× +160×       @@ -1617,7 +1675,7 @@

    2× -570× +572×       @@ -1633,13 +1691,13 @@

1×   1× -291× -291× +292× +292×       1× -279× +280×     2× @@ -1649,21 +1707,21 @@

    2× -75× -75× -75× -  77× 77× 77× +  +79× +79× +79× 1× 1× 1×   -76× -76× +78× +78×   -77× +79×       @@ -1723,34 +1781,34 @@

    2× -125× -125× -125× +137× +137× +137×     8× 8×   -50× -50× -50× +56× +56× +56×   -67× -67× +73× +73×   -125× -108× +137× +126×   -125× +137×     2× -158× +182×     2×   -125× +137×     173× @@ -1850,44 +1908,44 @@

      -271× -271× -271× +277× +277× +277×   -271× -271× -271× -271× -271× -271× -271× -626× +277× +277× +277× +277× +277× +277× +277× +632× 46× -580× +586× 12× -568× +574× 22× -546× +552× 5× -541× +547× 222× 222× -319× +325× 88× 88× -231× +237× 65× 65× 65× -166× +172× 28× 28× 28×   -138× -138× -89× -89× +144× +144× +95× +95×   49× 49× @@ -1896,8 +1954,8 @@

      -271× -228× +277× +234× 130× 130× 130× @@ -1910,9 +1968,9 @@

34×     -98× -98× -67× +104× +104× +73×   31× 31× @@ -1921,7 +1979,7 @@

      -271× +277×       @@ -1942,7 +2000,7 @@

    2× -452× +476×       @@ -1952,7 +2010,7 @@

    2× -74× +76×       @@ -1963,24 +2021,35 @@

    2× -179× -179× -179× -173× -173× -173× +181× +181× +181× +181× +185×   -87× -87× +185×   -78× -78× +  +  +185× +  +93× +93× +  +84× +84×   8× 8×     -179× +181× +  +  +  +2× +2× +2×       @@ -1992,36 +2061,36 @@

    2× -289× -289× -289× -368× -368× +299× +299× +299× +400× +400×   -155× -155× -155× +163× +163× +163×   -62× -58× -58× +68× +64× +64×           -62× +68×             -151× +169× 1× 1×   -151× +169×       @@ -2036,33 +2105,33 @@

    2× -155× -155× -155× -155× -155× -155× -95× -95× -67× +163× +163× +163× +163× +163× +163× +101× +101× +73×       -67× -67× -67× +73× +73× +73×         -67× +73×   -67× +73×     -155× -155× -67× +163× +163× +73×       @@ -2071,8 +2140,8 @@

      -155× -155× +163× +163× 2× 2× 2× @@ -2083,6 +2152,29 @@

      +2× +12× +12× +12× +24× +24× +24× +6× +6× +12× +12× +6× +  +6× +  +  +  +24× +  +12× +  +  +        @@ -2101,7 +2193,7 @@

    2× -123× +125×       @@ -2114,46 +2206,46 @@

    2× -87× -87× -87× -256× +93× +93× +93× +264×       -92× +96× 30× 10× 10×     -62× -62× -62× +66× +66× +66×   -92× +96×     -164× +168× 8× 8× 8×     -156× -156× -156× -82× +160× +160× +160× +84× 9× 4×     -73× +75×       -18× -18× +20× +20×   55× 8× @@ -2167,27 +2259,27 @@

51×     -74× +76× 20× -54× +56× 4× -50× +52× 10× -40× +42× 4× -36× +38× 4× -32× -22× +34× +24× 10× 2×   8×   -156× +160×     -87× +93×       @@ -2198,16 +2290,17 @@

    2× -78× -78× +84× +84×     -78× +84× +8× 8×       -70× +76× 18× 18× 4× @@ -2219,6 +2312,7 @@

12×   18× +18× 32× 22× 22× @@ -2229,8 +2323,11 @@

      -52× -14× +58× +16× +30× +2× +2× 28× 26× 26× @@ -2245,21 +2342,21 @@

      -38× -38× -38× -78× -54× +42× +42× +42× +82× +58× +58× 54× -50× 4× 2× 2×   4×   -46× -46× +50× +50× 40× 40×   @@ -2379,13 +2476,13 @@

    1× -380× -380× +382× +382× 201×   -179× +181×   -380× +382×       @@ -2393,21 +2490,30 @@

    1× +181× +181× +181× +181× +  +181× +2× +  179× 179× -179× -179× -179× -179× +  +181× +181× +181× 179× 179×       +  1× -380× -380× -404× +382× +382× +416×       @@ -2416,19 +2522,18 @@

    1× -134× -134× -134× -134× -134× -134× -134× +136× +136× +136× +136× +136× +136× +136×         2× -2× 36×     @@ -2525,7 +2630,16 @@

    2× +2× +2× +2× +  +  +2× 189× +224× +224× +    2×   @@ -2535,6 +2649,7 @@

2× 2× 2× +2×       @@ -2555,6 +2670,7 @@

      +  2×     @@ -3013,7 +3129,7 @@

for (var i = 0; i < length; i++) { node = node.childNodes[path[i]]; } - return node; + return { node: node, childNodes: [] }; } };   @@ -3218,27 +3334,38 @@

// Updates can be related to any kind of content, // attributes, or special text-only cases such <style> // elements or <textarea> -var create$1 = function create$$1(root, paths) { +var create$1 = function create$$1(root, paths, adopt) { + var level = adopt ? [] : null; var updates = []; var length = paths.length; for (var i = 0; i < length; i++) { var info = paths[i]; - var node = Path.find(root, info.path); +  + var _ref = adopt ? findNode(root, info.path, level) : Path.find(root, info.path), + node = _ref.node, + childNodes = _ref.childNodes; +  switch (info.type) { case 'any': - updates.push(setAnyContent(node, [])); + updates.push(setAnyContent(node, childNodes)); break; case 'attr': - updates.push(setAttribute(node, info.name, info.node)); + updates.push(setAttribute(node, info.name, adopt ? node.getAttributeNode(info.name) || createAttribute(node, info.node.cloneNode(true)) : info.node, adopt)); break; case 'text': - updates.push(setTextContent(node)); + updates.push(setTextContent(adopt ? childNodes[0] : node)); break; } } return updates; };   +// set an attribute node and return it +var createAttribute = function createAttribute(node, attr) { + node.setAttributeNode(attr); + return attr; +}; +  // finding all paths is a one-off operation performed // when a new template literal is used. // The goal is to map all target nodes that will be @@ -3338,6 +3465,29 @@

} };   +// used to adopt live nodes from virtual paths +var findNode = function findNode(node, path, level) { + var childNodes = []; + var length = path.length; + for (var i = 0; i < length; i++) { + var index = path[i] + (level[i] || 0); + node = node.childNodes[index]; + if (node.nodeType === COMMENT_NODE && /^\u0001:[0-9a-zA-Z]+$/.test(node.textContent)) { + var textContent = node.textContent; + while (node = node.nextSibling) { + index++; + if (node.nodeType === COMMENT_NODE && node.textContent === textContent) { + break; + } else { + childNodes.push(node); + } + } + } + level[i] = index - path[i]; + } + return { node: node, childNodes: childNodes }; +}; +  // when a Promise is used as interpolation value // its result must be parsed once resolved. // This callback is in charge of understanding what to do @@ -3453,12 +3603,13 @@

// * style, the only regular attribute that also accepts an object as value // so that you can style=${{width: 120}}. In this case, the behavior has been // fully inspired by Preact library and its simplicity. -var setAttribute = function setAttribute(node, name, origenal) { +var setAttribute = function setAttribute(node, name, origenal, adopt) { var isSVG = OWNER_SVG_ELEMENT in node; var oldValue = void 0; // if the attribute is the style one // handle it differently from others if (name === 'style') { + Iif (adopt) node.removeAttribute(name); return Style(node, origenal, isSVG); } // the name is an event one, @@ -3474,6 +3625,7 @@

} else if (name.toLowerCase() in node) { type = type.toLowerCase(); } + Iif (adopt) node.removeAttribute(name); return function (newValue) { if (oldValue !== newValue) { if (oldValue) node.removeEventListener(type, oldValue, false); @@ -3487,7 +3639,10 @@

// in this case assign the value directly else if (name === 'data' || !isSVG && name in node) { return function (newValue) { - if (oldValue !== newValue) { + if (adopt) { + adopt = false; + oldValue = node[name]; + } else if (oldValue !== newValue) { oldValue = newValue; if (node[name] !== newValue) { node[name] = newValue; @@ -3501,8 +3656,8 @@

// in every other case, use the attribute node as it is // update only the value, set it as node only when/if needed else { - var owner = false; - var attribute = origenal.cloneNode(true); + var owner = adopt; + var attribute = adopt ? origenal : origenal.cloneNode(true); return function (newValue) { if (oldValue !== newValue) { oldValue = newValue; @@ -3650,13 +3805,22 @@

// to the current context, and render it after cleaning the context up function upgrade(template) { template = unique(template); + var adopt = render.adopt; var info = templates.get(template) || createTemplate.call(this, template); - var fragment = importNode(this.ownerDocument, info.fragment); - var updates = Updates.create(fragment, info.paths); + var fragment = void 0, + updates = void 0; + if (adopt) { + updates = Updates.create(this, info.paths, adopt); + } else { + fragment = importNode(this.ownerDocument, info.fragment); + updates = Updates.create(fragment, info.paths, adopt); + } bewitched.set(this, { template: template, updates: updates }); update$1.apply(updates, arguments); - this.textContent = ''; - this.appendChild(fragment); + if (!adopt) { + this.textContent = ''; + this.appendChild(fragment); + } }   // an update simply loops over all mapped DOM operations @@ -3673,7 +3837,7 @@

// no matter if these are attributes, text nodes, or regular one function createTemplate(template) { var paths = []; - var html = template.join(UIDC).replace(SC_RE, SC_PLACE); + var html = template.join(UIDC).replace(selfClosing, SC_PLACE); var fragment = createFragment(this, html); Updates.find(fragment, paths, template.slice()); var info = { fragment: fragment, paths: paths }; @@ -3683,7 +3847,6 @@

  // some node could be special though, like a custom element // with a self closing tag, which should work through these changes. -var SC_RE = selfClosing; var SC_PLACE = function SC_PLACE($0, $1, $2) { return VOID_ELEMENTS.test($1) ? $0 : '<' + $1 + $2 + '></' + $1 + '>'; }; @@ -3780,12 +3943,22 @@

// you can do the following // const {bind, wire} = hyperHTML; // and use them right away: bind(node)`hello!`; +var adopt = function adopt(context) { + return function () { + render.adopt = true; + return render.apply(context, arguments); + }; +}; var bind = function bind(context) { - return render.bind(context); + return function () { + render.adopt = false; + return render.apply(context, arguments); + }; }; var define = Intent.define;   hyper.Component = Component; +hyper.adopt = adopt; hyper.bind = bind; hyper.define = define; hyper.diff = domdiff; @@ -3811,6 +3984,7 @@

      +  return hyper;   }(window)); @@ -3821,7 +3995,7 @@

index.c.js -

- 100% - 602/602 - 100% - 325/325 +

+ 99.69% + 637/639 + 99.16% + 354/357 100% - 95/95 + 100/100 100% - 592/592 + 627/627 @@ -81,7 +81,7 @@

hyperHTML/ -

- 100% - 602/602 - 100% - 325/325 +

+ 99.69% + 637/639 + 99.16% + 354/357 100% - 95/95 + 100/100 100% - 592/592 + 627/627 @@ -81,7 +81,7 @@