npm - @b9g/crank - Versions diffs - 0.7.5 → 0.7.7 - Mend

@b9g/crank 0.7.5 → 0.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/dom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dom.js","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. 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.
1	+ {"version":3,"file":"dom.js","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\";\nimport {REACT_SVG_PROPS} from \"./_svg.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\nfunction patchProp(\n\telement: Element,\n\tname: string,\n\tvalue: any,\n\toldValue: any,\n\tprops: Record<string, any>,\n\tisSVG: boolean,\n\tisMathML: boolean,\n\tcopyProps: Set<string> \| undefined,\n\tquietProps: Set<string> \| undefined,\n\tisHydrating: boolean,\n): void {\n\tif (copyProps != null && copyProps.has(name)) {\n\t\treturn;\n\t}\n\t// handle prop:name or attr:name properties\n\tconst colonIndex = name.indexOf(\":\");\n\tif (colonIndex !== -1) {\n\t\tconst [ns, name1] = [name.slice(0, colonIndex), name.slice(colonIndex + 1)];\n\t\tswitch (ns) {\n\t\t\tcase \"prop\":\n\t\t\t\t(element as any)[name1] = value;\n\t\t\t\treturn;\n\t\t\tcase \"attr\":\n\t\t\t\tif (value == null \|\| value === false) {\n\t\t\t\t\tif (isHydrating && element.hasAttribute(name1)) {\n\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\telement.removeAttribute(name1);\n\t\t\t\t\treturn;\n\t\t\t\t} else if (value === true) {\n\t\t\t\t\tif (isHydrating && !element.hasAttribute(name1)) {\n\t\t\t\t\t\temitHydrationWarning(name, quietProps, value, null, element);\n\t\t\t\t\t}\n\t\t\t\t\telement.setAttribute(name1, \"\");\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (typeof value !== \"string\") {\n\t\t\t\t\tvalue = String(value);\n\t\t\t\t}\n\n\t\t\t\tif (isHydrating && element.getAttribute(name1) !== value) {\n\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\telement,\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\telement.setAttribute(name1, value);\n\t\t\t\treturn;\n\t\t}\n\t}\n\n\tswitch (name) {\n\t\t// TODO: fix hydration warnings for the style prop\n\t\tcase \"style\": {\n\t\t\tconst style = (element as HTMLElement \| SVGElement).style;\n\t\t\tif (value == null \|\| value === false) {\n\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\temitHydrationWarning(name, quietProps, value, style.cssText, element);\n\t\t\t\t}\n\t\t\t\telement.removeAttribute(\"style\");\n\t\t\t} else if (value === true) {\n\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\temitHydrationWarning(name, quietProps, \"\", style.cssText, element);\n\t\t\t\t}\n\t\t\t\telement.setAttribute(\"style\", \"\");\n\t\t\t} else if (typeof value === \"string\") {\n\t\t\t\tif (style.cssText !== value) {\n\t\t\t\t\t// TODO: Fix hydration warnings for styles\n\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t//\t\tname,\n\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t//\t\tvalue,\n\t\t\t\t\t//\t\tstyle.cssText,\n\t\t\t\t\t//\t\telement,\n\t\t\t\t\t//\t);\n\t\t\t\t\t//}\n\n\t\t\t\t\tstyle.cssText = value;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t// if the old value was a string, we need to clear the style\n\t\t\t\t\t// TODO: only clear the styles enumerated in the old value\n\t\t\t\t\tstyle.cssText = \"\";\n\t\t\t\t}\n\n\t\t\t\t// First pass: remove styles present in oldValue but not in value\n\t\t\t\tif (oldValue) {\n\t\t\t\t\tfor (const styleName in oldValue) {\n\t\t\t\t\t\tif (value && styleName in value) continue;\n\t\t\t\t\t\tconst cssName = camelToKebabCase(styleName);\n\t\t\t\t\t\tif (isHydrating && style.getPropertyValue(cssName) !== \"\") {\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\tnull,\n\t\t\t\t\t\t\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstyle.removeProperty(cssName);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// Second pass: apply all styles from value\n\t\t\t\tif (value) {\n\t\t\t\t\tfor (const styleName in value) {\n\t\t\t\t\t\tconst cssName = camelToKebabCase(styleName);\n\t\t\t\t\t\tconst styleValue = (value as any)[styleName];\n\t\t\t\t\t\tif (styleValue == null) {\n\t\t\t\t\t\t\tif (isHydrating && style.getPropertyValue(cssName) !== \"\") {\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\tnull,\n\t\t\t\t\t\t\t\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstyle.removeProperty(cssName);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst formattedValue = formatStyleValue(cssName, styleValue);\n\t\t\t\t\t\t\tif (style.getPropertyValue(cssName) !== formattedValue) {\n\t\t\t\t\t\t\t\t// TODO: hydration warnings for style props\n\t\t\t\t\t\t\t\t//if (isHydrating) {\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\tformattedValue,\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.setProperty(cssName, formattedValue);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbreak;\n\t\t}\n\t\tcase \"class\":\n\t\tcase \"className\":\n\t\t\tif (name === \"className\" && \"class\" in props) break;\n\t\t\tif (value === true) {\n\t\t\t\tif (isHydrating && element.getAttribute(\"class\") !== \"\") {\n\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\"\",\n\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\telement,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t} else if (value == null) {\n\t\t\t\tif (isHydrating && element.hasAttribute(\"class\")) {\n\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\telement,\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\telement.removeAttribute(\"class\");\n\t\t\t} else if (typeof value === \"object\") {\n\t\t\t\t// class={{\"included-class\": true, \"excluded-class\": false}} syntax\n\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t// if the old value was a string, we need to clear all classes\n\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t}\n\n\t\t\t\tlet shouldIssueWarning = false;\n\t\t\t\tconst hydratingClasses = isHydrating\n\t\t\t\t\t? new Set(Array.from(element.classList))\n\t\t\t\t\t: undefined;\n\t\t\t\tconst hydratingClassName = isHydrating\n\t\t\t\t\t? element.getAttribute(\"class\")\n\t\t\t\t\t: undefined;\n\n\t\t\t\t// Two passes: removes first, then adds. This ensures that\n\t\t\t\t// overlapping classes in different keys are handled correctly.\n\t\t\t\t// e.g. {\"a b\": false, \"b c\": true} should result in \"b c\"\n\t\t\t\t// Remove pass: iterate oldValue for classes to remove\n\t\t\t\tif (oldValue) {\n\t\t\t\t\tfor (const classNames in oldValue) {\n\t\t\t\t\t\tif (value && value[classNames]) continue;\n\t\t\t\t\t\tconst classes = classNames.split(/\\s+/).filter(Boolean);\n\t\t\t\t\t\telement.classList.remove(...classes);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Add pass: iterate value for classes to add\n\t\t\t\tif (value) {\n\t\t\t\t\tfor (const classNames in value) {\n\t\t\t\t\t\tif (!value[classNames]) continue;\n\t\t\t\t\t\tconst classes = classNames.split(/\\s+/).filter(Boolean);\n\t\t\t\t\t\telement.classList.add(...classes);\n\t\t\t\t\t\tfor (const className of classes) {\n\t\t\t\t\t\t\tif (hydratingClasses && hydratingClasses.has(className)) {\n\t\t\t\t\t\t\t\thydratingClasses.delete(className);\n\t\t\t\t\t\t\t} else if (isHydrating) {\n\t\t\t\t\t\t\t\tshouldIssueWarning = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tshouldIssueWarning \|\|\n\t\t\t\t\t(hydratingClasses && hydratingClasses.size > 0)\n\t\t\t\t) {\n\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\tObject.keys(value)\n\t\t\t\t\t\t\t.filter((k) => value[k])\n\t\t\t\t\t\t\t.join(\" \"),\n\t\t\t\t\t\thydratingClassName \|\| \"\",\n\t\t\t\t\t\telement,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else if (!isSVG && !isMathML) {\n\t\t\t\tif (element.className !== value) {\n\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\telement.className,\n\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\telement.className = value;\n\t\t\t\t}\n\t\t\t} else if (element.getAttribute(\"class\") !== value) {\n\t\t\t\tif (isHydrating) {\n\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\telement,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\telement.setAttribute(\"class\", value as string);\n\t\t\t}\n\t\t\tbreak;\n\t\tcase \"innerHTML\":\n\t\t\tif (value !== oldValue) {\n\t\t\t\tif (isHydrating) {\n\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\telement.innerHTML,\n\t\t\t\t\t\telement,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\telement.innerHTML = value as any;\n\t\t\t}\n\n\t\t\tbreak;\n\t\tcase \"dangerouslySetInnerHTML\": {\n\t\t\tconst htmlValue =\n\t\t\t\tvalue && typeof value === \"object\" && \"__html\" in value\n\t\t\t\t\t? (value.__html ?? \"\")\n\t\t\t\t\t: \"\";\n\t\t\tconst oldHtmlValue =\n\t\t\t\toldValue && typeof oldValue === \"object\" && \"__html\" in oldValue\n\t\t\t\t\t? (oldValue.__html ?? \"\")\n\t\t\t\t\t: \"\";\n\t\t\tif (htmlValue !== oldHtmlValue) {\n\t\t\t\telement.innerHTML = htmlValue as any;\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\t\tcase \"htmlFor\":\n\t\t\tif (\"for\" in props) break;\n\t\t\tif (value == null \|\| value === false) {\n\t\t\t\telement.removeAttribute(\"for\");\n\t\t\t} else {\n\t\t\t\telement.setAttribute(\"for\", String(value === true ? \"\" : value));\n\t\t\t}\n\t\t\tbreak;\n\t\tdefault: {\n\t\t\tif (\n\t\t\t\tname[0] === \"o\" &&\n\t\t\t\tname[1] === \"n\" &&\n\t\t\t\tname[2] === name[2].toUpperCase() &&\n\t\t\t\ttypeof value === \"function\"\n\t\t\t) {\n\t\t\t\t// Support React-style event names (onClick, onChange, etc.)\n\t\t\t\tname = name.toLowerCase();\n\t\t\t}\n\n\t\t\t// Support React-style SVG attribute names (strokeWidth, etc.)\n\t\t\tif (isSVG && name in REACT_SVG_PROPS) {\n\t\t\t\tname = REACT_SVG_PROPS[name];\n\t\t\t}\n\n\t\t\t// try to set the property directly\n\t\t\tif (\n\t\t\t\tname in element &&\n\t\t\t\t// boolean properties will coerce strings, but sometimes they map to\n\t\t\t\t// enumerated attributes, where truthy strings (\"false\", \"no\") map to\n\t\t\t\t// falsy properties, so we force using setAttribute.\n\t\t\t\t!(\n\t\t\t\t\ttypeof value === \"string\" &&\n\t\t\t\t\ttypeof (element as any)[name] === \"boolean\"\n\t\t\t\t) &&\n\t\t\t\tisWritableProperty(element, name)\n\t\t\t) {\n\t\t\t\t// For URL properties like src and href, the DOM property returns the\n\t\t\t\t// resolved absolute URL. We need to resolve the prop value the same way\n\t\t\t\t// to compare correctly.\n\t\t\t\tlet domValue = (element as any)[name];\n\t\t\t\tlet propValue = value;\n\t\t\t\tif (\n\t\t\t\t\t(name === \"src\" \|\| name === \"href\") &&\n\t\t\t\t\ttypeof value === \"string\" &&\n\t\t\t\t\ttypeof domValue === \"string\"\n\t\t\t\t) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tpropValue = new URL(value, element.baseURI).href;\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Invalid URL, use original value for comparison\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (propValue !== domValue \|\| oldValue === undefined) {\n\t\t\t\t\tif (\n\t\t\t\t\t\tisHydrating &&\n\t\t\t\t\t\ttypeof (element as any)[name] === \"string\" &&\n\t\t\t\t\t\t(element as any)[name] !== value\n\t\t\t\t\t) {\n\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t(element as any)[name],\n\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\t// if the property is writable, assign it directly\n\t\t\t\t\t(element as any)[name] = value;\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (value === true) {\n\t\t\t\tvalue = \"\";\n\t\t\t} else if (value == null \|\| value === false) {\n\t\t\t\tif (isHydrating && element.hasAttribute(name)) {\n\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\telement,\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\telement.removeAttribute(name);\n\t\t\t\treturn;\n\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\tvalue = String(value);\n\t\t\t}\n\n\t\t\tif (element.getAttribute(name) !== value) {\n\t\t\t\tif (isHydrating) {\n\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\telement,\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\telement.setAttribute(name, value as any);\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\troot,\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\tconst ns = root instanceof Element ? root.namespaceURI : null;\n\t\t\t\txmlns =\n\t\t\t\t\tns === SVG_NAMESPACE\n\t\t\t\t\t\t? SVG_NAMESPACE\n\t\t\t\t\t\t: ns === MATHML_NAMESPACE\n\t\t\t\t\t\t\t? MATHML_NAMESPACE\n\t\t\t\t\t\t\t: undefined;\n\t\t\t\tbreak;\n\t\t\t}\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\tcase \"foreignObject\":\n\t\t\t\txmlns = undefined;\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} else if (tag === \"foreignObject\") {\n\t\t\txmlns = SVG_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\ttag,\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\ttag: string \| symbol;\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 \|\| tag === \"foreignObject\";\n\t\tconst isMathML = xmlns === MATHML_NAMESPACE;\n\t\t// First pass: iterate oldProps to handle removals\n\t\tif (oldProps) {\n\t\t\tfor (let name in oldProps) {\n\t\t\t\tif (name in props) continue;\n\t\t\t\tpatchProp(\n\t\t\t\t\telement,\n\t\t\t\t\tname,\n\t\t\t\t\tundefined,\n\t\t\t\t\toldProps[name],\n\t\t\t\t\tprops,\n\t\t\t\t\tisSVG,\n\t\t\t\t\tisMathML,\n\t\t\t\t\tcopyProps,\n\t\t\t\t\tquietProps,\n\t\t\t\t\tisHydrating,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\t// Second pass: iterate props to handle additions and updates\n\t\tfor (let name in props) {\n\t\t\tpatchProp(\n\t\t\t\telement,\n\t\t\t\tname,\n\t\t\t\tprops[name],\n\t\t\t\toldProps ? oldProps[name] : undefined,\n\t\t\t\tprops,\n\t\t\t\tisSVG,\n\t\t\t\tisMathML,\n\t\t\t\tcopyProps,\n\t\t\t\tquietProps,\n\t\t\t\tisHydrating,\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. 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.

package/html.cjs CHANGED Viewed

@@ -2,6 +2,7 @@
 var crank = require('./crank.cjs');
 var _css = require('./_css.cjs');
+var _svg = require('./_svg.cjs');
 const voidTags = new Set([
     "area",
@@ -50,12 +51,20 @@ function printStyleObject(style) {
     }
     return cssStrings.join("");
 }
-function printAttrs(props) {
+function printAttrs(props, isSVG) {
     const attrs = [];
     for (let [name, value] of Object.entries(props)) {
-        if (name === "innerHTML" || name.startsWith("prop:")) {
+        if (name === "innerHTML" ||
+            name === "dangerouslySetInnerHTML" ||
+            name.startsWith("prop:")) {
             continue;
         }
+        else if (name === "htmlFor") {
+            if ("for" in props || value == null || value === false) {
+                continue;
+            }
+            attrs.push(`for="${escape(String(value === true ? "" : value))}"`);
+        }
         else if (name === "style") {
             if (typeof value === "string") {
                 attrs.push(`style="${escape(value)}"`);
@@ -88,6 +97,9 @@ function printAttrs(props) {
             if (name.startsWith("attr:")) {
                 name = name.slice("attr:".length);
             }
+            else if (isSVG && name in _svg.REACT_SVG_PROPS) {
+                name = _svg.REACT_SVG_PROPS[name];
+            }
             if (typeof value === "string") {
                 attrs.push(`${escape(name)}="${escape(value)}"`);
             }
@@ -110,6 +122,20 @@ function join(children) {
     return result;
 }
 const impl = {
+    scope({ scope, tag, }) {
+        if (tag === crank.Portal) {
+            return undefined;
+        }
+        switch (tag) {
+            case "svg":
+                return "svg";
+            case "math":
+                return "math";
+            case "foreignObject":
+                return undefined;
+        }
+        return scope;
+    },
     create() {
         return { value: "" };
     },
@@ -130,14 +156,14 @@ const impl = {
             return value.value || "";
         }
     },
-    arrange({ tag, tagName, node, props, children, }) {
+    arrange({ tag, tagName, node, props, children, scope, }) {
         if (tag === crank.Portal) {
             return;
         }
         else if (typeof tag !== "string") {
             throw new Error(`Unknown tag: ${tagName}`);
         }
-        const attrs = printAttrs(props);
+        const attrs = printAttrs(props, scope === "svg" || tag === "foreignObject");
         const open = `<${tag}${attrs.length ? " " : ""}${attrs}>`;
         let result;
         if (voidTags.has(tag)) {
@@ -145,7 +171,11 @@ const impl = {
         }
         else {
             const close = `</${tag}>`;
-            const contents = "innerHTML" in props ? props["innerHTML"] : join(children);
+            const contents = "innerHTML" in props
+                ? props["innerHTML"]
+                : "dangerouslySetInnerHTML" in props
+                    ? (props["dangerouslySetInnerHTML"]?.__html ?? "")
+                    : join(children);
             result = `${open}${contents}${close}`;
         }
         node.value = result;

package/html.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"html.cjs","sources":["../src/html.ts"],"sourcesContent":["import {Portal, Renderer} from \"./crank.js\";\nimport type {ElementValue, RenderAdapter} from \"./crank.js\";\nimport {camelToKebabCase, formatStyleValue} from \"./_css.js\";\n\nconst voidTags = new Set([\n\t\"area\",\n\t\"base\",\n\t\"br\",\n\t\"col\",\n\t\"command\",\n\t\"embed\",\n\t\"hr\",\n\t\"img\",\n\t\"input\",\n\t\"keygen\",\n\t\"link\",\n\t\"meta\",\n\t\"param\",\n\t\"source\",\n\t\"track\",\n\t\"wbr\",\n]);\n\nfunction escape(text: string): string {\n\treturn text.replace(/[&<>\"']/g, (match) => {\n\t\tswitch (match) {\n\t\t\tcase \"&\":\n\t\t\t\treturn \"&\";\n\t\t\tcase \"<\":\n\t\t\t\treturn \"<\";\n\t\t\tcase \">\":\n\t\t\t\treturn \">\";\n\t\t\tcase '\"':\n\t\t\t\treturn \""\";\n\t\t\tcase \"'\":\n\t\t\t\treturn \"'\";\n\t\t\tdefault:\n\t\t\t\treturn \"\";\n\t\t}\n\t});\n}\n\nfunction printStyleObject(style: Record<string, any>): string {\n\tconst cssStrings = [];\n\tfor (const [name, value] of Object.entries(style)) {\n\t\tif (value != null) {\n\t\t\tconst cssName = camelToKebabCase(name);\n\t\t\tconst cssValue = formatStyleValue(cssName, value);\n\t\t\tcssStrings.push(`${cssName}:${cssValue};`);\n\t\t}\n\t}\n\n\treturn cssStrings.join(\"\");\n}\n\nfunction printAttrs(props: Record<string, any>): string {\n\tconst attrs: string[] = [];\n\tfor (let [name, value] of Object.entries(props)) {\n\t\tif (name === \"innerHTML\" \|\| name.startsWith(\"prop:\")) {\n\t\t\tcontinue;\n\t\t} else if (name === \"style\") {\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tattrs.push(`style=\"${escape(value)}\"`);\n\t\t\t} else if (typeof value === \"object\" && value !== null) {\n\t\t\t\tattrs.push(`style=\"${escape(printStyleObject(value))}\"`);\n\t\t\t}\n\t\t} else if (name === \"className\") {\n\t\t\tif (\"class\" in props \|\| typeof value !== \"string\") {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tattrs.push(`class=\"${escape(value)}\"`);\n\t\t} else if (name === \"class\") {\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tattrs.push(`class=\"${escape(value)}\"`);\n\t\t\t} else if (typeof value === \"object\" && value !== null) {\n\t\t\t\t// class={{\"foo bar\": true, \"baz\": false}} syntax\n\t\t\t\tconst classes = Object.keys(value)\n\t\t\t\t\t.filter((k) => value[k])\n\t\t\t\t\t.join(\" \");\n\t\t\t\tif (classes) {\n\t\t\t\t\tattrs.push(`class=\"${escape(classes)}\"`);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (name.startsWith(\"attr:\")) {\n\t\t\t\tname = name.slice(\"attr:\".length);\n\t\t\t}\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tattrs.push(`${escape(name)}=\"${escape(value)}\"`);\n\t\t\t} else if (typeof value === \"number\") {\n\t\t\t\tattrs.push(`${escape(name)}=\"${value}\"`);\n\t\t\t} else if (value === true) {\n\t\t\t\tattrs.push(`${escape(name)}`);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn attrs.join(\" \");\n}\n\n/*\n The equivalent of DOM Node for the HTML Renderer. Not to be confused with\n * the DOM's Text node. It's just an object with value string so that\n * we can reference the value of the HTML by reference, not value.\n \n TextNode is never actually\n */\ninterface TextNode {\n\tvalue?: string;\n}\n\nfunction join(children: Array<TextNode \| string>): string {\n\tlet result = \"\";\n\tfor (let i = 0; i < children.length; i++) {\n\t\tconst child = children[i];\n\t\tresult += typeof child === \"string\" ? child : child.value;\n\t}\n\n\treturn result;\n}\n\nexport const impl: Partial<\n\tRenderAdapter<TextNode, undefined, TextNode, string>\n> = {\n\tcreate(): TextNode {\n\t\treturn {value: \"\"};\n\t},\n\n\ttext({value}: {value: string}): TextNode {\n\t\treturn {value: escape(value)};\n\t},\n\n\tread(value: ElementValue<TextNode>): string {\n\t\tif (Array.isArray(value)) {\n\t\t\treturn join(value);\n\t\t} else if (typeof value === \"undefined\") {\n\t\t\treturn \"\";\n\t\t} else if (typeof value === \"string\") {\n\t\t\treturn value;\n\t\t} else {\n\t\t\treturn value.value \|\| \"\";\n\t\t}\n\t},\n\n\tarrange({\n\t\ttag,\n\t\ttagName,\n\t\tnode,\n\t\tprops,\n\t\tchildren,\n\t}: {\n\t\ttag: string \| symbol;\n\t\ttagName: string;\n\t\tnode: TextNode;\n\t\tprops: Record<string, any>;\n\t\tchildren: Array<TextNode \| string>;\n\t\troot: TextNode \| undefined;\n\t}): void {\n\t\tif (tag === Portal) {\n\t\t\treturn;\n\t\t} else if (typeof tag !== \"string\") {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t}\n\n\t\tconst attrs = printAttrs(props);\n\t\tconst open = `<${tag}${attrs.length ? \" \" : \"\"}${attrs}>`;\n\t\tlet result: string;\n\t\tif (voidTags.has(tag)) {\n\t\t\tresult = open;\n\t\t} else {\n\t\t\tconst close = `</${tag}>`;\n\t\t\tconst contents =\n\t\t\t\t\"innerHTML\" in props ? props[\"innerHTML\"] : join(children);\n\t\t\tresult = `${open}${contents}${close}`;\n\t\t}\n\n\t\tnode.value = result;\n\t},\n};\n\nexport class HTMLRenderer extends Renderer<TextNode, undefined, any, string> {\n\tconstructor() {\n\t\tsuper(impl);\n\t}\n}\n\nexport const renderer = new HTMLRenderer();\n\ndeclare global {\n\tmodule Crank {\n\t\tinterface EventMap extends GlobalEventHandlersEventMap {}\n\t}\n}\n"],"names":["camelToKebabCase","formatStyleValue","Portal","Renderer"],"mappings":";;;;;AAIA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC;IACxB,MAAM;IACN,MAAM;IACN,IAAI;IACJ,KAAK;IACL,SAAS;IACT,OAAO;IACP,IAAI;IACJ,KAAK;IACL,OAAO;IACP,QAAQ;IACR,MAAM;IACN,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACP,KAAK;AACL,CAAA,CAAC;AAEF,SAAS,MAAM,CAAC,IAAY,EAAA;IAC3B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,KAAK,KAAI;QACzC,QAAQ,KAAK;AACZ,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,OAAO;AACf,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,MAAM;AACd,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,MAAM;AACd,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,QAAQ;AAChB,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,QAAQ;AAChB,YAAA;AACC,gBAAA,OAAO,EAAE;;AAEZ,IAAA,CAAC,CAAC;AACH;AAEA,SAAS,gBAAgB,CAAC,KAA0B,EAAA;IACnD,MAAM,UAAU,GAAG,EAAE;AACrB,IAAA,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAClD,QAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AAClB,YAAA,MAAM,OAAO,GAAGA,qBAAgB,CAAC,IAAI,CAAC;YACtC,MAAM,QAAQ,GAAGC,qBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC;YACjD,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA,CAAG,CAAC;QAC3C;IACD;AAEA,IAAA,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;AAC3B;AAEA,SAAS,UAAU,CAAC,KAA0B,EAAA;IAC7C,MAAM,KAAK,GAAa,EAAE;AAC1B,IAAA,KAAK,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAChD,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YACrD;QACD;AAAO,aAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAC5B,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC9B,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,CAAC;YACvC;iBAAO,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;AACvD,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC;YACzD;QACD;AAAO,aAAA,IAAI,IAAI,KAAK,WAAW,EAAE;YAChC,IAAI,OAAO,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAClD;YACD;YAEA,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,CAAC;QACvC;AAAO,aAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAC5B,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC9B,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,CAAC;YACvC;iBAAO,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;;AAEvD,gBAAA,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK;qBAC/B,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;qBACtB,IAAI,CAAC,GAAG,CAAC;gBACX,IAAI,OAAO,EAAE;oBACZ,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG,CAAC;gBACzC;YACD;QACD;aAAO;AACN,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;gBAC7B,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAClC;AACA,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC9B,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAA,EAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAA,EAAK,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,CAAC;YACjD;AAAO,iBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACrC,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAA,EAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA,CAAG,CAAC;YACzC;AAAO,iBAAA,IAAI,KAAK,KAAK,IAAI,EAAE;gBAC1B,KAAK,CAAC,IAAI,CAAC,CAAA,EAAG,MAAM,CAAC,IAAI,CAAC,CAAA,CAAE,CAAC;YAC9B;QACD;IACD;AAEA,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;AACvB;AAaA,SAAS,IAAI,CAAC,QAAkC,EAAA;IAC/C,IAAI,MAAM,GAAG,EAAE;AACf,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACzC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;AACzB,QAAA,MAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK;IAC1D;AAEA,IAAA,OAAO,MAAM;AACd;AAEO,MAAM,IAAI,GAEb;IACH,MAAM,GAAA;AACL,QAAA,OAAO,EAAC,KAAK,EAAE,EAAE,EAAC;IACnB,CAAC;IAED,IAAI,CAAC,EAAC,KAAK,EAAkB,EAAA;QAC5B,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAC;IAC9B,CAAC;AAED,IAAA,IAAI,CAAC,KAA6B,EAAA;AACjC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACzB,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC;QACnB;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;AACxC,YAAA,OAAO,EAAE;QACV;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACrC,YAAA,OAAO,KAAK;QACb;aAAO;AACN,YAAA,OAAO,KAAK,CAAC,KAAK,IAAI,EAAE;QACzB;IACD,CAAC;IAED,OAAO,CAAC,EACP,GAAG,EACH,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,GAQR,EAAA;AACA,QAAA,IAAI,GAAG,KAAKC,YAAM,EAAE;YACnB;QACD;AAAO,aAAA,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AACnC,YAAA,MAAM,IAAI,KAAK,CAAC,gBAAgB,OAAO,CAAA,CAAE,CAAC;QAC3C;AAEA,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;AAC/B,QAAA,MAAM,IAAI,GAAG,CAAA,CAAA,EAAI,GAAG,CAAA,EAAG,KAAK,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,CAAA,EAAG,KAAK,GAAG;AACzD,QAAA,IAAI,MAAc;AAClB,QAAA,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACtB,MAAM,GAAG,IAAI;QACd;aAAO;AACN,YAAA,MAAM,KAAK,GAAG,CAAA,EAAA,EAAK,GAAG,GAAG;AACzB,YAAA,MAAM,QAAQ,GACb,WAAW,IAAI,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC3D,MAAM,GAAG,GAAG,IAAI,CAAA,EAAG,QAAQ,CAAA,EAAG,KAAK,EAAE;QACtC;AAEA,QAAA,IAAI,CAAC,KAAK,GAAG,MAAM;IACpB,CAAC;;AAGI,MAAO,YAAa,SAAQC,cAA0C,CAAA;AAC3E,IAAA,WAAA,GAAA;QACC,KAAK,CAAC,IAAI,CAAC;IACZ;AACA;AAEM,MAAM,QAAQ,GAAG,IAAI,YAAY;;;;;;"}
1	+ {"version":3,"file":"html.cjs","sources":["../src/html.ts"],"sourcesContent":["import {Portal, Renderer} from \"./crank.js\";\nimport type {ElementValue, RenderAdapter} from \"./crank.js\";\nimport {camelToKebabCase, formatStyleValue} from \"./_css.js\";\nimport {REACT_SVG_PROPS} from \"./_svg.js\";\n\nconst voidTags = new Set([\n\t\"area\",\n\t\"base\",\n\t\"br\",\n\t\"col\",\n\t\"command\",\n\t\"embed\",\n\t\"hr\",\n\t\"img\",\n\t\"input\",\n\t\"keygen\",\n\t\"link\",\n\t\"meta\",\n\t\"param\",\n\t\"source\",\n\t\"track\",\n\t\"wbr\",\n]);\n\nfunction escape(text: string): string {\n\treturn text.replace(/[&<>\"']/g, (match) => {\n\t\tswitch (match) {\n\t\t\tcase \"&\":\n\t\t\t\treturn \"&\";\n\t\t\tcase \"<\":\n\t\t\t\treturn \"<\";\n\t\t\tcase \">\":\n\t\t\t\treturn \">\";\n\t\t\tcase '\"':\n\t\t\t\treturn \""\";\n\t\t\tcase \"'\":\n\t\t\t\treturn \"'\";\n\t\t\tdefault:\n\t\t\t\treturn \"\";\n\t\t}\n\t});\n}\n\nfunction printStyleObject(style: Record<string, any>): string {\n\tconst cssStrings = [];\n\tfor (const [name, value] of Object.entries(style)) {\n\t\tif (value != null) {\n\t\t\tconst cssName = camelToKebabCase(name);\n\t\t\tconst cssValue = formatStyleValue(cssName, value);\n\t\t\tcssStrings.push(`${cssName}:${cssValue};`);\n\t\t}\n\t}\n\n\treturn cssStrings.join(\"\");\n}\n\nfunction printAttrs(props: Record<string, any>, isSVG?: boolean): string {\n\tconst attrs: string[] = [];\n\tfor (let [name, value] of Object.entries(props)) {\n\t\tif (\n\t\t\tname === \"innerHTML\" \|\|\n\t\t\tname === \"dangerouslySetInnerHTML\" \|\|\n\t\t\tname.startsWith(\"prop:\")\n\t\t) {\n\t\t\tcontinue;\n\t\t} else if (name === \"htmlFor\") {\n\t\t\tif (\"for\" in props \|\| value == null \|\| value === false) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tattrs.push(`for=\"${escape(String(value === true ? \"\" : value))}\"`);\n\t\t} else if (name === \"style\") {\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tattrs.push(`style=\"${escape(value)}\"`);\n\t\t\t} else if (typeof value === \"object\" && value !== null) {\n\t\t\t\tattrs.push(`style=\"${escape(printStyleObject(value))}\"`);\n\t\t\t}\n\t\t} else if (name === \"className\") {\n\t\t\tif (\"class\" in props \|\| typeof value !== \"string\") {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tattrs.push(`class=\"${escape(value)}\"`);\n\t\t} else if (name === \"class\") {\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tattrs.push(`class=\"${escape(value)}\"`);\n\t\t\t} else if (typeof value === \"object\" && value !== null) {\n\t\t\t\t// class={{\"foo bar\": true, \"baz\": false}} syntax\n\t\t\t\tconst classes = Object.keys(value)\n\t\t\t\t\t.filter((k) => value[k])\n\t\t\t\t\t.join(\" \");\n\t\t\t\tif (classes) {\n\t\t\t\t\tattrs.push(`class=\"${escape(classes)}\"`);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (name.startsWith(\"attr:\")) {\n\t\t\t\tname = name.slice(\"attr:\".length);\n\t\t\t} else if (isSVG && name in REACT_SVG_PROPS) {\n\t\t\t\tname = REACT_SVG_PROPS[name];\n\t\t\t}\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tattrs.push(`${escape(name)}=\"${escape(value)}\"`);\n\t\t\t} else if (typeof value === \"number\") {\n\t\t\t\tattrs.push(`${escape(name)}=\"${value}\"`);\n\t\t\t} else if (value === true) {\n\t\t\t\tattrs.push(`${escape(name)}`);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn attrs.join(\" \");\n}\n\n/*\n The equivalent of DOM Node for the HTML Renderer. Not to be confused with\n * the DOM's Text node. It's just an object with value string so that\n * we can reference the value of the HTML by reference, not value.\n \n TextNode is never actually\n */\ninterface TextNode {\n\tvalue?: string;\n}\n\nfunction join(children: Array<TextNode \| string>): string {\n\tlet result = \"\";\n\tfor (let i = 0; i < children.length; i++) {\n\t\tconst child = children[i];\n\t\tresult += typeof child === \"string\" ? child : child.value;\n\t}\n\n\treturn result;\n}\n\nexport const impl: Partial<RenderAdapter<TextNode, string, TextNode, string>> =\n\t{\n\t\tscope({\n\t\t\tscope,\n\t\t\ttag,\n\t\t}: {\n\t\t\tscope: string \| undefined;\n\t\t\ttag: string \| symbol;\n\t\t\tprops: Record<string, any>;\n\t\t\troot: TextNode \| undefined;\n\t\t}): string \| undefined {\n\t\t\tif (tag === Portal) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\n\t\t\tswitch (tag) {\n\t\t\t\tcase \"svg\":\n\t\t\t\t\treturn \"svg\";\n\t\t\t\tcase \"math\":\n\t\t\t\t\treturn \"math\";\n\t\t\t\tcase \"foreignObject\":\n\t\t\t\t\treturn undefined;\n\t\t\t}\n\n\t\t\treturn scope;\n\t\t},\n\n\t\tcreate(): TextNode {\n\t\t\treturn {value: \"\"};\n\t\t},\n\n\t\ttext({value}: {value: string}): TextNode {\n\t\t\treturn {value: escape(value)};\n\t\t},\n\n\t\tread(value: ElementValue<TextNode>): string {\n\t\t\tif (Array.isArray(value)) {\n\t\t\t\treturn join(value);\n\t\t\t} else if (typeof value === \"undefined\") {\n\t\t\t\treturn \"\";\n\t\t\t} else if (typeof value === \"string\") {\n\t\t\t\treturn value;\n\t\t\t} else {\n\t\t\t\treturn value.value \|\| \"\";\n\t\t\t}\n\t\t},\n\n\t\tarrange({\n\t\t\ttag,\n\t\t\ttagName,\n\t\t\tnode,\n\t\t\tprops,\n\t\t\tchildren,\n\t\t\tscope,\n\t\t}: {\n\t\t\ttag: string \| symbol;\n\t\t\ttagName: string;\n\t\t\tnode: TextNode;\n\t\t\tprops: Record<string, any>;\n\t\t\tchildren: Array<TextNode \| string>;\n\t\t\tscope: string \| undefined;\n\t\t\troot: TextNode \| undefined;\n\t\t}): void {\n\t\t\tif (tag === Portal) {\n\t\t\t\treturn;\n\t\t\t} else if (typeof tag !== \"string\") {\n\t\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t\t}\n\n\t\t\tconst attrs = printAttrs(\n\t\t\t\tprops,\n\t\t\t\tscope === \"svg\" \|\| tag === \"foreignObject\",\n\t\t\t);\n\t\t\tconst open = `<${tag}${attrs.length ? \" \" : \"\"}${attrs}>`;\n\t\t\tlet result: string;\n\t\t\tif (voidTags.has(tag)) {\n\t\t\t\tresult = open;\n\t\t\t} else {\n\t\t\t\tconst close = `</${tag}>`;\n\t\t\t\tconst contents =\n\t\t\t\t\t\"innerHTML\" in props\n\t\t\t\t\t\t? props[\"innerHTML\"]\n\t\t\t\t\t\t: \"dangerouslySetInnerHTML\" in props\n\t\t\t\t\t\t\t? (props[\"dangerouslySetInnerHTML\"]?.__html ?? \"\")\n\t\t\t\t\t\t\t: join(children);\n\t\t\t\tresult = `${open}${contents}${close}`;\n\t\t\t}\n\n\t\t\tnode.value = result;\n\t\t},\n\t};\n\nexport class HTMLRenderer extends Renderer<TextNode, string, any, string> {\n\tconstructor() {\n\t\tsuper(impl);\n\t}\n}\n\nexport const renderer = new HTMLRenderer();\n\ndeclare global {\n\tmodule Crank {\n\t\tinterface EventMap extends GlobalEventHandlersEventMap {}\n\t}\n}\n"],"names":["camelToKebabCase","formatStyleValue","REACT_SVG_PROPS","Portal","Renderer"],"mappings":";;;;;;AAKA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC;IACxB,MAAM;IACN,MAAM;IACN,IAAI;IACJ,KAAK;IACL,SAAS;IACT,OAAO;IACP,IAAI;IACJ,KAAK;IACL,OAAO;IACP,QAAQ;IACR,MAAM;IACN,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACP,KAAK;AACL,CAAA,CAAC;AAEF,SAAS,MAAM,CAAC,IAAY,EAAA;IAC3B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,KAAK,KAAI;QACzC,QAAQ,KAAK;AACZ,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,OAAO;AACf,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,MAAM;AACd,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,MAAM;AACd,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,QAAQ;AAChB,YAAA,KAAK,GAAG;AACP,gBAAA,OAAO,QAAQ;AAChB,YAAA;AACC,gBAAA,OAAO,EAAE;;AAEZ,IAAA,CAAC,CAAC;AACH;AAEA,SAAS,gBAAgB,CAAC,KAA0B,EAAA;IACnD,MAAM,UAAU,GAAG,EAAE;AACrB,IAAA,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAClD,QAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AAClB,YAAA,MAAM,OAAO,GAAGA,qBAAgB,CAAC,IAAI,CAAC;YACtC,MAAM,QAAQ,GAAGC,qBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC;YACjD,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA,CAAG,CAAC;QAC3C;IACD;AAEA,IAAA,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;AAC3B;AAEA,SAAS,UAAU,CAAC,KAA0B,EAAE,KAAe,EAAA;IAC9D,MAAM,KAAK,GAAa,EAAE;AAC1B,IAAA,KAAK,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAChD,IACC,IAAI,KAAK,WAAW;AACpB,YAAA,IAAI,KAAK,yBAAyB;AAClC,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EACvB;YACD;QACD;AAAO,aAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AAC9B,YAAA,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,EAAE;gBACvD;YACD;YAEA,KAAK,CAAC,IAAI,CAAC,CAAA,KAAA,EAAQ,MAAM,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC;QACnE;AAAO,aAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAC5B,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC9B,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,CAAC;YACvC;iBAAO,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;AACvD,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC;YACzD;QACD;AAAO,aAAA,IAAI,IAAI,KAAK,WAAW,EAAE;YAChC,IAAI,OAAO,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAClD;YACD;YAEA,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,CAAC;QACvC;AAAO,aAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAC5B,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC9B,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,CAAC;YACvC;iBAAO,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;;AAEvD,gBAAA,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK;qBAC/B,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;qBACtB,IAAI,CAAC,GAAG,CAAC;gBACX,IAAI,OAAO,EAAE;oBACZ,KAAK,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG,CAAC;gBACzC;YACD;QACD;aAAO;AACN,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;gBAC7B,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAClC;AAAO,iBAAA,IAAI,KAAK,IAAI,IAAI,IAAIC,oBAAe,EAAE;AAC5C,gBAAA,IAAI,GAAGA,oBAAe,CAAC,IAAI,CAAC;YAC7B;AACA,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC9B,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAA,EAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAA,EAAK,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,CAAC;YACjD;AAAO,iBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACrC,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAA,EAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA,CAAG,CAAC;YACzC;AAAO,iBAAA,IAAI,KAAK,KAAK,IAAI,EAAE;gBAC1B,KAAK,CAAC,IAAI,CAAC,CAAA,EAAG,MAAM,CAAC,IAAI,CAAC,CAAA,CAAE,CAAC;YAC9B;QACD;IACD;AAEA,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;AACvB;AAaA,SAAS,IAAI,CAAC,QAAkC,EAAA;IAC/C,IAAI,MAAM,GAAG,EAAE;AACf,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACzC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;AACzB,QAAA,MAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK;IAC1D;AAEA,IAAA,OAAO,MAAM;AACd;AAEO,MAAM,IAAI,GAChB;AACC,IAAA,KAAK,CAAC,EACL,KAAK,EACL,GAAG,GAMH,EAAA;AACA,QAAA,IAAI,GAAG,KAAKC,YAAM,EAAE;AACnB,YAAA,OAAO,SAAS;QACjB;QAEA,QAAQ,GAAG;AACV,YAAA,KAAK,KAAK;AACT,gBAAA,OAAO,KAAK;AACb,YAAA,KAAK,MAAM;AACV,gBAAA,OAAO,MAAM;AACd,YAAA,KAAK,eAAe;AACnB,gBAAA,OAAO,SAAS;;AAGlB,QAAA,OAAO,KAAK;IACb,CAAC;IAED,MAAM,GAAA;AACL,QAAA,OAAO,EAAC,KAAK,EAAE,EAAE,EAAC;IACnB,CAAC;IAED,IAAI,CAAC,EAAC,KAAK,EAAkB,EAAA;QAC5B,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAC;IAC9B,CAAC;AAED,IAAA,IAAI,CAAC,KAA6B,EAAA;AACjC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACzB,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC;QACnB;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;AACxC,YAAA,OAAO,EAAE;QACV;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACrC,YAAA,OAAO,KAAK;QACb;aAAO;AACN,YAAA,OAAO,KAAK,CAAC,KAAK,IAAI,EAAE;QACzB;IACD,CAAC;AAED,IAAA,OAAO,CAAC,EACP,GAAG,EACH,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,GASL,EAAA;AACA,QAAA,IAAI,GAAG,KAAKA,YAAM,EAAE;YACnB;QACD;AAAO,aAAA,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AACnC,YAAA,MAAM,IAAI,KAAK,CAAC,gBAAgB,OAAO,CAAA,CAAE,CAAC;QAC3C;AAEA,QAAA,MAAM,KAAK,GAAG,UAAU,CACvB,KAAK,EACL,KAAK,KAAK,KAAK,IAAI,GAAG,KAAK,eAAe,CAC1C;AACD,QAAA,MAAM,IAAI,GAAG,CAAA,CAAA,EAAI,GAAG,CAAA,EAAG,KAAK,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,CAAA,EAAG,KAAK,GAAG;AACzD,QAAA,IAAI,MAAc;AAClB,QAAA,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACtB,MAAM,GAAG,IAAI;QACd;aAAO;AACN,YAAA,MAAM,KAAK,GAAG,CAAA,EAAA,EAAK,GAAG,GAAG;AACzB,YAAA,MAAM,QAAQ,GACb,WAAW,IAAI;AACd,kBAAE,KAAK,CAAC,WAAW;kBACjB,yBAAyB,IAAI;uBAC3B,KAAK,CAAC,yBAAyB,CAAC,EAAE,MAAM,IAAI,EAAE;AACjD,sBAAE,IAAI,CAAC,QAAQ,CAAC;YACnB,MAAM,GAAG,GAAG,IAAI,CAAA,EAAG,QAAQ,CAAA,EAAG,KAAK,EAAE;QACtC;AAEA,QAAA,IAAI,CAAC,KAAK,GAAG,MAAM;IACpB,CAAC;;AAGG,MAAO,YAAa,SAAQC,cAAuC,CAAA;AACxE,IAAA,WAAA,GAAA;QACC,KAAK,CAAC,IAAI,CAAC;IACZ;AACA;AAEM,MAAM,QAAQ,GAAG,IAAI,YAAY;;;;;;"}

package/html.d.ts CHANGED Viewed

@@ -10,8 +10,8 @@ import type { RenderAdapter } from "./crank.js";
 interface TextNode {
     value?: string;
 }
-export declare const impl: Partial<RenderAdapter<TextNode, undefined, TextNode, string>>;
-export declare class HTMLRenderer extends Renderer<TextNode, undefined, any, string> {
+export declare const impl: Partial<RenderAdapter<TextNode, string, TextNode, string>>;
+export declare class HTMLRenderer extends Renderer<TextNode, string, any, string> {
     constructor();
 }
 export declare const renderer: HTMLRenderer;