@litejs/ui 24.0.0-rc.6 → 24.7.0

package/{index.js → ui.js}

@@ -1,73 +1,77 @@
 
 /* litejs.com/MIT-LICENSE.txt */
 
-/* global xhr, getComputedStyle, navigator */
+/* global xhr, navigator */
 
-!function(window, document, history, location, Function, Object) {
+/*** 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
 	, html = document.documentElement
 	, body = document.body
-	, histBase, histCb, histLast
 	, splitRe = /[,\s]+/
 	, emptyArr = []
 	, assign = Object.assign
 	, create = Object.create
 	, isArr = Array.isArray
 	, slice = emptyArr.slice
+	, elReplace = Function("a,b,c", "(c=a&&b&&a.parentNode)&&c.replaceChild(b,a)")
+	, elRm = Function("e,k", "(k=e&&e.parentNode)&&k.removeChild(e)")
+	, getAttr = Function("e,k", "return e&&e.getAttribute&&e.getAttribute(k)")
+	, 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
-
-	, escapeRe = /[.*+?^=!:${}()|\[\]\/\\]/g
-	, routeRe = /\{([\w%.]+?)\}|.[^{\\]*?/g
 
 	, BIND_ATTR = "data-bind"
 	, elSeq = 0
 	, elCache = {}
-	, renderRe = /[;\s]*([-\w$]+)(?:([ :!])((?:(["'\/])(?:\\.|[^\\])*?\3|[^;])*))?/g
+	, formatRe = /{((?:("|')(?:\\\2|[\s\S])*?\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 body ? "textContent" : "innerText"
+	, txtAttr = "textContent" in html ? "textContent" : "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(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 = {
-		attr: acceptMany(setAttr),
 		cls: acceptMany(cls),
 		css: bindingsCss,
 		on: bindingsOn,
+		set: acceptMany(setAttr),
 		txt: elTxt,
 		val: elVal,
 		view: function(el, url) {
-			setAttr(el, "href", (histBase || "#") + expand(url||""))
+			setAttr(el, "href", (pushBase || "#") + expand(url || ""))
 		}
 	}
 	, globalScope = {
 		El: El,
-		_: String,
-		_b: bindings
+		_: format,
+		_f: format,
+		$b: bindings
 	}
 	, elArr = {
 		append: function(el) {
@@ -89,11 +93,6 @@
 	, sources = []
 	, 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 = {})
@@ -114,11 +113,6 @@
 	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)
 
@@ -181,7 +175,7 @@
 		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 +183,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 = body.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)
@@ -204,7 +198,7 @@
 				evs[id + 1]._rm()
 			}
 			if (ev2 !== "" && "on" + ev2 in el) {
-				body.removeEventListener.call(el, ev2, evs[id + 1])
+				html.removeEventListener.call(el, ev2, evs[id + 1])
 			}
 			evs.splice(id - 1, 3)
 		}
@@ -220,7 +214,7 @@
 
 	function LiteJS(opts) {
 		opts = assign({
-			base: "",
+			path: "",
 			/*** breakpoints ***/
 			breakpoints: {
 				sm: 0,
@@ -231,14 +225,6 @@
 			home: "home",
 			root: body
 		}, opts)
-		var root = opts.root
-		, viewFn, lastView, lastUrl, syncResume
-		, viewSeq = 1
-		, fnStr = ""
-		, reStr = ""
-		, views = View.views = {}
-		, paramCb = {}
-		, lastParams = paramCb
 
 		function View(route, el, parent) {
 			var view = views[route]
@@ -256,15 +242,13 @@
 			view.p = parent && View(parent)
 
 			if (route.charAt(0) !== "#") {
-				var params = "m[" + (view.s = viewSeq++) + "]?("
-				, _re = route.replace(routeRe, function(_, expr) {
+				fnStr += "m[" + (view.s = routeSeq++) + "]?("
+				reStr += "|(" + replace(route, routeRe, function(_, expr) {
 					return expr ?
-						(params += "o['" + expr + "']=m[" + (viewSeq++) + "],") && "([^/]+?)" :
-						_.replace(escapeRe, "\\$&")
-				})
-
-				fnStr += params + "'" + route + "'):"
-				reStr += (reStr ? "|(" : "(") + _re + ")"
+						(fnStr += "p['" + expr + "']=m[" + (routeSeq++) + "],") && "([^/]+?)" :
+						replace(_, reEsc, "\\$&")
+				}) + ")"
+				fnStr += "'" + route + "'):"
 				viewFn = 0
 			}
 		}
@@ -276,42 +260,39 @@
 				, params = lastParams = _params || {} // jshint ignore:line
 				, view = lastView = this // jshint ignore:line
 				, tmp = params._v || view // Continue bubbleUp from _v
-				, close = view.o && 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 = null
+					syncResume = UNDEF
 					if (lastParams !== params) return
 					if ((parent = tmp.p)) {
 						if (parent.c && parent.c !== tmp) {
-							close = parent.c
+							params._c = 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})
+					if (tmp.f) {
+						return xhr.load(
+							replace(tmp.f, /^|,/g, "$&" + View.path).split(","),
+							readTemplates.bind(view, view.wait(tmp.f = ""))
+						)
+					} else if (!tmp.e) {
+						if (tmp.r === "404") {
+							viewParse("%view 404 #\nh2 Not found")
 						}
-						return
+						return View("404").show({origin:params})
 					}
 				}
 
 				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
+						syncResume(params[tmp], tmp, view, params)
+						syncResume = UNDEF
 					}
 				}
 				viewEmit(view, "nav")
-				bubbleDown(params, close)
+				bubbleDown(params)
 			},
 			wait: function() {
 				var params = lastParams
@@ -327,10 +308,23 @@
 			}
 		})
 
-		assign(View, {
+		var root = opts.root
+		, viewFn, lastView, lastUrl, syncResume
+		, fnStr = ""
+		, reStr = ""
+		, reEsc = /[.*+?^${}()|[\]/\\]/g
+		, routeRe = /\{([\w%.]+?)\}|.[^{\\]*?/g
+		, routeSeq = 1
+
+		, views = View.views = {}
+		, paramCb = {}
+		, lastParams = paramCb
+		, $d = elScope(View("#", root).e, root)
+
+		$d.$ui = assign(View, {
 			$: find.bind(View, root),
 			$$: findAll.bind(View, root),
-			data: elScope(View("#", root).e, globalScope),
+			$d: $d,
 			def: viewDef,
 			get: viewGet,
 			param: function(names, cb) {
@@ -344,7 +338,6 @@
 			},
 			show: viewShow
 		})
-		View.data.$ui = View
 
 		each(opts, function(val, opt) {
 			if (isFn(View[opt])) {
@@ -364,8 +357,9 @@
 				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)
@@ -377,10 +371,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)
@@ -393,7 +387,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,15 +406,20 @@
 		function viewEmit(view, event, a, b) {
 			view.emit(event, a, b)
 			View.emit(event, view, a, b)
+			LiteJS.emit(event, view, a, b)
 		}
 		function viewEval(str, scope) {
-			Function("$s,$ui,$data,$,$$", str)(scope, View, View.data, View.$, View.$$)
+			try {
+				Function("$s,$ui,$d,$,$$", str)(scope, View, $d, View.$, View.$$)
+			} catch(e) {
+				logErr(e, "viewEval: " + str)
+			}
 		}
 		function viewGet(url, params) {
 			if (!viewFn) {
 				viewFn = Function(
 					"var r=/^\\/?(?:" + reStr + ")[\\/\\s]*$/;" +
-					"return function(i,o,d){var m=r.exec(i);return m!==null?(" + fnStr + "d):d}"
+					"return function(u,p,d){var m=r.exec(u);return m!==null?(" + fnStr + "d):d}"
 				)()
 			}
 			return View(url ? viewFn(url, params || {}, "404") : View.home)
@@ -441,7 +440,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")) {
@@ -458,25 +459,23 @@
 					if (sel) {
 						parentStack.push(parent)
 						stack.unshift(q)
-						append(parent, parent = q = El(sel))
+						append(parent, parent = El(sel))
 					}
 					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 _('" + replace(text, /'/g, "\\'") + "',$s)"
 							}
 							appendBind(parent, text, ";", op)
 						}
 					}
 				}
 			}
-			str.replace(templateRe, work)
+			replace(str, templateRe, work)
 			work("", "")
 			if (parent.childNodes[0]) {
 				append(root, parent.childNodes)
@@ -498,8 +497,8 @@
 			var params = _params || {}
 			, view = viewGet(url, params)
 			if (!view.o || lastUrl !== url) {
-				globalScope.url = lastExp = lastUrl = url
-				view.show(globalScope.params = params)
+				$d.url = lastExp = lastUrl = url
+				view.show($d.params = params)
 			}
 		}
 
@@ -534,13 +533,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
 		}
 
@@ -551,9 +550,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
@@ -566,7 +565,7 @@
 			r: function(params) {
 				var txt = this.t
 				each(params, function(param) {
-					viewParse(txt.replace(/{key}/g, param))
+					viewParse(replace(txt, /{key}/g, param))
 				})
 			}
 		})
@@ -593,7 +592,7 @@
 				var bind = getAttr(plugin.e, BIND_ATTR)
 				, view = View(plugin.n, usePluginContent(plugin), plugin.x)
 				if (bind) {
-					bind = bind.replace(renderRe, function(_, name, op, args) {
+					bind = replace(bind, renderRe, function(_, name, op, args) {
 						return "($s." + name + (isFn(view[name]) ? "(" + (args || "") + ")" : "=" + args) + "),"
 					}) + "1"
 					viewEval(bind, view)
@@ -604,14 +603,7 @@
 		/*** breakpoints ***/
 		var lastSize, lastOrient
 		, breakpoints = opts.breakpoints
-		, setBreakpointsRated = rate(setBreakpoints, 99)
-
-		if (breakpoints) {
-			setBreakpointsRated()
-			bindingsOn(window, "load orientationchange resize", setBreakpointsRated)
-		}
-
-		function setBreakpoints() {
+		, setBreakpointsRated = rate(function() {
 			// document.documentElement.clientWidth is 0 in IE5
 			var point, next
 			, width = html.offsetWidth
@@ -621,64 +613,75 @@
 				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")
+		}, 99)
+
+		if (breakpoints) {
+			setBreakpointsRated()
+			bindingsOn(window, "orientationchange resize", setBreakpointsRated)
+		}
+		/**/
+
+		/*** 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)
+			}
+		})
+		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)
 		}
 		/**/
 
 		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"](null, null, 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
+		var histLast, url
 		, base = find(html, "base")
-		LiteJS.base = (base || location).href.replace(/[^\/]*(#.*)?$/, "")
-		if (base) base = base.href.replace(/.*:\/\/[^/]*|[^\/]*$/g, "")
+		LiteJS.base = replace((base || location).href, /[^\/]*(#.*)?$/, "")
+		if (base) base = replace(base.href, /.*:\/\/[^/]*|[^\/]*$/g, "")
 		if (base && !history.pushState) {
 			url = location.pathname.slice(base.length)
 			if (url) {
@@ -686,7 +689,7 @@
 			}
 		}
 		if (base && history.pushState) {
-			histBase = base
+			pushBase = base
 
 			url = location.href.split("#")[1]
 			if (url && !getUrl()) {
@@ -705,9 +708,20 @@
 		/**/
 			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) :
+				/**/
+				// bug in Firefox where location.hash is decoded
+				// bug in Safari where location.pathname is decoded
+				location.href.split("#")[1] || "", /^[#\/\!]+|[\s\/]+$/g, "")
+		}
 	}
 
-
 	function Comm(name, render) {
 		var comm = document.createComment(name)
 		if (render) comm.render = render
@@ -716,7 +730,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 =
@@ -744,7 +758,7 @@
 	}
 	function ElWrap(nodes, clone) {
 		for (var wrap = [], i = nodes.length; i--; ) {
-			wrap[i] = clone < 2 ? nodes[i].cloneNode(clone) : nodes[i]
+			wrap[i] = clone ? nodes[i].cloneNode(clone) : nodes[i]
 		}
 		return assign(wrap, elArr)
 	}
@@ -783,9 +797,9 @@
 
 	assign(El, {
 		append: append,
-		bindings: assign(bindings, {
-			"for": function(el, name, list) {
-				var comm = Comm("for " + name, up)
+		$b: assign(bindings, {
+			each: function(el, name, list) {
+				var comm = Comm("each " + name, up)
 				, pos = 0
 				, nodes = []
 				comm.$s = this
@@ -794,15 +808,14 @@
 				return { a: add, r: remove, u: up }
 
 				function add(item) {
-					var clone = nodes[pos++] = el.cloneNode(true)
-					, subScope = assign(elScope(clone, comm), {
-						$i: pos,
-						$len: list.length
-					})
-					clone[BIND_ATTR] = el[BIND_ATTR]
+					var clone = nodes[pos] = el.cloneNode(true)
+					, subScope = elScope(clone, comm)
+					subScope.$i = pos++
+					subScope.$len = list.length
 					subScope[name] = item
+					clone[BIND_ATTR] = el[BIND_ATTR]
 					append(comm.parentNode, clone, comm)
-					render(clone, subScope)
+					render(clone)
 				}
 				function remove(i) {
 					elKill(nodes.splice(i, 1)[0])
@@ -812,14 +825,31 @@
 					each(list, add)
 				}
 			},
+			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)
+				return child
+			},
 			"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", render.bind(el, el))))
 					return true
 				}
 			},
+			is: function(el, val, opts, prefix) {
+				if (!prefix) prefix = "is-"
+				var match = format(val, opts)
+				cls(el, el[prefix + opts], 0)
+				cls(el, el[prefix + opts] = match && prefix + match)
+			},
 			ref: function(el, name) {
 				this[name] = el
 			},
@@ -836,25 +866,21 @@
 		blur: blur,
 		cache: elCache,
 		closest: closest,
-		data: globalScope,
+		$d: globalScope,
 		get: getAttr,
 		hasClass: hasClass,
 		matches: matches,
+		next: walk.bind(El, "nextSibling"),
+		prev: walk.bind(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)
 
@@ -862,9 +888,9 @@
 		// Bug: 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
 		/**/
@@ -889,14 +915,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
@@ -911,9 +937,11 @@
 					before = el
 					el = before.parentNode
 				}
-				el.insertBefore(child, (isNum(before) ? el.childNodes[
-					before < 0 ? el.childNodes.length - before - 2 : before
-				] : before) || null)
+				el.insertBefore(child, (
+					isNum(before) ? el.childNodes[before < 0 ? el.childNodes.length - before - 2 : before] :
+					isArr(before) ? before[0] :
+					before
+				) || null)
 				/*** debug ***/
 				if (el.namespaceURI && child.namespaceURI && el.namespaceURI !== child.namespaceURI && el.tagName !== "foreignObject" && child.tagName !== "svg") {
 					console.error("NAMESPACE CHANGE!", el, child)
@@ -938,17 +966,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) {
@@ -964,42 +994,34 @@
 		emit.apply(el, slice.call(arguments, 1))
 	}
 	function elEmpty(el) {
-		ElWrap(el.childNodes).kill()
+		for (; el.lastChild; elKill(el.lastChild));
 	}
 	function elKill(el, tr, delay) {
 		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, elKill.bind(el, el, el = UNDEF))
 			}
 			if (el._e) {
 				emit.call(el, "kill")
-				for (delay in el._e) rmEvent(el, delay)
+				el._e = UNDEF
 			}
 			elRm(el)
-			if (el.nodeType != 1) {
-				if (el.kill) el.kill()
-			} else {
+			el.$s = UNDEF
+			if (el.nodeType < 2) {
 				elEmpty(el)
-				if (el.$s !== UNDEF) {
-					el.$s = UNDEF
-				}
 				if (el.valObject !== UNDEF) {
 					el.valObject = UNDEF
 				}
+			} else {
+				if (el.kill) el.kill()
 			}
 		}
 	}
-	function elReplace(el, newEl) {
-		var parent = el && el.parentNode
-		if (parent && newEl) return parent.replaceChild(newEl, el)
-	}
-	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 })) :
@@ -1030,7 +1052,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
 				}
 			}
@@ -1039,8 +1061,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) {
@@ -1086,15 +1107,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 bind, next
+		, scope = node.$s || $s || closestScope(node)
+
 		/*** ie8 ***/
 		if (ie678 && node.tagName === "SELECT") {
 			node.parentNode.insertBefore(node, node)
@@ -1114,41 +1134,34 @@
 		, 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)
+			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)
-			}
+			logErr(e, attr + ": " + bind, node)
 		}
 	}
 	function makeFn(fn) {
 		var i = 0
 		, bindOnce = []
-		fn = "$s&&(" + fn.replace(renderRe, function(match, name, op, args) {
+		fn = "$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" : "attr']($el,'" + name + "'") + (args ? "," + args : "") + ")||"
+			) + "$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", "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
@@ -1168,8 +1181,8 @@
 	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)
+		, el = e.target
+		, input = /INPUT|TEXTAREA|SELECT/i.test((el.nodeType < 2 ? el : el.parentNode).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) &&
@@ -1206,195 +1219,184 @@
 	/**/
 
 	/*** touch ***/
-	var touchEl, touchDist, touchAngle, pinchThreshhold, touchMode
-	, TOUCH_FLAG = "-tf"
-	, MOVE = "pointermove"
+	var touchEl, touchDist, touchAngle, touchMode, touchTick
 	, START = "start"
 	, END = "end"
-	, MS_WHICH = [0, 1, 4, 2]
 	, touches = []
 	, touchEv = {}
 
-	// tap
-	// swipe + left/right/up/down
-
-	"pan pinch rotate".split(" ").map(function(name) {
+	// tap, swipe + left/right/up/down
+	each("pan pinch rotate tap", function(name) {
 		fixEv[name] = fixEv[name + START] = fixEv[name + END] = ""
 		fixFn[name] = touchInit
 	})
-
 	function touchInit(el) {
-		if (!el[TOUCH_FLAG]) {
+		if (!el._ti) {
 			addEvent(el, "pointerdown", touchDown)
 			addEvent(el, "wheel", touchWheel)
 			bindingsOn(el, "pointerup pointercancel", touchUp)
 			bindingsCss(el, "touchAction msTouchAction", "none")
-			el[TOUCH_FLAG] = 1
-		}
-	}
-
-	function touchDown(e, e2) {
-		var len = e ? touches.push(e) : touches.length
-		touchEv.cancel = false
-
-		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]
+			el._ti = 1
+		}
+		function touchDown(e, e2) {
+			clearTimeout(touchTick)
+			var len = e ? touches.push(e) : touches.length
+			, MOVE = "pointermove"
+			if (touchMode || len < 1) {
+				elEmit(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) {
-			pinchThreshhold = touchEl.clientWidth / 10
-			touchDist = touchAngle = null
-			moveTwo(e)
-		}
-		;(len === 1 ? addEvent : rmEvent)(document, MOVE, moveOne)
-		;(len === 2 ? addEvent : rmEvent)(document, MOVE, moveTwo)
-		return eventStop(e)
-	}
-
-	function touchUp(e) {
-		for (var i = touches.length; i--; ) {
-			if (touches[i].pointerId == e.pointerId) {
-				touches.splice(i, 1)
-				break
+			if (len < 0) {
+				touchEl = UNDEF
 			}
-		}
-		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 === 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])
+			}
+			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(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
+				}
 			}
 		}
-	}
-
-	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)
-		}
-		touchEv.leftPos = e.clientX - touchEv.X + touchEv.left
-		touchEv.topPos  = e.clientY - touchEv.Y + touchEv.top
-		if (!touchMode) {
-			touchMode = "pan"
-			elEmit(touchEl, touchMode + START, e, touchEv, touchEl)
-		}
-		elEmit(touchEl, "pan", e, touchEv, touchEl)
-		if (!touchEv.cancel) {
-			if (touchEl.getBBox) {
-				El.attr(touchEl, {
-					x: touchEv.leftPos,
-					y: touchEv.topPos
-				}, 0)
-			} else {
-				bindingsCss(touchEl, "top,left", [touchEv.topPos + "px", touchEv.leftPos + "px"], 0)
+		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.call(e.currentTarget || e.target, ev, e, e.deltaY/20, 0)) {
+					return eventStop(e)
+				}
 			}
 		}
-	}
-
-	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 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)
+				elEmit(touchEl, touchMode + START, e, touchEv, touchEl)
+			}
+			elEmit(touchEl, touchMode, e, touchEv, touchEl)
+			function haveEv(name, set) {
+				return set && (evs[name] || evs[name + START] || evs[name + END]) && name
+			}
 		}
-
-		touchDist = dist
-		touchAngle = angle
-	}
-
-	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
+		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) 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))
+			}
+			touchDist = dist
+			touchAngle = angle
 		}
 	}
 	/**/
 
 	function find(root, sel, startNode) {
-		return body.querySelector.call(startNode || root, sel)
+		return html.querySelector.call(startNode || root, sel)
 	}
 	function findAll(root, sel, startNode) {
-		return ElWrap(body.querySelectorAll.call(startNode || root, sel))
+		return ElWrap(html.querySelectorAll.call(startNode || root, sel))
 	}
 	function matches(el, sel) {
-		return el && body.matches.call(el, sel)
+		return el && html.matches.call(el, sel)
 	}
 	function closest(el, sel) {
-		return el && body.closest.call(el.closest ? el : el.parentNode, sel)
+		return el && html.closest.call(el.nodeType < 2 ? el : el.parentNode, sel)
+	}
+	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 {
-						data = selector
-						selector = null
-					}
+				if (i > 3 && i < 6 && isNum(selector)) {
+					data = delay
+					delay = selector
+					selector = UNDEF
 				}
-				if (delay >= 0) {
-					setTimeout(f, delay, el, names, selector, data, val)
+				if (delay > 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.call(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]
+		}
+		return target
+	}
 	function blur() {
 		// IE8 can throw on accessing document.activeElement.
 		try {
@@ -1407,9 +1409,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.call(arr, key)) fn.call(scope, arr[key], key, arr)
+		}
 	}
 	function expand(str) {
 		var first = str.charAt(0)
@@ -1420,6 +1424,28 @@
 			(lastExp = str)
 		)
 	}
+	function format(str, data) {
+		return replace(str, 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 logErr(e, source, node) {
+		/*** debug ***/
+		console.error(e)
+		console.error(source, node)
+		/**/
+		if (window.onerror) {
+			window.onerror(e.message, e.fileName, e.lineNumber)
+		}
+	}
 	function injectCss(cssText) {
 		if (!styleNode) {
 			// Safari and IE6-8 requires dynamically created
@@ -1442,19 +1468,23 @@
 	function isStr(str) {
 		return typeof str === "string"
 	}
-	// Maximum call rate for Function
-	// leading edge, trailing edge
-	function rate(fn, ms) {
+	// 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 === tick || onStart) && fn
+		onEnd = isFn(onEnd) ? onEnd : (onEnd === tick || onEnd) && fn
 		return function() {
 			var now = Date.now()
 			clearTimeout(tick)
 			if (now >= next) {
+				if (next < 1) {
+					if (onStart) onStart()
+				} else fn()
 				next = now + ms
-				fn()
-			} else {
-				tick = setTimeout(fn, next - now)
+			}
+			if (onEnd) {
+				tick = setTimeout(onEnd, next - now)
 			}
 		}
 	}
@@ -1472,20 +1502,20 @@
 	}
 
 	function readTemplates(next) {
-		xhr.load(findAll(body, "script[type=ui]").map(function(el) {
+		xhr.load(findAll(html, "script[type=ui]").map(function(el) {
 			// IE6 script.innerText is empty
-			sources.push(el[txtAttr] || el.innerHTML)
+			sources.push(el.innerHTML)
 			elKill(el)
 			return el.src
 		}), function(res) {
-			res = res.concat(sources).filter(Boolean)
+			res = res.concat(sources, (next || res).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()
-}(this, document, history, location, Function, Object) // jshint ignore:line
+	readTemplates(findAll(html, "script").pop())
+}(this, document, history, localStorage, location, navigator, Function, Object) // jshint ignore:line