@mirai/ui 2.0.28 → 2.0.30
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/build/theme/theme.js
CHANGED
|
@@ -28,8 +28,9 @@ var Theme = {
|
|
|
28
28
|
var _ref = window || {},
|
|
29
29
|
_ref$Mirai = _ref.Mirai;
|
|
30
30
|
_ref$Mirai = _ref$Mirai === void 0 ? {} : _ref$Mirai;
|
|
31
|
-
var
|
|
32
|
-
|
|
31
|
+
var _ref$Mirai$theme = _ref$Mirai.theme,
|
|
32
|
+
theme = _ref$Mirai$theme === void 0 ? {} : _ref$Mirai$theme;
|
|
33
|
+
if (theme[domain]) return theme[domain];
|
|
33
34
|
var style = getComputedStyle(document.querySelector(':root'));
|
|
34
35
|
var variables = {};
|
|
35
36
|
var keys = Array.from(document.styleSheets).filter(function (stylesheet) {
|
|
@@ -58,10 +59,10 @@ var Theme = {
|
|
|
58
59
|
return variables[(0, _helpers.camelcase)(key.replace(domain, ''))] = (_style$getPropertyVal = style.getPropertyValue(key)) === null || _style$getPropertyVal === void 0 ? void 0 : _style$getPropertyVal.trim();
|
|
59
60
|
});
|
|
60
61
|
window.Mirai = _objectSpread(_objectSpread({}, window.Mirai), {}, {
|
|
61
|
-
|
|
62
|
+
theme: _objectSpread(_objectSpread({}, theme), {}, _defineProperty({}, domain, variables))
|
|
62
63
|
});
|
|
63
64
|
setTimeout(function () {
|
|
64
|
-
return Theme.clearCache();
|
|
65
|
+
return Theme.clearCache(domain);
|
|
65
66
|
}, _theme.DEBOUNCE_TIMEOUT_CACHE);
|
|
66
67
|
return variables;
|
|
67
68
|
},
|
|
@@ -70,7 +71,7 @@ var Theme = {
|
|
|
70
71
|
var _document$querySelect = document.querySelector(':root'),
|
|
71
72
|
style = _document$querySelect.style;
|
|
72
73
|
style.setProperty("".concat(domain).concat(variable), value);
|
|
73
|
-
Theme.clearCache();
|
|
74
|
+
Theme.clearCache(domain);
|
|
74
75
|
},
|
|
75
76
|
generatePalette: function generatePalette(variable, value) {
|
|
76
77
|
var valuePalette = (0, _helpers.palette)(value);
|
|
@@ -100,10 +101,12 @@ var Theme = {
|
|
|
100
101
|
});
|
|
101
102
|
return direction;
|
|
102
103
|
},
|
|
103
|
-
clearCache: function clearCache() {
|
|
104
|
+
clearCache: function clearCache(domain) {
|
|
104
105
|
var _window;
|
|
105
106
|
if (!((_window = window) !== null && _window !== void 0 && _window.Mirai)) return;
|
|
106
|
-
window.Mirai.
|
|
107
|
+
var _window$Mirai$theme = window.Mirai.theme,
|
|
108
|
+
theme = _window$Mirai$theme === void 0 ? {} : _window$Mirai$theme;
|
|
109
|
+
window.Mirai.theme = _objectSpread(_objectSpread({}, theme), {}, _defineProperty({}, domain, undefined));
|
|
107
110
|
}
|
|
108
111
|
};
|
|
109
112
|
exports.Theme = Theme;
|
package/build/theme/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["Theme","get","domain","DOMAIN","window","Mirai","
|
|
1
|
+
{"version":3,"file":"theme.js","names":["Theme","get","domain","DOMAIN","window","Mirai","theme","style","getComputedStyle","document","querySelector","variables","keys","Array","from","styleSheets","filter","stylesheet","href","startsWith","location","origin","cssRules","reduce","value","selectorText","name","forEach","key","camelcase","replace","getPropertyValue","trim","setTimeout","clearCache","DEBOUNCE_TIMEOUT_CACHE","setVariable","variable","setProperty","generatePalette","valuePalette","palette","undefined","Object","entries","getDirection","textDirection","DIRECTION","DIRECTION_TYPE","RIGHT","LEFT","setDirection","direction","values","includes","map"],"sources":["../../src/theme/theme.js"],"sourcesContent":["import { camelcase, palette } from './helpers';\nimport { DEBOUNCE_TIMEOUT_CACHE, DIRECTION, DIRECTION_TYPE, DOMAIN } from './theme.constants';\n\nexport const Theme = {\n get: (domain = DOMAIN) => {\n const { Mirai: { theme = {} } = {} } = window || {};\n if (theme[domain]) return theme[domain];\n\n const style = getComputedStyle(document.querySelector(':root'));\n const variables = {};\n\n const keys = Array.from(document.styleSheets)\n .filter((stylesheet) => {\n try {\n return (\n (stylesheet.href === null || stylesheet.href.startsWith(window.location.origin)) &&\n (stylesheet.cssRules ?? {})\n );\n } catch {\n return false;\n }\n })\n .reduce(\n (stylesheet, { cssRules } = {}) => [\n ...stylesheet,\n ...Array.from(cssRules).reduce(\n (value, { selectorText = '', style = [] } = {}) =>\n selectorText === ':root'\n ? [...value, ...Array.from(style).filter((name) => name.startsWith(domain))]\n : value,\n [],\n ),\n ],\n [],\n );\n\n keys.forEach((key) => (variables[camelcase(key.replace(domain, ''))] = style.getPropertyValue(key)?.trim()));\n\n window.Mirai = { ...window.Mirai, theme: { ...theme, [domain]: variables } };\n setTimeout(() => Theme.clearCache(domain), DEBOUNCE_TIMEOUT_CACHE);\n\n return variables;\n },\n\n setVariable: (variable, value, domain = DOMAIN) => {\n const { style } = document.querySelector(':root');\n\n style.setProperty(`${domain}${variable}`, value);\n Theme.clearCache(domain);\n },\n\n generatePalette: (variable, value) => {\n const valuePalette = palette(value);\n if (!valuePalette) return undefined;\n\n Object.entries(valuePalette).forEach(([key, value]) => {\n Theme.setVariable(key !== 'base' ? `${variable}-${key}` : variable, value);\n });\n Theme.clearCache();\n },\n\n getDirection: () => {\n const { textDirection } = Theme.get();\n\n return textDirection !== DIRECTION[DIRECTION_TYPE.RIGHT]['text-direction']\n ? DIRECTION_TYPE.LEFT\n : DIRECTION_TYPE.RIGHT;\n },\n\n setDirection: (direction = DIRECTION_TYPE.LEFT) => {\n if (!Object.values(DIRECTION_TYPE).includes(direction)) return;\n\n const variables = DIRECTION[direction] || {};\n Object.entries(variables).map(([key, value]) => Theme.setVariable(key, value));\n\n return direction;\n },\n\n clearCache: (domain) => {\n if (!window?.Mirai) return;\n\n const { theme = {} } = window.Mirai;\n window.Mirai.theme = { ...theme, [domain]: undefined };\n },\n};\n"],"mappings":"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"}
|