mount-observer 0.0.50 → 0.0.51

package/MountObserver.js

@@ -220,6 +220,9 @@ export class MountObserver extends EventTarget {
                 }
             }
             this.#filterAndMount(elsToInspect, true, false);
+            for (const el of elsToInspect) {
+                await this.#inspectWithin(el, false);
+            }
         }, { signal: this.#abortController.signal });
         await this.#inspectWithin(within, true);
     }
@@ -422,7 +425,8 @@ export class MountObserver extends EventTarget {
     async #inspectWithin(within, initializing) {
         await bindish(within, this.#mountInit.assigner);
         await this.composeFragment(within, 0);
-        const els = Array.from(within.querySelectorAll(await this.#selector()));
+        const match = await this.#selector();
+        const els = Array.from(within.querySelectorAll(match));
         this.#filterAndMount(els, false, initializing);
     }
 }

package/MountObserver.ts

@@ -235,6 +235,9 @@ export class MountObserver extends EventTarget implements IMountObserver{
                 }
             }
             this.#filterAndMount(elsToInspect, true, false);
+            for(const el of elsToInspect){
+                await this.#inspectWithin(el, false);
+            }
         }, {signal: this.#abortController.signal});
         
         await this.#inspectWithin(within, true);
@@ -441,7 +444,8 @@ export class MountObserver extends EventTarget implements IMountObserver{
     async #inspectWithin(within: Node, initializing: boolean){
         await bindish(within as DocumentFragment, this.#mountInit.assigner);
         await this.composeFragment(within as DocumentFragment, 0);
-        const els = Array.from((within as Element).querySelectorAll(await this.#selector()));
+        const match = await this.#selector();
+        const els = Array.from((within as Element).querySelectorAll(match));
         this.#filterAndMount(els, false, initializing);
     }
 

package/package.json

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

package/ts-refs/per-each/types.d.ts

@@ -1,4 +1,5 @@
 import {IEnhancement, BEAllProps} from '../trans-render/be/types';
+import { HasIshList } from '../trans-render/dss/types';
 
 export interface EndUserProps extends IEnhancement{
     statement: string;
@@ -7,6 +8,8 @@ export interface EndUserProps extends IEnhancement{
 export interface AllProps extends EndUserProps{
     listProp: string;
     itemProp: string;
+    ish: EventTarget & HasIshList;
+    //updateCnt: number;
 }
 
 export type AP = AllProps;
@@ -19,6 +22,7 @@ export type BAP = AP & BEAllProps;
 
 export interface Actions{
     parse(self: BAP): PAP;
-    hydrate(self: BAP): ProPAP;
+    init(self: BAP): ProPAP;
+    hydrate(self: BAP)
 }
 

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

@@ -184,6 +184,11 @@ export interface PIP<TProp = any, TElement = Element> extends EventListenerObjec
     readonly outEvtName: string;
 }
 
-export interface HasIshList extends HTMLElement{
+//TODO:  move to mount observer
+export interface HasIsh {
+    ish: EventTarget;
+}
+
+export interface HasIshList {
     ishList: Array<any>;
 }

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

@@ -1,6 +1,7 @@
 import { IMountObserver } from '../../mount-observer/types';
 import { Scope} from '../lib/types';
 import { WrapperConfig } from '../XV/types';
+import {XForm} from '../types';
 
 export interface IEventConfig<MCProps = any, MCActions = MCProps, TAction = Action>{
     on?: string,
@@ -215,7 +216,7 @@ export type Compacts<TProps = any, TActions = TProps> =
     | Partial<{[key in `pass_length_of_${keyof TProps & string}_to_${keyof TProps & string}`]: number}>
     | Partial<{[key in `echo_${keyof TProps & string}_to_${keyof TProps & string}`]: number}>
     | Partial<{[key in `echo_${keyof TProps & string}_to_${keyof TProps & string}_after`]: keyof TProps}>
-    | Partial<{[key in `when_${keyof TProps & string}_changes_invoke_${keyof TActions & string}`]: number}>
+    | Partial<{[key in `when_${keyof TProps & string}_changes_call_${keyof TActions & string}`]: number}>
     | Partial<{[key in `when_${keyof TProps & string}_changes_toggle_${keyof TProps & string}`]: number}>
     | Partial<{[key in `when_${keyof TProps & string}_changes_inc_${keyof TProps & string}_by`]: number}>
 ;
@@ -454,7 +455,7 @@ export interface ICompact{
 interface CompactStatement {
     srcKey: string,
     destKey: string,
-    op: 'toggle' | 'negate' | 'invoke' | 'pass_length' | 'echo' | 'inc',
+    op: 'toggle' | 'negate' | 'call' | 'pass_length' | 'echo' | 'inc',
     rhsIsDynamic: boolean
 }
 

package/waitForIsh.js

@@ -2,7 +2,7 @@ export function waitForIsh(el) {
     return new Promise((resolve, reject) => {
         const ish = el['ish']; // [TODO] should we make this something that can
         // be passed in, more generic function -- waitForProperty?
-        if (ish) {
+        if (ish instanceof EventTarget) {
             resolve(ish);
         }
         else {

package/waitForIsh.ts

@@ -2,7 +2,7 @@ export function waitForIsh(el: Element){
     return new Promise((resolve, reject) => {
         const ish = (<any>el)['ish']; // [TODO] should we make this something that can
         // be passed in, more generic function -- waitForProperty?
-        if (ish) {
+        if (ish instanceof EventTarget) {
             resolve(ish);
         } else {
             // If the element is not yet defined, wait for it to be defined