@litejs/ui 24.5.0 → 24.7.0

package/{index.js → ui.js}

@@ -1,28 +1,33 @@
 
 /* litejs.com/MIT-LICENSE.txt */
 
-/* global xhr, getComputedStyle, navigator */
+/* global xhr, navigator */
+
+/*** 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
 
 	, BIND_ATTR = "data-bind"
 	, elSeq = 0
@@ -32,24 +37,24 @@
 	, 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"
 	, 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 = {
 		cls: acceptMany(cls),
@@ -59,7 +64,7 @@
 		txt: elTxt,
 		val: elVal,
 		view: function(el, url) {
-			setAttr(el, "href", (histBase || "#") + expand(url || ""))
+			setAttr(el, "href", (pushBase || "#") + expand(url || ""))
 		}
 	}
 	, globalScope = {
@@ -85,14 +90,9 @@
 		}
 	}
 	, plugins = {}
-	, sources = [ (findAll(html, "script").pop() || plugins).innerHTML ]
+	, 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 = {})
@@ -113,12 +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 = 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 +214,7 @@
 
 	function LiteJS(opts) {
 		opts = assign({
-			base: "",
+			path: "",
 			/*** breakpoints ***/
 			breakpoints: {
 				sm: 0,
@@ -249,10 +243,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
@@ -266,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
@@ -366,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)
@@ -379,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)
@@ -395,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")
 			}
@@ -414,9 +406,14 @@
 		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,$d,$,$$", str)(scope, View, $d, 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) {
@@ -443,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")) {
@@ -464,21 +463,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 _('" + 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)
@@ -500,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)
 			}
 		}
 
@@ -536,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
 		}
 
@@ -553,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
@@ -568,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))
 				})
 			}
 		})
@@ -595,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)
@@ -616,14 +613,14 @@
 				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)
 			}
@@ -663,45 +660,28 @@
 		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) {
@@ -709,7 +689,7 @@
 			}
 		}
 		if (base && history.pushState) {
-			histBase = base
+			pushBase = base
 
 			url = location.href.split("#")[1]
 			if (url && !getUrl()) {
@@ -728,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
@@ -739,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 =
@@ -824,7 +815,7 @@
 					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])
@@ -842,14 +833,14 @@
 				if ((tmp = el.className)) cls(child, tmp)
 				child.$s = el.$s
 				elReplace(el, child)
-				render(child, this)
+				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
 				}
 			},
@@ -879,21 +870,17 @@
 		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)
 
@@ -901,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
 		/**/
@@ -928,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
@@ -979,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) {
@@ -1011,9 +1000,11 @@
 		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")
@@ -1021,24 +1012,16 @@
 			}
 			elRm(el)
 			el.$s = UNDEF
-			if (el.nodeType != 1) {
-				if (el.kill) el.kill()
-			} else {
+			if (el.nodeType < 2) {
 				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 +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
 				}
 			}
@@ -1078,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) {
@@ -1125,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)
@@ -1153,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" : "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", "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
@@ -1207,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) &&
@@ -1245,15 +1219,14 @@
 	/**/
 
 	/*** 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,107 +1238,110 @@
 			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) {
+				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) {
-			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(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)
+		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)
+				}
+			}
 		}
-		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)
+				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
+			}
 		}
-		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) 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
 		}
-		touchDist = dist
-		touchAngle = angle
 	}
 	/**/
 
@@ -1379,41 +1355,39 @@
 		return el && html.matches.call(el, sel)
 	}
 	function closest(el, sel) {
-		return el && html.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, 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)
+					}
+				}
 			}
 		}
 	}
@@ -1435,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)
@@ -1449,7 +1425,7 @@
 		)
 	}
 	function format(str, data) {
-		return str.replace(formatRe, function(all, path) {
+		return replace(str, formatRe, function(all, path) {
 			return get(data, path, "")
 		})
 	}
@@ -1461,6 +1437,15 @@
 		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
@@ -1483,13 +1468,12 @@
 	function isStr(str) {
 		return typeof str === "string"
 	}
-	// Maximum call rate for Function
-	// leading edge, trailing edge
+	// 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 +1482,8 @@
 					if (onStart) onStart()
 				} else fn()
 				next = now + ms
-			} else if (onEnd) {
+			}
+			if (onEnd) {
 				tick = setTimeout(onEnd, next - now)
 			}
 		}
@@ -1523,14 +1508,14 @@
 			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()
+	readTemplates(findAll(html, "script").pop())
 }(this, document, history, localStorage, location, navigator, Function, Object) // jshint ignore:line