@tamagui/web 1.113.1 → 1.113.2
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/esm/Tamagui.native.js +50 -41
- package/dist/esm/Tamagui.native.js.map +6 -1
- package/dist/esm/_withStableStyle.native.js +9 -11
- package/dist/esm/_withStableStyle.native.js.map +6 -1
- package/dist/esm/config.native.js +74 -75
- package/dist/esm/config.native.js.map +6 -1
- package/dist/esm/constants/accessibilityDirectMap.native.js +8 -6
- package/dist/esm/constants/accessibilityDirectMap.native.js.map +6 -1
- package/dist/esm/constants/constants.native.js +19 -17
- package/dist/esm/constants/constants.native.js.map +6 -1
- package/dist/esm/constants/isDevTools.native.js +10 -6
- package/dist/esm/constants/isDevTools.native.js.map +6 -1
- package/dist/esm/constants/webToNativeProps.native.js +162 -84
- package/dist/esm/constants/webToNativeProps.native.js.map +6 -1
- package/dist/esm/contexts/ComponentContext.native.js +5 -3
- package/dist/esm/contexts/ComponentContext.native.js.map +6 -1
- package/dist/esm/createComponent.native.js +300 -405
- package/dist/esm/createComponent.native.js.map +6 -1
- package/dist/esm/createFont.native.js +41 -24
- package/dist/esm/createFont.native.js.map +6 -1
- package/dist/esm/createShorthands.native.js +4 -2
- package/dist/esm/createShorthands.native.js.map +6 -1
- package/dist/esm/createTamagui.native.js +158 -177
- package/dist/esm/createTamagui.native.js.map +6 -1
- package/dist/esm/createTheme.native.js +5 -3
- package/dist/esm/createTheme.native.js.map +6 -1
- package/dist/esm/createTokens.native.js +5 -3
- package/dist/esm/createTokens.native.js.map +6 -1
- package/dist/esm/createVariable.native.js +35 -29
- package/dist/esm/createVariable.native.js.map +6 -1
- package/dist/esm/createVariables.native.js +29 -34
- package/dist/esm/createVariables.native.js.map +6 -1
- package/dist/esm/defaultComponentState.native.js +20 -18
- package/dist/esm/defaultComponentState.native.js.map +6 -1
- package/dist/esm/helpers/ThemeManager.native.js +101 -95
- package/dist/esm/helpers/ThemeManager.native.js.map +6 -1
- package/dist/esm/helpers/ThemeManagerContext.native.js +5 -3
- package/dist/esm/helpers/ThemeManagerContext.native.js.map +6 -1
- package/dist/esm/helpers/createMediaStyle.native.js +49 -64
- package/dist/esm/helpers/createMediaStyle.native.js.map +6 -1
- package/dist/esm/helpers/createShallowSetState.native.js +17 -9
- package/dist/esm/helpers/createShallowSetState.native.js.map +6 -1
- package/dist/esm/helpers/createStyledContext.native.js +25 -31
- package/dist/esm/helpers/createStyledContext.native.js.map +6 -1
- package/dist/esm/helpers/defaultOffset.native.js +4 -2
- package/dist/esm/helpers/defaultOffset.native.js.map +6 -1
- package/dist/esm/helpers/expandStyle.native.js +84 -39
- package/dist/esm/helpers/expandStyle.native.js.map +6 -1
- package/dist/esm/helpers/expandStyles.native.js +17 -15
- package/dist/esm/helpers/expandStyles.native.js.map +6 -1
- package/dist/esm/helpers/getExpandedShorthands.native.js +7 -4
- package/dist/esm/helpers/getExpandedShorthands.native.js.map +6 -1
- package/dist/esm/helpers/getFontLanguage.native.js +5 -3
- package/dist/esm/helpers/getFontLanguage.native.js.map +6 -1
- package/dist/esm/helpers/getGroupPropParts.native.js +6 -7
- package/dist/esm/helpers/getGroupPropParts.native.js.map +6 -1
- package/dist/esm/helpers/getSplitStyles.native.js +398 -436
- package/dist/esm/helpers/getSplitStyles.native.js.map +6 -1
- package/dist/esm/helpers/getStylesAtomic.native.js +8 -7
- package/dist/esm/helpers/getStylesAtomic.native.js.map +6 -1
- package/dist/esm/helpers/getThemeCSSRules.native.js +3 -1
- package/dist/esm/helpers/getThemeCSSRules.native.js.map +6 -1
- package/dist/esm/helpers/getVariantExtras.native.js +34 -33
- package/dist/esm/helpers/getVariantExtras.native.js.map +6 -1
- package/dist/esm/helpers/insertStyleRule.native.js +111 -123
- package/dist/esm/helpers/insertStyleRule.native.js.map +6 -1
- package/dist/esm/helpers/isActivePlatform.native.js +5 -4
- package/dist/esm/helpers/isActivePlatform.native.js.map +6 -1
- package/dist/esm/helpers/isObj.native.js +5 -3
- package/dist/esm/helpers/isObj.native.js.map +6 -1
- package/dist/esm/helpers/isTamaguiComponent.native.js +4 -2
- package/dist/esm/helpers/isTamaguiComponent.native.js.map +6 -1
- package/dist/esm/helpers/isTamaguiElement.native.js +7 -5
- package/dist/esm/helpers/isTamaguiElement.native.js.map +6 -1
- package/dist/esm/helpers/log.native.js +7 -4
- package/dist/esm/helpers/log.native.js.map +6 -1
- package/dist/esm/helpers/matchMedia.native.js +14 -9
- package/dist/esm/helpers/matchMedia.native.js.map +6 -1
- package/dist/esm/helpers/mergeProps.native.js +13 -9
- package/dist/esm/helpers/mergeProps.native.js.map +6 -1
- package/dist/esm/helpers/mergeVariants.native.js +7 -7
- package/dist/esm/helpers/mergeVariants.native.js.map +6 -1
- package/dist/esm/helpers/normalizeColor.native.js +24 -20
- package/dist/esm/helpers/normalizeColor.native.js.map +6 -1
- package/dist/esm/helpers/normalizeShadow.native.js +7 -15
- package/dist/esm/helpers/normalizeShadow.native.js.map +6 -1
- package/dist/esm/helpers/normalizeStyle.native.js +12 -13
- package/dist/esm/helpers/normalizeStyle.native.js.map +6 -1
- package/dist/esm/helpers/normalizeStylePropKeys.native.js +3 -1
- package/dist/esm/helpers/normalizeStylePropKeys.native.js.map +6 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js +12 -9
- package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +6 -1
- package/dist/esm/helpers/objectIdentityKey.native.js +11 -6
- package/dist/esm/helpers/objectIdentityKey.native.js.map +6 -1
- package/dist/esm/helpers/propMapper.native.js +206 -227
- package/dist/esm/helpers/propMapper.native.js.map +6 -1
- package/dist/esm/helpers/proxyThemeToParents.native.js +27 -39
- package/dist/esm/helpers/proxyThemeToParents.native.js.map +6 -1
- package/dist/esm/helpers/proxyThemeVariables.native.js +5 -3
- package/dist/esm/helpers/proxyThemeVariables.native.js.map +6 -1
- package/dist/esm/helpers/pseudoDescriptors.native.js +46 -44
- package/dist/esm/helpers/pseudoDescriptors.native.js.map +6 -1
- package/dist/esm/helpers/registerCSSVariable.native.js +13 -11
- package/dist/esm/helpers/registerCSSVariable.native.js.map +6 -1
- package/dist/esm/helpers/setElementProps.native.js +6 -3
- package/dist/esm/helpers/setElementProps.native.js.map +6 -1
- package/dist/esm/helpers/skipProps.native.js +5 -3
- package/dist/esm/helpers/skipProps.native.js.map +6 -1
- package/dist/esm/helpers/sortString.native.js +5 -3
- package/dist/esm/helpers/sortString.native.js.map +6 -1
- package/dist/esm/helpers/subscribeToContextGroup.native.js +18 -27
- package/dist/esm/helpers/subscribeToContextGroup.native.js.map +6 -1
- package/dist/esm/helpers/themeable.native.js +24 -31
- package/dist/esm/helpers/themeable.native.js.map +6 -1
- package/dist/esm/helpers/themes.native.js +5 -3
- package/dist/esm/helpers/themes.native.js.map +6 -1
- package/dist/esm/helpers/timer.native.js +5 -3
- package/dist/esm/helpers/timer.native.js.map +6 -1
- package/dist/esm/helpers/transformsToString.native.js +13 -11
- package/dist/esm/helpers/transformsToString.native.js.map +6 -1
- package/dist/esm/helpers/webPropsToSkip.native.js +3 -1
- package/dist/esm/helpers/webPropsToSkip.native.js.map +6 -1
- package/dist/esm/hooks/useComponentState.native.js +32 -66
- package/dist/esm/hooks/useComponentState.native.js.map +6 -1
- package/dist/esm/hooks/useConfiguration.native.js +8 -14
- package/dist/esm/hooks/useConfiguration.native.js.map +6 -1
- package/dist/esm/hooks/useDidHydrateOnce.native.js +15 -14
- package/dist/esm/hooks/useDidHydrateOnce.native.js.map +6 -1
- package/dist/esm/hooks/useDisableSSR.native.js +5 -3
- package/dist/esm/hooks/useDisableSSR.native.js.map +6 -1
- package/dist/esm/hooks/useIsTouchDevice.native.js +5 -3
- package/dist/esm/hooks/useIsTouchDevice.native.js.map +6 -1
- package/dist/esm/hooks/useMedia.native.js +104 -106
- package/dist/esm/hooks/useMedia.native.js.map +6 -1
- package/dist/esm/hooks/useProps.native.js +42 -41
- package/dist/esm/hooks/useProps.native.js.map +6 -1
- package/dist/esm/hooks/useTheme.native.js +231 -253
- package/dist/esm/hooks/useTheme.native.js.map +6 -1
- package/dist/esm/hooks/useThemeName.native.js +16 -12
- package/dist/esm/hooks/useThemeName.native.js.map +6 -1
- package/dist/esm/index.native.js +78 -61
- package/dist/esm/index.native.js.map +6 -1
- package/dist/esm/inject-styles.native.js +12 -15
- package/dist/esm/inject-styles.native.js.map +6 -1
- package/dist/esm/insertFont.native.js +32 -24
- package/dist/esm/insertFont.native.js.map +6 -1
- package/dist/esm/interfaces/CSSColorNames.native.js +1 -2
- package/dist/esm/interfaces/CSSColorNames.native.js.map +6 -1
- package/dist/esm/interfaces/GetRef.native.js +1 -2
- package/dist/esm/interfaces/GetRef.native.js.map +6 -1
- package/dist/esm/interfaces/KeyTypes.native.js +1 -2
- package/dist/esm/interfaces/KeyTypes.native.js.map +6 -1
- package/dist/esm/interfaces/RNExclusiveTypes.native.js +1 -2
- package/dist/esm/interfaces/RNExclusiveTypes.native.js.map +6 -1
- package/dist/esm/interfaces/Role.native.js +1 -2
- package/dist/esm/interfaces/Role.native.js.map +6 -1
- package/dist/esm/interfaces/TamaguiComponentEvents.native.js +1 -2
- package/dist/esm/interfaces/TamaguiComponentEvents.native.js.map +6 -1
- package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.native.js +1 -2
- package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.native.js.map +6 -1
- package/dist/esm/interfaces/TamaguiComponentState.native.js +1 -2
- package/dist/esm/interfaces/TamaguiComponentState.native.js.map +6 -1
- package/dist/esm/interfaces/WebOnlyPressEvents.native.js +1 -2
- package/dist/esm/interfaces/WebOnlyPressEvents.native.js.map +6 -1
- package/dist/esm/setupHooks.native.js +5 -2
- package/dist/esm/setupHooks.native.js.map +6 -1
- package/dist/esm/setupReactNative.native.js +13 -5
- package/dist/esm/setupReactNative.native.js.map +6 -1
- package/dist/esm/styled.native.js +50 -66
- package/dist/esm/styled.native.js.map +6 -1
- package/dist/esm/type-utils.native.js +1 -2
- package/dist/esm/type-utils.native.js.map +6 -1
- package/dist/esm/types.native.js +3 -3
- package/dist/esm/types.native.js.map +6 -1
- package/dist/esm/views/Configuration.native.js +7 -5
- package/dist/esm/views/Configuration.native.js.map +6 -1
- package/dist/esm/views/FontLanguage.native.js +11 -11
- package/dist/esm/views/FontLanguage.native.js.map +6 -1
- package/dist/esm/views/FontLanguage.types.native.js +1 -2
- package/dist/esm/views/FontLanguage.types.native.js.map +6 -1
- package/dist/esm/views/Slot.native.js +31 -33
- package/dist/esm/views/Slot.native.js.map +6 -1
- package/dist/esm/views/Stack.native.js +6 -4
- package/dist/esm/views/Stack.native.js.map +6 -1
- package/dist/esm/views/TamaguiProvider.native.js +39 -40
- package/dist/esm/views/TamaguiProvider.native.js.map +6 -1
- package/dist/esm/views/Text.native.js +30 -27
- package/dist/esm/views/Text.native.js.map +6 -1
- package/dist/esm/views/Theme.native.js +54 -76
- package/dist/esm/views/Theme.native.js.map +6 -1
- package/dist/esm/views/ThemeDebug.native.js +4 -6
- package/dist/esm/views/ThemeDebug.native.js.map +6 -1
- package/dist/esm/views/ThemeProvider.native.js +16 -12
- package/dist/esm/views/ThemeProvider.native.js.map +6 -1
- package/dist/esm/views/View.native.js +6 -4
- package/dist/esm/views/View.native.js.map +6 -1
- package/package.json +11 -11
|
@@ -1,36 +1,31 @@
|
|
|
1
1
|
import { simpleHash } from "@tamagui/helpers";
|
|
2
|
-
import { createVariable, isVariable } from "./createVariable
|
|
3
|
-
var cache = /* @__PURE__ */new WeakMap(),
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
isPrefixed = keyIn[0] === "$",
|
|
14
|
-
keyWithPrefix = isPrefixed ? keyIn : `$${keyIn}`,
|
|
15
|
-
key = isPrefixed ? keyWithPrefix.slice(1) : keyIn;
|
|
16
|
-
if (isVariable(val)) {
|
|
17
|
-
res[key] = val;
|
|
18
|
-
continue;
|
|
19
|
-
}
|
|
20
|
-
var niceKey = simpleHash(key, 1e3),
|
|
21
|
-
name = parentPath && parentPath !== "t-color" ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
|
|
22
|
-
if (val && typeof val == "object") {
|
|
23
|
-
res[key] = createVariables(tokens[key], name, !1);
|
|
24
|
-
continue;
|
|
25
|
-
}
|
|
26
|
-
var finalValue = isVariable(val) ? val : createVariable({
|
|
27
|
-
val,
|
|
28
|
-
name,
|
|
29
|
-
key: keyWithPrefix
|
|
30
|
-
});
|
|
31
|
-
res[key] = finalValue;
|
|
2
|
+
import { createVariable, isVariable } from "./createVariable";
|
|
3
|
+
var cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
|
|
4
|
+
var parentPath = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", isFont = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
|
|
5
|
+
if (cache.has(tokens)) return tokens;
|
|
6
|
+
var res = {}, i = 0;
|
|
7
|
+
for (var keyIn in tokens) {
|
|
8
|
+
i++;
|
|
9
|
+
var val = tokens[keyIn], isPrefixed = keyIn[0] === "$", keyWithPrefix = isPrefixed ? keyIn : `$${keyIn}`, key = isPrefixed ? keyWithPrefix.slice(1) : keyIn;
|
|
10
|
+
if (isVariable(val)) {
|
|
11
|
+
res[key] = val;
|
|
12
|
+
continue;
|
|
32
13
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
14
|
+
var niceKey = simpleHash(key, 1e3), name = parentPath && parentPath !== "t-color" ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
|
|
15
|
+
if (val && typeof val == "object") {
|
|
16
|
+
res[key] = createVariables(tokens[key], name, !1);
|
|
17
|
+
continue;
|
|
18
|
+
}
|
|
19
|
+
var finalValue = isVariable(val) ? val : createVariable({
|
|
20
|
+
val,
|
|
21
|
+
name,
|
|
22
|
+
key: keyWithPrefix
|
|
23
|
+
});
|
|
24
|
+
res[key] = finalValue;
|
|
25
|
+
}
|
|
26
|
+
return cache.set(res, !0), res;
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
createVariables
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=createVariables.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/core/web/src/createVariables.ts"],
|
|
4
|
+
"mappings": "AAAA,SAASA,kBAAkB;AAG3B,SAASC,gBAAgBC,kBAAkB;AAc3C,IAAMC,QAAQ,oBAAIC,QAAAA,GAILC,kBAAkB,SAC7BC,QAAAA;MACAC,aAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAa,IACbC,SAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAS;AAET,MAAIL,MAAMM,IAAIH,MAAAA,EAAS,QAAOA;AAE9B,MAAMI,MAAW,CAAC,GACdC,IAAI;AACR,WAASC,SAASN,QAAQ;AACxBK;AACA,QAAME,MAAMP,OAAOM,KAAAA,GACbE,aAAaF,MAAM,CAAA,MAAO,KAC1BG,gBAAgBD,aAAaF,QAAQ,IAAIA,KAAAA,IACzCI,MAAMF,aAAaC,cAAcE,MAAM,CAAA,IAAKL;AAElD,QAAIV,WAAWW,GAAAA,GAAM;AACnBH,UAAIM,GAAAA,IAAOH;AACX;IACF;AACA,QAAMK,UAAUlB,WAAWgB,KAAK,GAAA,GAC1BG,OACJZ,cAAcA,eAAe,YAAY,GAAGA,UAAAA,IAAcW,OAAAA,KAAY,KAAKA,OAAAA;AAE7E,QAAIL,OAAO,OAAOA,OAAQ,UAAU;AAElCH,UAAIM,GAAAA,IAAOX,gBACTC,OAAOU,GAAAA,GACPG,MACA,EAAA;AAEF;IACF;AACA,QAAMC,aAAalB,WAAWW,GAAAA,IAC1BA,MACAZ,eAAe;MAAEY;MAAKM;MAAMH,KAAKD;IAAc,CAAA;AACnDL,QAAIM,GAAAA,IAAOI;EACb;AAEAjB,eAAMkB,IAAIX,KAAK,EAAA,GACRA;AACT;",
|
|
5
|
+
"names": ["simpleHash", "createVariable", "isVariable", "cache", "WeakMap", "createVariables", "tokens", "parentPath", "isFont", "has", "res", "i", "keyIn", "val", "isPrefixed", "keyWithPrefix", "key", "slice", "niceKey", "name", "finalValue", "set"]
|
|
6
|
+
}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
var defaultComponentState = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
2
|
+
hover: !1,
|
|
3
|
+
press: !1,
|
|
4
|
+
pressIn: !1,
|
|
5
|
+
focus: !1,
|
|
6
|
+
focusVisible: !1,
|
|
7
|
+
unmounted: !0,
|
|
8
|
+
disabled: !1
|
|
9
|
+
}, defaultComponentStateMounted = {
|
|
10
|
+
...defaultComponentState,
|
|
11
|
+
unmounted: !1
|
|
12
|
+
}, defaultComponentStateShouldEnter = {
|
|
13
|
+
...defaultComponentState,
|
|
14
|
+
unmounted: "should-enter"
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
defaultComponentState,
|
|
18
|
+
defaultComponentStateMounted,
|
|
19
|
+
defaultComponentStateShouldEnter
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=defaultComponentState.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/core/web/src/defaultComponentState.tsx"],
|
|
4
|
+
"mappings": "AAEO,IAAMA,wBAA+C;EAC1DC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,OAAO;EACPC,cAAc;EACdC,WAAW;EACXC,UAAU;AACZ,GAEaC,+BAAsD;EACjE,GAAGR;EACHM,WAAW;AACb,GAEaG,mCAA0D;EACrE,GAAGT;EACHM,WAAW;AACb;",
|
|
5
|
+
"names": ["defaultComponentState", "hover", "press", "pressIn", "focus", "focusVisible", "unmounted", "disabled", "defaultComponentStateMounted", "defaultComponentStateShouldEnter"]
|
|
6
|
+
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { isClient, isWeb } from "@tamagui/constants";
|
|
2
|
-
import { getThemes } from "../config
|
|
3
|
-
import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from "../constants/constants
|
|
2
|
+
import { getThemes } from "../config";
|
|
3
|
+
import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from "../constants/constants";
|
|
4
4
|
function _class_call_check(instance, Constructor) {
|
|
5
|
-
if (!(instance instanceof Constructor))
|
|
5
|
+
if (!(instance instanceof Constructor))
|
|
6
|
+
throw new TypeError("Cannot call a class as a function");
|
|
6
7
|
}
|
|
7
8
|
function _defineProperties(target, props) {
|
|
8
9
|
for (var i = 0; i < props.length; i++) {
|
|
@@ -27,36 +28,39 @@ var emptyState = {
|
|
|
27
28
|
function getHasThemeUpdatingProps(props) {
|
|
28
29
|
return !!(props.name || props.componentName || props.inverse || props.reset);
|
|
29
30
|
}
|
|
30
|
-
var uid = 0,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
if (_class_call_check(this, ThemeManager2), _define_property(this, "props", void 0), _define_property(this, "id", void 0), _define_property(this, "themeListeners", void 0), _define_property(this, "parentManager", void 0), _define_property(this, "state", void 0), _define_property(this, "_allKeys", void 0), _define_property(this, "_selfListener", void 0), this.props = props, this.id = 0, this.themeListeners = /* @__PURE__ */new Set(), this.parentManager = null, this.state = emptyState, this._allKeys = null, uid = (uid + 1) % Number.MAX_VALUE, this.id = uid, parentManager === "root") {
|
|
38
|
-
this.updateStateFromProps(props, !1);
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (!parentManager) throw process.env.NODE_ENV !== "production" ? new Error("No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions. It could also be from an error somewhere else in your stack causing Tamagui to recieve undefined context, you can try putting some ErrorBoundary components around other areas of your app, or a Suspense boundary.") : "\u274C 000";
|
|
42
|
-
if (this.parentManager = parentManager, !this.updateStateFromProps(props, !1)) return parentManager;
|
|
31
|
+
var uid = 0, ThemeManager = /* @__PURE__ */ function() {
|
|
32
|
+
"use strict";
|
|
33
|
+
function ThemeManager2() {
|
|
34
|
+
var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, parentManager = arguments.length > 1 ? arguments[1] : void 0;
|
|
35
|
+
if (_class_call_check(this, ThemeManager2), _define_property(this, "props", void 0), _define_property(this, "id", void 0), _define_property(this, "themeListeners", void 0), _define_property(this, "parentManager", void 0), _define_property(this, "state", void 0), _define_property(this, "_allKeys", void 0), _define_property(this, "_selfListener", void 0), this.props = props, this.id = 0, this.themeListeners = /* @__PURE__ */ new Set(), this.parentManager = null, this.state = emptyState, this._allKeys = null, uid = (uid + 1) % Number.MAX_VALUE, this.id = uid, parentManager === "root") {
|
|
36
|
+
this.updateStateFromProps(props, !1);
|
|
37
|
+
return;
|
|
43
38
|
}
|
|
44
|
-
|
|
39
|
+
if (!parentManager)
|
|
40
|
+
throw process.env.NODE_ENV !== "production" ? new Error("No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions. It could also be from an error somewhere else in your stack causing Tamagui to recieve undefined context, you can try putting some ErrorBoundary components around other areas of your app, or a Suspense boundary.") : "\u274C 000";
|
|
41
|
+
if (this.parentManager = parentManager, !this.updateStateFromProps(props, !1))
|
|
42
|
+
return parentManager;
|
|
43
|
+
}
|
|
44
|
+
return _create_class(ThemeManager2, [
|
|
45
|
+
{
|
|
45
46
|
key: "updateStateFromProps",
|
|
46
|
-
value: function
|
|
47
|
-
var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props || {},
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
value: function() {
|
|
48
|
+
var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props || {}, shouldNotify = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
|
|
49
|
+
if (this.props = props, props.forceTheme)
|
|
50
|
+
return this.state.theme = props.forceTheme, this.state.name = props.name || "", this.updateState(this.state, !0), this.state;
|
|
50
51
|
var nextState = this.getStateIfChanged(props);
|
|
51
|
-
if (nextState)
|
|
52
|
+
if (nextState)
|
|
53
|
+
return this.updateState(nextState, shouldNotify), nextState;
|
|
52
54
|
}
|
|
53
|
-
},
|
|
55
|
+
},
|
|
56
|
+
{
|
|
54
57
|
key: "updateState",
|
|
55
|
-
value: function
|
|
58
|
+
value: function(nextState) {
|
|
56
59
|
var shouldNotify = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
|
|
57
60
|
this.state = nextState, this._allKeys = null;
|
|
58
61
|
}
|
|
59
|
-
},
|
|
62
|
+
},
|
|
63
|
+
{
|
|
60
64
|
// if (shouldNotify) {
|
|
61
65
|
// if (process.env.TAMAGUI_TARGET === 'native') {
|
|
62
66
|
// // native is way slower with queueMicrotask
|
|
@@ -69,102 +73,101 @@ var uid = 0,
|
|
|
69
73
|
// }
|
|
70
74
|
// }
|
|
71
75
|
key: "getStateIfChanged",
|
|
72
|
-
value: function
|
|
73
|
-
var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
if (this.getStateShouldChange(_, state)) return _;
|
|
76
|
+
value: function() {
|
|
77
|
+
var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props, state = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.state, parentManager = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.parentManager, _ = this.getState(props, parentManager);
|
|
78
|
+
if (state && state !== emptyState && !_)
|
|
79
|
+
return parentManager?.state;
|
|
80
|
+
if (this.getStateShouldChange(_, state))
|
|
81
|
+
return _;
|
|
79
82
|
}
|
|
80
|
-
},
|
|
83
|
+
},
|
|
84
|
+
{
|
|
81
85
|
key: "getStateShouldChange",
|
|
82
|
-
value: function
|
|
86
|
+
value: function(nextState) {
|
|
83
87
|
var state = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.state;
|
|
84
88
|
return !(!nextState?.theme || nextState.theme === state?.theme);
|
|
85
89
|
}
|
|
86
|
-
},
|
|
90
|
+
},
|
|
91
|
+
{
|
|
87
92
|
key: "getState",
|
|
88
|
-
value: function
|
|
89
|
-
var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props,
|
|
90
|
-
parentManager = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.parentManager,
|
|
91
|
-
next = getState(props, parentManager) || parentManager?.state || null;
|
|
93
|
+
value: function() {
|
|
94
|
+
var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props, parentManager = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.parentManager, next = getState(props, parentManager) || parentManager?.state || null;
|
|
92
95
|
return next;
|
|
93
96
|
}
|
|
94
|
-
},
|
|
97
|
+
},
|
|
98
|
+
{
|
|
95
99
|
key: "allKeys",
|
|
96
|
-
get: function
|
|
100
|
+
get: function() {
|
|
97
101
|
var _this_parentManager;
|
|
98
|
-
return this._allKeys || (this._allKeys = /* @__PURE__ */new Set([
|
|
102
|
+
return this._allKeys || (this._allKeys = /* @__PURE__ */ new Set([
|
|
103
|
+
...((_this_parentManager = this.parentManager) === null || _this_parentManager === void 0 ? void 0 : _this_parentManager.allKeys) || [],
|
|
104
|
+
...Object.keys(this.state.theme || {})
|
|
105
|
+
])), this._allKeys;
|
|
99
106
|
}
|
|
100
|
-
},
|
|
107
|
+
},
|
|
108
|
+
{
|
|
101
109
|
key: "notify",
|
|
102
|
-
value: function
|
|
103
|
-
var _this = this,
|
|
104
|
-
|
|
105
|
-
if (this.themeListeners.forEach(function (cb) {
|
|
110
|
+
value: function() {
|
|
111
|
+
var _this = this, forced = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
|
|
112
|
+
if (this.themeListeners.forEach(function(cb) {
|
|
106
113
|
return cb(_this.state.name, _this, forced);
|
|
107
114
|
}), process.env.NODE_ENV !== "production") {
|
|
108
115
|
var _numChangeEventsSent, _this_;
|
|
109
116
|
(_this_ = this[_numChangeEventsSent = "_numChangeEventsSent"]) !== null && _this_ !== void 0 || (this[_numChangeEventsSent] = 0), this._numChangeEventsSent++;
|
|
110
117
|
}
|
|
111
118
|
}
|
|
112
|
-
},
|
|
119
|
+
},
|
|
120
|
+
{
|
|
113
121
|
key: "selfUpdate",
|
|
114
|
-
value: function
|
|
122
|
+
value: function() {
|
|
115
123
|
var _this__selfListener, _this;
|
|
116
124
|
(_this__selfListener = (_this = this)._selfListener) === null || _this__selfListener === void 0 || _this__selfListener.call(_this, this.state.name, this, "self");
|
|
117
125
|
}
|
|
118
|
-
},
|
|
126
|
+
},
|
|
127
|
+
{
|
|
119
128
|
key: "onChangeTheme",
|
|
120
|
-
value: function
|
|
129
|
+
value: function(cb, debugId) {
|
|
121
130
|
var _this = this;
|
|
122
131
|
if (process.env.NODE_ENV !== "production" && debugId) {
|
|
123
132
|
var _this__listeningIds;
|
|
124
|
-
(_this__listeningIds = this._listeningIds) !== null && _this__listeningIds !== void 0 || (this._listeningIds = /* @__PURE__ */new Set()), this._listeningIds.add(debugId);
|
|
133
|
+
(_this__listeningIds = this._listeningIds) !== null && _this__listeningIds !== void 0 || (this._listeningIds = /* @__PURE__ */ new Set()), this._listeningIds.add(debugId);
|
|
125
134
|
}
|
|
126
|
-
return debugId === !0 && (this._selfListener = cb), this.themeListeners.add(cb), function
|
|
135
|
+
return debugId === !0 && (this._selfListener = cb), this.themeListeners.add(cb), function() {
|
|
127
136
|
_this.themeListeners.delete(cb);
|
|
128
137
|
};
|
|
129
138
|
}
|
|
130
|
-
}
|
|
131
|
-
|
|
139
|
+
}
|
|
140
|
+
]), ThemeManager2;
|
|
141
|
+
}();
|
|
132
142
|
function getState(props, manager) {
|
|
133
|
-
if (props.name && props.reset)
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
if (!baseManager && props.reset) return process.env.NODE_ENV !== "production" && console.warn("Cannot reset, no parent theme exists"), null;
|
|
142
|
-
var {
|
|
143
|
-
componentName
|
|
144
|
-
} = props,
|
|
145
|
-
result = null,
|
|
146
|
-
baseName = baseManager?.state.name || "";
|
|
143
|
+
if (props.name && props.reset)
|
|
144
|
+
throw new Error(process.env.NODE_ENV === "production" ? "\u274C004" : "Cannot reset and set a new name at the same time.");
|
|
145
|
+
if (!getHasThemeUpdatingProps(props))
|
|
146
|
+
return null;
|
|
147
|
+
var themes = getThemes(), [allManagers, componentManagers] = getManagers(manager), isDirectParentAComponentTheme = !!manager?.state.isComponent, startIndex = props.reset && !isDirectParentAComponentTheme ? 1 : 0, baseManager = allManagers[startIndex], parentManager = allManagers[startIndex + 1];
|
|
148
|
+
if (!baseManager && props.reset)
|
|
149
|
+
return process.env.NODE_ENV !== "production" && console.warn("Cannot reset, no parent theme exists"), null;
|
|
150
|
+
var { componentName } = props, result = null, baseName = baseManager?.state.name || "";
|
|
147
151
|
baseManager?.state.isComponent && (baseName = baseName.replace(/_[A-Z][A-Za-z]+/, ""));
|
|
148
|
-
var nextName = props.reset ? baseName : props.name || "",
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
});
|
|
152
|
+
var nextName = props.reset ? baseName : props.name || "", allComponentThemes = componentManagers.map(function(x) {
|
|
153
|
+
return x?.state.name || "";
|
|
154
|
+
});
|
|
152
155
|
isDirectParentAComponentTheme && allComponentThemes.shift();
|
|
153
|
-
for (var base = baseName.split(THEME_NAME_SEPARATOR), max = base.length, min = props.componentName && !nextName ? max :
|
|
156
|
+
for (var base = baseName.split(THEME_NAME_SEPARATOR), max = base.length, min = props.componentName && !nextName ? max : (
|
|
154
157
|
// component name only don't search upwards
|
|
155
|
-
0
|
|
158
|
+
0
|
|
159
|
+
), i = max; i >= min; i--) {
|
|
156
160
|
var prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR);
|
|
157
161
|
props.inverse && (prefix = inverseThemeName(prefix));
|
|
158
162
|
var potentials = [];
|
|
159
163
|
if (prefix && prefix !== baseName && prefix.includes(nextName) && potentials.push(prefix), nextName && potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName), i === 1) {
|
|
160
|
-
var lastSegment = potentials.findIndex(function
|
|
164
|
+
var lastSegment = potentials.findIndex(function(x) {
|
|
161
165
|
return !x.includes("_");
|
|
162
166
|
});
|
|
163
167
|
lastSegment > 0 && potentials.splice(lastSegment, 0, nextName);
|
|
164
168
|
}
|
|
165
169
|
if (componentName && !props.reset) {
|
|
166
|
-
var baseLen = base.length,
|
|
167
|
-
componentPotentials = [];
|
|
170
|
+
var baseLen = base.length, componentPotentials = [];
|
|
168
171
|
if (nextName && baseLen > 1) {
|
|
169
172
|
var beforeSeparator = base[0];
|
|
170
173
|
componentPotentials.push(`${beforeSeparator}_${nextName}_${componentName}`);
|
|
@@ -180,9 +183,13 @@ function getState(props, manager) {
|
|
|
180
183
|
var moreSpecific = `${prefix}_${nextName}_${componentName}`;
|
|
181
184
|
componentPotentials.unshift(moreSpecific);
|
|
182
185
|
}
|
|
183
|
-
potentials = [
|
|
186
|
+
potentials = [
|
|
187
|
+
...componentPotentials,
|
|
188
|
+
...potentials,
|
|
189
|
+
...allComponentThemes
|
|
190
|
+
];
|
|
184
191
|
}
|
|
185
|
-
var found = potentials.find(function
|
|
192
|
+
var found = potentials.find(function(t) {
|
|
186
193
|
return t in themes;
|
|
187
194
|
});
|
|
188
195
|
if (process.env.NODE_ENV !== "production" && typeof props.debug == "string" && isClient && console.info(` \u{1F537} [${manager?.id}] getState`, {
|
|
@@ -194,16 +201,7 @@ function getState(props, manager) {
|
|
|
194
201
|
baseName,
|
|
195
202
|
prefix
|
|
196
203
|
}), found) {
|
|
197
|
-
var _this,
|
|
198
|
-
names = found.split("_"),
|
|
199
|
-
[firstName, ...restNames] = names,
|
|
200
|
-
lastName = names[names.length - 1],
|
|
201
|
-
isComponent = lastName[0] === lastName[0].toUpperCase(),
|
|
202
|
-
scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0,
|
|
203
|
-
pre = THEME_CLASSNAME_PREFIX,
|
|
204
|
-
className = isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "",
|
|
205
|
-
parentState = (_this = baseManager || parentManager) === null || _this === void 0 ? void 0 : _this.state,
|
|
206
|
-
parentName = parentState?.name;
|
|
204
|
+
var _this, names = found.split("_"), [firstName, ...restNames] = names, lastName = names[names.length - 1], isComponent = lastName[0] === lastName[0].toUpperCase(), scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0, pre = THEME_CLASSNAME_PREFIX, className = isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "", parentState = (_this = baseManager || parentManager) === null || _this === void 0 ? void 0 : _this.state, parentName = parentState?.name;
|
|
207
205
|
result = {
|
|
208
206
|
name: found,
|
|
209
207
|
parentName,
|
|
@@ -225,12 +223,20 @@ function getState(props, manager) {
|
|
|
225
223
|
result
|
|
226
224
|
}), console.trace(), console.groupEnd()), result;
|
|
227
225
|
}
|
|
228
|
-
var inverseThemeName = function
|
|
226
|
+
var inverseThemeName = function(themeName) {
|
|
229
227
|
return themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
|
|
230
228
|
};
|
|
231
229
|
function getManagers(themeManager) {
|
|
232
|
-
for (var comp = [], all = [], cur = themeManager; cur;
|
|
233
|
-
|
|
230
|
+
for (var comp = [], all = [], cur = themeManager; cur; )
|
|
231
|
+
all.push(cur), cur.state.isComponent && comp.push(cur), cur = cur.parentManager;
|
|
232
|
+
return [
|
|
233
|
+
all,
|
|
234
|
+
comp
|
|
235
|
+
];
|
|
234
236
|
}
|
|
235
|
-
export {
|
|
236
|
-
|
|
237
|
+
export {
|
|
238
|
+
ThemeManager,
|
|
239
|
+
getHasThemeUpdatingProps,
|
|
240
|
+
getManagers
|
|
241
|
+
};
|
|
242
|
+
//# sourceMappingURL=ThemeManager.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/helpers/Users/n8/tamagui/code/core/web/src/helpers/ThemeManager.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["isClient", "isWeb", "getThemes", "THEME_CLASSNAME_PREFIX", "THEME_NAME_SEPARATOR", "emptyState", "name", "getHasThemeUpdatingProps", "props", "Boolean", "componentName", "inverse", "reset", "uid", "ThemeManager", "parentManager", "id", "themeListeners", "state", "_allKeys", "_selfListener", "Set", "Number", "MAX_VALUE", "updateStateFromProps", "process", "env", "NODE_ENV", "Error", "shouldNotify", "forceTheme", "theme", "updateState", "nextState", "getStateIfChanged", "_", "getState", "getStateShouldChange", "next", "allKeys", "Object", "keys", "notify", "forced", "forEach", "cb", "selfUpdate", "onChangeTheme", "debugId", "_listeningIds", "add", "delete", "manager", "themes", "allManagers", "componentManagers", "getManagers", "isDirectParentAComponentTheme", "isComponent", "startIndex", "baseManager", "console", "warn", "result", "baseName", "replace", "nextName", "allComponentThemes", "map", "x", "shift", "base", "split", "max", "length", "min", "i", "prefix", "slice", "join", "inverseThemeName", "potentials", "includes", "push", "unshift", "lastSegment", "findIndex", "splice", "baseLen", "componentPotentials", "beforeSeparator", "prefixLessOne", "lessSpecific", "moreSpecific", "found", "find", "t", "debug", "info", "names", "firstName", "restNames", "lastName", "toUpperCase", "scheme", "undefined", "pre", "className", "parentState", "parentName", "groupCollapsed", "trace", "groupEnd", "themeName", "startsWith", "themeManager", "comp", "all", "cur"]
|
|
6
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
var ThemeManagerIDContext = /* @__PURE__ */React.createContext(1);
|
|
3
|
-
export {
|
|
4
|
-
|
|
2
|
+
var ThemeManagerIDContext = /* @__PURE__ */ React.createContext(1);
|
|
3
|
+
export {
|
|
4
|
+
ThemeManagerIDContext
|
|
5
|
+
};
|
|
6
|
+
//# sourceMappingURL=ThemeManagerContext.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/helpers/Users/n8/tamagui/code/core/web/src/helpers/ThemeManagerContext.tsx"],
|
|
4
|
+
"mappings": "AAAA,OAAOA,WAAW;AAEX,IAAMC,wBAAwBD,sBAAME,cAAsB,CAAA;",
|
|
5
|
+
"names": ["React", "ThemeManagerIDContext", "createContext"]
|
|
6
|
+
}
|
|
@@ -1,83 +1,68 @@
|
|
|
1
|
-
import { getSetting } from "../config
|
|
2
|
-
import { mediaObjectToString } from "../hooks/useMedia
|
|
3
|
-
import { getGroupPropParts } from "./getGroupPropParts
|
|
4
|
-
var MEDIA_SEP = "_",
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
},
|
|
10
|
-
specificities = new Array(5).fill(0).map(function (_, i) {
|
|
11
|
-
return new Array(i).fill(":root").join("");
|
|
12
|
-
});
|
|
1
|
+
import { getSetting } from "../config";
|
|
2
|
+
import { mediaObjectToString } from "../hooks/useMedia";
|
|
3
|
+
import { getGroupPropParts } from "./getGroupPropParts";
|
|
4
|
+
var MEDIA_SEP = "_", prefixes = null, selectors = null, groupPseudoToPseudoCSSMap = {
|
|
5
|
+
press: "active"
|
|
6
|
+
}, specificities = new Array(5).fill(0).map(function(_, i) {
|
|
7
|
+
return new Array(i).fill(":root").join("");
|
|
8
|
+
});
|
|
13
9
|
function getThemeOrGroupSelector(name, styleInner, isGroup, groupParts) {
|
|
14
|
-
var isTheme = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
precedenceSpace = getSetting("themeClassNameOnRoot") && isTheme ? "" : " ",
|
|
20
|
-
pseudoSelectorName = groupParts.pseudo ? groupPseudoToPseudoCSSMap[groupParts.pseudo] || groupParts.pseudo : void 0,
|
|
21
|
-
pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : "",
|
|
22
|
-
presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`,
|
|
23
|
-
mediaSelector = `.t_${isGroup ? "group_" : ""}${name}${pseudoSelector}`;
|
|
24
|
-
return [selector, `${presedencePrefix}${mediaSelector} ${selector.replaceAll(":root", "")}`];
|
|
10
|
+
var isTheme = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1, precedenceImportancePrefix = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : "", selectorStart = styleInner.lastIndexOf(":root") + 5, selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = getSetting("themeClassNameOnRoot") && isTheme ? "" : " ", pseudoSelectorName = groupParts.pseudo ? groupPseudoToPseudoCSSMap[groupParts.pseudo] || groupParts.pseudo : void 0, pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : "", presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`, mediaSelector = `.t_${isGroup ? "group_" : ""}${name}${pseudoSelector}`;
|
|
11
|
+
return [
|
|
12
|
+
selector,
|
|
13
|
+
`${presedencePrefix}${mediaSelector} ${selector.replaceAll(":root", "")}`
|
|
14
|
+
];
|
|
25
15
|
}
|
|
26
|
-
var createMediaStyle = function
|
|
27
|
-
var [property
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
isPlatform = type === "platform",
|
|
31
|
-
isGroup = type === "group",
|
|
32
|
-
isNonWindowMedia = isTheme || isPlatform || isGroup,
|
|
33
|
-
negKey = negate ? "0" : "",
|
|
34
|
-
ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1),
|
|
35
|
-
id = `${ogPrefix}${MEDIA_SEP}${mediaKeyIn.replace("-", "")}${negKey}${MEDIA_SEP}`,
|
|
36
|
-
styleRule = "",
|
|
37
|
-
groupPriority = "",
|
|
38
|
-
groupMediaKey,
|
|
39
|
-
containerName,
|
|
40
|
-
nextIdentifier = identifier.replace(ogPrefix, id),
|
|
41
|
-
styleInner = rules.map(function (rule) {
|
|
42
|
-
return rule.replace(identifier, nextIdentifier);
|
|
43
|
-
}).join(";"),
|
|
44
|
-
isHover = !1;
|
|
16
|
+
var createMediaStyle = function(styleObject, mediaKeyIn, mediaQueries, type, negate, priority) {
|
|
17
|
+
var [property, , identifier, pseudoIn, rules] = styleObject, enableMediaPropOrder = getSetting("mediaPropOrder"), isTheme = type === "theme", isPlatform = type === "platform", isGroup = type === "group", isNonWindowMedia = isTheme || isPlatform || isGroup, negKey = negate ? "0" : "", ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1), id = `${ogPrefix}${MEDIA_SEP}${mediaKeyIn.replace("-", "")}${negKey}${MEDIA_SEP}`, styleRule = "", groupPriority = "", groupMediaKey, containerName, nextIdentifier = identifier.replace(ogPrefix, id), styleInner = rules.map(function(rule) {
|
|
18
|
+
return rule.replace(identifier, nextIdentifier);
|
|
19
|
+
}).join(";"), isHover = !1;
|
|
45
20
|
if (isNonWindowMedia) {
|
|
46
21
|
var specificity = (priority || 0) + (isGroup || isPlatform ? 1 : 0);
|
|
47
22
|
if (isTheme || isGroup) {
|
|
48
|
-
var groupParts = getGroupPropParts(isTheme ? "theme-" + mediaKeyIn : mediaKeyIn),
|
|
49
|
-
{
|
|
50
|
-
name,
|
|
51
|
-
media,
|
|
52
|
-
pseudo
|
|
53
|
-
} = groupParts;
|
|
23
|
+
var groupParts = getGroupPropParts(isTheme ? "theme-" + mediaKeyIn : mediaKeyIn), { name, media, pseudo } = groupParts;
|
|
54
24
|
groupMediaKey = media, isGroup && (containerName = name), (pseudo === "press" || pseudoIn === "active") && (specificity += 2), pseudo === "hover" && (isHover = !0);
|
|
55
25
|
var [selector, nextSelector] = getThemeOrGroupSelector(name, styleInner, isGroup, groupParts, isTheme, specificities[specificity]);
|
|
56
26
|
styleRule = styleInner.replace(selector, nextSelector);
|
|
57
|
-
} else
|
|
27
|
+
} else
|
|
28
|
+
styleRule = `${specificities[specificity]}${styleInner}`;
|
|
58
29
|
}
|
|
59
30
|
if (!isNonWindowMedia || groupMediaKey) {
|
|
60
31
|
if (!selectors) {
|
|
61
32
|
var mediaKeys = Object.keys(mediaQueries);
|
|
62
|
-
selectors = Object.fromEntries(mediaKeys.map(function
|
|
63
|
-
return [
|
|
64
|
-
|
|
65
|
-
|
|
33
|
+
selectors = Object.fromEntries(mediaKeys.map(function(key) {
|
|
34
|
+
return [
|
|
35
|
+
key,
|
|
36
|
+
mediaObjectToString(mediaQueries[key])
|
|
37
|
+
];
|
|
38
|
+
})), enableMediaPropOrder || (prefixes = Object.fromEntries(mediaKeys.map(function(k, index) {
|
|
39
|
+
return [
|
|
40
|
+
k,
|
|
41
|
+
new Array(index + 1).fill(":root").join("")
|
|
42
|
+
];
|
|
66
43
|
})));
|
|
67
44
|
}
|
|
68
|
-
var mediaKey = groupMediaKey || mediaKeyIn,
|
|
69
|
-
mediaSelector = selectors[mediaKey],
|
|
70
|
-
screenStr = negate ? "not all and " : "",
|
|
71
|
-
mediaQuery = `${screenStr}${mediaSelector}`,
|
|
72
|
-
precedenceImportancePrefix = groupMediaKey ? groupPriority : enableMediaPropOrder && priority ?
|
|
45
|
+
var mediaKey = groupMediaKey || mediaKeyIn, mediaSelector = selectors[mediaKey], screenStr = negate ? "not all and " : "", mediaQuery = `${screenStr}${mediaSelector}`, precedenceImportancePrefix = groupMediaKey ? groupPriority : enableMediaPropOrder && priority ? (
|
|
73
46
|
// this new array should be cached
|
|
74
|
-
specificities[priority]
|
|
47
|
+
specificities[priority]
|
|
48
|
+
) : (
|
|
75
49
|
// @ts-ignore
|
|
76
|
-
prefixes[mediaKey]
|
|
77
|
-
|
|
50
|
+
prefixes[mediaKey]
|
|
51
|
+
), prefix = groupMediaKey ? `@container ${containerName}` : "@media";
|
|
78
52
|
groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`).replace("and screen and", "and") : styleRule = `${prefix} ${mediaQuery}{${precedenceImportancePrefix}${styleInner}}`, groupMediaKey && (styleRule = `@supports (contain: ${getSetting("webContainerType") || "inline-size"}) {${styleRule}}`);
|
|
79
53
|
}
|
|
80
|
-
return isHover && (styleRule = `@media (hover:hover){${styleRule}}`), [
|
|
54
|
+
return isHover && (styleRule = `@media (hover:hover){${styleRule}}`), [
|
|
55
|
+
property,
|
|
56
|
+
void 0,
|
|
57
|
+
nextIdentifier,
|
|
58
|
+
void 0,
|
|
59
|
+
[
|
|
60
|
+
styleRule
|
|
61
|
+
]
|
|
62
|
+
];
|
|
81
63
|
};
|
|
82
|
-
export {
|
|
83
|
-
|
|
64
|
+
export {
|
|
65
|
+
MEDIA_SEP,
|
|
66
|
+
createMediaStyle
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=createMediaStyle.js.map
|