855 lines
24 KiB
JavaScript
855 lines
24 KiB
JavaScript
var t;
|
|
! function(t) {
|
|
t[t.Twitch = 0] = "Twitch", t[t.FFZ = 1] = "FFZ", t[t.BTTV = 2] = "BTTV", t[t.Custom = 3] = "Custom", t[t.Spore = 4] = "Spore";
|
|
}(t || (t = {}));
|
|
var e = {
|
|
black: "#000",
|
|
white: "#fff"
|
|
};
|
|
var n = {
|
|
50: "#ffebee",
|
|
100: "#ffcdd2",
|
|
200: "#ef9a9a",
|
|
300: "#e57373",
|
|
400: "#ef5350",
|
|
500: "#f44336",
|
|
600: "#e53935",
|
|
700: "#d32f2f",
|
|
800: "#c62828",
|
|
900: "#b71c1c",
|
|
A100: "#ff8a80",
|
|
A200: "#ff5252",
|
|
A400: "#ff1744",
|
|
A700: "#d50000"
|
|
};
|
|
var r = {
|
|
50: "#f3e5f5",
|
|
100: "#e1bee7",
|
|
200: "#ce93d8",
|
|
300: "#ba68c8",
|
|
400: "#ab47bc",
|
|
500: "#9c27b0",
|
|
600: "#8e24aa",
|
|
700: "#7b1fa2",
|
|
800: "#6a1b9a",
|
|
900: "#4a148c",
|
|
A100: "#ea80fc",
|
|
A200: "#e040fb",
|
|
A400: "#d500f9",
|
|
A700: "#aa00ff"
|
|
};
|
|
var a = {
|
|
50: "#e3f2fd",
|
|
100: "#bbdefb",
|
|
200: "#90caf9",
|
|
300: "#64b5f6",
|
|
400: "#42a5f5",
|
|
500: "#2196f3",
|
|
600: "#1e88e5",
|
|
700: "#1976d2",
|
|
800: "#1565c0",
|
|
900: "#0d47a1",
|
|
A100: "#82b1ff",
|
|
A200: "#448aff",
|
|
A400: "#2979ff",
|
|
A700: "#2962ff"
|
|
};
|
|
var i = {
|
|
50: "#e1f5fe",
|
|
100: "#b3e5fc",
|
|
200: "#81d4fa",
|
|
300: "#4fc3f7",
|
|
400: "#29b6f6",
|
|
500: "#03a9f4",
|
|
600: "#039be5",
|
|
700: "#0288d1",
|
|
800: "#0277bd",
|
|
900: "#01579b",
|
|
A100: "#80d8ff",
|
|
A200: "#40c4ff",
|
|
A400: "#00b0ff",
|
|
A700: "#0091ea"
|
|
};
|
|
var o = {
|
|
50: "#e8f5e9",
|
|
100: "#c8e6c9",
|
|
200: "#a5d6a7",
|
|
300: "#81c784",
|
|
400: "#66bb6a",
|
|
500: "#4caf50",
|
|
600: "#43a047",
|
|
700: "#388e3c",
|
|
800: "#2e7d32",
|
|
900: "#1b5e20",
|
|
A100: "#b9f6ca",
|
|
A200: "#69f0ae",
|
|
A400: "#00e676",
|
|
A700: "#00c853"
|
|
};
|
|
var s = {
|
|
50: "#fff3e0",
|
|
100: "#ffe0b2",
|
|
200: "#ffcc80",
|
|
300: "#ffb74d",
|
|
400: "#ffa726",
|
|
500: "#ff9800",
|
|
600: "#fb8c00",
|
|
700: "#f57c00",
|
|
800: "#ef6c00",
|
|
900: "#e65100",
|
|
A100: "#ffd180",
|
|
A200: "#ffab40",
|
|
A400: "#ff9100",
|
|
A700: "#ff6d00"
|
|
};
|
|
var f = {
|
|
50: "#fafafa",
|
|
100: "#f5f5f5",
|
|
200: "#eeeeee",
|
|
300: "#e0e0e0",
|
|
400: "#bdbdbd",
|
|
500: "#9e9e9e",
|
|
600: "#757575",
|
|
700: "#616161",
|
|
800: "#424242",
|
|
900: "#212121",
|
|
A100: "#f5f5f5",
|
|
A200: "#eeeeee",
|
|
A400: "#bdbdbd",
|
|
A700: "#616161"
|
|
};
|
|
|
|
function c() {
|
|
return c = Object.assign || function(t) {
|
|
for (var e = 1; e < arguments.length; e++) {
|
|
var n = arguments[e];
|
|
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
|
|
}
|
|
return t
|
|
}, c.apply(this, arguments)
|
|
}
|
|
|
|
function u(t, e) {
|
|
if (null == t) return {};
|
|
var n, r, a = {},
|
|
i = Object.keys(t);
|
|
for (r = 0; r < i.length; r++) n = i[r], e.indexOf(n) >= 0 || (a[n] = t[n]);
|
|
return a
|
|
}
|
|
|
|
function l(t) {
|
|
return null !== t && "object" == typeof t && t.constructor === Object
|
|
}
|
|
|
|
function d(t, e, n = {
|
|
clone: !0
|
|
}) {
|
|
const r = n.clone ? c({}, t) : t;
|
|
return l(t) && l(e) && Object.keys(e).forEach((a => {
|
|
"__proto__" !== a && (l(e[a]) && a in t && l(t[a]) ? r[a] = d(t[a], e[a], n) : r[a] = e[a]);
|
|
})), r
|
|
}
|
|
|
|
function p(t) {
|
|
let e = "https://mui.com/production-error/?code=" + t;
|
|
for (let t = 1; t < arguments.length; t += 1) e += "&args[]=" + encodeURIComponent(arguments[t]);
|
|
return "Minified MUI error #" + t + "; visit " + e + " for the full message."
|
|
}
|
|
|
|
function g(t) {
|
|
if ("string" != typeof t) throw new Error(p(7));
|
|
return t.charAt(0).toUpperCase() + t.slice(1)
|
|
}
|
|
|
|
function h(t, e) {
|
|
return e ? d(t, e, {
|
|
clone: !1
|
|
}) : t
|
|
}
|
|
const m = {
|
|
xs: 0,
|
|
sm: 600,
|
|
md: 900,
|
|
lg: 1200,
|
|
xl: 1536
|
|
},
|
|
b = {
|
|
keys: ["xs", "sm", "md", "lg", "xl"],
|
|
up: t => `@media (min-width:${m[t]}px)`
|
|
};
|
|
|
|
function y(t, e, n) {
|
|
const r = t.theme || {};
|
|
if (Array.isArray(e)) {
|
|
const t = r.breakpoints || b;
|
|
return e.reduce(((r, a, i) => (r[t.up(t.keys[i])] = n(e[i]), r)), {})
|
|
}
|
|
if ("object" == typeof e) {
|
|
const t = r.breakpoints || b;
|
|
return Object.keys(e).reduce(((r, a) => {
|
|
if (-1 !== Object.keys(t.values || m).indexOf(a)) {
|
|
r[t.up(a)] = n(e[a], a);
|
|
} else {
|
|
const t = a;
|
|
r[t] = e[t];
|
|
}
|
|
return r
|
|
}), {})
|
|
}
|
|
return n(e)
|
|
}
|
|
|
|
function x(t = {}) {
|
|
var e;
|
|
return (null == t || null == (e = t.keys) ? void 0 : e.reduce(((e, n) => (e[t.up(n)] = {}, e)), {})) || {}
|
|
}
|
|
|
|
function k(t, e) {
|
|
return t.reduce(((t, e) => {
|
|
const n = t[e];
|
|
return (!n || 0 === Object.keys(n).length) && delete t[e], t
|
|
}), e)
|
|
}
|
|
|
|
function v(t, e) {
|
|
return e && "string" == typeof e ? e.split(".").reduce(((t, e) => t && t[e] ? t[e] : null), t) : null
|
|
}
|
|
|
|
function O(t, e, n, r = n) {
|
|
let a;
|
|
return a = "function" == typeof t ? t(n) : Array.isArray(t) ? t[n] || r : v(t, n) || r, e && (a = e(a)), a
|
|
}
|
|
|
|
function A(t) {
|
|
const {
|
|
prop: e,
|
|
cssProperty: n = t.prop,
|
|
themeKey: r,
|
|
transform: a
|
|
} = t, i = t => {
|
|
if (null == t[e]) return null;
|
|
const i = t[e],
|
|
o = v(t.theme, r) || {};
|
|
return y(t, i, (t => {
|
|
let r = O(o, a, t);
|
|
return t === r && "string" == typeof t && (r = O(o, a, `${e}${"default"===t?"":g(t)}`, t)), !1 === n ? r : {
|
|
[n]: r
|
|
}
|
|
}))
|
|
};
|
|
return i.propTypes = {}, i.filterProps = [e], i
|
|
}
|
|
const $ = {
|
|
m: "margin",
|
|
p: "padding"
|
|
},
|
|
w = {
|
|
t: "Top",
|
|
r: "Right",
|
|
b: "Bottom",
|
|
l: "Left",
|
|
x: ["Left", "Right"],
|
|
y: ["Top", "Bottom"]
|
|
},
|
|
S = {
|
|
marginX: "mx",
|
|
marginY: "my",
|
|
paddingX: "px",
|
|
paddingY: "py"
|
|
},
|
|
T = function(t) {
|
|
const e = {};
|
|
return n => (void 0 === e[n] && (e[n] = t(n)), e[n])
|
|
}((t => {
|
|
if (t.length > 2) {
|
|
if (!S[t]) return [t];
|
|
t = S[t];
|
|
}
|
|
const [e, n] = t.split(""), r = $[e], a = w[n] || "";
|
|
return Array.isArray(a) ? a.map((t => r + t)) : [r + a]
|
|
})),
|
|
M = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd", "p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"];
|
|
|
|
function j(t, e, n, r) {
|
|
const a = v(t, e) || n;
|
|
return "number" == typeof a ? t => "string" == typeof t ? t : a * t : Array.isArray(a) ? t => "string" == typeof t ? t : a[t] : "function" == typeof a ? a : () => {}
|
|
}
|
|
|
|
function B(t) {
|
|
return j(t, "spacing", 8)
|
|
}
|
|
|
|
function I(t, e) {
|
|
if ("string" == typeof e || null == e) return e;
|
|
const n = t(Math.abs(e));
|
|
return e >= 0 ? n : "number" == typeof n ? -n : `-${n}`
|
|
}
|
|
|
|
function R(t, e, n, r) {
|
|
if (-1 === e.indexOf(n)) return null;
|
|
const a = function(t, e) {
|
|
return n => t.reduce(((t, r) => (t[r] = I(e, n), t)), {})
|
|
}(T(n), r);
|
|
return y(t, t[n], a)
|
|
}
|
|
|
|
function z(t) {
|
|
return function(t, e) {
|
|
const n = B(t.theme);
|
|
return Object.keys(t).map((r => R(t, e, r, n))).reduce(h, {})
|
|
}(t, M)
|
|
}
|
|
z.propTypes = {}, z.filterProps = M;
|
|
const F = ["values", "unit", "step"];
|
|
var W = {
|
|
borderRadius: 4
|
|
};
|
|
const E = ["breakpoints", "palette", "spacing", "shape"];
|
|
|
|
function L(t = {}, ...e) {
|
|
const {
|
|
breakpoints: n = {},
|
|
palette: r = {},
|
|
spacing: a,
|
|
shape: i = {}
|
|
} = t, o = u(t, E), s = function(t) {
|
|
const {
|
|
values: e = {
|
|
xs: 0,
|
|
sm: 600,
|
|
md: 900,
|
|
lg: 1200,
|
|
xl: 1536
|
|
},
|
|
unit: n = "px",
|
|
step: r = 5
|
|
} = t, a = u(t, F), i = Object.keys(e);
|
|
|
|
function o(t) {
|
|
return `@media (min-width:${"number"==typeof e[t]?e[t]:t}${n})`
|
|
}
|
|
|
|
function s(t) {
|
|
return `@media (max-width:${("number"==typeof e[t]?e[t]:t)-r/100}${n})`
|
|
}
|
|
|
|
function f(t, a) {
|
|
const o = i.indexOf(a);
|
|
return `@media (min-width:${"number"==typeof e[t]?e[t]:t}${n}) and (max-width:${(-1!==o&&"number"==typeof e[i[o]]?e[i[o]]:a)-r/100}${n})`
|
|
}
|
|
return c({
|
|
keys: i,
|
|
values: e,
|
|
up: o,
|
|
down: s,
|
|
between: f,
|
|
only: function(t) {
|
|
return i.indexOf(t) + 1 < i.length ? f(t, i[i.indexOf(t) + 1]) : o(t)
|
|
},
|
|
not: function(t) {
|
|
const e = i.indexOf(t);
|
|
return 0 === e ? o(i[1]) : e === i.length - 1 ? s(i[e]) : f(t, i[i.indexOf(t) + 1]).replace("@media", "@media not all and")
|
|
},
|
|
unit: n
|
|
}, a)
|
|
}(n), f = function(t = 8) {
|
|
if (t.mui) return t;
|
|
const e = B({
|
|
spacing: t
|
|
}),
|
|
n = (...t) => (0 === t.length ? [1] : t).map((t => {
|
|
const n = e(t);
|
|
return "number" == typeof n ? `${n}px` : n
|
|
})).join(" ");
|
|
return n.mui = !0, n
|
|
}(a);
|
|
let l = d({
|
|
breakpoints: s,
|
|
direction: "ltr",
|
|
components: {},
|
|
palette: c({
|
|
mode: "light"
|
|
}, r),
|
|
spacing: f,
|
|
shape: c({}, W, i)
|
|
}, o);
|
|
return l = e.reduce(((t, e) => d(t, e)), l), l
|
|
}
|
|
|
|
function C(t, e = 0, n = 1) {
|
|
return Math.min(Math.max(e, t), n)
|
|
}
|
|
|
|
function H(t) {
|
|
if (t.type) return t;
|
|
if ("#" === t.charAt(0)) return H(function(t) {
|
|
t = t.substr(1);
|
|
const e = new RegExp(`.{1,${t.length>=6?2:1}}`, "g");
|
|
let n = t.match(e);
|
|
return n && 1 === n[0].length && (n = n.map((t => t + t))), n ? `rgb${4===n.length?"a":""}(${n.map(((t,e)=>e<3?parseInt(t,16):Math.round(parseInt(t,16)/255*1e3)/1e3)).join(", ")})` : ""
|
|
}(t));
|
|
const e = t.indexOf("("),
|
|
n = t.substring(0, e);
|
|
if (-1 === ["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n)) throw new Error(p(9, t));
|
|
let r, a = t.substring(e + 1, t.length - 1);
|
|
if ("color" === n) {
|
|
if (a = a.split(" "), r = a.shift(), 4 === a.length && "/" === a[3].charAt(0) && (a[3] = a[3].substr(1)), -1 === ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(r)) throw new Error(p(10, r))
|
|
} else a = a.split(",");
|
|
return a = a.map((t => parseFloat(t))), {
|
|
type: n,
|
|
values: a,
|
|
colorSpace: r
|
|
}
|
|
}
|
|
|
|
function P(t) {
|
|
const {
|
|
type: e,
|
|
colorSpace: n
|
|
} = t;
|
|
let {
|
|
values: r
|
|
} = t;
|
|
return -1 !== e.indexOf("rgb") ? r = r.map(((t, e) => e < 3 ? parseInt(t, 10) : t)) : -1 !== e.indexOf("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), r = -1 !== e.indexOf("color") ? `${n} ${r.join(" ")}` : `${r.join(", ")}`, `${e}(${r})`
|
|
}
|
|
|
|
function _(t) {
|
|
let e = "hsl" === (t = H(t)).type ? H(function(t) {
|
|
t = H(t);
|
|
const {
|
|
values: e
|
|
} = t, n = e[0], r = e[1] / 100, a = e[2] / 100, i = r * Math.min(a, 1 - a), o = (t, e = (t + n / 30) % 12) => a - i * Math.max(Math.min(e - 3, 9 - e, 1), -1);
|
|
let s = "rgb";
|
|
const f = [Math.round(255 * o(0)), Math.round(255 * o(8)), Math.round(255 * o(4))];
|
|
return "hsla" === t.type && (s += "a", f.push(e[3])), P({
|
|
type: s,
|
|
values: f
|
|
})
|
|
}(t)).values : t.values;
|
|
return e = e.map((e => ("color" !== t.type && (e /= 255), e <= .03928 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4))), Number((.2126 * e[0] + .7152 * e[1] + .0722 * e[2]).toFixed(3))
|
|
}
|
|
|
|
function V(t, e) {
|
|
return t = H(t), e = C(e), "rgb" !== t.type && "hsl" !== t.type || (t.type += "a"), "color" === t.type ? t.values[3] = `/${e}` : t.values[3] = e, P(t)
|
|
}
|
|
|
|
function X(t, e) {
|
|
if (t = H(t), e = C(e), -1 !== t.type.indexOf("hsl")) t.values[2] *= 1 - e;
|
|
else if (-1 !== t.type.indexOf("rgb") || -1 !== t.type.indexOf("color"))
|
|
for (let n = 0; n < 3; n += 1) t.values[n] *= 1 - e;
|
|
return P(t)
|
|
}
|
|
|
|
function Y(t, e) {
|
|
if (t = H(t), e = C(e), -1 !== t.type.indexOf("hsl")) t.values[2] += (100 - t.values[2]) * e;
|
|
else if (-1 !== t.type.indexOf("rgb"))
|
|
for (let n = 0; n < 3; n += 1) t.values[n] += (255 - t.values[n]) * e;
|
|
else if (-1 !== t.type.indexOf("color"))
|
|
for (let n = 0; n < 3; n += 1) t.values[n] += (1 - t.values[n]) * e;
|
|
return P(t)
|
|
}
|
|
const N = ["mode", "contrastThreshold", "tonalOffset"],
|
|
U = {
|
|
text: {
|
|
primary: "rgba(0, 0, 0, 0.87)",
|
|
secondary: "rgba(0, 0, 0, 0.6)",
|
|
disabled: "rgba(0, 0, 0, 0.38)"
|
|
},
|
|
divider: "rgba(0, 0, 0, 0.12)",
|
|
background: {
|
|
paper: e.white,
|
|
default: e.white
|
|
},
|
|
action: {
|
|
active: "rgba(0, 0, 0, 0.54)",
|
|
hover: "rgba(0, 0, 0, 0.04)",
|
|
hoverOpacity: .04,
|
|
selected: "rgba(0, 0, 0, 0.08)",
|
|
selectedOpacity: .08,
|
|
disabled: "rgba(0, 0, 0, 0.26)",
|
|
disabledBackground: "rgba(0, 0, 0, 0.12)",
|
|
disabledOpacity: .38,
|
|
focus: "rgba(0, 0, 0, 0.12)",
|
|
focusOpacity: .12,
|
|
activatedOpacity: .12
|
|
}
|
|
},
|
|
D = {
|
|
text: {
|
|
primary: e.white,
|
|
secondary: "rgba(255, 255, 255, 0.7)",
|
|
disabled: "rgba(255, 255, 255, 0.5)",
|
|
icon: "rgba(255, 255, 255, 0.5)"
|
|
},
|
|
divider: "rgba(255, 255, 255, 0.12)",
|
|
background: {
|
|
paper: "#121212",
|
|
default: "#121212"
|
|
},
|
|
action: {
|
|
active: e.white,
|
|
hover: "rgba(255, 255, 255, 0.08)",
|
|
hoverOpacity: .08,
|
|
selected: "rgba(255, 255, 255, 0.16)",
|
|
selectedOpacity: .16,
|
|
disabled: "rgba(255, 255, 255, 0.3)",
|
|
disabledBackground: "rgba(255, 255, 255, 0.12)",
|
|
disabledOpacity: .38,
|
|
focus: "rgba(255, 255, 255, 0.12)",
|
|
focusOpacity: .12,
|
|
activatedOpacity: .24
|
|
}
|
|
};
|
|
|
|
function J(t, e, n, r) {
|
|
const a = r.light || r,
|
|
i = r.dark || 1.5 * r;
|
|
t[e] || (t.hasOwnProperty(n) ? t[e] = t[n] : "light" === e ? t.light = Y(t.main, a) : "dark" === e && (t.dark = X(t.main, i)));
|
|
}
|
|
|
|
function Z(t) {
|
|
const {
|
|
mode: l = "light",
|
|
contrastThreshold: g = 3,
|
|
tonalOffset: h = .2
|
|
} = t, m = u(t, N), b = t.primary || function(t = "light") {
|
|
return "dark" === t ? {
|
|
main: a[200],
|
|
light: a[50],
|
|
dark: a[400]
|
|
} : {
|
|
main: a[700],
|
|
light: a[400],
|
|
dark: a[800]
|
|
}
|
|
}(l), y = t.secondary || function(t = "light") {
|
|
return "dark" === t ? {
|
|
main: r[200],
|
|
light: r[50],
|
|
dark: r[400]
|
|
} : {
|
|
main: r[500],
|
|
light: r[300],
|
|
dark: r[700]
|
|
}
|
|
}(l), x = t.error || function(t = "light") {
|
|
return "dark" === t ? {
|
|
main: n[500],
|
|
light: n[300],
|
|
dark: n[700]
|
|
} : {
|
|
main: n[700],
|
|
light: n[400],
|
|
dark: n[800]
|
|
}
|
|
}(l), k = t.info || function(t = "light") {
|
|
return "dark" === t ? {
|
|
main: i[400],
|
|
light: i[300],
|
|
dark: i[700]
|
|
} : {
|
|
main: i[700],
|
|
light: i[500],
|
|
dark: i[900]
|
|
}
|
|
}(l), v = t.success || function(t = "light") {
|
|
return "dark" === t ? {
|
|
main: o[400],
|
|
light: o[300],
|
|
dark: o[700]
|
|
} : {
|
|
main: o[800],
|
|
light: o[500],
|
|
dark: o[900]
|
|
}
|
|
}(l), O = t.warning || function(t = "light") {
|
|
return "dark" === t ? {
|
|
main: s[400],
|
|
light: s[300],
|
|
dark: s[700]
|
|
} : {
|
|
main: "#ed6c02",
|
|
light: s[500],
|
|
dark: s[900]
|
|
}
|
|
}(l);
|
|
|
|
function A(t) {
|
|
const e = function(t, e) {
|
|
const n = _(t),
|
|
r = _(e);
|
|
return (Math.max(n, r) + .05) / (Math.min(n, r) + .05)
|
|
}(t, D.text.primary) >= g ? D.text.primary : U.text.primary;
|
|
return e
|
|
}
|
|
const $ = ({
|
|
color: t,
|
|
name: e,
|
|
mainShade: n = 500,
|
|
lightShade: r = 300,
|
|
darkShade: a = 700
|
|
}) => {
|
|
if (!(t = c({}, t)).main && t[n] && (t.main = t[n]), !t.hasOwnProperty("main")) throw new Error(p(11, e ? ` (${e})` : "", n));
|
|
if ("string" != typeof t.main) throw new Error(p(12, e ? ` (${e})` : "", JSON.stringify(t.main)));
|
|
return J(t, "light", r, h), J(t, "dark", a, h), t.contrastText || (t.contrastText = A(t.main)), t
|
|
},
|
|
w = {
|
|
dark: D,
|
|
light: U
|
|
};
|
|
return d(c({
|
|
common: e,
|
|
mode: l,
|
|
primary: $({
|
|
color: b,
|
|
name: "primary"
|
|
}),
|
|
secondary: $({
|
|
color: y,
|
|
name: "secondary",
|
|
mainShade: "A400",
|
|
lightShade: "A200",
|
|
darkShade: "A700"
|
|
}),
|
|
error: $({
|
|
color: x,
|
|
name: "error"
|
|
}),
|
|
warning: $({
|
|
color: O,
|
|
name: "warning"
|
|
}),
|
|
info: $({
|
|
color: k,
|
|
name: "info"
|
|
}),
|
|
success: $({
|
|
color: v,
|
|
name: "success"
|
|
}),
|
|
grey: f,
|
|
contrastThreshold: g,
|
|
getContrastText: A,
|
|
augmentColor: $,
|
|
tonalOffset: h
|
|
}, w[l]), m)
|
|
}
|
|
const q = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
|
const K = {
|
|
textTransform: "uppercase"
|
|
},
|
|
G = '"Roboto", "Helvetica", "Arial", sans-serif';
|
|
|
|
function Q(t, e) {
|
|
const n = "function" == typeof e ? e(t) : e,
|
|
{
|
|
fontFamily: r = G,
|
|
fontSize: a = 14,
|
|
fontWeightLight: i = 300,
|
|
fontWeightRegular: o = 400,
|
|
fontWeightMedium: s = 500,
|
|
fontWeightBold: f = 700,
|
|
htmlFontSize: l = 16,
|
|
allVariants: p,
|
|
pxToRem: g
|
|
} = n,
|
|
h = u(n, q),
|
|
m = a / 14,
|
|
b = g || (t => t / l * m + "rem"),
|
|
y = (t, e, n, a, i) => {
|
|
return c({
|
|
fontFamily: r,
|
|
fontWeight: t,
|
|
fontSize: b(e),
|
|
lineHeight: n
|
|
}, r === G ? {
|
|
letterSpacing: (o = a / e, Math.round(1e5 * o) / 1e5) + "em"
|
|
} : {}, i, p);
|
|
var o;
|
|
},
|
|
x = {
|
|
h1: y(i, 96, 1.167, -1.5),
|
|
h2: y(i, 60, 1.2, -.5),
|
|
h3: y(o, 48, 1.167, 0),
|
|
h4: y(o, 34, 1.235, .25),
|
|
h5: y(o, 24, 1.334, 0),
|
|
h6: y(s, 20, 1.6, .15),
|
|
subtitle1: y(o, 16, 1.75, .15),
|
|
subtitle2: y(s, 14, 1.57, .1),
|
|
body1: y(o, 16, 1.5, .15),
|
|
body2: y(o, 14, 1.43, .15),
|
|
button: y(s, 14, 1.75, .4, K),
|
|
caption: y(o, 12, 1.66, .4),
|
|
overline: y(o, 12, 2.66, 1, K)
|
|
};
|
|
return d(c({
|
|
htmlFontSize: l,
|
|
pxToRem: b,
|
|
fontFamily: r,
|
|
fontSize: a,
|
|
fontWeightLight: i,
|
|
fontWeightRegular: o,
|
|
fontWeightMedium: s,
|
|
fontWeightBold: f
|
|
}, x), h, {
|
|
clone: !1
|
|
})
|
|
}
|
|
|
|
function tt(...t) {
|
|
return [`${t[0]}px ${t[1]}px ${t[2]}px ${t[3]}px rgba(0,0,0,0.2)`, `${t[4]}px ${t[5]}px ${t[6]}px ${t[7]}px rgba(0,0,0,0.14)`, `${t[8]}px ${t[9]}px ${t[10]}px ${t[11]}px rgba(0,0,0,0.12)`].join(",")
|
|
}
|
|
var et = ["none", tt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), tt(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), tt(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), tt(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), tt(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), tt(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), tt(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), tt(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), tt(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), tt(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), tt(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), tt(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), tt(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), tt(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), tt(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), tt(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), tt(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), tt(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), tt(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), tt(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), tt(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), tt(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), tt(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), tt(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
|
|
const nt = ["duration", "easing", "delay"],
|
|
rt = {
|
|
easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
easeIn: "cubic-bezier(0.4, 0, 1, 1)",
|
|
sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
|
|
},
|
|
at = {
|
|
shortest: 150,
|
|
shorter: 200,
|
|
short: 250,
|
|
standard: 300,
|
|
complex: 375,
|
|
enteringScreen: 225,
|
|
leavingScreen: 195
|
|
};
|
|
|
|
function it(t) {
|
|
return `${Math.round(t)}ms`
|
|
}
|
|
|
|
function ot(t) {
|
|
if (!t) return 0;
|
|
const e = t / 36;
|
|
return Math.round(10 * (4 + 15 * e ** .25 + e / 5))
|
|
}
|
|
|
|
function st(t) {
|
|
const e = c({}, rt, t.easing),
|
|
n = c({}, at, t.duration);
|
|
return c({
|
|
getAutoHeightDuration: ot,
|
|
create: (t = ["all"], r = {}) => {
|
|
const {
|
|
duration: a = n.standard,
|
|
easing: i = e.easeInOut,
|
|
delay: o = 0
|
|
} = r;
|
|
return u(r, nt), (Array.isArray(t) ? t : [t]).map((t => `${t} ${"string"==typeof a?a:it(a)} ${i} ${"string"==typeof o?o:it(o)}`)).join(",")
|
|
}
|
|
}, t, {
|
|
easing: e,
|
|
duration: n
|
|
})
|
|
}
|
|
var ft = {
|
|
mobileStepper: 1e3,
|
|
speedDial: 1050,
|
|
appBar: 1100,
|
|
drawer: 1200,
|
|
modal: 1300,
|
|
snackbar: 1400,
|
|
tooltip: 1500
|
|
};
|
|
const ct = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
|
|
|
function ut(t = {}, ...e) {
|
|
const {
|
|
mixins: n = {},
|
|
palette: r = {},
|
|
transitions: a = {},
|
|
typography: i = {}
|
|
} = t, o = u(t, ct), s = Z(r), f = L(t);
|
|
let l = d(f, {
|
|
mixins: (p = f.breakpoints, f.spacing, g = n, c({
|
|
toolbar: {
|
|
minHeight: 56,
|
|
[`${p.up("xs")} and (orientation: landscape)`]: {
|
|
minHeight: 48
|
|
},
|
|
[p.up("sm")]: {
|
|
minHeight: 64
|
|
}
|
|
}
|
|
}, g)),
|
|
palette: s,
|
|
shadows: et.slice(),
|
|
typography: Q(s, i),
|
|
transitions: st(a),
|
|
zIndex: c({}, ft)
|
|
});
|
|
var p, g;
|
|
return l = d(l, o), l = e.reduce(((t, e) => d(t, e)), l), l
|
|
}
|
|
const lt = ut({
|
|
palette: {
|
|
mode: "dark",
|
|
primary: {
|
|
main: "#7463fb"
|
|
},
|
|
secondary: {
|
|
main: "#fd8dea"
|
|
}
|
|
},
|
|
typography: {
|
|
fontFamily: "Rubik, sans-serif",
|
|
label: {
|
|
color: "#ccc",
|
|
fontStyle: "italic"
|
|
},
|
|
header: {
|
|
fontSize: "1.2rem",
|
|
fontWeight: 500
|
|
}
|
|
},
|
|
components: {
|
|
MuiTooltip: {
|
|
styleOverrides: {
|
|
tooltip: {
|
|
fontSize: 14
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
function dt(t) {
|
|
try {
|
|
if (!t) return;
|
|
return JSON.parse(atob(t.split(".")[1]))
|
|
} catch (t) {
|
|
return
|
|
}
|
|
}
|
|
|
|
export {
|
|
A,
|
|
I,
|
|
L,
|
|
V,
|
|
X,
|
|
Y,
|
|
ut as a,
|
|
d as b,
|
|
c,
|
|
dt as d,
|
|
lt as e,
|
|
at as f,
|
|
g,
|
|
h,
|
|
j,
|
|
k,
|
|
l,
|
|
m,
|
|
n,
|
|
o,
|
|
p,
|
|
t,
|
|
u,
|
|
x,
|
|
y,
|
|
z
|
|
}; |