您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
一个呼吸顺畅的 linux.do 论坛
当前为
// ==UserScript== // @name linuxdo-next // @namespace linuxdo-next // @version 0.1.4 // @author delph1s // @description 一个呼吸顺畅的 linux.do 论坛 // @license GPLv2 // @iconURL https://cdn.linux.do/uploads/default/original/1X/3a18b4b0da3e8cf96f7eea15241c3d251f28a39b.png // @homepageURL https://github.com/delph1s/linuxdo-next // @match *://linux.do/ // @match *://linux.do/* // @match *://connect.linux.do/ // @require https://cdn.jsdelivr.net/npm/react@18.2.0/umd/react.production.min.js // @require https://cdn.jsdelivr.net/npm/react-dom@18.2.0/umd/react-dom.production.min.js // @grant GM_addStyle // @run-at document-end // ==/UserScript== (n=>{if(typeof GM_addStyle=="function"){GM_addStyle(n);return}const t=document.createElement("style");t.textContent=n,document.head.append(t)})(' :export{appName:"linuxdo-next";pluginContainer:linuxdo-next-container;pandoraButton:linuxdo-next-pandora-next}#linuxdo-next-container{left:0;font-size:12px}.linuxdo-next-pandora-next{position:fixed;right:1rem;bottom:1rem;z-index:9999} '); (function (React, ReactDOM__default) { '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 React__namespace = /*#__PURE__*/_interopNamespaceDefault(React); const ReactDOM__default__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM__default); var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {}; function getDefaultExportFromCjs(x2) { return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2; } function getAugmentedNamespace(n2) { if (n2.__esModule) return n2; var f2 = n2.default; if (typeof f2 == "function") { var a = function a2() { if (this instanceof a2) { return Reflect.construct(f2, arguments, this.constructor); } return f2.apply(this, arguments); }; a.prototype = f2.prototype; } else a = {}; Object.defineProperty(a, "__esModule", { value: true }); Object.keys(n2).forEach(function(k2) { var d2 = Object.getOwnPropertyDescriptor(n2, k2); Object.defineProperty(a, k2, d2.get ? d2 : { enumerable: true, get: function() { return n2[k2]; } }); }); return a; } var jsxRuntime = { exports: {} }; var reactJsxRuntime_production_min = {}; /** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var f$2 = React, k$2 = Symbol.for("react.element"), l$2 = Symbol.for("react.fragment"), m$3 = Object.prototype.hasOwnProperty, n$2 = f$2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p$2 = { key: true, ref: true, __self: true, __source: true }; function q$2(c2, a, g2) { var b2, d2 = {}, e2 = null, h2 = null; void 0 !== g2 && (e2 = "" + g2); void 0 !== a.key && (e2 = "" + a.key); void 0 !== a.ref && (h2 = a.ref); for (b2 in a) m$3.call(a, b2) && !p$2.hasOwnProperty(b2) && (d2[b2] = a[b2]); if (c2 && c2.defaultProps) for (b2 in a = c2.defaultProps, a) void 0 === d2[b2] && (d2[b2] = a[b2]); return { $$typeof: k$2, type: c2, key: e2, ref: h2, props: d2, _owner: n$2.current }; } reactJsxRuntime_production_min.Fragment = l$2; reactJsxRuntime_production_min.jsx = q$2; reactJsxRuntime_production_min.jsxs = q$2; { jsxRuntime.exports = reactJsxRuntime_production_min; } var jsxRuntimeExports = jsxRuntime.exports; const appName = '"linuxdo-next"'; const pluginContainer = "linuxdo-next-container"; const pandoraButton = "linuxdo-next-pandora-next"; const styles$1 = { appName, pluginContainer, pandoraButton }; const qsFilter = (selector) => { return selector; }; const qsOne = (selectorOrElement, scopedSelector) => { if (!scopedSelector) { return document.querySelector(qsFilter(selectorOrElement)); } return selectorOrElement.querySelector(qsFilter(scopedSelector)); }; const qsAll = (selectorOrElement, scopedSelector) => { if (!scopedSelector) { return Array.from(document.querySelectorAll(qsFilter(selectorOrElement))); } return Array.from(selectorOrElement.querySelectorAll(qsFilter(scopedSelector))); }; var client = {}; var m$2 = ReactDOM__default; { client.createRoot = m$2.createRoot; client.hydrateRoot = m$2.hydrateRoot; } const uiConfig = { pandoraDrawerWidth: "280px", pandoraDrawerMinHeight: "50%", pandoraDrawerMaxHeight: "70%" }; const filterForwardProps = (targetProp, excludeProps) => excludeProps.indexOf(targetProp) === -1; function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); } function r$1(e2) { var t2, f2, n2 = ""; if ("string" == typeof e2 || "number" == typeof e2) n2 += e2; else if ("object" == typeof e2) if (Array.isArray(e2)) { var o = e2.length; for (t2 = 0; t2 < o; t2++) e2[t2] && (f2 = r$1(e2[t2])) && (n2 && (n2 += " "), n2 += f2); } else for (f2 in e2) e2[f2] && (n2 && (n2 += " "), n2 += f2); return n2; } function clsx() { for (var e2, t2, f2 = 0, n2 = "", o = arguments.length; f2 < o; f2++) (e2 = arguments[f2]) && (t2 = r$1(e2)) && (n2 && (n2 += " "), n2 += t2); return n2; } function resolveProps$1(defaultProps2, props) { const output = _extends$1({}, props); Object.keys(defaultProps2).forEach((propName) => { if (propName.toString().match(/^(components|slots)$/)) { output[propName] = _extends$1({}, defaultProps2[propName], output[propName]); } else if (propName.toString().match(/^(componentsProps|slotProps)$/)) { const defaultSlotProps = defaultProps2[propName] || {}; const slotProps = props[propName]; output[propName] = {}; if (!slotProps || !Object.keys(slotProps)) { output[propName] = defaultSlotProps; } else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) { output[propName] = slotProps; } else { output[propName] = _extends$1({}, slotProps); Object.keys(defaultSlotProps).forEach((slotPropName) => { output[propName][slotPropName] = resolveProps$1(defaultSlotProps[slotPropName], slotProps[slotPropName]); }); } } else if (output[propName] === void 0) { output[propName] = defaultProps2[propName]; } }); return output; } function composeClasses$1(slots, getUtilityClass, classes = void 0) { const output = {}; Object.keys(slots).forEach( // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`. // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208 (slot) => { output[slot] = slots[slot].reduce((acc, key) => { if (key) { const utilityClass = getUtilityClass(key); if (utilityClass !== "") { acc.push(utilityClass); } if (classes && classes[key]) { acc.push(classes[key]); } } return acc; }, []).join(" "); } ); return output; } var colorManipulator = {}; var interopRequireDefault = { exports: {} }; (function(module) { function _interopRequireDefault2(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } module.exports = _interopRequireDefault2, module.exports.__esModule = true, module.exports["default"] = module.exports; })(interopRequireDefault); var interopRequireDefaultExports = interopRequireDefault.exports; function formatMuiErrorMessage$1(code) { let url = "https://mui.com/production-error/?code=" + code; for (let i = 1; i < arguments.length; i += 1) { url += "&args[]=" + encodeURIComponent(arguments[i]); } return "Minified MUI error #" + code + "; visit " + url + " for the full message."; } const formatMuiErrorMessage = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: formatMuiErrorMessage$1 }, Symbol.toStringTag, { value: "Module" })); const require$$1$1 = /* @__PURE__ */ getAugmentedNamespace(formatMuiErrorMessage); function clamp$1(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) { return Math.max(min, Math.min(val, max)); } const clamp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: clamp$1 }, Symbol.toStringTag, { value: "Module" })); const require$$2 = /* @__PURE__ */ getAugmentedNamespace(clamp); var _interopRequireDefault$1 = interopRequireDefaultExports; Object.defineProperty(colorManipulator, "__esModule", { value: true }); var alpha_1 = colorManipulator.alpha = alpha; colorManipulator.blend = blend; colorManipulator.colorChannel = void 0; var darken_1 = colorManipulator.darken = darken; colorManipulator.decomposeColor = decomposeColor; colorManipulator.emphasize = emphasize; var getContrastRatio_1 = colorManipulator.getContrastRatio = getContrastRatio; colorManipulator.getLuminance = getLuminance; colorManipulator.hexToRgb = hexToRgb$1; colorManipulator.hslToRgb = hslToRgb; var lighten_1 = colorManipulator.lighten = lighten; colorManipulator.private_safeAlpha = private_safeAlpha; colorManipulator.private_safeColorChannel = void 0; colorManipulator.private_safeDarken = private_safeDarken; colorManipulator.private_safeEmphasize = private_safeEmphasize; colorManipulator.private_safeLighten = private_safeLighten; colorManipulator.recomposeColor = recomposeColor; colorManipulator.rgbToHex = rgbToHex; var _formatMuiErrorMessage2 = _interopRequireDefault$1(require$$1$1); var _clamp = _interopRequireDefault$1(require$$2); function clampWrapper(value, min = 0, max = 1) { return (0, _clamp.default)(value, min, max); } function hexToRgb$1(color2) { color2 = color2.slice(1); const re = new RegExp(`.{1,${color2.length >= 6 ? 2 : 1}}`, "g"); let colors = color2.match(re); if (colors && colors[0].length === 1) { colors = colors.map((n2) => n2 + n2); } return colors ? `rgb${colors.length === 4 ? "a" : ""}(${colors.map((n2, index) => { return index < 3 ? parseInt(n2, 16) : Math.round(parseInt(n2, 16) / 255 * 1e3) / 1e3; }).join(", ")})` : ""; } function intToHex(int) { const hex = int.toString(16); return hex.length === 1 ? `0${hex}` : hex; } function decomposeColor(color2) { if (color2.type) { return color2; } if (color2.charAt(0) === "#") { return decomposeColor(hexToRgb$1(color2)); } const marker = color2.indexOf("("); const type = color2.substring(0, marker); if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(type) === -1) { throw new Error((0, _formatMuiErrorMessage2.default)(9, color2)); } let values2 = color2.substring(marker + 1, color2.length - 1); let colorSpace; if (type === "color") { values2 = values2.split(" "); colorSpace = values2.shift(); if (values2.length === 4 && values2[3].charAt(0) === "/") { values2[3] = values2[3].slice(1); } if (["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(colorSpace) === -1) { throw new Error((0, _formatMuiErrorMessage2.default)(10, colorSpace)); } } else { values2 = values2.split(","); } values2 = values2.map((value) => parseFloat(value)); return { type, values: values2, colorSpace }; } const colorChannel = (color2) => { const decomposedColor = decomposeColor(color2); return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.indexOf("hsl") !== -1 && idx !== 0 ? `${val}%` : val).join(" "); }; colorManipulator.colorChannel = colorChannel; const private_safeColorChannel = (color2, warning) => { try { return colorChannel(color2); } catch (error) { if (warning && false) { console.warn(warning); } return color2; } }; colorManipulator.private_safeColorChannel = private_safeColorChannel; function recomposeColor(color2) { const { type, colorSpace } = color2; let { values: values2 } = color2; if (type.indexOf("rgb") !== -1) { values2 = values2.map((n2, i) => i < 3 ? parseInt(n2, 10) : n2); } else if (type.indexOf("hsl") !== -1) { values2[1] = `${values2[1]}%`; values2[2] = `${values2[2]}%`; } if (type.indexOf("color") !== -1) { values2 = `${colorSpace} ${values2.join(" ")}`; } else { values2 = `${values2.join(", ")}`; } return `${type}(${values2})`; } function rgbToHex(color2) { if (color2.indexOf("#") === 0) { return color2; } const { values: values2 } = decomposeColor(color2); return `#${values2.map((n2, i) => intToHex(i === 3 ? Math.round(255 * n2) : n2)).join("")}`; } function hslToRgb(color2) { color2 = decomposeColor(color2); const { values: values2 } = color2; const h2 = values2[0]; const s = values2[1] / 100; const l2 = values2[2] / 100; const a = s * Math.min(l2, 1 - l2); const f2 = (n2, k2 = (n2 + h2 / 30) % 12) => l2 - a * Math.max(Math.min(k2 - 3, 9 - k2, 1), -1); let type = "rgb"; const rgb = [Math.round(f2(0) * 255), Math.round(f2(8) * 255), Math.round(f2(4) * 255)]; if (color2.type === "hsla") { type += "a"; rgb.push(values2[3]); } return recomposeColor({ type, values: rgb }); } function getLuminance(color2) { color2 = decomposeColor(color2); let rgb = color2.type === "hsl" || color2.type === "hsla" ? decomposeColor(hslToRgb(color2)).values : color2.values; rgb = rgb.map((val) => { if (color2.type !== "color") { val /= 255; } return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4; }); return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3)); } function getContrastRatio(foreground, background) { const lumA = getLuminance(foreground); const lumB = getLuminance(background); return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05); } function alpha(color2, value) { color2 = decomposeColor(color2); value = clampWrapper(value); if (color2.type === "rgb" || color2.type === "hsl") { color2.type += "a"; } if (color2.type === "color") { color2.values[3] = `/${value}`; } else { color2.values[3] = value; } return recomposeColor(color2); } function private_safeAlpha(color2, value, warning) { try { return alpha(color2, value); } catch (error) { if (warning && false) { console.warn(warning); } return color2; } } function darken(color2, coefficient) { color2 = decomposeColor(color2); coefficient = clampWrapper(coefficient); if (color2.type.indexOf("hsl") !== -1) { color2.values[2] *= 1 - coefficient; } else if (color2.type.indexOf("rgb") !== -1 || color2.type.indexOf("color") !== -1) { for (let i = 0; i < 3; i += 1) { color2.values[i] *= 1 - coefficient; } } return recomposeColor(color2); } function private_safeDarken(color2, coefficient, warning) { try { return darken(color2, coefficient); } catch (error) { if (warning && false) { console.warn(warning); } return color2; } } function lighten(color2, coefficient) { color2 = decomposeColor(color2); coefficient = clampWrapper(coefficient); if (color2.type.indexOf("hsl") !== -1) { color2.values[2] += (100 - color2.values[2]) * coefficient; } else if (color2.type.indexOf("rgb") !== -1) { for (let i = 0; i < 3; i += 1) { color2.values[i] += (255 - color2.values[i]) * coefficient; } } else if (color2.type.indexOf("color") !== -1) { for (let i = 0; i < 3; i += 1) { color2.values[i] += (1 - color2.values[i]) * coefficient; } } return recomposeColor(color2); } function private_safeLighten(color2, coefficient, warning) { try { return lighten(color2, coefficient); } catch (error) { if (warning && false) { console.warn(warning); } return color2; } } function emphasize(color2, coefficient = 0.15) { return getLuminance(color2) > 0.5 ? darken(color2, coefficient) : lighten(color2, coefficient); } function private_safeEmphasize(color2, coefficient, warning) { try { return private_safeEmphasize(color2, coefficient); } catch (error) { if (warning && false) { console.warn(warning); } return color2; } } function blend(background, overlay, opacity, gamma = 1) { const blendChannel = (b2, o) => Math.round((b2 ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma); const backgroundColor2 = decomposeColor(background); const overlayColor = decomposeColor(overlay); const rgb = [blendChannel(backgroundColor2.values[0], overlayColor.values[0]), blendChannel(backgroundColor2.values[1], overlayColor.values[1]), blendChannel(backgroundColor2.values[2], overlayColor.values[2])]; return recomposeColor({ type: "rgb", values: rgb }); } var createStyled$2 = {}; var _extends = { exports: {} }; var hasRequired_extends; function require_extends() { if (hasRequired_extends) return _extends.exports; hasRequired_extends = 1; (function(module) { function _extends3() { module.exports = _extends3 = Object.assign ? Object.assign.bind() : function(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }, module.exports.__esModule = true, module.exports["default"] = module.exports; return _extends3.apply(this, arguments); } module.exports = _extends3, module.exports.__esModule = true, module.exports["default"] = module.exports; })(_extends); return _extends.exports; } var objectWithoutPropertiesLoose = { exports: {} }; var hasRequiredObjectWithoutPropertiesLoose; function requireObjectWithoutPropertiesLoose() { if (hasRequiredObjectWithoutPropertiesLoose) return objectWithoutPropertiesLoose.exports; hasRequiredObjectWithoutPropertiesLoose = 1; (function(module) { function _objectWithoutPropertiesLoose3(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } module.exports = _objectWithoutPropertiesLoose3, module.exports.__esModule = true, module.exports["default"] = module.exports; })(objectWithoutPropertiesLoose); return objectWithoutPropertiesLoose.exports; } function memoize$3(fn) { var cache2 = /* @__PURE__ */ Object.create(null); return function(arg) { if (cache2[arg] === void 0) cache2[arg] = fn(arg); return cache2[arg]; }; } var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; var isPropValid = /* @__PURE__ */ memoize$3( function(prop) { return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91; } /* Z+1 */ ); function sheetForTag(tag) { if (tag.sheet) { return tag.sheet; } for (var i = 0; i < document.styleSheets.length; i++) { if (document.styleSheets[i].ownerNode === tag) { return document.styleSheets[i]; } } } function createStyleElement(options) { var tag = document.createElement("style"); tag.setAttribute("data-emotion", options.key); if (options.nonce !== void 0) { tag.setAttribute("nonce", options.nonce); } tag.appendChild(document.createTextNode("")); tag.setAttribute("data-s", ""); return tag; } var StyleSheet = /* @__PURE__ */ function() { function StyleSheet2(options) { var _this = this; this._insertTag = function(tag) { var before; if (_this.tags.length === 0) { if (_this.insertionPoint) { before = _this.insertionPoint.nextSibling; } else if (_this.prepend) { before = _this.container.firstChild; } else { before = _this.before; } } else { before = _this.tags[_this.tags.length - 1].nextSibling; } _this.container.insertBefore(tag, before); _this.tags.push(tag); }; this.isSpeedy = options.speedy === void 0 ? true : options.speedy; this.tags = []; this.ctr = 0; this.nonce = options.nonce; this.key = options.key; this.container = options.container; this.prepend = options.prepend; this.insertionPoint = options.insertionPoint; this.before = null; } var _proto = StyleSheet2.prototype; _proto.hydrate = function hydrate(nodes) { nodes.forEach(this._insertTag); }; _proto.insert = function insert(rule) { if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) { this._insertTag(createStyleElement(this)); } var tag = this.tags[this.tags.length - 1]; if (this.isSpeedy) { var sheet = sheetForTag(tag); try { sheet.insertRule(rule, sheet.cssRules.length); } catch (e2) { } } else { tag.appendChild(document.createTextNode(rule)); } this.ctr++; }; _proto.flush = function flush() { this.tags.forEach(function(tag) { return tag.parentNode && tag.parentNode.removeChild(tag); }); this.tags = []; this.ctr = 0; }; return StyleSheet2; }(); var MS = "-ms-"; var MOZ = "-moz-"; var WEBKIT = "-webkit-"; var COMMENT = "comm"; var RULESET = "rule"; var DECLARATION = "decl"; var IMPORT = "@import"; var KEYFRAMES = "@keyframes"; var LAYER = "@layer"; var abs = Math.abs; var from = String.fromCharCode; var assign = Object.assign; function hash(value, length2) { return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0; } function trim(value) { return value.trim(); } function match(value, pattern) { return (value = pattern.exec(value)) ? value[0] : value; } function replace(value, pattern, replacement) { return value.replace(pattern, replacement); } function indexof(value, search) { return value.indexOf(search); } function charat(value, index) { return value.charCodeAt(index) | 0; } function substr(value, begin, end) { return value.slice(begin, end); } function strlen(value) { return value.length; } function sizeof(value) { return value.length; } function append(value, array) { return array.push(value), value; } function combine(array, callback) { return array.map(callback).join(""); } var line = 1; var column = 1; var length = 0; var position = 0; var character = 0; var characters = ""; function node(value, root2, parent, type, props, children, length2) { return { value, root: root2, parent, type, props, children, line, column, length: length2, return: "" }; } function copy(root2, props) { return assign(node("", null, null, "", null, null, 0), root2, { length: -root2.length }, props); } function char() { return character; } function prev() { character = position > 0 ? charat(characters, --position) : 0; if (column--, character === 10) column = 1, line--; return character; } function next() { character = position < length ? charat(characters, position++) : 0; if (column++, character === 10) column = 1, line++; return character; } function peek() { return charat(characters, position); } function caret() { return position; } function slice(begin, end) { return substr(characters, begin, end); } function token(type) { switch (type) { 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 alloc(value) { return line = column = 1, length = strlen(characters = value), position = 0, []; } function dealloc(value) { return characters = "", value; } function delimit(type) { return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type))); } function whitespace(type) { while (character = peek()) if (character < 33) next(); else break; return token(type) > 2 || token(character) > 3 ? "" : " "; } function escaping(index, count) { while (--count && next()) if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97) break; return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32)); } function delimiter(type) { while (next()) switch (character) { case type: return position; case 34: case 39: if (type !== 34 && type !== 39) delimiter(character); break; case 40: if (type === 41) delimiter(type); break; case 92: next(); break; } return position; } function commenter(type, index) { while (next()) if (type + character === 47 + 10) break; else if (type + character === 42 + 42 && peek() === 47) break; return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next()); } function identifier(index) { while (!token(peek())) next(); return slice(index, position); } function compile(value) { return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value)); } function parse(value, root2, parent, rule, rules, rulesets, pseudo, points, declarations) { var index = 0; var offset = 0; var length2 = pseudo; var atrule = 0; var property = 0; var previous = 0; var variable = 1; var scanning = 1; var ampersand = 1; var character2 = 0; var type = ""; var props = rules; var children = rulesets; var reference = rule; var characters2 = type; while (scanning) switch (previous = character2, character2 = next()) { case 40: if (previous != 108 && charat(characters2, length2 - 1) == 58) { if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1) ampersand = -1; break; } case 34: case 39: case 91: characters2 += delimit(character2); break; case 9: case 10: case 13: case 32: characters2 += whitespace(previous); break; case 92: characters2 += escaping(caret() - 1, 7); continue; case 47: switch (peek()) { case 42: case 47: append(comment(commenter(next(), caret()), root2, parent), declarations); break; default: characters2 += "/"; } break; case 123 * variable: points[index++] = strlen(characters2) * ampersand; case 125 * variable: case 59: case 0: switch (character2) { case 0: case 125: scanning = 0; case 59 + offset: if (ampersand == -1) characters2 = replace(characters2, /\f/g, ""); if (property > 0 && strlen(characters2) - length2) append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations); break; case 59: characters2 += ";"; default: append(reference = ruleset(characters2, root2, parent, index, offset, rules, points, type, props = [], children = [], length2), rulesets); if (character2 === 123) if (offset === 0) parse(characters2, root2, reference, reference, props, rulesets, length2, points, children); else switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) { case 100: case 108: case 109: case 115: parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children); break; default: parse(characters2, reference, reference, reference, [""], children, 0, points, children); } } index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo; break; case 58: length2 = 1 + strlen(characters2), property = previous; default: if (variable < 1) { if (character2 == 123) --variable; else if (character2 == 125 && variable++ == 0 && prev() == 125) continue; } switch (characters2 += from(character2), character2 * variable) { case 38: ampersand = offset > 0 ? 1 : (characters2 += "\f", -1); break; case 44: points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1; break; case 64: if (peek() === 45) characters2 += delimit(next()); atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++; break; case 45: if (previous === 45 && strlen(characters2) == 2) variable = 0; } } return rulesets; } function ruleset(value, root2, parent, index, offset, rules, points, type, props, children, length2) { var post = offset - 1; var rule = offset === 0 ? rules : [""]; var size = sizeof(rule); for (var i = 0, j = 0, k2 = 0; i < index; ++i) for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j = points[i])), z2 = value; x2 < size; ++x2) if (z2 = trim(j > 0 ? rule[x2] + " " + y2 : replace(y2, /&\f/g, rule[x2]))) props[k2++] = z2; return node(value, root2, parent, offset === 0 ? RULESET : type, props, children, length2); } function comment(value, root2, parent) { return node(value, root2, parent, COMMENT, from(char()), substr(value, 2, -2), 0); } function declaration(value, root2, parent, length2) { return node(value, root2, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2); } function serialize(children, callback) { var output = ""; var length2 = sizeof(children); for (var i = 0; i < length2; i++) output += callback(children[i], i, children, callback) || ""; return output; } function stringify(element, index, children, callback) { switch (element.type) { case LAYER: if (element.children.length) break; case IMPORT: case DECLARATION: return element.return = element.return || element.value; case COMMENT: return ""; case KEYFRAMES: return element.return = element.value + "{" + serialize(element.children, callback) + "}"; case RULESET: element.value = element.props.join(","); } return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : ""; } function middleware(collection) { var length2 = sizeof(collection); return function(element, index, children, callback) { var output = ""; for (var i = 0; i < length2; i++) output += collection[i](element, index, children, callback) || ""; return output; }; } function rulesheet(callback) { return function(element) { if (!element.root) { if (element = element.return) callback(element); } }; } var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) { var previous = 0; var character2 = 0; while (true) { previous = character2; character2 = peek(); if (previous === 38 && character2 === 12) { points[index] = 1; } if (token(character2)) { break; } next(); } return slice(begin, position); }; var toRules = function toRules2(parsed, points) { var index = -1; var character2 = 44; do { switch (token(character2)) { case 0: if (character2 === 38 && peek() === 12) { points[index] = 1; } parsed[index] += identifierWithPointTracking(position - 1, points, index); break; case 2: parsed[index] += delimit(character2); break; case 4: if (character2 === 44) { parsed[++index] = peek() === 58 ? "&\f" : ""; points[index] = parsed[index].length; break; } default: parsed[index] += from(character2); } } while (character2 = next()); return parsed; }; var getRules = function getRules2(value, points) { return dealloc(toRules(alloc(value), points)); }; var fixedElements = /* @__PURE__ */ new WeakMap(); var compat = function compat2(element) { if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo // negative .length indicates that this rule has been already prefixed element.length < 1) { return; } var value = element.value, parent = element.parent; var isImplicitRule = element.column === parent.column && element.line === parent.line; while (parent.type !== "rule") { parent = parent.parent; if (!parent) return; } if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) { return; } if (isImplicitRule) { return; } fixedElements.set(element, true); var points = []; var rules = getRules(value, points); var parentRules = parent.props; for (var i = 0, k2 = 0; i < rules.length; i++) { for (var j = 0; j < parentRules.length; j++, k2++) { element.props[k2] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i]; } } }; var removeLabel = function removeLabel2(element) { if (element.type === "decl") { var value = element.value; if ( // charcode for l value.charCodeAt(0) === 108 && // charcode for b value.charCodeAt(2) === 98 ) { element["return"] = ""; element.value = ""; } } }; function prefix(value, length2) { switch (hash(value, length2)) { case 5103: return WEBKIT + "print-" + value + value; 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 WEBKIT + value + value; case 5349: case 4246: case 4810: case 6968: case 2756: return WEBKIT + value + MOZ + value + MS + value + value; case 6828: case 4268: return WEBKIT + value + MS + value + value; case 6165: return WEBKIT + value + MS + "flex-" + value + value; case 5187: return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value; case 5443: return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value; case 4675: return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value; case 5548: return WEBKIT + value + MS + replace(value, "shrink", "negative") + value; case 5292: return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value; case 6060: return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value; case 4554: return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value; case 6187: return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value; case 5495: case 3959: return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1"); case 4968: return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value; case 4095: case 3583: case 4068: case 2532: return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value; 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 (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) { case 109: if (charat(value, length2 + 4) !== 45) break; case 102: return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value; case 115: return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value; } break; case 4949: if (charat(value, length2 + 1) !== 115) break; case 6444: switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) { case 107: return replace(value, ":", ":" + WEBKIT) + value; case 101: return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value; } break; case 5936: switch (charat(value, length2 + 11)) { case 114: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value; case 108: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value; case 45: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value; } return WEBKIT + value + MS + value + value; } return value; } var prefixer = function prefixer2(element, index, children, callback) { if (element.length > -1) { if (!element["return"]) switch (element.type) { case DECLARATION: element["return"] = prefix(element.value, element.length); break; case KEYFRAMES: return serialize([copy(element, { value: replace(element.value, "@", "@" + WEBKIT) })], callback); case RULESET: if (element.length) return combine(element.props, function(value) { switch (match(value, /(::plac\w+|:read-\w+)/)) { case ":read-only": case ":read-write": return serialize([copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] })], callback); case "::placeholder": return serialize([copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }), copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }), copy(element, { props: [replace(value, /:(plac\w+)/, MS + "input-$1")] })], callback); } return ""; }); } } }; var defaultStylisPlugins = [prefixer]; var createCache = function createCache2(options) { var key = options.key; if (key === "css") { var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); Array.prototype.forEach.call(ssrStyles, function(node2) { var dataEmotionAttribute = node2.getAttribute("data-emotion"); if (dataEmotionAttribute.indexOf(" ") === -1) { return; } document.head.appendChild(node2); node2.setAttribute("data-s", ""); }); } var stylisPlugins = options.stylisPlugins || defaultStylisPlugins; var inserted = {}; var container; var nodesToHydrate = []; { container = options.container || document.head; Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which // means that the style elements we're looking at are only Emotion 11 server-rendered style elements document.querySelectorAll('style[data-emotion^="' + key + ' "]'), function(node2) { var attrib = node2.getAttribute("data-emotion").split(" "); for (var i = 1; i < attrib.length; i++) { inserted[attrib[i]] = true; } nodesToHydrate.push(node2); } ); } var _insert; var omnipresentPlugins = [compat, removeLabel]; { var currentSheet; var finalizingPlugins = [stringify, rulesheet(function(rule) { currentSheet.insert(rule); })]; var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins)); var stylis = function stylis2(styles2) { return serialize(compile(styles2), serializer); }; _insert = function insert(selector, serialized, sheet, shouldCache) { currentSheet = sheet; stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles); if (shouldCache) { cache2.inserted[serialized.name] = true; } }; } var cache2 = { key, sheet: new StyleSheet({ key, container, nonce: options.nonce, speedy: options.speedy, prepend: options.prepend, insertionPoint: options.insertionPoint }), nonce: options.nonce, inserted, registered: {}, insert: _insert }; cache2.sheet.hydrate(nodesToHydrate); return cache2; }; var reactIs$2 = { exports: {} }; var reactIs_production_min$1 = {}; /** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var b$1 = "function" === typeof Symbol && Symbol.for, c$1 = b$1 ? Symbol.for("react.element") : 60103, d$1 = b$1 ? Symbol.for("react.portal") : 60106, e$1 = b$1 ? Symbol.for("react.fragment") : 60107, f$1 = b$1 ? Symbol.for("react.strict_mode") : 60108, g$1 = b$1 ? Symbol.for("react.profiler") : 60114, h$1 = b$1 ? Symbol.for("react.provider") : 60109, k$1 = b$1 ? Symbol.for("react.context") : 60110, l$1 = b$1 ? Symbol.for("react.async_mode") : 60111, m$1 = b$1 ? Symbol.for("react.concurrent_mode") : 60111, n$1 = b$1 ? Symbol.for("react.forward_ref") : 60112, p$1 = b$1 ? Symbol.for("react.suspense") : 60113, q$1 = b$1 ? Symbol.for("react.suspense_list") : 60120, r = b$1 ? Symbol.for("react.memo") : 60115, t$1 = b$1 ? Symbol.for("react.lazy") : 60116, v$1 = b$1 ? Symbol.for("react.block") : 60121, w = b$1 ? Symbol.for("react.fundamental") : 60117, x = b$1 ? Symbol.for("react.responder") : 60118, y = b$1 ? Symbol.for("react.scope") : 60119; function z(a) { if ("object" === typeof a && null !== a) { var u2 = a.$$typeof; switch (u2) { case c$1: switch (a = a.type, a) { case l$1: case m$1: case e$1: case g$1: case f$1: case p$1: return a; default: switch (a = a && a.$$typeof, a) { case k$1: case n$1: case t$1: case r: case h$1: return a; default: return u2; } } case d$1: return u2; } } } function A(a) { return z(a) === m$1; } reactIs_production_min$1.AsyncMode = l$1; reactIs_production_min$1.ConcurrentMode = m$1; reactIs_production_min$1.ContextConsumer = k$1; reactIs_production_min$1.ContextProvider = h$1; reactIs_production_min$1.Element = c$1; reactIs_production_min$1.ForwardRef = n$1; reactIs_production_min$1.Fragment = e$1; reactIs_production_min$1.Lazy = t$1; reactIs_production_min$1.Memo = r; reactIs_production_min$1.Portal = d$1; reactIs_production_min$1.Profiler = g$1; reactIs_production_min$1.StrictMode = f$1; reactIs_production_min$1.Suspense = p$1; reactIs_production_min$1.isAsyncMode = function(a) { return A(a) || z(a) === l$1; }; reactIs_production_min$1.isConcurrentMode = A; reactIs_production_min$1.isContextConsumer = function(a) { return z(a) === k$1; }; reactIs_production_min$1.isContextProvider = function(a) { return z(a) === h$1; }; reactIs_production_min$1.isElement = function(a) { return "object" === typeof a && null !== a && a.$$typeof === c$1; }; reactIs_production_min$1.isForwardRef = function(a) { return z(a) === n$1; }; reactIs_production_min$1.isFragment = function(a) { return z(a) === e$1; }; reactIs_production_min$1.isLazy = function(a) { return z(a) === t$1; }; reactIs_production_min$1.isMemo = function(a) { return z(a) === r; }; reactIs_production_min$1.isPortal = function(a) { return z(a) === d$1; }; reactIs_production_min$1.isProfiler = function(a) { return z(a) === g$1; }; reactIs_production_min$1.isStrictMode = function(a) { return z(a) === f$1; }; reactIs_production_min$1.isSuspense = function(a) { return z(a) === p$1; }; reactIs_production_min$1.isValidElementType = function(a) { return "string" === typeof a || "function" === typeof a || a === e$1 || a === m$1 || a === g$1 || a === f$1 || a === p$1 || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t$1 || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n$1 || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v$1); }; reactIs_production_min$1.typeOf = z; { reactIs$2.exports = reactIs_production_min$1; } var reactIsExports$1 = reactIs$2.exports; var reactIs$1 = reactIsExports$1; var FORWARD_REF_STATICS = { "$$typeof": true, render: true, defaultProps: true, displayName: true, propTypes: true }; var MEMO_STATICS = { "$$typeof": true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true }; var TYPE_STATICS = {}; TYPE_STATICS[reactIs$1.ForwardRef] = FORWARD_REF_STATICS; TYPE_STATICS[reactIs$1.Memo] = MEMO_STATICS; var isBrowser = true; function getRegisteredStyles(registered, registeredStyles, classNames) { var rawClassName = ""; classNames.split(" ").forEach(function(className) { if (registered[className] !== void 0) { registeredStyles.push(registered[className] + ";"); } else { rawClassName += className + " "; } }); return rawClassName; } var registerStyles = function registerStyles2(cache2, serialized, isStringTag2) { var className = cache2.key + "-" + serialized.name; if ( // we only need to add the styles to the registered cache if the // class name could be used further down // the tree but if it's a string tag, we know it won't // so we don't have to add it to registered cache. // this improves memory usage since we can avoid storing the whole style string (isStringTag2 === false || // we need to always store it if we're in compat mode and // in node since emotion-server relies on whether a style is in // the registered cache to know whether a style is global or not // also, note that this check will be dead code eliminated in the browser isBrowser === false) && cache2.registered[className] === void 0 ) { cache2.registered[className] = serialized.styles; } }; var insertStyles = function insertStyles2(cache2, serialized, isStringTag2) { registerStyles(cache2, serialized, isStringTag2); var className = cache2.key + "-" + serialized.name; if (cache2.inserted[serialized.name] === void 0) { var current = serialized; do { cache2.insert(serialized === current ? "." + className : "", current, cache2.sheet, true); current = current.next; } while (current !== void 0); } }; function murmur2(str) { var h2 = 0; var k2, i = 0, len = str.length; for (; len >= 4; ++i, len -= 4) { k2 = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24; k2 = /* Math.imul(k, m): */ (k2 & 65535) * 1540483477 + ((k2 >>> 16) * 59797 << 16); k2 ^= /* k >>> r: */ k2 >>> 24; h2 = /* Math.imul(k, m): */ (k2 & 65535) * 1540483477 + ((k2 >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */ (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16); } switch (len) { case 3: h2 ^= (str.charCodeAt(i + 2) & 255) << 16; case 2: h2 ^= (str.charCodeAt(i + 1) & 255) << 8; case 1: h2 ^= str.charCodeAt(i) & 255; h2 = /* Math.imul(h, m): */ (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16); } h2 ^= h2 >>> 13; h2 = /* Math.imul(h, m): */ (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16); return ((h2 ^ h2 >>> 15) >>> 0).toString(36); } var unitlessKeys = { animationIterationCount: 1, aspectRatio: 1, borderImageOutset: 1, borderImageSlice: 1, borderImageWidth: 1, boxFlex: 1, boxFlexGroup: 1, boxOrdinalGroup: 1, columnCount: 1, columns: 1, flex: 1, flexGrow: 1, flexPositive: 1, flexShrink: 1, flexNegative: 1, flexOrder: 1, gridRow: 1, gridRowEnd: 1, gridRowSpan: 1, gridRowStart: 1, gridColumn: 1, gridColumnEnd: 1, gridColumnSpan: 1, gridColumnStart: 1, msGridRow: 1, msGridRowSpan: 1, msGridColumn: 1, msGridColumnSpan: 1, fontWeight: 1, lineHeight: 1, opacity: 1, order: 1, orphans: 1, tabSize: 1, widows: 1, zIndex: 1, zoom: 1, WebkitLineClamp: 1, // SVG-related properties fillOpacity: 1, floodOpacity: 1, stopOpacity: 1, strokeDasharray: 1, strokeDashoffset: 1, strokeMiterlimit: 1, strokeOpacity: 1, strokeWidth: 1 }; var hyphenateRegex = /[A-Z]|^ms/g; var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g; var isCustomProperty = function isCustomProperty2(property) { return property.charCodeAt(1) === 45; }; var isProcessableValue = function isProcessableValue2(value) { return value != null && typeof value !== "boolean"; }; var processStyleName = /* @__PURE__ */ memoize$3(function(styleName) { return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase(); }); var processStyleValue = function processStyleValue2(key, value) { switch (key) { case "animation": case "animationName": { if (typeof value === "string") { return value.replace(animationRegex, function(match2, p1, p2) { cursor = { name: p1, styles: p2, next: cursor }; return p1; }); } } } if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === "number" && value !== 0) { return value + "px"; } return value; }; var noComponentSelectorMessage = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform."; function handleInterpolation(mergedProps, registered, interpolation) { if (interpolation == null) { return ""; } if (interpolation.__emotion_styles !== void 0) { return interpolation; } switch (typeof interpolation) { case "boolean": { return ""; } case "object": { if (interpolation.anim === 1) { cursor = { name: interpolation.name, styles: interpolation.styles, next: cursor }; return interpolation.name; } if (interpolation.styles !== void 0) { var next2 = interpolation.next; if (next2 !== void 0) { while (next2 !== void 0) { cursor = { name: next2.name, styles: next2.styles, next: cursor }; next2 = next2.next; } } var styles2 = interpolation.styles + ";"; return styles2; } return createStringFromObject(mergedProps, registered, interpolation); } case "function": { if (mergedProps !== void 0) { var previousCursor = cursor; var result = interpolation(mergedProps); cursor = previousCursor; return handleInterpolation(mergedProps, registered, result); } break; } } if (registered == null) { return interpolation; } var cached = registered[interpolation]; return cached !== void 0 ? cached : interpolation; } function createStringFromObject(mergedProps, registered, obj) { var string = ""; if (Array.isArray(obj)) { for (var i = 0; i < obj.length; i++) { string += handleInterpolation(mergedProps, registered, obj[i]) + ";"; } } else { for (var _key in obj) { var value = obj[_key]; if (typeof value !== "object") { if (registered != null && registered[value] !== void 0) { string += _key + "{" + registered[value] + "}"; } else if (isProcessableValue(value)) { string += processStyleName(_key) + ":" + processStyleValue(_key, value) + ";"; } } else { if (_key === "NO_COMPONENT_SELECTOR" && false) { throw new Error(noComponentSelectorMessage); } if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) { for (var _i = 0; _i < value.length; _i++) { if (isProcessableValue(value[_i])) { string += processStyleName(_key) + ":" + processStyleValue(_key, value[_i]) + ";"; } } } else { var interpolated = handleInterpolation(mergedProps, registered, value); switch (_key) { case "animation": case "animationName": { string += processStyleName(_key) + ":" + interpolated + ";"; break; } default: { string += _key + "{" + interpolated + "}"; } } } } } } return string; } var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g; var cursor; var serializeStyles = function serializeStyles2(args, registered, mergedProps) { if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) { return args[0]; } var stringMode = true; var styles2 = ""; cursor = void 0; var strings = args[0]; if (strings == null || strings.raw === void 0) { stringMode = false; styles2 += handleInterpolation(mergedProps, registered, strings); } else { styles2 += strings[0]; } for (var i = 1; i < args.length; i++) { styles2 += handleInterpolation(mergedProps, registered, args[i]); if (stringMode) { styles2 += strings[i]; } } labelPattern.lastIndex = 0; var identifierName = ""; var match2; while ((match2 = labelPattern.exec(styles2)) !== null) { identifierName += "-" + // $FlowFixMe we know it's not null match2[1]; } var name = murmur2(styles2) + identifierName; return { name, styles: styles2, next: cursor }; }; var syncFallback = function syncFallback2(create) { return create(); }; var useInsertionEffect = React__namespace["useInsertionEffect"] ? React__namespace["useInsertionEffect"] : false; var useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback; var useInsertionEffectWithLayoutFallback = useInsertionEffect || React__namespace.useLayoutEffect; var EmotionCacheContext = /* @__PURE__ */ React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case // because this module is primarily intended for the browser and node // but it's also required in react native and similar environments sometimes // and we could have a special build just for that // but this is much easier and the native packages // might use a different theme context in the future anyway typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({ key: "css" }) : null ); var CacheProvider = EmotionCacheContext.Provider; var withEmotionCache = function withEmotionCache2(func) { return /* @__PURE__ */ React.forwardRef(function(props, ref) { var cache2 = React.useContext(EmotionCacheContext); return func(props, cache2, ref); }); }; var ThemeContext$2 = /* @__PURE__ */ React__namespace.createContext({}); var Global = /* @__PURE__ */ withEmotionCache(function(props, cache2) { var styles2 = props.styles; var serialized = serializeStyles([styles2], void 0, React__namespace.useContext(ThemeContext$2)); var sheetRef = React__namespace.useRef(); useInsertionEffectWithLayoutFallback(function() { var key = cache2.key + "-global"; var sheet = new cache2.sheet.constructor({ key, nonce: cache2.sheet.nonce, container: cache2.sheet.container, speedy: cache2.sheet.isSpeedy }); var rehydrating = false; var node2 = document.querySelector('style[data-emotion="' + key + " " + serialized.name + '"]'); if (cache2.sheet.tags.length) { sheet.before = cache2.sheet.tags[0]; } if (node2 !== null) { rehydrating = true; node2.setAttribute("data-emotion", key); sheet.hydrate([node2]); } sheetRef.current = [sheet, rehydrating]; return function() { sheet.flush(); }; }, [cache2]); useInsertionEffectWithLayoutFallback(function() { var sheetRefCurrent = sheetRef.current; var sheet = sheetRefCurrent[0], rehydrating = sheetRefCurrent[1]; if (rehydrating) { sheetRefCurrent[1] = false; return; } if (serialized.next !== void 0) { insertStyles(cache2, serialized.next, true); } if (sheet.tags.length) { var element = sheet.tags[sheet.tags.length - 1].nextElementSibling; sheet.before = element; sheet.flush(); } cache2.insert("", serialized, sheet, false); }, [cache2, serialized.name]); return null; }); function css() { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return serializeStyles(args); } var keyframes = function keyframes2() { var insertable = css.apply(void 0, arguments); var name = "animation-" + insertable.name; return { name, styles: "@keyframes " + name + "{" + insertable.styles + "}", anim: 1, toString: function toString2() { return "_EMO_" + this.name + "_" + this.styles + "_EMO_"; } }; }; var testOmitPropsOnStringTag = isPropValid; var testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) { return key !== "theme"; }; var getDefaultShouldForwardProp = function getDefaultShouldForwardProp2(tag) { return typeof tag === "string" && // 96 is one less than the char code // for "a" so this is checking that // it's a lowercase character tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent; }; var composeShouldForwardProps = function composeShouldForwardProps2(tag, options, isReal) { var shouldForwardProp2; if (options) { var optionsShouldForwardProp = options.shouldForwardProp; shouldForwardProp2 = tag.__emotion_forwardProp && optionsShouldForwardProp ? function(propName) { return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName); } : optionsShouldForwardProp; } if (typeof shouldForwardProp2 !== "function" && isReal) { shouldForwardProp2 = tag.__emotion_forwardProp; } return shouldForwardProp2; }; var Insertion = function Insertion2(_ref) { var cache2 = _ref.cache, serialized = _ref.serialized, isStringTag2 = _ref.isStringTag; registerStyles(cache2, serialized, isStringTag2); useInsertionEffectAlwaysWithSyncFallback(function() { return insertStyles(cache2, serialized, isStringTag2); }); return null; }; var createStyled$1 = function createStyled2(tag, options) { var isReal = tag.__emotion_real === tag; var baseTag = isReal && tag.__emotion_base || tag; var identifierName; var targetClassName; if (options !== void 0) { identifierName = options.label; targetClassName = options.target; } var shouldForwardProp2 = composeShouldForwardProps(tag, options, isReal); var defaultShouldForwardProp = shouldForwardProp2 || getDefaultShouldForwardProp(baseTag); var shouldUseAs = !defaultShouldForwardProp("as"); return function() { var args = arguments; var styles2 = isReal && tag.__emotion_styles !== void 0 ? tag.__emotion_styles.slice(0) : []; if (identifierName !== void 0) { styles2.push("label:" + identifierName + ";"); } if (args[0] == null || args[0].raw === void 0) { styles2.push.apply(styles2, args); } else { styles2.push(args[0][0]); var len = args.length; var i = 1; for (; i < len; i++) { styles2.push(args[i], args[0][i]); } } var Styled = withEmotionCache(function(props, cache2, ref) { var FinalTag = shouldUseAs && props.as || baseTag; var className = ""; var classInterpolations = []; var mergedProps = props; if (props.theme == null) { mergedProps = {}; for (var key in props) { mergedProps[key] = props[key]; } mergedProps.theme = React__namespace.useContext(ThemeContext$2); } if (typeof props.className === "string") { className = getRegisteredStyles(cache2.registered, classInterpolations, props.className); } else if (props.className != null) { className = props.className + " "; } var serialized = serializeStyles(styles2.concat(classInterpolations), cache2.registered, mergedProps); className += cache2.key + "-" + serialized.name; if (targetClassName !== void 0) { className += " " + targetClassName; } var finalShouldForwardProp = shouldUseAs && shouldForwardProp2 === void 0 ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp; var newProps = {}; for (var _key in props) { if (shouldUseAs && _key === "as") continue; if ( // $FlowFixMe finalShouldForwardProp(_key) ) { newProps[_key] = props[_key]; } } newProps.className = className; newProps.ref = ref; return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(Insertion, { cache: cache2, serialized, isStringTag: typeof FinalTag === "string" }), /* @__PURE__ */ React__namespace.createElement(FinalTag, newProps)); }); Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")"; Styled.defaultProps = tag.defaultProps; Styled.__emotion_real = Styled; Styled.__emotion_base = baseTag; Styled.__emotion_styles = styles2; Styled.__emotion_forwardProp = shouldForwardProp2; Object.defineProperty(Styled, "toString", { value: function value() { if (targetClassName === void 0 && false) { return "NO_COMPONENT_SELECTOR"; } return "." + targetClassName; } }); Styled.withComponent = function(nextTag, nextOptions) { return createStyled2(nextTag, _extends$1({}, options, nextOptions, { shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true) })).apply(void 0, styles2); }; return Styled; }; }; var tags = [ "a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr", // SVG "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan" ]; var newStyled = createStyled$1.bind(); tags.forEach(function(tagName) { newStyled[tagName] = newStyled(tagName); }); let cache; if (typeof document === "object") { cache = createCache({ key: "css", prepend: true }); } function StyledEngineProvider(props) { const { injectFirst, children } = props; return injectFirst && cache ? /* @__PURE__ */ jsxRuntimeExports.jsx(CacheProvider, { value: cache, children }) : children; } function isEmpty$1(obj) { return obj === void 0 || obj === null || Object.keys(obj).length === 0; } function GlobalStyles(props) { const { styles: styles2, defaultTheme: defaultTheme2 = {} } = props; const globalStyles = typeof styles2 === "function" ? (themeInput) => styles2(isEmpty$1(themeInput) ? defaultTheme2 : themeInput) : styles2; return /* @__PURE__ */ jsxRuntimeExports.jsx(Global, { styles: globalStyles }); } function styled$1(tag, options) { const stylesFactory = newStyled(tag, options); return stylesFactory; } const internal_processStyles = (tag, processor) => { if (Array.isArray(tag.__emotion_styles)) { tag.__emotion_styles = processor(tag.__emotion_styles); } }; const styledEngine = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, GlobalStyles, StyledEngineProvider, ThemeContext: ThemeContext$2, css, default: styled$1, internal_processStyles, keyframes }, Symbol.toStringTag, { value: "Module" })); const require$$1 = /* @__PURE__ */ getAugmentedNamespace(styledEngine); function isPlainObject$2(item) { if (typeof item !== "object" || item === null) { return false; } const prototype = Object.getPrototypeOf(item); return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item); } function deepClone(source) { if (!isPlainObject$2(source)) { return source; } const output = {}; Object.keys(source).forEach((key) => { output[key] = deepClone(source[key]); }); return output; } function deepmerge$1(target, source, options = { clone: true }) { const output = options.clone ? _extends$1({}, target) : target; if (isPlainObject$2(target) && isPlainObject$2(source)) { Object.keys(source).forEach((key) => { if (key === "__proto__") { return; } if (isPlainObject$2(source[key]) && key in target && isPlainObject$2(target[key])) { output[key] = deepmerge$1(target[key], source[key], options); } else if (options.clone) { output[key] = isPlainObject$2(source[key]) ? deepClone(source[key]) : source[key]; } else { output[key] = source[key]; } }); } return output; } const deepmerge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: deepmerge$1, isPlainObject: isPlainObject$2 }, Symbol.toStringTag, { value: "Module" })); const require$$4 = /* @__PURE__ */ getAugmentedNamespace(deepmerge); function capitalize$1(string) { if (typeof string !== "string") { throw new Error(formatMuiErrorMessage$1(7)); } return string.charAt(0).toUpperCase() + string.slice(1); } const capitalize = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: capitalize$1 }, Symbol.toStringTag, { value: "Module" })); const require$$5 = /* @__PURE__ */ getAugmentedNamespace(capitalize); var reactIs = { exports: {} }; var reactIs_production_min = {}; /** * @license React * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var b = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), e = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), k = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), n = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), t = Symbol.for("react.offscreen"), u; u = Symbol.for("react.module.reference"); function v(a) { if ("object" === typeof a && null !== a) { var r2 = a.$$typeof; switch (r2) { case b: switch (a = a.type, a) { case d: case f: case e: case m: case n: return a; default: switch (a = a && a.$$typeof, a) { case k: case h: case l: case q: case p: case g: return a; default: return r2; } } case c: return r2; } } } reactIs_production_min.ContextConsumer = h; reactIs_production_min.ContextProvider = g; reactIs_production_min.Element = b; reactIs_production_min.ForwardRef = l; reactIs_production_min.Fragment = d; reactIs_production_min.Lazy = q; reactIs_production_min.Memo = p; reactIs_production_min.Portal = c; reactIs_production_min.Profiler = f; reactIs_production_min.StrictMode = e; reactIs_production_min.Suspense = m; reactIs_production_min.SuspenseList = n; reactIs_production_min.isAsyncMode = function() { return false; }; reactIs_production_min.isConcurrentMode = function() { return false; }; reactIs_production_min.isContextConsumer = function(a) { return v(a) === h; }; reactIs_production_min.isContextProvider = function(a) { return v(a) === g; }; reactIs_production_min.isElement = function(a) { return "object" === typeof a && null !== a && a.$$typeof === b; }; reactIs_production_min.isForwardRef = function(a) { return v(a) === l; }; reactIs_production_min.isFragment = function(a) { return v(a) === d; }; reactIs_production_min.isLazy = function(a) { return v(a) === q; }; reactIs_production_min.isMemo = function(a) { return v(a) === p; }; reactIs_production_min.isPortal = function(a) { return v(a) === c; }; reactIs_production_min.isProfiler = function(a) { return v(a) === f; }; reactIs_production_min.isStrictMode = function(a) { return v(a) === e; }; reactIs_production_min.isSuspense = function(a) { return v(a) === m; }; reactIs_production_min.isSuspenseList = function(a) { return v(a) === n; }; reactIs_production_min.isValidElementType = function(a) { return "string" === typeof a || "function" === typeof a || a === d || a === f || a === e || a === m || a === n || a === t || "object" === typeof a && null !== a && (a.$$typeof === q || a.$$typeof === p || a.$$typeof === g || a.$$typeof === h || a.$$typeof === l || a.$$typeof === u || void 0 !== a.getModuleId) ? true : false; }; reactIs_production_min.typeOf = v; { reactIs.exports = reactIs_production_min; } var reactIsExports = reactIs.exports; const fnNameMatchRegex = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/; function getFunctionName(fn) { const match2 = `${fn}`.match(fnNameMatchRegex); const name = match2 && match2[1]; return name || ""; } function getFunctionComponentName(Component, fallback = "") { return Component.displayName || Component.name || getFunctionName(Component) || fallback; } function getWrappedName(outerType, innerType, wrapperName) { const functionName = getFunctionComponentName(innerType); return outerType.displayName || (functionName !== "" ? `${wrapperName}(${functionName})` : wrapperName); } function getDisplayName$1(Component) { if (Component == null) { return void 0; } if (typeof Component === "string") { return Component; } if (typeof Component === "function") { return getFunctionComponentName(Component, "Component"); } if (typeof Component === "object") { switch (Component.$$typeof) { case reactIsExports.ForwardRef: return getWrappedName(Component, Component.render, "ForwardRef"); case reactIsExports.Memo: return getWrappedName(Component, Component.type, "memo"); default: return void 0; } } return void 0; } const getDisplayName = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: getDisplayName$1, getFunctionName }, Symbol.toStringTag, { value: "Module" })); const require$$6 = /* @__PURE__ */ getAugmentedNamespace(getDisplayName); const _excluded$s = ["values", "unit", "step"]; const sortBreakpointsValues = (values2) => { const breakpointsAsArray = Object.keys(values2).map((key) => ({ key, val: values2[key] })) || []; breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val); return breakpointsAsArray.reduce((acc, obj) => { return _extends$1({}, acc, { [obj.key]: obj.val }); }, {}); }; function createBreakpoints(breakpoints2) { const { // The breakpoint **start** at this value. // For instance with the first breakpoint xs: [xs, sm). values: values2 = { xs: 0, // phone sm: 600, // tablet md: 900, // small laptop lg: 1200, // desktop xl: 1536 // large screen }, unit = "px", step = 5 } = breakpoints2, other = _objectWithoutPropertiesLoose(breakpoints2, _excluded$s); const sortedValues = sortBreakpointsValues(values2); const keys2 = Object.keys(sortedValues); function up(key) { const value = typeof values2[key] === "number" ? values2[key] : key; return `@media (min-width:${value}${unit})`; } function down(key) { const value = typeof values2[key] === "number" ? values2[key] : key; return `@media (max-width:${value - step / 100}${unit})`; } function between(start, end) { const endIndex = keys2.indexOf(end); return `@media (min-width:${typeof values2[start] === "number" ? values2[start] : start}${unit}) and (max-width:${(endIndex !== -1 && typeof values2[keys2[endIndex]] === "number" ? values2[keys2[endIndex]] : end) - step / 100}${unit})`; } function only(key) { if (keys2.indexOf(key) + 1 < keys2.length) { return between(key, keys2[keys2.indexOf(key) + 1]); } return up(key); } function not(key) { const keyIndex = keys2.indexOf(key); if (keyIndex === 0) { return up(keys2[1]); } if (keyIndex === keys2.length - 1) { return down(keys2[keyIndex]); } return between(key, keys2[keys2.indexOf(key) + 1]).replace("@media", "@media not all and"); } return _extends$1({ keys: keys2, values: sortedValues, up, down, between, only, not, unit }, other); } const shape = { borderRadius: 4 }; const shape$1 = shape; function merge$1(acc, item) { if (!item) { return acc; } return deepmerge$1(acc, item, { clone: false // No need to clone deep, it's way faster. }); } const values$1 = { xs: 0, // phone sm: 600, // tablet md: 900, // small laptop lg: 1200, // desktop xl: 1536 // large screen }; const defaultBreakpoints = { // Sorted ASC by size. That's important. // It can't be configured as it's used statically for propTypes. keys: ["xs", "sm", "md", "lg", "xl"], up: (key) => `@media (min-width:${values$1[key]}px)` }; function handleBreakpoints(props, propValue, styleFromPropValue) { const theme = props.theme || {}; if (Array.isArray(propValue)) { const themeBreakpoints = theme.breakpoints || defaultBreakpoints; return propValue.reduce((acc, item, index) => { acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]); return acc; }, {}); } if (typeof propValue === "object") { const themeBreakpoints = theme.breakpoints || defaultBreakpoints; return Object.keys(propValue).reduce((acc, breakpoint) => { if (Object.keys(themeBreakpoints.values || values$1).indexOf(breakpoint) !== -1) { const mediaKey = themeBreakpoints.up(breakpoint); acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint); } else { const cssKey = breakpoint; acc[cssKey] = propValue[cssKey]; } return acc; }, {}); } const output = styleFromPropValue(propValue); return output; } function createEmptyBreakpointObject(breakpointsInput = {}) { var _breakpointsInput$key; const breakpointsInOrder = (_breakpointsInput$key = breakpointsInput.keys) == null ? void 0 : _breakpointsInput$key.reduce((acc, key) => { const breakpointStyleKey = breakpointsInput.up(key); acc[breakpointStyleKey] = {}; return acc; }, {}); return breakpointsInOrder || {}; } function removeUnusedBreakpoints(breakpointKeys, style2) { return breakpointKeys.reduce((acc, key) => { const breakpointOutput = acc[key]; const isBreakpointUnused = !breakpointOutput || Object.keys(breakpointOutput).length === 0; if (isBreakpointUnused) { delete acc[key]; } return acc; }, style2); } function getPath(obj, path, checkVars = true) { if (!path || typeof path !== "string") { return null; } if (obj && obj.vars && checkVars) { const val = `vars.${path}`.split(".").reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj); if (val != null) { return val; } } return path.split(".").reduce((acc, item) => { if (acc && acc[item] != null) { return acc[item]; } return null; }, obj); } function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) { let value; if (typeof themeMapping === "function") { value = themeMapping(propValueFinal); } else if (Array.isArray(themeMapping)) { value = themeMapping[propValueFinal] || userValue; } else { value = getPath(themeMapping, propValueFinal) || userValue; } if (transform) { value = transform(value, userValue, themeMapping); } return value; } function style$1(options) { const { prop, cssProperty = options.prop, themeKey, transform } = options; const fn = (props) => { if (props[prop] == null) { return null; } const propValue = props[prop]; const theme = props.theme; const themeMapping = getPath(theme, themeKey) || {}; const styleFromPropValue = (propValueFinal) => { let value = getStyleValue(themeMapping, transform, propValueFinal); if (propValueFinal === value && typeof propValueFinal === "string") { value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === "default" ? "" : capitalize$1(propValueFinal)}`, propValueFinal); } if (cssProperty === false) { return value; } return { [cssProperty]: value }; }; return handleBreakpoints(props, propValue, styleFromPropValue); }; fn.propTypes = {}; fn.filterProps = [prop]; return fn; } function memoize$2(fn) { const cache2 = {}; return (arg) => { if (cache2[arg] === void 0) { cache2[arg] = fn(arg); } return cache2[arg]; }; } const properties = { m: "margin", p: "padding" }; const directions = { t: "Top", r: "Right", b: "Bottom", l: "Left", x: ["Left", "Right"], y: ["Top", "Bottom"] }; const aliases = { marginX: "mx", marginY: "my", paddingX: "px", paddingY: "py" }; const getCssProperties = memoize$2((prop) => { if (prop.length > 2) { if (aliases[prop]) { prop = aliases[prop]; } else { return [prop]; } } const [a, b2] = prop.split(""); const property = properties[a]; const direction = directions[b2] || ""; return Array.isArray(direction) ? direction.map((dir) => property + dir) : [property + direction]; }); const marginKeys = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"]; const paddingKeys = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"]; [...marginKeys, ...paddingKeys]; function createUnaryUnit(theme, themeKey, defaultValue, propName) { var _getPath; const themeSpacing = (_getPath = getPath(theme, themeKey, false)) != null ? _getPath : defaultValue; if (typeof themeSpacing === "number") { return (abs2) => { if (typeof abs2 === "string") { return abs2; } return themeSpacing * abs2; }; } if (Array.isArray(themeSpacing)) { return (abs2) => { if (typeof abs2 === "string") { return abs2; } return themeSpacing[abs2]; }; } if (typeof themeSpacing === "function") { return themeSpacing; } return () => void 0; } function createUnarySpacing(theme) { return createUnaryUnit(theme, "spacing", 8); } function getValue$2(transformer, propValue) { if (typeof propValue === "string" || propValue == null) { return propValue; } const abs2 = Math.abs(propValue); const transformed = transformer(abs2); if (propValue >= 0) { return transformed; } if (typeof transformed === "number") { return -transformed; } return `-${transformed}`; } function getStyleFromPropValue(cssProperties, transformer) { return (propValue) => cssProperties.reduce((acc, cssProperty) => { acc[cssProperty] = getValue$2(transformer, propValue); return acc; }, {}); } function resolveCssProperty(props, keys2, prop, transformer) { if (keys2.indexOf(prop) === -1) { return null; } const cssProperties = getCssProperties(prop); const styleFromPropValue = getStyleFromPropValue(cssProperties, transformer); const propValue = props[prop]; return handleBreakpoints(props, propValue, styleFromPropValue); } function style(props, keys2) { const transformer = createUnarySpacing(props.theme); return Object.keys(props).map((prop) => resolveCssProperty(props, keys2, prop, transformer)).reduce(merge$1, {}); } function margin(props) { return style(props, marginKeys); } margin.propTypes = {}; margin.filterProps = marginKeys; function padding(props) { return style(props, paddingKeys); } padding.propTypes = {}; padding.filterProps = paddingKeys; function createSpacing(spacingInput = 8) { if (spacingInput.mui) { return spacingInput; } const transform = createUnarySpacing({ spacing: spacingInput }); const spacing = (...argsInput) => { const args = argsInput.length === 0 ? [1] : argsInput; return args.map((argument) => { const output = transform(argument); return typeof output === "number" ? `${output}px` : output; }).join(" "); }; spacing.mui = true; return spacing; } function compose(...styles2) { const handlers = styles2.reduce((acc, style2) => { style2.filterProps.forEach((prop) => { acc[prop] = style2; }); return acc; }, {}); const fn = (props) => { return Object.keys(props).reduce((acc, prop) => { if (handlers[prop]) { return merge$1(acc, handlers[prop](props)); } return acc; }, {}); }; fn.propTypes = {}; fn.filterProps = styles2.reduce((acc, style2) => acc.concat(style2.filterProps), []); return fn; } function borderTransform(value) { if (typeof value !== "number") { return value; } return `${value}px solid`; } function createBorderStyle(prop, transform) { return style$1({ prop, themeKey: "borders", transform }); } const border = createBorderStyle("border", borderTransform); const borderTop = createBorderStyle("borderTop", borderTransform); const borderRight = createBorderStyle("borderRight", borderTransform); const borderBottom = createBorderStyle("borderBottom", borderTransform); const borderLeft = createBorderStyle("borderLeft", borderTransform); const borderColor = createBorderStyle("borderColor"); const borderTopColor = createBorderStyle("borderTopColor"); const borderRightColor = createBorderStyle("borderRightColor"); const borderBottomColor = createBorderStyle("borderBottomColor"); const borderLeftColor = createBorderStyle("borderLeftColor"); const outline = createBorderStyle("outline", borderTransform); const outlineColor = createBorderStyle("outlineColor"); const borderRadius = (props) => { if (props.borderRadius !== void 0 && props.borderRadius !== null) { const transformer = createUnaryUnit(props.theme, "shape.borderRadius", 4); const styleFromPropValue = (propValue) => ({ borderRadius: getValue$2(transformer, propValue) }); return handleBreakpoints(props, props.borderRadius, styleFromPropValue); } return null; }; borderRadius.propTypes = {}; borderRadius.filterProps = ["borderRadius"]; compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor); const gap = (props) => { if (props.gap !== void 0 && props.gap !== null) { const transformer = createUnaryUnit(props.theme, "spacing", 8); const styleFromPropValue = (propValue) => ({ gap: getValue$2(transformer, propValue) }); return handleBreakpoints(props, props.gap, styleFromPropValue); } return null; }; gap.propTypes = {}; gap.filterProps = ["gap"]; const columnGap = (props) => { if (props.columnGap !== void 0 && props.columnGap !== null) { const transformer = createUnaryUnit(props.theme, "spacing", 8); const styleFromPropValue = (propValue) => ({ columnGap: getValue$2(transformer, propValue) }); return handleBreakpoints(props, props.columnGap, styleFromPropValue); } return null; }; columnGap.propTypes = {}; columnGap.filterProps = ["columnGap"]; const rowGap = (props) => { if (props.rowGap !== void 0 && props.rowGap !== null) { const transformer = createUnaryUnit(props.theme, "spacing", 8); const styleFromPropValue = (propValue) => ({ rowGap: getValue$2(transformer, propValue) }); return handleBreakpoints(props, props.rowGap, styleFromPropValue); } return null; }; rowGap.propTypes = {}; rowGap.filterProps = ["rowGap"]; const gridColumn = style$1({ prop: "gridColumn" }); const gridRow = style$1({ prop: "gridRow" }); const gridAutoFlow = style$1({ prop: "gridAutoFlow" }); const gridAutoColumns = style$1({ prop: "gridAutoColumns" }); const gridAutoRows = style$1({ prop: "gridAutoRows" }); const gridTemplateColumns = style$1({ prop: "gridTemplateColumns" }); const gridTemplateRows = style$1({ prop: "gridTemplateRows" }); const gridTemplateAreas = style$1({ prop: "gridTemplateAreas" }); const gridArea = style$1({ prop: "gridArea" }); compose(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea); function paletteTransform(value, userValue) { if (userValue === "grey") { return userValue; } return value; } const color = style$1({ prop: "color", themeKey: "palette", transform: paletteTransform }); const bgcolor = style$1({ prop: "bgcolor", cssProperty: "backgroundColor", themeKey: "palette", transform: paletteTransform }); const backgroundColor = style$1({ prop: "backgroundColor", themeKey: "palette", transform: paletteTransform }); compose(color, bgcolor, backgroundColor); function sizingTransform(value) { return value <= 1 && value !== 0 ? `${value * 100}%` : value; } const width = style$1({ prop: "width", transform: sizingTransform }); const maxWidth = (props) => { if (props.maxWidth !== void 0 && props.maxWidth !== null) { const styleFromPropValue = (propValue) => { var _props$theme, _props$theme2; const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values$1[propValue]; if (!breakpoint) { return { maxWidth: sizingTransform(propValue) }; } if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== "px") { return { maxWidth: `${breakpoint}${props.theme.breakpoints.unit}` }; } return { maxWidth: breakpoint }; }; return handleBreakpoints(props, props.maxWidth, styleFromPropValue); } return null; }; maxWidth.filterProps = ["maxWidth"]; const minWidth = style$1({ prop: "minWidth", transform: sizingTransform }); const height = style$1({ prop: "height", transform: sizingTransform }); const maxHeight = style$1({ prop: "maxHeight", transform: sizingTransform }); const minHeight = style$1({ prop: "minHeight", transform: sizingTransform }); style$1({ prop: "size", cssProperty: "width", transform: sizingTransform }); style$1({ prop: "size", cssProperty: "height", transform: sizingTransform }); const boxSizing = style$1({ prop: "boxSizing" }); compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing); const defaultSxConfig = { // borders border: { themeKey: "borders", transform: borderTransform }, borderTop: { themeKey: "borders", transform: borderTransform }, borderRight: { themeKey: "borders", transform: borderTransform }, borderBottom: { themeKey: "borders", transform: borderTransform }, borderLeft: { themeKey: "borders", transform: borderTransform }, borderColor: { themeKey: "palette" }, borderTopColor: { themeKey: "palette" }, borderRightColor: { themeKey: "palette" }, borderBottomColor: { themeKey: "palette" }, borderLeftColor: { themeKey: "palette" }, outline: { themeKey: "borders", transform: borderTransform }, outlineColor: { themeKey: "palette" }, borderRadius: { themeKey: "shape.borderRadius", style: borderRadius }, // palette color: { themeKey: "palette", transform: paletteTransform }, bgcolor: { themeKey: "palette", cssProperty: "backgroundColor", transform: paletteTransform }, backgroundColor: { themeKey: "palette", transform: paletteTransform }, // spacing p: { style: padding }, pt: { style: padding }, pr: { style: padding }, pb: { style: padding }, pl: { style: padding }, px: { style: padding }, py: { style: padding }, padding: { style: padding }, paddingTop: { style: padding }, paddingRight: { style: padding }, paddingBottom: { style: padding }, paddingLeft: { style: padding }, paddingX: { style: padding }, paddingY: { style: padding }, paddingInline: { style: padding }, paddingInlineStart: { style: padding }, paddingInlineEnd: { style: padding }, paddingBlock: { style: padding }, paddingBlockStart: { style: padding }, paddingBlockEnd: { style: padding }, m: { style: margin }, mt: { style: margin }, mr: { style: margin }, mb: { style: margin }, ml: { style: margin }, mx: { style: margin }, my: { style: margin }, margin: { style: margin }, marginTop: { style: margin }, marginRight: { style: margin }, marginBottom: { style: margin }, marginLeft: { style: margin }, marginX: { style: margin }, marginY: { style: margin }, marginInline: { style: margin }, marginInlineStart: { style: margin }, marginInlineEnd: { style: margin }, marginBlock: { style: margin }, marginBlockStart: { style: margin }, marginBlockEnd: { style: margin }, // display displayPrint: { cssProperty: false, transform: (value) => ({ "@media print": { display: value } }) }, display: {}, overflow: {}, textOverflow: {}, visibility: {}, whiteSpace: {}, // flexbox flexBasis: {}, flexDirection: {}, flexWrap: {}, justifyContent: {}, alignItems: {}, alignContent: {}, order: {}, flex: {}, flexGrow: {}, flexShrink: {}, alignSelf: {}, justifyItems: {}, justifySelf: {}, // grid gap: { style: gap }, rowGap: { style: rowGap }, columnGap: { style: columnGap }, gridColumn: {}, gridRow: {}, gridAutoFlow: {}, gridAutoColumns: {}, gridAutoRows: {}, gridTemplateColumns: {}, gridTemplateRows: {}, gridTemplateAreas: {}, gridArea: {}, // positions position: {}, zIndex: { themeKey: "zIndex" }, top: {}, right: {}, bottom: {}, left: {}, // shadows boxShadow: { themeKey: "shadows" }, // sizing width: { transform: sizingTransform }, maxWidth: { style: maxWidth }, minWidth: { transform: sizingTransform }, height: { transform: sizingTransform }, maxHeight: { transform: sizingTransform }, minHeight: { transform: sizingTransform }, boxSizing: {}, // typography fontFamily: { themeKey: "typography" }, fontSize: { themeKey: "typography" }, fontStyle: { themeKey: "typography" }, fontWeight: { themeKey: "typography" }, letterSpacing: {}, textTransform: {}, lineHeight: {}, textAlign: {}, typography: { cssProperty: false, themeKey: "typography" } }; const defaultSxConfig$1 = defaultSxConfig; function objectsHaveSameKeys(...objects) { const allKeys = objects.reduce((keys2, object) => keys2.concat(Object.keys(object)), []); const union = new Set(allKeys); return objects.every((object) => union.size === Object.keys(object).length); } function callIfFn(maybeFn, arg) { return typeof maybeFn === "function" ? maybeFn(arg) : maybeFn; } function unstable_createStyleFunctionSx() { function getThemeValue(prop, val, theme, config2) { const props = { [prop]: val, theme }; const options = config2[prop]; if (!options) { return { [prop]: val }; } const { cssProperty = prop, themeKey, transform, style: style2 } = options; if (val == null) { return null; } if (themeKey === "typography" && val === "inherit") { return { [prop]: val }; } const themeMapping = getPath(theme, themeKey) || {}; if (style2) { return style2(props); } const styleFromPropValue = (propValueFinal) => { let value = getStyleValue(themeMapping, transform, propValueFinal); if (propValueFinal === value && typeof propValueFinal === "string") { value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === "default" ? "" : capitalize$1(propValueFinal)}`, propValueFinal); } if (cssProperty === false) { return value; } return { [cssProperty]: value }; }; return handleBreakpoints(props, val, styleFromPropValue); } function styleFunctionSx2(props) { var _theme$unstable_sxCon; const { sx, theme = {} } = props || {}; if (!sx) { return null; } const config2 = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig$1; function traverse(sxInput) { let sxObject = sxInput; if (typeof sxInput === "function") { sxObject = sxInput(theme); } else if (typeof sxInput !== "object") { return sxInput; } if (!sxObject) { return null; } const emptyBreakpoints = createEmptyBreakpointObject(theme.breakpoints); const breakpointsKeys = Object.keys(emptyBreakpoints); let css2 = emptyBreakpoints; Object.keys(sxObject).forEach((styleKey) => { const value = callIfFn(sxObject[styleKey], theme); if (value !== null && value !== void 0) { if (typeof value === "object") { if (config2[styleKey]) { css2 = merge$1(css2, getThemeValue(styleKey, value, theme, config2)); } else { const breakpointsValues = handleBreakpoints({ theme }, value, (x2) => ({ [styleKey]: x2 })); if (objectsHaveSameKeys(breakpointsValues, value)) { css2[styleKey] = styleFunctionSx2({ sx: value, theme }); } else { css2 = merge$1(css2, breakpointsValues); } } } else { css2 = merge$1(css2, getThemeValue(styleKey, value, theme, config2)); } } }); return removeUnusedBreakpoints(breakpointsKeys, css2); } return Array.isArray(sx) ? sx.map(traverse) : traverse(sx); } return styleFunctionSx2; } const styleFunctionSx$1 = unstable_createStyleFunctionSx(); styleFunctionSx$1.filterProps = ["sx"]; function applyStyles(key, styles2) { const theme = this; if (theme.vars && typeof theme.getColorSchemeSelector === "function") { const selector = theme.getColorSchemeSelector(key).replace(/(\[[^\]]+\])/, "*:where($1)"); return { [selector]: styles2 }; } if (theme.palette.mode === key) { return styles2; } return {}; } const _excluded$r = ["breakpoints", "palette", "spacing", "shape"]; function createTheme$2(options = {}, ...args) { const { breakpoints: breakpointsInput = {}, palette: paletteInput = {}, spacing: spacingInput, shape: shapeInput = {} } = options, other = _objectWithoutPropertiesLoose(options, _excluded$r); const breakpoints2 = createBreakpoints(breakpointsInput); const spacing = createSpacing(spacingInput); let muiTheme = deepmerge$1({ breakpoints: breakpoints2, direction: "ltr", components: {}, // Inject component definitions. palette: _extends$1({ mode: "light" }, paletteInput), spacing, shape: _extends$1({}, shape$1, shapeInput) }, other); muiTheme.applyStyles = applyStyles; muiTheme = args.reduce((acc, argument) => deepmerge$1(acc, argument), muiTheme); muiTheme.unstable_sxConfig = _extends$1({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig); muiTheme.unstable_sx = function sx(props) { return styleFunctionSx$1({ sx: props, theme: this }); }; return muiTheme; } const createTheme$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: createTheme$2, private_createBreakpoints: createBreakpoints, unstable_applyStyles: applyStyles }, Symbol.toStringTag, { value: "Module" })); const require$$7 = /* @__PURE__ */ getAugmentedNamespace(createTheme$1); const _excluded$q = ["sx"]; const splitProps = (props) => { var _props$theme$unstable, _props$theme; const result = { systemProps: {}, otherProps: {} }; const config2 = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig$1; Object.keys(props).forEach((prop) => { if (config2[prop]) { result.systemProps[prop] = props[prop]; } else { result.otherProps[prop] = props[prop]; } }); return result; }; function extendSxProp(props) { const { sx: inSx } = props, other = _objectWithoutPropertiesLoose(props, _excluded$q); const { systemProps, otherProps } = splitProps(other); let finalSx; if (Array.isArray(inSx)) { finalSx = [systemProps, ...inSx]; } else if (typeof inSx === "function") { finalSx = (...args) => { const result = inSx(...args); if (!isPlainObject$2(result)) { return systemProps; } return _extends$1({}, systemProps, result); }; } else { finalSx = _extends$1({}, systemProps, inSx); } return _extends$1({}, otherProps, { sx: finalSx }); } const styleFunctionSx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: styleFunctionSx$1, extendSxProp, unstable_createStyleFunctionSx, unstable_defaultSxConfig: defaultSxConfig$1 }, Symbol.toStringTag, { value: "Module" })); const require$$8 = /* @__PURE__ */ getAugmentedNamespace(styleFunctionSx); var _interopRequireDefault = interopRequireDefaultExports; Object.defineProperty(createStyled$2, "__esModule", { value: true }); var _default = createStyled$2.default = createStyled; var shouldForwardProp_1 = createStyled$2.shouldForwardProp = shouldForwardProp; createStyled$2.systemDefaultTheme = void 0; var _extends2 = _interopRequireDefault(require_extends()); var _objectWithoutPropertiesLoose2 = _interopRequireDefault(requireObjectWithoutPropertiesLoose()); var _styledEngine = _interopRequireWildcard(require$$1); var _deepmerge = require$$4; _interopRequireDefault(require$$5); _interopRequireDefault(require$$6); var _createTheme = _interopRequireDefault(require$$7); var _styleFunctionSx = _interopRequireDefault(require$$8); const _excluded$p = ["ownerState"], _excluded2$1 = ["variants"], _excluded3 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"]; function _getRequireWildcardCache(e2) { if ("function" != typeof WeakMap) return null; var r2 = /* @__PURE__ */ new WeakMap(), t2 = /* @__PURE__ */ new WeakMap(); return (_getRequireWildcardCache = function(e22) { return e22 ? t2 : r2; })(e2); } function _interopRequireWildcard(e2, r2) { if (!r2 && e2 && e2.__esModule) return e2; if (null === e2 || "object" != typeof e2 && "function" != typeof e2) return { default: e2 }; var t2 = _getRequireWildcardCache(r2); if (t2 && t2.has(e2)) return t2.get(e2); var n2 = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u2 in e2) if ("default" !== u2 && Object.prototype.hasOwnProperty.call(e2, u2)) { var i = a ? Object.getOwnPropertyDescriptor(e2, u2) : null; i && (i.get || i.set) ? Object.defineProperty(n2, u2, i) : n2[u2] = e2[u2]; } return n2.default = e2, t2 && t2.set(e2, n2), n2; } function isEmpty(obj) { return Object.keys(obj).length === 0; } function isStringTag(tag) { return typeof tag === "string" && // 96 is one less than the char code // for "a" so this is checking that // it's a lowercase character tag.charCodeAt(0) > 96; } function shouldForwardProp(prop) { return prop !== "ownerState" && prop !== "theme" && prop !== "sx" && prop !== "as"; } const systemDefaultTheme$1 = createStyled$2.systemDefaultTheme = (0, _createTheme.default)(); const lowercaseFirstLetter = (string) => { if (!string) { return string; } return string.charAt(0).toLowerCase() + string.slice(1); }; function resolveTheme({ defaultTheme: defaultTheme2, theme, themeId }) { return isEmpty(theme) ? defaultTheme2 : theme[themeId] || theme; } function defaultOverridesResolver(slot) { if (!slot) { return null; } return (props, styles2) => styles2[slot]; } function processStyleArg(callableStyle, _ref) { let { ownerState } = _ref, props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded$p); const resolvedStylesArg = typeof callableStyle === "function" ? callableStyle((0, _extends2.default)({ ownerState }, props)) : callableStyle; if (Array.isArray(resolvedStylesArg)) { return resolvedStylesArg.flatMap((resolvedStyle) => processStyleArg(resolvedStyle, (0, _extends2.default)({ ownerState }, props))); } if (!!resolvedStylesArg && typeof resolvedStylesArg === "object" && Array.isArray(resolvedStylesArg.variants)) { const { variants = [] } = resolvedStylesArg, otherStyles = (0, _objectWithoutPropertiesLoose2.default)(resolvedStylesArg, _excluded2$1); let result = otherStyles; variants.forEach((variant) => { let isMatch = true; if (typeof variant.props === "function") { isMatch = variant.props((0, _extends2.default)({ ownerState }, props, ownerState)); } else { Object.keys(variant.props).forEach((key) => { if ((ownerState == null ? void 0 : ownerState[key]) !== variant.props[key] && props[key] !== variant.props[key]) { isMatch = false; } }); } if (isMatch) { if (!Array.isArray(result)) { result = [result]; } result.push(typeof variant.style === "function" ? variant.style((0, _extends2.default)({ ownerState }, props, ownerState)) : variant.style); } }); return result; } return resolvedStylesArg; } function createStyled(input = {}) { const { themeId, defaultTheme: defaultTheme2 = systemDefaultTheme$1, rootShouldForwardProp: rootShouldForwardProp2 = shouldForwardProp, slotShouldForwardProp = shouldForwardProp } = input; const systemSx = (props) => { return (0, _styleFunctionSx.default)((0, _extends2.default)({}, props, { theme: resolveTheme((0, _extends2.default)({}, props, { defaultTheme: defaultTheme2, themeId })) })); }; systemSx.__mui_systemSx = true; return (tag, inputOptions = {}) => { (0, _styledEngine.internal_processStyles)(tag, (styles2) => styles2.filter((style2) => !(style2 != null && style2.__mui_systemSx))); const { name: componentName, slot: componentSlot, skipVariantsResolver: inputSkipVariantsResolver, skipSx: inputSkipSx, // TODO v6: remove `lowercaseFirstLetter()` in the next major release // For more details: https://github.com/mui/material-ui/pull/37908 overridesResolver: overridesResolver2 = defaultOverridesResolver(lowercaseFirstLetter(componentSlot)) } = inputOptions, options = (0, _objectWithoutPropertiesLoose2.default)(inputOptions, _excluded3); const skipVariantsResolver = inputSkipVariantsResolver !== void 0 ? inputSkipVariantsResolver : ( // TODO v6: remove `Root` in the next major release // For more details: https://github.com/mui/material-ui/pull/37908 componentSlot && componentSlot !== "Root" && componentSlot !== "root" || false ); const skipSx = inputSkipSx || false; let label; let shouldForwardPropOption = shouldForwardProp; if (componentSlot === "Root" || componentSlot === "root") { shouldForwardPropOption = rootShouldForwardProp2; } else if (componentSlot) { shouldForwardPropOption = slotShouldForwardProp; } else if (isStringTag(tag)) { shouldForwardPropOption = void 0; } const defaultStyledResolver = (0, _styledEngine.default)(tag, (0, _extends2.default)({ shouldForwardProp: shouldForwardPropOption, label }, options)); const transformStyleArg = (stylesArg) => { if (typeof stylesArg === "function" && stylesArg.__emotion_real !== stylesArg || (0, _deepmerge.isPlainObject)(stylesArg)) { return (props) => processStyleArg(stylesArg, (0, _extends2.default)({}, props, { theme: resolveTheme({ theme: props.theme, defaultTheme: defaultTheme2, themeId }) })); } return stylesArg; }; const muiStyledResolver = (styleArg, ...expressions) => { let transformedStyleArg = transformStyleArg(styleArg); const expressionsWithDefaultTheme = expressions ? expressions.map(transformStyleArg) : []; if (componentName && overridesResolver2) { expressionsWithDefaultTheme.push((props) => { const theme = resolveTheme((0, _extends2.default)({}, props, { defaultTheme: defaultTheme2, themeId })); if (!theme.components || !theme.components[componentName] || !theme.components[componentName].styleOverrides) { return null; } const styleOverrides = theme.components[componentName].styleOverrides; const resolvedStyleOverrides = {}; Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => { resolvedStyleOverrides[slotKey] = processStyleArg(slotStyle, (0, _extends2.default)({}, props, { theme })); }); return overridesResolver2(props, resolvedStyleOverrides); }); } if (componentName && !skipVariantsResolver) { expressionsWithDefaultTheme.push((props) => { var _theme$components; const theme = resolveTheme((0, _extends2.default)({}, props, { defaultTheme: defaultTheme2, themeId })); const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[componentName]) == null ? void 0 : _theme$components.variants; return processStyleArg({ variants: themeVariants }, (0, _extends2.default)({}, props, { theme })); }); } if (!skipSx) { expressionsWithDefaultTheme.push(systemSx); } const numOfCustomFnsApplied = expressionsWithDefaultTheme.length - expressions.length; if (Array.isArray(styleArg) && numOfCustomFnsApplied > 0) { const placeholders = new Array(numOfCustomFnsApplied).fill(""); transformedStyleArg = [...styleArg, ...placeholders]; transformedStyleArg.raw = [...styleArg.raw, ...placeholders]; } const Component = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme); if (tag.muiName) { Component.muiName = tag.muiName; } return Component; }; if (defaultStyledResolver.withConfig) { muiStyledResolver.withConfig = defaultStyledResolver.withConfig; } return muiStyledResolver; }; } const defaultGenerator$1 = (componentName) => componentName; const createClassNameGenerator$1 = () => { let generate = defaultGenerator$1; return { configure(generator) { generate = generator; }, generate(componentName) { return generate(componentName); }, reset() { generate = defaultGenerator$1; } }; }; const ClassNameGenerator$1 = createClassNameGenerator$1(); const globalStateClasses$1 = { 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 generateUtilityClass$1(componentName, slot, globalStatePrefix = "Mui") { const globalStateClass = globalStateClasses$1[slot]; return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator$1.generate(componentName)}-${slot}`; } function createMixins(breakpoints2, mixins) { return _extends$1({ toolbar: { minHeight: 56, [breakpoints2.up("xs")]: { "@media (orientation: landscape)": { minHeight: 48 } }, [breakpoints2.up("sm")]: { minHeight: 64 } } }, mixins); } const common = { black: "#000", white: "#fff" }; const common$1 = common; const grey = { 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" }; const grey$1 = grey; const purple = { 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" }; const purple$1 = purple; const red = { 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" }; const red$1 = red; const orange = { 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" }; const orange$1 = orange; const blue = { 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" }; const blue$1 = blue; const lightBlue = { 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" }; const lightBlue$1 = lightBlue; const green = { 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" }; const green$1 = green; const _excluded$o = ["mode", "contrastThreshold", "tonalOffset"]; const light = { // The colors used to style the text. text: { // The most important text. primary: "rgba(0, 0, 0, 0.87)", // Secondary text. secondary: "rgba(0, 0, 0, 0.6)", // Disabled text have even lower visual prominence. disabled: "rgba(0, 0, 0, 0.38)" }, // The color used to divide different elements. divider: "rgba(0, 0, 0, 0.12)", // The background colors used to style the surfaces. // Consistency between these values is important. background: { paper: common$1.white, default: common$1.white }, // The colors used to style the action elements. action: { // The color of an active action like an icon button. active: "rgba(0, 0, 0, 0.54)", // The color of an hovered action. hover: "rgba(0, 0, 0, 0.04)", hoverOpacity: 0.04, // The color of a selected action. selected: "rgba(0, 0, 0, 0.08)", selectedOpacity: 0.08, // The color of a disabled action. disabled: "rgba(0, 0, 0, 0.26)", // The background color of a disabled action. disabledBackground: "rgba(0, 0, 0, 0.12)", disabledOpacity: 0.38, focus: "rgba(0, 0, 0, 0.12)", focusOpacity: 0.12, activatedOpacity: 0.12 } }; const dark = { text: { primary: common$1.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: common$1.white, hover: "rgba(255, 255, 255, 0.08)", hoverOpacity: 0.08, selected: "rgba(255, 255, 255, 0.16)", selectedOpacity: 0.16, disabled: "rgba(255, 255, 255, 0.3)", disabledBackground: "rgba(255, 255, 255, 0.12)", disabledOpacity: 0.38, focus: "rgba(255, 255, 255, 0.12)", focusOpacity: 0.12, activatedOpacity: 0.24 } }; function addLightOrDark(intent, direction, shade, tonalOffset) { const tonalOffsetLight = tonalOffset.light || tonalOffset; const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5; if (!intent[direction]) { if (intent.hasOwnProperty(shade)) { intent[direction] = intent[shade]; } else if (direction === "light") { intent.light = lighten_1(intent.main, tonalOffsetLight); } else if (direction === "dark") { intent.dark = darken_1(intent.main, tonalOffsetDark); } } } function getDefaultPrimary(mode = "light") { if (mode === "dark") { return { main: blue$1[200], light: blue$1[50], dark: blue$1[400] }; } return { main: blue$1[700], light: blue$1[400], dark: blue$1[800] }; } function getDefaultSecondary(mode = "light") { if (mode === "dark") { return { main: purple$1[200], light: purple$1[50], dark: purple$1[400] }; } return { main: purple$1[500], light: purple$1[300], dark: purple$1[700] }; } function getDefaultError(mode = "light") { if (mode === "dark") { return { main: red$1[500], light: red$1[300], dark: red$1[700] }; } return { main: red$1[700], light: red$1[400], dark: red$1[800] }; } function getDefaultInfo(mode = "light") { if (mode === "dark") { return { main: lightBlue$1[400], light: lightBlue$1[300], dark: lightBlue$1[700] }; } return { main: lightBlue$1[700], light: lightBlue$1[500], dark: lightBlue$1[900] }; } function getDefaultSuccess(mode = "light") { if (mode === "dark") { return { main: green$1[400], light: green$1[300], dark: green$1[700] }; } return { main: green$1[800], light: green$1[500], dark: green$1[900] }; } function getDefaultWarning(mode = "light") { if (mode === "dark") { return { main: orange$1[400], light: orange$1[300], dark: orange$1[700] }; } return { main: "#ed6c02", // closest to orange[800] that pass 3:1. light: orange$1[500], dark: orange$1[900] }; } function createPalette(palette2) { const { mode = "light", contrastThreshold = 3, tonalOffset = 0.2 } = palette2, other = _objectWithoutPropertiesLoose(palette2, _excluded$o); const primary = palette2.primary || getDefaultPrimary(mode); const secondary = palette2.secondary || getDefaultSecondary(mode); const error = palette2.error || getDefaultError(mode); const info = palette2.info || getDefaultInfo(mode); const success = palette2.success || getDefaultSuccess(mode); const warning = palette2.warning || getDefaultWarning(mode); function getContrastText(background) { const contrastText = getContrastRatio_1(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary; return contrastText; } const augmentColor = ({ color: color2, name, mainShade = 500, lightShade = 300, darkShade = 700 }) => { color2 = _extends$1({}, color2); if (!color2.main && color2[mainShade]) { color2.main = color2[mainShade]; } if (!color2.hasOwnProperty("main")) { throw new Error(formatMuiErrorMessage$1(11, name ? ` (${name})` : "", mainShade)); } if (typeof color2.main !== "string") { throw new Error(formatMuiErrorMessage$1(12, name ? ` (${name})` : "", JSON.stringify(color2.main))); } addLightOrDark(color2, "light", lightShade, tonalOffset); addLightOrDark(color2, "dark", darkShade, tonalOffset); if (!color2.contrastText) { color2.contrastText = getContrastText(color2.main); } return color2; }; const modes = { dark, light }; const paletteOutput = deepmerge$1(_extends$1({ // A collection of common colors. common: _extends$1({}, common$1), // prevent mutable object. // The palette mode, can be light or dark. mode, // The colors used to represent primary interface elements for a user. primary: augmentColor({ color: primary, name: "primary" }), // The colors used to represent secondary interface elements for a user. secondary: augmentColor({ color: secondary, name: "secondary", mainShade: "A400", lightShade: "A200", darkShade: "A700" }), // The colors used to represent interface elements that the user should be made aware of. error: augmentColor({ color: error, name: "error" }), // The colors used to represent potentially dangerous actions or important messages. warning: augmentColor({ color: warning, name: "warning" }), // The colors used to present information to the user that is neutral and not necessarily important. info: augmentColor({ color: info, name: "info" }), // The colors used to indicate the successful completion of an action that user triggered. success: augmentColor({ color: success, name: "success" }), // The grey colors. grey: grey$1, // Used by `getContrastText()` to maximize the contrast between // the background and the text. contrastThreshold, // Takes a background color and returns the text color that maximizes the contrast. getContrastText, // Generate a rich color object. augmentColor, // Used by the functions below to shift a color's luminance by approximately // two indexes within its tonal palette. // E.g., shift from Red 500 to Red 300 or Red 700. tonalOffset }, modes[mode]), other); return paletteOutput; } const _excluded$n = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]; function round(value) { return Math.round(value * 1e5) / 1e5; } const caseAllCaps = { textTransform: "uppercase" }; const defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif'; function createTypography(palette2, typography2) { const _ref = typeof typography2 === "function" ? typography2(palette2) : typography2, { fontFamily = defaultFontFamily, // The default font size of the Material Specification. fontSize = 14, // px fontWeightLight = 300, fontWeightRegular = 400, fontWeightMedium = 500, fontWeightBold = 700, // Tell MUI what's the font-size on the html element. // 16px is the default font-size used by browsers. htmlFontSize = 16, // Apply the CSS properties to all the variants. allVariants, pxToRem: pxToRem2 } = _ref, other = _objectWithoutPropertiesLoose(_ref, _excluded$n); const coef = fontSize / 14; const pxToRem3 = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`); const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$1({ fontFamily, fontWeight, fontSize: pxToRem3(size), // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ lineHeight }, fontFamily === defaultFontFamily ? { letterSpacing: `${round(letterSpacing / size)}em` } : {}, casing, allVariants); const variants = { h1: buildVariant(fontWeightLight, 96, 1.167, -1.5), h2: buildVariant(fontWeightLight, 60, 1.2, -0.5), h3: buildVariant(fontWeightRegular, 48, 1.167, 0), h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25), h5: buildVariant(fontWeightRegular, 24, 1.334, 0), h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15), subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15), subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1), body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15), body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15), button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps), caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4), overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps), // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types. inherit: { fontFamily: "inherit", fontWeight: "inherit", fontSize: "inherit", lineHeight: "inherit", letterSpacing: "inherit" } }; return deepmerge$1(_extends$1({ htmlFontSize, pxToRem: pxToRem3, fontFamily, fontSize, fontWeightLight, fontWeightRegular, fontWeightMedium, fontWeightBold }, variants), other, { clone: false // No need to clone deep }); } const shadowKeyUmbraOpacity = 0.2; const shadowKeyPenumbraOpacity = 0.14; const shadowAmbientShadowOpacity = 0.12; function createShadow(...px) { return [`${px[0]}px ${px[1]}px ${px[2]}px ${px[3]}px rgba(0,0,0,${shadowKeyUmbraOpacity})`, `${px[4]}px ${px[5]}px ${px[6]}px ${px[7]}px rgba(0,0,0,${shadowKeyPenumbraOpacity})`, `${px[8]}px ${px[9]}px ${px[10]}px ${px[11]}px rgba(0,0,0,${shadowAmbientShadowOpacity})`].join(","); } const shadows = ["none", createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)]; const _excluded$m = ["duration", "easing", "delay"]; const easing = { // This is the most common easing curve. easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)", // Objects enter the screen at full velocity from off-screen and // slowly decelerate to a resting point. easeOut: "cubic-bezier(0.0, 0, 0.2, 1)", // Objects leave the screen at full velocity. They do not decelerate when off-screen. easeIn: "cubic-bezier(0.4, 0, 1, 1)", // The sharp curve is used by objects that may return to the screen at any time. sharp: "cubic-bezier(0.4, 0, 0.6, 1)" }; const duration = { shortest: 150, shorter: 200, short: 250, // most basic recommended timing standard: 300, // this is to be used in complex animations complex: 375, // recommended when something is entering screen enteringScreen: 225, // recommended when something is leaving screen leavingScreen: 195 }; function formatMs(milliseconds) { return `${Math.round(milliseconds)}ms`; } function getAutoHeightDuration(height2) { if (!height2) { return 0; } const constant2 = height2 / 36; return Math.round((4 + 15 * constant2 ** 0.25 + constant2 / 5) * 10); } function createTransitions(inputTransitions) { const mergedEasing = _extends$1({}, easing, inputTransitions.easing); const mergedDuration = _extends$1({}, duration, inputTransitions.duration); const create = (props = ["all"], options = {}) => { const { duration: durationOption = mergedDuration.standard, easing: easingOption = mergedEasing.easeInOut, delay = 0 } = options; _objectWithoutPropertiesLoose(options, _excluded$m); return (Array.isArray(props) ? props : [props]).map((animatedProp) => `${animatedProp} ${typeof durationOption === "string" ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === "string" ? delay : formatMs(delay)}`).join(","); }; return _extends$1({ getAutoHeightDuration, create }, inputTransitions, { easing: mergedEasing, duration: mergedDuration }); } const zIndex = { mobileStepper: 1e3, fab: 1050, speedDial: 1050, appBar: 1100, drawer: 1200, modal: 1300, snackbar: 1400, tooltip: 1500 }; const zIndex$1 = zIndex; const _excluded$l = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"]; function createTheme(options = {}, ...args) { const { mixins: mixinsInput = {}, palette: paletteInput = {}, transitions: transitionsInput = {}, typography: typographyInput = {} } = options, other = _objectWithoutPropertiesLoose(options, _excluded$l); if (options.vars) { throw new Error(formatMuiErrorMessage$1(18)); } const palette2 = createPalette(paletteInput); const systemTheme = createTheme$2(options); let muiTheme = deepmerge$1(systemTheme, { mixins: createMixins(systemTheme.breakpoints, mixinsInput), palette: palette2, // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol. shadows: shadows.slice(), typography: createTypography(palette2, typographyInput), transitions: createTransitions(transitionsInput), zIndex: _extends$1({}, zIndex$1) }); muiTheme = deepmerge$1(muiTheme, other); muiTheme = args.reduce((acc, argument) => deepmerge$1(acc, argument), muiTheme); muiTheme.unstable_sxConfig = _extends$1({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig); muiTheme.unstable_sx = function sx(props) { return styleFunctionSx$1({ sx: props, theme: this }); }; return muiTheme; } const defaultTheme$1 = createTheme(); const defaultTheme$2 = defaultTheme$1; const THEME_ID = "$$material"; const rootShouldForwardProp$1 = (prop) => shouldForwardProp_1(prop) && prop !== "classes"; const styled = _default({ themeId: THEME_ID, defaultTheme: defaultTheme$2, rootShouldForwardProp: rootShouldForwardProp$1 }); function getThemeProps(params) { const { theme, name, props } = params; if (!theme || !theme.components || !theme.components[name] || !theme.components[name].defaultProps) { return props; } return resolveProps$1(theme.components[name].defaultProps, props); } function isObjectEmpty(obj) { return Object.keys(obj).length === 0; } function useTheme$3(defaultTheme2 = null) { const contextTheme = React__namespace.useContext(ThemeContext$2); return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme2 : contextTheme; } const systemDefaultTheme = createTheme$2(); function useTheme$2(defaultTheme2 = systemDefaultTheme) { return useTheme$3(defaultTheme2); } function useThemeProps$1({ props, name, defaultTheme: defaultTheme2, themeId }) { let theme = useTheme$2(defaultTheme2); if (themeId) { theme = theme[themeId] || theme; } const mergedProps = getThemeProps({ theme, name, props }); return mergedProps; } function useThemeProps({ props, name }) { return useThemeProps$1({ props, name, defaultTheme: defaultTheme$2, themeId: THEME_ID }); } function setRef(ref, value) { if (typeof ref === "function") { ref(value); } else if (ref) { ref.current = value; } } function useForkRef(...refs) { return React__namespace.useMemo(() => { if (refs.every((ref) => ref == null)) { return null; } return (instance) => { refs.forEach((ref) => { setRef(ref, instance); }); }; }, refs); } const useEnhancedEffect = typeof window !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect; function useEventCallback(fn) { const ref = React__namespace.useRef(fn); useEnhancedEffect(() => { ref.current = fn; }); return React__namespace.useRef((...args) => ( // @ts-expect-error hide `this` (0, ref.current)(...args) )).current; } const UNINITIALIZED = {}; function useLazyRef(init, initArg) { const ref = React__namespace.useRef(UNINITIALIZED); if (ref.current === UNINITIALIZED) { ref.current = init(initArg); } return ref; } const EMPTY = []; function useOnMount(fn) { React__namespace.useEffect(fn, EMPTY); } class Timeout { constructor() { this.currentId = null; this.clear = () => { if (this.currentId !== null) { clearTimeout(this.currentId); this.currentId = null; } }; this.disposeEffect = () => { return this.clear; }; } static create() { return new Timeout(); } /** * Executes `fn` after `delay`, clearing any previously scheduled call. */ start(delay, fn) { this.clear(); this.currentId = setTimeout(() => { this.currentId = null; fn(); }, delay); } } function useTimeout() { const timeout = useLazyRef(Timeout.create).current; useOnMount(timeout.disposeEffect); return timeout; } let hadKeyboardEvent = true; let hadFocusVisibleRecently = false; const hadFocusVisibleRecentlyTimeout = new Timeout(); const inputTypesWhitelist = { text: true, search: true, url: true, tel: true, email: true, password: true, number: true, date: true, month: true, week: true, time: true, datetime: true, "datetime-local": true }; function focusTriggersKeyboardModality(node2) { const { type, tagName } = node2; if (tagName === "INPUT" && inputTypesWhitelist[type] && !node2.readOnly) { return true; } if (tagName === "TEXTAREA" && !node2.readOnly) { return true; } if (node2.isContentEditable) { return true; } return false; } function handleKeyDown(event) { if (event.metaKey || event.altKey || event.ctrlKey) { return; } hadKeyboardEvent = true; } function handlePointerDown() { hadKeyboardEvent = false; } function handleVisibilityChange() { if (this.visibilityState === "hidden") { if (hadFocusVisibleRecently) { hadKeyboardEvent = true; } } } function prepare(doc) { doc.addEventListener("keydown", handleKeyDown, true); doc.addEventListener("mousedown", handlePointerDown, true); doc.addEventListener("pointerdown", handlePointerDown, true); doc.addEventListener("touchstart", handlePointerDown, true); doc.addEventListener("visibilitychange", handleVisibilityChange, true); } function isFocusVisible(event) { const { target } = event; try { return target.matches(":focus-visible"); } catch (error) { } return hadKeyboardEvent || focusTriggersKeyboardModality(target); } function useIsFocusVisible() { const ref = React__namespace.useCallback((node2) => { if (node2 != null) { prepare(node2.ownerDocument); } }, []); const isFocusVisibleRef = React__namespace.useRef(false); function handleBlurVisible() { if (isFocusVisibleRef.current) { hadFocusVisibleRecently = true; hadFocusVisibleRecentlyTimeout.start(100, () => { hadFocusVisibleRecently = false; }); isFocusVisibleRef.current = false; return true; } return false; } function handleFocusVisible(event) { if (isFocusVisible(event)) { isFocusVisibleRef.current = true; return true; } return false; } return { isFocusVisibleRef, onFocus: handleFocusVisible, onBlur: handleBlurVisible, ref }; } function _setPrototypeOf(o, p2) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) { o2.__proto__ = p3; return o2; }; return _setPrototypeOf(o, p2); } function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); } const config = { disabled: false }; const TransitionGroupContext = React.createContext(null); var forceReflow = function forceReflow2(node2) { return node2.scrollTop; }; var UNMOUNTED = "unmounted"; var EXITED = "exited"; var ENTERING = "entering"; var ENTERED = "entered"; var EXITING = "exiting"; var Transition = /* @__PURE__ */ function(_React$Component) { _inheritsLoose(Transition2, _React$Component); function Transition2(props, context) { var _this; _this = _React$Component.call(this, props, context) || this; var parentGroup = context; var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear; var initialStatus; _this.appearStatus = null; if (props.in) { if (appear) { initialStatus = EXITED; _this.appearStatus = ENTERING; } else { initialStatus = ENTERED; } } else { if (props.unmountOnExit || props.mountOnEnter) { initialStatus = UNMOUNTED; } else { initialStatus = EXITED; } } _this.state = { status: initialStatus }; _this.nextCallback = null; return _this; } Transition2.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) { var nextIn = _ref.in; if (nextIn && prevState.status === UNMOUNTED) { return { status: EXITED }; } return null; }; var _proto = Transition2.prototype; _proto.componentDidMount = function componentDidMount() { this.updateStatus(true, this.appearStatus); }; _proto.componentDidUpdate = function componentDidUpdate(prevProps) { var nextStatus = null; if (prevProps !== this.props) { var status = this.state.status; if (this.props.in) { if (status !== ENTERING && status !== ENTERED) { nextStatus = ENTERING; } } else { if (status === ENTERING || status === ENTERED) { nextStatus = EXITING; } } } this.updateStatus(false, nextStatus); }; _proto.componentWillUnmount = function componentWillUnmount() { this.cancelNextCallback(); }; _proto.getTimeouts = function getTimeouts() { var timeout2 = this.props.timeout; var exit, enter, appear; exit = enter = appear = timeout2; if (timeout2 != null && typeof timeout2 !== "number") { exit = timeout2.exit; enter = timeout2.enter; appear = timeout2.appear !== void 0 ? timeout2.appear : enter; } return { exit, enter, appear }; }; _proto.updateStatus = function updateStatus(mounting, nextStatus) { if (mounting === void 0) { mounting = false; } if (nextStatus !== null) { this.cancelNextCallback(); if (nextStatus === ENTERING) { if (this.props.unmountOnExit || this.props.mountOnEnter) { var node2 = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default.findDOMNode(this); if (node2) forceReflow(node2); } this.performEnter(mounting); } else { this.performExit(); } } else if (this.props.unmountOnExit && this.state.status === EXITED) { this.setState({ status: UNMOUNTED }); } }; _proto.performEnter = function performEnter(mounting) { var _this2 = this; var enter = this.props.enter; var appearing = this.context ? this.context.isMounting : mounting; var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM__default.findDOMNode(this), appearing], maybeNode = _ref2[0], maybeAppearing = _ref2[1]; var timeouts = this.getTimeouts(); var enterTimeout = appearing ? timeouts.appear : timeouts.enter; if (!mounting && !enter || config.disabled) { this.safeSetState({ status: ENTERED }, function() { _this2.props.onEntered(maybeNode); }); return; } this.props.onEnter(maybeNode, maybeAppearing); this.safeSetState({ status: ENTERING }, function() { _this2.props.onEntering(maybeNode, maybeAppearing); _this2.onTransitionEnd(enterTimeout, function() { _this2.safeSetState({ status: ENTERED }, function() { _this2.props.onEntered(maybeNode, maybeAppearing); }); }); }); }; _proto.performExit = function performExit() { var _this3 = this; var exit = this.props.exit; var timeouts = this.getTimeouts(); var maybeNode = this.props.nodeRef ? void 0 : ReactDOM__default.findDOMNode(this); if (!exit || config.disabled) { this.safeSetState({ status: EXITED }, function() { _this3.props.onExited(maybeNode); }); return; } this.props.onExit(maybeNode); this.safeSetState({ status: EXITING }, function() { _this3.props.onExiting(maybeNode); _this3.onTransitionEnd(timeouts.exit, function() { _this3.safeSetState({ status: EXITED }, function() { _this3.props.onExited(maybeNode); }); }); }); }; _proto.cancelNextCallback = function cancelNextCallback() { if (this.nextCallback !== null) { this.nextCallback.cancel(); this.nextCallback = null; } }; _proto.safeSetState = function safeSetState(nextState, callback) { callback = this.setNextCallback(callback); this.setState(nextState, callback); }; _proto.setNextCallback = function setNextCallback(callback) { var _this4 = this; var active = true; this.nextCallback = function(event) { if (active) { active = false; _this4.nextCallback = null; callback(event); } }; this.nextCallback.cancel = function() { active = false; }; return this.nextCallback; }; _proto.onTransitionEnd = function onTransitionEnd(timeout2, handler) { this.setNextCallback(handler); var node2 = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default.findDOMNode(this); var doesNotHaveTimeoutOrListener = timeout2 == null && !this.props.addEndListener; if (!node2 || doesNotHaveTimeoutOrListener) { setTimeout(this.nextCallback, 0); return; } if (this.props.addEndListener) { var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node2, this.nextCallback], maybeNode = _ref3[0], maybeNextCallback = _ref3[1]; this.props.addEndListener(maybeNode, maybeNextCallback); } if (timeout2 != null) { setTimeout(this.nextCallback, timeout2); } }; _proto.render = function render() { var status = this.state.status; if (status === UNMOUNTED) { return null; } var _this$props = this.props, children = _this$props.children; _this$props.in; _this$props.mountOnEnter; _this$props.unmountOnExit; _this$props.appear; _this$props.enter; _this$props.exit; _this$props.timeout; _this$props.addEndListener; _this$props.onEnter; _this$props.onEntering; _this$props.onEntered; _this$props.onExit; _this$props.onExiting; _this$props.onExited; _this$props.nodeRef; var childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]); return ( // allows for nested Transitions /* @__PURE__ */ React.createElement(TransitionGroupContext.Provider, { value: null }, typeof children === "function" ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps)) ); }; return Transition2; }(React.Component); Transition.contextType = TransitionGroupContext; Transition.propTypes = {}; function noop() { } Transition.defaultProps = { in: false, mountOnEnter: false, unmountOnExit: false, appear: false, enter: true, exit: true, onEnter: noop, onEntering: noop, onEntered: noop, onExit: noop, onExiting: noop, onExited: noop }; Transition.UNMOUNTED = UNMOUNTED; Transition.EXITED = EXITED; Transition.ENTERING = ENTERING; Transition.ENTERED = ENTERED; Transition.EXITING = EXITING; const Transition$1 = Transition; function _assertThisInitialized(self2) { if (self2 === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self2; } function getChildMapping(children, mapFn) { var mapper = function mapper2(child) { return mapFn && React.isValidElement(child) ? mapFn(child) : child; }; var result = /* @__PURE__ */ Object.create(null); if (children) React.Children.map(children, function(c2) { return c2; }).forEach(function(child) { result[child.key] = mapper(child); }); return result; } function mergeChildMappings(prev2, next2) { prev2 = prev2 || {}; next2 = next2 || {}; function getValueForKey(key) { return key in next2 ? next2[key] : prev2[key]; } var nextKeysPending = /* @__PURE__ */ Object.create(null); var pendingKeys = []; for (var prevKey in prev2) { if (prevKey in next2) { if (pendingKeys.length) { nextKeysPending[prevKey] = pendingKeys; pendingKeys = []; } } else { pendingKeys.push(prevKey); } } var i; var childMapping = {}; for (var nextKey in next2) { if (nextKeysPending[nextKey]) { for (i = 0; i < nextKeysPending[nextKey].length; i++) { var pendingNextKey = nextKeysPending[nextKey][i]; childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey); } } childMapping[nextKey] = getValueForKey(nextKey); } for (i = 0; i < pendingKeys.length; i++) { childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]); } return childMapping; } function getProp(child, prop, props) { return props[prop] != null ? props[prop] : child.props[prop]; } function getInitialChildMapping(props, onExited) { return getChildMapping(props.children, function(child) { return React.cloneElement(child, { onExited: onExited.bind(null, child), in: true, appear: getProp(child, "appear", props), enter: getProp(child, "enter", props), exit: getProp(child, "exit", props) }); }); } function getNextChildMapping(nextProps, prevChildMapping, onExited) { var nextChildMapping = getChildMapping(nextProps.children); var children = mergeChildMappings(prevChildMapping, nextChildMapping); Object.keys(children).forEach(function(key) { var child = children[key]; if (!React.isValidElement(child)) return; var hasPrev = key in prevChildMapping; var hasNext = key in nextChildMapping; var prevChild = prevChildMapping[key]; var isLeaving = React.isValidElement(prevChild) && !prevChild.props.in; if (hasNext && (!hasPrev || isLeaving)) { children[key] = React.cloneElement(child, { onExited: onExited.bind(null, child), in: true, exit: getProp(child, "exit", nextProps), enter: getProp(child, "enter", nextProps) }); } else if (!hasNext && hasPrev && !isLeaving) { children[key] = React.cloneElement(child, { in: false }); } else if (hasNext && hasPrev && React.isValidElement(prevChild)) { children[key] = React.cloneElement(child, { onExited: onExited.bind(null, child), in: prevChild.props.in, exit: getProp(child, "exit", nextProps), enter: getProp(child, "enter", nextProps) }); } }); return children; } var values = Object.values || function(obj) { return Object.keys(obj).map(function(k2) { return obj[k2]; }); }; var defaultProps = { component: "div", childFactory: function childFactory(child) { return child; } }; var TransitionGroup = /* @__PURE__ */ function(_React$Component) { _inheritsLoose(TransitionGroup2, _React$Component); function TransitionGroup2(props, context) { var _this; _this = _React$Component.call(this, props, context) || this; var handleExited = _this.handleExited.bind(_assertThisInitialized(_this)); _this.state = { contextValue: { isMounting: true }, handleExited, firstRender: true }; return _this; } var _proto = TransitionGroup2.prototype; _proto.componentDidMount = function componentDidMount() { this.mounted = true; this.setState({ contextValue: { isMounting: false } }); }; _proto.componentWillUnmount = function componentWillUnmount() { this.mounted = false; }; TransitionGroup2.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) { var prevChildMapping = _ref.children, handleExited = _ref.handleExited, firstRender = _ref.firstRender; return { children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited), firstRender: false }; }; _proto.handleExited = function handleExited(child, node2) { var currentChildMapping = getChildMapping(this.props.children); if (child.key in currentChildMapping) return; if (child.props.onExited) { child.props.onExited(node2); } if (this.mounted) { this.setState(function(state) { var children = _extends$1({}, state.children); delete children[child.key]; return { children }; }); } }; _proto.render = function render() { var _this$props = this.props, Component = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose(_this$props, ["component", "childFactory"]); var contextValue = this.state.contextValue; var children = values(this.state.children).map(childFactory2); delete props.appear; delete props.enter; delete props.exit; if (Component === null) { return /* @__PURE__ */ React.createElement(TransitionGroupContext.Provider, { value: contextValue }, children); } return /* @__PURE__ */ React.createElement(TransitionGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(Component, props, children)); }; return TransitionGroup2; }(React.Component); TransitionGroup.propTypes = {}; TransitionGroup.defaultProps = defaultProps; const TransitionGroup$1 = TransitionGroup; const _excluded$k = ["className", "component"]; function createBox(options = {}) { const { themeId, defaultTheme: defaultTheme2, defaultClassName = "MuiBox-root", generateClassName } = options; const BoxRoot = styled$1("div", { shouldForwardProp: (prop) => prop !== "theme" && prop !== "sx" && prop !== "as" })(styleFunctionSx$1); const Box2 = /* @__PURE__ */ React__namespace.forwardRef(function Box3(inProps, ref) { const theme = useTheme$2(defaultTheme2); const _extendSxProp = extendSxProp(inProps), { className, component = "div" } = _extendSxProp, other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$k); return /* @__PURE__ */ jsxRuntimeExports.jsx(BoxRoot, _extends$1({ as: component, ref, className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName), theme: themeId ? theme[themeId] || theme : theme }, other)); }); return Box2; } function generateUtilityClasses$1(componentName, slots, globalStatePrefix = "Mui") { const result = {}; slots.forEach((slot) => { result[slot] = generateUtilityClass$1(componentName, slot, globalStatePrefix); }); return result; } function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) { const [match2, setMatch] = React__namespace.useState(() => { if (noSsr && matchMedia) { return matchMedia(query).matches; } if (ssrMatchMedia) { return ssrMatchMedia(query).matches; } return defaultMatches; }); useEnhancedEffect(() => { let active = true; if (!matchMedia) { return void 0; } const queryList = matchMedia(query); const updateMatch = () => { if (active) { setMatch(queryList.matches); } }; updateMatch(); queryList.addListener(updateMatch); return () => { active = false; queryList.removeListener(updateMatch); }; }, [query, matchMedia]); return match2; } const maybeReactUseSyncExternalStore = React__namespace["useSyncExternalStore"]; function useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) { const getDefaultSnapshot = React__namespace.useCallback(() => defaultMatches, [defaultMatches]); const getServerSnapshot = React__namespace.useMemo(() => { if (noSsr && matchMedia) { return () => matchMedia(query).matches; } if (ssrMatchMedia !== null) { const { matches } = ssrMatchMedia(query); return () => matches; } return getDefaultSnapshot; }, [getDefaultSnapshot, query, ssrMatchMedia, noSsr, matchMedia]); const [getSnapshot, subscribe] = React__namespace.useMemo(() => { if (matchMedia === null) { return [getDefaultSnapshot, () => () => { }]; } const mediaQueryList = matchMedia(query); return [() => mediaQueryList.matches, (notify) => { mediaQueryList.addListener(notify); return () => { mediaQueryList.removeListener(notify); }; }]; }, [getDefaultSnapshot, matchMedia, query]); const match2 = maybeReactUseSyncExternalStore(subscribe, getSnapshot, getServerSnapshot); return match2; } function useMediaQuery(queryInput, options = {}) { const theme = useTheme$3(); const supportMatchMedia = typeof window !== "undefined" && typeof window.matchMedia !== "undefined"; const { defaultMatches = false, matchMedia = supportMatchMedia ? window.matchMedia : null, ssrMatchMedia = null, noSsr = false } = getThemeProps({ name: "MuiUseMediaQuery", props: options, theme }); let query = typeof queryInput === "function" ? queryInput(theme) : queryInput; query = query.replace(/^@media( ?)/m, ""); const useMediaQueryImplementation = maybeReactUseSyncExternalStore !== void 0 ? useMediaQueryNew : useMediaQueryOld; const match2 = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr); return match2; } function createChainedFunction(...funcs) { return funcs.reduce((acc, func) => { if (func == null) { return acc; } return function chainedFunction(...args) { acc.apply(this, args); func.apply(this, args); }; }, () => { }); } function debounce(func, wait = 166) { let timeout; function debounced(...args) { const later = () => { func.apply(this, args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); } debounced.clear = () => { clearTimeout(timeout); }; return debounced; } function ownerDocument(node2) { return node2 && node2.ownerDocument || document; } function ownerWindow(node2) { const doc = ownerDocument(node2); return doc.defaultView || window; } let globalId = 0; function useGlobalId(idOverride) { const [defaultId, setDefaultId] = React__namespace.useState(idOverride); const id = idOverride || defaultId; React__namespace.useEffect(() => { if (defaultId == null) { globalId += 1; setDefaultId(`mui-${globalId}`); } }, [defaultId]); return id; } const maybeReactUseId = React__namespace["useId".toString()]; function useId(idOverride) { if (maybeReactUseId !== void 0) { const reactId = maybeReactUseId(); return idOverride != null ? idOverride : reactId; } return useGlobalId(idOverride); } function getScrollbarSize(doc) { const documentWidth = doc.documentElement.clientWidth; return Math.abs(window.innerWidth - documentWidth); } const ThemeContext = /* @__PURE__ */ React__namespace.createContext(null); const ThemeContext$1 = ThemeContext; function useTheme$1() { const theme = React__namespace.useContext(ThemeContext$1); return theme; } const hasSymbol = typeof Symbol === "function" && Symbol.for; const nested = hasSymbol ? Symbol.for("mui.nested") : "__THEME_NESTED__"; function mergeOuterLocalTheme(outerTheme, localTheme) { if (typeof localTheme === "function") { const mergedTheme = localTheme(outerTheme); return mergedTheme; } return _extends$1({}, outerTheme, localTheme); } function ThemeProvider$3(props) { const { children, theme: localTheme } = props; const outerTheme = useTheme$1(); const theme = React__namespace.useMemo(() => { const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme); if (output != null) { output[nested] = outerTheme !== null; } return output; }, [localTheme, outerTheme]); return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeContext$1.Provider, { value: theme, children }); } const EMPTY_THEME = {}; function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) { return React__namespace.useMemo(() => { const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme; if (typeof localTheme === "function") { const mergedTheme = localTheme(resolvedTheme); const result = themeId ? _extends$1({}, upperTheme, { [themeId]: mergedTheme }) : mergedTheme; if (isPrivate) { return () => result; } return result; } return themeId ? _extends$1({}, upperTheme, { [themeId]: localTheme }) : _extends$1({}, upperTheme, localTheme); }, [themeId, upperTheme, localTheme, isPrivate]); } function ThemeProvider$2(props) { const { children, theme: localTheme, themeId } = props; const upperTheme = useTheme$3(EMPTY_THEME); const upperPrivateTheme = useTheme$1() || EMPTY_THEME; const engineTheme = useThemeScoping(themeId, upperTheme, localTheme); const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true); return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider$3, { theme: privateTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeContext$2.Provider, { value: engineTheme, children }) }); } function Ripple(props) { const { className, classes, pulsate = false, rippleX, rippleY, rippleSize, in: inProp, onExited, timeout } = props; const [leaving, setLeaving] = React__namespace.useState(false); const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate); const rippleStyles = { width: rippleSize, height: rippleSize, top: -(rippleSize / 2) + rippleY, left: -(rippleSize / 2) + rippleX }; const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate); if (!inProp && !leaving) { setLeaving(true); } React__namespace.useEffect(() => { if (!inProp && onExited != null) { const timeoutId = setTimeout(onExited, timeout); return () => { clearTimeout(timeoutId); }; } return void 0; }, [onExited, inProp, timeout]); return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: rippleClassName, style: rippleStyles, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: childClassName }) }); } const touchRippleClasses = generateUtilityClasses$1("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]); const _excluded$j = ["center", "classes", "className"]; let _$2 = (t2) => t2, _t$2, _t2$2, _t3$2, _t4$2; const DURATION = 550; const DELAY_RIPPLE = 80; const enterKeyframe = keyframes(_t$2 || (_t$2 = _$2` 0% { transform: scale(0); opacity: 0.1; } 100% { transform: scale(1); opacity: 0.3; } `)); const exitKeyframe = keyframes(_t2$2 || (_t2$2 = _$2` 0% { opacity: 1; } 100% { opacity: 0; } `)); const pulsateKeyframe = keyframes(_t3$2 || (_t3$2 = _$2` 0% { transform: scale(1); } 50% { transform: scale(0.92); } 100% { transform: scale(1); } `)); const TouchRippleRoot = styled("span", { name: "MuiTouchRipple", slot: "Root" })({ overflow: "hidden", pointerEvents: "none", position: "absolute", zIndex: 0, top: 0, right: 0, bottom: 0, left: 0, borderRadius: "inherit" }); const TouchRippleRipple = styled(Ripple, { name: "MuiTouchRipple", slot: "Ripple" })(_t4$2 || (_t4$2 = _$2` 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; } `), touchRippleClasses.rippleVisible, enterKeyframe, DURATION, ({ theme }) => theme.transitions.easing.easeInOut, touchRippleClasses.ripplePulsate, ({ theme }) => theme.transitions.duration.shorter, touchRippleClasses.child, touchRippleClasses.childLeaving, exitKeyframe, DURATION, ({ theme }) => theme.transitions.easing.easeInOut, touchRippleClasses.childPulsate, pulsateKeyframe, ({ theme }) => theme.transitions.easing.easeInOut); const TouchRipple = /* @__PURE__ */ React__namespace.forwardRef(function TouchRipple2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiTouchRipple" }); const { center: centerProp = false, classes = {}, className } = props, other = _objectWithoutPropertiesLoose(props, _excluded$j); const [ripples, setRipples] = React__namespace.useState([]); const nextKey = React__namespace.useRef(0); const rippleCallback = React__namespace.useRef(null); React__namespace.useEffect(() => { if (rippleCallback.current) { rippleCallback.current(); rippleCallback.current = null; } }, [ripples]); const ignoringMouseDown = React__namespace.useRef(false); const startTimer = useTimeout(); const startTimerCommit = React__namespace.useRef(null); const container = React__namespace.useRef(null); const startCommit = React__namespace.useCallback((params) => { const { pulsate: pulsate2, rippleX, rippleY, rippleSize, cb } = params; setRipples((oldRipples) => [...oldRipples, /* @__PURE__ */ jsxRuntimeExports.jsx(TouchRippleRipple, { classes: { ripple: clsx(classes.ripple, touchRippleClasses.ripple), rippleVisible: clsx(classes.rippleVisible, touchRippleClasses.rippleVisible), ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses.ripplePulsate), child: clsx(classes.child, touchRippleClasses.child), childLeaving: clsx(classes.childLeaving, touchRippleClasses.childLeaving), childPulsate: clsx(classes.childPulsate, touchRippleClasses.childPulsate) }, timeout: DURATION, pulsate: pulsate2, rippleX, rippleY, rippleSize }, nextKey.current)]); nextKey.current += 1; rippleCallback.current = cb; }, [classes]); const start = React__namespace.useCallback((event = {}, options = {}, cb = () => { }) => { const { pulsate: pulsate2 = false, center = centerProp || options.pulsate, fakeElement = false // For test purposes } = options; if ((event == null ? void 0 : event.type) === "mousedown" && ignoringMouseDown.current) { ignoringMouseDown.current = false; return; } if ((event == null ? void 0 : event.type) === "touchstart") { ignoringMouseDown.current = true; } const element = fakeElement ? null : container.current; const rect = element ? element.getBoundingClientRect() : { width: 0, height: 0, left: 0, top: 0 }; let rippleX; let rippleY; let rippleSize; if (center || event === void 0 || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) { rippleX = Math.round(rect.width / 2); rippleY = Math.round(rect.height / 2); } else { const { clientX, clientY } = event.touches && event.touches.length > 0 ? event.touches[0] : event; rippleX = Math.round(clientX - rect.left); rippleY = Math.round(clientY - rect.top); } if (center) { rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3); if (rippleSize % 2 === 0) { rippleSize += 1; } } else { const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2; const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2; rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2); } if (event != null && event.touches) { if (startTimerCommit.current === null) { startTimerCommit.current = () => { startCommit({ pulsate: pulsate2, rippleX, rippleY, rippleSize, cb }); }; startTimer.start(DELAY_RIPPLE, () => { if (startTimerCommit.current) { startTimerCommit.current(); startTimerCommit.current = null; } }); } } else { startCommit({ pulsate: pulsate2, rippleX, rippleY, rippleSize, cb }); } }, [centerProp, startCommit, startTimer]); const pulsate = React__namespace.useCallback(() => { start({}, { pulsate: true }); }, [start]); const stop = React__namespace.useCallback((event, cb) => { startTimer.clear(); if ((event == null ? void 0 : event.type) === "touchend" && startTimerCommit.current) { startTimerCommit.current(); startTimerCommit.current = null; startTimer.start(0, () => { stop(event, cb); }); return; } startTimerCommit.current = null; setRipples((oldRipples) => { if (oldRipples.length > 0) { return oldRipples.slice(1); } return oldRipples; }); rippleCallback.current = cb; }, [startTimer]); React__namespace.useImperativeHandle(ref, () => ({ pulsate, start, stop }), [pulsate, start, stop]); return /* @__PURE__ */ jsxRuntimeExports.jsx(TouchRippleRoot, _extends$1({ className: clsx(touchRippleClasses.root, classes.root, className), ref: container }, other, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionGroup$1, { component: null, exit: true, children: ripples }) })); }); const TouchRipple$1 = TouchRipple; function getButtonBaseUtilityClass(slot) { return generateUtilityClass$1("MuiButtonBase", slot); } const buttonBaseClasses = generateUtilityClasses$1("MuiButtonBase", ["root", "disabled", "focusVisible"]); const _excluded$i = ["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"]; const useUtilityClasses$e = (ownerState) => { const { disabled, focusVisible, focusVisibleClassName, classes } = ownerState; const slots = { root: ["root", disabled && "disabled", focusVisible && "focusVisible"] }; const composedClasses = composeClasses$1(slots, getButtonBaseUtilityClass, classes); if (focusVisible && focusVisibleClassName) { composedClasses.root += ` ${focusVisibleClassName}`; } return composedClasses; }; const ButtonBaseRoot = styled("button", { name: "MuiButtonBase", slot: "Root", overridesResolver: (props, styles2) => styles2.root })({ display: "inline-flex", alignItems: "center", justifyContent: "center", position: "relative", boxSizing: "border-box", WebkitTapHighlightColor: "transparent", backgroundColor: "transparent", // Reset default value // We disable the focus ring for mouse, touch and keyboard users. outline: 0, border: 0, margin: 0, // Remove the margin in Safari borderRadius: 0, padding: 0, // Remove the padding in Firefox cursor: "pointer", userSelect: "none", verticalAlign: "middle", MozAppearance: "none", // Reset WebkitAppearance: "none", // Reset textDecoration: "none", // So we take precedent over the style of a native <a /> element. color: "inherit", "&::-moz-focus-inner": { borderStyle: "none" // Remove Firefox dotted outline. }, [`&.${buttonBaseClasses.disabled}`]: { pointerEvents: "none", // Disable link interactions cursor: "default" }, "@media print": { colorAdjust: "exact" } }); const ButtonBase = /* @__PURE__ */ React__namespace.forwardRef(function ButtonBase2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiButtonBase" }); const { action, centerRipple = false, children, className, component = "button", disabled = false, disableRipple = false, disableTouchRipple = false, focusRipple = false, LinkComponent = "a", onBlur, onClick, onContextMenu, onDragLeave, onFocus, onFocusVisible, onKeyDown, onKeyUp, onMouseDown, onMouseLeave, onMouseUp, onTouchEnd, onTouchMove, onTouchStart, tabIndex = 0, TouchRippleProps, touchRippleRef, type } = props, other = _objectWithoutPropertiesLoose(props, _excluded$i); const buttonRef = React__namespace.useRef(null); const rippleRef = React__namespace.useRef(null); const handleRippleRef = useForkRef(rippleRef, touchRippleRef); const { isFocusVisibleRef, onFocus: handleFocusVisible, onBlur: handleBlurVisible, ref: focusVisibleRef } = useIsFocusVisible(); const [focusVisible, setFocusVisible] = React__namespace.useState(false); if (disabled && focusVisible) { setFocusVisible(false); } React__namespace.useImperativeHandle(action, () => ({ focusVisible: () => { setFocusVisible(true); buttonRef.current.focus(); } }), []); const [mountedState, setMountedState] = React__namespace.useState(false); React__namespace.useEffect(() => { setMountedState(true); }, []); const enableTouchRipple = mountedState && !disableRipple && !disabled; React__namespace.useEffect(() => { if (focusVisible && focusRipple && !disableRipple && mountedState) { rippleRef.current.pulsate(); } }, [disableRipple, focusRipple, focusVisible, mountedState]); function useRippleHandler(rippleAction, eventCallback, skipRippleAction = disableTouchRipple) { return useEventCallback((event) => { if (eventCallback) { eventCallback(event); } const ignore = skipRippleAction; if (!ignore && rippleRef.current) { rippleRef.current[rippleAction](event); } return true; }); } const handleMouseDown = useRippleHandler("start", onMouseDown); const handleContextMenu = useRippleHandler("stop", onContextMenu); const handleDragLeave = useRippleHandler("stop", onDragLeave); const handleMouseUp = useRippleHandler("stop", onMouseUp); const handleMouseLeave = useRippleHandler("stop", (event) => { if (focusVisible) { event.preventDefault(); } if (onMouseLeave) { onMouseLeave(event); } }); const handleTouchStart = useRippleHandler("start", onTouchStart); const handleTouchEnd = useRippleHandler("stop", onTouchEnd); const handleTouchMove = useRippleHandler("stop", onTouchMove); const handleBlur = useRippleHandler("stop", (event) => { handleBlurVisible(event); if (isFocusVisibleRef.current === false) { setFocusVisible(false); } if (onBlur) { onBlur(event); } }, false); const handleFocus = useEventCallback((event) => { if (!buttonRef.current) { buttonRef.current = event.currentTarget; } handleFocusVisible(event); if (isFocusVisibleRef.current === true) { setFocusVisible(true); if (onFocusVisible) { onFocusVisible(event); } } if (onFocus) { onFocus(event); } }); const isNonNativeButton = () => { const button2 = buttonRef.current; return component && component !== "button" && !(button2.tagName === "A" && button2.href); }; const keydownRef = React__namespace.useRef(false); const handleKeyDown2 = useEventCallback((event) => { if (focusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === " ") { keydownRef.current = true; rippleRef.current.stop(event, () => { rippleRef.current.start(event); }); } if (event.target === event.currentTarget && isNonNativeButton() && event.key === " ") { event.preventDefault(); } if (onKeyDown) { onKeyDown(event); } if (event.target === event.currentTarget && isNonNativeButton() && event.key === "Enter" && !disabled) { event.preventDefault(); if (onClick) { onClick(event); } } }); const handleKeyUp = useEventCallback((event) => { if (focusRipple && event.key === " " && rippleRef.current && focusVisible && !event.defaultPrevented) { keydownRef.current = false; rippleRef.current.stop(event, () => { rippleRef.current.pulsate(event); }); } if (onKeyUp) { onKeyUp(event); } if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === " " && !event.defaultPrevented) { onClick(event); } }); let ComponentProp = component; if (ComponentProp === "button" && (other.href || other.to)) { ComponentProp = LinkComponent; } const buttonProps = {}; if (ComponentProp === "button") { buttonProps.type = type === void 0 ? "button" : type; buttonProps.disabled = disabled; } else { if (!other.href && !other.to) { buttonProps.role = "button"; } if (disabled) { buttonProps["aria-disabled"] = disabled; } } const handleRef = useForkRef(ref, focusVisibleRef, buttonRef); const ownerState = _extends$1({}, props, { centerRipple, component, disabled, disableRipple, disableTouchRipple, focusRipple, tabIndex, focusVisible }); const classes = useUtilityClasses$e(ownerState); return /* @__PURE__ */ jsxRuntimeExports.jsxs(ButtonBaseRoot, _extends$1({ as: ComponentProp, className: clsx(classes.root, className), ownerState, onBlur: handleBlur, onClick, onContextMenu: handleContextMenu, onFocus: handleFocus, onKeyDown: handleKeyDown2, onKeyUp: handleKeyUp, onMouseDown: handleMouseDown, onMouseLeave: handleMouseLeave, onMouseUp: handleMouseUp, onDragLeave: handleDragLeave, onTouchEnd: handleTouchEnd, onTouchMove: handleTouchMove, onTouchStart: handleTouchStart, ref: handleRef, tabIndex: disabled ? -1 : tabIndex, type }, buttonProps, other, { children: [children, enableTouchRipple ? ( /* TouchRipple is only needed client-side, x2 boost on the server. */ /* @__PURE__ */ jsxRuntimeExports.jsx(TouchRipple$1, _extends$1({ ref: handleRippleRef, center: centerRipple }, TouchRippleProps)) ) : null] })); }); const ButtonBase$1 = ButtonBase; function getButtonUtilityClass(slot) { return generateUtilityClass$1("MuiButton", slot); } const buttonClasses = generateUtilityClasses$1("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]); const buttonClasses$1 = buttonClasses; const ButtonGroupContext = /* @__PURE__ */ React__namespace.createContext({}); const ButtonGroupContext$1 = ButtonGroupContext; const ButtonGroupButtonContext = /* @__PURE__ */ React__namespace.createContext(void 0); const ButtonGroupButtonContext$1 = ButtonGroupButtonContext; const _excluded$h = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"]; const useUtilityClasses$d = (ownerState) => { const { color: color2, disableElevation, fullWidth, size, variant, classes } = ownerState; const slots = { root: ["root", variant, `${variant}${capitalize$1(color2)}`, `size${capitalize$1(size)}`, `${variant}Size${capitalize$1(size)}`, `color${capitalize$1(color2)}`, disableElevation && "disableElevation", fullWidth && "fullWidth"], label: ["label"], startIcon: ["icon", "startIcon", `iconSize${capitalize$1(size)}`], endIcon: ["icon", "endIcon", `iconSize${capitalize$1(size)}`] }; const composedClasses = composeClasses$1(slots, getButtonUtilityClass, classes); return _extends$1({}, classes, composedClasses); }; const commonIconStyles = (ownerState) => _extends$1({}, ownerState.size === "small" && { "& > *:nth-of-type(1)": { fontSize: 18 } }, ownerState.size === "medium" && { "& > *:nth-of-type(1)": { fontSize: 20 } }, ownerState.size === "large" && { "& > *:nth-of-type(1)": { fontSize: 22 } }); const ButtonRoot$1 = styled(ButtonBase$1, { shouldForwardProp: (prop) => rootShouldForwardProp$1(prop) || prop === "classes", name: "MuiButton", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, styles2[ownerState.variant], styles2[`${ownerState.variant}${capitalize$1(ownerState.color)}`], styles2[`size${capitalize$1(ownerState.size)}`], styles2[`${ownerState.variant}Size${capitalize$1(ownerState.size)}`], ownerState.color === "inherit" && styles2.colorInherit, ownerState.disableElevation && styles2.disableElevation, ownerState.fullWidth && styles2.fullWidth]; } })(({ theme, ownerState }) => { var _theme$palette$getCon, _theme$palette; const inheritContainedBackgroundColor = theme.palette.mode === "light" ? theme.palette.grey[300] : theme.palette.grey[800]; const inheritContainedHoverBackgroundColor = theme.palette.mode === "light" ? theme.palette.grey.A100 : theme.palette.grey[700]; return _extends$1({}, theme.typography.button, { minWidth: 64, padding: "6px 16px", borderRadius: (theme.vars || theme).shape.borderRadius, transition: theme.transitions.create(["background-color", "box-shadow", "border-color", "color"], { duration: theme.transitions.duration.short }), "&:hover": _extends$1({ textDecoration: "none", backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(theme.palette.text.primary, theme.palette.action.hoverOpacity), // Reset on touch devices, it doesn't add specificity "@media (hover: none)": { backgroundColor: "transparent" } }, ownerState.variant === "text" && ownerState.color !== "inherit" && { backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity), // Reset on touch devices, it doesn't add specificity "@media (hover: none)": { backgroundColor: "transparent" } }, ownerState.variant === "outlined" && ownerState.color !== "inherit" && { border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`, backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity), // Reset on touch devices, it doesn't add specificity "@media (hover: none)": { backgroundColor: "transparent" } }, ownerState.variant === "contained" && { backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor, boxShadow: (theme.vars || theme).shadows[4], // Reset on touch devices, it doesn't add specificity "@media (hover: none)": { boxShadow: (theme.vars || theme).shadows[2], backgroundColor: (theme.vars || theme).palette.grey[300] } }, ownerState.variant === "contained" && ownerState.color !== "inherit" && { backgroundColor: (theme.vars || theme).palette[ownerState.color].dark, // Reset on touch devices, it doesn't add specificity "@media (hover: none)": { backgroundColor: (theme.vars || theme).palette[ownerState.color].main } }), "&:active": _extends$1({}, ownerState.variant === "contained" && { boxShadow: (theme.vars || theme).shadows[8] }), [`&.${buttonClasses$1.focusVisible}`]: _extends$1({}, ownerState.variant === "contained" && { boxShadow: (theme.vars || theme).shadows[6] }), [`&.${buttonClasses$1.disabled}`]: _extends$1({ color: (theme.vars || theme).palette.action.disabled }, ownerState.variant === "outlined" && { border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}` }, ownerState.variant === "contained" && { color: (theme.vars || theme).palette.action.disabled, boxShadow: (theme.vars || theme).shadows[0], backgroundColor: (theme.vars || theme).palette.action.disabledBackground }) }, ownerState.variant === "text" && { padding: "6px 8px" }, ownerState.variant === "text" && ownerState.color !== "inherit" && { color: (theme.vars || theme).palette[ownerState.color].main }, ownerState.variant === "outlined" && { padding: "5px 15px", border: "1px solid currentColor" }, ownerState.variant === "outlined" && ownerState.color !== "inherit" && { color: (theme.vars || theme).palette[ownerState.color].main, border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha_1(theme.palette[ownerState.color].main, 0.5)}` }, ownerState.variant === "contained" && { color: theme.vars ? ( // this is safe because grey does not change between default light/dark mode theme.vars.palette.text.primary ) : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]), backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor, boxShadow: (theme.vars || theme).shadows[2] }, ownerState.variant === "contained" && ownerState.color !== "inherit" && { color: (theme.vars || theme).palette[ownerState.color].contrastText, backgroundColor: (theme.vars || theme).palette[ownerState.color].main }, ownerState.color === "inherit" && { color: "inherit", borderColor: "currentColor" }, ownerState.size === "small" && ownerState.variant === "text" && { padding: "4px 5px", fontSize: theme.typography.pxToRem(13) }, ownerState.size === "large" && ownerState.variant === "text" && { padding: "8px 11px", fontSize: theme.typography.pxToRem(15) }, ownerState.size === "small" && ownerState.variant === "outlined" && { padding: "3px 9px", fontSize: theme.typography.pxToRem(13) }, ownerState.size === "large" && ownerState.variant === "outlined" && { padding: "7px 21px", fontSize: theme.typography.pxToRem(15) }, ownerState.size === "small" && ownerState.variant === "contained" && { padding: "4px 10px", fontSize: theme.typography.pxToRem(13) }, ownerState.size === "large" && ownerState.variant === "contained" && { padding: "8px 22px", fontSize: theme.typography.pxToRem(15) }, ownerState.fullWidth && { width: "100%" }); }, ({ ownerState }) => ownerState.disableElevation && { boxShadow: "none", "&:hover": { boxShadow: "none" }, [`&.${buttonClasses$1.focusVisible}`]: { boxShadow: "none" }, "&:active": { boxShadow: "none" }, [`&.${buttonClasses$1.disabled}`]: { boxShadow: "none" } }); const ButtonStartIcon = styled("span", { name: "MuiButton", slot: "StartIcon", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.startIcon, styles2[`iconSize${capitalize$1(ownerState.size)}`]]; } })(({ ownerState }) => _extends$1({ display: "inherit", marginRight: 8, marginLeft: -4 }, ownerState.size === "small" && { marginLeft: -2 }, commonIconStyles(ownerState))); const ButtonEndIcon = styled("span", { name: "MuiButton", slot: "EndIcon", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.endIcon, styles2[`iconSize${capitalize$1(ownerState.size)}`]]; } })(({ ownerState }) => _extends$1({ display: "inherit", marginRight: -4, marginLeft: 8 }, ownerState.size === "small" && { marginRight: -2 }, commonIconStyles(ownerState))); const Button$1 = /* @__PURE__ */ React__namespace.forwardRef(function Button2(inProps, ref) { const contextProps = React__namespace.useContext(ButtonGroupContext$1); const buttonGroupButtonContextPositionClassName = React__namespace.useContext(ButtonGroupButtonContext$1); const resolvedProps = resolveProps$1(contextProps, inProps); const props = useThemeProps({ props: resolvedProps, name: "MuiButton" }); const { children, color: color2 = "primary", component = "button", className, disabled = false, disableElevation = false, disableFocusRipple = false, endIcon: endIconProp, focusVisibleClassName, fullWidth = false, size = "medium", startIcon: startIconProp, type, variant = "text" } = props, other = _objectWithoutPropertiesLoose(props, _excluded$h); const ownerState = _extends$1({}, props, { color: color2, component, disabled, disableElevation, disableFocusRipple, fullWidth, size, type, variant }); const classes = useUtilityClasses$d(ownerState); const startIcon = startIconProp && /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonStartIcon, { className: classes.startIcon, ownerState, children: startIconProp }); const endIcon = endIconProp && /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonEndIcon, { className: classes.endIcon, ownerState, children: endIconProp }); const positionClassName = buttonGroupButtonContextPositionClassName || ""; return /* @__PURE__ */ jsxRuntimeExports.jsxs(ButtonRoot$1, _extends$1({ ownerState, className: clsx(contextProps.className, classes.root, className, positionClassName), component, disabled, focusRipple: !disableFocusRipple, focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName), ref, type }, other, { classes, children: [startIcon, children, endIcon] })); }); const Button$2 = Button$1; function useTheme() { const theme = useTheme$2(defaultTheme$2); return theme[THEME_ID] || theme; } const _excluded$g = ["theme"]; function ThemeProvider$1(_ref) { let { theme: themeInput } = _ref, props = _objectWithoutPropertiesLoose(_ref, _excluded$g); const scopedTheme = themeInput[THEME_ID]; return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider$2, _extends$1({}, props, { themeId: scopedTheme ? THEME_ID : void 0, theme: scopedTheme || themeInput })); } const getOverlayAlpha = (elevation) => { let alphaValue; if (elevation < 1) { alphaValue = 5.11916 * elevation ** 2; } else { alphaValue = 4.5 * Math.log(elevation + 1) + 2; } return (alphaValue / 100).toFixed(2); }; const StyledPandoraButton = styled(Button$2, { shouldForwardProp: (fieldName) => filterForwardProps(fieldName, ["openPandora", "buttonVisible", "buttonPosition"]) })( ({ buttonPosition = "right", openPandora = false, buttonVisible = false, theme }) => { const { transitions } = theme; const baseStyle = { position: "fixed" }; switch (buttonPosition) { case "top": return { ...baseStyle, left: "50%", top: 0, transition: transitions.create(["top"], { easing: transitions.easing.sharp, duration: transitions.duration.shorter }), ...openPandora && { top: uiConfig.pandoraDrawerWidth, transition: transitions.create(["top"], { easing: transitions.easing.sharp, duration: transitions.duration.enteringScreen }) } }; case "right": return { ...baseStyle, top: "50%", right: 0, transform: "translateX(60%) rotate(-90deg)", transition: transitions.create(["right", "transform"], { easing: transitions.easing.sharp, duration: transitions.duration.shorter }), ...buttonVisible && { transform: "translateX(33%) rotate(-90deg)", transition: transitions.create(["right", "transform"], { easing: transitions.easing.sharp, duration: transitions.duration.enteringScreen }) }, ...openPandora && { right: uiConfig.pandoraDrawerWidth, transform: "translateX(33%) rotate(-90deg)", transition: transitions.create(["right", "transform"], { easing: transitions.easing.sharp, duration: transitions.duration.enteringScreen }) } }; case "bottom": return { ...baseStyle, left: "50%", bottom: 0, transition: transitions.create(["bottom"], { easing: transitions.easing.sharp, duration: transitions.duration.shorter }), ...openPandora && { left: uiConfig.pandoraDrawerWidth, transition: transitions.create(["bottom"], { easing: transitions.easing.sharp, duration: transitions.duration.enteringScreen }) } }; case "left": return { ...baseStyle, top: "50%", left: 0, transition: transitions.create(["left"], { easing: transitions.easing.sharp, duration: transitions.duration.shorter }), ...openPandora && { left: uiConfig.pandoraDrawerWidth, transition: transitions.create(["left"], { easing: transitions.easing.sharp, duration: transitions.duration.enteringScreen }) } }; default: return { ...baseStyle, top: "50%", right: 0, transition: transitions.create(["right"], { easing: transitions.easing.sharp, duration: transitions.duration.shorter }), ...openPandora && { right: uiConfig.pandoraDrawerWidth, transition: transitions.create(["right"], { easing: transitions.easing.sharp, duration: transitions.duration.enteringScreen }) } }; } } ); function PandoraButton({ openPandora = false, pandoraButtonPosition = "right", ...restProps }) { const visibleTimeout = React.useRef(); const [visible, setVisible] = React.useState(false); const handleMouseEnter = () => { clearTimeout(visibleTimeout.current); setVisible(true); }; const handleMouseLeave = () => { visibleTimeout.current = setTimeout(() => setVisible(false), 1500); }; return /* @__PURE__ */ jsxRuntimeExports.jsx( StyledPandoraButton, { variant: "contained", color: "primary", openPandora, buttonPosition: pandoraButtonPosition, buttonVisible: visible, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...restProps, children: openPandora ? "关闭助手" : "打开助手" } ); } var objectProto$e = Object.prototype; var hasOwnProperty$b = objectProto$e.hasOwnProperty; function baseHas$1(object, key) { return object != null && hasOwnProperty$b.call(object, key); } var _baseHas = baseHas$1; var isArray$8 = Array.isArray; var isArray_1 = isArray$8; var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal; var _freeGlobal = freeGlobal$1; var freeGlobal = _freeGlobal; var freeSelf = typeof self == "object" && self && self.Object === Object && self; var root$8 = freeGlobal || freeSelf || Function("return this")(); var _root = root$8; var root$7 = _root; var Symbol$5 = root$7.Symbol; var _Symbol = Symbol$5; var Symbol$4 = _Symbol; var objectProto$d = Object.prototype; var hasOwnProperty$a = objectProto$d.hasOwnProperty; var nativeObjectToString$1 = objectProto$d.toString; var symToStringTag$1 = Symbol$4 ? Symbol$4.toStringTag : void 0; function getRawTag$1(value) { var isOwn = hasOwnProperty$a.call(value, symToStringTag$1), tag = value[symToStringTag$1]; try { value[symToStringTag$1] = void 0; var unmasked = true; } catch (e2) { } var result = nativeObjectToString$1.call(value); if (unmasked) { if (isOwn) { value[symToStringTag$1] = tag; } else { delete value[symToStringTag$1]; } } return result; } var _getRawTag = getRawTag$1; var objectProto$c = Object.prototype; var nativeObjectToString = objectProto$c.toString; function objectToString$1(value) { return nativeObjectToString.call(value); } var _objectToString = objectToString$1; var Symbol$3 = _Symbol, getRawTag = _getRawTag, objectToString = _objectToString; var nullTag = "[object Null]", undefinedTag = "[object Undefined]"; var symToStringTag = Symbol$3 ? Symbol$3.toStringTag : void 0; function baseGetTag$6(value) { if (value == null) { return value === void 0 ? undefinedTag : nullTag; } return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value); } var _baseGetTag = baseGetTag$6; function isObjectLike$8(value) { return value != null && typeof value == "object"; } var isObjectLike_1 = isObjectLike$8; var baseGetTag$5 = _baseGetTag, isObjectLike$7 = isObjectLike_1; var symbolTag$2 = "[object Symbol]"; function isSymbol$3(value) { return typeof value == "symbol" || isObjectLike$7(value) && baseGetTag$5(value) == symbolTag$2; } var isSymbol_1 = isSymbol$3; var isArray$7 = isArray_1, isSymbol$2 = isSymbol_1; var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/; function isKey$1(value, object) { if (isArray$7(value)) { return false; } var type = typeof value; if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol$2(value)) { return true; } return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object); } var _isKey = isKey$1; function isObject$8(value) { var type = typeof value; return value != null && (type == "object" || type == "function"); } var isObject_1 = isObject$8; var baseGetTag$4 = _baseGetTag, isObject$7 = isObject_1; var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]"; function isFunction$3(value) { if (!isObject$7(value)) { return false; } var tag = baseGetTag$4(value); return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag; } var isFunction_1 = isFunction$3; var root$6 = _root; var coreJsData$1 = root$6["__core-js_shared__"]; var _coreJsData = coreJsData$1; var coreJsData = _coreJsData; var maskSrcKey = function() { var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || ""); return uid ? "Symbol(src)_1." + uid : ""; }(); function isMasked$1(func) { return !!maskSrcKey && maskSrcKey in func; } var _isMasked = isMasked$1; var funcProto$2 = Function.prototype; var funcToString$2 = funcProto$2.toString; function toSource$2(func) { if (func != null) { try { return funcToString$2.call(func); } catch (e2) { } try { return func + ""; } catch (e2) { } } return ""; } var _toSource = toSource$2; var isFunction$2 = isFunction_1, isMasked = _isMasked, isObject$6 = isObject_1, toSource$1 = _toSource; var reRegExpChar = /[\\^$.*+?()[\]{}|]/g; var reIsHostCtor = /^\[object .+?Constructor\]$/; var funcProto$1 = Function.prototype, objectProto$b = Object.prototype; var funcToString$1 = funcProto$1.toString; var hasOwnProperty$9 = objectProto$b.hasOwnProperty; var reIsNative = RegExp( "^" + funcToString$1.call(hasOwnProperty$9).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$" ); function baseIsNative$1(value) { if (!isObject$6(value) || isMasked(value)) { return false; } var pattern = isFunction$2(value) ? reIsNative : reIsHostCtor; return pattern.test(toSource$1(value)); } var _baseIsNative = baseIsNative$1; function getValue$1(object, key) { return object == null ? void 0 : object[key]; } var _getValue = getValue$1; var baseIsNative = _baseIsNative, getValue = _getValue; function getNative$7(object, key) { var value = getValue(object, key); return baseIsNative(value) ? value : void 0; } var _getNative = getNative$7; var getNative$6 = _getNative; var nativeCreate$4 = getNative$6(Object, "create"); var _nativeCreate = nativeCreate$4; var nativeCreate$3 = _nativeCreate; function hashClear$1() { this.__data__ = nativeCreate$3 ? nativeCreate$3(null) : {}; this.size = 0; } var _hashClear = hashClear$1; function hashDelete$1(key) { var result = this.has(key) && delete this.__data__[key]; this.size -= result ? 1 : 0; return result; } var _hashDelete = hashDelete$1; var nativeCreate$2 = _nativeCreate; var HASH_UNDEFINED$1 = "__lodash_hash_undefined__"; var objectProto$a = Object.prototype; var hasOwnProperty$8 = objectProto$a.hasOwnProperty; function hashGet$1(key) { var data = this.__data__; if (nativeCreate$2) { var result = data[key]; return result === HASH_UNDEFINED$1 ? void 0 : result; } return hasOwnProperty$8.call(data, key) ? data[key] : void 0; } var _hashGet = hashGet$1; var nativeCreate$1 = _nativeCreate; var objectProto$9 = Object.prototype; var hasOwnProperty$7 = objectProto$9.hasOwnProperty; function hashHas$1(key) { var data = this.__data__; return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$7.call(data, key); } var _hashHas = hashHas$1; var nativeCreate = _nativeCreate; var HASH_UNDEFINED = "__lodash_hash_undefined__"; function hashSet$1(key, value) { var data = this.__data__; this.size += this.has(key) ? 0 : 1; data[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value; return this; } var _hashSet = hashSet$1; var hashClear = _hashClear, hashDelete = _hashDelete, hashGet = _hashGet, hashHas = _hashHas, hashSet = _hashSet; function Hash$1(entries) { var index = -1, length2 = entries == null ? 0 : entries.length; this.clear(); while (++index < length2) { var entry = entries[index]; this.set(entry[0], entry[1]); } } Hash$1.prototype.clear = hashClear; Hash$1.prototype["delete"] = hashDelete; Hash$1.prototype.get = hashGet; Hash$1.prototype.has = hashHas; Hash$1.prototype.set = hashSet; var _Hash = Hash$1; function listCacheClear$1() { this.__data__ = []; this.size = 0; } var _listCacheClear = listCacheClear$1; function eq$4(value, other) { return value === other || value !== value && other !== other; } var eq_1 = eq$4; var eq$3 = eq_1; function assocIndexOf$4(array, key) { var length2 = array.length; while (length2--) { if (eq$3(array[length2][0], key)) { return length2; } } return -1; } var _assocIndexOf = assocIndexOf$4; var assocIndexOf$3 = _assocIndexOf; var arrayProto = Array.prototype; var splice = arrayProto.splice; function listCacheDelete$1(key) { var data = this.__data__, index = assocIndexOf$3(data, key); if (index < 0) { return false; } var lastIndex = data.length - 1; if (index == lastIndex) { data.pop(); } else { splice.call(data, index, 1); } --this.size; return true; } var _listCacheDelete = listCacheDelete$1; var assocIndexOf$2 = _assocIndexOf; function listCacheGet$1(key) { var data = this.__data__, index = assocIndexOf$2(data, key); return index < 0 ? void 0 : data[index][1]; } var _listCacheGet = listCacheGet$1; var assocIndexOf$1 = _assocIndexOf; function listCacheHas$1(key) { return assocIndexOf$1(this.__data__, key) > -1; } var _listCacheHas = listCacheHas$1; var assocIndexOf = _assocIndexOf; function listCacheSet$1(key, value) { var data = this.__data__, index = assocIndexOf(data, key); if (index < 0) { ++this.size; data.push([key, value]); } else { data[index][1] = value; } return this; } var _listCacheSet = listCacheSet$1; var listCacheClear = _listCacheClear, listCacheDelete = _listCacheDelete, listCacheGet = _listCacheGet, listCacheHas = _listCacheHas, listCacheSet = _listCacheSet; function ListCache$4(entries) { var index = -1, length2 = entries == null ? 0 : entries.length; this.clear(); while (++index < length2) { var entry = entries[index]; this.set(entry[0], entry[1]); } } ListCache$4.prototype.clear = listCacheClear; ListCache$4.prototype["delete"] = listCacheDelete; ListCache$4.prototype.get = listCacheGet; ListCache$4.prototype.has = listCacheHas; ListCache$4.prototype.set = listCacheSet; var _ListCache = ListCache$4; var getNative$5 = _getNative, root$5 = _root; var Map$3 = getNative$5(root$5, "Map"); var _Map = Map$3; var Hash = _Hash, ListCache$3 = _ListCache, Map$2 = _Map; function mapCacheClear$1() { this.size = 0; this.__data__ = { "hash": new Hash(), "map": new (Map$2 || ListCache$3)(), "string": new Hash() }; } var _mapCacheClear = mapCacheClear$1; function isKeyable$1(value) { var type = typeof value; return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null; } var _isKeyable = isKeyable$1; var isKeyable = _isKeyable; function getMapData$4(map, key) { var data = map.__data__; return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map; } var _getMapData = getMapData$4; var getMapData$3 = _getMapData; function mapCacheDelete$1(key) { var result = getMapData$3(this, key)["delete"](key); this.size -= result ? 1 : 0; return result; } var _mapCacheDelete = mapCacheDelete$1; var getMapData$2 = _getMapData; function mapCacheGet$1(key) { return getMapData$2(this, key).get(key); } var _mapCacheGet = mapCacheGet$1; var getMapData$1 = _getMapData; function mapCacheHas$1(key) { return getMapData$1(this, key).has(key); } var _mapCacheHas = mapCacheHas$1; var getMapData = _getMapData; function mapCacheSet$1(key, value) { var data = getMapData(this, key), size = data.size; data.set(key, value); this.size += data.size == size ? 0 : 1; return this; } var _mapCacheSet = mapCacheSet$1; var mapCacheClear = _mapCacheClear, mapCacheDelete = _mapCacheDelete, mapCacheGet = _mapCacheGet, mapCacheHas = _mapCacheHas, mapCacheSet = _mapCacheSet; function MapCache$2(entries) { var index = -1, length2 = entries == null ? 0 : entries.length; this.clear(); while (++index < length2) { var entry = entries[index]; this.set(entry[0], entry[1]); } } MapCache$2.prototype.clear = mapCacheClear; MapCache$2.prototype["delete"] = mapCacheDelete; MapCache$2.prototype.get = mapCacheGet; MapCache$2.prototype.has = mapCacheHas; MapCache$2.prototype.set = mapCacheSet; var _MapCache = MapCache$2; var MapCache$1 = _MapCache; var FUNC_ERROR_TEXT = "Expected a function"; function memoize$1(func, resolver) { if (typeof func != "function" || resolver != null && typeof resolver != "function") { throw new TypeError(FUNC_ERROR_TEXT); } var memoized = function() { var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache2 = memoized.cache; if (cache2.has(key)) { return cache2.get(key); } var result = func.apply(this, args); memoized.cache = cache2.set(key, result) || cache2; return result; }; memoized.cache = new (memoize$1.Cache || MapCache$1)(); return memoized; } memoize$1.Cache = MapCache$1; var memoize_1 = memoize$1; var memoize = memoize_1; var MAX_MEMOIZE_SIZE = 500; function memoizeCapped$1(func) { var result = memoize(func, function(key) { if (cache2.size === MAX_MEMOIZE_SIZE) { cache2.clear(); } return key; }); var cache2 = result.cache; return result; } var _memoizeCapped = memoizeCapped$1; var memoizeCapped = _memoizeCapped; var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; var reEscapeChar = /\\(\\)?/g; var stringToPath$1 = memoizeCapped(function(string) { var result = []; if (string.charCodeAt(0) === 46) { result.push(""); } string.replace(rePropName, function(match2, number, quote, subString) { result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match2); }); return result; }); var _stringToPath = stringToPath$1; function arrayMap$1(array, iteratee) { var index = -1, length2 = array == null ? 0 : array.length, result = Array(length2); while (++index < length2) { result[index] = iteratee(array[index], index, array); } return result; } var _arrayMap = arrayMap$1; var Symbol$2 = _Symbol, arrayMap = _arrayMap, isArray$6 = isArray_1, isSymbol$1 = isSymbol_1; var INFINITY$1 = 1 / 0; var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0; function baseToString$1(value) { if (typeof value == "string") { return value; } if (isArray$6(value)) { return arrayMap(value, baseToString$1) + ""; } if (isSymbol$1(value)) { return symbolToString ? symbolToString.call(value) : ""; } var result = value + ""; return result == "0" && 1 / value == -INFINITY$1 ? "-0" : result; } var _baseToString = baseToString$1; var baseToString = _baseToString; function toString$1(value) { return value == null ? "" : baseToString(value); } var toString_1 = toString$1; var isArray$5 = isArray_1, isKey = _isKey, stringToPath = _stringToPath, toString = toString_1; function castPath$1(value, object) { if (isArray$5(value)) { return value; } return isKey(value, object) ? [value] : stringToPath(toString(value)); } var _castPath = castPath$1; var baseGetTag$3 = _baseGetTag, isObjectLike$6 = isObjectLike_1; var argsTag$2 = "[object Arguments]"; function baseIsArguments$1(value) { return isObjectLike$6(value) && baseGetTag$3(value) == argsTag$2; } var _baseIsArguments = baseIsArguments$1; var baseIsArguments = _baseIsArguments, isObjectLike$5 = isObjectLike_1; var objectProto$8 = Object.prototype; var hasOwnProperty$6 = objectProto$8.hasOwnProperty; var propertyIsEnumerable$1 = objectProto$8.propertyIsEnumerable; var isArguments$3 = baseIsArguments(/* @__PURE__ */ function() { return arguments; }()) ? baseIsArguments : function(value) { return isObjectLike$5(value) && hasOwnProperty$6.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee"); }; var isArguments_1 = isArguments$3; var MAX_SAFE_INTEGER$1 = 9007199254740991; var reIsUint = /^(?:0|[1-9]\d*)$/; function isIndex$3(value, length2) { var type = typeof value; length2 = length2 == null ? MAX_SAFE_INTEGER$1 : length2; return !!length2 && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length2); } var _isIndex = isIndex$3; var MAX_SAFE_INTEGER = 9007199254740991; function isLength$3(value) { return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER; } var isLength_1 = isLength$3; var isSymbol = isSymbol_1; var INFINITY = 1 / 0; function toKey$1(value) { if (typeof value == "string" || isSymbol(value)) { return value; } var result = value + ""; return result == "0" && 1 / value == -INFINITY ? "-0" : result; } var _toKey = toKey$1; var castPath = _castPath, isArguments$2 = isArguments_1, isArray$4 = isArray_1, isIndex$2 = _isIndex, isLength$2 = isLength_1, toKey = _toKey; function hasPath$1(object, path, hasFunc) { path = castPath(path, object); var index = -1, length2 = path.length, result = false; while (++index < length2) { var key = toKey(path[index]); if (!(result = object != null && hasFunc(object, key))) { break; } object = object[key]; } if (result || ++index != length2) { return result; } length2 = object == null ? 0 : object.length; return !!length2 && isLength$2(length2) && isIndex$2(key, length2) && (isArray$4(object) || isArguments$2(object)); } var _hasPath = hasPath$1; var baseHas = _baseHas, hasPath = _hasPath; function has(object, path) { return object != null && hasPath(object, path, baseHas); } var has_1 = has; const lodashHas = /* @__PURE__ */ getDefaultExportFromCjs(has_1); const ButtonRoot = styled(Button$2, { shouldForwardProp: (fieldName) => filterForwardProps(fieldName, ["ownerState"]) })(({ ownerState, theme }) => { const { palette: palette2, functions, borders: borders2, boxShadows: boxShadows2 } = theme; const { variant, size, circular, iconOnly } = ownerState; const color2 = ownerState.color || "primary"; const darkMode = theme.palette.mode; const { white, text, transparent, gradients, grey: grey2 } = palette2; const { boxShadow: boxShadow2, linearGradient: linearGradient2, pxToRem: pxToRem2, rgba: rgba2 } = functions; const { borderRadius: borderRadius2 } = borders2; const { colored } = boxShadows2; const containedStyles = () => { const backgroundValue = palette2[color2] ? palette2[color2].main : white.main; const focusedBackgroundValue = palette2[color2] ? palette2[color2].focus : white.focus; const boxShadowValue = lodashHas(colored, color2) ? `${boxShadow2([0, 3], [3, 0], palette2[color2].main, 0.15)}, ${boxShadow2( [0, 3], [1, -2], palette2[color2].main, 0.2 )}, ${boxShadow2([0, 1], [5, 0], palette2[color2].main, 0.15)}` : "none"; const hoveredBoxShadowValue = lodashHas(colored, color2) ? `${boxShadow2([0, 14], [26, -12], palette2[color2].main, 0.4)}, ${boxShadow2( [0, 4], [23, 0], palette2[color2].main, 0.15 )}, ${boxShadow2([0, 8], [10, -5], palette2[color2].main, 0.2)}` : "none"; let colorValue = white.main; if (!darkMode && (color2 === "white" || color2 === "light" || !palette2[color2])) { colorValue = text.main; } else if (darkMode && (color2 === "white" || color2 === "light" || !palette2[color2])) { colorValue = grey2["600"]; } let focusedColorValue = white.main; if (color2 === "white") { focusedColorValue = text.main; } else if (color2 === "primary" || color2 === "error" || color2 === "dark") { focusedColorValue = white.main; } return { background: backgroundValue, color: colorValue, boxShadow: boxShadowValue, "&:hover": { backgroundColor: backgroundValue, color: colorValue, boxShadow: hoveredBoxShadowValue }, "&:focus:not(:hover)": { backgroundColor: focusedBackgroundValue, color: colorValue, boxShadow: palette2[color2] ? boxShadow2([0, 0], [0, 3.2], palette2[color2].main, 0.5) : boxShadow2([0, 0], [0, 3.2], white.main, 0.5) }, "&:disabled": { backgroundColor: backgroundValue, color: focusedColorValue } }; }; const outlinedStyles = () => { const backgroundValue = color2 === "white" ? rgba2(white.main, 0.1) : transparent.main; const colorValue = palette2[color2] ? palette2[color2].main : white.main; const boxShadowValue = palette2[color2] ? boxShadow2([0, 0], [0, 3.2], palette2[color2].main, 0.5) : boxShadow2([0, 0], [0, 3.2], white.main, 0.5); let borderColorValue = palette2[color2] ? palette2[color2].main : rgba2(white.main, 0.75); if (color2 === "white") { borderColorValue = rgba2(white.main, 0.75); } return { background: backgroundValue, color: colorValue, border: `${pxToRem2(1)} solid ${borderColorValue}`, "&:hover": { background: transparent.main, color: colorValue, borderColor: colorValue, opacity: 0.85 }, "&:focus:not(:hover)": { background: transparent.main, color: colorValue, boxShadow: boxShadowValue }, "&:active:not(:hover)": { backgroundColor: colorValue, color: white.main, opacity: 0.85 }, "&:disabled": { color: colorValue, borderColor: colorValue } }; }; const gradientStyles = () => { const backgroundValue = color2 === "white" || !gradients[color2] ? white.main : linearGradient2(gradients[color2].main, gradients[color2].state); const boxShadowValue = lodashHas(colored, color2) ? `${boxShadow2([0, 3], [3, 0], palette2[color2].main, 0.15)}, ${boxShadow2( [0, 3], [1, -2], palette2[color2].main, 0.2 )}, ${boxShadow2([0, 1], [5, 0], palette2[color2].main, 0.15)}` : "none"; const hoveredBoxShadowValue = lodashHas(colored, color2) ? `${boxShadow2([0, 14], [26, -12], palette2[color2].main, 0.4)}, ${boxShadow2( [0, 4], [23, 0], palette2[color2].main, 0.15 )}, ${boxShadow2([0, 8], [10, -5], palette2[color2].main, 0.2)}` : "none"; let colorValue = white.main; if (color2 === "white") { colorValue = text.main; } else if (color2 === "light") { colorValue = gradients.dark.state; } return { background: backgroundValue, color: colorValue, boxShadow: boxShadowValue, "&:hover": { boxShadow: hoveredBoxShadowValue, color: colorValue }, "&:focus:not(:hover)": { boxShadow: boxShadowValue, color: colorValue }, "&:disabled": { background: backgroundValue, color: colorValue } }; }; const textStyles = () => { const colorValue = palette2[color2] ? palette2[color2].main : white.main; const focusedColorValue = palette2[color2] ? palette2[color2].focus : white.focus; return { color: colorValue, "&:hover": { color: focusedColorValue }, "&:focus:not(:hover)": { color: focusedColorValue } }; }; const circularStyles = () => ({ borderRadius: borderRadius2.section }); const iconOnlyStyles = () => { let sizeValue = pxToRem2(38); if (size === "small") { sizeValue = pxToRem2(25.4); } else if (size === "large") { sizeValue = pxToRem2(52); } let paddingValue = `${pxToRem2(11)} ${pxToRem2(11)} ${pxToRem2(10)}`; if (size === "small") { paddingValue = pxToRem2(4.5); } else if (size === "large") { paddingValue = pxToRem2(16); } return { width: sizeValue, minWidth: sizeValue, height: sizeValue, minHeight: sizeValue, padding: paddingValue, "& .material-icons": { marginTop: 0 }, "&:hover, &:focus, &:active": { transform: "none" } }; }; return { ...variant === "contained" && containedStyles(), ...variant === "outlined" && outlinedStyles(), ...variant === "gradient" && gradientStyles(), ...variant === "text" && textStyles(), ...circular && circularStyles(), ...iconOnly && iconOnlyStyles() }; }); function Button({ color: color2 = "white", variant = "contained", size = "medium", circular = false, iconOnly = false, children, ...restProps }) { return /* @__PURE__ */ jsxRuntimeExports.jsx( ButtonRoot, { ...restProps, color: "primary", variant: variant === "gradient" ? "contained" : variant, size, ownerState: { color: color2, variant, size, circular, iconOnly }, children } ); } function getLinearProgressUtilityClass(slot) { return generateUtilityClass$1("MuiLinearProgress", slot); } const linearProgressClasses = generateUtilityClasses$1("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]); const linearProgressClasses$1 = linearProgressClasses; const _excluded$f = ["className", "color", "value", "valueBuffer", "variant"]; let _$1 = (t2) => t2, _t$1, _t2$1, _t3$1, _t4$1, _t5, _t6; const TRANSITION_DURATION = 4; const indeterminate1Keyframe = keyframes(_t$1 || (_t$1 = _$1` 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } `)); const indeterminate2Keyframe = keyframes(_t2$1 || (_t2$1 = _$1` 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } `)); const bufferKeyframe = keyframes(_t3$1 || (_t3$1 = _$1` 0% { opacity: 1; background-position: 0 -23px; } 60% { opacity: 0; background-position: 0 -23px; } 100% { opacity: 1; background-position: -200px -23px; } `)); const useUtilityClasses$c = (ownerState) => { const { classes, variant, color: color2 } = ownerState; const slots = { root: ["root", `color${capitalize$1(color2)}`, variant], dashed: ["dashed", `dashedColor${capitalize$1(color2)}`], bar1: ["bar", `barColor${capitalize$1(color2)}`, (variant === "indeterminate" || variant === "query") && "bar1Indeterminate", variant === "determinate" && "bar1Determinate", variant === "buffer" && "bar1Buffer"], bar2: ["bar", variant !== "buffer" && `barColor${capitalize$1(color2)}`, variant === "buffer" && `color${capitalize$1(color2)}`, (variant === "indeterminate" || variant === "query") && "bar2Indeterminate", variant === "buffer" && "bar2Buffer"] }; return composeClasses$1(slots, getLinearProgressUtilityClass, classes); }; const getColorShade = (theme, color2) => { if (color2 === "inherit") { return "currentColor"; } if (theme.vars) { return theme.vars.palette.LinearProgress[`${color2}Bg`]; } return theme.palette.mode === "light" ? lighten_1(theme.palette[color2].main, 0.62) : darken_1(theme.palette[color2].main, 0.5); }; const LinearProgressRoot$1 = styled("span", { name: "MuiLinearProgress", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, styles2[`color${capitalize$1(ownerState.color)}`], styles2[ownerState.variant]]; } })(({ ownerState, theme }) => _extends$1({ position: "relative", overflow: "hidden", display: "block", height: 4, zIndex: 0, // Fix Safari's bug during composition of different paint. "@media print": { colorAdjust: "exact" }, backgroundColor: getColorShade(theme, ownerState.color) }, ownerState.color === "inherit" && ownerState.variant !== "buffer" && { backgroundColor: "none", "&::before": { content: '""', position: "absolute", left: 0, top: 0, right: 0, bottom: 0, backgroundColor: "currentColor", opacity: 0.3 } }, ownerState.variant === "buffer" && { backgroundColor: "transparent" }, ownerState.variant === "query" && { transform: "rotate(180deg)" })); const LinearProgressDashed = styled("span", { name: "MuiLinearProgress", slot: "Dashed", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.dashed, styles2[`dashedColor${capitalize$1(ownerState.color)}`]]; } })(({ ownerState, theme }) => { const backgroundColor2 = getColorShade(theme, ownerState.color); return _extends$1({ position: "absolute", marginTop: 0, height: "100%", width: "100%" }, ownerState.color === "inherit" && { opacity: 0.3 }, { backgroundImage: `radial-gradient(${backgroundColor2} 0%, ${backgroundColor2} 16%, transparent 42%)`, backgroundSize: "10px 10px", backgroundPosition: "0 -23px" }); }, css(_t4$1 || (_t4$1 = _$1` animation: ${0} 3s infinite linear; `), bufferKeyframe)); const LinearProgressBar1 = styled("span", { name: "MuiLinearProgress", slot: "Bar1", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.bar, styles2[`barColor${capitalize$1(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar1Indeterminate, ownerState.variant === "determinate" && styles2.bar1Determinate, ownerState.variant === "buffer" && styles2.bar1Buffer]; } })(({ ownerState, theme }) => _extends$1({ width: "100%", position: "absolute", left: 0, bottom: 0, top: 0, transition: "transform 0.2s linear", transformOrigin: "left", backgroundColor: ownerState.color === "inherit" ? "currentColor" : (theme.vars || theme).palette[ownerState.color].main }, ownerState.variant === "determinate" && { transition: `transform .${TRANSITION_DURATION}s linear` }, ownerState.variant === "buffer" && { zIndex: 1, transition: `transform .${TRANSITION_DURATION}s linear` }), ({ ownerState }) => (ownerState.variant === "indeterminate" || ownerState.variant === "query") && css(_t5 || (_t5 = _$1` width: auto; animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; `), indeterminate1Keyframe)); const LinearProgressBar2 = styled("span", { name: "MuiLinearProgress", slot: "Bar2", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.bar, styles2[`barColor${capitalize$1(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar2Indeterminate, ownerState.variant === "buffer" && styles2.bar2Buffer]; } })(({ ownerState, theme }) => _extends$1({ width: "100%", position: "absolute", left: 0, bottom: 0, top: 0, transition: "transform 0.2s linear", transformOrigin: "left" }, ownerState.variant !== "buffer" && { backgroundColor: ownerState.color === "inherit" ? "currentColor" : (theme.vars || theme).palette[ownerState.color].main }, ownerState.color === "inherit" && { opacity: 0.3 }, ownerState.variant === "buffer" && { backgroundColor: getColorShade(theme, ownerState.color), transition: `transform .${TRANSITION_DURATION}s linear` }), ({ ownerState }) => (ownerState.variant === "indeterminate" || ownerState.variant === "query") && css(_t6 || (_t6 = _$1` width: auto; animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite; `), indeterminate2Keyframe)); const LinearProgress$1 = /* @__PURE__ */ React__namespace.forwardRef(function LinearProgress2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiLinearProgress" }); const { className, color: color2 = "primary", value, valueBuffer, variant = "indeterminate" } = props, other = _objectWithoutPropertiesLoose(props, _excluded$f); const ownerState = _extends$1({}, props, { color: color2, variant }); const classes = useUtilityClasses$c(ownerState); const theme = useTheme(); const rootProps = {}; const inlineStyles = { bar1: {}, bar2: {} }; if (variant === "determinate" || variant === "buffer") { if (value !== void 0) { rootProps["aria-valuenow"] = Math.round(value); rootProps["aria-valuemin"] = 0; rootProps["aria-valuemax"] = 100; let transform = value - 100; if (theme.direction === "rtl") { transform = -transform; } inlineStyles.bar1.transform = `translateX(${transform}%)`; } } if (variant === "buffer") { if (valueBuffer !== void 0) { let transform = (valueBuffer || 0) - 100; if (theme.direction === "rtl") { transform = -transform; } inlineStyles.bar2.transform = `translateX(${transform}%)`; } } return /* @__PURE__ */ jsxRuntimeExports.jsxs(LinearProgressRoot$1, _extends$1({ className: clsx(classes.root, className), ownerState, role: "progressbar" }, rootProps, { ref }, other, { children: [variant === "buffer" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressDashed, { className: classes.dashed, ownerState }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar1, { className: classes.bar1, ownerState, style: inlineStyles.bar1 }), variant === "determinate" ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar2, { className: classes.bar2, ownerState, style: inlineStyles.bar2 })] })); }); const LinearProgress$2 = LinearProgress$1; const LinearProgressRoot = styled(LinearProgress$2, { shouldForwardProp: (fieldName) => filterForwardProps(fieldName, ["ownerState"]) })(({ theme, ownerState }) => { const { palette: palette2, functions } = theme; const { color: color2, value, variant } = ownerState; const { text, gradients } = palette2; const { linearGradient: linearGradient2 } = functions; let backgroundValue; if (variant === "gradient") { backgroundValue = gradients[color2] ? linearGradient2(gradients[color2].main, gradients[color2].state) : linearGradient2(gradients.info.main, gradients.info.state); } else { backgroundValue = palette2[color2] ? palette2[color2].main : palette2.info.main; } return { [`& .${linearProgressClasses$1.bar}`]: { background: backgroundValue, width: `${value}%`, color: text.main } }; }); function getTypographyUtilityClass(slot) { return generateUtilityClass$1("MuiTypography", slot); } generateUtilityClasses$1("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]); const _excluded$e = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]; const useUtilityClasses$b = (ownerState) => { const { align, gutterBottom, noWrap, paragraph, variant, classes } = ownerState; const slots = { root: ["root", variant, ownerState.align !== "inherit" && `align${capitalize$1(align)}`, gutterBottom && "gutterBottom", noWrap && "noWrap", paragraph && "paragraph"] }; return composeClasses$1(slots, getTypographyUtilityClass, classes); }; const TypographyRoot$1 = styled("span", { name: "MuiTypography", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, ownerState.variant && styles2[ownerState.variant], ownerState.align !== "inherit" && styles2[`align${capitalize$1(ownerState.align)}`], ownerState.noWrap && styles2.noWrap, ownerState.gutterBottom && styles2.gutterBottom, ownerState.paragraph && styles2.paragraph]; } })(({ theme, ownerState }) => _extends$1({ margin: 0 }, ownerState.variant === "inherit" && { // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this. font: "inherit" }, ownerState.variant !== "inherit" && theme.typography[ownerState.variant], ownerState.align !== "inherit" && { textAlign: ownerState.align }, ownerState.noWrap && { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, ownerState.gutterBottom && { marginBottom: "0.35em" }, ownerState.paragraph && { marginBottom: 16 })); const defaultVariantMapping = { h1: "h1", h2: "h2", h3: "h3", h4: "h4", h5: "h5", h6: "h6", subtitle1: "h6", subtitle2: "h6", body1: "p", body2: "p", inherit: "p" }; const colorTransformations = { primary: "primary.main", textPrimary: "text.primary", secondary: "secondary.main", textSecondary: "text.secondary", error: "error.main" }; const transformDeprecatedColors = (color2) => { return colorTransformations[color2] || color2; }; const Typography$1 = /* @__PURE__ */ React__namespace.forwardRef(function Typography2(inProps, ref) { const themeProps = useThemeProps({ props: inProps, name: "MuiTypography" }); const color2 = transformDeprecatedColors(themeProps.color); const props = extendSxProp(_extends$1({}, themeProps, { color: color2 })); const { align = "inherit", className, component, gutterBottom = false, noWrap = false, paragraph = false, variant = "body1", variantMapping = defaultVariantMapping } = props, other = _objectWithoutPropertiesLoose(props, _excluded$e); const ownerState = _extends$1({}, props, { align, color: color2, className, component, gutterBottom, noWrap, paragraph, variant, variantMapping }); const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span"; const classes = useUtilityClasses$b(ownerState); return /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyRoot$1, _extends$1({ as: Component, ref, ownerState, className: clsx(classes.root, className) }, other)); }); const Typography$2 = Typography$1; const TypographyRoot = styled(Typography$2, { shouldForwardProp: (fieldName) => filterForwardProps(fieldName, ["ownerState"]) })(({ theme, ownerState }) => { const { palette: palette2, typography: typography2, functions } = theme; const isLight = palette2.mode === "light"; const { color: color2, textTransform, verticalAlign, fontWeight, opacity, textGradient } = ownerState; const { gradients, transparent, white } = palette2; const { fontWeightLight, fontWeightRegular, fontWeightMedium, fontWeightBold } = typography2; const { linearGradient: linearGradient2 } = functions; const fontWeights = { light: fontWeightLight, regular: fontWeightRegular, medium: fontWeightMedium, bold: fontWeightBold }; const gradientStyles = () => ({ backgroundImage: color2 !== "inherit" && color2 !== "text" && color2 !== "white" && gradients[color2] ? linearGradient2(gradients[color2].main, gradients[color2].state) : linearGradient2(gradients.dark.main, gradients.dark.state), display: "inline-block", WebkitBackgroundClip: "text", WebkitTextFillColor: transparent.main, position: "relative", zIndex: 1 }); let colorValue = color2 === "inherit" || !palette2[color2] ? "inherit" : palette2[color2].main; if (!isLight && (color2 === "inherit" || !palette2[color2])) { colorValue = "inherit"; } else if (!isLight && color2 === "dark") colorValue = white.main; return { opacity, textTransform, verticalAlign, textDecoration: "none", color: colorValue, fontWeight: fontWeights[fontWeight] && fontWeights[fontWeight], ...textGradient && gradientStyles() }; }); function Typography({ color: color2 = "dark", fontWeight = "medium", textTransform = "none", verticalAlign = "unset", textGradient = false, opacity = 1, children, ...restProps }) { return /* @__PURE__ */ jsxRuntimeExports.jsx( TypographyRoot, { ...restProps, ownerState: { color: color2, textTransform, verticalAlign, fontWeight, opacity, textGradient }, children } ); } function LinearProgress({ variant = "contained", color: color2 = "info", value = 0, label = false, labelText = void 0, ...restProps }) { return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [ label && /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "button", fontWeight: "medium", color: "text", children: labelText || `${value}%` }), /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressRoot, { ...restProps, variant: "determinate", value, ownerState: { color: color2, value, variant } }) ] }); } function isHostComponent(element) { return typeof element === "string"; } function appendOwnerState(elementType, otherProps, ownerState) { if (elementType === void 0 || isHostComponent(elementType)) { return otherProps; } return _extends$1({}, otherProps, { ownerState: _extends$1({}, otherProps.ownerState, ownerState) }); } function extractEventHandlers(object, excludeKeys = []) { if (object === void 0) { return {}; } const result = {}; Object.keys(object).filter((prop) => prop.match(/^on[A-Z]/) && typeof object[prop] === "function" && !excludeKeys.includes(prop)).forEach((prop) => { result[prop] = object[prop]; }); return result; } function resolveComponentProps(componentProps, ownerState, slotState) { if (typeof componentProps === "function") { return componentProps(ownerState, slotState); } return componentProps; } function omitEventHandlers(object) { if (object === void 0) { return {}; } const result = {}; Object.keys(object).filter((prop) => !(prop.match(/^on[A-Z]/) && typeof object[prop] === "function")).forEach((prop) => { result[prop] = object[prop]; }); return result; } function mergeSlotProps(parameters) { const { getSlotProps, additionalProps, externalSlotProps, externalForwardedProps, className } = parameters; if (!getSlotProps) { const joinedClasses2 = clsx(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className); const mergedStyle2 = _extends$1({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style); const props2 = _extends$1({}, additionalProps, externalForwardedProps, externalSlotProps); if (joinedClasses2.length > 0) { props2.className = joinedClasses2; } if (Object.keys(mergedStyle2).length > 0) { props2.style = mergedStyle2; } return { props: props2, internalRef: void 0 }; } const eventHandlers = extractEventHandlers(_extends$1({}, externalForwardedProps, externalSlotProps)); const componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps); const otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps); const internalSlotProps = getSlotProps(eventHandlers); const joinedClasses = clsx(internalSlotProps == null ? void 0 : internalSlotProps.className, additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className); const mergedStyle = _extends$1({}, internalSlotProps == null ? void 0 : internalSlotProps.style, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style); const props = _extends$1({}, internalSlotProps, additionalProps, otherPropsWithoutEventHandlers, componentsPropsWithoutEventHandlers); if (joinedClasses.length > 0) { props.className = joinedClasses; } if (Object.keys(mergedStyle).length > 0) { props.style = mergedStyle; } return { props, internalRef: internalSlotProps.ref }; } const _excluded$d = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"]; function useSlotProps(parameters) { var _parameters$additiona; const { elementType, externalSlotProps, ownerState, skipResolvingSlotProps = false } = parameters, rest = _objectWithoutPropertiesLoose(parameters, _excluded$d); const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState); const { props: mergedProps, internalRef } = mergeSlotProps(_extends$1({}, rest, { externalSlotProps: resolvedComponentsProps })); const ref = useForkRef(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, (_parameters$additiona = parameters.additionalProps) == null ? void 0 : _parameters$additiona.ref); const props = appendOwnerState(elementType, _extends$1({}, mergedProps, { ref }), ownerState); return props; } function isOverflowing(container) { const doc = ownerDocument(container); if (doc.body === container) { return ownerWindow(container).innerWidth > doc.documentElement.clientWidth; } return container.scrollHeight > container.clientHeight; } function ariaHidden(element, show) { if (show) { element.setAttribute("aria-hidden", "true"); } else { element.removeAttribute("aria-hidden"); } } function getPaddingRight(element) { return parseInt(ownerWindow(element).getComputedStyle(element).paddingRight, 10) || 0; } function isAriaHiddenForbiddenOnElement(element) { const forbiddenTagNames = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"]; const isForbiddenTagName = forbiddenTagNames.indexOf(element.tagName) !== -1; const isInputHidden = element.tagName === "INPUT" && element.getAttribute("type") === "hidden"; return isForbiddenTagName || isInputHidden; } function ariaHiddenSiblings(container, mountElement, currentElement, elementsToExclude, show) { const blacklist = [mountElement, currentElement, ...elementsToExclude]; [].forEach.call(container.children, (element) => { const isNotExcludedElement = blacklist.indexOf(element) === -1; const isNotForbiddenElement = !isAriaHiddenForbiddenOnElement(element); if (isNotExcludedElement && isNotForbiddenElement) { ariaHidden(element, show); } }); } function findIndexOf(items, callback) { let idx = -1; items.some((item, index) => { if (callback(item)) { idx = index; return true; } return false; }); return idx; } function handleContainer(containerInfo, props) { const restoreStyle = []; const container = containerInfo.container; if (!props.disableScrollLock) { if (isOverflowing(container)) { const scrollbarSize = getScrollbarSize(ownerDocument(container)); restoreStyle.push({ value: container.style.paddingRight, property: "padding-right", el: container }); container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`; const fixedElements2 = ownerDocument(container).querySelectorAll(".mui-fixed"); [].forEach.call(fixedElements2, (element) => { restoreStyle.push({ value: element.style.paddingRight, property: "padding-right", el: element }); element.style.paddingRight = `${getPaddingRight(element) + scrollbarSize}px`; }); } let scrollContainer; if (container.parentNode instanceof DocumentFragment) { scrollContainer = ownerDocument(container).body; } else { const parent = container.parentElement; const containerWindow = ownerWindow(container); scrollContainer = (parent == null ? void 0 : parent.nodeName) === "HTML" && containerWindow.getComputedStyle(parent).overflowY === "scroll" ? parent : container; } restoreStyle.push({ value: scrollContainer.style.overflow, property: "overflow", el: scrollContainer }, { value: scrollContainer.style.overflowX, property: "overflow-x", el: scrollContainer }, { value: scrollContainer.style.overflowY, property: "overflow-y", el: scrollContainer }); scrollContainer.style.overflow = "hidden"; } const restore = () => { restoreStyle.forEach(({ value, el, property }) => { if (value) { el.style.setProperty(property, value); } else { el.style.removeProperty(property); } }); }; return restore; } function getHiddenSiblings(container) { const hiddenSiblings = []; [].forEach.call(container.children, (element) => { if (element.getAttribute("aria-hidden") === "true") { hiddenSiblings.push(element); } }); return hiddenSiblings; } class ModalManager { constructor() { this.containers = void 0; this.modals = void 0; this.modals = []; this.containers = []; } add(modal, container) { let modalIndex = this.modals.indexOf(modal); if (modalIndex !== -1) { return modalIndex; } modalIndex = this.modals.length; this.modals.push(modal); if (modal.modalRef) { ariaHidden(modal.modalRef, false); } const hiddenSiblings = getHiddenSiblings(container); ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, true); const containerIndex = findIndexOf(this.containers, (item) => item.container === container); if (containerIndex !== -1) { this.containers[containerIndex].modals.push(modal); return modalIndex; } this.containers.push({ modals: [modal], container, restore: null, hiddenSiblings }); return modalIndex; } mount(modal, props) { const containerIndex = findIndexOf(this.containers, (item) => item.modals.indexOf(modal) !== -1); const containerInfo = this.containers[containerIndex]; if (!containerInfo.restore) { containerInfo.restore = handleContainer(containerInfo, props); } } remove(modal, ariaHiddenState = true) { const modalIndex = this.modals.indexOf(modal); if (modalIndex === -1) { return modalIndex; } const containerIndex = findIndexOf(this.containers, (item) => item.modals.indexOf(modal) !== -1); const containerInfo = this.containers[containerIndex]; containerInfo.modals.splice(containerInfo.modals.indexOf(modal), 1); this.modals.splice(modalIndex, 1); if (containerInfo.modals.length === 0) { if (containerInfo.restore) { containerInfo.restore(); } if (modal.modalRef) { ariaHidden(modal.modalRef, ariaHiddenState); } ariaHiddenSiblings(containerInfo.container, modal.mount, modal.modalRef, containerInfo.hiddenSiblings, false); this.containers.splice(containerIndex, 1); } else { const nextTop = containerInfo.modals[containerInfo.modals.length - 1]; if (nextTop.modalRef) { ariaHidden(nextTop.modalRef, false); } } return modalIndex; } isTopModal(modal) { return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal; } } function getContainer$1(container) { return typeof container === "function" ? container() : container; } function getHasTransition(children) { return children ? children.props.hasOwnProperty("in") : false; } const defaultManager = new ModalManager(); function useModal(parameters) { const { container, disableEscapeKeyDown = false, disableScrollLock = false, // @ts-ignore internal logic - Base UI supports the manager as a prop too manager = defaultManager, closeAfterTransition = false, onTransitionEnter, onTransitionExited, children, onClose, open, rootRef } = parameters; const modal = React__namespace.useRef({}); const mountNodeRef = React__namespace.useRef(null); const modalRef = React__namespace.useRef(null); const handleRef = useForkRef(modalRef, rootRef); const [exited, setExited] = React__namespace.useState(!open); const hasTransition = getHasTransition(children); let ariaHiddenProp = true; if (parameters["aria-hidden"] === "false" || parameters["aria-hidden"] === false) { ariaHiddenProp = false; } const getDoc = () => ownerDocument(mountNodeRef.current); const getModal = () => { modal.current.modalRef = modalRef.current; modal.current.mount = mountNodeRef.current; return modal.current; }; const handleMounted = () => { manager.mount(getModal(), { disableScrollLock }); if (modalRef.current) { modalRef.current.scrollTop = 0; } }; const handleOpen = useEventCallback(() => { const resolvedContainer = getContainer$1(container) || getDoc().body; manager.add(getModal(), resolvedContainer); if (modalRef.current) { handleMounted(); } }); const isTopModal = React__namespace.useCallback(() => manager.isTopModal(getModal()), [manager]); const handlePortalRef = useEventCallback((node2) => { mountNodeRef.current = node2; if (!node2) { return; } if (open && isTopModal()) { handleMounted(); } else if (modalRef.current) { ariaHidden(modalRef.current, ariaHiddenProp); } }); const handleClose = React__namespace.useCallback(() => { manager.remove(getModal(), ariaHiddenProp); }, [ariaHiddenProp, manager]); React__namespace.useEffect(() => { return () => { handleClose(); }; }, [handleClose]); React__namespace.useEffect(() => { if (open) { handleOpen(); } else if (!hasTransition || !closeAfterTransition) { handleClose(); } }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]); const createHandleKeyDown = (otherHandlers) => (event) => { var _otherHandlers$onKeyD; (_otherHandlers$onKeyD = otherHandlers.onKeyDown) == null || _otherHandlers$onKeyD.call(otherHandlers, event); if (event.key !== "Escape" || event.which === 229 || // Wait until IME is settled. !isTopModal()) { return; } if (!disableEscapeKeyDown) { event.stopPropagation(); if (onClose) { onClose(event, "escapeKeyDown"); } } }; const createHandleBackdropClick = (otherHandlers) => (event) => { var _otherHandlers$onClic; (_otherHandlers$onClic = otherHandlers.onClick) == null || _otherHandlers$onClic.call(otherHandlers, event); if (event.target !== event.currentTarget) { return; } if (onClose) { onClose(event, "backdropClick"); } }; const getRootProps = (otherHandlers = {}) => { const propsEventHandlers = extractEventHandlers(parameters); delete propsEventHandlers.onTransitionEnter; delete propsEventHandlers.onTransitionExited; const externalEventHandlers = _extends$1({}, propsEventHandlers, otherHandlers); return _extends$1({ role: "presentation" }, externalEventHandlers, { onKeyDown: createHandleKeyDown(externalEventHandlers), ref: handleRef }); }; const getBackdropProps = (otherHandlers = {}) => { const externalEventHandlers = otherHandlers; return _extends$1({ "aria-hidden": true }, externalEventHandlers, { onClick: createHandleBackdropClick(externalEventHandlers), open }); }; const getTransitionProps2 = () => { const handleEnter = () => { setExited(false); if (onTransitionEnter) { onTransitionEnter(); } }; const handleExited = () => { setExited(true); if (onTransitionExited) { onTransitionExited(); } if (closeAfterTransition) { handleClose(); } }; return { onEnter: createChainedFunction(handleEnter, children == null ? void 0 : children.props.onEnter), onExited: createChainedFunction(handleExited, children == null ? void 0 : children.props.onExited) }; }; return { getRootProps, getBackdropProps, getTransitionProps: getTransitionProps2, rootRef: handleRef, portalRef: handlePortalRef, isTopModal, exited, hasTransition }; } const candidatesSelector = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(","); function getTabIndex(node2) { const tabindexAttr = parseInt(node2.getAttribute("tabindex") || "", 10); if (!Number.isNaN(tabindexAttr)) { return tabindexAttr; } if (node2.contentEditable === "true" || (node2.nodeName === "AUDIO" || node2.nodeName === "VIDEO" || node2.nodeName === "DETAILS") && node2.getAttribute("tabindex") === null) { return 0; } return node2.tabIndex; } function isNonTabbableRadio(node2) { if (node2.tagName !== "INPUT" || node2.type !== "radio") { return false; } if (!node2.name) { return false; } const getRadio = (selector) => node2.ownerDocument.querySelector(`input[type="radio"]${selector}`); let roving = getRadio(`[name="${node2.name}"]:checked`); if (!roving) { roving = getRadio(`[name="${node2.name}"]`); } return roving !== node2; } function isNodeMatchingSelectorFocusable(node2) { if (node2.disabled || node2.tagName === "INPUT" && node2.type === "hidden" || isNonTabbableRadio(node2)) { return false; } return true; } function defaultGetTabbable(root2) { const regularTabNodes = []; const orderedTabNodes = []; Array.from(root2.querySelectorAll(candidatesSelector)).forEach((node2, i) => { const nodeTabIndex = getTabIndex(node2); if (nodeTabIndex === -1 || !isNodeMatchingSelectorFocusable(node2)) { return; } if (nodeTabIndex === 0) { regularTabNodes.push(node2); } else { orderedTabNodes.push({ documentOrder: i, tabIndex: nodeTabIndex, node: node2 }); } }); return orderedTabNodes.sort((a, b2) => a.tabIndex === b2.tabIndex ? a.documentOrder - b2.documentOrder : a.tabIndex - b2.tabIndex).map((a) => a.node).concat(regularTabNodes); } function defaultIsEnabled() { return true; } function FocusTrap(props) { const { children, disableAutoFocus = false, disableEnforceFocus = false, disableRestoreFocus = false, getTabbable = defaultGetTabbable, isEnabled = defaultIsEnabled, open } = props; const ignoreNextEnforceFocus = React__namespace.useRef(false); const sentinelStart = React__namespace.useRef(null); const sentinelEnd = React__namespace.useRef(null); const nodeToRestore = React__namespace.useRef(null); const reactFocusEventTarget = React__namespace.useRef(null); const activated = React__namespace.useRef(false); const rootRef = React__namespace.useRef(null); const handleRef = useForkRef(children.ref, rootRef); const lastKeydown = React__namespace.useRef(null); React__namespace.useEffect(() => { if (!open || !rootRef.current) { return; } activated.current = !disableAutoFocus; }, [disableAutoFocus, open]); React__namespace.useEffect(() => { if (!open || !rootRef.current) { return; } const doc = ownerDocument(rootRef.current); if (!rootRef.current.contains(doc.activeElement)) { if (!rootRef.current.hasAttribute("tabIndex")) { rootRef.current.setAttribute("tabIndex", "-1"); } if (activated.current) { rootRef.current.focus(); } } return () => { if (!disableRestoreFocus) { if (nodeToRestore.current && nodeToRestore.current.focus) { ignoreNextEnforceFocus.current = true; nodeToRestore.current.focus(); } nodeToRestore.current = null; } }; }, [open]); React__namespace.useEffect(() => { if (!open || !rootRef.current) { return; } const doc = ownerDocument(rootRef.current); const loopFocus = (nativeEvent) => { lastKeydown.current = nativeEvent; if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== "Tab") { return; } if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) { ignoreNextEnforceFocus.current = true; if (sentinelEnd.current) { sentinelEnd.current.focus(); } } }; const contain = () => { const rootElement = rootRef.current; if (rootElement === null) { return; } if (!doc.hasFocus() || !isEnabled() || ignoreNextEnforceFocus.current) { ignoreNextEnforceFocus.current = false; return; } if (rootElement.contains(doc.activeElement)) { return; } if (disableEnforceFocus && doc.activeElement !== sentinelStart.current && doc.activeElement !== sentinelEnd.current) { return; } if (doc.activeElement !== reactFocusEventTarget.current) { reactFocusEventTarget.current = null; } else if (reactFocusEventTarget.current !== null) { return; } if (!activated.current) { return; } let tabbable = []; if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) { tabbable = getTabbable(rootRef.current); } if (tabbable.length > 0) { var _lastKeydown$current, _lastKeydown$current2; const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === "Tab"); const focusNext = tabbable[0]; const focusPrevious = tabbable[tabbable.length - 1]; if (typeof focusNext !== "string" && typeof focusPrevious !== "string") { if (isShiftTab) { focusPrevious.focus(); } else { focusNext.focus(); } } } else { rootElement.focus(); } }; doc.addEventListener("focusin", contain); doc.addEventListener("keydown", loopFocus, true); const interval = setInterval(() => { if (doc.activeElement && doc.activeElement.tagName === "BODY") { contain(); } }, 50); return () => { clearInterval(interval); doc.removeEventListener("focusin", contain); doc.removeEventListener("keydown", loopFocus, true); }; }, [disableAutoFocus, disableEnforceFocus, disableRestoreFocus, isEnabled, open, getTabbable]); const onFocus = (event) => { if (nodeToRestore.current === null) { nodeToRestore.current = event.relatedTarget; } activated.current = true; reactFocusEventTarget.current = event.target; const childrenPropsHandler = children.props.onFocus; if (childrenPropsHandler) { childrenPropsHandler(event); } }; const handleFocusSentinel = (event) => { if (nodeToRestore.current === null) { nodeToRestore.current = event.relatedTarget; } activated.current = true; }; return /* @__PURE__ */ jsxRuntimeExports.jsxs(React__namespace.Fragment, { children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", { tabIndex: open ? 0 : -1, onFocus: handleFocusSentinel, ref: sentinelStart, "data-testid": "sentinelStart" }), /* @__PURE__ */ React__namespace.cloneElement(children, { ref: handleRef, onFocus }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { tabIndex: open ? 0 : -1, onFocus: handleFocusSentinel, ref: sentinelEnd, "data-testid": "sentinelEnd" })] }); } function getContainer(container) { return typeof container === "function" ? container() : container; } const Portal = /* @__PURE__ */ React__namespace.forwardRef(function Portal2(props, forwardedRef) { const { children, container, disablePortal = false } = props; const [mountNode, setMountNode] = React__namespace.useState(null); const handleRef = useForkRef(/* @__PURE__ */ React__namespace.isValidElement(children) ? children.ref : null, forwardedRef); useEnhancedEffect(() => { if (!disablePortal) { setMountNode(getContainer(container) || document.body); } }, [container, disablePortal]); useEnhancedEffect(() => { if (mountNode && !disablePortal) { setRef(forwardedRef, mountNode); return () => { setRef(forwardedRef, null); }; } return void 0; }, [forwardedRef, mountNode, disablePortal]); if (disablePortal) { if (/* @__PURE__ */ React__namespace.isValidElement(children)) { const newProps = { ref: handleRef }; return /* @__PURE__ */ React__namespace.cloneElement(children, newProps); } return /* @__PURE__ */ jsxRuntimeExports.jsx(React__namespace.Fragment, { children }); } return /* @__PURE__ */ jsxRuntimeExports.jsx(React__namespace.Fragment, { children: mountNode ? /* @__PURE__ */ ReactDOM__default__namespace.createPortal(children, mountNode) : mountNode }); }); const reflow = (node2) => node2.scrollTop; function getTransitionProps(props, options) { var _style$transitionDura, _style$transitionTimi; const { timeout, easing: easing2, style: style2 = {} } = props; return { duration: (_style$transitionDura = style2.transitionDuration) != null ? _style$transitionDura : typeof timeout === "number" ? timeout : timeout[options.mode] || 0, easing: (_style$transitionTimi = style2.transitionTimingFunction) != null ? _style$transitionTimi : typeof easing2 === "object" ? easing2[options.mode] : easing2, delay: style2.transitionDelay }; } const _excluded$c = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]; const styles = { entering: { opacity: 1 }, entered: { opacity: 1 } }; const Fade = /* @__PURE__ */ React__namespace.forwardRef(function Fade2(props, ref) { const theme = useTheme(); const defaultTimeout = { enter: theme.transitions.duration.enteringScreen, exit: theme.transitions.duration.leavingScreen }; const { addEndListener, appear = true, children, easing: easing2, in: inProp, onEnter, onEntered, onEntering, onExit, onExited, onExiting, style: style2, timeout = defaultTimeout, // eslint-disable-next-line react/prop-types TransitionComponent = Transition$1 } = props, other = _objectWithoutPropertiesLoose(props, _excluded$c); const nodeRef = React__namespace.useRef(null); const handleRef = useForkRef(nodeRef, children.ref, ref); const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => { if (callback) { const node2 = nodeRef.current; if (maybeIsAppearing === void 0) { callback(node2); } else { callback(node2, maybeIsAppearing); } } }; const handleEntering = normalizedTransitionCallback(onEntering); const handleEnter = normalizedTransitionCallback((node2, isAppearing) => { reflow(node2); const transitionProps = getTransitionProps({ style: style2, timeout, easing: easing2 }, { mode: "enter" }); node2.style.webkitTransition = theme.transitions.create("opacity", transitionProps); node2.style.transition = theme.transitions.create("opacity", transitionProps); if (onEnter) { onEnter(node2, isAppearing); } }); const handleEntered = normalizedTransitionCallback(onEntered); const handleExiting = normalizedTransitionCallback(onExiting); const handleExit = normalizedTransitionCallback((node2) => { const transitionProps = getTransitionProps({ style: style2, timeout, easing: easing2 }, { mode: "exit" }); node2.style.webkitTransition = theme.transitions.create("opacity", transitionProps); node2.style.transition = theme.transitions.create("opacity", transitionProps); if (onExit) { onExit(node2); } }); const handleExited = normalizedTransitionCallback(onExited); const handleAddEndListener = (next2) => { if (addEndListener) { addEndListener(nodeRef.current, next2); } }; return /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionComponent, _extends$1({ appear, in: inProp, nodeRef, onEnter: handleEnter, onEntered: handleEntered, onEntering: handleEntering, onExit: handleExit, onExited: handleExited, onExiting: handleExiting, addEndListener: handleAddEndListener, timeout }, other, { children: (state, childProps) => { return /* @__PURE__ */ React__namespace.cloneElement(children, _extends$1({ style: _extends$1({ opacity: 0, visibility: state === "exited" && !inProp ? "hidden" : void 0 }, styles[state], style2, children.props.style), ref: handleRef }, childProps)); } })); }); const Fade$1 = Fade; function getBackdropUtilityClass(slot) { return generateUtilityClass$1("MuiBackdrop", slot); } generateUtilityClasses$1("MuiBackdrop", ["root", "invisible"]); const _excluded$b = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"]; const useUtilityClasses$a = (ownerState) => { const { classes, invisible } = ownerState; const slots = { root: ["root", invisible && "invisible"] }; return composeClasses$1(slots, getBackdropUtilityClass, classes); }; const BackdropRoot = styled("div", { name: "MuiBackdrop", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, ownerState.invisible && styles2.invisible]; } })(({ ownerState }) => _extends$1({ position: "fixed", display: "flex", alignItems: "center", justifyContent: "center", right: 0, bottom: 0, top: 0, left: 0, backgroundColor: "rgba(0, 0, 0, 0.5)", WebkitTapHighlightColor: "transparent" }, ownerState.invisible && { backgroundColor: "transparent" })); const Backdrop = /* @__PURE__ */ React__namespace.forwardRef(function Backdrop2(inProps, ref) { var _slotProps$root, _ref, _slots$root; const props = useThemeProps({ props: inProps, name: "MuiBackdrop" }); const { children, className, component = "div", components = {}, componentsProps = {}, invisible = false, open, slotProps = {}, slots = {}, TransitionComponent = Fade$1, transitionDuration } = props, other = _objectWithoutPropertiesLoose(props, _excluded$b); const ownerState = _extends$1({}, props, { component, invisible }); const classes = useUtilityClasses$a(ownerState); const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root; return /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionComponent, _extends$1({ in: open, timeout: transitionDuration }, other, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(BackdropRoot, _extends$1({ "aria-hidden": true }, rootSlotProps, { as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component, className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className), ownerState: _extends$1({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState), classes, ref, children })) })); }); const Backdrop$1 = Backdrop; function getModalUtilityClass(slot) { return generateUtilityClass$1("MuiModal", slot); } generateUtilityClasses$1("MuiModal", ["root", "hidden", "backdrop"]); const _excluded$a = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"]; const useUtilityClasses$9 = (ownerState) => { const { open, exited, classes } = ownerState; const slots = { root: ["root", !open && exited && "hidden"], backdrop: ["backdrop"] }; return composeClasses$1(slots, getModalUtilityClass, classes); }; const ModalRoot = styled("div", { name: "MuiModal", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, !ownerState.open && ownerState.exited && styles2.hidden]; } })(({ theme, ownerState }) => _extends$1({ position: "fixed", zIndex: (theme.vars || theme).zIndex.modal, right: 0, bottom: 0, top: 0, left: 0 }, !ownerState.open && ownerState.exited && { visibility: "hidden" })); const ModalBackdrop = styled(Backdrop$1, { name: "MuiModal", slot: "Backdrop", overridesResolver: (props, styles2) => { return styles2.backdrop; } })({ zIndex: -1 }); const Modal = /* @__PURE__ */ React__namespace.forwardRef(function Modal2(inProps, ref) { var _ref, _slots$root, _ref2, _slots$backdrop, _slotProps$root, _slotProps$backdrop; const props = useThemeProps({ name: "MuiModal", props: inProps }); const { BackdropComponent = ModalBackdrop, BackdropProps, className, closeAfterTransition = false, children, container, component, components = {}, componentsProps = {}, disableAutoFocus = false, disableEnforceFocus = false, disableEscapeKeyDown = false, disablePortal = false, disableRestoreFocus = false, disableScrollLock = false, hideBackdrop = false, keepMounted = false, onBackdropClick, open, slotProps, slots // eslint-disable-next-line react/prop-types } = props, other = _objectWithoutPropertiesLoose(props, _excluded$a); const propsWithDefaults = _extends$1({}, props, { closeAfterTransition, disableAutoFocus, disableEnforceFocus, disableEscapeKeyDown, disablePortal, disableRestoreFocus, disableScrollLock, hideBackdrop, keepMounted }); const { getRootProps, getBackdropProps, getTransitionProps: getTransitionProps2, portalRef, isTopModal, exited, hasTransition } = useModal(_extends$1({}, propsWithDefaults, { rootRef: ref })); const ownerState = _extends$1({}, propsWithDefaults, { exited }); const classes = useUtilityClasses$9(ownerState); const childProps = {}; if (children.props.tabIndex === void 0) { childProps.tabIndex = "-1"; } if (hasTransition) { const { onEnter, onExited } = getTransitionProps2(); childProps.onEnter = onEnter; childProps.onExited = onExited; } const RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : ModalRoot; const BackdropSlot = (_ref2 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref2 : BackdropComponent; const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root; const backdropSlotProps = (_slotProps$backdrop = slotProps == null ? void 0 : slotProps.backdrop) != null ? _slotProps$backdrop : componentsProps.backdrop; const rootProps = useSlotProps({ elementType: RootSlot, externalSlotProps: rootSlotProps, externalForwardedProps: other, getSlotProps: getRootProps, additionalProps: { ref, as: component }, ownerState, className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden)) }); const backdropProps = useSlotProps({ elementType: BackdropSlot, externalSlotProps: backdropSlotProps, additionalProps: BackdropProps, getSlotProps: (otherHandlers) => { return getBackdropProps(_extends$1({}, otherHandlers, { onClick: (e2) => { if (onBackdropClick) { onBackdropClick(e2); } if (otherHandlers != null && otherHandlers.onClick) { otherHandlers.onClick(e2); } } })); }, className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop), ownerState }); if (!keepMounted && !open && (!hasTransition || exited)) { return null; } return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { ref: portalRef, container, disablePortal, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(RootSlot, _extends$1({}, rootProps, { children: [!hideBackdrop && BackdropComponent ? /* @__PURE__ */ jsxRuntimeExports.jsx(BackdropSlot, _extends$1({}, backdropProps)) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(FocusTrap, { disableEnforceFocus, disableAutoFocus, disableRestoreFocus, isEnabled: isTopModal, open, children: /* @__PURE__ */ React__namespace.cloneElement(children, childProps) })] })) }); }); const Modal$1 = Modal; function getPaperUtilityClass(slot) { return generateUtilityClass$1("MuiPaper", slot); } generateUtilityClasses$1("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]); const _excluded$9 = ["className", "component", "elevation", "square", "variant"]; const useUtilityClasses$8 = (ownerState) => { const { square, elevation, variant, classes } = ownerState; const slots = { root: ["root", variant, !square && "rounded", variant === "elevation" && `elevation${elevation}`] }; return composeClasses$1(slots, getPaperUtilityClass, classes); }; const PaperRoot = styled("div", { name: "MuiPaper", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, styles2[ownerState.variant], !ownerState.square && styles2.rounded, ownerState.variant === "elevation" && styles2[`elevation${ownerState.elevation}`]]; } })(({ theme, ownerState }) => { var _theme$vars$overlays; return _extends$1({ backgroundColor: (theme.vars || theme).palette.background.paper, color: (theme.vars || theme).palette.text.primary, transition: theme.transitions.create("box-shadow") }, !ownerState.square && { borderRadius: theme.shape.borderRadius }, ownerState.variant === "outlined" && { border: `1px solid ${(theme.vars || theme).palette.divider}` }, ownerState.variant === "elevation" && _extends$1({ boxShadow: (theme.vars || theme).shadows[ownerState.elevation] }, !theme.vars && theme.palette.mode === "dark" && { backgroundImage: `linear-gradient(${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))}, ${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))})` }, theme.vars && { backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation] })); }); const Paper = /* @__PURE__ */ React__namespace.forwardRef(function Paper2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiPaper" }); const { className, component = "div", elevation = 1, square = false, variant = "elevation" } = props, other = _objectWithoutPropertiesLoose(props, _excluded$9); const ownerState = _extends$1({}, props, { component, elevation, square, variant }); const classes = useUtilityClasses$8(ownerState); return /* @__PURE__ */ jsxRuntimeExports.jsx(PaperRoot, _extends$1({ as: component, ownerState, className: clsx(classes.root, className), ref }, other)); }); const Paper$1 = Paper; function getDialogUtilityClass(slot) { return generateUtilityClass$1("MuiDialog", slot); } const dialogClasses = generateUtilityClasses$1("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]); const dialogClasses$1 = dialogClasses; const DialogContext = /* @__PURE__ */ React__namespace.createContext({}); const DialogContext$1 = DialogContext; const _excluded$8 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"]; const DialogBackdrop = styled(Backdrop$1, { name: "MuiDialog", slot: "Backdrop", overrides: (props, styles2) => styles2.backdrop })({ // Improve scrollable dialog support. zIndex: -1 }); const useUtilityClasses$7 = (ownerState) => { const { classes, scroll, maxWidth: maxWidth2, fullWidth, fullScreen } = ownerState; const slots = { root: ["root"], container: ["container", `scroll${capitalize$1(scroll)}`], paper: ["paper", `paperScroll${capitalize$1(scroll)}`, `paperWidth${capitalize$1(String(maxWidth2))}`, fullWidth && "paperFullWidth", fullScreen && "paperFullScreen"] }; return composeClasses$1(slots, getDialogUtilityClass, classes); }; const DialogRoot = styled(Modal$1, { name: "MuiDialog", slot: "Root", overridesResolver: (props, styles2) => styles2.root })({ "@media print": { // Use !important to override the Modal inline-style. position: "absolute !important" } }); const DialogContainer = styled("div", { name: "MuiDialog", slot: "Container", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.container, styles2[`scroll${capitalize$1(ownerState.scroll)}`]]; } })(({ ownerState }) => _extends$1({ height: "100%", "@media print": { height: "auto" }, // We disable the focus ring for mouse, touch and keyboard users. outline: 0 }, ownerState.scroll === "paper" && { display: "flex", justifyContent: "center", alignItems: "center" }, ownerState.scroll === "body" && { overflowY: "auto", overflowX: "hidden", textAlign: "center", "&::after": { content: '""', display: "inline-block", verticalAlign: "middle", height: "100%", width: "0" } })); const DialogPaper = styled(Paper$1, { name: "MuiDialog", slot: "Paper", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.paper, styles2[`scrollPaper${capitalize$1(ownerState.scroll)}`], styles2[`paperWidth${capitalize$1(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles2.paperFullWidth, ownerState.fullScreen && styles2.paperFullScreen]; } })(({ theme, ownerState }) => _extends$1({ margin: 32, position: "relative", overflowY: "auto", // Fix IE11 issue, to remove at some point. "@media print": { overflowY: "visible", boxShadow: "none" } }, ownerState.scroll === "paper" && { display: "flex", flexDirection: "column", maxHeight: "calc(100% - 64px)" }, ownerState.scroll === "body" && { display: "inline-block", verticalAlign: "middle", textAlign: "left" // 'initial' doesn't work on IE11 }, !ownerState.maxWidth && { maxWidth: "calc(100% - 64px)" }, ownerState.maxWidth === "xs" && { maxWidth: theme.breakpoints.unit === "px" ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`, [`&.${dialogClasses$1.paperScrollBody}`]: { [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: { maxWidth: "calc(100% - 64px)" } } }, ownerState.maxWidth && ownerState.maxWidth !== "xs" && { maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`, [`&.${dialogClasses$1.paperScrollBody}`]: { [theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth] + 32 * 2)]: { maxWidth: "calc(100% - 64px)" } } }, ownerState.fullWidth && { width: "calc(100% - 64px)" }, ownerState.fullScreen && { margin: 0, width: "100%", maxWidth: "100%", height: "100%", maxHeight: "none", borderRadius: 0, [`&.${dialogClasses$1.paperScrollBody}`]: { margin: 0, maxWidth: "100%" } })); const Dialog = /* @__PURE__ */ React__namespace.forwardRef(function Dialog2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiDialog" }); const theme = useTheme(); const defaultTransitionDuration = { enter: theme.transitions.duration.enteringScreen, exit: theme.transitions.duration.leavingScreen }; const { "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledbyProp, BackdropComponent, BackdropProps, children, className, disableEscapeKeyDown = false, fullScreen = false, fullWidth = false, maxWidth: maxWidth2 = "sm", onBackdropClick, onClose, open, PaperComponent = Paper$1, PaperProps = {}, scroll = "paper", TransitionComponent = Fade$1, transitionDuration = defaultTransitionDuration, TransitionProps } = props, other = _objectWithoutPropertiesLoose(props, _excluded$8); const ownerState = _extends$1({}, props, { disableEscapeKeyDown, fullScreen, fullWidth, maxWidth: maxWidth2, scroll }); const classes = useUtilityClasses$7(ownerState); const backdropClick = React__namespace.useRef(); const handleMouseDown = (event) => { backdropClick.current = event.target === event.currentTarget; }; const handleBackdropClick = (event) => { if (!backdropClick.current) { return; } backdropClick.current = null; if (onBackdropClick) { onBackdropClick(event); } if (onClose) { onClose(event, "backdropClick"); } }; const ariaLabelledby = useId(ariaLabelledbyProp); const dialogContextValue = React__namespace.useMemo(() => { return { titleId: ariaLabelledby }; }, [ariaLabelledby]); return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogRoot, _extends$1({ className: clsx(classes.root, className), closeAfterTransition: true, components: { Backdrop: DialogBackdrop }, componentsProps: { backdrop: _extends$1({ transitionDuration, as: BackdropComponent }, BackdropProps) }, disableEscapeKeyDown, onClose, open, ref, onClick: handleBackdropClick, ownerState }, other, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionComponent, _extends$1({ appear: true, in: open, timeout: transitionDuration, role: "presentation" }, TransitionProps, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContainer, { className: clsx(classes.container), onMouseDown: handleMouseDown, ownerState, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogPaper, _extends$1({ as: PaperComponent, elevation: 24, role: "dialog", "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby }, PaperProps, { className: clsx(classes.paper, PaperProps.className), ownerState, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContext$1.Provider, { value: dialogContextValue, children }) })) }) })) })); }); const Dialog$1 = Dialog; function getDialogActionsUtilityClass(slot) { return generateUtilityClass$1("MuiDialogActions", slot); } generateUtilityClasses$1("MuiDialogActions", ["root", "spacing"]); const _excluded$7 = ["className", "disableSpacing"]; const useUtilityClasses$6 = (ownerState) => { const { classes, disableSpacing } = ownerState; const slots = { root: ["root", !disableSpacing && "spacing"] }; return composeClasses$1(slots, getDialogActionsUtilityClass, classes); }; const DialogActionsRoot = styled("div", { name: "MuiDialogActions", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, !ownerState.disableSpacing && styles2.spacing]; } })(({ ownerState }) => _extends$1({ display: "flex", alignItems: "center", padding: 8, justifyContent: "flex-end", flex: "0 0 auto" }, !ownerState.disableSpacing && { "& > :not(style) ~ :not(style)": { marginLeft: 8 } })); const DialogActions = /* @__PURE__ */ React__namespace.forwardRef(function DialogActions2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiDialogActions" }); const { className, disableSpacing = false } = props, other = _objectWithoutPropertiesLoose(props, _excluded$7); const ownerState = _extends$1({}, props, { disableSpacing }); const classes = useUtilityClasses$6(ownerState); return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogActionsRoot, _extends$1({ className: clsx(classes.root, className), ownerState, ref }, other)); }); const DialogActions$1 = DialogActions; function getDialogContentUtilityClass(slot) { return generateUtilityClass$1("MuiDialogContent", slot); } generateUtilityClasses$1("MuiDialogContent", ["root", "dividers"]); function getDialogTitleUtilityClass(slot) { return generateUtilityClass$1("MuiDialogTitle", slot); } const dialogTitleClasses = generateUtilityClasses$1("MuiDialogTitle", ["root"]); const dialogTitleClasses$1 = dialogTitleClasses; const _excluded$6 = ["className", "dividers"]; const useUtilityClasses$5 = (ownerState) => { const { classes, dividers } = ownerState; const slots = { root: ["root", dividers && "dividers"] }; return composeClasses$1(slots, getDialogContentUtilityClass, classes); }; const DialogContentRoot = styled("div", { name: "MuiDialogContent", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, ownerState.dividers && styles2.dividers]; } })(({ theme, ownerState }) => _extends$1({ flex: "1 1 auto", // Add iOS momentum scrolling for iOS < 13.0 WebkitOverflowScrolling: "touch", overflowY: "auto", padding: "20px 24px" }, ownerState.dividers ? { padding: "16px 24px", borderTop: `1px solid ${(theme.vars || theme).palette.divider}`, borderBottom: `1px solid ${(theme.vars || theme).palette.divider}` } : { [`.${dialogTitleClasses$1.root} + &`]: { paddingTop: 0 } })); const DialogContent = /* @__PURE__ */ React__namespace.forwardRef(function DialogContent2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiDialogContent" }); const { className, dividers = false } = props, other = _objectWithoutPropertiesLoose(props, _excluded$6); const ownerState = _extends$1({}, props, { dividers }); const classes = useUtilityClasses$5(ownerState); return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentRoot, _extends$1({ className: clsx(classes.root, className), ownerState, ref }, other)); }); const DialogContent$1 = DialogContent; function getDialogContentTextUtilityClass(slot) { return generateUtilityClass$1("MuiDialogContentText", slot); } generateUtilityClasses$1("MuiDialogContentText", ["root"]); const _excluded$5 = ["children", "className"]; const useUtilityClasses$4 = (ownerState) => { const { classes } = ownerState; const slots = { root: ["root"] }; const composedClasses = composeClasses$1(slots, getDialogContentTextUtilityClass, classes); return _extends$1({}, classes, composedClasses); }; const DialogContentTextRoot = styled(Typography$2, { shouldForwardProp: (prop) => rootShouldForwardProp$1(prop) || prop === "classes", name: "MuiDialogContentText", slot: "Root", overridesResolver: (props, styles2) => styles2.root })({}); const DialogContentText = /* @__PURE__ */ React__namespace.forwardRef(function DialogContentText2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiDialogContentText" }); const { className } = props, ownerState = _objectWithoutPropertiesLoose(props, _excluded$5); const classes = useUtilityClasses$4(ownerState); return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentTextRoot, _extends$1({ component: "p", variant: "body1", color: "text.secondary", ref, ownerState, className: clsx(classes.root, className) }, props, { classes })); }); const DialogContentText$1 = DialogContentText; const _excluded$4 = ["className", "id"]; const useUtilityClasses$3 = (ownerState) => { const { classes } = ownerState; const slots = { root: ["root"] }; return composeClasses$1(slots, getDialogTitleUtilityClass, classes); }; const DialogTitleRoot = styled(Typography$2, { name: "MuiDialogTitle", slot: "Root", overridesResolver: (props, styles2) => styles2.root })({ padding: "16px 24px", flex: "0 0 auto" }); const DialogTitle = /* @__PURE__ */ React__namespace.forwardRef(function DialogTitle2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiDialogTitle" }); const { className, id: idProp } = props, other = _objectWithoutPropertiesLoose(props, _excluded$4); const ownerState = props; const classes = useUtilityClasses$3(ownerState); const { titleId = idProp } = React__namespace.useContext(DialogContext$1); return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitleRoot, _extends$1({ component: "h2", className: clsx(classes.root, className), ownerState, ref, variant: "h6", id: idProp != null ? idProp : titleId }, other)); }); const DialogTitle$1 = DialogTitle; function LinearProgressWithLabel(props) { const calResult = (v2, rv, cc) => { let pv = v2; if (rv === 0) { pv = v2 * 100; } else { pv = v2 / rv * 100; } pv = pv > 100 ? 100 : pv; if (cc === ">=") { return pv < 100 ? { color: "error", pv, label: `${v2} < ${rv},未达标` } : { color: "success", pv, label: `${v2} ≥ ${rv},已达标` }; } if (cc === "<=") { return pv > 100 ? { color: "error", pv, label: `${v2} > ${rv},未达标` } : { color: "success", pv, label: `${v2} ≤ ${rv},已达标` }; } return { color: "primary", pv, label: `${v2} / ${rv},未知` }; }; const { title, value, requireValue, calc, ...restProps } = props; const result = calResult(value, requireValue, calc); return /* @__PURE__ */ jsxRuntimeExports.jsx( LinearProgress, { ...restProps, value: result.pv, color: result.color, variant: "gradient", label: true, labelText: `${title}:${result.label}` } ); } function LeveltrustDialog({ open = false, toggleOpen }) { const connectLinuxDoIframeRef = React.useRef(null); const [levelTrustData, setLevelTrustData] = React.useState([]); const extractValue = (value) => { if (value.includes("%")) { return parseFloat(value); } if (value.includes("≥")) { return parseFloat(value.substring(1).trim()); } return parseFloat(value); }; const extractRequireValue = (requireValue) => { if (requireValue.includes("%")) { return parseFloat(requireValue); } if (requireValue.includes("最多")) { return parseFloat(requireValue.match(/\d+/)[0]); } return parseFloat(requireValue); }; const determineCalc = (title, value, requireValue) => { if (title.includes("被禁言") || title.includes("封禁") || requireValue.includes("最多")) { return "<="; } return ">="; }; React.useEffect(() => { const transformStats = (items) => { return items.map((item) => { const value = extractValue(item.value); const requireValue = extractRequireValue(item.requireValue); const calc = determineCalc(item.title, item.value, item.requireValue); return { title: item.title, value, requireValue, calc }; }); }; const connectLinuxDoListener = (e2) => { if (lodashHas(e2.data, "allBannedUserRequire")) { const { data: leveltrustRequireData } = e2; const ltList = [ { title: "访问次数", value: leveltrustRequireData.visitCount, requireValue: leveltrustRequireData.visitCountRequire }, { title: "回复的话题", value: leveltrustRequireData.repliedTopic, requireValue: leveltrustRequireData.repliedTopicRequire }, { title: "浏览的话题", value: leveltrustRequireData.viewedTopic, requireValue: leveltrustRequireData.viewedTopicRequire }, { title: "浏览的话题(所有时间)", value: leveltrustRequireData.viewedTopicAll, requireValue: leveltrustRequireData.viewedTopicAllRequire }, { title: "已读帖子", value: leveltrustRequireData.viewedPost, requireValue: leveltrustRequireData.viewedPostRequire }, { title: "已读帖子(所有时间)", value: leveltrustRequireData.viewedPostAll, requireValue: leveltrustRequireData.viewedPostAllRequire }, { title: "被举报的帖子", value: leveltrustRequireData.reportedPost, requireValue: leveltrustRequireData.reportedPostRequire }, { title: "发起举报的用户", value: leveltrustRequireData.reportedUser, requireValue: leveltrustRequireData.reportedUserRequire }, { title: "点赞", value: leveltrustRequireData.likes, requireValue: leveltrustRequireData.likesRequire }, { title: "获赞", value: leveltrustRequireData.liked, requireValue: leveltrustRequireData.likedRequire }, { title: "获赞:单日最高数量", value: leveltrustRequireData.likedTopSingleDay, requireValue: leveltrustRequireData.likedTopSingleDayRequire }, { title: "获赞:点赞用户数量", value: leveltrustRequireData.likedUser, requireValue: leveltrustRequireData.likedUserRequire }, { title: "被禁言(过去6个月)", value: leveltrustRequireData.postBanned, requireValue: leveltrustRequireData.postBannedRequire }, { title: "被封禁(过去6个月)", value: leveltrustRequireData.allBannedUser, requireValue: leveltrustRequireData.allBannedUserRequire } ]; setLevelTrustData(transformStats(ltList)); } }; window.addEventListener("message", connectLinuxDoListener); return () => { window.removeEventListener("message", connectLinuxDoListener); }; }, []); return /* @__PURE__ */ jsxRuntimeExports.jsxs( Dialog$1, { fullWidth: true, maxWidth: "sm", open, onClose: () => toggleOpen(false), "aria-labelledby": "leveltrust-info-dialog-title", "aria-describedby": "leveltrust-info-dialog-description", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle$1, { id: "leveltrust-info-dialog-title", children: "用户等级信息" }), /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent$1, { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentText$1, { id: "leveltrust-info-dialog-description", children: "你的用户等级为2级,精确信息通过 connect.linux.do 查询" }), /* @__PURE__ */ jsxRuntimeExports.jsx( "iframe", { title: "levelTrustInfo", ref: connectLinuxDoIframeRef, style: { width: 0, height: 0, overflow: "hidden", border: "none", borderRadius: "0.5rem", display: "hidden" }, src: "https://connect.linux.do/" } ), levelTrustData.map((ltd) => /* @__PURE__ */ jsxRuntimeExports.jsx( LinearProgressWithLabel, { title: ltd.title, value: ltd.value, requireValue: ltd.requireValue, calc: ltd.calc } )) ] }), /* @__PURE__ */ jsxRuntimeExports.jsx(DialogActions$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => toggleOpen(false), autoFocus: true, children: "好的,我知道了" }) }) ] } ); } const getCsrfToken = () => { const csrfTokenMetaDom = qsOne('meta[name="csrf-token"]'); if (csrfTokenMetaDom) { return csrfTokenMetaDom.getAttribute("content"); } return null; }; const getPreloadedData = () => { const preloadedDataDom = qsOne("#data-preloaded"); if (preloadedDataDom) { const preloadedStringData = preloadedDataDom.getAttribute("data-preloaded"); if (preloadedStringData) { try { const preloadedRawData = JSON.parse(preloadedStringData); const preloadedData = { currentUser: null, topicTrackingStates: null }; try { preloadedData.currentUser = JSON.parse(preloadedRawData.currentUser); } catch { } try { preloadedData.topicTrackingStates = JSON.parse(preloadedRawData.topicTrackingStates); } catch { } return preloadedData; } catch { return null; } } return null; } return null; }; const getPreloadedUsername = () => { const preloadedData = getPreloadedData(); if (preloadedData && preloadedData.currentUser) { const { username } = preloadedData.currentUser; return username; } return null; }; function resolveProps(defaultProps2, props) { const output = _extends$1({}, props); Object.keys(defaultProps2).forEach((propName) => { if (propName.toString().match(/^(components|slots)$/)) { output[propName] = _extends$1({}, defaultProps2[propName], output[propName]); } else if (propName.toString().match(/^(componentsProps|slotProps)$/)) { const defaultSlotProps = defaultProps2[propName] || {}; const slotProps = props[propName]; output[propName] = {}; if (!slotProps || !Object.keys(slotProps)) { output[propName] = defaultSlotProps; } else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) { output[propName] = slotProps; } else { output[propName] = _extends$1({}, slotProps); Object.keys(defaultSlotProps).forEach((slotPropName) => { output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]); }); } } else if (output[propName] === void 0) { output[propName] = defaultProps2[propName]; } }); return output; } function composeClasses(slots, getUtilityClass, classes = void 0) { const output = {}; Object.keys(slots).forEach( // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`. // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208 (slot) => { output[slot] = slots[slot].reduce((acc, key) => { if (key) { const utilityClass = getUtilityClass(key); if (utilityClass !== "") { acc.push(utilityClass); } if (classes && classes[key]) { acc.push(classes[key]); } } return acc; }, []).join(" "); } ); return output; } const defaultGenerator = (componentName) => componentName; const createClassNameGenerator = () => { let generate = defaultGenerator; return { configure(generator) { generate = generator; }, generate(componentName) { return generate(componentName); }, reset() { generate = defaultGenerator; } }; }; const ClassNameGenerator = createClassNameGenerator(); const globalStateClasses = { 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 generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") { const globalStateClass = globalStateClasses[slot]; return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`; } function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui") { const result = {}; slots.forEach((slot) => { result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix); }); return result; } function getCircularProgressUtilityClass(slot) { return generateUtilityClass$1("MuiCircularProgress", slot); } generateUtilityClasses$1("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]); const _excluded$3 = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"]; let _ = (t2) => t2, _t, _t2, _t3, _t4; const SIZE = 44; const circularRotateKeyframe = keyframes(_t || (_t = _` 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } `)); const circularDashKeyframe = keyframes(_t2 || (_t2 = _` 0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; } 50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; } 100% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -125px; } `)); const useUtilityClasses$2 = (ownerState) => { const { classes, variant, color: color2, disableShrink } = ownerState; const slots = { root: ["root", variant, `color${capitalize$1(color2)}`], svg: ["svg"], circle: ["circle", `circle${capitalize$1(variant)}`, disableShrink && "circleDisableShrink"] }; return composeClasses$1(slots, getCircularProgressUtilityClass, classes); }; const CircularProgressRoot = styled("span", { name: "MuiCircularProgress", slot: "Root", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.root, styles2[ownerState.variant], styles2[`color${capitalize$1(ownerState.color)}`]]; } })(({ ownerState, theme }) => _extends$1({ display: "inline-block" }, ownerState.variant === "determinate" && { transition: theme.transitions.create("transform") }, ownerState.color !== "inherit" && { color: (theme.vars || theme).palette[ownerState.color].main }), ({ ownerState }) => ownerState.variant === "indeterminate" && css(_t3 || (_t3 = _` animation: ${0} 1.4s linear infinite; `), circularRotateKeyframe)); const CircularProgressSVG = styled("svg", { name: "MuiCircularProgress", slot: "Svg", overridesResolver: (props, styles2) => styles2.svg })({ display: "block" // Keeps the progress centered }); const CircularProgressCircle = styled("circle", { name: "MuiCircularProgress", slot: "Circle", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.circle, styles2[`circle${capitalize$1(ownerState.variant)}`], ownerState.disableShrink && styles2.circleDisableShrink]; } })(({ ownerState, theme }) => _extends$1({ stroke: "currentColor" }, ownerState.variant === "determinate" && { transition: theme.transitions.create("stroke-dashoffset") }, ownerState.variant === "indeterminate" && { // Some default value that looks fine waiting for the animation to kicks in. strokeDasharray: "80px, 200px", strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug. }), ({ ownerState }) => ownerState.variant === "indeterminate" && !ownerState.disableShrink && css(_t4 || (_t4 = _` animation: ${0} 1.4s ease-in-out infinite; `), circularDashKeyframe)); const CircularProgress = /* @__PURE__ */ React__namespace.forwardRef(function CircularProgress2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiCircularProgress" }); const { className, color: color2 = "primary", disableShrink = false, size = 40, style: style2, thickness = 3.6, value = 0, variant = "indeterminate" } = props, other = _objectWithoutPropertiesLoose(props, _excluded$3); const ownerState = _extends$1({}, props, { color: color2, disableShrink, size, thickness, value, variant }); const classes = useUtilityClasses$2(ownerState); const circleStyle = {}; const rootStyle = {}; const rootProps = {}; if (variant === "determinate") { const circumference = 2 * Math.PI * ((SIZE - thickness) / 2); circleStyle.strokeDasharray = circumference.toFixed(3); rootProps["aria-valuenow"] = Math.round(value); circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`; rootStyle.transform = "rotate(-90deg)"; } return /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgressRoot, _extends$1({ className: clsx(classes.root, className), style: _extends$1({ width: size, height: size }, rootStyle, style2), ownerState, ref, role: "progressbar" }, rootProps, other, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgressSVG, { className: classes.svg, ownerState, viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgressCircle, { className: classes.circle, style: circleStyle, ownerState, cx: SIZE, cy: SIZE, r: (SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) }) })); }); const CircularProgress$1 = CircularProgress; function getLoadingButtonUtilityClass(slot) { return generateUtilityClass("MuiLoadingButton", slot); } const loadingButtonClasses = generateUtilityClasses("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]); const loadingButtonClasses$1 = loadingButtonClasses; const _excluded$2 = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"]; const useUtilityClasses$1 = (ownerState) => { const { loading, loadingPosition, classes } = ownerState; const slots = { root: ["root", loading && "loading"], startIcon: [loading && `startIconLoading${capitalize$1(loadingPosition)}`], endIcon: [loading && `endIconLoading${capitalize$1(loadingPosition)}`], loadingIndicator: ["loadingIndicator", loading && `loadingIndicator${capitalize$1(loadingPosition)}`] }; const composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes); return _extends$1({}, classes, composedClasses); }; const rootShouldForwardProp = (prop) => prop !== "ownerState" && prop !== "theme" && prop !== "sx" && prop !== "as" && prop !== "classes"; const LoadingButtonRoot = styled(Button$2, { shouldForwardProp: (prop) => rootShouldForwardProp(prop) || prop === "classes", name: "MuiLoadingButton", slot: "Root", overridesResolver: (props, styles2) => { return [styles2.root, styles2.startIconLoadingStart && { [`& .${loadingButtonClasses$1.startIconLoadingStart}`]: styles2.startIconLoadingStart }, styles2.endIconLoadingEnd && { [`& .${loadingButtonClasses$1.endIconLoadingEnd}`]: styles2.endIconLoadingEnd }]; } })(({ ownerState, theme }) => _extends$1({ [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: { transition: theme.transitions.create(["opacity"], { duration: theme.transitions.duration.short }), opacity: 0 } }, ownerState.loadingPosition === "center" && { transition: theme.transitions.create(["background-color", "box-shadow", "border-color"], { duration: theme.transitions.duration.short }), [`&.${loadingButtonClasses$1.loading}`]: { color: "transparent" } }, ownerState.loadingPosition === "start" && ownerState.fullWidth && { [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: { transition: theme.transitions.create(["opacity"], { duration: theme.transitions.duration.short }), opacity: 0, marginRight: -8 } }, ownerState.loadingPosition === "end" && ownerState.fullWidth && { [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: { transition: theme.transitions.create(["opacity"], { duration: theme.transitions.duration.short }), opacity: 0, marginLeft: -8 } })); const LoadingButtonLoadingIndicator = styled("span", { name: "MuiLoadingButton", slot: "LoadingIndicator", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.loadingIndicator, styles2[`loadingIndicator${capitalize$1(ownerState.loadingPosition)}`]]; } })(({ theme, ownerState }) => _extends$1({ position: "absolute", visibility: "visible", display: "flex" }, ownerState.loadingPosition === "start" && (ownerState.variant === "outlined" || ownerState.variant === "contained") && { left: ownerState.size === "small" ? 10 : 14 }, ownerState.loadingPosition === "start" && ownerState.variant === "text" && { left: 6 }, ownerState.loadingPosition === "center" && { left: "50%", transform: "translate(-50%)", color: (theme.vars || theme).palette.action.disabled }, ownerState.loadingPosition === "end" && (ownerState.variant === "outlined" || ownerState.variant === "contained") && { right: ownerState.size === "small" ? 10 : 14 }, ownerState.loadingPosition === "end" && ownerState.variant === "text" && { right: 6 }, ownerState.loadingPosition === "start" && ownerState.fullWidth && { position: "relative", left: -10 }, ownerState.loadingPosition === "end" && ownerState.fullWidth && { position: "relative", right: -10 })); const LoadingButton = /* @__PURE__ */ React__namespace.forwardRef(function LoadingButton2(inProps, ref) { const contextProps = React__namespace.useContext(ButtonGroupContext$1); const resolvedProps = resolveProps(contextProps, inProps); const props = useThemeProps({ props: resolvedProps, name: "MuiLoadingButton" }); const { children, disabled = false, id: idProp, loading = false, loadingIndicator: loadingIndicatorProp, loadingPosition = "center", variant = "text" } = props, other = _objectWithoutPropertiesLoose(props, _excluded$2); const id = useId(idProp); const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress$1, { "aria-labelledby": id, color: "inherit", size: 16 }); const ownerState = _extends$1({}, props, { disabled, loading, loadingIndicator, loadingPosition, variant }); const classes = useUtilityClasses$1(ownerState); const loadingButtonLoadingIndicator = loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButtonLoadingIndicator, { className: classes.loadingIndicator, ownerState, children: loadingIndicator }) : null; return /* @__PURE__ */ jsxRuntimeExports.jsxs(LoadingButtonRoot, _extends$1({ disabled: disabled || loading, id, ref }, other, { variant, classes, ownerState, children: [ownerState.loadingPosition === "end" ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === "end" ? loadingButtonLoadingIndicator : children] })); }); const LoadingButton$1 = LoadingButton; const boxClasses = generateUtilityClasses$1("MuiBox", ["root"]); const boxClasses$1 = boxClasses; const defaultTheme = createTheme(); const Box = createBox({ themeId: THEME_ID, defaultTheme, defaultClassName: boxClasses$1.root, generateClassName: ClassNameGenerator$1.generate }); const Box$1 = Box; const _excluded$1 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]; function getTranslateValue(direction, node2, resolvedContainer) { const rect = node2.getBoundingClientRect(); const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect(); const containerWindow = ownerWindow(node2); let transform; if (node2.fakeTransform) { transform = node2.fakeTransform; } else { const computedStyle = containerWindow.getComputedStyle(node2); transform = computedStyle.getPropertyValue("-webkit-transform") || computedStyle.getPropertyValue("transform"); } let offsetX = 0; let offsetY = 0; if (transform && transform !== "none" && typeof transform === "string") { const transformValues = transform.split("(")[1].split(")")[0].split(","); offsetX = parseInt(transformValues[4], 10); offsetY = parseInt(transformValues[5], 10); } if (direction === "left") { if (containerRect) { return `translateX(${containerRect.right + offsetX - rect.left}px)`; } return `translateX(${containerWindow.innerWidth + offsetX - rect.left}px)`; } if (direction === "right") { if (containerRect) { return `translateX(-${rect.right - containerRect.left - offsetX}px)`; } return `translateX(-${rect.left + rect.width - offsetX}px)`; } if (direction === "up") { if (containerRect) { return `translateY(${containerRect.bottom + offsetY - rect.top}px)`; } return `translateY(${containerWindow.innerHeight + offsetY - rect.top}px)`; } if (containerRect) { return `translateY(-${rect.top - containerRect.top + rect.height - offsetY}px)`; } return `translateY(-${rect.top + rect.height - offsetY}px)`; } function resolveContainer(containerPropProp) { return typeof containerPropProp === "function" ? containerPropProp() : containerPropProp; } function setTranslateValue(direction, node2, containerProp) { const resolvedContainer = resolveContainer(containerProp); const transform = getTranslateValue(direction, node2, resolvedContainer); if (transform) { node2.style.webkitTransform = transform; node2.style.transform = transform; } } const Slide = /* @__PURE__ */ React__namespace.forwardRef(function Slide2(props, ref) { const theme = useTheme(); const defaultEasing = { enter: theme.transitions.easing.easeOut, exit: theme.transitions.easing.sharp }; const defaultTimeout = { enter: theme.transitions.duration.enteringScreen, exit: theme.transitions.duration.leavingScreen }; const { addEndListener, appear = true, children, container: containerProp, direction = "down", easing: easingProp = defaultEasing, in: inProp, onEnter, onEntered, onEntering, onExit, onExited, onExiting, style: style2, timeout = defaultTimeout, // eslint-disable-next-line react/prop-types TransitionComponent = Transition$1 } = props, other = _objectWithoutPropertiesLoose(props, _excluded$1); const childrenRef = React__namespace.useRef(null); const handleRef = useForkRef(children.ref, childrenRef, ref); const normalizedTransitionCallback = (callback) => (isAppearing) => { if (callback) { if (isAppearing === void 0) { callback(childrenRef.current); } else { callback(childrenRef.current, isAppearing); } } }; const handleEnter = normalizedTransitionCallback((node2, isAppearing) => { setTranslateValue(direction, node2, containerProp); reflow(node2); if (onEnter) { onEnter(node2, isAppearing); } }); const handleEntering = normalizedTransitionCallback((node2, isAppearing) => { const transitionProps = getTransitionProps({ timeout, style: style2, easing: easingProp }, { mode: "enter" }); node2.style.webkitTransition = theme.transitions.create("-webkit-transform", _extends$1({}, transitionProps)); node2.style.transition = theme.transitions.create("transform", _extends$1({}, transitionProps)); node2.style.webkitTransform = "none"; node2.style.transform = "none"; if (onEntering) { onEntering(node2, isAppearing); } }); const handleEntered = normalizedTransitionCallback(onEntered); const handleExiting = normalizedTransitionCallback(onExiting); const handleExit = normalizedTransitionCallback((node2) => { const transitionProps = getTransitionProps({ timeout, style: style2, easing: easingProp }, { mode: "exit" }); node2.style.webkitTransition = theme.transitions.create("-webkit-transform", transitionProps); node2.style.transition = theme.transitions.create("transform", transitionProps); setTranslateValue(direction, node2, containerProp); if (onExit) { onExit(node2); } }); const handleExited = normalizedTransitionCallback((node2) => { node2.style.webkitTransition = ""; node2.style.transition = ""; if (onExited) { onExited(node2); } }); const handleAddEndListener = (next2) => { if (addEndListener) { addEndListener(childrenRef.current, next2); } }; const updatePosition = React__namespace.useCallback(() => { if (childrenRef.current) { setTranslateValue(direction, childrenRef.current, containerProp); } }, [direction, containerProp]); React__namespace.useEffect(() => { if (inProp || direction === "down" || direction === "right") { return void 0; } const handleResize = debounce(() => { if (childrenRef.current) { setTranslateValue(direction, childrenRef.current, containerProp); } }); const containerWindow = ownerWindow(childrenRef.current); containerWindow.addEventListener("resize", handleResize); return () => { handleResize.clear(); containerWindow.removeEventListener("resize", handleResize); }; }, [direction, inProp, containerProp]); React__namespace.useEffect(() => { if (!inProp) { updatePosition(); } }, [inProp, updatePosition]); return /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionComponent, _extends$1({ nodeRef: childrenRef, onEnter: handleEnter, onEntered: handleEntered, onEntering: handleEntering, onExit: handleExit, onExited: handleExited, onExiting: handleExiting, addEndListener: handleAddEndListener, appear, in: inProp, timeout }, other, { children: (state, childProps) => { return /* @__PURE__ */ React__namespace.cloneElement(children, _extends$1({ ref: handleRef, style: _extends$1({ visibility: state === "exited" && !inProp ? "hidden" : void 0 }, style2, children.props.style) }, childProps)); } })); }); const Slide$1 = Slide; function getDrawerUtilityClass(slot) { return generateUtilityClass$1("MuiDrawer", slot); } const drawerClasses = generateUtilityClasses$1("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]); const drawerClasses$1 = drawerClasses; const _excluded = ["BackdropProps"], _excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"]; const overridesResolver = (props, styles2) => { const { ownerState } = props; return [styles2.root, (ownerState.variant === "permanent" || ownerState.variant === "persistent") && styles2.docked, styles2.modal]; }; const useUtilityClasses = (ownerState) => { const { classes, anchor, variant } = ownerState; const slots = { root: ["root"], docked: [(variant === "permanent" || variant === "persistent") && "docked"], modal: ["modal"], paper: ["paper", `paperAnchor${capitalize$1(anchor)}`, variant !== "temporary" && `paperAnchorDocked${capitalize$1(anchor)}`] }; return composeClasses$1(slots, getDrawerUtilityClass, classes); }; const DrawerRoot = styled(Modal$1, { name: "MuiDrawer", slot: "Root", overridesResolver })(({ theme }) => ({ zIndex: (theme.vars || theme).zIndex.drawer })); const DrawerDockedRoot = styled("div", { shouldForwardProp: rootShouldForwardProp$1, name: "MuiDrawer", slot: "Docked", skipVariantsResolver: false, overridesResolver })({ flex: "0 0 auto" }); const DrawerPaper = styled(Paper$1, { name: "MuiDrawer", slot: "Paper", overridesResolver: (props, styles2) => { const { ownerState } = props; return [styles2.paper, styles2[`paperAnchor${capitalize$1(ownerState.anchor)}`], ownerState.variant !== "temporary" && styles2[`paperAnchorDocked${capitalize$1(ownerState.anchor)}`]]; } })(({ theme, ownerState }) => _extends$1({ overflowY: "auto", display: "flex", flexDirection: "column", height: "100%", flex: "1 0 auto", zIndex: (theme.vars || theme).zIndex.drawer, // Add iOS momentum scrolling for iOS < 13.0 WebkitOverflowScrolling: "touch", // temporary style position: "fixed", top: 0, // We disable the focus ring for mouse, touch and keyboard users. // At some point, it would be better to keep it for keyboard users. // :focus-ring CSS pseudo-class will help. outline: 0 }, ownerState.anchor === "left" && { left: 0 }, ownerState.anchor === "top" && { top: 0, left: 0, right: 0, height: "auto", maxHeight: "100%" }, ownerState.anchor === "right" && { right: 0 }, ownerState.anchor === "bottom" && { top: "auto", left: 0, bottom: 0, right: 0, height: "auto", maxHeight: "100%" }, ownerState.anchor === "left" && ownerState.variant !== "temporary" && { borderRight: `1px solid ${(theme.vars || theme).palette.divider}` }, ownerState.anchor === "top" && ownerState.variant !== "temporary" && { borderBottom: `1px solid ${(theme.vars || theme).palette.divider}` }, ownerState.anchor === "right" && ownerState.variant !== "temporary" && { borderLeft: `1px solid ${(theme.vars || theme).palette.divider}` }, ownerState.anchor === "bottom" && ownerState.variant !== "temporary" && { borderTop: `1px solid ${(theme.vars || theme).palette.divider}` })); const oppositeDirection = { left: "right", right: "left", top: "down", bottom: "up" }; function isHorizontal(anchor) { return ["left", "right"].indexOf(anchor) !== -1; } function getAnchor(theme, anchor) { return theme.direction === "rtl" && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor; } const Drawer = /* @__PURE__ */ React__namespace.forwardRef(function Drawer2(inProps, ref) { const props = useThemeProps({ props: inProps, name: "MuiDrawer" }); const theme = useTheme(); const defaultTransitionDuration = { enter: theme.transitions.duration.enteringScreen, exit: theme.transitions.duration.leavingScreen }; const { anchor: anchorProp = "left", BackdropProps, children, className, elevation = 16, hideBackdrop = false, ModalProps: { BackdropProps: BackdropPropsProp } = {}, onClose, open = false, PaperProps = {}, SlideProps, // eslint-disable-next-line react/prop-types TransitionComponent = Slide$1, transitionDuration = defaultTransitionDuration, variant = "temporary" } = props, ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded), other = _objectWithoutPropertiesLoose(props, _excluded2); const mounted = React__namespace.useRef(false); React__namespace.useEffect(() => { mounted.current = true; }, []); const anchorInvariant = getAnchor(theme, anchorProp); const anchor = anchorProp; const ownerState = _extends$1({}, props, { anchor, elevation, open, variant }, other); const classes = useUtilityClasses(ownerState); const drawer2 = /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerPaper, _extends$1({ elevation: variant === "temporary" ? elevation : 0, square: true }, PaperProps, { className: clsx(classes.paper, PaperProps.className), ownerState, children })); if (variant === "permanent") { return /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerDockedRoot, _extends$1({ className: clsx(classes.root, classes.docked, className), ownerState, ref }, other, { children: drawer2 })); } const slidingDrawer = /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionComponent, _extends$1({ in: open, direction: oppositeDirection[anchorInvariant], timeout: transitionDuration, appear: mounted.current }, SlideProps, { children: drawer2 })); if (variant === "persistent") { return /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerDockedRoot, _extends$1({ className: clsx(classes.root, classes.docked, className), ownerState, ref }, other, { children: slidingDrawer })); } return /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerRoot, _extends$1({ BackdropProps: _extends$1({}, BackdropProps, BackdropPropsProp, { transitionDuration }), className: clsx(classes.root, classes.modal, className), open, ownerState, onClose, hideBackdrop, ref }, other, ModalProps, { children: slidingDrawer })); }); const Drawer$1 = Drawer; const appConfig = { domain: "https://linux.do" }; const baseRoutes = { user: `${appConfig.domain}/u`, topics: `${appConfig.domain}/topics`, posts: `${appConfig.domain}/posts` }; const routes = { about: `${appConfig.domain}/about.json`, user: { userProfile: (username) => `${baseRoutes.user}/${username}.json`, // 用户数据 summary: (username) => `${baseRoutes.user}/${username}/summary.json` // 用户总结 }, topics: { createdBy: (username) => `${baseRoutes.topics}/created-by/${username}.json`, // 用户创建的主题 timing: `${baseRoutes.topics}/timings` // 阅读计时 }, posts: { post: (postID) => `${baseRoutes.posts}/${postID}.json` } }; const fetchForumAbout = (csrfToken) => { return fetch(routes.about, { headers: { accept: "application/json, text/javascript, */*; q=0.01", "accept-language": "zh-CN,zh;q=0.9,en;q=0.8", "discourse-logged-in": "true", "discourse-present": "true", "discourse-track-view": "true", "x-csrf-token": csrfToken, "x-requested-with": "XMLHttpRequest" }, body: null, method: "GET", mode: "cors", credentials: "include" }).then((serverPromise) => { return serverPromise.json().then((res) => { return Promise.resolve(res); }).catch((err) => { console.error(err); return Promise.reject(err); }); }).catch((err) => { console.error(err); return Promise.reject(err); }); }; const fetchGetInvites = (username, csrfToken, filter = "pending", offset = 0) => { return fetch(`${appConfig.domain}/u/${username}/invited.json?filter=${filter}&offset=${offset}`, { headers: { accept: "application/json, text/javascript, */*; q=0.01", "accept-language": "zh-CN,zh;q=0.9,en;q=0.8", "discourse-logged-in": "true", "discourse-present": "true", "discourse-track-view": "true", "x-csrf-token": csrfToken, "x-requested-with": "XMLHttpRequest" }, body: null, method: "GET", mode: "cors", credentials: "include" }).then((serverPromise) => { return serverPromise.json().then((res) => { return res; }).catch((err) => { console.error(err); return null; }); }).catch((err) => { console.error(err); return null; }); }; const fetchUpdateInvite = (inviteID, csrfToken, maxRedemptionsAllowed = 10, expiresAt = "9999-12-31+23%3A59%2B08%3A00") => { return fetch(`${appConfig.domain}/invites/${inviteID}`, { headers: { accept: "*/*", "accept-language": "zh-CN,zh;q=0.9,en;q=0.8", "content-type": "application/x-www-form-urlencoded; charset=UTF-8", "discourse-logged-in": "true", "discourse-present": "true", "x-csrf-token": csrfToken, "x-requested-with": "XMLHttpRequest" }, body: `max_redemptions_allowed=${maxRedemptionsAllowed}&expires_at=${expiresAt}`, method: "PUT", mode: "cors", credentials: "include" }).then((serverPromise) => { return serverPromise.json().then((res) => { return res; }).catch((err) => { console.error(err); return null; }); }).catch((err) => { console.error(err); return null; }); }; var isFunction$1 = isFunction_1, isLength$1 = isLength_1; function isArrayLike$4(value) { return value != null && isLength$1(value.length) && !isFunction$1(value); } var isArrayLike_1 = isArrayLike$4; var eq$2 = eq_1, isArrayLike$3 = isArrayLike_1, isIndex$1 = _isIndex, isObject$5 = isObject_1; function isIterateeCall$1(value, index, object) { if (!isObject$5(object)) { return false; } var type = typeof index; if (type == "number" ? isArrayLike$3(object) && isIndex$1(index, object.length) : type == "string" && index in object) { return eq$2(object[index], value); } return false; } var _isIterateeCall = isIterateeCall$1; var ListCache$2 = _ListCache; function stackClear$1() { this.__data__ = new ListCache$2(); this.size = 0; } var _stackClear = stackClear$1; function stackDelete$1(key) { var data = this.__data__, result = data["delete"](key); this.size = data.size; return result; } var _stackDelete = stackDelete$1; function stackGet$1(key) { return this.__data__.get(key); } var _stackGet = stackGet$1; function stackHas$1(key) { return this.__data__.has(key); } var _stackHas = stackHas$1; var ListCache$1 = _ListCache, Map$1 = _Map, MapCache = _MapCache; var LARGE_ARRAY_SIZE = 200; function stackSet$1(key, value) { var data = this.__data__; if (data instanceof ListCache$1) { var pairs = data.__data__; if (!Map$1 || pairs.length < LARGE_ARRAY_SIZE - 1) { pairs.push([key, value]); this.size = ++data.size; return this; } data = this.__data__ = new MapCache(pairs); } data.set(key, value); this.size = data.size; return this; } var _stackSet = stackSet$1; var ListCache = _ListCache, stackClear = _stackClear, stackDelete = _stackDelete, stackGet = _stackGet, stackHas = _stackHas, stackSet = _stackSet; function Stack$2(entries) { var data = this.__data__ = new ListCache(entries); this.size = data.size; } Stack$2.prototype.clear = stackClear; Stack$2.prototype["delete"] = stackDelete; Stack$2.prototype.get = stackGet; Stack$2.prototype.has = stackHas; Stack$2.prototype.set = stackSet; var _Stack = Stack$2; function arrayEach$1(array, iteratee) { var index = -1, length2 = array == null ? 0 : array.length; while (++index < length2) { if (iteratee(array[index], index, array) === false) { break; } } return array; } var _arrayEach = arrayEach$1; var getNative$4 = _getNative; var defineProperty$2 = function() { try { var func = getNative$4(Object, "defineProperty"); func({}, "", {}); return func; } catch (e2) { } }(); var _defineProperty = defineProperty$2; var defineProperty$1 = _defineProperty; function baseAssignValue$3(object, key, value) { if (key == "__proto__" && defineProperty$1) { defineProperty$1(object, key, { "configurable": true, "enumerable": true, "value": value, "writable": true }); } else { object[key] = value; } } var _baseAssignValue = baseAssignValue$3; var baseAssignValue$2 = _baseAssignValue, eq$1 = eq_1; var objectProto$7 = Object.prototype; var hasOwnProperty$5 = objectProto$7.hasOwnProperty; function assignValue$2(object, key, value) { var objValue = object[key]; if (!(hasOwnProperty$5.call(object, key) && eq$1(objValue, value)) || value === void 0 && !(key in object)) { baseAssignValue$2(object, key, value); } } var _assignValue = assignValue$2; var assignValue$1 = _assignValue, baseAssignValue$1 = _baseAssignValue; function copyObject$5(source, props, object, customizer) { var isNew = !object; object || (object = {}); var index = -1, length2 = props.length; while (++index < length2) { var key = props[index]; var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0; if (newValue === void 0) { newValue = source[key]; } if (isNew) { baseAssignValue$1(object, key, newValue); } else { assignValue$1(object, key, newValue); } } return object; } var _copyObject = copyObject$5; function baseTimes$1(n2, iteratee) { var index = -1, result = Array(n2); while (++index < n2) { result[index] = iteratee(index); } return result; } var _baseTimes = baseTimes$1; var isBuffer$3 = { exports: {} }; function stubFalse() { return false; } var stubFalse_1 = stubFalse; isBuffer$3.exports; (function(module, exports) { var root2 = _root, stubFalse2 = stubFalse_1; var freeExports = exports && !exports.nodeType && exports; var freeModule = freeExports && true && module && !module.nodeType && module; var moduleExports = freeModule && freeModule.exports === freeExports; var Buffer = moduleExports ? root2.Buffer : void 0; var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0; var isBuffer2 = nativeIsBuffer || stubFalse2; module.exports = isBuffer2; })(isBuffer$3, isBuffer$3.exports); var isBufferExports = isBuffer$3.exports; var baseGetTag$2 = _baseGetTag, isLength = isLength_1, isObjectLike$4 = isObjectLike_1; var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", errorTag$1 = "[object Error]", funcTag$1 = "[object Function]", mapTag$4 = "[object Map]", numberTag$2 = "[object Number]", objectTag$3 = "[object Object]", regexpTag$2 = "[object RegExp]", setTag$4 = "[object Set]", stringTag$2 = "[object String]", weakMapTag$2 = "[object WeakMap]"; var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$3 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]"; var typedArrayTags = {}; typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true; typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$2] = typedArrayTags[boolTag$2] = typedArrayTags[dataViewTag$3] = typedArrayTags[dateTag$2] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$4] = typedArrayTags[numberTag$2] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag$2] = typedArrayTags[setTag$4] = typedArrayTags[stringTag$2] = typedArrayTags[weakMapTag$2] = false; function baseIsTypedArray$1(value) { return isObjectLike$4(value) && isLength(value.length) && !!typedArrayTags[baseGetTag$2(value)]; } var _baseIsTypedArray = baseIsTypedArray$1; function baseUnary$3(func) { return function(value) { return func(value); }; } var _baseUnary = baseUnary$3; var _nodeUtil = { exports: {} }; _nodeUtil.exports; (function(module, exports) { var freeGlobal2 = _freeGlobal; var freeExports = exports && !exports.nodeType && exports; var freeModule = freeExports && true && module && !module.nodeType && module; var moduleExports = freeModule && freeModule.exports === freeExports; var freeProcess = moduleExports && freeGlobal2.process; var nodeUtil2 = function() { try { var types = freeModule && freeModule.require && freeModule.require("util").types; if (types) { return types; } return freeProcess && freeProcess.binding && freeProcess.binding("util"); } catch (e2) { } }(); module.exports = nodeUtil2; })(_nodeUtil, _nodeUtil.exports); var _nodeUtilExports = _nodeUtil.exports; var baseIsTypedArray = _baseIsTypedArray, baseUnary$2 = _baseUnary, nodeUtil$2 = _nodeUtilExports; var nodeIsTypedArray = nodeUtil$2 && nodeUtil$2.isTypedArray; var isTypedArray$2 = nodeIsTypedArray ? baseUnary$2(nodeIsTypedArray) : baseIsTypedArray; var isTypedArray_1 = isTypedArray$2; var baseTimes = _baseTimes, isArguments$1 = isArguments_1, isArray$3 = isArray_1, isBuffer$2 = isBufferExports, isIndex = _isIndex, isTypedArray$1 = isTypedArray_1; var objectProto$6 = Object.prototype; var hasOwnProperty$4 = objectProto$6.hasOwnProperty; function arrayLikeKeys$2(value, inherited) { var isArr = isArray$3(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$2(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length2 = result.length; for (var key in value) { if ((inherited || hasOwnProperty$4.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode. (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers. isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays. isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties. isIndex(key, length2)))) { result.push(key); } } return result; } var _arrayLikeKeys = arrayLikeKeys$2; var objectProto$5 = Object.prototype; function isPrototype$3(value) { var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$5; return value === proto; } var _isPrototype = isPrototype$3; function overArg$2(func, transform) { return function(arg) { return func(transform(arg)); }; } var _overArg = overArg$2; var overArg$1 = _overArg; var nativeKeys$1 = overArg$1(Object.keys, Object); var _nativeKeys = nativeKeys$1; var isPrototype$2 = _isPrototype, nativeKeys = _nativeKeys; var objectProto$4 = Object.prototype; var hasOwnProperty$3 = objectProto$4.hasOwnProperty; function baseKeys$1(object) { if (!isPrototype$2(object)) { return nativeKeys(object); } var result = []; for (var key in Object(object)) { if (hasOwnProperty$3.call(object, key) && key != "constructor") { result.push(key); } } return result; } var _baseKeys = baseKeys$1; var arrayLikeKeys$1 = _arrayLikeKeys, baseKeys = _baseKeys, isArrayLike$2 = isArrayLike_1; function keys$3(object) { return isArrayLike$2(object) ? arrayLikeKeys$1(object) : baseKeys(object); } var keys_1 = keys$3; var copyObject$4 = _copyObject, keys$2 = keys_1; function baseAssign$1(object, source) { return object && copyObject$4(source, keys$2(source), object); } var _baseAssign = baseAssign$1; function nativeKeysIn$1(object) { var result = []; if (object != null) { for (var key in Object(object)) { result.push(key); } } return result; } var _nativeKeysIn = nativeKeysIn$1; var isObject$4 = isObject_1, isPrototype$1 = _isPrototype, nativeKeysIn = _nativeKeysIn; var objectProto$3 = Object.prototype; var hasOwnProperty$2 = objectProto$3.hasOwnProperty; function baseKeysIn$1(object) { if (!isObject$4(object)) { return nativeKeysIn(object); } var isProto = isPrototype$1(object), result = []; for (var key in object) { if (!(key == "constructor" && (isProto || !hasOwnProperty$2.call(object, key)))) { result.push(key); } } return result; } var _baseKeysIn = baseKeysIn$1; var arrayLikeKeys = _arrayLikeKeys, baseKeysIn = _baseKeysIn, isArrayLike$1 = isArrayLike_1; function keysIn$5(object) { return isArrayLike$1(object) ? arrayLikeKeys(object, true) : baseKeysIn(object); } var keysIn_1 = keysIn$5; var copyObject$3 = _copyObject, keysIn$4 = keysIn_1; function baseAssignIn$1(object, source) { return object && copyObject$3(source, keysIn$4(source), object); } var _baseAssignIn = baseAssignIn$1; var _cloneBuffer = { exports: {} }; _cloneBuffer.exports; (function(module, exports) { var root2 = _root; var freeExports = exports && !exports.nodeType && exports; var freeModule = freeExports && true && module && !module.nodeType && module; var moduleExports = freeModule && freeModule.exports === freeExports; var Buffer = moduleExports ? root2.Buffer : void 0, allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0; function cloneBuffer2(buffer, isDeep) { if (isDeep) { return buffer.slice(); } var length2 = buffer.length, result = allocUnsafe ? allocUnsafe(length2) : new buffer.constructor(length2); buffer.copy(result); return result; } module.exports = cloneBuffer2; })(_cloneBuffer, _cloneBuffer.exports); var _cloneBufferExports = _cloneBuffer.exports; function copyArray$2(source, array) { var index = -1, length2 = source.length; array || (array = Array(length2)); while (++index < length2) { array[index] = source[index]; } return array; } var _copyArray = copyArray$2; function arrayFilter$1(array, predicate) { var index = -1, length2 = array == null ? 0 : array.length, resIndex = 0, result = []; while (++index < length2) { var value = array[index]; if (predicate(value, index, array)) { result[resIndex++] = value; } } return result; } var _arrayFilter = arrayFilter$1; function stubArray$2() { return []; } var stubArray_1 = stubArray$2; var arrayFilter = _arrayFilter, stubArray$1 = stubArray_1; var objectProto$2 = Object.prototype; var propertyIsEnumerable = objectProto$2.propertyIsEnumerable; var nativeGetSymbols$1 = Object.getOwnPropertySymbols; var getSymbols$3 = !nativeGetSymbols$1 ? stubArray$1 : function(object) { if (object == null) { return []; } object = Object(object); return arrayFilter(nativeGetSymbols$1(object), function(symbol) { return propertyIsEnumerable.call(object, symbol); }); }; var _getSymbols = getSymbols$3; var copyObject$2 = _copyObject, getSymbols$2 = _getSymbols; function copySymbols$1(source, object) { return copyObject$2(source, getSymbols$2(source), object); } var _copySymbols = copySymbols$1; function arrayPush$2(array, values2) { var index = -1, length2 = values2.length, offset = array.length; while (++index < length2) { array[offset + index] = values2[index]; } return array; } var _arrayPush = arrayPush$2; var overArg = _overArg; var getPrototype$3 = overArg(Object.getPrototypeOf, Object); var _getPrototype = getPrototype$3; var arrayPush$1 = _arrayPush, getPrototype$2 = _getPrototype, getSymbols$1 = _getSymbols, stubArray = stubArray_1; var nativeGetSymbols = Object.getOwnPropertySymbols; var getSymbolsIn$2 = !nativeGetSymbols ? stubArray : function(object) { var result = []; while (object) { arrayPush$1(result, getSymbols$1(object)); object = getPrototype$2(object); } return result; }; var _getSymbolsIn = getSymbolsIn$2; var copyObject$1 = _copyObject, getSymbolsIn$1 = _getSymbolsIn; function copySymbolsIn$1(source, object) { return copyObject$1(source, getSymbolsIn$1(source), object); } var _copySymbolsIn = copySymbolsIn$1; var arrayPush = _arrayPush, isArray$2 = isArray_1; function baseGetAllKeys$2(object, keysFunc, symbolsFunc) { var result = keysFunc(object); return isArray$2(object) ? result : arrayPush(result, symbolsFunc(object)); } var _baseGetAllKeys = baseGetAllKeys$2; var baseGetAllKeys$1 = _baseGetAllKeys, getSymbols = _getSymbols, keys$1 = keys_1; function getAllKeys$1(object) { return baseGetAllKeys$1(object, keys$1, getSymbols); } var _getAllKeys = getAllKeys$1; var baseGetAllKeys = _baseGetAllKeys, getSymbolsIn = _getSymbolsIn, keysIn$3 = keysIn_1; function getAllKeysIn$1(object) { return baseGetAllKeys(object, keysIn$3, getSymbolsIn); } var _getAllKeysIn = getAllKeysIn$1; var getNative$3 = _getNative, root$4 = _root; var DataView$1 = getNative$3(root$4, "DataView"); var _DataView = DataView$1; var getNative$2 = _getNative, root$3 = _root; var Promise$2 = getNative$2(root$3, "Promise"); var _Promise = Promise$2; var getNative$1 = _getNative, root$2 = _root; var Set$2 = getNative$1(root$2, "Set"); var _Set = Set$2; var getNative = _getNative, root$1 = _root; var WeakMap$2 = getNative(root$1, "WeakMap"); var _WeakMap = WeakMap$2; var DataView = _DataView, Map = _Map, Promise$1 = _Promise, Set$1 = _Set, WeakMap$1 = _WeakMap, baseGetTag$1 = _baseGetTag, toSource = _toSource; var mapTag$3 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag$1 = "[object WeakMap]"; var dataViewTag$2 = "[object DataView]"; var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1); var getTag$3 = baseGetTag$1; if (DataView && getTag$3(new DataView(new ArrayBuffer(1))) != dataViewTag$2 || Map && getTag$3(new Map()) != mapTag$3 || Promise$1 && getTag$3(Promise$1.resolve()) != promiseTag || Set$1 && getTag$3(new Set$1()) != setTag$3 || WeakMap$1 && getTag$3(new WeakMap$1()) != weakMapTag$1) { getTag$3 = function(value) { var result = baseGetTag$1(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : ""; if (ctorString) { switch (ctorString) { case dataViewCtorString: return dataViewTag$2; case mapCtorString: return mapTag$3; case promiseCtorString: return promiseTag; case setCtorString: return setTag$3; case weakMapCtorString: return weakMapTag$1; } } return result; }; } var _getTag = getTag$3; var objectProto$1 = Object.prototype; var hasOwnProperty$1 = objectProto$1.hasOwnProperty; function initCloneArray$1(array) { var length2 = array.length, result = new array.constructor(length2); if (length2 && typeof array[0] == "string" && hasOwnProperty$1.call(array, "index")) { result.index = array.index; result.input = array.input; } return result; } var _initCloneArray = initCloneArray$1; var root = _root; var Uint8Array$1 = root.Uint8Array; var _Uint8Array = Uint8Array$1; var Uint8Array = _Uint8Array; function cloneArrayBuffer$3(arrayBuffer) { var result = new arrayBuffer.constructor(arrayBuffer.byteLength); new Uint8Array(result).set(new Uint8Array(arrayBuffer)); return result; } var _cloneArrayBuffer = cloneArrayBuffer$3; var cloneArrayBuffer$2 = _cloneArrayBuffer; function cloneDataView$1(dataView, isDeep) { var buffer = isDeep ? cloneArrayBuffer$2(dataView.buffer) : dataView.buffer; return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength); } var _cloneDataView = cloneDataView$1; var reFlags = /\w*$/; function cloneRegExp$1(regexp) { var result = new regexp.constructor(regexp.source, reFlags.exec(regexp)); result.lastIndex = regexp.lastIndex; return result; } var _cloneRegExp = cloneRegExp$1; var Symbol$1 = _Symbol; var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0; function cloneSymbol$1(symbol) { return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {}; } var _cloneSymbol = cloneSymbol$1; var cloneArrayBuffer$1 = _cloneArrayBuffer; function cloneTypedArray$2(typedArray, isDeep) { var buffer = isDeep ? cloneArrayBuffer$1(typedArray.buffer) : typedArray.buffer; return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length); } var _cloneTypedArray = cloneTypedArray$2; var cloneArrayBuffer = _cloneArrayBuffer, cloneDataView = _cloneDataView, cloneRegExp = _cloneRegExp, cloneSymbol = _cloneSymbol, cloneTypedArray$1 = _cloneTypedArray; var boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]"; var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]"; function initCloneByTag$1(object, tag, isDeep) { var Ctor = object.constructor; switch (tag) { case arrayBufferTag$1: return cloneArrayBuffer(object); case boolTag$1: case dateTag$1: return new Ctor(+object); case dataViewTag$1: return cloneDataView(object, isDeep); case float32Tag$1: case float64Tag$1: case int8Tag$1: case int16Tag$1: case int32Tag$1: case uint8Tag$1: case uint8ClampedTag$1: case uint16Tag$1: case uint32Tag$1: return cloneTypedArray$1(object, isDeep); case mapTag$2: return new Ctor(); case numberTag$1: case stringTag$1: return new Ctor(object); case regexpTag$1: return cloneRegExp(object); case setTag$2: return new Ctor(); case symbolTag$1: return cloneSymbol(object); } } var _initCloneByTag = initCloneByTag$1; var isObject$3 = isObject_1; var objectCreate = Object.create; var baseCreate$1 = /* @__PURE__ */ function() { function object() { } return function(proto) { if (!isObject$3(proto)) { return {}; } if (objectCreate) { return objectCreate(proto); } object.prototype = proto; var result = new object(); object.prototype = void 0; return result; }; }(); var _baseCreate = baseCreate$1; var baseCreate = _baseCreate, getPrototype$1 = _getPrototype, isPrototype = _isPrototype; function initCloneObject$2(object) { return typeof object.constructor == "function" && !isPrototype(object) ? baseCreate(getPrototype$1(object)) : {}; } var _initCloneObject = initCloneObject$2; var getTag$2 = _getTag, isObjectLike$3 = isObjectLike_1; var mapTag$1 = "[object Map]"; function baseIsMap$1(value) { return isObjectLike$3(value) && getTag$2(value) == mapTag$1; } var _baseIsMap = baseIsMap$1; var baseIsMap = _baseIsMap, baseUnary$1 = _baseUnary, nodeUtil$1 = _nodeUtilExports; var nodeIsMap = nodeUtil$1 && nodeUtil$1.isMap; var isMap$1 = nodeIsMap ? baseUnary$1(nodeIsMap) : baseIsMap; var isMap_1 = isMap$1; var getTag$1 = _getTag, isObjectLike$2 = isObjectLike_1; var setTag$1 = "[object Set]"; function baseIsSet$1(value) { return isObjectLike$2(value) && getTag$1(value) == setTag$1; } var _baseIsSet = baseIsSet$1; var baseIsSet = _baseIsSet, baseUnary = _baseUnary, nodeUtil = _nodeUtilExports; var nodeIsSet = nodeUtil && nodeUtil.isSet; var isSet$1 = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet; var isSet_1 = isSet$1; var Stack$1 = _Stack, arrayEach = _arrayEach, assignValue = _assignValue, baseAssign = _baseAssign, baseAssignIn = _baseAssignIn, cloneBuffer$1 = _cloneBufferExports, copyArray$1 = _copyArray, copySymbols = _copySymbols, copySymbolsIn = _copySymbolsIn, getAllKeys = _getAllKeys, getAllKeysIn = _getAllKeysIn, getTag = _getTag, initCloneArray = _initCloneArray, initCloneByTag = _initCloneByTag, initCloneObject$1 = _initCloneObject, isArray$1 = isArray_1, isBuffer$1 = isBufferExports, isMap = isMap_1, isObject$2 = isObject_1, isSet = isSet_1, keys = keys_1, keysIn$2 = keysIn_1; var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG$1 = 4; var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag$1 = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", weakMapTag = "[object WeakMap]"; var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]"; var cloneableTags = {}; cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag$1] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true; cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false; function baseClone$1(value, bitmask, customizer, key, object, stack) { var result, isDeep = bitmask & CLONE_DEEP_FLAG, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG$1; if (customizer) { result = object ? customizer(value, key, object, stack) : customizer(value); } if (result !== void 0) { return result; } if (!isObject$2(value)) { return value; } var isArr = isArray$1(value); if (isArr) { result = initCloneArray(value); if (!isDeep) { return copyArray$1(value, result); } } else { var tag = getTag(value), isFunc = tag == funcTag || tag == genTag; if (isBuffer$1(value)) { return cloneBuffer$1(value, isDeep); } if (tag == objectTag$1 || tag == argsTag || isFunc && !object) { result = isFlat || isFunc ? {} : initCloneObject$1(value); if (!isDeep) { return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value)); } } else { if (!cloneableTags[tag]) { return object ? value : {}; } result = initCloneByTag(value, tag, isDeep); } } stack || (stack = new Stack$1()); var stacked = stack.get(value); if (stacked) { return stacked; } stack.set(value, result); if (isSet(value)) { value.forEach(function(subValue) { result.add(baseClone$1(subValue, bitmask, customizer, subValue, value, stack)); }); } else if (isMap(value)) { value.forEach(function(subValue, key2) { result.set(key2, baseClone$1(subValue, bitmask, customizer, key2, value, stack)); }); } var keysFunc = isFull ? isFlat ? getAllKeysIn : getAllKeys : isFlat ? keysIn$2 : keys; var props = isArr ? void 0 : keysFunc(value); arrayEach(props || value, function(subValue, key2) { if (props) { key2 = subValue; subValue = value[key2]; } assignValue(result, key2, baseClone$1(subValue, bitmask, customizer, key2, value, stack)); }); return result; } var _baseClone = baseClone$1; var baseClone = _baseClone; var CLONE_SYMBOLS_FLAG = 4; function clone(value) { return baseClone(value, CLONE_SYMBOLS_FLAG); } var clone_1 = clone; const lodashClone = /* @__PURE__ */ getDefaultExportFromCjs(clone_1); const StyledPandoraDrawer = styled(Drawer$1, { shouldForwardProp: (fieldName) => filterForwardProps(fieldName, ["openPandora", "drawerPosition"]) })( ({ drawerPosition = "right", openPandora = false, theme }) => { const { breakpoints: breakpoints2, transitions } = theme; const matches = useMediaQuery(breakpoints2.up("sm")); const drawerSize = matches ? uiConfig.pandoraDrawerMaxHeight : uiConfig.pandoraDrawerMinHeight; const drawerSizeGap = `${50 - parseInt(drawerSize.replace("%", ""), 10) / 2}%`; const baseStyle = { margin: 0 }; switch (drawerPosition) { case "top": return { [`& .${drawerClasses$1.paper}`]: { height: uiConfig.pandoraDrawerWidth, width: `${drawerSize}`, left: drawerSizeGap } }; case "right": return { [`& .${drawerClasses$1.paper}`]: { ...baseStyle, width: uiConfig.pandoraDrawerWidth, height: `${drawerSize}`, top: drawerSizeGap, transform: `translateX(${uiConfig.pandoraDrawerWidth})`, transition: transitions.create(["transform"], { easing: transitions.easing.sharp, duration: transitions.duration.shorter }), ...openPandora && { transform: `translateX(${0})`, transition: transitions.create(["transform"], { easing: transitions.easing.sharp, duration: transitions.duration.enteringScreen }) } } }; case "bottom": return { [`& .${drawerClasses$1.paper}`]: { height: uiConfig.pandoraDrawerWidth, width: `${drawerSize}`, left: drawerSizeGap } }; case "left": return { [`& .${drawerClasses$1.paper}`]: { width: uiConfig.pandoraDrawerWidth, height: `${drawerSize}`, top: drawerSizeGap } }; default: return { [`& .${drawerClasses$1.paper}`]: { width: uiConfig.pandoraDrawerWidth, height: `${drawerSize}`, top: drawerSizeGap } }; } } ); function PandoraDrawer({ openDrawer = false, handleCloseDrawer = void 0, drawerPosition = "right", ...restProps }) { const theme = useTheme(); useMediaQuery(theme.breakpoints.up("sm")); const forceStop = React.useRef(false); const [isFetching, setIsFetching] = React.useState(false); const drawerVariant = drawerPosition === "left" || drawerPosition === "right" ? "permanent" : "persistent"; const handleModifyInviteExpiredTime = async (inviteIDs, csrfToken) => { if (forceStop.current) { forceStop.current = false; setIsFetching(false); console.warn("用户强制跳出"); return; } if (inviteIDs.length <= 0) { setIsFetching(false); return; } const inviteID = inviteIDs.splice(0, 1)[0]; const modifyRes = await fetchUpdateInvite(inviteID, csrfToken); console.log(modifyRes); const randSleepTime = Math.floor(Math.random() * (2e3 - 1e3 + 1)) + 1e3; setTimeout(() => { handleModifyInviteExpiredTime(inviteIDs, csrfToken); }, randSleepTime); }; const handleModifyInvitesExpiredTime = async () => { const username = getPreloadedUsername(); const csrfToken = getCsrfToken(); if (username && csrfToken) { const invitesData = await fetchGetInvites(username, csrfToken, "pending", 0); if (invitesData) { const invites = lodashClone(invitesData.invites); setIsFetching(true); forceStop.current = false; await handleModifyInviteExpiredTime( invites.map((invite) => invite.id), csrfToken ); } } }; const handleGetForumAbout = async () => { const csrfToken = getCsrfToken(); if (csrfToken) { setIsFetching(true); const aboutData = await fetchForumAbout(csrfToken).then((res) => { setIsFetching(false); return res; }); console.log(aboutData); } }; const [levelInfoOpen, setLevelInfoOpen] = React.useState(false); const handleToggleLevelInfoDialog = (state) => { if (state === void 0) { setLevelInfoOpen((prevState) => !prevState); } else { setLevelInfoOpen(state); } }; return /* @__PURE__ */ jsxRuntimeExports.jsx( StyledPandoraDrawer, { anchor: drawerPosition, variant: drawerVariant, open: openDrawer, onClose: () => handleCloseDrawer && handleCloseDrawer(), ModalProps: { keepMounted: true }, openPandora: openDrawer, drawerPosition, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { component: "div", sx: { width: "calc(280px - 1rem)", m: "0.5rem" }, children: [ /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButton$1, { variant: "contained", loading: isFetching, onClick: () => handleModifyInvitesExpiredTime(), children: "一键修改邀请时限" }), /* @__PURE__ */ jsxRuntimeExports.jsx( Button, { color: "info", variant: "gradient", disabled: !isFetching, onClick: () => { forceStop.current = true; }, children: "停止修改邀请时限" } ), /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}), /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButton$1, { variant: "contained", loading: isFetching, onClick: () => handleGetForumAbout(), children: "获取 linux.do 论坛统计数据" }), /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}), /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { color: "info", variant: "gradient", disabled: isFetching, onClick: () => handleToggleLevelInfoDialog(true), children: "查看等级数据" }), /* @__PURE__ */ jsxRuntimeExports.jsx(LeveltrustDialog, { open: levelInfoOpen, toggleOpen: handleToggleLevelInfoDialog }) ] }) } ); } const button = (theme) => { const isLight = theme.palette.mode === "light"; const { white, black, primary, secondary, error, warning, success, info, light: light2, dark: dark2, text, transparent } = theme.palette; const { borderRadius: borderRadius2 } = theme.borders; const { fontWeightBold, size } = theme.typography; const { pxToRem: pxToRem2 } = theme.functions; return { MuiButtonBase: { styleOverrides: { root: {} } }, MuiButton: { defaultProps: { disableRipple: false }, styleOverrides: { root: { display: "inline-flex", justifyContent: "center", alignItems: "center", fontSize: size.xs, fontWeight: fontWeightBold, borderRadius: borderRadius2.lg, padding: `${pxToRem2(6.302)} ${pxToRem2(16.604)}`, lineHeight: 1.4, textAlign: "center", textTransform: "uppercase", userSelect: "none", backgroundSize: "150% !important", backgroundPositionX: "25% !important", transition: "all 150ms ease-in", [`&.${buttonClasses$1.disabled}`]: { pointerEvent: "none", opacity: 0.65 }, "& .material-icons": { fontSize: pxToRem2(15), marginTop: pxToRem2(-2) } }, text: { backgroundColor: transparent.main, minHeight: pxToRem2(isLight ? 40 : 37), color: text.main, boxShadow: "none", padding: `${pxToRem2(isLight ? 10 : 9)} ${pxToRem2(24)}`, "&:hover": { backgroundColor: transparent.main, boxShadow: "none" }, "&:focus": { boxShadow: "none" }, "&:active, &:active:focus, &:active:hover": { opacity: 0.85, boxShadow: "none" }, [`&.${buttonClasses$1.disabled}`]: { boxShadow: "none" }, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(16)} !important` }, // [`&.${buttonClasses.text}.${buttonClasses.colorInherit}`]: {}, [`&.${buttonClasses$1.text}.${buttonClasses$1.colorPrimary}`]: { color: info.main, "&:hover": { color: info.main }, "&:focus:not(:hover)": { color: info.focus, boxShadow: "none" } }, [`&.${buttonClasses$1.text}.${buttonClasses$1.colorSecondary}`]: { color: secondary.main, "&:hover": { color: secondary.main }, "&:focus:not(:hover)": { color: secondary.focus, boxShadow: "none" } }, [`&.${buttonClasses$1.text}.${buttonClasses$1.colorError}`]: { color: error.main, "&:hover": { color: error.main }, "&:focus:not(:hover)": { color: error.focus, boxShadow: "none" } }, [`&.${buttonClasses$1.text}.${buttonClasses$1.colorWarning}`]: { color: warning.main, "&:hover": { color: warning.main }, "&:focus:not(:hover)": { color: warning.focus, boxShadow: "none" } }, [`&.${buttonClasses$1.text}.${buttonClasses$1.colorSuccess}`]: { color: success.main, "&:hover": { color: success.main }, "&:focus:not(:hover)": { color: success.focus, boxShadow: "none" } }, [`&.${buttonClasses$1.text}.${buttonClasses$1.colorInfo}`]: { color: info.main, "&:hover": { color: info.main }, "&:focus:not(:hover)": { color: info.focus, boxShadow: "none" } }, [`&.${buttonClasses$1.text}.${buttonClasses$1.sizeSmall}`]: { minHeight: pxToRem2(isLight ? 32 : 29), padding: `${pxToRem2(6)} ${pxToRem2(isLight ? 16 : 18)}`, fontSize: size.xs, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(12)} !important` } }, // [`&.${buttonClasses.text}.${buttonClasses.sizeMedium}`]: {}, [`&.${buttonClasses$1.text}.${buttonClasses$1.sizeLarge}`]: { minHeight: pxToRem2(isLight ? 47 : 44), padding: `${pxToRem2(12)} ${pxToRem2(isLight ? 28 : 24)}`, fontSize: size.sm, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(22)} !important` } } }, outlined: { minHeight: pxToRem2(isLight ? 40 : 39), color: light2.main, borderColor: light2.main, padding: `${pxToRem2(isLight ? 10 : 9)} ${pxToRem2(24)}`, "&:hover": { opacity: 0.75, backgroundColor: transparent.main }, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(16)} !important` }, // [`&.${buttonClasses.outlined}.${buttonClasses.colorInherit}`]: {}, [`&.${buttonClasses$1.outlined}.${buttonClasses$1.colorPrimary}`]: { backgroundColor: transparent.main, borderColor: info.main, "&:hover": { backgroundColor: transparent.main } }, [`&.${buttonClasses$1.outlined}.${buttonClasses$1.colorSecondary}`]: { backgroundColor: transparent.main, borderColor: secondary.main, "&:hover": { backgroundColor: transparent.main } }, [`&.${buttonClasses$1.outlined}.${buttonClasses$1.colorError}`]: { backgroundColor: transparent.main, borderColor: error.main, "&:hover": { backgroundColor: transparent.main } }, [`&.${buttonClasses$1.outlined}.${buttonClasses$1.colorWarning}`]: { backgroundColor: transparent.main, borderColor: warning.main, "&:hover": { backgroundColor: transparent.main } }, [`&.${buttonClasses$1.outlined}.${buttonClasses$1.colorSuccess}`]: { backgroundColor: transparent.main, borderColor: success.main, "&:hover": { backgroundColor: transparent.main } }, [`&.${buttonClasses$1.outlined}.${buttonClasses$1.colorInfo}`]: { backgroundColor: transparent.main, borderColor: info.main, "&:hover": { backgroundColor: transparent.main } }, [`&.${buttonClasses$1.outlined}.${buttonClasses$1.sizeSmall}`]: { minHeight: pxToRem2(isLight ? 32 : 31), padding: `${pxToRem2(6)} ${pxToRem2(isLight ? 16 : 18)}`, fontSize: size.xs, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(12)} !important` } }, // [`&.${buttonClasses.outlined}.${buttonClasses.sizeMedium}`]: {}, [`&.${buttonClasses$1.outlined}.${buttonClasses$1.sizeLarge}`]: { minHeight: pxToRem2(isLight ? 47 : 46), padding: `${pxToRem2(12)} ${pxToRem2(isLight ? 28 : 24)}`, fontSize: size.sm, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(22)} !important` } } }, contained: { backgroundColor: white.main, minHeight: pxToRem2(isLight ? 40 : 37), color: text.main, padding: `${pxToRem2(isLight ? 10 : 9)} ${pxToRem2(24)}`, "&:hover": { backgroundColor: white.main }, "&:active, &:active:focus, &:active:hover": { opacity: 0.85 }, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(16)} !important` }, // [`&.${buttonClasses.contained}.${buttonClasses.colorInherit}`]: {}, [`&.${buttonClasses$1.contained}.${buttonClasses$1.colorPrimary}`]: { backgroundColor: info.main, "&:hover": { backgroundColor: info.main }, "&:focus:not(:hover)": { backgroundColor: info.focus } }, [`&.${buttonClasses$1.contained}.${buttonClasses$1.colorSecondary}`]: { backgroundColor: secondary.main, "&:hover": { backgroundColor: secondary.main }, "&:focus:not(:hover)": { backgroundColor: secondary.focus } }, [`&.${buttonClasses$1.contained}.${buttonClasses$1.colorError}`]: { backgroundColor: error.main, "&:hover": { backgroundColor: error.main }, "&:focus:not(:hover)": { backgroundColor: error.focus } }, [`&.${buttonClasses$1.contained}.${buttonClasses$1.colorWarning}`]: { backgroundColor: warning.main, "&:hover": { backgroundColor: warning.main }, "&:focus:not(:hover)": { backgroundColor: warning.focus } }, [`&.${buttonClasses$1.contained}.${buttonClasses$1.colorSuccess}`]: { backgroundColor: success.main, "&:hover": { backgroundColor: success.main }, "&:focus:not(:hover)": { backgroundColor: success.focus } }, [`&.${buttonClasses$1.contained}.${buttonClasses$1.colorInfo}`]: { backgroundColor: info.main, "&:hover": { backgroundColor: info.main }, "&:focus:not(:hover)": { color: info.focus } }, [`&.${buttonClasses$1.contained}.${buttonClasses$1.sizeSmall}`]: { minHeight: pxToRem2(isLight ? 32 : 29), padding: `${pxToRem2(6)} ${pxToRem2(isLight ? 16 : 18)}`, fontSize: size.xs, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(12)} !important` } }, // [`&.${buttonClasses.contained}.${buttonClasses.sizeMedium}`]: {}, [`&.${buttonClasses$1.contained}.${buttonClasses$1.sizeLarge}`]: { minHeight: pxToRem2(isLight ? 47 : 44), padding: `${pxToRem2(12)} ${pxToRem2(isLight ? 28 : 24)}`, fontSize: size.sm, "& .material-icon, .material-icons-round, svg": { fontSize: `${pxToRem2(22)} !important` } } } // icon: { // [`&.${buttonClasses.sizeSmall} > .${buttonClasses.icon}`]: {}, // [`&.${buttonClasses.sizeMedium} > .${buttonClasses.icon}`]: {}, // [`&.${buttonClasses.sizeLarge} > .${buttonClasses.icon}`]: {}, // }, } }, MuiIconButton: { styleOverrides: { root: {} } }, MuiListItemButton: { styleOverrides: { root: {} } } }; }; const card = (theme) => { const isLight = theme.palette.mode === "light"; const { white, black, background } = theme.palette; const { borderWidth, borderRadius: borderRadius2 } = theme.borders; const { md } = theme.boxShadows; const { rgba: rgba2, pxToRem: pxToRem2 } = theme.functions; return { MuiCard: { styleOverrides: { root: { display: "flex", flexDirection: "column", position: "relative", minWidth: 0, wordWrap: "break-word", ...isLight && { backgroundColor: white.main }, ...!isLight && { backgroundImage: "none", backgroundColor: background.card }, backgroundClip: "border-box", border: `${borderWidth[0]} solid ${rgba2(black.main, 0.125)}`, borderRadius: borderRadius2.xl, boxShadow: md, overflow: "visible" } } }, MuiCardContent: { styleOverrides: { root: { marginTop: 0, marginBottom: 0, padding: `${pxToRem2(8)} ${pxToRem2(24)} ${pxToRem2(24)}` } } }, MuiCardMedia: { styleOverrides: { root: { borderRadius: borderRadius2.xl, margin: `${pxToRem2(16)} ${pxToRem2(16)} 0` }, media: { width: "auto" } } } }; }; const drawer = (theme) => { const isLight = theme.palette.mode === "light"; const { white, background } = theme.palette; const { borderRadius: borderRadius2 } = theme.borders; const { pxToRem: pxToRem2 } = theme.functions; return { MuiDrawer: { styleOverrides: { root: { width: pxToRem2(250), whiteSpace: "nowrap", border: "none" }, paper: { width: pxToRem2(250), backgroundColor: isLight ? white.main : background.sidenav, height: `calc(100vh - ${pxToRem2(32)})`, margin: pxToRem2(16), borderRadius: borderRadius2.xl, border: "none" }, paperAnchorDockedLeft: { borderRight: "none" } } } }; }; const progress = (theme) => { theme.palette.mode === "light"; const { light: light2 } = theme.palette; const { borderRadius: borderRadius2 } = theme.borders; const { pxToRem: pxToRem2 } = theme.functions; return { MuiCircularProgress: { // styleOverrides: { // root: {}, // }, }, MuiLinearProgress: { styleOverrides: { root: { height: pxToRem2(6), borderRadius: borderRadius2.md, overflow: "visible", position: "relative" }, colorPrimary: { backgroundColor: light2.main }, colorSecondary: { backgroundColor: light2.main }, bar: { height: pxToRem2(6), borderRadius: borderRadius2.sm, position: "absolute", transform: `translate(0, 0) !important`, transition: "width 0.6s ease !important" } } } }; }; var baseAssignValue = _baseAssignValue, eq = eq_1; function assignMergeValue$2(object, key, value) { if (value !== void 0 && !eq(object[key], value) || value === void 0 && !(key in object)) { baseAssignValue(object, key, value); } } var _assignMergeValue = assignMergeValue$2; function createBaseFor$1(fromRight) { return function(object, iteratee, keysFunc) { var index = -1, iterable = Object(object), props = keysFunc(object), length2 = props.length; while (length2--) { var key = props[fromRight ? length2 : ++index]; if (iteratee(iterable[key], key, iterable) === false) { break; } } return object; }; } var _createBaseFor = createBaseFor$1; var createBaseFor = _createBaseFor; var baseFor$1 = createBaseFor(); var _baseFor = baseFor$1; var isArrayLike = isArrayLike_1, isObjectLike$1 = isObjectLike_1; function isArrayLikeObject$1(value) { return isObjectLike$1(value) && isArrayLike(value); } var isArrayLikeObject_1 = isArrayLikeObject$1; var baseGetTag = _baseGetTag, getPrototype = _getPrototype, isObjectLike = isObjectLike_1; var objectTag = "[object Object]"; var funcProto = Function.prototype, objectProto = Object.prototype; var funcToString = funcProto.toString; var hasOwnProperty = objectProto.hasOwnProperty; var objectCtorString = funcToString.call(Object); function isPlainObject$1(value) { if (!isObjectLike(value) || baseGetTag(value) != objectTag) { return false; } var proto = getPrototype(value); if (proto === null) { return true; } var Ctor = hasOwnProperty.call(proto, "constructor") && proto.constructor; return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString; } var isPlainObject_1 = isPlainObject$1; function safeGet$2(object, key) { if (key === "constructor" && typeof object[key] === "function") { return; } if (key == "__proto__") { return; } return object[key]; } var _safeGet = safeGet$2; var copyObject = _copyObject, keysIn$1 = keysIn_1; function toPlainObject$1(value) { return copyObject(value, keysIn$1(value)); } var toPlainObject_1 = toPlainObject$1; var assignMergeValue$1 = _assignMergeValue, cloneBuffer = _cloneBufferExports, cloneTypedArray = _cloneTypedArray, copyArray = _copyArray, initCloneObject = _initCloneObject, isArguments = isArguments_1, isArray = isArray_1, isArrayLikeObject = isArrayLikeObject_1, isBuffer = isBufferExports, isFunction = isFunction_1, isObject$1 = isObject_1, isPlainObject = isPlainObject_1, isTypedArray = isTypedArray_1, safeGet$1 = _safeGet, toPlainObject = toPlainObject_1; function baseMergeDeep$1(object, source, key, srcIndex, mergeFunc, customizer, stack) { var objValue = safeGet$1(object, key), srcValue = safeGet$1(source, key), stacked = stack.get(srcValue); if (stacked) { assignMergeValue$1(object, key, stacked); return; } var newValue = customizer ? customizer(objValue, srcValue, key + "", object, source, stack) : void 0; var isCommon = newValue === void 0; if (isCommon) { var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue); newValue = srcValue; if (isArr || isBuff || isTyped) { if (isArray(objValue)) { newValue = objValue; } else if (isArrayLikeObject(objValue)) { newValue = copyArray(objValue); } else if (isBuff) { isCommon = false; newValue = cloneBuffer(srcValue, true); } else if (isTyped) { isCommon = false; newValue = cloneTypedArray(srcValue, true); } else { newValue = []; } } else if (isPlainObject(srcValue) || isArguments(srcValue)) { newValue = objValue; if (isArguments(objValue)) { newValue = toPlainObject(objValue); } else if (!isObject$1(objValue) || isFunction(objValue)) { newValue = initCloneObject(srcValue); } } else { isCommon = false; } } if (isCommon) { stack.set(srcValue, newValue); mergeFunc(newValue, srcValue, srcIndex, customizer, stack); stack["delete"](srcValue); } assignMergeValue$1(object, key, newValue); } var _baseMergeDeep = baseMergeDeep$1; var Stack = _Stack, assignMergeValue = _assignMergeValue, baseFor = _baseFor, baseMergeDeep = _baseMergeDeep, isObject = isObject_1, keysIn = keysIn_1, safeGet = _safeGet; function baseMerge$1(object, source, srcIndex, customizer, stack) { if (object === source) { return; } baseFor(source, function(srcValue, key) { stack || (stack = new Stack()); if (isObject(srcValue)) { baseMergeDeep(object, source, key, srcIndex, baseMerge$1, customizer, stack); } else { var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack) : void 0; if (newValue === void 0) { newValue = srcValue; } assignMergeValue(object, key, newValue); } }, keysIn); } var _baseMerge = baseMerge$1; function identity$2(value) { return value; } var identity_1 = identity$2; function apply$1(func, thisArg, args) { switch (args.length) { case 0: return func.call(thisArg); case 1: return func.call(thisArg, args[0]); case 2: return func.call(thisArg, args[0], args[1]); case 3: return func.call(thisArg, args[0], args[1], args[2]); } return func.apply(thisArg, args); } var _apply = apply$1; var apply = _apply; var nativeMax = Math.max; function overRest$1(func, start, transform) { start = nativeMax(start === void 0 ? func.length - 1 : start, 0); return function() { var args = arguments, index = -1, length2 = nativeMax(args.length - start, 0), array = Array(length2); while (++index < length2) { array[index] = args[start + index]; } index = -1; var otherArgs = Array(start + 1); while (++index < start) { otherArgs[index] = args[index]; } otherArgs[start] = transform(array); return apply(func, this, otherArgs); }; } var _overRest = overRest$1; function constant$1(value) { return function() { return value; }; } var constant_1 = constant$1; var constant = constant_1, defineProperty = _defineProperty, identity$1 = identity_1; var baseSetToString$1 = !defineProperty ? identity$1 : function(func, string) { return defineProperty(func, "toString", { "configurable": true, "enumerable": false, "value": constant(string), "writable": true }); }; var _baseSetToString = baseSetToString$1; var HOT_COUNT = 800, HOT_SPAN = 16; var nativeNow = Date.now; function shortOut$1(func) { var count = 0, lastCalled = 0; return function() { var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled); lastCalled = stamp; if (remaining > 0) { if (++count >= HOT_COUNT) { return arguments[0]; } } else { count = 0; } return func.apply(void 0, arguments); }; } var _shortOut = shortOut$1; var baseSetToString = _baseSetToString, shortOut = _shortOut; var setToString$1 = shortOut(baseSetToString); var _setToString = setToString$1; var identity = identity_1, overRest = _overRest, setToString = _setToString; function baseRest$1(func, start) { return setToString(overRest(func, start, identity), func + ""); } var _baseRest = baseRest$1; var baseRest = _baseRest, isIterateeCall = _isIterateeCall; function createAssigner$1(assigner) { return baseRest(function(object, sources) { var index = -1, length2 = sources.length, customizer = length2 > 1 ? sources[length2 - 1] : void 0, guard = length2 > 2 ? sources[2] : void 0; customizer = assigner.length > 3 && typeof customizer == "function" ? (length2--, customizer) : void 0; if (guard && isIterateeCall(sources[0], sources[1], guard)) { customizer = length2 < 3 ? void 0 : customizer; length2 = 1; } object = Object(object); while (++index < length2) { var source = sources[index]; if (source) { assigner(object, source, index, customizer); } } return object; }); } var _createAssigner = createAssigner$1; var baseMerge = _baseMerge, createAssigner = _createAssigner; var merge = createAssigner(function(object, source, srcIndex) { baseMerge(object, source, srcIndex); }); var merge_1 = merge; const lodashMerge = /* @__PURE__ */ getDefaultExportFromCjs(merge_1); const componentsOverrides = (theme) => { const components = lodashMerge( button(theme), card(theme), drawer(theme), progress(theme) ); return components; }; const pxToRem = (number, baseNumber = 16) => { return `${number / baseNumber}rem`; }; var chroma$1 = { exports: {} }; /** * chroma.js - JavaScript library for color conversions * * Copyright (c) 2011-2019, Gregor Aisch * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * 1. Redistributions of source code must retain the above copyright notice, this * list of conditions and the following disclaimer. * * 2. Redistributions in binary form must reproduce the above copyright notice, * this list of conditions and the following disclaimer in the documentation * and/or other materials provided with the distribution. * * 3. The name Gregor Aisch may not be used to endorse or promote products * derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL GREGOR AISCH OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, * BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. * * ------------------------------------------------------- * * chroma.js includes colors from colorbrewer2.org, which are released under * the following license: * * Copyright (c) 2002 Cynthia Brewer, Mark Harrower, * and The Pennsylvania State University. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, * either express or implied. See the License for the specific * language governing permissions and limitations under the License. * * ------------------------------------------------------ * * Named colors are taken from X11 Color Names. * http://www.w3.org/TR/css3-color/#svg-color * * @preserve */ (function(module, exports) { (function(global2, factory) { module.exports = factory(); })(commonjsGlobal, function() { var limit$2 = function(x2, min2, max2) { if (min2 === void 0) min2 = 0; if (max2 === void 0) max2 = 1; return x2 < min2 ? min2 : x2 > max2 ? max2 : x2; }; var limit$1 = limit$2; var clip_rgb$3 = function(rgb2) { rgb2._clipped = false; rgb2._unclipped = rgb2.slice(0); for (var i2 = 0; i2 <= 3; i2++) { if (i2 < 3) { if (rgb2[i2] < 0 || rgb2[i2] > 255) { rgb2._clipped = true; } rgb2[i2] = limit$1(rgb2[i2], 0, 255); } else if (i2 === 3) { rgb2[i2] = limit$1(rgb2[i2], 0, 1); } } return rgb2; }; var classToType = {}; for (var i$1 = 0, list$1 = ["Boolean", "Number", "String", "Function", "Array", "Date", "RegExp", "Undefined", "Null"]; i$1 < list$1.length; i$1 += 1) { var name = list$1[i$1]; classToType["[object " + name + "]"] = name.toLowerCase(); } var type$p = function(obj) { return classToType[Object.prototype.toString.call(obj)] || "object"; }; var type$o = type$p; var unpack$B = function(args, keyOrder) { if (keyOrder === void 0) keyOrder = null; if (args.length >= 3) { return Array.prototype.slice.call(args); } if (type$o(args[0]) == "object" && keyOrder) { return keyOrder.split("").filter(function(k2) { return args[0][k2] !== void 0; }).map(function(k2) { return args[0][k2]; }); } return args[0]; }; var type$n = type$p; var last$4 = function(args) { if (args.length < 2) { return null; } var l2 = args.length - 1; if (type$n(args[l2]) == "string") { return args[l2].toLowerCase(); } return null; }; var PI$2 = Math.PI; var utils = { clip_rgb: clip_rgb$3, limit: limit$2, type: type$p, unpack: unpack$B, last: last$4, PI: PI$2, TWOPI: PI$2 * 2, PITHIRD: PI$2 / 3, DEG2RAD: PI$2 / 180, RAD2DEG: 180 / PI$2 }; var input$h = { format: {}, autodetect: [] }; var last$3 = utils.last; var clip_rgb$2 = utils.clip_rgb; var type$m = utils.type; var _input = input$h; var Color$D = function Color2() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var me = this; if (type$m(args[0]) === "object" && args[0].constructor && args[0].constructor === this.constructor) { return args[0]; } var mode = last$3(args); var autodetect = false; if (!mode) { autodetect = true; if (!_input.sorted) { _input.autodetect = _input.autodetect.sort(function(a, b2) { return b2.p - a.p; }); _input.sorted = true; } for (var i2 = 0, list2 = _input.autodetect; i2 < list2.length; i2 += 1) { var chk = list2[i2]; mode = chk.test.apply(chk, args); if (mode) { break; } } } if (_input.format[mode]) { var rgb2 = _input.format[mode].apply(null, autodetect ? args : args.slice(0, -1)); me._rgb = clip_rgb$2(rgb2); } else { throw new Error("unknown format: " + args); } if (me._rgb.length === 3) { me._rgb.push(1); } }; Color$D.prototype.toString = function toString2() { if (type$m(this.hex) == "function") { return this.hex(); } return "[" + this._rgb.join(",") + "]"; }; var Color_1 = Color$D; var chroma$k = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(chroma$k.Color, [null].concat(args)))(); }; chroma$k.Color = Color_1; chroma$k.version = "2.4.2"; var chroma_1 = chroma$k; var unpack$A = utils.unpack; var max$2 = Math.max; var rgb2cmyk$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$A(args, "rgb"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; r2 = r2 / 255; g2 = g2 / 255; b2 = b2 / 255; var k2 = 1 - max$2(r2, max$2(g2, b2)); var f2 = k2 < 1 ? 1 / (1 - k2) : 0; var c2 = (1 - r2 - k2) * f2; var m2 = (1 - g2 - k2) * f2; var y2 = (1 - b2 - k2) * f2; return [c2, m2, y2, k2]; }; var rgb2cmyk_1 = rgb2cmyk$1; var unpack$z = utils.unpack; var cmyk2rgb = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$z(args, "cmyk"); var c2 = args[0]; var m2 = args[1]; var y2 = args[2]; var k2 = args[3]; var alpha2 = args.length > 4 ? args[4] : 1; if (k2 === 1) { return [0, 0, 0, alpha2]; } return [ c2 >= 1 ? 0 : 255 * (1 - c2) * (1 - k2), // r m2 >= 1 ? 0 : 255 * (1 - m2) * (1 - k2), // g y2 >= 1 ? 0 : 255 * (1 - y2) * (1 - k2), // b alpha2 ]; }; var cmyk2rgb_1 = cmyk2rgb; var chroma$j = chroma_1; var Color$C = Color_1; var input$g = input$h; var unpack$y = utils.unpack; var type$l = utils.type; var rgb2cmyk = rgb2cmyk_1; Color$C.prototype.cmyk = function() { return rgb2cmyk(this._rgb); }; chroma$j.cmyk = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$C, [null].concat(args, ["cmyk"])))(); }; input$g.format.cmyk = cmyk2rgb_1; input$g.autodetect.push({ p: 2, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$y(args, "cmyk"); if (type$l(args) === "array" && args.length === 4) { return "cmyk"; } } }); var unpack$x = utils.unpack; var last$2 = utils.last; var rnd = function(a) { return Math.round(a * 100) / 100; }; var hsl2css$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var hsla = unpack$x(args, "hsla"); var mode = last$2(args) || "lsa"; hsla[0] = rnd(hsla[0] || 0); hsla[1] = rnd(hsla[1] * 100) + "%"; hsla[2] = rnd(hsla[2] * 100) + "%"; if (mode === "hsla" || hsla.length > 3 && hsla[3] < 1) { hsla[3] = hsla.length > 3 ? hsla[3] : 1; mode = "hsla"; } else { hsla.length = 3; } return mode + "(" + hsla.join(",") + ")"; }; var hsl2css_1 = hsl2css$1; var unpack$w = utils.unpack; var rgb2hsl$3 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$w(args, "rgba"); var r2 = args[0]; var g2 = args[1]; var b2 = args[2]; r2 /= 255; g2 /= 255; b2 /= 255; var min2 = Math.min(r2, g2, b2); var max2 = Math.max(r2, g2, b2); var l2 = (max2 + min2) / 2; var s, h2; if (max2 === min2) { s = 0; h2 = Number.NaN; } else { s = l2 < 0.5 ? (max2 - min2) / (max2 + min2) : (max2 - min2) / (2 - max2 - min2); } if (r2 == max2) { h2 = (g2 - b2) / (max2 - min2); } else if (g2 == max2) { h2 = 2 + (b2 - r2) / (max2 - min2); } else if (b2 == max2) { h2 = 4 + (r2 - g2) / (max2 - min2); } h2 *= 60; if (h2 < 0) { h2 += 360; } if (args.length > 3 && args[3] !== void 0) { return [h2, s, l2, args[3]]; } return [h2, s, l2]; }; var rgb2hsl_1 = rgb2hsl$3; var unpack$v = utils.unpack; var last$1 = utils.last; var hsl2css = hsl2css_1; var rgb2hsl$2 = rgb2hsl_1; var round$6 = Math.round; var rgb2css$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var rgba2 = unpack$v(args, "rgba"); var mode = last$1(args) || "rgb"; if (mode.substr(0, 3) == "hsl") { return hsl2css(rgb2hsl$2(rgba2), mode); } rgba2[0] = round$6(rgba2[0]); rgba2[1] = round$6(rgba2[1]); rgba2[2] = round$6(rgba2[2]); if (mode === "rgba" || rgba2.length > 3 && rgba2[3] < 1) { rgba2[3] = rgba2.length > 3 ? rgba2[3] : 1; mode = "rgba"; } return mode + "(" + rgba2.slice(0, mode === "rgb" ? 3 : 4).join(",") + ")"; }; var rgb2css_1 = rgb2css$1; var unpack$u = utils.unpack; var round$5 = Math.round; var hsl2rgb$1 = function() { var assign2; var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$u(args, "hsl"); var h2 = args[0]; var s = args[1]; var l2 = args[2]; var r2, g2, b2; if (s === 0) { r2 = g2 = b2 = l2 * 255; } else { var t3 = [0, 0, 0]; var c2 = [0, 0, 0]; var t2 = l2 < 0.5 ? l2 * (1 + s) : l2 + s - l2 * s; var t1 = 2 * l2 - t2; var h_ = h2 / 360; t3[0] = h_ + 1 / 3; t3[1] = h_; t3[2] = h_ - 1 / 3; for (var i2 = 0; i2 < 3; i2++) { if (t3[i2] < 0) { t3[i2] += 1; } if (t3[i2] > 1) { t3[i2] -= 1; } if (6 * t3[i2] < 1) { c2[i2] = t1 + (t2 - t1) * 6 * t3[i2]; } else if (2 * t3[i2] < 1) { c2[i2] = t2; } else if (3 * t3[i2] < 2) { c2[i2] = t1 + (t2 - t1) * (2 / 3 - t3[i2]) * 6; } else { c2[i2] = t1; } } assign2 = [round$5(c2[0] * 255), round$5(c2[1] * 255), round$5(c2[2] * 255)], r2 = assign2[0], g2 = assign2[1], b2 = assign2[2]; } if (args.length > 3) { return [r2, g2, b2, args[3]]; } return [r2, g2, b2, 1]; }; var hsl2rgb_1 = hsl2rgb$1; var hsl2rgb = hsl2rgb_1; var input$f = input$h; var RE_RGB = /^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/; var RE_RGBA = /^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/; var RE_RGB_PCT = /^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/; var RE_RGBA_PCT = /^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/; var RE_HSL = /^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/; var RE_HSLA = /^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/; var round$4 = Math.round; var css2rgb$1 = function(css2) { css2 = css2.toLowerCase().trim(); var m2; if (input$f.format.named) { try { return input$f.format.named(css2); } catch (e2) { } } if (m2 = css2.match(RE_RGB)) { var rgb2 = m2.slice(1, 4); for (var i2 = 0; i2 < 3; i2++) { rgb2[i2] = +rgb2[i2]; } rgb2[3] = 1; return rgb2; } if (m2 = css2.match(RE_RGBA)) { var rgb$1 = m2.slice(1, 5); for (var i$12 = 0; i$12 < 4; i$12++) { rgb$1[i$12] = +rgb$1[i$12]; } return rgb$1; } if (m2 = css2.match(RE_RGB_PCT)) { var rgb$2 = m2.slice(1, 4); for (var i$2 = 0; i$2 < 3; i$2++) { rgb$2[i$2] = round$4(rgb$2[i$2] * 2.55); } rgb$2[3] = 1; return rgb$2; } if (m2 = css2.match(RE_RGBA_PCT)) { var rgb$3 = m2.slice(1, 5); for (var i$3 = 0; i$3 < 3; i$3++) { rgb$3[i$3] = round$4(rgb$3[i$3] * 2.55); } rgb$3[3] = +rgb$3[3]; return rgb$3; } if (m2 = css2.match(RE_HSL)) { var hsl2 = m2.slice(1, 4); hsl2[1] *= 0.01; hsl2[2] *= 0.01; var rgb$4 = hsl2rgb(hsl2); rgb$4[3] = 1; return rgb$4; } if (m2 = css2.match(RE_HSLA)) { var hsl$1 = m2.slice(1, 4); hsl$1[1] *= 0.01; hsl$1[2] *= 0.01; var rgb$5 = hsl2rgb(hsl$1); rgb$5[3] = +m2[4]; return rgb$5; } }; css2rgb$1.test = function(s) { return RE_RGB.test(s) || RE_RGBA.test(s) || RE_RGB_PCT.test(s) || RE_RGBA_PCT.test(s) || RE_HSL.test(s) || RE_HSLA.test(s); }; var css2rgb_1 = css2rgb$1; var chroma$i = chroma_1; var Color$B = Color_1; var input$e = input$h; var type$k = utils.type; var rgb2css = rgb2css_1; var css2rgb = css2rgb_1; Color$B.prototype.css = function(mode) { return rgb2css(this._rgb, mode); }; chroma$i.css = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$B, [null].concat(args, ["css"])))(); }; input$e.format.css = css2rgb; input$e.autodetect.push({ p: 5, test: function(h2) { var rest = [], len = arguments.length - 1; while (len-- > 0) rest[len] = arguments[len + 1]; if (!rest.length && type$k(h2) === "string" && css2rgb.test(h2)) { return "css"; } } }); var Color$A = Color_1; var chroma$h = chroma_1; var input$d = input$h; var unpack$t = utils.unpack; input$d.format.gl = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var rgb2 = unpack$t(args, "rgba"); rgb2[0] *= 255; rgb2[1] *= 255; rgb2[2] *= 255; return rgb2; }; chroma$h.gl = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$A, [null].concat(args, ["gl"])))(); }; Color$A.prototype.gl = function() { var rgb2 = this._rgb; return [rgb2[0] / 255, rgb2[1] / 255, rgb2[2] / 255, rgb2[3]]; }; var unpack$s = utils.unpack; var rgb2hcg$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$s(args, "rgb"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; var min2 = Math.min(r2, g2, b2); var max2 = Math.max(r2, g2, b2); var delta = max2 - min2; var c2 = delta * 100 / 255; var _g = min2 / (255 - delta) * 100; var h2; if (delta === 0) { h2 = Number.NaN; } else { if (r2 === max2) { h2 = (g2 - b2) / delta; } if (g2 === max2) { h2 = 2 + (b2 - r2) / delta; } if (b2 === max2) { h2 = 4 + (r2 - g2) / delta; } h2 *= 60; if (h2 < 0) { h2 += 360; } } return [h2, c2, _g]; }; var rgb2hcg_1 = rgb2hcg$1; var unpack$r = utils.unpack; var floor$3 = Math.floor; var hcg2rgb = function() { var assign2, assign$1, assign$2, assign$3, assign$4, assign$5; var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$r(args, "hcg"); var h2 = args[0]; var c2 = args[1]; var _g = args[2]; var r2, g2, b2; _g = _g * 255; var _c = c2 * 255; if (c2 === 0) { r2 = g2 = b2 = _g; } else { if (h2 === 360) { h2 = 0; } if (h2 > 360) { h2 -= 360; } if (h2 < 0) { h2 += 360; } h2 /= 60; var i2 = floor$3(h2); var f2 = h2 - i2; var p2 = _g * (1 - c2); var q2 = p2 + _c * (1 - f2); var t2 = p2 + _c * f2; var v2 = p2 + _c; switch (i2) { case 0: assign2 = [v2, t2, p2], r2 = assign2[0], g2 = assign2[1], b2 = assign2[2]; break; case 1: assign$1 = [q2, v2, p2], r2 = assign$1[0], g2 = assign$1[1], b2 = assign$1[2]; break; case 2: assign$2 = [p2, v2, t2], r2 = assign$2[0], g2 = assign$2[1], b2 = assign$2[2]; break; case 3: assign$3 = [p2, q2, v2], r2 = assign$3[0], g2 = assign$3[1], b2 = assign$3[2]; break; case 4: assign$4 = [t2, p2, v2], r2 = assign$4[0], g2 = assign$4[1], b2 = assign$4[2]; break; case 5: assign$5 = [v2, p2, q2], r2 = assign$5[0], g2 = assign$5[1], b2 = assign$5[2]; break; } } return [r2, g2, b2, args.length > 3 ? args[3] : 1]; }; var hcg2rgb_1 = hcg2rgb; var unpack$q = utils.unpack; var type$j = utils.type; var chroma$g = chroma_1; var Color$z = Color_1; var input$c = input$h; var rgb2hcg = rgb2hcg_1; Color$z.prototype.hcg = function() { return rgb2hcg(this._rgb); }; chroma$g.hcg = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$z, [null].concat(args, ["hcg"])))(); }; input$c.format.hcg = hcg2rgb_1; input$c.autodetect.push({ p: 1, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$q(args, "hcg"); if (type$j(args) === "array" && args.length === 3) { return "hcg"; } } }); var unpack$p = utils.unpack; var last = utils.last; var round$3 = Math.round; var rgb2hex$2 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$p(args, "rgba"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; var a = ref[3]; var mode = last(args) || "auto"; if (a === void 0) { a = 1; } if (mode === "auto") { mode = a < 1 ? "rgba" : "rgb"; } r2 = round$3(r2); g2 = round$3(g2); b2 = round$3(b2); var u2 = r2 << 16 | g2 << 8 | b2; var str = "000000" + u2.toString(16); str = str.substr(str.length - 6); var hxa = "0" + round$3(a * 255).toString(16); hxa = hxa.substr(hxa.length - 2); switch (mode.toLowerCase()) { case "rgba": return "#" + str + hxa; case "argb": return "#" + hxa + str; default: return "#" + str; } }; var rgb2hex_1 = rgb2hex$2; var RE_HEX = /^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/; var RE_HEXA = /^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/; var hex2rgb$1 = function(hex) { if (hex.match(RE_HEX)) { if (hex.length === 4 || hex.length === 7) { hex = hex.substr(1); } if (hex.length === 3) { hex = hex.split(""); hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]; } var u2 = parseInt(hex, 16); var r2 = u2 >> 16; var g2 = u2 >> 8 & 255; var b2 = u2 & 255; return [r2, g2, b2, 1]; } if (hex.match(RE_HEXA)) { if (hex.length === 5 || hex.length === 9) { hex = hex.substr(1); } if (hex.length === 4) { hex = hex.split(""); hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3]; } var u$1 = parseInt(hex, 16); var r$12 = u$1 >> 24 & 255; var g$12 = u$1 >> 16 & 255; var b$12 = u$1 >> 8 & 255; var a = Math.round((u$1 & 255) / 255 * 100) / 100; return [r$12, g$12, b$12, a]; } throw new Error("unknown hex color: " + hex); }; var hex2rgb_1 = hex2rgb$1; var chroma$f = chroma_1; var Color$y = Color_1; var type$i = utils.type; var input$b = input$h; var rgb2hex$1 = rgb2hex_1; Color$y.prototype.hex = function(mode) { return rgb2hex$1(this._rgb, mode); }; chroma$f.hex = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$y, [null].concat(args, ["hex"])))(); }; input$b.format.hex = hex2rgb_1; input$b.autodetect.push({ p: 4, test: function(h2) { var rest = [], len = arguments.length - 1; while (len-- > 0) rest[len] = arguments[len + 1]; if (!rest.length && type$i(h2) === "string" && [3, 4, 5, 6, 7, 8, 9].indexOf(h2.length) >= 0) { return "hex"; } } }); var unpack$o = utils.unpack; var TWOPI$2 = utils.TWOPI; var min$2 = Math.min; var sqrt$4 = Math.sqrt; var acos = Math.acos; var rgb2hsi$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$o(args, "rgb"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; r2 /= 255; g2 /= 255; b2 /= 255; var h2; var min_ = min$2(r2, g2, b2); var i2 = (r2 + g2 + b2) / 3; var s = i2 > 0 ? 1 - min_ / i2 : 0; if (s === 0) { h2 = NaN; } else { h2 = (r2 - g2 + (r2 - b2)) / 2; h2 /= sqrt$4((r2 - g2) * (r2 - g2) + (r2 - b2) * (g2 - b2)); h2 = acos(h2); if (b2 > g2) { h2 = TWOPI$2 - h2; } h2 /= TWOPI$2; } return [h2 * 360, s, i2]; }; var rgb2hsi_1 = rgb2hsi$1; var unpack$n = utils.unpack; var limit = utils.limit; var TWOPI$1 = utils.TWOPI; var PITHIRD = utils.PITHIRD; var cos$4 = Math.cos; var hsi2rgb = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$n(args, "hsi"); var h2 = args[0]; var s = args[1]; var i2 = args[2]; var r2, g2, b2; if (isNaN(h2)) { h2 = 0; } if (isNaN(s)) { s = 0; } if (h2 > 360) { h2 -= 360; } if (h2 < 0) { h2 += 360; } h2 /= 360; if (h2 < 1 / 3) { b2 = (1 - s) / 3; r2 = (1 + s * cos$4(TWOPI$1 * h2) / cos$4(PITHIRD - TWOPI$1 * h2)) / 3; g2 = 1 - (b2 + r2); } else if (h2 < 2 / 3) { h2 -= 1 / 3; r2 = (1 - s) / 3; g2 = (1 + s * cos$4(TWOPI$1 * h2) / cos$4(PITHIRD - TWOPI$1 * h2)) / 3; b2 = 1 - (r2 + g2); } else { h2 -= 2 / 3; g2 = (1 - s) / 3; b2 = (1 + s * cos$4(TWOPI$1 * h2) / cos$4(PITHIRD - TWOPI$1 * h2)) / 3; r2 = 1 - (g2 + b2); } r2 = limit(i2 * r2 * 3); g2 = limit(i2 * g2 * 3); b2 = limit(i2 * b2 * 3); return [r2 * 255, g2 * 255, b2 * 255, args.length > 3 ? args[3] : 1]; }; var hsi2rgb_1 = hsi2rgb; var unpack$m = utils.unpack; var type$h = utils.type; var chroma$e = chroma_1; var Color$x = Color_1; var input$a = input$h; var rgb2hsi = rgb2hsi_1; Color$x.prototype.hsi = function() { return rgb2hsi(this._rgb); }; chroma$e.hsi = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$x, [null].concat(args, ["hsi"])))(); }; input$a.format.hsi = hsi2rgb_1; input$a.autodetect.push({ p: 2, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$m(args, "hsi"); if (type$h(args) === "array" && args.length === 3) { return "hsi"; } } }); var unpack$l = utils.unpack; var type$g = utils.type; var chroma$d = chroma_1; var Color$w = Color_1; var input$9 = input$h; var rgb2hsl$1 = rgb2hsl_1; Color$w.prototype.hsl = function() { return rgb2hsl$1(this._rgb); }; chroma$d.hsl = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$w, [null].concat(args, ["hsl"])))(); }; input$9.format.hsl = hsl2rgb_1; input$9.autodetect.push({ p: 2, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$l(args, "hsl"); if (type$g(args) === "array" && args.length === 3) { return "hsl"; } } }); var unpack$k = utils.unpack; var min$1 = Math.min; var max$1 = Math.max; var rgb2hsl = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$k(args, "rgb"); var r2 = args[0]; var g2 = args[1]; var b2 = args[2]; var min_ = min$1(r2, g2, b2); var max_ = max$1(r2, g2, b2); var delta = max_ - min_; var h2, s, v2; v2 = max_ / 255; if (max_ === 0) { h2 = Number.NaN; s = 0; } else { s = delta / max_; if (r2 === max_) { h2 = (g2 - b2) / delta; } if (g2 === max_) { h2 = 2 + (b2 - r2) / delta; } if (b2 === max_) { h2 = 4 + (r2 - g2) / delta; } h2 *= 60; if (h2 < 0) { h2 += 360; } } return [h2, s, v2]; }; var rgb2hsv$1 = rgb2hsl; var unpack$j = utils.unpack; var floor$2 = Math.floor; var hsv2rgb = function() { var assign2, assign$1, assign$2, assign$3, assign$4, assign$5; var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$j(args, "hsv"); var h2 = args[0]; var s = args[1]; var v2 = args[2]; var r2, g2, b2; v2 *= 255; if (s === 0) { r2 = g2 = b2 = v2; } else { if (h2 === 360) { h2 = 0; } if (h2 > 360) { h2 -= 360; } if (h2 < 0) { h2 += 360; } h2 /= 60; var i2 = floor$2(h2); var f2 = h2 - i2; var p2 = v2 * (1 - s); var q2 = v2 * (1 - s * f2); var t2 = v2 * (1 - s * (1 - f2)); switch (i2) { case 0: assign2 = [v2, t2, p2], r2 = assign2[0], g2 = assign2[1], b2 = assign2[2]; break; case 1: assign$1 = [q2, v2, p2], r2 = assign$1[0], g2 = assign$1[1], b2 = assign$1[2]; break; case 2: assign$2 = [p2, v2, t2], r2 = assign$2[0], g2 = assign$2[1], b2 = assign$2[2]; break; case 3: assign$3 = [p2, q2, v2], r2 = assign$3[0], g2 = assign$3[1], b2 = assign$3[2]; break; case 4: assign$4 = [t2, p2, v2], r2 = assign$4[0], g2 = assign$4[1], b2 = assign$4[2]; break; case 5: assign$5 = [v2, p2, q2], r2 = assign$5[0], g2 = assign$5[1], b2 = assign$5[2]; break; } } return [r2, g2, b2, args.length > 3 ? args[3] : 1]; }; var hsv2rgb_1 = hsv2rgb; var unpack$i = utils.unpack; var type$f = utils.type; var chroma$c = chroma_1; var Color$v = Color_1; var input$8 = input$h; var rgb2hsv = rgb2hsv$1; Color$v.prototype.hsv = function() { return rgb2hsv(this._rgb); }; chroma$c.hsv = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$v, [null].concat(args, ["hsv"])))(); }; input$8.format.hsv = hsv2rgb_1; input$8.autodetect.push({ p: 2, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$i(args, "hsv"); if (type$f(args) === "array" && args.length === 3) { return "hsv"; } } }); var labConstants = { // Corresponds roughly to RGB brighter/darker Kn: 18, // D65 standard referent Xn: 0.95047, Yn: 1, Zn: 1.08883, t0: 0.137931034, // 4 / 29 t1: 0.206896552, // 6 / 29 t2: 0.12841855, // 3 * t1 * t1 t3: 8856452e-9 // t1 * t1 * t1 }; var LAB_CONSTANTS$3 = labConstants; var unpack$h = utils.unpack; var pow$a = Math.pow; var rgb2lab$2 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$h(args, "rgb"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; var ref$1 = rgb2xyz(r2, g2, b2); var x2 = ref$1[0]; var y2 = ref$1[1]; var z2 = ref$1[2]; var l2 = 116 * y2 - 16; return [l2 < 0 ? 0 : l2, 500 * (x2 - y2), 200 * (y2 - z2)]; }; var rgb_xyz = function(r2) { if ((r2 /= 255) <= 0.04045) { return r2 / 12.92; } return pow$a((r2 + 0.055) / 1.055, 2.4); }; var xyz_lab = function(t2) { if (t2 > LAB_CONSTANTS$3.t3) { return pow$a(t2, 1 / 3); } return t2 / LAB_CONSTANTS$3.t2 + LAB_CONSTANTS$3.t0; }; var rgb2xyz = function(r2, g2, b2) { r2 = rgb_xyz(r2); g2 = rgb_xyz(g2); b2 = rgb_xyz(b2); var x2 = xyz_lab((0.4124564 * r2 + 0.3575761 * g2 + 0.1804375 * b2) / LAB_CONSTANTS$3.Xn); var y2 = xyz_lab((0.2126729 * r2 + 0.7151522 * g2 + 0.072175 * b2) / LAB_CONSTANTS$3.Yn); var z2 = xyz_lab((0.0193339 * r2 + 0.119192 * g2 + 0.9503041 * b2) / LAB_CONSTANTS$3.Zn); return [x2, y2, z2]; }; var rgb2lab_1 = rgb2lab$2; var LAB_CONSTANTS$2 = labConstants; var unpack$g = utils.unpack; var pow$9 = Math.pow; var lab2rgb$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$g(args, "lab"); var l2 = args[0]; var a = args[1]; var b2 = args[2]; var x2, y2, z2, r2, g2, b_; y2 = (l2 + 16) / 116; x2 = isNaN(a) ? y2 : y2 + a / 500; z2 = isNaN(b2) ? y2 : y2 - b2 / 200; y2 = LAB_CONSTANTS$2.Yn * lab_xyz(y2); x2 = LAB_CONSTANTS$2.Xn * lab_xyz(x2); z2 = LAB_CONSTANTS$2.Zn * lab_xyz(z2); r2 = xyz_rgb(3.2404542 * x2 - 1.5371385 * y2 - 0.4985314 * z2); g2 = xyz_rgb(-0.969266 * x2 + 1.8760108 * y2 + 0.041556 * z2); b_ = xyz_rgb(0.0556434 * x2 - 0.2040259 * y2 + 1.0572252 * z2); return [r2, g2, b_, args.length > 3 ? args[3] : 1]; }; var xyz_rgb = function(r2) { return 255 * (r2 <= 304e-5 ? 12.92 * r2 : 1.055 * pow$9(r2, 1 / 2.4) - 0.055); }; var lab_xyz = function(t2) { return t2 > LAB_CONSTANTS$2.t1 ? t2 * t2 * t2 : LAB_CONSTANTS$2.t2 * (t2 - LAB_CONSTANTS$2.t0); }; var lab2rgb_1 = lab2rgb$1; var unpack$f = utils.unpack; var type$e = utils.type; var chroma$b = chroma_1; var Color$u = Color_1; var input$7 = input$h; var rgb2lab$1 = rgb2lab_1; Color$u.prototype.lab = function() { return rgb2lab$1(this._rgb); }; chroma$b.lab = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$u, [null].concat(args, ["lab"])))(); }; input$7.format.lab = lab2rgb_1; input$7.autodetect.push({ p: 2, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$f(args, "lab"); if (type$e(args) === "array" && args.length === 3) { return "lab"; } } }); var unpack$e = utils.unpack; var RAD2DEG = utils.RAD2DEG; var sqrt$3 = Math.sqrt; var atan2$2 = Math.atan2; var round$2 = Math.round; var lab2lch$2 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$e(args, "lab"); var l2 = ref[0]; var a = ref[1]; var b2 = ref[2]; var c2 = sqrt$3(a * a + b2 * b2); var h2 = (atan2$2(b2, a) * RAD2DEG + 360) % 360; if (round$2(c2 * 1e4) === 0) { h2 = Number.NaN; } return [l2, c2, h2]; }; var lab2lch_1 = lab2lch$2; var unpack$d = utils.unpack; var rgb2lab = rgb2lab_1; var lab2lch$1 = lab2lch_1; var rgb2lch$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$d(args, "rgb"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; var ref$1 = rgb2lab(r2, g2, b2); var l2 = ref$1[0]; var a = ref$1[1]; var b_ = ref$1[2]; return lab2lch$1(l2, a, b_); }; var rgb2lch_1 = rgb2lch$1; var unpack$c = utils.unpack; var DEG2RAD = utils.DEG2RAD; var sin$3 = Math.sin; var cos$3 = Math.cos; var lch2lab$2 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$c(args, "lch"); var l2 = ref[0]; var c2 = ref[1]; var h2 = ref[2]; if (isNaN(h2)) { h2 = 0; } h2 = h2 * DEG2RAD; return [l2, cos$3(h2) * c2, sin$3(h2) * c2]; }; var lch2lab_1 = lch2lab$2; var unpack$b = utils.unpack; var lch2lab$1 = lch2lab_1; var lab2rgb = lab2rgb_1; var lch2rgb$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$b(args, "lch"); var l2 = args[0]; var c2 = args[1]; var h2 = args[2]; var ref = lch2lab$1(l2, c2, h2); var L = ref[0]; var a = ref[1]; var b_ = ref[2]; var ref$1 = lab2rgb(L, a, b_); var r2 = ref$1[0]; var g2 = ref$1[1]; var b2 = ref$1[2]; return [r2, g2, b2, args.length > 3 ? args[3] : 1]; }; var lch2rgb_1 = lch2rgb$1; var unpack$a = utils.unpack; var lch2rgb = lch2rgb_1; var hcl2rgb = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var hcl = unpack$a(args, "hcl").reverse(); return lch2rgb.apply(void 0, hcl); }; var hcl2rgb_1 = hcl2rgb; var unpack$9 = utils.unpack; var type$d = utils.type; var chroma$a = chroma_1; var Color$t = Color_1; var input$6 = input$h; var rgb2lch = rgb2lch_1; Color$t.prototype.lch = function() { return rgb2lch(this._rgb); }; Color$t.prototype.hcl = function() { return rgb2lch(this._rgb).reverse(); }; chroma$a.lch = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$t, [null].concat(args, ["lch"])))(); }; chroma$a.hcl = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$t, [null].concat(args, ["hcl"])))(); }; input$6.format.lch = lch2rgb_1; input$6.format.hcl = hcl2rgb_1; ["lch", "hcl"].forEach(function(m2) { return input$6.autodetect.push({ p: 2, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$9(args, m2); if (type$d(args) === "array" && args.length === 3) { return m2; } } }); }); var w3cx11$1 = { aliceblue: "#f0f8ff", antiquewhite: "#faebd7", aqua: "#00ffff", aquamarine: "#7fffd4", azure: "#f0ffff", beige: "#f5f5dc", bisque: "#ffe4c4", black: "#000000", blanchedalmond: "#ffebcd", blue: "#0000ff", blueviolet: "#8a2be2", brown: "#a52a2a", burlywood: "#deb887", cadetblue: "#5f9ea0", chartreuse: "#7fff00", chocolate: "#d2691e", coral: "#ff7f50", cornflower: "#6495ed", cornflowerblue: "#6495ed", cornsilk: "#fff8dc", crimson: "#dc143c", cyan: "#00ffff", darkblue: "#00008b", darkcyan: "#008b8b", darkgoldenrod: "#b8860b", darkgray: "#a9a9a9", darkgreen: "#006400", darkgrey: "#a9a9a9", darkkhaki: "#bdb76b", darkmagenta: "#8b008b", darkolivegreen: "#556b2f", darkorange: "#ff8c00", darkorchid: "#9932cc", darkred: "#8b0000", darksalmon: "#e9967a", darkseagreen: "#8fbc8f", darkslateblue: "#483d8b", darkslategray: "#2f4f4f", darkslategrey: "#2f4f4f", darkturquoise: "#00ced1", darkviolet: "#9400d3", deeppink: "#ff1493", deepskyblue: "#00bfff", dimgray: "#696969", dimgrey: "#696969", dodgerblue: "#1e90ff", firebrick: "#b22222", floralwhite: "#fffaf0", forestgreen: "#228b22", fuchsia: "#ff00ff", gainsboro: "#dcdcdc", ghostwhite: "#f8f8ff", gold: "#ffd700", goldenrod: "#daa520", gray: "#808080", green: "#008000", greenyellow: "#adff2f", grey: "#808080", honeydew: "#f0fff0", hotpink: "#ff69b4", indianred: "#cd5c5c", indigo: "#4b0082", ivory: "#fffff0", khaki: "#f0e68c", laserlemon: "#ffff54", lavender: "#e6e6fa", lavenderblush: "#fff0f5", lawngreen: "#7cfc00", lemonchiffon: "#fffacd", lightblue: "#add8e6", lightcoral: "#f08080", lightcyan: "#e0ffff", lightgoldenrod: "#fafad2", lightgoldenrodyellow: "#fafad2", lightgray: "#d3d3d3", lightgreen: "#90ee90", lightgrey: "#d3d3d3", lightpink: "#ffb6c1", lightsalmon: "#ffa07a", lightseagreen: "#20b2aa", lightskyblue: "#87cefa", lightslategray: "#778899", lightslategrey: "#778899", lightsteelblue: "#b0c4de", lightyellow: "#ffffe0", lime: "#00ff00", limegreen: "#32cd32", linen: "#faf0e6", magenta: "#ff00ff", maroon: "#800000", maroon2: "#7f0000", maroon3: "#b03060", mediumaquamarine: "#66cdaa", mediumblue: "#0000cd", mediumorchid: "#ba55d3", mediumpurple: "#9370db", mediumseagreen: "#3cb371", mediumslateblue: "#7b68ee", mediumspringgreen: "#00fa9a", mediumturquoise: "#48d1cc", mediumvioletred: "#c71585", midnightblue: "#191970", mintcream: "#f5fffa", mistyrose: "#ffe4e1", moccasin: "#ffe4b5", navajowhite: "#ffdead", navy: "#000080", oldlace: "#fdf5e6", olive: "#808000", olivedrab: "#6b8e23", orange: "#ffa500", orangered: "#ff4500", orchid: "#da70d6", palegoldenrod: "#eee8aa", palegreen: "#98fb98", paleturquoise: "#afeeee", palevioletred: "#db7093", papayawhip: "#ffefd5", peachpuff: "#ffdab9", peru: "#cd853f", pink: "#ffc0cb", plum: "#dda0dd", powderblue: "#b0e0e6", purple: "#800080", purple2: "#7f007f", purple3: "#a020f0", rebeccapurple: "#663399", red: "#ff0000", rosybrown: "#bc8f8f", royalblue: "#4169e1", saddlebrown: "#8b4513", salmon: "#fa8072", sandybrown: "#f4a460", seagreen: "#2e8b57", seashell: "#fff5ee", sienna: "#a0522d", silver: "#c0c0c0", skyblue: "#87ceeb", slateblue: "#6a5acd", slategray: "#708090", slategrey: "#708090", snow: "#fffafa", springgreen: "#00ff7f", steelblue: "#4682b4", tan: "#d2b48c", teal: "#008080", thistle: "#d8bfd8", tomato: "#ff6347", turquoise: "#40e0d0", violet: "#ee82ee", wheat: "#f5deb3", white: "#ffffff", whitesmoke: "#f5f5f5", yellow: "#ffff00", yellowgreen: "#9acd32" }; var w3cx11_1 = w3cx11$1; var Color$s = Color_1; var input$5 = input$h; var type$c = utils.type; var w3cx11 = w3cx11_1; var hex2rgb = hex2rgb_1; var rgb2hex = rgb2hex_1; Color$s.prototype.name = function() { var hex = rgb2hex(this._rgb, "rgb"); for (var i2 = 0, list2 = Object.keys(w3cx11); i2 < list2.length; i2 += 1) { var n2 = list2[i2]; if (w3cx11[n2] === hex) { return n2.toLowerCase(); } } return hex; }; input$5.format.named = function(name2) { name2 = name2.toLowerCase(); if (w3cx11[name2]) { return hex2rgb(w3cx11[name2]); } throw new Error("unknown color name: " + name2); }; input$5.autodetect.push({ p: 5, test: function(h2) { var rest = [], len = arguments.length - 1; while (len-- > 0) rest[len] = arguments[len + 1]; if (!rest.length && type$c(h2) === "string" && w3cx11[h2.toLowerCase()]) { return "named"; } } }); var unpack$8 = utils.unpack; var rgb2num$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$8(args, "rgb"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; return (r2 << 16) + (g2 << 8) + b2; }; var rgb2num_1 = rgb2num$1; var type$b = utils.type; var num2rgb = function(num2) { if (type$b(num2) == "number" && num2 >= 0 && num2 <= 16777215) { var r2 = num2 >> 16; var g2 = num2 >> 8 & 255; var b2 = num2 & 255; return [r2, g2, b2, 1]; } throw new Error("unknown num color: " + num2); }; var num2rgb_1 = num2rgb; var chroma$9 = chroma_1; var Color$r = Color_1; var input$4 = input$h; var type$a = utils.type; var rgb2num = rgb2num_1; Color$r.prototype.num = function() { return rgb2num(this._rgb); }; chroma$9.num = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$r, [null].concat(args, ["num"])))(); }; input$4.format.num = num2rgb_1; input$4.autodetect.push({ p: 5, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; if (args.length === 1 && type$a(args[0]) === "number" && args[0] >= 0 && args[0] <= 16777215) { return "num"; } } }); var chroma$8 = chroma_1; var Color$q = Color_1; var input$3 = input$h; var unpack$7 = utils.unpack; var type$9 = utils.type; var round$1 = Math.round; Color$q.prototype.rgb = function(rnd2) { if (rnd2 === void 0) rnd2 = true; if (rnd2 === false) { return this._rgb.slice(0, 3); } return this._rgb.slice(0, 3).map(round$1); }; Color$q.prototype.rgba = function(rnd2) { if (rnd2 === void 0) rnd2 = true; return this._rgb.slice(0, 4).map(function(v2, i2) { return i2 < 3 ? rnd2 === false ? v2 : round$1(v2) : v2; }); }; chroma$8.rgb = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$q, [null].concat(args, ["rgb"])))(); }; input$3.format.rgb = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var rgba2 = unpack$7(args, "rgba"); if (rgba2[3] === void 0) { rgba2[3] = 1; } return rgba2; }; input$3.autodetect.push({ p: 3, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$7(args, "rgba"); if (type$9(args) === "array" && (args.length === 3 || args.length === 4 && type$9(args[3]) == "number" && args[3] >= 0 && args[3] <= 1)) { return "rgb"; } } }); var log$1 = Math.log; var temperature2rgb$1 = function(kelvin) { var temp = kelvin / 100; var r2, g2, b2; if (temp < 66) { r2 = 255; g2 = temp < 6 ? 0 : -155.25485562709179 - 0.44596950469579133 * (g2 = temp - 2) + 104.49216199393888 * log$1(g2); b2 = temp < 20 ? 0 : -254.76935184120902 + 0.8274096064007395 * (b2 = temp - 10) + 115.67994401066147 * log$1(b2); } else { r2 = 351.97690566805693 + 0.114206453784165 * (r2 = temp - 55) - 40.25366309332127 * log$1(r2); g2 = 325.4494125711974 + 0.07943456536662342 * (g2 = temp - 50) - 28.0852963507957 * log$1(g2); b2 = 255; } return [r2, g2, b2, 1]; }; var temperature2rgb_1 = temperature2rgb$1; var temperature2rgb = temperature2rgb_1; var unpack$6 = utils.unpack; var round2 = Math.round; var rgb2temperature$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var rgb2 = unpack$6(args, "rgb"); var r2 = rgb2[0], b2 = rgb2[2]; var minTemp = 1e3; var maxTemp = 4e4; var eps = 0.4; var temp; while (maxTemp - minTemp > eps) { temp = (maxTemp + minTemp) * 0.5; var rgb$1 = temperature2rgb(temp); if (rgb$1[2] / rgb$1[0] >= b2 / r2) { maxTemp = temp; } else { minTemp = temp; } } return round2(temp); }; var rgb2temperature_1 = rgb2temperature$1; var chroma$7 = chroma_1; var Color$p = Color_1; var input$2 = input$h; var rgb2temperature = rgb2temperature_1; Color$p.prototype.temp = Color$p.prototype.kelvin = Color$p.prototype.temperature = function() { return rgb2temperature(this._rgb); }; chroma$7.temp = chroma$7.kelvin = chroma$7.temperature = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$p, [null].concat(args, ["temp"])))(); }; input$2.format.temp = input$2.format.kelvin = input$2.format.temperature = temperature2rgb_1; var unpack$5 = utils.unpack; var cbrt = Math.cbrt; var pow$8 = Math.pow; var sign$1 = Math.sign; var rgb2oklab$2 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$5(args, "rgb"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; var ref$1 = [rgb2lrgb(r2 / 255), rgb2lrgb(g2 / 255), rgb2lrgb(b2 / 255)]; var lr = ref$1[0]; var lg = ref$1[1]; var lb = ref$1[2]; var l2 = cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb); var m2 = cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb); var s = cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb); return [ 0.2104542553 * l2 + 0.793617785 * m2 - 0.0040720468 * s, 1.9779984951 * l2 - 2.428592205 * m2 + 0.4505937099 * s, 0.0259040371 * l2 + 0.7827717662 * m2 - 0.808675766 * s ]; }; var rgb2oklab_1 = rgb2oklab$2; function rgb2lrgb(c2) { var abs3 = Math.abs(c2); if (abs3 < 0.04045) { return c2 / 12.92; } return (sign$1(c2) || 1) * pow$8((abs3 + 0.055) / 1.055, 2.4); } var unpack$4 = utils.unpack; var pow$7 = Math.pow; var sign = Math.sign; var oklab2rgb$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$4(args, "lab"); var L = args[0]; var a = args[1]; var b2 = args[2]; var l2 = pow$7(L + 0.3963377774 * a + 0.2158037573 * b2, 3); var m2 = pow$7(L - 0.1055613458 * a - 0.0638541728 * b2, 3); var s = pow$7(L - 0.0894841775 * a - 1.291485548 * b2, 3); return [ 255 * lrgb2rgb(4.0767416621 * l2 - 3.3077115913 * m2 + 0.2309699292 * s), 255 * lrgb2rgb(-1.2684380046 * l2 + 2.6097574011 * m2 - 0.3413193965 * s), 255 * lrgb2rgb(-0.0041960863 * l2 - 0.7034186147 * m2 + 1.707614701 * s), args.length > 3 ? args[3] : 1 ]; }; var oklab2rgb_1 = oklab2rgb$1; function lrgb2rgb(c2) { var abs3 = Math.abs(c2); if (abs3 > 31308e-7) { return (sign(c2) || 1) * (1.055 * pow$7(abs3, 1 / 2.4) - 0.055); } return c2 * 12.92; } var unpack$3 = utils.unpack; var type$8 = utils.type; var chroma$6 = chroma_1; var Color$o = Color_1; var input$1 = input$h; var rgb2oklab$1 = rgb2oklab_1; Color$o.prototype.oklab = function() { return rgb2oklab$1(this._rgb); }; chroma$6.oklab = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$o, [null].concat(args, ["oklab"])))(); }; input$1.format.oklab = oklab2rgb_1; input$1.autodetect.push({ p: 3, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$3(args, "oklab"); if (type$8(args) === "array" && args.length === 3) { return "oklab"; } } }); var unpack$2 = utils.unpack; var rgb2oklab = rgb2oklab_1; var lab2lch = lab2lch_1; var rgb2oklch$1 = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; var ref = unpack$2(args, "rgb"); var r2 = ref[0]; var g2 = ref[1]; var b2 = ref[2]; var ref$1 = rgb2oklab(r2, g2, b2); var l2 = ref$1[0]; var a = ref$1[1]; var b_ = ref$1[2]; return lab2lch(l2, a, b_); }; var rgb2oklch_1 = rgb2oklch$1; var unpack$1 = utils.unpack; var lch2lab = lch2lab_1; var oklab2rgb = oklab2rgb_1; var oklch2rgb = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack$1(args, "lch"); var l2 = args[0]; var c2 = args[1]; var h2 = args[2]; var ref = lch2lab(l2, c2, h2); var L = ref[0]; var a = ref[1]; var b_ = ref[2]; var ref$1 = oklab2rgb(L, a, b_); var r2 = ref$1[0]; var g2 = ref$1[1]; var b2 = ref$1[2]; return [r2, g2, b2, args.length > 3 ? args[3] : 1]; }; var oklch2rgb_1 = oklch2rgb; var unpack = utils.unpack; var type$7 = utils.type; var chroma$5 = chroma_1; var Color$n = Color_1; var input = input$h; var rgb2oklch = rgb2oklch_1; Color$n.prototype.oklch = function() { return rgb2oklch(this._rgb); }; chroma$5.oklch = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; return new (Function.prototype.bind.apply(Color$n, [null].concat(args, ["oklch"])))(); }; input.format.oklch = oklch2rgb_1; input.autodetect.push({ p: 3, test: function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; args = unpack(args, "oklch"); if (type$7(args) === "array" && args.length === 3) { return "oklch"; } } }); var Color$m = Color_1; var type$6 = utils.type; Color$m.prototype.alpha = function(a, mutate) { if (mutate === void 0) mutate = false; if (a !== void 0 && type$6(a) === "number") { if (mutate) { this._rgb[3] = a; return this; } return new Color$m([this._rgb[0], this._rgb[1], this._rgb[2], a], "rgb"); } return this._rgb[3]; }; var Color$l = Color_1; Color$l.prototype.clipped = function() { return this._rgb._clipped || false; }; var Color$k = Color_1; var LAB_CONSTANTS$1 = labConstants; Color$k.prototype.darken = function(amount) { if (amount === void 0) amount = 1; var me = this; var lab2 = me.lab(); lab2[0] -= LAB_CONSTANTS$1.Kn * amount; return new Color$k(lab2, "lab").alpha(me.alpha(), true); }; Color$k.prototype.brighten = function(amount) { if (amount === void 0) amount = 1; return this.darken(-amount); }; Color$k.prototype.darker = Color$k.prototype.darken; Color$k.prototype.brighter = Color$k.prototype.brighten; var Color$j = Color_1; Color$j.prototype.get = function(mc) { var ref = mc.split("."); var mode = ref[0]; var channel = ref[1]; var src = this[mode](); if (channel) { var i2 = mode.indexOf(channel) - (mode.substr(0, 2) === "ok" ? 2 : 0); if (i2 > -1) { return src[i2]; } throw new Error("unknown channel " + channel + " in mode " + mode); } else { return src; } }; var Color$i = Color_1; var type$5 = utils.type; var pow$6 = Math.pow; var EPS = 1e-7; var MAX_ITER = 20; Color$i.prototype.luminance = function(lum) { if (lum !== void 0 && type$5(lum) === "number") { if (lum === 0) { return new Color$i([0, 0, 0, this._rgb[3]], "rgb"); } if (lum === 1) { return new Color$i([255, 255, 255, this._rgb[3]], "rgb"); } var cur_lum = this.luminance(); var mode = "rgb"; var max_iter = MAX_ITER; var test = function(low, high) { var mid = low.interpolate(high, 0.5, mode); var lm = mid.luminance(); if (Math.abs(lum - lm) < EPS || !max_iter--) { return mid; } return lm > lum ? test(low, mid) : test(mid, high); }; var rgb2 = (cur_lum > lum ? test(new Color$i([0, 0, 0]), this) : test(this, new Color$i([255, 255, 255]))).rgb(); return new Color$i(rgb2.concat([this._rgb[3]])); } return rgb2luminance.apply(void 0, this._rgb.slice(0, 3)); }; var rgb2luminance = function(r2, g2, b2) { r2 = luminance_x(r2); g2 = luminance_x(g2); b2 = luminance_x(b2); return 0.2126 * r2 + 0.7152 * g2 + 0.0722 * b2; }; var luminance_x = function(x2) { x2 /= 255; return x2 <= 0.03928 ? x2 / 12.92 : pow$6((x2 + 0.055) / 1.055, 2.4); }; var interpolator$1 = {}; var Color$h = Color_1; var type$4 = utils.type; var interpolator = interpolator$1; var mix$1 = function(col1, col2, f2) { if (f2 === void 0) f2 = 0.5; var rest = [], len = arguments.length - 3; while (len-- > 0) rest[len] = arguments[len + 3]; var mode = rest[0] || "lrgb"; if (!interpolator[mode] && !rest.length) { mode = Object.keys(interpolator)[0]; } if (!interpolator[mode]) { throw new Error("interpolation mode " + mode + " is not defined"); } if (type$4(col1) !== "object") { col1 = new Color$h(col1); } if (type$4(col2) !== "object") { col2 = new Color$h(col2); } return interpolator[mode](col1, col2, f2).alpha(col1.alpha() + f2 * (col2.alpha() - col1.alpha())); }; var Color$g = Color_1; var mix = mix$1; Color$g.prototype.mix = Color$g.prototype.interpolate = function(col2, f2) { if (f2 === void 0) f2 = 0.5; var rest = [], len = arguments.length - 2; while (len-- > 0) rest[len] = arguments[len + 2]; return mix.apply(void 0, [this, col2, f2].concat(rest)); }; var Color$f = Color_1; Color$f.prototype.premultiply = function(mutate) { if (mutate === void 0) mutate = false; var rgb2 = this._rgb; var a = rgb2[3]; if (mutate) { this._rgb = [rgb2[0] * a, rgb2[1] * a, rgb2[2] * a, a]; return this; } else { return new Color$f([rgb2[0] * a, rgb2[1] * a, rgb2[2] * a, a], "rgb"); } }; var Color$e = Color_1; var LAB_CONSTANTS = labConstants; Color$e.prototype.saturate = function(amount) { if (amount === void 0) amount = 1; var me = this; var lch2 = me.lch(); lch2[1] += LAB_CONSTANTS.Kn * amount; if (lch2[1] < 0) { lch2[1] = 0; } return new Color$e(lch2, "lch").alpha(me.alpha(), true); }; Color$e.prototype.desaturate = function(amount) { if (amount === void 0) amount = 1; return this.saturate(-amount); }; var Color$d = Color_1; var type$3 = utils.type; Color$d.prototype.set = function(mc, value, mutate) { if (mutate === void 0) mutate = false; var ref = mc.split("."); var mode = ref[0]; var channel = ref[1]; var src = this[mode](); if (channel) { var i2 = mode.indexOf(channel) - (mode.substr(0, 2) === "ok" ? 2 : 0); if (i2 > -1) { if (type$3(value) == "string") { switch (value.charAt(0)) { case "+": src[i2] += +value; break; case "-": src[i2] += +value; break; case "*": src[i2] *= +value.substr(1); break; case "/": src[i2] /= +value.substr(1); break; default: src[i2] = +value; } } else if (type$3(value) === "number") { src[i2] = value; } else { throw new Error("unsupported value for Color.set"); } var out = new Color$d(src, mode); if (mutate) { this._rgb = out._rgb; return this; } return out; } throw new Error("unknown channel " + channel + " in mode " + mode); } else { return src; } }; var Color$c = Color_1; var rgb = function(col1, col2, f2) { var xyz0 = col1._rgb; var xyz1 = col2._rgb; return new Color$c( xyz0[0] + f2 * (xyz1[0] - xyz0[0]), xyz0[1] + f2 * (xyz1[1] - xyz0[1]), xyz0[2] + f2 * (xyz1[2] - xyz0[2]), "rgb" ); }; interpolator$1.rgb = rgb; var Color$b = Color_1; var sqrt$2 = Math.sqrt; var pow$5 = Math.pow; var lrgb = function(col1, col2, f2) { var ref = col1._rgb; var x1 = ref[0]; var y1 = ref[1]; var z1 = ref[2]; var ref$1 = col2._rgb; var x2 = ref$1[0]; var y2 = ref$1[1]; var z2 = ref$1[2]; return new Color$b( sqrt$2(pow$5(x1, 2) * (1 - f2) + pow$5(x2, 2) * f2), sqrt$2(pow$5(y1, 2) * (1 - f2) + pow$5(y2, 2) * f2), sqrt$2(pow$5(z1, 2) * (1 - f2) + pow$5(z2, 2) * f2), "rgb" ); }; interpolator$1.lrgb = lrgb; var Color$a = Color_1; var lab = function(col1, col2, f2) { var xyz0 = col1.lab(); var xyz1 = col2.lab(); return new Color$a( xyz0[0] + f2 * (xyz1[0] - xyz0[0]), xyz0[1] + f2 * (xyz1[1] - xyz0[1]), xyz0[2] + f2 * (xyz1[2] - xyz0[2]), "lab" ); }; interpolator$1.lab = lab; var Color$9 = Color_1; var _hsx = function(col1, col2, f2, m2) { var assign2, assign$1; var xyz0, xyz1; if (m2 === "hsl") { xyz0 = col1.hsl(); xyz1 = col2.hsl(); } else if (m2 === "hsv") { xyz0 = col1.hsv(); xyz1 = col2.hsv(); } else if (m2 === "hcg") { xyz0 = col1.hcg(); xyz1 = col2.hcg(); } else if (m2 === "hsi") { xyz0 = col1.hsi(); xyz1 = col2.hsi(); } else if (m2 === "lch" || m2 === "hcl") { m2 = "hcl"; xyz0 = col1.hcl(); xyz1 = col2.hcl(); } else if (m2 === "oklch") { xyz0 = col1.oklch().reverse(); xyz1 = col2.oklch().reverse(); } var hue0, hue1, sat0, sat1, lbv0, lbv1; if (m2.substr(0, 1) === "h" || m2 === "oklch") { assign2 = xyz0, hue0 = assign2[0], sat0 = assign2[1], lbv0 = assign2[2]; assign$1 = xyz1, hue1 = assign$1[0], sat1 = assign$1[1], lbv1 = assign$1[2]; } var sat, hue, lbv, dh; if (!isNaN(hue0) && !isNaN(hue1)) { if (hue1 > hue0 && hue1 - hue0 > 180) { dh = hue1 - (hue0 + 360); } else if (hue1 < hue0 && hue0 - hue1 > 180) { dh = hue1 + 360 - hue0; } else { dh = hue1 - hue0; } hue = hue0 + f2 * dh; } else if (!isNaN(hue0)) { hue = hue0; if ((lbv1 == 1 || lbv1 == 0) && m2 != "hsv") { sat = sat0; } } else if (!isNaN(hue1)) { hue = hue1; if ((lbv0 == 1 || lbv0 == 0) && m2 != "hsv") { sat = sat1; } } else { hue = Number.NaN; } if (sat === void 0) { sat = sat0 + f2 * (sat1 - sat0); } lbv = lbv0 + f2 * (lbv1 - lbv0); return m2 === "oklch" ? new Color$9([lbv, sat, hue], m2) : new Color$9([hue, sat, lbv], m2); }; var interpolate_hsx$5 = _hsx; var lch = function(col1, col2, f2) { return interpolate_hsx$5(col1, col2, f2, "lch"); }; interpolator$1.lch = lch; interpolator$1.hcl = lch; var Color$8 = Color_1; var num = function(col1, col2, f2) { var c1 = col1.num(); var c2 = col2.num(); return new Color$8(c1 + f2 * (c2 - c1), "num"); }; interpolator$1.num = num; var interpolate_hsx$4 = _hsx; var hcg = function(col1, col2, f2) { return interpolate_hsx$4(col1, col2, f2, "hcg"); }; interpolator$1.hcg = hcg; var interpolate_hsx$3 = _hsx; var hsi = function(col1, col2, f2) { return interpolate_hsx$3(col1, col2, f2, "hsi"); }; interpolator$1.hsi = hsi; var interpolate_hsx$2 = _hsx; var hsl = function(col1, col2, f2) { return interpolate_hsx$2(col1, col2, f2, "hsl"); }; interpolator$1.hsl = hsl; var interpolate_hsx$1 = _hsx; var hsv = function(col1, col2, f2) { return interpolate_hsx$1(col1, col2, f2, "hsv"); }; interpolator$1.hsv = hsv; var Color$7 = Color_1; var oklab = function(col1, col2, f2) { var xyz0 = col1.oklab(); var xyz1 = col2.oklab(); return new Color$7( xyz0[0] + f2 * (xyz1[0] - xyz0[0]), xyz0[1] + f2 * (xyz1[1] - xyz0[1]), xyz0[2] + f2 * (xyz1[2] - xyz0[2]), "oklab" ); }; interpolator$1.oklab = oklab; var interpolate_hsx = _hsx; var oklch = function(col1, col2, f2) { return interpolate_hsx(col1, col2, f2, "oklch"); }; interpolator$1.oklch = oklch; var Color$6 = Color_1; var clip_rgb$1 = utils.clip_rgb; var pow$4 = Math.pow; var sqrt$1 = Math.sqrt; var PI$1 = Math.PI; var cos$2 = Math.cos; var sin$2 = Math.sin; var atan2$1 = Math.atan2; var average = function(colors, mode, weights) { if (mode === void 0) mode = "lrgb"; if (weights === void 0) weights = null; var l2 = colors.length; if (!weights) { weights = Array.from(new Array(l2)).map(function() { return 1; }); } var k2 = l2 / weights.reduce(function(a, b2) { return a + b2; }); weights.forEach(function(w2, i3) { weights[i3] *= k2; }); colors = colors.map(function(c2) { return new Color$6(c2); }); if (mode === "lrgb") { return _average_lrgb(colors, weights); } var first = colors.shift(); var xyz = first.get(mode); var cnt = []; var dx = 0; var dy = 0; for (var i2 = 0; i2 < xyz.length; i2++) { xyz[i2] = (xyz[i2] || 0) * weights[0]; cnt.push(isNaN(xyz[i2]) ? 0 : weights[0]); if (mode.charAt(i2) === "h" && !isNaN(xyz[i2])) { var A2 = xyz[i2] / 180 * PI$1; dx += cos$2(A2) * weights[0]; dy += sin$2(A2) * weights[0]; } } var alpha2 = first.alpha() * weights[0]; colors.forEach(function(c2, ci) { var xyz2 = c2.get(mode); alpha2 += c2.alpha() * weights[ci + 1]; for (var i3 = 0; i3 < xyz.length; i3++) { if (!isNaN(xyz2[i3])) { cnt[i3] += weights[ci + 1]; if (mode.charAt(i3) === "h") { var A3 = xyz2[i3] / 180 * PI$1; dx += cos$2(A3) * weights[ci + 1]; dy += sin$2(A3) * weights[ci + 1]; } else { xyz[i3] += xyz2[i3] * weights[ci + 1]; } } } }); for (var i$12 = 0; i$12 < xyz.length; i$12++) { if (mode.charAt(i$12) === "h") { var A$1 = atan2$1(dy / cnt[i$12], dx / cnt[i$12]) / PI$1 * 180; while (A$1 < 0) { A$1 += 360; } while (A$1 >= 360) { A$1 -= 360; } xyz[i$12] = A$1; } else { xyz[i$12] = xyz[i$12] / cnt[i$12]; } } alpha2 /= l2; return new Color$6(xyz, mode).alpha(alpha2 > 0.99999 ? 1 : alpha2, true); }; var _average_lrgb = function(colors, weights) { var l2 = colors.length; var xyz = [0, 0, 0, 0]; for (var i2 = 0; i2 < colors.length; i2++) { var col = colors[i2]; var f2 = weights[i2] / l2; var rgb2 = col._rgb; xyz[0] += pow$4(rgb2[0], 2) * f2; xyz[1] += pow$4(rgb2[1], 2) * f2; xyz[2] += pow$4(rgb2[2], 2) * f2; xyz[3] += rgb2[3] * f2; } xyz[0] = sqrt$1(xyz[0]); xyz[1] = sqrt$1(xyz[1]); xyz[2] = sqrt$1(xyz[2]); if (xyz[3] > 0.9999999) { xyz[3] = 1; } return new Color$6(clip_rgb$1(xyz)); }; var chroma$4 = chroma_1; var type$2 = utils.type; var pow$3 = Math.pow; var scale$2 = function(colors) { var _mode = "rgb"; var _nacol = chroma$4("#ccc"); var _spread = 0; var _domain = [0, 1]; var _pos = []; var _padding = [0, 0]; var _classes = false; var _colors = []; var _out = false; var _min = 0; var _max = 1; var _correctLightness = false; var _colorCache = {}; var _useCache = true; var _gamma = 1; var setColors = function(colors2) { colors2 = colors2 || ["#fff", "#000"]; if (colors2 && type$2(colors2) === "string" && chroma$4.brewer && chroma$4.brewer[colors2.toLowerCase()]) { colors2 = chroma$4.brewer[colors2.toLowerCase()]; } if (type$2(colors2) === "array") { if (colors2.length === 1) { colors2 = [colors2[0], colors2[0]]; } colors2 = colors2.slice(0); for (var c2 = 0; c2 < colors2.length; c2++) { colors2[c2] = chroma$4(colors2[c2]); } _pos.length = 0; for (var c$12 = 0; c$12 < colors2.length; c$12++) { _pos.push(c$12 / (colors2.length - 1)); } } resetCache(); return _colors = colors2; }; var getClass = function(value) { if (_classes != null) { var n2 = _classes.length - 1; var i2 = 0; while (i2 < n2 && value >= _classes[i2]) { i2++; } return i2 - 1; } return 0; }; var tMapLightness = function(t2) { return t2; }; var tMapDomain = function(t2) { return t2; }; var getColor = function(val, bypassMap) { var col, t2; if (bypassMap == null) { bypassMap = false; } if (isNaN(val) || val === null) { return _nacol; } if (!bypassMap) { if (_classes && _classes.length > 2) { var c2 = getClass(val); t2 = c2 / (_classes.length - 2); } else if (_max !== _min) { t2 = (val - _min) / (_max - _min); } else { t2 = 1; } } else { t2 = val; } t2 = tMapDomain(t2); if (!bypassMap) { t2 = tMapLightness(t2); } if (_gamma !== 1) { t2 = pow$3(t2, _gamma); } t2 = _padding[0] + t2 * (1 - _padding[0] - _padding[1]); t2 = Math.min(1, Math.max(0, t2)); var k2 = Math.floor(t2 * 1e4); if (_useCache && _colorCache[k2]) { col = _colorCache[k2]; } else { if (type$2(_colors) === "array") { for (var i2 = 0; i2 < _pos.length; i2++) { var p2 = _pos[i2]; if (t2 <= p2) { col = _colors[i2]; break; } if (t2 >= p2 && i2 === _pos.length - 1) { col = _colors[i2]; break; } if (t2 > p2 && t2 < _pos[i2 + 1]) { t2 = (t2 - p2) / (_pos[i2 + 1] - p2); col = chroma$4.interpolate(_colors[i2], _colors[i2 + 1], t2, _mode); break; } } } else if (type$2(_colors) === "function") { col = _colors(t2); } if (_useCache) { _colorCache[k2] = col; } } return col; }; var resetCache = function() { return _colorCache = {}; }; setColors(colors); var f2 = function(v2) { var c2 = chroma$4(getColor(v2)); if (_out && c2[_out]) { return c2[_out](); } else { return c2; } }; f2.classes = function(classes) { if (classes != null) { if (type$2(classes) === "array") { _classes = classes; _domain = [classes[0], classes[classes.length - 1]]; } else { var d2 = chroma$4.analyze(_domain); if (classes === 0) { _classes = [d2.min, d2.max]; } else { _classes = chroma$4.limits(d2, "e", classes); } } return f2; } return _classes; }; f2.domain = function(domain) { if (!arguments.length) { return _domain; } _min = domain[0]; _max = domain[domain.length - 1]; _pos = []; var k2 = _colors.length; if (domain.length === k2 && _min !== _max) { for (var i2 = 0, list2 = Array.from(domain); i2 < list2.length; i2 += 1) { var d2 = list2[i2]; _pos.push((d2 - _min) / (_max - _min)); } } else { for (var c2 = 0; c2 < k2; c2++) { _pos.push(c2 / (k2 - 1)); } if (domain.length > 2) { var tOut = domain.map(function(d3, i3) { return i3 / (domain.length - 1); }); var tBreaks = domain.map(function(d3) { return (d3 - _min) / (_max - _min); }); if (!tBreaks.every(function(val, i3) { return tOut[i3] === val; })) { tMapDomain = function(t2) { if (t2 <= 0 || t2 >= 1) { return t2; } var i3 = 0; while (t2 >= tBreaks[i3 + 1]) { i3++; } var f3 = (t2 - tBreaks[i3]) / (tBreaks[i3 + 1] - tBreaks[i3]); var out = tOut[i3] + f3 * (tOut[i3 + 1] - tOut[i3]); return out; }; } } } _domain = [_min, _max]; return f2; }; f2.mode = function(_m) { if (!arguments.length) { return _mode; } _mode = _m; resetCache(); return f2; }; f2.range = function(colors2, _pos2) { setColors(colors2); return f2; }; f2.out = function(_o) { _out = _o; return f2; }; f2.spread = function(val) { if (!arguments.length) { return _spread; } _spread = val; return f2; }; f2.correctLightness = function(v2) { if (v2 == null) { v2 = true; } _correctLightness = v2; resetCache(); if (_correctLightness) { tMapLightness = function(t2) { var L0 = getColor(0, true).lab()[0]; var L1 = getColor(1, true).lab()[0]; var pol = L0 > L1; var L_actual = getColor(t2, true).lab()[0]; var L_ideal = L0 + (L1 - L0) * t2; var L_diff = L_actual - L_ideal; var t0 = 0; var t1 = 1; var max_iter = 20; while (Math.abs(L_diff) > 0.01 && max_iter-- > 0) { (function() { if (pol) { L_diff *= -1; } if (L_diff < 0) { t0 = t2; t2 += (t1 - t2) * 0.5; } else { t1 = t2; t2 += (t0 - t2) * 0.5; } L_actual = getColor(t2, true).lab()[0]; return L_diff = L_actual - L_ideal; })(); } return t2; }; } else { tMapLightness = function(t2) { return t2; }; } return f2; }; f2.padding = function(p2) { if (p2 != null) { if (type$2(p2) === "number") { p2 = [p2, p2]; } _padding = p2; return f2; } else { return _padding; } }; f2.colors = function(numColors, out) { if (arguments.length < 2) { out = "hex"; } var result = []; if (arguments.length === 0) { result = _colors.slice(0); } else if (numColors === 1) { result = [f2(0.5)]; } else if (numColors > 1) { var dm = _domain[0]; var dd = _domain[1] - dm; result = __range__(0, numColors, false).map(function(i3) { return f2(dm + i3 / (numColors - 1) * dd); }); } else { colors = []; var samples = []; if (_classes && _classes.length > 2) { for (var i2 = 1, end = _classes.length, asc = 1 <= end; asc ? i2 < end : i2 > end; asc ? i2++ : i2--) { samples.push((_classes[i2 - 1] + _classes[i2]) * 0.5); } } else { samples = _domain; } result = samples.map(function(v2) { return f2(v2); }); } if (chroma$4[out]) { result = result.map(function(c2) { return c2[out](); }); } return result; }; f2.cache = function(c2) { if (c2 != null) { _useCache = c2; return f2; } else { return _useCache; } }; f2.gamma = function(g2) { if (g2 != null) { _gamma = g2; return f2; } else { return _gamma; } }; f2.nodata = function(d2) { if (d2 != null) { _nacol = chroma$4(d2); return f2; } else { return _nacol; } }; return f2; }; function __range__(left, right, inclusive) { var range = []; var ascending = left < right; var end = !inclusive ? right : ascending ? right + 1 : right - 1; for (var i2 = left; ascending ? i2 < end : i2 > end; ascending ? i2++ : i2--) { range.push(i2); } return range; } var Color$5 = Color_1; var scale$1 = scale$2; var binom_row = function(n2) { var row = [1, 1]; for (var i2 = 1; i2 < n2; i2++) { var newrow = [1]; for (var j = 1; j <= row.length; j++) { newrow[j] = (row[j] || 0) + row[j - 1]; } row = newrow; } return row; }; var bezier = function(colors) { var assign2, assign$1, assign$2; var I, lab0, lab1, lab2; colors = colors.map(function(c2) { return new Color$5(c2); }); if (colors.length === 2) { assign2 = colors.map(function(c2) { return c2.lab(); }), lab0 = assign2[0], lab1 = assign2[1]; I = function(t2) { var lab4 = [0, 1, 2].map(function(i2) { return lab0[i2] + t2 * (lab1[i2] - lab0[i2]); }); return new Color$5(lab4, "lab"); }; } else if (colors.length === 3) { assign$1 = colors.map(function(c2) { return c2.lab(); }), lab0 = assign$1[0], lab1 = assign$1[1], lab2 = assign$1[2]; I = function(t2) { var lab4 = [0, 1, 2].map(function(i2) { return (1 - t2) * (1 - t2) * lab0[i2] + 2 * (1 - t2) * t2 * lab1[i2] + t2 * t2 * lab2[i2]; }); return new Color$5(lab4, "lab"); }; } else if (colors.length === 4) { var lab3; assign$2 = colors.map(function(c2) { return c2.lab(); }), lab0 = assign$2[0], lab1 = assign$2[1], lab2 = assign$2[2], lab3 = assign$2[3]; I = function(t2) { var lab4 = [0, 1, 2].map(function(i2) { return (1 - t2) * (1 - t2) * (1 - t2) * lab0[i2] + 3 * (1 - t2) * (1 - t2) * t2 * lab1[i2] + 3 * (1 - t2) * t2 * t2 * lab2[i2] + t2 * t2 * t2 * lab3[i2]; }); return new Color$5(lab4, "lab"); }; } else if (colors.length >= 5) { var labs, row, n2; labs = colors.map(function(c2) { return c2.lab(); }); n2 = colors.length - 1; row = binom_row(n2); I = function(t2) { var u2 = 1 - t2; var lab4 = [0, 1, 2].map(function(i2) { return labs.reduce(function(sum, el, j) { return sum + row[j] * Math.pow(u2, n2 - j) * Math.pow(t2, j) * el[i2]; }, 0); }); return new Color$5(lab4, "lab"); }; } else { throw new RangeError("No point in running bezier with only one color."); } return I; }; var bezier_1 = function(colors) { var f2 = bezier(colors); f2.scale = function() { return scale$1(f2); }; return f2; }; var chroma$3 = chroma_1; var blend2 = function(bottom, top, mode) { if (!blend2[mode]) { throw new Error("unknown blend mode " + mode); } return blend2[mode](bottom, top); }; var blend_f = function(f2) { return function(bottom, top) { var c0 = chroma$3(top).rgb(); var c1 = chroma$3(bottom).rgb(); return chroma$3.rgb(f2(c0, c1)); }; }; var each = function(f2) { return function(c0, c1) { var out = []; out[0] = f2(c0[0], c1[0]); out[1] = f2(c0[1], c1[1]); out[2] = f2(c0[2], c1[2]); return out; }; }; var normal = function(a) { return a; }; var multiply = function(a, b2) { return a * b2 / 255; }; var darken2 = function(a, b2) { return a > b2 ? b2 : a; }; var lighten2 = function(a, b2) { return a > b2 ? a : b2; }; var screen = function(a, b2) { return 255 * (1 - (1 - a / 255) * (1 - b2 / 255)); }; var overlay = function(a, b2) { return b2 < 128 ? 2 * a * b2 / 255 : 255 * (1 - 2 * (1 - a / 255) * (1 - b2 / 255)); }; var burn = function(a, b2) { return 255 * (1 - (1 - b2 / 255) / (a / 255)); }; var dodge = function(a, b2) { if (a === 255) { return 255; } a = 255 * (b2 / 255) / (1 - a / 255); return a > 255 ? 255 : a; }; blend2.normal = blend_f(each(normal)); blend2.multiply = blend_f(each(multiply)); blend2.screen = blend_f(each(screen)); blend2.overlay = blend_f(each(overlay)); blend2.darken = blend_f(each(darken2)); blend2.lighten = blend_f(each(lighten2)); blend2.dodge = blend_f(each(dodge)); blend2.burn = blend_f(each(burn)); var blend_1 = blend2; var type$1 = utils.type; var clip_rgb = utils.clip_rgb; var TWOPI = utils.TWOPI; var pow$2 = Math.pow; var sin$1 = Math.sin; var cos$1 = Math.cos; var chroma$2 = chroma_1; var cubehelix = function(start, rotations, hue, gamma, lightness) { if (start === void 0) start = 300; if (rotations === void 0) rotations = -1.5; if (hue === void 0) hue = 1; if (gamma === void 0) gamma = 1; if (lightness === void 0) lightness = [0, 1]; var dh = 0, dl; if (type$1(lightness) === "array") { dl = lightness[1] - lightness[0]; } else { dl = 0; lightness = [lightness, lightness]; } var f2 = function(fract) { var a = TWOPI * ((start + 120) / 360 + rotations * fract); var l2 = pow$2(lightness[0] + dl * fract, gamma); var h2 = dh !== 0 ? hue[0] + fract * dh : hue; var amp = h2 * l2 * (1 - l2) / 2; var cos_a = cos$1(a); var sin_a = sin$1(a); var r2 = l2 + amp * (-0.14861 * cos_a + 1.78277 * sin_a); var g2 = l2 + amp * (-0.29227 * cos_a - 0.90649 * sin_a); var b2 = l2 + amp * (1.97294 * cos_a); return chroma$2(clip_rgb([r2 * 255, g2 * 255, b2 * 255, 1])); }; f2.start = function(s) { if (s == null) { return start; } start = s; return f2; }; f2.rotations = function(r2) { if (r2 == null) { return rotations; } rotations = r2; return f2; }; f2.gamma = function(g2) { if (g2 == null) { return gamma; } gamma = g2; return f2; }; f2.hue = function(h2) { if (h2 == null) { return hue; } hue = h2; if (type$1(hue) === "array") { dh = hue[1] - hue[0]; if (dh === 0) { hue = hue[1]; } } else { dh = 0; } return f2; }; f2.lightness = function(h2) { if (h2 == null) { return lightness; } if (type$1(h2) === "array") { lightness = h2; dl = h2[1] - h2[0]; } else { lightness = [h2, h2]; dl = 0; } return f2; }; f2.scale = function() { return chroma$2.scale(f2); }; f2.hue(hue); return f2; }; var Color$4 = Color_1; var digits = "0123456789abcdef"; var floor$1 = Math.floor; var random = Math.random; var random_1 = function() { var code = "#"; for (var i2 = 0; i2 < 6; i2++) { code += digits.charAt(floor$1(random() * 16)); } return new Color$4(code, "hex"); }; var type = type$p; var log = Math.log; var pow$1 = Math.pow; var floor = Math.floor; var abs$1 = Math.abs; var analyze = function(data, key2) { if (key2 === void 0) key2 = null; var r2 = { min: Number.MAX_VALUE, max: Number.MAX_VALUE * -1, sum: 0, values: [], count: 0 }; if (type(data) === "object") { data = Object.values(data); } data.forEach(function(val) { if (key2 && type(val) === "object") { val = val[key2]; } if (val !== void 0 && val !== null && !isNaN(val)) { r2.values.push(val); r2.sum += val; if (val < r2.min) { r2.min = val; } if (val > r2.max) { r2.max = val; } r2.count += 1; } }); r2.domain = [r2.min, r2.max]; r2.limits = function(mode, num2) { return limits(r2, mode, num2); }; return r2; }; var limits = function(data, mode, num2) { if (mode === void 0) mode = "equal"; if (num2 === void 0) num2 = 7; if (type(data) == "array") { data = analyze(data); } var min2 = data.min; var max2 = data.max; var values2 = data.values.sort(function(a, b2) { return a - b2; }); if (num2 === 1) { return [min2, max2]; } var limits2 = []; if (mode.substr(0, 1) === "c") { limits2.push(min2); limits2.push(max2); } if (mode.substr(0, 1) === "e") { limits2.push(min2); for (var i2 = 1; i2 < num2; i2++) { limits2.push(min2 + i2 / num2 * (max2 - min2)); } limits2.push(max2); } else if (mode.substr(0, 1) === "l") { if (min2 <= 0) { throw new Error("Logarithmic scales are only possible for values > 0"); } var min_log = Math.LOG10E * log(min2); var max_log = Math.LOG10E * log(max2); limits2.push(min2); for (var i$12 = 1; i$12 < num2; i$12++) { limits2.push(pow$1(10, min_log + i$12 / num2 * (max_log - min_log))); } limits2.push(max2); } else if (mode.substr(0, 1) === "q") { limits2.push(min2); for (var i$2 = 1; i$2 < num2; i$2++) { var p2 = (values2.length - 1) * i$2 / num2; var pb = floor(p2); if (pb === p2) { limits2.push(values2[pb]); } else { var pr = p2 - pb; limits2.push(values2[pb] * (1 - pr) + values2[pb + 1] * pr); } } limits2.push(max2); } else if (mode.substr(0, 1) === "k") { var cluster; var n2 = values2.length; var assignments = new Array(n2); var clusterSizes = new Array(num2); var repeat = true; var nb_iters = 0; var centroids = null; centroids = []; centroids.push(min2); for (var i$3 = 1; i$3 < num2; i$3++) { centroids.push(min2 + i$3 / num2 * (max2 - min2)); } centroids.push(max2); while (repeat) { for (var j = 0; j < num2; j++) { clusterSizes[j] = 0; } for (var i$4 = 0; i$4 < n2; i$4++) { var value = values2[i$4]; var mindist = Number.MAX_VALUE; var best = void 0; for (var j$1 = 0; j$1 < num2; j$1++) { var dist = abs$1(centroids[j$1] - value); if (dist < mindist) { mindist = dist; best = j$1; } clusterSizes[best]++; assignments[i$4] = best; } } var newCentroids = new Array(num2); for (var j$2 = 0; j$2 < num2; j$2++) { newCentroids[j$2] = null; } for (var i$5 = 0; i$5 < n2; i$5++) { cluster = assignments[i$5]; if (newCentroids[cluster] === null) { newCentroids[cluster] = values2[i$5]; } else { newCentroids[cluster] += values2[i$5]; } } for (var j$3 = 0; j$3 < num2; j$3++) { newCentroids[j$3] *= 1 / clusterSizes[j$3]; } repeat = false; for (var j$4 = 0; j$4 < num2; j$4++) { if (newCentroids[j$4] !== centroids[j$4]) { repeat = true; break; } } centroids = newCentroids; nb_iters++; if (nb_iters > 200) { repeat = false; } } var kClusters = {}; for (var j$5 = 0; j$5 < num2; j$5++) { kClusters[j$5] = []; } for (var i$6 = 0; i$6 < n2; i$6++) { cluster = assignments[i$6]; kClusters[cluster].push(values2[i$6]); } var tmpKMeansBreaks = []; for (var j$6 = 0; j$6 < num2; j$6++) { tmpKMeansBreaks.push(kClusters[j$6][0]); tmpKMeansBreaks.push(kClusters[j$6][kClusters[j$6].length - 1]); } tmpKMeansBreaks = tmpKMeansBreaks.sort(function(a, b2) { return a - b2; }); limits2.push(tmpKMeansBreaks[0]); for (var i$7 = 1; i$7 < tmpKMeansBreaks.length; i$7 += 2) { var v2 = tmpKMeansBreaks[i$7]; if (!isNaN(v2) && limits2.indexOf(v2) === -1) { limits2.push(v2); } } } return limits2; }; var analyze_1 = { analyze, limits }; var Color$3 = Color_1; var contrast = function(a, b2) { a = new Color$3(a); b2 = new Color$3(b2); var l1 = a.luminance(); var l2 = b2.luminance(); return l1 > l2 ? (l1 + 0.05) / (l2 + 0.05) : (l2 + 0.05) / (l1 + 0.05); }; var Color$2 = Color_1; var sqrt = Math.sqrt; var pow = Math.pow; var min = Math.min; var max = Math.max; var atan2 = Math.atan2; var abs2 = Math.abs; var cos = Math.cos; var sin = Math.sin; var exp = Math.exp; var PI = Math.PI; var deltaE = function(a, b2, Kl, Kc, Kh) { if (Kl === void 0) Kl = 1; if (Kc === void 0) Kc = 1; if (Kh === void 0) Kh = 1; var rad2deg = function(rad) { return 360 * rad / (2 * PI); }; var deg2rad = function(deg) { return 2 * PI * deg / 360; }; a = new Color$2(a); b2 = new Color$2(b2); var ref = Array.from(a.lab()); var L1 = ref[0]; var a1 = ref[1]; var b1 = ref[2]; var ref$1 = Array.from(b2.lab()); var L2 = ref$1[0]; var a2 = ref$1[1]; var b22 = ref$1[2]; var avgL = (L1 + L2) / 2; var C1 = sqrt(pow(a1, 2) + pow(b1, 2)); var C2 = sqrt(pow(a2, 2) + pow(b22, 2)); var avgC = (C1 + C2) / 2; var G = 0.5 * (1 - sqrt(pow(avgC, 7) / (pow(avgC, 7) + pow(25, 7)))); var a1p = a1 * (1 + G); var a2p = a2 * (1 + G); var C1p = sqrt(pow(a1p, 2) + pow(b1, 2)); var C2p = sqrt(pow(a2p, 2) + pow(b22, 2)); var avgCp = (C1p + C2p) / 2; var arctan1 = rad2deg(atan2(b1, a1p)); var arctan2 = rad2deg(atan2(b22, a2p)); var h1p = arctan1 >= 0 ? arctan1 : arctan1 + 360; var h2p = arctan2 >= 0 ? arctan2 : arctan2 + 360; var avgHp = abs2(h1p - h2p) > 180 ? (h1p + h2p + 360) / 2 : (h1p + h2p) / 2; var T = 1 - 0.17 * cos(deg2rad(avgHp - 30)) + 0.24 * cos(deg2rad(2 * avgHp)) + 0.32 * cos(deg2rad(3 * avgHp + 6)) - 0.2 * cos(deg2rad(4 * avgHp - 63)); var deltaHp = h2p - h1p; deltaHp = abs2(deltaHp) <= 180 ? deltaHp : h2p <= h1p ? deltaHp + 360 : deltaHp - 360; deltaHp = 2 * sqrt(C1p * C2p) * sin(deg2rad(deltaHp) / 2); var deltaL = L2 - L1; var deltaCp = C2p - C1p; var sl = 1 + 0.015 * pow(avgL - 50, 2) / sqrt(20 + pow(avgL - 50, 2)); var sc = 1 + 0.045 * avgCp; var sh = 1 + 0.015 * avgCp * T; var deltaTheta = 30 * exp(-pow((avgHp - 275) / 25, 2)); var Rc = 2 * sqrt(pow(avgCp, 7) / (pow(avgCp, 7) + pow(25, 7))); var Rt = -Rc * sin(2 * deg2rad(deltaTheta)); var result = sqrt(pow(deltaL / (Kl * sl), 2) + pow(deltaCp / (Kc * sc), 2) + pow(deltaHp / (Kh * sh), 2) + Rt * (deltaCp / (Kc * sc)) * (deltaHp / (Kh * sh))); return max(0, min(100, result)); }; var Color$1 = Color_1; var distance = function(a, b2, mode) { if (mode === void 0) mode = "lab"; a = new Color$1(a); b2 = new Color$1(b2); var l1 = a.get(mode); var l2 = b2.get(mode); var sum_sq = 0; for (var i2 in l1) { var d2 = (l1[i2] || 0) - (l2[i2] || 0); sum_sq += d2 * d2; } return Math.sqrt(sum_sq); }; var Color = Color_1; var valid = function() { var args = [], len = arguments.length; while (len--) args[len] = arguments[len]; try { new (Function.prototype.bind.apply(Color, [null].concat(args)))(); return true; } catch (e2) { return false; } }; var chroma$12 = chroma_1; var scale = scale$2; var scales = { cool: function cool() { return scale([chroma$12.hsl(180, 1, 0.9), chroma$12.hsl(250, 0.7, 0.4)]); }, hot: function hot() { return scale(["#000", "#f00", "#ff0", "#fff"]).mode("rgb"); } }; var colorbrewer = { // sequential OrRd: ["#fff7ec", "#fee8c8", "#fdd49e", "#fdbb84", "#fc8d59", "#ef6548", "#d7301f", "#b30000", "#7f0000"], PuBu: ["#fff7fb", "#ece7f2", "#d0d1e6", "#a6bddb", "#74a9cf", "#3690c0", "#0570b0", "#045a8d", "#023858"], BuPu: ["#f7fcfd", "#e0ecf4", "#bfd3e6", "#9ebcda", "#8c96c6", "#8c6bb1", "#88419d", "#810f7c", "#4d004b"], Oranges: ["#fff5eb", "#fee6ce", "#fdd0a2", "#fdae6b", "#fd8d3c", "#f16913", "#d94801", "#a63603", "#7f2704"], BuGn: ["#f7fcfd", "#e5f5f9", "#ccece6", "#99d8c9", "#66c2a4", "#41ae76", "#238b45", "#006d2c", "#00441b"], YlOrBr: ["#ffffe5", "#fff7bc", "#fee391", "#fec44f", "#fe9929", "#ec7014", "#cc4c02", "#993404", "#662506"], YlGn: ["#ffffe5", "#f7fcb9", "#d9f0a3", "#addd8e", "#78c679", "#41ab5d", "#238443", "#006837", "#004529"], Reds: ["#fff5f0", "#fee0d2", "#fcbba1", "#fc9272", "#fb6a4a", "#ef3b2c", "#cb181d", "#a50f15", "#67000d"], RdPu: ["#fff7f3", "#fde0dd", "#fcc5c0", "#fa9fb5", "#f768a1", "#dd3497", "#ae017e", "#7a0177", "#49006a"], Greens: ["#f7fcf5", "#e5f5e0", "#c7e9c0", "#a1d99b", "#74c476", "#41ab5d", "#238b45", "#006d2c", "#00441b"], YlGnBu: ["#ffffd9", "#edf8b1", "#c7e9b4", "#7fcdbb", "#41b6c4", "#1d91c0", "#225ea8", "#253494", "#081d58"], Purples: ["#fcfbfd", "#efedf5", "#dadaeb", "#bcbddc", "#9e9ac8", "#807dba", "#6a51a3", "#54278f", "#3f007d"], GnBu: ["#f7fcf0", "#e0f3db", "#ccebc5", "#a8ddb5", "#7bccc4", "#4eb3d3", "#2b8cbe", "#0868ac", "#084081"], Greys: ["#ffffff", "#f0f0f0", "#d9d9d9", "#bdbdbd", "#969696", "#737373", "#525252", "#252525", "#000000"], YlOrRd: ["#ffffcc", "#ffeda0", "#fed976", "#feb24c", "#fd8d3c", "#fc4e2a", "#e31a1c", "#bd0026", "#800026"], PuRd: ["#f7f4f9", "#e7e1ef", "#d4b9da", "#c994c7", "#df65b0", "#e7298a", "#ce1256", "#980043", "#67001f"], Blues: ["#f7fbff", "#deebf7", "#c6dbef", "#9ecae1", "#6baed6", "#4292c6", "#2171b5", "#08519c", "#08306b"], PuBuGn: ["#fff7fb", "#ece2f0", "#d0d1e6", "#a6bddb", "#67a9cf", "#3690c0", "#02818a", "#016c59", "#014636"], Viridis: ["#440154", "#482777", "#3f4a8a", "#31678e", "#26838f", "#1f9d8a", "#6cce5a", "#b6de2b", "#fee825"], // diverging Spectral: ["#9e0142", "#d53e4f", "#f46d43", "#fdae61", "#fee08b", "#ffffbf", "#e6f598", "#abdda4", "#66c2a5", "#3288bd", "#5e4fa2"], RdYlGn: ["#a50026", "#d73027", "#f46d43", "#fdae61", "#fee08b", "#ffffbf", "#d9ef8b", "#a6d96a", "#66bd63", "#1a9850", "#006837"], RdBu: ["#67001f", "#b2182b", "#d6604d", "#f4a582", "#fddbc7", "#f7f7f7", "#d1e5f0", "#92c5de", "#4393c3", "#2166ac", "#053061"], PiYG: ["#8e0152", "#c51b7d", "#de77ae", "#f1b6da", "#fde0ef", "#f7f7f7", "#e6f5d0", "#b8e186", "#7fbc41", "#4d9221", "#276419"], PRGn: ["#40004b", "#762a83", "#9970ab", "#c2a5cf", "#e7d4e8", "#f7f7f7", "#d9f0d3", "#a6dba0", "#5aae61", "#1b7837", "#00441b"], RdYlBu: ["#a50026", "#d73027", "#f46d43", "#fdae61", "#fee090", "#ffffbf", "#e0f3f8", "#abd9e9", "#74add1", "#4575b4", "#313695"], BrBG: ["#543005", "#8c510a", "#bf812d", "#dfc27d", "#f6e8c3", "#f5f5f5", "#c7eae5", "#80cdc1", "#35978f", "#01665e", "#003c30"], RdGy: ["#67001f", "#b2182b", "#d6604d", "#f4a582", "#fddbc7", "#ffffff", "#e0e0e0", "#bababa", "#878787", "#4d4d4d", "#1a1a1a"], PuOr: ["#7f3b08", "#b35806", "#e08214", "#fdb863", "#fee0b6", "#f7f7f7", "#d8daeb", "#b2abd2", "#8073ac", "#542788", "#2d004b"], // qualitative Set2: ["#66c2a5", "#fc8d62", "#8da0cb", "#e78ac3", "#a6d854", "#ffd92f", "#e5c494", "#b3b3b3"], Accent: ["#7fc97f", "#beaed4", "#fdc086", "#ffff99", "#386cb0", "#f0027f", "#bf5b17", "#666666"], Set1: ["#e41a1c", "#377eb8", "#4daf4a", "#984ea3", "#ff7f00", "#ffff33", "#a65628", "#f781bf", "#999999"], Set3: ["#8dd3c7", "#ffffb3", "#bebada", "#fb8072", "#80b1d3", "#fdb462", "#b3de69", "#fccde5", "#d9d9d9", "#bc80bd", "#ccebc5", "#ffed6f"], Dark2: ["#1b9e77", "#d95f02", "#7570b3", "#e7298a", "#66a61e", "#e6ab02", "#a6761d", "#666666"], Paired: ["#a6cee3", "#1f78b4", "#b2df8a", "#33a02c", "#fb9a99", "#e31a1c", "#fdbf6f", "#ff7f00", "#cab2d6", "#6a3d9a", "#ffff99", "#b15928"], Pastel2: ["#b3e2cd", "#fdcdac", "#cbd5e8", "#f4cae4", "#e6f5c9", "#fff2ae", "#f1e2cc", "#cccccc"], Pastel1: ["#fbb4ae", "#b3cde3", "#ccebc5", "#decbe4", "#fed9a6", "#ffffcc", "#e5d8bd", "#fddaec", "#f2f2f2"] }; for (var i = 0, list = Object.keys(colorbrewer); i < list.length; i += 1) { var key = list[i]; colorbrewer[key.toLowerCase()] = colorbrewer[key]; } var colorbrewer_1 = colorbrewer; var chroma2 = chroma_1; chroma2.average = average; chroma2.bezier = bezier_1; chroma2.blend = blend_1; chroma2.cubehelix = cubehelix; chroma2.mix = chroma2.interpolate = mix$1; chroma2.random = random_1; chroma2.scale = scale$2; chroma2.analyze = analyze_1.analyze; chroma2.contrast = contrast; chroma2.deltaE = deltaE; chroma2.distance = distance; chroma2.limits = analyze_1.limits; chroma2.valid = valid; chroma2.scales = scales; chroma2.colors = w3cx11_1; chroma2.brewer = colorbrewer_1; var chroma_js = chroma2; return chroma_js; }); })(chroma$1); var chromaExports = chroma$1.exports; const chroma = /* @__PURE__ */ getDefaultExportFromCjs(chromaExports); const hexToRgb = (color2) => { return chroma(color2).rgb().join(", "); }; const rgba = (color2, opacity) => { return `rgba(${hexToRgb(color2)}, ${opacity})`; }; const boxShadow = (offset, radius, color2, opacity, inset = "") => { const [x2, y2] = offset; const [blur, spread] = radius; return `${inset} ${pxToRem(x2)} ${pxToRem(y2)} ${pxToRem(blur)} ${pxToRem(spread)} ${rgba(color2, opacity)}`; }; const linearGradient = (color2, colorState, angle = 195) => { return `linear-gradient(${angle}deg, ${color2}, ${colorState})`; }; const palette = (themeMode) => { const isLight = themeMode === "light"; return { common: { black: "#000000", white: "#FFFFFF" }, white: { main: "#FFFFFF", focus: "#FFFFFF" }, black: { light: "#000000", main: "#000000", focus: "#000000" }, mode: themeMode, // contrastThreshold: number; // tonalOffset: PaletteTonalOffset; primary: { main: "#E91E63", focus: "#E91E63", contrastText: "#F0F2F5" }, secondary: { main: "#7B809A", focus: "#8F93A9", contrastText: "#F0F2F5" }, error: { main: "#F44335", focus: "#F65F53", contrastText: "#F0F2F5" }, warning: { main: "#FB8C00", focus: "#FC9D26", contrastText: "#F0F2F5" }, info: { main: "#1A73E8", focus: "#1662C4", contrastText: "#F0F2F5" }, success: { main: "#4CAF50", focus: "#67BB6A", contrastText: "#F0F2F5" }, light: isLight ? { main: "#F0F2F5", focus: "#F0F2F5", contrastText: "#344767" } : { main: "#F0F2F566", focus: "#F0F2F566" }, dark: { main: "#344767", focus: "#2C3C58" }, gradients: { primary: { main: "#EC407A", state: "#D81B60" }, secondary: { main: "#747B8A", state: "#495361" }, info: { main: "#49A3F1", state: "#1A73E8" }, success: { main: "#66BB6A", state: "#43A047" }, warning: { main: "#FFA726", state: "#FB8C00" }, error: { main: "#EF5350", state: "#E53935" }, light: { main: "#EBEFF4", state: "#CED4DA" }, dark: isLight ? { main: "#42424A", state: "#191919" } : { main: "#323A54", state: "#1A2035" } }, badgeColors: { primary: { background: "#F8B3CA", text: "#CC084B" }, secondary: { background: "#D7D9E1", text: "#6C757D" }, info: { background: "#AECEF7", text: "#095BC6" }, success: { background: "#BCE2BE", text: "#339537" }, warning: { background: "#FFD59F", text: "#C87000" }, error: { background: "#FCD3D0", text: "#F61200" }, light: { background: "#FFFFFF", text: "#C7D3DE" }, dark: { background: "#8097BF", text: "#1E2E4A" } }, coloredShadows: { primary: "#E91E62", secondary: "#110E0E", info: "#00BBD4", success: "#4CAF4F", warning: "#FF9900", error: "#F44336", light: "#ADB5BD", dark: "#404040" }, grey: { 0: "#FFFFFF", 100: "#F8F9FA", 200: "#F0F2F5", 300: "#DEE2E6", 400: "#CED4DA", 500: "#ADB5BD", 600: "#6C757D", 700: "#495057", 800: "#343A40", 900: "#212529" }, text: isLight ? { main: "#7B809A", focus: "#7B809A" } : { main: "#FFFFFFCC", focus: "#FFFFFFCC" }, // divider: TypeDivider; // action: TypeAction; background: isLight ? { default: "#F0F2F5" } : { default: "#1A2035", sidenav: "#1F283E", card: "#202940" }, // getContrastText: (background: string) => string; // augmentColor: (options: PaletteAugmentColorOptions) => PaletteColor; transparent: { main: "transparent" }, inputBorderColor: "#D2D6DA", tabs: { indicator: { boxShadow: "#DDDDDD" } } }; }; const borders = (themeMode) => { const isLight = themeMode === "light"; const { white, grey: grey2 } = palette(themeMode); return { borderColor: isLight ? grey2[300] : rgba(white.main, 0.4), borderWidth: { 0: 0, 1: pxToRem(1), 2: pxToRem(2), 3: pxToRem(3), 4: pxToRem(4), 5: pxToRem(5) }, borderRadius: { xs: pxToRem(1.6), sm: pxToRem(2), md: pxToRem(6), lg: pxToRem(8), xl: pxToRem(12), xxl: pxToRem(16), section: pxToRem(160) } }; }; const boxShadows = (themeMode) => { const isLight = themeMode === "light"; const { white, black, dark: dark2, coloredShadows, tabs } = palette(themeMode); return { xs: boxShadow([0, 2], [9, -5], black.main, 0.15), sm: boxShadow([0, 5], [10, 0], black.main, 0.12), md: isLight ? `${boxShadow([0, 4], [6, -1], black.main, 0.1)}, ${boxShadow([0, 2], [4, -1], black.main, 0.06)}` : `${boxShadow([0, 2], [2, 0], black.main, 0.14)}, ${boxShadow( [0, 3], [1, -2], black.main, 0.2 )}, ${boxShadow([0, 1], [5, 0], black.main, 0.12)}`, lg: `${boxShadow([0, 10], [15, -3], black.main, 0.1)}, ${boxShadow([0, 4], [6, -2], black.main, 0.05)}`, xl: `${boxShadow([0, 20], [25, -5], black.main, 0.1)}, ${boxShadow([0, 10], [10, -5], black.main, 0.04)}`, xxl: boxShadow([0, 20], [27, 0], black.main, 0.05), inset: boxShadow([0, 1], [2, 0], black.main, 0.075, "inset"), colored: { primary: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( [0, 7], [10, -5], coloredShadows.primary, 0.4 )}`, secondary: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( [0, 7], [10, -5], coloredShadows.secondary, 0.4 )}`, info: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow([0, 7], [10, -5], coloredShadows.info, 0.4)}`, success: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( [0, 7], [10, -5], coloredShadows.success, 0.4 )}`, warning: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( [0, 7], [10, -5], coloredShadows.warning, 0.4 )}`, error: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( [0, 7], [10, -5], coloredShadows.error, 0.4 )}`, light: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( [0, 7], [10, -5], coloredShadows.light, 0.4 )}`, dark: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow([0, 7], [10, -5], coloredShadows.dark, 0.4)}` }, navbarBoxShadow: `${boxShadow([0, 0], [1, 1], isLight ? white.main : dark2.main, 0.9, "inset")}, ${boxShadow( [0, 20], [27, 0], black.main, 0.05 )}`, sliderBoxShadow: { thumb: boxShadow([0, 1], [13, 0], black.main, 0.2) }, tabsBoxShadow: { indicator: boxShadow([0, 1], [5, 1], tabs.indicator.boxShadow, 1) } }; }; const breakpoints = { values: { xs: 0, sm: 576, md: 768, lg: 992, xl: 1200, xxl: 1400 } }; const baseFontFamily = [ "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "sans-serif" ]; const baseProperties = { fontFamily: baseFontFamily.join(","), fontWeightLighter: 250, fontWeightLight: 350, fontWeightRegular: 400, fontWeightMedium: 600, fontWeightBold: 700, fontSizeXXS: pxToRem(10.4), fontSizeXS: pxToRem(12), fontSizeSM: pxToRem(14), fontSizeMD: pxToRem(16), fontSizeLG: pxToRem(18), fontSizeXL: pxToRem(20), fontSize2XL: pxToRem(24), fontSize3XL: pxToRem(30) }; const genBaseHeadingProperties = (isLight, themeColors) => { const { white, dark: dark2 } = themeColors; return { fontFamily: baseProperties.fontFamily, color: isLight ? dark2.main : white.main, fontWeight: baseProperties.fontWeightBold }; }; const genBaseDisplayProperties = (isLight, themeColors) => { const { white, dark: dark2 } = themeColors; return { fontFamily: baseProperties.fontFamily, color: isLight ? dark2.main : white.main, fontWeight: baseProperties.fontWeightLight, lineHeight: 1.2 }; }; const typography = (themeMode) => { const isLight = themeMode === "light"; const themeColors = palette(themeMode); const baseHeadingProperties = genBaseHeadingProperties(isLight, themeColors); const baseDisplayProperties = genBaseDisplayProperties(isLight, themeColors); return { fontFamily: baseProperties.fontFamily, fontWeightLighter: baseProperties.fontWeightLighter, fontWeightLight: baseProperties.fontWeightLight, fontWeightRegular: baseProperties.fontWeightRegular, fontWeightMedium: baseProperties.fontWeightMedium, fontWeightBold: baseProperties.fontWeightBold, h1: { fontSize: pxToRem(48), lineHeight: 1.25, ...baseHeadingProperties }, h2: { fontSize: pxToRem(36), lineHeight: 1.3, ...baseHeadingProperties }, h3: { fontSize: pxToRem(30), lineHeight: 1.375, ...baseHeadingProperties }, h4: { fontSize: pxToRem(24), lineHeight: 1.375, ...baseHeadingProperties }, h5: { fontSize: pxToRem(20), lineHeight: 1.375, ...baseHeadingProperties }, h6: { fontSize: pxToRem(16), lineHeight: 1.625, ...baseHeadingProperties }, subtitle1: { fontFamily: baseProperties.fontFamily, fontSize: baseProperties.fontSizeXL, fontWeight: baseProperties.fontWeightLight, lineHeight: 1.625 }, subtitle2: { fontFamily: baseProperties.fontFamily, fontSize: baseProperties.fontSizeMD, fontWeight: baseProperties.fontWeightLight, lineHeight: 1.6 }, body1: { fontFamily: baseProperties.fontFamily, fontSize: baseProperties.fontSizeXL, fontWeight: baseProperties.fontWeightRegular, lineHeight: 1.625 }, body2: { fontFamily: baseProperties.fontFamily, fontSize: baseProperties.fontSizeMD, fontWeight: baseProperties.fontWeightLight, lineHeight: 1.6 }, button: { fontFamily: baseProperties.fontFamily, fontSize: baseProperties.fontSizeSM, fontWeight: baseProperties.fontWeightLight, lineHeight: 1.5, textTransform: "uppercase" }, caption: { fontFamily: baseProperties.fontFamily, fontSize: baseProperties.fontSizeXS, fontWeight: baseProperties.fontWeightLight, lineHeight: 1.25 }, overline: { fontFamily: baseProperties.fontFamily }, d1: { fontSize: pxToRem(80), ...baseDisplayProperties }, d2: { fontSize: pxToRem(72), ...baseDisplayProperties }, d3: { fontSize: pxToRem(64), ...baseDisplayProperties }, d4: { fontSize: pxToRem(56), ...baseDisplayProperties }, d5: { fontSize: pxToRem(48), ...baseDisplayProperties }, d6: { fontSize: pxToRem(40), ...baseDisplayProperties }, size: { xxs: baseProperties.fontSizeXXS, xs: baseProperties.fontSizeXS, sm: baseProperties.fontSizeSM, md: baseProperties.fontSizeMD, lg: baseProperties.fontSizeLG, xl: baseProperties.fontSizeXL, "2xl": baseProperties.fontSize2XL, "3xl": baseProperties.fontSize3XL }, lineHeight: { sm: 1.25, md: 1.5, lg: 2 } }; }; const changeThemeMode = (mode) => { return { palette: palette(mode), typography: typography(mode), boxShadows: boxShadows(mode), borders: borders(mode) }; }; function ThemeProvider({ children, ...restProps }) { const settings = { themeMode: "light" }; const themeModeOption = changeThemeMode(settings.themeMode); const baseOption = React.useMemo(() => { return { breakpoints: { ...breakpoints }, palette: palette("light"), typography: typography("light"), boxShadows: boxShadows("light"), borders: borders("light"), functions: { boxShadow, hexToRgb, linearGradient, pxToRem, rgba }, components: {} }; }, []); const memoizedValue = React.useMemo( () => lodashMerge( // Base baseOption, // Dark mode themeModeOption ), [baseOption, themeModeOption] ); const theme = createTheme(memoizedValue); theme.components = lodashMerge(componentsOverrides(theme), {}); return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider$1, { theme, children }); } function App() { const [openPandora, setOpenPandora] = React.useState(false); const toggleOpenPandora = () => { setOpenPandora((prevState) => !prevState); }; const handleClosePandora = () => { setOpenPandora(false); }; return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1.pandoraButton, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx(PandoraButton, { openPandora, onClick: () => toggleOpenPandora() }), /* @__PURE__ */ jsxRuntimeExports.jsx(PandoraDrawer, { openDrawer: openPandora, handleCloseDrawer: handleClosePandora }) ] }) }); } if (window.location.hostname === "linux.do") { const appendLinuxDoNext = () => { const app = document.createElement("div"); app.setAttribute("id", styles$1.pluginContainer); document.body.append(app); return app; }; client.createRoot(appendLinuxDoNext()).render( /* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) }) ); } if (window.location.hostname === "connect.linux.do") { const tableTr = qsAll("table tr td"); const tableData = []; tableTr.forEach((value) => { tableData.push(value.textContent || ""); }); const tableDataClear = { visitCount: tableData[1], visitCountRequire: tableData[2], repliedTopic: tableData[4], repliedTopicRequire: tableData[5], viewedTopic: tableData[7], viewedTopicRequire: tableData[8], viewedTopicAll: tableData[10], viewedTopicAllRequire: tableData[11], viewedPost: tableData[13], viewedPostRequire: tableData[14], viewedPostAll: tableData[16], viewedPostAllRequire: tableData[17], reportedPost: tableData[19], reportedPostRequire: tableData[20], reportedUser: tableData[22], reportedUserRequire: tableData[23], likes: tableData[25], likesRequire: tableData[26], liked: tableData[28], likedRequire: tableData[29], likedTopSingleDay: tableData[31], likedTopSingleDayRequire: tableData[32], likedUser: tableData[34], likedUserRequire: tableData[35], postBanned: tableData[37], postBannedRequire: tableData[38], allBannedUser: tableData[37], allBannedUserRequire: tableData[38] }; window.parent.postMessage(tableDataClear, { targetOrigin: "https://linux.do/" }); } })(React, ReactDOM);