ArrayZoneYour
diff --git a/‎frameworks/non-keyed/sifrr/elements/main/element.html‎
Lines changed: 15 additions & 18 deletions b/‎frameworks/non-keyed/sifrr/elements/main/element.html‎
Lines changed: 15 additions & 18 deletions
diff --git a/‎frameworks/non-keyed/sifrr/elements/sifrr/row.html‎
Lines changed: 1 addition & 1 deletion b/‎frameworks/non-keyed/sifrr/elements/sifrr/row.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎frameworks/non-keyed/sifrr/index.html‎
Lines changed: 1 addition & 1 deletion b/‎frameworks/non-keyed/sifrr/index.html‎
Lines changed: 1 addition & 1 deletion
@@ -68,25 +68,22 @@ <h1>Sifrr</h1>
   class MainElement extends Sifrr.Dom.Element {
     onConnect() {
       const self = this;
-      this.$('div').$click = (e, target) => {
-        if (target.matches('.remove')) {
-          const id = getParent(target).state.id;
-          // console.log("delete",id);
-          const data = self.state.data;
-          for(let i = data.length-1; i >= 0; i--){
-            if (data[i].id == id) {
-              data.splice(i, 1);
-            }
+      Sifrr.Dom.Event.addListener('click', '.remove', (e, target) => {
+        const id = getParent(target).state.id;
+        const data = self.state.data;
+        for(let i = data.length - 1; i >= 0; i--){
+          if (data[i].id === id) {
+            data.splice(i, 1);
           }
-          self.state = { data: data };
-        } else if (target.matches('.lbl')) {
-          const el = getParent(target);
-          // console.log("select", id);
-          if (self.selected) self.selected.className = '';
-          el.className = 'danger';
-          self.selected = el;
         }
-      };
+        self.state = { data: data };
+      });
+      Sifrr.Dom.Event.addListener('click', '.lbl', (e, target) => {
+        const el = getParent(target);
+        if (self.selected) self.selected.className = '';
+        el.className = 'danger';
+        self.selected = el;
+      });
     }
 
     run() {
@@ -142,7 +139,7 @@ <h1>Sifrr</h1>
     if (window.useSifrrInArray) {
       MainElement.addArrayToDom('data', '<tr is="sifrr-row"></tr>');
     } else {
-      MainElement.addArrayToDom('data', "<tr><td class='col-md-1 id'>${id}</td><td class='col-md-4'><a class='lbl'>${label}</a></td><td class='col-md-1'><a class='remove'><span class='remove glyphicon glyphicon-remove' aria-hidden='true'></span></a></td><td class='col-md-6'></td></tr>");
+      MainElement.addArrayToDom('data', "<tr><td class='col-md-1 id'>${id}</td><td class='col-md-4'><a class='lbl'>${label}</a></td><td class='col-md-1'><a class='remove'><span class='glyphicon glyphicon-remove' aria-hidden='true'></span></a></td><td class='col-md-6'></td></tr>");
     }
     Sifrr.Dom.register(MainElement);
   });
 
@@ -1,7 +1,7 @@
 <template>
   <td class='col-md-1'>${this.state.id}</td>
   <td class='col-md-4'><a class='lbl'>${this.state.label}</a></td>
-  <td class='col-md-1'><a class='remove'><span class='remove glyphicon glyphicon-remove' aria-hidden='true'></span></a></td>
+  <td class='col-md-1'><a class='remove'><span class='glyphicon glyphicon-remove' aria-hidden='true'></span></a></td>
   <td class='col-md-6'></td>
 </template>
 <script type="text/javascript">
 
@@ -8,7 +8,7 @@
 </head>
 
 <body>
-  <main-element></main-element>
+  <main-element id='main'></main-element>
   <script src='dist/app.min.js'></script>
 </body>