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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/DOCS.md +884 -0
  2. package/br/index.android.d.ts +10 -0
  3. package/br/index.android.js +31 -0
  4. package/br/index.android.js.map +1 -0
  5. package/br/index.ios.d.ts +11 -0
  6. package/br/index.ios.js +30 -0
  7. package/br/index.ios.js.map +1 -0
  8. package/button/index.android.d.ts +4 -2
  9. package/button/index.android.js +9 -4
  10. package/button/index.android.js.map +1 -1
  11. package/button/index.ios.d.ts +4 -5
  12. package/button/index.ios.js +9 -66
  13. package/button/index.ios.js.map +1 -1
  14. package/common.d.ts +135 -70
  15. package/common.js +775 -1337
  16. package/common.js.map +1 -1
  17. package/img/index.android.d.ts +5 -4
  18. package/img/index.android.js +18 -6
  19. package/img/index.android.js.map +1 -1
  20. package/img/index.ios.d.ts +3 -2
  21. package/img/index.ios.js +23 -19
  22. package/img/index.ios.js.map +1 -1
  23. package/index.android.d.ts +4 -1
  24. package/index.android.js +4 -1
  25. package/index.android.js.map +1 -1
  26. package/index.d.ts +21 -1
  27. package/index.ios.d.ts +4 -1
  28. package/index.ios.js +4 -1
  29. package/index.ios.js.map +1 -1
  30. package/input/common.d.ts +20 -0
  31. package/input/common.js +64 -0
  32. package/input/common.js.map +1 -0
  33. package/input/index.android.d.ts +20 -0
  34. package/input/index.android.js +118 -0
  35. package/input/index.android.js.map +1 -0
  36. package/input/index.ios.d.ts +23 -0
  37. package/input/index.ios.js +163 -0
  38. package/input/index.ios.js.map +1 -0
  39. package/package.json +3 -2
  40. package/platforms/android/masonkit-release.aar +0 -0
  41. package/platforms/ios/Mason.xcframework/Info.plist +5 -5
  42. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Headers/Mason-Swift.h +281 -51
  43. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Headers/mason_native.h +70 -42
  44. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Info.plist +0 -0
  45. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Mason +0 -0
  46. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/Project/arm64-apple-ios.swiftsourceinfo +0 -0
  47. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.abi.json +39728 -27944
  48. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.private.swiftinterface +876 -247
  49. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.swiftdoc +0 -0
  50. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.swiftinterface +876 -247
  51. package/platforms/ios/Mason.xcframework/ios-arm64/dSYMs/Mason.framework.dSYM/Contents/Resources/DWARF/Mason +0 -0
  52. package/platforms/ios/Mason.xcframework/ios-arm64/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/aarch64/Mason.yml +7413 -4294
  53. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Headers/Mason-Swift.h +562 -102
  54. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Headers/mason_native.h +70 -42
  55. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Info.plist +0 -0
  56. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Mason +0 -0
  57. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/Project/arm64-apple-ios-simulator.swiftsourceinfo +0 -0
  58. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/Project/x86_64-apple-ios-simulator.swiftsourceinfo +0 -0
  59. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.abi.json +34845 -23061
  60. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.private.swiftinterface +975 -346
  61. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.swiftdoc +0 -0
  62. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.swiftinterface +975 -346
  63. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.abi.json +34845 -23061
  64. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.private.swiftinterface +975 -346
  65. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.swiftdoc +0 -0
  66. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.swiftinterface +975 -346
  67. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/_CodeSignature/CodeResources +29 -29
  68. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/DWARF/Mason +0 -0
  69. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/aarch64/Mason.yml +7408 -4287
  70. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/x86_64/Mason.yml +7103 -4165
  71. package/properties.d.ts +49 -0
  72. package/properties.js +1147 -0
  73. package/properties.js.map +1 -0
  74. package/scroll/index.android.d.ts +3 -2
  75. package/scroll/index.android.js +16 -4
  76. package/scroll/index.android.js.map +1 -1
  77. package/scroll/index.ios.d.ts +3 -2
  78. package/scroll/index.ios.js +18 -5
  79. package/scroll/index.ios.js.map +1 -1
  80. package/style.d.ts +9 -5
  81. package/style.js +622 -367
  82. package/style.js.map +1 -1
  83. package/symbols.d.ts +10 -0
  84. package/symbols.js +11 -0
  85. package/symbols.js.map +1 -0
  86. package/text/index.android.d.ts +11 -5
  87. package/text/index.android.js +72 -103
  88. package/text/index.android.js.map +1 -1
  89. package/text/index.ios.d.ts +12 -10
  90. package/text/index.ios.js +69 -168
  91. package/text/index.ios.js.map +1 -1
  92. package/text-node/index.android.d.ts +13 -0
  93. package/text-node/index.android.js +35 -0
  94. package/text-node/index.android.js.map +1 -0
  95. package/text-node/index.ios.d.ts +13 -0
  96. package/text-node/index.ios.js +35 -0
  97. package/text-node/index.ios.js.map +1 -0
  98. package/tree/index.android.d.ts +10 -2
  99. package/tree/index.android.js +62 -1
  100. package/tree/index.android.js.map +1 -1
  101. package/tree/index.ios.d.ts +4 -1
  102. package/tree/index.ios.js +36 -1
  103. package/tree/index.ios.js.map +1 -1
  104. package/utils/index.android.d.ts +2 -1
  105. package/utils/index.android.js +1 -1
  106. package/utils/index.android.js.map +1 -1
  107. package/utils/index.ios.d.ts +2 -1
  108. package/utils/index.ios.js +1 -1
  109. package/utils/index.ios.js.map +1 -1
  110. package/view/index.android.d.ts +3 -2
  111. package/view/index.android.js +18 -4
  112. package/view/index.android.js.map +1 -1
  113. package/view/index.ios.d.ts +3 -2
  114. package/view/index.ios.js +18 -5
  115. package/view/index.ios.js.map +1 -1
  116. package/web.d.ts +6 -0
  117. package/web.js +22 -0
  118. package/web.js.map +1 -1
package/style.js CHANGED
@@ -3,158 +3,166 @@ import { Length as CoreLength, PercentLength as CorePercentLength } from '@nativ
3
3
  var StyleKeys;
4
4
  (function (StyleKeys) {
5
5
  StyleKeys[StyleKeys["DISPLAY"] = 0] = "DISPLAY";
6
- StyleKeys[StyleKeys["POSITION"] = 4] = "POSITION";
7
- StyleKeys[StyleKeys["DIRECTION"] = 8] = "DIRECTION";
8
- StyleKeys[StyleKeys["FLEX_DIRECTION"] = 12] = "FLEX_DIRECTION";
9
- StyleKeys[StyleKeys["FLEX_WRAP"] = 16] = "FLEX_WRAP";
10
- StyleKeys[StyleKeys["OVERFLOW_X"] = 20] = "OVERFLOW_X";
11
- StyleKeys[StyleKeys["OVERFLOW_Y"] = 24] = "OVERFLOW_Y";
12
- StyleKeys[StyleKeys["ALIGN_ITEMS"] = 28] = "ALIGN_ITEMS";
13
- StyleKeys[StyleKeys["ALIGN_SELF"] = 32] = "ALIGN_SELF";
14
- StyleKeys[StyleKeys["ALIGN_CONTENT"] = 36] = "ALIGN_CONTENT";
15
- StyleKeys[StyleKeys["JUSTIFY_ITEMS"] = 40] = "JUSTIFY_ITEMS";
16
- StyleKeys[StyleKeys["JUSTIFY_SELF"] = 44] = "JUSTIFY_SELF";
17
- StyleKeys[StyleKeys["JUSTIFY_CONTENT"] = 48] = "JUSTIFY_CONTENT";
18
- StyleKeys[StyleKeys["INSET_LEFT_TYPE"] = 52] = "INSET_LEFT_TYPE";
19
- StyleKeys[StyleKeys["INSET_LEFT_VALUE"] = 56] = "INSET_LEFT_VALUE";
20
- StyleKeys[StyleKeys["INSET_RIGHT_TYPE"] = 60] = "INSET_RIGHT_TYPE";
21
- StyleKeys[StyleKeys["INSET_RIGHT_VALUE"] = 64] = "INSET_RIGHT_VALUE";
22
- StyleKeys[StyleKeys["INSET_TOP_TYPE"] = 68] = "INSET_TOP_TYPE";
23
- StyleKeys[StyleKeys["INSET_TOP_VALUE"] = 72] = "INSET_TOP_VALUE";
24
- StyleKeys[StyleKeys["INSET_BOTTOM_TYPE"] = 76] = "INSET_BOTTOM_TYPE";
25
- StyleKeys[StyleKeys["INSET_BOTTOM_VALUE"] = 80] = "INSET_BOTTOM_VALUE";
26
- StyleKeys[StyleKeys["MARGIN_LEFT_TYPE"] = 84] = "MARGIN_LEFT_TYPE";
27
- StyleKeys[StyleKeys["MARGIN_LEFT_VALUE"] = 88] = "MARGIN_LEFT_VALUE";
28
- StyleKeys[StyleKeys["MARGIN_RIGHT_TYPE"] = 92] = "MARGIN_RIGHT_TYPE";
29
- StyleKeys[StyleKeys["MARGIN_RIGHT_VALUE"] = 96] = "MARGIN_RIGHT_VALUE";
30
- StyleKeys[StyleKeys["MARGIN_TOP_TYPE"] = 100] = "MARGIN_TOP_TYPE";
31
- StyleKeys[StyleKeys["MARGIN_TOP_VALUE"] = 104] = "MARGIN_TOP_VALUE";
32
- StyleKeys[StyleKeys["MARGIN_BOTTOM_TYPE"] = 108] = "MARGIN_BOTTOM_TYPE";
33
- StyleKeys[StyleKeys["MARGIN_BOTTOM_VALUE"] = 112] = "MARGIN_BOTTOM_VALUE";
34
- StyleKeys[StyleKeys["PADDING_LEFT_TYPE"] = 116] = "PADDING_LEFT_TYPE";
35
- StyleKeys[StyleKeys["PADDING_LEFT_VALUE"] = 120] = "PADDING_LEFT_VALUE";
36
- StyleKeys[StyleKeys["PADDING_RIGHT_TYPE"] = 124] = "PADDING_RIGHT_TYPE";
37
- StyleKeys[StyleKeys["PADDING_RIGHT_VALUE"] = 128] = "PADDING_RIGHT_VALUE";
38
- StyleKeys[StyleKeys["PADDING_TOP_TYPE"] = 132] = "PADDING_TOP_TYPE";
39
- StyleKeys[StyleKeys["PADDING_TOP_VALUE"] = 136] = "PADDING_TOP_VALUE";
40
- StyleKeys[StyleKeys["PADDING_BOTTOM_TYPE"] = 140] = "PADDING_BOTTOM_TYPE";
41
- StyleKeys[StyleKeys["PADDING_BOTTOM_VALUE"] = 144] = "PADDING_BOTTOM_VALUE";
42
- StyleKeys[StyleKeys["BORDER_LEFT_TYPE"] = 148] = "BORDER_LEFT_TYPE";
43
- StyleKeys[StyleKeys["BORDER_LEFT_VALUE"] = 152] = "BORDER_LEFT_VALUE";
44
- StyleKeys[StyleKeys["BORDER_RIGHT_TYPE"] = 156] = "BORDER_RIGHT_TYPE";
45
- StyleKeys[StyleKeys["BORDER_RIGHT_VALUE"] = 160] = "BORDER_RIGHT_VALUE";
46
- StyleKeys[StyleKeys["BORDER_TOP_TYPE"] = 164] = "BORDER_TOP_TYPE";
47
- StyleKeys[StyleKeys["BORDER_TOP_VALUE"] = 168] = "BORDER_TOP_VALUE";
48
- StyleKeys[StyleKeys["BORDER_BOTTOM_TYPE"] = 172] = "BORDER_BOTTOM_TYPE";
49
- StyleKeys[StyleKeys["BORDER_BOTTOM_VALUE"] = 176] = "BORDER_BOTTOM_VALUE";
50
- StyleKeys[StyleKeys["FLEX_GROW"] = 180] = "FLEX_GROW";
51
- StyleKeys[StyleKeys["FLEX_SHRINK"] = 184] = "FLEX_SHRINK";
52
- StyleKeys[StyleKeys["FLEX_BASIS_TYPE"] = 188] = "FLEX_BASIS_TYPE";
53
- StyleKeys[StyleKeys["FLEX_BASIS_VALUE"] = 192] = "FLEX_BASIS_VALUE";
54
- StyleKeys[StyleKeys["WIDTH_TYPE"] = 196] = "WIDTH_TYPE";
55
- StyleKeys[StyleKeys["WIDTH_VALUE"] = 200] = "WIDTH_VALUE";
56
- StyleKeys[StyleKeys["HEIGHT_TYPE"] = 204] = "HEIGHT_TYPE";
57
- StyleKeys[StyleKeys["HEIGHT_VALUE"] = 208] = "HEIGHT_VALUE";
58
- StyleKeys[StyleKeys["MIN_WIDTH_TYPE"] = 212] = "MIN_WIDTH_TYPE";
59
- StyleKeys[StyleKeys["MIN_WIDTH_VALUE"] = 216] = "MIN_WIDTH_VALUE";
60
- StyleKeys[StyleKeys["MIN_HEIGHT_TYPE"] = 220] = "MIN_HEIGHT_TYPE";
61
- StyleKeys[StyleKeys["MIN_HEIGHT_VALUE"] = 224] = "MIN_HEIGHT_VALUE";
62
- StyleKeys[StyleKeys["MAX_WIDTH_TYPE"] = 228] = "MAX_WIDTH_TYPE";
63
- StyleKeys[StyleKeys["MAX_WIDTH_VALUE"] = 232] = "MAX_WIDTH_VALUE";
64
- StyleKeys[StyleKeys["MAX_HEIGHT_TYPE"] = 236] = "MAX_HEIGHT_TYPE";
65
- StyleKeys[StyleKeys["MAX_HEIGHT_VALUE"] = 240] = "MAX_HEIGHT_VALUE";
66
- StyleKeys[StyleKeys["GAP_ROW_TYPE"] = 244] = "GAP_ROW_TYPE";
67
- StyleKeys[StyleKeys["GAP_ROW_VALUE"] = 248] = "GAP_ROW_VALUE";
68
- StyleKeys[StyleKeys["GAP_COLUMN_TYPE"] = 252] = "GAP_COLUMN_TYPE";
69
- StyleKeys[StyleKeys["GAP_COLUMN_VALUE"] = 256] = "GAP_COLUMN_VALUE";
70
- StyleKeys[StyleKeys["ASPECT_RATIO"] = 260] = "ASPECT_RATIO";
71
- StyleKeys[StyleKeys["GRID_AUTO_FLOW"] = 264] = "GRID_AUTO_FLOW";
72
- StyleKeys[StyleKeys["GRID_COLUMN_START_TYPE"] = 268] = "GRID_COLUMN_START_TYPE";
73
- StyleKeys[StyleKeys["GRID_COLUMN_START_VALUE"] = 272] = "GRID_COLUMN_START_VALUE";
74
- StyleKeys[StyleKeys["GRID_COLUMN_END_TYPE"] = 276] = "GRID_COLUMN_END_TYPE";
75
- StyleKeys[StyleKeys["GRID_COLUMN_END_VALUE"] = 280] = "GRID_COLUMN_END_VALUE";
76
- StyleKeys[StyleKeys["GRID_ROW_START_TYPE"] = 284] = "GRID_ROW_START_TYPE";
77
- StyleKeys[StyleKeys["GRID_ROW_START_VALUE"] = 288] = "GRID_ROW_START_VALUE";
78
- StyleKeys[StyleKeys["GRID_ROW_END_TYPE"] = 292] = "GRID_ROW_END_TYPE";
79
- StyleKeys[StyleKeys["GRID_ROW_END_VALUE"] = 296] = "GRID_ROW_END_VALUE";
80
- StyleKeys[StyleKeys["SCROLLBAR_WIDTH"] = 300] = "SCROLLBAR_WIDTH";
81
- StyleKeys[StyleKeys["TEXT_ALIGN"] = 304] = "TEXT_ALIGN";
82
- StyleKeys[StyleKeys["BOX_SIZING"] = 308] = "BOX_SIZING";
83
- StyleKeys[StyleKeys["OVERFLOW"] = 312] = "OVERFLOW";
84
- StyleKeys[StyleKeys["ITEM_IS_TABLE"] = 316] = "ITEM_IS_TABLE";
85
- StyleKeys[StyleKeys["ITEM_IS_REPLACED"] = 320] = "ITEM_IS_REPLACED";
86
- StyleKeys[StyleKeys["DISPLAY_MODE"] = 324] = "DISPLAY_MODE";
87
- StyleKeys[StyleKeys["FORCE_INLINE"] = 328] = "FORCE_INLINE";
88
- StyleKeys[StyleKeys["MIN_CONTENT_WIDTH"] = 332] = "MIN_CONTENT_WIDTH";
89
- StyleKeys[StyleKeys["MIN_CONTENT_HEIGHT"] = 336] = "MIN_CONTENT_HEIGHT";
90
- StyleKeys[StyleKeys["MAX_CONTENT_WIDTH"] = 340] = "MAX_CONTENT_WIDTH";
91
- StyleKeys[StyleKeys["MAX_CONTENT_HEIGHT"] = 344] = "MAX_CONTENT_HEIGHT";
6
+ StyleKeys[StyleKeys["POSITION"] = 1] = "POSITION";
7
+ StyleKeys[StyleKeys["DIRECTION"] = 2] = "DIRECTION";
8
+ StyleKeys[StyleKeys["FLEX_DIRECTION"] = 3] = "FLEX_DIRECTION";
9
+ StyleKeys[StyleKeys["FLEX_WRAP"] = 4] = "FLEX_WRAP";
10
+ StyleKeys[StyleKeys["OVERFLOW_X"] = 5] = "OVERFLOW_X";
11
+ StyleKeys[StyleKeys["OVERFLOW_Y"] = 6] = "OVERFLOW_Y";
12
+ StyleKeys[StyleKeys["ALIGN_ITEMS"] = 7] = "ALIGN_ITEMS";
13
+ StyleKeys[StyleKeys["ALIGN_SELF"] = 8] = "ALIGN_SELF";
14
+ StyleKeys[StyleKeys["ALIGN_CONTENT"] = 9] = "ALIGN_CONTENT";
15
+ StyleKeys[StyleKeys["JUSTIFY_ITEMS"] = 10] = "JUSTIFY_ITEMS";
16
+ StyleKeys[StyleKeys["JUSTIFY_SELF"] = 11] = "JUSTIFY_SELF";
17
+ StyleKeys[StyleKeys["JUSTIFY_CONTENT"] = 12] = "JUSTIFY_CONTENT";
18
+ StyleKeys[StyleKeys["INSET_LEFT_TYPE"] = 13] = "INSET_LEFT_TYPE";
19
+ StyleKeys[StyleKeys["INSET_LEFT_VALUE"] = 14] = "INSET_LEFT_VALUE";
20
+ StyleKeys[StyleKeys["INSET_RIGHT_TYPE"] = 18] = "INSET_RIGHT_TYPE";
21
+ StyleKeys[StyleKeys["INSET_RIGHT_VALUE"] = 19] = "INSET_RIGHT_VALUE";
22
+ StyleKeys[StyleKeys["INSET_TOP_TYPE"] = 23] = "INSET_TOP_TYPE";
23
+ StyleKeys[StyleKeys["INSET_TOP_VALUE"] = 24] = "INSET_TOP_VALUE";
24
+ StyleKeys[StyleKeys["INSET_BOTTOM_TYPE"] = 28] = "INSET_BOTTOM_TYPE";
25
+ StyleKeys[StyleKeys["INSET_BOTTOM_VALUE"] = 29] = "INSET_BOTTOM_VALUE";
26
+ StyleKeys[StyleKeys["MARGIN_LEFT_TYPE"] = 33] = "MARGIN_LEFT_TYPE";
27
+ StyleKeys[StyleKeys["MARGIN_LEFT_VALUE"] = 34] = "MARGIN_LEFT_VALUE";
28
+ StyleKeys[StyleKeys["MARGIN_RIGHT_TYPE"] = 38] = "MARGIN_RIGHT_TYPE";
29
+ StyleKeys[StyleKeys["MARGIN_RIGHT_VALUE"] = 39] = "MARGIN_RIGHT_VALUE";
30
+ StyleKeys[StyleKeys["MARGIN_TOP_TYPE"] = 43] = "MARGIN_TOP_TYPE";
31
+ StyleKeys[StyleKeys["MARGIN_TOP_VALUE"] = 44] = "MARGIN_TOP_VALUE";
32
+ StyleKeys[StyleKeys["MARGIN_BOTTOM_TYPE"] = 48] = "MARGIN_BOTTOM_TYPE";
33
+ StyleKeys[StyleKeys["MARGIN_BOTTOM_VALUE"] = 49] = "MARGIN_BOTTOM_VALUE";
34
+ StyleKeys[StyleKeys["PADDING_LEFT_TYPE"] = 53] = "PADDING_LEFT_TYPE";
35
+ StyleKeys[StyleKeys["PADDING_LEFT_VALUE"] = 54] = "PADDING_LEFT_VALUE";
36
+ StyleKeys[StyleKeys["PADDING_RIGHT_TYPE"] = 58] = "PADDING_RIGHT_TYPE";
37
+ StyleKeys[StyleKeys["PADDING_RIGHT_VALUE"] = 59] = "PADDING_RIGHT_VALUE";
38
+ StyleKeys[StyleKeys["PADDING_TOP_TYPE"] = 63] = "PADDING_TOP_TYPE";
39
+ StyleKeys[StyleKeys["PADDING_TOP_VALUE"] = 64] = "PADDING_TOP_VALUE";
40
+ StyleKeys[StyleKeys["PADDING_BOTTOM_TYPE"] = 68] = "PADDING_BOTTOM_TYPE";
41
+ StyleKeys[StyleKeys["PADDING_BOTTOM_VALUE"] = 69] = "PADDING_BOTTOM_VALUE";
42
+ StyleKeys[StyleKeys["BORDER_LEFT_TYPE"] = 73] = "BORDER_LEFT_TYPE";
43
+ StyleKeys[StyleKeys["BORDER_LEFT_VALUE"] = 74] = "BORDER_LEFT_VALUE";
44
+ StyleKeys[StyleKeys["BORDER_RIGHT_TYPE"] = 78] = "BORDER_RIGHT_TYPE";
45
+ StyleKeys[StyleKeys["BORDER_RIGHT_VALUE"] = 79] = "BORDER_RIGHT_VALUE";
46
+ StyleKeys[StyleKeys["BORDER_TOP_TYPE"] = 83] = "BORDER_TOP_TYPE";
47
+ StyleKeys[StyleKeys["BORDER_TOP_VALUE"] = 84] = "BORDER_TOP_VALUE";
48
+ StyleKeys[StyleKeys["BORDER_BOTTOM_TYPE"] = 88] = "BORDER_BOTTOM_TYPE";
49
+ StyleKeys[StyleKeys["BORDER_BOTTOM_VALUE"] = 89] = "BORDER_BOTTOM_VALUE";
50
+ StyleKeys[StyleKeys["FLEX_GROW"] = 93] = "FLEX_GROW";
51
+ StyleKeys[StyleKeys["FLEX_SHRINK"] = 97] = "FLEX_SHRINK";
52
+ StyleKeys[StyleKeys["FLEX_BASIS_TYPE"] = 101] = "FLEX_BASIS_TYPE";
53
+ StyleKeys[StyleKeys["FLEX_BASIS_VALUE"] = 102] = "FLEX_BASIS_VALUE";
54
+ StyleKeys[StyleKeys["WIDTH_TYPE"] = 106] = "WIDTH_TYPE";
55
+ StyleKeys[StyleKeys["WIDTH_VALUE"] = 107] = "WIDTH_VALUE";
56
+ StyleKeys[StyleKeys["HEIGHT_TYPE"] = 111] = "HEIGHT_TYPE";
57
+ StyleKeys[StyleKeys["HEIGHT_VALUE"] = 112] = "HEIGHT_VALUE";
58
+ StyleKeys[StyleKeys["MIN_WIDTH_TYPE"] = 116] = "MIN_WIDTH_TYPE";
59
+ StyleKeys[StyleKeys["MIN_WIDTH_VALUE"] = 117] = "MIN_WIDTH_VALUE";
60
+ StyleKeys[StyleKeys["MIN_HEIGHT_TYPE"] = 121] = "MIN_HEIGHT_TYPE";
61
+ StyleKeys[StyleKeys["MIN_HEIGHT_VALUE"] = 122] = "MIN_HEIGHT_VALUE";
62
+ StyleKeys[StyleKeys["MAX_WIDTH_TYPE"] = 126] = "MAX_WIDTH_TYPE";
63
+ StyleKeys[StyleKeys["MAX_WIDTH_VALUE"] = 127] = "MAX_WIDTH_VALUE";
64
+ StyleKeys[StyleKeys["MAX_HEIGHT_TYPE"] = 131] = "MAX_HEIGHT_TYPE";
65
+ StyleKeys[StyleKeys["MAX_HEIGHT_VALUE"] = 132] = "MAX_HEIGHT_VALUE";
66
+ StyleKeys[StyleKeys["GAP_ROW_TYPE"] = 136] = "GAP_ROW_TYPE";
67
+ StyleKeys[StyleKeys["GAP_ROW_VALUE"] = 137] = "GAP_ROW_VALUE";
68
+ StyleKeys[StyleKeys["GAP_COLUMN_TYPE"] = 141] = "GAP_COLUMN_TYPE";
69
+ StyleKeys[StyleKeys["GAP_COLUMN_VALUE"] = 142] = "GAP_COLUMN_VALUE";
70
+ StyleKeys[StyleKeys["ASPECT_RATIO"] = 146] = "ASPECT_RATIO";
71
+ StyleKeys[StyleKeys["GRID_AUTO_FLOW"] = 150] = "GRID_AUTO_FLOW";
72
+ StyleKeys[StyleKeys["GRID_COLUMN_START_TYPE"] = 151] = "GRID_COLUMN_START_TYPE";
73
+ StyleKeys[StyleKeys["GRID_COLUMN_START_VALUE"] = 152] = "GRID_COLUMN_START_VALUE";
74
+ StyleKeys[StyleKeys["GRID_COLUMN_END_TYPE"] = 156] = "GRID_COLUMN_END_TYPE";
75
+ StyleKeys[StyleKeys["GRID_COLUMN_END_VALUE"] = 157] = "GRID_COLUMN_END_VALUE";
76
+ StyleKeys[StyleKeys["GRID_ROW_START_TYPE"] = 161] = "GRID_ROW_START_TYPE";
77
+ StyleKeys[StyleKeys["GRID_ROW_START_VALUE"] = 162] = "GRID_ROW_START_VALUE";
78
+ StyleKeys[StyleKeys["GRID_ROW_END_TYPE"] = 166] = "GRID_ROW_END_TYPE";
79
+ StyleKeys[StyleKeys["GRID_ROW_END_VALUE"] = 167] = "GRID_ROW_END_VALUE";
80
+ StyleKeys[StyleKeys["SCROLLBAR_WIDTH"] = 171] = "SCROLLBAR_WIDTH";
81
+ StyleKeys[StyleKeys["TEXT_ALIGN"] = 175] = "TEXT_ALIGN";
82
+ StyleKeys[StyleKeys["BOX_SIZING"] = 176] = "BOX_SIZING";
83
+ StyleKeys[StyleKeys["OVERFLOW"] = 177] = "OVERFLOW";
84
+ StyleKeys[StyleKeys["ITEM_IS_TABLE"] = 178] = "ITEM_IS_TABLE";
85
+ StyleKeys[StyleKeys["ITEM_IS_REPLACED"] = 179] = "ITEM_IS_REPLACED";
86
+ StyleKeys[StyleKeys["DISPLAY_MODE"] = 180] = "DISPLAY_MODE";
87
+ StyleKeys[StyleKeys["FORCE_INLINE"] = 181] = "FORCE_INLINE";
88
+ StyleKeys[StyleKeys["MIN_CONTENT_WIDTH"] = 182] = "MIN_CONTENT_WIDTH";
89
+ StyleKeys[StyleKeys["MIN_CONTENT_HEIGHT"] = 186] = "MIN_CONTENT_HEIGHT";
90
+ StyleKeys[StyleKeys["MAX_CONTENT_WIDTH"] = 190] = "MAX_CONTENT_WIDTH";
91
+ StyleKeys[StyleKeys["MAX_CONTENT_HEIGHT"] = 194] = "MAX_CONTENT_HEIGHT";
92
92
  // ----------------------------
93
93
  // Border Style (per side)
94
94
  // ----------------------------
95
- StyleKeys[StyleKeys["BORDER_LEFT_STYLE"] = 348] = "BORDER_LEFT_STYLE";
96
- StyleKeys[StyleKeys["BORDER_RIGHT_STYLE"] = 352] = "BORDER_RIGHT_STYLE";
97
- StyleKeys[StyleKeys["BORDER_TOP_STYLE"] = 356] = "BORDER_TOP_STYLE";
98
- StyleKeys[StyleKeys["BORDER_BOTTOM_STYLE"] = 360] = "BORDER_BOTTOM_STYLE";
95
+ StyleKeys[StyleKeys["BORDER_LEFT_STYLE"] = 198] = "BORDER_LEFT_STYLE";
96
+ StyleKeys[StyleKeys["BORDER_RIGHT_STYLE"] = 199] = "BORDER_RIGHT_STYLE";
97
+ StyleKeys[StyleKeys["BORDER_TOP_STYLE"] = 200] = "BORDER_TOP_STYLE";
98
+ StyleKeys[StyleKeys["BORDER_BOTTOM_STYLE"] = 201] = "BORDER_BOTTOM_STYLE";
99
99
  // ----------------------------
100
100
  // Border Color (per side)
101
101
  // ----------------------------
102
- StyleKeys[StyleKeys["BORDER_LEFT_COLOR"] = 364] = "BORDER_LEFT_COLOR";
103
- StyleKeys[StyleKeys["BORDER_RIGHT_COLOR"] = 368] = "BORDER_RIGHT_COLOR";
104
- StyleKeys[StyleKeys["BORDER_TOP_COLOR"] = 372] = "BORDER_TOP_COLOR";
105
- StyleKeys[StyleKeys["BORDER_BOTTOM_COLOR"] = 376] = "BORDER_BOTTOM_COLOR";
102
+ StyleKeys[StyleKeys["BORDER_LEFT_COLOR"] = 202] = "BORDER_LEFT_COLOR";
103
+ StyleKeys[StyleKeys["BORDER_RIGHT_COLOR"] = 206] = "BORDER_RIGHT_COLOR";
104
+ StyleKeys[StyleKeys["BORDER_TOP_COLOR"] = 210] = "BORDER_TOP_COLOR";
105
+ StyleKeys[StyleKeys["BORDER_BOTTOM_COLOR"] = 214] = "BORDER_BOTTOM_COLOR";
106
106
  // ============================================================
107
107
  // Border Radius (elliptical + squircle exponent)
108
- // Each corner = 20 bytes:
109
- // x_type (4), x_value (4), y_type (4), y_value (4), exponent (4)
108
+ // Each corner = 5 fields (12 bytes total):
109
+ // x_type (1), x_value (4), y_type (1), y_value (4), exponent (4)
110
110
  // ============================================================
111
111
  // ----------------------------
112
- // Top-left corner (20 bytes)
112
+ // Top-left corner (12 bytes)
113
113
  // ----------------------------
114
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_X_TYPE"] = 380] = "BORDER_RADIUS_TOP_LEFT_X_TYPE";
115
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_X_VALUE"] = 384] = "BORDER_RADIUS_TOP_LEFT_X_VALUE";
116
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_Y_TYPE"] = 388] = "BORDER_RADIUS_TOP_LEFT_Y_TYPE";
117
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_Y_VALUE"] = 392] = "BORDER_RADIUS_TOP_LEFT_Y_VALUE";
118
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_EXPONENT"] = 396] = "BORDER_RADIUS_TOP_LEFT_EXPONENT";
114
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_X_TYPE"] = 218] = "BORDER_RADIUS_TOP_LEFT_X_TYPE";
115
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_X_VALUE"] = 219] = "BORDER_RADIUS_TOP_LEFT_X_VALUE";
116
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_Y_TYPE"] = 223] = "BORDER_RADIUS_TOP_LEFT_Y_TYPE";
117
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_Y_VALUE"] = 224] = "BORDER_RADIUS_TOP_LEFT_Y_VALUE";
118
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_LEFT_EXPONENT"] = 228] = "BORDER_RADIUS_TOP_LEFT_EXPONENT";
119
119
  // ----------------------------
120
120
  // Top-right corner
121
121
  // ----------------------------
122
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_X_TYPE"] = 400] = "BORDER_RADIUS_TOP_RIGHT_X_TYPE";
123
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_X_VALUE"] = 404] = "BORDER_RADIUS_TOP_RIGHT_X_VALUE";
124
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_Y_TYPE"] = 408] = "BORDER_RADIUS_TOP_RIGHT_Y_TYPE";
125
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_Y_VALUE"] = 412] = "BORDER_RADIUS_TOP_RIGHT_Y_VALUE";
126
- StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_EXPONENT"] = 416] = "BORDER_RADIUS_TOP_RIGHT_EXPONENT";
122
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_X_TYPE"] = 232] = "BORDER_RADIUS_TOP_RIGHT_X_TYPE";
123
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_X_VALUE"] = 233] = "BORDER_RADIUS_TOP_RIGHT_X_VALUE";
124
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_Y_TYPE"] = 237] = "BORDER_RADIUS_TOP_RIGHT_Y_TYPE";
125
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_Y_VALUE"] = 238] = "BORDER_RADIUS_TOP_RIGHT_Y_VALUE";
126
+ StyleKeys[StyleKeys["BORDER_RADIUS_TOP_RIGHT_EXPONENT"] = 242] = "BORDER_RADIUS_TOP_RIGHT_EXPONENT";
127
127
  // ----------------------------
128
128
  // Bottom-right corner
129
129
  // ----------------------------
130
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_X_TYPE"] = 420] = "BORDER_RADIUS_BOTTOM_RIGHT_X_TYPE";
131
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_X_VALUE"] = 424] = "BORDER_RADIUS_BOTTOM_RIGHT_X_VALUE";
132
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_Y_TYPE"] = 428] = "BORDER_RADIUS_BOTTOM_RIGHT_Y_TYPE";
133
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_Y_VALUE"] = 432] = "BORDER_RADIUS_BOTTOM_RIGHT_Y_VALUE";
134
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_EXPONENT"] = 436] = "BORDER_RADIUS_BOTTOM_RIGHT_EXPONENT";
130
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_X_TYPE"] = 246] = "BORDER_RADIUS_BOTTOM_RIGHT_X_TYPE";
131
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_X_VALUE"] = 247] = "BORDER_RADIUS_BOTTOM_RIGHT_X_VALUE";
132
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_Y_TYPE"] = 251] = "BORDER_RADIUS_BOTTOM_RIGHT_Y_TYPE";
133
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_Y_VALUE"] = 252] = "BORDER_RADIUS_BOTTOM_RIGHT_Y_VALUE";
134
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_RIGHT_EXPONENT"] = 256] = "BORDER_RADIUS_BOTTOM_RIGHT_EXPONENT";
135
135
  // ----------------------------
136
136
  // Bottom-left corner
137
137
  // ----------------------------
138
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_X_TYPE"] = 440] = "BORDER_RADIUS_BOTTOM_LEFT_X_TYPE";
139
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_X_VALUE"] = 444] = "BORDER_RADIUS_BOTTOM_LEFT_X_VALUE";
140
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_Y_TYPE"] = 448] = "BORDER_RADIUS_BOTTOM_LEFT_Y_TYPE";
141
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_Y_VALUE"] = 452] = "BORDER_RADIUS_BOTTOM_LEFT_Y_VALUE";
142
- StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_EXPONENT"] = 456] = "BORDER_RADIUS_BOTTOM_LEFT_EXPONENT";
138
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_X_TYPE"] = 260] = "BORDER_RADIUS_BOTTOM_LEFT_X_TYPE";
139
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_X_VALUE"] = 261] = "BORDER_RADIUS_BOTTOM_LEFT_X_VALUE";
140
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_Y_TYPE"] = 265] = "BORDER_RADIUS_BOTTOM_LEFT_Y_TYPE";
141
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_Y_VALUE"] = 266] = "BORDER_RADIUS_BOTTOM_LEFT_Y_VALUE";
142
+ StyleKeys[StyleKeys["BORDER_RADIUS_BOTTOM_LEFT_EXPONENT"] = 270] = "BORDER_RADIUS_BOTTOM_LEFT_EXPONENT";
143
143
  // ----------------------------
144
144
  // Float
145
145
  // ----------------------------
146
- StyleKeys[StyleKeys["FLOAT"] = 460] = "FLOAT";
147
- StyleKeys[StyleKeys["CLEAR"] = 464] = "CLEAR";
148
- StyleKeys[StyleKeys["OBJECT_FIT"] = 468] = "OBJECT_FIT";
149
- StyleKeys[StyleKeys["FONT_METRICS_ASCENT_OFFSET"] = 472] = "FONT_METRICS_ASCENT_OFFSET";
150
- StyleKeys[StyleKeys["FONT_METRICS_DESCENT_OFFSET"] = 476] = "FONT_METRICS_DESCENT_OFFSET";
151
- StyleKeys[StyleKeys["FONT_METRICS_X_HEIGHT_OFFSET"] = 480] = "FONT_METRICS_X_HEIGHT_OFFSET";
152
- StyleKeys[StyleKeys["FONT_METRICS_LEADING_OFFSET"] = 484] = "FONT_METRICS_LEADING_OFFSET";
153
- StyleKeys[StyleKeys["FONT_METRICS_CAP_HEIGHT_OFFSET"] = 488] = "FONT_METRICS_CAP_HEIGHT_OFFSET";
154
- StyleKeys[StyleKeys["VERTICAL_ALIGN_OFFSET_OFFSET"] = 492] = "VERTICAL_ALIGN_OFFSET_OFFSET";
155
- StyleKeys[StyleKeys["VERTICAL_ALIGN_IS_PERCENT_OFFSET"] = 496] = "VERTICAL_ALIGN_IS_PERCENT_OFFSET";
156
- StyleKeys[StyleKeys["VERTICAL_ALIGN_ENUM_OFFSET"] = 500] = "VERTICAL_ALIGN_ENUM_OFFSET";
157
- StyleKeys[StyleKeys["FIRST_BASELINE_OFFSET"] = 504] = "FIRST_BASELINE_OFFSET";
146
+ StyleKeys[StyleKeys["FLOAT"] = 274] = "FLOAT";
147
+ StyleKeys[StyleKeys["CLEAR"] = 275] = "CLEAR";
148
+ StyleKeys[StyleKeys["OBJECT_FIT"] = 276] = "OBJECT_FIT";
149
+ StyleKeys[StyleKeys["FONT_METRICS_ASCENT_OFFSET"] = 277] = "FONT_METRICS_ASCENT_OFFSET";
150
+ StyleKeys[StyleKeys["FONT_METRICS_DESCENT_OFFSET"] = 281] = "FONT_METRICS_DESCENT_OFFSET";
151
+ StyleKeys[StyleKeys["FONT_METRICS_X_HEIGHT_OFFSET"] = 285] = "FONT_METRICS_X_HEIGHT_OFFSET";
152
+ StyleKeys[StyleKeys["FONT_METRICS_LEADING_OFFSET"] = 289] = "FONT_METRICS_LEADING_OFFSET";
153
+ StyleKeys[StyleKeys["FONT_METRICS_CAP_HEIGHT_OFFSET"] = 293] = "FONT_METRICS_CAP_HEIGHT_OFFSET";
154
+ StyleKeys[StyleKeys["VERTICAL_ALIGN_OFFSET_OFFSET"] = 297] = "VERTICAL_ALIGN_OFFSET_OFFSET";
155
+ StyleKeys[StyleKeys["VERTICAL_ALIGN_IS_PERCENT_OFFSET"] = 301] = "VERTICAL_ALIGN_IS_PERCENT_OFFSET";
156
+ StyleKeys[StyleKeys["VERTICAL_ALIGN_ENUM_OFFSET"] = 302] = "VERTICAL_ALIGN_ENUM_OFFSET";
157
+ StyleKeys[StyleKeys["FIRST_BASELINE_OFFSET"] = 306] = "FIRST_BASELINE_OFFSET";
158
+ StyleKeys[StyleKeys["Z_INDEX"] = 310] = "Z_INDEX";
159
+ StyleKeys[StyleKeys["ITEM_IS_LIST"] = 314] = "ITEM_IS_LIST";
160
+ StyleKeys[StyleKeys["ITEM_IS_LIST_ITEM"] = 315] = "ITEM_IS_LIST_ITEM";
161
+ StyleKeys[StyleKeys["LIST_STYLE_POSITION"] = 316] = "LIST_STYLE_POSITION";
162
+ StyleKeys[StyleKeys["LIST_STYLE_TYPE"] = 317] = "LIST_STYLE_TYPE";
163
+ StyleKeys[StyleKeys["LIST_STYLE_POSITION_STATE"] = 318] = "LIST_STYLE_POSITION_STATE";
164
+ StyleKeys[StyleKeys["LIST_STYLE_TYPE_STATE"] = 319] = "LIST_STYLE_TYPE_STATE";
165
+ StyleKeys[StyleKeys["REF_COUNT"] = 320] = "REF_COUNT";
158
166
  })(StyleKeys || (StyleKeys = {}));
159
167
  var TextStyleKeys;
160
168
  (function (TextStyleKeys) {
@@ -273,6 +281,10 @@ StateKeys.MAX_CONTENT_HEIGHT = new StateKeys(1n << 39n);
273
281
  StateKeys.BORDER_STYLE = new StateKeys(1n << 40n);
274
282
  StateKeys.BORDER_RADIUS = new StateKeys(1n << 41n);
275
283
  StateKeys.BORDER_COLOR = new StateKeys(1n << 42n);
284
+ StateKeys.FLOAT = new StateKeys(1n << 43n);
285
+ StateKeys.CLEAR = new StateKeys(1n << 44n);
286
+ StateKeys.OBJECT_FIT = new StateKeys(1n << 45n);
287
+ StateKeys.Z_INDEX = new StateKeys(1n << 46n);
276
288
  class TextStateKeys {
277
289
  constructor(bits) {
278
290
  this.bits = bits;
@@ -361,7 +373,7 @@ export class Style {
361
373
  let style = nativeView?.getStyle?.();
362
374
  if (!style) {
363
375
  // if a non mason view is passed
364
- style = org.nativescript.mason.masonkit.Mason.getShared().styleForView(nativeView);
376
+ style = org.nativescript.mason.masonkit.Mason.getShared().styleForViewOrNode(nativeView);
365
377
  }
366
378
  const styleBuffer = style.getValues();
367
379
  const buffer = ArrayBuffer.from(styleBuffer);
@@ -373,7 +385,7 @@ export class Style {
373
385
  else if (__APPLE__) {
374
386
  let style = nativeView?.style;
375
387
  if (!style) {
376
- style = NSCMason.shared.styleForView(nativeView);
388
+ style = NSCMason.shared.styleForViewOrNode(nativeView);
377
389
  }
378
390
  const styleBuffer = style.values;
379
391
  const buffer = interop.bufferFromData(styleBuffer);
@@ -433,8 +445,34 @@ export class Style {
433
445
  get view() {
434
446
  return this.view_;
435
447
  }
448
+ prepareMut() {
449
+ const ref = getUint32(this.style_view, StyleKeys.REF_COUNT);
450
+ if (ref !== 1) {
451
+ if (__APPLE__) {
452
+ let style = this.nativeView?.style;
453
+ if (!style) {
454
+ style = NSCMason.shared.styleForViewOrNode(this.nativeView);
455
+ }
456
+ style.prepareMut();
457
+ const styleBuffer = style.values;
458
+ const buffer = interop.bufferFromData(styleBuffer);
459
+ this.style_view = new DataView(buffer);
460
+ }
461
+ if (__ANDROID__) {
462
+ let style = this.nativeView?.getStyle?.();
463
+ if (!style) {
464
+ // if a non mason view is passed
465
+ style = org.nativescript.mason.masonkit.Mason.getShared().styleForViewOrNode(this.nativeView);
466
+ }
467
+ style.prepareMut();
468
+ const styleBuffer = style.getValues();
469
+ const buffer = ArrayBuffer.from(styleBuffer);
470
+ this.style_view = new DataView(buffer);
471
+ }
472
+ }
473
+ }
436
474
  get boxSizing() {
437
- switch (getUint32(this.style_view, StyleKeys.BOX_SIZING)) {
475
+ switch (getUint8(this.style_view, StyleKeys.BOX_SIZING)) {
438
476
  case 0:
439
477
  return 'border-box';
440
478
  case 1:
@@ -452,7 +490,8 @@ export class Style {
452
490
  break;
453
491
  }
454
492
  if (boxSizing !== -1) {
455
- setUint32(this.style_view, StyleKeys.BOX_SIZING, boxSizing);
493
+ this.prepareMut();
494
+ setUint8(this.style_view, StyleKeys.BOX_SIZING, boxSizing);
456
495
  this.setOrAppendState(StateKeys.BOX_SIZING);
457
496
  }
458
497
  }
@@ -482,13 +521,13 @@ export class Style {
482
521
  case 'object':
483
522
  switch (value.unit) {
484
523
  case 'dip':
485
- setInt32(this.text_style_view, TextStyleKeys.SIZE, value.value);
524
+ setInt32(this.text_style_view, TextStyleKeys.SIZE, layout.toDeviceIndependentPixels(value.value));
486
525
  setInt8(this.text_style_view, TextStyleKeys.SIZE_STATE, 1);
487
526
  setInt8(this.text_style_view, TextStyleKeys.SIZE_TYPE, 0);
488
527
  this.setOrAppendTextState(TextStateKeys.SIZE);
489
528
  break;
490
529
  case 'px':
491
- setInt32(this.text_style_view, TextStyleKeys.SIZE, layout.toDeviceIndependentPixels(value.value));
530
+ setInt32(this.text_style_view, TextStyleKeys.SIZE, value.value);
492
531
  setInt8(this.text_style_view, TextStyleKeys.SIZE_STATE, 1);
493
532
  setInt8(this.text_style_view, TextStyleKeys.SIZE_TYPE, 0);
494
533
  this.setOrAppendTextState(TextStateKeys.SIZE);
@@ -665,11 +704,11 @@ export class Style {
665
704
  return this.style_view;
666
705
  }
667
706
  get display() {
668
- const mode = getInt32(this.style_view, StyleKeys.DISPLAY_MODE);
707
+ const mode = getInt8(this.style_view, StyleKeys.DISPLAY_MODE);
669
708
  if (mode === 1 /* DisplayMode.Inline */) {
670
709
  return 'inline';
671
710
  }
672
- switch (getInt32(this.style_view, StyleKeys.DISPLAY)) {
711
+ switch (getInt8(this.style_view, StyleKeys.DISPLAY)) {
673
712
  case 0:
674
713
  return 'none';
675
714
  case 1:
@@ -727,13 +766,14 @@ export class Style {
727
766
  break;
728
767
  }
729
768
  if (display != -1) {
730
- setInt32(this.style_view, StyleKeys.DISPLAY, display);
731
- setInt32(this.style_view, StyleKeys.DISPLAY_MODE, displayMode);
769
+ this.prepareMut();
770
+ setInt8(this.style_view, StyleKeys.DISPLAY, display);
771
+ setInt8(this.style_view, StyleKeys.DISPLAY_MODE, displayMode);
732
772
  this.setOrAppendState(StateKeys.DISPLAY);
733
773
  }
734
774
  }
735
775
  get position() {
736
- switch (getInt32(this.style_view, StyleKeys.POSITION)) {
776
+ switch (getInt8(this.style_view, StyleKeys.POSITION)) {
737
777
  case 0:
738
778
  return 'relative';
739
779
  case 1:
@@ -751,12 +791,13 @@ export class Style {
751
791
  break;
752
792
  }
753
793
  if (position != -1) {
754
- setInt32(this.style_view, StyleKeys.POSITION, position);
794
+ this.prepareMut();
795
+ setInt8(this.style_view, StyleKeys.POSITION, position);
755
796
  this.setOrAppendState(StateKeys.POSITION);
756
797
  }
757
798
  }
758
799
  get flexDirection() {
759
- switch (getInt32(this.style_view, StyleKeys.FLEX_DIRECTION)) {
800
+ switch (getInt8(this.style_view, StyleKeys.FLEX_DIRECTION)) {
760
801
  case 0:
761
802
  return 'column';
762
803
  case 1:
@@ -784,12 +825,13 @@ export class Style {
784
825
  break;
785
826
  }
786
827
  if (flex != -1) {
787
- setInt32(this.style_view, StyleKeys.FLEX_DIRECTION, flex);
828
+ this.prepareMut();
829
+ setInt8(this.style_view, StyleKeys.FLEX_DIRECTION, flex);
788
830
  this.setOrAppendState(StateKeys.FLEX_DIRECTION);
789
831
  }
790
832
  }
791
833
  get flexWrap() {
792
- switch (getInt32(this.style_view, StyleKeys.FLEX_WRAP)) {
834
+ switch (getInt8(this.style_view, StyleKeys.FLEX_WRAP)) {
793
835
  case 0:
794
836
  return 'no-wrap';
795
837
  case 1:
@@ -812,7 +854,8 @@ export class Style {
812
854
  break;
813
855
  }
814
856
  if (wrap != -1) {
815
- setInt32(this.style_view, StyleKeys.FLEX_WRAP, wrap);
857
+ this.prepareMut();
858
+ setInt8(this.style_view, StyleKeys.FLEX_WRAP, wrap);
816
859
  this.setOrAppendState(StateKeys.FLEX_WRAP);
817
860
  }
818
861
  }
@@ -821,31 +864,36 @@ export class Style {
821
864
  // }
822
865
  // get flexFlow(): string
823
866
  get minWidth() {
824
- const type = getInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE);
867
+ const type = getInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE);
825
868
  const value = getFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE);
826
869
  return parseLengthPercentageAuto(type, value);
827
870
  }
828
871
  set minWidth(value) {
829
872
  switch (typeof value) {
830
873
  case 'string':
831
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 0);
874
+ this.prepareMut();
875
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 0);
832
876
  break;
833
877
  case 'number':
834
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
878
+ this.prepareMut();
879
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
835
880
  setFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE, layout.toDevicePixels(value));
836
881
  break;
837
882
  case 'object':
838
883
  switch (value.unit) {
839
884
  case 'dip':
840
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
885
+ this.prepareMut();
886
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
841
887
  setFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE, layout.toDevicePixels(value.value));
842
888
  break;
843
889
  case 'px':
844
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
890
+ this.prepareMut();
891
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
845
892
  setFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE, value.value);
846
893
  break;
847
894
  case '%':
848
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 2);
895
+ this.prepareMut();
896
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 2);
849
897
  setFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE, value.value);
850
898
  break;
851
899
  }
@@ -854,31 +902,36 @@ export class Style {
854
902
  this.setOrAppendState(StateKeys.MIN_SIZE);
855
903
  }
856
904
  get minHeight() {
857
- const type = getInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE);
905
+ const type = getInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE);
858
906
  const value = getFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE);
859
907
  return parseLengthPercentageAuto(type, value);
860
908
  }
861
909
  set minHeight(value) {
862
910
  switch (typeof value) {
863
911
  case 'string':
864
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 0);
912
+ this.prepareMut();
913
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 0);
865
914
  break;
866
915
  case 'number':
867
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
916
+ this.prepareMut();
917
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
868
918
  setFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE, layout.toDevicePixels(value));
869
919
  break;
870
920
  case 'object':
871
921
  switch (value.unit) {
872
922
  case 'dip':
873
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
923
+ this.prepareMut();
924
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
874
925
  setFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE, layout.toDevicePixels(value.value));
875
926
  break;
876
927
  case 'px':
877
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
928
+ this.prepareMut();
929
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
878
930
  setFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE, value.value);
879
931
  break;
880
932
  case '%':
881
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 2);
933
+ this.prepareMut();
934
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 2);
882
935
  setFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE, value.value);
883
936
  break;
884
937
  }
@@ -887,31 +940,36 @@ export class Style {
887
940
  this.setOrAppendState(StateKeys.MIN_SIZE);
888
941
  }
889
942
  get width() {
890
- const type = getInt32(this.style_view, StyleKeys.WIDTH_TYPE);
943
+ const type = getInt8(this.style_view, StyleKeys.WIDTH_TYPE);
891
944
  const value = getFloat32(this.style_view, StyleKeys.WIDTH_VALUE);
892
945
  return parseLengthPercentageAuto(type, value);
893
946
  }
894
947
  set width(value) {
895
948
  switch (typeof value) {
896
949
  case 'string':
897
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 0);
950
+ this.prepareMut();
951
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 0);
898
952
  break;
899
953
  case 'number':
900
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 1);
954
+ this.prepareMut();
955
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 1);
901
956
  setFloat32(this.style_view, StyleKeys.WIDTH_VALUE, layout.toDevicePixels(value));
902
957
  break;
903
958
  case 'object':
904
959
  switch (value.unit) {
905
960
  case 'dip':
906
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 1);
961
+ this.prepareMut();
962
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 1);
907
963
  setFloat32(this.style_view, StyleKeys.WIDTH_VALUE, layout.toDevicePixels(value.value));
908
964
  break;
909
965
  case 'px':
910
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 1);
966
+ this.prepareMut();
967
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 1);
911
968
  setFloat32(this.style_view, StyleKeys.WIDTH_VALUE, value.value);
912
969
  break;
913
970
  case '%':
914
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 2);
971
+ this.prepareMut();
972
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 2);
915
973
  setFloat32(this.style_view, StyleKeys.WIDTH_VALUE, value.value);
916
974
  break;
917
975
  }
@@ -920,32 +978,37 @@ export class Style {
920
978
  this.setOrAppendState(StateKeys.SIZE);
921
979
  }
922
980
  get height() {
923
- const type = getInt32(this.style_view, StyleKeys.HEIGHT_TYPE);
981
+ const type = getInt8(this.style_view, StyleKeys.HEIGHT_TYPE);
924
982
  const value = getFloat32(this.style_view, StyleKeys.HEIGHT_VALUE);
925
983
  return parseLengthPercentageAuto(type, value);
926
984
  }
927
985
  set height(value) {
928
986
  switch (typeof value) {
929
987
  case 'string':
930
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 0);
988
+ this.prepareMut();
989
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 0);
931
990
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, 0);
932
991
  break;
933
992
  case 'number':
934
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
993
+ this.prepareMut();
994
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
935
995
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, layout.toDevicePixels(value));
936
996
  break;
937
997
  case 'object':
938
998
  switch (value.unit) {
939
999
  case 'dip':
940
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
1000
+ this.prepareMut();
1001
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
941
1002
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, layout.toDevicePixels(value.value));
942
1003
  break;
943
1004
  case 'px':
944
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
1005
+ this.prepareMut();
1006
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
945
1007
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, value.value);
946
1008
  break;
947
1009
  case '%':
948
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 2);
1010
+ this.prepareMut();
1011
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 2);
949
1012
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, value.value);
950
1013
  break;
951
1014
  }
@@ -954,31 +1017,36 @@ export class Style {
954
1017
  this.setOrAppendState(StateKeys.SIZE);
955
1018
  }
956
1019
  get maxWidth() {
957
- const type = getInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE);
1020
+ const type = getInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE);
958
1021
  const value = getFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE);
959
1022
  return parseLengthPercentageAuto(type, value);
960
1023
  }
961
1024
  set maxWidth(value) {
962
1025
  switch (typeof value) {
963
1026
  case 'string':
964
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 0);
1027
+ this.prepareMut();
1028
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 0);
965
1029
  break;
966
1030
  case 'number':
967
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
1031
+ this.prepareMut();
1032
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
968
1033
  setFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE, layout.toDevicePixels(value));
969
1034
  break;
970
1035
  case 'object':
971
1036
  switch (value.unit) {
972
1037
  case 'dip':
973
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
1038
+ this.prepareMut();
1039
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
974
1040
  setFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE, layout.toDevicePixels(value.value));
975
1041
  break;
976
1042
  case 'px':
977
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
1043
+ this.prepareMut();
1044
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
978
1045
  setFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE, value.value);
979
1046
  break;
980
1047
  case '%':
981
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 2);
1048
+ this.prepareMut();
1049
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 2);
982
1050
  setFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE, value.value);
983
1051
  break;
984
1052
  }
@@ -987,31 +1055,36 @@ export class Style {
987
1055
  this.setOrAppendState(StateKeys.MAX_SIZE);
988
1056
  }
989
1057
  get maxHeight() {
990
- const type = getInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE);
1058
+ const type = getInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE);
991
1059
  const value = getFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE);
992
1060
  return parseLengthPercentageAuto(type, value);
993
1061
  }
994
1062
  set maxHeight(value) {
995
1063
  switch (typeof value) {
996
1064
  case 'string':
997
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 0);
1065
+ this.prepareMut();
1066
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 0);
998
1067
  break;
999
1068
  case 'number':
1000
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1069
+ this.prepareMut();
1070
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1001
1071
  setFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE, layout.toDevicePixels(value));
1002
1072
  break;
1003
1073
  case 'object':
1004
1074
  switch (value.unit) {
1005
1075
  case 'dip':
1006
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1076
+ this.prepareMut();
1077
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1007
1078
  setFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE, layout.toDevicePixels(value.value));
1008
1079
  break;
1009
1080
  case 'px':
1010
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1081
+ this.prepareMut();
1082
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1011
1083
  setFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE, value.value);
1012
1084
  break;
1013
1085
  case '%':
1014
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 2);
1086
+ this.prepareMut();
1087
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 2);
1015
1088
  setFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE, value.value);
1016
1089
  break;
1017
1090
  }
@@ -1020,28 +1093,32 @@ export class Style {
1020
1093
  this.setOrAppendState(StateKeys.MAX_SIZE);
1021
1094
  }
1022
1095
  get borderLeftWidth() {
1023
- const type = getInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE);
1096
+ const type = getInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE);
1024
1097
  const value = getFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE);
1025
1098
  return parseLengthPercentage(type, value);
1026
1099
  }
1027
1100
  set borderLeftWidth(value) {
1028
1101
  switch (typeof value) {
1029
1102
  case 'number':
1030
- setInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1103
+ this.prepareMut();
1104
+ setInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1031
1105
  setFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE, layout.toDevicePixels(value));
1032
1106
  break;
1033
1107
  case 'object':
1034
1108
  switch (value.unit) {
1035
1109
  case 'dip':
1036
- setInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1110
+ this.prepareMut();
1111
+ setInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1037
1112
  setFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE, layout.toDevicePixels(value.value));
1038
1113
  break;
1039
1114
  case 'px':
1040
- setInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1115
+ this.prepareMut();
1116
+ setInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1041
1117
  setFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE, value.value);
1042
1118
  break;
1043
1119
  case '%':
1044
- setInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 1);
1120
+ this.prepareMut();
1121
+ setInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 1);
1045
1122
  setFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE, value.value);
1046
1123
  break;
1047
1124
  }
@@ -1050,28 +1127,32 @@ export class Style {
1050
1127
  this.setOrAppendState(StateKeys.BORDER);
1051
1128
  }
1052
1129
  get borderRightWidth() {
1053
- const type = getInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE);
1130
+ const type = getInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE);
1054
1131
  const value = getFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE);
1055
1132
  return parseLengthPercentage(type, value);
1056
1133
  }
1057
1134
  set borderRightWidth(value) {
1058
1135
  switch (typeof value) {
1059
1136
  case 'number':
1060
- setInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1137
+ this.prepareMut();
1138
+ setInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1061
1139
  setFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE, layout.toDevicePixels(value));
1062
1140
  break;
1063
1141
  case 'object':
1064
1142
  switch (value.unit) {
1065
1143
  case 'dip':
1066
- setInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1144
+ this.prepareMut();
1145
+ setInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1067
1146
  setFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE, layout.toDevicePixels(value.value));
1068
1147
  break;
1069
1148
  case 'px':
1070
- setInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1149
+ this.prepareMut();
1150
+ setInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1071
1151
  setFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE, value.value);
1072
1152
  break;
1073
1153
  case '%':
1074
- setInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 1);
1154
+ this.prepareMut();
1155
+ setInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 1);
1075
1156
  setFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE, value.value);
1076
1157
  break;
1077
1158
  }
@@ -1080,28 +1161,32 @@ export class Style {
1080
1161
  this.setOrAppendState(StateKeys.BORDER);
1081
1162
  }
1082
1163
  get borderTopWidth() {
1083
- const type = getInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE);
1164
+ const type = getInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE);
1084
1165
  const value = getFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE);
1085
1166
  return parseLengthPercentage(type, value);
1086
1167
  }
1087
1168
  set borderTopWidth(value) {
1088
1169
  switch (typeof value) {
1089
1170
  case 'number':
1090
- setInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1171
+ this.prepareMut();
1172
+ setInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1091
1173
  setFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE, layout.toDevicePixels(value));
1092
1174
  break;
1093
1175
  case 'object':
1094
1176
  switch (value.unit) {
1095
1177
  case 'dip':
1096
- setInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1178
+ this.prepareMut();
1179
+ setInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1097
1180
  setFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE, layout.toDevicePixels(value.value));
1098
1181
  break;
1099
1182
  case 'px':
1100
- setInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1183
+ this.prepareMut();
1184
+ setInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1101
1185
  setFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE, value.value);
1102
1186
  break;
1103
1187
  case '%':
1104
- setInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE, 1);
1188
+ this.prepareMut();
1189
+ setInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE, 1);
1105
1190
  setFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE, value.value);
1106
1191
  break;
1107
1192
  }
@@ -1110,28 +1195,32 @@ export class Style {
1110
1195
  this.setOrAppendState(StateKeys.BORDER);
1111
1196
  }
1112
1197
  get borderBottomWidth() {
1113
- const type = getInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE);
1198
+ const type = getInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE);
1114
1199
  const value = getFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE);
1115
1200
  return parseLengthPercentage(type, value);
1116
1201
  }
1117
1202
  set borderBottomWidth(value) {
1118
1203
  switch (typeof value) {
1119
1204
  case 'number':
1120
- setInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1205
+ this.prepareMut();
1206
+ setInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1121
1207
  setFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE, layout.toDevicePixels(value));
1122
1208
  break;
1123
1209
  case 'object':
1124
1210
  switch (value.unit) {
1125
1211
  case 'dip':
1126
- setInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1212
+ this.prepareMut();
1213
+ setInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1127
1214
  setFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE, layout.toDevicePixels(value.value));
1128
1215
  break;
1129
1216
  case 'px':
1130
- setInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1217
+ this.prepareMut();
1218
+ setInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1131
1219
  setFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE, value.value);
1132
1220
  break;
1133
1221
  case '%':
1134
- setInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 1);
1222
+ this.prepareMut();
1223
+ setInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 1);
1135
1224
  setFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE, value.value);
1136
1225
  break;
1137
1226
  }
@@ -1140,33 +1229,38 @@ export class Style {
1140
1229
  this.setOrAppendState(StateKeys.BORDER);
1141
1230
  }
1142
1231
  get left() {
1143
- const type = getInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE);
1232
+ const type = getInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE);
1144
1233
  const value = getFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE);
1145
1234
  return parseLengthPercentageAuto(type, value);
1146
1235
  }
1147
1236
  set left(value) {
1148
1237
  if (value === 'auto') {
1149
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 0);
1238
+ this.prepareMut();
1239
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 0);
1150
1240
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, 0);
1151
1241
  return;
1152
1242
  }
1153
1243
  switch (typeof value) {
1154
1244
  case 'number':
1155
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1245
+ this.prepareMut();
1246
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1156
1247
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, layout.toDevicePixels(value));
1157
1248
  break;
1158
1249
  case 'object':
1159
1250
  switch (value.unit) {
1160
1251
  case 'dip':
1161
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1252
+ this.prepareMut();
1253
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1162
1254
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, layout.toDevicePixels(value.value));
1163
1255
  break;
1164
1256
  case 'px':
1165
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1257
+ this.prepareMut();
1258
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1166
1259
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, value.value);
1167
1260
  break;
1168
1261
  case '%':
1169
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 2);
1262
+ this.prepareMut();
1263
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 2);
1170
1264
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, value.value);
1171
1265
  break;
1172
1266
  }
@@ -1175,33 +1269,38 @@ export class Style {
1175
1269
  this.setOrAppendState(StateKeys.INSET);
1176
1270
  }
1177
1271
  get right() {
1178
- const type = getInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE);
1272
+ const type = getInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE);
1179
1273
  const value = getFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE);
1180
1274
  return parseLengthPercentageAuto(type, value);
1181
1275
  }
1182
1276
  set right(value) {
1183
1277
  if (value === 'auto') {
1184
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 0);
1278
+ this.prepareMut();
1279
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 0);
1185
1280
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, 0);
1186
1281
  return;
1187
1282
  }
1188
1283
  switch (typeof value) {
1189
1284
  case 'number':
1190
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1285
+ this.prepareMut();
1286
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1191
1287
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, layout.toDevicePixels(value));
1192
1288
  break;
1193
1289
  case 'object':
1194
1290
  switch (value.unit) {
1195
1291
  case 'dip':
1196
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1292
+ this.prepareMut();
1293
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1197
1294
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, layout.toDevicePixels(value.value));
1198
1295
  break;
1199
1296
  case 'px':
1200
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1297
+ this.prepareMut();
1298
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1201
1299
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, value.value);
1202
1300
  break;
1203
1301
  case '%':
1204
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 2);
1302
+ this.prepareMut();
1303
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 2);
1205
1304
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, value.value);
1206
1305
  break;
1207
1306
  }
@@ -1210,33 +1309,38 @@ export class Style {
1210
1309
  this.setOrAppendState(StateKeys.INSET);
1211
1310
  }
1212
1311
  get top() {
1213
- const type = getInt32(this.style_view, StyleKeys.INSET_TOP_TYPE);
1312
+ const type = getInt8(this.style_view, StyleKeys.INSET_TOP_TYPE);
1214
1313
  const value = getFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE);
1215
1314
  return parseLengthPercentageAuto(type, value);
1216
1315
  }
1217
1316
  set top(value) {
1218
1317
  if (value === 'auto') {
1219
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 0);
1318
+ this.prepareMut();
1319
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 0);
1220
1320
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, 0);
1221
1321
  return;
1222
1322
  }
1223
1323
  switch (typeof value) {
1224
1324
  case 'number':
1225
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1325
+ this.prepareMut();
1326
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1226
1327
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, layout.toDevicePixels(value));
1227
1328
  break;
1228
1329
  case 'object':
1229
1330
  switch (value.unit) {
1230
1331
  case 'dip':
1231
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1332
+ this.prepareMut();
1333
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1232
1334
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, layout.toDevicePixels(value.value));
1233
1335
  break;
1234
1336
  case 'px':
1235
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1337
+ this.prepareMut();
1338
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1236
1339
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, value.value);
1237
1340
  break;
1238
1341
  case '%':
1239
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 2);
1342
+ this.prepareMut();
1343
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 2);
1240
1344
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, value.value);
1241
1345
  break;
1242
1346
  }
@@ -1245,33 +1349,38 @@ export class Style {
1245
1349
  this.setOrAppendState(StateKeys.INSET);
1246
1350
  }
1247
1351
  get bottom() {
1248
- const type = getInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE);
1352
+ const type = getInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE);
1249
1353
  const value = getFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE);
1250
1354
  return parseLengthPercentageAuto(type, value);
1251
1355
  }
1252
1356
  set bottom(value) {
1253
1357
  if (value === 'auto') {
1254
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 0);
1358
+ this.prepareMut();
1359
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 0);
1255
1360
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, 0);
1256
1361
  return;
1257
1362
  }
1258
1363
  switch (typeof value) {
1259
1364
  case 'number':
1260
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1365
+ this.prepareMut();
1366
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1261
1367
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, layout.toDevicePixels(value));
1262
1368
  break;
1263
1369
  case 'object':
1264
1370
  switch (value.unit) {
1265
1371
  case 'dip':
1266
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1372
+ this.prepareMut();
1373
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1267
1374
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, layout.toDevicePixels(value.value));
1268
1375
  break;
1269
1376
  case 'px':
1270
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1377
+ this.prepareMut();
1378
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1271
1379
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, value.value);
1272
1380
  break;
1273
1381
  case '%':
1274
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 2);
1382
+ this.prepareMut();
1383
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 2);
1275
1384
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, value.value);
1276
1385
  break;
1277
1386
  }
@@ -1286,31 +1395,36 @@ export class Style {
1286
1395
  this.setOrAppendState(StateKeys.MARGIN);
1287
1396
  }
1288
1397
  get marginLeft() {
1289
- const type = getInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE);
1398
+ const type = getInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE);
1290
1399
  const value = getFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE);
1291
1400
  return parseLengthPercentageAuto(type, value);
1292
1401
  }
1293
1402
  set marginLeft(value) {
1294
1403
  switch (typeof value) {
1295
1404
  case 'string':
1296
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 0);
1405
+ this.prepareMut();
1406
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 0);
1297
1407
  break;
1298
1408
  case 'number':
1299
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1409
+ this.prepareMut();
1410
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1300
1411
  setFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE, layout.toDevicePixels(value));
1301
1412
  break;
1302
1413
  case 'object':
1303
1414
  switch (value.unit) {
1304
1415
  case 'dip':
1305
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1416
+ this.prepareMut();
1417
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1306
1418
  setFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE, layout.toDevicePixels(value.value));
1307
1419
  break;
1308
1420
  case 'px':
1309
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1421
+ this.prepareMut();
1422
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1310
1423
  setFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE, value.value);
1311
1424
  break;
1312
1425
  case '%':
1313
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 2);
1426
+ this.prepareMut();
1427
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 2);
1314
1428
  setFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE, value.value);
1315
1429
  break;
1316
1430
  }
@@ -1319,31 +1433,36 @@ export class Style {
1319
1433
  this.setOrAppendState(StateKeys.MARGIN);
1320
1434
  }
1321
1435
  get marginRight() {
1322
- const type = getInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE);
1436
+ const type = getInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE);
1323
1437
  const value = getFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE);
1324
1438
  return parseLengthPercentageAuto(type, value);
1325
1439
  }
1326
1440
  set marginRight(value) {
1327
1441
  switch (typeof value) {
1328
1442
  case 'string':
1329
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 0);
1443
+ this.prepareMut();
1444
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 0);
1330
1445
  break;
1331
1446
  case 'number':
1332
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1447
+ this.prepareMut();
1448
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1333
1449
  setFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE, layout.toDevicePixels(value));
1334
1450
  break;
1335
1451
  case 'object':
1336
1452
  switch (value.unit) {
1337
1453
  case 'dip':
1338
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1454
+ this.prepareMut();
1455
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1339
1456
  setFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE, layout.toDevicePixels(value.value));
1340
1457
  break;
1341
1458
  case 'px':
1342
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1459
+ this.prepareMut();
1460
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1343
1461
  setFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE, value.value);
1344
1462
  break;
1345
1463
  case '%':
1346
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 2);
1464
+ this.prepareMut();
1465
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 2);
1347
1466
  setFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE, value.value);
1348
1467
  break;
1349
1468
  }
@@ -1352,31 +1471,36 @@ export class Style {
1352
1471
  this.setOrAppendState(StateKeys.MARGIN);
1353
1472
  }
1354
1473
  get marginTop() {
1355
- const type = getInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE);
1474
+ const type = getInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE);
1356
1475
  const value = getFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE);
1357
1476
  return parseLengthPercentageAuto(type, value);
1358
1477
  }
1359
1478
  set marginTop(value) {
1360
1479
  switch (typeof value) {
1361
1480
  case 'string':
1362
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 0);
1481
+ this.prepareMut();
1482
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 0);
1363
1483
  break;
1364
1484
  case 'number':
1365
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1485
+ this.prepareMut();
1486
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1366
1487
  setFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE, layout.toDevicePixels(value));
1367
1488
  break;
1368
1489
  case 'object':
1369
1490
  switch (value.unit) {
1370
1491
  case 'dip':
1371
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1492
+ this.prepareMut();
1493
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1372
1494
  setFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE, layout.toDevicePixels(value.value));
1373
1495
  break;
1374
1496
  case 'px':
1375
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1497
+ this.prepareMut();
1498
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1376
1499
  setFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE, value.value);
1377
1500
  break;
1378
1501
  case '%':
1379
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 2);
1502
+ this.prepareMut();
1503
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 2);
1380
1504
  setFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE, value.value);
1381
1505
  break;
1382
1506
  }
@@ -1385,31 +1509,36 @@ export class Style {
1385
1509
  this.setOrAppendState(StateKeys.MARGIN);
1386
1510
  }
1387
1511
  get marginBottom() {
1388
- const type = getInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE);
1512
+ const type = getInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE);
1389
1513
  const value = getFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE);
1390
1514
  return parseLengthPercentageAuto(type, value);
1391
1515
  }
1392
1516
  set marginBottom(value) {
1393
1517
  switch (typeof value) {
1394
1518
  case 'string':
1395
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 0);
1519
+ this.prepareMut();
1520
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 0);
1396
1521
  break;
1397
1522
  case 'number':
1398
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1523
+ this.prepareMut();
1524
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1399
1525
  setFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE, layout.toDevicePixels(value));
1400
1526
  break;
1401
1527
  case 'object':
1402
1528
  switch (value.unit) {
1403
1529
  case 'dip':
1404
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1530
+ this.prepareMut();
1531
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1405
1532
  setFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE, layout.toDevicePixels(value.value));
1406
1533
  break;
1407
1534
  case 'px':
1408
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1535
+ this.prepareMut();
1536
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1409
1537
  setFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE, value.value);
1410
1538
  break;
1411
1539
  case '%':
1412
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 2);
1540
+ this.prepareMut();
1541
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 2);
1413
1542
  setFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE, value.value);
1414
1543
  break;
1415
1544
  }
@@ -1424,28 +1553,32 @@ export class Style {
1424
1553
  this.setOrAppendState(StateKeys.PADDING);
1425
1554
  }
1426
1555
  get paddingLeft() {
1427
- const type = getInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE);
1556
+ const type = getInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE);
1428
1557
  const value = getFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE);
1429
1558
  return parseLengthPercentage(type, value);
1430
1559
  }
1431
1560
  set paddingLeft(value) {
1432
1561
  switch (typeof value) {
1433
1562
  case 'number':
1434
- setInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1563
+ this.prepareMut();
1564
+ setInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1435
1565
  setFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE, layout.toDevicePixels(value));
1436
1566
  break;
1437
1567
  case 'object':
1438
1568
  switch (value.unit) {
1439
1569
  case 'dip':
1440
- setInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1570
+ this.prepareMut();
1571
+ setInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1441
1572
  setFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE, layout.toDevicePixels(value.value));
1442
1573
  break;
1443
1574
  case 'px':
1444
- setInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1575
+ this.prepareMut();
1576
+ setInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1445
1577
  setFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE, value.value);
1446
1578
  break;
1447
1579
  case '%':
1448
- setInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 1);
1580
+ this.prepareMut();
1581
+ setInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 1);
1449
1582
  setFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE, value.value);
1450
1583
  break;
1451
1584
  }
@@ -1454,28 +1587,32 @@ export class Style {
1454
1587
  this.setOrAppendState(StateKeys.PADDING);
1455
1588
  }
1456
1589
  get paddingRight() {
1457
- const type = getInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE);
1590
+ const type = getInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE);
1458
1591
  const value = getFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE);
1459
1592
  return parseLengthPercentage(type, value);
1460
1593
  }
1461
1594
  set paddingRight(value) {
1462
1595
  switch (typeof value) {
1463
1596
  case 'number':
1464
- setInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1597
+ this.prepareMut();
1598
+ setInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1465
1599
  setFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE, layout.toDevicePixels(value));
1466
1600
  break;
1467
1601
  case 'object':
1468
1602
  switch (value.unit) {
1469
1603
  case 'dip':
1470
- setInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1604
+ this.prepareMut();
1605
+ setInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1471
1606
  setFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE, layout.toDevicePixels(value.value));
1472
1607
  break;
1473
1608
  case 'px':
1474
- setInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1609
+ this.prepareMut();
1610
+ setInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1475
1611
  setFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE, value.value);
1476
1612
  break;
1477
1613
  case '%':
1478
- setInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 1);
1614
+ this.prepareMut();
1615
+ setInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 1);
1479
1616
  setFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE, value.value);
1480
1617
  break;
1481
1618
  }
@@ -1484,28 +1621,32 @@ export class Style {
1484
1621
  this.setOrAppendState(StateKeys.PADDING);
1485
1622
  }
1486
1623
  get paddingTop() {
1487
- const type = getInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE);
1624
+ const type = getInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE);
1488
1625
  const value = getFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE);
1489
1626
  return parseLengthPercentage(type, value);
1490
1627
  }
1491
1628
  set paddingTop(value) {
1492
1629
  switch (typeof value) {
1493
1630
  case 'number':
1494
- setInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1631
+ this.prepareMut();
1632
+ setInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1495
1633
  setFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE, layout.toDevicePixels(value));
1496
1634
  break;
1497
1635
  case 'object':
1498
1636
  switch (value.unit) {
1499
1637
  case 'dip':
1500
- setInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1638
+ this.prepareMut();
1639
+ setInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1501
1640
  setFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE, layout.toDevicePixels(value.value));
1502
1641
  break;
1503
1642
  case 'px':
1504
- setInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1643
+ this.prepareMut();
1644
+ setInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1505
1645
  setFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE, value.value);
1506
1646
  break;
1507
1647
  case '%':
1508
- setInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE, 1);
1648
+ this.prepareMut();
1649
+ setInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE, 1);
1509
1650
  setFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE, value.value);
1510
1651
  break;
1511
1652
  }
@@ -1514,28 +1655,32 @@ export class Style {
1514
1655
  this.setOrAppendState(StateKeys.PADDING);
1515
1656
  }
1516
1657
  get paddingBottom() {
1517
- const type = getInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE);
1658
+ const type = getInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE);
1518
1659
  const value = getFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE);
1519
1660
  return parseLengthPercentage(type, value);
1520
1661
  }
1521
1662
  set paddingBottom(value) {
1522
1663
  switch (typeof value) {
1523
1664
  case 'number':
1524
- setInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1665
+ this.prepareMut();
1666
+ setInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1525
1667
  setFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE, layout.toDevicePixels(value));
1526
1668
  break;
1527
1669
  case 'object':
1528
1670
  switch (value.unit) {
1529
1671
  case 'dip':
1530
- setInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1672
+ this.prepareMut();
1673
+ setInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1531
1674
  setFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE, layout.toDevicePixels(value.value));
1532
1675
  break;
1533
1676
  case 'px':
1534
- setInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1677
+ this.prepareMut();
1678
+ setInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1535
1679
  setFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE, value.value);
1536
1680
  break;
1537
1681
  case '%':
1538
- setInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 1);
1682
+ this.prepareMut();
1683
+ setInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 1);
1539
1684
  setFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE, value.value);
1540
1685
  break;
1541
1686
  }
@@ -1576,28 +1721,32 @@ export class Style {
1576
1721
  }
1577
1722
  }
1578
1723
  get rowGap() {
1579
- const type = getInt32(this.style_view, StyleKeys.GAP_ROW_TYPE);
1724
+ const type = getInt8(this.style_view, StyleKeys.GAP_ROW_TYPE);
1580
1725
  const value = getFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE);
1581
1726
  return parseLengthPercentage(type, value);
1582
1727
  }
1583
1728
  set rowGap(value) {
1584
1729
  switch (typeof value) {
1585
1730
  case 'number':
1586
- setInt32(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1731
+ this.prepareMut();
1732
+ setInt8(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1587
1733
  setFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE, layout.toDevicePixels(value));
1588
1734
  break;
1589
1735
  case 'object':
1590
1736
  switch (value.unit) {
1591
1737
  case 'dip':
1592
- setInt32(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1738
+ this.prepareMut();
1739
+ setInt8(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1593
1740
  setFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE, layout.toDevicePixels(value.value));
1594
1741
  break;
1595
1742
  case 'px':
1596
- setInt32(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1743
+ this.prepareMut();
1744
+ setInt8(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1597
1745
  setFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE, value.value);
1598
1746
  break;
1599
1747
  case '%':
1600
- setInt32(this.style_view, StyleKeys.GAP_ROW_TYPE, 1);
1748
+ this.prepareMut();
1749
+ setInt8(this.style_view, StyleKeys.GAP_ROW_TYPE, 1);
1601
1750
  setFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE, value.value);
1602
1751
  break;
1603
1752
  }
@@ -1606,28 +1755,32 @@ export class Style {
1606
1755
  this.setOrAppendState(StateKeys.GAP);
1607
1756
  }
1608
1757
  get columnGap() {
1609
- const type = getInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE);
1758
+ const type = getInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE);
1610
1759
  const value = getFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE);
1611
1760
  return parseLengthPercentage(type, value);
1612
1761
  }
1613
1762
  set columnGap(value) {
1614
1763
  switch (typeof value) {
1615
1764
  case 'number':
1616
- setInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1765
+ this.prepareMut();
1766
+ setInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1617
1767
  setFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE, layout.toDevicePixels(value));
1618
1768
  break;
1619
1769
  case 'object':
1620
1770
  switch (value.unit) {
1621
1771
  case 'dip':
1622
- setInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1772
+ this.prepareMut();
1773
+ setInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1623
1774
  setFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE, layout.toDevicePixels(value.value));
1624
1775
  break;
1625
1776
  case 'px':
1626
- setInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1777
+ this.prepareMut();
1778
+ setInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1627
1779
  setFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE, value.value);
1628
1780
  break;
1629
1781
  case '%':
1630
- setInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 1);
1782
+ this.prepareMut();
1783
+ setInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 1);
1631
1784
  setFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE, value.value);
1632
1785
  break;
1633
1786
  }
@@ -1643,31 +1796,36 @@ export class Style {
1643
1796
  this.setOrAppendState(StateKeys.ASPECT_RATIO);
1644
1797
  }
1645
1798
  get flexBasis() {
1646
- const type = getInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE);
1799
+ const type = getInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE);
1647
1800
  const value = getFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE);
1648
1801
  return parseLengthPercentageAuto(type, value);
1649
1802
  }
1650
1803
  set flexBasis(value) {
1651
1804
  switch (typeof value) {
1652
1805
  case 'string':
1653
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 0);
1806
+ this.prepareMut();
1807
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 0);
1654
1808
  break;
1655
1809
  case 'number':
1656
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1810
+ this.prepareMut();
1811
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1657
1812
  setFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE, layout.toDevicePixels(value));
1658
1813
  break;
1659
1814
  case 'object':
1660
1815
  switch (value.unit) {
1661
1816
  case 'dip':
1662
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1817
+ this.prepareMut();
1818
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1663
1819
  setFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE, layout.toDevicePixels(value.value));
1664
1820
  break;
1665
1821
  case 'px':
1666
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1822
+ this.prepareMut();
1823
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1667
1824
  setFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE, value.value);
1668
1825
  break;
1669
1826
  case '%':
1670
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 2);
1827
+ this.prepareMut();
1828
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 2);
1671
1829
  setFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE, value.value);
1672
1830
  break;
1673
1831
  }
@@ -1676,7 +1834,7 @@ export class Style {
1676
1834
  this.setOrAppendState(StateKeys.FLEX_BASIS);
1677
1835
  }
1678
1836
  get alignItems() {
1679
- switch (getInt32(this.style_view, StyleKeys.ALIGN_ITEMS)) {
1837
+ switch (getInt8(this.style_view, StyleKeys.ALIGN_ITEMS)) {
1680
1838
  case -1 /* AlignItems.Normal */:
1681
1839
  return 'normal';
1682
1840
  case 0 /* AlignItems.Start */:
@@ -1698,34 +1856,42 @@ export class Style {
1698
1856
  set alignItems(value) {
1699
1857
  switch (value) {
1700
1858
  case 'normal':
1701
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, -1 /* AlignItems.Normal */);
1859
+ this.prepareMut();
1860
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, -1 /* AlignItems.Normal */);
1702
1861
  break;
1703
1862
  case 'start':
1704
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 0 /* AlignItems.Start */);
1863
+ this.prepareMut();
1864
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 0 /* AlignItems.Start */);
1705
1865
  break;
1706
1866
  case 'end':
1707
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 1 /* AlignItems.End */);
1867
+ this.prepareMut();
1868
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 1 /* AlignItems.End */);
1708
1869
  break;
1709
1870
  case 'flex-start':
1710
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 5 /* AlignItems.FlexStart */);
1871
+ this.prepareMut();
1872
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 5 /* AlignItems.FlexStart */);
1711
1873
  break;
1712
1874
  case 'flex-end':
1713
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 6 /* AlignItems.FlexEnd */);
1875
+ this.prepareMut();
1876
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 6 /* AlignItems.FlexEnd */);
1714
1877
  break;
1715
1878
  case 'center':
1716
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 2 /* AlignItems.Center */);
1879
+ this.prepareMut();
1880
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 2 /* AlignItems.Center */);
1717
1881
  break;
1718
1882
  case 'baseline':
1719
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 3 /* AlignItems.Baseline */);
1883
+ this.prepareMut();
1884
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 3 /* AlignItems.Baseline */);
1720
1885
  break;
1721
1886
  case 'stretch':
1722
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 4 /* AlignItems.Stretch */);
1887
+ this.prepareMut();
1888
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 4 /* AlignItems.Stretch */);
1723
1889
  break;
1724
1890
  }
1725
1891
  this.setOrAppendState(StateKeys.ALIGN_ITEMS);
1726
1892
  }
1727
1893
  get alignSelf() {
1728
- switch (getInt32(this.style_view, StyleKeys.ALIGN_SELF)) {
1894
+ switch (getInt8(this.style_view, StyleKeys.ALIGN_SELF)) {
1729
1895
  case -1 /* AlignSelf.Normal */:
1730
1896
  return 'normal';
1731
1897
  case 0 /* AlignSelf.Start */:
@@ -1773,12 +1939,13 @@ export class Style {
1773
1939
  break;
1774
1940
  }
1775
1941
  if (align === -2) {
1776
- setInt32(this.style_view, StyleKeys.ALIGN_SELF, align);
1942
+ this.prepareMut();
1943
+ setInt8(this.style_view, StyleKeys.ALIGN_SELF, align);
1777
1944
  this.setOrAppendState(StateKeys.ALIGN_SELF);
1778
1945
  }
1779
1946
  }
1780
1947
  get alignContent() {
1781
- switch (getInt32(this.style_view, StyleKeys.ALIGN_CONTENT)) {
1948
+ switch (getInt8(this.style_view, StyleKeys.ALIGN_CONTENT)) {
1782
1949
  case -1 /* AlignContent.Normal */:
1783
1950
  return 'normal';
1784
1951
  case 5 /* AlignContent.SpaceAround */:
@@ -1800,34 +1967,42 @@ export class Style {
1800
1967
  set alignContent(value) {
1801
1968
  switch (value) {
1802
1969
  case 'normal':
1803
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, -1 /* AlignContent.Normal */);
1970
+ this.prepareMut();
1971
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, -1 /* AlignContent.Normal */);
1804
1972
  break;
1805
1973
  case 'space-around':
1806
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 5 /* AlignContent.SpaceAround */);
1974
+ this.prepareMut();
1975
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 5 /* AlignContent.SpaceAround */);
1807
1976
  break;
1808
1977
  case 'space-between':
1809
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 4 /* AlignContent.SpaceBetween */);
1978
+ this.prepareMut();
1979
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 4 /* AlignContent.SpaceBetween */);
1810
1980
  break;
1811
1981
  case 'space-evenly':
1812
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 6 /* AlignContent.SpaceEvenly */);
1982
+ this.prepareMut();
1983
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 6 /* AlignContent.SpaceEvenly */);
1813
1984
  break;
1814
1985
  case 'center':
1815
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 2 /* AlignContent.Center */);
1986
+ this.prepareMut();
1987
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 2 /* AlignContent.Center */);
1816
1988
  break;
1817
1989
  case 'end':
1818
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 1 /* AlignContent.End */);
1990
+ this.prepareMut();
1991
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 1 /* AlignContent.End */);
1819
1992
  break;
1820
1993
  case 'start':
1821
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 0 /* AlignContent.Start */);
1994
+ this.prepareMut();
1995
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 0 /* AlignContent.Start */);
1822
1996
  break;
1823
1997
  case 'stretch':
1824
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 3 /* AlignContent.Stretch */);
1998
+ this.prepareMut();
1999
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 3 /* AlignContent.Stretch */);
1825
2000
  break;
1826
2001
  }
1827
2002
  this.setOrAppendState(StateKeys.ALIGN_CONTENT);
1828
2003
  }
1829
2004
  get justifyItems() {
1830
- switch (getInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS)) {
2005
+ switch (getInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS)) {
1831
2006
  case -1 /* JustifyItems.Normal */:
1832
2007
  return 'normal';
1833
2008
  case 0 /* JustifyItems.Start */:
@@ -1849,34 +2024,42 @@ export class Style {
1849
2024
  set justifyItems(value) {
1850
2025
  switch (value) {
1851
2026
  case 'normal':
1852
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, -1 /* JustifyItems.Normal */);
2027
+ this.prepareMut();
2028
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, -1 /* JustifyItems.Normal */);
1853
2029
  break;
1854
2030
  case 'start':
1855
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 0 /* JustifyItems.Start */);
2031
+ this.prepareMut();
2032
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 0 /* JustifyItems.Start */);
1856
2033
  break;
1857
2034
  case 'end':
1858
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 1 /* JustifyItems.End */);
2035
+ this.prepareMut();
2036
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 1 /* JustifyItems.End */);
1859
2037
  break;
1860
2038
  case 'center':
1861
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 2 /* JustifyItems.Center */);
2039
+ this.prepareMut();
2040
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 2 /* JustifyItems.Center */);
1862
2041
  break;
1863
2042
  case 'baseline':
1864
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 3 /* JustifyItems.Baseline */);
2043
+ this.prepareMut();
2044
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 3 /* JustifyItems.Baseline */);
1865
2045
  break;
1866
2046
  case 'stretch':
1867
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 4 /* JustifyItems.Stretch */);
2047
+ this.prepareMut();
2048
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 4 /* JustifyItems.Stretch */);
1868
2049
  break;
1869
2050
  case 'flex-start':
1870
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 5 /* JustifyItems.FlexStart */);
2051
+ this.prepareMut();
2052
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 5 /* JustifyItems.FlexStart */);
1871
2053
  break;
1872
2054
  case 'flex-end':
1873
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 6 /* JustifyItems.FlexEnd */);
2055
+ this.prepareMut();
2056
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 6 /* JustifyItems.FlexEnd */);
1874
2057
  break;
1875
2058
  }
1876
2059
  this.setOrAppendState(StateKeys.JUSTIFY_ITEMS);
1877
2060
  }
1878
2061
  get justifySelf() {
1879
- switch (getInt32(this.style_view, StyleKeys.JUSTIFY_SELF)) {
2062
+ switch (getInt8(this.style_view, StyleKeys.JUSTIFY_SELF)) {
1880
2063
  case -1 /* JustifySelf.Normal */:
1881
2064
  return 'normal';
1882
2065
  case 0 /* JustifySelf.Start */:
@@ -1898,34 +2081,42 @@ export class Style {
1898
2081
  set justifySelf(value) {
1899
2082
  switch (value) {
1900
2083
  case 'normal':
1901
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, -1 /* JustifySelf.Normal */);
2084
+ this.prepareMut();
2085
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, -1 /* JustifySelf.Normal */);
1902
2086
  break;
1903
2087
  case 'start':
1904
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 0 /* JustifySelf.Start */);
2088
+ this.prepareMut();
2089
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 0 /* JustifySelf.Start */);
1905
2090
  break;
1906
2091
  case 'end':
1907
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 1 /* JustifySelf.End */);
2092
+ this.prepareMut();
2093
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 1 /* JustifySelf.End */);
1908
2094
  break;
1909
2095
  case 'center':
1910
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 2 /* JustifySelf.Center */);
2096
+ this.prepareMut();
2097
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 2 /* JustifySelf.Center */);
1911
2098
  break;
1912
2099
  case 'baseline':
1913
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 3 /* JustifySelf.Baseline */);
2100
+ this.prepareMut();
2101
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 3 /* JustifySelf.Baseline */);
1914
2102
  break;
1915
2103
  case 'stretch':
1916
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 4 /* JustifySelf.Stretch */);
2104
+ this.prepareMut();
2105
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 4 /* JustifySelf.Stretch */);
1917
2106
  break;
1918
2107
  case 'flex-start':
1919
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 5 /* JustifySelf.FlexStart */);
2108
+ this.prepareMut();
2109
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 5 /* JustifySelf.FlexStart */);
1920
2110
  break;
1921
2111
  case 'flex-end':
1922
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 6 /* JustifySelf.FlexEnd */);
2112
+ this.prepareMut();
2113
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 6 /* JustifySelf.FlexEnd */);
1923
2114
  break;
1924
2115
  }
1925
2116
  this.setOrAppendState(StateKeys.JUSTIFY_SELF);
1926
2117
  }
1927
2118
  get justifyContent() {
1928
- switch (getInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT)) {
2119
+ switch (getInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT)) {
1929
2120
  case -1 /* JustifyContent.Normal */:
1930
2121
  return 'normal';
1931
2122
  case 0 /* JustifyContent.Start */:
@@ -1951,28 +2142,36 @@ export class Style {
1951
2142
  set justifyContent(value) {
1952
2143
  switch (value) {
1953
2144
  case 'normal':
1954
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, -1 /* JustifyContent.Normal */);
2145
+ this.prepareMut();
2146
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, -1 /* JustifyContent.Normal */);
1955
2147
  break;
1956
2148
  case 'space-around':
1957
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 5 /* JustifyContent.SpaceAround */);
2149
+ this.prepareMut();
2150
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 5 /* JustifyContent.SpaceAround */);
1958
2151
  break;
1959
2152
  case 'space-between':
1960
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 4 /* JustifyContent.SpaceBetween */);
2153
+ this.prepareMut();
2154
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 4 /* JustifyContent.SpaceBetween */);
1961
2155
  break;
1962
2156
  case 'space-evenly':
1963
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 6 /* JustifyContent.SpaceEvenly */);
2157
+ this.prepareMut();
2158
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 6 /* JustifyContent.SpaceEvenly */);
1964
2159
  break;
1965
2160
  case 'center':
1966
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 2 /* JustifyContent.Center */);
2161
+ this.prepareMut();
2162
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 2 /* JustifyContent.Center */);
1967
2163
  break;
1968
2164
  case 'end':
1969
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 1 /* JustifyContent.End */);
2165
+ this.prepareMut();
2166
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 1 /* JustifyContent.End */);
1970
2167
  break;
1971
2168
  case 'start':
1972
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 0 /* JustifyContent.Start */);
2169
+ this.prepareMut();
2170
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 0 /* JustifyContent.Start */);
1973
2171
  break;
1974
2172
  case 'stretch':
1975
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 3 /* JustifyContent.Stretch */);
2173
+ this.prepareMut();
2174
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 3 /* JustifyContent.Stretch */);
1976
2175
  break;
1977
2176
  }
1978
2177
  this.setOrAppendState(StateKeys.JUSTIFY_CONTENT);
@@ -2024,7 +2223,7 @@ export class Style {
2024
2223
  }
2025
2224
  }
2026
2225
  get gridAutoFlow() {
2027
- switch (getInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW)) {
2226
+ switch (getInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW)) {
2028
2227
  case 0:
2029
2228
  return 'row';
2030
2229
  case 1:
@@ -2038,16 +2237,20 @@ export class Style {
2038
2237
  set gridAutoFlow(value) {
2039
2238
  switch (value) {
2040
2239
  case 'row':
2041
- setInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW, 0);
2240
+ this.prepareMut();
2241
+ setInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW, 0);
2042
2242
  break;
2043
2243
  case 'column':
2044
- setInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW, 1);
2244
+ this.prepareMut();
2245
+ setInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW, 1);
2045
2246
  break;
2046
2247
  case 'row dense':
2047
- setInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW, 2);
2248
+ this.prepareMut();
2249
+ setInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW, 2);
2048
2250
  break;
2049
2251
  case 'column dense':
2050
- setInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW, 3);
2252
+ this.prepareMut();
2253
+ setInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW, 3);
2051
2254
  break;
2052
2255
  }
2053
2256
  this.setOrAppendState(StateKeys.GRID_AUTO_FLOW);
@@ -2305,52 +2508,68 @@ export class Style {
2305
2508
  set overflow(value) {
2306
2509
  switch (value) {
2307
2510
  case 'visible':
2308
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 0);
2309
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2511
+ this.prepareMut();
2512
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 0);
2513
+ this.prepareMut();
2514
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2310
2515
  break;
2311
2516
  case 'hidden':
2312
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 1);
2313
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2517
+ this.prepareMut();
2518
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 1);
2519
+ this.prepareMut();
2520
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2314
2521
  break;
2315
2522
  case 'scroll':
2316
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 2);
2317
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2523
+ this.prepareMut();
2524
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 2);
2525
+ this.prepareMut();
2526
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2318
2527
  break;
2319
2528
  default:
2320
2529
  {
2321
2530
  const values = value.split(' ');
2322
2531
  switch (values[0]) {
2323
2532
  case 'visible':
2324
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 0);
2533
+ this.prepareMut();
2534
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 0);
2325
2535
  break;
2326
2536
  case 'hidden':
2327
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 1);
2537
+ this.prepareMut();
2538
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 1);
2328
2539
  break;
2329
2540
  case 'scroll':
2330
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 2);
2541
+ this.prepareMut();
2542
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 2);
2331
2543
  break;
2332
2544
  case 'clip':
2333
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 3);
2545
+ this.prepareMut();
2546
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 3);
2334
2547
  break;
2335
2548
  case 'auto':
2336
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 4);
2549
+ this.prepareMut();
2550
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 4);
2337
2551
  break;
2338
2552
  }
2339
2553
  switch (values[1]) {
2340
2554
  case 'visible':
2341
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2555
+ this.prepareMut();
2556
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2342
2557
  break;
2343
2558
  case 'hidden':
2344
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2559
+ this.prepareMut();
2560
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2345
2561
  break;
2346
2562
  case 'scroll':
2347
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2563
+ this.prepareMut();
2564
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2348
2565
  break;
2349
2566
  case 'clip':
2350
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 3);
2567
+ this.prepareMut();
2568
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 3);
2351
2569
  break;
2352
2570
  case 'auto':
2353
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 4);
2571
+ this.prepareMut();
2572
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 4);
2354
2573
  break;
2355
2574
  }
2356
2575
  }
@@ -2359,7 +2578,7 @@ export class Style {
2359
2578
  this.setOrAppendState(StateKeys.OVERFLOW);
2360
2579
  }
2361
2580
  get overflowX() {
2362
- switch (getInt32(this.style_view, StyleKeys.OVERFLOW_X)) {
2581
+ switch (getInt8(this.style_view, StyleKeys.OVERFLOW_X)) {
2363
2582
  case 0:
2364
2583
  return 'visible';
2365
2584
  case 1:
@@ -2372,24 +2591,29 @@ export class Style {
2372
2591
  let dirty = false;
2373
2592
  switch (value) {
2374
2593
  case 'visible':
2375
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 0);
2594
+ this.prepareMut();
2595
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 0);
2376
2596
  dirty = true;
2377
2597
  break;
2378
2598
  case 'hidden':
2379
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 1);
2599
+ this.prepareMut();
2600
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 1);
2380
2601
  dirty = true;
2381
2602
  break;
2382
2603
  case 'scroll':
2383
2604
  dirty = true;
2384
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 2);
2605
+ this.prepareMut();
2606
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 2);
2385
2607
  break;
2386
2608
  case 'clip':
2387
2609
  dirty = true;
2388
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 3);
2610
+ this.prepareMut();
2611
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 3);
2389
2612
  break;
2390
2613
  case 'auto':
2391
2614
  dirty = true;
2392
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 4);
2615
+ this.prepareMut();
2616
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 4);
2393
2617
  break;
2394
2618
  }
2395
2619
  if (dirty) {
@@ -2397,7 +2621,7 @@ export class Style {
2397
2621
  }
2398
2622
  }
2399
2623
  get overflowY() {
2400
- switch (getInt32(this.style_view, StyleKeys.OVERFLOW_Y)) {
2624
+ switch (getInt8(this.style_view, StyleKeys.OVERFLOW_Y)) {
2401
2625
  case 0:
2402
2626
  return 'visible';
2403
2627
  case 1:
@@ -2414,23 +2638,28 @@ export class Style {
2414
2638
  let dirty = false;
2415
2639
  switch (value) {
2416
2640
  case 'visible':
2417
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2641
+ this.prepareMut();
2642
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2418
2643
  dirty = true;
2419
2644
  break;
2420
2645
  case 'hidden':
2421
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2646
+ this.prepareMut();
2647
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2422
2648
  dirty = true;
2423
2649
  break;
2424
2650
  case 'scroll':
2425
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2651
+ this.prepareMut();
2652
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2426
2653
  dirty = true;
2427
2654
  break;
2428
2655
  case 'clip':
2429
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 3);
2656
+ this.prepareMut();
2657
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 3);
2430
2658
  dirty = true;
2431
2659
  break;
2432
2660
  case 'auto':
2433
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 4);
2661
+ this.prepareMut();
2662
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 4);
2434
2663
  dirty = true;
2435
2664
  break;
2436
2665
  }
@@ -2700,10 +2929,28 @@ export class Style {
2700
2929
  return;
2701
2930
  }
2702
2931
  if (__ANDROID__) {
2703
- org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderRadius(this.nativeView, value);
2932
+ switch (typeof value) {
2933
+ case 'number':
2934
+ org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderRadius(this.nativeView, `${value}`);
2935
+ break;
2936
+ case 'string':
2937
+ org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderRadius(this.nativeView, value);
2938
+ break;
2939
+ default:
2940
+ return;
2941
+ }
2704
2942
  }
2705
2943
  if (__APPLE__) {
2706
- this.nativeView.style.borderRadius = value;
2944
+ switch (typeof value) {
2945
+ case 'number':
2946
+ this.nativeView.style.borderRadius = `${value}`;
2947
+ break;
2948
+ case 'string':
2949
+ this.nativeView.style.borderRadius = value;
2950
+ break;
2951
+ default:
2952
+ return;
2953
+ }
2707
2954
  }
2708
2955
  }
2709
2956
  get border() {
@@ -2908,6 +3155,13 @@ export class Style {
2908
3155
  this.nativeView.style.textShadow = value;
2909
3156
  }
2910
3157
  }
3158
+ get zIndex() {
3159
+ return getInt32(this.style_view, StyleKeys.Z_INDEX);
3160
+ }
3161
+ set zIndex(value) {
3162
+ setInt32(this.style_view, StyleKeys.Z_INDEX, value);
3163
+ this.setOrAppendState(StateKeys.Z_INDEX);
3164
+ }
2911
3165
  toJSON() {
2912
3166
  return {
2913
3167
  display: this.display,
@@ -2958,6 +3212,7 @@ export class Style {
2958
3212
  gridTemplateRows: this.gridTemplateRows,
2959
3213
  gridTemplateColumns: this.gridTemplateColumns,
2960
3214
  filter: this.filter,
3215
+ zIndex: this.zIndex,
2961
3216
  };
2962
3217
  }
2963
3218
  }