@b9g/crank 0.7.2 → 0.7.4

package/dom.cjs

@@ -5,6 +5,15 @@ var _css = require('./_css.cjs');
 
 const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 const MATHML_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
+function getRootDocument(root) {
+    if (root && root.ownerDocument) {
+        return root.ownerDocument;
+    }
+    if (root && root.nodeType === Node.DOCUMENT_NODE) {
+        return root;
+    }
+    return document;
+}
 function isWritableProperty(element, name) {
     // walk up the object's prototype chain to find the owner
     let propOwner = element;
@@ -35,11 +44,18 @@ function emitHydrationWarning(propName, quietProps, expectedValue, actualValue,
         else if (expectedValue === true || expectedValue === "") {
             console.warn(`Expected "${showName}" to be ${expectedValue === true ? "present" : '""'} but found ${String(actualValue)} while hydrating:`, element);
         }
-        else if (typeof window !== "undefined" &&
-            window.location &&
-            new URL(expectedValue, window.location.origin).href ===
-                new URL(actualValue, window.location.origin).href) ;
         else {
+            // Check if this is a URL mismatch that's actually just resolution
+            const win = element.ownerDocument.defaultView;
+            if (win && win.location) {
+                const origin = win.location.origin;
+                if (new URL(expectedValue, origin).href ===
+                    new URL(actualValue, origin).href) {
+                    // attrs which are URLs will often be resolved to their full
+                    // href in the DOM, so we squash these errors
+                    return;
+                }
+            }
             console.warn(`Expected "${showName}" to be "${String(expectedValue)}" but found ${String(actualValue)} while hydrating:`, element);
         }
     }
@@ -60,7 +76,7 @@ const adapter = {
         }
         return props.xmlns || xmlns;
     },
-    create({ tag, tagName, scope: xmlns, }) {
+    create({ tag, tagName, scope: xmlns, root, }) {
         if (typeof tag !== "string") {
             throw new Error(`Unknown tag: ${tagName}`);
         }
@@ -70,18 +86,18 @@ const adapter = {
         else if (tag.toLowerCase() === "math") {
             xmlns = MATHML_NAMESPACE;
         }
-        return xmlns
-            ? document.createElementNS(xmlns, tag)
-            : document.createElement(tag);
+        const doc = getRootDocument(root);
+        return xmlns ? doc.createElementNS(xmlns, tag) : doc.createElement(tag);
     },
-    adopt({ tag, tagName, node, }) {
+    adopt({ tag, tagName, node, root, }) {
         if (typeof tag !== "string" && tag !== crank.Portal) {
             throw new Error(`Unknown tag: ${tagName}`);
         }
-        if (node === document.body ||
-            node === document.head ||
-            node === document.documentElement ||
-            node === document) {
+        const doc = getRootDocument(root);
+        if (node === doc.body ||
+            node === doc.head ||
+            node === doc.documentElement ||
+            node === doc) {
             console.warn(`Hydrating ${node.nodeName.toLowerCase()} is discouraged as it is destructive and may remove unknown nodes.`);
         }
         if (node == null ||
@@ -239,19 +255,28 @@ const adapter = {
                         const hydratingClassName = isHydrating
                             ? element.getAttribute("class")
                             : undefined;
-                        for (const className in { ...oldValue, ...value }) {
-                            const classValue = value && value[className];
-                            if (classValue) {
-                                element.classList.add(className);
-                                if (hydratingClasses && hydratingClasses.has(className)) {
-                                    hydratingClasses.delete(className);
-                                }
-                                else if (isHydrating) {
-                                    shouldIssueWarning = true;
-                                }
+                        const allClassNames = { ...oldValue, ...value };
+                        // Two passes: removes first, then adds. This ensures that
+                        // overlapping classes in different keys are handled correctly.
+                        // e.g. {"a b": false, "b c": true} should result in "b c"
+                        for (const classNames in allClassNames) {
+                            if (!(value && value[classNames])) {
+                                const classes = classNames.split(/\s+/).filter(Boolean);
+                                element.classList.remove(...classes);
                             }
-                            else {
-                                element.classList.remove(className);
+                        }
+                        for (const classNames in allClassNames) {
+                            if (value && value[classNames]) {
+                                const classes = classNames.split(/\s+/).filter(Boolean);
+                                element.classList.add(...classes);
+                                for (const className of classes) {
+                                    if (hydratingClasses && hydratingClasses.has(className)) {
+                                        hydratingClasses.delete(className);
+                                    }
+                                    else if (isHydrating) {
+                                        shouldIssueWarning = true;
+                                    }
+                                }
                             }
                         }
                         if (shouldIssueWarning ||
@@ -300,7 +325,22 @@ const adapter = {
                         !(typeof value === "string" &&
                             typeof element[name] === "boolean") &&
                         isWritableProperty(element, name)) {
-                        if (element[name] !== value || oldValue === undefined) {
+                        // For URL properties like src and href, the DOM property returns the
+                        // resolved absolute URL. We need to resolve the prop value the same way
+                        // to compare correctly.
+                        let domValue = element[name];
+                        let propValue = value;
+                        if ((name === "src" || name === "href") &&
+                            typeof value === "string" &&
+                            typeof domValue === "string") {
+                            try {
+                                propValue = new URL(value, element.baseURI).href;
+                            }
+                            catch {
+                                // Invalid URL, use original value for comparison
+                            }
+                        }
+                        if (propValue !== domValue || oldValue === undefined) {
                             if (isHydrating &&
                                 typeof element[name] === "string" &&
                                 element[name] !== value) {
@@ -363,7 +403,8 @@ const adapter = {
             parentNode.removeChild(node);
         }
     },
-    text({ value, oldNode, hydrationNodes, }) {
+    text({ value, oldNode, hydrationNodes, root, }) {
+        const doc = getRootDocument(root);
         if (hydrationNodes != null) {
             let node = hydrationNodes.shift();
             if (!node || node.nodeType !== Node.TEXT_NODE) {
@@ -377,7 +418,7 @@ const adapter = {
                         // the text node is longer than the expected text, so we
                         // reuse the existing text node, but truncate it and unshift the rest
                         node.data = value;
-                        hydrationNodes.unshift(document.createTextNode(textData.slice(value.length)));
+                        hydrationNodes.unshift(doc.createTextNode(textData.slice(value.length)));
                         return node;
                     }
                 }
@@ -395,16 +436,17 @@ const adapter = {
             }
             return oldNode;
         }
-        return document.createTextNode(value);
+        return doc.createTextNode(value);
     },
-    raw({ value, scope: xmlns, hydrationNodes, }) {
+    raw({ value, scope: xmlns, hydrationNodes, root, }) {
         let nodes;
         if (typeof value === "string") {
+            const doc = getRootDocument(root);
             const el = xmlns == null
-                ? document.createElement("div")
+                ? doc.createElement("div")
                 : xmlns === SVG_NAMESPACE
-                    ? document.createElementNS(xmlns, "svg")
-                    : document.createElementNS(xmlns, "math");
+                    ? doc.createElementNS(xmlns, "svg")
+                    : doc.createElementNS(xmlns, "math");
             el.innerHTML = value;
             nodes = Array.from(el.childNodes);
         }

package/dom.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.cjs","sources":["../src/dom.ts"],"sourcesContent":["import {\n\tChildren,\n\tContext,\n\tElementValue,\n\tPortal,\n\tRenderer,\n\tRenderAdapter,\n} from \"./crank.js\";\nimport {camelToKebabCase, formatStyleValue} from \"./_css.js\";\n\nconst SVG_NAMESPACE = \"http://www.w3.org/2000/svg\";\nconst MATHML_NAMESPACE = \"http://www.w3.org/1998/Math/MathML\";\n\nfunction isWritableProperty(element: Element, name: string): boolean {\n\t// walk up the object's prototype chain to find the owner\n\tlet propOwner = element;\n\tdo {\n\t\tif (Object.prototype.hasOwnProperty.call(propOwner, name)) {\n\t\t\tbreak;\n\t\t}\n\t} while ((propOwner = Object.getPrototypeOf(propOwner)));\n\n\tif (propOwner === null) {\n\t\treturn false;\n\t}\n\n\t// get the descriptor for the named property and check whether it implies\n\t// that the property is writable\n\tconst descriptor = Object.getOwnPropertyDescriptor(propOwner, name);\n\tif (\n\t\tdescriptor != null &&\n\t\t(descriptor.writable === true || descriptor.set !== undefined)\n\t) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\nfunction emitHydrationWarning(\n\tpropName: string,\n\tquietProps: Set<string> | undefined,\n\texpectedValue: any,\n\tactualValue: any,\n\telement: Element,\n\tdisplayName?: string,\n) {\n\tconst checkName = propName;\n\tconst showName = displayName || propName;\n\tif (!quietProps || !quietProps.has(checkName)) {\n\t\tif (expectedValue === null || expectedValue === false) {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be missing but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t} else if (expectedValue === true || expectedValue === \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be ${expectedValue === true ? \"present\" : '\"\"'} but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t} else if (\n\t\t\ttypeof window !== \"undefined\" &&\n\t\t\twindow.location &&\n\t\t\tnew URL(expectedValue, window.location.origin).href ===\n\t\t\t\tnew URL(actualValue, window.location.origin).href\n\t\t) {\n\t\t\t// attrs which are URLs will often be resolved to their full\n\t\t\t// href in the DOM, so we squash these errors\n\t\t} else {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be \"${String(expectedValue)}\" but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t}\n\t}\n}\n\nexport const adapter: Partial<RenderAdapter<Node, string, Element>> = {\n\tscope({\n\t\tscope: xmlns,\n\t\ttag,\n\t\tprops,\n\t}: {\n\t\tscope: string | undefined;\n\t\ttag: string | symbol;\n\t\tprops: Record<string, any>;\n\t}): string | undefined {\n\t\tswitch (tag) {\n\t\t\tcase Portal:\n\t\t\t\t// TODO: read the namespace from the portal root element\n\t\t\t\txmlns = undefined;\n\t\t\t\tbreak;\n\t\t\tcase \"svg\":\n\t\t\t\txmlns = SVG_NAMESPACE;\n\t\t\t\tbreak;\n\t\t\tcase \"math\":\n\t\t\t\txmlns = MATHML_NAMESPACE;\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn props.xmlns || xmlns;\n\t},\n\n\tcreate({\n\t\ttag,\n\t\ttagName,\n\t\tscope: xmlns,\n\t}: {\n\t\ttag: string | symbol;\n\t\ttagName: string;\n\t\tscope: string | undefined;\n\t}): Node {\n\t\tif (typeof tag !== \"string\") {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t} else if (tag.toLowerCase() === \"svg\") {\n\t\t\txmlns = SVG_NAMESPACE;\n\t\t} else if (tag.toLowerCase() === \"math\") {\n\t\t\txmlns = MATHML_NAMESPACE;\n\t\t}\n\n\t\treturn xmlns\n\t\t\t? document.createElementNS(xmlns, tag)\n\t\t\t: document.createElement(tag);\n\t},\n\n\tadopt({\n\t\ttag,\n\t\ttagName,\n\t\tnode,\n\t}: {\n\t\ttag: string | symbol;\n\t\ttagName: string;\n\t\tnode: Node | undefined;\n\t}): Array<Node> | undefined {\n\t\tif (typeof tag !== \"string\" && tag !== Portal) {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t}\n\n\t\tif (\n\t\t\tnode === document.body ||\n\t\t\tnode === document.head ||\n\t\t\tnode === document.documentElement ||\n\t\t\tnode === document\n\t\t) {\n\t\t\tconsole.warn(\n\t\t\t\t`Hydrating ${node.nodeName.toLowerCase()} is discouraged as it is destructive and may remove unknown nodes.`,\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\tnode == null ||\n\t\t\t(typeof tag === \"string\" &&\n\t\t\t\t(node.nodeType !== Node.ELEMENT_NODE ||\n\t\t\t\t\ttag.toLowerCase() !== (node as Element).tagName.toLowerCase()))\n\t\t) {\n\t\t\tconsole.warn(`Expected <${tagName}> while hydrating but found: `, node);\n\t\t\treturn;\n\t\t}\n\n\t\treturn Array.from(node.childNodes);\n\t},\n\n\tpatch({\n\t\ttagName,\n\t\tnode,\n\t\tprops,\n\t\toldProps,\n\t\tscope: xmlns,\n\t\tcopyProps,\n\t\tquietProps,\n\t\tisHydrating,\n\t}: {\n\t\tnode: Node;\n\t\ttagName: string;\n\t\tprops: Record<string, any>;\n\t\toldProps: Record<string, any> | undefined;\n\t\tscope: string | undefined;\n\t\tcopyProps: Set<string> | undefined;\n\t\tquietProps: Set<string> | undefined;\n\t\tisHydrating: boolean;\n\t}): void {\n\t\tif (node.nodeType !== Node.ELEMENT_NODE) {\n\t\t\tthrow new TypeError(`Cannot patch node: ${String(node)}`);\n\t\t} else if (props.class && props.className) {\n\t\t\tconsole.error(\n\t\t\t\t`Both \"class\" and \"className\" set in props for <${tagName}>. Use one or the other.`,\n\t\t\t);\n\t\t}\n\n\t\tconst element = node as Element;\n\t\tconst isSVG = xmlns === SVG_NAMESPACE;\n\t\tconst isMathML = xmlns === MATHML_NAMESPACE;\n\t\tfor (let name in {...oldProps, ...props}) {\n\t\t\tlet value = props[name];\n\t\t\tconst oldValue = oldProps ? oldProps[name] : undefined;\n\t\t\t{\n\t\t\t\tif (copyProps != null && copyProps.has(name)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\t// handle prop:name or attr:name properties\n\t\t\t\tconst colonIndex = name.indexOf(\":\");\n\t\t\t\tif (colonIndex !== -1) {\n\t\t\t\t\tconst [ns, name1] = [\n\t\t\t\t\t\tname.slice(0, colonIndex),\n\t\t\t\t\t\tname.slice(colonIndex + 1),\n\t\t\t\t\t];\n\t\t\t\t\tswitch (ns) {\n\t\t\t\t\t\tcase \"prop\":\n\t\t\t\t\t\t\t(node as any)[name1] = value;\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\tcase \"attr\":\n\t\t\t\t\t\t\tif (value == null || value === false) {\n\t\t\t\t\t\t\t\tif (isHydrating && element.hasAttribute(name1)) {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telement.removeAttribute(name1);\n\t\t\t\t\t\t\t} else if (value === true) {\n\t\t\t\t\t\t\t\tif (isHydrating && !element.hasAttribute(name1)) {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(name, quietProps, value, null, element);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telement.setAttribute(name1, \"\");\n\t\t\t\t\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\t\t\t\t\tvalue = String(value);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (isHydrating && element.getAttribute(name1) !== value) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\telement.setAttribute(name1, String(value));\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tswitch (name) {\n\t\t\t\t// TODO: fix hydration warnings for the style prop\n\t\t\t\tcase \"style\": {\n\t\t\t\t\tconst style = (element as HTMLElement | SVGElement).style;\n\t\t\t\t\tif (value == null || value === false) {\n\t\t\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\tstyle.cssText,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.removeAttribute(\"style\");\n\t\t\t\t\t} else if (value === true) {\n\t\t\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\tstyle.cssText,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"style\", \"\");\n\t\t\t\t\t} else if (typeof value === \"string\") {\n\t\t\t\t\t\tif (style.cssText !== value) {\n\t\t\t\t\t\t\t// TODO: Fix hydration warnings for styles\n\t\t\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t\t\t//\t\tname,\n\t\t\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t\t\t//\t\tvalue,\n\t\t\t\t\t\t\t//\t\tstyle.cssText,\n\t\t\t\t\t\t\t//\t\telement,\n\t\t\t\t\t\t\t//\t);\n\t\t\t\t\t\t\t//}\n\n\t\t\t\t\t\t\tstyle.cssText = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t\t\t// if the old value was a string, we need to clear the style\n\t\t\t\t\t\t\t// TODO: only clear the styles enumerated in the old value\n\t\t\t\t\t\t\tstyle.cssText = \"\";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfor (const styleName in {...oldValue, ...value}) {\n\t\t\t\t\t\t\tconst cssName = camelToKebabCase(styleName);\n\t\t\t\t\t\t\tconst styleValue = value && (value as any)[styleName];\n\t\t\t\t\t\t\tif (styleValue == null) {\n\t\t\t\t\t\t\t\tif (isHydrating && style.getPropertyValue(cssName) !== \"\") {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tstyle.removeProperty(cssName);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tconst formattedValue = formatStyleValue(cssName, styleValue);\n\t\t\t\t\t\t\t\tif (style.getPropertyValue(cssName) !== formattedValue) {\n\t\t\t\t\t\t\t\t\t// TODO: hydration warnings for style props\n\t\t\t\t\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t//\t\tname,\n\t\t\t\t\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t\t\t\t\t//\t\tformattedValue,\n\t\t\t\t\t\t\t\t\t//\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\t//\t\telement,\n\t\t\t\t\t\t\t\t\t//\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t\t//\t);\n\t\t\t\t\t\t\t\t\t//}\n\t\t\t\t\t\t\t\t\tstyle.setProperty(cssName, formattedValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase \"class\":\n\t\t\t\tcase \"className\":\n\t\t\t\t\tif (value === true) {\n\t\t\t\t\t\tif (isHydrating && element.getAttribute(\"class\") !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t\t} else if (value == null) {\n\t\t\t\t\t\tif (isHydrating && element.hasAttribute(\"class\")) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.removeAttribute(\"class\");\n\t\t\t\t\t} else if (typeof value === \"object\") {\n\t\t\t\t\t\t// class={{\"included-class\": true, \"excluded-class\": false}} syntax\n\t\t\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t\t\t// if the old value was a string, we need to clear all classes\n\t\t\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tlet shouldIssueWarning = false;\n\t\t\t\t\t\tconst hydratingClasses = isHydrating\n\t\t\t\t\t\t\t? new Set(Array.from(element.classList))\n\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst hydratingClassName = isHydrating\n\t\t\t\t\t\t\t? element.getAttribute(\"class\")\n\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\t\t\tfor (const className in {...oldValue, ...value}) {\n\t\t\t\t\t\t\tconst classValue = value && value[className];\n\t\t\t\t\t\t\tif (classValue) {\n\t\t\t\t\t\t\t\telement.classList.add(className);\n\t\t\t\t\t\t\t\tif (hydratingClasses && hydratingClasses.has(className)) {\n\t\t\t\t\t\t\t\t\thydratingClasses.delete(className);\n\t\t\t\t\t\t\t\t} else if (isHydrating) {\n\t\t\t\t\t\t\t\t\tshouldIssueWarning = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\telement.classList.remove(className);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tshouldIssueWarning ||\n\t\t\t\t\t\t\t(hydratingClasses && hydratingClasses.size > 0)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tObject.keys(value)\n\t\t\t\t\t\t\t\t\t.filter((k) => value[k])\n\t\t\t\t\t\t\t\t\t.join(\" \"),\n\t\t\t\t\t\t\t\thydratingClassName || \"\",\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (!isSVG && !isMathML) {\n\t\t\t\t\t\tif (element.className !== value) {\n\t\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\telement.className,\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telement.className = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (element.getAttribute(\"class\") !== value) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"class\", value as string);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"innerHTML\":\n\t\t\t\t\tif (value !== oldValue) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.innerHTML,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.innerHTML = value as any;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tdefault: {\n\t\t\t\t\tif (\n\t\t\t\t\t\tname[0] === \"o\" &&\n\t\t\t\t\t\tname[1] === \"n\" &&\n\t\t\t\t\t\tname[2] === name[2].toUpperCase() &&\n\t\t\t\t\t\ttypeof value === \"function\"\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Support React-style event names (onClick, onChange, etc.)\n\t\t\t\t\t\tname = name.toLowerCase();\n\t\t\t\t\t}\n\n\t\t\t\t\t// try to set the property directly\n\t\t\t\t\tif (\n\t\t\t\t\t\tname in element &&\n\t\t\t\t\t\t// boolean properties will coerce strings, but sometimes they map to\n\t\t\t\t\t\t// enumerated attributes, where truthy strings (\"false\", \"no\") map to\n\t\t\t\t\t\t// falsy properties, so we force using setAttribute.\n\t\t\t\t\t\t!(\n\t\t\t\t\t\t\ttypeof value === \"string\" &&\n\t\t\t\t\t\t\ttypeof (element as any)[name] === \"boolean\"\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\tisWritableProperty(element, name)\n\t\t\t\t\t) {\n\t\t\t\t\t\tif ((element as any)[name] !== value || oldValue === undefined) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tisHydrating &&\n\t\t\t\t\t\t\t\ttypeof (element as any)[name] === \"string\" &&\n\t\t\t\t\t\t\t\t(element as any)[name] !== value\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t(element as any)[name],\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// if the property is writable, assign it directly\n\t\t\t\t\t\t\t(element as any)[name] = value;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (value === true) {\n\t\t\t\t\t\tvalue = \"\";\n\t\t\t\t\t} else if (value == null || value === false) {\n\t\t\t\t\t\tif (isHydrating && element.hasAttribute(name)) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.removeAttribute(name);\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\t\t\tvalue = String(value);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (element.getAttribute(name) !== value) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.setAttribute(name, value as any);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\n\tarrange({\n\t\ttag,\n\t\tnode,\n\t\tprops,\n\t\tchildren,\n\t}: {\n\t\ttag: string | symbol;\n\t\tnode: Node;\n\t\tprops: Record<string, any>;\n\t\tchildren: Array<Node>;\n\t}): void {\n\t\tif (tag === Portal && (node == null || typeof node.nodeType !== \"number\")) {\n\t\t\tthrow new TypeError(\n\t\t\t\t`<Portal> root is not a node. Received: ${String(node)}`,\n\t\t\t);\n\t\t}\n\n\t\tif (!(\"innerHTML\" in props)) {\n\t\t\tlet oldChild = node.firstChild;\n\t\t\tfor (let i = 0; i < children.length; i++) {\n\t\t\t\tconst newChild = children[i];\n\t\t\t\tif (oldChild === newChild) {\n\t\t\t\t\t// the child is already in the right place, so we can skip it\n\t\t\t\t\toldChild = oldChild.nextSibling;\n\t\t\t\t} else {\n\t\t\t\t\tnode.insertBefore(newChild, oldChild);\n\t\t\t\t\tif (\n\t\t\t\t\t\ttag !== Portal &&\n\t\t\t\t\t\toldChild &&\n\t\t\t\t\t\ti + 1 < children.length &&\n\t\t\t\t\t\toldChild !== children[i + 1]\n\t\t\t\t\t) {\n\t\t\t\t\t\toldChild = oldChild.nextSibling;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\n\tremove({\n\t\tnode,\n\t\tparentNode,\n\t\tisNested,\n\t}: {\n\t\tnode: Node;\n\t\tparentNode: Node;\n\t\tisNested: boolean;\n\t}): void {\n\t\tif (!isNested && node.parentNode === parentNode) {\n\t\t\tparentNode.removeChild(node);\n\t\t}\n\t},\n\n\ttext({\n\t\tvalue,\n\t\toldNode,\n\t\thydrationNodes,\n\t}: {\n\t\tvalue: string;\n\t\thydrationNodes: Array<Node> | undefined;\n\t\toldNode: Node | undefined;\n\t}): Node {\n\t\tif (hydrationNodes != null) {\n\t\t\tlet node = hydrationNodes.shift();\n\t\t\tif (!node || node.nodeType !== Node.TEXT_NODE) {\n\t\t\t\tconsole.warn(`Expected \"${value}\" while hydrating but found:`, node);\n\t\t\t} else {\n\t\t\t\t// value is a text node, check if it matches the expected text\n\t\t\t\tconst textData = (node as Text).data;\n\t\t\t\tif (textData.length > value.length) {\n\t\t\t\t\tif (textData.startsWith(value)) {\n\t\t\t\t\t\t// the text node is longer than the expected text, so we\n\t\t\t\t\t\t// reuse the existing text node, but truncate it and unshift the rest\n\t\t\t\t\t\t(node as Text).data = value;\n\t\t\t\t\t\thydrationNodes.unshift(\n\t\t\t\t\t\t\tdocument.createTextNode(textData.slice(value.length)),\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn node;\n\t\t\t\t\t}\n\t\t\t\t} else if (textData === value) {\n\t\t\t\t\treturn node;\n\t\t\t\t}\n\n\t\t\t\t// We log textData and not node because node will be mutated\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`Expected \"${value}\" while hydrating but found:`,\n\t\t\t\t\ttextData,\n\t\t\t\t);\n\t\t\t\toldNode = node;\n\t\t\t}\n\t\t}\n\n\t\tif (oldNode != null) {\n\t\t\tif ((oldNode as Text).data !== value) {\n\t\t\t\t(oldNode as Text).data = value;\n\t\t\t}\n\n\t\t\treturn oldNode;\n\t\t}\n\n\t\treturn document.createTextNode(value);\n\t},\n\n\traw({\n\t\tvalue,\n\t\tscope: xmlns,\n\t\thydrationNodes,\n\t}: {\n\t\tvalue: string | Node;\n\t\tscope: string | undefined;\n\t\thydrationNodes: Array<Node> | undefined;\n\t}): ElementValue<Node> {\n\t\tlet nodes: Array<Node>;\n\t\tif (typeof value === \"string\") {\n\t\t\tconst el =\n\t\t\t\txmlns == null\n\t\t\t\t\t? document.createElement(\"div\")\n\t\t\t\t\t: xmlns === SVG_NAMESPACE\n\t\t\t\t\t\t? document.createElementNS(xmlns, \"svg\")\n\t\t\t\t\t\t: document.createElementNS(xmlns, \"math\");\n\t\t\tel.innerHTML = value;\n\t\t\tnodes = Array.from(el.childNodes);\n\t\t} else {\n\t\t\tnodes = value == null ? [] : Array.isArray(value) ? [...value] : [value];\n\t\t}\n\n\t\tif (hydrationNodes != null) {\n\t\t\tfor (let i = 0; i < nodes.length; i++) {\n\t\t\t\tconst node = nodes[i];\n\t\t\t\t// check if node is equal to the next node in the hydration array\n\t\t\t\tconst hydrationNode = hydrationNodes.shift();\n\t\t\t\tif (\n\t\t\t\t\thydrationNode &&\n\t\t\t\t\ttypeof hydrationNode === \"object\" &&\n\t\t\t\t\ttypeof hydrationNode.nodeType === \"number\" &&\n\t\t\t\t\tnode.isEqualNode(hydrationNode as Node)\n\t\t\t\t) {\n\t\t\t\t\tnodes[i] = hydrationNode as Node;\n\t\t\t\t} else {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`Expected <Raw value=\"${String(value)}\"> while hydrating but found:`,\n\t\t\t\t\t\thydrationNode,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn nodes.length === 0\n\t\t\t? undefined\n\t\t\t: nodes.length === 1\n\t\t\t\t? nodes[0]\n\t\t\t\t: nodes;\n\t},\n};\n\nexport class DOMRenderer extends Renderer<Node, string, Element> {\n\tconstructor() {\n\t\tsuper(adapter);\n\t}\n\n\trender(\n\t\tchildren: Children,\n\t\troot: Element,\n\t\tctx?: Context,\n\t): Promise<ElementValue<Node>> | ElementValue<Node> {\n\t\tvalidateRoot(root);\n\t\treturn super.render(children, root, ctx);\n\t}\n\n\thydrate(\n\t\tchildren: Children,\n\t\troot: Element,\n\t\tctx?: Context,\n\t): Promise<ElementValue<Node>> | ElementValue<Node> {\n\t\tvalidateRoot(root);\n\t\treturn super.hydrate(children, root, ctx);\n\t}\n}\n\nfunction validateRoot(root: unknown): asserts root is Element {\n\tif (\n\t\troot == null ||\n\t\t(typeof root === \"object\" && typeof (root as any).nodeType !== \"number\")\n\t) {\n\t\tthrow new TypeError(`Render root is not a node. Received: ${String(root)}`);\n\t} else if ((root as Node).nodeType !== Node.ELEMENT_NODE) {\n\t\tthrow new TypeError(\n\t\t\t`Render root must be an element node. Received: ${String(root)}`,\n\t\t);\n\t}\n}\n\nexport const renderer = new DOMRenderer();\n\ndeclare global {\n\tmodule Crank {\n\t\tinterface EventMap extends GlobalEventHandlersEventMap {}\n\t}\n}\n"],"names":["Portal","camelToKebabCase","formatStyleValue","Renderer"],"mappings":"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"}
+{"version":3,"file":"dom.cjs","sources":["../src/dom.ts"],"sourcesContent":["import {\n\tChildren,\n\tContext,\n\tElementValue,\n\tPortal,\n\tRenderer,\n\tRenderAdapter,\n} from \"./crank.js\";\nimport {camelToKebabCase, formatStyleValue} from \"./_css.js\";\n\nconst SVG_NAMESPACE = \"http://www.w3.org/2000/svg\";\nconst MATHML_NAMESPACE = \"http://www.w3.org/1998/Math/MathML\";\n\nfunction getRootDocument(root: Node | undefined): Document {\n\tif (root && root.ownerDocument) {\n\t\treturn root.ownerDocument;\n\t}\n\n\tif (root && root.nodeType === Node.DOCUMENT_NODE) {\n\t\treturn root as unknown as Document;\n\t}\n\n\treturn document;\n}\n\nfunction isWritableProperty(element: Element, name: string): boolean {\n\t// walk up the object's prototype chain to find the owner\n\tlet propOwner = element;\n\tdo {\n\t\tif (Object.prototype.hasOwnProperty.call(propOwner, name)) {\n\t\t\tbreak;\n\t\t}\n\t} while ((propOwner = Object.getPrototypeOf(propOwner)));\n\n\tif (propOwner === null) {\n\t\treturn false;\n\t}\n\n\t// get the descriptor for the named property and check whether it implies\n\t// that the property is writable\n\tconst descriptor = Object.getOwnPropertyDescriptor(propOwner, name);\n\tif (\n\t\tdescriptor != null &&\n\t\t(descriptor.writable === true || descriptor.set !== undefined)\n\t) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\nfunction emitHydrationWarning(\n\tpropName: string,\n\tquietProps: Set<string> | undefined,\n\texpectedValue: any,\n\tactualValue: any,\n\telement: Element,\n\tdisplayName?: string,\n) {\n\tconst checkName = propName;\n\tconst showName = displayName || propName;\n\tif (!quietProps || !quietProps.has(checkName)) {\n\t\tif (expectedValue === null || expectedValue === false) {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be missing but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t} else if (expectedValue === true || expectedValue === \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be ${expectedValue === true ? \"present\" : '\"\"'} but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t} else {\n\t\t\t// Check if this is a URL mismatch that's actually just resolution\n\t\t\tconst win = element.ownerDocument.defaultView;\n\t\t\tif (win && win.location) {\n\t\t\t\tconst origin = win.location.origin;\n\t\t\t\tif (\n\t\t\t\t\tnew URL(expectedValue, origin).href ===\n\t\t\t\t\tnew URL(actualValue, origin).href\n\t\t\t\t) {\n\t\t\t\t\t// attrs which are URLs will often be resolved to their full\n\t\t\t\t\t// href in the DOM, so we squash these errors\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be \"${String(expectedValue)}\" but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t}\n\t}\n}\n\nexport const adapter: Partial<RenderAdapter<Node, string, Node>> = {\n\tscope({\n\t\tscope: xmlns,\n\t\ttag,\n\t\tprops,\n\t}: {\n\t\tscope: string | undefined;\n\t\ttag: string | symbol;\n\t\tprops: Record<string, any>;\n\t\troot: Node | undefined;\n\t}): string | undefined {\n\t\tswitch (tag) {\n\t\t\tcase Portal:\n\t\t\t\t// TODO: read the namespace from the portal root element\n\t\t\t\txmlns = undefined;\n\t\t\t\tbreak;\n\t\t\tcase \"svg\":\n\t\t\t\txmlns = SVG_NAMESPACE;\n\t\t\t\tbreak;\n\t\t\tcase \"math\":\n\t\t\t\txmlns = MATHML_NAMESPACE;\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn props.xmlns || xmlns;\n\t},\n\n\tcreate({\n\t\ttag,\n\t\ttagName,\n\t\tscope: xmlns,\n\t\troot,\n\t}: {\n\t\ttag: string | symbol;\n\t\ttagName: string;\n\t\tscope: string | undefined;\n\t\troot: Node | undefined;\n\t}): Node {\n\t\tif (typeof tag !== \"string\") {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t} else if (tag.toLowerCase() === \"svg\") {\n\t\t\txmlns = SVG_NAMESPACE;\n\t\t} else if (tag.toLowerCase() === \"math\") {\n\t\t\txmlns = MATHML_NAMESPACE;\n\t\t}\n\n\t\tconst doc = getRootDocument(root);\n\t\treturn xmlns ? doc.createElementNS(xmlns, tag) : doc.createElement(tag);\n\t},\n\n\tadopt({\n\t\ttag,\n\t\ttagName,\n\t\tnode,\n\t\troot,\n\t}: {\n\t\ttag: string | symbol;\n\t\ttagName: string;\n\t\tnode: Node | undefined;\n\t\troot: Node | undefined;\n\t}): Array<Node> | undefined {\n\t\tif (typeof tag !== \"string\" && tag !== Portal) {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t}\n\n\t\tconst doc = getRootDocument(root);\n\t\tif (\n\t\t\tnode === doc.body ||\n\t\t\tnode === doc.head ||\n\t\t\tnode === doc.documentElement ||\n\t\t\tnode === doc\n\t\t) {\n\t\t\tconsole.warn(\n\t\t\t\t`Hydrating ${node.nodeName.toLowerCase()} is discouraged as it is destructive and may remove unknown nodes.`,\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\tnode == null ||\n\t\t\t(typeof tag === \"string\" &&\n\t\t\t\t(node.nodeType !== Node.ELEMENT_NODE ||\n\t\t\t\t\ttag.toLowerCase() !== (node as Element).tagName.toLowerCase()))\n\t\t) {\n\t\t\tconsole.warn(`Expected <${tagName}> while hydrating but found: `, node);\n\t\t\treturn;\n\t\t}\n\n\t\treturn Array.from(node.childNodes);\n\t},\n\n\tpatch({\n\t\ttagName,\n\t\tnode,\n\t\tprops,\n\t\toldProps,\n\t\tscope: xmlns,\n\t\tcopyProps,\n\t\tquietProps,\n\t\tisHydrating,\n\t}: {\n\t\tnode: Node;\n\t\ttagName: string;\n\t\tprops: Record<string, any>;\n\t\toldProps: Record<string, any> | undefined;\n\t\tscope: string | undefined;\n\t\troot: Node | undefined;\n\t\tcopyProps: Set<string> | undefined;\n\t\tquietProps: Set<string> | undefined;\n\t\tisHydrating: boolean;\n\t}): void {\n\t\tif (node.nodeType !== Node.ELEMENT_NODE) {\n\t\t\tthrow new TypeError(`Cannot patch node: ${String(node)}`);\n\t\t} else if (props.class && props.className) {\n\t\t\tconsole.error(\n\t\t\t\t`Both \"class\" and \"className\" set in props for <${tagName}>. Use one or the other.`,\n\t\t\t);\n\t\t}\n\n\t\tconst element = node as Element;\n\t\tconst isSVG = xmlns === SVG_NAMESPACE;\n\t\tconst isMathML = xmlns === MATHML_NAMESPACE;\n\t\tfor (let name in {...oldProps, ...props}) {\n\t\t\tlet value = props[name];\n\t\t\tconst oldValue = oldProps ? oldProps[name] : undefined;\n\t\t\t{\n\t\t\t\tif (copyProps != null && copyProps.has(name)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\t// handle prop:name or attr:name properties\n\t\t\t\tconst colonIndex = name.indexOf(\":\");\n\t\t\t\tif (colonIndex !== -1) {\n\t\t\t\t\tconst [ns, name1] = [\n\t\t\t\t\t\tname.slice(0, colonIndex),\n\t\t\t\t\t\tname.slice(colonIndex + 1),\n\t\t\t\t\t];\n\t\t\t\t\tswitch (ns) {\n\t\t\t\t\t\tcase \"prop\":\n\t\t\t\t\t\t\t(node as any)[name1] = value;\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\tcase \"attr\":\n\t\t\t\t\t\t\tif (value == null || value === false) {\n\t\t\t\t\t\t\t\tif (isHydrating && element.hasAttribute(name1)) {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telement.removeAttribute(name1);\n\t\t\t\t\t\t\t} else if (value === true) {\n\t\t\t\t\t\t\t\tif (isHydrating && !element.hasAttribute(name1)) {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(name, quietProps, value, null, element);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telement.setAttribute(name1, \"\");\n\t\t\t\t\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\t\t\t\t\tvalue = String(value);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (isHydrating && element.getAttribute(name1) !== value) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\telement.setAttribute(name1, String(value));\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tswitch (name) {\n\t\t\t\t// TODO: fix hydration warnings for the style prop\n\t\t\t\tcase \"style\": {\n\t\t\t\t\tconst style = (element as HTMLElement | SVGElement).style;\n\t\t\t\t\tif (value == null || value === false) {\n\t\t\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\tstyle.cssText,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.removeAttribute(\"style\");\n\t\t\t\t\t} else if (value === true) {\n\t\t\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\tstyle.cssText,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"style\", \"\");\n\t\t\t\t\t} else if (typeof value === \"string\") {\n\t\t\t\t\t\tif (style.cssText !== value) {\n\t\t\t\t\t\t\t// TODO: Fix hydration warnings for styles\n\t\t\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t\t\t//\t\tname,\n\t\t\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t\t\t//\t\tvalue,\n\t\t\t\t\t\t\t//\t\tstyle.cssText,\n\t\t\t\t\t\t\t//\t\telement,\n\t\t\t\t\t\t\t//\t);\n\t\t\t\t\t\t\t//}\n\n\t\t\t\t\t\t\tstyle.cssText = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t\t\t// if the old value was a string, we need to clear the style\n\t\t\t\t\t\t\t// TODO: only clear the styles enumerated in the old value\n\t\t\t\t\t\t\tstyle.cssText = \"\";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfor (const styleName in {...oldValue, ...value}) {\n\t\t\t\t\t\t\tconst cssName = camelToKebabCase(styleName);\n\t\t\t\t\t\t\tconst styleValue = value && (value as any)[styleName];\n\t\t\t\t\t\t\tif (styleValue == null) {\n\t\t\t\t\t\t\t\tif (isHydrating && style.getPropertyValue(cssName) !== \"\") {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tstyle.removeProperty(cssName);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tconst formattedValue = formatStyleValue(cssName, styleValue);\n\t\t\t\t\t\t\t\tif (style.getPropertyValue(cssName) !== formattedValue) {\n\t\t\t\t\t\t\t\t\t// TODO: hydration warnings for style props\n\t\t\t\t\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t//\t\tname,\n\t\t\t\t\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t\t\t\t\t//\t\tformattedValue,\n\t\t\t\t\t\t\t\t\t//\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\t//\t\telement,\n\t\t\t\t\t\t\t\t\t//\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t\t//\t);\n\t\t\t\t\t\t\t\t\t//}\n\t\t\t\t\t\t\t\t\tstyle.setProperty(cssName, formattedValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase \"class\":\n\t\t\t\tcase \"className\":\n\t\t\t\t\tif (value === true) {\n\t\t\t\t\t\tif (isHydrating && element.getAttribute(\"class\") !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t\t} else if (value == null) {\n\t\t\t\t\t\tif (isHydrating && element.hasAttribute(\"class\")) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.removeAttribute(\"class\");\n\t\t\t\t\t} else if (typeof value === \"object\") {\n\t\t\t\t\t\t// class={{\"included-class\": true, \"excluded-class\": false}} syntax\n\t\t\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t\t\t// if the old value was a string, we need to clear all classes\n\t\t\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tlet shouldIssueWarning = false;\n\t\t\t\t\t\tconst hydratingClasses = isHydrating\n\t\t\t\t\t\t\t? new Set(Array.from(element.classList))\n\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst hydratingClassName = isHydrating\n\t\t\t\t\t\t\t? element.getAttribute(\"class\")\n\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\t\t\tconst allClassNames = {...oldValue, ...value};\n\t\t\t\t\t\t// Two passes: removes first, then adds. This ensures that\n\t\t\t\t\t\t// overlapping classes in different keys are handled correctly.\n\t\t\t\t\t\t// e.g. {\"a b\": false, \"b c\": true} should result in \"b c\"\n\t\t\t\t\t\tfor (const classNames in allClassNames) {\n\t\t\t\t\t\t\tif (!(value && value[classNames])) {\n\t\t\t\t\t\t\t\tconst classes = classNames.split(/\\s+/).filter(Boolean);\n\t\t\t\t\t\t\t\telement.classList.remove(...classes);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfor (const classNames in allClassNames) {\n\t\t\t\t\t\t\tif (value && value[classNames]) {\n\t\t\t\t\t\t\t\tconst classes = classNames.split(/\\s+/).filter(Boolean);\n\t\t\t\t\t\t\t\telement.classList.add(...classes);\n\t\t\t\t\t\t\t\tfor (const className of classes) {\n\t\t\t\t\t\t\t\t\tif (hydratingClasses && hydratingClasses.has(className)) {\n\t\t\t\t\t\t\t\t\t\thydratingClasses.delete(className);\n\t\t\t\t\t\t\t\t\t} else if (isHydrating) {\n\t\t\t\t\t\t\t\t\t\tshouldIssueWarning = true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tshouldIssueWarning ||\n\t\t\t\t\t\t\t(hydratingClasses && hydratingClasses.size > 0)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tObject.keys(value)\n\t\t\t\t\t\t\t\t\t.filter((k) => value[k])\n\t\t\t\t\t\t\t\t\t.join(\" \"),\n\t\t\t\t\t\t\t\thydratingClassName || \"\",\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (!isSVG && !isMathML) {\n\t\t\t\t\t\tif (element.className !== value) {\n\t\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\telement.className,\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telement.className = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (element.getAttribute(\"class\") !== value) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"class\", value as string);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"innerHTML\":\n\t\t\t\t\tif (value !== oldValue) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.innerHTML,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.innerHTML = value as any;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tdefault: {\n\t\t\t\t\tif (\n\t\t\t\t\t\tname[0] === \"o\" &&\n\t\t\t\t\t\tname[1] === \"n\" &&\n\t\t\t\t\t\tname[2] === name[2].toUpperCase() &&\n\t\t\t\t\t\ttypeof value === \"function\"\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Support React-style event names (onClick, onChange, etc.)\n\t\t\t\t\t\tname = name.toLowerCase();\n\t\t\t\t\t}\n\n\t\t\t\t\t// try to set the property directly\n\t\t\t\t\tif (\n\t\t\t\t\t\tname in element &&\n\t\t\t\t\t\t// boolean properties will coerce strings, but sometimes they map to\n\t\t\t\t\t\t// enumerated attributes, where truthy strings (\"false\", \"no\") map to\n\t\t\t\t\t\t// falsy properties, so we force using setAttribute.\n\t\t\t\t\t\t!(\n\t\t\t\t\t\t\ttypeof value === \"string\" &&\n\t\t\t\t\t\t\ttypeof (element as any)[name] === \"boolean\"\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\tisWritableProperty(element, name)\n\t\t\t\t\t) {\n\t\t\t\t\t\t// For URL properties like src and href, the DOM property returns the\n\t\t\t\t\t\t// resolved absolute URL. We need to resolve the prop value the same way\n\t\t\t\t\t\t// to compare correctly.\n\t\t\t\t\t\tlet domValue = (element as any)[name];\n\t\t\t\t\t\tlet propValue = value;\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t(name === \"src\" || name === \"href\") &&\n\t\t\t\t\t\t\ttypeof value === \"string\" &&\n\t\t\t\t\t\t\ttypeof domValue === \"string\"\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tpropValue = new URL(value, element.baseURI).href;\n\t\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t\t// Invalid URL, use original value for comparison\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (propValue !== domValue || oldValue === undefined) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tisHydrating &&\n\t\t\t\t\t\t\t\ttypeof (element as any)[name] === \"string\" &&\n\t\t\t\t\t\t\t\t(element as any)[name] !== value\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t(element as any)[name],\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// if the property is writable, assign it directly\n\t\t\t\t\t\t\t(element as any)[name] = value;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (value === true) {\n\t\t\t\t\t\tvalue = \"\";\n\t\t\t\t\t} else if (value == null || value === false) {\n\t\t\t\t\t\tif (isHydrating && element.hasAttribute(name)) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.removeAttribute(name);\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\t\t\tvalue = String(value);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (element.getAttribute(name) !== value) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.setAttribute(name, value as any);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\n\tarrange({\n\t\ttag,\n\t\tnode,\n\t\tprops,\n\t\tchildren,\n\t}: {\n\t\ttag: string | symbol;\n\t\tnode: Node;\n\t\tprops: Record<string, any>;\n\t\tchildren: Array<Node>;\n\t\troot: Node | undefined;\n\t}): void {\n\t\tif (tag === Portal && (node == null || typeof node.nodeType !== \"number\")) {\n\t\t\tthrow new TypeError(\n\t\t\t\t`<Portal> root is not a node. Received: ${String(node)}`,\n\t\t\t);\n\t\t}\n\n\t\tif (!(\"innerHTML\" in props)) {\n\t\t\tlet oldChild = node.firstChild;\n\t\t\tfor (let i = 0; i < children.length; i++) {\n\t\t\t\tconst newChild = children[i];\n\t\t\t\tif (oldChild === newChild) {\n\t\t\t\t\t// the child is already in the right place, so we can skip it\n\t\t\t\t\toldChild = oldChild.nextSibling;\n\t\t\t\t} else {\n\t\t\t\t\tnode.insertBefore(newChild, oldChild);\n\t\t\t\t\tif (\n\t\t\t\t\t\ttag !== Portal &&\n\t\t\t\t\t\toldChild &&\n\t\t\t\t\t\ti + 1 < children.length &&\n\t\t\t\t\t\toldChild !== children[i + 1]\n\t\t\t\t\t) {\n\t\t\t\t\t\toldChild = oldChild.nextSibling;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\n\tremove({\n\t\tnode,\n\t\tparentNode,\n\t\tisNested,\n\t}: {\n\t\tnode: Node;\n\t\tparentNode: Node;\n\t\tisNested: boolean;\n\t\troot: Node | undefined;\n\t}): void {\n\t\tif (!isNested && node.parentNode === parentNode) {\n\t\t\tparentNode.removeChild(node);\n\t\t}\n\t},\n\n\ttext({\n\t\tvalue,\n\t\toldNode,\n\t\thydrationNodes,\n\t\troot,\n\t}: {\n\t\tvalue: string;\n\t\thydrationNodes: Array<Node> | undefined;\n\t\toldNode: Node | undefined;\n\t\troot: Node | undefined;\n\t}): Node {\n\t\tconst doc = getRootDocument(root);\n\t\tif (hydrationNodes != null) {\n\t\t\tlet node = hydrationNodes.shift();\n\t\t\tif (!node || node.nodeType !== Node.TEXT_NODE) {\n\t\t\t\tconsole.warn(`Expected \"${value}\" while hydrating but found:`, node);\n\t\t\t} else {\n\t\t\t\t// value is a text node, check if it matches the expected text\n\t\t\t\tconst textData = (node as Text).data;\n\t\t\t\tif (textData.length > value.length) {\n\t\t\t\t\tif (textData.startsWith(value)) {\n\t\t\t\t\t\t// the text node is longer than the expected text, so we\n\t\t\t\t\t\t// reuse the existing text node, but truncate it and unshift the rest\n\t\t\t\t\t\t(node as Text).data = value;\n\t\t\t\t\t\thydrationNodes.unshift(\n\t\t\t\t\t\t\tdoc.createTextNode(textData.slice(value.length)),\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn node;\n\t\t\t\t\t}\n\t\t\t\t} else if (textData === value) {\n\t\t\t\t\treturn node;\n\t\t\t\t}\n\n\t\t\t\t// We log textData and not node because node will be mutated\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`Expected \"${value}\" while hydrating but found:`,\n\t\t\t\t\ttextData,\n\t\t\t\t);\n\t\t\t\toldNode = node;\n\t\t\t}\n\t\t}\n\n\t\tif (oldNode != null) {\n\t\t\tif ((oldNode as Text).data !== value) {\n\t\t\t\t(oldNode as Text).data = value;\n\t\t\t}\n\n\t\t\treturn oldNode;\n\t\t}\n\n\t\treturn doc.createTextNode(value);\n\t},\n\n\traw({\n\t\tvalue,\n\t\tscope: xmlns,\n\t\thydrationNodes,\n\t\troot,\n\t}: {\n\t\tvalue: string | Node;\n\t\tscope: string | undefined;\n\t\thydrationNodes: Array<Node> | undefined;\n\t\troot: Node | undefined;\n\t}): ElementValue<Node> {\n\t\tlet nodes: Array<Node>;\n\t\tif (typeof value === \"string\") {\n\t\t\tconst doc = getRootDocument(root);\n\t\t\tconst el =\n\t\t\t\txmlns == null\n\t\t\t\t\t? doc.createElement(\"div\")\n\t\t\t\t\t: xmlns === SVG_NAMESPACE\n\t\t\t\t\t\t? doc.createElementNS(xmlns, \"svg\")\n\t\t\t\t\t\t: doc.createElementNS(xmlns, \"math\");\n\t\t\tel.innerHTML = value;\n\t\t\tnodes = Array.from(el.childNodes);\n\t\t} else {\n\t\t\tnodes = value == null ? [] : Array.isArray(value) ? [...value] : [value];\n\t\t}\n\n\t\tif (hydrationNodes != null) {\n\t\t\tfor (let i = 0; i < nodes.length; i++) {\n\t\t\t\tconst node = nodes[i];\n\t\t\t\t// check if node is equal to the next node in the hydration array\n\t\t\t\tconst hydrationNode = hydrationNodes.shift();\n\t\t\t\tif (\n\t\t\t\t\thydrationNode &&\n\t\t\t\t\ttypeof hydrationNode === \"object\" &&\n\t\t\t\t\ttypeof hydrationNode.nodeType === \"number\" &&\n\t\t\t\t\tnode.isEqualNode(hydrationNode as Node)\n\t\t\t\t) {\n\t\t\t\t\tnodes[i] = hydrationNode as Node;\n\t\t\t\t} else {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`Expected <Raw value=\"${String(value)}\"> while hydrating but found:`,\n\t\t\t\t\t\thydrationNode,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn nodes.length === 0\n\t\t\t? undefined\n\t\t\t: nodes.length === 1\n\t\t\t\t? nodes[0]\n\t\t\t\t: nodes;\n\t},\n};\n\nexport class DOMRenderer extends Renderer<Node, string, Element> {\n\tconstructor() {\n\t\tsuper(adapter);\n\t}\n\n\trender(\n\t\tchildren: Children,\n\t\troot: Element,\n\t\tctx?: Context,\n\t): Promise<ElementValue<Node>> | ElementValue<Node> {\n\t\tvalidateRoot(root);\n\t\treturn super.render(children, root, ctx);\n\t}\n\n\thydrate(\n\t\tchildren: Children,\n\t\troot: Element,\n\t\tctx?: Context,\n\t): Promise<ElementValue<Node>> | ElementValue<Node> {\n\t\tvalidateRoot(root);\n\t\treturn super.hydrate(children, root, ctx);\n\t}\n}\n\nfunction validateRoot(root: unknown): asserts root is Element {\n\tif (\n\t\troot == null ||\n\t\t(typeof root === \"object\" && typeof (root as any).nodeType !== \"number\")\n\t) {\n\t\tthrow new TypeError(`Render root is not a node. Received: ${String(root)}`);\n\t} else if ((root as Node).nodeType !== Node.ELEMENT_NODE) {\n\t\tthrow new TypeError(\n\t\t\t`Render root must be an element node. Received: ${String(root)}`,\n\t\t);\n\t}\n}\n\nexport const renderer = new DOMRenderer();\n\ndeclare global {\n\tmodule Crank {\n\t\tinterface EventMap extends GlobalEventHandlersEventMap {}\n\t}\n}\n"],"names":["Portal","camelToKebabCase","formatStyleValue","Renderer"],"mappings":"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"}

package/dom.d.ts

@@ -1,5 +1,5 @@
 import { Children, Context, ElementValue, Renderer, RenderAdapter } from "./crank.js";
-export declare const adapter: Partial<RenderAdapter<Node, string, Element>>;
+export declare const adapter: Partial<RenderAdapter<Node, string, Node>>;
 export declare class DOMRenderer extends Renderer<Node, string, Element> {
     constructor();
     render(children: Children, root: Element, ctx?: Context): Promise<ElementValue<Node>> | ElementValue<Node>;

package/dom.js

@@ -4,6 +4,15 @@ import { camelToKebabCase, formatStyleValue } from './_css.js';
 
 const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 const MATHML_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
+function getRootDocument(root) {
+    if (root && root.ownerDocument) {
+        return root.ownerDocument;
+    }
+    if (root && root.nodeType === Node.DOCUMENT_NODE) {
+        return root;
+    }
+    return document;
+}
 function isWritableProperty(element, name) {
     // walk up the object's prototype chain to find the owner
     let propOwner = element;
@@ -34,11 +43,18 @@ function emitHydrationWarning(propName, quietProps, expectedValue, actualValue,
         else if (expectedValue === true || expectedValue === "") {
             console.warn(`Expected "${showName}" to be ${expectedValue === true ? "present" : '""'} but found ${String(actualValue)} while hydrating:`, element);
         }
-        else if (typeof window !== "undefined" &&
-            window.location &&
-            new URL(expectedValue, window.location.origin).href ===
-                new URL(actualValue, window.location.origin).href) ;
         else {
+            // Check if this is a URL mismatch that's actually just resolution
+            const win = element.ownerDocument.defaultView;
+            if (win && win.location) {
+                const origin = win.location.origin;
+                if (new URL(expectedValue, origin).href ===
+                    new URL(actualValue, origin).href) {
+                    // attrs which are URLs will often be resolved to their full
+                    // href in the DOM, so we squash these errors
+                    return;
+                }
+            }
             console.warn(`Expected "${showName}" to be "${String(expectedValue)}" but found ${String(actualValue)} while hydrating:`, element);
         }
     }
@@ -59,7 +75,7 @@ const adapter = {
         }
         return props.xmlns || xmlns;
     },
-    create({ tag, tagName, scope: xmlns, }) {
+    create({ tag, tagName, scope: xmlns, root, }) {
         if (typeof tag !== "string") {
             throw new Error(`Unknown tag: ${tagName}`);
         }
@@ -69,18 +85,18 @@ const adapter = {
         else if (tag.toLowerCase() === "math") {
             xmlns = MATHML_NAMESPACE;
         }
-        return xmlns
-            ? document.createElementNS(xmlns, tag)
-            : document.createElement(tag);
+        const doc = getRootDocument(root);
+        return xmlns ? doc.createElementNS(xmlns, tag) : doc.createElement(tag);
     },
-    adopt({ tag, tagName, node, }) {
+    adopt({ tag, tagName, node, root, }) {
         if (typeof tag !== "string" && tag !== Portal) {
             throw new Error(`Unknown tag: ${tagName}`);
         }
-        if (node === document.body ||
-            node === document.head ||
-            node === document.documentElement ||
-            node === document) {
+        const doc = getRootDocument(root);
+        if (node === doc.body ||
+            node === doc.head ||
+            node === doc.documentElement ||
+            node === doc) {
             console.warn(`Hydrating ${node.nodeName.toLowerCase()} is discouraged as it is destructive and may remove unknown nodes.`);
         }
         if (node == null ||
@@ -238,19 +254,28 @@ const adapter = {
                         const hydratingClassName = isHydrating
                             ? element.getAttribute("class")
                             : undefined;
-                        for (const className in { ...oldValue, ...value }) {
-                            const classValue = value && value[className];
-                            if (classValue) {
-                                element.classList.add(className);
-                                if (hydratingClasses && hydratingClasses.has(className)) {
-                                    hydratingClasses.delete(className);
-                                }
-                                else if (isHydrating) {
-                                    shouldIssueWarning = true;
-                                }
+                        const allClassNames = { ...oldValue, ...value };
+                        // Two passes: removes first, then adds. This ensures that
+                        // overlapping classes in different keys are handled correctly.
+                        // e.g. {"a b": false, "b c": true} should result in "b c"
+                        for (const classNames in allClassNames) {
+                            if (!(value && value[classNames])) {
+                                const classes = classNames.split(/\s+/).filter(Boolean);
+                                element.classList.remove(...classes);
                             }
-                            else {
-                                element.classList.remove(className);
+                        }
+                        for (const classNames in allClassNames) {
+                            if (value && value[classNames]) {
+                                const classes = classNames.split(/\s+/).filter(Boolean);
+                                element.classList.add(...classes);
+                                for (const className of classes) {
+                                    if (hydratingClasses && hydratingClasses.has(className)) {
+                                        hydratingClasses.delete(className);
+                                    }
+                                    else if (isHydrating) {
+                                        shouldIssueWarning = true;
+                                    }
+                                }
                             }
                         }
                         if (shouldIssueWarning ||
@@ -299,7 +324,22 @@ const adapter = {
                         !(typeof value === "string" &&
                             typeof element[name] === "boolean") &&
                         isWritableProperty(element, name)) {
-                        if (element[name] !== value || oldValue === undefined) {
+                        // For URL properties like src and href, the DOM property returns the
+                        // resolved absolute URL. We need to resolve the prop value the same way
+                        // to compare correctly.
+                        let domValue = element[name];
+                        let propValue = value;
+                        if ((name === "src" || name === "href") &&
+                            typeof value === "string" &&
+                            typeof domValue === "string") {
+                            try {
+                                propValue = new URL(value, element.baseURI).href;
+                            }
+                            catch {
+                                // Invalid URL, use original value for comparison
+                            }
+                        }
+                        if (propValue !== domValue || oldValue === undefined) {
                             if (isHydrating &&
                                 typeof element[name] === "string" &&
                                 element[name] !== value) {
@@ -362,7 +402,8 @@ const adapter = {
             parentNode.removeChild(node);
         }
     },
-    text({ value, oldNode, hydrationNodes, }) {
+    text({ value, oldNode, hydrationNodes, root, }) {
+        const doc = getRootDocument(root);
         if (hydrationNodes != null) {
             let node = hydrationNodes.shift();
             if (!node || node.nodeType !== Node.TEXT_NODE) {
@@ -376,7 +417,7 @@ const adapter = {
                         // the text node is longer than the expected text, so we
                         // reuse the existing text node, but truncate it and unshift the rest
                         node.data = value;
-                        hydrationNodes.unshift(document.createTextNode(textData.slice(value.length)));
+                        hydrationNodes.unshift(doc.createTextNode(textData.slice(value.length)));
                         return node;
                     }
                 }
@@ -394,16 +435,17 @@ const adapter = {
             }
             return oldNode;
         }
-        return document.createTextNode(value);
+        return doc.createTextNode(value);
     },
-    raw({ value, scope: xmlns, hydrationNodes, }) {
+    raw({ value, scope: xmlns, hydrationNodes, root, }) {
         let nodes;
         if (typeof value === "string") {
+            const doc = getRootDocument(root);
             const el = xmlns == null
-                ? document.createElement("div")
+                ? doc.createElement("div")
                 : xmlns === SVG_NAMESPACE
-                    ? document.createElementNS(xmlns, "svg")
-                    : document.createElementNS(xmlns, "math");
+                    ? doc.createElementNS(xmlns, "svg")
+                    : doc.createElementNS(xmlns, "math");
             el.innerHTML = value;
             nodes = Array.from(el.childNodes);
         }