@stencil/mock-doc 5.0.0-alpha.3 → 5.0.0-alpha.31

package/README.md

@@ -0,0 +1,133 @@
+# @stencil/mock-doc
+
+A minimal mock DOM implementation for server-side rendering and unit testing of Stencil components.
+
+## Install
+
+```bash
+npm install --save-dev @stencil/mock-doc
+```
+
+## Usage
+
+### `createDocument(html?)` — lightweight document only
+
+Use this when you only need a `Document` with no surrounding `window` object:
+
+```ts
+import { createDocument, serializeNodeToHtml } from '@stencil/mock-doc';
+
+const doc = createDocument('<div class="greeting">Hello</div>');
+const el = doc.querySelector('.greeting');
+el.textContent = 'Hello, world!';
+
+console.log(serializeNodeToHtml(el, { outerHtml: true }));
+// <div class="greeting">Hello, world!</div>
+```
+
+### `MockWindow(html?)` — full window environment
+
+Use this when your code accesses `window`, `location`, `navigator`, `localStorage`, etc.:
+
+```ts
+import { MockWindow, serializeNodeToHtml } from '@stencil/mock-doc';
+
+const win = new MockWindow('<html><body><my-comp></my-comp></body></html>');
+const doc = win.document;
+
+const el = doc.querySelector('my-comp');
+el.setAttribute('label', 'Hello');
+
+const html = serializeNodeToHtml(doc);
+```
+
+### `parseHtmlToDocument` / `parseHtmlToFragment`
+
+Parse an HTML string into a `Document` or a `DocumentFragment`:
+
+```ts
+import { parseHtmlToDocument, parseHtmlToFragment } from '@stencil/mock-doc';
+
+const doc = parseHtmlToDocument('<p>Hello</p>');
+const frag = parseHtmlToFragment('<li>one</li><li>two</li>');
+```
+
+### `serializeNodeToHtml(node, options?)`
+
+Serialize any node back to an HTML string. Useful for snapshot tests and SSR output.
+
+```ts
+import { serializeNodeToHtml } from '@stencil/mock-doc';
+
+// Pretty-printed output
+const pretty = serializeNodeToHtml(doc, { prettyHtml: true });
+
+// Outer HTML of a single element (includes the element's own tag)
+const outer = serializeNodeToHtml(el, { outerHtml: true });
+
+// Serialize shadow roots as Declarative Shadow DOM
+const dsd = serializeNodeToHtml(doc, {
+  serializeShadowRoot: 'declarative-shadow-dom',
+});
+```
+
+Key options:
+
+| Option | Default | Description |
+|---|---|---|
+| `prettyHtml` | `false` | Indent and add newlines |
+| `indentSpaces` | `2` (when pretty) | Spaces per indent level |
+| `outerHtml` | `false` | Include the root element's own tag |
+| `removeEmptyAttributes` | `true` | Strip attributes with empty string values |
+| `removeHtmlComments` | `false` | Strip HTML comments |
+| `serializeShadowRoot` | — | `'declarative-shadow-dom'` or `'scoped'` |
+| `fullDocument` | `false` | Always emit a full `<!DOCTYPE html>` document |
+
+### `setupGlobal` / `teardownGlobal` — test framework integration
+
+Installs a `MockWindow` onto `global` so that `window`, `document`, `customElements`, etc. are available without a browser. Call in `beforeEach`/`afterEach` to get a fresh environment per test:
+
+```ts
+import { setupGlobal, teardownGlobal } from '@stencil/mock-doc';
+
+beforeEach(() => setupGlobal(global));
+afterEach(() => teardownGlobal(global));
+
+it('reads document.title', () => {
+  document.title = 'My Page';
+  expect(document.title).toBe('My Page');
+});
+```
+
+`setupGlobal` returns the `MockWindow` it created, which you can use to reach `window`-level APIs directly if needed.
+
+### `patchWindow(win)` — fill gaps in a partial window
+
+Useful when running in an environment that has _some_ browser globals but is missing others (e.g. a custom SSR runtime):
+
+```ts
+import { patchWindow } from '@stencil/mock-doc';
+
+patchWindow(globalThis); // fills in any missing window APIs with mock implementations
+```
+
+### Fetch mocks
+
+Use `MockRequest`, `MockResponse`, and `MockHeaders` to test code that calls `fetch` without hitting the network:
+
+```ts
+import { MockRequest, MockResponse, MockHeaders } from '@stencil/mock-doc';
+
+// Simulate an incoming request
+const req = new MockRequest('/api/data', { method: 'POST' });
+console.log(req.method); // 'POST'
+console.log(req.url);    // 'http://localhost/api/data'
+
+// Build a response your handler returns
+const res = new MockResponse(JSON.stringify({ ok: true }), {
+  status: 200,
+  headers: new MockHeaders({ 'content-type': 'application/json' }),
+});
+
+const body = await res.json(); // { ok: true }
+```

package/dist/index.d.mts

@@ -219,7 +219,7 @@ declare class MockWindow {
   __allowInterval: boolean;
   URL: typeof URL;
   console: Console;
-  customElements: CustomElementRegistry;
+  customElements: CustomElementRegistry | null;
   document: Document;
   performance: Performance;
   devicePixelRatio: number;
@@ -433,7 +433,7 @@ declare class MockWindow {
   onwebkitfullscreenerror(): void;
   onwheel(): void;
 }
-declare function cloneWindow(srcWin: Window, opts?: {
+declare function cloneWindow(srcWin: Window | MockWindow, opts?: {
   customElementProxy?: boolean;
 }): MockWindow | null;
 declare function cloneDocument(srcDoc: Document): Document;
@@ -442,7 +442,7 @@ declare function cloneDocument(srcDoc: Document): Document;
  * only allow setInterval() to fire once, also constrained to 1ms.
  * @param win the mock window instance to update
  */
-declare function constrainTimeouts(win: any): void;
+declare function constrainTimeouts(win: MockWindow): void;
 //#endregion
 //#region src/event.d.ts
 declare class MockEvent {
@@ -510,13 +510,6 @@ declare class MockEventListener {
   handler: (ev?: any) => void;
   constructor(type: string, handler: any);
 }
-/**
- * Add an event listener to an element.
- *
- * @param elm - the element to add the listener to
- * @param type - the event type to listen for
- * @param handler - the event handler function
- */
 interface EventTarget {
   __listeners: MockEventListener[];
 }
@@ -972,7 +965,7 @@ declare class MockHeaders {
       value: string;
       done: boolean;
     };
-    [Symbol.iterator](): /*elided*/any;
+    [Symbol.iterator](): /*elided*/ any;
   };
   set(key: string, value: string): void;
   values(): any;

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 var __copyProps = (to, from, except, desc) => {
 	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
 		key = keys[i];
@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
@@ -48,13 +48,6 @@ let NODE_TYPES = /* @__PURE__ */ function(NODE_TYPES) {
 	NODE_TYPES[NODE_TYPES["DOCUMENT_FRAGMENT_NODE"] = 11] = "DOCUMENT_FRAGMENT_NODE";
 	return NODE_TYPES;
 }({});
-let NODE_NAMES = /* @__PURE__ */ function(NODE_NAMES) {
-	NODE_NAMES["COMMENT_NODE"] = "#comment";
-	NODE_NAMES["DOCUMENT_NODE"] = "#document";
-	NODE_NAMES["DOCUMENT_FRAGMENT_NODE"] = "#document-fragment";
-	NODE_NAMES["TEXT_NODE"] = "#text";
-	return NODE_NAMES;
-}({});
 //#endregion
 //#region src/attribute.ts
 const attrHandler = { get(obj, prop) {
@@ -63,6 +56,7 @@ const attrHandler = { get(obj, prop) {
 } };
 const createAttributeProxy = (caseInsensitive) => new Proxy(new MockAttributeMap(caseInsensitive), attrHandler);
 var MockAttributeMap = class {
+	caseInsensitive;
 	__items = [];
 	constructor(caseInsensitive = false) {
 		this.caseInsensitive = caseInsensitive;
@@ -285,6 +279,7 @@ function jsCaseToCssCase(str) {
 //#endregion
 //#region src/custom-element-registry.ts
 var MockCustomElementRegistry = class {
+	win;
 	__registry;
 	__whenDefined;
 	constructor(win) {
@@ -389,7 +384,7 @@ const proxyElements = /* @__PURE__ */ new WeakMap();
 const upgradedElements = /* @__PURE__ */ new WeakSet();
 function connectNode(ownerDocument, node) {
 	node.ownerDocument = ownerDocument;
-	if (node.nodeType === NODE_TYPES.ELEMENT_NODE) {
+	if (node.nodeType === 1) {
 		if (ownerDocument != null && node.nodeName.includes("-")) {
 			if (ownerDocument.defaultView != null && typeof node.connectedCallback === "function" && node.isConnected) fireConnectedCallback(node);
 			const shadowRoot = node.shadowRoot;
@@ -414,7 +409,7 @@ function fireConnectedCallback(node) {
 	}
 }
 function disconnectNode(node) {
-	if (node.nodeType === NODE_TYPES.ELEMENT_NODE) {
+	if (node.nodeType === 1) {
 		if (node.nodeName.includes("-") === true && typeof node.disconnectedCallback === "function") {
 			if (tempDisableCallbacks.has(node.ownerDocument) === false) try {
 				node.disconnectedCallback();
@@ -508,7 +503,7 @@ var MockEvent = class {
 		let currentElement = this.target;
 		while (currentElement) {
 			composedPath.push(currentElement);
-			if (!currentElement.parentElement && currentElement.nodeName === NODE_NAMES.DOCUMENT_NODE) {
+			if (!currentElement.parentElement && currentElement.nodeName === "#document") {
 				composedPath.push(currentElement.defaultView);
 				break;
 			}
@@ -639,7 +634,7 @@ function triggerEventListener(elm, ev) {
 		}
 	});
 	if (ev.bubbles === false) return;
-	if (elm.nodeName === NODE_NAMES.DOCUMENT_NODE) triggerEventListener(elm.defaultView, ev);
+	if (elm.nodeName === "#document") triggerEventListener(elm.defaultView, ev);
 	else if (elm.parentElement == null && elm.tagName === "HTML") triggerEventListener(elm.ownerDocument, ev);
 	else triggerEventListener(getNextEventTarget(elm, ev), ev);
 }
@@ -688,7 +683,7 @@ function getParser(ownerDocument) {
 	if (parseOptions != null) return parseOptions;
 	parseOptions = { treeAdapter: {
 		createDocument() {
-			const doc = ownerDocument.createElement(NODE_NAMES.DOCUMENT_NODE);
+			const doc = ownerDocument.createElement("#document");
 			doc["x-mode"] = "no-quirks";
 			return doc;
 		},
@@ -727,7 +722,7 @@ function getParser(ownerDocument) {
 			return templateElement.content;
 		},
 		setDocumentType(doc, name, publicId, systemId) {
-			let doctypeNode = doc.childNodes.find((n) => n.nodeType === NODE_TYPES.DOCUMENT_TYPE_NODE);
+			let doctypeNode = doc.childNodes.find((n) => n.nodeType === 10);
 			if (doctypeNode == null) {
 				doctypeNode = ownerDocument.createDocumentTypeNode();
 				doc.insertBefore(doctypeNode, doc.firstChild);
@@ -748,12 +743,12 @@ function getParser(ownerDocument) {
 		},
 		insertText(parentNode, text) {
 			const lastChild = parentNode.lastChild;
-			if (lastChild != null && lastChild.nodeType === NODE_TYPES.TEXT_NODE) lastChild.nodeValue += text;
+			if (lastChild != null && lastChild.nodeType === 3) lastChild.nodeValue += text;
 			else parentNode.appendChild(ownerDocument.createTextNode(text));
 		},
 		insertTextBefore(parentNode, text, referenceNode) {
 			const prevNode = parentNode.childNodes[parentNode.childNodes.indexOf(referenceNode) - 1];
-			if (prevNode != null && prevNode.nodeType === NODE_TYPES.TEXT_NODE) prevNode.nodeValue += text;
+			if (prevNode != null && prevNode.nodeType === 3) prevNode.nodeValue += text;
 			else parentNode.insertBefore(ownerDocument.createTextNode(text), referenceNode);
 		},
 		adoptAttributes(recipient, attrs) {
@@ -805,16 +800,16 @@ function getParser(ownerDocument) {
 			return doctypeNode["x-systemId"];
 		},
 		isTextNode(node) {
-			return node.nodeType === NODE_TYPES.TEXT_NODE;
+			return node.nodeType === 3;
 		},
 		isCommentNode(node) {
-			return node.nodeType === NODE_TYPES.COMMENT_NODE;
+			return node.nodeType === 8;
 		},
 		isDocumentTypeNode(node) {
-			return node.nodeType === NODE_TYPES.DOCUMENT_TYPE_NODE;
+			return node.nodeType === 10;
 		},
 		isElementNode(node) {
-			return node.nodeType === NODE_TYPES.ELEMENT_NODE;
+			return node.nodeType === 1;
 		}
 	} };
 	docParser.set(ownerDocument, parseOptions);
@@ -888,8 +883,8 @@ const shadowRootTag = "mock:shadow-root";
 * @yields the serialized HTML in chunks
 */
 function* streamToHtml(node, opts, output) {
-	const isShadowRoot = node.nodeType === NODE_TYPES.DOCUMENT_FRAGMENT_NODE;
-	if (node.nodeType === NODE_TYPES.ELEMENT_NODE || isShadowRoot) {
+	const isShadowRoot = node.nodeType === 11;
+	if (node.nodeType === 1 || isShadowRoot) {
 		const tagName = isShadowRoot ? shadowRootTag : getTagName(node);
 		if (tagName === "body") output.isWithinBody = true;
 		const ignoreTag = opts.excludeTags != null && opts.excludeTags.includes(tagName);
@@ -925,7 +920,7 @@ function* streamToHtml(node, opts, output) {
 				const attr = attributes.item(i);
 				const attrName = attr.name;
 				if (attrName === "style") continue;
-				if (tag === "template" && isShadowRoot && (attrName === "shadowrootmode" || attrName === "shadowrootdelegatesfocus")) continue;
+				if (tag === "template" && isShadowRoot && (attrName === "shadowrootmode" || attrName === "shadowrootdelegatesfocus" || attrName === "shadowrootcustomelementregistry")) continue;
 				let attrValue = attr.value;
 				if (opts.removeEmptyAttributes && attrValue === "" && REMOVE_EMPTY_ATTR.has(attrName)) continue;
 				const attrNamespaceURI = attr.namespaceURI;
@@ -939,14 +934,15 @@ function* streamToHtml(node, opts, output) {
 				} else if (attrNamespaceURI === "http://www.w3.org/XML/1998/namespace") {
 					yield " xml:" + attrLocalName;
 					output.currentLineWidth += attrLocalName.length + 5;
-				} else if (attrNamespaceURI === "http://www.w3.org/2000/xmlns/") if (attrLocalName !== "xmlns") {
-					yield " xmlns:" + attrLocalName;
-					output.currentLineWidth += attrLocalName.length + 7;
-				} else {
-					yield " " + attrLocalName;
-					output.currentLineWidth += attrLocalName.length + 1;
-				}
-				else if (attrNamespaceURI === "http://www.w3.org/1999/xlink") {
+				} else if (attrNamespaceURI === "http://www.w3.org/2000/xmlns/") {
+					if (attrLocalName !== "xmlns") {
+						yield " xmlns:" + attrLocalName;
+						output.currentLineWidth += attrLocalName.length + 7;
+					} else {
+						yield " " + attrLocalName;
+						output.currentLineWidth += attrLocalName.length + 1;
+					}
+				} else if (attrNamespaceURI === "http://www.w3.org/1999/xlink") {
 					yield " xlink:" + attrLocalName;
 					output.currentLineWidth += attrLocalName.length + 7;
 				} else {
@@ -988,7 +984,7 @@ function* streamToHtml(node, opts, output) {
 				yield* streamToHtml(shadowRoot, opts, output);
 				output.indent = output.indent - (opts.indentSpaces ?? 0);
 				const childNodes = getChildNodes(node);
-				if (opts.newLines && (childNodes.length === 0 || childNodes.length === 1 && childNodes[0].nodeType === NODE_TYPES.TEXT_NODE && childNodes[0].nodeValue?.trim() === "")) {
+				if (opts.newLines && (childNodes.length === 0 || childNodes.length === 1 && childNodes[0].nodeType === 3 && childNodes[0].nodeValue?.trim() === "")) {
 					yield "\n";
 					output.currentLineWidth = 0;
 					for (let i = 0; i < output.indent; i++) yield " ";
@@ -999,34 +995,36 @@ function* streamToHtml(node, opts, output) {
 				const tag = tagName === shadowRootTag ? "template" : tagName;
 				const childNodes = tagName === "template" ? node.content.childNodes : getChildNodes(node);
 				const childNodeLength = childNodes.length;
-				if (childNodeLength > 0) if (childNodeLength === 1 && childNodes[0].nodeType === NODE_TYPES.TEXT_NODE && (typeof childNodes[0].nodeValue !== "string" || childNodes[0].nodeValue.trim() === "")) {} else {
-					const isWithinWhitespaceSensitiveNode = opts.newLines || (opts.indentSpaces ?? 0) > 0 ? isWithinWhitespaceSensitive(node) : false;
-					if (!isWithinWhitespaceSensitiveNode && (opts.indentSpaces ?? 0) > 0 && ignoreTag === false) output.indent = output.indent + (opts.indentSpaces ?? 0);
-					for (let i = 0; i < childNodeLength; i++) {
-						/**
-						* In cases where a user would pass in a declarative shadow dom of a
-						* Stencil component, we want to skip over the template tag as we
-						* will be parsing the shadow root of the component again.
-						*
-						* We know it is a hydrated Stencil component by checking if the `HYDRATE_ID`
-						* is set on the node.
-						*/
-						const sId = node.attributes.getNamedItem(HYDRATE_ID);
-						if (childNodes[i].nodeName.toLowerCase() === "template" && sId) {
-							yield `\n${" ".repeat(output.indent)}<!--r.${sId.value}-->`;
-							continue;
-						}
-						yield* streamToHtml(childNodes[i], opts, output);
-					}
-					if (ignoreTag === false) {
-						if (opts.newLines && !isWithinWhitespaceSensitiveNode) {
-							yield "\n";
-							output.currentLineWidth = 0;
+				if (childNodeLength > 0) {
+					if (childNodeLength === 1 && childNodes[0].nodeType === 3 && (typeof childNodes[0].nodeValue !== "string" || childNodes[0].nodeValue.trim() === "")) {} else {
+						const isWithinWhitespaceSensitiveNode = opts.newLines || (opts.indentSpaces ?? 0) > 0 ? isWithinWhitespaceSensitive(node) : false;
+						if (!isWithinWhitespaceSensitiveNode && (opts.indentSpaces ?? 0) > 0 && ignoreTag === false) output.indent = output.indent + (opts.indentSpaces ?? 0);
+						for (let i = 0; i < childNodeLength; i++) {
+							/**
+							* In cases where a user would pass in a declarative shadow dom of a
+							* Stencil component, we want to skip over the template tag as we
+							* will be parsing the shadow root of the component again.
+							*
+							* We know it is a hydrated Stencil component by checking if the `HYDRATE_ID`
+							* is set on the node.
+							*/
+							const sId = node.attributes.getNamedItem(HYDRATE_ID);
+							if (childNodes[i].nodeName.toLowerCase() === "template" && sId) {
+								yield `\n${" ".repeat(output.indent)}<!--r.${sId.value}-->`;
+								continue;
+							}
+							yield* streamToHtml(childNodes[i], opts, output);
 						}
-						if ((opts.indentSpaces ?? 0) > 0 && !isWithinWhitespaceSensitiveNode) {
-							output.indent = output.indent - (opts.indentSpaces ?? 0);
-							for (let i = 0; i < output.indent; i++) yield " ";
-							output.currentLineWidth += output.indent;
+						if (ignoreTag === false) {
+							if (opts.newLines && !isWithinWhitespaceSensitiveNode) {
+								yield "\n";
+								output.currentLineWidth = 0;
+							}
+							if ((opts.indentSpaces ?? 0) > 0 && !isWithinWhitespaceSensitiveNode) {
+								output.indent = output.indent - (opts.indentSpaces ?? 0);
+								for (let i = 0; i < output.indent; i++) yield " ";
+								output.currentLineWidth += output.indent;
+							}
 						}
 					}
 				}
@@ -1041,7 +1039,7 @@ function* streamToHtml(node, opts, output) {
 			output.currentLineWidth = 0;
 		}
 		if (tagName === "body") output.isWithinBody = false;
-	} else if (node.nodeType === NODE_TYPES.TEXT_NODE) {
+	} else if (node.nodeType === 3) {
 		let textContent = node.nodeValue;
 		if (typeof textContent === "string") {
 			const trimmedTextContent = textContent.trim();
@@ -1068,7 +1066,7 @@ function* streamToHtml(node, opts, output) {
 				}
 				let textContentLength = textContent.length;
 				if (textContentLength > 0) {
-					const parentTagName = node.parentNode != null && node.parentNode.nodeType === NODE_TYPES.ELEMENT_NODE ? node.parentNode.nodeName : null;
+					const parentTagName = node.parentNode != null && node.parentNode.nodeType === 1 ? node.parentNode.nodeName : null;
 					if (typeof parentTagName === "string" && NON_ESCAPABLE_CONTENT.has(parentTagName)) {
 						if (isWithinWhitespaceSensitive(node)) yield textContent;
 						else {
@@ -1082,13 +1080,15 @@ function* streamToHtml(node, opts, output) {
 					} else {
 						if (isWithinWhitespaceSensitive(node)) output.currentLineWidth += textContentLength;
 						else {
-							if (/\s/.test(textContent.charAt(0))) textContent = " " + textContent.trimLeft();
+							if (/\s/.test(textContent.charAt(0))) textContent = " " + textContent.trimStart();
 							textContentLength = textContent.length;
 							if (textContentLength > 1) {
-								if (/\s/.test(textContent.charAt(textContentLength - 1))) if (opts.approximateLineWidth && opts.approximateLineWidth > 0 && output.currentLineWidth + textContentLength > opts.approximateLineWidth) {
-									textContent = textContent.trimRight() + "\n";
-									output.currentLineWidth = 0;
-								} else textContent = textContent.trimRight() + " ";
+								if (/\s/.test(textContent.charAt(textContentLength - 1))) {
+									if (opts.approximateLineWidth && opts.approximateLineWidth > 0 && output.currentLineWidth + textContentLength > opts.approximateLineWidth) {
+										textContent = textContent.trimEnd() + "\n";
+										output.currentLineWidth = 0;
+									} else textContent = textContent.trimEnd() + " ";
+								}
 							}
 							output.currentLineWidth += textContentLength;
 						}
@@ -1097,7 +1097,7 @@ function* streamToHtml(node, opts, output) {
 				}
 			}
 		}
-	} else if (node.nodeType === NODE_TYPES.COMMENT_NODE) {
+	} else if (node.nodeType === 8) {
 		const nodeValue = node.nodeValue;
 		const isHydrateAnnotation = nodeValue?.startsWith("r.") || nodeValue?.startsWith("o.") || nodeValue?.startsWith("s.") || nodeValue?.startsWith("t.");
 		/**
@@ -1116,7 +1116,7 @@ function* streamToHtml(node, opts, output) {
 		}
 		yield "<!--" + nodeValue + "-->";
 		if (nodeValue) output.currentLineWidth += nodeValue.length + 7;
-	} else if (node.nodeType === NODE_TYPES.DOCUMENT_TYPE_NODE) yield "<!doctype html>";
+	} else if (node.nodeType === 10) yield "<!doctype html>";
 }
 const AMP_REGEX = /&/g;
 const NBSP_REGEX = /\u00a0/g;
@@ -1159,50 +1159,40 @@ function isWithinWhitespaceSensitive(node) {
 function getChildNodes(node) {
 	return node.__childNodes || node.childNodes;
 }
-const NON_ESCAPABLE_CONTENT = new Set([
+const NON_ESCAPABLE_CONTENT = /* @__PURE__ */ new Set([
 	"STYLE",
 	"SCRIPT",
 	"IFRAME",
-	"NOSCRIPT",
-	"XMP",
-	"NOEMBED",
-	"NOFRAMES",
-	"PLAINTEXT"
+	"NOSCRIPT"
 ]);
 /**
 * A list of whitespace sensitive tag names, such as `code`, `pre`, etc.
 */
-const WHITESPACE_SENSITIVE = new Set([
+const WHITESPACE_SENSITIVE = /* @__PURE__ */ new Set([
 	"CODE",
 	"OUTPUT",
-	"PLAINTEXT",
 	"PRE",
 	"SCRIPT",
 	"TEMPLATE",
 	"TEXTAREA"
 ]);
-const EMPTY_ELEMENTS = new Set([
+const EMPTY_ELEMENTS = /* @__PURE__ */ new Set([
 	"area",
 	"base",
-	"basefont",
-	"bgsound",
 	"br",
 	"col",
 	"embed",
-	"frame",
 	"hr",
 	"img",
 	"input",
-	"keygen",
 	"link",
 	"meta",
 	"param",
 	"source",
-	"trace",
 	"track",
 	"wbr"
 ]);
-const REMOVE_EMPTY_ATTR = new Set([
+const REMOVE_EMPTY_ATTR = /* @__PURE__ */ new Set([
 	"class",
 	"dir",
 	"id",
@@ -1210,52 +1200,37 @@ const REMOVE_EMPTY_ATTR = new Set([
 	"name",
 	"title"
 ]);
-const BOOLEAN_ATTR = new Set([
+const BOOLEAN_ATTR = /* @__PURE__ */ new Set([
 	"allowfullscreen",
 	"async",
 	"autofocus",
 	"autoplay",
 	"checked",
-	"compact",
 	"controls",
-	"declare",
 	"default",
-	"defaultchecked",
-	"defaultmuted",
-	"defaultselected",
 	"defer",
 	"disabled",
-	"enabled",
 	"formnovalidate",
 	"hidden",
-	"indeterminate",
 	"inert",
 	"ismap",
 	"itemscope",
 	"loop",
 	"multiple",
 	"muted",
-	"nohref",
 	"nomodule",
-	"noresize",
-	"noshade",
 	"novalidate",
-	"nowrap",
 	"open",
-	"pauseonexit",
 	"readonly",
 	"required",
 	"reversed",
-	"scoped",
-	"seamless",
 	"selected",
+	"shadowrootclonable",
+	"shadowrootcustomelementregistry",
 	"shadowrootdelegatesfocus",
-	"sortable",
-	"truespeed",
-	"typemustmatch",
-	"visible"
+	"shadowrootserializable"
 ]);
-const STRUCTURE_ELEMENTS = new Set([
+const STRUCTURE_ELEMENTS = /* @__PURE__ */ new Set([
 	"html",
 	"body",
 	"head",
@@ -1270,6 +1245,8 @@ const STRUCTURE_ELEMENTS = new Set([
 //#endregion
 //#region src/token-list.ts
 var MockTokenList = class {
+	elm;
+	attr;
 	constructor(elm, attr) {
 		this.elm = elm;
 		this.attr = attr;
@@ -1352,7 +1329,7 @@ var MockNode = class {
 		this._childNodes = value;
 	}
 	appendChild(newNode) {
-		if (newNode.nodeType === NODE_TYPES.DOCUMENT_FRAGMENT_NODE) {
+		if (newNode.nodeType === 11) {
 			const nodes = newNode.childNodes.slice();
 			for (const child of nodes) this.appendChild(child);
 		} else {
@@ -1383,22 +1360,20 @@ var MockNode = class {
 		const DOCUMENT_POSITION_DISCONNECTED = 1;
 		const DOCUMENT_POSITION_PRECEDING = 2;
 		const DOCUMENT_POSITION_FOLLOWING = 4;
-		const DOCUMENT_POSITION_CONTAINS = 8;
-		const DOCUMENT_POSITION_CONTAINED_BY = 16;
 		if (this === other) return 0;
 		let thisRoot = this;
 		while (thisRoot.parentNode) thisRoot = thisRoot.parentNode;
 		let otherRoot = other;
 		while (otherRoot.parentNode) otherRoot = otherRoot.parentNode;
-		if (thisRoot !== otherRoot) return DOCUMENT_POSITION_DISCONNECTED | DOCUMENT_POSITION_PRECEDING;
+		if (thisRoot !== otherRoot) return 3;
 		let node = other;
 		while (node) {
-			if (node === this) return DOCUMENT_POSITION_CONTAINS | DOCUMENT_POSITION_PRECEDING;
+			if (node === this) return 10;
 			node = node.parentNode;
 		}
 		node = this;
 		while (node) {
-			if (node === other) return DOCUMENT_POSITION_CONTAINED_BY | DOCUMENT_POSITION_FOLLOWING;
+			if (node === other) return 20;
 			node = node.parentNode;
 		}
 		const getAncestors = (n) => {
@@ -1426,16 +1401,16 @@ var MockNode = class {
 		return this.childNodes[0] || null;
 	}
 	insertBefore(newNode, referenceNode) {
-		if (newNode.nodeType === NODE_TYPES.DOCUMENT_FRAGMENT_NODE) for (let i = 0, ii = newNode.childNodes.length; i < ii; i++) insertBefore(this, newNode.childNodes[i], referenceNode);
+		if (newNode.nodeType === 11) for (let i = 0, ii = newNode.childNodes.length; i < ii; i++) insertBefore(this, newNode.childNodes[i], referenceNode);
 		else insertBefore(this, newNode, referenceNode);
 		return newNode;
 	}
 	get isConnected() {
 		let node = this;
 		while (node != null) {
-			if (node.nodeType === NODE_TYPES.DOCUMENT_NODE) return true;
+			if (node.nodeType === 9) return true;
 			node = node.parentNode;
-			if (node != null && node.nodeType === NODE_TYPES.DOCUMENT_FRAGMENT_NODE) node = node.host;
+			if (node != null && node.nodeType === 11) node = node.host;
 		}
 		return false;
 	}
@@ -1481,7 +1456,7 @@ var MockNode = class {
 		const index = this.childNodes.indexOf(childNode);
 		if (index > -1) {
 			this.childNodes.splice(index, 1);
-			if (this.nodeType === NODE_TYPES.ELEMENT_NODE) {
+			if (this.nodeType === 1) {
 				const wasConnected = this.isConnected;
 				childNode.parentNode = null;
 				if (wasConnected === true) disconnectNode(childNode);
@@ -1490,8 +1465,10 @@ var MockNode = class {
 		return childNode;
 	}
 	remove() {
-		if (this.parentNode != null) if (this.__parentNode) this.__parentNode.removeChild(this);
-		else this.parentNode.removeChild(this);
+		if (this.parentNode != null) {
+			if (this.__parentNode) this.__parentNode.removeChild(this);
+			else this.parentNode.removeChild(this);
+		}
 	}
 	replaceChild(newChild, oldChild) {
 		if (oldChild.parentNode === this) {
@@ -1550,7 +1527,7 @@ var MockElement = class extends MockNode {
 		} });
 	}
 	constructor(ownerDocument, nodeName, namespaceURI = null) {
-		super(ownerDocument, NODE_TYPES.ELEMENT_NODE, typeof nodeName === "string" ? nodeName : null, null);
+		super(ownerDocument, 1, typeof nodeName === "string" ? nodeName : null, null);
 		this.__namespaceURI = namespaceURI;
 		this.__localName = typeof nodeName === "string" ? nodeName : null;
 		this.__shadowRoot = null;
@@ -1625,10 +1602,10 @@ var MockElement = class extends MockNode {
 		this.__attributeMap = attrs;
 	}
 	get children() {
-		return this.childNodes.filter((n) => n.nodeType === NODE_TYPES.ELEMENT_NODE);
+		return this.childNodes.filter((n) => n.nodeType === 1);
 	}
 	get childElementCount() {
-		return this.childNodes.filter((n) => n.nodeType === NODE_TYPES.ELEMENT_NODE).length;
+		return this.childNodes.filter((n) => n.nodeType === 1).length;
 	}
 	get className() {
 		return this.getAttributeNS(null, "class") || "";
@@ -1821,7 +1798,7 @@ var MockElement = class extends MockNode {
 	}
 	get nextElementSibling() {
 		const parentElement = this.parentElement;
-		if (parentElement != null && (parentElement.nodeType === NODE_TYPES.ELEMENT_NODE || parentElement.nodeType === NODE_TYPES.DOCUMENT_FRAGMENT_NODE || parentElement.nodeType === NODE_TYPES.DOCUMENT_NODE)) {
+		if (parentElement != null && (parentElement.nodeType === 1 || parentElement.nodeType === 11 || parentElement.nodeType === 9)) {
 			const index = parentElement.children.indexOf(this) + 1;
 			return parentElement.children[index] || null;
 		}
@@ -1836,7 +1813,7 @@ var MockElement = class extends MockNode {
 	}
 	get previousElementSibling() {
 		const parentElement = this.parentElement;
-		if (parentElement != null && (parentElement.nodeType === NODE_TYPES.ELEMENT_NODE || parentElement.nodeType === NODE_TYPES.DOCUMENT_FRAGMENT_NODE || parentElement.nodeType === NODE_TYPES.DOCUMENT_NODE)) {
+		if (parentElement != null && (parentElement.nodeType === 1 || parentElement.nodeType === 11 || parentElement.nodeType === 9)) {
 			const index = parentElement.children.indexOf(this) - 1;
 			return parentElement.children[index] || null;
 		}
@@ -1885,12 +1862,13 @@ var MockElement = class extends MockNode {
 			const attributes = this.attributes;
 			let attr = attributes.getNamedItem(attrName);
 			const checkAttrChanged = checkAttributeChanged(this);
-			if (attr != null) if (checkAttrChanged === true) {
-				const oldValue = attr.value;
-				attr.value = value;
-				if (oldValue !== attr.value) attributeChanged(this, attr.name, oldValue, attr.value);
-			} else attr.value = value;
-			else {
+			if (attr != null) {
+				if (checkAttrChanged === true) {
+					const oldValue = attr.value;
+					attr.value = value;
+					if (oldValue !== attr.value) attributeChanged(this, attr.name, oldValue, attr.value);
+				} else attr.value = value;
+			} else {
 				if (attributes.caseInsensitive) attrName = attrName.toLowerCase();
 				attr = new MockAttr(attrName, value);
 				attributes.__items.push(attr);
@@ -1912,12 +1890,13 @@ var MockElement = class extends MockNode {
 		}
 		let attr = attributes.getNamedItemNS(namespaceURI, localName);
 		const checkAttrChanged = checkAttributeChanged(this);
-		if (attr != null) if (checkAttrChanged === true) {
-			const oldValue = attr.value;
-			attr.value = value;
-			if (oldValue !== attr.value) attributeChanged(this, attr.name, oldValue, attr.value);
-		} else attr.value = value;
-		else {
+		if (attr != null) {
+			if (checkAttrChanged === true) {
+				const oldValue = attr.value;
+				attr.value = value;
+				if (oldValue !== attr.value) attributeChanged(this, attr.name, oldValue, attr.value);
+			} else attr.value = value;
+		} else {
 			attr = new MockAttr(localName, value, namespaceURI, prefix);
 			attributes.__items.push(attr);
 			if (checkAttrChanged === true) attributeChanged(this, attr.name, null, attr.value);
@@ -2095,7 +2074,7 @@ function insertBefore(parentNode, newNode, referenceNode) {
 var MockHTMLElement = class extends MockElement {
 	__namespaceURI = "http://www.w3.org/1999/xhtml";
 	constructor(ownerDocument, nodeName) {
-		super(ownerDocument, typeof nodeName === "string" ? nodeName.toUpperCase() : null);
+		super(ownerDocument, nodeName ? nodeName.toUpperCase() : null);
 	}
 	get tagName() {
 		return this.nodeName ?? "";
@@ -2127,7 +2106,7 @@ var MockHTMLElement = class extends MockElement {
 };
 var MockTextNode = class MockTextNode extends MockNode {
 	constructor(ownerDocument, text) {
-		super(ownerDocument, NODE_TYPES.TEXT_NODE, NODE_NAMES.TEXT_NODE, text);
+		super(ownerDocument, 3, "#text", text);
 	}
 	cloneNode(_deep) {
 		return new MockTextNode(null, this.nodeValue);
@@ -2149,7 +2128,7 @@ var MockTextNode = class MockTextNode extends MockNode {
 			const text = [];
 			for (let i = 0, ii = this.parentNode.childNodes.length; i < ii; i++) {
 				const childNode = this.parentNode.childNodes[i];
-				if (childNode.nodeType === NODE_TYPES.TEXT_NODE) text.push(childNode.nodeValue);
+				if (childNode.nodeType === 3) text.push(childNode.nodeValue);
 			}
 			return text.join("");
 		}
@@ -2159,8 +2138,8 @@ var MockTextNode = class MockTextNode extends MockNode {
 function getTextContent(childNodes, text) {
 	for (let i = 0, ii = childNodes.length; i < ii; i++) {
 		const childNode = childNodes[i];
-		if (childNode.nodeType === NODE_TYPES.TEXT_NODE) text.push(childNode.nodeValue);
-		else if (childNode.nodeType === NODE_TYPES.ELEMENT_NODE) getTextContent(childNode.childNodes, text);
+		if (childNode.nodeType === 3) text.push(childNode.nodeValue);
+		else if (childNode.nodeType === 1) getTextContent(childNode.childNodes, text);
 	}
 }
 function setTextContent(elm, text) {
@@ -2205,7 +2184,7 @@ function unmarkAsDispatching(target, eventType) {
 //#region src/comment-node.ts
 var MockComment = class MockComment extends MockNode {
 	constructor(ownerDocument, data) {
-		super(ownerDocument, NODE_TYPES.COMMENT_NODE, NODE_NAMES.COMMENT_NODE, data);
+		super(ownerDocument, 8, "#comment", data);
 	}
 	cloneNode(_deep) {
 		return new MockComment(null, this.nodeValue);
@@ -2229,7 +2208,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			global.NW.Dom = factory(global, Export);
 		}
 	})(exports, function Factory(global, Export) {
-		var version = "nwsapi-2.2.23", doc = global.document, root = doc.documentElement, slice = Array.prototype.slice, VSP = "[\\r\\n\\f]", WSP = "[\\x20\\t\\r\\n\\f]", CFG = {
+		var version = "nwsapi-2.2.24", doc = global.document, root = doc.documentElement, slice = Array.prototype.slice, HSP = "\\x20\\t", VSP = "\\r\\n\\f", WSP = "[" + HSP + VSP + "]", CFG = {
 			operators: "[~*^$|]=|=",
 			combinators: "[\\x20\\t>+~](?=[^>+~])"
 		}, NOT = {
@@ -2254,9 +2233,9 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			apimethods: RegExp("^(?:\\w+|\\*)\\|"),
 			namespaces: RegExp("(\\*|\\w+)\\|[\\w-]+")
 		}, GROUPS = {
-			linguistic: "(dir|lang)(?:\\x28\\s?([-\\w]{2,})\\s?\\x29)",
-			logicalsel: "(is|where|matches|not|has)(?:\\x28\\s?([^()]*|.*)\\s?\\x29)",
-			treestruct: "(nth(?:-last)?(?:-child|-of\\-type))(?:\\x28\\s?(even|odd|(?:[-+]?\\d*)(?:n\\s?[-+]?\\s?\\d*)?)\\s?\\x29)",
+			linguistic: "(dir|lang)(?:\\x28\\s?([-\\w]{2,})\\s?(?:\\x29|$))",
+			logicalsel: "(is|where|matches|not|has)(?:\\x28\\s?([^()]*|.*)\\s?(?:\\x29|$))",
+			treestruct: "(nth(?:-last)?(?:-child|-of\\-type))(?:\\x28\\s?(even|odd|(?:[-+]?\\d*)(?:n\\s?[-+]?\\s?\\d*)?)\\s?(?:\\x29|$))",
 			locationpc: "(any\\-link|link|visited|target|defined)\\b",
 			useraction: "(hover|active|focus\\-within|focus\\-visible|focus)\\b",
 			structural: "(scope|root|empty|(?:(?:first|last|only)(?:-child|\\-of\\-type)))\\b",
@@ -2455,7 +2434,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			if (codePoint < 1 || codePoint > 1114111 || codePoint > 55295 && codePoint < 57344) return "�";
 			if (codePoint < 65536) return String.fromCharCode(codePoint);
 			return String.fromCodePoint ? String.fromCodePoint(codePoint) : String.fromCharCode((codePoint - 65536 >> 10) + 55296, (codePoint - 65536) % 1024 + 56320);
-		}, convertEscapes = function(str) {
+		}, escapeIdentifier = function(str) {
 			return REX.HasEscapes.test(str) ? str.replace(REX.FixEscapes, function(substring, p1, p2) {
 				return p2 ? "\\" + p2 : REX.HexNumbers.test(p1) ? codePointToUTF16(parseInt(p1, 16)) : REX.EscOrQuote.test(p1) ? substring : p1;
 			}) : str;
@@ -2485,12 +2464,14 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			var e, i, l, nodes, api = method["#"];
 			if (Config.IDS_DUPES === false) {
 				if (api in context) return (e = context[api](id)) ? [e] : none;
-			} else if ("all" in context) if (e = context.all[id]) {
-				if (e.nodeType == 1) return e.getAttribute("id") != id ? [] : [e];
-				else if (id == "length") return (e = context[api](id)) ? [e] : none;
-				for (i = 0, l = e.length, nodes = []; l > i; ++i) if (e[i].id == id) nodes[nodes.length] = e[i];
-				return nodes && nodes.length ? nodes : [nodes];
-			} else return none;
+			} else if ("all" in context) {
+				if (e = context.all[id]) {
+					if (e.nodeType == 1) return e.getAttribute("id") != id ? [] : [e];
+					else if (id == "length") return (e = context[api](id)) ? [e] : none;
+					for (i = 0, l = e.length, nodes = []; l > i; ++i) if (e[i].id == id) nodes[nodes.length] = e[i];
+					return nodes && nodes.length ? nodes : [nodes];
+				} else return none;
+			}
 			return byIdRaw(id, context);
 		}, byTagNS = function(context, tag) {
 			return byTag(tag, context);
@@ -2499,15 +2480,16 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			if (api in context) return slice.call(context[api](tag));
 			else {
 				tag = tag.toLowerCase();
-				if (e = context.firstElementChild) if (!(e.nextElementSibling || tag == "*" || e.localName == tag)) return slice.call(e[api](tag));
-				else {
-					nodes = [];
-					do {
-						if (tag == "*" || e.localName == tag) nodes[nodes.length] = e;
-						concatList(nodes, e[api](tag));
-					} while (e = e.nextElementSibling);
-				}
-				else nodes = none;
+				if (e = context.firstElementChild) {
+					if (!(e.nextElementSibling || tag == "*" || e.localName == tag)) return slice.call(e[api](tag));
+					else {
+						nodes = [];
+						do {
+							if (tag == "*" || e.localName == tag) nodes[nodes.length] = e;
+							concatList(nodes, e[api](tag));
+						} while (e = e.nextElementSibling);
+					}
+				} else nodes = none;
 			}
 			return !Config.NODE_LIST ? nodes : isInstanceOf(nodes) ? nodes : toNodeList(nodes);
 		}, byClass = function(cls, context) {
@@ -2699,7 +2681,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			setIdentifierSyntax();
 			lastContext = switchContext(doc, true);
 		}, setIdentifierSyntax = function() {
-			var noascii = "[^\\x00-\\x9f]", escaped = "\\\\[^\\r\\n\\f0-9a-fA-F]", unicode = "\\\\[0-9a-fA-F]{1,6}(?:\\r\\n|\\s)?", identifier = "-?(?:[a-zA-Z_-]|" + noascii + "|" + escaped + "|" + unicode + ")(?:-{2}|[0-9]|[a-zA-Z_-]|" + noascii + "|" + escaped + "|" + unicode + ")*", pseudonames = "[-\\w]+", pseudoparms = "(?:[-+]?\\d*)(?:n\\s?[-+]?\\s?\\d*)", attrparser = identifier + "|\"[^\"\\\\]*(?:\\\\.[^\"\\\\]*)*(?:\"|$)|'[^'\\\\]*(?:\\\\.[^'\\\\]*)*(?:'|$)", attrvalues = "([\\x22\\x27]?)((?!\\3)*|(?:\\\\?.)*?)(?:\\3|$)", attributes = "\\[(?:\\*\\|)?" + WSP + "?(" + identifier + "(?::" + identifier + ")?)" + WSP + "?(?:(" + CFG.operators + ")" + WSP + "?(?:" + attrparser + "))?(?:" + WSP + "?\\b(i))?" + WSP + "?(?:\\]|$)", attrmatcher = attributes.replace(attrparser, attrvalues), pseudoclass = "(?:\\x28" + WSP + "*(?:" + pseudoparms + "?)?|(?:\\*|\\*\\|)|(?:(?::" + pseudonames + "(?:\\x28" + pseudoparms + "?(?:\\x29|$))?|)|(?:[.#]?" + identifier + ")|(?:" + attributes + "))+|(?:" + WSP + "?[>+~][^>+~]" + WSP + "?)|(?:" + WSP + "?," + WSP + "?)|(?:" + WSP + "?)|(?:\\x29|$))*", standardValidator = "(?=" + WSP + "?[^>+~(){}<>])(?:(?:\\*|\\*\\|)|(?:[.#]?" + identifier + ")+|(?:" + attributes + ")+|(?:::?" + pseudonames + pseudoclass + ")|(?:" + WSP + "?" + CFG.combinators + WSP + "?)|(?:" + WSP + "?," + WSP + "?)|(?:" + WSP + "?))+";
+			var identifier = "(?:-|--|\\\\[0-9a-fA-F]{1,6}[" + HSP + "]?|\\\\[^" + VSP + "]|[^\\x00-\\x9f]|[\\w-])+", pseudonames = "[-\\w]+", pseudoparms = "(?:[-+]?\\d*)(?:n\\s?[-+]?\\s?\\d*)", attrparser = identifier + "|\"[^\"\\\\]*(?:\\\\.[^\"\\\\]*)*(?:\"|$)|'[^'\\\\]*(?:\\\\.[^'\\\\]*)*(?:'|$)", attrvalues = "([\\x22\\x27]?)((?!\\3)*|(?:\\\\?.)*?)(?:\\3|$)", attributes = "\\[(?:\\*\\|)?" + WSP + "?(" + identifier + "(?::" + identifier + ")?)" + WSP + "?(?:(" + CFG.operators + ")" + WSP + "?(?:" + attrparser + "))?(?:" + WSP + "?\\b(i))?" + WSP + "?(?:\\]|$)", attrmatcher = attributes.replace(attrparser, attrvalues), pseudoclass = "(?:\\x28" + WSP + "*(?:" + pseudoparms + "?)?|(?:\\*|\\*\\|)|(?:(?::" + pseudonames + "(?:\\x28" + pseudoparms + "?(?:\\x29|$))?|)|(?:[.#]?" + identifier + ")|(?:" + attributes + "))+|(?:" + WSP + "?[>+~][^>+~]" + WSP + "?)|(?:" + WSP + "?," + WSP + "?)|(?:" + WSP + "?)|(?:\\x29|$))*", standardValidator = "(?=" + WSP + "?[^>+~(){}<>])(?:(?:\\*|\\*\\|)|(?:[.#]?" + identifier + ")+|(?:" + attributes + ")+|(?:::?" + pseudonames + pseudoclass + ")|(?:" + WSP + "?" + CFG.combinators + WSP + "?)|(?:" + WSP + "?," + WSP + "?)|(?:" + WSP + "?))+";
 			reOptimizer = RegExp("(?:([.:#*]?)(" + identifier + ")(?::[-\\w]+|\\[[^\\]]+(?:\\]|$)|\\x28[^\\x29]+(?:\\x29|$))*)$");
 			reValidator = RegExp(standardValidator, "g");
 			Patterns.id = RegExp("^#(" + identifier + ")(.*)");
@@ -2726,8 +2708,6 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 					macro = N_BODY + (callback ? N_TEST : "") + N_TAIL;
 					head = N_HEAD;
 					loop = N_LOOP;
-					break;
-				default: break;
 			}
 			source = compileSelector(selector, macro, mode, callback);
 			loop += mode || mode === null ? "{" + source + "}" : source;
@@ -2744,9 +2724,10 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			factory = Function("s", F_INIT + "{" + head + vars + ";" + loop + "return r;}")(Snapshot);
 			return mode || mode === null ? selectLambdas[selector] = factory : matchLambdas[selector] = factory;
 		}, compileSelector = function(expression, source, mode, callback) {
-			var a, b, n, f, name, NS, compat, expr, match, result, status, symbol, test, type, selector = expression, vars;
+			var a, b, n, f, k = 0, name, NS, compat, expr, match, result, status, symbol, test, type, selector = expression, vars;
 			selector = selector.replace(STD.combinator, "$1");
 			selector_recursion_label: while (selector) {
+				++k;
 				symbol = STD.apimethods.test(selector) ? "|" : selector[0];
 				switch (symbol) {
 					case "*":
@@ -2792,26 +2773,26 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 							p3: "true"
 						} : test;
 						else if (match[2] == "~=" && match[4].includes(" ")) break;
-						else if (match[4]) match[4] = convertEscapes(match[4]).replace(REX.RegExpChar, "\\$&");
+						else if (match[4]) match[4] = escapeIdentifier(match[4]).replace(REX.RegExpChar, "\\$&");
 						type = match[5] == "i" || HTML_DOCUMENT && HTML_TABLE[expr.toLowerCase()] ? "i" : "";
 						source = "if((" + (!match[2] ? NS ? "s.hasAttributeNS(e,\"" + name + "\")" : "e.hasAttribute&&e.hasAttribute(\"" + name + "\")" : !match[4] && ATTR_STD_OPS[match[2]] && match[2] != "~=" ? "e.getAttribute&&e.getAttribute(\"" + name + "\")==\"\"" : "(/" + test.p1 + match[4] + test.p2 + "/" + type + ").test(e.getAttribute&&e.getAttribute(\"" + name + "\"))==" + test.p3) + ")){" + source + "}";
 						break;
 					case "~":
 						match = selector.match(Patterns.relative);
-						source = "while(e&&(e=e.previousElementSibling)){" + source + "}";
+						source = "var N" + k + "=e;while(e&&(e=e.previousElementSibling)){" + source + "}e=N" + k + ";";
 						break;
 					case "+":
 						match = selector.match(Patterns.adjacent);
-						source = "if(e&&(e=e.previousElementSibling)){" + source + "}";
+						source = "var N" + k + "=e;if(e&&(e=e.previousElementSibling)){" + source + "}e=N" + k + ";";
 						break;
 					case "	":
 					case " ":
 						match = selector.match(Patterns.ancestor);
-						source = "while(e&&(e=e.parentElement)){" + source + "}";
+						source = "var N" + k + "=e;while(e&&(e=e.parentElement)){" + source + "}e=N" + k + ";";
 						break;
 					case ">":
 						match = selector.match(Patterns.children);
-						source = "if(e&&(e=e.parentElement)){" + source + "}";
+						source = "var N" + k + "=e;if(e&&(e=e.parentElement)){" + source + "}e=N" + k + ";";
 						break;
 					case symbol in Combinators ? symbol : void 0:
 						match[match.length - 1] = "*";
@@ -2848,9 +2829,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 								case "first-of-type":
 									source = "n=e;o=e.localName;while((n=n.previousElementSibling)&&n.localName!=o);if(!n){" + source + "}";
 									break;
-								default:
-									emit("'" + expression + "'" + qsInvalid);
-									break;
+								default: emit("'" + expression + "'" + qsInvalid);
 							}
 						} else if (match = selector.match(Patterns.treestruct)) {
 							match[1] = match[1].toLowerCase();
@@ -2886,9 +2865,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 										source = "n=s.nth" + expr + "(e," + type + ");if((" + test + ")){" + source + "}";
 									} else emit("'" + expression + "'" + qsInvalid);
 									break;
-								default:
-									emit("'" + expression + "'" + qsInvalid);
-									break;
+								default: emit("'" + expression + "'" + qsInvalid);
 							}
 						} else if (match = selector.match(Patterns.logicalsel)) {
 							match[1] = match[1].toLowerCase();
@@ -2907,11 +2884,9 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 									break;
 								case "has":
 									if (/^\s*(\+|\~)/.test(match[2])) source = "if(e.parentElement&&Array.from(e.parentElement" + (/^\s*[+]/.test(match[2]) ? ".querySelectorAll(\"*" + expr + "\")" : ".children") + ").includes(e.nextElementSibling)){" + source + "}";
-									else source = "if(e.querySelector(\":scope " + expr + "\")){" + source + "}";
-									break;
-								default:
-									emit("'" + expression + "'" + qsInvalid);
+									else source = "if(s.first(\":scope " + expr + "\",e)){" + source + "}";
 									break;
+								default: emit("'" + expression + "'" + qsInvalid);
 							}
 						} else if (match = selector.match(Patterns.linguistic)) {
 							match[1] = match[1].toLowerCase();
@@ -2923,9 +2898,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 									expr = "(?:^|-)" + match[2] + "(?:-|$)";
 									source = "var p;if(((e.isConnected&&(e.lang==\"\"&&(p=s.ancestor(\"[lang]\",e)))&&(p.lang==\"" + match[2] + "\")||/" + expr + "/i.test(e.lang)))){" + source + "};";
 									break;
-								default:
-									emit("'" + expression + "'" + qsInvalid);
-									break;
+								default: emit("'" + expression + "'" + qsInvalid);
 							}
 						} else if (match = selector.match(Patterns.locationpc)) {
 							match[1] = match[1].toLowerCase();
@@ -2945,9 +2918,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 								case "defined":
 									source = "n=s.doc.defaultView.customElements.get(e.localName);if(n&&e instanceof n){" + source + "}";
 									break;
-								default:
-									emit("'" + expression + "'" + qsInvalid);
-									break;
+								default: emit("'" + expression + "'" + qsInvalid);
 							}
 						} else if (match = selector.match(Patterns.useraction)) {
 							match[1] = match[1].toLowerCase();
@@ -2967,9 +2938,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 								case "focus-within":
 									source = "if(n=s.isFocusable(e)){if(n!==e){while(n){n=n.parentElement;if(n===e)break;}}}if((n===e||n.autofocus)){" + source + "}";
 									break;
-								default:
-									emit("'" + expression + "'" + qsInvalid);
-									break;
+								default: emit("'" + expression + "'" + qsInvalid);
 							}
 						} else if (match = selector.match(Patterns.inputstate)) {
 							match[1] = match[1].toLowerCase();
@@ -2992,9 +2961,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 								case "default":
 									source = "if((\"form\" in e && e.form)){var x=0;n=[];if(e.type==\"image\")n=e.form.getElementsByTagName(\"input\");if(e.type==\"submit\")n=e.form.elements;while(n[x]&&e!==n[x]){if(n[x].type==\"image\")break;if(n[x].type==\"submit\")break;x++;}}if((e.form&&(e===n[x]&&\"|image|submit|\".includes(\"|\"+e.type+\"|\"))||((/^option$/i.test(e.localName))&&e.defaultSelected)||((\"|radio|checkbox|\".includes(\"|\"+e.type+\"|\"))&&e.defaultChecked))){" + source + "}";
 									break;
-								default:
-									emit("'" + expression + "'" + qsInvalid);
-									break;
+								default: emit("'" + expression + "'" + qsInvalid);
 							}
 						} else if (match = selector.match(Patterns.inputvalue)) {
 							match[1] = match[1].toLowerCase();
@@ -3023,9 +2990,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 								case "out-of-range":
 									source = "if((/^input$/i.test(e.localName))&&(e.willValidate&&!e.formNoValidate)&&(e.validity.rangeUnderflow||e.validity.rangeOverflow)&&(\"|date|datetime-local|month|number|range|time|week|\".includes(\"|\"+e.type+\"|\"))&&(\"range\"==e.type||e.getAttribute(\"min\")||e.getAttribute(\"max\"))){" + source + "}";
 									break;
-								default:
-									emit("'" + expression + "'" + qsInvalid);
-									break;
+								default: emit("'" + expression + "'" + qsInvalid);
 							}
 						} else if (match = selector.match(Patterns.rsrc_state)) {
 							match[1] = match[1].toLowerCase();
@@ -3041,11 +3006,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 									break;
 								case "buffering": break;
 								case "stalled": break;
-								case "muted":
-									source = "if(e.localName==\"audio\"&&e.getAttribute(\"muted\")){" + source + "}";
-									break;
-								case "volume-locked": break;
-								default: break;
+								case "muted": source = "if(e.localName==\"audio\"&&e.getAttribute(\"muted\")){" + source + "}";
 							}
 						} else if (match = selector.match(Patterns.pseudo_nop)) break;
 						else if (match = selector.match(Patterns.pseudo_sng)) source = "if(e.element&&e.type.toLowerCase()==\":" + match[0].toLowerCase() + "\"){e=e.element;" + source + "}";
@@ -3089,7 +3050,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			return source;
 		}, makeref = function(selectors, element) {
 			if (element.nodeType === 9) element = element.documentElement;
-			return selectors.replace(/:scope/i, element.localName + (element.id ? "#" + escape(element.id) : "") + (element.className ? "." + escape(element.classList[0]) : ""));
+			return selectors.replace(/:scope/i, element.localName + (element.id ? "#" + escapeIdentifier(element.id) : "") + (element.className ? "." + escapeIdentifier(element.classList[0]) : ""));
 		}, ancestor = function _closest(selectors, element, callback) {
 			parse(selectors, true);
 			selectors = makeref(selectors, element);
@@ -3112,10 +3073,12 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			} else if (arguments[0] === "") {
 				emit("''" + qsInvalid);
 				return Config.VERBOSITY ? void 0 : type ? none : false;
+			} else if (/^[.#]?\d/.test(selectors)) {
+				emit("''" + qsInvalid);
+				return Config.VERBOSITY ? void 0 : type ? none : false;
 			}
 			if (typeof selectors != "string") selectors = "" + selectors;
-			if (/:scope/i.test(selectors)) selectors = makeref(selectors, Snapshot.from);
-			parsed = unescape(selectors).replace(/\x00|\\$/g, "�").replace(REX.CombineWSP, " ").replace(REX.PseudosWSP, "$1").replace(REX.TabCharWSP, "	").replace(REX.CommaGroup, ",").replace(REX.TrimSpaces, "");
+			parsed = selectors.replace(/\x00|\\$/g, "�").replace(REX.CombineWSP, " ").replace(REX.PseudosWSP, "$1").replace(REX.TabCharWSP, "	").replace(REX.CommaGroup, ",").replace(REX.TrimSpaces, "");
 			if ((selectors = parsed.match(reValidator)) && selectors.join("") == parsed) {
 				selectors = parsed.match(REX.SplitGroup);
 				if (parsed[parsed.length - 1] == ",") {
@@ -3286,6 +3249,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			byTag,
 			first,
 			match,
+			select,
 			ancestor,
 			nthOfType,
 			nthElement,
@@ -3307,8 +3271,8 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			byId,
 			byTag,
 			byClass,
-			match,
 			first,
+			match,
 			select,
 			closest: ancestor,
 			compile,
@@ -3360,8 +3324,8 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 var MockDocumentFragment = class MockDocumentFragment extends MockHTMLElement {
 	constructor(ownerDocument) {
 		super(ownerDocument, null);
-		this.nodeName = NODE_NAMES.DOCUMENT_FRAGMENT_NODE;
-		this.nodeType = NODE_TYPES.DOCUMENT_FRAGMENT_NODE;
+		this.nodeName = "#document-fragment";
+		this.nodeType = 11;
 	}
 	getElementById(id) {
 		return getElementById(this, id);
@@ -3376,7 +3340,7 @@ var MockDocumentFragment = class MockDocumentFragment extends MockHTMLElement {
 		const cloned = new MockDocumentFragment(null);
 		if (deep) for (let i = 0, ii = this.childNodes.length; i < ii; i++) {
 			const childNode = this.childNodes[i];
-			if (childNode.nodeType === NODE_TYPES.ELEMENT_NODE || childNode.nodeType === NODE_TYPES.TEXT_NODE || childNode.nodeType === NODE_TYPES.COMMENT_NODE) {
+			if (childNode.nodeType === 1 || childNode.nodeType === 3 || childNode.nodeType === 8) {
 				const clonedChildNode = this.childNodes[i].cloneNode(true);
 				cloned.appendChild(clonedChildNode);
 			}
@@ -3389,13 +3353,14 @@ var MockDocumentFragment = class MockDocumentFragment extends MockHTMLElement {
 var MockDocumentTypeNode = class extends MockHTMLElement {
 	constructor(ownerDocument) {
 		super(ownerDocument, "!DOCTYPE");
-		this.nodeType = NODE_TYPES.DOCUMENT_TYPE_NODE;
+		this.nodeType = 10;
 		this.setAttribute("html", "");
 	}
 };
 //#endregion
 //#region src/css-style-sheet.ts
 var MockCSSRule = class {
+	parentStyleSheet;
 	cssText = "";
 	type = 0;
 	constructor(parentStyleSheet) {
@@ -3883,8 +3848,8 @@ var MockSlotElement = class MockSlotElement extends MockHTMLElement {
 		const ownerHost = this.getRootNode().host;
 		if (!ownerHost) return nodesToReturn;
 		if (ownerHost.childNodes.length) {
-			if (this.name) nodesToReturn = ownerHost.childNodes.filter((n) => n.nodeType === NODE_TYPES.ELEMENT_NODE && n.getAttribute("slot") === this.name);
-			else nodesToReturn = ownerHost.childNodes.filter((n) => n.nodeType === NODE_TYPES.ELEMENT_NODE && !n.getAttribute("slot") || n.nodeType !== NODE_TYPES.ELEMENT_NODE);
+			if (this.name) nodesToReturn = ownerHost.childNodes.filter((n) => n.nodeType === 1 && n.getAttribute("slot") === this.name);
+			else nodesToReturn = ownerHost.childNodes.filter((n) => n.nodeType === 1 && !n.getAttribute("slot") || n.nodeType !== 1);
 			if (nodesToReturn.length) return nodesToReturn;
 		}
 		if (!opts?.flatten) return this.childNodes.filter((n) => !(n instanceof MockSlotElement));
@@ -4234,11 +4199,13 @@ function createConsole() {
 var MockHeaders = class {
 	_values = [];
 	constructor(init) {
-		if (typeof init === "object") if (typeof init[Symbol.iterator] === "function") {
-			const kvs = [];
-			for (const kv of init) if (typeof kv[Symbol.iterator] === "function") kvs.push([...kv]);
-			for (const kv of kvs) this.append(kv[0], kv[1]);
-		} else for (const key in init) this.append(key, init[key]);
+		if (typeof init === "object") {
+			if (typeof init[Symbol.iterator] === "function") {
+				const kvs = [];
+				for (const kv of init) if (typeof kv[Symbol.iterator] === "function") kvs.push([...kv]);
+				for (const kv of kvs) this.append(kv[0], kv[1]);
+			} else for (const key in init) this.append(key, init[key]);
+		}
 	}
 	append(key, value) {
 		this._values.push([key, value + ""]);
@@ -5317,8 +5284,8 @@ var MockDocument = class MockDocument extends MockHTMLElement {
 	#nwsapi = null;
 	constructor(html = null, win = null) {
 		super(null, null);
-		this.nodeName = NODE_NAMES.DOCUMENT_NODE;
-		this.nodeType = NODE_TYPES.DOCUMENT_NODE;
+		this.nodeName = "#document";
+		this.nodeType = 9;
 		this.defaultView = win;
 		this.cookie = "";
 		this.referrer = "";
@@ -5409,7 +5376,7 @@ var MockDocument = class MockDocument extends MockHTMLElement {
 		return documentElement;
 	}
 	set documentElement(documentElement) {
-		for (let i = this.childNodes.length - 1; i >= 0; i--) if (this.childNodes[i].nodeType !== NODE_TYPES.DOCUMENT_TYPE_NODE) this.childNodes[i].remove();
+		for (let i = this.childNodes.length - 1; i >= 0; i--) if (this.childNodes[i].nodeType !== 10) this.childNodes[i].remove();
 		if (documentElement != null) {
 			this.appendChild(documentElement);
 			setOwnerDocument(documentElement, this);
@@ -5461,7 +5428,7 @@ var MockDocument = class MockDocument extends MockHTMLElement {
 		return new MockAttr(attrName, "", namespaceURI);
 	}
 	createElement(tagName) {
-		if (tagName === NODE_NAMES.DOCUMENT_NODE) {
+		if (tagName === "#document") {
 			const doc = new MockDocument(false);
 			doc.nodeName = tagName;
 			doc.parentNode = null;
@@ -5533,10 +5500,10 @@ function resetDocument(doc) {
 		}
 		for (const key in doc) if (doc.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) delete doc[key];
 		try {
-			doc.nodeName = NODE_NAMES.DOCUMENT_NODE;
+			doc.nodeName = "#document";
 		} catch {}
 		try {
-			doc.nodeType = NODE_TYPES.DOCUMENT_NODE;
+			doc.nodeType = 9;
 		} catch {}
 		try {
 			doc.cookie = "";
@@ -5546,7 +5513,7 @@ function resetDocument(doc) {
 		} catch {}
 	}
 }
-const DOC_KEY_KEEPERS = new Set([
+const DOC_KEY_KEEPERS = /* @__PURE__ */ new Set([
 	"nodeName",
 	"nodeType",
 	"nodeValue",
@@ -5580,7 +5547,7 @@ function getElementsByName(elm, elmName, foundElms = []) {
 function setOwnerDocument(elm, ownerDocument) {
 	for (let i = 0, ii = elm.childNodes.length; i < ii; i++) {
 		elm.childNodes[i].ownerDocument = ownerDocument;
-		if (elm.childNodes[i].nodeType === NODE_TYPES.ELEMENT_NODE) setOwnerDocument(elm.childNodes[i], ownerDocument);
+		if (elm.childNodes[i].nodeType === 1) setOwnerDocument(elm.childNodes[i], ownerDocument);
 	}
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/mock-doc",
-  "version": "5.0.0-alpha.3",
+  "version": "5.0.0-alpha.31",
   "description": "A minimal mock DOM implementation for SSR and testing",
   "keywords": [
     "dom",
@@ -32,14 +32,14 @@
     }
   },
   "dependencies": {
-    "nwsapi": "^2.2.23",
-    "parse5": "7.2.1"
+    "nwsapi": "^2.2.24",
+    "parse5": "^8.0.1"
   },
   "devDependencies": {
-    "@stencil/vitest": "^1.10.0",
-    "tsdown": "^0.21.6",
-    "typescript": "~6.0.2",
-    "vitest": "^4.1.1"
+    "@stencil/vitest": "^1.14.0",
+    "tsdown": "^0.22.14",
+    "typescript": ">5.0.0 <7.0.0",
+    "vitest": "^4.1.10"
   },
   "volta": {
     "extends": "../../package.json"