@triniwiz/nativescript-masonkit 1.0.0-beta.105 → 1.0.0-beta.106
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.
- package/angular/fesm2022/triniwiz-nativescript-masonkit-angular.mjs.map +1 -1
- package/common.d.ts +9 -7
- package/common.js +60 -17
- package/common.js.map +1 -1
- package/package.json +1 -1
- package/platforms/android/masonkit-release.aar +0 -0
- package/platforms/ios/Mason.xcframework/Info.plist +9 -9
- package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Headers/Mason-Swift.h +2 -0
- package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Mason +0 -0
- package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/Project/arm64-apple-ios.swiftsourceinfo +0 -0
- package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.abi.json +1363 -1296
- package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.private.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/ios-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/ios-arm64/dSYMs/Mason.framework.dSYM/Contents/Resources/DWARF/Mason +0 -0
- package/platforms/ios/Mason.xcframework/ios-arm64/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/aarch64/Mason.yml +8167 -8162
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Headers/Mason-Swift.h +4 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Mason +0 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/Project/arm64-apple-ios-simulator.swiftsourceinfo +0 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/Project/x86_64-apple-ios-simulator.swiftsourceinfo +0 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.abi.json +1363 -1296
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.private.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-ios-simulator.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.abi.json +1363 -1296
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.private.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/Modules/Mason.swiftmodule/x86_64-apple-ios-simulator.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/Mason.framework/_CodeSignature/CodeResources +22 -22
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/DWARF/Mason +0 -0
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/aarch64/Mason.yml +8161 -8156
- package/platforms/ios/Mason.xcframework/ios-arm64_x86_64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/x86_64/Mason.yml +7801 -7796
- package/platforms/ios/Mason.xcframework/xros-arm64/Mason.framework/Headers/Mason-Swift.h +2 -0
- package/platforms/ios/Mason.xcframework/xros-arm64/Mason.framework/Mason +0 -0
- package/platforms/ios/Mason.xcframework/xros-arm64/Mason.framework/Modules/Mason.swiftmodule/Project/arm64-apple-xros.swiftsourceinfo +0 -0
- package/platforms/ios/Mason.xcframework/xros-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-xros.abi.json +1363 -1296
- package/platforms/ios/Mason.xcframework/xros-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-xros.private.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/xros-arm64/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-xros.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/xros-arm64/dSYMs/Mason.framework.dSYM/Contents/Resources/DWARF/Mason +0 -0
- package/platforms/ios/Mason.xcframework/xros-arm64/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/aarch64/Mason.yml +7660 -7655
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/Mason.framework/Headers/Mason-Swift.h +2 -0
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/Mason.framework/Mason +0 -0
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/Mason.framework/Modules/Mason.swiftmodule/Project/arm64-apple-xros-simulator.swiftsourceinfo +0 -0
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-xros-simulator.abi.json +1363 -1296
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-xros-simulator.private.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/Mason.framework/Modules/Mason.swiftmodule/arm64-apple-xros-simulator.swiftinterface +2 -0
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/Mason.framework/_CodeSignature/CodeResources +12 -12
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/DWARF/Mason +0 -0
- package/platforms/ios/Mason.xcframework/xros-arm64-simulator/dSYMs/Mason.framework.dSYM/Contents/Resources/Relocations/aarch64/Mason.yml +7660 -7655
- package/platforms/windows/arm64/NativeScript.Mason.dll +0 -0
- package/platforms/windows/arm64/NativeScript.Mason.winmd +0 -0
- package/platforms/windows/x64/NativeScript.Mason.dll +0 -0
- package/platforms/windows/x64/NativeScript.Mason.winmd +0 -0
- package/properties.d.ts +0 -5
- package/properties.js +23 -13
- package/properties.js.map +1 -1
- package/style.d.ts +3 -0
- package/style.js +137 -108
- package/style.js.map +1 -1
- package/typings/android.d.ts +2 -0
- package/typings/objc!Mason.d.ts +4 -0
- package/utils/index.ios.d.ts +2 -2
package/style.js
CHANGED
|
@@ -1152,6 +1152,21 @@ function queueStyleSync(style) {
|
|
|
1152
1152
|
queueMicrotask(flushStyleSyncs);
|
|
1153
1153
|
}
|
|
1154
1154
|
}
|
|
1155
|
+
let nodeHelperShared;
|
|
1156
|
+
export function nodeHelper() {
|
|
1157
|
+
return (nodeHelperShared ?? (nodeHelperShared = org.nativescript.mason.masonkit.NodeHelper.getShared()));
|
|
1158
|
+
}
|
|
1159
|
+
function androidWritableStyleBuffer(nativeView) {
|
|
1160
|
+
if (typeof nativeView?.getWritableStyleBuffer === 'function') {
|
|
1161
|
+
return nativeView.getWritableStyleBuffer();
|
|
1162
|
+
}
|
|
1163
|
+
let style = nativeView?.getStyle?.();
|
|
1164
|
+
if (!style) {
|
|
1165
|
+
// if a non mason view is passed
|
|
1166
|
+
style = org.nativescript.mason.masonkit.Mason.getShared().styleForViewOrNode(nativeView);
|
|
1167
|
+
}
|
|
1168
|
+
return typeof style.getWritableValue === 'function' ? style.getWritableValue() : style.getValues();
|
|
1169
|
+
}
|
|
1155
1170
|
function windowsStyleValues(nativeView) {
|
|
1156
1171
|
if (nativeView?.Node)
|
|
1157
1172
|
return masonEngine().StyleValues(nativeView);
|
|
@@ -1189,13 +1204,7 @@ export class Style {
|
|
|
1189
1204
|
ret.view_ = view;
|
|
1190
1205
|
ret.nativeView = nativeView;
|
|
1191
1206
|
if (__ANDROID__) {
|
|
1192
|
-
|
|
1193
|
-
if (!style) {
|
|
1194
|
-
// if a non mason view is passed
|
|
1195
|
-
style = org.nativescript.mason.masonkit.Mason.getShared().styleForViewOrNode(nativeView);
|
|
1196
|
-
}
|
|
1197
|
-
const styleBuffer = typeof style.getWritableValue === 'function' ? style.getWritableValue() : style.getValues();
|
|
1198
|
-
const buffer = ArrayBuffer.from(styleBuffer);
|
|
1207
|
+
const buffer = ArrayBuffer.from(androidWritableStyleBuffer(nativeView));
|
|
1199
1208
|
ret.style_view = new DataView(buffer);
|
|
1200
1209
|
ret.i8View = new Int8Array(buffer);
|
|
1201
1210
|
ret.u8View = new Uint8Array(buffer);
|
|
@@ -1633,14 +1642,7 @@ export class Style {
|
|
|
1633
1642
|
this.u8View = new Uint8Array(buffer);
|
|
1634
1643
|
}
|
|
1635
1644
|
if (__ANDROID__) {
|
|
1636
|
-
|
|
1637
|
-
if (!style) {
|
|
1638
|
-
// if a non mason view is passed
|
|
1639
|
-
style = org.nativescript.mason.masonkit.Mason.getShared().styleForViewOrNode(this.nativeView);
|
|
1640
|
-
}
|
|
1641
|
-
style.prepareMut();
|
|
1642
|
-
const styleBuffer = style.getValues();
|
|
1643
|
-
const buffer = ArrayBuffer.from(styleBuffer);
|
|
1645
|
+
const buffer = ArrayBuffer.from(androidWritableStyleBuffer(this.nativeView));
|
|
1644
1646
|
this.style_view = new DataView(buffer);
|
|
1645
1647
|
this.i8View = new Int8Array(buffer);
|
|
1646
1648
|
this.u8View = new Uint8Array(buffer);
|
|
@@ -3715,7 +3717,7 @@ export class Style {
|
|
|
3715
3717
|
return '';
|
|
3716
3718
|
}
|
|
3717
3719
|
if (__ANDROID__) {
|
|
3718
|
-
return
|
|
3720
|
+
return nodeHelper().getGridAutoRows(this.nativeView);
|
|
3719
3721
|
}
|
|
3720
3722
|
if (__APPLE__) {
|
|
3721
3723
|
return this.nativeView.style.gridAutoRows;
|
|
@@ -3729,7 +3731,7 @@ export class Style {
|
|
|
3729
3731
|
// A bare number can't marshal over JNI into the native String setter.
|
|
3730
3732
|
value = value == null ? '' : String(value);
|
|
3731
3733
|
if (__ANDROID__) {
|
|
3732
|
-
|
|
3734
|
+
nodeHelper().setGridAutoRows(this.nativeView, value);
|
|
3733
3735
|
}
|
|
3734
3736
|
if (__APPLE__) {
|
|
3735
3737
|
this.nativeView.style.gridAutoRows = value;
|
|
@@ -3743,7 +3745,7 @@ export class Style {
|
|
|
3743
3745
|
return '';
|
|
3744
3746
|
}
|
|
3745
3747
|
if (__ANDROID__) {
|
|
3746
|
-
return
|
|
3748
|
+
return nodeHelper().getGridAutoColumns(this.nativeView);
|
|
3747
3749
|
}
|
|
3748
3750
|
if (__APPLE__) {
|
|
3749
3751
|
return this.nativeView.style.gridAutoColumns;
|
|
@@ -3757,7 +3759,7 @@ export class Style {
|
|
|
3757
3759
|
// See gridAutoRows above.
|
|
3758
3760
|
value = value == null ? '' : String(value);
|
|
3759
3761
|
if (__ANDROID__) {
|
|
3760
|
-
|
|
3762
|
+
nodeHelper().setGridAutoColumns(this.nativeView, value);
|
|
3761
3763
|
}
|
|
3762
3764
|
if (__APPLE__) {
|
|
3763
3765
|
this.nativeView.style.gridAutoColumns = value;
|
|
@@ -3805,7 +3807,7 @@ export class Style {
|
|
|
3805
3807
|
// See gridAutoRows above.
|
|
3806
3808
|
value = value == null ? '' : String(value);
|
|
3807
3809
|
if (__ANDROID__) {
|
|
3808
|
-
|
|
3810
|
+
nodeHelper().setGridColumn(this.nativeView, value);
|
|
3809
3811
|
}
|
|
3810
3812
|
if (__APPLE__) {
|
|
3811
3813
|
this.nativeView.style.gridColumn = value;
|
|
@@ -3819,7 +3821,7 @@ export class Style {
|
|
|
3819
3821
|
return '';
|
|
3820
3822
|
}
|
|
3821
3823
|
if (__ANDROID__) {
|
|
3822
|
-
return
|
|
3824
|
+
return nodeHelper().getGridColumn(this.nativeView);
|
|
3823
3825
|
}
|
|
3824
3826
|
if (__APPLE__) {
|
|
3825
3827
|
return this.nativeView.style.gridColumn;
|
|
@@ -3831,7 +3833,7 @@ export class Style {
|
|
|
3831
3833
|
return '';
|
|
3832
3834
|
}
|
|
3833
3835
|
if (__ANDROID__) {
|
|
3834
|
-
return
|
|
3836
|
+
return nodeHelper().getGridColumnStart(this.nativeView);
|
|
3835
3837
|
}
|
|
3836
3838
|
if (__APPLE__) {
|
|
3837
3839
|
return this.nativeView.style.gridColumnStart;
|
|
@@ -3845,7 +3847,7 @@ export class Style {
|
|
|
3845
3847
|
// See gridAutoRows above.
|
|
3846
3848
|
value = value == null ? '' : String(value);
|
|
3847
3849
|
if (__ANDROID__) {
|
|
3848
|
-
|
|
3850
|
+
nodeHelper().setGridColumnStart(this.nativeView, value);
|
|
3849
3851
|
}
|
|
3850
3852
|
if (__APPLE__) {
|
|
3851
3853
|
this.nativeView.style.gridColumnStart = value;
|
|
@@ -3859,7 +3861,7 @@ export class Style {
|
|
|
3859
3861
|
return '';
|
|
3860
3862
|
}
|
|
3861
3863
|
if (__ANDROID__) {
|
|
3862
|
-
return
|
|
3864
|
+
return nodeHelper().getGridColumnEnd(this.nativeView);
|
|
3863
3865
|
}
|
|
3864
3866
|
if (__APPLE__) {
|
|
3865
3867
|
return this.nativeView.style.gridColumnEnd;
|
|
@@ -3873,7 +3875,7 @@ export class Style {
|
|
|
3873
3875
|
// See gridAutoRows above.
|
|
3874
3876
|
value = value == null ? '' : String(value);
|
|
3875
3877
|
if (__ANDROID__) {
|
|
3876
|
-
|
|
3878
|
+
nodeHelper().setGridColumnEnd(this.nativeView, value);
|
|
3877
3879
|
}
|
|
3878
3880
|
if (__APPLE__) {
|
|
3879
3881
|
this.nativeView.style.gridColumnEnd = value;
|
|
@@ -3889,7 +3891,7 @@ export class Style {
|
|
|
3889
3891
|
// See gridAutoRows above.
|
|
3890
3892
|
value = value == null ? '' : String(value);
|
|
3891
3893
|
if (__ANDROID__) {
|
|
3892
|
-
|
|
3894
|
+
nodeHelper().setGridRow(this.nativeView, value);
|
|
3893
3895
|
}
|
|
3894
3896
|
if (__APPLE__) {
|
|
3895
3897
|
this.nativeView.style.gridRow = value;
|
|
@@ -3903,7 +3905,7 @@ export class Style {
|
|
|
3903
3905
|
return '';
|
|
3904
3906
|
}
|
|
3905
3907
|
if (__ANDROID__) {
|
|
3906
|
-
return
|
|
3908
|
+
return nodeHelper().getGridRow(this.nativeView);
|
|
3907
3909
|
}
|
|
3908
3910
|
if (__APPLE__) {
|
|
3909
3911
|
return this.nativeView.style.gridRow;
|
|
@@ -3915,7 +3917,7 @@ export class Style {
|
|
|
3915
3917
|
return '';
|
|
3916
3918
|
}
|
|
3917
3919
|
if (__ANDROID__) {
|
|
3918
|
-
return
|
|
3920
|
+
return nodeHelper().getGridRowStart(this.nativeView);
|
|
3919
3921
|
}
|
|
3920
3922
|
if (__APPLE__) {
|
|
3921
3923
|
return this.nativeView.style.gridRowStart;
|
|
@@ -3929,7 +3931,7 @@ export class Style {
|
|
|
3929
3931
|
// See gridAutoRows above.
|
|
3930
3932
|
value = value == null ? '' : String(value);
|
|
3931
3933
|
if (__ANDROID__) {
|
|
3932
|
-
|
|
3934
|
+
nodeHelper().setGridRowStart(this.nativeView, value);
|
|
3933
3935
|
}
|
|
3934
3936
|
if (__APPLE__) {
|
|
3935
3937
|
this.nativeView.style.gridRowStart = value;
|
|
@@ -3943,7 +3945,7 @@ export class Style {
|
|
|
3943
3945
|
return '';
|
|
3944
3946
|
}
|
|
3945
3947
|
if (__ANDROID__) {
|
|
3946
|
-
return
|
|
3948
|
+
return nodeHelper().getGridRowEnd(this.nativeView);
|
|
3947
3949
|
}
|
|
3948
3950
|
if (__APPLE__) {
|
|
3949
3951
|
return this.nativeView.style.gridRowEnd;
|
|
@@ -3957,7 +3959,7 @@ export class Style {
|
|
|
3957
3959
|
// See gridAutoRows above.
|
|
3958
3960
|
value = value == null ? '' : String(value);
|
|
3959
3961
|
if (__ANDROID__) {
|
|
3960
|
-
|
|
3962
|
+
nodeHelper().setGridRowEnd(this.nativeView, value);
|
|
3961
3963
|
}
|
|
3962
3964
|
if (__APPLE__) {
|
|
3963
3965
|
this.nativeView.style.gridRowEnd = value;
|
|
@@ -3973,7 +3975,7 @@ export class Style {
|
|
|
3973
3975
|
// See gridAutoRows above.
|
|
3974
3976
|
value = value == null ? '' : String(value);
|
|
3975
3977
|
if (__ANDROID__) {
|
|
3976
|
-
|
|
3978
|
+
nodeHelper().setGridArea(this.nativeView, value);
|
|
3977
3979
|
}
|
|
3978
3980
|
if (__APPLE__) {
|
|
3979
3981
|
this.nativeView.style.gridArea = value;
|
|
@@ -3987,7 +3989,7 @@ export class Style {
|
|
|
3987
3989
|
return '';
|
|
3988
3990
|
}
|
|
3989
3991
|
if (__ANDROID__) {
|
|
3990
|
-
return
|
|
3992
|
+
return nodeHelper().getGridArea(this.nativeView);
|
|
3991
3993
|
}
|
|
3992
3994
|
if (__APPLE__) {
|
|
3993
3995
|
return this.nativeView.style.gridArea;
|
|
@@ -4001,7 +4003,7 @@ export class Style {
|
|
|
4001
4003
|
// null clears the template; also guards against a bare number (see gridAutoRows above).
|
|
4002
4004
|
value = value == null ? '' : String(value);
|
|
4003
4005
|
if (__ANDROID__) {
|
|
4004
|
-
|
|
4006
|
+
nodeHelper().setGridTemplateRows(this.nativeView, value);
|
|
4005
4007
|
}
|
|
4006
4008
|
if (__APPLE__) {
|
|
4007
4009
|
this.nativeView.style.gridTemplateRows = value;
|
|
@@ -4015,7 +4017,7 @@ export class Style {
|
|
|
4015
4017
|
return '';
|
|
4016
4018
|
}
|
|
4017
4019
|
if (__ANDROID__) {
|
|
4018
|
-
return
|
|
4020
|
+
return nodeHelper().getGridTemplateRows(this.nativeView);
|
|
4019
4021
|
}
|
|
4020
4022
|
if (__APPLE__) {
|
|
4021
4023
|
return this.nativeView.style.gridTemplateRows;
|
|
@@ -4027,7 +4029,7 @@ export class Style {
|
|
|
4027
4029
|
return '';
|
|
4028
4030
|
}
|
|
4029
4031
|
if (__ANDROID__) {
|
|
4030
|
-
return
|
|
4032
|
+
return nodeHelper().getGridTemplateColumns(this.nativeView);
|
|
4031
4033
|
}
|
|
4032
4034
|
if (__APPLE__) {
|
|
4033
4035
|
return this.nativeView.style.gridTemplateColumns;
|
|
@@ -4041,7 +4043,7 @@ export class Style {
|
|
|
4041
4043
|
// null clears the template; also guards against a bare number (see gridAutoRows above).
|
|
4042
4044
|
value = value == null ? '' : String(value);
|
|
4043
4045
|
if (__ANDROID__) {
|
|
4044
|
-
|
|
4046
|
+
nodeHelper().setGridTemplateColumns(this.nativeView, value);
|
|
4045
4047
|
}
|
|
4046
4048
|
if (__APPLE__) {
|
|
4047
4049
|
this.nativeView.style.gridTemplateColumns = value;
|
|
@@ -4055,7 +4057,7 @@ export class Style {
|
|
|
4055
4057
|
return '';
|
|
4056
4058
|
}
|
|
4057
4059
|
if (__ANDROID__) {
|
|
4058
|
-
return
|
|
4060
|
+
return nodeHelper().getGridTemplateAreas(this.nativeView);
|
|
4059
4061
|
}
|
|
4060
4062
|
if (__APPLE__) {
|
|
4061
4063
|
return this.nativeView.style.gridTemplateAreas;
|
|
@@ -4069,7 +4071,7 @@ export class Style {
|
|
|
4069
4071
|
// null clears it; also guards against a bare number (see gridAutoRows above).
|
|
4070
4072
|
value = value == null ? '' : String(value);
|
|
4071
4073
|
if (__ANDROID__) {
|
|
4072
|
-
|
|
4074
|
+
nodeHelper().setGridTemplateAreas(this.nativeView, value);
|
|
4073
4075
|
}
|
|
4074
4076
|
if (__APPLE__) {
|
|
4075
4077
|
this.nativeView.style.gridTemplateAreas = value;
|
|
@@ -4421,7 +4423,7 @@ export class Style {
|
|
|
4421
4423
|
return '';
|
|
4422
4424
|
}
|
|
4423
4425
|
if (__ANDROID__) {
|
|
4424
|
-
return
|
|
4426
|
+
return nodeHelper().getBackground(this.nativeView);
|
|
4425
4427
|
}
|
|
4426
4428
|
if (__APPLE__) {
|
|
4427
4429
|
return this.nativeView.style.background;
|
|
@@ -4430,14 +4432,14 @@ export class Style {
|
|
|
4430
4432
|
}
|
|
4431
4433
|
set background(value) {
|
|
4432
4434
|
value = this.coerceCssStringValue(value);
|
|
4433
|
-
this.setPseudoCssStringValue('background', value, () =>
|
|
4435
|
+
this.setPseudoCssStringValue('background', value, () => nodeHelper().setBackground(this.nativeView, value), () => (this.nativeView.style.background = value));
|
|
4434
4436
|
}
|
|
4435
4437
|
get backgroundImage() {
|
|
4436
4438
|
if (!this.nativeView) {
|
|
4437
4439
|
return '';
|
|
4438
4440
|
}
|
|
4439
4441
|
if (__ANDROID__) {
|
|
4440
|
-
return
|
|
4442
|
+
return nodeHelper().getBackgroundImage(this.nativeView);
|
|
4441
4443
|
}
|
|
4442
4444
|
if (__APPLE__) {
|
|
4443
4445
|
return this.nativeView.style.backgroundImage;
|
|
@@ -4446,14 +4448,14 @@ export class Style {
|
|
|
4446
4448
|
}
|
|
4447
4449
|
set backgroundImage(value) {
|
|
4448
4450
|
value = this.coerceCssStringValue(value);
|
|
4449
|
-
this.setPseudoCssStringValue('background-image', value, () =>
|
|
4451
|
+
this.setPseudoCssStringValue('background-image', value, () => nodeHelper().setBackgroundImage(this.nativeView, value), () => (this.nativeView.style.backgroundImage = value));
|
|
4450
4452
|
}
|
|
4451
4453
|
get backgroundRepeat() {
|
|
4452
4454
|
if (!this.nativeView) {
|
|
4453
4455
|
return '';
|
|
4454
4456
|
}
|
|
4455
4457
|
if (__ANDROID__) {
|
|
4456
|
-
return
|
|
4458
|
+
return nodeHelper().getBackgroundRepeat(this.nativeView);
|
|
4457
4459
|
}
|
|
4458
4460
|
if (__APPLE__) {
|
|
4459
4461
|
return this.nativeView.style.backgroundRepeat;
|
|
@@ -4462,14 +4464,14 @@ export class Style {
|
|
|
4462
4464
|
}
|
|
4463
4465
|
set backgroundRepeat(value) {
|
|
4464
4466
|
value = this.coerceCssStringValue(value);
|
|
4465
|
-
this.setPseudoCssStringValue('background-repeat', value, () =>
|
|
4467
|
+
this.setPseudoCssStringValue('background-repeat', value, () => nodeHelper().setBackgroundRepeat(this.nativeView, value), () => (this.nativeView.style.backgroundRepeat = value));
|
|
4466
4468
|
}
|
|
4467
4469
|
get backgroundPosition() {
|
|
4468
4470
|
if (!this.nativeView) {
|
|
4469
4471
|
return '';
|
|
4470
4472
|
}
|
|
4471
4473
|
if (__ANDROID__) {
|
|
4472
|
-
return
|
|
4474
|
+
return nodeHelper().getBackgroundPosition(this.nativeView);
|
|
4473
4475
|
}
|
|
4474
4476
|
if (__APPLE__) {
|
|
4475
4477
|
return this.nativeView.style.backgroundPosition;
|
|
@@ -4478,14 +4480,14 @@ export class Style {
|
|
|
4478
4480
|
}
|
|
4479
4481
|
set backgroundPosition(value) {
|
|
4480
4482
|
value = this.coerceCssStringValue(value);
|
|
4481
|
-
this.setPseudoCssStringValue('background-position', value, () =>
|
|
4483
|
+
this.setPseudoCssStringValue('background-position', value, () => nodeHelper().setBackgroundPosition(this.nativeView, value), () => (this.nativeView.style.backgroundPosition = value));
|
|
4482
4484
|
}
|
|
4483
4485
|
get backgroundSize() {
|
|
4484
4486
|
if (!this.nativeView) {
|
|
4485
4487
|
return '';
|
|
4486
4488
|
}
|
|
4487
4489
|
if (__ANDROID__) {
|
|
4488
|
-
return
|
|
4490
|
+
return nodeHelper().getBackgroundSize(this.nativeView);
|
|
4489
4491
|
}
|
|
4490
4492
|
if (__APPLE__) {
|
|
4491
4493
|
return this.nativeView.style.backgroundSize;
|
|
@@ -4494,14 +4496,14 @@ export class Style {
|
|
|
4494
4496
|
}
|
|
4495
4497
|
set backgroundSize(value) {
|
|
4496
4498
|
value = this.coerceCssStringValue(value);
|
|
4497
|
-
this.setPseudoCssStringValue('background-size', value, () =>
|
|
4499
|
+
this.setPseudoCssStringValue('background-size', value, () => nodeHelper().setBackgroundSize(this.nativeView, value), () => (this.nativeView.style.backgroundSize = value));
|
|
4498
4500
|
}
|
|
4499
4501
|
get backgroundClip() {
|
|
4500
4502
|
if (!this.nativeView) {
|
|
4501
4503
|
return '';
|
|
4502
4504
|
}
|
|
4503
4505
|
if (__ANDROID__) {
|
|
4504
|
-
return
|
|
4506
|
+
return nodeHelper().getBackgroundClip(this.nativeView);
|
|
4505
4507
|
}
|
|
4506
4508
|
if (__APPLE__) {
|
|
4507
4509
|
return this.nativeView.style.backgroundClip;
|
|
@@ -4510,14 +4512,14 @@ export class Style {
|
|
|
4510
4512
|
}
|
|
4511
4513
|
set backgroundClip(value) {
|
|
4512
4514
|
value = this.coerceCssStringValue(value);
|
|
4513
|
-
this.setPseudoCssStringValue('background-clip', value, () =>
|
|
4515
|
+
this.setPseudoCssStringValue('background-clip', value, () => nodeHelper().setBackgroundClip(this.nativeView, value), () => (this.nativeView.style.backgroundClip = value));
|
|
4514
4516
|
}
|
|
4515
4517
|
get backgroundPositionX() {
|
|
4516
4518
|
if (!this.nativeView) {
|
|
4517
4519
|
return '';
|
|
4518
4520
|
}
|
|
4519
4521
|
if (__ANDROID__) {
|
|
4520
|
-
return
|
|
4522
|
+
return nodeHelper().getBackgroundPositionX(this.nativeView);
|
|
4521
4523
|
}
|
|
4522
4524
|
if (__APPLE__) {
|
|
4523
4525
|
return this.nativeView.style.backgroundPositionX;
|
|
@@ -4526,14 +4528,14 @@ export class Style {
|
|
|
4526
4528
|
}
|
|
4527
4529
|
set backgroundPositionX(value) {
|
|
4528
4530
|
value = cssInitialIfReset(this.coerceCssStringValue(value), '0%');
|
|
4529
|
-
this.setPseudoCssStringValue('background-position-x', value, () =>
|
|
4531
|
+
this.setPseudoCssStringValue('background-position-x', value, () => nodeHelper().setBackgroundPositionX(this.nativeView, value), () => (this.nativeView.style.backgroundPositionX = value));
|
|
4530
4532
|
}
|
|
4531
4533
|
get backgroundPositionY() {
|
|
4532
4534
|
if (!this.nativeView) {
|
|
4533
4535
|
return '';
|
|
4534
4536
|
}
|
|
4535
4537
|
if (__ANDROID__) {
|
|
4536
|
-
return
|
|
4538
|
+
return nodeHelper().getBackgroundPositionY(this.nativeView);
|
|
4537
4539
|
}
|
|
4538
4540
|
if (__APPLE__) {
|
|
4539
4541
|
return this.nativeView.style.backgroundPositionY;
|
|
@@ -4542,14 +4544,14 @@ export class Style {
|
|
|
4542
4544
|
}
|
|
4543
4545
|
set backgroundPositionY(value) {
|
|
4544
4546
|
value = cssInitialIfReset(this.coerceCssStringValue(value), '0%');
|
|
4545
|
-
this.setPseudoCssStringValue('background-position-y', value, () =>
|
|
4547
|
+
this.setPseudoCssStringValue('background-position-y', value, () => nodeHelper().setBackgroundPositionY(this.nativeView, value), () => (this.nativeView.style.backgroundPositionY = value));
|
|
4546
4548
|
}
|
|
4547
4549
|
get backgroundOrigin() {
|
|
4548
4550
|
if (!this.nativeView) {
|
|
4549
4551
|
return '';
|
|
4550
4552
|
}
|
|
4551
4553
|
if (__ANDROID__) {
|
|
4552
|
-
return
|
|
4554
|
+
return nodeHelper().getBackgroundOrigin(this.nativeView);
|
|
4553
4555
|
}
|
|
4554
4556
|
if (__APPLE__) {
|
|
4555
4557
|
return this.nativeView.style.backgroundOrigin;
|
|
@@ -4558,14 +4560,14 @@ export class Style {
|
|
|
4558
4560
|
}
|
|
4559
4561
|
set backgroundOrigin(value) {
|
|
4560
4562
|
value = cssInitialIfReset(this.coerceCssStringValue(value), 'padding-box');
|
|
4561
|
-
this.setPseudoCssStringValue('background-origin', value, () =>
|
|
4563
|
+
this.setPseudoCssStringValue('background-origin', value, () => nodeHelper().setBackgroundOrigin(this.nativeView, value), () => (this.nativeView.style.backgroundOrigin = value));
|
|
4562
4564
|
}
|
|
4563
4565
|
get backgroundAttachment() {
|
|
4564
4566
|
if (!this.nativeView) {
|
|
4565
4567
|
return '';
|
|
4566
4568
|
}
|
|
4567
4569
|
if (__ANDROID__) {
|
|
4568
|
-
return
|
|
4570
|
+
return nodeHelper().getBackgroundAttachment(this.nativeView);
|
|
4569
4571
|
}
|
|
4570
4572
|
if (__APPLE__) {
|
|
4571
4573
|
return this.nativeView.style.backgroundAttachment;
|
|
@@ -4574,14 +4576,14 @@ export class Style {
|
|
|
4574
4576
|
}
|
|
4575
4577
|
set backgroundAttachment(value) {
|
|
4576
4578
|
value = cssInitialIfReset(this.coerceCssStringValue(value), 'scroll');
|
|
4577
|
-
this.setPseudoCssStringValue('background-attachment', value, () =>
|
|
4579
|
+
this.setPseudoCssStringValue('background-attachment', value, () => nodeHelper().setBackgroundAttachment(this.nativeView, value), () => (this.nativeView.style.backgroundAttachment = value));
|
|
4578
4580
|
}
|
|
4579
4581
|
get backgroundBlendMode() {
|
|
4580
4582
|
if (!this.nativeView) {
|
|
4581
4583
|
return '';
|
|
4582
4584
|
}
|
|
4583
4585
|
if (__ANDROID__) {
|
|
4584
|
-
return
|
|
4586
|
+
return nodeHelper().getBackgroundBlendMode(this.nativeView);
|
|
4585
4587
|
}
|
|
4586
4588
|
if (__APPLE__) {
|
|
4587
4589
|
return this.nativeView.style.backgroundBlendMode;
|
|
@@ -4590,14 +4592,24 @@ export class Style {
|
|
|
4590
4592
|
}
|
|
4591
4593
|
set backgroundBlendMode(value) {
|
|
4592
4594
|
value = cssInitialIfReset(this.coerceCssStringValue(value), 'normal');
|
|
4593
|
-
this.setPseudoCssStringValue('background-blend-mode', value, () =>
|
|
4595
|
+
this.setPseudoCssStringValue('background-blend-mode', value, () => nodeHelper().setBackgroundBlendMode(this.nativeView, value), () => (this.nativeView.style.backgroundBlendMode = value));
|
|
4596
|
+
}
|
|
4597
|
+
hasBorderRadius() {
|
|
4598
|
+
const view = this.style_view;
|
|
4599
|
+
if (!view)
|
|
4600
|
+
return true;
|
|
4601
|
+
for (const [, keys] of RADIUS_KEYS) {
|
|
4602
|
+
if (getFloat32(view, keys.xValue) !== 0 || getFloat32(view, keys.yValue) !== 0)
|
|
4603
|
+
return true;
|
|
4604
|
+
}
|
|
4605
|
+
return false;
|
|
4594
4606
|
}
|
|
4595
4607
|
get borderRadius() {
|
|
4596
4608
|
if (!this.nativeView) {
|
|
4597
4609
|
return '';
|
|
4598
4610
|
}
|
|
4599
4611
|
if (__ANDROID__) {
|
|
4600
|
-
return this._borderRadiusCss ??
|
|
4612
|
+
return this._borderRadiusCss ?? nodeHelper().getBorderRadius(this.nativeView);
|
|
4601
4613
|
}
|
|
4602
4614
|
if (__APPLE__) {
|
|
4603
4615
|
return this.nativeView.style.borderRadius;
|
|
@@ -4618,7 +4630,24 @@ export class Style {
|
|
|
4618
4630
|
}
|
|
4619
4631
|
if (!this._pseudo)
|
|
4620
4632
|
this._borderRadiusCss = undefined;
|
|
4621
|
-
this.setPseudoCssStringValue('border-radius', value, () =>
|
|
4633
|
+
this.setPseudoCssStringValue('border-radius', value, () => nodeHelper().setBorderRadius(this.nativeView, value), () => (this.nativeView.style.borderRadius = value));
|
|
4634
|
+
}
|
|
4635
|
+
_writeCornerRadius(corner, radius, shorthand, scale = deviceScale()) {
|
|
4636
|
+
if (!this.nativeView || this._pseudo || !this.style_view)
|
|
4637
|
+
return false;
|
|
4638
|
+
const h = fastRadiusTokens(radius[0], scale);
|
|
4639
|
+
const v = radius[1] === radius[0] ? h : fastRadiusTokens(radius[1], scale);
|
|
4640
|
+
if (!h || h.length !== 1 || !v || v.length !== 1)
|
|
4641
|
+
return false;
|
|
4642
|
+
this._borderRadiusCss = shorthand;
|
|
4643
|
+
this.prepareMut();
|
|
4644
|
+
const keys = RADIUS_KEYS[corner][1];
|
|
4645
|
+
setUint8(this.style_view, keys.xType, h[0].type);
|
|
4646
|
+
setFloat32(this.style_view, keys.xValue, h[0].value);
|
|
4647
|
+
setUint8(this.style_view, keys.yType, v[0].type);
|
|
4648
|
+
setFloat32(this.style_view, keys.yValue, v[0].value);
|
|
4649
|
+
this.commitState(StateKeys.BORDER_RADIUS);
|
|
4650
|
+
return true;
|
|
4622
4651
|
}
|
|
4623
4652
|
_writeBorderRadius(value, scale) {
|
|
4624
4653
|
let cleaned = value.trim();
|
|
@@ -4709,7 +4738,7 @@ export class Style {
|
|
|
4709
4738
|
if (!this.nativeView)
|
|
4710
4739
|
return '';
|
|
4711
4740
|
if (__ANDROID__) {
|
|
4712
|
-
return
|
|
4741
|
+
return nodeHelper().getFontFamily(this.nativeView);
|
|
4713
4742
|
}
|
|
4714
4743
|
if (__APPLE__) {
|
|
4715
4744
|
return this.nativeView.style.fontFamily;
|
|
@@ -4720,18 +4749,18 @@ export class Style {
|
|
|
4720
4749
|
// style-buffer field, so it can't be written through the shared buffer.
|
|
4721
4750
|
set fontFamily(value) {
|
|
4722
4751
|
value = this.coerceCssStringValue(value);
|
|
4723
|
-
this.setPseudoCssStringValue('font-family', value, () =>
|
|
4752
|
+
this.setPseudoCssStringValue('font-family', value, () => nodeHelper().setFontFamily(this.nativeView, value), () => (this.nativeView.style.fontFamily = value));
|
|
4724
4753
|
}
|
|
4725
4754
|
set textDecoration(value) {
|
|
4726
4755
|
value = this.coerceCssStringValue(value);
|
|
4727
|
-
this.setPseudoCssStringValue('text-decoration', value, () =>
|
|
4756
|
+
this.setPseudoCssStringValue('text-decoration', value, () => nodeHelper().setTextDecoration(this.nativeView, value), () => this.nativeView.style.setTextDecoration(value));
|
|
4728
4757
|
}
|
|
4729
4758
|
get textDecorationLine() {
|
|
4730
4759
|
if (!this.nativeView) {
|
|
4731
4760
|
return '';
|
|
4732
4761
|
}
|
|
4733
4762
|
if (__ANDROID__) {
|
|
4734
|
-
return
|
|
4763
|
+
return nodeHelper().getTextDecorationLine(this.nativeView);
|
|
4735
4764
|
}
|
|
4736
4765
|
if (__APPLE__) {
|
|
4737
4766
|
return this.nativeView.style.textDecorationLine;
|
|
@@ -4743,14 +4772,14 @@ export class Style {
|
|
|
4743
4772
|
}
|
|
4744
4773
|
set textDecorationLine(value) {
|
|
4745
4774
|
value = cssInitialIfReset(this.coerceCssStringValue(value), 'none');
|
|
4746
|
-
this.setPseudoCssStringValue('text-decoration-line', value, () =>
|
|
4775
|
+
this.setPseudoCssStringValue('text-decoration-line', value, () => nodeHelper().setTextDecorationLine(this.nativeView, value), () => (this.nativeView.style.textDecorationLine = value));
|
|
4747
4776
|
}
|
|
4748
4777
|
get textDecorationStyle() {
|
|
4749
4778
|
if (!this.nativeView) {
|
|
4750
4779
|
return '';
|
|
4751
4780
|
}
|
|
4752
4781
|
if (__ANDROID__) {
|
|
4753
|
-
return
|
|
4782
|
+
return nodeHelper().getTextDecorationStyle(this.nativeView);
|
|
4754
4783
|
}
|
|
4755
4784
|
if (__APPLE__) {
|
|
4756
4785
|
return this.nativeView.style.textDecorationStyle;
|
|
@@ -4762,14 +4791,14 @@ export class Style {
|
|
|
4762
4791
|
}
|
|
4763
4792
|
set textDecorationStyle(value) {
|
|
4764
4793
|
value = cssInitialIfReset(this.coerceCssStringValue(value), 'solid');
|
|
4765
|
-
this.setPseudoCssStringValue('text-decoration-style', value, () =>
|
|
4794
|
+
this.setPseudoCssStringValue('text-decoration-style', value, () => nodeHelper().setTextDecorationStyle(this.nativeView, value), () => (this.nativeView.style.textDecorationStyle = value));
|
|
4766
4795
|
}
|
|
4767
4796
|
get textDecorationColor() {
|
|
4768
4797
|
if (!this.nativeView) {
|
|
4769
4798
|
return '';
|
|
4770
4799
|
}
|
|
4771
4800
|
if (__ANDROID__) {
|
|
4772
|
-
return
|
|
4801
|
+
return nodeHelper().getTextDecorationColor(this.nativeView);
|
|
4773
4802
|
}
|
|
4774
4803
|
if (__APPLE__) {
|
|
4775
4804
|
return this.nativeView.style.textDecorationColor;
|
|
@@ -4782,14 +4811,14 @@ export class Style {
|
|
|
4782
4811
|
}
|
|
4783
4812
|
set textDecorationColor(value) {
|
|
4784
4813
|
value = cssInitialIfReset(this.coerceCssStringValue(value), 'currentcolor');
|
|
4785
|
-
this.setPseudoCssStringValue('text-decoration-color', value, () =>
|
|
4814
|
+
this.setPseudoCssStringValue('text-decoration-color', value, () => nodeHelper().setTextDecorationColor(this.nativeView, value), () => (this.nativeView.style.textDecorationColor = value));
|
|
4786
4815
|
}
|
|
4787
4816
|
get border() {
|
|
4788
4817
|
if (!this.nativeView) {
|
|
4789
4818
|
return '';
|
|
4790
4819
|
}
|
|
4791
4820
|
if (__ANDROID__) {
|
|
4792
|
-
return
|
|
4821
|
+
return nodeHelper().getBorder(this.nativeView);
|
|
4793
4822
|
}
|
|
4794
4823
|
if (__APPLE__) {
|
|
4795
4824
|
return this.nativeView.style.border;
|
|
@@ -4798,13 +4827,13 @@ export class Style {
|
|
|
4798
4827
|
}
|
|
4799
4828
|
set border(value) {
|
|
4800
4829
|
value = this.coerceCssStringValue(value);
|
|
4801
|
-
this.setPseudoCssStringValue('border', value, () =>
|
|
4830
|
+
this.setPseudoCssStringValue('border', value, () => nodeHelper().setBorder(this.nativeView, value), () => (this.nativeView.style.border = value));
|
|
4802
4831
|
}
|
|
4803
4832
|
get paddingCss() {
|
|
4804
4833
|
if (!this.nativeView)
|
|
4805
4834
|
return '';
|
|
4806
4835
|
if (__ANDROID__) {
|
|
4807
|
-
return
|
|
4836
|
+
return nodeHelper().getPaddingCssValue(this.nativeView);
|
|
4808
4837
|
}
|
|
4809
4838
|
if (__APPLE__) {
|
|
4810
4839
|
return this.nativeView.style.paddingCss;
|
|
@@ -4815,13 +4844,13 @@ export class Style {
|
|
|
4815
4844
|
// a bare number is dip, matching other numeric setters; Android's
|
|
4816
4845
|
// native parser treats "px" as unscaled device pixels, "dip" as scaled
|
|
4817
4846
|
const strValue = typeof value === 'number' ? `${value}dip` : value;
|
|
4818
|
-
this.setPseudoCssStringValue('padding', strValue, () =>
|
|
4847
|
+
this.setPseudoCssStringValue('padding', strValue, () => nodeHelper().setPaddingCss(this.nativeView, strValue), () => (this.nativeView.style.paddingCss = strValue));
|
|
4819
4848
|
}
|
|
4820
4849
|
get marginCss() {
|
|
4821
4850
|
if (!this.nativeView)
|
|
4822
4851
|
return '';
|
|
4823
4852
|
if (__ANDROID__) {
|
|
4824
|
-
return
|
|
4853
|
+
return nodeHelper().getMarginCssValue(this.nativeView);
|
|
4825
4854
|
}
|
|
4826
4855
|
if (__APPLE__) {
|
|
4827
4856
|
return this.nativeView.style.marginCss;
|
|
@@ -4831,13 +4860,13 @@ export class Style {
|
|
|
4831
4860
|
set marginCss(value) {
|
|
4832
4861
|
// See the comment on `paddingCss` above — same dip-vs-px mislabeling fix.
|
|
4833
4862
|
const strValue = typeof value === 'number' ? `${value}dip` : value;
|
|
4834
|
-
this.setPseudoCssStringValue('margin', strValue, () =>
|
|
4863
|
+
this.setPseudoCssStringValue('margin', strValue, () => nodeHelper().setMarginCss(this.nativeView, strValue), () => (this.nativeView.style.marginCss = strValue));
|
|
4835
4864
|
}
|
|
4836
4865
|
get insetCss() {
|
|
4837
4866
|
if (!this.nativeView)
|
|
4838
4867
|
return '';
|
|
4839
4868
|
if (__ANDROID__) {
|
|
4840
|
-
return
|
|
4869
|
+
return nodeHelper().getInsetCssValue(this.nativeView);
|
|
4841
4870
|
}
|
|
4842
4871
|
if (__APPLE__) {
|
|
4843
4872
|
return this.nativeView.style.insetCss;
|
|
@@ -4847,42 +4876,42 @@ export class Style {
|
|
|
4847
4876
|
set insetCss(value) {
|
|
4848
4877
|
// See the comment on `paddingCss` above — same dip-vs-px mislabeling fix.
|
|
4849
4878
|
const strValue = typeof value === 'number' ? `${value}dip` : value;
|
|
4850
|
-
this.setPseudoCssStringValue('inset', strValue, () =>
|
|
4879
|
+
this.setPseudoCssStringValue('inset', strValue, () => nodeHelper().setInsetCss(this.nativeView, strValue), () => (this.nativeView.style.insetCss = strValue));
|
|
4851
4880
|
}
|
|
4852
4881
|
get borderLeft() {
|
|
4853
4882
|
return '';
|
|
4854
4883
|
}
|
|
4855
4884
|
set borderLeft(value) {
|
|
4856
4885
|
value = this.coerceCssStringValue(value);
|
|
4857
|
-
this.setPseudoCssStringValue('border-left', value, () =>
|
|
4886
|
+
this.setPseudoCssStringValue('border-left', value, () => nodeHelper().setBorderLeft(this.nativeView, value), () => (this.nativeView.style.borderLeft = value));
|
|
4858
4887
|
}
|
|
4859
4888
|
get borderTop() {
|
|
4860
4889
|
return '';
|
|
4861
4890
|
}
|
|
4862
4891
|
set borderTop(value) {
|
|
4863
4892
|
value = this.coerceCssStringValue(value);
|
|
4864
|
-
this.setPseudoCssStringValue('border-top', value, () =>
|
|
4893
|
+
this.setPseudoCssStringValue('border-top', value, () => nodeHelper().setBorderTop(this.nativeView, value), () => (this.nativeView.style.borderTop = value));
|
|
4865
4894
|
}
|
|
4866
4895
|
get borderRight() {
|
|
4867
4896
|
return '';
|
|
4868
4897
|
}
|
|
4869
4898
|
set borderRight(value) {
|
|
4870
4899
|
value = this.coerceCssStringValue(value);
|
|
4871
|
-
this.setPseudoCssStringValue('border-right', value, () =>
|
|
4900
|
+
this.setPseudoCssStringValue('border-right', value, () => nodeHelper().setBorderRight(this.nativeView, value), () => (this.nativeView.style.borderRight = value));
|
|
4872
4901
|
}
|
|
4873
4902
|
get borderBottom() {
|
|
4874
4903
|
return '';
|
|
4875
4904
|
}
|
|
4876
4905
|
set borderBottom(value) {
|
|
4877
4906
|
value = this.coerceCssStringValue(value);
|
|
4878
|
-
this.setPseudoCssStringValue('border-bottom', value, () =>
|
|
4907
|
+
this.setPseudoCssStringValue('border-bottom', value, () => nodeHelper().setBorderBottom(this.nativeView, value), () => (this.nativeView.style.borderBottom = value));
|
|
4879
4908
|
}
|
|
4880
4909
|
get filter() {
|
|
4881
4910
|
if (!this.nativeView) {
|
|
4882
4911
|
return '';
|
|
4883
4912
|
}
|
|
4884
4913
|
if (__ANDROID__) {
|
|
4885
|
-
return
|
|
4914
|
+
return nodeHelper().getFilter(this.nativeView);
|
|
4886
4915
|
}
|
|
4887
4916
|
if (__APPLE__) {
|
|
4888
4917
|
return this.nativeView.style.filter;
|
|
@@ -4891,14 +4920,14 @@ export class Style {
|
|
|
4891
4920
|
}
|
|
4892
4921
|
set filter(value) {
|
|
4893
4922
|
value = this.coerceCssStringValue(value);
|
|
4894
|
-
this.setPseudoCssStringValue('filter', value, () =>
|
|
4923
|
+
this.setPseudoCssStringValue('filter', value, () => nodeHelper().setFilter(this.nativeView, value), () => (this.nativeView.style.filter = value));
|
|
4895
4924
|
}
|
|
4896
4925
|
get boxShadow() {
|
|
4897
4926
|
if (!this.nativeView) {
|
|
4898
4927
|
return '';
|
|
4899
4928
|
}
|
|
4900
4929
|
if (__ANDROID__) {
|
|
4901
|
-
return
|
|
4930
|
+
return nodeHelper().getBoxShadow(this.nativeView);
|
|
4902
4931
|
}
|
|
4903
4932
|
if (__APPLE__) {
|
|
4904
4933
|
return this.nativeView.style.boxShadow;
|
|
@@ -4913,14 +4942,14 @@ export class Style {
|
|
|
4913
4942
|
}
|
|
4914
4943
|
set boxShadow(value) {
|
|
4915
4944
|
value = this.coerceCssStringValue(value);
|
|
4916
|
-
this.setPseudoCssStringValue('box-shadow', value, () =>
|
|
4945
|
+
this.setPseudoCssStringValue('box-shadow', value, () => nodeHelper().setBoxShadow(this.nativeView, value), () => (this.nativeView.style.boxShadow = value));
|
|
4917
4946
|
}
|
|
4918
4947
|
get transform() {
|
|
4919
4948
|
if (!this.nativeView) {
|
|
4920
4949
|
return '';
|
|
4921
4950
|
}
|
|
4922
4951
|
if (__ANDROID__) {
|
|
4923
|
-
return
|
|
4952
|
+
return nodeHelper().getTransform(this.nativeView);
|
|
4924
4953
|
}
|
|
4925
4954
|
if (__APPLE__) {
|
|
4926
4955
|
return this.nativeView.style.transform;
|
|
@@ -4929,7 +4958,7 @@ export class Style {
|
|
|
4929
4958
|
}
|
|
4930
4959
|
set transform(value) {
|
|
4931
4960
|
value = this.coerceCssStringValue(value);
|
|
4932
|
-
this.setPseudoCssStringValue('transform', value, () =>
|
|
4961
|
+
this.setPseudoCssStringValue('transform', value, () => nodeHelper().setTransform(this.nativeView, value), () => (this.nativeView.style.transform = value));
|
|
4933
4962
|
}
|
|
4934
4963
|
get verticalAlign() {
|
|
4935
4964
|
const isPercent = getUint8(this.style_view, StyleKeys.VERTICAL_ALIGN_IS_PERCENT_OFFSET) == 1;
|
|
@@ -5084,7 +5113,7 @@ export class Style {
|
|
|
5084
5113
|
return '';
|
|
5085
5114
|
}
|
|
5086
5115
|
if (__ANDROID__) {
|
|
5087
|
-
return
|
|
5116
|
+
return nodeHelper().getTextShadow(this.nativeView);
|
|
5088
5117
|
}
|
|
5089
5118
|
if (__APPLE__) {
|
|
5090
5119
|
return this.nativeView.style.textShadow;
|
|
@@ -5093,7 +5122,7 @@ export class Style {
|
|
|
5093
5122
|
}
|
|
5094
5123
|
set textShadow(value) {
|
|
5095
5124
|
value = this.coerceCssStringValue(value);
|
|
5096
|
-
this.setPseudoCssStringValue('text-shadow', value, () =>
|
|
5125
|
+
this.setPseudoCssStringValue('text-shadow', value, () => nodeHelper().setTextShadow(this.nativeView, value), () => (this.nativeView.style.textShadow = value));
|
|
5097
5126
|
}
|
|
5098
5127
|
get zIndex() {
|
|
5099
5128
|
return getInt32(this.style_view, StyleKeys.Z_INDEX);
|
|
@@ -5175,14 +5204,14 @@ export class Style {
|
|
|
5175
5204
|
}
|
|
5176
5205
|
set cornerShape(value) {
|
|
5177
5206
|
value = this.coerceCssStringValue(value);
|
|
5178
|
-
this.setPseudoCssStringValue('corner-shape', value, () =>
|
|
5207
|
+
this.setPseudoCssStringValue('corner-shape', value, () => nodeHelper().setCornerShape(this.nativeView, value), () => (this.nativeView.style.cornerShape = value));
|
|
5179
5208
|
}
|
|
5180
5209
|
get cornerShape() {
|
|
5181
5210
|
if (!this.nativeView) {
|
|
5182
5211
|
return '';
|
|
5183
5212
|
}
|
|
5184
5213
|
if (__ANDROID__) {
|
|
5185
|
-
return
|
|
5214
|
+
return nodeHelper().getCornerShape(this.nativeView);
|
|
5186
5215
|
}
|
|
5187
5216
|
if (__APPLE__) {
|
|
5188
5217
|
return this.nativeView.style.cornerShape;
|
|
@@ -5193,7 +5222,7 @@ export class Style {
|
|
|
5193
5222
|
if (!this.nativeView)
|
|
5194
5223
|
return '';
|
|
5195
5224
|
if (__ANDROID__) {
|
|
5196
|
-
return
|
|
5225
|
+
return nodeHelper().getCornerShapeTopLeft(this.nativeView);
|
|
5197
5226
|
}
|
|
5198
5227
|
if (__APPLE__) {
|
|
5199
5228
|
return this.nativeView.style.cornerShapeTopLeft;
|
|
@@ -5202,13 +5231,13 @@ export class Style {
|
|
|
5202
5231
|
}
|
|
5203
5232
|
set cornerShapeTopLeft(value) {
|
|
5204
5233
|
value = this.coerceCssStringValue(value);
|
|
5205
|
-
this.setPseudoCssStringValue('corner-shape-top-left', value, () =>
|
|
5234
|
+
this.setPseudoCssStringValue('corner-shape-top-left', value, () => nodeHelper().setCornerShapeTopLeft(this.nativeView, value), () => (this.nativeView.style.cornerShapeTopLeft = value));
|
|
5206
5235
|
}
|
|
5207
5236
|
get cornerShapeTopRight() {
|
|
5208
5237
|
if (!this.nativeView)
|
|
5209
5238
|
return '';
|
|
5210
5239
|
if (__ANDROID__) {
|
|
5211
|
-
return
|
|
5240
|
+
return nodeHelper().getCornerShapeTopRight(this.nativeView);
|
|
5212
5241
|
}
|
|
5213
5242
|
if (__APPLE__) {
|
|
5214
5243
|
return this.nativeView.style.cornerShapeTopRight;
|
|
@@ -5217,13 +5246,13 @@ export class Style {
|
|
|
5217
5246
|
}
|
|
5218
5247
|
set cornerShapeTopRight(value) {
|
|
5219
5248
|
value = this.coerceCssStringValue(value);
|
|
5220
|
-
this.setPseudoCssStringValue('corner-shape-top-right', value, () =>
|
|
5249
|
+
this.setPseudoCssStringValue('corner-shape-top-right', value, () => nodeHelper().setCornerShapeTopRight(this.nativeView, value), () => (this.nativeView.style.cornerShapeTopRight = value));
|
|
5221
5250
|
}
|
|
5222
5251
|
get cornerShapeBottomRight() {
|
|
5223
5252
|
if (!this.nativeView)
|
|
5224
5253
|
return '';
|
|
5225
5254
|
if (__ANDROID__) {
|
|
5226
|
-
return
|
|
5255
|
+
return nodeHelper().getCornerShapeBottomRight(this.nativeView);
|
|
5227
5256
|
}
|
|
5228
5257
|
if (__APPLE__) {
|
|
5229
5258
|
return this.nativeView.style.cornerShapeBottomRight;
|
|
@@ -5232,13 +5261,13 @@ export class Style {
|
|
|
5232
5261
|
}
|
|
5233
5262
|
set cornerShapeBottomRight(value) {
|
|
5234
5263
|
value = this.coerceCssStringValue(value);
|
|
5235
|
-
this.setPseudoCssStringValue('corner-shape-bottom-right', value, () =>
|
|
5264
|
+
this.setPseudoCssStringValue('corner-shape-bottom-right', value, () => nodeHelper().setCornerShapeBottomRight(this.nativeView, value), () => (this.nativeView.style.cornerShapeBottomRight = value));
|
|
5236
5265
|
}
|
|
5237
5266
|
get cornerShapeBottomLeft() {
|
|
5238
5267
|
if (!this.nativeView)
|
|
5239
5268
|
return '';
|
|
5240
5269
|
if (__ANDROID__) {
|
|
5241
|
-
return
|
|
5270
|
+
return nodeHelper().getCornerShapeBottomLeft(this.nativeView);
|
|
5242
5271
|
}
|
|
5243
5272
|
if (__APPLE__) {
|
|
5244
5273
|
return this.nativeView.style.cornerShapeBottomLeft;
|
|
@@ -5247,7 +5276,7 @@ export class Style {
|
|
|
5247
5276
|
}
|
|
5248
5277
|
set cornerShapeBottomLeft(value) {
|
|
5249
5278
|
value = this.coerceCssStringValue(value);
|
|
5250
|
-
this.setPseudoCssStringValue('corner-shape-bottom-left', value, () =>
|
|
5279
|
+
this.setPseudoCssStringValue('corner-shape-bottom-left', value, () => nodeHelper().setCornerShapeBottomLeft(this.nativeView, value), () => (this.nativeView.style.cornerShapeBottomLeft = value));
|
|
5251
5280
|
}
|
|
5252
5281
|
get objectPosition() {
|
|
5253
5282
|
if (!this.style_view)
|
|
@@ -5386,7 +5415,7 @@ export class Style {
|
|
|
5386
5415
|
if (!this.nativeView)
|
|
5387
5416
|
return '';
|
|
5388
5417
|
if (__ANDROID__) {
|
|
5389
|
-
return
|
|
5418
|
+
return nodeHelper().getBorderImage(this.nativeView);
|
|
5390
5419
|
}
|
|
5391
5420
|
if (__APPLE__) {
|
|
5392
5421
|
return this.nativeView.style.borderImage;
|
|
@@ -5395,7 +5424,7 @@ export class Style {
|
|
|
5395
5424
|
}
|
|
5396
5425
|
set borderImage(value) {
|
|
5397
5426
|
value = this.coerceCssStringValue(value);
|
|
5398
|
-
this.setPseudoCssStringValue('border-image', value, () =>
|
|
5427
|
+
this.setPseudoCssStringValue('border-image', value, () => nodeHelper().setBorderImage(this.nativeView, value), () => (this.nativeView.style.borderImage = value));
|
|
5399
5428
|
}
|
|
5400
5429
|
set 'border-image'(value) {
|
|
5401
5430
|
this.borderImage = value;
|
|
@@ -5433,7 +5462,7 @@ export class Style {
|
|
|
5433
5462
|
if (!this.nativeView)
|
|
5434
5463
|
return 'normal';
|
|
5435
5464
|
if (__ANDROID__) {
|
|
5436
|
-
return
|
|
5465
|
+
return nodeHelper().getFontFeatureSettings(this.nativeView);
|
|
5437
5466
|
}
|
|
5438
5467
|
if (__APPLE__) {
|
|
5439
5468
|
return this.nativeView.style.fontFeatureSettings;
|
|
@@ -5442,7 +5471,7 @@ export class Style {
|
|
|
5442
5471
|
}
|
|
5443
5472
|
set fontFeatureSettings(value) {
|
|
5444
5473
|
value = this.coerceCssStringValue(value);
|
|
5445
|
-
this.setPseudoCssStringValue('font-feature-settings', value, () =>
|
|
5474
|
+
this.setPseudoCssStringValue('font-feature-settings', value, () => nodeHelper().setFontFeatureSettings(this.nativeView, value), () => (this.nativeView.style.fontFeatureSettings = value));
|
|
5446
5475
|
}
|
|
5447
5476
|
set 'font-feature-settings'(value) {
|
|
5448
5477
|
this.fontFeatureSettings = value;
|
|
@@ -5539,7 +5568,7 @@ export class Style {
|
|
|
5539
5568
|
if (!this.nativeView)
|
|
5540
5569
|
return '';
|
|
5541
5570
|
if (__ANDROID__) {
|
|
5542
|
-
return
|
|
5571
|
+
return nodeHelper().getBackdropFilter(this.nativeView);
|
|
5543
5572
|
}
|
|
5544
5573
|
if (__APPLE__) {
|
|
5545
5574
|
return this.nativeView.style.backdropFilter;
|
|
@@ -5548,7 +5577,7 @@ export class Style {
|
|
|
5548
5577
|
}
|
|
5549
5578
|
set backdropFilter(value) {
|
|
5550
5579
|
value = this.coerceCssStringValue(value);
|
|
5551
|
-
this.setPseudoCssStringValue('backdrop-filter', value, () =>
|
|
5580
|
+
this.setPseudoCssStringValue('backdrop-filter', value, () => nodeHelper().setBackdropFilter(this.nativeView, value), () => (this.nativeView.style.backdropFilter = value));
|
|
5552
5581
|
}
|
|
5553
5582
|
set 'backdrop-filter'(value) {
|
|
5554
5583
|
this.backdropFilter = value;
|