diff --git a/ui/wolf.lib.html b/ui/wolf.lib.html
index 59c587f..044320d 100644
--- a/ui/wolf.lib.html
+++ b/ui/wolf.lib.html
@@ -1,16 +1,25 @@
-<!-- Sample control library!! -->
+<!-- Sample for now !! -->
+<wolf:define name="button">
+    <script>
+        define({
+            click: {
+                type: "event",
+                bindable: false,
+                set: attribute => {
+                    button.addEventListener("click", event => {
 
-<wolf:control id="button">
-    <attr mandatory="true">icon</attr>
-    <attr>text</attr>
-    <attr default="btn">class</attr>
-    <event>click</event>
-    <ui>
-        <button class="$class" event:click="$click"><i class="material-icons">$icon</i>$text</button>
-    </ui>
-</wolf:control>
+                    })
+                }
+            },
+            icon: {
+                bindable: true,
+                bindTo: "icon"
+            }
+        })
+    </script>
+    <button wolf:id="button" class="icon"><i class="material-icons">{icon}</i></button>
+</wolf:define>
 
 <!-- usage -->
-<!--
 <wolf:button click="goAdd" icon="add" />
--->
\ No newline at end of file
+<wolf:button click="goAdd" icon="add" />
diff --git a/ui/wolf.ui.js b/ui/wolf.ui.js
index ab1eba5..d7a7cce 100644
--- a/ui/wolf.ui.js
+++ b/ui/wolf.ui.js
@@ -492,4 +492,4 @@
             loadLibrary: loadLibrary,
         });
     });
-})();
\ No newline at end of file
+})();
diff --git a/wolf.js b/wolf.js
index cf9ad66..5d0d1dd 100644
--- a/wolf.js
+++ b/wolf.js
@@ -665,7 +665,7 @@
             function bindRepeater(parent, sibling, templates) {
                 var repeatItems = [];
                 if (parts.length != 1 || !parts[0].bind)
-                    throw new Exception("wolf:repeat does not allow composed bindings, use single one");
+                    throw new Error("wolf:repeat does not allow composed bindings, use single one");
                 var pathbar = parts[0].path;
                 if (pathbar && pathbar[pathbar.length - 1] != '/')
                     pathbar += '/';
@@ -991,23 +991,36 @@
             }
 
             /**
-             * Return the parent of theis element or a parent with a specified id
-             * @param {string} [id] id of element 
+             * Return the parent of theis element or a parent with a specified id or class
+             * @param {string} [idorclass] id of element or class if idorclass start with '.'
              */
-            function getParent(id) {
+            function getParent(idorclass) {
                 var dad = element.parentElement || defaultParent;
-                if (id) {
+                if (idorclass) {
                     while (dad && dad != document.documentElement) {
                         if (dad.getTemplate && dad.getTemplate().type == "#app")
                             break;
-                        if (dad.id == id)
-                            return dad;
+                        switch (idorclass[0]) {
+                            case '#':
+                                if ('#' + dad.id == idorclass)
+                                    return dad;
+                                break;
+                            case '.':
+                                if (dad.classList.contains(idorclass.substr(1)))
+                                    return dad;
+                                break;
+                            default:
+                                if (dad.id == idorclass)
+                                    return dad;
+                        }
+
                         dad = dad.getParent ? dad.getParent() : dad.parentElement;
                     }
                 } else
                     return dad;
             }
 
+
             /**
              * Sets the binding context data, updates all child nodes with relative bindings
              * @param {*} data 
@@ -1058,6 +1071,13 @@
                 loadFragmentTo(url, element, callback);
             }
 
+            /**
+             * Refresh element depending on model data
+             */
+            function refresh() {
+                D.getModel().refreshElement(element);
+            }
+
             if (!template.type) {
                 element.merge({
                     // Wolfed text node API
@@ -1371,6 +1391,20 @@
         }
 
         /**
+         * Executes an event when a desired fragment has been loaded if the fragment is already loaded executes the callback
+         */
+        function onFragmentReady(url, callback) {
+            var fragment = frgs[url];
+            if (!fragment) {
+                console.error("Only allowed on loaded or loading fragments, if fragment is not references a wait is not possible");
+            } else {
+                if (fragment instanceof K.CallbackList)
+                    fragment.add(callback);
+                else
+                    callback(fragment);
+            }
+        }
+        /**
          * Importa un recurso js o css a la página
          * @param {string} url Url of the resource to add
          * @param {string} [type] Type of resource, if none the type will be the url file extension
@@ -1707,6 +1741,7 @@
             fetchFragment: fetchFragment,
             loadFragment: loadFragment,
             loadFragmentTo: loadFragmentTo,
+            onFragmentReady: onFragmentReady,
             import: importResource,
             createNavigator: createNavigator,
             registerElement: registerElement,
@@ -1909,6 +1944,7 @@
         initApp: UI.initApp,
         loadFragment: UI.loadFragment,
         loadFragmentTo: UI.loadFragmentTo,
+        onFragmentReady: UI.onFragmentReady,
         import: UI.import,
         createNavigator: UI.createNavigator,
         // Tools
@@ -1916,4 +1952,4 @@
         loadJSON: TOOLS.loadJSON,
         I18N: TOOLS.I18N,
     };
-})();
\ No newline at end of file
+})();