@nativescript/core 8.9.0-alpha.2 → 8.9.0-napi-es5.0

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

@@ -16,45 +16,55 @@ export * from './view-common';
 export * from './view-helper';
 // This one can eventually be cleaned up but causes issues with a lot of ui-suite plugins in particular if not exported here
 export * from '../properties';
-const PFLAG_FORCE_LAYOUT = 1;
-const PFLAG_MEASURED_DIMENSION_SET = 1 << 1;
-const PFLAG_LAYOUT_REQUIRED = 1 << 2;
-export class View extends ViewCommon {
-    constructor() {
-        super(...arguments);
-        this._isLaidOut = false;
-        this._hasTransform = false;
-        this._hasPendingTransform = false;
-        this._privateFlags = PFLAG_LAYOUT_REQUIRED | PFLAG_FORCE_LAYOUT;
-        this._suspendCATransaction = false;
-    }
-    get isLayoutRequired() {
-        return (this._privateFlags & PFLAG_LAYOUT_REQUIRED) === PFLAG_LAYOUT_REQUIRED;
-    }
-    get isLayoutRequested() {
-        return (this._privateFlags & PFLAG_FORCE_LAYOUT) === PFLAG_FORCE_LAYOUT;
-    }
-    disposeNativeView() {
-        super.disposeNativeView();
+var PFLAG_FORCE_LAYOUT = 1;
+var PFLAG_MEASURED_DIMENSION_SET = 1 << 1;
+var PFLAG_LAYOUT_REQUIRED = 1 << 2;
+var View = /** @class */ (function (_super) {
+    __extends(View, _super);
+    function View() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._isLaidOut = false;
+        _this._hasTransform = false;
+        _this._hasPendingTransform = false;
+        _this._privateFlags = PFLAG_LAYOUT_REQUIRED | PFLAG_FORCE_LAYOUT;
+        _this._suspendCATransaction = false;
+        return _this;
+    }
+    Object.defineProperty(View.prototype, "isLayoutRequired", {
+        get: function () {
+            return (this._privateFlags & PFLAG_LAYOUT_REQUIRED) === PFLAG_LAYOUT_REQUIRED;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(View.prototype, "isLayoutRequested", {
+        get: function () {
+            return (this._privateFlags & PFLAG_FORCE_LAYOUT) === PFLAG_FORCE_LAYOUT;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    View.prototype.disposeNativeView = function () {
+        _super.prototype.disposeNativeView.call(this);
         this._cachedFrame = null;
         this._isLaidOut = false;
         this._hasTransform = false;
         this._hasPendingTransform = false;
-    }
-    requestLayout() {
+    };
+    View.prototype.requestLayout = function () {
         this._privateFlags |= PFLAG_FORCE_LAYOUT;
-        super.requestLayout();
-        const nativeView = this.nativeViewProtected;
+        _super.prototype.requestLayout.call(this);
+        var nativeView = this.nativeViewProtected;
         if (nativeView && nativeView.setNeedsLayout) {
             nativeView.setNeedsLayout();
         }
         if (this.viewController && this.viewController.view !== nativeView) {
             this.viewController.view.setNeedsLayout();
         }
-    }
-    measure(widthMeasureSpec, heightMeasureSpec) {
-        const measureSpecsChanged = this._setCurrentMeasureSpecs(widthMeasureSpec, heightMeasureSpec);
-        const forceLayout = (this._privateFlags & PFLAG_FORCE_LAYOUT) === PFLAG_FORCE_LAYOUT;
+    };
+    View.prototype.measure = function (widthMeasureSpec, heightMeasureSpec) {
+        var measureSpecsChanged = this._setCurrentMeasureSpecs(widthMeasureSpec, heightMeasureSpec);
+        var forceLayout = (this._privateFlags & PFLAG_FORCE_LAYOUT) === PFLAG_FORCE_LAYOUT;
         if (this.nativeViewProtected && (forceLayout || measureSpecsChanged)) {
             // first clears the measured dimension flag
             this._privateFlags &= ~PFLAG_MEASURED_DIMENSION_SET;
@@ -69,20 +79,31 @@ export class View extends ViewCommon {
                 }
             }
         }
-    }
-    layout(left, top, right, bottom, setFrame = true) {
-        const { boundsChanged, sizeChanged } = this._setCurrentLayoutBounds(left, top, right, bottom);
+    };
+    View.prototype.layout = function (left, top, right, bottom, setFrame) {
+        if (setFrame === void 0) { setFrame = true; }
+        var result = this._setCurrentLayoutBounds(left, top, right, bottom);
+        var sizeChanged = result.sizeChanged;
         if (setFrame) {
             this.layoutNativeView(left, top, right, bottom);
         }
-        const needsLayout = boundsChanged || (this._privateFlags & PFLAG_LAYOUT_REQUIRED) === PFLAG_LAYOUT_REQUIRED;
+        var needsLayout = result.boundsChanged || (this._privateFlags & PFLAG_LAYOUT_REQUIRED) === PFLAG_LAYOUT_REQUIRED;
         if (needsLayout) {
-            let position = { left, top, right, bottom };
+            var position = void 0;
             if (this.nativeViewProtected && SDK_VERSION > 10) {
                 // on iOS 11+ it is possible to have a changed layout frame due to safe area insets
                 // get the frame and adjust the position, so that onLayout works correctly
-                const frame = this.nativeViewProtected.frame;
-                position = IOSHelper.getPositionFromFrame(frame);
+                position = IOSHelper.getPositionFromFrame(this.nativeViewProtected.frame);
+                if (!sizeChanged) {
+                    // If frame has actually changed, there is the need to update view background and border styles as they depend on native view bounds
+                    // To trigger the needed visual update, mark size as changed
+                    if (position.left !== left || position.top !== top || position.right !== right || position.bottom !== bottom) {
+                        sizeChanged = true;
+                    }
+                }
+            }
+            else {
+                position = { left: left, top: top, right: right, bottom: bottom };
             }
             this.onLayout(position.left, position.top, position.right, position.bottom);
             this._privateFlags &= ~PFLAG_LAYOUT_REQUIRED;
@@ -93,13 +114,13 @@ export class View extends ViewCommon {
             this._hasPendingTransform = false;
         }
         this._privateFlags &= ~PFLAG_FORCE_LAYOUT;
-    }
-    updateBackground(sizeChanged, needsLayout) {
+    };
+    View.prototype.updateBackground = function (sizeChanged, needsLayout) {
         if (sizeChanged) {
             this._onSizeChanged();
         }
         else if (this._nativeBackgroundState === 'invalid') {
-            const background = this.style.backgroundInternal;
+            var background = this.style.backgroundInternal;
             this._redrawNativeBackground(background);
         }
         else {
@@ -108,51 +129,51 @@ export class View extends ViewCommon {
                 this.layoutOuterShadows();
             }
         }
-    }
-    layoutOuterShadows() {
-        const nativeView = this.nativeViewProtected;
-        if (nativeView?.outerShadowContainerLayer) {
+    };
+    View.prototype.layoutOuterShadows = function () {
+        var nativeView = this.nativeViewProtected;
+        if (nativeView === null || nativeView === void 0 ? void 0 : nativeView.outerShadowContainerLayer) {
             CATransaction.setDisableActions(true);
             nativeView.outerShadowContainerLayer.bounds = nativeView.bounds;
             nativeView.outerShadowContainerLayer.position = nativeView.center;
             CATransaction.setDisableActions(false);
         }
-    }
-    setMeasuredDimension(measuredWidth, measuredHeight) {
-        super.setMeasuredDimension(measuredWidth, measuredHeight);
+    };
+    View.prototype.setMeasuredDimension = function (measuredWidth, measuredHeight) {
+        _super.prototype.setMeasuredDimension.call(this, measuredWidth, measuredHeight);
         this._privateFlags |= PFLAG_MEASURED_DIMENSION_SET;
-    }
-    onMeasure(widthMeasureSpec, heightMeasureSpec) {
-        const view = this.nativeViewProtected;
-        const width = layout.getMeasureSpecSize(widthMeasureSpec);
-        const widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
-        const height = layout.getMeasureSpecSize(heightMeasureSpec);
-        const heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
-        let nativeWidth = 0;
-        let nativeHeight = 0;
+    };
+    View.prototype.onMeasure = function (widthMeasureSpec, heightMeasureSpec) {
+        var view = this.nativeViewProtected;
+        var width = layout.getMeasureSpecSize(widthMeasureSpec);
+        var widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
+        var height = layout.getMeasureSpecSize(heightMeasureSpec);
+        var heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
+        var nativeWidth = 0;
+        var nativeHeight = 0;
         if (view) {
-            const nativeSize = layout.measureNativeView(view, width, widthMode, height, heightMode);
+            var nativeSize = layout.measureNativeView(view, width, widthMode, height, heightMode);
             nativeWidth = nativeSize.width;
             nativeHeight = nativeSize.height;
         }
-        const measureWidth = Math.max(nativeWidth, this.effectiveMinWidth);
-        const measureHeight = Math.max(nativeHeight, this.effectiveMinHeight);
-        const widthAndState = View.resolveSizeAndState(measureWidth, width, widthMode, 0);
-        const heightAndState = View.resolveSizeAndState(measureHeight, height, heightMode, 0);
+        var measureWidth = Math.max(nativeWidth, this.effectiveMinWidth);
+        var measureHeight = Math.max(nativeHeight, this.effectiveMinHeight);
+        var widthAndState = View.resolveSizeAndState(measureWidth, width, widthMode, 0);
+        var heightAndState = View.resolveSizeAndState(measureHeight, height, heightMode, 0);
         this.setMeasuredDimension(widthAndState, heightAndState);
-    }
-    onLayout(left, top, right, bottom) {
+    };
+    View.prototype.onLayout = function (left, top, right, bottom) {
         //
-    }
-    _setNativeViewFrame(nativeView, frame) {
-        const oldFrame = this._cachedFrame || nativeView.frame;
+    };
+    View.prototype._setNativeViewFrame = function (nativeView, frame) {
+        var oldFrame = this._cachedFrame || nativeView.frame;
         if (!CGRectEqualToRect(oldFrame, frame)) {
             if (Trace.isEnabled()) {
                 Trace.write(this + ' :_setNativeViewFrame: ' + JSON.stringify(IOSHelper.getPositionFromFrame(frame)), Trace.categories.Layout);
             }
             this._cachedFrame = frame;
-            let adjustedFrame = null;
-            let transform = null;
+            var adjustedFrame = null;
+            var transform = null;
             if (this._hasTransform) {
                 // Always set identity transform before setting frame;
                 transform = nativeView.layer.transform;
@@ -170,8 +191,8 @@ export class View extends ViewCommon {
                 // re-apply the transform after the frame is adjusted
                 nativeView.layer.transform = transform;
             }
-            const boundsOrigin = nativeView.bounds.origin;
-            const boundsFrame = adjustedFrame || frame;
+            var boundsOrigin = nativeView.bounds.origin;
+            var boundsFrame = adjustedFrame || frame;
             nativeView.bounds = CGRectMake(boundsOrigin.x, boundsOrigin.y, boundsFrame.size.width, boundsFrame.size.height);
             nativeView.layoutIfNeeded();
             this._raiseLayoutChangedEvent();
@@ -184,58 +205,62 @@ export class View extends ViewCommon {
             // this method is called twice with equal rects in landscape mode (vs only once in portrait)
             this._isLaidOut = true;
         }
-    }
-    get isLayoutValid() {
-        if (this.nativeViewProtected) {
-            return this._isLayoutValid;
-        }
-        return false;
-    }
-    layoutNativeView(left, top, right, bottom) {
+    };
+    Object.defineProperty(View.prototype, "isLayoutValid", {
+        get: function () {
+            if (this.nativeViewProtected) {
+                return this._isLayoutValid;
+            }
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    View.prototype.layoutNativeView = function (left, top, right, bottom) {
         if (!this.nativeViewProtected) {
             return;
         }
-        const nativeView = this.nativeViewProtected;
-        const frame = IOSHelper.getFrameFromPosition({
-            left,
-            top,
-            right,
-            bottom,
+        var nativeView = this.nativeViewProtected;
+        var frame = IOSHelper.getFrameFromPosition({
+            left: left,
+            top: top,
+            right: right,
+            bottom: bottom,
         });
         this._setNativeViewFrame(nativeView, frame);
-    }
-    _layoutParent() {
+    };
+    View.prototype._layoutParent = function () {
         if (this.nativeViewProtected) {
-            const frame = this.nativeViewProtected.frame;
-            const origin = frame.origin;
-            const size = frame.size;
-            const left = layout.toDevicePixels(origin.x);
-            const top = layout.toDevicePixels(origin.y);
-            const width = layout.toDevicePixels(size.width);
-            const height = layout.toDevicePixels(size.height);
-            this._setLayoutFlags(left, top, width + left, height + top);
-        }
-        super._layoutParent();
-    }
-    _setLayoutFlags(left, top, right, bottom) {
-        const width = right - left;
-        const height = bottom - top;
-        const widthSpec = layout.makeMeasureSpec(width, layout.EXACTLY);
-        const heightSpec = layout.makeMeasureSpec(height, layout.EXACTLY);
+            var frame = this.nativeViewProtected.frame;
+            var origin_1 = frame.origin;
+            var size = frame.size;
+            var left = layout.toDevicePixels(origin_1.x);
+            var top_1 = layout.toDevicePixels(origin_1.y);
+            var width = layout.toDevicePixels(size.width);
+            var height = layout.toDevicePixels(size.height);
+            this._setLayoutFlags(left, top_1, width + left, height + top_1);
+        }
+        _super.prototype._layoutParent.call(this);
+    };
+    View.prototype._setLayoutFlags = function (left, top, right, bottom) {
+        var width = right - left;
+        var height = bottom - top;
+        var widthSpec = layout.makeMeasureSpec(width, layout.EXACTLY);
+        var heightSpec = layout.makeMeasureSpec(height, layout.EXACTLY);
         this._setCurrentMeasureSpecs(widthSpec, heightSpec);
         this._privateFlags &= ~PFLAG_FORCE_LAYOUT;
         this.setMeasuredDimension(width, height);
-        const { boundsChanged, sizeChanged } = this._setCurrentLayoutBounds(left, top, right, bottom);
+        var _a = this._setCurrentLayoutBounds(left, top, right, bottom), boundsChanged = _a.boundsChanged, sizeChanged = _a.sizeChanged;
         this.updateBackground(sizeChanged, boundsChanged);
         this._privateFlags &= ~PFLAG_LAYOUT_REQUIRED;
-    }
-    focus() {
+    };
+    View.prototype.focus = function () {
         if (this.ios) {
             return this.ios.becomeFirstResponder();
         }
         return false;
-    }
-    applySafeAreaInsets(frame) {
+    };
+    View.prototype.applySafeAreaInsets = function (frame) {
         if (!__VISIONOS__ && SDK_VERSION <= 10) {
             return null;
         }
@@ -249,10 +274,10 @@ export class View extends ViewCommon {
             return IOSHelper.expandBeyondSafeArea(this, frame);
         }
         return null;
-    }
-    getSafeAreaInsets() {
-        const safeAreaInsets = this.nativeViewProtected && this.nativeViewProtected.safeAreaInsets;
-        const insets = { left: 0, top: 0, right: 0, bottom: 0 };
+    };
+    View.prototype.getSafeAreaInsets = function () {
+        var safeAreaInsets = this.nativeViewProtected && this.nativeViewProtected.safeAreaInsets;
+        var insets = { left: 0, top: 0, right: 0, bottom: 0 };
         if (this.iosIgnoreSafeArea) {
             return insets;
         }
@@ -263,60 +288,60 @@ export class View extends ViewCommon {
             insets.bottom = layout.round(layout.toDevicePixels(safeAreaInsets.bottom));
         }
         return insets;
-    }
-    getLocationInWindow() {
+    };
+    View.prototype.getLocationInWindow = function () {
         if (!this.nativeViewProtected || !this.nativeViewProtected.window) {
             return undefined;
         }
-        const pointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
+        var pointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
         return {
             x: pointInWindow.x,
             y: pointInWindow.y,
         };
-    }
-    getLocationOnScreen() {
+    };
+    View.prototype.getLocationOnScreen = function () {
         if (!this.nativeViewProtected || !this.nativeViewProtected.window) {
             return undefined;
         }
-        const pointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
-        const pointOnScreen = this.nativeViewProtected.window.convertPointToWindow(pointInWindow, null);
+        var pointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
+        var pointOnScreen = this.nativeViewProtected.window.convertPointToWindow(pointInWindow, null);
         return {
             x: pointOnScreen.x,
             y: pointOnScreen.y,
         };
-    }
-    getLocationRelativeTo(otherView) {
+    };
+    View.prototype.getLocationRelativeTo = function (otherView) {
         if (!this.nativeViewProtected || !this.nativeViewProtected.window || !otherView.nativeViewProtected || !otherView.nativeViewProtected.window || this.nativeViewProtected.window !== otherView.nativeViewProtected.window) {
             return undefined;
         }
-        const myPointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
-        const otherPointInWindow = otherView.nativeViewProtected.convertPointToView(otherView.nativeViewProtected.bounds.origin, null);
+        var myPointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
+        var otherPointInWindow = otherView.nativeViewProtected.convertPointToView(otherView.nativeViewProtected.bounds.origin, null);
         return {
             x: myPointInWindow.x - otherPointInWindow.x,
             y: myPointInWindow.y - otherPointInWindow.y,
         };
-    }
-    _onSizeChanged() {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype._onSizeChanged = function () {
+        var nativeView = this.nativeViewProtected;
         if (!nativeView) {
             return;
         }
-        const background = this.style.backgroundInternal;
-        const backgroundDependsOnSize = (background.image && background.image !== 'none') || background.clipPath || !background.hasUniformBorder() || background.hasBorderRadius() || background.hasBoxShadow();
+        var background = this.style.backgroundInternal;
+        var backgroundDependsOnSize = (background.image && background.image !== 'none') || background.clipPath || !background.hasUniformBorder() || background.hasBorderRadius() || background.hasBoxShadow();
         if (this._nativeBackgroundState === 'invalid' || (this._nativeBackgroundState === 'drawn' && backgroundDependsOnSize)) {
             this._redrawNativeBackground(background);
         }
-    }
-    updateNativeTransform() {
+    };
+    View.prototype.updateNativeTransform = function () {
         if (!this.isLayoutValid) {
             this._hasPendingTransform = true;
             return;
         }
-        const scaleX = this.scaleX || 1e-6;
-        const scaleY = this.scaleY || 1e-6;
-        const perspective = this.perspective || 300;
-        const nativeView = this.nativeViewProtected;
-        let transform = new CATransform3D(CATransform3DIdentity);
+        var scaleX = this.scaleX || 1e-6;
+        var scaleY = this.scaleY || 1e-6;
+        var perspective = this.perspective || 300;
+        var nativeView = this.nativeViewProtected;
+        var transform = new CATransform3D(CATransform3DIdentity);
         // Only set perspective if there is 3D rotation
         if (this.rotateX || this.rotateY) {
             transform.m34 = -1 / perspective;
@@ -324,9 +349,9 @@ export class View extends ViewCommon {
         transform = CATransform3DTranslate(transform, this.translateX, this.translateY, 0);
         transform = iosUtils.applyRotateTransform(transform, this.rotateX, this.rotateY, this.rotate);
         transform = CATransform3DScale(transform, scaleX, scaleY, 1);
-        const needsTransform = !CATransform3DEqualToTransform(this.nativeViewProtected.layer.transform, transform) || (nativeView.outerShadowContainerLayer && !CATransform3DEqualToTransform(nativeView.outerShadowContainerLayer.transform, transform));
+        var needsTransform = !CATransform3DEqualToTransform(this.nativeViewProtected.layer.transform, transform) || (nativeView.outerShadowContainerLayer && !CATransform3DEqualToTransform(nativeView.outerShadowContainerLayer.transform, transform));
         if (needsTransform) {
-            const updateSuspended = this._isPresentationLayerUpdateSuspended();
+            var updateSuspended = this._isPresentationLayerUpdateSuspended();
             if (!updateSuspended) {
                 CATransaction.begin();
             }
@@ -342,47 +367,49 @@ export class View extends ViewCommon {
                 CATransaction.commit();
             }
         }
-    }
-    updateOriginPoint(originX, originY) {
-        const nativeView = this.nativeViewProtected;
-        const newPoint = CGPointMake(originX, originY);
+    };
+    View.prototype.updateOriginPoint = function (originX, originY) {
+        var nativeView = this.nativeViewProtected;
+        var newPoint = CGPointMake(originX, originY);
         // Disable CALayer animatable property changes
         CATransaction.setDisableActions(true);
         nativeView.layer.anchorPoint = newPoint;
         // Bounds have to be recalculated after anchor point update
         if (this._cachedFrame) {
-            const frame = this._cachedFrame;
+            var frame = this._cachedFrame;
             this._cachedFrame = null;
             this._setNativeViewFrame(nativeView, frame);
         }
         // Make sure new origin also applies to outer shadow layers
         if (nativeView.outerShadowContainerLayer) {
             // This is the new frame after view origin point update
-            const frame = nativeView.frame;
+            var frame = nativeView.frame;
             nativeView.outerShadowContainerLayer.anchorPoint = newPoint;
             nativeView.outerShadowContainerLayer.position = CGPointMake(frame.origin.x + frame.size.width * originX, frame.origin.y + frame.size.height * originY);
         }
         CATransaction.setDisableActions(false);
-    }
+    };
     // By default we update the view's presentation layer when setting backgroundColor and opacity properties.
     // This is done by calling CATransaction begin and commit methods.
     // This action should be disabled when updating those properties during an animation.
-    _suspendPresentationLayerUpdates() {
+    View.prototype._suspendPresentationLayerUpdates = function () {
         this._suspendCATransaction = true;
-    }
-    _resumePresentationLayerUpdates() {
+    };
+    View.prototype._resumePresentationLayerUpdates = function () {
         this._suspendCATransaction = false;
-    }
-    _isPresentationLayerUpdateSuspended() {
+    };
+    View.prototype._isPresentationLayerUpdateSuspended = function () {
         return this._suspendCATransaction || this._suspendNativeUpdatesCount > 0;
-    }
-    _showNativeModalView(parent, options) {
-        const parentWithController = IOSHelper.getParentWithViewController(parent);
+    };
+    View.prototype._showNativeModalView = function (parent, options) {
+        var _this = this;
+        var _a;
+        var parentWithController = IOSHelper.getParentWithViewController(parent);
         if (!parentWithController) {
-            Trace.write(`Could not find parent with viewController for ${parent} while showing modal view.`, Trace.categories.ViewHierarchy, Trace.messageType.error);
+            Trace.write("Could not find parent with viewController for ".concat(parent, " while showing modal view."), Trace.categories.ViewHierarchy, Trace.messageType.error);
             return;
         }
-        const parentController = parentWithController.viewController;
+        var parentController = parentWithController.viewController;
         if (parentController.presentedViewController) {
             Trace.write('Parent is already presenting view controller. Close the current modal page before showing another one!', Trace.categories.ViewHierarchy, Trace.messageType.error);
             return;
@@ -392,10 +419,10 @@ export class View extends ViewCommon {
             return;
         }
         this._setupAsRootView({});
-        super._showNativeModalView(parentWithController, options);
-        let controller = this.viewController;
+        _super.prototype._showNativeModalView.call(this, parentWithController, options);
+        var controller = this.viewController;
         if (!controller) {
-            const nativeView = this.ios || this.nativeViewProtected;
+            var nativeView = this.ios || this.nativeViewProtected;
             controller = IOSHelper.UILayoutViewController.initWithOwner(new WeakRef(this));
             if (nativeView instanceof UIView) {
                 controller.view.addSubview(nativeView);
@@ -408,8 +435,8 @@ export class View extends ViewCommon {
                 this._transitioningDelegate = UIViewControllerTransitioningDelegateImpl.initWithOwner(new WeakRef(options.transition.instance));
                 controller.transitioningDelegate = this._transitioningDelegate;
                 this.transitionId = options.transition.instance.id;
-                const transitionState = SharedTransition.getState(options.transition.instance.id);
-                if (transitionState?.interactive?.dismiss) {
+                var transitionState = SharedTransition.getState(options.transition.instance.id);
+                if ((_a = transitionState === null || transitionState === void 0 ? void 0 : transitionState.interactive) === null || _a === void 0 ? void 0 : _a.dismiss) {
                     // interactive transitions via gestures
                     // TODO - these could be typed as: boolean | (view: View) => void
                     // to allow users to define their own custom gesture dismissals
@@ -429,28 +456,28 @@ export class View extends ViewCommon {
             }
             else {
                 //use CSS & attribute width & height if option is not provided
-                const handler = () => {
-                    if (this.viewController) {
-                        const w = (this.width || this.style.width);
-                        const h = (this.height || this.style.height);
+                var handler_1 = function () {
+                    if (_this.viewController) {
+                        var w = (_this.width || _this.style.width);
+                        var h = (_this.height || _this.style.height);
                         //TODO: only numeric value is supported, percentage value is not supported like Android
                         if (w > 0 && h > 0) {
-                            this.viewController.preferredContentSize = CGSizeMake(w, h);
+                            _this.viewController.preferredContentSize = CGSizeMake(w, h);
                         }
                     }
-                    this.off(View.loadedEvent, handler);
+                    _this.off(View.loadedEvent, handler_1);
                 };
-                this.on(View.loadedEvent, handler);
+                this.on(View.loadedEvent, handler_1);
             }
         }
         if (options.ios && options.ios.presentationStyle) {
-            const presentationStyle = options.ios.presentationStyle;
+            var presentationStyle = options.ios.presentationStyle;
             controller.modalPresentationStyle = presentationStyle;
             if (presentationStyle === 7 /* UIModalPresentationStyle.Popover */) {
                 this._setupPopoverControllerDelegate(controller, parent);
             }
         }
-        const cancelable = options.cancelable !== undefined ? !!options.cancelable : true;
+        var cancelable = options.cancelable !== undefined ? !!options.cancelable : true;
         if (SDK_VERSION >= 13) {
             if (cancelable) {
                 // Listen for dismiss modal callback.
@@ -464,7 +491,7 @@ export class View extends ViewCommon {
         this.horizontalAlignment = 'stretch';
         this.verticalAlignment = 'stretch';
         this._raiseShowingModallyEvent();
-        const animated = options.animated === undefined ? true : !!options.animated;
+        var animated = options.animated === undefined ? true : !!options.animated;
         if (!this._modalAnimatedOptions) {
             // track the user's animated options to use upon close as well
             this._modalAnimatedOptions = [];
@@ -477,12 +504,12 @@ export class View extends ViewCommon {
         //   return true;
         // }
         parentController.presentViewControllerAnimatedCompletion(controller, animated, null);
-        const transitionCoordinator = parentController.transitionCoordinator;
+        var transitionCoordinator = parentController.transitionCoordinator;
         if (transitionCoordinator) {
-            transitionCoordinator.animateAlongsideTransitionCompletion(null, () => {
-                setTimeout(() => {
+            transitionCoordinator.animateAlongsideTransitionCompletion(null, function () {
+                setTimeout(function () {
                     // ensure raised on main queue
-                    this._raiseShownModallyEvent();
+                    _this._raiseShownModallyEvent();
                 });
             });
         }
@@ -493,8 +520,10 @@ export class View extends ViewCommon {
             this._raiseShownModallyEvent();
         }
         controller = null;
-    }
-    _hideNativeModalView(parent, whenClosedCallback) {
+    };
+    View.prototype._hideNativeModalView = function (parent, whenClosedCallback) {
+        var _this = this;
+        var _a;
         if (!parent || !parent.viewController) {
             Trace.error('Trying to hide modal view but no parent with viewController specified.');
             return;
@@ -504,126 +533,124 @@ export class View extends ViewCommon {
             whenClosedCallback();
             return;
         }
-        const parentController = parent.viewController;
-        let animated = true;
-        if (this._modalAnimatedOptions?.length) {
+        var parentController = parent.viewController;
+        var animated = true;
+        if ((_a = this._modalAnimatedOptions) === null || _a === void 0 ? void 0 : _a.length) {
             animated = this._modalAnimatedOptions.slice(-1)[0];
         }
-        parentController.dismissViewControllerAnimatedCompletion(animated, () => {
-            const transitionState = SharedTransition.getState(this.transitionId);
-            if (!transitionState?.interactiveCancelled) {
-                this._transitioningDelegate = null;
+        parentController.dismissViewControllerAnimatedCompletion(animated, function () {
+            var transitionState = SharedTransition.getState(_this.transitionId);
+            if (!(transitionState === null || transitionState === void 0 ? void 0 : transitionState.interactiveCancelled)) {
+                _this._transitioningDelegate = null;
                 // this.off('pan', this._interactiveDismissGesture);
-                if (this._modalAnimatedOptions) {
-                    this._modalAnimatedOptions.pop();
+                if (_this._modalAnimatedOptions) {
+                    _this._modalAnimatedOptions.pop();
                 }
             }
             whenClosedCallback();
         });
-    }
-    [isEnabledProperty.getDefault]() {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype[isEnabledProperty.getDefault] = function () {
+        var nativeView = this.nativeViewProtected;
         return nativeView instanceof UIControl ? nativeView.enabled : true;
-    }
-    [isEnabledProperty.setNative](value) {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype[isEnabledProperty.setNative] = function (value) {
+        var nativeView = this.nativeViewProtected;
         if (nativeView instanceof UIControl) {
             nativeView.enabled = value;
         }
-    }
-    [originXProperty.getDefault]() {
+    };
+    View.prototype[originXProperty.getDefault] = function () {
         return this.nativeViewProtected.layer.anchorPoint.x;
-    }
-    [originXProperty.setNative](value) {
+    };
+    View.prototype[originXProperty.setNative] = function (value) {
         this.updateOriginPoint(value, this.originY);
-    }
-    [originYProperty.getDefault]() {
+    };
+    View.prototype[originYProperty.getDefault] = function () {
         return this.nativeViewProtected.layer.anchorPoint.y;
-    }
-    [originYProperty.setNative](value) {
+    };
+    View.prototype[originYProperty.setNative] = function (value) {
         this.updateOriginPoint(this.originX, value);
-    }
-    [testIDProperty.setNative](value) {
+    };
+    View.prototype[testIDProperty.setNative] = function (value) {
         this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    }
-    setAccessibilityIdentifier(view, value) {
+    };
+    View.prototype.setAccessibilityIdentifier = function (view, value) {
         view.accessibilityIdentifier = value;
         if (this.testID && this.testID !== value)
             this.testID = value;
         if (this.accessibilityIdentifier !== value)
             this.accessibilityIdentifier = value;
-    }
-    [accessibilityEnabledProperty.setNative](value) {
+    };
+    View.prototype[accessibilityEnabledProperty.setNative] = function (value) {
         this.nativeViewProtected.isAccessibilityElement = !!value;
-        if (value) {
-            updateAccessibilityProperties(this);
-        }
-    }
-    [accessibilityIdentifierProperty.getDefault]() {
+        updateAccessibilityProperties(this);
+    };
+    View.prototype[accessibilityIdentifierProperty.getDefault] = function () {
         return this.nativeViewProtected.accessibilityIdentifier;
-    }
-    [accessibilityIdentifierProperty.setNative](value) {
+    };
+    View.prototype[accessibilityIdentifierProperty.setNative] = function (value) {
         this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    }
-    [accessibilityRoleProperty.setNative](value) {
+    };
+    View.prototype[accessibilityRoleProperty.setNative] = function (value) {
         this.accessibilityRole = value;
         updateAccessibilityProperties(this);
-    }
-    [accessibilityValueProperty.setNative](value) {
-        value = value == null ? null : `${value}`;
+    };
+    View.prototype[accessibilityValueProperty.setNative] = function (value) {
+        value = value == null ? null : "".concat(value);
         this.nativeViewProtected.accessibilityValue = value;
-    }
-    [accessibilityLabelProperty.setNative](value) {
-        value = value == null ? null : `${value}`;
+    };
+    View.prototype[accessibilityLabelProperty.setNative] = function (value) {
+        value = value == null ? null : "".concat(value);
         // not sure if needed for Label:
         // if ((<any>this).nativeTextViewProtected) {
         //   (<any>this).nativeTextViewProtected.accessibilityLabel = value;
         // } else {
         this.nativeViewProtected.accessibilityLabel = value;
         // }
-    }
-    [accessibilityHintProperty.setNative](value) {
-        value = value == null ? null : `${value}`;
+    };
+    View.prototype[accessibilityHintProperty.setNative] = function (value) {
+        value = value == null ? null : "".concat(value);
         this.nativeViewProtected.accessibilityHint = value;
-    }
-    [accessibilityIgnoresInvertColorsProperty.setNative](value) {
+    };
+    View.prototype[accessibilityIgnoresInvertColorsProperty.setNative] = function (value) {
         this.nativeViewProtected.accessibilityIgnoresInvertColors = !!value;
-    }
-    [accessibilityLanguageProperty.setNative](value) {
-        value = value == null ? null : `${value}`;
+    };
+    View.prototype[accessibilityLanguageProperty.setNative] = function (value) {
+        value = value == null ? null : "".concat(value);
         this.nativeViewProtected.accessibilityLanguage = value;
-    }
-    [accessibilityHiddenProperty.setNative](value) {
+    };
+    View.prototype[accessibilityHiddenProperty.setNative] = function (value) {
         this.nativeViewProtected.accessibilityElementsHidden = !!value;
         updateAccessibilityProperties(this);
-    }
-    [accessibilityLiveRegionProperty.setNative]() {
+    };
+    View.prototype[accessibilityLiveRegionProperty.setNative] = function () {
         updateAccessibilityProperties(this);
-    }
-    [accessibilityStateProperty.setNative](value) {
+    };
+    View.prototype[accessibilityStateProperty.setNative] = function (value) {
         this.accessibilityState = value;
         updateAccessibilityProperties(this);
-    }
-    [accessibilityMediaSessionProperty.setNative]() {
+    };
+    View.prototype[accessibilityMediaSessionProperty.setNative] = function () {
         updateAccessibilityProperties(this);
-    }
-    [isUserInteractionEnabledProperty.getDefault]() {
+    };
+    View.prototype[isUserInteractionEnabledProperty.getDefault] = function () {
         return this.nativeViewProtected.userInteractionEnabled;
-    }
-    [isUserInteractionEnabledProperty.setNative](value) {
+    };
+    View.prototype[isUserInteractionEnabledProperty.setNative] = function (value) {
         this.nativeViewProtected.userInteractionEnabled = value;
-    }
-    [hiddenProperty.getDefault]() {
+    };
+    View.prototype[hiddenProperty.getDefault] = function () {
         return this.nativeViewProtected.hidden;
-    }
-    [hiddenProperty.setNative](value) {
+    };
+    View.prototype[hiddenProperty.setNative] = function (value) {
         this.nativeViewProtected.hidden = value;
-    }
-    [visibilityProperty.getDefault]() {
+    };
+    View.prototype[visibilityProperty.getDefault] = function () {
         return this.nativeViewProtected.hidden ? CoreTypes.Visibility.collapse : CoreTypes.Visibility.visible;
-    }
-    [visibilityProperty.setNative](value) {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype[visibilityProperty.setNative] = function (value) {
+        var nativeView = this.nativeViewProtected;
         switch (value) {
             case CoreTypes.Visibility.visible:
                 nativeView.hidden = false;
@@ -633,19 +660,19 @@ export class View extends ViewCommon {
                 nativeView.hidden = true;
                 break;
             default:
-                throw new Error(`Invalid visibility value: ${value}. Valid values are: "${CoreTypes.Visibility.visible}", "${CoreTypes.Visibility.hidden}", "${CoreTypes.Visibility.collapse}".`);
+                throw new Error("Invalid visibility value: ".concat(value, ". Valid values are: \"").concat(CoreTypes.Visibility.visible, "\", \"").concat(CoreTypes.Visibility.hidden, "\", \"").concat(CoreTypes.Visibility.collapse, "\"."));
         }
         // Apply visibility value to shadows as well
         if (nativeView.outerShadowContainerLayer) {
             nativeView.outerShadowContainerLayer.hidden = nativeView.hidden;
         }
-    }
-    [opacityProperty.getDefault]() {
+    };
+    View.prototype[opacityProperty.getDefault] = function () {
         return this.nativeViewProtected.alpha;
-    }
-    [opacityProperty.setNative](value) {
-        const nativeView = this.nativeViewProtected;
-        const updateSuspended = this._isPresentationLayerUpdateSuspended();
+    };
+    View.prototype[opacityProperty.setNative] = function (value) {
+        var nativeView = this.nativeViewProtected;
+        var updateSuspended = this._isPresentationLayerUpdateSuspended();
         if (!updateSuspended) {
             CATransaction.begin();
         }
@@ -660,85 +687,85 @@ export class View extends ViewCommon {
         if (!updateSuspended) {
             CATransaction.commit();
         }
-    }
-    [rotateProperty.getDefault]() {
+    };
+    View.prototype[rotateProperty.getDefault] = function () {
         return 0;
-    }
-    [rotateProperty.setNative](value) {
+    };
+    View.prototype[rotateProperty.setNative] = function (value) {
         this.updateNativeTransform();
-    }
-    [rotateXProperty.getDefault]() {
+    };
+    View.prototype[rotateXProperty.getDefault] = function () {
         return 0;
-    }
-    [rotateXProperty.setNative](value) {
+    };
+    View.prototype[rotateXProperty.setNative] = function (value) {
         this.updateNativeTransform();
-    }
-    [rotateYProperty.getDefault]() {
+    };
+    View.prototype[rotateYProperty.getDefault] = function () {
         return 0;
-    }
-    [rotateYProperty.setNative](value) {
+    };
+    View.prototype[rotateYProperty.setNative] = function (value) {
         this.updateNativeTransform();
-    }
-    [perspectiveProperty.getDefault]() {
+    };
+    View.prototype[perspectiveProperty.getDefault] = function () {
         return 300;
-    }
-    [perspectiveProperty.setNative](value) {
+    };
+    View.prototype[perspectiveProperty.setNative] = function (value) {
         this.updateNativeTransform();
-    }
-    [scaleXProperty.getDefault]() {
+    };
+    View.prototype[scaleXProperty.getDefault] = function () {
         return 1;
-    }
-    [scaleXProperty.setNative](value) {
+    };
+    View.prototype[scaleXProperty.setNative] = function (value) {
         this.updateNativeTransform();
-    }
-    [scaleYProperty.getDefault]() {
+    };
+    View.prototype[scaleYProperty.getDefault] = function () {
         return 1;
-    }
-    [scaleYProperty.setNative](value) {
+    };
+    View.prototype[scaleYProperty.setNative] = function (value) {
         this.updateNativeTransform();
-    }
-    [translateXProperty.getDefault]() {
+    };
+    View.prototype[translateXProperty.getDefault] = function () {
         return 0;
-    }
-    [translateXProperty.setNative](value) {
+    };
+    View.prototype[translateXProperty.setNative] = function (value) {
         this.updateNativeTransform();
-    }
-    [translateYProperty.getDefault]() {
+    };
+    View.prototype[translateYProperty.getDefault] = function () {
         return 0;
-    }
-    [translateYProperty.setNative](value) {
+    };
+    View.prototype[translateYProperty.setNative] = function (value) {
         this.updateNativeTransform();
-    }
-    [zIndexProperty.getDefault]() {
+    };
+    View.prototype[zIndexProperty.getDefault] = function () {
         return 0;
-    }
-    [zIndexProperty.setNative](value) {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype[zIndexProperty.setNative] = function (value) {
+        var nativeView = this.nativeViewProtected;
         nativeView.layer.zPosition = value;
         // Apply z-index to shadows as well
         if (nativeView.outerShadowContainerLayer) {
             nativeView.outerShadowContainerLayer.zPosition = value;
         }
-    }
-    [backgroundInternalProperty.getDefault]() {
+    };
+    View.prototype[backgroundInternalProperty.getDefault] = function () {
         return this.nativeViewProtected.backgroundColor;
-    }
-    [backgroundInternalProperty.setNative](value) {
+    };
+    View.prototype[backgroundInternalProperty.setNative] = function (value) {
         this._nativeBackgroundState = 'invalid';
         if (this.isLayoutValid) {
             this._redrawNativeBackground(value);
         }
-    }
-    sendAccessibilityEvent(options) {
+    };
+    View.prototype.sendAccessibilityEvent = function (options) {
         if (!isAccessibilityServiceEnabled()) {
             return;
         }
         if (!options.iosNotificationType) {
             return;
         }
-        let notification;
-        let args = this.nativeViewProtected;
-        if (options?.message) {
+        var notification;
+        var args = this.nativeViewProtected;
+        if (options === null || options === void 0 ? void 0 : options.message) {
             args = options.message;
         }
         switch (options.iosNotificationType) {
@@ -758,50 +785,51 @@ export class View extends ViewCommon {
                 return;
             }
         }
-        UIAccessibilityPostNotification(notification, args ?? null);
-    }
-    accessibilityAnnouncement(msg = this.accessibilityLabel) {
+        UIAccessibilityPostNotification(notification, args !== null && args !== void 0 ? args : null);
+    };
+    View.prototype.accessibilityAnnouncement = function (msg) {
+        if (msg === void 0) { msg = this.accessibilityLabel; }
         this.sendAccessibilityEvent({
             iosNotificationType: IOSPostAccessibilityNotificationType.Announcement,
             message: msg,
         });
-    }
-    accessibilityScreenChanged() {
+    };
+    View.prototype.accessibilityScreenChanged = function () {
         this.sendAccessibilityEvent({
             iosNotificationType: IOSPostAccessibilityNotificationType.Screen,
         });
-    }
-    _getCurrentLayoutBounds() {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype._getCurrentLayoutBounds = function () {
+        var nativeView = this.nativeViewProtected;
         if (nativeView && !this.isCollapsed) {
-            const frame = nativeView.frame;
-            const origin = frame.origin;
-            const size = frame.size;
+            var frame = nativeView.frame;
+            var origin_2 = frame.origin;
+            var size = frame.size;
             return {
-                left: Math.round(layout.toDevicePixels(origin.x)),
-                top: Math.round(layout.toDevicePixels(origin.y)),
-                right: Math.round(layout.toDevicePixels(origin.x + size.width)),
-                bottom: Math.round(layout.toDevicePixels(origin.y + size.height)),
+                left: Math.round(layout.toDevicePixels(origin_2.x)),
+                top: Math.round(layout.toDevicePixels(origin_2.y)),
+                right: Math.round(layout.toDevicePixels(origin_2.x + size.width)),
+                bottom: Math.round(layout.toDevicePixels(origin_2.y + size.height)),
             };
         }
         else {
             return { left: 0, top: 0, right: 0, bottom: 0 };
         }
-    }
-    _redrawNativeBackground(value) {
-        const updateSuspended = this._isPresentationLayerUpdateSuspended();
+    };
+    View.prototype._redrawNativeBackground = function (value) {
+        var updateSuspended = this._isPresentationLayerUpdateSuspended();
         if (!updateSuspended) {
             CATransaction.begin();
         }
         // Disable CALayer animatable property changes
         CATransaction.setDisableActions(true);
-        const nativeView = this.nativeViewProtected;
+        var nativeView = this.nativeViewProtected;
         if (nativeView) {
             if (value instanceof UIColor) {
                 nativeView.backgroundColor = value;
             }
             else {
-                iosBackground.createBackgroundUIColor(this, (color) => {
+                iosBackground.createBackgroundUIColor(this, function (color) {
                     nativeView.backgroundColor = color;
                 });
                 this._setNativeClipToBounds();
@@ -812,19 +840,19 @@ export class View extends ViewCommon {
             CATransaction.commit();
         }
         this._nativeBackgroundState = 'drawn';
-    }
-    _setNativeClipToBounds() {
-        const view = this.nativeViewProtected;
+    };
+    View.prototype._setNativeClipToBounds = function () {
+        var view = this.nativeViewProtected;
         if (view) {
-            const backgroundInternal = this.style.backgroundInternal;
+            var backgroundInternal = this.style.backgroundInternal;
             view.clipsToBounds = view instanceof UIScrollView || backgroundInternal.hasBorderWidth() || backgroundInternal.hasBorderRadius();
         }
-    }
-    _setupPopoverControllerDelegate(controller, parent) {
-        const popoverPresentationController = controller.popoverPresentationController;
+    };
+    View.prototype._setupPopoverControllerDelegate = function (controller, parent) {
+        var popoverPresentationController = controller.popoverPresentationController;
         this._popoverPresentationDelegate = IOSHelper.UIPopoverPresentationControllerDelegateImp.initWithOwnerAndCallback(new WeakRef(this), this._closeModalCallback);
         popoverPresentationController.delegate = this._popoverPresentationDelegate;
-        let view;
+        var view;
         do {
             view = parent.nativeViewProtected;
             parent = parent.parent;
@@ -833,26 +861,28 @@ export class View extends ViewCommon {
         // Note: sourceView should be the button triggering the modal. If it the Page the popover might appear "behind" the page content
         popoverPresentationController.sourceView = view;
         popoverPresentationController.sourceRect = CGRectMake(0, 0, view.frame.size.width, view.frame.size.height);
-    }
-    _setupAdaptiveControllerDelegate(controller) {
+    };
+    View.prototype._setupAdaptiveControllerDelegate = function (controller) {
         this._adaptivePresentationDelegate = IOSHelper.UIAdaptivePresentationControllerDelegateImp.initWithOwnerAndCallback(new WeakRef(this), this._closeModalCallback);
-        if (controller?.presentationController) {
+        if (controller === null || controller === void 0 ? void 0 : controller.presentationController) {
             controller.presentationController.delegate = this._adaptivePresentationDelegate;
         }
-    }
-}
-__decorate([
-    profile,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Number, Number, Number, Number, Object]),
-    __metadata("design:returntype", void 0)
-], View.prototype, "layout", null);
-__decorate([
-    profile,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Number, Number]),
-    __metadata("design:returntype", void 0)
-], View.prototype, "onMeasure", null);
+    };
+    __decorate([
+        profile,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number, Number, Number, Number, Object]),
+        __metadata("design:returntype", void 0)
+    ], View.prototype, "layout", null);
+    __decorate([
+        profile,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number, Number]),
+        __metadata("design:returntype", void 0)
+    ], View.prototype, "onMeasure", null);
+    return View;
+}(ViewCommon));
+export { View };
 View.prototype._nativeBackgroundState = 'unset';
 var UIViewControllerTransitioningDelegateImpl = /** @class */ (function (_super) {
     __extends(UIViewControllerTransitioningDelegateImpl, _super);
@@ -902,27 +932,39 @@ var UIViewControllerTransitioningDelegateImpl = /** @class */ (function (_super)
     UIViewControllerTransitioningDelegateImpl.ObjCProtocols = [UIViewControllerTransitioningDelegate];
     return UIViewControllerTransitioningDelegateImpl;
 }(NSObject));
-export class ContainerView extends View {
-    constructor() {
-        super();
-        this.iosOverflowSafeArea = true;
+var ContainerView = /** @class */ (function (_super) {
+    __extends(ContainerView, _super);
+    function ContainerView() {
+        var _this = _super.call(this) || this;
+        _this.iosOverflowSafeArea = true;
+        return _this;
+    }
+    return ContainerView;
+}(View));
+export { ContainerView };
+var CustomLayoutView = /** @class */ (function (_super) {
+    __extends(CustomLayoutView, _super);
+    function CustomLayoutView() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-}
-export class CustomLayoutView extends ContainerView {
-    createNativeView() {
-        const window = iosUtils.getWindow();
+    CustomLayoutView.prototype.createNativeView = function () {
+        var window = iosUtils.getWindow();
         return UIView.alloc().initWithFrame(window ? window.screen.bounds : UIScreen.mainScreen.bounds);
-    }
-    get ios() {
-        return this.nativeViewProtected;
-    }
-    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+    };
+    Object.defineProperty(CustomLayoutView.prototype, "ios", {
+        get: function () {
+            return this.nativeViewProtected;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomLayoutView.prototype.onMeasure = function (widthMeasureSpec, heightMeasureSpec) {
         // Don't call super because it will set MeasureDimension. This method must be overridden and calculate its measuredDimensions.
-    }
-    _addViewToNativeVisualTree(child, atIndex) {
-        super._addViewToNativeVisualTree(child, atIndex);
-        const parentNativeView = this.nativeViewProtected;
-        const childNativeView = child.nativeViewProtected;
+    };
+    CustomLayoutView.prototype._addViewToNativeVisualTree = function (child, atIndex) {
+        _super.prototype._addViewToNativeVisualTree.call(this, child, atIndex);
+        var parentNativeView = this.nativeViewProtected;
+        var childNativeView = child.nativeViewProtected;
         if (parentNativeView && childNativeView) {
             if (typeof atIndex !== 'number' || atIndex >= parentNativeView.subviews.count) {
                 parentNativeView.addSubview(childNativeView);
@@ -937,17 +979,19 @@ export class CustomLayoutView extends ContainerView {
             return true;
         }
         return false;
-    }
-    _removeViewFromNativeVisualTree(child) {
-        super._removeViewFromNativeVisualTree(child);
+    };
+    CustomLayoutView.prototype._removeViewFromNativeVisualTree = function (child) {
+        _super.prototype._removeViewFromNativeVisualTree.call(this, child);
         if (child.nativeViewProtected) {
-            const nativeView = child.nativeViewProtected;
+            var nativeView = child.nativeViewProtected;
             // Remove outer shadow layer manually as it belongs to parent layer tree
             if (nativeView.outerShadowContainerLayer) {
                 nativeView.outerShadowContainerLayer.removeFromSuperlayer();
             }
             nativeView.removeFromSuperview();
         }
-    }
-}
+    };
+    return CustomLayoutView;
+}(ContainerView));
+export { CustomLayoutView };
 //# sourceMappingURL=index.ios.js.map