title: how do i create a RXJS pausable data flow that doesnt reset on each resume?
body: <p>i have tried out the documented example for RXJS pausable and while it pauses ok it resets on resume. how do i modify the example below to have my stream resume from where i paused it rather than reset?</p>
  
  <pre><code>  var pauser = new Rx.Subject();
  
    var source = Rx.Observable
      .interval(1000)
      .timeInterval()
      .pausable(pauser);
  
    var subscription = source.subscribe(
      function (x) {
          $("#result").append('Next: ' + JSON.stringify(x) + '&lt;br&gt;');
      },
      function (err) {
          $("#result").append('Error: ' + err);
      },
      function () {
          $("#result").append('Completed');
      });
  
  
    pauser.onNext(true);
  
    var paused = false;
    $("#result").click(function() { 
      $(this).append("mouse clicked");
      paused = (paused === false) ? true : false;
      pauser.onNext(paused);
    });
  </code></pre>
  
  <p>this is giving me the following output:</p>
  
  <pre><code>Next: {"value":0,"interval":1002}
  Next: {"value":1,"interval":1000}
  Next: {"value":2,"interval":999}
  mouse clicked
  mouse clicked
  Next: {"value":0,"interval":1001}
  Next: {"value":1,"interval":999}
  Next: {"value":2,"interval":1000}
  </code></pre>