mount-observer 0.0.86 → 0.0.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mount-observer",
-  "version": "0.0.86",
+  "version": "0.0.88",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",

package/preloadContent.js

@@ -9,7 +9,7 @@ Object.defineProperty(HTMLTemplateElement.prototype, 'remoteContent', {
             if (window[remoteTemplElSym] === undefined) {
                 window[remoteTemplElSym] = 0;
             }
-            const id = templ.id || window[remoteTemplElSym]++;
+            const id = templ.id || `mount-observer-${window[remoteTemplElSym]++}`;
             const sourceTempl = document.createElement('template');
             sourceTempl.id = '' + id;
             sourceTempl.content.appendChild(templ.content);

package/preloadContent.ts

@@ -11,7 +11,7 @@ Object.defineProperty(HTMLTemplateElement.prototype, 'remoteContent', {
             if((<any>window)[remoteTemplElSym] === undefined ){
                 (<any>window)[remoteTemplElSym] = 0;
             }
-            const id = templ.id || (<any>window)[remoteTemplElSym]++;
+            const id = templ.id || `mount-observer-${(<any>window)[remoteTemplElSym]++}`;
             const sourceTempl = document.createElement('template');
             sourceTempl.id = '' + id;
             sourceTempl.content.appendChild(templ.content);

package/upShadowSearch.js

@@ -14,9 +14,12 @@ export function upShadowSearch(ref, id) {
             return null;
         }
         else if (!rn.isConnected) {
-            //TODO:  search first for targetFragment
-            rn = document;
+            if (rn.targetFragment) {
+                rn = rn.targetFragment;
+            }
+            else {
+                rn = document;
+            }
         }
-        //return null;
     }
 }

package/upShadowSearch.ts

@@ -1,5 +1,5 @@
 export function upShadowSearch(ref: Element, id: string){
-    let rn = ref.getRootNode() as (Document | DocumentFragment | ShadowRoot) & { host?: Element };
+    let rn = ref.getRootNode() as any;
     while(rn){
         let test = rn.getElementById(id);
         if(test) return test;
@@ -10,11 +10,14 @@ export function upShadowSearch(ref: Element, id: string){
         }else if(rn === document){
             return null;
         }else if(!rn.isConnected){
-            //TODO:  search first for targetFragment
-            rn = document;
+            if(rn.targetFragment){
+                rn = rn.targetFragment;
+            }else{
+                rn = document;
+            }
+            
 
         }
-        //return null;
     }
 }