超兴学习通自动化脚本，能自动完成讨论，具备自动完成讨论任务、一键回复指定话题、批量回复和创建话题等功能，让讨论任务变得轻松简单。
当前为
// ==UserScript==
// @name 超兴学习通自动化 ——— Chaoxing Auto
// @namespace https://github.com/lcandy2/Chaoxing-Auto
// @version 1.0.4
// @author lcandy2 (甜檸Cirtron)
// @description 超兴学习通自动化脚本，能自动完成讨论，具备自动完成讨论任务、一键回复指定话题、批量回复和创建话题等功能，让讨论任务变得轻松简单。
// @license None
// @homepage https://greasyfork.org/scripts/489933
// @homepageURL https://github.com/lcandy2/user.js
// @source https://github.com/lcandy2/user.js
// @match https://mooc1.chaoxing.com/bbscircle/grouptopic*
// @match https://mooc1.chaoxing.com/mooc-ans/bbscircle/grouptopic*
// @match https://mooc1.chaoxing.com/bbscircle/gettopicdetail*
// @match https://mooc1.chaoxing.com/mooc-ans/bbscircle/gettopicdetail*
// @match https://groupweb.chaoxing.com/course/topic/topicList*
// @match https://groupweb.chaoxing.com/course/topic/v3/bbs*
// @require https://registry.npmmirror.com/react/18.2.0/files/umd/react.production.min.js
// @require https://registry.npmmirror.com/react-dom/18.2.0/files/umd/react-dom.production.min.js
// @require https://registry.npmmirror.com/react-draggable/4.4.6/files/build/web/react-draggable.min.js
// @require https://registry.npmmirror.com/@emotion/react/11.11.4/files/dist/emotion-react.umd.min.js
// @require https://registry.npmmirror.com/@emotion/styled/11.11.0/files/dist/emotion-styled.umd.min.js
// @require https://registry.npmmirror.com/@mui/material/5.15.13/files/umd/material-ui.production.min.js
// @grant GM_addStyle
// @grant GM_deleteValue
// @grant GM_getValue
// @grant GM_setValue
// ==/UserScript==
(t=>{if(typeof GM_addStyle=="function"){GM_addStyle(t);return}const o=document.createElement("style");o.textContent=t,document.head.append(o)})(' .floating-overlay{position:fixed;top:0;left:0;z-index:1001}.floating-overlay .MuiDialog-root{position:static}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.googlefonts.cn/s/materialicons/v141/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased} ');
(function (e, material, E, react, P, M) {
'use strict';
function _interopNamespaceDefault(e) {
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
if (e) {
for (const k in e) {
if (k !== 'default') {
const d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: () => e[k]
});
}
}
}
n.default = e;
return Object.freeze(n);
}
const e__namespace = /*#__PURE__*/_interopNamespaceDefault(e);
function I(e) {
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
function B(e) {
if (e.__esModule) return e;
var t = e.default;
if ("function" == typeof t) {
var r = function e() {
return this instanceof e ? Reflect.construct(t, arguments, this.constructor) : t.apply(this, arguments);
};
r.prototype = t.prototype;
} else r = {};
return Object.defineProperty(r, "__esModule", {
value: !0
}), Object.keys(e).forEach((function(t) {
var n = Object.getOwnPropertyDescriptor(e, t);
Object.defineProperty(r, t, n.get ? n : {
enumerable: !0,
get: function() {
return e[t];
}
});
})), r;
}
var F = {
exports: {}
}, N = {}, L = e, z = Symbol.for("react.element"), D = Symbol.for("react.fragment"), W = Object.prototype.hasOwnProperty, V = L.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, H = {
key: !0,
ref: !0,
__self: !0,
__source: !0
};
function K(e, t, r) {
var n, o = {}, i = null, a = null;
for (n in void 0 !== r && (i = "" + r), void 0 !== t.key && (i = "" + t.key), void 0 !== t.ref && (a = t.ref),
t) W.call(t, n) && !H.hasOwnProperty(n) && (o[n] = t[n]);
if (e && e.defaultProps) for (n in t = e.defaultProps) void 0 === o[n] && (o[n] = t[n]);
return {
$$typeof: z,
type: e,
key: i,
ref: a,
props: o,
_owner: V.current
};
}
N.Fragment = D, N.jsx = K, N.jsxs = K, F.exports = N;
var q = F.exports;
const X = new URL("https://mooc1.chaoxing.com/bbscircle/grouptopic"), U = new URL("https://mooc1.chaoxing.com/mooc-ans/bbscircle/grouptopic"), G = new URL("https://mooc1.chaoxing.com/bbscircle/gettopicdetail"), Y = new URL("https://mooc1.chaoxing.com/mooc-ans/bbscircle/gettopicdetail"), J = new URL("https://groupweb.chaoxing.com/course/topic/topicList"), Z = new URL("https://groupweb.chaoxing.com/course/topic/v3/bbs"), Q = window.location.href, ee = () => oe() || ae(), te = () => ie() || se(), re = () => oe() || ie(), ne = () => ae() || se(), oe = () => {
const e = J.href;
return Q.includes(e);
}, ie = () => {
const e = X.href, t = U.href;
return Q.includes(e) || Q.includes(t);
}, ae = () => {
const e = Z.href;
return Q.includes(e);
}, se = () => {
const e = G.href, t = Y.href;
return Q.includes(e) || Q.includes(t);
};
var le = {
BASE_URL: "/",
MODE: "production",
DEV: !1,
PROD: !0,
SSR: !1
};
const ce = e => {
let t;
const r = new Set, n = (e, n) => {
const o = "function" == typeof e ? e(t) : e;
if (!Object.is(o, t)) {
const e = t;
t = (null != n ? n : "object" != typeof o || null === o) ? o : Object.assign({}, t, o),
r.forEach((r => r(t, e)));
}
}, o = () => t, i = {
setState: n,
getState: o,
getInitialState: () => a,
subscribe: e => (r.add(e), () => r.delete(e)),
destroy: () => {
"production" !== (le ? "production" : void 0) && console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."),
r.clear();
}
}, a = t = e(n, o, i);
return i;
};
var ue = {
exports: {}
}, de = {}, fe = {
exports: {}
}, pe = {}, he = e;
var me = "function" == typeof Object.is ? Object.is : function(e, t) {
return e === t && (0 !== e || 1 / e == 1 / t) || e != e && t != t;
}, ge = he.useState, ye = he.useEffect, be = he.useLayoutEffect, ve = he.useDebugValue;
function xe(e) {
var t = e.getSnapshot;
e = e.value;
try {
var r = t();
return !me(e, r);
} catch (n) {
return !0;
}
}
var Se = "undefined" == typeof window || void 0 === window.document || void 0 === window.document.createElement ? function(e, t) {
return t();
} : function(e, t) {
var r = t(), n = ge({
inst: {
value: r,
getSnapshot: t
}
}), o = n[0].inst, i = n[1];
return be((function() {
o.value = r, o.getSnapshot = t, xe(o) && i({
inst: o
});
}), [ e, r, t ]), ye((function() {
return xe(o) && i({
inst: o
}), e((function() {
xe(o) && i({
inst: o
});
}));
}), [ e ]), ve(r), r;
};
pe.useSyncExternalStore = void 0 !== he.useSyncExternalStore ? he.useSyncExternalStore : Se,
fe.exports = pe;
var we = fe.exports, Ce = e, ke = we;
var je = "function" == typeof Object.is ? Object.is : function(e, t) {
return e === t && (0 !== e || 1 / e == 1 / t) || e != e && t != t;
}, Re = ke.useSyncExternalStore, Ee = Ce.useRef, Oe = Ce.useEffect, Te = Ce.useMemo, $e = Ce.useDebugValue;
de.useSyncExternalStoreWithSelector = function(e, t, r, n, o) {
var i = Ee(null);
if (null === i.current) {
var a = {
hasValue: !1,
value: null
};
i.current = a;
} else a = i.current;
i = Te((function() {
function e(e) {
if (!l) {
if (l = !0, i = e, e = n(e), void 0 !== o && a.hasValue) {
var t = a.value;
if (o(t, e)) return s = t;
}
return s = e;
}
if (t = s, je(i, e)) return t;
var r = n(e);
return void 0 !== o && o(t, r) ? t : (i = e, s = r);
}
var i, s, l = !1, c = void 0 === r ? null : r;
return [ function() {
return e(t());
}, null === c ? void 0 : function() {
return e(c());
} ];
}), [ t, r, n, o ]);
var s = Re(e, i[0], i[1]);
return Oe((function() {
a.hasValue = !0, a.value = s;
}), [ s ]), $e(s), s;
}, ue.exports = de;
const Ae = I(ue.exports);
var _e = {
BASE_URL: "/",
MODE: "production",
DEV: !1,
PROD: !0,
SSR: !1
};
const {useDebugValue: Pe} = e, {useSyncExternalStoreWithSelector: Me} = Ae;
let Ie = !1;
const Be = e => e;
const Fe = e => {
"production" !== (_e ? "production" : void 0) && "function" != typeof e && console.warn("[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`.");
const t = "function" == typeof e ? (e => e ? ce(e) : ce)(e) : e, r = (e, r) => function(e, t = Be, r) {
"production" !== (_e ? "production" : void 0) && r && !Ie && (console.warn("[DEPRECATED] Use `createWithEqualityFn` instead of `create` or use `useStoreWithEqualityFn` instead of `useStore`. They can be imported from 'zustand/traditional'. https://github.com/pmndrs/zustand/discussions/1937"),
Ie = !0);
const n = Me(e.subscribe, e.getState, e.getServerState || e.getInitialState, t, r);
return Pe(n), n;
}(t, e, r);
return Object.assign(r, t), r;
}, Ne = e => e ? Fe(e) : Fe;
var Le = {
BASE_URL: "/",
MODE: "production",
DEV: !1,
PROD: !0,
SSR: !1
};
const ze = (e, t) => (...r) => Object.assign({}, e, t(...r));
function De(e, t) {
let r;
try {
r = e();
} catch (n) {
return;
}
return {
getItem: e => {
var n;
const o = e => null === e ? null : JSON.parse(e, null == t ? void 0 : t.reviver), i = null != (n = r.getItem(e)) ? n : null;
return i instanceof Promise ? i.then(o) : o(i);
},
setItem: (e, n) => r.setItem(e, JSON.stringify(n, null == t ? void 0 : t.replacer)),
removeItem: e => r.removeItem(e)
};
}
const We = e => t => {
try {
const r = e(t);
return r instanceof Promise ? r : {
then: e => We(e)(r),
catch(e) {
return this;
}
};
} catch (r) {
return {
then(e) {
return this;
},
catch: e => We(e)(r)
};
}
}, Ve = (e, t) => "getStorage" in t || "serialize" in t || "deserialize" in t ? ("production" !== (Le ? "production" : void 0) && console.warn("[DEPRECATED] `getStorage`, `serialize` and `deserialize` options are deprecated. Use `storage` option instead."),
((e, t) => (r, n, o) => {
let i = {
getStorage: () => localStorage,
serialize: JSON.stringify,
deserialize: JSON.parse,
partialize: e => e,
version: 0,
merge: (e, t) => ({
...t,
...e
}),
...t
}, a = !1;
const s = new Set, l = new Set;
let c;
try {
c = i.getStorage();
} catch (g) {}
if (!c) return e(((...e) => {
console.warn(`[zustand persist middleware] Unable to update item '${i.name}', the given storage is currently unavailable.`),
r(...e);
}), n, o);
const u = We(i.serialize), d = () => {
const e = i.partialize({
...n()
});
let t;
const r = u({
state: e,
version: i.version
}).then((e => c.setItem(i.name, e))).catch((e => {
t = e;
}));
if (t) throw t;
return r;
}, f = o.setState;
o.setState = (e, t) => {
f(e, t), d();
};
const p = e(((...e) => {
r(...e), d();
}), n, o);
let h;
const m = () => {
var e;
if (!c) return;
a = !1, s.forEach((e => e(n())));
const t = (null == (e = i.onRehydrateStorage) ? void 0 : e.call(i, n())) || void 0;
return We(c.getItem.bind(c))(i.name).then((e => {
if (e) return i.deserialize(e);
})).then((e => {
if (e) {
if ("number" != typeof e.version || e.version === i.version) return e.state;
if (i.migrate) return i.migrate(e.state, e.version);
console.error("State loaded from storage couldn't be migrated since no migrate function was provided");
}
})).then((e => {
var t;
return h = i.merge(e, null != (t = n()) ? t : p), r(h, !0), d();
})).then((() => {
null == t || t(h, void 0), a = !0, l.forEach((e => e(h)));
})).catch((e => {
null == t || t(void 0, e);
}));
};
return o.persist = {
setOptions: e => {
i = {
...i,
...e
}, e.getStorage && (c = e.getStorage());
},
clearStorage: () => {
null == c || c.removeItem(i.name);
},
getOptions: () => i,
rehydrate: () => m(),
hasHydrated: () => a,
onHydrate: e => (s.add(e), () => {
s.delete(e);
}),
onFinishHydration: e => (l.add(e), () => {
l.delete(e);
})
}, m(), h || p;
})(e, t)) : ((e, t) => (r, n, o) => {
let i = {
storage: De((() => localStorage)),
partialize: e => e,
version: 0,
merge: (e, t) => ({
...t,
...e
}),
...t
}, a = !1;
const s = new Set, l = new Set;
let c = i.storage;
if (!c) return e(((...e) => {
console.warn(`[zustand persist middleware] Unable to update item '${i.name}', the given storage is currently unavailable.`),
r(...e);
}), n, o);
const u = () => {
const e = i.partialize({
...n()
});
return c.setItem(i.name, {
state: e,
version: i.version
});
}, d = o.setState;
o.setState = (e, t) => {
d(e, t), u();
};
const f = e(((...e) => {
r(...e), u();
}), n, o);
let p;
o.getInitialState = () => f;
const h = () => {
var e, t;
if (!c) return;
a = !1, s.forEach((e => {
var t;
return e(null != (t = n()) ? t : f);
}));
const o = (null == (t = i.onRehydrateStorage) ? void 0 : t.call(i, null != (e = n()) ? e : f)) || void 0;
return We(c.getItem.bind(c))(i.name).then((e => {
if (e) {
if ("number" != typeof e.version || e.version === i.version) return e.state;
if (i.migrate) return i.migrate(e.state, e.version);
console.error("State loaded from storage couldn't be migrated since no migrate function was provided");
}
})).then((e => {
var t;
return p = i.merge(e, null != (t = n()) ? t : f), r(p, !0), u();
})).then((() => {
null == o || o(p, void 0), p = n(), a = !0, l.forEach((e => e(p)));
})).catch((e => {
null == o || o(void 0, e);
}));
};
return o.persist = {
setOptions: e => {
i = {
...i,
...e
}, e.storage && (c = e.storage);
},
clearStorage: () => {
null == c || c.removeItem(i.name);
},
getOptions: () => i,
rehydrate: () => h(),
hasHydrated: () => a,
onHydrate: e => (s.add(e), () => {
s.delete(e);
}),
onFinishHydration: e => (l.add(e), () => {
l.delete(e);
})
}, i.skipHydration || h(), p || f;
})(e, t);
var He = (() => "undefined" != typeof GM_deleteValue ? GM_deleteValue : void 0)(), Ke = (() => "undefined" != typeof GM_getValue ? GM_getValue : void 0)(), qe = (() => "undefined" != typeof GM_setValue ? GM_setValue : void 0)();
const Xe = {
getItem: async e => await Ke(e) || null,
setItem: async (e, t) => {
await qe(e, t);
},
removeItem: async e => {
await He(e);
}
}, Ue = Ne(ze({
logItems: []
}, (e => ({
addLogItem: t => {
e((e => ({
logItems: [ ...e.logItems, t ]
})));
}
})))), Ge = Ne(Ve(ze({
standbyTime: 200,
countTimes: 1,
_hasHydrated: !1
}, (e => ({
setStandbyTime: t => {
e({
standbyTime: t
});
},
setCountTimes: t => {
e({
countTimes: t
});
},
setHasHydrated: t => {
e({
_hasHydrated: t
});
}
}))), {
name: "topic_settings",
storage: De((() => Xe)),
onRehydrateStorage: () => e => {
e && e.setHasHydrated(!0);
}
})), Ye = Ne(ze({
currentStatus: null,
currentPage: null,
isInActionFrame: !1,
actionFrameStatus: {},
topicDetail: {},
topicList: []
}, (e => ({
setCurrentStatus: t => {
e({
currentStatus: t
});
},
setCurrentPage: t => {
e({
currentPage: t
});
},
setIsInActionFrame: t => {
e({
isInActionFrame: t
});
},
setActionFrameStatus: t => {
e({
actionFrameStatus: t
});
},
setActionFrameStatusStatus: t => {
e((e => ({
actionFrameStatus: {
...e.actionFrameStatus,
status: t
}
})));
},
setActionFrameStatusIndex: t => {
e((e => ({
actionFrameStatus: {
...e.actionFrameStatus,
index: t
}
})));
},
setActionFrameStatusTotal: t => {
e((e => ({
actionFrameStatus: {
...e.actionFrameStatus,
total: t
}
})));
},
setActionFrameStatusSrc: t => {
e((e => ({
actionFrameStatus: {
...e.actionFrameStatus,
src: t
}
})));
},
setTopicDetail: t => {
e({
topicDetail: t
});
},
setTopicList: t => {
e({
topicList: t
});
}
}))));
async function Je(e = 1) {
const t = await Ge.getState().standbyTime;
return new Promise((r => setTimeout(r, t * e)));
}
async function Ze() {
const e = ae(), t = se(), r = Ue.getState().addLogItem, n = {
title: void 0,
content: void 0,
replies: void 0
};
if (e && !t) try {
const e = document.querySelector(".topicDetail_detail"), t = document.querySelector(".topicDetail_replyList");
if (!e || !t) return;
const r = Qe(e), o = tt(e), i = await rt(t);
n.title = r, n.content = o, n.replies = i;
} catch (o) {
console.error(o), r(`获取讨论详情失败：${o}`);
} else if (t && !e) try {
const e = document.querySelectorAll("div");
let t;
for (let n = 0; n < e.length; n++) if (e[n].className.match(/content\d{4}/)) {
t = e[n];
break;
}
if (!t) return;
const r = nt(t), o = ot(t), i = it(t);
n.title = r, n.content = o, n.replies = i;
} catch (o) {
console.error(o), r(`获取讨论详情失败：${o}`);
}
return n;
}
const Qe = e => {
var t;
const r = e.querySelector(".topicDetail_title");
return r ? null == (t = r.textContent) ? void 0 : t.trim() : void 0;
}, et = e => {
const t = document.querySelector(".topicDetail_replyList");
if (!t) return void console.error("Element not found");
if (t.children.length > 1) return void e();
const r = new MutationObserver(((t, r) => {
for (let n of t) "childList" === n.type && e();
}));
return r.observe(t, {
attributes: !1,
childList: !0,
subtree: !0
}), () => r.disconnect();
}, tt = e => {
const t = e.querySelector(".topicDetail_main");
if (!t) return;
return Array.from(t.children).filter((e => !e.classList.contains("topicDetail_info"))).map((e => {
var t;
return null == (t = e.textContent) ? void 0 : t.trim();
})).join(" ");
}, rt = async e => {
const t = document.querySelector(".classReplyCount span"), r = Number((null == t ? void 0 : t.textContent) || 0);
let n = (() => {
Je(.5);
return Array.from(e.querySelectorAll(".topicDetail_replyItem")).map((e => {
var t, r;
const n = e.querySelector(".author"), o = e.querySelector(".replyContent");
return {
author: n ? null == (t = n.textContent) ? void 0 : t.trim() : "",
content: o ? null == (r = o.textContent) ? void 0 : r.trim() : ""
};
}));
})();
return 0 === r || n.length > 0 ? n : [ {
content: "NEED_OBSERVE"
} ];
}, nt = e => {
var t;
const r = e.querySelector(".oneDiv");
let n;
if (r) {
let e = r.querySelector("h3");
if (e) {
let r = e.querySelector("em");
r && r.remove(), n = null == (t = e.textContent) ? void 0 : t.trim();
}
}
return n;
}, ot = e => {
var t;
const r = e.querySelector("#topicContent");
return r ? null == (t = r.textContent) ? void 0 : t.trim() : void 0;
}, it = e => {
var t, r;
let n, o = [];
if (e && e.children.length > 1) {
n = e.children[1];
let i = n.querySelectorAll("div");
for (let e = 0; e < i.length; e++) {
if (i[e].parentElement !== n) continue;
let a = {}, s = i[e].querySelector("p > span.name"), l = i[e].querySelector("h3");
s && (a.author = null == (t = s.textContent) ? void 0 : t.trim()), l && (a.content = null == (r = l.textContent) ? void 0 : r.trim()),
a.content && o.push(a);
}
}
return o;
}, at = window.location.hash, st = e => {
at.includes(e) || window.history.replaceState(null, "", `${at}#${e}`);
}, lt = () => at.includes("cxauto_start"), ct = () => at.includes("cxauto_success"), ut = () => at.includes("cxauto_action"), dt = () => {
const e = at.match(/cxauto_index_(\d+)/);
return e ? parseInt(e[1]) : 0;
}, ft = e => {
const t = "cxauto_success";
return e ? `${e}#${t}` : (st(t), !0);
}, pt = e => {
const t = "cxauto_action";
return e ? `${e}#${t}` : (st(t), !0);
}, ht = (e, t) => {
const r = `#cxauto_index_${e}`;
return t ? `${t}#${r}` : (st(r), !0);
}, mt = ee() && !te() ? "new" : te() && !ee() ? "legacy" : null;
function gt(e) {
const t = Ue.getState().addLogItem;
t("----- 执行失败 -----"), t(e.toString()), t(`-v=${mt}`), console.error(e, mt);
}
const yt = () => Array.from(document.querySelectorAll("div#showTopics div.content1118")).filter((e => Array.from(e.children).some((e => e.classList.contains("oneRight"))))).map((e => {
var t, r, n;
const o = e.querySelector("h3 a"), i = (null == (t = null == o ? void 0 : o.textContent) ? void 0 : t.trim()) || "", a = e.querySelector("p.clearfix");
return {
title: i,
author: (null == (r = null == a ? void 0 : a.children[0].textContent) ? void 0 : r.trim()) || "",
replyCount: (null == (n = null == a ? void 0 : a.children[1].textContent) ? void 0 : n.trim()) || "",
url: (null == o ? void 0 : o.getAttribute("href")) || ""
};
})), bt = () => Array.from(document.querySelectorAll("div.dataCon ul.dataBody li.dataBody_topic")).map((e => {
var t, r, n;
const o = e.querySelector("span.author"), i = (null == (t = null == o ? void 0 : o.textContent) ? void 0 : t.trim()) || "", a = e.querySelector("div.topic_interactive div.comment span"), s = (null == (r = null == a ? void 0 : a.textContent) ? void 0 : r.trim()) || "", l = e.querySelector("a.topicli_link"), c = (null == l ? void 0 : l.getAttribute("href")) || "";
return {
title: (null == (n = null == l ? void 0 : l.textContent) ? void 0 : n.trim()) || "",
author: i,
replyCount: s,
url: c
};
})), vt = ae() && !se() ? "new" : se() && !ae() ? "legacy" : null, xt = "new" === vt, St = Ue.getState().addLogItem;
const wt = (e, t) => {
if (!e.replies) throw new Error("topicDetail.replies is undefined");
const r = e.replies.map((e => e.content || "")), n = [];
if (r.length <= t) {
for (let r = 0; r < t; r++) n.push(e.content || e.title || "");
return n;
}
let o = !0;
r.length <= t && (o = !1);
for (let i = 0; i < t; i++) {
const e = Math.floor(Math.random() * r.length);
n.push(r[e]), o && r.splice(e, 1);
}
return n;
}, Ct = async e => {
try {
const t = document.querySelector(e);
if (console.log(t, e), !t) throw new Error("无法找到进行回复的按钮。");
return t.click(), St("已点击进行回复的按钮，即将继续..."), await Je(.1), !0;
} catch (t) {
return gt(t), !1;
}
}, kt = async e => {
try {
const t = document.querySelector(e);
if (!t) throw new Error("无法找到用于回复的文本区域。");
return t.click(), t.focus(), St("已找到用于回复的文本区域，等待回复..."), await Je(.1), t;
} catch (t) {
gt(t);
}
}, jt = async ({selector: e, textarea: t, contextToReply: r}) => {
try {
const n = document.querySelector(e);
if (!n || !t) throw new Error("Required elements not found.");
for (let e = 0; e < r.length; e++) t.value = r[e], St(`Reply ${r[e]} filled, waiting to submit...`),
"legacy" === vt && n.addEventListener("click", (function(e) {
e.preventDefault();
})), await Je(1), n.click(), t.value = "", e !== r.length - 1 && (St("Reply submitted, waiting to continue..."),
await Je(1));
return !0;
} catch (n) {
gt(n);
}
};
const Rt = ({setCurrentStatus: e}) => async () => {
e("triggered");
}, Et = async ({setCurrentStatus: e}) => {
e(await async function() {
const {countTimes: e} = Ge.getState(), {topicDetail: t} = Ye.getState(), r = wt(t, e);
console.debug("currentVersion", vt);
try {
if (r.length <= 0) throw new Error("未获取到回复评论。");
const e = xt ? "div.topicDetail_detail div.replyBtn" : "div.oneDiv p.clearfix a.tl1", t = xt ? "div.topicDetail_editContainer div.replyEdit textarea" : "div.plDiv div.hfpl textarea", n = xt ? "div.replyEditBtnGroup div.addReply" : "div.plDiv div.hfpl input.grenBtn", o = await Ct(e), i = await kt(t), a = await jt({
selector: n,
textarea: i,
contextToReply: r
});
if (o && i && a) return !0;
} catch (n) {
return gt(n), !1;
}
}() ? "success" : "failed");
}, Ot = e => {
const t = {
type: "cxauto_action_frame",
status: "success",
index: e
};
console.debug("PostMessageSuccess", t), window.parent.postMessage(t, "*");
}, Tt = () => {
window.addEventListener("message", (e => {
if (console.debug("ReceiveMessage", e.data), "cxauto_action_frame" === e.data.type) {
const t = Ye.getState().actionFrameStatus.status, r = Ye.getState().actionFrameStatus.index;
"success" === e.data.status && "running" === t && r === e.data.index && Ye.getState().setActionFrameStatusStatus("success");
}
}));
}, $t = Ye.getState().setActionFrameStatusStatus, At = Ye.getState().setActionFrameStatusIndex, _t = Ye.getState().setActionFrameStatusTotal, Pt = Ye.getState().setActionFrameStatusSrc, Mt = Ue.getState().addLogItem;
const It = () => {
const {topicList: e} = Ye.getState();
return e.length, At(0), _t(e.length), Pt(""), !0;
}, Bt = async (e, t) => (Mt("等待继续..."), Pt(""), await Je(.5), e === t - 1 || (At(e + 1),
$t("waitingToStart"), !1));
function Ft() {
const {currentPage: e$1, setCurrentPage: t} = Ye(), {topicDetail: o, setTopicDetail: i} = Ye(), {topicList: a, setTopicList: s} = Ye(), {currentStatus: f, setCurrentStatus: p} = Ye(), {isInActionFrame: h, setIsInActionFrame: m} = Ye(), [g, y] = e.useState(!0), {addLogItem: b} = Ue(), {actionFrameStatus: v, setActionFrameStatus: x, setActionFrameStatusStatus: S} = Ye(), w = v.status;
e.useEffect((() => {
ct() && p("success"), ut() && m(!0), ne() ? t("detail") : re() && t("list");
}), []), e.useEffect((() => {
if ("list" === e$1 || "detail" === e$1) {
let t;
switch (e$1) {
case "detail":
t = "讨论详情", (async () => {
const e = await Ze();
if (e) if (e.replies && e.replies[0] && e.replies[0].content && "NEED_OBSERVE" === e.replies[0].content) {
let e;
console.debug("NEED_OBSERVE"), e = et((async () => {
console.log("Replies changed"), e && e();
const t = await Ze();
t && (console.debug("topicDetail", t), i(t), f || p("idle"));
}));
} else i(e), f || p("idle");
})();
break;
case "list":
t = "讨论列表";
const e = function() {
const e = "new" === (oe() && !ie() ? "new" : ie() && !oe() ? "legacy" : null);
try {
if (e) {
const e = bt();
return console.debug("getNewItems", e), e;
}
{
const e = yt();
return console.debug("getLegacyItems", e), e;
}
} catch (t) {
gt(t);
}
}();
e && (s(e), w || f || S("idle"));
break;
default:
t = "未知页面";
}
b(`检测到当前为 [${t}]`);
}
}), [ e$1 ]), function({topicDetail: e$1}) {
const {addLogItem: t} = Ue();
e.useEffect((() => {
e$1 && (e$1.title && t(`获取到讨论标题：${e$1.title}`), e$1.content && t(`获取到讨论内容：${e$1.content}`),
e$1.replies && t(`获取到讨论回复：共 ${e$1.replies.length} 条`));
}), [ e$1 ]);
}({
topicDetail: o
});
const C = Rt({
setCurrentStatus: p
});
!function({setCurrentStatus: e$1, currentStatus: t, setIsButtonDisabled: n, setIsInActionFrame: o}) {
const {addLogItem: i} = Ue();
e.useEffect((() => {
switch (t) {
case "running":
default:
n(!0);
break;
case "triggered":
n(!0), e$1("running"), Et({
setCurrentStatus: e$1
});
break;
case "success":
n(!1), ft(), i("All done!");
break;
case "idle":
n(!1);
const t = ut();
(lt() || t) && e$1("triggered");
break;
case "failed":
n(!1);
}
}), [ t ]);
}({
setCurrentStatus: p,
currentStatus: f,
setIsButtonDisabled: y,
setIsInActionFrame: m
}), e.useEffect((() => {
a.length && b(`获取到发起的讨论：共 ${a.length} 条`);
}), [ a ]), e.useEffect((() => {
h && "success" === f && (console.debug("PostMessageSuccess"), Ot(dt() || 0));
}), [ h, f ]);
return e.useEffect((() => {
const e = w;
e && console.debug("PanelActions useEffect actionFrameStatus", v);
const t = async () => {
if (e) {
const t = await async function(e) {
const {actionFrameStatus: t} = Ye.getState(), r = t.total, {topicList: n} = Ye.getState();
console.debug("RunningTopicListReply Status", e), "triggered" === e && (It(), Mt("开始：批量回复讨论"),
await Je(.3), $t("waitingToStart"));
const o = t.index || 0;
try {
if ("waitingToStart" === e) {
const e = n[o].url;
if (e) {
const t = pt(e).toString(), r = ht(o, t).toString();
Pt(r), Mt(`正在回复讨论：${n[o].title}`), await Je(.5), Tt(), $t("running");
} else gt("未找到讨论链接"), $t("failed");
}
if ("failed" === e && $t("waitingToNext"), "success" === e) {
const e = n[o].title;
Mt(`已回复讨论：${e}`), await Je(1), $t("waitingToNext");
}
const t = r || 0;
if ("waitingToNext" === e) return await Bt(o, t);
} catch (i) {
gt(i), $t("failed");
}
return !1;
}(e);
t && S("finished");
}
};
"triggered" === e || "waitingToStart" === e || "waitingToNext" === e || "failed" === e || "success" === e ? (t(),
p("running")) : "finished" === e ? p("success") : "idle" === e && p("idle");
}), [ w ]), q.jsxs(q.Fragment, {
children: [ g && q.jsx(material.CircularProgress, {
size: "2em"
}), "success" === f && "detail" === e$1 && q.jsxs(q.Fragment, {
children: [ q.jsx(material.Icon, {
color: "success",
children: "done"
}), q.jsx(material.Typography, {
variant: "body2",
children: "已完成"
}) ]
}), "failed" === f && q.jsxs(q.Fragment, {
children: [ q.jsx(material.Icon, {
color: "error",
children: "error"
}), q.jsx(material.Typography, {
variant: "body2",
children: "错误"
}) ]
}), "detail" === e$1 && !h && q.jsxs(material.Button, {
autoFocus: "success" !== f,
disabled: g,
onClick: C,
children: [ ("success" === f || "failed" === f) && "再次", "回复讨论" ]
}), "list" === e$1 && q.jsxs(q.Fragment, {
children: [ q.jsx(material.Button, {
autoFocus: !0,
disabled: !0,
children: "批量发起讨论"
}), q.jsxs(material.Button, {
autoFocus: "success" !== f,
disabled: g,
onClick: async () => {
S("triggered");
},
children: [ "success" === f && q.jsx(material.Icon, {
color: "success",
children: "done"
}), "success" === f || "failed" === f ? "再次批量回复" : "批量回复讨论" ]
}) ]
}) ]
});
}
function Nt(e, t) {
if (null == e) return {};
var r, n, o = {}, i = Object.keys(e);
for (n = 0; n < i.length; n++) r = i[n], t.indexOf(r) >= 0 || (o[r] = e[r]);
return o;
}
function Lt() {
return Lt = Object.assign ? Object.assign.bind() : function(e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
}, Lt.apply(this, arguments);
}
var zt, Dt = {
exports: {}
}, Wt = {}, Vt = Symbol.for("react.element"), Ht = Symbol.for("react.portal"), Kt = Symbol.for("react.fragment"), qt = Symbol.for("react.strict_mode"), Xt = Symbol.for("react.profiler"), Ut = Symbol.for("react.provider"), Gt = Symbol.for("react.context"), Yt = Symbol.for("react.server_context"), Jt = Symbol.for("react.forward_ref"), Zt = Symbol.for("react.suspense"), Qt = Symbol.for("react.suspense_list"), er = Symbol.for("react.memo"), tr = Symbol.for("react.lazy"), rr = Symbol.for("react.offscreen");
function nr(e) {
if ("object" == typeof e && null !== e) {
var t = e.$$typeof;
switch (t) {
case Vt:
switch (e = e.type) {
case Kt:
case Xt:
case qt:
case Zt:
case Qt:
return e;
default:
switch (e = e && e.$$typeof) {
case Yt:
case Gt:
case Jt:
case tr:
case er:
case Ut:
return e;
default:
return t;
}
}
case Ht:
return t;
}
}
}
zt = Symbol.for("react.module.reference"), Wt.ContextConsumer = Gt, Wt.ContextProvider = Ut,
Wt.Element = Vt, Wt.ForwardRef = Jt, Wt.Fragment = Kt, Wt.Lazy = tr, Wt.Memo = er,
Wt.Portal = Ht, Wt.Profiler = Xt, Wt.StrictMode = qt, Wt.Suspense = Zt, Wt.SuspenseList = Qt,
Wt.isAsyncMode = function() {
return !1;
}, Wt.isConcurrentMode = function() {
return !1;
}, Wt.isContextConsumer = function(e) {
return nr(e) === Gt;
}, Wt.isContextProvider = function(e) {
return nr(e) === Ut;
}, Wt.isElement = function(e) {
return "object" == typeof e && null !== e && e.$$typeof === Vt;
}, Wt.isForwardRef = function(e) {
return nr(e) === Jt;
}, Wt.isFragment = function(e) {
return nr(e) === Kt;
}, Wt.isLazy = function(e) {
return nr(e) === tr;
}, Wt.isMemo = function(e) {
return nr(e) === er;
}, Wt.isPortal = function(e) {
return nr(e) === Ht;
}, Wt.isProfiler = function(e) {
return nr(e) === Xt;
}, Wt.isStrictMode = function(e) {
return nr(e) === qt;
}, Wt.isSuspense = function(e) {
return nr(e) === Zt;
}, Wt.isSuspenseList = function(e) {
return nr(e) === Qt;
}, Wt.isValidElementType = function(e) {
return "string" == typeof e || "function" == typeof e || e === Kt || e === Xt || e === qt || e === Zt || e === Qt || e === rr || "object" == typeof e && null !== e && (e.$$typeof === tr || e.$$typeof === er || e.$$typeof === Ut || e.$$typeof === Gt || e.$$typeof === Jt || e.$$typeof === zt || void 0 !== e.getModuleId);
}, Wt.typeOf = nr, Dt.exports = Wt;
var or = Dt.exports;
function ir(e) {
var t, r, n = "";
if ("string" == typeof e || "number" == typeof e) n += e; else if ("object" == typeof e) if (Array.isArray(e)) {
var o = e.length;
for (t = 0; t < o; t++) e[t] && (r = ir(e[t])) && (n && (n += " "), n += r);
} else for (r in e) e[r] && (n && (n += " "), n += r);
return n;
}
function ar() {
for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = ir(e)) && (n && (n += " "),
n += t);
return n;
}
function sr(e) {
if ("object" != typeof e || null === e) return !1;
const t = Object.getPrototypeOf(e);
return !(null !== t && t !== Object.prototype && null !== Object.getPrototypeOf(t) || Symbol.toStringTag in e || Symbol.iterator in e);
}
function lr(e) {
if (!sr(e)) return e;
const t = {};
return Object.keys(e).forEach((r => {
t[r] = lr(e[r]);
})), t;
}
function cr(e, t, r = {
clone: !0
}) {
const n = r.clone ? Lt({}, e) : e;
return sr(e) && sr(t) && Object.keys(t).forEach((o => {
"__proto__" !== o && (sr(t[o]) && o in e && sr(e[o]) ? n[o] = cr(e[o], t[o], r) : r.clone ? n[o] = sr(t[o]) ? lr(t[o]) : t[o] : n[o] = t[o]);
})), n;
}
const ur = Object.freeze(Object.defineProperty({
__proto__: null,
default: cr,
isPlainObject: sr
}, Symbol.toStringTag, {
value: "Module"
}));
function dr(e) {
let t = "https://mui.com/production-error/?code=" + e;
for (let r = 1; r < arguments.length; r += 1) t += "&args[]=" + encodeURIComponent(arguments[r]);
return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
}
const fr = Object.freeze(Object.defineProperty({
__proto__: null,
default: dr
}, Symbol.toStringTag, {
value: "Module"
})), pr = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
function hr(e) {
const t = `${e}`.match(pr);
return t && t[1] || "";
}
function mr(e, t = "") {
return e.displayName || e.name || hr(e) || t;
}
function gr(e, t, r) {
const n = mr(t);
return e.displayName || ("" !== n ? `${r}(${n})` : r);
}
const yr = Object.freeze(Object.defineProperty({
__proto__: null,
default: function(e) {
if (null != e) {
if ("string" == typeof e) return e;
if ("function" == typeof e) return mr(e, "Component");
if ("object" == typeof e) switch (e.$$typeof) {
case or.ForwardRef:
return gr(e, e.render, "ForwardRef");
case or.Memo:
return gr(e, e.type, "memo");
default:
return;
}
}
},
getFunctionName: hr
}, Symbol.toStringTag, {
value: "Module"
}));
function br(e) {
if ("string" != typeof e) throw new Error(dr(7));
return e.charAt(0).toUpperCase() + e.slice(1);
}
const vr = Object.freeze(Object.defineProperty({
__proto__: null,
default: br
}, Symbol.toStringTag, {
value: "Module"
}));
function xr(e, t = 166) {
let r;
function n(...n) {
clearTimeout(r), r = setTimeout((() => {
e.apply(this, n);
}), t);
}
return n.clear = () => {
clearTimeout(r);
}, n;
}
function Sr(e) {
return e && e.ownerDocument || document;
}
function wr(e) {
return Sr(e).defaultView || window;
}
const Cr = "undefined" != typeof window ? e__namespace.useLayoutEffect : e__namespace.useEffect;
function kr(t) {
const r = e__namespace.useRef(t);
return Cr((() => {
r.current = t;
})), e__namespace.useRef(((...e) => (0, r.current)(...e))).current;
}
function jr(...t) {
return e__namespace.useMemo((() => t.every((e => null == e)) ? null : e => {
t.forEach((t => {
!function(e, t) {
"function" == typeof e ? e(t) : e && (e.current = t);
}(t, e);
}));
}), t);
}
const Rr = {};
const Er = [];
class Or {
constructor() {
this.currentId = null, this.clear = () => {
null !== this.currentId && (clearTimeout(this.currentId), this.currentId = null);
}, this.disposeEffect = () => this.clear;
}
static create() {
return new Or;
}
start(e, t) {
this.clear(), this.currentId = setTimeout((() => {
this.currentId = null, t();
}), e);
}
}
function Tr() {
const t = function(t, r) {
const n = e__namespace.useRef(Rr);
return n.current === Rr && (n.current = t(r)), n;
}(Or.create).current;
var r;
return r = t.disposeEffect, e__namespace.useEffect(r, Er), t;
}
let $r = !0, Ar = !1;
const _r = new Or, Pr = {
text: !0,
search: !0,
url: !0,
tel: !0,
email: !0,
password: !0,
number: !0,
date: !0,
month: !0,
week: !0,
time: !0,
datetime: !0,
"datetime-local": !0
};
function Mr(e) {
e.metaKey || e.altKey || e.ctrlKey || ($r = !0);
}
function Ir() {
$r = !1;
}
function Br() {
"hidden" === this.visibilityState && Ar && ($r = !0);
}
function Fr(e) {
const {target: t} = e;
try {
return t.matches(":focus-visible");
} catch (r) {}
return $r || function(e) {
const {type: t, tagName: r} = e;
return !("INPUT" !== r || !Pr[t] || e.readOnly) || "TEXTAREA" === r && !e.readOnly || !!e.isContentEditable;
}(t);
}
function Nr() {
const t = e__namespace.useCallback((e => {
var t;
null != e && ((t = e.ownerDocument).addEventListener("keydown", Mr, !0), t.addEventListener("mousedown", Ir, !0),
t.addEventListener("pointerdown", Ir, !0), t.addEventListener("touchstart", Ir, !0),
t.addEventListener("visibilitychange", Br, !0));
}), []), r = e__namespace.useRef(!1);
return {
isFocusVisibleRef: r,
onFocus: function(e) {
return !!Fr(e) && (r.current = !0, !0);
},
onBlur: function() {
return !!r.current && (Ar = !0, _r.start(100, (() => {
Ar = !1;
})), r.current = !1, !0);
},
ref: t
};
}
let Lr;
function zr() {
if (Lr) return Lr;
const e = document.createElement("div"), t = document.createElement("div");
return t.style.width = "10px", t.style.height = "1px", e.appendChild(t), e.dir = "rtl",
e.style.fontSize = "14px", e.style.width = "4px", e.style.height = "1px", e.style.position = "absolute",
e.style.top = "-1000px", e.style.overflow = "scroll", document.body.appendChild(e),
Lr = "reverse", e.scrollLeft > 0 ? Lr = "default" : (e.scrollLeft = 1, 0 === e.scrollLeft && (Lr = "negative")),
document.body.removeChild(e), Lr;
}
function Dr(e, t) {
const r = e.scrollLeft;
if ("rtl" !== t) return r;
switch (zr()) {
case "negative":
return e.scrollWidth - e.clientWidth + r;
case "reverse":
return e.scrollWidth - e.clientWidth - r;
default:
return r;
}
}
function Wr(e, t) {
const r = Lt({}, t);
return Object.keys(e).forEach((n => {
if (n.toString().match(/^(components|slots)$/)) r[n] = Lt({}, e[n], r[n]); else if (n.toString().match(/^(componentsProps|slotProps)$/)) {
const o = e[n] || {}, i = t[n];
r[n] = {}, i && Object.keys(i) ? o && Object.keys(o) ? (r[n] = Lt({}, i), Object.keys(o).forEach((e => {
r[n][e] = Wr(o[e], i[e]);
}))) : r[n] = i : r[n] = o;
} else void 0 === r[n] && (r[n] = e[n]);
})), r;
}
function Vr(e, t, r = void 0) {
const n = {};
return Object.keys(e).forEach((o => {
n[o] = e[o].reduce(((e, n) => {
if (n) {
const o = t(n);
"" !== o && e.push(o), r && r[n] && e.push(r[n]);
}
return e;
}), []).join(" ");
})), n;
}
const Hr = e => e, Kr = (() => {
let e = Hr;
return {
configure(t) {
e = t;
},
generate: t => e(t),
reset() {
e = Hr;
}
};
})(), qr = {
active: "active",
checked: "checked",
completed: "completed",
disabled: "disabled",
error: "error",
expanded: "expanded",
focused: "focused",
focusVisible: "focusVisible",
open: "open",
readOnly: "readOnly",
required: "required",
selected: "selected"
};
function Xr(e, t, r = "Mui") {
const n = qr[t];
return n ? `${r}-${n}` : `${Kr.generate(e)}-${t}`;
}
function Ur(e, t, r = "Mui") {
const n = {};
return t.forEach((t => {
n[t] = Xr(e, t, r);
})), n;
}
const Gr = Object.freeze(Object.defineProperty({
__proto__: null,
default: function(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
return Math.max(t, Math.min(e, r));
}
}, Symbol.toStringTag, {
value: "Module"
}));
function Yr(e) {
if (void 0 === e) return {};
const t = {};
return Object.keys(e).filter((t => !(t.match(/^on[A-Z]/) && "function" == typeof e[t]))).forEach((r => {
t[r] = e[r];
})), t;
}
function Jr(e) {
const {getSlotProps: t, additionalProps: r, externalSlotProps: n, externalForwardedProps: o, className: i} = e;
if (!t) {
const e = ar(null == r ? void 0 : r.className, i, null == o ? void 0 : o.className, null == n ? void 0 : n.className), t = Lt({}, null == r ? void 0 : r.style, null == o ? void 0 : o.style, null == n ? void 0 : n.style), a = Lt({}, r, o, n);
return e.length > 0 && (a.className = e), Object.keys(t).length > 0 && (a.style = t),
{
props: a,
internalRef: void 0
};
}
const a = function(e, t = []) {
if (void 0 === e) return {};
const r = {};
return Object.keys(e).filter((r => r.match(/^on[A-Z]/) && "function" == typeof e[r] && !t.includes(r))).forEach((t => {
r[t] = e[t];
})), r;
}(Lt({}, o, n)), s = Yr(n), l = Yr(o), c = t(a), u = ar(null == c ? void 0 : c.className, null == r ? void 0 : r.className, i, null == o ? void 0 : o.className, null == n ? void 0 : n.className), d = Lt({}, null == c ? void 0 : c.style, null == r ? void 0 : r.style, null == o ? void 0 : o.style, null == n ? void 0 : n.style), f = Lt({}, c, r, l, s);
return u.length > 0 && (f.className = u), Object.keys(d).length > 0 && (f.style = d),
{
props: f,
internalRef: c.ref
};
}
const Zr = [ "elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps" ];
function Qr(e) {
var t;
const {elementType: r, externalSlotProps: n, ownerState: o, skipResolvingSlotProps: i = !1} = e, a = Nt(e, Zr), s = i ? {} : function(e, t, r) {
return "function" == typeof e ? e(t, r) : e;
}(n, o), {props: l, internalRef: c} = Jr(Lt({}, a, {
externalSlotProps: s
})), u = function(e, t, r) {
return void 0 === e || "string" == typeof e ? t : Lt({}, t, {
ownerState: Lt({}, t.ownerState, r)
});
}(r, Lt({}, l, {
ref: jr(c, null == s ? void 0 : s.ref, null == (t = e.additionalProps) ? void 0 : t.ref)
}), o);
return u;
}
const en = e__namespace.createContext(), tn = () => {
const t = e__namespace.useContext(en);
return null != t && t;
};
var rn, nn = {}, on = {
exports: {}
};
(rn = on).exports = function(e) {
return e && e.__esModule ? e : {
default: e
};
}, rn.exports.__esModule = !0, rn.exports.default = rn.exports;
var an, sn = on.exports, ln = {
exports: {}
};
var cn, un = {
exports: {}
};
var dn = function() {
function e(e) {
var t = this;
this._insertTag = function(e) {
var r;
r = 0 === t.tags.length ? t.insertionPoint ? t.insertionPoint.nextSibling : t.prepend ? t.container.firstChild : t.before : t.tags[t.tags.length - 1].nextSibling,
t.container.insertBefore(e, r), t.tags.push(e);
}, this.isSpeedy = void 0 === e.speedy || e.speedy, this.tags = [], this.ctr = 0,
this.nonce = e.nonce, this.key = e.key, this.container = e.container, this.prepend = e.prepend,
this.insertionPoint = e.insertionPoint, this.before = null;
}
var t = e.prototype;
return t.hydrate = function(e) {
e.forEach(this._insertTag);
}, t.insert = function(e) {
this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(function(e) {
var t = document.createElement("style");
return t.setAttribute("data-emotion", e.key), void 0 !== e.nonce && t.setAttribute("nonce", e.nonce),
t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
}(this));
var t = this.tags[this.tags.length - 1];
if (this.isSpeedy) {
var r = function(e) {
if (e.sheet) return e.sheet;
for (var t = 0; t < document.styleSheets.length; t++) if (document.styleSheets[t].ownerNode === e) return document.styleSheets[t];
}(t);
try {
r.insertRule(e, r.cssRules.length);
} catch (n) {}
} else t.appendChild(document.createTextNode(e));
this.ctr++;
}, t.flush = function() {
this.tags.forEach((function(e) {
return e.parentNode && e.parentNode.removeChild(e);
})), this.tags = [], this.ctr = 0;
}, e;
}(), fn = "-ms-", pn = "-moz-", hn = "-webkit-", mn = "comm", gn = "rule", yn = "decl", bn = "@keyframes", vn = Math.abs, xn = String.fromCharCode, Sn = Object.assign;
function wn(e) {
return e.trim();
}
function Cn(e, t, r) {
return e.replace(t, r);
}
function kn(e, t) {
return e.indexOf(t);
}
function jn(e, t) {
return 0 | e.charCodeAt(t);
}
function Rn(e, t, r) {
return e.slice(t, r);
}
function En(e) {
return e.length;
}
function On(e) {
return e.length;
}
function Tn(e, t) {
return t.push(e), e;
}
var $n = 1, An = 1, _n = 0, Pn = 0, Mn = 0, In = "";
function Bn(e, t, r, n, o, i, a) {
return {
value: e,
root: t,
parent: r,
type: n,
props: o,
children: i,
line: $n,
column: An,
length: a,
return: ""
};
}
function Fn(e, t) {
return Sn(Bn("", null, null, "", null, null, 0), e, {
length: -e.length
}, t);
}
function Nn() {
return Mn = Pn < _n ? jn(In, Pn++) : 0, An++, 10 === Mn && (An = 1, $n++), Mn;
}
function Ln() {
return jn(In, Pn);
}
function zn() {
return Pn;
}
function Dn(e, t) {
return Rn(In, e, t);
}
function Wn(e) {
switch (e) {
case 0:
case 9:
case 10:
case 13:
case 32:
return 5;
case 33:
case 43:
case 44:
case 47:
case 62:
case 64:
case 126:
case 59:
case 123:
case 125:
return 4;
case 58:
return 3;
case 34:
case 39:
case 40:
case 91:
return 2;
case 41:
case 93:
return 1;
}
return 0;
}
function Vn(e) {
return $n = An = 1, _n = En(In = e), Pn = 0, [];
}
function Hn(e) {
return In = "", e;
}
function Kn(e) {
return wn(Dn(Pn - 1, Un(91 === e ? e + 2 : 40 === e ? e + 1 : e)));
}
function qn(e) {
for (;(Mn = Ln()) && Mn < 33; ) Nn();
return Wn(e) > 2 || Wn(Mn) > 3 ? "" : " ";
}
function Xn(e, t) {
for (;--t && Nn() && !(Mn < 48 || Mn > 102 || Mn > 57 && Mn < 65 || Mn > 70 && Mn < 97); ) ;
return Dn(e, zn() + (t < 6 && 32 == Ln() && 32 == Nn()));
}
function Un(e) {
for (;Nn(); ) switch (Mn) {
case e:
return Pn;
case 34:
case 39:
34 !== e && 39 !== e && Un(Mn);
break;
case 40:
41 === e && Un(e);
break;
case 92:
Nn();
}
return Pn;
}
function Gn(e, t) {
for (;Nn() && e + Mn !== 57 && (e + Mn !== 84 || 47 !== Ln()); ) ;
return "/*" + Dn(t, Pn - 1) + "*" + xn(47 === e ? e : Nn());
}
function Yn(e) {
for (;!Wn(Ln()); ) Nn();
return Dn(e, Pn);
}
function Jn(e) {
return Hn(Zn("", null, null, null, [ "" ], e = Vn(e), 0, [ 0 ], e));
}
function Zn(e, t, r, n, o, i, a, s, l) {
for (var c = 0, u = 0, d = a, f = 0, p = 0, h = 0, m = 1, g = 1, y = 1, b = 0, v = "", x = o, S = i, w = n, C = v; g; ) switch (h = b,
b = Nn()) {
case 40:
if (108 != h && 58 == jn(C, d - 1)) {
-1 != kn(C += Cn(Kn(b), "&", "&\f"), "&\f") && (y = -1);
break;
}
case 34:
case 39:
case 91:
C += Kn(b);
break;
case 9:
case 10:
case 13:
case 32:
C += qn(h);
break;
case 92:
C += Xn(zn() - 1, 7);
continue;
case 47:
switch (Ln()) {
case 42:
case 47:
Tn(eo(Gn(Nn(), zn()), t, r), l);
break;
default:
C += "/";
}
break;
case 123 * m:
s[c++] = En(C) * y;
case 125 * m:
case 59:
case 0:
switch (b) {
case 0:
case 125:
g = 0;
case 59 + u:
-1 == y && (C = Cn(C, /\f/g, "")), p > 0 && En(C) - d && Tn(p > 32 ? to(C + ";", n, r, d - 1) : to(Cn(C, " ", "") + ";", n, r, d - 2), l);
break;
case 59:
C += ";";
default:
if (Tn(w = Qn(C, t, r, c, u, o, s, v, x = [], S = [], d), i), 123 === b) if (0 === u) Zn(C, t, w, w, x, i, d, s, S); else switch (99 === f && 110 === jn(C, 3) ? 100 : f) {
case 100:
case 108:
case 109:
case 115:
Zn(e, w, w, n && Tn(Qn(e, w, w, 0, 0, o, s, v, o, x = [], d), S), o, S, d, s, n ? x : S);
break;
default:
Zn(C, w, w, w, [ "" ], S, 0, s, S);
}
}
c = u = p = 0, m = y = 1, v = C = "", d = a;
break;
case 58:
d = 1 + En(C), p = h;
default:
if (m < 1) if (123 == b) --m; else if (125 == b && 0 == m++ && 125 == (Mn = Pn > 0 ? jn(In, --Pn) : 0,
An--, 10 === Mn && (An = 1, $n--), Mn)) continue;
switch (C += xn(b), b * m) {
case 38:
y = u > 0 ? 1 : (C += "\f", -1);
break;
case 44:
s[c++] = (En(C) - 1) * y, y = 1;
break;
case 64:
45 === Ln() && (C += Kn(Nn())), f = Ln(), u = d = En(v = C += Yn(zn())), b++;
break;
case 45:
45 === h && 2 == En(C) && (m = 0);
}
}
return i;
}
function Qn(e, t, r, n, o, i, a, s, l, c, u) {
for (var d = o - 1, f = 0 === o ? i : [ "" ], p = On(f), h = 0, m = 0, g = 0; h < n; ++h) for (var y = 0, b = Rn(e, d + 1, d = vn(m = a[h])), v = e; y < p; ++y) (v = wn(m > 0 ? f[y] + " " + b : Cn(b, /&\f/g, f[y]))) && (l[g++] = v);
return Bn(e, t, r, 0 === o ? gn : s, l, c, u);
}
function eo(e, t, r) {
return Bn(e, t, r, mn, xn(Mn), Rn(e, 2, -2), 0);
}
function to(e, t, r, n) {
return Bn(e, t, r, yn, Rn(e, 0, n), Rn(e, n + 1, -1), n);
}
function ro(e, t) {
for (var r = "", n = On(e), o = 0; o < n; o++) r += t(e[o], o, e, t) || "";
return r;
}
function no(e, t, r, n) {
switch (e.type) {
case "@layer":
if (e.children.length) break;
case "@import":
case yn:
return e.return = e.return || e.value;
case mn:
return "";
case bn:
return e.return = e.value + "{" + ro(e.children, n) + "}";
case gn:
e.value = e.props.join(",");
}
return En(r = ro(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
}
var oo = function(e, t, r) {
for (var n = 0, o = 0; n = o, o = Ln(), 38 === n && 12 === o && (t[r] = 1), !Wn(o); ) Nn();
return Dn(e, Pn);
}, io = function(e, t) {
return Hn(function(e, t) {
var r = -1, n = 44;
do {
switch (Wn(n)) {
case 0:
38 === n && 12 === Ln() && (t[r] = 1), e[r] += oo(Pn - 1, t, r);
break;
case 2:
e[r] += Kn(n);
break;
case 4:
if (44 === n) {
e[++r] = 58 === Ln() ? "&\f" : "", t[r] = e[r].length;
break;
}
default:
e[r] += xn(n);
}
} while (n = Nn());
return e;
}(Vn(e), t));
}, ao = new WeakMap, so = function(e) {
if ("rule" === e.type && e.parent && !(e.length < 1)) {
for (var t = e.value, r = e.parent, n = e.column === r.column && e.line === r.line; "rule" !== r.type; ) if (!(r = r.parent)) return;
if ((1 !== e.props.length || 58 === t.charCodeAt(0) || ao.get(r)) && !n) {
ao.set(e, !0);
for (var o = [], i = io(t, o), a = r.props, s = 0, l = 0; s < i.length; s++) for (var c = 0; c < a.length; c++,
l++) e.props[l] = o[s] ? i[s].replace(/&\f/g, a[c]) : a[c] + " " + i[s];
}
}
}, lo = function(e) {
if ("decl" === e.type) {
var t = e.value;
108 === t.charCodeAt(0) && 98 === t.charCodeAt(2) && (e.return = "", e.value = "");
}
};
function co(e, t) {
switch (function(e, t) {
return 45 ^ jn(e, 0) ? (((t << 2 ^ jn(e, 0)) << 2 ^ jn(e, 1)) << 2 ^ jn(e, 2)) << 2 ^ jn(e, 3) : 0;
}(e, t)) {
case 5103:
return hn + "print-" + e + e;
case 5737:
case 4201:
case 3177:
case 3433:
case 1641:
case 4457:
case 2921:
case 5572:
case 6356:
case 5844:
case 3191:
case 6645:
case 3005:
case 6391:
case 5879:
case 5623:
case 6135:
case 4599:
case 4855:
case 4215:
case 6389:
case 5109:
case 5365:
case 5621:
case 3829:
return hn + e + e;
case 5349:
case 4246:
case 4810:
case 6968:
case 2756:
return hn + e + pn + e + fn + e + e;
case 6828:
case 4268:
return hn + e + fn + e + e;
case 6165:
return hn + e + fn + "flex-" + e + e;
case 5187:
return hn + e + Cn(e, /(\w+).+(:[^]+)/, hn + "box-$1$2" + fn + "flex-$1$2") + e;
case 5443:
return hn + e + fn + "flex-item-" + Cn(e, /flex-|-self/, "") + e;
case 4675:
return hn + e + fn + "flex-line-pack" + Cn(e, /align-content|flex-|-self/, "") + e;
case 5548:
return hn + e + fn + Cn(e, "shrink", "negative") + e;
case 5292:
return hn + e + fn + Cn(e, "basis", "preferred-size") + e;
case 6060:
return hn + "box-" + Cn(e, "-grow", "") + hn + e + fn + Cn(e, "grow", "positive") + e;
case 4554:
return hn + Cn(e, /([^-])(transform)/g, "$1" + hn + "$2") + e;
case 6187:
return Cn(Cn(Cn(e, /(zoom-|grab)/, hn + "$1"), /(image-set)/, hn + "$1"), e, "") + e;
case 5495:
case 3959:
return Cn(e, /(image-set\([^]*)/, hn + "$1$`$1");
case 4968:
return Cn(Cn(e, /(.+:)(flex-)?(.*)/, hn + "box-pack:$3" + fn + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + hn + e + e;
case 4095:
case 3583:
case 4068:
case 2532:
return Cn(e, /(.+)-inline(.+)/, hn + "$1$2") + e;
case 8116:
case 7059:
case 5753:
case 5535:
case 5445:
case 5701:
case 4933:
case 4677:
case 5533:
case 5789:
case 5021:
case 4765:
if (En(e) - 1 - t > 6) switch (jn(e, t + 1)) {
case 109:
if (45 !== jn(e, t + 4)) break;
case 102:
return Cn(e, /(.+:)(.+)-([^]+)/, "$1" + hn + "$2-$3$1" + pn + (108 == jn(e, t + 3) ? "$3" : "$2-$3")) + e;
case 115:
return ~kn(e, "stretch") ? co(Cn(e, "stretch", "fill-available"), t) + e : e;
}
break;
case 4949:
if (115 !== jn(e, t + 1)) break;
case 6444:
switch (jn(e, En(e) - 3 - (~kn(e, "!important") && 10))) {
case 107:
return Cn(e, ":", ":" + hn) + e;
case 101:
return Cn(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + hn + (45 === jn(e, 14) ? "inline-" : "") + "box$3$1" + hn + "$2$3$1" + fn + "$2box$3") + e;
}
break;
case 5936:
switch (jn(e, t + 11)) {
case 114:
return hn + e + fn + Cn(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
case 108:
return hn + e + fn + Cn(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
case 45:
return hn + e + fn + Cn(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
}
return hn + e + fn + e + e;
}
return e;
}
var uo = [ function(e, t, r, n) {
if (e.length > -1 && !e.return) switch (e.type) {
case yn:
e.return = co(e.value, e.length);
break;
case bn:
return ro([ Fn(e, {
value: Cn(e.value, "@", "@" + hn)
}) ], n);
case gn:
if (e.length) return function(e, t) {
return e.map(t).join("");
}(e.props, (function(t) {
switch (function(e, t) {
return (e = t.exec(e)) ? e[0] : e;
}(t, /(::plac\w+|:read-\w+)/)) {
case ":read-only":
case ":read-write":
return ro([ Fn(e, {
props: [ Cn(t, /:(read-\w+)/, ":-moz-$1") ]
}) ], n);
case "::placeholder":
return ro([ Fn(e, {
props: [ Cn(t, /:(plac\w+)/, ":" + hn + "input-$1") ]
}), Fn(e, {
props: [ Cn(t, /:(plac\w+)/, ":-moz-$1") ]
}), Fn(e, {
props: [ Cn(t, /:(plac\w+)/, fn + "input-$1") ]
}) ], n);
}
return "";
}));
}
} ];
let fo;
function po(e, t) {
return E(e, t);
}
"object" == typeof document && (fo = function(e) {
var t = e.key;
if ("css" === t) {
var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
Array.prototype.forEach.call(r, (function(e) {
-1 !== e.getAttribute("data-emotion").indexOf(" ") && (document.head.appendChild(e),
e.setAttribute("data-s", ""));
}));
}
var n, o, i = e.stylisPlugins || uo, a = {}, s = [];
n = e.container || document.head, Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="' + t + ' "]'), (function(e) {
for (var t = e.getAttribute("data-emotion").split(" "), r = 1; r < t.length; r++) a[t[r]] = !0;
s.push(e);
}));
var l, c, u, d, f = [ no, (d = function(e) {
l.insert(e);
}, function(e) {
e.root || (e = e.return) && d(e);
}) ], p = (c = [ so, lo ].concat(i, f), u = On(c), function(e, t, r, n) {
for (var o = "", i = 0; i < u; i++) o += c[i](e, t, r, n) || "";
return o;
});
o = function(e, t, r, n) {
l = r, ro(Jn(e ? e + "{" + t.styles + "}" : t.styles), p), n && (h.inserted[t.name] = !0);
};
var h = {
key: t,
sheet: new dn({
key: t,
container: n,
nonce: e.nonce,
speedy: e.speedy,
prepend: e.prepend,
insertionPoint: e.insertionPoint
}),
nonce: e.nonce,
inserted: a,
registered: {},
insert: o
};
return h.sheet.hydrate(s), h;
}({
key: "css",
prepend: !0
}));
const ho = B(Object.freeze(Object.defineProperty({
__proto__: null,
GlobalStyles: function(e) {
const {styles: t, defaultTheme: r = {}} = e, n = "function" == typeof t ? e => {
return t(null == (n = e) || 0 === Object.keys(n).length ? r : e);
var n;
} : t;
return q.jsx(react.Global, {
styles: n
});
},
StyledEngineProvider: function(e) {
const {injectFirst: t, children: r} = e;
return t && fo ? q.jsx(react.CacheProvider, {
value: fo,
children: r
}) : r;
},
ThemeContext: react.ThemeContext,
css: react.css,
default: po,
internal_processStyles: (e, t) => {
Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
},
keyframes: react.keyframes
}, Symbol.toStringTag, {
value: "Module"
}))), mo = B(ur), go = B(vr), yo = B(yr), bo = [ "values", "unit", "step" ], vo = e => {
const t = Object.keys(e).map((t => ({
key: t,
val: e[t]
}))) || [];
return t.sort(((e, t) => e.val - t.val)), t.reduce(((e, t) => Lt({}, e, {
[t.key]: t.val
})), {});
};
function xo(e) {
const {values: t = {
xs: 0,
sm: 600,
md: 900,
lg: 1200,
xl: 1536
}, unit: r = "px", step: n = 5} = e, o = Nt(e, bo), i = vo(t), a = Object.keys(i);
function s(e) {
return `@media (min-width:${"number" == typeof t[e] ? t[e] : e}${r})`;
}
function l(e) {
return `@media (max-width:${("number" == typeof t[e] ? t[e] : e) - n / 100}${r})`;
}
function c(e, o) {
const i = a.indexOf(o);
return `@media (min-width:${"number" == typeof t[e] ? t[e] : e}${r}) and (max-width:${(-1 !== i && "number" == typeof t[a[i]] ? t[a[i]] : o) - n / 100}${r})`;
}
return Lt({
keys: a,
values: i,
up: s,
down: l,
between: c,
only: function(e) {
return a.indexOf(e) + 1 < a.length ? c(e, a[a.indexOf(e) + 1]) : s(e);
},
not: function(e) {
const t = a.indexOf(e);
return 0 === t ? s(a[1]) : t === a.length - 1 ? l(a[t]) : c(e, a[a.indexOf(e) + 1]).replace("@media", "@media not all and");
},
unit: r
}, o);
}
const So = {
borderRadius: 4
};
function wo(e, t) {
return t ? cr(e, t, {
clone: !1
}) : e;
}
const Co = {
xs: 0,
sm: 600,
md: 900,
lg: 1200,
xl: 1536
}, ko = {
keys: [ "xs", "sm", "md", "lg", "xl" ],
up: e => `@media (min-width:${Co[e]}px)`
};
function jo(e, t, r) {
const n = e.theme || {};
if (Array.isArray(t)) {
const e = n.breakpoints || ko;
return t.reduce(((n, o, i) => (n[e.up(e.keys[i])] = r(t[i]), n)), {});
}
if ("object" == typeof t) {
const e = n.breakpoints || ko;
return Object.keys(t).reduce(((n, o) => {
if (-1 !== Object.keys(e.values || Co).indexOf(o)) {
n[e.up(o)] = r(t[o], o);
} else {
const e = o;
n[e] = t[e];
}
return n;
}), {});
}
return r(t);
}
function Ro(e, t, r = !0) {
if (!t || "string" != typeof t) return null;
if (e && e.vars && r) {
const r = `vars.${t}`.split(".").reduce(((e, t) => e && e[t] ? e[t] : null), e);
if (null != r) return r;
}
return t.split(".").reduce(((e, t) => e && null != e[t] ? e[t] : null), e);
}
function Eo(e, t, r, n = r) {
let o;
return o = "function" == typeof e ? e(r) : Array.isArray(e) ? e[r] || n : Ro(e, r) || n,
t && (o = t(o, n, e)), o;
}
function Oo(e) {
const {prop: t, cssProperty: r = e.prop, themeKey: n, transform: o} = e, i = e => {
if (null == e[t]) return null;
const i = e[t], a = Ro(e.theme, n) || {};
return jo(e, i, (e => {
let n = Eo(a, o, e);
return e === n && "string" == typeof e && (n = Eo(a, o, `${t}${"default" === e ? "" : br(e)}`, e)),
!1 === r ? n : {
[r]: n
};
}));
};
return i.propTypes = {}, i.filterProps = [ t ], i;
}
const To = {
m: "margin",
p: "padding"
}, $o = {
t: "Top",
r: "Right",
b: "Bottom",
l: "Left",
x: [ "Left", "Right" ],
y: [ "Top", "Bottom" ]
}, Ao = {
marginX: "mx",
marginY: "my",
paddingX: "px",
paddingY: "py"
}, _o = function(e) {
const t = {};
return r => (void 0 === t[r] && (t[r] = e(r)), t[r]);
}((e => {
if (e.length > 2) {
if (!Ao[e]) return [ e ];
e = Ao[e];
}
const [t, r] = e.split(""), n = To[t], o = $o[r] || "";
return Array.isArray(o) ? o.map((e => n + e)) : [ n + o ];
})), Po = [ "m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd" ], Mo = [ "p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd" ];
function Io(e, t, r, n) {
var o;
const i = null != (o = Ro(e, t, !1)) ? o : r;
return "number" == typeof i ? e => "string" == typeof e ? e : i * e : Array.isArray(i) ? e => "string" == typeof e ? e : i[e] : "function" == typeof i ? i : () => {};
}
function Bo(e) {
return Io(e, "spacing", 8);
}
function Fo(e, t) {
if ("string" == typeof t || null == t) return t;
const r = e(Math.abs(t));
return t >= 0 ? r : "number" == typeof r ? -r : `-${r}`;
}
function No(e, t, r, n) {
if (-1 === t.indexOf(r)) return null;
const o = function(e, t) {
return r => e.reduce(((e, n) => (e[n] = Fo(t, r), e)), {});
}(_o(r), n);
return jo(e, e[r], o);
}
function Lo(e, t) {
const r = Bo(e.theme);
return Object.keys(e).map((n => No(e, t, n, r))).reduce(wo, {});
}
function zo(e) {
return Lo(e, Po);
}
function Do(e) {
return Lo(e, Mo);
}
function Wo(...e) {
const t = e.reduce(((e, t) => (t.filterProps.forEach((r => {
e[r] = t;
})), e)), {}), r = e => Object.keys(e).reduce(((r, n) => t[n] ? wo(r, t[n](e)) : r), {});
return r.propTypes = {}, r.filterProps = e.reduce(((e, t) => e.concat(t.filterProps)), []),
r;
}
function Vo(e) {
return "number" != typeof e ? e : `${e}px solid`;
}
function Ho(e, t) {
return Oo({
prop: e,
themeKey: "borders",
transform: t
});
}
zo.propTypes = {}, zo.filterProps = Po, Do.propTypes = {}, Do.filterProps = Mo;
const Ko = Ho("border", Vo), qo = Ho("borderTop", Vo), Xo = Ho("borderRight", Vo), Uo = Ho("borderBottom", Vo), Go = Ho("borderLeft", Vo), Yo = Ho("borderColor"), Jo = Ho("borderTopColor"), Zo = Ho("borderRightColor"), Qo = Ho("borderBottomColor"), ei = Ho("borderLeftColor"), ti = Ho("outline", Vo), ri = Ho("outlineColor"), ni = e => {
if (void 0 !== e.borderRadius && null !== e.borderRadius) {
const t = Io(e.theme, "shape.borderRadius", 4), r = e => ({
borderRadius: Fo(t, e)
});
return jo(e, e.borderRadius, r);
}
return null;
};
ni.propTypes = {}, ni.filterProps = [ "borderRadius" ], Wo(Ko, qo, Xo, Uo, Go, Yo, Jo, Zo, Qo, ei, ni, ti, ri);
const oi = e => {
if (void 0 !== e.gap && null !== e.gap) {
const t = Io(e.theme, "spacing", 8), r = e => ({
gap: Fo(t, e)
});
return jo(e, e.gap, r);
}
return null;
};
oi.propTypes = {}, oi.filterProps = [ "gap" ];
const ii = e => {
if (void 0 !== e.columnGap && null !== e.columnGap) {
const t = Io(e.theme, "spacing", 8), r = e => ({
columnGap: Fo(t, e)
});
return jo(e, e.columnGap, r);
}
return null;
};
ii.propTypes = {}, ii.filterProps = [ "columnGap" ];
const ai = e => {
if (void 0 !== e.rowGap && null !== e.rowGap) {
const t = Io(e.theme, "spacing", 8), r = e => ({
rowGap: Fo(t, e)
});
return jo(e, e.rowGap, r);
}
return null;
};
ai.propTypes = {}, ai.filterProps = [ "rowGap" ];
function si(e, t) {
return "grey" === t ? t : e;
}
Wo(oi, ii, ai, Oo({
prop: "gridColumn"
}), Oo({
prop: "gridRow"
}), Oo({
prop: "gridAutoFlow"
}), Oo({
prop: "gridAutoColumns"
}), Oo({
prop: "gridAutoRows"
}), Oo({
prop: "gridTemplateColumns"
}), Oo({
prop: "gridTemplateRows"
}), Oo({
prop: "gridTemplateAreas"
}), Oo({
prop: "gridArea"
}));
function li(e) {
return e <= 1 && 0 !== e ? 100 * e + "%" : e;
}
Wo(Oo({
prop: "color",
themeKey: "palette",
transform: si
}), Oo({
prop: "bgcolor",
cssProperty: "backgroundColor",
themeKey: "palette",
transform: si
}), Oo({
prop: "backgroundColor",
themeKey: "palette",
transform: si
}));
const ci = Oo({
prop: "width",
transform: li
}), ui = e => {
if (void 0 !== e.maxWidth && null !== e.maxWidth) {
const t = t => {
var r, n;
const o = (null == (r = e.theme) || null == (r = r.breakpoints) || null == (r = r.values) ? void 0 : r[t]) || Co[t];
return o ? "px" !== (null == (n = e.theme) || null == (n = n.breakpoints) ? void 0 : n.unit) ? {
maxWidth: `${o}${e.theme.breakpoints.unit}`
} : {
maxWidth: o
} : {
maxWidth: li(t)
};
};
return jo(e, e.maxWidth, t);
}
return null;
};
ui.filterProps = [ "maxWidth" ];
const di = Oo({
prop: "minWidth",
transform: li
}), fi = Oo({
prop: "height",
transform: li
}), pi = Oo({
prop: "maxHeight",
transform: li
}), hi = Oo({
prop: "minHeight",
transform: li
});
Oo({
prop: "size",
cssProperty: "width",
transform: li
}), Oo({
prop: "size",
cssProperty: "height",
transform: li
});
Wo(ci, ui, di, fi, pi, hi, Oo({
prop: "boxSizing"
}));
const mi = {
border: {
themeKey: "borders",
transform: Vo
},
borderTop: {
themeKey: "borders",
transform: Vo
},
borderRight: {
themeKey: "borders",
transform: Vo
},
borderBottom: {
themeKey: "borders",
transform: Vo
},
borderLeft: {
themeKey: "borders",
transform: Vo
},
borderColor: {
themeKey: "palette"
},
borderTopColor: {
themeKey: "palette"
},
borderRightColor: {
themeKey: "palette"
},
borderBottomColor: {
themeKey: "palette"
},
borderLeftColor: {
themeKey: "palette"
},
outline: {
themeKey: "borders",
transform: Vo
},
outlineColor: {
themeKey: "palette"
},
borderRadius: {
themeKey: "shape.borderRadius",
style: ni
},
color: {
themeKey: "palette",
transform: si
},
bgcolor: {
themeKey: "palette",
cssProperty: "backgroundColor",
transform: si
},
backgroundColor: {
themeKey: "palette",
transform: si
},
p: {
style: Do
},
pt: {
style: Do
},
pr: {
style: Do
},
pb: {
style: Do
},
pl: {
style: Do
},
px: {
style: Do
},
py: {
style: Do
},
padding: {
style: Do
},
paddingTop: {
style: Do
},
paddingRight: {
style: Do
},
paddingBottom: {
style: Do
},
paddingLeft: {
style: Do
},
paddingX: {
style: Do
},
paddingY: {
style: Do
},
paddingInline: {
style: Do
},
paddingInlineStart: {
style: Do
},
paddingInlineEnd: {
style: Do
},
paddingBlock: {
style: Do
},
paddingBlockStart: {
style: Do
},
paddingBlockEnd: {
style: Do
},
m: {
style: zo
},
mt: {
style: zo
},
mr: {
style: zo
},
mb: {
style: zo
},
ml: {
style: zo
},
mx: {
style: zo
},
my: {
style: zo
},
margin: {
style: zo
},
marginTop: {
style: zo
},
marginRight: {
style: zo
},
marginBottom: {
style: zo
},
marginLeft: {
style: zo
},
marginX: {
style: zo
},
marginY: {
style: zo
},
marginInline: {
style: zo
},
marginInlineStart: {
style: zo
},
marginInlineEnd: {
style: zo
},
marginBlock: {
style: zo
},
marginBlockStart: {
style: zo
},
marginBlockEnd: {
style: zo
},
displayPrint: {
cssProperty: !1,
transform: e => ({
"@media print": {
display: e
}
})
},
display: {},
overflow: {},
textOverflow: {},
visibility: {},
whiteSpace: {},
flexBasis: {},
flexDirection: {},
flexWrap: {},
justifyContent: {},
alignItems: {},
alignContent: {},
order: {},
flex: {},
flexGrow: {},
flexShrink: {},
alignSelf: {},
justifyItems: {},
justifySelf: {},
gap: {
style: oi
},
rowGap: {
style: ai
},
columnGap: {
style: ii
},
gridColumn: {},
gridRow: {},
gridAutoFlow: {},
gridAutoColumns: {},
gridAutoRows: {},
gridTemplateColumns: {},
gridTemplateRows: {},
gridTemplateAreas: {},
gridArea: {},
position: {},
zIndex: {
themeKey: "zIndex"
},
top: {},
right: {},
bottom: {},
left: {},
boxShadow: {
themeKey: "shadows"
},
width: {
transform: li
},
maxWidth: {
style: ui
},
minWidth: {
transform: li
},
height: {
transform: li
},
maxHeight: {
transform: li
},
minHeight: {
transform: li
},
boxSizing: {},
fontFamily: {
themeKey: "typography"
},
fontSize: {
themeKey: "typography"
},
fontStyle: {
themeKey: "typography"
},
fontWeight: {
themeKey: "typography"
},
letterSpacing: {},
textTransform: {},
lineHeight: {},
textAlign: {},
typography: {
cssProperty: !1,
themeKey: "typography"
}
};
function gi() {
function e(e, t, r, n) {
const o = {
[e]: t,
theme: r
}, i = n[e];
if (!i) return {
[e]: t
};
const {cssProperty: a = e, themeKey: s, transform: l, style: c} = i;
if (null == t) return null;
if ("typography" === s && "inherit" === t) return {
[e]: t
};
const u = Ro(r, s) || {};
if (c) return c(o);
return jo(o, t, (t => {
let r = Eo(u, l, t);
return t === r && "string" == typeof t && (r = Eo(u, l, `${e}${"default" === t ? "" : br(t)}`, t)),
!1 === a ? r : {
[a]: r
};
}));
}
return function t(r) {
var n;
const {sx: o, theme: i = {}} = r || {};
if (!o) return null;
const a = null != (n = i.unstable_sxConfig) ? n : mi;
function s(r) {
let n = r;
if ("function" == typeof r) n = r(i); else if ("object" != typeof r) return r;
if (!n) return null;
const o = function(e = {}) {
var t;
return (null == (t = e.keys) ? void 0 : t.reduce(((t, r) => (t[e.up(r)] = {}, t)), {})) || {};
}(i.breakpoints), s = Object.keys(o);
let l = o;
return Object.keys(n).forEach((r => {
const o = (s = n[r], c = i, "function" == typeof s ? s(c) : s);
var s, c;
if (null != o) if ("object" == typeof o) if (a[r]) l = wo(l, e(r, o, i, a)); else {
const e = jo({
theme: i
}, o, (e => ({
[r]: e
})));
!function(...e) {
const t = e.reduce(((e, t) => e.concat(Object.keys(t))), []), r = new Set(t);
return e.every((e => r.size === Object.keys(e).length));
}(e, o) ? l = wo(l, e) : l[r] = t({
sx: o,
theme: i
});
} else l = wo(l, e(r, o, i, a));
})), c = l, s.reduce(((e, t) => {
const r = e[t];
return (!r || 0 === Object.keys(r).length) && delete e[t], e;
}), c);
var c;
}
return Array.isArray(o) ? o.map(s) : s(o);
};
}
const yi = gi();
yi.filterProps = [ "sx" ];
const bi = yi;
function vi(e, t) {
const r = this;
if (r.vars && "function" == typeof r.getColorSchemeSelector) {
return {
[r.getColorSchemeSelector(e).replace(/(\[[^\]]+\])/, "*:where($1)")]: t
};
}
return r.palette.mode === e ? t : {};
}
const xi = [ "breakpoints", "palette", "spacing", "shape" ];
function Si(e = {}, ...t) {
const {breakpoints: r = {}, palette: n = {}, spacing: o, shape: i = {}} = e, a = Nt(e, xi), s = xo(r), l = function(e = 8) {
if (e.mui) return e;
const t = Bo({
spacing: e
}), r = (...e) => (0 === e.length ? [ 1 ] : e).map((e => {
const r = t(e);
return "number" == typeof r ? `${r}px` : r;
})).join(" ");
return r.mui = !0, r;
}(o);
let c = cr({
breakpoints: s,
direction: "ltr",
components: {},
palette: Lt({
mode: "light"
}, n),
spacing: l,
shape: Lt({}, So, i)
}, a);
return c.applyStyles = vi, c = t.reduce(((e, t) => cr(e, t)), c), c.unstable_sxConfig = Lt({}, mi, null == a ? void 0 : a.unstable_sxConfig),
c.unstable_sx = function(e) {
return bi({
sx: e,
theme: this
});
}, c;
}
const wi = B(Object.freeze(Object.defineProperty({
__proto__: null,
default: Si,
private_createBreakpoints: xo,
unstable_applyStyles: vi
}, Symbol.toStringTag, {
value: "Module"
}))), Ci = [ "sx" ], ki = e => {
var t, r;
const n = {
systemProps: {},
otherProps: {}
}, o = null != (t = null == e || null == (r = e.theme) ? void 0 : r.unstable_sxConfig) ? t : mi;
return Object.keys(e).forEach((t => {
o[t] ? n.systemProps[t] = e[t] : n.otherProps[t] = e[t];
})), n;
};
function ji(e) {
const {sx: t} = e, r = Nt(e, Ci), {systemProps: n, otherProps: o} = ki(r);
let i;
return i = Array.isArray(t) ? [ n, ...t ] : "function" == typeof t ? (...e) => {
const r = t(...e);
return sr(r) ? Lt({}, n, r) : n;
} : Lt({}, n, t), Lt({}, o, {
sx: i
});
}
const Ri = B(Object.freeze(Object.defineProperty({
__proto__: null,
default: bi,
extendSxProp: ji,
unstable_createStyleFunctionSx: gi,
unstable_defaultSxConfig: mi
}, Symbol.toStringTag, {
value: "Module"
})));
var Ei = sn;
Object.defineProperty(nn, "__esModule", {
value: !0
});
var Oi = nn.default = function(e = {}) {
const {themeId: t, defaultTheme: r = Di, rootShouldForwardProp: n = zi, slotShouldForwardProp: o = zi} = e, i = e => (0, Ii.default)((0, $i.default)({}, e, {
theme: Vi((0, $i.default)({}, e, {
defaultTheme: r,
themeId: t
}))
}));
return i.__mui_systemSx = !0, (e, a = {}) => {
(0, _i.internal_processStyles)(e, (e => e.filter((e => !(null != e && e.__mui_systemSx)))));
const {name: s, slot: l, skipVariantsResolver: c, skipSx: u, overridesResolver: d = Hi(Wi(l))} = a, f = (0, Ai.default)(a, Ni), p = void 0 !== c ? c : l && "Root" !== l && "root" !== l || !1, h = u || !1;
let m = zi;
"Root" === l || "root" === l ? m = n : l ? m = o : function(e) {
return "string" == typeof e && e.charCodeAt(0) > 96;
}(e) && (m = void 0);
const g = (0, _i.default)(e, (0, $i.default)({
shouldForwardProp: m,
label: undefined
}, f)), y = e => "function" == typeof e && e.__emotion_real !== e || (0, Pi.isPlainObject)(e) ? n => Ki(e, (0, $i.default)({}, n, {
theme: Vi({
theme: n.theme,
defaultTheme: r,
themeId: t
})
})) : e, b = (n, ...o) => {
let a = y(n);
const l = o ? o.map(y) : [];
s && d && l.push((e => {
const n = Vi((0, $i.default)({}, e, {
defaultTheme: r,
themeId: t
}));
if (!n.components || !n.components[s] || !n.components[s].styleOverrides) return null;
const o = n.components[s].styleOverrides, i = {};
return Object.entries(o).forEach((([t, r]) => {
i[t] = Ki(r, (0, $i.default)({}, e, {
theme: n
}));
})), d(e, i);
})), s && !p && l.push((e => {
var n;
const o = Vi((0, $i.default)({}, e, {
defaultTheme: r,
themeId: t
}));
return Ki({
variants: null == o || null == (n = o.components) || null == (n = n[s]) ? void 0 : n.variants
}, (0, $i.default)({}, e, {
theme: o
}));
})), h || l.push(i);
const c = l.length - o.length;
if (Array.isArray(n) && c > 0) {
const e = new Array(c).fill("");
a = [ ...n, ...e ], a.raw = [ ...n.raw, ...e ];
}
const u = g(a, ...l);
return e.muiName && (u.muiName = e.muiName), u;
};
return g.withConfig && (b.withConfig = g.withConfig), b;
};
}, Ti = nn.shouldForwardProp = zi;
nn.systemDefaultTheme = void 0;
var $i = Ei((an || (an = 1, function(e) {
function t() {
return e.exports = t = Object.assign ? Object.assign.bind() : function(e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
}, e.exports.__esModule = !0, e.exports.default = e.exports, t.apply(this, arguments);
}
e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
}(ln)), ln.exports)), Ai = Ei((cn || (cn = 1, function(e) {
e.exports = function(e, t) {
if (null == e) return {};
var r, n, o = {}, i = Object.keys(e);
for (n = 0; n < i.length; n++) r = i[n], t.indexOf(r) >= 0 || (o[r] = e[r]);
return o;
}, e.exports.__esModule = !0, e.exports.default = e.exports;
}(un)), un.exports)), _i = function(e, t) {
if (!t && e && e.__esModule) return e;
if (null === e || "object" != typeof e && "function" != typeof e) return {
default: e
};
var r = Li(t);
if (r && r.has(e)) return r.get(e);
var n = {
__proto__: null
}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var i in e) if ("default" !== i && Object.prototype.hasOwnProperty.call(e, i)) {
var a = o ? Object.getOwnPropertyDescriptor(e, i) : null;
a && (a.get || a.set) ? Object.defineProperty(n, i, a) : n[i] = e[i];
}
return n.default = e, r && r.set(e, n), n;
}(ho), Pi = mo;
Ei(go), Ei(yo);
var Mi = Ei(wi), Ii = Ei(Ri);
const Bi = [ "ownerState" ], Fi = [ "variants" ], Ni = [ "name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver" ];
function Li(e) {
if ("function" != typeof WeakMap) return null;
var t = new WeakMap, r = new WeakMap;
return (Li = function(e) {
return e ? r : t;
})(e);
}
function zi(e) {
return "ownerState" !== e && "theme" !== e && "sx" !== e && "as" !== e;
}
const Di = nn.systemDefaultTheme = (0, Mi.default)(), Wi = e => e ? e.charAt(0).toLowerCase() + e.slice(1) : e;
function Vi({defaultTheme: e, theme: t, themeId: r}) {
return n = t, 0 === Object.keys(n).length ? e : t[r] || t;
var n;
}
function Hi(e) {
return e ? (t, r) => r[e] : null;
}
function Ki(e, t) {
let {ownerState: r} = t, n = (0, Ai.default)(t, Bi);
const o = "function" == typeof e ? e((0, $i.default)({
ownerState: r
}, n)) : e;
if (Array.isArray(o)) return o.flatMap((e => Ki(e, (0, $i.default)({
ownerState: r
}, n))));
if (o && "object" == typeof o && Array.isArray(o.variants)) {
const {variants: e = []} = o;
let t = (0, Ai.default)(o, Fi);
return e.forEach((e => {
let o = !0;
"function" == typeof e.props ? o = e.props((0, $i.default)({
ownerState: r
}, n, r)) : Object.keys(e.props).forEach((t => {
(null == r ? void 0 : r[t]) !== e.props[t] && n[t] !== e.props[t] && (o = !1);
})), o && (Array.isArray(t) || (t = [ t ]), t.push("function" == typeof e.style ? e.style((0, $i.default)({
ownerState: r
}, n, r)) : e.style));
})), t;
}
return o;
}
var qi = {};
const Xi = B(fr), Ui = B(Gr);
var Gi = sn;
Object.defineProperty(qi, "__esModule", {
value: !0
}), qi.alpha = la, qi.blend = function(e, t, r, n = 1) {
const o = (e, t) => Math.round((e ** (1 / n) * (1 - r) + t ** (1 / n) * r) ** n), i = na(e), a = na(t);
return ia({
type: "rgb",
values: [ o(i.values[0], a.values[0]), o(i.values[1], a.values[1]), o(i.values[2], a.values[2]) ]
});
}, qi.colorChannel = void 0;
var Yi = qi.darken = ca;
qi.decomposeColor = na, qi.emphasize = function(e, t = .15) {
return sa(e) > .5 ? ca(e, t) : ua(e, t);
};
var Ji = qi.getContrastRatio = function(e, t) {
const r = sa(e), n = sa(t);
return (Math.max(r, n) + .05) / (Math.min(r, n) + .05);
};
qi.getLuminance = sa, qi.hexToRgb = ra, qi.hslToRgb = aa;
var Zi = qi.lighten = ua;
qi.private_safeAlpha = function(e, t, r) {
try {
return la(e, t);
} catch (n) {
return e;
}
}, qi.private_safeColorChannel = void 0, qi.private_safeDarken = function(e, t, r) {
try {
return ca(e, t);
} catch (n) {
return e;
}
}, qi.private_safeEmphasize = function e(t, r, n) {
try {
return e(t, r);
} catch (o) {
return t;
}
}, qi.private_safeLighten = function(e, t, r) {
try {
return ua(e, t);
} catch (n) {
return e;
}
}, qi.recomposeColor = ia, qi.rgbToHex = function(e) {
if (0 === e.indexOf("#")) return e;
const {values: t} = na(e);
return `#${t.map(((e, t) => function(e) {
const t = e.toString(16);
return 1 === t.length ? `0${t}` : t;
}(3 === t ? Math.round(255 * e) : e))).join("")}`;
};
var Qi = Gi(Xi), ea = Gi(Ui);
function ta(e, t = 0, r = 1) {
return (0, ea.default)(e, t, r);
}
function ra(e) {
e = e.slice(1);
const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
let r = e.match(t);
return r && 1 === r[0].length && (r = r.map((e => e + e))), r ? `rgb${4 === r.length ? "a" : ""}(${r.map(((e, t) => t < 3 ? parseInt(e, 16) : Math.round(parseInt(e, 16) / 255 * 1e3) / 1e3)).join(", ")})` : "";
}
function na(e) {
if (e.type) return e;
if ("#" === e.charAt(0)) return na(ra(e));
const t = e.indexOf("("), r = e.substring(0, t);
if (-1 === [ "rgb", "rgba", "hsl", "hsla", "color" ].indexOf(r)) throw new Error((0, Qi.default)(9, e));
let n, o = e.substring(t + 1, e.length - 1);
if ("color" === r) {
if (o = o.split(" "), n = o.shift(), 4 === o.length && "/" === o[3].charAt(0) && (o[3] = o[3].slice(1)),
-1 === [ "srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020" ].indexOf(n)) throw new Error((0, Qi.default)(10, n));
} else o = o.split(",");
return o = o.map((e => parseFloat(e))), {
type: r,
values: o,
colorSpace: n
};
}
const oa = e => {
const t = na(e);
return t.values.slice(0, 3).map(((e, r) => -1 !== t.type.indexOf("hsl") && 0 !== r ? `${e}%` : e)).join(" ");
};
qi.colorChannel = oa;
function ia(e) {
const {type: t, colorSpace: r} = e;
let {values: n} = e;
return -1 !== t.indexOf("rgb") ? n = n.map(((e, t) => t < 3 ? parseInt(e, 10) : e)) : -1 !== t.indexOf("hsl") && (n[1] = `${n[1]}%`,
n[2] = `${n[2]}%`), n = -1 !== t.indexOf("color") ? `${r} ${n.join(" ")}` : `${n.join(", ")}`,
`${t}(${n})`;
}
function aa(e) {
e = na(e);
const {values: t} = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), a = (e, t = (e + r / 30) % 12) => o - i * Math.max(Math.min(t - 3, 9 - t, 1), -1);
let s = "rgb";
const l = [ Math.round(255 * a(0)), Math.round(255 * a(8)), Math.round(255 * a(4)) ];
return "hsla" === e.type && (s += "a", l.push(t[3])), ia({
type: s,
values: l
});
}
function sa(e) {
let t = "hsl" === (e = na(e)).type || "hsla" === e.type ? na(aa(e)).values : e.values;
return t = t.map((t => ("color" !== e.type && (t /= 255), t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4))),
Number((.2126 * t[0] + .7152 * t[1] + .0722 * t[2]).toFixed(3));
}
function la(e, t) {
return e = na(e), t = ta(t), "rgb" !== e.type && "hsl" !== e.type || (e.type += "a"),
"color" === e.type ? e.values[3] = `/${t}` : e.values[3] = t, ia(e);
}
function ca(e, t) {
if (e = na(e), t = ta(t), -1 !== e.type.indexOf("hsl")) e.values[2] *= 1 - t; else if (-1 !== e.type.indexOf("rgb") || -1 !== e.type.indexOf("color")) for (let r = 0; r < 3; r += 1) e.values[r] *= 1 - t;
return ia(e);
}
function ua(e, t) {
if (e = na(e), t = ta(t), -1 !== e.type.indexOf("hsl")) e.values[2] += (100 - e.values[2]) * t; else if (-1 !== e.type.indexOf("rgb")) for (let r = 0; r < 3; r += 1) e.values[r] += (255 - e.values[r]) * t; else if (-1 !== e.type.indexOf("color")) for (let r = 0; r < 3; r += 1) e.values[r] += (1 - e.values[r]) * t;
return ia(e);
}
qi.private_safeColorChannel = (e, t) => {
try {
return oa(e);
} catch (r) {
return e;
}
};
const da = {
black: "#000",
white: "#fff"
}, fa = {
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"
}, pa = {
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"
}, ha = {
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"
}, ma = {
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"
}, ga = {
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"
}, ya = {
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"
}, ba = {
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"
}, va = [ "mode", "contrastThreshold", "tonalOffset" ], xa = {
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: da.white,
default: da.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
}
}, Sa = {
text: {
primary: da.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: da.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 wa(e, t, r, n) {
const o = n.light || n, i = n.dark || 1.5 * n;
e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : "light" === t ? e.light = Zi(e.main, o) : "dark" === t && (e.dark = Yi(e.main, i)));
}
function Ca(e) {
const {mode: t = "light", contrastThreshold: r = 3, tonalOffset: n = .2} = e, o = Nt(e, va), i = e.primary || function(e = "light") {
return "dark" === e ? {
main: ga[200],
light: ga[50],
dark: ga[400]
} : {
main: ga[700],
light: ga[400],
dark: ga[800]
};
}(t), a = e.secondary || function(e = "light") {
return "dark" === e ? {
main: pa[200],
light: pa[50],
dark: pa[400]
} : {
main: pa[500],
light: pa[300],
dark: pa[700]
};
}(t), s = e.error || function(e = "light") {
return "dark" === e ? {
main: ha[500],
light: ha[300],
dark: ha[700]
} : {
main: ha[700],
light: ha[400],
dark: ha[800]
};
}(t), l = e.info || function(e = "light") {
return "dark" === e ? {
main: ya[400],
light: ya[300],
dark: ya[700]
} : {
main: ya[700],
light: ya[500],
dark: ya[900]
};
}(t), c = e.success || function(e = "light") {
return "dark" === e ? {
main: ba[400],
light: ba[300],
dark: ba[700]
} : {
main: ba[800],
light: ba[500],
dark: ba[900]
};
}(t), u = e.warning || function(e = "light") {
return "dark" === e ? {
main: ma[400],
light: ma[300],
dark: ma[700]
} : {
main: "#ed6c02",
light: ma[500],
dark: ma[900]
};
}(t);
function d(e) {
return Ji(e, Sa.text.primary) >= r ? Sa.text.primary : xa.text.primary;
}
const f = ({color: e, name: t, mainShade: r = 500, lightShade: o = 300, darkShade: i = 700}) => {
if (!(e = Lt({}, e)).main && e[r] && (e.main = e[r]), !e.hasOwnProperty("main")) throw new Error(dr(11, t ? ` (${t})` : "", r));
if ("string" != typeof e.main) throw new Error(dr(12, t ? ` (${t})` : "", JSON.stringify(e.main)));
return wa(e, "light", o, n), wa(e, "dark", i, n), e.contrastText || (e.contrastText = d(e.main)),
e;
}, p = {
dark: Sa,
light: xa
};
return cr(Lt({
common: Lt({}, da),
mode: t,
primary: f({
color: i,
name: "primary"
}),
secondary: f({
color: a,
name: "secondary",
mainShade: "A400",
lightShade: "A200",
darkShade: "A700"
}),
error: f({
color: s,
name: "error"
}),
warning: f({
color: u,
name: "warning"
}),
info: f({
color: l,
name: "info"
}),
success: f({
color: c,
name: "success"
}),
grey: fa,
contrastThreshold: r,
getContrastText: d,
augmentColor: f,
tonalOffset: n
}, p[t]), o);
}
const ka = [ "fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem" ];
const ja = {
textTransform: "uppercase"
}, Ra = '"Roboto", "Helvetica", "Arial", sans-serif';
function Ea(e, t) {
const r = "function" == typeof t ? t(e) : t, {fontFamily: n = Ra, fontSize: o = 14, fontWeightLight: i = 300, fontWeightRegular: a = 400, fontWeightMedium: s = 500, fontWeightBold: l = 700, htmlFontSize: c = 16, allVariants: u, pxToRem: d} = r, f = Nt(r, ka), p = o / 14, h = d || (e => e / c * p + "rem"), m = (e, t, r, o, i) => {
return Lt({
fontFamily: n,
fontWeight: e,
fontSize: h(t),
lineHeight: r
}, n === Ra ? {
letterSpacing: (a = o / t, Math.round(1e5 * a) / 1e5) + "em"
} : {}, i, u);
var a;
}, g = {
h1: m(i, 96, 1.167, -1.5),
h2: m(i, 60, 1.2, -.5),
h3: m(a, 48, 1.167, 0),
h4: m(a, 34, 1.235, .25),
h5: m(a, 24, 1.334, 0),
h6: m(s, 20, 1.6, .15),
subtitle1: m(a, 16, 1.75, .15),
subtitle2: m(s, 14, 1.57, .1),
body1: m(a, 16, 1.5, .15),
body2: m(a, 14, 1.43, .15),
button: m(s, 14, 1.75, .4, ja),
caption: m(a, 12, 1.66, .4),
overline: m(a, 12, 2.66, 1, ja),
inherit: {
fontFamily: "inherit",
fontWeight: "inherit",
fontSize: "inherit",
lineHeight: "inherit",
letterSpacing: "inherit"
}
};
return cr(Lt({
htmlFontSize: c,
pxToRem: h,
fontFamily: n,
fontSize: o,
fontWeightLight: i,
fontWeightRegular: a,
fontWeightMedium: s,
fontWeightBold: l
}, g), f, {
clone: !1
});
}
function Oa(...e) {
return [ `${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,0.2)`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,0.14)`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,0.12)` ].join(",");
}
const Ta = [ "none", Oa(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), Oa(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), Oa(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), Oa(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), Oa(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), Oa(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), Oa(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), Oa(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), Oa(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), Oa(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), Oa(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), Oa(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), Oa(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), Oa(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), Oa(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), Oa(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), Oa(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), Oa(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), Oa(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), Oa(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), Oa(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), Oa(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), Oa(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), Oa(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8) ], $a = [ "duration", "easing", "delay" ], Aa = {
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)"
}, _a = {
shortest: 150,
shorter: 200,
short: 250,
standard: 300,
complex: 375,
enteringScreen: 225,
leavingScreen: 195
};
function Pa(e) {
return `${Math.round(e)}ms`;
}
function Ma(e) {
if (!e) return 0;
const t = e / 36;
return Math.round(10 * (4 + 15 * t ** .25 + t / 5));
}
function Ia(e) {
const t = Lt({}, Aa, e.easing), r = Lt({}, _a, e.duration);
return Lt({
getAutoHeightDuration: Ma,
create: (e = [ "all" ], n = {}) => {
const {duration: o = r.standard, easing: i = t.easeInOut, delay: a = 0} = n;
return Nt(n, $a), (Array.isArray(e) ? e : [ e ]).map((e => `${e} ${"string" == typeof o ? o : Pa(o)} ${i} ${"string" == typeof a ? a : Pa(a)}`)).join(",");
}
}, e, {
easing: t,
duration: r
});
}
const Ba = {
mobileStepper: 1e3,
fab: 1050,
speedDial: 1050,
appBar: 1100,
drawer: 1200,
modal: 1300,
snackbar: 1400,
tooltip: 1500
}, Fa = [ "breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape" ];
function Na(e = {}, ...t) {
const {mixins: r = {}, palette: n = {}, transitions: o = {}, typography: i = {}} = e, a = Nt(e, Fa);
if (e.vars) throw new Error(dr(18));
const s = Ca(n), l = Si(e);
let c = cr(l, {
mixins: (u = l.breakpoints, d = r, Lt({
toolbar: {
minHeight: 56,
[u.up("xs")]: {
"@media (orientation: landscape)": {
minHeight: 48
}
},
[u.up("sm")]: {
minHeight: 64
}
}
}, d)),
palette: s,
shadows: Ta.slice(),
typography: Ea(s, i),
transitions: Ia(o),
zIndex: Lt({}, Ba)
});
var u, d;
return c = cr(c, a), c = t.reduce(((e, t) => cr(e, t)), c), c.unstable_sxConfig = Lt({}, mi, null == a ? void 0 : a.unstable_sxConfig),
c.unstable_sx = function(e) {
return bi({
sx: e,
theme: this
});
}, c;
}
const La = Na(), za = "$$material", Da = Oi({
themeId: za,
defaultTheme: La,
rootShouldForwardProp: e => Ti(e) && "classes" !== e
});
function Wa(e) {
const {theme: t, name: r, props: n} = e;
return t && t.components && t.components[r] && t.components[r].defaultProps ? Wr(t.components[r].defaultProps, n) : n;
}
function Va(t = null) {
const r = e__namespace.useContext(react.ThemeContext);
return r && (n = r, 0 !== Object.keys(n).length) ? r : t;
var n;
}
const Ha = Si();
function Ka(e = Ha) {
return Va(e);
}
function qa({props: e, name: t}) {
return function({props: e, name: t, defaultTheme: r, themeId: n}) {
let o = Ka(r);
return n && (o = o[n] || o), Wa({
theme: o,
name: t,
props: e
});
}({
props: e,
name: t,
defaultTheme: La,
themeId: za
});
}
const Xa = [ "className", "component" ];
function Ua(e) {
return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;
}
function Ga(e) {
return Xr("MuiSvgIcon", e);
}
Ur("MuiSvgIcon", [ "root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge" ]);
const Ya = [ "children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox" ], Ja = Da("svg", {
name: "MuiSvgIcon",
slot: "Root",
overridesResolver: (e, t) => {
const {ownerState: r} = e;
return [ t.root, "inherit" !== r.color && t[`color${br(r.color)}`], t[`fontSize${br(r.fontSize)}`] ];
}
})((({theme: e, ownerState: t}) => {
var r, n, o, i, a, s, l, c, u, d, f, p, h;
return {
userSelect: "none",
width: "1em",
height: "1em",
display: "inline-block",
fill: t.hasSvgAsChild ? void 0 : "currentColor",
flexShrink: 0,
transition: null == (r = e.transitions) || null == (n = r.create) ? void 0 : n.call(r, "fill", {
duration: null == (o = e.transitions) || null == (o = o.duration) ? void 0 : o.shorter
}),
fontSize: {
inherit: "inherit",
small: (null == (i = e.typography) || null == (a = i.pxToRem) ? void 0 : a.call(i, 20)) || "1.25rem",
medium: (null == (s = e.typography) || null == (l = s.pxToRem) ? void 0 : l.call(s, 24)) || "1.5rem",
large: (null == (c = e.typography) || null == (u = c.pxToRem) ? void 0 : u.call(c, 35)) || "2.1875rem"
}[t.fontSize],
color: null != (d = null == (f = (e.vars || e).palette) || null == (f = f[t.color]) ? void 0 : f.main) ? d : {
action: null == (p = (e.vars || e).palette) || null == (p = p.action) ? void 0 : p.active,
disabled: null == (h = (e.vars || e).palette) || null == (h = h.action) ? void 0 : h.disabled,
inherit: void 0
}[t.color]
};
})), Za = e__namespace.forwardRef((function(t, r) {
const n = qa({
props: t,
name: "MuiSvgIcon"
}), {children: o, className: i, color: a = "inherit", component: s = "svg", fontSize: l = "medium", htmlColor: c, inheritViewBox: u = !1, titleAccess: d, viewBox: f = "0 0 24 24"} = n, p = Nt(n, Ya), h = e__namespace.isValidElement(o) && "svg" === o.type, m = Lt({}, n, {
color: a,
component: s,
fontSize: l,
instanceFontSize: t.fontSize,
inheritViewBox: u,
viewBox: f,
hasSvgAsChild: h
}), g = {};
u || (g.viewBox = f);
const y = (e => {
const {color: t, fontSize: r, classes: n} = e;
return Vr({
root: [ "root", "inherit" !== t && `color${br(t)}`, `fontSize${br(r)}` ]
}, Ga, n);
})(m);
return q.jsxs(Ja, Lt({
as: s,
className: ar(y.root, i),
focusable: "false",
color: c,
"aria-hidden": !d || void 0,
role: d ? "img" : void 0,
ref: r
}, g, p, h && o.props, {
ownerState: m,
children: [ h ? o.props.children : o, d ? q.jsx("title", {
children: d
}) : null ]
}));
}));
function Qa(t, r) {
function n(e, n) {
return q.jsx(Za, Lt({
"data-testid": `${r}Icon`,
ref: n
}, e, {
children: t
}));
}
return n.muiName = Za.muiName, e__namespace.memo(e__namespace.forwardRef(n));
}
Za.muiName = "SvgIcon";
const es = [ "onChange" ], ts = {
width: 99,
height: 99,
position: "absolute",
top: -9999,
overflow: "scroll"
};
const rs = Qa(q.jsx("path", {
d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
}), "KeyboardArrowLeft"), ns = Qa(q.jsx("path", {
d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
}), "KeyboardArrowRight");
function os(e, t) {
return (os = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
return e.__proto__ = t, e;
})(e, t);
}
const is = e.createContext(null);
function as(e$1, t) {
var r = Object.create(null);
return e$1 && e.Children.map(e$1, (function(e) {
return e;
})).forEach((function(e$1) {
r[e$1.key] = function(e$1) {
return t && e.isValidElement(e$1) ? t(e$1) : e$1;
}(e$1);
})), r;
}
function ss(e, t, r) {
return null != r[t] ? r[t] : e.props[t];
}
function ls(e$1, t, r) {
var n = as(e$1.children), o = function(e, t) {
function r(r) {
return r in t ? t[r] : e[r];
}
e = e || {}, t = t || {};
var n, o = Object.create(null), i = [];
for (var a in e) a in t ? i.length && (o[a] = i, i = []) : i.push(a);
var s = {};
for (var l in t) {
if (o[l]) for (n = 0; n < o[l].length; n++) {
var c = o[l][n];
s[o[l][n]] = r(c);
}
s[l] = r(l);
}
for (n = 0; n < i.length; n++) s[i[n]] = r(i[n]);
return s;
}(t, n);
return Object.keys(o).forEach((function(s) {
var l = o[s];
if (e.isValidElement(l)) {
var c = s in t, u = s in n, d = t[s], f = e.isValidElement(d) && !d.props.in;
!u || c && !f ? u || !c || f ? u && c && e.isValidElement(d) && (o[s] = e.cloneElement(l, {
onExited: r.bind(null, l),
in: d.props.in,
exit: ss(l, "exit", e$1),
enter: ss(l, "enter", e$1)
})) : o[s] = e.cloneElement(l, {
in: !1
}) : o[s] = e.cloneElement(l, {
onExited: r.bind(null, l),
in: !0,
exit: ss(l, "exit", e$1),
enter: ss(l, "enter", e$1)
});
}
})), o;
}
var cs = Object.values || function(e) {
return Object.keys(e).map((function(t) {
return e[t];
}));
}, us = function(e$1) {
var r, n;
function o(t, r) {
var n, o = (n = e$1.call(this, t, r) || this).handleExited.bind(function(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e;
}(n));
return n.state = {
contextValue: {
isMounting: !0
},
handleExited: o,
firstRender: !0
}, n;
}
n = e$1, (r = o).prototype = Object.create(n.prototype), r.prototype.constructor = r,
os(r, n);
var i = o.prototype;
return i.componentDidMount = function() {
this.mounted = !0, this.setState({
contextValue: {
isMounting: !1
}
});
}, i.componentWillUnmount = function() {
this.mounted = !1;
}, o.getDerivedStateFromProps = function(e$1, t) {
var r, n, o = t.children, i = t.handleExited;
return {
children: t.firstRender ? (r = e$1, n = i, as(r.children, (function(e$1) {
return e.cloneElement(e$1, {
onExited: n.bind(null, e$1),
in: !0,
appear: ss(e$1, "appear", r),
enter: ss(e$1, "enter", r),
exit: ss(e$1, "exit", r)
});
}))) : ls(e$1, o, i),
firstRender: !1
};
}, i.handleExited = function(e, t) {
var r = as(this.props.children);
e.key in r || (e.props.onExited && e.props.onExited(t), this.mounted && this.setState((function(t) {
var r = Lt({}, t.children);
return delete r[e.key], {
children: r
};
})));
}, i.render = function() {
var e$1 = this.props, r = e$1.component, n = e$1.childFactory, o = Nt(e$1, [ "component", "childFactory" ]), i = this.state.contextValue, a = cs(this.state.children).map(n);
return delete o.appear, delete o.enter, delete o.exit, null === r ? e.createElement(is.Provider, {
value: i
}, a) : e.createElement(is.Provider, {
value: i
}, e.createElement(r, o, a));
}, o;
}(e.Component);
us.propTypes = {}, us.defaultProps = {
component: "div",
childFactory: function(e) {
return e;
}
};
const ds = us;
const fs = Ur("MuiTouchRipple", [ "root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate" ]), ps = [ "center", "classes", "className" ];
let hs, ms, gs, ys, bs = e => e;
const vs = react.keyframes(hs || (hs = bs`
0% {
transform: scale(0);
opacity: 0.1;
}
100% {
transform: scale(1);
opacity: 0.3;
}
`)), xs = react.keyframes(ms || (ms = bs`
0% {
opacity: 1;
}
100% {
opacity: 0;
}
`)), Ss = react.keyframes(gs || (gs = bs`
0% {
transform: scale(1);
}
50% {
transform: scale(0.92);
}
100% {
transform: scale(1);
}
`)), ws = Da("span", {
name: "MuiTouchRipple",
slot: "Root"
})({
overflow: "hidden",
pointerEvents: "none",
position: "absolute",
zIndex: 0,
top: 0,
right: 0,
bottom: 0,
left: 0,
borderRadius: "inherit"
}), Cs = Da((function(t) {
const {className: r, classes: n, pulsate: o = !1, rippleX: i, rippleY: a, rippleSize: s, in: l, onExited: c, timeout: u} = t, [d, f] = e__namespace.useState(!1), p = ar(r, n.ripple, n.rippleVisible, o && n.ripplePulsate), h = {
width: s,
height: s,
top: -s / 2 + a,
left: -s / 2 + i
}, m = ar(n.child, d && n.childLeaving, o && n.childPulsate);
return l || d || f(!0), e__namespace.useEffect((() => {
if (!l && null != c) {
const e = setTimeout(c, u);
return () => {
clearTimeout(e);
};
}
}), [ c, l, u ]), q.jsx("span", {
className: p,
style: h,
children: q.jsx("span", {
className: m
})
});
}), {
name: "MuiTouchRipple",
slot: "Ripple"
})(ys || (ys = bs`
opacity: 0;
position: absolute;
&.${0} {
opacity: 0.3;
transform: scale(1);
animation-name: ${0};
animation-duration: ${0}ms;
animation-timing-function: ${0};
}
&.${0} {
animation-duration: ${0}ms;
}
& .${0} {
opacity: 1;
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: currentColor;
}
& .${0} {
opacity: 0;
animation-name: ${0};
animation-duration: ${0}ms;
animation-timing-function: ${0};
}
& .${0} {
position: absolute;
/* @noflip */
left: 0px;
top: 0;
animation-name: ${0};
animation-duration: 2500ms;
animation-timing-function: ${0};
animation-iteration-count: infinite;
animation-delay: 200ms;
}
`), fs.rippleVisible, vs, 550, (({theme: e}) => e.transitions.easing.easeInOut), fs.ripplePulsate, (({theme: e}) => e.transitions.duration.shorter), fs.child, fs.childLeaving, xs, 550, (({theme: e}) => e.transitions.easing.easeInOut), fs.childPulsate, Ss, (({theme: e}) => e.transitions.easing.easeInOut)), ks = e__namespace.forwardRef((function(t, r) {
const n = qa({
props: t,
name: "MuiTouchRipple"
}), {center: o = !1, classes: i = {}, className: a} = n, s = Nt(n, ps), [l, c] = e__namespace.useState([]), u = e__namespace.useRef(0), d = e__namespace.useRef(null);
e__namespace.useEffect((() => {
d.current && (d.current(), d.current = null);
}), [ l ]);
const f = e__namespace.useRef(!1), p = Tr(), h = e__namespace.useRef(null), m = e__namespace.useRef(null), g = e__namespace.useCallback((e => {
const {pulsate: t, rippleX: r, rippleY: n, rippleSize: o, cb: a} = e;
c((e => [ ...e, q.jsx(Cs, {
classes: {
ripple: ar(i.ripple, fs.ripple),
rippleVisible: ar(i.rippleVisible, fs.rippleVisible),
ripplePulsate: ar(i.ripplePulsate, fs.ripplePulsate),
child: ar(i.child, fs.child),
childLeaving: ar(i.childLeaving, fs.childLeaving),
childPulsate: ar(i.childPulsate, fs.childPulsate)
},
timeout: 550,
pulsate: t,
rippleX: r,
rippleY: n,
rippleSize: o
}, u.current) ])), u.current += 1, d.current = a;
}), [ i ]), y = e__namespace.useCallback(((e = {}, t = {}, r = (() => {})) => {
const {pulsate: n = !1, center: i = o || t.pulsate, fakeElement: a = !1} = t;
if ("mousedown" === (null == e ? void 0 : e.type) && f.current) return void (f.current = !1);
"touchstart" === (null == e ? void 0 : e.type) && (f.current = !0);
const s = a ? null : m.current, l = s ? s.getBoundingClientRect() : {
width: 0,
height: 0,
left: 0,
top: 0
};
let c, u, d;
if (i || void 0 === e || 0 === e.clientX && 0 === e.clientY || !e.clientX && !e.touches) c = Math.round(l.width / 2),
u = Math.round(l.height / 2); else {
const {clientX: t, clientY: r} = e.touches && e.touches.length > 0 ? e.touches[0] : e;
c = Math.round(t - l.left), u = Math.round(r - l.top);
}
if (i) d = Math.sqrt((2 * l.width ** 2 + l.height ** 2) / 3), d % 2 == 0 && (d += 1); else {
const e = 2 * Math.max(Math.abs((s ? s.clientWidth : 0) - c), c) + 2, t = 2 * Math.max(Math.abs((s ? s.clientHeight : 0) - u), u) + 2;
d = Math.sqrt(e ** 2 + t ** 2);
}
null != e && e.touches ? null === h.current && (h.current = () => {
g({
pulsate: n,
rippleX: c,
rippleY: u,
rippleSize: d,
cb: r
});
}, p.start(80, (() => {
h.current && (h.current(), h.current = null);
}))) : g({
pulsate: n,
rippleX: c,
rippleY: u,
rippleSize: d,
cb: r
});
}), [ o, g, p ]), b = e__namespace.useCallback((() => {
y({}, {
pulsate: !0
});
}), [ y ]), v = e__namespace.useCallback(((e, t) => {
if (p.clear(), "touchend" === (null == e ? void 0 : e.type) && h.current) return h.current(),
h.current = null, void p.start(0, (() => {
v(e, t);
}));
h.current = null, c((e => e.length > 0 ? e.slice(1) : e)), d.current = t;
}), [ p ]);
return e__namespace.useImperativeHandle(r, (() => ({
pulsate: b,
start: y,
stop: v
})), [ b, y, v ]), q.jsx(ws, Lt({
className: ar(fs.root, i.root, a),
ref: m
}, s, {
children: q.jsx(ds, {
component: null,
exit: !0,
children: l
})
}));
}));
function js(e) {
return Xr("MuiButtonBase", e);
}
const Rs = Ur("MuiButtonBase", [ "root", "disabled", "focusVisible" ]), Es = [ "action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type" ], Os = Da("button", {
name: "MuiButtonBase",
slot: "Root",
overridesResolver: (e, t) => t.root
})({
display: "inline-flex",
alignItems: "center",
justifyContent: "center",
position: "relative",
boxSizing: "border-box",
WebkitTapHighlightColor: "transparent",
backgroundColor: "transparent",
outline: 0,
border: 0,
margin: 0,
borderRadius: 0,
padding: 0,
cursor: "pointer",
userSelect: "none",
verticalAlign: "middle",
MozAppearance: "none",
WebkitAppearance: "none",
textDecoration: "none",
color: "inherit",
"&::-moz-focus-inner": {
borderStyle: "none"
},
[`&.${Rs.disabled}`]: {
pointerEvents: "none",
cursor: "default"
},
"@media print": {
colorAdjust: "exact"
}
}), Ts = e__namespace.forwardRef((function(t, r) {
const n = qa({
props: t,
name: "MuiButtonBase"
}), {action: o, centerRipple: i = !1, children: a, className: s, component: l = "button", disabled: c = !1, disableRipple: u = !1, disableTouchRipple: d = !1, focusRipple: f = !1, LinkComponent: p = "a", onBlur: h, onClick: m, onContextMenu: g, onDragLeave: y, onFocus: b, onFocusVisible: v, onKeyDown: x, onKeyUp: S, onMouseDown: w, onMouseLeave: C, onMouseUp: k, onTouchEnd: j, onTouchMove: R, onTouchStart: E, tabIndex: O = 0, TouchRippleProps: T, touchRippleRef: $, type: A} = n, _ = Nt(n, Es), P = e__namespace.useRef(null), M = e__namespace.useRef(null), I = jr(M, $), {isFocusVisibleRef: B, onFocus: F, onBlur: N, ref: L} = Nr(), [z, D] = e__namespace.useState(!1);
c && z && D(!1), e__namespace.useImperativeHandle(o, (() => ({
focusVisible: () => {
D(!0), P.current.focus();
}
})), []);
const [W, V] = e__namespace.useState(!1);
e__namespace.useEffect((() => {
V(!0);
}), []);
const H = W && !u && !c;
function K(e, t, r = d) {
return kr((n => {
t && t(n);
return !r && M.current && M.current[e](n), !0;
}));
}
e__namespace.useEffect((() => {
z && f && !u && W && M.current.pulsate();
}), [ u, f, z, W ]);
const X = K("start", w), U = K("stop", g), G = K("stop", y), Y = K("stop", k), J = K("stop", (e => {
z && e.preventDefault(), C && C(e);
})), Z = K("start", E), Q = K("stop", j), ee = K("stop", R), te = K("stop", (e => {
N(e), !1 === B.current && D(!1), h && h(e);
}), !1), re = kr((e => {
P.current || (P.current = e.currentTarget), F(e), !0 === B.current && (D(!0), v && v(e)),
b && b(e);
})), ne = () => {
const e = P.current;
return l && "button" !== l && !("A" === e.tagName && e.href);
}, oe = e__namespace.useRef(!1), ie = kr((e => {
f && !oe.current && z && M.current && " " === e.key && (oe.current = !0, M.current.stop(e, (() => {
M.current.start(e);
}))), e.target === e.currentTarget && ne() && " " === e.key && e.preventDefault(),
x && x(e), e.target === e.currentTarget && ne() && "Enter" === e.key && !c && (e.preventDefault(),
m && m(e));
})), ae = kr((e => {
f && " " === e.key && M.current && z && !e.defaultPrevented && (oe.current = !1,
M.current.stop(e, (() => {
M.current.pulsate(e);
}))), S && S(e), m && e.target === e.currentTarget && ne() && " " === e.key && !e.defaultPrevented && m(e);
}));
let se = l;
"button" === se && (_.href || _.to) && (se = p);
const le = {};
"button" === se ? (le.type = void 0 === A ? "button" : A, le.disabled = c) : (_.href || _.to || (le.role = "button"),
c && (le["aria-disabled"] = c));
const ce = jr(r, L, P), ue = Lt({}, n, {
centerRipple: i,
component: l,
disabled: c,
disableRipple: u,
disableTouchRipple: d,
focusRipple: f,
tabIndex: O,
focusVisible: z
}), de = (e => {
const {disabled: t, focusVisible: r, focusVisibleClassName: n, classes: o} = e, i = Vr({
root: [ "root", t && "disabled", r && "focusVisible" ]
}, js, o);
return r && n && (i.root += ` ${n}`), i;
})(ue);
return q.jsxs(Os, Lt({
as: se,
className: ar(de.root, s),
ownerState: ue,
onBlur: te,
onClick: m,
onContextMenu: U,
onFocus: re,
onKeyDown: ie,
onKeyUp: ae,
onMouseDown: X,
onMouseLeave: J,
onMouseUp: Y,
onDragLeave: G,
onTouchEnd: Q,
onTouchMove: ee,
onTouchStart: Z,
ref: ce,
tabIndex: c ? -1 : O,
type: A
}, le, _, {
children: [ a, H ? q.jsx(ks, Lt({
ref: I,
center: i
}, T)) : null ]
}));
}));
function $s(e) {
return Xr("MuiTabScrollButton", e);
}
const As = Ur("MuiTabScrollButton", [ "root", "vertical", "horizontal", "disabled" ]), _s = [ "className", "slots", "slotProps", "direction", "orientation", "disabled" ], Ps = Da(Ts, {
name: "MuiTabScrollButton",
slot: "Root",
overridesResolver: (e, t) => {
const {ownerState: r} = e;
return [ t.root, r.orientation && t[r.orientation] ];
}
})((({ownerState: e}) => Lt({
width: 40,
flexShrink: 0,
opacity: .8,
[`&.${As.disabled}`]: {
opacity: 0
}
}, "vertical" === e.orientation && {
width: "100%",
height: 40,
"& svg": {
transform: `rotate(${e.isRtl ? -90 : 90}deg)`
}
}))), Ms = e__namespace.forwardRef((function(e, t) {
var r, n;
const o = qa({
props: e,
name: "MuiTabScrollButton"
}), {className: i, slots: a = {}, slotProps: s = {}, direction: l} = o, c = Nt(o, _s), u = Lt({
isRtl: tn()
}, o), d = (e => {
const {classes: t, orientation: r, disabled: n} = e;
return Vr({
root: [ "root", r, n && "disabled" ]
}, $s, t);
})(u), f = null != (r = a.StartScrollButtonIcon) ? r : rs, p = null != (n = a.EndScrollButtonIcon) ? n : ns, h = Qr({
elementType: f,
externalSlotProps: s.startScrollButtonIcon,
additionalProps: {
fontSize: "small"
},
ownerState: u
}), m = Qr({
elementType: p,
externalSlotProps: s.endScrollButtonIcon,
additionalProps: {
fontSize: "small"
},
ownerState: u
});
return q.jsx(Ps, Lt({
component: "div",
className: ar(d.root, i),
ref: t,
role: null,
ownerState: u,
tabIndex: null
}, c, {
children: "left" === l ? q.jsx(f, Lt({}, h)) : q.jsx(p, Lt({}, m))
}));
}));
function Is(e) {
return Xr("MuiTabs", e);
}
const Bs = Ur("MuiTabs", [ "root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator" ]), Fs = [ "aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar" ], Ns = (e, t) => e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : e.firstChild, Ls = (e, t) => e === t ? e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : e.lastChild, zs = (e, t, r) => {
let n = !1, o = r(e, t);
for (;o; ) {
if (o === e.firstChild) {
if (n) return;
n = !0;
}
const t = o.disabled || "true" === o.getAttribute("aria-disabled");
if (o.hasAttribute("tabindex") && !t) return void o.focus();
o = r(e, o);
}
}, Ds = Da("div", {
name: "MuiTabs",
slot: "Root",
overridesResolver: (e, t) => {
const {ownerState: r} = e;
return [ {
[`& .${Bs.scrollButtons}`]: t.scrollButtons
}, {
[`& .${Bs.scrollButtons}`]: r.scrollButtonsHideMobile && t.scrollButtonsHideMobile
}, t.root, r.vertical && t.vertical ];
}
})((({ownerState: e, theme: t}) => Lt({
overflow: "hidden",
minHeight: 48,
WebkitOverflowScrolling: "touch",
display: "flex"
}, e.vertical && {
flexDirection: "column"
}, e.scrollButtonsHideMobile && {
[`& .${Bs.scrollButtons}`]: {
[t.breakpoints.down("sm")]: {
display: "none"
}
}
}))), Ws = Da("div", {
name: "MuiTabs",
slot: "Scroller",
overridesResolver: (e, t) => {
const {ownerState: r} = e;
return [ t.scroller, r.fixed && t.fixed, r.hideScrollbar && t.hideScrollbar, r.scrollableX && t.scrollableX, r.scrollableY && t.scrollableY ];
}
})((({ownerState: e}) => Lt({
position: "relative",
display: "inline-block",
flex: "1 1 auto",
whiteSpace: "nowrap"
}, e.fixed && {
overflowX: "hidden",
width: "100%"
}, e.hideScrollbar && {
scrollbarWidth: "none",
"&::-webkit-scrollbar": {
display: "none"
}
}, e.scrollableX && {
overflowX: "auto",
overflowY: "hidden"
}, e.scrollableY && {
overflowY: "auto",
overflowX: "hidden"
}))), Vs = Da("div", {
name: "MuiTabs",
slot: "FlexContainer",
overridesResolver: (e, t) => {
const {ownerState: r} = e;
return [ t.flexContainer, r.vertical && t.flexContainerVertical, r.centered && t.centered ];
}
})((({ownerState: e}) => Lt({
display: "flex"
}, e.vertical && {
flexDirection: "column"
}, e.centered && {
justifyContent: "center"
}))), Hs = Da("span", {
name: "MuiTabs",
slot: "Indicator",
overridesResolver: (e, t) => t.indicator
})((({ownerState: e, theme: t}) => Lt({
position: "absolute",
height: 2,
bottom: 0,
width: "100%",
transition: t.transitions.create()
}, "primary" === e.indicatorColor && {
backgroundColor: (t.vars || t).palette.primary.main
}, "secondary" === e.indicatorColor && {
backgroundColor: (t.vars || t).palette.secondary.main
}, e.vertical && {
height: "100%",
width: 2,
right: 0
}))), Ks = Da((function(t) {
const {onChange: r} = t, n = Nt(t, es), o = e__namespace.useRef(), i = e__namespace.useRef(null), a = () => {
o.current = i.current.offsetHeight - i.current.clientHeight;
};
return Cr((() => {
const e = xr((() => {
const e = o.current;
a(), e !== o.current && r(o.current);
})), t = wr(i.current);
return t.addEventListener("resize", e), () => {
e.clear(), t.removeEventListener("resize", e);
};
}), [ r ]), e__namespace.useEffect((() => {
a(), r(o.current);
}), [ r ]), q.jsx("div", Lt({
style: ts,
ref: i
}, n));
}))({
overflowX: "auto",
overflowY: "hidden",
scrollbarWidth: "none",
"&::-webkit-scrollbar": {
display: "none"
}
}), qs = {}, Xs = e__namespace.forwardRef((function(t, r) {
const n = qa({
props: t,
name: "MuiTabs"
}), o = function() {
const e = Ka(La);
return e[za] || e;
}(), i = tn(), {"aria-label": a, "aria-labelledby": s, action: l, centered: c = !1, children: u, className: d, component: f = "div", allowScrollButtonsMobile: p = !1, indicatorColor: h = "primary", onChange: m, orientation: g = "horizontal", ScrollButtonComponent: y = Ms, scrollButtons: b = "auto", selectionFollowsFocus: v, slots: x = {}, slotProps: S = {}, TabIndicatorProps: w = {}, TabScrollButtonProps: C = {}, textColor: k = "primary", value: j, variant: R = "standard", visibleScrollbar: E = !1} = n, O = Nt(n, Fs), T = "scrollable" === R, $ = "vertical" === g, A = $ ? "scrollTop" : "scrollLeft", _ = $ ? "top" : "left", P = $ ? "bottom" : "right", M = $ ? "clientHeight" : "clientWidth", I = $ ? "height" : "width", B = Lt({}, n, {
component: f,
allowScrollButtonsMobile: p,
indicatorColor: h,
orientation: g,
vertical: $,
scrollButtons: b,
textColor: k,
variant: R,
visibleScrollbar: E,
fixed: !T,
hideScrollbar: T && !E,
scrollableX: T && !$,
scrollableY: T && $,
centered: c && !T,
scrollButtonsHideMobile: !p
}), F = (e => {
const {vertical: t, fixed: r, hideScrollbar: n, scrollableX: o, scrollableY: i, centered: a, scrollButtonsHideMobile: s, classes: l} = e;
return Vr({
root: [ "root", t && "vertical" ],
scroller: [ "scroller", r && "fixed", n && "hideScrollbar", o && "scrollableX", i && "scrollableY" ],
flexContainer: [ "flexContainer", t && "flexContainerVertical", a && "centered" ],
indicator: [ "indicator" ],
scrollButtons: [ "scrollButtons", s && "scrollButtonsHideMobile" ],
scrollableX: [ o && "scrollableX" ],
hideScrollbar: [ n && "hideScrollbar" ]
}, Is, l);
})(B), N = Qr({
elementType: x.StartScrollButtonIcon,
externalSlotProps: S.startScrollButtonIcon,
ownerState: B
}), L = Qr({
elementType: x.EndScrollButtonIcon,
externalSlotProps: S.endScrollButtonIcon,
ownerState: B
}), [z, D] = e__namespace.useState(!1), [W, V] = e__namespace.useState(qs), [H, K] = e__namespace.useState(!1), [X, U] = e__namespace.useState(!1), [G, Y] = e__namespace.useState(!1), [J, Z] = e__namespace.useState({
overflow: "hidden",
scrollbarWidth: 0
}), Q = new Map, ee = e__namespace.useRef(null), te = e__namespace.useRef(null), re = () => {
const e = ee.current;
let t, r;
if (e) {
const r = e.getBoundingClientRect();
t = {
clientWidth: e.clientWidth,
scrollLeft: e.scrollLeft,
scrollTop: e.scrollTop,
scrollLeftNormalized: Dr(e, i ? "rtl" : "ltr"),
scrollWidth: e.scrollWidth,
top: r.top,
bottom: r.bottom,
left: r.left,
right: r.right
};
}
if (e && !1 !== j) {
const e = te.current.children;
if (e.length > 0) {
const t = e[Q.get(j)];
r = t ? t.getBoundingClientRect() : null;
}
}
return {
tabsMeta: t,
tabMeta: r
};
}, ne = kr((() => {
const {tabsMeta: e, tabMeta: t} = re();
let r, n = 0;
if ($) r = "top", t && e && (n = t.top - e.top + e.scrollTop); else if (r = i ? "right" : "left",
t && e) {
const o = i ? e.scrollLeftNormalized + e.clientWidth - e.scrollWidth : e.scrollLeft;
n = (i ? -1 : 1) * (t[r] - e[r] + o);
}
const o = {
[r]: n,
[I]: t ? t[I] : 0
};
if (isNaN(W[r]) || isNaN(W[I])) V(o); else {
const e = Math.abs(W[r] - o[r]), t = Math.abs(W[I] - o[I]);
(e >= 1 || t >= 1) && V(o);
}
})), oe = (e, {animation: t = !0} = {}) => {
t ? function(e, t, r, n = {}, o = (() => {})) {
const {ease: i = Ua, duration: a = 300} = n;
let s = null;
const l = t[e];
const d = n => {
null === s && (s = n);
const u = Math.min(1, (n - s) / a);
t[e] = i(u) * (r - l) + l, u >= 1 ? requestAnimationFrame((() => {
o(null);
})) : requestAnimationFrame(d);
};
l === r ? o(new Error("Element already at target position")) : requestAnimationFrame(d);
}(A, ee.current, e, {
duration: o.transitions.duration.standard
}) : ee.current[A] = e;
}, ie = e => {
let t = ee.current[A];
$ ? t += e : (t += e * (i ? -1 : 1), t *= i && "reverse" === zr() ? -1 : 1), oe(t);
}, ae = () => {
const e = ee.current[M];
let t = 0;
const r = Array.from(te.current.children);
for (let n = 0; n < r.length; n += 1) {
const o = r[n];
if (t + o[M] > e) {
0 === n && (t = e);
break;
}
t += o[M];
}
return t;
}, se = () => {
ie(-1 * ae());
}, le = () => {
ie(ae());
}, ce = e__namespace.useCallback((e => {
Z({
overflow: null,
scrollbarWidth: e
});
}), []), ue = kr((e => {
const {tabsMeta: t, tabMeta: r} = re();
if (r && t) if (r[_] < t[_]) {
const n = t[A] + (r[_] - t[_]);
oe(n, {
animation: e
});
} else if (r[P] > t[P]) {
const n = t[A] + (r[P] - t[P]);
oe(n, {
animation: e
});
}
})), de = kr((() => {
T && !1 !== b && Y(!G);
}));
e__namespace.useEffect((() => {
const e = xr((() => {
ee.current && ne();
}));
let t;
const r = r => {
r.forEach((e => {
e.removedNodes.forEach((e => {
var r;
null == (r = t) || r.unobserve(e);
})), e.addedNodes.forEach((e => {
var r;
null == (r = t) || r.observe(e);
}));
})), e(), de();
}, n = wr(ee.current);
let o;
return n.addEventListener("resize", e), "undefined" != typeof ResizeObserver && (t = new ResizeObserver(e),
Array.from(te.current.children).forEach((e => {
t.observe(e);
}))), "undefined" != typeof MutationObserver && (o = new MutationObserver(r), o.observe(te.current, {
childList: !0
})), () => {
var r, i;
e.clear(), n.removeEventListener("resize", e), null == (r = o) || r.disconnect(),
null == (i = t) || i.disconnect();
};
}), [ ne, de ]), e__namespace.useEffect((() => {
const e = Array.from(te.current.children), t = e.length;
if ("undefined" != typeof IntersectionObserver && t > 0 && T && !1 !== b) {
const r = e[0], n = e[t - 1], o = {
root: ee.current,
threshold: .99
}, i = new IntersectionObserver((e => {
K(!e[0].isIntersecting);
}), o);
i.observe(r);
const a = new IntersectionObserver((e => {
U(!e[0].isIntersecting);
}), o);
return a.observe(n), () => {
i.disconnect(), a.disconnect();
};
}
}), [ T, b, G, null == u ? void 0 : u.length ]), e__namespace.useEffect((() => {
D(!0);
}), []), e__namespace.useEffect((() => {
ne();
})), e__namespace.useEffect((() => {
ue(qs !== W);
}), [ ue, W ]), e__namespace.useImperativeHandle(l, (() => ({
updateIndicator: ne,
updateScrollButtons: de
})), [ ne, de ]);
const fe = q.jsx(Hs, Lt({}, w, {
className: ar(F.indicator, w.className),
ownerState: B,
style: Lt({}, W, w.style)
}));
let pe = 0;
const he = e__namespace.Children.map(u, (t => {
if (!e__namespace.isValidElement(t)) return null;
const r = void 0 === t.props.value ? pe : t.props.value;
Q.set(r, pe);
const n = r === j;
return pe += 1, e__namespace.cloneElement(t, Lt({
fullWidth: "fullWidth" === R,
indicator: n && !z && fe,
selected: n,
selectionFollowsFocus: v,
onChange: m,
textColor: k,
value: r
}, 1 !== pe || !1 !== j || t.props.tabIndex ? {} : {
tabIndex: 0
}));
})), me = (() => {
const e = {};
e.scrollbarSizeListener = T ? q.jsx(Ks, {
onChange: ce,
className: ar(F.scrollableX, F.hideScrollbar)
}) : null;
const t = T && ("auto" === b && (H || X) || !0 === b);
return e.scrollButtonStart = t ? q.jsx(y, Lt({
slots: {
StartScrollButtonIcon: x.StartScrollButtonIcon
},
slotProps: {
startScrollButtonIcon: N
},
orientation: g,
direction: i ? "right" : "left",
onClick: se,
disabled: !H
}, C, {
className: ar(F.scrollButtons, C.className)
})) : null, e.scrollButtonEnd = t ? q.jsx(y, Lt({
slots: {
EndScrollButtonIcon: x.EndScrollButtonIcon
},
slotProps: {
endScrollButtonIcon: L
},
orientation: g,
direction: i ? "left" : "right",
onClick: le,
disabled: !X
}, C, {
className: ar(F.scrollButtons, C.className)
})) : null, e;
})();
return q.jsxs(Ds, Lt({
className: ar(F.root, d),
ownerState: B,
ref: r,
as: f
}, O, {
children: [ me.scrollButtonStart, me.scrollbarSizeListener, q.jsxs(Ws, {
className: F.scroller,
ownerState: B,
style: {
overflow: J.overflow,
[$ ? "margin" + (i ? "Left" : "Right") : "marginBottom"]: E ? void 0 : -J.scrollbarWidth
},
ref: ee,
children: [ q.jsx(Vs, {
"aria-label": a,
"aria-labelledby": s,
"aria-orientation": "vertical" === g ? "vertical" : null,
className: F.flexContainer,
ownerState: B,
onKeyDown: e => {
const t = te.current, r = Sr(t).activeElement;
if ("tab" !== r.getAttribute("role")) return;
let n = "horizontal" === g ? "ArrowLeft" : "ArrowUp", o = "horizontal" === g ? "ArrowRight" : "ArrowDown";
switch ("horizontal" === g && i && (n = "ArrowRight", o = "ArrowLeft"), e.key) {
case n:
e.preventDefault(), zs(t, r, Ls);
break;
case o:
e.preventDefault(), zs(t, r, Ns);
break;
case "Home":
e.preventDefault(), zs(t, null, Ns);
break;
case "End":
e.preventDefault(), zs(t, null, Ls);
}
},
ref: te,
role: "tablist",
children: he
}), z && fe ]
}), me.scrollButtonEnd ]
}));
}));
function Us(e) {
return Xr("MuiTab", e);
}
const Gs = Ur("MuiTab", [ "root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper" ]), Ys = [ "className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped" ], Js = Da(Ts, {
name: "MuiTab",
slot: "Root",
overridesResolver: (e, t) => {
const {ownerState: r} = e;
return [ t.root, r.label && r.icon && t.labelIcon, t[`textColor${br(r.textColor)}`], r.fullWidth && t.fullWidth, r.wrapped && t.wrapped ];
}
})((({theme: e, ownerState: t}) => Lt({}, e.typography.button, {
maxWidth: 360,
minWidth: 90,
position: "relative",
minHeight: 48,
flexShrink: 0,
padding: "12px 16px",
overflow: "hidden",
whiteSpace: "normal",
textAlign: "center"
}, t.label && {
flexDirection: "top" === t.iconPosition || "bottom" === t.iconPosition ? "column" : "row"
}, {
lineHeight: 1.25
}, t.icon && t.label && {
minHeight: 72,
paddingTop: 9,
paddingBottom: 9,
[`& > .${Gs.iconWrapper}`]: Lt({}, "top" === t.iconPosition && {
marginBottom: 6
}, "bottom" === t.iconPosition && {
marginTop: 6
}, "start" === t.iconPosition && {
marginRight: e.spacing(1)
}, "end" === t.iconPosition && {
marginLeft: e.spacing(1)
})
}, "inherit" === t.textColor && {
color: "inherit",
opacity: .6,
[`&.${Gs.selected}`]: {
opacity: 1
},
[`&.${Gs.disabled}`]: {
opacity: (e.vars || e).palette.action.disabledOpacity
}
}, "primary" === t.textColor && {
color: (e.vars || e).palette.text.secondary,
[`&.${Gs.selected}`]: {
color: (e.vars || e).palette.primary.main
},
[`&.${Gs.disabled}`]: {
color: (e.vars || e).palette.text.disabled
}
}, "secondary" === t.textColor && {
color: (e.vars || e).palette.text.secondary,
[`&.${Gs.selected}`]: {
color: (e.vars || e).palette.secondary.main
},
[`&.${Gs.disabled}`]: {
color: (e.vars || e).palette.text.disabled
}
}, t.fullWidth && {
flexShrink: 1,
flexGrow: 1,
flexBasis: 0,
maxWidth: "none"
}, t.wrapped && {
fontSize: e.typography.pxToRem(12)
}))), Zs = e__namespace.forwardRef((function(t, r) {
const n = qa({
props: t,
name: "MuiTab"
}), {className: o, disabled: i = !1, disableFocusRipple: a = !1, fullWidth: s, icon: l, iconPosition: c = "top", indicator: u, label: d, onChange: f, onClick: p, onFocus: h, selected: m, selectionFollowsFocus: g, textColor: y = "inherit", value: b, wrapped: v = !1} = n, x = Nt(n, Ys), S = Lt({}, n, {
disabled: i,
disableFocusRipple: a,
selected: m,
icon: !!l,
iconPosition: c,
label: !!d,
fullWidth: s,
textColor: y,
wrapped: v
}), w = (e => {
const {classes: t, textColor: r, fullWidth: n, wrapped: o, icon: i, label: a, selected: s, disabled: l} = e;
return Vr({
root: [ "root", i && a && "labelIcon", `textColor${br(r)}`, n && "fullWidth", o && "wrapped", s && "selected", l && "disabled" ],
iconWrapper: [ "iconWrapper" ]
}, Us, t);
})(S), C = l && d && e__namespace.isValidElement(l) ? e__namespace.cloneElement(l, {
className: ar(w.iconWrapper, l.props.className)
}) : l;
return q.jsxs(Js, Lt({
focusRipple: !a,
className: ar(w.root, o),
ref: r,
role: "tab",
"aria-selected": m,
disabled: i,
onClick: e => {
!m && f && f(e, b), p && p(e);
},
onFocus: e => {
g && !m && f && f(e, b), h && h(e);
},
ownerState: S,
tabIndex: m ? 0 : -1
}, x, {
children: [ "top" === c || "start" === c ? q.jsxs(e__namespace.Fragment, {
children: [ C, d ]
}) : q.jsxs(e__namespace.Fragment, {
children: [ d, C ]
}), u ]
}));
})), Qs = Ur("MuiBox", [ "root" ]), el = Na(), tl = function(t = {}) {
const {themeId: r, defaultTheme: n, defaultClassName: o = "MuiBox-root", generateClassName: i} = t, a = po("div", {
shouldForwardProp: e => "theme" !== e && "sx" !== e && "as" !== e
})(bi);
return e__namespace.forwardRef((function(e, t) {
const s = Ka(n), l = ji(e), {className: c, component: u = "div"} = l, d = Nt(l, Xa);
return q.jsx(a, Lt({
as: u,
ref: t,
className: ar(c, i ? i(o) : o),
theme: r && s[r] || s
}, d));
}));
}({
themeId: za,
defaultTheme: el,
defaultClassName: Qs.root,
generateClassName: Kr.generate
});
function rl() {
const {logItems: e$1} = Ue(), t = e.useRef(null);
return e.useEffect((() => {
t.current && t.current.scrollIntoView({
behavior: "smooth"
});
}), [ e$1 ]), q.jsxs(material.List, {
dense: !0,
sx: {},
children: [ e$1.map(((e, t) => q.jsx(material.ListItem, {
children: q.jsx(material.ListItemText, {
primary: e,
sx: {
typography: "overline",
lineHeight: "normal",
px: 0,
my: 0
},
disableTypography: !0
})
}, t))), q.jsx("div", {
ref: t
}) ]
});
}
const nl = ({value: e$1, min: t = 0, max: r = 1 / 0, step: o = 1, decimalScale: i = 0, unit: a, singularUnit: s, helperText: l, textAlign: d = "center", hideActionButtons: f = !1, onChange: p, ...h}) => {
var w, C;
const [k, j] = e.useState(null == e$1 ? void 0 : e$1.toString()), R = Math.max(...[ t, r, o ].map((e => (e % 1 || 0).toString().length - 2)), 0), E = i > 0 || R > 0;
i = i > 0 ? i : R;
const O = il(t, r, E), T = e => ol(e, t, r, i), $ = T(k).toString() === k && void 0 !== e$1 ? T(e$1).toString() : k, A = e => {
j(e);
const t = T(e);
t.toString() === e && (null == p || p(t));
}, _ = e => () => A(T(T($) + e).toString());
h ?? (h = {}), h.inputProps ?? (h.inputProps = {}), (w = h.inputProps).style ?? (w.style = {}),
(C = h.inputProps.style).textAlign ?? (C.textAlign = d), h.placeholder ?? (h.placeholder = Math.min(r, Math.max(t, 0)).toString());
const P = al(h);
return f = f || h.readOnly || !1, s ?? (s = a), a ?? (a = s), q.jsx(material.Box, {
children: q.jsxs(material.FormControl, {
...P,
variant: "outlined",
children: [ q.jsx(material.InputLabel, {
shrink: !0,
htmlFor: "number-input",
children: h.label
}), q.jsx(material.OutlinedInput, {
notched: !0,
error: h.error || Number(k) < t || Number(k) > r,
...h,
value: $,
id: "number-input",
onChange: e => A(e.target.value),
onBlur: e => A(T(e.target.value).toString()),
onKeyDown: e => {
const n = (e => {
if (e.ctrlKey || e.shiftKey || e.altKey) return;
if ("ArrowUp" === e.key) return void _(o)();
if ("ArrowDown" === e.key) return void _(-o)();
const t = e.key;
if (t.length > 1) return;
const r = t.charCodeAt(0);
return r < 32 || r > 126 && r < 160 || r > 255 ? void 0 : t;
})(e);
if (!n) return;
const i = e.target;
if (null == i.selectionStart || null == i.selectionEnd) return;
const a = i.value.substring(0, i.selectionStart) + n + i.value.substring(i.selectionEnd);
a.match(O) ? (Number(a) < t || Number(a) > r) && e.preventDefault() : e.preventDefault();
},
onPaste: e => {
var n;
const o = null == (n = e.clipboardData) ? void 0 : n.getData("Text");
(null == o ? void 0 : o.trim().match(O)) ? (Number(!(null == o ? void 0 : o.trim())) < t || Number(!(null == o ? void 0 : o.trim())) > r) && e.preventDefault() : e.preventDefault();
},
startAdornment: f ? void 0 : q.jsx(material.InputAdornment, {
position: "start",
children: q.jsx(material.IconButton, {
"aria-label": "decrease value",
onClick: _(-o),
edge: "start",
disabled: h.disabled || T($) <= t,
children: q.jsx(material.Icon, {
children: "do_not_disturb_on"
})
})
}),
endAdornment: (a || !f) && q.jsxs(material.InputAdornment, {
position: "end",
children: [ a && q.jsx(material.Typography, {
className: "cursor-default select-none",
children: 1 === T($) ? s : a
}), !f && q.jsx(material.IconButton, {
"aria-label": "increase value",
onClick: _(o),
edge: "end",
disabled: h.disabled || T($) >= r,
color: void 0,
sx: {
"&:hover": {
color: e => h.color || e.palette.primary.main
},
"&:focus": {
color: e => h.color || e.palette.primary.main
},
transition: e => e.transitions.create("color")
},
children: q.jsx(material.Icon, {
children: "add_circle"
})
}) ]
})
}), l && q.jsx(material.FormHelperText, {
children: l
}) ]
})
});
}, ol = (e, t = -1 / 0, r = 1 / 0, n = 0) => {
let o = "number" == typeof e ? e : Number(e);
return o = Math.min(r, Math.max(t, isNaN(o) ? 0 : o)), Number(o.toFixed(n));
}, il = (e, t, r) => {
let n = "^";
return n += t < 0 ? "-[0-9]*" : e > 0 ? "[0-9]+" : "-?[0-9]*", r && (n += "(\\.[0-9]*)?"),
n += "$", new RegExp(n);
}, al = e => ({
color: e.color,
disabled: e.disabled,
error: e.error,
fullWidth: e.fullWidth,
required: e.required,
variant: e.variant
});
function sl() {
const {countTimes: e, standbyTime: t, setCountTimes: r, setStandbyTime: n} = Ge();
return Ge((e => e._hasHydrated)) ? q.jsxs(material.List, {
sx: {},
children: [ q.jsx(material.ListItem, {
sx: {
pt: 3
},
children: q.jsx(nl, {
label: "评论数量",
min: 1,
max: 10,
value: e,
onChange: r,
size: "small",
style: {
width: 130
}
})
}), q.jsx(material.ListItem, {
sx: {
pt: 3
},
children: q.jsx(nl, {
label: "间隔时间（ms）",
min: 100,
max: 1e4,
value: t,
step: 100,
onChange: n,
size: "small",
style: {
width: 200
}
})
}), q.jsx(material.ListItem, {
sx: {
pt: 3
}
}) ]
}) : q.jsx("p", {
children: "Loading..."
});
}
function ll() {
return q.jsxs(q.Fragment, {
children: [ q.jsx(material.Typography, {
variant: "body1",
gutterBottom: !0,
children: "本脚本用于自动化学习通讨论区的评论操作。"
}), q.jsxs(material.Typography, {
variant: "body2",
gutterBottom: !0,
children: [ "作者：", q.jsx("a", {
href: "http://github.com/lcandy2",
target: "_blank",
children: "@lcandy2"
}) ]
}) ]
});
}
function cl(e) {
const {children: t, value: r, index: n, ...o} = e;
return q.jsx("div", {
role: "tabpanel",
hidden: r !== n,
id: `cx-auto-tabpanel-${n}`,
"aria-labelledby": `cx-auto-tab-${n}`,
...o,
children: r === n && q.jsx(tl, {
sx: {
p: 0,
maxWidth: 280,
maxHeight: 300,
minWidth: 260,
minHeight: 200,
overflow: "auto"
},
children: t
})
});
}
function ul(e) {
return {
id: `cx-auto-tab-${e}`,
"aria-controls": `cx-auto-tabpanel-${e}`
};
}
function dl() {
const [e$1, t] = e.useState(0), {isInActionFrame: r} = Ye();
return q.jsxs(tl, {
sx: {
width: "100%"
},
children: [ q.jsx(tl, {
sx: {
borderBottom: 1,
borderColor: "divider"
},
children: q.jsxs(Xs, {
value: e$1,
onChange: (e, r) => {
t(r);
},
"aria-label": "basic tabs example",
children: [ q.jsx(Zs, {
disabled: r,
label: "状态",
...ul(0)
}), q.jsx(Zs, {
disabled: r,
label: "设定",
...ul(1)
}), q.jsx(Zs, {
disabled: r,
label: "关于",
...ul(2)
}) ]
})
}), q.jsx(cl, {
value: e$1,
index: 0,
children: q.jsx(rl, {})
}), q.jsx(cl, {
value: e$1,
index: 1,
children: q.jsx(sl, {})
}), q.jsx(cl, {
value: e$1,
index: 2,
children: q.jsx(ll, {})
}) ]
});
}
function fl({title: e$1, canBeClosed: r = !0, handleClose: o, actions: i, draggableProps: a, dialogProps: s, maxWidth: l, children: u}) {
const [d, f] = e.useState(!0), p = e.useRef(null);
return d && q.jsx(P, {
handle: "#draggable-dialog-title",
cancel: '[class*="MuiDialogContent-root"]',
nodeRef: p,
...a,
children: q.jsx("div", {
className: "floating-overlay",
ref: p,
children: q.jsxs(material.Dialog, {
open: !0,
hideBackdrop: !0,
disableEnforceFocus: !0,
disableAutoFocus: !0,
disableScrollLock: !0,
disablePortal: !0,
maxWidth: l || "xs",
"aria-labelledby": "draggable-dialog-title",
container: () => document.querySelector(".floating-overlay"),
...s,
children: [ q.jsx(material.DialogTitle, {
style: {
cursor: "move"
},
id: "draggable-dialog-title",
children: e$1
}), r && q.jsx(material.IconButton, {
"aria-label": "close",
onClick: () => {
f(!1), o && o();
},
sx: {
position: "absolute",
right: 8,
top: 8,
color: e => e.palette.grey[500]
},
children: q.jsx(material.Icon, {
children: "close"
})
}), q.jsx(material.DialogContent, {
dividers: !0,
sx: {
p: 0
},
children: q.jsx(material.DialogContentText, {
component: "div",
children: u
})
}), i && q.jsx(material.DialogActions, {
children: i
}) ]
})
})
});
}
function pl() {
const [e$1, r] = e.useState(!0);
e.useRef(null);
const {isInActionFrame: o, actionFrameStatus: i, setCurrentStatus: a, setCurrentPage: s} = Ye(), l = i.src;
return e$1 && q.jsxs(q.Fragment, {
children: [ q.jsx(fl, {
title: "学习通自动化",
actions: q.jsx(Ft, {}),
canBeClosed: !o,
handleClose: () => {
r(!1), a(null), s(null);
},
children: q.jsx(dl, {})
}), l && q.jsxs(fl, {
title: "--执行讨论回复中--",
canBeClosed: !1,
draggableProps: {
positionOffset: {
x: "300px",
y: "30px"
}
},
maxWidth: "sm",
children: [ q.jsx("iframe", {
id: "cxauto_action",
src: l,
width: "600",
height: "460"
}), q.jsx("div", {
id: "cxauto_action"
}) ]
}) ]
});
}
var hl = {}, ml = M;
hl.createRoot = ml.createRoot, hl.hydrateRoot = ml.hydrateRoot, console.log("Chaoxing auto start!!!"),
(ee() || te()) && (console.log("Topic Match"), hl.createRoot((() => {
const e = document.createElement("div");
return document.body.append(e), e;
})()).render(q.jsx(e.StrictMode, {
children: q.jsx(pl, {})
})));
})(React, MaterialUI, emotionStyled, emotionReact, ReactDraggable, ReactDOM);