@triniwiz/nativescript-masonkit 1.0.0-beta.61 → 1.0.0-beta.62

package/style.js

@@ -78,7 +78,7 @@ var StyleKeys;
     StyleKeys[StyleKeys["GRID_ROW_END_TYPE"] = 166] = "GRID_ROW_END_TYPE";
     StyleKeys[StyleKeys["GRID_ROW_END_VALUE"] = 167] = "GRID_ROW_END_VALUE";
     StyleKeys[StyleKeys["SCROLLBAR_WIDTH"] = 171] = "SCROLLBAR_WIDTH";
-    StyleKeys[StyleKeys["TEXT_ALIGN"] = 175] = "TEXT_ALIGN";
+    StyleKeys[StyleKeys["ALIGN"] = 175] = "ALIGN";
     StyleKeys[StyleKeys["BOX_SIZING"] = 176] = "BOX_SIZING";
     StyleKeys[StyleKeys["OVERFLOW"] = 177] = "OVERFLOW";
     StyleKeys[StyleKeys["ITEM_IS_TABLE"] = 178] = "ITEM_IS_TABLE";
@@ -163,49 +163,59 @@ var StyleKeys;
     StyleKeys[StyleKeys["LIST_STYLE_POSITION_STATE"] = 318] = "LIST_STYLE_POSITION_STATE";
     StyleKeys[StyleKeys["LIST_STYLE_TYPE_STATE"] = 319] = "LIST_STYLE_TYPE_STATE";
     StyleKeys[StyleKeys["REF_COUNT"] = 320] = "REF_COUNT";
+    StyleKeys[StyleKeys["FONT_COLOR"] = 324] = "FONT_COLOR";
+    StyleKeys[StyleKeys["FONT_COLOR_STATE"] = 328] = "FONT_COLOR_STATE";
+    StyleKeys[StyleKeys["FONT_SIZE"] = 329] = "FONT_SIZE";
+    StyleKeys[StyleKeys["FONT_SIZE_TYPE"] = 333] = "FONT_SIZE_TYPE";
+    StyleKeys[StyleKeys["FONT_SIZE_STATE"] = 334] = "FONT_SIZE_STATE";
+    StyleKeys[StyleKeys["FONT_WEIGHT"] = 335] = "FONT_WEIGHT";
+    StyleKeys[StyleKeys["FONT_WEIGHT_STATE"] = 339] = "FONT_WEIGHT_STATE";
+    StyleKeys[StyleKeys["FONT_STYLE_SLANT"] = 340] = "FONT_STYLE_SLANT";
+    StyleKeys[StyleKeys["FONT_STYLE_TYPE"] = 344] = "FONT_STYLE_TYPE";
+    StyleKeys[StyleKeys["FONT_STYLE_STATE"] = 345] = "FONT_STYLE_STATE";
+    StyleKeys[StyleKeys["FONT_FAMILY_STATE"] = 346] = "FONT_FAMILY_STATE";
+    StyleKeys[StyleKeys["FONT_RESOLVED_DIRTY"] = 347] = "FONT_RESOLVED_DIRTY";
+    StyleKeys[StyleKeys["BACKGROUND_COLOR"] = 348] = "BACKGROUND_COLOR";
+    StyleKeys[StyleKeys["BACKGROUND_COLOR_STATE"] = 352] = "BACKGROUND_COLOR_STATE";
+    StyleKeys[StyleKeys["BACKGROUND_COLOR_TYPE"] = 353] = "BACKGROUND_COLOR_TYPE";
+    StyleKeys[StyleKeys["DECORATION_LINE"] = 354] = "DECORATION_LINE";
+    StyleKeys[StyleKeys["DECORATION_LINE_STATE"] = 355] = "DECORATION_LINE_STATE";
+    StyleKeys[StyleKeys["DECORATION_COLOR"] = 356] = "DECORATION_COLOR";
+    StyleKeys[StyleKeys["DECORATION_COLOR_STATE"] = 360] = "DECORATION_COLOR_STATE";
+    StyleKeys[StyleKeys["DECORATION_STYLE"] = 361] = "DECORATION_STYLE";
+    StyleKeys[StyleKeys["DECORATION_STYLE_STATE"] = 362] = "DECORATION_STYLE_STATE";
+    StyleKeys[StyleKeys["LETTER_SPACING"] = 363] = "LETTER_SPACING";
+    StyleKeys[StyleKeys["LETTER_SPACING_STATE"] = 367] = "LETTER_SPACING_STATE";
+    StyleKeys[StyleKeys["TEXT_WRAP"] = 368] = "TEXT_WRAP";
+    StyleKeys[StyleKeys["TEXT_WRAP_STATE"] = 369] = "TEXT_WRAP_STATE";
+    StyleKeys[StyleKeys["WHITE_SPACE"] = 370] = "WHITE_SPACE";
+    StyleKeys[StyleKeys["WHITE_SPACE_STATE"] = 371] = "WHITE_SPACE_STATE";
+    StyleKeys[StyleKeys["TEXT_TRANSFORM"] = 372] = "TEXT_TRANSFORM";
+    StyleKeys[StyleKeys["TEXT_TRANSFORM_STATE"] = 373] = "TEXT_TRANSFORM_STATE";
+    StyleKeys[StyleKeys["TEXT_ALIGN"] = 374] = "TEXT_ALIGN";
+    StyleKeys[StyleKeys["TEXT_ALIGN_STATE"] = 375] = "TEXT_ALIGN_STATE";
+    StyleKeys[StyleKeys["TEXT_JUSTIFY"] = 376] = "TEXT_JUSTIFY";
+    StyleKeys[StyleKeys["TEXT_JUSTIFY_STATE"] = 377] = "TEXT_JUSTIFY_STATE";
+    StyleKeys[StyleKeys["TEXT_INDENT"] = 378] = "TEXT_INDENT";
+    StyleKeys[StyleKeys["TEXT_INDENT_TYPE"] = 382] = "TEXT_INDENT_TYPE";
+    StyleKeys[StyleKeys["TEXT_INDENT_STATE"] = 383] = "TEXT_INDENT_STATE";
+    StyleKeys[StyleKeys["LINE_HEIGHT"] = 384] = "LINE_HEIGHT";
+    StyleKeys[StyleKeys["LINE_HEIGHT_STATE"] = 388] = "LINE_HEIGHT_STATE";
+    StyleKeys[StyleKeys["LINE_HEIGHT_TYPE"] = 389] = "LINE_HEIGHT_TYPE";
+    StyleKeys[StyleKeys["DECORATION_THICKNESS"] = 390] = "DECORATION_THICKNESS";
+    StyleKeys[StyleKeys["DECORATION_THICKNESS_STATE"] = 394] = "DECORATION_THICKNESS_STATE";
+    StyleKeys[StyleKeys["TEXT_SHADOW_STATE"] = 395] = "TEXT_SHADOW_STATE";
+    StyleKeys[StyleKeys["TEXT_OVERFLOW"] = 396] = "TEXT_OVERFLOW";
+    StyleKeys[StyleKeys["TEXT_OVERFLOW_STATE"] = 397] = "TEXT_OVERFLOW_STATE";
+    // Pseudo set mask: 128-bit bitmask (two longs) tracking which properties
+    // were explicitly set on a pseudo style buffer. Uses the same bit layout
+    // as StateKeys. Zero-copy: lives in the style buffer itself.
+    StyleKeys[StyleKeys["PSEUDO_SET_MASK_LOW"] = 398] = "PSEUDO_SET_MASK_LOW";
+    StyleKeys[StyleKeys["PSEUDO_SET_MASK_HIGH"] = 406] = "PSEUDO_SET_MASK_HIGH";
+    // font-variant-numeric bitmask (byte) + state
+    StyleKeys[StyleKeys["FONT_VARIANT_NUMERIC"] = 419] = "FONT_VARIANT_NUMERIC";
+    StyleKeys[StyleKeys["FONT_VARIANT_NUMERIC_STATE"] = 420] = "FONT_VARIANT_NUMERIC_STATE";
 })(StyleKeys || (StyleKeys = {}));
-var TextStyleKeys;
-(function (TextStyleKeys) {
-    TextStyleKeys[TextStyleKeys["COLOR"] = 0] = "COLOR";
-    TextStyleKeys[TextStyleKeys["COLOR_STATE"] = 4] = "COLOR_STATE";
-    TextStyleKeys[TextStyleKeys["SIZE"] = 8] = "SIZE";
-    TextStyleKeys[TextStyleKeys["SIZE_TYPE"] = 12] = "SIZE_TYPE";
-    TextStyleKeys[TextStyleKeys["SIZE_STATE"] = 13] = "SIZE_STATE";
-    TextStyleKeys[TextStyleKeys["FONT_WEIGHT"] = 16] = "FONT_WEIGHT";
-    TextStyleKeys[TextStyleKeys["FONT_WEIGHT_STATE"] = 20] = "FONT_WEIGHT_STATE";
-    TextStyleKeys[TextStyleKeys["FONT_STYLE_SLANT"] = 24] = "FONT_STYLE_SLANT";
-    TextStyleKeys[TextStyleKeys["FONT_STYLE_TYPE"] = 28] = "FONT_STYLE_TYPE";
-    TextStyleKeys[TextStyleKeys["FONT_STYLE_STATE"] = 29] = "FONT_STYLE_STATE";
-    TextStyleKeys[TextStyleKeys["FONT_FAMILY_STATE"] = 30] = "FONT_FAMILY_STATE";
-    TextStyleKeys[TextStyleKeys["FONT_RESOLVED_DIRTY"] = 31] = "FONT_RESOLVED_DIRTY";
-    TextStyleKeys[TextStyleKeys["BACKGROUND_COLOR"] = 32] = "BACKGROUND_COLOR";
-    TextStyleKeys[TextStyleKeys["BACKGROUND_COLOR_STATE"] = 36] = "BACKGROUND_COLOR_STATE";
-    TextStyleKeys[TextStyleKeys["DECORATION_LINE"] = 40] = "DECORATION_LINE";
-    TextStyleKeys[TextStyleKeys["DECORATION_LINE_STATE"] = 44] = "DECORATION_LINE_STATE";
-    TextStyleKeys[TextStyleKeys["DECORATION_COLOR"] = 48] = "DECORATION_COLOR";
-    TextStyleKeys[TextStyleKeys["DECORATION_COLOR_STATE"] = 52] = "DECORATION_COLOR_STATE";
-    TextStyleKeys[TextStyleKeys["DECORATION_STYLE"] = 56] = "DECORATION_STYLE";
-    TextStyleKeys[TextStyleKeys["DECORATION_STYLE_STATE"] = 60] = "DECORATION_STYLE_STATE";
-    TextStyleKeys[TextStyleKeys["LETTER_SPACING"] = 64] = "LETTER_SPACING";
-    TextStyleKeys[TextStyleKeys["LETTER_SPACING_STATE"] = 68] = "LETTER_SPACING_STATE";
-    TextStyleKeys[TextStyleKeys["TEXT_WRAP"] = 72] = "TEXT_WRAP";
-    TextStyleKeys[TextStyleKeys["TEXT_WRAP_STATE"] = 76] = "TEXT_WRAP_STATE";
-    TextStyleKeys[TextStyleKeys["WHITE_SPACE"] = 80] = "WHITE_SPACE";
-    TextStyleKeys[TextStyleKeys["WHITE_SPACE_STATE"] = 84] = "WHITE_SPACE_STATE";
-    TextStyleKeys[TextStyleKeys["TRANSFORM"] = 88] = "TRANSFORM";
-    TextStyleKeys[TextStyleKeys["TRANSFORM_STATE"] = 92] = "TRANSFORM_STATE";
-    TextStyleKeys[TextStyleKeys["TEXT_ALIGN"] = 96] = "TEXT_ALIGN";
-    TextStyleKeys[TextStyleKeys["TEXT_ALIGN_STATE"] = 100] = "TEXT_ALIGN_STATE";
-    TextStyleKeys[TextStyleKeys["TEXT_JUSTIFY"] = 104] = "TEXT_JUSTIFY";
-    TextStyleKeys[TextStyleKeys["TEXT_JUSTIFY_STATE"] = 108] = "TEXT_JUSTIFY_STATE";
-    TextStyleKeys[TextStyleKeys["TEXT_INDENT"] = 112] = "TEXT_INDENT";
-    TextStyleKeys[TextStyleKeys["TEXT_INDENT_STATE"] = 116] = "TEXT_INDENT_STATE";
-    TextStyleKeys[TextStyleKeys["TEXT_OVERFLOW"] = 120] = "TEXT_OVERFLOW";
-    TextStyleKeys[TextStyleKeys["TEXT_OVERFLOW_STATE"] = 124] = "TEXT_OVERFLOW_STATE";
-    TextStyleKeys[TextStyleKeys["LINE_HEIGHT"] = 128] = "LINE_HEIGHT";
-    TextStyleKeys[TextStyleKeys["LINE_HEIGHT_TYPE"] = 132] = "LINE_HEIGHT_TYPE";
-    TextStyleKeys[TextStyleKeys["LINE_HEIGHT_STATE"] = 133] = "LINE_HEIGHT_STATE";
-})(TextStyleKeys || (TextStyleKeys = {}));
 function parseLengthPercentageAuto(type, value) {
     switch (type) {
         case 0:
@@ -228,100 +238,96 @@ class StateKeys {
     constructor(bits) {
         this.bits = bits;
     }
-    or(other) {
-        return new StateKeys(this.bits | other.bits);
-    }
-    and(other) {
-        return new StateKeys(this.bits & other.bits);
+    static flag(n) {
+        return new StateKeys(1n << BigInt(n));
     }
-    hasFlag(flag) {
-        return (this.bits & flag.bits) !== 0n;
-    }
-}
-StateKeys.DISPLAY = new StateKeys(1n << 0n);
-StateKeys.POSITION = new StateKeys(1n << 1n);
-StateKeys.DIRECTION = new StateKeys(1n << 2n);
-StateKeys.FLEX_DIRECTION = new StateKeys(1n << 3n);
-StateKeys.FLEX_WRAP = new StateKeys(1n << 4n);
-StateKeys.OVERFLOW_X = new StateKeys(1n << 5n);
-StateKeys.OVERFLOW_Y = new StateKeys(1n << 6n);
-StateKeys.ALIGN_ITEMS = new StateKeys(1n << 7n);
-StateKeys.ALIGN_SELF = new StateKeys(1n << 8n);
-StateKeys.ALIGN_CONTENT = new StateKeys(1n << 9n);
-StateKeys.JUSTIFY_ITEMS = new StateKeys(1n << 10n);
-StateKeys.JUSTIFY_SELF = new StateKeys(1n << 11n);
-StateKeys.JUSTIFY_CONTENT = new StateKeys(1n << 12n);
-StateKeys.INSET = new StateKeys(1n << 13n);
-StateKeys.MARGIN = new StateKeys(1n << 14n);
-StateKeys.PADDING = new StateKeys(1n << 15n);
-StateKeys.BORDER = new StateKeys(1n << 16n);
-StateKeys.FLEX_GROW = new StateKeys(1n << 17n);
-StateKeys.FLEX_SHRINK = new StateKeys(1n << 18n);
-StateKeys.FLEX_BASIS = new StateKeys(1n << 19n);
-StateKeys.SIZE = new StateKeys(1n << 20n);
-StateKeys.MIN_SIZE = new StateKeys(1n << 21n);
-StateKeys.MAX_SIZE = new StateKeys(1n << 22n);
-StateKeys.GAP = new StateKeys(1n << 23n);
-StateKeys.ASPECT_RATIO = new StateKeys(1n << 24n);
-StateKeys.GRID_AUTO_FLOW = new StateKeys(1n << 25n);
-StateKeys.GRID_COLUMN = new StateKeys(1n << 26n);
-StateKeys.GRID_ROW = new StateKeys(1n << 27n);
-StateKeys.SCROLLBAR_WIDTH = new StateKeys(1n << 28n);
-StateKeys.TEXT_ALIGN = new StateKeys(1n << 29n);
-StateKeys.BOX_SIZING = new StateKeys(1n << 30n);
-StateKeys.OVERFLOW = new StateKeys(1n << 31n);
-StateKeys.ITEM_IS_TABLE = new StateKeys(1n << 32n);
-StateKeys.ITEM_IS_REPLACED = new StateKeys(1n << 33n);
-StateKeys.DISPLAY_MODE = new StateKeys(1n << 34n);
-StateKeys.FORCE_INLINE = new StateKeys(1n << 35n);
-StateKeys.MIN_CONTENT_WIDTH = new StateKeys(1n << 36n);
-StateKeys.MIN_CONTENT_HEIGHT = new StateKeys(1n << 37n);
-StateKeys.MAX_CONTENT_WIDTH = new StateKeys(1n << 38n);
-StateKeys.MAX_CONTENT_HEIGHT = new StateKeys(1n << 39n);
-StateKeys.BORDER_STYLE = new StateKeys(1n << 40n);
-StateKeys.BORDER_RADIUS = new StateKeys(1n << 41n);
-StateKeys.BORDER_COLOR = new StateKeys(1n << 42n);
-StateKeys.FLOAT = new StateKeys(1n << 43n);
-StateKeys.CLEAR = new StateKeys(1n << 44n);
-StateKeys.OBJECT_FIT = new StateKeys(1n << 45n);
-StateKeys.Z_INDEX = new StateKeys(1n << 46n);
-class TextStateKeys {
-    constructor(bits) {
-        this.bits = bits;
+    // compatibility: return low bits when code expects single 64-bit value
+    get bitsLow() {
+        return this.bits;
     }
     or(other) {
-        return new TextStateKeys(this.bits | other.bits);
+        return new StateKeys(this.bits | other.bits);
     }
     and(other) {
-        return new TextStateKeys(this.bits & other.bits);
+        return new StateKeys(this.bits & other.bits);
     }
     hasFlag(flag) {
         return (this.bits & flag.bits) !== 0n;
     }
 }
-TextStateKeys.ALL = new TextStateKeys(-1n);
-TextStateKeys.NONE = new TextStateKeys(0n);
-TextStateKeys.COLOR = new TextStateKeys(1n << 0n);
-TextStateKeys.DECORATION_LINE = new TextStateKeys(1n << 1n);
-TextStateKeys.DECORATION_COLOR = new TextStateKeys(1n << 2n);
-TextStateKeys.TEXT_ALIGN = new TextStateKeys(1n << 3n);
-TextStateKeys.TEXT_JUSTIFY = new TextStateKeys(1n << 4n);
-TextStateKeys.BACKGROUND_COLOR = new TextStateKeys(1n << 5n);
-TextStateKeys.SIZE = new TextStateKeys(1n << 6n);
-TextStateKeys.TRANSFORM = new TextStateKeys(1n << 7n);
-TextStateKeys.FONT_STYLE = new TextStateKeys(1n << 8n);
-TextStateKeys.FONT_STYLE_SLANT = new TextStateKeys(1n << 9n);
-TextStateKeys.TEXT_WRAP = new TextStateKeys(1n << 10n);
-TextStateKeys.TEXT_OVERFLOW = new TextStateKeys(1n << 11n);
-TextStateKeys.DECORATION_STYLE = new TextStateKeys(1n << 12n);
-TextStateKeys.WHITE_SPACE = new TextStateKeys(1n << 13n);
-TextStateKeys.FONT_WEIGHT = new TextStateKeys(1n << 14n);
-TextStateKeys.LINE_HEIGHT = new TextStateKeys(1n << 15n);
-TextStateKeys.VERTICAL_ALIGN = new TextStateKeys(1n << 16n);
-TextStateKeys.DECORATION_THICKNESS = new TextStateKeys(1n << 17n);
-TextStateKeys.TEXT_SHADOW = new TextStateKeys(1n << 18n);
-TextStateKeys.FONT_FAMILY = new TextStateKeys(1n << 19n);
-TextStateKeys.LETTER_SPACING = new TextStateKeys(1n << 20n);
+StateKeys.NONE = new StateKeys(0n);
+StateKeys.DISPLAY = StateKeys.flag(0);
+StateKeys.POSITION = StateKeys.flag(1);
+StateKeys.DIRECTION = StateKeys.flag(2);
+StateKeys.FLEX_DIRECTION = StateKeys.flag(3);
+StateKeys.FLEX_WRAP = StateKeys.flag(4);
+StateKeys.OVERFLOW_X = StateKeys.flag(5);
+StateKeys.OVERFLOW_Y = StateKeys.flag(6);
+StateKeys.ALIGN_ITEMS = StateKeys.flag(7);
+StateKeys.ALIGN_SELF = StateKeys.flag(8);
+StateKeys.ALIGN_CONTENT = StateKeys.flag(9);
+StateKeys.JUSTIFY_ITEMS = StateKeys.flag(10);
+StateKeys.JUSTIFY_SELF = StateKeys.flag(11);
+StateKeys.JUSTIFY_CONTENT = StateKeys.flag(12);
+StateKeys.INSET = StateKeys.flag(13);
+StateKeys.MARGIN = StateKeys.flag(14);
+StateKeys.PADDING = StateKeys.flag(15);
+StateKeys.BORDER = StateKeys.flag(16);
+StateKeys.FLEX_GROW = StateKeys.flag(17);
+StateKeys.FLEX_SHRINK = StateKeys.flag(18);
+StateKeys.FLEX_BASIS = StateKeys.flag(19);
+StateKeys.SIZE = StateKeys.flag(20);
+StateKeys.MIN_SIZE = StateKeys.flag(21);
+StateKeys.MAX_SIZE = StateKeys.flag(22);
+StateKeys.GAP = StateKeys.flag(23);
+StateKeys.ASPECT_RATIO = StateKeys.flag(24);
+StateKeys.GRID_AUTO_FLOW = StateKeys.flag(25);
+StateKeys.GRID_COLUMN = StateKeys.flag(26);
+StateKeys.GRID_ROW = StateKeys.flag(27);
+StateKeys.SCROLLBAR_WIDTH = StateKeys.flag(28);
+StateKeys.ALIGN = StateKeys.flag(29);
+StateKeys.BOX_SIZING = StateKeys.flag(30);
+StateKeys.OVERFLOW = StateKeys.flag(31);
+StateKeys.ITEM_IS_TABLE = StateKeys.flag(32);
+StateKeys.ITEM_IS_REPLACED = StateKeys.flag(33);
+StateKeys.DISPLAY_MODE = StateKeys.flag(34);
+StateKeys.FORCE_INLINE = StateKeys.flag(35);
+StateKeys.MIN_CONTENT_WIDTH = StateKeys.flag(36);
+StateKeys.MIN_CONTENT_HEIGHT = StateKeys.flag(37);
+StateKeys.MAX_CONTENT_WIDTH = StateKeys.flag(38);
+StateKeys.MAX_CONTENT_HEIGHT = StateKeys.flag(39);
+StateKeys.BORDER_STYLE = StateKeys.flag(40);
+StateKeys.BORDER_RADIUS = StateKeys.flag(41);
+StateKeys.BORDER_COLOR = StateKeys.flag(42);
+StateKeys.FLOAT = StateKeys.flag(43);
+StateKeys.CLEAR = StateKeys.flag(44);
+StateKeys.OBJECT_FIT = StateKeys.flag(45);
+StateKeys.Z_INDEX = StateKeys.flag(46);
+StateKeys.LIST_STYLE_POSITION = StateKeys.flag(47);
+StateKeys.LIST_STYLE_TYPE = StateKeys.flag(48);
+StateKeys.INVALIDATE_TEXT = StateKeys.flag(49);
+StateKeys.FONT_COLOR = StateKeys.flag(50);
+StateKeys.DECORATION_LINE = StateKeys.flag(51);
+StateKeys.DECORATION_COLOR = StateKeys.flag(52);
+StateKeys.TEXT_ALIGN = StateKeys.flag(53);
+StateKeys.TEXT_JUSTIFY = StateKeys.flag(54);
+StateKeys.BACKGROUND_COLOR = StateKeys.flag(55);
+StateKeys.FONT_SIZE = StateKeys.flag(56);
+StateKeys.TEXT_TRANSFORM = StateKeys.flag(57);
+StateKeys.FONT_STYLE = StateKeys.flag(58);
+StateKeys.FONT_STYLE_SLANT = StateKeys.flag(59);
+StateKeys.TEXT_WRAP = StateKeys.flag(60);
+StateKeys.TEXT_OVERFLOW = StateKeys.flag(61);
+StateKeys.DECORATION_STYLE = StateKeys.flag(62);
+StateKeys.WHITE_SPACE = StateKeys.flag(63);
+StateKeys.FONT_WEIGHT = StateKeys.flag(64);
+StateKeys.LINE_HEIGHT = StateKeys.flag(65);
+StateKeys.VERTICAL_ALIGN = StateKeys.flag(66);
+StateKeys.DECORATION_THICKNESS = StateKeys.flag(67);
+StateKeys.TEXT_SHADOWS = StateKeys.flag(68);
+StateKeys.FONT_FAMILY = StateKeys.flag(69);
+StateKeys.LETTER_SPACING = StateKeys.flag(70);
+StateKeys.FONT_VARIANT_NUMERIC = StateKeys.flag(71);
 const getInt8 = (view, offset) => {
     return view.getInt8(offset);
 };
@@ -334,6 +340,22 @@ const getUint8 = (view, offset) => {
 const setUint8 = (view, offset, value) => {
     view.setUint8(offset, value);
 };
+const splitBigIntToInt64Parts = (value) => {
+    const MASK64 = (1n << 64n) - 1n;
+    const LOW = value & MASK64;
+    let HIGH = value >> 64n;
+    // Ensure HIGH fits into signed 64-bit range
+    const SIGN_BIT = 1n << 63n;
+    if ((HIGH & SIGN_BIT) !== 0n) {
+        // convert to signed representation
+        HIGH = HIGH - (1n << 64n);
+    }
+    let lowSigned = LOW;
+    if ((LOW & SIGN_BIT) !== 0n) {
+        lowSigned = LOW - (1n << 64n);
+    }
+    return [lowSigned.toString(), HIGH.toString()];
+};
 const getInt16 = (view, offset) => {
     return view.getInt16(offset, true);
 };
@@ -361,7 +383,6 @@ const setFloat32 = (view, offset, value) => {
 export class Style {
     constructor() {
         this.isDirty = -1n;
-        this.isTextDirty = -1n;
         this.inBatch = false;
     }
     static fromView(view, nativeView) {
@@ -378,9 +399,6 @@ export class Style {
             const styleBuffer = style.getValues();
             const buffer = ArrayBuffer.from(styleBuffer);
             ret.style_view = new DataView(buffer);
-            const textStyleBuffer = style.getTextValues();
-            const textBuffer = ArrayBuffer.from(textStyleBuffer);
-            ret.text_style_view = new DataView(textBuffer);
         }
         else if (__APPLE__) {
             let style = nativeView?.style;
@@ -390,27 +408,23 @@ export class Style {
             const styleBuffer = style.values;
             const buffer = interop.bufferFromData(styleBuffer);
             ret.style_view = new DataView(buffer);
-            //@ts-ignore
-            const textStyleBuffer = style.textValues;
-            const textBuffer = interop.bufferFromData(textStyleBuffer);
-            ret.text_style_view = new DataView(textBuffer);
         }
         //console.timeEnd('fromView');
         return ret;
     }
     resetState() {
         this.isDirty = -1n;
-        this.isTextDirty = -1n;
     }
     syncStyle() {
+        const [low, high] = splitBigIntToInt64Parts(this.isDirty);
         if (__ANDROID__) {
             const view = this.view.android;
-            view.syncStyle(this.isDirty.toString(), this.isTextDirty.toString());
+            view.syncStyle(low, high);
         }
         else if (__APPLE__) {
             const view = this.view.ios;
             // @ts-ignore
-            view.mason_syncStyle(this.isDirty.toString(), this.isTextDirty.toString());
+            view.mason_syncStyle(low, high);
         }
         this.resetState();
     }
@@ -425,17 +439,6 @@ export class Style {
             this.syncStyle();
         }
     }
-    setOrAppendTextState(value) {
-        if (this.isTextDirty == -1n) {
-            this.isTextDirty = value.bits;
-        }
-        else {
-            this.isTextDirty = this.isTextDirty | value.bits;
-        }
-        if (!this.inBatch) {
-            this.syncStyle();
-        }
-    }
     batch(fn) {
         this.inBatch = true;
         fn(this);
@@ -496,47 +499,47 @@ export class Style {
         }
     }
     get fontSize() {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             // BLACK ?
             return 16;
         }
-        const type = getUint8(this.text_style_view, TextStyleKeys.SIZE_TYPE);
-        const value = getInt32(this.text_style_view, TextStyleKeys.SIZE);
+        const type = getUint8(this.style_view, StyleKeys.FONT_SIZE_TYPE);
+        const value = getInt32(this.style_view, StyleKeys.FONT_SIZE);
         if (type === 1) {
             return `${value / 100}%`;
         }
         return value;
     }
     set fontSize(value) {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             return;
         }
         switch (typeof value) {
             case 'number':
-                setInt32(this.text_style_view, TextStyleKeys.SIZE, value);
-                setInt8(this.text_style_view, TextStyleKeys.SIZE_STATE, 1);
-                setInt8(this.text_style_view, TextStyleKeys.SIZE_TYPE, 0);
-                this.setOrAppendTextState(TextStateKeys.SIZE);
+                setInt32(this.style_view, StyleKeys.FONT_SIZE, value);
+                setInt8(this.style_view, StyleKeys.FONT_SIZE_STATE, 1);
+                setInt8(this.style_view, StyleKeys.FONT_SIZE_TYPE, 0);
+                this.setOrAppendState(StateKeys.SIZE);
                 break;
             case 'object':
                 switch (value.unit) {
                     case 'dip':
-                        setInt32(this.text_style_view, TextStyleKeys.SIZE, layout.toDeviceIndependentPixels(value.value));
-                        setInt8(this.text_style_view, TextStyleKeys.SIZE_STATE, 1);
-                        setInt8(this.text_style_view, TextStyleKeys.SIZE_TYPE, 0);
-                        this.setOrAppendTextState(TextStateKeys.SIZE);
+                        setInt32(this.style_view, StyleKeys.FONT_SIZE, layout.toDeviceIndependentPixels(value.value));
+                        setInt8(this.style_view, StyleKeys.FONT_SIZE_STATE, 1);
+                        setInt8(this.style_view, StyleKeys.FONT_SIZE_TYPE, 0);
+                        this.setOrAppendState(StateKeys.FONT_SIZE);
                         break;
                     case 'px':
-                        setInt32(this.text_style_view, TextStyleKeys.SIZE, value.value);
-                        setInt8(this.text_style_view, TextStyleKeys.SIZE_STATE, 1);
-                        setInt8(this.text_style_view, TextStyleKeys.SIZE_TYPE, 0);
-                        this.setOrAppendTextState(TextStateKeys.SIZE);
+                        setInt32(this.style_view, StyleKeys.FONT_SIZE, value.value);
+                        setInt8(this.style_view, StyleKeys.FONT_SIZE_STATE, 1);
+                        setInt8(this.style_view, StyleKeys.FONT_SIZE_TYPE, 0);
+                        this.setOrAppendState(StateKeys.FONT_SIZE);
                         break;
                     case '%':
-                        setInt32(this.text_style_view, TextStyleKeys.SIZE, value.value * 100);
-                        setInt8(this.text_style_view, TextStyleKeys.SIZE_STATE, 1);
-                        setInt8(this.text_style_view, TextStyleKeys.SIZE_TYPE, 1);
-                        this.setOrAppendTextState(TextStateKeys.SIZE);
+                        setInt32(this.style_view, StyleKeys.FONT_SIZE, value.value * 100);
+                        setInt8(this.style_view, StyleKeys.FONT_SIZE_STATE, 1);
+                        setInt8(this.style_view, StyleKeys.FONT_SIZE_TYPE, 1);
+                        this.setOrAppendState(StateKeys.FONT_SIZE);
                         break;
                 }
                 break;
@@ -547,11 +550,11 @@ export class Style {
         }
     }
     get fontStyle() {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             // normal ?
             return 'normal';
         }
-        switch (getInt32(this.text_style_view, TextStyleKeys.FONT_STYLE_TYPE)) {
+        switch (getInt32(this.style_view, StyleKeys.FONT_STYLE_TYPE)) {
             case 0:
                 return 'normal';
             case 1:
@@ -563,7 +566,7 @@ export class Style {
         }
     }
     set fontStyle(value) {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             return;
         }
         let style = -1;
@@ -579,20 +582,20 @@ export class Style {
                 break;
         }
         if (style !== -1) {
-            setInt32(this.text_style_view, TextStyleKeys.FONT_STYLE_TYPE, style);
-            setInt8(this.text_style_view, TextStyleKeys.FONT_STYLE_STATE, 1);
-            this.setOrAppendTextState(TextStateKeys.FONT_STYLE);
+            setInt32(this.style_view, StyleKeys.FONT_STYLE_TYPE, style);
+            setInt8(this.style_view, StyleKeys.FONT_STYLE_STATE, 1);
+            this.setOrAppendState(StateKeys.FONT_STYLE);
         }
     }
     get fontWeight() {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             // BLACK ?
             return 400;
         }
-        return getInt32(this.text_style_view, TextStyleKeys.FONT_WEIGHT);
+        return getInt32(this.style_view, StyleKeys.FONT_WEIGHT);
     }
     set fontWeight(value) {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             return;
         }
         let weight = -1;
@@ -633,50 +636,51 @@ export class Style {
                 break;
         }
         if (weight !== -1) {
-            setInt32(this.text_style_view, TextStyleKeys.FONT_WEIGHT, weight);
-            setInt8(this.text_style_view, TextStyleKeys.FONT_WEIGHT_STATE, 1);
-            this.setOrAppendTextState(TextStateKeys.FONT_WEIGHT);
+            setInt32(this.style_view, StyleKeys.FONT_WEIGHT, weight);
+            setInt8(this.style_view, StyleKeys.FONT_WEIGHT_STATE, 1);
+            this.setOrAppendState(StateKeys.FONT_WEIGHT);
         }
     }
     get color() {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             // BLACK ?
             return 0;
         }
-        return getUint32(this.text_style_view, TextStyleKeys.COLOR);
+        return getUint32(this.style_view, StyleKeys.FONT_COLOR);
     }
     set color(value) {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             return;
         }
-        setUint32(this.text_style_view, TextStyleKeys.COLOR, value);
-        setInt8(this.text_style_view, TextStyleKeys.COLOR_STATE, 1);
-        this.setOrAppendTextState(TextStateKeys.COLOR);
+        setUint32(this.style_view, StyleKeys.FONT_COLOR, value);
+        setInt8(this.style_view, StyleKeys.FONT_COLOR_STATE, 1);
+        this.setOrAppendState(StateKeys.FONT_COLOR);
     }
     get backgroundColor() {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             // BLACK ?
             return 0;
         }
-        return getUint32(this.text_style_view, TextStyleKeys.BACKGROUND_COLOR);
+        return getUint32(this.style_view, StyleKeys.BACKGROUND_COLOR);
     }
     set backgroundColor(value) {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             return;
         }
-        setUint32(this.text_style_view, TextStyleKeys.BACKGROUND_COLOR, value);
-        setInt8(this.text_style_view, TextStyleKeys.BACKGROUND_COLOR_STATE, 1);
-        this.setOrAppendTextState(TextStateKeys.BACKGROUND_COLOR);
+        setUint32(this.style_view, StyleKeys.BACKGROUND_COLOR, value);
+        setInt8(this.style_view, StyleKeys.BACKGROUND_COLOR_STATE, 1);
+        setInt8(this.style_view, StyleKeys.BACKGROUND_COLOR_TYPE, 0);
+        this.setOrAppendState(StateKeys.BACKGROUND_COLOR);
     }
     get textWrap() {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             // BLACK ?
             return 0;
         }
-        return getInt32(this.text_style_view, TextStyleKeys.TEXT_WRAP);
+        return getInt32(this.style_view, StyleKeys.TEXT_WRAP);
     }
     set textWrap(value) {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             return;
         }
         let wrap = -1;
@@ -695,9 +699,9 @@ export class Style {
             wrap = value;
         }
         if (wrap !== -1) {
-            setInt32(this.text_style_view, TextStyleKeys.TEXT_WRAP, wrap);
-            setInt8(this.text_style_view, TextStyleKeys.TEXT_WRAP_STATE, 1);
-            this.setOrAppendTextState(TextStateKeys.TEXT_WRAP);
+            setInt32(this.style_view, StyleKeys.TEXT_WRAP, wrap);
+            setInt8(this.style_view, StyleKeys.TEXT_WRAP_STATE, 1);
+            this.setOrAppendState(StateKeys.TEXT_WRAP);
         }
     }
     get styleView() {
@@ -769,6 +773,12 @@ export class Style {
             this.prepareMut();
             setInt8(this.style_view, StyleKeys.DISPLAY, display);
             setInt8(this.style_view, StyleKeys.DISPLAY_MODE, displayMode);
+            if (this.isDirty == -1n) {
+                this.isDirty = StateKeys.DISPLAY_MODE.bits;
+            }
+            else {
+                this.isDirty = this.isDirty | StateKeys.DISPLAY_MODE.bits;
+            }
             this.setOrAppendState(StateKeys.DISPLAY);
         }
     }
@@ -2703,62 +2713,62 @@ export class Style {
         }
     }
     get letterSpacing() {
-        return getFloat32(this.text_style_view, TextStyleKeys.LETTER_SPACING);
+        return getFloat32(this.style_view, StyleKeys.LETTER_SPACING);
     }
     set letterSpacing(value) {
         if (typeof value === 'number') {
-            setFloat32(this.text_style_view, TextStyleKeys.LETTER_SPACING, value);
-            setUint8(this.text_style_view, TextStyleKeys.LETTER_SPACING_STATE, 1);
-            this.setOrAppendTextState(TextStateKeys.LETTER_SPACING);
+            setFloat32(this.style_view, StyleKeys.LETTER_SPACING, value);
+            setUint8(this.style_view, StyleKeys.LETTER_SPACING_STATE, 1);
+            this.setOrAppendState(StateKeys.LETTER_SPACING);
         }
         else if (typeof value === 'object') {
             switch (value.unit) {
                 case 'dip':
-                    setFloat32(this.text_style_view, TextStyleKeys.LETTER_SPACING, layout.toDevicePixels(value.value));
-                    setUint8(this.text_style_view, TextStyleKeys.LETTER_SPACING_STATE, 1);
-                    this.setOrAppendTextState(TextStateKeys.LETTER_SPACING);
+                    setFloat32(this.style_view, StyleKeys.LETTER_SPACING, layout.toDevicePixels(value.value));
+                    setUint8(this.style_view, StyleKeys.LETTER_SPACING_STATE, 1);
+                    this.setOrAppendState(StateKeys.LETTER_SPACING);
                     break;
                 case 'px':
-                    setFloat32(this.text_style_view, TextStyleKeys.LETTER_SPACING, value.value);
-                    setUint8(this.text_style_view, TextStyleKeys.LETTER_SPACING_STATE, 1);
-                    this.setOrAppendTextState(TextStateKeys.LETTER_SPACING);
+                    setFloat32(this.style_view, StyleKeys.LETTER_SPACING, value.value);
+                    setUint8(this.style_view, StyleKeys.LETTER_SPACING_STATE, 1);
+                    this.setOrAppendState(StateKeys.LETTER_SPACING);
                     break;
             }
         }
     }
     get lineHeight() {
-        return getFloat32(this.text_style_view, TextStyleKeys.LINE_HEIGHT);
+        return getFloat32(this.style_view, StyleKeys.LINE_HEIGHT);
     }
     set lineHeight(value) {
         if (typeof value === 'number') {
-            setFloat32(this.text_style_view, TextStyleKeys.LINE_HEIGHT, value);
-            setUint8(this.text_style_view, TextStyleKeys.LINE_HEIGHT_STATE, 1);
-            setUint8(this.text_style_view, TextStyleKeys.LINE_HEIGHT_TYPE, 0);
-            this.setOrAppendTextState(TextStateKeys.LINE_HEIGHT);
+            setFloat32(this.style_view, StyleKeys.LINE_HEIGHT, value);
+            setUint8(this.style_view, StyleKeys.LINE_HEIGHT_STATE, 1);
+            setUint8(this.style_view, StyleKeys.LINE_HEIGHT_TYPE, 0);
+            this.setOrAppendState(StateKeys.LINE_HEIGHT);
         }
         else if (typeof value === 'object') {
             switch (value.unit) {
                 case 'dip':
-                    setFloat32(this.text_style_view, TextStyleKeys.LETTER_SPACING, layout.toDevicePixels(value.value));
-                    setUint8(this.text_style_view, TextStyleKeys.LINE_HEIGHT_STATE, 1);
-                    setUint8(this.text_style_view, TextStyleKeys.LINE_HEIGHT_TYPE, 1);
-                    this.setOrAppendTextState(TextStateKeys.LETTER_SPACING);
+                    setFloat32(this.style_view, StyleKeys.LETTER_SPACING, layout.toDevicePixels(value.value));
+                    setUint8(this.style_view, StyleKeys.LINE_HEIGHT_STATE, 1);
+                    setUint8(this.style_view, StyleKeys.LINE_HEIGHT_TYPE, 1);
+                    this.setOrAppendState(StateKeys.LETTER_SPACING);
                     break;
                 case 'px':
-                    setFloat32(this.text_style_view, TextStyleKeys.LETTER_SPACING, value.value);
-                    setUint8(this.text_style_view, TextStyleKeys.LINE_HEIGHT_STATE, 1);
-                    setUint8(this.text_style_view, TextStyleKeys.LINE_HEIGHT_TYPE, 1);
-                    this.setOrAppendTextState(TextStateKeys.LETTER_SPACING);
+                    setFloat32(this.style_view, StyleKeys.LETTER_SPACING, value.value);
+                    setUint8(this.style_view, StyleKeys.LINE_HEIGHT_STATE, 1);
+                    setUint8(this.style_view, StyleKeys.LINE_HEIGHT_TYPE, 1);
+                    this.setOrAppendState(StateKeys.LETTER_SPACING);
                     break;
             }
         }
     }
     get textOverflow() {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             // clip ?
             return 'clip';
         }
-        const type = getInt32(this.text_style_view, TextStyleKeys.TEXT_OVERFLOW);
+        const type = getInt32(this.style_view, StyleKeys.TEXT_OVERFLOW);
         switch (type) {
             case 0:
                 return 'clip';
@@ -2777,7 +2787,7 @@ export class Style {
         return 'clip';
     }
     set textOverflow(value) {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             return;
         }
         let flow = -1;
@@ -2802,17 +2812,17 @@ export class Style {
                 break;
         }
         if (flow !== -1) {
-            setInt32(this.text_style_view, TextStyleKeys.TEXT_OVERFLOW, flow);
-            setInt8(this.text_style_view, TextStyleKeys.TEXT_OVERFLOW_STATE, 1);
-            this.setOrAppendTextState(TextStateKeys.TEXT_OVERFLOW);
+            setInt32(this.style_view, StyleKeys.TEXT_OVERFLOW, flow);
+            setInt8(this.style_view, StyleKeys.TEXT_OVERFLOW_STATE, 1);
+            this.setOrAppendState(StateKeys.TEXT_OVERFLOW);
         }
     }
     get textAlignment() {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             // clip ?
             return 'start';
         }
-        const type = getInt32(this.text_style_view, TextStyleKeys.TEXT_ALIGN);
+        const type = getInt32(this.style_view, StyleKeys.TEXT_ALIGN);
         switch (type) {
             case 0:
                 // auto
@@ -2834,7 +2844,7 @@ export class Style {
         }
     }
     set textAlignment(value) {
-        if (!this.text_style_view) {
+        if (!this.style_view) {
             return;
         }
         let align = -1;
@@ -2861,9 +2871,9 @@ export class Style {
                 break;
         }
         if (align !== -1) {
-            setInt32(this.text_style_view, TextStyleKeys.TEXT_ALIGN, align);
-            setInt8(this.text_style_view, TextStyleKeys.TEXT_ALIGN_STATE, 1);
-            this.setOrAppendTextState(TextStateKeys.TEXT_ALIGN);
+            setInt32(this.style_view, StyleKeys.TEXT_ALIGN, align);
+            setInt8(this.style_view, StyleKeys.TEXT_ALIGN_STATE, 1);
+            this.setOrAppendState(StateKeys.TEXT_ALIGN);
         }
     }
     get background() {
@@ -2912,6 +2922,98 @@ export class Style {
             this.nativeView.style.backgroundImage = value;
         }
     }
+    get backgroundRepeat() {
+        if (!this.nativeView) {
+            return '';
+        }
+        if (__ANDROID__) {
+            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundRepeat(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.nativeView.style.backgroundRepeat;
+        }
+        return '';
+    }
+    set backgroundRepeat(value) {
+        if (!this.nativeView) {
+            return;
+        }
+        if (__ANDROID__) {
+            org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundRepeat(this.nativeView, value);
+        }
+        if (__APPLE__) {
+            this.nativeView.style.backgroundRepeat = value;
+        }
+    }
+    get backgroundPosition() {
+        if (!this.nativeView) {
+            return '';
+        }
+        if (__ANDROID__) {
+            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundPosition(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.nativeView.style.backgroundPosition;
+        }
+        return '';
+    }
+    set backgroundPosition(value) {
+        if (!this.nativeView) {
+            return;
+        }
+        if (__ANDROID__) {
+            org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundPosition(this.nativeView, value);
+        }
+        if (__APPLE__) {
+            this.nativeView.style.backgroundPosition = value;
+        }
+    }
+    get backgroundSize() {
+        if (!this.nativeView) {
+            return '';
+        }
+        if (__ANDROID__) {
+            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundSize(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.nativeView.style.backgroundSize;
+        }
+        return '';
+    }
+    set backgroundSize(value) {
+        if (!this.nativeView) {
+            return;
+        }
+        if (__ANDROID__) {
+            org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundSize(this.nativeView, value);
+        }
+        if (__APPLE__) {
+            this.nativeView.style.backgroundSize = value;
+        }
+    }
+    get backgroundClip() {
+        if (!this.nativeView) {
+            return '';
+        }
+        if (__ANDROID__) {
+            return org.nativescript.mason.masonkit.NodeHelper.getShared().getBackgroundClip(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.nativeView.style.backgroundClip;
+        }
+        return '';
+    }
+    set backgroundClip(value) {
+        if (!this.nativeView) {
+            return;
+        }
+        if (__ANDROID__) {
+            org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundClip(this.nativeView, value);
+        }
+        if (__APPLE__) {
+            this.nativeView.style.backgroundClip = value;
+        }
+    }
     get borderRadius() {
         if (!this.nativeView) {
             return '';
@@ -3130,7 +3232,7 @@ export class Style {
                 }
             }
         }
-        this.setOrAppendTextState(TextStateKeys.VERTICAL_ALIGN);
+        this.setOrAppendState(StateKeys.VERTICAL_ALIGN);
     }
     get textShadow() {
         if (!this.nativeView) {
@@ -3162,6 +3264,97 @@ export class Style {
         setInt32(this.style_view, StyleKeys.Z_INDEX, value);
         this.setOrAppendState(StateKeys.Z_INDEX);
     }
+    get float() {
+        switch (getInt8(this.style_view, StyleKeys.FLOAT)) {
+            case 0 /* Float.None */:
+                return 'none';
+            case 1 /* Float.Left */:
+                return 'left';
+            case 2 /* Float.Right */:
+                return 'right';
+        }
+        return 'none';
+    }
+    set float(value) {
+        const current = getInt8(this.style_view, StyleKeys.FLOAT);
+        let enumVal;
+        switch (value) {
+            case 'none':
+                enumVal = 0 /* Float.None */;
+                break;
+            case 'left':
+                enumVal = 1 /* Float.Left */;
+                break;
+            case 'right':
+                enumVal = 2 /* Float.Right */;
+                break;
+            default:
+                enumVal = 0 /* Float.None */;
+        }
+        if (current === enumVal) {
+            return;
+        }
+        this.prepareMut();
+        setInt8(this.style_view, StyleKeys.FLOAT, enumVal);
+        this.setOrAppendState(StateKeys.FLOAT);
+    }
+    get clear() {
+        switch (getInt8(this.style_view, StyleKeys.CLEAR)) {
+            case 0 /* Clear.None */:
+                return 'none';
+            case 1 /* Clear.Left */:
+                return 'left';
+            case 2 /* Clear.Right */:
+                return 'right';
+            case 3 /* Clear.Both */:
+                return 'both';
+        }
+        return 'none';
+    }
+    set clear(value) {
+        switch (value) {
+            case 'none':
+                this.prepareMut();
+                setInt8(this.style_view, StyleKeys.CLEAR, 0 /* Clear.None */);
+                break;
+            case 'left':
+                this.prepareMut();
+                setInt8(this.style_view, StyleKeys.CLEAR, 1 /* Clear.Left */);
+                break;
+            case 'right':
+                this.prepareMut();
+                setInt8(this.style_view, StyleKeys.CLEAR, 2 /* Clear.Right */);
+                break;
+            case 'none':
+                this.prepareMut();
+                setInt8(this.style_view, StyleKeys.CLEAR, 0 /* Clear.None */);
+                break;
+        }
+        this.setOrAppendState(StateKeys.CLEAR);
+    }
+    set cornerShape(value) {
+        if (!this.nativeView) {
+            return;
+        }
+        if (__ANDROID__) {
+            org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShape(this.nativeView, value);
+        }
+        if (__APPLE__) {
+            this.nativeView.style.cornerShape = value;
+        }
+    }
+    get cornerShape() {
+        if (!this.nativeView) {
+            return '';
+        }
+        if (__ANDROID__) {
+            return org.nativescript.mason.masonkit.NodeHelper.getShared().getCornerShape(this.nativeView);
+        }
+        if (__APPLE__) {
+            return this.nativeView.style.cornerShape;
+        }
+        return '';
+    }
     toJSON() {
         return {
             display: this.display,