@vxrn/safe-area 1.14.4 → 1.15.0
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/.turbo/turbo-build.log +1 -1
- package/dist/cjs/InitialWindow.cjs +14 -12
- package/dist/cjs/InitialWindow.native.js +14 -12
- package/dist/cjs/InitialWindow.native.js.map +1 -1
- package/dist/cjs/NativeSafeAreaProvider.cjs +98 -61
- package/dist/cjs/NativeSafeAreaProvider.native.js +115 -79
- package/dist/cjs/NativeSafeAreaProvider.native.js.map +1 -1
- package/dist/cjs/SafeArea-types.cjs +7 -5
- package/dist/cjs/SafeArea-types.native.js +7 -5
- package/dist/cjs/SafeArea-types.native.js.map +1 -1
- package/dist/cjs/SafeAreaContext.cjs +82 -55
- package/dist/cjs/SafeAreaContext.native.js +88 -70
- package/dist/cjs/SafeAreaContext.native.js.map +1 -1
- package/dist/cjs/SafeAreaView.cjs +94 -92
- package/dist/cjs/SafeAreaView.native.js +97 -95
- package/dist/cjs/SafeAreaView.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/InitialWindow.mjs +2 -2
- package/dist/esm/InitialWindow.mjs.map +1 -1
- package/dist/esm/InitialWindow.native.js +2 -2
- package/dist/esm/InitialWindow.native.js.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.mjs +71 -36
- package/dist/esm/NativeSafeAreaProvider.mjs.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.native.js +81 -47
- package/dist/esm/NativeSafeAreaProvider.native.js.map +1 -1
- package/dist/esm/SafeAreaContext.mjs +54 -29
- package/dist/esm/SafeAreaContext.mjs.map +1 -1
- package/dist/esm/SafeAreaContext.native.js +60 -44
- package/dist/esm/SafeAreaContext.native.js.map +1 -1
- package/dist/esm/SafeAreaView.mjs +65 -65
- package/dist/esm/SafeAreaView.mjs.map +1 -1
- package/dist/esm/SafeAreaView.native.js +69 -69
- package/dist/esm/SafeAreaView.native.js.map +1 -1
- package/package.json +2 -2
- package/src/SafeAreaContext.tsx +8 -2
- package/types/SafeAreaContext.d.ts.map +1 -1
|
@@ -4,111 +4,113 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var SafeAreaView_exports = {};
|
|
35
37
|
__export(SafeAreaView_exports, {
|
|
36
38
|
SafeAreaView: () => SafeAreaView
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(SafeAreaView_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var React = __toESM(require("react"), 1);
|
|
43
|
+
var import_react_native = require("react-native");
|
|
44
|
+
var import_SafeAreaContext = require("./SafeAreaContext.native.js");
|
|
45
|
+
var TOP = 8;
|
|
46
|
+
var RIGHT = 4;
|
|
47
|
+
var BOTTOM = 2;
|
|
48
|
+
var LEFT = 1;
|
|
49
|
+
var ALL = 15;
|
|
50
|
+
var edgeBitmaskMap = {
|
|
51
|
+
top: TOP,
|
|
52
|
+
right: RIGHT,
|
|
53
|
+
bottom: BOTTOM,
|
|
54
|
+
left: LEFT
|
|
55
|
+
};
|
|
56
|
+
var SafeAreaView = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
57
|
+
var {
|
|
58
|
+
style = {},
|
|
59
|
+
mode,
|
|
60
|
+
edges,
|
|
61
|
+
...rest
|
|
62
|
+
} = param;
|
|
63
|
+
var insets = (0, import_SafeAreaContext.useSafeAreaInsets)();
|
|
64
|
+
var edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function (acc, edge) {
|
|
65
|
+
return acc | edgeBitmaskMap[edge];
|
|
66
|
+
}, 0) : Object.keys(edges).reduce(function (acc, edge) {
|
|
67
|
+
return acc | edgeBitmaskMap[edge];
|
|
68
|
+
}, 0) : ALL;
|
|
69
|
+
var appliedStyle = React.useMemo(function () {
|
|
70
|
+
var insetTop = edgeBitmask & TOP ? insets.top : 0;
|
|
71
|
+
var insetRight = edgeBitmask & RIGHT ? insets.right : 0;
|
|
72
|
+
var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
|
|
73
|
+
var insetLeft = edgeBitmask & LEFT ? insets.left : 0;
|
|
74
|
+
var flatStyle = import_react_native.StyleSheet.flatten(style);
|
|
75
|
+
if (mode === "margin") {
|
|
76
|
+
var {
|
|
77
|
+
margin = 0,
|
|
78
|
+
marginVertical = margin,
|
|
79
|
+
marginHorizontal = margin,
|
|
80
|
+
marginTop = marginVertical,
|
|
81
|
+
marginRight = marginHorizontal,
|
|
82
|
+
marginBottom = marginVertical,
|
|
83
|
+
marginLeft = marginHorizontal
|
|
84
|
+
} = flatStyle;
|
|
85
|
+
var marginStyle = {
|
|
86
|
+
marginTop: marginTop + insetTop,
|
|
87
|
+
marginRight: marginRight + insetRight,
|
|
88
|
+
marginBottom: marginBottom + insetBottom,
|
|
89
|
+
marginLeft: marginLeft + insetLeft
|
|
90
|
+
};
|
|
91
|
+
return [style, marginStyle];
|
|
92
|
+
}
|
|
55
93
|
var {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
marginVertical = margin,
|
|
77
|
-
marginHorizontal = margin,
|
|
78
|
-
marginTop = marginVertical,
|
|
79
|
-
marginRight = marginHorizontal,
|
|
80
|
-
marginBottom = marginVertical,
|
|
81
|
-
marginLeft = marginHorizontal
|
|
82
|
-
} = flatStyle,
|
|
83
|
-
marginStyle = {
|
|
84
|
-
marginTop: marginTop + insetTop,
|
|
85
|
-
marginRight: marginRight + insetRight,
|
|
86
|
-
marginBottom: marginBottom + insetBottom,
|
|
87
|
-
marginLeft: marginLeft + insetLeft
|
|
88
|
-
};
|
|
89
|
-
return [style, marginStyle];
|
|
90
|
-
}
|
|
91
|
-
var {
|
|
92
|
-
padding = 0,
|
|
93
|
-
paddingVertical = padding,
|
|
94
|
-
paddingHorizontal = padding,
|
|
95
|
-
paddingTop = paddingVertical,
|
|
96
|
-
paddingRight = paddingHorizontal,
|
|
97
|
-
paddingBottom = paddingVertical,
|
|
98
|
-
paddingLeft = paddingHorizontal
|
|
99
|
-
} = flatStyle,
|
|
100
|
-
paddingStyle = {
|
|
101
|
-
paddingTop: paddingTop + insetTop,
|
|
102
|
-
paddingRight: paddingRight + insetRight,
|
|
103
|
-
paddingBottom: paddingBottom + insetBottom,
|
|
104
|
-
paddingLeft: paddingLeft + insetLeft
|
|
105
|
-
};
|
|
106
|
-
return [style, paddingStyle];
|
|
107
|
-
}, [style, insets, mode, edgeBitmask]);
|
|
108
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
109
|
-
style: appliedStyle,
|
|
110
|
-
...rest,
|
|
111
|
-
ref
|
|
112
|
-
});
|
|
94
|
+
padding = 0,
|
|
95
|
+
paddingVertical = padding,
|
|
96
|
+
paddingHorizontal = padding,
|
|
97
|
+
paddingTop = paddingVertical,
|
|
98
|
+
paddingRight = paddingHorizontal,
|
|
99
|
+
paddingBottom = paddingVertical,
|
|
100
|
+
paddingLeft = paddingHorizontal
|
|
101
|
+
} = flatStyle;
|
|
102
|
+
var paddingStyle = {
|
|
103
|
+
paddingTop: paddingTop + insetTop,
|
|
104
|
+
paddingRight: paddingRight + insetRight,
|
|
105
|
+
paddingBottom: paddingBottom + insetBottom,
|
|
106
|
+
paddingLeft: paddingLeft + insetLeft
|
|
107
|
+
};
|
|
108
|
+
return [style, paddingStyle];
|
|
109
|
+
}, [style, insets, mode, edgeBitmask]);
|
|
110
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
111
|
+
style: appliedStyle,
|
|
112
|
+
...rest,
|
|
113
|
+
ref
|
|
113
114
|
});
|
|
115
|
+
});
|
|
114
116
|
//# sourceMappingURL=SafeAreaView.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SafeAreaView_exports","__export","SafeAreaView","module","exports","import_jsx_runtime","require","React","__toESM","import_react_native","import_SafeAreaContext","TOP","RIGHT","BOTTOM","LEFT","ALL","edgeBitmaskMap","top","right","bottom","left","forwardRef","param","ref","style","mode","edges","rest","insets","useSafeAreaInsets","edgeBitmask","Array","isArray","reduce","acc","edge","Object","keys","appliedStyle","useMemo","insetTop","insetRight","insetBottom","insetLeft","flatStyle","StyleSheet","flatten","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle","jsx","View"],"sources":["../../src/SafeAreaView.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SafeAreaView_exports","__export","SafeAreaView","module","exports","import_jsx_runtime","require","React","__toESM","import_react_native","import_SafeAreaContext","TOP","RIGHT","BOTTOM","LEFT","ALL","edgeBitmaskMap","top","right","bottom","left","forwardRef","param","ref","style","mode","edges","rest","insets","useSafeAreaInsets","edgeBitmask","Array","isArray","reduce","acc","edge","Object","keys","appliedStyle","useMemo","insetTop","insetRight","insetBottom","insetLeft","flatStyle","StyleSheet","flatten","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle","jsx","View"],"sources":["../../src/SafeAreaView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -3,15 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
7
8
|
get: () => from[key],
|
|
8
9
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
10
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
13
15
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
14
|
-
value:
|
|
16
|
+
value: true
|
|
15
17
|
}), mod);
|
|
16
18
|
var index_exports = {};
|
|
17
19
|
module.exports = __toCommonJS(index_exports);
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
10
|
get: () => from[key],
|
|
10
11
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
12
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
17
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value:
|
|
18
|
+
value: true
|
|
17
19
|
}), mod);
|
|
18
20
|
var index_exports = {};
|
|
19
21
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BADd,GAAAH,MAAA,CAAAC,OAAA;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAFd,CAAAC,OAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["initialWindowMetrics","initialWindowSafeAreaInsets"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":"AAEO,MAAMA,oBAAA,GAAuC;
|
|
1
|
+
{"version":3,"names":["initialWindowMetrics","initialWindowSafeAreaInsets"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":"AAEO,MAAMA,oBAAA,GAAuC;AAK7C,MAAMC,2BAAA,GAAiD","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["initialWindowMetrics","initialWindowSafeAreaInsets"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":"AAEO,IAAAA,oBAAM,OAAuC;
|
|
1
|
+
{"version":3,"names":["initialWindowMetrics","initialWindowSafeAreaInsets"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":"AAEO,IAAAA,oBAAM,OAAuC;AAK7C,IAAAC,2BAAM,OAAiD","ignoreList":[]}
|
|
@@ -13,29 +13,31 @@ function NativeSafeAreaProvider({
|
|
|
13
13
|
style,
|
|
14
14
|
onInsetsChange
|
|
15
15
|
}) {
|
|
16
|
-
|
|
17
|
-
if (typeof document
|
|
16
|
+
React.useEffect(() => {
|
|
17
|
+
if (typeof document === "undefined") {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
18
20
|
const element = createContextElement();
|
|
19
21
|
document.body.appendChild(element);
|
|
20
22
|
const onEnd = () => {
|
|
21
23
|
const {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
paddingTop,
|
|
25
|
+
paddingBottom,
|
|
26
|
+
paddingLeft,
|
|
27
|
+
paddingRight
|
|
28
|
+
} = window.getComputedStyle(element);
|
|
29
|
+
const insets = {
|
|
30
|
+
top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
|
|
31
|
+
bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
|
|
32
|
+
left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
|
|
33
|
+
right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
|
|
34
|
+
};
|
|
35
|
+
const frame = {
|
|
36
|
+
x: 0,
|
|
37
|
+
y: 0,
|
|
38
|
+
width: document.documentElement.offsetWidth,
|
|
39
|
+
height: document.documentElement.offsetHeight
|
|
40
|
+
};
|
|
39
41
|
onInsetsChange({
|
|
40
42
|
nativeEvent: {
|
|
41
43
|
insets,
|
|
@@ -43,13 +45,20 @@ function NativeSafeAreaProvider({
|
|
|
43
45
|
}
|
|
44
46
|
});
|
|
45
47
|
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
+
element.addEventListener(getSupportedTransitionEvent(), onEnd);
|
|
49
|
+
onEnd();
|
|
50
|
+
return () => {
|
|
51
|
+
document.body.removeChild(element);
|
|
52
|
+
element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
48
53
|
};
|
|
49
|
-
}, [onInsetsChange])
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
54
|
+
}, [onInsetsChange]);
|
|
55
|
+
if (style) {
|
|
56
|
+
return /* @__PURE__ */jsx(View, {
|
|
57
|
+
style,
|
|
58
|
+
children
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
return /* @__PURE__ */jsx("div", {
|
|
53
62
|
style: {
|
|
54
63
|
display: "contents"
|
|
55
64
|
},
|
|
@@ -58,32 +67,58 @@ function NativeSafeAreaProvider({
|
|
|
58
67
|
}
|
|
59
68
|
let _supportedTransitionEvent = null;
|
|
60
69
|
function getSupportedTransitionEvent() {
|
|
61
|
-
if (_supportedTransitionEvent != null)
|
|
70
|
+
if (_supportedTransitionEvent != null) {
|
|
71
|
+
return _supportedTransitionEvent;
|
|
72
|
+
}
|
|
62
73
|
const element = document.createElement("invalidtype");
|
|
63
74
|
_supportedTransitionEvent = CSSTransitions.Transition;
|
|
64
|
-
for (const key in CSSTransitions)
|
|
65
|
-
|
|
66
|
-
|
|
75
|
+
for (const key in CSSTransitions) {
|
|
76
|
+
if (element.style[key] !== void 0) {
|
|
77
|
+
_supportedTransitionEvent = CSSTransitions[key];
|
|
78
|
+
break;
|
|
79
|
+
}
|
|
67
80
|
}
|
|
68
81
|
return _supportedTransitionEvent;
|
|
69
82
|
}
|
|
70
83
|
let _supportedEnv = null;
|
|
71
84
|
function getSupportedEnv() {
|
|
72
|
-
if (_supportedEnv !== null)
|
|
85
|
+
if (_supportedEnv !== null) {
|
|
86
|
+
return _supportedEnv;
|
|
87
|
+
}
|
|
73
88
|
const {
|
|
74
89
|
CSS
|
|
75
90
|
} = window;
|
|
76
|
-
|
|
91
|
+
if (CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)")) {
|
|
92
|
+
_supportedEnv = "constant";
|
|
93
|
+
} else {
|
|
94
|
+
_supportedEnv = "env";
|
|
95
|
+
}
|
|
96
|
+
return _supportedEnv;
|
|
77
97
|
}
|
|
78
98
|
function getInset(side) {
|
|
79
99
|
return `${getSupportedEnv()}(safe-area-inset-${side})`;
|
|
80
100
|
}
|
|
81
101
|
function createContextElement() {
|
|
82
|
-
const element = document.createElement("div")
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
102
|
+
const element = document.createElement("div");
|
|
103
|
+
const {
|
|
104
|
+
style
|
|
105
|
+
} = element;
|
|
106
|
+
style.position = "fixed";
|
|
107
|
+
style.left = "0";
|
|
108
|
+
style.top = "0";
|
|
109
|
+
style.width = "0";
|
|
110
|
+
style.height = "0";
|
|
111
|
+
style.zIndex = "-1";
|
|
112
|
+
style.overflow = "hidden";
|
|
113
|
+
style.visibility = "hidden";
|
|
114
|
+
style.transitionDuration = "0.05s";
|
|
115
|
+
style.transitionProperty = "padding";
|
|
116
|
+
style.transitionDelay = "0s";
|
|
117
|
+
style.paddingTop = getInset("top");
|
|
118
|
+
style.paddingBottom = getInset("bottom");
|
|
119
|
+
style.paddingLeft = getInset("left");
|
|
120
|
+
style.paddingRight = getInset("right");
|
|
121
|
+
return element;
|
|
87
122
|
}
|
|
88
123
|
export { NativeSafeAreaProvider };
|
|
89
124
|
//# sourceMappingURL=NativeSafeAreaProvider.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","jsx","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","NativeSafeAreaProvider","children","style","onInsetsChange","useEffect","document","element","createContextElement","body","appendChild","onEnd","paddingTop","paddingBottom","paddingLeft","paddingRight","window","getComputedStyle","insets","top","Number","parseInt","bottom","left","right","frame","x","y","width","documentElement","offsetWidth","height","offsetHeight","nativeEvent","addEventListener","getSupportedTransitionEvent","removeChild","removeEventListener","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv","CSS","supports","getInset","side","position","zIndex","overflow","visibility","transitionDuration","transitionProperty","transitionDelay"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"AAEA,YAAYA,KAAA,MAAW;AACvB,SAASC,IAAA,QAAY;AA+DV,SAAAC,GAAA;AApDX,MAAMC,cAAA,GAAyC;EAC7CC,gBAAA,EAAkB;EAClBC,UAAA,EAAY;EACZC,aAAA,EAAe;EACfC,YAAA,EAAc;EACdC,WAAA,EAAa;AACf;AAEO,SAASC,uBAAuB;EACrCC,QAAA;EACAC,KAAA;EACAC;AACF,GAAgC;
|
|
1
|
+
{"version":3,"names":["React","View","jsx","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","NativeSafeAreaProvider","children","style","onInsetsChange","useEffect","document","element","createContextElement","body","appendChild","onEnd","paddingTop","paddingBottom","paddingLeft","paddingRight","window","getComputedStyle","insets","top","Number","parseInt","bottom","left","right","frame","x","y","width","documentElement","offsetWidth","height","offsetHeight","nativeEvent","addEventListener","getSupportedTransitionEvent","removeChild","removeEventListener","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv","CSS","supports","getInset","side","position","zIndex","overflow","visibility","transitionDuration","transitionProperty","transitionDelay"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|