material-motion
Version:
Makes it easy to add rich, interactive motion to your application.
51 lines • 2.07 kB
JavaScript
/** @license
* Copyright 2016 - present The Material Motion Authors. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not
* use this file except in compliance with the License. You may obtain a copy
* of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*/
import { getFrame$, } from '../../getFrame$';
import { MotionObservable, } from '../../observables/proxies';
export function withDebounce(superclass) {
return class extends superclass {
/**
* Throttles the upstream subscription to emit its latest value whenever
* `pulse$` emits. If more than one value is received whilst awaiting
* the pulse, the most recent value is emitted and the intermediaries are
* forgotten.
*
* By default, it will throttle to the framerate using
* `requestAnimationFrame`.
*/
_debounce({ pulse$ = getFrame$() } = {}) {
return new MotionObservable((observer) => {
let awaitingEmit = false;
let lastValue;
const valueSubscription = this.subscribe((value) => {
lastValue = value;
awaitingEmit = true;
});
const pulseSubscription = pulse$.subscribe(() => {
if (awaitingEmit) {
awaitingEmit = false;
observer.next(lastValue);
}
});
return () => {
valueSubscription.unsubscribe();
pulseSubscription.unsubscribe();
};
});
}
};
}
//# sourceMappingURL=_debounce.js.map