@nativescript/core 8.2.0-alpha.1 → 8.2.0-alpha.10

package/ui/image/index.ios.js

@@ -1,6 +1,6 @@
 import { ImageBase, stretchProperty, imageSourceProperty, tintColorProperty, srcProperty } from './image-common';
 import { Trace } from '../../trace';
-import { layout } from '../../utils';
+import { layout, queueGC } from '../../utils';
 export * from './image-common';
 export class Image extends ImageBase {
     constructor() {
@@ -17,28 +17,60 @@ export class Image extends ImageBase {
         super.initNativeView();
         this._setNativeClipToBounds();
     }
-    setTintColor(value) {
-        if (value && this.nativeViewProtected.image && !this._templateImageWasCreated) {
-            this.nativeViewProtected.image = this.nativeViewProtected.image.imageWithRenderingMode(2 /* AlwaysTemplate */);
-            this._templateImageWasCreated = true;
+    disposeImageSource() {
+        var _a, _b, _c;
+        if (((_a = this.nativeViewProtected) === null || _a === void 0 ? void 0 : _a.image) === ((_b = this.imageSource) === null || _b === void 0 ? void 0 : _b.ios)) {
+            this.nativeViewProtected.image = null;
+        }
+        if ((_c = this.imageSource) === null || _c === void 0 ? void 0 : _c.ios) {
+            this.imageSource.ios = null;
         }
-        else if (!value && this.nativeViewProtected.image && this._templateImageWasCreated) {
-            this._templateImageWasCreated = false;
-            this.nativeViewProtected.image = this.nativeViewProtected.image.imageWithRenderingMode(0 /* Automatic */);
+        this.imageSource = null;
+        queueGC();
+    }
+    disposeNativeView() {
+        var _a;
+        super.disposeNativeView();
+        if ((_a = this.nativeViewProtected) === null || _a === void 0 ? void 0 : _a.image) {
+            this.nativeViewProtected.image = null;
+        }
+        this.disposeImageSource();
+    }
+    setTintColor(value) {
+        if (this.nativeViewProtected) {
+            if (value && this.nativeViewProtected.image && !this._templateImageWasCreated) {
+                this.nativeViewProtected.image = this.nativeViewProtected.image.imageWithRenderingMode(2 /* AlwaysTemplate */);
+                this._templateImageWasCreated = true;
+                queueGC();
+            }
+            else if (!value && this.nativeViewProtected.image && this._templateImageWasCreated) {
+                this._templateImageWasCreated = false;
+                this.nativeViewProtected.image = this.nativeViewProtected.image.imageWithRenderingMode(0 /* Automatic */);
+                queueGC();
+            }
+            this.nativeViewProtected.tintColor = value ? value.ios : null;
         }
-        this.nativeViewProtected.tintColor = value ? value.ios : null;
     }
     _setNativeImage(nativeImage) {
-        this.nativeViewProtected.image = nativeImage;
+        var _a, _b;
+        if ((_a = this.nativeViewProtected) === null || _a === void 0 ? void 0 : _a.image) {
+            this.nativeViewProtected.image = null;
+            queueGC();
+        }
+        if (this.nativeViewProtected) {
+            this.nativeViewProtected.image = nativeImage;
+        }
         this._templateImageWasCreated = false;
-        this.setTintColor(this.style.tintColor);
+        this.setTintColor((_b = this.style) === null || _b === void 0 ? void 0 : _b.tintColor);
         if (this._imageSourceAffectsLayout) {
             this.requestLayout();
         }
     }
     _setNativeClipToBounds() {
-        // Always set clipsToBounds for images
-        this.nativeViewProtected.clipsToBounds = true;
+        if (this.nativeViewProtected) {
+            // Always set clipsToBounds for images
+            this.nativeViewProtected.clipsToBounds = true;
+        }
     }
     onMeasure(widthMeasureSpec, heightMeasureSpec) {
         // We don't call super because we measure native view with specific size.
@@ -96,26 +128,31 @@ export class Image extends ImageBase {
         return { width: scaleW, height: scaleH };
     }
     [stretchProperty.setNative](value) {
-        switch (value) {
-            case 'aspectFit':
-                this.nativeViewProtected.contentMode = 1 /* ScaleAspectFit */;
-                break;
-            case 'aspectFill':
-                this.nativeViewProtected.contentMode = 2 /* ScaleAspectFill */;
-                break;
-            case 'fill':
-                this.nativeViewProtected.contentMode = 0 /* ScaleToFill */;
-                break;
-            case 'none':
-            default:
-                this.nativeViewProtected.contentMode = 9 /* TopLeft */;
-                break;
+        if (this.nativeViewProtected) {
+            switch (value) {
+                case 'aspectFit':
+                    this.nativeViewProtected.contentMode = 1 /* ScaleAspectFit */;
+                    break;
+                case 'aspectFill':
+                    this.nativeViewProtected.contentMode = 2 /* ScaleAspectFill */;
+                    break;
+                case 'fill':
+                    this.nativeViewProtected.contentMode = 0 /* ScaleToFill */;
+                    break;
+                case 'none':
+                default:
+                    this.nativeViewProtected.contentMode = 9 /* TopLeft */;
+                    break;
+            }
         }
     }
     [tintColorProperty.setNative](value) {
         this.setTintColor(value);
     }
     [imageSourceProperty.setNative](value) {
+        if (value !== this.imageSource) {
+            this.disposeImageSource();
+        }
         this._setNativeImage(value ? value.ios : null);
     }
     [srcProperty.setNative](value) {

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

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

package/ui/index.d.ts

@@ -23,8 +23,8 @@ export type { DialogOptions, CancelableOptions, AlertOptions, PromptResult, Prom
 export * from './editable-text-base';
 export { Frame, setActivityCallbacks } from './frame';
 export type { NavigationEntry, NavigationContext, NavigationTransition, BackstackEntry, ViewEntry, AndroidActivityCallbacks } from './frame';
-export { GesturesObserver, TouchAction, GestureTypes, GestureStateTypes, SwipeDirection, GestureEvents } from './gestures';
-export type { GestureEventData, GestureEventDataWithState, TapGestureEventData, PanGestureEventData, PinchGestureEventData, RotationGestureEventData, SwipeGestureEventData, TouchGestureEventData } from './gestures';
+export { GesturesObserver, TouchAction, GestureTypes, GestureStateTypes, SwipeDirection, GestureEvents, TouchManager } from './gestures';
+export type { GestureEventData, GestureEventDataWithState, TapGestureEventData, PanGestureEventData, PinchGestureEventData, RotationGestureEventData, SwipeGestureEventData, TouchGestureEventData, TouchAnimationOptions } from './gestures';
 export { HtmlView } from './html-view';
 export { Image } from './image';
 export { Cache as ImageCache } from './image-cache';

package/ui/index.js

@@ -16,7 +16,7 @@ export { DatePicker } from './date-picker';
 export { DialogStrings, action, alert, confirm, login, prompt, getCurrentPage, Dialogs, inputType, capitalizationType } from './dialogs';
 export * from './editable-text-base';
 export { Frame, setActivityCallbacks } from './frame';
-export { GesturesObserver, TouchAction, GestureTypes, GestureStateTypes, SwipeDirection, GestureEvents } from './gestures';
+export { GesturesObserver, TouchAction, GestureTypes, GestureStateTypes, SwipeDirection, GestureEvents, TouchManager } from './gestures';
 export { HtmlView } from './html-view';
 export { Image } from './image';
 export { Cache as ImageCache } from './image-cache';

package/ui/index.js.map

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

package/ui/layouts/root-layout/index.android.js

@@ -1,5 +1,7 @@
 import { Color } from '../../../color';
 import { RootLayoutBase, defaultShadeCoverOptions } from './root-layout-common';
+import { parseLinearGradient } from '../../../css/parser';
+import { LinearGradient } from '../../styling/linear-gradient';
 export * from './root-layout-common';
 export class RootLayout extends RootLayoutBase {
     constructor() {
@@ -49,14 +51,27 @@ export class RootLayout extends RootLayoutBase {
         return this._playAnimation(this._getAnimationSet(view, exitState), exitState === null || exitState === void 0 ? void 0 : exitState.duration);
     }
     _getAnimationSet(view, shadeCoverAnimation, backgroundColor = defaultShadeCoverOptions.color) {
-        const animationSet = Array.create(android.animation.Animator, 7);
+        const backgroundIsGradient = backgroundColor.startsWith('linear-gradient');
+        const animationSet = Array.create(android.animation.Animator, backgroundIsGradient ? 6 : 7);
         animationSet[0] = android.animation.ObjectAnimator.ofFloat(view.nativeViewProtected, 'translationX', [shadeCoverAnimation.translateX]);
         animationSet[1] = android.animation.ObjectAnimator.ofFloat(view.nativeViewProtected, 'translationY', [shadeCoverAnimation.translateY]);
         animationSet[2] = android.animation.ObjectAnimator.ofFloat(view.nativeViewProtected, 'scaleX', [shadeCoverAnimation.scaleX]);
         animationSet[3] = android.animation.ObjectAnimator.ofFloat(view.nativeViewProtected, 'scaleY', [shadeCoverAnimation.scaleY]);
         animationSet[4] = android.animation.ObjectAnimator.ofFloat(view.nativeViewProtected, 'rotation', [shadeCoverAnimation.rotate]);
         animationSet[5] = android.animation.ObjectAnimator.ofFloat(view.nativeViewProtected, 'alpha', [shadeCoverAnimation.opacity]);
-        animationSet[6] = this._getBackgroundColorAnimator(view, backgroundColor);
+        if (backgroundIsGradient) {
+            if (view.backgroundColor) {
+                view.backgroundColor = undefined;
+            }
+            const parsedGradient = parseLinearGradient(backgroundColor);
+            view.backgroundImage = LinearGradient.parse(parsedGradient.value);
+        }
+        else {
+            if (view.backgroundImage) {
+                view.backgroundImage = undefined;
+            }
+            animationSet[6] = this._getBackgroundColorAnimator(view, backgroundColor);
+        }
         return animationSet;
     }
     _getBackgroundColorAnimator(view, backgroundColor) {

package/ui/layouts/root-layout/index.android.js.map

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

package/ui/layouts/root-layout/index.d.ts

@@ -7,6 +7,8 @@ export class RootLayout extends GridLayout {
 	bringToFront(view: View, animated?: boolean): Promise<void>;
 	closeAll(): Promise<void>;
 	getShadeCover(): View;
+	openShadeCover(options: ShadeCoverOptions): void;
+	closeShadeCover(shadeCoverOptions?: ShadeCoverOptions): Promise<void>;
 }
 
 export function getRootLayout(): RootLayout;

package/ui/layouts/root-layout/index.ios.d.ts

@@ -3,11 +3,14 @@ import { RootLayoutBase } from './root-layout-common';
 import { ShadeCoverOptions } from '.';
 export * from './root-layout-common';
 export declare class RootLayout extends RootLayoutBase {
+    private _currentGradient;
+    private _gradientLayer;
     constructor();
     protected _bringToFront(view: View): void;
     protected _initShadeCover(view: View, shadeOptions: ShadeCoverOptions): void;
     protected _updateShadeCover(view: View, shadeOptions: ShadeCoverOptions): Promise<void>;
     protected _closeShadeCover(view: View, shadeOptions: ShadeCoverOptions): Promise<void>;
+    protected _cleanupPlatformShadeCover(): void;
     private _applyAnimationProperties;
     private _convertDurationToSeconds;
 }

package/ui/layouts/root-layout/index.ios.js

@@ -1,5 +1,8 @@
 import { Color } from '../../../color';
 import { RootLayoutBase, defaultShadeCoverOptions } from './root-layout-common';
+import { LinearGradient } from '../../styling/linear-gradient';
+import { ios as iosViewUtils } from '../../utils';
+import { parseLinearGradient } from '../../../css/parser';
 export * from './root-layout-common';
 export class RootLayout extends RootLayoutBase {
     constructor() {
@@ -17,10 +20,22 @@ export class RootLayout extends RootLayoutBase {
         return new Promise((resolve) => {
             var _a, _b;
             const options = Object.assign(Object.assign({}, defaultShadeCoverOptions), shadeOptions);
-            if (view && view.nativeViewProtected) {
+            if (view === null || view === void 0 ? void 0 : view.nativeViewProtected) {
                 const duration = this._convertDurationToSeconds(((_b = (_a = options.animation) === null || _a === void 0 ? void 0 : _a.enterFrom) === null || _b === void 0 ? void 0 : _b.duration) || defaultShadeCoverOptions.animation.enterFrom.duration);
+                if (options.color && options.color.startsWith('linear-gradient')) {
+                    if (options.color !== this._currentGradient) {
+                        this._currentGradient = options.color;
+                        const parsedGradient = parseLinearGradient(options.color);
+                        this._gradientLayer = iosViewUtils.drawGradient(view.nativeViewProtected, LinearGradient.parse(parsedGradient.value), 0);
+                    }
+                }
                 UIView.animateWithDurationAnimationsCompletion(duration, () => {
-                    view.nativeViewProtected.backgroundColor = new Color(options.color).ios;
+                    if (this._gradientLayer) {
+                        this._gradientLayer.opacity = 1;
+                    }
+                    else if (options.color && (view === null || view === void 0 ? void 0 : view.nativeViewProtected)) {
+                        view.nativeViewProtected.backgroundColor = new Color(options.color).ios;
+                    }
                     this._applyAnimationProperties(view, {
                         translateX: 0,
                         translateY: 0,
@@ -48,14 +63,20 @@ export class RootLayout extends RootLayoutBase {
             }
         });
     }
+    _cleanupPlatformShadeCover() {
+        this._currentGradient = null;
+        this._gradientLayer = null;
+    }
     _applyAnimationProperties(view, shadeCoverAnimation) {
-        const translate = CGAffineTransformMakeTranslation(shadeCoverAnimation.translateX, shadeCoverAnimation.translateY);
-        // ios doesn't like scale being 0, default it to a small number greater than 0
-        const scale = CGAffineTransformMakeScale(shadeCoverAnimation.scaleX || 0.1, shadeCoverAnimation.scaleY || 0.1);
-        const rotate = CGAffineTransformMakeRotation((shadeCoverAnimation.rotate * Math.PI) / 180); // convert degress to radians
-        const translateAndScale = CGAffineTransformConcat(translate, scale);
-        view.nativeViewProtected.transform = CGAffineTransformConcat(rotate, translateAndScale);
-        view.nativeViewProtected.alpha = shadeCoverAnimation.opacity;
+        if (view === null || view === void 0 ? void 0 : view.nativeViewProtected) {
+            const translate = CGAffineTransformMakeTranslation(shadeCoverAnimation.translateX, shadeCoverAnimation.translateY);
+            // ios doesn't like scale being 0, default it to a small number greater than 0
+            const scale = CGAffineTransformMakeScale(shadeCoverAnimation.scaleX || 0.1, shadeCoverAnimation.scaleY || 0.1);
+            const rotate = CGAffineTransformMakeRotation((shadeCoverAnimation.rotate * Math.PI) / 180); // convert degress to radians
+            const translateAndScale = CGAffineTransformConcat(translate, scale);
+            view.nativeViewProtected.transform = CGAffineTransformConcat(rotate, translateAndScale);
+            view.nativeViewProtected.alpha = shadeCoverAnimation.opacity;
+        }
     }
     _convertDurationToSeconds(duration) {
         return duration / 1000;

package/ui/layouts/root-layout/index.ios.js.map

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

package/ui/layouts/root-layout/root-layout-common.d.ts

@@ -9,8 +9,10 @@ export declare class RootLayoutBase extends GridLayout {
     open(view: View, options?: RootLayoutOptions): Promise<void>;
     close(view: View, exitTo?: TransitionAnimation): Promise<void>;
     closeAll(): Promise<void>;
-    bringToFront(view: View, animated?: boolean): Promise<void>;
     getShadeCover(): View;
+    openShadeCover(options: ShadeCoverOptions): void;
+    closeShadeCover(shadeCoverOptions?: ShadeCoverOptions): Promise<void>;
+    bringToFront(view: View, animated?: boolean): Promise<void>;
     private getPopupIndex;
     private getViewInitialState;
     private getViewExitState;
@@ -18,14 +20,15 @@ export declare class RootLayoutBase extends GridLayout {
     private applyDefaultState;
     private getEnterAnimation;
     private getExitAnimation;
+    private getExitAnimationDefinition;
     private createShadeCover;
     private updateShadeCover;
     private hasChild;
-    private closeShadeCover;
     protected _bringToFront(view: View): void;
     protected _initShadeCover(view: View, shadeOption: ShadeCoverOptions): void;
     protected _updateShadeCover(view: View, shadeOption: ShadeCoverOptions): Promise<void>;
     protected _closeShadeCover(view: View, shadeOptions: ShadeCoverOptions): Promise<void>;
+    protected _cleanupPlatformShadeCover(): void;
 }
 export declare function getRootLayout(): RootLayout;
 export declare const defaultTransitionAnimation: TransitionAnimation;

package/ui/layouts/root-layout/root-layout-common.js

@@ -26,15 +26,16 @@ let RootLayoutBase = class RootLayoutBase extends GridLayout {
                 else {
                     // keep track of the views locally to be able to use their options later
                     this.popupViews.push({ view: view, options: options });
-                    // only insert 1 layer of shade cover (don't insert another one if already present)
-                    if ((options === null || options === void 0 ? void 0 : options.shadeCover) && !this.shadeCover) {
-                        this.shadeCover = this.createShadeCover(options.shadeCover);
-                        // insert shade cover at index right above the first layout
-                        this.insertChild(this.shadeCover, this.staticChildCount + 1);
-                    }
-                    // overwrite current shadeCover options if topmost popupview has additional shadeCover configurations
-                    else if ((options === null || options === void 0 ? void 0 : options.shadeCover) && this.shadeCover) {
-                        this.updateShadeCover(this.shadeCover, options.shadeCover);
+                    if (options === null || options === void 0 ? void 0 : options.shadeCover) {
+                        // perf optimization note: we only need 1 layer of shade cover
+                        // we just update properties if needed by additional overlaid views
+                        if (this.shadeCover) {
+                            // overwrite current shadeCover options if topmost popupview has additional shadeCover configurations
+                            this.updateShadeCover(this.shadeCover, options.shadeCover);
+                        }
+                        else {
+                            this.openShadeCover(options.shadeCover);
+                        }
                     }
                     view.opacity = 0; // always begin with view invisible when adding dynamically
                     this.insertChild(view, this.getChildrenCount() + 1);
@@ -66,44 +67,45 @@ let RootLayoutBase = class RootLayoutBase extends GridLayout {
     // ability to remove any view instance from composite views
     close(view, exitTo) {
         return new Promise((resolve, reject) => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e;
             if (this.hasChild(view)) {
+                const cleanupAndFinish = () => {
+                    this.removeChild(view);
+                    resolve();
+                };
                 try {
                     const popupIndex = this.getPopupIndex(view);
-                    // use exitAnimation that is passed in and fallback to the exitAnimation passed in when opening
-                    const exitAnimationDefinition = exitTo || ((_c = (_b = (_a = this.popupViews[popupIndex]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.animation) === null || _c === void 0 ? void 0 : _c.exitTo);
-                    // Remove view from local array
                     const poppedView = this.popupViews[popupIndex];
+                    // use exitAnimation that is passed in and fallback to the exitAnimation passed in when opening
+                    const exitAnimationDefinition = exitTo || ((_b = (_a = poppedView === null || poppedView === void 0 ? void 0 : poppedView.options) === null || _a === void 0 ? void 0 : _a.animation) === null || _b === void 0 ? void 0 : _b.exitTo);
+                    // Remove view from tracked popupviews
                     this.popupViews.splice(popupIndex, 1);
-                    // update shade cover with the topmost popupView options (if not specifically told to ignore)
-                    const shadeCoverOptions = (_e = (_d = this.popupViews[this.popupViews.length - 1]) === null || _d === void 0 ? void 0 : _d.options) === null || _e === void 0 ? void 0 : _e.shadeCover;
-                    if (this.shadeCover && shadeCoverOptions && !((_f = poppedView === null || poppedView === void 0 ? void 0 : poppedView.options) === null || _f === void 0 ? void 0 : _f.shadeCover.ignoreShadeRestore)) {
-                        this.updateShadeCover(this.shadeCover, shadeCoverOptions);
+                    if (this.shadeCover) {
+                        // update shade cover with the topmost popupView options (if not specifically told to ignore)
+                        if (!((_c = poppedView === null || poppedView === void 0 ? void 0 : poppedView.options) === null || _c === void 0 ? void 0 : _c.shadeCover.ignoreShadeRestore)) {
+                            const shadeCoverOptions = (_e = (_d = this.popupViews[this.popupViews.length - 1]) === null || _d === void 0 ? void 0 : _d.options) === null || _e === void 0 ? void 0 : _e.shadeCover;
+                            if (shadeCoverOptions) {
+                                this.updateShadeCover(this.shadeCover, shadeCoverOptions);
+                            }
+                        }
+                        // remove shade cover animation if this is the last opened popup view
+                        if (this.popupViews.length === 0) {
+                            this.closeShadeCover(poppedView.options.shadeCover);
+                        }
                     }
                     if (exitAnimationDefinition) {
-                        const exitAnimation = this.getExitAnimation(view, exitAnimationDefinition);
-                        const exitAnimations = [exitAnimation.play()];
-                        // add remove shade cover animation if this is the last opened popup view
-                        if (this.popupViews.length === 0 && this.shadeCover) {
-                            exitAnimations.push(this.closeShadeCover(poppedView.options.shadeCover));
-                        }
-                        return Promise.all(exitAnimations)
-                            .then(() => {
-                            this.removeChild(view);
-                            resolve();
-                        })
+                        this.getExitAnimation(view, exitAnimationDefinition)
+                            .play()
+                            .then(cleanupAndFinish.bind(this))
                             .catch((ex) => {
                             if (Trace.isEnabled()) {
                                 Trace.write(`Error playing exit animation: ${ex}`, Trace.categories.Layout, Trace.messageType.error);
                             }
                         });
                     }
-                    this.removeChild(view);
-                    // also remove shade cover if this is the last opened popup view
-                    if (this.popupViews.length === 0) {
-                        this.closeShadeCover(poppedView.options.shadeCover);
+                    else {
+                        cleanupAndFinish();
                     }
-                    resolve();
                 }
                 catch (ex) {
                     if (Trace.isEnabled()) {
@@ -134,6 +136,42 @@ let RootLayoutBase = class RootLayoutBase extends GridLayout {
             }
         });
     }
+    getShadeCover() {
+        return this.shadeCover;
+    }
+    openShadeCover(options) {
+        if (this.shadeCover) {
+            if (Trace.isEnabled()) {
+                Trace.write(`RootLayout shadeCover already open.`, Trace.categories.Layout, Trace.messageType.warn);
+            }
+        }
+        else {
+            // create the one and only shade cover
+            this.shadeCover = this.createShadeCover(options);
+            // insert shade cover at index right above the first layout
+            this.insertChild(this.shadeCover, this.staticChildCount + 1);
+        }
+    }
+    closeShadeCover(shadeCoverOptions) {
+        return new Promise((resolve) => {
+            // if shade cover is displayed and the last popup is closed, also close the shade cover
+            if (this.shadeCover) {
+                return this._closeShadeCover(this.shadeCover, shadeCoverOptions).then(() => {
+                    if (this.shadeCover) {
+                        this.shadeCover.off('loaded');
+                        if (this.shadeCover.parent) {
+                            this.removeChild(this.shadeCover);
+                        }
+                    }
+                    this.shadeCover = null;
+                    // cleanup any platform specific details related to shade cover
+                    this._cleanupPlatformShadeCover();
+                    resolve();
+                });
+            }
+            resolve();
+        });
+    }
     // bring any view instance open on the rootlayout to front of all the children visually
     bringToFront(view, animated = false) {
         return new Promise((resolve, reject) => {
@@ -202,9 +240,6 @@ let RootLayoutBase = class RootLayoutBase extends GridLayout {
             }
         });
     }
-    getShadeCover() {
-        return this.shadeCover;
-    }
     getPopupIndex(view) {
         return this.popupViews.findIndex((popupView) => popupView.view === view);
     }
@@ -264,18 +299,10 @@ let RootLayoutBase = class RootLayoutBase extends GridLayout {
         ]);
     }
     getExitAnimation(targetView, exitTo) {
-        const animationOptions = Object.assign(Object.assign({}, defaultTransitionAnimation), exitTo);
-        return new Animation([
-            {
-                target: targetView,
-                translate: { x: animationOptions.translateX, y: animationOptions.translateY },
-                scale: { x: animationOptions.scaleX, y: animationOptions.scaleY },
-                rotate: animationOptions.rotate,
-                opacity: animationOptions.opacity,
-                duration: animationOptions.duration,
-                curve: animationOptions.curve,
-            },
-        ]);
+        return new Animation([this.getExitAnimationDefinition(targetView, exitTo)]);
+    }
+    getExitAnimationDefinition(targetView, exitTo) {
+        return Object.assign(Object.assign(Object.assign({ target: targetView }, defaultTransitionAnimation), (exitTo || {})), { translate: { x: exitTo.translateX || defaultTransitionAnimation.translateX, y: exitTo.translateY || defaultTransitionAnimation.translateY }, scale: { x: exitTo.scaleX || defaultTransitionAnimation.scaleX, y: exitTo.scaleY || defaultTransitionAnimation.scaleY } });
     }
     createShadeCover(shadeOptions) {
         const shadeCover = new GridLayout();
@@ -300,20 +327,6 @@ let RootLayoutBase = class RootLayoutBase extends GridLayout {
     hasChild(view) {
         return this.getChildIndex(view) >= 0;
     }
-    closeShadeCover(shadeCoverOptions) {
-        return new Promise((resolve) => {
-            // if shade cover is displayed and the last popup is closed, also close the shade cover
-            if (this.shadeCover) {
-                return this._closeShadeCover(this.shadeCover, shadeCoverOptions).then(() => {
-                    this.removeChild(this.shadeCover);
-                    this.shadeCover.off('loaded');
-                    this.shadeCover = null;
-                    resolve();
-                });
-            }
-            resolve();
-        });
-    }
     _bringToFront(view) { }
     _initShadeCover(view, shadeOption) { }
     _updateShadeCover(view, shadeOption) {
@@ -322,6 +335,7 @@ let RootLayoutBase = class RootLayoutBase extends GridLayout {
     _closeShadeCover(view, shadeOptions) {
         return new Promise(() => { });
     }
+    _cleanupPlatformShadeCover() { }
 };
 RootLayoutBase = __decorate([
     CSSType('RootLayout'),