vsn 0.1.126 → 0.1.128

package/src/DOM/DOMObject.ts

@@ -49,11 +49,11 @@ export abstract class DOMObject extends EventDispatcher {
         this._scope = scope;
     }
 
-    public watchAttribute(attr: string) {
+    public async watchAttribute(attr: string): Promise<any> {
 
     }
 
-    public watchStyle(style: string) {
+    public async watchStyle(style: string): Promise<any> {
 
     }
 

package/src/EventDispatcher.ts

@@ -30,6 +30,7 @@ export type EventDispatcherCallback = (...args: any[]) => any;
 
 export class EventDispatcher  {
     private static sources: EventDispatcher[] = [];
+    public static readonly stream: EventDispatcher = new EventDispatcher();
     private readonly _listeners: EventCallbackList;
     private readonly _allListeners: EventCallback[] = [];
     private readonly _relays: EventDispatcher[] = [];
@@ -137,19 +138,35 @@ export class EventDispatcher  {
     }
 
     noneWithContext(context: any): number {
-        let toRemove: EventCallback[] = [],
-            cnt = 0;
+        const toRemoveAll: EventCallback[] = [];
+        let cnt = 0;
 
-        for(const cb of this._allListeners) {
+        for (const cb of this._allListeners) {
             if(context == cb.context) {
-                toRemove.push(cb);
+                toRemoveAll.push(cb);
             }
         }
 
-        for(const cb of toRemove) {
+        for (const k in this._listeners) {
+            const toRemove: EventCallback[] = [];
+
+            for (const cb of this._listeners[k]) {
+                if(context == cb.context) {
+                    toRemove.push(cb);
+                }
+            }
+
+            for (const cb of toRemove) {
+                this._listeners[k].splice(this._listeners[k].indexOf(cb), 1);
+                cnt++;
+            }
+        }
+
+        for (const cb of toRemoveAll) {
             this._allListeners.splice(this._allListeners.indexOf(cb), 1);
             cnt++;
         }
+
         return cnt;
     }
 
@@ -180,5 +197,13 @@ export class EventDispatcher  {
         for (const relay of this._relays) {
             relay.dispatch(event, ...args);
         }
+
+        if (this === EventDispatcher.stream)
+            return;
+
+        let streamArgs = args;
+        if (args.length > 0 && args[0] !== this)
+            streamArgs = [this, ...args];
+        EventDispatcher.stream.dispatch(event, ...streamArgs);
     }
 }

package/src/Tag.ts

@@ -590,6 +590,12 @@ export class Tag extends DOMObject {
     }
 
     public async finalize() {
+        const tags: Tag[] = await this.getTagsToBuild() as Tag[];
+        for (const tag of tags) {
+            for (const attr of tag.getAttributesWithState(AttributeState.Connected)) {
+                await attr.finalize();
+            }
+        }
         this._state = TagState.Built;
         this.callOnWrapped('$built', this, this.scope, this.element);
         this.dispatch('$built', this);
@@ -747,7 +753,7 @@ export class Tag extends DOMObject {
         return this._scope;
     }
 
-    async watchAttribute(attributeName: string) {
+    async watchAttribute(attributeName: string): Promise<Attribute | StandardAttribute> {
         if (this.attributes.has(attributeName) && this.attributes.get(attributeName) instanceof StandardAttribute) {
             return this.attributes.get(attributeName);
         }
@@ -792,6 +798,10 @@ export class Tag extends DOMObject {
         this.attributes.clear();
         this._children.forEach(child => child.deconstruct());
         this._children.length = 0;
+        if (this._controller) {
+            this._controller.deconstruct();
+            this._controller = null;
+        }
         super.deconstruct();
     }
 }

package/src/attributes/StyleVarAttribute.ts

@@ -0,0 +1,35 @@
+import {Registry} from "../Registry";
+import {Attribute} from "../Attribute";
+import {Scope} from "../Scope";
+import {ScopeReference} from "../Scope/ScopeReference";
+
+
+@Registry.attribute('vsn-style-var')
+export class StyleVarAttribute extends Attribute {
+    public static readonly canDefer: boolean = false;
+    protected key?: string;
+    protected styleVar?: string;
+    protected boundScope?: Scope;
+
+    public async connect() {
+        let scopeKey: string = this.getAttributeValue();
+        let ref: ScopeReference;
+        try {
+            ref = this.tag.scope.getReference(scopeKey);
+        } catch (e) {
+            console.error('error', e);
+            return;
+        }
+
+        this.key = await ref.getKey();
+        this.styleVar = this.getAttributeBinding();
+        this.boundScope = await ref.getScope();
+        this.boundScope.on(`change:${this.key}`, this.update, this);
+
+        await super.connect();
+    }
+
+    update(e) {
+        this.tag.element.style.setProperty(`--${this.styleVar}`, e.value);
+    }
+}

package/src/attributes/_imports.ts

@@ -25,6 +25,7 @@ export {ServiceAttribute} from "./ServiceAttribute";
 export {SetAttribute} from "./SetAttribute";
 export {StandardAttribute} from "./StandardAttribute";
 export {StyleAttribute} from "./StyleAttribute";
+export {StyleVarAttribute} from "./StyleVarAttribute";
 export {TemplateAttribute} from "./TemplateAttribute";
 export {TypeAttribute} from "./TypeAttribute";
 export {XHRAttribute} from "./XHRAttribute";

package/src/version.ts

@@ -1,2 +1,2 @@
-export const VERSION = '0.1.126';
+export const VERSION = '0.1.128';