@vxrn/safe-area 1.27.1 → 2.0.0-beta.45.1
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 +15 -17
- package/dist/cjs/InitialWindow.native.cjs +30 -0
- package/dist/cjs/InitialWindow.native.js +15 -16
- package/dist/cjs/InitialWindow.native.js.map +1 -1
- package/dist/cjs/NativeSafeAreaProvider.cjs +109 -135
- package/dist/cjs/NativeSafeAreaProvider.native.cjs +141 -0
- package/dist/cjs/NativeSafeAreaProvider.native.js +111 -141
- package/dist/cjs/NativeSafeAreaProvider.native.js.map +1 -1
- package/dist/cjs/SafeArea-types.cjs +9 -11
- package/dist/cjs/SafeArea-types.native.cjs +18 -0
- package/dist/cjs/SafeArea-types.native.js +9 -10
- package/dist/cjs/SafeArea-types.native.js.map +1 -1
- package/dist/cjs/SafeAreaContext.cjs +85 -106
- package/dist/cjs/SafeAreaContext.native.cjs +132 -0
- package/dist/cjs/SafeAreaContext.native.js +88 -108
- package/dist/cjs/SafeAreaContext.native.js.map +1 -1
- package/dist/cjs/SafeAreaView.cjs +67 -100
- package/dist/cjs/SafeAreaView.native.cjs +99 -0
- package/dist/cjs/SafeAreaView.native.js +74 -106
- package/dist/cjs/SafeAreaView.native.js.map +1 -1
- package/dist/cjs/getWindowFrame.cjs +20 -24
- package/dist/cjs/getWindowFrame.native.cjs +35 -0
- package/dist/cjs/getWindowFrame.native.js +21 -27
- package/dist/cjs/getWindowFrame.native.js.map +1 -1
- package/dist/cjs/index.cjs +9 -11
- package/dist/cjs/index.native.cjs +22 -0
- package/dist/cjs/index.native.js +9 -10
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/InitialWindow.mjs +1 -0
- package/dist/esm/InitialWindow.mjs.map +1 -1
- package/dist/esm/InitialWindow.native.js +1 -0
- package/dist/esm/InitialWindow.native.js.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.mjs +94 -109
- package/dist/esm/NativeSafeAreaProvider.mjs.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.native.js +96 -116
- package/dist/esm/NativeSafeAreaProvider.native.js.map +1 -1
- package/dist/esm/SafeArea-types.mjs +0 -2
- package/dist/esm/SafeArea-types.native.js +0 -2
- package/dist/esm/SafeAreaContext.mjs +62 -74
- package/dist/esm/SafeAreaContext.mjs.map +1 -1
- package/dist/esm/SafeAreaContext.native.js +66 -78
- package/dist/esm/SafeAreaContext.native.js.map +1 -1
- package/dist/esm/SafeAreaView.mjs +52 -74
- package/dist/esm/SafeAreaView.mjs.map +1 -1
- package/dist/esm/SafeAreaView.native.js +60 -82
- package/dist/esm/SafeAreaView.native.js.map +1 -1
- package/dist/esm/getWindowFrame.mjs +7 -6
- package/dist/esm/getWindowFrame.mjs.map +1 -1
- package/dist/esm/getWindowFrame.native.js +9 -10
- package/dist/esm/getWindowFrame.native.js.map +1 -1
- package/dist/esm/index.js +5 -4
- package/dist/esm/index.mjs +5 -4
- package/dist/esm/index.native.js +5 -4
- package/package.json +2 -2
- package/dist/esm/SafeArea-types.mjs.map +0 -1
- package/dist/esm/SafeArea-types.native.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
|
@@ -1,107 +1,95 @@
|
|
|
1
|
-
import { jsx
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { NativeSafeAreaProvider } from "./NativeSafeAreaProvider.native.js";
|
|
4
4
|
import { getWindowFrame } from "./getWindowFrame.native.js";
|
|
5
|
+
|
|
5
6
|
var isDev = process.env.NODE_ENV !== "production";
|
|
6
|
-
var SafeAreaInsetsContext = /* @__PURE__ */React.createContext(null);
|
|
7
|
+
var SafeAreaInsetsContext = /* @__PURE__ */ React.createContext(null);
|
|
7
8
|
if (isDev) {
|
|
8
|
-
|
|
9
|
+
SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext";
|
|
9
10
|
}
|
|
10
|
-
var SafeAreaFrameContext = /* @__PURE__ */React.createContext(null);
|
|
11
|
+
var SafeAreaFrameContext = /* @__PURE__ */ React.createContext(null);
|
|
11
12
|
if (isDev) {
|
|
12
|
-
|
|
13
|
+
SafeAreaFrameContext.displayName = "SafeAreaFrameContext";
|
|
13
14
|
}
|
|
14
15
|
var ZERO_INSETS = {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
top: 0,
|
|
17
|
+
bottom: 0,
|
|
18
|
+
left: 0,
|
|
19
|
+
right: 0
|
|
19
20
|
};
|
|
20
21
|
function SafeAreaProvider(param) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
}, []);
|
|
58
|
-
return /* @__PURE__ */_jsx(NativeSafeAreaProvider, {
|
|
59
|
-
onInsetsChange,
|
|
60
|
-
...others,
|
|
61
|
-
children: /* @__PURE__ */_jsx(SafeAreaFrameContext.Provider, {
|
|
62
|
-
value: frame,
|
|
63
|
-
children: /* @__PURE__ */_jsx(SafeAreaInsetsContext.Provider, {
|
|
64
|
-
value: insets,
|
|
65
|
-
children
|
|
66
|
-
})
|
|
67
|
-
})
|
|
68
|
-
});
|
|
22
|
+
var { children, initialMetrics, initialSafeAreaInsets, ...others } = param;
|
|
23
|
+
var _ref, _ref1, _ref2, _ref3, _ref4;
|
|
24
|
+
var parentInsets = useParentSafeAreaInsets();
|
|
25
|
+
var parentFrame = useParentSafeAreaFrame();
|
|
26
|
+
var [insets, setInsets] = React.useState((_ref = (_ref1 = (_ref2 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _ref2 !== void 0 ? _ref2 : initialSafeAreaInsets) !== null && _ref1 !== void 0 ? _ref1 : parentInsets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS);
|
|
27
|
+
var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 : getWindowFrame());
|
|
28
|
+
var onInsetsChange = React.useCallback(function(event) {
|
|
29
|
+
var { nativeEvent: { frame: nextFrame, insets: nextInsets } } = event;
|
|
30
|
+
React.startTransition(function() {
|
|
31
|
+
setFrame(function(curFrame) {
|
|
32
|
+
if (nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)) {
|
|
33
|
+
return nextFrame;
|
|
34
|
+
}
|
|
35
|
+
return curFrame;
|
|
36
|
+
});
|
|
37
|
+
setInsets(function(curInsets) {
|
|
38
|
+
if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {
|
|
39
|
+
return nextInsets;
|
|
40
|
+
}
|
|
41
|
+
return curInsets;
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
}, []);
|
|
45
|
+
return /* @__PURE__ */ jsx(NativeSafeAreaProvider, {
|
|
46
|
+
onInsetsChange,
|
|
47
|
+
...others,
|
|
48
|
+
children: /* @__PURE__ */ jsx(SafeAreaFrameContext.Provider, {
|
|
49
|
+
value: frame,
|
|
50
|
+
children: /* @__PURE__ */ jsx(SafeAreaInsetsContext.Provider, {
|
|
51
|
+
value: insets,
|
|
52
|
+
children
|
|
53
|
+
})
|
|
54
|
+
})
|
|
55
|
+
});
|
|
69
56
|
}
|
|
70
57
|
function useParentSafeAreaInsets() {
|
|
71
|
-
|
|
58
|
+
return React.useContext(SafeAreaInsetsContext);
|
|
72
59
|
}
|
|
73
60
|
function useParentSafeAreaFrame() {
|
|
74
|
-
|
|
61
|
+
return React.useContext(SafeAreaFrameContext);
|
|
75
62
|
}
|
|
76
63
|
var NO_INSETS_ERROR = "No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.";
|
|
77
64
|
function useSafeAreaInsets() {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
65
|
+
var insets = React.useContext(SafeAreaInsetsContext);
|
|
66
|
+
if (insets == null) {
|
|
67
|
+
throw new Error(NO_INSETS_ERROR);
|
|
68
|
+
}
|
|
69
|
+
return insets;
|
|
83
70
|
}
|
|
84
71
|
function useSafeAreaFrame() {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
72
|
+
var frame = React.useContext(SafeAreaFrameContext);
|
|
73
|
+
if (frame == null) {
|
|
74
|
+
throw new Error(NO_INSETS_ERROR);
|
|
75
|
+
}
|
|
76
|
+
return frame;
|
|
90
77
|
}
|
|
91
78
|
function withSafeAreaInsets(WrappedComponent) {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
79
|
+
return /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
80
|
+
var insets = useSafeAreaInsets();
|
|
81
|
+
return /* @__PURE__ */ jsx(WrappedComponent, {
|
|
82
|
+
...props,
|
|
83
|
+
insets,
|
|
84
|
+
ref
|
|
85
|
+
});
|
|
86
|
+
});
|
|
100
87
|
}
|
|
101
88
|
function useSafeArea() {
|
|
102
|
-
|
|
89
|
+
return useSafeAreaInsets();
|
|
103
90
|
}
|
|
104
91
|
var SafeAreaConsumer = SafeAreaInsetsContext.Consumer;
|
|
105
92
|
var SafeAreaContext = SafeAreaInsetsContext;
|
|
93
|
+
|
|
106
94
|
export { SafeAreaConsumer, SafeAreaContext, SafeAreaFrameContext, SafeAreaInsetsContext, SafeAreaProvider, useSafeArea, useSafeAreaFrame, useSafeAreaInsets, withSafeAreaInsets };
|
|
107
95
|
//# sourceMappingURL=SafeAreaContext.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"file":"SafeAreaContext.native.js","names":[],"sources":["esm/SafeAreaContext.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { NativeSafeAreaProvider } from \"./NativeSafeAreaProvider\";\nimport { getWindowFrame } from \"./getWindowFrame\";\nvar isDev = process.env.NODE_ENV !== \"production\";\nvar SafeAreaInsetsContext = /* @__PURE__ */ React.createContext(null);\nif (isDev) {\n SafeAreaInsetsContext.displayName = \"SafeAreaInsetsContext\";\n}\nvar SafeAreaFrameContext = /* @__PURE__ */ React.createContext(null);\nif (isDev) {\n SafeAreaFrameContext.displayName = \"SafeAreaFrameContext\";\n}\nvar ZERO_INSETS = {\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n};\nfunction SafeAreaProvider(param) {\n var { children, initialMetrics, initialSafeAreaInsets, ...others } = param;\n var _ref, _ref1, _ref2, _ref3, _ref4;\n var parentInsets = useParentSafeAreaInsets();\n var parentFrame = useParentSafeAreaFrame();\n var [insets, setInsets] = React.useState((_ref = (_ref1 = (_ref2 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _ref2 !== void 0 ? _ref2 : initialSafeAreaInsets) !== null && _ref1 !== void 0 ? _ref1 : parentInsets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS);\n var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 : (\n // backwards compat so we render anyway if we don't have frame.\n getWindowFrame()\n ));\n var onInsetsChange = React.useCallback(function(event) {\n var { nativeEvent: { frame: nextFrame, insets: nextInsets } } = event;\n React.startTransition(function() {\n setFrame(function(curFrame) {\n if (\n // Backwards compat with old native code that won't send frame.\n nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)\n ) {\n return nextFrame;\n }\n return curFrame;\n });\n setInsets(function(curInsets) {\n if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {\n return nextInsets;\n }\n return curInsets;\n });\n });\n }, []);\n return /* @__PURE__ */ _jsx(NativeSafeAreaProvider, {\n onInsetsChange,\n ...others,\n children: /* @__PURE__ */ _jsx(SafeAreaFrameContext.Provider, {\n value: frame,\n children: /* @__PURE__ */ _jsx(SafeAreaInsetsContext.Provider, {\n value: insets,\n children\n })\n })\n });\n}\nfunction useParentSafeAreaInsets() {\n return React.useContext(SafeAreaInsetsContext);\n}\nfunction useParentSafeAreaFrame() {\n return React.useContext(SafeAreaFrameContext);\n}\nvar NO_INSETS_ERROR = \"No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.\";\nfunction useSafeAreaInsets() {\n var insets = React.useContext(SafeAreaInsetsContext);\n if (insets == null) {\n throw new Error(NO_INSETS_ERROR);\n }\n return insets;\n}\nfunction useSafeAreaFrame() {\n var frame = React.useContext(SafeAreaFrameContext);\n if (frame == null) {\n throw new Error(NO_INSETS_ERROR);\n }\n return frame;\n}\nfunction withSafeAreaInsets(WrappedComponent) {\n return /* @__PURE__ */ React.forwardRef(function(props, ref) {\n var insets = useSafeAreaInsets();\n return /* @__PURE__ */ _jsx(WrappedComponent, {\n ...props,\n insets,\n ref\n });\n });\n}\nfunction useSafeArea() {\n return useSafeAreaInsets();\n}\nvar SafeAreaConsumer = SafeAreaInsetsContext.Consumer;\nvar SafeAreaContext = SafeAreaInsetsContext;\nexport {\n SafeAreaConsumer,\n SafeAreaContext,\n SafeAreaFrameContext,\n SafeAreaInsetsContext,\n SafeAreaProvider,\n useSafeArea,\n useSafeAreaFrame,\n useSafeAreaInsets,\n withSafeAreaInsets\n};\n//# sourceMappingURL=SafeAreaContext.js.map\n"],"mappings":";;;;;;AAIA,IAAI,QAAQ,QAAQ,IAAI,aAAa;AACrC,IAAI,wBAAwC,sBAAM,cAAc,IAAI;AACpE,IAAI,OAAO;CACT,sBAAsB,cAAc;AACtC;AACA,IAAI,uBAAuC,sBAAM,cAAc,IAAI;AACnE,IAAI,OAAO;CACT,qBAAqB,cAAc;AACrC;AACA,IAAI,cAAc;CAChB,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACT;AACA,SAAS,iBAAiB,OAAO;CAC/B,IAAI,EAAE,UAAU,gBAAgB,uBAAuB,GAAG,WAAW;CACrE,IAAI,MAAM,OAAO,OAAO,OAAO;CAC/B,IAAI,eAAe,wBAAwB;CAC3C,IAAI,cAAc,uBAAuB;CACzC,IAAI,CAAC,QAAQ,aAAa,MAAM,UAAU,QAAQ,SAAS,QAAQ,mBAAmB,QAAQ,mBAAmB,KAAK,IAAI,KAAK,IAAI,eAAe,YAAY,QAAQ,UAAU,KAAK,IAAI,QAAQ,2BAA2B,QAAQ,UAAU,KAAK,IAAI,QAAQ,kBAAkB,QAAQ,SAAS,KAAK,IAAI,OAAO,WAAW;CAC7T,IAAI,CAAC,OAAO,YAAY,MAAM,UAAU,SAAS,QAAQ,mBAAmB,QAAQ,mBAAmB,KAAK,IAAI,KAAK,IAAI,eAAe,WAAW,QAAQ,UAAU,KAAK,IAAI,QAAQ,iBAAiB,QAAQ,UAAU,KAAK,IAAI,QAEhO,eAAe,CAChB;CACD,IAAI,iBAAiB,MAAM,YAAY,SAAS,OAAO;EACrD,IAAI,EAAE,aAAa,EAAE,OAAO,WAAW,QAAQ,iBAAiB;EAChE,MAAM,gBAAgB,WAAW;GAC/B,SAAS,SAAS,UAAU;IAC1B,IAEE,cAAc,UAAU,WAAW,SAAS,UAAU,UAAU,UAAU,SAAS,SAAS,UAAU,MAAM,SAAS,KAAK,UAAU,MAAM,SAAS,IACnJ;KACA,OAAO;IACT;IACA,OAAO;GACT,CAAC;GACD,UAAU,SAAS,WAAW;IAC5B,IAAI,CAAC,aAAa,WAAW,WAAW,UAAU,UAAU,WAAW,SAAS,UAAU,QAAQ,WAAW,UAAU,UAAU,SAAS,WAAW,QAAQ,UAAU,KAAK;KAC1K,OAAO;IACT;IACA,OAAO;GACT,CAAC;EACH,CAAC;CACH,GAAG,CAAC,CAAC;CACL,OAAuB,oBAAK,wBAAwB;EAClD;EACA,GAAG;EACH,UAA0B,oBAAK,qBAAqB,UAAU;GAC5D,OAAO;GACP,UAA0B,oBAAK,sBAAsB,UAAU;IAC7D,OAAO;IACP;GACF,CAAC;EACH,CAAC;CACH,CAAC;AACH;AACA,SAAS,0BAA0B;CACjC,OAAO,MAAM,WAAW,qBAAqB;AAC/C;AACA,SAAS,yBAAyB;CAChC,OAAO,MAAM,WAAW,oBAAoB;AAC9C;AACA,IAAI,kBAAkB;AACtB,SAAS,oBAAoB;CAC3B,IAAI,SAAS,MAAM,WAAW,qBAAqB;CACnD,IAAI,UAAU,MAAM;EAClB,MAAM,IAAI,MAAM,eAAe;CACjC;CACA,OAAO;AACT;AACA,SAAS,mBAAmB;CAC1B,IAAI,QAAQ,MAAM,WAAW,oBAAoB;CACjD,IAAI,SAAS,MAAM;EACjB,MAAM,IAAI,MAAM,eAAe;CACjC;CACA,OAAO;AACT;AACA,SAAS,mBAAmB,kBAAkB;CAC5C,OAAuB,sBAAM,WAAW,SAAS,OAAO,KAAK;EAC3D,IAAI,SAAS,kBAAkB;EAC/B,OAAuB,oBAAK,kBAAkB;GAC5C,GAAG;GACH;GACA;EACF,CAAC;CACH,CAAC;AACH;AACA,SAAS,cAAc;CACrB,OAAO,kBAAkB;AAC3B;AACA,IAAI,mBAAmB,sBAAsB;AAC7C,IAAI,kBAAkB"}
|
|
@@ -1,87 +1,65 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useSafeAreaInsets } from "./SafeAreaContext.mjs";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
4
5
|
const TOP = 8;
|
|
5
6
|
const RIGHT = 4;
|
|
6
7
|
const BOTTOM = 2;
|
|
7
8
|
const LEFT = 1;
|
|
8
9
|
const ALL = 15;
|
|
9
10
|
const edgeBitmaskMap = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
top: TOP,
|
|
12
|
+
right: RIGHT,
|
|
13
|
+
bottom: BOTTOM,
|
|
14
|
+
left: LEFT
|
|
14
15
|
};
|
|
15
|
-
const SafeAreaView = React.forwardRef(({
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
paddingBottom = paddingVertical,
|
|
62
|
-
paddingLeft = paddingHorizontal
|
|
63
|
-
} = flatStyle;
|
|
64
|
-
const paddingStyle = {
|
|
65
|
-
paddingTop: paddingTop + insetTop,
|
|
66
|
-
paddingRight: paddingRight + insetRight,
|
|
67
|
-
paddingBottom: paddingBottom + insetBottom,
|
|
68
|
-
paddingLeft: paddingLeft + insetLeft
|
|
69
|
-
};
|
|
70
|
-
const {
|
|
71
|
-
paddingVertical: _paddingVertical,
|
|
72
|
-
paddingHorizontal: _paddingHorizontal,
|
|
73
|
-
...domStyle
|
|
74
|
-
} = flatStyle;
|
|
75
|
-
return {
|
|
76
|
-
...domStyle,
|
|
77
|
-
...paddingStyle
|
|
78
|
-
};
|
|
79
|
-
}, [style, insets, mode, edgeBitmask]);
|
|
80
|
-
return /* @__PURE__ */jsx("div", {
|
|
81
|
-
...rest,
|
|
82
|
-
style: appliedStyle,
|
|
83
|
-
ref
|
|
84
|
-
});
|
|
16
|
+
const SafeAreaView = React.forwardRef(({ style = {}, mode, edges, ...rest }, ref) => {
|
|
17
|
+
const insets = useSafeAreaInsets();
|
|
18
|
+
const edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce((acc, edge) => acc | edgeBitmaskMap[edge], 0) : Object.keys(edges).reduce((acc, edge) => acc | edgeBitmaskMap[edge], 0) : ALL;
|
|
19
|
+
const appliedStyle = React.useMemo(() => {
|
|
20
|
+
const insetTop = edgeBitmask & TOP ? insets.top : 0;
|
|
21
|
+
const insetRight = edgeBitmask & RIGHT ? insets.right : 0;
|
|
22
|
+
const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
|
|
23
|
+
const insetLeft = edgeBitmask & LEFT ? insets.left : 0;
|
|
24
|
+
const flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce((result, value) => value ? Object.assign(result, value) : result, {});
|
|
25
|
+
if (mode === "margin") {
|
|
26
|
+
const { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle;
|
|
27
|
+
const marginStyle = {
|
|
28
|
+
marginTop: marginTop + insetTop,
|
|
29
|
+
marginRight: marginRight + insetRight,
|
|
30
|
+
marginBottom: marginBottom + insetBottom,
|
|
31
|
+
marginLeft: marginLeft + insetLeft
|
|
32
|
+
};
|
|
33
|
+
const { marginVertical: _marginVertical, marginHorizontal: _marginHorizontal, ...domStyle2 } = flatStyle;
|
|
34
|
+
return {
|
|
35
|
+
...domStyle2,
|
|
36
|
+
...marginStyle
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
const { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle;
|
|
40
|
+
const paddingStyle = {
|
|
41
|
+
paddingTop: paddingTop + insetTop,
|
|
42
|
+
paddingRight: paddingRight + insetRight,
|
|
43
|
+
paddingBottom: paddingBottom + insetBottom,
|
|
44
|
+
paddingLeft: paddingLeft + insetLeft
|
|
45
|
+
};
|
|
46
|
+
const { paddingVertical: _paddingVertical, paddingHorizontal: _paddingHorizontal, ...domStyle } = flatStyle;
|
|
47
|
+
return {
|
|
48
|
+
...domStyle,
|
|
49
|
+
...paddingStyle
|
|
50
|
+
};
|
|
51
|
+
}, [
|
|
52
|
+
style,
|
|
53
|
+
insets,
|
|
54
|
+
mode,
|
|
55
|
+
edgeBitmask
|
|
56
|
+
]);
|
|
57
|
+
return /* @__PURE__ */ jsx("div", {
|
|
58
|
+
...rest,
|
|
59
|
+
style: appliedStyle,
|
|
60
|
+
ref
|
|
61
|
+
});
|
|
85
62
|
});
|
|
63
|
+
|
|
86
64
|
export { SafeAreaView };
|
|
87
65
|
//# sourceMappingURL=SafeAreaView.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SafeAreaView.js","names":[],"sources":["esm/SafeAreaView.js"],"sourcesContent":["import * as React from \"react\";\nimport { useSafeAreaInsets } from \"./SafeAreaContext\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOP = 8;\nconst RIGHT = 4;\nconst BOTTOM = 2;\nconst LEFT = 1;\nconst ALL = 15;\nconst edgeBitmaskMap = {\n top: TOP,\n right: RIGHT,\n bottom: BOTTOM,\n left: LEFT\n};\nconst SafeAreaView = React.forwardRef(({ style = {}, mode, edges, ...rest }, ref) => {\n const insets = useSafeAreaInsets();\n const edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce((acc, edge) => acc | edgeBitmaskMap[edge], 0) : Object.keys(edges).reduce((acc, edge) => acc | edgeBitmaskMap[edge], 0) : ALL;\n const appliedStyle = React.useMemo(() => {\n const insetTop = edgeBitmask & TOP ? insets.top : 0;\n const insetRight = edgeBitmask & RIGHT ? insets.right : 0;\n const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;\n const insetLeft = edgeBitmask & LEFT ? insets.left : 0;\n const flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce(\n (result, value) => value ? Object.assign(result, value) : result,\n {}\n );\n if (mode === \"margin\") {\n const {\n margin = 0,\n marginVertical = margin,\n marginHorizontal = margin,\n marginTop = marginVertical,\n marginRight = marginHorizontal,\n marginBottom = marginVertical,\n marginLeft = marginHorizontal\n } = flatStyle;\n const marginStyle = {\n marginTop: marginTop + insetTop,\n marginRight: marginRight + insetRight,\n marginBottom: marginBottom + insetBottom,\n marginLeft: marginLeft + insetLeft\n };\n const {\n marginVertical: _marginVertical,\n marginHorizontal: _marginHorizontal,\n ...domStyle2\n } = flatStyle;\n return { ...domStyle2, ...marginStyle };\n }\n const {\n padding = 0,\n paddingVertical = padding,\n paddingHorizontal = padding,\n paddingTop = paddingVertical,\n paddingRight = paddingHorizontal,\n paddingBottom = paddingVertical,\n paddingLeft = paddingHorizontal\n } = flatStyle;\n const paddingStyle = {\n paddingTop: paddingTop + insetTop,\n paddingRight: paddingRight + insetRight,\n paddingBottom: paddingBottom + insetBottom,\n paddingLeft: paddingLeft + insetLeft\n };\n const {\n paddingVertical: _paddingVertical,\n paddingHorizontal: _paddingHorizontal,\n ...domStyle\n } = flatStyle;\n return { ...domStyle, ...paddingStyle };\n }, [style, insets, mode, edgeBitmask]);\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n ...rest,\n style: appliedStyle,\n ref\n }\n );\n});\nexport {\n SafeAreaView\n};\n//# sourceMappingURL=SafeAreaView.js.map\n"],"mappings":";;;;;AAGA,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,MAAM,iBAAiB;CACrB,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;AACR;AACA,MAAM,eAAe,MAAM,YAAY,EAAE,QAAQ,CAAC,GAAG,MAAM,OAAO,GAAG,QAAQ,QAAQ;CACnF,MAAM,SAAS,kBAAkB;CACjC,MAAM,cAAc,SAAS,OAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,KAAK,SAAS,MAAM,eAAe,OAAO,CAAC,IAAI,OAAO,KAAK,KAAK,CAAC,CAAC,QAAQ,KAAK,SAAS,MAAM,eAAe,OAAO,CAAC,IAAI;CAClM,MAAM,eAAe,MAAM,cAAc;EACvC,MAAM,WAAW,cAAc,MAAM,OAAO,MAAM;EAClD,MAAM,aAAa,cAAc,QAAQ,OAAO,QAAQ;EACxD,MAAM,cAAc,cAAc,SAAS,OAAO,SAAS;EAC3D,MAAM,YAAY,cAAc,OAAO,OAAO,OAAO;EACrD,MAAM,aAAa,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,OAAO,iBAAiB,IAAI,CAAC,KAAK,EAAC,CAAE,QACvF,QAAQ,UAAU,QAAQ,OAAO,OAAO,QAAQ,KAAK,IAAI,QAC1D,CAAC,CACH;EACA,IAAI,SAAS,UAAU;GACrB,MAAM,EACJ,SAAS,GACT,iBAAiB,QACjB,mBAAmB,QACnB,YAAY,gBACZ,cAAc,kBACd,eAAe,gBACf,aAAa,qBACX;GACJ,MAAM,cAAc;IAClB,WAAW,YAAY;IACvB,aAAa,cAAc;IAC3B,cAAc,eAAe;IAC7B,YAAY,aAAa;GAC3B;GACA,MAAM,EACJ,gBAAgB,iBAChB,kBAAkB,mBAClB,GAAG,cACD;GACJ,OAAO;IAAE,GAAG;IAAW,GAAG;GAAY;EACxC;EACA,MAAM,EACJ,UAAU,GACV,kBAAkB,SAClB,oBAAoB,SACpB,aAAa,iBACb,eAAe,mBACf,gBAAgB,iBAChB,cAAc,sBACZ;EACJ,MAAM,eAAe;GACnB,YAAY,aAAa;GACzB,cAAc,eAAe;GAC7B,eAAe,gBAAgB;GAC/B,aAAa,cAAc;EAC7B;EACA,MAAM,EACJ,iBAAiB,kBACjB,mBAAmB,oBACnB,GAAG,aACD;EACJ,OAAO;GAAE,GAAG;GAAU,GAAG;EAAa;CACxC,GAAG;EAAC;EAAO;EAAQ;EAAM;CAAW,CAAC;CACrC,OAAuB,oBACrB,OACA;EACE,GAAG;EACH,OAAO;EACP;CACF,CACF;AACF,CAAC"}
|
|
@@ -1,94 +1,72 @@
|
|
|
1
|
-
import { jsx
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { useSafeAreaInsets } from "./SafeAreaContext.native.js";
|
|
4
|
+
|
|
4
5
|
var TOP = 8;
|
|
5
6
|
var RIGHT = 4;
|
|
6
7
|
var BOTTOM = 2;
|
|
7
8
|
var LEFT = 1;
|
|
8
9
|
var ALL = 15;
|
|
9
10
|
var edgeBitmaskMap = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
top: TOP,
|
|
12
|
+
right: RIGHT,
|
|
13
|
+
bottom: BOTTOM,
|
|
14
|
+
left: LEFT
|
|
14
15
|
};
|
|
15
|
-
var SafeAreaView = /* @__PURE__ */React.forwardRef(function
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
paddingBottom = paddingVertical,
|
|
69
|
-
paddingLeft = paddingHorizontal
|
|
70
|
-
} = flatStyle;
|
|
71
|
-
var paddingStyle = {
|
|
72
|
-
paddingTop: paddingTop + insetTop,
|
|
73
|
-
paddingRight: paddingRight + insetRight,
|
|
74
|
-
paddingBottom: paddingBottom + insetBottom,
|
|
75
|
-
paddingLeft: paddingLeft + insetLeft
|
|
76
|
-
};
|
|
77
|
-
var {
|
|
78
|
-
paddingVertical: _paddingVertical,
|
|
79
|
-
paddingHorizontal: _paddingHorizontal,
|
|
80
|
-
...domStyle1
|
|
81
|
-
} = flatStyle;
|
|
82
|
-
return {
|
|
83
|
-
...domStyle1,
|
|
84
|
-
...paddingStyle
|
|
85
|
-
};
|
|
86
|
-
}, [style, insets, mode, edgeBitmask]);
|
|
87
|
-
return /* @__PURE__ */_jsx("div", {
|
|
88
|
-
...rest,
|
|
89
|
-
style: appliedStyle,
|
|
90
|
-
ref
|
|
91
|
-
});
|
|
16
|
+
var SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {
|
|
17
|
+
var { style = {}, mode, edges, ...rest } = param;
|
|
18
|
+
var insets = useSafeAreaInsets();
|
|
19
|
+
var edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {
|
|
20
|
+
return acc | edgeBitmaskMap[edge];
|
|
21
|
+
}, 0) : Object.keys(edges).reduce(function(acc, edge) {
|
|
22
|
+
return acc | edgeBitmaskMap[edge];
|
|
23
|
+
}, 0) : ALL;
|
|
24
|
+
var appliedStyle = React.useMemo(function() {
|
|
25
|
+
var insetTop = edgeBitmask & TOP ? insets.top : 0;
|
|
26
|
+
var insetRight = edgeBitmask & RIGHT ? insets.right : 0;
|
|
27
|
+
var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
|
|
28
|
+
var insetLeft = edgeBitmask & LEFT ? insets.left : 0;
|
|
29
|
+
var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce(function(result, value) {
|
|
30
|
+
return value ? Object.assign(result, value) : result;
|
|
31
|
+
}, {});
|
|
32
|
+
if (mode === "margin") {
|
|
33
|
+
var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle;
|
|
34
|
+
var marginStyle = {
|
|
35
|
+
marginTop: marginTop + insetTop,
|
|
36
|
+
marginRight: marginRight + insetRight,
|
|
37
|
+
marginBottom: marginBottom + insetBottom,
|
|
38
|
+
marginLeft: marginLeft + insetLeft
|
|
39
|
+
};
|
|
40
|
+
var { marginVertical: _marginVertical, marginHorizontal: _marginHorizontal, ...domStyle } = flatStyle;
|
|
41
|
+
return {
|
|
42
|
+
...domStyle,
|
|
43
|
+
...marginStyle
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle;
|
|
47
|
+
var paddingStyle = {
|
|
48
|
+
paddingTop: paddingTop + insetTop,
|
|
49
|
+
paddingRight: paddingRight + insetRight,
|
|
50
|
+
paddingBottom: paddingBottom + insetBottom,
|
|
51
|
+
paddingLeft: paddingLeft + insetLeft
|
|
52
|
+
};
|
|
53
|
+
var { paddingVertical: _paddingVertical, paddingHorizontal: _paddingHorizontal, ...domStyle1 } = flatStyle;
|
|
54
|
+
return {
|
|
55
|
+
...domStyle1,
|
|
56
|
+
...paddingStyle
|
|
57
|
+
};
|
|
58
|
+
}, [
|
|
59
|
+
style,
|
|
60
|
+
insets,
|
|
61
|
+
mode,
|
|
62
|
+
edgeBitmask
|
|
63
|
+
]);
|
|
64
|
+
return /* @__PURE__ */ jsx("div", {
|
|
65
|
+
...rest,
|
|
66
|
+
style: appliedStyle,
|
|
67
|
+
ref
|
|
68
|
+
});
|
|
92
69
|
});
|
|
70
|
+
|
|
93
71
|
export { SafeAreaView };
|
|
94
72
|
//# sourceMappingURL=SafeAreaView.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SafeAreaView.native.js","names":[],"sources":["esm/SafeAreaView.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { useSafeAreaInsets } from \"./SafeAreaContext\";\nvar TOP = 8;\nvar RIGHT = 4;\nvar BOTTOM = 2;\nvar LEFT = 1;\nvar ALL = 15;\nvar edgeBitmaskMap = {\n top: TOP,\n right: RIGHT,\n bottom: BOTTOM,\n left: LEFT\n};\nvar SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {\n var { style = {}, mode, edges, ...rest } = param;\n var insets = useSafeAreaInsets();\n var edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {\n return acc | edgeBitmaskMap[edge];\n }, 0) : Object.keys(edges).reduce(function(acc, edge) {\n return acc | edgeBitmaskMap[edge];\n }, 0) : ALL;\n var appliedStyle = React.useMemo(function() {\n var insetTop = edgeBitmask & TOP ? insets.top : 0;\n var insetRight = edgeBitmask & RIGHT ? insets.right : 0;\n var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;\n var insetLeft = edgeBitmask & LEFT ? insets.left : 0;\n var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [\n style\n ]).reduce(function(result, value) {\n return value ? Object.assign(result, value) : result;\n }, {});\n if (mode === \"margin\") {\n var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle;\n var marginStyle = {\n marginTop: marginTop + insetTop,\n marginRight: marginRight + insetRight,\n marginBottom: marginBottom + insetBottom,\n marginLeft: marginLeft + insetLeft\n };\n var { marginVertical: _marginVertical, marginHorizontal: _marginHorizontal, ...domStyle } = flatStyle;\n return {\n ...domStyle,\n ...marginStyle\n };\n }\n var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle;\n var paddingStyle = {\n paddingTop: paddingTop + insetTop,\n paddingRight: paddingRight + insetRight,\n paddingBottom: paddingBottom + insetBottom,\n paddingLeft: paddingLeft + insetLeft\n };\n var { paddingVertical: _paddingVertical, paddingHorizontal: _paddingHorizontal, ...domStyle1 } = flatStyle;\n return {\n ...domStyle1,\n ...paddingStyle\n };\n }, [\n style,\n insets,\n mode,\n edgeBitmask\n ]);\n return /* @__PURE__ */ _jsx(\"div\", {\n ...rest,\n style: appliedStyle,\n ref\n });\n});\nexport {\n SafeAreaView\n};\n//# sourceMappingURL=SafeAreaView.js.map\n"],"mappings":";;;;;AAGA,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,iBAAiB;CACnB,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;AACR;AACA,IAAI,eAA+B,sBAAM,WAAW,SAAS,OAAO,KAAK;CACvE,IAAI,EAAE,QAAQ,CAAC,GAAG,MAAM,OAAO,GAAG,SAAS;CAC3C,IAAI,SAAS,kBAAkB;CAC/B,IAAI,cAAc,SAAS,OAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,OAAO,SAAS,KAAK,MAAM;EACxF,OAAO,MAAM,eAAe;CAC9B,GAAG,CAAC,IAAI,OAAO,KAAK,KAAK,CAAC,CAAC,OAAO,SAAS,KAAK,MAAM;EACpD,OAAO,MAAM,eAAe;CAC9B,GAAG,CAAC,IAAI;CACR,IAAI,eAAe,MAAM,QAAQ,WAAW;EAC1C,IAAI,WAAW,cAAc,MAAM,OAAO,MAAM;EAChD,IAAI,aAAa,cAAc,QAAQ,OAAO,QAAQ;EACtD,IAAI,cAAc,cAAc,SAAS,OAAO,SAAS;EACzD,IAAI,YAAY,cAAc,OAAO,OAAO,OAAO;EACnD,IAAI,aAAa,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,OAAO,iBAAiB,IAAI,CAC7E,KACF,EAAC,CAAE,OAAO,SAAS,QAAQ,OAAO;GAChC,OAAO,QAAQ,OAAO,OAAO,QAAQ,KAAK,IAAI;EAChD,GAAG,CAAC,CAAC;EACL,IAAI,SAAS,UAAU;GACrB,IAAI,EAAE,SAAS,GAAG,iBAAiB,QAAQ,mBAAmB,QAAQ,YAAY,gBAAgB,cAAc,kBAAkB,eAAe,gBAAgB,aAAa,qBAAqB;GACnM,IAAI,cAAc;IAChB,WAAW,YAAY;IACvB,aAAa,cAAc;IAC3B,cAAc,eAAe;IAC7B,YAAY,aAAa;GAC3B;GACA,IAAI,EAAE,gBAAgB,iBAAiB,kBAAkB,mBAAmB,GAAG,aAAa;GAC5F,OAAO;IACL,GAAG;IACH,GAAG;GACL;EACF;EACA,IAAI,EAAE,UAAU,GAAG,kBAAkB,SAAS,oBAAoB,SAAS,aAAa,iBAAiB,eAAe,mBAAmB,gBAAgB,iBAAiB,cAAc,sBAAsB;EAChN,IAAI,eAAe;GACjB,YAAY,aAAa;GACzB,cAAc,eAAe;GAC7B,eAAe,gBAAgB;GAC/B,aAAa,cAAc;EAC7B;EACA,IAAI,EAAE,iBAAiB,kBAAkB,mBAAmB,oBAAoB,GAAG,cAAc;EACjG,OAAO;GACL,GAAG;GACH,GAAG;EACL;CACF,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,OAAO;EACjC,GAAG;EACH,OAAO;EACP;CACF,CAAC;AACH,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
function getWindowFrame() {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
return {
|
|
3
|
+
x: 0,
|
|
4
|
+
y: 0,
|
|
5
|
+
width: typeof window === "undefined" ? 0 : window.innerWidth,
|
|
6
|
+
height: typeof window === "undefined" ? 0 : window.innerHeight
|
|
7
|
+
};
|
|
8
8
|
}
|
|
9
|
+
|
|
9
10
|
export { getWindowFrame };
|
|
10
11
|
//# sourceMappingURL=getWindowFrame.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"getWindowFrame.js","names":[],"sources":["esm/getWindowFrame.js"],"sourcesContent":["function getWindowFrame() {\n return {\n x: 0,\n y: 0,\n width: typeof window === \"undefined\" ? 0 : window.innerWidth,\n height: typeof window === \"undefined\" ? 0 : window.innerHeight\n };\n}\nexport {\n getWindowFrame\n};\n//# sourceMappingURL=getWindowFrame.js.map\n"],"mappings":";AAAA,SAAS,iBAAiB;CACxB,OAAO;EACL,GAAG;EACH,GAAG;EACH,OAAO,OAAO,WAAW,cAAc,IAAI,OAAO;EAClD,QAAQ,OAAO,WAAW,cAAc,IAAI,OAAO;CACrD;AACF"}
|