@nativescript/core 8.9.0-napi-es5.0 → 8.9.0-napi.1

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

@@ -16,55 +16,45 @@ 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';
-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);
+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();
         this._cachedFrame = null;
         this._isLaidOut = false;
         this._hasTransform = false;
         this._hasPendingTransform = false;
-    };
-    View.prototype.requestLayout = function () {
+    }
+    requestLayout() {
         this._privateFlags |= PFLAG_FORCE_LAYOUT;
-        _super.prototype.requestLayout.call(this);
-        var nativeView = this.nativeViewProtected;
+        super.requestLayout();
+        const nativeView = this.nativeViewProtected;
         if (nativeView && nativeView.setNeedsLayout) {
             nativeView.setNeedsLayout();
         }
         if (this.viewController && this.viewController.view !== nativeView) {
             this.viewController.view.setNeedsLayout();
         }
-    };
-    View.prototype.measure = function (widthMeasureSpec, heightMeasureSpec) {
-        var measureSpecsChanged = this._setCurrentMeasureSpecs(widthMeasureSpec, heightMeasureSpec);
-        var forceLayout = (this._privateFlags & PFLAG_FORCE_LAYOUT) === PFLAG_FORCE_LAYOUT;
+    }
+    measure(widthMeasureSpec, heightMeasureSpec) {
+        const measureSpecsChanged = this._setCurrentMeasureSpecs(widthMeasureSpec, heightMeasureSpec);
+        const 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;
@@ -79,17 +69,16 @@ var View = /** @class */ (function (_super) {
                 }
             }
         }
-    };
-    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;
+    }
+    layout(left, top, right, bottom, setFrame = true) {
+        const result = this._setCurrentLayoutBounds(left, top, right, bottom);
+        let { sizeChanged } = result;
         if (setFrame) {
             this.layoutNativeView(left, top, right, bottom);
         }
-        var needsLayout = result.boundsChanged || (this._privateFlags & PFLAG_LAYOUT_REQUIRED) === PFLAG_LAYOUT_REQUIRED;
+        const needsLayout = result.boundsChanged || (this._privateFlags & PFLAG_LAYOUT_REQUIRED) === PFLAG_LAYOUT_REQUIRED;
         if (needsLayout) {
-            var position = void 0;
+            let position;
             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
@@ -103,7 +92,7 @@ var View = /** @class */ (function (_super) {
                 }
             }
             else {
-                position = { left: left, top: top, right: right, bottom: bottom };
+                position = { left, top, right, bottom };
             }
             this.onLayout(position.left, position.top, position.right, position.bottom);
             this._privateFlags &= ~PFLAG_LAYOUT_REQUIRED;
@@ -114,13 +103,13 @@ var View = /** @class */ (function (_super) {
             this._hasPendingTransform = false;
         }
         this._privateFlags &= ~PFLAG_FORCE_LAYOUT;
-    };
-    View.prototype.updateBackground = function (sizeChanged, needsLayout) {
+    }
+    updateBackground(sizeChanged, needsLayout) {
         if (sizeChanged) {
             this._onSizeChanged();
         }
         else if (this._nativeBackgroundState === 'invalid') {
-            var background = this.style.backgroundInternal;
+            const background = this.style.backgroundInternal;
             this._redrawNativeBackground(background);
         }
         else {
@@ -129,51 +118,51 @@ var View = /** @class */ (function (_super) {
                 this.layoutOuterShadows();
             }
         }
-    };
-    View.prototype.layoutOuterShadows = function () {
-        var nativeView = this.nativeViewProtected;
-        if (nativeView === null || nativeView === void 0 ? void 0 : nativeView.outerShadowContainerLayer) {
+    }
+    layoutOuterShadows() {
+        const nativeView = this.nativeViewProtected;
+        if (nativeView?.outerShadowContainerLayer) {
             CATransaction.setDisableActions(true);
             nativeView.outerShadowContainerLayer.bounds = nativeView.bounds;
             nativeView.outerShadowContainerLayer.position = nativeView.center;
             CATransaction.setDisableActions(false);
         }
-    };
-    View.prototype.setMeasuredDimension = function (measuredWidth, measuredHeight) {
-        _super.prototype.setMeasuredDimension.call(this, measuredWidth, measuredHeight);
+    }
+    setMeasuredDimension(measuredWidth, measuredHeight) {
+        super.setMeasuredDimension(measuredWidth, measuredHeight);
         this._privateFlags |= PFLAG_MEASURED_DIMENSION_SET;
-    };
-    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;
+    }
+    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;
         if (view) {
-            var nativeSize = layout.measureNativeView(view, width, widthMode, height, heightMode);
+            const nativeSize = layout.measureNativeView(view, width, widthMode, height, heightMode);
             nativeWidth = nativeSize.width;
             nativeHeight = nativeSize.height;
         }
-        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);
+        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);
         this.setMeasuredDimension(widthAndState, heightAndState);
-    };
-    View.prototype.onLayout = function (left, top, right, bottom) {
+    }
+    onLayout(left, top, right, bottom) {
         //
-    };
-    View.prototype._setNativeViewFrame = function (nativeView, frame) {
-        var oldFrame = this._cachedFrame || nativeView.frame;
+    }
+    _setNativeViewFrame(nativeView, frame) {
+        const 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;
-            var adjustedFrame = null;
-            var transform = null;
+            let adjustedFrame = null;
+            let transform = null;
             if (this._hasTransform) {
                 // Always set identity transform before setting frame;
                 transform = nativeView.layer.transform;
@@ -191,8 +180,8 @@ var View = /** @class */ (function (_super) {
                 // re-apply the transform after the frame is adjusted
                 nativeView.layer.transform = transform;
             }
-            var boundsOrigin = nativeView.bounds.origin;
-            var boundsFrame = adjustedFrame || frame;
+            const boundsOrigin = nativeView.bounds.origin;
+            const boundsFrame = adjustedFrame || frame;
             nativeView.bounds = CGRectMake(boundsOrigin.x, boundsOrigin.y, boundsFrame.size.width, boundsFrame.size.height);
             nativeView.layoutIfNeeded();
             this._raiseLayoutChangedEvent();
@@ -205,62 +194,58 @@ var View = /** @class */ (function (_super) {
             // this method is called twice with equal rects in landscape mode (vs only once in portrait)
             this._isLaidOut = true;
         }
-    };
-    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) {
+    }
+    get isLayoutValid() {
+        if (this.nativeViewProtected) {
+            return this._isLayoutValid;
+        }
+        return false;
+    }
+    layoutNativeView(left, top, right, bottom) {
         if (!this.nativeViewProtected) {
             return;
         }
-        var nativeView = this.nativeViewProtected;
-        var frame = IOSHelper.getFrameFromPosition({
-            left: left,
-            top: top,
-            right: right,
-            bottom: bottom,
+        const nativeView = this.nativeViewProtected;
+        const frame = IOSHelper.getFrameFromPosition({
+            left,
+            top,
+            right,
+            bottom,
         });
         this._setNativeViewFrame(nativeView, frame);
-    };
-    View.prototype._layoutParent = function () {
+    }
+    _layoutParent() {
         if (this.nativeViewProtected) {
-            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);
+            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);
         this._setCurrentMeasureSpecs(widthSpec, heightSpec);
         this._privateFlags &= ~PFLAG_FORCE_LAYOUT;
         this.setMeasuredDimension(width, height);
-        var _a = this._setCurrentLayoutBounds(left, top, right, bottom), boundsChanged = _a.boundsChanged, sizeChanged = _a.sizeChanged;
+        const { boundsChanged, sizeChanged } = this._setCurrentLayoutBounds(left, top, right, bottom);
         this.updateBackground(sizeChanged, boundsChanged);
         this._privateFlags &= ~PFLAG_LAYOUT_REQUIRED;
-    };
-    View.prototype.focus = function () {
+    }
+    focus() {
         if (this.ios) {
             return this.ios.becomeFirstResponder();
         }
         return false;
-    };
-    View.prototype.applySafeAreaInsets = function (frame) {
+    }
+    applySafeAreaInsets(frame) {
         if (!__VISIONOS__ && SDK_VERSION <= 10) {
             return null;
         }
@@ -274,10 +259,10 @@ var View = /** @class */ (function (_super) {
             return IOSHelper.expandBeyondSafeArea(this, frame);
         }
         return null;
-    };
-    View.prototype.getSafeAreaInsets = function () {
-        var safeAreaInsets = this.nativeViewProtected && this.nativeViewProtected.safeAreaInsets;
-        var insets = { left: 0, top: 0, right: 0, bottom: 0 };
+    }
+    getSafeAreaInsets() {
+        const safeAreaInsets = this.nativeViewProtected && this.nativeViewProtected.safeAreaInsets;
+        const insets = { left: 0, top: 0, right: 0, bottom: 0 };
         if (this.iosIgnoreSafeArea) {
             return insets;
         }
@@ -288,60 +273,60 @@ var View = /** @class */ (function (_super) {
             insets.bottom = layout.round(layout.toDevicePixels(safeAreaInsets.bottom));
         }
         return insets;
-    };
-    View.prototype.getLocationInWindow = function () {
+    }
+    getLocationInWindow() {
         if (!this.nativeViewProtected || !this.nativeViewProtected.window) {
             return undefined;
         }
-        var pointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
+        const pointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
         return {
             x: pointInWindow.x,
             y: pointInWindow.y,
         };
-    };
-    View.prototype.getLocationOnScreen = function () {
+    }
+    getLocationOnScreen() {
         if (!this.nativeViewProtected || !this.nativeViewProtected.window) {
             return undefined;
         }
-        var pointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
-        var pointOnScreen = this.nativeViewProtected.window.convertPointToWindow(pointInWindow, null);
+        const pointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
+        const pointOnScreen = this.nativeViewProtected.window.convertPointToWindow(pointInWindow, null);
         return {
             x: pointOnScreen.x,
             y: pointOnScreen.y,
         };
-    };
-    View.prototype.getLocationRelativeTo = function (otherView) {
+    }
+    getLocationRelativeTo(otherView) {
         if (!this.nativeViewProtected || !this.nativeViewProtected.window || !otherView.nativeViewProtected || !otherView.nativeViewProtected.window || this.nativeViewProtected.window !== otherView.nativeViewProtected.window) {
             return undefined;
         }
-        var myPointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
-        var otherPointInWindow = otherView.nativeViewProtected.convertPointToView(otherView.nativeViewProtected.bounds.origin, null);
+        const myPointInWindow = this.nativeViewProtected.convertPointToView(this.nativeViewProtected.bounds.origin, null);
+        const otherPointInWindow = otherView.nativeViewProtected.convertPointToView(otherView.nativeViewProtected.bounds.origin, null);
         return {
             x: myPointInWindow.x - otherPointInWindow.x,
             y: myPointInWindow.y - otherPointInWindow.y,
         };
-    };
-    View.prototype._onSizeChanged = function () {
-        var nativeView = this.nativeViewProtected;
+    }
+    _onSizeChanged() {
+        const nativeView = this.nativeViewProtected;
         if (!nativeView) {
             return;
         }
-        var background = this.style.backgroundInternal;
-        var backgroundDependsOnSize = (background.image && background.image !== 'none') || background.clipPath || !background.hasUniformBorder() || background.hasBorderRadius() || background.hasBoxShadow();
+        const background = this.style.backgroundInternal;
+        const 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);
         }
-    };
-    View.prototype.updateNativeTransform = function () {
+    }
+    updateNativeTransform() {
         if (!this.isLayoutValid) {
             this._hasPendingTransform = true;
             return;
         }
-        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);
+        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);
         // Only set perspective if there is 3D rotation
         if (this.rotateX || this.rotateY) {
             transform.m34 = -1 / perspective;
@@ -349,9 +334,9 @@ var View = /** @class */ (function (_super) {
         transform = CATransform3DTranslate(transform, this.translateX, this.translateY, 0);
         transform = iosUtils.applyRotateTransform(transform, this.rotateX, this.rotateY, this.rotate);
         transform = CATransform3DScale(transform, scaleX, scaleY, 1);
-        var needsTransform = !CATransform3DEqualToTransform(this.nativeViewProtected.layer.transform, transform) || (nativeView.outerShadowContainerLayer && !CATransform3DEqualToTransform(nativeView.outerShadowContainerLayer.transform, transform));
+        const needsTransform = !CATransform3DEqualToTransform(this.nativeViewProtected.layer.transform, transform) || (nativeView.outerShadowContainerLayer && !CATransform3DEqualToTransform(nativeView.outerShadowContainerLayer.transform, transform));
         if (needsTransform) {
-            var updateSuspended = this._isPresentationLayerUpdateSuspended();
+            const updateSuspended = this._isPresentationLayerUpdateSuspended();
             if (!updateSuspended) {
                 CATransaction.begin();
             }
@@ -367,49 +352,47 @@ var View = /** @class */ (function (_super) {
                 CATransaction.commit();
             }
         }
-    };
-    View.prototype.updateOriginPoint = function (originX, originY) {
-        var nativeView = this.nativeViewProtected;
-        var newPoint = CGPointMake(originX, originY);
+    }
+    updateOriginPoint(originX, originY) {
+        const nativeView = this.nativeViewProtected;
+        const 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) {
-            var frame = this._cachedFrame;
+            const 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
-            var frame = nativeView.frame;
+            const 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.
-    View.prototype._suspendPresentationLayerUpdates = function () {
+    _suspendPresentationLayerUpdates() {
         this._suspendCATransaction = true;
-    };
-    View.prototype._resumePresentationLayerUpdates = function () {
+    }
+    _resumePresentationLayerUpdates() {
         this._suspendCATransaction = false;
-    };
-    View.prototype._isPresentationLayerUpdateSuspended = function () {
+    }
+    _isPresentationLayerUpdateSuspended() {
         return this._suspendCATransaction || this._suspendNativeUpdatesCount > 0;
-    };
-    View.prototype._showNativeModalView = function (parent, options) {
-        var _this = this;
-        var _a;
-        var parentWithController = IOSHelper.getParentWithViewController(parent);
+    }
+    _showNativeModalView(parent, options) {
+        const parentWithController = IOSHelper.getParentWithViewController(parent);
         if (!parentWithController) {
-            Trace.write("Could not find parent with viewController for ".concat(parent, " while showing modal view."), Trace.categories.ViewHierarchy, Trace.messageType.error);
+            Trace.write(`Could not find parent with viewController for ${parent} while showing modal view.`, Trace.categories.ViewHierarchy, Trace.messageType.error);
             return;
         }
-        var parentController = parentWithController.viewController;
+        const 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;
@@ -419,10 +402,10 @@ var View = /** @class */ (function (_super) {
             return;
         }
         this._setupAsRootView({});
-        _super.prototype._showNativeModalView.call(this, parentWithController, options);
-        var controller = this.viewController;
+        super._showNativeModalView(parentWithController, options);
+        let controller = this.viewController;
         if (!controller) {
-            var nativeView = this.ios || this.nativeViewProtected;
+            const nativeView = this.ios || this.nativeViewProtected;
             controller = IOSHelper.UILayoutViewController.initWithOwner(new WeakRef(this));
             if (nativeView instanceof UIView) {
                 controller.view.addSubview(nativeView);
@@ -435,8 +418,8 @@ var View = /** @class */ (function (_super) {
                 this._transitioningDelegate = UIViewControllerTransitioningDelegateImpl.initWithOwner(new WeakRef(options.transition.instance));
                 controller.transitioningDelegate = this._transitioningDelegate;
                 this.transitionId = options.transition.instance.id;
-                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) {
+                const transitionState = SharedTransition.getState(options.transition.instance.id);
+                if (transitionState?.interactive?.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
@@ -456,28 +439,28 @@ var View = /** @class */ (function (_super) {
             }
             else {
                 //use CSS & attribute width & height if option is not provided
-                var handler_1 = function () {
-                    if (_this.viewController) {
-                        var w = (_this.width || _this.style.width);
-                        var h = (_this.height || _this.style.height);
+                const handler = () => {
+                    if (this.viewController) {
+                        const w = (this.width || this.style.width);
+                        const 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_1);
+                    this.off(View.loadedEvent, handler);
                 };
-                this.on(View.loadedEvent, handler_1);
+                this.on(View.loadedEvent, handler);
             }
         }
         if (options.ios && options.ios.presentationStyle) {
-            var presentationStyle = options.ios.presentationStyle;
+            const presentationStyle = options.ios.presentationStyle;
             controller.modalPresentationStyle = presentationStyle;
             if (presentationStyle === 7 /* UIModalPresentationStyle.Popover */) {
                 this._setupPopoverControllerDelegate(controller, parent);
             }
         }
-        var cancelable = options.cancelable !== undefined ? !!options.cancelable : true;
+        const cancelable = options.cancelable !== undefined ? !!options.cancelable : true;
         if (SDK_VERSION >= 13) {
             if (cancelable) {
                 // Listen for dismiss modal callback.
@@ -491,7 +474,7 @@ var View = /** @class */ (function (_super) {
         this.horizontalAlignment = 'stretch';
         this.verticalAlignment = 'stretch';
         this._raiseShowingModallyEvent();
-        var animated = options.animated === undefined ? true : !!options.animated;
+        const animated = options.animated === undefined ? true : !!options.animated;
         if (!this._modalAnimatedOptions) {
             // track the user's animated options to use upon close as well
             this._modalAnimatedOptions = [];
@@ -504,12 +487,12 @@ var View = /** @class */ (function (_super) {
         //   return true;
         // }
         parentController.presentViewControllerAnimatedCompletion(controller, animated, null);
-        var transitionCoordinator = parentController.transitionCoordinator;
+        const transitionCoordinator = parentController.transitionCoordinator;
         if (transitionCoordinator) {
-            transitionCoordinator.animateAlongsideTransitionCompletion(null, function () {
-                setTimeout(function () {
+            transitionCoordinator.animateAlongsideTransitionCompletion(null, () => {
+                setTimeout(() => {
                     // ensure raised on main queue
-                    _this._raiseShownModallyEvent();
+                    this._raiseShownModallyEvent();
                 });
             });
         }
@@ -520,10 +503,8 @@ var View = /** @class */ (function (_super) {
             this._raiseShownModallyEvent();
         }
         controller = null;
-    };
-    View.prototype._hideNativeModalView = function (parent, whenClosedCallback) {
-        var _this = this;
-        var _a;
+    }
+    _hideNativeModalView(parent, whenClosedCallback) {
         if (!parent || !parent.viewController) {
             Trace.error('Trying to hide modal view but no parent with viewController specified.');
             return;
@@ -533,124 +514,124 @@ var View = /** @class */ (function (_super) {
             whenClosedCallback();
             return;
         }
-        var parentController = parent.viewController;
-        var animated = true;
-        if ((_a = this._modalAnimatedOptions) === null || _a === void 0 ? void 0 : _a.length) {
+        const parentController = parent.viewController;
+        let animated = true;
+        if (this._modalAnimatedOptions?.length) {
             animated = this._modalAnimatedOptions.slice(-1)[0];
         }
-        parentController.dismissViewControllerAnimatedCompletion(animated, function () {
-            var transitionState = SharedTransition.getState(_this.transitionId);
-            if (!(transitionState === null || transitionState === void 0 ? void 0 : transitionState.interactiveCancelled)) {
-                _this._transitioningDelegate = null;
+        parentController.dismissViewControllerAnimatedCompletion(animated, () => {
+            const transitionState = SharedTransition.getState(this.transitionId);
+            if (!transitionState?.interactiveCancelled) {
+                this._transitioningDelegate = null;
                 // this.off('pan', this._interactiveDismissGesture);
-                if (_this._modalAnimatedOptions) {
-                    _this._modalAnimatedOptions.pop();
+                if (this._modalAnimatedOptions) {
+                    this._modalAnimatedOptions.pop();
                 }
             }
             whenClosedCallback();
         });
-    };
-    View.prototype[isEnabledProperty.getDefault] = function () {
-        var nativeView = this.nativeViewProtected;
+    }
+    [isEnabledProperty.getDefault]() {
+        const nativeView = this.nativeViewProtected;
         return nativeView instanceof UIControl ? nativeView.enabled : true;
-    };
-    View.prototype[isEnabledProperty.setNative] = function (value) {
-        var nativeView = this.nativeViewProtected;
+    }
+    [isEnabledProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
         if (nativeView instanceof UIControl) {
             nativeView.enabled = value;
         }
-    };
-    View.prototype[originXProperty.getDefault] = function () {
+    }
+    [originXProperty.getDefault]() {
         return this.nativeViewProtected.layer.anchorPoint.x;
-    };
-    View.prototype[originXProperty.setNative] = function (value) {
+    }
+    [originXProperty.setNative](value) {
         this.updateOriginPoint(value, this.originY);
-    };
-    View.prototype[originYProperty.getDefault] = function () {
+    }
+    [originYProperty.getDefault]() {
         return this.nativeViewProtected.layer.anchorPoint.y;
-    };
-    View.prototype[originYProperty.setNative] = function (value) {
+    }
+    [originYProperty.setNative](value) {
         this.updateOriginPoint(this.originX, value);
-    };
-    View.prototype[testIDProperty.setNative] = function (value) {
+    }
+    [testIDProperty.setNative](value) {
         this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    };
-    View.prototype.setAccessibilityIdentifier = function (view, value) {
+    }
+    setAccessibilityIdentifier(view, value) {
         view.accessibilityIdentifier = value;
         if (this.testID && this.testID !== value)
             this.testID = value;
         if (this.accessibilityIdentifier !== value)
             this.accessibilityIdentifier = value;
-    };
-    View.prototype[accessibilityEnabledProperty.setNative] = function (value) {
+    }
+    [accessibilityEnabledProperty.setNative](value) {
         this.nativeViewProtected.isAccessibilityElement = !!value;
         updateAccessibilityProperties(this);
-    };
-    View.prototype[accessibilityIdentifierProperty.getDefault] = function () {
+    }
+    [accessibilityIdentifierProperty.getDefault]() {
         return this.nativeViewProtected.accessibilityIdentifier;
-    };
-    View.prototype[accessibilityIdentifierProperty.setNative] = function (value) {
+    }
+    [accessibilityIdentifierProperty.setNative](value) {
         this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    };
-    View.prototype[accessibilityRoleProperty.setNative] = function (value) {
+    }
+    [accessibilityRoleProperty.setNative](value) {
         this.accessibilityRole = value;
         updateAccessibilityProperties(this);
-    };
-    View.prototype[accessibilityValueProperty.setNative] = function (value) {
-        value = value == null ? null : "".concat(value);
+    }
+    [accessibilityValueProperty.setNative](value) {
+        value = value == null ? null : `${value}`;
         this.nativeViewProtected.accessibilityValue = value;
-    };
-    View.prototype[accessibilityLabelProperty.setNative] = function (value) {
-        value = value == null ? null : "".concat(value);
+    }
+    [accessibilityLabelProperty.setNative](value) {
+        value = value == null ? null : `${value}`;
         // not sure if needed for Label:
         // if ((<any>this).nativeTextViewProtected) {
         //   (<any>this).nativeTextViewProtected.accessibilityLabel = value;
         // } else {
         this.nativeViewProtected.accessibilityLabel = value;
         // }
-    };
-    View.prototype[accessibilityHintProperty.setNative] = function (value) {
-        value = value == null ? null : "".concat(value);
+    }
+    [accessibilityHintProperty.setNative](value) {
+        value = value == null ? null : `${value}`;
         this.nativeViewProtected.accessibilityHint = value;
-    };
-    View.prototype[accessibilityIgnoresInvertColorsProperty.setNative] = function (value) {
+    }
+    [accessibilityIgnoresInvertColorsProperty.setNative](value) {
         this.nativeViewProtected.accessibilityIgnoresInvertColors = !!value;
-    };
-    View.prototype[accessibilityLanguageProperty.setNative] = function (value) {
-        value = value == null ? null : "".concat(value);
+    }
+    [accessibilityLanguageProperty.setNative](value) {
+        value = value == null ? null : `${value}`;
         this.nativeViewProtected.accessibilityLanguage = value;
-    };
-    View.prototype[accessibilityHiddenProperty.setNative] = function (value) {
+    }
+    [accessibilityHiddenProperty.setNative](value) {
         this.nativeViewProtected.accessibilityElementsHidden = !!value;
         updateAccessibilityProperties(this);
-    };
-    View.prototype[accessibilityLiveRegionProperty.setNative] = function () {
+    }
+    [accessibilityLiveRegionProperty.setNative]() {
         updateAccessibilityProperties(this);
-    };
-    View.prototype[accessibilityStateProperty.setNative] = function (value) {
+    }
+    [accessibilityStateProperty.setNative](value) {
         this.accessibilityState = value;
         updateAccessibilityProperties(this);
-    };
-    View.prototype[accessibilityMediaSessionProperty.setNative] = function () {
+    }
+    [accessibilityMediaSessionProperty.setNative]() {
         updateAccessibilityProperties(this);
-    };
-    View.prototype[isUserInteractionEnabledProperty.getDefault] = function () {
+    }
+    [isUserInteractionEnabledProperty.getDefault]() {
         return this.nativeViewProtected.userInteractionEnabled;
-    };
-    View.prototype[isUserInteractionEnabledProperty.setNative] = function (value) {
+    }
+    [isUserInteractionEnabledProperty.setNative](value) {
         this.nativeViewProtected.userInteractionEnabled = value;
-    };
-    View.prototype[hiddenProperty.getDefault] = function () {
+    }
+    [hiddenProperty.getDefault]() {
         return this.nativeViewProtected.hidden;
-    };
-    View.prototype[hiddenProperty.setNative] = function (value) {
+    }
+    [hiddenProperty.setNative](value) {
         this.nativeViewProtected.hidden = value;
-    };
-    View.prototype[visibilityProperty.getDefault] = function () {
+    }
+    [visibilityProperty.getDefault]() {
         return this.nativeViewProtected.hidden ? CoreTypes.Visibility.collapse : CoreTypes.Visibility.visible;
-    };
-    View.prototype[visibilityProperty.setNative] = function (value) {
-        var nativeView = this.nativeViewProtected;
+    }
+    [visibilityProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
         switch (value) {
             case CoreTypes.Visibility.visible:
                 nativeView.hidden = false;
@@ -660,19 +641,19 @@ var View = /** @class */ (function (_super) {
                 nativeView.hidden = true;
                 break;
             default:
-                throw new Error("Invalid visibility value: ".concat(value, ". Valid values are: \"").concat(CoreTypes.Visibility.visible, "\", \"").concat(CoreTypes.Visibility.hidden, "\", \"").concat(CoreTypes.Visibility.collapse, "\"."));
+                throw new Error(`Invalid visibility value: ${value}. Valid values are: "${CoreTypes.Visibility.visible}", "${CoreTypes.Visibility.hidden}", "${CoreTypes.Visibility.collapse}".`);
         }
         // Apply visibility value to shadows as well
         if (nativeView.outerShadowContainerLayer) {
             nativeView.outerShadowContainerLayer.hidden = nativeView.hidden;
         }
-    };
-    View.prototype[opacityProperty.getDefault] = function () {
+    }
+    [opacityProperty.getDefault]() {
         return this.nativeViewProtected.alpha;
-    };
-    View.prototype[opacityProperty.setNative] = function (value) {
-        var nativeView = this.nativeViewProtected;
-        var updateSuspended = this._isPresentationLayerUpdateSuspended();
+    }
+    [opacityProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
+        const updateSuspended = this._isPresentationLayerUpdateSuspended();
         if (!updateSuspended) {
             CATransaction.begin();
         }
@@ -687,85 +668,85 @@ var View = /** @class */ (function (_super) {
         if (!updateSuspended) {
             CATransaction.commit();
         }
-    };
-    View.prototype[rotateProperty.getDefault] = function () {
+    }
+    [rotateProperty.getDefault]() {
         return 0;
-    };
-    View.prototype[rotateProperty.setNative] = function (value) {
+    }
+    [rotateProperty.setNative](value) {
         this.updateNativeTransform();
-    };
-    View.prototype[rotateXProperty.getDefault] = function () {
+    }
+    [rotateXProperty.getDefault]() {
         return 0;
-    };
-    View.prototype[rotateXProperty.setNative] = function (value) {
+    }
+    [rotateXProperty.setNative](value) {
         this.updateNativeTransform();
-    };
-    View.prototype[rotateYProperty.getDefault] = function () {
+    }
+    [rotateYProperty.getDefault]() {
         return 0;
-    };
-    View.prototype[rotateYProperty.setNative] = function (value) {
+    }
+    [rotateYProperty.setNative](value) {
         this.updateNativeTransform();
-    };
-    View.prototype[perspectiveProperty.getDefault] = function () {
+    }
+    [perspectiveProperty.getDefault]() {
         return 300;
-    };
-    View.prototype[perspectiveProperty.setNative] = function (value) {
+    }
+    [perspectiveProperty.setNative](value) {
         this.updateNativeTransform();
-    };
-    View.prototype[scaleXProperty.getDefault] = function () {
+    }
+    [scaleXProperty.getDefault]() {
         return 1;
-    };
-    View.prototype[scaleXProperty.setNative] = function (value) {
+    }
+    [scaleXProperty.setNative](value) {
         this.updateNativeTransform();
-    };
-    View.prototype[scaleYProperty.getDefault] = function () {
+    }
+    [scaleYProperty.getDefault]() {
         return 1;
-    };
-    View.prototype[scaleYProperty.setNative] = function (value) {
+    }
+    [scaleYProperty.setNative](value) {
         this.updateNativeTransform();
-    };
-    View.prototype[translateXProperty.getDefault] = function () {
+    }
+    [translateXProperty.getDefault]() {
         return 0;
-    };
-    View.prototype[translateXProperty.setNative] = function (value) {
+    }
+    [translateXProperty.setNative](value) {
         this.updateNativeTransform();
-    };
-    View.prototype[translateYProperty.getDefault] = function () {
+    }
+    [translateYProperty.getDefault]() {
         return 0;
-    };
-    View.prototype[translateYProperty.setNative] = function (value) {
+    }
+    [translateYProperty.setNative](value) {
         this.updateNativeTransform();
-    };
-    View.prototype[zIndexProperty.getDefault] = function () {
+    }
+    [zIndexProperty.getDefault]() {
         return 0;
-    };
-    View.prototype[zIndexProperty.setNative] = function (value) {
-        var nativeView = this.nativeViewProtected;
+    }
+    [zIndexProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
         nativeView.layer.zPosition = value;
         // Apply z-index to shadows as well
         if (nativeView.outerShadowContainerLayer) {
             nativeView.outerShadowContainerLayer.zPosition = value;
         }
-    };
-    View.prototype[backgroundInternalProperty.getDefault] = function () {
+    }
+    [backgroundInternalProperty.getDefault]() {
         return this.nativeViewProtected.backgroundColor;
-    };
-    View.prototype[backgroundInternalProperty.setNative] = function (value) {
+    }
+    [backgroundInternalProperty.setNative](value) {
         this._nativeBackgroundState = 'invalid';
         if (this.isLayoutValid) {
             this._redrawNativeBackground(value);
         }
-    };
-    View.prototype.sendAccessibilityEvent = function (options) {
+    }
+    sendAccessibilityEvent(options) {
         if (!isAccessibilityServiceEnabled()) {
             return;
         }
         if (!options.iosNotificationType) {
             return;
         }
-        var notification;
-        var args = this.nativeViewProtected;
-        if (options === null || options === void 0 ? void 0 : options.message) {
+        let notification;
+        let args = this.nativeViewProtected;
+        if (options?.message) {
             args = options.message;
         }
         switch (options.iosNotificationType) {
@@ -785,51 +766,50 @@ var View = /** @class */ (function (_super) {
                 return;
             }
         }
-        UIAccessibilityPostNotification(notification, args !== null && args !== void 0 ? args : null);
-    };
-    View.prototype.accessibilityAnnouncement = function (msg) {
-        if (msg === void 0) { msg = this.accessibilityLabel; }
+        UIAccessibilityPostNotification(notification, args ?? null);
+    }
+    accessibilityAnnouncement(msg = this.accessibilityLabel) {
         this.sendAccessibilityEvent({
             iosNotificationType: IOSPostAccessibilityNotificationType.Announcement,
             message: msg,
         });
-    };
-    View.prototype.accessibilityScreenChanged = function () {
+    }
+    accessibilityScreenChanged() {
         this.sendAccessibilityEvent({
             iosNotificationType: IOSPostAccessibilityNotificationType.Screen,
         });
-    };
-    View.prototype._getCurrentLayoutBounds = function () {
-        var nativeView = this.nativeViewProtected;
+    }
+    _getCurrentLayoutBounds() {
+        const nativeView = this.nativeViewProtected;
         if (nativeView && !this.isCollapsed) {
-            var frame = nativeView.frame;
-            var origin_2 = frame.origin;
-            var size = frame.size;
+            const frame = nativeView.frame;
+            const origin = frame.origin;
+            const size = frame.size;
             return {
-                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)),
+                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)),
             };
         }
         else {
             return { left: 0, top: 0, right: 0, bottom: 0 };
         }
-    };
-    View.prototype._redrawNativeBackground = function (value) {
-        var updateSuspended = this._isPresentationLayerUpdateSuspended();
+    }
+    _redrawNativeBackground(value) {
+        const updateSuspended = this._isPresentationLayerUpdateSuspended();
         if (!updateSuspended) {
             CATransaction.begin();
         }
         // Disable CALayer animatable property changes
         CATransaction.setDisableActions(true);
-        var nativeView = this.nativeViewProtected;
+        const nativeView = this.nativeViewProtected;
         if (nativeView) {
             if (value instanceof UIColor) {
                 nativeView.backgroundColor = value;
             }
             else {
-                iosBackground.createBackgroundUIColor(this, function (color) {
+                iosBackground.createBackgroundUIColor(this, (color) => {
                     nativeView.backgroundColor = color;
                 });
                 this._setNativeClipToBounds();
@@ -840,19 +820,19 @@ var View = /** @class */ (function (_super) {
             CATransaction.commit();
         }
         this._nativeBackgroundState = 'drawn';
-    };
-    View.prototype._setNativeClipToBounds = function () {
-        var view = this.nativeViewProtected;
+    }
+    _setNativeClipToBounds() {
+        const view = this.nativeViewProtected;
         if (view) {
-            var backgroundInternal = this.style.backgroundInternal;
+            const backgroundInternal = this.style.backgroundInternal;
             view.clipsToBounds = view instanceof UIScrollView || backgroundInternal.hasBorderWidth() || backgroundInternal.hasBorderRadius();
         }
-    };
-    View.prototype._setupPopoverControllerDelegate = function (controller, parent) {
-        var popoverPresentationController = controller.popoverPresentationController;
+    }
+    _setupPopoverControllerDelegate(controller, parent) {
+        const popoverPresentationController = controller.popoverPresentationController;
         this._popoverPresentationDelegate = IOSHelper.UIPopoverPresentationControllerDelegateImp.initWithOwnerAndCallback(new WeakRef(this), this._closeModalCallback);
         popoverPresentationController.delegate = this._popoverPresentationDelegate;
-        var view;
+        let view;
         do {
             view = parent.nativeViewProtected;
             parent = parent.parent;
@@ -861,28 +841,26 @@ var View = /** @class */ (function (_super) {
         // 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);
-    };
-    View.prototype._setupAdaptiveControllerDelegate = function (controller) {
+    }
+    _setupAdaptiveControllerDelegate(controller) {
         this._adaptivePresentationDelegate = IOSHelper.UIAdaptivePresentationControllerDelegateImp.initWithOwnerAndCallback(new WeakRef(this), this._closeModalCallback);
-        if (controller === null || controller === void 0 ? void 0 : controller.presentationController) {
+        if (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);
-    return View;
-}(ViewCommon));
-export { View };
+    }
+}
+__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);
 View.prototype._nativeBackgroundState = 'unset';
 var UIViewControllerTransitioningDelegateImpl = /** @class */ (function (_super) {
     __extends(UIViewControllerTransitioningDelegateImpl, _super);
@@ -932,39 +910,27 @@ var UIViewControllerTransitioningDelegateImpl = /** @class */ (function (_super)
     UIViewControllerTransitioningDelegateImpl.ObjCProtocols = [UIViewControllerTransitioningDelegate];
     return UIViewControllerTransitioningDelegateImpl;
 }(NSObject));
-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 ContainerView extends View {
+    constructor() {
+        super();
+        this.iosOverflowSafeArea = true;
     }
-    CustomLayoutView.prototype.createNativeView = function () {
-        var window = iosUtils.getWindow();
+}
+export class CustomLayoutView extends ContainerView {
+    createNativeView() {
+        const window = iosUtils.getWindow();
         return UIView.alloc().initWithFrame(window ? window.screen.bounds : UIScreen.mainScreen.bounds);
-    };
-    Object.defineProperty(CustomLayoutView.prototype, "ios", {
-        get: function () {
-            return this.nativeViewProtected;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CustomLayoutView.prototype.onMeasure = function (widthMeasureSpec, heightMeasureSpec) {
+    }
+    get ios() {
+        return this.nativeViewProtected;
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
         // Don't call super because it will set MeasureDimension. This method must be overridden and calculate its measuredDimensions.
-    };
-    CustomLayoutView.prototype._addViewToNativeVisualTree = function (child, atIndex) {
-        _super.prototype._addViewToNativeVisualTree.call(this, child, atIndex);
-        var parentNativeView = this.nativeViewProtected;
-        var childNativeView = child.nativeViewProtected;
+    }
+    _addViewToNativeVisualTree(child, atIndex) {
+        super._addViewToNativeVisualTree(child, atIndex);
+        const parentNativeView = this.nativeViewProtected;
+        const childNativeView = child.nativeViewProtected;
         if (parentNativeView && childNativeView) {
             if (typeof atIndex !== 'number' || atIndex >= parentNativeView.subviews.count) {
                 parentNativeView.addSubview(childNativeView);
@@ -979,19 +945,17 @@ var CustomLayoutView = /** @class */ (function (_super) {
             return true;
         }
         return false;
-    };
-    CustomLayoutView.prototype._removeViewFromNativeVisualTree = function (child) {
-        _super.prototype._removeViewFromNativeVisualTree.call(this, child);
+    }
+    _removeViewFromNativeVisualTree(child) {
+        super._removeViewFromNativeVisualTree(child);
         if (child.nativeViewProtected) {
-            var nativeView = child.nativeViewProtected;
+            const 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