@nativescript/core 9.0.0-alpha.2 → 9.0.0-alpha.20

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

@@ -1,3 +1,4 @@
+import { getNativeScriptGlobals } from '../../../globals/global-utils';
 import { ViewCommon, isEnabledProperty, originXProperty, originYProperty, isUserInteractionEnabledProperty, testIDProperty, AndroidHelper } from './view-common';
 import { paddingLeftProperty, paddingTopProperty, paddingRightProperty, paddingBottomProperty } from '../../styling/style-properties';
 import { Length } from '../../styling/length-shared';
@@ -96,7 +97,7 @@ function initializeDialogFragment() {
             cancel: false,
         };
         // Fist fire application.android global event
-        global.NativeScriptGlobals.events.notify(args);
+        getNativeScriptGlobals().events.notify(args);
         if (args.cancel) {
             return;
         }
@@ -241,7 +242,103 @@ function removeModal(domId) {
 function getModalOptions(domId) {
     return modalMap.get(domId);
 }
+const INSET_LEFT = 0;
+const INSET_TOP = 4;
+const INSET_RIGHT = 8;
+const INSET_BOTTOM = 12;
+const INSET_LEFT_CONSUMED = 16;
+const INSET_TOP_CONSUMED = 20;
+const INSET_RIGHT_CONSUMED = 24;
+const INSET_BOTTOM_CONSUMED = 28;
+const OverflowEdgeNone = 0;
+const OverflowEdgeLeft = 1;
+const OverflowEdgeTop = 1 << 1;
+const OverflowEdgeRight = 1 << 2;
+const OverflowEdgeBottom = 1 << 3;
+const OverflowEdgeDontApply = 1 << 4;
+const OverflowEdgeLeftDontConsume = 1 << 5;
+const OverflowEdgeTopDontConsume = 1 << 6;
+const OverflowEdgeRightDontConsume = 1 << 7;
+const OverflowEdgeBottomDontConsume = 1 << 8;
+const OverflowEdgeAllButLeft = 1 << 9;
+const OverflowEdgeAllButTop = 1 << 10;
+const OverflowEdgeAllButRight = 1 << 11;
+const OverflowEdgeAllButBottom = 1 << 12;
+class Inset {
+    constructor(data) {
+        this.data = ArrayBuffer.from(data);
+        this.view = new DataView(this.data);
+    }
+    get left() {
+        return this.view.getInt32(INSET_LEFT, true);
+    }
+    set left(value) {
+        this.view.setInt32(INSET_LEFT, value, true);
+    }
+    get top() {
+        return this.view.getInt32(INSET_TOP, true);
+    }
+    set top(value) {
+        this.view.setInt32(INSET_TOP, value, true);
+    }
+    get right() {
+        return this.view.getInt32(INSET_RIGHT, true);
+    }
+    set right(value) {
+        this.view.setInt32(INSET_RIGHT, value, true);
+    }
+    get bottom() {
+        return this.view.getInt32(INSET_BOTTOM, true);
+    }
+    set bottom(value) {
+        this.view.setInt32(INSET_BOTTOM, value, true);
+    }
+    get leftConsumed() {
+        return this.view.getInt32(INSET_LEFT_CONSUMED, true) > 0;
+    }
+    set leftConsumed(value) {
+        this.view.setInt32(INSET_LEFT_CONSUMED, value ? 1 : 0, true);
+    }
+    get topConsumed() {
+        return this.view.getInt32(INSET_TOP_CONSUMED, true) > 0;
+    }
+    set topConsumed(value) {
+        this.view.setInt32(INSET_TOP_CONSUMED, value ? 1 : 0, true);
+    }
+    get rightConsumed() {
+        return this.view.getInt32(INSET_RIGHT_CONSUMED, true) > 0;
+    }
+    set rightConsumed(value) {
+        this.view.setInt32(INSET_RIGHT_CONSUMED, value ? 1 : 0, true);
+    }
+    get bottomConsumed() {
+        return this.view.getInt32(INSET_BOTTOM_CONSUMED, true) > 0;
+    }
+    set bottomConsumed(value) {
+        this.view.setInt32(INSET_BOTTOM_CONSUMED, value ? 1 : 0, true);
+    }
+    toString() {
+        return `Inset: left=${this.left}, top=${this.top}, right=${this.right}, bottom=${this.bottom}, ` + `leftConsumed=${this.leftConsumed}, topConsumed=${this.topConsumed}, ` + `rightConsumed=${this.rightConsumed}, bottomConsumed=${this.bottomConsumed}`;
+    }
+    toJSON() {
+        return {
+            left: this.left,
+            top: this.top,
+            right: this.right,
+            bottom: this.bottom,
+            leftConsumed: this.leftConsumed,
+            topConsumed: this.topConsumed,
+            rightConsumed: this.rightConsumed,
+            bottomConsumed: this.bottomConsumed,
+        };
+    }
+}
 export class View extends ViewCommon {
+    constructor() {
+        super(...arguments);
+        this._defaultOverflowEdge = OverflowEdgeNone;
+        this._defaultOverflowEdgeValue = 'none';
+    }
     // TODO: Implement unobserve that detach the touchListener.
     _observe(type, callback, thisArg) {
         super._observe(type, callback, thisArg);
@@ -255,6 +352,11 @@ export class View extends ViewCommon {
         if (this.isLoaded && !this.layoutChangeListenerIsSet && isLayoutEvent) {
             this.setOnLayoutChangeListener();
         }
+        const isInsetEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.androidOverflowInsetEvent) !== -1 : false;
+        // only avaiable on LayoutBase
+        if (!this.insetListenerIsSet && isInsetEvent) {
+            this.setInsetListener();
+        }
     }
     removeEventListener(eventNames, callback, thisArg) {
         super.removeEventListener(eventNames, callback, thisArg);
@@ -264,6 +366,38 @@ export class View extends ViewCommon {
             this.nativeViewProtected.removeOnLayoutChangeListener(this.layoutChangeListener);
             this.layoutChangeListenerIsSet = false;
         }
+        const isInsetEvent = typeof eventNames === 'string' ? eventNames.indexOf(ViewCommon.androidOverflowInsetEvent) !== -1 : false;
+        if (this.insetListenerIsSet && isInsetEvent && this.nativeViewProtected && this.nativeViewProtected.setInsetListener) {
+            this.nativeViewProtected.setInsetListener(null);
+            this.insetListenerIsSet = false;
+        }
+    }
+    setInsetListener() {
+        if (this.nativeViewProtected) {
+            if (this.nativeViewProtected.setInsetListener) {
+                const ref = new WeakRef(this);
+                this.nativeViewProtected.setInsetListener(new org.nativescript.widgets.LayoutBase.WindowInsetListener({
+                    onApplyWindowInsets(param0) {
+                        const owner = ref.get();
+                        if (!owner) {
+                            return;
+                        }
+                        const inset = new Inset(param0);
+                        const args = {
+                            eventName: ViewCommon.androidOverflowInsetEvent,
+                            object: this,
+                            inset,
+                        };
+                        owner.notify(args);
+                    },
+                }));
+                this.insetListenerIsSet = true;
+            }
+            this.needsInsetListener = false;
+        }
+        else {
+            this.needsInsetListener = true;
+        }
     }
     _getChildFragmentManager() {
         return null;
@@ -312,6 +446,129 @@ export class View extends ViewCommon {
         }
         return manager;
     }
+    // @ts-ignore
+    set androidOverflowEdge(value) {
+        if (typeof value !== 'string') {
+            return;
+        }
+        const nativeView = this.nativeViewProtected;
+        if (nativeView && nativeView.setOverflowEdge) {
+            if (value === 'none') {
+                nativeView.setOverflowEdge(OverflowEdgeNone);
+            }
+            else {
+                const newValue = parseEdges(value);
+                if (newValue !== null) {
+                    nativeView.setOverflowEdge(newValue);
+                }
+            }
+        }
+        else {
+            const edge = parseEdges(value);
+            if (edge === null) {
+                return;
+            }
+            this._defaultOverflowEdgeValue = value;
+            this._defaultOverflowEdge = edge;
+        }
+    }
+    get androidOverflowEdge() {
+        const nativeView = this.nativeViewProtected;
+        if (nativeView && nativeView.getOverflowEdge) {
+            const overflowEdge = nativeView.getOverflowEdge();
+            switch (overflowEdge) {
+                case OverflowEdgeNone:
+                    return 'none';
+                case OverflowEdgeLeft:
+                    return 'left';
+                case OverflowEdgeTop:
+                    return 'top';
+                case OverflowEdgeRight:
+                    return 'right';
+                case OverflowEdgeBottom:
+                    return 'bottom';
+                case OverflowEdgeDontApply:
+                    return 'dont-apply';
+                case OverflowEdgeLeftDontConsume:
+                    return 'left-dont-consume';
+                case OverflowEdgeTopDontConsume:
+                    return 'top-dont-consume';
+                case OverflowEdgeRightDontConsume:
+                    return 'right-dont-consume';
+                case OverflowEdgeBottomDontConsume:
+                    return 'bottom-dont-consume';
+                case OverflowEdgeAllButLeft:
+                    return 'all-but-left';
+                case OverflowEdgeAllButTop:
+                    return 'all-but-top';
+                case OverflowEdgeAllButRight:
+                    return 'all-but-right';
+                case OverflowEdgeAllButBottom:
+                    return 'all-but-bottom';
+                default:
+                    {
+                        let value = '';
+                        const overflowLeftConsume = (overflowEdge & OverflowEdgeLeft) == OverflowEdgeLeft;
+                        const overflowTopConsume = (overflowEdge & OverflowEdgeTop) == OverflowEdgeTop;
+                        const overflowRightConsume = (overflowEdge & OverflowEdgeRight) == OverflowEdgeRight;
+                        const overflowBottomConsume = (overflowEdge & OverflowEdgeBottom) == OverflowEdgeBottom;
+                        const overflowLeft = (overflowEdge & OverflowEdgeLeftDontConsume) == OverflowEdgeLeftDontConsume;
+                        const overflowTop = (overflowEdge & OverflowEdgeTopDontConsume) == OverflowEdgeTopDontConsume;
+                        const overflowRight = (overflowEdge & OverflowEdgeRightDontConsume) == OverflowEdgeRightDontConsume;
+                        const overflowBottom = (overflowEdge & OverflowEdgeBottomDontConsume) == OverflowEdgeBottomDontConsume;
+                        if (overflowLeftConsume) {
+                            value += 'left';
+                        }
+                        if (overflowTopConsume) {
+                            if (value.length > 0) {
+                                value += ',';
+                            }
+                            value += 'top';
+                        }
+                        if (overflowRightConsume) {
+                            if (value.length > 0) {
+                                value += ',';
+                            }
+                            value += 'right';
+                        }
+                        if (overflowBottomConsume) {
+                            if (value.length > 0) {
+                                value += ',';
+                            }
+                            value += 'bottom';
+                        }
+                        if (overflowLeft) {
+                            value += 'left-dont-consume';
+                        }
+                        if (overflowTop) {
+                            if (value.length > 0) {
+                                value += ',';
+                            }
+                            value += 'top-dont-consume';
+                        }
+                        if (overflowRight) {
+                            if (value.length > 0) {
+                                value += ',';
+                            }
+                            value += 'right-dont-consume';
+                        }
+                        if (overflowBottom) {
+                            if (value.length > 0) {
+                                value += ',';
+                            }
+                            value += 'bottom-dont-consume';
+                        }
+                    }
+                    break;
+            }
+        }
+        else {
+            if (this._defaultOverflowEdgeValue) {
+                return this._defaultOverflowEdgeValue;
+            }
+        }
+        return 'none';
+    }
     onLoaded() {
         this._manager = null;
         this._rootManager = null;
@@ -351,6 +608,15 @@ export class View extends ViewCommon {
         if (this.needsOnLayoutChangeListener()) {
             this.setOnLayoutChangeListener();
         }
+        if (!this.insetListenerIsSet && this.needsInsetListener) {
+            this.setInsetListener();
+        }
+        const nativeView = this.nativeViewProtected;
+        if (typeof this._defaultOverflowEdge === 'number') {
+            if (nativeView && nativeView.setOverflowEdge) {
+                nativeView.setOverflowEdge(this._defaultOverflowEdge);
+            }
+        }
     }
     needsOnLayoutChangeListener() {
         return this.hasListeners(ViewCommon.layoutChangedEvent);
@@ -640,28 +906,6 @@ export class View extends ViewCommon {
     [opacityProperty.setNative](value) {
         this.nativeViewProtected.setAlpha(float(value));
     }
-    [testIDProperty.setNative](value) {
-        this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    }
-    setAccessibilityIdentifier(view, value) {
-        const id = Utils.android.resources.getId(':id/nativescript_accessibility_id');
-        if (id) {
-            view.setTag(id, value);
-            view.setTag(value);
-        }
-        if (this.testID && this.testID !== value)
-            this.testID = value;
-        if (this.accessibilityIdentifier !== value)
-            this.accessibilityIdentifier = value;
-    }
-    [accessibilityEnabledProperty.setNative](value) {
-        this.nativeViewProtected.setFocusable(!!value);
-        updateA11yPropertiesCallback(this);
-    }
-    [accessibilityIdentifierProperty.setNative](value) {
-        this.setAccessibilityIdentifier(this.nativeViewProtected, value);
-    }
-    // @ts-expect-error
     [accessibilityRoleProperty.setNative](value) {
         this.accessibilityRole = value;
         updateA11yPropertiesCallback(this);
@@ -669,27 +913,6 @@ export class View extends ViewCommon {
             this.nativeViewProtected?.setAccessibilityHeading(value === AccessibilityRole.Header);
         }
     }
-    [accessibilityValueProperty.setNative]() {
-        this._androidContentDescriptionUpdated = true;
-        updateContentDescription(this);
-    }
-    [accessibilityLabelProperty.setNative]() {
-        this._androidContentDescriptionUpdated = true;
-        updateContentDescription(this);
-    }
-    [accessibilityHintProperty.setNative]() {
-        this._androidContentDescriptionUpdated = true;
-        updateContentDescription(this);
-    }
-    [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);
-        }
-    }
-    // @ts-expect-error
     [accessibilityLiveRegionProperty.setNative](value) {
         switch (value) {
             case AccessibilityLiveRegion.Assertive: {
@@ -706,80 +929,13 @@ export class View extends ViewCommon {
             }
         }
     }
-    // @ts-expect-error
     [accessibilityStateProperty.setNative](value) {
         this.accessibilityState = value;
         updateA11yPropertiesCallback(this);
     }
-    [accessibilityMediaSessionProperty.setNative]() {
-        updateA11yPropertiesCallback(this);
-    }
-    [androidElevationProperty.getDefault]() {
-        return this.getDefaultElevation();
-    }
-    [androidElevationProperty.setNative](value) {
-        if (SDK_VERSION < 21) {
-            return;
-        }
-        this.refreshStateListAnimator();
-    }
-    [androidDynamicElevationOffsetProperty.getDefault]() {
-        return this.getDefaultDynamicElevationOffset();
-    }
-    [androidDynamicElevationOffsetProperty.setNative](value) {
-        if (SDK_VERSION < 21) {
-            return;
-        }
-        this.refreshStateListAnimator();
-    }
-    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());
-    }
-    getDefaultDynamicElevationOffset() {
-        // 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;
-        if (typeof elevation === 'undefined' || elevation === null) {
-            elevation = this.getDefaultElevation();
-        }
-        elevation = layout.toDevicePixels(elevation);
-        const z = layout.toDevicePixels(0);
-        let pressedZ = this.androidDynamicElevationOffset;
-        if (typeof pressedZ === 'undefined' || pressedZ === null) {
-            pressedZ = this.getDefaultDynamicElevationOffset();
-        }
-        pressedZ = layout.toDevicePixels(pressedZ);
-        const 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();
-        notPressedSet.playTogether(java.util.Arrays.asList([ObjectAnimator.ofFloat(nativeView, 'translationZ', [z]).setDuration(duration), ObjectAnimator.ofFloat(nativeView, 'elevation', [elevation]).setDuration(0)]));
-        const 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();
-        stateListAnimator.addState([statePressed, stateEnabled], pressedSet);
-        stateListAnimator.addState([stateEnabled], notPressedSet);
-        stateListAnimator.addState([], defaultSet);
-        const currentAnimator = nativeView.getStateListAnimator();
-        if (currentAnimator) {
-            currentAnimator.jumpToCurrentState();
-        }
-        nativeView.setStateListAnimator(stateListAnimator);
-    }
     [horizontalAlignmentProperty.getDefault]() {
         return org.nativescript.widgets.ViewHelper.getHorizontalAlignment(this.nativeViewProtected);
     }
-    // @ts-expect-error
     [horizontalAlignmentProperty.setNative](value) {
         const nativeView = this.nativeViewProtected;
         const lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
@@ -819,7 +975,6 @@ export class View extends ViewCommon {
     [verticalAlignmentProperty.getDefault]() {
         return org.nativescript.widgets.ViewHelper.getVerticalAlignment(this.nativeViewProtected);
     }
-    // @ts-expect-error
     [verticalAlignmentProperty.setNative](value) {
         const nativeView = this.nativeViewProtected;
         const lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
@@ -856,6 +1011,112 @@ export class View extends ViewCommon {
             nativeView.setLayoutParams(lp);
         }
     }
+    [testIDProperty.setNative](value) {
+        this.setAccessibilityIdentifier(this.nativeViewProtected, value);
+    }
+    setAccessibilityIdentifier(view, value) {
+        const id = Utils.android.resources.getId(':id/nativescript_accessibility_id');
+        if (id) {
+            view.setTag(id, value);
+            view.setTag(value);
+        }
+        if (this.testID && this.testID !== value)
+            this.testID = value;
+        if (this.accessibilityIdentifier !== value)
+            this.accessibilityIdentifier = value;
+    }
+    [accessibilityEnabledProperty.setNative](value) {
+        this.nativeViewProtected.setFocusable(!!value);
+        updateA11yPropertiesCallback(this);
+    }
+    [accessibilityIdentifierProperty.setNative](value) {
+        this.setAccessibilityIdentifier(this.nativeViewProtected, value);
+    }
+    [accessibilityValueProperty.setNative](value) {
+        this._androidContentDescriptionUpdated = true;
+        updateContentDescription(this);
+    }
+    [accessibilityLabelProperty.setNative](value) {
+        this._androidContentDescriptionUpdated = true;
+        updateContentDescription(this);
+    }
+    [accessibilityHintProperty.setNative](value) {
+        this._androidContentDescriptionUpdated = true;
+        updateContentDescription(this);
+    }
+    [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);
+        }
+    }
+    [accessibilityMediaSessionProperty.setNative](value) {
+        updateA11yPropertiesCallback(this);
+    }
+    [androidElevationProperty.getDefault]() {
+        return this.getDefaultElevation();
+    }
+    [androidElevationProperty.setNative](value) {
+        if (SDK_VERSION < 21) {
+            return;
+        }
+        this.refreshStateListAnimator();
+    }
+    [androidDynamicElevationOffsetProperty.getDefault]() {
+        return this.getDefaultDynamicElevationOffset();
+    }
+    [androidDynamicElevationOffsetProperty.setNative](value) {
+        if (SDK_VERSION < 21) {
+            return;
+        }
+        this.refreshStateListAnimator();
+    }
+    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());
+    }
+    getDefaultDynamicElevationOffset() {
+        // 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;
+        if (typeof elevation === 'undefined' || elevation === null) {
+            elevation = this.getDefaultElevation();
+        }
+        elevation = layout.toDevicePixels(elevation);
+        const z = layout.toDevicePixels(0);
+        let pressedZ = this.androidDynamicElevationOffset;
+        if (typeof pressedZ === 'undefined' || pressedZ === null) {
+            pressedZ = this.getDefaultDynamicElevationOffset();
+        }
+        pressedZ = layout.toDevicePixels(pressedZ);
+        const 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();
+        notPressedSet.playTogether(java.util.Arrays.asList([ObjectAnimator.ofFloat(nativeView, 'translationZ', [z]).setDuration(duration), ObjectAnimator.ofFloat(nativeView, 'elevation', [elevation]).setDuration(0)]));
+        const 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();
+        stateListAnimator.addState([statePressed, stateEnabled], pressedSet);
+        stateListAnimator.addState([stateEnabled], notPressedSet);
+        stateListAnimator.addState([], defaultSet);
+        const currentAnimator = nativeView.getStateListAnimator();
+        if (currentAnimator) {
+            currentAnimator.jumpToCurrentState();
+        }
+        nativeView.setStateListAnimator(stateListAnimator);
+    }
     [rotateProperty.setNative](value) {
         org.nativescript.widgets.ViewHelper.setRotate(this.nativeViewProtected, float(value));
     }
@@ -1066,6 +1327,122 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], View.prototype, "requestLayout", null);
+function parseEdges(edges) {
+    const values = edges.trim().split(',');
+    let newValue = -1;
+    for (let value of values) {
+        const trimmedValue = value.trim();
+        switch (trimmedValue) {
+            case 'none':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeNone;
+                }
+                else {
+                    newValue |= OverflowEdgeNone;
+                }
+                break;
+            case 'left':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeLeft;
+                }
+                else {
+                    newValue |= OverflowEdgeLeft;
+                }
+                break;
+            case 'top':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeTop;
+                }
+                else {
+                    newValue |= OverflowEdgeTop;
+                }
+                break;
+            case 'right':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeRight;
+                }
+                else {
+                    newValue |= OverflowEdgeRight;
+                }
+                break;
+            case 'bottom':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeBottom;
+                }
+                else {
+                    newValue |= OverflowEdgeBottom;
+                }
+                break;
+            case 'dont-apply':
+                newValue = OverflowEdgeDontApply;
+                break;
+            case 'left-dont-consume':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeLeftDontConsume;
+                }
+                else {
+                    newValue |= OverflowEdgeLeftDontConsume;
+                }
+                break;
+            case 'top-dont-consume':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeTopDontConsume;
+                }
+                else {
+                    newValue |= OverflowEdgeTopDontConsume;
+                }
+                break;
+            case 'right-dont-consume':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeRightDontConsume;
+                }
+                else {
+                    newValue |= OverflowEdgeRightDontConsume;
+                }
+                break;
+            case 'bottom-dont-consume':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeBottomDontConsume;
+                }
+                else {
+                    newValue |= OverflowEdgeBottomDontConsume;
+                }
+            case 'all-but-left':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeAllButLeft;
+                }
+                else {
+                    newValue |= OverflowEdgeAllButLeft;
+                }
+            case 'all-but-top':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeAllButTop;
+                }
+                else {
+                    newValue |= OverflowEdgeAllButTop;
+                }
+            case 'all-but-right':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeAllButRight;
+                }
+                else {
+                    newValue |= OverflowEdgeAllButRight;
+                }
+            case 'all-but-bottom':
+                if (newValue === -1) {
+                    newValue = OverflowEdgeAllButBottom;
+                }
+                else {
+                    newValue |= OverflowEdgeAllButBottom;
+                }
+                break;
+        }
+    }
+    if (newValue === -1) {
+        return null;
+    }
+    return newValue;
+}
 export class ContainerView extends View {
 }
 export class CustomLayoutView extends ContainerView {