@nativescript/core 9.0.12-next.0 → 9.0.12-next.2

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

@@ -0,0 +1,271 @@
+import type { Transition, TransitionNavigationType, SharedTransitionTagPropertiesToMatch } from '.';
+import { Observable } from '../../data/observable';
+import { ViewBase } from '../core/view-base';
+import type { View } from '../core/view';
+import type { PanGestureEventData } from '../gestures';
+export declare enum SharedTransitionAnimationType {
+    present = 0,
+    dismiss = 1
+}
+type SharedTransitionEventAction = 'present' | 'dismiss' | 'interactiveStart' | 'interactiveFinish';
+export type SharedTransitionEventDataPayload = {
+    id: number;
+    type: TransitionNavigationType;
+    action?: SharedTransitionEventAction;
+    percent?: number;
+};
+export type SharedTransitionEventData = {
+    eventName: string;
+    data: SharedTransitionEventDataPayload;
+};
+export type SharedRect = {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+};
+export type SharedProperties = SharedRect & {
+    opacity?: number;
+    scale?: {
+        x?: number;
+        y?: number;
+    };
+};
+/**
+ * Properties which can be set on individual Shared Elements
+ */
+export type SharedTransitionTagProperties = SharedProperties & {
+    /**
+     * The visual stacking order where 0 is at the bottom.
+     * Shared elements are stacked one on top of the other during each transition.
+     * By default they are not ordered in any particular fashion.
+     */
+    zIndex?: number;
+    /**
+     * Collection of properties to match and animate on each shared element.
+     *
+     * Defaults to: 'backgroundColor', 'cornerRadius', 'borderWidth', 'borderColor'
+     *
+     * Tip: Using an empty array, [], for view or layer will avoid copying any properties if desired.
+     */
+    propertiesToMatch?: SharedTransitionTagPropertiesToMatch;
+    /**
+     *
+     */
+    callback?: (view: View, action: SharedTransitionEventAction) => Promise<void>;
+};
+export type SharedSpringProperties = {
+    tension?: number;
+    friction?: number;
+    mass?: number;
+    delay?: number;
+    velocity?: number;
+    animateOptions?: any;
+};
+type SharedTransitionPageProperties = SharedProperties & {
+    /**
+     * (iOS Only) Allow "independent" elements found only on one of the screens to take part in the animation.
+     * Note: This feature will be brought to Android in a future release.
+     */
+    sharedTransitionTags?: {
+        [key: string]: SharedTransitionTagProperties;
+    };
+    /**
+     * Spring animation settings.
+     * Defaults to 140 tension with 10 friction.
+     */
+    spring?: SharedSpringProperties;
+};
+type SharedTransitionPageWithDurationProperties = SharedTransitionPageProperties & {
+    /**
+     * Linear duration in milliseconds
+     * Note: When this is defined, it will override spring options and use only linear animation.
+     */
+    duration?: number | undefined | null;
+};
+export interface SharedTransitionInteractiveOptions {
+    /**
+     * When the pan exceeds this percentage and you let go, finish the transition.
+     * Default 0.5
+     */
+    finishThreshold?: number;
+    /**
+     * You can create your own percent formula used for determing the interactive value.
+     * By default, we handle this via a formula like this for an interactive page back transition:
+     * - return eventData.deltaX / (eventData.ios.view.bounds.size.width / 2);
+     * @param eventData PanGestureEventData
+     * @returns The percentage value to be used as the finish/cancel threshold
+     */
+    percentFormula?: (eventData: PanGestureEventData) => number;
+}
+export interface SharedTransitionConfig {
+    /**
+     * Interactive transition settings. (iOS only at the moment)
+     */
+    interactive?: {
+        /**
+         * Whether you want to allow interactive dismissal.
+         * Defaults to using 'pan' gesture for dismissal however you can customize your own.
+         */
+        dismiss?: SharedTransitionInteractiveOptions;
+    };
+    /**
+     * View settings applied to the incoming page to start your transition with.
+     */
+    pageStart?: SharedTransitionPageProperties;
+    /**
+     * View settings applied to the incoming page to end your transition with.
+     */
+    pageEnd?: SharedTransitionPageWithDurationProperties;
+    /**
+     * View settings applied to the outgoing page in your transition.
+     */
+    pageOut?: SharedTransitionPageWithDurationProperties;
+    /**
+     * View settings to return to the original page with.
+     */
+    pageReturn?: SharedTransitionPageWithDurationProperties & {
+        /**
+         * In some cases you may want the returning animation to start with the original opacity,
+         * instead of beginning where it ended up on pageEnd.
+         * Note: you can try enabling this property in cases where your return animation doesn't appear correct.
+         */
+        useStartOpacity?: boolean;
+    };
+}
+export interface SharedTransitionState extends SharedTransitionConfig {
+    /**
+     * (Internally used) Preconfigured transition or your own custom configured one.
+     */
+    instance?: Transition;
+    /**
+     * Page which will start the transition.
+     */
+    page?: ViewBase;
+    activeType?: SharedTransitionAnimationType;
+    toPage?: ViewBase;
+    /**
+     * Whether interactive transition has began.
+     */
+    interactiveBegan?: boolean;
+    /**
+     * Whether interactive transition was cancelled.
+     */
+    interactiveCancelled?: boolean;
+}
+declare class SharedTransitionObservable extends Observable {
+    on(eventNames: string, callback: (data: SharedTransitionEventData) => void, thisArg?: any): void;
+}
+/**
+ * Shared Element Transitions (preview)
+ * Allows you to auto animate between shared elements on two different screesn to create smooth navigational experiences.
+ * View components can define sharedTransitionTag="name" alone with a transition through this API.
+ */
+export declare class SharedTransition {
+    /**
+     * Configure a custom transition with presentation/dismissal options.
+     * @param transition The custom Transition instance.
+     * @param options
+     * @returns a configured SharedTransition instance for use with navigational APIs.
+     */
+    static custom(transition: Transition, options?: SharedTransitionConfig): {
+        instance: Transition;
+    };
+    /**
+     * Whether a transition is in progress or not.
+     * Note: used internally however exposed in case custom state ordering is needed.
+     * Updated when transitions start/end/cancel.
+     */
+    static inProgress: boolean;
+    /**
+     * Listen to various shared element transition events.
+     * @returns Observable
+     */
+    static events(): SharedTransitionObservable;
+    /**
+     * When the transition starts.
+     */
+    static startedEvent: string;
+    /**
+     * When the transition finishes.
+     */
+    static finishedEvent: string;
+    /**
+     * When the interactive transition cancels.
+     */
+    static interactiveCancelledEvent: string;
+    /**
+     * When the interactive transition updates with the percent value.
+     */
+    static interactiveUpdateEvent: string;
+    /**
+     * Notify a Shared Transition event.
+     * @param id transition instance id
+     * @param eventName Shared Transition event name
+     * @param type TransitionNavigationType
+     * @param action SharedTransitionEventAction
+     */
+    static notifyEvent(eventName: string, data: SharedTransitionEventDataPayload): void;
+    /**
+     * Enable to see various console logging output of Shared Element Transition behavior.
+     */
+    static DEBUG: boolean;
+    /**
+     * Update transition state.
+     * @param id Transition instance id
+     * @param state SharedTransitionState
+     */
+    static updateState(id: number, state: SharedTransitionState): void;
+    /**
+     * Get current state for any transition.
+     * @param id Transition instance id
+     */
+    static getState(id: number): SharedTransitionState;
+    /**
+     * Finish transition state.
+     * @param id Transition instance id
+     */
+    static finishState(id: number): void;
+    /**
+     * Gather view collections based on sharedTransitionTag details.
+     * @param fromPage Page moving away from
+     * @param toPage Page moving to
+     * @returns Collections of views pertaining to shared elements or particular pages
+     */
+    static getSharedElements(fromPage: ViewBase, toPage: ViewBase): {
+        sharedElements: Array<View>;
+        presented: Array<View>;
+        presenting: Array<View>;
+    };
+}
+/**
+ * Get dimensional rectangle (x,y,width,height) from properties with fallbacks for any undefined values.
+ * @param props combination of properties conformed to SharedTransitionPageProperties
+ * @param defaults fallback properties when props doesn't contain a value for it
+ * @returns { x,y,width,height }
+ */
+export declare function getRectFromProps(props: SharedTransitionPageProperties, defaults?: SharedRect): SharedRect;
+/**
+ * Get spring properties with default fallbacks for any undefined values.
+ * @param props various spring related properties conforming to SharedSpringProperties
+ * @returns
+ */
+export declare function getSpringFromProps(props: SharedSpringProperties): {
+    tension: number;
+    friction: number;
+    mass: number;
+    velocity: number;
+    delay: number;
+};
+/**
+ * Page starting defaults for provided type.
+ * @param type TransitionNavigationType
+ * @returns { x,y,width,height }
+ */
+export declare function getPageStartDefaultsForType(type: TransitionNavigationType): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export {};

package/ui/transition/shared-transition.js

@@ -0,0 +1,215 @@
+import { Observable } from '../../data/observable';
+import { Screen } from '../../platform';
+import { isNumber } from '../../utils/types';
+import { CORE_ANIMATION_DEFAULTS } from '../../utils/animation-helpers';
+import { querySelectorAll } from '../core/view-base';
+// always increment when adding new transitions to be able to track their state
+export var SharedTransitionAnimationType;
+(function (SharedTransitionAnimationType) {
+    SharedTransitionAnimationType[SharedTransitionAnimationType["present"] = 0] = "present";
+    SharedTransitionAnimationType[SharedTransitionAnimationType["dismiss"] = 1] = "dismiss";
+})(SharedTransitionAnimationType || (SharedTransitionAnimationType = {}));
+class SharedTransitionObservable extends Observable {
+    // @ts-ignore
+    on(eventNames, callback, thisArg) {
+        super.on(eventNames, callback, thisArg);
+    }
+}
+let sharedTransitionEvents;
+let currentStack;
+/**
+ * Shared Element Transitions (preview)
+ * Allows you to auto animate between shared elements on two different screesn to create smooth navigational experiences.
+ * View components can define sharedTransitionTag="name" alone with a transition through this API.
+ */
+export class SharedTransition {
+    /**
+     * Configure a custom transition with presentation/dismissal options.
+     * @param transition The custom Transition instance.
+     * @param options
+     * @returns a configured SharedTransition instance for use with navigational APIs.
+     */
+    static custom(transition, options) {
+        SharedTransition.updateState(transition.id, {
+            ...(options || {}),
+            instance: transition,
+            activeType: SharedTransitionAnimationType.present,
+        });
+        const pageEnd = options?.pageEnd;
+        if (isNumber(pageEnd?.duration)) {
+            // Android uses milliseconds/iOS uses seconds
+            // users pass in milliseconds
+            transition.setDuration(__APPLE__ ? pageEnd?.duration / 1000 : pageEnd?.duration);
+        }
+        return { instance: transition };
+    }
+    /**
+     * Listen to various shared element transition events.
+     * @returns Observable
+     */
+    static events() {
+        if (!sharedTransitionEvents) {
+            sharedTransitionEvents = new SharedTransitionObservable();
+        }
+        return sharedTransitionEvents;
+    }
+    /**
+     * Notify a Shared Transition event.
+     * @param id transition instance id
+     * @param eventName Shared Transition event name
+     * @param type TransitionNavigationType
+     * @param action SharedTransitionEventAction
+     */
+    static notifyEvent(eventName, data) {
+        switch (eventName) {
+            case SharedTransition.startedEvent:
+            case SharedTransition.interactiveUpdateEvent:
+                SharedTransition.inProgress = true;
+                break;
+            default:
+                SharedTransition.inProgress = false;
+                break;
+        }
+        SharedTransition.events().notify({
+            eventName,
+            data,
+        });
+    }
+    /**
+     * Update transition state.
+     * @param id Transition instance id
+     * @param state SharedTransitionState
+     */
+    static updateState(id, state) {
+        if (!currentStack) {
+            currentStack = [];
+        }
+        const existingTransition = SharedTransition.getState(id);
+        if (existingTransition) {
+            // updating existing
+            for (const key in state) {
+                existingTransition[key] = state[key];
+                // console.log(' ... updating state: ', key, state[key])
+            }
+        }
+        else {
+            currentStack.push(state);
+        }
+    }
+    /**
+     * Get current state for any transition.
+     * @param id Transition instance id
+     */
+    static getState(id) {
+        return currentStack?.find((t) => t.instance?.id === id);
+    }
+    /**
+     * Finish transition state.
+     * @param id Transition instance id
+     */
+    static finishState(id) {
+        const index = currentStack?.findIndex((t) => t.instance?.id === id);
+        if (index > -1) {
+            currentStack.splice(index, 1);
+        }
+    }
+    /**
+     * Gather view collections based on sharedTransitionTag details.
+     * @param fromPage Page moving away from
+     * @param toPage Page moving to
+     * @returns Collections of views pertaining to shared elements or particular pages
+     */
+    static getSharedElements(fromPage, toPage) {
+        // 1. Presented view: gather all sharedTransitionTag views
+        const presentedSharedElements = querySelectorAll(toPage, 'sharedTransitionTag').filter((v) => !v.sharedTransitionIgnore && typeof v.sharedTransitionTag === 'string');
+        // console.log('presented sharedTransitionTag total:', presentedSharedElements.length);
+        // 2. Presenting view: gather all sharedTransitionTag views
+        const presentingSharedElements = querySelectorAll(fromPage, 'sharedTransitionTag').filter((v) => !v.sharedTransitionIgnore && typeof v.sharedTransitionTag === 'string');
+        // console.log(
+        // 	'presenting sharedTransitionTags:',
+        // 	presentingSharedElements.map((v) => v.sharedTransitionTag)
+        // );
+        // 3. only handle sharedTransitionTag on presenting which match presented
+        const presentedTags = presentedSharedElements.map((v) => v.sharedTransitionTag);
+        return {
+            sharedElements: presentingSharedElements.filter((v) => presentedTags.includes(v.sharedTransitionTag)),
+            presented: presentedSharedElements,
+            presenting: presentingSharedElements,
+        };
+    }
+}
+/**
+ * When the transition starts.
+ */
+SharedTransition.startedEvent = 'SharedTransitionStartedEvent';
+/**
+ * When the transition finishes.
+ */
+SharedTransition.finishedEvent = 'SharedTransitionFinishedEvent';
+/**
+ * When the interactive transition cancels.
+ */
+SharedTransition.interactiveCancelledEvent = 'SharedTransitionInteractiveCancelledEvent';
+/**
+ * When the interactive transition updates with the percent value.
+ */
+SharedTransition.interactiveUpdateEvent = 'SharedTransitionInteractiveUpdateEvent';
+/**
+ * Enable to see various console logging output of Shared Element Transition behavior.
+ */
+SharedTransition.DEBUG = false;
+/**
+ * Get dimensional rectangle (x,y,width,height) from properties with fallbacks for any undefined values.
+ * @param props combination of properties conformed to SharedTransitionPageProperties
+ * @param defaults fallback properties when props doesn't contain a value for it
+ * @returns { x,y,width,height }
+ */
+export function getRectFromProps(props, defaults) {
+    defaults = {
+        x: 0,
+        y: 0,
+        width: getPlatformWidth(),
+        height: getPlatformHeight(),
+        ...(defaults || {}),
+    };
+    return {
+        x: isNumber(props?.x) ? props?.x : defaults.x,
+        y: isNumber(props?.y) ? props?.y : defaults.y,
+        width: isNumber(props?.width) ? props?.width : defaults.width,
+        height: isNumber(props?.height) ? props?.height : defaults.height,
+    };
+}
+/**
+ * Get spring properties with default fallbacks for any undefined values.
+ * @param props various spring related properties conforming to SharedSpringProperties
+ * @returns
+ */
+export function getSpringFromProps(props) {
+    return {
+        tension: isNumber(props?.tension) ? props?.tension : CORE_ANIMATION_DEFAULTS.spring.tension,
+        friction: isNumber(props?.friction) ? props?.friction : CORE_ANIMATION_DEFAULTS.spring.friction,
+        mass: isNumber(props?.mass) ? props?.mass : CORE_ANIMATION_DEFAULTS.spring.mass,
+        velocity: isNumber(props?.velocity) ? props?.velocity : CORE_ANIMATION_DEFAULTS.spring.velocity,
+        delay: isNumber(props?.delay) ? props?.delay : 0,
+    };
+}
+/**
+ * Page starting defaults for provided type.
+ * @param type TransitionNavigationType
+ * @returns { x,y,width,height }
+ */
+export function getPageStartDefaultsForType(type) {
+    return {
+        x: type === 'page' ? getPlatformWidth() : 0,
+        y: type === 'page' ? 0 : getPlatformHeight(),
+        width: getPlatformWidth(),
+        height: getPlatformHeight(),
+    };
+}
+function getPlatformWidth() {
+    return __ANDROID__ ? Screen.mainScreen.widthPixels : Screen.mainScreen.widthDIPs;
+}
+function getPlatformHeight() {
+    return __ANDROID__ ? Screen.mainScreen.heightPixels : Screen.mainScreen.heightDIPs;
+}
+//# sourceMappingURL=shared-transition.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { Transition } from '.';
+export declare class SlideTransition extends Transition {
+    private _direction;
+    constructor(direction: string, duration?: number, curve?: any);
+    createAndroidAnimator(transitionType: string): android.animation.Animator;
+    toString(): string;
+}

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

@@ -0,0 +1,116 @@
+import { Transition } from '.';
+import { Screen } from '../../platform';
+import lazy from '../../utils/lazy';
+const screenWidth = lazy(() => Screen.mainScreen.widthPixels);
+const screenHeight = lazy(() => Screen.mainScreen.heightPixels);
+export class SlideTransition extends Transition {
+    constructor(direction, duration = 350, curve) {
+        super(duration, curve);
+        this._direction = direction;
+    }
+    createAndroidAnimator(transitionType) {
+        const translationValues = Array.create('float', 2);
+        switch (this._direction) {
+            case 'left':
+                switch (transitionType) {
+                    case Transition.AndroidTransitionType.enter:
+                        translationValues[0] = screenWidth();
+                        translationValues[1] = 0;
+                        break;
+                    case Transition.AndroidTransitionType.exit:
+                        translationValues[0] = 0;
+                        translationValues[1] = -screenWidth();
+                        break;
+                    case Transition.AndroidTransitionType.popEnter:
+                        translationValues[0] = -screenWidth();
+                        translationValues[1] = 0;
+                        break;
+                    case Transition.AndroidTransitionType.popExit:
+                        translationValues[0] = 0;
+                        translationValues[1] = screenWidth();
+                        break;
+                }
+                break;
+            case 'right':
+                switch (transitionType) {
+                    case Transition.AndroidTransitionType.enter:
+                        translationValues[0] = -screenWidth();
+                        translationValues[1] = 0;
+                        break;
+                    case Transition.AndroidTransitionType.exit:
+                        translationValues[0] = 0;
+                        translationValues[1] = screenWidth();
+                        break;
+                    case Transition.AndroidTransitionType.popEnter:
+                        translationValues[0] = screenWidth();
+                        translationValues[1] = 0;
+                        break;
+                    case Transition.AndroidTransitionType.popExit:
+                        translationValues[0] = 0;
+                        translationValues[1] = -screenWidth();
+                        break;
+                }
+                break;
+            case 'top':
+                switch (transitionType) {
+                    case Transition.AndroidTransitionType.enter:
+                        translationValues[0] = screenHeight();
+                        translationValues[1] = 0;
+                        break;
+                    case Transition.AndroidTransitionType.exit:
+                        translationValues[0] = 0;
+                        translationValues[1] = -screenHeight();
+                        break;
+                    case Transition.AndroidTransitionType.popEnter:
+                        translationValues[0] = -screenHeight();
+                        translationValues[1] = 0;
+                        break;
+                    case Transition.AndroidTransitionType.popExit:
+                        translationValues[0] = 0;
+                        translationValues[1] = screenHeight();
+                        break;
+                }
+                break;
+            case 'bottom':
+                switch (transitionType) {
+                    case Transition.AndroidTransitionType.enter:
+                        translationValues[0] = -screenHeight();
+                        translationValues[1] = 0;
+                        break;
+                    case Transition.AndroidTransitionType.exit:
+                        translationValues[0] = 0;
+                        translationValues[1] = screenHeight();
+                        break;
+                    case Transition.AndroidTransitionType.popEnter:
+                        translationValues[0] = screenHeight();
+                        translationValues[1] = 0;
+                        break;
+                    case Transition.AndroidTransitionType.popExit:
+                        translationValues[0] = 0;
+                        translationValues[1] = -screenHeight();
+                        break;
+                }
+                break;
+        }
+        let prop;
+        if (this._direction === 'left' || this._direction === 'right') {
+            prop = 'translationX';
+        }
+        else {
+            prop = 'translationY';
+        }
+        const animator = android.animation.ObjectAnimator.ofFloat(null, prop, translationValues);
+        const duration = this.getDuration();
+        if (duration !== undefined) {
+            animator.setDuration(duration);
+        }
+        animator.setInterpolator(this.getCurve());
+        const animatorSet = new android.animation.AnimatorSet();
+        animatorSet.play(animator);
+        return animatorSet;
+    }
+    toString() {
+        return `${super.toString()} ${this._direction}`;
+    }
+}
+//# sourceMappingURL=slide-transition.android.js.map

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

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

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

@@ -0,0 +1,19 @@
+import { Transition } from '.';
+export declare class SlideTransition extends Transition {
+    transitionController: SlideTransitionController;
+    presented: UIViewController;
+    presenting: UIViewController;
+    operation: number;
+    direction: string;
+    constructor(direction: string, duration: number, curve: any);
+    iosNavigatedController(navigationController: UINavigationController, operation: number, fromVC: UIViewController, toVC: UIViewController): UIViewControllerAnimatedTransitioning;
+}
+export declare class SlideTransitionController extends NSObject implements UIViewControllerAnimatedTransitioning {
+    static ObjCProtocols: {
+        prototype: UIViewControllerAnimatedTransitioning;
+    }[];
+    owner: WeakRef<SlideTransition>;
+    static initWithOwner(owner: WeakRef<SlideTransition>): SlideTransitionController;
+    transitionDuration(transitionContext: UIViewControllerContextTransitioning): number;
+    animateTransition(transitionContext: UIViewControllerContextTransitioning): void;
+}