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

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';
-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;
+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;
 function initializeTouchListener() {
     if (TouchListener) {
         return;
@@ -239,51 +239,55 @@ function removeModal(domId) {
 function getModalOptions(domId) {
     return modalMap.get(domId);
 }
-export class View extends ViewCommon {
+var View = /** @class */ (function (_super) {
+    __extends(View, _super);
+    function View() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
     // TODO: Implement unobserve that detach the touchListener.
-    _observe(type, callback, thisArg) {
-        super._observe(type, callback, thisArg);
+    View.prototype._observe = function (type, callback, thisArg) {
+        _super.prototype._observe.call(this, type, callback, thisArg);
         if (this.isLoaded && !this.touchListenerIsSet) {
             this.setOnTouchListener();
         }
-    }
-    addEventListener(eventNames, callback, thisArg) {
-        super.addEventListener(eventNames, callback, thisArg);
-        const isLayoutEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.layoutChangedEvent) !== -1 : false;
+    };
+    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;
         if (this.isLoaded && !this.layoutChangeListenerIsSet && isLayoutEvent) {
             this.setOnLayoutChangeListener();
         }
-    }
-    removeEventListener(eventNames, callback, thisArg) {
-        super.removeEventListener(eventNames, callback, thisArg);
-        const isLayoutEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.layoutChangedEvent) !== -1 : false;
+    };
+    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;
         // 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;
         }
-    }
-    _getChildFragmentManager() {
+    };
+    View.prototype._getChildFragmentManager = function () {
         return null;
-    }
-    _getRootFragmentManager() {
+    };
+    View.prototype._getRootFragmentManager = function () {
         if (!this._rootManager && this._context) {
             this._rootManager = this._context.getSupportFragmentManager();
         }
         return this._rootManager;
-    }
-    _getFragmentManager() {
-        let manager = this._manager;
+    };
+    View.prototype._getFragmentManager = function () {
+        var manager = this._manager;
         if (!manager) {
-            let view = this;
-            let frameOrTabViewItemFound = false;
+            var view = this;
+            var 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)
-                const dialogFragment = view._dialogFragment;
+                var dialogFragment = view._dialogFragment;
                 if (dialogFragment) {
                     manager = dialogFragment.getChildFragmentManager();
                     break;
@@ -309,51 +313,51 @@ export class View extends ViewCommon {
             this._manager = manager;
         }
         return manager;
-    }
-    onLoaded() {
+    };
+    View.prototype.onLoaded = function () {
         this._manager = null;
         this._rootManager = null;
-        super.onLoaded();
+        _super.prototype.onLoaded.call(this);
         this.setOnTouchListener();
-    }
-    onUnloaded() {
+    };
+    View.prototype.onUnloaded = function () {
         this._manager = null;
         this._rootManager = null;
-        super.onUnloaded();
-    }
-    onBackPressed() {
-        const topmostFrame = topmost();
+        _super.prototype.onUnloaded.call(this);
+    };
+    View.prototype.onBackPressed = function () {
+        var 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;
-    }
-    handleGestureTouch(event) {
-        for (const type in this._gestureObservers) {
-            const list = this._gestureObservers[type];
-            list.forEach((element) => {
+    };
+    View.prototype.handleGestureTouch = function (event) {
+        for (var type in this._gestureObservers) {
+            var list = this._gestureObservers[type];
+            list.forEach(function (element) {
                 element.androidOnTouchEvent(event);
             });
         }
         if (this.parent instanceof View) {
             this.parent.handleGestureTouch(event);
         }
-    }
-    hasGestureObservers() {
+    };
+    View.prototype.hasGestureObservers = function () {
         return this._gestureObservers && Object.keys(this._gestureObservers).length > 0;
-    }
-    initNativeView() {
-        super.initNativeView();
+    };
+    View.prototype.initNativeView = function () {
+        _super.prototype.initNativeView.call(this);
         if (this.needsOnLayoutChangeListener()) {
             this.setOnLayoutChangeListener();
         }
-    }
-    needsOnLayoutChangeListener() {
+    };
+    View.prototype.needsOnLayoutChangeListener = function () {
         return this.hasListeners(ViewCommon.layoutChangedEvent);
-    }
-    disposeNativeView() {
+    };
+    View.prototype.disposeNativeView = function () {
         if (this.touchListenerIsSet) {
             this.touchListenerIsSet = false;
             if (this.nativeViewProtected) {
@@ -367,9 +371,9 @@ export class View extends ViewCommon {
                 this.layoutChangeListener = null;
             }
         }
-        super.disposeNativeView();
-    }
-    setOnTouchListener() {
+        _super.prototype.disposeNativeView.call(this);
+    };
+    View.prototype.setOnTouchListener = function () {
         if (this.touchListenerIsSet || !this.nativeViewProtected || !this.hasGestureObservers()) {
             return;
         }
@@ -382,68 +386,80 @@ export class View extends ViewCommon {
         if (this.nativeViewProtected.setClickable) {
             this.nativeViewProtected.setClickable(this.isUserInteractionEnabled);
         }
-    }
-    setOnLayoutChangeListener() {
+    };
+    View.prototype.setOnLayoutChangeListener = function () {
         if (this.nativeViewProtected) {
-            const owner = this;
+            var owner_1 = this;
             this.layoutChangeListenerIsSet = true;
             this.layoutChangeListener =
                 this.layoutChangeListener ||
                     new android.view.View.OnLayoutChangeListener({
-                        onLayoutChange(v, left, top, right, bottom, oldLeft, oldTop, oldRight, oldBottom) {
+                        onLayoutChange: function (v, left, top, right, bottom, oldLeft, oldTop, oldRight, oldBottom) {
                             if (left !== oldLeft || top !== oldTop || right !== oldRight || bottom !== oldBottom) {
-                                owner._raiseLayoutChangedEvent();
+                                owner_1._raiseLayoutChangedEvent();
                             }
                         },
                     });
             this.nativeViewProtected.addOnLayoutChangeListener(this.layoutChangeListener);
         }
-    }
-    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) {
+    };
+    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) {
         if (this.nativeViewProtected) {
             this.nativeViewProtected.layout(left, top, right, bottom);
         }
-    }
-    requestLayout() {
-        super.requestLayout();
+    };
+    View.prototype.requestLayout = function () {
+        _super.prototype.requestLayout.call(this);
         if (this.nativeViewProtected) {
             this.nativeViewProtected.requestLayout();
         }
-    }
-    measure(widthMeasureSpec, heightMeasureSpec) {
-        super.measure(widthMeasureSpec, heightMeasureSpec);
+    };
+    View.prototype.measure = function (widthMeasureSpec, heightMeasureSpec) {
+        _super.prototype.measure.call(this, widthMeasureSpec, heightMeasureSpec);
         this.onMeasure(widthMeasureSpec, heightMeasureSpec);
-    }
-    layout(left, top, right, bottom) {
-        super.layout(left, top, right, bottom);
+    };
+    View.prototype.layout = function (left, top, right, bottom) {
+        _super.prototype.layout.call(this, left, top, right, bottom);
         this.onLayout(left, top, right, bottom);
-    }
-    onMeasure(widthMeasureSpec, heightMeasureSpec) {
-        const view = this.nativeViewProtected;
+    };
+    View.prototype.onMeasure = function (widthMeasureSpec, heightMeasureSpec) {
+        var view = this.nativeViewProtected;
         if (view) {
             view.measure(widthMeasureSpec, heightMeasureSpec);
             this.setMeasuredDimension(view.getMeasuredWidth(), view.getMeasuredHeight());
         }
-    }
-    onLayout(left, top, right, bottom) {
-        const view = this.nativeViewProtected;
+    };
+    View.prototype.onLayout = function (left, top, right, bottom) {
+        var view = this.nativeViewProtected;
         if (view) {
             this.layoutNativeView(left, top, right, bottom);
         }
-    }
-    _getCurrentLayoutBounds() {
+    };
+    View.prototype._getCurrentLayoutBounds = function () {
         if (this.nativeViewProtected && !this.isCollapsed) {
             return {
                 left: this.nativeViewProtected.getLeft(),
@@ -455,62 +471,62 @@ export class View extends ViewCommon {
         else {
             return { left: 0, top: 0, right: 0, bottom: 0 };
         }
-    }
-    getMeasuredWidth() {
+    };
+    View.prototype.getMeasuredWidth = function () {
         if (this.nativeViewProtected) {
             return this.nativeViewProtected.getMeasuredWidth();
         }
-        return super.getMeasuredWidth();
-    }
-    getMeasuredHeight() {
+        return _super.prototype.getMeasuredWidth.call(this);
+    };
+    View.prototype.getMeasuredHeight = function () {
         if (this.nativeViewProtected) {
             return this.nativeViewProtected.getMeasuredHeight();
         }
-        return super.getMeasuredHeight();
-    }
-    focus() {
+        return _super.prototype.getMeasuredHeight.call(this);
+    };
+    View.prototype.focus = function () {
         if (this.nativeViewProtected) {
             return this.nativeViewProtected.requestFocus();
         }
         return false;
-    }
-    getLocationInWindow() {
+    };
+    View.prototype.getLocationInWindow = function () {
         if (!this.nativeViewProtected || !this.nativeViewProtected.getWindowToken()) {
             return undefined;
         }
-        const nativeArray = Array.create('int', 2);
+        var nativeArray = Array.create('int', 2);
         this.nativeViewProtected.getLocationInWindow(nativeArray);
         return {
             x: layout.toDeviceIndependentPixels(nativeArray[0]),
             y: layout.toDeviceIndependentPixels(nativeArray[1]),
         };
-    }
-    getLocationOnScreen() {
+    };
+    View.prototype.getLocationOnScreen = function () {
         if (!this.nativeViewProtected || !this.nativeViewProtected.getWindowToken()) {
             return undefined;
         }
-        const nativeArray = Array.create('int', 2);
+        var nativeArray = Array.create('int', 2);
         this.nativeViewProtected.getLocationOnScreen(nativeArray);
         return {
             x: layout.toDeviceIndependentPixels(nativeArray[0]),
             y: layout.toDeviceIndependentPixels(nativeArray[1]),
         };
-    }
-    getLocationRelativeTo(otherView) {
+    };
+    View.prototype.getLocationRelativeTo = function (otherView) {
         if (!this.nativeViewProtected || !this.nativeViewProtected.getWindowToken() || !otherView || !otherView.nativeViewProtected || !otherView.nativeViewProtected.getWindowToken() || this.nativeViewProtected.getWindowToken() !== otherView.nativeViewProtected.getWindowToken()) {
             return undefined;
         }
-        const myArray = Array.create('int', 2);
+        var myArray = Array.create('int', 2);
         this.nativeViewProtected.getLocationOnScreen(myArray);
-        const otherArray = Array.create('int', 2);
+        var otherArray = Array.create('int', 2);
         otherView.nativeViewProtected.getLocationOnScreen(otherArray);
         return {
             x: layout.toDeviceIndependentPixels(myArray[0] - otherArray[0]),
             y: layout.toDeviceIndependentPixels(myArray[1] - otherArray[1]),
         };
-    }
-    static resolveSizeAndState(size, specSize, specMode, childMeasuredState) {
-        let result = size;
+    };
+    View.resolveSizeAndState = function (size, specSize, specMode, childMeasuredState) {
+        var result = size;
         switch (specMode) {
             case layout.UNSPECIFIED:
                 result = size;
@@ -525,27 +541,28 @@ export class View extends ViewCommon {
                 break;
         }
         return result | (childMeasuredState & layout.MEASURED_STATE_MASK);
-    }
-    _showNativeModalView(parent, options) {
+    };
+    View.prototype._showNativeModalView = function (parent, options) {
+        var _this = this;
         // 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) {
-            const onLoaded = () => {
-                parent.off('loaded', onLoaded);
-                this._showNativeModalView(parent, options);
+            var onLoaded_1 = function () {
+                parent.off('loaded', onLoaded_1);
+                _this._showNativeModalView(parent, options);
             };
-            parent.on('loaded', onLoaded);
+            parent.on('loaded', onLoaded_1);
             return;
         }
-        super._showNativeModalView(parent, options);
+        _super.prototype._showNativeModalView.call(this, parent, options);
         initializeDialogFragment();
-        const df = new DialogFragment();
-        const args = new android.os.Bundle();
+        var df = new DialogFragment();
+        var args = new android.os.Bundle();
         args.putInt(DOMID, this._domId);
         df.setArguments(args);
-        let cancelable = true;
-        let windowSoftInputMode;
+        var cancelable = true;
+        var windowSoftInputMode;
         if (options.android) {
             if (options.android.cancelable !== undefined) {
                 cancelable = !!options.android.cancelable;
@@ -554,58 +571,58 @@ export class View extends ViewCommon {
             windowSoftInputMode = options.android.windowSoftInputMode;
         }
         cancelable = options.cancelable !== undefined ? !!options.cancelable : cancelable;
-        const dialogOptions = {
+        var dialogOptions = {
             owner: this,
             fullscreen: !!options.fullscreen,
             animated: !!options.animated,
             stretched: !!options.stretched,
             cancelable: cancelable,
             windowSoftInputMode: windowSoftInputMode,
-            shownCallback: () => this._raiseShownModallyEvent(),
-            dismissCallback: () => this.closeModal(),
+            shownCallback: function () { return _this._raiseShownModallyEvent(); },
+            dismissCallback: function () { return _this.closeModal(); },
         };
         saveModal(dialogOptions);
         this._dialogFragment = df;
         this._raiseShowingModallyEvent();
         this._dialogFragment.show(parent._getRootFragmentManager(), this._domId.toString());
-    }
-    _hideNativeModalView(parent, whenClosedCallback) {
+    };
+    View.prototype._hideNativeModalView = function (parent, whenClosedCallback) {
         if (this._dialogFragment) {
-            const manager = this._dialogFragment.getFragmentManager();
+            var manager = this._dialogFragment.getFragmentManager();
             if (manager) {
                 this._dialogFragment.dismissAllowingStateLoss();
             }
         }
         this._dialogFragment = null;
         whenClosedCallback();
-    }
-    [isEnabledProperty.setNative](value) {
+    };
+    View.prototype[isEnabledProperty.setNative] = function (value) {
         this.nativeViewProtected.setEnabled(value);
-    }
-    [originXProperty.getDefault]() {
+    };
+    View.prototype[originXProperty.getDefault] = function () {
         return this.nativeViewProtected.getPivotX();
-    }
-    [originXProperty.setNative](value) {
+    };
+    View.prototype[originXProperty.setNative] = function (value) {
         org.nativescript.widgets.OriginPoint.setX(this.nativeViewProtected, value);
-    }
-    [originYProperty.getDefault]() {
+    };
+    View.prototype[originYProperty.getDefault] = function () {
         return this.nativeViewProtected.getPivotY();
-    }
-    [originYProperty.setNative](value) {
+    };
+    View.prototype[originYProperty.setNative] = function (value) {
         org.nativescript.widgets.OriginPoint.setY(this.nativeViewProtected, value);
-    }
-    [isUserInteractionEnabledProperty.setNative](value) {
+    };
+    View.prototype[isUserInteractionEnabledProperty.setNative] = function (value) {
         this.nativeViewProtected.setClickable(value);
         this.nativeViewProtected.setFocusable(value);
-    }
-    [hiddenProperty.getDefault]() {
+    };
+    View.prototype[hiddenProperty.getDefault] = function () {
         return this.nativeViewProtected.getVisibility() === android.view.View.GONE;
-    }
-    [hiddenProperty.setNative](value) {
+    };
+    View.prototype[hiddenProperty.setNative] = function (value) {
         this.nativeViewProtected.setVisibility(value ? android.view.View.GONE : android.view.View.VISIBLE);
-    }
-    [visibilityProperty.getDefault]() {
-        const nativeVisibility = this.nativeViewProtected.getVisibility();
+    };
+    View.prototype[visibilityProperty.getDefault] = function () {
+        var nativeVisibility = this.nativeViewProtected.getVisibility();
         switch (nativeVisibility) {
             case android.view.View.VISIBLE:
                 return 'visible';
@@ -614,10 +631,10 @@ export class View extends ViewCommon {
             case android.view.View.GONE:
                 return 'collapse';
             default:
-                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.`);
+                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."));
         }
-    }
-    [visibilityProperty.setNative](value) {
+    };
+    View.prototype[visibilityProperty.setNative] = function (value) {
         switch (value) {
             case 'visible':
                 this.nativeViewProtected.setVisibility(android.view.View.VISIBLE);
@@ -629,20 +646,20 @@ export class View extends ViewCommon {
                 this.nativeViewProtected.setVisibility(android.view.View.GONE);
                 break;
             default:
-                throw new Error(`Invalid visibility value: ${value}. Valid values are: visible, hidden, collapse.`);
+                throw new Error("Invalid visibility value: ".concat(value, ". Valid values are: visible, hidden, collapse."));
         }
-    }
-    [opacityProperty.getDefault]() {
+    };
+    View.prototype[opacityProperty.getDefault] = function () {
         return this.nativeViewProtected.getAlpha();
-    }
-    [opacityProperty.setNative](value) {
+    };
+    View.prototype[opacityProperty.setNative] = function (value) {
         this.nativeViewProtected.setAlpha(float(value));
-    }
-    [testIDProperty.setNative](value) {
+    };
+    View.prototype[testIDProperty.setNative] = function (value) {
         this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    }
-    setAccessibilityIdentifier(view, value) {
-        const id = Utils.android.resources.getId(':id/nativescript_accessibility_id');
+    };
+    View.prototype.setAccessibilityIdentifier = function (view, value) {
+        var id = Utils.android.resources.getId(':id/nativescript_accessibility_id');
         if (id) {
             view.setTag(id, value);
             view.setTag(value);
@@ -651,44 +668,43 @@ export class View extends ViewCommon {
             this.testID = value;
         if (this.accessibilityIdentifier !== value)
             this.accessibilityIdentifier = value;
-    }
-    [accessibilityEnabledProperty.setNative](value) {
+    };
+    View.prototype[accessibilityEnabledProperty.setNative] = function (value) {
         this.nativeViewProtected.setFocusable(!!value);
-        if (value) {
-            updateAccessibilityProperties(this);
-        }
-    }
-    [accessibilityIdentifierProperty.setNative](value) {
+        updateAccessibilityProperties(this);
+    };
+    View.prototype[accessibilityIdentifierProperty.setNative] = function (value) {
         this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    }
-    [accessibilityRoleProperty.setNative](value) {
+    };
+    View.prototype[accessibilityRoleProperty.setNative] = function (value) {
+        var _a;
         this.accessibilityRole = value;
         updateAccessibilityProperties(this);
         if (SDK_VERSION >= 28) {
-            this.nativeViewProtected?.setAccessibilityHeading(value === AccessibilityRole.Header);
+            (_a = this.nativeViewProtected) === null || _a === void 0 ? void 0 : _a.setAccessibilityHeading(value === AccessibilityRole.Header);
         }
-    }
-    [accessibilityValueProperty.setNative]() {
+    };
+    View.prototype[accessibilityValueProperty.setNative] = function () {
         this._androidContentDescriptionUpdated = true;
         updateContentDescription(this);
-    }
-    [accessibilityLabelProperty.setNative]() {
+    };
+    View.prototype[accessibilityLabelProperty.setNative] = function () {
         this._androidContentDescriptionUpdated = true;
         updateContentDescription(this);
-    }
-    [accessibilityHintProperty.setNative]() {
+    };
+    View.prototype[accessibilityHintProperty.setNative] = function () {
         this._androidContentDescriptionUpdated = true;
         updateContentDescription(this);
-    }
-    [accessibilityHiddenProperty.setNative](value) {
+    };
+    View.prototype[accessibilityHiddenProperty.setNative] = function (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);
         }
-    }
-    [accessibilityLiveRegionProperty.setNative](value) {
+    };
+    View.prototype[accessibilityLiveRegionProperty.setNative] = function (value) {
         switch (value) {
             case AccessibilityLiveRegion.Assertive: {
                 this.nativeViewProtected.setAccessibilityLiveRegion(android.view.View.ACCESSIBILITY_LIVE_REGION_ASSERTIVE);
@@ -703,84 +719,84 @@ export class View extends ViewCommon {
                 break;
             }
         }
-    }
-    [accessibilityStateProperty.setNative](value) {
+    };
+    View.prototype[accessibilityStateProperty.setNative] = function (value) {
         this.accessibilityState = value;
         updateAccessibilityProperties(this);
-    }
-    [accessibilityMediaSessionProperty.setNative]() {
+    };
+    View.prototype[accessibilityMediaSessionProperty.setNative] = function () {
         updateAccessibilityProperties(this);
-    }
-    [androidElevationProperty.getDefault]() {
+    };
+    View.prototype[androidElevationProperty.getDefault] = function () {
         return this.getDefaultElevation();
-    }
-    [androidElevationProperty.setNative](value) {
+    };
+    View.prototype[androidElevationProperty.setNative] = function (value) {
         if (SDK_VERSION < 21) {
             return;
         }
         this.refreshStateListAnimator();
-    }
-    [androidDynamicElevationOffsetProperty.getDefault]() {
+    };
+    View.prototype[androidDynamicElevationOffsetProperty.getDefault] = function () {
         return this.getDefaultDynamicElevationOffset();
-    }
-    [androidDynamicElevationOffsetProperty.setNative](value) {
+    };
+    View.prototype[androidDynamicElevationOffsetProperty.setNative] = function (value) {
         if (SDK_VERSION < 21) {
             return;
         }
         this.refreshStateListAnimator();
-    }
-    getDefaultElevation() {
+    };
+    View.prototype.getDefaultElevation = function () {
         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());
-    }
-    getDefaultDynamicElevationOffset() {
+    };
+    View.prototype.getDefaultDynamicElevationOffset = function () {
         // NOTE: overriden in Button implementation
         return 0;
-    }
-    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;
+    };
+    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;
         if (typeof elevation === 'undefined' || elevation === null) {
             elevation = this.getDefaultElevation();
         }
         elevation = layout.toDevicePixels(elevation);
-        const z = layout.toDevicePixels(0);
-        let pressedZ = this.androidDynamicElevationOffset;
+        var z = layout.toDevicePixels(0);
+        var pressedZ = this.androidDynamicElevationOffset;
         if (typeof pressedZ === 'undefined' || pressedZ === null) {
             pressedZ = this.getDefaultDynamicElevationOffset();
         }
         pressedZ = layout.toDevicePixels(pressedZ);
-        const pressedSet = new AnimatorSet();
+        var pressedSet = new AnimatorSet();
         pressedSet.playTogether(java.util.Arrays.asList([ObjectAnimator.ofFloat(nativeView, 'translationZ', [pressedZ]).setDuration(duration), ObjectAnimator.ofFloat(nativeView, 'elevation', [elevation]).setDuration(0)]));
-        const notPressedSet = new AnimatorSet();
+        var notPressedSet = new AnimatorSet();
         notPressedSet.playTogether(java.util.Arrays.asList([ObjectAnimator.ofFloat(nativeView, 'translationZ', [z]).setDuration(duration), ObjectAnimator.ofFloat(nativeView, 'elevation', [elevation]).setDuration(0)]));
-        const defaultSet = new AnimatorSet();
+        var defaultSet = new AnimatorSet();
         defaultSet.playTogether(java.util.Arrays.asList([ObjectAnimator.ofFloat(nativeView, 'translationZ', [0]).setDuration(0), ObjectAnimator.ofFloat(nativeView, 'elevation', [0]).setDuration(0)]));
-        const stateListAnimator = new android.animation.StateListAnimator();
+        var stateListAnimator = new android.animation.StateListAnimator();
         stateListAnimator.addState([statePressed, stateEnabled], pressedSet);
         stateListAnimator.addState([stateEnabled], notPressedSet);
         stateListAnimator.addState([], defaultSet);
-        const currentAnimator = nativeView.getStateListAnimator();
+        var currentAnimator = nativeView.getStateListAnimator();
         if (currentAnimator) {
             currentAnimator.jumpToCurrentState();
         }
         nativeView.setStateListAnimator(stateListAnimator);
-    }
-    [horizontalAlignmentProperty.getDefault]() {
+    };
+    View.prototype[horizontalAlignmentProperty.getDefault] = function () {
         return org.nativescript.widgets.ViewHelper.getHorizontalAlignment(this.nativeViewProtected);
-    }
-    [horizontalAlignmentProperty.setNative](value) {
-        const nativeView = this.nativeViewProtected;
-        const lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
-        const gravity = lp.gravity;
-        const weight = lp.weight;
+    };
+    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;
         // Set only if params gravity exists.
         if (gravity !== undefined) {
             switch (value) {
@@ -811,15 +827,15 @@ export class View extends ViewCommon {
             }
             nativeView.setLayoutParams(lp);
         }
-    }
-    [verticalAlignmentProperty.getDefault]() {
+    };
+    View.prototype[verticalAlignmentProperty.getDefault] = function () {
         return org.nativescript.widgets.ViewHelper.getVerticalAlignment(this.nativeViewProtected);
-    }
-    [verticalAlignmentProperty.setNative](value) {
-        const nativeView = this.nativeViewProtected;
-        const lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
-        const gravity = lp.gravity;
-        const height = lp.height;
+    };
+    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;
         // Set only if params gravity exists.
         if (gravity !== undefined) {
             switch (value) {
@@ -850,70 +866,72 @@ export class View extends ViewCommon {
             }
             nativeView.setLayoutParams(lp);
         }
-    }
-    [rotateProperty.setNative](value) {
+    };
+    View.prototype[rotateProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setRotate(this.nativeViewProtected, float(value));
-    }
-    [rotateXProperty.setNative](value) {
+    };
+    View.prototype[rotateXProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setRotateX(this.nativeViewProtected, float(value));
-    }
-    [rotateYProperty.setNative](value) {
+    };
+    View.prototype[rotateYProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setRotateY(this.nativeViewProtected, float(value));
-    }
-    [perspectiveProperty.setNative](value) {
+    };
+    View.prototype[perspectiveProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setPerspective(this.nativeViewProtected, float(value * Screen.mainScreen.scale));
-    }
-    [scaleXProperty.setNative](value) {
+    };
+    View.prototype[scaleXProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setScaleX(this.nativeViewProtected, float(value));
-    }
-    [scaleYProperty.setNative](value) {
+    };
+    View.prototype[scaleYProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setScaleY(this.nativeViewProtected, float(value));
-    }
-    [translateXProperty.setNative](value) {
+    };
+    View.prototype[translateXProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setTranslateX(this.nativeViewProtected, layout.toDevicePixels(value));
-    }
-    [translateYProperty.setNative](value) {
+    };
+    View.prototype[translateYProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setTranslateY(this.nativeViewProtected, layout.toDevicePixels(value));
-    }
-    [zIndexProperty.getDefault]() {
+    };
+    View.prototype[zIndexProperty.getDefault] = function () {
         return 0;
-    }
-    [zIndexProperty.setNative](value) {
+    };
+    View.prototype[zIndexProperty.setNative] = function (value) {
         org.nativescript.widgets.ViewHelper.setZIndex(this.nativeViewProtected, value);
-    }
-    [backgroundInternalProperty.getDefault]() {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype[backgroundInternalProperty.getDefault] = function () {
+        var nativeView = this.nativeViewProtected;
         return AndroidHelper.getCopyOrDrawable(nativeView.getBackground(), nativeView.getResources());
-    }
-    [backgroundInternalProperty.setNative](value) {
+    };
+    View.prototype[backgroundInternalProperty.setNative] = function (value) {
         this._redrawNativeBackground(value);
-    }
-    [minWidthProperty.setNative](value) {
+    };
+    View.prototype[minWidthProperty.setNative] = function (value) {
         if (this.parent instanceof CustomLayoutView && this.parent.nativeViewProtected) {
             this.parent._setChildMinWidthNative(this, value);
         }
         else {
             this._setMinWidthNative(value);
         }
-    }
-    [minHeightProperty.setNative](value) {
+    };
+    View.prototype[minHeightProperty.setNative] = function (value) {
         if (this.parent instanceof CustomLayoutView && this.parent.nativeViewProtected) {
             this.parent._setChildMinHeightNative(this, value);
         }
         else {
             this._setMinHeightNative(value);
         }
-    }
-    _applyBackground(background, isBorderDrawable, onlyColor, backgroundDrawable) {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype._applyBackground = function (background, isBorderDrawable, onlyColor, backgroundDrawable) {
+        var _a;
+        var nativeView = this.nativeViewProtected;
         if (onlyColor) {
-            const backgroundColor = background.color.android;
+            var 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;
                 nativeView.setBackground(backgroundDrawable);
             }
-            if (backgroundDrawable) {
+            // Apply color to drawables when there is the need to maintain visual things like button ripple effect
+            if (this.needsNativeDrawableFill && backgroundDrawable) {
                 backgroundDrawable.mutate();
                 AndroidHelper.setDrawableColor(backgroundColor, backgroundDrawable);
                 backgroundDrawable.invalidateSelf();
@@ -935,7 +953,7 @@ export class View extends ViewCommon {
             }
             if (background.isEmpty()) {
                 // Reset background to default if not already set
-                const defaultDrawable = nativeView._cachedDrawable ?? null;
+                var defaultDrawable = (_a = nativeView._cachedDrawable) !== null && _a !== void 0 ? _a : null;
                 if (backgroundDrawable !== defaultDrawable) {
                     nativeView.setBackground(defaultDrawable);
                 }
@@ -946,16 +964,16 @@ export class View extends ViewCommon {
                     refreshBorderDrawable(this, backgroundDrawable);
                 }
                 else {
-                    const borderDrawable = new org.nativescript.widgets.BorderDrawable(layout.getDisplayDensity(), this.toString());
+                    var borderDrawable = new org.nativescript.widgets.BorderDrawable(layout.getDisplayDensity(), this.toString());
                     refreshBorderDrawable(this, borderDrawable);
                     nativeView.setBackground(borderDrawable);
                 }
             }
         }
-    }
-    _drawBoxShadow(boxShadow) {
-        const nativeView = this.nativeViewProtected;
-        const config = {
+    };
+    View.prototype._drawBoxShadow = function (boxShadow) {
+        var nativeView = this.nativeViewProtected;
+        var config = {
             shadowColor: boxShadow.color.android,
             cornerRadius: Length.toDevicePixels(this.borderRadius, 0.0),
             spreadRadius: boxShadow.spreadRadius,
@@ -964,19 +982,19 @@ export class View extends ViewCommon {
             offsetY: boxShadow.offsetY,
         };
         org.nativescript.widgets.Utils.drawBoxShadow(nativeView, JSON.stringify(config));
-    }
-    _redrawNativeBackground(value) {
+    };
+    View.prototype._redrawNativeBackground = function (value) {
         if (value instanceof Background) {
             this.onBackgroundOrBorderPropertyChanged();
         }
         else {
-            const nativeView = this.nativeViewProtected;
+            var nativeView = this.nativeViewProtected;
             nativeView.setBackground(value);
-            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;
+            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;
             if (this._isPaddingRelative) {
                 nativeView.setPaddingRelative(paddingLeft, paddingTop, paddingRight, paddingBottom);
             }
@@ -984,15 +1002,16 @@ export class View extends ViewCommon {
                 nativeView.setPadding(paddingLeft, paddingTop, paddingRight, paddingBottom);
             }
         }
-    }
-    onBackgroundOrBorderPropertyChanged() {
-        const nativeView = this.nativeViewProtected;
+    };
+    View.prototype.onBackgroundOrBorderPropertyChanged = function () {
+        var _a;
+        var nativeView = this.nativeViewProtected;
         if (!nativeView) {
             return;
         }
-        const background = this.style.backgroundInternal;
-        const drawable = nativeView.getBackground();
-        const isBorderDrawable = drawable instanceof org.nativescript.widgets.BorderDrawable;
+        var background = this.style.backgroundInternal;
+        var drawable = nativeView.getBackground();
+        var 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;
@@ -1000,11 +1019,11 @@ export class View extends ViewCommon {
         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(nativeView._cachedDrawable ?? null);
+                nativeView.setBackground((_a = nativeView._cachedDrawable) !== null && _a !== void 0 ? _a : null);
             }
         }
         // prettier-ignore
-        const onlyColor = !background.hasBorderWidth()
+        var onlyColor = !background.hasBorderWidth()
             && !background.hasBorderRadius()
             && !background.hasBoxShadow()
             && !background.clipPath
@@ -1016,10 +1035,10 @@ export class View extends ViewCommon {
         }
         // TODO: Can we move BorderWidths as separate native setter?
         // This way we could skip setPadding if borderWidth is not changed.
-        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);
+        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);
         if (this._isPaddingRelative) {
             nativeView.setPaddingRelative(leftPadding, topPadding, rightPadding, bottomPadding);
         }
@@ -1028,49 +1047,63 @@ export class View extends ViewCommon {
         }
         // reset clear flags
         background.clearFlags = 0 /* BackgroundClearFlags.NONE */;
-    }
-    accessibilityAnnouncement(message = this.accessibilityLabel) {
+    };
+    View.prototype.accessibilityAnnouncement = function (message) {
+        if (message === void 0) { message = this.accessibilityLabel; }
         this.sendAccessibilityEvent({
             androidAccessibilityEvent: AndroidAccessibilityEvent.ANNOUNCEMENT,
-            message,
+            message: message,
         });
-    }
-    accessibilityScreenChanged() {
+    };
+    View.prototype.accessibilityScreenChanged = function () {
         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);
-export class ContainerView extends View {
-}
-export class CustomLayoutView extends ContainerView {
-    createNativeView() {
+    };
+    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 () {
         return new org.nativescript.widgets.ContentLayout(this._context);
-    }
-    _addViewToNativeVisualTree(child, atIndex = Number.MAX_SAFE_INTEGER) {
-        super._addViewToNativeVisualTree(child);
+    };
+    CustomLayoutView.prototype._addViewToNativeVisualTree = function (child, atIndex) {
+        if (atIndex === void 0) { atIndex = Number.MAX_SAFE_INTEGER; }
+        _super.prototype._addViewToNativeVisualTree.call(this, child);
         if (this.nativeViewProtected && child.nativeViewProtected) {
             if (Trace.isEnabled()) {
-                Trace.write(`${this}.nativeView.addView(${child}.nativeView, ${atIndex})`, Trace.categories.VisualTreeEvents);
+                Trace.write("".concat(this, ".nativeView.addView(").concat(child, ".nativeView, ").concat(atIndex, ")"), Trace.categories.VisualTreeEvents);
             }
             this.nativeViewProtected.addView(child.nativeViewProtected, atIndex);
             if (child instanceof View) {
@@ -1079,35 +1112,37 @@ export class CustomLayoutView extends ContainerView {
             return true;
         }
         return false;
-    }
-    _updateNativeLayoutParams(child) {
+    };
+    CustomLayoutView.prototype._updateNativeLayoutParams = function (child) {
         // noop
-    }
-    _setChildMinWidthNative(child, value) {
+    };
+    CustomLayoutView.prototype._setChildMinWidthNative = function (child, value) {
         child._setMinWidthNative(value);
-    }
-    _setChildMinHeightNative(child, value) {
+    };
+    CustomLayoutView.prototype._setChildMinHeightNative = function (child, value) {
         child._setMinHeightNative(value);
-    }
-    _removeViewFromNativeVisualTree(child) {
-        super._removeViewFromNativeVisualTree(child);
-        const nativeView = this.nativeViewProtected;
-        const childView = child.nativeViewProtected;
+    };
+    CustomLayoutView.prototype._removeViewFromNativeVisualTree = function (child) {
+        _super.prototype._removeViewFromNativeVisualTree.call(this, child);
+        var nativeView = this.nativeViewProtected;
+        var childView = child.nativeViewProtected;
         if (nativeView && childView) {
             nativeView.removeView(childView);
             if (Trace.isEnabled()) {
-                Trace.write(`${nativeView}.removeView(${childView})`, Trace.categories.VisualTreeEvents);
+                Trace.write("".concat(nativeView, ".removeView(").concat(childView, ")"), Trace.categories.VisualTreeEvents);
                 Trace.notifyEvent(child, 'childInLayoutRemovedFromNativeVisualTree');
             }
         }
-    }
-}
-const percentNotSupported = (view, value) => {
+    };
+    return CustomLayoutView;
+}(ContainerView));
+export { CustomLayoutView };
+var percentNotSupported = function (view, value) {
     throw new Error('PercentLength is not supported.');
 };
 function createNativePercentLengthProperty(options) {
-    const { getter, setter, auto = 0 } = options;
-    let setPixels, getPixels, setPercent;
+    var getter = options.getter, setter = options.setter, _a = options.auto, auto = _a === void 0 ? 0 : _a;
+    var setPixels, getPixels, setPercent;
     if (getter) {
         View.prototype[getter] = function () {
             if (options) {
@@ -1116,13 +1151,13 @@ function createNativePercentLengthProperty(options) {
                 setPercent = options.setPercent || percentNotSupported;
                 options = null;
             }
-            const value = getPixels(this.nativeViewProtected);
+            var value = getPixels(this.nativeViewProtected);
             if (value == auto) {
                 // tslint:disable-line
                 return 'auto';
             }
             else {
-                return { value, unit: 'px' };
+                return { value: value, unit: 'px' };
             }
         };
     }
@@ -1154,7 +1189,7 @@ function createNativePercentLengthProperty(options) {
                 setPercent(this.nativeViewProtected, length.value);
             }
             else {
-                throw new Error(`Unsupported PercentLength ${length}`);
+                throw new Error("Unsupported PercentLength ".concat(length));
             }
         };
     }