@tamagui/react-native-web 2.7.7 → 3.0.0-beta.643.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/dist/cjs/Dimensions.cjs +82 -87
- package/dist/cjs/Dimensions.native.cjs +111 -0
- package/dist/cjs/Dimensions.native.js +87 -91
- package/dist/cjs/Dimensions.native.js.map +1 -1
- package/dist/cjs/index.cjs +44 -47
- package/dist/cjs/index.native.cjs +83 -0
- package/dist/cjs/index.native.js +51 -53
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/Dimensions.mjs +68 -69
- package/dist/esm/Dimensions.mjs.map +1 -1
- package/dist/esm/Dimensions.native.js +73 -74
- package/dist/esm/Dimensions.native.js.map +1 -1
- package/dist/esm/index.js +26 -24
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +26 -24
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +32 -30
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +5 -5
- package/types/Dimensions.d.ts.map +1 -1
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all) __defProp(target, name, {
|
|
10
|
+
get: all[name],
|
|
11
|
+
enumerable: true
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
var __copyProps = (to, from, except, desc) => {
|
|
15
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
16
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
return to;
|
|
22
|
+
};
|
|
23
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
24
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
25
|
+
var index_exports = {};
|
|
26
|
+
__export(index_exports, {
|
|
27
|
+
ActivityIndicator: () => ActivityIndicator,
|
|
28
|
+
Animated: () => Animated,
|
|
29
|
+
Image: () => Image,
|
|
30
|
+
Keyboard: () => Keyboard,
|
|
31
|
+
Linking: () => Linking,
|
|
32
|
+
PanResponder: () => PanResponder,
|
|
33
|
+
Platform: () => Platform,
|
|
34
|
+
Pressable: () => Pressable,
|
|
35
|
+
ScrollView: () => ScrollView,
|
|
36
|
+
StyleSheet: () => StyleSheet,
|
|
37
|
+
Switch: () => Switch,
|
|
38
|
+
Text: () => import_web.Text,
|
|
39
|
+
TextInput: () => TextInput,
|
|
40
|
+
View: () => import_web.View
|
|
41
|
+
});
|
|
42
|
+
module.exports = __toCommonJS(index_exports);
|
|
43
|
+
__reExport(index_exports, require("@tamagui/react-native-use-responder-events"), module.exports);
|
|
44
|
+
__reExport(index_exports, require("@tamagui/react-native-use-pressable"), module.exports);
|
|
45
|
+
var import_web = require("@tamagui/web");
|
|
46
|
+
var import_web2 = require("@tamagui/web");
|
|
47
|
+
__reExport(index_exports, require("./Dimensions.native.js"), module.exports);
|
|
48
|
+
var Platform = {
|
|
49
|
+
OS: "web",
|
|
50
|
+
select(obj) {
|
|
51
|
+
return obj.web;
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
var StyleSheet = { create(obj) {
|
|
55
|
+
return obj;
|
|
56
|
+
} };
|
|
57
|
+
var Pressable = function() {
|
|
58
|
+
return null;
|
|
59
|
+
};
|
|
60
|
+
var Animated = {
|
|
61
|
+
View: import_web2.View,
|
|
62
|
+
Text: import_web2.Text
|
|
63
|
+
};
|
|
64
|
+
var ActivityIndicator = function() {
|
|
65
|
+
return null;
|
|
66
|
+
};
|
|
67
|
+
var PanResponder = function() {
|
|
68
|
+
return null;
|
|
69
|
+
};
|
|
70
|
+
var Switch = function() {
|
|
71
|
+
return null;
|
|
72
|
+
};
|
|
73
|
+
var TextInput = function() {
|
|
74
|
+
return null;
|
|
75
|
+
};
|
|
76
|
+
var ScrollView = function() {
|
|
77
|
+
return null;
|
|
78
|
+
};
|
|
79
|
+
var Keyboard = {};
|
|
80
|
+
var Image = function() {
|
|
81
|
+
return null;
|
|
82
|
+
};
|
|
83
|
+
var Linking = {};
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -1,44 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
|
|
3
4
|
var __defProp = Object.defineProperty;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
8
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
for (var name in all) __defProp(target, name, {
|
|
10
|
+
get: all[name],
|
|
11
|
+
enumerable: true
|
|
12
|
+
});
|
|
12
13
|
};
|
|
13
14
|
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
16
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
return to;
|
|
21
22
|
};
|
|
22
23
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
23
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
24
|
-
value: true
|
|
25
|
-
}), mod);
|
|
24
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
26
25
|
var index_exports = {};
|
|
27
26
|
__export(index_exports, {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
27
|
+
ActivityIndicator: () => ActivityIndicator,
|
|
28
|
+
Animated: () => Animated,
|
|
29
|
+
Image: () => Image,
|
|
30
|
+
Keyboard: () => Keyboard,
|
|
31
|
+
Linking: () => Linking,
|
|
32
|
+
PanResponder: () => PanResponder,
|
|
33
|
+
Platform: () => Platform,
|
|
34
|
+
Pressable: () => Pressable,
|
|
35
|
+
ScrollView: () => ScrollView,
|
|
36
|
+
StyleSheet: () => StyleSheet,
|
|
37
|
+
Switch: () => Switch,
|
|
38
|
+
Text: () => import_web.Text,
|
|
39
|
+
TextInput: () => TextInput,
|
|
40
|
+
View: () => import_web.View
|
|
42
41
|
});
|
|
43
42
|
module.exports = __toCommonJS(index_exports);
|
|
44
43
|
__reExport(index_exports, require("@tamagui/react-native-use-responder-events"), module.exports);
|
|
@@ -47,41 +46,40 @@ var import_web = require("@tamagui/web");
|
|
|
47
46
|
var import_web2 = require("@tamagui/web");
|
|
48
47
|
__reExport(index_exports, require("./Dimensions.native.js"), module.exports);
|
|
49
48
|
var Platform = {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
};
|
|
55
|
-
var StyleSheet = {
|
|
56
|
-
create(obj) {
|
|
57
|
-
return obj;
|
|
58
|
-
}
|
|
49
|
+
OS: "web",
|
|
50
|
+
select(obj) {
|
|
51
|
+
return obj.web;
|
|
52
|
+
}
|
|
59
53
|
};
|
|
60
|
-
var
|
|
61
|
-
|
|
54
|
+
var StyleSheet = { create(obj) {
|
|
55
|
+
return obj;
|
|
56
|
+
} };
|
|
57
|
+
var Pressable = function() {
|
|
58
|
+
return null;
|
|
62
59
|
};
|
|
63
60
|
var Animated = {
|
|
64
|
-
|
|
65
|
-
|
|
61
|
+
View: import_web2.View,
|
|
62
|
+
Text: import_web2.Text
|
|
66
63
|
};
|
|
67
|
-
var ActivityIndicator = function
|
|
68
|
-
|
|
64
|
+
var ActivityIndicator = function() {
|
|
65
|
+
return null;
|
|
69
66
|
};
|
|
70
|
-
var PanResponder = function
|
|
71
|
-
|
|
67
|
+
var PanResponder = function() {
|
|
68
|
+
return null;
|
|
72
69
|
};
|
|
73
|
-
var Switch = function
|
|
74
|
-
|
|
70
|
+
var Switch = function() {
|
|
71
|
+
return null;
|
|
75
72
|
};
|
|
76
|
-
var TextInput = function
|
|
77
|
-
|
|
73
|
+
var TextInput = function() {
|
|
74
|
+
return null;
|
|
78
75
|
};
|
|
79
|
-
var ScrollView = function
|
|
80
|
-
|
|
76
|
+
var ScrollView = function() {
|
|
77
|
+
return null;
|
|
81
78
|
};
|
|
82
79
|
var Keyboard = {};
|
|
83
|
-
var Image = function
|
|
84
|
-
|
|
80
|
+
var Image = function() {
|
|
81
|
+
return null;
|
|
85
82
|
};
|
|
86
83
|
var Linking = {};
|
|
84
|
+
|
|
87
85
|
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\n__export(index_exports, {\n ActivityIndicator: () => ActivityIndicator,\n Animated: () => Animated,\n Image: () => Image,\n Keyboard: () => Keyboard,\n Linking: () => Linking,\n PanResponder: () => PanResponder,\n Platform: () => Platform,\n Pressable: () => Pressable,\n ScrollView: () => ScrollView,\n StyleSheet: () => StyleSheet,\n Switch: () => Switch,\n Text: () => import_web.Text,\n TextInput: () => TextInput,\n View: () => import_web.View\n});\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"@tamagui/react-native-use-responder-events\"), module.exports);\n__reExport(index_exports, require(\"@tamagui/react-native-use-pressable\"), module.exports);\nvar import_web = require(\"@tamagui/web\");\nvar import_web2 = require(\"@tamagui/web\");\n__reExport(index_exports, require(\"./Dimensions\"), module.exports);\nvar Platform = {\n OS: \"web\",\n select(obj) {\n return obj.web;\n }\n};\nvar StyleSheet = {\n create(obj) {\n return obj;\n }\n};\nvar Pressable = function() {\n return null;\n};\nvar Animated = {\n View: import_web2.View,\n Text: import_web2.Text\n};\nvar ActivityIndicator = function() {\n return null;\n};\nvar PanResponder = function() {\n return null;\n};\nvar Switch = function() {\n return null;\n};\nvar TextInput = function() {\n return null;\n};\nvar ScrollView = function() {\n return null;\n};\nvar Keyboard = {};\nvar Image = function() {\n return null;\n};\nvar Linking = {};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,SAAS,eAAe;CACtB,yBAAyB;CACzB,gBAAgB;CAChB,aAAa;CACb,gBAAgB;CAChB,eAAe;CACf,oBAAoB;CACpB,gBAAgB;CAChB,iBAAiB;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,cAAc;CACd,YAAY,WAAW;CACvB,iBAAiB;CACjB,YAAY,WAAW;AACzB,CAAC;AACD,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,4CAA4C,GAAG,OAAO,OAAO;AAC/F,WAAW,eAAe,QAAQ,qCAAqC,GAAG,OAAO,OAAO;AACxF,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,cAAc,QAAQ,cAAc;AACxC,WAAW,eAAe,QAAQ,wBAAc,GAAG,OAAO,OAAO;AACjE,IAAI,WAAW;CACb,IAAI;CACJ,OAAO,KAAK;EACV,OAAO,IAAI;CACb;AACF;AACA,IAAI,aAAa,EACf,OAAO,KAAK;CACV,OAAO;AACT,EACF;AACA,IAAI,YAAY,WAAW;CACzB,OAAO;AACT;AACA,IAAI,WAAW;CACb,MAAM,YAAY;CAClB,MAAM,YAAY;AACpB;AACA,IAAI,oBAAoB,WAAW;CACjC,OAAO;AACT;AACA,IAAI,eAAe,WAAW;CAC5B,OAAO;AACT;AACA,IAAI,SAAS,WAAW;CACtB,OAAO;AACT;AACA,IAAI,YAAY,WAAW;CACzB,OAAO;AACT;AACA,IAAI,aAAa,WAAW;CAC1B,OAAO;AACT;AACA,IAAI,WAAW,CAAC;AAChB,IAAI,QAAQ,WAAW;CACrB,OAAO;AACT;AACA,IAAI,UAAU,CAAC"}
|
package/dist/esm/Dimensions.mjs
CHANGED
|
@@ -1,84 +1,83 @@
|
|
|
1
1
|
const dimensions = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
window: {
|
|
3
|
+
fontScale: 1,
|
|
4
|
+
height: 0,
|
|
5
|
+
scale: 1,
|
|
6
|
+
width: 0
|
|
7
|
+
},
|
|
8
|
+
screen: {
|
|
9
|
+
fontScale: 1,
|
|
10
|
+
height: 0,
|
|
11
|
+
scale: 1,
|
|
12
|
+
width: 0
|
|
13
|
+
}
|
|
14
14
|
};
|
|
15
15
|
const listeners = {};
|
|
16
16
|
const canUseDOM = typeof window !== "undefined";
|
|
17
17
|
let shouldInit = canUseDOM;
|
|
18
18
|
function update() {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
19
|
+
if (!canUseDOM) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const win = window;
|
|
23
|
+
const docEl = win.document.documentElement;
|
|
24
|
+
dimensions.window = {
|
|
25
|
+
fontScale: 1,
|
|
26
|
+
height: docEl.clientHeight,
|
|
27
|
+
scale: win.devicePixelRatio || 1,
|
|
28
|
+
width: docEl.clientWidth
|
|
29
|
+
};
|
|
30
|
+
dimensions.screen = {
|
|
31
|
+
fontScale: 1,
|
|
32
|
+
height: win.screen.height,
|
|
33
|
+
scale: win.devicePixelRatio || 1,
|
|
34
|
+
width: win.screen.width
|
|
35
|
+
};
|
|
36
36
|
}
|
|
37
37
|
function handleResize() {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
update();
|
|
39
|
+
if (Array.isArray(listeners["change"])) {
|
|
40
|
+
listeners["change"].forEach((handler) => handler(dimensions));
|
|
41
|
+
}
|
|
42
42
|
}
|
|
43
43
|
const Dimensions = {
|
|
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
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
78
|
-
}
|
|
44
|
+
get(dimension) {
|
|
45
|
+
if (shouldInit) {
|
|
46
|
+
shouldInit = false;
|
|
47
|
+
update();
|
|
48
|
+
}
|
|
49
|
+
if (dimensions[dimension] === void 0) throw new Error(`No dimension set for key ${dimension}`);
|
|
50
|
+
return dimensions[dimension];
|
|
51
|
+
},
|
|
52
|
+
set(initialDimensions) {
|
|
53
|
+
if (initialDimensions) {
|
|
54
|
+
if (canUseDOM) {
|
|
55
|
+
throw new Error("Dimensions cannot be set in the browser");
|
|
56
|
+
}
|
|
57
|
+
if (initialDimensions.screen != null) {
|
|
58
|
+
dimensions.screen = initialDimensions.screen;
|
|
59
|
+
}
|
|
60
|
+
if (initialDimensions.window != null) {
|
|
61
|
+
dimensions.window = initialDimensions.window;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
addEventListener(type, handler) {
|
|
66
|
+
listeners[type] = listeners[type] || [];
|
|
67
|
+
listeners[type].push(handler);
|
|
68
|
+
return { remove: () => {
|
|
69
|
+
this.removeEventListener(type, handler);
|
|
70
|
+
} };
|
|
71
|
+
},
|
|
72
|
+
removeEventListener(type, handler) {
|
|
73
|
+
if (Array.isArray(listeners[type])) {
|
|
74
|
+
listeners[type] = listeners[type].filter((_handler) => _handler !== handler);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
79
77
|
};
|
|
80
78
|
if (canUseDOM) {
|
|
81
|
-
|
|
79
|
+
window.addEventListener("resize", handleResize, false);
|
|
82
80
|
}
|
|
81
|
+
|
|
83
82
|
export { Dimensions };
|
|
84
83
|
//# sourceMappingURL=Dimensions.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Dimensions.js","names":[],"sources":["esm/Dimensions.js"],"sourcesContent":["const dimensions = {\n window: {\n fontScale: 1,\n height: 0,\n scale: 1,\n width: 0\n },\n screen: {\n fontScale: 1,\n height: 0,\n scale: 1,\n width: 0\n }\n};\nconst listeners = {};\nconst canUseDOM = typeof window !== \"undefined\";\nlet shouldInit = canUseDOM;\nfunction update() {\n if (!canUseDOM) {\n return;\n }\n const win = window;\n const docEl = win.document.documentElement;\n dimensions.window = {\n fontScale: 1,\n height: docEl.clientHeight,\n scale: win.devicePixelRatio || 1,\n width: docEl.clientWidth\n };\n dimensions.screen = {\n fontScale: 1,\n height: win.screen.height,\n scale: win.devicePixelRatio || 1,\n width: win.screen.width\n };\n}\nfunction handleResize() {\n update();\n if (Array.isArray(listeners[\"change\"])) {\n listeners[\"change\"].forEach((handler) => handler(dimensions));\n }\n}\nconst Dimensions = {\n get(dimension) {\n if (shouldInit) {\n shouldInit = false;\n update();\n }\n if (dimensions[dimension] === void 0)\n throw new Error(`No dimension set for key ${dimension}`);\n return dimensions[dimension];\n },\n set(initialDimensions) {\n if (initialDimensions) {\n if (canUseDOM) {\n throw new Error(\"Dimensions cannot be set in the browser\");\n }\n if (initialDimensions.screen != null) {\n dimensions.screen = initialDimensions.screen;\n }\n if (initialDimensions.window != null) {\n dimensions.window = initialDimensions.window;\n }\n }\n },\n addEventListener(type, handler) {\n listeners[type] = listeners[type] || [];\n listeners[type].push(handler);\n return {\n remove: () => {\n this.removeEventListener(type, handler);\n }\n };\n },\n removeEventListener(type, handler) {\n if (Array.isArray(listeners[type])) {\n listeners[type] = listeners[type].filter((_handler) => _handler !== handler);\n }\n }\n};\nif (canUseDOM) {\n window.addEventListener(\"resize\", handleResize, false);\n}\nexport {\n Dimensions\n};\n//# sourceMappingURL=Dimensions.js.map\n"],"mappings":";AAAA,MAAM,aAAa;CACjB,QAAQ;EACN,WAAW;EACX,QAAQ;EACR,OAAO;EACP,OAAO;CACT;CACA,QAAQ;EACN,WAAW;EACX,QAAQ;EACR,OAAO;EACP,OAAO;CACT;AACF;AACA,MAAM,YAAY,CAAC;AACnB,MAAM,YAAY,OAAO,WAAW;AACpC,IAAI,aAAa;AACjB,SAAS,SAAS;CAChB,IAAI,CAAC,WAAW;EACd;CACF;CACA,MAAM,MAAM;CACZ,MAAM,QAAQ,IAAI,SAAS;CAC3B,WAAW,SAAS;EAClB,WAAW;EACX,QAAQ,MAAM;EACd,OAAO,IAAI,oBAAoB;EAC/B,OAAO,MAAM;CACf;CACA,WAAW,SAAS;EAClB,WAAW;EACX,QAAQ,IAAI,OAAO;EACnB,OAAO,IAAI,oBAAoB;EAC/B,OAAO,IAAI,OAAO;CACpB;AACF;AACA,SAAS,eAAe;CACtB,OAAO;CACP,IAAI,MAAM,QAAQ,UAAU,SAAS,GAAG;EACtC,UAAU,UAAU,SAAS,YAAY,QAAQ,UAAU,CAAC;CAC9D;AACF;AACA,MAAM,aAAa;CACjB,IAAI,WAAW;EACb,IAAI,YAAY;GACd,aAAa;GACb,OAAO;EACT;EACA,IAAI,WAAW,eAAe,KAAK,GACjC,MAAM,IAAI,MAAM,4BAA4B,WAAW;EACzD,OAAO,WAAW;CACpB;CACA,IAAI,mBAAmB;EACrB,IAAI,mBAAmB;GACrB,IAAI,WAAW;IACb,MAAM,IAAI,MAAM,yCAAyC;GAC3D;GACA,IAAI,kBAAkB,UAAU,MAAM;IACpC,WAAW,SAAS,kBAAkB;GACxC;GACA,IAAI,kBAAkB,UAAU,MAAM;IACpC,WAAW,SAAS,kBAAkB;GACxC;EACF;CACF;CACA,iBAAiB,MAAM,SAAS;EAC9B,UAAU,QAAQ,UAAU,SAAS,CAAC;EACtC,UAAU,MAAM,KAAK,OAAO;EAC5B,OAAO,EACL,cAAc;GACZ,KAAK,oBAAoB,MAAM,OAAO;EACxC,EACF;CACF;CACA,oBAAoB,MAAM,SAAS;EACjC,IAAI,MAAM,QAAQ,UAAU,KAAK,GAAG;GAClC,UAAU,QAAQ,UAAU,MAAM,QAAQ,aAAa,aAAa,OAAO;EAC7E;CACF;AACF;AACA,IAAI,WAAW;CACb,OAAO,iBAAiB,UAAU,cAAc,KAAK;AACvD"}
|
|
@@ -1,89 +1,88 @@
|
|
|
1
1
|
var dimensions = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
window: {
|
|
3
|
+
fontScale: 1,
|
|
4
|
+
height: 0,
|
|
5
|
+
scale: 1,
|
|
6
|
+
width: 0
|
|
7
|
+
},
|
|
8
|
+
screen: {
|
|
9
|
+
fontScale: 1,
|
|
10
|
+
height: 0,
|
|
11
|
+
scale: 1,
|
|
12
|
+
width: 0
|
|
13
|
+
}
|
|
14
14
|
};
|
|
15
15
|
var listeners = {};
|
|
16
16
|
var canUseDOM = typeof window !== "undefined";
|
|
17
17
|
var shouldInit = canUseDOM;
|
|
18
18
|
function update() {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
19
|
+
if (!canUseDOM) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
var win = window;
|
|
23
|
+
var docEl = win.document.documentElement;
|
|
24
|
+
dimensions.window = {
|
|
25
|
+
fontScale: 1,
|
|
26
|
+
height: docEl.clientHeight,
|
|
27
|
+
scale: win.devicePixelRatio || 1,
|
|
28
|
+
width: docEl.clientWidth
|
|
29
|
+
};
|
|
30
|
+
dimensions.screen = {
|
|
31
|
+
fontScale: 1,
|
|
32
|
+
height: win.screen.height,
|
|
33
|
+
scale: win.devicePixelRatio || 1,
|
|
34
|
+
width: win.screen.width
|
|
35
|
+
};
|
|
36
36
|
}
|
|
37
37
|
function handleResize() {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
38
|
+
update();
|
|
39
|
+
if (Array.isArray(listeners["change"])) {
|
|
40
|
+
listeners["change"].forEach(function(handler) {
|
|
41
|
+
return handler(dimensions);
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
44
|
}
|
|
45
45
|
var Dimensions = {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
}
|
|
46
|
+
get(dimension) {
|
|
47
|
+
if (shouldInit) {
|
|
48
|
+
shouldInit = false;
|
|
49
|
+
update();
|
|
50
|
+
}
|
|
51
|
+
if (dimensions[dimension] === void 0) throw new Error(`No dimension set for key ${dimension}`);
|
|
52
|
+
return dimensions[dimension];
|
|
53
|
+
},
|
|
54
|
+
set(initialDimensions) {
|
|
55
|
+
if (initialDimensions) {
|
|
56
|
+
if (canUseDOM) {
|
|
57
|
+
throw new Error("Dimensions cannot be set in the browser");
|
|
58
|
+
}
|
|
59
|
+
if (initialDimensions.screen != null) {
|
|
60
|
+
dimensions.screen = initialDimensions.screen;
|
|
61
|
+
}
|
|
62
|
+
if (initialDimensions.window != null) {
|
|
63
|
+
dimensions.window = initialDimensions.window;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
addEventListener(type, handler) {
|
|
68
|
+
var _this = this;
|
|
69
|
+
listeners[type] = listeners[type] || [];
|
|
70
|
+
listeners[type].push(handler);
|
|
71
|
+
return { remove: function() {
|
|
72
|
+
_this.removeEventListener(type, handler);
|
|
73
|
+
} };
|
|
74
|
+
},
|
|
75
|
+
removeEventListener(type, handler) {
|
|
76
|
+
if (Array.isArray(listeners[type])) {
|
|
77
|
+
listeners[type] = listeners[type].filter(function(_handler) {
|
|
78
|
+
return _handler !== handler;
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
}
|
|
84
82
|
};
|
|
85
83
|
if (canUseDOM) {
|
|
86
|
-
|
|
84
|
+
window.addEventListener("resize", handleResize, false);
|
|
87
85
|
}
|
|
86
|
+
|
|
88
87
|
export { Dimensions };
|
|
89
88
|
//# sourceMappingURL=Dimensions.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Dimensions.native.js","names":[],"sources":["esm/Dimensions.native.js"],"sourcesContent":["var dimensions = {\n window: {\n fontScale: 1,\n height: 0,\n scale: 1,\n width: 0\n },\n screen: {\n fontScale: 1,\n height: 0,\n scale: 1,\n width: 0\n }\n};\nvar listeners = {};\nvar canUseDOM = typeof window !== \"undefined\";\nvar shouldInit = canUseDOM;\nfunction update() {\n if (!canUseDOM) {\n return;\n }\n var win = window;\n var docEl = win.document.documentElement;\n dimensions.window = {\n fontScale: 1,\n height: docEl.clientHeight,\n scale: win.devicePixelRatio || 1,\n width: docEl.clientWidth\n };\n dimensions.screen = {\n fontScale: 1,\n height: win.screen.height,\n scale: win.devicePixelRatio || 1,\n width: win.screen.width\n };\n}\nfunction handleResize() {\n update();\n if (Array.isArray(listeners[\"change\"])) {\n listeners[\"change\"].forEach(function(handler) {\n return handler(dimensions);\n });\n }\n}\nvar Dimensions = {\n get(dimension) {\n if (shouldInit) {\n shouldInit = false;\n update();\n }\n if (dimensions[dimension] === void 0) throw new Error(`No dimension set for key ${dimension}`);\n return dimensions[dimension];\n },\n set(initialDimensions) {\n if (initialDimensions) {\n if (canUseDOM) {\n throw new Error(\"Dimensions cannot be set in the browser\");\n }\n if (initialDimensions.screen != null) {\n dimensions.screen = initialDimensions.screen;\n }\n if (initialDimensions.window != null) {\n dimensions.window = initialDimensions.window;\n }\n }\n },\n addEventListener(type, handler) {\n var _this = this;\n listeners[type] = listeners[type] || [];\n listeners[type].push(handler);\n return {\n remove: function() {\n _this.removeEventListener(type, handler);\n }\n };\n },\n removeEventListener(type, handler) {\n if (Array.isArray(listeners[type])) {\n listeners[type] = listeners[type].filter(function(_handler) {\n return _handler !== handler;\n });\n }\n }\n};\nif (canUseDOM) {\n window.addEventListener(\"resize\", handleResize, false);\n}\nexport {\n Dimensions\n};\n//# sourceMappingURL=Dimensions.js.map\n"],"mappings":";AAAA,IAAI,aAAa;CACf,QAAQ;EACN,WAAW;EACX,QAAQ;EACR,OAAO;EACP,OAAO;CACT;CACA,QAAQ;EACN,WAAW;EACX,QAAQ;EACR,OAAO;EACP,OAAO;CACT;AACF;AACA,IAAI,YAAY,CAAC;AACjB,IAAI,YAAY,OAAO,WAAW;AAClC,IAAI,aAAa;AACjB,SAAS,SAAS;CAChB,IAAI,CAAC,WAAW;EACd;CACF;CACA,IAAI,MAAM;CACV,IAAI,QAAQ,IAAI,SAAS;CACzB,WAAW,SAAS;EAClB,WAAW;EACX,QAAQ,MAAM;EACd,OAAO,IAAI,oBAAoB;EAC/B,OAAO,MAAM;CACf;CACA,WAAW,SAAS;EAClB,WAAW;EACX,QAAQ,IAAI,OAAO;EACnB,OAAO,IAAI,oBAAoB;EAC/B,OAAO,IAAI,OAAO;CACpB;AACF;AACA,SAAS,eAAe;CACtB,OAAO;CACP,IAAI,MAAM,QAAQ,UAAU,SAAS,GAAG;EACtC,UAAU,UAAU,QAAQ,SAAS,SAAS;GAC5C,OAAO,QAAQ,UAAU;EAC3B,CAAC;CACH;AACF;AACA,IAAI,aAAa;CACf,IAAI,WAAW;EACb,IAAI,YAAY;GACd,aAAa;GACb,OAAO;EACT;EACA,IAAI,WAAW,eAAe,KAAK,GAAG,MAAM,IAAI,MAAM,4BAA4B,WAAW;EAC7F,OAAO,WAAW;CACpB;CACA,IAAI,mBAAmB;EACrB,IAAI,mBAAmB;GACrB,IAAI,WAAW;IACb,MAAM,IAAI,MAAM,yCAAyC;GAC3D;GACA,IAAI,kBAAkB,UAAU,MAAM;IACpC,WAAW,SAAS,kBAAkB;GACxC;GACA,IAAI,kBAAkB,UAAU,MAAM;IACpC,WAAW,SAAS,kBAAkB;GACxC;EACF;CACF;CACA,iBAAiB,MAAM,SAAS;EAC9B,IAAI,QAAQ;EACZ,UAAU,QAAQ,UAAU,SAAS,CAAC;EACtC,UAAU,MAAM,KAAK,OAAO;EAC5B,OAAO,EACL,QAAQ,WAAW;GACjB,MAAM,oBAAoB,MAAM,OAAO;EACzC,EACF;CACF;CACA,oBAAoB,MAAM,SAAS;EACjC,IAAI,MAAM,QAAQ,UAAU,KAAK,GAAG;GAClC,UAAU,QAAQ,UAAU,MAAM,OAAO,SAAS,UAAU;IAC1D,OAAO,aAAa;GACtB,CAAC;EACH;CACF;AACF;AACA,IAAI,WAAW;CACb,OAAO,iBAAiB,UAAU,cAAc,KAAK;AACvD"}
|