@schukai/monster 3.21.0 → 3.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schukai/monster",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "description": "Monster is a simple library for creating fast, robust and lightweight websites.",
   "keywords": [
     "framework",

package/source/dom/updater.mjs

@@ -514,11 +514,19 @@ function insertElement(change) {
     }
 }
 
-function findTemplate(container, key, ref, path) {
-    
+/**
+ * @private
+ * @param container
+ * @param key
+ * @param ref
+ * @param path
+ * @returns {any}
+ */
+function internalTemplateLookUp(container, key, ref, path) {
+
     let templateID = key;
     let template;
-    
+
     if (container.hasAttribute(ATTRIBUTE_UPDATER_INSERT_TEMPLATE_ID)) {
         templateID = container.getAttribute(ATTRIBUTE_UPDATER_INSERT_TEMPLATE_ID);
         template = findDocumentTemplate(templateID, container);
@@ -526,7 +534,7 @@ function findTemplate(container, key, ref, path) {
             return template;
         }
     }
-    
+
     if (container.closest(`[${ATTRIBUTE_UPDATER_INSERT_TEMPLATE_ID}]`)) {
         templateID = container.closest(`[${ATTRIBUTE_UPDATER_INSERT_TEMPLATE_ID}]`).getAttribute(ATTRIBUTE_UPDATER_INSERT_TEMPLATE_ID);
         template = findDocumentTemplate(templateID, container);
@@ -535,6 +543,15 @@ function findTemplate(container, key, ref, path) {
         }
     }
 
+    const rootNode = container.getRootNode();
+    if (rootNode instanceof ShadowRoot) {
+        templateID = rootNode.host.getAttribute(ATTRIBUTE_UPDATER_INSERT_TEMPLATE_ID);
+        template = findDocumentTemplate(templateID, container);
+        if (template instanceof HTMLTemplateElement) {
+            return template;
+        }
+    }
+
     return findDocumentTemplate(templateID, container);
 }
 
@@ -551,8 +568,8 @@ function findTemplate(container, key, ref, path) {
  */
 function appendNewDocumentFragment(container, key, ref, path) {
 
-    let template = findTemplate(container, key, ref, path);
-console.log(template);
+    let template = internalTemplateLookUp(container, key, ref, path);
+
     let nodes = template.createDocumentFragment();
     for (const [, node] of Object.entries(nodes.childNodes)) {
         if (node instanceof HTMLElement) {

package/source/types/version.mjs

@@ -142,7 +142,7 @@ function getMonsterVersion() {
     }
 
     /** don't touch, replaced by make with package.json version */
-    monsterVersion = new Version("3.21.0");
+    monsterVersion = new Version("3.22.0");
 
     return monsterVersion;
 }

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.21.0")
+        monsterVersion = new Version("3.22.0")
 
         let m = getMonsterVersion();