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

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

@@ -1,11 +1,12 @@
 import { getNativeScriptGlobals } from '../../../globals/global-utils';
 import { ViewCommon, isEnabledProperty, originXProperty, originYProperty, isUserInteractionEnabledProperty, testIDProperty, AndroidHelper, androidOverflowEdgeProperty, statusBarStyleProperty } from './view-common';
-import { paddingLeftProperty, paddingTopProperty, paddingRightProperty, paddingBottomProperty } from '../../styling/style-properties';
+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';
@@ -79,202 +80,184 @@ 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;
-        if (SDK_VERSION >= 33 && OnBackPressedCallback) {
-            var callback = new OnBackPressedCallback(true);
-            callback['_dialog'] = new WeakRef(_this);
-            // @ts-ignore
-            _this.getOnBackPressedDispatcher().addCallback(_this, callback);
-        }
-        return global.__native(_this);
-    }
-    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 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);
         }
-        var view = this.fragment.owner;
-        var args = {
-            eventName: 'activityBackPressed',
-            object: view,
-            activity: view._context,
-            cancel: false,
+        DialogImpl.prototype.onDetachedFromWindow = function () {
+            _super.prototype.onDetachedFromWindow.call(this);
+            this.fragment = null;
         };
-        // 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;
-}(androidx.appcompat.app.AppCompatDialog));
-    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);
-        }
-        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.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) {
@@ -532,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);
@@ -878,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) {
@@ -898,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) {
@@ -1027,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) {
@@ -1041,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);