Add selectorSplit

css.js

@@ -1,6 +1,7 @@
 
 /*! litejs.com/MIT-LICENSE.txt */
 
+exports.selectorSplit = selectorSplit
 exports.CSSStyleDeclaration = CSSStyleDeclaration
 exports.CSSStyleSheet = CSSStyleSheet
 
@@ -185,4 +186,25 @@ 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
+}
+
 

dom.js

@@ -16,7 +16,7 @@ var boolAttrs = {
 , rawTextElements = { SCRIPT: /<(?=\/script)/i, STYLE: /<(?=\/style)/i }
 , rawTextEscape = { SCRIPT: /<(?=\/script|!--)/ig, STYLE: /<(?=\/style|!--)/ig }
 , hasOwn = voidElements.hasOwnProperty
-, { CSSStyleDeclaration, CSSStyleSheet } = require("./css.js")
+, { selectorSplit, CSSStyleDeclaration, CSSStyleSheet } = require("./css.js")
 , selector = require("./selector.js")
 , Node = {
 	ELEMENT_NODE:                1,
@@ -488,6 +488,7 @@ function getSibling(node, step, type) {
 
 exports.document = new Document()
 exports.entities = entities
+exports.selectorSplit = selectorSplit
 exports.CSSStyleDeclaration = CSSStyleDeclaration
 exports.CSSStyleSheet = CSSStyleSheet
 exports.DOMParser = DOMParser

test/css.js

@@ -8,6 +8,7 @@
 describe("css.js {0}", describe.env === "browser" ? [["mock", exports], ["native", native]] : [["mock", require("../css.js")]], (name, env) => {
 	require("@litejs/cli/snapshot")
 	const {
+		selectorSplit,
 		CSSStyleSheet,
 		CSSStyleDeclaration,
 	} = env
@@ -109,5 +110,13 @@ describe("css.js {0}", describe.env === "browser" ? [["mock", exports], ["native
 		})
 		assert.end()
 	})
+
+	it("split selectors {0}", selectorSplit && [
+		[ "html", ["html"] ],
+		[ "[a]", ["[a]"] ],
+		[ ".a,b:not(.b,.c) , .d[a='a,\\'b][c']:focus", [".a", "b:not(.b,.c)", ".d[a='a,\\'b][c']:focus"] ],
+	], function(sel, arr, assert) {
+		assert.equal(selectorSplit(sel), arr).end()
+	})
 })