@triniwiz/nativescript-masonkit 1.0.0-beta.59 → 1.0.0-beta.60

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 (56) hide show
  1. package/common.d.ts +3 -2
  2. package/common.js +17 -2
  3. package/common.js.map +1 -1
  4. package/index.android.d.ts +1 -0
  5. package/index.android.js +1 -0
  6. package/index.android.js.map +1 -1
  7. package/index.d.ts +17 -1
  8. package/index.ios.d.ts +1 -0
  9. package/index.ios.js +1 -0
  10. package/index.ios.js.map +1 -1
  11. package/package.json +1 -1
  12. package/platforms/android/masonkit-release.aar +0 -0
  13. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Headers/Mason-Swift.h +80 -6
  14. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Headers/mason_native.h +58 -42
  15. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Info.plist +0 -0
  16. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Mason +0 -0
  17. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/Project/arm64-apple-ios.swiftsourceinfo +0 -0
  18. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.abi.json +20599 -16771
  19. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.private.swiftinterface +544 -235
  20. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.swiftdoc +0 -0
  21. package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.swiftinterface +544 -235
  22. package/platforms/ios/Mason.xcframework/ios-arm64/dSYMs/Mason.framework.dSYM/Contents/Resources/DWARF/Mason +0 -0
  23. package/platforms/ios/Mason.xcframework/ios-arm64/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/aarch64/Mason.yml +7413 -4917
  24. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Headers/Mason-Swift.h +160 -12
  25. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Headers/mason_native.h +58 -42
  26. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Info.plist +0 -0
  27. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Mason +0 -0
  28. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/Project/arm64-apple-ios-simulator.swiftsourceinfo +0 -0
  29. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/Project/x86_64-apple-ios-simulator.swiftsourceinfo +0 -0
  30. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.abi.json +20295 -16467
  31. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.private.swiftinterface +544 -235
  32. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.swiftdoc +0 -0
  33. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.swiftinterface +544 -235
  34. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.abi.json +20295 -16467
  35. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.private.swiftinterface +544 -235
  36. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.swiftdoc +0 -0
  37. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.swiftinterface +544 -235
  38. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/_CodeSignature/CodeResources +29 -29
  39. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/DWARF/Mason +0 -0
  40. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/aarch64/Mason.yml +7408 -4912
  41. package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/x86_64/Mason.yml +7103 -4752
  42. package/style.d.ts +1 -0
  43. package/style.js +586 -362
  44. package/style.js.map +1 -1
  45. package/text-node/index.android.d.ts +13 -0
  46. package/text-node/index.android.js +35 -0
  47. package/text-node/index.android.js.map +1 -0
  48. package/text-node/index.ios.d.ts +13 -0
  49. package/text-node/index.ios.js +35 -0
  50. package/text-node/index.ios.js.map +1 -0
  51. package/tree/index.android.d.ts +1 -0
  52. package/tree/index.android.js +3 -0
  53. package/tree/index.android.js.map +1 -1
  54. package/tree/index.ios.d.ts +1 -0
  55. package/tree/index.ios.js +3 -0
  56. package/tree/index.ios.js.map +1 -1
package/style.js CHANGED
@@ -3,159 +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";
158
- StyleKeys[StyleKeys["Z_INDEX"] = 508] = "Z_INDEX";
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";
159
166
  })(StyleKeys || (StyleKeys = {}));
160
167
  var TextStyleKeys;
161
168
  (function (TextStyleKeys) {
@@ -438,8 +445,34 @@ export class Style {
438
445
  get view() {
439
446
  return this.view_;
440
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
+ }
441
474
  get boxSizing() {
442
- switch (getUint32(this.style_view, StyleKeys.BOX_SIZING)) {
475
+ switch (getUint8(this.style_view, StyleKeys.BOX_SIZING)) {
443
476
  case 0:
444
477
  return 'border-box';
445
478
  case 1:
@@ -457,7 +490,8 @@ export class Style {
457
490
  break;
458
491
  }
459
492
  if (boxSizing !== -1) {
460
- setUint32(this.style_view, StyleKeys.BOX_SIZING, boxSizing);
493
+ this.prepareMut();
494
+ setUint8(this.style_view, StyleKeys.BOX_SIZING, boxSizing);
461
495
  this.setOrAppendState(StateKeys.BOX_SIZING);
462
496
  }
463
497
  }
@@ -670,11 +704,11 @@ export class Style {
670
704
  return this.style_view;
671
705
  }
672
706
  get display() {
673
- const mode = getInt32(this.style_view, StyleKeys.DISPLAY_MODE);
707
+ const mode = getInt8(this.style_view, StyleKeys.DISPLAY_MODE);
674
708
  if (mode === 1 /* DisplayMode.Inline */) {
675
709
  return 'inline';
676
710
  }
677
- switch (getInt32(this.style_view, StyleKeys.DISPLAY)) {
711
+ switch (getInt8(this.style_view, StyleKeys.DISPLAY)) {
678
712
  case 0:
679
713
  return 'none';
680
714
  case 1:
@@ -732,13 +766,14 @@ export class Style {
732
766
  break;
733
767
  }
734
768
  if (display != -1) {
735
- setInt32(this.style_view, StyleKeys.DISPLAY, display);
736
- 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);
737
772
  this.setOrAppendState(StateKeys.DISPLAY);
738
773
  }
739
774
  }
740
775
  get position() {
741
- switch (getInt32(this.style_view, StyleKeys.POSITION)) {
776
+ switch (getInt8(this.style_view, StyleKeys.POSITION)) {
742
777
  case 0:
743
778
  return 'relative';
744
779
  case 1:
@@ -756,12 +791,13 @@ export class Style {
756
791
  break;
757
792
  }
758
793
  if (position != -1) {
759
- setInt32(this.style_view, StyleKeys.POSITION, position);
794
+ this.prepareMut();
795
+ setInt8(this.style_view, StyleKeys.POSITION, position);
760
796
  this.setOrAppendState(StateKeys.POSITION);
761
797
  }
762
798
  }
763
799
  get flexDirection() {
764
- switch (getInt32(this.style_view, StyleKeys.FLEX_DIRECTION)) {
800
+ switch (getInt8(this.style_view, StyleKeys.FLEX_DIRECTION)) {
765
801
  case 0:
766
802
  return 'column';
767
803
  case 1:
@@ -789,12 +825,13 @@ export class Style {
789
825
  break;
790
826
  }
791
827
  if (flex != -1) {
792
- setInt32(this.style_view, StyleKeys.FLEX_DIRECTION, flex);
828
+ this.prepareMut();
829
+ setInt8(this.style_view, StyleKeys.FLEX_DIRECTION, flex);
793
830
  this.setOrAppendState(StateKeys.FLEX_DIRECTION);
794
831
  }
795
832
  }
796
833
  get flexWrap() {
797
- switch (getInt32(this.style_view, StyleKeys.FLEX_WRAP)) {
834
+ switch (getInt8(this.style_view, StyleKeys.FLEX_WRAP)) {
798
835
  case 0:
799
836
  return 'no-wrap';
800
837
  case 1:
@@ -817,7 +854,8 @@ export class Style {
817
854
  break;
818
855
  }
819
856
  if (wrap != -1) {
820
- setInt32(this.style_view, StyleKeys.FLEX_WRAP, wrap);
857
+ this.prepareMut();
858
+ setInt8(this.style_view, StyleKeys.FLEX_WRAP, wrap);
821
859
  this.setOrAppendState(StateKeys.FLEX_WRAP);
822
860
  }
823
861
  }
@@ -826,31 +864,36 @@ export class Style {
826
864
  // }
827
865
  // get flexFlow(): string
828
866
  get minWidth() {
829
- const type = getInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE);
867
+ const type = getInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE);
830
868
  const value = getFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE);
831
869
  return parseLengthPercentageAuto(type, value);
832
870
  }
833
871
  set minWidth(value) {
834
872
  switch (typeof value) {
835
873
  case 'string':
836
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 0);
874
+ this.prepareMut();
875
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 0);
837
876
  break;
838
877
  case 'number':
839
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
878
+ this.prepareMut();
879
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
840
880
  setFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE, layout.toDevicePixels(value));
841
881
  break;
842
882
  case 'object':
843
883
  switch (value.unit) {
844
884
  case 'dip':
845
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
885
+ this.prepareMut();
886
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
846
887
  setFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE, layout.toDevicePixels(value.value));
847
888
  break;
848
889
  case 'px':
849
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
890
+ this.prepareMut();
891
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 1);
850
892
  setFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE, value.value);
851
893
  break;
852
894
  case '%':
853
- setInt32(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 2);
895
+ this.prepareMut();
896
+ setInt8(this.style_view, StyleKeys.MIN_WIDTH_TYPE, 2);
854
897
  setFloat32(this.style_view, StyleKeys.MIN_WIDTH_VALUE, value.value);
855
898
  break;
856
899
  }
@@ -859,31 +902,36 @@ export class Style {
859
902
  this.setOrAppendState(StateKeys.MIN_SIZE);
860
903
  }
861
904
  get minHeight() {
862
- const type = getInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE);
905
+ const type = getInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE);
863
906
  const value = getFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE);
864
907
  return parseLengthPercentageAuto(type, value);
865
908
  }
866
909
  set minHeight(value) {
867
910
  switch (typeof value) {
868
911
  case 'string':
869
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 0);
912
+ this.prepareMut();
913
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 0);
870
914
  break;
871
915
  case 'number':
872
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
916
+ this.prepareMut();
917
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
873
918
  setFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE, layout.toDevicePixels(value));
874
919
  break;
875
920
  case 'object':
876
921
  switch (value.unit) {
877
922
  case 'dip':
878
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
923
+ this.prepareMut();
924
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
879
925
  setFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE, layout.toDevicePixels(value.value));
880
926
  break;
881
927
  case 'px':
882
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
928
+ this.prepareMut();
929
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 1);
883
930
  setFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE, value.value);
884
931
  break;
885
932
  case '%':
886
- setInt32(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 2);
933
+ this.prepareMut();
934
+ setInt8(this.style_view, StyleKeys.MIN_HEIGHT_TYPE, 2);
887
935
  setFloat32(this.style_view, StyleKeys.MIN_HEIGHT_VALUE, value.value);
888
936
  break;
889
937
  }
@@ -892,31 +940,36 @@ export class Style {
892
940
  this.setOrAppendState(StateKeys.MIN_SIZE);
893
941
  }
894
942
  get width() {
895
- const type = getInt32(this.style_view, StyleKeys.WIDTH_TYPE);
943
+ const type = getInt8(this.style_view, StyleKeys.WIDTH_TYPE);
896
944
  const value = getFloat32(this.style_view, StyleKeys.WIDTH_VALUE);
897
945
  return parseLengthPercentageAuto(type, value);
898
946
  }
899
947
  set width(value) {
900
948
  switch (typeof value) {
901
949
  case 'string':
902
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 0);
950
+ this.prepareMut();
951
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 0);
903
952
  break;
904
953
  case 'number':
905
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 1);
954
+ this.prepareMut();
955
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 1);
906
956
  setFloat32(this.style_view, StyleKeys.WIDTH_VALUE, layout.toDevicePixels(value));
907
957
  break;
908
958
  case 'object':
909
959
  switch (value.unit) {
910
960
  case 'dip':
911
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 1);
961
+ this.prepareMut();
962
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 1);
912
963
  setFloat32(this.style_view, StyleKeys.WIDTH_VALUE, layout.toDevicePixels(value.value));
913
964
  break;
914
965
  case 'px':
915
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 1);
966
+ this.prepareMut();
967
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 1);
916
968
  setFloat32(this.style_view, StyleKeys.WIDTH_VALUE, value.value);
917
969
  break;
918
970
  case '%':
919
- setInt32(this.style_view, StyleKeys.WIDTH_TYPE, 2);
971
+ this.prepareMut();
972
+ setInt8(this.style_view, StyleKeys.WIDTH_TYPE, 2);
920
973
  setFloat32(this.style_view, StyleKeys.WIDTH_VALUE, value.value);
921
974
  break;
922
975
  }
@@ -925,32 +978,37 @@ export class Style {
925
978
  this.setOrAppendState(StateKeys.SIZE);
926
979
  }
927
980
  get height() {
928
- const type = getInt32(this.style_view, StyleKeys.HEIGHT_TYPE);
981
+ const type = getInt8(this.style_view, StyleKeys.HEIGHT_TYPE);
929
982
  const value = getFloat32(this.style_view, StyleKeys.HEIGHT_VALUE);
930
983
  return parseLengthPercentageAuto(type, value);
931
984
  }
932
985
  set height(value) {
933
986
  switch (typeof value) {
934
987
  case 'string':
935
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 0);
988
+ this.prepareMut();
989
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 0);
936
990
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, 0);
937
991
  break;
938
992
  case 'number':
939
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
993
+ this.prepareMut();
994
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
940
995
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, layout.toDevicePixels(value));
941
996
  break;
942
997
  case 'object':
943
998
  switch (value.unit) {
944
999
  case 'dip':
945
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
1000
+ this.prepareMut();
1001
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
946
1002
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, layout.toDevicePixels(value.value));
947
1003
  break;
948
1004
  case 'px':
949
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
1005
+ this.prepareMut();
1006
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 1);
950
1007
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, value.value);
951
1008
  break;
952
1009
  case '%':
953
- setInt32(this.style_view, StyleKeys.HEIGHT_TYPE, 2);
1010
+ this.prepareMut();
1011
+ setInt8(this.style_view, StyleKeys.HEIGHT_TYPE, 2);
954
1012
  setFloat32(this.style_view, StyleKeys.HEIGHT_VALUE, value.value);
955
1013
  break;
956
1014
  }
@@ -959,31 +1017,36 @@ export class Style {
959
1017
  this.setOrAppendState(StateKeys.SIZE);
960
1018
  }
961
1019
  get maxWidth() {
962
- const type = getInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE);
1020
+ const type = getInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE);
963
1021
  const value = getFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE);
964
1022
  return parseLengthPercentageAuto(type, value);
965
1023
  }
966
1024
  set maxWidth(value) {
967
1025
  switch (typeof value) {
968
1026
  case 'string':
969
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 0);
1027
+ this.prepareMut();
1028
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 0);
970
1029
  break;
971
1030
  case 'number':
972
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
1031
+ this.prepareMut();
1032
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
973
1033
  setFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE, layout.toDevicePixels(value));
974
1034
  break;
975
1035
  case 'object':
976
1036
  switch (value.unit) {
977
1037
  case 'dip':
978
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
1038
+ this.prepareMut();
1039
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
979
1040
  setFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE, layout.toDevicePixels(value.value));
980
1041
  break;
981
1042
  case 'px':
982
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
1043
+ this.prepareMut();
1044
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 1);
983
1045
  setFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE, value.value);
984
1046
  break;
985
1047
  case '%':
986
- setInt32(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 2);
1048
+ this.prepareMut();
1049
+ setInt8(this.style_view, StyleKeys.MAX_WIDTH_TYPE, 2);
987
1050
  setFloat32(this.style_view, StyleKeys.MAX_WIDTH_VALUE, value.value);
988
1051
  break;
989
1052
  }
@@ -992,31 +1055,36 @@ export class Style {
992
1055
  this.setOrAppendState(StateKeys.MAX_SIZE);
993
1056
  }
994
1057
  get maxHeight() {
995
- const type = getInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE);
1058
+ const type = getInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE);
996
1059
  const value = getFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE);
997
1060
  return parseLengthPercentageAuto(type, value);
998
1061
  }
999
1062
  set maxHeight(value) {
1000
1063
  switch (typeof value) {
1001
1064
  case 'string':
1002
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 0);
1065
+ this.prepareMut();
1066
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 0);
1003
1067
  break;
1004
1068
  case 'number':
1005
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1069
+ this.prepareMut();
1070
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1006
1071
  setFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE, layout.toDevicePixels(value));
1007
1072
  break;
1008
1073
  case 'object':
1009
1074
  switch (value.unit) {
1010
1075
  case 'dip':
1011
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1076
+ this.prepareMut();
1077
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1012
1078
  setFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE, layout.toDevicePixels(value.value));
1013
1079
  break;
1014
1080
  case 'px':
1015
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1081
+ this.prepareMut();
1082
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 1);
1016
1083
  setFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE, value.value);
1017
1084
  break;
1018
1085
  case '%':
1019
- setInt32(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 2);
1086
+ this.prepareMut();
1087
+ setInt8(this.style_view, StyleKeys.MAX_HEIGHT_TYPE, 2);
1020
1088
  setFloat32(this.style_view, StyleKeys.MAX_HEIGHT_VALUE, value.value);
1021
1089
  break;
1022
1090
  }
@@ -1025,28 +1093,32 @@ export class Style {
1025
1093
  this.setOrAppendState(StateKeys.MAX_SIZE);
1026
1094
  }
1027
1095
  get borderLeftWidth() {
1028
- const type = getInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE);
1096
+ const type = getInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE);
1029
1097
  const value = getFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE);
1030
1098
  return parseLengthPercentage(type, value);
1031
1099
  }
1032
1100
  set borderLeftWidth(value) {
1033
1101
  switch (typeof value) {
1034
1102
  case 'number':
1035
- setInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1103
+ this.prepareMut();
1104
+ setInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1036
1105
  setFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE, layout.toDevicePixels(value));
1037
1106
  break;
1038
1107
  case 'object':
1039
1108
  switch (value.unit) {
1040
1109
  case 'dip':
1041
- setInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1110
+ this.prepareMut();
1111
+ setInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1042
1112
  setFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE, layout.toDevicePixels(value.value));
1043
1113
  break;
1044
1114
  case 'px':
1045
- setInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1115
+ this.prepareMut();
1116
+ setInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 0);
1046
1117
  setFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE, value.value);
1047
1118
  break;
1048
1119
  case '%':
1049
- setInt32(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 1);
1120
+ this.prepareMut();
1121
+ setInt8(this.style_view, StyleKeys.BORDER_LEFT_TYPE, 1);
1050
1122
  setFloat32(this.style_view, StyleKeys.BORDER_LEFT_VALUE, value.value);
1051
1123
  break;
1052
1124
  }
@@ -1055,28 +1127,32 @@ export class Style {
1055
1127
  this.setOrAppendState(StateKeys.BORDER);
1056
1128
  }
1057
1129
  get borderRightWidth() {
1058
- const type = getInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE);
1130
+ const type = getInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE);
1059
1131
  const value = getFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE);
1060
1132
  return parseLengthPercentage(type, value);
1061
1133
  }
1062
1134
  set borderRightWidth(value) {
1063
1135
  switch (typeof value) {
1064
1136
  case 'number':
1065
- setInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1137
+ this.prepareMut();
1138
+ setInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1066
1139
  setFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE, layout.toDevicePixels(value));
1067
1140
  break;
1068
1141
  case 'object':
1069
1142
  switch (value.unit) {
1070
1143
  case 'dip':
1071
- setInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1144
+ this.prepareMut();
1145
+ setInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1072
1146
  setFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE, layout.toDevicePixels(value.value));
1073
1147
  break;
1074
1148
  case 'px':
1075
- setInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1149
+ this.prepareMut();
1150
+ setInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 0);
1076
1151
  setFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE, value.value);
1077
1152
  break;
1078
1153
  case '%':
1079
- setInt32(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 1);
1154
+ this.prepareMut();
1155
+ setInt8(this.style_view, StyleKeys.BORDER_RIGHT_TYPE, 1);
1080
1156
  setFloat32(this.style_view, StyleKeys.BORDER_RIGHT_VALUE, value.value);
1081
1157
  break;
1082
1158
  }
@@ -1085,28 +1161,32 @@ export class Style {
1085
1161
  this.setOrAppendState(StateKeys.BORDER);
1086
1162
  }
1087
1163
  get borderTopWidth() {
1088
- const type = getInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE);
1164
+ const type = getInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE);
1089
1165
  const value = getFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE);
1090
1166
  return parseLengthPercentage(type, value);
1091
1167
  }
1092
1168
  set borderTopWidth(value) {
1093
1169
  switch (typeof value) {
1094
1170
  case 'number':
1095
- setInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1171
+ this.prepareMut();
1172
+ setInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1096
1173
  setFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE, layout.toDevicePixels(value));
1097
1174
  break;
1098
1175
  case 'object':
1099
1176
  switch (value.unit) {
1100
1177
  case 'dip':
1101
- setInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1178
+ this.prepareMut();
1179
+ setInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1102
1180
  setFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE, layout.toDevicePixels(value.value));
1103
1181
  break;
1104
1182
  case 'px':
1105
- setInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1183
+ this.prepareMut();
1184
+ setInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE, 0);
1106
1185
  setFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE, value.value);
1107
1186
  break;
1108
1187
  case '%':
1109
- setInt32(this.style_view, StyleKeys.BORDER_TOP_TYPE, 1);
1188
+ this.prepareMut();
1189
+ setInt8(this.style_view, StyleKeys.BORDER_TOP_TYPE, 1);
1110
1190
  setFloat32(this.style_view, StyleKeys.BORDER_TOP_VALUE, value.value);
1111
1191
  break;
1112
1192
  }
@@ -1115,28 +1195,32 @@ export class Style {
1115
1195
  this.setOrAppendState(StateKeys.BORDER);
1116
1196
  }
1117
1197
  get borderBottomWidth() {
1118
- const type = getInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE);
1198
+ const type = getInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE);
1119
1199
  const value = getFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE);
1120
1200
  return parseLengthPercentage(type, value);
1121
1201
  }
1122
1202
  set borderBottomWidth(value) {
1123
1203
  switch (typeof value) {
1124
1204
  case 'number':
1125
- setInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1205
+ this.prepareMut();
1206
+ setInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1126
1207
  setFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE, layout.toDevicePixels(value));
1127
1208
  break;
1128
1209
  case 'object':
1129
1210
  switch (value.unit) {
1130
1211
  case 'dip':
1131
- setInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1212
+ this.prepareMut();
1213
+ setInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1132
1214
  setFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE, layout.toDevicePixels(value.value));
1133
1215
  break;
1134
1216
  case 'px':
1135
- setInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1217
+ this.prepareMut();
1218
+ setInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 0);
1136
1219
  setFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE, value.value);
1137
1220
  break;
1138
1221
  case '%':
1139
- setInt32(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 1);
1222
+ this.prepareMut();
1223
+ setInt8(this.style_view, StyleKeys.BORDER_BOTTOM_TYPE, 1);
1140
1224
  setFloat32(this.style_view, StyleKeys.BORDER_BOTTOM_VALUE, value.value);
1141
1225
  break;
1142
1226
  }
@@ -1145,33 +1229,38 @@ export class Style {
1145
1229
  this.setOrAppendState(StateKeys.BORDER);
1146
1230
  }
1147
1231
  get left() {
1148
- const type = getInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE);
1232
+ const type = getInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE);
1149
1233
  const value = getFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE);
1150
1234
  return parseLengthPercentageAuto(type, value);
1151
1235
  }
1152
1236
  set left(value) {
1153
1237
  if (value === 'auto') {
1154
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 0);
1238
+ this.prepareMut();
1239
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 0);
1155
1240
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, 0);
1156
1241
  return;
1157
1242
  }
1158
1243
  switch (typeof value) {
1159
1244
  case 'number':
1160
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1245
+ this.prepareMut();
1246
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1161
1247
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, layout.toDevicePixels(value));
1162
1248
  break;
1163
1249
  case 'object':
1164
1250
  switch (value.unit) {
1165
1251
  case 'dip':
1166
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1252
+ this.prepareMut();
1253
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1167
1254
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, layout.toDevicePixels(value.value));
1168
1255
  break;
1169
1256
  case 'px':
1170
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1257
+ this.prepareMut();
1258
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 1);
1171
1259
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, value.value);
1172
1260
  break;
1173
1261
  case '%':
1174
- setInt32(this.style_view, StyleKeys.INSET_LEFT_TYPE, 2);
1262
+ this.prepareMut();
1263
+ setInt8(this.style_view, StyleKeys.INSET_LEFT_TYPE, 2);
1175
1264
  setFloat32(this.style_view, StyleKeys.INSET_LEFT_VALUE, value.value);
1176
1265
  break;
1177
1266
  }
@@ -1180,33 +1269,38 @@ export class Style {
1180
1269
  this.setOrAppendState(StateKeys.INSET);
1181
1270
  }
1182
1271
  get right() {
1183
- const type = getInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE);
1272
+ const type = getInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE);
1184
1273
  const value = getFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE);
1185
1274
  return parseLengthPercentageAuto(type, value);
1186
1275
  }
1187
1276
  set right(value) {
1188
1277
  if (value === 'auto') {
1189
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 0);
1278
+ this.prepareMut();
1279
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 0);
1190
1280
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, 0);
1191
1281
  return;
1192
1282
  }
1193
1283
  switch (typeof value) {
1194
1284
  case 'number':
1195
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1285
+ this.prepareMut();
1286
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1196
1287
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, layout.toDevicePixels(value));
1197
1288
  break;
1198
1289
  case 'object':
1199
1290
  switch (value.unit) {
1200
1291
  case 'dip':
1201
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1292
+ this.prepareMut();
1293
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1202
1294
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, layout.toDevicePixels(value.value));
1203
1295
  break;
1204
1296
  case 'px':
1205
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1297
+ this.prepareMut();
1298
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 1);
1206
1299
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, value.value);
1207
1300
  break;
1208
1301
  case '%':
1209
- setInt32(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 2);
1302
+ this.prepareMut();
1303
+ setInt8(this.style_view, StyleKeys.INSET_RIGHT_TYPE, 2);
1210
1304
  setFloat32(this.style_view, StyleKeys.INSET_RIGHT_VALUE, value.value);
1211
1305
  break;
1212
1306
  }
@@ -1215,33 +1309,38 @@ export class Style {
1215
1309
  this.setOrAppendState(StateKeys.INSET);
1216
1310
  }
1217
1311
  get top() {
1218
- const type = getInt32(this.style_view, StyleKeys.INSET_TOP_TYPE);
1312
+ const type = getInt8(this.style_view, StyleKeys.INSET_TOP_TYPE);
1219
1313
  const value = getFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE);
1220
1314
  return parseLengthPercentageAuto(type, value);
1221
1315
  }
1222
1316
  set top(value) {
1223
1317
  if (value === 'auto') {
1224
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 0);
1318
+ this.prepareMut();
1319
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 0);
1225
1320
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, 0);
1226
1321
  return;
1227
1322
  }
1228
1323
  switch (typeof value) {
1229
1324
  case 'number':
1230
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1325
+ this.prepareMut();
1326
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1231
1327
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, layout.toDevicePixels(value));
1232
1328
  break;
1233
1329
  case 'object':
1234
1330
  switch (value.unit) {
1235
1331
  case 'dip':
1236
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1332
+ this.prepareMut();
1333
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1237
1334
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, layout.toDevicePixels(value.value));
1238
1335
  break;
1239
1336
  case 'px':
1240
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1337
+ this.prepareMut();
1338
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 1);
1241
1339
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, value.value);
1242
1340
  break;
1243
1341
  case '%':
1244
- setInt32(this.style_view, StyleKeys.INSET_TOP_TYPE, 2);
1342
+ this.prepareMut();
1343
+ setInt8(this.style_view, StyleKeys.INSET_TOP_TYPE, 2);
1245
1344
  setFloat32(this.style_view, StyleKeys.INSET_TOP_VALUE, value.value);
1246
1345
  break;
1247
1346
  }
@@ -1250,33 +1349,38 @@ export class Style {
1250
1349
  this.setOrAppendState(StateKeys.INSET);
1251
1350
  }
1252
1351
  get bottom() {
1253
- const type = getInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE);
1352
+ const type = getInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE);
1254
1353
  const value = getFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE);
1255
1354
  return parseLengthPercentageAuto(type, value);
1256
1355
  }
1257
1356
  set bottom(value) {
1258
1357
  if (value === 'auto') {
1259
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 0);
1358
+ this.prepareMut();
1359
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 0);
1260
1360
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, 0);
1261
1361
  return;
1262
1362
  }
1263
1363
  switch (typeof value) {
1264
1364
  case 'number':
1265
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1365
+ this.prepareMut();
1366
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1266
1367
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, layout.toDevicePixels(value));
1267
1368
  break;
1268
1369
  case 'object':
1269
1370
  switch (value.unit) {
1270
1371
  case 'dip':
1271
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1372
+ this.prepareMut();
1373
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1272
1374
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, layout.toDevicePixels(value.value));
1273
1375
  break;
1274
1376
  case 'px':
1275
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1377
+ this.prepareMut();
1378
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 1);
1276
1379
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, value.value);
1277
1380
  break;
1278
1381
  case '%':
1279
- setInt32(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 2);
1382
+ this.prepareMut();
1383
+ setInt8(this.style_view, StyleKeys.INSET_BOTTOM_TYPE, 2);
1280
1384
  setFloat32(this.style_view, StyleKeys.INSET_BOTTOM_VALUE, value.value);
1281
1385
  break;
1282
1386
  }
@@ -1291,31 +1395,36 @@ export class Style {
1291
1395
  this.setOrAppendState(StateKeys.MARGIN);
1292
1396
  }
1293
1397
  get marginLeft() {
1294
- const type = getInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE);
1398
+ const type = getInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE);
1295
1399
  const value = getFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE);
1296
1400
  return parseLengthPercentageAuto(type, value);
1297
1401
  }
1298
1402
  set marginLeft(value) {
1299
1403
  switch (typeof value) {
1300
1404
  case 'string':
1301
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 0);
1405
+ this.prepareMut();
1406
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 0);
1302
1407
  break;
1303
1408
  case 'number':
1304
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1409
+ this.prepareMut();
1410
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1305
1411
  setFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE, layout.toDevicePixels(value));
1306
1412
  break;
1307
1413
  case 'object':
1308
1414
  switch (value.unit) {
1309
1415
  case 'dip':
1310
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1416
+ this.prepareMut();
1417
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1311
1418
  setFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE, layout.toDevicePixels(value.value));
1312
1419
  break;
1313
1420
  case 'px':
1314
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1421
+ this.prepareMut();
1422
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 1);
1315
1423
  setFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE, value.value);
1316
1424
  break;
1317
1425
  case '%':
1318
- setInt32(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 2);
1426
+ this.prepareMut();
1427
+ setInt8(this.style_view, StyleKeys.MARGIN_LEFT_TYPE, 2);
1319
1428
  setFloat32(this.style_view, StyleKeys.MARGIN_LEFT_VALUE, value.value);
1320
1429
  break;
1321
1430
  }
@@ -1324,31 +1433,36 @@ export class Style {
1324
1433
  this.setOrAppendState(StateKeys.MARGIN);
1325
1434
  }
1326
1435
  get marginRight() {
1327
- const type = getInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE);
1436
+ const type = getInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE);
1328
1437
  const value = getFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE);
1329
1438
  return parseLengthPercentageAuto(type, value);
1330
1439
  }
1331
1440
  set marginRight(value) {
1332
1441
  switch (typeof value) {
1333
1442
  case 'string':
1334
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 0);
1443
+ this.prepareMut();
1444
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 0);
1335
1445
  break;
1336
1446
  case 'number':
1337
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1447
+ this.prepareMut();
1448
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1338
1449
  setFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE, layout.toDevicePixels(value));
1339
1450
  break;
1340
1451
  case 'object':
1341
1452
  switch (value.unit) {
1342
1453
  case 'dip':
1343
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1454
+ this.prepareMut();
1455
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1344
1456
  setFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE, layout.toDevicePixels(value.value));
1345
1457
  break;
1346
1458
  case 'px':
1347
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1459
+ this.prepareMut();
1460
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 1);
1348
1461
  setFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE, value.value);
1349
1462
  break;
1350
1463
  case '%':
1351
- setInt32(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 2);
1464
+ this.prepareMut();
1465
+ setInt8(this.style_view, StyleKeys.MARGIN_RIGHT_TYPE, 2);
1352
1466
  setFloat32(this.style_view, StyleKeys.MARGIN_RIGHT_VALUE, value.value);
1353
1467
  break;
1354
1468
  }
@@ -1357,31 +1471,36 @@ export class Style {
1357
1471
  this.setOrAppendState(StateKeys.MARGIN);
1358
1472
  }
1359
1473
  get marginTop() {
1360
- const type = getInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE);
1474
+ const type = getInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE);
1361
1475
  const value = getFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE);
1362
1476
  return parseLengthPercentageAuto(type, value);
1363
1477
  }
1364
1478
  set marginTop(value) {
1365
1479
  switch (typeof value) {
1366
1480
  case 'string':
1367
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 0);
1481
+ this.prepareMut();
1482
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 0);
1368
1483
  break;
1369
1484
  case 'number':
1370
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1485
+ this.prepareMut();
1486
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1371
1487
  setFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE, layout.toDevicePixels(value));
1372
1488
  break;
1373
1489
  case 'object':
1374
1490
  switch (value.unit) {
1375
1491
  case 'dip':
1376
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1492
+ this.prepareMut();
1493
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1377
1494
  setFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE, layout.toDevicePixels(value.value));
1378
1495
  break;
1379
1496
  case 'px':
1380
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1497
+ this.prepareMut();
1498
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 1);
1381
1499
  setFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE, value.value);
1382
1500
  break;
1383
1501
  case '%':
1384
- setInt32(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 2);
1502
+ this.prepareMut();
1503
+ setInt8(this.style_view, StyleKeys.MARGIN_TOP_TYPE, 2);
1385
1504
  setFloat32(this.style_view, StyleKeys.MARGIN_TOP_VALUE, value.value);
1386
1505
  break;
1387
1506
  }
@@ -1390,31 +1509,36 @@ export class Style {
1390
1509
  this.setOrAppendState(StateKeys.MARGIN);
1391
1510
  }
1392
1511
  get marginBottom() {
1393
- const type = getInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE);
1512
+ const type = getInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE);
1394
1513
  const value = getFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE);
1395
1514
  return parseLengthPercentageAuto(type, value);
1396
1515
  }
1397
1516
  set marginBottom(value) {
1398
1517
  switch (typeof value) {
1399
1518
  case 'string':
1400
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 0);
1519
+ this.prepareMut();
1520
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 0);
1401
1521
  break;
1402
1522
  case 'number':
1403
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1523
+ this.prepareMut();
1524
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1404
1525
  setFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE, layout.toDevicePixels(value));
1405
1526
  break;
1406
1527
  case 'object':
1407
1528
  switch (value.unit) {
1408
1529
  case 'dip':
1409
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1530
+ this.prepareMut();
1531
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1410
1532
  setFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE, layout.toDevicePixels(value.value));
1411
1533
  break;
1412
1534
  case 'px':
1413
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1535
+ this.prepareMut();
1536
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 1);
1414
1537
  setFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE, value.value);
1415
1538
  break;
1416
1539
  case '%':
1417
- setInt32(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 2);
1540
+ this.prepareMut();
1541
+ setInt8(this.style_view, StyleKeys.MARGIN_BOTTOM_TYPE, 2);
1418
1542
  setFloat32(this.style_view, StyleKeys.MARGIN_BOTTOM_VALUE, value.value);
1419
1543
  break;
1420
1544
  }
@@ -1429,28 +1553,32 @@ export class Style {
1429
1553
  this.setOrAppendState(StateKeys.PADDING);
1430
1554
  }
1431
1555
  get paddingLeft() {
1432
- const type = getInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE);
1556
+ const type = getInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE);
1433
1557
  const value = getFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE);
1434
1558
  return parseLengthPercentage(type, value);
1435
1559
  }
1436
1560
  set paddingLeft(value) {
1437
1561
  switch (typeof value) {
1438
1562
  case 'number':
1439
- setInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1563
+ this.prepareMut();
1564
+ setInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1440
1565
  setFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE, layout.toDevicePixels(value));
1441
1566
  break;
1442
1567
  case 'object':
1443
1568
  switch (value.unit) {
1444
1569
  case 'dip':
1445
- setInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1570
+ this.prepareMut();
1571
+ setInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1446
1572
  setFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE, layout.toDevicePixels(value.value));
1447
1573
  break;
1448
1574
  case 'px':
1449
- setInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1575
+ this.prepareMut();
1576
+ setInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 0);
1450
1577
  setFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE, value.value);
1451
1578
  break;
1452
1579
  case '%':
1453
- setInt32(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 1);
1580
+ this.prepareMut();
1581
+ setInt8(this.style_view, StyleKeys.PADDING_LEFT_TYPE, 1);
1454
1582
  setFloat32(this.style_view, StyleKeys.PADDING_LEFT_VALUE, value.value);
1455
1583
  break;
1456
1584
  }
@@ -1459,28 +1587,32 @@ export class Style {
1459
1587
  this.setOrAppendState(StateKeys.PADDING);
1460
1588
  }
1461
1589
  get paddingRight() {
1462
- const type = getInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE);
1590
+ const type = getInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE);
1463
1591
  const value = getFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE);
1464
1592
  return parseLengthPercentage(type, value);
1465
1593
  }
1466
1594
  set paddingRight(value) {
1467
1595
  switch (typeof value) {
1468
1596
  case 'number':
1469
- setInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1597
+ this.prepareMut();
1598
+ setInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1470
1599
  setFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE, layout.toDevicePixels(value));
1471
1600
  break;
1472
1601
  case 'object':
1473
1602
  switch (value.unit) {
1474
1603
  case 'dip':
1475
- setInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1604
+ this.prepareMut();
1605
+ setInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1476
1606
  setFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE, layout.toDevicePixels(value.value));
1477
1607
  break;
1478
1608
  case 'px':
1479
- setInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1609
+ this.prepareMut();
1610
+ setInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 0);
1480
1611
  setFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE, value.value);
1481
1612
  break;
1482
1613
  case '%':
1483
- setInt32(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 1);
1614
+ this.prepareMut();
1615
+ setInt8(this.style_view, StyleKeys.PADDING_RIGHT_TYPE, 1);
1484
1616
  setFloat32(this.style_view, StyleKeys.PADDING_RIGHT_VALUE, value.value);
1485
1617
  break;
1486
1618
  }
@@ -1489,28 +1621,32 @@ export class Style {
1489
1621
  this.setOrAppendState(StateKeys.PADDING);
1490
1622
  }
1491
1623
  get paddingTop() {
1492
- const type = getInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE);
1624
+ const type = getInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE);
1493
1625
  const value = getFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE);
1494
1626
  return parseLengthPercentage(type, value);
1495
1627
  }
1496
1628
  set paddingTop(value) {
1497
1629
  switch (typeof value) {
1498
1630
  case 'number':
1499
- setInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1631
+ this.prepareMut();
1632
+ setInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1500
1633
  setFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE, layout.toDevicePixels(value));
1501
1634
  break;
1502
1635
  case 'object':
1503
1636
  switch (value.unit) {
1504
1637
  case 'dip':
1505
- setInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1638
+ this.prepareMut();
1639
+ setInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1506
1640
  setFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE, layout.toDevicePixels(value.value));
1507
1641
  break;
1508
1642
  case 'px':
1509
- setInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1643
+ this.prepareMut();
1644
+ setInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE, 0);
1510
1645
  setFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE, value.value);
1511
1646
  break;
1512
1647
  case '%':
1513
- setInt32(this.style_view, StyleKeys.PADDING_TOP_TYPE, 1);
1648
+ this.prepareMut();
1649
+ setInt8(this.style_view, StyleKeys.PADDING_TOP_TYPE, 1);
1514
1650
  setFloat32(this.style_view, StyleKeys.PADDING_TOP_VALUE, value.value);
1515
1651
  break;
1516
1652
  }
@@ -1519,28 +1655,32 @@ export class Style {
1519
1655
  this.setOrAppendState(StateKeys.PADDING);
1520
1656
  }
1521
1657
  get paddingBottom() {
1522
- const type = getInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE);
1658
+ const type = getInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE);
1523
1659
  const value = getFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE);
1524
1660
  return parseLengthPercentage(type, value);
1525
1661
  }
1526
1662
  set paddingBottom(value) {
1527
1663
  switch (typeof value) {
1528
1664
  case 'number':
1529
- setInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1665
+ this.prepareMut();
1666
+ setInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1530
1667
  setFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE, layout.toDevicePixels(value));
1531
1668
  break;
1532
1669
  case 'object':
1533
1670
  switch (value.unit) {
1534
1671
  case 'dip':
1535
- setInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1672
+ this.prepareMut();
1673
+ setInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1536
1674
  setFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE, layout.toDevicePixels(value.value));
1537
1675
  break;
1538
1676
  case 'px':
1539
- setInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1677
+ this.prepareMut();
1678
+ setInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 0);
1540
1679
  setFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE, value.value);
1541
1680
  break;
1542
1681
  case '%':
1543
- setInt32(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 1);
1682
+ this.prepareMut();
1683
+ setInt8(this.style_view, StyleKeys.PADDING_BOTTOM_TYPE, 1);
1544
1684
  setFloat32(this.style_view, StyleKeys.PADDING_BOTTOM_VALUE, value.value);
1545
1685
  break;
1546
1686
  }
@@ -1581,28 +1721,32 @@ export class Style {
1581
1721
  }
1582
1722
  }
1583
1723
  get rowGap() {
1584
- const type = getInt32(this.style_view, StyleKeys.GAP_ROW_TYPE);
1724
+ const type = getInt8(this.style_view, StyleKeys.GAP_ROW_TYPE);
1585
1725
  const value = getFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE);
1586
1726
  return parseLengthPercentage(type, value);
1587
1727
  }
1588
1728
  set rowGap(value) {
1589
1729
  switch (typeof value) {
1590
1730
  case 'number':
1591
- setInt32(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1731
+ this.prepareMut();
1732
+ setInt8(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1592
1733
  setFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE, layout.toDevicePixels(value));
1593
1734
  break;
1594
1735
  case 'object':
1595
1736
  switch (value.unit) {
1596
1737
  case 'dip':
1597
- setInt32(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1738
+ this.prepareMut();
1739
+ setInt8(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1598
1740
  setFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE, layout.toDevicePixels(value.value));
1599
1741
  break;
1600
1742
  case 'px':
1601
- setInt32(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1743
+ this.prepareMut();
1744
+ setInt8(this.style_view, StyleKeys.GAP_ROW_TYPE, 0);
1602
1745
  setFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE, value.value);
1603
1746
  break;
1604
1747
  case '%':
1605
- setInt32(this.style_view, StyleKeys.GAP_ROW_TYPE, 1);
1748
+ this.prepareMut();
1749
+ setInt8(this.style_view, StyleKeys.GAP_ROW_TYPE, 1);
1606
1750
  setFloat32(this.style_view, StyleKeys.GAP_ROW_VALUE, value.value);
1607
1751
  break;
1608
1752
  }
@@ -1611,28 +1755,32 @@ export class Style {
1611
1755
  this.setOrAppendState(StateKeys.GAP);
1612
1756
  }
1613
1757
  get columnGap() {
1614
- const type = getInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE);
1758
+ const type = getInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE);
1615
1759
  const value = getFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE);
1616
1760
  return parseLengthPercentage(type, value);
1617
1761
  }
1618
1762
  set columnGap(value) {
1619
1763
  switch (typeof value) {
1620
1764
  case 'number':
1621
- setInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1765
+ this.prepareMut();
1766
+ setInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1622
1767
  setFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE, layout.toDevicePixels(value));
1623
1768
  break;
1624
1769
  case 'object':
1625
1770
  switch (value.unit) {
1626
1771
  case 'dip':
1627
- setInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1772
+ this.prepareMut();
1773
+ setInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1628
1774
  setFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE, layout.toDevicePixels(value.value));
1629
1775
  break;
1630
1776
  case 'px':
1631
- setInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1777
+ this.prepareMut();
1778
+ setInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 0);
1632
1779
  setFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE, value.value);
1633
1780
  break;
1634
1781
  case '%':
1635
- setInt32(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 1);
1782
+ this.prepareMut();
1783
+ setInt8(this.style_view, StyleKeys.GAP_COLUMN_TYPE, 1);
1636
1784
  setFloat32(this.style_view, StyleKeys.GAP_COLUMN_VALUE, value.value);
1637
1785
  break;
1638
1786
  }
@@ -1648,31 +1796,36 @@ export class Style {
1648
1796
  this.setOrAppendState(StateKeys.ASPECT_RATIO);
1649
1797
  }
1650
1798
  get flexBasis() {
1651
- const type = getInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE);
1799
+ const type = getInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE);
1652
1800
  const value = getFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE);
1653
1801
  return parseLengthPercentageAuto(type, value);
1654
1802
  }
1655
1803
  set flexBasis(value) {
1656
1804
  switch (typeof value) {
1657
1805
  case 'string':
1658
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 0);
1806
+ this.prepareMut();
1807
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 0);
1659
1808
  break;
1660
1809
  case 'number':
1661
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1810
+ this.prepareMut();
1811
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1662
1812
  setFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE, layout.toDevicePixels(value));
1663
1813
  break;
1664
1814
  case 'object':
1665
1815
  switch (value.unit) {
1666
1816
  case 'dip':
1667
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1817
+ this.prepareMut();
1818
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1668
1819
  setFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE, layout.toDevicePixels(value.value));
1669
1820
  break;
1670
1821
  case 'px':
1671
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1822
+ this.prepareMut();
1823
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 1);
1672
1824
  setFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE, value.value);
1673
1825
  break;
1674
1826
  case '%':
1675
- setInt32(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 2);
1827
+ this.prepareMut();
1828
+ setInt8(this.style_view, StyleKeys.FLEX_BASIS_TYPE, 2);
1676
1829
  setFloat32(this.style_view, StyleKeys.FLEX_BASIS_VALUE, value.value);
1677
1830
  break;
1678
1831
  }
@@ -1681,7 +1834,7 @@ export class Style {
1681
1834
  this.setOrAppendState(StateKeys.FLEX_BASIS);
1682
1835
  }
1683
1836
  get alignItems() {
1684
- switch (getInt32(this.style_view, StyleKeys.ALIGN_ITEMS)) {
1837
+ switch (getInt8(this.style_view, StyleKeys.ALIGN_ITEMS)) {
1685
1838
  case -1 /* AlignItems.Normal */:
1686
1839
  return 'normal';
1687
1840
  case 0 /* AlignItems.Start */:
@@ -1703,34 +1856,42 @@ export class Style {
1703
1856
  set alignItems(value) {
1704
1857
  switch (value) {
1705
1858
  case 'normal':
1706
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, -1 /* AlignItems.Normal */);
1859
+ this.prepareMut();
1860
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, -1 /* AlignItems.Normal */);
1707
1861
  break;
1708
1862
  case 'start':
1709
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 0 /* AlignItems.Start */);
1863
+ this.prepareMut();
1864
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 0 /* AlignItems.Start */);
1710
1865
  break;
1711
1866
  case 'end':
1712
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 1 /* AlignItems.End */);
1867
+ this.prepareMut();
1868
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 1 /* AlignItems.End */);
1713
1869
  break;
1714
1870
  case 'flex-start':
1715
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 5 /* AlignItems.FlexStart */);
1871
+ this.prepareMut();
1872
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 5 /* AlignItems.FlexStart */);
1716
1873
  break;
1717
1874
  case 'flex-end':
1718
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 6 /* AlignItems.FlexEnd */);
1875
+ this.prepareMut();
1876
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 6 /* AlignItems.FlexEnd */);
1719
1877
  break;
1720
1878
  case 'center':
1721
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 2 /* AlignItems.Center */);
1879
+ this.prepareMut();
1880
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 2 /* AlignItems.Center */);
1722
1881
  break;
1723
1882
  case 'baseline':
1724
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 3 /* AlignItems.Baseline */);
1883
+ this.prepareMut();
1884
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 3 /* AlignItems.Baseline */);
1725
1885
  break;
1726
1886
  case 'stretch':
1727
- setInt32(this.style_view, StyleKeys.ALIGN_ITEMS, 4 /* AlignItems.Stretch */);
1887
+ this.prepareMut();
1888
+ setInt8(this.style_view, StyleKeys.ALIGN_ITEMS, 4 /* AlignItems.Stretch */);
1728
1889
  break;
1729
1890
  }
1730
1891
  this.setOrAppendState(StateKeys.ALIGN_ITEMS);
1731
1892
  }
1732
1893
  get alignSelf() {
1733
- switch (getInt32(this.style_view, StyleKeys.ALIGN_SELF)) {
1894
+ switch (getInt8(this.style_view, StyleKeys.ALIGN_SELF)) {
1734
1895
  case -1 /* AlignSelf.Normal */:
1735
1896
  return 'normal';
1736
1897
  case 0 /* AlignSelf.Start */:
@@ -1778,12 +1939,13 @@ export class Style {
1778
1939
  break;
1779
1940
  }
1780
1941
  if (align === -2) {
1781
- setInt32(this.style_view, StyleKeys.ALIGN_SELF, align);
1942
+ this.prepareMut();
1943
+ setInt8(this.style_view, StyleKeys.ALIGN_SELF, align);
1782
1944
  this.setOrAppendState(StateKeys.ALIGN_SELF);
1783
1945
  }
1784
1946
  }
1785
1947
  get alignContent() {
1786
- switch (getInt32(this.style_view, StyleKeys.ALIGN_CONTENT)) {
1948
+ switch (getInt8(this.style_view, StyleKeys.ALIGN_CONTENT)) {
1787
1949
  case -1 /* AlignContent.Normal */:
1788
1950
  return 'normal';
1789
1951
  case 5 /* AlignContent.SpaceAround */:
@@ -1805,34 +1967,42 @@ export class Style {
1805
1967
  set alignContent(value) {
1806
1968
  switch (value) {
1807
1969
  case 'normal':
1808
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, -1 /* AlignContent.Normal */);
1970
+ this.prepareMut();
1971
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, -1 /* AlignContent.Normal */);
1809
1972
  break;
1810
1973
  case 'space-around':
1811
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 5 /* AlignContent.SpaceAround */);
1974
+ this.prepareMut();
1975
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 5 /* AlignContent.SpaceAround */);
1812
1976
  break;
1813
1977
  case 'space-between':
1814
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 4 /* AlignContent.SpaceBetween */);
1978
+ this.prepareMut();
1979
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 4 /* AlignContent.SpaceBetween */);
1815
1980
  break;
1816
1981
  case 'space-evenly':
1817
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 6 /* AlignContent.SpaceEvenly */);
1982
+ this.prepareMut();
1983
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 6 /* AlignContent.SpaceEvenly */);
1818
1984
  break;
1819
1985
  case 'center':
1820
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 2 /* AlignContent.Center */);
1986
+ this.prepareMut();
1987
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 2 /* AlignContent.Center */);
1821
1988
  break;
1822
1989
  case 'end':
1823
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 1 /* AlignContent.End */);
1990
+ this.prepareMut();
1991
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 1 /* AlignContent.End */);
1824
1992
  break;
1825
1993
  case 'start':
1826
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 0 /* AlignContent.Start */);
1994
+ this.prepareMut();
1995
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 0 /* AlignContent.Start */);
1827
1996
  break;
1828
1997
  case 'stretch':
1829
- setInt32(this.style_view, StyleKeys.ALIGN_CONTENT, 3 /* AlignContent.Stretch */);
1998
+ this.prepareMut();
1999
+ setInt8(this.style_view, StyleKeys.ALIGN_CONTENT, 3 /* AlignContent.Stretch */);
1830
2000
  break;
1831
2001
  }
1832
2002
  this.setOrAppendState(StateKeys.ALIGN_CONTENT);
1833
2003
  }
1834
2004
  get justifyItems() {
1835
- switch (getInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS)) {
2005
+ switch (getInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS)) {
1836
2006
  case -1 /* JustifyItems.Normal */:
1837
2007
  return 'normal';
1838
2008
  case 0 /* JustifyItems.Start */:
@@ -1854,34 +2024,42 @@ export class Style {
1854
2024
  set justifyItems(value) {
1855
2025
  switch (value) {
1856
2026
  case 'normal':
1857
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, -1 /* JustifyItems.Normal */);
2027
+ this.prepareMut();
2028
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, -1 /* JustifyItems.Normal */);
1858
2029
  break;
1859
2030
  case 'start':
1860
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 0 /* JustifyItems.Start */);
2031
+ this.prepareMut();
2032
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 0 /* JustifyItems.Start */);
1861
2033
  break;
1862
2034
  case 'end':
1863
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 1 /* JustifyItems.End */);
2035
+ this.prepareMut();
2036
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 1 /* JustifyItems.End */);
1864
2037
  break;
1865
2038
  case 'center':
1866
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 2 /* JustifyItems.Center */);
2039
+ this.prepareMut();
2040
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 2 /* JustifyItems.Center */);
1867
2041
  break;
1868
2042
  case 'baseline':
1869
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 3 /* JustifyItems.Baseline */);
2043
+ this.prepareMut();
2044
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 3 /* JustifyItems.Baseline */);
1870
2045
  break;
1871
2046
  case 'stretch':
1872
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 4 /* JustifyItems.Stretch */);
2047
+ this.prepareMut();
2048
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 4 /* JustifyItems.Stretch */);
1873
2049
  break;
1874
2050
  case 'flex-start':
1875
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 5 /* JustifyItems.FlexStart */);
2051
+ this.prepareMut();
2052
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 5 /* JustifyItems.FlexStart */);
1876
2053
  break;
1877
2054
  case 'flex-end':
1878
- setInt32(this.style_view, StyleKeys.JUSTIFY_ITEMS, 6 /* JustifyItems.FlexEnd */);
2055
+ this.prepareMut();
2056
+ setInt8(this.style_view, StyleKeys.JUSTIFY_ITEMS, 6 /* JustifyItems.FlexEnd */);
1879
2057
  break;
1880
2058
  }
1881
2059
  this.setOrAppendState(StateKeys.JUSTIFY_ITEMS);
1882
2060
  }
1883
2061
  get justifySelf() {
1884
- switch (getInt32(this.style_view, StyleKeys.JUSTIFY_SELF)) {
2062
+ switch (getInt8(this.style_view, StyleKeys.JUSTIFY_SELF)) {
1885
2063
  case -1 /* JustifySelf.Normal */:
1886
2064
  return 'normal';
1887
2065
  case 0 /* JustifySelf.Start */:
@@ -1903,34 +2081,42 @@ export class Style {
1903
2081
  set justifySelf(value) {
1904
2082
  switch (value) {
1905
2083
  case 'normal':
1906
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, -1 /* JustifySelf.Normal */);
2084
+ this.prepareMut();
2085
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, -1 /* JustifySelf.Normal */);
1907
2086
  break;
1908
2087
  case 'start':
1909
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 0 /* JustifySelf.Start */);
2088
+ this.prepareMut();
2089
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 0 /* JustifySelf.Start */);
1910
2090
  break;
1911
2091
  case 'end':
1912
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 1 /* JustifySelf.End */);
2092
+ this.prepareMut();
2093
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 1 /* JustifySelf.End */);
1913
2094
  break;
1914
2095
  case 'center':
1915
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 2 /* JustifySelf.Center */);
2096
+ this.prepareMut();
2097
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 2 /* JustifySelf.Center */);
1916
2098
  break;
1917
2099
  case 'baseline':
1918
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 3 /* JustifySelf.Baseline */);
2100
+ this.prepareMut();
2101
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 3 /* JustifySelf.Baseline */);
1919
2102
  break;
1920
2103
  case 'stretch':
1921
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 4 /* JustifySelf.Stretch */);
2104
+ this.prepareMut();
2105
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 4 /* JustifySelf.Stretch */);
1922
2106
  break;
1923
2107
  case 'flex-start':
1924
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 5 /* JustifySelf.FlexStart */);
2108
+ this.prepareMut();
2109
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 5 /* JustifySelf.FlexStart */);
1925
2110
  break;
1926
2111
  case 'flex-end':
1927
- setInt32(this.style_view, StyleKeys.JUSTIFY_SELF, 6 /* JustifySelf.FlexEnd */);
2112
+ this.prepareMut();
2113
+ setInt8(this.style_view, StyleKeys.JUSTIFY_SELF, 6 /* JustifySelf.FlexEnd */);
1928
2114
  break;
1929
2115
  }
1930
2116
  this.setOrAppendState(StateKeys.JUSTIFY_SELF);
1931
2117
  }
1932
2118
  get justifyContent() {
1933
- switch (getInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT)) {
2119
+ switch (getInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT)) {
1934
2120
  case -1 /* JustifyContent.Normal */:
1935
2121
  return 'normal';
1936
2122
  case 0 /* JustifyContent.Start */:
@@ -1956,28 +2142,36 @@ export class Style {
1956
2142
  set justifyContent(value) {
1957
2143
  switch (value) {
1958
2144
  case 'normal':
1959
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, -1 /* JustifyContent.Normal */);
2145
+ this.prepareMut();
2146
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, -1 /* JustifyContent.Normal */);
1960
2147
  break;
1961
2148
  case 'space-around':
1962
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 5 /* JustifyContent.SpaceAround */);
2149
+ this.prepareMut();
2150
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 5 /* JustifyContent.SpaceAround */);
1963
2151
  break;
1964
2152
  case 'space-between':
1965
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 4 /* JustifyContent.SpaceBetween */);
2153
+ this.prepareMut();
2154
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 4 /* JustifyContent.SpaceBetween */);
1966
2155
  break;
1967
2156
  case 'space-evenly':
1968
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 6 /* JustifyContent.SpaceEvenly */);
2157
+ this.prepareMut();
2158
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 6 /* JustifyContent.SpaceEvenly */);
1969
2159
  break;
1970
2160
  case 'center':
1971
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 2 /* JustifyContent.Center */);
2161
+ this.prepareMut();
2162
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 2 /* JustifyContent.Center */);
1972
2163
  break;
1973
2164
  case 'end':
1974
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 1 /* JustifyContent.End */);
2165
+ this.prepareMut();
2166
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 1 /* JustifyContent.End */);
1975
2167
  break;
1976
2168
  case 'start':
1977
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 0 /* JustifyContent.Start */);
2169
+ this.prepareMut();
2170
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 0 /* JustifyContent.Start */);
1978
2171
  break;
1979
2172
  case 'stretch':
1980
- setInt32(this.style_view, StyleKeys.JUSTIFY_CONTENT, 3 /* JustifyContent.Stretch */);
2173
+ this.prepareMut();
2174
+ setInt8(this.style_view, StyleKeys.JUSTIFY_CONTENT, 3 /* JustifyContent.Stretch */);
1981
2175
  break;
1982
2176
  }
1983
2177
  this.setOrAppendState(StateKeys.JUSTIFY_CONTENT);
@@ -2029,7 +2223,7 @@ export class Style {
2029
2223
  }
2030
2224
  }
2031
2225
  get gridAutoFlow() {
2032
- switch (getInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW)) {
2226
+ switch (getInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW)) {
2033
2227
  case 0:
2034
2228
  return 'row';
2035
2229
  case 1:
@@ -2043,16 +2237,20 @@ export class Style {
2043
2237
  set gridAutoFlow(value) {
2044
2238
  switch (value) {
2045
2239
  case 'row':
2046
- setInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW, 0);
2240
+ this.prepareMut();
2241
+ setInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW, 0);
2047
2242
  break;
2048
2243
  case 'column':
2049
- setInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW, 1);
2244
+ this.prepareMut();
2245
+ setInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW, 1);
2050
2246
  break;
2051
2247
  case 'row dense':
2052
- setInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW, 2);
2248
+ this.prepareMut();
2249
+ setInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW, 2);
2053
2250
  break;
2054
2251
  case 'column dense':
2055
- setInt32(this.style_view, StyleKeys.GRID_AUTO_FLOW, 3);
2252
+ this.prepareMut();
2253
+ setInt8(this.style_view, StyleKeys.GRID_AUTO_FLOW, 3);
2056
2254
  break;
2057
2255
  }
2058
2256
  this.setOrAppendState(StateKeys.GRID_AUTO_FLOW);
@@ -2310,52 +2508,68 @@ export class Style {
2310
2508
  set overflow(value) {
2311
2509
  switch (value) {
2312
2510
  case 'visible':
2313
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 0);
2314
- 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);
2315
2515
  break;
2316
2516
  case 'hidden':
2317
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 1);
2318
- 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);
2319
2521
  break;
2320
2522
  case 'scroll':
2321
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 2);
2322
- 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);
2323
2527
  break;
2324
2528
  default:
2325
2529
  {
2326
2530
  const values = value.split(' ');
2327
2531
  switch (values[0]) {
2328
2532
  case 'visible':
2329
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 0);
2533
+ this.prepareMut();
2534
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 0);
2330
2535
  break;
2331
2536
  case 'hidden':
2332
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 1);
2537
+ this.prepareMut();
2538
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 1);
2333
2539
  break;
2334
2540
  case 'scroll':
2335
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 2);
2541
+ this.prepareMut();
2542
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 2);
2336
2543
  break;
2337
2544
  case 'clip':
2338
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 3);
2545
+ this.prepareMut();
2546
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 3);
2339
2547
  break;
2340
2548
  case 'auto':
2341
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 4);
2549
+ this.prepareMut();
2550
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 4);
2342
2551
  break;
2343
2552
  }
2344
2553
  switch (values[1]) {
2345
2554
  case 'visible':
2346
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2555
+ this.prepareMut();
2556
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2347
2557
  break;
2348
2558
  case 'hidden':
2349
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2559
+ this.prepareMut();
2560
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2350
2561
  break;
2351
2562
  case 'scroll':
2352
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2563
+ this.prepareMut();
2564
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2353
2565
  break;
2354
2566
  case 'clip':
2355
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 3);
2567
+ this.prepareMut();
2568
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 3);
2356
2569
  break;
2357
2570
  case 'auto':
2358
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 4);
2571
+ this.prepareMut();
2572
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 4);
2359
2573
  break;
2360
2574
  }
2361
2575
  }
@@ -2364,7 +2578,7 @@ export class Style {
2364
2578
  this.setOrAppendState(StateKeys.OVERFLOW);
2365
2579
  }
2366
2580
  get overflowX() {
2367
- switch (getInt32(this.style_view, StyleKeys.OVERFLOW_X)) {
2581
+ switch (getInt8(this.style_view, StyleKeys.OVERFLOW_X)) {
2368
2582
  case 0:
2369
2583
  return 'visible';
2370
2584
  case 1:
@@ -2377,24 +2591,29 @@ export class Style {
2377
2591
  let dirty = false;
2378
2592
  switch (value) {
2379
2593
  case 'visible':
2380
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 0);
2594
+ this.prepareMut();
2595
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 0);
2381
2596
  dirty = true;
2382
2597
  break;
2383
2598
  case 'hidden':
2384
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 1);
2599
+ this.prepareMut();
2600
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 1);
2385
2601
  dirty = true;
2386
2602
  break;
2387
2603
  case 'scroll':
2388
2604
  dirty = true;
2389
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 2);
2605
+ this.prepareMut();
2606
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 2);
2390
2607
  break;
2391
2608
  case 'clip':
2392
2609
  dirty = true;
2393
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 3);
2610
+ this.prepareMut();
2611
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 3);
2394
2612
  break;
2395
2613
  case 'auto':
2396
2614
  dirty = true;
2397
- setInt32(this.style_view, StyleKeys.OVERFLOW_X, 4);
2615
+ this.prepareMut();
2616
+ setInt8(this.style_view, StyleKeys.OVERFLOW_X, 4);
2398
2617
  break;
2399
2618
  }
2400
2619
  if (dirty) {
@@ -2402,7 +2621,7 @@ export class Style {
2402
2621
  }
2403
2622
  }
2404
2623
  get overflowY() {
2405
- switch (getInt32(this.style_view, StyleKeys.OVERFLOW_Y)) {
2624
+ switch (getInt8(this.style_view, StyleKeys.OVERFLOW_Y)) {
2406
2625
  case 0:
2407
2626
  return 'visible';
2408
2627
  case 1:
@@ -2419,23 +2638,28 @@ export class Style {
2419
2638
  let dirty = false;
2420
2639
  switch (value) {
2421
2640
  case 'visible':
2422
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2641
+ this.prepareMut();
2642
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 0);
2423
2643
  dirty = true;
2424
2644
  break;
2425
2645
  case 'hidden':
2426
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2646
+ this.prepareMut();
2647
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 1);
2427
2648
  dirty = true;
2428
2649
  break;
2429
2650
  case 'scroll':
2430
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2651
+ this.prepareMut();
2652
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 2);
2431
2653
  dirty = true;
2432
2654
  break;
2433
2655
  case 'clip':
2434
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 3);
2656
+ this.prepareMut();
2657
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 3);
2435
2658
  dirty = true;
2436
2659
  break;
2437
2660
  case 'auto':
2438
- setInt32(this.style_view, StyleKeys.OVERFLOW_Y, 4);
2661
+ this.prepareMut();
2662
+ setInt8(this.style_view, StyleKeys.OVERFLOW_Y, 4);
2439
2663
  dirty = true;
2440
2664
  break;
2441
2665
  }