mirror of https://github.com/sveltejs/svelte
parent
1360b2a547
commit
fc807c797e
@ -1,44 +1,44 @@
|
|||||||
import * as eases from 'svelte/easing';
|
import * as eases from 'svelte/easing';
|
||||||
|
|
||||||
let processed_eases = {};
|
const processed_eases = {};
|
||||||
|
|
||||||
for (let ease in eases) {
|
for (const ease in eases) {
|
||||||
if (ease === "linear") {
|
if (ease === "linear") {
|
||||||
processed_eases.linear = eases.linear;
|
processed_eases.linear = eases.linear;
|
||||||
} else {
|
} else {
|
||||||
const name = ease.replace(/In$|InOut$|Out$/, '');
|
const name = ease.replace(/In$|InOut$|Out$/, '');
|
||||||
const type = ease.match(/In$|InOut$|Out$/)[0];
|
const type = ease.match(/In$|InOut$|Out$/)[0];
|
||||||
|
|
||||||
if (!processed_eases.hasOwnProperty(name)) processed_eases[name] = {};
|
if (!(name in processed_eases)) processed_eases[name] = {};
|
||||||
processed_eases[name][type] = {};
|
processed_eases[name][type] = {};
|
||||||
processed_eases[name][type].fn = eases[ease];
|
processed_eases[name][type].fn = eases[ease];
|
||||||
|
|
||||||
let shape = 'M0 1000'
|
let shape = 'M0 1000';
|
||||||
for (let i = 1; i <= 1000; i++) {
|
for (let i = 1; i <= 1000; i++) {
|
||||||
shape = `${shape} L${(i / 1000) * 1000} ${1000 - eases[ease](i / 1000) * 1000} `;
|
shape = `${shape} L${(i / 1000) * 1000} ${1000 - eases[ease](i / 1000) * 1000} `;
|
||||||
|
|
||||||
processed_eases[name][type].shape = shape;
|
processed_eases[name][type].shape = shape;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
let sorted_eases = new Map([
|
const sorted_eases = new Map([
|
||||||
['sine', processed_eases.sine],
|
['sine', processed_eases.sine],
|
||||||
['quad', processed_eases.quad],
|
['quad', processed_eases.quad],
|
||||||
['cubic', processed_eases.cubic],
|
['cubic', processed_eases.cubic],
|
||||||
['quart', processed_eases.quart],
|
['quart', processed_eases.quart],
|
||||||
['quint', processed_eases.quint],
|
['quint', processed_eases.quint],
|
||||||
['expo', processed_eases.expo],
|
['expo', processed_eases.expo],
|
||||||
['circ', processed_eases.circ],
|
['circ', processed_eases.circ],
|
||||||
['back', processed_eases.back],
|
['back', processed_eases.back],
|
||||||
['elastic', processed_eases.elastic],
|
['elastic', processed_eases.elastic],
|
||||||
['bounce', processed_eases.bounce],
|
['bounce', processed_eases.bounce],
|
||||||
]);
|
]);
|
||||||
|
|
||||||
export let types = [
|
export const types = [
|
||||||
['Ease In', 'In'],
|
['Ease In', 'In'],
|
||||||
['Ease Out', 'Out'],
|
['Ease Out', 'Out'],
|
||||||
['Ease In Out', 'InOut']
|
['Ease In Out', 'InOut']
|
||||||
];
|
];
|
||||||
|
|
||||||
export { sorted_eases as eases };
|
export { sorted_eases as eases };
|
Loading…
Reference in new issue