@litejs/dom 25.1.0 → 25.6.0

package/README.md

@@ -10,7 +10,7 @@
 LiteJS DOM – [![Coverage][1]][2] [![Size][3]][4] [![Buy Me A Tea][5]][6]
 ==========
 
-Dependency-free DOM library for handling HTML and CSS files on server-side.
+Dependency-free DOM library for handling HTML, XML and CSS files on server-side.
 
 
 ```javascript

package/css.js

@@ -1,12 +1,37 @@
 
 /*! litejs.com/MIT-LICENSE.txt */
 
-exports.selectorSplit = selectorSplit
+"use strict"
+
 exports.CSSStyleDeclaration = CSSStyleDeclaration
 exports.CSSStyleSheet = CSSStyleSheet
 
 var fs = require("fs")
 , path = require("path")
+, read = (sheet, url, enc = "utf8") => fs.readFileSync(path.resolve(sheet.min.root || "", sheet.baseURI, url).split(/[+#]/)[0], enc)
+, plugins = exports.plugins = {
+	"data-uri": function(sheet, v) {
+		var { DOMParser } = require("./dom.js")
+		return v.replace(urlRe, function(_, q1, q2, url) {
+			if (q1) return _
+			var frag = url.split("#")[1]
+			, ext = url.split(/[?#]/)[0].split(".").pop()
+			, enc = ext === "svg" ? "utf8" : "base64"
+			url = read(sheet, url, enc)
+			if (ext === "svg") {
+				url = new DOMParser().parseFromString(url, "application/xml")
+				if (frag && (frag = url.getElementById(frag))) {
+					frag.removeAttribute("id")
+					url.documentElement.childNodes = frag.tagName === "g" ? frag.childNodes : [ frag ]
+				}
+				url = url.toString(true).replace(/#/g, "%23")
+				enc = ""
+				ext += "+xml"
+			}
+			return "url('data:image/" + ext + ";" + enc + "," + url + "')"
+		})
+	}
+}
 , urlRe = /(["']).*?\1|url\((['"]?)(?!\/|data:|https?:)(.*?)\2\)/g
 , clearFn = (_, q, str, c) =>
 	q ? (q = str.indexOf("'") == -1 ? "'" : "\"", q + str.replace(q === "'" ? /\\(")/g : /\\(')/g, "$1")) + q :
@@ -19,18 +44,15 @@ var fs = require("fs")
 , clear = s => s
 	.replace(/("|')((?:\\\1|[^\1])*?)\1|\s*(\/)\*(?:[^*]|\*(?!\/))*\*\/\s*|(?:[^"'\/]|\/(?!\*))+/g, clearFn)
 	.replace(/(["']).*?\1|url\(("|')([^'"()\s]+)\2\)/g, (m,q1,q2,u) => q1 ? m : "url(" + u + ")")
-, read = (sheet, url, enc = "utf8") => fs.readFileSync(path.resolve(sheet.min.root || "", sheet.baseURI, url), enc)
+, hex = n => (0 | +n + 256.5).toString(16).slice(1)
 , toRgb = {
-	rgb(r, g, b) {
-		var f = n => ((n | 0) + 256).toString(16).slice(1)
-		return f(r) + f(g) + f(b)
-	},
+	rgb: (r, g, b) => hex(r) + hex(g) + hex(b),
 	hsl(h, s, l) {
 		l /= 100
 		s /= 100 / (l < 0.5 ? l : 1 - l)
 		function f(n) {
 			n = (n + h / 30) % 12
-			return (0 | 256.5 + (255 * (l - s * (n < 2 || n > 10 ? -1 : n < 4 ? n - 3 : n > 8 ? 9 - n : 1)))).toString(16).slice(1)
+			return hex(255 * (l - s * (n < 2 || n > 10 ? -1 : n < 4 ? n - 3 : n > 8 ? 9 - n : 1)))
 		}
 		return f(0) + f(8) + f(4)
 	}
@@ -63,8 +85,7 @@ var fs = require("fs")
 			, lastIdx = {}
 			for (; (m = re.exec(val)); ) {
 				if (m[4]) {
-					if (min && len) style[k = style[len - 1]] = clear(transformValue(m[4].trim(), style[k]))
-					continue
+					if (min && len && plugins[m[4] = m[4].trim()]) style[k = style[len - 1]] = clear(plugins[m[4]](sheet, style[k]))
 				} else {
 					k = m[1]
 					if (lastIdx[k] >= 0) style.__[lastIdx[k]] = style[k]
@@ -78,24 +99,7 @@ var fs = require("fs")
 			if (!style[prop]) style[style.length++] = prop
 			style[prop] = style[prop === "cssFloat" ? "float" : prop.replace(/[A-Z]/g, "-$&").toLowerCase()] = clear(val)
 		}
-		function transformValue(cmd, v) {
-			var { DOMParser } = require("./dom.js")
-			if (cmd === "data-uri") {
-				return v.replace(urlRe, function(_, q1, q2, url) {
-					if (q1) return _
-					var ext = url.split(".").pop()
-					, enc = ext === "svg" ? "utf8" : "base64"
-					url = read(sheet, url, enc)
-					if (ext === "svg") {
-						enc = ""
-						ext += "+xml"
-						url = new DOMParser().parseFromString(url, "application/xml").toString(true).replace(/#/g, "%23")
-					}
-					return "url('data:image/" + ext + ";" + enc + "," + url + "')"
-				})
-			}
-			return v
-		}
+		return true
 	}
 }
 , ruleTypes = {
@@ -227,10 +231,11 @@ CSSStyleSheet.prototype = {
 			} else if (char === "{") {
 				depth++
 			} else if (char === "}" && --depth < 1 || char === ";" && depth < 1) {
-				if (depth < 0) throw "Invalid css"
+				if (depth < 0) throw Error("Unexpected '}'")
 				sheet.rules.push(CSSRule(text.slice(start, start = pos + 1), sheet, char))
 			}
 		}
+		if (depth > 0) throw Error("Unclosed block")
 	},
 	toString(min) {
 		if (min) this.min = min
@@ -238,25 +243,4 @@ CSSStyleSheet.prototype = {
 	}
 }
 
-function selectorSplit(text) {
-	for (var char, inQuote, depth = 0, start = 0, pos = 0, len = text.length, out = []; pos < len; ) {
-		char = text[pos++]
-		if (char === "\\") {
-			pos++
-		} else if (inQuote) {
-			if (char === inQuote) inQuote = ""
-		} else if (char === "'" || char === "\"") {
-			inQuote = char
-		} else if (char === "(" || char === "[") {
-			depth++
-		} else if (char === ")" || char === "]") {
-			depth--
-		} else if (char === "," && depth === 0) {
-			out.push(text.slice(start, (start = pos) - 1).trim())
-		}
-	}
-	out.push(text.slice(start).trim())
-	return out
-}
-
 

package/dom.js

@@ -1,6 +1,8 @@
 
 /*! litejs.com/MIT-LICENSE.txt */
 
+"use strict"
+
 var boolAttrs = {
 	async:1, autoplay:1, loop:1, checked:1, defer:1, disabled:1, muted:1, multiple:1, nomodule:1, playsinline:1, readonly:1, required:1, selected:1
 }
@@ -19,8 +21,9 @@ var boolAttrs = {
 , rawTextElements = { SCRIPT: /<(?=\/script)/i, STYLE: /<(?=\/style)/i }
 , rawTextEscape = { SCRIPT: /<(?=\/script|!--)/ig, STYLE: /<(?=\/style|!--)/ig }
 , hasOwn = voidElements.hasOwnProperty
-, { selectorSplit, CSSStyleDeclaration, CSSStyleSheet } = require("./css.js")
+, { CSSStyleDeclaration, CSSStyleSheet } = require("./css.js")
 , selector = require("./selector.js")
+, cssEscape = sel => ("" + sel).replace(/[^a-zA-Z0-9_\u00A0-\uFFFF-]/g, "\\$&").replace(/^(-?)([0-9])/, "$1\\3$2 ")
 , Node = {
 	ELEMENT_NODE:                1,
 	TEXT_NODE:                   3,
@@ -44,9 +47,12 @@ var boolAttrs = {
 	},
 	set textContent(text) {
 		if (this.nodeType === 3 || this.nodeType === 8) this.data = text
-		else replaceChildren.call(this, this.ownerDocument.createTextNode(
-			rawTextEscape[this.tagName] ? text.replace(rawTextEscape[this.tagName], "<\\") : text
-		))
+		else {
+			removeChilds(this)
+			this.appendChild(this.ownerDocument.createTextNode(
+				rawTextEscape[this.tagName] ? text.replace(rawTextEscape[this.tagName], "<\\") : text
+			))
+		}
 	},
 	get firstChild() {
 		return this.childNodes && this.childNodes[0] || null
@@ -96,29 +102,34 @@ var boolAttrs = {
 				)
 			}
 		}
-		replaceChildren.call(node, frag)
+		removeChilds(node)
+		node.appendChild(frag)
 
 		function setAttr(_, name, value, q, qvalue) {
 			child.setAttribute(name, (q ? qvalue : value || "").replace(unescRe, unescFn))
 		}
 	},
-	get outerHTML() {
-		return this.toString()
-	},
-	set outerHTML(html) {
-		var frag = this.ownerDocument.createDocumentFragment()
-		frag.innerHTML = html
-		this.parentNode.replaceChild(frag, this)
-	},
-	get sheet() {
-		return makeSheet(this)
-	},
 	get style() {
 		return this._style || (this._style = CSSStyleDeclaration(this.getAttribute("style") || ""))
 	},
 	set style(value) {
 		this.style.cssText = value
 	},
+	appendChild(el) {
+		return this.insertBefore(el)
+	},
+	cloneNode(deep) {
+		var node = this
+		, clone = new node.constructor(node.tagName || node.data)
+		clone.ownerDocument = node.ownerDocument
+
+		mergeAttributes(node, clone)
+
+		if (deep && node.hasChildNodes()) {
+			node.childNodes.forEach(child => clone.appendChild(child.cloneNode(deep)))
+		}
+		return clone
+	},
 	contains(el) {
 		for (; el; el = el.parentNode) if (el === this) return true
 		return false
@@ -126,12 +137,6 @@ var boolAttrs = {
 	hasChildNodes() {
 		return !!this.firstChild
 	},
-	getElementById(id) {
-		return selector.find(this, "#" + id, 1)
-	},
-	appendChild(el) {
-		return this.insertBefore(el)
-	},
 	insertBefore(el, ref) {
 		var node = this
 		, childs = node.childNodes
@@ -164,18 +169,6 @@ var boolAttrs = {
 		this.insertBefore(el, ref)
 		return this.removeChild(ref)
 	},
-	cloneNode(deep) {
-		var node = this
-		, clone = new node.constructor(node.tagName || node.data)
-		clone.ownerDocument = node.ownerDocument
-
-		mergeAttributes(node, clone)
-
-		if (deep && node.hasChildNodes()) {
-			node.childNodes.forEach(child => clone.appendChild(child.cloneNode(deep)))
-		}
-		return clone
-	},
 	querySelector(sel) {
 		return selector.find(this, sel, 1)
 	},
@@ -202,7 +195,18 @@ var boolAttrs = {
 	get previousElementSibling() {
 		return getSibling(this, -1, 1)
 	},
-	replaceChildren: replaceChildren,
+	get outerHTML() {
+		return this.toString()
+	},
+	set outerHTML(html) {
+		var frag = this.ownerDocument.createDocumentFragment()
+		frag.innerHTML = html
+		this.parentNode.replaceChild(frag, this)
+	},
+	replaceChildren() {
+		removeChilds(this)
+		for (var i = 0, l = arguments.length; i < l; ) this.insertBefore(arguments[i++])
+	},
 	hasAttribute(name) {
 		return this.attributes.getNamedItem(name) != null
 	},
@@ -235,18 +239,18 @@ var boolAttrs = {
 	"&sect;": "§", "&sup2;": "²", "&sup3;": "³", "&yen;": "¥"
 }
 
-Object.keys(boolAttrs).forEach(addGetter, { isBool: true, readonly: "readOnly" })
-numAttrs.split(" ").forEach(addGetter, { isNum: true })
-strAttrs.split(" ").forEach(addGetter, { "for": "htmlFor", "class": "className" })
+Object.keys(boolAttrs).forEach(key => addGetter(key, { isBool: true, readonly: "readOnly" }))
+numAttrs.split(" ").forEach(key => addGetter(key, { isNum: true }))
+strAttrs.split(" ").forEach(key => addGetter(key, { "for": "htmlFor", "class": "className" }))
 
-function addGetter(key) {
+function addGetter(key, opts) {
 	var attr = key.toLowerCase()
-	Object.defineProperty(Element, this[key] || key, {
+	Object.defineProperty(Element, opts[key] || key, {
 		configurable: true,
 		enumerable: true,
 		get: (
-			this.isBool ? function() { return this.hasAttribute(attr) } :
-			this.isNum ? function() { return +this.getAttribute(attr) || 0 } :
+			opts.isBool ? function() { return this.hasAttribute(attr) } :
+			opts.isNum ? function() { return +this.getAttribute(attr) || 0 } :
 			function() { return this.getAttribute(attr) || "" }
 		),
 		set(value) {
@@ -263,7 +267,7 @@ function addGetter(key) {
 
 function Attr(node, name, value) {
 	this.ownerElement = node
-	this.name = name.toLowerCase()
+	this.name = name
 	this.value = "" + value
 }
 
@@ -295,7 +299,7 @@ NamedNodeMap.prototype = {
 	},
 	setNamedItem(attr) {
 		var oldAttr = this.getNamedItem(attr.name)
-		this[attr.name] = attr
+		this[attr.name.toLowerCase()] = attr
 		return oldAttr
 	},
 	toString(minify) {
@@ -315,6 +319,7 @@ NamedNodeMap.prototype = {
 					if (!quotedAttrRe.test(value)) return name + "=" + value
 					if (value.split("\"").length > value.split("'").length) return name + "='" + value.replace(/'/g, "&#39;") + "'"
 				}
+				name = loName
 			}
 			return name + "=\"" + value.replace(/"/g, "&quot;") + "\""
 		}).filter(Boolean).join(" ")
@@ -339,16 +344,25 @@ function HTMLElement(tag) {
 }
 
 extendNode(HTMLElement, Element, {
+	localName: null,
+	namespaceURI: "http://www.w3.org/1999/xhtml",
 	nodeType: 1,
-	matches(sel) {
-		return selector.matches(this, sel)
+	tagName: null,
+	get sheet() {
+		return makeSheet(this)
+	},
+	blur() {
+		this.ownerDocument.activeElement = null
 	},
 	closest(sel) {
 		return selector.closest(this, sel)
 	},
-	namespaceURI: "http://www.w3.org/1999/xhtml",
-	localName: null,
-	tagName: null,
+	focus() {
+		this.ownerDocument.activeElement = this
+	},
+	matches(sel) {
+		return selector.matches(this, sel)
+	},
 	toString(minify) {
 		var attrs = this.attributes.toString(minify)
 		, isXml = this.ownerDocument.contentType === "application/xml"
@@ -436,7 +450,10 @@ extendNode(Document, Element, {
 	createTextNode: own(Text),
 	createComment: own(Comment),
 	createDocumentType: own(DocumentType), //Should be document.implementation.createDocumentType(name, publicId, systemId)
-	createDocumentFragment: own(DocumentFragment)
+	createDocumentFragment: own(DocumentFragment),
+	getElementById(id) {
+		return selector.find(this, "#" + id, 1)
+	}
 })
 
 function DOMParser() {}
@@ -470,9 +487,9 @@ function extendNode(obj, extras) {
 	obj.prototype.constructor = obj
 }
 
-function replaceChildren() {
-	for (var arr = this.childNodes, i = 0, l = arr.length; i < l; ) arr[i++].parentNode = null
-	for (i = arr.length = 0, l = arguments.length; i < l; ) this.insertBefore(arguments[i++])
+function removeChilds(node) {
+	node.childNodes.forEach(child => child.parentNode = null)
+	node.childNodes.length = 0
 }
 
 function getElement(childs, index, step, type) {
@@ -505,7 +522,8 @@ function mergeAttributes(source, target) {
 exports.document = new Document()
 exports.entities = entities
 exports.mergeAttributes = mergeAttributes
-exports.selectorSplit = selectorSplit
+exports.selectorSplit = selector.selectorSplit
+exports.cssEscape = cssEscape
 exports.CSSStyleDeclaration = CSSStyleDeclaration
 exports.CSSStyleSheet = CSSStyleSheet
 exports.DOMParser = DOMParser

package/net.js

@@ -1,6 +1,8 @@
 
 /*! litejs.com/MIT-LICENSE.txt */
 
+"use strict"
+
 var DOM = require(".")
 , URL = require("url").URL
 , parser = new DOM.DOMParser()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litejs/dom",
-  "version": "25.1.0",
+  "version": "25.6.0",
   "description": "A small DOM library for server-side testing, rendering, and handling of HTML files",
   "license": "MIT",
   "author": "Lauri Rooden <lauri@rooden.ee>",

package/selector.js

@@ -1,114 +1,119 @@
 
-
 /*! litejs.com/MIT-LICENSE.txt */
 
-
-!function(exports) {
-	var selectorCache = {
-		"": function() {}
-	}
-	, selectorRe = /([.#:[])([-\w]+)(?:\(((?:[^()]|\([^)]+\))+?)\)|([~^$*|]?)=(("|')(?:\\.|[^\\])*?\6|[-\w]+))?]?/g
-	, selectorLastRe = /([\s>+~]*)(?:("|')(?:\\.|[^\\])*?\2|\((?:[^()]|\([^()]+\))+?\)|~=|[^'"()\s>+~])+$/
-	, selectorSplitRe = /\s*,\s*(?=(?:[^'"()]|"(?:\\.|[^\\"])*?"|'(?:\\.|[^\\'])*?'|\((?:[^()]|\([^()]+\))+?\))+$)/
-	, selectorMap = {
-		"contains": "_.textContent.indexOf(v)>-1",
-		"empty": "!_.lastChild",
-		"enabled": "!m(_,':disabled')",
-		"first-child": "(a=_.parentNode)&&a.firstChild==_",
-		"first-of-type": "!p(_,_.tagName)",
-		"is": "m(_,v)",
-		"lang": "m(c(_,'[lang]'),'[lang|='+v+']')",
-		"last-child": "(a=_.parentNode)&&a.lastChild==_",
-		"last-of-type": "!n(_,_.tagName)",
-		"link": "m(_,'a[href]')",
-		"not": "!m(_,v)",
-		"nth-child": "(a=2,'odd'==v?b=1:'even'==v?b=0:a=1 in(v=v.split('n'))?(b=v[1],v[0]):(b=v[0],0),v=_.parentNode.childNodes,v=1+v.indexOf(_),0==a?v==b:('-'==a||0==(v-b)%a)&&(0<a||v<=b))",
-		"only-child": "(a=_.parentNode)&&a.firstChild==a.lastChild",
-		"only-of-type": "!p(_,_.tagName)&&!n(_,_.tagName)",
-		"optional": "!m(_,':required')",
-		"root": "(a=_.parentNode)&&!a.tagName",
-		".": "~_.className.split(/\\s+/).indexOf(a)",
-		"#": "_.id==a",
-		"^": "!a.indexOf(v)",
-		"|": "a.split('-')[0]==v",
-		"$": "a.slice(-v.length)==v",
-		"~": "~a.split(/\\s+/).indexOf(v)",
-		"*": "~a.indexOf(v)",
-		">>": "m(_.parentNode,v)",
-		"++": "m(_.previousSibling,v)",
-		"~~": "p(_,v)",
-		"": "c(_.parentNode,v)"
-	}
-	, closest = exports.closest = walk.bind(exports, "parentNode", 1)
-
-
-	selectorMap["nth-last-child"] = selectorMap["nth-child"].replace("1+", "v.length-")
-
-	function selectorFn(str) {
-		if (str != null && typeof str !== "string") throw Error("Invalid selector")
-		return selectorCache[str || ""] ||
-		(selectorCache[str] = Function("m,c,n,p", "return function(_,v,a,b){return " +
-			str.split(selectorSplitRe).map(function(sel) {
-				var relation, from
-				, rules = ["_&&_.nodeType==1"]
-				, parentSel = sel.replace(selectorLastRe, function(_, _rel, a, start) {
-					from = start + _rel.length
-					relation = _rel.trim()
-					return ""
-				})
-				, tag = sel.slice(from).replace(selectorRe, function(_, op, key, subSel, fn, val, quotation) {
-					rules.push(
-						"((v='" +
-						(subSel || (quotation ? val.slice(1, -1) : val) || "").replace(/[\\']/g, "\\$&") +
-						"'),(a='" + key + "'),1)"
-						,
-						selectorMap[op == ":" ? key : op] ||
-						"(a=_.getAttribute(a))" +
-						(fn ? "&&" + selectorMap[fn] : val ? "==v" : "!==null")
-					)
-					return ""
-				})
-
-				if (tag && tag != "*") rules[0] += "&&_.tagName==(_.namespaceURI?'" + tag.toUpperCase() + "':'" + tag + "')"
-				if (parentSel) rules.push("(v='" + parentSel + "')", selectorMap[relation + relation])
-				return rules.join("&&")
-			}).join("||") + "}"
-		)(matches, closest, next, prev))
-	}
-
-
-	function walk(next, first, el, sel, nextFn) {
-		sel = selectorFn(sel)
-		for (var out = []; el; el = el[next] || nextFn && nextFn(el)) if (sel(el)) {
-			if (first) return el
-			out.push(el)
+"use strict"
+
+exports.find = find
+exports.selectorSplit = selectorSplit
+
+var selectorCache = {
+	"": () => {}
+}
+, selectorRe = /([.#:[])([-\w]+)(?:\(((?:[^()]|\([^)]+\))+?)\)|([~^$*|]?)=(("|')(?:\\.|[^\\])*?\6|[-\w]+))?]?/g
+, selectorLastRe = /([\s>+~]*)(?:("|')(?:\\.|[^\\])*?\2|\((?:[^()]|\([^()]+\))+?\)|~=|[^'"()\s>+~])+$/
+, selectorMap = exports.selectorMap = {
+	"contains": "_.textContent.indexOf(v)>-1",
+	"empty": "!_.lastChild",
+	"enabled": "!m(_,':disabled')",
+	"first-child": "(a=_.parentNode)&&a.firstChild==_",
+	"first-of-type": "!p(_,_.tagName)",
+	"is": "m(_,v)",
+	"lang": "m(c(_,'[lang]'),'[lang|='+v+']')",
+	"last-child": "(a=_.parentNode)&&a.lastChild==_",
+	"last-of-type": "!n(_,_.tagName)",
+	"link": "m(_,'a[href]')",
+	"not": "!m(_,v)",
+	"nth-child": "(a=2,'odd'==v?b=1:'even'==v?b=0:a=1 in(v=v.split('n'))?(b=v[1],v[0]):(b=v[0],0),v=_.parentNode.childNodes,v=1+v.indexOf(_),0==a?v==b:('-'==a||0==(v-b)%a)&&(0<a||v<=b))",
+	"only-child": "(a=_.parentNode)&&a.firstChild==a.lastChild",
+	"only-of-type": "!p(_,_.tagName)&&!n(_,_.tagName)",
+	"optional": "!m(_,':required')",
+	"root": "(a=_.parentNode)&&!a.tagName",
+	".": "~_.className.split(/\\s+/).indexOf(a)",
+	"#": "_.id==a",
+	"^": "!a.indexOf(v)",
+	"|": "a.split('-')[0]==v",
+	"$": "a.slice(-v.length)==v",
+	"~": "~a.split(/\\s+/).indexOf(v)",
+	"*": "~a.indexOf(v)",
+	">>": "m(_.parentNode,v)",
+	"++": "m(_.previousElementSibling,v)",
+	"~~": "p(_,v)",
+	"": "c(_.parentNode,v)"
+}
+, closest = exports.closest = walk.bind(exports, "parentNode", 1)
+, matches = exports.matches = (el, sel) => !!selectorFn(sel)(el)
+, next = exports.next = (el, sel) => walk("nextSibling", 1, el.nextSibling, sel)
+, prev = exports.prev = (el, sel) => walk("previousSibling", 1, el.previousSibling, sel)
+
+
+selectorMap["nth-last-child"] = selectorMap["nth-child"].replace("1+", "v.length-")
+
+function selectorFn(str) {
+	if (str != null && typeof str !== "string") throw Error("Invalid selector")
+	return selectorCache[str || ""] ||
+	(selectorCache[str] = Function("m,c,n,p", "return (_,v,a,b)=>" +
+		selectorSplit(str).map(sel => {
+			var relation, from
+			, rules = ["_&&_.nodeType==1"]
+			, parentSel = sel.replace(selectorLastRe, (_, _rel, a, start) => {
+				from = start + _rel.length
+				relation = _rel.trim()
+				return ""
+			})
+			, tag = sel.slice(from).replace(selectorRe, (_, op, key, subSel, fn, val, quotation) => {
+				rules.push(
+					"((v='" +
+					(subSel || (quotation ? val.slice(1, -1) : val) || "").replace(/[\\']/g, "\\$&") +
+					"'),(a='" + key + "'),1)"
+					,
+					selectorMap[op == ":" ? key : op] ||
+					"(a=_.getAttribute(a))" +
+					(fn ? "&&" + selectorMap[fn] : val ? "==v" : "!==null")
+				)
+				return ""
+			})
+
+			if (tag && tag != "*") rules[0] += "&&_.tagName==(_.namespaceURI?'" + tag.toUpperCase() + "':'" + tag + "')"
+			if (parentSel) rules.push("(v='" + parentSel + "')", selectorMap[relation + relation])
+			return rules.join("&&")
+		}).join("||")
+	)(matches, closest, next, prev))
+}
+
+function selectorSplit(text) {
+	for (var char, inQuote, depth = 0, start = 0, pos = 0, len = text.length, out = []; pos < len; ) {
+		char = text[pos++]
+		if (char === "\\") {
+			pos++
+		} else if (inQuote) {
+			if (char === inQuote) inQuote = ""
+		} else if (char === "'" || char === "\"") {
+			inQuote = char
+		} else if (char === "(" || char === "[") {
+			depth++
+		} else if (char === ")" || char === "]") {
+			depth--
+		} else if (char === "," && depth === 0) {
+			out.push(text.slice(start, (start = pos) - 1).trim())
 		}
-		return first ? null : out
 	}
-
-	function find(node, sel, first) {
-		return walk("firstChild", first, node.firstChild, sel, function(el) {
-			for (var next = el.nextSibling; !next && ((el = el.parentNode) !== node); ) next = el.nextSibling
-			return next
-		})
+	out.push(text.slice(start).trim())
+	return out
+}
+
+function walk(attr, first, el, sel, nextFn) {
+	sel = selectorFn(sel)
+	for (var out = []; el; el = el[attr] || nextFn && nextFn(el)) if (sel(el)) {
+		if (first) return el
+		out.push(el)
 	}
-
-	function matches(el, sel) {
-		return !!selectorFn(sel)(el)
-	}
-
-	function next(el, sel) {
-		return walk("nextSibling", 1, el.nextSibling, sel)
-	}
-
-	function prev(el, sel) {
-		return walk("previousSibling", 1, el.previousSibling, sel)
-	}
-
-	exports.find = find
-	exports.matches = matches
-	exports.next = next
-	exports.prev = prev
-	exports.selectorMap = selectorMap
-}(this) // jshint ignore:line
+	return first ? null : out
+}
+
+function find(node, sel, first) {
+	return walk("firstChild", first, node.firstChild, sel, (el, pos) => {
+		for (pos = el.nextSibling; !pos && ((el = el.parentNode) !== node); ) pos = el.nextSibling
+		return pos
+	})
+}
 

package/interactive.js

@@ -1,18 +0,0 @@
-
-
-/*! litejs.com/MIT-LICENSE.txt */
-
-
-var DOM = module.exports = require(".")
-, HTMLElementExtra = {
-	focus() {
-		this.ownerDocument.activeElement = this
-	},
-	blur() {
-		this.ownerDocument.activeElement = null
-	}
-}
-
-Object.assign(DOM.HTMLElement.prototype, HTMLElementExtra)
-
-