mount-observer 0.0.90 → 0.0.92

package/MountObserver.js

@@ -1,5 +1,6 @@
 import { RootMutObs } from './RootMutObs.js';
 import { bindish, bindishIt } from './bindish.js';
+import 'refid/hostish.js';
 export const guid = '5Pv6bHOVH0ae07opRZ8N/g';
 export const wasItemReffed = Symbol.for('8aA6xB8+PkScmivaslBk5Q');
 export const mutationObserverLookup = new WeakMap();
@@ -503,12 +504,12 @@ export class MountObserver extends EventTarget {
         //getting into a catch-22 scenario frequently, blocking the code for resuming.
         //This was observed with per-each package, demo/ScopeScript.html, clicking refresh a few times
         //one will see the inconsistent behavior if await is added below.
-        const genids = Array.from(within.querySelectorAll('[genids]'));
-        if (genids[0]) {
+        const idGenerators = Array.from(within.querySelectorAll('[-id]'));
+        if (idGenerators[0]) {
             const { genIds } = await import('./refid/genIds.js');
-            for (const el of genids) {
+            for (const el of idGenerators) {
                 genIds(el);
-                el.removeAttribute('genid');
+                el.removeAttribute('-id');
             }
         }
         bindish(within, within, { assigner: this.#mountInit.assigner });

package/MountObserver.ts

@@ -9,6 +9,7 @@ import {MountInit, IMountObserver, AddMutationEventListener,
 } from './ts-refs/mount-observer/types';
 import {RootMutObs} from './RootMutObs.js';
 import {bindish, bindishIt} from './bindish.js';
+import 'refid/hostish.js';
 export {MOSE} from './ts-refs/mount-observer/types';
 export const guid = '5Pv6bHOVH0ae07opRZ8N/g';
 export const wasItemReffed = Symbol.for('8aA6xB8+PkScmivaslBk5Q');
@@ -533,12 +534,12 @@ export class MountObserver extends EventTarget implements IMountObserver{
         //getting into a catch-22 scenario frequently, blocking the code for resuming.
         //This was observed with per-each package, demo/ScopeScript.html, clicking refresh a few times
         //one will see the inconsistent behavior if await is added below.
-        const genids = Array.from((within as DocumentFragment).querySelectorAll('[genids]'))
-        if(genids[0]){
+        const idGenerators = Array.from((within as DocumentFragment).querySelectorAll('[-id]'))
+        if(idGenerators[0]){
             const {genIds} = await import('./refid/genIds.js');
-            for(const el of genids){
+            for(const el of idGenerators){
                 genIds(el);
-                el.removeAttribute('genid');
+                el.removeAttribute('-id');
             }
         }
         bindish(within as DocumentFragment, within, {assigner: this.#mountInit.assigner});

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "mount-observer",
-  "version": "0.0.90",
+  "version": "0.0.92",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",
   "devDependencies": {
-    "@playwright/test": "1.54.2",
+    "@playwright/test": "1.55.0",
     "ssi-server": "0.0.1"
   },
   "exports": {

package/refid/hostish.js

@@ -0,0 +1,17 @@
+"use strict";
+Element.prototype.hostish = async function () {
+    const closest = this.closest('[itemscope]');
+    if (closest === null)
+        return this.getRootNode().host;
+    const { localName } = closest;
+    if (localName.includes('-')) {
+        await customElements.whenDefined(localName);
+        return closest;
+    }
+    const itemScopeAttr = closest.getAttribute('itemscope');
+    if (itemScopeAttr) {
+        const { waitForIsh } = await import('mount-observer/waitForIsh.js');
+        return await waitForIsh(closest);
+    }
+    return this.getRootNode().host;
+};

package/refid/hostish.ts

@@ -0,0 +1,18 @@
+interface Element{
+    hostish(): Promise<any>
+}
+Element.prototype.hostish = async function(){
+    const closest = this.closest('[itemscope]') as HTMLElement;
+    if(closest === null) return (<any>this.getRootNode()).host;
+    const {localName} = closest;
+    if(localName.includes('-')){
+        await customElements.whenDefined(localName);
+        return closest;
+    }
+    const itemScopeAttr = closest.getAttribute('itemscope');
+    if(itemScopeAttr){
+        const {waitForIsh} = await import('mount-observer/waitForIsh.js');
+        return await waitForIsh(closest);
+    }
+    return (<any>this.getRootNode()).host;
+}

package/ts-refs/trans-render/dss/types.d.ts

@@ -155,10 +155,13 @@ export interface Specifier {
 
 export interface IPE {
     id?: string,
+    prop?: string,
     path?: SubPropPath,
     evtName?: string,
     as?: asOptions,
     constVal?: any;
+    enhKey?: string;
+    ish?: boolean;
 }
 
 export type Modulo = 'aria-rowindex' | 'aria-colindex' | 'aria-rowindextext'