@jxsuite/runtime 3.0.0 → 3.1.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/dist/runtime.js +35 -33
- package/dist/runtime.js.map +8 -7
- package/package.json +5 -4
- package/src/css.ts +119 -0
- package/src/runtime.ts +13 -99
package/dist/runtime.js
CHANGED
|
@@ -1384,6 +1384,40 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
|
|
|
1384
1384
|
return cRef;
|
|
1385
1385
|
}
|
|
1386
1386
|
|
|
1387
|
+
// src/css.ts
|
|
1388
|
+
function camelToKebab(s) {
|
|
1389
|
+
return s.replaceAll(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
|
|
1390
|
+
}
|
|
1391
|
+
var MEDIA_TYPES = new Set(["all", "print", "screen", "speech"]);
|
|
1392
|
+
function resolveAtQuery(atKey, mediaQueries) {
|
|
1393
|
+
if (atKey.startsWith("@--")) {
|
|
1394
|
+
return mediaQueries[atKey.slice(1)] ?? atKey.slice(1);
|
|
1395
|
+
}
|
|
1396
|
+
if (atKey.startsWith("@(")) {
|
|
1397
|
+
const inner = atKey.slice(2, -1).trim();
|
|
1398
|
+
return MEDIA_TYPES.has(inner.toLowerCase()) ? inner : atKey.slice(1);
|
|
1399
|
+
}
|
|
1400
|
+
return null;
|
|
1401
|
+
}
|
|
1402
|
+
var COLOR_SCHEME_ATTR = "data-color-scheme";
|
|
1403
|
+
var COLOR_SCHEME_STORAGE_KEY = "jx-color-scheme";
|
|
1404
|
+
function pureSchemeOf(query) {
|
|
1405
|
+
const m = /^\(\s*prefers-color-scheme\s*:\s*(light|dark)\s*\)$/.exec(query.trim());
|
|
1406
|
+
return m?.[1] ?? null;
|
|
1407
|
+
}
|
|
1408
|
+
function schemeSelectors(selector, scheme) {
|
|
1409
|
+
if (selector === ":root" || selector === "html") {
|
|
1410
|
+
return {
|
|
1411
|
+
auto: `${selector}:where(:not([${COLOR_SCHEME_ATTR}]))`,
|
|
1412
|
+
forced: `${selector}:where([${COLOR_SCHEME_ATTR}="${scheme}"])`
|
|
1413
|
+
};
|
|
1414
|
+
}
|
|
1415
|
+
return {
|
|
1416
|
+
auto: `:where(:root:not([${COLOR_SCHEME_ATTR}])) ${selector}`,
|
|
1417
|
+
forced: `:where(:root[${COLOR_SCHEME_ATTR}="${scheme}"]) ${selector}`
|
|
1418
|
+
};
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1387
1421
|
// ../schema/src/intl.ts
|
|
1388
1422
|
var DEFAULT_FORMAT_LOCALE = "en-US";
|
|
1389
1423
|
var DEFAULT_TIME_ZONE = "UTC";
|
|
@@ -3653,41 +3687,9 @@ function mergeProps(def2, parentState) {
|
|
|
3653
3687
|
}
|
|
3654
3688
|
return child;
|
|
3655
3689
|
}
|
|
3656
|
-
function camelToKebab(s) {
|
|
3657
|
-
return s.replaceAll(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
|
|
3658
|
-
}
|
|
3659
3690
|
function toCSSText(rules) {
|
|
3660
3691
|
return Object.entries(rules).filter(([k, v]) => !isNestedSelector(k) && (v === null || typeof v !== "object")).map(([p, v]) => `${camelToKebab(p)}: ${canvasStyleValue(String(v))}`).join("; ");
|
|
3661
3692
|
}
|
|
3662
|
-
var MEDIA_TYPES = new Set(["all", "print", "screen", "speech"]);
|
|
3663
|
-
function resolveAtQuery(atKey, mediaQueries) {
|
|
3664
|
-
if (atKey.startsWith("@--")) {
|
|
3665
|
-
return mediaQueries[atKey.slice(1)] ?? atKey.slice(1);
|
|
3666
|
-
}
|
|
3667
|
-
if (atKey.startsWith("@(")) {
|
|
3668
|
-
const inner = atKey.slice(2, -1).trim();
|
|
3669
|
-
return MEDIA_TYPES.has(inner.toLowerCase()) ? inner : atKey.slice(1);
|
|
3670
|
-
}
|
|
3671
|
-
return null;
|
|
3672
|
-
}
|
|
3673
|
-
var COLOR_SCHEME_ATTR = "data-color-scheme";
|
|
3674
|
-
var COLOR_SCHEME_STORAGE_KEY = "jx-color-scheme";
|
|
3675
|
-
function pureSchemeOf(query) {
|
|
3676
|
-
const m = /^\(\s*prefers-color-scheme\s*:\s*(light|dark)\s*\)$/.exec(query.trim());
|
|
3677
|
-
return m?.[1] ?? null;
|
|
3678
|
-
}
|
|
3679
|
-
function schemeSelectors(selector, scheme) {
|
|
3680
|
-
if (selector === ":root" || selector === "html") {
|
|
3681
|
-
return {
|
|
3682
|
-
auto: `${selector}:where(:not([${COLOR_SCHEME_ATTR}]))`,
|
|
3683
|
-
forced: `${selector}:where([${COLOR_SCHEME_ATTR}="${scheme}"])`
|
|
3684
|
-
};
|
|
3685
|
-
}
|
|
3686
|
-
return {
|
|
3687
|
-
auto: `:where(:root:not([${COLOR_SCHEME_ATTR}])) ${selector}`,
|
|
3688
|
-
forced: `:where(:root[${COLOR_SCHEME_ATTR}="${scheme}"]) ${selector}`
|
|
3689
|
-
};
|
|
3690
|
-
}
|
|
3691
3693
|
var _rootMedia = {};
|
|
3692
3694
|
var _elementDefs = new Map;
|
|
3693
3695
|
function setRootMedia(map) {
|
|
@@ -4000,5 +4002,5 @@ export {
|
|
|
4000
4002
|
transposeCanvasUnits
|
|
4001
4003
|
};
|
|
4002
4004
|
|
|
4003
|
-
//# debugId=
|
|
4005
|
+
//# debugId=899C7FD9D6AF1F1D64756E2164756E21
|
|
4004
4006
|
//# sourceMappingURL=runtime.js.map
|