@fictjs/runtime 0.10.0 → 0.11.0

package/dist/{chunk-R6FINS25.js → chunk-WIHNVN6L.js}

@@ -40,7 +40,7 @@ import {
   setTransitionContext,
   signal,
   untrack
-} from "./chunk-F4RVNXOL.js";
+} from "./chunk-DIK33H5U.js";
 
 // src/transition.ts
 function startTransition(fn) {
@@ -129,7 +129,7 @@ function untrack2(fn) {
 var Fragment = Symbol("Fragment");
 
 // src/node-ops.ts
-function toNodeArray(node) {
+function toNodeArray(node, ownerDocument = document) {
   try {
     if (Array.isArray(node)) {
       let allNodes = true;
@@ -150,7 +150,7 @@ function toNodeArray(node) {
       }
       const result = [];
       for (const item of node) {
-        result.push(...toNodeArray(item));
+        result.push(...toNodeArray(item, ownerDocument));
       }
       return result;
     }
@@ -177,14 +177,14 @@ function toNodeArray(node) {
   }
   try {
     if (typeof node === "object" && node !== null && "marker" in node) {
-      return toNodeArray(node.marker);
+      return toNodeArray(node.marker, ownerDocument);
     }
   } catch {
   }
   try {
-    return [document.createTextNode(String(node))];
+    return [ownerDocument.createTextNode(String(node))];
   } catch {
-    return [document.createTextNode("")];
+    return [ownerDocument.createTextNode("")];
   }
 }
 function insertNodesBefore(parent, nodes, anchor) {
@@ -492,8 +492,9 @@ function callEventHandler(handler, event, node, data) {
   };
   invoke(handler);
 }
-function createTextBinding(value) {
-  const text = document.createTextNode("");
+function createTextBinding(value, owner) {
+  const textOwnerDocument = owner && "nodeType" in owner ? owner.nodeType === 9 ? owner : owner.ownerDocument ?? document : document;
+  const text = textOwnerDocument.createTextNode("");
   if (isReactive(value)) {
     createRenderEffect(() => {
       setText(text, value());
@@ -708,6 +709,7 @@ function classList(node, value, prev = {}) {
 }
 function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   const hostRoot = getCurrentRoot();
+  const parentOwnerDocument = parent.ownerDocument ?? document;
   let marker;
   let ownsMarker = false;
   let createFn = createElementFn;
@@ -715,11 +717,12 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     marker = markerOrCreateElement;
     createFn = createElementFn;
   } else {
-    marker = document.createComment("fict:insert");
+    marker = parentOwnerDocument.createComment("fict:insert");
     parent.appendChild(marker);
     createFn = markerOrCreateElement;
     ownsMarker = true;
   }
+  const markerOwnerDocument = marker.ownerDocument ?? parentOwnerDocument;
   let currentNodes = [];
   let currentText = null;
   let currentRoot = null;
@@ -731,7 +734,7 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   };
   const setTextNode = (textValue, shouldInsert, parentNode) => {
     if (!currentText) {
-      currentText = document.createTextNode(textValue);
+      currentText = (parentNode.ownerDocument ?? markerOwnerDocument).createTextNode(textValue);
     } else if (currentText.data !== textValue) {
       currentText.data = textValue;
     }
@@ -775,6 +778,7 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     let handledError = false;
     try {
       let newNode;
+      const ownerDocument = parentNode?.ownerDocument ?? markerOwnerDocument;
       if (value instanceof Node) {
         newNode = value;
       } else if (Array.isArray(value)) {
@@ -784,17 +788,17 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
           if (createFn) {
             const mapped = [];
             for (const item of value) {
-              mapped.push(...toNodeArray(createFn(item)));
+              mapped.push(...toNodeArray(createFn(item), ownerDocument));
             }
             newNode = mapped;
           } else {
-            newNode = document.createTextNode(String(value));
+            newNode = ownerDocument.createTextNode(String(value));
           }
         }
       } else {
-        newNode = createFn ? createFn(value) : document.createTextNode(String(value));
+        newNode = createFn ? createFn(value) : ownerDocument.createTextNode(String(value));
       }
-      nodes = toNodeArray(newNode);
+      nodes = toNodeArray(newNode, ownerDocument);
       if (root.suspended) {
         handledError = true;
         destroyRoot(root);
@@ -838,6 +842,7 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
 }
 function insertBetween(start, end, getValue, createElementFn) {
   const hostRoot = getCurrentRoot();
+  const markerOwnerDocument = start.ownerDocument ?? end.ownerDocument ?? document;
   let currentNodes = [];
   let currentText = null;
   let currentRoot = null;
@@ -858,8 +863,9 @@ function insertBetween(start, end, getValue, createElementFn) {
     }
   };
   const setTextNode = (textValue, shouldInsert) => {
+    const parentNode = start.parentNode;
     if (!currentText) {
-      currentText = document.createTextNode(textValue);
+      currentText = (parentNode?.ownerDocument ?? markerOwnerDocument).createTextNode(textValue);
     } else if (currentText.data !== textValue) {
       currentText.data = textValue;
     }
@@ -871,7 +877,6 @@ function insertBetween(start, end, getValue, createElementFn) {
       return;
     }
     clearCurrentNodes();
-    const parentNode = start.parentNode;
     if (parentNode) {
       insertNodesBefore(parentNode, [currentText], end);
       currentNodes = [currentText];
@@ -915,6 +920,7 @@ function insertBetween(start, end, getValue, createElementFn) {
     let handledError = false;
     try {
       let newNode = void 0;
+      const ownerDocument = parentNode?.ownerDocument ?? markerOwnerDocument;
       const createValue = () => {
         if (value instanceof Node) {
           return value;
@@ -926,22 +932,27 @@ function insertBetween(start, end, getValue, createElementFn) {
           if (createElementFn) {
             const mapped = [];
             for (const item of value) {
-              mapped.push(...toNodeArray(createElementFn(item)));
+              mapped.push(...toNodeArray(createElementFn(item), ownerDocument));
             }
             return mapped;
           }
-          return document.createTextNode(String(value));
+          return ownerDocument.createTextNode(String(value));
         }
-        return createElementFn ? createElementFn(value) : document.createTextNode(String(value));
+        return createElementFn ? createElementFn(value) : ownerDocument.createTextNode(String(value));
       };
       if (initialHydrating && isHydratingActive() && parentNode) {
-        withHydrationRange(start.nextSibling, end, parentNode.ownerDocument ?? document, () => {
-          newNode = createValue();
-        });
+        withHydrationRange(
+          start.nextSibling,
+          end,
+          parentNode.ownerDocument ?? markerOwnerDocument,
+          () => {
+            newNode = createValue();
+          }
+        );
       } else {
         newNode = createValue();
       }
-      nodes = toNodeArray(newNode);
+      nodes = toNodeArray(newNode, ownerDocument);
       if (root.suspended) {
         handledError = true;
         destroyRoot(root);
@@ -982,7 +993,7 @@ function insertBetween(start, end, getValue, createElementFn) {
   };
 }
 function createChildBinding(parent, getValue, createElementFn) {
-  const marker = document.createComment("fict:child");
+  const marker = (parent.ownerDocument ?? document).createComment("fict:child");
   parent.appendChild(marker);
   const hostRoot = getCurrentRoot();
   const dispose = createRenderEffect(() => {
@@ -996,7 +1007,7 @@ function createChildBinding(parent, getValue, createElementFn) {
         return;
       }
       const output = createElementFn(value);
-      nodes = toNodeArray(output);
+      nodes = toNodeArray(output, marker.ownerDocument ?? parent.ownerDocument ?? document);
       const parentNode = marker.parentNode;
       if (parentNode) {
         insertNodesBefore(parentNode, nodes, marker);
@@ -1114,7 +1125,7 @@ function globalEventHandler(e) {
   Object.defineProperty(e, "currentTarget", {
     configurable: true,
     get() {
-      return node || document;
+      return node || oriCurrentTarget || asNode(oriTarget)?.ownerDocument || document;
     }
   });
   if (e.composedPath) {
@@ -1381,15 +1392,16 @@ function toPropertyName(name) {
 }
 function createConditional(condition, renderTrue, createElementFn, renderFalse, startOverride, endOverride, options) {
   const trackBranchReads = options?.trackBranchReads === true;
+  const hostRoot = getCurrentRoot();
   const useProvided = !!(startOverride && endOverride);
-  const startMarker = useProvided ? startOverride : document.createComment("fict:cond:start");
-  const endMarker = useProvided ? endOverride : document.createComment("fict:cond:end");
-  const fragment = useProvided ? startMarker : document.createDocumentFragment();
+  const markerOwnerDocument = startOverride?.ownerDocument ?? endOverride?.ownerDocument ?? hostRoot?.ownerDocument ?? document;
+  const startMarker = useProvided ? startOverride : markerOwnerDocument.createComment("fict:cond:start");
+  const endMarker = useProvided ? endOverride : markerOwnerDocument.createComment("fict:cond:end");
+  const fragment = useProvided ? startMarker : markerOwnerDocument.createDocumentFragment();
   if (!useProvided) {
     ;
     fragment.append(startMarker, endMarker);
   }
-  const hostRoot = getCurrentRoot();
   let currentNodes = [];
   let currentRoot = null;
   let lastCondition = void 0;
@@ -1428,7 +1440,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         withHydrationRange(
           startMarker.nextSibling,
           endMarker,
-          parent.ownerDocument ?? document,
+          parent.ownerDocument ?? markerOwnerDocument,
           () => {
             const output = trackBranchReads ? render3() : untrack(render3);
             if (output == null || output === false) {
@@ -1527,7 +1539,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
           return;
         }
         const el = createElementFn(scratchOutput);
-        const nodes = toNodeArray(el);
+        const nodes = toNodeArray(el, parent.ownerDocument ?? markerOwnerDocument);
         insertNodesBefore(parent, nodes, endMarker);
         currentNodes = nodes;
       } catch (err) {
@@ -1573,7 +1585,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         return;
       }
       const el = createElementFn(output);
-      const nodes = toNodeArray(el);
+      const nodes = toNodeArray(el, parent.ownerDocument ?? markerOwnerDocument);
       insertNodesBefore(parent, nodes, endMarker);
       currentNodes = nodes;
     } catch (err) {
@@ -1626,7 +1638,8 @@ function createShow(el, condition, displayValue) {
 }
 function createPortal(container, render2, createElementFn) {
   const parentRoot = getCurrentRoot();
-  const marker = document.createComment("fict:portal");
+  const markerOwnerDocument = container.ownerDocument ?? document;
+  const marker = markerOwnerDocument.createComment("fict:portal");
   container.appendChild(marker);
   let currentNodes = [];
   let currentRoot = null;
@@ -1640,13 +1653,14 @@ function createPortal(container, render2, createElementFn) {
       currentNodes = [];
     }
     const root = createRootContext(parentRoot);
+    root.ownerDocument = container.ownerDocument ?? parentRoot?.ownerDocument ?? document;
     const prev = pushRoot(root);
     let handledError = false;
     try {
       const output = render2();
       if (output != null && output !== false) {
         const el = createElementFn(output);
-        const nodes = toNodeArray(el);
+        const nodes = toNodeArray(el, markerOwnerDocument);
         if (marker.parentNode) {
           insertNodesBefore(marker.parentNode, nodes, marker);
         }
@@ -2028,6 +2042,7 @@ function annotateComponentElements(elements, componentId, componentName) {
 }
 function render(view, container) {
   const root = createRootContext();
+  root.ownerDocument = container.ownerDocument ?? document;
   const prev = pushRoot(root);
   let dom = void 0;
   try {
@@ -2055,6 +2070,7 @@ function render(view, container) {
 }
 function hydrateComponent(view, container) {
   const root = createRootContext();
+  root.ownerDocument = container.ownerDocument ?? document;
   const prev = pushRoot(root);
   __fictEnterHydration();
   try {
@@ -2073,7 +2089,7 @@ function hydrateComponent(view, container) {
   return teardown;
 }
 function createElement(node) {
-  return createElementWithContext(node, null);
+  return createElementWithContext(node, null, resolveOwnerDocument());
 }
 function resolveNamespace(tagName, namespace) {
   if (tagName === "svg") return "svg";
@@ -2083,22 +2099,25 @@ function resolveNamespace(tagName, namespace) {
   if (isDev2 && SVGElements.has(tagName)) return "svg";
   return null;
 }
-function createElementWithContext(node, namespace) {
+function resolveOwnerDocument(ownerDocument) {
+  return ownerDocument ?? getCurrentRoot()?.ownerDocument ?? document;
+}
+function createElementWithContext(node, namespace, ownerDocument) {
   if (node instanceof Node) {
     return node;
   }
   if (node === null || node === void 0 || node === false) {
-    return document.createTextNode("");
+    return ownerDocument.createTextNode("");
   }
   if (isReactive(node)) {
     const resolved = node();
     if (resolved === node) {
-      return document.createTextNode("");
+      return ownerDocument.createTextNode("");
     }
-    return createElementWithContext(resolved, namespace);
+    return createElementWithContext(resolved, namespace, ownerDocument);
   }
   if (typeof node === "function") {
-    return document.createTextNode("");
+    return ownerDocument.createTextNode("");
   }
   if (typeof node === "object" && node !== null && !(node instanceof Node)) {
     if ("marker" in node) {
@@ -2114,21 +2133,21 @@ function createElementWithContext(node, namespace) {
           Promise.resolve().then(runFlush).catch(() => void 0);
         }
       }
-      return createElement(handle.marker);
+      return createElementWithContext(handle.marker, namespace, ownerDocument);
     }
   }
   if (Array.isArray(node)) {
-    const frag = document.createDocumentFragment();
+    const frag = ownerDocument.createDocumentFragment();
     for (const child of node) {
-      appendChildNode(frag, child, namespace);
+      appendChildNode(frag, child, namespace, ownerDocument);
     }
     return frag;
   }
   if (typeof node === "string" || typeof node === "number") {
-    return document.createTextNode(String(node));
+    return ownerDocument.createTextNode(String(node));
   }
   if (typeof node === "boolean") {
-    return document.createTextNode("");
+    return ownerDocument.createTextNode("");
   }
   const vnode = node;
   if (typeof vnode.type === "function") {
@@ -2182,8 +2201,8 @@ function createElementWithContext(node, namespace) {
         onCleanup(() => hook.componentUnmount?.(componentId));
       }
       if (__fictIsResumable() && !__fictIsHydrating()) {
-        const content = createElementWithContext(rendered, namespace);
-        const host = namespace === "svg" ? document.createElementNS(SVG_NS, "fict-host") : namespace === "mathml" ? document.createElementNS(MATHML_NS, "fict-host") : document.createElement("fict-host");
+        const content = createElementWithContext(rendered, namespace, ownerDocument);
+        const host = namespace === "svg" ? ownerDocument.createElementNS(SVG_NS, "fict-host") : namespace === "mathml" ? ownerDocument.createElementNS(MATHML_NS, "fict-host") : ownerDocument.createElement("fict-host");
         host.setAttribute("data-fict-host", "");
         if (namespace === null && host.style) {
           ;
@@ -2206,7 +2225,7 @@ function createElementWithContext(node, namespace) {
         }
         return host;
       }
-      const componentRoot = createElementWithContext(rendered, namespace);
+      const componentRoot = createElementWithContext(rendered, namespace, ownerDocument);
       if (hook && componentId !== void 0) {
         mountElements = collectComponentMountElements(componentRoot);
         annotateComponentElements(mountElements, componentId, componentName);
@@ -2214,7 +2233,7 @@ function createElementWithContext(node, namespace) {
       return componentRoot;
     } catch (err) {
       if (handleSuspend(err)) {
-        return document.createComment("fict:suspend");
+        return ownerDocument.createComment("fict:suspend");
       }
       handleError(err, { source: "render", componentName: vnode.type.name });
       throw err;
@@ -2223,26 +2242,27 @@ function createElementWithContext(node, namespace) {
     }
   }
   if (vnode.type === Fragment) {
-    const frag = document.createDocumentFragment();
+    const frag = ownerDocument.createDocumentFragment();
     const children = vnode.props?.children;
-    appendChildren(frag, children, namespace);
+    appendChildren(frag, children, namespace, ownerDocument);
     return frag;
   }
   const tagName = typeof vnode.type === "string" ? vnode.type : "div";
   const resolvedNamespace = resolveNamespace(tagName, namespace);
-  const el = resolvedNamespace === "svg" ? document.createElementNS(SVG_NS, tagName) : resolvedNamespace === "mathml" ? document.createElementNS(MATHML_NS, tagName) : document.createElement(tagName);
+  const el = resolvedNamespace === "svg" ? ownerDocument.createElementNS(SVG_NS, tagName) : resolvedNamespace === "mathml" ? ownerDocument.createElementNS(MATHML_NS, tagName) : ownerDocument.createElement(tagName);
   applyProps(el, vnode.props ?? {}, resolvedNamespace === "svg");
   appendChildren(
     el,
     vnode.props?.children,
-    tagName === "foreignObject" ? null : resolvedNamespace
+    tagName === "foreignObject" ? null : resolvedNamespace,
+    ownerDocument
   );
   return el;
 }
 function template(html, isImportNode, isSVG, isMathML) {
-  let node = null;
-  const create = () => {
-    const t = document.createElement("template");
+  const nodeByDocument = /* @__PURE__ */ new WeakMap();
+  const create = (ownerDocument) => {
+    const t = ownerDocument.createElement("template");
     if (isSVG) {
       t.innerHTML = `<svg>${html}</svg>`;
       const wrapper = t.content.firstChild;
@@ -2254,7 +2274,7 @@ function template(html, isImportNode, isSVG, isMathML) {
       if (wrapper.childNodes.length === 1) {
         return wrapper.firstChild;
       }
-      const fragment = document.createDocumentFragment();
+      const fragment = ownerDocument.createDocumentFragment();
       fragment.append(...Array.from(wrapper.childNodes));
       return fragment;
     }
@@ -2269,7 +2289,7 @@ function template(html, isImportNode, isSVG, isMathML) {
       if (wrapper.childNodes.length === 1) {
         return wrapper.firstChild;
       }
-      const fragment = document.createDocumentFragment();
+      const fragment = ownerDocument.createDocumentFragment();
       fragment.append(...Array.from(wrapper.childNodes));
       return fragment;
     }
@@ -2285,11 +2305,19 @@ function template(html, isImportNode, isSVG, isMathML) {
     }
     return content;
   };
+  const getBase = (ownerDocument) => {
+    const cached = nodeByDocument.get(ownerDocument);
+    if (cached) return cached;
+    const created = create(ownerDocument);
+    nodeByDocument.set(ownerDocument, created);
+    return created;
+  };
   const fn = isImportNode ? () => untrack2(() => {
-    const base = node || (node = create());
-    return isHydratingActive() ? claimNodes(base, () => document.importNode(base, true)) : document.importNode(base, true);
+    const ownerDocument = resolveOwnerDocument();
+    const base = getBase(ownerDocument);
+    return isHydratingActive() ? claimNodes(base, () => ownerDocument.importNode(base, true)) : ownerDocument.importNode(base, true);
   }) : () => {
-    const base = node || (node = create());
+    const base = getBase(resolveOwnerDocument());
     return isHydratingActive() ? claimNodes(base, () => base.cloneNode(true)) : base.cloneNode(true);
   };
   fn.cloneNode = fn;
@@ -2298,39 +2326,44 @@ function template(html, isImportNode, isSVG, isMathML) {
 function isBindingHandle(node) {
   return node !== null && typeof node === "object" && "marker" in node && "dispose" in node && typeof node.dispose === "function";
 }
-function appendChildNode(parent, child, namespace) {
+function appendChildNode(parent, child, namespace, ownerDocument) {
+  const parentOwnerDocument = parent.ownerDocument ?? ownerDocument;
   if (child === null || child === void 0 || child === false) {
     return;
   }
   if (isBindingHandle(child)) {
-    appendChildNode(parent, child.marker, namespace);
+    appendChildNode(parent, child.marker, namespace, parentOwnerDocument);
     child.flush?.();
     return;
   }
   if (typeof child === "function") {
     const childGetter = child;
     if (isReactive(childGetter)) {
-      createChildBinding(parent, childGetter, (node) => createElementWithContext(node, namespace));
+      createChildBinding(
+        parent,
+        childGetter,
+        (node) => createElementWithContext(node, namespace, parentOwnerDocument)
+      );
       return;
     }
     return;
   }
   if (Array.isArray(child)) {
     for (const item of child) {
-      appendChildNode(parent, item, namespace);
+      appendChildNode(parent, item, namespace, parentOwnerDocument);
     }
     return;
   }
   let domNode;
   if (typeof child !== "object" || child === null) {
-    domNode = document.createTextNode(String(child ?? ""));
+    domNode = parentOwnerDocument.createTextNode(String(child ?? ""));
   } else {
-    domNode = createElementWithContext(child, namespace);
+    domNode = createElementWithContext(child, namespace, parentOwnerDocument);
   }
   if (domNode.nodeType === 11) {
     const children = Array.from(domNode.childNodes);
     for (const node of children) {
-      appendChildNode(parent, node, namespace);
+      appendChildNode(parent, node, namespace, parentOwnerDocument);
     }
     return;
   }
@@ -2348,15 +2381,15 @@ function appendChildNode(parent, child, namespace) {
     throw e;
   }
 }
-function appendChildren(parent, children, namespace) {
+function appendChildren(parent, children, namespace, ownerDocument) {
   if (children === void 0) return;
   if (Array.isArray(children)) {
     for (const child of children) {
-      appendChildren(parent, child, namespace);
+      appendChildren(parent, child, namespace, ownerDocument);
     }
     return;
   }
-  appendChildNode(parent, children, namespace);
+  appendChildNode(parent, children, namespace, ownerDocument);
 }
 function applyRef(el, value) {
   if (typeof value === "function") {
@@ -2628,4 +2661,4 @@ export {
   createElement,
   template
 };
-//# sourceMappingURL=chunk-R6FINS25.js.map
+//# sourceMappingURL=chunk-WIHNVN6L.js.map