mount-observer 0.0.61 → 0.0.62

package/Newish.js

@@ -50,20 +50,18 @@ export class Newish {
             set(nv) {
                 if (self.#ce === nv)
                     return;
-                console.log({ nv });
                 self.queue.push(nv);
-                self.#assignGingerly();
+                self.#assignGingerly(false);
             },
             enumerable: true,
             configurable: true,
         });
-        this.#assignGingerly();
+        this.#assignGingerly(true);
         //attach any itemref references
         this.#attachItemrefs(enhancedElement);
         const et = ObsAttr(enhancedElement, 'itemref');
         et.addEventListener('attr-changed', this);
         this.isResolved = true;
-        enhancedElement.dispatchEvent(new Event('ishAttached'));
     }
     #alreadyAttached = new Set();
     #attachItemrefs(enhancedElement) {
@@ -86,7 +84,11 @@ export class Newish {
             }
         }
     }
-    async #assignGingerly() {
+    async #assignGingerly(fromDo) {
+        const actions = new Set();
+        if (fromDo) {
+            actions.add('attached');
+        }
         let ce = this.#ce;
         if (ce === undefined) {
             throw 500;
@@ -96,11 +98,25 @@ export class Newish {
             //TODO: Provide support for a virtual slice of a very large list
             if (Array.isArray(fi)) {
                 ce.ishList = fi;
+                actions.add('ishListAssigned');
             }
             else {
                 const { assigner } = this.#options;
                 await assigner(ce, fi);
+                actions.add('ishAssigned');
             }
         }
+        const ref = this.#ref.deref();
+        if (ref) {
+            ref.dispatchEvent(new IshEvent(Array.from(actions)));
+        }
+    }
+}
+export class IshEvent extends Event {
+    actions;
+    static eventName = 'ish';
+    constructor(actions) {
+        super(IshEvent.eventName);
+        this.actions = actions;
     }
 }

package/Newish.ts

@@ -62,20 +62,18 @@ export class Newish implements EventListenerObject {
             },
             set(nv: any){
                 if(self.#ce === nv) return;
-                console.log({nv});
                 self.queue.push(nv);
-                self.#assignGingerly();
+                self.#assignGingerly(false);
             },
             enumerable: true,
             configurable: true,
         });
-        this.#assignGingerly();
+        this.#assignGingerly(true);
         //attach any itemref references
         this.#attachItemrefs(enhancedElement);
         const et = ObsAttr(enhancedElement, 'itemref');
         et.addEventListener('attr-changed', this);
         this.isResolved = true;
-        enhancedElement.dispatchEvent(new Event('ishAttached'));
     }
 
     
@@ -102,7 +100,11 @@ export class Newish implements EventListenerObject {
 
     }
 
-    async #assignGingerly(){
+    async #assignGingerly(fromDo: boolean){
+        const actions = new Set<Action>();
+        if(fromDo){
+            actions.add('attached');
+        }
         let ce = this.#ce!;
         if(ce === undefined){
             throw 500;
@@ -112,13 +114,35 @@ export class Newish implements EventListenerObject {
             //TODO: Provide support for a virtual slice of a very large list
             if(Array.isArray(fi)){
                 (<any>ce).ishList = fi;
+                actions.add('ishListAssigned');
             }else{
                 const {assigner} = this.#options;
                 await assigner!(ce, fi);
-
+                actions.add('ishAssigned');
             }
             
         }
+        const ref = this.#ref.deref();
+        if(ref){
+            ref.dispatchEvent(new IshEvent(Array.from(actions)));
+        }   
     }
 
 }
+
+type Action = 
+    | 'attached' 
+    | 'ishAssigned'
+    | 'ishListAssigned'
+
+interface IIshEvent{
+    actions: Array<Action>;
+}
+
+export class IshEvent extends Event implements IIshEvent{
+    static eventName = 'ish';
+
+    constructor(public actions: Array<Action>){
+        super(IshEvent.eventName);
+    }
+}

package/package.json

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

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

@@ -157,6 +157,11 @@ export type ScopeInstructions<TProps=any, TMethods=TProps> =
     | ScopingConfig
 ;
 
+export interface ScopedLoop<TProps = any, TMethods = TProps>{
+    config?: IshConfig<TProps, TMethods>;
+    options: Partial<Clone$Options>
+}
+
 export type WhereConditions = 
     | string //css matches
     | {
@@ -326,6 +331,8 @@ export interface UnitOfWork<TProps, TMethods = TProps, TElement = {}>{
     y?: number | YieldSettings<TProps>,
 
     $?:  ScopeInstructions<TProps, TMethods>,
+
+    $$?:  ScopedLoop<TProps, TMethods>,
 }
 
 export interface YieldSettings<TProps>{
@@ -546,4 +553,15 @@ export type ZeroOrMore<T> = T | Array<T> | undefined;
  */
 export type StringWithAutocompleteOptions<TOptions> = 
     | (string & {})
-    | TOptions;
+    | TOptions;
+
+export interface Clone$Options{
+    ish: EventTarget & HasIshList
+    seedEl: Element,
+    idxStart: number,
+    itemProp: string,
+    mapIdxTo?: string,
+    itemTemplate: HTMLTemplateElement;
+    baseCrumb: string,
+    idleTimeout: number,
+}

package/waitForIsh.js

@@ -7,7 +7,7 @@ export function waitForIsh(el) {
         }
         else {
             // If the element is not yet defined, wait for it to be defined
-            el.addEventListener('ishAttached', () => {
+            el.addEventListener('ish', () => {
                 const ish = el['ish'];
                 if (ish) {
                     resolve(ish);

package/waitForIsh.ts

@@ -6,7 +6,7 @@ export function waitForIsh(el: Element) : Promise<EventTarget> {
             resolve(ish);
         } else {
             // If the element is not yet defined, wait for it to be defined
-            el.addEventListener('ishAttached', () => {
+            el.addEventListener('ish', () => {
                 const ish = (<any>el)['ish'] as EventTarget;
                 if (ish) {
                     resolve(ish);