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

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,5 @@
+import { TransitionNavigationType } from '.';
+import { SharedTransitionState } from './shared-transition';
+export declare class SharedTransitionHelper {
+    static animate(state: SharedTransitionState, transitionContext: any, type: TransitionNavigationType): void;
+}

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

@@ -0,0 +1,6 @@
+export class SharedTransitionHelper {
+    static animate(state, transitionContext, type) {
+        // may be able to consolidate android handling here in future
+    }
+}
+//# 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;CACD"}

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

@@ -0,0 +1,10 @@
+import type { SharedTransitionType, SharedInteractiveState } from '.';
+import type { SharedTransitionState } from './shared-transition';
+
+export declare class SharedTransitionHelper {
+	static animate(state: SharedTransitionState, transitionContext: any /* iOS: UIViewControllerContextTransitioning */, type: SharedTransitionType): void;
+	static interactiveStart(state: SharedTransitionState, interactiveState: SharedInteractiveState, type: SharedTransitionType): void;
+	static interactiveUpdate(state: SharedTransitionState, interactiveState: SharedInteractiveState, type: SharedTransitionType, percent: number): void;
+	static interactiveCancel(state: SharedTransitionState, interactiveState: SharedInteractiveState, type: SharedTransitionType): void;
+	static interactiveFinish(state: SharedTransitionState, interactiveState: SharedInteractiveState, type: SharedTransitionType): 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 {};