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

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

@@ -19,25 +19,25 @@ 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 DOMID = '_domId';
-var androidBackPressedEvent = 'androidBackPressed';
-var shortAnimTime = 17694720; // android.R.integer.config_shortAnimTime
-var statePressed = 16842919; // android.R.attr.state_pressed
-var stateEnabled = 16842910; // android.R.attr.state_enabled
-var styleAnimationDialog = 16973826; // android.R.style.Animation_Dialog
-var VERTICAL_GRAVITY_MASK = 112; // android.view.Gravity.VERTICAL_GRAVITY_MASK
-var HORIZONTAL_GRAVITY_MASK = 7; // android.view.Gravity.HORIZONTAL_GRAVITY_MASK
-var GRAVITY_LEFT = 3; // android.view.Gravity.LEFT
-var GRAVITY_RIGHT = 5; // android.view.Gravity.RIGHT
-var GRAVITY_TOP = 48; // android.view.Gravity.TOP
-var GRAVITY_BOTTOM = 80; // android.view.Gravity.BOTTOM
-var GRAVITY_CENTER_HORIZONTAL = 1; // android.view.Gravity.CENTER_HORIZONTAL
-var GRAVITY_FILL_HORIZONTAL = 7; // android.view.Gravity.FILL_HORIZONTAL
-var GRAVITY_CENTER_VERTICAL = 16; // android.view.Gravity.CENTER_VERTICAL
-var GRAVITY_FILL_VERTICAL = 112; // android.view.Gravity.FILL_VERTICAL
-var modalMap = new Map();
-var TouchListener;
-var DialogFragment;
+const DOMID = '_domId';
+const androidBackPressedEvent = 'androidBackPressed';
+const shortAnimTime = 17694720; // android.R.integer.config_shortAnimTime
+const statePressed = 16842919; // android.R.attr.state_pressed
+const stateEnabled = 16842910; // android.R.attr.state_enabled
+const styleAnimationDialog = 16973826; // android.R.style.Animation_Dialog
+const VERTICAL_GRAVITY_MASK = 112; // android.view.Gravity.VERTICAL_GRAVITY_MASK
+const HORIZONTAL_GRAVITY_MASK = 7; // android.view.Gravity.HORIZONTAL_GRAVITY_MASK
+const GRAVITY_LEFT = 3; // android.view.Gravity.LEFT
+const GRAVITY_RIGHT = 5; // android.view.Gravity.RIGHT
+const GRAVITY_TOP = 48; // android.view.Gravity.TOP
+const GRAVITY_BOTTOM = 80; // android.view.Gravity.BOTTOM
+const GRAVITY_CENTER_HORIZONTAL = 1; // android.view.Gravity.CENTER_HORIZONTAL
+const GRAVITY_FILL_HORIZONTAL = 7; // android.view.Gravity.FILL_HORIZONTAL
+const GRAVITY_CENTER_VERTICAL = 16; // android.view.Gravity.CENTER_VERTICAL
+const GRAVITY_FILL_VERTICAL = 112; // android.view.Gravity.FILL_VERTICAL
+const modalMap = new Map();
+let TouchListener;
+let DialogFragment;
 function initializeTouchListener() {
     if (TouchListener) {
         return;
@@ -239,55 +239,51 @@ function removeModal(domId) {
 function getModalOptions(domId) {
     return modalMap.get(domId);
 }
-var View = /** @class */ (function (_super) {
-    __extends(View, _super);
-    function View() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
+export class View extends ViewCommon {
     // TODO: Implement unobserve that detach the touchListener.
-    View.prototype._observe = function (type, callback, thisArg) {
-        _super.prototype._observe.call(this, type, callback, thisArg);
+    _observe(type, callback, thisArg) {
+        super._observe(type, callback, thisArg);
         if (this.isLoaded && !this.touchListenerIsSet) {
             this.setOnTouchListener();
         }
-    };
-    View.prototype.addEventListener = function (eventNames, callback, thisArg) {
-        _super.prototype.addEventListener.call(this, eventNames, callback, thisArg);
-        var isLayoutEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.layoutChangedEvent) !== -1 : false;
+    }
+    addEventListener(eventNames, callback, thisArg) {
+        super.addEventListener(eventNames, callback, thisArg);
+        const isLayoutEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.layoutChangedEvent) !== -1 : false;
         if (this.isLoaded && !this.layoutChangeListenerIsSet && isLayoutEvent) {
             this.setOnLayoutChangeListener();
         }
-    };
-    View.prototype.removeEventListener = function (eventNames, callback, thisArg) {
-        _super.prototype.removeEventListener.call(this, eventNames, callback, thisArg);
-        var isLayoutEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.layoutChangedEvent) !== -1 : false;
+    }
+    removeEventListener(eventNames, callback, thisArg) {
+        super.removeEventListener(eventNames, callback, thisArg);
+        const isLayoutEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.layoutChangedEvent) !== -1 : false;
         // Remove native listener only if there are no more user listeners for LayoutChanged event
         if (this.isLoaded && this.layoutChangeListenerIsSet && isLayoutEvent && !this.needsOnLayoutChangeListener()) {
             this.nativeViewProtected.removeOnLayoutChangeListener(this.layoutChangeListener);
             this.layoutChangeListenerIsSet = false;
         }
-    };
-    View.prototype._getChildFragmentManager = function () {
+    }
+    _getChildFragmentManager() {
         return null;
-    };
-    View.prototype._getRootFragmentManager = function () {
+    }
+    _getRootFragmentManager() {
         if (!this._rootManager && this._context) {
             this._rootManager = this._context.getSupportFragmentManager();
         }
         return this._rootManager;
-    };
-    View.prototype._getFragmentManager = function () {
-        var manager = this._manager;
+    }
+    _getFragmentManager() {
+        let manager = this._manager;
         if (!manager) {
-            var view = this;
-            var frameOrTabViewItemFound = false;
+            let view = this;
+            let frameOrTabViewItemFound = false;
             while (view) {
                 // when interacting with nested fragments instead of using getSupportFragmentManager
                 // we must always use getChildFragmentManager instead;
                 // we have three sources of fragments -- Frame fragments, TabViewItem fragments, and
                 // modal dialog fragments
                 // modal -> frame / tabview (frame / tabview use modal CHILD fm)
-                var dialogFragment = view._dialogFragment;
+                const dialogFragment = view._dialogFragment;
                 if (dialogFragment) {
                     manager = dialogFragment.getChildFragmentManager();
                     break;
@@ -313,51 +309,51 @@ var View = /** @class */ (function (_super) {
             this._manager = manager;
         }
         return manager;
-    };
-    View.prototype.onLoaded = function () {
+    }
+    onLoaded() {
         this._manager = null;
         this._rootManager = null;
-        _super.prototype.onLoaded.call(this);
+        super.onLoaded();
         this.setOnTouchListener();
-    };
-    View.prototype.onUnloaded = function () {
+    }
+    onUnloaded() {
         this._manager = null;
         this._rootManager = null;
-        _super.prototype.onUnloaded.call(this);
-    };
-    View.prototype.onBackPressed = function () {
-        var topmostFrame = topmost();
+        super.onUnloaded();
+    }
+    onBackPressed() {
+        const topmostFrame = topmost();
         // Delegate back navigation handling to the topmost Frame
         // when it's a child of the current View.
         if (topmostFrame && topmostFrame._hasAncestorView(this)) {
             return topmostFrame.onBackPressed();
         }
         return false;
-    };
-    View.prototype.handleGestureTouch = function (event) {
-        for (var type in this._gestureObservers) {
-            var list = this._gestureObservers[type];
-            list.forEach(function (element) {
+    }
+    handleGestureTouch(event) {
+        for (const type in this._gestureObservers) {
+            const list = this._gestureObservers[type];
+            list.forEach((element) => {
                 element.androidOnTouchEvent(event);
             });
         }
         if (this.parent instanceof View) {
             this.parent.handleGestureTouch(event);
         }
-    };
-    View.prototype.hasGestureObservers = function () {
+    }
+    hasGestureObservers() {
         return this._gestureObservers && Object.keys(this._gestureObservers).length > 0;
-    };
-    View.prototype.initNativeView = function () {
-        _super.prototype.initNativeView.call(this);
+    }
+    initNativeView() {
+        super.initNativeView();
         if (this.needsOnLayoutChangeListener()) {
             this.setOnLayoutChangeListener();
         }
-    };
-    View.prototype.needsOnLayoutChangeListener = function () {
+    }
+    needsOnLayoutChangeListener() {
         return this.hasListeners(ViewCommon.layoutChangedEvent);
-    };
-    View.prototype.disposeNativeView = function () {
+    }
+    disposeNativeView() {
         if (this.touchListenerIsSet) {
             this.touchListenerIsSet = false;
             if (this.nativeViewProtected) {
@@ -371,9 +367,9 @@ var View = /** @class */ (function (_super) {
                 this.layoutChangeListener = null;
             }
         }
-        _super.prototype.disposeNativeView.call(this);
-    };
-    View.prototype.setOnTouchListener = function () {
+        super.disposeNativeView();
+    }
+    setOnTouchListener() {
         if (this.touchListenerIsSet || !this.nativeViewProtected || !this.hasGestureObservers()) {
             return;
         }
@@ -386,80 +382,68 @@ var View = /** @class */ (function (_super) {
         if (this.nativeViewProtected.setClickable) {
             this.nativeViewProtected.setClickable(this.isUserInteractionEnabled);
         }
-    };
-    View.prototype.setOnLayoutChangeListener = function () {
+    }
+    setOnLayoutChangeListener() {
         if (this.nativeViewProtected) {
-            var owner_1 = this;
+            const owner = this;
             this.layoutChangeListenerIsSet = true;
             this.layoutChangeListener =
                 this.layoutChangeListener ||
                     new android.view.View.OnLayoutChangeListener({
-                        onLayoutChange: function (v, left, top, right, bottom, oldLeft, oldTop, oldRight, oldBottom) {
+                        onLayoutChange(v, left, top, right, bottom, oldLeft, oldTop, oldRight, oldBottom) {
                             if (left !== oldLeft || top !== oldTop || right !== oldRight || bottom !== oldBottom) {
-                                owner_1._raiseLayoutChangedEvent();
+                                owner._raiseLayoutChangedEvent();
                             }
                         },
                     });
             this.nativeViewProtected.addOnLayoutChangeListener(this.layoutChangeListener);
         }
-    };
-    Object.defineProperty(View.prototype, "isLayoutRequired", {
-        get: function () {
-            return !this.isLayoutValid;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(View.prototype, "isLayoutValid", {
-        get: function () {
-            if (this.nativeViewProtected) {
-                return !this.nativeViewProtected.isLayoutRequested();
-            }
-            return false;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(View.prototype, "_hasFragments", {
-        get: function () {
-            return false;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    View.prototype.layoutNativeView = function (left, top, right, bottom) {
+    }
+    get isLayoutRequired() {
+        return !this.isLayoutValid;
+    }
+    get isLayoutValid() {
+        if (this.nativeViewProtected) {
+            return !this.nativeViewProtected.isLayoutRequested();
+        }
+        return false;
+    }
+    get _hasFragments() {
+        return false;
+    }
+    layoutNativeView(left, top, right, bottom) {
         if (this.nativeViewProtected) {
             this.nativeViewProtected.layout(left, top, right, bottom);
         }
-    };
-    View.prototype.requestLayout = function () {
-        _super.prototype.requestLayout.call(this);
+    }
+    requestLayout() {
+        super.requestLayout();
         if (this.nativeViewProtected) {
             this.nativeViewProtected.requestLayout();
         }
-    };
-    View.prototype.measure = function (widthMeasureSpec, heightMeasureSpec) {
-        _super.prototype.measure.call(this, widthMeasureSpec, heightMeasureSpec);
+    }
+    measure(widthMeasureSpec, heightMeasureSpec) {
+        super.measure(widthMeasureSpec, heightMeasureSpec);
         this.onMeasure(widthMeasureSpec, heightMeasureSpec);
-    };
-    View.prototype.layout = function (left, top, right, bottom) {
-        _super.prototype.layout.call(this, left, top, right, bottom);
+    }
+    layout(left, top, right, bottom) {
+        super.layout(left, top, right, bottom);
         this.onLayout(left, top, right, bottom);
-    };
-    View.prototype.onMeasure = function (widthMeasureSpec, heightMeasureSpec) {
-        var view = this.nativeViewProtected;
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        const view = this.nativeViewProtected;
         if (view) {
             view.measure(widthMeasureSpec, heightMeasureSpec);
             this.setMeasuredDimension(view.getMeasuredWidth(), view.getMeasuredHeight());
         }
-    };
-    View.prototype.onLayout = function (left, top, right, bottom) {
-        var view = this.nativeViewProtected;
+    }
+    onLayout(left, top, right, bottom) {
+        const view = this.nativeViewProtected;
         if (view) {
             this.layoutNativeView(left, top, right, bottom);
         }
-    };
-    View.prototype._getCurrentLayoutBounds = function () {
+    }
+    _getCurrentLayoutBounds() {
         if (this.nativeViewProtected && !this.isCollapsed) {
             return {
                 left: this.nativeViewProtected.getLeft(),
@@ -471,62 +455,62 @@ var View = /** @class */ (function (_super) {
         else {
             return { left: 0, top: 0, right: 0, bottom: 0 };
         }
-    };
-    View.prototype.getMeasuredWidth = function () {
+    }
+    getMeasuredWidth() {
         if (this.nativeViewProtected) {
             return this.nativeViewProtected.getMeasuredWidth();
         }
-        return _super.prototype.getMeasuredWidth.call(this);
-    };
-    View.prototype.getMeasuredHeight = function () {
+        return super.getMeasuredWidth();
+    }
+    getMeasuredHeight() {
         if (this.nativeViewProtected) {
             return this.nativeViewProtected.getMeasuredHeight();
         }
-        return _super.prototype.getMeasuredHeight.call(this);
-    };
-    View.prototype.focus = function () {
+        return super.getMeasuredHeight();
+    }
+    focus() {
         if (this.nativeViewProtected) {
             return this.nativeViewProtected.requestFocus();
         }
         return false;
-    };
-    View.prototype.getLocationInWindow = function () {
+    }
+    getLocationInWindow() {
         if (!this.nativeViewProtected || !this.nativeViewProtected.getWindowToken()) {
             return undefined;
         }
-        var nativeArray = Array.create('int', 2);
+        const nativeArray = Array.create('int', 2);
         this.nativeViewProtected.getLocationInWindow(nativeArray);
         return {
             x: layout.toDeviceIndependentPixels(nativeArray[0]),
             y: layout.toDeviceIndependentPixels(nativeArray[1]),
         };
-    };
-    View.prototype.getLocationOnScreen = function () {
+    }
+    getLocationOnScreen() {
         if (!this.nativeViewProtected || !this.nativeViewProtected.getWindowToken()) {
             return undefined;
         }
-        var nativeArray = Array.create('int', 2);
+        const nativeArray = Array.create('int', 2);
         this.nativeViewProtected.getLocationOnScreen(nativeArray);
         return {
             x: layout.toDeviceIndependentPixels(nativeArray[0]),
             y: layout.toDeviceIndependentPixels(nativeArray[1]),
         };
-    };
-    View.prototype.getLocationRelativeTo = function (otherView) {
+    }
+    getLocationRelativeTo(otherView) {
         if (!this.nativeViewProtected || !this.nativeViewProtected.getWindowToken() || !otherView || !otherView.nativeViewProtected || !otherView.nativeViewProtected.getWindowToken() || this.nativeViewProtected.getWindowToken() !== otherView.nativeViewProtected.getWindowToken()) {
             return undefined;
         }
-        var myArray = Array.create('int', 2);
+        const myArray = Array.create('int', 2);
         this.nativeViewProtected.getLocationOnScreen(myArray);
-        var otherArray = Array.create('int', 2);
+        const otherArray = Array.create('int', 2);
         otherView.nativeViewProtected.getLocationOnScreen(otherArray);
         return {
             x: layout.toDeviceIndependentPixels(myArray[0] - otherArray[0]),
             y: layout.toDeviceIndependentPixels(myArray[1] - otherArray[1]),
         };
-    };
-    View.resolveSizeAndState = function (size, specSize, specMode, childMeasuredState) {
-        var result = size;
+    }
+    static resolveSizeAndState(size, specSize, specMode, childMeasuredState) {
+        let result = size;
         switch (specMode) {
             case layout.UNSPECIFIED:
                 result = size;
@@ -541,28 +525,27 @@ var View = /** @class */ (function (_super) {
                 break;
         }
         return result | (childMeasuredState & layout.MEASURED_STATE_MASK);
-    };
-    View.prototype._showNativeModalView = function (parent, options) {
-        var _this = this;
+    }
+    _showNativeModalView(parent, options) {
         // if the app is in background while triggering _showNativeModalView
         // then DialogFragment.show will trigger IllegalStateException: Can not perform this action after onSaveInstanceState
         // so if in background we create an event to call _showNativeModalView when loaded (going back in foreground)
         if (Application.inBackground && !parent.isLoaded) {
-            var onLoaded_1 = function () {
-                parent.off('loaded', onLoaded_1);
-                _this._showNativeModalView(parent, options);
+            const onLoaded = () => {
+                parent.off('loaded', onLoaded);
+                this._showNativeModalView(parent, options);
             };
-            parent.on('loaded', onLoaded_1);
+            parent.on('loaded', onLoaded);
             return;
         }
-        _super.prototype._showNativeModalView.call(this, parent, options);
+        super._showNativeModalView(parent, options);
         initializeDialogFragment();
-        var df = new DialogFragment();
-        var args = new android.os.Bundle();
+        const df = new DialogFragment();
+        const args = new android.os.Bundle();
         args.putInt(DOMID, this._domId);
         df.setArguments(args);
-        var cancelable = true;
-        var windowSoftInputMode;
+        let cancelable = true;
+        let windowSoftInputMode;
         if (options.android) {
             if (options.android.cancelable !== undefined) {
                 cancelable = !!options.android.cancelable;
@@ -571,58 +554,58 @@ var View = /** @class */ (function (_super) {
             windowSoftInputMode = options.android.windowSoftInputMode;
         }
         cancelable = options.cancelable !== undefined ? !!options.cancelable : cancelable;
-        var dialogOptions = {
+        const dialogOptions = {
             owner: this,
             fullscreen: !!options.fullscreen,
             animated: !!options.animated,
             stretched: !!options.stretched,
             cancelable: cancelable,
             windowSoftInputMode: windowSoftInputMode,
-            shownCallback: function () { return _this._raiseShownModallyEvent(); },
-            dismissCallback: function () { return _this.closeModal(); },
+            shownCallback: () => this._raiseShownModallyEvent(),
+            dismissCallback: () => this.closeModal(),
         };
         saveModal(dialogOptions);
         this._dialogFragment = df;
         this._raiseShowingModallyEvent();
         this._dialogFragment.show(parent._getRootFragmentManager(), this._domId.toString());
-    };
-    View.prototype._hideNativeModalView = function (parent, whenClosedCallback) {
+    }
+    _hideNativeModalView(parent, whenClosedCallback) {
         if (this._dialogFragment) {
-            var manager = this._dialogFragment.getFragmentManager();
+            const manager = this._dialogFragment.getFragmentManager();
             if (manager) {
                 this._dialogFragment.dismissAllowingStateLoss();
             }
         }
         this._dialogFragment = null;
         whenClosedCallback();
-    };
-    View.prototype[isEnabledProperty.setNative] = function (value) {
+    }
+    [isEnabledProperty.setNative](value) {
         this.nativeViewProtected.setEnabled(value);
-    };
-    View.prototype[originXProperty.getDefault] = function () {
+    }
+    [originXProperty.getDefault]() {
         return this.nativeViewProtected.getPivotX();
-    };
-    View.prototype[originXProperty.setNative] = function (value) {
+    }
+    [originXProperty.setNative](value) {
         org.nativescript.widgets.OriginPoint.setX(this.nativeViewProtected, value);
-    };
-    View.prototype[originYProperty.getDefault] = function () {
+    }
+    [originYProperty.getDefault]() {
         return this.nativeViewProtected.getPivotY();
-    };
-    View.prototype[originYProperty.setNative] = function (value) {
+    }
+    [originYProperty.setNative](value) {
         org.nativescript.widgets.OriginPoint.setY(this.nativeViewProtected, value);
-    };
-    View.prototype[isUserInteractionEnabledProperty.setNative] = function (value) {
+    }
+    [isUserInteractionEnabledProperty.setNative](value) {
         this.nativeViewProtected.setClickable(value);
         this.nativeViewProtected.setFocusable(value);
-    };
-    View.prototype[hiddenProperty.getDefault] = function () {
+    }
+    [hiddenProperty.getDefault]() {
         return this.nativeViewProtected.getVisibility() === android.view.View.GONE;
-    };
-    View.prototype[hiddenProperty.setNative] = function (value) {
+    }
+    [hiddenProperty.setNative](value) {
         this.nativeViewProtected.setVisibility(value ? android.view.View.GONE : android.view.View.VISIBLE);
-    };
-    View.prototype[visibilityProperty.getDefault] = function () {
-        var nativeVisibility = this.nativeViewProtected.getVisibility();
+    }
+    [visibilityProperty.getDefault]() {
+        const nativeVisibility = this.nativeViewProtected.getVisibility();
         switch (nativeVisibility) {
             case android.view.View.VISIBLE:
                 return 'visible';
@@ -631,10 +614,10 @@ var View = /** @class */ (function (_super) {
             case android.view.View.GONE:
                 return 'collapse';
             default:
-                throw new Error("Unsupported android.view.View visibility: ".concat(nativeVisibility, ". Currently supported values are android.view.View.VISIBLE, android.view.View.INVISIBLE, android.view.View.GONE."));
+                throw new Error(`Unsupported android.view.View visibility: ${nativeVisibility}. Currently supported values are android.view.View.VISIBLE, android.view.View.INVISIBLE, android.view.View.GONE.`);
         }
-    };
-    View.prototype[visibilityProperty.setNative] = function (value) {
+    }
+    [visibilityProperty.setNative](value) {
         switch (value) {
             case 'visible':
                 this.nativeViewProtected.setVisibility(android.view.View.VISIBLE);
@@ -646,20 +629,20 @@ var View = /** @class */ (function (_super) {
                 this.nativeViewProtected.setVisibility(android.view.View.GONE);
                 break;
             default:
-                throw new Error("Invalid visibility value: ".concat(value, ". Valid values are: visible, hidden, collapse."));
+                throw new Error(`Invalid visibility value: ${value}. Valid values are: visible, hidden, collapse.`);
         }
-    };
-    View.prototype[opacityProperty.getDefault] = function () {
+    }
+    [opacityProperty.getDefault]() {
         return this.nativeViewProtected.getAlpha();
-    };
-    View.prototype[opacityProperty.setNative] = function (value) {
+    }
+    [opacityProperty.setNative](value) {
         this.nativeViewProtected.setAlpha(float(value));
-    };
-    View.prototype[testIDProperty.setNative] = function (value) {
+    }
+    [testIDProperty.setNative](value) {
         this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    };
-    View.prototype.setAccessibilityIdentifier = function (view, value) {
-        var id = Utils.android.resources.getId(':id/nativescript_accessibility_id');
+    }
+    setAccessibilityIdentifier(view, value) {
+        const id = Utils.android.resources.getId(':id/nativescript_accessibility_id');
         if (id) {
             view.setTag(id, value);
             view.setTag(value);
@@ -668,43 +651,42 @@ var View = /** @class */ (function (_super) {
             this.testID = value;
         if (this.accessibilityIdentifier !== value)
             this.accessibilityIdentifier = value;
-    };
-    View.prototype[accessibilityEnabledProperty.setNative] = function (value) {
+    }
+    [accessibilityEnabledProperty.setNative](value) {
         this.nativeViewProtected.setFocusable(!!value);
         updateAccessibilityProperties(this);
-    };
-    View.prototype[accessibilityIdentifierProperty.setNative] = function (value) {
+    }
+    [accessibilityIdentifierProperty.setNative](value) {
         this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    };
-    View.prototype[accessibilityRoleProperty.setNative] = function (value) {
-        var _a;
+    }
+    [accessibilityRoleProperty.setNative](value) {
         this.accessibilityRole = value;
         updateAccessibilityProperties(this);
         if (SDK_VERSION >= 28) {
-            (_a = this.nativeViewProtected) === null || _a === void 0 ? void 0 : _a.setAccessibilityHeading(value === AccessibilityRole.Header);
+            this.nativeViewProtected?.setAccessibilityHeading(value === AccessibilityRole.Header);
         }
-    };
-    View.prototype[accessibilityValueProperty.setNative] = function () {
+    }
+    [accessibilityValueProperty.setNative]() {
         this._androidContentDescriptionUpdated = true;
         updateContentDescription(this);
-    };
-    View.prototype[accessibilityLabelProperty.setNative] = function () {
+    }
+    [accessibilityLabelProperty.setNative]() {
         this._androidContentDescriptionUpdated = true;
         updateContentDescription(this);
-    };
-    View.prototype[accessibilityHintProperty.setNative] = function () {
+    }
+    [accessibilityHintProperty.setNative]() {
         this._androidContentDescriptionUpdated = true;
         updateContentDescription(this);
-    };
-    View.prototype[accessibilityHiddenProperty.setNative] = function (value) {
+    }
+    [accessibilityHiddenProperty.setNative](value) {
         if (value) {
             this.nativeViewProtected.setImportantForAccessibility(android.view.View.IMPORTANT_FOR_ACCESSIBILITY_NO_HIDE_DESCENDANTS);
         }
         else {
             this.nativeViewProtected.setImportantForAccessibility(android.view.View.IMPORTANT_FOR_ACCESSIBILITY_YES);
         }
-    };
-    View.prototype[accessibilityLiveRegionProperty.setNative] = function (value) {
+    }
+    [accessibilityLiveRegionProperty.setNative](value) {
         switch (value) {
             case AccessibilityLiveRegion.Assertive: {
                 this.nativeViewProtected.setAccessibilityLiveRegion(android.view.View.ACCESSIBILITY_LIVE_REGION_ASSERTIVE);
@@ -719,84 +701,84 @@ var View = /** @class */ (function (_super) {
                 break;
             }
         }
-    };
-    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[androidElevationProperty.getDefault] = function () {
+    }
+    [androidElevationProperty.getDefault]() {
         return this.getDefaultElevation();
-    };
-    View.prototype[androidElevationProperty.setNative] = function (value) {
+    }
+    [androidElevationProperty.setNative](value) {
         if (SDK_VERSION < 21) {
             return;
         }
         this.refreshStateListAnimator();
-    };
-    View.prototype[androidDynamicElevationOffsetProperty.getDefault] = function () {
+    }
+    [androidDynamicElevationOffsetProperty.getDefault]() {
         return this.getDefaultDynamicElevationOffset();
-    };
-    View.prototype[androidDynamicElevationOffsetProperty.setNative] = function (value) {
+    }
+    [androidDynamicElevationOffsetProperty.setNative](value) {
         if (SDK_VERSION < 21) {
             return;
         }
         this.refreshStateListAnimator();
-    };
-    View.prototype.getDefaultElevation = function () {
+    }
+    getDefaultElevation() {
         if (SDK_VERSION < 21) {
             return 0;
         }
         // NOTE: overriden in Button implementation as for widgets with StateListAnimator (Button)
         // nativeView.getElevation() returns 0 at the time of the getDefault() query
         return layout.toDeviceIndependentPixels(this.nativeViewProtected.getElevation());
-    };
-    View.prototype.getDefaultDynamicElevationOffset = function () {
+    }
+    getDefaultDynamicElevationOffset() {
         // NOTE: overriden in Button implementation
         return 0;
-    };
-    View.prototype.refreshStateListAnimator = function () {
-        var nativeView = this.nativeViewProtected;
-        var ObjectAnimator = android.animation.ObjectAnimator;
-        var AnimatorSet = android.animation.AnimatorSet;
-        var duration = nativeView.getContext().getResources().getInteger(shortAnimTime) / 2;
-        var elevation = this.androidElevation;
+    }
+    refreshStateListAnimator() {
+        const nativeView = this.nativeViewProtected;
+        const ObjectAnimator = android.animation.ObjectAnimator;
+        const AnimatorSet = android.animation.AnimatorSet;
+        const duration = nativeView.getContext().getResources().getInteger(shortAnimTime) / 2;
+        let elevation = this.androidElevation;
         if (typeof elevation === 'undefined' || elevation === null) {
             elevation = this.getDefaultElevation();
         }
         elevation = layout.toDevicePixels(elevation);
-        var z = layout.toDevicePixels(0);
-        var pressedZ = this.androidDynamicElevationOffset;
+        const z = layout.toDevicePixels(0);
+        let pressedZ = this.androidDynamicElevationOffset;
         if (typeof pressedZ === 'undefined' || pressedZ === null) {
             pressedZ = this.getDefaultDynamicElevationOffset();
         }
         pressedZ = layout.toDevicePixels(pressedZ);
-        var pressedSet = new AnimatorSet();
+        const pressedSet = new AnimatorSet();
         pressedSet.playTogether(java.util.Arrays.asList([ObjectAnimator.ofFloat(nativeView, 'translationZ', [pressedZ]).setDuration(duration), ObjectAnimator.ofFloat(nativeView, 'elevation', [elevation]).setDuration(0)]));
-        var notPressedSet = new AnimatorSet();
+        const notPressedSet = new AnimatorSet();
         notPressedSet.playTogether(java.util.Arrays.asList([ObjectAnimator.ofFloat(nativeView, 'translationZ', [z]).setDuration(duration), ObjectAnimator.ofFloat(nativeView, 'elevation', [elevation]).setDuration(0)]));
-        var defaultSet = new AnimatorSet();
+        const defaultSet = new AnimatorSet();
         defaultSet.playTogether(java.util.Arrays.asList([ObjectAnimator.ofFloat(nativeView, 'translationZ', [0]).setDuration(0), ObjectAnimator.ofFloat(nativeView, 'elevation', [0]).setDuration(0)]));
-        var stateListAnimator = new android.animation.StateListAnimator();
+        const stateListAnimator = new android.animation.StateListAnimator();
         stateListAnimator.addState([statePressed, stateEnabled], pressedSet);
         stateListAnimator.addState([stateEnabled], notPressedSet);
         stateListAnimator.addState([], defaultSet);
-        var currentAnimator = nativeView.getStateListAnimator();
+        const currentAnimator = nativeView.getStateListAnimator();
         if (currentAnimator) {
             currentAnimator.jumpToCurrentState();
         }
         nativeView.setStateListAnimator(stateListAnimator);
-    };
-    View.prototype[horizontalAlignmentProperty.getDefault] = function () {
+    }
+    [horizontalAlignmentProperty.getDefault]() {
         return org.nativescript.widgets.ViewHelper.getHorizontalAlignment(this.nativeViewProtected);
-    };
-    View.prototype[horizontalAlignmentProperty.setNative] = function (value) {
-        var nativeView = this.nativeViewProtected;
-        var lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
-        var gravity = lp.gravity;
-        var weight = lp.weight;
+    }
+    [horizontalAlignmentProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
+        const lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
+        const gravity = lp.gravity;
+        const weight = lp.weight;
         // Set only if params gravity exists.
         if (gravity !== undefined) {
             switch (value) {
@@ -827,15 +809,15 @@ var View = /** @class */ (function (_super) {
             }
             nativeView.setLayoutParams(lp);
         }
-    };
-    View.prototype[verticalAlignmentProperty.getDefault] = function () {
+    }
+    [verticalAlignmentProperty.getDefault]() {
         return org.nativescript.widgets.ViewHelper.getVerticalAlignment(this.nativeViewProtected);
-    };
-    View.prototype[verticalAlignmentProperty.setNative] = function (value) {
-        var nativeView = this.nativeViewProtected;
-        var lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
-        var gravity = lp.gravity;
-        var height = lp.height;
+    }
+    [verticalAlignmentProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
+        const lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
+        const gravity = lp.gravity;
+        const height = lp.height;
         // Set only if params gravity exists.
         if (gravity !== undefined) {
             switch (value) {
@@ -866,65 +848,64 @@ var View = /** @class */ (function (_super) {
             }
             nativeView.setLayoutParams(lp);
         }
-    };
-    View.prototype[rotateProperty.setNative] = function (value) {
+    }
+    [rotateProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setRotate(this.nativeViewProtected, float(value));
-    };
-    View.prototype[rotateXProperty.setNative] = function (value) {
+    }
+    [rotateXProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setRotateX(this.nativeViewProtected, float(value));
-    };
-    View.prototype[rotateYProperty.setNative] = function (value) {
+    }
+    [rotateYProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setRotateY(this.nativeViewProtected, float(value));
-    };
-    View.prototype[perspectiveProperty.setNative] = function (value) {
+    }
+    [perspectiveProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setPerspective(this.nativeViewProtected, float(value * Screen.mainScreen.scale));
-    };
-    View.prototype[scaleXProperty.setNative] = function (value) {
+    }
+    [scaleXProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setScaleX(this.nativeViewProtected, float(value));
-    };
-    View.prototype[scaleYProperty.setNative] = function (value) {
+    }
+    [scaleYProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setScaleY(this.nativeViewProtected, float(value));
-    };
-    View.prototype[translateXProperty.setNative] = function (value) {
+    }
+    [translateXProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setTranslateX(this.nativeViewProtected, layout.toDevicePixels(value));
-    };
-    View.prototype[translateYProperty.setNative] = function (value) {
+    }
+    [translateYProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setTranslateY(this.nativeViewProtected, layout.toDevicePixels(value));
-    };
-    View.prototype[zIndexProperty.getDefault] = function () {
+    }
+    [zIndexProperty.getDefault]() {
         return 0;
-    };
-    View.prototype[zIndexProperty.setNative] = function (value) {
+    }
+    [zIndexProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setZIndex(this.nativeViewProtected, value);
-    };
-    View.prototype[backgroundInternalProperty.getDefault] = function () {
-        var nativeView = this.nativeViewProtected;
+    }
+    [backgroundInternalProperty.getDefault]() {
+        const nativeView = this.nativeViewProtected;
         return AndroidHelper.getCopyOrDrawable(nativeView.getBackground(), nativeView.getResources());
-    };
-    View.prototype[backgroundInternalProperty.setNative] = function (value) {
+    }
+    [backgroundInternalProperty.setNative](value) {
         this._redrawNativeBackground(value);
-    };
-    View.prototype[minWidthProperty.setNative] = function (value) {
+    }
+    [minWidthProperty.setNative](value) {
         if (this.parent instanceof CustomLayoutView && this.parent.nativeViewProtected) {
             this.parent._setChildMinWidthNative(this, value);
         }
         else {
             this._setMinWidthNative(value);
         }
-    };
-    View.prototype[minHeightProperty.setNative] = function (value) {
+    }
+    [minHeightProperty.setNative](value) {
         if (this.parent instanceof CustomLayoutView && this.parent.nativeViewProtected) {
             this.parent._setChildMinHeightNative(this, value);
         }
         else {
             this._setMinHeightNative(value);
         }
-    };
-    View.prototype._applyBackground = function (background, isBorderDrawable, onlyColor, backgroundDrawable) {
-        var _a;
-        var nativeView = this.nativeViewProtected;
+    }
+    _applyBackground(background, isBorderDrawable, onlyColor, backgroundDrawable) {
+        const nativeView = this.nativeViewProtected;
         if (onlyColor) {
-            var backgroundColor = background.color.android;
+            const backgroundColor = background.color.android;
             if (isBorderDrawable) {
                 // We need to duplicate the drawable or we lose the "default" cached drawable
                 backgroundDrawable = nativeView._cachedDrawable != null ? AndroidHelper.getCopyOrDrawable(nativeView._cachedDrawable, nativeView.getResources()) : null;
@@ -953,7 +934,7 @@ var View = /** @class */ (function (_super) {
             }
             if (background.isEmpty()) {
                 // Reset background to default if not already set
-                var defaultDrawable = (_a = nativeView._cachedDrawable) !== null && _a !== void 0 ? _a : null;
+                const defaultDrawable = nativeView._cachedDrawable ?? null;
                 if (backgroundDrawable !== defaultDrawable) {
                     nativeView.setBackground(defaultDrawable);
                 }
@@ -964,16 +945,16 @@ var View = /** @class */ (function (_super) {
                     refreshBorderDrawable(this, backgroundDrawable);
                 }
                 else {
-                    var borderDrawable = new org.nativescript.widgets.BorderDrawable(layout.getDisplayDensity(), this.toString());
+                    const borderDrawable = new org.nativescript.widgets.BorderDrawable(layout.getDisplayDensity(), this.toString());
                     refreshBorderDrawable(this, borderDrawable);
                     nativeView.setBackground(borderDrawable);
                 }
             }
         }
-    };
-    View.prototype._drawBoxShadow = function (boxShadow) {
-        var nativeView = this.nativeViewProtected;
-        var config = {
+    }
+    _drawBoxShadow(boxShadow) {
+        const nativeView = this.nativeViewProtected;
+        const config = {
             shadowColor: boxShadow.color.android,
             cornerRadius: Length.toDevicePixels(this.borderRadius, 0.0),
             spreadRadius: boxShadow.spreadRadius,
@@ -982,19 +963,19 @@ var View = /** @class */ (function (_super) {
             offsetY: boxShadow.offsetY,
         };
         org.nativescript.widgets.Utils.drawBoxShadow(nativeView, JSON.stringify(config));
-    };
-    View.prototype._redrawNativeBackground = function (value) {
+    }
+    _redrawNativeBackground(value) {
         if (value instanceof Background) {
             this.onBackgroundOrBorderPropertyChanged();
         }
         else {
-            var nativeView = this.nativeViewProtected;
+            const nativeView = this.nativeViewProtected;
             nativeView.setBackground(value);
-            var style = this.style;
-            var paddingTop = paddingTopProperty.isSet(style) ? this.effectivePaddingTop : this._defaultPaddingTop;
-            var paddingRight = paddingRightProperty.isSet(style) ? this.effectivePaddingRight : this._defaultPaddingRight;
-            var paddingBottom = paddingBottomProperty.isSet(style) ? this.effectivePaddingBottom : this._defaultPaddingBottom;
-            var paddingLeft = paddingLeftProperty.isSet(style) ? this.effectivePaddingLeft : this._defaultPaddingLeft;
+            const style = this.style;
+            const paddingTop = paddingTopProperty.isSet(style) ? this.effectivePaddingTop : this._defaultPaddingTop;
+            const paddingRight = paddingRightProperty.isSet(style) ? this.effectivePaddingRight : this._defaultPaddingRight;
+            const paddingBottom = paddingBottomProperty.isSet(style) ? this.effectivePaddingBottom : this._defaultPaddingBottom;
+            const paddingLeft = paddingLeftProperty.isSet(style) ? this.effectivePaddingLeft : this._defaultPaddingLeft;
             if (this._isPaddingRelative) {
                 nativeView.setPaddingRelative(paddingLeft, paddingTop, paddingRight, paddingBottom);
             }
@@ -1002,16 +983,15 @@ var View = /** @class */ (function (_super) {
                 nativeView.setPadding(paddingLeft, paddingTop, paddingRight, paddingBottom);
             }
         }
-    };
-    View.prototype.onBackgroundOrBorderPropertyChanged = function () {
-        var _a;
-        var nativeView = this.nativeViewProtected;
+    }
+    onBackgroundOrBorderPropertyChanged() {
+        const nativeView = this.nativeViewProtected;
         if (!nativeView) {
             return;
         }
-        var background = this.style.backgroundInternal;
-        var drawable = nativeView.getBackground();
-        var isBorderDrawable = drawable instanceof org.nativescript.widgets.BorderDrawable;
+        const background = this.style.backgroundInternal;
+        const drawable = nativeView.getBackground();
+        const isBorderDrawable = drawable instanceof org.nativescript.widgets.BorderDrawable;
         // Use undefined as not set. getBackground will never return undefined only Drawable or null;
         if (nativeView._cachedDrawable === undefined) {
             nativeView._cachedDrawable = drawable;
@@ -1019,11 +999,11 @@ var View = /** @class */ (function (_super) {
         if (background.clearFlags & 2 /* BackgroundClearFlags.CLEAR_BOX_SHADOW */) {
             // Clear background if we're clearing the box shadow
             if (drawable instanceof org.nativescript.widgets.BoxShadowDrawable) {
-                nativeView.setBackground((_a = nativeView._cachedDrawable) !== null && _a !== void 0 ? _a : null);
+                nativeView.setBackground(nativeView._cachedDrawable ?? null);
             }
         }
         // prettier-ignore
-        var onlyColor = !background.hasBorderWidth()
+        const onlyColor = !background.hasBorderWidth()
             && !background.hasBorderRadius()
             && !background.hasBoxShadow()
             && !background.clipPath
@@ -1035,10 +1015,10 @@ var View = /** @class */ (function (_super) {
         }
         // TODO: Can we move BorderWidths as separate native setter?
         // This way we could skip setPadding if borderWidth is not changed.
-        var leftPadding = Math.ceil(this.effectiveBorderLeftWidth + this.effectivePaddingLeft);
-        var topPadding = Math.ceil(this.effectiveBorderTopWidth + this.effectivePaddingTop);
-        var rightPadding = Math.ceil(this.effectiveBorderRightWidth + this.effectivePaddingRight);
-        var bottomPadding = Math.ceil(this.effectiveBorderBottomWidth + this.effectivePaddingBottom);
+        const leftPadding = Math.ceil(this.effectiveBorderLeftWidth + this.effectivePaddingLeft);
+        const topPadding = Math.ceil(this.effectiveBorderTopWidth + this.effectivePaddingTop);
+        const rightPadding = Math.ceil(this.effectiveBorderRightWidth + this.effectivePaddingRight);
+        const bottomPadding = Math.ceil(this.effectiveBorderBottomWidth + this.effectivePaddingBottom);
         if (this._isPaddingRelative) {
             nativeView.setPaddingRelative(leftPadding, topPadding, rightPadding, bottomPadding);
         }
@@ -1047,63 +1027,49 @@ var View = /** @class */ (function (_super) {
         }
         // reset clear flags
         background.clearFlags = 0 /* BackgroundClearFlags.NONE */;
-    };
-    View.prototype.accessibilityAnnouncement = function (message) {
-        if (message === void 0) { message = this.accessibilityLabel; }
+    }
+    accessibilityAnnouncement(message = this.accessibilityLabel) {
         this.sendAccessibilityEvent({
             androidAccessibilityEvent: AndroidAccessibilityEvent.ANNOUNCEMENT,
-            message: message,
+            message,
         });
-    };
-    View.prototype.accessibilityScreenChanged = function () {
+    }
+    accessibilityScreenChanged() {
         this.sendAccessibilityEvent({
             androidAccessibilityEvent: AndroidAccessibilityEvent.WINDOW_STATE_CHANGED,
         });
-    };
-    View.androidBackPressedEvent = androidBackPressedEvent;
-    __decorate([
-        profile,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], View.prototype, "onLoaded", null);
-    __decorate([
-        profile,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], View.prototype, "onUnloaded", null);
-    __decorate([
-        profile,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], View.prototype, "requestLayout", null);
-    return View;
-}(ViewCommon));
-export { View };
-var ContainerView = /** @class */ (function (_super) {
-    __extends(ContainerView, _super);
-    function ContainerView() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return ContainerView;
-}(View));
-export { ContainerView };
-var CustomLayoutView = /** @class */ (function (_super) {
-    __extends(CustomLayoutView, _super);
-    function CustomLayoutView() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CustomLayoutView.prototype.createNativeView = function () {
+    }
+}
+View.androidBackPressedEvent = androidBackPressedEvent;
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], View.prototype, "onLoaded", null);
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], View.prototype, "onUnloaded", null);
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], View.prototype, "requestLayout", null);
+export class ContainerView extends View {
+}
+export class CustomLayoutView extends ContainerView {
+    createNativeView() {
         return new org.nativescript.widgets.ContentLayout(this._context);
-    };
-    CustomLayoutView.prototype._addViewToNativeVisualTree = function (child, atIndex) {
-        if (atIndex === void 0) { atIndex = Number.MAX_SAFE_INTEGER; }
-        _super.prototype._addViewToNativeVisualTree.call(this, child);
+    }
+    _addViewToNativeVisualTree(child, atIndex = Number.MAX_SAFE_INTEGER) {
+        super._addViewToNativeVisualTree(child);
         if (this.nativeViewProtected && child.nativeViewProtected) {
             if (Trace.isEnabled()) {
-                Trace.write("".concat(this, ".nativeView.addView(").concat(child, ".nativeView, ").concat(atIndex, ")"), Trace.categories.VisualTreeEvents);
+                Trace.write(`${this}.nativeView.addView(${child}.nativeView, ${atIndex})`, Trace.categories.VisualTreeEvents);
             }
             this.nativeViewProtected.addView(child.nativeViewProtected, atIndex);
             if (child instanceof View) {
@@ -1112,37 +1078,35 @@ var CustomLayoutView = /** @class */ (function (_super) {
             return true;
         }
         return false;
-    };
-    CustomLayoutView.prototype._updateNativeLayoutParams = function (child) {
+    }
+    _updateNativeLayoutParams(child) {
         // noop
-    };
-    CustomLayoutView.prototype._setChildMinWidthNative = function (child, value) {
+    }
+    _setChildMinWidthNative(child, value) {
         child._setMinWidthNative(value);
-    };
-    CustomLayoutView.prototype._setChildMinHeightNative = function (child, value) {
+    }
+    _setChildMinHeightNative(child, value) {
         child._setMinHeightNative(value);
-    };
-    CustomLayoutView.prototype._removeViewFromNativeVisualTree = function (child) {
-        _super.prototype._removeViewFromNativeVisualTree.call(this, child);
-        var nativeView = this.nativeViewProtected;
-        var childView = child.nativeViewProtected;
+    }
+    _removeViewFromNativeVisualTree(child) {
+        super._removeViewFromNativeVisualTree(child);
+        const nativeView = this.nativeViewProtected;
+        const childView = child.nativeViewProtected;
         if (nativeView && childView) {
             nativeView.removeView(childView);
             if (Trace.isEnabled()) {
-                Trace.write("".concat(nativeView, ".removeView(").concat(childView, ")"), Trace.categories.VisualTreeEvents);
+                Trace.write(`${nativeView}.removeView(${childView})`, Trace.categories.VisualTreeEvents);
                 Trace.notifyEvent(child, 'childInLayoutRemovedFromNativeVisualTree');
             }
         }
-    };
-    return CustomLayoutView;
-}(ContainerView));
-export { CustomLayoutView };
-var percentNotSupported = function (view, value) {
+    }
+}
+const percentNotSupported = (view, value) => {
     throw new Error('PercentLength is not supported.');
 };
 function createNativePercentLengthProperty(options) {
-    var getter = options.getter, setter = options.setter, _a = options.auto, auto = _a === void 0 ? 0 : _a;
-    var setPixels, getPixels, setPercent;
+    const { getter, setter, auto = 0 } = options;
+    let setPixels, getPixels, setPercent;
     if (getter) {
         View.prototype[getter] = function () {
             if (options) {
@@ -1151,13 +1115,13 @@ function createNativePercentLengthProperty(options) {
                 setPercent = options.setPercent || percentNotSupported;
                 options = null;
             }
-            var value = getPixels(this.nativeViewProtected);
+            const value = getPixels(this.nativeViewProtected);
             if (value == auto) {
                 // tslint:disable-line
                 return 'auto';
             }
             else {
-                return { value: value, unit: 'px' };
+                return { value, unit: 'px' };
             }
         };
     }
@@ -1189,7 +1153,7 @@ function createNativePercentLengthProperty(options) {
                 setPercent(this.nativeViewProtected, length.value);
             }
             else {
-                throw new Error("Unsupported PercentLength ".concat(length));
+                throw new Error(`Unsupported PercentLength ${length}`);
             }
         };
     }