leanweb 1.3.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "leanweb",
-   "version": "1.3.0",
+   "version": "1.3.1",
    "description": "Builds framework agnostic web components.",
    "bin": {
       "leanweb": "leanweb.js",

package/templates/lib/lw-element.js

@@ -143,7 +143,6 @@ export default class LWElement extends HTMLElement {
                this._bindModels(rootNode);
                this._bindEvents(rootNode);
                this._bindInputs(rootNode);
-               rootNode.removeAttribute('lw-elem-bind');
             }
             if (rootNode.hasAttribute('lw-if')) {
                this.updateIf(rootNode);
@@ -162,11 +161,17 @@ export default class LWElement extends HTMLElement {
       const treeWalker = document.createTreeWalker(rootNode, NodeFilter.SHOW_ELEMENT, {
          acceptNode: node => {
             if (node.hasAttribute('lw-elem')) {
+               if (node.hasAttribute('lw-for')) {
+                  this.updateFor(node);
+                  return NodeFilter.FILTER_REJECT;
+               }
+               if (node.hasAttribute('lw-for-parent')) {
+                  return NodeFilter.FILTER_REJECT;
+               }
                if (node.hasAttribute('lw-elem-bind')) {
                   this._bindModels(node);
                   this._bindEvents(node);
                   this._bindInputs(node);
-                  node.removeAttribute('lw-elem-bind');
                }
                if (node.hasAttribute('lw-if')) {
                   this.updateIf(node);
@@ -174,13 +179,6 @@ export default class LWElement extends HTMLElement {
                if (node.hasAttribute('lw-false')) {
                   return NodeFilter.FILTER_REJECT;
                }
-               if (node.hasAttribute('lw-for-parent')) {
-                  return NodeFilter.FILTER_REJECT;
-               }
-               if (node.hasAttribute('lw-for')) {
-                  this.updateFor(node);
-                  return NodeFilter.FILTER_REJECT;
-               }
                this.updateEval(node);
                this.updateClass(node);
                this.updateBind(node);
@@ -203,6 +201,10 @@ export default class LWElement extends HTMLElement {
    }
 
    _bindInputs(inputNode) {
+      if (inputNode['lw_input_bound']) {
+         return;
+      }
+      inputNode['lw_input_bound'] = true;
       for (const attr of inputNode.attributes) {
          const attrName = attr.name;
          const attrValue = attr.value;
@@ -218,17 +220,17 @@ export default class LWElement extends HTMLElement {
    }
 
    // properties:
-   // lw-on:click: true
+   // lw_event_bound: boolean
    _bindEvents(eventNode) {
+      if (eventNode['lw_event_bound']) {
+         return;
+      }
+      eventNode['lw_event_bound'] = true;
       const me = this;
       for (const attr of eventNode.attributes) {
          const attrName = attr.name;
          const attrValue = attr.value;
          if (attrName.startsWith('lw-on:')) {
-            if (eventNode[attrName]) {
-               continue;
-            }
-            eventNode[attrName] = true;
             const interpolation = this.ast[attrValue];
             interpolation.lwValue.split(',').forEach(eventType => {
                eventNode.addEventListener(eventType.trim(), (event => {
@@ -250,16 +252,16 @@ export default class LWElement extends HTMLElement {
    }
 
    // properties:
-   // model_event_bound: boolean
+   // lw_model_bound: boolean
    _bindModels(modelNode) {
       const key = modelNode.getAttribute('lw-model');
       if (!key) {
          return;
       }
-      if (modelNode['model_event_bound']) {
+      if (modelNode['lw_model_bound']) {
          return;
       }
-      modelNode['model_event_bound'] = true;
+      modelNode['lw_model_bound'] = true;
       const interpolation = this.ast[key];
       modelNode.addEventListener('input', (event => {
          const context = this._getNodeContext(modelNode);