vsn 0.1.102 → 0.1.105

package/package.json

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

package/src/DOM.ts

@@ -269,6 +269,9 @@ export class DOM extends EventDispatcher {
         if (isRoot) {
             document.body.setAttribute('vsn-root', '');
             document.ondragover = (e) => e.cancelable && e.preventDefault();  // Allow dragging over document
+            this._root = await this.buildTag(document.body, true);
+            this._root.createScope(true);
+            await this.setupTags([this._root]);
         }
 
         // Setup components first
@@ -294,8 +297,6 @@ export class DOM extends EventDispatcher {
             if (tag)
                 newTags.push(tag);
         }
-        if (isRoot)
-            this._root = await this.getTagForElement(document.body);
 
        await this.setupTags(newTags);
 
@@ -370,7 +371,7 @@ export class DOM extends EventDispatcher {
             await this.resetBranch(t);
         }
 
-        if (tag && tag.uniqueScope && tag.parentTag) {
+        if (tag && tag.parentTag && tag.uniqueScope) {
             tag.scope.parentScope = tag.parentTag.scope;
         }
     }

package/src/Tag.ts

@@ -561,6 +561,7 @@ export class Tag extends DOMObject {
     public async finalize() {
         this._state = TagState.Built;
         this.callOnWrapped('$built', this, this.scope, this.element);
+        this.dispatch('$built', this);
         VisionHelper.nice(this.setupDeferredAttributes.bind(this));
     }
 

package/src/attributes/If.ts

@@ -9,7 +9,6 @@ export class If extends Attribute {
 
     public async compile() {
         const statement: string = this.getAttributeValue();
-        console.log('if statement for', this.tag.element, statement);
         this.tree = new Tree(statement);
         await this.tree.prepare(this.tag.scope, this.tag.dom, this.tag);
         await super.compile();
@@ -34,10 +33,8 @@ export class If extends Attribute {
         const result: boolean = await this.tree.evaluate(this.tag.scope, this.tag.dom, this.tag);
         if (result) {
             this.tag.show();
-            console.log('show', this.tag.element);
         } else {
             this.tag.hide();
-            console.log('hide', this.tag.element);
         }
     }
 }

package/src/attributes/List.ts

@@ -99,7 +99,8 @@ export class List extends Attribute {
             const tag: Tag = await this.tag.dom.getTagForElement(element);
             if (tag) {
                 this.tags.push(tag);
-                this.items.push(tag.scope.wrapped || tag.scope);
+                let listModel = tag.scope.get(this.listItemName);
+                this.items.push(listModel?.wrapped || listModel || tag.scope.wrapped || tag.scope);
             }
         }
 
@@ -189,6 +190,10 @@ export class List extends Attribute {
         if (cls) {
             if (!obj || !(obj instanceof cls)) {
                 obj = new cls(obj);
+                this.tag.once('$built', () => {
+                    if (obj['$built'])
+                        obj['$built'](this.tag, this.tag.scope, this.tag.element);
+                });
             }
         }
 

package/src/version.ts

@@ -1,2 +1,2 @@
-export const VERSION = '0.1.102';
+export const VERSION = '0.1.105';