Added a way to pause updates without dissabling components

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloomstack/panda",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A generic aggregate composition library. Meant to be light weight and easily extensible.",
   "main": "lib/index.js",
   "module": "es/index.js",

src/index.js

@@ -137,6 +137,7 @@ export class Component {
         this._components = {}
         this._parent = parent;
         this._children = [];
+        this._canUpdate = true;
 
         this._baseComponent = baseComponent || null;
     }
@@ -157,6 +158,14 @@ export class Component {
         return this._started;
     }
 
+    get canUpdate() {
+        return this._canUpdate;
+    }
+
+    set canUpdate(value) {
+        this._canUpdate = value;
+    }
+
     /**
      * Returns true if this component is the root component.
      */
@@ -371,7 +380,10 @@ export class Component {
 
         this._started = true;
 
-        await this.update();
+        if ( this.canUpdate ) {
+            await this.update();
+        }
+
         await this.broadcast('onLateStart');
 
         return this;

tests/component-test.js

@@ -40,6 +40,15 @@ describe("Component", async () => {
     expect(comp.baseComponent === baseComp).toBe(true);
     expect(comp.parent === parentComp).toBe(true);
   });
+
+  it("Pause updates", async () => {
+    let comp = await Component.create();
+    comp.onUpdate = function() { /* do nothing */ }
+    spyOn(comp, 'onUpdate').andCallThrough();
+    comp.canUpdate = false;
+    await comp.init();
+    expect(comp.onUpdate).toNotHaveBeenCalled();
+  });
 })