marko 6.0.0-next.3.23 → 6.0.0-next.3.24

package/dist/debug/dom.js

@@ -485,7 +485,7 @@ function handleDelegated(ev) {
     const handlersByElement = elementHandlersByEvent.get(ev.type);
     handlersByElement.get(target)?.(ev, target);
     if (ev.bubbles) {
-      while ((target = target.parentElement) && !ev.cancelBubble) {
+      while ((target = target.parentNode) && !ev.cancelBubble) {
         handlersByElement.get(target)?.(ev, target);
       }
     }
@@ -1006,18 +1006,26 @@ function toValueProp(it) {
 }
 
 // src/dom/parse-html.ts
-var fallback = /* @__PURE__ */ document.createTextNode("");
-var parser = /* @__PURE__ */ new Range();
+var fallback = /* @__PURE__ */ new Text();
+var parser = /* @__PURE__ */ document.createElement("template");
 function parseHTML(html2) {
-  return parser.createContextualFragment(html2);
+  parser.innerHTML = html2;
+  return parser.content;
 }
 function parseHTMLOrSingleNode(html2) {
   const content = parseHTML(html2);
-  if (!content.firstChild) return fallback;
-  return content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
-  // a single replaced node, in which case the walker can't replace
-  // the node itself.
-  content.firstChild.nodeType !== 8 ? content.firstChild : content;
+  if (content.firstChild) {
+    if (content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
+    // a single replaced node, in which case the walker can't replace
+    // the node itself.
+    content.firstChild.nodeType !== 8) {
+      return content.firstChild;
+    }
+    const fragment = new DocumentFragment();
+    fragment.appendChild(content);
+    return fragment;
+  }
+  return fallback;
 }
 
 // src/dom/dom.ts
@@ -1294,7 +1302,7 @@ function walkInternal(walkCodes, scope, currentWalkIndex) {
     } else if (value2 === 32 /* Get */) {
       scope[true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++] = walker.currentNode;
     } else {
-      const newNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = document.createTextNode("");
+      const newNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = new Text();
       const current = walker.currentNode;
       const parentNode = current.parentNode;
       if (value2 !== 37 /* Replace */) {
@@ -2042,14 +2050,14 @@ function mount(input = {}, reference, position) {
     }
   });
   switch (position) {
+    case "beforebegin":
+      reference.parentNode.insertBefore(dom, reference);
+      break;
     case "afterbegin":
       reference.insertBefore(dom, reference.firstChild);
       break;
     case "afterend":
-      reference.parentElement.insertBefore(dom, reference.nextSibling);
-      break;
-    case "beforebegin":
-      reference.parentElement.insertBefore(dom, reference);
+      reference.parentNode.insertBefore(dom, reference.nextSibling);
       break;
     default:
       reference.appendChild(dom);

package/dist/debug/dom.mjs

@@ -398,7 +398,7 @@ function handleDelegated(ev) {
     const handlersByElement = elementHandlersByEvent.get(ev.type);
     handlersByElement.get(target)?.(ev, target);
     if (ev.bubbles) {
-      while ((target = target.parentElement) && !ev.cancelBubble) {
+      while ((target = target.parentNode) && !ev.cancelBubble) {
         handlersByElement.get(target)?.(ev, target);
       }
     }
@@ -919,18 +919,26 @@ function toValueProp(it) {
 }
 
 // src/dom/parse-html.ts
-var fallback = /* @__PURE__ */ document.createTextNode("");
-var parser = /* @__PURE__ */ new Range();
+var fallback = /* @__PURE__ */ new Text();
+var parser = /* @__PURE__ */ document.createElement("template");
 function parseHTML(html2) {
-  return parser.createContextualFragment(html2);
+  parser.innerHTML = html2;
+  return parser.content;
 }
 function parseHTMLOrSingleNode(html2) {
   const content = parseHTML(html2);
-  if (!content.firstChild) return fallback;
-  return content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
-  // a single replaced node, in which case the walker can't replace
-  // the node itself.
-  content.firstChild.nodeType !== 8 ? content.firstChild : content;
+  if (content.firstChild) {
+    if (content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
+    // a single replaced node, in which case the walker can't replace
+    // the node itself.
+    content.firstChild.nodeType !== 8) {
+      return content.firstChild;
+    }
+    const fragment = new DocumentFragment();
+    fragment.appendChild(content);
+    return fragment;
+  }
+  return fallback;
 }
 
 // src/dom/dom.ts
@@ -1207,7 +1215,7 @@ function walkInternal(walkCodes, scope, currentWalkIndex) {
     } else if (value2 === 32 /* Get */) {
       scope[true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++] = walker.currentNode;
     } else {
-      const newNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = document.createTextNode("");
+      const newNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = new Text();
       const current = walker.currentNode;
       const parentNode = current.parentNode;
       if (value2 !== 37 /* Replace */) {
@@ -1955,14 +1963,14 @@ function mount(input = {}, reference, position) {
     }
   });
   switch (position) {
+    case "beforebegin":
+      reference.parentNode.insertBefore(dom, reference);
+      break;
     case "afterbegin":
       reference.insertBefore(dom, reference.firstChild);
       break;
     case "afterend":
-      reference.parentElement.insertBefore(dom, reference.nextSibling);
-      break;
-    case "beforebegin":
-      reference.parentElement.insertBefore(dom, reference);
+      reference.parentNode.insertBefore(dom, reference.nextSibling);
       break;
     default:
       reference.appendChild(dom);

package/dist/dom/parse-html.d.ts

@@ -1,5 +1,2 @@
 export declare function parseHTML(html: string): DocumentFragment;
-export declare function parseHTMLOrSingleNode(html: string): Text | (Node & {
-    firstChild?: ChildNode;
-    lastChild?: ChildNode;
-});
+export declare function parseHTMLOrSingleNode(html: string): ChildNode | DocumentFragment;

package/dist/dom.js

@@ -310,7 +310,7 @@ function handleDelegated(ev) {
   if (target) {
     let handlersByElement = elementHandlersByEvent.get(ev.type);
     if (handlersByElement.get(target)?.(ev, target), ev.bubbles)
-      for (; (target = target.parentElement) && !ev.cancelBubble; )
+      for (; (target = target.parentNode) && !ev.cancelBubble; )
         handlersByElement.get(target)?.(ev, target);
   }
 }
@@ -636,16 +636,22 @@ function toValueProp(it) {
 }
 
 // src/dom/parse-html.ts
-var fallback = /* @__PURE__ */ document.createTextNode(""), parser = /* @__PURE__ */ new Range();
+var fallback = /* @__PURE__ */ new Text(), parser = /* @__PURE__ */ document.createElement("template");
 function parseHTML(html2) {
-  return parser.createContextualFragment(html2);
+  return parser.innerHTML = html2, parser.content;
 }
 function parseHTMLOrSingleNode(html2) {
   let content = parseHTML(html2);
-  return content.firstChild ? content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
-  // a single replaced node, in which case the walker can't replace
-  // the node itself.
-  content.firstChild.nodeType !== 8 ? content.firstChild : content : fallback;
+  if (content.firstChild) {
+    if (content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
+    // a single replaced node, in which case the walker can't replace
+    // the node itself.
+    content.firstChild.nodeType !== 8)
+      return content.firstChild;
+    let fragment = new DocumentFragment();
+    return fragment.appendChild(content), fragment;
+  }
+  return fallback;
 }
 
 // src/dom/dom.ts
@@ -851,7 +857,7 @@ function walkInternal(walkCodes, scope, currentWalkIndex) {
       if (value2 === 32 /* Get */)
         scope[currentScopeIndex++] = walker.currentNode;
       else {
-        let newNode = scope[currentScopeIndex++] = document.createTextNode(""), current = walker.currentNode;
+        let newNode = scope[currentScopeIndex++] = new Text(), current = walker.currentNode;
         current.parentNode.replaceChild(newNode, current), walker.currentNode = newNode;
       }
     }
@@ -1306,14 +1312,14 @@ function mount(input = {}, reference, position) {
     branch = createScope($global), dom = initRenderer(this, branch), args && args(branch, [input]);
   });
   switch (position) {
+    case "beforebegin":
+      reference.parentNode.insertBefore(dom, reference);
+      break;
     case "afterbegin":
       reference.insertBefore(dom, reference.firstChild);
       break;
     case "afterend":
-      reference.parentElement.insertBefore(dom, reference.nextSibling);
-      break;
-    case "beforebegin":
-      reference.parentElement.insertBefore(dom, reference);
+      reference.parentNode.insertBefore(dom, reference.nextSibling);
       break;
     default:
       reference.appendChild(dom);

package/dist/dom.mjs

@@ -226,7 +226,7 @@ function handleDelegated(ev) {
   if (target) {
     let handlersByElement = elementHandlersByEvent.get(ev.type);
     if (handlersByElement.get(target)?.(ev, target), ev.bubbles)
-      for (; (target = target.parentElement) && !ev.cancelBubble; )
+      for (; (target = target.parentNode) && !ev.cancelBubble; )
         handlersByElement.get(target)?.(ev, target);
   }
 }
@@ -552,16 +552,22 @@ function toValueProp(it) {
 }
 
 // src/dom/parse-html.ts
-var fallback = /* @__PURE__ */ document.createTextNode(""), parser = /* @__PURE__ */ new Range();
+var fallback = /* @__PURE__ */ new Text(), parser = /* @__PURE__ */ document.createElement("template");
 function parseHTML(html2) {
-  return parser.createContextualFragment(html2);
+  return parser.innerHTML = html2, parser.content;
 }
 function parseHTMLOrSingleNode(html2) {
   let content = parseHTML(html2);
-  return content.firstChild ? content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
-  // a single replaced node, in which case the walker can't replace
-  // the node itself.
-  content.firstChild.nodeType !== 8 ? content.firstChild : content : fallback;
+  if (content.firstChild) {
+    if (content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
+    // a single replaced node, in which case the walker can't replace
+    // the node itself.
+    content.firstChild.nodeType !== 8)
+      return content.firstChild;
+    let fragment = new DocumentFragment();
+    return fragment.appendChild(content), fragment;
+  }
+  return fallback;
 }
 
 // src/dom/dom.ts
@@ -767,7 +773,7 @@ function walkInternal(walkCodes, scope, currentWalkIndex) {
       if (value2 === 32 /* Get */)
         scope[currentScopeIndex++] = walker.currentNode;
       else {
-        let newNode = scope[currentScopeIndex++] = document.createTextNode(""), current = walker.currentNode;
+        let newNode = scope[currentScopeIndex++] = new Text(), current = walker.currentNode;
         current.parentNode.replaceChild(newNode, current), walker.currentNode = newNode;
       }
     }
@@ -1222,14 +1228,14 @@ function mount(input = {}, reference, position) {
     branch = createScope($global), dom = initRenderer(this, branch), args && args(branch, [input]);
   });
   switch (position) {
+    case "beforebegin":
+      reference.parentNode.insertBefore(dom, reference);
+      break;
     case "afterbegin":
       reference.insertBefore(dom, reference.firstChild);
       break;
     case "afterend":
-      reference.parentElement.insertBefore(dom, reference.nextSibling);
-      break;
-    case "beforebegin":
-      reference.parentElement.insertBefore(dom, reference);
+      reference.parentNode.insertBefore(dom, reference.nextSibling);
       break;
     default:
       reference.appendChild(dom);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "6.0.0-next.3.23",
+  "version": "6.0.0-next.3.24",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",