mount-observer 0.0.61 → 0.0.63

package/Newish.js

@@ -2,6 +2,7 @@ export { waitForEvent } from './waitForEvent.js';
 import { ObsAttr } from './ObsAttr.js';
 import { splitRefs } from './refid/splitRefs.js';
 import { getIsh } from './refid/getIsh.js';
+import { sym } from './refid/regIsh.js';
 export const attached = Symbol.for('xyyspnstnU+CDrNVa0VnxA');
 export class Newish {
     queue = [];
@@ -50,20 +51,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 +85,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;
@@ -94,13 +97,28 @@ export class Newish {
         while (this.queue.length > 0) {
             const fi = this.queue.shift();
             //TODO: Provide support for a virtual slice of a very large list
+            //TODO:  Maybe should check if iterable rather than an array?
             if (Array.isArray(fi)) {
-                ce.ishList = fi;
+                ce[sym] = 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

@@ -4,6 +4,7 @@ export {waitForEvent} from './waitForEvent.js';
 import {ObsAttr} from './ObsAttr.js';
 import {splitRefs} from './refid/splitRefs.js';
 import {getIsh} from './refid/getIsh.js';
+import {sym} from './refid/regIsh.js';
 export const attached = Symbol.for('xyyspnstnU+CDrNVa0VnxA');
 export class Newish implements EventListenerObject {
     queue: Array<any> = [];
@@ -62,20 +63,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 +101,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;
@@ -110,15 +113,38 @@ export class Newish implements EventListenerObject {
         while(this.queue.length > 0 ){
             const fi = this.queue.shift();
             //TODO: Provide support for a virtual slice of a very large list
+            //TODO:  Maybe should check if iterable rather than an array?
             if(Array.isArray(fi)){
-                (<any>ce).ishList = fi;
+                (<any>ce)[sym] = 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.63",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",

package/refid/regIsh.js

@@ -10,5 +10,17 @@ export function regIsh(scope, name, ctr) {
         throw 403;
     }
     map.set(name, ctr);
+    ctr.prototype[Symbol.iterator] = function () {
+        var index = -1;
+        var data = this[sym];
+        return {
+            next: function () {
+                return {
+                    value: data === undefined ? undefined : data[++index],
+                    done: data === undefined || !(index in data)
+                };
+            }
+        };
+    };
     document.dispatchEvent(new Event(guid));
 }

package/refid/regIsh.ts

@@ -12,5 +12,18 @@ export function regIsh(scope: Element | ShadowRoot | Document, name: string, ctr
         throw 403;
     }
     map.set(name, ctr);
+    ctr.prototype[Symbol.iterator] = function() {
+        var index = -1;
+        var data  = this[sym];
+
+        return {
+            next: function() {
+                return { 
+                    value: data === undefined ? undefined : data[++index], 
+                    done: data ===  undefined || !(index in data) 
+                }
+            }
+        };
+    };
     document.dispatchEvent(new Event(guid));
 }

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);