From 67a4de98e95e1975a462afe9ab65885b42186219 Mon Sep 17 00:00:00 2001
From: Juha Lindstedt <juha@pakastin.fi>
Date: Sat, 3 Feb 2024 21:24:12 +0200
Subject: [PATCH] v4.0.0

---
 redom.es.js     | 73 ++++++++++++++++++++++++++----------------------
 redom.es.min.js |  2 +-
 redom.js        | 74 ++++++++++++++++++++++++++-----------------------
 redom.min.js    |  2 +-
 4 files changed, 82 insertions(+), 69 deletions(-)

diff --git a/redom.es.js b/redom.es.js
index 3e08fc5..7ddcfb5 100644
--- a/redom.es.js
+++ b/redom.es.js
@@ -106,6 +106,7 @@ function hooksAreEmpty (hooks) {
 
 /* global Node, ShadowRoot */
 
+
 var hookNames = ['onmount', 'onremount', 'onunmount'];
 var shadowRootAvailable = typeof window !== 'undefined' && 'ShadowRoot' in window;
 
@@ -134,7 +135,7 @@ function mount (parent, child, before, replace) {
       var beforeEl = getEl(before);
 
       if (beforeEl.__redom_mounted) {
-        trigger(before.el, 'onunmount');
+        trigger(beforeEl, 'onunmount');
       }
 
       parentEl.replaceChild(childEl, beforeEl);
@@ -261,6 +262,7 @@ function setStyleValue (el, key, value) {
 
 /* global SVGElement */
 
+
 var xlinkns = 'http://www.w3.org/1999/xlink';
 
 function setAttr (view, arg1, arg2) {
@@ -373,8 +375,6 @@ function isNode (arg) {
   return arg && arg.nodeType;
 }
 
-var htmlCache = {};
-
 function html (query) {
   var args = [], len = arguments.length - 1;
   while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];
@@ -384,9 +384,7 @@ function html (query) {
   var type = typeof query;
 
   if (type === 'string') {
-    element = memoizeHTML(query).cloneNode(false);
-  } else if (isNode(query)) {
-    element = query.cloneNode(false);
+    element = createElement(query);
   } else if (type === 'function') {
     var Query = query;
     element = new (Function.prototype.bind.apply( Query, [ null ].concat( args) ));
@@ -402,19 +400,13 @@ function html (query) {
 var el = html;
 var h = html;
 
-html.extend = function extendHtml (query) {
-  var args = [], len = arguments.length - 1;
-  while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];
+html.extend = function extendHtml () {
+  var args = [], len = arguments.length;
+  while ( len-- ) args[ len ] = arguments[ len ];
 
-  var clone = memoizeHTML(query);
-
-  return html.bind.apply(html, [ this, clone ].concat( args ));
+  return html.bind.apply(html, [ this ].concat( args ));
 };
 
-function memoizeHTML (query) {
-  return htmlCache[query] || (htmlCache[query] = createElement(query));
-}
-
 function setChildren (parent) {
   var children = [], len = arguments.length - 1;
   while ( len-- > 0 ) children[ len ] = arguments[ len + 1 ];
@@ -600,6 +592,7 @@ list.extend = List.extend;
 
 /* global Node */
 
+
 function place (View, initData) {
   return new Place(View, initData);
 }
@@ -669,20 +662,22 @@ Place.prototype.update = function update (visible, data) {
 
 /* global Node */
 
-function router (parent, Views, initData) {
-  return new Router(parent, Views, initData);
+
+function router (parent, views, initData) {
+  return new Router(parent, views, initData);
 }
 
-var Router = function Router (parent, Views, initData) {
+var Router = function Router (parent, views, initData) {
   this.el = ensureEl(parent);
-  this.Views = Views;
+  this.views = views;
+  this.Views = views; // backwards compatibility
   this.initData = initData;
 };
 
 Router.prototype.update = function update (route, data) {
   if (route !== this.route) {
-    var Views = this.Views;
-    var View = Views[route];
+    var views = this.views;
+    var View = views[route];
 
     this.route = route;
 
@@ -699,8 +694,6 @@ Router.prototype.update = function update (route, data) {
 
 var ns = 'http://www.w3.org/2000/svg';
 
-var svgCache = {};
-
 function svg (query) {
   var args = [], len = arguments.length - 1;
   while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];
@@ -710,9 +703,7 @@ function svg (query) {
   var type = typeof query;
 
   if (type === 'string') {
-    element = memoizeSVG(query).cloneNode(false);
-  } else if (isNode(query)) {
-    element = query.cloneNode(false);
+    element = createElement(query, ns);
   } else if (type === 'function') {
     var Query = query;
     element = new (Function.prototype.bind.apply( Query, [ null ].concat( args) ));
@@ -727,16 +718,32 @@ function svg (query) {
 
 var s = svg;
 
-svg.extend = function extendSvg (query) {
-  var clone = memoizeSVG(query);
+svg.extend = function extendSvg () {
+  var args = [], len = arguments.length;
+  while ( len-- ) args[ len ] = arguments[ len ];
 
-  return svg.bind(this, clone);
+  return svg.bind.apply(svg, [ this ].concat( args ));
 };
 
 svg.ns = ns;
 
-function memoizeSVG (query) {
-  return svgCache[query] || (svgCache[query] = createElement(query, ns));
+function viewFactory (views, key) {
+  if (!views || typeof views !== 'object') {
+    throw new Error('views must be an object');
+  }
+  if (!key || typeof key !== 'string') {
+    throw new Error('key must be a string');
+  }
+  return function (initData, item, i, data) {
+    var viewKey = item[key];
+    var View = views[viewKey];
+
+    if (View) {
+      return new View(initData, item, i, data);
+    } else {
+      throw new Error(("view " + viewKey + " not found"));
+    }
+  };
 }
 
-export { List, ListPool, Place, Router, el, h, html, list, listPool, mount, place, router, s, setAttr, setChildren, setData, setStyle, setXlink, svg, text, unmount };
+export { List, ListPool, Place, Router, el, h, html, list, listPool, mount, place, router, s, setAttr, setChildren, setData, setStyle, setXlink, svg, text, unmount, viewFactory };
diff --git a/redom.es.min.js b/redom.es.min.js
index 89f7ce9..44759b3 100644
--- a/redom.es.min.js
+++ b/redom.es.min.js
@@ -1 +1 @@
-function createElement(query,ns){var ref=parse(query);var tag=ref.tag;var id=ref.id;var className=ref.className;var element=ns?document.createElementNS(ns,tag):document.createElement(tag);if(id){element.id=id}if(className){if(ns){element.setAttribute("class",className)}else{element.className=className}}return element}function parse(query){var chunks=query.split(/([.#])/);var className="";var id="";for(var i=1;i<chunks.length;i+=2){switch(chunks[i]){case".":className+=" "+chunks[i+1];break;case"#":id=chunks[i+1]}}return{className:className.trim(),tag:chunks[0]||"div",id:id}}function unmount(parent,child){var parentEl=getEl(parent);var childEl=getEl(child);if(child===childEl&&childEl.__redom_view){child=childEl.__redom_view}if(childEl.parentNode){doUnmount(child,childEl,parentEl);parentEl.removeChild(childEl)}return child}function doUnmount(child,childEl,parentEl){var hooks=childEl.__redom_lifecycle;if(hooksAreEmpty(hooks)){childEl.__redom_lifecycle={};return}var traverse=parentEl;if(childEl.__redom_mounted){trigger(childEl,"onunmount")}while(traverse){var parentHooks=traverse.__redom_lifecycle||{};for(var hook in hooks){if(parentHooks[hook]){parentHooks[hook]-=hooks[hook]}}if(hooksAreEmpty(parentHooks)){traverse.__redom_lifecycle=null}traverse=traverse.parentNode}}function hooksAreEmpty(hooks){if(hooks==null){return true}for(var key in hooks){if(hooks[key]){return false}}return true}var hookNames=["onmount","onremount","onunmount"];var shadowRootAvailable=typeof window!=="undefined"&&"ShadowRoot"in window;function mount(parent,child,before,replace){var parentEl=getEl(parent);var childEl=getEl(child);if(child===childEl&&childEl.__redom_view){child=childEl.__redom_view}if(child!==childEl){childEl.__redom_view=child}var wasMounted=childEl.__redom_mounted;var oldParent=childEl.parentNode;if(wasMounted&&oldParent!==parentEl){doUnmount(child,childEl,oldParent)}if(before!=null){if(replace){var beforeEl=getEl(before);if(beforeEl.__redom_mounted){trigger(before.el,"onunmount")}parentEl.replaceChild(childEl,beforeEl)}else{parentEl.insertBefore(childEl,getEl(before))}}else{parentEl.appendChild(childEl)}doMount(child,childEl,parentEl,oldParent);return child}function trigger(el,eventName){if(eventName==="onmount"||eventName==="onremount"){el.__redom_mounted=true}else if(eventName==="onunmount"){el.__redom_mounted=false}var hooks=el.__redom_lifecycle;if(!hooks){return}var view=el.__redom_view;var hookCount=0;view&&view[eventName]&&view[eventName]();for(var hook in hooks){if(hook){hookCount++}}if(hookCount){var traverse=el.firstChild;while(traverse){var next=traverse.nextSibling;trigger(traverse,eventName);traverse=next}}}function doMount(child,childEl,parentEl,oldParent){var hooks=childEl.__redom_lifecycle||(childEl.__redom_lifecycle={});var remount=parentEl===oldParent;var hooksFound=false;for(var i=0,list=hookNames;i<list.length;i+=1){var hookName=list[i];if(!remount){if(child!==childEl){if(hookName in child){hooks[hookName]=(hooks[hookName]||0)+1}}}if(hooks[hookName]){hooksFound=true}}if(!hooksFound){childEl.__redom_lifecycle={};return}var traverse=parentEl;var triggered=false;if(remount||traverse&&traverse.__redom_mounted){trigger(childEl,remount?"onremount":"onmount");triggered=true}while(traverse){var parent=traverse.parentNode;var parentHooks=traverse.__redom_lifecycle||(traverse.__redom_lifecycle={});for(var hook in hooks){parentHooks[hook]=(parentHooks[hook]||0)+hooks[hook]}if(triggered){break}else{if(traverse.nodeType===Node.DOCUMENT_NODE||shadowRootAvailable&&traverse instanceof ShadowRoot||parent&&parent.__redom_mounted){trigger(traverse,remount?"onremount":"onmount");triggered=true}traverse=parent}}}function setStyle(view,arg1,arg2){var el=getEl(view);if(typeof arg1==="object"){for(var key in arg1){setStyleValue(el,key,arg1[key])}}else{setStyleValue(el,arg1,arg2)}}function setStyleValue(el,key,value){el.style[key]=value==null?"":value}var xlinkns="http://www.w3.org/1999/xlink";function setAttr(view,arg1,arg2){setAttrInternal(view,arg1,arg2)}function setAttrInternal(view,arg1,arg2,initial){var el=getEl(view);var isObj=typeof arg1==="object";if(isObj){for(var key in arg1){setAttrInternal(el,key,arg1[key],initial)}}else{var isSVG=el instanceof SVGElement;var isFunc=typeof arg2==="function";if(arg1==="style"&&typeof arg2==="object"){setStyle(el,arg2)}else if(isSVG&&isFunc){el[arg1]=arg2}else if(arg1==="dataset"){setData(el,arg2)}else if(!isSVG&&(arg1 in el||isFunc)&&arg1!=="list"){el[arg1]=arg2}else{if(isSVG&&arg1==="xlink"){setXlink(el,arg2);return}if(initial&&arg1==="class"){arg2=el.className+" "+arg2}if(arg2==null){el.removeAttribute(arg1)}else{el.setAttribute(arg1,arg2)}}}}function setXlink(el,arg1,arg2){if(typeof arg1==="object"){for(var key in arg1){setXlink(el,key,arg1[key])}}else{if(arg2!=null){el.setAttributeNS(xlinkns,arg1,arg2)}else{el.removeAttributeNS(xlinkns,arg1,arg2)}}}function setData(el,arg1,arg2){if(typeof arg1==="object"){for(var key in arg1){setData(el,key,arg1[key])}}else{if(arg2!=null){el.dataset[arg1]=arg2}else{delete el.dataset[arg1]}}}function text(str){return document.createTextNode(str!=null?str:"")}function parseArgumentsInternal(element,args,initial){for(var i=0,list=args;i<list.length;i+=1){var arg=list[i];if(arg!==0&&!arg){continue}var type=typeof arg;if(type==="function"){arg(element)}else if(type==="string"||type==="number"){element.appendChild(text(arg))}else if(isNode(getEl(arg))){mount(element,arg)}else if(arg.length){parseArgumentsInternal(element,arg,initial)}else if(type==="object"){setAttrInternal(element,arg,null,initial)}}}function ensureEl(parent){return typeof parent==="string"?html(parent):getEl(parent)}function getEl(parent){return parent.nodeType&&parent||!parent.el&&parent||getEl(parent.el)}function isNode(arg){return arg&&arg.nodeType}var htmlCache={};function html(query){var args=[],len=arguments.length-1;while(len-- >0)args[len]=arguments[len+1];var element;var type=typeof query;if(type==="string"){element=memoizeHTML(query).cloneNode(false)}else if(isNode(query)){element=query.cloneNode(false)}else if(type==="function"){var Query=query;element=new(Function.prototype.bind.apply(Query,[null].concat(args)))}else{throw new Error("At least one argument required")}parseArgumentsInternal(getEl(element),args,true);return element}var el=html;var h=html;html.extend=function extendHtml(query){var args=[],len=arguments.length-1;while(len-- >0)args[len]=arguments[len+1];var clone=memoizeHTML(query);return html.bind.apply(html,[this,clone].concat(args))};function memoizeHTML(query){return htmlCache[query]||(htmlCache[query]=createElement(query))}function setChildren(parent){var children=[],len=arguments.length-1;while(len-- >0)children[len]=arguments[len+1];var parentEl=getEl(parent);var current=traverse(parent,children,parentEl.firstChild);while(current){var next=current.nextSibling;unmount(parent,current);current=next}}function traverse(parent,children,_current){var current=_current;var childEls=Array(children.length);for(var i=0;i<children.length;i++){childEls[i]=children[i]&&getEl(children[i])}for(var i$1=0;i$1<children.length;i$1++){var child=children[i$1];if(!child){continue}var childEl=childEls[i$1];if(childEl===current){current=current.nextSibling;continue}if(isNode(childEl)){var next=current&&current.nextSibling;var exists=child.__redom_index!=null;var replace=exists&&next===childEls[i$1+1];mount(parent,child,current,replace);if(replace){current=next}continue}if(child.length!=null){current=traverse(parent,child,current)}}return current}function listPool(View,key,initData){return new ListPool(View,key,initData)}var ListPool=function ListPool(View,key,initData){this.View=View;this.initData=initData;this.oldLookup={};this.lookup={};this.oldViews=[];this.views=[];if(key!=null){this.key=typeof key==="function"?key:propKey(key)}};ListPool.prototype.update=function update(data,context){var ref=this;var View=ref.View;var key=ref.key;var initData=ref.initData;var keySet=key!=null;var oldLookup=this.lookup;var newLookup={};var newViews=Array(data.length);var oldViews=this.views;for(var i=0;i<data.length;i++){var item=data[i];var view=void 0;if(keySet){var id=key(item);view=oldLookup[id]||new View(initData,item,i,data);newLookup[id]=view;view.__redom_id=id}else{view=oldViews[i]||new View(initData,item,i,data)}view.update&&view.update(item,i,data,context);var el=getEl(view.el);el.__redom_view=view;newViews[i]=view}this.oldViews=oldViews;this.views=newViews;this.oldLookup=oldLookup;this.lookup=newLookup};function propKey(key){return function(item){return item[key]}}function list(parent,View,key,initData){return new List(parent,View,key,initData)}var List=function List(parent,View,key,initData){this.View=View;this.initData=initData;this.views=[];this.pool=new ListPool(View,key,initData);this.el=ensureEl(parent);this.keySet=key!=null};List.prototype.update=function update(data,context){if(data===void 0)data=[];var ref=this;var keySet=ref.keySet;var oldViews=this.views;this.pool.update(data,context);var ref$1=this.pool;var views=ref$1.views;var lookup=ref$1.lookup;if(keySet){for(var i=0;i<oldViews.length;i++){var oldView=oldViews[i];var id=oldView.__redom_id;if(lookup[id]==null){oldView.__redom_index=null;unmount(this,oldView)}}}for(var i$1=0;i$1<views.length;i$1++){var view=views[i$1];view.__redom_index=i$1}setChildren(this,views);if(keySet){this.lookup=lookup}this.views=views};List.extend=function extendList(parent,View,key,initData){return List.bind(List,parent,View,key,initData)};list.extend=List.extend;function place(View,initData){return new Place(View,initData)}var Place=function Place(View,initData){this.el=text("");this.visible=false;this.view=null;this._placeholder=this.el;if(View instanceof Node){this._el=View}else if(View.el instanceof Node){this._el=View;this.view=View}else{this._View=View}this._initData=initData};Place.prototype.update=function update(visible,data){var placeholder=this._placeholder;var parentNode=this.el.parentNode;if(visible){if(!this.visible){if(this._el){mount(parentNode,this._el,placeholder);unmount(parentNode,placeholder);this.el=getEl(this._el);this.visible=visible}else{var View=this._View;var view=new View(this._initData);this.el=getEl(view);this.view=view;mount(parentNode,view,placeholder);unmount(parentNode,placeholder)}}this.view&&this.view.update&&this.view.update(data)}else{if(this.visible){if(this._el){mount(parentNode,placeholder,this._el);unmount(parentNode,this._el);this.el=placeholder;this.visible=visible;return}mount(parentNode,placeholder,this.view);unmount(parentNode,this.view);this.el=placeholder;this.view=null}}this.visible=visible};function router(parent,Views,initData){return new Router(parent,Views,initData)}var Router=function Router(parent,Views,initData){this.el=ensureEl(parent);this.Views=Views;this.initData=initData};Router.prototype.update=function update(route,data){if(route!==this.route){var Views=this.Views;var View=Views[route];this.route=route;if(View&&(View instanceof Node||View.el instanceof Node)){this.view=View}else{this.view=View&&new View(this.initData,data)}setChildren(this.el,[this.view])}this.view&&this.view.update&&this.view.update(data,route)};var ns="http://www.w3.org/2000/svg";var svgCache={};function svg(query){var args=[],len=arguments.length-1;while(len-- >0)args[len]=arguments[len+1];var element;var type=typeof query;if(type==="string"){element=memoizeSVG(query).cloneNode(false)}else if(isNode(query)){element=query.cloneNode(false)}else if(type==="function"){var Query=query;element=new(Function.prototype.bind.apply(Query,[null].concat(args)))}else{throw new Error("At least one argument required")}parseArgumentsInternal(getEl(element),args,true);return element}var s=svg;svg.extend=function extendSvg(query){var clone=memoizeSVG(query);return svg.bind(this,clone)};svg.ns=ns;function memoizeSVG(query){return svgCache[query]||(svgCache[query]=createElement(query,ns))}export{List,ListPool,Place,Router,el,h,html,list,listPool,mount,place,router,s,setAttr,setChildren,setData,setStyle,setXlink,svg,text,unmount};
\ No newline at end of file
+function createElement(query,ns){var ref=parse(query);var tag=ref.tag;var id=ref.id;var className=ref.className;var element=ns?document.createElementNS(ns,tag):document.createElement(tag);if(id){element.id=id}if(className){if(ns){element.setAttribute("class",className)}else{element.className=className}}return element}function parse(query){var chunks=query.split(/([.#])/);var className="";var id="";for(var i=1;i<chunks.length;i+=2){switch(chunks[i]){case".":className+=" "+chunks[i+1];break;case"#":id=chunks[i+1]}}return{className:className.trim(),tag:chunks[0]||"div",id:id}}function unmount(parent,child){var parentEl=getEl(parent);var childEl=getEl(child);if(child===childEl&&childEl.__redom_view){child=childEl.__redom_view}if(childEl.parentNode){doUnmount(child,childEl,parentEl);parentEl.removeChild(childEl)}return child}function doUnmount(child,childEl,parentEl){var hooks=childEl.__redom_lifecycle;if(hooksAreEmpty(hooks)){childEl.__redom_lifecycle={};return}var traverse=parentEl;if(childEl.__redom_mounted){trigger(childEl,"onunmount")}while(traverse){var parentHooks=traverse.__redom_lifecycle||{};for(var hook in hooks){if(parentHooks[hook]){parentHooks[hook]-=hooks[hook]}}if(hooksAreEmpty(parentHooks)){traverse.__redom_lifecycle=null}traverse=traverse.parentNode}}function hooksAreEmpty(hooks){if(hooks==null){return true}for(var key in hooks){if(hooks[key]){return false}}return true}var hookNames=["onmount","onremount","onunmount"];var shadowRootAvailable=typeof window!=="undefined"&&"ShadowRoot"in window;function mount(parent,child,before,replace){var parentEl=getEl(parent);var childEl=getEl(child);if(child===childEl&&childEl.__redom_view){child=childEl.__redom_view}if(child!==childEl){childEl.__redom_view=child}var wasMounted=childEl.__redom_mounted;var oldParent=childEl.parentNode;if(wasMounted&&oldParent!==parentEl){doUnmount(child,childEl,oldParent)}if(before!=null){if(replace){var beforeEl=getEl(before);if(beforeEl.__redom_mounted){trigger(beforeEl,"onunmount")}parentEl.replaceChild(childEl,beforeEl)}else{parentEl.insertBefore(childEl,getEl(before))}}else{parentEl.appendChild(childEl)}doMount(child,childEl,parentEl,oldParent);return child}function trigger(el,eventName){if(eventName==="onmount"||eventName==="onremount"){el.__redom_mounted=true}else if(eventName==="onunmount"){el.__redom_mounted=false}var hooks=el.__redom_lifecycle;if(!hooks){return}var view=el.__redom_view;var hookCount=0;view&&view[eventName]&&view[eventName]();for(var hook in hooks){if(hook){hookCount++}}if(hookCount){var traverse=el.firstChild;while(traverse){var next=traverse.nextSibling;trigger(traverse,eventName);traverse=next}}}function doMount(child,childEl,parentEl,oldParent){var hooks=childEl.__redom_lifecycle||(childEl.__redom_lifecycle={});var remount=parentEl===oldParent;var hooksFound=false;for(var i=0,list=hookNames;i<list.length;i+=1){var hookName=list[i];if(!remount){if(child!==childEl){if(hookName in child){hooks[hookName]=(hooks[hookName]||0)+1}}}if(hooks[hookName]){hooksFound=true}}if(!hooksFound){childEl.__redom_lifecycle={};return}var traverse=parentEl;var triggered=false;if(remount||traverse&&traverse.__redom_mounted){trigger(childEl,remount?"onremount":"onmount");triggered=true}while(traverse){var parent=traverse.parentNode;var parentHooks=traverse.__redom_lifecycle||(traverse.__redom_lifecycle={});for(var hook in hooks){parentHooks[hook]=(parentHooks[hook]||0)+hooks[hook]}if(triggered){break}else{if(traverse.nodeType===Node.DOCUMENT_NODE||shadowRootAvailable&&traverse instanceof ShadowRoot||parent&&parent.__redom_mounted){trigger(traverse,remount?"onremount":"onmount");triggered=true}traverse=parent}}}function setStyle(view,arg1,arg2){var el=getEl(view);if(typeof arg1==="object"){for(var key in arg1){setStyleValue(el,key,arg1[key])}}else{setStyleValue(el,arg1,arg2)}}function setStyleValue(el,key,value){el.style[key]=value==null?"":value}var xlinkns="http://www.w3.org/1999/xlink";function setAttr(view,arg1,arg2){setAttrInternal(view,arg1,arg2)}function setAttrInternal(view,arg1,arg2,initial){var el=getEl(view);var isObj=typeof arg1==="object";if(isObj){for(var key in arg1){setAttrInternal(el,key,arg1[key],initial)}}else{var isSVG=el instanceof SVGElement;var isFunc=typeof arg2==="function";if(arg1==="style"&&typeof arg2==="object"){setStyle(el,arg2)}else if(isSVG&&isFunc){el[arg1]=arg2}else if(arg1==="dataset"){setData(el,arg2)}else if(!isSVG&&(arg1 in el||isFunc)&&arg1!=="list"){el[arg1]=arg2}else{if(isSVG&&arg1==="xlink"){setXlink(el,arg2);return}if(initial&&arg1==="class"){arg2=el.className+" "+arg2}if(arg2==null){el.removeAttribute(arg1)}else{el.setAttribute(arg1,arg2)}}}}function setXlink(el,arg1,arg2){if(typeof arg1==="object"){for(var key in arg1){setXlink(el,key,arg1[key])}}else{if(arg2!=null){el.setAttributeNS(xlinkns,arg1,arg2)}else{el.removeAttributeNS(xlinkns,arg1,arg2)}}}function setData(el,arg1,arg2){if(typeof arg1==="object"){for(var key in arg1){setData(el,key,arg1[key])}}else{if(arg2!=null){el.dataset[arg1]=arg2}else{delete el.dataset[arg1]}}}function text(str){return document.createTextNode(str!=null?str:"")}function parseArgumentsInternal(element,args,initial){for(var i=0,list=args;i<list.length;i+=1){var arg=list[i];if(arg!==0&&!arg){continue}var type=typeof arg;if(type==="function"){arg(element)}else if(type==="string"||type==="number"){element.appendChild(text(arg))}else if(isNode(getEl(arg))){mount(element,arg)}else if(arg.length){parseArgumentsInternal(element,arg,initial)}else if(type==="object"){setAttrInternal(element,arg,null,initial)}}}function ensureEl(parent){return typeof parent==="string"?html(parent):getEl(parent)}function getEl(parent){return parent.nodeType&&parent||!parent.el&&parent||getEl(parent.el)}function isNode(arg){return arg&&arg.nodeType}function html(query){var args=[],len=arguments.length-1;while(len-- >0)args[len]=arguments[len+1];var element;var type=typeof query;if(type==="string"){element=createElement(query)}else if(type==="function"){var Query=query;element=new(Function.prototype.bind.apply(Query,[null].concat(args)))}else{throw new Error("At least one argument required")}parseArgumentsInternal(getEl(element),args,true);return element}var el=html;var h=html;html.extend=function extendHtml(){var args=[],len=arguments.length;while(len--)args[len]=arguments[len];return html.bind.apply(html,[this].concat(args))};function setChildren(parent){var children=[],len=arguments.length-1;while(len-- >0)children[len]=arguments[len+1];var parentEl=getEl(parent);var current=traverse(parent,children,parentEl.firstChild);while(current){var next=current.nextSibling;unmount(parent,current);current=next}}function traverse(parent,children,_current){var current=_current;var childEls=Array(children.length);for(var i=0;i<children.length;i++){childEls[i]=children[i]&&getEl(children[i])}for(var i$1=0;i$1<children.length;i$1++){var child=children[i$1];if(!child){continue}var childEl=childEls[i$1];if(childEl===current){current=current.nextSibling;continue}if(isNode(childEl)){var next=current&&current.nextSibling;var exists=child.__redom_index!=null;var replace=exists&&next===childEls[i$1+1];mount(parent,child,current,replace);if(replace){current=next}continue}if(child.length!=null){current=traverse(parent,child,current)}}return current}function listPool(View,key,initData){return new ListPool(View,key,initData)}var ListPool=function ListPool(View,key,initData){this.View=View;this.initData=initData;this.oldLookup={};this.lookup={};this.oldViews=[];this.views=[];if(key!=null){this.key=typeof key==="function"?key:propKey(key)}};ListPool.prototype.update=function update(data,context){var ref=this;var View=ref.View;var key=ref.key;var initData=ref.initData;var keySet=key!=null;var oldLookup=this.lookup;var newLookup={};var newViews=Array(data.length);var oldViews=this.views;for(var i=0;i<data.length;i++){var item=data[i];var view=void 0;if(keySet){var id=key(item);view=oldLookup[id]||new View(initData,item,i,data);newLookup[id]=view;view.__redom_id=id}else{view=oldViews[i]||new View(initData,item,i,data)}view.update&&view.update(item,i,data,context);var el=getEl(view.el);el.__redom_view=view;newViews[i]=view}this.oldViews=oldViews;this.views=newViews;this.oldLookup=oldLookup;this.lookup=newLookup};function propKey(key){return function(item){return item[key]}}function list(parent,View,key,initData){return new List(parent,View,key,initData)}var List=function List(parent,View,key,initData){this.View=View;this.initData=initData;this.views=[];this.pool=new ListPool(View,key,initData);this.el=ensureEl(parent);this.keySet=key!=null};List.prototype.update=function update(data,context){if(data===void 0)data=[];var ref=this;var keySet=ref.keySet;var oldViews=this.views;this.pool.update(data,context);var ref$1=this.pool;var views=ref$1.views;var lookup=ref$1.lookup;if(keySet){for(var i=0;i<oldViews.length;i++){var oldView=oldViews[i];var id=oldView.__redom_id;if(lookup[id]==null){oldView.__redom_index=null;unmount(this,oldView)}}}for(var i$1=0;i$1<views.length;i$1++){var view=views[i$1];view.__redom_index=i$1}setChildren(this,views);if(keySet){this.lookup=lookup}this.views=views};List.extend=function extendList(parent,View,key,initData){return List.bind(List,parent,View,key,initData)};list.extend=List.extend;function place(View,initData){return new Place(View,initData)}var Place=function Place(View,initData){this.el=text("");this.visible=false;this.view=null;this._placeholder=this.el;if(View instanceof Node){this._el=View}else if(View.el instanceof Node){this._el=View;this.view=View}else{this._View=View}this._initData=initData};Place.prototype.update=function update(visible,data){var placeholder=this._placeholder;var parentNode=this.el.parentNode;if(visible){if(!this.visible){if(this._el){mount(parentNode,this._el,placeholder);unmount(parentNode,placeholder);this.el=getEl(this._el);this.visible=visible}else{var View=this._View;var view=new View(this._initData);this.el=getEl(view);this.view=view;mount(parentNode,view,placeholder);unmount(parentNode,placeholder)}}this.view&&this.view.update&&this.view.update(data)}else{if(this.visible){if(this._el){mount(parentNode,placeholder,this._el);unmount(parentNode,this._el);this.el=placeholder;this.visible=visible;return}mount(parentNode,placeholder,this.view);unmount(parentNode,this.view);this.el=placeholder;this.view=null}}this.visible=visible};function router(parent,views,initData){return new Router(parent,views,initData)}var Router=function Router(parent,views,initData){this.el=ensureEl(parent);this.views=views;this.Views=views;this.initData=initData};Router.prototype.update=function update(route,data){if(route!==this.route){var views=this.views;var View=views[route];this.route=route;if(View&&(View instanceof Node||View.el instanceof Node)){this.view=View}else{this.view=View&&new View(this.initData,data)}setChildren(this.el,[this.view])}this.view&&this.view.update&&this.view.update(data,route)};var ns="http://www.w3.org/2000/svg";function svg(query){var args=[],len=arguments.length-1;while(len-- >0)args[len]=arguments[len+1];var element;var type=typeof query;if(type==="string"){element=createElement(query,ns)}else if(type==="function"){var Query=query;element=new(Function.prototype.bind.apply(Query,[null].concat(args)))}else{throw new Error("At least one argument required")}parseArgumentsInternal(getEl(element),args,true);return element}var s=svg;svg.extend=function extendSvg(){var args=[],len=arguments.length;while(len--)args[len]=arguments[len];return svg.bind.apply(svg,[this].concat(args))};svg.ns=ns;function viewFactory(views,key){if(!views||typeof views!=="object"){throw new Error("views must be an object")}if(!key||typeof key!=="string"){throw new Error("key must be a string")}return function(initData,item,i,data){var viewKey=item[key];var View=views[viewKey];if(View){return new View(initData,item,i,data)}else{throw new Error("view "+viewKey+" not found")}}}export{List,ListPool,Place,Router,el,h,html,list,listPool,mount,place,router,s,setAttr,setChildren,setData,setStyle,setXlink,svg,text,unmount,viewFactory};
\ No newline at end of file
diff --git a/redom.js b/redom.js
index 9982892..49ef45f 100644
--- a/redom.js
+++ b/redom.js
@@ -112,6 +112,7 @@
 
   /* global Node, ShadowRoot */
 
+
   var hookNames = ['onmount', 'onremount', 'onunmount'];
   var shadowRootAvailable = typeof window !== 'undefined' && 'ShadowRoot' in window;
 
@@ -140,7 +141,7 @@
         var beforeEl = getEl(before);
 
         if (beforeEl.__redom_mounted) {
-          trigger(before.el, 'onunmount');
+          trigger(beforeEl, 'onunmount');
         }
 
         parentEl.replaceChild(childEl, beforeEl);
@@ -267,6 +268,7 @@
 
   /* global SVGElement */
 
+
   var xlinkns = 'http://www.w3.org/1999/xlink';
 
   function setAttr (view, arg1, arg2) {
@@ -379,8 +381,6 @@
     return arg && arg.nodeType;
   }
 
-  var htmlCache = {};
-
   function html (query) {
     var args = [], len = arguments.length - 1;
     while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];
@@ -390,9 +390,7 @@
     var type = typeof query;
 
     if (type === 'string') {
-      element = memoizeHTML(query).cloneNode(false);
-    } else if (isNode(query)) {
-      element = query.cloneNode(false);
+      element = createElement(query);
     } else if (type === 'function') {
       var Query = query;
       element = new (Function.prototype.bind.apply( Query, [ null ].concat( args) ));
@@ -408,19 +406,13 @@
   var el = html;
   var h = html;
 
-  html.extend = function extendHtml (query) {
-    var args = [], len = arguments.length - 1;
-    while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];
-
-    var clone = memoizeHTML(query);
+  html.extend = function extendHtml () {
+    var args = [], len = arguments.length;
+    while ( len-- ) args[ len ] = arguments[ len ];
 
-    return html.bind.apply(html, [ this, clone ].concat( args ));
+    return html.bind.apply(html, [ this ].concat( args ));
   };
 
-  function memoizeHTML (query) {
-    return htmlCache[query] || (htmlCache[query] = createElement(query));
-  }
-
   function setChildren (parent) {
     var children = [], len = arguments.length - 1;
     while ( len-- > 0 ) children[ len ] = arguments[ len + 1 ];
@@ -606,6 +598,7 @@
 
   /* global Node */
 
+
   function place (View, initData) {
     return new Place(View, initData);
   }
@@ -675,20 +668,22 @@
 
   /* global Node */
 
-  function router (parent, Views, initData) {
-    return new Router(parent, Views, initData);
+
+  function router (parent, views, initData) {
+    return new Router(parent, views, initData);
   }
 
-  var Router = function Router (parent, Views, initData) {
+  var Router = function Router (parent, views, initData) {
     this.el = ensureEl(parent);
-    this.Views = Views;
+    this.views = views;
+    this.Views = views; // backwards compatibility
     this.initData = initData;
   };
 
   Router.prototype.update = function update (route, data) {
     if (route !== this.route) {
-      var Views = this.Views;
-      var View = Views[route];
+      var views = this.views;
+      var View = views[route];
 
       this.route = route;
 
@@ -705,8 +700,6 @@
 
   var ns = 'http://www.w3.org/2000/svg';
 
-  var svgCache = {};
-
   function svg (query) {
     var args = [], len = arguments.length - 1;
     while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];
@@ -716,9 +709,7 @@
     var type = typeof query;
 
     if (type === 'string') {
-      element = memoizeSVG(query).cloneNode(false);
-    } else if (isNode(query)) {
-      element = query.cloneNode(false);
+      element = createElement(query, ns);
     } else if (type === 'function') {
       var Query = query;
       element = new (Function.prototype.bind.apply( Query, [ null ].concat( args) ));
@@ -733,16 +724,32 @@
 
   var s = svg;
 
-  svg.extend = function extendSvg (query) {
-    var clone = memoizeSVG(query);
+  svg.extend = function extendSvg () {
+    var args = [], len = arguments.length;
+    while ( len-- ) args[ len ] = arguments[ len ];
 
-    return svg.bind(this, clone);
+    return svg.bind.apply(svg, [ this ].concat( args ));
   };
 
   svg.ns = ns;
 
-  function memoizeSVG (query) {
-    return svgCache[query] || (svgCache[query] = createElement(query, ns));
+  function viewFactory (views, key) {
+    if (!views || typeof views !== 'object') {
+      throw new Error('views must be an object');
+    }
+    if (!key || typeof key !== 'string') {
+      throw new Error('key must be a string');
+    }
+    return function (initData, item, i, data) {
+      var viewKey = item[key];
+      var View = views[viewKey];
+
+      if (View) {
+        return new View(initData, item, i, data);
+      } else {
+        throw new Error(("view " + viewKey + " not found"));
+      }
+    };
   }
 
   exports.List = List;
@@ -766,7 +773,6 @@
   exports.svg = svg;
   exports.text = text;
   exports.unmount = unmount;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
+  exports.viewFactory = viewFactory;
 
 }));
diff --git a/redom.min.js b/redom.min.js
index ba506ac..b659da7 100644
--- a/redom.min.js
+++ b/redom.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).redom={})}(this,(function(e){"use strict";function t(e,t){var i=function(e){for(var t=e.split(/([.#])/),i="",n="",o=1;o<t.length;o+=2)switch(t[o]){case".":i+=" "+t[o+1];break;case"#":n=t[o+1]}return{className:i.trim(),tag:t[0]||"div",id:n}}(e),n=i.tag,o=i.id,r=i.className,l=t?document.createElementNS(t,n):document.createElement(n);return o&&(l.id=o),r&&(t?l.setAttribute("class",r):l.className=r),l}function i(e,t){var i=w(e),o=w(t);return t===o&&o.__redom_view&&(t=o.__redom_view),o.parentNode&&(n(t,o,i),i.removeChild(o)),t}function n(e,t,i){var n=t.__redom_lifecycle;if(o(n))t.__redom_lifecycle={};else{var r=i;for(t.__redom_mounted&&u(t,"onunmount");r;){var l=r.__redom_lifecycle||{};for(var s in n)l[s]&&(l[s]-=n[s]);o(l)&&(r.__redom_lifecycle=null),r=r.parentNode}}}function o(e){if(null==e)return!0;for(var t in e)if(e[t])return!1;return!0}var r=["onmount","onremount","onunmount"],l="undefined"!=typeof window&&"ShadowRoot"in window;function s(e,t,i,o){var s=w(e),a=w(t);t===a&&a.__redom_view&&(t=a.__redom_view),t!==a&&(a.__redom_view=t);var f=a.__redom_mounted,d=a.parentNode;if(f&&d!==s&&n(0,a,d),null!=i)if(o){var c=w(i);c.__redom_mounted&&u(i.el,"onunmount"),s.replaceChild(a,c)}else s.insertBefore(a,w(i));else s.appendChild(a);return function(e,t,i,n){for(var o=t.__redom_lifecycle||(t.__redom_lifecycle={}),s=i===n,a=!1,f=0,d=r;f<d.length;f+=1){var c=d[f];s||e!==t&&c in e&&(o[c]=(o[c]||0)+1),o[c]&&(a=!0)}if(!a)return void(t.__redom_lifecycle={});var h=i,v=!1;(s||h&&h.__redom_mounted)&&(u(t,s?"onremount":"onmount"),v=!0);for(;h;){var _=h.parentNode,p=h.__redom_lifecycle||(h.__redom_lifecycle={});for(var m in o)p[m]=(p[m]||0)+o[m];if(v)break;(h.nodeType===Node.DOCUMENT_NODE||l&&h instanceof ShadowRoot||_&&_.__redom_mounted)&&(u(h,s?"onremount":"onmount"),v=!0),h=_}}(t,a,s,d),t}function u(e,t){"onmount"===t||"onremount"===t?e.__redom_mounted=!0:"onunmount"===t&&(e.__redom_mounted=!1);var i=e.__redom_lifecycle;if(i){var n=e.__redom_view,o=0;for(var r in n&&n[t]&&n[t](),i)r&&o++;if(o)for(var l=e.firstChild;l;){var s=l.nextSibling;u(l,t),l=s}}}function a(e,t,i){var n=w(e);if("object"==typeof t)for(var o in t)f(n,o,t[o]);else f(n,t,i)}function f(e,t,i){e.style[t]=null==i?"":i}var d="http://www.w3.org/1999/xlink";function c(e,t,i,n){var o=w(e);if("object"==typeof t)for(var r in t)c(o,r,t[r],n);else{var l=o instanceof SVGElement,s="function"==typeof i;if("style"===t&&"object"==typeof i)a(o,i);else if(l&&s)o[t]=i;else if("dataset"===t)v(o,i);else if(l||!(t in o)&&!s||"list"===t){if(l&&"xlink"===t)return void h(o,i);n&&"class"===t&&(i=o.className+" "+i),null==i?o.removeAttribute(t):o.setAttribute(t,i)}else o[t]=i}}function h(e,t,i){if("object"==typeof t)for(var n in t)h(e,n,t[n]);else null!=i?e.setAttributeNS(d,t,i):e.removeAttributeNS(d,t,i)}function v(e,t,i){if("object"==typeof t)for(var n in t)v(e,n,t[n]);else null!=i?e.dataset[t]=i:delete e.dataset[t]}function _(e){return document.createTextNode(null!=e?e:"")}function p(e,t,i){for(var n=0,o=t;n<o.length;n+=1){var r=o[n];if(0===r||r){var l=typeof r;"function"===l?r(e):"string"===l||"number"===l?e.appendChild(_(r)):y(w(r))?s(e,r):r.length?p(e,r,i):"object"===l&&c(e,r,null,i)}}}function m(e){return"string"==typeof e?b(e):w(e)}function w(e){return e.nodeType&&e||!e.el&&e||w(e.el)}function y(e){return e&&e.nodeType}var g={};function b(e){for(var t,i=[],n=arguments.length-1;n-- >0;)i[n]=arguments[n+1];var o=typeof e;if("string"===o)t=k(e).cloneNode(!1);else if(y(e))t=e.cloneNode(!1);else{if("function"!==o)throw new Error("At least one argument required");var r=e;t=new(Function.prototype.bind.apply(r,[null].concat(i)))}return p(w(t),i,!0),t}var N=b,x=b;function k(e){return g[e]||(g[e]=t(e))}function S(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];for(var o=w(e),r=A(e,t,o.firstChild);r;){var l=r.nextSibling;i(e,r),r=l}}function A(e,t,i){for(var n=i,o=Array(t.length),r=0;r<t.length;r++)o[r]=t[r]&&w(t[r]);for(var l=0;l<t.length;l++){var u=t[l];if(u){var a=o[l];if(a!==n)if(y(a)){var f=n&&n.nextSibling,d=null!=u.__redom_index&&f===o[l+1];s(e,u,n,d),d&&(n=f)}else null!=u.length&&(n=A(e,u,n));else n=n.nextSibling}}return n}b.extend=function(e){for(var t=[],i=arguments.length-1;i-- >0;)t[i]=arguments[i+1];var n=k(e);return b.bind.apply(b,[this,n].concat(t))};var D=function(e,t,i){this.View=e,this.initData=i,this.oldLookup={},this.lookup={},this.oldViews=[],this.views=[],null!=t&&(this.key="function"==typeof t?t:function(e){return function(t){return t[e]}}(t))};function V(e,t,i,n){return new j(e,t,i,n)}D.prototype.update=function(e,t){for(var i=this,n=i.View,o=i.key,r=i.initData,l=null!=o,s=this.lookup,u={},a=Array(e.length),f=this.views,d=0;d<e.length;d++){var c=e[d],h=void 0;if(l){var v=o(c);h=s[v]||new n(r,c,d,e),u[v]=h,h.__redom_id=v}else h=f[d]||new n(r,c,d,e);h.update&&h.update(c,d,e,t),w(h.el).__redom_view=h,a[d]=h}this.oldViews=f,this.views=a,this.oldLookup=s,this.lookup=u};var j=function(e,t,i,n){this.View=t,this.initData=n,this.views=[],this.pool=new D(t,i,n),this.el=m(e),this.keySet=null!=i};j.prototype.update=function(e,t){void 0===e&&(e=[]);var n=this.keySet,o=this.views;this.pool.update(e,t);var r=this.pool,l=r.views,s=r.lookup;if(n)for(var u=0;u<o.length;u++){var a=o[u];null==s[a.__redom_id]&&(a.__redom_index=null,i(this,a))}for(var f=0;f<l.length;f++){l[f].__redom_index=f}S(this,l),n&&(this.lookup=s),this.views=l},j.extend=function(e,t,i,n){return j.bind(j,e,t,i,n)},V.extend=j.extend;var C=function(e,t){this.el=_(""),this.visible=!1,this.view=null,this._placeholder=this.el,e instanceof Node?this._el=e:e.el instanceof Node?(this._el=e,this.view=e):this._View=e,this._initData=t};C.prototype.update=function(e,t){var n=this._placeholder,o=this.el.parentNode;if(e){if(!this.visible)if(this._el)s(o,this._el,n),i(o,n),this.el=w(this._el),this.visible=e;else{var r=new(0,this._View)(this._initData);this.el=w(r),this.view=r,s(o,r,n),i(o,n)}this.view&&this.view.update&&this.view.update(t)}else if(this.visible){if(this._el)return s(o,n,this._el),i(o,this._el),this.el=n,void(this.visible=e);s(o,n,this.view),i(o,this.view),this.el=n,this.view=null}this.visible=e};var E=function(e,t,i){this.el=m(e),this.Views=t,this.initData=i};E.prototype.update=function(e,t){if(e!==this.route){var i=this.Views[e];this.route=e,i&&(i instanceof Node||i.el instanceof Node)?this.view=i:this.view=i&&new i(this.initData,t),S(this.el,[this.view])}this.view&&this.view.update&&this.view.update(t,e)};var T="http://www.w3.org/2000/svg",L={};function P(e){for(var t,i=[],n=arguments.length-1;n-- >0;)i[n]=arguments[n+1];var o=typeof e;if("string"===o)t=R(e).cloneNode(!1);else if(y(e))t=e.cloneNode(!1);else{if("function"!==o)throw new Error("At least one argument required");var r=e;t=new(Function.prototype.bind.apply(r,[null].concat(i)))}return p(w(t),i,!0),t}var O=P;function R(e){return L[e]||(L[e]=t(e,T))}P.extend=function(e){var t=R(e);return P.bind(this,t)},P.ns=T,e.List=j,e.ListPool=D,e.Place=C,e.Router=E,e.el=N,e.h=x,e.html=b,e.list=V,e.listPool=function(e,t,i){return new D(e,t,i)},e.mount=s,e.place=function(e,t){return new C(e,t)},e.router=function(e,t,i){return new E(e,t,i)},e.s=O,e.setAttr=function(e,t,i){c(e,t,i)},e.setChildren=S,e.setData=v,e.setStyle=a,e.setXlink=h,e.svg=P,e.text=_,e.unmount=i,Object.defineProperty(e,"__esModule",{value:!0})}));
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).redom={})}(this,(function(e){"use strict";function t(e,t){var i=function(e){for(var t=e.split(/([.#])/),i="",n="",o=1;o<t.length;o+=2)switch(t[o]){case".":i+=" "+t[o+1];break;case"#":n=t[o+1]}return{className:i.trim(),tag:t[0]||"div",id:n}}(e),n=i.tag,o=i.id,r=i.className,l=t?document.createElementNS(t,n):document.createElement(n);return o&&(l.id=o),r&&(t?l.setAttribute("class",r):l.className=r),l}function i(e,t){var i=m(e),o=m(t);return t===o&&o.__redom_view&&(t=o.__redom_view),o.parentNode&&(n(t,o,i),i.removeChild(o)),t}function n(e,t,i){var n=t.__redom_lifecycle;if(o(n))t.__redom_lifecycle={};else{var r=i;for(t.__redom_mounted&&u(t,"onunmount");r;){var l=r.__redom_lifecycle||{};for(var s in n)l[s]&&(l[s]-=n[s]);o(l)&&(r.__redom_lifecycle=null),r=r.parentNode}}}function o(e){if(null==e)return!0;for(var t in e)if(e[t])return!1;return!0}var r=["onmount","onremount","onunmount"],l="undefined"!=typeof window&&"ShadowRoot"in window;function s(e,t,i,o){var s=m(e),a=m(t);t===a&&a.__redom_view&&(t=a.__redom_view),t!==a&&(a.__redom_view=t);var f=a.__redom_mounted,d=a.parentNode;if(f&&d!==s&&n(0,a,d),null!=i)if(o){var h=m(i);h.__redom_mounted&&u(h,"onunmount"),s.replaceChild(a,h)}else s.insertBefore(a,m(i));else s.appendChild(a);return function(e,t,i,n){for(var o=t.__redom_lifecycle||(t.__redom_lifecycle={}),s=i===n,a=!1,f=0,d=r;f<d.length;f+=1){var h=d[f];s||e!==t&&h in e&&(o[h]=(o[h]||0)+1),o[h]&&(a=!0)}if(!a)return void(t.__redom_lifecycle={});var v=i,c=!1;(s||v&&v.__redom_mounted)&&(u(t,s?"onremount":"onmount"),c=!0);for(;v;){var _=v.parentNode,p=v.__redom_lifecycle||(v.__redom_lifecycle={});for(var w in o)p[w]=(p[w]||0)+o[w];if(c)break;(v.nodeType===Node.DOCUMENT_NODE||l&&v instanceof ShadowRoot||_&&_.__redom_mounted)&&(u(v,s?"onremount":"onmount"),c=!0),v=_}}(t,a,s,d),t}function u(e,t){"onmount"===t||"onremount"===t?e.__redom_mounted=!0:"onunmount"===t&&(e.__redom_mounted=!1);var i=e.__redom_lifecycle;if(i){var n=e.__redom_view,o=0;for(var r in n&&n[t]&&n[t](),i)r&&o++;if(o)for(var l=e.firstChild;l;){var s=l.nextSibling;u(l,t),l=s}}}function a(e,t,i){var n=m(e);if("object"==typeof t)for(var o in t)f(n,o,t[o]);else f(n,t,i)}function f(e,t,i){e.style[t]=null==i?"":i}var d="http://www.w3.org/1999/xlink";function h(e,t,i,n){var o=m(e);if("object"==typeof t)for(var r in t)h(o,r,t[r],n);else{var l=o instanceof SVGElement,s="function"==typeof i;if("style"===t&&"object"==typeof i)a(o,i);else if(l&&s)o[t]=i;else if("dataset"===t)c(o,i);else if(l||!(t in o)&&!s||"list"===t){if(l&&"xlink"===t)return void v(o,i);n&&"class"===t&&(i=o.className+" "+i),null==i?o.removeAttribute(t):o.setAttribute(t,i)}else o[t]=i}}function v(e,t,i){if("object"==typeof t)for(var n in t)v(e,n,t[n]);else null!=i?e.setAttributeNS(d,t,i):e.removeAttributeNS(d,t,i)}function c(e,t,i){if("object"==typeof t)for(var n in t)c(e,n,t[n]);else null!=i?e.dataset[t]=i:delete e.dataset[t]}function _(e){return document.createTextNode(null!=e?e:"")}function p(e,t,i){for(var n=0,o=t;n<o.length;n+=1){var r=o[n];if(0===r||r){var l=typeof r;"function"===l?r(e):"string"===l||"number"===l?e.appendChild(_(r)):y(m(r))?s(e,r):r.length?p(e,r,i):"object"===l&&h(e,r,null,i)}}}function w(e){return"string"==typeof e?g(e):m(e)}function m(e){return e.nodeType&&e||!e.el&&e||m(e.el)}function y(e){return e&&e.nodeType}function g(e){for(var i,n=[],o=arguments.length-1;o-- >0;)n[o]=arguments[o+1];var r=typeof e;if("string"===r)i=t(e);else{if("function"!==r)throw new Error("At least one argument required");var l=e;i=new(Function.prototype.bind.apply(l,[null].concat(n)))}return p(m(i),n,!0),i}var b=g,N=g;function x(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];for(var o=k(e,t,m(e).firstChild);o;){var r=o.nextSibling;i(e,o),o=r}}function k(e,t,i){for(var n=i,o=Array(t.length),r=0;r<t.length;r++)o[r]=t[r]&&m(t[r]);for(var l=0;l<t.length;l++){var u=t[l];if(u){var a=o[l];if(a!==n)if(y(a)){var f=n&&n.nextSibling,d=null!=u.__redom_index&&f===o[l+1];s(e,u,n,d),d&&(n=f)}else null!=u.length&&(n=k(e,u,n));else n=n.nextSibling}}return n}g.extend=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return g.bind.apply(g,[this].concat(e))};var S=function(e,t,i){this.View=e,this.initData=i,this.oldLookup={},this.lookup={},this.oldViews=[],this.views=[],null!=t&&(this.key="function"==typeof t?t:function(e){return function(t){return t[e]}}(t))};function A(e,t,i,n){return new D(e,t,i,n)}S.prototype.update=function(e,t){for(var i=this,n=i.View,o=i.key,r=i.initData,l=null!=o,s=this.lookup,u={},a=Array(e.length),f=this.views,d=0;d<e.length;d++){var h=e[d],v=void 0;if(l){var c=o(h);v=s[c]||new n(r,h,d,e),u[c]=v,v.__redom_id=c}else v=f[d]||new n(r,h,d,e);v.update&&v.update(h,d,e,t),m(v.el).__redom_view=v,a[d]=v}this.oldViews=f,this.views=a,this.oldLookup=s,this.lookup=u};var D=function(e,t,i,n){this.View=t,this.initData=n,this.views=[],this.pool=new S(t,i,n),this.el=w(e),this.keySet=null!=i};D.prototype.update=function(e,t){void 0===e&&(e=[]);var n=this.keySet,o=this.views;this.pool.update(e,t);var r=this.pool,l=r.views,s=r.lookup;if(n)for(var u=0;u<o.length;u++){var a=o[u];null==s[a.__redom_id]&&(a.__redom_index=null,i(this,a))}for(var f=0;f<l.length;f++){l[f].__redom_index=f}x(this,l),n&&(this.lookup=s),this.views=l},D.extend=function(e,t,i,n){return D.bind(D,e,t,i,n)},A.extend=D.extend;var E=function(e,t){this.el=_(""),this.visible=!1,this.view=null,this._placeholder=this.el,e instanceof Node?this._el=e:e.el instanceof Node?(this._el=e,this.view=e):this._View=e,this._initData=t};E.prototype.update=function(e,t){var n=this._placeholder,o=this.el.parentNode;if(e){if(!this.visible)if(this._el)s(o,this._el,n),i(o,n),this.el=m(this._el),this.visible=e;else{var r=new(0,this._View)(this._initData);this.el=m(r),this.view=r,s(o,r,n),i(o,n)}this.view&&this.view.update&&this.view.update(t)}else if(this.visible){if(this._el)return s(o,n,this._el),i(o,this._el),this.el=n,void(this.visible=e);s(o,n,this.view),i(o,this.view),this.el=n,this.view=null}this.visible=e};var j=function(e,t,i){this.el=w(e),this.views=t,this.Views=t,this.initData=i};j.prototype.update=function(e,t){if(e!==this.route){var i=this.views[e];this.route=e,i&&(i instanceof Node||i.el instanceof Node)?this.view=i:this.view=i&&new i(this.initData,t),x(this.el,[this.view])}this.view&&this.view.update&&this.view.update(t,e)};var V="http://www.w3.org/2000/svg";function C(e){for(var i,n=[],o=arguments.length-1;o-- >0;)n[o]=arguments[o+1];var r=typeof e;if("string"===r)i=t(e,V);else{if("function"!==r)throw new Error("At least one argument required");var l=e;i=new(Function.prototype.bind.apply(l,[null].concat(n)))}return p(m(i),n,!0),i}var T=C;C.extend=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return C.bind.apply(C,[this].concat(e))},C.ns=V,e.List=D,e.ListPool=S,e.Place=E,e.Router=j,e.el=b,e.h=N,e.html=g,e.list=A,e.listPool=function(e,t,i){return new S(e,t,i)},e.mount=s,e.place=function(e,t){return new E(e,t)},e.router=function(e,t,i){return new j(e,t,i)},e.s=T,e.setAttr=function(e,t,i){h(e,t,i)},e.setChildren=x,e.setData=c,e.setStyle=a,e.setXlink=v,e.svg=C,e.text=_,e.unmount=i,e.viewFactory=function(e,t){if(!e||"object"!=typeof e)throw new Error("views must be an object");if(!t||"string"!=typeof t)throw new Error("key must be a string");return function(i,n,o,r){var l=n[t],s=e[l];if(s)return new s(i,n,o,r);throw new Error("view "+l+" not found")}}}));
\ No newline at end of file