@stencil/mock-doc 5.0.0-alpha.8 → 5.0.0-beta.0

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

@@ -139,6 +139,7 @@ declare class MockLocation implements Location {
   private _href;
   get href(): string;
   set href(value: string);
+  constructor();
   assign(_url: string): void;
   reload(_forcedReload?: boolean): void;
   replace(_url: string): void;
@@ -166,8 +167,11 @@ declare class MockResizeObserver {
 declare class MockShadowRoot extends MockDocumentFragment {
   private _mode;
   private _delegatesFocus;
+  private _clonable;
+  private _serializable;
   get activeElement(): HTMLElement | null;
-  get cloneable(): boolean;
+  get clonable(): boolean;
+  set clonable(value: boolean);
   get delegatesFocus(): boolean;
   set delegatesFocus(value: boolean);
   get fullscreenElement(): HTMLElement | null;
@@ -177,6 +181,7 @@ declare class MockShadowRoot extends MockDocumentFragment {
   get pictureInPictureElement(): HTMLElement | null;
   get pointerLockElement(): HTMLElement | null;
   get serializable(): boolean;
+  set serializable(value: boolean);
   get slotAssignment(): 'named' | 'manual';
   get styleSheets(): StyleSheet[];
 }
@@ -241,7 +246,7 @@ declare class MockWindow {
   KeyboardEvent: typeof MockKeyboardEvent;
   MouseEvent: typeof MockMouseEvent;
   constructor(html?: string | boolean);
-  addEventListener(type: string, handler: (ev?: any) => void): void;
+  addEventListener(type: string, handler: (ev?: any) => void, options?: boolean | AddEventListenerOptions): void;
   alert(msg: string): void;
   blur(): any;
   cancelAnimationFrame(id: any): void;
@@ -328,7 +333,7 @@ declare class MockWindow {
   prompt(): string;
   open(): any;
   get origin(): string;
-  removeEventListener(type: string, handler: any): void;
+  removeEventListener(type: string, handler: any, options?: boolean | EventListenerOptions): void;
   requestAnimationFrame(callback: (timestamp: number) => void): number;
   requestIdleCallback(callback: (deadline: {
     didTimeout: boolean;
@@ -508,15 +513,10 @@ declare class MockFocusEvent extends MockUIEvent {
 declare class MockEventListener {
   type: string;
   handler: (ev?: any) => void;
-  constructor(type: string, handler: any);
+  capture: boolean;
+  once: boolean;
+  constructor(type: string, handler: any, options?: boolean | AddEventListenerOptions);
 }
-/**
- * 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[];
 }
@@ -606,8 +606,8 @@ declare class MockNode {
   replaceChild(newChild: MockNode, oldChild: MockNode): MockNode;
   get textContent(): string;
   set textContent(value: string);
-  addEventListener(type: string, handler: (ev?: any) => void): void;
-  removeEventListener(type: string, handler: any): void;
+  addEventListener(type: string, handler: (ev?: any) => void, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener(type: string, handler: any, options?: boolean | EventListenerOptions): void;
   dispatchEvent(ev: MockEvent): boolean;
   static ELEMENT_NODE: number;
   static TEXT_NODE: number;
@@ -626,7 +626,7 @@ declare class MockElement extends MockNode {
   __style: MockCSSStyleDeclaration | null | undefined;
   attachInternals(): MockElementInternals;
   constructor(ownerDocument: any, nodeName: string | null, namespaceURI?: string | null);
-  addEventListener(type: string, handler: (ev?: any) => void): void;
+  addEventListener(type: string, handler: (ev?: any) => void, options?: boolean | AddEventListenerOptions): void;
   attachShadow(_opts: ShadowRootInit): any;
   blur(): void;
   get localName(): string;
@@ -710,7 +710,7 @@ declare class MockElement extends MockNode {
   querySelectorAll<E extends Element = Element>(selectors: string): E[];
   removeAttribute(attrName: string): void;
   removeAttributeNS(namespaceURI: string | null, attrName: string): void;
-  removeEventListener(type: string, handler: any): void;
+  removeEventListener(type: string, handler: any, options?: boolean | EventListenerOptions): void;
   setAttribute(attrName: string, value: any): void;
   setAttributeNS(namespaceURI: string | null, attrName: string, value: any): void;
   get style(): any;
@@ -874,6 +874,7 @@ interface NwsapiInstance {
   configure(config: {
     LOGERRORS?: boolean;
     VERBOSITY?: boolean;
+    IDS_DUPES?: boolean;
   }): void;
   match(selector: string, element: unknown): boolean;
   first(selector: string, context: unknown): unknown | null;
@@ -972,7 +973,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

@@ -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));
@@ -361,12 +361,12 @@ function createCustomElement(customElements, ownerDocument, tagName) {
 	const host = new Proxy({}, {
 		get(obj, prop) {
 			const elm = proxyElements.get(host);
-			if (elm != null) return elm[prop];
+			if (elm != null) return Reflect.get(elm, prop, host);
 			return obj[prop];
 		},
 		set(obj, prop, val) {
 			const elm = proxyElements.get(host);
-			if (elm != null) elm[prop] = val;
+			if (elm != null) Reflect.set(elm, prop, val, host);
 			else obj[prop] = val;
 			return true;
 		},
@@ -374,6 +374,26 @@ function createCustomElement(customElements, ownerDocument, tagName) {
 			if (prop in proxyElements.get(host)) return true;
 			if (prop in obj) return true;
 			return false;
+		},
+		defineProperty(obj, prop, descriptor) {
+			const elm = proxyElements.get(host);
+			return Reflect.defineProperty(elm != null ? elm : obj, prop, descriptor);
+		},
+		deleteProperty(obj, prop) {
+			const elm = proxyElements.get(host);
+			return Reflect.deleteProperty(elm != null ? elm : obj, prop);
+		},
+		getOwnPropertyDescriptor(obj, prop) {
+			const elm = proxyElements.get(host);
+			return Reflect.getOwnPropertyDescriptor(elm != null ? elm : obj, prop);
+		},
+		ownKeys(obj) {
+			const elm = proxyElements.get(host);
+			return Reflect.ownKeys(elm != null ? elm : obj);
+		},
+		getPrototypeOf(obj) {
+			const elm = proxyElements.get(host);
+			return Reflect.getPrototypeOf(elm != null ? elm : obj);
 		}
 	});
 	const elm = new MockHTMLElement(ownerDocument, tagName);
@@ -574,9 +594,18 @@ var MockFocusEvent = class extends MockUIEvent {
 var MockEventListener = class {
 	type;
 	handler;
-	constructor(type, handler) {
+	capture;
+	once;
+	constructor(type, handler, options) {
 		this.type = type;
 		this.handler = handler;
+		if (typeof options === "boolean") {
+			this.capture = options;
+			this.once = false;
+		} else {
+			this.capture = options?.capture ?? false;
+			this.once = options?.once ?? false;
+		}
 	}
 };
 /**
@@ -585,11 +614,12 @@ var MockEventListener = class {
 * @param elm - the element to add the listener to
 * @param type - the event type to listen for
 * @param handler - the event handler function
+* @param options - `capture` and `once` are supported; `passive` and `signal` are accepted but not implemented
 */
-function addEventListener(elm, type, handler) {
+function addEventListener(elm, type, handler, options) {
 	const target = elm;
 	if (target.__listeners == null) target.__listeners = [];
-	target.__listeners.push(new MockEventListener(type, handler));
+	target.__listeners.push(new MockEventListener(type, handler, options));
 }
 /**
 * Remove an event listener from an element.
@@ -597,11 +627,13 @@ function addEventListener(elm, type, handler) {
 * @param elm - the element to remove the listener from
 * @param type - the event type to remove
 * @param handler - the event handler function to remove
+* @param options - only `capture` is relevant here, since listeners are keyed by type + handler + capture
 */
-function removeEventListener(elm, type, handler) {
+function removeEventListener(elm, type, handler, options) {
 	const target = elm;
+	const capture = typeof options === "boolean" ? options : options?.capture ?? false;
 	if (target != null && Array.isArray(target.__listeners) === true) {
-		const elmListener = target.__listeners.find((e) => e.type === type && e.handler === handler);
+		const elmListener = target.__listeners.find((e) => e.type === type && e.handler === handler && e.capture === capture);
 		if (elmListener != null) {
 			const index = target.__listeners.indexOf(elmListener);
 			target.__listeners.splice(index, 1);
@@ -627,6 +659,7 @@ function triggerEventListener(elm, ev) {
 	const target = elm;
 	ev.currentTarget = elm;
 	if (Array.isArray(target.__listeners) === true) target.__listeners.filter((e) => e.type === ev.type).forEach((listener) => {
+		if (listener.once) removeEventListener(target, listener.type, listener.handler, { capture: listener.capture });
 		try {
 			listener.handler.call(target, ev);
 		} catch (err) {
@@ -913,6 +946,14 @@ function* streamToHtml(node, opts, output) {
 					yield " shadowrootdelegatesfocus";
 					output.currentLineWidth += 25;
 				}
+				if (node.clonable) {
+					yield " shadowrootclonable";
+					output.currentLineWidth += 19;
+				}
+				if (node.serializable) {
+					yield " shadowrootserializable";
+					output.currentLineWidth += 23;
+				}
 			}
 			const attrsLength = node.attributes.length;
 			const attributes = opts.prettyHtml && attrsLength > 1 ? cloneAttributes(node.attributes, true) : node.attributes;
@@ -934,14 +975,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 {
@@ -994,34 +1036,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 === 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 (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;
+							}
 						}
 					}
 				}
@@ -1080,10 +1124,12 @@ function* streamToHtml(node, opts, output) {
 							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.trimEnd() + "\n";
-									output.currentLineWidth = 0;
-								} else textContent = textContent.trimEnd() + " ";
+								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;
 						}
@@ -1154,7 +1200,7 @@ 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",
@@ -1163,7 +1209,7 @@ const NON_ESCAPABLE_CONTENT = new Set([
 /**
 * 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",
 	"PRE",
@@ -1171,7 +1217,7 @@ const WHITESPACE_SENSITIVE = new Set([
 	"TEMPLATE",
 	"TEXTAREA"
 ]);
-const EMPTY_ELEMENTS = new Set([
+const EMPTY_ELEMENTS = /* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",
@@ -1187,7 +1233,7 @@ const EMPTY_ELEMENTS = new Set([
 	"track",
 	"wbr"
 ]);
-const REMOVE_EMPTY_ATTR = new Set([
+const REMOVE_EMPTY_ATTR = /* @__PURE__ */ new Set([
 	"class",
 	"dir",
 	"id",
@@ -1195,7 +1241,7 @@ const REMOVE_EMPTY_ATTR = new Set([
 	"name",
 	"title"
 ]);
-const BOOLEAN_ATTR = new Set([
+const BOOLEAN_ATTR = /* @__PURE__ */ new Set([
 	"allowfullscreen",
 	"async",
 	"autofocus",
@@ -1225,7 +1271,7 @@ const BOOLEAN_ATTR = new Set([
 	"shadowrootdelegatesfocus",
 	"shadowrootserializable"
 ]);
-const STRUCTURE_ELEMENTS = new Set([
+const STRUCTURE_ELEMENTS = /* @__PURE__ */ new Set([
 	"html",
 	"body",
 	"head",
@@ -1417,8 +1463,9 @@ var MockNode = class {
 	}
 	get nextSibling() {
 		if (this.parentNode != null) {
-			const index = this.parentNode.childNodes.indexOf(this) + 1;
-			return this.parentNode.childNodes[index] || null;
+			const selfIndex = this.parentNode.childNodes.indexOf(this);
+			if (selfIndex === -1) return null;
+			return this.parentNode.childNodes[selfIndex + 1] || null;
 		}
 		return null;
 	}
@@ -1460,8 +1507,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) {
@@ -1477,11 +1526,11 @@ var MockNode = class {
 	set textContent(value) {
 		this._nodeValue = String(value);
 	}
-	addEventListener(type, handler) {
-		addEventListener(this, type, handler);
+	addEventListener(type, handler, options) {
+		addEventListener(this, type, handler, options);
 	}
-	removeEventListener(type, handler) {
-		removeEventListener(this, type, handler);
+	removeEventListener(type, handler, options) {
+		removeEventListener(this, type, handler, options);
 	}
 	dispatchEvent(ev) {
 		return dispatchEvent(this, ev);
@@ -1526,13 +1575,15 @@ var MockElement = class extends MockNode {
 		this.__shadowRoot = null;
 		this.__attributeMap = null;
 	}
-	addEventListener(type, handler) {
-		addEventListener(this, type, handler);
+	addEventListener(type, handler, options) {
+		addEventListener(this, type, handler, options);
 	}
 	attachShadow(_opts) {
 		const shadowRoot = this.ownerDocument.createDocumentFragment();
 		shadowRoot.mode = _opts.mode ?? "open";
 		shadowRoot.delegatesFocus = _opts.delegatesFocus ?? false;
+		shadowRoot.clonable = _opts.clonable ?? false;
+		shadowRoot.serializable = _opts.serializable ?? false;
 		this.shadowRoot = shadowRoot;
 		return shadowRoot;
 	}
@@ -1792,8 +1843,9 @@ var MockElement = class extends MockNode {
 	get nextElementSibling() {
 		const parentElement = this.parentElement;
 		if (parentElement != null && (parentElement.nodeType === 1 || parentElement.nodeType === 11 || parentElement.nodeType === 9)) {
-			const index = parentElement.children.indexOf(this) + 1;
-			return parentElement.children[index] || null;
+			const selfIndex = parentElement.children.indexOf(this);
+			if (selfIndex === -1) return null;
+			return parentElement.children[selfIndex + 1] || null;
 		}
 		return null;
 	}
@@ -1807,8 +1859,9 @@ var MockElement = class extends MockNode {
 	get previousElementSibling() {
 		const parentElement = this.parentElement;
 		if (parentElement != null && (parentElement.nodeType === 1 || parentElement.nodeType === 11 || parentElement.nodeType === 9)) {
-			const index = parentElement.children.indexOf(this) - 1;
-			return parentElement.children[index] || null;
+			const selfIndex = parentElement.children.indexOf(this);
+			if (selfIndex === -1) return null;
+			return parentElement.children[selfIndex - 1] || null;
 		}
 		return null;
 	}
@@ -1846,8 +1899,8 @@ var MockElement = class extends MockNode {
 			if (checkAttributeChanged(this) === true) attributeChanged(this, attrName, attr.value, null);
 		}
 	}
-	removeEventListener(type, handler) {
-		removeEventListener(this, type, handler);
+	removeEventListener(type, handler, options) {
+		removeEventListener(this, type, handler, options);
 	}
 	setAttribute(attrName, value) {
 		if (attrName === "style") this.style = value;
@@ -1855,12 +1908,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);
@@ -1882,12 +1936,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);
@@ -2199,7 +2254,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 = {
@@ -2224,9 +2279,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",
@@ -2425,7 +2480,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;
@@ -2455,12 +2510,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);
@@ -2469,15 +2526,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) {
@@ -2669,7 +2727,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 + ")(.*)");
@@ -2696,8 +2754,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;
@@ -2714,9 +2770,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 "*":
@@ -2762,26 +2819,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] = "*";
@@ -2818,9 +2875,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();
@@ -2856,9 +2911,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();
@@ -2877,11 +2930,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();
@@ -2893,9 +2944,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();
@@ -2915,9 +2964,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();
@@ -2937,9 +2984,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();
@@ -2962,9 +3007,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();
@@ -2993,9 +3036,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();
@@ -3011,11 +3052,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 + "}";
@@ -3059,7 +3096,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);
@@ -3082,10 +3119,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] == ",") {
@@ -3256,6 +3295,7 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			byTag,
 			first,
 			match,
+			select,
 			ancestor,
 			nthOfType,
 			nthElement,
@@ -3277,8 +3317,8 @@ var import_nwsapi = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 			byId,
 			byTag,
 			byClass,
-			match,
 			first,
+			match,
 			select,
 			closest: ancestor,
 			compile,
@@ -4205,11 +4245,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 + ""]);
@@ -4548,6 +4590,7 @@ var MockIntersectionObserver = class {
 };
 //#endregion
 //#region src/location.ts
+const DEFAULT_LOCATION_HREF = "http://localhost/";
 var MockLocation = class {
 	ancestorOrigins = null;
 	protocol = "";
@@ -4578,6 +4621,9 @@ var MockLocation = class {
 		this.password = url.password;
 		this.origin = url.origin;
 	}
+	constructor() {
+		this.href = DEFAULT_LOCATION_HREF;
+	}
 	assign(_url) {}
 	reload(_forcedReload) {}
 	replace(_url) {}
@@ -4661,11 +4707,16 @@ var MockResizeObserver = class {
 var MockShadowRoot = class extends MockDocumentFragment {
 	_mode = "open";
 	_delegatesFocus = false;
+	_clonable = false;
+	_serializable = false;
 	get activeElement() {
 		return null;
 	}
-	get cloneable() {
-		return false;
+	get clonable() {
+		return this._clonable;
+	}
+	set clonable(value) {
+		this._clonable = value;
 	}
 	get delegatesFocus() {
 		return this._delegatesFocus;
@@ -4697,7 +4748,10 @@ var MockShadowRoot = class extends MockDocumentFragment {
 		return null;
 	}
 	get serializable() {
-		return false;
+		return this._serializable;
+	}
+	set serializable(value) {
+		this._serializable = value;
 	}
 	get slotAssignment() {
 		return "named";
@@ -4783,8 +4837,8 @@ var MockWindow = class {
 		resetWindowDefaults(this);
 		resetWindowDimensions(this);
 	}
-	addEventListener(type, handler) {
-		addEventListener(this, type, handler);
+	addEventListener(type, handler, options) {
+		addEventListener(this, type, handler, options);
 	}
 	alert(msg) {
 		if (this.console) this.console.debug(msg);
@@ -5006,8 +5060,8 @@ var MockWindow = class {
 	get origin() {
 		return this.location.origin;
 	}
-	removeEventListener(type, handler) {
-		removeEventListener(this, type, handler);
+	removeEventListener(type, handler, options) {
+		removeEventListener(this, type, handler, options);
 	}
 	requestAnimationFrame(callback) {
 		return this.setTimeout(() => {
@@ -5323,7 +5377,8 @@ var MockDocument = class MockDocument extends MockHTMLElement {
 			this.#nwsapi = (0, import_nwsapi.default)({ document: this });
 			this.#nwsapi.configure({
 				LOGERRORS: false,
-				VERBOSITY: false
+				VERBOSITY: false,
+				IDS_DUPES: false
 			});
 		}
 		return this.#nwsapi;
@@ -5517,7 +5572,7 @@ function resetDocument(doc) {
 		} catch {}
 	}
 }
-const DOC_KEY_KEEPERS = new Set([
+const DOC_KEY_KEEPERS = /* @__PURE__ */ new Set([
 	"nodeName",
 	"nodeType",
 	"nodeValue",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/mock-doc",
-  "version": "5.0.0-alpha.8",
+  "version": "5.0.0-beta.0",
   "description": "A minimal mock DOM implementation for SSR and testing",
   "keywords": [
     "dom",
@@ -32,14 +32,14 @@
     }
   },
   "dependencies": {
-    "nwsapi": "^2.0.0",
-    "parse5": "^8.0.0"
+    "nwsapi": "^2.2.24",
+    "parse5": "^8.0.1"
   },
   "devDependencies": {
-    "@stencil/vitest": "^1.12.1",
-    "tsdown": ">=0.21.0 <1.0.0",
-    "typescript": ">4.0.0 <7.0.0",
-    "vitest": "^4.1.7"
+    "@stencil/vitest": "^1.14.0",
+    "tsdown": "^0.22.14",
+    "typescript": ">5.0.0 <7.0.0",
+    "vitest": "^4.1.10"
   },
   "volta": {
     "extends": "../../package.json"