@tamagui/react-native-media-driver 2.0.0-rc.4 → 2.0.0-rc.40
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/createMedia.cjs +16 -13
- package/dist/cjs/createMedia.native.js +16 -13
- package/dist/cjs/createMedia.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/cjs/matchMedia.cjs +13 -11
- package/dist/cjs/matchMedia.native.js +16 -14
- package/dist/cjs/matchMedia.native.js.map +1 -1
- package/dist/cjs/matchQuery.cjs +54 -37
- package/dist/cjs/matchQuery.native.js +89 -76
- package/dist/cjs/matchQuery.native.js.map +1 -1
- package/dist/cjs/mediaQueryList.cjs +19 -15
- package/dist/cjs/mediaQueryList.native.js +60 -39
- package/dist/cjs/mediaQueryList.native.js.map +1 -1
- package/dist/esm/createMedia.mjs +2 -1
- package/dist/esm/createMedia.mjs.map +1 -1
- package/dist/esm/createMedia.native.js +2 -1
- package/dist/esm/createMedia.native.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/matchMedia.mjs +1 -1
- package/dist/esm/matchMedia.mjs.map +1 -1
- package/dist/esm/matchQuery.mjs +42 -27
- package/dist/esm/matchQuery.mjs.map +1 -1
- package/dist/esm/matchQuery.native.js +77 -66
- package/dist/esm/matchQuery.native.js.map +1 -1
- package/dist/esm/mediaQueryList.mjs +5 -3
- package/dist/esm/mediaQueryList.mjs.map +1 -1
- package/dist/esm/mediaQueryList.native.js +46 -27
- package/dist/esm/mediaQueryList.native.js.map +1 -1
- package/package.json +7 -10
- package/types/createMedia.d.ts.map +2 -2
- package/types/index.d.ts.map +2 -2
- package/types/matchMedia.d.ts.map +4 -6
- package/types/matchMedia.native.d.ts.map +4 -6
- package/types/matchQuery.d.ts.map +2 -2
- package/types/mediaQueryList.d.ts.map +4 -6
- package/dist/cjs/createMedia.js +0 -24
- package/dist/cjs/createMedia.js.map +0 -6
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/matchMedia.js +0 -21
- package/dist/cjs/matchMedia.js.map +0 -6
- package/dist/cjs/matchQuery.js +0 -127
- package/dist/cjs/matchQuery.js.map +0 -6
- package/dist/cjs/mediaQueryList.js +0 -64
- package/dist/cjs/mediaQueryList.js.map +0 -6
- package/dist/esm/createMedia.js +0 -9
- package/dist/esm/createMedia.js.map +0 -6
- package/dist/esm/matchMedia.js +0 -5
- package/dist/esm/matchMedia.js.map +0 -6
- package/dist/esm/matchQuery.js +0 -111
- package/dist/esm/matchQuery.js.map +0 -6
- package/dist/esm/mediaQueryList.js +0 -49
- package/dist/esm/mediaQueryList.js.map +0 -6
package/dist/cjs/createMedia.cjs
CHANGED
|
@@ -3,28 +3,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var createMedia_exports = {};
|
|
22
24
|
__export(createMedia_exports, {
|
|
23
25
|
createMedia: () => createMedia
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(createMedia_exports);
|
|
26
|
-
var import_web = require("@tamagui/web")
|
|
27
|
-
|
|
28
|
+
var import_web = require("@tamagui/web");
|
|
29
|
+
var import_matchMedia = require("./matchMedia.cjs");
|
|
28
30
|
function createMedia(media) {
|
|
29
|
-
|
|
31
|
+
(0, import_web.setupMatchMedia)(import_matchMedia.matchMedia);
|
|
32
|
+
return media;
|
|
30
33
|
}
|
|
@@ -5,29 +5,32 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var createMedia_exports = {};
|
|
24
26
|
__export(createMedia_exports, {
|
|
25
27
|
createMedia: () => createMedia
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(createMedia_exports);
|
|
28
|
-
var import_web = require("@tamagui/web")
|
|
29
|
-
|
|
30
|
+
var import_web = require("@tamagui/web");
|
|
31
|
+
var import_matchMedia = require("./matchMedia.native.js");
|
|
30
32
|
function createMedia(media) {
|
|
31
|
-
|
|
33
|
+
(0, import_web.setupMatchMedia)(import_matchMedia.matchMedia);
|
|
34
|
+
return media;
|
|
32
35
|
}
|
|
33
36
|
//# sourceMappingURL=createMedia.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createMedia_exports","__export","createMedia","module","exports","import_web","require","import_matchMedia","media","setupMatchMedia","matchMedia"],"sources":["../../src/createMedia.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createMedia_exports","__export","createMedia","module","exports","import_web","require","import_matchMedia","media","setupMatchMedia","matchMedia"],"sources":["../../src/createMedia.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAgCT,YAAA,CAAAK,mBAAA;AAEhC,IAAAK,UAAA,GAAAC,OAA2B;AAMpB,IAAAC,iBAIL,GAAAD,OAAa;AAGb,SAAAJ,YAAAM,KAAA;EACA,IAAAH,UAAO,CAAAI,eAAA,EAAAF,iBAAA,CAAAG,UAAA;EACT,OAAAF,KAAA","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,6BADdH,MAAA,CAAAC,OAAA","ignoreList":[]}
|
package/dist/cjs/matchMedia.cjs
CHANGED
|
@@ -3,24 +3,26 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var matchMedia_exports = {};
|
|
22
24
|
__export(matchMedia_exports, {
|
|
23
25
|
matchMedia: () => matchMedia
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(matchMedia_exports);
|
|
26
|
-
const matchMedia = globalThis
|
|
28
|
+
const matchMedia = globalThis["matchMedia"];
|
|
@@ -5,28 +5,30 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var matchMedia_native_exports = {};
|
|
24
26
|
__export(matchMedia_native_exports, {
|
|
25
27
|
matchMedia: () => matchMedia
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(matchMedia_native_exports);
|
|
28
|
-
var import_mediaQueryList = require("./mediaQueryList.native.js")
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
var import_mediaQueryList = require("./mediaQueryList.native.js");
|
|
31
|
+
var matchMedia = function (query) {
|
|
32
|
+
return new import_mediaQueryList.NativeMediaQueryList(query);
|
|
33
|
+
};
|
|
32
34
|
//# sourceMappingURL=matchMedia.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["matchMedia_native_exports","__export","matchMedia","module","exports","__toCommonJS","import_mediaQueryList","require","query","NativeMediaQueryList"],"sources":["../../src/matchMedia.native.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["matchMedia_native_exports","__export","matchMedia","module","exports","__toCommonJS","import_mediaQueryList","require","query","NativeMediaQueryList"],"sources":["../../src/matchMedia.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,yBAAA;AAAA,IAAAM,qBAAA,GAAqCC,OAAA;AAC9B,IAAIL,UAAA,GAAa,SAAAA,CAASM,KAAA,EAAO;EACpC,OAAO,IAAIF,qBAAA,CAAAG,oBAAA,CAAqBD,KAAK;AACzC","ignoreList":[]}
|
package/dist/cjs/matchQuery.cjs
CHANGED
|
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var matchQuery_exports = {};
|
|
22
24
|
__export(matchQuery_exports, {
|
|
@@ -24,23 +26,27 @@ __export(matchQuery_exports, {
|
|
|
24
26
|
parseQuery: () => parseQuery
|
|
25
27
|
});
|
|
26
28
|
module.exports = __toCommonJS(matchQuery_exports);
|
|
27
|
-
const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s()]+)(?:\s*and)?\s*)?(.+)?/i
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s()]+)(?:\s*and)?\s*)?(.+)?/i;
|
|
30
|
+
const RE_MQ_EXPRESSION = /\(\s*([^\s:)]+)\s*(?::\s*([^\s)]+))?\s*\)/;
|
|
31
|
+
const RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/;
|
|
32
|
+
const RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/;
|
|
33
|
+
const RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
|
|
32
34
|
function matchQuery(mediaQuery, values) {
|
|
33
35
|
return parseQuery(mediaQuery).some(query => {
|
|
34
36
|
if (!query) return;
|
|
35
|
-
const inverse = query.inverse
|
|
36
|
-
|
|
37
|
-
if (typeMatch && inverse || !(typeMatch || inverse))
|
|
37
|
+
const inverse = query.inverse;
|
|
38
|
+
const typeMatch = query.type === "all" || values.type === query.type;
|
|
39
|
+
if (typeMatch && inverse || !(typeMatch || inverse)) {
|
|
40
|
+
return false;
|
|
41
|
+
}
|
|
38
42
|
const expressionsMatch = query.expressions.every(expression => {
|
|
39
|
-
const feature = expression.feature
|
|
40
|
-
|
|
41
|
-
let expValue = expression.value
|
|
42
|
-
|
|
43
|
-
if (!value)
|
|
43
|
+
const feature = expression.feature;
|
|
44
|
+
const modifier = expression.modifier;
|
|
45
|
+
let expValue = expression.value;
|
|
46
|
+
let value = values[feature];
|
|
47
|
+
if (!value) {
|
|
48
|
+
return false;
|
|
49
|
+
}
|
|
44
50
|
switch (feature) {
|
|
45
51
|
case "orientation":
|
|
46
52
|
case "scan":
|
|
@@ -49,22 +55,26 @@ function matchQuery(mediaQuery, values) {
|
|
|
49
55
|
case "height":
|
|
50
56
|
case "device-width":
|
|
51
57
|
case "device-height":
|
|
52
|
-
expValue = toPx(expValue)
|
|
58
|
+
expValue = toPx(expValue);
|
|
59
|
+
value = toPx(value);
|
|
53
60
|
break;
|
|
54
61
|
case "resolution":
|
|
55
|
-
expValue = toDpi(expValue)
|
|
62
|
+
expValue = toDpi(expValue);
|
|
63
|
+
value = toDpi(value);
|
|
56
64
|
break;
|
|
57
65
|
case "aspect-ratio":
|
|
58
66
|
case "device-aspect-ratio":
|
|
59
67
|
case /* Deprecated */
|
|
60
68
|
"device-pixel-ratio":
|
|
61
|
-
expValue = toDecimal(expValue)
|
|
69
|
+
expValue = toDecimal(expValue);
|
|
70
|
+
value = toDecimal(value);
|
|
62
71
|
break;
|
|
63
72
|
case "grid":
|
|
64
73
|
case "color":
|
|
65
74
|
case "color-index":
|
|
66
75
|
case "monochrome":
|
|
67
|
-
expValue = Number.parseInt(expValue, 10) || 1
|
|
76
|
+
expValue = Number.parseInt(expValue, 10) || 1;
|
|
77
|
+
value = Number.parseInt(value, 10) || 0;
|
|
68
78
|
break;
|
|
69
79
|
}
|
|
70
80
|
switch (modifier) {
|
|
@@ -84,15 +94,16 @@ function parseQuery(mediaQuery) {
|
|
|
84
94
|
query = query.trim();
|
|
85
95
|
const captures = query.match(RE_MEDIA_QUERY);
|
|
86
96
|
if (!captures) return null;
|
|
87
|
-
const modifier = captures[1]
|
|
88
|
-
|
|
89
|
-
|
|
97
|
+
const modifier = captures[1];
|
|
98
|
+
const type = captures[2];
|
|
99
|
+
const expressionsCapture = captures[3] || "";
|
|
100
|
+
const expressions = expressionsCapture.match(/\([^)]+\)/g) || [];
|
|
90
101
|
return {
|
|
91
102
|
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
92
103
|
type: type ? type.toLowerCase() : "all",
|
|
93
104
|
expressions: expressions.map(expression => {
|
|
94
|
-
const captures2 = expression.match(RE_MQ_EXPRESSION)
|
|
95
|
-
|
|
105
|
+
const captures2 = expression.match(RE_MQ_EXPRESSION);
|
|
106
|
+
const feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
|
|
96
107
|
return {
|
|
97
108
|
modifier: feature[1],
|
|
98
109
|
feature: feature[2],
|
|
@@ -103,13 +114,18 @@ function parseQuery(mediaQuery) {
|
|
|
103
114
|
});
|
|
104
115
|
}
|
|
105
116
|
function toDecimal(ratio) {
|
|
106
|
-
let decimal = Number(ratio)
|
|
107
|
-
|
|
108
|
-
|
|
117
|
+
let decimal = Number(ratio);
|
|
118
|
+
let numbers;
|
|
119
|
+
if (!decimal) {
|
|
120
|
+
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
|
|
121
|
+
decimal = numbers[1] / numbers[2];
|
|
122
|
+
}
|
|
123
|
+
return decimal;
|
|
109
124
|
}
|
|
110
125
|
function toDpi(resolution) {
|
|
111
126
|
const value = Number.parseFloat(resolution);
|
|
112
|
-
|
|
127
|
+
const units = String(resolution).match(RE_RESOLUTION_UNIT)?.[1];
|
|
128
|
+
switch (units) {
|
|
113
129
|
case "dpcm":
|
|
114
130
|
return value / 2.54;
|
|
115
131
|
case "dppx":
|
|
@@ -120,7 +136,8 @@ function toDpi(resolution) {
|
|
|
120
136
|
}
|
|
121
137
|
function toPx(length) {
|
|
122
138
|
const value = Number.parseFloat(length);
|
|
123
|
-
|
|
139
|
+
const units = String(length).match(RE_LENGTH_UNIT)?.[1];
|
|
140
|
+
switch (units) {
|
|
124
141
|
case "em":
|
|
125
142
|
return value * 16;
|
|
126
143
|
case "rem":
|
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var matchQuery_exports = {};
|
|
24
26
|
__export(matchQuery_exports, {
|
|
@@ -26,60 +28,67 @@ __export(matchQuery_exports, {
|
|
|
26
28
|
parseQuery: () => parseQuery
|
|
27
29
|
});
|
|
28
30
|
module.exports = __toCommonJS(matchQuery_exports);
|
|
29
|
-
var RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s()]+)(?:\s*and)?\s*)?(.+)?/i
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
var RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s()]+)(?:\s*and)?\s*)?(.+)?/i;
|
|
32
|
+
var RE_MQ_EXPRESSION = /\(\s*([^\s:)]+)\s*(?::\s*([^\s)]+))?\s*\)/;
|
|
33
|
+
var RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/;
|
|
34
|
+
var RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/;
|
|
35
|
+
var RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
|
|
34
36
|
function matchQuery(mediaQuery, values) {
|
|
35
37
|
return parseQuery(mediaQuery).some(function (query) {
|
|
36
|
-
if (query)
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
var feature = expression.feature,
|
|
42
|
-
modifier = expression.modifier,
|
|
43
|
-
expValue = expression.value,
|
|
44
|
-
value = values[feature];
|
|
45
|
-
if (!value) return !1;
|
|
46
|
-
switch (feature) {
|
|
47
|
-
case "orientation":
|
|
48
|
-
case "scan":
|
|
49
|
-
return value.toLowerCase() === expValue.toLowerCase();
|
|
50
|
-
case "width":
|
|
51
|
-
case "height":
|
|
52
|
-
case "device-width":
|
|
53
|
-
case "device-height":
|
|
54
|
-
expValue = toPx(expValue), value = toPx(value);
|
|
55
|
-
break;
|
|
56
|
-
case "resolution":
|
|
57
|
-
expValue = toDpi(expValue), value = toDpi(value);
|
|
58
|
-
break;
|
|
59
|
-
case "aspect-ratio":
|
|
60
|
-
case "device-aspect-ratio":
|
|
61
|
-
case /* Deprecated */
|
|
62
|
-
"device-pixel-ratio":
|
|
63
|
-
expValue = toDecimal(expValue), value = toDecimal(value);
|
|
64
|
-
break;
|
|
65
|
-
case "grid":
|
|
66
|
-
case "color":
|
|
67
|
-
case "color-index":
|
|
68
|
-
case "monochrome":
|
|
69
|
-
expValue = Number.parseInt(expValue, 10) || 1, value = Number.parseInt(value, 10) || 0;
|
|
70
|
-
break;
|
|
71
|
-
}
|
|
72
|
-
switch (modifier) {
|
|
73
|
-
case "min":
|
|
74
|
-
return value >= expValue;
|
|
75
|
-
case "max":
|
|
76
|
-
return value <= expValue;
|
|
77
|
-
default:
|
|
78
|
-
return value === expValue;
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
return expressionsMatch && !inverse || !expressionsMatch && inverse;
|
|
38
|
+
if (!query) return;
|
|
39
|
+
var inverse = query.inverse;
|
|
40
|
+
var typeMatch = query.type === "all" || values.type === query.type;
|
|
41
|
+
if (typeMatch && inverse || !(typeMatch || inverse)) {
|
|
42
|
+
return false;
|
|
82
43
|
}
|
|
44
|
+
var expressionsMatch = query.expressions.every(function (expression) {
|
|
45
|
+
var feature = expression.feature;
|
|
46
|
+
var modifier = expression.modifier;
|
|
47
|
+
var expValue = expression.value;
|
|
48
|
+
var value = values[feature];
|
|
49
|
+
if (!value) {
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
switch (feature) {
|
|
53
|
+
case "orientation":
|
|
54
|
+
case "scan":
|
|
55
|
+
return value.toLowerCase() === expValue.toLowerCase();
|
|
56
|
+
case "width":
|
|
57
|
+
case "height":
|
|
58
|
+
case "device-width":
|
|
59
|
+
case "device-height":
|
|
60
|
+
expValue = toPx(expValue);
|
|
61
|
+
value = toPx(value);
|
|
62
|
+
break;
|
|
63
|
+
case "resolution":
|
|
64
|
+
expValue = toDpi(expValue);
|
|
65
|
+
value = toDpi(value);
|
|
66
|
+
break;
|
|
67
|
+
case "aspect-ratio":
|
|
68
|
+
case "device-aspect-ratio":
|
|
69
|
+
case /* Deprecated */
|
|
70
|
+
"device-pixel-ratio":
|
|
71
|
+
expValue = toDecimal(expValue);
|
|
72
|
+
value = toDecimal(value);
|
|
73
|
+
break;
|
|
74
|
+
case "grid":
|
|
75
|
+
case "color":
|
|
76
|
+
case "color-index":
|
|
77
|
+
case "monochrome":
|
|
78
|
+
expValue = Number.parseInt(expValue, 10) || 1;
|
|
79
|
+
value = Number.parseInt(value, 10) || 0;
|
|
80
|
+
break;
|
|
81
|
+
}
|
|
82
|
+
switch (modifier) {
|
|
83
|
+
case "min":
|
|
84
|
+
return value >= expValue;
|
|
85
|
+
case "max":
|
|
86
|
+
return value <= expValue;
|
|
87
|
+
default:
|
|
88
|
+
return value === expValue;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
return expressionsMatch && !inverse || !expressionsMatch && inverse;
|
|
83
92
|
});
|
|
84
93
|
}
|
|
85
94
|
function parseQuery(mediaQuery) {
|
|
@@ -87,16 +96,16 @@ function parseQuery(mediaQuery) {
|
|
|
87
96
|
query = query.trim();
|
|
88
97
|
var captures = query.match(RE_MEDIA_QUERY);
|
|
89
98
|
if (!captures) return null;
|
|
90
|
-
var modifier = captures[1]
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
99
|
+
var modifier = captures[1];
|
|
100
|
+
var type = captures[2];
|
|
101
|
+
var expressionsCapture = captures[3] || "";
|
|
102
|
+
var expressions = expressionsCapture.match(/\([^)]+\)/g) || [];
|
|
94
103
|
return {
|
|
95
104
|
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
96
105
|
type: type ? type.toLowerCase() : "all",
|
|
97
106
|
expressions: expressions.map(function (expression) {
|
|
98
|
-
var captures2 = expression.match(RE_MQ_EXPRESSION)
|
|
99
|
-
|
|
107
|
+
var captures2 = expression.match(RE_MQ_EXPRESSION);
|
|
108
|
+
var feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
|
|
100
109
|
return {
|
|
101
110
|
modifier: feature[1],
|
|
102
111
|
feature: feature[2],
|
|
@@ -107,14 +116,18 @@ function parseQuery(mediaQuery) {
|
|
|
107
116
|
});
|
|
108
117
|
}
|
|
109
118
|
function toDecimal(ratio) {
|
|
110
|
-
var decimal = Number(ratio)
|
|
111
|
-
|
|
112
|
-
|
|
119
|
+
var decimal = Number(ratio);
|
|
120
|
+
var numbers;
|
|
121
|
+
if (!decimal) {
|
|
122
|
+
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
|
|
123
|
+
decimal = numbers[1] / numbers[2];
|
|
124
|
+
}
|
|
125
|
+
return decimal;
|
|
113
126
|
}
|
|
114
127
|
function toDpi(resolution) {
|
|
115
|
-
var _String_match
|
|
116
|
-
|
|
117
|
-
|
|
128
|
+
var _String_match;
|
|
129
|
+
var value = Number.parseFloat(resolution);
|
|
130
|
+
var units = (_String_match = String(resolution).match(RE_RESOLUTION_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
|
|
118
131
|
switch (units) {
|
|
119
132
|
case "dpcm":
|
|
120
133
|
return value / 2.54;
|
|
@@ -125,9 +138,9 @@ function toDpi(resolution) {
|
|
|
125
138
|
}
|
|
126
139
|
}
|
|
127
140
|
function toPx(length) {
|
|
128
|
-
var _String_match
|
|
129
|
-
|
|
130
|
-
|
|
141
|
+
var _String_match;
|
|
142
|
+
var value = Number.parseFloat(length);
|
|
143
|
+
var units = (_String_match = String(length).match(RE_LENGTH_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
|
|
131
144
|
switch (units) {
|
|
132
145
|
case "em":
|
|
133
146
|
return value * 16;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","matchQuery_exports","__export","matchQuery","parseQuery","module","exports","RE_MEDIA_QUERY","RE_MQ_EXPRESSION","RE_MQ_FEATURE","RE_LENGTH_UNIT","RE_RESOLUTION_UNIT","mediaQuery","values","some","query","inverse","typeMatch","type","expressionsMatch","expressions","every","expression","feature","modifier","expValue","toLowerCase","toPx","toDpi","toDecimal","Number","parseInt","split","map","trim","captures","match","expressionsCapture","captures2","ratio","decimal","numbers","resolution","_String_match","parseFloat","units","String","length"],"sources":["../../src/matchQuery.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","matchQuery_exports","__export","matchQuery","parseQuery","module","exports","RE_MEDIA_QUERY","RE_MQ_EXPRESSION","RE_MQ_FEATURE","RE_LENGTH_UNIT","RE_RESOLUTION_UNIT","mediaQuery","values","some","query","inverse","typeMatch","type","expressionsMatch","expressions","every","expression","feature","modifier","expValue","toLowerCase","toPx","toDpi","toDecimal","Number","parseInt","split","map","trim","captures","match","expressionsCapture","captures2","ratio","decimal","numbers","resolution","_String_match","parseFloat","units","String","length"],"sources":["../../src/matchQuery.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|