@litejs/ui 24.5.0 → 24.11.0

package/{index.js → ui.js}

@@ -1,55 +1,65 @@
 
 /* litejs.com/MIT-LICENSE.txt */
 
-/* global xhr, getComputedStyle, navigator */
+/* global escape, navigator, xhr */
+
+/*** debug ***/
+console.log("LiteJS is in debug mode, but it's fine for production")
+/**/
 
 !function(window, document, history, localStorage, location, navigator, Function, Object) {
 	window.El = El
-	window.LiteJS = LiteJS
+	asEmitter(window.LiteJS = LiteJS)
 
-	var UNDEF, lastExp, parser, styleNode
+	var UNDEF, lastExp, parser, pushBase, styleNode
+	, NUL = null
 	, html = document.documentElement
 	, body = document.body
-	, histBase, histCb, histLast
 	, splitRe = /[,\s]+/
 	, emptyArr = []
+	, plugins = {}
+	, sources = []
 	, assign = Object.assign
+	, bind = El.bind.bind(El.call)
 	, create = Object.create
+	, hasOwn = bind(plugins.hasOwnProperty)
 	, isArr = Array.isArray
 	, slice = emptyArr.slice
+	, elReplace = Function("a,b,c", "a&&b&&(c=a.parentNode)&&c.replaceChild(b,a)")
+	, elRm = Function("a,b", "a&&(b=a.parentNode)&&b.removeChild(a)")
+	, getAttr = Function("a,b", "return a&&a.getAttribute&&a.getAttribute(b)")
+	, replace = Function("a,b,c", "return a.replace(b,c)")
 
 	// JScript engine in IE8 and below does not recognize vertical tabulation character `\v`.
 	// http://webreflection.blogspot.com/2009/01/32-bytes-to-know-if-your-browser-is-ie.html
 	, ie678 = !+"\v1" // jshint ignore:line
-	// The documentMode is an IE only property, supported in IE8 and up.
-	, ie67 = ie678 && (document.documentMode | 0) < 8 // jshint ignore:line
 
 	, BIND_ATTR = "data-bind"
 	, elSeq = 0
 	, elCache = {}
-	, formatRe = /{((?:("|')(?:\\\2|[\s\S])*?\2|[^"'{}])+?)}/g
-	, renderRe = /[;\s]*([-\w$]+)(?:([ :!])((?:(["'\/])(?:\\.|[^\\])*?\4|[^;])*))?/g
+	, formatRe = /{((?:("|')(?:\\.|[^\\])*?\2|.)+?)}/g
+	, renderRe = /[;\s]*([-.\w$]+)(?:([ :!])((?:(["'\/])(?:\\.|[^\\])*?\4|[^;])*))?/g
 	, selectorRe = /([.#:[])([-\w]+)(?:([~^$*|]?)=(("|')(?:\\.|[^\\])*?\5|[-\w]+))?]?/g
 	, templateRe = /([ \t]*)(%?)((?:("|')(?:\\.|[^\\])*?\4|[-\w:.#[\]~^$*|]=?)*) ?([\/>+=@^;]|)(([\])}]?).*?([[({]?))(?=\x1f|\n|$)+/g
 	, fnCache = {}
-	, fnRe = /('|")(?:\\.|[^\\])*?\1|\/(?:\\.|[^\\])+?\/[gim]*|\$el\b|\$[as]\b|\b(?:false|in|if|new|null|this|true|typeof|void|function|var|else|return)\b|\.\w+|\w+:/g
+	, fnRe = /('|")(?:\\.|[^\\])*?\1|\/(?:\\.|[^\\])+?\/[gim]*|\$el\b|\$[aos]\b|\b(?:false|in|if|new|null|this|true|typeof|void|function|var|else|return)\b|\.\w+|\w+:/g
 	, wordRe = /[a-z_$][\w$]*/ig
 	, camelRe = /\-([a-z])/g
 	// innerText is implemented in IE4, textContent in IE9, Node.text in Opera 9-10
 	// Safari 2.x innerText results an empty string when style.display=="none" or Node is not in DOM
-	, txtAttr = "textContent" in html ? "textContent" : "innerText"
+	, txtAttr = "textContent" in html ? "textContent" /* c8 ignore next */ : "innerText"
 	, bindingsCss = acceptMany(function(el, key, val) {
-		el.style[key.replace(camelRe, camelFn)] = "" + val
+		el.style[replace(key, camelRe, camelFn)] = val
 	})
-	, bindingsOn = acceptMany(addEvent, function(el, selector, data, handler) {
-		return isStr(handler) ? function(e) {
+	, bindingsOn = acceptMany(addEvent, function(el, val, selector, data) {
+		return isStr(val) ? function(e) {
 			var target = selector ? closest(e.target, selector) : el
-			if (target) emit.apply(elScope(el).$ui, [handler, e, target].concat(data))
+			if (target) emit.apply(target, [elScope(el).$ui, val, e, target].concat(data))
 		} :
-		selector ? function(e) {
-			if (matches(e.target, selector)) handler(e)
+		selector ? function(e, a1, a2) {
+			if (matches(e.target, selector)) val(e, a1, a2)
 		} :
-		handler
+		val
 	})
 	, bindings = {
 		cls: acceptMany(cls),
@@ -59,13 +69,11 @@
 		txt: elTxt,
 		val: elVal,
 		view: function(el, url) {
-			setAttr(el, "href", (histBase || "#") + expand(url || ""))
+			setAttr(el, "href", (pushBase || "#") + expand(url || ""))
 		}
 	}
 	, globalScope = {
 		El: El,
-		_: format,
-		_f: format,
 		$b: bindings
 	}
 	, elArr = {
@@ -84,19 +92,60 @@
 			return deep
 		}
 	}
-	, plugins = {}
-	, sources = [ (findAll(html, "script").pop() || plugins).innerHTML ]
-	, hasOwn = plugins.hasOwnProperty
-
-	// After iOS 13 iPad with default enabled "desktop" option
-	// is the only Macintosh with multi-touch
-	, iOS = /^(Mac|iP)/.test(navigator.platform)
-	// || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
 
 	, Event = window.Event || window
 	, fixEv = Event.fixEv || (Event.fixEv = {})
 	, fixFn = Event.fixFn || (Event.fixFn = {})
 
+	/*** markup ***/
+	, blockRe = /^(?:(=+|>| -) ([\s\S]+)|\[! *(\S*) *!] ?(.*))/
+	, tags = {
+		" -": "ul",
+		"!": "a",
+		"*": "b",
+		"+": "ins",
+		",": "sub",
+		"-": "del",
+		"/": "i",
+		":": "mark",
+		";": "span",
+		">": "blockquote",
+		"@": "time",
+		"^": "sup",
+		"_": "u",
+		"`": "code",
+		"~": "s"
+	}
+	function inline(tag, op, text, name, link, attr) {
+		return op && !isArr(text) ? "<" +
+			(tag = tags[op] || "h" + op.length) +
+			(tag == "a" ? " href=\"" + (link || text) + "\"" : op == "@" ? " datetime=\"" + name + "\"" : "") +
+			(attr ? " class=\"" + attr.slice(1) + "\">" : ">") +
+			(
+				op === ">" ? doc(replace(text, /^> ?/gm, "")) :
+				tag == "ul" ? "<li>" + text.split(/\n - (?=\S)/).map(inline).join("</li>\n<li>") + "</li>" :
+				inline(tag == "a" ? replace(name, /^\w+:\/{0,2}/, "") : text)
+			) +
+			"</" + tag + ">" :
+		replace(tag, /\[([-!*+,/:;@^_`~])((.+?)(?: (\S+?))?)\1(\.[.\w]+)?]/g, inline)
+	}
+	function block(tag, op, text, media, alt) {
+		return op && !isArr(text) ? inline(tag, op, text) :
+		media ? "<img src=\"" + media + "\" alt=\"" + alt + "\">" :
+		blockRe.test(tag) ? replace(tag, blockRe, block) :
+		tag === "---" ? "<hr>" : "<p>" + inline(tag) + "</p>"
+	}
+	function doc(txt) {
+		return replace(txt.trim(), /^ \b/gm, "<br>").split(/\n\n+/).map(block).join("\n")
+	}
+	bindings.t = function(el, text) {
+		el.innerHTML = inline(replace(text, /</g, "&lt;"))
+	}
+	bindings.d = function(el, text) {
+		el.innerHTML = doc(replace(text, /</g, "&lt;"))
+	}
+	/**/
+
 	/*** svg ***/
 	bindings.xlink = function(el, href) {
 		// In SVG2, xlink namespace is not needed, plain href can be used (Chrome50 2016, Firefox51 2017).
@@ -110,32 +159,29 @@
 	}
 	/**/
 
-	Event.asEmitter = asEmitter
-	Event.stop = eventStop
-
-	if (iOS) {
-		// iOS doesn't support beforeunload, use pagehide instead
-		fixEv.beforeunload = "pagehide"
-	}
-
-
 	xhr.css = injectCss
-	xhr.ui = sources.push.bind(sources)
+	xhr.ui = function(src) {
+		sources.push(src)
+	}
 
 	function asEmitter(obj) {
 		obj.on = on
 		obj.off = off
 		obj.one = one
-		obj.emit = emit
+		obj.emit = wrap(emit)
 		// emitNext, emitLate
+		function wrap(fn) {
+			return function(a, b, c, d, e) {
+				return fn(this, a, b, c, d, e)
+			}
+		}
 	}
 
 	function on(type, fn, scope, _origin) {
 		var emitter = this === window ? emptyArr : this
-		, events = emitter._e || (emitter._e = create(null))
+		, events = emitter._e || (emitter._e = create(NUL))
 		if (type && fn) {
-			if (isStr(fn)) fn = emit.bind(emitter, fn)
-			emit.call(emitter, "newListener", type, fn, scope, _origin)
+			emit(emitter, "newListener", type, fn, scope, _origin)
 			;(events[type] || (events[type] = [])).unshift(scope, _origin, fn)
 		}
 		return this
@@ -149,7 +195,7 @@
 			for (i = events.length - 2; i > 0; i -= 3) {
 				if ((events[i + 1] === fn || events[i] === fn) && events[i - 1] == scope) {
 					args = events.splice(i - 1, 3)
-					emit.call(emitter, "removeListener", type, args[2], args[0], args[1])
+					emit(emitter, "removeListener", type, args[2], args[0], args[1])
 					if (fn) break
 				}
 			}
@@ -168,20 +214,20 @@
 		return this
 	}
 
-	function emit(type) {
+	function emit(emitter, type) {
+		if (emitter === window) emitter = emptyArr
 		var args, i
-		, emitter = this === window ? emptyArr : this
 		, _e = emitter._e
 		, arr = _e ? (_e[type] || emptyArr).concat(_e["*"] || emptyArr) : emptyArr
 		if ((_e = arr.length)) {
-			for (i = _e - 1, args = slice.call(arguments, 1); i > 1; i -= 3) {
+			for (i = _e - 1, args = slice.call(arguments, 2); i > 1; i -= 3) {
 				if (arr[i]) arr[i].apply(arr[i - 2] || emitter, args)
 			}
 		}
 		return _e / 3
 	}
 
-	function addEvent(el, ev, fn) {
+	function addEvent(el, ev, fn, opts) {
 		var fn2 = fixFn[ev] && fixFn[ev](el, fn, ev) || fn
 		, ev2 = fixEv[ev] || ev
 
@@ -189,7 +235,7 @@
 			// polyfilled addEventListener returns patched function
 			// Since Chrome 56 touchstart/move have the { passive: true } by default.
 			// preventDefault() won't work unless you set passive to false.
-			fn2 = html.addEventListener.call(el, ev2, fn2, false) || fn2
+			fn2 = html.addEventListener.call(el, ev2, fn2, opts != UNDEF ? opts : false) || fn2
 		}
 
 		on.call(el, ev, fn2, el, fn)
@@ -220,7 +266,6 @@
 
 	function LiteJS(opts) {
 		opts = assign({
-			base: "",
 			/*** breakpoints ***/
 			breakpoints: {
 				sm: 0,
@@ -249,10 +294,10 @@
 
 			if (route.charAt(0) !== "#") {
 				fnStr += "m[" + (view.s = routeSeq++) + "]?("
-				reStr += "|(" + route.replace(routeRe, function(_, expr) {
+				reStr += "|(" + replace(route, routeRe, function(_, expr) {
 					return expr ?
 						(fnStr += "p['" + expr + "']=m[" + (routeSeq++) + "],") && "([^/]+?)" :
-						_.replace(reEsc, "\\$&")
+						replace(_, reEsc, "\\$&")
 				}) + ")"
 				fnStr += "'" + route + "'):"
 				viewFn = 0
@@ -261,48 +306,6 @@
 
 		asEmitter(View)
 		asEmitter(View.prototype = {
-			show: function(_params) {
-				var parent
-				, params = lastParams = _params || {} // jshint ignore:line
-				, view = lastView = this // jshint ignore:line
-				, tmp = params._v || view // Continue bubbleUp from _v
-				, close = view.o && view
-
-				for (View.route = view.r; tmp; tmp = parent) {
-					viewEmit(syncResume = params._v = tmp, "ping", params, View)
-					syncResume = null
-					if (lastParams !== params) return
-					if ((parent = tmp.p)) {
-						if (parent.c && parent.c !== tmp) {
-							close = parent.c
-						}
-						parent.c = tmp
-					}
-					if (!tmp.e) {
-						if (tmp.f) {
-							xhr.load(
-								tmp.f.replace(/^|,/g, "$&" + (View.base || "")).split(","),
-								readTemplates.bind(view, view.wait(tmp.f = null))
-							)
-						} else {
-							if (tmp.r === "404") {
-								viewParse("%view 404 #\nh2 Not found")
-							}
-							View("404").show({origin:params})
-						}
-						return
-					}
-				}
-
-				for (tmp in params) {
-					if (tmp.charAt(0) !== "_" && (syncResume = hasOwn.call(paramCb, tmp) && paramCb[tmp] || paramCb["*"])) {
-						syncResume.call(view, params[tmp], tmp, params, View)
-						syncResume = null
-					}
-				}
-				viewEmit(view, "nav")
-				bubbleDown(params, close)
-			},
 			wait: function() {
 				var params = lastParams
 				params._p = 1 + (params._p | 0) // pending
@@ -311,14 +314,13 @@
 					if (params._d) {
 						bubbleDown(params)
 					} else if (params._v) {
-						lastView.show(params)
+						viewPing(lastView, params)
 					}
 				}
 			}
 		})
 
-		var root = opts.root
-		, viewFn, lastView, lastUrl, syncResume
+		var viewFn, lastView, lastUrl, syncResume
 		, fnStr = ""
 		, reStr = ""
 		, reEsc = /[.*+?^${}()|[\]/\\]/g
@@ -328,11 +330,12 @@
 		, views = View.views = {}
 		, paramCb = {}
 		, lastParams = paramCb
-		, $d = elScope(View("#", root).e, root)
+		, root = View("#", opts.root).e
+		, $d = elScope(root, root)
 
 		$d.$ui = assign(View, {
-			$: find.bind(View, root),
-			$$: findAll.bind(View, root),
+			$: bind(find, View, root),
+			$$: bind(findAll, View, root),
 			$d: $d,
 			def: viewDef,
 			get: viewGet,
@@ -358,16 +361,9 @@
 			}
 		})
 
-		function appendBind(el, val, sep, q) {
-			var current = getAttr(el, BIND_ATTR)
-			setAttr(el, BIND_ATTR, (current ? (
-				q === "^" ?
-				val + sep + current :
-				current + sep + val
-			) : val))
-		}
-		function bubbleDown(params, close) {
+		function bubbleDown(params) {
 			var view = params._v
+			, close = params._c
 			, parent = view && view.p
 			if (!view || params._p && /{/.test(view.r)) {
 				return viewClose(close)
@@ -379,10 +375,10 @@
 				viewEmit(parent, "openChild", view, close)
 				viewEmit(view, "open", params)
 				addKb(view.kb)
-				close = null
+				params._c = UNDEF
 			}
 			if ((params._d = params._v = view.c)) {
-				bubbleDown(params, close)
+				bubbleDown(params)
 			}
 			if ((lastView === view)) {
 				viewEmit(view, "show", params)
@@ -395,7 +391,7 @@
 				viewEmit(view.p, "closeChild", view, open)
 				viewClose(view.c)
 				elKill(view.o)
-				view.o = null
+				view.o = UNDEF
 				rmKb(view.kb)
 				viewEmit(view, "close")
 			}
@@ -412,11 +408,16 @@
 			}
 		}
 		function viewEmit(view, event, a, b) {
-			view.emit(event, a, b)
-			View.emit(event, view, a, b)
+			emit(view, event, a, b)
+			emit(View, event, view, a, b)
+			emit(LiteJS, event, view, a, b)
 		}
 		function viewEval(str, scope) {
-			Function("$s,$ui,$d,$,$$", str)(scope, View, $d, View.$, View.$$)
+			try {
+				Function("$s,$ui,$d,$,$$", str)(scope, View, $d, View.$, View.$$)
+			} catch(e) {
+				throw e + "\nviewEval: " + str
+			}
 		}
 		function viewGet(url, params) {
 			if (!viewFn) {
@@ -443,7 +444,9 @@
 					parent = parentStack.pop()
 					stack.shift()
 				}
-
+				if (op === "@") {
+					text = replace(text, /([\w,.]+):?/, "on!'$1',")
+				}
 				if (parent.r) {
 					parent.t += "\n" + all
 				} else if (plugin || mapStart && (sel = "map")) {
@@ -464,21 +467,19 @@
 					}
 					if (text && op != "/") {
 						if (op === ">" || op === "+") {
-							(indent + (op === "+" ? text : " " + text)).replace(templateRe, work)
+							replace(indent + (op === "+" ? text : " " + text), templateRe, work)
 						} else if (op === "=") {
 							append(parent, text) // + "\n")
 						} else {
-							if (op === "@") {
-								text = text.replace(/([\w,]+):?/, "on!'$1',")
-							} else if (op === "") {
-								text = "txt _('" + text.replace(/'/g, "\\'") + "',$s)"
+							if (op === "") {
+								text = "txt _(" + quote(text) + ",$s)"
 							}
 							appendBind(parent, text, ";", op)
 						}
 					}
 				}
 			}
-			str.replace(templateRe, work)
+			replace(str, templateRe, work)
 			work("", "")
 			if (parent.childNodes[0]) {
 				append(root, parent.childNodes)
@@ -491,17 +492,55 @@
 				histStart(viewShow)
 			}
 		}
-		function viewShow(url, _params) {
+		function viewPing(view, params) {
+			var parent
+			, tmp = params._v || view // Continue bubbleUp from _v
+			lastParams = params
+			lastView = view
+			params._c = view.o ? view : params._c
+			for (View.route = view.r; tmp; tmp = parent) {
+				viewEmit(syncResume = params._v = tmp, "ping", params, View)
+				syncResume = UNDEF
+				if (lastParams !== params) return
+				if ((parent = tmp.p)) {
+					if (parent.c && parent.c !== tmp) {
+						params._c = parent.c
+					}
+					parent.c = tmp
+				}
+				if (tmp.f) {
+					return xhr.load(
+						replace(tmp.f, /^|,/g, "$&" + (View.path || "")).split(","),
+						bind(readTemplates, view, view.wait(tmp.f = ""))
+					)
+				} else if (!tmp.e) {
+					if (tmp.r === "404") {
+						viewParse("%view 404 #\nh2 Not found")
+					}
+					return viewShow("404")
+				}
+			}
+
+			for (tmp in params) {
+				if (tmp.charAt(0) !== "_" && (syncResume = hasOwn(paramCb, tmp) && paramCb[tmp] || paramCb["*"])) {
+					syncResume(params[tmp], tmp, view, params)
+					syncResume = UNDEF
+				}
+			}
+			viewEmit(view, "nav")
+			bubbleDown(params)
+		}
+		function viewShow(url) {
 			if (url === true) {
 				if (lastParams._p > 0) return
 				url = lastUrl
 				lastUrl = 0
 			}
-			var params = _params || {}
+			var params = $d.params = { _t: Date.now() }
 			, view = viewGet(url, params)
 			if (!view.o || lastUrl !== url) {
-				globalScope.url = lastExp = lastUrl = url
-				view.show(globalScope.params = params)
+				$d.url = lastExp = lastUrl = url
+				viewPing(view, params)
 			}
 		}
 
@@ -526,7 +565,7 @@
 					plugin.e.p = plugin
 				}
 			}
-			if (proto.r) proto.d = Function("p", "p.r(p.o||p.t)")
+			if (proto.r) proto.d = Function("p", "p.r(p.o+p.t)")
 			assign(Plugin.prototype, proto)
 		}
 		function usePluginContent(plugin) {
@@ -536,13 +575,13 @@
 			, contentPos = el._cp
 
 			if (contentPos > -1) {
-				if (childNodes[contentPos].nodeType == 1 && el._sk) {
+				if (childNodes[contentPos].nodeType < 2 && el._sk) {
 					setAttr(childNodes[contentPos], "data-slot", el._sk)
 				}
 				child._s = el._s
 			}
 			if (plugin.c) elCache = plugin.c
-			el.p = plugin.e = plugin.u = null
+			el.p = plugin.e = plugin.u = UNDEF
 			return child
 		}
 
@@ -553,9 +592,9 @@
 			d: function(plugin) {
 				var slotName = plugin.n || ++elSeq
 				, parent = plugin.u
-				append(parent, Comm("%slot-" + slotName))
+				append(parent, Comm("slot" + slotName))
 				// In IE6 root div is inside documentFragment
-				for (; (parent.parentNode || plugin).nodeType === 1; parent = parent.parentNode);
+				for (; (parent.parentNode || plugin).nodeType < 2; parent = parent.parentNode);
 				;(parent._s || (parent._s = {}))[slotName] = parent.childNodes.length - 1
 				if (!plugin.n) parent._s._ = parent._sk = slotName
 				parent._cp = parent.childNodes.length - 1
@@ -565,40 +604,36 @@
 		addPlugin("def",  { r: viewDef })
 		addPlugin("js",   { r: viewEval })
 		addPlugin("each", {
-			r: function(params) {
+			r: function() {
 				var txt = this.t
-				each(params, function(param) {
-					viewParse(txt.replace(/{key}/g, param))
+				each(this.o, function(param) {
+					viewParse(replace(txt, /{key}/g, param))
 				})
 			}
 		})
 		addPlugin("el", {
 			c: 1,
-			d: function(plugin) {
-				var parent = plugin.u
-				, el = usePluginContent(plugin)
+			d: function(plugin, el) {
+				el = usePluginContent(plugin)
 				elCache[plugin.n] = el
-				return parent
 			}
 		})
 		plugins.svg = plugins.el
 		addPlugin("map", {
-			r: function() {
+			r: function(txt) {
 				var plugin = this
-				, txt = plugin.o + plugin.t
 				appendBind(plugin.u, plugin.s ? txt.slice(1) : txt, plugin.s)
 			}
 		})
 		addPlugin("view", {
 			c: 1,
 			d: function(plugin) {
-				var bind = getAttr(plugin.e, BIND_ATTR)
+				var expr = getAttr(plugin.e, BIND_ATTR)
 				, view = View(plugin.n, usePluginContent(plugin), plugin.x)
-				if (bind) {
-					bind = bind.replace(renderRe, function(_, name, op, args) {
+				if (expr) {
+					viewEval(replace(expr, renderRe, function(_, name, op, args) {
 						return "($s." + name + (isFn(view[name]) ? "(" + (args || "") + ")" : "=" + args) + "),"
-					}) + "1"
-					viewEval(bind, view)
+					}) + "1", view)
 				}
 			}
 		})
@@ -616,19 +651,19 @@
 				next = point
 			}
 
-			if ( next != lastSize ) {
+			if (next != lastSize) {
 				cls(html, lastSize, 0)
 				cls(html, lastSize = next)
 			}
 
 			next = width > html.offsetHeight ? "land" : "port"
 
-			if ( next != lastOrient) {
+			if (next != lastOrient) {
 				cls(html, lastOrient, 0)
 				cls(html, lastOrient = next)
 			}
 
-			View.emit("resize")
+			emit(View, "resize")
 		}, 99)
 
 		if (breakpoints) {
@@ -638,80 +673,273 @@
 		/**/
 
 		/*** i18n ***/
-		var iData = {}
-		, iFormat = create(null)
-		, iGlobals = assignDeep(create(null), opts.locales)
-		each(iGlobals, function(translations, iKey) {
-			translations = iData[iKey] = assignDeep(create(iGlobals), opts[iKey])
-			iFormat[iKey] = function(str, data) {
-				return format(get(translations, str, str || ""), data)
+		globalScope._ = format
+		var iFormat = create(NUL)
+		each(opts.locales || { en: "en" }, function(translations, lang, locales) {
+			translations = formatGet.t = assignDeep(assignDeep(create(opts.globals || NUL), locales), opts[lang])
+			formatGet.g = getExt
+			iFormat[lang] = formatGet
+			var iAlias = {
+				"#": "num", "num": "#",
+				"*": "plural", "plural": "*",
+				"?": "pick", "pick": "?",
+				"@": "date", "date": "@",
+				"~": "pattern", "pattern": "~"
+			}
+			, cache = create(NUL)
+			, dateRe = /([Md])\1\1\1?|([YMDdHhmswSZ])(\2?)|[uUaSoQ]|'((?:''|[^'])*)'|(["\\\n\r\u2028\u2029])/g
+			, date1 = new Date()
+			, date2 = new Date()
+			, iExt = formatGet.ext = {
+				date: function(input, _mask, _zone) {
+					var undef
+					, offset = 4294967295
+					, d = input * (input > offset || input < -offset ? 1 : 1000) || Date.parse(input)
+					, t = translations["@"] || {}
+					, mask = t[_mask] || _mask || "UTC:Y-MM-DD'T'HH:mm:ss'Z'"
+					, zone = _zone != undef ? _zone : Date._tz != undef ? Date._tz : undef
+					, utc = mask.slice(0, 4) == "UTC:"
+					if (zone != undef && !utc) {
+						offset = 60 * zone
+						date1.setTime(d + offset * 6e4)
+						utc = mask = "UTC:" + mask
+					} else {
+						date1.setTime(d)
+						offset = utc ? 0 : -date1.getTimezoneOffset()
+					}
+					return isNaN(d) ? "" + date1 : (
+						cache[mask] || (cache[mask] = Function("d,a,o,l", "var t;return \"" + dateStr(mask, utc) + "\"")))(
+						date1,
+						date2,
+						offset,
+						t
+					)
+				},
+				lo: function(str) {
+					return isStr(str) ? str.toLowerCase() : ""
+				},
+				map: function(input, str, sep, lastSep) {
+					var arr = []
+					each(input, function(val) {
+						arr.push(formatGet(str, val))
+					})
+					lastSep = lastSep && arr.length > 1 ? lastSep + arr.pop() : ""
+					return arr.join(sep || ", ") + lastSep
+				},
+				num: function(input, format) {
+					var t = translations["#"] || {}
+					return (
+						cache[format = t[format] || "#" + format] || (cache[format] = Function("d", "var N=d<0&&(d=-d),n,r,o;return " + numStr(format, t)))
+					)(input)
+				},
+				pattern: function(str, re) {
+					var values = []
+					, t = translations["~"] || {}
+					, key = replace(str, RegExp(re || t[""] || "[\\d.]+", "g"), function(a) {
+						values.push(a)
+						return "#"
+					})
+					return str != key && t[key] ? replace(t[key], /#/g, bind(values.shift, values)) : str
+				},
+				pick: function(val, word) {
+					for (var t = translations["?"] || {}, arr = replace((t[word] || word), /([^;=,]+?)\?/g, "$1=$1;").split(/[;=,]/), i = 1|arr.length; i > 0; ) {
+						if ((i-=2) < 0 || arr[i] && (arr[i] == "" + val || +arr[i] <= val)) {
+							return arr[i + 1] ? replace(arr[i + 1], "#", val) : ""
+						}
+					}
+				},
+				plural: function(n, word, expr) {
+					var t = translations["*"] || {}
+					return (
+						cache[expr = t[""] || "n!=1"] || (cache[expr] = Function("a,n", "return (a[+(" + expr + ")]||a[0]).replace('#',n)"))
+					)((t[word] || "# " + word).split(";"), n)
+				},
+				up: function(str) {
+					return isStr(str) ? str.toUpperCase() : ""
+				}
+			}
+
+			function dateStr(mask, utc) {
+				var get = "d.get" + (utc ? "UTC" : "")
+				, dateMap = {
+					d: "Day()||7",
+					M: "Month()+1",
+					D: "Date()",
+					H: "Hours()",
+					h: "Hours()%12||12",
+					m: "Minutes()",
+					s: "Seconds()",
+					S: "Milliseconds()"
+				}
+				, setA = "a.setTime(+d+((4-(" + get + dateMap.d + "))*864e5))"
+				return replace((utc ? mask.slice(4) : mask), dateRe, function(match, MD, single, pad, text, esc) {
+					mask = (
+						esc            ? replace(replace(escape(esc), /%u/g, "\\u"), /%/g, "\\x") :
+						text !== UNDEF ? replace(text, /''/g, "'") :
+						MD || match == "dd" ? "l[''][" + get + (MD == "M" ? "Month()+" + (match == "MMM" ? 14 : 26) : "Day()" + (pad ? (pad = "") : "+7")) + "]" :
+						match == "u"   ? "(d/1000)>>>0" :
+						match == "U"   ? "+d" :
+						match == "Q"   ? "((" + get + "Month()/3)|0)+1" :
+						match == "a"   ? "l[" + get + dateMap.H + ">11?'pm':'am']" :
+						match == "o"   ? setA + ",a" + get.slice(1) + "FullYear()" :
+						single == "Y"  ? get + "FullYear()" + (pad == "Y" ? "%100" : "") :
+						single == "Z"  ? "(t=o)?(t<0?((t=-t),'-'):'+')+(t<600?'0':'')+(0|(t/60))" + (pad ? (pad = "") : "+':'") + "+((t%=60)>9?t:'0'+t):'Z'" :
+						single == "w"  ? "Math.ceil(((" + setA + "-a.s" + get.slice(3) + "Month(0,1))/864e5+1)/7)" :
+						get + dateMap[single || match]
+					)
+					return text !== UNDEF || esc ? mask : "\"+(" + (
+						match == "SS" ? "(t=" + mask + ")>9?t>99?t:'0'+t:'00'+t" :
+						pad ? "(t=" + mask + ")>9?t:'0'+t" :
+						mask
+					) + ")+\""
+				})
+			}
+
+			function numStr(format, t) {
+				// format;NaN;negFormat;0;Infinity;-Infinity;roundPoint
+				// 🯰🯱🯲🯳🯴🯵🯶🯷🯸🯹
+				var conf = format.split(";")
+				, nan_value = conf[1] || "-"
+				, o = (t.ordinal||"").split(";")
+				, pre = {
+					a: "(o+=d<1e3?'':d<1e6?(d/=1e3,'k'):d<1e9?(d/=1e6,'M'):d<1e12?(d/=1e9,'G'):d<1e15?(d/=1e12,'T'):d<1e18?(d/=1e15,'P'):(d/=1e18,'E')),"
+				}
+				, post = {
+					o: "r+(o=" + JSON.stringify(o.slice(0,-1)) + "," + o.pop() + ")"
+				}
+				, m2 = /([^\d#]*)([\d# .,_·']*\/?\d+)(?:(\s*)([a-z%]+)(\d*))?(.*)/.exec(conf[0])
+				, m3 = /([.,\/])(\d*)$/.exec(m2[2])
+				, decimals = m3 && m3[2].length || 0
+				, full = m3 ? m2[2].slice(0, m3.index) : m2[2]
+				, num = replace(full, /\D+/g, "")
+				, sLen = num.length
+				, step = decimals ? +(m3[1] === "/" ? 1 / m3[2] : num + "." + m3[2]) : num
+				, decSep = m3 && m3[1]
+				, fn = "d===Infinity?(N?" + quote(conf[5]||nan_value) + ":" + quote(conf[4]||nan_value) + "):d>0||d===0?(o=" + quote(m2[3]) + "," + (pre[m2[4]] || "") + "n=" + (
+					// Use exponential notation to fix float rounding
+					// Math.round(1.005*100)/100 = 1 instead of 1.01
+					decimals ?
+					"d>1e-" + (decimals + 1) + "?(n=(d+'e" + decimals + "')/" + (step + "e" + decimals) + "":
+					"d>"+num+"e-1?(n=d/" + num
+				) + ",Math.floor(n" + (
+					conf[6] == 1 ? "%1?n+1:n" : "+" + (conf[6] || 0.5)
+				) + ")*" + step + "):0,r=" + (
+					m2[5] ? "(''+(+n.toPrecision(" + (m2[5]) + ")))" :
+					decimals ? "n.toFixed(" + decimals + ")" :
+					"n+''"
+				)
+
+				if (decimals) {
+					if (decSep == "/") {
+						fn += ".replace(/\\.\\d+/,'" + (
+							m3[2] == 5 ?
+							"⅕⅖⅗⅘'.charAt(5" :
+							"⅛¼⅜½⅝¾⅞'.charAt(8"
+						) + "*(n%1)-1))"
+					} else if (decSep != ".") {
+						fn += ".replace('.','" + decSep + "')"
+					}
+					if (sLen === 0) {
+						fn += ",n<1&&(r=r.slice(1)||'0')"
+					}
+				}
+				if (sLen > 1) {
+					if (decimals) sLen += decimals + 1
+					fn += ",r=(r.length<" + sLen + "?(1e15+r).slice(-" + sLen + "):r)"
+				}
+
+				if ((num = full.match(/[^\d#][\d#]+/g))) {
+					fn += ",r=" + numJunk(num.length - 1, 0, decimals ? decimals + 1 : 0)
+				}
+
+				fn += (
+					(m2[4] ? ",r=" + (post[m2[4]] || "r+o") : "") +
+					// negative format
+					",N&&n>0?" + replace(quote(conf[2] || "-#"), "#", "'+r+'") + ":" +
+					(conf[3] ? "n===0?" + quote(conf[3]) + ":" : "") +
+					(m2[1] ? quote(m2[1]) + "+r" : "r") +
+					(m2[6] ? "+" + quote(m2[6]) : "")
+				)
+
+				return fn + "):" + quote(nan_value)
+
+				function numJunk(i, lastLen, dec) {
+					var len = lastLen + num[i].length - 1
+
+					return "(n<1e" + len + (
+						lastLen ? "?r.slice(0,-" + (lastLen + dec) + "):" : "?r:"
+					) + (
+						len < 16 ? numJunk(i?i-1:i, len, dec) : "r.slice(0,-" + (lastLen + dec) + ")"
+					) + "+" + quote(num[i].charAt(0)) + "+r.slice(-" + (len + dec) + (
+						lastLen ? ",-" + (lastLen + dec) : ""
+					) + "))"
+				}
+			}
+
+			function formatGet(str, data) {
+				return format(iGet(translations, str, str || ""), data, getExt)
+			}
+			function getExt(obj, str) {
+				var fn = cache[str] || (cache[str] = (replace(replace(str, /;\s*([#*?@~])(.*)/, function(_, op, arg) {
+					return ";" + iAlias[op] + " " + quote(arg)
+				}), renderRe, function(_, name, op, args) {
+					fn = (_ === name) ? name : "$el." + name + "(" + fn + (args ? "," + args : "") + ")"
+				}), fn === str ? str : makeFn(fn, fn)))
+				return str == "$" ? obj : isStr(fn) ? iGet(obj, str, "") : isFn(fn) ? fn(iExt, obj, translations) : ""
 			}
 		})
-		assignDeep(iGlobals, opts.globals)
-		iSet([localStorage.lang, navigator.language, navigator.userLanguage].concat(navigator.languages, opts.lang).find(iResolve))
-		$d.locales = Object.keys(iFormat)
-		View.lang = iSet
-		function iResolve(lang) {
-			return lang && (iFormat[lang = ("" + lang).toLowerCase()] || iFormat[lang = lang.split("-")[0]]) && lang
-		}
-		function iSet(lang, translations) {
-			assignDeep(iData[lang = html.lang = $d.lang = localStorage.lang = iResolve(lang) || $d.lang || opts.lang], translations)
-			return ($d._ = iFormat[lang] || format)
-		}
+		;[localStorage.lang, opts.lang, navigator.language].concat(navigator.languages, html.lang, $d.locales = Object.keys(iFormat))
+		.find(View.lang = function(lang, translations) {
+			if (lang && (iFormat[lang = ("" + lang).toLowerCase()] || iFormat[lang = lang.split("-")[0]])) {
+				assignDeep(iFormat[html.lang = $d.lang = localStorage.lang = lang].t, translations)
+				return ($d._ = iFormat[lang])
+			}
+		})
+		function format(str, data, getter) {
+			return replace(str, formatRe, function(all, path) {
+				return getter(data, path, "")
+			})
+		}
+		function iGet(obj, path, fallback) {
+			return isStr(path) ? (
+				isStr(obj[path]) ? obj[path] :
+				(path = path.split("."))[1] && isObj(obj = obj[path[0]]) && isStr(obj[path[1]]) ? obj[path[1]] :
+				fallback
+			) :
+			isArr(path) ? iGet(obj, path[0]) || iGet(obj, path[1]) || iGet(obj, path[2], fallback) :
+			fallback
+		}
+		/*/
+		globalScope._ = String
 		/**/
 
 		return View
 	}
 
-	function getUrl() {
-		return (
-			/*** pushState ***/
-			histBase ? location.pathname.slice(histBase.length) :
-			/**/
-			// bug in Firefox where location.hash is decoded
-			// bug in Safari where location.pathname is decoded
-			location.href.split("#")[1] || ""
-		).replace(/^[#\/\!]+|[\s\/]+$/g, "")
-	}
-	function setUrl(url, replace) {
+	function setUrl(url, rep, checkUrl) {
 		/*** pushState ***/
-		if (histBase) {
-			history[replace ? "replaceState" : "pushState"](null, null, histBase + url)
+		if (pushBase) {
+			history[rep ? "replaceState" : "pushState"](NUL, NUL, pushBase + url)
 		} else {
 		/**/
-			location[replace ? "replace" : "assign"]("#" + url)
+			location[rep ? "replace" : "assign"]("#" + url)
 		/*** pushState ***/
 		}
 		/**/
-		return checkUrl()
-	}
-	function checkUrl() {
-		if (histLast != (histLast = getUrl())) {
-			if (histCb) histCb(histLast)
-			return true
-		}
+		if (checkUrl) checkUrl()
 	}
 
 	LiteJS.go = setUrl
 	LiteJS.start = histStart
 	function histStart(cb) {
-		histCb = cb
 		/*** pushState ***/
 		// Chrome5, Firefox4, IE10, Safari5, Opera11.50
-		var url
-		, base = find(html, "base")
-		LiteJS.base = (base || location).href.replace(/[^\/]*(#.*)?$/, "")
-		if (base) base = base.href.replace(/.*:\/\/[^/]*|[^\/]*$/g, "")
-		if (base && !history.pushState) {
-			url = location.pathname.slice(base.length)
-			if (url) {
-				location.replace(base + "#" + url)
-			}
-		}
-		if (base && history.pushState) {
-			histBase = base
+		var histLast
+		, baseEl = find(html, "base")
+		, url = getUrl()
+		if (baseEl && history.pushState) {
+			pushBase = replace(baseEl.href, /.*:\/\/[^/]*|[^\/]*$/g, "")
 
-			url = location.href.split("#")[1]
 			if (url && !getUrl()) {
 				setUrl(url, 1)
 			}
@@ -728,9 +956,19 @@
 		/**/
 			window.onhashchange = checkUrl
 		readTemplates(checkUrl)
+		function checkUrl() {
+			if (cb && histLast != (histLast = getUrl())) cb(histLast)
+		}
+		function getUrl() {
+			return replace(
+				/*** pushState ***/
+				pushBase ? location.pathname.slice(pushBase.length) :
+				/**/
+				// NOTE: in Firefox location.hash is decoded; in Safari location.pathname is decoded
+				location.href.split("#")[1] || "", /^[#\/\!]+|[\s\/]+$/g, "")
+		}
 	}
 
-
 	function Comm(name, render) {
 		var comm = document.createComment(name)
 		if (render) comm.render = render
@@ -739,7 +977,7 @@
 	function El(name) {
 		var attr
 		, attrs = {}
-		, el = name.replace(selectorRe, function(_, op, key, fn, val, quotation) {
+		, el = replace(name, selectorRe, function(_, op, key, fn, val, quotation) {
 			attr = 1
 			val = quotation ? val.slice(1, -1) : val || key
 			attrs[op =
@@ -773,7 +1011,7 @@
 	}
 
 	assign(El, bindings, {
-		emit: elEmit,
+		emit: emit,
 		empty: elEmpty,
 		kill: elKill,
 		off: acceptMany(rmEvent),
@@ -805,57 +1043,65 @@
 	})
 
 	assign(El, {
-		append: append,
 		$b: assign(bindings, {
 			each: function(el, name, list) {
+				/*** debug ***/
+				if (el._li) throw "Binding each must be type of once: each!" + name
+				/**/
+
 				var comm = Comm("each " + name, up)
 				, pos = 0
 				, nodes = []
+
 				comm.$s = this
 				elReplace(el, comm)
-				up()
-				return { a: add, r: remove, u: up }
+				each(list, add)
+				return { a: add, u: up }
 
 				function add(item) {
 					var clone = nodes[pos] = el.cloneNode(true)
 					, subScope = elScope(clone, comm)
+					append(comm.parentNode, clone, (pos ? nodes[pos - 1] : comm).nextSibling)
 					subScope.$i = pos++
 					subScope.$len = list.length
 					subScope[name] = item
 					clone[BIND_ATTR] = el[BIND_ATTR]
-					append(comm.parentNode, clone, comm)
-					render(clone, subScope)
-				}
-				function remove(i) {
-					elKill(nodes.splice(i, 1)[0])
+					/*** debug ***/
+					clone._li = up
+					/**/
+					render(clone)
 				}
 				function up() {
-					for (; pos; ) remove(--pos)
-					each(list, add)
+					for (var i = list.length; pos > i; ) elKill(nodes[--pos])
+					for (nodes.length = i; pos < i; ) add(list[pos])
+					for (; i--; ) nodes[i].$s[name] = list[i]
 				}
 			},
 			el: function(el, tag, fallback) {
-				var child = El(elCache[tag] ? tag : fallback)
-				, tmp = getAttr(el, BIND_ATTR)
-				, tmp2 = getAttr(child, BIND_ATTR)
-				if (tmp) setAttr(child, BIND_ATTR, tmp2 ? tmp + ";" + tmp2 : tmp)
-				if ((tmp = el.className)) cls(child, tmp)
-				child.$s = el.$s
-				elReplace(el, child)
-				render(child, this)
-				return child
+				tag = elCache[tag] ? tag : fallback
+				if (el._el !== tag) {
+					var child = El(tag)
+					, tmp = child._elb = el._el ? el._elb : el[BIND_ATTR]
+					if (tmp) appendBind(child, tmp, ";", "^")
+					child.$s = el.$s
+					child._el = tag
+					elReplace(el, child)
+					if ((tmp = child._elc = el._el ? (elKill(el), el._elc) : el.className)) cls(child, tmp)
+					render(child)
+					return true
+				}
 			},
 			"if": function(el, enabled) {
 				if (enabled) {
 					elReplace(el._if, el)
 				} else {
-					elReplace(el, el._if || (el._if = Comm("if", render.bind(el, el, this))))
+					elReplace(el, el._if || (el._if = Comm("if", bind(render, el, el, this))))
 					return true
 				}
 			},
 			is: function(el, val, opts, prefix) {
 				if (!prefix) prefix = "is-"
-				var match = format(val, opts)
+				var match = elScope(el)._.ext.pick(val, opts)
 				cls(el, el[prefix + opts], 0)
 				cls(el, el[prefix + opts] = match && prefix + match)
 			},
@@ -872,38 +1118,37 @@
 				})
 			}
 		}),
+		$d: globalScope,
+		append: append,
+		asEmitter: asEmitter,
 		blur: blur,
 		cache: elCache,
 		closest: closest,
-		$d: globalScope,
 		get: getAttr,
 		hasClass: hasClass,
 		matches: matches,
+		nearest: nearest,
+		next: bind(walk, El, "nextSibling"),
+		prev: bind(walk, El, "previousSibling"),
 		rate: rate,
 		replace: elReplace,
 		scope: elScope,
 		scrollLeft: scrollLeft,
 		scrollTop: scrollTop,
 		step: step,
-		style: function(el, key) {
-			return getComputedStyle(el).getPropertyValue(key)
-		}
+		stop: eventStop
 	})
 
-	function getAttr(el, key) {
-		return el && el.getAttribute && el.getAttribute(key)
-	}
-
 	function setAttr(el, key, val) {
 		var current = getAttr(el, key)
 
 		/*** ie8 ***/
-		// Bug: IE5-7 doesn't set styles and removes events when you try to set them.
+		// NOTE: IE5-7 doesn't set styles and removes events when you try to set them.
 		// IE6 label with a for attribute will re-select the first option of SELECT list instead of just giving focus.
 		// http://webbugtrack.blogspot.com/2007/09/bug-116-for-attribute-woes-in-ie6.html
+		// IE8 and below have a bug where changed 'name' not accepted on form submit
 		/* c8 ignore next 3 */
-		if (ie67 && (key === "id" || key === "name" || key === "checked" || key === "style")) {
-			// IE8 and below have a bug where changed 'name' not accepted on form submit
+		if (ie678 && (key === "id" || key === "name" || key === "checked" || key === "style")) {
 			el.mergeAttributes(document.createElement("<INPUT " + key + "='" + val + "'>"), false)
 		} else
 		/**/
@@ -928,14 +1173,14 @@
 		, i = 0
 		if (child) {
 			if (isStr(child) || isNum(child)) child = document.createTextNode(child)
-			else if ( !child.nodeType && (i = child.length) ) {
+			else if (!child.nodeType && (i = child.length)) {
 				for (tmp = document.createDocumentFragment(); i--; ) append(tmp, child[i], 0)
 				child = tmp
 			}
 
 			if (child.nodeType) {
 				if ((i = setAttr(child, "slot", "") || getAttr(el, "data-slot"))) {
-					i = "%slot-" + i
+					i = "slot" + i
 					for (tmp = el.firstChild; tmp; tmp = next) {
 						if (tmp.nodeType === 8 && tmp.nodeValue === i) {
 							el = tmp
@@ -954,7 +1199,7 @@
 					isNum(before) ? el.childNodes[before < 0 ? el.childNodes.length - before - 2 : before] :
 					isArr(before) ? before[0] :
 					before
-				) || null)
+				) || NUL)
 				/*** debug ***/
 				if (el.namespaceURI && child.namespaceURI && el.namespaceURI !== child.namespaceURI && el.tagName !== "foreignObject" && child.tagName !== "svg") {
 					console.error("NAMESPACE CHANGE!", el, child)
@@ -964,6 +1209,15 @@
 		}
 	}
 
+	function appendBind(el, val, sep, q) {
+		var current = getAttr(el, BIND_ATTR)
+		setAttr(el, BIND_ATTR, (current ? (
+			q === "^" ?
+			val + sep + current :
+			current + sep + val
+		) : val))
+	}
+
 	function hasClass(el, name) {
 		var current = el.className || ""
 
@@ -979,17 +1233,19 @@
 		// className is object on SVGElements
 		var current = el.className || ""
 		, useAttr = !isStr(current)
+		, SP = " "
 
 		if (useAttr) {
-			current = el.getAttribute("class") || ""
+			current = getAttr(el, "class") || ""
 		}
 
 		if (set === UNDEF || set) {
+			if (set && set !== el && set.nodeType < 2) cls(set, name, 0)
 			if (current) {
-				name = current.split(splitRe).indexOf(name) > -1 ? current : current + " " + name
+				name = current.split(SP).indexOf(name) > -1 ? current : current + SP + name
 			}
 		} else {
-			name = current ? (" " + current + " ").replace(" " + name + " ", " ").trim() : current
+			name = current ? replace(SP + current + SP, SP + name + SP, SP).trim() : current
 		}
 
 		if (current != name) {
@@ -1001,9 +1257,6 @@
 		}
 	}
 
-	function elEmit(el) {
-		emit.apply(el, slice.call(arguments, 1))
-	}
 	function elEmpty(el) {
 		for (; el.lastChild; elKill(el.lastChild));
 	}
@@ -1011,34 +1264,28 @@
 		if (el) {
 			if (delay > 0) return setTimeout(elKill, delay, el, tr)
 			if (tr) {
-				cls(el, tr, tr = "transitionend")
+				if (isStr(tr)) cls(el, tr)
+				if (isObj(tr)) bindingsCss(el, tr)
+				tr = "transitionend"
 				// transitionend fires for each property transitioned
-				if ("on" + tr in el) return addEvent(el, tr, elKill.bind(el, el, el = null))
+				if ("on" + tr in el) return addEvent(el, tr, bind(elKill, el, el, el = UNDEF))
 			}
 			if (el._e) {
-				emit.call(el, "kill")
+				emit(el, "kill")
 				el._e = UNDEF
 			}
 			elRm(el)
-			el.$s = UNDEF
-			if (el.nodeType != 1) {
-				if (el.kill) el.kill()
-			} else {
+			if (el.nodeType < 2) {
+				el.$s = UNDEF
 				elEmpty(el)
 				if (el.valObject !== UNDEF) {
 					el.valObject = UNDEF
 				}
+			} else {
+				if (el.kill) el.kill()
 			}
 		}
 	}
-	function elReplace(oldChild, newChild) {
-		var parent = oldChild && oldChild.parentNode
-		if (parent && newChild) parent.replaceChild(newChild, oldChild)
-	}
-	function elRm(el) {
-		var parent = el && el.parentNode
-		if (parent) parent.removeChild(el)
-	}
 	function elScope(el, parent) {
 		return el.$s || (
 			parent ? ((parent = elScope(parent)), el.$s = assign(create(parent), { $up: parent })) :
@@ -1069,7 +1316,7 @@
 				value = elVal(input, val != UNDEF ? val[key] : UNDEF)
 				if (value !== UNDEF) {
 					step = opts
-					key.replace(/\[(.*?)\]/g, replacer)
+					replace(key, /\[(.*?)\]/g, replacer)
 					step[key || step.length] = value
 				}
 			}
@@ -1078,8 +1325,7 @@
 
 		if (val !== UNDEF) {
 			if (opts) {
-				value = (isArr(val) ? val : [ val ]).map(String)
-				for (; (input = opts[i++]); ) {
+				for (value = (isArr(val) ? val : [ val ]).map(String); (input = opts[i++]); ) {
 					input.selected = value.indexOf(input.value) > -1
 				}
 			} else if (el.val) {
@@ -1107,12 +1353,12 @@
 		}
 
 		return checkbox && !el.checked ?
-		(type === "radio" ? UNDEF : null) :
+		(type === "radio" ? UNDEF : NUL) :
 		el.valObject !== UNDEF ? el.valObject : el.value
 
 		function replacer(_, _key, offset) {
 			if (step == opts) key = key.slice(0, offset)
-			step = step[key] || (step[key] = step[key] === null || _key && +_key != _key ? {} : [])
+			step = step[key] || (step[key] = step[key] === NUL || _key && +_key != _key ? {} : [])
 			key = _key
 		}
 	}
@@ -1125,15 +1371,14 @@
 	}
 
 	function render(node, $s) {
-		if (!node) return
-		var bind, next
-		, scope = node.$s || $s || closestScope(node)
-
-		if (node.nodeType != 1) {
-			if (node.render) node.render(scope)
+		if (!node || node.nodeType != 1) {
+			if (node && node.render) node.render()
 			return
 		}
 
+		var el, next
+		, scope = node.$s || $s || closestScope(node)
+
 		/*** ie8 ***/
 		if (ie678 && node.tagName === "SELECT") {
 			node.parentNode.insertBefore(node, node)
@@ -1141,53 +1386,46 @@
 		/**/
 
 		if (hydrate(node, BIND_ATTR, scope)) return
-		for (bind = node.firstChild; bind; bind = next) {
-			next = bind.nextSibling
-			render(bind, scope)
+		for (el = node.firstChild; el; el = next) {
+			next = el.nextSibling
+			render(el, scope)
 		}
 		hydrate(node, "data-out", scope)
 	}
 
 	function hydrate(node, attr, scope) {
 		var fn
-		, bind = node[attr] || (node[attr] = setAttr(node, attr, "") || true)
-		if (bind !== true) try {
-			fn = fnCache[bind] || (fnCache[bind] = makeFn(bind))
-			scope.$o = fn.o
-			return fn(node, scope, attr)
+		, expr = node[attr] || (node[attr] = setAttr(node, attr, "") || true)
+		if (expr !== true) try {
+			fn = fnCache[expr] || (fnCache[expr] = makeFn(expr))
+			return fn(node, scope, attr, fn.o)
 		} catch (e) {
-			/*** debug ***/
-			console.error(e)
-			console.error("BINDING: " + bind, node)
-			/**/
-			if (window.onerror) {
-				window.onerror(e.message, e.fileName, e.lineNumber)
-			}
+			throw e + "\n" + attr + ": " + expr
 		}
 	}
-	function makeFn(fn) {
+	function makeFn(fn, raw) {
 		var i = 0
 		, bindOnce = []
-		fn = "$s&&(" + fn.replace(renderRe, function(match, name, op, args) {
+		fn = raw || "$s&&(" + replace(fn, renderRe, function(match, name, op, args) {
 			return (
 				(op === "!" && (bindOnce[i] = match)) ?
 				"($el[$a]=$el[$a].replace($o[" + (i++)+ "],''),0)||" :
 				""
-			) + "$b['" + (bindings[name] ? name + "'].call($s,$el" : "set']($el,'" + name + "'") + (args ? "," + args.replace(/^\s*(\w+) in /,"'$1',") : "") + ")||"
+			) + "$b['" + (bindings[name] ? name + "'].call($s,$el" : "set']($el,'" + name + "'") + (args ? "," + replace(args, /^\s*(\w+) in /,"'$1',") : "") + ")||"
 		}) + "$r)"
-		var vars = fn.replace(fnRe, "").match(wordRe) || []
+		var vars = replace(fn, fnRe, "").match(wordRe) || []
 		for (i = vars.length; i--; ) {
 			if (vars.indexOf(vars[i]) !== i) vars.splice(i, 1)
 			else vars[i] += "=$s." + vars[i]
 		}
-		fn = Function("$el,$s,$a,$r", "var " + vars + ";return " + fn)
+		fn = Function("$el,$s,$a,$o,$r", (vars[0] ? "var " + vars : "") + ";return " + fn)
 		fn.o = bindOnce
 		return fn
 	}
 
 	/*** kb ***/
 	var kbMaps = []
-	, kbMod = LiteJS.kbMod = iOS ? "metaKey" : "ctrlKey"
+	, kbMod = LiteJS.kbMod = /^(Mac|iP)/.test(navigator.platform) ? "metaKey" : "ctrlKey"
 	, kbCodes = LiteJS.kbCodes = ",,,,,,,,backspace,tab,,,,enter,,,shift,ctrl,alt,pause,caps,,,,,,,esc,,,,,,pgup,pgdown,end,home,left,up,right,down,,,,,ins,del,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,cmd,,,,,,,,,,,,,,,,,,,,,f1,f2,f3,f4,f5,f6,f7,f8,f9,f10,f11,f12".split(splitRe)
 
 	El.addKb = addKb
@@ -1196,7 +1434,7 @@
 		if (map) {
 			kbMaps.unshift(map)
 			if (killEl) {
-				addEvent(killEl, "kill", rmKb.bind(map, map))
+				addEvent(killEl, "kill", bind(rmKb, map, map))
 			}
 		}
 	}
@@ -1204,19 +1442,6 @@
 		map = kbMaps.indexOf(map)
 		if (map > -1) kbMaps.splice(map, 1)
 	}
-	function runKb(e, code, chr) {
-		var fn, map
-		, i = 0
-		, el = e.target || e.srcElement
-		, input = /INPUT|TEXTAREA|SELECT/i.test((el.nodeType == 3 ? el.parentNode : el).tagName)
-
-		for (; (map = kbMaps[i++]) && (
-			!(fn = !input || map.input ? map[code] || map[chr] || map.num && code > 47 && code < 58 && (chr|=0, map.num) || map.all : fn) &&
-			map.bubble
-		););
-		if (isStr(fn)) setUrl(fn)
-		if (isFn(fn)) fn(e, chr, el)
-	}
 
 	addEvent(document, "keydown", function(e) {
 		if (kbMaps[0]) {
@@ -1229,31 +1454,42 @@
 			if (code == 8 && kbMaps[0].backspace) {
 				eventStop(e)
 			}
-			runKb(e, code, key)
-			if (e.shiftKey && code != 16) runKb(e, code, "shift+" + key)
+			runKb(key)
+			if (e.shiftKey && code != 16) runKb("shift+" + key)
 			// people in Poland use Right-Alt+S to type in Ś.
 			// Right-Alt+S is mapped internally to Ctrl+Alt+S.
 			// THANKS: Marcin Wichary - disappearing Polish Ś [https://medium.engineering/fa398313d4df]
 			if (e.altKey) {
-				if (code != 18) runKb(e, code, "alt+" + key)
+				if (code != 18) runKb("alt+" + key)
 			} else if (code != 17) {
-				if (e.ctrlKey) runKb(e, code, "ctrl+" + key)
-				if (e[kbMod] && code != 91) runKb(e, code, "mod+" + key)
+				if (e.ctrlKey) runKb("ctrl+" + key)
+				if (e[kbMod] && code != 91) runKb("mod+" + key)
 			}
 		}
+		function runKb(chr) {
+			for (
+				var fn, map
+				, i = 0
+				, el = e.target
+				, input = /INPUT|TEXTAREA|SELECT/i.test((el.nodeType < 2 ? el : el.parentNode).tagName);
+				(map = kbMaps[i++]) && !(
+					fn = !input || map.input ? map[code] || map[chr] || map.num && code > 47 && code < 58 && (chr|=0, map.num) || map.all : fn
+				) && map.bubble; );
+			if (isStr(fn)) setUrl(fn)
+			if (isFn(fn)) fn(e, chr, el)
+		}
 	})
 	/**/
 
 	/*** touch ***/
-	var touchEl, touchDist, touchAngle, touchMode
+	var touchEl, touchDist, touchAngle, touchMode, touchTick
 	, START = "start"
 	, END = "end"
-	, MS_WHICH = [0, 1, 4, 2]
 	, touches = []
 	, touchEv = {}
 
 	// tap, swipe + left/right/up/down
-	each("pan pinch rotate", function(name) {
+	each("pan pinch rotate tap", function(name) {
 		fixEv[name] = fixEv[name + START] = fixEv[name + END] = ""
 		fixFn[name] = touchInit
 	})
@@ -1265,110 +1501,116 @@
 			bindingsCss(el, "touchAction msTouchAction", "none")
 			el._ti = 1
 		}
-	}
-	function touchDown(e, e2) {
-		var len = e ? touches.push(e) : touches.length
-		, MOVE = "pointermove"
-		if (touchMode) {
-			elEmit(touchEl, touchMode + END, e2, touchEv, touchEl)
-			touchMode = UNDEF
-		}
-		if (len === 0) {
-			touchEl = null
-		}
-		if (len === 1) {
-			if (e) {
-				touchEl = e.currentTarget || e.target
-				if (e.button === 2 || matches(e.target, "INPUT,TEXTAREA,SELECT,.no-drag")) return
-			} else {
-				e = touches[0]
+		function touchDown(e, e2) {
+			clearTimeout(touchTick)
+			var len = e ? touches.push(e) : touches.length
+			, MOVE = "pointermove"
+			if (touchMode || len < 1) {
+				emit(touchEl, touchMode ? touchMode + END : "tap", e2, touchEv, touchEl)
+				touchMode = UNDEF
 			}
-			touchEv.X = e.clientX
-			touchEv.Y = e.clientY
-			touchPos("left", "offsetWidth")
-			touchPos("top", "offsetHeight")
-			moveOne(e)
-		}
-		if (len === 2) {
-			touchDist = touchAngle = null
-			moveTwo(e)
-		}
-		;(len === 1 ? addEvent : rmEvent)(document, MOVE, moveOne)
-		;(len === 2 ? addEvent : rmEvent)(document, MOVE, moveTwo)
-		return eventStop(e)
-		function touchPos(name, offset) {
-			var val = (
-				touchEl.getBBox ?
-				touchEl.getAttributeNS(null, name == "top" ? "y":"x") :
-				touchEl.style[name]
-			)
-			touchEv[name] = parseInt(val, 10) || 0
-			if (val && val.indexOf("%") > -1) {
-				touchEv[name] *= touchEl.parentNode[offset] / 100
+			if (len < 0) {
+				touchEl = UNDEF
 			}
-		}
-	}
-	function touchUp(e) {
-		for (var i = touches.length; i--; ) {
-			if (touches[i].pointerId == e.pointerId) {
-				touches.splice(i, 1)
-				break
+			if (len === 1) {
+				if (e) {
+					touchEl = e.currentTarget || e.target
+					touchEv.X = e.clientX
+					touchEv.Y = e.clientY
+					touchPos("left", "offsetWidth")
+					touchPos("top", "offsetHeight")
+					if (e.button === 2 || matches(touchEl, "INPUT,TEXTAREA,SELECT,.no-drag")) return
+					touchTick = setTimeout(moveOne, 1500, e, 1)
+				}
+				moveOne(e || touches[0])
 			}
-		}
-		touchDown(null, e)
-	}
-	function touchWheel(e) {
-		// IE10 enabled pinch-to-zoom gestures from multi-touch trackpad’s as mousewheel event with ctrlKey.
-		// Chrome M35 and Firefox 55 followed up.
-		if (!touches[0]) {
-			var ev = e.ctrlKey ? "pinch" : e.altKey ? "rotate" : UNDEF
-			if (ev && emit.call(e.currentTarget || e.target, ev, e, e.deltaY/20, 0)) {
-				return eventStop(e)
+			if (len === 2) {
+				touchDist = touchAngle = UNDEF
+				moveTwo(e)
+			}
+			;(len === 1 ? addEvent : rmEvent)(document, MOVE, moveOne)
+			;(len === 2 ? addEvent : rmEvent)(document, MOVE, moveTwo)
+			function touchPos(name, offset) {
+				var val = (
+					touchEl.getBBox ?
+					touchEl.getAttributeNS(NUL, name == "top" ? "y":"x") :
+					touchEl.style[name]
+				)
+				touchEv[name] = parseInt(val, 10) || 0
+				if (val && val.indexOf("%") > -1) {
+					touchEv[name] *= touchEl.parentNode[offset] / 100
+				}
 			}
 		}
-	}
-	function moveOne(e) {
-		// In IE9 mousedown.buttons is OK but mousemove.buttons == 0
-		if (touches[0].buttons && touches[0].buttons !== (e.buttons || MS_WHICH[e.which || 0])) {
-			return touchUp(e)
+		function touchUp(e) {
+			for (var i = touches.length; i--; ) {
+				if (touches[i].pointerId == e.pointerId) {
+					touches.splice(i, 1)
+					break
+				}
+			}
+			touchDown(UNDEF, e)
+		}
+		function touchWheel(e) {
+			// IE10 enabled pinch-to-zoom gestures from multi-touch trackpad’s as mousewheel event with ctrlKey.
+			// Chrome M35 and Firefox 55 followed up.
+			if (!touches[0]) {
+				var ev = e.ctrlKey ? "pinch" : e.altKey ? "rotate" : UNDEF
+				if (ev && emit(e.currentTarget || e.target, ev, e, e.deltaY/20, 0)) {
+					return eventStop(e)
+				}
+			}
 		}
-		touchEv.x = e.clientX - touchEv.X
-		touchEv.y = e.clientY - touchEv.Y
-		touchEv.leftPos = touchEv.x + touchEv.left
-		touchEv.topPos  = touchEv.y + touchEv.top
-		if (!touchMode) {
-			var evs = touchEl._e
-			touchMode = (
-				evs.pan && (touchEv.x > 10 || touchEv.x < -10 || touchEv.y > 10 || touchEv.y < -10) ? "pan" :
-				UNDEF
-			)
-			if (!touchMode) return
-			elEmit(touchEl, touchMode + START, e, touchEv, touchEl)
+		function moveOne(e, fromTimer) {
+			// In IE9 mousedown.buttons is OK but mousemove.buttons == 0
+			if (touches[0].buttons && touches[0].buttons !== (e.buttons || [0, 1, 4, 2][e.which || 0])) {
+				return touchUp(e)
+			}
+			touchEv.x = e.clientX - touchEv.X
+			touchEv.y = e.clientY - touchEv.Y
+			touchEv.leftPos = touchEv.x + touchEv.left
+			touchEv.topPos  = touchEv.y + touchEv.top
+			if (!touchMode) {
+				var evs = touchEl._e
+				touchMode = (
+					haveEv("pan", touchEv.x > 10 || touchEv.x < -10 || touchEv.y > 10 || touchEv.y < -10) ||
+					haveEv("hold", fromTimer)
+				)
+				if (!touchMode) return
+				clearTimeout(touchTick)
+				emit(touchEl, touchMode + START, e, touchEv, touchEl)
+			}
+			emit(touchEl, touchMode, e, touchEv, touchEl)
+			function haveEv(name, set) {
+				return set && (evs[name] || evs[name + START] || evs[name + END]) && name
+			}
 		}
-		elEmit(touchEl, touchMode, e, touchEv, touchEl)
-	}
-	function moveTwo(e) {
-		touches[ touches[0].pointerId == e.pointerId ? 0 : 1] = e
-		var diff
-		, x = touchEv.X - touches[1].clientX
-		, y = touchEv.Y - touches[1].clientY
-		, dist = Math.sqrt(x*x + y*y) | 0
-		, angle = Math.atan2(y, x)
-
-		if (touchDist !== null) {
-			diff = dist - touchDist
-			if (diff) elEmit(touchEl, "pinch", e, diff, angle)
-			// GestureEvent onGestureChange: function(e) {
-			//	e.target.style.transform =
-			//		'scale(' + e.scale  + startScale  + ') rotate(' + e.rotation + startRotation + 'deg)'
-			diff = angle - touchAngle
-			if (diff) elEmit(touchEl, "rotate", e, diff * (180/Math.PI))
+		function moveTwo(e) {
+			touches[ touches[0].pointerId == e.pointerId ? 0 : 1] = e
+			var diff
+			, x = touchEv.X - touches[1].clientX
+			, y = touchEv.Y - touches[1].clientY
+			, dist = Math.sqrt(x*x + y*y) | 0
+			, angle = Math.atan2(y, x)
+
+			if (touchDist !== UNDEF) {
+				diff = dist - touchDist
+				if (diff) emit(touchEl, "pinch", e, diff, angle)
+				// GestureEvent onGestureChange: function(e) {
+				//	e.target.style.transform =
+				//		'scale(' + e.scale  + startScale  + ') rotate(' + e.rotation + startRotation + 'deg)'
+				diff = angle - touchAngle
+				if (diff) emit(touchEl, "rotate", e, diff * (180/Math.PI))
+			}
+			touchDist = dist
+			touchAngle = angle
 		}
-		touchDist = dist
-		touchAngle = angle
 	}
 	/**/
 
+	function closest(el, sel) {
+		return el && html.closest.call(el.nodeType < 2 ? el : el.parentNode, sel)
+	}
 	function find(root, sel, startNode) {
 		return html.querySelector.call(startNode || root, sel)
 	}
@@ -1378,48 +1620,52 @@
 	function matches(el, sel) {
 		return el && html.matches.call(el, sel)
 	}
-	function closest(el, sel) {
-		return el && html.closest.call(el.closest ? el : el.parentNode, sel)
+	function nearest(el, sel) {
+		return el ? find(el, sel) || nearest(el.parentNode, sel) : NUL
+	}
+	function walk(attr, el, sel) {
+		for (; el && !matches(el = el[attr], sel); );
+		return el
 	}
 	function acceptMany(fn, prepareVal) {
-		return function f(el, names, selector, data, val, delay) {
-			if (el && names) {
+		return function f(el, name, val, selector, delay, data) {
+			if (el && name) {
 				var i = arguments.length
-				if (i == 3 || i == 4 && isNum(data)) {
-					delay = data
-					val = selector
-					selector = data = null
-				} else if (i == 4 || i == 5 && isNum(val)) {
-					delay = val
-					val = data
-					if (isStr(selector)) {
-						data = null
-					} else {
+				if (i > 3 && i < 6) {
+					if (isArr(selector)) {
 						data = selector
-						selector = null
+						delay = selector = UNDEF
+					} else if (isNum(selector)) {
+						data = delay
+						delay = selector
+						selector = UNDEF
 					}
 				}
 				if (delay > 0) {
-					setTimeout(f, delay, el, names, selector, data, val, 0)
+					setTimeout(f, delay, el, name, val, selector, 0, data)
 					return
 				}
-				if (isObj(names)) {
-					for (delay in names) if (hasOwn.call(names, delay)) {
-						f(el, delay, selector, data, names[delay])
+				if (isObj(name)) {
+					for (delay in name) if (hasOwn(name, delay)) {
+						f(el, delay, name[delay], selector, 0, data)
 					}
 					return
 				}
-				if (prepareVal) val = prepareVal(el, selector, data, val)
-				selector = !prepareVal && selector ? findAll(el, selector) : [ el ]
-				var arr = ("" + names).split(splitRe), len = arr.length
-				for (delay = 0; (el = selector[delay++]); )
-				for (i = 0; i < len; ) if (arr[i]) fn(el, arr[i++], isArr(val) ? val[i - 1] : val)
+				if (prepareVal) val = prepareVal(el, val, selector, data)
+				selector = !prepareVal && selector ? findAll(el, selector) : isArr(el) ? el : [ el ]
+				var arr = ("" + name).split(splitRe), len = arr.length
+				for (delay = 0; (el = selector[delay++]); ) {
+					for (i = 0; i < len; ) {
+						if (arr[i]) fn(el, arr[i++], isArr(val) ? val[i - 1] : val)
+					}
+				}
 			}
 		}
 	}
 	function assignDeep(target, map) {
-		if (map) for (var k in map) if (hasOwn.call(map, k)) {
-			target[k] = isObj(map[k]) && isObj(target[k]) ? assignDeep(target[k], map[k]) : map[k]
+		if (map) for (var k in map) if (hasOwn(map, k)) {
+			if (isObj(map[k]) && isObj(target[k]) && hasOwn(target, k)) assignDeep(target[k], map[k])
+			else target[k] = map[k]
 		}
 		return target
 	}
@@ -1435,9 +1681,11 @@
 		return a.toUpperCase()
 	}
 	function each(arr, fn, scope, key) {
-		if (isStr(arr)) arr = arr.split(splitRe)
-		if (isArr(arr)) arr.forEach(fn, scope)
-		else if (arr) for (key in arr) if (hasOwn.call(arr, key)) fn.call(scope, arr[key], key, arr)
+		if (arr) {
+			if (isStr(arr)) arr = arr.split(splitRe)
+			if (isArr(arr)) arr.forEach(fn, scope)
+			else for (key in arr) if (hasOwn(arr, key)) fn.call(scope, arr[key], key, arr)
+		}
 	}
 	function expand(str) {
 		var first = str.charAt(0)
@@ -1448,19 +1696,6 @@
 			(lastExp = str)
 		)
 	}
-	function format(str, data) {
-		return str.replace(formatRe, function(all, path) {
-			return get(data, path, "")
-		})
-	}
-	function get(obj, path, fallback) {
-		return isStr(path) ? (
-			obj[path] !== UNDEF ? obj[path] :
-			(path = path.split("."))[1] && isObj(obj = obj[path[0]]) && obj[path[1]] !== UNDEF ? obj[path[1]] : fallback
-		) :
-		isArr(path) ? get(obj, path[0]) || get(obj, path[1]) || get(obj, path[2], fallback) :
-		fallback
-	}
 	function injectCss(cssText) {
 		if (!styleNode) {
 			// Safari and IE6-8 requires dynamically created
@@ -1483,13 +1718,15 @@
 	function isStr(str) {
 		return typeof str === "string"
 	}
-	// Maximum call rate for Function
-	// leading edge, trailing edge
+	function quote(str) {
+		return "'" + replace(replace(str || "", /'/g, "\\'"), /\n/g, "\\n") + "'"
+	}
+	// Maximum call rate for Function with optional leading edge and trailing edge
 	function rate(fn, ms, onStart, onEnd) {
 		var tick
 		, next = 0
-		onStart = isFn(onStart) ? onStart : (onStart === UNDEF || onStart) && fn
-		onEnd = isFn(onEnd) ? onEnd : (onEnd === UNDEF || onEnd) && fn
+		onStart = isFn(onStart) ? onStart : (onStart === tick || onStart) && fn
+		onEnd = isFn(onEnd) ? onEnd : (onEnd === tick || onEnd) && fn
 		return function() {
 			var now = Date.now()
 			clearTimeout(tick)
@@ -1498,7 +1735,8 @@
 					if (onStart) onStart()
 				} else fn()
 				next = now + ms
-			} else if (onEnd) {
+			}
+			if (onEnd) {
 				tick = setTimeout(onEnd, next - now)
 			}
 		}
@@ -1523,14 +1761,14 @@
 			elKill(el)
 			return el.src
 		}), function(res) {
-			res = res.concat(sources).filter(Boolean)
+			res = res.concat(sources, next && next.src && next.innerHTML).filter(Boolean)
 			if (res[sources.length = 0]) {
 				if (!parser) LiteJS.ui = LiteJS()
 				each(res, parser)
 			}
-			if (next) next()
+			if (isFn(next)) next()
 		}, 1)
 	}
-	readTemplates()
+	readTemplates(findAll(html, "script").pop())
 }(this, document, history, localStorage, location, navigator, Function, Object) // jshint ignore:line