vsn 0.1.136 → 0.1.138

package/dist/attributes/StyleVarAttribute.js

@@ -97,6 +97,20 @@ var StyleVarAttribute = /** @class */ (function (_super) {
             });
         });
     };
+    StyleVarAttribute.prototype.disconnect = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.boundScope.offWithContext("change:" + this.key, this);
+                        return [4 /*yield*/, _super.prototype.disconnect.call(this)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     StyleVarAttribute.prototype.update = function (e) {
         this.tag.element.style.setProperty("--" + this.styleVar, e.value);
     };

package/dist/attributes/StyleVarAttribute.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyleVarAttribute.js","sourceRoot":"","sources":["../../src/attributes/StyleVarAttribute.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAqC;AACrC,0CAAuC;AAMvC;IAAuC,qCAAS;IAAhD;;IA2BA,CAAC;IArBgB,mCAAO,GAApB;;;;;;wBACQ,QAAQ,GAAW,IAAI,CAAC,iBAAiB,EAAE,CAAC;wBAEhD,IAAI;4BACA,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;yBAC/C;wBAAC,OAAO,CAAC,EAAE;4BACR,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;4BAC1B,sBAAO;yBACV;wBAED,KAAA,IAAI,CAAA;wBAAO,qBAAM,GAAG,CAAC,MAAM,EAAE,EAAA;;wBAA7B,GAAK,GAAG,GAAG,SAAkB,CAAC;wBAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;wBAC3C,KAAA,IAAI,CAAA;wBAAc,qBAAM,GAAG,CAAC,QAAQ,EAAE,EAAA;;wBAAtC,GAAK,UAAU,GAAG,SAAoB,CAAC;wBACvC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,YAAU,IAAI,CAAC,GAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;wBAE5D,qBAAM,iBAAM,OAAO,WAAE,EAAA;;wBAArB,SAAqB,CAAC;;;;;KACzB;IAED,kCAAM,GAAN,UAAO,CAAC;QACJ,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,OAAK,IAAI,CAAC,QAAU,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC;IAzBsB,0BAAQ,GAAY,KAAK,CAAC;IADxC,iBAAiB;QAD7B,mBAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;OACvB,iBAAiB,CA2B7B;IAAD,wBAAC;CAAA,AA3BD,CAAuC,qBAAS,GA2B/C;AA3BY,8CAAiB"}
+{"version":3,"file":"StyleVarAttribute.js","sourceRoot":"","sources":["../../src/attributes/StyleVarAttribute.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAqC;AACrC,0CAAuC;AAMvC;IAAuC,qCAAS;IAAhD;;IAgCA,CAAC;IA1BgB,mCAAO,GAApB;;;;;;wBACQ,QAAQ,GAAW,IAAI,CAAC,iBAAiB,EAAE,CAAC;wBAEhD,IAAI;4BACA,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;yBAC/C;wBAAC,OAAO,CAAC,EAAE;4BACR,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;4BAC1B,sBAAO;yBACV;wBAED,KAAA,IAAI,CAAA;wBAAO,qBAAM,GAAG,CAAC,MAAM,EAAE,EAAA;;wBAA7B,GAAK,GAAG,GAAG,SAAkB,CAAC;wBAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;wBAC3C,KAAA,IAAI,CAAA;wBAAc,qBAAM,GAAG,CAAC,QAAQ,EAAE,EAAA;;wBAAtC,GAAK,UAAU,GAAG,SAAoB,CAAC;wBACvC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,YAAU,IAAI,CAAC,GAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;wBAE5D,qBAAM,iBAAM,OAAO,WAAE,EAAA;;wBAArB,SAAqB,CAAC;;;;;KACzB;IAEY,sCAAU,GAAvB;;;;;wBACI,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,YAAU,IAAI,CAAC,GAAK,EAAE,IAAI,CAAC,CAAC;wBAC3D,qBAAM,iBAAM,UAAU,WAAE,EAAA;;wBAAxB,SAAwB,CAAC;;;;;KAC5B;IAED,kCAAM,GAAN,UAAO,CAAC;QACJ,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,OAAK,IAAI,CAAC,QAAU,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC;IA9BsB,0BAAQ,GAAY,KAAK,CAAC;IADxC,iBAAiB;QAD7B,mBAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;OACvB,iBAAiB,CAgC7B;IAAD,wBAAC;CAAA,AAhCD,CAAuC,qBAAS,GAgC/C;AAhCY,8CAAiB"}

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.1.136";
+export declare const VERSION = "0.1.138";

package/dist/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '0.1.136';
+exports.VERSION = '0.1.138';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vsn",
-  "version": "0.1.136",
+  "version": "0.1.138",
   "description": "SEO Friendly Javascript/Typescript Framework",
   "keywords": [
     "framework",

package/src/Attribute.ts

@@ -9,7 +9,8 @@ export enum AttributeState {
     Setup,
     Extracted,
     Connected,
-    Built
+    Built,
+    Disconnected
 }
 
 export abstract class Attribute extends EventDispatcher {
@@ -64,6 +65,10 @@ export abstract class Attribute extends EventDispatcher {
         this.setState(AttributeState.Built);
     }
 
+    public async disconnect() {
+        this.setState(AttributeState.Disconnected);
+    }
+
     public async evaluate() {}
 
     public getAttributeValue(fallback: any = null) {
@@ -113,6 +118,7 @@ export abstract class Attribute extends EventDispatcher {
     }
 
     public deconstruct() {
+        this.disconnect();
         super.deconstruct();
         (this as any).tag = null;
         (this as any).slot = null;

package/src/Scope.ts

@@ -33,8 +33,16 @@ export class Scope extends ScopeAbstract {
         if (this._data)
             this._data.deconstruct();
         this._data = null;
+
+        for (const child of this.children) {
+            child.deconstruct();
+        }
         this.children.length = 0;
-        this._parentScope = null;
+
+        if (this._parentScope) {
+            this._parentScope.removeChild(this);
+            this._parentScope = null;
+        }
     }
 
     public get data(): ScopeData {

package/src/Tag.ts

@@ -412,6 +412,7 @@ export class Tag extends DOMObject {
     }
 
     public setElementAttribute(key: string, value: any) {
+        if (!this.element) return null;
         if (this.isMagicAttribute(key)) {
             if (key === '@text')
                 this.element.innerText = value;
@@ -441,6 +442,7 @@ export class Tag extends DOMObject {
     }
 
     public getElementAttribute(key: string): any {
+        if (!this.element) return null;
         if (this.isMagicAttribute(key)) {
             if (key === '@text')
                 return this.element.innerText;
@@ -660,6 +662,8 @@ export class Tag extends DOMObject {
                 handler.handler.call(handler.context, e);
             }
         }
+        this.scope.remove('$event');
+        this.scope.remove('$value');
     }
 
     public hasModifier(attribute: string, modifier: string): boolean {

package/src/attributes/Bind.ts

@@ -55,6 +55,11 @@ export class Bind extends Attribute {
         await super.connect();
     }
 
+    public async disconnect() {
+        this.boundScope.offWithContext(`change:${this.key}`, this);
+        await super.disconnect();
+    }
+
     public async evaluate() {
         const elementValue = this.valueFromElement;
         if (!!elementValue)

package/src/attributes/ScopeChange.ts

@@ -22,6 +22,13 @@ export abstract class ScopeChange extends Attribute {
         await super.connect();
     }
 
+    public async disconnect() {
+        const binding = this.getAttributeBinding();
+        const ref: ScopeReference = this.tag.scope.getReference(binding, false);
+        (await ref.getScope()).offWithContext(`change:${await ref.getKey()}`, this);
+        await super.disconnect();
+    }
+
     async handleEvent(e) {
         await this.handler.evaluate(this.tag.scope, this.tag.dom, this.tag);
     }

package/src/attributes/StandardAttribute.ts

@@ -16,10 +16,15 @@ export class StandardAttribute extends Attribute {
     }
 
     public async connect() {
-        this.tag.scope.on(`change:${this.key}`, this.updateTo.bind(this));
+        this.tag.scope.on(`change:${this.key}`, this.updateTo, this);
         await super.connect();
     }
 
+    public async disconnect() {
+        this.tag.scope.offWithContext(`change:${this.key}`, this);
+        await super.disconnect();
+    }
+
     public mutate(mutation: MutationRecord) {
         super.mutate(mutation);
         this.updateFrom();

package/src/attributes/StyleAttribute.ts

@@ -33,6 +33,11 @@ export class StyleAttribute extends Attribute {
         await super.connect();
     }
 
+    public async disconnect() {
+        this.styleScope.offWithContext(`change`, this);
+        await super.disconnect();
+    }
+
     public async extract() {
         this.updateFrom();
         this.updateTo();

package/src/attributes/StyleVarAttribute.ts

@@ -29,6 +29,11 @@ export class StyleVarAttribute extends Attribute {
         await super.connect();
     }
 
+    public async disconnect() {
+        this.boundScope.offWithContext(`change:${this.key}`, this);
+        await super.disconnect();
+    }
+
     update(e) {
         this.tag.element.style.setProperty(`--${this.styleVar}`, e.value);
     }

package/src/version.ts

@@ -1,2 +1,2 @@
-export const VERSION = '0.1.136';
+export const VERSION = '0.1.138';