mount-observer 0.0.60 → 0.0.61

package/Newish.js

@@ -25,7 +25,7 @@ export class Newish {
         if (enhancedElement[attached] === true)
             return;
         enhancedElement[attached] = true;
-        const ctr = getIsh(enhancedElement.isConnected ? enhancedElement : target, itemscope);
+        const ctr = await getIsh(enhancedElement.isConnected ? enhancedElement : target, itemscope);
         const initPropVals = enhancedElement['ish'];
         if (enhancedElement instanceof HTMLElement) {
             if (enhancedElement.dataset.ish) {

package/Newish.ts

@@ -34,7 +34,7 @@ export class Newish implements EventListenerObject {
     ){
         if((<any>enhancedElement)[attached] === true) return;
         (<any>enhancedElement)[attached] = true;
-        const ctr = getIsh(enhancedElement.isConnected ? enhancedElement :target, itemscope)! as any;
+        const ctr = await getIsh(enhancedElement.isConnected ? enhancedElement :target, itemscope)! as any;
 
         const initPropVals = (<any>enhancedElement)['ish'];
         if(enhancedElement instanceof HTMLElement){

package/package.json

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

package/refid/getIsh.js

@@ -1,5 +1,5 @@
-import { sym } from './regIsh.js';
-export function getIsh(scope, name) {
+import { sym, guid } from './regIsh.js';
+export async function getIsh(scope, name) {
     let test = scope;
     while (true) {
         const map = test[sym];
@@ -8,8 +8,9 @@ export function getIsh(scope, name) {
                 return map.get(name);
             }
         }
-        if (test === document)
-            throw 404;
+        if (test === document) {
+            return await watch(scope, name);
+        }
         if (test instanceof ShadowRoot) {
             test = test.host;
             continue;
@@ -21,7 +22,14 @@ export function getIsh(scope, name) {
         }
         const lastTest = test;
         test = test.getRootNode();
-        if (test === lastTest)
-            throw 404;
+        if (test === lastTest) {
+            return await watch(scope, name);
+        }
+        ;
     }
 }
+async function watch(scope, name) {
+    const { waitForEvent } = await import('../waitForEvent.js');
+    await waitForEvent(document, guid);
+    return await getIsh(scope, name);
+}

package/refid/getIsh.ts

@@ -1,16 +1,18 @@
-import {sym} from './regIsh.js';
+import {sym, guid} from './regIsh.js';
 import {IshCtr} from '../ts-refs/mount-observer/types.js';
-export function getIsh(scope: Element | ShadowRoot | Document | Node, name: string){
+export async function getIsh(scope: Element | ShadowRoot | Document | Node, name: string): Promise<IshCtr>{
     let test = scope as any;
     
     while(true){
         const map = test[sym] as Map<string, IshCtr>;
         if(map !== undefined){
             if(map.has(name)){
-                return map.get(name);
+                return map.get(name)!;
             }
         }
-        if(test === document) throw 404;
+        if(test === document){
+            return await watch(scope, name);
+        }
         if(test instanceof ShadowRoot){
             test = test.host;
             continue;
@@ -22,6 +24,14 @@ export function getIsh(scope: Element | ShadowRoot | Document | Node, name: stri
         }
         const lastTest = test;
         test = test.getRootNode();
-        if(test === lastTest) throw 404;
+        if(test === lastTest) {
+            return await watch(scope, name);
+        };
     }
+}
+
+async function watch(scope: Element | ShadowRoot | Document | Node, name: string){
+    const {waitForEvent} = await import('../waitForEvent.js');
+    await waitForEvent(document, guid);
+    return await getIsh(scope, name);
 }

package/refid/regIsh.js

@@ -1,4 +1,5 @@
-export const sym = Symbol.for('La8Cx9vHsUOd03WomqdnPw');
+export const guid = 'La8Cx9vHsUOd03WomqdnPw';
+export const sym = Symbol.for(guid);
 export function regIsh(scope, name, ctr) {
     let map = scope[sym];
     if (map === undefined) {
@@ -9,4 +10,5 @@ export function regIsh(scope, name, ctr) {
         throw 403;
     }
     map.set(name, ctr);
+    document.dispatchEvent(new Event(guid));
 }

package/refid/regIsh.ts

@@ -1,5 +1,6 @@
 import {IshCtr} from '../ts-refs/mount-observer/types';
-export const sym = Symbol.for('La8Cx9vHsUOd03WomqdnPw');
+export const guid = 'La8Cx9vHsUOd03WomqdnPw'
+export const sym = Symbol.for(guid);
 
 export function regIsh(scope: Element | ShadowRoot | Document, name: string, ctr:IshCtr){
     let map = (<any>scope)[sym] as Map<string, IshCtr>;
@@ -11,4 +12,5 @@ export function regIsh(scope: Element | ShadowRoot | Document, name: string, ctr
         throw 403;
     }
     map.set(name, ctr);
+    document.dispatchEvent(new Event(guid));
 }