be-hive 0.0.224 → 0.0.226

package/be-hive.js

@@ -56,7 +56,7 @@ export class BeHive extends Synthesizer {
         const mergeWithDefaults = { ...defaultObsAttrs, ...synConfig };
         //TODO allow for programmatic adjustments in load event
         //this.dispatchEvent(new RegistryEventImpl(mergeWithDefaults));
-        const { base, block, branches, enhancedElementInstanceOf, enhancedElementMatches, hostInstanceOf, hostMatches, leaves, preBaseDelimiter, preBranchDelimiter, importEnh, preLeafDelimiter, hasRootIn, map, osotas, mapLocalNameTo, ws } = mergeWithDefaults;
+        const { base, block, branches, enhancedElementInstanceOf, enhancedElementMatches, hostInstanceOf, hostMatches, leaves, preBaseDelimiter, preBranchDelimiter, importEnh, preLeafDelimiter, hasRootIn, map, osotas, mapLocalNameTo, ws, mapWSTo } = mergeWithDefaults;
         const mi = {
             on: enhancedElementMatches,
             whereInstanceOf: enhancedElementInstanceOf,
@@ -127,8 +127,12 @@ export class BeHive extends Synthesizer {
                 initialPropValues[mapLocalNameTo] = mountedElement.localName;
             }
             initialPropValues.customHandlers = registeredHandlers.get(synConfig.top)?.get(enhPropKey);
+            let filteredWs;
             if (ws !== undefined) {
-                (await import('./e.js')).e(mountedElement, ws, initialPropValues);
+                filteredWs = (await import('./e.js')).e(mountedElement, ws, initialPropValues);
+                if (mapWSTo !== undefined) {
+                    initialPropValues[mapWSTo] = filteredWs;
+                }
             }
             //initialPropValues.scopedCustomHandlers = scopedHandlers.get(synConfig.top)?.get(enhPropKey);
             enhancementInstance.attach(mountedElement, {
@@ -136,7 +140,8 @@ export class BeHive extends Synthesizer {
                 initialPropValues,
                 mountCnfg: mergeWithDefaults,
                 synConfig,
-                observedAttrs
+                observedAttrs,
+                ws: filteredWs
             });
         });
     }

package/be-hive.ts

@@ -4,7 +4,8 @@ export {EMC} from './ts-refs/trans-render/be/types';
 export {MountObserver, MOSE} from 'mount-observer/MountObserver.js';
 import {
     AttrMapPoint, CustomHandlerCluster, EMC, EventListenerOrFn,  
-    HandlerKey, 
+    HandlerKey,
+    IW, 
 } from './ts-refs/trans-render/be/types';
 import { MountEvent } from 'mount-observer/MountObserver';
 import 'be-enhanced/beEnhanced.js';
@@ -79,7 +80,7 @@ export class BeHive extends Synthesizer {
             enhancedElementMatches, hostInstanceOf, hostMatches,
             leaves, preBaseDelimiter, preBranchDelimiter, importEnh,
             preLeafDelimiter, hasRootIn, map, osotas,
-            mapLocalNameTo, ws
+            mapLocalNameTo, ws, mapWSTo
             
         } = mergeWithDefaults;
         const mi: MountInit = {
@@ -148,9 +149,12 @@ export class BeHive extends Synthesizer {
                 initialPropValues[mapLocalNameTo] = mountedElement.localName;
             }
             initialPropValues.customHandlers = registeredHandlers.get(synConfig.top)?.get(enhPropKey);
-
+            let filteredWs: Array<IW> | undefined;
             if(ws !== undefined){
-                (await import('./e.js')).e(mountedElement, ws, initialPropValues);
+                filteredWs = (await import('./e.js')).e(mountedElement, ws, initialPropValues);
+                if(mapWSTo !== undefined){
+                    initialPropValues[mapWSTo] = filteredWs
+                }
             }
             //initialPropValues.scopedCustomHandlers = scopedHandlers.get(synConfig.top)?.get(enhPropKey);
             enhancementInstance.attach(mountedElement, {
@@ -158,7 +162,8 @@ export class BeHive extends Synthesizer {
                 initialPropValues,
                 mountCnfg: mergeWithDefaults,
                 synConfig,
-                observedAttrs
+                observedAttrs,
+                ws: filteredWs
             });
         });
     }

package/e.js

@@ -1,7 +1,9 @@
 export function e(matchingElement, ws, initialPropVals, ac) {
+    const matchingWs = [];
     for (const w of ws) {
         if (!matchingElement.matches(w.q))
             continue;
+        matchingWs.push(w);
         const { listeners, props } = w;
         for (const key in listeners) {
             let listener = listeners[key];
@@ -12,4 +14,5 @@ export function e(matchingElement, ws, initialPropVals, ac) {
         }
         Object.assign(initialPropVals, props);
     }
+    return matchingWs;
 }

package/e.ts

@@ -2,8 +2,10 @@ import { EventListenerClass, EventListenerOrFn, IW } from "./ts-refs/trans-rende
 
 
 export function e(matchingElement: Element, ws: Array<IW>, initialPropVals: any, ac?: AbortController){
+    const matchingWs = [];
     for(const w of ws){
         if(!matchingElement.matches(w.q)) continue;
+        matchingWs.push(w);
         const {listeners, props} = w;
         for(const key in listeners){
             let listener = listeners[key] as any;
@@ -14,4 +16,5 @@ export function e(matchingElement: Element, ws: Array<IW>, initialPropVals: any,
         }
         Object.assign(initialPropVals, props);
     }
+    return matchingWs;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-hive",
-  "version": "0.0.224",
+  "version": "0.0.226",
   "keywords": [
     "web-components",
     "web-component",

package/w.js

@@ -16,12 +16,35 @@ export class W {
     get props() {
         return this.#props;
     }
+    #refs = {};
+    get refs() {
+        return this.#refs;
+    }
+    /**
+     * add events
+     * @param eventsToAdd
+     * @returns
+     */
     a(eventsToAdd) {
         this.#listeners = { ...this.#listeners, ...eventsToAdd };
         return this;
     }
+    /**
+     * set props
+     * @param props
+     * @returns
+     */
     s(props) {
         this.#props = { ...this.#props, ...props };
         return this;
     }
+    /**
+     * register refs
+     * @param refs
+     * @returns
+     */
+    r(refs) {
+        this.#refs = { ...this.#refs, ...refs };
+        return this;
+    }
 }

package/w.ts

@@ -16,13 +16,37 @@ export class W<T = EventTarget> implements IW<T>{
     get props(){
         return this.#props;
     }
+    #refs: {[key: string]: any} = {};
+    get refs(){
+        return this.#refs;
+    }
+    /**
+     * add events
+     * @param eventsToAdd 
+     * @returns 
+     */
     a(eventsToAdd: {[key: string]: EventListenerOrFn}){
         this.#listeners = {...this.#listeners, ...eventsToAdd};
         return this;
     }
+    /**
+     * set props
+     * @param props 
+     * @returns 
+     */
     s(props: Partial<T>){
         this.#props = {...this.#props, ...props};
         return this;
     }
 
+    /**
+     * register refs
+     * @param refs 
+     * @returns 
+     */
+    r(refs: {[key: string]: any}){
+        this.#refs = {...this.#refs, ...refs};
+        return this;
+    }
+
 }