@triniwiz/nativescript-masonkit 1.0.0-beta.104 → 1.0.0-beta.106

package/style.js

@@ -3,7 +3,7 @@ import { cssUnits } from './units';
 import { masonEngine } from './windows-panel-helpers';
 import { reportCssDiagnostic } from './diagnostics';
 import { expandColorStops, resolveStopPositions } from './gradient-stops';
-import { Color, Length as CoreLength, PercentLength as CorePercentLength } from '@nativescript/core';
+import { Color, Length as CoreLength, PercentLength as CorePercentLength, Screen } from '@nativescript/core';
 // The Windows shell lays out in XAML DIPs, so its style buffer holds DIPs. Core's Windows density
 // is 1 until the window has a XamlRoot, so converting stored early styles unscaled and later ones scaled.
 const layout = __WINDOWS__ ? { ...coreLayout, getDisplayDensity: () => 1, toDevicePixels: (value) => value, toDeviceIndependentPixels: (value) => value } : coreLayout;
@@ -780,12 +780,50 @@ function expandSidesShorthand(value) {
     }
 }
 /** Corners in CSS shorthand order. */
-const WINDOWS_RADIUS_KEYS = [
+const RADIUS_KEYS = [
     ['tl', { xType: StyleKeys.BORDER_RADIUS_TOP_LEFT_X_TYPE, yType: StyleKeys.BORDER_RADIUS_TOP_LEFT_Y_TYPE, xValue: StyleKeys.BORDER_RADIUS_TOP_LEFT_X_VALUE, yValue: StyleKeys.BORDER_RADIUS_TOP_LEFT_Y_VALUE }],
     ['tr', { xType: StyleKeys.BORDER_RADIUS_TOP_RIGHT_X_TYPE, yType: StyleKeys.BORDER_RADIUS_TOP_RIGHT_Y_TYPE, xValue: StyleKeys.BORDER_RADIUS_TOP_RIGHT_X_VALUE, yValue: StyleKeys.BORDER_RADIUS_TOP_RIGHT_Y_VALUE }],
     ['br', { xType: StyleKeys.BORDER_RADIUS_BOTTOM_RIGHT_X_TYPE, yType: StyleKeys.BORDER_RADIUS_BOTTOM_RIGHT_Y_TYPE, xValue: StyleKeys.BORDER_RADIUS_BOTTOM_RIGHT_X_VALUE, yValue: StyleKeys.BORDER_RADIUS_BOTTOM_RIGHT_Y_VALUE }],
     ['bl', { xType: StyleKeys.BORDER_RADIUS_BOTTOM_LEFT_X_TYPE, yType: StyleKeys.BORDER_RADIUS_BOTTOM_LEFT_Y_TYPE, xValue: StyleKeys.BORDER_RADIUS_BOTTOM_LEFT_X_VALUE, yValue: StyleKeys.BORDER_RADIUS_BOTTOM_LEFT_Y_VALUE }],
 ];
+const FAST_RADIUS_TOKEN = /^(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)(px|dip|dppx|%)?$/;
+function fastRadiusTokens(part, scale) {
+    const out = [];
+    for (const token of part.split(/\s+/)) {
+        if (!token)
+            continue;
+        const m = FAST_RADIUS_TOKEN.exec(token);
+        if (!m)
+            return null;
+        const raw = parseFloat(m[1]);
+        const num = Math.min(9999, Math.max(-9999, raw));
+        if (m[2] === '%')
+            out.push({ type: 1, value: raw / 100 });
+        else if (m[2] === 'dppx')
+            out.push({ type: 0, value: num });
+        else
+            out.push({ type: 0, value: num * scale });
+    }
+    return out;
+}
+function radiusCorners(t) {
+    switch (t.length) {
+        case 1:
+            return [t[0], t[0], t[0], t[0]];
+        case 2:
+            return [t[0], t[1], t[0], t[1]];
+        case 3:
+            return [t[0], t[1], t[2], t[1]];
+        case 4:
+            return t;
+        default:
+            return null;
+    }
+}
+let deviceScaleCache = 0;
+function deviceScale() {
+    return deviceScaleCache || (deviceScaleCache = Screen.mainScreen.scale);
+}
 function parseWindowsRadius(token, emBasis) {
     const t = token.trim();
     if (t.endsWith('%')) {
@@ -1114,6 +1152,21 @@ function queueStyleSync(style) {
         queueMicrotask(flushStyleSyncs);
     }
 }
+let nodeHelperShared;
+export function nodeHelper() {
+    return (nodeHelperShared ?? (nodeHelperShared = org.nativescript.mason.masonkit.NodeHelper.getShared()));
+}
+function androidWritableStyleBuffer(nativeView) {
+    if (typeof nativeView?.getWritableStyleBuffer === 'function') {
+        return nativeView.getWritableStyleBuffer();
+    }
+    let style = nativeView?.getStyle?.();
+    if (!style) {
+        // if a non mason view is passed
+        style = org.nativescript.mason.masonkit.Mason.getShared().styleForViewOrNode(nativeView);
+    }
+    return typeof style.getWritableValue === 'function' ? style.getWritableValue() : style.getValues();
+}
 function windowsStyleValues(nativeView) {
     if (nativeView?.Node)
         return masonEngine().StyleValues(nativeView);
@@ -1143,6 +1196,7 @@ export class Style {
         // each render); if the bytes end up unchanged the native sync is skipped.
         // `false` means a write happened without a snapshot, so always sync.
         this._turnSnapshot = undefined;
+        this._synced = false;
     }
     static fromView(view, nativeView) {
         //console.time('fromView');
@@ -1150,13 +1204,7 @@ export class Style {
         ret.view_ = view;
         ret.nativeView = nativeView;
         if (__ANDROID__) {
-            let style = nativeView?.getStyle?.();
-            if (!style) {
-                // if a non mason view is passed
-                style = org.nativescript.mason.masonkit.Mason.getShared().styleForViewOrNode(nativeView);
-            }
-            const styleBuffer = style.getValues();
-            const buffer = ArrayBuffer.from(styleBuffer);
+            const buffer = ArrayBuffer.from(androidWritableStyleBuffer(nativeView));
             ret.style_view = new DataView(buffer);
             ret.i8View = new Int8Array(buffer);
             ret.u8View = new Uint8Array(buffer);
@@ -1356,7 +1404,7 @@ export class Style {
         if (name === 'border-radius') {
             const r = parseBorderRadiusShorthand(value, this.emBasis());
             this.prepareMut();
-            for (const [corner, keys] of WINDOWS_RADIUS_KEYS) {
+            for (const [corner, keys] of RADIUS_KEYS) {
                 const { type, value: v } = r[corner];
                 setFloat32(this.style_view, keys.xValue, v);
                 setFloat32(this.style_view, keys.yValue, v);
@@ -1455,7 +1503,7 @@ export class Style {
         }
     }
     setBorderColor(value) {
-        if (!__WINDOWS__ || !this.style_view)
+        if (!(__WINDOWS__ || __ANDROID__) || !this.style_view)
             return;
         const c = parseSidesColorShorthand(String(value ?? ''));
         this.writeBorderSide('top', null, null, c.t);
@@ -1464,16 +1512,30 @@ export class Style {
         this.writeBorderSide('left', null, null, c.l);
         this.commitState(StateKeys.BORDER_COLOR);
     }
+    setBorderSideColor(side, value) {
+        if (!this.style_view)
+            return;
+        const color = normalizeColorValue(value);
+        if (color == null)
+            return;
+        this.writeBorderSide(side, null, null, color);
+        this.commitState(StateKeys.BORDER_COLOR);
+    }
     resetState() {
         this.isDirty = -1n;
     }
     syncStyle() {
+        this._synced = true;
         const snapshot = this._turnSnapshot;
         this._turnSnapshot = undefined;
         if (snapshot && this.isDirty !== -1n && bytesEqual(snapshot, this.u8View)) {
             this.resetState();
             return;
         }
+        this._sendSync();
+        this.resetState();
+    }
+    _sendSync() {
         if (__ANDROID__) {
             const [lowLow, lowHigh, highLow, highHigh] = splitBigIntToInt32Parts(this.isDirty);
             //@ts-ignore
@@ -1495,7 +1557,6 @@ export class Style {
             view.SyncStyle('', '');
             this.view?._windowsSyncAnonymousText?.();
         }
-        this.resetState();
     }
     /** The anonymous Windows Text holding a container's own runs inherits the container's text styles. */
     copyTextStyleTo(text) {
@@ -1564,7 +1625,7 @@ export class Style {
             return;
         }
         if (this._turnSnapshot === undefined && this.isDirty === -1n && this.u8View) {
-            this._turnSnapshot = this.u8View.slice();
+            this._turnSnapshot = this._synced ? this.u8View.slice() : false;
         }
         const ref = getUint32(this.style_view, StyleKeys.REF_COUNT);
         if (ref !== 1) {
@@ -1581,14 +1642,7 @@ export class Style {
                 this.u8View = new Uint8Array(buffer);
             }
             if (__ANDROID__) {
-                let style = this.nativeView?.getStyle?.();
-                if (!style) {
-                    // if a non mason view is passed
-                    style = org.nativescript.mason.masonkit.Mason.getShared().styleForViewOrNode(this.nativeView);
-                }
-                style.prepareMut();
-                const styleBuffer = style.getValues();
-                const buffer = ArrayBuffer.from(styleBuffer);
+                const buffer = ArrayBuffer.from(androidWritableStyleBuffer(this.nativeView));
                 this.style_view = new DataView(buffer);
                 this.i8View = new Int8Array(buffer);
                 this.u8View = new Uint8Array(buffer);
@@ -3663,7 +3717,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridAutoRows(this.nativeView);
+            return nodeHelper().getGridAutoRows(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridAutoRows;
@@ -3677,7 +3731,7 @@ export class Style {
         // A bare number can't marshal over JNI into the native String setter.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridAutoRows(this.nativeView, value);
+            nodeHelper().setGridAutoRows(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridAutoRows = value;
@@ -3691,7 +3745,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridAutoColumns(this.nativeView);
+            return nodeHelper().getGridAutoColumns(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridAutoColumns;
@@ -3705,7 +3759,7 @@ export class Style {
         // See gridAutoRows above.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridAutoColumns(this.nativeView, value);
+            nodeHelper().setGridAutoColumns(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridAutoColumns = value;
@@ -3753,7 +3807,7 @@ export class Style {
         // See gridAutoRows above.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridColumn(this.nativeView, value);
+            nodeHelper().setGridColumn(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridColumn = value;
@@ -3767,7 +3821,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridColumn(this.nativeView);
+            return nodeHelper().getGridColumn(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridColumn;
@@ -3779,7 +3833,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridColumnStart(this.nativeView);
+            return nodeHelper().getGridColumnStart(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridColumnStart;
@@ -3793,7 +3847,7 @@ export class Style {
         // See gridAutoRows above.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridColumnStart(this.nativeView, value);
+            nodeHelper().setGridColumnStart(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridColumnStart = value;
@@ -3807,7 +3861,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridColumnEnd(this.nativeView);
+            return nodeHelper().getGridColumnEnd(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridColumnEnd;
@@ -3821,7 +3875,7 @@ export class Style {
         // See gridAutoRows above.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridColumnEnd(this.nativeView, value);
+            nodeHelper().setGridColumnEnd(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridColumnEnd = value;
@@ -3837,7 +3891,7 @@ export class Style {
         // See gridAutoRows above.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridRow(this.nativeView, value);
+            nodeHelper().setGridRow(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridRow = value;
@@ -3851,7 +3905,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridRow(this.nativeView);
+            return nodeHelper().getGridRow(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridRow;
@@ -3863,7 +3917,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridRowStart(this.nativeView);
+            return nodeHelper().getGridRowStart(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridRowStart;
@@ -3877,7 +3931,7 @@ export class Style {
         // See gridAutoRows above.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridRowStart(this.nativeView, value);
+            nodeHelper().setGridRowStart(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridRowStart = value;
@@ -3891,7 +3945,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridRowEnd(this.nativeView);
+            return nodeHelper().getGridRowEnd(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridRowEnd;
@@ -3905,7 +3959,7 @@ export class Style {
         // See gridAutoRows above.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridRowEnd(this.nativeView, value);
+            nodeHelper().setGridRowEnd(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridRowEnd = value;
@@ -3921,7 +3975,7 @@ export class Style {
         // See gridAutoRows above.
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridArea(this.nativeView, value);
+            nodeHelper().setGridArea(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridArea = value;
@@ -3935,7 +3989,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridArea(this.nativeView);
+            return nodeHelper().getGridArea(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridArea;
@@ -3949,7 +4003,7 @@ export class Style {
         // null clears the template; also guards against a bare number (see gridAutoRows above).
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridTemplateRows(this.nativeView, value);
+            nodeHelper().setGridTemplateRows(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridTemplateRows = value;
@@ -3963,7 +4017,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridTemplateRows(this.nativeView);
+            return nodeHelper().getGridTemplateRows(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridTemplateRows;
@@ -3975,7 +4029,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridTemplateColumns(this.nativeView);
+            return nodeHelper().getGridTemplateColumns(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridTemplateColumns;
@@ -3989,7 +4043,7 @@ export class Style {
         // null clears the template; also guards against a bare number (see gridAutoRows above).
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridTemplateColumns(this.nativeView, value);
+            nodeHelper().setGridTemplateColumns(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridTemplateColumns = value;
@@ -4003,7 +4057,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getGridTemplateAreas(this.nativeView);
+            return nodeHelper().getGridTemplateAreas(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.gridTemplateAreas;
@@ -4017,7 +4071,7 @@ export class Style {
         // null clears it; also guards against a bare number (see gridAutoRows above).
         value = value == null ? '' : String(value);
         if (__ANDROID__) {
-            org.nativescript.mason.masonkit.NodeHelper.getShared().setGridTemplateAreas(this.nativeView, value);
+            nodeHelper().setGridTemplateAreas(this.nativeView, value);
         }
         if (__APPLE__) {
             this.nativeView.style.gridTemplateAreas = value;
@@ -4369,7 +4423,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackground(this.nativeView);
+            return nodeHelper().getBackground(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.background;
@@ -4378,14 +4432,14 @@ export class Style {
     }
     set background(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('background', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackground(this.nativeView, value), () => (this.nativeView.style.background = value));
+        this.setPseudoCssStringValue('background', value, () => nodeHelper().setBackground(this.nativeView, value), () => (this.nativeView.style.background = value));
     }
     get backgroundImage() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundImage(this.nativeView);
+            return nodeHelper().getBackgroundImage(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundImage;
@@ -4394,14 +4448,14 @@ export class Style {
     }
     set backgroundImage(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('background-image', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundImage(this.nativeView, value), () => (this.nativeView.style.backgroundImage = value));
+        this.setPseudoCssStringValue('background-image', value, () => nodeHelper().setBackgroundImage(this.nativeView, value), () => (this.nativeView.style.backgroundImage = value));
     }
     get backgroundRepeat() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundRepeat(this.nativeView);
+            return nodeHelper().getBackgroundRepeat(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundRepeat;
@@ -4410,14 +4464,14 @@ export class Style {
     }
     set backgroundRepeat(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('background-repeat', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundRepeat(this.nativeView, value), () => (this.nativeView.style.backgroundRepeat = value));
+        this.setPseudoCssStringValue('background-repeat', value, () => nodeHelper().setBackgroundRepeat(this.nativeView, value), () => (this.nativeView.style.backgroundRepeat = value));
     }
     get backgroundPosition() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundPosition(this.nativeView);
+            return nodeHelper().getBackgroundPosition(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundPosition;
@@ -4426,14 +4480,14 @@ export class Style {
     }
     set backgroundPosition(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('background-position', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundPosition(this.nativeView, value), () => (this.nativeView.style.backgroundPosition = value));
+        this.setPseudoCssStringValue('background-position', value, () => nodeHelper().setBackgroundPosition(this.nativeView, value), () => (this.nativeView.style.backgroundPosition = value));
     }
     get backgroundSize() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundSize(this.nativeView);
+            return nodeHelper().getBackgroundSize(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundSize;
@@ -4442,14 +4496,14 @@ export class Style {
     }
     set backgroundSize(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('background-size', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundSize(this.nativeView, value), () => (this.nativeView.style.backgroundSize = value));
+        this.setPseudoCssStringValue('background-size', value, () => nodeHelper().setBackgroundSize(this.nativeView, value), () => (this.nativeView.style.backgroundSize = value));
     }
     get backgroundClip() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundClip(this.nativeView);
+            return nodeHelper().getBackgroundClip(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundClip;
@@ -4458,14 +4512,14 @@ export class Style {
     }
     set backgroundClip(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('background-clip', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundClip(this.nativeView, value), () => (this.nativeView.style.backgroundClip = value));
+        this.setPseudoCssStringValue('background-clip', value, () => nodeHelper().setBackgroundClip(this.nativeView, value), () => (this.nativeView.style.backgroundClip = value));
     }
     get backgroundPositionX() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundPositionX(this.nativeView);
+            return nodeHelper().getBackgroundPositionX(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundPositionX;
@@ -4474,14 +4528,14 @@ export class Style {
     }
     set backgroundPositionX(value) {
         value = cssInitialIfReset(this.coerceCssStringValue(value), '0%');
-        this.setPseudoCssStringValue('background-position-x', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundPositionX(this.nativeView, value), () => (this.nativeView.style.backgroundPositionX = value));
+        this.setPseudoCssStringValue('background-position-x', value, () => nodeHelper().setBackgroundPositionX(this.nativeView, value), () => (this.nativeView.style.backgroundPositionX = value));
     }
     get backgroundPositionY() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundPositionY(this.nativeView);
+            return nodeHelper().getBackgroundPositionY(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundPositionY;
@@ -4490,14 +4544,14 @@ export class Style {
     }
     set backgroundPositionY(value) {
         value = cssInitialIfReset(this.coerceCssStringValue(value), '0%');
-        this.setPseudoCssStringValue('background-position-y', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundPositionY(this.nativeView, value), () => (this.nativeView.style.backgroundPositionY = value));
+        this.setPseudoCssStringValue('background-position-y', value, () => nodeHelper().setBackgroundPositionY(this.nativeView, value), () => (this.nativeView.style.backgroundPositionY = value));
     }
     get backgroundOrigin() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundOrigin(this.nativeView);
+            return nodeHelper().getBackgroundOrigin(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundOrigin;
@@ -4506,14 +4560,14 @@ export class Style {
     }
     set backgroundOrigin(value) {
         value = cssInitialIfReset(this.coerceCssStringValue(value), 'padding-box');
-        this.setPseudoCssStringValue('background-origin', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundOrigin(this.nativeView, value), () => (this.nativeView.style.backgroundOrigin = value));
+        this.setPseudoCssStringValue('background-origin', value, () => nodeHelper().setBackgroundOrigin(this.nativeView, value), () => (this.nativeView.style.backgroundOrigin = value));
     }
     get backgroundAttachment() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundAttachment(this.nativeView);
+            return nodeHelper().getBackgroundAttachment(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundAttachment;
@@ -4522,14 +4576,14 @@ export class Style {
     }
     set backgroundAttachment(value) {
         value = cssInitialIfReset(this.coerceCssStringValue(value), 'scroll');
-        this.setPseudoCssStringValue('background-attachment', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundAttachment(this.nativeView, value), () => (this.nativeView.style.backgroundAttachment = value));
+        this.setPseudoCssStringValue('background-attachment', value, () => nodeHelper().setBackgroundAttachment(this.nativeView, value), () => (this.nativeView.style.backgroundAttachment = value));
     }
     get backgroundBlendMode() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundBlendMode(this.nativeView);
+            return nodeHelper().getBackgroundBlendMode(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backgroundBlendMode;
@@ -4538,21 +4592,31 @@ export class Style {
     }
     set backgroundBlendMode(value) {
         value = cssInitialIfReset(this.coerceCssStringValue(value), 'normal');
-        this.setPseudoCssStringValue('background-blend-mode', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundBlendMode(this.nativeView, value), () => (this.nativeView.style.backgroundBlendMode = value));
+        this.setPseudoCssStringValue('background-blend-mode', value, () => nodeHelper().setBackgroundBlendMode(this.nativeView, value), () => (this.nativeView.style.backgroundBlendMode = value));
+    }
+    hasBorderRadius() {
+        const view = this.style_view;
+        if (!view)
+            return true;
+        for (const [, keys] of RADIUS_KEYS) {
+            if (getFloat32(view, keys.xValue) !== 0 || getFloat32(view, keys.yValue) !== 0)
+                return true;
+        }
+        return false;
     }
     get borderRadius() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBorderRadius(this.nativeView);
+            return this._borderRadiusCss ?? nodeHelper().getBorderRadius(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.borderRadius;
         }
         if (__WINDOWS__ && this.style_view) {
             // Read back so a single corner longhand keeps the other three instead of resetting them to 0.
-            return WINDOWS_RADIUS_KEYS.map(([, keys]) => {
+            return RADIUS_KEYS.map(([, keys]) => {
                 const v = getFloat32(this.style_view, keys.xValue);
                 return getUint8(this.style_view, keys.xType) === 1 ? `${v * 100}%` : `${v}px`;
             }).join(' ');
@@ -4561,7 +4625,57 @@ export class Style {
     }
     set borderRadius(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('border-radius', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderRadius(this.nativeView, value), () => (this.nativeView.style.borderRadius = value));
+        if (__ANDROID__ && this.nativeView && !this._pseudo && this._writeBorderRadius(value, deviceScale())) {
+            return;
+        }
+        if (!this._pseudo)
+            this._borderRadiusCss = undefined;
+        this.setPseudoCssStringValue('border-radius', value, () => nodeHelper().setBorderRadius(this.nativeView, value), () => (this.nativeView.style.borderRadius = value));
+    }
+    _writeCornerRadius(corner, radius, shorthand, scale = deviceScale()) {
+        if (!this.nativeView || this._pseudo || !this.style_view)
+            return false;
+        const h = fastRadiusTokens(radius[0], scale);
+        const v = radius[1] === radius[0] ? h : fastRadiusTokens(radius[1], scale);
+        if (!h || h.length !== 1 || !v || v.length !== 1)
+            return false;
+        this._borderRadiusCss = shorthand;
+        this.prepareMut();
+        const keys = RADIUS_KEYS[corner][1];
+        setUint8(this.style_view, keys.xType, h[0].type);
+        setFloat32(this.style_view, keys.xValue, h[0].value);
+        setUint8(this.style_view, keys.yType, v[0].type);
+        setFloat32(this.style_view, keys.yValue, v[0].value);
+        this.commitState(StateKeys.BORDER_RADIUS);
+        return true;
+    }
+    _writeBorderRadius(value, scale) {
+        let cleaned = value.trim();
+        if (cleaned.endsWith(';'))
+            cleaned = cleaned.slice(0, -1);
+        const slash = cleaned.indexOf('/');
+        const h = fastRadiusTokens(slash < 0 ? cleaned : cleaned.slice(0, slash).trim(), scale);
+        if (!h)
+            return false;
+        const vPart = slash < 0 ? '' : cleaned.slice(slash + 1).trim();
+        const v = vPart ? fastRadiusTokens(vPart, scale) : h;
+        if (!v)
+            return false;
+        this._borderRadiusCss = value;
+        const hm = radiusCorners(h);
+        const vm = v.length ? radiusCorners(v) : hm;
+        if (!hm || !vm)
+            return true;
+        this.prepareMut();
+        for (let i = 0; i < 4; i++) {
+            const keys = RADIUS_KEYS[i][1];
+            setUint8(this.style_view, keys.xType, hm[i].type);
+            setFloat32(this.style_view, keys.xValue, hm[i].value);
+            setUint8(this.style_view, keys.yType, vm[i].type);
+            setFloat32(this.style_view, keys.yValue, vm[i].value);
+        }
+        this.commitState(StateKeys.BORDER_RADIUS);
+        return true;
     }
     get whiteSpace() {
         const map = ['normal', 'pre', 'pre-wrap', 'pre-line', 'nowrap', 'break-spaces'];
@@ -4624,7 +4738,7 @@ export class Style {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getFontFamily(this.nativeView);
+            return nodeHelper().getFontFamily(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.fontFamily;
@@ -4635,18 +4749,18 @@ export class Style {
     // style-buffer field, so it can't be written through the shared buffer.
     set fontFamily(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('font-family', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setFontFamily(this.nativeView, value), () => (this.nativeView.style.fontFamily = value));
+        this.setPseudoCssStringValue('font-family', value, () => nodeHelper().setFontFamily(this.nativeView, value), () => (this.nativeView.style.fontFamily = value));
     }
     set textDecoration(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('text-decoration', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTextDecoration(this.nativeView, value), () => this.nativeView.style.setTextDecoration(value));
+        this.setPseudoCssStringValue('text-decoration', value, () => nodeHelper().setTextDecoration(this.nativeView, value), () => this.nativeView.style.setTextDecoration(value));
     }
     get textDecorationLine() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getTextDecorationLine(this.nativeView);
+            return nodeHelper().getTextDecorationLine(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.textDecorationLine;
@@ -4658,14 +4772,14 @@ export class Style {
     }
     set textDecorationLine(value) {
         value = cssInitialIfReset(this.coerceCssStringValue(value), 'none');
-        this.setPseudoCssStringValue('text-decoration-line', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTextDecorationLine(this.nativeView, value), () => (this.nativeView.style.textDecorationLine = value));
+        this.setPseudoCssStringValue('text-decoration-line', value, () => nodeHelper().setTextDecorationLine(this.nativeView, value), () => (this.nativeView.style.textDecorationLine = value));
     }
     get textDecorationStyle() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getTextDecorationStyle(this.nativeView);
+            return nodeHelper().getTextDecorationStyle(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.textDecorationStyle;
@@ -4677,14 +4791,14 @@ export class Style {
     }
     set textDecorationStyle(value) {
         value = cssInitialIfReset(this.coerceCssStringValue(value), 'solid');
-        this.setPseudoCssStringValue('text-decoration-style', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTextDecorationStyle(this.nativeView, value), () => (this.nativeView.style.textDecorationStyle = value));
+        this.setPseudoCssStringValue('text-decoration-style', value, () => nodeHelper().setTextDecorationStyle(this.nativeView, value), () => (this.nativeView.style.textDecorationStyle = value));
     }
     get textDecorationColor() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getTextDecorationColor(this.nativeView);
+            return nodeHelper().getTextDecorationColor(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.textDecorationColor;
@@ -4697,14 +4811,14 @@ export class Style {
     }
     set textDecorationColor(value) {
         value = cssInitialIfReset(this.coerceCssStringValue(value), 'currentcolor');
-        this.setPseudoCssStringValue('text-decoration-color', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTextDecorationColor(this.nativeView, value), () => (this.nativeView.style.textDecorationColor = value));
+        this.setPseudoCssStringValue('text-decoration-color', value, () => nodeHelper().setTextDecorationColor(this.nativeView, value), () => (this.nativeView.style.textDecorationColor = value));
     }
     get border() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBorder(this.nativeView);
+            return nodeHelper().getBorder(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.border;
@@ -4713,13 +4827,13 @@ export class Style {
     }
     set border(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('border', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorder(this.nativeView, value), () => (this.nativeView.style.border = value));
+        this.setPseudoCssStringValue('border', value, () => nodeHelper().setBorder(this.nativeView, value), () => (this.nativeView.style.border = value));
     }
     get paddingCss() {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getPaddingCssValue(this.nativeView);
+            return nodeHelper().getPaddingCssValue(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.paddingCss;
@@ -4730,13 +4844,13 @@ export class Style {
         // a bare number is dip, matching other numeric setters; Android's
         // native parser treats "px" as unscaled device pixels, "dip" as scaled
         const strValue = typeof value === 'number' ? `${value}dip` : value;
-        this.setPseudoCssStringValue('padding', strValue, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setPaddingCss(this.nativeView, strValue), () => (this.nativeView.style.paddingCss = strValue));
+        this.setPseudoCssStringValue('padding', strValue, () => nodeHelper().setPaddingCss(this.nativeView, strValue), () => (this.nativeView.style.paddingCss = strValue));
     }
     get marginCss() {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getMarginCssValue(this.nativeView);
+            return nodeHelper().getMarginCssValue(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.marginCss;
@@ -4746,13 +4860,13 @@ export class Style {
     set marginCss(value) {
         // See the comment on `paddingCss` above — same dip-vs-px mislabeling fix.
         const strValue = typeof value === 'number' ? `${value}dip` : value;
-        this.setPseudoCssStringValue('margin', strValue, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setMarginCss(this.nativeView, strValue), () => (this.nativeView.style.marginCss = strValue));
+        this.setPseudoCssStringValue('margin', strValue, () => nodeHelper().setMarginCss(this.nativeView, strValue), () => (this.nativeView.style.marginCss = strValue));
     }
     get insetCss() {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getInsetCssValue(this.nativeView);
+            return nodeHelper().getInsetCssValue(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.insetCss;
@@ -4762,42 +4876,42 @@ export class Style {
     set insetCss(value) {
         // See the comment on `paddingCss` above — same dip-vs-px mislabeling fix.
         const strValue = typeof value === 'number' ? `${value}dip` : value;
-        this.setPseudoCssStringValue('inset', strValue, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setInsetCss(this.nativeView, strValue), () => (this.nativeView.style.insetCss = strValue));
+        this.setPseudoCssStringValue('inset', strValue, () => nodeHelper().setInsetCss(this.nativeView, strValue), () => (this.nativeView.style.insetCss = strValue));
     }
     get borderLeft() {
         return '';
     }
     set borderLeft(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('border-left', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderLeft(this.nativeView, value), () => (this.nativeView.style.borderLeft = value));
+        this.setPseudoCssStringValue('border-left', value, () => nodeHelper().setBorderLeft(this.nativeView, value), () => (this.nativeView.style.borderLeft = value));
     }
     get borderTop() {
         return '';
     }
     set borderTop(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('border-top', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderTop(this.nativeView, value), () => (this.nativeView.style.borderTop = value));
+        this.setPseudoCssStringValue('border-top', value, () => nodeHelper().setBorderTop(this.nativeView, value), () => (this.nativeView.style.borderTop = value));
     }
     get borderRight() {
         return '';
     }
     set borderRight(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('border-right', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderRight(this.nativeView, value), () => (this.nativeView.style.borderRight = value));
+        this.setPseudoCssStringValue('border-right', value, () => nodeHelper().setBorderRight(this.nativeView, value), () => (this.nativeView.style.borderRight = value));
     }
     get borderBottom() {
         return '';
     }
     set borderBottom(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('border-bottom', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderBottom(this.nativeView, value), () => (this.nativeView.style.borderBottom = value));
+        this.setPseudoCssStringValue('border-bottom', value, () => nodeHelper().setBorderBottom(this.nativeView, value), () => (this.nativeView.style.borderBottom = value));
     }
     get filter() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getFilter(this.nativeView);
+            return nodeHelper().getFilter(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.filter;
@@ -4806,14 +4920,14 @@ export class Style {
     }
     set filter(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('filter', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setFilter(this.nativeView, value), () => (this.nativeView.style.filter = value));
+        this.setPseudoCssStringValue('filter', value, () => nodeHelper().setFilter(this.nativeView, value), () => (this.nativeView.style.filter = value));
     }
     get boxShadow() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBoxShadow(this.nativeView);
+            return nodeHelper().getBoxShadow(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.boxShadow;
@@ -4828,14 +4942,14 @@ export class Style {
     }
     set boxShadow(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('box-shadow', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBoxShadow(this.nativeView, value), () => (this.nativeView.style.boxShadow = value));
+        this.setPseudoCssStringValue('box-shadow', value, () => nodeHelper().setBoxShadow(this.nativeView, value), () => (this.nativeView.style.boxShadow = value));
     }
     get transform() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getTransform(this.nativeView);
+            return nodeHelper().getTransform(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.transform;
@@ -4844,7 +4958,7 @@ export class Style {
     }
     set transform(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('transform', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTransform(this.nativeView, value), () => (this.nativeView.style.transform = value));
+        this.setPseudoCssStringValue('transform', value, () => nodeHelper().setTransform(this.nativeView, value), () => (this.nativeView.style.transform = value));
     }
     get verticalAlign() {
         const isPercent = getUint8(this.style_view, StyleKeys.VERTICAL_ALIGN_IS_PERCENT_OFFSET) == 1;
@@ -4999,7 +5113,7 @@ export class Style {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getTextShadow(this.nativeView);
+            return nodeHelper().getTextShadow(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.textShadow;
@@ -5008,7 +5122,7 @@ export class Style {
     }
     set textShadow(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('text-shadow', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTextShadow(this.nativeView, value), () => (this.nativeView.style.textShadow = value));
+        this.setPseudoCssStringValue('text-shadow', value, () => nodeHelper().setTextShadow(this.nativeView, value), () => (this.nativeView.style.textShadow = value));
     }
     get zIndex() {
         return getInt32(this.style_view, StyleKeys.Z_INDEX);
@@ -5090,14 +5204,14 @@ export class Style {
     }
     set cornerShape(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('corner-shape', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShape(this.nativeView, value), () => (this.nativeView.style.cornerShape = value));
+        this.setPseudoCssStringValue('corner-shape', value, () => nodeHelper().setCornerShape(this.nativeView, value), () => (this.nativeView.style.cornerShape = value));
     }
     get cornerShape() {
         if (!this.nativeView) {
             return '';
         }
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getCornerShape(this.nativeView);
+            return nodeHelper().getCornerShape(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.cornerShape;
@@ -5108,7 +5222,7 @@ export class Style {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getCornerShapeTopLeft(this.nativeView);
+            return nodeHelper().getCornerShapeTopLeft(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.cornerShapeTopLeft;
@@ -5117,13 +5231,13 @@ export class Style {
     }
     set cornerShapeTopLeft(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('corner-shape-top-left', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShapeTopLeft(this.nativeView, value), () => (this.nativeView.style.cornerShapeTopLeft = value));
+        this.setPseudoCssStringValue('corner-shape-top-left', value, () => nodeHelper().setCornerShapeTopLeft(this.nativeView, value), () => (this.nativeView.style.cornerShapeTopLeft = value));
     }
     get cornerShapeTopRight() {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getCornerShapeTopRight(this.nativeView);
+            return nodeHelper().getCornerShapeTopRight(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.cornerShapeTopRight;
@@ -5132,13 +5246,13 @@ export class Style {
     }
     set cornerShapeTopRight(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('corner-shape-top-right', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShapeTopRight(this.nativeView, value), () => (this.nativeView.style.cornerShapeTopRight = value));
+        this.setPseudoCssStringValue('corner-shape-top-right', value, () => nodeHelper().setCornerShapeTopRight(this.nativeView, value), () => (this.nativeView.style.cornerShapeTopRight = value));
     }
     get cornerShapeBottomRight() {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getCornerShapeBottomRight(this.nativeView);
+            return nodeHelper().getCornerShapeBottomRight(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.cornerShapeBottomRight;
@@ -5147,13 +5261,13 @@ export class Style {
     }
     set cornerShapeBottomRight(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('corner-shape-bottom-right', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShapeBottomRight(this.nativeView, value), () => (this.nativeView.style.cornerShapeBottomRight = value));
+        this.setPseudoCssStringValue('corner-shape-bottom-right', value, () => nodeHelper().setCornerShapeBottomRight(this.nativeView, value), () => (this.nativeView.style.cornerShapeBottomRight = value));
     }
     get cornerShapeBottomLeft() {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getCornerShapeBottomLeft(this.nativeView);
+            return nodeHelper().getCornerShapeBottomLeft(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.cornerShapeBottomLeft;
@@ -5162,7 +5276,7 @@ export class Style {
     }
     set cornerShapeBottomLeft(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('corner-shape-bottom-left', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShapeBottomLeft(this.nativeView, value), () => (this.nativeView.style.cornerShapeBottomLeft = value));
+        this.setPseudoCssStringValue('corner-shape-bottom-left', value, () => nodeHelper().setCornerShapeBottomLeft(this.nativeView, value), () => (this.nativeView.style.cornerShapeBottomLeft = value));
     }
     get objectPosition() {
         if (!this.style_view)
@@ -5301,7 +5415,7 @@ export class Style {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBorderImage(this.nativeView);
+            return nodeHelper().getBorderImage(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.borderImage;
@@ -5310,7 +5424,7 @@ export class Style {
     }
     set borderImage(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('border-image', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderImage(this.nativeView, value), () => (this.nativeView.style.borderImage = value));
+        this.setPseudoCssStringValue('border-image', value, () => nodeHelper().setBorderImage(this.nativeView, value), () => (this.nativeView.style.borderImage = value));
     }
     set 'border-image'(value) {
         this.borderImage = value;
@@ -5348,7 +5462,7 @@ export class Style {
         if (!this.nativeView)
             return 'normal';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getFontFeatureSettings(this.nativeView);
+            return nodeHelper().getFontFeatureSettings(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.fontFeatureSettings;
@@ -5357,7 +5471,7 @@ export class Style {
     }
     set fontFeatureSettings(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('font-feature-settings', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setFontFeatureSettings(this.nativeView, value), () => (this.nativeView.style.fontFeatureSettings = value));
+        this.setPseudoCssStringValue('font-feature-settings', value, () => nodeHelper().setFontFeatureSettings(this.nativeView, value), () => (this.nativeView.style.fontFeatureSettings = value));
     }
     set 'font-feature-settings'(value) {
         this.fontFeatureSettings = value;
@@ -5454,7 +5568,7 @@ export class Style {
         if (!this.nativeView)
             return '';
         if (__ANDROID__) {
-            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackdropFilter(this.nativeView);
+            return nodeHelper().getBackdropFilter(this.nativeView);
         }
         if (__APPLE__) {
             return this.nativeView.style.backdropFilter;
@@ -5463,7 +5577,7 @@ export class Style {
     }
     set backdropFilter(value) {
         value = this.coerceCssStringValue(value);
-        this.setPseudoCssStringValue('backdrop-filter', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackdropFilter(this.nativeView, value), () => (this.nativeView.style.backdropFilter = value));
+        this.setPseudoCssStringValue('backdrop-filter', value, () => nodeHelper().setBackdropFilter(this.nativeView, value), () => (this.nativeView.style.backdropFilter = value));
     }
     set 'backdrop-filter'(value) {
         this.backdropFilter = value;