material-motion
Version:
Makes it easy to add rich, interactive motion to your application.
49 lines • 2.1 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.
*/
export function withRewriteRange(superclass) {
return class extends superclass {
/**
* Receives a value from upstream, linearly interpolates it between the given
* ranges, and emits the result.
*/
rewriteRange({ fromStart$ = 0, fromEnd$ = 1, toStart$ = 0, toEnd$ = 1, shouldClamp$ = false, }) {
return this._reactiveNextOperator({
operation: ({ emit }) => ({ upstream, fromStart, fromEnd, toStart, toEnd, shouldClamp, }) => {
const fromRange = fromStart - fromEnd;
const fromProgress = (upstream - fromEnd) / fromRange;
const toRange = toStart - toEnd;
const result = toEnd + fromProgress * toRange;
if (shouldClamp) {
const min = Math.min(toStart, toEnd);
const max = Math.max(toStart, toEnd);
emit(Math.max(min, Math.min(result, max)));
}
else {
emit(result);
}
},
inputs: {
fromStart: fromStart$,
fromEnd: fromEnd$,
toStart: toStart$,
toEnd: toEnd$,
shouldClamp: shouldClamp$,
},
});
}
};
}
//# sourceMappingURL=rewriteRange.js.map