@nativescript/core 9.0.0-alpha.2 → 9.0.0-alpha.21

package/ui/animation/index.ios.js

@@ -1,798 +0,0 @@
-// Types
-import { AnimationBase, Properties } from './animation-common';
-import { CubicBezierAnimationCurve } from '../../core-types/animation-types';
-import { Trace } from '../../trace';
-import { opacityProperty, backgroundColorProperty, rotateProperty, rotateXProperty, rotateYProperty, translateXProperty, translateYProperty, scaleXProperty, scaleYProperty, heightProperty, widthProperty } from '../styling/style-properties';
-import { PercentLength } from '../styling/length-shared';
-import { ios as iosBackground } from '../styling/background';
-import { ios as iosViewUtils } from '../utils';
-import { ios as iosHelper } from '../../utils/native-helper';
-import { Screen } from '../../platform';
-export * from './animation-common';
-const _transform = '_transform';
-const _skip = '_skip';
-const FLT_MAX = 340282346638528859811704183484516925440.0;
-class AnimationInfo {
-}
-var AnimationDelegateImpl = /** @class */ (function (_super) {
-    __extends(AnimationDelegateImpl, _super);
-    function AnimationDelegateImpl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AnimationDelegateImpl.initWithFinishedCallback = function (finishedCallback, propertyAnimation, valueSource) {
-        var delegate = AnimationDelegateImpl.new();
-        delegate._finishedCallback = finishedCallback;
-        delegate._propertyAnimation = propertyAnimation;
-        delegate._valueSource = valueSource;
-        return delegate;
-    };
-    AnimationDelegateImpl.prototype.animationDidStart = function (anim) {
-        var value = this._propertyAnimation.value;
-        var setLocal = this._valueSource === 'animation';
-        var targetStyle = this._propertyAnimation.target.style;
-        this._propertyAnimation.target._suspendPresentationLayerUpdates();
-        switch (this._propertyAnimation.property) {
-            case Properties.backgroundColor:
-                targetStyle[setLocal ? backgroundColorProperty.name : backgroundColorProperty.keyframe] = value;
-                break;
-            case Properties.opacity:
-                targetStyle[setLocal ? opacityProperty.name : opacityProperty.keyframe] = value;
-                break;
-            case Properties.rotate:
-                targetStyle[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = value.x;
-                targetStyle[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = value.y;
-                targetStyle[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value.z;
-                break;
-            case Properties.translate:
-                targetStyle[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value.x;
-                targetStyle[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value.y;
-                break;
-            case Properties.height:
-                targetStyle[setLocal ? heightProperty.name : heightProperty.keyframe] = value;
-                break;
-            case Properties.width:
-                targetStyle[setLocal ? widthProperty.name : widthProperty.keyframe] = value;
-                break;
-            case Properties.scale:
-                targetStyle[setLocal ? scaleXProperty.name : scaleXProperty.keyframe] = value.x === 0 ? 1e-6 : value.x;
-                targetStyle[setLocal ? scaleYProperty.name : scaleYProperty.keyframe] = value.y === 0 ? 1e-6 : value.y;
-                break;
-            case _transform:
-                if (value[Properties.translate] !== undefined) {
-                    targetStyle[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value[Properties.translate].x;
-                    targetStyle[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value[Properties.translate].y;
-                }
-                if (value[Properties.rotate] !== undefined) {
-                    targetStyle[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = value[Properties.rotate].x;
-                    targetStyle[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = value[Properties.rotate].y;
-                    targetStyle[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value[Properties.rotate].z;
-                }
-                if (value[Properties.scale] !== undefined) {
-                    var x = value[Properties.scale].x;
-                    var y = value[Properties.scale].y;
-                    targetStyle[setLocal ? scaleXProperty.name : scaleXProperty.keyframe] = x === 0 ? 1e-6 : x;
-                    targetStyle[setLocal ? scaleYProperty.name : scaleYProperty.keyframe] = y === 0 ? 1e-6 : y;
-                }
-                break;
-        }
-        this._propertyAnimation.target._resumePresentationLayerUpdates();
-    };
-    AnimationDelegateImpl.prototype.animationDidStopFinished = function (anim, finished) {
-        if (this._finishedCallback) {
-            this._finishedCallback(!finished);
-        }
-        if (finished && this.nextAnimation) {
-            this.nextAnimation();
-        }
-    };
-    // The CAAnimationDelegate protocol has been introduced in the iOS 10 SDK
-    AnimationDelegateImpl.ObjCProtocols = global.CAAnimationDelegate ? [global.CAAnimationDelegate] : [];
-    return AnimationDelegateImpl;
-}(NSObject));
-export function _resolveAnimationCurve(curve) {
-    switch (curve) {
-        case 'easeIn':
-            return CAMediaTimingFunction.functionWithName(kCAMediaTimingFunctionEaseIn);
-        case 'easeOut':
-            return CAMediaTimingFunction.functionWithName(kCAMediaTimingFunctionEaseOut);
-        case 'easeInOut':
-            return CAMediaTimingFunction.functionWithName(kCAMediaTimingFunctionEaseInEaseOut);
-        case 'linear':
-            return CAMediaTimingFunction.functionWithName(kCAMediaTimingFunctionLinear);
-        case 'spring':
-            return curve;
-        case 'ease':
-            return CAMediaTimingFunction.functionWithControlPoints(0.25, 0.1, 0.25, 1.0);
-        default:
-            if (curve instanceof CAMediaTimingFunction) {
-                return curve;
-            }
-            else if (curve instanceof CubicBezierAnimationCurve) {
-                return CAMediaTimingFunction.functionWithControlPoints(curve.x1, curve.y1, curve.x2, curve.y2);
-            }
-            else {
-                console.error(`Invalid animation curve: ${curve}`);
-            }
-    }
-}
-export class Animation extends AnimationBase {
-    constructor(animationDefinitions, playSequentially) {
-        super(animationDefinitions, playSequentially);
-        this._valueSource = 'animation';
-        if (animationDefinitions.length > 0 && animationDefinitions[0].valueSource !== undefined) {
-            this._valueSource = animationDefinitions[0].valueSource;
-        }
-        if (!playSequentially) {
-            if (Trace.isEnabled()) {
-                Trace.write('Non-merged Property Animations: ' + this._propertyAnimations.length, Trace.categories.Animation);
-            }
-            this._mergedPropertyAnimations = Animation._mergeAffineTransformAnimations(this._propertyAnimations);
-            if (Trace.isEnabled()) {
-                Trace.write('Merged Property Animations: ' + this._mergedPropertyAnimations.length, Trace.categories.Animation);
-            }
-        }
-        else {
-            this._mergedPropertyAnimations = this._propertyAnimations;
-        }
-        const animationFinishedCallback = (cancelled) => {
-            if (this._playSequentially) {
-                // This function will be called by the last animation when done or by another animation if the user cancels them halfway through.
-                if (!cancelled) {
-                    this._resolveAnimationFinishedPromise();
-                }
-            }
-            else {
-                // This callback will be called by each INDIVIDUAL animation when it finishes or is cancelled.
-                if (cancelled) {
-                    this._cancelledAnimations++;
-                }
-                else {
-                    this._finishedAnimations++;
-                }
-                if (this._cancelledAnimations > 0 && this._cancelledAnimations + this._finishedAnimations === this._mergedPropertyAnimations.length) {
-                    if (Trace.isEnabled()) {
-                        Trace.write(this._cancelledAnimations + ' animations cancelled.', Trace.categories.Animation);
-                    }
-                }
-                else if (this._finishedAnimations === this._mergedPropertyAnimations.length) {
-                    if (Trace.isEnabled()) {
-                        Trace.write(this._finishedAnimations + ' animations finished.', Trace.categories.Animation);
-                    }
-                    this._resolveAnimationFinishedPromise();
-                }
-            }
-        };
-        this._iOSAnimationFunction = Animation._createiOSAnimationFunction(this._mergedPropertyAnimations, 0, this._playSequentially, this._valueSource, animationFinishedCallback);
-    }
-    play() {
-        if (this.isPlaying) {
-            return this._rejectAlreadyPlaying();
-        }
-        const animationFinishedPromise = super.play();
-        this._finishedAnimations = 0;
-        this._cancelledAnimations = 0;
-        this._iOSAnimationFunction();
-        return animationFinishedPromise;
-    }
-    cancel() {
-        if (!this.isPlaying) {
-            Trace.write('Animation is not currently playing.', Trace.categories.Animation, Trace.messageType.warn);
-            return;
-        }
-        if (this._mergedPropertyAnimations) {
-            for (let i = 0; i < this._mergedPropertyAnimations.length; i++) {
-                const propertyAnimation = this._mergedPropertyAnimations[i];
-                if (propertyAnimation) {
-                    if (propertyAnimation.target?.nativeViewProtected) {
-                        const nativeView = propertyAnimation.target.nativeViewProtected;
-                        if (nativeView.layer.mask) {
-                            nativeView.layer.mask.removeAllAnimations();
-                        }
-                        nativeView.layer.removeAllAnimations();
-                        // Gradient background animations
-                        if (nativeView.gradientLayer) {
-                            nativeView.gradientLayer.removeAllAnimations();
-                        }
-                        // Border animations
-                        if (nativeView.borderLayer) {
-                            if (nativeView.borderLayer.mask) {
-                                nativeView.borderLayer.mask.removeAllAnimations();
-                            }
-                            const borderLayers = nativeView.borderLayer.sublayers;
-                            if (borderLayers?.count) {
-                                for (let i = 0, count = borderLayers.count; i < count; i++) {
-                                    borderLayers[i].removeAllAnimations();
-                                }
-                            }
-                            nativeView.borderLayer.removeAllAnimations();
-                        }
-                        // Shadow animations
-                        if (nativeView.outerShadowContainerLayer) {
-                            if (nativeView.outerShadowContainerLayer.mask) {
-                                nativeView.outerShadowContainerLayer.mask.removeAllAnimations();
-                            }
-                            const outerShadowLayers = nativeView.outerShadowContainerLayer.sublayers;
-                            if (outerShadowLayers?.count) {
-                                for (let i = 0, count = outerShadowLayers.count; i < count; i++) {
-                                    const shadowLayer = outerShadowLayers[i];
-                                    if (shadowLayer.mask) {
-                                        shadowLayer.mask.removeAllAnimations();
-                                    }
-                                    shadowLayer.removeAllAnimations();
-                                }
-                            }
-                            nativeView.outerShadowContainerLayer.removeAllAnimations();
-                        }
-                    }
-                    if (propertyAnimation._propertyResetCallback) {
-                        propertyAnimation._propertyResetCallback(propertyAnimation._originalValue, this._valueSource);
-                    }
-                }
-            }
-        }
-    }
-    _resolveAnimationCurve(curve) {
-        return _resolveAnimationCurve(curve);
-    }
-    static _createiOSAnimationFunction(propertyAnimations, index, playSequentially, valueSource, finishedCallback) {
-        return (cancelled) => {
-            if (cancelled && finishedCallback) {
-                if (Trace.isEnabled()) {
-                    Trace.write('Animation ' + (index - 1).toString() + ' was cancelled. Will skip the rest of animations and call finishedCallback(true).', Trace.categories.Animation);
-                }
-                finishedCallback(cancelled);
-                return;
-            }
-            const animation = propertyAnimations[index];
-            const args = Animation._getNativeAnimationArguments(animation, valueSource);
-            if (animation.curve === 'spring') {
-                Animation._createNativeSpringAnimation(propertyAnimations, index, playSequentially, args, animation, valueSource, finishedCallback);
-            }
-            else {
-                Animation._createNativeAnimation(propertyAnimations, index, playSequentially, args, animation, valueSource, finishedCallback);
-            }
-        };
-    }
-    static _getNativeAnimationArguments(animation, valueSource) {
-        const view = animation.target;
-        const style = view.style;
-        const nativeView = view.nativeViewProtected;
-        const parent = view.parent;
-        let propertyNameToAnimate = animation.property;
-        let toValue = animation.value;
-        let fromValue;
-        if (nativeView) {
-            const setLocal = valueSource === 'animation';
-            switch (animation.property) {
-                case Properties.backgroundColor:
-                    animation._originalValue = view.backgroundColor;
-                    animation._propertyResetCallback = (value, valueSource) => {
-                        style[setLocal ? backgroundColorProperty.name : backgroundColorProperty.keyframe] = value;
-                    };
-                    fromValue = nativeView.layer.backgroundColor;
-                    if (nativeView instanceof UILabel) {
-                        nativeView.setValueForKey(UIColor.clearColor, 'backgroundColor');
-                    }
-                    toValue = toValue?.ios?.CGColor;
-                    break;
-                case Properties.opacity:
-                    animation._originalValue = view.opacity;
-                    animation._propertyResetCallback = (value, valueSource) => {
-                        style[setLocal ? opacityProperty.name : opacityProperty.keyframe] = value;
-                    };
-                    fromValue = nativeView.layer.opacity;
-                    break;
-                case Properties.rotate:
-                    animation._originalValue = {
-                        x: view.rotateX,
-                        y: view.rotateY,
-                        z: view.rotate,
-                    };
-                    animation._propertyResetCallback = (value, valueSource) => {
-                        style[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value.z;
-                        style[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = value.x;
-                        style[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = value.y;
-                    };
-                    propertyNameToAnimate = 'transform';
-                    fromValue = NSValue.valueWithCATransform3D(nativeView.layer.transform);
-                    toValue = NSValue.valueWithCATransform3D(iosHelper.applyRotateTransform(nativeView.layer.transform, toValue.x, toValue.y, toValue.z));
-                    break;
-                case Properties.translate:
-                    animation._originalValue = {
-                        x: view.translateX,
-                        y: view.translateY,
-                    };
-                    animation._propertyResetCallback = (value, valueSource) => {
-                        style[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value.x;
-                        style[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value.y;
-                    };
-                    propertyNameToAnimate = 'transform';
-                    fromValue = NSValue.valueWithCATransform3D(nativeView.layer.transform);
-                    toValue = NSValue.valueWithCATransform3D(CATransform3DTranslate(nativeView.layer.transform, toValue.x, toValue.y, 0));
-                    break;
-                case Properties.scale:
-                    if (toValue.x === 0) {
-                        toValue.x = 1e-6;
-                    }
-                    if (toValue.y === 0) {
-                        toValue.y = 1e-6;
-                    }
-                    animation._originalValue = { x: view.scaleX, y: view.scaleY };
-                    animation._propertyResetCallback = (value, valueSource) => {
-                        style[setLocal ? scaleXProperty.name : scaleXProperty.keyframe] = value.x;
-                        style[setLocal ? scaleYProperty.name : scaleYProperty.keyframe] = value.y;
-                    };
-                    propertyNameToAnimate = 'transform';
-                    fromValue = NSValue.valueWithCATransform3D(nativeView.layer.transform);
-                    toValue = NSValue.valueWithCATransform3D(CATransform3DScale(nativeView.layer.transform, toValue.x, toValue.y, 1));
-                    break;
-                case _transform:
-                    fromValue = NSValue.valueWithCATransform3D(nativeView.layer.transform);
-                    animation._originalValue = {
-                        xs: view.scaleX,
-                        ys: view.scaleY,
-                        xt: view.translateX,
-                        yt: view.translateY,
-                        rx: view.rotateX,
-                        ry: view.rotateY,
-                        rz: view.rotate,
-                    };
-                    animation._propertyResetCallback = (value, valueSource) => {
-                        style[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value.xt;
-                        style[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value.yt;
-                        style[setLocal ? scaleXProperty.name : scaleXProperty.keyframe] = value.xs;
-                        style[setLocal ? scaleYProperty.name : scaleYProperty.keyframe] = value.ys;
-                        style[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = value.rx;
-                        style[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = value.ry;
-                        style[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value.rz;
-                    };
-                    propertyNameToAnimate = 'transform';
-                    toValue = NSValue.valueWithCATransform3D(Animation._createNativeAffineTransform(animation));
-                    break;
-                case Properties.width:
-                case Properties.height: {
-                    const direction = animation.property;
-                    const isHeight = direction === 'height';
-                    propertyNameToAnimate = 'bounds';
-                    if (!parent) {
-                        console.error(`cannot animate ${direction} on root view`);
-                    }
-                    const parentExtent = isHeight ? parent.getMeasuredHeight() : parent.getMeasuredWidth();
-                    const asNumber = PercentLength.toDevicePixels(PercentLength.parse(toValue), parentExtent, parentExtent) / Screen.mainScreen.scale;
-                    const currentBounds = nativeView.layer.bounds;
-                    const extentX = isHeight ? currentBounds.size.width : asNumber;
-                    const extentY = isHeight ? asNumber : currentBounds.size.height;
-                    fromValue = NSValue.valueWithCGRect(currentBounds);
-                    toValue = NSValue.valueWithCGRect(CGRectMake(currentBounds.origin.x, currentBounds.origin.y, extentX, extentY));
-                    animation._originalValue = view[isHeight ? 'height' : 'width'];
-                    animation._propertyResetCallback = (value, valueSource) => {
-                        const prop = isHeight ? heightProperty : widthProperty;
-                        style[setLocal ? prop.name : prop.keyframe] = value;
-                    };
-                    break;
-                }
-                default:
-                    console.error(`Animating property '${animation.property}' is unsupported`);
-            }
-        }
-        let duration = 0.3;
-        if (animation.duration !== undefined) {
-            duration = animation.duration / 1000.0;
-        }
-        let delay = undefined;
-        if (animation.delay) {
-            delay = animation.delay / 1000.0;
-        }
-        let repeatCount = undefined;
-        if (animation.iterations !== undefined) {
-            if (animation.iterations === Number.POSITIVE_INFINITY) {
-                repeatCount = FLT_MAX;
-            }
-            else {
-                repeatCount = animation.iterations;
-            }
-        }
-        return {
-            propertyNameToAnimate: propertyNameToAnimate,
-            fromValue: fromValue,
-            toValue: toValue,
-            duration: duration,
-            repeatCount: repeatCount,
-            delay: delay,
-        };
-    }
-    static _createNativeAnimation(propertyAnimations, index, playSequentially, args, animation, valueSource, finishedCallback) {
-        const nativeView = animation.target.nativeViewProtected;
-        let nativeAnimation;
-        if (args.subPropertiesToAnimate) {
-            nativeAnimation = this._createGroupAnimation(args, animation);
-        }
-        else {
-            nativeAnimation = this._createBasicAnimation(args, animation);
-        }
-        const animationDelegate = AnimationDelegateImpl.initWithFinishedCallback(finishedCallback, animation, valueSource);
-        nativeAnimation.setValueForKey(animationDelegate, 'delegate');
-        if (nativeView) {
-            nativeView.layer.addAnimationForKey(nativeAnimation, args.propertyNameToAnimate);
-            if (args.propertyNameToAnimate === 'bounds') {
-                this.animateNestedLayerSizeUsingBasicAnimation(nativeView, args.toValue.CGRectValue, animation, args, nativeAnimation);
-            }
-            // Shadow container layer belongs to the parent view layer, so animate all its properties (except for colors) separately
-            if (args.propertyNameToAnimate && !args.propertyNameToAnimate.endsWith('Color')) {
-                if (nativeView.outerShadowContainerLayer) {
-                    nativeView.outerShadowContainerLayer.addAnimationForKey(nativeAnimation, args.propertyNameToAnimate);
-                }
-            }
-        }
-        let callback = undefined;
-        if (index + 1 < propertyAnimations.length) {
-            callback = Animation._createiOSAnimationFunction(propertyAnimations, index + 1, playSequentially, valueSource, finishedCallback);
-            if (!playSequentially) {
-                callback();
-            }
-            else {
-                animationDelegate.nextAnimation = callback;
-            }
-        }
-    }
-    static _createGroupAnimation(args, animation) {
-        const animations = NSMutableArray.alloc().initWithCapacity(args.subPropertiesToAnimate.length);
-        const groupAnimation = CAAnimationGroup.new();
-        groupAnimation.duration = args.duration;
-        if (args.repeatCount !== undefined) {
-            groupAnimation.repeatCount = args.repeatCount;
-        }
-        if (args.delay !== undefined) {
-            groupAnimation.beginTime = CACurrentMediaTime() + args.delay;
-        }
-        if (animation.curve !== undefined) {
-            groupAnimation.timingFunction = animation.curve;
-        }
-        args.subPropertiesToAnimate.forEach((property) => {
-            const basicAnimationArgs = { ...args, duration: undefined, repeatCount: undefined, delay: undefined, curve: undefined };
-            basicAnimationArgs.propertyNameToAnimate = `${args.propertyNameToAnimate}.${property}`;
-            basicAnimationArgs.fromValue = args.fromValue[property];
-            basicAnimationArgs.toValue = args.toValue[property];
-            const basicAnimation = this._createBasicAnimation(basicAnimationArgs, animation);
-            animations.addObject(basicAnimation);
-        });
-        groupAnimation.animations = animations;
-        return groupAnimation;
-    }
-    static _createBasicAnimation(args, animation) {
-        const basicAnimation = CABasicAnimation.animationWithKeyPath(args.propertyNameToAnimate);
-        basicAnimation.fromValue = args.fromValue;
-        basicAnimation.toValue = args.toValue;
-        basicAnimation.duration = args.duration;
-        if (args.repeatCount !== undefined) {
-            basicAnimation.repeatCount = args.repeatCount;
-        }
-        if (args.delay !== undefined) {
-            basicAnimation.beginTime = CACurrentMediaTime() + args.delay;
-        }
-        if (animation.curve !== undefined) {
-            basicAnimation.timingFunction = animation.curve;
-        }
-        return basicAnimation;
-    }
-    static _createNativeSpringAnimation(propertyAnimations, index, playSequentially, args, animation, valueSource, finishedCallback) {
-        const nativeView = animation.target.nativeViewProtected;
-        let callback = undefined;
-        let nextAnimation;
-        if (index + 1 < propertyAnimations.length) {
-            callback = Animation._createiOSAnimationFunction(propertyAnimations, index + 1, playSequentially, valueSource, finishedCallback);
-            if (!playSequentially) {
-                callback();
-            }
-            else {
-                nextAnimation = callback;
-            }
-        }
-        let delay = 0;
-        if (args.delay) {
-            delay = args.delay;
-        }
-        UIView.animateWithDurationDelayUsingSpringWithDampingInitialSpringVelocityOptionsAnimationsCompletion(args.duration, delay, 0.2, 0, 196608 /* UIViewAnimationOptions.CurveLinear */, () => {
-            if (args.repeatCount !== undefined) {
-                UIView.setAnimationRepeatCount(args.repeatCount);
-            }
-            switch (animation.property) {
-                case Properties.backgroundColor:
-                    animation.target.backgroundColor = args.toValue;
-                    break;
-                case Properties.opacity:
-                    animation.target.opacity = args.toValue;
-                    break;
-                case Properties.height:
-                case Properties.width:
-                    animation._originalValue = animation.target[animation.property];
-                    nativeView.layer.setValueForKey(args.toValue, args.propertyNameToAnimate);
-                    // Resize background during animation
-                    iosBackground.drawBackgroundVisualEffects(animation.target);
-                    animation._propertyResetCallback = function (value) {
-                        animation.target[animation.property] = value;
-                    };
-                    break;
-                case _transform:
-                    animation._originalValue = nativeView.layer.transform;
-                    nativeView.layer.setValueForKey(args.toValue, args.propertyNameToAnimate);
-                    // Shadow container layer belongs to the parent view layer, so animate its transform separately
-                    if (nativeView.outerShadowContainerLayer) {
-                        nativeView.outerShadowContainerLayer.setValueForKey(args.toValue, args.propertyNameToAnimate);
-                    }
-                    animation._propertyResetCallback = function (value) {
-                        nativeView.layer.transform = value;
-                    };
-                    break;
-            }
-        }, function (animationDidFinish) {
-            if (animationDidFinish) {
-                if (animation.property === _transform) {
-                    if (animation.value[Properties.translate] !== undefined) {
-                        animation.target.translateX = animation.value[Properties.translate].x;
-                        animation.target.translateY = animation.value[Properties.translate].y;
-                    }
-                    if (animation.value[Properties.rotate] !== undefined) {
-                        animation.target.rotateX = animation.value[Properties.rotate].x;
-                        animation.target.rotateY = animation.value[Properties.rotate].y;
-                        animation.target.rotate = animation.value[Properties.rotate].z;
-                    }
-                    if (animation.value[Properties.scale] !== undefined) {
-                        animation.target.scaleX = animation.value[Properties.scale].x;
-                        animation.target.scaleY = animation.value[Properties.scale].y;
-                    }
-                }
-            }
-            else {
-                if (animation._propertyResetCallback) {
-                    animation._propertyResetCallback(animation._originalValue);
-                }
-            }
-            if (finishedCallback) {
-                const cancelled = !animationDidFinish;
-                finishedCallback(cancelled);
-            }
-            if (animationDidFinish && nextAnimation) {
-                nextAnimation();
-            }
-        });
-    }
-    static _createNativeAffineTransform(animation) {
-        const value = animation.value;
-        let result = CATransform3DIdentity;
-        if (value[Properties.translate] !== undefined) {
-            const x = value[Properties.translate].x;
-            const y = value[Properties.translate].y;
-            result = CATransform3DTranslate(result, x, y, 0);
-        }
-        if (value[Properties.scale] !== undefined) {
-            const x = value[Properties.scale].x || 1e-6;
-            const y = value[Properties.scale].y || 1e-6;
-            result = CATransform3DScale(result, x, y, 1);
-        }
-        if (value[Properties.rotate] !== undefined) {
-            const x = value[Properties.rotate].x;
-            const y = value[Properties.rotate].y;
-            const z = value[Properties.rotate].z;
-            const perspective = animation.target.perspective || 300;
-            // Set perspective in case of rotation since we use z
-            if (x || y) {
-                result.m34 = -1 / perspective;
-            }
-            result = iosHelper.applyRotateTransform(result, x, y, z);
-        }
-        return result;
-    }
-    static _isAffineTransform(property) {
-        return property === _transform || property === Properties.translate || property === Properties.scale || property === Properties.rotate;
-    }
-    static _canBeMerged(animation1, animation2) {
-        const result = Animation._isAffineTransform(animation1.property) && Animation._isAffineTransform(animation2.property) && animation1.target === animation2.target && animation1.duration === animation2.duration && animation1.delay === animation2.delay && animation1.iterations === animation2.iterations && animation1.curve === animation2.curve;
-        return result;
-    }
-    static _mergeAffineTransformAnimations(propertyAnimations) {
-        const result = new Array();
-        let i = 0;
-        let j;
-        const length = propertyAnimations.length;
-        for (; i < length; i++) {
-            if (propertyAnimations[i][_skip]) {
-                continue;
-            }
-            if (!Animation._isAffineTransform(propertyAnimations[i].property)) {
-                // This is not an affine transform animation, so there is nothing to merge.
-                result.push(propertyAnimations[i]);
-            }
-            else {
-                // This animation has not been merged anywhere. Create a new transform animation.
-                // The value becomes a JSON object combining all affine transforms together like this:
-                // {
-                //    translate: {x: 100, y: 100 },
-                //    rotate: 90,
-                //    scale: {x: 2, y: 2 }
-                // }
-                const newTransformAnimation = {
-                    target: propertyAnimations[i].target,
-                    property: _transform,
-                    value: {},
-                    duration: propertyAnimations[i].duration,
-                    delay: propertyAnimations[i].delay,
-                    iterations: propertyAnimations[i].iterations,
-                    curve: propertyAnimations[i].curve,
-                };
-                if (Trace.isEnabled()) {
-                    Trace.write('Curve: ' + propertyAnimations[i].curve, Trace.categories.Animation);
-                }
-                newTransformAnimation.value[propertyAnimations[i].property] = propertyAnimations[i].value;
-                if (Trace.isEnabled()) {
-                    Trace.write('Created new transform animation: ' + Animation._getAnimationInfo(newTransformAnimation), Trace.categories.Animation);
-                }
-                // Merge all compatible affine transform animations to the right into this new animation.
-                j = i + 1;
-                if (j < length) {
-                    for (; j < length; j++) {
-                        if (Animation._canBeMerged(propertyAnimations[i], propertyAnimations[j])) {
-                            if (Trace.isEnabled()) {
-                                Trace.write('Merging animations: ' + Animation._getAnimationInfo(newTransformAnimation) + ' + ' + Animation._getAnimationInfo(propertyAnimations[j]) + ';', Trace.categories.Animation);
-                            }
-                            newTransformAnimation.value[propertyAnimations[j].property] = propertyAnimations[j].value;
-                            // Mark that it has been merged so we can skip it on our outer loop.
-                            propertyAnimations[j][_skip] = true;
-                        }
-                    }
-                }
-                result.push(newTransformAnimation);
-            }
-        }
-        return result;
-    }
-    static animateNestedLayerSizeUsingBasicAnimation(nativeView, bounds, animation, args, nativeAnimation) {
-        const view = animation.target;
-        // Gradient background animation
-        if (nativeView.gradientLayer) {
-            nativeView.gradientLayer.addAnimationForKey(nativeAnimation, 'bounds');
-        }
-        let clipPath; // This is also used for animating shadow
-        // Clipping mask animation
-        if (nativeView.layer.mask instanceof CAShapeLayer) {
-            let toValue;
-            if (nativeView.maskType === iosViewUtils.LayerMask.BORDER) {
-                toValue = iosBackground.generateNonUniformBorderOuterClipRoundedPath(view, bounds);
-            }
-            else if (nativeView.maskType === iosViewUtils.LayerMask.CLIP_PATH) {
-                clipPath = iosBackground.generateClipPath(view, bounds);
-                toValue = clipPath;
-            }
-            else {
-                Trace.write('Unknown mask on animating view: ' + view, Trace.categories.Animation, Trace.messageType.info);
-            }
-            if (toValue) {
-                nativeView.layer.mask.addAnimationForKey(this._createBasicAnimation({
-                    ...args,
-                    propertyNameToAnimate: 'path',
-                    fromValue: nativeView.layer.mask.path,
-                    toValue,
-                }, animation), 'path');
-            }
-        }
-        // Border animations (uniform and non-uniform)
-        if (nativeView.hasNonUniformBorder) {
-            if (nativeView.borderLayer) {
-                const innerClipPath = iosBackground.generateNonUniformBorderInnerClipRoundedPath(animation.target, bounds);
-                if (nativeView.hasNonUniformBorderColor) {
-                    const borderMask = nativeView.borderLayer.mask;
-                    if (borderMask instanceof CAShapeLayer) {
-                        borderMask.addAnimationForKey(this._createBasicAnimation({
-                            ...args,
-                            propertyNameToAnimate: 'path',
-                            fromValue: borderMask.path,
-                            toValue: innerClipPath,
-                        }, animation), 'path');
-                    }
-                    const borderLayers = nativeView.borderLayer.sublayers;
-                    if (borderLayers?.count) {
-                        const paths = iosBackground.generateNonUniformMultiColorBorderRoundedPaths(animation.target, bounds);
-                        for (let i = 0, count = borderLayers.count; i < count; i++) {
-                            const layer = nativeView.borderLayer.sublayers[i];
-                            if (layer instanceof CAShapeLayer) {
-                                layer.addAnimationForKey(this._createBasicAnimation({
-                                    ...args,
-                                    propertyNameToAnimate: 'path',
-                                    fromValue: layer.path,
-                                    toValue: paths[i],
-                                }, animation), 'path');
-                            }
-                        }
-                    }
-                }
-                else {
-                    nativeView.borderLayer.addAnimationForKey(this._createBasicAnimation({
-                        ...args,
-                        propertyNameToAnimate: 'path',
-                        fromValue: nativeView.borderLayer.path,
-                        toValue: innerClipPath,
-                    }, animation), 'path');
-                }
-            }
-        }
-        else {
-            // TODO: Animate border width when borders get support for percentage values
-            // Uniform corner radius also relies on view size
-            if (nativeView.layer.cornerRadius) {
-                nativeView.layer.addAnimationForKey(this._createBasicAnimation({
-                    ...args,
-                    propertyNameToAnimate: 'cornerRadius',
-                    fromValue: nativeView.layer.cornerRadius,
-                    toValue: iosBackground.getUniformBorderRadius(animation.target, bounds),
-                }, animation), 'cornerRadius');
-            }
-        }
-        // Shadow container layer belongs to the parent view layer, so animate its properties separately
-        if (nativeView.outerShadowContainerLayer) {
-            const shadowClipMask = nativeView.outerShadowContainerLayer.mask;
-            // This is for animating view clip path on shadow
-            if (clipPath && shadowClipMask instanceof CAShapeLayer) {
-                shadowClipMask.addAnimationForKey(this._createBasicAnimation({
-                    ...args,
-                    propertyNameToAnimate: 'path',
-                    fromValue: shadowClipMask.path,
-                    toValue: clipPath,
-                }, animation), 'path');
-            }
-            const outerShadowLayers = nativeView.outerShadowContainerLayer.sublayers;
-            if (outerShadowLayers?.count) {
-                const { maskPath, shadowPath } = iosBackground.generateShadowLayerPaths(view, bounds);
-                for (let i = 0, count = outerShadowLayers.count; i < count; i++) {
-                    const shadowLayer = outerShadowLayers[i];
-                    shadowLayer.addAnimationForKey(this._createBasicAnimation({
-                        ...args,
-                        propertyNameToAnimate: 'shadowPath',
-                        fromValue: shadowLayer.shadowPath,
-                        toValue: shadowPath,
-                    }, animation), 'shadowPath');
-                    if (shadowLayer.mask instanceof CAShapeLayer) {
-                        shadowLayer.mask.addAnimationForKey(this._createBasicAnimation({
-                            ...args,
-                            propertyNameToAnimate: 'path',
-                            fromValue: shadowLayer.mask.path,
-                            toValue: maskPath,
-                        }, animation), 'path');
-                    }
-                }
-            }
-        }
-    }
-}
-export function _getTransformMismatchErrorMessage(view) {
-    const expectedTransform = calculateTransform(view);
-    const expectedTransformString = getCATransform3DString(expectedTransform);
-    const actualTransformString = getCATransform3DString(view.nativeViewProtected.layer.transform);
-    if (actualTransformString !== expectedTransformString) {
-        return 'View and Native transforms do not match.\nActual: ' + actualTransformString + ';\nExpected: ' + expectedTransformString;
-    }
-    return undefined;
-}
-function calculateTransform(view) {
-    const scaleX = view.scaleX || 1e-6;
-    const scaleY = view.scaleY || 1e-6;
-    const perspective = view.perspective || 300;
-    // Order is important: translate, rotate, scale
-    let expectedTransform = new CATransform3D(CATransform3DIdentity);
-    // TODO: Add perspective property to transform animations (not just rotation)
-    // Set perspective in case of rotation since we use z
-    if (view.rotateX || view.rotateY) {
-        expectedTransform.m34 = -1 / perspective;
-    }
-    expectedTransform = CATransform3DTranslate(expectedTransform, view.translateX, view.translateY, 0);
-    expectedTransform = iosHelper.applyRotateTransform(expectedTransform, view.rotateX, view.rotateY, view.rotate);
-    expectedTransform = CATransform3DScale(expectedTransform, scaleX, scaleY, 1);
-    return expectedTransform;
-}
-function getCATransform3DString(t) {
-    return `[
-    ${t.m11}, ${t.m12}, ${t.m13}, ${t.m14},
-    ${t.m21}, ${t.m22}, ${t.m23}, ${t.m24},
-    ${t.m31}, ${t.m32}, ${t.m33}, ${t.m34},
-    ${t.m41}, ${t.m42}, ${t.m43}, ${t.m44}]`;
-}
-//# sourceMappingURL=index.ios.js.map