be-hive 0.0.223 → 0.0.225

package/be-hive.js

@@ -127,8 +127,9 @@ 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);
+                filteredWs = (await import('./e.js')).e(mountedElement, ws, initialPropValues);
             }
             //initialPropValues.scopedCustomHandlers = scopedHandlers.get(synConfig.top)?.get(enhPropKey);
             enhancementInstance.attach(mountedElement, {
@@ -136,7 +137,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';
@@ -148,9 +149,9 @@ 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);
+                filteredWs = (await import('./e.js')).e(mountedElement, ws, initialPropValues);
             }
             //initialPropValues.scopedCustomHandlers = scopedHandlers.get(synConfig.top)?.get(enhPropKey);
             enhancementInstance.attach(mountedElement, {
@@ -158,7 +159,8 @@ export class BeHive extends Synthesizer {
                 initialPropValues,
                 mountCnfg: mergeWithDefaults,
                 synConfig,
-                observedAttrs
+                observedAttrs,
+                ws: filteredWs
             });
         });
     }

package/e.js

@@ -1,8 +1,10 @@
-export function e(matchingElement, ws, ac) {
+export function e(matchingElement, ws, initialPropVals, ac) {
+    const matchingWs = [];
     for (const w of ws) {
         if (!matchingElement.matches(w.q))
             continue;
-        const { listeners } = w;
+        matchingWs.push(w);
+        const { listeners, props } = w;
         for (const key in listeners) {
             let listener = listeners[key];
             if (listener.toString().substring(0, 5) === 'class') {
@@ -10,5 +12,7 @@ export function e(matchingElement, ws, ac) {
             }
             matchingElement.addEventListener(key, listener, { signal: ac?.signal });
         }
+        Object.assign(initialPropVals, props);
     }
+    return matchingWs;
 }

package/e.ts

@@ -1,16 +1,20 @@
 import { EventListenerClass, EventListenerOrFn, IW } from "./ts-refs/trans-render/be/types";
 
-export function e(matchingElement: Element, ws: Array<IW>, ac?: AbortController){
+
+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;
-        const {listeners} = w;
+        matchingWs.push(w);
+        const {listeners, props} = w;
         for(const key in listeners){
             let listener = listeners[key] as any;
             if(listener.toString().substring(0, 5) === 'class'){
                 listener = new (<EventListenerClass>listener)() as any as EventListenerOrFn;
             }
             matchingElement.addEventListener(key, listener, {signal: ac?.signal});
-            
         }
+        Object.assign(initialPropVals, props);
     }
+    return matchingWs;
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "be-hive",
-  "version": "0.0.223",
+  "version": "0.0.225",
   "keywords": [
     "web-components",
     "web-component",
     "custom-element",
     "custom-elements"
   ],
-  "description": "Specify that ShadowDOM should inherit be-haviors from parent Shadow DOM",
+  "description": "Specify that ShadowDOM should inherit be-hiviors from the parent Shadow DOM",
   "main": "be-hive.js",
   "module": "be-hive.js",
   "exports": {
@@ -29,7 +29,7 @@
     },
     "./Registry.js": {
       "default": "./Registry.js",
-      "types": "./Registry.Ts"
+      "types": "./Registry.ts"
     },
     "./w.js": {
       "default": "./w.js",
@@ -41,16 +41,16 @@
     "*.ts"
   ],
   "scripts": {
-    "serve": "node node_modules/may-it-serve/serve.js",
+    "serve": "python3 ./node_modules/ssi-server/ssi_server.py",
     "update": "ncu -u && npm install"
   },
   "dependencies": {
-    "be-enhanced": "0.0.146",
-    "mount-observer": "0.0.38",
-    "trans-render": "0.0.847"
+    "be-enhanced": "0.0.147",
+    "mount-observer": "0.0.39",
+    "trans-render": "0.0.848"
   },
   "devDependencies": {
-    "may-it-serve": "0.0.8"
+    "ssi-server": "0.0.1"
   },
   "repository": {
     "type": "git",

package/w.js

@@ -12,8 +12,39 @@ export class W {
     get listeners() {
         return this.#listeners;
     }
+    #props = {};
+    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

@@ -6,15 +6,47 @@ export function w(q: CSSQuery, ws: Array<IW>){
     return returnObj;
 }
 
-export class W implements IW{
+export class W<T = EventTarget> implements IW<T>{
     constructor(public q: CSSQuery){}
     #listeners:  MappedListeners = {};
     get listeners(){
         return this.#listeners;
     }
+    #props: Partial<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;
+    }
 
 }