@triniwiz/nativescript-masonkit 1.0.0-beta.111 → 1.0.0-beta.112

package/scroll/index.ios.d.ts

@@ -13,6 +13,6 @@ export declare class Scroll extends ViewBase {
     onLayout(left: number, top: number, right: number, bottom: number): void;
     onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
     _addViewToNativeVisualTree(child: MasonChild, atIndex?: number): boolean;
-    _setNativeViewFrame(nativeView: any, frame: any): void;
+    _setNativeViewFrame(nativeView: any, frame: CGRect): void;
     _removeViewFromNativeVisualTree(view: MasonChild): void;
 }

package/scroll/index.ios.js

@@ -1,5 +1,5 @@
 import { CSSType, Utils } from '@nativescript/core';
-import { ViewBase } from '../common';
+import { ViewBase, setRootNativeViewFrame } from '../common';
 import { Style } from '../style';
 import { Tree } from '../tree';
 import { style_, isMasonView_, native_, isPlaceholder_ } from '../symbols';
@@ -134,7 +134,12 @@ let Scroll = class Scroll extends ViewBase {
         return false;
     }
     _setNativeViewFrame(nativeView, frame) {
-        nativeView.frame = frame;
+        if (this.parent?.[isMasonView_]) {
+            nativeView.frame = frame;
+        }
+        else {
+            setRootNativeViewFrame(this, nativeView, frame);
+        }
     }
     // @ts-ignore
     _removeViewFromNativeVisualTree(view) {

package/scroll/index.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/scroll/index.ios.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/scroll/index.ios.ts"],"names":[],"mappings":"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"}

package/style.d.ts

@@ -170,6 +170,12 @@ export declare function parseTextDecoration(value: string, resolveLength: (token
     thickness: number;
 } | null;
 export declare function nodeHelper(): org.nativescript.mason.masonkit.NodeHelper;
+/**
+ * One CSS colour (`oklch(60% 0.2 240)`, `color-mix(...)`, `rgb(0 0 0 / 15%)`)
+ * as `rgba(...)`, or null. Core's `Color` resolves `color-mix()` through
+ * @csstools' parser; any other function is handed over as an identity mix.
+ */
+export declare function cssColorToRgba(color: string): string | null;
 export declare class Style {
     private view_;
     private _sv;
@@ -213,7 +219,12 @@ export declare class Style {
     private _windowsBackground?;
     private _windowsBackgroundSize?;
     private _windowsBackgroundPosition?;
+    private _windowsImageBackground;
     private applyWindowsBackground;
+    private _windowsMaskSpec;
+    private _windowsMaskOverrides?;
+    private windowsMaskContext;
+    private scheduleWindowsMask;
     private applyWindowsCssString;
     private writeBorderSide;
     private writeWindowsTextDecoration;
@@ -538,6 +549,66 @@ export declare class Style {
     set backdropFilter(value: string);
     set 'backdrop-filter'(value: string);
     get 'backdrop-filter'(): string;
+    get maskImage(): string;
+    set maskImage(value: string);
+    set 'mask-image'(value: string);
+    get 'mask-image'(): string;
+    get maskSize(): string;
+    set maskSize(value: string);
+    set 'mask-size'(value: string);
+    get 'mask-size'(): string;
+    get maskPosition(): string;
+    set maskPosition(value: string);
+    set 'mask-position'(value: string);
+    get 'mask-position'(): string;
+    get maskRepeat(): string;
+    set maskRepeat(value: string);
+    set 'mask-repeat'(value: string);
+    get 'mask-repeat'(): string;
+    get maskOrigin(): string;
+    set maskOrigin(value: string);
+    set 'mask-origin'(value: string);
+    get 'mask-origin'(): string;
+    get maskClip(): string;
+    set maskClip(value: string);
+    set 'mask-clip'(value: string);
+    get 'mask-clip'(): string;
+    get maskMode(): string;
+    set maskMode(value: string);
+    set 'mask-mode'(value: string);
+    get 'mask-mode'(): string;
+    get maskComposite(): string;
+    set maskComposite(value: string);
+    set 'mask-composite'(value: string);
+    get 'mask-composite'(): string;
+    get clipPath(): string;
+    set clipPath(value: string);
+    set 'clip-path'(value: string);
+    get 'clip-path'(): string;
+    get maskBorderSource(): string;
+    set maskBorderSource(value: string);
+    set 'mask-border-source'(value: string);
+    get 'mask-border-source'(): string;
+    get maskBorderSlice(): string;
+    set maskBorderSlice(value: string);
+    set 'mask-border-slice'(value: string);
+    get 'mask-border-slice'(): string;
+    get maskBorderWidth(): string;
+    set maskBorderWidth(value: string);
+    set 'mask-border-width'(value: string);
+    get 'mask-border-width'(): string;
+    get maskBorderOutset(): string;
+    set maskBorderOutset(value: string);
+    set 'mask-border-outset'(value: string);
+    get 'mask-border-outset'(): string;
+    get maskBorderRepeat(): string;
+    set maskBorderRepeat(value: string);
+    set 'mask-border-repeat'(value: string);
+    get 'mask-border-repeat'(): string;
+    get maskBorderMode(): string;
+    set maskBorderMode(value: string);
+    set 'mask-border-mode'(value: string);
+    get 'mask-border-mode'(): string;
     get writingMode(): 'horizontal-tb' | 'vertical-rl' | 'vertical-lr';
     set writingMode(value: 'horizontal-tb' | 'vertical-rl' | 'vertical-lr');
     set 'writing-mode'(value: 'horizontal-tb' | 'vertical-rl' | 'vertical-lr');
@@ -555,10 +626,10 @@ export declare class Style {
         position: "fixed" | "static" | "relative" | "absolute" | "sticky";
         flexDirection: "row" | "row-reverse" | "column" | "column-reverse";
         flexWrap: "wrap" | "wrap-reverse" | "balance" | "no-wrap" | "balance-reverse";
-        justifyContent: "center" | "normal" | "stretch" | "flex-start" | "flex-end" | "space-between" | "space-around" | "start" | "end" | "space-evenly";
-        alignItems: "center" | "normal" | "stretch" | "flex-start" | "flex-end" | "baseline" | "start" | "end";
-        alignContent: "center" | "normal" | "stretch" | "flex-start" | "flex-end" | "space-between" | "space-around" | "start" | "end" | "space-evenly";
-        alignSelf: "center" | "normal" | "stretch" | "flex-start" | "flex-end" | "baseline" | "start" | "end";
+        justifyContent: "center" | "stretch" | "normal" | "flex-start" | "flex-end" | "space-between" | "space-around" | "start" | "end" | "space-evenly";
+        alignItems: "center" | "stretch" | "normal" | "flex-start" | "flex-end" | "baseline" | "start" | "end";
+        alignContent: "center" | "stretch" | "normal" | "flex-start" | "flex-end" | "space-between" | "space-around" | "start" | "end" | "space-evenly";
+        alignSelf: "center" | "stretch" | "normal" | "flex-start" | "flex-end" | "baseline" | "start" | "end";
         flexGrow: number;
         minWidth: LengthAuto;
         minHeight: LengthAuto;

package/style.js

@@ -6,6 +6,8 @@ import { reportCssDiagnostic } from './diagnostics';
 import { expandColorStops, resolveStopPositions } from './gradient-stops';
 import { encodeBoxShadows, parseBoxShadows } from './box-shadow';
 import { encodeCssFilter, parseCssFilter } from './css-filter';
+import { resolveCssColors } from './css-colors';
+import { encodeWindowsBackground, encodeWindowsBorderImage, encodeWindowsMask, WINDOWS_MASK_PROPERTIES } from './windows-mask';
 import { Color, Length as CoreLength, PercentLength as CorePercentLength, Screen, knownFolders } 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.
@@ -1283,6 +1285,18 @@ function cssInitialIfReset(value, initial) {
     const v = value.trim().toLowerCase();
     return v === '' || v === 'initial' || v === 'unset' ? initial : value;
 }
+/**
+ * One CSS colour (`oklch(60% 0.2 240)`, `color-mix(...)`, `rgb(0 0 0 / 15%)`)
+ * as `rgba(...)`, or null. Core's `Color` resolves `color-mix()` through
+ * @csstools' parser; any other function is handed over as an identity mix.
+ */
+export function cssColorToRgba(color) {
+    const color_ = new Color(/^color-mix\(/i.test(color) ? color : `color-mix(in srgb, ${color} 100%, transparent)`);
+    if (color_.argb === -1) {
+        return null;
+    }
+    return `rgba(${color_.r}, ${color_.g}, ${color_.b}, ${+(color_.a / 255).toFixed(4)})`;
+}
 export class Style {
     constructor() {
         this._bufferRequested = false;
@@ -1301,6 +1315,8 @@ export class Style {
         this._turnSnapshot = undefined;
         this._synced = false;
         this._windowsCss = new Map();
+        this._windowsImageBackground = false;
+        this._windowsMaskSpec = '';
     }
     static fromView(view, nativeView) {
         const ret = new Style();
@@ -1470,9 +1486,11 @@ export class Style {
             this.setOrAppendState(value);
         }
     }
+    // Every string-valued property goes through here on its way to the platform,
+    // whose parsers don't read modern colour syntax; see css-colors.ts.
     coerceCssStringValue(value) {
         if (typeof value === 'string') {
-            return value;
+            return resolveCssColors(value, cssColorToRgba);
         }
         if (value == null) {
             return '';
@@ -1511,6 +1529,11 @@ export class Style {
         const layer = splitTopLevelCommas(v)[0]?.trim() ?? '';
         const stopsOf = (g) => g.offsets.map((o, i) => o + ':' + (g.colors[i] >>> 0)).join(',');
         try {
+            const url = /url\(\s*(['"]?)(.*?)\1\s*\)/i.exec(layer);
+            if (!url && this._windowsImageBackground) {
+                this._windowsImageBackground = false;
+                NativeScript.Mason.Css.SetBackgroundLayers(this.nativeView, '');
+            }
             if (/^radial-gradient/i.test(layer)) {
                 const g = parseRadialGradientCss(layer);
                 if (g)
@@ -1523,18 +1546,27 @@ export class Style {
                     NativeScript.Mason.Css.ApplyLinearGradient(this.nativeView, g.angle, stopsOf(g), g.interpolation);
                 return;
             }
-            const url = /url\(\s*(['"]?)(.*?)\1\s*\)/i.exec(layer);
             if (url) {
-                let source = url[2];
-                if (source.startsWith('~/'))
-                    source = source.replace('~/', knownFolders.currentApp().path + '/');
                 const rest = layer.slice(url.index + url[0].length).trim();
                 const keywords = /\b(no-repeat|repeat-x|repeat-y|repeat|space|round|scroll|fixed|local|border-box|padding-box|content-box)\b/gi;
                 const [positionPart, sizePart] = rest.split('/').map((p) => p.replace(keywords, '').trim());
-                const size = shorthand && sizePart ? sizePart.split(/\s+/).slice(0, 2).join(' ') : this._windowsBackgroundSize;
-                const position = parseBoxPosition(shorthand && positionPart ? positionPart : (this._windowsBackgroundPosition ?? '0% 0%'), 0);
+                const size = shorthand && sizePart ? sizePart.split(/\s+/).slice(0, 2).join(' ') : (this._windowsBackgroundSize ?? '');
+                const position = shorthand && positionPart ? positionPart : (this._windowsBackgroundPosition ?? '');
+                const repeatKeywords = shorthand ? (rest.match(/\b(no-repeat|repeat-x|repeat-y|repeat|space|round)\b/gi) ?? []).join(' ') : '';
+                const repeat = repeatKeywords || (this._windowsCss.get('background-repeat') ?? '');
+                // Painted natively over background-color (CssMask.h), which an ImageBrush would replace.
+                const spec = encodeWindowsBackground(url[2], size, position, repeat, this.windowsMaskContext());
+                if (spec) {
+                    this._windowsImageBackground = true;
+                    NativeScript.Mason.Css.SetBackgroundLayers(this.nativeView, spec);
+                    return;
+                }
+                let source = url[2];
+                if (source.startsWith('~/'))
+                    source = source.replace('~/', knownFolders.currentApp().path + '/');
+                const box = parseBoxPosition(position || '0% 0%', 0);
                 const align = (f) => (f <= 0.25 ? 0 : f >= 0.75 ? 2 : 1);
-                NativeScript.Mason.Css.ApplyBackgroundImage(this.nativeView, source, backgroundFit(size), align(position.x), align(position.y));
+                NativeScript.Mason.Css.ApplyBackgroundImage(this.nativeView, source, backgroundFit(size), align(box.x), align(box.y));
                 return;
             }
             if (!ANY_GRADIENT.test(layer)) {
@@ -1545,7 +1577,60 @@ export class Style {
         }
         catch (_) { }
     }
+    windowsMaskContext() {
+        return {
+            length: (token) => cssLengthToDip(token, this.emBasis()),
+            color: (color) => normalizeColorValue(color),
+            linear: parseLinearGradientCss,
+            radial: parseRadialGradientCss,
+            source: (url) => (url.startsWith('~/') ? url.replace('~/', knownFolders.currentApp().path + '/') : url),
+        };
+    }
+    // The mask longhands arrive one setter at a time (a shorthand sets eight, a keyframe two), so
+    // they're sent to Css.SetMask together once the current task is done.
+    scheduleWindowsMask(name, value) {
+        const pending = this._windowsMaskOverrides !== undefined;
+        (this._windowsMaskOverrides ?? (this._windowsMaskOverrides = new Map())).set(name, value);
+        if (pending)
+            return;
+        Promise.resolve().then(() => {
+            const overrides = this._windowsMaskOverrides;
+            this._windowsMaskOverrides = undefined;
+            const view = this.nativeView;
+            if (!view)
+                return;
+            // A pseudo-class state's values aren't in _windowsCss; they win over it while applied.
+            const css = new Map(this._windowsCss);
+            for (const [key, v] of overrides ?? [])
+                css.set(key, v);
+            let spec = '';
+            try {
+                spec = encodeWindowsMask(css, this.windowsMaskContext());
+            }
+            catch (_) { }
+            if (spec === this._windowsMaskSpec)
+                return;
+            this._windowsMaskSpec = spec;
+            NativeScript.Mason.Css.SetMask(view, spec);
+        });
+    }
     applyWindowsCssString(name, value) {
+        if (WINDOWS_MASK_PROPERTIES.has(name)) {
+            this.scheduleWindowsMask(name, typeof value === 'string' ? value : String(value ?? ''));
+            return;
+        }
+        if (name === 'border-image') {
+            const view = this.nativeView;
+            if (!view)
+                return;
+            let spec = '';
+            try {
+                spec = encodeWindowsBorderImage(typeof value === 'string' ? value : '', this.windowsMaskContext());
+            }
+            catch (_) { }
+            NativeScript.Mason.Css.SetBorderImage(view, spec);
+            return;
+        }
         // A gradient is a Panel brush from Css that VisualApply leaves over BACKGROUND_COLOR; clearing
         // it lets VisualApply repaint the color.
         if (name === 'background' || name === 'background-image') {
@@ -1553,6 +1638,11 @@ export class Style {
             this.applyWindowsBackground(name === 'background');
             return;
         }
+        if (name === 'background-repeat') {
+            if (/url\(/i.test(this._windowsBackground ?? ''))
+                this.applyWindowsBackground(false);
+            return;
+        }
         if (name === 'background-size' || name === 'background-position') {
             if (name === 'background-size')
                 this._windowsBackgroundSize = String(value ?? '');
@@ -5850,6 +5940,321 @@ export class Style {
     get 'backdrop-filter'() {
         return this.backdropFilter;
     }
+    get maskImage() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskImage(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskImage;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-image') ?? '') : '';
+    }
+    set maskImage(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-image', value, () => nodeHelper().setMaskImage(this.nativeView, value), () => (this.appleStyle.maskImage = value));
+    }
+    set 'mask-image'(value) {
+        this.maskImage = value;
+    }
+    get 'mask-image'() {
+        return this.maskImage;
+    }
+    get maskSize() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskSize(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskSize;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-size') ?? '') : '';
+    }
+    set maskSize(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-size', value, () => nodeHelper().setMaskSize(this.nativeView, value), () => (this.appleStyle.maskSize = value));
+    }
+    set 'mask-size'(value) {
+        this.maskSize = value;
+    }
+    get 'mask-size'() {
+        return this.maskSize;
+    }
+    get maskPosition() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskPosition(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskPosition;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-position') ?? '') : '';
+    }
+    set maskPosition(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-position', value, () => nodeHelper().setMaskPosition(this.nativeView, value), () => (this.appleStyle.maskPosition = value));
+    }
+    set 'mask-position'(value) {
+        this.maskPosition = value;
+    }
+    get 'mask-position'() {
+        return this.maskPosition;
+    }
+    get maskRepeat() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskRepeat(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskRepeat;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-repeat') ?? '') : '';
+    }
+    set maskRepeat(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-repeat', value, () => nodeHelper().setMaskRepeat(this.nativeView, value), () => (this.appleStyle.maskRepeat = value));
+    }
+    set 'mask-repeat'(value) {
+        this.maskRepeat = value;
+    }
+    get 'mask-repeat'() {
+        return this.maskRepeat;
+    }
+    get maskOrigin() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskOrigin(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskOrigin;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-origin') ?? '') : '';
+    }
+    set maskOrigin(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-origin', value, () => nodeHelper().setMaskOrigin(this.nativeView, value), () => (this.appleStyle.maskOrigin = value));
+    }
+    set 'mask-origin'(value) {
+        this.maskOrigin = value;
+    }
+    get 'mask-origin'() {
+        return this.maskOrigin;
+    }
+    get maskClip() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskClip(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskClip;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-clip') ?? '') : '';
+    }
+    set maskClip(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-clip', value, () => nodeHelper().setMaskClip(this.nativeView, value), () => (this.appleStyle.maskClip = value));
+    }
+    set 'mask-clip'(value) {
+        this.maskClip = value;
+    }
+    get 'mask-clip'() {
+        return this.maskClip;
+    }
+    get maskMode() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskMode(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskMode;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-mode') ?? '') : '';
+    }
+    set maskMode(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-mode', value, () => nodeHelper().setMaskMode(this.nativeView, value), () => (this.appleStyle.maskMode = value));
+    }
+    set 'mask-mode'(value) {
+        this.maskMode = value;
+    }
+    get 'mask-mode'() {
+        return this.maskMode;
+    }
+    get maskComposite() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskComposite(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskComposite;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-composite') ?? '') : '';
+    }
+    set maskComposite(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-composite', value, () => nodeHelper().setMaskComposite(this.nativeView, value), () => (this.appleStyle.maskComposite = value));
+    }
+    set 'mask-composite'(value) {
+        this.maskComposite = value;
+    }
+    get 'mask-composite'() {
+        return this.maskComposite;
+    }
+    get clipPath() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getClipPath(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.clipPath;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('clip-path') ?? '') : '';
+    }
+    set clipPath(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('clip-path', value, () => nodeHelper().setClipPath(this.nativeView, value), () => (this.appleStyle.clipPath = value));
+    }
+    set 'clip-path'(value) {
+        this.clipPath = value;
+    }
+    get 'clip-path'() {
+        return this.clipPath;
+    }
+    get maskBorderSource() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskBorderSource(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskBorderSource;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-border-source') ?? '') : '';
+    }
+    set maskBorderSource(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-border-source', value, () => nodeHelper().setMaskBorderSource(this.nativeView, value), () => (this.appleStyle.maskBorderSource = value));
+    }
+    set 'mask-border-source'(value) {
+        this.maskBorderSource = value;
+    }
+    get 'mask-border-source'() {
+        return this.maskBorderSource;
+    }
+    get maskBorderSlice() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskBorderSlice(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskBorderSlice;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-border-slice') ?? '') : '';
+    }
+    set maskBorderSlice(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-border-slice', value, () => nodeHelper().setMaskBorderSlice(this.nativeView, value), () => (this.appleStyle.maskBorderSlice = value));
+    }
+    set 'mask-border-slice'(value) {
+        this.maskBorderSlice = value;
+    }
+    get 'mask-border-slice'() {
+        return this.maskBorderSlice;
+    }
+    get maskBorderWidth() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskBorderWidth(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskBorderWidth;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-border-width') ?? '') : '';
+    }
+    set maskBorderWidth(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-border-width', value, () => nodeHelper().setMaskBorderWidth(this.nativeView, value), () => (this.appleStyle.maskBorderWidth = value));
+    }
+    set 'mask-border-width'(value) {
+        this.maskBorderWidth = value;
+    }
+    get 'mask-border-width'() {
+        return this.maskBorderWidth;
+    }
+    get maskBorderOutset() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskBorderOutset(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskBorderOutset;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-border-outset') ?? '') : '';
+    }
+    set maskBorderOutset(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-border-outset', value, () => nodeHelper().setMaskBorderOutset(this.nativeView, value), () => (this.appleStyle.maskBorderOutset = value));
+    }
+    set 'mask-border-outset'(value) {
+        this.maskBorderOutset = value;
+    }
+    get 'mask-border-outset'() {
+        return this.maskBorderOutset;
+    }
+    get maskBorderRepeat() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskBorderRepeat(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskBorderRepeat;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-border-repeat') ?? '') : '';
+    }
+    set maskBorderRepeat(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-border-repeat', value, () => nodeHelper().setMaskBorderRepeat(this.nativeView, value), () => (this.appleStyle.maskBorderRepeat = value));
+    }
+    set 'mask-border-repeat'(value) {
+        this.maskBorderRepeat = value;
+    }
+    get 'mask-border-repeat'() {
+        return this.maskBorderRepeat;
+    }
+    get maskBorderMode() {
+        if (!this.nativeView)
+            return '';
+        if (__ANDROID__) {
+            return nodeHelper().getMaskBorderMode(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.appleStyle.maskBorderMode;
+        }
+        return __WINDOWS__ ? (this._windowsCss.get('mask-border-mode') ?? '') : '';
+    }
+    set maskBorderMode(value) {
+        value = this.coerceCssStringValue(value);
+        this.setPseudoCssStringValue('mask-border-mode', value, () => nodeHelper().setMaskBorderMode(this.nativeView, value), () => (this.appleStyle.maskBorderMode = value));
+    }
+    set 'mask-border-mode'(value) {
+        this.maskBorderMode = value;
+    }
+    get 'mask-border-mode'() {
+        return this.maskBorderMode;
+    }
     get writingMode() {
         if (!this.style_view)
             return 'horizontal-tb';