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

package/ui/transition/index.ios.js

@@ -1,24 +1,28 @@
 let transitionId = 0;
 export class Transition {
-    constructor(duration, curve = 0 /* UIViewAnimationCurve.EaseInOut */) {
+    constructor(duration = 350, nativeCurve = 0 /* UIViewAnimationCurve.EaseInOut */) {
         this._duration = duration ? duration / 1000 : 0.35;
-        this._curve = curve;
-        this._id = transitionId++;
+        this._curve = nativeCurve;
+        transitionId++;
+        this.id = transitionId;
     }
     getDuration() {
         return this._duration;
     }
+    setDuration(value) {
+        this._duration = value;
+    }
     getCurve() {
         return this._curve;
     }
-    animateIOSTransition(containerView, fromView, toView, operation, completion) {
+    animateIOSTransition(transitionContext, fromViewCtrl, toViewCtrl, operation) {
         throw new Error('Abstract method call');
     }
     createAndroidAnimator(transitionType) {
         throw new Error('Abstract method call');
     }
     toString() {
-        return `Transition@${this._id}`;
+        return `Transition@${this.id}`;
     }
 }
 Transition.AndroidTransitionType = {};

package/ui/transition/index.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../../packages/core/ui/transition/index.ios.ts"],"names":[],"mappings":"AAAA,IAAI,YAAY,GAAG,CAAC,CAAC;AACrB,MAAM,OAAO,UAAU;IAMtB,YAAY,QAAgB,EAAE,8CAA4D;QACzF,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QACnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,CAAC;IAEM,WAAW;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;IAEM,QAAQ;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAEM,oBAAoB,CAAC,aAAqB,EAAE,QAAgB,EAAE,MAAc,EAAE,SAA0C,EAAE,UAAuC;QACvK,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IACzC,CAAC;IAEM,qBAAqB,CAAC,cAAsB;QAClD,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IACzC,CAAC;IAEM,QAAQ;QACd,OAAO,cAAc,IAAI,CAAC,GAAG,EAAE,CAAC;IACjC,CAAC;;AA7BM,gCAAqB,GAAG,EAAE,CAAC"}
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../../packages/core/ui/transition/index.ios.ts"],"names":[],"mappings":"AAEA,IAAI,YAAY,GAAG,CAAC,CAAC;AACrB,MAAM,OAAO,UAAU;IAMtB,YAAY,WAAmB,GAAG,EAAE,oDAAkE;QACrG,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QACnD,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC;QAC1B,YAAY,EAAE,CAAC;QACf,IAAI,CAAC,EAAE,GAAG,YAAY,CAAC;IACxB,CAAC;IAEM,WAAW;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;IAEM,WAAW,CAAC,KAAa;QAC/B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACxB,CAAC;IAEM,QAAQ;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAEM,oBAAoB,CAAC,iBAAuD,EAAE,YAA8B,EAAE,UAA4B,EAAE,SAA0C;QAC5L,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IACzC,CAAC;IAEM,qBAAqB,CAAC,cAAsB;QAClD,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IACzC,CAAC;IAEM,QAAQ;QACd,OAAO,cAAc,IAAI,CAAC,EAAE,EAAE,CAAC;IAChC,CAAC;;AAlCM,gCAAqB,GAAG,EAAE,CAAC"}

package/ui/transition/modal-transition.android.d.ts

@@ -0,0 +1,5 @@
+import { BackstackEntry } from '../frame';
+import { FadeTransition } from './fade-transition';
+export declare class ModalTransition extends FadeTransition {
+    androidFragmentTransactionCallback(fragmentTransaction: androidx.fragment.app.FragmentTransaction, currentEntry: BackstackEntry, newEntry: BackstackEntry): void;
+}

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

@@ -0,0 +1,7 @@
+import { FadeTransition } from './fade-transition';
+export class ModalTransition extends FadeTransition {
+    androidFragmentTransactionCallback(fragmentTransaction, currentEntry, newEntry) {
+        console.log('Not currently supported on Android.');
+    }
+}
+//# sourceMappingURL=modal-transition.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-transition.android.js","sourceRoot":"","sources":["../../../../../packages/core/ui/transition/modal-transition.android.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,OAAO,eAAgB,SAAQ,cAAc;IAClD,kCAAkC,CAAC,mBAA8D,EAAE,YAA4B,EAAE,QAAwB;QACxJ,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;IACpD,CAAC;CACD"}

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

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

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

@@ -0,0 +1,34 @@
+import type { View } from '../core/view';
+import { Transition, SharedElementSettings } from '.';
+export declare class ModalTransition extends Transition {
+    transitionController: ModalTransitionController;
+    interactiveController: UIPercentDrivenInteractiveTransition;
+    interactiveGestureRecognizer: UIScreenEdgePanGestureRecognizer;
+    presented: UIViewController;
+    presenting: UIViewController;
+    sharedElements: {
+        presented?: Array<SharedElementSettings>;
+        presenting?: Array<SharedElementSettings>;
+        independent?: Array<SharedElementSettings & {
+            isPresented?: boolean;
+        }>;
+    };
+    private _interactiveStartCallback;
+    private _interactiveDismissGesture;
+    iosPresentedController(presented: UIViewController, presenting: UIViewController, source: UIViewController): UIViewControllerAnimatedTransitioning;
+    iosDismissedController(dismissed: UIViewController): UIViewControllerAnimatedTransitioning;
+    iosInteractionDismiss(animator: UIViewControllerAnimatedTransitioning): UIViewControllerInteractiveTransitioning;
+    iosInteractionPresented(animator: UIViewControllerAnimatedTransitioning): UIViewControllerInteractiveTransitioning;
+    setupInteractiveGesture(startCallback: () => void, view: View): void;
+    private _interactiveDismissGestureHandler;
+}
+declare class ModalTransitionController extends NSObject implements UIViewControllerAnimatedTransitioning {
+    static ObjCProtocols: {
+        prototype: UIViewControllerAnimatedTransitioning;
+    }[];
+    owner: WeakRef<ModalTransition>;
+    static initWithOwner(owner: WeakRef<ModalTransition>): ModalTransitionController;
+    transitionDuration(transitionContext: UIViewControllerContextTransitioning): number;
+    animateTransition(transitionContext: UIViewControllerContextTransitioning): void;
+}
+export {};

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

@@ -0,0 +1,160 @@
+import { isNumber } from '../../utils/types';
+import { Transition } from '.';
+import { SharedTransition, DEFAULT_DURATION } from './shared-transition';
+import { SharedTransitionHelper } from './shared-transition-helper';
+import { GestureStateTypes } from '../gestures';
+export class ModalTransition extends Transition {
+    iosPresentedController(presented, presenting, source) {
+        this.transitionController = ModalTransitionController.initWithOwner(new WeakRef(this));
+        this.presented = presented;
+        // console.log('presenting:', presenting)
+        return this.transitionController;
+    }
+    iosDismissedController(dismissed) {
+        this.transitionController = ModalTransitionController.initWithOwner(new WeakRef(this));
+        this.presented = dismissed;
+        return this.transitionController;
+    }
+    iosInteractionDismiss(animator) {
+        // console.log('-- iosInteractionDismiss --');
+        this.interactiveController = PercentInteractiveController.initWithOwner(new WeakRef(this));
+        return this.interactiveController;
+    }
+    iosInteractionPresented(animator) {
+        // console.log('-- iosInteractionPresented --');
+        return null;
+    }
+    setupInteractiveGesture(startCallback, view) {
+        this._interactiveStartCallback = startCallback;
+        this._interactiveDismissGesture = this._interactiveDismissGestureHandler.bind(this);
+        view.on('pan', this._interactiveDismissGesture);
+        // this.interactiveGestureRecognizer = UIScreenEdgePanGestureRecognizer.alloc().initWithTargetAction()
+        // 			let edgeSwipeGestureRecognizer = UIScreenEdgePanGestureRecognizer(target: self, action: #selector(handleSwipe(_:)))
+        // edgeSwipeGestureRecognizer.edges = .left
+        // view.addGestureRecognizer(edgeSwipeGestureRecognizer)
+    }
+    _interactiveDismissGestureHandler(args) {
+        if (args?.ios?.view) {
+            const state = SharedTransition.getState(this.id);
+            const percent = state.interactive?.dismiss?.percentFormula ? state.interactive.dismiss.percentFormula(args) : args.deltaY / (args.ios.view.bounds.size.height / 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) {
+                            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, 'modal');
+            }
+        }
+    };
+    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, 'modal', 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, 'modal');
+        }
+    };
+    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, 'modal');
+        }
+    };
+    PercentInteractiveController.ObjCProtocols = [UIViewControllerInteractiveTransitioning];
+    return PercentInteractiveController;
+}(UIPercentDrivenInteractiveTransition));
+var ModalTransitionController = /** @class */ (function (_super) {
+    __extends(ModalTransitionController, _super);
+    function ModalTransitionController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ModalTransitionController.initWithOwner = function (owner) {
+        var ctrl = ModalTransitionController.new();
+        ctrl.owner = owner;
+        return ctrl;
+    };
+    ModalTransitionController.prototype.transitionDuration = function (transitionContext) {
+        return DEFAULT_DURATION;
+    };
+    ModalTransitionController.prototype.animateTransition = function (transitionContext) {
+        // console.log('ModalTransitionController animateTransition');
+        var owner = this.owner.deref();
+        if (owner) {
+            // console.log('owner.id:', owner.id);
+            var state = SharedTransition.getState(owner.id);
+            if (!state) {
+                return;
+            }
+            SharedTransitionHelper.animate(state, transitionContext, 'modal');
+        }
+    };
+    ModalTransitionController.ObjCProtocols = [UIViewControllerAnimatedTransitioning];
+    return ModalTransitionController;
+}(NSObject));
+//# sourceMappingURL=modal-transition.ios.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { BackstackEntry } from '../frame';
+import { FadeTransition } from './fade-transition';
+export declare class PageTransition extends FadeTransition {
+    constructor(duration?: number, curve?: any);
+    androidFragmentTransactionCallback(fragmentTransaction: androidx.fragment.app.FragmentTransaction, currentEntry: BackstackEntry, newEntry: BackstackEntry): void;
+}

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":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;AAgBjC,MAAM,mBAAoB,SAAQ,WAAW;IAC5C,gBAAgB;QACf,OAAO,IAAI,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC;CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCD,SAAS,iBAAiB,CAAC,IAAc;IACxC,IAAI,CAAC,IAAI,EAAE,mBAAmB,EAAE;QAC/B,OAAO;KACP;IACD,IAAI;QACH,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;KAC3F;IAAC,OAAO,GAAG,EAAE;QACb,SAAS;KACT;AACF,CAAC;AAED,MAAM,OAAO,cAAe,SAAQ,cAAc;IACjD,YAAY,QAAiB,EAAE,KAAW;QACzC,qFAAqF;QACrF,IAAI,KAAK,EAAE;YACV,OAAO,CAAC,IAAI,CAAC,mGAAmG,CAAC,CAAC;SAClH;QACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YACjC,QAAQ,GAAG,GAAG,CAAC;SACf;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjB,CAAC;IAED,kCAAkC,CAAC,mBAA8D,EAAE,YAA4B,EAAE,QAAwB;QACxJ,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,CAAC;QAC3C,MAAM,MAAM,GAAG,QAAQ,CAAC,YAAY,CAAC;QACrC,MAAM,WAAW,GAAmC,QAAQ,CAAC,QAAQ,CAAC;QACtE,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAE9B,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACvG,MAAM,iBAAiB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;QAC3E,IAAI,gBAAgB,CAAC,KAAK,EAAE;YAC3B,OAAO,CAAC,GAAG,CAAC,WAAW,KAAK,CAAC,UAAU,KAAK,6BAA6B,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;YAC7G,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,iBAAiB,CAAC,CAAC;SAC5E;QAED,8FAA8F;QAC9F,qCAAqC;QACrC,mFAAmF;QACnF,kEAAkE;QAClE,8CAA8C;QAC9C,sDAAsD;QACtD,2EAA2E;QAC3E,oCAAoC;QACpC,+EAA+E;QAC/E,KAAK;QACL,uEAAuE;QACvE,gFAAgF;QAChF,4BAA4B;QAC5B,2BAA2B;QAC3B,4EAA4E;QAC5E,4BAA4B;QAC5B,YAAY;QACZ,MAAM;QACN,wBAAwB;QACxB,KAAK;QACL,0BAA0B;QAC1B,sDAAsD;QACtD,8DAA8D;QAC9D,+BAA+B;QAC/B,6BAA6B;QAC7B,sDAAsD;QACtD,wCAAwC;QACxC,iCAAiC;QACjC,KAAK;QACL,IAAI;QAEJ,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;YAC1B,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YACtG,WAAW,CAAC,6BAA6B,EAAE,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5B,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACrB,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,mBAAmB,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;QAEH,mBAAmB,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAE/C,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC;QACxB,IAAI,KAAK,CAAC,UAAU,KAAK,6BAA6B,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE;YAC9F,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC;SAClC;aAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE;YAChD,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;SAC3C;QAED,MAAM,aAAa,GAAG,IAAI,QAAQ,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;QAC9D,aAAa,CAAC,WAAW,CAAC,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAChE,aAAa,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,YAAY,EAAE,CAAC,CAAC;QACpE,aAAa,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC,CAAC;QAEvE,IAAI,cAAc,EAAE;YACnB,2CAA2C;YAC3C,aAAa,CAAC,eAAe,CAAC,IAAI,wBAAwB,EAAE,CAAC,CAAC;SAC9D;aAAM;YACN,aAAa,CAAC,eAAe,CAAC,IAAI,wBAAwB,EAAE,CAAC,CAAC;SAC9D;QAED,wDAAwD;QACxD,WAAW,CAAC,uBAAuB,EAAE,CAAC;QACtC,WAAW,CAAC,+BAA+B,CAAC,aAAa,CAAC,CAAC;QAC3D,WAAW,CAAC,gCAAgC,CAAC,aAAa,CAAC,CAAC;IAC7D,CAAC;CACD;AAED,SAAS,mBAAmB,CAAC,QAAc;IAC1C,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACzJ,MAAM,MAAM,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACnD,kDAAkD;IAClD,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC;AAChC,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAU;IACvC,MAAM,UAAU,GAAG,IAAI,mBAAmB,EAAE,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAI,UAAU,EAAE,CAAC,CAAC,kDAAkD;IACrF,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC9B,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxB,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;IACxD,UAAU,CAAC,UAAU,EAAE,CAAC;IAExB,EAAE,CAAC,kBAAkB,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE1G,OAAO;QACN,UAAU;QACV,QAAQ;KACR,CAAC;AACH,CAAC"}

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 {};