@litejs/dom 26.2.0 → 26.4.0

package/README.md

@@ -64,7 +64,7 @@ Follow [Coding Style Guide](https://github.com/litejs/litejs/wiki/Style-Guide),
 run tests `npm install; npm test`.
 
 
-> Copyright (c) 2014-2025 Lauri Rooden <lauri@rooden.ee>  
+> Copyright (c) 2014-2026 Lauri Rooden <lauri@rooden.ee>  
 [MIT License](https://litejs.com/MIT-LICENSE.txt) |
 [GitHub repo](https://github.com/litejs/dom) |
 [npm package](https://npmjs.org/package/@litejs/dom) |

package/css.js

@@ -8,7 +8,7 @@ exports.CSSStyleSheet = CSSStyleSheet
 
 /* c8 ignore next */
 var URL = global.URL || require("url").URL
-, varRe = /var\((--[^,)]+)(?:,([^)]+))?\)/g
+, varRe = /var\((--[^,)]+),?\s*([^)]*)\)/g
 , CSS = exports.CSS = {
 	escape(sel) {
 		return ("" + sel).replace(/[^a-zA-Z0-9_\u00A0-\uFFFF-]/g, "\\$&").replace(/^(-?)([0-9])/, "$1\\3$2 ")
@@ -59,7 +59,10 @@ var URL = global.URL || require("url").URL
 	}
 }
 , toUrl = (dir) => new URL((dir || ".").replace(/\/+$/, "") + "/", "file:///").href
-, read = (root, url, baseURI, enc = "utf8") => require("fs").readFileSync(new URL(url, new URL((baseURI || ".") + "/", new URL((root || ".").replace(/\/+$/, "") + "/", "file:///" + process.cwd() + "/"))).pathname.split(/[+#]/)[0], enc)
+, read = (root, url, baseURI, enc = "utf8") => require("fs").readFileSync(
+	new URL(url, new URL((baseURI || ".") + "/", new URL((root || ".").replace(/\/+$/, "") + "/", "file:///" + process.cwd() + "/"))).pathname.replace(/^\/(?=\w:)|[+#].*/, ""),
+	enc
+)
 , plugins = exports.plugins = {
 	"data-uri": function(root, baseURI, v) {
 		var { DOMParser } = require("./dom.js")
@@ -88,7 +91,7 @@ var URL = global.URL || require("url").URL
 	q ? (q = str.indexOf("'") == -1 ? "'" : "\"", q + str.replace(q === "'" ? /\\(")/g : /\\(')/g, "$1")) + q :
 	c ? "" :
 	_.replace(/[\t\n]+/g, " ")
-	.replace(/ +(?=[,;{}>~+\/])/g, "").replace(/([,;{}>~+\/]) +/g, "$1")
+	.replace(/ *([,;{}>~+\/]) */g, "$1")
 	.replace(/;(?=})/g, "")
 	.replace(/: +/g, ":")
 	.replace(/([ :,])0\.([0-9])/g, "$1.$2")

package/dom.js

@@ -19,6 +19,7 @@ var boolAttrs = {
 , svgVoidElements = {
 	circle:1, ellipse:1, image:1, line:1, path:1, polygon:1, polyline:1, rect:1, stop:1, use:1,
 }
+, listeners = new WeakMap()
 , rawTextElements = { SCRIPT: /<(?=\/script)/i, STYLE: /<(?=\/style)/i }
 , rawTextEscape = { SCRIPT: /<(?=\/script|!--)/ig, STYLE: /<(?=\/style|!--)/ig }
 , hasOwn = voidElements.hasOwnProperty
@@ -222,10 +223,10 @@ var boolAttrs = {
 }
 , Element = {
 	get firstElementChild() {
-		return getElement(this.childNodes, 0, 1, 1)
+		return getElement(this.childNodes, 0, 1)
 	},
 	get lastElementChild() {
-		return getElement(this.childNodes, this.childNodes.length - 1, -1, 1)
+		return getElement(this.childNodes, this.childNodes.length - 1, -1)
 	},
 	get nextElementSibling() {
 		return getSibling(this, 1, 1)
@@ -319,6 +320,18 @@ function Attr(node, name, value) {
 	this.value = "" + value
 }
 
+function Event(type, opts) {
+	Object.assign(this, {type, bubbles: false, cancelable: false, defaultPrevented: false}, opts)
+}
+Event.prototype = {
+	stopPropagation() {
+		this.bubbles = false
+	},
+	preventDefault() {
+		if (this.cancelable) this.defaultPrevented = true
+	}
+}
+
 function NamedNodeMap(node) {
 	Object.defineProperties(this, {
 		length: { get() { return this.names().length } },
@@ -398,15 +411,46 @@ extendNode(HTMLElement, Element, {
 	namespaceURI: "http://www.w3.org/1999/xhtml",
 	nodeType: 1,
 	tagName: null,
+	get elements() {
+		return this.tagName === "FORM" ? selector.find(this, "input,select,textarea,button") : undefined
+	},
+	get labels() {
+		if (!selector.matches(this, "input,select,textarea,button")) return
+		var labels = this.id ? selector.find(this.ownerDocument, "label[for='" + this.id + "']") : []
+		, parent = selector.closest(this, "label")
+		if (parent && labels.indexOf(parent) < 0) labels.push(parent)
+		return labels
+	},
 	get sheet() {
 		return makeSheet(this)
 	},
 	blur() {
 		this.ownerDocument.activeElement = this.ownerDocument.body || null
 	},
+	click() {
+		this.dispatchEvent(new Event("click", { bubbles: true, cancelable: true }))
+	},
 	closest(sel) {
 		return selector.closest(this, sel)
 	},
+	addEventListener(type, fn) {
+		var map = listeners.get(this)
+		if (!map) listeners.set(this, map = {})
+		;(map[type] || (map[type] = [])).push(fn)
+	},
+	dispatchEvent(ev) {
+		if (!ev.target) ev.target = this
+		var fns = (listeners.get(this) || {})[ev.type]
+		if (fns) fns.forEach(function(fn) { fn.call(this, ev) }, this)
+		if (ev.bubbles && this.parentNode && this.parentNode.dispatchEvent) {
+			this.parentNode.dispatchEvent(ev)
+		}
+	},
+	removeEventListener(type, fn) {
+		var fns = (listeners.get(this) || {})[type]
+		, i = fns ? fns.indexOf(fn) : -1
+		if (i > -1) fns.splice(i, 1)
+	},
 	focus() {
 		this.ownerDocument.activeElement = this
 	},
@@ -571,6 +615,7 @@ exports.CSSStyleSheet = CSSStyleSheet
 exports.DOMParser = DOMParser
 exports.Document = Document
 exports.DocumentFragment = DocumentFragment
+exports.Event = Event
 exports.HTMLElement = HTMLElement
 exports.Node = Node
 exports.XMLSerializer = XMLSerializer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litejs/dom",
-  "version": "26.2.0",
+  "version": "26.4.0",
   "description": "A small DOM library for server-side testing, rendering, and handling of HTML files",
   "license": "MIT",
   "author": "Lauri Rooden <lauri@rooden.ee>",
@@ -29,6 +29,6 @@
     "url": "https://github.com/litejs/dom.git"
   },
   "devDependencies": {
-    "@litejs/cli": "25.1.0"
+    "@litejs/cli": "26.3.0"
   }
 }