@ornery/web-components 4.0.0 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornery/web-components",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "WebComponents html loader and optional runtime mixins to enable creation of custom HTML elements using es6 template literal syntax in *.html files.",
   "type": "module",
   "main": "index.js",

package/src/setup-connect.js

@@ -1,22 +1,30 @@
 export default function setupConnect(nodeList, context) {
   nodeList.connect = function (root) {
-    if (typeof HTMLElement !== "undefined") {
-      if (!root && context instanceof HTMLElement) {
-        root = context;
-        if (
-          root instanceof HTMLElement &&
-          root.shadowRoot &&
-          root.shadowRoot.mode === "open"
-        ) {
-          root = root.shadowRoot;
-        } else {
-          root = document.createElement("div");
-        }
-        root.innerHTML = "";
-        nodeList.forEach((node) => root.appendChild(node));
-        return root;
+    if (typeof HTMLElement === "undefined") {
+      return;
+    }
+
+    if (root) {
+      // Explicit root provided — clear and append nodes.
+      root.innerHTML = "";
+      nodeList.forEach((node) => root.appendChild(node));
+      return root;
+    }
+
+    // No root provided — derive from context.
+    if (context instanceof HTMLElement) {
+      if (
+        context.shadowRoot &&
+        context.shadowRoot.mode === "open"
+      ) {
+        root = context.shadowRoot;
+      } else {
+        root = document.createElement("div");
       }
+      root.innerHTML = "";
+      nodeList.forEach((node) => root.appendChild(node));
+      return root;
     }
   };
   return nodeList;
-};
+}