Added unbindAll method that removes all listeners

Observe.bundle.js

@@ -111,6 +111,7 @@ System.register("Observe", [], function (exports_1, context_1) {
                     this.currentEvent = new CustomEvent("");
                     this.maxHistorySize = 1000;
                     this.lastNestedBound = () => { };
+                    this.boundCallbacks = [];
                     this.eventID = "Observed_" +
                         crypto.getRandomValues(new Uint32Array(2)).toString().replace(",", "_");
                     this.history.push(defaultValue);
@@ -127,10 +128,19 @@ System.register("Observe", [], function (exports_1, context_1) {
                 bind(callback, once = false) {
                     let func = (e) => callback(e.detail);
                     addEventListener(this.eventID, func, { once });
+                    this.boundCallbacks.push(func);
                     return func;
                 }
                 unBind(callback) {
                     removeEventListener(this.eventID, callback);
+                    this.boundCallbacks.splice(this.boundCallbacks.findIndex((x) => x === callback));
+                    return this;
+                }
+                unBindAll() {
+                    this.boundCallbacks.forEach(cb => {
+                        removeEventListener(this.eventID, cb);
+                    });
+                    this.boundCallbacks = [];
                     return this;
                 }
                 setValue(...value) {

Observe.ts

@@ -11,6 +11,7 @@ export default class Observe<T> {
    */
   public maxHistorySize = 1000;
   private lastNestedBound: EventListener | EventListenerObject = () => {};
+  public boundCallbacks: Array<(e: Event) =>void> = [];
   /**
    * Observes a value for changes and updates all the listeners. also keeps a track of the change history.
    * @param defaultValue
@@ -54,6 +55,7 @@ export default class Observe<T> {
   ): (e: Event) => void {
     let func = (e: Event) => callback((<CustomEvent> e).detail);
     addEventListener(this.eventID, func, { once });
+    this.boundCallbacks.push(func);
     return func;
   }
   /**
@@ -62,6 +64,18 @@ export default class Observe<T> {
    */
   public unBind(callback: EventListener | EventListenerObject): this {
     removeEventListener(this.eventID, callback);
+    this.boundCallbacks.splice(this.boundCallbacks.findIndex((x)=>x === callback));
+    return this;
+  }
+
+  /**
+   * Unbinds ALL previously bound EventListener or EventListenerObject.
+   */
+  public unBindAll(): this{
+    this.boundCallbacks.forEach(cb => {
+      removeEventListener(this.eventID, cb);
+    });
+    this.boundCallbacks = [];
     return this;
   }
 

sandbox.ts

@@ -0,0 +1,13 @@
+import Observe from "./Observe.ts";
+
+let obs = new Observe("initial value");
+
+function test(d: any) {
+  console.log("hello " + d);
+}
+
+let first = obs.bind(test);
+let second = obs.bind((x)=>console.log("----------"))
+obs.unBind(first);
+
+obs.setValue("test");

test_base.ts

@@ -130,5 +130,13 @@ export function testBaseClass() {
     val.setValue("lorem");
     assertEquals(val.stop(), val);
   });
+  Deno.test("unbinding All removes all listeners", (): void => {
+    let val = new Observe("init");
+    let t = 0;
+    val.bind(()=>t++);
+    val.bind(()=>t++);
+    val.unBindAll();
+    assertEquals(t, 0);
+  });
   console.log("\n[+] -- DONE: Testing main class -- \n");
 }

test_bundle.ts

@@ -129,5 +129,13 @@ export function testBundled() {
     val.setValue("lorem");
     assertEquals(val.stop(), val);
   });
+  Deno.test("unbinding All removes all listeners", (): void => {
+    let val = new Observe("init");
+    let t = 0;
+    val.bind(()=>t++);
+    val.bind(()=>t++);
+    val.unBindAll();
+    assertEquals(t, 0);
+  });
   console.log("\n[+] -- DONE: Testing Bundled version -- \n");
 }