vsn 0.1.96 → 0.1.97

package/dist/vsn.min.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+ */

package/package.json

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

package/src/Tag.ts

@@ -489,7 +489,6 @@ export class Tag extends DOMObject {
             for (const attr of tag.getAttributesWithState(AttributeState.Instantiated)) {
                 await attr.compile();
             }
-
         }
         this._state = TagState.AttributesCompiled;
     }

package/src/attributes/List.ts

@@ -51,7 +51,7 @@ export class List extends Attribute {
         await this.addExistingItems(items);
 
         listScope.on(`change:${listKey}`, (e) => {
-            if (e.oldValue) {
+            if (e?.oldValue) {
                 if (e.oldValue instanceof WrappedArray) {
                     e.oldValue.map((item) => {
                         this.remove(item);
@@ -147,17 +147,17 @@ export class List extends Attribute {
 
         // Setup new tag
         const tag = await this.tag.dom.buildTag(element, true);
-
-        await this.setupTag(tag, obj);
+        await this.setupTagScope(tag, obj);
 
         // Add to DOM & build
         this.tag.element.appendChild(element);
+        await this.tag.dom.setupTags([tag]);
         await this.tag.dom.buildFrom(this.tag.element);
         this.tags.push(tag);
         this.tag.dispatch('add', obj);
     }
 
-    async setupTag(tag: Tag, obj: any) {
+    async setupTagScope(tag: Tag, obj: any) {
         tag.createScope(true);
 
         // Setup new scope & class, if defined
@@ -172,8 +172,11 @@ export class List extends Attribute {
         }
 
         // Check if the class is set up already
-        if (!cls || (!(tag.scope.data instanceof cls) && !(tag.scope.wrapped instanceof cls)))
+        if (!cls || (!(tag.scope.data instanceof cls) && !(tag.scope.wrapped instanceof cls))) {
+            if (tag.scope.wrapped)
+                tag.scope.unwrap();
             tag.wrap(obj);
+        }
 
         tag.scope.set(this.listItemName, tag.scope);
     }

package/src/attributes/ListItem.ts

@@ -20,7 +20,7 @@ export class ListItem extends Attribute {
             throw Error(ListItem.ERROR_NO_PARENT);
 
         const listAttr = await this.getListAttribute();
-        await listAttr.setupTag(this.tag, {});
+        await listAttr.setupTagScope(this.tag, {});
         await super.setup();
     }
 

package/src/version.ts

@@ -1,2 +1,2 @@
-export const VERSION = '0.1.96';
+export const VERSION = '0.1.97';
 

package/test/attributes/ListItem.spec.ts

@@ -107,7 +107,6 @@ describe('ListItem', () => {
             </ul>
         `;
 
-        console.log('################# building dom');
         const dom = new DOM(document);
         dom.once('built', async () => {
             const listItem = await dom.getTagForElement(document.getElementById('test-item'));