@nativescript/core 9.0.0-preview.3 → 9.0.1

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 } 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';
@@ -38,199 +38,224 @@ const GRAVITY_CENTER_HORIZONTAL = 1; // android.view.Gravity.CENTER_HORIZONTAL
 const GRAVITY_FILL_HORIZONTAL = 7; // android.view.Gravity.FILL_HORIZONTAL
 const GRAVITY_CENTER_VERTICAL = 16; // android.view.Gravity.CENTER_VERTICAL
 const GRAVITY_FILL_VERTICAL = 112; // android.view.Gravity.FILL_VERTICAL
+const SYSTEM_UI_FLAG_LIGHT_STATUS_BAR = 0x00002000;
+const STATUS_BAR_LIGHT_BCKG = -657931;
+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;
-        }
-        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));
+    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);
+        }
+        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);
+        };
+        TouchListenerImpl = __decorate([
+            Interfaces([android.view.View.OnTouchListener])
+        ], 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) {
@@ -242,6 +267,98 @@ function removeModal(domId) {
 function getModalOptions(domId) {
     return modalMap.get(domId);
 }
+const INSET_LEFT = 0;
+const INSET_TOP = 4;
+const INSET_RIGHT = 8;
+const INSET_BOTTOM = 12;
+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 << 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);
+        this.view = new DataView(this.data);
+    }
+    get left() {
+        return this.view.getInt32(INSET_LEFT, true);
+    }
+    set left(value) {
+        this.view.setInt32(INSET_LEFT, value, true);
+    }
+    get top() {
+        return this.view.getInt32(INSET_TOP, true);
+    }
+    set top(value) {
+        this.view.setInt32(INSET_TOP, value, true);
+    }
+    get right() {
+        return this.view.getInt32(INSET_RIGHT, true);
+    }
+    set right(value) {
+        this.view.setInt32(INSET_RIGHT, value, true);
+    }
+    get bottom() {
+        return this.view.getInt32(INSET_BOTTOM, true);
+    }
+    set bottom(value) {
+        this.view.setInt32(INSET_BOTTOM, value, true);
+    }
+    get leftConsumed() {
+        return this.view.getInt32(INSET_LEFT_CONSUMED, true) > 0;
+    }
+    set leftConsumed(value) {
+        this.view.setInt32(INSET_LEFT_CONSUMED, value ? 1 : 0, true);
+    }
+    get topConsumed() {
+        return this.view.getInt32(INSET_TOP_CONSUMED, true) > 0;
+    }
+    set topConsumed(value) {
+        this.view.setInt32(INSET_TOP_CONSUMED, value ? 1 : 0, true);
+    }
+    get rightConsumed() {
+        return this.view.getInt32(INSET_RIGHT_CONSUMED, true) > 0;
+    }
+    set rightConsumed(value) {
+        this.view.setInt32(INSET_RIGHT_CONSUMED, value ? 1 : 0, true);
+    }
+    get bottomConsumed() {
+        return this.view.getInt32(INSET_BOTTOM_CONSUMED, true) > 0;
+    }
+    set bottomConsumed(value) {
+        this.view.setInt32(INSET_BOTTOM_CONSUMED, value ? 1 : 0, true);
+    }
+    toString() {
+        return `Inset: left=${this.left}, top=${this.top}, right=${this.right}, bottom=${this.bottom}, ` + `leftConsumed=${this.leftConsumed}, topConsumed=${this.topConsumed}, ` + `rightConsumed=${this.rightConsumed}, bottomConsumed=${this.bottomConsumed}`;
+    }
+    toJSON() {
+        return {
+            left: this.left,
+            top: this.top,
+            right: this.right,
+            bottom: this.bottom,
+            leftConsumed: this.leftConsumed,
+            topConsumed: this.topConsumed,
+            rightConsumed: this.rightConsumed,
+            bottomConsumed: this.bottomConsumed,
+        };
+    }
+}
 export class View extends ViewCommon {
     // TODO: Implement unobserve that detach the touchListener.
     _observe(type, callback, thisArg) {
@@ -256,6 +373,11 @@ export class View extends ViewCommon {
         if (this.isLoaded && !this.layoutChangeListenerIsSet && isLayoutEvent) {
             this.setOnLayoutChangeListener();
         }
+        const isInsetEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.androidOverflowInsetEvent) !== -1 : false;
+        // only avaiable on LayoutBase
+        if (!this.insetListenerIsSet && isInsetEvent) {
+            this.setInsetListener();
+        }
     }
     removeEventListener(eventNames, callback, thisArg) {
         super.removeEventListener(eventNames, callback, thisArg);
@@ -265,6 +387,38 @@ export class View extends ViewCommon {
             this.nativeViewProtected.removeOnLayoutChangeListener(this.layoutChangeListener);
             this.layoutChangeListenerIsSet = false;
         }
+        const isInsetEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.androidOverflowInsetEvent) !== -1 : false;
+        if (this.insetListenerIsSet && isInsetEvent && this.nativeViewProtected && this.nativeViewProtected.setInsetListener) {
+            this.nativeViewProtected.setInsetListener(null);
+            this.insetListenerIsSet = false;
+        }
+    }
+    setInsetListener() {
+        if (this.nativeViewProtected) {
+            if (this.nativeViewProtected.setInsetListener) {
+                const ref = new WeakRef(this);
+                this.nativeViewProtected.setInsetListener(new org.nativescript.widgets.LayoutBase.WindowInsetListener({
+                    onApplyWindowInsets(param0) {
+                        const owner = ref.get();
+                        if (!owner) {
+                            return;
+                        }
+                        const inset = new Inset(param0);
+                        const args = {
+                            eventName: ViewCommon.androidOverflowInsetEvent,
+                            object: this,
+                            inset,
+                        };
+                        owner.notify(args);
+                    },
+                }));
+                this.insetListenerIsSet = true;
+            }
+            this.needsInsetListener = false;
+        }
+        else {
+            this.needsInsetListener = true;
+        }
     }
     _getChildFragmentManager() {
         return null;
@@ -313,6 +467,31 @@ export class View extends ViewCommon {
         }
         return manager;
     }
+    [androidOverflowEdgeProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
+        if (typeof value !== 'string' || nativeView === null || nativeView == undefined) {
+            return;
+        }
+        if (!('setOverflowEdge' in nativeView)) {
+            return;
+        }
+        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;
+        }
+    }
     onLoaded() {
         this._manager = null;
         this._rootManager = null;
@@ -334,11 +513,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);
@@ -352,6 +549,9 @@ export class View extends ViewCommon {
         if (this.needsOnLayoutChangeListener()) {
             this.setOnLayoutChangeListener();
         }
+        if (!this.insetListenerIsSet && this.needsInsetListener) {
+            this.setInsetListener();
+        }
     }
     needsOnLayoutChangeListener() {
         return this.hasListeners(ViewCommon.layoutChangedEvent);
@@ -677,8 +877,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) {
@@ -697,6 +903,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) {
@@ -746,8 +958,85 @@ export class View extends ViewCommon {
             nativeView.setLayoutParams(lp);
         }
     }
-    [testIDProperty.setNative](value) {
-        this.setAccessibilityIdentifier(this.nativeViewProtected, value);
+    [statusBarStyleProperty.getDefault]() {
+        return this.style.statusBarStyle;
+    }
+    [statusBarStyleProperty.setNative](value) {
+        this.updateStatusBarStyle(value);
+    }
+    updateStatusBarStyle(value) {
+        if (SDK_VERSION < 21)
+            return; // nothing we can do
+        const window = this.getClosestWindow();
+        // Ensure the window draws system bar backgrounds (required to color status bar)
+        window.clearFlags(android.view.WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
+        window.addFlags(android.view.WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
+        const decorView = window.getDecorView();
+        // API 30+ path (preferred)
+        const controller = window.getInsetsController?.();
+        if (controller && SDK_VERSION >= 30) {
+            const APPEARANCE_LIGHT_STATUS_BARS = android.view.WindowInsetsController?.APPEARANCE_LIGHT_STATUS_BARS;
+            if (typeof value === 'string') {
+                this.style.statusBarStyle = value;
+                if (value === 'light') {
+                    // light icons/text
+                    controller.setSystemBarsAppearance(0, APPEARANCE_LIGHT_STATUS_BARS);
+                }
+                else {
+                    // dark icons/text
+                    controller.setSystemBarsAppearance(APPEARANCE_LIGHT_STATUS_BARS, APPEARANCE_LIGHT_STATUS_BARS);
+                }
+            }
+            else {
+                if (value.color != null)
+                    window.setStatusBarColor(value.color);
+                // No direct passthrough for systemUiVisibility on API 30+, use appearances instead
+            }
+            return;
+        }
+        // API 23–29 path (systemUiVisibility)
+        if (SDK_VERSION >= 23) {
+            if (typeof value === 'string') {
+                this.style.statusBarStyle = value;
+                let flags = decorView.getSystemUiVisibility();
+                if (value === 'light') {
+                    // Add the LIGHT_STATUS_BAR bit without clobbering other flags
+                    flags |= android.view.View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
+                    decorView.setSystemUiVisibility(flags);
+                }
+                else {
+                    // Remove only the LIGHT_STATUS_BAR bit
+                    flags &= ~android.view.View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
+                    decorView.setSystemUiVisibility(flags);
+                }
+            }
+            else {
+                if (value.color != null)
+                    window.setStatusBarColor(value.color);
+                if (value.systemUiVisibility != null) {
+                    // Preserve existing flags, don’t blindly overwrite to 0
+                    const merged = (decorView.getSystemUiVisibility() & ~android.view.View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR) | (value.systemUiVisibility & android.view.View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
+                    decorView.setSystemUiVisibility(merged);
+                }
+            }
+            return;
+        }
+        // API 21–22: you can only change the background color; icon color is fixed (light)
+        if (typeof value === 'object' && value.color != null) {
+            window.setStatusBarColor(value.color);
+        }
+    }
+    getClosestWindow() {
+        // When it comes to modals, check parent as it may not be the modal root view itself
+        const view = this.parent ?? this;
+        const dialogFragment = view._dialogFragment;
+        if (dialogFragment) {
+            const dialog = dialogFragment.getDialog();
+            if (dialog) {
+                return dialog.getWindow();
+            }
+        }
+        return this._context.getWindow();
     }
     setAccessibilityIdentifier(view, value) {
         const id = Utils.android.resources.getId(':id/nativescript_accessibility_id');
@@ -760,6 +1049,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);
@@ -955,17 +1261,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) {
@@ -1008,13 +1318,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.
@@ -1062,7 +1372,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) {
+    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() {