@nativescript/core 9.0.0-alpha.24 → 9.0.0-alpha.26

package/ui/core/view/index.android.js

@@ -1,12 +1,12 @@
 import { getNativeScriptGlobals } from '../../../globals/global-utils';
-import { ViewCommon, isEnabledProperty, originXProperty, originYProperty, isUserInteractionEnabledProperty, testIDProperty, AndroidHelper, statusBarStyleProperty } from './view-common';
-import { paddingLeftProperty, paddingTopProperty, paddingRightProperty, paddingBottomProperty } from '../../styling/style-properties';
-import { Length } from '../../styling/length-shared';
+import { ViewCommon, isEnabledProperty, originXProperty, originYProperty, isUserInteractionEnabledProperty, testIDProperty, AndroidHelper, androidOverflowEdgeProperty, statusBarStyleProperty } from './view-common';
+import { paddingLeftProperty, paddingTopProperty, paddingRightProperty, paddingBottomProperty, directionProperty } from '../../styling/style-properties';
 import { layout } from '../../../utils';
 import { Trace } from '../../../trace';
 import { hiddenProperty } from '../view-base';
 import { isCssWideKeyword } from '../properties/property-shared';
 import { perspectiveProperty, visibilityProperty, opacityProperty, horizontalAlignmentProperty, verticalAlignmentProperty, minWidthProperty, minHeightProperty, widthProperty, heightProperty, marginLeftProperty, marginTopProperty, marginRightProperty, marginBottomProperty, rotateProperty, rotateXProperty, rotateYProperty, scaleXProperty, scaleYProperty, translateXProperty, translateYProperty, zIndexProperty, backgroundInternalProperty, androidElevationProperty, androidDynamicElevationOffsetProperty } from '../../styling/style-properties';
+import { CoreTypes } from '../../../core-types';
 import { Background, refreshBorderDrawable } from '../../styling/background';
 import { profile } from '../../../profiling';
 import { topmost } from '../../frame/frame-stack';
@@ -44,196 +44,220 @@ const STATUS_BAR_DARK_BCKG = 1711276032;
 const modalMap = new Map();
 let TouchListener;
 let DialogFragment;
+let OnBackPressedCallback;
+if (SDK_VERSION >= 33) {
+    OnBackPressedCallback = androidx.activity.OnBackPressedCallback.extend({
+        handleOnBackPressed() {
+            console.log('OnBackPressedCallback handleOnBackPressed called');
+            const dialog = this['_dialog']?.get();
+            if (!dialog) {
+                // disable the callback and call super to avoid infinite loop
+                this.setEnabled(false);
+                return;
+            }
+            const view = dialog.fragment.owner;
+            const args = {
+                eventName: 'activityBackPressed',
+                object: view,
+                activity: view._context,
+                cancel: false,
+            };
+            // Fist fire application.android global event
+            getNativeScriptGlobals().events.notify(args);
+            if (args.cancel) {
+                return;
+            }
+            view.notify(args);
+            if (!args.cancel) {
+                this.setEnabled(false);
+                dialog.getOnBackPressedDispatcher().onBackPressed();
+                this.setEnabled(true);
+            }
+        },
+    });
+}
 function initializeTouchListener() {
     if (TouchListener) {
         return;
     }
-    var TouchListenerImpl = /** @class */ (function (_super) {
-    __extends(TouchListenerImpl, _super);
-    function TouchListenerImpl(owner) {
-        var _this = _super.call(this) || this;
-        _this.owner = new WeakRef(owner);
-        return global.__native(_this);
-    }
-    TouchListenerImpl.prototype.onTouch = function (view, event) {
-        var owner = this.owner.get();
-        if (!owner) {
-            return;
+    var TouchListenerImpl = (function (_super) {
+        __extends(TouchListenerImpl, _super);
+        function TouchListenerImpl(owner) {
+            var _this = _super.call(this) || this;
+            _this.owner = new WeakRef(owner);
+            return global.__native(_this);
         }
-        owner.handleGestureTouch(event);
-        var nativeView = owner.nativeViewProtected;
-        if (!nativeView || !nativeView.onTouchEvent) {
-            return false;
-        }
-        return nativeView.onTouchEvent(event);
-    };
-    var _a;
-    TouchListenerImpl = __decorate([
-        Interfaces([android.view.View.OnTouchListener]),
-        __metadata("design:paramtypes", [typeof (_a = typeof View !== "undefined" && View) === "function" ? _a : Object])
-    ], TouchListenerImpl);
-    return TouchListenerImpl;
-}(java.lang.Object));
+        TouchListenerImpl.prototype.onTouch = function (view, event) {
+            var owner = this.owner.get();
+            if (!owner) {
+                return;
+            }
+            owner.handleGestureTouch(event);
+            var nativeView = owner.nativeViewProtected;
+            if (!nativeView || !nativeView.onTouchEvent) {
+                return false;
+            }
+            return nativeView.onTouchEvent(event);
+        };
+        var _a;
+        TouchListenerImpl = __decorate([
+            Interfaces([android.view.View.OnTouchListener]),
+            __metadata("design:paramtypes", [typeof (_a = typeof View !== "undefined" && View) === "function" ? _a : Object])
+        ], TouchListenerImpl);
+        return TouchListenerImpl;
+    }(java.lang.Object));
     TouchListener = TouchListenerImpl;
 }
 function initializeDialogFragment() {
     if (DialogFragment) {
         return;
     }
-    var DialogImpl = /** @class */ (function (_super) {
-    __extends(DialogImpl, _super);
-    function DialogImpl(fragment, context, themeResId) {
-        var _this = _super.call(this, context, themeResId) || this;
-        _this.fragment = fragment;
-        return global.__native(_this);
-    }
-    DialogImpl.prototype.onDetachedFromWindow = function () {
-        _super.prototype.onDetachedFromWindow.call(this);
-        this.fragment = null;
-    };
-    DialogImpl.prototype.onBackPressed = function () {
-        var view = this.fragment.owner;
-        var args = {
-            eventName: 'activityBackPressed',
-            object: view,
-            activity: view._context,
-            cancel: false,
-        };
-        // Fist fire application.android global event
-        getNativeScriptGlobals().events.notify(args);
-        if (args.cancel) {
-            return;
-        }
-        view.notify(args);
-        if (!args.cancel && !view.onBackPressed()) {
-            _super.prototype.onBackPressed.call(this);
-        }
-    };
-    return DialogImpl;
-}(android.app.Dialog));
-    var DialogFragmentImpl = /** @class */ (function (_super) {
-    __extends(DialogFragmentImpl, _super);
-    function DialogFragmentImpl() {
-        var _this = _super.call(this) || this;
-        return global.__native(_this);
-    }
-    DialogFragmentImpl.prototype.onCreate = function (savedInstanceState) {
-        var _a;
-        _super.prototype.onCreate.call(this, savedInstanceState);
-        var ownerId = (_a = this.getArguments()) === null || _a === void 0 ? void 0 : _a.getInt(DOMID);
-        var options = getModalOptions(ownerId);
-        // The teardown when the activity is destroyed happens after the state is saved, but is not recoverable,
-        // Cancel the native dialog in this case or the app will crash with subsequent errors.
-        if (savedInstanceState != null && options === undefined) {
-            this.dismissAllowingStateLoss();
-        }
-    };
-    DialogFragmentImpl.prototype.onCreateDialog = function (savedInstanceState) {
-        var ownerId = this.getArguments().getInt(DOMID);
-        var options = getModalOptions(ownerId);
-        this.owner = options.owner;
-        // Set owner._dialogFragment to this in case the DialogFragment was recreated after app suspend
-        this.owner._dialogFragment = this;
-        this._fullscreen = options.fullscreen;
-        this._animated = options.animated;
-        this._cancelable = options.cancelable;
-        this._stretched = options.stretched;
-        this._dismissCallback = options.dismissCallback;
-        this._shownCallback = options.shownCallback;
-        this._windowSoftInputMode = options.windowSoftInputMode;
-        this.setStyle(androidx.fragment.app.DialogFragment.STYLE_NO_TITLE, 0);
-        var theme = this.getTheme();
-        if (this._fullscreen) {
-            // In fullscreen mode, get the application's theme.
-            theme = this.getActivity().getApplicationInfo().theme;
-        }
-        var dialog = new DialogImpl(this, this.getActivity(), theme);
-        // do not override alignment unless fullscreen modal will be shown;
-        // otherwise we might break component-level layout:
-        // https://github.com/NativeScript/NativeScript/issues/5392
-        if (!this._fullscreen && !this._stretched) {
-            this.owner.horizontalAlignment = 'center';
-            this.owner.verticalAlignment = 'middle';
-        }
-        else {
-            this.owner.horizontalAlignment = 'stretch';
-            this.owner.verticalAlignment = 'stretch';
-        }
-        // set the modal window animation
-        // https://github.com/NativeScript/NativeScript/issues/5989
-        if (this._animated) {
-            dialog.getWindow().setWindowAnimations(styleAnimationDialog);
-        }
-        dialog.setCanceledOnTouchOutside(this._cancelable);
-        return dialog;
-    };
-    DialogFragmentImpl.prototype.onCreateView = function (inflater, container, savedInstanceState) {
-        var owner = this.owner;
-        this.activity = new WeakRef(this.getActivity());
-        owner._setupAsRootView(this.getActivity());
-        owner._isAddedToNativeVisualTree = true;
-        // we need to set the window SoftInputMode here.
-        // it wont work is set in onStart
-        var window = this.getDialog().getWindow();
-        if (this._windowSoftInputMode !== undefined) {
-            window.setSoftInputMode(this._windowSoftInputMode);
+    var DialogImpl = (function (_super) {
+        __extends(DialogImpl, _super);
+        function DialogImpl(fragment, context, themeResId) {
+            var _this = _super.call(this, context, themeResId) || this;
+            _this.fragment = fragment;
+            if (SDK_VERSION >= 33 && OnBackPressedCallback) {
+                var callback = new OnBackPressedCallback(true);
+                callback["_dialog"] = new WeakRef(_this);
+                _this.getOnBackPressedDispatcher().addCallback(_this, callback);
+            }
+            return global.__native(_this);
         }
-        else {
-            // the dialog seems to not follow the default activity softInputMode,
-            // thus set we set it here.
-            window.setSoftInputMode(owner._context.getWindow().getAttributes().softInputMode);
-        }
-        return owner.nativeViewProtected;
-    };
-    DialogFragmentImpl.prototype.onStart = function () {
-        _super.prototype.onStart.call(this);
-        if (this._fullscreen) {
+        DialogImpl.prototype.onDetachedFromWindow = function () {
+            _super.prototype.onDetachedFromWindow.call(this);
+            this.fragment = null;
+        };
+        DialogImpl.prototype.onBackPressed = function () {
+            if (SDK_VERSION >= 33) {
+                _super.prototype.onBackPressed.call(this);
+                return;
+            }
+            var view = this.fragment.owner;
+            var args = {
+                eventName: "activityBackPressed",
+                object: view,
+                activity: view._context,
+                cancel: false,
+            };
+            getNativeScriptGlobals().events.notify(args);
+            if (args.cancel) {
+                return;
+            }
+            view.notify(args);
+            if (!args.cancel && !view.onBackPressed()) {
+                _super.prototype.onBackPressed.call(this);
+            }
+        };
+        return DialogImpl;
+    }(androidx.appcompat.app.AppCompatDialog));
+    var DialogFragmentImpl = (function (_super) {
+        __extends(DialogFragmentImpl, _super);
+        function DialogFragmentImpl() {
+            var _this = _super.call(this) || this;
+            return global.__native(_this);
+        }
+        DialogFragmentImpl.prototype.onCreate = function (savedInstanceState) {
+            var _a;
+            _super.prototype.onCreate.call(this, savedInstanceState);
+            var ownerId = (_a = this.getArguments()) === null || _a === void 0 ? void 0 : _a.getInt(DOMID);
+            var options = getModalOptions(ownerId);
+            if (savedInstanceState != null && options === undefined) {
+                this.dismissAllowingStateLoss();
+            }
+        };
+        DialogFragmentImpl.prototype.onCreateDialog = function (savedInstanceState) {
+            var ownerId = this.getArguments().getInt(DOMID);
+            var options = getModalOptions(ownerId);
+            this.owner = options.owner;
+            this.owner._dialogFragment = this;
+            this._fullscreen = options.fullscreen;
+            this._animated = options.animated;
+            this._cancelable = options.cancelable;
+            this._stretched = options.stretched;
+            this._dismissCallback = options.dismissCallback;
+            this._shownCallback = options.shownCallback;
+            this._windowSoftInputMode = options.windowSoftInputMode;
+            this.setStyle(androidx.fragment.app.DialogFragment.STYLE_NO_TITLE, 0);
+            var theme = this.getTheme();
+            if (this._fullscreen) {
+                theme = this.getActivity().getApplicationInfo().theme;
+            }
+            var dialog = new DialogImpl(this, this.getActivity(), theme);
+            if (!this._fullscreen && !this._stretched) {
+                this.owner.horizontalAlignment = "center";
+                this.owner.verticalAlignment = "middle";
+            }
+            else {
+                this.owner.horizontalAlignment = "stretch";
+                this.owner.verticalAlignment = "stretch";
+            }
+            if (this._animated) {
+                dialog.getWindow().setWindowAnimations(styleAnimationDialog);
+            }
+            dialog.setCanceledOnTouchOutside(this._cancelable);
+            return dialog;
+        };
+        DialogFragmentImpl.prototype.onCreateView = function (inflater, container, savedInstanceState) {
+            var owner = this.owner;
+            this.activity = new WeakRef(this.getActivity());
+            owner._setupAsRootView(this.getActivity());
+            owner._isAddedToNativeVisualTree = true;
             var window = this.getDialog().getWindow();
-            var length = android.view.ViewGroup.LayoutParams.MATCH_PARENT;
-            window.setLayout(length, length);
-            // This removes the default backgroundDrawable so there are no margins.
-            window.setBackgroundDrawable(new android.graphics.drawable.ColorDrawable(android.graphics.Color.WHITE));
-        }
-        var owner = this.owner;
-        if (owner && !owner.isLoaded) {
-            owner.callLoaded();
-        }
-        this._shownCallback();
-    };
-    DialogFragmentImpl.prototype.onDismiss = function (dialog) {
-        var _a;
-        _super.prototype.onDismiss.call(this, dialog);
-        var manager = this.getFragmentManager();
-        var activity = (_a = this.activity) === null || _a === void 0 ? void 0 : _a.get();
-        if (manager && !(activity === null || activity === void 0 ? void 0 : activity.isChangingConfigurations())) {
-            removeModal(this.owner._domId);
-            this._dismissCallback();
-        }
-        var owner = this.owner;
-        if (owner && owner.isLoaded) {
-            owner.callUnloaded();
-        }
-    };
-    DialogFragmentImpl.prototype.onDestroy = function () {
-        var _a;
-        _super.prototype.onDestroy.call(this);
-        var owner = this.owner;
-        var activity = (_a = this.activity) === null || _a === void 0 ? void 0 : _a.get();
-        if (!(activity === null || activity === void 0 ? void 0 : activity.isChangingConfigurations())) {
-            this.activity = null;
-        }
-        if (owner) {
-            // Android calls onDestroy before onDismiss.
-            // Make sure we unload first and then call _tearDownUI.
-            if (owner.isLoaded) {
+            if (this._windowSoftInputMode !== undefined) {
+                window.setSoftInputMode(this._windowSoftInputMode);
+            }
+            else {
+                window.setSoftInputMode(owner._context.getWindow().getAttributes().softInputMode);
+            }
+            return owner.nativeViewProtected;
+        };
+        DialogFragmentImpl.prototype.onStart = function () {
+            _super.prototype.onStart.call(this);
+            if (this._fullscreen) {
+                var window = this.getDialog().getWindow();
+                var length = android.view.ViewGroup.LayoutParams.MATCH_PARENT;
+                window.setLayout(length, length);
+                window.setBackgroundDrawable(new android.graphics.drawable.ColorDrawable(android.graphics.Color.WHITE));
+            }
+            var owner = this.owner;
+            if (owner && !owner.isLoaded) {
+                owner.callLoaded();
+            }
+            this._shownCallback();
+        };
+        DialogFragmentImpl.prototype.onDismiss = function (dialog) {
+            var _a;
+            _super.prototype.onDismiss.call(this, dialog);
+            var manager = this.getFragmentManager();
+            var activity = (_a = this.activity) === null || _a === void 0 ? void 0 : _a.get();
+            if (manager && !(activity === null || activity === void 0 ? void 0 : activity.isChangingConfigurations())) {
+                removeModal(this.owner._domId);
+                this._dismissCallback();
+            }
+            var owner = this.owner;
+            if (owner && owner.isLoaded) {
                 owner.callUnloaded();
             }
-            owner._isAddedToNativeVisualTree = false;
-            owner._tearDownUI(true);
-        }
-    };
-    return DialogFragmentImpl;
-}(androidx.fragment.app.DialogFragment));
+        };
+        DialogFragmentImpl.prototype.onDestroy = function () {
+            var _a;
+            _super.prototype.onDestroy.call(this);
+            var owner = this.owner;
+            var activity = (_a = this.activity) === null || _a === void 0 ? void 0 : _a.get();
+            if (!(activity === null || activity === void 0 ? void 0 : activity.isChangingConfigurations())) {
+                this.activity = null;
+            }
+            if (owner) {
+                if (owner.isLoaded) {
+                    owner.callUnloaded();
+                }
+                owner._isAddedToNativeVisualTree = false;
+                owner._tearDownUI(true);
+            }
+        };
+        return DialogFragmentImpl;
+    }(androidx.fragment.app.DialogFragment));
     DialogFragment = DialogFragmentImpl;
 }
 function saveModal(options) {
@@ -253,20 +277,21 @@ const INSET_LEFT_CONSUMED = 16;
 const INSET_TOP_CONSUMED = 20;
 const INSET_RIGHT_CONSUMED = 24;
 const INSET_BOTTOM_CONSUMED = 28;
+const OverflowEdgeIgnore = -1;
 const OverflowEdgeNone = 0;
-const OverflowEdgeLeft = 1;
-const OverflowEdgeTop = 1 << 1;
-const OverflowEdgeRight = 1 << 2;
-const OverflowEdgeBottom = 1 << 3;
-const OverflowEdgeDontApply = 1 << 4;
-const OverflowEdgeLeftDontConsume = 1 << 5;
-const OverflowEdgeTopDontConsume = 1 << 6;
-const OverflowEdgeRightDontConsume = 1 << 7;
-const OverflowEdgeBottomDontConsume = 1 << 8;
-const OverflowEdgeAllButLeft = 1 << 9;
-const OverflowEdgeAllButTop = 1 << 10;
-const OverflowEdgeAllButRight = 1 << 11;
-const OverflowEdgeAllButBottom = 1 << 12;
+const OverflowEdgeLeft = 1 << 1;
+const OverflowEdgeTop = 1 << 2;
+const OverflowEdgeRight = 1 << 3;
+const OverflowEdgeBottom = 1 << 4;
+const OverflowEdgeDontApply = 1 << 5;
+const OverflowEdgeLeftDontConsume = 1 << 6;
+const OverflowEdgeTopDontConsume = 1 << 7;
+const OverflowEdgeRightDontConsume = 1 << 8;
+const OverflowEdgeBottomDontConsume = 1 << 9;
+const OverflowEdgeAllButLeft = 1 << 10;
+const OverflowEdgeAllButTop = 1 << 11;
+const OverflowEdgeAllButRight = 1 << 12;
+const OverflowEdgeAllButBottom = 1 << 13;
 class Inset {
     constructor(data) {
         this.data = ArrayBuffer.from(data);
@@ -337,11 +362,6 @@ class Inset {
     }
 }
 export class View extends ViewCommon {
-    constructor() {
-        super(...arguments);
-        this._defaultOverflowEdge = OverflowEdgeNone;
-        this._defaultOverflowEdgeValue = 'none';
-    }
     // TODO: Implement unobserve that detach the touchListener.
     _observe(type, callback, thisArg) {
         super._observe(type, callback, thisArg);
@@ -449,128 +469,30 @@ export class View extends ViewCommon {
         }
         return manager;
     }
-    // @ts-ignore
-    set androidOverflowEdge(value) {
-        if (typeof value !== 'string') {
-            return;
-        }
+    [androidOverflowEdgeProperty.setNative](value) {
         const nativeView = this.nativeViewProtected;
-        if (nativeView && nativeView.setOverflowEdge) {
-            if (value === 'none') {
-                nativeView.setOverflowEdge(OverflowEdgeNone);
-            }
-            else {
-                const newValue = parseEdges(value);
-                if (newValue !== null) {
-                    nativeView.setOverflowEdge(newValue);
-                }
-            }
+        if (typeof value !== 'string' || nativeView === null || nativeView == undefined) {
+            return;
         }
-        else {
-            const edge = parseEdges(value);
-            if (edge === null) {
-                return;
-            }
-            this._defaultOverflowEdgeValue = value;
-            this._defaultOverflowEdge = edge;
+        if (!('setOverflowEdge' in nativeView)) {
+            return;
         }
-    }
-    get androidOverflowEdge() {
-        const nativeView = this.nativeViewProtected;
-        if (nativeView && nativeView.getOverflowEdge) {
-            const overflowEdge = nativeView.getOverflowEdge();
-            switch (overflowEdge) {
-                case OverflowEdgeNone:
-                    return 'none';
-                case OverflowEdgeLeft:
-                    return 'left';
-                case OverflowEdgeTop:
-                    return 'top';
-                case OverflowEdgeRight:
-                    return 'right';
-                case OverflowEdgeBottom:
-                    return 'bottom';
-                case OverflowEdgeDontApply:
-                    return 'dont-apply';
-                case OverflowEdgeLeftDontConsume:
-                    return 'left-dont-consume';
-                case OverflowEdgeTopDontConsume:
-                    return 'top-dont-consume';
-                case OverflowEdgeRightDontConsume:
-                    return 'right-dont-consume';
-                case OverflowEdgeBottomDontConsume:
-                    return 'bottom-dont-consume';
-                case OverflowEdgeAllButLeft:
-                    return 'all-but-left';
-                case OverflowEdgeAllButTop:
-                    return 'all-but-top';
-                case OverflowEdgeAllButRight:
-                    return 'all-but-right';
-                case OverflowEdgeAllButBottom:
-                    return 'all-but-bottom';
-                default:
-                    {
-                        let value = '';
-                        const overflowLeftConsume = (overflowEdge & OverflowEdgeLeft) == OverflowEdgeLeft;
-                        const overflowTopConsume = (overflowEdge & OverflowEdgeTop) == OverflowEdgeTop;
-                        const overflowRightConsume = (overflowEdge & OverflowEdgeRight) == OverflowEdgeRight;
-                        const overflowBottomConsume = (overflowEdge & OverflowEdgeBottom) == OverflowEdgeBottom;
-                        const overflowLeft = (overflowEdge & OverflowEdgeLeftDontConsume) == OverflowEdgeLeftDontConsume;
-                        const overflowTop = (overflowEdge & OverflowEdgeTopDontConsume) == OverflowEdgeTopDontConsume;
-                        const overflowRight = (overflowEdge & OverflowEdgeRightDontConsume) == OverflowEdgeRightDontConsume;
-                        const overflowBottom = (overflowEdge & OverflowEdgeBottomDontConsume) == OverflowEdgeBottomDontConsume;
-                        if (overflowLeftConsume) {
-                            value += 'left';
-                        }
-                        if (overflowTopConsume) {
-                            if (value.length > 0) {
-                                value += ',';
-                            }
-                            value += 'top';
-                        }
-                        if (overflowRightConsume) {
-                            if (value.length > 0) {
-                                value += ',';
-                            }
-                            value += 'right';
-                        }
-                        if (overflowBottomConsume) {
-                            if (value.length > 0) {
-                                value += ',';
-                            }
-                            value += 'bottom';
-                        }
-                        if (overflowLeft) {
-                            value += 'left-dont-consume';
-                        }
-                        if (overflowTop) {
-                            if (value.length > 0) {
-                                value += ',';
-                            }
-                            value += 'top-dont-consume';
-                        }
-                        if (overflowRight) {
-                            if (value.length > 0) {
-                                value += ',';
-                            }
-                            value += 'right-dont-consume';
-                        }
-                        if (overflowBottom) {
-                            if (value.length > 0) {
-                                value += ',';
-                            }
-                            value += 'bottom-dont-consume';
-                        }
+        switch (value) {
+            case 'none':
+                nativeView.setOverflowEdge(OverflowEdgeNone);
+                break;
+            case 'ignore':
+                nativeView.setOverflowEdge(OverflowEdgeIgnore);
+                break;
+            default:
+                {
+                    const edge = parseEdges(value);
+                    if (edge != null) {
+                        nativeView.setOverflowEdge(edge);
                     }
-                    break;
-            }
-        }
-        else {
-            if (this._defaultOverflowEdgeValue) {
-                return this._defaultOverflowEdgeValue;
-            }
+                }
+                break;
         }
-        return 'none';
     }
     onLoaded() {
         this._manager = null;
@@ -593,11 +515,29 @@ export class View extends ViewCommon {
         return false;
     }
     handleGestureTouch(event) {
-        for (const type in this._gestureObservers) {
-            const list = this._gestureObservers[type];
-            list.forEach((element) => {
-                element.androidOnTouchEvent(event);
-            });
+        // This keeps a copy of gesture observers from the map to ensure concurrency
+        const allObservers = Object.values(this._gestureObservers);
+        for (const observers of allObservers) {
+            const length = observers.length;
+            if (!length) {
+                continue;
+            }
+            if (length === 1) {
+                const entry = observers[0];
+                if (entry) {
+                    entry.androidOnTouchEvent(event);
+                }
+            }
+            else {
+                // This keeps a copy of gesture observers list to ensure concurrency
+                const observersCp = observers.slice();
+                for (let i = 0; i < length; i++) {
+                    const entry = observersCp[i];
+                    if (entry) {
+                        entry.androidOnTouchEvent(event);
+                    }
+                }
+            }
         }
         if (this.parent instanceof View) {
             this.parent.handleGestureTouch(event);
@@ -614,12 +554,6 @@ export class View extends ViewCommon {
         if (!this.insetListenerIsSet && this.needsInsetListener) {
             this.setInsetListener();
         }
-        const nativeView = this.nativeViewProtected;
-        if (typeof this._defaultOverflowEdge === 'number') {
-            if (nativeView && nativeView.setOverflowEdge) {
-                nativeView.setOverflowEdge(this._defaultOverflowEdge);
-            }
-        }
     }
     needsOnLayoutChangeListener() {
         return this.hasListeners(ViewCommon.layoutChangedEvent);
@@ -945,8 +879,14 @@ export class View extends ViewCommon {
         const gravity = lp.gravity;
         const weight = lp.weight;
         // Set only if params gravity exists.
-        if (gravity !== undefined) {
+        if (gravity != null) {
             switch (value) {
+                case 'start':
+                    lp.gravity = (this.direction === CoreTypes.LayoutDirection.rtl ? GRAVITY_RIGHT : GRAVITY_LEFT) | (gravity & VERTICAL_GRAVITY_MASK);
+                    if (weight < 0) {
+                        lp.weight = -2;
+                    }
+                    break;
                 case 'left':
                     lp.gravity = GRAVITY_LEFT | (gravity & VERTICAL_GRAVITY_MASK);
                     if (weight < 0) {
@@ -965,6 +905,12 @@ export class View extends ViewCommon {
                         lp.weight = -2;
                     }
                     break;
+                case 'end':
+                    lp.gravity = (this.direction === CoreTypes.LayoutDirection.rtl ? GRAVITY_LEFT : GRAVITY_RIGHT) | (gravity & VERTICAL_GRAVITY_MASK);
+                    if (weight < 0) {
+                        lp.weight = -2;
+                    }
+                    break;
                 case 'stretch':
                     lp.gravity = GRAVITY_FILL_HORIZONTAL | (gravity & VERTICAL_GRAVITY_MASK);
                     if (weight < 0) {
@@ -1094,9 +1040,6 @@ export class View extends ViewCommon {
         }
         return this._context.getWindow();
     }
-    [testIDProperty.setNative](value) {
-        this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    }
     setAccessibilityIdentifier(view, value) {
         const id = Utils.android.resources.getId(':id/nativescript_accessibility_id');
         if (id) {
@@ -1108,6 +1051,23 @@ export class View extends ViewCommon {
         if (this.accessibilityIdentifier !== value)
             this.accessibilityIdentifier = value;
     }
+    [directionProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
+        switch (value) {
+            case CoreTypes.LayoutDirection.ltr:
+                nativeView.setLayoutDirection(android.view.View.LAYOUT_DIRECTION_LTR);
+                break;
+            case CoreTypes.LayoutDirection.rtl:
+                nativeView.setLayoutDirection(android.view.View.LAYOUT_DIRECTION_RTL);
+                break;
+            default:
+                nativeView.setLayoutDirection(android.view.View.LAYOUT_DIRECTION_LOCALE);
+                break;
+        }
+    }
+    [testIDProperty.setNative](value) {
+        this.setAccessibilityIdentifier(this.nativeViewProtected, value);
+    }
     [accessibilityEnabledProperty.setNative](value) {
         this.nativeViewProtected.setFocusable(!!value);
         updateA11yPropertiesCallback(this);
@@ -1303,17 +1263,21 @@ export class View extends ViewCommon {
             }
         }
     }
-    _drawBoxShadow(boxShadow) {
+    _drawBoxShadow(boxShadows) {
         const nativeView = this.nativeViewProtected;
-        const config = {
-            shadowColor: boxShadow.color.android,
-            cornerRadius: Length.toDevicePixels(this.borderRadius, 0.0),
-            spreadRadius: boxShadow.spreadRadius,
-            blurRadius: boxShadow.blurRadius,
-            offsetX: boxShadow.offsetX,
-            offsetY: boxShadow.offsetY,
-        };
-        org.nativescript.widgets.Utils.drawBoxShadow(nativeView, JSON.stringify(config));
+        const valueCount = 6;
+        const nativeArray = Array.create('int', boxShadows.length * valueCount);
+        for (let i = 0, length = boxShadows.length; i < length; i++) {
+            const boxShadow = boxShadows[i];
+            const nativeIndex = i * valueCount;
+            nativeArray[nativeIndex + 0] = boxShadow.color.android;
+            nativeArray[nativeIndex + 1] = boxShadow.spreadRadius;
+            nativeArray[nativeIndex + 2] = boxShadow.blurRadius;
+            nativeArray[nativeIndex + 3] = boxShadow.offsetX;
+            nativeArray[nativeIndex + 4] = boxShadow.offsetY;
+            nativeArray[nativeIndex + 5] = boxShadow.inset ? 1 : 0;
+        }
+        org.nativescript.widgets.Utils.drawBoxShadow(nativeView, nativeArray);
     }
     _redrawNativeBackground(value) {
         if (value instanceof Background) {
@@ -1356,13 +1320,13 @@ export class View extends ViewCommon {
         // prettier-ignore
         const onlyColor = !background.hasBorderWidth()
             && !background.hasBorderRadius()
-            && !background.hasBoxShadow()
+            && !background.hasBoxShadows()
             && !background.clipPath
             && !background.image
             && !!background.color;
         this._applyBackground(background, isBorderDrawable, onlyColor, drawable);
-        if (background.hasBoxShadow()) {
-            this._drawBoxShadow(background.getBoxShadow());
+        if (background.hasBoxShadows()) {
+            this._drawBoxShadow(background.getBoxShadows());
         }
         // TODO: Can we move BorderWidths as separate native setter?
         // This way we could skip setPadding if borderWidth is not changed.
@@ -1410,123 +1374,41 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], View.prototype, "requestLayout", null);
+const edgeMap = {
+    none: OverflowEdgeNone,
+    left: OverflowEdgeLeft,
+    top: OverflowEdgeTop,
+    right: OverflowEdgeRight,
+    bottom: OverflowEdgeBottom,
+    'dont-apply': OverflowEdgeDontApply,
+    'left-dont-consume': OverflowEdgeLeftDontConsume,
+    'top-dont-consume': OverflowEdgeTopDontConsume,
+    'right-dont-consume': OverflowEdgeRightDontConsume,
+    'bottom-dont-consume': OverflowEdgeBottomDontConsume,
+    'all-but-left': OverflowEdgeAllButLeft,
+    'all-but-top': OverflowEdgeAllButTop,
+    'all-but-right': OverflowEdgeAllButRight,
+    'all-but-bottom': OverflowEdgeAllButBottom,
+};
 function parseEdges(edges) {
-    const values = edges.trim().split(',');
-    let newValue = -1;
-    for (let value of values) {
-        const trimmedValue = value.trim();
-        switch (trimmedValue) {
-            case 'none':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeNone;
-                }
-                else {
-                    newValue |= OverflowEdgeNone;
-                }
-                break;
-            case 'left':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeLeft;
-                }
-                else {
-                    newValue |= OverflowEdgeLeft;
-                }
-                break;
-            case 'top':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeTop;
-                }
-                else {
-                    newValue |= OverflowEdgeTop;
-                }
-                break;
-            case 'right':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeRight;
-                }
-                else {
-                    newValue |= OverflowEdgeRight;
-                }
-                break;
-            case 'bottom':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeBottom;
-                }
-                else {
-                    newValue |= OverflowEdgeBottom;
-                }
-                break;
-            case 'dont-apply':
-                newValue = OverflowEdgeDontApply;
-                break;
-            case 'left-dont-consume':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeLeftDontConsume;
-                }
-                else {
-                    newValue |= OverflowEdgeLeftDontConsume;
-                }
-                break;
-            case 'top-dont-consume':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeTopDontConsume;
-                }
-                else {
-                    newValue |= OverflowEdgeTopDontConsume;
-                }
-                break;
-            case 'right-dont-consume':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeRightDontConsume;
-                }
-                else {
-                    newValue |= OverflowEdgeRightDontConsume;
-                }
-                break;
-            case 'bottom-dont-consume':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeBottomDontConsume;
-                }
-                else {
-                    newValue |= OverflowEdgeBottomDontConsume;
-                }
-            case 'all-but-left':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeAllButLeft;
-                }
-                else {
-                    newValue |= OverflowEdgeAllButLeft;
-                }
-            case 'all-but-top':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeAllButTop;
-                }
-                else {
-                    newValue |= OverflowEdgeAllButTop;
-                }
-            case 'all-but-right':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeAllButRight;
-                }
-                else {
-                    newValue |= OverflowEdgeAllButRight;
-                }
-            case 'all-but-bottom':
-                if (newValue === -1) {
-                    newValue = OverflowEdgeAllButBottom;
-                }
-                else {
-                    newValue |= OverflowEdgeAllButBottom;
-                }
-                break;
-        }
-    }
-    if (newValue === -1) {
-        return null;
-    }
-    return newValue;
+    let result = 0;
+    const values = edges.split(',');
+    for (const raw of values) {
+        const value = edgeMap[raw.trim()];
+        if (value === undefined)
+            continue;
+        // dont-apply overrides everything else
+        if (value === OverflowEdgeDontApply)
+            return value;
+        result |= value;
+    }
+    return result === 0 ? null : result;
 }
 export class ContainerView extends View {
+    constructor() {
+        super();
+        this.androidOverflowEdge = 'none';
+    }
 }
 export class CustomLayoutView extends ContainerView {
     createNativeView() {