@nativescript/core 8.5.0-dom.2 → 8.5.0-nsdom.0

package/ui/transition/page-transition.android.js

@@ -0,0 +1,182 @@
+import { isNumber } from '../../utils/types';
+import { FadeTransition } from './fade-transition';
+import { SharedTransition, SharedTransitionAnimationType } from './shared-transition';
+import { ImageSource } from '../../image-source';
+import { ContentView } from '../content-view';
+import { GridLayout } from '../layouts/grid-layout';
+import { ad } from '../../utils';
+var SnapshotViewGroup = /** @class */ (function (_super) {
+    __extends(SnapshotViewGroup, _super);
+    function SnapshotViewGroup(context) {
+        var _this = _super.call(this, context) || this;
+        return global.__native(_this);
+    }
+    SnapshotViewGroup.prototype.onMeasure = function () {
+        this.setMeasuredDimension(0, 0);
+    };
+    SnapshotViewGroup.prototype.onLayout = function () {
+        //
+    };
+    return SnapshotViewGroup;
+}(android.view.ViewGroup));
+class ContentViewSnapshot extends ContentView {
+    createNativeView() {
+        return new SnapshotViewGroup(this._context);
+    }
+}
+var CustomSpringInterpolator = /** @class */ (function (_super) {
+    __extends(CustomSpringInterpolator, _super);
+    function CustomSpringInterpolator() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CustomSpringInterpolator.prototype.getInterpolation = function (input) {
+        // Note: we speed up the interpolation by 10% to fix the issue with the transition not being finished
+        // and the views shifting from their intended final position...
+        // this is really just a workaround and should be fixed properly once we
+        // can figure out the root cause of the issue.
+        var res = _super.prototype.getInterpolation.call(this, input) * 1.1;
+        if (res > 1) {
+            return float(1);
+        }
+        return float(res);
+    };
+    return CustomSpringInterpolator;
+}(android.view.animation.AnticipateOvershootInterpolator));
+var CustomLinearInterpolator = /** @class */ (function (_super) {
+    __extends(CustomLinearInterpolator, _super);
+    function CustomLinearInterpolator() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CustomLinearInterpolator.prototype.getInterpolation = function (input) {
+        // Note: we speed up the interpolation by 10% to fix the issue with the transition not being finished
+        // and the views shifting from their intended final position...
+        // this is really just a workaround and should be fixed properly once we
+        // can figure out the root cause of the issue.
+        var res = _super.prototype.getInterpolation.call(this, input) * 1.1;
+        if (res > 1) {
+            return float(1);
+        }
+        return float(res);
+    };
+    return CustomLinearInterpolator;
+}(android.view.animation.LinearInterpolator));
+function setTransitionName(view) {
+    if (!view?.sharedTransitionTag) {
+        return;
+    }
+    try {
+        androidx.core.view.ViewCompat.setTransitionName(view.nativeView, view.sharedTransitionTag);
+    }
+    catch (err) {
+        // ignore
+    }
+}
+export class PageTransition extends FadeTransition {
+    constructor(duration, curve) {
+        // disable custom curves until we can fix the issue with the animation not completing
+        if (curve) {
+            console.warn('PageTransition does not support custom curves at the moment. The passed in curve will be ignored.');
+        }
+        if (typeof duration !== 'number') {
+            duration = 500;
+        }
+        super(duration);
+    }
+    androidFragmentTransactionCallback(fragmentTransaction, currentEntry, newEntry) {
+        const fromPage = currentEntry.resolvedPage;
+        const toPage = newEntry.resolvedPage;
+        const newFragment = newEntry.fragment;
+        const state = SharedTransition.getState(this.id);
+        const pageEnd = state.pageEnd;
+        const { sharedElements, presented, presenting } = SharedTransition.getSharedElements(fromPage, toPage);
+        const sharedElementTags = sharedElements.map((v) => v.sharedTransitionTag);
+        if (SharedTransition.DEBUG) {
+            console.log(`  Page: ${state.activeType === SharedTransitionAnimationType.present ? 'Present' : 'Dismiss'}`);
+            console.log(`1. Found sharedTransitionTags to animate:`, sharedElementTags);
+        }
+        // Note: we can enhance android more over time with element targeting across different screens
+        // const pageStart = state.pageStart;
+        // const pageEndIndependentTags = Object.keys(pageEnd?.sharedTransitionTags || {});
+        // console.log('pageEndIndependentTags:', pageEndIndependentTags);
+        // for (const tag of pageEndIndependentTags) {
+        // 	// only consider start when there's a matching end
+        // 	const pageStartIndependentProps = pageStart?.sharedTransitionTags[tag];
+        // 	if (pageStartIndependentProps) {
+        // 		console.log('pageStartIndependentProps:', tag, pageStartIndependentProps);
+        // 	}
+        // 	const pageEndIndependentProps = pageEnd?.sharedTransitionTags[tag];
+        // 	let independentView = presenting.find((v) => v.sharedTransitionTag === tag);
+        // 	let isPresented = false;
+        // 	if (!independentView) {
+        // 		independentView = presented.find((v) => v.sharedTransitionTag === tag);
+        // 		if (!independentView) {
+        // 			break;
+        // 		}
+        // 		isPresented = true;
+        // 	}
+        // 	if (independentView) {
+        // 		console.log('independentView:', independentView);
+        // 		const imageSource = renderToImageSource(independentView);
+        // 		const image = new Image();
+        // 		image.src = imageSource;
+        // 		const { hostView } = loadViewInBackground(image);
+        // 		(<any>fromPage).addChild(hostView);
+        // 		independentView.opacity = 0;
+        // 	}
+        // }
+        toPage.once('loaded', () => {
+            presented.filter((v) => sharedElementTags.includes(v.sharedTransitionTag)).forEach(setTransitionName);
+            newFragment.startPostponedEnterTransition();
+        });
+        sharedElements.forEach((v) => {
+            setTransitionName(v);
+            fragmentTransaction.addSharedElement(v.nativeView, v.sharedTransitionTag);
+        });
+        fragmentTransaction.setReorderingAllowed(true);
+        let customDuration = -1;
+        if (state.activeType === SharedTransitionAnimationType.present && isNumber(pageEnd?.duration)) {
+            customDuration = pageEnd.duration;
+        }
+        else if (isNumber(state.pageReturn?.duration)) {
+            customDuration = state.pageReturn.duration;
+        }
+        const transitionSet = new androidx.transition.TransitionSet();
+        transitionSet.setDuration(customDuration || this.getDuration());
+        transitionSet.addTransition(new androidx.transition.ChangeBounds());
+        transitionSet.addTransition(new androidx.transition.ChangeTransform());
+        if (customDuration) {
+            // duration always overrides default spring
+            transitionSet.setInterpolator(new CustomLinearInterpolator());
+        }
+        else {
+            transitionSet.setInterpolator(new CustomSpringInterpolator());
+        }
+        // postpone enter until we call "loaded" on the new page
+        newFragment.postponeEnterTransition();
+        newFragment.setSharedElementEnterTransition(transitionSet);
+        newFragment.setSharedElementReturnTransition(transitionSet);
+    }
+}
+function renderToImageSource(hostView) {
+    const bitmap = android.graphics.Bitmap.createBitmap(hostView.android.getWidth(), hostView.android.getHeight(), android.graphics.Bitmap.Config.ARGB_8888);
+    const canvas = new android.graphics.Canvas(bitmap);
+    // ensure we start with a blank transparent canvas
+    canvas.drawARGB(0, 0, 0, 0);
+    hostView.android.draw(canvas);
+    return new ImageSource(bitmap);
+}
+function loadViewInBackground(view) {
+    const hiddenHost = new ContentViewSnapshot();
+    const hostView = new GridLayout(); // use a host view to ensure margins are respected
+    hiddenHost.content = hostView;
+    hiddenHost.visibility = 'collapse';
+    hostView.addChild(view);
+    hiddenHost._setupAsRootView(ad.getApplicationContext());
+    hiddenHost.callLoaded();
+    ad.getCurrentActivity().addContentView(hiddenHost.android, new android.view.ViewGroup.LayoutParams(0, 0));
+    return {
+        hiddenHost,
+        hostView,
+    };
+}
+//# sourceMappingURL=page-transition.android.js.map

package/ui/transition/page-transition.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-transition.android.js","sourceRoot":"","sources":["../../../../../packages/core/ui/transition/page-transition.android.ts"],"names":[],"mappings":"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"}

package/ui/transition/page-transition.d.ts

@@ -0,0 +1,2 @@
+import { Transition } from '.';
+export declare class PageTransition extends Transition {}

package/ui/transition/page-transition.ios.d.ts

@@ -0,0 +1,34 @@
+import type { View } from '../core/view';
+import { SharedElementSettings, Transition } from '.';
+export declare class PageTransition extends Transition {
+    transitionController: PageTransitionController;
+    interactiveController: UIPercentDrivenInteractiveTransition;
+    presented: UIViewController;
+    presenting: UIViewController;
+    navigationController: UINavigationController;
+    operation: number;
+    sharedElements: {
+        presented?: Array<SharedElementSettings>;
+        presenting?: Array<SharedElementSettings>;
+        independent?: Array<SharedElementSettings & {
+            isPresented?: boolean;
+        }>;
+    };
+    private _interactiveStartCallback;
+    private _interactiveDismissGesture;
+    private _interactiveGestureTeardown;
+    iosNavigatedController(navigationController: UINavigationController, operation: number, fromVC: UIViewController, toVC: UIViewController): UIViewControllerAnimatedTransitioning;
+    iosInteractionDismiss(animator: UIViewControllerAnimatedTransitioning): UIViewControllerInteractiveTransitioning;
+    setupInteractiveGesture(startCallback: () => void, view: View): () => void;
+    private _interactiveDismissGestureHandler;
+}
+declare class PageTransitionController extends NSObject implements UIViewControllerAnimatedTransitioning {
+    static ObjCProtocols: {
+        prototype: UIViewControllerAnimatedTransitioning;
+    }[];
+    owner: WeakRef<PageTransition>;
+    static initWithOwner(owner: WeakRef<PageTransition>): PageTransitionController;
+    transitionDuration(transitionContext: UIViewControllerContextTransitioning): number;
+    animateTransition(transitionContext: UIViewControllerContextTransitioning): void;
+}
+export {};

package/ui/transition/page-transition.ios.js

@@ -0,0 +1,181 @@
+import { Transition } from '.';
+import { isNumber } from '../../utils/types';
+import { GestureStateTypes } from '../gestures';
+import { SharedTransition, DEFAULT_DURATION } from './shared-transition';
+import { SharedTransitionHelper } from './shared-transition-helper';
+export class PageTransition extends Transition {
+    iosNavigatedController(navigationController, operation, fromVC, toVC) {
+        this.navigationController = navigationController;
+        if (!this.transitionController) {
+            this.presented = toVC;
+            this.presenting = fromVC;
+        }
+        this.transitionController = PageTransitionController.initWithOwner(new WeakRef(this));
+        // console.log('iosNavigatedController presenting:', this.presenting);
+        this.operation = operation;
+        return this.transitionController;
+    }
+    iosInteractionDismiss(animator) {
+        // console.log('-- iosInteractionDismiss --');
+        this.interactiveController = PercentInteractiveController.initWithOwner(new WeakRef(this));
+        return this.interactiveController;
+    }
+    setupInteractiveGesture(startCallback, view) {
+        // console.log(' -- setupInteractiveGesture --');
+        this._interactiveStartCallback = startCallback;
+        if (!this._interactiveDismissGesture) {
+            // console.log('setup but tearing down first!');
+            view.off('pan', this._interactiveDismissGesture);
+            this._interactiveDismissGesture = this._interactiveDismissGestureHandler.bind(this);
+        }
+        view.on('pan', this._interactiveDismissGesture);
+        this._interactiveGestureTeardown = () => {
+            // console.log(`-- TEARDOWN setupInteractiveGesture --`);
+            if (view) {
+                view.off('pan', this._interactiveDismissGesture);
+            }
+            this._interactiveDismissGesture = null;
+        };
+        return this._interactiveGestureTeardown;
+    }
+    _interactiveDismissGestureHandler(args) {
+        if (args?.ios?.view) {
+            // console.log('this.id:', this.id);
+            const state = SharedTransition.getState(this.id);
+            if (!state) {
+                // cleanup and exit, already shutdown
+                if (this._interactiveGestureTeardown) {
+                    this._interactiveGestureTeardown();
+                    this._interactiveGestureTeardown = null;
+                }
+                return;
+            }
+            const percent = state.interactive?.dismiss?.percentFormula ? state.interactive.dismiss.percentFormula(args) : args.deltaX / (args.ios.view.bounds.size.width / 2);
+            if (SharedTransition.DEBUG) {
+                console.log('Interactive dismissal percentage:', percent);
+            }
+            switch (args.state) {
+                case GestureStateTypes.began:
+                    SharedTransition.updateState(this.id, {
+                        interactiveBegan: true,
+                        interactiveCancelled: false,
+                    });
+                    if (this._interactiveStartCallback) {
+                        this._interactiveStartCallback();
+                    }
+                    break;
+                case GestureStateTypes.changed:
+                    if (percent < 1) {
+                        if (this.interactiveController) {
+                            this.interactiveController.updateInteractiveTransition(percent);
+                        }
+                    }
+                    break;
+                case GestureStateTypes.cancelled:
+                case GestureStateTypes.ended:
+                    if (this.interactiveController) {
+                        const finishThreshold = isNumber(state.interactive?.dismiss?.finishThreshold) ? state.interactive.dismiss.finishThreshold : 0.5;
+                        if (percent > finishThreshold) {
+                            if (this._interactiveGestureTeardown) {
+                                this._interactiveGestureTeardown();
+                                this._interactiveGestureTeardown = null;
+                            }
+                            this.interactiveController.finishInteractiveTransition();
+                        }
+                        else {
+                            SharedTransition.updateState(this.id, {
+                                interactiveCancelled: true,
+                            });
+                            this.interactiveController.cancelInteractiveTransition();
+                        }
+                    }
+                    break;
+            }
+        }
+    }
+}
+var PercentInteractiveController = /** @class */ (function (_super) {
+    __extends(PercentInteractiveController, _super);
+    function PercentInteractiveController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PercentInteractiveController.initWithOwner = function (owner) {
+        var ctrl = PercentInteractiveController.new();
+        ctrl.owner = owner;
+        return ctrl;
+    };
+    PercentInteractiveController.prototype.startInteractiveTransition = function (transitionContext) {
+        var _a;
+        // console.log('startInteractiveTransition');
+        if (!this.interactiveState) {
+            this.interactiveState = {
+                transitionContext: transitionContext,
+            };
+            var owner = (_a = this.owner) === null || _a === void 0 ? void 0 : _a.deref();
+            if (owner) {
+                var state = SharedTransition.getState(owner.id);
+                SharedTransitionHelper.interactiveStart(state, this.interactiveState, 'page');
+            }
+        }
+    };
+    PercentInteractiveController.prototype.updateInteractiveTransition = function (percentComplete) {
+        var _a;
+        var owner = (_a = this.owner) === null || _a === void 0 ? void 0 : _a.deref();
+        if (owner) {
+            var state = SharedTransition.getState(owner.id);
+            SharedTransitionHelper.interactiveUpdate(state, this.interactiveState, 'page', percentComplete);
+        }
+    };
+    PercentInteractiveController.prototype.cancelInteractiveTransition = function () {
+        var _a;
+        // console.log('cancelInteractiveTransition');
+        var owner = (_a = this.owner) === null || _a === void 0 ? void 0 : _a.deref();
+        if (owner) {
+            var state = SharedTransition.getState(owner.id);
+            SharedTransitionHelper.interactiveCancel(state, this.interactiveState, 'page');
+        }
+    };
+    PercentInteractiveController.prototype.finishInteractiveTransition = function () {
+        var _a;
+        // console.log('finishInteractiveTransition');
+        var owner = (_a = this.owner) === null || _a === void 0 ? void 0 : _a.deref();
+        if (owner) {
+            var state = SharedTransition.getState(owner.id);
+            SharedTransitionHelper.interactiveFinish(state, this.interactiveState, 'page');
+        }
+    };
+    PercentInteractiveController.ObjCProtocols = [UIViewControllerInteractiveTransitioning];
+    return PercentInteractiveController;
+}(UIPercentDrivenInteractiveTransition));
+var PageTransitionController = /** @class */ (function (_super) {
+    __extends(PageTransitionController, _super);
+    function PageTransitionController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PageTransitionController.initWithOwner = function (owner) {
+        var ctrl = PageTransitionController.new();
+        ctrl.owner = owner;
+        return ctrl;
+    };
+    PageTransitionController.prototype.transitionDuration = function (transitionContext) {
+        var owner = this.owner.deref();
+        if (owner) {
+            return owner.getDuration();
+        }
+        return DEFAULT_DURATION;
+    };
+    PageTransitionController.prototype.animateTransition = function (transitionContext) {
+        var owner = this.owner.deref();
+        if (owner) {
+            // console.log('--- PageTransitionController animateTransition');
+            var state = SharedTransition.getState(owner.id);
+            if (!state) {
+                return;
+            }
+            SharedTransitionHelper.animate(state, transitionContext, 'page');
+        }
+    };
+    PageTransitionController.ObjCProtocols = [UIViewControllerAnimatedTransitioning];
+    return PageTransitionController;
+}(NSObject));
+//# sourceMappingURL=page-transition.ios.js.map

package/ui/transition/page-transition.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-transition.ios.js","sourceRoot":"","sources":["../../../../../packages/core/ui/transition/page-transition.ios.ts"],"names":[],"mappings":"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"}

package/ui/transition/shared-transition-helper.android.d.ts

@@ -0,0 +1,9 @@
+import type { TransitionInteractiveState, TransitionNavigationType } from '.';
+import { SharedTransitionState } from './shared-transition';
+export declare class SharedTransitionHelper {
+    static animate(state: SharedTransitionState, transitionContext: any, type: TransitionNavigationType): void;
+    static interactiveStart(state: SharedTransitionState, interactiveState: TransitionInteractiveState, type: TransitionNavigationType): void;
+    static interactiveUpdate(state: SharedTransitionState, interactiveState: TransitionInteractiveState, type: TransitionNavigationType, percent: number): void;
+    static interactiveCancel(state: SharedTransitionState, interactiveState: TransitionInteractiveState, type: TransitionNavigationType): void;
+    static interactiveFinish(state: SharedTransitionState, interactiveState: TransitionInteractiveState, type: TransitionNavigationType): void;
+}

package/ui/transition/shared-transition-helper.android.js

@@ -0,0 +1,10 @@
+export class SharedTransitionHelper {
+    static animate(state, transitionContext, type) {
+        // may be able to consolidate android handling here in future
+    }
+    static interactiveStart(state, interactiveState, type) { }
+    static interactiveUpdate(state, interactiveState, type, percent) { }
+    static interactiveCancel(state, interactiveState, type) { }
+    static interactiveFinish(state, interactiveState, type) { }
+}
+//# sourceMappingURL=shared-transition-helper.android.js.map

package/ui/transition/shared-transition-helper.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-transition-helper.android.js","sourceRoot":"","sources":["../../../../../packages/core/ui/transition/shared-transition-helper.android.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,sBAAsB;IAClC,MAAM,CAAC,OAAO,CAAC,KAA4B,EAAE,iBAAsB,EAAE,IAA8B;QAClG,6DAA6D;IAC9D,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,KAA4B,EAAE,gBAA4C,EAAE,IAA8B,IAAS,CAAC;IAC5I,MAAM,CAAC,iBAAiB,CAAC,KAA4B,EAAE,gBAA4C,EAAE,IAA8B,EAAE,OAAe,IAAS,CAAC;IAC9J,MAAM,CAAC,iBAAiB,CAAC,KAA4B,EAAE,gBAA4C,EAAE,IAA8B,IAAS,CAAC;IAC7I,MAAM,CAAC,iBAAiB,CAAC,KAA4B,EAAE,gBAA4C,EAAE,IAA8B,IAAS,CAAC;CAC7I"}

package/ui/transition/shared-transition-helper.d.ts

@@ -0,0 +1,14 @@
+import type { TransitionInteractiveState, TransitionNavigationType } from '.';
+import type { SharedTransitionState } from './shared-transition';
+
+/**
+ * Platform helper to aid in creating your own custom Shared Element Transition classes.
+ * (iOS Only)
+ */
+export declare class SharedTransitionHelper {
+	static animate(state: SharedTransitionState, transitionContext: any /* iOS: UIViewControllerContextTransitioning */, type: TransitionNavigationType): void;
+	static interactiveStart(state: SharedTransitionState, interactiveState: TransitionInteractiveState, type: TransitionNavigationType): void;
+	static interactiveUpdate(state: SharedTransitionState, interactiveState: TransitionInteractiveState, type: TransitionNavigationType, percent: number): void;
+	static interactiveCancel(state: SharedTransitionState, interactiveState: TransitionInteractiveState, type: TransitionNavigationType): void;
+	static interactiveFinish(state: SharedTransitionState, interactiveState: TransitionInteractiveState, type: TransitionNavigationType): void;
+}

package/ui/transition/shared-transition-helper.ios.d.ts

@@ -0,0 +1,14 @@
+import type { TransitionInteractiveState, TransitionNavigationType } from '.';
+import { SharedTransitionState } from './shared-transition';
+interface PlatformTransitionInteractiveState extends TransitionInteractiveState {
+    transitionContext?: UIViewControllerContextTransitioning;
+    propertyAnimator?: UIViewPropertyAnimator;
+}
+export declare class SharedTransitionHelper {
+    static animate(state: SharedTransitionState, transitionContext: UIViewControllerContextTransitioning, type: TransitionNavigationType): void;
+    static interactiveStart(state: SharedTransitionState, interactiveState: PlatformTransitionInteractiveState, type: TransitionNavigationType): void;
+    static interactiveUpdate(state: SharedTransitionState, interactiveState: PlatformTransitionInteractiveState, type: TransitionNavigationType, percent: number): void;
+    static interactiveCancel(state: SharedTransitionState, interactiveState: PlatformTransitionInteractiveState, type: TransitionNavigationType): void;
+    static interactiveFinish(state: SharedTransitionState, interactiveState: PlatformTransitionInteractiveState, type: TransitionNavigationType): void;
+}
+export {};