@fluffjs/fluff 0.4.3 → 0.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluffjs/fluff",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",

package/runtime/MarkerController.d.ts

@@ -36,6 +36,7 @@ export declare abstract class MarkerController {
     private __getFluffElementHost;
     protected setScopeOnChildren(node: Node, scope: Scope, renderContext?: RenderContext, markerManager?: MarkerManagerLike, bindingsSubscriptions?: Subscription[]): void;
     protected cloneAndInsertTemplate(template: HTMLTemplateElement, context: Record<string, unknown>, renderContext: RenderContext | undefined, bindingsSubscriptions: Subscription[]): void;
+    private unwrapNamespaceWrapper;
     protected processBindingsOnNode(node: HTMLElement, scope: Scope, bindingsSubscriptions?: Subscription[]): void;
 }
 export {};

package/runtime/MarkerController.js

@@ -196,13 +196,27 @@ export class MarkerController {
         if (!(content instanceof DocumentFragment)) {
             throw new Error('Expected DocumentFragment from template clone');
         }
-        const nodes = Array.from(content.childNodes);
+        const unwrappedContent = this.unwrapNamespaceWrapper(content);
+        const nodes = Array.from(unwrappedContent.childNodes);
         const scope = this.createChildScope(context);
-        this.insertBeforeEndMarker(content);
+        this.insertBeforeEndMarker(unwrappedContent);
         for (const node of nodes) {
             this.setScopeOnChildren(node, scope, renderContext, this.markerManager, bindingsSubscriptions);
         }
     }
+    unwrapNamespaceWrapper(content) {
+        if (content.childNodes.length === 1) {
+            const { firstChild } = content;
+            if (firstChild instanceof Element && firstChild.hasAttribute('data-fluff-ns-wrapper')) {
+                const unwrapped = document.createDocumentFragment();
+                while (firstChild.firstChild) {
+                    unwrapped.appendChild(firstChild.firstChild);
+                }
+                return unwrapped;
+            }
+        }
+        return content;
+    }
     processBindingsOnNode(node, scope, bindingsSubscriptions) {
         const fluffHost = this.__getFluffElementHost();
         if (!fluffHost)