2a5bac2bb3
* major JSDoc write up * removed ESLint `no-bitwise` exception, it only applies to specific functions and not the entire code * the `SVGCubicMorph` component will remove un-necessary `Z` path commands when is the case for better out of the box animation * fixed a minor disambiguation with `filterEffects` and `drop-shadow` property and its `dropshadow` interpolation function * TypeScript strong: all files are modules, easy to implement in any third party app * updated `CubicBezier` and SVGPathCommander * code cleanup
40 lines
1.6 KiB
JavaScript
40 lines
1.6 KiB
JavaScript
import KEC from '../objects/kute';
|
|
import linkProperty from '../objects/linkProperty';
|
|
import supportedProperties from '../objects/supportedProperties';
|
|
|
|
/**
|
|
* linkInterpolation
|
|
* @this {KUTE.Tween}
|
|
*/
|
|
export default function linkInterpolation() { // DON'T change
|
|
Object.keys(linkProperty).forEach((component) => {
|
|
const componentLink = linkProperty[component];
|
|
const componentProps = supportedProperties[component];
|
|
|
|
Object.keys(componentLink).forEach((fnObj) => {
|
|
if (typeof (componentLink[fnObj]) === 'function' // ATTR, colors, scroll, boxModel, borderRadius
|
|
&& Object.keys(this.valuesEnd).some((i) => (componentProps && componentProps.includes(i))
|
|
|| (i === 'attr' && Object.keys(this.valuesEnd[i]).some((j) => componentProps && componentProps.includes(j))))) {
|
|
if (!KEC[fnObj]) KEC[fnObj] = componentLink[fnObj];
|
|
} else {
|
|
Object.keys(this.valuesEnd).forEach((prop) => {
|
|
const propObject = this.valuesEnd[prop];
|
|
if (propObject instanceof Object) {
|
|
Object.keys(propObject).forEach((i) => {
|
|
if (typeof (componentLink[i]) === 'function') { // transformCSS3
|
|
if (!KEC[i]) KEC[i] = componentLink[i];
|
|
} else {
|
|
Object.keys(componentLink[fnObj]).forEach((j) => {
|
|
if (componentLink[i] && typeof (componentLink[i][j]) === 'function') { // transformMatrix
|
|
if (!KEC[j]) KEC[j] = componentLink[i][j];
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
}
|