// ==UserScript==
// @name m-team-thems
// @namespace vite-plugin-monkey
// @version 1.0.7
// @author Seahor
// @description 为 M-Team 添加主题
// @license https://github.com/SeahorZhang/m-team-thems
// @icon https://next.m-team.cc/favicon.ico
// @match https://next.m-team.cc/*
// @grant GM_addStyle
// ==/UserScript==
(t=>{if(typeof GM_addStyle=="function"){GM_addStyle(t);return}const e=document.createElement("style");e.textContent=t,document.head.append(e)})(` [data-theme=ocean]{--primary-color: #5581a8;--primary-color-400: #7a9ab6;--primary-color-300: #9cb5ca;--primary-color-100: #d2eaff;--bg-color: #b7d0e8;--bg-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:serif='http://www.serif.com/'%20width='100%25'%20height='100%25'%20viewBox='0%200%201292%20784'%20version='1.1'%20xml:space='preserve'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3e%3cpath%20d='M228.375,369.616L254.339,471.834L153.466,443.854L228.375,369.616Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cpath%20d='M1224.97,164.033L1131.06,116.036L1218.68,58.756L1224.97,164.033Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cpath%20d='M548.621,501.669L454.711,453.672L542.331,396.392L548.621,501.669Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cpath%20d='M1215.27,449.262L1263.54,497.534L1215.27,545.806L1167,497.534L1215.27,449.262Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cpath%20d='M1030.71,631.294L1037.28,733.675L934.902,740.244L928.333,637.863L1030.71,631.294Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cpath%20d='M194.217,632.486L177.438,698.659L111.265,681.88L128.044,615.707L194.217,632.486Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cpath%20d='M507.471,84.424L571.466,150.265L479.756,145.839L415.76,79.998L507.471,84.424Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cpath%20d='M708.653,215.869L803.095,235.457L738.103,306.725L643.662,287.136L708.653,215.869Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3ccircle%20cx='220.969'%20cy='53.375'%20r='33.44'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3ccircle%20cx='1047.26'%20cy='231.362'%20r='33.44'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3ccircle%20cx='409.744'%20cy='690.893'%20r='50.699'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cpath%20d='M660.967,608.112L781.771,698.03L635.554,756.547L660.967,608.112Z'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3ccircle%20cx='801.315'%20cy='68.477'%20r='61.486'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3ccircle%20cx='917.007'%20cy='437.126'%20r='70.925'%20style='fill:none;stroke:white;stroke-opacity:0.3;stroke-width:13.98px;'/%3e%3cg%20opacity='0.3'%3e%3cpath%20d='M6.991,229.598L81.34,167.168'%20style='fill:none;stroke:white;stroke-width:13.98px;'/%3e%3cpath%20d='M39.143,267.889L113.493,205.46'%20style='fill:none;stroke:white;stroke-width:13.98px;'/%3e%3c/g%3e%3cg%20opacity='0.3'%3e%3cpath%20d='M1163.1,280.039L1256.52,253.612'%20style='fill:none;stroke:white;stroke-width:13.98px;'/%3e%3cpath%20d='M1176.71,328.151L1270.33,301.723'%20style='fill:none;stroke:white;stroke-width:13.98px;'/%3e%3c/g%3e%3cg%20opacity='0.3'%3e%3cpath%20d='M1174.4,655.314L1284.14,724.669'%20style='fill:none;stroke:white;stroke-width:13.98px;'/%3e%3cpath%20d='M1143.68,706.832L1253.42,776.187'%20style='fill:none;stroke:white;stroke-width:13.98px;'/%3e%3c/g%3e%3cscript%20xmlns=''/%3e%3c/svg%3e");--head-bg-shadow: 0 4px 19px rgba(0, 0, 0, .03);--divider-color: #cddff1;--table-hover: #cddff1c1;--promotion-bg: #87d068;--bg-1: #cadbeb}[data-theme=ocean] body{background:var(--bg-color) var(--bg-image)}[data-theme=ocean] #root>div>div>*:nth-of-type(1){background-color:#fff9;box-shadow:var(--head-bg-shadow)!important}[data-theme=ocean] #root>div>div>[class~="px-[40px]"]>.ant-row.ant-row-space-between.ant-row-middle.mt-5.text-sm.css-5tmopf{background-color:#fff9}[data-theme=ocean] .flex.justify-between.py-5.items-center.sticky.top-0.bg-mt-primary-1{background-color:#cadbeb}[data-theme=ocean] .flex.py-5.mb-5.border-0.border-b.border-solid.border-\\[\\#E8E1D7\\].sticky.top-0.z-\\[999\\].bg-mt-primary-1,[data-theme=ocean] .pb-\\[20px\\].mb-\\[20px\\].border-0.border-b.border-solid.border-\\[\\#E8E1D7\\]{border-color:var(--divider-color)}[data-theme=ocean] .ant-btn-color-primary{color:var(--primary-color)}[data-theme=ocean] .ant-btn-color-primary.ant-btn-variant-text:not(:disabled):not(.ant-btn-disabled):hover{color:var(--primary-color-400);background:var(--primary-color-100)}[data-theme=ocean] .ant-btn-variant-solid{background:var(--primary-color-300)}[data-theme=ocean] .ant-pagination-item.ant-pagination-item-1.ant-pagination-item-active{border-color:var(--primary-color-100)}[data-theme=ocean] .ant-pagination-item.ant-pagination-item-1.ant-pagination-item-active a{color:var(--primary-color-300)}[data-theme=ocean] .editor-container,[data-theme=ocean] .ant-divider{border-color:var(--divider-color)}[data-theme=ocean] .mx-auto.w-full{background-color:#fff9}[data-theme=ocean] .ant-table-wrapper .ant-table-tbody .ant-table-row>.ant-table-cell-row-hover{background-color:var(--table-hover)}[data-theme=ocean] .ant-table-cell{border-bottom-color:var(--divider-color)!important}[data-theme=ocean] .ant-card .ant-card-head{border-bottom-color:var(--divider-color)}[data-theme=ocean] .ant-menu-light.ant-menu-horizontal>.ant-menu-submenu:hover:after{border-bottom-color:var(--bg-color)}[data-theme=ocean] .ant-menu-light.ant-menu-horizontal>.ant-menu-item:hover:after{border-bottom-color:var(--bg-color)}[data-theme=ocean] .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:var(--primary-color)}[data-theme=ocean] a:hover{color:var(--primary-color)}[data-theme=ocean] body[data-theme=sakura] .ant-table-placeholder:hover,[data-theme=ocean] body[data-theme=sakura] .ant-table-placeholder td:hover{background:#00000003!important}[data-css-mode=true] #root>div>div>[class~="px-[40px]"]{padding:0 40px!important}[data-css-mode=true] #root>div>div>[class~="px-[40px]"]>.ant-row.ant-row-space-between.ant-row-middle.mt-5.text-sm.css-5tmopf{border-radius:6px;padding:10px 20px!important;margin:20px auto 0;max-width:1440px}[data-css-mode=true] .flex.justify-between.py-5.items-center.sticky.top-0.bg-mt-primary-1{padding:20px;margin-bottom:10px;border-radius:6px}[data-css-mode=true] .ant-row.ant-row-space-between.sticky.top-\\[65px\\].bg-white.z-\\[1\\]{box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005!important;padding:8px;margin-left:-12px;margin-right:-12px;margin-top:-12px}[data-css-mode=true] .flex.py-5.mb-5.border-0.border-b.border-solid.border-\\[\\#E8E1D7\\].sticky.top-0.z-\\[999\\].bg-mt-primary-1{padding:12px;border-radius:6px}[data-css-mode=true] .mx-auto.w-full{padding:18px;border-radius:6px}[data-css-mode=true] .ant-input-affix-wrapper.ant-input-outlined>input{padding:0 12px}.ant-dropdown{background-color:#fff!important;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d} `);
(function () {
'use strict';
function _mergeNamespaces$1(n, m) {
for (var i = 0; i < m.length; i++) {
const e = m[i];
if (typeof e !== "string" && !Array.isArray(e)) {
for (const k in e) {
if (k !== "default" && !(k in n)) {
const d = Object.getOwnPropertyDescriptor(e, k);
if (d) {
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: () => e[k]
});
}
}
}
}
}
return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
}
function getDefaultExportFromCjs(x) {
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
}
var jsxRuntime = { exports: {} };
var reactJsxRuntime_production = {};
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var hasRequiredReactJsxRuntime_production;
function requireReactJsxRuntime_production() {
if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
hasRequiredReactJsxRuntime_production = 1;
var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE2 = Symbol.for("react.fragment");
function jsxProd(type4, config, maybeKey) {
var key = null;
void 0 !== maybeKey && (key = "" + maybeKey);
void 0 !== config.key && (key = "" + config.key);
if ("key" in config) {
maybeKey = {};
for (var propName in config)
"key" !== propName && (maybeKey[propName] = config[propName]);
} else maybeKey = config;
config = maybeKey.ref;
return {
$$typeof: REACT_ELEMENT_TYPE,
type: type4,
key,
ref: void 0 !== config ? config : null,
props: maybeKey
};
}
reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE2;
reactJsxRuntime_production.jsx = jsxProd;
reactJsxRuntime_production.jsxs = jsxProd;
return reactJsxRuntime_production;
}
var hasRequiredJsxRuntime;
function requireJsxRuntime() {
if (hasRequiredJsxRuntime) return jsxRuntime.exports;
hasRequiredJsxRuntime = 1;
{
jsxRuntime.exports = requireReactJsxRuntime_production();
}
return jsxRuntime.exports;
}
var jsxRuntimeExports = requireJsxRuntime();
var react = { exports: {} };
var react_production = {};
/**
* @license React
* react.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var hasRequiredReact_production;
function requireReact_production() {
if (hasRequiredReact_production) return react_production;
hasRequiredReact_production = 1;
var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE2 = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
function getIteratorFn(maybeIterable) {
if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
maybeIterable = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable["@@iterator"];
return "function" === typeof maybeIterable ? maybeIterable : null;
}
var ReactNoopUpdateQueue = {
isMounted: function() {
return false;
},
enqueueForceUpdate: function() {
},
enqueueReplaceState: function() {
},
enqueueSetState: function() {
}
}, assign = Object.assign, emptyObject = {};
function Component(props, context, updater) {
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
}
Component.prototype.isReactComponent = {};
Component.prototype.setState = function(partialState, callback) {
if ("object" !== typeof partialState && "function" !== typeof partialState && null != partialState)
throw Error(
"takes an object of state variables to update or a function which returns an object of state variables."
);
this.updater.enqueueSetState(this, partialState, callback, "setState");
};
Component.prototype.forceUpdate = function(callback) {
this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
};
function ComponentDummy() {
}
ComponentDummy.prototype = Component.prototype;
function PureComponent(props, context, updater) {
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
}
var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
pureComponentPrototype.constructor = PureComponent;
assign(pureComponentPrototype, Component.prototype);
pureComponentPrototype.isPureReactComponent = true;
var isArrayImpl = Array.isArray, ReactSharedInternals = { H: null, A: null, T: null, S: null, V: null }, hasOwnProperty = Object.prototype.hasOwnProperty;
function ReactElement(type4, key, self2, source, owner, props) {
self2 = props.ref;
return {
$$typeof: REACT_ELEMENT_TYPE,
type: type4,
key,
ref: void 0 !== self2 ? self2 : null,
props
};
}
function cloneAndReplaceKey(oldElement, newKey) {
return ReactElement(
oldElement.type,
newKey,
void 0,
void 0,
void 0,
oldElement.props
);
}
function isValidElement(object4) {
return "object" === typeof object4 && null !== object4 && object4.$$typeof === REACT_ELEMENT_TYPE;
}
function escape(key) {
var escaperLookup = { "=": "=0", ":": "=2" };
return "$" + key.replace(/[=:]/g, function(match2) {
return escaperLookup[match2];
});
}
var userProvidedKeyEscapeRegex = /\/+/g;
function getElementKey(element, index2) {
return "object" === typeof element && null !== element && null != element.key ? escape("" + element.key) : index2.toString(36);
}
function noop$12() {
}
function resolveThenable(thenable) {
switch (thenable.status) {
case "fulfilled":
return thenable.value;
case "rejected":
throw thenable.reason;
default:
switch ("string" === typeof thenable.status ? thenable.then(noop$12, noop$12) : (thenable.status = "pending", thenable.then(
function(fulfilledValue) {
"pending" === thenable.status && (thenable.status = "fulfilled", thenable.value = fulfilledValue);
},
function(error) {
"pending" === thenable.status && (thenable.status = "rejected", thenable.reason = error);
}
)), thenable.status) {
case "fulfilled":
return thenable.value;
case "rejected":
throw thenable.reason;
}
}
throw thenable;
}
function mapIntoArray(children, array4, escapedPrefix, nameSoFar, callback) {
var type4 = typeof children;
if ("undefined" === type4 || "boolean" === type4) children = null;
var invokeCallback = false;
if (null === children) invokeCallback = true;
else
switch (type4) {
case "bigint":
case "string":
case "number":
invokeCallback = true;
break;
case "object":
switch (children.$$typeof) {
case REACT_ELEMENT_TYPE:
case REACT_PORTAL_TYPE:
invokeCallback = true;
break;
case REACT_LAZY_TYPE:
return invokeCallback = children._init, mapIntoArray(
invokeCallback(children._payload),
array4,
escapedPrefix,
nameSoFar,
callback
);
}
}
if (invokeCallback)
return callback = callback(children), invokeCallback = "" === nameSoFar ? "." + getElementKey(children, 0) : nameSoFar, isArrayImpl(callback) ? (escapedPrefix = "", null != invokeCallback && (escapedPrefix = invokeCallback.replace(userProvidedKeyEscapeRegex, "$&/") + "/"), mapIntoArray(callback, array4, escapedPrefix, "", function(c) {
return c;
})) : null != callback && (isValidElement(callback) && (callback = cloneAndReplaceKey(
callback,
escapedPrefix + (null == callback.key || children && children.key === callback.key ? "" : ("" + callback.key).replace(
userProvidedKeyEscapeRegex,
"$&/"
) + "/") + invokeCallback
)), array4.push(callback)), 1;
invokeCallback = 0;
var nextNamePrefix = "" === nameSoFar ? "." : nameSoFar + ":";
if (isArrayImpl(children))
for (var i = 0; i < children.length; i++)
nameSoFar = children[i], type4 = nextNamePrefix + getElementKey(nameSoFar, i), invokeCallback += mapIntoArray(
nameSoFar,
array4,
escapedPrefix,
type4,
callback
);
else if (i = getIteratorFn(children), "function" === typeof i)
for (children = i.call(children), i = 0; !(nameSoFar = children.next()).done; )
nameSoFar = nameSoFar.value, type4 = nextNamePrefix + getElementKey(nameSoFar, i++), invokeCallback += mapIntoArray(
nameSoFar,
array4,
escapedPrefix,
type4,
callback
);
else if ("object" === type4) {
if ("function" === typeof children.then)
return mapIntoArray(
resolveThenable(children),
array4,
escapedPrefix,
nameSoFar,
callback
);
array4 = String(children);
throw Error(
"Objects are not valid as a React child (found: " + ("[object Object]" === array4 ? "object with keys {" + Object.keys(children).join(", ") + "}" : array4) + "). If you meant to render a collection of children, use an array instead."
);
}
return invokeCallback;
}
function mapChildren(children, func, context) {
if (null == children) return children;
var result = [], count = 0;
mapIntoArray(children, result, "", "", function(child) {
return func.call(context, child, count++);
});
return result;
}
function lazyInitializer(payload) {
if (-1 === payload._status) {
var ctor = payload._result;
ctor = ctor();
ctor.then(
function(moduleObject) {
if (0 === payload._status || -1 === payload._status)
payload._status = 1, payload._result = moduleObject;
},
function(error) {
if (0 === payload._status || -1 === payload._status)
payload._status = 2, payload._result = error;
}
);
-1 === payload._status && (payload._status = 0, payload._result = ctor);
}
if (1 === payload._status) return payload._result.default;
throw payload._result;
}
var reportGlobalError = "function" === typeof reportError ? reportError : function(error) {
if ("object" === typeof window && "function" === typeof window.ErrorEvent) {
var event = new window.ErrorEvent("error", {
bubbles: true,
cancelable: true,
message: "object" === typeof error && null !== error && "string" === typeof error.message ? String(error.message) : String(error),
error
});
if (!window.dispatchEvent(event)) return;
} else if ("object" === typeof process && "function" === typeof process.emit) {
process.emit("uncaughtException", error);
return;
}
console.error(error);
};
function noop2() {
}
react_production.Children = {
map: mapChildren,
forEach: function(children, forEachFunc, forEachContext) {
mapChildren(
children,
function() {
forEachFunc.apply(this, arguments);
},
forEachContext
);
},
count: function(children) {
var n = 0;
mapChildren(children, function() {
n++;
});
return n;
},
toArray: function(children) {
return mapChildren(children, function(child) {
return child;
}) || [];
},
only: function(children) {
if (!isValidElement(children))
throw Error(
"React.Children.only expected to receive a single React element child."
);
return children;
}
};
react_production.Component = Component;
react_production.Fragment = REACT_FRAGMENT_TYPE2;
react_production.Profiler = REACT_PROFILER_TYPE;
react_production.PureComponent = PureComponent;
react_production.StrictMode = REACT_STRICT_MODE_TYPE;
react_production.Suspense = REACT_SUSPENSE_TYPE;
react_production.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = ReactSharedInternals;
react_production.__COMPILER_RUNTIME = {
__proto__: null,
c: function(size) {
return ReactSharedInternals.H.useMemoCache(size);
}
};
react_production.cache = function(fn) {
return function() {
return fn.apply(null, arguments);
};
};
react_production.cloneElement = function(element, config, children) {
if (null === element || void 0 === element)
throw Error(
"The argument must be a React element, but you passed " + element + "."
);
var props = assign({}, element.props), key = element.key, owner = void 0;
if (null != config)
for (propName in void 0 !== config.ref && (owner = void 0), void 0 !== config.key && (key = "" + config.key), config)
!hasOwnProperty.call(config, propName) || "key" === propName || "__self" === propName || "__source" === propName || "ref" === propName && void 0 === config.ref || (props[propName] = config[propName]);
var propName = arguments.length - 2;
if (1 === propName) props.children = children;
else if (1 < propName) {
for (var childArray = Array(propName), i = 0; i < propName; i++)
childArray[i] = arguments[i + 2];
props.children = childArray;
}
return ReactElement(element.type, key, void 0, void 0, owner, props);
};
react_production.createContext = function(defaultValue) {
defaultValue = {
$$typeof: REACT_CONTEXT_TYPE,
_currentValue: defaultValue,
_currentValue2: defaultValue,
_threadCount: 0,
Provider: null,
Consumer: null
};
defaultValue.Provider = defaultValue;
defaultValue.Consumer = {
$$typeof: REACT_CONSUMER_TYPE,
_context: defaultValue
};
return defaultValue;
};
react_production.createElement = function(type4, config, children) {
var propName, props = {}, key = null;
if (null != config)
for (propName in void 0 !== config.key && (key = "" + config.key), config)
hasOwnProperty.call(config, propName) && "key" !== propName && "__self" !== propName && "__source" !== propName && (props[propName] = config[propName]);
var childrenLength = arguments.length - 2;
if (1 === childrenLength) props.children = children;
else if (1 < childrenLength) {
for (var childArray = Array(childrenLength), i = 0; i < childrenLength; i++)
childArray[i] = arguments[i + 2];
props.children = childArray;
}
if (type4 && type4.defaultProps)
for (propName in childrenLength = type4.defaultProps, childrenLength)
void 0 === props[propName] && (props[propName] = childrenLength[propName]);
return ReactElement(type4, key, void 0, void 0, null, props);
};
react_production.createRef = function() {
return { current: null };
};
react_production.forwardRef = function(render2) {
return { $$typeof: REACT_FORWARD_REF_TYPE, render: render2 };
};
react_production.isValidElement = isValidElement;
react_production.lazy = function(ctor) {
return {
$$typeof: REACT_LAZY_TYPE,
_payload: { _status: -1, _result: ctor },
_init: lazyInitializer
};
};
react_production.memo = function(type4, compare) {
return {
$$typeof: REACT_MEMO_TYPE,
type: type4,
compare: void 0 === compare ? null : compare
};
};
react_production.startTransition = function(scope) {
var prevTransition = ReactSharedInternals.T, currentTransition = {};
ReactSharedInternals.T = currentTransition;
try {
var returnValue = scope(), onStartTransitionFinish = ReactSharedInternals.S;
null !== onStartTransitionFinish && onStartTransitionFinish(currentTransition, returnValue);
"object" === typeof returnValue && null !== returnValue && "function" === typeof returnValue.then && returnValue.then(noop2, reportGlobalError);
} catch (error) {
reportGlobalError(error);
} finally {
ReactSharedInternals.T = prevTransition;
}
};
react_production.unstable_useCacheRefresh = function() {
return ReactSharedInternals.H.useCacheRefresh();
};
react_production.use = function(usable) {
return ReactSharedInternals.H.use(usable);
};
react_production.useActionState = function(action, initialState, permalink) {
return ReactSharedInternals.H.useActionState(action, initialState, permalink);
};
react_production.useCallback = function(callback, deps) {
return ReactSharedInternals.H.useCallback(callback, deps);
};
react_production.useContext = function(Context2) {
return ReactSharedInternals.H.useContext(Context2);
};
react_production.useDebugValue = function() {
};
react_production.useDeferredValue = function(value, initialValue) {
return ReactSharedInternals.H.useDeferredValue(value, initialValue);
};
react_production.useEffect = function(create, createDeps, update) {
var dispatcher = ReactSharedInternals.H;
if ("function" === typeof update)
throw Error(
"useEffect CRUD overload is not enabled in this build of React."
);
return dispatcher.useEffect(create, createDeps);
};
react_production.useId = function() {
return ReactSharedInternals.H.useId();
};
react_production.useImperativeHandle = function(ref, create, deps) {
return ReactSharedInternals.H.useImperativeHandle(ref, create, deps);
};
react_production.useInsertionEffect = function(create, deps) {
return ReactSharedInternals.H.useInsertionEffect(create, deps);
};
react_production.useLayoutEffect = function(create, deps) {
return ReactSharedInternals.H.useLayoutEffect(create, deps);
};
react_production.useMemo = function(create, deps) {
return ReactSharedInternals.H.useMemo(create, deps);
};
react_production.useOptimistic = function(passthrough, reducer) {
return ReactSharedInternals.H.useOptimistic(passthrough, reducer);
};
react_production.useReducer = function(reducer, initialArg, init) {
return ReactSharedInternals.H.useReducer(reducer, initialArg, init);
};
react_production.useRef = function(initialValue) {
return ReactSharedInternals.H.useRef(initialValue);
};
react_production.useState = function(initialState) {
return ReactSharedInternals.H.useState(initialState);
};
react_production.useSyncExternalStore = function(subscribe, getSnapshot, getServerSnapshot) {
return ReactSharedInternals.H.useSyncExternalStore(
subscribe,
getSnapshot,
getServerSnapshot
);
};
react_production.useTransition = function() {
return ReactSharedInternals.H.useTransition();
};
react_production.version = "19.1.0";
return react_production;
}
var hasRequiredReact;
function requireReact() {
if (hasRequiredReact) return react.exports;
hasRequiredReact = 1;
{
react.exports = requireReact_production();
}
return react.exports;
}
var reactExports = requireReact();
const React = /* @__PURE__ */ getDefaultExportFromCjs(reactExports);
const React$1 = /* @__PURE__ */ _mergeNamespaces$1({
__proto__: null,
default: React
}, [reactExports]);
var client = { exports: {} };
var reactDomClient_production = {};
var scheduler = { exports: {} };
var scheduler_production = {};
/**
* @license React
* scheduler.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var hasRequiredScheduler_production;
function requireScheduler_production() {
if (hasRequiredScheduler_production) return scheduler_production;
hasRequiredScheduler_production = 1;
(function(exports) {
function push(heap, node2) {
var index2 = heap.length;
heap.push(node2);
a: for (; 0 < index2; ) {
var parentIndex = index2 - 1 >>> 1, parent = heap[parentIndex];
if (0 < compare(parent, node2))
heap[parentIndex] = node2, heap[index2] = parent, index2 = parentIndex;
else break a;
}
}
function peek2(heap) {
return 0 === heap.length ? null : heap[0];
}
function pop(heap) {
if (0 === heap.length) return null;
var first = heap[0], last = heap.pop();
if (last !== first) {
heap[0] = last;
a: for (var index2 = 0, length2 = heap.length, halfLength = length2 >>> 1; index2 < halfLength; ) {
var leftIndex = 2 * (index2 + 1) - 1, left = heap[leftIndex], rightIndex = leftIndex + 1, right = heap[rightIndex];
if (0 > compare(left, last))
rightIndex < length2 && 0 > compare(right, left) ? (heap[index2] = right, heap[rightIndex] = last, index2 = rightIndex) : (heap[index2] = left, heap[leftIndex] = last, index2 = leftIndex);
else if (rightIndex < length2 && 0 > compare(right, last))
heap[index2] = right, heap[rightIndex] = last, index2 = rightIndex;
else break a;
}
}
return first;
}
function compare(a, b) {
var diff = a.sortIndex - b.sortIndex;
return 0 !== diff ? diff : a.id - b.id;
}
exports.unstable_now = void 0;
if ("object" === typeof performance && "function" === typeof performance.now) {
var localPerformance = performance;
exports.unstable_now = function() {
return localPerformance.now();
};
} else {
var localDate = Date, initialTime = localDate.now();
exports.unstable_now = function() {
return localDate.now() - initialTime;
};
}
var taskQueue = [], timerQueue = [], taskIdCounter = 1, currentTask = null, currentPriorityLevel = 3, isPerformingWork = false, isHostCallbackScheduled = false, isHostTimeoutScheduled = false, needsPaint = false, localSetTimeout = "function" === typeof setTimeout ? setTimeout : null, localClearTimeout = "function" === typeof clearTimeout ? clearTimeout : null, localSetImmediate = "undefined" !== typeof setImmediate ? setImmediate : null;
function advanceTimers(currentTime) {
for (var timer = peek2(timerQueue); null !== timer; ) {
if (null === timer.callback) pop(timerQueue);
else if (timer.startTime <= currentTime)
pop(timerQueue), timer.sortIndex = timer.expirationTime, push(taskQueue, timer);
else break;
timer = peek2(timerQueue);
}
}
function handleTimeout(currentTime) {
isHostTimeoutScheduled = false;
advanceTimers(currentTime);
if (!isHostCallbackScheduled)
if (null !== peek2(taskQueue))
isHostCallbackScheduled = true, isMessageLoopRunning || (isMessageLoopRunning = true, schedulePerformWorkUntilDeadline());
else {
var firstTimer = peek2(timerQueue);
null !== firstTimer && requestHostTimeout(handleTimeout, firstTimer.startTime - currentTime);
}
}
var isMessageLoopRunning = false, taskTimeoutID = -1, frameInterval = 5, startTime = -1;
function shouldYieldToHost() {
return needsPaint ? true : exports.unstable_now() - startTime < frameInterval ? false : true;
}
function performWorkUntilDeadline() {
needsPaint = false;
if (isMessageLoopRunning) {
var currentTime = exports.unstable_now();
startTime = currentTime;
var hasMoreWork = true;
try {
a: {
isHostCallbackScheduled = false;
isHostTimeoutScheduled && (isHostTimeoutScheduled = false, localClearTimeout(taskTimeoutID), taskTimeoutID = -1);
isPerformingWork = true;
var previousPriorityLevel = currentPriorityLevel;
try {
b: {
advanceTimers(currentTime);
for (currentTask = peek2(taskQueue); null !== currentTask && !(currentTask.expirationTime > currentTime && shouldYieldToHost()); ) {
var callback = currentTask.callback;
if ("function" === typeof callback) {
currentTask.callback = null;
currentPriorityLevel = currentTask.priorityLevel;
var continuationCallback = callback(
currentTask.expirationTime <= currentTime
);
currentTime = exports.unstable_now();
if ("function" === typeof continuationCallback) {
currentTask.callback = continuationCallback;
advanceTimers(currentTime);
hasMoreWork = true;
break b;
}
currentTask === peek2(taskQueue) && pop(taskQueue);
advanceTimers(currentTime);
} else pop(taskQueue);
currentTask = peek2(taskQueue);
}
if (null !== currentTask) hasMoreWork = true;
else {
var firstTimer = peek2(timerQueue);
null !== firstTimer && requestHostTimeout(
handleTimeout,
firstTimer.startTime - currentTime
);
hasMoreWork = false;
}
}
break a;
} finally {
currentTask = null, currentPriorityLevel = previousPriorityLevel, isPerformingWork = false;
}
hasMoreWork = void 0;
}
} finally {
hasMoreWork ? schedulePerformWorkUntilDeadline() : isMessageLoopRunning = false;
}
}
}
var schedulePerformWorkUntilDeadline;
if ("function" === typeof localSetImmediate)
schedulePerformWorkUntilDeadline = function() {
localSetImmediate(performWorkUntilDeadline);
};
else if ("undefined" !== typeof MessageChannel) {
var channel = new MessageChannel(), port = channel.port2;
channel.port1.onmessage = performWorkUntilDeadline;
schedulePerformWorkUntilDeadline = function() {
port.postMessage(null);
};
} else
schedulePerformWorkUntilDeadline = function() {
localSetTimeout(performWorkUntilDeadline, 0);
};
function requestHostTimeout(callback, ms) {
taskTimeoutID = localSetTimeout(function() {
callback(exports.unstable_now());
}, ms);
}
exports.unstable_IdlePriority = 5;
exports.unstable_ImmediatePriority = 1;
exports.unstable_LowPriority = 4;
exports.unstable_NormalPriority = 3;
exports.unstable_Profiling = null;
exports.unstable_UserBlockingPriority = 2;
exports.unstable_cancelCallback = function(task) {
task.callback = null;
};
exports.unstable_forceFrameRate = function(fps) {
0 > fps || 125 < fps ? console.error(
"forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"
) : frameInterval = 0 < fps ? Math.floor(1e3 / fps) : 5;
};
exports.unstable_getCurrentPriorityLevel = function() {
return currentPriorityLevel;
};
exports.unstable_next = function(eventHandler) {
switch (currentPriorityLevel) {
case 1:
case 2:
case 3:
var priorityLevel = 3;
break;
default:
priorityLevel = currentPriorityLevel;
}
var previousPriorityLevel = currentPriorityLevel;
currentPriorityLevel = priorityLevel;
try {
return eventHandler();
} finally {
currentPriorityLevel = previousPriorityLevel;
}
};
exports.unstable_requestPaint = function() {
needsPaint = true;
};
exports.unstable_runWithPriority = function(priorityLevel, eventHandler) {
switch (priorityLevel) {
case 1:
case 2:
case 3:
case 4:
case 5:
break;
default:
priorityLevel = 3;
}
var previousPriorityLevel = currentPriorityLevel;
currentPriorityLevel = priorityLevel;
try {
return eventHandler();
} finally {
currentPriorityLevel = previousPriorityLevel;
}
};
exports.unstable_scheduleCallback = function(priorityLevel, callback, options) {
var currentTime = exports.unstable_now();
"object" === typeof options && null !== options ? (options = options.delay, options = "number" === typeof options && 0 < options ? currentTime + options : currentTime) : options = currentTime;
switch (priorityLevel) {
case 1:
var timeout = -1;
break;
case 2:
timeout = 250;
break;
case 5:
timeout = 1073741823;
break;
case 4:
timeout = 1e4;
break;
default:
timeout = 5e3;
}
timeout = options + timeout;
priorityLevel = {
id: taskIdCounter++,
callback,
priorityLevel,
startTime: options,
expirationTime: timeout,
sortIndex: -1
};
options > currentTime ? (priorityLevel.sortIndex = options, push(timerQueue, priorityLevel), null === peek2(taskQueue) && priorityLevel === peek2(timerQueue) && (isHostTimeoutScheduled ? (localClearTimeout(taskTimeoutID), taskTimeoutID = -1) : isHostTimeoutScheduled = true, requestHostTimeout(handleTimeout, options - currentTime))) : (priorityLevel.sortIndex = timeout, push(taskQueue, priorityLevel), isHostCallbackScheduled || isPerformingWork || (isHostCallbackScheduled = true, isMessageLoopRunning || (isMessageLoopRunning = true, schedulePerformWorkUntilDeadline())));
return priorityLevel;
};
exports.unstable_shouldYield = shouldYieldToHost;
exports.unstable_wrapCallback = function(callback) {
var parentPriorityLevel = currentPriorityLevel;
return function() {
var previousPriorityLevel = currentPriorityLevel;
currentPriorityLevel = parentPriorityLevel;
try {
return callback.apply(this, arguments);
} finally {
currentPriorityLevel = previousPriorityLevel;
}
};
};
})(scheduler_production);
return scheduler_production;
}
var hasRequiredScheduler;
function requireScheduler() {
if (hasRequiredScheduler) return scheduler.exports;
hasRequiredScheduler = 1;
{
scheduler.exports = requireScheduler_production();
}
return scheduler.exports;
}
var reactDom = { exports: {} };
var reactDom_production = {};
/**
* @license React
* react-dom.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var hasRequiredReactDom_production;
function requireReactDom_production() {
if (hasRequiredReactDom_production) return reactDom_production;
hasRequiredReactDom_production = 1;
var React2 = requireReact();
function formatProdErrorMessage(code) {
var url2 = "https://react.dev/errors/" + code;
if (1 < arguments.length) {
url2 += "?args[]=" + encodeURIComponent(arguments[1]);
for (var i = 2; i < arguments.length; i++)
url2 += "&args[]=" + encodeURIComponent(arguments[i]);
}
return "Minified React error #" + code + "; visit " + url2 + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
}
function noop2() {
}
var Internals = {
d: {
f: noop2,
r: function() {
throw Error(formatProdErrorMessage(522));
},
D: noop2,
C: noop2,
L: noop2,
m: noop2,
X: noop2,
S: noop2,
M: noop2
},
p: 0,
findDOMNode: null
}, REACT_PORTAL_TYPE = Symbol.for("react.portal");
function createPortal$1(children, containerInfo, implementation) {
var key = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
return {
$$typeof: REACT_PORTAL_TYPE,
key: null == key ? null : "" + key,
children,
containerInfo,
implementation
};
}
var ReactSharedInternals = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
function getCrossOriginStringAs(as, input) {
if ("font" === as) return "";
if ("string" === typeof input)
return "use-credentials" === input ? input : "";
}
reactDom_production.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Internals;
reactDom_production.createPortal = function(children, container) {
var key = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
if (!container || 1 !== container.nodeType && 9 !== container.nodeType && 11 !== container.nodeType)
throw Error(formatProdErrorMessage(299));
return createPortal$1(children, container, null, key);
};
reactDom_production.flushSync = function(fn) {
var previousTransition = ReactSharedInternals.T, previousUpdatePriority = Internals.p;
try {
if (ReactSharedInternals.T = null, Internals.p = 2, fn) return fn();
} finally {
ReactSharedInternals.T = previousTransition, Internals.p = previousUpdatePriority, Internals.d.f();
}
};
reactDom_production.preconnect = function(href, options) {
"string" === typeof href && (options ? (options = options.crossOrigin, options = "string" === typeof options ? "use-credentials" === options ? options : "" : void 0) : options = null, Internals.d.C(href, options));
};
reactDom_production.prefetchDNS = function(href) {
"string" === typeof href && Internals.d.D(href);
};
reactDom_production.preinit = function(href, options) {
if ("string" === typeof href && options && "string" === typeof options.as) {
var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin), integrity = "string" === typeof options.integrity ? options.integrity : void 0, fetchPriority = "string" === typeof options.fetchPriority ? options.fetchPriority : void 0;
"style" === as ? Internals.d.S(
href,
"string" === typeof options.precedence ? options.precedence : void 0,
{
crossOrigin,
integrity,
fetchPriority
}
) : "script" === as && Internals.d.X(href, {
crossOrigin,
integrity,
fetchPriority,
nonce: "string" === typeof options.nonce ? options.nonce : void 0
});
}
};
reactDom_production.preinitModule = function(href, options) {
if ("string" === typeof href)
if ("object" === typeof options && null !== options) {
if (null == options.as || "script" === options.as) {
var crossOrigin = getCrossOriginStringAs(
options.as,
options.crossOrigin
);
Internals.d.M(href, {
crossOrigin,
integrity: "string" === typeof options.integrity ? options.integrity : void 0,
nonce: "string" === typeof options.nonce ? options.nonce : void 0
});
}
} else null == options && Internals.d.M(href);
};
reactDom_production.preload = function(href, options) {
if ("string" === typeof href && "object" === typeof options && null !== options && "string" === typeof options.as) {
var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
Internals.d.L(href, as, {
crossOrigin,
integrity: "string" === typeof options.integrity ? options.integrity : void 0,
nonce: "string" === typeof options.nonce ? options.nonce : void 0,
type: "string" === typeof options.type ? options.type : void 0,
fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0,
referrerPolicy: "string" === typeof options.referrerPolicy ? options.referrerPolicy : void 0,
imageSrcSet: "string" === typeof options.imageSrcSet ? options.imageSrcSet : void 0,
imageSizes: "string" === typeof options.imageSizes ? options.imageSizes : void 0,
media: "string" === typeof options.media ? options.media : void 0
});
}
};
reactDom_production.preloadModule = function(href, options) {
if ("string" === typeof href)
if (options) {
var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
Internals.d.m(href, {
as: "string" === typeof options.as && "script" !== options.as ? options.as : void 0,
crossOrigin,
integrity: "string" === typeof options.integrity ? options.integrity : void 0
});
} else Internals.d.m(href);
};
reactDom_production.requestFormReset = function(form) {
Internals.d.r(form);
};
reactDom_production.unstable_batchedUpdates = function(fn, a) {
return fn(a);
};
reactDom_production.useFormState = function(action, initialState, permalink) {
return ReactSharedInternals.H.useFormState(action, initialState, permalink);
};
reactDom_production.useFormStatus = function() {
return ReactSharedInternals.H.useHostTransitionStatus();
};
reactDom_production.version = "19.1.0";
return reactDom_production;
}
var hasRequiredReactDom;
function requireReactDom() {
if (hasRequiredReactDom) return reactDom.exports;
hasRequiredReactDom = 1;
function checkDCE() {
if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") {
return;
}
try {
__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
} catch (err) {
console.error(err);
}
}
{
checkDCE();
reactDom.exports = requireReactDom_production();
}
return reactDom.exports;
}
/**
* @license React
* react-dom-client.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var hasRequiredReactDomClient_production;
function requireReactDomClient_production() {
if (hasRequiredReactDomClient_production) return reactDomClient_production;
hasRequiredReactDomClient_production = 1;
var Scheduler = requireScheduler(), React2 = requireReact(), ReactDOM2 = requireReactDom();
function formatProdErrorMessage(code) {
var url2 = "https://react.dev/errors/" + code;
if (1 < arguments.length) {
url2 += "?args[]=" + encodeURIComponent(arguments[1]);
for (var i = 2; i < arguments.length; i++)
url2 += "&args[]=" + encodeURIComponent(arguments[i]);
}
return "Minified React error #" + code + "; visit " + url2 + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
}
function isValidContainer(node2) {
return !(!node2 || 1 !== node2.nodeType && 9 !== node2.nodeType && 11 !== node2.nodeType);
}
function getNearestMountedFiber(fiber) {
var node2 = fiber, nearestMounted = fiber;
if (fiber.alternate) for (; node2.return; ) node2 = node2.return;
else {
fiber = node2;
do
node2 = fiber, 0 !== (node2.flags & 4098) && (nearestMounted = node2.return), fiber = node2.return;
while (fiber);
}
return 3 === node2.tag ? nearestMounted : null;
}
function getSuspenseInstanceFromFiber(fiber) {
if (13 === fiber.tag) {
var suspenseState = fiber.memoizedState;
null === suspenseState && (fiber = fiber.alternate, null !== fiber && (suspenseState = fiber.memoizedState));
if (null !== suspenseState) return suspenseState.dehydrated;
}
return null;
}
function assertIsMounted(fiber) {
if (getNearestMountedFiber(fiber) !== fiber)
throw Error(formatProdErrorMessage(188));
}
function findCurrentFiberUsingSlowPath(fiber) {
var alternate = fiber.alternate;
if (!alternate) {
alternate = getNearestMountedFiber(fiber);
if (null === alternate) throw Error(formatProdErrorMessage(188));
return alternate !== fiber ? null : fiber;
}
for (var a = fiber, b = alternate; ; ) {
var parentA = a.return;
if (null === parentA) break;
var parentB = parentA.alternate;
if (null === parentB) {
b = parentA.return;
if (null !== b) {
a = b;
continue;
}
break;
}
if (parentA.child === parentB.child) {
for (parentB = parentA.child; parentB; ) {
if (parentB === a) return assertIsMounted(parentA), fiber;
if (parentB === b) return assertIsMounted(parentA), alternate;
parentB = parentB.sibling;
}
throw Error(formatProdErrorMessage(188));
}
if (a.return !== b.return) a = parentA, b = parentB;
else {
for (var didFindChild = false, child$0 = parentA.child; child$0; ) {
if (child$0 === a) {
didFindChild = true;
a = parentA;
b = parentB;
break;
}
if (child$0 === b) {
didFindChild = true;
b = parentA;
a = parentB;
break;
}
child$0 = child$0.sibling;
}
if (!didFindChild) {
for (child$0 = parentB.child; child$0; ) {
if (child$0 === a) {
didFindChild = true;
a = parentB;
b = parentA;
break;
}
if (child$0 === b) {
didFindChild = true;
b = parentB;
a = parentA;
break;
}
child$0 = child$0.sibling;
}
if (!didFindChild) throw Error(formatProdErrorMessage(189));
}
}
if (a.alternate !== b) throw Error(formatProdErrorMessage(190));
}
if (3 !== a.tag) throw Error(formatProdErrorMessage(188));
return a.stateNode.current === a ? fiber : alternate;
}
function findCurrentHostFiberImpl(node2) {
var tag = node2.tag;
if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node2;
for (node2 = node2.child; null !== node2; ) {
tag = findCurrentHostFiberImpl(node2);
if (null !== tag) return tag;
node2 = node2.sibling;
}
return null;
}
var assign = Object.assign, REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE2 = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_PROVIDER_TYPE = Symbol.for("react.provider"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy");
var REACT_ACTIVITY_TYPE = Symbol.for("react.activity");
var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel");
var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
function getIteratorFn(maybeIterable) {
if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
maybeIterable = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable["@@iterator"];
return "function" === typeof maybeIterable ? maybeIterable : null;
}
var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
function getComponentNameFromType(type4) {
if (null == type4) return null;
if ("function" === typeof type4)
return type4.$$typeof === REACT_CLIENT_REFERENCE ? null : type4.displayName || type4.name || null;
if ("string" === typeof type4) return type4;
switch (type4) {
case REACT_FRAGMENT_TYPE2:
return "Fragment";
case REACT_PROFILER_TYPE:
return "Profiler";
case REACT_STRICT_MODE_TYPE:
return "StrictMode";
case REACT_SUSPENSE_TYPE:
return "Suspense";
case REACT_SUSPENSE_LIST_TYPE:
return "SuspenseList";
case REACT_ACTIVITY_TYPE:
return "Activity";
}
if ("object" === typeof type4)
switch (type4.$$typeof) {
case REACT_PORTAL_TYPE:
return "Portal";
case REACT_CONTEXT_TYPE:
return (type4.displayName || "Context") + ".Provider";
case REACT_CONSUMER_TYPE:
return (type4._context.displayName || "Context") + ".Consumer";
case REACT_FORWARD_REF_TYPE:
var innerType = type4.render;
type4 = type4.displayName;
type4 || (type4 = innerType.displayName || innerType.name || "", type4 = "" !== type4 ? "ForwardRef(" + type4 + ")" : "ForwardRef");
return type4;
case REACT_MEMO_TYPE:
return innerType = type4.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type4.type) || "Memo";
case REACT_LAZY_TYPE:
innerType = type4._payload;
type4 = type4._init;
try {
return getComponentNameFromType(type4(innerType));
} catch (x) {
}
}
return null;
}
var isArrayImpl = Array.isArray, ReactSharedInternals = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ReactDOMSharedInternals = ReactDOM2.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, sharedNotPendingObject = {
pending: false,
data: null,
method: null,
action: null
}, valueStack = [], index2 = -1;
function createCursor(defaultValue) {
return { current: defaultValue };
}
function pop(cursor) {
0 > index2 || (cursor.current = valueStack[index2], valueStack[index2] = null, index2--);
}
function push(cursor, value) {
index2++;
valueStack[index2] = cursor.current;
cursor.current = value;
}
var contextStackCursor = createCursor(null), contextFiberStackCursor = createCursor(null), rootInstanceStackCursor = createCursor(null), hostTransitionProviderCursor = createCursor(null);
function pushHostContainer(fiber, nextRootInstance) {
push(rootInstanceStackCursor, nextRootInstance);
push(contextFiberStackCursor, fiber);
push(contextStackCursor, null);
switch (nextRootInstance.nodeType) {
case 9:
case 11:
fiber = (fiber = nextRootInstance.documentElement) ? (fiber = fiber.namespaceURI) ? getOwnHostContext(fiber) : 0 : 0;
break;
default:
if (fiber = nextRootInstance.tagName, nextRootInstance = nextRootInstance.namespaceURI)
nextRootInstance = getOwnHostContext(nextRootInstance), fiber = getChildHostContextProd(nextRootInstance, fiber);
else
switch (fiber) {
case "svg":
fiber = 1;
break;
case "math":
fiber = 2;
break;
default:
fiber = 0;
}
}
pop(contextStackCursor);
push(contextStackCursor, fiber);
}
function popHostContainer() {
pop(contextStackCursor);
pop(contextFiberStackCursor);
pop(rootInstanceStackCursor);
}
function pushHostContext(fiber) {
null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
var context = contextStackCursor.current;
var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
context !== JSCompiler_inline_result && (push(contextFiberStackCursor, fiber), push(contextStackCursor, JSCompiler_inline_result));
}
function popHostContext(fiber) {
contextFiberStackCursor.current === fiber && (pop(contextStackCursor), pop(contextFiberStackCursor));
hostTransitionProviderCursor.current === fiber && (pop(hostTransitionProviderCursor), HostTransitionContext._currentValue = sharedNotPendingObject);
}
var hasOwnProperty = Object.prototype.hasOwnProperty, scheduleCallback$3 = Scheduler.unstable_scheduleCallback, cancelCallback$1 = Scheduler.unstable_cancelCallback, shouldYield = Scheduler.unstable_shouldYield, requestPaint = Scheduler.unstable_requestPaint, now = Scheduler.unstable_now, getCurrentPriorityLevel = Scheduler.unstable_getCurrentPriorityLevel, ImmediatePriority = Scheduler.unstable_ImmediatePriority, UserBlockingPriority = Scheduler.unstable_UserBlockingPriority, NormalPriority$1 = Scheduler.unstable_NormalPriority, LowPriority = Scheduler.unstable_LowPriority, IdlePriority = Scheduler.unstable_IdlePriority, log$1 = Scheduler.log, unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue, rendererID = null, injectedHook = null;
function setIsStrictModeForDevtools(newIsStrictMode) {
"function" === typeof log$1 && unstable_setDisableYieldValue(newIsStrictMode);
if (injectedHook && "function" === typeof injectedHook.setStrictMode)
try {
injectedHook.setStrictMode(rendererID, newIsStrictMode);
} catch (err) {
}
}
var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback, log = Math.log, LN2 = Math.LN2;
function clz32Fallback(x) {
x >>>= 0;
return 0 === x ? 32 : 31 - (log(x) / LN2 | 0) | 0;
}
var nextTransitionLane = 256, nextRetryLane = 4194304;
function getHighestPriorityLanes(lanes) {
var pendingSyncLanes = lanes & 42;
if (0 !== pendingSyncLanes) return pendingSyncLanes;
switch (lanes & -lanes) {
case 1:
return 1;
case 2:
return 2;
case 4:
return 4;
case 8:
return 8;
case 16:
return 16;
case 32:
return 32;
case 64:
return 64;
case 128:
return 128;
case 256:
case 512:
case 1024:
case 2048:
case 4096:
case 8192:
case 16384:
case 32768:
case 65536:
case 131072:
case 262144:
case 524288:
case 1048576:
case 2097152:
return lanes & 4194048;
case 4194304:
case 8388608:
case 16777216:
case 33554432:
return lanes & 62914560;
case 67108864:
return 67108864;
case 134217728:
return 134217728;
case 268435456:
return 268435456;
case 536870912:
return 536870912;
case 1073741824:
return 0;
default:
return lanes;
}
}
function getNextLanes(root2, wipLanes, rootHasPendingCommit) {
var pendingLanes = root2.pendingLanes;
if (0 === pendingLanes) return 0;
var nextLanes = 0, suspendedLanes = root2.suspendedLanes, pingedLanes = root2.pingedLanes;
root2 = root2.warmLanes;
var nonIdlePendingLanes = pendingLanes & 134217727;
0 !== nonIdlePendingLanes ? (pendingLanes = nonIdlePendingLanes & ~suspendedLanes, 0 !== pendingLanes ? nextLanes = getHighestPriorityLanes(pendingLanes) : (pingedLanes &= nonIdlePendingLanes, 0 !== pingedLanes ? nextLanes = getHighestPriorityLanes(pingedLanes) : rootHasPendingCommit || (rootHasPendingCommit = nonIdlePendingLanes & ~root2, 0 !== rootHasPendingCommit && (nextLanes = getHighestPriorityLanes(rootHasPendingCommit))))) : (nonIdlePendingLanes = pendingLanes & ~suspendedLanes, 0 !== nonIdlePendingLanes ? nextLanes = getHighestPriorityLanes(nonIdlePendingLanes) : 0 !== pingedLanes ? nextLanes = getHighestPriorityLanes(pingedLanes) : rootHasPendingCommit || (rootHasPendingCommit = pendingLanes & ~root2, 0 !== rootHasPendingCommit && (nextLanes = getHighestPriorityLanes(rootHasPendingCommit))));
return 0 === nextLanes ? 0 : 0 !== wipLanes && wipLanes !== nextLanes && 0 === (wipLanes & suspendedLanes) && (suspendedLanes = nextLanes & -nextLanes, rootHasPendingCommit = wipLanes & -wipLanes, suspendedLanes >= rootHasPendingCommit || 32 === suspendedLanes && 0 !== (rootHasPendingCommit & 4194048)) ? wipLanes : nextLanes;
}
function checkIfRootIsPrerendering(root2, renderLanes2) {
return 0 === (root2.pendingLanes & ~(root2.suspendedLanes & ~root2.pingedLanes) & renderLanes2);
}
function computeExpirationTime(lane, currentTime) {
switch (lane) {
case 1:
case 2:
case 4:
case 8:
case 64:
return currentTime + 250;
case 16:
case 32:
case 128:
case 256:
case 512:
case 1024:
case 2048:
case 4096:
case 8192:
case 16384:
case 32768:
case 65536:
case 131072:
case 262144:
case 524288:
case 1048576:
case 2097152:
return currentTime + 5e3;
case 4194304:
case 8388608:
case 16777216:
case 33554432:
return -1;
case 67108864:
case 134217728:
case 268435456:
case 536870912:
case 1073741824:
return -1;
default:
return -1;
}
}
function claimNextTransitionLane() {
var lane = nextTransitionLane;
nextTransitionLane <<= 1;
0 === (nextTransitionLane & 4194048) && (nextTransitionLane = 256);
return lane;
}
function claimNextRetryLane() {
var lane = nextRetryLane;
nextRetryLane <<= 1;
0 === (nextRetryLane & 62914560) && (nextRetryLane = 4194304);
return lane;
}
function createLaneMap(initial) {
for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
return laneMap;
}
function markRootUpdated$1(root2, updateLane) {
root2.pendingLanes |= updateLane;
268435456 !== updateLane && (root2.suspendedLanes = 0, root2.pingedLanes = 0, root2.warmLanes = 0);
}
function markRootFinished(root2, finishedLanes, remainingLanes, spawnedLane, updatedLanes, suspendedRetryLanes) {
var previouslyPendingLanes = root2.pendingLanes;
root2.pendingLanes = remainingLanes;
root2.suspendedLanes = 0;
root2.pingedLanes = 0;
root2.warmLanes = 0;
root2.expiredLanes &= remainingLanes;
root2.entangledLanes &= remainingLanes;
root2.errorRecoveryDisabledLanes &= remainingLanes;
root2.shellSuspendCounter = 0;
var entanglements = root2.entanglements, expirationTimes = root2.expirationTimes, hiddenUpdates = root2.hiddenUpdates;
for (remainingLanes = previouslyPendingLanes & ~remainingLanes; 0 < remainingLanes; ) {
var index$5 = 31 - clz32(remainingLanes), lane = 1 << index$5;
entanglements[index$5] = 0;
expirationTimes[index$5] = -1;
var hiddenUpdatesForLane = hiddenUpdates[index$5];
if (null !== hiddenUpdatesForLane)
for (hiddenUpdates[index$5] = null, index$5 = 0; index$5 < hiddenUpdatesForLane.length; index$5++) {
var update = hiddenUpdatesForLane[index$5];
null !== update && (update.lane &= -536870913);
}
remainingLanes &= ~lane;
}
0 !== spawnedLane && markSpawnedDeferredLane(root2, spawnedLane, 0);
0 !== suspendedRetryLanes && 0 === updatedLanes && 0 !== root2.tag && (root2.suspendedLanes |= suspendedRetryLanes & ~(previouslyPendingLanes & ~finishedLanes));
}
function markSpawnedDeferredLane(root2, spawnedLane, entangledLanes) {
root2.pendingLanes |= spawnedLane;
root2.suspendedLanes &= ~spawnedLane;
var spawnedLaneIndex = 31 - clz32(spawnedLane);
root2.entangledLanes |= spawnedLane;
root2.entanglements[spawnedLaneIndex] = root2.entanglements[spawnedLaneIndex] | 1073741824 | entangledLanes & 4194090;
}
function markRootEntangled(root2, entangledLanes) {
var rootEntangledLanes = root2.entangledLanes |= entangledLanes;
for (root2 = root2.entanglements; rootEntangledLanes; ) {
var index$6 = 31 - clz32(rootEntangledLanes), lane = 1 << index$6;
lane & entangledLanes | root2[index$6] & entangledLanes && (root2[index$6] |= entangledLanes);
rootEntangledLanes &= ~lane;
}
}
function getBumpedLaneForHydrationByLane(lane) {
switch (lane) {
case 2:
lane = 1;
break;
case 8:
lane = 4;
break;
case 32:
lane = 16;
break;
case 256:
case 512:
case 1024:
case 2048:
case 4096:
case 8192:
case 16384:
case 32768:
case 65536:
case 131072:
case 262144:
case 524288:
case 1048576:
case 2097152:
case 4194304:
case 8388608:
case 16777216:
case 33554432:
lane = 128;
break;
case 268435456:
lane = 134217728;
break;
default:
lane = 0;
}
return lane;
}
function lanesToEventPriority(lanes) {
lanes &= -lanes;
return 2 < lanes ? 8 < lanes ? 0 !== (lanes & 134217727) ? 32 : 268435456 : 8 : 2;
}
function resolveUpdatePriority() {
var updatePriority = ReactDOMSharedInternals.p;
if (0 !== updatePriority) return updatePriority;
updatePriority = window.event;
return void 0 === updatePriority ? 32 : getEventPriority(updatePriority.type);
}
function runWithPriority(priority, fn) {
var previousPriority = ReactDOMSharedInternals.p;
try {
return ReactDOMSharedInternals.p = priority, fn();
} finally {
ReactDOMSharedInternals.p = previousPriority;
}
}
var randomKey = Math.random().toString(36).slice(2), internalInstanceKey = "__reactFiber$" + randomKey, internalPropsKey = "__reactProps$" + randomKey, internalContainerInstanceKey = "__reactContainer$" + randomKey, internalEventHandlersKey = "__reactEvents$" + randomKey, internalEventHandlerListenersKey = "__reactListeners$" + randomKey, internalEventHandlesSetKey = "__reactHandles$" + randomKey, internalRootNodeResourcesKey = "__reactResources$" + randomKey, internalHoistableMarker = "__reactMarker$" + randomKey;
function detachDeletedInstance(node2) {
delete node2[internalInstanceKey];
delete node2[internalPropsKey];
delete node2[internalEventHandlersKey];
delete node2[internalEventHandlerListenersKey];
delete node2[internalEventHandlesSetKey];
}
function getClosestInstanceFromNode(targetNode) {
var targetInst = targetNode[internalInstanceKey];
if (targetInst) return targetInst;
for (var parentNode = targetNode.parentNode; parentNode; ) {
if (targetInst = parentNode[internalContainerInstanceKey] || parentNode[internalInstanceKey]) {
parentNode = targetInst.alternate;
if (null !== targetInst.child || null !== parentNode && null !== parentNode.child)
for (targetNode = getParentSuspenseInstance(targetNode); null !== targetNode; ) {
if (parentNode = targetNode[internalInstanceKey]) return parentNode;
targetNode = getParentSuspenseInstance(targetNode);
}
return targetInst;
}
targetNode = parentNode;
parentNode = targetNode.parentNode;
}
return null;
}
function getInstanceFromNode(node2) {
if (node2 = node2[internalInstanceKey] || node2[internalContainerInstanceKey]) {
var tag = node2.tag;
if (5 === tag || 6 === tag || 13 === tag || 26 === tag || 27 === tag || 3 === tag)
return node2;
}
return null;
}
function getNodeFromInstance(inst) {
var tag = inst.tag;
if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return inst.stateNode;
throw Error(formatProdErrorMessage(33));
}
function getResourcesFromRoot(root2) {
var resources = root2[internalRootNodeResourcesKey];
resources || (resources = root2[internalRootNodeResourcesKey] = { hoistableStyles: /* @__PURE__ */ new Map(), hoistableScripts: /* @__PURE__ */ new Map() });
return resources;
}
function markNodeAsHoistable(node2) {
node2[internalHoistableMarker] = true;
}
var allNativeEvents = /* @__PURE__ */ new Set(), registrationNameDependencies = {};
function registerTwoPhaseEvent(registrationName, dependencies) {
registerDirectEvent(registrationName, dependencies);
registerDirectEvent(registrationName + "Capture", dependencies);
}
function registerDirectEvent(registrationName, dependencies) {
registrationNameDependencies[registrationName] = dependencies;
for (registrationName = 0; registrationName < dependencies.length; registrationName++)
allNativeEvents.add(dependencies[registrationName]);
}
var VALID_ATTRIBUTE_NAME_REGEX = RegExp(
"^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"
), illegalAttributeNameCache = {}, validatedAttributeNameCache = {};
function isAttributeNameSafe(attributeName) {
if (hasOwnProperty.call(validatedAttributeNameCache, attributeName))
return true;
if (hasOwnProperty.call(illegalAttributeNameCache, attributeName)) return false;
if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
return validatedAttributeNameCache[attributeName] = true;
illegalAttributeNameCache[attributeName] = true;
return false;
}
function setValueForAttribute(node2, name, value) {
if (isAttributeNameSafe(name))
if (null === value) node2.removeAttribute(name);
else {
switch (typeof value) {
case "undefined":
case "function":
case "symbol":
node2.removeAttribute(name);
return;
case "boolean":
var prefix$8 = name.toLowerCase().slice(0, 5);
if ("data-" !== prefix$8 && "aria-" !== prefix$8) {
node2.removeAttribute(name);
return;
}
}
node2.setAttribute(name, "" + value);
}
}
function setValueForKnownAttribute(node2, name, value) {
if (null === value) node2.removeAttribute(name);
else {
switch (typeof value) {
case "undefined":
case "function":
case "symbol":
case "boolean":
node2.removeAttribute(name);
return;
}
node2.setAttribute(name, "" + value);
}
}
function setValueForNamespacedAttribute(node2, namespace, name, value) {
if (null === value) node2.removeAttribute(name);
else {
switch (typeof value) {
case "undefined":
case "function":
case "symbol":
case "boolean":
node2.removeAttribute(name);
return;
}
node2.setAttributeNS(namespace, name, "" + value);
}
}
var prefix, suffix;
function describeBuiltInComponentFrame(name) {
if (void 0 === prefix)
try {
throw Error();
} catch (x) {
var match2 = x.stack.trim().match(/\n( *(at )?)/);
prefix = match2 && match2[1] || "";
suffix = -1 < x.stack.indexOf("\n at") ? " (<anonymous>)" : -1 < x.stack.indexOf("@") ? "@unknown:0:0" : "";
}
return "\n" + prefix + name + suffix;
}
var reentry = false;
function describeNativeComponentFrame(fn, construct) {
if (!fn || reentry) return "";
reentry = true;
var previousPrepareStackTrace = Error.prepareStackTrace;
Error.prepareStackTrace = void 0;
try {
var RunInRootFrame = {
DetermineComponentFrameRoot: function() {
try {
if (construct) {
var Fake = function() {
throw Error();
};
Object.defineProperty(Fake.prototype, "props", {
set: function() {
throw Error();
}
});
if ("object" === typeof Reflect && Reflect.construct) {
try {
Reflect.construct(Fake, []);
} catch (x) {
var control = x;
}
Reflect.construct(fn, [], Fake);
} else {
try {
Fake.call();
} catch (x$9) {
control = x$9;
}
fn.call(Fake.prototype);
}
} else {
try {
throw Error();
} catch (x$10) {
control = x$10;
}
(Fake = fn()) && "function" === typeof Fake.catch && Fake.catch(function() {
});
}
} catch (sample) {
if (sample && control && "string" === typeof sample.stack)
return [sample.stack, control.stack];
}
return [null, null];
}
};
RunInRootFrame.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
var namePropDescriptor = Object.getOwnPropertyDescriptor(
RunInRootFrame.DetermineComponentFrameRoot,
"name"
);
namePropDescriptor && namePropDescriptor.configurable && Object.defineProperty(
RunInRootFrame.DetermineComponentFrameRoot,
"name",
{ value: "DetermineComponentFrameRoot" }
);
var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(), sampleStack = _RunInRootFrame$Deter[0], controlStack = _RunInRootFrame$Deter[1];
if (sampleStack && controlStack) {
var sampleLines = sampleStack.split("\n"), controlLines = controlStack.split("\n");
for (namePropDescriptor = RunInRootFrame = 0; RunInRootFrame < sampleLines.length && !sampleLines[RunInRootFrame].includes("DetermineComponentFrameRoot"); )
RunInRootFrame++;
for (; namePropDescriptor < controlLines.length && !controlLines[namePropDescriptor].includes(
"DetermineComponentFrameRoot"
); )
namePropDescriptor++;
if (RunInRootFrame === sampleLines.length || namePropDescriptor === controlLines.length)
for (RunInRootFrame = sampleLines.length - 1, namePropDescriptor = controlLines.length - 1; 1 <= RunInRootFrame && 0 <= namePropDescriptor && sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]; )
namePropDescriptor--;
for (; 1 <= RunInRootFrame && 0 <= namePropDescriptor; RunInRootFrame--, namePropDescriptor--)
if (sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]) {
if (1 !== RunInRootFrame || 1 !== namePropDescriptor) {
do
if (RunInRootFrame--, namePropDescriptor--, 0 > namePropDescriptor || sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]) {
var frame = "\n" + sampleLines[RunInRootFrame].replace(" at new ", " at ");
fn.displayName && frame.includes("<anonymous>") && (frame = frame.replace("<anonymous>", fn.displayName));
return frame;
}
while (1 <= RunInRootFrame && 0 <= namePropDescriptor);
}
break;
}
}
} finally {
reentry = false, Error.prepareStackTrace = previousPrepareStackTrace;
}
return (previousPrepareStackTrace = fn ? fn.displayName || fn.name : "") ? describeBuiltInComponentFrame(previousPrepareStackTrace) : "";
}
function describeFiber(fiber) {
switch (fiber.tag) {
case 26:
case 27:
case 5:
return describeBuiltInComponentFrame(fiber.type);
case 16:
return describeBuiltInComponentFrame("Lazy");
case 13:
return describeBuiltInComponentFrame("Suspense");
case 19:
return describeBuiltInComponentFrame("SuspenseList");
case 0:
case 15:
return describeNativeComponentFrame(fiber.type, false);
case 11:
return describeNativeComponentFrame(fiber.type.render, false);
case 1:
return describeNativeComponentFrame(fiber.type, true);
case 31:
return describeBuiltInComponentFrame("Activity");
default:
return "";
}
}
function getStackByFiberInDevAndProd(workInProgress2) {
try {
var info = "";
do
info += describeFiber(workInProgress2), workInProgress2 = workInProgress2.return;
while (workInProgress2);
return info;
} catch (x) {
return "\nError generating stack: " + x.message + "\n" + x.stack;
}
}
function getToStringValue(value) {
switch (typeof value) {
case "bigint":
case "boolean":
case "number":
case "string":
case "undefined":
return value;
case "object":
return value;
default:
return "";
}
}
function isCheckable(elem) {
var type4 = elem.type;
return (elem = elem.nodeName) && "input" === elem.toLowerCase() && ("checkbox" === type4 || "radio" === type4);
}
function trackValueOnNode(node2) {
var valueField = isCheckable(node2) ? "checked" : "value", descriptor = Object.getOwnPropertyDescriptor(
node2.constructor.prototype,
valueField
), currentValue = "" + node2[valueField];
if (!node2.hasOwnProperty(valueField) && "undefined" !== typeof descriptor && "function" === typeof descriptor.get && "function" === typeof descriptor.set) {
var get2 = descriptor.get, set2 = descriptor.set;
Object.defineProperty(node2, valueField, {
configurable: true,
get: function() {
return get2.call(this);
},
set: function(value) {
currentValue = "" + value;
set2.call(this, value);
}
});
Object.defineProperty(node2, valueField, {
enumerable: descriptor.enumerable
});
return {
getValue: function() {
return currentValue;
},
setValue: function(value) {
currentValue = "" + value;
},
stopTracking: function() {
node2._valueTracker = null;
delete node2[valueField];
}
};
}
}
function track(node2) {
node2._valueTracker || (node2._valueTracker = trackValueOnNode(node2));
}
function updateValueIfChanged(node2) {
if (!node2) return false;
var tracker = node2._valueTracker;
if (!tracker) return true;
var lastValue = tracker.getValue();
var value = "";
node2 && (value = isCheckable(node2) ? node2.checked ? "true" : "false" : node2.value);
node2 = value;
return node2 !== lastValue ? (tracker.setValue(node2), true) : false;
}
function getActiveElement(doc) {
doc = doc || ("undefined" !== typeof document ? document : void 0);
if ("undefined" === typeof doc) return null;
try {
return doc.activeElement || doc.body;
} catch (e) {
return doc.body;
}
}
var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
return value.replace(
escapeSelectorAttributeValueInsideDoubleQuotesRegex,
function(ch) {
return "\\" + ch.charCodeAt(0).toString(16) + " ";
}
);
}
function updateInput(element, value, defaultValue, lastDefaultValue, checked, defaultChecked, type4, name) {
element.name = "";
null != type4 && "function" !== typeof type4 && "symbol" !== typeof type4 && "boolean" !== typeof type4 ? element.type = type4 : element.removeAttribute("type");
if (null != value)
if ("number" === type4) {
if (0 === value && "" === element.value || element.value != value)
element.value = "" + getToStringValue(value);
} else
element.value !== "" + getToStringValue(value) && (element.value = "" + getToStringValue(value));
else
"submit" !== type4 && "reset" !== type4 || element.removeAttribute("value");
null != value ? setDefaultValue(element, type4, getToStringValue(value)) : null != defaultValue ? setDefaultValue(element, type4, getToStringValue(defaultValue)) : null != lastDefaultValue && element.removeAttribute("value");
null == checked && null != defaultChecked && (element.defaultChecked = !!defaultChecked);
null != checked && (element.checked = checked && "function" !== typeof checked && "symbol" !== typeof checked);
null != name && "function" !== typeof name && "symbol" !== typeof name && "boolean" !== typeof name ? element.name = "" + getToStringValue(name) : element.removeAttribute("name");
}
function initInput(element, value, defaultValue, checked, defaultChecked, type4, name, isHydrating2) {
null != type4 && "function" !== typeof type4 && "symbol" !== typeof type4 && "boolean" !== typeof type4 && (element.type = type4);
if (null != value || null != defaultValue) {
if (!("submit" !== type4 && "reset" !== type4 || void 0 !== value && null !== value))
return;
defaultValue = null != defaultValue ? "" + getToStringValue(defaultValue) : "";
value = null != value ? "" + getToStringValue(value) : defaultValue;
isHydrating2 || value === element.value || (element.value = value);
element.defaultValue = value;
}
checked = null != checked ? checked : defaultChecked;
checked = "function" !== typeof checked && "symbol" !== typeof checked && !!checked;
element.checked = isHydrating2 ? element.checked : !!checked;
element.defaultChecked = !!checked;
null != name && "function" !== typeof name && "symbol" !== typeof name && "boolean" !== typeof name && (element.name = name);
}
function setDefaultValue(node2, type4, value) {
"number" === type4 && getActiveElement(node2.ownerDocument) === node2 || node2.defaultValue === "" + value || (node2.defaultValue = "" + value);
}
function updateOptions(node2, multiple, propValue, setDefaultSelected) {
node2 = node2.options;
if (multiple) {
multiple = {};
for (var i = 0; i < propValue.length; i++)
multiple["$" + propValue[i]] = true;
for (propValue = 0; propValue < node2.length; propValue++)
i = multiple.hasOwnProperty("$" + node2[propValue].value), node2[propValue].selected !== i && (node2[propValue].selected = i), i && setDefaultSelected && (node2[propValue].defaultSelected = true);
} else {
propValue = "" + getToStringValue(propValue);
multiple = null;
for (i = 0; i < node2.length; i++) {
if (node2[i].value === propValue) {
node2[i].selected = true;
setDefaultSelected && (node2[i].defaultSelected = true);
return;
}
null !== multiple || node2[i].disabled || (multiple = node2[i]);
}
null !== multiple && (multiple.selected = true);
}
}
function updateTextarea(element, value, defaultValue) {
if (null != value && (value = "" + getToStringValue(value), value !== element.value && (element.value = value), null == defaultValue)) {
element.defaultValue !== value && (element.defaultValue = value);
return;
}
element.defaultValue = null != defaultValue ? "" + getToStringValue(defaultValue) : "";
}
function initTextarea(element, value, defaultValue, children) {
if (null == value) {
if (null != children) {
if (null != defaultValue) throw Error(formatProdErrorMessage(92));
if (isArrayImpl(children)) {
if (1 < children.length) throw Error(formatProdErrorMessage(93));
children = children[0];
}
defaultValue = children;
}
null == defaultValue && (defaultValue = "");
value = defaultValue;
}
defaultValue = getToStringValue(value);
element.defaultValue = defaultValue;
children = element.textContent;
children === defaultValue && "" !== children && null !== children && (element.value = children);
}
function setTextContent(node2, text) {
if (text) {
var firstChild = node2.firstChild;
if (firstChild && firstChild === node2.lastChild && 3 === firstChild.nodeType) {
firstChild.nodeValue = text;
return;
}
}
node2.textContent = text;
}
var unitlessNumbers = new Set(
"animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(
" "
)
);
function setValueForStyle(style3, styleName, value) {
var isCustomProperty = 0 === styleName.indexOf("--");
null == value || "boolean" === typeof value || "" === value ? isCustomProperty ? style3.setProperty(styleName, "") : "float" === styleName ? style3.cssFloat = "" : style3[styleName] = "" : isCustomProperty ? style3.setProperty(styleName, value) : "number" !== typeof value || 0 === value || unitlessNumbers.has(styleName) ? "float" === styleName ? style3.cssFloat = value : style3[styleName] = ("" + value).trim() : style3[styleName] = value + "px";
}
function setValueForStyles(node2, styles, prevStyles) {
if (null != styles && "object" !== typeof styles)
throw Error(formatProdErrorMessage(62));
node2 = node2.style;
if (null != prevStyles) {
for (var styleName in prevStyles)
!prevStyles.hasOwnProperty(styleName) || null != styles && styles.hasOwnProperty(styleName) || (0 === styleName.indexOf("--") ? node2.setProperty(styleName, "") : "float" === styleName ? node2.cssFloat = "" : node2[styleName] = "");
for (var styleName$16 in styles)
styleName = styles[styleName$16], styles.hasOwnProperty(styleName$16) && prevStyles[styleName$16] !== styleName && setValueForStyle(node2, styleName$16, styleName);
} else
for (var styleName$17 in styles)
styles.hasOwnProperty(styleName$17) && setValueForStyle(node2, styleName$17, styles[styleName$17]);
}
function isCustomElement(tagName) {
if (-1 === tagName.indexOf("-")) return false;
switch (tagName) {
case "annotation-xml":
case "color-profile":
case "font-face":
case "font-face-src":
case "font-face-uri":
case "font-face-format":
case "font-face-name":
case "missing-glyph":
return false;
default:
return true;
}
}
var aliases = /* @__PURE__ */ new Map([
["acceptCharset", "accept-charset"],
["htmlFor", "for"],
["httpEquiv", "http-equiv"],
["crossOrigin", "crossorigin"],
["accentHeight", "accent-height"],
["alignmentBaseline", "alignment-baseline"],
["arabicForm", "arabic-form"],
["baselineShift", "baseline-shift"],
["capHeight", "cap-height"],
["clipPath", "clip-path"],
["clipRule", "clip-rule"],
["colorInterpolation", "color-interpolation"],
["colorInterpolationFilters", "color-interpolation-filters"],
["colorProfile", "color-profile"],
["colorRendering", "color-rendering"],
["dominantBaseline", "dominant-baseline"],
["enableBackground", "enable-background"],
["fillOpacity", "fill-opacity"],
["fillRule", "fill-rule"],
["floodColor", "flood-color"],
["floodOpacity", "flood-opacity"],
["fontFamily", "font-family"],
["fontSize", "font-size"],
["fontSizeAdjust", "font-size-adjust"],
["fontStretch", "font-stretch"],
["fontStyle", "font-style"],
["fontVariant", "font-variant"],
["fontWeight", "font-weight"],
["glyphName", "glyph-name"],
["glyphOrientationHorizontal", "glyph-orientation-horizontal"],
["glyphOrientationVertical", "glyph-orientation-vertical"],
["horizAdvX", "horiz-adv-x"],
["horizOriginX", "horiz-origin-x"],
["imageRendering", "image-rendering"],
["letterSpacing", "letter-spacing"],
["lightingColor", "lighting-color"],
["markerEnd", "marker-end"],
["markerMid", "marker-mid"],
["markerStart", "marker-start"],
["overlinePosition", "overline-position"],
["overlineThickness", "overline-thickness"],
["paintOrder", "paint-order"],
["panose-1", "panose-1"],
["pointerEvents", "pointer-events"],
["renderingIntent", "rendering-intent"],
["shapeRendering", "shape-rendering"],
["stopColor", "stop-color"],
["stopOpacity", "stop-opacity"],
["strikethroughPosition", "strikethrough-position"],
["strikethroughThickness", "strikethrough-thickness"],
["strokeDasharray", "stroke-dasharray"],
["strokeDashoffset", "stroke-dashoffset"],
["strokeLinecap", "stroke-linecap"],
["strokeLinejoin", "stroke-linejoin"],
["strokeMiterlimit", "stroke-miterlimit"],
["strokeOpacity", "stroke-opacity"],
["strokeWidth", "stroke-width"],
["textAnchor", "text-anchor"],
["textDecoration", "text-decoration"],
["textRendering", "text-rendering"],
["transformOrigin", "transform-origin"],
["underlinePosition", "underline-position"],
["underlineThickness", "underline-thickness"],
["unicodeBidi", "unicode-bidi"],
["unicodeRange", "unicode-range"],
["unitsPerEm", "units-per-em"],
["vAlphabetic", "v-alphabetic"],
["vHanging", "v-hanging"],
["vIdeographic", "v-ideographic"],
["vMathematical", "v-mathematical"],
["vectorEffect", "vector-effect"],
["vertAdvY", "vert-adv-y"],
["vertOriginX", "vert-origin-x"],
["vertOriginY", "vert-origin-y"],
["wordSpacing", "word-spacing"],
["writingMode", "writing-mode"],
["xmlnsXlink", "xmlns:xlink"],
["xHeight", "x-height"]
]), isJavaScriptProtocol = /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;
function sanitizeURL(url2) {
return isJavaScriptProtocol.test("" + url2) ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')" : url2;
}
var currentReplayingEvent = null;
function getEventTarget(nativeEvent) {
nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
nativeEvent.correspondingUseElement && (nativeEvent = nativeEvent.correspondingUseElement);
return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
}
var restoreTarget = null, restoreQueue = null;
function restoreStateOfTarget(target) {
var internalInstance = getInstanceFromNode(target);
if (internalInstance && (target = internalInstance.stateNode)) {
var props = target[internalPropsKey] || null;
a: switch (target = internalInstance.stateNode, internalInstance.type) {
case "input":
updateInput(
target,
props.value,
props.defaultValue,
props.defaultValue,
props.checked,
props.defaultChecked,
props.type,
props.name
);
internalInstance = props.name;
if ("radio" === props.type && null != internalInstance) {
for (props = target; props.parentNode; ) props = props.parentNode;
props = props.querySelectorAll(
'input[name="' + escapeSelectorAttributeValueInsideDoubleQuotes(
"" + internalInstance
) + '"][type="radio"]'
);
for (internalInstance = 0; internalInstance < props.length; internalInstance++) {
var otherNode = props[internalInstance];
if (otherNode !== target && otherNode.form === target.form) {
var otherProps = otherNode[internalPropsKey] || null;
if (!otherProps) throw Error(formatProdErrorMessage(90));
updateInput(
otherNode,
otherProps.value,
otherProps.defaultValue,
otherProps.defaultValue,
otherProps.checked,
otherProps.defaultChecked,
otherProps.type,
otherProps.name
);
}
}
for (internalInstance = 0; internalInstance < props.length; internalInstance++)
otherNode = props[internalInstance], otherNode.form === target.form && updateValueIfChanged(otherNode);
}
break a;
case "textarea":
updateTextarea(target, props.value, props.defaultValue);
break a;
case "select":
internalInstance = props.value, null != internalInstance && updateOptions(target, !!props.multiple, internalInstance, false);
}
}
}
var isInsideEventHandler = false;
function batchedUpdates$1(fn, a, b) {
if (isInsideEventHandler) return fn(a, b);
isInsideEventHandler = true;
try {
var JSCompiler_inline_result = fn(a);
return JSCompiler_inline_result;
} finally {
if (isInsideEventHandler = false, null !== restoreTarget || null !== restoreQueue) {
if (flushSyncWork$1(), restoreTarget && (a = restoreTarget, fn = restoreQueue, restoreQueue = restoreTarget = null, restoreStateOfTarget(a), fn))
for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
}
}
}
function getListener(inst, registrationName) {
var stateNode = inst.stateNode;
if (null === stateNode) return null;
var props = stateNode[internalPropsKey] || null;
if (null === props) return null;
stateNode = props[registrationName];
a: switch (registrationName) {
case "onClick":
case "onClickCapture":
case "onDoubleClick":
case "onDoubleClickCapture":
case "onMouseDown":
case "onMouseDownCapture":
case "onMouseMove":
case "onMouseMoveCapture":
case "onMouseUp":
case "onMouseUpCapture":
case "onMouseEnter":
(props = !props.disabled) || (inst = inst.type, props = !("button" === inst || "input" === inst || "select" === inst || "textarea" === inst));
inst = !props;
break a;
default:
inst = false;
}
if (inst) return null;
if (stateNode && "function" !== typeof stateNode)
throw Error(
formatProdErrorMessage(231, registrationName, typeof stateNode)
);
return stateNode;
}
var canUseDOM = !("undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement), passiveBrowserEventsSupported = false;
if (canUseDOM)
try {
var options = {};
Object.defineProperty(options, "passive", {
get: function() {
passiveBrowserEventsSupported = true;
}
});
window.addEventListener("test", options, options);
window.removeEventListener("test", options, options);
} catch (e) {
passiveBrowserEventsSupported = false;
}
var root = null, startText = null, fallbackText = null;
function getData() {
if (fallbackText) return fallbackText;
var start, startValue = startText, startLength = startValue.length, end, endValue = "value" in root ? root.value : root.textContent, endLength = endValue.length;
for (start = 0; start < startLength && startValue[start] === endValue[start]; start++) ;
var minEnd = startLength - start;
for (end = 1; end <= minEnd && startValue[startLength - end] === endValue[endLength - end]; end++) ;
return fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0);
}
function getEventCharCode(nativeEvent) {
var keyCode = nativeEvent.keyCode;
"charCode" in nativeEvent ? (nativeEvent = nativeEvent.charCode, 0 === nativeEvent && 13 === keyCode && (nativeEvent = 13)) : nativeEvent = keyCode;
10 === nativeEvent && (nativeEvent = 13);
return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
}
function functionThatReturnsTrue() {
return true;
}
function functionThatReturnsFalse() {
return false;
}
function createSyntheticEvent(Interface) {
function SyntheticBaseEvent(reactName, reactEventType, targetInst, nativeEvent, nativeEventTarget) {
this._reactName = reactName;
this._targetInst = targetInst;
this.type = reactEventType;
this.nativeEvent = nativeEvent;
this.target = nativeEventTarget;
this.currentTarget = null;
for (var propName in Interface)
Interface.hasOwnProperty(propName) && (reactName = Interface[propName], this[propName] = reactName ? reactName(nativeEvent) : nativeEvent[propName]);
this.isDefaultPrevented = (null != nativeEvent.defaultPrevented ? nativeEvent.defaultPrevented : false === nativeEvent.returnValue) ? functionThatReturnsTrue : functionThatReturnsFalse;
this.isPropagationStopped = functionThatReturnsFalse;
return this;
}
assign(SyntheticBaseEvent.prototype, {
preventDefault: function() {
this.defaultPrevented = true;
var event = this.nativeEvent;
event && (event.preventDefault ? event.preventDefault() : "unknown" !== typeof event.returnValue && (event.returnValue = false), this.isDefaultPrevented = functionThatReturnsTrue);
},
stopPropagation: function() {
var event = this.nativeEvent;
event && (event.stopPropagation ? event.stopPropagation() : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = true), this.isPropagationStopped = functionThatReturnsTrue);
},
persist: function() {
},
isPersistent: functionThatReturnsTrue
});
return SyntheticBaseEvent;
}
var EventInterface = {
eventPhase: 0,
bubbles: 0,
cancelable: 0,
timeStamp: function(event) {
return event.timeStamp || Date.now();
},
defaultPrevented: 0,
isTrusted: 0
}, SyntheticEvent = createSyntheticEvent(EventInterface), UIEventInterface = assign({}, EventInterface, { view: 0, detail: 0 }), SyntheticUIEvent = createSyntheticEvent(UIEventInterface), lastMovementX, lastMovementY, lastMouseEvent, MouseEventInterface = assign({}, UIEventInterface, {
screenX: 0,
screenY: 0,
clientX: 0,
clientY: 0,
pageX: 0,
pageY: 0,
ctrlKey: 0,
shiftKey: 0,
altKey: 0,
metaKey: 0,
getModifierState: getEventModifierState,
button: 0,
buttons: 0,
relatedTarget: function(event) {
return void 0 === event.relatedTarget ? event.fromElement === event.srcElement ? event.toElement : event.fromElement : event.relatedTarget;
},
movementX: function(event) {
if ("movementX" in event) return event.movementX;
event !== lastMouseEvent && (lastMouseEvent && "mousemove" === event.type ? (lastMovementX = event.screenX - lastMouseEvent.screenX, lastMovementY = event.screenY - lastMouseEvent.screenY) : lastMovementY = lastMovementX = 0, lastMouseEvent = event);
return lastMovementX;
},
movementY: function(event) {
return "movementY" in event ? event.movementY : lastMovementY;
}
}), SyntheticMouseEvent = createSyntheticEvent(MouseEventInterface), DragEventInterface = assign({}, MouseEventInterface, { dataTransfer: 0 }), SyntheticDragEvent = createSyntheticEvent(DragEventInterface), FocusEventInterface = assign({}, UIEventInterface, { relatedTarget: 0 }), SyntheticFocusEvent = createSyntheticEvent(FocusEventInterface), AnimationEventInterface = assign({}, EventInterface, {
animationName: 0,
elapsedTime: 0,
pseudoElement: 0
}), SyntheticAnimationEvent = createSyntheticEvent(AnimationEventInterface), ClipboardEventInterface = assign({}, EventInterface, {
clipboardData: function(event) {
return "clipboardData" in event ? event.clipboardData : window.clipboardData;
}
}), SyntheticClipboardEvent = createSyntheticEvent(ClipboardEventInterface), CompositionEventInterface = assign({}, EventInterface, { data: 0 }), SyntheticCompositionEvent = createSyntheticEvent(CompositionEventInterface), normalizeKey = {
Esc: "Escape",
Spacebar: " ",
Left: "ArrowLeft",
Up: "ArrowUp",
Right: "ArrowRight",
Down: "ArrowDown",
Del: "Delete",
Win: "OS",
Menu: "ContextMenu",
Apps: "ContextMenu",
Scroll: "ScrollLock",
MozPrintableKey: "Unidentified"
}, translateToKey = {
8: "Backspace",
9: "Tab",
12: "Clear",
13: "Enter",
16: "Shift",
17: "Control",
18: "Alt",
19: "Pause",
20: "CapsLock",
27: "Escape",
32: " ",
33: "PageUp",
34: "PageDown",
35: "End",
36: "Home",
37: "ArrowLeft",
38: "ArrowUp",
39: "ArrowRight",
40: "ArrowDown",
45: "Insert",
46: "Delete",
112: "F1",
113: "F2",
114: "F3",
115: "F4",
116: "F5",
117: "F6",
118: "F7",
119: "F8",
120: "F9",
121: "F10",
122: "F11",
123: "F12",
144: "NumLock",
145: "ScrollLock",
224: "Meta"
}, modifierKeyToProp = {
Alt: "altKey",
Control: "ctrlKey",
Meta: "metaKey",
Shift: "shiftKey"
};
function modifierStateGetter(keyArg) {
var nativeEvent = this.nativeEvent;
return nativeEvent.getModifierState ? nativeEvent.getModifierState(keyArg) : (keyArg = modifierKeyToProp[keyArg]) ? !!nativeEvent[keyArg] : false;
}
function getEventModifierState() {
return modifierStateGetter;
}
var KeyboardEventInterface = assign({}, UIEventInterface, {
key: function(nativeEvent) {
if (nativeEvent.key) {
var key = normalizeKey[nativeEvent.key] || nativeEvent.key;
if ("Unidentified" !== key) return key;
}
return "keypress" === nativeEvent.type ? (nativeEvent = getEventCharCode(nativeEvent), 13 === nativeEvent ? "Enter" : String.fromCharCode(nativeEvent)) : "keydown" === nativeEvent.type || "keyup" === nativeEvent.type ? translateToKey[nativeEvent.keyCode] || "Unidentified" : "";
},
code: 0,
location: 0,
ctrlKey: 0,
shiftKey: 0,
altKey: 0,
metaKey: 0,
repeat: 0,
locale: 0,
getModifierState: getEventModifierState,
charCode: function(event) {
return "keypress" === event.type ? getEventCharCode(event) : 0;
},
keyCode: function(event) {
return "keydown" === event.type || "keyup" === event.type ? event.keyCode : 0;
},
which: function(event) {
return "keypress" === event.type ? getEventCharCode(event) : "keydown" === event.type || "keyup" === event.type ? event.keyCode : 0;
}
}), SyntheticKeyboardEvent = createSyntheticEvent(KeyboardEventInterface), PointerEventInterface = assign({}, MouseEventInterface, {
pointerId: 0,
width: 0,
height: 0,
pressure: 0,
tangentialPressure: 0,
tiltX: 0,
tiltY: 0,
twist: 0,
pointerType: 0,
isPrimary: 0
}), SyntheticPointerEvent = createSyntheticEvent(PointerEventInterface), TouchEventInterface = assign({}, UIEventInterface, {
touches: 0,
targetTouches: 0,
changedTouches: 0,
altKey: 0,
metaKey: 0,
ctrlKey: 0,
shiftKey: 0,
getModifierState: getEventModifierState
}), SyntheticTouchEvent = createSyntheticEvent(TouchEventInterface), TransitionEventInterface = assign({}, EventInterface, {
propertyName: 0,
elapsedTime: 0,
pseudoElement: 0
}), SyntheticTransitionEvent = createSyntheticEvent(TransitionEventInterface), WheelEventInterface = assign({}, MouseEventInterface, {
deltaX: function(event) {
return "deltaX" in event ? event.deltaX : "wheelDeltaX" in event ? -event.wheelDeltaX : 0;
},
deltaY: function(event) {
return "deltaY" in event ? event.deltaY : "wheelDeltaY" in event ? -event.wheelDeltaY : "wheelDelta" in event ? -event.wheelDelta : 0;
},
deltaZ: 0,
deltaMode: 0
}), SyntheticWheelEvent = createSyntheticEvent(WheelEventInterface), ToggleEventInterface = assign({}, EventInterface, {
newState: 0,
oldState: 0
}), SyntheticToggleEvent = createSyntheticEvent(ToggleEventInterface), END_KEYCODES = [9, 13, 27, 32], canUseCompositionEvent = canUseDOM && "CompositionEvent" in window, documentMode = null;
canUseDOM && "documentMode" in document && (documentMode = document.documentMode);
var canUseTextInputEvent = canUseDOM && "TextEvent" in window && !documentMode, useFallbackCompositionData = canUseDOM && (!canUseCompositionEvent || documentMode && 8 < documentMode && 11 >= documentMode), SPACEBAR_CHAR = String.fromCharCode(32), hasSpaceKeypress = false;
function isFallbackCompositionEnd(domEventName, nativeEvent) {
switch (domEventName) {
case "keyup":
return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
case "keydown":
return 229 !== nativeEvent.keyCode;
case "keypress":
case "mousedown":
case "focusout":
return true;
default:
return false;
}
}
function getDataFromCustomEvent(nativeEvent) {
nativeEvent = nativeEvent.detail;
return "object" === typeof nativeEvent && "data" in nativeEvent ? nativeEvent.data : null;
}
var isComposing = false;
function getNativeBeforeInputChars(domEventName, nativeEvent) {
switch (domEventName) {
case "compositionend":
return getDataFromCustomEvent(nativeEvent);
case "keypress":
if (32 !== nativeEvent.which) return null;
hasSpaceKeypress = true;
return SPACEBAR_CHAR;
case "textInput":
return domEventName = nativeEvent.data, domEventName === SPACEBAR_CHAR && hasSpaceKeypress ? null : domEventName;
default:
return null;
}
}
function getFallbackBeforeInputChars(domEventName, nativeEvent) {
if (isComposing)
return "compositionend" === domEventName || !canUseCompositionEvent && isFallbackCompositionEnd(domEventName, nativeEvent) ? (domEventName = getData(), fallbackText = startText = root = null, isComposing = false, domEventName) : null;
switch (domEventName) {
case "paste":
return null;
case "keypress":
if (!(nativeEvent.ctrlKey || nativeEvent.altKey || nativeEvent.metaKey) || nativeEvent.ctrlKey && nativeEvent.altKey) {
if (nativeEvent.char && 1 < nativeEvent.char.length)
return nativeEvent.char;
if (nativeEvent.which) return String.fromCharCode(nativeEvent.which);
}
return null;
case "compositionend":
return useFallbackCompositionData && "ko" !== nativeEvent.locale ? null : nativeEvent.data;
default:
return null;
}
}
var supportedInputTypes = {
color: true,
date: true,
datetime: true,
"datetime-local": true,
email: true,
month: true,
number: true,
password: true,
range: true,
search: true,
tel: true,
text: true,
time: true,
url: true,
week: true
};
function isTextInputElement(elem) {
var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
return "input" === nodeName ? !!supportedInputTypes[elem.type] : "textarea" === nodeName ? true : false;
}
function createAndAccumulateChangeEvent(dispatchQueue, inst, nativeEvent, target) {
restoreTarget ? restoreQueue ? restoreQueue.push(target) : restoreQueue = [target] : restoreTarget = target;
inst = accumulateTwoPhaseListeners(inst, "onChange");
0 < inst.length && (nativeEvent = new SyntheticEvent(
"onChange",
"change",
null,
nativeEvent,
target
), dispatchQueue.push({ event: nativeEvent, listeners: inst }));
}
var activeElement$1 = null, activeElementInst$1 = null;
function runEventInBatch(dispatchQueue) {
processDispatchQueue(dispatchQueue, 0);
}
function getInstIfValueChanged(targetInst) {
var targetNode = getNodeFromInstance(targetInst);
if (updateValueIfChanged(targetNode)) return targetInst;
}
function getTargetInstForChangeEvent(domEventName, targetInst) {
if ("change" === domEventName) return targetInst;
}
var isInputEventSupported = false;
if (canUseDOM) {
var JSCompiler_inline_result$jscomp$282;
if (canUseDOM) {
var isSupported$jscomp$inline_417 = "oninput" in document;
if (!isSupported$jscomp$inline_417) {
var element$jscomp$inline_418 = document.createElement("div");
element$jscomp$inline_418.setAttribute("oninput", "return;");
isSupported$jscomp$inline_417 = "function" === typeof element$jscomp$inline_418.oninput;
}
JSCompiler_inline_result$jscomp$282 = isSupported$jscomp$inline_417;
} else JSCompiler_inline_result$jscomp$282 = false;
isInputEventSupported = JSCompiler_inline_result$jscomp$282 && (!document.documentMode || 9 < document.documentMode);
}
function stopWatchingForValueChange() {
activeElement$1 && (activeElement$1.detachEvent("onpropertychange", handlePropertyChange), activeElementInst$1 = activeElement$1 = null);
}
function handlePropertyChange(nativeEvent) {
if ("value" === nativeEvent.propertyName && getInstIfValueChanged(activeElementInst$1)) {
var dispatchQueue = [];
createAndAccumulateChangeEvent(
dispatchQueue,
activeElementInst$1,
nativeEvent,
getEventTarget(nativeEvent)
);
batchedUpdates$1(runEventInBatch, dispatchQueue);
}
}
function handleEventsForInputEventPolyfill(domEventName, target, targetInst) {
"focusin" === domEventName ? (stopWatchingForValueChange(), activeElement$1 = target, activeElementInst$1 = targetInst, activeElement$1.attachEvent("onpropertychange", handlePropertyChange)) : "focusout" === domEventName && stopWatchingForValueChange();
}
function getTargetInstForInputEventPolyfill(domEventName) {
if ("selectionchange" === domEventName || "keyup" === domEventName || "keydown" === domEventName)
return getInstIfValueChanged(activeElementInst$1);
}
function getTargetInstForClickEvent(domEventName, targetInst) {
if ("click" === domEventName) return getInstIfValueChanged(targetInst);
}
function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
if ("input" === domEventName || "change" === domEventName)
return getInstIfValueChanged(targetInst);
}
function is(x, y) {
return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
}
var objectIs = "function" === typeof Object.is ? Object.is : is;
function shallowEqual(objA, objB) {
if (objectIs(objA, objB)) return true;
if ("object" !== typeof objA || null === objA || "object" !== typeof objB || null === objB)
return false;
var keysA = Object.keys(objA), keysB = Object.keys(objB);
if (keysA.length !== keysB.length) return false;
for (keysB = 0; keysB < keysA.length; keysB++) {
var currentKey = keysA[keysB];
if (!hasOwnProperty.call(objB, currentKey) || !objectIs(objA[currentKey], objB[currentKey]))
return false;
}
return true;
}
function getLeafNode(node2) {
for (; node2 && node2.firstChild; ) node2 = node2.firstChild;
return node2;
}
function getNodeForCharacterOffset(root2, offset) {
var node2 = getLeafNode(root2);
root2 = 0;
for (var nodeEnd; node2; ) {
if (3 === node2.nodeType) {
nodeEnd = root2 + node2.textContent.length;
if (root2 <= offset && nodeEnd >= offset)
return { node: node2, offset: offset - root2 };
root2 = nodeEnd;
}
a: {
for (; node2; ) {
if (node2.nextSibling) {
node2 = node2.nextSibling;
break a;
}
node2 = node2.parentNode;
}
node2 = void 0;
}
node2 = getLeafNode(node2);
}
}
function containsNode(outerNode, innerNode) {
return outerNode && innerNode ? outerNode === innerNode ? true : outerNode && 3 === outerNode.nodeType ? false : innerNode && 3 === innerNode.nodeType ? containsNode(outerNode, innerNode.parentNode) : "contains" in outerNode ? outerNode.contains(innerNode) : outerNode.compareDocumentPosition ? !!(outerNode.compareDocumentPosition(innerNode) & 16) : false : false;
}
function getActiveElementDeep(containerInfo) {
containerInfo = null != containerInfo && null != containerInfo.ownerDocument && null != containerInfo.ownerDocument.defaultView ? containerInfo.ownerDocument.defaultView : window;
for (var element = getActiveElement(containerInfo.document); element instanceof containerInfo.HTMLIFrameElement; ) {
try {
var JSCompiler_inline_result = "string" === typeof element.contentWindow.location.href;
} catch (err) {
JSCompiler_inline_result = false;
}
if (JSCompiler_inline_result) containerInfo = element.contentWindow;
else break;
element = getActiveElement(containerInfo.document);
}
return element;
}
function hasSelectionCapabilities(elem) {
var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
return nodeName && ("input" === nodeName && ("text" === elem.type || "search" === elem.type || "tel" === elem.type || "url" === elem.type || "password" === elem.type) || "textarea" === nodeName || "true" === elem.contentEditable);
}
var skipSelectionChangeEvent = canUseDOM && "documentMode" in document && 11 >= document.documentMode, activeElement = null, activeElementInst = null, lastSelection = null, mouseDown = false;
function constructSelectEvent(dispatchQueue, nativeEvent, nativeEventTarget) {
var doc = nativeEventTarget.window === nativeEventTarget ? nativeEventTarget.document : 9 === nativeEventTarget.nodeType ? nativeEventTarget : nativeEventTarget.ownerDocument;
mouseDown || null == activeElement || activeElement !== getActiveElement(doc) || (doc = activeElement, "selectionStart" in doc && hasSelectionCapabilities(doc) ? doc = { start: doc.selectionStart, end: doc.selectionEnd } : (doc = (doc.ownerDocument && doc.ownerDocument.defaultView || window).getSelection(), doc = {
anchorNode: doc.anchorNode,
anchorOffset: doc.anchorOffset,
focusNode: doc.focusNode,
focusOffset: doc.focusOffset
}), lastSelection && shallowEqual(lastSelection, doc) || (lastSelection = doc, doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect"), 0 < doc.length && (nativeEvent = new SyntheticEvent(
"onSelect",
"select",
null,
nativeEvent,
nativeEventTarget
), dispatchQueue.push({ event: nativeEvent, listeners: doc }), nativeEvent.target = activeElement)));
}
function makePrefixMap2(styleProp, eventName) {
var prefixes = {};
prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
prefixes["Webkit" + styleProp] = "webkit" + eventName;
prefixes["Moz" + styleProp] = "moz" + eventName;
return prefixes;
}
var vendorPrefixes2 = {
animationend: makePrefixMap2("Animation", "AnimationEnd"),
animationiteration: makePrefixMap2("Animation", "AnimationIteration"),
animationstart: makePrefixMap2("Animation", "AnimationStart"),
transitionrun: makePrefixMap2("Transition", "TransitionRun"),
transitionstart: makePrefixMap2("Transition", "TransitionStart"),
transitioncancel: makePrefixMap2("Transition", "TransitionCancel"),
transitionend: makePrefixMap2("Transition", "TransitionEnd")
}, prefixedEventNames2 = {}, style2 = {};
canUseDOM && (style2 = document.createElement("div").style, "AnimationEvent" in window || (delete vendorPrefixes2.animationend.animation, delete vendorPrefixes2.animationiteration.animation, delete vendorPrefixes2.animationstart.animation), "TransitionEvent" in window || delete vendorPrefixes2.transitionend.transition);
function getVendorPrefixedEventName2(eventName) {
if (prefixedEventNames2[eventName]) return prefixedEventNames2[eventName];
if (!vendorPrefixes2[eventName]) return eventName;
var prefixMap = vendorPrefixes2[eventName], styleProp;
for (styleProp in prefixMap)
if (prefixMap.hasOwnProperty(styleProp) && styleProp in style2)
return prefixedEventNames2[eventName] = prefixMap[styleProp];
return eventName;
}
var ANIMATION_END = getVendorPrefixedEventName2("animationend"), ANIMATION_ITERATION = getVendorPrefixedEventName2("animationiteration"), ANIMATION_START = getVendorPrefixedEventName2("animationstart"), TRANSITION_RUN = getVendorPrefixedEventName2("transitionrun"), TRANSITION_START = getVendorPrefixedEventName2("transitionstart"), TRANSITION_CANCEL = getVendorPrefixedEventName2("transitioncancel"), TRANSITION_END = getVendorPrefixedEventName2("transitionend"), topLevelEventsToReactNames = /* @__PURE__ */ new Map(), simpleEventPluginEvents = "abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(
" "
);
simpleEventPluginEvents.push("scrollEnd");
function registerSimpleEvent(domEventName, reactName) {
topLevelEventsToReactNames.set(domEventName, reactName);
registerTwoPhaseEvent(reactName, [domEventName]);
}
var CapturedStacks = /* @__PURE__ */ new WeakMap();
function createCapturedValueAtFiber(value, source) {
if ("object" === typeof value && null !== value) {
var existing = CapturedStacks.get(value);
if (void 0 !== existing) return existing;
source = {
value,
source,
stack: getStackByFiberInDevAndProd(source)
};
CapturedStacks.set(value, source);
return source;
}
return {
value,
source,
stack: getStackByFiberInDevAndProd(source)
};
}
var concurrentQueues = [], concurrentQueuesIndex = 0, concurrentlyUpdatedLanes = 0;
function finishQueueingConcurrentUpdates() {
for (var endIndex = concurrentQueuesIndex, i = concurrentlyUpdatedLanes = concurrentQueuesIndex = 0; i < endIndex; ) {
var fiber = concurrentQueues[i];
concurrentQueues[i++] = null;
var queue = concurrentQueues[i];
concurrentQueues[i++] = null;
var update = concurrentQueues[i];
concurrentQueues[i++] = null;
var lane = concurrentQueues[i];
concurrentQueues[i++] = null;
if (null !== queue && null !== update) {
var pending = queue.pending;
null === pending ? update.next = update : (update.next = pending.next, pending.next = update);
queue.pending = update;
}
0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
}
}
function enqueueUpdate$1(fiber, queue, update, lane) {
concurrentQueues[concurrentQueuesIndex++] = fiber;
concurrentQueues[concurrentQueuesIndex++] = queue;
concurrentQueues[concurrentQueuesIndex++] = update;
concurrentQueues[concurrentQueuesIndex++] = lane;
concurrentlyUpdatedLanes |= lane;
fiber.lanes |= lane;
fiber = fiber.alternate;
null !== fiber && (fiber.lanes |= lane);
}
function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
enqueueUpdate$1(fiber, queue, update, lane);
return getRootForUpdatedFiber(fiber);
}
function enqueueConcurrentRenderForLane(fiber, lane) {
enqueueUpdate$1(fiber, null, null, lane);
return getRootForUpdatedFiber(fiber);
}
function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
sourceFiber.lanes |= lane;
var alternate = sourceFiber.alternate;
null !== alternate && (alternate.lanes |= lane);
for (var isHidden = false, parent = sourceFiber.return; null !== parent; )
parent.childLanes |= lane, alternate = parent.alternate, null !== alternate && (alternate.childLanes |= lane), 22 === parent.tag && (sourceFiber = parent.stateNode, null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = true)), sourceFiber = parent, parent = parent.return;
return 3 === sourceFiber.tag ? (parent = sourceFiber.stateNode, isHidden && null !== update && (isHidden = 31 - clz32(lane), sourceFiber = parent.hiddenUpdates, alternate = sourceFiber[isHidden], null === alternate ? sourceFiber[isHidden] = [update] : alternate.push(update), update.lane = lane | 536870912), parent) : null;
}
function getRootForUpdatedFiber(sourceFiber) {
if (50 < nestedUpdateCount)
throw nestedUpdateCount = 0, rootWithNestedUpdates = null, Error(formatProdErrorMessage(185));
for (var parent = sourceFiber.return; null !== parent; )
sourceFiber = parent, parent = sourceFiber.return;
return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
}
var emptyContextObject = {};
function FiberNode(tag, pendingProps, key, mode) {
this.tag = tag;
this.key = key;
this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
this.index = 0;
this.refCleanup = this.ref = null;
this.pendingProps = pendingProps;
this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
this.mode = mode;
this.subtreeFlags = this.flags = 0;
this.deletions = null;
this.childLanes = this.lanes = 0;
this.alternate = null;
}
function createFiberImplClass(tag, pendingProps, key, mode) {
return new FiberNode(tag, pendingProps, key, mode);
}
function shouldConstruct(Component) {
Component = Component.prototype;
return !(!Component || !Component.isReactComponent);
}
function createWorkInProgress(current, pendingProps) {
var workInProgress2 = current.alternate;
null === workInProgress2 ? (workInProgress2 = createFiberImplClass(
current.tag,
pendingProps,
current.key,
current.mode
), workInProgress2.elementType = current.elementType, workInProgress2.type = current.type, workInProgress2.stateNode = current.stateNode, workInProgress2.alternate = current, current.alternate = workInProgress2) : (workInProgress2.pendingProps = pendingProps, workInProgress2.type = current.type, workInProgress2.flags = 0, workInProgress2.subtreeFlags = 0, workInProgress2.deletions = null);
workInProgress2.flags = current.flags & 65011712;
workInProgress2.childLanes = current.childLanes;
workInProgress2.lanes = current.lanes;
workInProgress2.child = current.child;
workInProgress2.memoizedProps = current.memoizedProps;
workInProgress2.memoizedState = current.memoizedState;
workInProgress2.updateQueue = current.updateQueue;
pendingProps = current.dependencies;
workInProgress2.dependencies = null === pendingProps ? null : { lanes: pendingProps.lanes, firstContext: pendingProps.firstContext };
workInProgress2.sibling = current.sibling;
workInProgress2.index = current.index;
workInProgress2.ref = current.ref;
workInProgress2.refCleanup = current.refCleanup;
return workInProgress2;
}
function resetWorkInProgress(workInProgress2, renderLanes2) {
workInProgress2.flags &= 65011714;
var current = workInProgress2.alternate;
null === current ? (workInProgress2.childLanes = 0, workInProgress2.lanes = renderLanes2, workInProgress2.child = null, workInProgress2.subtreeFlags = 0, workInProgress2.memoizedProps = null, workInProgress2.memoizedState = null, workInProgress2.updateQueue = null, workInProgress2.dependencies = null, workInProgress2.stateNode = null) : (workInProgress2.childLanes = current.childLanes, workInProgress2.lanes = current.lanes, workInProgress2.child = current.child, workInProgress2.subtreeFlags = 0, workInProgress2.deletions = null, workInProgress2.memoizedProps = current.memoizedProps, workInProgress2.memoizedState = current.memoizedState, workInProgress2.updateQueue = current.updateQueue, workInProgress2.type = current.type, renderLanes2 = current.dependencies, workInProgress2.dependencies = null === renderLanes2 ? null : {
lanes: renderLanes2.lanes,
firstContext: renderLanes2.firstContext
});
return workInProgress2;
}
function createFiberFromTypeAndProps(type4, key, pendingProps, owner, mode, lanes) {
var fiberTag = 0;
owner = type4;
if ("function" === typeof type4) shouldConstruct(type4) && (fiberTag = 1);
else if ("string" === typeof type4)
fiberTag = isHostHoistableType(
type4,
pendingProps,
contextStackCursor.current
) ? 26 : "html" === type4 || "head" === type4 || "body" === type4 ? 27 : 5;
else
a: switch (type4) {
case REACT_ACTIVITY_TYPE:
return type4 = createFiberImplClass(31, pendingProps, key, mode), type4.elementType = REACT_ACTIVITY_TYPE, type4.lanes = lanes, type4;
case REACT_FRAGMENT_TYPE2:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
mode |= 24;
break;
case REACT_PROFILER_TYPE:
return type4 = createFiberImplClass(12, pendingProps, key, mode | 2), type4.elementType = REACT_PROFILER_TYPE, type4.lanes = lanes, type4;
case REACT_SUSPENSE_TYPE:
return type4 = createFiberImplClass(13, pendingProps, key, mode), type4.elementType = REACT_SUSPENSE_TYPE, type4.lanes = lanes, type4;
case REACT_SUSPENSE_LIST_TYPE:
return type4 = createFiberImplClass(19, pendingProps, key, mode), type4.elementType = REACT_SUSPENSE_LIST_TYPE, type4.lanes = lanes, type4;
default:
if ("object" === typeof type4 && null !== type4)
switch (type4.$$typeof) {
case REACT_PROVIDER_TYPE:
case REACT_CONTEXT_TYPE:
fiberTag = 10;
break a;
case REACT_CONSUMER_TYPE:
fiberTag = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
break a;
}
fiberTag = 29;
pendingProps = Error(
formatProdErrorMessage(130, null === type4 ? "null" : typeof type4, "")
);
owner = null;
}
key = createFiberImplClass(fiberTag, pendingProps, key, mode);
key.elementType = type4;
key.type = owner;
key.lanes = lanes;
return key;
}
function createFiberFromFragment(elements, mode, lanes, key) {
elements = createFiberImplClass(7, elements, key, mode);
elements.lanes = lanes;
return elements;
}
function createFiberFromText(content, mode, lanes) {
content = createFiberImplClass(6, content, null, mode);
content.lanes = lanes;
return content;
}
function createFiberFromPortal(portal, mode, lanes) {
mode = createFiberImplClass(
4,
null !== portal.children ? portal.children : [],
portal.key,
mode
);
mode.lanes = lanes;
mode.stateNode = {
containerInfo: portal.containerInfo,
pendingChildren: null,
implementation: portal.implementation
};
return mode;
}
var forkStack = [], forkStackIndex = 0, treeForkProvider = null, treeForkCount = 0, idStack = [], idStackIndex = 0, treeContextProvider = null, treeContextId = 1, treeContextOverflow = "";
function pushTreeFork(workInProgress2, totalChildren) {
forkStack[forkStackIndex++] = treeForkCount;
forkStack[forkStackIndex++] = treeForkProvider;
treeForkProvider = workInProgress2;
treeForkCount = totalChildren;
}
function pushTreeId(workInProgress2, totalChildren, index3) {
idStack[idStackIndex++] = treeContextId;
idStack[idStackIndex++] = treeContextOverflow;
idStack[idStackIndex++] = treeContextProvider;
treeContextProvider = workInProgress2;
var baseIdWithLeadingBit = treeContextId;
workInProgress2 = treeContextOverflow;
var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
baseIdWithLeadingBit &= ~(1 << baseLength);
index3 += 1;
var length2 = 32 - clz32(totalChildren) + baseLength;
if (30 < length2) {
var numberOfOverflowBits = baseLength - baseLength % 5;
length2 = (baseIdWithLeadingBit & (1 << numberOfOverflowBits) - 1).toString(32);
baseIdWithLeadingBit >>= numberOfOverflowBits;
baseLength -= numberOfOverflowBits;
treeContextId = 1 << 32 - clz32(totalChildren) + baseLength | index3 << baseLength | baseIdWithLeadingBit;
treeContextOverflow = length2 + workInProgress2;
} else
treeContextId = 1 << length2 | index3 << baseLength | baseIdWithLeadingBit, treeContextOverflow = workInProgress2;
}
function pushMaterializedTreeId(workInProgress2) {
null !== workInProgress2.return && (pushTreeFork(workInProgress2, 1), pushTreeId(workInProgress2, 1, 0));
}
function popTreeContext(workInProgress2) {
for (; workInProgress2 === treeForkProvider; )
treeForkProvider = forkStack[--forkStackIndex], forkStack[forkStackIndex] = null, treeForkCount = forkStack[--forkStackIndex], forkStack[forkStackIndex] = null;
for (; workInProgress2 === treeContextProvider; )
treeContextProvider = idStack[--idStackIndex], idStack[idStackIndex] = null, treeContextOverflow = idStack[--idStackIndex], idStack[idStackIndex] = null, treeContextId = idStack[--idStackIndex], idStack[idStackIndex] = null;
}
var hydrationParentFiber = null, nextHydratableInstance = null, isHydrating = false, hydrationErrors = null, rootOrSingletonContext = false, HydrationMismatchException = Error(formatProdErrorMessage(519));
function throwOnHydrationMismatch(fiber) {
var error = Error(formatProdErrorMessage(418, ""));
queueHydrationError(createCapturedValueAtFiber(error, fiber));
throw HydrationMismatchException;
}
function prepareToHydrateHostInstance(fiber) {
var instance = fiber.stateNode, type4 = fiber.type, props = fiber.memoizedProps;
instance[internalInstanceKey] = fiber;
instance[internalPropsKey] = props;
switch (type4) {
case "dialog":
listenToNonDelegatedEvent("cancel", instance);
listenToNonDelegatedEvent("close", instance);
break;
case "iframe":
case "object":
case "embed":
listenToNonDelegatedEvent("load", instance);
break;
case "video":
case "audio":
for (type4 = 0; type4 < mediaEventTypes.length; type4++)
listenToNonDelegatedEvent(mediaEventTypes[type4], instance);
break;
case "source":
listenToNonDelegatedEvent("error", instance);
break;
case "img":
case "image":
case "link":
listenToNonDelegatedEvent("error", instance);
listenToNonDelegatedEvent("load", instance);
break;
case "details":
listenToNonDelegatedEvent("toggle", instance);
break;
case "input":
listenToNonDelegatedEvent("invalid", instance);
initInput(
instance,
props.value,
props.defaultValue,
props.checked,
props.defaultChecked,
props.type,
props.name,
true
);
track(instance);
break;
case "select":
listenToNonDelegatedEvent("invalid", instance);
break;
case "textarea":
listenToNonDelegatedEvent("invalid", instance), initTextarea(instance, props.value, props.defaultValue, props.children), track(instance);
}
type4 = props.children;
"string" !== typeof type4 && "number" !== typeof type4 && "bigint" !== typeof type4 || instance.textContent === "" + type4 || true === props.suppressHydrationWarning || checkForUnmatchedText(instance.textContent, type4) ? (null != props.popover && (listenToNonDelegatedEvent("beforetoggle", instance), listenToNonDelegatedEvent("toggle", instance)), null != props.onScroll && listenToNonDelegatedEvent("scroll", instance), null != props.onScrollEnd && listenToNonDelegatedEvent("scrollend", instance), null != props.onClick && (instance.onclick = noop$12), instance = true) : instance = false;
instance || throwOnHydrationMismatch(fiber);
}
function popToNextHostParent(fiber) {
for (hydrationParentFiber = fiber.return; hydrationParentFiber; )
switch (hydrationParentFiber.tag) {
case 5:
case 13:
rootOrSingletonContext = false;
return;
case 27:
case 3:
rootOrSingletonContext = true;
return;
default:
hydrationParentFiber = hydrationParentFiber.return;
}
}
function popHydrationState(fiber) {
if (fiber !== hydrationParentFiber) return false;
if (!isHydrating) return popToNextHostParent(fiber), isHydrating = true, false;
var tag = fiber.tag, JSCompiler_temp;
if (JSCompiler_temp = 3 !== tag && 27 !== tag) {
if (JSCompiler_temp = 5 === tag)
JSCompiler_temp = fiber.type, JSCompiler_temp = !("form" !== JSCompiler_temp && "button" !== JSCompiler_temp) || shouldSetTextContent(fiber.type, fiber.memoizedProps);
JSCompiler_temp = !JSCompiler_temp;
}
JSCompiler_temp && nextHydratableInstance && throwOnHydrationMismatch(fiber);
popToNextHostParent(fiber);
if (13 === tag) {
fiber = fiber.memoizedState;
fiber = null !== fiber ? fiber.dehydrated : null;
if (!fiber) throw Error(formatProdErrorMessage(317));
a: {
fiber = fiber.nextSibling;
for (tag = 0; fiber; ) {
if (8 === fiber.nodeType)
if (JSCompiler_temp = fiber.data, "/$" === JSCompiler_temp) {
if (0 === tag) {
nextHydratableInstance = getNextHydratable(fiber.nextSibling);
break a;
}
tag--;
} else
"$" !== JSCompiler_temp && "$!" !== JSCompiler_temp && "$?" !== JSCompiler_temp || tag++;
fiber = fiber.nextSibling;
}
nextHydratableInstance = null;
}
} else
27 === tag ? (tag = nextHydratableInstance, isSingletonScope(fiber.type) ? (fiber = previousHydratableOnEnteringScopedSingleton, previousHydratableOnEnteringScopedSingleton = null, nextHydratableInstance = fiber) : nextHydratableInstance = tag) : nextHydratableInstance = hydrationParentFiber ? getNextHydratable(fiber.stateNode.nextSibling) : null;
return true;
}
function resetHydrationState() {
nextHydratableInstance = hydrationParentFiber = null;
isHydrating = false;
}
function upgradeHydrationErrorsToRecoverable() {
var queuedErrors = hydrationErrors;
null !== queuedErrors && (null === workInProgressRootRecoverableErrors ? workInProgressRootRecoverableErrors = queuedErrors : workInProgressRootRecoverableErrors.push.apply(
workInProgressRootRecoverableErrors,
queuedErrors
), hydrationErrors = null);
return queuedErrors;
}
function queueHydrationError(error) {
null === hydrationErrors ? hydrationErrors = [error] : hydrationErrors.push(error);
}
var valueCursor = createCursor(null), currentlyRenderingFiber$1 = null, lastContextDependency = null;
function pushProvider(providerFiber, context, nextValue) {
push(valueCursor, context._currentValue);
context._currentValue = nextValue;
}
function popProvider(context) {
context._currentValue = valueCursor.current;
pop(valueCursor);
}
function scheduleContextWorkOnParentPath(parent, renderLanes2, propagationRoot) {
for (; null !== parent; ) {
var alternate = parent.alternate;
(parent.childLanes & renderLanes2) !== renderLanes2 ? (parent.childLanes |= renderLanes2, null !== alternate && (alternate.childLanes |= renderLanes2)) : null !== alternate && (alternate.childLanes & renderLanes2) !== renderLanes2 && (alternate.childLanes |= renderLanes2);
if (parent === propagationRoot) break;
parent = parent.return;
}
}
function propagateContextChanges(workInProgress2, contexts, renderLanes2, forcePropagateEntireTree) {
var fiber = workInProgress2.child;
null !== fiber && (fiber.return = workInProgress2);
for (; null !== fiber; ) {
var list = fiber.dependencies;
if (null !== list) {
var nextFiber = fiber.child;
list = list.firstContext;
a: for (; null !== list; ) {
var dependency = list;
list = fiber;
for (var i = 0; i < contexts.length; i++)
if (dependency.context === contexts[i]) {
list.lanes |= renderLanes2;
dependency = list.alternate;
null !== dependency && (dependency.lanes |= renderLanes2);
scheduleContextWorkOnParentPath(
list.return,
renderLanes2,
workInProgress2
);
forcePropagateEntireTree || (nextFiber = null);
break a;
}
list = dependency.next;
}
} else if (18 === fiber.tag) {
nextFiber = fiber.return;
if (null === nextFiber) throw Error(formatProdErrorMessage(341));
nextFiber.lanes |= renderLanes2;
list = nextFiber.alternate;
null !== list && (list.lanes |= renderLanes2);
scheduleContextWorkOnParentPath(nextFiber, renderLanes2, workInProgress2);
nextFiber = null;
} else nextFiber = fiber.child;
if (null !== nextFiber) nextFiber.return = fiber;
else
for (nextFiber = fiber; null !== nextFiber; ) {
if (nextFiber === workInProgress2) {
nextFiber = null;
break;
}
fiber = nextFiber.sibling;
if (null !== fiber) {
fiber.return = nextFiber.return;
nextFiber = fiber;
break;
}
nextFiber = nextFiber.return;
}
fiber = nextFiber;
}
}
function propagateParentContextChanges(current, workInProgress2, renderLanes2, forcePropagateEntireTree) {
current = null;
for (var parent = workInProgress2, isInsidePropagationBailout = false; null !== parent; ) {
if (!isInsidePropagationBailout) {
if (0 !== (parent.flags & 524288)) isInsidePropagationBailout = true;
else if (0 !== (parent.flags & 262144)) break;
}
if (10 === parent.tag) {
var currentParent = parent.alternate;
if (null === currentParent) throw Error(formatProdErrorMessage(387));
currentParent = currentParent.memoizedProps;
if (null !== currentParent) {
var context = parent.type;
objectIs(parent.pendingProps.value, currentParent.value) || (null !== current ? current.push(context) : current = [context]);
}
} else if (parent === hostTransitionProviderCursor.current) {
currentParent = parent.alternate;
if (null === currentParent) throw Error(formatProdErrorMessage(387));
currentParent.memoizedState.memoizedState !== parent.memoizedState.memoizedState && (null !== current ? current.push(HostTransitionContext) : current = [HostTransitionContext]);
}
parent = parent.return;
}
null !== current && propagateContextChanges(
workInProgress2,
current,
renderLanes2,
forcePropagateEntireTree
);
workInProgress2.flags |= 262144;
}
function checkIfContextChanged(currentDependencies) {
for (currentDependencies = currentDependencies.firstContext; null !== currentDependencies; ) {
if (!objectIs(
currentDependencies.context._currentValue,
currentDependencies.memoizedValue
))
return true;
currentDependencies = currentDependencies.next;
}
return false;
}
function prepareToReadContext(workInProgress2) {
currentlyRenderingFiber$1 = workInProgress2;
lastContextDependency = null;
workInProgress2 = workInProgress2.dependencies;
null !== workInProgress2 && (workInProgress2.firstContext = null);
}
function readContext(context) {
return readContextForConsumer(currentlyRenderingFiber$1, context);
}
function readContextDuringReconciliation(consumer, context) {
null === currentlyRenderingFiber$1 && prepareToReadContext(consumer);
return readContextForConsumer(consumer, context);
}
function readContextForConsumer(consumer, context) {
var value = context._currentValue;
context = { context, memoizedValue: value, next: null };
if (null === lastContextDependency) {
if (null === consumer) throw Error(formatProdErrorMessage(308));
lastContextDependency = context;
consumer.dependencies = { lanes: 0, firstContext: context };
consumer.flags |= 524288;
} else lastContextDependency = lastContextDependency.next = context;
return value;
}
var AbortControllerLocal = "undefined" !== typeof AbortController ? AbortController : function() {
var listeners = [], signal = this.signal = {
aborted: false,
addEventListener: function(type4, listener) {
listeners.push(listener);
}
};
this.abort = function() {
signal.aborted = true;
listeners.forEach(function(listener) {
return listener();
});
};
}, scheduleCallback$2 = Scheduler.unstable_scheduleCallback, NormalPriority = Scheduler.unstable_NormalPriority, CacheContext = {
$$typeof: REACT_CONTEXT_TYPE,
Consumer: null,
Provider: null,
_currentValue: null,
_currentValue2: null,
_threadCount: 0
};
function createCache2() {
return {
controller: new AbortControllerLocal(),
data: /* @__PURE__ */ new Map(),
refCount: 0
};
}
function releaseCache(cache) {
cache.refCount--;
0 === cache.refCount && scheduleCallback$2(NormalPriority, function() {
cache.controller.abort();
});
}
var currentEntangledListeners = null, currentEntangledPendingCount = 0, currentEntangledLane = 0, currentEntangledActionThenable = null;
function entangleAsyncAction(transition, thenable) {
if (null === currentEntangledListeners) {
var entangledListeners = currentEntangledListeners = [];
currentEntangledPendingCount = 0;
currentEntangledLane = requestTransitionLane();
currentEntangledActionThenable = {
status: "pending",
value: void 0,
then: function(resolve) {
entangledListeners.push(resolve);
}
};
}
currentEntangledPendingCount++;
thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
return thenable;
}
function pingEngtangledActionScope() {
if (0 === --currentEntangledPendingCount && null !== currentEntangledListeners) {
null !== currentEntangledActionThenable && (currentEntangledActionThenable.status = "fulfilled");
var listeners = currentEntangledListeners;
currentEntangledListeners = null;
currentEntangledLane = 0;
currentEntangledActionThenable = null;
for (var i = 0; i < listeners.length; i++) (0, listeners[i])();
}
}
function chainThenableValue(thenable, result) {
var listeners = [], thenableWithOverride = {
status: "pending",
value: null,
reason: null,
then: function(resolve) {
listeners.push(resolve);
}
};
thenable.then(
function() {
thenableWithOverride.status = "fulfilled";
thenableWithOverride.value = result;
for (var i = 0; i < listeners.length; i++) (0, listeners[i])(result);
},
function(error) {
thenableWithOverride.status = "rejected";
thenableWithOverride.reason = error;
for (error = 0; error < listeners.length; error++)
(0, listeners[error])(void 0);
}
);
return thenableWithOverride;
}
var prevOnStartTransitionFinish = ReactSharedInternals.S;
ReactSharedInternals.S = function(transition, returnValue) {
"object" === typeof returnValue && null !== returnValue && "function" === typeof returnValue.then && entangleAsyncAction(transition, returnValue);
null !== prevOnStartTransitionFinish && prevOnStartTransitionFinish(transition, returnValue);
};
var resumedCache = createCursor(null);
function peekCacheFromPool() {
var cacheResumedFromPreviousRender = resumedCache.current;
return null !== cacheResumedFromPreviousRender ? cacheResumedFromPreviousRender : workInProgressRoot.pooledCache;
}
function pushTransition(offscreenWorkInProgress, prevCachePool) {
null === prevCachePool ? push(resumedCache, resumedCache.current) : push(resumedCache, prevCachePool.pool);
}
function getSuspendedCache() {
var cacheFromPool = peekCacheFromPool();
return null === cacheFromPool ? null : { parent: CacheContext._currentValue, pool: cacheFromPool };
}
var SuspenseException = Error(formatProdErrorMessage(460)), SuspenseyCommitException = Error(formatProdErrorMessage(474)), SuspenseActionException = Error(formatProdErrorMessage(542)), noopSuspenseyCommitThenable = { then: function() {
} };
function isThenableResolved(thenable) {
thenable = thenable.status;
return "fulfilled" === thenable || "rejected" === thenable;
}
function noop$3() {
}
function trackUsedThenable(thenableState2, thenable, index3) {
index3 = thenableState2[index3];
void 0 === index3 ? thenableState2.push(thenable) : index3 !== thenable && (thenable.then(noop$3, noop$3), thenable = index3);
switch (thenable.status) {
case "fulfilled":
return thenable.value;
case "rejected":
throw thenableState2 = thenable.reason, checkIfUseWrappedInAsyncCatch(thenableState2), thenableState2;
default:
if ("string" === typeof thenable.status) thenable.then(noop$3, noop$3);
else {
thenableState2 = workInProgressRoot;
if (null !== thenableState2 && 100 < thenableState2.shellSuspendCounter)
throw Error(formatProdErrorMessage(482));
thenableState2 = thenable;
thenableState2.status = "pending";
thenableState2.then(
function(fulfilledValue) {
if ("pending" === thenable.status) {
var fulfilledThenable = thenable;
fulfilledThenable.status = "fulfilled";
fulfilledThenable.value = fulfilledValue;
}
},
function(error) {
if ("pending" === thenable.status) {
var rejectedThenable = thenable;
rejectedThenable.status = "rejected";
rejectedThenable.reason = error;
}
}
);
}
switch (thenable.status) {
case "fulfilled":
return thenable.value;
case "rejected":
throw thenableState2 = thenable.reason, checkIfUseWrappedInAsyncCatch(thenableState2), thenableState2;
}
suspendedThenable = thenable;
throw SuspenseException;
}
}
var suspendedThenable = null;
function getSuspendedThenable() {
if (null === suspendedThenable) throw Error(formatProdErrorMessage(459));
var thenable = suspendedThenable;
suspendedThenable = null;
return thenable;
}
function checkIfUseWrappedInAsyncCatch(rejectedReason) {
if (rejectedReason === SuspenseException || rejectedReason === SuspenseActionException)
throw Error(formatProdErrorMessage(483));
}
var hasForceUpdate = false;
function initializeUpdateQueue(fiber) {
fiber.updateQueue = {
baseState: fiber.memoizedState,
firstBaseUpdate: null,
lastBaseUpdate: null,
shared: { pending: null, lanes: 0, hiddenCallbacks: null },
callbacks: null
};
}
function cloneUpdateQueue(current, workInProgress2) {
current = current.updateQueue;
workInProgress2.updateQueue === current && (workInProgress2.updateQueue = {
baseState: current.baseState,
firstBaseUpdate: current.firstBaseUpdate,
lastBaseUpdate: current.lastBaseUpdate,
shared: current.shared,
callbacks: null
});
}
function createUpdate(lane) {
return { lane, tag: 0, payload: null, callback: null, next: null };
}
function enqueueUpdate(fiber, update, lane) {
var updateQueue = fiber.updateQueue;
if (null === updateQueue) return null;
updateQueue = updateQueue.shared;
if (0 !== (executionContext & 2)) {
var pending = updateQueue.pending;
null === pending ? update.next = update : (update.next = pending.next, pending.next = update);
updateQueue.pending = update;
update = getRootForUpdatedFiber(fiber);
markUpdateLaneFromFiberToRoot(fiber, null, lane);
return update;
}
enqueueUpdate$1(fiber, updateQueue, update, lane);
return getRootForUpdatedFiber(fiber);
}
function entangleTransitions(root2, fiber, lane) {
fiber = fiber.updateQueue;
if (null !== fiber && (fiber = fiber.shared, 0 !== (lane & 4194048))) {
var queueLanes = fiber.lanes;
queueLanes &= root2.pendingLanes;
lane |= queueLanes;
fiber.lanes = lane;
markRootEntangled(root2, lane);
}
}
function enqueueCapturedUpdate(workInProgress2, capturedUpdate) {
var queue = workInProgress2.updateQueue, current = workInProgress2.alternate;
if (null !== current && (current = current.updateQueue, queue === current)) {
var newFirst = null, newLast = null;
queue = queue.firstBaseUpdate;
if (null !== queue) {
do {
var clone = {
lane: queue.lane,
tag: queue.tag,
payload: queue.payload,
callback: null,
next: null
};
null === newLast ? newFirst = newLast = clone : newLast = newLast.next = clone;
queue = queue.next;
} while (null !== queue);
null === newLast ? newFirst = newLast = capturedUpdate : newLast = newLast.next = capturedUpdate;
} else newFirst = newLast = capturedUpdate;
queue = {
baseState: current.baseState,
firstBaseUpdate: newFirst,
lastBaseUpdate: newLast,
shared: current.shared,
callbacks: current.callbacks
};
workInProgress2.updateQueue = queue;
return;
}
workInProgress2 = queue.lastBaseUpdate;
null === workInProgress2 ? queue.firstBaseUpdate = capturedUpdate : workInProgress2.next = capturedUpdate;
queue.lastBaseUpdate = capturedUpdate;
}
var didReadFromEntangledAsyncAction = false;
function suspendIfUpdateReadFromEntangledAsyncAction() {
if (didReadFromEntangledAsyncAction) {
var entangledActionThenable = currentEntangledActionThenable;
if (null !== entangledActionThenable) throw entangledActionThenable;
}
}
function processUpdateQueue(workInProgress$jscomp$0, props, instance$jscomp$0, renderLanes2) {
didReadFromEntangledAsyncAction = false;
var queue = workInProgress$jscomp$0.updateQueue;
hasForceUpdate = false;
var firstBaseUpdate = queue.firstBaseUpdate, lastBaseUpdate = queue.lastBaseUpdate, pendingQueue = queue.shared.pending;
if (null !== pendingQueue) {
queue.shared.pending = null;
var lastPendingUpdate = pendingQueue, firstPendingUpdate = lastPendingUpdate.next;
lastPendingUpdate.next = null;
null === lastBaseUpdate ? firstBaseUpdate = firstPendingUpdate : lastBaseUpdate.next = firstPendingUpdate;
lastBaseUpdate = lastPendingUpdate;
var current = workInProgress$jscomp$0.alternate;
null !== current && (current = current.updateQueue, pendingQueue = current.lastBaseUpdate, pendingQueue !== lastBaseUpdate && (null === pendingQueue ? current.firstBaseUpdate = firstPendingUpdate : pendingQueue.next = firstPendingUpdate, current.lastBaseUpdate = lastPendingUpdate));
}
if (null !== firstBaseUpdate) {
var newState = queue.baseState;
lastBaseUpdate = 0;
current = firstPendingUpdate = lastPendingUpdate = null;
pendingQueue = firstBaseUpdate;
do {
var updateLane = pendingQueue.lane & -536870913, isHiddenUpdate = updateLane !== pendingQueue.lane;
if (isHiddenUpdate ? (workInProgressRootRenderLanes & updateLane) === updateLane : (renderLanes2 & updateLane) === updateLane) {
0 !== updateLane && updateLane === currentEntangledLane && (didReadFromEntangledAsyncAction = true);
null !== current && (current = current.next = {
lane: 0,
tag: pendingQueue.tag,
payload: pendingQueue.payload,
callback: null,
next: null
});
a: {
var workInProgress2 = workInProgress$jscomp$0, update = pendingQueue;
updateLane = props;
var instance = instance$jscomp$0;
switch (update.tag) {
case 1:
workInProgress2 = update.payload;
if ("function" === typeof workInProgress2) {
newState = workInProgress2.call(instance, newState, updateLane);
break a;
}
newState = workInProgress2;
break a;
case 3:
workInProgress2.flags = workInProgress2.flags & -65537 | 128;
case 0:
workInProgress2 = update.payload;
updateLane = "function" === typeof workInProgress2 ? workInProgress2.call(instance, newState, updateLane) : workInProgress2;
if (null === updateLane || void 0 === updateLane) break a;
newState = assign({}, newState, updateLane);
break a;
case 2:
hasForceUpdate = true;
}
}
updateLane = pendingQueue.callback;
null !== updateLane && (workInProgress$jscomp$0.flags |= 64, isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192), isHiddenUpdate = queue.callbacks, null === isHiddenUpdate ? queue.callbacks = [updateLane] : isHiddenUpdate.push(updateLane));
} else
isHiddenUpdate = {
lane: updateLane,
tag: pendingQueue.tag,
payload: pendingQueue.payload,
callback: pendingQueue.callback,
next: null
}, null === current ? (firstPendingUpdate = current = isHiddenUpdate, lastPendingUpdate = newState) : current = current.next = isHiddenUpdate, lastBaseUpdate |= updateLane;
pendingQueue = pendingQueue.next;
if (null === pendingQueue)
if (pendingQueue = queue.shared.pending, null === pendingQueue)
break;
else
isHiddenUpdate = pendingQueue, pendingQueue = isHiddenUpdate.next, isHiddenUpdate.next = null, queue.lastBaseUpdate = isHiddenUpdate, queue.shared.pending = null;
} while (1);
null === current && (lastPendingUpdate = newState);
queue.baseState = lastPendingUpdate;
queue.firstBaseUpdate = firstPendingUpdate;
queue.lastBaseUpdate = current;
null === firstBaseUpdate && (queue.shared.lanes = 0);
workInProgressRootSkippedLanes |= lastBaseUpdate;
workInProgress$jscomp$0.lanes = lastBaseUpdate;
workInProgress$jscomp$0.memoizedState = newState;
}
}
function callCallback(callback, context) {
if ("function" !== typeof callback)
throw Error(formatProdErrorMessage(191, callback));
callback.call(context);
}
function commitCallbacks(updateQueue, context) {
var callbacks = updateQueue.callbacks;
if (null !== callbacks)
for (updateQueue.callbacks = null, updateQueue = 0; updateQueue < callbacks.length; updateQueue++)
callCallback(callbacks[updateQueue], context);
}
var currentTreeHiddenStackCursor = createCursor(null), prevEntangledRenderLanesCursor = createCursor(0);
function pushHiddenContext(fiber, context) {
fiber = entangledRenderLanes;
push(prevEntangledRenderLanesCursor, fiber);
push(currentTreeHiddenStackCursor, context);
entangledRenderLanes = fiber | context.baseLanes;
}
function reuseHiddenContextOnStack() {
push(prevEntangledRenderLanesCursor, entangledRenderLanes);
push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
}
function popHiddenContext() {
entangledRenderLanes = prevEntangledRenderLanesCursor.current;
pop(currentTreeHiddenStackCursor);
pop(prevEntangledRenderLanesCursor);
}
var renderLanes = 0, currentlyRenderingFiber = null, currentHook = null, workInProgressHook = null, didScheduleRenderPhaseUpdate = false, didScheduleRenderPhaseUpdateDuringThisPass = false, shouldDoubleInvokeUserFnsInHooksDEV = false, localIdCounter = 0, thenableIndexCounter$1 = 0, thenableState$1 = null, globalClientIdCounter = 0;
function throwInvalidHookError() {
throw Error(formatProdErrorMessage(321));
}
function areHookInputsEqual(nextDeps, prevDeps) {
if (null === prevDeps) return false;
for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
if (!objectIs(nextDeps[i], prevDeps[i])) return false;
return true;
}
function renderWithHooks(current, workInProgress2, Component, props, secondArg, nextRenderLanes) {
renderLanes = nextRenderLanes;
currentlyRenderingFiber = workInProgress2;
workInProgress2.memoizedState = null;
workInProgress2.updateQueue = null;
workInProgress2.lanes = 0;
ReactSharedInternals.H = null === current || null === current.memoizedState ? HooksDispatcherOnMount : HooksDispatcherOnUpdate;
shouldDoubleInvokeUserFnsInHooksDEV = false;
nextRenderLanes = Component(props, secondArg);
shouldDoubleInvokeUserFnsInHooksDEV = false;
didScheduleRenderPhaseUpdateDuringThisPass && (nextRenderLanes = renderWithHooksAgain(
workInProgress2,
Component,
props,
secondArg
));
finishRenderingHooks(current);
return nextRenderLanes;
}
function finishRenderingHooks(current) {
ReactSharedInternals.H = ContextOnlyDispatcher;
var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
renderLanes = 0;
workInProgressHook = currentHook = currentlyRenderingFiber = null;
didScheduleRenderPhaseUpdate = false;
thenableIndexCounter$1 = 0;
thenableState$1 = null;
if (didRenderTooFewHooks) throw Error(formatProdErrorMessage(300));
null === current || didReceiveUpdate || (current = current.dependencies, null !== current && checkIfContextChanged(current) && (didReceiveUpdate = true));
}
function renderWithHooksAgain(workInProgress2, Component, props, secondArg) {
currentlyRenderingFiber = workInProgress2;
var numberOfReRenders = 0;
do {
didScheduleRenderPhaseUpdateDuringThisPass && (thenableState$1 = null);
thenableIndexCounter$1 = 0;
didScheduleRenderPhaseUpdateDuringThisPass = false;
if (25 <= numberOfReRenders) throw Error(formatProdErrorMessage(301));
numberOfReRenders += 1;
workInProgressHook = currentHook = null;
if (null != workInProgress2.updateQueue) {
var children = workInProgress2.updateQueue;
children.lastEffect = null;
children.events = null;
children.stores = null;
null != children.memoCache && (children.memoCache.index = 0);
}
ReactSharedInternals.H = HooksDispatcherOnRerender;
children = Component(props, secondArg);
} while (didScheduleRenderPhaseUpdateDuringThisPass);
return children;
}
function TransitionAwareHostComponent() {
var dispatcher = ReactSharedInternals.H, maybeThenable = dispatcher.useState()[0];
maybeThenable = "function" === typeof maybeThenable.then ? useThenable(maybeThenable) : maybeThenable;
dispatcher = dispatcher.useState()[0];
(null !== currentHook ? currentHook.memoizedState : null) !== dispatcher && (currentlyRenderingFiber.flags |= 1024);
return maybeThenable;
}
function checkDidRenderIdHook() {
var didRenderIdHook = 0 !== localIdCounter;
localIdCounter = 0;
return didRenderIdHook;
}
function bailoutHooks(current, workInProgress2, lanes) {
workInProgress2.updateQueue = current.updateQueue;
workInProgress2.flags &= -2053;
current.lanes &= ~lanes;
}
function resetHooksOnUnwind(workInProgress2) {
if (didScheduleRenderPhaseUpdate) {
for (workInProgress2 = workInProgress2.memoizedState; null !== workInProgress2; ) {
var queue = workInProgress2.queue;
null !== queue && (queue.pending = null);
workInProgress2 = workInProgress2.next;
}
didScheduleRenderPhaseUpdate = false;
}
renderLanes = 0;
workInProgressHook = currentHook = currentlyRenderingFiber = null;
didScheduleRenderPhaseUpdateDuringThisPass = false;
thenableIndexCounter$1 = localIdCounter = 0;
thenableState$1 = null;
}
function mountWorkInProgressHook() {
var hook = {
memoizedState: null,
baseState: null,
baseQueue: null,
queue: null,
next: null
};
null === workInProgressHook ? currentlyRenderingFiber.memoizedState = workInProgressHook = hook : workInProgressHook = workInProgressHook.next = hook;
return workInProgressHook;
}
function updateWorkInProgressHook() {
if (null === currentHook) {
var nextCurrentHook = currentlyRenderingFiber.alternate;
nextCurrentHook = null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
} else nextCurrentHook = currentHook.next;
var nextWorkInProgressHook = null === workInProgressHook ? currentlyRenderingFiber.memoizedState : workInProgressHook.next;
if (null !== nextWorkInProgressHook)
workInProgressHook = nextWorkInProgressHook, currentHook = nextCurrentHook;
else {
if (null === nextCurrentHook) {
if (null === currentlyRenderingFiber.alternate)
throw Error(formatProdErrorMessage(467));
throw Error(formatProdErrorMessage(310));
}
currentHook = nextCurrentHook;
nextCurrentHook = {
memoizedState: currentHook.memoizedState,
baseState: currentHook.baseState,
baseQueue: currentHook.baseQueue,
queue: currentHook.queue,
next: null
};
null === workInProgressHook ? currentlyRenderingFiber.memoizedState = workInProgressHook = nextCurrentHook : workInProgressHook = workInProgressHook.next = nextCurrentHook;
}
return workInProgressHook;
}
function createFunctionComponentUpdateQueue() {
return { lastEffect: null, events: null, stores: null, memoCache: null };
}
function useThenable(thenable) {
var index3 = thenableIndexCounter$1;
thenableIndexCounter$1 += 1;
null === thenableState$1 && (thenableState$1 = []);
thenable = trackUsedThenable(thenableState$1, thenable, index3);
index3 = currentlyRenderingFiber;
null === (null === workInProgressHook ? index3.memoizedState : workInProgressHook.next) && (index3 = index3.alternate, ReactSharedInternals.H = null === index3 || null === index3.memoizedState ? HooksDispatcherOnMount : HooksDispatcherOnUpdate);
return thenable;
}
function use(usable) {
if (null !== usable && "object" === typeof usable) {
if ("function" === typeof usable.then) return useThenable(usable);
if (usable.$$typeof === REACT_CONTEXT_TYPE) return readContext(usable);
}
throw Error(formatProdErrorMessage(438, String(usable)));
}
function useMemoCache(size) {
var memoCache = null, updateQueue = currentlyRenderingFiber.updateQueue;
null !== updateQueue && (memoCache = updateQueue.memoCache);
if (null == memoCache) {
var current = currentlyRenderingFiber.alternate;
null !== current && (current = current.updateQueue, null !== current && (current = current.memoCache, null != current && (memoCache = {
data: current.data.map(function(array4) {
return array4.slice();
}),
index: 0
})));
}
null == memoCache && (memoCache = { data: [], index: 0 });
null === updateQueue && (updateQueue = createFunctionComponentUpdateQueue(), currentlyRenderingFiber.updateQueue = updateQueue);
updateQueue.memoCache = memoCache;
updateQueue = memoCache.data[memoCache.index];
if (void 0 === updateQueue)
for (updateQueue = memoCache.data[memoCache.index] = Array(size), current = 0; current < size; current++)
updateQueue[current] = REACT_MEMO_CACHE_SENTINEL;
memoCache.index++;
return updateQueue;
}
function basicStateReducer(state, action) {
return "function" === typeof action ? action(state) : action;
}
function updateReducer(reducer) {
var hook = updateWorkInProgressHook();
return updateReducerImpl(hook, currentHook, reducer);
}
function updateReducerImpl(hook, current, reducer) {
var queue = hook.queue;
if (null === queue) throw Error(formatProdErrorMessage(311));
queue.lastRenderedReducer = reducer;
var baseQueue = hook.baseQueue, pendingQueue = queue.pending;
if (null !== pendingQueue) {
if (null !== baseQueue) {
var baseFirst = baseQueue.next;
baseQueue.next = pendingQueue.next;
pendingQueue.next = baseFirst;
}
current.baseQueue = baseQueue = pendingQueue;
queue.pending = null;
}
pendingQueue = hook.baseState;
if (null === baseQueue) hook.memoizedState = pendingQueue;
else {
current = baseQueue.next;
var newBaseQueueFirst = baseFirst = null, newBaseQueueLast = null, update = current, didReadFromEntangledAsyncAction$32 = false;
do {
var updateLane = update.lane & -536870913;
if (updateLane !== update.lane ? (workInProgressRootRenderLanes & updateLane) === updateLane : (renderLanes & updateLane) === updateLane) {
var revertLane = update.revertLane;
if (0 === revertLane)
null !== newBaseQueueLast && (newBaseQueueLast = newBaseQueueLast.next = {
lane: 0,
revertLane: 0,
action: update.action,
hasEagerState: update.hasEagerState,
eagerState: update.eagerState,
next: null
}), updateLane === currentEntangledLane && (didReadFromEntangledAsyncAction$32 = true);
else if ((renderLanes & revertLane) === revertLane) {
update = update.next;
revertLane === currentEntangledLane && (didReadFromEntangledAsyncAction$32 = true);
continue;
} else
updateLane = {
lane: 0,
revertLane: update.revertLane,
action: update.action,
hasEagerState: update.hasEagerState,
eagerState: update.eagerState,
next: null
}, null === newBaseQueueLast ? (newBaseQueueFirst = newBaseQueueLast = updateLane, baseFirst = pendingQueue) : newBaseQueueLast = newBaseQueueLast.next = updateLane, currentlyRenderingFiber.lanes |= revertLane, workInProgressRootSkippedLanes |= revertLane;
updateLane = update.action;
shouldDoubleInvokeUserFnsInHooksDEV && reducer(pendingQueue, updateLane);
pendingQueue = update.hasEagerState ? update.eagerState : reducer(pendingQueue, updateLane);
} else
revertLane = {
lane: updateLane,
revertLane: update.revertLane,
action: update.action,
hasEagerState: update.hasEagerState,
eagerState: update.eagerState,
next: null
}, null === newBaseQueueLast ? (newBaseQueueFirst = newBaseQueueLast = revertLane, baseFirst = pendingQueue) : newBaseQueueLast = newBaseQueueLast.next = revertLane, currentlyRenderingFiber.lanes |= updateLane, workInProgressRootSkippedLanes |= updateLane;
update = update.next;
} while (null !== update && update !== current);
null === newBaseQueueLast ? baseFirst = pendingQueue : newBaseQueueLast.next = newBaseQueueFirst;
if (!objectIs(pendingQueue, hook.memoizedState) && (didReceiveUpdate = true, didReadFromEntangledAsyncAction$32 && (reducer = currentEntangledActionThenable, null !== reducer)))
throw reducer;
hook.memoizedState = pendingQueue;
hook.baseState = baseFirst;
hook.baseQueue = newBaseQueueLast;
queue.lastRenderedState = pendingQueue;
}
null === baseQueue && (queue.lanes = 0);
return [hook.memoizedState, queue.dispatch];
}
function rerenderReducer(reducer) {
var hook = updateWorkInProgressHook(), queue = hook.queue;
if (null === queue) throw Error(formatProdErrorMessage(311));
queue.lastRenderedReducer = reducer;
var dispatch = queue.dispatch, lastRenderPhaseUpdate = queue.pending, newState = hook.memoizedState;
if (null !== lastRenderPhaseUpdate) {
queue.pending = null;
var update = lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
do
newState = reducer(newState, update.action), update = update.next;
while (update !== lastRenderPhaseUpdate);
objectIs(newState, hook.memoizedState) || (didReceiveUpdate = true);
hook.memoizedState = newState;
null === hook.baseQueue && (hook.baseState = newState);
queue.lastRenderedState = newState;
}
return [newState, dispatch];
}
function updateSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
var fiber = currentlyRenderingFiber, hook = updateWorkInProgressHook(), isHydrating$jscomp$0 = isHydrating;
if (isHydrating$jscomp$0) {
if (void 0 === getServerSnapshot) throw Error(formatProdErrorMessage(407));
getServerSnapshot = getServerSnapshot();
} else getServerSnapshot = getSnapshot();
var snapshotChanged = !objectIs(
(currentHook || hook).memoizedState,
getServerSnapshot
);
snapshotChanged && (hook.memoizedState = getServerSnapshot, didReceiveUpdate = true);
hook = hook.queue;
var create = subscribeToStore.bind(null, fiber, hook, subscribe);
updateEffectImpl(2048, 8, create, [subscribe]);
if (hook.getSnapshot !== getSnapshot || snapshotChanged || null !== workInProgressHook && workInProgressHook.memoizedState.tag & 1) {
fiber.flags |= 2048;
pushSimpleEffect(
9,
createEffectInstance(),
updateStoreInstance.bind(
null,
fiber,
hook,
getServerSnapshot,
getSnapshot
),
null
);
if (null === workInProgressRoot) throw Error(formatProdErrorMessage(349));
isHydrating$jscomp$0 || 0 !== (renderLanes & 124) || pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
}
return getServerSnapshot;
}
function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
fiber.flags |= 16384;
fiber = { getSnapshot, value: renderedSnapshot };
getSnapshot = currentlyRenderingFiber.updateQueue;
null === getSnapshot ? (getSnapshot = createFunctionComponentUpdateQueue(), currentlyRenderingFiber.updateQueue = getSnapshot, getSnapshot.stores = [fiber]) : (renderedSnapshot = getSnapshot.stores, null === renderedSnapshot ? getSnapshot.stores = [fiber] : renderedSnapshot.push(fiber));
}
function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
inst.value = nextSnapshot;
inst.getSnapshot = getSnapshot;
checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
}
function subscribeToStore(fiber, inst, subscribe) {
return subscribe(function() {
checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
});
}
function checkIfSnapshotChanged(inst) {
var latestGetSnapshot = inst.getSnapshot;
inst = inst.value;
try {
var nextValue = latestGetSnapshot();
return !objectIs(inst, nextValue);
} catch (error) {
return true;
}
}
function forceStoreRerender(fiber) {
var root2 = enqueueConcurrentRenderForLane(fiber, 2);
null !== root2 && scheduleUpdateOnFiber(root2, fiber, 2);
}
function mountStateImpl(initialState) {
var hook = mountWorkInProgressHook();
if ("function" === typeof initialState) {
var initialStateInitializer = initialState;
initialState = initialStateInitializer();
if (shouldDoubleInvokeUserFnsInHooksDEV) {
setIsStrictModeForDevtools(true);
try {
initialStateInitializer();
} finally {
setIsStrictModeForDevtools(false);
}
}
}
hook.memoizedState = hook.baseState = initialState;
hook.queue = {
pending: null,
lanes: 0,
dispatch: null,
lastRenderedReducer: basicStateReducer,
lastRenderedState: initialState
};
return hook;
}
function updateOptimisticImpl(hook, current, passthrough, reducer) {
hook.baseState = passthrough;
return updateReducerImpl(
hook,
currentHook,
"function" === typeof reducer ? reducer : basicStateReducer
);
}
function dispatchActionState(fiber, actionQueue, setPendingState, setState, payload) {
if (isRenderPhaseUpdate(fiber)) throw Error(formatProdErrorMessage(485));
fiber = actionQueue.action;
if (null !== fiber) {
var actionNode = {
payload,
action: fiber,
next: null,
isTransition: true,
status: "pending",
value: null,
reason: null,
listeners: [],
then: function(listener) {
actionNode.listeners.push(listener);
}
};
null !== ReactSharedInternals.T ? setPendingState(true) : actionNode.isTransition = false;
setState(actionNode);
setPendingState = actionQueue.pending;
null === setPendingState ? (actionNode.next = actionQueue.pending = actionNode, runActionStateAction(actionQueue, actionNode)) : (actionNode.next = setPendingState.next, actionQueue.pending = setPendingState.next = actionNode);
}
}
function runActionStateAction(actionQueue, node2) {
var action = node2.action, payload = node2.payload, prevState = actionQueue.state;
if (node2.isTransition) {
var prevTransition = ReactSharedInternals.T, currentTransition = {};
ReactSharedInternals.T = currentTransition;
try {
var returnValue = action(prevState, payload), onStartTransitionFinish = ReactSharedInternals.S;
null !== onStartTransitionFinish && onStartTransitionFinish(currentTransition, returnValue);
handleActionReturnValue(actionQueue, node2, returnValue);
} catch (error) {
onActionError(actionQueue, node2, error);
} finally {
ReactSharedInternals.T = prevTransition;
}
} else
try {
prevTransition = action(prevState, payload), handleActionReturnValue(actionQueue, node2, prevTransition);
} catch (error$38) {
onActionError(actionQueue, node2, error$38);
}
}
function handleActionReturnValue(actionQueue, node2, returnValue) {
null !== returnValue && "object" === typeof returnValue && "function" === typeof returnValue.then ? returnValue.then(
function(nextState) {
onActionSuccess(actionQueue, node2, nextState);
},
function(error) {
return onActionError(actionQueue, node2, error);
}
) : onActionSuccess(actionQueue, node2, returnValue);
}
function onActionSuccess(actionQueue, actionNode, nextState) {
actionNode.status = "fulfilled";
actionNode.value = nextState;
notifyActionListeners(actionNode);
actionQueue.state = nextState;
actionNode = actionQueue.pending;
null !== actionNode && (nextState = actionNode.next, nextState === actionNode ? actionQueue.pending = null : (nextState = nextState.next, actionNode.next = nextState, runActionStateAction(actionQueue, nextState)));
}
function onActionError(actionQueue, actionNode, error) {
var last = actionQueue.pending;
actionQueue.pending = null;
if (null !== last) {
last = last.next;
do
actionNode.status = "rejected", actionNode.reason = error, notifyActionListeners(actionNode), actionNode = actionNode.next;
while (actionNode !== last);
}
actionQueue.action = null;
}
function notifyActionListeners(actionNode) {
actionNode = actionNode.listeners;
for (var i = 0; i < actionNode.length; i++) (0, actionNode[i])();
}
function actionStateReducer(oldState, newState) {
return newState;
}
function mountActionState(action, initialStateProp) {
if (isHydrating) {
var ssrFormState = workInProgressRoot.formState;
if (null !== ssrFormState) {
a: {
var JSCompiler_inline_result = currentlyRenderingFiber;
if (isHydrating) {
if (nextHydratableInstance) {
b: {
var JSCompiler_inline_result$jscomp$0 = nextHydratableInstance;
for (var inRootOrSingleton = rootOrSingletonContext; 8 !== JSCompiler_inline_result$jscomp$0.nodeType; ) {
if (!inRootOrSingleton) {
JSCompiler_inline_result$jscomp$0 = null;
break b;
}
JSCompiler_inline_result$jscomp$0 = getNextHydratable(
JSCompiler_inline_result$jscomp$0.nextSibling
);
if (null === JSCompiler_inline_result$jscomp$0) {
JSCompiler_inline_result$jscomp$0 = null;
break b;
}
}
inRootOrSingleton = JSCompiler_inline_result$jscomp$0.data;
JSCompiler_inline_result$jscomp$0 = "F!" === inRootOrSingleton || "F" === inRootOrSingleton ? JSCompiler_inline_result$jscomp$0 : null;
}
if (JSCompiler_inline_result$jscomp$0) {
nextHydratableInstance = getNextHydratable(
JSCompiler_inline_result$jscomp$0.nextSibling
);
JSCompiler_inline_result = "F!" === JSCompiler_inline_result$jscomp$0.data;
break a;
}
}
throwOnHydrationMismatch(JSCompiler_inline_result);
}
JSCompiler_inline_result = false;
}
JSCompiler_inline_result && (initialStateProp = ssrFormState[0]);
}
}
ssrFormState = mountWorkInProgressHook();
ssrFormState.memoizedState = ssrFormState.baseState = initialStateProp;
JSCompiler_inline_result = {
pending: null,
lanes: 0,
dispatch: null,
lastRenderedReducer: actionStateReducer,
lastRenderedState: initialStateProp
};
ssrFormState.queue = JSCompiler_inline_result;
ssrFormState = dispatchSetState.bind(
null,
currentlyRenderingFiber,
JSCompiler_inline_result
);
JSCompiler_inline_result.dispatch = ssrFormState;
JSCompiler_inline_result = mountStateImpl(false);
inRootOrSingleton = dispatchOptimisticSetState.bind(
null,
currentlyRenderingFiber,
false,
JSCompiler_inline_result.queue
);
JSCompiler_inline_result = mountWorkInProgressHook();
JSCompiler_inline_result$jscomp$0 = {
state: initialStateProp,
dispatch: null,
action,
pending: null
};
JSCompiler_inline_result.queue = JSCompiler_inline_result$jscomp$0;
ssrFormState = dispatchActionState.bind(
null,
currentlyRenderingFiber,
JSCompiler_inline_result$jscomp$0,
inRootOrSingleton,
ssrFormState
);
JSCompiler_inline_result$jscomp$0.dispatch = ssrFormState;
JSCompiler_inline_result.memoizedState = action;
return [initialStateProp, ssrFormState, false];
}
function updateActionState(action) {
var stateHook = updateWorkInProgressHook();
return updateActionStateImpl(stateHook, currentHook, action);
}
function updateActionStateImpl(stateHook, currentStateHook, action) {
currentStateHook = updateReducerImpl(
stateHook,
currentStateHook,
actionStateReducer
)[0];
stateHook = updateReducer(basicStateReducer)[0];
if ("object" === typeof currentStateHook && null !== currentStateHook && "function" === typeof currentStateHook.then)
try {
var state = useThenable(currentStateHook);
} catch (x) {
if (x === SuspenseException) throw SuspenseActionException;
throw x;
}
else state = currentStateHook;
currentStateHook = updateWorkInProgressHook();
var actionQueue = currentStateHook.queue, dispatch = actionQueue.dispatch;
action !== currentStateHook.memoizedState && (currentlyRenderingFiber.flags |= 2048, pushSimpleEffect(
9,
createEffectInstance(),
actionStateActionEffect.bind(null, actionQueue, action),
null
));
return [state, dispatch, stateHook];
}
function actionStateActionEffect(actionQueue, action) {
actionQueue.action = action;
}
function rerenderActionState(action) {
var stateHook = updateWorkInProgressHook(), currentStateHook = currentHook;
if (null !== currentStateHook)
return updateActionStateImpl(stateHook, currentStateHook, action);
updateWorkInProgressHook();
stateHook = stateHook.memoizedState;
currentStateHook = updateWorkInProgressHook();
var dispatch = currentStateHook.queue.dispatch;
currentStateHook.memoizedState = action;
return [stateHook, dispatch, false];
}
function pushSimpleEffect(tag, inst, create, createDeps) {
tag = { tag, create, deps: createDeps, inst, next: null };
inst = currentlyRenderingFiber.updateQueue;
null === inst && (inst = createFunctionComponentUpdateQueue(), currentlyRenderingFiber.updateQueue = inst);
create = inst.lastEffect;
null === create ? inst.lastEffect = tag.next = tag : (createDeps = create.next, create.next = tag, tag.next = createDeps, inst.lastEffect = tag);
return tag;
}
function createEffectInstance() {
return { destroy: void 0, resource: void 0 };
}
function updateRef() {
return updateWorkInProgressHook().memoizedState;
}
function mountEffectImpl(fiberFlags, hookFlags, create, createDeps) {
var hook = mountWorkInProgressHook();
createDeps = void 0 === createDeps ? null : createDeps;
currentlyRenderingFiber.flags |= fiberFlags;
hook.memoizedState = pushSimpleEffect(
1 | hookFlags,
createEffectInstance(),
create,
createDeps
);
}
function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
var hook = updateWorkInProgressHook();
deps = void 0 === deps ? null : deps;
var inst = hook.memoizedState.inst;
null !== currentHook && null !== deps && areHookInputsEqual(deps, currentHook.memoizedState.deps) ? hook.memoizedState = pushSimpleEffect(hookFlags, inst, create, deps) : (currentlyRenderingFiber.flags |= fiberFlags, hook.memoizedState = pushSimpleEffect(
1 | hookFlags,
inst,
create,
deps
));
}
function mountEffect(create, createDeps) {
mountEffectImpl(8390656, 8, create, createDeps);
}
function updateEffect(create, createDeps) {
updateEffectImpl(2048, 8, create, createDeps);
}
function updateInsertionEffect(create, deps) {
return updateEffectImpl(4, 2, create, deps);
}
function updateLayoutEffect(create, deps) {
return updateEffectImpl(4, 4, create, deps);
}
function imperativeHandleEffect(create, ref) {
if ("function" === typeof ref) {
create = create();
var refCleanup = ref(create);
return function() {
"function" === typeof refCleanup ? refCleanup() : ref(null);
};
}
if (null !== ref && void 0 !== ref)
return create = create(), ref.current = create, function() {
ref.current = null;
};
}
function updateImperativeHandle(ref, create, deps) {
deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
updateEffectImpl(4, 4, imperativeHandleEffect.bind(null, create, ref), deps);
}
function mountDebugValue() {
}
function updateCallback(callback, deps) {
var hook = updateWorkInProgressHook();
deps = void 0 === deps ? null : deps;
var prevState = hook.memoizedState;
if (null !== deps && areHookInputsEqual(deps, prevState[1]))
return prevState[0];
hook.memoizedState = [callback, deps];
return callback;
}
function updateMemo(nextCreate, deps) {
var hook = updateWorkInProgressHook();
deps = void 0 === deps ? null : deps;
var prevState = hook.memoizedState;
if (null !== deps && areHookInputsEqual(deps, prevState[1]))
return prevState[0];
prevState = nextCreate();
if (shouldDoubleInvokeUserFnsInHooksDEV) {
setIsStrictModeForDevtools(true);
try {
nextCreate();
} finally {
setIsStrictModeForDevtools(false);
}
}
hook.memoizedState = [prevState, deps];
return prevState;
}
function mountDeferredValueImpl(hook, value, initialValue) {
if (void 0 === initialValue || 0 !== (renderLanes & 1073741824))
return hook.memoizedState = value;
hook.memoizedState = initialValue;
hook = requestDeferredLane();
currentlyRenderingFiber.lanes |= hook;
workInProgressRootSkippedLanes |= hook;
return initialValue;
}
function updateDeferredValueImpl(hook, prevValue, value, initialValue) {
if (objectIs(value, prevValue)) return value;
if (null !== currentTreeHiddenStackCursor.current)
return hook = mountDeferredValueImpl(hook, value, initialValue), objectIs(hook, prevValue) || (didReceiveUpdate = true), hook;
if (0 === (renderLanes & 42))
return didReceiveUpdate = true, hook.memoizedState = value;
hook = requestDeferredLane();
currentlyRenderingFiber.lanes |= hook;
workInProgressRootSkippedLanes |= hook;
return prevValue;
}
function startTransition(fiber, queue, pendingState, finishedState, callback) {
var previousPriority = ReactDOMSharedInternals.p;
ReactDOMSharedInternals.p = 0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
var prevTransition = ReactSharedInternals.T, currentTransition = {};
ReactSharedInternals.T = currentTransition;
dispatchOptimisticSetState(fiber, false, queue, pendingState);
try {
var returnValue = callback(), onStartTransitionFinish = ReactSharedInternals.S;
null !== onStartTransitionFinish && onStartTransitionFinish(currentTransition, returnValue);
if (null !== returnValue && "object" === typeof returnValue && "function" === typeof returnValue.then) {
var thenableForFinishedState = chainThenableValue(
returnValue,
finishedState
);
dispatchSetStateInternal(
fiber,
queue,
thenableForFinishedState,
requestUpdateLane(fiber)
);
} else
dispatchSetStateInternal(
fiber,
queue,
finishedState,
requestUpdateLane(fiber)
);
} catch (error) {
dispatchSetStateInternal(
fiber,
queue,
{ then: function() {
}, status: "rejected", reason: error },
requestUpdateLane()
);
} finally {
ReactDOMSharedInternals.p = previousPriority, ReactSharedInternals.T = prevTransition;
}
}
function noop$2() {
}
function startHostTransition(formFiber, pendingState, action, formData) {
if (5 !== formFiber.tag) throw Error(formatProdErrorMessage(476));
var queue = ensureFormComponentIsStateful(formFiber).queue;
startTransition(
formFiber,
queue,
pendingState,
sharedNotPendingObject,
null === action ? noop$2 : function() {
requestFormReset$1(formFiber);
return action(formData);
}
);
}
function ensureFormComponentIsStateful(formFiber) {
var existingStateHook = formFiber.memoizedState;
if (null !== existingStateHook) return existingStateHook;
existingStateHook = {
memoizedState: sharedNotPendingObject,
baseState: sharedNotPendingObject,
baseQueue: null,
queue: {
pending: null,
lanes: 0,
dispatch: null,
lastRenderedReducer: basicStateReducer,
lastRenderedState: sharedNotPendingObject
},
next: null
};
var initialResetState = {};
existingStateHook.next = {
memoizedState: initialResetState,
baseState: initialResetState,
baseQueue: null,
queue: {
pending: null,
lanes: 0,
dispatch: null,
lastRenderedReducer: basicStateReducer,
lastRenderedState: initialResetState
},
next: null
};
formFiber.memoizedState = existingStateHook;
formFiber = formFiber.alternate;
null !== formFiber && (formFiber.memoizedState = existingStateHook);
return existingStateHook;
}
function requestFormReset$1(formFiber) {
var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
dispatchSetStateInternal(formFiber, resetStateQueue, {}, requestUpdateLane());
}
function useHostTransitionStatus() {
return readContext(HostTransitionContext);
}
function updateId() {
return updateWorkInProgressHook().memoizedState;
}
function updateRefresh() {
return updateWorkInProgressHook().memoizedState;
}
function refreshCache(fiber) {
for (var provider = fiber.return; null !== provider; ) {
switch (provider.tag) {
case 24:
case 3:
var lane = requestUpdateLane();
fiber = createUpdate(lane);
var root$41 = enqueueUpdate(provider, fiber, lane);
null !== root$41 && (scheduleUpdateOnFiber(root$41, provider, lane), entangleTransitions(root$41, provider, lane));
provider = { cache: createCache2() };
fiber.payload = provider;
return;
}
provider = provider.return;
}
}
function dispatchReducerAction(fiber, queue, action) {
var lane = requestUpdateLane();
action = {
lane,
revertLane: 0,
action,
hasEagerState: false,
eagerState: null,
next: null
};
isRenderPhaseUpdate(fiber) ? enqueueRenderPhaseUpdate(queue, action) : (action = enqueueConcurrentHookUpdate(fiber, queue, action, lane), null !== action && (scheduleUpdateOnFiber(action, fiber, lane), entangleTransitionUpdate(action, queue, lane)));
}
function dispatchSetState(fiber, queue, action) {
var lane = requestUpdateLane();
dispatchSetStateInternal(fiber, queue, action, lane);
}
function dispatchSetStateInternal(fiber, queue, action, lane) {
var update = {
lane,
revertLane: 0,
action,
hasEagerState: false,
eagerState: null,
next: null
};
if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, update);
else {
var alternate = fiber.alternate;
if (0 === fiber.lanes && (null === alternate || 0 === alternate.lanes) && (alternate = queue.lastRenderedReducer, null !== alternate))
try {
var currentState = queue.lastRenderedState, eagerState = alternate(currentState, action);
update.hasEagerState = true;
update.eagerState = eagerState;
if (objectIs(eagerState, currentState))
return enqueueUpdate$1(fiber, queue, update, 0), null === workInProgressRoot && finishQueueingConcurrentUpdates(), false;
} catch (error) {
} finally {
}
action = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
if (null !== action)
return scheduleUpdateOnFiber(action, fiber, lane), entangleTransitionUpdate(action, queue, lane), true;
}
return false;
}
function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
action = {
lane: 2,
revertLane: requestTransitionLane(),
action,
hasEagerState: false,
eagerState: null,
next: null
};
if (isRenderPhaseUpdate(fiber)) {
if (throwIfDuringRender) throw Error(formatProdErrorMessage(479));
} else
throwIfDuringRender = enqueueConcurrentHookUpdate(
fiber,
queue,
action,
2
), null !== throwIfDuringRender && scheduleUpdateOnFiber(throwIfDuringRender, fiber, 2);
}
function isRenderPhaseUpdate(fiber) {
var alternate = fiber.alternate;
return fiber === currentlyRenderingFiber || null !== alternate && alternate === currentlyRenderingFiber;
}
function enqueueRenderPhaseUpdate(queue, update) {
didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = true;
var pending = queue.pending;
null === pending ? update.next = update : (update.next = pending.next, pending.next = update);
queue.pending = update;
}
function entangleTransitionUpdate(root2, queue, lane) {
if (0 !== (lane & 4194048)) {
var queueLanes = queue.lanes;
queueLanes &= root2.pendingLanes;
lane |= queueLanes;
queue.lanes = lane;
markRootEntangled(root2, lane);
}
}
var ContextOnlyDispatcher = {
readContext,
use,
useCallback: throwInvalidHookError,
useContext: throwInvalidHookError,
useEffect: throwInvalidHookError,
useImperativeHandle: throwInvalidHookError,
useLayoutEffect: throwInvalidHookError,
useInsertionEffect: throwInvalidHookError,
useMemo: throwInvalidHookError,
useReducer: throwInvalidHookError,
useRef: throwInvalidHookError,
useState: throwInvalidHookError,
useDebugValue: throwInvalidHookError,
useDeferredValue: throwInvalidHookError,
useTransition: throwInvalidHookError,
useSyncExternalStore: throwInvalidHookError,
useId: throwInvalidHookError,
useHostTransitionStatus: throwInvalidHookError,
useFormState: throwInvalidHookError,
useActionState: throwInvalidHookError,
useOptimistic: throwInvalidHookError,
useMemoCache: throwInvalidHookError,
useCacheRefresh: throwInvalidHookError
}, HooksDispatcherOnMount = {
readContext,
use,
useCallback: function(callback, deps) {
mountWorkInProgressHook().memoizedState = [
callback,
void 0 === deps ? null : deps
];
return callback;
},
useContext: readContext,
useEffect: mountEffect,
useImperativeHandle: function(ref, create, deps) {
deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
mountEffectImpl(
4194308,
4,
imperativeHandleEffect.bind(null, create, ref),
deps
);
},
useLayoutEffect: function(create, deps) {
return mountEffectImpl(4194308, 4, create, deps);
},
useInsertionEffect: function(create, deps) {
mountEffectImpl(4, 2, create, deps);
},
useMemo: function(nextCreate, deps) {
var hook = mountWorkInProgressHook();
deps = void 0 === deps ? null : deps;
var nextValue = nextCreate();
if (shouldDoubleInvokeUserFnsInHooksDEV) {
setIsStrictModeForDevtools(true);
try {
nextCreate();
} finally {
setIsStrictModeForDevtools(false);
}
}
hook.memoizedState = [nextValue, deps];
return nextValue;
},
useReducer: function(reducer, initialArg, init) {
var hook = mountWorkInProgressHook();
if (void 0 !== init) {
var initialState = init(initialArg);
if (shouldDoubleInvokeUserFnsInHooksDEV) {
setIsStrictModeForDevtools(true);
try {
init(initialArg);
} finally {
setIsStrictModeForDevtools(false);
}
}
} else initialState = initialArg;
hook.memoizedState = hook.baseState = initialState;
reducer = {
pending: null,
lanes: 0,
dispatch: null,
lastRenderedReducer: reducer,
lastRenderedState: initialState
};
hook.queue = reducer;
reducer = reducer.dispatch = dispatchReducerAction.bind(
null,
currentlyRenderingFiber,
reducer
);
return [hook.memoizedState, reducer];
},
useRef: function(initialValue) {
var hook = mountWorkInProgressHook();
initialValue = { current: initialValue };
return hook.memoizedState = initialValue;
},
useState: function(initialState) {
initialState = mountStateImpl(initialState);
var queue = initialState.queue, dispatch = dispatchSetState.bind(null, currentlyRenderingFiber, queue);
queue.dispatch = dispatch;
return [initialState.memoizedState, dispatch];
},
useDebugValue: mountDebugValue,
useDeferredValue: function(value, initialValue) {
var hook = mountWorkInProgressHook();
return mountDeferredValueImpl(hook, value, initialValue);
},
useTransition: function() {
var stateHook = mountStateImpl(false);
stateHook = startTransition.bind(
null,
currentlyRenderingFiber,
stateHook.queue,
true,
false
);
mountWorkInProgressHook().memoizedState = stateHook;
return [false, stateHook];
},
useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
var fiber = currentlyRenderingFiber, hook = mountWorkInProgressHook();
if (isHydrating) {
if (void 0 === getServerSnapshot)
throw Error(formatProdErrorMessage(407));
getServerSnapshot = getServerSnapshot();
} else {
getServerSnapshot = getSnapshot();
if (null === workInProgressRoot)
throw Error(formatProdErrorMessage(349));
0 !== (workInProgressRootRenderLanes & 124) || pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
}
hook.memoizedState = getServerSnapshot;
var inst = { value: getServerSnapshot, getSnapshot };
hook.queue = inst;
mountEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [
subscribe
]);
fiber.flags |= 2048;
pushSimpleEffect(
9,
createEffectInstance(),
updateStoreInstance.bind(
null,
fiber,
inst,
getServerSnapshot,
getSnapshot
),
null
);
return getServerSnapshot;
},
useId: function() {
var hook = mountWorkInProgressHook(), identifierPrefix = workInProgressRoot.identifierPrefix;
if (isHydrating) {
var JSCompiler_inline_result = treeContextOverflow;
var idWithLeadingBit = treeContextId;
JSCompiler_inline_result = (idWithLeadingBit & ~(1 << 32 - clz32(idWithLeadingBit) - 1)).toString(32) + JSCompiler_inline_result;
identifierPrefix = "«" + identifierPrefix + "R" + JSCompiler_inline_result;
JSCompiler_inline_result = localIdCounter++;
0 < JSCompiler_inline_result && (identifierPrefix += "H" + JSCompiler_inline_result.toString(32));
identifierPrefix += "»";
} else
JSCompiler_inline_result = globalClientIdCounter++, identifierPrefix = "«" + identifierPrefix + "r" + JSCompiler_inline_result.toString(32) + "»";
return hook.memoizedState = identifierPrefix;
},
useHostTransitionStatus,
useFormState: mountActionState,
useActionState: mountActionState,
useOptimistic: function(passthrough) {
var hook = mountWorkInProgressHook();
hook.memoizedState = hook.baseState = passthrough;
var queue = {
pending: null,
lanes: 0,
dispatch: null,
lastRenderedReducer: null,
lastRenderedState: null
};
hook.queue = queue;
hook = dispatchOptimisticSetState.bind(
null,
currentlyRenderingFiber,
true,
queue
);
queue.dispatch = hook;
return [passthrough, hook];
},
useMemoCache,
useCacheRefresh: function() {
return mountWorkInProgressHook().memoizedState = refreshCache.bind(
null,
currentlyRenderingFiber
);
}
}, HooksDispatcherOnUpdate = {
readContext,
use,
useCallback: updateCallback,
useContext: readContext,
useEffect: updateEffect,
useImperativeHandle: updateImperativeHandle,
useInsertionEffect: updateInsertionEffect,
useLayoutEffect: updateLayoutEffect,
useMemo: updateMemo,
useReducer: updateReducer,
useRef: updateRef,
useState: function() {
return updateReducer(basicStateReducer);
},
useDebugValue: mountDebugValue,
useDeferredValue: function(value, initialValue) {
var hook = updateWorkInProgressHook();
return updateDeferredValueImpl(
hook,
currentHook.memoizedState,
value,
initialValue
);
},
useTransition: function() {
var booleanOrThenable = updateReducer(basicStateReducer)[0], start = updateWorkInProgressHook().memoizedState;
return [
"boolean" === typeof booleanOrThenable ? booleanOrThenable : useThenable(booleanOrThenable),
start
];
},
useSyncExternalStore: updateSyncExternalStore,
useId: updateId,
useHostTransitionStatus,
useFormState: updateActionState,
useActionState: updateActionState,
useOptimistic: function(passthrough, reducer) {
var hook = updateWorkInProgressHook();
return updateOptimisticImpl(hook, currentHook, passthrough, reducer);
},
useMemoCache,
useCacheRefresh: updateRefresh
}, HooksDispatcherOnRerender = {
readContext,
use,
useCallback: updateCallback,
useContext: readContext,
useEffect: updateEffect,
useImperativeHandle: updateImperativeHandle,
useInsertionEffect: updateInsertionEffect,
useLayoutEffect: updateLayoutEffect,
useMemo: updateMemo,
useReducer: rerenderReducer,
useRef: updateRef,
useState: function() {
return rerenderReducer(basicStateReducer);
},
useDebugValue: mountDebugValue,
useDeferredValue: function(value, initialValue) {
var hook = updateWorkInProgressHook();
return null === currentHook ? mountDeferredValueImpl(hook, value, initialValue) : updateDeferredValueImpl(
hook,
currentHook.memoizedState,
value,
initialValue
);
},
useTransition: function() {
var booleanOrThenable = rerenderReducer(basicStateReducer)[0], start = updateWorkInProgressHook().memoizedState;
return [
"boolean" === typeof booleanOrThenable ? booleanOrThenable : useThenable(booleanOrThenable),
start
];
},
useSyncExternalStore: updateSyncExternalStore,
useId: updateId,
useHostTransitionStatus,
useFormState: rerenderActionState,
useActionState: rerenderActionState,
useOptimistic: function(passthrough, reducer) {
var hook = updateWorkInProgressHook();
if (null !== currentHook)
return updateOptimisticImpl(hook, currentHook, passthrough, reducer);
hook.baseState = passthrough;
return [passthrough, hook.queue.dispatch];
},
useMemoCache,
useCacheRefresh: updateRefresh
}, thenableState = null, thenableIndexCounter = 0;
function unwrapThenable(thenable) {
var index3 = thenableIndexCounter;
thenableIndexCounter += 1;
null === thenableState && (thenableState = []);
return trackUsedThenable(thenableState, thenable, index3);
}
function coerceRef(workInProgress2, element) {
element = element.props.ref;
workInProgress2.ref = void 0 !== element ? element : null;
}
function throwOnInvalidObjectType(returnFiber, newChild) {
if (newChild.$$typeof === REACT_LEGACY_ELEMENT_TYPE)
throw Error(formatProdErrorMessage(525));
returnFiber = Object.prototype.toString.call(newChild);
throw Error(
formatProdErrorMessage(
31,
"[object Object]" === returnFiber ? "object with keys {" + Object.keys(newChild).join(", ") + "}" : returnFiber
)
);
}
function resolveLazy(lazyType) {
var init = lazyType._init;
return init(lazyType._payload);
}
function createChildReconciler(shouldTrackSideEffects) {
function deleteChild(returnFiber, childToDelete) {
if (shouldTrackSideEffects) {
var deletions = returnFiber.deletions;
null === deletions ? (returnFiber.deletions = [childToDelete], returnFiber.flags |= 16) : deletions.push(childToDelete);
}
}
function deleteRemainingChildren(returnFiber, currentFirstChild) {
if (!shouldTrackSideEffects) return null;
for (; null !== currentFirstChild; )
deleteChild(returnFiber, currentFirstChild), currentFirstChild = currentFirstChild.sibling;
return null;
}
function mapRemainingChildren(currentFirstChild) {
for (var existingChildren = /* @__PURE__ */ new Map(); null !== currentFirstChild; )
null !== currentFirstChild.key ? existingChildren.set(currentFirstChild.key, currentFirstChild) : existingChildren.set(currentFirstChild.index, currentFirstChild), currentFirstChild = currentFirstChild.sibling;
return existingChildren;
}
function useFiber(fiber, pendingProps) {
fiber = createWorkInProgress(fiber, pendingProps);
fiber.index = 0;
fiber.sibling = null;
return fiber;
}
function placeChild(newFiber, lastPlacedIndex, newIndex) {
newFiber.index = newIndex;
if (!shouldTrackSideEffects)
return newFiber.flags |= 1048576, lastPlacedIndex;
newIndex = newFiber.alternate;
if (null !== newIndex)
return newIndex = newIndex.index, newIndex < lastPlacedIndex ? (newFiber.flags |= 67108866, lastPlacedIndex) : newIndex;
newFiber.flags |= 67108866;
return lastPlacedIndex;
}
function placeSingleChild(newFiber) {
shouldTrackSideEffects && null === newFiber.alternate && (newFiber.flags |= 67108866);
return newFiber;
}
function updateTextNode(returnFiber, current, textContent, lanes) {
if (null === current || 6 !== current.tag)
return current = createFiberFromText(textContent, returnFiber.mode, lanes), current.return = returnFiber, current;
current = useFiber(current, textContent);
current.return = returnFiber;
return current;
}
function updateElement(returnFiber, current, element, lanes) {
var elementType = element.type;
if (elementType === REACT_FRAGMENT_TYPE2)
return updateFragment(
returnFiber,
current,
element.props.children,
lanes,
element.key
);
if (null !== current && (current.elementType === elementType || "object" === typeof elementType && null !== elementType && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type))
return current = useFiber(current, element.props), coerceRef(current, element), current.return = returnFiber, current;
current = createFiberFromTypeAndProps(
element.type,
element.key,
element.props,
null,
returnFiber.mode,
lanes
);
coerceRef(current, element);
current.return = returnFiber;
return current;
}
function updatePortal(returnFiber, current, portal, lanes) {
if (null === current || 4 !== current.tag || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation)
return current = createFiberFromPortal(portal, returnFiber.mode, lanes), current.return = returnFiber, current;
current = useFiber(current, portal.children || []);
current.return = returnFiber;
return current;
}
function updateFragment(returnFiber, current, fragment, lanes, key) {
if (null === current || 7 !== current.tag)
return current = createFiberFromFragment(
fragment,
returnFiber.mode,
lanes,
key
), current.return = returnFiber, current;
current = useFiber(current, fragment);
current.return = returnFiber;
return current;
}
function createChild(returnFiber, newChild, lanes) {
if ("string" === typeof newChild && "" !== newChild || "number" === typeof newChild || "bigint" === typeof newChild)
return newChild = createFiberFromText(
"" + newChild,
returnFiber.mode,
lanes
), newChild.return = returnFiber, newChild;
if ("object" === typeof newChild && null !== newChild) {
switch (newChild.$$typeof) {
case REACT_ELEMENT_TYPE:
return lanes = createFiberFromTypeAndProps(
newChild.type,
newChild.key,
newChild.props,
null,
returnFiber.mode,
lanes
), coerceRef(lanes, newChild), lanes.return = returnFiber, lanes;
case REACT_PORTAL_TYPE:
return newChild = createFiberFromPortal(
newChild,
returnFiber.mode,
lanes
), newChild.return = returnFiber, newChild;
case REACT_LAZY_TYPE:
var init = newChild._init;
newChild = init(newChild._payload);
return createChild(returnFiber, newChild, lanes);
}
if (isArrayImpl(newChild) || getIteratorFn(newChild))
return newChild = createFiberFromFragment(
newChild,
returnFiber.mode,
lanes,
null
), newChild.return = returnFiber, newChild;
if ("function" === typeof newChild.then)
return createChild(returnFiber, unwrapThenable(newChild), lanes);
if (newChild.$$typeof === REACT_CONTEXT_TYPE)
return createChild(
returnFiber,
readContextDuringReconciliation(returnFiber, newChild),
lanes
);
throwOnInvalidObjectType(returnFiber, newChild);
}
return null;
}
function updateSlot(returnFiber, oldFiber, newChild, lanes) {
var key = null !== oldFiber ? oldFiber.key : null;
if ("string" === typeof newChild && "" !== newChild || "number" === typeof newChild || "bigint" === typeof newChild)
return null !== key ? null : updateTextNode(returnFiber, oldFiber, "" + newChild, lanes);
if ("object" === typeof newChild && null !== newChild) {
switch (newChild.$$typeof) {
case REACT_ELEMENT_TYPE:
return newChild.key === key ? updateElement(returnFiber, oldFiber, newChild, lanes) : null;
case REACT_PORTAL_TYPE:
return newChild.key === key ? updatePortal(returnFiber, oldFiber, newChild, lanes) : null;
case REACT_LAZY_TYPE:
return key = newChild._init, newChild = key(newChild._payload), updateSlot(returnFiber, oldFiber, newChild, lanes);
}
if (isArrayImpl(newChild) || getIteratorFn(newChild))
return null !== key ? null : updateFragment(returnFiber, oldFiber, newChild, lanes, null);
if ("function" === typeof newChild.then)
return updateSlot(
returnFiber,
oldFiber,
unwrapThenable(newChild),
lanes
);
if (newChild.$$typeof === REACT_CONTEXT_TYPE)
return updateSlot(
returnFiber,
oldFiber,
readContextDuringReconciliation(returnFiber, newChild),
lanes
);
throwOnInvalidObjectType(returnFiber, newChild);
}
return null;
}
function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
if ("string" === typeof newChild && "" !== newChild || "number" === typeof newChild || "bigint" === typeof newChild)
return existingChildren = existingChildren.get(newIdx) || null, updateTextNode(returnFiber, existingChildren, "" + newChild, lanes);
if ("object" === typeof newChild && null !== newChild) {
switch (newChild.$$typeof) {
case REACT_ELEMENT_TYPE:
return existingChildren = existingChildren.get(
null === newChild.key ? newIdx : newChild.key
) || null, updateElement(returnFiber, existingChildren, newChild, lanes);
case REACT_PORTAL_TYPE:
return existingChildren = existingChildren.get(
null === newChild.key ? newIdx : newChild.key
) || null, updatePortal(returnFiber, existingChildren, newChild, lanes);
case REACT_LAZY_TYPE:
var init = newChild._init;
newChild = init(newChild._payload);
return updateFromMap(
existingChildren,
returnFiber,
newIdx,
newChild,
lanes
);
}
if (isArrayImpl(newChild) || getIteratorFn(newChild))
return existingChildren = existingChildren.get(newIdx) || null, updateFragment(returnFiber, existingChildren, newChild, lanes, null);
if ("function" === typeof newChild.then)
return updateFromMap(
existingChildren,
returnFiber,
newIdx,
unwrapThenable(newChild),
lanes
);
if (newChild.$$typeof === REACT_CONTEXT_TYPE)
return updateFromMap(
existingChildren,
returnFiber,
newIdx,
readContextDuringReconciliation(returnFiber, newChild),
lanes
);
throwOnInvalidObjectType(returnFiber, newChild);
}
return null;
}
function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
for (var resultingFirstChild = null, previousNewFiber = null, oldFiber = currentFirstChild, newIdx = currentFirstChild = 0, nextOldFiber = null; null !== oldFiber && newIdx < newChildren.length; newIdx++) {
oldFiber.index > newIdx ? (nextOldFiber = oldFiber, oldFiber = null) : nextOldFiber = oldFiber.sibling;
var newFiber = updateSlot(
returnFiber,
oldFiber,
newChildren[newIdx],
lanes
);
if (null === newFiber) {
null === oldFiber && (oldFiber = nextOldFiber);
break;
}
shouldTrackSideEffects && oldFiber && null === newFiber.alternate && deleteChild(returnFiber, oldFiber);
currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
null === previousNewFiber ? resultingFirstChild = newFiber : previousNewFiber.sibling = newFiber;
previousNewFiber = newFiber;
oldFiber = nextOldFiber;
}
if (newIdx === newChildren.length)
return deleteRemainingChildren(returnFiber, oldFiber), isHydrating && pushTreeFork(returnFiber, newIdx), resultingFirstChild;
if (null === oldFiber) {
for (; newIdx < newChildren.length; newIdx++)
oldFiber = createChild(returnFiber, newChildren[newIdx], lanes), null !== oldFiber && (currentFirstChild = placeChild(
oldFiber,
currentFirstChild,
newIdx
), null === previousNewFiber ? resultingFirstChild = oldFiber : previousNewFiber.sibling = oldFiber, previousNewFiber = oldFiber);
isHydrating && pushTreeFork(returnFiber, newIdx);
return resultingFirstChild;
}
for (oldFiber = mapRemainingChildren(oldFiber); newIdx < newChildren.length; newIdx++)
nextOldFiber = updateFromMap(
oldFiber,
returnFiber,
newIdx,
newChildren[newIdx],
lanes
), null !== nextOldFiber && (shouldTrackSideEffects && null !== nextOldFiber.alternate && oldFiber.delete(
null === nextOldFiber.key ? newIdx : nextOldFiber.key
), currentFirstChild = placeChild(
nextOldFiber,
currentFirstChild,
newIdx
), null === previousNewFiber ? resultingFirstChild = nextOldFiber : previousNewFiber.sibling = nextOldFiber, previousNewFiber = nextOldFiber);
shouldTrackSideEffects && oldFiber.forEach(function(child) {
return deleteChild(returnFiber, child);
});
isHydrating && pushTreeFork(returnFiber, newIdx);
return resultingFirstChild;
}
function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildren, lanes) {
if (null == newChildren) throw Error(formatProdErrorMessage(151));
for (var resultingFirstChild = null, previousNewFiber = null, oldFiber = currentFirstChild, newIdx = currentFirstChild = 0, nextOldFiber = null, step = newChildren.next(); null !== oldFiber && !step.done; newIdx++, step = newChildren.next()) {
oldFiber.index > newIdx ? (nextOldFiber = oldFiber, oldFiber = null) : nextOldFiber = oldFiber.sibling;
var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
if (null === newFiber) {
null === oldFiber && (oldFiber = nextOldFiber);
break;
}
shouldTrackSideEffects && oldFiber && null === newFiber.alternate && deleteChild(returnFiber, oldFiber);
currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
null === previousNewFiber ? resultingFirstChild = newFiber : previousNewFiber.sibling = newFiber;
previousNewFiber = newFiber;
oldFiber = nextOldFiber;
}
if (step.done)
return deleteRemainingChildren(returnFiber, oldFiber), isHydrating && pushTreeFork(returnFiber, newIdx), resultingFirstChild;
if (null === oldFiber) {
for (; !step.done; newIdx++, step = newChildren.next())
step = createChild(returnFiber, step.value, lanes), null !== step && (currentFirstChild = placeChild(step, currentFirstChild, newIdx), null === previousNewFiber ? resultingFirstChild = step : previousNewFiber.sibling = step, previousNewFiber = step);
isHydrating && pushTreeFork(returnFiber, newIdx);
return resultingFirstChild;
}
for (oldFiber = mapRemainingChildren(oldFiber); !step.done; newIdx++, step = newChildren.next())
step = updateFromMap(oldFiber, returnFiber, newIdx, step.value, lanes), null !== step && (shouldTrackSideEffects && null !== step.alternate && oldFiber.delete(null === step.key ? newIdx : step.key), currentFirstChild = placeChild(step, currentFirstChild, newIdx), null === previousNewFiber ? resultingFirstChild = step : previousNewFiber.sibling = step, previousNewFiber = step);
shouldTrackSideEffects && oldFiber.forEach(function(child) {
return deleteChild(returnFiber, child);
});
isHydrating && pushTreeFork(returnFiber, newIdx);
return resultingFirstChild;
}
function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
"object" === typeof newChild && null !== newChild && newChild.type === REACT_FRAGMENT_TYPE2 && null === newChild.key && (newChild = newChild.props.children);
if ("object" === typeof newChild && null !== newChild) {
switch (newChild.$$typeof) {
case REACT_ELEMENT_TYPE:
a: {
for (var key = newChild.key; null !== currentFirstChild; ) {
if (currentFirstChild.key === key) {
key = newChild.type;
if (key === REACT_FRAGMENT_TYPE2) {
if (7 === currentFirstChild.tag) {
deleteRemainingChildren(
returnFiber,
currentFirstChild.sibling
);
lanes = useFiber(
currentFirstChild,
newChild.props.children
);
lanes.return = returnFiber;
returnFiber = lanes;
break a;
}
} else if (currentFirstChild.elementType === key || "object" === typeof key && null !== key && key.$$typeof === REACT_LAZY_TYPE && resolveLazy(key) === currentFirstChild.type) {
deleteRemainingChildren(
returnFiber,
currentFirstChild.sibling
);
lanes = useFiber(currentFirstChild, newChild.props);
coerceRef(lanes, newChild);
lanes.return = returnFiber;
returnFiber = lanes;
break a;
}
deleteRemainingChildren(returnFiber, currentFirstChild);
break;
} else deleteChild(returnFiber, currentFirstChild);
currentFirstChild = currentFirstChild.sibling;
}
newChild.type === REACT_FRAGMENT_TYPE2 ? (lanes = createFiberFromFragment(
newChild.props.children,
returnFiber.mode,
lanes,
newChild.key
), lanes.return = returnFiber, returnFiber = lanes) : (lanes = createFiberFromTypeAndProps(
newChild.type,
newChild.key,
newChild.props,
null,
returnFiber.mode,
lanes
), coerceRef(lanes, newChild), lanes.return = returnFiber, returnFiber = lanes);
}
return placeSingleChild(returnFiber);
case REACT_PORTAL_TYPE:
a: {
for (key = newChild.key; null !== currentFirstChild; ) {
if (currentFirstChild.key === key)
if (4 === currentFirstChild.tag && currentFirstChild.stateNode.containerInfo === newChild.containerInfo && currentFirstChild.stateNode.implementation === newChild.implementation) {
deleteRemainingChildren(
returnFiber,
currentFirstChild.sibling
);
lanes = useFiber(currentFirstChild, newChild.children || []);
lanes.return = returnFiber;
returnFiber = lanes;
break a;
} else {
deleteRemainingChildren(returnFiber, currentFirstChild);
break;
}
else deleteChild(returnFiber, currentFirstChild);
currentFirstChild = currentFirstChild.sibling;
}
lanes = createFiberFromPortal(newChild, returnFiber.mode, lanes);
lanes.return = returnFiber;
returnFiber = lanes;
}
return placeSingleChild(returnFiber);
case REACT_LAZY_TYPE:
return key = newChild._init, newChild = key(newChild._payload), reconcileChildFibersImpl(
returnFiber,
currentFirstChild,
newChild,
lanes
);
}
if (isArrayImpl(newChild))
return reconcileChildrenArray(
returnFiber,
currentFirstChild,
newChild,
lanes
);
if (getIteratorFn(newChild)) {
key = getIteratorFn(newChild);
if ("function" !== typeof key) throw Error(formatProdErrorMessage(150));
newChild = key.call(newChild);
return reconcileChildrenIterator(
returnFiber,
currentFirstChild,
newChild,
lanes
);
}
if ("function" === typeof newChild.then)
return reconcileChildFibersImpl(
returnFiber,
currentFirstChild,
unwrapThenable(newChild),
lanes
);
if (newChild.$$typeof === REACT_CONTEXT_TYPE)
return reconcileChildFibersImpl(
returnFiber,
currentFirstChild,
readContextDuringReconciliation(returnFiber, newChild),
lanes
);
throwOnInvalidObjectType(returnFiber, newChild);
}
return "string" === typeof newChild && "" !== newChild || "number" === typeof newChild || "bigint" === typeof newChild ? (newChild = "" + newChild, null !== currentFirstChild && 6 === currentFirstChild.tag ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling), lanes = useFiber(currentFirstChild, newChild), lanes.return = returnFiber, returnFiber = lanes) : (deleteRemainingChildren(returnFiber, currentFirstChild), lanes = createFiberFromText(newChild, returnFiber.mode, lanes), lanes.return = returnFiber, returnFiber = lanes), placeSingleChild(returnFiber)) : deleteRemainingChildren(returnFiber, currentFirstChild);
}
return function(returnFiber, currentFirstChild, newChild, lanes) {
try {
thenableIndexCounter = 0;
var firstChildFiber = reconcileChildFibersImpl(
returnFiber,
currentFirstChild,
newChild,
lanes
);
thenableState = null;
return firstChildFiber;
} catch (x) {
if (x === SuspenseException || x === SuspenseActionException) throw x;
var fiber = createFiberImplClass(29, x, null, returnFiber.mode);
fiber.lanes = lanes;
fiber.return = returnFiber;
return fiber;
} finally {
}
};
}
var reconcileChildFibers = createChildReconciler(true), mountChildFibers = createChildReconciler(false), suspenseHandlerStackCursor = createCursor(null), shellBoundary = null;
function pushPrimaryTreeSuspenseHandler(handler) {
var current = handler.alternate;
push(suspenseStackCursor, suspenseStackCursor.current & 1);
push(suspenseHandlerStackCursor, handler);
null === shellBoundary && (null === current || null !== currentTreeHiddenStackCursor.current ? shellBoundary = handler : null !== current.memoizedState && (shellBoundary = handler));
}
function pushOffscreenSuspenseHandler(fiber) {
if (22 === fiber.tag) {
if (push(suspenseStackCursor, suspenseStackCursor.current), push(suspenseHandlerStackCursor, fiber), null === shellBoundary) {
var current = fiber.alternate;
null !== current && null !== current.memoizedState && (shellBoundary = fiber);
}
} else reuseSuspenseHandlerOnStack();
}
function reuseSuspenseHandlerOnStack() {
push(suspenseStackCursor, suspenseStackCursor.current);
push(suspenseHandlerStackCursor, suspenseHandlerStackCursor.current);
}
function popSuspenseHandler(fiber) {
pop(suspenseHandlerStackCursor);
shellBoundary === fiber && (shellBoundary = null);
pop(suspenseStackCursor);
}
var suspenseStackCursor = createCursor(0);
function findFirstSuspended(row) {
for (var node2 = row; null !== node2; ) {
if (13 === node2.tag) {
var state = node2.memoizedState;
if (null !== state && (state = state.dehydrated, null === state || "$?" === state.data || isSuspenseInstanceFallback(state)))
return node2;
} else if (19 === node2.tag && void 0 !== node2.memoizedProps.revealOrder) {
if (0 !== (node2.flags & 128)) return node2;
} else if (null !== node2.child) {
node2.child.return = node2;
node2 = node2.child;
continue;
}
if (node2 === row) break;
for (; null === node2.sibling; ) {
if (null === node2.return || node2.return === row) return null;
node2 = node2.return;
}
node2.sibling.return = node2.return;
node2 = node2.sibling;
}
return null;
}
function applyDerivedStateFromProps(workInProgress2, ctor, getDerivedStateFromProps, nextProps) {
ctor = workInProgress2.memoizedState;
getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
getDerivedStateFromProps = null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps ? ctor : assign({}, ctor, getDerivedStateFromProps);
workInProgress2.memoizedState = getDerivedStateFromProps;
0 === workInProgress2.lanes && (workInProgress2.updateQueue.baseState = getDerivedStateFromProps);
}
var classComponentUpdater = {
enqueueSetState: function(inst, payload, callback) {
inst = inst._reactInternals;
var lane = requestUpdateLane(), update = createUpdate(lane);
update.payload = payload;
void 0 !== callback && null !== callback && (update.callback = callback);
payload = enqueueUpdate(inst, update, lane);
null !== payload && (scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane));
},
enqueueReplaceState: function(inst, payload, callback) {
inst = inst._reactInternals;
var lane = requestUpdateLane(), update = createUpdate(lane);
update.tag = 1;
update.payload = payload;
void 0 !== callback && null !== callback && (update.callback = callback);
payload = enqueueUpdate(inst, update, lane);
null !== payload && (scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane));
},
enqueueForceUpdate: function(inst, callback) {
inst = inst._reactInternals;
var lane = requestUpdateLane(), update = createUpdate(lane);
update.tag = 2;
void 0 !== callback && null !== callback && (update.callback = callback);
callback = enqueueUpdate(inst, update, lane);
null !== callback && (scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane));
}
};
function checkShouldComponentUpdate(workInProgress2, ctor, oldProps, newProps, oldState, newState, nextContext) {
workInProgress2 = workInProgress2.stateNode;
return "function" === typeof workInProgress2.shouldComponentUpdate ? workInProgress2.shouldComponentUpdate(newProps, newState, nextContext) : ctor.prototype && ctor.prototype.isPureReactComponent ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState) : true;
}
function callComponentWillReceiveProps(workInProgress2, instance, newProps, nextContext) {
workInProgress2 = instance.state;
"function" === typeof instance.componentWillReceiveProps && instance.componentWillReceiveProps(newProps, nextContext);
"function" === typeof instance.UNSAFE_componentWillReceiveProps && instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
instance.state !== workInProgress2 && classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
}
function resolveClassComponentProps(Component, baseProps) {
var newProps = baseProps;
if ("ref" in baseProps) {
newProps = {};
for (var propName in baseProps)
"ref" !== propName && (newProps[propName] = baseProps[propName]);
}
if (Component = Component.defaultProps) {
newProps === baseProps && (newProps = assign({}, newProps));
for (var propName$73 in Component)
void 0 === newProps[propName$73] && (newProps[propName$73] = Component[propName$73]);
}
return newProps;
}
var reportGlobalError = "function" === typeof reportError ? reportError : function(error) {
if ("object" === typeof window && "function" === typeof window.ErrorEvent) {
var event = new window.ErrorEvent("error", {
bubbles: true,
cancelable: true,
message: "object" === typeof error && null !== error && "string" === typeof error.message ? String(error.message) : String(error),
error
});
if (!window.dispatchEvent(event)) return;
} else if ("object" === typeof process && "function" === typeof process.emit) {
process.emit("uncaughtException", error);
return;
}
console.error(error);
};
function defaultOnUncaughtError(error) {
reportGlobalError(error);
}
function defaultOnCaughtError(error) {
console.error(error);
}
function defaultOnRecoverableError(error) {
reportGlobalError(error);
}
function logUncaughtError(root2, errorInfo) {
try {
var onUncaughtError = root2.onUncaughtError;
onUncaughtError(errorInfo.value, { componentStack: errorInfo.stack });
} catch (e$74) {
setTimeout(function() {
throw e$74;
});
}
}
function logCaughtError(root2, boundary, errorInfo) {
try {
var onCaughtError = root2.onCaughtError;
onCaughtError(errorInfo.value, {
componentStack: errorInfo.stack,
errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
});
} catch (e$75) {
setTimeout(function() {
throw e$75;
});
}
}
function createRootErrorUpdate(root2, errorInfo, lane) {
lane = createUpdate(lane);
lane.tag = 3;
lane.payload = { element: null };
lane.callback = function() {
logUncaughtError(root2, errorInfo);
};
return lane;
}
function createClassErrorUpdate(lane) {
lane = createUpdate(lane);
lane.tag = 3;
return lane;
}
function initializeClassErrorUpdate(update, root2, fiber, errorInfo) {
var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
if ("function" === typeof getDerivedStateFromError) {
var error = errorInfo.value;
update.payload = function() {
return getDerivedStateFromError(error);
};
update.callback = function() {
logCaughtError(root2, fiber, errorInfo);
};
}
var inst = fiber.stateNode;
null !== inst && "function" === typeof inst.componentDidCatch && (update.callback = function() {
logCaughtError(root2, fiber, errorInfo);
"function" !== typeof getDerivedStateFromError && (null === legacyErrorBoundariesThatAlreadyFailed ? legacyErrorBoundariesThatAlreadyFailed = /* @__PURE__ */ new Set([this]) : legacyErrorBoundariesThatAlreadyFailed.add(this));
var stack = errorInfo.stack;
this.componentDidCatch(errorInfo.value, {
componentStack: null !== stack ? stack : ""
});
});
}
function throwException(root2, returnFiber, sourceFiber, value, rootRenderLanes) {
sourceFiber.flags |= 32768;
if (null !== value && "object" === typeof value && "function" === typeof value.then) {
returnFiber = sourceFiber.alternate;
null !== returnFiber && propagateParentContextChanges(
returnFiber,
sourceFiber,
rootRenderLanes,
true
);
sourceFiber = suspenseHandlerStackCursor.current;
if (null !== sourceFiber) {
switch (sourceFiber.tag) {
case 13:
return null === shellBoundary ? renderDidSuspendDelayIfPossible() : null === sourceFiber.alternate && 0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 3), sourceFiber.flags &= -257, sourceFiber.flags |= 65536, sourceFiber.lanes = rootRenderLanes, value === noopSuspenseyCommitThenable ? sourceFiber.flags |= 16384 : (returnFiber = sourceFiber.updateQueue, null === returnFiber ? sourceFiber.updateQueue = /* @__PURE__ */ new Set([value]) : returnFiber.add(value), attachPingListener(root2, value, rootRenderLanes)), false;
case 22:
return sourceFiber.flags |= 65536, value === noopSuspenseyCommitThenable ? sourceFiber.flags |= 16384 : (returnFiber = sourceFiber.updateQueue, null === returnFiber ? (returnFiber = {
transitions: null,
markerInstances: null,
retryQueue: /* @__PURE__ */ new Set([value])
}, sourceFiber.updateQueue = returnFiber) : (sourceFiber = returnFiber.retryQueue, null === sourceFiber ? returnFiber.retryQueue = /* @__PURE__ */ new Set([value]) : sourceFiber.add(value)), attachPingListener(root2, value, rootRenderLanes)), false;
}
throw Error(formatProdErrorMessage(435, sourceFiber.tag));
}
attachPingListener(root2, value, rootRenderLanes);
renderDidSuspendDelayIfPossible();
return false;
}
if (isHydrating)
return returnFiber = suspenseHandlerStackCursor.current, null !== returnFiber ? (0 === (returnFiber.flags & 65536) && (returnFiber.flags |= 256), returnFiber.flags |= 65536, returnFiber.lanes = rootRenderLanes, value !== HydrationMismatchException && (root2 = Error(formatProdErrorMessage(422), { cause: value }), queueHydrationError(createCapturedValueAtFiber(root2, sourceFiber)))) : (value !== HydrationMismatchException && (returnFiber = Error(formatProdErrorMessage(423), {
cause: value
}), queueHydrationError(
createCapturedValueAtFiber(returnFiber, sourceFiber)
)), root2 = root2.current.alternate, root2.flags |= 65536, rootRenderLanes &= -rootRenderLanes, root2.lanes |= rootRenderLanes, value = createCapturedValueAtFiber(value, sourceFiber), rootRenderLanes = createRootErrorUpdate(
root2.stateNode,
value,
rootRenderLanes
), enqueueCapturedUpdate(root2, rootRenderLanes), 4 !== workInProgressRootExitStatus && (workInProgressRootExitStatus = 2)), false;
var wrapperError = Error(formatProdErrorMessage(520), { cause: value });
wrapperError = createCapturedValueAtFiber(wrapperError, sourceFiber);
null === workInProgressRootConcurrentErrors ? workInProgressRootConcurrentErrors = [wrapperError] : workInProgressRootConcurrentErrors.push(wrapperError);
4 !== workInProgressRootExitStatus && (workInProgressRootExitStatus = 2);
if (null === returnFiber) return true;
value = createCapturedValueAtFiber(value, sourceFiber);
sourceFiber = returnFiber;
do {
switch (sourceFiber.tag) {
case 3:
return sourceFiber.flags |= 65536, root2 = rootRenderLanes & -rootRenderLanes, sourceFiber.lanes |= root2, root2 = createRootErrorUpdate(sourceFiber.stateNode, value, root2), enqueueCapturedUpdate(sourceFiber, root2), false;
case 1:
if (returnFiber = sourceFiber.type, wrapperError = sourceFiber.stateNode, 0 === (sourceFiber.flags & 128) && ("function" === typeof returnFiber.getDerivedStateFromError || null !== wrapperError && "function" === typeof wrapperError.componentDidCatch && (null === legacyErrorBoundariesThatAlreadyFailed || !legacyErrorBoundariesThatAlreadyFailed.has(wrapperError))))
return sourceFiber.flags |= 65536, rootRenderLanes &= -rootRenderLanes, sourceFiber.lanes |= rootRenderLanes, rootRenderLanes = createClassErrorUpdate(rootRenderLanes), initializeClassErrorUpdate(
rootRenderLanes,
root2,
sourceFiber,
value
), enqueueCapturedUpdate(sourceFiber, rootRenderLanes), false;
}
sourceFiber = sourceFiber.return;
} while (null !== sourceFiber);
return false;
}
var SelectiveHydrationException = Error(formatProdErrorMessage(461)), didReceiveUpdate = false;
function reconcileChildren(current, workInProgress2, nextChildren, renderLanes2) {
workInProgress2.child = null === current ? mountChildFibers(workInProgress2, null, nextChildren, renderLanes2) : reconcileChildFibers(
workInProgress2,
current.child,
nextChildren,
renderLanes2
);
}
function updateForwardRef(current, workInProgress2, Component, nextProps, renderLanes2) {
Component = Component.render;
var ref = workInProgress2.ref;
if ("ref" in nextProps) {
var propsWithoutRef = {};
for (var key in nextProps)
"ref" !== key && (propsWithoutRef[key] = nextProps[key]);
} else propsWithoutRef = nextProps;
prepareToReadContext(workInProgress2);
nextProps = renderWithHooks(
current,
workInProgress2,
Component,
propsWithoutRef,
ref,
renderLanes2
);
key = checkDidRenderIdHook();
if (null !== current && !didReceiveUpdate)
return bailoutHooks(current, workInProgress2, renderLanes2), bailoutOnAlreadyFinishedWork(current, workInProgress2, renderLanes2);
isHydrating && key && pushMaterializedTreeId(workInProgress2);
workInProgress2.flags |= 1;
reconcileChildren(current, workInProgress2, nextProps, renderLanes2);
return workInProgress2.child;
}
function updateMemoComponent(current, workInProgress2, Component, nextProps, renderLanes2) {
if (null === current) {
var type4 = Component.type;
if ("function" === typeof type4 && !shouldConstruct(type4) && void 0 === type4.defaultProps && null === Component.compare)
return workInProgress2.tag = 15, workInProgress2.type = type4, updateSimpleMemoComponent(
current,
workInProgress2,
type4,
nextProps,
renderLanes2
);
current = createFiberFromTypeAndProps(
Component.type,
null,
nextProps,
workInProgress2,
workInProgress2.mode,
renderLanes2
);
current.ref = workInProgress2.ref;
current.return = workInProgress2;
return workInProgress2.child = current;
}
type4 = current.child;
if (!checkScheduledUpdateOrContext(current, renderLanes2)) {
var prevProps = type4.memoizedProps;
Component = Component.compare;
Component = null !== Component ? Component : shallowEqual;
if (Component(prevProps, nextProps) && current.ref === workInProgress2.ref)
return bailoutOnAlreadyFinishedWork(current, workInProgress2, renderLanes2);
}
workInProgress2.flags |= 1;
current = createWorkInProgress(type4, nextProps);
current.ref = workInProgress2.ref;
current.return = workInProgress2;
return workInProgress2.child = current;
}
function updateSimpleMemoComponent(current, workInProgress2, Component, nextProps, renderLanes2) {
if (null !== current) {
var prevProps = current.memoizedProps;
if (shallowEqual(prevProps, nextProps) && current.ref === workInProgress2.ref)
if (didReceiveUpdate = false, workInProgress2.pendingProps = nextProps = prevProps, checkScheduledUpdateOrContext(current, renderLanes2))
0 !== (current.flags & 131072) && (didReceiveUpdate = true);
else
return workInProgress2.lanes = current.lanes, bailoutOnAlreadyFinishedWork(current, workInProgress2, renderLanes2);
}
return updateFunctionComponent(
current,
workInProgress2,
Component,
nextProps,
renderLanes2
);
}
function updateOffscreenComponent(current, workInProgress2, renderLanes2) {
var nextProps = workInProgress2.pendingProps, nextChildren = nextProps.children, prevState = null !== current ? current.memoizedState : null;
if ("hidden" === nextProps.mode) {
if (0 !== (workInProgress2.flags & 128)) {
nextProps = null !== prevState ? prevState.baseLanes | renderLanes2 : renderLanes2;
if (null !== current) {
nextChildren = workInProgress2.child = current.child;
for (prevState = 0; null !== nextChildren; )
prevState = prevState | nextChildren.lanes | nextChildren.childLanes, nextChildren = nextChildren.sibling;
workInProgress2.childLanes = prevState & ~nextProps;
} else workInProgress2.childLanes = 0, workInProgress2.child = null;
return deferHiddenOffscreenComponent(
current,
workInProgress2,
nextProps,
renderLanes2
);
}
if (0 !== (renderLanes2 & 536870912))
workInProgress2.memoizedState = { baseLanes: 0, cachePool: null }, null !== current && pushTransition(
workInProgress2,
null !== prevState ? prevState.cachePool : null
), null !== prevState ? pushHiddenContext(workInProgress2, prevState) : reuseHiddenContextOnStack(), pushOffscreenSuspenseHandler(workInProgress2);
else
return workInProgress2.lanes = workInProgress2.childLanes = 536870912, deferHiddenOffscreenComponent(
current,
workInProgress2,
null !== prevState ? prevState.baseLanes | renderLanes2 : renderLanes2,
renderLanes2
);
} else
null !== prevState ? (pushTransition(workInProgress2, prevState.cachePool), pushHiddenContext(workInProgress2, prevState), reuseSuspenseHandlerOnStack(), workInProgress2.memoizedState = null) : (null !== current && pushTransition(workInProgress2, null), reuseHiddenContextOnStack(), reuseSuspenseHandlerOnStack());
reconcileChildren(current, workInProgress2, nextChildren, renderLanes2);
return workInProgress2.child;
}
function deferHiddenOffscreenComponent(current, workInProgress2, nextBaseLanes, renderLanes2) {
var JSCompiler_inline_result = peekCacheFromPool();
JSCompiler_inline_result = null === JSCompiler_inline_result ? null : { parent: CacheContext._currentValue, pool: JSCompiler_inline_result };
workInProgress2.memoizedState = {
baseLanes: nextBaseLanes,
cachePool: JSCompiler_inline_result
};
null !== current && pushTransition(workInProgress2, null);
reuseHiddenContextOnStack();
pushOffscreenSuspenseHandler(workInProgress2);
null !== current && propagateParentContextChanges(current, workInProgress2, renderLanes2, true);
return null;
}
function markRef(current, workInProgress2) {
var ref = workInProgress2.ref;
if (null === ref)
null !== current && null !== current.ref && (workInProgress2.flags |= 4194816);
else {
if ("function" !== typeof ref && "object" !== typeof ref)
throw Error(formatProdErrorMessage(284));
if (null === current || current.ref !== ref)
workInProgress2.flags |= 4194816;
}
}
function updateFunctionComponent(current, workInProgress2, Component, nextProps, renderLanes2) {
prepareToReadContext(workInProgress2);
Component = renderWithHooks(
current,
workInProgress2,
Component,
nextProps,
void 0,
renderLanes2
);
nextProps = checkDidRenderIdHook();
if (null !== current && !didReceiveUpdate)
return bailoutHooks(current, workInProgress2, renderLanes2), bailoutOnAlreadyFinishedWork(current, workInProgress2, renderLanes2);
isHydrating && nextProps && pushMaterializedTreeId(workInProgress2);
workInProgress2.flags |= 1;
reconcileChildren(current, workInProgress2, Component, renderLanes2);
return workInProgress2.child;
}
function replayFunctionComponent(current, workInProgress2, nextProps, Component, secondArg, renderLanes2) {
prepareToReadContext(workInProgress2);
workInProgress2.updateQueue = null;
nextProps = renderWithHooksAgain(
workInProgress2,
Component,
nextProps,
secondArg
);
finishRenderingHooks(current);
Component = checkDidRenderIdHook();
if (null !== current && !didReceiveUpdate)
return bailoutHooks(current, workInProgress2, renderLanes2), bailoutOnAlreadyFinishedWork(current, workInProgress2, renderLanes2);
isHydrating && Component && pushMaterializedTreeId(workInProgress2);
workInProgress2.flags |= 1;
reconcileChildren(current, workInProgress2, nextProps, renderLanes2);
return workInProgress2.child;
}
function updateClassComponent(current, workInProgress2, Component, nextProps, renderLanes2) {
prepareToReadContext(workInProgress2);
if (null === workInProgress2.stateNode) {
var context = emptyContextObject, contextType = Component.contextType;
"object" === typeof contextType && null !== contextType && (context = readContext(contextType));
context = new Component(nextProps, context);
workInProgress2.memoizedState = null !== context.state && void 0 !== context.state ? context.state : null;
context.updater = classComponentUpdater;
workInProgress2.stateNode = context;
context._reactInternals = workInProgress2;
context = workInProgress2.stateNode;
context.props = nextProps;
context.state = workInProgress2.memoizedState;
context.refs = {};
initializeUpdateQueue(workInProgress2);
contextType = Component.contextType;
context.context = "object" === typeof contextType && null !== contextType ? readContext(contextType) : emptyContextObject;
context.state = workInProgress2.memoizedState;
contextType = Component.getDerivedStateFromProps;
"function" === typeof contextType && (applyDerivedStateFromProps(
workInProgress2,
Component,
contextType,
nextProps
), context.state = workInProgress2.memoizedState);
"function" === typeof Component.getDerivedStateFromProps || "function" === typeof context.getSnapshotBeforeUpdate || "function" !== typeof context.UNSAFE_componentWillMount && "function" !== typeof context.componentWillMount || (contextType = context.state, "function" === typeof context.componentWillMount && context.componentWillMount(), "function" === typeof context.UNSAFE_componentWillMount && context.UNSAFE_componentWillMount(), contextType !== context.state && classComponentUpdater.enqueueReplaceState(context, context.state, null), processUpdateQueue(workInProgress2, nextProps, context, renderLanes2), suspendIfUpdateReadFromEntangledAsyncAction(), context.state = workInProgress2.memoizedState);
"function" === typeof context.componentDidMount && (workInProgress2.flags |= 4194308);
nextProps = true;
} else if (null === current) {
context = workInProgress2.stateNode;
var unresolvedOldProps = workInProgress2.memoizedProps, oldProps = resolveClassComponentProps(Component, unresolvedOldProps);
context.props = oldProps;
var oldContext = context.context, contextType$jscomp$0 = Component.contextType;
contextType = emptyContextObject;
"object" === typeof contextType$jscomp$0 && null !== contextType$jscomp$0 && (contextType = readContext(contextType$jscomp$0));
var getDerivedStateFromProps = Component.getDerivedStateFromProps;
contextType$jscomp$0 = "function" === typeof getDerivedStateFromProps || "function" === typeof context.getSnapshotBeforeUpdate;
unresolvedOldProps = workInProgress2.pendingProps !== unresolvedOldProps;
contextType$jscomp$0 || "function" !== typeof context.UNSAFE_componentWillReceiveProps && "function" !== typeof context.componentWillReceiveProps || (unresolvedOldProps || oldContext !== contextType) && callComponentWillReceiveProps(
workInProgress2,
context,
nextProps,
contextType
);
hasForceUpdate = false;
var oldState = workInProgress2.memoizedState;
context.state = oldState;
processUpdateQueue(workInProgress2, nextProps, context, renderLanes2);
suspendIfUpdateReadFromEntangledAsyncAction();
oldContext = workInProgress2.memoizedState;
unresolvedOldProps || oldState !== oldContext || hasForceUpdate ? ("function" === typeof getDerivedStateFromProps && (applyDerivedStateFromProps(
workInProgress2,
Component,
getDerivedStateFromProps,
nextProps
), oldContext = workInProgress2.memoizedState), (oldProps = hasForceUpdate || checkShouldComponentUpdate(
workInProgress2,
Component,
oldProps,
nextProps,
oldState,
oldContext,
contextType
)) ? (contextType$jscomp$0 || "function" !== typeof context.UNSAFE_componentWillMount && "function" !== typeof context.componentWillMount || ("function" === typeof context.componentWillMount && context.componentWillMount(), "function" === typeof context.UNSAFE_componentWillMount && context.UNSAFE_componentWillMount()), "function" === typeof context.componentDidMount && (workInProgress2.flags |= 4194308)) : ("function" === typeof context.componentDidMount && (workInProgress2.flags |= 4194308), workInProgress2.memoizedProps = nextProps, workInProgress2.memoizedState = oldContext), context.props = nextProps, context.state = oldContext, context.context = contextType, nextProps = oldProps) : ("function" === typeof context.componentDidMount && (workInProgress2.flags |= 4194308), nextProps = false);
} else {
context = workInProgress2.stateNode;
cloneUpdateQueue(current, workInProgress2);
contextType = workInProgress2.memoizedProps;
contextType$jscomp$0 = resolveClassComponentProps(Component, contextType);
context.props = contextType$jscomp$0;
getDerivedStateFromProps = workInProgress2.pendingProps;
oldState = context.context;
oldContext = Component.contextType;
oldProps = emptyContextObject;
"object" === typeof oldContext && null !== oldContext && (oldProps = readContext(oldContext));
unresolvedOldProps = Component.getDerivedStateFromProps;
(oldContext = "function" === typeof unresolvedOldProps || "function" === typeof context.getSnapshotBeforeUpdate) || "function" !== typeof context.UNSAFE_componentWillReceiveProps && "function" !== typeof context.componentWillReceiveProps || (contextType !== getDerivedStateFromProps || oldState !== oldProps) && callComponentWillReceiveProps(
workInProgress2,
context,
nextProps,
oldProps
);
hasForceUpdate = false;
oldState = workInProgress2.memoizedState;
context.state = oldState;
processUpdateQueue(workInProgress2, nextProps, context, renderLanes2);
suspendIfUpdateReadFromEntangledAsyncAction();
var newState = workInProgress2.memoizedState;
contextType !== getDerivedStateFromProps || oldState !== newState || hasForceUpdate || null !== current && null !== current.dependencies && checkIfContextChanged(current.dependencies) ? ("function" === typeof unresolvedOldProps && (applyDerivedStateFromProps(
workInProgress2,
Component,
unresolvedOldProps,
nextProps
), newState = workInProgress2.memoizedState), (contextType$jscomp$0 = hasForceUpdate || checkShouldComponentUpdate(
workInProgress2,
Component,
contextType$jscomp$0,
nextProps,
oldState,
newState,
oldProps
) || null !== current && null !== current.dependencies && checkIfContextChanged(current.dependencies)) ? (oldContext || "function" !== typeof context.UNSAFE_componentWillUpdate && "function" !== typeof context.componentWillUpdate || ("function" === typeof context.componentWillUpdate && context.componentWillUpdate(nextProps, newState, oldProps), "function" === typeof context.UNSAFE_componentWillUpdate && context.UNSAFE_componentWillUpdate(
nextProps,
newState,
oldProps
)), "function" === typeof context.componentDidUpdate && (workInProgress2.flags |= 4), "function" === typeof context.getSnapshotBeforeUpdate && (workInProgress2.flags |= 1024)) : ("function" !== typeof context.componentDidUpdate || contextType === current.memoizedProps && oldState === current.memoizedState || (workInProgress2.flags |= 4), "function" !== typeof context.getSnapshotBeforeUpdate || contextType === current.memoizedProps && oldState === current.memoizedState || (workInProgress2.flags |= 1024), workInProgress2.memoizedProps = nextProps, workInProgress2.memoizedState = newState), context.props = nextProps, context.state = newState, context.context = oldProps, nextProps = contextType$jscomp$0) : ("function" !== typeof context.componentDidUpdate || contextType === current.memoizedProps && oldState === current.memoizedState || (workInProgress2.flags |= 4), "function" !== typeof context.getSnapshotBeforeUpdate || contextType === current.memoizedProps && oldState === current.memoizedState || (workInProgress2.flags |= 1024), nextProps = false);
}
context = nextProps;
markRef(current, workInProgress2);
nextProps = 0 !== (workInProgress2.flags & 128);
context || nextProps ? (context = workInProgress2.stateNode, Component = nextProps && "function" !== typeof Component.getDerivedStateFromError ? null : context.render(), workInProgress2.flags |= 1, null !== current && nextProps ? (workInProgress2.child = reconcileChildFibers(
workInProgress2,
current.child,
null,
renderLanes2
), workInProgress2.child = reconcileChildFibers(
workInProgress2,
null,
Component,
renderLanes2
)) : reconcileChildren(current, workInProgress2, Component, renderLanes2), workInProgress2.memoizedState = context.state, current = workInProgress2.child) : current = bailoutOnAlreadyFinishedWork(
current,
workInProgress2,
renderLanes2
);
return current;
}
function mountHostRootWithoutHydrating(current, workInProgress2, nextChildren, renderLanes2) {
resetHydrationState();
workInProgress2.flags |= 256;
reconcileChildren(current, workInProgress2, nextChildren, renderLanes2);
return workInProgress2.child;
}
var SUSPENDED_MARKER = {
dehydrated: null,
treeContext: null,
retryLane: 0,
hydrationErrors: null
};
function mountSuspenseOffscreenState(renderLanes2) {
return { baseLanes: renderLanes2, cachePool: getSuspendedCache() };
}
function getRemainingWorkInPrimaryTree(current, primaryTreeDidDefer, renderLanes2) {
current = null !== current ? current.childLanes & ~renderLanes2 : 0;
primaryTreeDidDefer && (current |= workInProgressDeferredLane);
return current;
}
function updateSuspenseComponent(current, workInProgress2, renderLanes2) {
var nextProps = workInProgress2.pendingProps, showFallback = false, didSuspend = 0 !== (workInProgress2.flags & 128), JSCompiler_temp;
(JSCompiler_temp = didSuspend) || (JSCompiler_temp = null !== current && null === current.memoizedState ? false : 0 !== (suspenseStackCursor.current & 2));
JSCompiler_temp && (showFallback = true, workInProgress2.flags &= -129);
JSCompiler_temp = 0 !== (workInProgress2.flags & 32);
workInProgress2.flags &= -33;
if (null === current) {
if (isHydrating) {
showFallback ? pushPrimaryTreeSuspenseHandler(workInProgress2) : reuseSuspenseHandlerOnStack();
if (isHydrating) {
var nextInstance = nextHydratableInstance, JSCompiler_temp$jscomp$0;
if (JSCompiler_temp$jscomp$0 = nextInstance) {
c: {
JSCompiler_temp$jscomp$0 = nextInstance;
for (nextInstance = rootOrSingletonContext; 8 !== JSCompiler_temp$jscomp$0.nodeType; ) {
if (!nextInstance) {
nextInstance = null;
break c;
}
JSCompiler_temp$jscomp$0 = getNextHydratable(
JSCompiler_temp$jscomp$0.nextSibling
);
if (null === JSCompiler_temp$jscomp$0) {
nextInstance = null;
break c;
}
}
nextInstance = JSCompiler_temp$jscomp$0;
}
null !== nextInstance ? (workInProgress2.memoizedState = {
dehydrated: nextInstance,
treeContext: null !== treeContextProvider ? { id: treeContextId, overflow: treeContextOverflow } : null,
retryLane: 536870912,
hydrationErrors: null
}, JSCompiler_temp$jscomp$0 = createFiberImplClass(
18,
null,
null,
0
), JSCompiler_temp$jscomp$0.stateNode = nextInstance, JSCompiler_temp$jscomp$0.return = workInProgress2, workInProgress2.child = JSCompiler_temp$jscomp$0, hydrationParentFiber = workInProgress2, nextHydratableInstance = null, JSCompiler_temp$jscomp$0 = true) : JSCompiler_temp$jscomp$0 = false;
}
JSCompiler_temp$jscomp$0 || throwOnHydrationMismatch(workInProgress2);
}
nextInstance = workInProgress2.memoizedState;
if (null !== nextInstance && (nextInstance = nextInstance.dehydrated, null !== nextInstance))
return isSuspenseInstanceFallback(nextInstance) ? workInProgress2.lanes = 32 : workInProgress2.lanes = 536870912, null;
popSuspenseHandler(workInProgress2);
}
nextInstance = nextProps.children;
nextProps = nextProps.fallback;
if (showFallback)
return reuseSuspenseHandlerOnStack(), showFallback = workInProgress2.mode, nextInstance = mountWorkInProgressOffscreenFiber(
{ mode: "hidden", children: nextInstance },
showFallback
), nextProps = createFiberFromFragment(
nextProps,
showFallback,
renderLanes2,
null
), nextInstance.return = workInProgress2, nextProps.return = workInProgress2, nextInstance.sibling = nextProps, workInProgress2.child = nextInstance, showFallback = workInProgress2.child, showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes2), showFallback.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes2
), workInProgress2.memoizedState = SUSPENDED_MARKER, nextProps;
pushPrimaryTreeSuspenseHandler(workInProgress2);
return mountSuspensePrimaryChildren(workInProgress2, nextInstance);
}
JSCompiler_temp$jscomp$0 = current.memoizedState;
if (null !== JSCompiler_temp$jscomp$0 && (nextInstance = JSCompiler_temp$jscomp$0.dehydrated, null !== nextInstance)) {
if (didSuspend)
workInProgress2.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress2), workInProgress2.flags &= -257, workInProgress2 = retrySuspenseComponentWithoutHydrating(
current,
workInProgress2,
renderLanes2
)) : null !== workInProgress2.memoizedState ? (reuseSuspenseHandlerOnStack(), workInProgress2.child = current.child, workInProgress2.flags |= 128, workInProgress2 = null) : (reuseSuspenseHandlerOnStack(), showFallback = nextProps.fallback, nextInstance = workInProgress2.mode, nextProps = mountWorkInProgressOffscreenFiber(
{ mode: "visible", children: nextProps.children },
nextInstance
), showFallback = createFiberFromFragment(
showFallback,
nextInstance,
renderLanes2,
null
), showFallback.flags |= 2, nextProps.return = workInProgress2, showFallback.return = workInProgress2, nextProps.sibling = showFallback, workInProgress2.child = nextProps, reconcileChildFibers(
workInProgress2,
current.child,
null,
renderLanes2
), nextProps = workInProgress2.child, nextProps.memoizedState = mountSuspenseOffscreenState(renderLanes2), nextProps.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes2
), workInProgress2.memoizedState = SUSPENDED_MARKER, workInProgress2 = showFallback);
else if (pushPrimaryTreeSuspenseHandler(workInProgress2), isSuspenseInstanceFallback(nextInstance)) {
JSCompiler_temp = nextInstance.nextSibling && nextInstance.nextSibling.dataset;
if (JSCompiler_temp) var digest = JSCompiler_temp.dgst;
JSCompiler_temp = digest;
nextProps = Error(formatProdErrorMessage(419));
nextProps.stack = "";
nextProps.digest = JSCompiler_temp;
queueHydrationError({ value: nextProps, source: null, stack: null });
workInProgress2 = retrySuspenseComponentWithoutHydrating(
current,
workInProgress2,
renderLanes2
);
} else if (didReceiveUpdate || propagateParentContextChanges(current, workInProgress2, renderLanes2, false), JSCompiler_temp = 0 !== (renderLanes2 & current.childLanes), didReceiveUpdate || JSCompiler_temp) {
JSCompiler_temp = workInProgressRoot;
if (null !== JSCompiler_temp && (nextProps = renderLanes2 & -renderLanes2, nextProps = 0 !== (nextProps & 42) ? 1 : getBumpedLaneForHydrationByLane(nextProps), nextProps = 0 !== (nextProps & (JSCompiler_temp.suspendedLanes | renderLanes2)) ? 0 : nextProps, 0 !== nextProps && nextProps !== JSCompiler_temp$jscomp$0.retryLane))
throw JSCompiler_temp$jscomp$0.retryLane = nextProps, enqueueConcurrentRenderForLane(current, nextProps), scheduleUpdateOnFiber(JSCompiler_temp, current, nextProps), SelectiveHydrationException;
"$?" === nextInstance.data || renderDidSuspendDelayIfPossible();
workInProgress2 = retrySuspenseComponentWithoutHydrating(
current,
workInProgress2,
renderLanes2
);
} else
"$?" === nextInstance.data ? (workInProgress2.flags |= 192, workInProgress2.child = current.child, workInProgress2 = null) : (current = JSCompiler_temp$jscomp$0.treeContext, nextHydratableInstance = getNextHydratable(
nextInstance.nextSibling
), hydrationParentFiber = workInProgress2, isHydrating = true, hydrationErrors = null, rootOrSingletonContext = false, null !== current && (idStack[idStackIndex++] = treeContextId, idStack[idStackIndex++] = treeContextOverflow, idStack[idStackIndex++] = treeContextProvider, treeContextId = current.id, treeContextOverflow = current.overflow, treeContextProvider = workInProgress2), workInProgress2 = mountSuspensePrimaryChildren(
workInProgress2,
nextProps.children
), workInProgress2.flags |= 4096);
return workInProgress2;
}
if (showFallback)
return reuseSuspenseHandlerOnStack(), showFallback = nextProps.fallback, nextInstance = workInProgress2.mode, JSCompiler_temp$jscomp$0 = current.child, digest = JSCompiler_temp$jscomp$0.sibling, nextProps = createWorkInProgress(JSCompiler_temp$jscomp$0, {
mode: "hidden",
children: nextProps.children
}), nextProps.subtreeFlags = JSCompiler_temp$jscomp$0.subtreeFlags & 65011712, null !== digest ? showFallback = createWorkInProgress(digest, showFallback) : (showFallback = createFiberFromFragment(
showFallback,
nextInstance,
renderLanes2,
null
), showFallback.flags |= 2), showFallback.return = workInProgress2, nextProps.return = workInProgress2, nextProps.sibling = showFallback, workInProgress2.child = nextProps, nextProps = showFallback, showFallback = workInProgress2.child, nextInstance = current.child.memoizedState, null === nextInstance ? nextInstance = mountSuspenseOffscreenState(renderLanes2) : (JSCompiler_temp$jscomp$0 = nextInstance.cachePool, null !== JSCompiler_temp$jscomp$0 ? (digest = CacheContext._currentValue, JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0.parent !== digest ? { parent: digest, pool: digest } : JSCompiler_temp$jscomp$0) : JSCompiler_temp$jscomp$0 = getSuspendedCache(), nextInstance = {
baseLanes: nextInstance.baseLanes | renderLanes2,
cachePool: JSCompiler_temp$jscomp$0
}), showFallback.memoizedState = nextInstance, showFallback.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes2
), workInProgress2.memoizedState = SUSPENDED_MARKER, nextProps;
pushPrimaryTreeSuspenseHandler(workInProgress2);
renderLanes2 = current.child;
current = renderLanes2.sibling;
renderLanes2 = createWorkInProgress(renderLanes2, {
mode: "visible",
children: nextProps.children
});
renderLanes2.return = workInProgress2;
renderLanes2.sibling = null;
null !== current && (JSCompiler_temp = workInProgress2.deletions, null === JSCompiler_temp ? (workInProgress2.deletions = [current], workInProgress2.flags |= 16) : JSCompiler_temp.push(current));
workInProgress2.child = renderLanes2;
workInProgress2.memoizedState = null;
return renderLanes2;
}
function mountSuspensePrimaryChildren(workInProgress2, primaryChildren) {
primaryChildren = mountWorkInProgressOffscreenFiber(
{ mode: "visible", children: primaryChildren },
workInProgress2.mode
);
primaryChildren.return = workInProgress2;
return workInProgress2.child = primaryChildren;
}
function mountWorkInProgressOffscreenFiber(offscreenProps, mode) {
offscreenProps = createFiberImplClass(22, offscreenProps, null, mode);
offscreenProps.lanes = 0;
offscreenProps.stateNode = {
_visibility: 1,
_pendingMarkers: null,
_retryCache: null,
_transitions: null
};
return offscreenProps;
}
function retrySuspenseComponentWithoutHydrating(current, workInProgress2, renderLanes2) {
reconcileChildFibers(workInProgress2, current.child, null, renderLanes2);
current = mountSuspensePrimaryChildren(
workInProgress2,
workInProgress2.pendingProps.children
);
current.flags |= 2;
workInProgress2.memoizedState = null;
return current;
}
function scheduleSuspenseWorkOnFiber(fiber, renderLanes2, propagationRoot) {
fiber.lanes |= renderLanes2;
var alternate = fiber.alternate;
null !== alternate && (alternate.lanes |= renderLanes2);
scheduleContextWorkOnParentPath(fiber.return, renderLanes2, propagationRoot);
}
function initSuspenseListRenderState(workInProgress2, isBackwards, tail, lastContentRow, tailMode) {
var renderState = workInProgress2.memoizedState;
null === renderState ? workInProgress2.memoizedState = {
isBackwards,
rendering: null,
renderingStartTime: 0,
last: lastContentRow,
tail,
tailMode
} : (renderState.isBackwards = isBackwards, renderState.rendering = null, renderState.renderingStartTime = 0, renderState.last = lastContentRow, renderState.tail = tail, renderState.tailMode = tailMode);
}
function updateSuspenseListComponent(current, workInProgress2, renderLanes2) {
var nextProps = workInProgress2.pendingProps, revealOrder = nextProps.revealOrder, tailMode = nextProps.tail;
reconcileChildren(current, workInProgress2, nextProps.children, renderLanes2);
nextProps = suspenseStackCursor.current;
if (0 !== (nextProps & 2))
nextProps = nextProps & 1 | 2, workInProgress2.flags |= 128;
else {
if (null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress2.child; null !== current; ) {
if (13 === current.tag)
null !== current.memoizedState && scheduleSuspenseWorkOnFiber(current, renderLanes2, workInProgress2);
else if (19 === current.tag)
scheduleSuspenseWorkOnFiber(current, renderLanes2, workInProgress2);
else if (null !== current.child) {
current.child.return = current;
current = current.child;
continue;
}
if (current === workInProgress2) break a;
for (; null === current.sibling; ) {
if (null === current.return || current.return === workInProgress2)
break a;
current = current.return;
}
current.sibling.return = current.return;
current = current.sibling;
}
nextProps &= 1;
}
push(suspenseStackCursor, nextProps);
switch (revealOrder) {
case "forwards":
renderLanes2 = workInProgress2.child;
for (revealOrder = null; null !== renderLanes2; )
current = renderLanes2.alternate, null !== current && null === findFirstSuspended(current) && (revealOrder = renderLanes2), renderLanes2 = renderLanes2.sibling;
renderLanes2 = revealOrder;
null === renderLanes2 ? (revealOrder = workInProgress2.child, workInProgress2.child = null) : (revealOrder = renderLanes2.sibling, renderLanes2.sibling = null);
initSuspenseListRenderState(
workInProgress2,
false,
revealOrder,
renderLanes2,
tailMode
);
break;
case "backwards":
renderLanes2 = null;
revealOrder = workInProgress2.child;
for (workInProgress2.child = null; null !== revealOrder; ) {
current = revealOrder.alternate;
if (null !== current && null === findFirstSuspended(current)) {
workInProgress2.child = revealOrder;
break;
}
current = revealOrder.sibling;
revealOrder.sibling = renderLanes2;
renderLanes2 = revealOrder;
revealOrder = current;
}
initSuspenseListRenderState(
workInProgress2,
true,
renderLanes2,
null,
tailMode
);
break;
case "together":
initSuspenseListRenderState(workInProgress2, false, null, null, void 0);
break;
default:
workInProgress2.memoizedState = null;
}
return workInProgress2.child;
}
function bailoutOnAlreadyFinishedWork(current, workInProgress2, renderLanes2) {
null !== current && (workInProgress2.dependencies = current.dependencies);
workInProgressRootSkippedLanes |= workInProgress2.lanes;
if (0 === (renderLanes2 & workInProgress2.childLanes))
if (null !== current) {
if (propagateParentContextChanges(
current,
workInProgress2,
renderLanes2,
false
), 0 === (renderLanes2 & workInProgress2.childLanes))
return null;
} else return null;
if (null !== current && workInProgress2.child !== current.child)
throw Error(formatProdErrorMessage(153));
if (null !== workInProgress2.child) {
current = workInProgress2.child;
renderLanes2 = createWorkInProgress(current, current.pendingProps);
workInProgress2.child = renderLanes2;
for (renderLanes2.return = workInProgress2; null !== current.sibling; )
current = current.sibling, renderLanes2 = renderLanes2.sibling = createWorkInProgress(current, current.pendingProps), renderLanes2.return = workInProgress2;
renderLanes2.sibling = null;
}
return workInProgress2.child;
}
function checkScheduledUpdateOrContext(current, renderLanes2) {
if (0 !== (current.lanes & renderLanes2)) return true;
current = current.dependencies;
return null !== current && checkIfContextChanged(current) ? true : false;
}
function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress2, renderLanes2) {
switch (workInProgress2.tag) {
case 3:
pushHostContainer(workInProgress2, workInProgress2.stateNode.containerInfo);
pushProvider(workInProgress2, CacheContext, current.memoizedState.cache);
resetHydrationState();
break;
case 27:
case 5:
pushHostContext(workInProgress2);
break;
case 4:
pushHostContainer(workInProgress2, workInProgress2.stateNode.containerInfo);
break;
case 10:
pushProvider(
workInProgress2,
workInProgress2.type,
workInProgress2.memoizedProps.value
);
break;
case 13:
var state = workInProgress2.memoizedState;
if (null !== state) {
if (null !== state.dehydrated)
return pushPrimaryTreeSuspenseHandler(workInProgress2), workInProgress2.flags |= 128, null;
if (0 !== (renderLanes2 & workInProgress2.child.childLanes))
return updateSuspenseComponent(current, workInProgress2, renderLanes2);
pushPrimaryTreeSuspenseHandler(workInProgress2);
current = bailoutOnAlreadyFinishedWork(
current,
workInProgress2,
renderLanes2
);
return null !== current ? current.sibling : null;
}
pushPrimaryTreeSuspenseHandler(workInProgress2);
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state = 0 !== (renderLanes2 & workInProgress2.childLanes);
state || (propagateParentContextChanges(
current,
workInProgress2,
renderLanes2,
false
), state = 0 !== (renderLanes2 & workInProgress2.childLanes));
if (didSuspendBefore) {
if (state)
return updateSuspenseListComponent(
current,
workInProgress2,
renderLanes2
);
workInProgress2.flags |= 128;
}
didSuspendBefore = workInProgress2.memoizedState;
null !== didSuspendBefore && (didSuspendBefore.rendering = null, didSuspendBefore.tail = null, didSuspendBefore.lastEffect = null);
push(suspenseStackCursor, suspenseStackCursor.current);
if (state) break;
else return null;
case 22:
case 23:
return workInProgress2.lanes = 0, updateOffscreenComponent(current, workInProgress2, renderLanes2);
case 24:
pushProvider(workInProgress2, CacheContext, current.memoizedState.cache);
}
return bailoutOnAlreadyFinishedWork(current, workInProgress2, renderLanes2);
}
function beginWork(current, workInProgress2, renderLanes2) {
if (null !== current)
if (current.memoizedProps !== workInProgress2.pendingProps)
didReceiveUpdate = true;
else {
if (!checkScheduledUpdateOrContext(current, renderLanes2) && 0 === (workInProgress2.flags & 128))
return didReceiveUpdate = false, attemptEarlyBailoutIfNoScheduledUpdate(
current,
workInProgress2,
renderLanes2
);
didReceiveUpdate = 0 !== (current.flags & 131072) ? true : false;
}
else
didReceiveUpdate = false, isHydrating && 0 !== (workInProgress2.flags & 1048576) && pushTreeId(workInProgress2, treeForkCount, workInProgress2.index);
workInProgress2.lanes = 0;
switch (workInProgress2.tag) {
case 16:
a: {
current = workInProgress2.pendingProps;
var lazyComponent = workInProgress2.elementType, init = lazyComponent._init;
lazyComponent = init(lazyComponent._payload);
workInProgress2.type = lazyComponent;
if ("function" === typeof lazyComponent)
shouldConstruct(lazyComponent) ? (current = resolveClassComponentProps(lazyComponent, current), workInProgress2.tag = 1, workInProgress2 = updateClassComponent(
null,
workInProgress2,
lazyComponent,
current,
renderLanes2
)) : (workInProgress2.tag = 0, workInProgress2 = updateFunctionComponent(
null,
workInProgress2,
lazyComponent,
current,
renderLanes2
));
else {
if (void 0 !== lazyComponent && null !== lazyComponent) {
if (init = lazyComponent.$$typeof, init === REACT_FORWARD_REF_TYPE) {
workInProgress2.tag = 11;
workInProgress2 = updateForwardRef(
null,
workInProgress2,
lazyComponent,
current,
renderLanes2
);
break a;
} else if (init === REACT_MEMO_TYPE) {
workInProgress2.tag = 14;
workInProgress2 = updateMemoComponent(
null,
workInProgress2,
lazyComponent,
current,
renderLanes2
);
break a;
}
}
workInProgress2 = getComponentNameFromType(lazyComponent) || lazyComponent;
throw Error(formatProdErrorMessage(306, workInProgress2, ""));
}
}
return workInProgress2;
case 0:
return updateFunctionComponent(
current,
workInProgress2,
workInProgress2.type,
workInProgress2.pendingProps,
renderLanes2
);
case 1:
return lazyComponent = workInProgress2.type, init = resolveClassComponentProps(
lazyComponent,
workInProgress2.pendingProps
), updateClassComponent(
current,
workInProgress2,
lazyComponent,
init,
renderLanes2
);
case 3:
a: {
pushHostContainer(
workInProgress2,
workInProgress2.stateNode.containerInfo
);
if (null === current) throw Error(formatProdErrorMessage(387));
lazyComponent = workInProgress2.pendingProps;
var prevState = workInProgress2.memoizedState;
init = prevState.element;
cloneUpdateQueue(current, workInProgress2);
processUpdateQueue(workInProgress2, lazyComponent, null, renderLanes2);
var nextState = workInProgress2.memoizedState;
lazyComponent = nextState.cache;
pushProvider(workInProgress2, CacheContext, lazyComponent);
lazyComponent !== prevState.cache && propagateContextChanges(
workInProgress2,
[CacheContext],
renderLanes2,
true
);
suspendIfUpdateReadFromEntangledAsyncAction();
lazyComponent = nextState.element;
if (prevState.isDehydrated)
if (prevState = {
element: lazyComponent,
isDehydrated: false,
cache: nextState.cache
}, workInProgress2.updateQueue.baseState = prevState, workInProgress2.memoizedState = prevState, workInProgress2.flags & 256) {
workInProgress2 = mountHostRootWithoutHydrating(
current,
workInProgress2,
lazyComponent,
renderLanes2
);
break a;
} else if (lazyComponent !== init) {
init = createCapturedValueAtFiber(
Error(formatProdErrorMessage(424)),
workInProgress2
);
queueHydrationError(init);
workInProgress2 = mountHostRootWithoutHydrating(
current,
workInProgress2,
lazyComponent,
renderLanes2
);
break a;
} else {
current = workInProgress2.stateNode.containerInfo;
switch (current.nodeType) {
case 9:
current = current.body;
break;
default:
current = "HTML" === current.nodeName ? current.ownerDocument.body : current;
}
nextHydratableInstance = getNextHydratable(current.firstChild);
hydrationParentFiber = workInProgress2;
isHydrating = true;
hydrationErrors = null;
rootOrSingletonContext = true;
renderLanes2 = mountChildFibers(
workInProgress2,
null,
lazyComponent,
renderLanes2
);
for (workInProgress2.child = renderLanes2; renderLanes2; )
renderLanes2.flags = renderLanes2.flags & -3 | 4096, renderLanes2 = renderLanes2.sibling;
}
else {
resetHydrationState();
if (lazyComponent === init) {
workInProgress2 = bailoutOnAlreadyFinishedWork(
current,
workInProgress2,
renderLanes2
);
break a;
}
reconcileChildren(
current,
workInProgress2,
lazyComponent,
renderLanes2
);
}
workInProgress2 = workInProgress2.child;
}
return workInProgress2;
case 26:
return markRef(current, workInProgress2), null === current ? (renderLanes2 = getResource(
workInProgress2.type,
null,
workInProgress2.pendingProps,
null
)) ? workInProgress2.memoizedState = renderLanes2 : isHydrating || (renderLanes2 = workInProgress2.type, current = workInProgress2.pendingProps, lazyComponent = getOwnerDocumentFromRootContainer(
rootInstanceStackCursor.current
).createElement(renderLanes2), lazyComponent[internalInstanceKey] = workInProgress2, lazyComponent[internalPropsKey] = current, setInitialProperties(lazyComponent, renderLanes2, current), markNodeAsHoistable(lazyComponent), workInProgress2.stateNode = lazyComponent) : workInProgress2.memoizedState = getResource(
workInProgress2.type,
current.memoizedProps,
workInProgress2.pendingProps,
current.memoizedState
), null;
case 27:
return pushHostContext(workInProgress2), null === current && isHydrating && (lazyComponent = workInProgress2.stateNode = resolveSingletonInstance(
workInProgress2.type,
workInProgress2.pendingProps,
rootInstanceStackCursor.current
), hydrationParentFiber = workInProgress2, rootOrSingletonContext = true, init = nextHydratableInstance, isSingletonScope(workInProgress2.type) ? (previousHydratableOnEnteringScopedSingleton = init, nextHydratableInstance = getNextHydratable(
lazyComponent.firstChild
)) : nextHydratableInstance = init), reconcileChildren(
current,
workInProgress2,
workInProgress2.pendingProps.children,
renderLanes2
), markRef(current, workInProgress2), null === current && (workInProgress2.flags |= 4194304), workInProgress2.child;
case 5:
if (null === current && isHydrating) {
if (init = lazyComponent = nextHydratableInstance)
lazyComponent = canHydrateInstance(
lazyComponent,
workInProgress2.type,
workInProgress2.pendingProps,
rootOrSingletonContext
), null !== lazyComponent ? (workInProgress2.stateNode = lazyComponent, hydrationParentFiber = workInProgress2, nextHydratableInstance = getNextHydratable(
lazyComponent.firstChild
), rootOrSingletonContext = false, init = true) : init = false;
init || throwOnHydrationMismatch(workInProgress2);
}
pushHostContext(workInProgress2);
init = workInProgress2.type;
prevState = workInProgress2.pendingProps;
nextState = null !== current ? current.memoizedProps : null;
lazyComponent = prevState.children;
shouldSetTextContent(init, prevState) ? lazyComponent = null : null !== nextState && shouldSetTextContent(init, nextState) && (workInProgress2.flags |= 32);
null !== workInProgress2.memoizedState && (init = renderWithHooks(
current,
workInProgress2,
TransitionAwareHostComponent,
null,
null,
renderLanes2
), HostTransitionContext._currentValue = init);
markRef(current, workInProgress2);
reconcileChildren(current, workInProgress2, lazyComponent, renderLanes2);
return workInProgress2.child;
case 6:
if (null === current && isHydrating) {
if (current = renderLanes2 = nextHydratableInstance)
renderLanes2 = canHydrateTextInstance(
renderLanes2,
workInProgress2.pendingProps,
rootOrSingletonContext
), null !== renderLanes2 ? (workInProgress2.stateNode = renderLanes2, hydrationParentFiber = workInProgress2, nextHydratableInstance = null, current = true) : current = false;
current || throwOnHydrationMismatch(workInProgress2);
}
return null;
case 13:
return updateSuspenseComponent(current, workInProgress2, renderLanes2);
case 4:
return pushHostContainer(
workInProgress2,
workInProgress2.stateNode.containerInfo
), lazyComponent = workInProgress2.pendingProps, null === current ? workInProgress2.child = reconcileChildFibers(
workInProgress2,
null,
lazyComponent,
renderLanes2
) : reconcileChildren(
current,
workInProgress2,
lazyComponent,
renderLanes2
), workInProgress2.child;
case 11:
return updateForwardRef(
current,
workInProgress2,
workInProgress2.type,
workInProgress2.pendingProps,
renderLanes2
);
case 7:
return reconcileChildren(
current,
workInProgress2,
workInProgress2.pendingProps,
renderLanes2
), workInProgress2.child;
case 8:
return reconcileChildren(
current,
workInProgress2,
workInProgress2.pendingProps.children,
renderLanes2
), workInProgress2.child;
case 12:
return reconcileChildren(
current,
workInProgress2,
workInProgress2.pendingProps.children,
renderLanes2
), workInProgress2.child;
case 10:
return lazyComponent = workInProgress2.pendingProps, pushProvider(workInProgress2, workInProgress2.type, lazyComponent.value), reconcileChildren(
current,
workInProgress2,
lazyComponent.children,
renderLanes2
), workInProgress2.child;
case 9:
return init = workInProgress2.type._context, lazyComponent = workInProgress2.pendingProps.children, prepareToReadContext(workInProgress2), init = readContext(init), lazyComponent = lazyComponent(init), workInProgress2.flags |= 1, reconcileChildren(current, workInProgress2, lazyComponent, renderLanes2), workInProgress2.child;
case 14:
return updateMemoComponent(
current,
workInProgress2,
workInProgress2.type,
workInProgress2.pendingProps,
renderLanes2
);
case 15:
return updateSimpleMemoComponent(
current,
workInProgress2,
workInProgress2.type,
workInProgress2.pendingProps,
renderLanes2
);
case 19:
return updateSuspenseListComponent(current, workInProgress2, renderLanes2);
case 31:
return lazyComponent = workInProgress2.pendingProps, renderLanes2 = workInProgress2.mode, lazyComponent = {
mode: lazyComponent.mode,
children: lazyComponent.children
}, null === current ? (renderLanes2 = mountWorkInProgressOffscreenFiber(
lazyComponent,
renderLanes2
), renderLanes2.ref = workInProgress2.ref, workInProgress2.child = renderLanes2, renderLanes2.return = workInProgress2, workInProgress2 = renderLanes2) : (renderLanes2 = createWorkInProgress(current.child, lazyComponent), renderLanes2.ref = workInProgress2.ref, workInProgress2.child = renderLanes2, renderLanes2.return = workInProgress2, workInProgress2 = renderLanes2), workInProgress2;
case 22:
return updateOffscreenComponent(current, workInProgress2, renderLanes2);
case 24:
return prepareToReadContext(workInProgress2), lazyComponent = readContext(CacheContext), null === current ? (init = peekCacheFromPool(), null === init && (init = workInProgressRoot, prevState = createCache2(), init.pooledCache = prevState, prevState.refCount++, null !== prevState && (init.pooledCacheLanes |= renderLanes2), init = prevState), workInProgress2.memoizedState = {
parent: lazyComponent,
cache: init
}, initializeUpdateQueue(workInProgress2), pushProvider(workInProgress2, CacheContext, init)) : (0 !== (current.lanes & renderLanes2) && (cloneUpdateQueue(current, workInProgress2), processUpdateQueue(workInProgress2, null, null, renderLanes2), suspendIfUpdateReadFromEntangledAsyncAction()), init = current.memoizedState, prevState = workInProgress2.memoizedState, init.parent !== lazyComponent ? (init = { parent: lazyComponent, cache: lazyComponent }, workInProgress2.memoizedState = init, 0 === workInProgress2.lanes && (workInProgress2.memoizedState = workInProgress2.updateQueue.baseState = init), pushProvider(workInProgress2, CacheContext, lazyComponent)) : (lazyComponent = prevState.cache, pushProvider(workInProgress2, CacheContext, lazyComponent), lazyComponent !== init.cache && propagateContextChanges(
workInProgress2,
[CacheContext],
renderLanes2,
true
))), reconcileChildren(
current,
workInProgress2,
workInProgress2.pendingProps.children,
renderLanes2
), workInProgress2.child;
case 29:
throw workInProgress2.pendingProps;
}
throw Error(formatProdErrorMessage(156, workInProgress2.tag));
}
function markUpdate(workInProgress2) {
workInProgress2.flags |= 4;
}
function preloadResourceAndSuspendIfNeeded(workInProgress2, resource) {
if ("stylesheet" !== resource.type || 0 !== (resource.state.loading & 4))
workInProgress2.flags &= -16777217;
else if (workInProgress2.flags |= 16777216, !preloadResource(resource)) {
resource = suspenseHandlerStackCursor.current;
if (null !== resource && ((workInProgressRootRenderLanes & 4194048) === workInProgressRootRenderLanes ? null !== shellBoundary : (workInProgressRootRenderLanes & 62914560) !== workInProgressRootRenderLanes && 0 === (workInProgressRootRenderLanes & 536870912) || resource !== shellBoundary))
throw suspendedThenable = noopSuspenseyCommitThenable, SuspenseyCommitException;
workInProgress2.flags |= 8192;
}
}
function scheduleRetryEffect(workInProgress2, retryQueue) {
null !== retryQueue && (workInProgress2.flags |= 4);
workInProgress2.flags & 16384 && (retryQueue = 22 !== workInProgress2.tag ? claimNextRetryLane() : 536870912, workInProgress2.lanes |= retryQueue, workInProgressSuspendedRetryLanes |= retryQueue);
}
function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
if (!isHydrating)
switch (renderState.tailMode) {
case "hidden":
hasRenderedATailFallback = renderState.tail;
for (var lastTailNode = null; null !== hasRenderedATailFallback; )
null !== hasRenderedATailFallback.alternate && (lastTailNode = hasRenderedATailFallback), hasRenderedATailFallback = hasRenderedATailFallback.sibling;
null === lastTailNode ? renderState.tail = null : lastTailNode.sibling = null;
break;
case "collapsed":
lastTailNode = renderState.tail;
for (var lastTailNode$113 = null; null !== lastTailNode; )
null !== lastTailNode.alternate && (lastTailNode$113 = lastTailNode), lastTailNode = lastTailNode.sibling;
null === lastTailNode$113 ? hasRenderedATailFallback || null === renderState.tail ? renderState.tail = null : renderState.tail.sibling = null : lastTailNode$113.sibling = null;
}
}
function bubbleProperties(completedWork) {
var didBailout = null !== completedWork.alternate && completedWork.alternate.child === completedWork.child, newChildLanes = 0, subtreeFlags = 0;
if (didBailout)
for (var child$114 = completedWork.child; null !== child$114; )
newChildLanes |= child$114.lanes | child$114.childLanes, subtreeFlags |= child$114.subtreeFlags & 65011712, subtreeFlags |= child$114.flags & 65011712, child$114.return = completedWork, child$114 = child$114.sibling;
else
for (child$114 = completedWork.child; null !== child$114; )
newChildLanes |= child$114.lanes | child$114.childLanes, subtreeFlags |= child$114.subtreeFlags, subtreeFlags |= child$114.flags, child$114.return = completedWork, child$114 = child$114.sibling;
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
}
function completeWork(current, workInProgress2, renderLanes2) {
var newProps = workInProgress2.pendingProps;
popTreeContext(workInProgress2);
switch (workInProgress2.tag) {
case 31:
case 16:
case 15:
case 0:
case 11:
case 7:
case 8:
case 12:
case 9:
case 14:
return bubbleProperties(workInProgress2), null;
case 1:
return bubbleProperties(workInProgress2), null;
case 3:
renderLanes2 = workInProgress2.stateNode;
newProps = null;
null !== current && (newProps = current.memoizedState.cache);
workInProgress2.memoizedState.cache !== newProps && (workInProgress2.flags |= 2048);
popProvider(CacheContext);
popHostContainer();
renderLanes2.pendingContext && (renderLanes2.context = renderLanes2.pendingContext, renderLanes2.pendingContext = null);
if (null === current || null === current.child)
popHydrationState(workInProgress2) ? markUpdate(workInProgress2) : null === current || current.memoizedState.isDehydrated && 0 === (workInProgress2.flags & 256) || (workInProgress2.flags |= 1024, upgradeHydrationErrorsToRecoverable());
bubbleProperties(workInProgress2);
return null;
case 26:
return renderLanes2 = workInProgress2.memoizedState, null === current ? (markUpdate(workInProgress2), null !== renderLanes2 ? (bubbleProperties(workInProgress2), preloadResourceAndSuspendIfNeeded(workInProgress2, renderLanes2)) : (bubbleProperties(workInProgress2), workInProgress2.flags &= -16777217)) : renderLanes2 ? renderLanes2 !== current.memoizedState ? (markUpdate(workInProgress2), bubbleProperties(workInProgress2), preloadResourceAndSuspendIfNeeded(workInProgress2, renderLanes2)) : (bubbleProperties(workInProgress2), workInProgress2.flags &= -16777217) : (current.memoizedProps !== newProps && markUpdate(workInProgress2), bubbleProperties(workInProgress2), workInProgress2.flags &= -16777217), null;
case 27:
popHostContext(workInProgress2);
renderLanes2 = rootInstanceStackCursor.current;
var type4 = workInProgress2.type;
if (null !== current && null != workInProgress2.stateNode)
current.memoizedProps !== newProps && markUpdate(workInProgress2);
else {
if (!newProps) {
if (null === workInProgress2.stateNode)
throw Error(formatProdErrorMessage(166));
bubbleProperties(workInProgress2);
return null;
}
current = contextStackCursor.current;
popHydrationState(workInProgress2) ? prepareToHydrateHostInstance(workInProgress2) : (current = resolveSingletonInstance(type4, newProps, renderLanes2), workInProgress2.stateNode = current, markUpdate(workInProgress2));
}
bubbleProperties(workInProgress2);
return null;
case 5:
popHostContext(workInProgress2);
renderLanes2 = workInProgress2.type;
if (null !== current && null != workInProgress2.stateNode)
current.memoizedProps !== newProps && markUpdate(workInProgress2);
else {
if (!newProps) {
if (null === workInProgress2.stateNode)
throw Error(formatProdErrorMessage(166));
bubbleProperties(workInProgress2);
return null;
}
current = contextStackCursor.current;
if (popHydrationState(workInProgress2))
prepareToHydrateHostInstance(workInProgress2);
else {
type4 = getOwnerDocumentFromRootContainer(
rootInstanceStackCursor.current
);
switch (current) {
case 1:
current = type4.createElementNS(
"http://www.w3.org/2000/svg",
renderLanes2
);
break;
case 2:
current = type4.createElementNS(
"http://www.w3.org/1998/Math/MathML",
renderLanes2
);
break;
default:
switch (renderLanes2) {
case "svg":
current = type4.createElementNS(
"http://www.w3.org/2000/svg",
renderLanes2
);
break;
case "math":
current = type4.createElementNS(
"http://www.w3.org/1998/Math/MathML",
renderLanes2
);
break;
case "script":
current = type4.createElement("div");
current.innerHTML = "<script><\/script>";
current = current.removeChild(current.firstChild);
break;
case "select":
current = "string" === typeof newProps.is ? type4.createElement("select", { is: newProps.is }) : type4.createElement("select");
newProps.multiple ? current.multiple = true : newProps.size && (current.size = newProps.size);
break;
default:
current = "string" === typeof newProps.is ? type4.createElement(renderLanes2, { is: newProps.is }) : type4.createElement(renderLanes2);
}
}
current[internalInstanceKey] = workInProgress2;
current[internalPropsKey] = newProps;
a: for (type4 = workInProgress2.child; null !== type4; ) {
if (5 === type4.tag || 6 === type4.tag)
current.appendChild(type4.stateNode);
else if (4 !== type4.tag && 27 !== type4.tag && null !== type4.child) {
type4.child.return = type4;
type4 = type4.child;
continue;
}
if (type4 === workInProgress2) break a;
for (; null === type4.sibling; ) {
if (null === type4.return || type4.return === workInProgress2)
break a;
type4 = type4.return;
}
type4.sibling.return = type4.return;
type4 = type4.sibling;
}
workInProgress2.stateNode = current;
a: switch (setInitialProperties(current, renderLanes2, newProps), renderLanes2) {
case "button":
case "input":
case "select":
case "textarea":
current = !!newProps.autoFocus;
break a;
case "img":
current = true;
break a;
default:
current = false;
}
current && markUpdate(workInProgress2);
}
}
bubbleProperties(workInProgress2);
workInProgress2.flags &= -16777217;
return null;
case 6:
if (current && null != workInProgress2.stateNode)
current.memoizedProps !== newProps && markUpdate(workInProgress2);
else {
if ("string" !== typeof newProps && null === workInProgress2.stateNode)
throw Error(formatProdErrorMessage(166));
current = rootInstanceStackCursor.current;
if (popHydrationState(workInProgress2)) {
current = workInProgress2.stateNode;
renderLanes2 = workInProgress2.memoizedProps;
newProps = null;
type4 = hydrationParentFiber;
if (null !== type4)
switch (type4.tag) {
case 27:
case 5:
newProps = type4.memoizedProps;
}
current[internalInstanceKey] = workInProgress2;
current = current.nodeValue === renderLanes2 || null !== newProps && true === newProps.suppressHydrationWarning || checkForUnmatchedText(current.nodeValue, renderLanes2) ? true : false;
current || throwOnHydrationMismatch(workInProgress2);
} else
current = getOwnerDocumentFromRootContainer(current).createTextNode(
newProps
), current[internalInstanceKey] = workInProgress2, workInProgress2.stateNode = current;
}
bubbleProperties(workInProgress2);
return null;
case 13:
newProps = workInProgress2.memoizedState;
if (null === current || null !== current.memoizedState && null !== current.memoizedState.dehydrated) {
type4 = popHydrationState(workInProgress2);
if (null !== newProps && null !== newProps.dehydrated) {
if (null === current) {
if (!type4) throw Error(formatProdErrorMessage(318));
type4 = workInProgress2.memoizedState;
type4 = null !== type4 ? type4.dehydrated : null;
if (!type4) throw Error(formatProdErrorMessage(317));
type4[internalInstanceKey] = workInProgress2;
} else
resetHydrationState(), 0 === (workInProgress2.flags & 128) && (workInProgress2.memoizedState = null), workInProgress2.flags |= 4;
bubbleProperties(workInProgress2);
type4 = false;
} else
type4 = upgradeHydrationErrorsToRecoverable(), null !== current && null !== current.memoizedState && (current.memoizedState.hydrationErrors = type4), type4 = true;
if (!type4) {
if (workInProgress2.flags & 256)
return popSuspenseHandler(workInProgress2), workInProgress2;
popSuspenseHandler(workInProgress2);
return null;
}
}
popSuspenseHandler(workInProgress2);
if (0 !== (workInProgress2.flags & 128))
return workInProgress2.lanes = renderLanes2, workInProgress2;
renderLanes2 = null !== newProps;
current = null !== current && null !== current.memoizedState;
if (renderLanes2) {
newProps = workInProgress2.child;
type4 = null;
null !== newProps.alternate && null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type4 = newProps.alternate.memoizedState.cachePool.pool);
var cache$127 = null;
null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && (cache$127 = newProps.memoizedState.cachePool.pool);
cache$127 !== type4 && (newProps.flags |= 2048);
}
renderLanes2 !== current && renderLanes2 && (workInProgress2.child.flags |= 8192);
scheduleRetryEffect(workInProgress2, workInProgress2.updateQueue);
bubbleProperties(workInProgress2);
return null;
case 4:
return popHostContainer(), null === current && listenToAllSupportedEvents(workInProgress2.stateNode.containerInfo), bubbleProperties(workInProgress2), null;
case 10:
return popProvider(workInProgress2.type), bubbleProperties(workInProgress2), null;
case 19:
pop(suspenseStackCursor);
type4 = workInProgress2.memoizedState;
if (null === type4) return bubbleProperties(workInProgress2), null;
newProps = 0 !== (workInProgress2.flags & 128);
cache$127 = type4.rendering;
if (null === cache$127)
if (newProps) cutOffTailIfNeeded(type4, false);
else {
if (0 !== workInProgressRootExitStatus || null !== current && 0 !== (current.flags & 128))
for (current = workInProgress2.child; null !== current; ) {
cache$127 = findFirstSuspended(current);
if (null !== cache$127) {
workInProgress2.flags |= 128;
cutOffTailIfNeeded(type4, false);
current = cache$127.updateQueue;
workInProgress2.updateQueue = current;
scheduleRetryEffect(workInProgress2, current);
workInProgress2.subtreeFlags = 0;
current = renderLanes2;
for (renderLanes2 = workInProgress2.child; null !== renderLanes2; )
resetWorkInProgress(renderLanes2, current), renderLanes2 = renderLanes2.sibling;
push(
suspenseStackCursor,
suspenseStackCursor.current & 1 | 2
);
return workInProgress2.child;
}
current = current.sibling;
}
null !== type4.tail && now() > workInProgressRootRenderTargetTime && (workInProgress2.flags |= 128, newProps = true, cutOffTailIfNeeded(type4, false), workInProgress2.lanes = 4194304);
}
else {
if (!newProps)
if (current = findFirstSuspended(cache$127), null !== current) {
if (workInProgress2.flags |= 128, newProps = true, current = current.updateQueue, workInProgress2.updateQueue = current, scheduleRetryEffect(workInProgress2, current), cutOffTailIfNeeded(type4, true), null === type4.tail && "hidden" === type4.tailMode && !cache$127.alternate && !isHydrating)
return bubbleProperties(workInProgress2), null;
} else
2 * now() - type4.renderingStartTime > workInProgressRootRenderTargetTime && 536870912 !== renderLanes2 && (workInProgress2.flags |= 128, newProps = true, cutOffTailIfNeeded(type4, false), workInProgress2.lanes = 4194304);
type4.isBackwards ? (cache$127.sibling = workInProgress2.child, workInProgress2.child = cache$127) : (current = type4.last, null !== current ? current.sibling = cache$127 : workInProgress2.child = cache$127, type4.last = cache$127);
}
if (null !== type4.tail)
return workInProgress2 = type4.tail, type4.rendering = workInProgress2, type4.tail = workInProgress2.sibling, type4.renderingStartTime = now(), workInProgress2.sibling = null, current = suspenseStackCursor.current, push(suspenseStackCursor, newProps ? current & 1 | 2 : current & 1), workInProgress2;
bubbleProperties(workInProgress2);
return null;
case 22:
case 23:
return popSuspenseHandler(workInProgress2), popHiddenContext(), newProps = null !== workInProgress2.memoizedState, null !== current ? null !== current.memoizedState !== newProps && (workInProgress2.flags |= 8192) : newProps && (workInProgress2.flags |= 8192), newProps ? 0 !== (renderLanes2 & 536870912) && 0 === (workInProgress2.flags & 128) && (bubbleProperties(workInProgress2), workInProgress2.subtreeFlags & 6 && (workInProgress2.flags |= 8192)) : bubbleProperties(workInProgress2), renderLanes2 = workInProgress2.updateQueue, null !== renderLanes2 && scheduleRetryEffect(workInProgress2, renderLanes2.retryQueue), renderLanes2 = null, null !== current && null !== current.memoizedState && null !== current.memoizedState.cachePool && (renderLanes2 = current.memoizedState.cachePool.pool), newProps = null, null !== workInProgress2.memoizedState && null !== workInProgress2.memoizedState.cachePool && (newProps = workInProgress2.memoizedState.cachePool.pool), newProps !== renderLanes2 && (workInProgress2.flags |= 2048), null !== current && pop(resumedCache), null;
case 24:
return renderLanes2 = null, null !== current && (renderLanes2 = current.memoizedState.cache), workInProgress2.memoizedState.cache !== renderLanes2 && (workInProgress2.flags |= 2048), popProvider(CacheContext), bubbleProperties(workInProgress2), null;
case 25:
return null;
case 30:
return null;
}
throw Error(formatProdErrorMessage(156, workInProgress2.tag));
}
function unwindWork(current, workInProgress2) {
popTreeContext(workInProgress2);
switch (workInProgress2.tag) {
case 1:
return current = workInProgress2.flags, current & 65536 ? (workInProgress2.flags = current & -65537 | 128, workInProgress2) : null;
case 3:
return popProvider(CacheContext), popHostContainer(), current = workInProgress2.flags, 0 !== (current & 65536) && 0 === (current & 128) ? (workInProgress2.flags = current & -65537 | 128, workInProgress2) : null;
case 26:
case 27:
case 5:
return popHostContext(workInProgress2), null;
case 13:
popSuspenseHandler(workInProgress2);
current = workInProgress2.memoizedState;
if (null !== current && null !== current.dehydrated) {
if (null === workInProgress2.alternate)
throw Error(formatProdErrorMessage(340));
resetHydrationState();
}
current = workInProgress2.flags;
return current & 65536 ? (workInProgress2.flags = current & -65537 | 128, workInProgress2) : null;
case 19:
return pop(suspenseStackCursor), null;
case 4:
return popHostContainer(), null;
case 10:
return popProvider(workInProgress2.type), null;
case 22:
case 23:
return popSuspenseHandler(workInProgress2), popHiddenContext(), null !== current && pop(resumedCache), current = workInProgress2.flags, current & 65536 ? (workInProgress2.flags = current & -65537 | 128, workInProgress2) : null;
case 24:
return popProvider(CacheContext), null;
case 25:
return null;
default:
return null;
}
}
function unwindInterruptedWork(current, interruptedWork) {
popTreeContext(interruptedWork);
switch (interruptedWork.tag) {
case 3:
popProvider(CacheContext);
popHostContainer();
break;
case 26:
case 27:
case 5:
popHostContext(interruptedWork);
break;
case 4:
popHostContainer();
break;
case 13:
popSuspenseHandler(interruptedWork);
break;
case 19:
pop(suspenseStackCursor);
break;
case 10:
popProvider(interruptedWork.type);
break;
case 22:
case 23:
popSuspenseHandler(interruptedWork);
popHiddenContext();
null !== current && pop(resumedCache);
break;
case 24:
popProvider(CacheContext);
}
}
function commitHookEffectListMount(flags, finishedWork) {
try {
var updateQueue = finishedWork.updateQueue, lastEffect = null !== updateQueue ? updateQueue.lastEffect : null;
if (null !== lastEffect) {
var firstEffect = lastEffect.next;
updateQueue = firstEffect;
do {
if ((updateQueue.tag & flags) === flags) {
lastEffect = void 0;
var create = updateQueue.create, inst = updateQueue.inst;
lastEffect = create();
inst.destroy = lastEffect;
}
updateQueue = updateQueue.next;
} while (updateQueue !== firstEffect);
}
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
function commitHookEffectListUnmount(flags, finishedWork, nearestMountedAncestor$jscomp$0) {
try {
var updateQueue = finishedWork.updateQueue, lastEffect = null !== updateQueue ? updateQueue.lastEffect : null;
if (null !== lastEffect) {
var firstEffect = lastEffect.next;
updateQueue = firstEffect;
do {
if ((updateQueue.tag & flags) === flags) {
var inst = updateQueue.inst, destroy = inst.destroy;
if (void 0 !== destroy) {
inst.destroy = void 0;
lastEffect = finishedWork;
var nearestMountedAncestor = nearestMountedAncestor$jscomp$0, destroy_ = destroy;
try {
destroy_();
} catch (error) {
captureCommitPhaseError(
lastEffect,
nearestMountedAncestor,
error
);
}
}
}
updateQueue = updateQueue.next;
} while (updateQueue !== firstEffect);
}
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
function commitClassCallbacks(finishedWork) {
var updateQueue = finishedWork.updateQueue;
if (null !== updateQueue) {
var instance = finishedWork.stateNode;
try {
commitCallbacks(updateQueue, instance);
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
}
function safelyCallComponentWillUnmount(current, nearestMountedAncestor, instance) {
instance.props = resolveClassComponentProps(
current.type,
current.memoizedProps
);
instance.state = current.memoizedState;
try {
instance.componentWillUnmount();
} catch (error) {
captureCommitPhaseError(current, nearestMountedAncestor, error);
}
}
function safelyAttachRef(current, nearestMountedAncestor) {
try {
var ref = current.ref;
if (null !== ref) {
switch (current.tag) {
case 26:
case 27:
case 5:
var instanceToUse = current.stateNode;
break;
case 30:
instanceToUse = current.stateNode;
break;
default:
instanceToUse = current.stateNode;
}
"function" === typeof ref ? current.refCleanup = ref(instanceToUse) : ref.current = instanceToUse;
}
} catch (error) {
captureCommitPhaseError(current, nearestMountedAncestor, error);
}
}
function safelyDetachRef(current, nearestMountedAncestor) {
var ref = current.ref, refCleanup = current.refCleanup;
if (null !== ref)
if ("function" === typeof refCleanup)
try {
refCleanup();
} catch (error) {
captureCommitPhaseError(current, nearestMountedAncestor, error);
} finally {
current.refCleanup = null, current = current.alternate, null != current && (current.refCleanup = null);
}
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$143) {
captureCommitPhaseError(current, nearestMountedAncestor, error$143);
}
else ref.current = null;
}
function commitHostMount(finishedWork) {
var type4 = finishedWork.type, props = finishedWork.memoizedProps, instance = finishedWork.stateNode;
try {
a: switch (type4) {
case "button":
case "input":
case "select":
case "textarea":
props.autoFocus && instance.focus();
break a;
case "img":
props.src ? instance.src = props.src : props.srcSet && (instance.srcset = props.srcSet);
}
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
function commitHostUpdate(finishedWork, newProps, oldProps) {
try {
var domElement = finishedWork.stateNode;
updateProperties(domElement, finishedWork.type, oldProps, newProps);
domElement[internalPropsKey] = newProps;
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
function isHostParent(fiber) {
return 5 === fiber.tag || 3 === fiber.tag || 26 === fiber.tag || 27 === fiber.tag && isSingletonScope(fiber.type) || 4 === fiber.tag;
}
function getHostSibling(fiber) {
a: for (; ; ) {
for (; null === fiber.sibling; ) {
if (null === fiber.return || isHostParent(fiber.return)) return null;
fiber = fiber.return;
}
fiber.sibling.return = fiber.return;
for (fiber = fiber.sibling; 5 !== fiber.tag && 6 !== fiber.tag && 18 !== fiber.tag; ) {
if (27 === fiber.tag && isSingletonScope(fiber.type)) continue a;
if (fiber.flags & 2) continue a;
if (null === fiber.child || 4 === fiber.tag) continue a;
else fiber.child.return = fiber, fiber = fiber.child;
}
if (!(fiber.flags & 2)) return fiber.stateNode;
}
}
function insertOrAppendPlacementNodeIntoContainer(node2, before, parent) {
var tag = node2.tag;
if (5 === tag || 6 === tag)
node2 = node2.stateNode, before ? (9 === parent.nodeType ? parent.body : "HTML" === parent.nodeName ? parent.ownerDocument.body : parent).insertBefore(node2, before) : (before = 9 === parent.nodeType ? parent.body : "HTML" === parent.nodeName ? parent.ownerDocument.body : parent, before.appendChild(node2), parent = parent._reactRootContainer, null !== parent && void 0 !== parent || null !== before.onclick || (before.onclick = noop$12));
else if (4 !== tag && (27 === tag && isSingletonScope(node2.type) && (parent = node2.stateNode, before = null), node2 = node2.child, null !== node2))
for (insertOrAppendPlacementNodeIntoContainer(node2, before, parent), node2 = node2.sibling; null !== node2; )
insertOrAppendPlacementNodeIntoContainer(node2, before, parent), node2 = node2.sibling;
}
function insertOrAppendPlacementNode(node2, before, parent) {
var tag = node2.tag;
if (5 === tag || 6 === tag)
node2 = node2.stateNode, before ? parent.insertBefore(node2, before) : parent.appendChild(node2);
else if (4 !== tag && (27 === tag && isSingletonScope(node2.type) && (parent = node2.stateNode), node2 = node2.child, null !== node2))
for (insertOrAppendPlacementNode(node2, before, parent), node2 = node2.sibling; null !== node2; )
insertOrAppendPlacementNode(node2, before, parent), node2 = node2.sibling;
}
function commitHostSingletonAcquisition(finishedWork) {
var singleton = finishedWork.stateNode, props = finishedWork.memoizedProps;
try {
for (var type4 = finishedWork.type, attributes2 = singleton.attributes; attributes2.length; )
singleton.removeAttributeNode(attributes2[0]);
setInitialProperties(singleton, type4, props);
singleton[internalInstanceKey] = finishedWork;
singleton[internalPropsKey] = props;
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
var offscreenSubtreeIsHidden = false, offscreenSubtreeWasHidden = false, needsFormReset = false, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null;
function commitBeforeMutationEffects(root2, firstChild) {
root2 = root2.containerInfo;
eventsEnabled = _enabled;
root2 = getActiveElementDeep(root2);
if (hasSelectionCapabilities(root2)) {
if ("selectionStart" in root2)
var JSCompiler_temp = {
start: root2.selectionStart,
end: root2.selectionEnd
};
else
a: {
JSCompiler_temp = (JSCompiler_temp = root2.ownerDocument) && JSCompiler_temp.defaultView || window;
var selection = JSCompiler_temp.getSelection && JSCompiler_temp.getSelection();
if (selection && 0 !== selection.rangeCount) {
JSCompiler_temp = selection.anchorNode;
var anchorOffset = selection.anchorOffset, focusNode = selection.focusNode;
selection = selection.focusOffset;
try {
JSCompiler_temp.nodeType, focusNode.nodeType;
} catch (e$20) {
JSCompiler_temp = null;
break a;
}
var length2 = 0, start = -1, end = -1, indexWithinAnchor = 0, indexWithinFocus = 0, node2 = root2, parentNode = null;
b: for (; ; ) {
for (var next2; ; ) {
node2 !== JSCompiler_temp || 0 !== anchorOffset && 3 !== node2.nodeType || (start = length2 + anchorOffset);
node2 !== focusNode || 0 !== selection && 3 !== node2.nodeType || (end = length2 + selection);
3 === node2.nodeType && (length2 += node2.nodeValue.length);
if (null === (next2 = node2.firstChild)) break;
parentNode = node2;
node2 = next2;
}
for (; ; ) {
if (node2 === root2) break b;
parentNode === JSCompiler_temp && ++indexWithinAnchor === anchorOffset && (start = length2);
parentNode === focusNode && ++indexWithinFocus === selection && (end = length2);
if (null !== (next2 = node2.nextSibling)) break;
node2 = parentNode;
parentNode = node2.parentNode;
}
node2 = next2;
}
JSCompiler_temp = -1 === start || -1 === end ? null : { start, end };
} else JSCompiler_temp = null;
}
JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 };
} else JSCompiler_temp = null;
selectionInformation = { focusedElem: root2, selectionRange: JSCompiler_temp };
_enabled = false;
for (nextEffect = firstChild; null !== nextEffect; )
if (firstChild = nextEffect, root2 = firstChild.child, 0 !== (firstChild.subtreeFlags & 1024) && null !== root2)
root2.return = firstChild, nextEffect = root2;
else
for (; null !== nextEffect; ) {
firstChild = nextEffect;
focusNode = firstChild.alternate;
root2 = firstChild.flags;
switch (firstChild.tag) {
case 0:
break;
case 11:
case 15:
break;
case 1:
if (0 !== (root2 & 1024) && null !== focusNode) {
root2 = void 0;
JSCompiler_temp = firstChild;
anchorOffset = focusNode.memoizedProps;
focusNode = focusNode.memoizedState;
selection = JSCompiler_temp.stateNode;
try {
var resolvedPrevProps = resolveClassComponentProps(
JSCompiler_temp.type,
anchorOffset,
JSCompiler_temp.elementType === JSCompiler_temp.type
);
root2 = selection.getSnapshotBeforeUpdate(
resolvedPrevProps,
focusNode
);
selection.__reactInternalSnapshotBeforeUpdate = root2;
} catch (error) {
captureCommitPhaseError(
JSCompiler_temp,
JSCompiler_temp.return,
error
);
}
}
break;
case 3:
if (0 !== (root2 & 1024)) {
if (root2 = firstChild.stateNode.containerInfo, JSCompiler_temp = root2.nodeType, 9 === JSCompiler_temp)
clearContainerSparingly(root2);
else if (1 === JSCompiler_temp)
switch (root2.nodeName) {
case "HEAD":
case "HTML":
case "BODY":
clearContainerSparingly(root2);
break;
default:
root2.textContent = "";
}
}
break;
case 5:
case 26:
case 27:
case 6:
case 4:
case 17:
break;
default:
if (0 !== (root2 & 1024)) throw Error(formatProdErrorMessage(163));
}
root2 = firstChild.sibling;
if (null !== root2) {
root2.return = firstChild.return;
nextEffect = root2;
break;
}
nextEffect = firstChild.return;
}
}
function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
var flags = finishedWork.flags;
switch (finishedWork.tag) {
case 0:
case 11:
case 15:
recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
flags & 4 && commitHookEffectListMount(5, finishedWork);
break;
case 1:
recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
if (flags & 4)
if (finishedRoot = finishedWork.stateNode, null === current)
try {
finishedRoot.componentDidMount();
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
else {
var prevProps = resolveClassComponentProps(
finishedWork.type,
current.memoizedProps
);
current = current.memoizedState;
try {
finishedRoot.componentDidUpdate(
prevProps,
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$142) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$142
);
}
}
flags & 64 && commitClassCallbacks(finishedWork);
flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
break;
case 3:
recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
if (flags & 64 && (finishedRoot = finishedWork.updateQueue, null !== finishedRoot)) {
current = null;
if (null !== finishedWork.child)
switch (finishedWork.child.tag) {
case 27:
case 5:
current = finishedWork.child.stateNode;
break;
case 1:
current = finishedWork.child.stateNode;
}
try {
commitCallbacks(finishedRoot, current);
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
break;
case 27:
null === current && flags & 4 && commitHostSingletonAcquisition(finishedWork);
case 26:
case 5:
recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
null === current && flags & 4 && commitHostMount(finishedWork);
flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
break;
case 12:
recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
break;
case 13:
recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
flags & 4 && commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
flags & 64 && (finishedRoot = finishedWork.memoizedState, null !== finishedRoot && (finishedRoot = finishedRoot.dehydrated, null !== finishedRoot && (finishedWork = retryDehydratedSuspenseBoundary.bind(
null,
finishedWork
), registerSuspenseInstanceRetry(finishedRoot, finishedWork))));
break;
case 22:
flags = null !== finishedWork.memoizedState || offscreenSubtreeIsHidden;
if (!flags) {
current = null !== current && null !== current.memoizedState || offscreenSubtreeWasHidden;
prevProps = offscreenSubtreeIsHidden;
var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
offscreenSubtreeIsHidden = flags;
(offscreenSubtreeWasHidden = current) && !prevOffscreenSubtreeWasHidden ? recursivelyTraverseReappearLayoutEffects(
finishedRoot,
finishedWork,
0 !== (finishedWork.subtreeFlags & 8772)
) : recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
offscreenSubtreeIsHidden = prevProps;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
}
break;
case 30:
break;
default:
recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
}
}
function detachFiberAfterEffects(fiber) {
var alternate = fiber.alternate;
null !== alternate && (fiber.alternate = null, detachFiberAfterEffects(alternate));
fiber.child = null;
fiber.deletions = null;
fiber.sibling = null;
5 === fiber.tag && (alternate = fiber.stateNode, null !== alternate && detachDeletedInstance(alternate));
fiber.stateNode = null;
fiber.return = null;
fiber.dependencies = null;
fiber.memoizedProps = null;
fiber.memoizedState = null;
fiber.pendingProps = null;
fiber.stateNode = null;
fiber.updateQueue = null;
}
var hostParent = null, hostParentIsContainer = false;
function recursivelyTraverseDeletionEffects(finishedRoot, nearestMountedAncestor, parent) {
for (parent = parent.child; null !== parent; )
commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, parent), parent = parent.sibling;
}
function commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, deletedFiber) {
if (injectedHook && "function" === typeof injectedHook.onCommitFiberUnmount)
try {
injectedHook.onCommitFiberUnmount(rendererID, deletedFiber);
} catch (err) {
}
switch (deletedFiber.tag) {
case 26:
offscreenSubtreeWasHidden || safelyDetachRef(deletedFiber, nearestMountedAncestor);
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
deletedFiber.memoizedState ? deletedFiber.memoizedState.count-- : deletedFiber.stateNode && (deletedFiber = deletedFiber.stateNode, deletedFiber.parentNode.removeChild(deletedFiber));
break;
case 27:
offscreenSubtreeWasHidden || safelyDetachRef(deletedFiber, nearestMountedAncestor);
var prevHostParent = hostParent, prevHostParentIsContainer = hostParentIsContainer;
isSingletonScope(deletedFiber.type) && (hostParent = deletedFiber.stateNode, hostParentIsContainer = false);
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
releaseSingletonInstance(deletedFiber.stateNode);
hostParent = prevHostParent;
hostParentIsContainer = prevHostParentIsContainer;
break;
case 5:
offscreenSubtreeWasHidden || safelyDetachRef(deletedFiber, nearestMountedAncestor);
case 6:
prevHostParent = hostParent;
prevHostParentIsContainer = hostParentIsContainer;
hostParent = null;
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
hostParent = prevHostParent;
hostParentIsContainer = prevHostParentIsContainer;
if (null !== hostParent)
if (hostParentIsContainer)
try {
(9 === hostParent.nodeType ? hostParent.body : "HTML" === hostParent.nodeName ? hostParent.ownerDocument.body : hostParent).removeChild(deletedFiber.stateNode);
} catch (error) {
captureCommitPhaseError(
deletedFiber,
nearestMountedAncestor,
error
);
}
else
try {
hostParent.removeChild(deletedFiber.stateNode);
} catch (error) {
captureCommitPhaseError(
deletedFiber,
nearestMountedAncestor,
error
);
}
break;
case 18:
null !== hostParent && (hostParentIsContainer ? (finishedRoot = hostParent, clearSuspenseBoundary(
9 === finishedRoot.nodeType ? finishedRoot.body : "HTML" === finishedRoot.nodeName ? finishedRoot.ownerDocument.body : finishedRoot,
deletedFiber.stateNode
), retryIfBlockedOn(finishedRoot)) : clearSuspenseBoundary(hostParent, deletedFiber.stateNode));
break;
case 4:
prevHostParent = hostParent;
prevHostParentIsContainer = hostParentIsContainer;
hostParent = deletedFiber.stateNode.containerInfo;
hostParentIsContainer = true;
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
hostParent = prevHostParent;
hostParentIsContainer = prevHostParentIsContainer;
break;
case 0:
case 11:
case 14:
case 15:
offscreenSubtreeWasHidden || commitHookEffectListUnmount(2, deletedFiber, nearestMountedAncestor);
offscreenSubtreeWasHidden || commitHookEffectListUnmount(4, deletedFiber, nearestMountedAncestor);
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
break;
case 1:
offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), prevHostParent = deletedFiber.stateNode, "function" === typeof prevHostParent.componentWillUnmount && safelyCallComponentWillUnmount(
deletedFiber,
nearestMountedAncestor,
prevHostParent
));
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
break;
case 21:
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
break;
case 22:
offscreenSubtreeWasHidden = (prevHostParent = offscreenSubtreeWasHidden) || null !== deletedFiber.memoizedState;
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
offscreenSubtreeWasHidden = prevHostParent;
break;
default:
recursivelyTraverseDeletionEffects(
finishedRoot,
nearestMountedAncestor,
deletedFiber
);
}
}
function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) {
if (null === finishedWork.memoizedState && (finishedRoot = finishedWork.alternate, null !== finishedRoot && (finishedRoot = finishedRoot.memoizedState, null !== finishedRoot && (finishedRoot = finishedRoot.dehydrated, null !== finishedRoot))))
try {
retryIfBlockedOn(finishedRoot);
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
function getRetryCache(finishedWork) {
switch (finishedWork.tag) {
case 13:
case 19:
var retryCache = finishedWork.stateNode;
null === retryCache && (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
return retryCache;
case 22:
return finishedWork = finishedWork.stateNode, retryCache = finishedWork._retryCache, null === retryCache && (retryCache = finishedWork._retryCache = new PossiblyWeakSet()), retryCache;
default:
throw Error(formatProdErrorMessage(435, finishedWork.tag));
}
}
function attachSuspenseRetryListeners(finishedWork, wakeables) {
var retryCache = getRetryCache(finishedWork);
wakeables.forEach(function(wakeable) {
var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
retryCache.has(wakeable) || (retryCache.add(wakeable), wakeable.then(retry, retry));
});
}
function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
var deletions = parentFiber.deletions;
if (null !== deletions)
for (var i = 0; i < deletions.length; i++) {
var childToDelete = deletions[i], root2 = root$jscomp$0, returnFiber = parentFiber, parent = returnFiber;
a: for (; null !== parent; ) {
switch (parent.tag) {
case 27:
if (isSingletonScope(parent.type)) {
hostParent = parent.stateNode;
hostParentIsContainer = false;
break a;
}
break;
case 5:
hostParent = parent.stateNode;
hostParentIsContainer = false;
break a;
case 3:
case 4:
hostParent = parent.stateNode.containerInfo;
hostParentIsContainer = true;
break a;
}
parent = parent.return;
}
if (null === hostParent) throw Error(formatProdErrorMessage(160));
commitDeletionEffectsOnFiber(root2, returnFiber, childToDelete);
hostParent = null;
hostParentIsContainer = false;
root2 = childToDelete.alternate;
null !== root2 && (root2.return = null);
childToDelete.return = null;
}
if (parentFiber.subtreeFlags & 13878)
for (parentFiber = parentFiber.child; null !== parentFiber; )
commitMutationEffectsOnFiber(parentFiber, root$jscomp$0), parentFiber = parentFiber.sibling;
}
var currentHoistableRoot = null;
function commitMutationEffectsOnFiber(finishedWork, root2) {
var current = finishedWork.alternate, flags = finishedWork.flags;
switch (finishedWork.tag) {
case 0:
case 11:
case 14:
case 15:
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
flags & 4 && (commitHookEffectListUnmount(3, finishedWork, finishedWork.return), commitHookEffectListMount(3, finishedWork), commitHookEffectListUnmount(5, finishedWork, finishedWork.return));
break;
case 1:
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
flags & 512 && (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return));
flags & 64 && offscreenSubtreeIsHidden && (finishedWork = finishedWork.updateQueue, null !== finishedWork && (flags = finishedWork.callbacks, null !== flags && (current = finishedWork.shared.hiddenCallbacks, finishedWork.shared.hiddenCallbacks = null === current ? flags : current.concat(flags))));
break;
case 26:
var hoistableRoot = currentHoistableRoot;
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
flags & 512 && (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return));
if (flags & 4) {
var currentResource = null !== current ? current.memoizedState : null;
flags = finishedWork.memoizedState;
if (null === current)
if (null === flags)
if (null === finishedWork.stateNode) {
a: {
flags = finishedWork.type;
current = finishedWork.memoizedProps;
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
b: switch (flags) {
case "title":
currentResource = hoistableRoot.getElementsByTagName("title")[0];
if (!currentResource || currentResource[internalHoistableMarker] || currentResource[internalInstanceKey] || "http://www.w3.org/2000/svg" === currentResource.namespaceURI || currentResource.hasAttribute("itemprop"))
currentResource = hoistableRoot.createElement(flags), hoistableRoot.head.insertBefore(
currentResource,
hoistableRoot.querySelector("head > title")
);
setInitialProperties(currentResource, flags, current);
currentResource[internalInstanceKey] = finishedWork;
markNodeAsHoistable(currentResource);
flags = currentResource;
break a;
case "link":
var maybeNodes = getHydratableHoistableCache(
"link",
"href",
hoistableRoot
).get(flags + (current.href || ""));
if (maybeNodes) {
for (var i = 0; i < maybeNodes.length; i++)
if (currentResource = maybeNodes[i], currentResource.getAttribute("href") === (null == current.href || "" === current.href ? null : current.href) && currentResource.getAttribute("rel") === (null == current.rel ? null : current.rel) && currentResource.getAttribute("title") === (null == current.title ? null : current.title) && currentResource.getAttribute("crossorigin") === (null == current.crossOrigin ? null : current.crossOrigin)) {
maybeNodes.splice(i, 1);
break b;
}
}
currentResource = hoistableRoot.createElement(flags);
setInitialProperties(currentResource, flags, current);
hoistableRoot.head.appendChild(currentResource);
break;
case "meta":
if (maybeNodes = getHydratableHoistableCache(
"meta",
"content",
hoistableRoot
).get(flags + (current.content || ""))) {
for (i = 0; i < maybeNodes.length; i++)
if (currentResource = maybeNodes[i], currentResource.getAttribute("content") === (null == current.content ? null : "" + current.content) && currentResource.getAttribute("name") === (null == current.name ? null : current.name) && currentResource.getAttribute("property") === (null == current.property ? null : current.property) && currentResource.getAttribute("http-equiv") === (null == current.httpEquiv ? null : current.httpEquiv) && currentResource.getAttribute("charset") === (null == current.charSet ? null : current.charSet)) {
maybeNodes.splice(i, 1);
break b;
}
}
currentResource = hoistableRoot.createElement(flags);
setInitialProperties(currentResource, flags, current);
hoistableRoot.head.appendChild(currentResource);
break;
default:
throw Error(formatProdErrorMessage(468, flags));
}
currentResource[internalInstanceKey] = finishedWork;
markNodeAsHoistable(currentResource);
flags = currentResource;
}
finishedWork.stateNode = flags;
} else
mountHoistable(
hoistableRoot,
finishedWork.type,
finishedWork.stateNode
);
else
finishedWork.stateNode = acquireResource(
hoistableRoot,
flags,
finishedWork.memoizedProps
);
else
currentResource !== flags ? (null === currentResource ? null !== current.stateNode && (current = current.stateNode, current.parentNode.removeChild(current)) : currentResource.count--, null === flags ? mountHoistable(
hoistableRoot,
finishedWork.type,
finishedWork.stateNode
) : acquireResource(
hoistableRoot,
flags,
finishedWork.memoizedProps
)) : null === flags && null !== finishedWork.stateNode && commitHostUpdate(
finishedWork,
finishedWork.memoizedProps,
current.memoizedProps
);
}
break;
case 27:
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
flags & 512 && (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return));
null !== current && flags & 4 && commitHostUpdate(
finishedWork,
finishedWork.memoizedProps,
current.memoizedProps
);
break;
case 5:
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
flags & 512 && (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return));
if (finishedWork.flags & 32) {
hoistableRoot = finishedWork.stateNode;
try {
setTextContent(hoistableRoot, "");
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
flags & 4 && null != finishedWork.stateNode && (hoistableRoot = finishedWork.memoizedProps, commitHostUpdate(
finishedWork,
hoistableRoot,
null !== current ? current.memoizedProps : hoistableRoot
));
flags & 1024 && (needsFormReset = true);
break;
case 6:
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
if (flags & 4) {
if (null === finishedWork.stateNode)
throw Error(formatProdErrorMessage(162));
flags = finishedWork.memoizedProps;
current = finishedWork.stateNode;
try {
current.nodeValue = flags;
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
}
break;
case 3:
tagCaches = null;
hoistableRoot = currentHoistableRoot;
currentHoistableRoot = getHoistableRoot(root2.containerInfo);
recursivelyTraverseMutationEffects(root2, finishedWork);
currentHoistableRoot = hoistableRoot;
commitReconciliationEffects(finishedWork);
if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
try {
retryIfBlockedOn(root2.containerInfo);
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
needsFormReset && (needsFormReset = false, recursivelyResetForms(finishedWork));
break;
case 4:
flags = currentHoistableRoot;
currentHoistableRoot = getHoistableRoot(
finishedWork.stateNode.containerInfo
);
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
currentHoistableRoot = flags;
break;
case 12:
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
break;
case 13:
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
finishedWork.child.flags & 8192 && null !== finishedWork.memoizedState !== (null !== current && null !== current.memoizedState) && (globalMostRecentFallbackTime = now());
flags & 4 && (flags = finishedWork.updateQueue, null !== flags && (finishedWork.updateQueue = null, attachSuspenseRetryListeners(finishedWork, flags)));
break;
case 22:
hoistableRoot = null !== finishedWork.memoizedState;
var wasHidden = null !== current && null !== current.memoizedState, prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden, prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || hoistableRoot;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || wasHidden;
recursivelyTraverseMutationEffects(root2, finishedWork);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
commitReconciliationEffects(finishedWork);
if (flags & 8192)
a: for (root2 = finishedWork.stateNode, root2._visibility = hoistableRoot ? root2._visibility & -2 : root2._visibility | 1, hoistableRoot && (null === current || wasHidden || offscreenSubtreeIsHidden || offscreenSubtreeWasHidden || recursivelyTraverseDisappearLayoutEffects(finishedWork)), current = null, root2 = finishedWork; ; ) {
if (5 === root2.tag || 26 === root2.tag) {
if (null === current) {
wasHidden = current = root2;
try {
if (currentResource = wasHidden.stateNode, hoistableRoot)
maybeNodes = currentResource.style, "function" === typeof maybeNodes.setProperty ? maybeNodes.setProperty("display", "none", "important") : maybeNodes.display = "none";
else {
i = wasHidden.stateNode;
var styleProp = wasHidden.memoizedProps.style, display = void 0 !== styleProp && null !== styleProp && styleProp.hasOwnProperty("display") ? styleProp.display : null;
i.style.display = null == display || "boolean" === typeof display ? "" : ("" + display).trim();
}
} catch (error) {
captureCommitPhaseError(wasHidden, wasHidden.return, error);
}
}
} else if (6 === root2.tag) {
if (null === current) {
wasHidden = root2;
try {
wasHidden.stateNode.nodeValue = hoistableRoot ? "" : wasHidden.memoizedProps;
} catch (error) {
captureCommitPhaseError(wasHidden, wasHidden.return, error);
}
}
} else if ((22 !== root2.tag && 23 !== root2.tag || null === root2.memoizedState || root2 === finishedWork) && null !== root2.child) {
root2.child.return = root2;
root2 = root2.child;
continue;
}
if (root2 === finishedWork) break a;
for (; null === root2.sibling; ) {
if (null === root2.return || root2.return === finishedWork) break a;
current === root2 && (current = null);
root2 = root2.return;
}
current === root2 && (current = null);
root2.sibling.return = root2.return;
root2 = root2.sibling;
}
flags & 4 && (flags = finishedWork.updateQueue, null !== flags && (current = flags.retryQueue, null !== current && (flags.retryQueue = null, attachSuspenseRetryListeners(finishedWork, current))));
break;
case 19:
recursivelyTraverseMutationEffects(root2, finishedWork);
commitReconciliationEffects(finishedWork);
flags & 4 && (flags = finishedWork.updateQueue, null !== flags && (finishedWork.updateQueue = null, attachSuspenseRetryListeners(finishedWork, flags)));
break;
case 30:
break;
case 21:
break;
default:
recursivelyTraverseMutationEffects(root2, finishedWork), commitReconciliationEffects(finishedWork);
}
}
function commitReconciliationEffects(finishedWork) {
var flags = finishedWork.flags;
if (flags & 2) {
try {
for (var hostParentFiber, parentFiber = finishedWork.return; null !== parentFiber; ) {
if (isHostParent(parentFiber)) {
hostParentFiber = parentFiber;
break;
}
parentFiber = parentFiber.return;
}
if (null == hostParentFiber) throw Error(formatProdErrorMessage(160));
switch (hostParentFiber.tag) {
case 27:
var parent = hostParentFiber.stateNode, before = getHostSibling(finishedWork);
insertOrAppendPlacementNode(finishedWork, before, parent);
break;
case 5:
var parent$144 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 && (setTextContent(parent$144, ""), hostParentFiber.flags &= -33);
var before$145 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(finishedWork, before$145, parent$144);
break;
case 3:
case 4:
var parent$146 = hostParentFiber.stateNode.containerInfo, before$147 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$147,
parent$146
);
break;
default:
throw Error(formatProdErrorMessage(161));
}
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
finishedWork.flags &= -3;
}
flags & 4096 && (finishedWork.flags &= -4097);
}
function recursivelyResetForms(parentFiber) {
if (parentFiber.subtreeFlags & 1024)
for (parentFiber = parentFiber.child; null !== parentFiber; ) {
var fiber = parentFiber;
recursivelyResetForms(fiber);
5 === fiber.tag && fiber.flags & 1024 && fiber.stateNode.reset();
parentFiber = parentFiber.sibling;
}
}
function recursivelyTraverseLayoutEffects(root2, parentFiber) {
if (parentFiber.subtreeFlags & 8772)
for (parentFiber = parentFiber.child; null !== parentFiber; )
commitLayoutEffectOnFiber(root2, parentFiber.alternate, parentFiber), parentFiber = parentFiber.sibling;
}
function recursivelyTraverseDisappearLayoutEffects(parentFiber) {
for (parentFiber = parentFiber.child; null !== parentFiber; ) {
var finishedWork = parentFiber;
switch (finishedWork.tag) {
case 0:
case 11:
case 14:
case 15:
commitHookEffectListUnmount(4, finishedWork, finishedWork.return);
recursivelyTraverseDisappearLayoutEffects(finishedWork);
break;
case 1:
safelyDetachRef(finishedWork, finishedWork.return);
var instance = finishedWork.stateNode;
"function" === typeof instance.componentWillUnmount && safelyCallComponentWillUnmount(
finishedWork,
finishedWork.return,
instance
);
recursivelyTraverseDisappearLayoutEffects(finishedWork);
break;
case 27:
releaseSingletonInstance(finishedWork.stateNode);
case 26:
case 5:
safelyDetachRef(finishedWork, finishedWork.return);
recursivelyTraverseDisappearLayoutEffects(finishedWork);
break;
case 22:
null === finishedWork.memoizedState && recursivelyTraverseDisappearLayoutEffects(finishedWork);
break;
case 30:
recursivelyTraverseDisappearLayoutEffects(finishedWork);
break;
default:
recursivelyTraverseDisappearLayoutEffects(finishedWork);
}
parentFiber = parentFiber.sibling;
}
}
function recursivelyTraverseReappearLayoutEffects(finishedRoot$jscomp$0, parentFiber, includeWorkInProgressEffects) {
includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772);
for (parentFiber = parentFiber.child; null !== parentFiber; ) {
var current = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags;
switch (finishedWork.tag) {
case 0:
case 11:
case 15:
recursivelyTraverseReappearLayoutEffects(
finishedRoot,
finishedWork,
includeWorkInProgressEffects
);
commitHookEffectListMount(4, finishedWork);
break;
case 1:
recursivelyTraverseReappearLayoutEffects(
finishedRoot,
finishedWork,
includeWorkInProgressEffects
);
current = finishedWork;
finishedRoot = current.stateNode;
if ("function" === typeof finishedRoot.componentDidMount)
try {
finishedRoot.componentDidMount();
} catch (error) {
captureCommitPhaseError(current, current.return, error);
}
current = finishedWork;
finishedRoot = current.updateQueue;
if (null !== finishedRoot) {
var instance = current.stateNode;
try {
var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks;
if (null !== hiddenCallbacks)
for (finishedRoot.shared.hiddenCallbacks = null, finishedRoot = 0; finishedRoot < hiddenCallbacks.length; finishedRoot++)
callCallback(hiddenCallbacks[finishedRoot], instance);
} catch (error) {
captureCommitPhaseError(current, current.return, error);
}
}
includeWorkInProgressEffects && flags & 64 && commitClassCallbacks(finishedWork);
safelyAttachRef(finishedWork, finishedWork.return);
break;
case 27:
commitHostSingletonAcquisition(finishedWork);
case 26:
case 5:
recursivelyTraverseReappearLayoutEffects(
finishedRoot,
finishedWork,
includeWorkInProgressEffects
);
includeWorkInProgressEffects && null === current && flags & 4 && commitHostMount(finishedWork);
safelyAttachRef(finishedWork, finishedWork.return);
break;
case 12:
recursivelyTraverseReappearLayoutEffects(
finishedRoot,
finishedWork,
includeWorkInProgressEffects
);
break;
case 13:
recursivelyTraverseReappearLayoutEffects(
finishedRoot,
finishedWork,
includeWorkInProgressEffects
);
includeWorkInProgressEffects && flags & 4 && commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
break;
case 22:
null === finishedWork.memoizedState && recursivelyTraverseReappearLayoutEffects(
finishedRoot,
finishedWork,
includeWorkInProgressEffects
);
safelyAttachRef(finishedWork, finishedWork.return);
break;
case 30:
break;
default:
recursivelyTraverseReappearLayoutEffects(
finishedRoot,
finishedWork,
includeWorkInProgressEffects
);
}
parentFiber = parentFiber.sibling;
}
}
function commitOffscreenPassiveMountEffects(current, finishedWork) {
var previousCache = null;
null !== current && null !== current.memoizedState && null !== current.memoizedState.cachePool && (previousCache = current.memoizedState.cachePool.pool);
current = null;
null !== finishedWork.memoizedState && null !== finishedWork.memoizedState.cachePool && (current = finishedWork.memoizedState.cachePool.pool);
current !== previousCache && (null != current && current.refCount++, null != previousCache && releaseCache(previousCache));
}
function commitCachePassiveMountEffect(current, finishedWork) {
current = null;
null !== finishedWork.alternate && (current = finishedWork.alternate.memoizedState.cache);
finishedWork = finishedWork.memoizedState.cache;
finishedWork !== current && (finishedWork.refCount++, null != current && releaseCache(current));
}
function recursivelyTraversePassiveMountEffects(root2, parentFiber, committedLanes, committedTransitions) {
if (parentFiber.subtreeFlags & 10256)
for (parentFiber = parentFiber.child; null !== parentFiber; )
commitPassiveMountOnFiber(
root2,
parentFiber,
committedLanes,
committedTransitions
), parentFiber = parentFiber.sibling;
}
function commitPassiveMountOnFiber(finishedRoot, finishedWork, committedLanes, committedTransitions) {
var flags = finishedWork.flags;
switch (finishedWork.tag) {
case 0:
case 11:
case 15:
recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
);
flags & 2048 && commitHookEffectListMount(9, finishedWork);
break;
case 1:
recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
);
break;
case 3:
recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
);
flags & 2048 && (finishedRoot = null, null !== finishedWork.alternate && (finishedRoot = finishedWork.alternate.memoizedState.cache), finishedWork = finishedWork.memoizedState.cache, finishedWork !== finishedRoot && (finishedWork.refCount++, null != finishedRoot && releaseCache(finishedRoot)));
break;
case 12:
if (flags & 2048) {
recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
);
finishedRoot = finishedWork.stateNode;
try {
var _finishedWork$memoize2 = finishedWork.memoizedProps, id = _finishedWork$memoize2.id, onPostCommit = _finishedWork$memoize2.onPostCommit;
"function" === typeof onPostCommit && onPostCommit(
id,
null === finishedWork.alternate ? "mount" : "update",
finishedRoot.passiveEffectDuration,
-0
);
} catch (error) {
captureCommitPhaseError(finishedWork, finishedWork.return, error);
}
} else
recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
);
break;
case 13:
recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
);
break;
case 23:
break;
case 22:
_finishedWork$memoize2 = finishedWork.stateNode;
id = finishedWork.alternate;
null !== finishedWork.memoizedState ? _finishedWork$memoize2._visibility & 2 ? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
) : recursivelyTraverseAtomicPassiveEffects(finishedRoot, finishedWork) : _finishedWork$memoize2._visibility & 2 ? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
) : (_finishedWork$memoize2._visibility |= 2, recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions,
0 !== (finishedWork.subtreeFlags & 10256)
));
flags & 2048 && commitOffscreenPassiveMountEffects(id, finishedWork);
break;
case 24:
recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
);
flags & 2048 && commitCachePassiveMountEffect(finishedWork.alternate, finishedWork);
break;
default:
recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
);
}
}
function recursivelyTraverseReconnectPassiveEffects(finishedRoot$jscomp$0, parentFiber, committedLanes$jscomp$0, committedTransitions$jscomp$0, includeWorkInProgressEffects) {
includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 10256);
for (parentFiber = parentFiber.child; null !== parentFiber; ) {
var finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, committedLanes = committedLanes$jscomp$0, committedTransitions = committedTransitions$jscomp$0, flags = finishedWork.flags;
switch (finishedWork.tag) {
case 0:
case 11:
case 15:
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions,
includeWorkInProgressEffects
);
commitHookEffectListMount(8, finishedWork);
break;
case 23:
break;
case 22:
var instance = finishedWork.stateNode;
null !== finishedWork.memoizedState ? instance._visibility & 2 ? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions,
includeWorkInProgressEffects
) : recursivelyTraverseAtomicPassiveEffects(
finishedRoot,
finishedWork
) : (instance._visibility |= 2, recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions,
includeWorkInProgressEffects
));
includeWorkInProgressEffects && flags & 2048 && commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork
);
break;
case 24:
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions,
includeWorkInProgressEffects
);
includeWorkInProgressEffects && flags & 2048 && commitCachePassiveMountEffect(finishedWork.alternate, finishedWork);
break;
default:
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions,
includeWorkInProgressEffects
);
}
parentFiber = parentFiber.sibling;
}
}
function recursivelyTraverseAtomicPassiveEffects(finishedRoot$jscomp$0, parentFiber) {
if (parentFiber.subtreeFlags & 10256)
for (parentFiber = parentFiber.child; null !== parentFiber; ) {
var finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags;
switch (finishedWork.tag) {
case 22:
recursivelyTraverseAtomicPassiveEffects(finishedRoot, finishedWork);
flags & 2048 && commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork
);
break;
case 24:
recursivelyTraverseAtomicPassiveEffects(finishedRoot, finishedWork);
flags & 2048 && commitCachePassiveMountEffect(finishedWork.alternate, finishedWork);
break;
default:
recursivelyTraverseAtomicPassiveEffects(finishedRoot, finishedWork);
}
parentFiber = parentFiber.sibling;
}
}
var suspenseyCommitFlag = 8192;
function recursivelyAccumulateSuspenseyCommit(parentFiber) {
if (parentFiber.subtreeFlags & suspenseyCommitFlag)
for (parentFiber = parentFiber.child; null !== parentFiber; )
accumulateSuspenseyCommitOnFiber(parentFiber), parentFiber = parentFiber.sibling;
}
function accumulateSuspenseyCommitOnFiber(fiber) {
switch (fiber.tag) {
case 26:
recursivelyAccumulateSuspenseyCommit(fiber);
fiber.flags & suspenseyCommitFlag && null !== fiber.memoizedState && suspendResource(
currentHoistableRoot,
fiber.memoizedState,
fiber.memoizedProps
);
break;
case 5:
recursivelyAccumulateSuspenseyCommit(fiber);
break;
case 3:
case 4:
var previousHoistableRoot = currentHoistableRoot;
currentHoistableRoot = getHoistableRoot(fiber.stateNode.containerInfo);
recursivelyAccumulateSuspenseyCommit(fiber);
currentHoistableRoot = previousHoistableRoot;
break;
case 22:
null === fiber.memoizedState && (previousHoistableRoot = fiber.alternate, null !== previousHoistableRoot && null !== previousHoistableRoot.memoizedState ? (previousHoistableRoot = suspenseyCommitFlag, suspenseyCommitFlag = 16777216, recursivelyAccumulateSuspenseyCommit(fiber), suspenseyCommitFlag = previousHoistableRoot) : recursivelyAccumulateSuspenseyCommit(fiber));
break;
default:
recursivelyAccumulateSuspenseyCommit(fiber);
}
}
function detachAlternateSiblings(parentFiber) {
var previousFiber = parentFiber.alternate;
if (null !== previousFiber && (parentFiber = previousFiber.child, null !== parentFiber)) {
previousFiber.child = null;
do
previousFiber = parentFiber.sibling, parentFiber.sibling = null, parentFiber = previousFiber;
while (null !== parentFiber);
}
}
function recursivelyTraversePassiveUnmountEffects(parentFiber) {
var deletions = parentFiber.deletions;
if (0 !== (parentFiber.flags & 16)) {
if (null !== deletions)
for (var i = 0; i < deletions.length; i++) {
var childToDelete = deletions[i];
nextEffect = childToDelete;
commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
childToDelete,
parentFiber
);
}
detachAlternateSiblings(parentFiber);
}
if (parentFiber.subtreeFlags & 10256)
for (parentFiber = parentFiber.child; null !== parentFiber; )
commitPassiveUnmountOnFiber(parentFiber), parentFiber = parentFiber.sibling;
}
function commitPassiveUnmountOnFiber(finishedWork) {
switch (finishedWork.tag) {
case 0:
case 11:
case 15:
recursivelyTraversePassiveUnmountEffects(finishedWork);
finishedWork.flags & 2048 && commitHookEffectListUnmount(9, finishedWork, finishedWork.return);
break;
case 3:
recursivelyTraversePassiveUnmountEffects(finishedWork);
break;
case 12:
recursivelyTraversePassiveUnmountEffects(finishedWork);
break;
case 22:
var instance = finishedWork.stateNode;
null !== finishedWork.memoizedState && instance._visibility & 2 && (null === finishedWork.return || 13 !== finishedWork.return.tag) ? (instance._visibility &= -3, recursivelyTraverseDisconnectPassiveEffects(finishedWork)) : recursivelyTraversePassiveUnmountEffects(finishedWork);
break;
default:
recursivelyTraversePassiveUnmountEffects(finishedWork);
}
}
function recursivelyTraverseDisconnectPassiveEffects(parentFiber) {
var deletions = parentFiber.deletions;
if (0 !== (parentFiber.flags & 16)) {
if (null !== deletions)
for (var i = 0; i < deletions.length; i++) {
var childToDelete = deletions[i];
nextEffect = childToDelete;
commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
childToDelete,
parentFiber
);
}
detachAlternateSiblings(parentFiber);
}
for (parentFiber = parentFiber.child; null !== parentFiber; ) {
deletions = parentFiber;
switch (deletions.tag) {
case 0:
case 11:
case 15:
commitHookEffectListUnmount(8, deletions, deletions.return);
recursivelyTraverseDisconnectPassiveEffects(deletions);
break;
case 22:
i = deletions.stateNode;
i._visibility & 2 && (i._visibility &= -3, recursivelyTraverseDisconnectPassiveEffects(deletions));
break;
default:
recursivelyTraverseDisconnectPassiveEffects(deletions);
}
parentFiber = parentFiber.sibling;
}
}
function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(deletedSubtreeRoot, nearestMountedAncestor) {
for (; null !== nextEffect; ) {
var fiber = nextEffect;
switch (fiber.tag) {
case 0:
case 11:
case 15:
commitHookEffectListUnmount(8, fiber, nearestMountedAncestor);
break;
case 23:
case 22:
if (null !== fiber.memoizedState && null !== fiber.memoizedState.cachePool) {
var cache = fiber.memoizedState.cachePool.pool;
null != cache && cache.refCount++;
}
break;
case 24:
releaseCache(fiber.memoizedState.cache);
}
cache = fiber.child;
if (null !== cache) cache.return = fiber, nextEffect = cache;
else
a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) {
cache = nextEffect;
var sibling = cache.sibling, returnFiber = cache.return;
detachFiberAfterEffects(cache);
if (cache === fiber) {
nextEffect = null;
break a;
}
if (null !== sibling) {
sibling.return = returnFiber;
nextEffect = sibling;
break a;
}
nextEffect = returnFiber;
}
}
}
var DefaultAsyncDispatcher = {
getCacheForType: function(resourceType) {
var cache = readContext(CacheContext), cacheForType = cache.data.get(resourceType);
void 0 === cacheForType && (cacheForType = resourceType(), cache.data.set(resourceType, cacheForType));
return cacheForType;
}
}, PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map, executionContext = 0, workInProgressRoot = null, workInProgress = null, workInProgressRootRenderLanes = 0, workInProgressSuspendedReason = 0, workInProgressThrownValue = null, workInProgressRootDidSkipSuspendedSiblings = false, workInProgressRootIsPrerendering = false, workInProgressRootDidAttachPingListener = false, entangledRenderLanes = 0, workInProgressRootExitStatus = 0, workInProgressRootSkippedLanes = 0, workInProgressRootInterleavedUpdatedLanes = 0, workInProgressRootPingedLanes = 0, workInProgressDeferredLane = 0, workInProgressSuspendedRetryLanes = 0, workInProgressRootConcurrentErrors = null, workInProgressRootRecoverableErrors = null, workInProgressRootDidIncludeRecursiveRenderUpdate = false, globalMostRecentFallbackTime = 0, workInProgressRootRenderTargetTime = Infinity, workInProgressTransitions = null, legacyErrorBoundariesThatAlreadyFailed = null, pendingEffectsStatus = 0, pendingEffectsRoot = null, pendingFinishedWork = null, pendingEffectsLanes = 0, pendingEffectsRemainingLanes = 0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, nestedUpdateCount = 0, rootWithNestedUpdates = null;
function requestUpdateLane() {
if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
if (null !== ReactSharedInternals.T) {
var actionScopeLane = currentEntangledLane;
return 0 !== actionScopeLane ? actionScopeLane : requestTransitionLane();
}
return resolveUpdatePriority();
}
function requestDeferredLane() {
0 === workInProgressDeferredLane && (workInProgressDeferredLane = 0 === (workInProgressRootRenderLanes & 536870912) || isHydrating ? claimNextTransitionLane() : 536870912);
var suspenseHandler = suspenseHandlerStackCursor.current;
null !== suspenseHandler && (suspenseHandler.flags |= 32);
return workInProgressDeferredLane;
}
function scheduleUpdateOnFiber(root2, fiber, lane) {
if (root2 === workInProgressRoot && (2 === workInProgressSuspendedReason || 9 === workInProgressSuspendedReason) || null !== root2.cancelPendingCommit)
prepareFreshStack(root2, 0), markRootSuspended(
root2,
workInProgressRootRenderLanes,
workInProgressDeferredLane,
false
);
markRootUpdated$1(root2, lane);
if (0 === (executionContext & 2) || root2 !== workInProgressRoot)
root2 === workInProgressRoot && (0 === (executionContext & 2) && (workInProgressRootInterleavedUpdatedLanes |= lane), 4 === workInProgressRootExitStatus && markRootSuspended(
root2,
workInProgressRootRenderLanes,
workInProgressDeferredLane,
false
)), ensureRootIsScheduled(root2);
}
function performWorkOnRoot(root$jscomp$0, lanes, forceSync) {
if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
var shouldTimeSlice = !forceSync && 0 === (lanes & 124) && 0 === (lanes & root$jscomp$0.expiredLanes) || checkIfRootIsPrerendering(root$jscomp$0, lanes), exitStatus = shouldTimeSlice ? renderRootConcurrent(root$jscomp$0, lanes) : renderRootSync(root$jscomp$0, lanes, true), renderWasConcurrent = shouldTimeSlice;
do {
if (0 === exitStatus) {
workInProgressRootIsPrerendering && !shouldTimeSlice && markRootSuspended(root$jscomp$0, lanes, 0, false);
break;
} else {
forceSync = root$jscomp$0.current.alternate;
if (renderWasConcurrent && !isRenderConsistentWithExternalStores(forceSync)) {
exitStatus = renderRootSync(root$jscomp$0, lanes, false);
renderWasConcurrent = false;
continue;
}
if (2 === exitStatus) {
renderWasConcurrent = lanes;
if (root$jscomp$0.errorRecoveryDisabledLanes & renderWasConcurrent)
var JSCompiler_inline_result = 0;
else
JSCompiler_inline_result = root$jscomp$0.pendingLanes & -536870913, JSCompiler_inline_result = 0 !== JSCompiler_inline_result ? JSCompiler_inline_result : JSCompiler_inline_result & 536870912 ? 536870912 : 0;
if (0 !== JSCompiler_inline_result) {
lanes = JSCompiler_inline_result;
a: {
var root2 = root$jscomp$0;
exitStatus = workInProgressRootConcurrentErrors;
var wasRootDehydrated = root2.current.memoizedState.isDehydrated;
wasRootDehydrated && (prepareFreshStack(root2, JSCompiler_inline_result).flags |= 256);
JSCompiler_inline_result = renderRootSync(
root2,
JSCompiler_inline_result,
false
);
if (2 !== JSCompiler_inline_result) {
if (workInProgressRootDidAttachPingListener && !wasRootDehydrated) {
root2.errorRecoveryDisabledLanes |= renderWasConcurrent;
workInProgressRootInterleavedUpdatedLanes |= renderWasConcurrent;
exitStatus = 4;
break a;
}
renderWasConcurrent = workInProgressRootRecoverableErrors;
workInProgressRootRecoverableErrors = exitStatus;
null !== renderWasConcurrent && (null === workInProgressRootRecoverableErrors ? workInProgressRootRecoverableErrors = renderWasConcurrent : workInProgressRootRecoverableErrors.push.apply(
workInProgressRootRecoverableErrors,
renderWasConcurrent
));
}
exitStatus = JSCompiler_inline_result;
}
renderWasConcurrent = false;
if (2 !== exitStatus) continue;
}
}
if (1 === exitStatus) {
prepareFreshStack(root$jscomp$0, 0);
markRootSuspended(root$jscomp$0, lanes, 0, true);
break;
}
a: {
shouldTimeSlice = root$jscomp$0;
renderWasConcurrent = exitStatus;
switch (renderWasConcurrent) {
case 0:
case 1:
throw Error(formatProdErrorMessage(345));
case 4:
if ((lanes & 4194048) !== lanes) break;
case 6:
markRootSuspended(
shouldTimeSlice,
lanes,
workInProgressDeferredLane,
!workInProgressRootDidSkipSuspendedSiblings
);
break a;
case 2:
workInProgressRootRecoverableErrors = null;
break;
case 3:
case 5:
break;
default:
throw Error(formatProdErrorMessage(329));
}
if ((lanes & 62914560) === lanes && (exitStatus = globalMostRecentFallbackTime + 300 - now(), 10 < exitStatus)) {
markRootSuspended(
shouldTimeSlice,
lanes,
workInProgressDeferredLane,
!workInProgressRootDidSkipSuspendedSiblings
);
if (0 !== getNextLanes(shouldTimeSlice, 0, true)) break a;
shouldTimeSlice.timeoutHandle = scheduleTimeout(
commitRootWhenReady.bind(
null,
shouldTimeSlice,
forceSync,
workInProgressRootRecoverableErrors,
workInProgressTransitions,
workInProgressRootDidIncludeRecursiveRenderUpdate,
lanes,
workInProgressDeferredLane,
workInProgressRootInterleavedUpdatedLanes,
workInProgressSuspendedRetryLanes,
workInProgressRootDidSkipSuspendedSiblings,
renderWasConcurrent,
2,
-0,
0
),
exitStatus
);
break a;
}
commitRootWhenReady(
shouldTimeSlice,
forceSync,
workInProgressRootRecoverableErrors,
workInProgressTransitions,
workInProgressRootDidIncludeRecursiveRenderUpdate,
lanes,
workInProgressDeferredLane,
workInProgressRootInterleavedUpdatedLanes,
workInProgressSuspendedRetryLanes,
workInProgressRootDidSkipSuspendedSiblings,
renderWasConcurrent,
0,
-0,
0
);
}
}
break;
} while (1);
ensureRootIsScheduled(root$jscomp$0);
}
function commitRootWhenReady(root2, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane, updatedLanes, suspendedRetryLanes, didSkipSuspendedSiblings, exitStatus, suspendedCommitReason, completedRenderStartTime, completedRenderEndTime) {
root2.timeoutHandle = -1;
suspendedCommitReason = finishedWork.subtreeFlags;
if (suspendedCommitReason & 8192 || 16785408 === (suspendedCommitReason & 16785408)) {
if (suspendedState = { stylesheets: null, count: 0, unsuspend: noop2 }, accumulateSuspenseyCommitOnFiber(finishedWork), suspendedCommitReason = waitForCommitToBeReady(), null !== suspendedCommitReason) {
root2.cancelPendingCommit = suspendedCommitReason(
commitRoot.bind(
null,
root2,
finishedWork,
lanes,
recoverableErrors,
transitions,
didIncludeRenderPhaseUpdate,
spawnedLane,
updatedLanes,
suspendedRetryLanes,
exitStatus,
1,
completedRenderStartTime,
completedRenderEndTime
)
);
markRootSuspended(root2, lanes, spawnedLane, !didSkipSuspendedSiblings);
return;
}
}
commitRoot(
root2,
finishedWork,
lanes,
recoverableErrors,
transitions,
didIncludeRenderPhaseUpdate,
spawnedLane,
updatedLanes,
suspendedRetryLanes
);
}
function isRenderConsistentWithExternalStores(finishedWork) {
for (var node2 = finishedWork; ; ) {
var tag = node2.tag;
if ((0 === tag || 11 === tag || 15 === tag) && node2.flags & 16384 && (tag = node2.updateQueue, null !== tag && (tag = tag.stores, null !== tag)))
for (var i = 0; i < tag.length; i++) {
var check = tag[i], getSnapshot = check.getSnapshot;
check = check.value;
try {
if (!objectIs(getSnapshot(), check)) return false;
} catch (error) {
return false;
}
}
tag = node2.child;
if (node2.subtreeFlags & 16384 && null !== tag)
tag.return = node2, node2 = tag;
else {
if (node2 === finishedWork) break;
for (; null === node2.sibling; ) {
if (null === node2.return || node2.return === finishedWork) return true;
node2 = node2.return;
}
node2.sibling.return = node2.return;
node2 = node2.sibling;
}
}
return true;
}
function markRootSuspended(root2, suspendedLanes, spawnedLane, didAttemptEntireTree) {
suspendedLanes &= ~workInProgressRootPingedLanes;
suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
root2.suspendedLanes |= suspendedLanes;
root2.pingedLanes &= ~suspendedLanes;
didAttemptEntireTree && (root2.warmLanes |= suspendedLanes);
didAttemptEntireTree = root2.expirationTimes;
for (var lanes = suspendedLanes; 0 < lanes; ) {
var index$4 = 31 - clz32(lanes), lane = 1 << index$4;
didAttemptEntireTree[index$4] = -1;
lanes &= ~lane;
}
0 !== spawnedLane && markSpawnedDeferredLane(root2, spawnedLane, suspendedLanes);
}
function flushSyncWork$1() {
return 0 === (executionContext & 6) ? (flushSyncWorkAcrossRoots_impl(0), false) : true;
}
function resetWorkInProgressStack() {
if (null !== workInProgress) {
if (0 === workInProgressSuspendedReason)
var interruptedWork = workInProgress.return;
else
interruptedWork = workInProgress, lastContextDependency = currentlyRenderingFiber$1 = null, resetHooksOnUnwind(interruptedWork), thenableState = null, thenableIndexCounter = 0, interruptedWork = workInProgress;
for (; null !== interruptedWork; )
unwindInterruptedWork(interruptedWork.alternate, interruptedWork), interruptedWork = interruptedWork.return;
workInProgress = null;
}
}
function prepareFreshStack(root2, lanes) {
var timeoutHandle = root2.timeoutHandle;
-1 !== timeoutHandle && (root2.timeoutHandle = -1, cancelTimeout(timeoutHandle));
timeoutHandle = root2.cancelPendingCommit;
null !== timeoutHandle && (root2.cancelPendingCommit = null, timeoutHandle());
resetWorkInProgressStack();
workInProgressRoot = root2;
workInProgress = timeoutHandle = createWorkInProgress(root2.current, null);
workInProgressRootRenderLanes = lanes;
workInProgressSuspendedReason = 0;
workInProgressThrownValue = null;
workInProgressRootDidSkipSuspendedSiblings = false;
workInProgressRootIsPrerendering = checkIfRootIsPrerendering(root2, lanes);
workInProgressRootDidAttachPingListener = false;
workInProgressSuspendedRetryLanes = workInProgressDeferredLane = workInProgressRootPingedLanes = workInProgressRootInterleavedUpdatedLanes = workInProgressRootSkippedLanes = workInProgressRootExitStatus = 0;
workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors = null;
workInProgressRootDidIncludeRecursiveRenderUpdate = false;
0 !== (lanes & 8) && (lanes |= lanes & 32);
var allEntangledLanes = root2.entangledLanes;
if (0 !== allEntangledLanes)
for (root2 = root2.entanglements, allEntangledLanes &= lanes; 0 < allEntangledLanes; ) {
var index$2 = 31 - clz32(allEntangledLanes), lane = 1 << index$2;
lanes |= root2[index$2];
allEntangledLanes &= ~lane;
}
entangledRenderLanes = lanes;
finishQueueingConcurrentUpdates();
return timeoutHandle;
}
function handleThrow(root2, thrownValue) {
currentlyRenderingFiber = null;
ReactSharedInternals.H = ContextOnlyDispatcher;
thrownValue === SuspenseException || thrownValue === SuspenseActionException ? (thrownValue = getSuspendedThenable(), workInProgressSuspendedReason = 3) : thrownValue === SuspenseyCommitException ? (thrownValue = getSuspendedThenable(), workInProgressSuspendedReason = 4) : workInProgressSuspendedReason = thrownValue === SelectiveHydrationException ? 8 : null !== thrownValue && "object" === typeof thrownValue && "function" === typeof thrownValue.then ? 6 : 1;
workInProgressThrownValue = thrownValue;
null === workInProgress && (workInProgressRootExitStatus = 1, logUncaughtError(
root2,
createCapturedValueAtFiber(thrownValue, root2.current)
));
}
function pushDispatcher() {
var prevDispatcher = ReactSharedInternals.H;
ReactSharedInternals.H = ContextOnlyDispatcher;
return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
}
function pushAsyncDispatcher() {
var prevAsyncDispatcher = ReactSharedInternals.A;
ReactSharedInternals.A = DefaultAsyncDispatcher;
return prevAsyncDispatcher;
}
function renderDidSuspendDelayIfPossible() {
workInProgressRootExitStatus = 4;
workInProgressRootDidSkipSuspendedSiblings || (workInProgressRootRenderLanes & 4194048) !== workInProgressRootRenderLanes && null !== suspenseHandlerStackCursor.current || (workInProgressRootIsPrerendering = true);
0 === (workInProgressRootSkippedLanes & 134217727) && 0 === (workInProgressRootInterleavedUpdatedLanes & 134217727) || null === workInProgressRoot || markRootSuspended(
workInProgressRoot,
workInProgressRootRenderLanes,
workInProgressDeferredLane,
false
);
}
function renderRootSync(root2, lanes, shouldYieldForPrerendering) {
var prevExecutionContext = executionContext;
executionContext |= 2;
var prevDispatcher = pushDispatcher(), prevAsyncDispatcher = pushAsyncDispatcher();
if (workInProgressRoot !== root2 || workInProgressRootRenderLanes !== lanes)
workInProgressTransitions = null, prepareFreshStack(root2, lanes);
lanes = false;
var exitStatus = workInProgressRootExitStatus;
a: do
try {
if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
var unitOfWork = workInProgress, thrownValue = workInProgressThrownValue;
switch (workInProgressSuspendedReason) {
case 8:
resetWorkInProgressStack();
exitStatus = 6;
break a;
case 3:
case 2:
case 9:
case 6:
null === suspenseHandlerStackCursor.current && (lanes = true);
var reason = workInProgressSuspendedReason;
workInProgressSuspendedReason = 0;
workInProgressThrownValue = null;
throwAndUnwindWorkLoop(root2, unitOfWork, thrownValue, reason);
if (shouldYieldForPrerendering && workInProgressRootIsPrerendering) {
exitStatus = 0;
break a;
}
break;
default:
reason = workInProgressSuspendedReason, workInProgressSuspendedReason = 0, workInProgressThrownValue = null, throwAndUnwindWorkLoop(root2, unitOfWork, thrownValue, reason);
}
}
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$167) {
handleThrow(root2, thrownValue$167);
}
while (1);
lanes && root2.shellSuspendCounter++;
lastContextDependency = currentlyRenderingFiber$1 = null;
executionContext = prevExecutionContext;
ReactSharedInternals.H = prevDispatcher;
ReactSharedInternals.A = prevAsyncDispatcher;
null === workInProgress && (workInProgressRoot = null, workInProgressRootRenderLanes = 0, finishQueueingConcurrentUpdates());
return exitStatus;
}
function workLoopSync() {
for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
}
function renderRootConcurrent(root2, lanes) {
var prevExecutionContext = executionContext;
executionContext |= 2;
var prevDispatcher = pushDispatcher(), prevAsyncDispatcher = pushAsyncDispatcher();
workInProgressRoot !== root2 || workInProgressRootRenderLanes !== lanes ? (workInProgressTransitions = null, workInProgressRootRenderTargetTime = now() + 500, prepareFreshStack(root2, lanes)) : workInProgressRootIsPrerendering = checkIfRootIsPrerendering(
root2,
lanes
);
a: do
try {
if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
lanes = workInProgress;
var thrownValue = workInProgressThrownValue;
b: switch (workInProgressSuspendedReason) {
case 1:
workInProgressSuspendedReason = 0;
workInProgressThrownValue = null;
throwAndUnwindWorkLoop(root2, lanes, thrownValue, 1);
break;
case 2:
case 9:
if (isThenableResolved(thrownValue)) {
workInProgressSuspendedReason = 0;
workInProgressThrownValue = null;
replaySuspendedUnitOfWork(lanes);
break;
}
lanes = function() {
2 !== workInProgressSuspendedReason && 9 !== workInProgressSuspendedReason || workInProgressRoot !== root2 || (workInProgressSuspendedReason = 7);
ensureRootIsScheduled(root2);
};
thrownValue.then(lanes, lanes);
break a;
case 3:
workInProgressSuspendedReason = 7;
break a;
case 4:
workInProgressSuspendedReason = 5;
break a;
case 7:
isThenableResolved(thrownValue) ? (workInProgressSuspendedReason = 0, workInProgressThrownValue = null, replaySuspendedUnitOfWork(lanes)) : (workInProgressSuspendedReason = 0, workInProgressThrownValue = null, throwAndUnwindWorkLoop(root2, lanes, thrownValue, 7));
break;
case 5:
var resource = null;
switch (workInProgress.tag) {
case 26:
resource = workInProgress.memoizedState;
case 5:
case 27:
var hostFiber = workInProgress;
if (resource ? preloadResource(resource) : 1) {
workInProgressSuspendedReason = 0;
workInProgressThrownValue = null;
var sibling = hostFiber.sibling;
if (null !== sibling) workInProgress = sibling;
else {
var returnFiber = hostFiber.return;
null !== returnFiber ? (workInProgress = returnFiber, completeUnitOfWork(returnFiber)) : workInProgress = null;
}
break b;
}
}
workInProgressSuspendedReason = 0;
workInProgressThrownValue = null;
throwAndUnwindWorkLoop(root2, lanes, thrownValue, 5);
break;
case 6:
workInProgressSuspendedReason = 0;
workInProgressThrownValue = null;
throwAndUnwindWorkLoop(root2, lanes, thrownValue, 6);
break;
case 8:
resetWorkInProgressStack();
workInProgressRootExitStatus = 6;
break a;
default:
throw Error(formatProdErrorMessage(462));
}
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$169) {
handleThrow(root2, thrownValue$169);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
ReactSharedInternals.H = prevDispatcher;
ReactSharedInternals.A = prevAsyncDispatcher;
executionContext = prevExecutionContext;
if (null !== workInProgress) return 0;
workInProgressRoot = null;
workInProgressRootRenderLanes = 0;
finishQueueingConcurrentUpdates();
return workInProgressRootExitStatus;
}
function workLoopConcurrentByScheduler() {
for (; null !== workInProgress && !shouldYield(); )
performUnitOfWork(workInProgress);
}
function performUnitOfWork(unitOfWork) {
var next2 = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
unitOfWork.memoizedProps = unitOfWork.pendingProps;
null === next2 ? completeUnitOfWork(unitOfWork) : workInProgress = next2;
}
function replaySuspendedUnitOfWork(unitOfWork) {
var next2 = unitOfWork;
var current = next2.alternate;
switch (next2.tag) {
case 15:
case 0:
next2 = replayFunctionComponent(
current,
next2,
next2.pendingProps,
next2.type,
void 0,
workInProgressRootRenderLanes
);
break;
case 11:
next2 = replayFunctionComponent(
current,
next2,
next2.pendingProps,
next2.type.render,
next2.ref,
workInProgressRootRenderLanes
);
break;
case 5:
resetHooksOnUnwind(next2);
default:
unwindInterruptedWork(current, next2), next2 = workInProgress = resetWorkInProgress(next2, entangledRenderLanes), next2 = beginWork(current, next2, entangledRenderLanes);
}
unitOfWork.memoizedProps = unitOfWork.pendingProps;
null === next2 ? completeUnitOfWork(unitOfWork) : workInProgress = next2;
}
function throwAndUnwindWorkLoop(root2, unitOfWork, thrownValue, suspendedReason) {
lastContextDependency = currentlyRenderingFiber$1 = null;
resetHooksOnUnwind(unitOfWork);
thenableState = null;
thenableIndexCounter = 0;
var returnFiber = unitOfWork.return;
try {
if (throwException(
root2,
returnFiber,
unitOfWork,
thrownValue,
workInProgressRootRenderLanes
)) {
workInProgressRootExitStatus = 1;
logUncaughtError(
root2,
createCapturedValueAtFiber(thrownValue, root2.current)
);
workInProgress = null;
return;
}
} catch (error) {
if (null !== returnFiber) throw workInProgress = returnFiber, error;
workInProgressRootExitStatus = 1;
logUncaughtError(
root2,
createCapturedValueAtFiber(thrownValue, root2.current)
);
workInProgress = null;
return;
}
if (unitOfWork.flags & 32768) {
if (isHydrating || 1 === suspendedReason) root2 = true;
else if (workInProgressRootIsPrerendering || 0 !== (workInProgressRootRenderLanes & 536870912))
root2 = false;
else if (workInProgressRootDidSkipSuspendedSiblings = root2 = true, 2 === suspendedReason || 9 === suspendedReason || 3 === suspendedReason || 6 === suspendedReason)
suspendedReason = suspenseHandlerStackCursor.current, null !== suspendedReason && 13 === suspendedReason.tag && (suspendedReason.flags |= 16384);
unwindUnitOfWork(unitOfWork, root2);
} else completeUnitOfWork(unitOfWork);
}
function completeUnitOfWork(unitOfWork) {
var completedWork = unitOfWork;
do {
if (0 !== (completedWork.flags & 32768)) {
unwindUnitOfWork(
completedWork,
workInProgressRootDidSkipSuspendedSiblings
);
return;
}
unitOfWork = completedWork.return;
var next2 = completeWork(
completedWork.alternate,
completedWork,
entangledRenderLanes
);
if (null !== next2) {
workInProgress = next2;
return;
}
completedWork = completedWork.sibling;
if (null !== completedWork) {
workInProgress = completedWork;
return;
}
workInProgress = completedWork = unitOfWork;
} while (null !== completedWork);
0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
}
function unwindUnitOfWork(unitOfWork, skipSiblings) {
do {
var next2 = unwindWork(unitOfWork.alternate, unitOfWork);
if (null !== next2) {
next2.flags &= 32767;
workInProgress = next2;
return;
}
next2 = unitOfWork.return;
null !== next2 && (next2.flags |= 32768, next2.subtreeFlags = 0, next2.deletions = null);
if (!skipSiblings && (unitOfWork = unitOfWork.sibling, null !== unitOfWork)) {
workInProgress = unitOfWork;
return;
}
workInProgress = unitOfWork = next2;
} while (null !== unitOfWork);
workInProgressRootExitStatus = 6;
workInProgress = null;
}
function commitRoot(root2, finishedWork, lanes, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane, updatedLanes, suspendedRetryLanes) {
root2.cancelPendingCommit = null;
do
flushPendingEffects();
while (0 !== pendingEffectsStatus);
if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
if (null !== finishedWork) {
if (finishedWork === root2.current) throw Error(formatProdErrorMessage(177));
didIncludeRenderPhaseUpdate = finishedWork.lanes | finishedWork.childLanes;
didIncludeRenderPhaseUpdate |= concurrentlyUpdatedLanes;
markRootFinished(
root2,
lanes,
didIncludeRenderPhaseUpdate,
spawnedLane,
updatedLanes,
suspendedRetryLanes
);
root2 === workInProgressRoot && (workInProgress = workInProgressRoot = null, workInProgressRootRenderLanes = 0);
pendingFinishedWork = finishedWork;
pendingEffectsRoot = root2;
pendingEffectsLanes = lanes;
pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate;
pendingPassiveTransitions = transitions;
pendingRecoverableErrors = recoverableErrors;
0 !== (finishedWork.subtreeFlags & 10256) || 0 !== (finishedWork.flags & 10256) ? (root2.callbackNode = null, root2.callbackPriority = 0, scheduleCallback$1(NormalPriority$1, function() {
flushPassiveEffects();
return null;
})) : (root2.callbackNode = null, root2.callbackPriority = 0);
recoverableErrors = 0 !== (finishedWork.flags & 13878);
if (0 !== (finishedWork.subtreeFlags & 13878) || recoverableErrors) {
recoverableErrors = ReactSharedInternals.T;
ReactSharedInternals.T = null;
transitions = ReactDOMSharedInternals.p;
ReactDOMSharedInternals.p = 2;
spawnedLane = executionContext;
executionContext |= 4;
try {
commitBeforeMutationEffects(root2, finishedWork, lanes);
} finally {
executionContext = spawnedLane, ReactDOMSharedInternals.p = transitions, ReactSharedInternals.T = recoverableErrors;
}
}
pendingEffectsStatus = 1;
flushMutationEffects();
flushLayoutEffects();
flushSpawnedWork();
}
}
function flushMutationEffects() {
if (1 === pendingEffectsStatus) {
pendingEffectsStatus = 0;
var root2 = pendingEffectsRoot, finishedWork = pendingFinishedWork, rootMutationHasEffect = 0 !== (finishedWork.flags & 13878);
if (0 !== (finishedWork.subtreeFlags & 13878) || rootMutationHasEffect) {
rootMutationHasEffect = ReactSharedInternals.T;
ReactSharedInternals.T = null;
var previousPriority = ReactDOMSharedInternals.p;
ReactDOMSharedInternals.p = 2;
var prevExecutionContext = executionContext;
executionContext |= 4;
try {
commitMutationEffectsOnFiber(finishedWork, root2);
var priorSelectionInformation = selectionInformation, curFocusedElem = getActiveElementDeep(root2.containerInfo), priorFocusedElem = priorSelectionInformation.focusedElem, priorSelectionRange = priorSelectionInformation.selectionRange;
if (curFocusedElem !== priorFocusedElem && priorFocusedElem && priorFocusedElem.ownerDocument && containsNode(
priorFocusedElem.ownerDocument.documentElement,
priorFocusedElem
)) {
if (null !== priorSelectionRange && hasSelectionCapabilities(priorFocusedElem)) {
var start = priorSelectionRange.start, end = priorSelectionRange.end;
void 0 === end && (end = start);
if ("selectionStart" in priorFocusedElem)
priorFocusedElem.selectionStart = start, priorFocusedElem.selectionEnd = Math.min(
end,
priorFocusedElem.value.length
);
else {
var doc = priorFocusedElem.ownerDocument || document, win = doc && doc.defaultView || window;
if (win.getSelection) {
var selection = win.getSelection(), length2 = priorFocusedElem.textContent.length, start$jscomp$0 = Math.min(priorSelectionRange.start, length2), end$jscomp$0 = void 0 === priorSelectionRange.end ? start$jscomp$0 : Math.min(priorSelectionRange.end, length2);
!selection.extend && start$jscomp$0 > end$jscomp$0 && (curFocusedElem = end$jscomp$0, end$jscomp$0 = start$jscomp$0, start$jscomp$0 = curFocusedElem);
var startMarker = getNodeForCharacterOffset(
priorFocusedElem,
start$jscomp$0
), endMarker = getNodeForCharacterOffset(
priorFocusedElem,
end$jscomp$0
);
if (startMarker && endMarker && (1 !== selection.rangeCount || selection.anchorNode !== startMarker.node || selection.anchorOffset !== startMarker.offset || selection.focusNode !== endMarker.node || selection.focusOffset !== endMarker.offset)) {
var range3 = doc.createRange();
range3.setStart(startMarker.node, startMarker.offset);
selection.removeAllRanges();
start$jscomp$0 > end$jscomp$0 ? (selection.addRange(range3), selection.extend(endMarker.node, endMarker.offset)) : (range3.setEnd(endMarker.node, endMarker.offset), selection.addRange(range3));
}
}
}
}
doc = [];
for (selection = priorFocusedElem; selection = selection.parentNode; )
1 === selection.nodeType && doc.push({
element: selection,
left: selection.scrollLeft,
top: selection.scrollTop
});
"function" === typeof priorFocusedElem.focus && priorFocusedElem.focus();
for (priorFocusedElem = 0; priorFocusedElem < doc.length; priorFocusedElem++) {
var info = doc[priorFocusedElem];
info.element.scrollLeft = info.left;
info.element.scrollTop = info.top;
}
}
_enabled = !!eventsEnabled;
selectionInformation = eventsEnabled = null;
} finally {
executionContext = prevExecutionContext, ReactDOMSharedInternals.p = previousPriority, ReactSharedInternals.T = rootMutationHasEffect;
}
}
root2.current = finishedWork;
pendingEffectsStatus = 2;
}
}
function flushLayoutEffects() {
if (2 === pendingEffectsStatus) {
pendingEffectsStatus = 0;
var root2 = pendingEffectsRoot, finishedWork = pendingFinishedWork, rootHasLayoutEffect = 0 !== (finishedWork.flags & 8772);
if (0 !== (finishedWork.subtreeFlags & 8772) || rootHasLayoutEffect) {
rootHasLayoutEffect = ReactSharedInternals.T;
ReactSharedInternals.T = null;
var previousPriority = ReactDOMSharedInternals.p;
ReactDOMSharedInternals.p = 2;
var prevExecutionContext = executionContext;
executionContext |= 4;
try {
commitLayoutEffectOnFiber(root2, finishedWork.alternate, finishedWork);
} finally {
executionContext = prevExecutionContext, ReactDOMSharedInternals.p = previousPriority, ReactSharedInternals.T = rootHasLayoutEffect;
}
}
pendingEffectsStatus = 3;
}
}
function flushSpawnedWork() {
if (4 === pendingEffectsStatus || 3 === pendingEffectsStatus) {
pendingEffectsStatus = 0;
requestPaint();
var root2 = pendingEffectsRoot, finishedWork = pendingFinishedWork, lanes = pendingEffectsLanes, recoverableErrors = pendingRecoverableErrors;
0 !== (finishedWork.subtreeFlags & 10256) || 0 !== (finishedWork.flags & 10256) ? pendingEffectsStatus = 5 : (pendingEffectsStatus = 0, pendingFinishedWork = pendingEffectsRoot = null, releaseRootPooledCache(root2, root2.pendingLanes));
var remainingLanes = root2.pendingLanes;
0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
lanesToEventPriority(lanes);
finishedWork = finishedWork.stateNode;
if (injectedHook && "function" === typeof injectedHook.onCommitFiberRoot)
try {
injectedHook.onCommitFiberRoot(
rendererID,
finishedWork,
void 0,
128 === (finishedWork.current.flags & 128)
);
} catch (err) {
}
if (null !== recoverableErrors) {
finishedWork = ReactSharedInternals.T;
remainingLanes = ReactDOMSharedInternals.p;
ReactDOMSharedInternals.p = 2;
ReactSharedInternals.T = null;
try {
for (var onRecoverableError = root2.onRecoverableError, i = 0; i < recoverableErrors.length; i++) {
var recoverableError = recoverableErrors[i];
onRecoverableError(recoverableError.value, {
componentStack: recoverableError.stack
});
}
} finally {
ReactSharedInternals.T = finishedWork, ReactDOMSharedInternals.p = remainingLanes;
}
}
0 !== (pendingEffectsLanes & 3) && flushPendingEffects();
ensureRootIsScheduled(root2);
remainingLanes = root2.pendingLanes;
0 !== (lanes & 4194090) && 0 !== (remainingLanes & 42) ? root2 === rootWithNestedUpdates ? nestedUpdateCount++ : (nestedUpdateCount = 0, rootWithNestedUpdates = root2) : nestedUpdateCount = 0;
flushSyncWorkAcrossRoots_impl(0);
}
}
function releaseRootPooledCache(root2, remainingLanes) {
0 === (root2.pooledCacheLanes &= remainingLanes) && (remainingLanes = root2.pooledCache, null != remainingLanes && (root2.pooledCache = null, releaseCache(remainingLanes)));
}
function flushPendingEffects(wasDelayedCommit) {
flushMutationEffects();
flushLayoutEffects();
flushSpawnedWork();
return flushPassiveEffects();
}
function flushPassiveEffects() {
if (5 !== pendingEffectsStatus) return false;
var root2 = pendingEffectsRoot, remainingLanes = pendingEffectsRemainingLanes;
pendingEffectsRemainingLanes = 0;
var renderPriority = lanesToEventPriority(pendingEffectsLanes), prevTransition = ReactSharedInternals.T, previousPriority = ReactDOMSharedInternals.p;
try {
ReactDOMSharedInternals.p = 32 > renderPriority ? 32 : renderPriority;
ReactSharedInternals.T = null;
renderPriority = pendingPassiveTransitions;
pendingPassiveTransitions = null;
var root$jscomp$0 = pendingEffectsRoot, lanes = pendingEffectsLanes;
pendingEffectsStatus = 0;
pendingFinishedWork = pendingEffectsRoot = null;
pendingEffectsLanes = 0;
if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331));
var prevExecutionContext = executionContext;
executionContext |= 4;
commitPassiveUnmountOnFiber(root$jscomp$0.current);
commitPassiveMountOnFiber(
root$jscomp$0,
root$jscomp$0.current,
lanes,
renderPriority
);
executionContext = prevExecutionContext;
flushSyncWorkAcrossRoots_impl(0, false);
if (injectedHook && "function" === typeof injectedHook.onPostCommitFiberRoot)
try {
injectedHook.onPostCommitFiberRoot(rendererID, root$jscomp$0);
} catch (err) {
}
return true;
} finally {
ReactDOMSharedInternals.p = previousPriority, ReactSharedInternals.T = prevTransition, releaseRootPooledCache(root2, remainingLanes);
}
}
function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2);
rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
null !== rootFiber && (markRootUpdated$1(rootFiber, 2), ensureRootIsScheduled(rootFiber));
}
function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
if (3 === sourceFiber.tag)
captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
else
for (; null !== nearestMountedAncestor; ) {
if (3 === nearestMountedAncestor.tag) {
captureCommitPhaseErrorOnRoot(
nearestMountedAncestor,
sourceFiber,
error
);
break;
} else if (1 === nearestMountedAncestor.tag) {
var instance = nearestMountedAncestor.stateNode;
if ("function" === typeof nearestMountedAncestor.type.getDerivedStateFromError || "function" === typeof instance.componentDidCatch && (null === legacyErrorBoundariesThatAlreadyFailed || !legacyErrorBoundariesThatAlreadyFailed.has(instance))) {
sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
error = createClassErrorUpdate(2);
instance = enqueueUpdate(nearestMountedAncestor, error, 2);
null !== instance && (initializeClassErrorUpdate(
error,
instance,
nearestMountedAncestor,
sourceFiber
), markRootUpdated$1(instance, 2), ensureRootIsScheduled(instance));
break;
}
}
nearestMountedAncestor = nearestMountedAncestor.return;
}
}
function attachPingListener(root2, wakeable, lanes) {
var pingCache = root2.pingCache;
if (null === pingCache) {
pingCache = root2.pingCache = new PossiblyWeakMap();
var threadIDs = /* @__PURE__ */ new Set();
pingCache.set(wakeable, threadIDs);
} else
threadIDs = pingCache.get(wakeable), void 0 === threadIDs && (threadIDs = /* @__PURE__ */ new Set(), pingCache.set(wakeable, threadIDs));
threadIDs.has(lanes) || (workInProgressRootDidAttachPingListener = true, threadIDs.add(lanes), root2 = pingSuspendedRoot.bind(null, root2, wakeable, lanes), wakeable.then(root2, root2));
}
function pingSuspendedRoot(root2, wakeable, pingedLanes) {
var pingCache = root2.pingCache;
null !== pingCache && pingCache.delete(wakeable);
root2.pingedLanes |= root2.suspendedLanes & pingedLanes;
root2.warmLanes &= ~pingedLanes;
workInProgressRoot === root2 && (workInProgressRootRenderLanes & pingedLanes) === pingedLanes && (4 === workInProgressRootExitStatus || 3 === workInProgressRootExitStatus && (workInProgressRootRenderLanes & 62914560) === workInProgressRootRenderLanes && 300 > now() - globalMostRecentFallbackTime ? 0 === (executionContext & 2) && prepareFreshStack(root2, 0) : workInProgressRootPingedLanes |= pingedLanes, workInProgressSuspendedRetryLanes === workInProgressRootRenderLanes && (workInProgressSuspendedRetryLanes = 0));
ensureRootIsScheduled(root2);
}
function retryTimedOutBoundary(boundaryFiber, retryLane) {
0 === retryLane && (retryLane = claimNextRetryLane());
boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
null !== boundaryFiber && (markRootUpdated$1(boundaryFiber, retryLane), ensureRootIsScheduled(boundaryFiber));
}
function retryDehydratedSuspenseBoundary(boundaryFiber) {
var suspenseState = boundaryFiber.memoizedState, retryLane = 0;
null !== suspenseState && (retryLane = suspenseState.retryLane);
retryTimedOutBoundary(boundaryFiber, retryLane);
}
function resolveRetryWakeable(boundaryFiber, wakeable) {
var retryLane = 0;
switch (boundaryFiber.tag) {
case 13:
var retryCache = boundaryFiber.stateNode;
var suspenseState = boundaryFiber.memoizedState;
null !== suspenseState && (retryLane = suspenseState.retryLane);
break;
case 19:
retryCache = boundaryFiber.stateNode;
break;
case 22:
retryCache = boundaryFiber.stateNode._retryCache;
break;
default:
throw Error(formatProdErrorMessage(314));
}
null !== retryCache && retryCache.delete(wakeable);
retryTimedOutBoundary(boundaryFiber, retryLane);
}
function scheduleCallback$1(priorityLevel, callback) {
return scheduleCallback$3(priorityLevel, callback);
}
var firstScheduledRoot = null, lastScheduledRoot = null, didScheduleMicrotask = false, mightHavePendingSyncWork = false, isFlushingWork = false, currentEventTransitionLane = 0;
function ensureRootIsScheduled(root2) {
root2 !== lastScheduledRoot && null === root2.next && (null === lastScheduledRoot ? firstScheduledRoot = lastScheduledRoot = root2 : lastScheduledRoot = lastScheduledRoot.next = root2);
mightHavePendingSyncWork = true;
didScheduleMicrotask || (didScheduleMicrotask = true, scheduleImmediateRootScheduleTask());
}
function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) {
if (!isFlushingWork && mightHavePendingSyncWork) {
isFlushingWork = true;
do {
var didPerformSomeWork = false;
for (var root$174 = firstScheduledRoot; null !== root$174; ) {
if (0 !== syncTransitionLanes) {
var pendingLanes = root$174.pendingLanes;
if (0 === pendingLanes) var JSCompiler_inline_result = 0;
else {
var suspendedLanes = root$174.suspendedLanes, pingedLanes = root$174.pingedLanes;
JSCompiler_inline_result = (1 << 31 - clz32(42 | syncTransitionLanes) + 1) - 1;
JSCompiler_inline_result &= pendingLanes & ~(suspendedLanes & ~pingedLanes);
JSCompiler_inline_result = JSCompiler_inline_result & 201326741 ? JSCompiler_inline_result & 201326741 | 1 : JSCompiler_inline_result ? JSCompiler_inline_result | 2 : 0;
}
0 !== JSCompiler_inline_result && (didPerformSomeWork = true, performSyncWorkOnRoot(root$174, JSCompiler_inline_result));
} else
JSCompiler_inline_result = workInProgressRootRenderLanes, JSCompiler_inline_result = getNextLanes(
root$174,
root$174 === workInProgressRoot ? JSCompiler_inline_result : 0,
null !== root$174.cancelPendingCommit || -1 !== root$174.timeoutHandle
), 0 === (JSCompiler_inline_result & 3) || checkIfRootIsPrerendering(root$174, JSCompiler_inline_result) || (didPerformSomeWork = true, performSyncWorkOnRoot(root$174, JSCompiler_inline_result));
root$174 = root$174.next;
}
} while (didPerformSomeWork);
isFlushingWork = false;
}
}
function processRootScheduleInImmediateTask() {
processRootScheduleInMicrotask();
}
function processRootScheduleInMicrotask() {
mightHavePendingSyncWork = didScheduleMicrotask = false;
var syncTransitionLanes = 0;
0 !== currentEventTransitionLane && (shouldAttemptEagerTransition() && (syncTransitionLanes = currentEventTransitionLane), currentEventTransitionLane = 0);
for (var currentTime = now(), prev2 = null, root2 = firstScheduledRoot; null !== root2; ) {
var next2 = root2.next, nextLanes = scheduleTaskForRootDuringMicrotask(root2, currentTime);
if (0 === nextLanes)
root2.next = null, null === prev2 ? firstScheduledRoot = next2 : prev2.next = next2, null === next2 && (lastScheduledRoot = prev2);
else if (prev2 = root2, 0 !== syncTransitionLanes || 0 !== (nextLanes & 3))
mightHavePendingSyncWork = true;
root2 = next2;
}
flushSyncWorkAcrossRoots_impl(syncTransitionLanes);
}
function scheduleTaskForRootDuringMicrotask(root2, currentTime) {
for (var suspendedLanes = root2.suspendedLanes, pingedLanes = root2.pingedLanes, expirationTimes = root2.expirationTimes, lanes = root2.pendingLanes & -62914561; 0 < lanes; ) {
var index$3 = 31 - clz32(lanes), lane = 1 << index$3, expirationTime = expirationTimes[index$3];
if (-1 === expirationTime) {
if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
expirationTimes[index$3] = computeExpirationTime(lane, currentTime);
} else expirationTime <= currentTime && (root2.expiredLanes |= lane);
lanes &= ~lane;
}
currentTime = workInProgressRoot;
suspendedLanes = workInProgressRootRenderLanes;
suspendedLanes = getNextLanes(
root2,
root2 === currentTime ? suspendedLanes : 0,
null !== root2.cancelPendingCommit || -1 !== root2.timeoutHandle
);
pingedLanes = root2.callbackNode;
if (0 === suspendedLanes || root2 === currentTime && (2 === workInProgressSuspendedReason || 9 === workInProgressSuspendedReason) || null !== root2.cancelPendingCommit)
return null !== pingedLanes && null !== pingedLanes && cancelCallback$1(pingedLanes), root2.callbackNode = null, root2.callbackPriority = 0;
if (0 === (suspendedLanes & 3) || checkIfRootIsPrerendering(root2, suspendedLanes)) {
currentTime = suspendedLanes & -suspendedLanes;
if (currentTime === root2.callbackPriority) return currentTime;
null !== pingedLanes && cancelCallback$1(pingedLanes);
switch (lanesToEventPriority(suspendedLanes)) {
case 2:
case 8:
suspendedLanes = UserBlockingPriority;
break;
case 32:
suspendedLanes = NormalPriority$1;
break;
case 268435456:
suspendedLanes = IdlePriority;
break;
default:
suspendedLanes = NormalPriority$1;
}
pingedLanes = performWorkOnRootViaSchedulerTask.bind(null, root2);
suspendedLanes = scheduleCallback$3(suspendedLanes, pingedLanes);
root2.callbackPriority = currentTime;
root2.callbackNode = suspendedLanes;
return currentTime;
}
null !== pingedLanes && null !== pingedLanes && cancelCallback$1(pingedLanes);
root2.callbackPriority = 2;
root2.callbackNode = null;
return 2;
}
function performWorkOnRootViaSchedulerTask(root2, didTimeout) {
if (0 !== pendingEffectsStatus && 5 !== pendingEffectsStatus)
return root2.callbackNode = null, root2.callbackPriority = 0, null;
var originalCallbackNode = root2.callbackNode;
if (flushPendingEffects() && root2.callbackNode !== originalCallbackNode)
return null;
var workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes;
workInProgressRootRenderLanes$jscomp$0 = getNextLanes(
root2,
root2 === workInProgressRoot ? workInProgressRootRenderLanes$jscomp$0 : 0,
null !== root2.cancelPendingCommit || -1 !== root2.timeoutHandle
);
if (0 === workInProgressRootRenderLanes$jscomp$0) return null;
performWorkOnRoot(root2, workInProgressRootRenderLanes$jscomp$0, didTimeout);
scheduleTaskForRootDuringMicrotask(root2, now());
return null != root2.callbackNode && root2.callbackNode === originalCallbackNode ? performWorkOnRootViaSchedulerTask.bind(null, root2) : null;
}
function performSyncWorkOnRoot(root2, lanes) {
if (flushPendingEffects()) return null;
performWorkOnRoot(root2, lanes, true);
}
function scheduleImmediateRootScheduleTask() {
scheduleMicrotask(function() {
0 !== (executionContext & 6) ? scheduleCallback$3(
ImmediatePriority,
processRootScheduleInImmediateTask
) : processRootScheduleInMicrotask();
});
}
function requestTransitionLane() {
0 === currentEventTransitionLane && (currentEventTransitionLane = claimNextTransitionLane());
return currentEventTransitionLane;
}
function coerceFormActionProp(actionProp) {
return null == actionProp || "symbol" === typeof actionProp || "boolean" === typeof actionProp ? null : "function" === typeof actionProp ? actionProp : sanitizeURL("" + actionProp);
}
function createFormDataWithSubmitter(form, submitter) {
var temp = submitter.ownerDocument.createElement("input");
temp.name = submitter.name;
temp.value = submitter.value;
form.id && temp.setAttribute("form", form.id);
submitter.parentNode.insertBefore(temp, submitter);
form = new FormData(form);
temp.parentNode.removeChild(temp);
return form;
}
function extractEvents$1(dispatchQueue, domEventName, maybeTargetInst, nativeEvent, nativeEventTarget) {
if ("submit" === domEventName && maybeTargetInst && maybeTargetInst.stateNode === nativeEventTarget) {
var action = coerceFormActionProp(
(nativeEventTarget[internalPropsKey] || null).action
), submitter = nativeEvent.submitter;
submitter && (domEventName = (domEventName = submitter[internalPropsKey] || null) ? coerceFormActionProp(domEventName.formAction) : submitter.getAttribute("formAction"), null !== domEventName && (action = domEventName, submitter = null));
var event = new SyntheticEvent(
"action",
"action",
null,
nativeEvent,
nativeEventTarget
);
dispatchQueue.push({
event,
listeners: [
{
instance: null,
listener: function() {
if (nativeEvent.defaultPrevented) {
if (0 !== currentEventTransitionLane) {
var formData = submitter ? createFormDataWithSubmitter(nativeEventTarget, submitter) : new FormData(nativeEventTarget);
startHostTransition(
maybeTargetInst,
{
pending: true,
data: formData,
method: nativeEventTarget.method,
action
},
null,
formData
);
}
} else
"function" === typeof action && (event.preventDefault(), formData = submitter ? createFormDataWithSubmitter(nativeEventTarget, submitter) : new FormData(nativeEventTarget), startHostTransition(
maybeTargetInst,
{
pending: true,
data: formData,
method: nativeEventTarget.method,
action
},
action,
formData
));
},
currentTarget: nativeEventTarget
}
]
});
}
}
for (var i$jscomp$inline_1528 = 0; i$jscomp$inline_1528 < simpleEventPluginEvents.length; i$jscomp$inline_1528++) {
var eventName$jscomp$inline_1529 = simpleEventPluginEvents[i$jscomp$inline_1528], domEventName$jscomp$inline_1530 = eventName$jscomp$inline_1529.toLowerCase(), capitalizedEvent$jscomp$inline_1531 = eventName$jscomp$inline_1529[0].toUpperCase() + eventName$jscomp$inline_1529.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_1530,
"on" + capitalizedEvent$jscomp$inline_1531
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
registerSimpleEvent(ANIMATION_ITERATION, "onAnimationIteration");
registerSimpleEvent(ANIMATION_START, "onAnimationStart");
registerSimpleEvent("dblclick", "onDoubleClick");
registerSimpleEvent("focusin", "onFocus");
registerSimpleEvent("focusout", "onBlur");
registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
registerSimpleEvent(TRANSITION_START, "onTransitionStart");
registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
registerDirectEvent("onMouseEnter", ["mouseout", "mouseover"]);
registerDirectEvent("onMouseLeave", ["mouseout", "mouseover"]);
registerDirectEvent("onPointerEnter", ["pointerout", "pointerover"]);
registerDirectEvent("onPointerLeave", ["pointerout", "pointerover"]);
registerTwoPhaseEvent(
"onChange",
"change click focusin focusout input keydown keyup selectionchange".split(" ")
);
registerTwoPhaseEvent(
"onSelect",
"focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(
" "
)
);
registerTwoPhaseEvent("onBeforeInput", [
"compositionend",
"keypress",
"textInput",
"paste"
]);
registerTwoPhaseEvent(
"onCompositionEnd",
"compositionend focusout keydown keypress keyup mousedown".split(" ")
);
registerTwoPhaseEvent(
"onCompositionStart",
"compositionstart focusout keydown keypress keyup mousedown".split(" ")
);
registerTwoPhaseEvent(
"onCompositionUpdate",
"compositionupdate focusout keydown keypress keyup mousedown".split(" ")
);
var mediaEventTypes = "abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(
" "
), nonDelegatedEvents = new Set(
"beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(mediaEventTypes)
);
function processDispatchQueue(dispatchQueue, eventSystemFlags) {
eventSystemFlags = 0 !== (eventSystemFlags & 4);
for (var i = 0; i < dispatchQueue.length; i++) {
var _dispatchQueue$i = dispatchQueue[i], event = _dispatchQueue$i.event;
_dispatchQueue$i = _dispatchQueue$i.listeners;
a: {
var previousInstance = void 0;
if (eventSystemFlags)
for (var i$jscomp$0 = _dispatchQueue$i.length - 1; 0 <= i$jscomp$0; i$jscomp$0--) {
var _dispatchListeners$i = _dispatchQueue$i[i$jscomp$0], instance = _dispatchListeners$i.instance, currentTarget = _dispatchListeners$i.currentTarget;
_dispatchListeners$i = _dispatchListeners$i.listener;
if (instance !== previousInstance && event.isPropagationStopped())
break a;
previousInstance = _dispatchListeners$i;
event.currentTarget = currentTarget;
try {
previousInstance(event);
} catch (error) {
reportGlobalError(error);
}
event.currentTarget = null;
previousInstance = instance;
}
else
for (i$jscomp$0 = 0; i$jscomp$0 < _dispatchQueue$i.length; i$jscomp$0++) {
_dispatchListeners$i = _dispatchQueue$i[i$jscomp$0];
instance = _dispatchListeners$i.instance;
currentTarget = _dispatchListeners$i.currentTarget;
_dispatchListeners$i = _dispatchListeners$i.listener;
if (instance !== previousInstance && event.isPropagationStopped())
break a;
previousInstance = _dispatchListeners$i;
event.currentTarget = currentTarget;
try {
previousInstance(event);
} catch (error) {
reportGlobalError(error);
}
event.currentTarget = null;
previousInstance = instance;
}
}
}
}
function listenToNonDelegatedEvent(domEventName, targetElement) {
var JSCompiler_inline_result = targetElement[internalEventHandlersKey];
void 0 === JSCompiler_inline_result && (JSCompiler_inline_result = targetElement[internalEventHandlersKey] = /* @__PURE__ */ new Set());
var listenerSetKey = domEventName + "__bubble";
JSCompiler_inline_result.has(listenerSetKey) || (addTrappedEventListener(targetElement, domEventName, 2, false), JSCompiler_inline_result.add(listenerSetKey));
}
function listenToNativeEvent(domEventName, isCapturePhaseListener, target) {
var eventSystemFlags = 0;
isCapturePhaseListener && (eventSystemFlags |= 4);
addTrappedEventListener(
target,
domEventName,
eventSystemFlags,
isCapturePhaseListener
);
}
var listeningMarker = "_reactListening" + Math.random().toString(36).slice(2);
function listenToAllSupportedEvents(rootContainerElement) {
if (!rootContainerElement[listeningMarker]) {
rootContainerElement[listeningMarker] = true;
allNativeEvents.forEach(function(domEventName) {
"selectionchange" !== domEventName && (nonDelegatedEvents.has(domEventName) || listenToNativeEvent(domEventName, false, rootContainerElement), listenToNativeEvent(domEventName, true, rootContainerElement));
});
var ownerDocument = 9 === rootContainerElement.nodeType ? rootContainerElement : rootContainerElement.ownerDocument;
null === ownerDocument || ownerDocument[listeningMarker] || (ownerDocument[listeningMarker] = true, listenToNativeEvent("selectionchange", false, ownerDocument));
}
}
function addTrappedEventListener(targetContainer, domEventName, eventSystemFlags, isCapturePhaseListener) {
switch (getEventPriority(domEventName)) {
case 2:
var listenerWrapper = dispatchDiscreteEvent;
break;
case 8:
listenerWrapper = dispatchContinuousEvent;
break;
default:
listenerWrapper = dispatchEvent;
}
eventSystemFlags = listenerWrapper.bind(
null,
domEventName,
eventSystemFlags,
targetContainer
);
listenerWrapper = void 0;
!passiveBrowserEventsSupported || "touchstart" !== domEventName && "touchmove" !== domEventName && "wheel" !== domEventName || (listenerWrapper = true);
isCapturePhaseListener ? void 0 !== listenerWrapper ? targetContainer.addEventListener(domEventName, eventSystemFlags, {
capture: true,
passive: listenerWrapper
}) : targetContainer.addEventListener(domEventName, eventSystemFlags, true) : void 0 !== listenerWrapper ? targetContainer.addEventListener(domEventName, eventSystemFlags, {
passive: listenerWrapper
}) : targetContainer.addEventListener(domEventName, eventSystemFlags, false);
}
function dispatchEventForPluginEventSystem(domEventName, eventSystemFlags, nativeEvent, targetInst$jscomp$0, targetContainer) {
var ancestorInst = targetInst$jscomp$0;
if (0 === (eventSystemFlags & 1) && 0 === (eventSystemFlags & 2) && null !== targetInst$jscomp$0)
a: for (; ; ) {
if (null === targetInst$jscomp$0) return;
var nodeTag = targetInst$jscomp$0.tag;
if (3 === nodeTag || 4 === nodeTag) {
var container = targetInst$jscomp$0.stateNode.containerInfo;
if (container === targetContainer) break;
if (4 === nodeTag)
for (nodeTag = targetInst$jscomp$0.return; null !== nodeTag; ) {
var grandTag = nodeTag.tag;
if ((3 === grandTag || 4 === grandTag) && nodeTag.stateNode.containerInfo === targetContainer)
return;
nodeTag = nodeTag.return;
}
for (; null !== container; ) {
nodeTag = getClosestInstanceFromNode(container);
if (null === nodeTag) return;
grandTag = nodeTag.tag;
if (5 === grandTag || 6 === grandTag || 26 === grandTag || 27 === grandTag) {
targetInst$jscomp$0 = ancestorInst = nodeTag;
continue a;
}
container = container.parentNode;
}
}
targetInst$jscomp$0 = targetInst$jscomp$0.return;
}
batchedUpdates$1(function() {
var targetInst = ancestorInst, nativeEventTarget = getEventTarget(nativeEvent), dispatchQueue = [];
a: {
var reactName = topLevelEventsToReactNames.get(domEventName);
if (void 0 !== reactName) {
var SyntheticEventCtor = SyntheticEvent, reactEventType = domEventName;
switch (domEventName) {
case "keypress":
if (0 === getEventCharCode(nativeEvent)) break a;
case "keydown":
case "keyup":
SyntheticEventCtor = SyntheticKeyboardEvent;
break;
case "focusin":
reactEventType = "focus";
SyntheticEventCtor = SyntheticFocusEvent;
break;
case "focusout":
reactEventType = "blur";
SyntheticEventCtor = SyntheticFocusEvent;
break;
case "beforeblur":
case "afterblur":
SyntheticEventCtor = SyntheticFocusEvent;
break;
case "click":
if (2 === nativeEvent.button) break a;
case "auxclick":
case "dblclick":
case "mousedown":
case "mousemove":
case "mouseup":
case "mouseout":
case "mouseover":
case "contextmenu":
SyntheticEventCtor = SyntheticMouseEvent;
break;
case "drag":
case "dragend":
case "dragenter":
case "dragexit":
case "dragleave":
case "dragover":
case "dragstart":
case "drop":
SyntheticEventCtor = SyntheticDragEvent;
break;
case "touchcancel":
case "touchend":
case "touchmove":
case "touchstart":
SyntheticEventCtor = SyntheticTouchEvent;
break;
case ANIMATION_END:
case ANIMATION_ITERATION:
case ANIMATION_START:
SyntheticEventCtor = SyntheticAnimationEvent;
break;
case TRANSITION_END:
SyntheticEventCtor = SyntheticTransitionEvent;
break;
case "scroll":
case "scrollend":
SyntheticEventCtor = SyntheticUIEvent;
break;
case "wheel":
SyntheticEventCtor = SyntheticWheelEvent;
break;
case "copy":
case "cut":
case "paste":
SyntheticEventCtor = SyntheticClipboardEvent;
break;
case "gotpointercapture":
case "lostpointercapture":
case "pointercancel":
case "pointerdown":
case "pointermove":
case "pointerout":
case "pointerover":
case "pointerup":
SyntheticEventCtor = SyntheticPointerEvent;
break;
case "toggle":
case "beforetoggle":
SyntheticEventCtor = SyntheticToggleEvent;
}
var inCapturePhase = 0 !== (eventSystemFlags & 4), accumulateTargetOnly = !inCapturePhase && ("scroll" === domEventName || "scrollend" === domEventName), reactEventName = inCapturePhase ? null !== reactName ? reactName + "Capture" : null : reactName;
inCapturePhase = [];
for (var instance = targetInst, lastHostComponent; null !== instance; ) {
var _instance = instance;
lastHostComponent = _instance.stateNode;
_instance = _instance.tag;
5 !== _instance && 26 !== _instance && 27 !== _instance || null === lastHostComponent || null === reactEventName || (_instance = getListener(instance, reactEventName), null != _instance && inCapturePhase.push(
createDispatchListener(instance, _instance, lastHostComponent)
));
if (accumulateTargetOnly) break;
instance = instance.return;
}
0 < inCapturePhase.length && (reactName = new SyntheticEventCtor(
reactName,
reactEventType,
null,
nativeEvent,
nativeEventTarget
), dispatchQueue.push({ event: reactName, listeners: inCapturePhase }));
}
}
if (0 === (eventSystemFlags & 7)) {
a: {
reactName = "mouseover" === domEventName || "pointerover" === domEventName;
SyntheticEventCtor = "mouseout" === domEventName || "pointerout" === domEventName;
if (reactName && nativeEvent !== currentReplayingEvent && (reactEventType = nativeEvent.relatedTarget || nativeEvent.fromElement) && (getClosestInstanceFromNode(reactEventType) || reactEventType[internalContainerInstanceKey]))
break a;
if (SyntheticEventCtor || reactName) {
reactName = nativeEventTarget.window === nativeEventTarget ? nativeEventTarget : (reactName = nativeEventTarget.ownerDocument) ? reactName.defaultView || reactName.parentWindow : window;
if (SyntheticEventCtor) {
if (reactEventType = nativeEvent.relatedTarget || nativeEvent.toElement, SyntheticEventCtor = targetInst, reactEventType = reactEventType ? getClosestInstanceFromNode(reactEventType) : null, null !== reactEventType && (accumulateTargetOnly = getNearestMountedFiber(reactEventType), inCapturePhase = reactEventType.tag, reactEventType !== accumulateTargetOnly || 5 !== inCapturePhase && 27 !== inCapturePhase && 6 !== inCapturePhase))
reactEventType = null;
} else SyntheticEventCtor = null, reactEventType = targetInst;
if (SyntheticEventCtor !== reactEventType) {
inCapturePhase = SyntheticMouseEvent;
_instance = "onMouseLeave";
reactEventName = "onMouseEnter";
instance = "mouse";
if ("pointerout" === domEventName || "pointerover" === domEventName)
inCapturePhase = SyntheticPointerEvent, _instance = "onPointerLeave", reactEventName = "onPointerEnter", instance = "pointer";
accumulateTargetOnly = null == SyntheticEventCtor ? reactName : getNodeFromInstance(SyntheticEventCtor);
lastHostComponent = null == reactEventType ? reactName : getNodeFromInstance(reactEventType);
reactName = new inCapturePhase(
_instance,
instance + "leave",
SyntheticEventCtor,
nativeEvent,
nativeEventTarget
);
reactName.target = accumulateTargetOnly;
reactName.relatedTarget = lastHostComponent;
_instance = null;
getClosestInstanceFromNode(nativeEventTarget) === targetInst && (inCapturePhase = new inCapturePhase(
reactEventName,
instance + "enter",
reactEventType,
nativeEvent,
nativeEventTarget
), inCapturePhase.target = lastHostComponent, inCapturePhase.relatedTarget = accumulateTargetOnly, _instance = inCapturePhase);
accumulateTargetOnly = _instance;
if (SyntheticEventCtor && reactEventType)
b: {
inCapturePhase = SyntheticEventCtor;
reactEventName = reactEventType;
instance = 0;
for (lastHostComponent = inCapturePhase; lastHostComponent; lastHostComponent = getParent(lastHostComponent))
instance++;
lastHostComponent = 0;
for (_instance = reactEventName; _instance; _instance = getParent(_instance))
lastHostComponent++;
for (; 0 < instance - lastHostComponent; )
inCapturePhase = getParent(inCapturePhase), instance--;
for (; 0 < lastHostComponent - instance; )
reactEventName = getParent(reactEventName), lastHostComponent--;
for (; instance--; ) {
if (inCapturePhase === reactEventName || null !== reactEventName && inCapturePhase === reactEventName.alternate)
break b;
inCapturePhase = getParent(inCapturePhase);
reactEventName = getParent(reactEventName);
}
inCapturePhase = null;
}
else inCapturePhase = null;
null !== SyntheticEventCtor && accumulateEnterLeaveListenersForEvent(
dispatchQueue,
reactName,
SyntheticEventCtor,
inCapturePhase,
false
);
null !== reactEventType && null !== accumulateTargetOnly && accumulateEnterLeaveListenersForEvent(
dispatchQueue,
accumulateTargetOnly,
reactEventType,
inCapturePhase,
true
);
}
}
}
a: {
reactName = targetInst ? getNodeFromInstance(targetInst) : window;
SyntheticEventCtor = reactName.nodeName && reactName.nodeName.toLowerCase();
if ("select" === SyntheticEventCtor || "input" === SyntheticEventCtor && "file" === reactName.type)
var getTargetInstFunc = getTargetInstForChangeEvent;
else if (isTextInputElement(reactName))
if (isInputEventSupported)
getTargetInstFunc = getTargetInstForInputOrChangeEvent;
else {
getTargetInstFunc = getTargetInstForInputEventPolyfill;
var handleEventFunc = handleEventsForInputEventPolyfill;
}
else
SyntheticEventCtor = reactName.nodeName, !SyntheticEventCtor || "input" !== SyntheticEventCtor.toLowerCase() || "checkbox" !== reactName.type && "radio" !== reactName.type ? targetInst && isCustomElement(targetInst.elementType) && (getTargetInstFunc = getTargetInstForChangeEvent) : getTargetInstFunc = getTargetInstForClickEvent;
if (getTargetInstFunc && (getTargetInstFunc = getTargetInstFunc(domEventName, targetInst))) {
createAndAccumulateChangeEvent(
dispatchQueue,
getTargetInstFunc,
nativeEvent,
nativeEventTarget
);
break a;
}
handleEventFunc && handleEventFunc(domEventName, reactName, targetInst);
"focusout" === domEventName && targetInst && "number" === reactName.type && null != targetInst.memoizedProps.value && setDefaultValue(reactName, "number", reactName.value);
}
handleEventFunc = targetInst ? getNodeFromInstance(targetInst) : window;
switch (domEventName) {
case "focusin":
if (isTextInputElement(handleEventFunc) || "true" === handleEventFunc.contentEditable)
activeElement = handleEventFunc, activeElementInst = targetInst, lastSelection = null;
break;
case "focusout":
lastSelection = activeElementInst = activeElement = null;
break;
case "mousedown":
mouseDown = true;
break;
case "contextmenu":
case "mouseup":
case "dragend":
mouseDown = false;
constructSelectEvent(dispatchQueue, nativeEvent, nativeEventTarget);
break;
case "selectionchange":
if (skipSelectionChangeEvent) break;
case "keydown":
case "keyup":
constructSelectEvent(dispatchQueue, nativeEvent, nativeEventTarget);
}
var fallbackData;
if (canUseCompositionEvent)
b: {
switch (domEventName) {
case "compositionstart":
var eventType = "onCompositionStart";
break b;
case "compositionend":
eventType = "onCompositionEnd";
break b;
case "compositionupdate":
eventType = "onCompositionUpdate";
break b;
}
eventType = void 0;
}
else
isComposing ? isFallbackCompositionEnd(domEventName, nativeEvent) && (eventType = "onCompositionEnd") : "keydown" === domEventName && 229 === nativeEvent.keyCode && (eventType = "onCompositionStart");
eventType && (useFallbackCompositionData && "ko" !== nativeEvent.locale && (isComposing || "onCompositionStart" !== eventType ? "onCompositionEnd" === eventType && isComposing && (fallbackData = getData()) : (root = nativeEventTarget, startText = "value" in root ? root.value : root.textContent, isComposing = true)), handleEventFunc = accumulateTwoPhaseListeners(targetInst, eventType), 0 < handleEventFunc.length && (eventType = new SyntheticCompositionEvent(
eventType,
domEventName,
null,
nativeEvent,
nativeEventTarget
), dispatchQueue.push({ event: eventType, listeners: handleEventFunc }), fallbackData ? eventType.data = fallbackData : (fallbackData = getDataFromCustomEvent(nativeEvent), null !== fallbackData && (eventType.data = fallbackData))));
if (fallbackData = canUseTextInputEvent ? getNativeBeforeInputChars(domEventName, nativeEvent) : getFallbackBeforeInputChars(domEventName, nativeEvent))
eventType = accumulateTwoPhaseListeners(targetInst, "onBeforeInput"), 0 < eventType.length && (handleEventFunc = new SyntheticCompositionEvent(
"onBeforeInput",
"beforeinput",
null,
nativeEvent,
nativeEventTarget
), dispatchQueue.push({
event: handleEventFunc,
listeners: eventType
}), handleEventFunc.data = fallbackData);
extractEvents$1(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget
);
}
processDispatchQueue(dispatchQueue, eventSystemFlags);
});
}
function createDispatchListener(instance, listener, currentTarget) {
return {
instance,
listener,
currentTarget
};
}
function accumulateTwoPhaseListeners(targetFiber, reactName) {
for (var captureName = reactName + "Capture", listeners = []; null !== targetFiber; ) {
var _instance2 = targetFiber, stateNode = _instance2.stateNode;
_instance2 = _instance2.tag;
5 !== _instance2 && 26 !== _instance2 && 27 !== _instance2 || null === stateNode || (_instance2 = getListener(targetFiber, captureName), null != _instance2 && listeners.unshift(
createDispatchListener(targetFiber, _instance2, stateNode)
), _instance2 = getListener(targetFiber, reactName), null != _instance2 && listeners.push(
createDispatchListener(targetFiber, _instance2, stateNode)
));
if (3 === targetFiber.tag) return listeners;
targetFiber = targetFiber.return;
}
return [];
}
function getParent(inst) {
if (null === inst) return null;
do
inst = inst.return;
while (inst && 5 !== inst.tag && 27 !== inst.tag);
return inst ? inst : null;
}
function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, common, inCapturePhase) {
for (var registrationName = event._reactName, listeners = []; null !== target && target !== common; ) {
var _instance3 = target, alternate = _instance3.alternate, stateNode = _instance3.stateNode;
_instance3 = _instance3.tag;
if (null !== alternate && alternate === common) break;
5 !== _instance3 && 26 !== _instance3 && 27 !== _instance3 || null === stateNode || (alternate = stateNode, inCapturePhase ? (stateNode = getListener(target, registrationName), null != stateNode && listeners.unshift(
createDispatchListener(target, stateNode, alternate)
)) : inCapturePhase || (stateNode = getListener(target, registrationName), null != stateNode && listeners.push(
createDispatchListener(target, stateNode, alternate)
)));
target = target.return;
}
0 !== listeners.length && dispatchQueue.push({ event, listeners });
}
var NORMALIZE_NEWLINES_REGEX = /\r\n?/g, NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g;
function normalizeMarkupForTextOrAttribute(markup) {
return ("string" === typeof markup ? markup : "" + markup).replace(NORMALIZE_NEWLINES_REGEX, "\n").replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
}
function checkForUnmatchedText(serverText, clientText) {
clientText = normalizeMarkupForTextOrAttribute(clientText);
return normalizeMarkupForTextOrAttribute(serverText) === clientText ? true : false;
}
function noop$12() {
}
function setProp(domElement, tag, key, value, props, prevValue) {
switch (key) {
case "children":
"string" === typeof value ? "body" === tag || "textarea" === tag && "" === value || setTextContent(domElement, value) : ("number" === typeof value || "bigint" === typeof value) && "body" !== tag && setTextContent(domElement, "" + value);
break;
case "className":
setValueForKnownAttribute(domElement, "class", value);
break;
case "tabIndex":
setValueForKnownAttribute(domElement, "tabindex", value);
break;
case "dir":
case "role":
case "viewBox":
case "width":
case "height":
setValueForKnownAttribute(domElement, key, value);
break;
case "style":
setValueForStyles(domElement, value, prevValue);
break;
case "data":
if ("object" !== tag) {
setValueForKnownAttribute(domElement, "data", value);
break;
}
case "src":
case "href":
if ("" === value && ("a" !== tag || "href" !== key)) {
domElement.removeAttribute(key);
break;
}
if (null == value || "function" === typeof value || "symbol" === typeof value || "boolean" === typeof value) {
domElement.removeAttribute(key);
break;
}
value = sanitizeURL("" + value);
domElement.setAttribute(key, value);
break;
case "action":
case "formAction":
if ("function" === typeof value) {
domElement.setAttribute(
key,
"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')"
);
break;
} else
"function" === typeof prevValue && ("formAction" === key ? ("input" !== tag && setProp(domElement, tag, "name", props.name, props, null), setProp(
domElement,
tag,
"formEncType",
props.formEncType,
props,
null
), setProp(
domElement,
tag,
"formMethod",
props.formMethod,
props,
null
), setProp(
domElement,
tag,
"formTarget",
props.formTarget,
props,
null
)) : (setProp(domElement, tag, "encType", props.encType, props, null), setProp(domElement, tag, "method", props.method, props, null), setProp(domElement, tag, "target", props.target, props, null)));
if (null == value || "symbol" === typeof value || "boolean" === typeof value) {
domElement.removeAttribute(key);
break;
}
value = sanitizeURL("" + value);
domElement.setAttribute(key, value);
break;
case "onClick":
null != value && (domElement.onclick = noop$12);
break;
case "onScroll":
null != value && listenToNonDelegatedEvent("scroll", domElement);
break;
case "onScrollEnd":
null != value && listenToNonDelegatedEvent("scrollend", domElement);
break;
case "dangerouslySetInnerHTML":
if (null != value) {
if ("object" !== typeof value || !("__html" in value))
throw Error(formatProdErrorMessage(61));
key = value.__html;
if (null != key) {
if (null != props.children) throw Error(formatProdErrorMessage(60));
domElement.innerHTML = key;
}
}
break;
case "multiple":
domElement.multiple = value && "function" !== typeof value && "symbol" !== typeof value;
break;
case "muted":
domElement.muted = value && "function" !== typeof value && "symbol" !== typeof value;
break;
case "suppressContentEditableWarning":
case "suppressHydrationWarning":
case "defaultValue":
case "defaultChecked":
case "innerHTML":
case "ref":
break;
case "autoFocus":
break;
case "xlinkHref":
if (null == value || "function" === typeof value || "boolean" === typeof value || "symbol" === typeof value) {
domElement.removeAttribute("xlink:href");
break;
}
key = sanitizeURL("" + value);
domElement.setAttributeNS(
"http://www.w3.org/1999/xlink",
"xlink:href",
key
);
break;
case "contentEditable":
case "spellCheck":
case "draggable":
case "value":
case "autoReverse":
case "externalResourcesRequired":
case "focusable":
case "preserveAlpha":
null != value && "function" !== typeof value && "symbol" !== typeof value ? domElement.setAttribute(key, "" + value) : domElement.removeAttribute(key);
break;
case "inert":
case "allowFullScreen":
case "async":
case "autoPlay":
case "controls":
case "default":
case "defer":
case "disabled":
case "disablePictureInPicture":
case "disableRemotePlayback":
case "formNoValidate":
case "hidden":
case "loop":
case "noModule":
case "noValidate":
case "open":
case "playsInline":
case "readOnly":
case "required":
case "reversed":
case "scoped":
case "seamless":
case "itemScope":
value && "function" !== typeof value && "symbol" !== typeof value ? domElement.setAttribute(key, "") : domElement.removeAttribute(key);
break;
case "capture":
case "download":
true === value ? domElement.setAttribute(key, "") : false !== value && null != value && "function" !== typeof value && "symbol" !== typeof value ? domElement.setAttribute(key, value) : domElement.removeAttribute(key);
break;
case "cols":
case "rows":
case "size":
case "span":
null != value && "function" !== typeof value && "symbol" !== typeof value && !isNaN(value) && 1 <= value ? domElement.setAttribute(key, value) : domElement.removeAttribute(key);
break;
case "rowSpan":
case "start":
null == value || "function" === typeof value || "symbol" === typeof value || isNaN(value) ? domElement.removeAttribute(key) : domElement.setAttribute(key, value);
break;
case "popover":
listenToNonDelegatedEvent("beforetoggle", domElement);
listenToNonDelegatedEvent("toggle", domElement);
setValueForAttribute(domElement, "popover", value);
break;
case "xlinkActuate":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/1999/xlink",
"xlink:actuate",
value
);
break;
case "xlinkArcrole":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/1999/xlink",
"xlink:arcrole",
value
);
break;
case "xlinkRole":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/1999/xlink",
"xlink:role",
value
);
break;
case "xlinkShow":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/1999/xlink",
"xlink:show",
value
);
break;
case "xlinkTitle":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/1999/xlink",
"xlink:title",
value
);
break;
case "xlinkType":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/1999/xlink",
"xlink:type",
value
);
break;
case "xmlBase":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/XML/1998/namespace",
"xml:base",
value
);
break;
case "xmlLang":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/XML/1998/namespace",
"xml:lang",
value
);
break;
case "xmlSpace":
setValueForNamespacedAttribute(
domElement,
"http://www.w3.org/XML/1998/namespace",
"xml:space",
value
);
break;
case "is":
setValueForAttribute(domElement, "is", value);
break;
case "innerText":
case "textContent":
break;
default:
if (!(2 < key.length) || "o" !== key[0] && "O" !== key[0] || "n" !== key[1] && "N" !== key[1])
key = aliases.get(key) || key, setValueForAttribute(domElement, key, value);
}
}
function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
switch (key) {
case "style":
setValueForStyles(domElement, value, prevValue);
break;
case "dangerouslySetInnerHTML":
if (null != value) {
if ("object" !== typeof value || !("__html" in value))
throw Error(formatProdErrorMessage(61));
key = value.__html;
if (null != key) {
if (null != props.children) throw Error(formatProdErrorMessage(60));
domElement.innerHTML = key;
}
}
break;
case "children":
"string" === typeof value ? setTextContent(domElement, value) : ("number" === typeof value || "bigint" === typeof value) && setTextContent(domElement, "" + value);
break;
case "onScroll":
null != value && listenToNonDelegatedEvent("scroll", domElement);
break;
case "onScrollEnd":
null != value && listenToNonDelegatedEvent("scrollend", domElement);
break;
case "onClick":
null != value && (domElement.onclick = noop$12);
break;
case "suppressContentEditableWarning":
case "suppressHydrationWarning":
case "innerHTML":
case "ref":
break;
case "innerText":
case "textContent":
break;
default:
if (!registrationNameDependencies.hasOwnProperty(key))
a: {
if ("o" === key[0] && "n" === key[1] && (props = key.endsWith("Capture"), tag = key.slice(2, props ? key.length - 7 : void 0), prevValue = domElement[internalPropsKey] || null, prevValue = null != prevValue ? prevValue[key] : null, "function" === typeof prevValue && domElement.removeEventListener(tag, prevValue, props), "function" === typeof value)) {
"function" !== typeof prevValue && null !== prevValue && (key in domElement ? domElement[key] = null : domElement.hasAttribute(key) && domElement.removeAttribute(key));
domElement.addEventListener(tag, value, props);
break a;
}
key in domElement ? domElement[key] = value : true === value ? domElement.setAttribute(key, "") : setValueForAttribute(domElement, key, value);
}
}
}
function setInitialProperties(domElement, tag, props) {
switch (tag) {
case "div":
case "span":
case "svg":
case "path":
case "a":
case "g":
case "p":
case "li":
break;
case "img":
listenToNonDelegatedEvent("error", domElement);
listenToNonDelegatedEvent("load", domElement);
var hasSrc = false, hasSrcSet = false, propKey;
for (propKey in props)
if (props.hasOwnProperty(propKey)) {
var propValue = props[propKey];
if (null != propValue)
switch (propKey) {
case "src":
hasSrc = true;
break;
case "srcSet":
hasSrcSet = true;
break;
case "children":
case "dangerouslySetInnerHTML":
throw Error(formatProdErrorMessage(137, tag));
default:
setProp(domElement, tag, propKey, propValue, props, null);
}
}
hasSrcSet && setProp(domElement, tag, "srcSet", props.srcSet, props, null);
hasSrc && setProp(domElement, tag, "src", props.src, props, null);
return;
case "input":
listenToNonDelegatedEvent("invalid", domElement);
var defaultValue = propKey = propValue = hasSrcSet = null, checked = null, defaultChecked = null;
for (hasSrc in props)
if (props.hasOwnProperty(hasSrc)) {
var propValue$188 = props[hasSrc];
if (null != propValue$188)
switch (hasSrc) {
case "name":
hasSrcSet = propValue$188;
break;
case "type":
propValue = propValue$188;
break;
case "checked":
checked = propValue$188;
break;
case "defaultChecked":
defaultChecked = propValue$188;
break;
case "value":
propKey = propValue$188;
break;
case "defaultValue":
defaultValue = propValue$188;
break;
case "children":
case "dangerouslySetInnerHTML":
if (null != propValue$188)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
setProp(domElement, tag, hasSrc, propValue$188, props, null);
}
}
initInput(
domElement,
propKey,
defaultValue,
checked,
defaultChecked,
propValue,
hasSrcSet,
false
);
track(domElement);
return;
case "select":
listenToNonDelegatedEvent("invalid", domElement);
hasSrc = propValue = propKey = null;
for (hasSrcSet in props)
if (props.hasOwnProperty(hasSrcSet) && (defaultValue = props[hasSrcSet], null != defaultValue))
switch (hasSrcSet) {
case "value":
propKey = defaultValue;
break;
case "defaultValue":
propValue = defaultValue;
break;
case "multiple":
hasSrc = defaultValue;
default:
setProp(domElement, tag, hasSrcSet, defaultValue, props, null);
}
tag = propKey;
props = propValue;
domElement.multiple = !!hasSrc;
null != tag ? updateOptions(domElement, !!hasSrc, tag, false) : null != props && updateOptions(domElement, !!hasSrc, props, true);
return;
case "textarea":
listenToNonDelegatedEvent("invalid", domElement);
propKey = hasSrcSet = hasSrc = null;
for (propValue in props)
if (props.hasOwnProperty(propValue) && (defaultValue = props[propValue], null != defaultValue))
switch (propValue) {
case "value":
hasSrc = defaultValue;
break;
case "defaultValue":
hasSrcSet = defaultValue;
break;
case "children":
propKey = defaultValue;
break;
case "dangerouslySetInnerHTML":
if (null != defaultValue) throw Error(formatProdErrorMessage(91));
break;
default:
setProp(domElement, tag, propValue, defaultValue, props, null);
}
initTextarea(domElement, hasSrc, hasSrcSet, propKey);
track(domElement);
return;
case "option":
for (checked in props)
if (props.hasOwnProperty(checked) && (hasSrc = props[checked], null != hasSrc))
switch (checked) {
case "selected":
domElement.selected = hasSrc && "function" !== typeof hasSrc && "symbol" !== typeof hasSrc;
break;
default:
setProp(domElement, tag, checked, hasSrc, props, null);
}
return;
case "dialog":
listenToNonDelegatedEvent("beforetoggle", domElement);
listenToNonDelegatedEvent("toggle", domElement);
listenToNonDelegatedEvent("cancel", domElement);
listenToNonDelegatedEvent("close", domElement);
break;
case "iframe":
case "object":
listenToNonDelegatedEvent("load", domElement);
break;
case "video":
case "audio":
for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
break;
case "image":
listenToNonDelegatedEvent("error", domElement);
listenToNonDelegatedEvent("load", domElement);
break;
case "details":
listenToNonDelegatedEvent("toggle", domElement);
break;
case "embed":
case "source":
case "link":
listenToNonDelegatedEvent("error", domElement), listenToNonDelegatedEvent("load", domElement);
case "area":
case "base":
case "br":
case "col":
case "hr":
case "keygen":
case "meta":
case "param":
case "track":
case "wbr":
case "menuitem":
for (defaultChecked in props)
if (props.hasOwnProperty(defaultChecked) && (hasSrc = props[defaultChecked], null != hasSrc))
switch (defaultChecked) {
case "children":
case "dangerouslySetInnerHTML":
throw Error(formatProdErrorMessage(137, tag));
default:
setProp(domElement, tag, defaultChecked, hasSrc, props, null);
}
return;
default:
if (isCustomElement(tag)) {
for (propValue$188 in props)
props.hasOwnProperty(propValue$188) && (hasSrc = props[propValue$188], void 0 !== hasSrc && setPropOnCustomElement(
domElement,
tag,
propValue$188,
hasSrc,
props,
void 0
));
return;
}
}
for (defaultValue in props)
props.hasOwnProperty(defaultValue) && (hasSrc = props[defaultValue], null != hasSrc && setProp(domElement, tag, defaultValue, hasSrc, props, null));
}
function updateProperties(domElement, tag, lastProps, nextProps) {
switch (tag) {
case "div":
case "span":
case "svg":
case "path":
case "a":
case "g":
case "p":
case "li":
break;
case "input":
var name = null, type4 = null, value = null, defaultValue = null, lastDefaultValue = null, checked = null, defaultChecked = null;
for (propKey in lastProps) {
var lastProp = lastProps[propKey];
if (lastProps.hasOwnProperty(propKey) && null != lastProp)
switch (propKey) {
case "checked":
break;
case "value":
break;
case "defaultValue":
lastDefaultValue = lastProp;
default:
nextProps.hasOwnProperty(propKey) || setProp(domElement, tag, propKey, null, nextProps, lastProp);
}
}
for (var propKey$205 in nextProps) {
var propKey = nextProps[propKey$205];
lastProp = lastProps[propKey$205];
if (nextProps.hasOwnProperty(propKey$205) && (null != propKey || null != lastProp))
switch (propKey$205) {
case "type":
type4 = propKey;
break;
case "name":
name = propKey;
break;
case "checked":
checked = propKey;
break;
case "defaultChecked":
defaultChecked = propKey;
break;
case "value":
value = propKey;
break;
case "defaultValue":
defaultValue = propKey;
break;
case "children":
case "dangerouslySetInnerHTML":
if (null != propKey)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
propKey !== lastProp && setProp(
domElement,
tag,
propKey$205,
propKey,
nextProps,
lastProp
);
}
}
updateInput(
domElement,
value,
defaultValue,
lastDefaultValue,
checked,
defaultChecked,
type4,
name
);
return;
case "select":
propKey = value = defaultValue = propKey$205 = null;
for (type4 in lastProps)
if (lastDefaultValue = lastProps[type4], lastProps.hasOwnProperty(type4) && null != lastDefaultValue)
switch (type4) {
case "value":
break;
case "multiple":
propKey = lastDefaultValue;
default:
nextProps.hasOwnProperty(type4) || setProp(
domElement,
tag,
type4,
null,
nextProps,
lastDefaultValue
);
}
for (name in nextProps)
if (type4 = nextProps[name], lastDefaultValue = lastProps[name], nextProps.hasOwnProperty(name) && (null != type4 || null != lastDefaultValue))
switch (name) {
case "value":
propKey$205 = type4;
break;
case "defaultValue":
defaultValue = type4;
break;
case "multiple":
value = type4;
default:
type4 !== lastDefaultValue && setProp(
domElement,
tag,
name,
type4,
nextProps,
lastDefaultValue
);
}
tag = defaultValue;
lastProps = value;
nextProps = propKey;
null != propKey$205 ? updateOptions(domElement, !!lastProps, propKey$205, false) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, true) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", false));
return;
case "textarea":
propKey = propKey$205 = null;
for (defaultValue in lastProps)
if (name = lastProps[defaultValue], lastProps.hasOwnProperty(defaultValue) && null != name && !nextProps.hasOwnProperty(defaultValue))
switch (defaultValue) {
case "value":
break;
case "children":
break;
default:
setProp(domElement, tag, defaultValue, null, nextProps, name);
}
for (value in nextProps)
if (name = nextProps[value], type4 = lastProps[value], nextProps.hasOwnProperty(value) && (null != name || null != type4))
switch (value) {
case "value":
propKey$205 = name;
break;
case "defaultValue":
propKey = name;
break;
case "children":
break;
case "dangerouslySetInnerHTML":
if (null != name) throw Error(formatProdErrorMessage(91));
break;
default:
name !== type4 && setProp(domElement, tag, value, name, nextProps, type4);
}
updateTextarea(domElement, propKey$205, propKey);
return;
case "option":
for (var propKey$221 in lastProps)
if (propKey$205 = lastProps[propKey$221], lastProps.hasOwnProperty(propKey$221) && null != propKey$205 && !nextProps.hasOwnProperty(propKey$221))
switch (propKey$221) {
case "selected":
domElement.selected = false;
break;
default:
setProp(
domElement,
tag,
propKey$221,
null,
nextProps,
propKey$205
);
}
for (lastDefaultValue in nextProps)
if (propKey$205 = nextProps[lastDefaultValue], propKey = lastProps[lastDefaultValue], nextProps.hasOwnProperty(lastDefaultValue) && propKey$205 !== propKey && (null != propKey$205 || null != propKey))
switch (lastDefaultValue) {
case "selected":
domElement.selected = propKey$205 && "function" !== typeof propKey$205 && "symbol" !== typeof propKey$205;
break;
default:
setProp(
domElement,
tag,
lastDefaultValue,
propKey$205,
nextProps,
propKey
);
}
return;
case "img":
case "link":
case "area":
case "base":
case "br":
case "col":
case "embed":
case "hr":
case "keygen":
case "meta":
case "param":
case "source":
case "track":
case "wbr":
case "menuitem":
for (var propKey$226 in lastProps)
propKey$205 = lastProps[propKey$226], lastProps.hasOwnProperty(propKey$226) && null != propKey$205 && !nextProps.hasOwnProperty(propKey$226) && setProp(domElement, tag, propKey$226, null, nextProps, propKey$205);
for (checked in nextProps)
if (propKey$205 = nextProps[checked], propKey = lastProps[checked], nextProps.hasOwnProperty(checked) && propKey$205 !== propKey && (null != propKey$205 || null != propKey))
switch (checked) {
case "children":
case "dangerouslySetInnerHTML":
if (null != propKey$205)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
setProp(
domElement,
tag,
checked,
propKey$205,
nextProps,
propKey
);
}
return;
default:
if (isCustomElement(tag)) {
for (var propKey$231 in lastProps)
propKey$205 = lastProps[propKey$231], lastProps.hasOwnProperty(propKey$231) && void 0 !== propKey$205 && !nextProps.hasOwnProperty(propKey$231) && setPropOnCustomElement(
domElement,
tag,
propKey$231,
void 0,
nextProps,
propKey$205
);
for (defaultChecked in nextProps)
propKey$205 = nextProps[defaultChecked], propKey = lastProps[defaultChecked], !nextProps.hasOwnProperty(defaultChecked) || propKey$205 === propKey || void 0 === propKey$205 && void 0 === propKey || setPropOnCustomElement(
domElement,
tag,
defaultChecked,
propKey$205,
nextProps,
propKey
);
return;
}
}
for (var propKey$236 in lastProps)
propKey$205 = lastProps[propKey$236], lastProps.hasOwnProperty(propKey$236) && null != propKey$205 && !nextProps.hasOwnProperty(propKey$236) && setProp(domElement, tag, propKey$236, null, nextProps, propKey$205);
for (lastProp in nextProps)
propKey$205 = nextProps[lastProp], propKey = lastProps[lastProp], !nextProps.hasOwnProperty(lastProp) || propKey$205 === propKey || null == propKey$205 && null == propKey || setProp(domElement, tag, lastProp, propKey$205, nextProps, propKey);
}
var eventsEnabled = null, selectionInformation = null;
function getOwnerDocumentFromRootContainer(rootContainerElement) {
return 9 === rootContainerElement.nodeType ? rootContainerElement : rootContainerElement.ownerDocument;
}
function getOwnHostContext(namespaceURI) {
switch (namespaceURI) {
case "http://www.w3.org/2000/svg":
return 1;
case "http://www.w3.org/1998/Math/MathML":
return 2;
default:
return 0;
}
}
function getChildHostContextProd(parentNamespace, type4) {
if (0 === parentNamespace)
switch (type4) {
case "svg":
return 1;
case "math":
return 2;
default:
return 0;
}
return 1 === parentNamespace && "foreignObject" === type4 ? 0 : parentNamespace;
}
function shouldSetTextContent(type4, props) {
return "textarea" === type4 || "noscript" === type4 || "string" === typeof props.children || "number" === typeof props.children || "bigint" === typeof props.children || "object" === typeof props.dangerouslySetInnerHTML && null !== props.dangerouslySetInnerHTML && null != props.dangerouslySetInnerHTML.__html;
}
var currentPopstateTransitionEvent = null;
function shouldAttemptEagerTransition() {
var event = window.event;
if (event && "popstate" === event.type) {
if (event === currentPopstateTransitionEvent) return false;
currentPopstateTransitionEvent = event;
return true;
}
currentPopstateTransitionEvent = null;
return false;
}
var scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0, cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0, localPromise = "function" === typeof Promise ? Promise : void 0, scheduleMicrotask = "function" === typeof queueMicrotask ? queueMicrotask : "undefined" !== typeof localPromise ? function(callback) {
return localPromise.resolve(null).then(callback).catch(handleErrorInNextTick);
} : scheduleTimeout;
function handleErrorInNextTick(error) {
setTimeout(function() {
throw error;
});
}
function isSingletonScope(type4) {
return "head" === type4;
}
function clearSuspenseBoundary(parentInstance, suspenseInstance) {
var node2 = suspenseInstance, possiblePreambleContribution = 0, depth = 0;
do {
var nextNode = node2.nextSibling;
parentInstance.removeChild(node2);
if (nextNode && 8 === nextNode.nodeType)
if (node2 = nextNode.data, "/$" === node2) {
if (0 < possiblePreambleContribution && 8 > possiblePreambleContribution) {
node2 = possiblePreambleContribution;
var ownerDocument = parentInstance.ownerDocument;
node2 & 1 && releaseSingletonInstance(ownerDocument.documentElement);
node2 & 2 && releaseSingletonInstance(ownerDocument.body);
if (node2 & 4)
for (node2 = ownerDocument.head, releaseSingletonInstance(node2), ownerDocument = node2.firstChild; ownerDocument; ) {
var nextNode$jscomp$0 = ownerDocument.nextSibling, nodeName = ownerDocument.nodeName;
ownerDocument[internalHoistableMarker] || "SCRIPT" === nodeName || "STYLE" === nodeName || "LINK" === nodeName && "stylesheet" === ownerDocument.rel.toLowerCase() || node2.removeChild(ownerDocument);
ownerDocument = nextNode$jscomp$0;
}
}
if (0 === depth) {
parentInstance.removeChild(nextNode);
retryIfBlockedOn(suspenseInstance);
return;
}
depth--;
} else
"$" === node2 || "$?" === node2 || "$!" === node2 ? depth++ : possiblePreambleContribution = node2.charCodeAt(0) - 48;
else possiblePreambleContribution = 0;
node2 = nextNode;
} while (node2);
retryIfBlockedOn(suspenseInstance);
}
function clearContainerSparingly(container) {
var nextNode = container.firstChild;
nextNode && 10 === nextNode.nodeType && (nextNode = nextNode.nextSibling);
for (; nextNode; ) {
var node2 = nextNode;
nextNode = nextNode.nextSibling;
switch (node2.nodeName) {
case "HTML":
case "HEAD":
case "BODY":
clearContainerSparingly(node2);
detachDeletedInstance(node2);
continue;
case "SCRIPT":
case "STYLE":
continue;
case "LINK":
if ("stylesheet" === node2.rel.toLowerCase()) continue;
}
container.removeChild(node2);
}
}
function canHydrateInstance(instance, type4, props, inRootOrSingleton) {
for (; 1 === instance.nodeType; ) {
var anyProps = props;
if (instance.nodeName.toLowerCase() !== type4.toLowerCase()) {
if (!inRootOrSingleton && ("INPUT" !== instance.nodeName || "hidden" !== instance.type))
break;
} else if (!inRootOrSingleton)
if ("input" === type4 && "hidden" === instance.type) {
var name = null == anyProps.name ? null : "" + anyProps.name;
if ("hidden" === anyProps.type && instance.getAttribute("name") === name)
return instance;
} else return instance;
else if (!instance[internalHoistableMarker])
switch (type4) {
case "meta":
if (!instance.hasAttribute("itemprop")) break;
return instance;
case "link":
name = instance.getAttribute("rel");
if ("stylesheet" === name && instance.hasAttribute("data-precedence"))
break;
else if (name !== anyProps.rel || instance.getAttribute("href") !== (null == anyProps.href || "" === anyProps.href ? null : anyProps.href) || instance.getAttribute("crossorigin") !== (null == anyProps.crossOrigin ? null : anyProps.crossOrigin) || instance.getAttribute("title") !== (null == anyProps.title ? null : anyProps.title))
break;
return instance;
case "style":
if (instance.hasAttribute("data-precedence")) break;
return instance;
case "script":
name = instance.getAttribute("src");
if ((name !== (null == anyProps.src ? null : anyProps.src) || instance.getAttribute("type") !== (null == anyProps.type ? null : anyProps.type) || instance.getAttribute("crossorigin") !== (null == anyProps.crossOrigin ? null : anyProps.crossOrigin)) && name && instance.hasAttribute("async") && !instance.hasAttribute("itemprop"))
break;
return instance;
default:
return instance;
}
instance = getNextHydratable(instance.nextSibling);
if (null === instance) break;
}
return null;
}
function canHydrateTextInstance(instance, text, inRootOrSingleton) {
if ("" === text) return null;
for (; 3 !== instance.nodeType; ) {
if ((1 !== instance.nodeType || "INPUT" !== instance.nodeName || "hidden" !== instance.type) && !inRootOrSingleton)
return null;
instance = getNextHydratable(instance.nextSibling);
if (null === instance) return null;
}
return instance;
}
function isSuspenseInstanceFallback(instance) {
return "$!" === instance.data || "$?" === instance.data && "complete" === instance.ownerDocument.readyState;
}
function registerSuspenseInstanceRetry(instance, callback) {
var ownerDocument = instance.ownerDocument;
if ("$?" !== instance.data || "complete" === ownerDocument.readyState)
callback();
else {
var listener = function() {
callback();
ownerDocument.removeEventListener("DOMContentLoaded", listener);
};
ownerDocument.addEventListener("DOMContentLoaded", listener);
instance._reactRetry = listener;
}
}
function getNextHydratable(node2) {
for (; null != node2; node2 = node2.nextSibling) {
var nodeType = node2.nodeType;
if (1 === nodeType || 3 === nodeType) break;
if (8 === nodeType) {
nodeType = node2.data;
if ("$" === nodeType || "$!" === nodeType || "$?" === nodeType || "F!" === nodeType || "F" === nodeType)
break;
if ("/$" === nodeType) return null;
}
}
return node2;
}
var previousHydratableOnEnteringScopedSingleton = null;
function getParentSuspenseInstance(targetInstance) {
targetInstance = targetInstance.previousSibling;
for (var depth = 0; targetInstance; ) {
if (8 === targetInstance.nodeType) {
var data = targetInstance.data;
if ("$" === data || "$!" === data || "$?" === data) {
if (0 === depth) return targetInstance;
depth--;
} else "/$" === data && depth++;
}
targetInstance = targetInstance.previousSibling;
}
return null;
}
function resolveSingletonInstance(type4, props, rootContainerInstance) {
props = getOwnerDocumentFromRootContainer(rootContainerInstance);
switch (type4) {
case "html":
type4 = props.documentElement;
if (!type4) throw Error(formatProdErrorMessage(452));
return type4;
case "head":
type4 = props.head;
if (!type4) throw Error(formatProdErrorMessage(453));
return type4;
case "body":
type4 = props.body;
if (!type4) throw Error(formatProdErrorMessage(454));
return type4;
default:
throw Error(formatProdErrorMessage(451));
}
}
function releaseSingletonInstance(instance) {
for (var attributes2 = instance.attributes; attributes2.length; )
instance.removeAttributeNode(attributes2[0]);
detachDeletedInstance(instance);
}
var preloadPropsMap = /* @__PURE__ */ new Map(), preconnectsSet = /* @__PURE__ */ new Set();
function getHoistableRoot(container) {
return "function" === typeof container.getRootNode ? container.getRootNode() : 9 === container.nodeType ? container : container.ownerDocument;
}
var previousDispatcher = ReactDOMSharedInternals.d;
ReactDOMSharedInternals.d = {
f: flushSyncWork,
r: requestFormReset,
D: prefetchDNS,
C: preconnect,
L: preload,
m: preloadModule,
X: preinitScript,
S: preinitStyle,
M: preinitModuleScript
};
function flushSyncWork() {
var previousWasRendering = previousDispatcher.f(), wasRendering = flushSyncWork$1();
return previousWasRendering || wasRendering;
}
function requestFormReset(form) {
var formInst = getInstanceFromNode(form);
null !== formInst && 5 === formInst.tag && "form" === formInst.type ? requestFormReset$1(formInst) : previousDispatcher.r(form);
}
var globalDocument = "undefined" === typeof document ? null : document;
function preconnectAs(rel, href, crossOrigin) {
var ownerDocument = globalDocument;
if (ownerDocument && "string" === typeof href && href) {
var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
limitedEscapedHref = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
"string" === typeof crossOrigin && (limitedEscapedHref += '[crossorigin="' + crossOrigin + '"]');
preconnectsSet.has(limitedEscapedHref) || (preconnectsSet.add(limitedEscapedHref), rel = { rel, crossOrigin, href }, null === ownerDocument.querySelector(limitedEscapedHref) && (href = ownerDocument.createElement("link"), setInitialProperties(href, "link", rel), markNodeAsHoistable(href), ownerDocument.head.appendChild(href)));
}
}
function prefetchDNS(href) {
previousDispatcher.D(href);
preconnectAs("dns-prefetch", href, null);
}
function preconnect(href, crossOrigin) {
previousDispatcher.C(href, crossOrigin);
preconnectAs("preconnect", href, crossOrigin);
}
function preload(href, as, options2) {
previousDispatcher.L(href, as, options2);
var ownerDocument = globalDocument;
if (ownerDocument && href && as) {
var preloadSelector = 'link[rel="preload"][as="' + escapeSelectorAttributeValueInsideDoubleQuotes(as) + '"]';
"image" === as ? options2 && options2.imageSrcSet ? (preloadSelector += '[imagesrcset="' + escapeSelectorAttributeValueInsideDoubleQuotes(
options2.imageSrcSet
) + '"]', "string" === typeof options2.imageSizes && (preloadSelector += '[imagesizes="' + escapeSelectorAttributeValueInsideDoubleQuotes(
options2.imageSizes
) + '"]')) : preloadSelector += '[href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"]' : preloadSelector += '[href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"]';
var key = preloadSelector;
switch (as) {
case "style":
key = getStyleKey(href);
break;
case "script":
key = getScriptKey(href);
}
preloadPropsMap.has(key) || (href = assign(
{
rel: "preload",
href: "image" === as && options2 && options2.imageSrcSet ? void 0 : href,
as
},
options2
), preloadPropsMap.set(key, href), null !== ownerDocument.querySelector(preloadSelector) || "style" === as && ownerDocument.querySelector(getStylesheetSelectorFromKey(key)) || "script" === as && ownerDocument.querySelector(getScriptSelectorFromKey(key)) || (as = ownerDocument.createElement("link"), setInitialProperties(as, "link", href), markNodeAsHoistable(as), ownerDocument.head.appendChild(as)));
}
}
function preloadModule(href, options2) {
previousDispatcher.m(href, options2);
var ownerDocument = globalDocument;
if (ownerDocument && href) {
var as = options2 && "string" === typeof options2.as ? options2.as : "script", preloadSelector = 'link[rel="modulepreload"][as="' + escapeSelectorAttributeValueInsideDoubleQuotes(as) + '"][href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"]', key = preloadSelector;
switch (as) {
case "audioworklet":
case "paintworklet":
case "serviceworker":
case "sharedworker":
case "worker":
case "script":
key = getScriptKey(href);
}
if (!preloadPropsMap.has(key) && (href = assign({ rel: "modulepreload", href }, options2), preloadPropsMap.set(key, href), null === ownerDocument.querySelector(preloadSelector))) {
switch (as) {
case "audioworklet":
case "paintworklet":
case "serviceworker":
case "sharedworker":
case "worker":
case "script":
if (ownerDocument.querySelector(getScriptSelectorFromKey(key)))
return;
}
as = ownerDocument.createElement("link");
setInitialProperties(as, "link", href);
markNodeAsHoistable(as);
ownerDocument.head.appendChild(as);
}
}
}
function preinitStyle(href, precedence, options2) {
previousDispatcher.S(href, precedence, options2);
var ownerDocument = globalDocument;
if (ownerDocument && href) {
var styles = getResourcesFromRoot(ownerDocument).hoistableStyles, key = getStyleKey(href);
precedence = precedence || "default";
var resource = styles.get(key);
if (!resource) {
var state = { loading: 0, preload: null };
if (resource = ownerDocument.querySelector(
getStylesheetSelectorFromKey(key)
))
state.loading = 5;
else {
href = assign(
{ rel: "stylesheet", href, "data-precedence": precedence },
options2
);
(options2 = preloadPropsMap.get(key)) && adoptPreloadPropsForStylesheet(href, options2);
var link = resource = ownerDocument.createElement("link");
markNodeAsHoistable(link);
setInitialProperties(link, "link", href);
link._p = new Promise(function(resolve, reject) {
link.onload = resolve;
link.onerror = reject;
});
link.addEventListener("load", function() {
state.loading |= 1;
});
link.addEventListener("error", function() {
state.loading |= 2;
});
state.loading |= 4;
insertStylesheet(resource, precedence, ownerDocument);
}
resource = {
type: "stylesheet",
instance: resource,
count: 1,
state
};
styles.set(key, resource);
}
}
}
function preinitScript(src, options2) {
previousDispatcher.X(src, options2);
var ownerDocument = globalDocument;
if (ownerDocument && src) {
var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts, key = getScriptKey(src), resource = scripts.get(key);
resource || (resource = ownerDocument.querySelector(getScriptSelectorFromKey(key)), resource || (src = assign({ src, async: true }, options2), (options2 = preloadPropsMap.get(key)) && adoptPreloadPropsForScript(src, options2), resource = ownerDocument.createElement("script"), markNodeAsHoistable(resource), setInitialProperties(resource, "link", src), ownerDocument.head.appendChild(resource)), resource = {
type: "script",
instance: resource,
count: 1,
state: null
}, scripts.set(key, resource));
}
}
function preinitModuleScript(src, options2) {
previousDispatcher.M(src, options2);
var ownerDocument = globalDocument;
if (ownerDocument && src) {
var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts, key = getScriptKey(src), resource = scripts.get(key);
resource || (resource = ownerDocument.querySelector(getScriptSelectorFromKey(key)), resource || (src = assign({ src, async: true, type: "module" }, options2), (options2 = preloadPropsMap.get(key)) && adoptPreloadPropsForScript(src, options2), resource = ownerDocument.createElement("script"), markNodeAsHoistable(resource), setInitialProperties(resource, "link", src), ownerDocument.head.appendChild(resource)), resource = {
type: "script",
instance: resource,
count: 1,
state: null
}, scripts.set(key, resource));
}
}
function getResource(type4, currentProps, pendingProps, currentResource) {
var JSCompiler_inline_result = (JSCompiler_inline_result = rootInstanceStackCursor.current) ? getHoistableRoot(JSCompiler_inline_result) : null;
if (!JSCompiler_inline_result) throw Error(formatProdErrorMessage(446));
switch (type4) {
case "meta":
case "title":
return null;
case "style":
return "string" === typeof pendingProps.precedence && "string" === typeof pendingProps.href ? (currentProps = getStyleKey(pendingProps.href), pendingProps = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles, currentResource = pendingProps.get(currentProps), currentResource || (currentResource = {
type: "style",
instance: null,
count: 0,
state: null
}, pendingProps.set(currentProps, currentResource)), currentResource) : { type: "void", instance: null, count: 0, state: null };
case "link":
if ("stylesheet" === pendingProps.rel && "string" === typeof pendingProps.href && "string" === typeof pendingProps.precedence) {
type4 = getStyleKey(pendingProps.href);
var styles$244 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles, resource$245 = styles$244.get(type4);
resource$245 || (JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result, resource$245 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}, styles$244.set(type4, resource$245), (styles$244 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type4)
)) && !styles$244._p && (resource$245.instance = styles$244, resource$245.state.loading = 5), preloadPropsMap.has(type4) || (pendingProps = {
rel: "preload",
as: "style",
href: pendingProps.href,
crossOrigin: pendingProps.crossOrigin,
integrity: pendingProps.integrity,
media: pendingProps.media,
hrefLang: pendingProps.hrefLang,
referrerPolicy: pendingProps.referrerPolicy
}, preloadPropsMap.set(type4, pendingProps), styles$244 || preloadStylesheet(
JSCompiler_inline_result,
type4,
pendingProps,
resource$245.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
return resource$245;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
return null;
case "script":
return currentProps = pendingProps.async, pendingProps = pendingProps.src, "string" === typeof pendingProps && currentProps && "function" !== typeof currentProps && "symbol" !== typeof currentProps ? (currentProps = getScriptKey(pendingProps), pendingProps = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableScripts, currentResource = pendingProps.get(currentProps), currentResource || (currentResource = {
type: "script",
instance: null,
count: 0,
state: null
}, pendingProps.set(currentProps, currentResource)), currentResource) : { type: "void", instance: null, count: 0, state: null };
default:
throw Error(formatProdErrorMessage(444, type4));
}
}
function getStyleKey(href) {
return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
}
function getStylesheetSelectorFromKey(key) {
return 'link[rel="stylesheet"][' + key + "]";
}
function stylesheetPropsFromRawProps(rawProps) {
return assign({}, rawProps, {
"data-precedence": rawProps.precedence,
precedence: null
});
}
function preloadStylesheet(ownerDocument, key, preloadProps, state) {
ownerDocument.querySelector('link[rel="preload"][as="style"][' + key + "]") ? state.loading = 1 : (key = ownerDocument.createElement("link"), state.preload = key, key.addEventListener("load", function() {
return state.loading |= 1;
}), key.addEventListener("error", function() {
return state.loading |= 2;
}), setInitialProperties(key, "link", preloadProps), markNodeAsHoistable(key), ownerDocument.head.appendChild(key));
}
function getScriptKey(src) {
return '[src="' + escapeSelectorAttributeValueInsideDoubleQuotes(src) + '"]';
}
function getScriptSelectorFromKey(key) {
return "script[async]" + key;
}
function acquireResource(hoistableRoot, resource, props) {
resource.count++;
if (null === resource.instance)
switch (resource.type) {
case "style":
var instance = hoistableRoot.querySelector(
'style[data-href~="' + escapeSelectorAttributeValueInsideDoubleQuotes(props.href) + '"]'
);
if (instance)
return resource.instance = instance, markNodeAsHoistable(instance), instance;
var styleProps = assign({}, props, {
"data-href": props.href,
"data-precedence": props.precedence,
href: null,
precedence: null
});
instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
"style"
);
markNodeAsHoistable(instance);
setInitialProperties(instance, "style", styleProps);
insertStylesheet(instance, props.precedence, hoistableRoot);
return resource.instance = instance;
case "stylesheet":
styleProps = getStyleKey(props.href);
var instance$250 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
if (instance$250)
return resource.state.loading |= 4, resource.instance = instance$250, markNodeAsHoistable(instance$250), instance$250;
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps);
instance$250 = (hoistableRoot.ownerDocument || hoistableRoot).createElement("link");
markNodeAsHoistable(instance$250);
var linkInstance = instance$250;
linkInstance._p = new Promise(function(resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
setInitialProperties(instance$250, "link", instance);
resource.state.loading |= 4;
insertStylesheet(instance$250, props.precedence, hoistableRoot);
return resource.instance = instance$250;
case "script":
instance$250 = getScriptKey(props.src);
if (styleProps = hoistableRoot.querySelector(
getScriptSelectorFromKey(instance$250)
))
return resource.instance = styleProps, markNodeAsHoistable(styleProps), styleProps;
instance = props;
if (styleProps = preloadPropsMap.get(instance$250))
instance = assign({}, props), adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
styleProps = hoistableRoot.createElement("script");
markNodeAsHoistable(styleProps);
setInitialProperties(styleProps, "link", instance);
hoistableRoot.head.appendChild(styleProps);
return resource.instance = styleProps;
case "void":
return null;
default:
throw Error(formatProdErrorMessage(443, resource.type));
}
else
"stylesheet" === resource.type && 0 === (resource.state.loading & 4) && (instance = resource.instance, resource.state.loading |= 4, insertStylesheet(instance, props.precedence, hoistableRoot));
return resource.instance;
}
function insertStylesheet(instance, precedence, root2) {
for (var nodes = root2.querySelectorAll(
'link[rel="stylesheet"][data-precedence],style[data-precedence]'
), last = nodes.length ? nodes[nodes.length - 1] : null, prior = last, i = 0; i < nodes.length; i++) {
var node2 = nodes[i];
if (node2.dataset.precedence === precedence) prior = node2;
else if (prior !== last) break;
}
prior ? prior.parentNode.insertBefore(instance, prior.nextSibling) : (precedence = 9 === root2.nodeType ? root2.head : root2, precedence.insertBefore(instance, precedence.firstChild));
}
function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
null == stylesheetProps.crossOrigin && (stylesheetProps.crossOrigin = preloadProps.crossOrigin);
null == stylesheetProps.referrerPolicy && (stylesheetProps.referrerPolicy = preloadProps.referrerPolicy);
null == stylesheetProps.title && (stylesheetProps.title = preloadProps.title);
}
function adoptPreloadPropsForScript(scriptProps, preloadProps) {
null == scriptProps.crossOrigin && (scriptProps.crossOrigin = preloadProps.crossOrigin);
null == scriptProps.referrerPolicy && (scriptProps.referrerPolicy = preloadProps.referrerPolicy);
null == scriptProps.integrity && (scriptProps.integrity = preloadProps.integrity);
}
var tagCaches = null;
function getHydratableHoistableCache(type4, keyAttribute, ownerDocument) {
if (null === tagCaches) {
var cache = /* @__PURE__ */ new Map();
var caches = tagCaches = /* @__PURE__ */ new Map();
caches.set(ownerDocument, cache);
} else
caches = tagCaches, cache = caches.get(ownerDocument), cache || (cache = /* @__PURE__ */ new Map(), caches.set(ownerDocument, cache));
if (cache.has(type4)) return cache;
cache.set(type4, null);
ownerDocument = ownerDocument.getElementsByTagName(type4);
for (caches = 0; caches < ownerDocument.length; caches++) {
var node2 = ownerDocument[caches];
if (!(node2[internalHoistableMarker] || node2[internalInstanceKey] || "link" === type4 && "stylesheet" === node2.getAttribute("rel")) && "http://www.w3.org/2000/svg" !== node2.namespaceURI) {
var nodeKey = node2.getAttribute(keyAttribute) || "";
nodeKey = type4 + nodeKey;
var existing = cache.get(nodeKey);
existing ? existing.push(node2) : cache.set(nodeKey, [node2]);
}
}
return cache;
}
function mountHoistable(hoistableRoot, type4, instance) {
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
hoistableRoot.head.insertBefore(
instance,
"title" === type4 ? hoistableRoot.querySelector("head > title") : null
);
}
function isHostHoistableType(type4, props, hostContext) {
if (1 === hostContext || null != props.itemProp) return false;
switch (type4) {
case "meta":
case "title":
return true;
case "style":
if ("string" !== typeof props.precedence || "string" !== typeof props.href || "" === props.href)
break;
return true;
case "link":
if ("string" !== typeof props.rel || "string" !== typeof props.href || "" === props.href || props.onLoad || props.onError)
break;
switch (props.rel) {
case "stylesheet":
return type4 = props.disabled, "string" === typeof props.precedence && null == type4;
default:
return true;
}
case "script":
if (props.async && "function" !== typeof props.async && "symbol" !== typeof props.async && !props.onLoad && !props.onError && props.src && "string" === typeof props.src)
return true;
}
return false;
}
function preloadResource(resource) {
return "stylesheet" === resource.type && 0 === (resource.state.loading & 3) ? false : true;
}
var suspendedState = null;
function noop2() {
}
function suspendResource(hoistableRoot, resource, props) {
if (null === suspendedState) throw Error(formatProdErrorMessage(475));
var state = suspendedState;
if ("stylesheet" === resource.type && ("string" !== typeof props.media || false !== matchMedia(props.media).matches) && 0 === (resource.state.loading & 4)) {
if (null === resource.instance) {
var key = getStyleKey(props.href), instance = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(key)
);
if (instance) {
hoistableRoot = instance._p;
null !== hoistableRoot && "object" === typeof hoistableRoot && "function" === typeof hoistableRoot.then && (state.count++, state = onUnsuspend.bind(state), hoistableRoot.then(state, state));
resource.state.loading |= 4;
resource.instance = instance;
markNodeAsHoistable(instance);
return;
}
instance = hoistableRoot.ownerDocument || hoistableRoot;
props = stylesheetPropsFromRawProps(props);
(key = preloadPropsMap.get(key)) && adoptPreloadPropsForStylesheet(props, key);
instance = instance.createElement("link");
markNodeAsHoistable(instance);
var linkInstance = instance;
linkInstance._p = new Promise(function(resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
setInitialProperties(instance, "link", props);
resource.instance = instance;
}
null === state.stylesheets && (state.stylesheets = /* @__PURE__ */ new Map());
state.stylesheets.set(resource, hoistableRoot);
(hoistableRoot = resource.state.preload) && 0 === (resource.state.loading & 3) && (state.count++, resource = onUnsuspend.bind(state), hoistableRoot.addEventListener("load", resource), hoistableRoot.addEventListener("error", resource));
}
}
function waitForCommitToBeReady() {
if (null === suspendedState) throw Error(formatProdErrorMessage(475));
var state = suspendedState;
state.stylesheets && 0 === state.count && insertSuspendedStylesheets(state, state.stylesheets);
return 0 < state.count ? function(commit) {
var stylesheetTimer = setTimeout(function() {
state.stylesheets && insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 6e4);
state.unsuspend = commit;
return function() {
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
} : null;
}
function onUnsuspend() {
this.count--;
if (0 === this.count) {
if (this.stylesheets) insertSuspendedStylesheets(this, this.stylesheets);
else if (this.unsuspend) {
var unsuspend = this.unsuspend;
this.unsuspend = null;
unsuspend();
}
}
}
var precedencesByRoot = null;
function insertSuspendedStylesheets(state, resources) {
state.stylesheets = null;
null !== state.unsuspend && (state.count++, precedencesByRoot = /* @__PURE__ */ new Map(), resources.forEach(insertStylesheetIntoRoot, state), precedencesByRoot = null, onUnsuspend.call(state));
}
function insertStylesheetIntoRoot(root2, resource) {
if (!(resource.state.loading & 4)) {
var precedences = precedencesByRoot.get(root2);
if (precedences) var last = precedences.get(null);
else {
precedences = /* @__PURE__ */ new Map();
precedencesByRoot.set(root2, precedences);
for (var nodes = root2.querySelectorAll(
"link[data-precedence],style[data-precedence]"
), i = 0; i < nodes.length; i++) {
var node2 = nodes[i];
if ("LINK" === node2.nodeName || "not all" !== node2.getAttribute("media"))
precedences.set(node2.dataset.precedence, node2), last = node2;
}
last && precedences.set(null, last);
}
nodes = resource.instance;
node2 = nodes.getAttribute("data-precedence");
i = precedences.get(node2) || last;
i === last && precedences.set(null, nodes);
precedences.set(node2, nodes);
this.count++;
last = onUnsuspend.bind(this);
nodes.addEventListener("load", last);
nodes.addEventListener("error", last);
i ? i.parentNode.insertBefore(nodes, i.nextSibling) : (root2 = 9 === root2.nodeType ? root2.head : root2, root2.insertBefore(nodes, root2.firstChild));
resource.state.loading |= 4;
}
}
var HostTransitionContext = {
$$typeof: REACT_CONTEXT_TYPE,
Provider: null,
Consumer: null,
_currentValue: sharedNotPendingObject,
_currentValue2: sharedNotPendingObject,
_threadCount: 0
};
function FiberRootNode(containerInfo, tag, hydrate, identifierPrefix, onUncaughtError, onCaughtError, onRecoverableError, formState) {
this.tag = 1;
this.containerInfo = containerInfo;
this.pingCache = this.current = this.pendingChildren = null;
this.timeoutHandle = -1;
this.callbackNode = this.next = this.pendingContext = this.context = this.cancelPendingCommit = null;
this.callbackPriority = 0;
this.expirationTimes = createLaneMap(-1);
this.entangledLanes = this.shellSuspendCounter = this.errorRecoveryDisabledLanes = this.expiredLanes = this.warmLanes = this.pingedLanes = this.suspendedLanes = this.pendingLanes = 0;
this.entanglements = createLaneMap(0);
this.hiddenUpdates = createLaneMap(null);
this.identifierPrefix = identifierPrefix;
this.onUncaughtError = onUncaughtError;
this.onCaughtError = onCaughtError;
this.onRecoverableError = onRecoverableError;
this.pooledCache = null;
this.pooledCacheLanes = 0;
this.formState = formState;
this.incompleteTransitions = /* @__PURE__ */ new Map();
}
function createFiberRoot(containerInfo, tag, hydrate, initialChildren, hydrationCallbacks, isStrictMode, identifierPrefix, onUncaughtError, onCaughtError, onRecoverableError, transitionCallbacks, formState) {
containerInfo = new FiberRootNode(
containerInfo,
tag,
hydrate,
identifierPrefix,
onUncaughtError,
onCaughtError,
onRecoverableError,
formState
);
tag = 1;
true === isStrictMode && (tag |= 24);
isStrictMode = createFiberImplClass(3, null, null, tag);
containerInfo.current = isStrictMode;
isStrictMode.stateNode = containerInfo;
tag = createCache2();
tag.refCount++;
containerInfo.pooledCache = tag;
tag.refCount++;
isStrictMode.memoizedState = {
element: initialChildren,
isDehydrated: hydrate,
cache: tag
};
initializeUpdateQueue(isStrictMode);
return containerInfo;
}
function getContextForSubtree(parentComponent) {
if (!parentComponent) return emptyContextObject;
parentComponent = emptyContextObject;
return parentComponent;
}
function updateContainerImpl(rootFiber, lane, element, container, parentComponent, callback) {
parentComponent = getContextForSubtree(parentComponent);
null === container.context ? container.context = parentComponent : container.pendingContext = parentComponent;
container = createUpdate(lane);
container.payload = { element };
callback = void 0 === callback ? null : callback;
null !== callback && (container.callback = callback);
element = enqueueUpdate(rootFiber, container, lane);
null !== element && (scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane));
}
function markRetryLaneImpl(fiber, retryLane) {
fiber = fiber.memoizedState;
if (null !== fiber && null !== fiber.dehydrated) {
var a = fiber.retryLane;
fiber.retryLane = 0 !== a && a < retryLane ? a : retryLane;
}
}
function markRetryLaneIfNotHydrated(fiber, retryLane) {
markRetryLaneImpl(fiber, retryLane);
(fiber = fiber.alternate) && markRetryLaneImpl(fiber, retryLane);
}
function attemptContinuousHydration(fiber) {
if (13 === fiber.tag) {
var root2 = enqueueConcurrentRenderForLane(fiber, 67108864);
null !== root2 && scheduleUpdateOnFiber(root2, fiber, 67108864);
markRetryLaneIfNotHydrated(fiber, 67108864);
}
}
var _enabled = true;
function dispatchDiscreteEvent(domEventName, eventSystemFlags, container, nativeEvent) {
var prevTransition = ReactSharedInternals.T;
ReactSharedInternals.T = null;
var previousPriority = ReactDOMSharedInternals.p;
try {
ReactDOMSharedInternals.p = 2, dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
} finally {
ReactDOMSharedInternals.p = previousPriority, ReactSharedInternals.T = prevTransition;
}
}
function dispatchContinuousEvent(domEventName, eventSystemFlags, container, nativeEvent) {
var prevTransition = ReactSharedInternals.T;
ReactSharedInternals.T = null;
var previousPriority = ReactDOMSharedInternals.p;
try {
ReactDOMSharedInternals.p = 8, dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
} finally {
ReactDOMSharedInternals.p = previousPriority, ReactSharedInternals.T = prevTransition;
}
}
function dispatchEvent(domEventName, eventSystemFlags, targetContainer, nativeEvent) {
if (_enabled) {
var blockedOn = findInstanceBlockingEvent(nativeEvent);
if (null === blockedOn)
dispatchEventForPluginEventSystem(
domEventName,
eventSystemFlags,
nativeEvent,
return_targetInst,
targetContainer
), clearIfContinuousEvent(domEventName, nativeEvent);
else if (queueIfContinuousEvent(
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent
))
nativeEvent.stopPropagation();
else if (clearIfContinuousEvent(domEventName, nativeEvent), eventSystemFlags & 4 && -1 < discreteReplayableEvents.indexOf(domEventName)) {
for (; null !== blockedOn; ) {
var fiber = getInstanceFromNode(blockedOn);
if (null !== fiber)
switch (fiber.tag) {
case 3:
fiber = fiber.stateNode;
if (fiber.current.memoizedState.isDehydrated) {
var lanes = getHighestPriorityLanes(fiber.pendingLanes);
if (0 !== lanes) {
var root2 = fiber;
root2.pendingLanes |= 2;
for (root2.entangledLanes |= 2; lanes; ) {
var lane = 1 << 31 - clz32(lanes);
root2.entanglements[1] |= lane;
lanes &= ~lane;
}
ensureRootIsScheduled(fiber);
0 === (executionContext & 6) && (workInProgressRootRenderTargetTime = now() + 500, flushSyncWorkAcrossRoots_impl(0));
}
}
break;
case 13:
root2 = enqueueConcurrentRenderForLane(fiber, 2), null !== root2 && scheduleUpdateOnFiber(root2, fiber, 2), flushSyncWork$1(), markRetryLaneIfNotHydrated(fiber, 2);
}
fiber = findInstanceBlockingEvent(nativeEvent);
null === fiber && dispatchEventForPluginEventSystem(
domEventName,
eventSystemFlags,
nativeEvent,
return_targetInst,
targetContainer
);
if (fiber === blockedOn) break;
blockedOn = fiber;
}
null !== blockedOn && nativeEvent.stopPropagation();
} else
dispatchEventForPluginEventSystem(
domEventName,
eventSystemFlags,
nativeEvent,
null,
targetContainer
);
}
}
function findInstanceBlockingEvent(nativeEvent) {
nativeEvent = getEventTarget(nativeEvent);
return findInstanceBlockingTarget(nativeEvent);
}
var return_targetInst = null;
function findInstanceBlockingTarget(targetNode) {
return_targetInst = null;
targetNode = getClosestInstanceFromNode(targetNode);
if (null !== targetNode) {
var nearestMounted = getNearestMountedFiber(targetNode);
if (null === nearestMounted) targetNode = null;
else {
var tag = nearestMounted.tag;
if (13 === tag) {
targetNode = getSuspenseInstanceFromFiber(nearestMounted);
if (null !== targetNode) return targetNode;
targetNode = null;
} else if (3 === tag) {
if (nearestMounted.stateNode.current.memoizedState.isDehydrated)
return 3 === nearestMounted.tag ? nearestMounted.stateNode.containerInfo : null;
targetNode = null;
} else nearestMounted !== targetNode && (targetNode = null);
}
}
return_targetInst = targetNode;
return null;
}
function getEventPriority(domEventName) {
switch (domEventName) {
case "beforetoggle":
case "cancel":
case "click":
case "close":
case "contextmenu":
case "copy":
case "cut":
case "auxclick":
case "dblclick":
case "dragend":
case "dragstart":
case "drop":
case "focusin":
case "focusout":
case "input":
case "invalid":
case "keydown":
case "keypress":
case "keyup":
case "mousedown":
case "mouseup":
case "paste":
case "pause":
case "play":
case "pointercancel":
case "pointerdown":
case "pointerup":
case "ratechange":
case "reset":
case "resize":
case "seeked":
case "submit":
case "toggle":
case "touchcancel":
case "touchend":
case "touchstart":
case "volumechange":
case "change":
case "selectionchange":
case "textInput":
case "compositionstart":
case "compositionend":
case "compositionupdate":
case "beforeblur":
case "afterblur":
case "beforeinput":
case "blur":
case "fullscreenchange":
case "focus":
case "hashchange":
case "popstate":
case "select":
case "selectstart":
return 2;
case "drag":
case "dragenter":
case "dragexit":
case "dragleave":
case "dragover":
case "mousemove":
case "mouseout":
case "mouseover":
case "pointermove":
case "pointerout":
case "pointerover":
case "scroll":
case "touchmove":
case "wheel":
case "mouseenter":
case "mouseleave":
case "pointerenter":
case "pointerleave":
return 8;
case "message":
switch (getCurrentPriorityLevel()) {
case ImmediatePriority:
return 2;
case UserBlockingPriority:
return 8;
case NormalPriority$1:
case LowPriority:
return 32;
case IdlePriority:
return 268435456;
default:
return 32;
}
default:
return 32;
}
}
var hasScheduledReplayAttempt = false, queuedFocus = null, queuedDrag = null, queuedMouse = null, queuedPointers = /* @__PURE__ */ new Map(), queuedPointerCaptures = /* @__PURE__ */ new Map(), queuedExplicitHydrationTargets = [], discreteReplayableEvents = "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(
" "
);
function clearIfContinuousEvent(domEventName, nativeEvent) {
switch (domEventName) {
case "focusin":
case "focusout":
queuedFocus = null;
break;
case "dragenter":
case "dragleave":
queuedDrag = null;
break;
case "mouseover":
case "mouseout":
queuedMouse = null;
break;
case "pointerover":
case "pointerout":
queuedPointers.delete(nativeEvent.pointerId);
break;
case "gotpointercapture":
case "lostpointercapture":
queuedPointerCaptures.delete(nativeEvent.pointerId);
}
}
function accumulateOrCreateContinuousQueuedReplayableEvent(existingQueuedEvent, blockedOn, domEventName, eventSystemFlags, targetContainer, nativeEvent) {
if (null === existingQueuedEvent || existingQueuedEvent.nativeEvent !== nativeEvent)
return existingQueuedEvent = {
blockedOn,
domEventName,
eventSystemFlags,
nativeEvent,
targetContainers: [targetContainer]
}, null !== blockedOn && (blockedOn = getInstanceFromNode(blockedOn), null !== blockedOn && attemptContinuousHydration(blockedOn)), existingQueuedEvent;
existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
blockedOn = existingQueuedEvent.targetContainers;
null !== targetContainer && -1 === blockedOn.indexOf(targetContainer) && blockedOn.push(targetContainer);
return existingQueuedEvent;
}
function queueIfContinuousEvent(blockedOn, domEventName, eventSystemFlags, targetContainer, nativeEvent) {
switch (domEventName) {
case "focusin":
return queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
queuedFocus,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent
), true;
case "dragenter":
return queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
queuedDrag,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent
), true;
case "mouseover":
return queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
queuedMouse,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent
), true;
case "pointerover":
var pointerId = nativeEvent.pointerId;
queuedPointers.set(
pointerId,
accumulateOrCreateContinuousQueuedReplayableEvent(
queuedPointers.get(pointerId) || null,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent
)
);
return true;
case "gotpointercapture":
return pointerId = nativeEvent.pointerId, queuedPointerCaptures.set(
pointerId,
accumulateOrCreateContinuousQueuedReplayableEvent(
queuedPointerCaptures.get(pointerId) || null,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent
)
), true;
}
return false;
}
function attemptExplicitHydrationTarget(queuedTarget) {
var targetInst = getClosestInstanceFromNode(queuedTarget.target);
if (null !== targetInst) {
var nearestMounted = getNearestMountedFiber(targetInst);
if (null !== nearestMounted) {
if (targetInst = nearestMounted.tag, 13 === targetInst) {
if (targetInst = getSuspenseInstanceFromFiber(nearestMounted), null !== targetInst) {
queuedTarget.blockedOn = targetInst;
runWithPriority(queuedTarget.priority, function() {
if (13 === nearestMounted.tag) {
var lane = requestUpdateLane();
lane = getBumpedLaneForHydrationByLane(lane);
var root2 = enqueueConcurrentRenderForLane(nearestMounted, lane);
null !== root2 && scheduleUpdateOnFiber(root2, nearestMounted, lane);
markRetryLaneIfNotHydrated(nearestMounted, lane);
}
});
return;
}
} else if (3 === targetInst && nearestMounted.stateNode.current.memoizedState.isDehydrated) {
queuedTarget.blockedOn = 3 === nearestMounted.tag ? nearestMounted.stateNode.containerInfo : null;
return;
}
}
}
queuedTarget.blockedOn = null;
}
function attemptReplayContinuousQueuedEvent(queuedEvent) {
if (null !== queuedEvent.blockedOn) return false;
for (var targetContainers = queuedEvent.targetContainers; 0 < targetContainers.length; ) {
var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
if (null === nextBlockedOn) {
nextBlockedOn = queuedEvent.nativeEvent;
var nativeEventClone = new nextBlockedOn.constructor(
nextBlockedOn.type,
nextBlockedOn
);
currentReplayingEvent = nativeEventClone;
nextBlockedOn.target.dispatchEvent(nativeEventClone);
currentReplayingEvent = null;
} else
return targetContainers = getInstanceFromNode(nextBlockedOn), null !== targetContainers && attemptContinuousHydration(targetContainers), queuedEvent.blockedOn = nextBlockedOn, false;
targetContainers.shift();
}
return true;
}
function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
attemptReplayContinuousQueuedEvent(queuedEvent) && map.delete(key);
}
function replayUnblockedEvents() {
hasScheduledReplayAttempt = false;
null !== queuedFocus && attemptReplayContinuousQueuedEvent(queuedFocus) && (queuedFocus = null);
null !== queuedDrag && attemptReplayContinuousQueuedEvent(queuedDrag) && (queuedDrag = null);
null !== queuedMouse && attemptReplayContinuousQueuedEvent(queuedMouse) && (queuedMouse = null);
queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
}
function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
queuedEvent.blockedOn === unblocked && (queuedEvent.blockedOn = null, hasScheduledReplayAttempt || (hasScheduledReplayAttempt = true, Scheduler.unstable_scheduleCallback(
Scheduler.unstable_NormalPriority,
replayUnblockedEvents
)));
}
var lastScheduledReplayQueue = null;
function scheduleReplayQueueIfNeeded(formReplayingQueue) {
lastScheduledReplayQueue !== formReplayingQueue && (lastScheduledReplayQueue = formReplayingQueue, Scheduler.unstable_scheduleCallback(
Scheduler.unstable_NormalPriority,
function() {
lastScheduledReplayQueue === formReplayingQueue && (lastScheduledReplayQueue = null);
for (var i = 0; i < formReplayingQueue.length; i += 3) {
var form = formReplayingQueue[i], submitterOrAction = formReplayingQueue[i + 1], formData = formReplayingQueue[i + 2];
if ("function" !== typeof submitterOrAction)
if (null === findInstanceBlockingTarget(submitterOrAction || form))
continue;
else break;
var formInst = getInstanceFromNode(form);
null !== formInst && (formReplayingQueue.splice(i, 3), i -= 3, startHostTransition(
formInst,
{
pending: true,
data: formData,
method: form.method,
action: submitterOrAction
},
submitterOrAction,
formData
));
}
}
));
}
function retryIfBlockedOn(unblocked) {
function unblock(queuedEvent) {
return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
}
null !== queuedFocus && scheduleCallbackIfUnblocked(queuedFocus, unblocked);
null !== queuedDrag && scheduleCallbackIfUnblocked(queuedDrag, unblocked);
null !== queuedMouse && scheduleCallbackIfUnblocked(queuedMouse, unblocked);
queuedPointers.forEach(unblock);
queuedPointerCaptures.forEach(unblock);
for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
var queuedTarget = queuedExplicitHydrationTargets[i];
queuedTarget.blockedOn === unblocked && (queuedTarget.blockedOn = null);
}
for (; 0 < queuedExplicitHydrationTargets.length && (i = queuedExplicitHydrationTargets[0], null === i.blockedOn); )
attemptExplicitHydrationTarget(i), null === i.blockedOn && queuedExplicitHydrationTargets.shift();
i = (unblocked.ownerDocument || unblocked).$$reactFormReplay;
if (null != i)
for (queuedTarget = 0; queuedTarget < i.length; queuedTarget += 3) {
var form = i[queuedTarget], submitterOrAction = i[queuedTarget + 1], formProps = form[internalPropsKey] || null;
if ("function" === typeof submitterOrAction)
formProps || scheduleReplayQueueIfNeeded(i);
else if (formProps) {
var action = null;
if (submitterOrAction && submitterOrAction.hasAttribute("formAction"))
if (form = submitterOrAction, formProps = submitterOrAction[internalPropsKey] || null)
action = formProps.formAction;
else {
if (null !== findInstanceBlockingTarget(form)) continue;
}
else action = formProps.action;
"function" === typeof action ? i[queuedTarget + 1] = action : (i.splice(queuedTarget, 3), queuedTarget -= 3);
scheduleReplayQueueIfNeeded(i);
}
}
}
function ReactDOMRoot(internalRoot) {
this._internalRoot = internalRoot;
}
ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render = function(children) {
var root2 = this._internalRoot;
if (null === root2) throw Error(formatProdErrorMessage(409));
var current = root2.current, lane = requestUpdateLane();
updateContainerImpl(current, lane, children, root2, null, null);
};
ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount = function() {
var root2 = this._internalRoot;
if (null !== root2) {
this._internalRoot = null;
var container = root2.containerInfo;
updateContainerImpl(root2.current, 2, null, root2, null, null);
flushSyncWork$1();
container[internalContainerInstanceKey] = null;
}
};
function ReactDOMHydrationRoot(internalRoot) {
this._internalRoot = internalRoot;
}
ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function(target) {
if (target) {
var updatePriority = resolveUpdatePriority();
target = { blockedOn: null, target, priority: updatePriority };
for (var i = 0; i < queuedExplicitHydrationTargets.length && 0 !== updatePriority && updatePriority < queuedExplicitHydrationTargets[i].priority; i++) ;
queuedExplicitHydrationTargets.splice(i, 0, target);
0 === i && attemptExplicitHydrationTarget(target);
}
};
var isomorphicReactPackageVersion$jscomp$inline_1785 = React2.version;
if ("19.1.0" !== isomorphicReactPackageVersion$jscomp$inline_1785)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1785,
"19.1.0"
)
);
ReactDOMSharedInternals.findDOMNode = function(componentOrElement) {
var fiber = componentOrElement._reactInternals;
if (void 0 === fiber) {
if ("function" === typeof componentOrElement.render)
throw Error(formatProdErrorMessage(188));
componentOrElement = Object.keys(componentOrElement).join(",");
throw Error(formatProdErrorMessage(268, componentOrElement));
}
componentOrElement = findCurrentFiberUsingSlowPath(fiber);
componentOrElement = null !== componentOrElement ? findCurrentHostFiberImpl(componentOrElement) : null;
componentOrElement = null === componentOrElement ? null : componentOrElement.stateNode;
return componentOrElement;
};
var internals$jscomp$inline_2256 = {
bundleType: 0,
version: "19.1.0",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2257 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (!hook$jscomp$inline_2257.isDisabled && hook$jscomp$inline_2257.supportsFiber)
try {
rendererID = hook$jscomp$inline_2257.inject(
internals$jscomp$inline_2256
), injectedHook = hook$jscomp$inline_2257;
} catch (err) {
}
}
reactDomClient_production.createRoot = function(container, options2) {
if (!isValidContainer(container)) throw Error(formatProdErrorMessage(299));
var isStrictMode = false, identifierPrefix = "", onUncaughtError = defaultOnUncaughtError, onCaughtError = defaultOnCaughtError, onRecoverableError = defaultOnRecoverableError, transitionCallbacks = null;
null !== options2 && void 0 !== options2 && (true === options2.unstable_strictMode && (isStrictMode = true), void 0 !== options2.identifierPrefix && (identifierPrefix = options2.identifierPrefix), void 0 !== options2.onUncaughtError && (onUncaughtError = options2.onUncaughtError), void 0 !== options2.onCaughtError && (onCaughtError = options2.onCaughtError), void 0 !== options2.onRecoverableError && (onRecoverableError = options2.onRecoverableError), void 0 !== options2.unstable_transitionCallbacks && (transitionCallbacks = options2.unstable_transitionCallbacks));
options2 = createFiberRoot(
container,
1,
false,
null,
null,
isStrictMode,
identifierPrefix,
onUncaughtError,
onCaughtError,
onRecoverableError,
transitionCallbacks,
null
);
container[internalContainerInstanceKey] = options2.current;
listenToAllSupportedEvents(container);
return new ReactDOMRoot(options2);
};
reactDomClient_production.hydrateRoot = function(container, initialChildren, options2) {
if (!isValidContainer(container)) throw Error(formatProdErrorMessage(299));
var isStrictMode = false, identifierPrefix = "", onUncaughtError = defaultOnUncaughtError, onCaughtError = defaultOnCaughtError, onRecoverableError = defaultOnRecoverableError, transitionCallbacks = null, formState = null;
null !== options2 && void 0 !== options2 && (true === options2.unstable_strictMode && (isStrictMode = true), void 0 !== options2.identifierPrefix && (identifierPrefix = options2.identifierPrefix), void 0 !== options2.onUncaughtError && (onUncaughtError = options2.onUncaughtError), void 0 !== options2.onCaughtError && (onCaughtError = options2.onCaughtError), void 0 !== options2.onRecoverableError && (onRecoverableError = options2.onRecoverableError), void 0 !== options2.unstable_transitionCallbacks && (transitionCallbacks = options2.unstable_transitionCallbacks), void 0 !== options2.formState && (formState = options2.formState));
initialChildren = createFiberRoot(
container,
1,
true,
initialChildren,
null != options2 ? options2 : null,
isStrictMode,
identifierPrefix,
onUncaughtError,
onCaughtError,
onRecoverableError,
transitionCallbacks,
formState
);
initialChildren.context = getContextForSubtree(null);
options2 = initialChildren.current;
isStrictMode = requestUpdateLane();
isStrictMode = getBumpedLaneForHydrationByLane(isStrictMode);
identifierPrefix = createUpdate(isStrictMode);
identifierPrefix.callback = null;
enqueueUpdate(options2, identifierPrefix, isStrictMode);
options2 = isStrictMode;
initialChildren.current.lanes = options2;
markRootUpdated$1(initialChildren, options2);
ensureRootIsScheduled(initialChildren);
container[internalContainerInstanceKey] = initialChildren.current;
listenToAllSupportedEvents(container);
return new ReactDOMHydrationRoot(initialChildren);
};
reactDomClient_production.version = "19.1.0";
return reactDomClient_production;
}
var hasRequiredClient;
function requireClient() {
if (hasRequiredClient) return client.exports;
hasRequiredClient = 1;
function checkDCE() {
if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") {
return;
}
try {
__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
} catch (err) {
console.error(err);
}
}
{
checkDCE();
client.exports = requireReactDomClient_production();
}
return client.exports;
}
var clientExports = requireClient();
var classnames = { exports: {} };
/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
var hasRequiredClassnames;
function requireClassnames() {
if (hasRequiredClassnames) return classnames.exports;
hasRequiredClassnames = 1;
(function(module) {
(function() {
var hasOwn = {}.hasOwnProperty;
function classNames2() {
var classes = "";
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (arg) {
classes = appendClass(classes, parseValue(arg));
}
}
return classes;
}
function parseValue(arg) {
if (typeof arg === "string" || typeof arg === "number") {
return arg;
}
if (typeof arg !== "object") {
return "";
}
if (Array.isArray(arg)) {
return classNames2.apply(null, arg);
}
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
return arg.toString();
}
var classes = "";
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes = appendClass(classes, key);
}
}
return classes;
}
function appendClass(value, newClass) {
if (!newClass) {
return value;
}
if (value) {
return value + " " + newClass;
}
return value + newClass;
}
if (module.exports) {
classNames2.default = classNames2;
module.exports = classNames2;
} else {
window.classNames = classNames2;
}
})();
})(classnames);
return classnames.exports;
}
var classnamesExports = requireClassnames();
const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
function _extends() {
return _extends = Object.assign ? Object.assign.bind() : function(n) {
for (var e = 1; e < arguments.length; e++) {
var t = arguments[e];
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
}
return n;
}, _extends.apply(null, arguments);
}
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof(o);
}
var REACT_ELEMENT_TYPE_18 = Symbol.for("react.element");
var REACT_ELEMENT_TYPE_19 = Symbol.for("react.transitional.element");
var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
function isFragment$1(object4) {
return (
// Base object type
object4 && _typeof(object4) === "object" && // React Element type
(object4.$$typeof === REACT_ELEMENT_TYPE_18 || object4.$$typeof === REACT_ELEMENT_TYPE_19) && // React Fragment type
object4.type === REACT_FRAGMENT_TYPE
);
}
function toArray$2(children) {
var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
var ret = [];
React.Children.forEach(children, function(child) {
if ((child === void 0 || child === null) && !option.keepEmpty) {
return;
}
if (Array.isArray(child)) {
ret = ret.concat(toArray$2(child));
} else if (isFragment$1(child) && child.props) {
ret = ret.concat(toArray$2(child.props.children, option));
} else {
ret.push(child);
}
});
return ret;
}
var warned = {};
var preMessage = function preMessage2(fn) {
};
function warning$2(valid, message) {
}
function note(valid, message) {
}
function resetWarned() {
warned = {};
}
function call(method4, valid, message) {
if (!valid && !warned[message]) {
method4(false, message);
warned[message] = true;
}
}
function warningOnce(valid, message) {
call(warning$2, valid, message);
}
function noteOnce(valid, message) {
call(note, valid, message);
}
warningOnce.preMessage = preMessage;
warningOnce.resetWarned = resetWarned;
warningOnce.noteOnce = noteOnce;
function toPrimitive(t, r) {
if ("object" != _typeof(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r);
if ("object" != _typeof(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function toPropertyKey(t) {
var i = toPrimitive(t, "string");
return "symbol" == _typeof(i) ? i : i + "";
}
function _defineProperty(e, r, t) {
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
value: t,
enumerable: true,
configurable: true,
writable: true
}) : e[r] = t, e;
}
function ownKeys(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread2(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
_defineProperty(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
var reactDomExports = requireReactDom();
const ReactDOM = /* @__PURE__ */ getDefaultExportFromCjs(reactDomExports);
const ReactDOM$1 = /* @__PURE__ */ _mergeNamespaces$1({
__proto__: null,
default: ReactDOM
}, [reactDomExports]);
function isDOM(node2) {
return node2 instanceof HTMLElement || node2 instanceof SVGElement;
}
function getDOM(node2) {
if (node2 && _typeof(node2) === "object" && isDOM(node2.nativeElement)) {
return node2.nativeElement;
}
if (isDOM(node2)) {
return node2;
}
return null;
}
function findDOMNode(node2) {
var domNode = getDOM(node2);
if (domNode) {
return domNode;
}
if (node2 instanceof React.Component) {
var _ReactDOM$findDOMNode;
return (_ReactDOM$findDOMNode = ReactDOM.findDOMNode) === null || _ReactDOM$findDOMNode === void 0 ? void 0 : _ReactDOM$findDOMNode.call(ReactDOM, node2);
}
return null;
}
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 hasRequiredReactIs_production_min;
function requireReactIs_production_min() {
if (hasRequiredReactIs_production_min) return reactIs_production_min;
hasRequiredReactIs_production_min = 1;
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 r = a.$$typeof;
switch (r) {
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 r;
}
}
case c:
return r;
}
}
}
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;
return reactIs_production_min;
}
var hasRequiredReactIs;
function requireReactIs() {
if (hasRequiredReactIs) return reactIs.exports;
hasRequiredReactIs = 1;
{
reactIs.exports = requireReactIs_production_min();
}
return reactIs.exports;
}
var reactIsExports = requireReactIs();
function useMemo(getValue2, condition, shouldUpdate) {
var cacheRef = reactExports.useRef({});
if (!("value" in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
cacheRef.current.value = getValue2();
cacheRef.current.condition = condition;
}
return cacheRef.current.value;
}
var ReactMajorVersion = Number(reactExports.version.split(".")[0]);
var fillRef = function fillRef2(ref, node2) {
if (typeof ref === "function") {
ref(node2);
} else if (_typeof(ref) === "object" && ref && "current" in ref) {
ref.current = node2;
}
};
var composeRef = function composeRef2() {
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
refs[_key] = arguments[_key];
}
var refList = refs.filter(Boolean);
if (refList.length <= 1) {
return refList[0];
}
return function(node2) {
refs.forEach(function(ref) {
fillRef(ref, node2);
});
};
};
var useComposeRef = function useComposeRef2() {
for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
refs[_key2] = arguments[_key2];
}
return useMemo(function() {
return composeRef.apply(void 0, refs);
}, refs, function(prev2, next2) {
return prev2.length !== next2.length || prev2.every(function(ref, i) {
return ref !== next2[i];
});
});
};
var supportRef = function supportRef2(nodeOrComponent) {
var _type$prototype, _nodeOrComponent$prot;
if (!nodeOrComponent) {
return false;
}
if (isReactElement(nodeOrComponent) && ReactMajorVersion >= 19) {
return true;
}
var type4 = reactIsExports.isMemo(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;
if (typeof type4 === "function" && !((_type$prototype = type4.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render) && type4.$$typeof !== reactIsExports.ForwardRef) {
return false;
}
if (typeof nodeOrComponent === "function" && !((_nodeOrComponent$prot = nodeOrComponent.prototype) !== null && _nodeOrComponent$prot !== void 0 && _nodeOrComponent$prot.render) && nodeOrComponent.$$typeof !== reactIsExports.ForwardRef) {
return false;
}
return true;
};
function isReactElement(node2) {
return /* @__PURE__ */ reactExports.isValidElement(node2) && !isFragment$1(node2);
}
var supportNodeRef = function supportNodeRef2(node2) {
return isReactElement(node2) && supportRef(node2);
};
var getNodeRef = function getNodeRef2(node2) {
if (node2 && isReactElement(node2)) {
var ele = node2;
return ele.props.propertyIsEnumerable("ref") ? ele.props.ref : ele.ref;
}
return null;
};
var CollectionContext = /* @__PURE__ */ reactExports.createContext(null);
function Collection(_ref) {
var children = _ref.children, onBatchResize = _ref.onBatchResize;
var resizeIdRef = reactExports.useRef(0);
var resizeInfosRef = reactExports.useRef([]);
var onCollectionResize = reactExports.useContext(CollectionContext);
var onResize2 = reactExports.useCallback(function(size, element, data) {
resizeIdRef.current += 1;
var currentId = resizeIdRef.current;
resizeInfosRef.current.push({
size,
element,
data
});
Promise.resolve().then(function() {
if (currentId === resizeIdRef.current) {
onBatchResize === null || onBatchResize === void 0 || onBatchResize(resizeInfosRef.current);
resizeInfosRef.current = [];
}
});
onCollectionResize === null || onCollectionResize === void 0 || onCollectionResize(size, element, data);
}, [onBatchResize, onCollectionResize]);
return /* @__PURE__ */ reactExports.createElement(CollectionContext.Provider, {
value: onResize2
}, children);
}
var MapShim = function() {
if (typeof Map !== "undefined") {
return Map;
}
function getIndex(arr, key) {
var result = -1;
arr.some(function(entry, index2) {
if (entry[0] === key) {
result = index2;
return true;
}
return false;
});
return result;
}
return (
/** @class */
function() {
function class_1() {
this.__entries__ = [];
}
Object.defineProperty(class_1.prototype, "size", {
/**
* @returns {boolean}
*/
get: function() {
return this.__entries__.length;
},
enumerable: true,
configurable: true
});
class_1.prototype.get = function(key) {
var index2 = getIndex(this.__entries__, key);
var entry = this.__entries__[index2];
return entry && entry[1];
};
class_1.prototype.set = function(key, value) {
var index2 = getIndex(this.__entries__, key);
if (~index2) {
this.__entries__[index2][1] = value;
} else {
this.__entries__.push([key, value]);
}
};
class_1.prototype.delete = function(key) {
var entries = this.__entries__;
var index2 = getIndex(entries, key);
if (~index2) {
entries.splice(index2, 1);
}
};
class_1.prototype.has = function(key) {
return !!~getIndex(this.__entries__, key);
};
class_1.prototype.clear = function() {
this.__entries__.splice(0);
};
class_1.prototype.forEach = function(callback, ctx) {
if (ctx === void 0) {
ctx = null;
}
for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
var entry = _a[_i];
callback.call(ctx, entry[1], entry[0]);
}
};
return class_1;
}()
);
}();
var isBrowser = typeof window !== "undefined" && typeof document !== "undefined" && window.document === document;
var global$1 = function() {
if (typeof global !== "undefined" && global.Math === Math) {
return global;
}
if (typeof self !== "undefined" && self.Math === Math) {
return self;
}
if (typeof window !== "undefined" && window.Math === Math) {
return window;
}
return Function("return this")();
}();
var requestAnimationFrame$1 = function() {
if (typeof requestAnimationFrame === "function") {
return requestAnimationFrame.bind(global$1);
}
return function(callback) {
return setTimeout(function() {
return callback(Date.now());
}, 1e3 / 60);
};
}();
var trailingTimeout = 2;
function throttle(callback, delay) {
var leadingCall = false, trailingCall = false, lastCallTime = 0;
function resolvePending() {
if (leadingCall) {
leadingCall = false;
callback();
}
if (trailingCall) {
proxy();
}
}
function timeoutCallback() {
requestAnimationFrame$1(resolvePending);
}
function proxy() {
var timeStamp = Date.now();
if (leadingCall) {
if (timeStamp - lastCallTime < trailingTimeout) {
return;
}
trailingCall = true;
} else {
leadingCall = true;
trailingCall = false;
setTimeout(timeoutCallback, delay);
}
lastCallTime = timeStamp;
}
return proxy;
}
var REFRESH_DELAY = 20;
var transitionKeys = ["top", "right", "bottom", "left", "width", "height", "size", "weight"];
var mutationObserverSupported = typeof MutationObserver !== "undefined";
var ResizeObserverController = (
/** @class */
function() {
function ResizeObserverController2() {
this.connected_ = false;
this.mutationEventsAdded_ = false;
this.mutationsObserver_ = null;
this.observers_ = [];
this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
}
ResizeObserverController2.prototype.addObserver = function(observer) {
if (!~this.observers_.indexOf(observer)) {
this.observers_.push(observer);
}
if (!this.connected_) {
this.connect_();
}
};
ResizeObserverController2.prototype.removeObserver = function(observer) {
var observers2 = this.observers_;
var index2 = observers2.indexOf(observer);
if (~index2) {
observers2.splice(index2, 1);
}
if (!observers2.length && this.connected_) {
this.disconnect_();
}
};
ResizeObserverController2.prototype.refresh = function() {
var changesDetected = this.updateObservers_();
if (changesDetected) {
this.refresh();
}
};
ResizeObserverController2.prototype.updateObservers_ = function() {
var activeObservers = this.observers_.filter(function(observer) {
return observer.gatherActive(), observer.hasActive();
});
activeObservers.forEach(function(observer) {
return observer.broadcastActive();
});
return activeObservers.length > 0;
};
ResizeObserverController2.prototype.connect_ = function() {
if (!isBrowser || this.connected_) {
return;
}
document.addEventListener("transitionend", this.onTransitionEnd_);
window.addEventListener("resize", this.refresh);
if (mutationObserverSupported) {
this.mutationsObserver_ = new MutationObserver(this.refresh);
this.mutationsObserver_.observe(document, {
attributes: true,
childList: true,
characterData: true,
subtree: true
});
} else {
document.addEventListener("DOMSubtreeModified", this.refresh);
this.mutationEventsAdded_ = true;
}
this.connected_ = true;
};
ResizeObserverController2.prototype.disconnect_ = function() {
if (!isBrowser || !this.connected_) {
return;
}
document.removeEventListener("transitionend", this.onTransitionEnd_);
window.removeEventListener("resize", this.refresh);
if (this.mutationsObserver_) {
this.mutationsObserver_.disconnect();
}
if (this.mutationEventsAdded_) {
document.removeEventListener("DOMSubtreeModified", this.refresh);
}
this.mutationsObserver_ = null;
this.mutationEventsAdded_ = false;
this.connected_ = false;
};
ResizeObserverController2.prototype.onTransitionEnd_ = function(_a) {
var _b = _a.propertyName, propertyName = _b === void 0 ? "" : _b;
var isReflowProperty = transitionKeys.some(function(key) {
return !!~propertyName.indexOf(key);
});
if (isReflowProperty) {
this.refresh();
}
};
ResizeObserverController2.getInstance = function() {
if (!this.instance_) {
this.instance_ = new ResizeObserverController2();
}
return this.instance_;
};
ResizeObserverController2.instance_ = null;
return ResizeObserverController2;
}()
);
var defineConfigurable = function(target, props) {
for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
var key = _a[_i];
Object.defineProperty(target, key, {
value: props[key],
enumerable: false,
writable: false,
configurable: true
});
}
return target;
};
var getWindowOf = function(target) {
var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
return ownerGlobal || global$1;
};
var emptyRect = createRectInit(0, 0, 0, 0);
function toFloat(value) {
return parseFloat(value) || 0;
}
function getBordersSize(styles) {
var positions = [];
for (var _i = 1; _i < arguments.length; _i++) {
positions[_i - 1] = arguments[_i];
}
return positions.reduce(function(size, position2) {
var value = styles["border-" + position2 + "-width"];
return size + toFloat(value);
}, 0);
}
function getPaddings(styles) {
var positions = ["top", "right", "bottom", "left"];
var paddings = {};
for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
var position2 = positions_1[_i];
var value = styles["padding-" + position2];
paddings[position2] = toFloat(value);
}
return paddings;
}
function getSVGContentRect(target) {
var bbox = target.getBBox();
return createRectInit(0, 0, bbox.width, bbox.height);
}
function getHTMLElementContentRect(target) {
var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
if (!clientWidth && !clientHeight) {
return emptyRect;
}
var styles = getWindowOf(target).getComputedStyle(target);
var paddings = getPaddings(styles);
var horizPad = paddings.left + paddings.right;
var vertPad = paddings.top + paddings.bottom;
var width = toFloat(styles.width), height = toFloat(styles.height);
if (styles.boxSizing === "border-box") {
if (Math.round(width + horizPad) !== clientWidth) {
width -= getBordersSize(styles, "left", "right") + horizPad;
}
if (Math.round(height + vertPad) !== clientHeight) {
height -= getBordersSize(styles, "top", "bottom") + vertPad;
}
}
if (!isDocumentElement(target)) {
var vertScrollbar = Math.round(width + horizPad) - clientWidth;
var horizScrollbar = Math.round(height + vertPad) - clientHeight;
if (Math.abs(vertScrollbar) !== 1) {
width -= vertScrollbar;
}
if (Math.abs(horizScrollbar) !== 1) {
height -= horizScrollbar;
}
}
return createRectInit(paddings.left, paddings.top, width, height);
}
var isSVGGraphicsElement = function() {
if (typeof SVGGraphicsElement !== "undefined") {
return function(target) {
return target instanceof getWindowOf(target).SVGGraphicsElement;
};
}
return function(target) {
return target instanceof getWindowOf(target).SVGElement && typeof target.getBBox === "function";
};
}();
function isDocumentElement(target) {
return target === getWindowOf(target).document.documentElement;
}
function getContentRect(target) {
if (!isBrowser) {
return emptyRect;
}
if (isSVGGraphicsElement(target)) {
return getSVGContentRect(target);
}
return getHTMLElementContentRect(target);
}
function createReadOnlyRect(_a) {
var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
var Constr = typeof DOMRectReadOnly !== "undefined" ? DOMRectReadOnly : Object;
var rect = Object.create(Constr.prototype);
defineConfigurable(rect, {
x,
y,
width,
height,
top: y,
right: x + width,
bottom: height + y,
left: x
});
return rect;
}
function createRectInit(x, y, width, height) {
return { x, y, width, height };
}
var ResizeObservation = (
/** @class */
function() {
function ResizeObservation2(target) {
this.broadcastWidth = 0;
this.broadcastHeight = 0;
this.contentRect_ = createRectInit(0, 0, 0, 0);
this.target = target;
}
ResizeObservation2.prototype.isActive = function() {
var rect = getContentRect(this.target);
this.contentRect_ = rect;
return rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight;
};
ResizeObservation2.prototype.broadcastRect = function() {
var rect = this.contentRect_;
this.broadcastWidth = rect.width;
this.broadcastHeight = rect.height;
return rect;
};
return ResizeObservation2;
}()
);
var ResizeObserverEntry = (
/** @class */
/* @__PURE__ */ function() {
function ResizeObserverEntry2(target, rectInit) {
var contentRect = createReadOnlyRect(rectInit);
defineConfigurable(this, { target, contentRect });
}
return ResizeObserverEntry2;
}()
);
var ResizeObserverSPI = (
/** @class */
function() {
function ResizeObserverSPI2(callback, controller, callbackCtx) {
this.activeObservations_ = [];
this.observations_ = new MapShim();
if (typeof callback !== "function") {
throw new TypeError("The callback provided as parameter 1 is not a function.");
}
this.callback_ = callback;
this.controller_ = controller;
this.callbackCtx_ = callbackCtx;
}
ResizeObserverSPI2.prototype.observe = function(target) {
if (!arguments.length) {
throw new TypeError("1 argument required, but only 0 present.");
}
if (typeof Element === "undefined" || !(Element instanceof Object)) {
return;
}
if (!(target instanceof getWindowOf(target).Element)) {
throw new TypeError('parameter 1 is not of type "Element".');
}
var observations = this.observations_;
if (observations.has(target)) {
return;
}
observations.set(target, new ResizeObservation(target));
this.controller_.addObserver(this);
this.controller_.refresh();
};
ResizeObserverSPI2.prototype.unobserve = function(target) {
if (!arguments.length) {
throw new TypeError("1 argument required, but only 0 present.");
}
if (typeof Element === "undefined" || !(Element instanceof Object)) {
return;
}
if (!(target instanceof getWindowOf(target).Element)) {
throw new TypeError('parameter 1 is not of type "Element".');
}
var observations = this.observations_;
if (!observations.has(target)) {
return;
}
observations.delete(target);
if (!observations.size) {
this.controller_.removeObserver(this);
}
};
ResizeObserverSPI2.prototype.disconnect = function() {
this.clearActive();
this.observations_.clear();
this.controller_.removeObserver(this);
};
ResizeObserverSPI2.prototype.gatherActive = function() {
var _this = this;
this.clearActive();
this.observations_.forEach(function(observation) {
if (observation.isActive()) {
_this.activeObservations_.push(observation);
}
});
};
ResizeObserverSPI2.prototype.broadcastActive = function() {
if (!this.hasActive()) {
return;
}
var ctx = this.callbackCtx_;
var entries = this.activeObservations_.map(function(observation) {
return new ResizeObserverEntry(observation.target, observation.broadcastRect());
});
this.callback_.call(ctx, entries, ctx);
this.clearActive();
};
ResizeObserverSPI2.prototype.clearActive = function() {
this.activeObservations_.splice(0);
};
ResizeObserverSPI2.prototype.hasActive = function() {
return this.activeObservations_.length > 0;
};
return ResizeObserverSPI2;
}()
);
var observers = typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : new MapShim();
var ResizeObserver$2 = (
/** @class */
/* @__PURE__ */ function() {
function ResizeObserver2(callback) {
if (!(this instanceof ResizeObserver2)) {
throw new TypeError("Cannot call a class as a function.");
}
if (!arguments.length) {
throw new TypeError("1 argument required, but only 0 present.");
}
var controller = ResizeObserverController.getInstance();
var observer = new ResizeObserverSPI(callback, controller, this);
observers.set(this, observer);
}
return ResizeObserver2;
}()
);
[
"observe",
"unobserve",
"disconnect"
].forEach(function(method4) {
ResizeObserver$2.prototype[method4] = function() {
var _a;
return (_a = observers.get(this))[method4].apply(_a, arguments);
};
});
var index = function() {
if (typeof global$1.ResizeObserver !== "undefined") {
return global$1.ResizeObserver;
}
return ResizeObserver$2;
}();
var elementListeners = /* @__PURE__ */ new Map();
function onResize(entities) {
entities.forEach(function(entity) {
var _elementListeners$get;
var target = entity.target;
(_elementListeners$get = elementListeners.get(target)) === null || _elementListeners$get === void 0 || _elementListeners$get.forEach(function(listener) {
return listener(target);
});
});
}
var resizeObserver = new index(onResize);
function observe(element, callback) {
if (!elementListeners.has(element)) {
elementListeners.set(element, /* @__PURE__ */ new Set());
resizeObserver.observe(element);
}
elementListeners.get(element).add(callback);
}
function unobserve(element, callback) {
if (elementListeners.has(element)) {
elementListeners.get(element).delete(callback);
if (!elementListeners.get(element).size) {
resizeObserver.unobserve(element);
elementListeners.delete(element);
}
}
}
function _classCallCheck(a, n) {
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
}
function _defineProperties(e, r) {
for (var t = 0; t < r.length; t++) {
var o = r[t];
o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, toPropertyKey(o.key), o);
}
}
function _createClass(e, r, t) {
return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
writable: false
}), e;
}
function _setPrototypeOf(t, e) {
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
return t2.__proto__ = e2, t2;
}, _setPrototypeOf(t, e);
}
function _inherits(t, e) {
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
t.prototype = Object.create(e && e.prototype, {
constructor: {
value: t,
writable: true,
configurable: true
}
}), Object.defineProperty(t, "prototype", {
writable: false
}), e && _setPrototypeOf(t, e);
}
function _getPrototypeOf(t) {
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
return t2.__proto__ || Object.getPrototypeOf(t2);
}, _getPrototypeOf(t);
}
function _isNativeReflectConstruct() {
try {
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
}));
} catch (t2) {
}
return (_isNativeReflectConstruct = function _isNativeReflectConstruct2() {
return !!t;
})();
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e;
}
function _possibleConstructorReturn(t, e) {
if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
return _assertThisInitialized(t);
}
function _createSuper(t) {
var r = _isNativeReflectConstruct();
return function() {
var e, o = _getPrototypeOf(t);
if (r) {
var s = _getPrototypeOf(this).constructor;
e = Reflect.construct(o, arguments, s);
} else e = o.apply(this, arguments);
return _possibleConstructorReturn(this, e);
};
}
var DomWrapper$1 = /* @__PURE__ */ function(_React$Component) {
_inherits(DomWrapper2, _React$Component);
var _super = _createSuper(DomWrapper2);
function DomWrapper2() {
_classCallCheck(this, DomWrapper2);
return _super.apply(this, arguments);
}
_createClass(DomWrapper2, [{
key: "render",
value: function render2() {
return this.props.children;
}
}]);
return DomWrapper2;
}(reactExports.Component);
function SingleObserver(props, ref) {
var children = props.children, disabled = props.disabled;
var elementRef = reactExports.useRef(null);
var wrapperRef = reactExports.useRef(null);
var onCollectionResize = reactExports.useContext(CollectionContext);
var isRenderProps = typeof children === "function";
var mergedChildren = isRenderProps ? children(elementRef) : children;
var sizeRef = reactExports.useRef({
width: -1,
height: -1,
offsetWidth: -1,
offsetHeight: -1
});
var canRef = !isRenderProps && /* @__PURE__ */ reactExports.isValidElement(mergedChildren) && supportRef(mergedChildren);
var originRef = canRef ? getNodeRef(mergedChildren) : null;
var mergedRef = useComposeRef(originRef, elementRef);
var getDom = function getDom2() {
var _elementRef$current;
return findDOMNode(elementRef.current) || // Support `nativeElement` format
(elementRef.current && _typeof(elementRef.current) === "object" ? findDOMNode((_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.nativeElement) : null) || findDOMNode(wrapperRef.current);
};
reactExports.useImperativeHandle(ref, function() {
return getDom();
});
var propsRef = reactExports.useRef(props);
propsRef.current = props;
var onInternalResize = reactExports.useCallback(function(target) {
var _propsRef$current = propsRef.current, onResize2 = _propsRef$current.onResize, data = _propsRef$current.data;
var _target$getBoundingCl = target.getBoundingClientRect(), width = _target$getBoundingCl.width, height = _target$getBoundingCl.height;
var offsetWidth = target.offsetWidth, offsetHeight = target.offsetHeight;
var fixedWidth = Math.floor(width);
var fixedHeight = Math.floor(height);
if (sizeRef.current.width !== fixedWidth || sizeRef.current.height !== fixedHeight || sizeRef.current.offsetWidth !== offsetWidth || sizeRef.current.offsetHeight !== offsetHeight) {
var size = {
width: fixedWidth,
height: fixedHeight,
offsetWidth,
offsetHeight
};
sizeRef.current = size;
var mergedOffsetWidth = offsetWidth === Math.round(width) ? width : offsetWidth;
var mergedOffsetHeight = offsetHeight === Math.round(height) ? height : offsetHeight;
var sizeInfo = _objectSpread2(_objectSpread2({}, size), {}, {
offsetWidth: mergedOffsetWidth,
offsetHeight: mergedOffsetHeight
});
onCollectionResize === null || onCollectionResize === void 0 || onCollectionResize(sizeInfo, target, data);
if (onResize2) {
Promise.resolve().then(function() {
onResize2(sizeInfo, target);
});
}
}
}, []);
reactExports.useEffect(function() {
var currentElement = getDom();
if (currentElement && !disabled) {
observe(currentElement, onInternalResize);
}
return function() {
return unobserve(currentElement, onInternalResize);
};
}, [elementRef.current, disabled]);
return /* @__PURE__ */ reactExports.createElement(DomWrapper$1, {
ref: wrapperRef
}, canRef ? /* @__PURE__ */ reactExports.cloneElement(mergedChildren, {
ref: mergedRef
}) : mergedChildren);
}
var RefSingleObserver = /* @__PURE__ */ reactExports.forwardRef(SingleObserver);
var INTERNAL_PREFIX_KEY = "rc-observer-key";
function ResizeObserver$1(props, ref) {
var children = props.children;
var childNodes = typeof children === "function" ? [children] : toArray$2(children);
return childNodes.map(function(child, index2) {
var key = (child === null || child === void 0 ? void 0 : child.key) || "".concat(INTERNAL_PREFIX_KEY, "-").concat(index2);
return /* @__PURE__ */ reactExports.createElement(RefSingleObserver, _extends({}, props, {
key,
ref: index2 === 0 ? ref : void 0
}), child);
});
}
var RefResizeObserver = /* @__PURE__ */ reactExports.forwardRef(ResizeObserver$1);
RefResizeObserver.Collection = Collection;
function _arrayLikeToArray(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
function _arrayWithoutHoles(r) {
if (Array.isArray(r)) return _arrayLikeToArray(r);
}
function _iterableToArray(r) {
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
}
function _unsupportedIterableToArray(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
}
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _toConsumableArray(r) {
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
}
var raf = function raf2(callback) {
return +setTimeout(callback, 16);
};
var caf = function caf2(num) {
return clearTimeout(num);
};
if (typeof window !== "undefined" && "requestAnimationFrame" in window) {
raf = function raf3(callback) {
return window.requestAnimationFrame(callback);
};
caf = function caf3(handle) {
return window.cancelAnimationFrame(handle);
};
}
var rafUUID = 0;
var rafIds = /* @__PURE__ */ new Map();
function cleanup(id) {
rafIds.delete(id);
}
var wrapperRaf = function wrapperRaf2(callback) {
var times = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
rafUUID += 1;
var id = rafUUID;
function callRef(leftTimes) {
if (leftTimes === 0) {
cleanup(id);
callback();
} else {
var realId = raf(function() {
callRef(leftTimes - 1);
});
rafIds.set(id, realId);
}
}
callRef(times);
return id;
};
wrapperRaf.cancel = function(id) {
var realId = rafIds.get(id);
cleanup(id);
return caf(realId);
};
function _arrayWithHoles(r) {
if (Array.isArray(r)) return r;
}
function _iterableToArrayLimit(r, l) {
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (null != t) {
var e, n, i, u, a = [], f = true, o = false;
try {
if (i = (t = t.call(r)).next, 0 === l) {
if (Object(t) !== t) return;
f = false;
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
} catch (r2) {
o = true, n = r2;
} finally {
try {
if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
} finally {
if (o) throw n;
}
}
return a;
}
}
function _nonIterableRest() {
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _slicedToArray(r, e) {
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
}
function murmur2(str) {
var h = 0;
var k, i = 0, len = str.length;
for (; len >= 4; ++i, len -= 4) {
k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
k = /* Math.imul(k, m): */
(k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16);
k ^= /* k >>> r: */
k >>> 24;
h = /* Math.imul(k, m): */
(k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
}
switch (len) {
case 3:
h ^= (str.charCodeAt(i + 2) & 255) << 16;
case 2:
h ^= (str.charCodeAt(i + 1) & 255) << 8;
case 1:
h ^= str.charCodeAt(i) & 255;
h = /* Math.imul(h, m): */
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
}
h ^= h >>> 13;
h = /* Math.imul(h, m): */
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
return ((h ^ h >>> 15) >>> 0).toString(36);
}
function canUseDom() {
return !!(typeof window !== "undefined" && window.document && window.document.createElement);
}
function contains(root, n) {
if (!root) {
return false;
}
if (root.contains) {
return root.contains(n);
}
var node2 = n;
while (node2) {
if (node2 === root) {
return true;
}
node2 = node2.parentNode;
}
return false;
}
var APPEND_ORDER = "data-rc-order";
var APPEND_PRIORITY = "data-rc-priority";
var MARK_KEY = "rc-util-key";
var containerCache = /* @__PURE__ */ new Map();
function getMark() {
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, mark = _ref.mark;
if (mark) {
return mark.startsWith("data-") ? mark : "data-".concat(mark);
}
return MARK_KEY;
}
function getContainer(option) {
if (option.attachTo) {
return option.attachTo;
}
var head = document.querySelector("head");
return head || document.body;
}
function getOrder(prepend) {
if (prepend === "queue") {
return "prependQueue";
}
return prepend ? "prepend" : "append";
}
function findStyles(container) {
return Array.from((containerCache.get(container) || container).children).filter(function(node2) {
return node2.tagName === "STYLE";
});
}
function injectCSS(css) {
var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
if (!canUseDom()) {
return null;
}
var csp = option.csp, prepend = option.prepend, _option$priority = option.priority, priority = _option$priority === void 0 ? 0 : _option$priority;
var mergedOrder = getOrder(prepend);
var isPrependQueue = mergedOrder === "prependQueue";
var styleNode = document.createElement("style");
styleNode.setAttribute(APPEND_ORDER, mergedOrder);
if (isPrependQueue && priority) {
styleNode.setAttribute(APPEND_PRIORITY, "".concat(priority));
}
if (csp !== null && csp !== void 0 && csp.nonce) {
styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
}
styleNode.innerHTML = css;
var container = getContainer(option);
var firstChild = container.firstChild;
if (prepend) {
if (isPrependQueue) {
var existStyle = (option.styles || findStyles(container)).filter(function(node2) {
if (!["prepend", "prependQueue"].includes(node2.getAttribute(APPEND_ORDER))) {
return false;
}
var nodePriority = Number(node2.getAttribute(APPEND_PRIORITY) || 0);
return priority >= nodePriority;
});
if (existStyle.length) {
container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
return styleNode;
}
}
container.insertBefore(styleNode, firstChild);
} else {
container.appendChild(styleNode);
}
return styleNode;
}
function findExistNode(key) {
var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
var container = getContainer(option);
return (option.styles || findStyles(container)).find(function(node2) {
return node2.getAttribute(getMark(option)) === key;
});
}
function removeCSS(key) {
var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
var existNode = findExistNode(key, option);
if (existNode) {
var container = getContainer(option);
container.removeChild(existNode);
}
}
function syncRealContainer(container, option) {
var cachedRealContainer = containerCache.get(container);
if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
var placeholderStyle = injectCSS("", option);
var parentNode = placeholderStyle.parentNode;
containerCache.set(container, parentNode);
container.removeChild(placeholderStyle);
}
}
function updateCSS(css, key) {
var originOption = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
var container = getContainer(originOption);
var styles = findStyles(container);
var option = _objectSpread2(_objectSpread2({}, originOption), {}, {
styles
});
syncRealContainer(container, option);
var existNode = findExistNode(key, option);
if (existNode) {
var _option$csp, _option$csp2;
if ((_option$csp = option.csp) !== null && _option$csp !== void 0 && _option$csp.nonce && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {
var _option$csp3;
existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;
}
if (existNode.innerHTML !== css) {
existNode.innerHTML = css;
}
return existNode;
}
var newNode = injectCSS(css, option);
newNode.setAttribute(getMark(option), key);
return newNode;
}
function _objectWithoutPropertiesLoose(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
function _objectWithoutProperties(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function isEqual(obj1, obj2) {
var shallow = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
var refSet = /* @__PURE__ */ new Set();
function deepEqual(a, b) {
var level = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
var circular = refSet.has(a);
warningOnce(!circular, "Warning: There may be circular references");
if (circular) {
return false;
}
if (a === b) {
return true;
}
if (shallow && level > 1) {
return false;
}
refSet.add(a);
var newLevel = level + 1;
if (Array.isArray(a)) {
if (!Array.isArray(b) || a.length !== b.length) {
return false;
}
for (var i = 0; i < a.length; i++) {
if (!deepEqual(a[i], b[i], newLevel)) {
return false;
}
}
return true;
}
if (a && b && _typeof(a) === "object" && _typeof(b) === "object") {
var keys2 = Object.keys(a);
if (keys2.length !== Object.keys(b).length) {
return false;
}
return keys2.every(function(key) {
return deepEqual(a[key], b[key], newLevel);
});
}
return false;
}
return deepEqual(obj1, obj2);
}
var SPLIT$1 = "%";
function pathKey(keys2) {
return keys2.join(SPLIT$1);
}
var Entity = /* @__PURE__ */ function() {
function Entity2(instanceId) {
_classCallCheck(this, Entity2);
_defineProperty(this, "instanceId", void 0);
_defineProperty(this, "cache", /* @__PURE__ */ new Map());
this.instanceId = instanceId;
}
_createClass(Entity2, [{
key: "get",
value: function get2(keys2) {
return this.opGet(pathKey(keys2));
}
/** A fast get cache with `get` concat. */
}, {
key: "opGet",
value: function opGet(keyPathStr) {
return this.cache.get(keyPathStr) || null;
}
}, {
key: "update",
value: function update(keys2, valueFn) {
return this.opUpdate(pathKey(keys2), valueFn);
}
/** A fast get cache with `get` concat. */
}, {
key: "opUpdate",
value: function opUpdate(keyPathStr, valueFn) {
var prevValue = this.cache.get(keyPathStr);
var nextValue = valueFn(prevValue);
if (nextValue === null) {
this.cache.delete(keyPathStr);
} else {
this.cache.set(keyPathStr, nextValue);
}
}
}]);
return Entity2;
}();
var ATTR_TOKEN = "data-token-hash";
var ATTR_MARK = "data-css-hash";
var CSS_IN_JS_INSTANCE = "__cssinjs_instance__";
function createCache() {
var cssinjsInstanceId = Math.random().toString(12).slice(2);
if (typeof document !== "undefined" && document.head && document.body) {
var styles = document.body.querySelectorAll("style[".concat(ATTR_MARK, "]")) || [];
var firstChild = document.head.firstChild;
Array.from(styles).forEach(function(style2) {
style2[CSS_IN_JS_INSTANCE] = style2[CSS_IN_JS_INSTANCE] || cssinjsInstanceId;
if (style2[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {
document.head.insertBefore(style2, firstChild);
}
});
var styleHash = {};
Array.from(document.querySelectorAll("style[".concat(ATTR_MARK, "]"))).forEach(function(style2) {
var hash = style2.getAttribute(ATTR_MARK);
if (styleHash[hash]) {
if (style2[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {
var _style$parentNode;
(_style$parentNode = style2.parentNode) === null || _style$parentNode === void 0 || _style$parentNode.removeChild(style2);
}
} else {
styleHash[hash] = true;
}
});
}
return new Entity(cssinjsInstanceId);
}
var StyleContext = /* @__PURE__ */ reactExports.createContext({
hashPriority: "low",
cache: createCache(),
defaultCache: true
});
function sameDerivativeOption(left, right) {
if (left.length !== right.length) {
return false;
}
for (var i = 0; i < left.length; i++) {
if (left[i] !== right[i]) {
return false;
}
}
return true;
}
var ThemeCache = /* @__PURE__ */ function() {
function ThemeCache2() {
_classCallCheck(this, ThemeCache2);
_defineProperty(this, "cache", void 0);
_defineProperty(this, "keys", void 0);
_defineProperty(this, "cacheCallTimes", void 0);
this.cache = /* @__PURE__ */ new Map();
this.keys = [];
this.cacheCallTimes = 0;
}
_createClass(ThemeCache2, [{
key: "size",
value: function size() {
return this.keys.length;
}
}, {
key: "internalGet",
value: function internalGet(derivativeOption) {
var _cache2, _cache3;
var updateCallTimes = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
var cache = {
map: this.cache
};
derivativeOption.forEach(function(derivative2) {
if (!cache) {
cache = void 0;
} else {
var _cache;
cache = (_cache = cache) === null || _cache === void 0 || (_cache = _cache.map) === null || _cache === void 0 ? void 0 : _cache.get(derivative2);
}
});
if ((_cache2 = cache) !== null && _cache2 !== void 0 && _cache2.value && updateCallTimes) {
cache.value[1] = this.cacheCallTimes++;
}
return (_cache3 = cache) === null || _cache3 === void 0 ? void 0 : _cache3.value;
}
}, {
key: "get",
value: function get2(derivativeOption) {
var _this$internalGet;
return (_this$internalGet = this.internalGet(derivativeOption, true)) === null || _this$internalGet === void 0 ? void 0 : _this$internalGet[0];
}
}, {
key: "has",
value: function has(derivativeOption) {
return !!this.internalGet(derivativeOption);
}
}, {
key: "set",
value: function set2(derivativeOption, value) {
var _this = this;
if (!this.has(derivativeOption)) {
if (this.size() + 1 > ThemeCache2.MAX_CACHE_SIZE + ThemeCache2.MAX_CACHE_OFFSET) {
var _this$keys$reduce = this.keys.reduce(function(result, key) {
var _result = _slicedToArray(result, 2), callTimes = _result[1];
if (_this.internalGet(key)[1] < callTimes) {
return [key, _this.internalGet(key)[1]];
}
return result;
}, [this.keys[0], this.cacheCallTimes]), _this$keys$reduce2 = _slicedToArray(_this$keys$reduce, 1), targetKey = _this$keys$reduce2[0];
this.delete(targetKey);
}
this.keys.push(derivativeOption);
}
var cache = this.cache;
derivativeOption.forEach(function(derivative2, index2) {
if (index2 === derivativeOption.length - 1) {
cache.set(derivative2, {
value: [value, _this.cacheCallTimes++]
});
} else {
var cacheValue = cache.get(derivative2);
if (!cacheValue) {
cache.set(derivative2, {
map: /* @__PURE__ */ new Map()
});
} else if (!cacheValue.map) {
cacheValue.map = /* @__PURE__ */ new Map();
}
cache = cache.get(derivative2).map;
}
});
}
}, {
key: "deleteByPath",
value: function deleteByPath(currentCache, derivatives) {
var cache = currentCache.get(derivatives[0]);
if (derivatives.length === 1) {
var _cache$value;
if (!cache.map) {
currentCache.delete(derivatives[0]);
} else {
currentCache.set(derivatives[0], {
map: cache.map
});
}
return (_cache$value = cache.value) === null || _cache$value === void 0 ? void 0 : _cache$value[0];
}
var result = this.deleteByPath(cache.map, derivatives.slice(1));
if ((!cache.map || cache.map.size === 0) && !cache.value) {
currentCache.delete(derivatives[0]);
}
return result;
}
}, {
key: "delete",
value: function _delete(derivativeOption) {
if (this.has(derivativeOption)) {
this.keys = this.keys.filter(function(item) {
return !sameDerivativeOption(item, derivativeOption);
});
return this.deleteByPath(this.cache, derivativeOption);
}
return void 0;
}
}]);
return ThemeCache2;
}();
_defineProperty(ThemeCache, "MAX_CACHE_SIZE", 20);
_defineProperty(ThemeCache, "MAX_CACHE_OFFSET", 5);
var uuid$2 = 0;
var Theme = /* @__PURE__ */ function() {
function Theme2(derivatives) {
_classCallCheck(this, Theme2);
_defineProperty(this, "derivatives", void 0);
_defineProperty(this, "id", void 0);
this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];
this.id = uuid$2;
if (derivatives.length === 0) {
warning$2(derivatives.length > 0);
}
uuid$2 += 1;
}
_createClass(Theme2, [{
key: "getDerivativeToken",
value: function getDerivativeToken(token2) {
return this.derivatives.reduce(function(result, derivative2) {
return derivative2(token2, result);
}, void 0);
}
}]);
return Theme2;
}();
var cacheThemes = new ThemeCache();
function createTheme(derivatives) {
var derivativeArr = Array.isArray(derivatives) ? derivatives : [derivatives];
if (!cacheThemes.has(derivativeArr)) {
cacheThemes.set(derivativeArr, new Theme(derivativeArr));
}
return cacheThemes.get(derivativeArr);
}
var resultCache = /* @__PURE__ */ new WeakMap();
var RESULT_VALUE = {};
function memoResult(callback, deps) {
var current = resultCache;
for (var i = 0; i < deps.length; i += 1) {
var dep = deps[i];
if (!current.has(dep)) {
current.set(dep, /* @__PURE__ */ new WeakMap());
}
current = current.get(dep);
}
if (!current.has(RESULT_VALUE)) {
current.set(RESULT_VALUE, callback());
}
return current.get(RESULT_VALUE);
}
var flattenTokenCache = /* @__PURE__ */ new WeakMap();
function flattenToken(token2) {
var str = flattenTokenCache.get(token2) || "";
if (!str) {
Object.keys(token2).forEach(function(key) {
var value = token2[key];
str += key;
if (value instanceof Theme) {
str += value.id;
} else if (value && _typeof(value) === "object") {
str += flattenToken(value);
} else {
str += value;
}
});
str = murmur2(str);
flattenTokenCache.set(token2, str);
}
return str;
}
function token2key(token2, salt) {
return murmur2("".concat(salt, "_").concat(flattenToken(token2)));
}
var isClientSide = canUseDom();
function unit$1(num) {
if (typeof num === "number") {
return "".concat(num, "px");
}
return num;
}
function toStyleStr(style2, tokenKey, styleId) {
var _objectSpread2$1;
var customizeAttrs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
var plain = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
if (plain) {
return style2;
}
var attrs = _objectSpread2(_objectSpread2({}, customizeAttrs), {}, (_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ATTR_TOKEN, tokenKey), _defineProperty(_objectSpread2$1, ATTR_MARK, styleId), _objectSpread2$1));
var attrStr = Object.keys(attrs).map(function(attr) {
var val = attrs[attr];
return val ? "".concat(attr, '="').concat(val, '"') : null;
}).filter(function(v) {
return v;
}).join(" ");
return "<style ".concat(attrStr, ">").concat(style2, "</style>");
}
var token2CSSVar = function token2CSSVar2(token2) {
var prefix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
return "--".concat(prefix ? "".concat(prefix, "-") : "").concat(token2).replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z0-9]+)/g, "$1-$2").replace(/([a-z])([A-Z0-9])/g, "$1-$2").toLowerCase();
};
var serializeCSSVar = function serializeCSSVar2(cssVars, hashId, options) {
if (!Object.keys(cssVars).length) {
return "";
}
return ".".concat(hashId).concat(options !== null && options !== void 0 && options.scope ? ".".concat(options.scope) : "", "{").concat(Object.entries(cssVars).map(function(_ref) {
var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
return "".concat(key, ":").concat(value, ";");
}).join(""), "}");
};
var transformToken = function transformToken2(token2, themeKey, config) {
var cssVars = {};
var result = {};
Object.entries(token2).forEach(function(_ref3) {
var _config$preserve, _config$ignore;
var _ref4 = _slicedToArray(_ref3, 2), key = _ref4[0], value = _ref4[1];
if (config !== null && config !== void 0 && (_config$preserve = config.preserve) !== null && _config$preserve !== void 0 && _config$preserve[key]) {
result[key] = value;
} else if ((typeof value === "string" || typeof value === "number") && !(config !== null && config !== void 0 && (_config$ignore = config.ignore) !== null && _config$ignore !== void 0 && _config$ignore[key])) {
var _config$unitless;
var cssVar = token2CSSVar(key, config === null || config === void 0 ? void 0 : config.prefix);
cssVars[cssVar] = typeof value === "number" && !(config !== null && config !== void 0 && (_config$unitless = config.unitless) !== null && _config$unitless !== void 0 && _config$unitless[key]) ? "".concat(value, "px") : String(value);
result[key] = "var(".concat(cssVar, ")");
}
});
return [result, serializeCSSVar(cssVars, themeKey, {
scope: config === null || config === void 0 ? void 0 : config.scope
})];
};
var useInternalLayoutEffect = canUseDom() ? reactExports.useLayoutEffect : reactExports.useEffect;
var useLayoutEffect = function useLayoutEffect2(callback, deps) {
var firstMountRef = reactExports.useRef(true);
useInternalLayoutEffect(function() {
return callback(firstMountRef.current);
}, deps);
useInternalLayoutEffect(function() {
firstMountRef.current = false;
return function() {
firstMountRef.current = true;
};
}, []);
};
var useLayoutUpdateEffect = function useLayoutUpdateEffect2(callback, deps) {
useLayoutEffect(function(firstMount) {
if (!firstMount) {
return callback();
}
}, deps);
};
var fullClone$3 = _objectSpread2({}, React$1);
var useInsertionEffect$1 = fullClone$3.useInsertionEffect;
var useInsertionEffectPolyfill = function useInsertionEffectPolyfill2(renderEffect, effect, deps) {
reactExports.useMemo(renderEffect, deps);
useLayoutEffect(function() {
return effect(true);
}, deps);
};
var useCompatibleInsertionEffect = useInsertionEffect$1 ? function(renderEffect, effect, deps) {
return useInsertionEffect$1(function() {
renderEffect();
return effect();
}, deps);
} : useInsertionEffectPolyfill;
var fullClone$2 = _objectSpread2({}, React$1);
var useInsertionEffect = fullClone$2.useInsertionEffect;
var useCleanupRegister = function useCleanupRegister2(deps) {
var effectCleanups = [];
var cleanupFlag = false;
function register2(fn) {
if (cleanupFlag) {
return;
}
effectCleanups.push(fn);
}
reactExports.useEffect(function() {
cleanupFlag = false;
return function() {
cleanupFlag = true;
if (effectCleanups.length) {
effectCleanups.forEach(function(fn) {
return fn();
});
}
};
}, deps);
return register2;
};
var useRun = function useRun2() {
return function(fn) {
fn();
};
};
var useEffectCleanupRegister = typeof useInsertionEffect !== "undefined" ? useCleanupRegister : useRun;
function useGlobalCache(prefix, keyPath, cacheFn, onCacheRemove, onCacheEffect) {
var _React$useContext = reactExports.useContext(StyleContext), globalCache = _React$useContext.cache;
var fullPath = [prefix].concat(_toConsumableArray(keyPath));
var fullPathStr = pathKey(fullPath);
var register2 = useEffectCleanupRegister([fullPathStr]);
var buildCache = function buildCache2(updater) {
globalCache.opUpdate(fullPathStr, function(prevCache) {
var _ref = prevCache || [void 0, void 0], _ref2 = _slicedToArray(_ref, 2), _ref2$ = _ref2[0], times = _ref2$ === void 0 ? 0 : _ref2$, cache = _ref2[1];
var tmpCache = cache;
var mergedCache = tmpCache || cacheFn();
var data = [times, mergedCache];
return updater ? updater(data) : data;
});
};
reactExports.useMemo(
function() {
buildCache();
},
/* eslint-disable react-hooks/exhaustive-deps */
[fullPathStr]
/* eslint-enable */
);
var cacheEntity = globalCache.opGet(fullPathStr);
var cacheContent = cacheEntity[1];
useCompatibleInsertionEffect(function() {
onCacheEffect === null || onCacheEffect === void 0 || onCacheEffect(cacheContent);
}, function(polyfill) {
buildCache(function(_ref3) {
var _ref4 = _slicedToArray(_ref3, 2), times = _ref4[0], cache = _ref4[1];
if (polyfill && times === 0) {
onCacheEffect === null || onCacheEffect === void 0 || onCacheEffect(cacheContent);
}
return [times + 1, cache];
});
return function() {
globalCache.opUpdate(fullPathStr, function(prevCache) {
var _ref5 = prevCache || [], _ref6 = _slicedToArray(_ref5, 2), _ref6$ = _ref6[0], times = _ref6$ === void 0 ? 0 : _ref6$, cache = _ref6[1];
var nextCount = times - 1;
if (nextCount === 0) {
register2(function() {
if (polyfill || !globalCache.opGet(fullPathStr)) {
onCacheRemove === null || onCacheRemove === void 0 || onCacheRemove(cache, false);
}
});
return null;
}
return [times - 1, cache];
});
};
}, [fullPathStr]);
return cacheContent;
}
var EMPTY_OVERRIDE = {};
var hashPrefix = "css";
var tokenKeys = /* @__PURE__ */ new Map();
function recordCleanToken(tokenKey) {
tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) + 1);
}
function removeStyleTags(key, instanceId) {
if (typeof document !== "undefined") {
var styles = document.querySelectorAll("style[".concat(ATTR_TOKEN, '="').concat(key, '"]'));
styles.forEach(function(style2) {
if (style2[CSS_IN_JS_INSTANCE] === instanceId) {
var _style$parentNode;
(_style$parentNode = style2.parentNode) === null || _style$parentNode === void 0 || _style$parentNode.removeChild(style2);
}
});
}
}
var TOKEN_THRESHOLD = 0;
function cleanTokenStyle(tokenKey, instanceId) {
tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1);
var tokenKeyList = Array.from(tokenKeys.keys());
var cleanableKeyList = tokenKeyList.filter(function(key) {
var count = tokenKeys.get(key) || 0;
return count <= 0;
});
if (tokenKeyList.length - cleanableKeyList.length > TOKEN_THRESHOLD) {
cleanableKeyList.forEach(function(key) {
removeStyleTags(key, instanceId);
tokenKeys.delete(key);
});
}
}
var getComputedToken$1 = function getComputedToken2(originToken, overrideToken, theme2, format2) {
var derivativeToken = theme2.getDerivativeToken(originToken);
var mergedDerivativeToken = _objectSpread2(_objectSpread2({}, derivativeToken), overrideToken);
if (format2) {
mergedDerivativeToken = format2(mergedDerivativeToken);
}
return mergedDerivativeToken;
};
var TOKEN_PREFIX = "token";
function useCacheToken(theme2, tokens) {
var option = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
var _useContext = reactExports.useContext(StyleContext), instanceId = _useContext.cache.instanceId, container = _useContext.container;
var _option$salt = option.salt, salt = _option$salt === void 0 ? "" : _option$salt, _option$override = option.override, override = _option$override === void 0 ? EMPTY_OVERRIDE : _option$override, formatToken2 = option.formatToken, compute = option.getComputedToken, cssVar = option.cssVar;
var mergedToken = memoResult(function() {
return Object.assign.apply(Object, [{}].concat(_toConsumableArray(tokens)));
}, tokens);
var tokenStr = flattenToken(mergedToken);
var overrideTokenStr = flattenToken(override);
var cssVarStr = cssVar ? flattenToken(cssVar) : "";
var cachedToken = useGlobalCache(TOKEN_PREFIX, [salt, theme2.id, tokenStr, overrideTokenStr, cssVarStr], function() {
var _cssVar$key;
var mergedDerivativeToken = compute ? compute(mergedToken, override, theme2) : getComputedToken$1(mergedToken, override, theme2, formatToken2);
var actualToken = _objectSpread2({}, mergedDerivativeToken);
var cssVarsStr = "";
if (!!cssVar) {
var _transformToken = transformToken(mergedDerivativeToken, cssVar.key, {
prefix: cssVar.prefix,
ignore: cssVar.ignore,
unitless: cssVar.unitless,
preserve: cssVar.preserve
});
var _transformToken2 = _slicedToArray(_transformToken, 2);
mergedDerivativeToken = _transformToken2[0];
cssVarsStr = _transformToken2[1];
}
var tokenKey = token2key(mergedDerivativeToken, salt);
mergedDerivativeToken._tokenKey = tokenKey;
actualToken._tokenKey = token2key(actualToken, salt);
var themeKey = (_cssVar$key = cssVar === null || cssVar === void 0 ? void 0 : cssVar.key) !== null && _cssVar$key !== void 0 ? _cssVar$key : tokenKey;
mergedDerivativeToken._themeKey = themeKey;
recordCleanToken(themeKey);
var hashId = "".concat(hashPrefix, "-").concat(murmur2(tokenKey));
mergedDerivativeToken._hashId = hashId;
return [mergedDerivativeToken, hashId, actualToken, cssVarsStr, (cssVar === null || cssVar === void 0 ? void 0 : cssVar.key) || ""];
}, function(cache) {
cleanTokenStyle(cache[0]._themeKey, instanceId);
}, function(_ref) {
var _ref2 = _slicedToArray(_ref, 4), token2 = _ref2[0], cssVarsStr = _ref2[3];
if (cssVar && cssVarsStr) {
var style2 = updateCSS(cssVarsStr, murmur2("css-variables-".concat(token2._themeKey)), {
mark: ATTR_MARK,
prepend: "queue",
attachTo: container,
priority: -999
});
style2[CSS_IN_JS_INSTANCE] = instanceId;
style2.setAttribute(ATTR_TOKEN, token2._themeKey);
}
});
return cachedToken;
}
var extract$2 = function extract2(cache, effectStyles, options) {
var _cache = _slicedToArray(cache, 5), realToken = _cache[2], styleStr = _cache[3], cssVarKey = _cache[4];
var _ref3 = options || {}, plain = _ref3.plain;
if (!styleStr) {
return null;
}
var styleId = realToken._tokenKey;
var order = -999;
var sharedAttrs = {
"data-rc-order": "prependQueue",
"data-rc-priority": "".concat(order)
};
var styleText = toStyleStr(styleStr, cssVarKey, styleId, sharedAttrs, plain);
return [order, styleId, styleText];
};
var unitlessKeys = {
animationIterationCount: 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 COMMENT = "comm";
var RULESET = "rule";
var DECLARATION = "decl";
var IMPORT = "@import";
var NAMESPACE = "@namespace";
var KEYFRAMES = "@keyframes";
var LAYER = "@layer";
var abs = Math.abs;
var from = String.fromCharCode;
function trim(value) {
return value.trim();
}
function replace(value, pattern4, replacement) {
return value.replace(pattern4, replacement);
}
function indexof(value, search, position2) {
return value.indexOf(search, position2);
}
function charat(value, index2) {
return value.charCodeAt(index2) | 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, array4) {
return array4.push(value), value;
}
var line = 1;
var column = 1;
var length = 0;
var position = 0;
var character = 0;
var characters = "";
function node(value, root, parent, type4, props, children, length2, siblings) {
return { value, root, parent, type: type4, props, children, line, column, length: length2, return: "", siblings };
}
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(type4) {
switch (type4) {
// \0 \t \n \r \s whitespace token
case 0:
case 9:
case 10:
case 13:
case 32:
return 5;
// ! + , / > @ ~ isolate token
case 33:
case 43:
case 44:
case 47:
case 62:
case 64:
case 126:
// ; { } breakpoint token
case 59:
case 123:
case 125:
return 4;
// : accompanied token
case 58:
return 3;
// " ' ( [ opening delimit token
case 34:
case 39:
case 40:
case 91:
return 2;
// ) ] closing delimit token
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(type4) {
return trim(slice(position - 1, delimiter(type4 === 91 ? type4 + 2 : type4 === 40 ? type4 + 1 : type4)));
}
function whitespace$1(type4) {
while (character = peek())
if (character < 33)
next();
else
break;
return token(type4) > 2 || token(character) > 3 ? "" : " ";
}
function escaping(index2, count) {
while (--count && next())
if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
break;
return slice(index2, caret() + (count < 6 && peek() == 32 && next() == 32));
}
function delimiter(type4) {
while (next())
switch (character) {
// ] ) " '
case type4:
return position;
// " '
case 34:
case 39:
if (type4 !== 34 && type4 !== 39)
delimiter(character);
break;
// (
case 40:
if (type4 === 41)
delimiter(type4);
break;
// \
case 92:
next();
break;
}
return position;
}
function commenter(type4, index2) {
while (next())
if (type4 + character === 47 + 10)
break;
else if (type4 + character === 42 + 42 && peek() === 47)
break;
return "/*" + slice(index2, position - 1) + "*" + from(type4 === 47 ? type4 : next());
}
function identifier(index2) {
while (!token(peek()))
next();
return slice(index2, position);
}
function compile(value) {
return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
}
function parse(value, root, parent, rule, rules2, rulesets, pseudo, points, declarations) {
var index2 = 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 type4 = "";
var props = rules2;
var children = rulesets;
var reference = rule;
var characters2 = type4;
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", abs(index2 ? points[index2 - 1] : 0)) != -1)
ampersand = -1;
break;
}
// " ' [
case 34:
case 39:
case 91:
characters2 += delimit(character2);
break;
// \t \n \r \s
case 9:
case 10:
case 13:
case 32:
characters2 += whitespace$1(previous);
break;
// \
case 92:
characters2 += escaping(caret() - 1, 7);
continue;
// /
case 47:
switch (peek()) {
case 42:
case 47:
append(comment(commenter(next(), caret()), root, parent, declarations), declarations);
if ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters2) && substr(characters2, -1, void 0) !== " ") characters2 += " ";
break;
default:
characters2 += "/";
}
break;
// {
case 123 * variable:
points[index2++] = strlen(characters2) * ampersand;
// } ; \0
case 125 * variable:
case 59:
case 0:
switch (character2) {
// \0 }
case 0:
case 125:
scanning = 0;
// ;
case 59 + offset:
if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
if (property > 0 && (strlen(characters2) - length2 || variable === 0 && previous === 47))
append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2, declarations), declarations);
break;
// @ ;
case 59:
characters2 += ";";
// { rule/at-rule
default:
append(reference = ruleset(characters2, root, parent, index2, offset, rules2, points, type4, props = [], children = [], length2, rulesets), rulesets);
if (character2 === 123)
if (offset === 0)
parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
else {
switch (atrule) {
// c(ontainer)
case 99:
if (charat(characters2, 3) === 110) break;
// l(ayer)
case 108:
if (charat(characters2, 2) === 97) break;
default:
offset = 0;
// d(ocument) m(edia) s(upports)
case 100:
case 109:
case 115:
}
if (offset) parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules2, points, type4, rules2, props = [], length2, children), children), rules2, children, length2, points, rule ? props : children);
else parse(characters2, reference, reference, reference, [""], children, 0, points, children);
}
}
index2 = offset = property = 0, variable = ampersand = 1, type4 = 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[index2++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
break;
// @
case 64:
if (peek() === 45)
characters2 += delimit(next());
atrule = peek(), offset = length2 = strlen(type4 = characters2 += identifier(caret())), character2++;
break;
// -
case 45:
if (previous === 45 && strlen(characters2) == 2)
variable = 0;
}
}
return rulesets;
}
function ruleset(value, root, parent, index2, offset, rules2, points, type4, props, children, length2, siblings) {
var post = offset - 1;
var rule = offset === 0 ? rules2 : [""];
var size = sizeof(rule);
for (var i = 0, j = 0, k = 0; i < index2; ++i)
for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
if (z = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
props[k++] = z;
return node(value, root, parent, offset === 0 ? RULESET : type4, props, children, length2, siblings);
}
function comment(value, root, parent, siblings) {
return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings);
}
function declaration(value, root, parent, length2, siblings) {
return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2, siblings);
}
function serialize(children, callback) {
var output = "";
for (var i = 0; i < children.length; i++)
output += callback(children[i], i, children, callback) || "";
return output;
}
function stringify$1(element, index2, children, callback) {
switch (element.type) {
case LAYER:
if (element.children.length) break;
case IMPORT:
case NAMESPACE:
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:
if (!strlen(element.value = element.props.join(","))) return "";
}
return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
}
var ATTR_CACHE_MAP = "data-ant-cssinjs-cache-path";
var CSS_FILE_STYLE = "_FILE_STYLE__";
var cachePathMap;
var fromCSSFile = true;
function prepare() {
if (!cachePathMap) {
cachePathMap = {};
if (canUseDom()) {
var div = document.createElement("div");
div.className = ATTR_CACHE_MAP;
div.style.position = "fixed";
div.style.visibility = "hidden";
div.style.top = "-9999px";
document.body.appendChild(div);
var content = getComputedStyle(div).content || "";
content = content.replace(/^"/, "").replace(/"$/, "");
content.split(";").forEach(function(item) {
var _item$split = item.split(":"), _item$split2 = _slicedToArray(_item$split, 2), path = _item$split2[0], hash = _item$split2[1];
cachePathMap[path] = hash;
});
var inlineMapStyle = document.querySelector("style[".concat(ATTR_CACHE_MAP, "]"));
if (inlineMapStyle) {
var _inlineMapStyle$paren;
fromCSSFile = false;
(_inlineMapStyle$paren = inlineMapStyle.parentNode) === null || _inlineMapStyle$paren === void 0 || _inlineMapStyle$paren.removeChild(inlineMapStyle);
}
document.body.removeChild(div);
}
}
}
function existPath(path) {
prepare();
return !!cachePathMap[path];
}
function getStyleAndHash(path) {
var hash = cachePathMap[path];
var styleStr = null;
if (hash && canUseDom()) {
if (fromCSSFile) {
styleStr = CSS_FILE_STYLE;
} else {
var _style = document.querySelector("style[".concat(ATTR_MARK, '="').concat(cachePathMap[path], '"]'));
if (_style) {
styleStr = _style.innerHTML;
} else {
delete cachePathMap[path];
}
}
}
return [styleStr, hash];
}
var SKIP_CHECK = "_skip_check_";
var MULTI_VALUE = "_multi_value_";
function normalizeStyle(styleStr) {
var serialized = serialize(compile(styleStr), stringify$1);
return serialized.replace(/\{%%%\:[^;];}/g, ";");
}
function isCompoundCSSProperty(value) {
return _typeof(value) === "object" && value && (SKIP_CHECK in value || MULTI_VALUE in value);
}
function injectSelectorHash(key, hashId, hashPriority) {
if (!hashId) {
return key;
}
var hashClassName = ".".concat(hashId);
var hashSelector = hashPriority === "low" ? ":where(".concat(hashClassName, ")") : hashClassName;
var keys2 = key.split(",").map(function(k) {
var _firstPath$match;
var fullPath = k.trim().split(/\s+/);
var firstPath = fullPath[0] || "";
var htmlElement = ((_firstPath$match = firstPath.match(/^\w+/)) === null || _firstPath$match === void 0 ? void 0 : _firstPath$match[0]) || "";
firstPath = "".concat(htmlElement).concat(hashSelector).concat(firstPath.slice(htmlElement.length));
return [firstPath].concat(_toConsumableArray(fullPath.slice(1))).join(" ");
});
return keys2.join(",");
}
var parseStyle = function parseStyle2(interpolation) {
var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
var _ref = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
root: true,
parentSelectors: []
}, root = _ref.root, injectHash = _ref.injectHash, parentSelectors = _ref.parentSelectors;
var hashId = config.hashId, layer = config.layer;
config.path;
var hashPriority = config.hashPriority, _config$transformers = config.transformers, transformers = _config$transformers === void 0 ? [] : _config$transformers;
config.linters;
var styleStr = "";
var effectStyle = {};
function parseKeyframes(keyframes) {
var animationName = keyframes.getName(hashId);
if (!effectStyle[animationName]) {
var _parseStyle = parseStyle2(keyframes.style, config, {
root: false,
parentSelectors
}), _parseStyle2 = _slicedToArray(_parseStyle, 1), _parsedStr = _parseStyle2[0];
effectStyle[animationName] = "@keyframes ".concat(keyframes.getName(hashId)).concat(_parsedStr);
}
}
function flattenList(list) {
var fullList = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
list.forEach(function(item) {
if (Array.isArray(item)) {
flattenList(item, fullList);
} else if (item) {
fullList.push(item);
}
});
return fullList;
}
var flattenStyleList = flattenList(Array.isArray(interpolation) ? interpolation : [interpolation]);
flattenStyleList.forEach(function(originStyle) {
var style2 = typeof originStyle === "string" && !root ? {} : originStyle;
if (typeof style2 === "string") {
styleStr += "".concat(style2, "\n");
} else if (style2._keyframe) {
parseKeyframes(style2);
} else {
var mergedStyle = transformers.reduce(function(prev2, trans) {
var _trans$visit;
return (trans === null || trans === void 0 || (_trans$visit = trans.visit) === null || _trans$visit === void 0 ? void 0 : _trans$visit.call(trans, prev2)) || prev2;
}, style2);
Object.keys(mergedStyle).forEach(function(key) {
var value = mergedStyle[key];
if (_typeof(value) === "object" && value && (key !== "animationName" || !value._keyframe) && !isCompoundCSSProperty(value)) {
var subInjectHash = false;
var mergedKey = key.trim();
var nextRoot = false;
if ((root || injectHash) && hashId) {
if (mergedKey.startsWith("@")) {
subInjectHash = true;
} else if (mergedKey === "&") {
mergedKey = injectSelectorHash("", hashId, hashPriority);
} else {
mergedKey = injectSelectorHash(key, hashId, hashPriority);
}
} else if (root && !hashId && (mergedKey === "&" || mergedKey === "")) {
mergedKey = "";
nextRoot = true;
}
var _parseStyle3 = parseStyle2(value, config, {
root: nextRoot,
injectHash: subInjectHash,
parentSelectors: [].concat(_toConsumableArray(parentSelectors), [mergedKey])
}), _parseStyle4 = _slicedToArray(_parseStyle3, 2), _parsedStr2 = _parseStyle4[0], childEffectStyle = _parseStyle4[1];
effectStyle = _objectSpread2(_objectSpread2({}, effectStyle), childEffectStyle);
styleStr += "".concat(mergedKey).concat(_parsedStr2);
} else {
let appendStyle = function(cssKey, cssValue) {
var styleName = cssKey.replace(/[A-Z]/g, function(match2) {
return "-".concat(match2.toLowerCase());
});
var formatValue = cssValue;
if (!unitlessKeys[cssKey] && typeof formatValue === "number" && formatValue !== 0) {
formatValue = "".concat(formatValue, "px");
}
if (cssKey === "animationName" && cssValue !== null && cssValue !== void 0 && cssValue._keyframe) {
parseKeyframes(cssValue);
formatValue = cssValue.getName(hashId);
}
styleStr += "".concat(styleName, ":").concat(formatValue, ";");
};
var _value;
var actualValue = (_value = value === null || value === void 0 ? void 0 : value.value) !== null && _value !== void 0 ? _value : value;
if (_typeof(value) === "object" && value !== null && value !== void 0 && value[MULTI_VALUE] && Array.isArray(actualValue)) {
actualValue.forEach(function(item) {
appendStyle(key, item);
});
} else {
appendStyle(key, actualValue);
}
}
});
}
});
if (!root) {
styleStr = "{".concat(styleStr, "}");
} else if (layer) {
if (styleStr) {
styleStr = "@layer ".concat(layer.name, " {").concat(styleStr, "}");
}
if (layer.dependencies) {
effectStyle["@layer ".concat(layer.name)] = layer.dependencies.map(function(deps) {
return "@layer ".concat(deps, ", ").concat(layer.name, ";");
}).join("\n");
}
}
return [styleStr, effectStyle];
};
function uniqueHash(path, styleStr) {
return murmur2("".concat(path.join("%")).concat(styleStr));
}
function Empty() {
return null;
}
var STYLE_PREFIX = "style";
function useStyleRegister(info, styleFn) {
var token2 = info.token, path = info.path, hashId = info.hashId, layer = info.layer, nonce = info.nonce, clientOnly = info.clientOnly, _info$order = info.order, order = _info$order === void 0 ? 0 : _info$order;
var _React$useContext = reactExports.useContext(StyleContext), autoClear = _React$useContext.autoClear;
_React$useContext.mock;
var defaultCache = _React$useContext.defaultCache, hashPriority = _React$useContext.hashPriority, container = _React$useContext.container, ssrInline = _React$useContext.ssrInline, transformers = _React$useContext.transformers, linters = _React$useContext.linters, cache = _React$useContext.cache, enableLayer = _React$useContext.layer;
var tokenKey = token2._tokenKey;
var fullPath = [tokenKey];
if (enableLayer) {
fullPath.push("layer");
}
fullPath.push.apply(fullPath, _toConsumableArray(path));
var isMergedClientSide = isClientSide;
var _useGlobalCache = useGlobalCache(
STYLE_PREFIX,
fullPath,
// Create cache if needed
function() {
var cachePath = fullPath.join("|");
if (existPath(cachePath)) {
var _getStyleAndHash = getStyleAndHash(cachePath), _getStyleAndHash2 = _slicedToArray(_getStyleAndHash, 2), inlineCacheStyleStr = _getStyleAndHash2[0], styleHash = _getStyleAndHash2[1];
if (inlineCacheStyleStr) {
return [inlineCacheStyleStr, tokenKey, styleHash, {}, clientOnly, order];
}
}
var styleObj = styleFn();
var _parseStyle5 = parseStyle(styleObj, {
hashId,
hashPriority,
layer: enableLayer ? layer : void 0,
path: path.join("-"),
transformers,
linters
}), _parseStyle6 = _slicedToArray(_parseStyle5, 2), parsedStyle = _parseStyle6[0], effectStyle = _parseStyle6[1];
var styleStr = normalizeStyle(parsedStyle);
var styleId = uniqueHash(fullPath, styleStr);
return [styleStr, tokenKey, styleId, effectStyle, clientOnly, order];
},
// Remove cache if no need
function(_ref2, fromHMR) {
var _ref3 = _slicedToArray(_ref2, 3), styleId = _ref3[2];
if ((fromHMR || autoClear) && isClientSide) {
removeCSS(styleId, {
mark: ATTR_MARK
});
}
},
// Effect: Inject style here
function(_ref4) {
var _ref5 = _slicedToArray(_ref4, 4), styleStr = _ref5[0];
_ref5[1];
var styleId = _ref5[2], effectStyle = _ref5[3];
if (isMergedClientSide && styleStr !== CSS_FILE_STYLE) {
var mergedCSSConfig = {
mark: ATTR_MARK,
prepend: enableLayer ? false : "queue",
attachTo: container,
priority: order
};
var nonceStr = typeof nonce === "function" ? nonce() : nonce;
if (nonceStr) {
mergedCSSConfig.csp = {
nonce: nonceStr
};
}
var effectLayerKeys = [];
var effectRestKeys = [];
Object.keys(effectStyle).forEach(function(key) {
if (key.startsWith("@layer")) {
effectLayerKeys.push(key);
} else {
effectRestKeys.push(key);
}
});
effectLayerKeys.forEach(function(effectKey) {
updateCSS(normalizeStyle(effectStyle[effectKey]), "_layer-".concat(effectKey), _objectSpread2(_objectSpread2({}, mergedCSSConfig), {}, {
prepend: true
}));
});
var style2 = updateCSS(styleStr, styleId, mergedCSSConfig);
style2[CSS_IN_JS_INSTANCE] = cache.instanceId;
style2.setAttribute(ATTR_TOKEN, tokenKey);
effectRestKeys.forEach(function(effectKey) {
updateCSS(normalizeStyle(effectStyle[effectKey]), "_effect-".concat(effectKey), mergedCSSConfig);
});
}
}
), _useGlobalCache2 = _slicedToArray(_useGlobalCache, 3), cachedStyleStr = _useGlobalCache2[0], cachedTokenKey = _useGlobalCache2[1], cachedStyleId = _useGlobalCache2[2];
return function(node2) {
var styleNode;
if (!ssrInline || isMergedClientSide || !defaultCache) {
styleNode = /* @__PURE__ */ reactExports.createElement(Empty, null);
} else {
var _ref6;
styleNode = /* @__PURE__ */ reactExports.createElement("style", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {
dangerouslySetInnerHTML: {
__html: cachedStyleStr
}
}));
}
return /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, styleNode, node2);
};
}
var extract$1 = function extract22(cache, effectStyles, options) {
var _cache = _slicedToArray(cache, 6), styleStr = _cache[0], tokenKey = _cache[1], styleId = _cache[2], effectStyle = _cache[3], clientOnly = _cache[4], order = _cache[5];
var _ref7 = options || {}, plain = _ref7.plain;
if (clientOnly) {
return null;
}
var keyStyleText = styleStr;
var sharedAttrs = {
"data-rc-order": "prependQueue",
"data-rc-priority": "".concat(order)
};
keyStyleText = toStyleStr(styleStr, tokenKey, styleId, sharedAttrs, plain);
if (effectStyle) {
Object.keys(effectStyle).forEach(function(effectKey) {
if (!effectStyles[effectKey]) {
effectStyles[effectKey] = true;
var effectStyleStr = normalizeStyle(effectStyle[effectKey]);
var effectStyleHTML = toStyleStr(effectStyleStr, tokenKey, "_effect-".concat(effectKey), sharedAttrs, plain);
if (effectKey.startsWith("@layer")) {
keyStyleText = effectStyleHTML + keyStyleText;
} else {
keyStyleText += effectStyleHTML;
}
}
});
}
return [order, styleId, keyStyleText];
};
var CSS_VAR_PREFIX = "cssVar";
var useCSSVarRegister = function useCSSVarRegister2(config, fn) {
var key = config.key, prefix = config.prefix, unitless2 = config.unitless, ignore2 = config.ignore, token2 = config.token, _config$scope = config.scope, scope = _config$scope === void 0 ? "" : _config$scope;
var _useContext = reactExports.useContext(StyleContext), instanceId = _useContext.cache.instanceId, container = _useContext.container;
var tokenKey = token2._tokenKey;
var stylePath = [].concat(_toConsumableArray(config.path), [key, scope, tokenKey]);
var cache = useGlobalCache(CSS_VAR_PREFIX, stylePath, function() {
var originToken = fn();
var _transformToken = transformToken(originToken, key, {
prefix,
unitless: unitless2,
ignore: ignore2,
scope
}), _transformToken2 = _slicedToArray(_transformToken, 2), mergedToken = _transformToken2[0], cssVarsStr = _transformToken2[1];
var styleId = uniqueHash(stylePath, cssVarsStr);
return [mergedToken, cssVarsStr, styleId, key];
}, function(_ref) {
var _ref2 = _slicedToArray(_ref, 3), styleId = _ref2[2];
if (isClientSide) {
removeCSS(styleId, {
mark: ATTR_MARK
});
}
}, function(_ref3) {
var _ref4 = _slicedToArray(_ref3, 3), cssVarsStr = _ref4[1], styleId = _ref4[2];
if (!cssVarsStr) {
return;
}
var style2 = updateCSS(cssVarsStr, styleId, {
mark: ATTR_MARK,
prepend: "queue",
attachTo: container,
priority: -999
});
style2[CSS_IN_JS_INSTANCE] = instanceId;
style2.setAttribute(ATTR_TOKEN, key);
});
return cache;
};
var extract = function extract3(cache, effectStyles, options) {
var _cache = _slicedToArray(cache, 4), styleStr = _cache[1], styleId = _cache[2], cssVarKey = _cache[3];
var _ref5 = options || {}, plain = _ref5.plain;
if (!styleStr) {
return null;
}
var order = -999;
var sharedAttrs = {
"data-rc-order": "prependQueue",
"data-rc-priority": "".concat(order)
};
var styleText = toStyleStr(styleStr, cssVarKey, styleId, sharedAttrs, plain);
return [order, styleId, styleText];
};
var _ExtractStyleFns;
_ExtractStyleFns = {}, _defineProperty(_ExtractStyleFns, STYLE_PREFIX, extract$1), _defineProperty(_ExtractStyleFns, TOKEN_PREFIX, extract$2), _defineProperty(_ExtractStyleFns, CSS_VAR_PREFIX, extract);
var Keyframe = /* @__PURE__ */ function() {
function Keyframe2(name, style2) {
_classCallCheck(this, Keyframe2);
_defineProperty(this, "name", void 0);
_defineProperty(this, "style", void 0);
_defineProperty(this, "_keyframe", true);
this.name = name;
this.style = style2;
}
_createClass(Keyframe2, [{
key: "getName",
value: function getName() {
var hashId = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
return hashId ? "".concat(hashId, "-").concat(this.name) : this.name;
}
}]);
return Keyframe2;
}();
function noSplit(list) {
list.notSplit = true;
return list;
}
({
// Border
borderBlock: noSplit(["borderTop", "borderBottom"]),
borderBlockStart: noSplit(["borderTop"]),
borderBlockEnd: noSplit(["borderBottom"]),
borderInline: noSplit(["borderLeft", "borderRight"]),
borderInlineStart: noSplit(["borderLeft"]),
borderInlineEnd: noSplit(["borderRight"])
});
var IconContext = /* @__PURE__ */ reactExports.createContext({});
function _toArray(r) {
return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
}
function get(entity, path) {
var current = entity;
for (var i = 0; i < path.length; i += 1) {
if (current === null || current === void 0) {
return void 0;
}
current = current[path[i]];
}
return current;
}
function internalSet(entity, paths, value, removeIfUndefined) {
if (!paths.length) {
return value;
}
var _paths = _toArray(paths), path = _paths[0], restPath = _paths.slice(1);
var clone;
if (!entity && typeof path === "number") {
clone = [];
} else if (Array.isArray(entity)) {
clone = _toConsumableArray(entity);
} else {
clone = _objectSpread2({}, entity);
}
if (removeIfUndefined && value === void 0 && restPath.length === 1) {
delete clone[path][restPath[0]];
} else {
clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
}
return clone;
}
function set(entity, paths, value) {
var removeIfUndefined = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
if (paths.length && removeIfUndefined && value === void 0 && !get(entity, paths.slice(0, -1))) {
return entity;
}
return internalSet(entity, paths, value, removeIfUndefined);
}
function isObject(obj) {
return _typeof(obj) === "object" && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
}
function createEmpty(source) {
return Array.isArray(source) ? [] : {};
}
var keys = typeof Reflect === "undefined" ? Object.keys : Reflect.ownKeys;
function merge$1() {
for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
sources[_key] = arguments[_key];
}
var clone = createEmpty(sources[0]);
sources.forEach(function(src) {
function internalMerge(path, parentLoopSet) {
var loopSet = new Set(parentLoopSet);
var value = get(src, path);
var isArr = Array.isArray(value);
if (isArr || isObject(value)) {
if (!loopSet.has(value)) {
loopSet.add(value);
var originValue = get(clone, path);
if (isArr) {
clone = set(clone, path, []);
} else if (!originValue || _typeof(originValue) !== "object") {
clone = set(clone, path, createEmpty(value));
}
keys(value).forEach(function(key) {
internalMerge([].concat(_toConsumableArray(path), [key]), loopSet);
});
}
} else {
clone = set(clone, path, value);
}
}
internalMerge([]);
});
return clone;
}
function noop$1() {
}
const WarningContext = /* @__PURE__ */ reactExports.createContext({});
const devUseWarning = () => {
const noopWarning = () => {
};
noopWarning.deprecated = noop$1;
return noopWarning;
};
const ValidateMessagesContext = /* @__PURE__ */ reactExports.createContext(void 0);
const typeTemplate$1 = "${label} is not a valid ${type}";
const localeValues = {
Modal: {
okText: "OK",
cancelText: "Cancel",
justOkText: "OK"
},
Form: {
optional: "(optional)",
defaultValidateMessages: {
default: "Field validation error for ${label}",
required: "Please enter ${label}",
enum: "${label} must be one of [${enum}]",
whitespace: "${label} cannot be a blank character",
date: {
format: "${label} date format is invalid",
parse: "${label} cannot be converted to a date",
invalid: "${label} is an invalid date"
},
types: {
string: typeTemplate$1,
method: typeTemplate$1,
array: typeTemplate$1,
object: typeTemplate$1,
number: typeTemplate$1,
date: typeTemplate$1,
boolean: typeTemplate$1,
integer: typeTemplate$1,
float: typeTemplate$1,
regexp: typeTemplate$1,
email: typeTemplate$1,
url: typeTemplate$1,
hex: typeTemplate$1
},
string: {
len: "${label} must be ${len} characters",
min: "${label} must be at least ${min} characters",
max: "${label} must be up to ${max} characters",
range: "${label} must be between ${min}-${max} characters"
},
number: {
len: "${label} must be equal to ${len}",
min: "${label} must be minimum ${min}",
max: "${label} must be maximum ${max}",
range: "${label} must be between ${min}-${max}"
},
array: {
len: "Must be ${len} ${label}",
min: "At least ${min} ${label}",
max: "At most ${max} ${label}",
range: "The amount of ${label} must be between ${min}-${max}"
},
pattern: {
mismatch: "${label} does not match the pattern ${pattern}"
}
}
}
};
Object.assign({}, localeValues.Modal);
let localeList = [];
const generateLocale = () => localeList.reduce((merged, locale) => Object.assign(Object.assign({}, merged), locale), localeValues.Modal);
function changeConfirmLocale(newLocale) {
if (newLocale) {
const cloneLocale = Object.assign({}, newLocale);
localeList.push(cloneLocale);
generateLocale();
return () => {
localeList = localeList.filter((locale) => locale !== cloneLocale);
generateLocale();
};
}
Object.assign({}, localeValues.Modal);
}
const LocaleContext = /* @__PURE__ */ reactExports.createContext(void 0);
const ANT_MARK = "internalMark";
const LocaleProvider = (props) => {
const {
locale = {},
children,
_ANT_MARK__
} = props;
reactExports.useEffect(() => {
const clearLocale = changeConfirmLocale(locale === null || locale === void 0 ? void 0 : locale.Modal);
return clearLocale;
}, [locale]);
const getMemoizedContextValue = reactExports.useMemo(() => Object.assign(Object.assign({}, locale), {
exist: true
}), [locale]);
return /* @__PURE__ */ reactExports.createElement(LocaleContext.Provider, {
value: getMemoizedContextValue
}, children);
};
const defaultPresetColors = {
blue: "#1677FF",
purple: "#722ED1",
cyan: "#13C2C2",
green: "#52C41A",
magenta: "#EB2F96",
/**
* @deprecated Use magenta instead
*/
pink: "#EB2F96",
red: "#F5222D",
orange: "#FA8C16",
yellow: "#FADB14",
volcano: "#FA541C",
geekblue: "#2F54EB",
gold: "#FAAD14",
lime: "#A0D911"
};
const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
// Color
colorPrimary: "#1677ff",
colorSuccess: "#52c41a",
colorWarning: "#faad14",
colorError: "#ff4d4f",
colorInfo: "#1677ff",
colorLink: "",
colorTextBase: "",
colorBgBase: "",
// Font
fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji'`,
fontFamilyCode: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
fontSize: 14,
// Line
lineWidth: 1,
lineType: "solid",
// Motion
motionUnit: 0.1,
motionBase: 0,
motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)",
motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
// Radius
borderRadius: 6,
// Size
sizeUnit: 4,
sizeStep: 4,
sizePopupArrow: 16,
// Control Base
controlHeight: 32,
// zIndex
zIndexBase: 0,
zIndexPopupBase: 1e3,
// Image
opacityImage: 1,
// Wireframe
wireframe: false,
// Motion
motion: true
});
const round = Math.round;
function splitColorStr(str, parseNum) {
const match2 = str.replace(/^[^(]*\((.*)/, "$1").replace(/\).*/, "").match(/\d*\.?\d+%?/g) || [];
const numList = match2.map((item) => parseFloat(item));
for (let i = 0; i < 3; i += 1) {
numList[i] = parseNum(numList[i] || 0, match2[i] || "", i);
}
if (match2[3]) {
numList[3] = match2[3].includes("%") ? numList[3] / 100 : numList[3];
} else {
numList[3] = 1;
}
return numList;
}
const parseHSVorHSL = (num, _, index2) => index2 === 0 ? num : num / 100;
function limitRange(value, max) {
const mergedMax = max || 255;
if (value > mergedMax) {
return mergedMax;
}
if (value < 0) {
return 0;
}
return value;
}
class FastColor {
constructor(input) {
_defineProperty(this, "isValid", true);
_defineProperty(this, "r", 0);
_defineProperty(this, "g", 0);
_defineProperty(this, "b", 0);
_defineProperty(this, "a", 1);
_defineProperty(this, "_h", void 0);
_defineProperty(this, "_s", void 0);
_defineProperty(this, "_l", void 0);
_defineProperty(this, "_v", void 0);
_defineProperty(this, "_max", void 0);
_defineProperty(this, "_min", void 0);
_defineProperty(this, "_brightness", void 0);
function matchFormat(str) {
return str[0] in input && str[1] in input && str[2] in input;
}
if (!input) ;
else if (typeof input === "string") {
let matchPrefix2 = function(prefix) {
return trimStr.startsWith(prefix);
};
const trimStr = input.trim();
if (/^#?[A-F\d]{3,8}$/i.test(trimStr)) {
this.fromHexString(trimStr);
} else if (matchPrefix2("rgb")) {
this.fromRgbString(trimStr);
} else if (matchPrefix2("hsl")) {
this.fromHslString(trimStr);
} else if (matchPrefix2("hsv") || matchPrefix2("hsb")) {
this.fromHsvString(trimStr);
}
} else if (input instanceof FastColor) {
this.r = input.r;
this.g = input.g;
this.b = input.b;
this.a = input.a;
this._h = input._h;
this._s = input._s;
this._l = input._l;
this._v = input._v;
} else if (matchFormat("rgb")) {
this.r = limitRange(input.r);
this.g = limitRange(input.g);
this.b = limitRange(input.b);
this.a = typeof input.a === "number" ? limitRange(input.a, 1) : 1;
} else if (matchFormat("hsl")) {
this.fromHsl(input);
} else if (matchFormat("hsv")) {
this.fromHsv(input);
} else {
throw new Error("@ant-design/fast-color: unsupported input " + JSON.stringify(input));
}
}
// ======================= Setter =======================
setR(value) {
return this._sc("r", value);
}
setG(value) {
return this._sc("g", value);
}
setB(value) {
return this._sc("b", value);
}
setA(value) {
return this._sc("a", value, 1);
}
setHue(value) {
const hsv = this.toHsv();
hsv.h = value;
return this._c(hsv);
}
// ======================= Getter =======================
/**
* Returns the perceived luminance of a color, from 0-1.
* @see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
*/
getLuminance() {
function adjustGamma(raw) {
const val = raw / 255;
return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
}
const R = adjustGamma(this.r);
const G = adjustGamma(this.g);
const B = adjustGamma(this.b);
return 0.2126 * R + 0.7152 * G + 0.0722 * B;
}
getHue() {
if (typeof this._h === "undefined") {
const delta = this.getMax() - this.getMin();
if (delta === 0) {
this._h = 0;
} else {
this._h = round(60 * (this.r === this.getMax() ? (this.g - this.b) / delta + (this.g < this.b ? 6 : 0) : this.g === this.getMax() ? (this.b - this.r) / delta + 2 : (this.r - this.g) / delta + 4));
}
}
return this._h;
}
getSaturation() {
if (typeof this._s === "undefined") {
const delta = this.getMax() - this.getMin();
if (delta === 0) {
this._s = 0;
} else {
this._s = delta / this.getMax();
}
}
return this._s;
}
getLightness() {
if (typeof this._l === "undefined") {
this._l = (this.getMax() + this.getMin()) / 510;
}
return this._l;
}
getValue() {
if (typeof this._v === "undefined") {
this._v = this.getMax() / 255;
}
return this._v;
}
/**
* Returns the perceived brightness of the color, from 0-255.
* Note: this is not the b of HSB
* @see http://www.w3.org/TR/AERT#color-contrast
*/
getBrightness() {
if (typeof this._brightness === "undefined") {
this._brightness = (this.r * 299 + this.g * 587 + this.b * 114) / 1e3;
}
return this._brightness;
}
// ======================== Func ========================
darken(amount = 10) {
const h = this.getHue();
const s = this.getSaturation();
let l = this.getLightness() - amount / 100;
if (l < 0) {
l = 0;
}
return this._c({
h,
s,
l,
a: this.a
});
}
lighten(amount = 10) {
const h = this.getHue();
const s = this.getSaturation();
let l = this.getLightness() + amount / 100;
if (l > 1) {
l = 1;
}
return this._c({
h,
s,
l,
a: this.a
});
}
/**
* Mix the current color a given amount with another color, from 0 to 100.
* 0 means no mixing (return current color).
*/
mix(input, amount = 50) {
const color = this._c(input);
const p = amount / 100;
const calc = (key) => (color[key] - this[key]) * p + this[key];
const rgba = {
r: round(calc("r")),
g: round(calc("g")),
b: round(calc("b")),
a: round(calc("a") * 100) / 100
};
return this._c(rgba);
}
/**
* Mix the color with pure white, from 0 to 100.
* Providing 0 will do nothing, providing 100 will always return white.
*/
tint(amount = 10) {
return this.mix({
r: 255,
g: 255,
b: 255,
a: 1
}, amount);
}
/**
* Mix the color with pure black, from 0 to 100.
* Providing 0 will do nothing, providing 100 will always return black.
*/
shade(amount = 10) {
return this.mix({
r: 0,
g: 0,
b: 0,
a: 1
}, amount);
}
onBackground(background) {
const bg = this._c(background);
const alpha = this.a + bg.a * (1 - this.a);
const calc = (key) => {
return round((this[key] * this.a + bg[key] * bg.a * (1 - this.a)) / alpha);
};
return this._c({
r: calc("r"),
g: calc("g"),
b: calc("b"),
a: alpha
});
}
// ======================= Status =======================
isDark() {
return this.getBrightness() < 128;
}
isLight() {
return this.getBrightness() >= 128;
}
// ======================== MISC ========================
equals(other) {
return this.r === other.r && this.g === other.g && this.b === other.b && this.a === other.a;
}
clone() {
return this._c(this);
}
// ======================= Format =======================
toHexString() {
let hex2 = "#";
const rHex = (this.r || 0).toString(16);
hex2 += rHex.length === 2 ? rHex : "0" + rHex;
const gHex = (this.g || 0).toString(16);
hex2 += gHex.length === 2 ? gHex : "0" + gHex;
const bHex = (this.b || 0).toString(16);
hex2 += bHex.length === 2 ? bHex : "0" + bHex;
if (typeof this.a === "number" && this.a >= 0 && this.a < 1) {
const aHex = round(this.a * 255).toString(16);
hex2 += aHex.length === 2 ? aHex : "0" + aHex;
}
return hex2;
}
/** CSS support color pattern */
toHsl() {
return {
h: this.getHue(),
s: this.getSaturation(),
l: this.getLightness(),
a: this.a
};
}
/** CSS support color pattern */
toHslString() {
const h = this.getHue();
const s = round(this.getSaturation() * 100);
const l = round(this.getLightness() * 100);
return this.a !== 1 ? `hsla(${h},${s}%,${l}%,${this.a})` : `hsl(${h},${s}%,${l}%)`;
}
/** Same as toHsb */
toHsv() {
return {
h: this.getHue(),
s: this.getSaturation(),
v: this.getValue(),
a: this.a
};
}
toRgb() {
return {
r: this.r,
g: this.g,
b: this.b,
a: this.a
};
}
toRgbString() {
return this.a !== 1 ? `rgba(${this.r},${this.g},${this.b},${this.a})` : `rgb(${this.r},${this.g},${this.b})`;
}
toString() {
return this.toRgbString();
}
// ====================== Privates ======================
/** Return a new FastColor object with one channel changed */
_sc(rgb, value, max) {
const clone = this.clone();
clone[rgb] = limitRange(value, max);
return clone;
}
_c(input) {
return new this.constructor(input);
}
getMax() {
if (typeof this._max === "undefined") {
this._max = Math.max(this.r, this.g, this.b);
}
return this._max;
}
getMin() {
if (typeof this._min === "undefined") {
this._min = Math.min(this.r, this.g, this.b);
}
return this._min;
}
fromHexString(trimStr) {
const withoutPrefix = trimStr.replace("#", "");
function connectNum(index1, index2) {
return parseInt(withoutPrefix[index1] + withoutPrefix[index2 || index1], 16);
}
if (withoutPrefix.length < 6) {
this.r = connectNum(0);
this.g = connectNum(1);
this.b = connectNum(2);
this.a = withoutPrefix[3] ? connectNum(3) / 255 : 1;
} else {
this.r = connectNum(0, 1);
this.g = connectNum(2, 3);
this.b = connectNum(4, 5);
this.a = withoutPrefix[6] ? connectNum(6, 7) / 255 : 1;
}
}
fromHsl({
h,
s,
l,
a
}) {
this._h = h % 360;
this._s = s;
this._l = l;
this.a = typeof a === "number" ? a : 1;
if (s <= 0) {
const rgb = round(l * 255);
this.r = rgb;
this.g = rgb;
this.b = rgb;
}
let r = 0, g = 0, b = 0;
const huePrime = h / 60;
const chroma = (1 - Math.abs(2 * l - 1)) * s;
const secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
if (huePrime >= 0 && huePrime < 1) {
r = chroma;
g = secondComponent;
} else if (huePrime >= 1 && huePrime < 2) {
r = secondComponent;
g = chroma;
} else if (huePrime >= 2 && huePrime < 3) {
g = chroma;
b = secondComponent;
} else if (huePrime >= 3 && huePrime < 4) {
g = secondComponent;
b = chroma;
} else if (huePrime >= 4 && huePrime < 5) {
r = secondComponent;
b = chroma;
} else if (huePrime >= 5 && huePrime < 6) {
r = chroma;
b = secondComponent;
}
const lightnessModification = l - chroma / 2;
this.r = round((r + lightnessModification) * 255);
this.g = round((g + lightnessModification) * 255);
this.b = round((b + lightnessModification) * 255);
}
fromHsv({
h,
s,
v,
a
}) {
this._h = h % 360;
this._s = s;
this._v = v;
this.a = typeof a === "number" ? a : 1;
const vv = round(v * 255);
this.r = vv;
this.g = vv;
this.b = vv;
if (s <= 0) {
return;
}
const hh = h / 60;
const i = Math.floor(hh);
const ff = hh - i;
const p = round(v * (1 - s) * 255);
const q = round(v * (1 - s * ff) * 255);
const t = round(v * (1 - s * (1 - ff)) * 255);
switch (i) {
case 0:
this.g = t;
this.b = p;
break;
case 1:
this.r = q;
this.b = p;
break;
case 2:
this.r = p;
this.b = t;
break;
case 3:
this.r = p;
this.g = q;
break;
case 4:
this.r = t;
this.g = p;
break;
case 5:
default:
this.g = p;
this.b = q;
break;
}
}
fromHsvString(trimStr) {
const cells = splitColorStr(trimStr, parseHSVorHSL);
this.fromHsv({
h: cells[0],
s: cells[1],
v: cells[2],
a: cells[3]
});
}
fromHslString(trimStr) {
const cells = splitColorStr(trimStr, parseHSVorHSL);
this.fromHsl({
h: cells[0],
s: cells[1],
l: cells[2],
a: cells[3]
});
}
fromRgbString(trimStr) {
const cells = splitColorStr(trimStr, (num, txt) => (
// Convert percentage to number. e.g. 50% -> 128
txt.includes("%") ? round(num / 100 * 255) : num
));
this.r = cells[0];
this.g = cells[1];
this.b = cells[2];
this.a = cells[3];
}
}
var hueStep = 2;
var saturationStep = 0.16;
var saturationStep2 = 0.05;
var brightnessStep1 = 0.05;
var brightnessStep2 = 0.15;
var lightColorCount = 5;
var darkColorCount = 4;
var darkColorMap = [{
index: 7,
amount: 15
}, {
index: 6,
amount: 25
}, {
index: 5,
amount: 30
}, {
index: 5,
amount: 45
}, {
index: 5,
amount: 65
}, {
index: 5,
amount: 85
}, {
index: 4,
amount: 90
}, {
index: 3,
amount: 95
}, {
index: 2,
amount: 97
}, {
index: 1,
amount: 98
}];
function getHue(hsv, i, light) {
var hue;
if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
} else {
hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
}
if (hue < 0) {
hue += 360;
} else if (hue >= 360) {
hue -= 360;
}
return hue;
}
function getSaturation(hsv, i, light) {
if (hsv.h === 0 && hsv.s === 0) {
return hsv.s;
}
var saturation;
if (light) {
saturation = hsv.s - saturationStep * i;
} else if (i === darkColorCount) {
saturation = hsv.s + saturationStep;
} else {
saturation = hsv.s + saturationStep2 * i;
}
if (saturation > 1) {
saturation = 1;
}
if (light && i === lightColorCount && saturation > 0.1) {
saturation = 0.1;
}
if (saturation < 0.06) {
saturation = 0.06;
}
return Math.round(saturation * 100) / 100;
}
function getValue$1(hsv, i, light) {
var value;
if (light) {
value = hsv.v + brightnessStep1 * i;
} else {
value = hsv.v - brightnessStep2 * i;
}
value = Math.max(0, Math.min(1, value));
return Math.round(value * 100) / 100;
}
function generate$1(color) {
var opts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
var patterns = [];
var pColor = new FastColor(color);
var hsv = pColor.toHsv();
for (var i = lightColorCount; i > 0; i -= 1) {
var c = new FastColor({
h: getHue(hsv, i, true),
s: getSaturation(hsv, i, true),
v: getValue$1(hsv, i, true)
});
patterns.push(c);
}
patterns.push(pColor);
for (var _i = 1; _i <= darkColorCount; _i += 1) {
var _c = new FastColor({
h: getHue(hsv, _i),
s: getSaturation(hsv, _i),
v: getValue$1(hsv, _i)
});
patterns.push(_c);
}
if (opts.theme === "dark") {
return darkColorMap.map(function(_ref) {
var index2 = _ref.index, amount = _ref.amount;
return new FastColor(opts.backgroundColor || "#141414").mix(patterns[index2], amount).toHexString();
});
}
return patterns.map(function(c2) {
return c2.toHexString();
});
}
var presetPrimaryColors = {
"red": "#F5222D",
"volcano": "#FA541C",
"orange": "#FA8C16",
"gold": "#FAAD14",
"yellow": "#FADB14",
"lime": "#A0D911",
"green": "#52C41A",
"cyan": "#13C2C2",
"blue": "#1677FF",
"geekblue": "#2F54EB",
"purple": "#722ED1",
"magenta": "#EB2F96",
"grey": "#666666"
};
var red = ["#fff1f0", "#ffccc7", "#ffa39e", "#ff7875", "#ff4d4f", "#f5222d", "#cf1322", "#a8071a", "#820014", "#5c0011"];
red.primary = red[5];
var volcano = ["#fff2e8", "#ffd8bf", "#ffbb96", "#ff9c6e", "#ff7a45", "#fa541c", "#d4380d", "#ad2102", "#871400", "#610b00"];
volcano.primary = volcano[5];
var orange = ["#fff7e6", "#ffe7ba", "#ffd591", "#ffc069", "#ffa940", "#fa8c16", "#d46b08", "#ad4e00", "#873800", "#612500"];
orange.primary = orange[5];
var gold = ["#fffbe6", "#fff1b8", "#ffe58f", "#ffd666", "#ffc53d", "#faad14", "#d48806", "#ad6800", "#874d00", "#613400"];
gold.primary = gold[5];
var yellow = ["#feffe6", "#ffffb8", "#fffb8f", "#fff566", "#ffec3d", "#fadb14", "#d4b106", "#ad8b00", "#876800", "#614700"];
yellow.primary = yellow[5];
var lime = ["#fcffe6", "#f4ffb8", "#eaff8f", "#d3f261", "#bae637", "#a0d911", "#7cb305", "#5b8c00", "#3f6600", "#254000"];
lime.primary = lime[5];
var green = ["#f6ffed", "#d9f7be", "#b7eb8f", "#95de64", "#73d13d", "#52c41a", "#389e0d", "#237804", "#135200", "#092b00"];
green.primary = green[5];
var cyan = ["#e6fffb", "#b5f5ec", "#87e8de", "#5cdbd3", "#36cfc9", "#13c2c2", "#08979c", "#006d75", "#00474f", "#002329"];
cyan.primary = cyan[5];
var blue = ["#e6f4ff", "#bae0ff", "#91caff", "#69b1ff", "#4096ff", "#1677ff", "#0958d9", "#003eb3", "#002c8c", "#001d66"];
blue.primary = blue[5];
var geekblue = ["#f0f5ff", "#d6e4ff", "#adc6ff", "#85a5ff", "#597ef7", "#2f54eb", "#1d39c4", "#10239e", "#061178", "#030852"];
geekblue.primary = geekblue[5];
var purple = ["#f9f0ff", "#efdbff", "#d3adf7", "#b37feb", "#9254de", "#722ed1", "#531dab", "#391085", "#22075e", "#120338"];
purple.primary = purple[5];
var magenta = ["#fff0f6", "#ffd6e7", "#ffadd2", "#ff85c0", "#f759ab", "#eb2f96", "#c41d7f", "#9e1068", "#780650", "#520339"];
magenta.primary = magenta[5];
var grey = ["#a6a6a6", "#999999", "#8c8c8c", "#808080", "#737373", "#666666", "#404040", "#1a1a1a", "#000000", "#000000"];
grey.primary = grey[5];
var presetPalettes = {
red,
volcano,
orange,
gold,
yellow,
lime,
green,
cyan,
blue,
geekblue,
purple,
magenta,
grey
};
function genColorMapToken(seed, {
generateColorPalettes: generateColorPalettes2,
generateNeutralColorPalettes: generateNeutralColorPalettes2
}) {
const {
colorSuccess: colorSuccessBase,
colorWarning: colorWarningBase,
colorError: colorErrorBase,
colorInfo: colorInfoBase,
colorPrimary: colorPrimaryBase,
colorBgBase,
colorTextBase
} = seed;
const primaryColors = generateColorPalettes2(colorPrimaryBase);
const successColors = generateColorPalettes2(colorSuccessBase);
const warningColors = generateColorPalettes2(colorWarningBase);
const errorColors = generateColorPalettes2(colorErrorBase);
const infoColors = generateColorPalettes2(colorInfoBase);
const neutralColors = generateNeutralColorPalettes2(colorBgBase, colorTextBase);
const colorLink = seed.colorLink || seed.colorInfo;
const linkColors = generateColorPalettes2(colorLink);
const colorErrorBgFilledHover = new FastColor(errorColors[1]).mix(new FastColor(errorColors[3]), 50).toHexString();
return Object.assign(Object.assign({}, neutralColors), {
colorPrimaryBg: primaryColors[1],
colorPrimaryBgHover: primaryColors[2],
colorPrimaryBorder: primaryColors[3],
colorPrimaryBorderHover: primaryColors[4],
colorPrimaryHover: primaryColors[5],
colorPrimary: primaryColors[6],
colorPrimaryActive: primaryColors[7],
colorPrimaryTextHover: primaryColors[8],
colorPrimaryText: primaryColors[9],
colorPrimaryTextActive: primaryColors[10],
colorSuccessBg: successColors[1],
colorSuccessBgHover: successColors[2],
colorSuccessBorder: successColors[3],
colorSuccessBorderHover: successColors[4],
colorSuccessHover: successColors[4],
colorSuccess: successColors[6],
colorSuccessActive: successColors[7],
colorSuccessTextHover: successColors[8],
colorSuccessText: successColors[9],
colorSuccessTextActive: successColors[10],
colorErrorBg: errorColors[1],
colorErrorBgHover: errorColors[2],
colorErrorBgFilledHover,
colorErrorBgActive: errorColors[3],
colorErrorBorder: errorColors[3],
colorErrorBorderHover: errorColors[4],
colorErrorHover: errorColors[5],
colorError: errorColors[6],
colorErrorActive: errorColors[7],
colorErrorTextHover: errorColors[8],
colorErrorText: errorColors[9],
colorErrorTextActive: errorColors[10],
colorWarningBg: warningColors[1],
colorWarningBgHover: warningColors[2],
colorWarningBorder: warningColors[3],
colorWarningBorderHover: warningColors[4],
colorWarningHover: warningColors[4],
colorWarning: warningColors[6],
colorWarningActive: warningColors[7],
colorWarningTextHover: warningColors[8],
colorWarningText: warningColors[9],
colorWarningTextActive: warningColors[10],
colorInfoBg: infoColors[1],
colorInfoBgHover: infoColors[2],
colorInfoBorder: infoColors[3],
colorInfoBorderHover: infoColors[4],
colorInfoHover: infoColors[4],
colorInfo: infoColors[6],
colorInfoActive: infoColors[7],
colorInfoTextHover: infoColors[8],
colorInfoText: infoColors[9],
colorInfoTextActive: infoColors[10],
colorLinkHover: linkColors[4],
colorLink: linkColors[6],
colorLinkActive: linkColors[7],
colorBgMask: new FastColor("#000").setA(0.45).toRgbString(),
colorWhite: "#fff"
});
}
const genRadius = (radiusBase) => {
let radiusLG = radiusBase;
let radiusSM = radiusBase;
let radiusXS = radiusBase;
let radiusOuter = radiusBase;
if (radiusBase < 6 && radiusBase >= 5) {
radiusLG = radiusBase + 1;
} else if (radiusBase < 16 && radiusBase >= 6) {
radiusLG = radiusBase + 2;
} else if (radiusBase >= 16) {
radiusLG = 16;
}
if (radiusBase < 7 && radiusBase >= 5) {
radiusSM = 4;
} else if (radiusBase < 8 && radiusBase >= 7) {
radiusSM = 5;
} else if (radiusBase < 14 && radiusBase >= 8) {
radiusSM = 6;
} else if (radiusBase < 16 && radiusBase >= 14) {
radiusSM = 7;
} else if (radiusBase >= 16) {
radiusSM = 8;
}
if (radiusBase < 6 && radiusBase >= 2) {
radiusXS = 1;
} else if (radiusBase >= 6) {
radiusXS = 2;
}
if (radiusBase > 4 && radiusBase < 8) {
radiusOuter = 4;
} else if (radiusBase >= 8) {
radiusOuter = 6;
}
return {
borderRadius: radiusBase,
borderRadiusXS: radiusXS,
borderRadiusSM: radiusSM,
borderRadiusLG: radiusLG,
borderRadiusOuter: radiusOuter
};
};
function genCommonMapToken(token2) {
const {
motionUnit,
motionBase,
borderRadius,
lineWidth
} = token2;
return Object.assign({
// motion
motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`,
motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`,
motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
// line
lineWidthBold: lineWidth + 1
}, genRadius(borderRadius));
}
const genControlHeight = (token2) => {
const {
controlHeight
} = token2;
return {
controlHeightSM: controlHeight * 0.75,
controlHeightXS: controlHeight * 0.5,
controlHeightLG: controlHeight * 1.25
};
};
function getLineHeight(fontSize) {
return (fontSize + 8) / fontSize;
}
function getFontSizes(base) {
const fontSizes = Array.from({
length: 10
}).map((_, index2) => {
const i = index2 - 1;
const baseSize = base * Math.pow(Math.E, i / 5);
const intSize = index2 > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);
return Math.floor(intSize / 2) * 2;
});
fontSizes[1] = base;
return fontSizes.map((size) => ({
size,
lineHeight: getLineHeight(size)
}));
}
const genFontMapToken = (fontSize) => {
const fontSizePairs = getFontSizes(fontSize);
const fontSizes = fontSizePairs.map((pair) => pair.size);
const lineHeights = fontSizePairs.map((pair) => pair.lineHeight);
const fontSizeMD = fontSizes[1];
const fontSizeSM = fontSizes[0];
const fontSizeLG = fontSizes[2];
const lineHeight = lineHeights[1];
const lineHeightSM = lineHeights[0];
const lineHeightLG = lineHeights[2];
return {
fontSizeSM,
fontSize: fontSizeMD,
fontSizeLG,
fontSizeXL: fontSizes[3],
fontSizeHeading1: fontSizes[6],
fontSizeHeading2: fontSizes[5],
fontSizeHeading3: fontSizes[4],
fontSizeHeading4: fontSizes[3],
fontSizeHeading5: fontSizes[2],
lineHeight,
lineHeightLG,
lineHeightSM,
fontHeight: Math.round(lineHeight * fontSizeMD),
fontHeightLG: Math.round(lineHeightLG * fontSizeLG),
fontHeightSM: Math.round(lineHeightSM * fontSizeSM),
lineHeightHeading1: lineHeights[6],
lineHeightHeading2: lineHeights[5],
lineHeightHeading3: lineHeights[4],
lineHeightHeading4: lineHeights[3],
lineHeightHeading5: lineHeights[2]
};
};
function genSizeMapToken(token2) {
const {
sizeUnit,
sizeStep
} = token2;
return {
sizeXXL: sizeUnit * (sizeStep + 8),
// 48
sizeXL: sizeUnit * (sizeStep + 4),
// 32
sizeLG: sizeUnit * (sizeStep + 2),
// 24
sizeMD: sizeUnit * (sizeStep + 1),
// 20
sizeMS: sizeUnit * sizeStep,
// 16
size: sizeUnit * sizeStep,
// 16
sizeSM: sizeUnit * (sizeStep - 1),
// 12
sizeXS: sizeUnit * (sizeStep - 2),
// 8
sizeXXS: sizeUnit * (sizeStep - 3)
// 4
};
}
const getAlphaColor$1 = (baseColor, alpha) => new FastColor(baseColor).setA(alpha).toRgbString();
const getSolidColor = (baseColor, brightness) => {
const instance = new FastColor(baseColor);
return instance.darken(brightness).toHexString();
};
const generateColorPalettes = (baseColor) => {
const colors = generate$1(baseColor);
return {
1: colors[0],
2: colors[1],
3: colors[2],
4: colors[3],
5: colors[4],
6: colors[5],
7: colors[6],
8: colors[4],
9: colors[5],
10: colors[6]
// 8: colors[7],
// 9: colors[8],
// 10: colors[9],
};
};
const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => {
const colorBgBase = bgBaseColor || "#fff";
const colorTextBase = textBaseColor || "#000";
return {
colorBgBase,
colorTextBase,
colorText: getAlphaColor$1(colorTextBase, 0.88),
colorTextSecondary: getAlphaColor$1(colorTextBase, 0.65),
colorTextTertiary: getAlphaColor$1(colorTextBase, 0.45),
colorTextQuaternary: getAlphaColor$1(colorTextBase, 0.25),
colorFill: getAlphaColor$1(colorTextBase, 0.15),
colorFillSecondary: getAlphaColor$1(colorTextBase, 0.06),
colorFillTertiary: getAlphaColor$1(colorTextBase, 0.04),
colorFillQuaternary: getAlphaColor$1(colorTextBase, 0.02),
colorBgSolid: getAlphaColor$1(colorTextBase, 1),
colorBgSolidHover: getAlphaColor$1(colorTextBase, 0.75),
colorBgSolidActive: getAlphaColor$1(colorTextBase, 0.95),
colorBgLayout: getSolidColor(colorBgBase, 4),
colorBgContainer: getSolidColor(colorBgBase, 0),
colorBgElevated: getSolidColor(colorBgBase, 0),
colorBgSpotlight: getAlphaColor$1(colorTextBase, 0.85),
colorBgBlur: "transparent",
colorBorder: getSolidColor(colorBgBase, 15),
colorBorderSecondary: getSolidColor(colorBgBase, 6)
};
};
function derivative(token2) {
presetPrimaryColors.pink = presetPrimaryColors.magenta;
presetPalettes.pink = presetPalettes.magenta;
const colorPalettes = Object.keys(defaultPresetColors).map((colorKey) => {
const colors = token2[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : generate$1(token2[colorKey]);
return Array.from({
length: 10
}, () => 1).reduce((prev2, _, i) => {
prev2[`${colorKey}-${i + 1}`] = colors[i];
prev2[`${colorKey}${i + 1}`] = colors[i];
return prev2;
}, {});
}).reduce((prev2, cur) => {
prev2 = Object.assign(Object.assign({}, prev2), cur);
return prev2;
}, {});
return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, token2), colorPalettes), genColorMapToken(token2, {
generateColorPalettes,
generateNeutralColorPalettes
})), genFontMapToken(token2.fontSize)), genSizeMapToken(token2)), genControlHeight(token2)), genCommonMapToken(token2));
}
const defaultTheme = createTheme(derivative);
const defaultConfig = {
token: seedToken,
override: {
override: seedToken
},
hashed: true
};
const DesignTokenContext = /* @__PURE__ */ React.createContext(defaultConfig);
const defaultPrefixCls = "ant";
const defaultIconPrefixCls = "anticon";
const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
if (customizePrefixCls) {
return customizePrefixCls;
}
return suffixCls ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;
};
const ConfigContext = /* @__PURE__ */ reactExports.createContext({
// We provide a default function for Context without provider
getPrefixCls: defaultGetPrefixCls,
iconPrefixCls: defaultIconPrefixCls
});
const {
Consumer: ConfigConsumer
} = ConfigContext;
const EMPTY_OBJECT = {};
function useComponentConfig(propName) {
const context = reactExports.useContext(ConfigContext);
const {
getPrefixCls,
direction,
getPopupContainer
} = context;
const propValue = context[propName];
return Object.assign(Object.assign({
classNames: EMPTY_OBJECT,
styles: EMPTY_OBJECT
}, propValue), {
getPrefixCls,
direction,
getPopupContainer
});
}
const dynamicStyleMark = `-ant-${Date.now()}-${Math.random()}`;
function getStyle(globalPrefixCls2, theme2) {
const variables = {};
const formatColor = (color, updater) => {
let clone = color.clone();
clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone;
return clone.toRgbString();
};
const fillColor = (colorVal, type4) => {
const baseColor = new FastColor(colorVal);
const colorPalettes = generate$1(baseColor.toRgbString());
variables[`${type4}-color`] = formatColor(baseColor);
variables[`${type4}-color-disabled`] = colorPalettes[1];
variables[`${type4}-color-hover`] = colorPalettes[4];
variables[`${type4}-color-active`] = colorPalettes[6];
variables[`${type4}-color-outline`] = baseColor.clone().setA(0.2).toRgbString();
variables[`${type4}-color-deprecated-bg`] = colorPalettes[0];
variables[`${type4}-color-deprecated-border`] = colorPalettes[2];
};
if (theme2.primaryColor) {
fillColor(theme2.primaryColor, "primary");
const primaryColor = new FastColor(theme2.primaryColor);
const primaryColors = generate$1(primaryColor.toRgbString());
primaryColors.forEach((color, index2) => {
variables[`primary-${index2 + 1}`] = color;
});
variables["primary-color-deprecated-l-35"] = formatColor(primaryColor, (c) => c.lighten(35));
variables["primary-color-deprecated-l-20"] = formatColor(primaryColor, (c) => c.lighten(20));
variables["primary-color-deprecated-t-20"] = formatColor(primaryColor, (c) => c.tint(20));
variables["primary-color-deprecated-t-50"] = formatColor(primaryColor, (c) => c.tint(50));
variables["primary-color-deprecated-f-12"] = formatColor(primaryColor, (c) => c.setA(c.a * 0.12));
const primaryActiveColor = new FastColor(primaryColors[0]);
variables["primary-color-active-deprecated-f-30"] = formatColor(primaryActiveColor, (c) => c.setA(c.a * 0.3));
variables["primary-color-active-deprecated-d-02"] = formatColor(primaryActiveColor, (c) => c.darken(2));
}
if (theme2.successColor) {
fillColor(theme2.successColor, "success");
}
if (theme2.warningColor) {
fillColor(theme2.warningColor, "warning");
}
if (theme2.errorColor) {
fillColor(theme2.errorColor, "error");
}
if (theme2.infoColor) {
fillColor(theme2.infoColor, "info");
}
const cssList = Object.keys(variables).map((key) => `--${globalPrefixCls2}-${key}: ${variables[key]};`);
return `
:root {
${cssList.join("\n")}
}
`.trim();
}
function registerTheme(globalPrefixCls2, theme2) {
const style2 = getStyle(globalPrefixCls2, theme2);
if (canUseDom()) {
updateCSS(style2, `${dynamicStyleMark}-dynamic-theme`);
}
}
const DisabledContext = /* @__PURE__ */ reactExports.createContext(false);
const DisabledContextProvider = ({
children,
disabled
}) => {
const originDisabled = reactExports.useContext(DisabledContext);
return /* @__PURE__ */ reactExports.createElement(DisabledContext.Provider, {
value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
}, children);
};
const SizeContext = /* @__PURE__ */ reactExports.createContext(void 0);
const SizeContextProvider = ({
children,
size
}) => {
const originSize = reactExports.useContext(SizeContext);
return /* @__PURE__ */ reactExports.createElement(SizeContext.Provider, {
value: size || originSize
}, children);
};
function useConfig() {
const componentDisabled = reactExports.useContext(DisabledContext);
const componentSize = reactExports.useContext(SizeContext);
return {
componentDisabled,
componentSize
};
}
var AbstractCalculator = /* @__PURE__ */ _createClass(function AbstractCalculator2() {
_classCallCheck(this, AbstractCalculator2);
});
var CALC_UNIT = "CALC_UNIT";
var regexp$1 = new RegExp(CALC_UNIT, "g");
function unit(value) {
if (typeof value === "number") {
return "".concat(value).concat(CALC_UNIT);
}
return value;
}
var CSSCalculator = /* @__PURE__ */ function(_AbstractCalculator) {
_inherits(CSSCalculator2, _AbstractCalculator);
var _super = _createSuper(CSSCalculator2);
function CSSCalculator2(num, unitlessCssVar) {
var _this;
_classCallCheck(this, CSSCalculator2);
_this = _super.call(this);
_defineProperty(_assertThisInitialized(_this), "result", "");
_defineProperty(_assertThisInitialized(_this), "unitlessCssVar", void 0);
_defineProperty(_assertThisInitialized(_this), "lowPriority", void 0);
var numType = _typeof(num);
_this.unitlessCssVar = unitlessCssVar;
if (num instanceof CSSCalculator2) {
_this.result = "(".concat(num.result, ")");
} else if (numType === "number") {
_this.result = unit(num);
} else if (numType === "string") {
_this.result = num;
}
return _this;
}
_createClass(CSSCalculator2, [{
key: "add",
value: function add(num) {
if (num instanceof CSSCalculator2) {
this.result = "".concat(this.result, " + ").concat(num.getResult());
} else if (typeof num === "number" || typeof num === "string") {
this.result = "".concat(this.result, " + ").concat(unit(num));
}
this.lowPriority = true;
return this;
}
}, {
key: "sub",
value: function sub(num) {
if (num instanceof CSSCalculator2) {
this.result = "".concat(this.result, " - ").concat(num.getResult());
} else if (typeof num === "number" || typeof num === "string") {
this.result = "".concat(this.result, " - ").concat(unit(num));
}
this.lowPriority = true;
return this;
}
}, {
key: "mul",
value: function mul(num) {
if (this.lowPriority) {
this.result = "(".concat(this.result, ")");
}
if (num instanceof CSSCalculator2) {
this.result = "".concat(this.result, " * ").concat(num.getResult(true));
} else if (typeof num === "number" || typeof num === "string") {
this.result = "".concat(this.result, " * ").concat(num);
}
this.lowPriority = false;
return this;
}
}, {
key: "div",
value: function div(num) {
if (this.lowPriority) {
this.result = "(".concat(this.result, ")");
}
if (num instanceof CSSCalculator2) {
this.result = "".concat(this.result, " / ").concat(num.getResult(true));
} else if (typeof num === "number" || typeof num === "string") {
this.result = "".concat(this.result, " / ").concat(num);
}
this.lowPriority = false;
return this;
}
}, {
key: "getResult",
value: function getResult(force) {
return this.lowPriority || force ? "(".concat(this.result, ")") : this.result;
}
}, {
key: "equal",
value: function equal(options) {
var _this2 = this;
var _ref = options || {}, cssUnit = _ref.unit;
var mergedUnit = true;
if (typeof cssUnit === "boolean") {
mergedUnit = cssUnit;
} else if (Array.from(this.unitlessCssVar).some(function(cssVar) {
return _this2.result.includes(cssVar);
})) {
mergedUnit = false;
}
this.result = this.result.replace(regexp$1, mergedUnit ? "px" : "");
if (typeof this.lowPriority !== "undefined") {
return "calc(".concat(this.result, ")");
}
return this.result;
}
}]);
return CSSCalculator2;
}(AbstractCalculator);
var NumCalculator = /* @__PURE__ */ function(_AbstractCalculator) {
_inherits(NumCalculator2, _AbstractCalculator);
var _super = _createSuper(NumCalculator2);
function NumCalculator2(num) {
var _this;
_classCallCheck(this, NumCalculator2);
_this = _super.call(this);
_defineProperty(_assertThisInitialized(_this), "result", 0);
if (num instanceof NumCalculator2) {
_this.result = num.result;
} else if (typeof num === "number") {
_this.result = num;
}
return _this;
}
_createClass(NumCalculator2, [{
key: "add",
value: function add(num) {
if (num instanceof NumCalculator2) {
this.result += num.result;
} else if (typeof num === "number") {
this.result += num;
}
return this;
}
}, {
key: "sub",
value: function sub(num) {
if (num instanceof NumCalculator2) {
this.result -= num.result;
} else if (typeof num === "number") {
this.result -= num;
}
return this;
}
}, {
key: "mul",
value: function mul(num) {
if (num instanceof NumCalculator2) {
this.result *= num.result;
} else if (typeof num === "number") {
this.result *= num;
}
return this;
}
}, {
key: "div",
value: function div(num) {
if (num instanceof NumCalculator2) {
this.result /= num.result;
} else if (typeof num === "number") {
this.result /= num;
}
return this;
}
}, {
key: "equal",
value: function equal() {
return this.result;
}
}]);
return NumCalculator2;
}(AbstractCalculator);
var genCalc = function genCalc2(type4, unitlessCssVar) {
var Calculator = type4 === "css" ? CSSCalculator : NumCalculator;
return function(num) {
return new Calculator(num, unitlessCssVar);
};
};
var getCompVarPrefix = function getCompVarPrefix2(component, prefix) {
return "".concat([prefix, component.replace(/([A-Z]+)([A-Z][a-z]+)/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2")].filter(Boolean).join("-"));
};
function useEvent(callback) {
var fnRef = reactExports.useRef();
fnRef.current = callback;
var memoFn = reactExports.useCallback(function() {
var _fnRef$current;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return (_fnRef$current = fnRef.current) === null || _fnRef$current === void 0 ? void 0 : _fnRef$current.call.apply(_fnRef$current, [fnRef].concat(args));
}, []);
return memoFn;
}
function useSafeState(defaultValue) {
var destroyRef = reactExports.useRef(false);
var _React$useState = reactExports.useState(defaultValue), _React$useState2 = _slicedToArray(_React$useState, 2), value = _React$useState2[0], setValue = _React$useState2[1];
reactExports.useEffect(function() {
destroyRef.current = false;
return function() {
destroyRef.current = true;
};
}, []);
function safeSetState(updater, ignoreDestroy) {
if (ignoreDestroy && destroyRef.current) {
return;
}
setValue(updater);
}
return [value, safeSetState];
}
function hasValue(value) {
return value !== void 0;
}
function useMergedState(defaultStateValue, option) {
var _ref = option || {}, defaultValue = _ref.defaultValue, value = _ref.value, onChange = _ref.onChange, postState = _ref.postState;
var _useState = useSafeState(function() {
if (hasValue(value)) {
return value;
} else if (hasValue(defaultValue)) {
return typeof defaultValue === "function" ? defaultValue() : defaultValue;
} else {
return typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
}
}), _useState2 = _slicedToArray(_useState, 2), innerValue = _useState2[0], setInnerValue = _useState2[1];
var mergedValue = value !== void 0 ? value : innerValue;
var postMergedValue = postState ? postState(mergedValue) : mergedValue;
var onChangeFn = useEvent(onChange);
var _useState3 = useSafeState([mergedValue]), _useState4 = _slicedToArray(_useState3, 2), prevValue = _useState4[0], setPrevValue = _useState4[1];
useLayoutUpdateEffect(function() {
var prev2 = prevValue[0];
if (innerValue !== prev2) {
onChangeFn(innerValue, prev2);
}
}, [prevValue]);
useLayoutUpdateEffect(function() {
if (!hasValue(value)) {
setInnerValue(value);
}
}, [value]);
var triggerChange = useEvent(function(updater, ignoreDestroy) {
setInnerValue(updater, ignoreDestroy);
setPrevValue([mergedValue], ignoreDestroy);
});
return [postMergedValue, triggerChange];
}
function getComponentToken(component, token2, defaultToken, options) {
var customToken = _objectSpread2({}, token2[component]);
if (options !== null && options !== void 0 && options.deprecatedTokens) {
var deprecatedTokens = options.deprecatedTokens;
deprecatedTokens.forEach(function(_ref) {
var _ref2 = _slicedToArray(_ref, 2), oldTokenKey = _ref2[0], newTokenKey = _ref2[1];
if (customToken !== null && customToken !== void 0 && customToken[oldTokenKey] || customToken !== null && customToken !== void 0 && customToken[newTokenKey]) {
var _customToken$newToken;
(_customToken$newToken = customToken[newTokenKey]) !== null && _customToken$newToken !== void 0 ? _customToken$newToken : customToken[newTokenKey] = customToken === null || customToken === void 0 ? void 0 : customToken[oldTokenKey];
}
});
}
var mergedToken = _objectSpread2(_objectSpread2({}, defaultToken), customToken);
Object.keys(mergedToken).forEach(function(key) {
if (mergedToken[key] === token2[key]) {
delete mergedToken[key];
}
});
return mergedToken;
}
var enableStatistic = typeof CSSINJS_STATISTIC !== "undefined";
var recording = true;
function merge() {
for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) {
objs[_key] = arguments[_key];
}
if (!enableStatistic) {
return Object.assign.apply(Object, [{}].concat(objs));
}
recording = false;
var ret = {};
objs.forEach(function(obj) {
if (_typeof(obj) !== "object") {
return;
}
var keys2 = Object.keys(obj);
keys2.forEach(function(key) {
Object.defineProperty(ret, key, {
configurable: true,
enumerable: true,
get: function get2() {
return obj[key];
}
});
});
});
recording = true;
return ret;
}
var statistic = {};
function noop() {
}
var statisticToken = function statisticToken2(token2) {
var tokenKeys2;
var proxy = token2;
var flush = noop;
if (enableStatistic && typeof Proxy !== "undefined") {
tokenKeys2 = /* @__PURE__ */ new Set();
proxy = new Proxy(token2, {
get: function get2(obj, prop) {
if (recording) {
var _tokenKeys;
(_tokenKeys = tokenKeys2) === null || _tokenKeys === void 0 || _tokenKeys.add(prop);
}
return obj[prop];
}
});
flush = function flush2(componentName, componentToken) {
var _statistic$componentN;
statistic[componentName] = {
global: Array.from(tokenKeys2),
component: _objectSpread2(_objectSpread2({}, (_statistic$componentN = statistic[componentName]) === null || _statistic$componentN === void 0 ? void 0 : _statistic$componentN.component), componentToken)
};
};
}
return {
token: proxy,
keys: tokenKeys2,
flush
};
};
function getDefaultComponentToken(component, token2, getDefaultToken) {
if (typeof getDefaultToken === "function") {
var _token$component;
return getDefaultToken(merge(token2, (_token$component = token2[component]) !== null && _token$component !== void 0 ? _token$component : {}));
}
return getDefaultToken !== null && getDefaultToken !== void 0 ? getDefaultToken : {};
}
function genMaxMin(type4) {
if (type4 === "js") {
return {
max: Math.max,
min: Math.min
};
}
return {
max: function max() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return "max(".concat(args.map(function(value) {
return unit$1(value);
}).join(","), ")");
},
min: function min() {
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
return "min(".concat(args.map(function(value) {
return unit$1(value);
}).join(","), ")");
}
};
}
var BEAT_LIMIT = 1e3 * 60 * 10;
var ArrayKeyMap = /* @__PURE__ */ function() {
function ArrayKeyMap2() {
_classCallCheck(this, ArrayKeyMap2);
_defineProperty(this, "map", /* @__PURE__ */ new Map());
_defineProperty(this, "objectIDMap", /* @__PURE__ */ new WeakMap());
_defineProperty(this, "nextID", 0);
_defineProperty(this, "lastAccessBeat", /* @__PURE__ */ new Map());
_defineProperty(this, "accessBeat", 0);
}
_createClass(ArrayKeyMap2, [{
key: "set",
value: function set2(keys2, value) {
this.clear();
var compositeKey = this.getCompositeKey(keys2);
this.map.set(compositeKey, value);
this.lastAccessBeat.set(compositeKey, Date.now());
}
}, {
key: "get",
value: function get2(keys2) {
var compositeKey = this.getCompositeKey(keys2);
var cache = this.map.get(compositeKey);
this.lastAccessBeat.set(compositeKey, Date.now());
this.accessBeat += 1;
return cache;
}
}, {
key: "getCompositeKey",
value: function getCompositeKey(keys2) {
var _this = this;
var ids = keys2.map(function(key) {
if (key && _typeof(key) === "object") {
return "obj_".concat(_this.getObjectID(key));
}
return "".concat(_typeof(key), "_").concat(key);
});
return ids.join("|");
}
}, {
key: "getObjectID",
value: function getObjectID(obj) {
if (this.objectIDMap.has(obj)) {
return this.objectIDMap.get(obj);
}
var id = this.nextID;
this.objectIDMap.set(obj, id);
this.nextID += 1;
return id;
}
}, {
key: "clear",
value: function clear() {
var _this2 = this;
if (this.accessBeat > 1e4) {
var now = Date.now();
this.lastAccessBeat.forEach(function(beat, key) {
if (now - beat > BEAT_LIMIT) {
_this2.map.delete(key);
_this2.lastAccessBeat.delete(key);
}
});
this.accessBeat = 0;
}
}
}]);
return ArrayKeyMap2;
}();
var uniqueMap = new ArrayKeyMap();
function useUniqueMemo(memoFn, deps) {
return React.useMemo(function() {
var cachedValue = uniqueMap.get(deps);
if (cachedValue) {
return cachedValue;
}
var newValue = memoFn();
uniqueMap.set(deps, newValue);
return newValue;
}, deps);
}
var useDefaultCSP = function useDefaultCSP2() {
return {};
};
function genStyleUtils(config) {
var _config$useCSP = config.useCSP, useCSP = _config$useCSP === void 0 ? useDefaultCSP : _config$useCSP, useToken2 = config.useToken, usePrefix = config.usePrefix, getResetStyles = config.getResetStyles, getCommonStyle = config.getCommonStyle, getCompUnitless = config.getCompUnitless;
function genStyleHooks2(component, styleFn, getDefaultToken, options) {
var componentName = Array.isArray(component) ? component[0] : component;
function prefixToken(key) {
return "".concat(String(componentName)).concat(key.slice(0, 1).toUpperCase()).concat(key.slice(1));
}
var originUnitless = (options === null || options === void 0 ? void 0 : options.unitless) || {};
var originCompUnitless = typeof getCompUnitless === "function" ? getCompUnitless(component) : {};
var compUnitless = _objectSpread2(_objectSpread2({}, originCompUnitless), {}, _defineProperty({}, prefixToken("zIndexPopup"), true));
Object.keys(originUnitless).forEach(function(key) {
compUnitless[prefixToken(key)] = originUnitless[key];
});
var mergedOptions = _objectSpread2(_objectSpread2({}, options), {}, {
unitless: compUnitless,
prefixToken
});
var useStyle2 = genComponentStyleHook2(component, styleFn, getDefaultToken, mergedOptions);
var useCSSVar = genCSSVarRegister(componentName, getDefaultToken, mergedOptions);
return function(prefixCls) {
var rootCls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : prefixCls;
var _useStyle = useStyle2(prefixCls, rootCls), _useStyle2 = _slicedToArray(_useStyle, 2), hashId = _useStyle2[1];
var _useCSSVar = useCSSVar(rootCls), _useCSSVar2 = _slicedToArray(_useCSSVar, 2), wrapCSSVar = _useCSSVar2[0], cssVarCls = _useCSSVar2[1];
return [wrapCSSVar, hashId, cssVarCls];
};
}
function genCSSVarRegister(component, getDefaultToken, options) {
var compUnitless = options.unitless, _options$injectStyle = options.injectStyle, injectStyle = _options$injectStyle === void 0 ? true : _options$injectStyle, prefixToken = options.prefixToken, ignore2 = options.ignore;
var CSSVarRegister = function CSSVarRegister2(_ref) {
var rootCls = _ref.rootCls, _ref$cssVar = _ref.cssVar, cssVar = _ref$cssVar === void 0 ? {} : _ref$cssVar;
var _useToken = useToken2(), realToken = _useToken.realToken;
useCSSVarRegister({
path: [component],
prefix: cssVar.prefix,
key: cssVar.key,
unitless: compUnitless,
ignore: ignore2,
token: realToken,
scope: rootCls
}, function() {
var defaultToken = getDefaultComponentToken(component, realToken, getDefaultToken);
var componentToken = getComponentToken(component, realToken, defaultToken, {
deprecatedTokens: options === null || options === void 0 ? void 0 : options.deprecatedTokens
});
Object.keys(defaultToken).forEach(function(key) {
componentToken[prefixToken(key)] = componentToken[key];
delete componentToken[key];
});
return componentToken;
});
return null;
};
var useCSSVar = function useCSSVar2(rootCls) {
var _useToken2 = useToken2(), cssVar = _useToken2.cssVar;
return [function(node2) {
return injectStyle && cssVar ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CSSVarRegister, {
rootCls,
cssVar,
component
}), node2) : node2;
}, cssVar === null || cssVar === void 0 ? void 0 : cssVar.key];
};
return useCSSVar;
}
function genComponentStyleHook2(componentName, styleFn, getDefaultToken) {
var options = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
var cells = Array.isArray(componentName) ? componentName : [componentName, componentName];
var _cells = _slicedToArray(cells, 1), component = _cells[0];
var concatComponent = cells.join("-");
var mergedLayer = config.layer || {
name: "antd"
};
return function(prefixCls) {
var rootCls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : prefixCls;
var _useToken3 = useToken2(), theme2 = _useToken3.theme, realToken = _useToken3.realToken, hashId = _useToken3.hashId, token2 = _useToken3.token, cssVar = _useToken3.cssVar;
var _usePrefix = usePrefix(), rootPrefixCls = _usePrefix.rootPrefixCls, iconPrefixCls = _usePrefix.iconPrefixCls;
var csp = useCSP();
var type4 = cssVar ? "css" : "js";
var calc = useUniqueMemo(function() {
var unitlessCssVar = /* @__PURE__ */ new Set();
if (cssVar) {
Object.keys(options.unitless || {}).forEach(function(key) {
unitlessCssVar.add(token2CSSVar(key, cssVar.prefix));
unitlessCssVar.add(token2CSSVar(key, getCompVarPrefix(component, cssVar.prefix)));
});
}
return genCalc(type4, unitlessCssVar);
}, [type4, component, cssVar === null || cssVar === void 0 ? void 0 : cssVar.prefix]);
var _genMaxMin = genMaxMin(type4), max = _genMaxMin.max, min = _genMaxMin.min;
var sharedConfig = {
theme: theme2,
token: token2,
hashId,
nonce: function nonce() {
return csp.nonce;
},
clientOnly: options.clientOnly,
layer: mergedLayer,
// antd is always at top of styles
order: options.order || -999
};
if (typeof getResetStyles === "function") {
useStyleRegister(_objectSpread2(_objectSpread2({}, sharedConfig), {}, {
clientOnly: false,
path: ["Shared", rootPrefixCls]
}), function() {
return getResetStyles(token2, {
prefix: {
rootPrefixCls,
iconPrefixCls
},
csp
});
});
}
var wrapSSR = useStyleRegister(_objectSpread2(_objectSpread2({}, sharedConfig), {}, {
path: [concatComponent, prefixCls, iconPrefixCls]
}), function() {
if (options.injectStyle === false) {
return [];
}
var _statisticToken = statisticToken(token2), proxyToken = _statisticToken.token, flush = _statisticToken.flush;
var defaultComponentToken = getDefaultComponentToken(component, realToken, getDefaultToken);
var componentCls = ".".concat(prefixCls);
var componentToken = getComponentToken(component, realToken, defaultComponentToken, {
deprecatedTokens: options.deprecatedTokens
});
if (cssVar && defaultComponentToken && _typeof(defaultComponentToken) === "object") {
Object.keys(defaultComponentToken).forEach(function(key) {
defaultComponentToken[key] = "var(".concat(token2CSSVar(key, getCompVarPrefix(component, cssVar.prefix)), ")");
});
}
var mergedToken = merge(proxyToken, {
componentCls,
prefixCls,
iconCls: ".".concat(iconPrefixCls),
antCls: ".".concat(rootPrefixCls),
calc,
// @ts-ignore
max,
// @ts-ignore
min
}, cssVar ? defaultComponentToken : componentToken);
var styleInterpolation = styleFn(mergedToken, {
hashId,
prefixCls,
rootPrefixCls,
iconPrefixCls
});
flush(component, componentToken);
var commonStyle = typeof getCommonStyle === "function" ? getCommonStyle(mergedToken, prefixCls, rootCls, options.resetFont) : null;
return [options.resetStyle === false ? null : commonStyle, styleInterpolation];
});
return [wrapSSR, hashId];
};
}
function genSubStyleComponent2(componentName, styleFn, getDefaultToken) {
var options = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
var useStyle2 = genComponentStyleHook2(componentName, styleFn, getDefaultToken, _objectSpread2({
resetStyle: false,
// Sub Style should default after root one
order: -998
}, options));
var StyledComponent = function StyledComponent2(_ref2) {
var prefixCls = _ref2.prefixCls, _ref2$rootCls = _ref2.rootCls, rootCls = _ref2$rootCls === void 0 ? prefixCls : _ref2$rootCls;
useStyle2(prefixCls, rootCls);
return null;
};
return StyledComponent;
}
return {
genStyleHooks: genStyleHooks2,
genSubStyleComponent: genSubStyleComponent2,
genComponentStyleHook: genComponentStyleHook2
};
}
const PresetColors = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
const version$2 = "5.25.4";
function isStableColor(color) {
return color >= 0 && color <= 255;
}
function getAlphaColor(frontColor, backgroundColor) {
const {
r: fR,
g: fG,
b: fB,
a: originAlpha
} = new FastColor(frontColor).toRgb();
if (originAlpha < 1) {
return frontColor;
}
const {
r: bR,
g: bG,
b: bB
} = new FastColor(backgroundColor).toRgb();
for (let fA = 0.01; fA <= 1; fA += 0.01) {
const r = Math.round((fR - bR * (1 - fA)) / fA);
const g = Math.round((fG - bG * (1 - fA)) / fA);
const b = Math.round((fB - bB * (1 - fA)) / fA);
if (isStableColor(r) && isStableColor(g) && isStableColor(b)) {
return new FastColor({
r,
g,
b,
a: Math.round(fA * 100) / 100
}).toRgbString();
}
}
return new FastColor({
r: fR,
g: fG,
b: fB,
a: 1
}).toRgbString();
}
var __rest$e = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
function formatToken(derivativeToken) {
const {
override
} = derivativeToken, restToken = __rest$e(derivativeToken, ["override"]);
const overrideTokens = Object.assign({}, override);
Object.keys(seedToken).forEach((token2) => {
delete overrideTokens[token2];
});
const mergedToken = Object.assign(Object.assign({}, restToken), overrideTokens);
const screenXS = 480;
const screenSM = 576;
const screenMD = 768;
const screenLG = 992;
const screenXL = 1200;
const screenXXL = 1600;
if (mergedToken.motion === false) {
const fastDuration = "0s";
mergedToken.motionDurationFast = fastDuration;
mergedToken.motionDurationMid = fastDuration;
mergedToken.motionDurationSlow = fastDuration;
}
const aliasToken = Object.assign(Object.assign(Object.assign({}, mergedToken), {
// ============== Background ============== //
colorFillContent: mergedToken.colorFillSecondary,
colorFillContentHover: mergedToken.colorFill,
colorFillAlter: mergedToken.colorFillQuaternary,
colorBgContainerDisabled: mergedToken.colorFillTertiary,
// ============== Split ============== //
colorBorderBg: mergedToken.colorBgContainer,
colorSplit: getAlphaColor(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),
// ============== Text ============== //
colorTextPlaceholder: mergedToken.colorTextQuaternary,
colorTextDisabled: mergedToken.colorTextQuaternary,
colorTextHeading: mergedToken.colorText,
colorTextLabel: mergedToken.colorTextSecondary,
colorTextDescription: mergedToken.colorTextTertiary,
colorTextLightSolid: mergedToken.colorWhite,
colorHighlight: mergedToken.colorError,
colorBgTextHover: mergedToken.colorFillSecondary,
colorBgTextActive: mergedToken.colorFill,
colorIcon: mergedToken.colorTextTertiary,
colorIconHover: mergedToken.colorText,
colorErrorOutline: getAlphaColor(mergedToken.colorErrorBg, mergedToken.colorBgContainer),
colorWarningOutline: getAlphaColor(mergedToken.colorWarningBg, mergedToken.colorBgContainer),
// Font
fontSizeIcon: mergedToken.fontSizeSM,
// Line
lineWidthFocus: mergedToken.lineWidth * 3,
// Control
lineWidth: mergedToken.lineWidth,
controlOutlineWidth: mergedToken.lineWidth * 2,
// Checkbox size and expand icon size
controlInteractiveSize: mergedToken.controlHeight / 2,
controlItemBgHover: mergedToken.colorFillTertiary,
controlItemBgActive: mergedToken.colorPrimaryBg,
controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,
controlItemBgActiveDisabled: mergedToken.colorFill,
controlTmpOutline: mergedToken.colorFillQuaternary,
controlOutline: getAlphaColor(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),
lineType: mergedToken.lineType,
borderRadius: mergedToken.borderRadius,
borderRadiusXS: mergedToken.borderRadiusXS,
borderRadiusSM: mergedToken.borderRadiusSM,
borderRadiusLG: mergedToken.borderRadiusLG,
fontWeightStrong: 600,
opacityLoading: 0.65,
linkDecoration: "none",
linkHoverDecoration: "none",
linkFocusDecoration: "none",
controlPaddingHorizontal: 12,
controlPaddingHorizontalSM: 8,
paddingXXS: mergedToken.sizeXXS,
paddingXS: mergedToken.sizeXS,
paddingSM: mergedToken.sizeSM,
padding: mergedToken.size,
paddingMD: mergedToken.sizeMD,
paddingLG: mergedToken.sizeLG,
paddingXL: mergedToken.sizeXL,
paddingContentHorizontalLG: mergedToken.sizeLG,
paddingContentVerticalLG: mergedToken.sizeMS,
paddingContentHorizontal: mergedToken.sizeMS,
paddingContentVertical: mergedToken.sizeSM,
paddingContentHorizontalSM: mergedToken.size,
paddingContentVerticalSM: mergedToken.sizeXS,
marginXXS: mergedToken.sizeXXS,
marginXS: mergedToken.sizeXS,
marginSM: mergedToken.sizeSM,
margin: mergedToken.size,
marginMD: mergedToken.sizeMD,
marginLG: mergedToken.sizeLG,
marginXL: mergedToken.sizeXL,
marginXXL: mergedToken.sizeXXL,
boxShadow: `
0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 3px 6px -4px rgba(0, 0, 0, 0.12),
0 9px 28px 8px rgba(0, 0, 0, 0.05)
`,
boxShadowSecondary: `
0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 3px 6px -4px rgba(0, 0, 0, 0.12),
0 9px 28px 8px rgba(0, 0, 0, 0.05)
`,
boxShadowTertiary: `
0 1px 2px 0 rgba(0, 0, 0, 0.03),
0 1px 6px -1px rgba(0, 0, 0, 0.02),
0 2px 4px 0 rgba(0, 0, 0, 0.02)
`,
screenXS,
screenXSMin: screenXS,
screenXSMax: screenSM - 1,
screenSM,
screenSMMin: screenSM,
screenSMMax: screenMD - 1,
screenMD,
screenMDMin: screenMD,
screenMDMax: screenLG - 1,
screenLG,
screenLGMin: screenLG,
screenLGMax: screenXL - 1,
screenXL,
screenXLMin: screenXL,
screenXLMax: screenXXL - 1,
screenXXL,
screenXXLMin: screenXXL,
boxShadowPopoverArrow: "2px 2px 5px rgba(0, 0, 0, 0.05)",
boxShadowCard: `
0 1px 2px -2px ${new FastColor("rgba(0, 0, 0, 0.16)").toRgbString()},
0 3px 6px 0 ${new FastColor("rgba(0, 0, 0, 0.12)").toRgbString()},
0 5px 12px 4px ${new FastColor("rgba(0, 0, 0, 0.09)").toRgbString()}
`,
boxShadowDrawerRight: `
-6px 0 16px 0 rgba(0, 0, 0, 0.08),
-3px 0 6px -4px rgba(0, 0, 0, 0.12),
-9px 0 28px 8px rgba(0, 0, 0, 0.05)
`,
boxShadowDrawerLeft: `
6px 0 16px 0 rgba(0, 0, 0, 0.08),
3px 0 6px -4px rgba(0, 0, 0, 0.12),
9px 0 28px 8px rgba(0, 0, 0, 0.05)
`,
boxShadowDrawerUp: `
0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 3px 6px -4px rgba(0, 0, 0, 0.12),
0 9px 28px 8px rgba(0, 0, 0, 0.05)
`,
boxShadowDrawerDown: `
0 -6px 16px 0 rgba(0, 0, 0, 0.08),
0 -3px 6px -4px rgba(0, 0, 0, 0.12),
0 -9px 28px 8px rgba(0, 0, 0, 0.05)
`,
boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)"
}), overrideTokens);
return aliasToken;
}
var __rest$d = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const unitless = {
lineHeight: true,
lineHeightSM: true,
lineHeightLG: true,
lineHeightHeading1: true,
lineHeightHeading2: true,
lineHeightHeading3: true,
lineHeightHeading4: true,
lineHeightHeading5: true,
opacityLoading: true,
fontWeightStrong: true,
zIndexPopupBase: true,
zIndexBase: true,
opacityImage: true
};
const ignore = {
size: true,
sizeSM: true,
sizeLG: true,
sizeMD: true,
sizeXS: true,
sizeXXS: true,
sizeMS: true,
sizeXL: true,
sizeXXL: true,
sizeUnit: true,
sizeStep: true,
motionBase: true,
motionUnit: true
};
const preserve = {
screenXS: true,
screenXSMin: true,
screenXSMax: true,
screenSM: true,
screenSMMin: true,
screenSMMax: true,
screenMD: true,
screenMDMin: true,
screenMDMax: true,
screenLG: true,
screenLGMin: true,
screenLGMax: true,
screenXL: true,
screenXLMin: true,
screenXLMax: true,
screenXXL: true,
screenXXLMin: true
};
const getComputedToken = (originToken, overrideToken, theme2) => {
const derivativeToken = theme2.getDerivativeToken(originToken);
const {
override
} = overrideToken, components = __rest$d(overrideToken, ["override"]);
let mergedDerivativeToken = Object.assign(Object.assign({}, derivativeToken), {
override
});
mergedDerivativeToken = formatToken(mergedDerivativeToken);
if (components) {
Object.entries(components).forEach(([key, value]) => {
const {
theme: componentTheme
} = value, componentTokens = __rest$d(value, ["theme"]);
let mergedComponentToken = componentTokens;
if (componentTheme) {
mergedComponentToken = getComputedToken(Object.assign(Object.assign({}, mergedDerivativeToken), componentTokens), {
override: componentTokens
}, componentTheme);
}
mergedDerivativeToken[key] = mergedComponentToken;
});
}
return mergedDerivativeToken;
};
function useToken$2() {
const {
token: rootDesignToken,
hashed,
theme: theme2,
override,
cssVar
} = React.useContext(DesignTokenContext);
const salt = `${version$2}-${hashed || ""}`;
const mergedTheme = theme2 || defaultTheme;
const [token2, hashId, realToken] = useCacheToken(mergedTheme, [seedToken, rootDesignToken], {
salt,
override,
getComputedToken,
// formatToken will not be consumed after 1.15.0 with getComputedToken.
// But token will break if @ant-design/cssinjs is under 1.15.0 without it
formatToken,
cssVar: cssVar && {
prefix: cssVar.prefix,
key: cssVar.key,
unitless,
ignore,
preserve
}
});
return [mergedTheme, realToken, hashed ? hashId : "", token2, cssVar];
}
const textEllipsis = {
overflow: "hidden",
whiteSpace: "nowrap",
textOverflow: "ellipsis"
};
const resetComponent = (token2, needInheritFontFamily = false) => ({
boxSizing: "border-box",
margin: 0,
padding: 0,
color: token2.colorText,
fontSize: token2.fontSize,
// font-variant: @font-variant-base;
lineHeight: token2.lineHeight,
listStyle: "none",
// font-feature-settings: @font-feature-settings-base;
fontFamily: needInheritFontFamily ? "inherit" : token2.fontFamily
});
const resetIcon = () => ({
display: "inline-flex",
alignItems: "center",
color: "inherit",
fontStyle: "normal",
lineHeight: 0,
textAlign: "center",
textTransform: "none",
// for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
verticalAlign: "-0.125em",
textRendering: "optimizeLegibility",
"-webkit-font-smoothing": "antialiased",
"-moz-osx-font-smoothing": "grayscale",
"> *": {
lineHeight: 1
},
svg: {
display: "inline-block"
}
});
const clearFix = () => ({
// https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229
"&::before": {
display: "table",
content: '""'
},
"&::after": {
// https://github.com/ant-design/ant-design/issues/21864
display: "table",
clear: "both",
content: '""'
}
});
const genLinkStyle$1 = (token2) => ({
a: {
color: token2.colorLink,
textDecoration: token2.linkDecoration,
backgroundColor: "transparent",
// remove the gray background on active links in IE 10.
outline: "none",
cursor: "pointer",
transition: `color ${token2.motionDurationSlow}`,
"-webkit-text-decoration-skip": "objects",
// remove gaps in links underline in iOS 8+ and Safari 8+.
"&:hover": {
color: token2.colorLinkHover
},
"&:active": {
color: token2.colorLinkActive
},
"&:active, &:hover": {
textDecoration: token2.linkHoverDecoration,
outline: 0
},
// https://github.com/ant-design/ant-design/issues/22503
"&:focus": {
textDecoration: token2.linkFocusDecoration,
outline: 0
},
"&[disabled]": {
color: token2.colorTextDisabled,
cursor: "not-allowed"
}
}
});
const genCommonStyle = (token2, componentPrefixCls, rootCls, resetFont) => {
const prefixSelector = `[class^="${componentPrefixCls}"], [class*=" ${componentPrefixCls}"]`;
const rootPrefixSelector = rootCls ? `.${rootCls}` : prefixSelector;
const resetStyle = {
boxSizing: "border-box",
"&::before, &::after": {
boxSizing: "border-box"
}
};
let resetFontStyle = {};
if (resetFont !== false) {
resetFontStyle = {
fontFamily: token2.fontFamily,
fontSize: token2.fontSize
};
}
return {
[rootPrefixSelector]: Object.assign(Object.assign(Object.assign({}, resetFontStyle), resetStyle), {
[prefixSelector]: resetStyle
})
};
};
const genFocusOutline = (token2, offset) => ({
outline: `${unit$1(token2.lineWidthFocus)} solid ${token2.colorPrimaryBorder}`,
outlineOffset: offset !== null && offset !== void 0 ? offset : 1,
transition: "outline-offset 0s, outline 0s"
});
const genFocusStyle = (token2, offset) => ({
"&:focus-visible": Object.assign({}, genFocusOutline(token2, offset))
});
const genIconStyle = (iconPrefixCls) => ({
[`.${iconPrefixCls}`]: Object.assign(Object.assign({}, resetIcon()), {
[`.${iconPrefixCls} .${iconPrefixCls}-icon`]: {
display: "block"
}
})
});
const {
genStyleHooks,
genComponentStyleHook,
genSubStyleComponent
} = genStyleUtils({
usePrefix: () => {
const {
getPrefixCls,
iconPrefixCls
} = reactExports.useContext(ConfigContext);
const rootPrefixCls = getPrefixCls();
return {
rootPrefixCls,
iconPrefixCls
};
},
useToken: () => {
const [theme2, realToken, hashId, token2, cssVar] = useToken$2();
return {
theme: theme2,
realToken,
hashId,
token: token2,
cssVar
};
},
useCSP: () => {
const {
csp
} = reactExports.useContext(ConfigContext);
return csp !== null && csp !== void 0 ? csp : {};
},
getResetStyles: (token2, config) => {
var _a;
const linkStyle = genLinkStyle$1(token2);
return [linkStyle, {
"&": linkStyle
}, genIconStyle((_a = config === null || config === void 0 ? void 0 : config.prefix.iconPrefixCls) !== null && _a !== void 0 ? _a : defaultIconPrefixCls)];
},
getCommonStyle: genCommonStyle,
getCompUnitless: () => unitless
});
function genPresetColor(token2, genCss) {
return PresetColors.reduce((prev2, colorKey) => {
const lightColor = token2[`${colorKey}1`];
const lightBorderColor = token2[`${colorKey}3`];
const darkColor = token2[`${colorKey}6`];
const textColor = token2[`${colorKey}7`];
return Object.assign(Object.assign({}, prev2), genCss(colorKey, {
lightColor,
lightBorderColor,
darkColor,
textColor
}));
}, {});
}
const useResetIconStyle = (iconPrefixCls, csp) => {
const [theme2, token2] = useToken$2();
return useStyleRegister({
token: token2,
hashId: "",
path: ["ant-design-icons", iconPrefixCls],
nonce: () => csp === null || csp === void 0 ? void 0 : csp.nonce,
layer: {
name: "antd"
}
}, () => [genIconStyle(iconPrefixCls)]);
};
const fullClone$1 = Object.assign({}, React$1);
const {
useId: useId$1
} = fullClone$1;
const useEmptyId = () => "";
const useThemeKey = typeof useId$1 === "undefined" ? useEmptyId : useId$1;
function useTheme(theme2, parentTheme, config) {
var _a;
devUseWarning();
const themeConfig = theme2 || {};
const parentThemeConfig = themeConfig.inherit === false || !parentTheme ? Object.assign(Object.assign({}, defaultConfig), {
hashed: (_a = parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.hashed) !== null && _a !== void 0 ? _a : defaultConfig.hashed,
cssVar: parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.cssVar
}) : parentTheme;
const themeKey = useThemeKey();
return useMemo(() => {
var _a2, _b2;
if (!theme2) {
return parentTheme;
}
const mergedComponents = Object.assign({}, parentThemeConfig.components);
Object.keys(theme2.components || {}).forEach((componentName) => {
mergedComponents[componentName] = Object.assign(Object.assign({}, mergedComponents[componentName]), theme2.components[componentName]);
});
const cssVarKey = `css-var-${themeKey.replace(/:/g, "")}`;
const mergedCssVar = ((_a2 = themeConfig.cssVar) !== null && _a2 !== void 0 ? _a2 : parentThemeConfig.cssVar) && Object.assign(Object.assign(Object.assign({
prefix: config === null || config === void 0 ? void 0 : config.prefixCls
}, typeof parentThemeConfig.cssVar === "object" ? parentThemeConfig.cssVar : {}), typeof themeConfig.cssVar === "object" ? themeConfig.cssVar : {}), {
key: typeof themeConfig.cssVar === "object" && ((_b2 = themeConfig.cssVar) === null || _b2 === void 0 ? void 0 : _b2.key) || cssVarKey
});
return Object.assign(Object.assign(Object.assign({}, parentThemeConfig), themeConfig), {
token: Object.assign(Object.assign({}, parentThemeConfig.token), themeConfig.token),
components: mergedComponents,
cssVar: mergedCssVar
});
}, [themeConfig, parentThemeConfig], (prev2, next2) => prev2.some((prevTheme, index2) => {
const nextTheme = next2[index2];
return !isEqual(prevTheme, nextTheme, true);
}));
}
var _excluded$n = ["children"];
var Context$1 = /* @__PURE__ */ reactExports.createContext({});
function MotionProvider(_ref) {
var children = _ref.children, props = _objectWithoutProperties(_ref, _excluded$n);
return /* @__PURE__ */ reactExports.createElement(Context$1.Provider, {
value: props
}, children);
}
var DomWrapper = /* @__PURE__ */ function(_React$Component) {
_inherits(DomWrapper2, _React$Component);
var _super = _createSuper(DomWrapper2);
function DomWrapper2() {
_classCallCheck(this, DomWrapper2);
return _super.apply(this, arguments);
}
_createClass(DomWrapper2, [{
key: "render",
value: function render2() {
return this.props.children;
}
}]);
return DomWrapper2;
}(reactExports.Component);
function useSyncState(defaultValue) {
var _React$useReducer = reactExports.useReducer(function(x) {
return x + 1;
}, 0), _React$useReducer2 = _slicedToArray(_React$useReducer, 2), forceUpdate = _React$useReducer2[1];
var currentValueRef = reactExports.useRef(defaultValue);
var getValue2 = useEvent(function() {
return currentValueRef.current;
});
var setValue = useEvent(function(updater) {
currentValueRef.current = typeof updater === "function" ? updater(currentValueRef.current) : updater;
forceUpdate();
});
return [getValue2, setValue];
}
var STATUS_NONE = "none";
var STATUS_APPEAR = "appear";
var STATUS_ENTER = "enter";
var STATUS_LEAVE = "leave";
var STEP_NONE = "none";
var STEP_PREPARE = "prepare";
var STEP_START = "start";
var STEP_ACTIVE = "active";
var STEP_ACTIVATED = "end";
var STEP_PREPARED = "prepared";
function makePrefixMap(styleProp, eventName) {
var prefixes = {};
prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
prefixes["Webkit".concat(styleProp)] = "webkit".concat(eventName);
prefixes["Moz".concat(styleProp)] = "moz".concat(eventName);
prefixes["ms".concat(styleProp)] = "MS".concat(eventName);
prefixes["O".concat(styleProp)] = "o".concat(eventName.toLowerCase());
return prefixes;
}
function getVendorPrefixes(domSupport, win) {
var prefixes = {
animationend: makePrefixMap("Animation", "AnimationEnd"),
transitionend: makePrefixMap("Transition", "TransitionEnd")
};
if (domSupport) {
if (!("AnimationEvent" in win)) {
delete prefixes.animationend.animation;
}
if (!("TransitionEvent" in win)) {
delete prefixes.transitionend.transition;
}
}
return prefixes;
}
var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window !== "undefined" ? window : {});
var style = {};
if (canUseDom()) {
var _document$createEleme = document.createElement("div");
style = _document$createEleme.style;
}
var prefixedEventNames = {};
function getVendorPrefixedEventName(eventName) {
if (prefixedEventNames[eventName]) {
return prefixedEventNames[eventName];
}
var prefixMap = vendorPrefixes[eventName];
if (prefixMap) {
var stylePropList = Object.keys(prefixMap);
var len = stylePropList.length;
for (var i = 0; i < len; i += 1) {
var styleProp = stylePropList[i];
if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
prefixedEventNames[eventName] = prefixMap[styleProp];
return prefixedEventNames[eventName];
}
}
}
return "";
}
var internalAnimationEndName = getVendorPrefixedEventName("animationend");
var internalTransitionEndName = getVendorPrefixedEventName("transitionend");
var supportTransition = !!(internalAnimationEndName && internalTransitionEndName);
var animationEndName = internalAnimationEndName || "animationend";
var transitionEndName = internalTransitionEndName || "transitionend";
function getTransitionName$1(transitionName, transitionType) {
if (!transitionName) return null;
if (_typeof(transitionName) === "object") {
var type4 = transitionType.replace(/-\w/g, function(match2) {
return match2[1].toUpperCase();
});
return transitionName[type4];
}
return "".concat(transitionName, "-").concat(transitionType);
}
const useDomMotionEvents = function(onInternalMotionEnd) {
var cacheElementRef = reactExports.useRef();
function removeMotionEvents(element) {
if (element) {
element.removeEventListener(transitionEndName, onInternalMotionEnd);
element.removeEventListener(animationEndName, onInternalMotionEnd);
}
}
function patchMotionEvents(element) {
if (cacheElementRef.current && cacheElementRef.current !== element) {
removeMotionEvents(cacheElementRef.current);
}
if (element && element !== cacheElementRef.current) {
element.addEventListener(transitionEndName, onInternalMotionEnd);
element.addEventListener(animationEndName, onInternalMotionEnd);
cacheElementRef.current = element;
}
}
reactExports.useEffect(function() {
return function() {
removeMotionEvents(cacheElementRef.current);
};
}, []);
return [patchMotionEvents, removeMotionEvents];
};
var useIsomorphicLayoutEffect = canUseDom() ? reactExports.useLayoutEffect : reactExports.useEffect;
const useNextFrame = function() {
var nextFrameRef = reactExports.useRef(null);
function cancelNextFrame() {
wrapperRaf.cancel(nextFrameRef.current);
}
function nextFrame(callback) {
var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
cancelNextFrame();
var nextFrameId = wrapperRaf(function() {
if (delay <= 1) {
callback({
isCanceled: function isCanceled() {
return nextFrameId !== nextFrameRef.current;
}
});
} else {
nextFrame(callback, delay - 1);
}
});
nextFrameRef.current = nextFrameId;
}
reactExports.useEffect(function() {
return function() {
cancelNextFrame();
};
}, []);
return [nextFrame, cancelNextFrame];
};
var FULL_STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];
var SIMPLE_STEP_QUEUE = [STEP_PREPARE, STEP_PREPARED];
var SkipStep = false;
var DoStep = true;
function isActive(step) {
return step === STEP_ACTIVE || step === STEP_ACTIVATED;
}
const useStepQueue = function(status, prepareOnly, callback) {
var _useState = useSafeState(STEP_NONE), _useState2 = _slicedToArray(_useState, 2), step = _useState2[0], setStep = _useState2[1];
var _useNextFrame = useNextFrame(), _useNextFrame2 = _slicedToArray(_useNextFrame, 2), nextFrame = _useNextFrame2[0], cancelNextFrame = _useNextFrame2[1];
function startQueue() {
setStep(STEP_PREPARE, true);
}
var STEP_QUEUE = prepareOnly ? SIMPLE_STEP_QUEUE : FULL_STEP_QUEUE;
useIsomorphicLayoutEffect(function() {
if (step !== STEP_NONE && step !== STEP_ACTIVATED) {
var index2 = STEP_QUEUE.indexOf(step);
var nextStep = STEP_QUEUE[index2 + 1];
var result = callback(step);
if (result === SkipStep) {
setStep(nextStep, true);
} else if (nextStep) {
nextFrame(function(info) {
function doNext() {
if (info.isCanceled()) return;
setStep(nextStep, true);
}
if (result === true) {
doNext();
} else {
Promise.resolve(result).then(doNext);
}
});
}
}
}, [status, step]);
reactExports.useEffect(function() {
return function() {
cancelNextFrame();
};
}, []);
return [startQueue, step];
};
function useStatus(supportMotion, visible, getElement, _ref) {
var _ref$motionEnter = _ref.motionEnter, motionEnter = _ref$motionEnter === void 0 ? true : _ref$motionEnter, _ref$motionAppear = _ref.motionAppear, motionAppear = _ref$motionAppear === void 0 ? true : _ref$motionAppear, _ref$motionLeave = _ref.motionLeave, motionLeave = _ref$motionLeave === void 0 ? true : _ref$motionLeave, motionDeadline = _ref.motionDeadline, motionLeaveImmediately = _ref.motionLeaveImmediately, onAppearPrepare = _ref.onAppearPrepare, onEnterPrepare = _ref.onEnterPrepare, onLeavePrepare = _ref.onLeavePrepare, onAppearStart = _ref.onAppearStart, onEnterStart = _ref.onEnterStart, onLeaveStart = _ref.onLeaveStart, onAppearActive = _ref.onAppearActive, onEnterActive = _ref.onEnterActive, onLeaveActive = _ref.onLeaveActive, onAppearEnd = _ref.onAppearEnd, onEnterEnd = _ref.onEnterEnd, onLeaveEnd = _ref.onLeaveEnd, onVisibleChanged = _ref.onVisibleChanged;
var _useState = useSafeState(), _useState2 = _slicedToArray(_useState, 2), asyncVisible = _useState2[0], setAsyncVisible = _useState2[1];
var _useSyncState = useSyncState(STATUS_NONE), _useSyncState2 = _slicedToArray(_useSyncState, 2), getStatus = _useSyncState2[0], setStatus = _useSyncState2[1];
var _useState3 = useSafeState(null), _useState4 = _slicedToArray(_useState3, 2), style2 = _useState4[0], setStyle = _useState4[1];
var currentStatus = getStatus();
var mountedRef = reactExports.useRef(false);
var deadlineRef = reactExports.useRef(null);
function getDomElement() {
return getElement();
}
var activeRef = reactExports.useRef(false);
function updateMotionEndStatus() {
setStatus(STATUS_NONE);
setStyle(null, true);
}
var onInternalMotionEnd = useEvent(function(event) {
var status = getStatus();
if (status === STATUS_NONE) {
return;
}
var element = getDomElement();
if (event && !event.deadline && event.target !== element) {
return;
}
var currentActive = activeRef.current;
var canEnd;
if (status === STATUS_APPEAR && currentActive) {
canEnd = onAppearEnd === null || onAppearEnd === void 0 ? void 0 : onAppearEnd(element, event);
} else if (status === STATUS_ENTER && currentActive) {
canEnd = onEnterEnd === null || onEnterEnd === void 0 ? void 0 : onEnterEnd(element, event);
} else if (status === STATUS_LEAVE && currentActive) {
canEnd = onLeaveEnd === null || onLeaveEnd === void 0 ? void 0 : onLeaveEnd(element, event);
}
if (currentActive && canEnd !== false) {
updateMotionEndStatus();
}
});
var _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd), _useDomMotionEvents2 = _slicedToArray(_useDomMotionEvents, 1), patchMotionEvents = _useDomMotionEvents2[0];
var getEventHandlers = function getEventHandlers2(targetStatus) {
switch (targetStatus) {
case STATUS_APPEAR:
return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onAppearPrepare), STEP_START, onAppearStart), STEP_ACTIVE, onAppearActive);
case STATUS_ENTER:
return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onEnterPrepare), STEP_START, onEnterStart), STEP_ACTIVE, onEnterActive);
case STATUS_LEAVE:
return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onLeavePrepare), STEP_START, onLeaveStart), STEP_ACTIVE, onLeaveActive);
default:
return {};
}
};
var eventHandlers = reactExports.useMemo(function() {
return getEventHandlers(currentStatus);
}, [currentStatus]);
var _useStepQueue = useStepQueue(currentStatus, !supportMotion, function(newStep) {
if (newStep === STEP_PREPARE) {
var onPrepare = eventHandlers[STEP_PREPARE];
if (!onPrepare) {
return SkipStep;
}
return onPrepare(getDomElement());
}
if (step in eventHandlers) {
var _eventHandlers$step;
setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);
}
if (step === STEP_ACTIVE && currentStatus !== STATUS_NONE) {
patchMotionEvents(getDomElement());
if (motionDeadline > 0) {
clearTimeout(deadlineRef.current);
deadlineRef.current = setTimeout(function() {
onInternalMotionEnd({
deadline: true
});
}, motionDeadline);
}
}
if (step === STEP_PREPARED) {
updateMotionEndStatus();
}
return DoStep;
}), _useStepQueue2 = _slicedToArray(_useStepQueue, 2), startStep = _useStepQueue2[0], step = _useStepQueue2[1];
var active = isActive(step);
activeRef.current = active;
var visibleRef = reactExports.useRef(null);
useIsomorphicLayoutEffect(function() {
if (mountedRef.current && visibleRef.current === visible) {
return;
}
setAsyncVisible(visible);
var isMounted = mountedRef.current;
mountedRef.current = true;
var nextStatus;
if (!isMounted && visible && motionAppear) {
nextStatus = STATUS_APPEAR;
}
if (isMounted && visible && motionEnter) {
nextStatus = STATUS_ENTER;
}
if (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) {
nextStatus = STATUS_LEAVE;
}
var nextEventHandlers = getEventHandlers(nextStatus);
if (nextStatus && (supportMotion || nextEventHandlers[STEP_PREPARE])) {
setStatus(nextStatus);
startStep();
} else {
setStatus(STATUS_NONE);
}
visibleRef.current = visible;
}, [visible]);
reactExports.useEffect(function() {
if (
// Cancel appear
currentStatus === STATUS_APPEAR && !motionAppear || // Cancel enter
currentStatus === STATUS_ENTER && !motionEnter || // Cancel leave
currentStatus === STATUS_LEAVE && !motionLeave
) {
setStatus(STATUS_NONE);
}
}, [motionAppear, motionEnter, motionLeave]);
reactExports.useEffect(function() {
return function() {
mountedRef.current = false;
clearTimeout(deadlineRef.current);
};
}, []);
var firstMountChangeRef = reactExports.useRef(false);
reactExports.useEffect(function() {
if (asyncVisible) {
firstMountChangeRef.current = true;
}
if (asyncVisible !== void 0 && currentStatus === STATUS_NONE) {
if (firstMountChangeRef.current || asyncVisible) {
onVisibleChanged === null || onVisibleChanged === void 0 || onVisibleChanged(asyncVisible);
}
firstMountChangeRef.current = true;
}
}, [asyncVisible, currentStatus]);
var mergedStyle = style2;
if (eventHandlers[STEP_PREPARE] && step === STEP_START) {
mergedStyle = _objectSpread2({
transition: "none"
}, mergedStyle);
}
return [currentStatus, step, mergedStyle, asyncVisible !== null && asyncVisible !== void 0 ? asyncVisible : visible];
}
function genCSSMotion(config) {
var transitionSupport = config;
if (_typeof(config) === "object") {
transitionSupport = config.transitionSupport;
}
function isSupportTransition(props, contextMotion) {
return !!(props.motionName && transitionSupport && contextMotion !== false);
}
var CSSMotion2 = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var _props$visible = props.visible, visible = _props$visible === void 0 ? true : _props$visible, _props$removeOnLeave = props.removeOnLeave, removeOnLeave = _props$removeOnLeave === void 0 ? true : _props$removeOnLeave, forceRender = props.forceRender, children = props.children, motionName = props.motionName, leavedClassName = props.leavedClassName, eventProps = props.eventProps;
var _React$useContext = reactExports.useContext(Context$1), contextMotion = _React$useContext.motion;
var supportMotion = isSupportTransition(props, contextMotion);
var nodeRef = reactExports.useRef();
var wrapperNodeRef = reactExports.useRef();
function getDomElement() {
try {
return nodeRef.current instanceof HTMLElement ? nodeRef.current : findDOMNode(wrapperNodeRef.current);
} catch (e) {
return null;
}
}
var _useStatus = useStatus(supportMotion, visible, getDomElement, props), _useStatus2 = _slicedToArray(_useStatus, 4), status = _useStatus2[0], statusStep = _useStatus2[1], statusStyle = _useStatus2[2], mergedVisible = _useStatus2[3];
var renderedRef = reactExports.useRef(mergedVisible);
if (mergedVisible) {
renderedRef.current = true;
}
var setNodeRef = reactExports.useCallback(function(node2) {
nodeRef.current = node2;
fillRef(ref, node2);
}, [ref]);
var motionChildren;
var mergedProps = _objectSpread2(_objectSpread2({}, eventProps), {}, {
visible
});
if (!children) {
motionChildren = null;
} else if (status === STATUS_NONE) {
if (mergedVisible) {
motionChildren = children(_objectSpread2({}, mergedProps), setNodeRef);
} else if (!removeOnLeave && renderedRef.current && leavedClassName) {
motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
className: leavedClassName
}), setNodeRef);
} else if (forceRender || !removeOnLeave && !leavedClassName) {
motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
style: {
display: "none"
}
}), setNodeRef);
} else {
motionChildren = null;
}
} else {
var statusSuffix;
if (statusStep === STEP_PREPARE) {
statusSuffix = "prepare";
} else if (isActive(statusStep)) {
statusSuffix = "active";
} else if (statusStep === STEP_START) {
statusSuffix = "start";
}
var motionCls = getTransitionName$1(motionName, "".concat(status, "-").concat(statusSuffix));
motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
className: classNames(getTransitionName$1(motionName, status), _defineProperty(_defineProperty({}, motionCls, motionCls && statusSuffix), motionName, typeof motionName === "string")),
style: statusStyle
}), setNodeRef);
}
if (/* @__PURE__ */ reactExports.isValidElement(motionChildren) && supportRef(motionChildren)) {
var originNodeRef = getNodeRef(motionChildren);
if (!originNodeRef) {
motionChildren = /* @__PURE__ */ reactExports.cloneElement(motionChildren, {
ref: setNodeRef
});
}
}
return /* @__PURE__ */ reactExports.createElement(DomWrapper, {
ref: wrapperNodeRef
}, motionChildren);
});
CSSMotion2.displayName = "CSSMotion";
return CSSMotion2;
}
const CSSMotion = genCSSMotion(supportTransition);
var STATUS_ADD = "add";
var STATUS_KEEP = "keep";
var STATUS_REMOVE = "remove";
var STATUS_REMOVED = "removed";
function wrapKeyToObject(key) {
var keyObj;
if (key && _typeof(key) === "object" && "key" in key) {
keyObj = key;
} else {
keyObj = {
key
};
}
return _objectSpread2(_objectSpread2({}, keyObj), {}, {
key: String(keyObj.key)
});
}
function parseKeys() {
var keys2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
return keys2.map(wrapKeyToObject);
}
function diffKeys() {
var prevKeys = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
var currentKeys = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
var list = [];
var currentIndex = 0;
var currentLen = currentKeys.length;
var prevKeyObjects = parseKeys(prevKeys);
var currentKeyObjects = parseKeys(currentKeys);
prevKeyObjects.forEach(function(keyObj) {
var hit = false;
for (var i = currentIndex; i < currentLen; i += 1) {
var currentKeyObj = currentKeyObjects[i];
if (currentKeyObj.key === keyObj.key) {
if (currentIndex < i) {
list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function(obj) {
return _objectSpread2(_objectSpread2({}, obj), {}, {
status: STATUS_ADD
});
}));
currentIndex = i;
}
list.push(_objectSpread2(_objectSpread2({}, currentKeyObj), {}, {
status: STATUS_KEEP
}));
currentIndex += 1;
hit = true;
break;
}
}
if (!hit) {
list.push(_objectSpread2(_objectSpread2({}, keyObj), {}, {
status: STATUS_REMOVE
}));
}
});
if (currentIndex < currentLen) {
list = list.concat(currentKeyObjects.slice(currentIndex).map(function(obj) {
return _objectSpread2(_objectSpread2({}, obj), {}, {
status: STATUS_ADD
});
}));
}
var keys2 = {};
list.forEach(function(_ref) {
var key = _ref.key;
keys2[key] = (keys2[key] || 0) + 1;
});
var duplicatedKeys = Object.keys(keys2).filter(function(key) {
return keys2[key] > 1;
});
duplicatedKeys.forEach(function(matchKey) {
list = list.filter(function(_ref2) {
var key = _ref2.key, status = _ref2.status;
return key !== matchKey || status !== STATUS_REMOVE;
});
list.forEach(function(node2) {
if (node2.key === matchKey) {
node2.status = STATUS_KEEP;
}
});
});
return list;
}
var _excluded$m = ["component", "children", "onVisibleChanged", "onAllRemoved"], _excluded2$4 = ["status"];
var MOTION_PROP_NAMES = ["eventProps", "visible", "children", "motionName", "motionAppear", "motionEnter", "motionLeave", "motionLeaveImmediately", "motionDeadline", "removeOnLeave", "leavedClassName", "onAppearPrepare", "onAppearStart", "onAppearActive", "onAppearEnd", "onEnterStart", "onEnterActive", "onEnterEnd", "onLeaveStart", "onLeaveActive", "onLeaveEnd"];
function genCSSMotionList(transitionSupport) {
var CSSMotion$1 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : CSSMotion;
var CSSMotionList = /* @__PURE__ */ function(_React$Component) {
_inherits(CSSMotionList2, _React$Component);
var _super = _createSuper(CSSMotionList2);
function CSSMotionList2() {
var _this;
_classCallCheck(this, CSSMotionList2);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
_defineProperty(_assertThisInitialized(_this), "state", {
keyEntities: []
});
_defineProperty(_assertThisInitialized(_this), "removeKey", function(removeKey) {
_this.setState(function(prevState) {
var nextKeyEntities = prevState.keyEntities.map(function(entity) {
if (entity.key !== removeKey) return entity;
return _objectSpread2(_objectSpread2({}, entity), {}, {
status: STATUS_REMOVED
});
});
return {
keyEntities: nextKeyEntities
};
}, function() {
var keyEntities = _this.state.keyEntities;
var restKeysCount = keyEntities.filter(function(_ref) {
var status = _ref.status;
return status !== STATUS_REMOVED;
}).length;
if (restKeysCount === 0 && _this.props.onAllRemoved) {
_this.props.onAllRemoved();
}
});
});
return _this;
}
_createClass(CSSMotionList2, [{
key: "render",
value: function render2() {
var _this2 = this;
var keyEntities = this.state.keyEntities;
var _this$props = this.props, component = _this$props.component, children = _this$props.children, _onVisibleChanged = _this$props.onVisibleChanged;
_this$props.onAllRemoved;
var restProps = _objectWithoutProperties(_this$props, _excluded$m);
var Component = component || reactExports.Fragment;
var motionProps = {};
MOTION_PROP_NAMES.forEach(function(prop) {
motionProps[prop] = restProps[prop];
delete restProps[prop];
});
delete restProps.keys;
return /* @__PURE__ */ reactExports.createElement(Component, restProps, keyEntities.map(function(_ref2, index2) {
var status = _ref2.status, eventProps = _objectWithoutProperties(_ref2, _excluded2$4);
var visible = status === STATUS_ADD || status === STATUS_KEEP;
return /* @__PURE__ */ reactExports.createElement(CSSMotion$1, _extends({}, motionProps, {
key: eventProps.key,
visible,
eventProps,
onVisibleChanged: function onVisibleChanged(changedVisible) {
_onVisibleChanged === null || _onVisibleChanged === void 0 || _onVisibleChanged(changedVisible, {
key: eventProps.key
});
if (!changedVisible) {
_this2.removeKey(eventProps.key);
}
}
}), function(props, ref) {
return children(_objectSpread2(_objectSpread2({}, props), {}, {
index: index2
}), ref);
});
}));
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(_ref3, _ref4) {
var keys2 = _ref3.keys;
var keyEntities = _ref4.keyEntities;
var parsedKeyObjects = parseKeys(keys2);
var mixedKeyEntities = diffKeys(keyEntities, parsedKeyObjects);
return {
keyEntities: mixedKeyEntities.filter(function(entity) {
var prevEntity = keyEntities.find(function(_ref5) {
var key = _ref5.key;
return entity.key === key;
});
if (prevEntity && prevEntity.status === STATUS_REMOVED && entity.status === STATUS_REMOVE) {
return false;
}
return true;
})
};
}
}]);
return CSSMotionList2;
}(reactExports.Component);
_defineProperty(CSSMotionList, "defaultProps", {
component: "div"
});
return CSSMotionList;
}
genCSSMotionList(supportTransition);
function MotionWrapper(props) {
const {
children
} = props;
const [, token2] = useToken$2();
const {
motion
} = token2;
const needWrapMotionProviderRef = reactExports.useRef(false);
needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
if (needWrapMotionProviderRef.current) {
return /* @__PURE__ */ reactExports.createElement(MotionProvider, {
motion
}, children);
}
return children;
}
const PropWarning = () => null;
var __rest$c = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const PASSED_PROPS = ["getTargetContainer", "getPopupContainer", "renderEmpty", "input", "pagination", "form", "select", "button"];
let globalPrefixCls;
function getGlobalPrefixCls() {
return globalPrefixCls || defaultPrefixCls;
}
function isLegacyTheme(theme2) {
return Object.keys(theme2).some((key) => key.endsWith("Color"));
}
const setGlobalConfig = (props) => {
const {
prefixCls,
iconPrefixCls,
theme: theme2,
holderRender
} = props;
if (prefixCls !== void 0) {
globalPrefixCls = prefixCls;
}
if (theme2) {
if (isLegacyTheme(theme2)) {
registerTheme(getGlobalPrefixCls(), theme2);
}
}
};
const ProviderChildren = (props) => {
const {
children,
csp: customCsp,
autoInsertSpaceInButton,
alert,
anchor,
form,
locale,
componentSize,
direction,
space,
splitter,
virtual,
dropdownMatchSelectWidth,
popupMatchSelectWidth,
popupOverflow,
legacyLocale,
parentContext,
iconPrefixCls: customIconPrefixCls,
theme: theme2,
componentDisabled,
segmented,
statistic: statistic2,
spin,
calendar,
carousel,
cascader,
collapse,
typography,
checkbox,
descriptions,
divider,
drawer,
skeleton,
steps,
image,
layout,
list,
mentions,
modal,
progress,
result,
slider,
breadcrumb,
menu,
pagination,
input,
textArea,
empty,
badge,
radio,
rate,
switch: SWITCH,
transfer,
avatar,
message,
tag,
table,
card,
tabs,
timeline,
timePicker,
upload,
notification,
tree,
colorPicker,
datePicker,
rangePicker,
flex,
wave,
dropdown,
warning: warningConfig,
tour,
tooltip,
popover,
popconfirm,
floatButtonGroup,
variant,
inputNumber,
treeSelect
} = props;
const getPrefixCls = reactExports.useCallback((suffixCls, customizePrefixCls) => {
const {
prefixCls
} = props;
if (customizePrefixCls) {
return customizePrefixCls;
}
const mergedPrefixCls = prefixCls || parentContext.getPrefixCls("");
return suffixCls ? `${mergedPrefixCls}-${suffixCls}` : mergedPrefixCls;
}, [parentContext.getPrefixCls, props.prefixCls]);
const iconPrefixCls = customIconPrefixCls || parentContext.iconPrefixCls || defaultIconPrefixCls;
const csp = customCsp || parentContext.csp;
useResetIconStyle(iconPrefixCls, csp);
const mergedTheme = useTheme(theme2, parentContext.theme, {
prefixCls: getPrefixCls("")
});
const baseConfig = {
csp,
autoInsertSpaceInButton,
alert,
anchor,
locale: locale || legacyLocale,
direction,
space,
splitter,
virtual,
popupMatchSelectWidth: popupMatchSelectWidth !== null && popupMatchSelectWidth !== void 0 ? popupMatchSelectWidth : dropdownMatchSelectWidth,
popupOverflow,
getPrefixCls,
iconPrefixCls,
theme: mergedTheme,
segmented,
statistic: statistic2,
spin,
calendar,
carousel,
cascader,
collapse,
typography,
checkbox,
descriptions,
divider,
drawer,
skeleton,
steps,
image,
input,
textArea,
layout,
list,
mentions,
modal,
progress,
result,
slider,
breadcrumb,
menu,
pagination,
empty,
badge,
radio,
rate,
switch: SWITCH,
transfer,
avatar,
message,
tag,
table,
card,
tabs,
timeline,
timePicker,
upload,
notification,
tree,
colorPicker,
datePicker,
rangePicker,
flex,
wave,
dropdown,
warning: warningConfig,
tour,
tooltip,
popover,
popconfirm,
floatButtonGroup,
variant,
inputNumber,
treeSelect
};
const config = Object.assign({}, parentContext);
Object.keys(baseConfig).forEach((key) => {
if (baseConfig[key] !== void 0) {
config[key] = baseConfig[key];
}
});
PASSED_PROPS.forEach((propName) => {
const propValue = props[propName];
if (propValue) {
config[propName] = propValue;
}
});
if (typeof autoInsertSpaceInButton !== "undefined") {
config.button = Object.assign({
autoInsertSpace: autoInsertSpaceInButton
}, config.button);
}
const memoedConfig = useMemo(() => config, config, (prevConfig, currentConfig) => {
const prevKeys = Object.keys(prevConfig);
const currentKeys = Object.keys(currentConfig);
return prevKeys.length !== currentKeys.length || prevKeys.some((key) => prevConfig[key] !== currentConfig[key]);
});
const {
layer
} = reactExports.useContext(StyleContext);
const memoIconContextValue = reactExports.useMemo(() => ({
prefixCls: iconPrefixCls,
csp,
layer: layer ? "antd" : void 0
}), [iconPrefixCls, csp, layer]);
let childNode = /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, /* @__PURE__ */ reactExports.createElement(PropWarning, {
dropdownMatchSelectWidth
}), children);
const validateMessages = reactExports.useMemo(() => {
var _a, _b, _c, _d;
return merge$1(((_a = localeValues.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || {}, ((_c = (_b = memoedConfig.locale) === null || _b === void 0 ? void 0 : _b.Form) === null || _c === void 0 ? void 0 : _c.defaultValidateMessages) || {}, ((_d = memoedConfig.form) === null || _d === void 0 ? void 0 : _d.validateMessages) || {}, (form === null || form === void 0 ? void 0 : form.validateMessages) || {});
}, [memoedConfig, form === null || form === void 0 ? void 0 : form.validateMessages]);
if (Object.keys(validateMessages).length > 0) {
childNode = /* @__PURE__ */ reactExports.createElement(ValidateMessagesContext.Provider, {
value: validateMessages
}, childNode);
}
if (locale) {
childNode = /* @__PURE__ */ reactExports.createElement(LocaleProvider, {
locale,
_ANT_MARK__: ANT_MARK
}, childNode);
}
{
childNode = /* @__PURE__ */ reactExports.createElement(IconContext.Provider, {
value: memoIconContextValue
}, childNode);
}
if (componentSize) {
childNode = /* @__PURE__ */ reactExports.createElement(SizeContextProvider, {
size: componentSize
}, childNode);
}
childNode = /* @__PURE__ */ reactExports.createElement(MotionWrapper, null, childNode);
const memoTheme = reactExports.useMemo(() => {
const _a = mergedTheme || {}, {
algorithm,
token: token2,
components,
cssVar
} = _a, rest = __rest$c(_a, ["algorithm", "token", "components", "cssVar"]);
const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
const parsedComponents = {};
Object.entries(components || {}).forEach(([componentName, componentToken]) => {
const parsedToken = Object.assign({}, componentToken);
if ("algorithm" in parsedToken) {
if (parsedToken.algorithm === true) {
parsedToken.theme = themeObj;
} else if (Array.isArray(parsedToken.algorithm) || typeof parsedToken.algorithm === "function") {
parsedToken.theme = createTheme(parsedToken.algorithm);
}
delete parsedToken.algorithm;
}
parsedComponents[componentName] = parsedToken;
});
const mergedToken = Object.assign(Object.assign({}, seedToken), token2);
return Object.assign(Object.assign({}, rest), {
theme: themeObj,
token: mergedToken,
components: parsedComponents,
override: Object.assign({
override: mergedToken
}, parsedComponents),
cssVar
});
}, [mergedTheme]);
if (theme2) {
childNode = /* @__PURE__ */ reactExports.createElement(DesignTokenContext.Provider, {
value: memoTheme
}, childNode);
}
if (memoedConfig.warning) {
childNode = /* @__PURE__ */ reactExports.createElement(WarningContext.Provider, {
value: memoedConfig.warning
}, childNode);
}
if (componentDisabled !== void 0) {
childNode = /* @__PURE__ */ reactExports.createElement(DisabledContextProvider, {
disabled: componentDisabled
}, childNode);
}
return /* @__PURE__ */ reactExports.createElement(ConfigContext.Provider, {
value: memoedConfig
}, childNode);
};
const ConfigProvider = (props) => {
const context = reactExports.useContext(ConfigContext);
const antLocale = reactExports.useContext(LocaleContext);
return /* @__PURE__ */ reactExports.createElement(ProviderChildren, Object.assign({
parentContext: context,
legacyLocale: antLocale
}, props));
};
ConfigProvider.ConfigContext = ConfigContext;
ConfigProvider.SizeContext = SizeContext;
ConfigProvider.config = setGlobalConfig;
ConfigProvider.useConfig = useConfig;
Object.defineProperty(ConfigProvider, "SizeContext", {
get: () => {
return SizeContext;
}
});
function getRoot(ele) {
var _ele$getRootNode;
return ele === null || ele === void 0 || (_ele$getRootNode = ele.getRootNode) === null || _ele$getRootNode === void 0 ? void 0 : _ele$getRootNode.call(ele);
}
function inShadow(ele) {
return getRoot(ele) instanceof ShadowRoot;
}
function getShadowRoot(ele) {
return inShadow(ele) ? getRoot(ele) : null;
}
function camelCase(input) {
return input.replace(/-(.)/g, function(match2, g) {
return g.toUpperCase();
});
}
function warning$1(valid, message) {
warningOnce(valid, "[@ant-design/icons] ".concat(message));
}
function isIconDefinition(target) {
return _typeof(target) === "object" && typeof target.name === "string" && typeof target.theme === "string" && (_typeof(target.icon) === "object" || typeof target.icon === "function");
}
function normalizeAttrs() {
var attrs = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
return Object.keys(attrs).reduce(function(acc, key) {
var val = attrs[key];
switch (key) {
case "class":
acc.className = val;
delete acc.class;
break;
default:
delete acc[key];
acc[camelCase(key)] = val;
}
return acc;
}, {});
}
function generate(node2, key, rootProps) {
if (!rootProps) {
return /* @__PURE__ */ React.createElement(node2.tag, _objectSpread2({
key
}, normalizeAttrs(node2.attrs)), (node2.children || []).map(function(child, index2) {
return generate(child, "".concat(key, "-").concat(node2.tag, "-").concat(index2));
}));
}
return /* @__PURE__ */ React.createElement(node2.tag, _objectSpread2(_objectSpread2({
key
}, normalizeAttrs(node2.attrs)), rootProps), (node2.children || []).map(function(child, index2) {
return generate(child, "".concat(key, "-").concat(node2.tag, "-").concat(index2));
}));
}
function getSecondaryColor(primaryColor) {
return generate$1(primaryColor)[0];
}
function normalizeTwoToneColors(twoToneColor) {
if (!twoToneColor) {
return [];
}
return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
}
var svgBaseProps = {
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true",
focusable: "false"
};
var iconStyles = "\n.anticon {\n display: inline-flex;\n align-items: center;\n color: inherit;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n line-height: 1;\n}\n\n.anticon svg {\n display: inline-block;\n}\n\n.anticon::before {\n display: none;\n}\n\n.anticon .anticon-icon {\n display: block;\n}\n\n.anticon[tabindex] {\n cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n display: inline-block;\n -webkit-animation: loadingCircle 1s infinite linear;\n animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n";
var useInsertStyles = function useInsertStyles2(eleRef) {
var _useContext = reactExports.useContext(IconContext), csp = _useContext.csp, prefixCls = _useContext.prefixCls, layer = _useContext.layer;
var mergedStyleStr = iconStyles;
if (prefixCls) {
mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
}
if (layer) {
mergedStyleStr = "@layer ".concat(layer, " {\n").concat(mergedStyleStr, "\n}");
}
reactExports.useEffect(function() {
var ele = eleRef.current;
var shadowRoot = getShadowRoot(ele);
updateCSS(mergedStyleStr, "@ant-design-icons", {
prepend: !layer,
csp,
attachTo: shadowRoot
});
}, []);
};
var _excluded$l = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
var twoToneColorPalette = {
primaryColor: "#333",
secondaryColor: "#E6E6E6",
calculated: false
};
function setTwoToneColors(_ref) {
var primaryColor = _ref.primaryColor, secondaryColor = _ref.secondaryColor;
twoToneColorPalette.primaryColor = primaryColor;
twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
twoToneColorPalette.calculated = !!secondaryColor;
}
function getTwoToneColors() {
return _objectSpread2({}, twoToneColorPalette);
}
var IconBase = function IconBase2(props) {
var icon = props.icon, className = props.className, onClick = props.onClick, style2 = props.style, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, restProps = _objectWithoutProperties(props, _excluded$l);
var svgRef = reactExports.useRef();
var colors = twoToneColorPalette;
if (primaryColor) {
colors = {
primaryColor,
secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
};
}
useInsertStyles(svgRef);
warning$1(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
if (!isIconDefinition(icon)) {
return null;
}
var target = icon;
if (target && typeof target.icon === "function") {
target = _objectSpread2(_objectSpread2({}, target), {}, {
icon: target.icon(colors.primaryColor, colors.secondaryColor)
});
}
return generate(target.icon, "svg-".concat(target.name), _objectSpread2(_objectSpread2({
className,
onClick,
style: style2,
"data-icon": target.name,
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, restProps), {}, {
ref: svgRef
}));
};
IconBase.displayName = "IconReact";
IconBase.getTwoToneColors = getTwoToneColors;
IconBase.setTwoToneColors = setTwoToneColors;
function setTwoToneColor(twoToneColor) {
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
return IconBase.setTwoToneColors({
primaryColor,
secondaryColor
});
}
function getTwoToneColor() {
var colors = IconBase.getTwoToneColors();
if (!colors.calculated) {
return colors.primaryColor;
}
return [colors.primaryColor, colors.secondaryColor];
}
var _excluded$k = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
setTwoToneColor(blue.primary);
var Icon$2 = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var className = props.className, icon = props.icon, spin = props.spin, rotate = props.rotate, tabIndex = props.tabIndex, onClick = props.onClick, twoToneColor = props.twoToneColor, restProps = _objectWithoutProperties(props, _excluded$k);
var _React$useContext = reactExports.useContext(IconContext), _React$useContext$pre = _React$useContext.prefixCls, prefixCls = _React$useContext$pre === void 0 ? "anticon" : _React$useContext$pre, rootClassName = _React$useContext.rootClassName;
var classString = classNames(rootClassName, prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), "".concat(prefixCls, "-spin"), !!spin || icon.name === "loading"), className);
var iconTabIndex = tabIndex;
if (iconTabIndex === void 0 && onClick) {
iconTabIndex = -1;
}
var svgStyle = rotate ? {
msTransform: "rotate(".concat(rotate, "deg)"),
transform: "rotate(".concat(rotate, "deg)")
} : void 0;
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
return /* @__PURE__ */ reactExports.createElement("span", _extends({
role: "img",
"aria-label": icon.name
}, restProps, {
ref,
tabIndex: iconTabIndex,
onClick,
className: classString
}), /* @__PURE__ */ reactExports.createElement(IconBase, {
icon,
primaryColor,
secondaryColor,
style: svgStyle
}));
});
Icon$2.displayName = "AntdIcon";
Icon$2.getTwoToneColor = getTwoToneColor;
Icon$2.setTwoToneColor = setTwoToneColor;
var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n charSet checked classID className colSpan cols content contentEditable contextMenu\n controls coords crossOrigin data dateTime default defer dir disabled download draggable\n encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n mediaGroup method min minLength multiple muted name noValidate nonce open\n optimum pattern placeholder poster preload radioGroup readOnly rel required\n reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n summary tabIndex target title type useMap value width wmode wrap";
var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
var propList = "".concat(attributes, " ").concat(eventsName).split(/[\s\n]+/);
var ariaPrefix = "aria-";
var dataPrefix = "data-";
function match(key, prefix) {
return key.indexOf(prefix) === 0;
}
function pickAttrs(props) {
var ariaOnly = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
var mergedConfig;
if (ariaOnly === false) {
mergedConfig = {
aria: true,
data: true,
attr: true
};
} else if (ariaOnly === true) {
mergedConfig = {
aria: true
};
} else {
mergedConfig = _objectSpread2({}, ariaOnly);
}
var attrs = {};
Object.keys(props).forEach(function(key) {
if (
// Aria
mergedConfig.aria && (key === "role" || match(key, ariaPrefix)) || // Data
mergedConfig.data && match(key, dataPrefix) || // Attr
mergedConfig.attr && propList.includes(key)
) {
attrs[key] = props[key];
}
});
return attrs;
}
function isFragment(child) {
return child && /* @__PURE__ */ React.isValidElement(child) && child.type === React.Fragment;
}
const replaceElement = (element, replacement, props) => {
if (!/* @__PURE__ */ React.isValidElement(element)) {
return replacement;
}
return /* @__PURE__ */ React.cloneElement(element, typeof props === "function" ? props(element.props || {}) : props);
};
function cloneElement(element, props) {
return replaceElement(element, element, props);
}
const useCSSVarCls = (prefixCls) => {
const [, , , , cssVar] = useToken$2();
return cssVar ? `${prefixCls}-css-var` : "";
};
var KeyCode = {
/**
* TAB
*/
TAB: 9,
// NUMLOCK on FF/Safari Mac
/**
* ENTER
*/
ENTER: 13,
/**
* ESC
*/
ESC: 27,
// also NUM_SOUTH_EAST
/**
* END
*/
END: 35,
// also NUM_SOUTH_WEST
/**
* HOME
*/
HOME: 36,
// also NUM_NORTH_WEST
/**
* LEFT
*/
LEFT: 37,
// also NUM_WEST
/**
* UP
*/
UP: 38,
// also NUM_NORTH
/**
* RIGHT
*/
RIGHT: 39,
// also NUM_EAST
/**
* DOWN
*/
DOWN: 40
};
var LoadingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
var LoadingOutlined = function LoadingOutlined2(props, ref) {
return /* @__PURE__ */ reactExports.createElement(Icon$2, _extends({}, props, {
ref,
icon: LoadingOutlined$1
}));
};
var RefIcon$4 = /* @__PURE__ */ reactExports.forwardRef(LoadingOutlined);
const zIndexContext = /* @__PURE__ */ React.createContext(void 0);
const CONTAINER_OFFSET = 100;
const containerBaseZIndexOffset = {
Modal: CONTAINER_OFFSET,
Drawer: CONTAINER_OFFSET,
Popover: CONTAINER_OFFSET,
Popconfirm: CONTAINER_OFFSET,
Tooltip: CONTAINER_OFFSET,
Tour: CONTAINER_OFFSET,
FloatButton: CONTAINER_OFFSET
};
const consumerBaseZIndexOffset = {
SelectLike: 50,
Dropdown: 50,
DatePicker: 50,
Menu: 50,
ImagePreview: 1
};
function isContainerType(type4) {
return type4 in containerBaseZIndexOffset;
}
const useZIndex = (componentType, customZIndex) => {
const [, token2] = useToken$2();
const parentZIndex = React.useContext(zIndexContext);
const isContainer = isContainerType(componentType);
let result;
if (customZIndex !== void 0) {
result = [customZIndex, customZIndex];
} else {
let zIndex = parentZIndex !== null && parentZIndex !== void 0 ? parentZIndex : 0;
if (isContainer) {
zIndex += // Use preset token zIndex by default but not stack when has parent container
(parentZIndex ? 0 : token2.zIndexPopupBase) + // Container offset
containerBaseZIndexOffset[componentType];
} else {
zIndex += consumerBaseZIndexOffset[componentType];
}
result = [parentZIndex === void 0 ? customZIndex : zIndex, zIndex];
}
return result;
};
function _OverloadYield(e, d) {
this.v = e, this.k = d;
}
function _regeneratorDefine(e, r, n, t) {
var i = Object.defineProperty;
try {
i({}, "", {});
} catch (e2) {
i = 0;
}
_regeneratorDefine = function regeneratorDefine(e2, r2, n2, t2) {
if (r2) i ? i(e2, r2, {
value: n2,
enumerable: !t2,
configurable: !t2,
writable: !t2
}) : e2[r2] = n2;
else {
var o = function o2(r3, n3) {
_regeneratorDefine(e2, r3, function(e3) {
return this._invoke(r3, n3, e3);
});
};
o("next", 0), o("throw", 1), o("return", 2);
}
}, _regeneratorDefine(e, r, n, t);
}
function _regenerator() {
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag";
function i(r2, n2, o2, i2) {
var c2 = n2 && n2.prototype instanceof Generator ? n2 : Generator, u2 = Object.create(c2.prototype);
return _regeneratorDefine(u2, "_invoke", function(r3, n3, o3) {
var i3, c3, u3, f2 = 0, p = o3 || [], y = false, G = {
p: 0,
n: 0,
v: e,
a: d,
f: d.bind(e, 4),
d: function d2(t2, r4) {
return i3 = t2, c3 = 0, u3 = e, G.n = r4, a;
}
};
function d(r4, n4) {
for (c3 = r4, u3 = n4, t = 0; !y && f2 && !o4 && t < p.length; t++) {
var o4, i4 = p[t], d2 = G.p, l = i4[2];
r4 > 3 ? (o4 = l === n4) && (c3 = i4[4] || 3, u3 = i4[5] === e ? i4[3] : i4[5], i4[4] = 3, i4[5] = e) : i4[0] <= d2 && ((o4 = r4 < 2 && d2 < i4[1]) ? (c3 = 0, G.v = n4, G.n = i4[1]) : d2 < l && (o4 = r4 < 3 || i4[0] > n4 || n4 > l) && (i4[4] = r4, i4[5] = n4, G.n = l, c3 = 0));
}
if (o4 || r4 > 1) return a;
throw y = true, n4;
}
return function(o4, p2, l) {
if (f2 > 1) throw TypeError("Generator is already running");
for (y && 1 === p2 && d(p2, l), c3 = p2, u3 = l; (t = c3 < 2 ? e : u3) || !y; ) {
i3 || (c3 ? c3 < 3 ? (c3 > 1 && (G.n = -1), d(c3, u3)) : G.n = u3 : G.v = u3);
try {
if (f2 = 2, i3) {
if (c3 || (o4 = "next"), t = i3[o4]) {
if (!(t = t.call(i3, u3))) throw TypeError("iterator result is not an object");
if (!t.done) return t;
u3 = t.value, c3 < 2 && (c3 = 0);
} else 1 === c3 && (t = i3["return"]) && t.call(i3), c3 < 2 && (u3 = TypeError("The iterator does not provide a '" + o4 + "' method"), c3 = 1);
i3 = e;
} else if ((t = (y = G.n < 0) ? u3 : r3.call(n3, G)) !== a) break;
} catch (t2) {
i3 = e, c3 = 1, u3 = t2;
} finally {
f2 = 1;
}
}
return {
value: t,
done: y
};
};
}(r2, o2, i2), true), u2;
}
var a = {};
function Generator() {
}
function GeneratorFunction() {
}
function GeneratorFunctionPrototype() {
}
t = Object.getPrototypeOf;
var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function() {
return this;
}), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
function f(e2) {
return Object.setPrototypeOf ? Object.setPrototypeOf(e2, GeneratorFunctionPrototype) : (e2.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e2, o, "GeneratorFunction")), e2.prototype = Object.create(u), e2;
}
return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function() {
return this;
}), _regeneratorDefine(u, "toString", function() {
return "[object Generator]";
}), (_regenerator = function _regenerator2() {
return {
w: i,
m: f
};
})();
}
function AsyncIterator(t, e) {
function n(r2, o, i, f) {
try {
var c = t[r2](o), u = c.value;
return u instanceof _OverloadYield ? e.resolve(u.v).then(function(t2) {
n("next", t2, i, f);
}, function(t2) {
n("throw", t2, i, f);
}) : e.resolve(u).then(function(t2) {
c.value = t2, i(c);
}, function(t2) {
return n("throw", t2, i, f);
});
} catch (t2) {
f(t2);
}
}
var r;
this.next || (_regeneratorDefine(AsyncIterator.prototype), _regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function() {
return this;
})), _regeneratorDefine(this, "_invoke", function(t2, o, i) {
function f() {
return new e(function(e2, r2) {
n(t2, i, e2, r2);
});
}
return r = r ? r.then(f, f) : f();
}, true);
}
function _regeneratorAsyncGen(r, e, t, o, n) {
return new AsyncIterator(_regenerator().w(r, e, t, o), n || Promise);
}
function _regeneratorAsync(n, e, r, t, o) {
var a = _regeneratorAsyncGen(n, e, r, t, o);
return a.next().then(function(n2) {
return n2.done ? n2.value : a.next();
});
}
function _regeneratorKeys(e) {
var n = Object(e), r = [];
for (var t in n) r.unshift(t);
return function e2() {
for (; r.length; ) if ((t = r.pop()) in n) return e2.value = t, e2.done = false, e2;
return e2.done = true, e2;
};
}
function _regeneratorValues(e) {
if (null != e) {
var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0;
if (t) return t.call(e);
if ("function" == typeof e.next) return e;
if (!isNaN(e.length)) return {
next: function next2() {
return e && r >= e.length && (e = void 0), {
value: e && e[r++],
done: !e
};
}
};
}
throw new TypeError(_typeof(e) + " is not iterable");
}
function _regeneratorRuntime() {
var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
function n(r2) {
var e2 = "function" == typeof r2 && r2.constructor;
return !!e2 && (e2 === t || "GeneratorFunction" === (e2.displayName || e2.name));
}
var o = {
"throw": 1,
"return": 2,
"break": 3,
"continue": 3
};
function a(r2) {
var e2, t2;
return function(n2) {
e2 || (e2 = {
stop: function stop() {
return t2(n2.a, 2);
},
"catch": function _catch() {
return n2.v;
},
abrupt: function abrupt(r3, e3) {
return t2(n2.a, o[r3], e3);
},
delegateYield: function delegateYield(r3, o2, a2) {
return e2.resultName = o2, t2(n2.d, _regeneratorValues(r3), a2);
},
finish: function finish(r3) {
return t2(n2.f, r3);
}
}, t2 = function t3(r3, _t, o2) {
n2.p = e2.prev, n2.n = e2.next;
try {
return r3(_t, o2);
} finally {
e2.next = n2.n;
}
}), e2.resultName && (e2[e2.resultName] = n2.v, e2.resultName = void 0), e2.sent = n2.v, e2.next = n2.n;
try {
return r2.call(this, e2);
} finally {
n2.p = e2.prev, n2.n = e2.next;
}
};
}
return (_regeneratorRuntime = function _regeneratorRuntime2() {
return {
wrap: function wrap(e2, t2, n2, o2) {
return r.w(a(e2), t2, n2, o2 && o2.reverse());
},
isGeneratorFunction: n,
mark: r.m,
awrap: function awrap(r2, e2) {
return new _OverloadYield(r2, e2);
},
AsyncIterator,
async: function async(r2, e2, t2, o2, u) {
return (n(e2) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r2), e2, t2, o2, u);
},
keys: _regeneratorKeys,
values: _regeneratorValues
};
})();
}
function asyncGeneratorStep(n, t, e, r, o, a, c) {
try {
var i = n[a](c), u = i.value;
} catch (n2) {
return void e(n2);
}
i.done ? t(u) : Promise.resolve(u).then(r, o);
}
function _asyncToGenerator(n) {
return function() {
var t = this, e = arguments;
return new Promise(function(r, o) {
var a = n.apply(t, e);
function _next(n2) {
asyncGeneratorStep(a, r, o, _next, _throw, "next", n2);
}
function _throw(n2) {
asyncGeneratorStep(a, r, o, _next, _throw, "throw", n2);
}
_next(void 0);
});
};
}
var fullClone = _objectSpread2({}, ReactDOM$1);
var version$1 = fullClone.version, reactRender = fullClone.render, unmountComponentAtNode = fullClone.unmountComponentAtNode;
var createRoot;
try {
var mainVersion = Number((version$1 || "").split(".")[0]);
if (mainVersion >= 18) {
createRoot = fullClone.createRoot;
}
} catch (e) {
}
function toggleWarning(skip) {
var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === "object") {
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
}
}
var MARK = "__rc_react_root__";
function modernRender(node2, container) {
toggleWarning(true);
var root = container[MARK] || createRoot(container);
toggleWarning(false);
root.render(node2);
container[MARK] = root;
}
function legacyRender(node2, container) {
reactRender === null || reactRender === void 0 || reactRender(node2, container);
}
function render(node2, container) {
if (createRoot) {
modernRender(node2, container);
return;
}
legacyRender(node2, container);
}
function modernUnmount(_x) {
return _modernUnmount.apply(this, arguments);
}
function _modernUnmount() {
_modernUnmount = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(container) {
return _regeneratorRuntime().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
return _context.abrupt("return", Promise.resolve().then(function() {
var _container$MARK;
(_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
delete container[MARK];
}));
case 1:
case "end":
return _context.stop();
}
}, _callee);
}));
return _modernUnmount.apply(this, arguments);
}
function legacyUnmount(container) {
unmountComponentAtNode(container);
}
function unmount(_x2) {
return _unmount.apply(this, arguments);
}
function _unmount() {
_unmount = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee2(container) {
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
if (!(createRoot !== void 0)) {
_context2.next = 2;
break;
}
return _context2.abrupt("return", modernUnmount(container));
case 2:
legacyUnmount(container);
case 3:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return _unmount.apply(this, arguments);
}
const defaultReactRender = (node2, container) => {
render(node2, container);
return () => {
return unmount(container);
};
};
let unstableRender = defaultReactRender;
function unstableSetRender(render2) {
return unstableRender;
}
const getCollapsedHeight = () => ({
height: 0,
opacity: 0
});
const getRealHeight = (node2) => {
const {
scrollHeight
} = node2;
return {
height: scrollHeight,
opacity: 1
};
};
const getCurrentHeight = (node2) => ({
height: node2 ? node2.offsetHeight : 0
});
const skipOpacityTransition = (_, event) => (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === "height";
const initCollapseMotion = (rootCls = defaultPrefixCls) => ({
motionName: `${rootCls}-motion-collapse`,
onAppearStart: getCollapsedHeight,
onEnterStart: getCollapsedHeight,
onAppearActive: getRealHeight,
onEnterActive: getRealHeight,
onLeaveStart: getCurrentHeight,
onLeaveActive: getCollapsedHeight,
onAppearEnd: skipOpacityTransition,
onEnterEnd: skipOpacityTransition,
onLeaveEnd: skipOpacityTransition,
motionDeadline: 500
});
const getTransitionName = (rootPrefixCls, motion, transitionName) => {
if (transitionName !== void 0) {
return transitionName;
}
return `${rootPrefixCls}-${motion}`;
};
function omit(obj, fields) {
var clone = Object.assign({}, obj);
if (Array.isArray(fields)) {
fields.forEach(function(key) {
delete clone[key];
});
}
return clone;
}
const isVisible = function(element) {
if (!element) {
return false;
}
if (element instanceof Element) {
if (element.offsetParent) {
return true;
}
if (element.getBBox) {
var _getBBox = element.getBBox(), width = _getBBox.width, height = _getBBox.height;
if (width || height) {
return true;
}
}
if (element.getBoundingClientRect) {
var _element$getBoundingC = element.getBoundingClientRect(), _width = _element$getBoundingC.width, _height = _element$getBoundingC.height;
if (_width || _height) {
return true;
}
}
}
return false;
};
const genWaveStyle = (token2) => {
const {
componentCls,
colorPrimary
} = token2;
return {
[componentCls]: {
position: "absolute",
background: "transparent",
pointerEvents: "none",
boxSizing: "border-box",
color: `var(--wave-color, ${colorPrimary})`,
boxShadow: `0 0 0 0 currentcolor`,
opacity: 0.2,
// =================== Motion ===================
"&.wave-motion-appear": {
transition: [`box-shadow 0.4s ${token2.motionEaseOutCirc}`, `opacity 2s ${token2.motionEaseOutCirc}`].join(","),
"&-active": {
boxShadow: `0 0 0 6px currentcolor`,
opacity: 0
},
"&.wave-quick": {
transition: [`box-shadow ${token2.motionDurationSlow} ${token2.motionEaseInOut}`, `opacity ${token2.motionDurationSlow} ${token2.motionEaseInOut}`].join(",")
}
}
}
};
};
const useStyle$7 = genComponentStyleHook("Wave", (token2) => [genWaveStyle(token2)]);
const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
function isValidWaveColor(color) {
return color && color !== "#fff" && color !== "#ffffff" && color !== "rgb(255, 255, 255)" && color !== "rgba(255, 255, 255, 1)" && !/rgba\((?:\d*, ){3}0\)/.test(color) && // any transparent rgba color
color !== "transparent";
}
function getTargetWaveColor(node2) {
const {
borderTopColor,
borderColor,
backgroundColor
} = getComputedStyle(node2);
if (isValidWaveColor(borderTopColor)) {
return borderTopColor;
}
if (isValidWaveColor(borderColor)) {
return borderColor;
}
if (isValidWaveColor(backgroundColor)) {
return backgroundColor;
}
return null;
}
function validateNum(value) {
return Number.isNaN(value) ? 0 : value;
}
const WaveEffect = (props) => {
const {
className,
target,
component,
registerUnmount
} = props;
const divRef = reactExports.useRef(null);
const unmountRef = reactExports.useRef(null);
reactExports.useEffect(() => {
unmountRef.current = registerUnmount();
}, []);
const [color, setWaveColor] = reactExports.useState(null);
const [borderRadius, setBorderRadius] = reactExports.useState([]);
const [left, setLeft] = reactExports.useState(0);
const [top, setTop] = reactExports.useState(0);
const [width, setWidth] = reactExports.useState(0);
const [height, setHeight] = reactExports.useState(0);
const [enabled, setEnabled] = reactExports.useState(false);
const waveStyle = {
left,
top,
width,
height,
borderRadius: borderRadius.map((radius) => `${radius}px`).join(" ")
};
if (color) {
waveStyle["--wave-color"] = color;
}
function syncPos() {
const nodeStyle = getComputedStyle(target);
setWaveColor(getTargetWaveColor(target));
const isStatic = nodeStyle.position === "static";
const {
borderLeftWidth,
borderTopWidth
} = nodeStyle;
setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth)));
setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth)));
setWidth(target.offsetWidth);
setHeight(target.offsetHeight);
const {
borderTopLeftRadius,
borderTopRightRadius,
borderBottomLeftRadius,
borderBottomRightRadius
} = nodeStyle;
setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map((radius) => validateNum(parseFloat(radius))));
}
reactExports.useEffect(() => {
if (target) {
const id = wrapperRaf(() => {
syncPos();
setEnabled(true);
});
let resizeObserver2;
if (typeof ResizeObserver !== "undefined") {
resizeObserver2 = new ResizeObserver(syncPos);
resizeObserver2.observe(target);
}
return () => {
wrapperRaf.cancel(id);
resizeObserver2 === null || resizeObserver2 === void 0 ? void 0 : resizeObserver2.disconnect();
};
}
}, []);
if (!enabled) {
return null;
}
const isSmallComponent = (component === "Checkbox" || component === "Radio") && (target === null || target === void 0 ? void 0 : target.classList.contains(TARGET_CLS));
return /* @__PURE__ */ reactExports.createElement(CSSMotion, {
visible: true,
motionAppear: true,
motionName: "wave-motion",
motionDeadline: 5e3,
onAppearEnd: (_, event) => {
var _a, _b;
if (event.deadline || event.propertyName === "opacity") {
const holder = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
(_b = unmountRef.current) === null || _b === void 0 ? void 0 : _b.call(unmountRef).then(() => {
holder === null || holder === void 0 ? void 0 : holder.remove();
});
}
return false;
}
}, ({
className: motionClassName
}, ref) => /* @__PURE__ */ reactExports.createElement("div", {
ref: composeRef(divRef, ref),
className: classNames(className, motionClassName, {
"wave-quick": isSmallComponent
}),
style: waveStyle
}));
};
const showWaveEffect = (target, info) => {
var _a;
const {
component
} = info;
if (component === "Checkbox" && !((_a = target.querySelector("input")) === null || _a === void 0 ? void 0 : _a.checked)) {
return;
}
const holder = document.createElement("div");
holder.style.position = "absolute";
holder.style.left = "0px";
holder.style.top = "0px";
target === null || target === void 0 ? void 0 : target.insertBefore(holder, target === null || target === void 0 ? void 0 : target.firstChild);
const reactRender2 = unstableSetRender();
let unmountCallback = null;
function registerUnmount() {
return unmountCallback;
}
unmountCallback = reactRender2(/* @__PURE__ */ reactExports.createElement(WaveEffect, Object.assign({}, info, {
target,
registerUnmount
})), holder);
};
const useWave = (nodeRef, className, component) => {
const {
wave
} = reactExports.useContext(ConfigContext);
const [, token2, hashId] = useToken$2();
const showWave = useEvent((event) => {
const node2 = nodeRef.current;
if ((wave === null || wave === void 0 ? void 0 : wave.disabled) || !node2) {
return;
}
const targetNode = node2.querySelector(`.${TARGET_CLS}`) || node2;
const {
showEffect
} = wave || {};
(showEffect || showWaveEffect)(targetNode, {
className,
token: token2,
component,
event,
hashId
});
});
const rafId = reactExports.useRef(null);
const showDebounceWave = (event) => {
wrapperRaf.cancel(rafId.current);
rafId.current = wrapperRaf(() => {
showWave(event);
});
};
return showDebounceWave;
};
const Wave = (props) => {
const {
children,
disabled,
component
} = props;
const {
getPrefixCls
} = reactExports.useContext(ConfigContext);
const containerRef = reactExports.useRef(null);
const prefixCls = getPrefixCls("wave");
const [, hashId] = useStyle$7(prefixCls);
const showWave = useWave(containerRef, classNames(prefixCls, hashId), component);
React.useEffect(() => {
const node2 = containerRef.current;
if (!node2 || node2.nodeType !== 1 || disabled) {
return;
}
const onClick = (e) => {
if (!isVisible(e.target) || // No need wave
!node2.getAttribute || node2.getAttribute("disabled") || node2.disabled || node2.className.includes("disabled") || node2.className.includes("-leave")) {
return;
}
showWave(e);
};
node2.addEventListener("click", onClick, true);
return () => {
node2.removeEventListener("click", onClick, true);
};
}, [disabled]);
if (!/* @__PURE__ */ React.isValidElement(children)) {
return children !== null && children !== void 0 ? children : null;
}
const ref = supportRef(children) ? composeRef(getNodeRef(children), containerRef) : containerRef;
return cloneElement(children, {
ref
});
};
const useSize = (customSize) => {
const size = React.useContext(SizeContext);
const mergedSize = React.useMemo(() => {
if (!customSize) {
return size;
}
if (typeof customSize === "string") {
return customSize !== null && customSize !== void 0 ? customSize : size;
}
if (typeof customSize === "function") {
return customSize(size);
}
return size;
}, [customSize, size]);
return mergedSize;
};
const genSpaceCompactStyle = (token2) => {
const {
componentCls
} = token2;
return {
[componentCls]: {
"&-block": {
display: "flex",
width: "100%"
},
"&-vertical": {
flexDirection: "column"
}
}
};
};
const genSpaceStyle = (token2) => {
const {
componentCls,
antCls
} = token2;
return {
[componentCls]: {
display: "inline-flex",
"&-rtl": {
direction: "rtl"
},
"&-vertical": {
flexDirection: "column"
},
"&-align": {
flexDirection: "column",
"&-center": {
alignItems: "center"
},
"&-start": {
alignItems: "flex-start"
},
"&-end": {
alignItems: "flex-end"
},
"&-baseline": {
alignItems: "baseline"
}
},
[`${componentCls}-item:empty`]: {
display: "none"
},
// https://github.com/ant-design/ant-design/issues/47875
[`${componentCls}-item > ${antCls}-badge-not-a-wrapper:only-child`]: {
display: "block"
}
}
};
};
const genSpaceGapStyle = (token2) => {
const {
componentCls
} = token2;
return {
[componentCls]: {
"&-gap-row-small": {
rowGap: token2.spaceGapSmallSize
},
"&-gap-row-middle": {
rowGap: token2.spaceGapMiddleSize
},
"&-gap-row-large": {
rowGap: token2.spaceGapLargeSize
},
"&-gap-col-small": {
columnGap: token2.spaceGapSmallSize
},
"&-gap-col-middle": {
columnGap: token2.spaceGapMiddleSize
},
"&-gap-col-large": {
columnGap: token2.spaceGapLargeSize
}
}
};
};
const useStyle$6 = genStyleHooks("Space", (token2) => {
const spaceToken = merge(token2, {
spaceGapSmallSize: token2.paddingXS,
spaceGapMiddleSize: token2.padding,
spaceGapLargeSize: token2.paddingLG
});
return [genSpaceStyle(spaceToken), genSpaceGapStyle(spaceToken), genSpaceCompactStyle(spaceToken)];
}, () => ({}), {
// Space component don't apply extra font style
// https://github.com/ant-design/ant-design/issues/40315
resetStyle: false
});
var __rest$b = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const SpaceCompactItemContext = /* @__PURE__ */ reactExports.createContext(null);
const useCompactItemContext = (prefixCls, direction) => {
const compactItemContext = reactExports.useContext(SpaceCompactItemContext);
const compactItemClassnames = reactExports.useMemo(() => {
if (!compactItemContext) {
return "";
}
const {
compactDirection,
isFirstItem,
isLastItem
} = compactItemContext;
const separator = compactDirection === "vertical" ? "-vertical-" : "-";
return classNames(`${prefixCls}-compact${separator}item`, {
[`${prefixCls}-compact${separator}first-item`]: isFirstItem,
[`${prefixCls}-compact${separator}last-item`]: isLastItem,
[`${prefixCls}-compact${separator}item-rtl`]: direction === "rtl"
});
}, [prefixCls, direction, compactItemContext]);
return {
compactSize: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactSize,
compactDirection: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactDirection,
compactItemClassnames
};
};
const NoCompactStyle = (props) => {
const {
children
} = props;
return /* @__PURE__ */ reactExports.createElement(SpaceCompactItemContext.Provider, {
value: null
}, children);
};
const CompactItem = (props) => {
const {
children
} = props, others = __rest$b(props, ["children"]);
return /* @__PURE__ */ reactExports.createElement(SpaceCompactItemContext.Provider, {
value: reactExports.useMemo(() => others, [others])
}, children);
};
const Compact$1 = (props) => {
const {
getPrefixCls,
direction: directionConfig
} = reactExports.useContext(ConfigContext);
const {
size,
direction,
block,
prefixCls: customizePrefixCls,
className,
rootClassName,
children
} = props, restProps = __rest$b(props, ["size", "direction", "block", "prefixCls", "className", "rootClassName", "children"]);
const mergedSize = useSize((ctx) => size !== null && size !== void 0 ? size : ctx);
const prefixCls = getPrefixCls("space-compact", customizePrefixCls);
const [wrapCSSVar, hashId] = useStyle$6(prefixCls);
const clx = classNames(prefixCls, hashId, {
[`${prefixCls}-rtl`]: directionConfig === "rtl",
[`${prefixCls}-block`]: block,
[`${prefixCls}-vertical`]: direction === "vertical"
}, className, rootClassName);
const compactItemContext = reactExports.useContext(SpaceCompactItemContext);
const childNodes = toArray$2(children);
const nodes = reactExports.useMemo(() => childNodes.map((child, i) => {
const key = (child === null || child === void 0 ? void 0 : child.key) || `${prefixCls}-item-${i}`;
return /* @__PURE__ */ reactExports.createElement(CompactItem, {
key,
compactSize: mergedSize,
compactDirection: direction,
isFirstItem: i === 0 && (!compactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isFirstItem)),
isLastItem: i === childNodes.length - 1 && (!compactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isLastItem))
}, child);
}), [size, childNodes, compactItemContext]);
if (childNodes.length === 0) {
return null;
}
return wrapCSSVar(/* @__PURE__ */ reactExports.createElement("div", Object.assign({
className: clx
}, restProps), nodes));
};
var __rest$a = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const GroupSizeContext = /* @__PURE__ */ reactExports.createContext(void 0);
const ButtonGroup = (props) => {
const {
getPrefixCls,
direction
} = reactExports.useContext(ConfigContext);
const {
prefixCls: customizePrefixCls,
size,
className
} = props, others = __rest$a(props, ["prefixCls", "size", "className"]);
const prefixCls = getPrefixCls("btn-group", customizePrefixCls);
const [, , hashId] = useToken$2();
const sizeCls = reactExports.useMemo(() => {
switch (size) {
case "large":
return "lg";
case "small":
return "sm";
default:
return "";
}
}, [size]);
const classes = classNames(prefixCls, {
[`${prefixCls}-${sizeCls}`]: sizeCls,
[`${prefixCls}-rtl`]: direction === "rtl"
}, className, hashId);
return /* @__PURE__ */ reactExports.createElement(GroupSizeContext.Provider, {
value: size
}, /* @__PURE__ */ reactExports.createElement("div", Object.assign({}, others, {
className: classes
})));
};
const rxTwoCNChar = /^[\u4E00-\u9FA5]{2}$/;
const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
function isString(str) {
return typeof str === "string";
}
function isUnBorderedButtonVariant(type4) {
return type4 === "text" || type4 === "link";
}
function splitCNCharsBySpace(child, needInserted) {
if (child === null || child === void 0) {
return;
}
const SPACE = needInserted ? " " : "";
if (typeof child !== "string" && typeof child !== "number" && isString(child.type) && isTwoCNChar(child.props.children)) {
return cloneElement(child, {
children: child.props.children.split("").join(SPACE)
});
}
if (isString(child)) {
return isTwoCNChar(child) ? /* @__PURE__ */ React.createElement("span", null, child.split("").join(SPACE)) : /* @__PURE__ */ React.createElement("span", null, child);
}
if (isFragment(child)) {
return /* @__PURE__ */ React.createElement("span", null, child);
}
return child;
}
function spaceChildren(children, needInserted) {
let isPrevChildPure = false;
const childList = [];
React.Children.forEach(children, (child) => {
const type4 = typeof child;
const isCurrentChildPure = type4 === "string" || type4 === "number";
if (isPrevChildPure && isCurrentChildPure) {
const lastIndex = childList.length - 1;
const lastChild = childList[lastIndex];
childList[lastIndex] = `${lastChild}${child}`;
} else {
childList.push(child);
}
isPrevChildPure = isCurrentChildPure;
});
return React.Children.map(childList, (child) => splitCNCharsBySpace(child, needInserted));
}
["default", "primary", "danger"].concat(_toConsumableArray(PresetColors));
const IconWrapper = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
const {
className,
style: style2,
children,
prefixCls
} = props;
const iconWrapperCls = classNames(`${prefixCls}-icon`, className);
return /* @__PURE__ */ React.createElement("span", {
ref,
className: iconWrapperCls,
style: style2
}, children);
});
const InnerLoadingIcon = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
const {
prefixCls,
className,
style: style2,
iconClassName
} = props;
const mergedIconCls = classNames(`${prefixCls}-loading-icon`, className);
return /* @__PURE__ */ React.createElement(IconWrapper, {
prefixCls,
className: mergedIconCls,
style: style2,
ref
}, /* @__PURE__ */ React.createElement(RefIcon$4, {
className: iconClassName
}));
});
const getCollapsedWidth = () => ({
width: 0,
opacity: 0,
transform: "scale(0)"
});
const getRealWidth = (node2) => ({
width: node2.scrollWidth,
opacity: 1,
transform: "scale(1)"
});
const DefaultLoadingIcon = (props) => {
const {
prefixCls,
loading,
existIcon,
className,
style: style2,
mount
} = props;
const visible = !!loading;
if (existIcon) {
return /* @__PURE__ */ React.createElement(InnerLoadingIcon, {
prefixCls,
className,
style: style2
});
}
return /* @__PURE__ */ React.createElement(CSSMotion, {
visible,
// Used for minus flex gap style only
motionName: `${prefixCls}-loading-icon-motion`,
motionAppear: !mount,
motionEnter: !mount,
motionLeave: !mount,
removeOnLeave: true,
onAppearStart: getCollapsedWidth,
onAppearActive: getRealWidth,
onEnterStart: getCollapsedWidth,
onEnterActive: getRealWidth,
onLeaveStart: getRealWidth,
onLeaveActive: getCollapsedWidth
}, ({
className: motionCls,
style: motionStyle
}, ref) => {
const mergedStyle = Object.assign(Object.assign({}, style2), motionStyle);
return /* @__PURE__ */ React.createElement(InnerLoadingIcon, {
prefixCls,
className: classNames(className, motionCls),
style: mergedStyle,
ref
});
});
};
const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({
// Border
[`> span, > ${buttonTypeCls}`]: {
"&:not(:last-child)": {
[`&, & > ${buttonTypeCls}`]: {
"&:not(:disabled)": {
borderInlineEndColor: borderColor
}
}
},
"&:not(:first-child)": {
[`&, & > ${buttonTypeCls}`]: {
"&:not(:disabled)": {
borderInlineStartColor: borderColor
}
}
}
}
});
const genGroupStyle = (token2) => {
const {
componentCls,
fontSize,
lineWidth,
groupBorderColor,
colorErrorHover
} = token2;
return {
[`${componentCls}-group`]: [
{
position: "relative",
display: "inline-flex",
// Border
[`> span, > ${componentCls}`]: {
"&:not(:last-child)": {
[`&, & > ${componentCls}`]: {
borderStartEndRadius: 0,
borderEndEndRadius: 0
}
},
"&:not(:first-child)": {
marginInlineStart: token2.calc(lineWidth).mul(-1).equal(),
[`&, & > ${componentCls}`]: {
borderStartStartRadius: 0,
borderEndStartRadius: 0
}
}
},
[componentCls]: {
position: "relative",
zIndex: 1,
"&:hover, &:focus, &:active": {
zIndex: 2
},
"&[disabled]": {
zIndex: 0
}
},
[`${componentCls}-icon-only`]: {
fontSize
}
},
// Border Color
genButtonBorderStyle(`${componentCls}-primary`, groupBorderColor),
genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)
]
};
};
var _excluded$j = ["b"], _excluded2$3 = ["v"];
var getRoundNumber = function getRoundNumber2(value) {
return Math.round(Number(value || 0));
};
var convertHsb2Hsv = function convertHsb2Hsv2(color) {
if (color instanceof FastColor) {
return color;
}
if (color && _typeof(color) === "object" && "h" in color && "b" in color) {
var _ref = color, b = _ref.b, resets = _objectWithoutProperties(_ref, _excluded$j);
return _objectSpread2(_objectSpread2({}, resets), {}, {
v: b
});
}
if (typeof color === "string" && /hsb/.test(color)) {
return color.replace(/hsb/, "hsv");
}
return color;
};
var Color = /* @__PURE__ */ function(_FastColor) {
_inherits(Color2, _FastColor);
var _super = _createSuper(Color2);
function Color2(color) {
_classCallCheck(this, Color2);
return _super.call(this, convertHsb2Hsv(color));
}
_createClass(Color2, [{
key: "toHsbString",
value: function toHsbString() {
var hsb = this.toHsb();
var saturation = getRoundNumber(hsb.s * 100);
var lightness = getRoundNumber(hsb.b * 100);
var hue = getRoundNumber(hsb.h);
var alpha = hsb.a;
var hsbString = "hsb(".concat(hue, ", ").concat(saturation, "%, ").concat(lightness, "%)");
var hsbaString = "hsba(".concat(hue, ", ").concat(saturation, "%, ").concat(lightness, "%, ").concat(alpha.toFixed(alpha === 0 ? 0 : 2), ")");
return alpha === 1 ? hsbString : hsbaString;
}
}, {
key: "toHsb",
value: function toHsb() {
var _this$toHsv = this.toHsv(), v = _this$toHsv.v, resets = _objectWithoutProperties(_this$toHsv, _excluded2$3);
return _objectSpread2(_objectSpread2({}, resets), {}, {
b: v,
a: this.a
});
}
}]);
return Color2;
}(FastColor);
var generateColor = function generateColor2(color) {
if (color instanceof Color) {
return color;
}
return new Color(color);
};
generateColor("#1677ff");
const toHexFormat = (value, alpha) => (value === null || value === void 0 ? void 0 : value.replace(/[^\w/]/g, "").slice(0, alpha ? 8 : 6)) || "";
const getHex = (value, alpha) => value ? toHexFormat(value, alpha) : "";
let AggregationColor = /* @__PURE__ */ function() {
function AggregationColor2(color) {
_classCallCheck(this, AggregationColor2);
var _a;
this.cleared = false;
if (color instanceof AggregationColor2) {
this.metaColor = color.metaColor.clone();
this.colors = (_a = color.colors) === null || _a === void 0 ? void 0 : _a.map((info) => ({
color: new AggregationColor2(info.color),
percent: info.percent
}));
this.cleared = color.cleared;
return;
}
const isArray = Array.isArray(color);
if (isArray && color.length) {
this.colors = color.map(({
color: c,
percent
}) => ({
color: new AggregationColor2(c),
percent
}));
this.metaColor = new Color(this.colors[0].color.metaColor);
} else {
this.metaColor = new Color(isArray ? "" : color);
}
if (!color || isArray && !this.colors) {
this.metaColor = this.metaColor.setA(0);
this.cleared = true;
}
}
return _createClass(AggregationColor2, [{
key: "toHsb",
value: function toHsb() {
return this.metaColor.toHsb();
}
}, {
key: "toHsbString",
value: function toHsbString() {
return this.metaColor.toHsbString();
}
}, {
key: "toHex",
value: function toHex() {
return getHex(this.toHexString(), this.metaColor.a < 1);
}
}, {
key: "toHexString",
value: function toHexString() {
return this.metaColor.toHexString();
}
}, {
key: "toRgb",
value: function toRgb() {
return this.metaColor.toRgb();
}
}, {
key: "toRgbString",
value: function toRgbString() {
return this.metaColor.toRgbString();
}
}, {
key: "isGradient",
value: function isGradient() {
return !!this.colors && !this.cleared;
}
}, {
key: "getColors",
value: function getColors() {
return this.colors || [{
color: this,
percent: 0
}];
}
}, {
key: "toCssString",
value: function toCssString() {
const {
colors
} = this;
if (colors) {
const colorsStr = colors.map((c) => `${c.color.toRgbString()} ${c.percent}%`).join(", ");
return `linear-gradient(90deg, ${colorsStr})`;
}
return this.metaColor.toRgbString();
}
}, {
key: "equals",
value: function equals(color) {
if (!color || this.isGradient() !== color.isGradient()) {
return false;
}
if (!this.isGradient()) {
return this.toHexString() === color.toHexString();
}
return this.colors.length === color.colors.length && this.colors.every((c, i) => {
const target = color.colors[i];
return c.percent === target.percent && c.color.equals(target.color);
});
}
}]);
}();
var RightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
var RightOutlined = function RightOutlined2(props, ref) {
return /* @__PURE__ */ reactExports.createElement(Icon$2, _extends({}, props, {
ref,
icon: RightOutlined$1
}));
};
var RefIcon$3 = /* @__PURE__ */ reactExports.forwardRef(RightOutlined);
const genCollapseMotion = (token2) => ({
[token2.componentCls]: {
// For common/openAnimation
[`${token2.antCls}-motion-collapse-legacy`]: {
overflow: "hidden",
"&-active": {
transition: `height ${token2.motionDurationMid} ${token2.motionEaseInOut},
opacity ${token2.motionDurationMid} ${token2.motionEaseInOut} !important`
}
},
[`${token2.antCls}-motion-collapse`]: {
overflow: "hidden",
transition: `height ${token2.motionDurationMid} ${token2.motionEaseInOut},
opacity ${token2.motionDurationMid} ${token2.motionEaseInOut} !important`
}
}
});
const initMotionCommon = (duration) => ({
animationDuration: duration,
animationFillMode: "both"
});
const initMotionCommonLeave = (duration) => ({
animationDuration: duration,
animationFillMode: "both"
});
const initMotion = (motionCls, inKeyframes, outKeyframes, duration, sameLevel = false) => {
const sameLevelPrefix = sameLevel ? "&" : "";
return {
[`
${sameLevelPrefix}${motionCls}-enter,
${sameLevelPrefix}${motionCls}-appear
`]: Object.assign(Object.assign({}, initMotionCommon(duration)), {
animationPlayState: "paused"
}),
[`${sameLevelPrefix}${motionCls}-leave`]: Object.assign(Object.assign({}, initMotionCommonLeave(duration)), {
animationPlayState: "paused"
}),
[`
${sameLevelPrefix}${motionCls}-enter${motionCls}-enter-active,
${sameLevelPrefix}${motionCls}-appear${motionCls}-appear-active
`]: {
animationName: inKeyframes,
animationPlayState: "running"
},
[`${sameLevelPrefix}${motionCls}-leave${motionCls}-leave-active`]: {
animationName: outKeyframes,
animationPlayState: "running",
pointerEvents: "none"
}
};
};
const moveDownIn = new Keyframe("antMoveDownIn", {
"0%": {
transform: "translate3d(0, 100%, 0)",
transformOrigin: "0 0",
opacity: 0
},
"100%": {
transform: "translate3d(0, 0, 0)",
transformOrigin: "0 0",
opacity: 1
}
});
const moveDownOut = new Keyframe("antMoveDownOut", {
"0%": {
transform: "translate3d(0, 0, 0)",
transformOrigin: "0 0",
opacity: 1
},
"100%": {
transform: "translate3d(0, 100%, 0)",
transformOrigin: "0 0",
opacity: 0
}
});
const moveLeftIn = new Keyframe("antMoveLeftIn", {
"0%": {
transform: "translate3d(-100%, 0, 0)",
transformOrigin: "0 0",
opacity: 0
},
"100%": {
transform: "translate3d(0, 0, 0)",
transformOrigin: "0 0",
opacity: 1
}
});
const moveLeftOut = new Keyframe("antMoveLeftOut", {
"0%": {
transform: "translate3d(0, 0, 0)",
transformOrigin: "0 0",
opacity: 1
},
"100%": {
transform: "translate3d(-100%, 0, 0)",
transformOrigin: "0 0",
opacity: 0
}
});
const moveRightIn = new Keyframe("antMoveRightIn", {
"0%": {
transform: "translate3d(100%, 0, 0)",
transformOrigin: "0 0",
opacity: 0
},
"100%": {
transform: "translate3d(0, 0, 0)",
transformOrigin: "0 0",
opacity: 1
}
});
const moveRightOut = new Keyframe("antMoveRightOut", {
"0%": {
transform: "translate3d(0, 0, 0)",
transformOrigin: "0 0",
opacity: 1
},
"100%": {
transform: "translate3d(100%, 0, 0)",
transformOrigin: "0 0",
opacity: 0
}
});
const moveUpIn = new Keyframe("antMoveUpIn", {
"0%": {
transform: "translate3d(0, -100%, 0)",
transformOrigin: "0 0",
opacity: 0
},
"100%": {
transform: "translate3d(0, 0, 0)",
transformOrigin: "0 0",
opacity: 1
}
});
const moveUpOut = new Keyframe("antMoveUpOut", {
"0%": {
transform: "translate3d(0, 0, 0)",
transformOrigin: "0 0",
opacity: 1
},
"100%": {
transform: "translate3d(0, -100%, 0)",
transformOrigin: "0 0",
opacity: 0
}
});
const moveMotion = {
"move-up": {
inKeyframes: moveUpIn,
outKeyframes: moveUpOut
},
"move-down": {
inKeyframes: moveDownIn,
outKeyframes: moveDownOut
},
"move-left": {
inKeyframes: moveLeftIn,
outKeyframes: moveLeftOut
},
"move-right": {
inKeyframes: moveRightIn,
outKeyframes: moveRightOut
}
};
const initMoveMotion = (token2, motionName) => {
const {
antCls
} = token2;
const motionCls = `${antCls}-${motionName}`;
const {
inKeyframes,
outKeyframes
} = moveMotion[motionName];
return [initMotion(motionCls, inKeyframes, outKeyframes, token2.motionDurationMid), {
[`
${motionCls}-enter,
${motionCls}-appear
`]: {
opacity: 0,
animationTimingFunction: token2.motionEaseOutCirc
},
[`${motionCls}-leave`]: {
animationTimingFunction: token2.motionEaseInOutCirc
}
}];
};
const slideUpIn = new Keyframe("antSlideUpIn", {
"0%": {
transform: "scaleY(0.8)",
transformOrigin: "0% 0%",
opacity: 0
},
"100%": {
transform: "scaleY(1)",
transformOrigin: "0% 0%",
opacity: 1
}
});
const slideUpOut = new Keyframe("antSlideUpOut", {
"0%": {
transform: "scaleY(1)",
transformOrigin: "0% 0%",
opacity: 1
},
"100%": {
transform: "scaleY(0.8)",
transformOrigin: "0% 0%",
opacity: 0
}
});
const slideDownIn = new Keyframe("antSlideDownIn", {
"0%": {
transform: "scaleY(0.8)",
transformOrigin: "100% 100%",
opacity: 0
},
"100%": {
transform: "scaleY(1)",
transformOrigin: "100% 100%",
opacity: 1
}
});
const slideDownOut = new Keyframe("antSlideDownOut", {
"0%": {
transform: "scaleY(1)",
transformOrigin: "100% 100%",
opacity: 1
},
"100%": {
transform: "scaleY(0.8)",
transformOrigin: "100% 100%",
opacity: 0
}
});
const slideLeftIn = new Keyframe("antSlideLeftIn", {
"0%": {
transform: "scaleX(0.8)",
transformOrigin: "0% 0%",
opacity: 0
},
"100%": {
transform: "scaleX(1)",
transformOrigin: "0% 0%",
opacity: 1
}
});
const slideLeftOut = new Keyframe("antSlideLeftOut", {
"0%": {
transform: "scaleX(1)",
transformOrigin: "0% 0%",
opacity: 1
},
"100%": {
transform: "scaleX(0.8)",
transformOrigin: "0% 0%",
opacity: 0
}
});
const slideRightIn = new Keyframe("antSlideRightIn", {
"0%": {
transform: "scaleX(0.8)",
transformOrigin: "100% 0%",
opacity: 0
},
"100%": {
transform: "scaleX(1)",
transformOrigin: "100% 0%",
opacity: 1
}
});
const slideRightOut = new Keyframe("antSlideRightOut", {
"0%": {
transform: "scaleX(1)",
transformOrigin: "100% 0%",
opacity: 1
},
"100%": {
transform: "scaleX(0.8)",
transformOrigin: "100% 0%",
opacity: 0
}
});
const slideMotion = {
"slide-up": {
inKeyframes: slideUpIn,
outKeyframes: slideUpOut
},
"slide-down": {
inKeyframes: slideDownIn,
outKeyframes: slideDownOut
},
"slide-left": {
inKeyframes: slideLeftIn,
outKeyframes: slideLeftOut
},
"slide-right": {
inKeyframes: slideRightIn,
outKeyframes: slideRightOut
}
};
const initSlideMotion = (token2, motionName) => {
const {
antCls
} = token2;
const motionCls = `${antCls}-${motionName}`;
const {
inKeyframes,
outKeyframes
} = slideMotion[motionName];
return [initMotion(motionCls, inKeyframes, outKeyframes, token2.motionDurationMid), {
[`
${motionCls}-enter,
${motionCls}-appear
`]: {
transform: "scale(0)",
transformOrigin: "0% 0%",
opacity: 0,
animationTimingFunction: token2.motionEaseOutQuint,
"&-prepare": {
transform: "scale(1)"
}
},
[`${motionCls}-leave`]: {
animationTimingFunction: token2.motionEaseInQuint
}
}];
};
const zoomIn = new Keyframe("antZoomIn", {
"0%": {
transform: "scale(0.2)",
opacity: 0
},
"100%": {
transform: "scale(1)",
opacity: 1
}
});
const zoomOut = new Keyframe("antZoomOut", {
"0%": {
transform: "scale(1)"
},
"100%": {
transform: "scale(0.2)",
opacity: 0
}
});
const zoomBigIn = new Keyframe("antZoomBigIn", {
"0%": {
transform: "scale(0.8)",
opacity: 0
},
"100%": {
transform: "scale(1)",
opacity: 1
}
});
const zoomBigOut = new Keyframe("antZoomBigOut", {
"0%": {
transform: "scale(1)"
},
"100%": {
transform: "scale(0.8)",
opacity: 0
}
});
const zoomUpIn = new Keyframe("antZoomUpIn", {
"0%": {
transform: "scale(0.8)",
transformOrigin: "50% 0%",
opacity: 0
},
"100%": {
transform: "scale(1)",
transformOrigin: "50% 0%"
}
});
const zoomUpOut = new Keyframe("antZoomUpOut", {
"0%": {
transform: "scale(1)",
transformOrigin: "50% 0%"
},
"100%": {
transform: "scale(0.8)",
transformOrigin: "50% 0%",
opacity: 0
}
});
const zoomLeftIn = new Keyframe("antZoomLeftIn", {
"0%": {
transform: "scale(0.8)",
transformOrigin: "0% 50%",
opacity: 0
},
"100%": {
transform: "scale(1)",
transformOrigin: "0% 50%"
}
});
const zoomLeftOut = new Keyframe("antZoomLeftOut", {
"0%": {
transform: "scale(1)",
transformOrigin: "0% 50%"
},
"100%": {
transform: "scale(0.8)",
transformOrigin: "0% 50%",
opacity: 0
}
});
const zoomRightIn = new Keyframe("antZoomRightIn", {
"0%": {
transform: "scale(0.8)",
transformOrigin: "100% 50%",
opacity: 0
},
"100%": {
transform: "scale(1)",
transformOrigin: "100% 50%"
}
});
const zoomRightOut = new Keyframe("antZoomRightOut", {
"0%": {
transform: "scale(1)",
transformOrigin: "100% 50%"
},
"100%": {
transform: "scale(0.8)",
transformOrigin: "100% 50%",
opacity: 0
}
});
const zoomDownIn = new Keyframe("antZoomDownIn", {
"0%": {
transform: "scale(0.8)",
transformOrigin: "50% 100%",
opacity: 0
},
"100%": {
transform: "scale(1)",
transformOrigin: "50% 100%"
}
});
const zoomDownOut = new Keyframe("antZoomDownOut", {
"0%": {
transform: "scale(1)",
transformOrigin: "50% 100%"
},
"100%": {
transform: "scale(0.8)",
transformOrigin: "50% 100%",
opacity: 0
}
});
const zoomMotion = {
zoom: {
inKeyframes: zoomIn,
outKeyframes: zoomOut
},
"zoom-big": {
inKeyframes: zoomBigIn,
outKeyframes: zoomBigOut
},
"zoom-big-fast": {
inKeyframes: zoomBigIn,
outKeyframes: zoomBigOut
},
"zoom-left": {
inKeyframes: zoomLeftIn,
outKeyframes: zoomLeftOut
},
"zoom-right": {
inKeyframes: zoomRightIn,
outKeyframes: zoomRightOut
},
"zoom-up": {
inKeyframes: zoomUpIn,
outKeyframes: zoomUpOut
},
"zoom-down": {
inKeyframes: zoomDownIn,
outKeyframes: zoomDownOut
}
};
const initZoomMotion = (token2, motionName) => {
const {
antCls
} = token2;
const motionCls = `${antCls}-${motionName}`;
const {
inKeyframes,
outKeyframes
} = zoomMotion[motionName];
return [initMotion(motionCls, inKeyframes, outKeyframes, motionName === "zoom-big-fast" ? token2.motionDurationFast : token2.motionDurationMid), {
[`
${motionCls}-enter,
${motionCls}-appear
`]: {
transform: "scale(0)",
opacity: 0,
animationTimingFunction: token2.motionEaseOutCirc,
"&-prepare": {
transform: "none"
}
},
[`${motionCls}-leave`]: {
animationTimingFunction: token2.motionEaseInOutCirc
}
}];
};
const isBright = (value, bgColorToken) => {
const {
r,
g,
b,
a
} = value.toRgb();
const hsv = new Color(value.toRgbString()).onBackground(bgColorToken).toHsv();
if (a <= 0.5) {
return hsv.v > 0.5;
}
return r * 0.299 + g * 0.587 + b * 0.114 > 192;
};
const prepareToken = (token2) => {
const {
paddingInline,
onlyIconSize
} = token2;
const buttonToken = merge(token2, {
buttonPaddingHorizontal: paddingInline,
buttonPaddingVertical: 0,
buttonIconOnlyFontSize: onlyIconSize
});
return buttonToken;
};
const prepareComponentToken$5 = (token2) => {
var _a, _b, _c, _d, _e, _f;
const contentFontSize = (_a = token2.contentFontSize) !== null && _a !== void 0 ? _a : token2.fontSize;
const contentFontSizeSM = (_b = token2.contentFontSizeSM) !== null && _b !== void 0 ? _b : token2.fontSize;
const contentFontSizeLG = (_c = token2.contentFontSizeLG) !== null && _c !== void 0 ? _c : token2.fontSizeLG;
const contentLineHeight = (_d = token2.contentLineHeight) !== null && _d !== void 0 ? _d : getLineHeight(contentFontSize);
const contentLineHeightSM = (_e = token2.contentLineHeightSM) !== null && _e !== void 0 ? _e : getLineHeight(contentFontSizeSM);
const contentLineHeightLG = (_f = token2.contentLineHeightLG) !== null && _f !== void 0 ? _f : getLineHeight(contentFontSizeLG);
const solidTextColor = isBright(new AggregationColor(token2.colorBgSolid), "#fff") ? "#000" : "#fff";
const shadowColorTokens = PresetColors.reduce((prev2, colorKey) => Object.assign(Object.assign({}, prev2), {
[`${colorKey}ShadowColor`]: `0 ${unit$1(token2.controlOutlineWidth)} 0 ${getAlphaColor(token2[`${colorKey}1`], token2.colorBgContainer)}`
}), {});
return Object.assign(Object.assign({}, shadowColorTokens), {
fontWeight: 400,
defaultShadow: `0 ${token2.controlOutlineWidth}px 0 ${token2.controlTmpOutline}`,
primaryShadow: `0 ${token2.controlOutlineWidth}px 0 ${token2.controlOutline}`,
dangerShadow: `0 ${token2.controlOutlineWidth}px 0 ${token2.colorErrorOutline}`,
primaryColor: token2.colorTextLightSolid,
dangerColor: token2.colorTextLightSolid,
borderColorDisabled: token2.colorBorder,
defaultGhostColor: token2.colorBgContainer,
ghostBg: "transparent",
defaultGhostBorderColor: token2.colorBgContainer,
paddingInline: token2.paddingContentHorizontal - token2.lineWidth,
paddingInlineLG: token2.paddingContentHorizontal - token2.lineWidth,
paddingInlineSM: 8 - token2.lineWidth,
onlyIconSize: "inherit",
onlyIconSizeSM: "inherit",
onlyIconSizeLG: "inherit",
groupBorderColor: token2.colorPrimaryHover,
linkHoverBg: "transparent",
textTextColor: token2.colorText,
textTextHoverColor: token2.colorText,
textTextActiveColor: token2.colorText,
textHoverBg: token2.colorFillTertiary,
defaultColor: token2.colorText,
defaultBg: token2.colorBgContainer,
defaultBorderColor: token2.colorBorder,
defaultBorderColorDisabled: token2.colorBorder,
defaultHoverBg: token2.colorBgContainer,
defaultHoverColor: token2.colorPrimaryHover,
defaultHoverBorderColor: token2.colorPrimaryHover,
defaultActiveBg: token2.colorBgContainer,
defaultActiveColor: token2.colorPrimaryActive,
defaultActiveBorderColor: token2.colorPrimaryActive,
solidTextColor,
contentFontSize,
contentFontSizeSM,
contentFontSizeLG,
contentLineHeight,
contentLineHeightSM,
contentLineHeightLG,
paddingBlock: Math.max((token2.controlHeight - contentFontSize * contentLineHeight) / 2 - token2.lineWidth, 0),
paddingBlockSM: Math.max((token2.controlHeightSM - contentFontSizeSM * contentLineHeightSM) / 2 - token2.lineWidth, 0),
paddingBlockLG: Math.max((token2.controlHeightLG - contentFontSizeLG * contentLineHeightLG) / 2 - token2.lineWidth, 0)
});
};
const genSharedButtonStyle = (token2) => {
const {
componentCls,
iconCls,
fontWeight,
opacityLoading,
motionDurationSlow,
motionEaseInOut,
marginXS,
calc
} = token2;
return {
[componentCls]: {
outline: "none",
position: "relative",
display: "inline-flex",
gap: token2.marginXS,
alignItems: "center",
justifyContent: "center",
fontWeight,
whiteSpace: "nowrap",
textAlign: "center",
backgroundImage: "none",
background: "transparent",
border: `${unit$1(token2.lineWidth)} ${token2.lineType} transparent`,
cursor: "pointer",
transition: `all ${token2.motionDurationMid} ${token2.motionEaseInOut}`,
userSelect: "none",
touchAction: "manipulation",
color: token2.colorText,
"&:disabled > *": {
pointerEvents: "none"
},
// https://github.com/ant-design/ant-design/issues/51380
[`${componentCls}-icon > svg`]: resetIcon(),
"> a": {
color: "currentColor"
},
"&:not(:disabled)": genFocusStyle(token2),
[`&${componentCls}-two-chinese-chars::first-letter`]: {
letterSpacing: "0.34em"
},
[`&${componentCls}-two-chinese-chars > *:not(${iconCls})`]: {
marginInlineEnd: "-0.34em",
letterSpacing: "0.34em"
},
[`&${componentCls}-icon-only`]: {
paddingInline: 0,
// make `btn-icon-only` not too narrow
[`&${componentCls}-compact-item`]: {
flex: "none"
},
[`&${componentCls}-round`]: {
width: "auto"
}
},
// Loading
[`&${componentCls}-loading`]: {
opacity: opacityLoading,
cursor: "default"
},
[`${componentCls}-loading-icon`]: {
transition: ["width", "opacity", "margin"].map((transition) => `${transition} ${motionDurationSlow} ${motionEaseInOut}`).join(",")
},
// iconPosition
[`&:not(${componentCls}-icon-end)`]: {
[`${componentCls}-loading-icon-motion`]: {
"&-appear-start, &-enter-start": {
marginInlineEnd: calc(marginXS).mul(-1).equal()
},
"&-appear-active, &-enter-active": {
marginInlineEnd: 0
},
"&-leave-start": {
marginInlineEnd: 0
},
"&-leave-active": {
marginInlineEnd: calc(marginXS).mul(-1).equal()
}
}
},
"&-icon-end": {
flexDirection: "row-reverse",
[`${componentCls}-loading-icon-motion`]: {
"&-appear-start, &-enter-start": {
marginInlineStart: calc(marginXS).mul(-1).equal()
},
"&-appear-active, &-enter-active": {
marginInlineStart: 0
},
"&-leave-start": {
marginInlineStart: 0
},
"&-leave-active": {
marginInlineStart: calc(marginXS).mul(-1).equal()
}
}
}
}
};
};
const genHoverActiveButtonStyle = (btnCls, hoverStyle, activeStyle) => ({
[`&:not(:disabled):not(${btnCls}-disabled)`]: {
"&:hover": hoverStyle,
"&:active": activeStyle
}
});
const genCircleButtonStyle = (token2) => ({
minWidth: token2.controlHeight,
paddingInlineStart: 0,
paddingInlineEnd: 0,
borderRadius: "50%"
});
const genRoundButtonStyle = (token2) => ({
borderRadius: token2.controlHeight,
paddingInlineStart: token2.calc(token2.controlHeight).div(2).equal(),
paddingInlineEnd: token2.calc(token2.controlHeight).div(2).equal()
});
const genDisabledStyle = (token2) => ({
cursor: "not-allowed",
borderColor: token2.borderColorDisabled,
color: token2.colorTextDisabled,
background: token2.colorBgContainerDisabled,
boxShadow: "none"
});
const genGhostButtonStyle = (btnCls, background, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) => ({
[`&${btnCls}-background-ghost`]: Object.assign(Object.assign({
color: textColor || void 0,
background,
borderColor: borderColor || void 0,
boxShadow: "none"
}, genHoverActiveButtonStyle(btnCls, Object.assign({
background
}, hoverStyle), Object.assign({
background
}, activeStyle))), {
"&:disabled": {
cursor: "not-allowed",
color: textColorDisabled || void 0,
borderColor: borderColorDisabled || void 0
}
})
});
const genSolidDisabledButtonStyle = (token2) => ({
[`&:disabled, &${token2.componentCls}-disabled`]: Object.assign({}, genDisabledStyle(token2))
});
const genPureDisabledButtonStyle = (token2) => ({
[`&:disabled, &${token2.componentCls}-disabled`]: {
cursor: "not-allowed",
color: token2.colorTextDisabled
}
});
const genVariantButtonStyle = (token2, hoverStyle, activeStyle, variant) => {
const isPureDisabled = variant && ["link", "text"].includes(variant);
const genDisabledButtonStyle = isPureDisabled ? genPureDisabledButtonStyle : genSolidDisabledButtonStyle;
return Object.assign(Object.assign({}, genDisabledButtonStyle(token2)), genHoverActiveButtonStyle(token2.componentCls, hoverStyle, activeStyle));
};
const genSolidButtonStyle = (token2, textColor, background, hoverStyle, activeStyle) => ({
[`&${token2.componentCls}-variant-solid`]: Object.assign({
color: textColor,
background
}, genVariantButtonStyle(token2, hoverStyle, activeStyle))
});
const genOutlinedDashedButtonStyle = (token2, borderColor, background, hoverStyle, activeStyle) => ({
[`&${token2.componentCls}-variant-outlined, &${token2.componentCls}-variant-dashed`]: Object.assign({
borderColor,
background
}, genVariantButtonStyle(token2, hoverStyle, activeStyle))
});
const genDashedButtonStyle = (token2) => ({
[`&${token2.componentCls}-variant-dashed`]: {
borderStyle: "dashed"
}
});
const genFilledButtonStyle = (token2, background, hoverStyle, activeStyle) => ({
[`&${token2.componentCls}-variant-filled`]: Object.assign({
boxShadow: "none",
background
}, genVariantButtonStyle(token2, hoverStyle, activeStyle))
});
const genTextLinkButtonStyle = (token2, textColor, variant, hoverStyle, activeStyle) => ({
[`&${token2.componentCls}-variant-${variant}`]: Object.assign({
color: textColor,
boxShadow: "none"
}, genVariantButtonStyle(token2, hoverStyle, activeStyle, variant))
});
const genPresetColorStyle = (token2) => {
const {
componentCls
} = token2;
return PresetColors.reduce((prev2, colorKey) => {
const darkColor = token2[`${colorKey}6`];
const lightColor = token2[`${colorKey}1`];
const hoverColor = token2[`${colorKey}5`];
const lightHoverColor = token2[`${colorKey}2`];
const lightBorderColor = token2[`${colorKey}3`];
const activeColor = token2[`${colorKey}7`];
return Object.assign(Object.assign({}, prev2), {
[`&${componentCls}-color-${colorKey}`]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
color: darkColor,
boxShadow: token2[`${colorKey}ShadowColor`]
}, genSolidButtonStyle(token2, token2.colorTextLightSolid, darkColor, {
background: hoverColor
}, {
background: activeColor
})), genOutlinedDashedButtonStyle(token2, darkColor, token2.colorBgContainer, {
color: hoverColor,
borderColor: hoverColor,
background: token2.colorBgContainer
}, {
color: activeColor,
borderColor: activeColor,
background: token2.colorBgContainer
})), genDashedButtonStyle(token2)), genFilledButtonStyle(token2, lightColor, {
background: lightHoverColor
}, {
background: lightBorderColor
})), genTextLinkButtonStyle(token2, darkColor, "link", {
color: hoverColor
}, {
color: activeColor
})), genTextLinkButtonStyle(token2, darkColor, "text", {
color: hoverColor,
background: lightColor
}, {
color: activeColor,
background: lightBorderColor
}))
});
}, {});
};
const genDefaultButtonStyle = (token2) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
color: token2.defaultColor,
boxShadow: token2.defaultShadow
}, genSolidButtonStyle(token2, token2.solidTextColor, token2.colorBgSolid, {
color: token2.solidTextColor,
background: token2.colorBgSolidHover
}, {
color: token2.solidTextColor,
background: token2.colorBgSolidActive
})), genDashedButtonStyle(token2)), genFilledButtonStyle(token2, token2.colorFillTertiary, {
background: token2.colorFillSecondary
}, {
background: token2.colorFill
})), genGhostButtonStyle(token2.componentCls, token2.ghostBg, token2.defaultGhostColor, token2.defaultGhostBorderColor, token2.colorTextDisabled, token2.colorBorder)), genTextLinkButtonStyle(token2, token2.textTextColor, "link", {
color: token2.colorLinkHover,
background: token2.linkHoverBg
}, {
color: token2.colorLinkActive
}));
const genPrimaryButtonStyle = (token2) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
color: token2.colorPrimary,
boxShadow: token2.primaryShadow
}, genOutlinedDashedButtonStyle(token2, token2.colorPrimary, token2.colorBgContainer, {
color: token2.colorPrimaryTextHover,
borderColor: token2.colorPrimaryHover,
background: token2.colorBgContainer
}, {
color: token2.colorPrimaryTextActive,
borderColor: token2.colorPrimaryActive,
background: token2.colorBgContainer
})), genDashedButtonStyle(token2)), genFilledButtonStyle(token2, token2.colorPrimaryBg, {
background: token2.colorPrimaryBgHover
}, {
background: token2.colorPrimaryBorder
})), genTextLinkButtonStyle(token2, token2.colorPrimaryText, "text", {
color: token2.colorPrimaryTextHover,
background: token2.colorPrimaryBg
}, {
color: token2.colorPrimaryTextActive,
background: token2.colorPrimaryBorder
})), genTextLinkButtonStyle(token2, token2.colorPrimaryText, "link", {
color: token2.colorPrimaryTextHover,
background: token2.linkHoverBg
}, {
color: token2.colorPrimaryTextActive
})), genGhostButtonStyle(token2.componentCls, token2.ghostBg, token2.colorPrimary, token2.colorPrimary, token2.colorTextDisabled, token2.colorBorder, {
color: token2.colorPrimaryHover,
borderColor: token2.colorPrimaryHover
}, {
color: token2.colorPrimaryActive,
borderColor: token2.colorPrimaryActive
}));
const genDangerousStyle = (token2) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
color: token2.colorError,
boxShadow: token2.dangerShadow
}, genSolidButtonStyle(token2, token2.dangerColor, token2.colorError, {
background: token2.colorErrorHover
}, {
background: token2.colorErrorActive
})), genOutlinedDashedButtonStyle(token2, token2.colorError, token2.colorBgContainer, {
color: token2.colorErrorHover,
borderColor: token2.colorErrorBorderHover
}, {
color: token2.colorErrorActive,
borderColor: token2.colorErrorActive
})), genDashedButtonStyle(token2)), genFilledButtonStyle(token2, token2.colorErrorBg, {
background: token2.colorErrorBgFilledHover
}, {
background: token2.colorErrorBgActive
})), genTextLinkButtonStyle(token2, token2.colorError, "text", {
color: token2.colorErrorHover,
background: token2.colorErrorBg
}, {
color: token2.colorErrorHover,
background: token2.colorErrorBgActive
})), genTextLinkButtonStyle(token2, token2.colorError, "link", {
color: token2.colorErrorHover
}, {
color: token2.colorErrorActive
})), genGhostButtonStyle(token2.componentCls, token2.ghostBg, token2.colorError, token2.colorError, token2.colorTextDisabled, token2.colorBorder, {
color: token2.colorErrorHover,
borderColor: token2.colorErrorHover
}, {
color: token2.colorErrorActive,
borderColor: token2.colorErrorActive
}));
const genLinkStyle = (token2) => Object.assign(Object.assign({}, genTextLinkButtonStyle(token2, token2.colorLink, "link", {
color: token2.colorLinkHover
}, {
color: token2.colorLinkActive
})), genGhostButtonStyle(token2.componentCls, token2.ghostBg, token2.colorInfo, token2.colorInfo, token2.colorTextDisabled, token2.colorBorder, {
color: token2.colorInfoHover,
borderColor: token2.colorInfoHover
}, {
color: token2.colorInfoActive,
borderColor: token2.colorInfoActive
}));
const genColorButtonStyle = (token2) => {
const {
componentCls
} = token2;
return Object.assign({
[`${componentCls}-color-default`]: genDefaultButtonStyle(token2),
[`${componentCls}-color-primary`]: genPrimaryButtonStyle(token2),
[`${componentCls}-color-dangerous`]: genDangerousStyle(token2),
[`${componentCls}-color-link`]: genLinkStyle(token2)
}, genPresetColorStyle(token2));
};
const genCompatibleButtonStyle = (token2) => Object.assign(Object.assign(Object.assign(Object.assign({}, genOutlinedDashedButtonStyle(token2, token2.defaultBorderColor, token2.defaultBg, {
color: token2.defaultHoverColor,
borderColor: token2.defaultHoverBorderColor,
background: token2.defaultHoverBg
}, {
color: token2.defaultActiveColor,
borderColor: token2.defaultActiveBorderColor,
background: token2.defaultActiveBg
})), genTextLinkButtonStyle(token2, token2.textTextColor, "text", {
color: token2.textTextHoverColor,
background: token2.textHoverBg
}, {
color: token2.textTextActiveColor,
background: token2.colorBgTextActive
})), genSolidButtonStyle(token2, token2.primaryColor, token2.colorPrimary, {
background: token2.colorPrimaryHover,
color: token2.primaryColor
}, {
background: token2.colorPrimaryActive,
color: token2.primaryColor
})), genTextLinkButtonStyle(token2, token2.colorLink, "link", {
color: token2.colorLinkHover,
background: token2.linkHoverBg
}, {
color: token2.colorLinkActive
}));
const genButtonStyle = (token2, prefixCls = "") => {
const {
componentCls,
controlHeight,
fontSize,
borderRadius,
buttonPaddingHorizontal,
iconCls,
buttonPaddingVertical,
buttonIconOnlyFontSize
} = token2;
return [
{
[prefixCls]: {
fontSize,
height: controlHeight,
padding: `${unit$1(buttonPaddingVertical)} ${unit$1(buttonPaddingHorizontal)}`,
borderRadius,
[`&${componentCls}-icon-only`]: {
width: controlHeight,
[iconCls]: {
fontSize: buttonIconOnlyFontSize
}
}
}
},
// Shape - patch prefixCls again to override solid border radius style
{
[`${componentCls}${componentCls}-circle${prefixCls}`]: genCircleButtonStyle(token2)
},
{
[`${componentCls}${componentCls}-round${prefixCls}`]: genRoundButtonStyle(token2)
}
];
};
const genSizeBaseButtonStyle = (token2) => {
const baseToken = merge(token2, {
fontSize: token2.contentFontSize
});
return genButtonStyle(baseToken, token2.componentCls);
};
const genSizeSmallButtonStyle = (token2) => {
const smallToken = merge(token2, {
controlHeight: token2.controlHeightSM,
fontSize: token2.contentFontSizeSM,
padding: token2.paddingXS,
buttonPaddingHorizontal: token2.paddingInlineSM,
buttonPaddingVertical: 0,
borderRadius: token2.borderRadiusSM,
buttonIconOnlyFontSize: token2.onlyIconSizeSM
});
return genButtonStyle(smallToken, `${token2.componentCls}-sm`);
};
const genSizeLargeButtonStyle = (token2) => {
const largeToken = merge(token2, {
controlHeight: token2.controlHeightLG,
fontSize: token2.contentFontSizeLG,
buttonPaddingHorizontal: token2.paddingInlineLG,
buttonPaddingVertical: 0,
borderRadius: token2.borderRadiusLG,
buttonIconOnlyFontSize: token2.onlyIconSizeLG
});
return genButtonStyle(largeToken, `${token2.componentCls}-lg`);
};
const genBlockButtonStyle = (token2) => {
const {
componentCls
} = token2;
return {
[componentCls]: {
[`&${componentCls}-block`]: {
width: "100%"
}
}
};
};
const useStyle$5 = genStyleHooks("Button", (token2) => {
const buttonToken = prepareToken(token2);
return [
// Shared
genSharedButtonStyle(buttonToken),
// Size
genSizeBaseButtonStyle(buttonToken),
genSizeSmallButtonStyle(buttonToken),
genSizeLargeButtonStyle(buttonToken),
// Block
genBlockButtonStyle(buttonToken),
// Color
genColorButtonStyle(buttonToken),
// https://github.com/ant-design/ant-design/issues/50969
genCompatibleButtonStyle(buttonToken),
// Button Group
genGroupStyle(buttonToken)
];
}, prepareComponentToken$5, {
unitless: {
fontWeight: true,
contentLineHeight: true,
contentLineHeightSM: true,
contentLineHeightLG: true
}
});
function compactItemBorder(token2, parentCls, options) {
const {
focusElCls,
focus,
borderElCls
} = options;
const childCombinator = borderElCls ? "> *" : "";
const hoverEffects = ["hover", focus ? "focus" : null, "active"].filter(Boolean).map((n) => `&:${n} ${childCombinator}`).join(",");
return {
[`&-item:not(${parentCls}-last-item)`]: {
marginInlineEnd: token2.calc(token2.lineWidth).mul(-1).equal()
},
"&-item": Object.assign(Object.assign({
[hoverEffects]: {
zIndex: 2
}
}, focusElCls ? {
[`&${focusElCls}`]: {
zIndex: 2
}
} : {}), {
[`&[disabled] ${childCombinator}`]: {
zIndex: 0
}
})
};
}
function compactItemBorderRadius(prefixCls, parentCls, options) {
const {
borderElCls
} = options;
const childCombinator = borderElCls ? `> ${borderElCls}` : "";
return {
[`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item) ${childCombinator}`]: {
borderRadius: 0
},
[`&-item:not(${parentCls}-last-item)${parentCls}-first-item`]: {
[`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: {
borderStartEndRadius: 0,
borderEndEndRadius: 0
}
},
[`&-item:not(${parentCls}-first-item)${parentCls}-last-item`]: {
[`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: {
borderStartStartRadius: 0,
borderEndStartRadius: 0
}
}
};
}
function genCompactItemStyle(token2, options = {
focus: true
}) {
const {
componentCls
} = token2;
const compactCls = `${componentCls}-compact`;
return {
[compactCls]: Object.assign(Object.assign({}, compactItemBorder(token2, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options))
};
}
function compactItemVerticalBorder(token2, parentCls) {
return {
// border collapse
[`&-item:not(${parentCls}-last-item)`]: {
marginBottom: token2.calc(token2.lineWidth).mul(-1).equal()
},
"&-item": {
"&:hover,&:focus,&:active": {
zIndex: 2
},
"&[disabled]": {
zIndex: 0
}
}
};
}
function compactItemBorderVerticalRadius(prefixCls, parentCls) {
return {
[`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item)`]: {
borderRadius: 0
},
[`&-item${parentCls}-first-item:not(${parentCls}-last-item)`]: {
[`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {
borderEndEndRadius: 0,
borderEndStartRadius: 0
}
},
[`&-item${parentCls}-last-item:not(${parentCls}-first-item)`]: {
[`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {
borderStartStartRadius: 0,
borderStartEndRadius: 0
}
}
};
}
function genCompactItemVerticalStyle(token2) {
const compactCls = `${token2.componentCls}-compact-vertical`;
return {
[compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token2, compactCls)), compactItemBorderVerticalRadius(token2.componentCls, compactCls))
};
}
const genButtonCompactStyle = (token2) => {
const {
componentCls,
colorPrimaryHover,
lineWidth,
calc
} = token2;
const insetOffset = calc(lineWidth).mul(-1).equal();
const getCompactBorderStyle = (vertical) => {
const selector = `${componentCls}-compact${vertical ? "-vertical" : ""}-item${componentCls}-primary:not([disabled])`;
return {
[`${selector} + ${selector}::before`]: {
position: "absolute",
top: vertical ? insetOffset : 0,
insetInlineStart: vertical ? 0 : insetOffset,
backgroundColor: colorPrimaryHover,
content: '""',
width: vertical ? "100%" : lineWidth,
height: vertical ? lineWidth : "100%"
}
};
};
return Object.assign(Object.assign({}, getCompactBorderStyle()), getCompactBorderStyle(true));
};
const Compact = genSubStyleComponent(["Button", "compact"], (token2) => {
const buttonToken = prepareToken(token2);
return [
// Space Compact
genCompactItemStyle(buttonToken),
genCompactItemVerticalStyle(buttonToken),
genButtonCompactStyle(buttonToken)
];
}, prepareComponentToken$5);
var __rest$9 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
function getLoadingConfig(loading) {
if (typeof loading === "object" && loading) {
let delay = loading === null || loading === void 0 ? void 0 : loading.delay;
delay = !Number.isNaN(delay) && typeof delay === "number" ? delay : 0;
return {
loading: delay <= 0,
delay
};
}
return {
loading: !!loading,
delay: 0
};
}
const ButtonTypeMap = {
default: ["default", "outlined"],
primary: ["primary", "solid"],
dashed: ["default", "dashed"],
// `link` is not a real color but we should compatible with it
link: ["link", "link"],
text: ["default", "text"]
};
const InternalCompoundedButton = /* @__PURE__ */ React.forwardRef((props, ref) => {
var _a, _b;
const {
loading = false,
prefixCls: customizePrefixCls,
color,
variant,
type: type4,
danger = false,
shape = "default",
size: customizeSize,
styles,
disabled: customDisabled,
className,
rootClassName,
children,
icon,
iconPosition = "start",
ghost = false,
block = false,
// React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.
htmlType = "button",
classNames: customClassNames,
style: customStyle = {},
autoInsertSpace,
autoFocus
} = props, rest = __rest$9(props, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]);
const mergedType = type4 || "default";
const {
button
} = React.useContext(ConfigContext);
const [mergedColor, mergedVariant] = reactExports.useMemo(() => {
if (color && variant) {
return [color, variant];
}
if (type4 || danger) {
const colorVariantPair = ButtonTypeMap[mergedType] || [];
if (danger) {
return ["danger", colorVariantPair[1]];
}
return colorVariantPair;
}
if ((button === null || button === void 0 ? void 0 : button.color) && (button === null || button === void 0 ? void 0 : button.variant)) {
return [button.color, button.variant];
}
return ["default", "outlined"];
}, [type4, color, variant, danger, button === null || button === void 0 ? void 0 : button.variant, button === null || button === void 0 ? void 0 : button.color]);
const isDanger = mergedColor === "danger";
const mergedColorText = isDanger ? "dangerous" : mergedColor;
const {
getPrefixCls,
direction,
autoInsertSpace: contextAutoInsertSpace,
className: contextClassName,
style: contextStyle,
classNames: contextClassNames,
styles: contextStyles
} = useComponentConfig("button");
const mergedInsertSpace = (_a = autoInsertSpace !== null && autoInsertSpace !== void 0 ? autoInsertSpace : contextAutoInsertSpace) !== null && _a !== void 0 ? _a : true;
const prefixCls = getPrefixCls("btn", customizePrefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle$5(prefixCls);
const disabled = reactExports.useContext(DisabledContext);
const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
const groupSize = reactExports.useContext(GroupSizeContext);
const loadingOrDelay = reactExports.useMemo(() => getLoadingConfig(loading), [loading]);
const [innerLoading, setLoading] = reactExports.useState(loadingOrDelay.loading);
const [hasTwoCNChar, setHasTwoCNChar] = reactExports.useState(false);
const buttonRef = reactExports.useRef(null);
const mergedRef = useComposeRef(ref, buttonRef);
const needInserted = reactExports.Children.count(children) === 1 && !icon && !isUnBorderedButtonVariant(mergedVariant);
const isMountRef = reactExports.useRef(true);
React.useEffect(() => {
isMountRef.current = false;
return () => {
isMountRef.current = true;
};
}, []);
reactExports.useEffect(() => {
let delayTimer = null;
if (loadingOrDelay.delay > 0) {
delayTimer = setTimeout(() => {
delayTimer = null;
setLoading(true);
}, loadingOrDelay.delay);
} else {
setLoading(loadingOrDelay.loading);
}
function cleanupTimer() {
if (delayTimer) {
clearTimeout(delayTimer);
delayTimer = null;
}
}
return cleanupTimer;
}, [loadingOrDelay]);
reactExports.useEffect(() => {
if (!buttonRef.current || !mergedInsertSpace) {
return;
}
const buttonText = buttonRef.current.textContent || "";
if (needInserted && isTwoCNChar(buttonText)) {
if (!hasTwoCNChar) {
setHasTwoCNChar(true);
}
} else if (hasTwoCNChar) {
setHasTwoCNChar(false);
}
});
reactExports.useEffect(() => {
if (autoFocus && buttonRef.current) {
buttonRef.current.focus();
}
}, []);
const handleClick = React.useCallback((e) => {
var _a2;
if (innerLoading || mergedDisabled) {
e.preventDefault();
return;
}
(_a2 = props.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(props, "href" in props ? e : e);
}, [props.onClick, innerLoading, mergedDisabled]);
const {
compactSize,
compactItemClassnames
} = useCompactItemContext(prefixCls, direction);
const sizeClassNameMap2 = {
large: "lg",
small: "sm",
middle: void 0
};
const sizeFullName = useSize((ctxSize) => {
var _a2, _b2;
return (_b2 = (_a2 = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _a2 !== void 0 ? _a2 : groupSize) !== null && _b2 !== void 0 ? _b2 : ctxSize;
});
const sizeCls = sizeFullName ? (_b = sizeClassNameMap2[sizeFullName]) !== null && _b !== void 0 ? _b : "" : "";
const iconType = innerLoading ? "loading" : icon;
const linkButtonRestProps = omit(rest, ["navigate"]);
const classes = classNames(prefixCls, hashId, cssVarCls, {
[`${prefixCls}-${shape}`]: shape !== "default" && shape,
// Compatible with versions earlier than 5.21.0
[`${prefixCls}-${mergedType}`]: mergedType,
[`${prefixCls}-dangerous`]: danger,
[`${prefixCls}-color-${mergedColorText}`]: mergedColorText,
[`${prefixCls}-variant-${mergedVariant}`]: mergedVariant,
[`${prefixCls}-${sizeCls}`]: sizeCls,
[`${prefixCls}-icon-only`]: !children && children !== 0 && !!iconType,
[`${prefixCls}-background-ghost`]: ghost && !isUnBorderedButtonVariant(mergedVariant),
[`${prefixCls}-loading`]: innerLoading,
[`${prefixCls}-two-chinese-chars`]: hasTwoCNChar && mergedInsertSpace && !innerLoading,
[`${prefixCls}-block`]: block,
[`${prefixCls}-rtl`]: direction === "rtl",
[`${prefixCls}-icon-end`]: iconPosition === "end"
}, compactItemClassnames, className, rootClassName, contextClassName);
const fullStyle = Object.assign(Object.assign({}, contextStyle), customStyle);
const iconClasses = classNames(customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.icon, contextClassNames.icon);
const iconStyle = Object.assign(Object.assign({}, (styles === null || styles === void 0 ? void 0 : styles.icon) || {}), contextStyles.icon || {});
const iconNode = icon && !innerLoading ? /* @__PURE__ */ React.createElement(IconWrapper, {
prefixCls,
className: iconClasses,
style: iconStyle
}, icon) : loading && typeof loading === "object" && loading.icon ? /* @__PURE__ */ React.createElement(IconWrapper, {
prefixCls,
className: iconClasses,
style: iconStyle
}, loading.icon) : /* @__PURE__ */ React.createElement(DefaultLoadingIcon, {
existIcon: !!icon,
prefixCls,
loading: innerLoading,
mount: isMountRef.current
});
const kids = children || children === 0 ? spaceChildren(children, needInserted && mergedInsertSpace) : null;
if (linkButtonRestProps.href !== void 0) {
return wrapCSSVar(/* @__PURE__ */ React.createElement("a", Object.assign({}, linkButtonRestProps, {
className: classNames(classes, {
[`${prefixCls}-disabled`]: mergedDisabled
}),
href: mergedDisabled ? void 0 : linkButtonRestProps.href,
style: fullStyle,
onClick: handleClick,
ref: mergedRef,
tabIndex: mergedDisabled ? -1 : 0
}), iconNode, kids));
}
let buttonNode = /* @__PURE__ */ React.createElement("button", Object.assign({}, rest, {
type: htmlType,
className: classes,
style: fullStyle,
onClick: handleClick,
disabled: mergedDisabled,
ref: mergedRef
}), iconNode, kids, compactItemClassnames && /* @__PURE__ */ React.createElement(Compact, {
prefixCls
}));
if (!isUnBorderedButtonVariant(mergedVariant)) {
buttonNode = /* @__PURE__ */ React.createElement(Wave, {
component: "Button",
disabled: innerLoading
}, buttonNode);
}
return wrapCSSVar(buttonNode);
});
const Button$1 = InternalCompoundedButton;
Button$1.Group = ButtonGroup;
Button$1.__ANT_BUTTON = true;
var OrderContext = /* @__PURE__ */ reactExports.createContext(null);
var EMPTY_LIST$1 = [];
function useDom(render2, debug) {
var _React$useState = reactExports.useState(function() {
if (!canUseDom()) {
return null;
}
var defaultEle = document.createElement("div");
return defaultEle;
}), _React$useState2 = _slicedToArray(_React$useState, 1), ele = _React$useState2[0];
var appendedRef = reactExports.useRef(false);
var queueCreate = reactExports.useContext(OrderContext);
var _React$useState3 = reactExports.useState(EMPTY_LIST$1), _React$useState4 = _slicedToArray(_React$useState3, 2), queue = _React$useState4[0], setQueue = _React$useState4[1];
var mergedQueueCreate = queueCreate || (appendedRef.current ? void 0 : function(appendFn) {
setQueue(function(origin) {
var newQueue = [appendFn].concat(_toConsumableArray(origin));
return newQueue;
});
});
function append2() {
if (!ele.parentElement) {
document.body.appendChild(ele);
}
appendedRef.current = true;
}
function cleanup2() {
var _ele$parentElement;
(_ele$parentElement = ele.parentElement) === null || _ele$parentElement === void 0 ? void 0 : _ele$parentElement.removeChild(ele);
appendedRef.current = false;
}
useLayoutEffect(function() {
if (render2) {
if (queueCreate) {
queueCreate(append2);
} else {
append2();
}
} else {
cleanup2();
}
return cleanup2;
}, [render2]);
useLayoutEffect(function() {
if (queue.length) {
queue.forEach(function(appendFn) {
return appendFn();
});
setQueue(EMPTY_LIST$1);
}
}, [queue]);
return [ele, mergedQueueCreate];
}
function measureScrollbarSize(ele) {
var randomId = "rc-scrollbar-measure-".concat(Math.random().toString(36).substring(7));
var measureEle = document.createElement("div");
measureEle.id = randomId;
var measureStyle = measureEle.style;
measureStyle.position = "absolute";
measureStyle.left = "0";
measureStyle.top = "0";
measureStyle.width = "100px";
measureStyle.height = "100px";
measureStyle.overflow = "scroll";
var fallbackWidth;
var fallbackHeight;
if (ele) {
var targetStyle = getComputedStyle(ele);
measureStyle.scrollbarColor = targetStyle.scrollbarColor;
measureStyle.scrollbarWidth = targetStyle.scrollbarWidth;
var webkitScrollbarStyle = getComputedStyle(ele, "::-webkit-scrollbar");
var width = parseInt(webkitScrollbarStyle.width, 10);
var height = parseInt(webkitScrollbarStyle.height, 10);
try {
var widthStyle = width ? "width: ".concat(webkitScrollbarStyle.width, ";") : "";
var heightStyle = height ? "height: ".concat(webkitScrollbarStyle.height, ";") : "";
updateCSS("\n#".concat(randomId, "::-webkit-scrollbar {\n").concat(widthStyle, "\n").concat(heightStyle, "\n}"), randomId);
} catch (e) {
console.error(e);
fallbackWidth = width;
fallbackHeight = height;
}
}
document.body.appendChild(measureEle);
var scrollWidth = ele && fallbackWidth && !isNaN(fallbackWidth) ? fallbackWidth : measureEle.offsetWidth - measureEle.clientWidth;
var scrollHeight = ele && fallbackHeight && !isNaN(fallbackHeight) ? fallbackHeight : measureEle.offsetHeight - measureEle.clientHeight;
document.body.removeChild(measureEle);
removeCSS(randomId);
return {
width: scrollWidth,
height: scrollHeight
};
}
function getTargetScrollBarSize(target) {
if (typeof document === "undefined" || !target || !(target instanceof Element)) {
return {
width: 0,
height: 0
};
}
return measureScrollbarSize(target);
}
function isBodyOverflowing() {
return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
}
var UNIQUE_ID = "rc-util-locker-".concat(Date.now());
var uuid$1 = 0;
function useScrollLocker(lock) {
var mergedLock = !!lock;
var _React$useState = reactExports.useState(function() {
uuid$1 += 1;
return "".concat(UNIQUE_ID, "_").concat(uuid$1);
}), _React$useState2 = _slicedToArray(_React$useState, 1), id = _React$useState2[0];
useLayoutEffect(function() {
if (mergedLock) {
var scrollbarSize = getTargetScrollBarSize(document.body).width;
var isOverflow = isBodyOverflowing();
updateCSS("\nhtml body {\n overflow-y: hidden;\n ".concat(isOverflow ? "width: calc(100% - ".concat(scrollbarSize, "px);") : "", "\n}"), id);
} else {
removeCSS(id);
}
return function() {
removeCSS(id);
};
}, [mergedLock, id]);
}
var inline = false;
function inlineMock(nextInline) {
return inline;
}
var getPortalContainer = function getPortalContainer2(getContainer2) {
if (getContainer2 === false) {
return false;
}
if (!canUseDom() || !getContainer2) {
return null;
}
if (typeof getContainer2 === "string") {
return document.querySelector(getContainer2);
}
if (typeof getContainer2 === "function") {
return getContainer2();
}
return getContainer2;
};
var Portal = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var open = props.open, autoLock = props.autoLock, getContainer2 = props.getContainer;
props.debug;
var _props$autoDestroy = props.autoDestroy, autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy, children = props.children;
var _React$useState = reactExports.useState(open), _React$useState2 = _slicedToArray(_React$useState, 2), shouldRender = _React$useState2[0], setShouldRender = _React$useState2[1];
var mergedRender = shouldRender || open;
reactExports.useEffect(function() {
if (autoDestroy || open) {
setShouldRender(open);
}
}, [open, autoDestroy]);
var _React$useState3 = reactExports.useState(function() {
return getPortalContainer(getContainer2);
}), _React$useState4 = _slicedToArray(_React$useState3, 2), innerContainer = _React$useState4[0], setInnerContainer = _React$useState4[1];
reactExports.useEffect(function() {
var customizeContainer = getPortalContainer(getContainer2);
setInnerContainer(customizeContainer !== null && customizeContainer !== void 0 ? customizeContainer : null);
});
var _useDom = useDom(mergedRender && !innerContainer), _useDom2 = _slicedToArray(_useDom, 2), defaultContainer = _useDom2[0], queueCreate = _useDom2[1];
var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer;
useScrollLocker(autoLock && open && canUseDom() && (mergedContainer === defaultContainer || mergedContainer === document.body));
var childRef = null;
if (children && supportRef(children) && ref) {
var _ref = children;
childRef = _ref.ref;
}
var mergedRef = useComposeRef(childRef, ref);
if (!mergedRender || !canUseDom() || innerContainer === void 0) {
return null;
}
var renderInline = mergedContainer === false || inlineMock();
var reffedChildren = children;
if (ref) {
reffedChildren = /* @__PURE__ */ reactExports.cloneElement(children, {
ref: mergedRef
});
}
return /* @__PURE__ */ reactExports.createElement(OrderContext.Provider, {
value: queueCreate
}, renderInline ? reffedChildren : /* @__PURE__ */ reactDomExports.createPortal(reffedChildren, mergedContainer));
});
function getUseId() {
var fullClone2 = _objectSpread2({}, React$1);
return fullClone2.useId;
}
var uuid = 0;
var useOriginId = getUseId();
const useId = useOriginId ? (
// Use React `useId`
function useId2(id) {
var reactId = useOriginId();
if (id) {
return id;
}
return reactId;
}
) : (
// Use compatible of `useId`
function useCompatId(id) {
var _React$useState = reactExports.useState("ssr-id"), _React$useState2 = _slicedToArray(_React$useState, 2), innerId = _React$useState2[0], setInnerId = _React$useState2[1];
reactExports.useEffect(function() {
var nextId = uuid;
uuid += 1;
setInnerId("rc_unique_".concat(nextId));
}, []);
if (id) {
return id;
}
return innerId;
}
);
var HOOK_MARK = "RC_FORM_INTERNAL_HOOKS";
var warningFunc = function warningFunc2() {
warningOnce(false, "Can not find FormContext. Please make sure you wrap Field under Form.");
};
var Context = /* @__PURE__ */ reactExports.createContext({
getFieldValue: warningFunc,
getFieldsValue: warningFunc,
getFieldError: warningFunc,
getFieldWarning: warningFunc,
getFieldsError: warningFunc,
isFieldsTouched: warningFunc,
isFieldTouched: warningFunc,
isFieldValidating: warningFunc,
isFieldsValidating: warningFunc,
resetFields: warningFunc,
setFields: warningFunc,
setFieldValue: warningFunc,
setFieldsValue: warningFunc,
validateFields: warningFunc,
submit: warningFunc,
getInternalHooks: function getInternalHooks() {
warningFunc();
return {
dispatch: warningFunc,
initEntityValue: warningFunc,
registerField: warningFunc,
useSubscribe: warningFunc,
setInitialValues: warningFunc,
destroyForm: warningFunc,
setCallbacks: warningFunc,
registerWatch: warningFunc,
getFields: warningFunc,
setValidateMessages: warningFunc,
setPreserve: warningFunc,
getInitialValue: warningFunc
};
}
});
var ListContext = /* @__PURE__ */ reactExports.createContext(null);
function toArray$1(value) {
if (value === void 0 || value === null) {
return [];
}
return Array.isArray(value) ? value : [value];
}
function isFormInstance(form) {
return form && !!form._init;
}
function newMessages() {
return {
default: "Validation error on field %s",
required: "%s is required",
enum: "%s must be one of %s",
whitespace: "%s cannot be empty",
date: {
format: "%s date %s is invalid for format %s",
parse: "%s date could not be parsed, %s is invalid ",
invalid: "%s date %s is invalid"
},
types: {
string: "%s is not a %s",
method: "%s is not a %s (function)",
array: "%s is not an %s",
object: "%s is not an %s",
number: "%s is not a %s",
date: "%s is not a %s",
boolean: "%s is not a %s",
integer: "%s is not an %s",
float: "%s is not a %s",
regexp: "%s is not a valid %s",
email: "%s is not a valid %s",
url: "%s is not a valid %s",
hex: "%s is not a valid %s"
},
string: {
len: "%s must be exactly %s characters",
min: "%s must be at least %s characters",
max: "%s cannot be longer than %s characters",
range: "%s must be between %s and %s characters"
},
number: {
len: "%s must equal %s",
min: "%s cannot be less than %s",
max: "%s cannot be greater than %s",
range: "%s must be between %s and %s"
},
array: {
len: "%s must be exactly %s in length",
min: "%s cannot be less than %s in length",
max: "%s cannot be greater than %s in length",
range: "%s must be between %s and %s in length"
},
pattern: {
mismatch: "%s value %s does not match pattern %s"
},
clone: function clone() {
var cloned = JSON.parse(JSON.stringify(this));
cloned.clone = this.clone;
return cloned;
}
};
}
var messages = newMessages();
function _isNativeFunction(t) {
try {
return -1 !== Function.toString.call(t).indexOf("[native code]");
} catch (n) {
return "function" == typeof t;
}
}
function _construct(t, e, r) {
if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
var o = [null];
o.push.apply(o, e);
var p = new (t.bind.apply(t, o))();
return r && _setPrototypeOf(p, r.prototype), p;
}
function _wrapNativeSuper(t) {
var r = "function" == typeof Map ? /* @__PURE__ */ new Map() : void 0;
return _wrapNativeSuper = function _wrapNativeSuper2(t2) {
if (null === t2 || !_isNativeFunction(t2)) return t2;
if ("function" != typeof t2) throw new TypeError("Super expression must either be null or a function");
if (void 0 !== r) {
if (r.has(t2)) return r.get(t2);
r.set(t2, Wrapper);
}
function Wrapper() {
return _construct(t2, arguments, _getPrototypeOf(this).constructor);
}
return Wrapper.prototype = Object.create(t2.prototype, {
constructor: {
value: Wrapper,
enumerable: false,
writable: true,
configurable: true
}
}), _setPrototypeOf(Wrapper, t2);
}, _wrapNativeSuper(t);
}
var formatRegExp = /%[sdj%]/g;
var warning = function warning2() {
};
function convertFieldsError(errors) {
if (!errors || !errors.length) return null;
var fields = {};
errors.forEach(function(error) {
var field = error.field;
fields[field] = fields[field] || [];
fields[field].push(error);
});
return fields;
}
function format(template) {
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
var i = 0;
var len = args.length;
if (typeof template === "function") {
return template.apply(null, args);
}
if (typeof template === "string") {
var str = template.replace(formatRegExp, function(x) {
if (x === "%%") {
return "%";
}
if (i >= len) {
return x;
}
switch (x) {
case "%s":
return String(args[i++]);
case "%d":
return Number(args[i++]);
case "%j":
try {
return JSON.stringify(args[i++]);
} catch (_) {
return "[Circular]";
}
break;
default:
return x;
}
});
return str;
}
return template;
}
function isNativeStringType(type4) {
return type4 === "string" || type4 === "url" || type4 === "hex" || type4 === "email" || type4 === "date" || type4 === "pattern";
}
function isEmptyValue(value, type4) {
if (value === void 0 || value === null) {
return true;
}
if (type4 === "array" && Array.isArray(value) && !value.length) {
return true;
}
if (isNativeStringType(type4) && typeof value === "string" && !value) {
return true;
}
return false;
}
function asyncParallelArray(arr, func, callback) {
var results = [];
var total = 0;
var arrLength = arr.length;
function count(errors) {
results.push.apply(results, _toConsumableArray(errors || []));
total++;
if (total === arrLength) {
callback(results);
}
}
arr.forEach(function(a) {
func(a, count);
});
}
function asyncSerialArray(arr, func, callback) {
var index2 = 0;
var arrLength = arr.length;
function next2(errors) {
if (errors && errors.length) {
callback(errors);
return;
}
var original = index2;
index2 = index2 + 1;
if (original < arrLength) {
func(arr[original], next2);
} else {
callback([]);
}
}
next2([]);
}
function flattenObjArr(objArr) {
var ret = [];
Object.keys(objArr).forEach(function(k) {
ret.push.apply(ret, _toConsumableArray(objArr[k] || []));
});
return ret;
}
var AsyncValidationError = /* @__PURE__ */ function(_Error) {
_inherits(AsyncValidationError2, _Error);
var _super = _createSuper(AsyncValidationError2);
function AsyncValidationError2(errors, fields) {
var _this;
_classCallCheck(this, AsyncValidationError2);
_this = _super.call(this, "Async Validation Error");
_defineProperty(_assertThisInitialized(_this), "errors", void 0);
_defineProperty(_assertThisInitialized(_this), "fields", void 0);
_this.errors = errors;
_this.fields = fields;
return _this;
}
return _createClass(AsyncValidationError2);
}(/* @__PURE__ */ _wrapNativeSuper(Error));
function asyncMap(objArr, option, func, callback, source) {
if (option.first) {
var _pending = new Promise(function(resolve, reject) {
var next2 = function next22(errors) {
callback(errors);
return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source);
};
var flattenArr = flattenObjArr(objArr);
asyncSerialArray(flattenArr, func, next2);
});
_pending.catch(function(e) {
return e;
});
return _pending;
}
var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || [];
var objArrKeys = Object.keys(objArr);
var objArrLength = objArrKeys.length;
var total = 0;
var results = [];
var pending = new Promise(function(resolve, reject) {
var next2 = function next22(errors) {
results.push.apply(results, errors);
total++;
if (total === objArrLength) {
callback(results);
return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source);
}
};
if (!objArrKeys.length) {
callback(results);
resolve(source);
}
objArrKeys.forEach(function(key) {
var arr = objArr[key];
if (firstFields.indexOf(key) !== -1) {
asyncSerialArray(arr, func, next2);
} else {
asyncParallelArray(arr, func, next2);
}
});
});
pending.catch(function(e) {
return e;
});
return pending;
}
function isErrorObj(obj) {
return !!(obj && obj.message !== void 0);
}
function getValue(value, path) {
var v = value;
for (var i = 0; i < path.length; i++) {
if (v == void 0) {
return v;
}
v = v[path[i]];
}
return v;
}
function complementError(rule, source) {
return function(oe) {
var fieldValue;
if (rule.fullFields) {
fieldValue = getValue(source, rule.fullFields);
} else {
fieldValue = source[oe.field || rule.fullField];
}
if (isErrorObj(oe)) {
oe.field = oe.field || rule.fullField;
oe.fieldValue = fieldValue;
return oe;
}
return {
message: typeof oe === "function" ? oe() : oe,
fieldValue,
field: oe.field || rule.fullField
};
};
}
function deepMerge(target, source) {
if (source) {
for (var s in source) {
if (source.hasOwnProperty(s)) {
var value = source[s];
if (_typeof(value) === "object" && _typeof(target[s]) === "object") {
target[s] = _objectSpread2(_objectSpread2({}, target[s]), value);
} else {
target[s] = value;
}
}
}
}
return target;
}
var ENUM$1 = "enum";
var enumerable$1 = function enumerable(rule, value, source, errors, options) {
rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : [];
if (rule[ENUM$1].indexOf(value) === -1) {
errors.push(format(options.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(", ")));
}
};
var pattern$2 = function pattern(rule, value, source, errors, options) {
if (rule.pattern) {
if (rule.pattern instanceof RegExp) {
rule.pattern.lastIndex = 0;
if (!rule.pattern.test(value)) {
errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
}
} else if (typeof rule.pattern === "string") {
var _pattern = new RegExp(rule.pattern);
if (!_pattern.test(value)) {
errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
}
}
}
};
var range = function range2(rule, value, source, errors, options) {
var len = typeof rule.len === "number";
var min = typeof rule.min === "number";
var max = typeof rule.max === "number";
var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
var val = value;
var key = null;
var num = typeof value === "number";
var str = typeof value === "string";
var arr = Array.isArray(value);
if (num) {
key = "number";
} else if (str) {
key = "string";
} else if (arr) {
key = "array";
}
if (!key) {
return false;
}
if (arr) {
val = value.length;
}
if (str) {
val = value.replace(spRegexp, "_").length;
}
if (len) {
if (val !== rule.len) {
errors.push(format(options.messages[key].len, rule.fullField, rule.len));
}
} else if (min && !max && val < rule.min) {
errors.push(format(options.messages[key].min, rule.fullField, rule.min));
} else if (max && !min && val > rule.max) {
errors.push(format(options.messages[key].max, rule.fullField, rule.max));
} else if (min && max && (val < rule.min || val > rule.max)) {
errors.push(format(options.messages[key].range, rule.fullField, rule.min, rule.max));
}
};
var required$1 = function required(rule, value, source, errors, options, type4) {
if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type4 || rule.type))) {
errors.push(format(options.messages.required, rule.fullField));
}
};
var urlReg;
const getUrlRegex = function() {
if (urlReg) {
return urlReg;
}
var word = "[a-fA-F\\d:]";
var b = function b2(options) {
return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=".concat(word, ")|(?<=").concat(word, ")(?=\\s|$))") : "";
};
var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
var v6seg = "[a-fA-F\\d]{1,4}";
var v6List = [
"(?:".concat(v6seg, ":){7}(?:").concat(v6seg, "|:)"),
// 1:2:3:4:5:6:7:: 1:2:3:4:5:6:7:8
"(?:".concat(v6seg, ":){6}(?:").concat(v4, "|:").concat(v6seg, "|:)"),
// 1:2:3:4:5:6:: 1:2:3:4:5:6::8 1:2:3:4:5:6::8 1:2:3:4:5:6::
"(?:".concat(v6seg, ":){5}(?::").concat(v4, "|(?::").concat(v6seg, "){1,2}|:)"),
// 1:2:3:4:5:: 1:2:3:4:5::7:8 1:2:3:4:5::8 1:2:3:4:5::
"(?:".concat(v6seg, ":){4}(?:(?::").concat(v6seg, "){0,1}:").concat(v4, "|(?::").concat(v6seg, "){1,3}|:)"),
// 1:2:3:4:: 1:2:3:4::6:7:8 1:2:3:4::8 1:2:3:4::
"(?:".concat(v6seg, ":){3}(?:(?::").concat(v6seg, "){0,2}:").concat(v4, "|(?::").concat(v6seg, "){1,4}|:)"),
// 1:2:3:: 1:2:3::5:6:7:8 1:2:3::8 1:2:3::
"(?:".concat(v6seg, ":){2}(?:(?::").concat(v6seg, "){0,3}:").concat(v4, "|(?::").concat(v6seg, "){1,5}|:)"),
// 1:2:: 1:2::4:5:6:7:8 1:2::8 1:2::
"(?:".concat(v6seg, ":){1}(?:(?::").concat(v6seg, "){0,4}:").concat(v4, "|(?::").concat(v6seg, "){1,6}|:)"),
// 1:: 1::3:4:5:6:7:8 1::8 1::
"(?::(?:(?::".concat(v6seg, "){0,5}:").concat(v4, "|(?::").concat(v6seg, "){1,7}|:))")
// ::2:3:4:5:6:7:8 ::2:3:4:5:6:7:8 ::8 ::
];
var v6Eth0 = "(?:%[0-9a-zA-Z]{1,})?";
var v6 = "(?:".concat(v6List.join("|"), ")").concat(v6Eth0);
var v46Exact = new RegExp("(?:^".concat(v4, "$)|(?:^").concat(v6, "$)"));
var v4exact = new RegExp("^".concat(v4, "$"));
var v6exact = new RegExp("^".concat(v6, "$"));
var ip = function ip2(options) {
return options && options.exact ? v46Exact : new RegExp("(?:".concat(b(options)).concat(v4).concat(b(options), ")|(?:").concat(b(options)).concat(v6).concat(b(options), ")"), "g");
};
ip.v4 = function(options) {
return options && options.exact ? v4exact : new RegExp("".concat(b(options)).concat(v4).concat(b(options)), "g");
};
ip.v6 = function(options) {
return options && options.exact ? v6exact : new RegExp("".concat(b(options)).concat(v6).concat(b(options)), "g");
};
var protocol = "(?:(?:[a-z]+:)?//)";
var auth = "(?:\\S+(?::\\S*)?@)?";
var ipv4 = ip.v4().source;
var ipv6 = ip.v6().source;
var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
var port = "(?::\\d{2,5})?";
var path = '(?:[/?#][^\\s"]*)?';
var regex = "(?:".concat(protocol, "|www\\.)").concat(auth, "(?:localhost|").concat(ipv4, "|").concat(ipv6, "|").concat(host).concat(domain).concat(tld, ")").concat(port).concat(path);
urlReg = new RegExp("(?:^".concat(regex, "$)"), "i");
return urlReg;
};
var pattern$1 = {
// http://emailregex.com/
email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
// url: new RegExp(
// '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$',
// 'i',
// ),
hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
};
var types = {
integer: function integer(value) {
return types.number(value) && parseInt(value, 10) === value;
},
float: function float(value) {
return types.number(value) && !types.integer(value);
},
array: function array(value) {
return Array.isArray(value);
},
regexp: function regexp(value) {
if (value instanceof RegExp) {
return true;
}
try {
return !!new RegExp(value);
} catch (e) {
return false;
}
},
date: function date(value) {
return typeof value.getTime === "function" && typeof value.getMonth === "function" && typeof value.getYear === "function" && !isNaN(value.getTime());
},
number: function number(value) {
if (isNaN(value)) {
return false;
}
return typeof value === "number";
},
object: function object(value) {
return _typeof(value) === "object" && !types.array(value);
},
method: function method(value) {
return typeof value === "function";
},
email: function email(value) {
return typeof value === "string" && value.length <= 320 && !!value.match(pattern$1.email);
},
url: function url(value) {
return typeof value === "string" && value.length <= 2048 && !!value.match(getUrlRegex());
},
hex: function hex(value) {
return typeof value === "string" && !!value.match(pattern$1.hex);
}
};
var type$1 = function type(rule, value, source, errors, options) {
if (rule.required && value === void 0) {
required$1(rule, value, source, errors, options);
return;
}
var custom = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"];
var ruleType = rule.type;
if (custom.indexOf(ruleType) > -1) {
if (!types[ruleType](value)) {
errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));
}
} else if (ruleType && _typeof(value) !== rule.type) {
errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));
}
};
var whitespace = function whitespace2(rule, value, source, errors, options) {
if (/^\s+$/.test(value) || value === "") {
errors.push(format(options.messages.whitespace, rule.fullField));
}
};
const rules = {
required: required$1,
whitespace,
type: type$1,
range,
enum: enumerable$1,
pattern: pattern$2
};
var any = function any2(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
}
callback(errors);
};
var array2 = function array3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if ((value === void 0 || value === null) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options, "array");
if (value !== void 0 && value !== null) {
rules.type(rule, value, source, errors, options);
rules.range(rule, value, source, errors, options);
}
}
callback(errors);
};
var boolean = function boolean2(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (value !== void 0) {
rules.type(rule, value, source, errors, options);
}
}
callback(errors);
};
var date2 = function date3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value, "date") && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (!isEmptyValue(value, "date")) {
var dateObject;
if (value instanceof Date) {
dateObject = value;
} else {
dateObject = new Date(value);
}
rules.type(rule, dateObject, source, errors, options);
if (dateObject) {
rules.range(rule, dateObject.getTime(), source, errors, options);
}
}
}
callback(errors);
};
var ENUM = "enum";
var enumerable2 = function enumerable3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (value !== void 0) {
rules[ENUM](rule, value, source, errors, options);
}
}
callback(errors);
};
var floatFn = function floatFn2(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (value !== void 0) {
rules.type(rule, value, source, errors, options);
rules.range(rule, value, source, errors, options);
}
}
callback(errors);
};
var integer2 = function integer3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (value !== void 0) {
rules.type(rule, value, source, errors, options);
rules.range(rule, value, source, errors, options);
}
}
callback(errors);
};
var method2 = function method3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (value !== void 0) {
rules.type(rule, value, source, errors, options);
}
}
callback(errors);
};
var number2 = function number3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (value === "") {
value = void 0;
}
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (value !== void 0) {
rules.type(rule, value, source, errors, options);
rules.range(rule, value, source, errors, options);
}
}
callback(errors);
};
var object2 = function object3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (value !== void 0) {
rules.type(rule, value, source, errors, options);
}
}
callback(errors);
};
var pattern2 = function pattern3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value, "string") && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (!isEmptyValue(value, "string")) {
rules.pattern(rule, value, source, errors, options);
}
}
callback(errors);
};
var regexp2 = function regexp3(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options);
if (!isEmptyValue(value)) {
rules.type(rule, value, source, errors, options);
}
}
callback(errors);
};
var required2 = function required3(rule, value, callback, source, options) {
var errors = [];
var type4 = Array.isArray(value) ? "array" : _typeof(value);
rules.required(rule, value, source, errors, options, type4);
callback(errors);
};
var string = function string2(rule, value, callback, source, options) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value, "string") && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options, "string");
if (!isEmptyValue(value, "string")) {
rules.type(rule, value, source, errors, options);
rules.range(rule, value, source, errors, options);
rules.pattern(rule, value, source, errors, options);
if (rule.whitespace === true) {
rules.whitespace(rule, value, source, errors, options);
}
}
}
callback(errors);
};
var type2 = function type3(rule, value, callback, source, options) {
var ruleType = rule.type;
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value, ruleType) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options, ruleType);
if (!isEmptyValue(value, ruleType)) {
rules.type(rule, value, source, errors, options);
}
}
callback(errors);
};
const validators = {
string,
method: method2,
number: number2,
boolean,
regexp: regexp2,
integer: integer2,
float: floatFn,
array: array2,
object: object2,
enum: enumerable2,
pattern: pattern2,
date: date2,
url: type2,
hex: type2,
email: type2,
required: required2,
any
};
var Schema = /* @__PURE__ */ function() {
function Schema2(descriptor) {
_classCallCheck(this, Schema2);
_defineProperty(this, "rules", null);
_defineProperty(this, "_messages", messages);
this.define(descriptor);
}
_createClass(Schema2, [{
key: "define",
value: function define(rules2) {
var _this = this;
if (!rules2) {
throw new Error("Cannot configure a schema with no rules");
}
if (_typeof(rules2) !== "object" || Array.isArray(rules2)) {
throw new Error("Rules must be an object");
}
this.rules = {};
Object.keys(rules2).forEach(function(name) {
var item = rules2[name];
_this.rules[name] = Array.isArray(item) ? item : [item];
});
}
}, {
key: "messages",
value: function messages2(_messages) {
if (_messages) {
this._messages = deepMerge(newMessages(), _messages);
}
return this._messages;
}
}, {
key: "validate",
value: function validate(source_) {
var _this2 = this;
var o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
var oc = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : function() {
};
var source = source_;
var options = o;
var callback = oc;
if (typeof options === "function") {
callback = options;
options = {};
}
if (!this.rules || Object.keys(this.rules).length === 0) {
if (callback) {
callback(null, source);
}
return Promise.resolve(source);
}
function complete(results) {
var errors = [];
var fields = {};
function add(e) {
if (Array.isArray(e)) {
var _errors;
errors = (_errors = errors).concat.apply(_errors, _toConsumableArray(e));
} else {
errors.push(e);
}
}
for (var i = 0; i < results.length; i++) {
add(results[i]);
}
if (!errors.length) {
callback(null, source);
} else {
fields = convertFieldsError(errors);
callback(errors, fields);
}
}
if (options.messages) {
var messages$1 = this.messages();
if (messages$1 === messages) {
messages$1 = newMessages();
}
deepMerge(messages$1, options.messages);
options.messages = messages$1;
} else {
options.messages = this.messages();
}
var series = {};
var keys2 = options.keys || Object.keys(this.rules);
keys2.forEach(function(z) {
var arr = _this2.rules[z];
var value = source[z];
arr.forEach(function(r) {
var rule = r;
if (typeof rule.transform === "function") {
if (source === source_) {
source = _objectSpread2({}, source);
}
value = source[z] = rule.transform(value);
if (value !== void 0 && value !== null) {
rule.type = rule.type || (Array.isArray(value) ? "array" : _typeof(value));
}
}
if (typeof rule === "function") {
rule = {
validator: rule
};
} else {
rule = _objectSpread2({}, rule);
}
rule.validator = _this2.getValidationMethod(rule);
if (!rule.validator) {
return;
}
rule.field = z;
rule.fullField = rule.fullField || z;
rule.type = _this2.getType(rule);
series[z] = series[z] || [];
series[z].push({
rule,
value,
source,
field: z
});
});
});
var errorFields = {};
return asyncMap(series, options, function(data, doIt) {
var rule = data.rule;
var deep = (rule.type === "object" || rule.type === "array") && (_typeof(rule.fields) === "object" || _typeof(rule.defaultField) === "object");
deep = deep && (rule.required || !rule.required && data.value);
rule.field = data.field;
function addFullField(key, schema) {
return _objectSpread2(_objectSpread2({}, schema), {}, {
fullField: "".concat(rule.fullField, ".").concat(key),
fullFields: rule.fullFields ? [].concat(_toConsumableArray(rule.fullFields), [key]) : [key]
});
}
function cb() {
var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
var errorList = Array.isArray(e) ? e : [e];
if (!options.suppressWarning && errorList.length) {
Schema2.warning("async-validator:", errorList);
}
if (errorList.length && rule.message !== void 0) {
errorList = [].concat(rule.message);
}
var filledErrors = errorList.map(complementError(rule, source));
if (options.first && filledErrors.length) {
errorFields[rule.field] = 1;
return doIt(filledErrors);
}
if (!deep) {
doIt(filledErrors);
} else {
if (rule.required && !data.value) {
if (rule.message !== void 0) {
filledErrors = [].concat(rule.message).map(complementError(rule, source));
} else if (options.error) {
filledErrors = [options.error(rule, format(options.messages.required, rule.field))];
}
return doIt(filledErrors);
}
var fieldsSchema = {};
if (rule.defaultField) {
Object.keys(data.value).map(function(key) {
fieldsSchema[key] = rule.defaultField;
});
}
fieldsSchema = _objectSpread2(_objectSpread2({}, fieldsSchema), data.rule.fields);
var paredFieldsSchema = {};
Object.keys(fieldsSchema).forEach(function(field) {
var fieldSchema = fieldsSchema[field];
var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema];
paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field));
});
var schema = new Schema2(paredFieldsSchema);
schema.messages(options.messages);
if (data.rule.options) {
data.rule.options.messages = options.messages;
data.rule.options.error = options.error;
}
schema.validate(data.value, data.rule.options || options, function(errs) {
var finalErrors = [];
if (filledErrors && filledErrors.length) {
finalErrors.push.apply(finalErrors, _toConsumableArray(filledErrors));
}
if (errs && errs.length) {
finalErrors.push.apply(finalErrors, _toConsumableArray(errs));
}
doIt(finalErrors.length ? finalErrors : null);
});
}
}
var res;
if (rule.asyncValidator) {
res = rule.asyncValidator(rule, data.value, cb, data.source, options);
} else if (rule.validator) {
try {
res = rule.validator(rule, data.value, cb, data.source, options);
} catch (error) {
var _console$error, _console;
(_console$error = (_console = console).error) === null || _console$error === void 0 || _console$error.call(_console, error);
if (!options.suppressValidatorError) {
setTimeout(function() {
throw error;
}, 0);
}
cb(error.message);
}
if (res === true) {
cb();
} else if (res === false) {
cb(typeof rule.message === "function" ? rule.message(rule.fullField || rule.field) : rule.message || "".concat(rule.fullField || rule.field, " fails"));
} else if (res instanceof Array) {
cb(res);
} else if (res instanceof Error) {
cb(res.message);
}
}
if (res && res.then) {
res.then(function() {
return cb();
}, function(e) {
return cb(e);
});
}
}, function(results) {
complete(results);
}, source);
}
}, {
key: "getType",
value: function getType(rule) {
if (rule.type === void 0 && rule.pattern instanceof RegExp) {
rule.type = "pattern";
}
if (typeof rule.validator !== "function" && rule.type && !validators.hasOwnProperty(rule.type)) {
throw new Error(format("Unknown rule type %s", rule.type));
}
return rule.type || "string";
}
}, {
key: "getValidationMethod",
value: function getValidationMethod(rule) {
if (typeof rule.validator === "function") {
return rule.validator;
}
var keys2 = Object.keys(rule);
var messageIndex = keys2.indexOf("message");
if (messageIndex !== -1) {
keys2.splice(messageIndex, 1);
}
if (keys2.length === 1 && keys2[0] === "required") {
return validators.required;
}
return validators[this.getType(rule)] || void 0;
}
}]);
return Schema2;
}();
_defineProperty(Schema, "register", function register(type4, validator) {
if (typeof validator !== "function") {
throw new Error("Cannot register a validator by type, validator is not a function");
}
validators[type4] = validator;
});
_defineProperty(Schema, "warning", warning);
_defineProperty(Schema, "messages", messages);
_defineProperty(Schema, "validators", validators);
var typeTemplate = "'${name}' is not a valid ${type}";
var defaultValidateMessages = {
default: "Validation error on field '${name}'",
required: "'${name}' is required",
enum: "'${name}' must be one of [${enum}]",
whitespace: "'${name}' cannot be empty",
date: {
format: "'${name}' is invalid for format date",
parse: "'${name}' could not be parsed as date",
invalid: "'${name}' is invalid date"
},
types: {
string: typeTemplate,
method: typeTemplate,
array: typeTemplate,
object: typeTemplate,
number: typeTemplate,
date: typeTemplate,
boolean: typeTemplate,
integer: typeTemplate,
float: typeTemplate,
regexp: typeTemplate,
email: typeTemplate,
url: typeTemplate,
hex: typeTemplate
},
string: {
len: "'${name}' must be exactly ${len} characters",
min: "'${name}' must be at least ${min} characters",
max: "'${name}' cannot be longer than ${max} characters",
range: "'${name}' must be between ${min} and ${max} characters"
},
number: {
len: "'${name}' must equal ${len}",
min: "'${name}' cannot be less than ${min}",
max: "'${name}' cannot be greater than ${max}",
range: "'${name}' must be between ${min} and ${max}"
},
array: {
len: "'${name}' must be exactly ${len} in length",
min: "'${name}' cannot be less than ${min} in length",
max: "'${name}' cannot be greater than ${max} in length",
range: "'${name}' must be between ${min} and ${max} in length"
},
pattern: {
mismatch: "'${name}' does not match pattern ${pattern}"
}
};
var AsyncValidator = Schema;
function replaceMessage(template, kv) {
return template.replace(/\\?\$\{\w+\}/g, function(str) {
if (str.startsWith("\\")) {
return str.slice(1);
}
var key = str.slice(2, -1);
return kv[key];
});
}
var CODE_LOGIC_ERROR = "CODE_LOGIC_ERROR";
function validateRule(_x, _x2, _x3, _x4, _x5) {
return _validateRule.apply(this, arguments);
}
function _validateRule() {
_validateRule = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee2(name, value, rule, options, messageVariables) {
var cloneRule, originValidator, subRuleField, validator, messages2, result, subResults, kv, fillVariableResult;
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
cloneRule = _objectSpread2({}, rule);
delete cloneRule.ruleIndex;
AsyncValidator.warning = function() {
return void 0;
};
if (cloneRule.validator) {
originValidator = cloneRule.validator;
cloneRule.validator = function() {
try {
return originValidator.apply(void 0, arguments);
} catch (error) {
console.error(error);
return Promise.reject(CODE_LOGIC_ERROR);
}
};
}
subRuleField = null;
if (cloneRule && cloneRule.type === "array" && cloneRule.defaultField) {
subRuleField = cloneRule.defaultField;
delete cloneRule.defaultField;
}
validator = new AsyncValidator(_defineProperty({}, name, [cloneRule]));
messages2 = merge$1(defaultValidateMessages, options.validateMessages);
validator.messages(messages2);
result = [];
_context2.prev = 10;
_context2.next = 13;
return Promise.resolve(validator.validate(_defineProperty({}, name, value), _objectSpread2({}, options)));
case 13:
_context2.next = 18;
break;
case 15:
_context2.prev = 15;
_context2.t0 = _context2["catch"](10);
if (_context2.t0.errors) {
result = _context2.t0.errors.map(function(_ref4, index2) {
var message = _ref4.message;
var mergedMessage = message === CODE_LOGIC_ERROR ? messages2.default : message;
return /* @__PURE__ */ reactExports.isValidElement(mergedMessage) ? (
// Wrap ReactNode with `key`
/* @__PURE__ */ reactExports.cloneElement(mergedMessage, {
key: "error_".concat(index2)
})
) : mergedMessage;
});
}
case 18:
if (!(!result.length && subRuleField)) {
_context2.next = 23;
break;
}
_context2.next = 21;
return Promise.all(value.map(function(subValue, i) {
return validateRule("".concat(name, ".").concat(i), subValue, subRuleField, options, messageVariables);
}));
case 21:
subResults = _context2.sent;
return _context2.abrupt("return", subResults.reduce(function(prev2, errors) {
return [].concat(_toConsumableArray(prev2), _toConsumableArray(errors));
}, []));
case 23:
kv = _objectSpread2(_objectSpread2({}, rule), {}, {
name,
enum: (rule.enum || []).join(", ")
}, messageVariables);
fillVariableResult = result.map(function(error) {
if (typeof error === "string") {
return replaceMessage(error, kv);
}
return error;
});
return _context2.abrupt("return", fillVariableResult);
case 26:
case "end":
return _context2.stop();
}
}, _callee2, null, [[10, 15]]);
}));
return _validateRule.apply(this, arguments);
}
function validateRules(namePath, value, rules2, options, validateFirst, messageVariables) {
var name = namePath.join(".");
var filledRules = rules2.map(function(currentRule, ruleIndex) {
var originValidatorFunc = currentRule.validator;
var cloneRule = _objectSpread2(_objectSpread2({}, currentRule), {}, {
ruleIndex
});
if (originValidatorFunc) {
cloneRule.validator = function(rule, val, callback) {
var hasPromise = false;
var wrappedCallback = function wrappedCallback2() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
Promise.resolve().then(function() {
warningOnce(!hasPromise, "Your validator function has already return a promise. `callback` will be ignored.");
if (!hasPromise) {
callback.apply(void 0, args);
}
});
};
var promise = originValidatorFunc(rule, val, wrappedCallback);
hasPromise = promise && typeof promise.then === "function" && typeof promise.catch === "function";
warningOnce(hasPromise, "`callback` is deprecated. Please return a promise instead.");
if (hasPromise) {
promise.then(function() {
callback();
}).catch(function(err) {
callback(err || " ");
});
}
};
}
return cloneRule;
}).sort(function(_ref, _ref2) {
var w1 = _ref.warningOnly, i1 = _ref.ruleIndex;
var w2 = _ref2.warningOnly, i2 = _ref2.ruleIndex;
if (!!w1 === !!w2) {
return i1 - i2;
}
if (w1) {
return 1;
}
return -1;
});
var summaryPromise;
if (validateFirst === true) {
summaryPromise = new Promise(/* @__PURE__ */ function() {
var _ref3 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(resolve, reject) {
var i, rule, errors;
return _regeneratorRuntime().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
i = 0;
case 1:
if (!(i < filledRules.length)) {
_context.next = 12;
break;
}
rule = filledRules[i];
_context.next = 5;
return validateRule(name, value, rule, options, messageVariables);
case 5:
errors = _context.sent;
if (!errors.length) {
_context.next = 9;
break;
}
reject([{
errors,
rule
}]);
return _context.abrupt("return");
case 9:
i += 1;
_context.next = 1;
break;
case 12:
resolve([]);
case 13:
case "end":
return _context.stop();
}
}, _callee);
}));
return function(_x6, _x7) {
return _ref3.apply(this, arguments);
};
}());
} else {
var rulePromises = filledRules.map(function(rule) {
return validateRule(name, value, rule, options, messageVariables).then(function(errors) {
return {
errors,
rule
};
});
});
summaryPromise = (validateFirst ? finishOnFirstFailed(rulePromises) : finishOnAllFailed(rulePromises)).then(function(errors) {
return Promise.reject(errors);
});
}
summaryPromise.catch(function(e) {
return e;
});
return summaryPromise;
}
function finishOnAllFailed(_x8) {
return _finishOnAllFailed.apply(this, arguments);
}
function _finishOnAllFailed() {
_finishOnAllFailed = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee3(rulePromises) {
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
while (1) switch (_context3.prev = _context3.next) {
case 0:
return _context3.abrupt("return", Promise.all(rulePromises).then(function(errorsList) {
var _ref5;
var errors = (_ref5 = []).concat.apply(_ref5, _toConsumableArray(errorsList));
return errors;
}));
case 1:
case "end":
return _context3.stop();
}
}, _callee3);
}));
return _finishOnAllFailed.apply(this, arguments);
}
function finishOnFirstFailed(_x9) {
return _finishOnFirstFailed.apply(this, arguments);
}
function _finishOnFirstFailed() {
_finishOnFirstFailed = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee4(rulePromises) {
var count;
return _regeneratorRuntime().wrap(function _callee4$(_context4) {
while (1) switch (_context4.prev = _context4.next) {
case 0:
count = 0;
return _context4.abrupt("return", new Promise(function(resolve) {
rulePromises.forEach(function(promise) {
promise.then(function(ruleError) {
if (ruleError.errors.length) {
resolve([ruleError]);
}
count += 1;
if (count === rulePromises.length) {
resolve([]);
}
});
});
}));
case 2:
case "end":
return _context4.stop();
}
}, _callee4);
}));
return _finishOnFirstFailed.apply(this, arguments);
}
function getNamePath(path) {
return toArray$1(path);
}
function cloneByNamePathList(store, namePathList) {
var newStore = {};
namePathList.forEach(function(namePath) {
var value = get(store, namePath);
newStore = set(newStore, namePath, value);
});
return newStore;
}
function containsNamePath(namePathList, namePath) {
var partialMatch = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
return namePathList && namePathList.some(function(path) {
return matchNamePath(namePath, path, partialMatch);
});
}
function matchNamePath(namePath, subNamePath) {
var partialMatch = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
if (!namePath || !subNamePath) {
return false;
}
if (!partialMatch && namePath.length !== subNamePath.length) {
return false;
}
return subNamePath.every(function(nameUnit, i) {
return namePath[i] === nameUnit;
});
}
function isSimilar(source, target) {
if (source === target) {
return true;
}
if (!source && target || source && !target) {
return false;
}
if (!source || !target || _typeof(source) !== "object" || _typeof(target) !== "object") {
return false;
}
var sourceKeys = Object.keys(source);
var targetKeys = Object.keys(target);
var keys2 = new Set([].concat(sourceKeys, targetKeys));
return _toConsumableArray(keys2).every(function(key) {
var sourceValue = source[key];
var targetValue = target[key];
if (typeof sourceValue === "function" && typeof targetValue === "function") {
return true;
}
return sourceValue === targetValue;
});
}
function defaultGetValueFromEvent(valuePropName) {
var event = arguments.length <= 1 ? void 0 : arguments[1];
if (event && event.target && _typeof(event.target) === "object" && valuePropName in event.target) {
return event.target[valuePropName];
}
return event;
}
function move(array4, moveIndex, toIndex) {
var length2 = array4.length;
if (moveIndex < 0 || moveIndex >= length2 || toIndex < 0 || toIndex >= length2) {
return array4;
}
var item = array4[moveIndex];
var diff = moveIndex - toIndex;
if (diff > 0) {
return [].concat(_toConsumableArray(array4.slice(0, toIndex)), [item], _toConsumableArray(array4.slice(toIndex, moveIndex)), _toConsumableArray(array4.slice(moveIndex + 1, length2)));
}
if (diff < 0) {
return [].concat(_toConsumableArray(array4.slice(0, moveIndex)), _toConsumableArray(array4.slice(moveIndex + 1, toIndex + 1)), [item], _toConsumableArray(array4.slice(toIndex + 1, length2)));
}
return array4;
}
var _excluded$i = ["name"];
var EMPTY_ERRORS = [];
function requireUpdate(shouldUpdate, prev2, next2, prevValue, nextValue, info) {
if (typeof shouldUpdate === "function") {
return shouldUpdate(prev2, next2, "source" in info ? {
source: info.source
} : {});
}
return prevValue !== nextValue;
}
var Field = /* @__PURE__ */ function(_React$Component) {
_inherits(Field2, _React$Component);
var _super = _createSuper(Field2);
function Field2(props) {
var _this;
_classCallCheck(this, Field2);
_this = _super.call(this, props);
_defineProperty(_assertThisInitialized(_this), "state", {
resetCount: 0
});
_defineProperty(_assertThisInitialized(_this), "cancelRegisterFunc", null);
_defineProperty(_assertThisInitialized(_this), "mounted", false);
_defineProperty(_assertThisInitialized(_this), "touched", false);
_defineProperty(_assertThisInitialized(_this), "dirty", false);
_defineProperty(_assertThisInitialized(_this), "validatePromise", void 0);
_defineProperty(_assertThisInitialized(_this), "prevValidating", void 0);
_defineProperty(_assertThisInitialized(_this), "errors", EMPTY_ERRORS);
_defineProperty(_assertThisInitialized(_this), "warnings", EMPTY_ERRORS);
_defineProperty(_assertThisInitialized(_this), "cancelRegister", function() {
var _this$props = _this.props, preserve2 = _this$props.preserve, isListField = _this$props.isListField, name = _this$props.name;
if (_this.cancelRegisterFunc) {
_this.cancelRegisterFunc(isListField, preserve2, getNamePath(name));
}
_this.cancelRegisterFunc = null;
});
_defineProperty(_assertThisInitialized(_this), "getNamePath", function() {
var _this$props2 = _this.props, name = _this$props2.name, fieldContext = _this$props2.fieldContext;
var _fieldContext$prefixN = fieldContext.prefixName, prefixName = _fieldContext$prefixN === void 0 ? [] : _fieldContext$prefixN;
return name !== void 0 ? [].concat(_toConsumableArray(prefixName), _toConsumableArray(name)) : [];
});
_defineProperty(_assertThisInitialized(_this), "getRules", function() {
var _this$props3 = _this.props, _this$props3$rules = _this$props3.rules, rules2 = _this$props3$rules === void 0 ? [] : _this$props3$rules, fieldContext = _this$props3.fieldContext;
return rules2.map(function(rule) {
if (typeof rule === "function") {
return rule(fieldContext);
}
return rule;
});
});
_defineProperty(_assertThisInitialized(_this), "refresh", function() {
if (!_this.mounted) return;
_this.setState(function(_ref) {
var resetCount = _ref.resetCount;
return {
resetCount: resetCount + 1
};
});
});
_defineProperty(_assertThisInitialized(_this), "metaCache", null);
_defineProperty(_assertThisInitialized(_this), "triggerMetaEvent", function(destroy) {
var onMetaChange = _this.props.onMetaChange;
if (onMetaChange) {
var _meta = _objectSpread2(_objectSpread2({}, _this.getMeta()), {}, {
destroy
});
if (!isEqual(_this.metaCache, _meta)) {
onMetaChange(_meta);
}
_this.metaCache = _meta;
} else {
_this.metaCache = null;
}
});
_defineProperty(_assertThisInitialized(_this), "onStoreChange", function(prevStore, namePathList, info) {
var _this$props4 = _this.props, shouldUpdate = _this$props4.shouldUpdate, _this$props4$dependen = _this$props4.dependencies, dependencies = _this$props4$dependen === void 0 ? [] : _this$props4$dependen, onReset = _this$props4.onReset;
var store = info.store;
var namePath = _this.getNamePath();
var prevValue = _this.getValue(prevStore);
var curValue = _this.getValue(store);
var namePathMatch = namePathList && containsNamePath(namePathList, namePath);
if (info.type === "valueUpdate" && info.source === "external" && !isEqual(prevValue, curValue)) {
_this.touched = true;
_this.dirty = true;
_this.validatePromise = null;
_this.errors = EMPTY_ERRORS;
_this.warnings = EMPTY_ERRORS;
_this.triggerMetaEvent();
}
switch (info.type) {
case "reset":
if (!namePathList || namePathMatch) {
_this.touched = false;
_this.dirty = false;
_this.validatePromise = void 0;
_this.errors = EMPTY_ERRORS;
_this.warnings = EMPTY_ERRORS;
_this.triggerMetaEvent();
onReset === null || onReset === void 0 || onReset();
_this.refresh();
return;
}
break;
/**
* In case field with `preserve = false` nest deps like:
* - A = 1 => show B
* - B = 1 => show C
* - Reset A, need clean B, C
*/
case "remove": {
if (shouldUpdate && requireUpdate(shouldUpdate, prevStore, store, prevValue, curValue, info)) {
_this.reRender();
return;
}
break;
}
case "setField": {
var data = info.data;
if (namePathMatch) {
if ("touched" in data) {
_this.touched = data.touched;
}
if ("validating" in data && !("originRCField" in data)) {
_this.validatePromise = data.validating ? Promise.resolve([]) : null;
}
if ("errors" in data) {
_this.errors = data.errors || EMPTY_ERRORS;
}
if ("warnings" in data) {
_this.warnings = data.warnings || EMPTY_ERRORS;
}
_this.dirty = true;
_this.triggerMetaEvent();
_this.reRender();
return;
} else if ("value" in data && containsNamePath(namePathList, namePath, true)) {
_this.reRender();
return;
}
if (shouldUpdate && !namePath.length && requireUpdate(shouldUpdate, prevStore, store, prevValue, curValue, info)) {
_this.reRender();
return;
}
break;
}
case "dependenciesUpdate": {
var dependencyList = dependencies.map(getNamePath);
if (dependencyList.some(function(dependency) {
return containsNamePath(info.relatedFields, dependency);
})) {
_this.reRender();
return;
}
break;
}
default:
if (namePathMatch || (!dependencies.length || namePath.length || shouldUpdate) && requireUpdate(shouldUpdate, prevStore, store, prevValue, curValue, info)) {
_this.reRender();
return;
}
break;
}
if (shouldUpdate === true) {
_this.reRender();
}
});
_defineProperty(_assertThisInitialized(_this), "validateRules", function(options) {
var namePath = _this.getNamePath();
var currentValue = _this.getValue();
var _ref2 = options || {}, triggerName = _ref2.triggerName, _ref2$validateOnly = _ref2.validateOnly, validateOnly = _ref2$validateOnly === void 0 ? false : _ref2$validateOnly;
var rootPromise = Promise.resolve().then(/* @__PURE__ */ _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee() {
var _this$props5, _this$props5$validate, validateFirst, messageVariables, validateDebounce, filteredRules, promise;
return _regeneratorRuntime().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
if (_this.mounted) {
_context.next = 2;
break;
}
return _context.abrupt("return", []);
case 2:
_this$props5 = _this.props, _this$props5$validate = _this$props5.validateFirst, validateFirst = _this$props5$validate === void 0 ? false : _this$props5$validate, messageVariables = _this$props5.messageVariables, validateDebounce = _this$props5.validateDebounce;
filteredRules = _this.getRules();
if (triggerName) {
filteredRules = filteredRules.filter(function(rule) {
return rule;
}).filter(function(rule) {
var validateTrigger = rule.validateTrigger;
if (!validateTrigger) {
return true;
}
var triggerList = toArray$1(validateTrigger);
return triggerList.includes(triggerName);
});
}
if (!(validateDebounce && triggerName)) {
_context.next = 10;
break;
}
_context.next = 8;
return new Promise(function(resolve) {
setTimeout(resolve, validateDebounce);
});
case 8:
if (!(_this.validatePromise !== rootPromise)) {
_context.next = 10;
break;
}
return _context.abrupt("return", []);
case 10:
promise = validateRules(namePath, currentValue, filteredRules, options, validateFirst, messageVariables);
promise.catch(function(e) {
return e;
}).then(function() {
var ruleErrors = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : EMPTY_ERRORS;
if (_this.validatePromise === rootPromise) {
var _ruleErrors$forEach;
_this.validatePromise = null;
var nextErrors = [];
var nextWarnings = [];
(_ruleErrors$forEach = ruleErrors.forEach) === null || _ruleErrors$forEach === void 0 || _ruleErrors$forEach.call(ruleErrors, function(_ref4) {
var warningOnly = _ref4.rule.warningOnly, _ref4$errors = _ref4.errors, errors = _ref4$errors === void 0 ? EMPTY_ERRORS : _ref4$errors;
if (warningOnly) {
nextWarnings.push.apply(nextWarnings, _toConsumableArray(errors));
} else {
nextErrors.push.apply(nextErrors, _toConsumableArray(errors));
}
});
_this.errors = nextErrors;
_this.warnings = nextWarnings;
_this.triggerMetaEvent();
_this.reRender();
}
});
return _context.abrupt("return", promise);
case 13:
case "end":
return _context.stop();
}
}, _callee);
})));
if (validateOnly) {
return rootPromise;
}
_this.validatePromise = rootPromise;
_this.dirty = true;
_this.errors = EMPTY_ERRORS;
_this.warnings = EMPTY_ERRORS;
_this.triggerMetaEvent();
_this.reRender();
return rootPromise;
});
_defineProperty(_assertThisInitialized(_this), "isFieldValidating", function() {
return !!_this.validatePromise;
});
_defineProperty(_assertThisInitialized(_this), "isFieldTouched", function() {
return _this.touched;
});
_defineProperty(_assertThisInitialized(_this), "isFieldDirty", function() {
if (_this.dirty || _this.props.initialValue !== void 0) {
return true;
}
var fieldContext = _this.props.fieldContext;
var _fieldContext$getInte = fieldContext.getInternalHooks(HOOK_MARK), getInitialValue = _fieldContext$getInte.getInitialValue;
if (getInitialValue(_this.getNamePath()) !== void 0) {
return true;
}
return false;
});
_defineProperty(_assertThisInitialized(_this), "getErrors", function() {
return _this.errors;
});
_defineProperty(_assertThisInitialized(_this), "getWarnings", function() {
return _this.warnings;
});
_defineProperty(_assertThisInitialized(_this), "isListField", function() {
return _this.props.isListField;
});
_defineProperty(_assertThisInitialized(_this), "isList", function() {
return _this.props.isList;
});
_defineProperty(_assertThisInitialized(_this), "isPreserve", function() {
return _this.props.preserve;
});
_defineProperty(_assertThisInitialized(_this), "getMeta", function() {
_this.prevValidating = _this.isFieldValidating();
var meta = {
touched: _this.isFieldTouched(),
validating: _this.prevValidating,
errors: _this.errors,
warnings: _this.warnings,
name: _this.getNamePath(),
validated: _this.validatePromise === null
};
return meta;
});
_defineProperty(_assertThisInitialized(_this), "getOnlyChild", function(children) {
if (typeof children === "function") {
var _meta2 = _this.getMeta();
return _objectSpread2(_objectSpread2({}, _this.getOnlyChild(children(_this.getControlled(), _meta2, _this.props.fieldContext))), {}, {
isFunction: true
});
}
var childList = toArray$2(children);
if (childList.length !== 1 || !/* @__PURE__ */ reactExports.isValidElement(childList[0])) {
return {
child: childList,
isFunction: false
};
}
return {
child: childList[0],
isFunction: false
};
});
_defineProperty(_assertThisInitialized(_this), "getValue", function(store) {
var getFieldsValue = _this.props.fieldContext.getFieldsValue;
var namePath = _this.getNamePath();
return get(store || getFieldsValue(true), namePath);
});
_defineProperty(_assertThisInitialized(_this), "getControlled", function() {
var childProps = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
var _this$props6 = _this.props, name = _this$props6.name, trigger = _this$props6.trigger, validateTrigger = _this$props6.validateTrigger, getValueFromEvent = _this$props6.getValueFromEvent, normalize2 = _this$props6.normalize, valuePropName = _this$props6.valuePropName, getValueProps = _this$props6.getValueProps, fieldContext = _this$props6.fieldContext;
var mergedValidateTrigger = validateTrigger !== void 0 ? validateTrigger : fieldContext.validateTrigger;
var namePath = _this.getNamePath();
var getInternalHooks22 = fieldContext.getInternalHooks, getFieldsValue = fieldContext.getFieldsValue;
var _getInternalHooks = getInternalHooks22(HOOK_MARK), dispatch = _getInternalHooks.dispatch;
var value = _this.getValue();
var mergedGetValueProps = getValueProps || function(val) {
return _defineProperty({}, valuePropName, val);
};
var originTriggerFunc = childProps[trigger];
var valueProps = name !== void 0 ? mergedGetValueProps(value) : {};
var control = _objectSpread2(_objectSpread2({}, childProps), valueProps);
control[trigger] = function() {
_this.touched = true;
_this.dirty = true;
_this.triggerMetaEvent();
var newValue;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (getValueFromEvent) {
newValue = getValueFromEvent.apply(void 0, args);
} else {
newValue = defaultGetValueFromEvent.apply(void 0, [valuePropName].concat(args));
}
if (normalize2) {
newValue = normalize2(newValue, value, getFieldsValue(true));
}
if (newValue !== value) {
dispatch({
type: "updateValue",
namePath,
value: newValue
});
}
if (originTriggerFunc) {
originTriggerFunc.apply(void 0, args);
}
};
var validateTriggerList = toArray$1(mergedValidateTrigger || []);
validateTriggerList.forEach(function(triggerName) {
var originTrigger = control[triggerName];
control[triggerName] = function() {
if (originTrigger) {
originTrigger.apply(void 0, arguments);
}
var rules2 = _this.props.rules;
if (rules2 && rules2.length) {
dispatch({
type: "validateField",
namePath,
triggerName
});
}
};
});
return control;
});
if (props.fieldContext) {
var getInternalHooks2 = props.fieldContext.getInternalHooks;
var _getInternalHooks2 = getInternalHooks2(HOOK_MARK), initEntityValue = _getInternalHooks2.initEntityValue;
initEntityValue(_assertThisInitialized(_this));
}
return _this;
}
_createClass(Field2, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this$props7 = this.props, shouldUpdate = _this$props7.shouldUpdate, fieldContext = _this$props7.fieldContext;
this.mounted = true;
if (fieldContext) {
var getInternalHooks2 = fieldContext.getInternalHooks;
var _getInternalHooks3 = getInternalHooks2(HOOK_MARK), registerField = _getInternalHooks3.registerField;
this.cancelRegisterFunc = registerField(this);
}
if (shouldUpdate === true) {
this.reRender();
}
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
this.cancelRegister();
this.triggerMetaEvent(true);
this.mounted = false;
}
}, {
key: "reRender",
value: function reRender() {
if (!this.mounted) return;
this.forceUpdate();
}
}, {
key: "render",
value: function render2() {
var resetCount = this.state.resetCount;
var children = this.props.children;
var _this$getOnlyChild = this.getOnlyChild(children), child = _this$getOnlyChild.child, isFunction = _this$getOnlyChild.isFunction;
var returnChildNode;
if (isFunction) {
returnChildNode = child;
} else if (/* @__PURE__ */ reactExports.isValidElement(child)) {
returnChildNode = /* @__PURE__ */ reactExports.cloneElement(child, this.getControlled(child.props));
} else {
warningOnce(!child, "`children` of Field is not validate ReactElement.");
returnChildNode = child;
}
return /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, {
key: resetCount
}, returnChildNode);
}
}]);
return Field2;
}(reactExports.Component);
_defineProperty(Field, "contextType", Context);
_defineProperty(Field, "defaultProps", {
trigger: "onChange",
valuePropName: "value"
});
function WrapperField(_ref6) {
var _restProps$isListFiel;
var name = _ref6.name, restProps = _objectWithoutProperties(_ref6, _excluded$i);
var fieldContext = reactExports.useContext(Context);
var listContext = reactExports.useContext(ListContext);
var namePath = name !== void 0 ? getNamePath(name) : void 0;
var isMergedListField = (_restProps$isListFiel = restProps.isListField) !== null && _restProps$isListFiel !== void 0 ? _restProps$isListFiel : !!listContext;
var key = "keep";
if (!isMergedListField) {
key = "_".concat((namePath || []).join("_"));
}
return /* @__PURE__ */ reactExports.createElement(Field, _extends({
key,
name: namePath,
isListField: isMergedListField
}, restProps, {
fieldContext
}));
}
function List(_ref) {
var name = _ref.name, initialValue = _ref.initialValue, children = _ref.children, rules2 = _ref.rules, validateTrigger = _ref.validateTrigger, isListField = _ref.isListField;
var context = reactExports.useContext(Context);
var wrapperListContext = reactExports.useContext(ListContext);
var keyRef = reactExports.useRef({
keys: [],
id: 0
});
var keyManager = keyRef.current;
var prefixName = reactExports.useMemo(function() {
var parentPrefixName = getNamePath(context.prefixName) || [];
return [].concat(_toConsumableArray(parentPrefixName), _toConsumableArray(getNamePath(name)));
}, [context.prefixName, name]);
var fieldContext = reactExports.useMemo(function() {
return _objectSpread2(_objectSpread2({}, context), {}, {
prefixName
});
}, [context, prefixName]);
var listContext = reactExports.useMemo(function() {
return {
getKey: function getKey(namePath) {
var len = prefixName.length;
var pathName = namePath[len];
return [keyManager.keys[pathName], namePath.slice(len + 1)];
}
};
}, [prefixName]);
if (typeof children !== "function") {
warningOnce(false, "Form.List only accepts function as children.");
return null;
}
var shouldUpdate = function shouldUpdate2(prevValue, nextValue, _ref2) {
var source = _ref2.source;
if (source === "internal") {
return false;
}
return prevValue !== nextValue;
};
return /* @__PURE__ */ reactExports.createElement(ListContext.Provider, {
value: listContext
}, /* @__PURE__ */ reactExports.createElement(Context.Provider, {
value: fieldContext
}, /* @__PURE__ */ reactExports.createElement(WrapperField, {
name: [],
shouldUpdate,
rules: rules2,
validateTrigger,
initialValue,
isList: true,
isListField: isListField !== null && isListField !== void 0 ? isListField : !!wrapperListContext
}, function(_ref3, meta) {
var _ref3$value = _ref3.value, value = _ref3$value === void 0 ? [] : _ref3$value, onChange = _ref3.onChange;
var getFieldValue = context.getFieldValue;
var getNewValue = function getNewValue2() {
var values = getFieldValue(prefixName || []);
return values || [];
};
var operations = {
add: function add(defaultValue, index2) {
var newValue = getNewValue();
if (index2 >= 0 && index2 <= newValue.length) {
keyManager.keys = [].concat(_toConsumableArray(keyManager.keys.slice(0, index2)), [keyManager.id], _toConsumableArray(keyManager.keys.slice(index2)));
onChange([].concat(_toConsumableArray(newValue.slice(0, index2)), [defaultValue], _toConsumableArray(newValue.slice(index2))));
} else {
keyManager.keys = [].concat(_toConsumableArray(keyManager.keys), [keyManager.id]);
onChange([].concat(_toConsumableArray(newValue), [defaultValue]));
}
keyManager.id += 1;
},
remove: function remove(index2) {
var newValue = getNewValue();
var indexSet = new Set(Array.isArray(index2) ? index2 : [index2]);
if (indexSet.size <= 0) {
return;
}
keyManager.keys = keyManager.keys.filter(function(_, keysIndex) {
return !indexSet.has(keysIndex);
});
onChange(newValue.filter(function(_, valueIndex) {
return !indexSet.has(valueIndex);
}));
},
move: function move$1(from2, to) {
if (from2 === to) {
return;
}
var newValue = getNewValue();
if (from2 < 0 || from2 >= newValue.length || to < 0 || to >= newValue.length) {
return;
}
keyManager.keys = move(keyManager.keys, from2, to);
onChange(move(newValue, from2, to));
}
};
var listValue = value || [];
if (!Array.isArray(listValue)) {
listValue = [];
}
return children(listValue.map(function(__, index2) {
var key = keyManager.keys[index2];
if (key === void 0) {
keyManager.keys[index2] = keyManager.id;
key = keyManager.keys[index2];
keyManager.id += 1;
}
return {
name: index2,
key,
isListField: true
};
}), operations, meta);
})));
}
function allPromiseFinish(promiseList) {
var hasError = false;
var count = promiseList.length;
var results = [];
if (!promiseList.length) {
return Promise.resolve([]);
}
return new Promise(function(resolve, reject) {
promiseList.forEach(function(promise, index2) {
promise.catch(function(e) {
hasError = true;
return e;
}).then(function(result) {
count -= 1;
results[index2] = result;
if (count > 0) {
return;
}
if (hasError) {
reject(results);
}
resolve(results);
});
});
});
}
var SPLIT = "__@field_split__";
function normalize(namePath) {
return namePath.map(function(cell) {
return "".concat(_typeof(cell), ":").concat(cell);
}).join(SPLIT);
}
var NameMap = /* @__PURE__ */ function() {
function NameMap2() {
_classCallCheck(this, NameMap2);
_defineProperty(this, "kvs", /* @__PURE__ */ new Map());
}
_createClass(NameMap2, [{
key: "set",
value: function set2(key, value) {
this.kvs.set(normalize(key), value);
}
}, {
key: "get",
value: function get2(key) {
return this.kvs.get(normalize(key));
}
}, {
key: "update",
value: function update(key, updater) {
var origin = this.get(key);
var next2 = updater(origin);
if (!next2) {
this.delete(key);
} else {
this.set(key, next2);
}
}
}, {
key: "delete",
value: function _delete(key) {
this.kvs.delete(normalize(key));
}
// Since we only use this in test, let simply realize this
}, {
key: "map",
value: function map(callback) {
return _toConsumableArray(this.kvs.entries()).map(function(_ref) {
var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
var cells = key.split(SPLIT);
return callback({
key: cells.map(function(cell) {
var _cell$match = cell.match(/^([^:]*):(.*)$/), _cell$match2 = _slicedToArray(_cell$match, 3), type4 = _cell$match2[1], unit2 = _cell$match2[2];
return type4 === "number" ? Number(unit2) : unit2;
}),
value
});
});
}
}, {
key: "toJSON",
value: function toJSON() {
var json = {};
this.map(function(_ref3) {
var key = _ref3.key, value = _ref3.value;
json[key.join(".")] = value;
return null;
});
return json;
}
}]);
return NameMap2;
}();
var _excluded$h = ["name"];
var FormStore = /* @__PURE__ */ _createClass(function FormStore2(forceRootUpdate) {
var _this = this;
_classCallCheck(this, FormStore2);
_defineProperty(this, "formHooked", false);
_defineProperty(this, "forceRootUpdate", void 0);
_defineProperty(this, "subscribable", true);
_defineProperty(this, "store", {});
_defineProperty(this, "fieldEntities", []);
_defineProperty(this, "initialValues", {});
_defineProperty(this, "callbacks", {});
_defineProperty(this, "validateMessages", null);
_defineProperty(this, "preserve", null);
_defineProperty(this, "lastValidatePromise", null);
_defineProperty(this, "getForm", function() {
return {
getFieldValue: _this.getFieldValue,
getFieldsValue: _this.getFieldsValue,
getFieldError: _this.getFieldError,
getFieldWarning: _this.getFieldWarning,
getFieldsError: _this.getFieldsError,
isFieldsTouched: _this.isFieldsTouched,
isFieldTouched: _this.isFieldTouched,
isFieldValidating: _this.isFieldValidating,
isFieldsValidating: _this.isFieldsValidating,
resetFields: _this.resetFields,
setFields: _this.setFields,
setFieldValue: _this.setFieldValue,
setFieldsValue: _this.setFieldsValue,
validateFields: _this.validateFields,
submit: _this.submit,
_init: true,
getInternalHooks: _this.getInternalHooks
};
});
_defineProperty(this, "getInternalHooks", function(key) {
if (key === HOOK_MARK) {
_this.formHooked = true;
return {
dispatch: _this.dispatch,
initEntityValue: _this.initEntityValue,
registerField: _this.registerField,
useSubscribe: _this.useSubscribe,
setInitialValues: _this.setInitialValues,
destroyForm: _this.destroyForm,
setCallbacks: _this.setCallbacks,
setValidateMessages: _this.setValidateMessages,
getFields: _this.getFields,
setPreserve: _this.setPreserve,
getInitialValue: _this.getInitialValue,
registerWatch: _this.registerWatch
};
}
warningOnce(false, "`getInternalHooks` is internal usage. Should not call directly.");
return null;
});
_defineProperty(this, "useSubscribe", function(subscribable) {
_this.subscribable = subscribable;
});
_defineProperty(this, "prevWithoutPreserves", null);
_defineProperty(this, "setInitialValues", function(initialValues, init) {
_this.initialValues = initialValues || {};
if (init) {
var _this$prevWithoutPres;
var nextStore = merge$1(initialValues, _this.store);
(_this$prevWithoutPres = _this.prevWithoutPreserves) === null || _this$prevWithoutPres === void 0 || _this$prevWithoutPres.map(function(_ref) {
var namePath = _ref.key;
nextStore = set(nextStore, namePath, get(initialValues, namePath));
});
_this.prevWithoutPreserves = null;
_this.updateStore(nextStore);
}
});
_defineProperty(this, "destroyForm", function(clearOnDestroy) {
if (clearOnDestroy) {
_this.updateStore({});
} else {
var prevWithoutPreserves = new NameMap();
_this.getFieldEntities(true).forEach(function(entity) {
if (!_this.isMergedPreserve(entity.isPreserve())) {
prevWithoutPreserves.set(entity.getNamePath(), true);
}
});
_this.prevWithoutPreserves = prevWithoutPreserves;
}
});
_defineProperty(this, "getInitialValue", function(namePath) {
var initValue = get(_this.initialValues, namePath);
return namePath.length ? merge$1(initValue) : initValue;
});
_defineProperty(this, "setCallbacks", function(callbacks) {
_this.callbacks = callbacks;
});
_defineProperty(this, "setValidateMessages", function(validateMessages) {
_this.validateMessages = validateMessages;
});
_defineProperty(this, "setPreserve", function(preserve2) {
_this.preserve = preserve2;
});
_defineProperty(this, "watchList", []);
_defineProperty(this, "registerWatch", function(callback) {
_this.watchList.push(callback);
return function() {
_this.watchList = _this.watchList.filter(function(fn) {
return fn !== callback;
});
};
});
_defineProperty(this, "notifyWatch", function() {
var namePath = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
if (_this.watchList.length) {
var values = _this.getFieldsValue();
var allValues = _this.getFieldsValue(true);
_this.watchList.forEach(function(callback) {
callback(values, allValues, namePath);
});
}
});
_defineProperty(this, "timeoutId", null);
_defineProperty(this, "warningUnhooked", function() {
});
_defineProperty(this, "updateStore", function(nextStore) {
_this.store = nextStore;
});
_defineProperty(this, "getFieldEntities", function() {
var pure = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
if (!pure) {
return _this.fieldEntities;
}
return _this.fieldEntities.filter(function(field) {
return field.getNamePath().length;
});
});
_defineProperty(this, "getFieldsMap", function() {
var pure = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
var cache = new NameMap();
_this.getFieldEntities(pure).forEach(function(field) {
var namePath = field.getNamePath();
cache.set(namePath, field);
});
return cache;
});
_defineProperty(this, "getFieldEntitiesForNamePathList", function(nameList) {
if (!nameList) {
return _this.getFieldEntities(true);
}
var cache = _this.getFieldsMap(true);
return nameList.map(function(name) {
var namePath = getNamePath(name);
return cache.get(namePath) || {
INVALIDATE_NAME_PATH: getNamePath(name)
};
});
});
_defineProperty(this, "getFieldsValue", function(nameList, filterFunc) {
_this.warningUnhooked();
var mergedNameList;
var mergedFilterFunc;
var mergedStrict;
if (nameList === true || Array.isArray(nameList)) {
mergedNameList = nameList;
mergedFilterFunc = filterFunc;
} else if (nameList && _typeof(nameList) === "object") {
mergedStrict = nameList.strict;
mergedFilterFunc = nameList.filter;
}
if (mergedNameList === true && !mergedFilterFunc) {
return _this.store;
}
var fieldEntities = _this.getFieldEntitiesForNamePathList(Array.isArray(mergedNameList) ? mergedNameList : null);
var filteredNameList = [];
fieldEntities.forEach(function(entity) {
var _isListField, _ref3;
var namePath = "INVALIDATE_NAME_PATH" in entity ? entity.INVALIDATE_NAME_PATH : entity.getNamePath();
if (mergedStrict) {
var _isList, _ref2;
if ((_isList = (_ref2 = entity).isList) !== null && _isList !== void 0 && _isList.call(_ref2)) {
return;
}
} else if (!mergedNameList && (_isListField = (_ref3 = entity).isListField) !== null && _isListField !== void 0 && _isListField.call(_ref3)) {
return;
}
if (!mergedFilterFunc) {
filteredNameList.push(namePath);
} else {
var meta = "getMeta" in entity ? entity.getMeta() : null;
if (mergedFilterFunc(meta)) {
filteredNameList.push(namePath);
}
}
});
return cloneByNamePathList(_this.store, filteredNameList.map(getNamePath));
});
_defineProperty(this, "getFieldValue", function(name) {
_this.warningUnhooked();
var namePath = getNamePath(name);
return get(_this.store, namePath);
});
_defineProperty(this, "getFieldsError", function(nameList) {
_this.warningUnhooked();
var fieldEntities = _this.getFieldEntitiesForNamePathList(nameList);
return fieldEntities.map(function(entity, index2) {
if (entity && !("INVALIDATE_NAME_PATH" in entity)) {
return {
name: entity.getNamePath(),
errors: entity.getErrors(),
warnings: entity.getWarnings()
};
}
return {
name: getNamePath(nameList[index2]),
errors: [],
warnings: []
};
});
});
_defineProperty(this, "getFieldError", function(name) {
_this.warningUnhooked();
var namePath = getNamePath(name);
var fieldError = _this.getFieldsError([namePath])[0];
return fieldError.errors;
});
_defineProperty(this, "getFieldWarning", function(name) {
_this.warningUnhooked();
var namePath = getNamePath(name);
var fieldError = _this.getFieldsError([namePath])[0];
return fieldError.warnings;
});
_defineProperty(this, "isFieldsTouched", function() {
_this.warningUnhooked();
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var arg0 = args[0], arg1 = args[1];
var namePathList;
var isAllFieldsTouched = false;
if (args.length === 0) {
namePathList = null;
} else if (args.length === 1) {
if (Array.isArray(arg0)) {
namePathList = arg0.map(getNamePath);
isAllFieldsTouched = false;
} else {
namePathList = null;
isAllFieldsTouched = arg0;
}
} else {
namePathList = arg0.map(getNamePath);
isAllFieldsTouched = arg1;
}
var fieldEntities = _this.getFieldEntities(true);
var isFieldTouched = function isFieldTouched2(field) {
return field.isFieldTouched();
};
if (!namePathList) {
return isAllFieldsTouched ? fieldEntities.every(function(entity) {
return isFieldTouched(entity) || entity.isList();
}) : fieldEntities.some(isFieldTouched);
}
var map = new NameMap();
namePathList.forEach(function(shortNamePath) {
map.set(shortNamePath, []);
});
fieldEntities.forEach(function(field) {
var fieldNamePath = field.getNamePath();
namePathList.forEach(function(shortNamePath) {
if (shortNamePath.every(function(nameUnit, i) {
return fieldNamePath[i] === nameUnit;
})) {
map.update(shortNamePath, function(list) {
return [].concat(_toConsumableArray(list), [field]);
});
}
});
});
var isNamePathListTouched = function isNamePathListTouched2(entities) {
return entities.some(isFieldTouched);
};
var namePathListEntities = map.map(function(_ref4) {
var value = _ref4.value;
return value;
});
return isAllFieldsTouched ? namePathListEntities.every(isNamePathListTouched) : namePathListEntities.some(isNamePathListTouched);
});
_defineProperty(this, "isFieldTouched", function(name) {
_this.warningUnhooked();
return _this.isFieldsTouched([name]);
});
_defineProperty(this, "isFieldsValidating", function(nameList) {
_this.warningUnhooked();
var fieldEntities = _this.getFieldEntities();
if (!nameList) {
return fieldEntities.some(function(testField) {
return testField.isFieldValidating();
});
}
var namePathList = nameList.map(getNamePath);
return fieldEntities.some(function(testField) {
var fieldNamePath = testField.getNamePath();
return containsNamePath(namePathList, fieldNamePath) && testField.isFieldValidating();
});
});
_defineProperty(this, "isFieldValidating", function(name) {
_this.warningUnhooked();
return _this.isFieldsValidating([name]);
});
_defineProperty(this, "resetWithFieldInitialValue", function() {
var info = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
var cache = new NameMap();
var fieldEntities = _this.getFieldEntities(true);
fieldEntities.forEach(function(field) {
var initialValue = field.props.initialValue;
var namePath = field.getNamePath();
if (initialValue !== void 0) {
var records = cache.get(namePath) || /* @__PURE__ */ new Set();
records.add({
entity: field,
value: initialValue
});
cache.set(namePath, records);
}
});
var resetWithFields = function resetWithFields2(entities) {
entities.forEach(function(field) {
var initialValue = field.props.initialValue;
if (initialValue !== void 0) {
var namePath = field.getNamePath();
var formInitialValue = _this.getInitialValue(namePath);
if (formInitialValue !== void 0) {
warningOnce(false, "Form already set 'initialValues' with path '".concat(namePath.join("."), "'. Field can not overwrite it."));
} else {
var records = cache.get(namePath);
if (records && records.size > 1) {
warningOnce(false, "Multiple Field with path '".concat(namePath.join("."), "' set 'initialValue'. Can not decide which one to pick."));
} else if (records) {
var originValue = _this.getFieldValue(namePath);
var isListField = field.isListField();
if (!isListField && (!info.skipExist || originValue === void 0)) {
_this.updateStore(set(_this.store, namePath, _toConsumableArray(records)[0].value));
}
}
}
}
});
};
var requiredFieldEntities;
if (info.entities) {
requiredFieldEntities = info.entities;
} else if (info.namePathList) {
requiredFieldEntities = [];
info.namePathList.forEach(function(namePath) {
var records = cache.get(namePath);
if (records) {
var _requiredFieldEntitie;
(_requiredFieldEntitie = requiredFieldEntities).push.apply(_requiredFieldEntitie, _toConsumableArray(_toConsumableArray(records).map(function(r) {
return r.entity;
})));
}
});
} else {
requiredFieldEntities = fieldEntities;
}
resetWithFields(requiredFieldEntities);
});
_defineProperty(this, "resetFields", function(nameList) {
_this.warningUnhooked();
var prevStore = _this.store;
if (!nameList) {
_this.updateStore(merge$1(_this.initialValues));
_this.resetWithFieldInitialValue();
_this.notifyObservers(prevStore, null, {
type: "reset"
});
_this.notifyWatch();
return;
}
var namePathList = nameList.map(getNamePath);
namePathList.forEach(function(namePath) {
var initialValue = _this.getInitialValue(namePath);
_this.updateStore(set(_this.store, namePath, initialValue));
});
_this.resetWithFieldInitialValue({
namePathList
});
_this.notifyObservers(prevStore, namePathList, {
type: "reset"
});
_this.notifyWatch(namePathList);
});
_defineProperty(this, "setFields", function(fields) {
_this.warningUnhooked();
var prevStore = _this.store;
var namePathList = [];
fields.forEach(function(fieldData) {
var name = fieldData.name, data = _objectWithoutProperties(fieldData, _excluded$h);
var namePath = getNamePath(name);
namePathList.push(namePath);
if ("value" in data) {
_this.updateStore(set(_this.store, namePath, data.value));
}
_this.notifyObservers(prevStore, [namePath], {
type: "setField",
data: fieldData
});
});
_this.notifyWatch(namePathList);
});
_defineProperty(this, "getFields", function() {
var entities = _this.getFieldEntities(true);
var fields = entities.map(function(field) {
var namePath = field.getNamePath();
var meta = field.getMeta();
var fieldData = _objectSpread2(_objectSpread2({}, meta), {}, {
name: namePath,
value: _this.getFieldValue(namePath)
});
Object.defineProperty(fieldData, "originRCField", {
value: true
});
return fieldData;
});
return fields;
});
_defineProperty(this, "initEntityValue", function(entity) {
var initialValue = entity.props.initialValue;
if (initialValue !== void 0) {
var namePath = entity.getNamePath();
var prevValue = get(_this.store, namePath);
if (prevValue === void 0) {
_this.updateStore(set(_this.store, namePath, initialValue));
}
}
});
_defineProperty(this, "isMergedPreserve", function(fieldPreserve) {
var mergedPreserve = fieldPreserve !== void 0 ? fieldPreserve : _this.preserve;
return mergedPreserve !== null && mergedPreserve !== void 0 ? mergedPreserve : true;
});
_defineProperty(this, "registerField", function(entity) {
_this.fieldEntities.push(entity);
var namePath = entity.getNamePath();
_this.notifyWatch([namePath]);
if (entity.props.initialValue !== void 0) {
var prevStore = _this.store;
_this.resetWithFieldInitialValue({
entities: [entity],
skipExist: true
});
_this.notifyObservers(prevStore, [entity.getNamePath()], {
type: "valueUpdate",
source: "internal"
});
}
return function(isListField, preserve2) {
var subNamePath = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
_this.fieldEntities = _this.fieldEntities.filter(function(item) {
return item !== entity;
});
if (!_this.isMergedPreserve(preserve2) && (!isListField || subNamePath.length > 1)) {
var defaultValue = isListField ? void 0 : _this.getInitialValue(namePath);
if (namePath.length && _this.getFieldValue(namePath) !== defaultValue && _this.fieldEntities.every(function(field) {
return (
// Only reset when no namePath exist
!matchNamePath(field.getNamePath(), namePath)
);
})) {
var _prevStore = _this.store;
_this.updateStore(set(_prevStore, namePath, defaultValue, true));
_this.notifyObservers(_prevStore, [namePath], {
type: "remove"
});
_this.triggerDependenciesUpdate(_prevStore, namePath);
}
}
_this.notifyWatch([namePath]);
};
});
_defineProperty(this, "dispatch", function(action) {
switch (action.type) {
case "updateValue": {
var namePath = action.namePath, value = action.value;
_this.updateValue(namePath, value);
break;
}
case "validateField": {
var _namePath = action.namePath, triggerName = action.triggerName;
_this.validateFields([_namePath], {
triggerName
});
break;
}
}
});
_defineProperty(this, "notifyObservers", function(prevStore, namePathList, info) {
if (_this.subscribable) {
var mergedInfo = _objectSpread2(_objectSpread2({}, info), {}, {
store: _this.getFieldsValue(true)
});
_this.getFieldEntities().forEach(function(_ref5) {
var onStoreChange = _ref5.onStoreChange;
onStoreChange(prevStore, namePathList, mergedInfo);
});
} else {
_this.forceRootUpdate();
}
});
_defineProperty(this, "triggerDependenciesUpdate", function(prevStore, namePath) {
var childrenFields = _this.getDependencyChildrenFields(namePath);
if (childrenFields.length) {
_this.validateFields(childrenFields);
}
_this.notifyObservers(prevStore, childrenFields, {
type: "dependenciesUpdate",
relatedFields: [namePath].concat(_toConsumableArray(childrenFields))
});
return childrenFields;
});
_defineProperty(this, "updateValue", function(name, value) {
var namePath = getNamePath(name);
var prevStore = _this.store;
_this.updateStore(set(_this.store, namePath, value));
_this.notifyObservers(prevStore, [namePath], {
type: "valueUpdate",
source: "internal"
});
_this.notifyWatch([namePath]);
var childrenFields = _this.triggerDependenciesUpdate(prevStore, namePath);
var onValuesChange = _this.callbacks.onValuesChange;
if (onValuesChange) {
var changedValues = cloneByNamePathList(_this.store, [namePath]);
onValuesChange(changedValues, _this.getFieldsValue());
}
_this.triggerOnFieldsChange([namePath].concat(_toConsumableArray(childrenFields)));
});
_defineProperty(this, "setFieldsValue", function(store) {
_this.warningUnhooked();
var prevStore = _this.store;
if (store) {
var nextStore = merge$1(_this.store, store);
_this.updateStore(nextStore);
}
_this.notifyObservers(prevStore, null, {
type: "valueUpdate",
source: "external"
});
_this.notifyWatch();
});
_defineProperty(this, "setFieldValue", function(name, value) {
_this.setFields([{
name,
value,
errors: [],
warnings: []
}]);
});
_defineProperty(this, "getDependencyChildrenFields", function(rootNamePath) {
var children = /* @__PURE__ */ new Set();
var childrenFields = [];
var dependencies2fields = new NameMap();
_this.getFieldEntities().forEach(function(field) {
var dependencies = field.props.dependencies;
(dependencies || []).forEach(function(dependency) {
var dependencyNamePath = getNamePath(dependency);
dependencies2fields.update(dependencyNamePath, function() {
var fields = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : /* @__PURE__ */ new Set();
fields.add(field);
return fields;
});
});
});
var fillChildren = function fillChildren2(namePath) {
var fields = dependencies2fields.get(namePath) || /* @__PURE__ */ new Set();
fields.forEach(function(field) {
if (!children.has(field)) {
children.add(field);
var fieldNamePath = field.getNamePath();
if (field.isFieldDirty() && fieldNamePath.length) {
childrenFields.push(fieldNamePath);
fillChildren2(fieldNamePath);
}
}
});
};
fillChildren(rootNamePath);
return childrenFields;
});
_defineProperty(this, "triggerOnFieldsChange", function(namePathList, filedErrors) {
var onFieldsChange = _this.callbacks.onFieldsChange;
if (onFieldsChange) {
var fields = _this.getFields();
if (filedErrors) {
var cache = new NameMap();
filedErrors.forEach(function(_ref6) {
var name = _ref6.name, errors = _ref6.errors;
cache.set(name, errors);
});
fields.forEach(function(field) {
field.errors = cache.get(field.name) || field.errors;
});
}
var changedFields = fields.filter(function(_ref7) {
var fieldName = _ref7.name;
return containsNamePath(namePathList, fieldName);
});
if (changedFields.length) {
onFieldsChange(changedFields, fields);
}
}
});
_defineProperty(this, "validateFields", function(arg1, arg2) {
_this.warningUnhooked();
var nameList;
var options;
if (Array.isArray(arg1) || typeof arg1 === "string" || typeof arg2 === "string") {
nameList = arg1;
options = arg2;
} else {
options = arg1;
}
var provideNameList = !!nameList;
var namePathList = provideNameList ? nameList.map(getNamePath) : [];
var promiseList = [];
var TMP_SPLIT = String(Date.now());
var validateNamePathList = /* @__PURE__ */ new Set();
var _ref8 = options || {}, recursive = _ref8.recursive, dirty = _ref8.dirty;
_this.getFieldEntities(true).forEach(function(field) {
if (!provideNameList) {
namePathList.push(field.getNamePath());
}
if (!field.props.rules || !field.props.rules.length) {
return;
}
if (dirty && !field.isFieldDirty()) {
return;
}
var fieldNamePath = field.getNamePath();
validateNamePathList.add(fieldNamePath.join(TMP_SPLIT));
if (!provideNameList || containsNamePath(namePathList, fieldNamePath, recursive)) {
var promise = field.validateRules(_objectSpread2({
validateMessages: _objectSpread2(_objectSpread2({}, defaultValidateMessages), _this.validateMessages)
}, options));
promiseList.push(promise.then(function() {
return {
name: fieldNamePath,
errors: [],
warnings: []
};
}).catch(function(ruleErrors) {
var _ruleErrors$forEach;
var mergedErrors = [];
var mergedWarnings = [];
(_ruleErrors$forEach = ruleErrors.forEach) === null || _ruleErrors$forEach === void 0 || _ruleErrors$forEach.call(ruleErrors, function(_ref9) {
var warningOnly = _ref9.rule.warningOnly, errors = _ref9.errors;
if (warningOnly) {
mergedWarnings.push.apply(mergedWarnings, _toConsumableArray(errors));
} else {
mergedErrors.push.apply(mergedErrors, _toConsumableArray(errors));
}
});
if (mergedErrors.length) {
return Promise.reject({
name: fieldNamePath,
errors: mergedErrors,
warnings: mergedWarnings
});
}
return {
name: fieldNamePath,
errors: mergedErrors,
warnings: mergedWarnings
};
}));
}
});
var summaryPromise = allPromiseFinish(promiseList);
_this.lastValidatePromise = summaryPromise;
summaryPromise.catch(function(results) {
return results;
}).then(function(results) {
var resultNamePathList = results.map(function(_ref10) {
var name = _ref10.name;
return name;
});
_this.notifyObservers(_this.store, resultNamePathList, {
type: "validateFinish"
});
_this.triggerOnFieldsChange(resultNamePathList, results);
});
var returnPromise = summaryPromise.then(function() {
if (_this.lastValidatePromise === summaryPromise) {
return Promise.resolve(_this.getFieldsValue(namePathList));
}
return Promise.reject([]);
}).catch(function(results) {
var errorList = results.filter(function(result) {
return result && result.errors.length;
});
return Promise.reject({
values: _this.getFieldsValue(namePathList),
errorFields: errorList,
outOfDate: _this.lastValidatePromise !== summaryPromise
});
});
returnPromise.catch(function(e) {
return e;
});
var triggerNamePathList = namePathList.filter(function(namePath) {
return validateNamePathList.has(namePath.join(TMP_SPLIT));
});
_this.triggerOnFieldsChange(triggerNamePathList);
return returnPromise;
});
_defineProperty(this, "submit", function() {
_this.warningUnhooked();
_this.validateFields().then(function(values) {
var onFinish = _this.callbacks.onFinish;
if (onFinish) {
try {
onFinish(values);
} catch (err) {
console.error(err);
}
}
}).catch(function(e) {
var onFinishFailed = _this.callbacks.onFinishFailed;
if (onFinishFailed) {
onFinishFailed(e);
}
});
});
this.forceRootUpdate = forceRootUpdate;
});
function useForm(form) {
var formRef = reactExports.useRef();
var _React$useState = reactExports.useState({}), _React$useState2 = _slicedToArray(_React$useState, 2), forceUpdate = _React$useState2[1];
if (!formRef.current) {
if (form) {
formRef.current = form;
} else {
var forceReRender = function forceReRender2() {
forceUpdate({});
};
var formStore = new FormStore(forceReRender);
formRef.current = formStore.getForm();
}
}
return [formRef.current];
}
var FormContext = /* @__PURE__ */ reactExports.createContext({
triggerFormChange: function triggerFormChange() {
},
triggerFormFinish: function triggerFormFinish() {
},
registerForm: function registerForm() {
},
unregisterForm: function unregisterForm() {
}
});
var FormProvider = function FormProvider2(_ref) {
var validateMessages = _ref.validateMessages, onFormChange = _ref.onFormChange, onFormFinish = _ref.onFormFinish, children = _ref.children;
var formContext = reactExports.useContext(FormContext);
var formsRef = reactExports.useRef({});
return /* @__PURE__ */ reactExports.createElement(FormContext.Provider, {
value: _objectSpread2(_objectSpread2({}, formContext), {}, {
validateMessages: _objectSpread2(_objectSpread2({}, formContext.validateMessages), validateMessages),
// =========================================================
// = Global Form Control =
// =========================================================
triggerFormChange: function triggerFormChange2(name, changedFields) {
if (onFormChange) {
onFormChange(name, {
changedFields,
forms: formsRef.current
});
}
formContext.triggerFormChange(name, changedFields);
},
triggerFormFinish: function triggerFormFinish2(name, values) {
if (onFormFinish) {
onFormFinish(name, {
values,
forms: formsRef.current
});
}
formContext.triggerFormFinish(name, values);
},
registerForm: function registerForm2(name, form) {
if (name) {
formsRef.current = _objectSpread2(_objectSpread2({}, formsRef.current), {}, _defineProperty({}, name, form));
}
formContext.registerForm(name, form);
},
unregisterForm: function unregisterForm2(name) {
var newForms = _objectSpread2({}, formsRef.current);
delete newForms[name];
formsRef.current = newForms;
formContext.unregisterForm(name);
}
})
}, children);
};
var _excluded$g = ["name", "initialValues", "fields", "form", "preserve", "children", "component", "validateMessages", "validateTrigger", "onValuesChange", "onFieldsChange", "onFinish", "onFinishFailed", "clearOnDestroy"];
var Form = function Form2(_ref, ref) {
var name = _ref.name, initialValues = _ref.initialValues, fields = _ref.fields, form = _ref.form, preserve2 = _ref.preserve, children = _ref.children, _ref$component = _ref.component, Component = _ref$component === void 0 ? "form" : _ref$component, validateMessages = _ref.validateMessages, _ref$validateTrigger = _ref.validateTrigger, validateTrigger = _ref$validateTrigger === void 0 ? "onChange" : _ref$validateTrigger, onValuesChange = _ref.onValuesChange, _onFieldsChange = _ref.onFieldsChange, _onFinish = _ref.onFinish, onFinishFailed = _ref.onFinishFailed, clearOnDestroy = _ref.clearOnDestroy, restProps = _objectWithoutProperties(_ref, _excluded$g);
var nativeElementRef = reactExports.useRef(null);
var formContext = reactExports.useContext(FormContext);
var _useForm = useForm(form), _useForm2 = _slicedToArray(_useForm, 1), formInstance = _useForm2[0];
var _getInternalHooks = formInstance.getInternalHooks(HOOK_MARK), useSubscribe = _getInternalHooks.useSubscribe, setInitialValues = _getInternalHooks.setInitialValues, setCallbacks = _getInternalHooks.setCallbacks, setValidateMessages = _getInternalHooks.setValidateMessages, setPreserve = _getInternalHooks.setPreserve, destroyForm = _getInternalHooks.destroyForm;
reactExports.useImperativeHandle(ref, function() {
return _objectSpread2(_objectSpread2({}, formInstance), {}, {
nativeElement: nativeElementRef.current
});
});
reactExports.useEffect(function() {
formContext.registerForm(name, formInstance);
return function() {
formContext.unregisterForm(name);
};
}, [formContext, formInstance, name]);
setValidateMessages(_objectSpread2(_objectSpread2({}, formContext.validateMessages), validateMessages));
setCallbacks({
onValuesChange,
onFieldsChange: function onFieldsChange(changedFields) {
formContext.triggerFormChange(name, changedFields);
if (_onFieldsChange) {
for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
rest[_key - 1] = arguments[_key];
}
_onFieldsChange.apply(void 0, [changedFields].concat(rest));
}
},
onFinish: function onFinish(values) {
formContext.triggerFormFinish(name, values);
if (_onFinish) {
_onFinish(values);
}
},
onFinishFailed
});
setPreserve(preserve2);
var mountRef = reactExports.useRef(null);
setInitialValues(initialValues, !mountRef.current);
if (!mountRef.current) {
mountRef.current = true;
}
reactExports.useEffect(
function() {
return function() {
return destroyForm(clearOnDestroy);
};
},
// eslint-disable-next-line react-hooks/exhaustive-deps
[]
);
var childrenNode;
var childrenRenderProps = typeof children === "function";
if (childrenRenderProps) {
var _values = formInstance.getFieldsValue(true);
childrenNode = children(_values, formInstance);
} else {
childrenNode = children;
}
useSubscribe(!childrenRenderProps);
var prevFieldsRef = reactExports.useRef();
reactExports.useEffect(function() {
if (!isSimilar(prevFieldsRef.current || [], fields || [])) {
formInstance.setFields(fields || []);
}
prevFieldsRef.current = fields;
}, [fields, formInstance]);
var formContextValue = reactExports.useMemo(function() {
return _objectSpread2(_objectSpread2({}, formInstance), {}, {
validateTrigger
});
}, [formInstance, validateTrigger]);
var wrapperNode = /* @__PURE__ */ reactExports.createElement(ListContext.Provider, {
value: null
}, /* @__PURE__ */ reactExports.createElement(Context.Provider, {
value: formContextValue
}, childrenNode));
if (Component === false) {
return wrapperNode;
}
return /* @__PURE__ */ reactExports.createElement(Component, _extends({}, restProps, {
ref: nativeElementRef,
onSubmit: function onSubmit(event) {
event.preventDefault();
event.stopPropagation();
formInstance.submit();
},
onReset: function onReset(event) {
var _restProps$onReset;
event.preventDefault();
formInstance.resetFields();
(_restProps$onReset = restProps.onReset) === null || _restProps$onReset === void 0 || _restProps$onReset.call(restProps, event);
}
}), wrapperNode);
};
function stringify(value) {
try {
return JSON.stringify(value);
} catch (err) {
return Math.random();
}
}
function useWatch$1() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var dependencies = args[0], _args$ = args[1], _form = _args$ === void 0 ? {} : _args$;
var options = isFormInstance(_form) ? {
form: _form
} : _form;
var form = options.form;
var _useState = reactExports.useState(), _useState2 = _slicedToArray(_useState, 2), value = _useState2[0], setValue = _useState2[1];
var valueStr = reactExports.useMemo(function() {
return stringify(value);
}, [value]);
var valueStrRef = reactExports.useRef(valueStr);
valueStrRef.current = valueStr;
var fieldContext = reactExports.useContext(Context);
var formInstance = form || fieldContext;
var isValidForm = formInstance && formInstance._init;
var namePath = getNamePath(dependencies);
var namePathRef = reactExports.useRef(namePath);
namePathRef.current = namePath;
reactExports.useEffect(
function() {
if (!isValidForm) {
return;
}
var getFieldsValue = formInstance.getFieldsValue, getInternalHooks2 = formInstance.getInternalHooks;
var _getInternalHooks = getInternalHooks2(HOOK_MARK), registerWatch = _getInternalHooks.registerWatch;
var getWatchValue = function getWatchValue2(values, allValues) {
var watchValue = options.preserve ? allValues : values;
return typeof dependencies === "function" ? dependencies(watchValue) : get(watchValue, namePathRef.current);
};
var cancelRegister = registerWatch(function(values, allValues) {
var newValue = getWatchValue(values, allValues);
var nextValueStr = stringify(newValue);
if (valueStrRef.current !== nextValueStr) {
valueStrRef.current = nextValueStr;
setValue(newValue);
}
});
var initialValue = getWatchValue(getFieldsValue(), getFieldsValue(true));
if (value !== initialValue) {
setValue(initialValue);
}
return cancelRegister;
},
// We do not need re-register since namePath content is the same
// eslint-disable-next-line react-hooks/exhaustive-deps
[isValidForm]
);
return value;
}
var InternalForm = /* @__PURE__ */ reactExports.forwardRef(Form);
var RefForm = InternalForm;
RefForm.FormProvider = FormProvider;
RefForm.Field = WrapperField;
RefForm.List = List;
RefForm.useForm = useForm;
RefForm.useWatch = useWatch$1;
const FormItemInputContext = /* @__PURE__ */ reactExports.createContext({});
const NoFormStyle = ({
children,
status,
override
}) => {
const formItemInputContext = reactExports.useContext(FormItemInputContext);
const newFormItemInputContext = reactExports.useMemo(() => {
const newContext = Object.assign({}, formItemInputContext);
if (override) {
delete newContext.isFormItemInput;
}
if (status) {
delete newContext.status;
delete newContext.hasFeedback;
delete newContext.feedbackIcon;
}
return newContext;
}, [status, override, formItemInputContext]);
return /* @__PURE__ */ reactExports.createElement(FormItemInputContext.Provider, {
value: newFormItemInputContext
}, children);
};
const ContextIsolator = (props) => {
const {
space,
form,
children
} = props;
if (children === void 0 || children === null) {
return null;
}
let result = children;
if (form) {
result = /* @__PURE__ */ React.createElement(NoFormStyle, {
override: true,
status: true
}, result);
}
if (space) {
result = /* @__PURE__ */ React.createElement(NoCompactStyle, null, result);
}
return result;
};
function withPureRenderTheme(Component) {
return (props) => /* @__PURE__ */ reactExports.createElement(ConfigProvider, {
theme: {
token: {
motion: false,
zIndexPopupBase: 0
}
}
}, /* @__PURE__ */ reactExports.createElement(Component, Object.assign({}, props)));
}
const genPurePanel = (Component, alignPropName, postProps, defaultPrefixCls2, getDropdownCls) => {
const PurePanel2 = (props) => {
const {
prefixCls: customizePrefixCls,
style: style2
} = props;
const holderRef = reactExports.useRef(null);
const [popupHeight, setPopupHeight] = reactExports.useState(0);
const [popupWidth, setPopupWidth] = reactExports.useState(0);
const [open, setOpen] = useMergedState(false, {
value: props.open
});
const {
getPrefixCls
} = reactExports.useContext(ConfigContext);
const prefixCls = getPrefixCls(defaultPrefixCls2, customizePrefixCls);
reactExports.useEffect(() => {
setOpen(true);
if (typeof ResizeObserver !== "undefined") {
const resizeObserver2 = new ResizeObserver((entries) => {
const element = entries[0].target;
setPopupHeight(element.offsetHeight + 8);
setPopupWidth(element.offsetWidth);
});
const interval = setInterval(() => {
var _a;
const dropdownCls = getDropdownCls ? `.${getDropdownCls(prefixCls)}` : `.${prefixCls}-dropdown`;
const popup = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(dropdownCls);
if (popup) {
clearInterval(interval);
resizeObserver2.observe(popup);
}
}, 10);
return () => {
clearInterval(interval);
resizeObserver2.disconnect();
};
}
}, []);
let mergedProps = Object.assign(Object.assign({}, props), {
style: Object.assign(Object.assign({}, style2), {
margin: 0
}),
open,
visible: open,
getPopupContainer: () => holderRef.current
});
{
Object.assign(mergedProps, {
[alignPropName]: {
overflow: {
adjustX: false,
adjustY: false
}
}
});
}
const mergedStyle = {
paddingBottom: popupHeight,
position: "relative",
minWidth: popupWidth
};
return /* @__PURE__ */ reactExports.createElement("div", {
ref: holderRef,
style: mergedStyle
}, /* @__PURE__ */ reactExports.createElement(Component, Object.assign({}, mergedProps)));
};
return withPureRenderTheme(PurePanel2);
};
const isMobile = function() {
if (typeof navigator === "undefined" || typeof window === "undefined") {
return false;
}
var agent = navigator.userAgent || navigator.vendor || window.opera;
return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent === null || agent === void 0 ? void 0 : agent.substr(0, 4));
};
var _excluded$f = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
var UNDEFINED = void 0;
function InternalItem(props, ref) {
var prefixCls = props.prefixCls, invalidate = props.invalidate, item = props.item, renderItem = props.renderItem, responsive = props.responsive, responsiveDisabled = props.responsiveDisabled, registerSize = props.registerSize, itemKey = props.itemKey, className = props.className, style2 = props.style, children = props.children, display = props.display, order = props.order, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, restProps = _objectWithoutProperties(props, _excluded$f);
var mergedHidden = responsive && !display;
function internalRegisterSize(width) {
registerSize(itemKey, width);
}
reactExports.useEffect(function() {
return function() {
internalRegisterSize(null);
};
}, []);
var childNode = renderItem && item !== UNDEFINED ? renderItem(item, {
index: order
}) : children;
var overflowStyle;
if (!invalidate) {
overflowStyle = {
opacity: mergedHidden ? 0 : 1,
height: mergedHidden ? 0 : UNDEFINED,
overflowY: mergedHidden ? "hidden" : UNDEFINED,
order: responsive ? order : UNDEFINED,
pointerEvents: mergedHidden ? "none" : UNDEFINED,
position: mergedHidden ? "absolute" : UNDEFINED
};
}
var overflowProps = {};
if (mergedHidden) {
overflowProps["aria-hidden"] = true;
}
var itemNode = /* @__PURE__ */ reactExports.createElement(Component, _extends({
className: classNames(!invalidate && prefixCls, className),
style: _objectSpread2(_objectSpread2({}, overflowStyle), style2)
}, overflowProps, restProps, {
ref
}), childNode);
if (responsive) {
itemNode = /* @__PURE__ */ reactExports.createElement(RefResizeObserver, {
onResize: function onResize2(_ref) {
var offsetWidth = _ref.offsetWidth;
internalRegisterSize(offsetWidth);
},
disabled: responsiveDisabled
}, itemNode);
}
return itemNode;
}
var Item$1 = /* @__PURE__ */ reactExports.forwardRef(InternalItem);
Item$1.displayName = "Item";
function channelUpdate(callback) {
if (typeof MessageChannel === "undefined") {
wrapperRaf(callback);
} else {
var channel = new MessageChannel();
channel.port1.onmessage = function() {
return callback();
};
channel.port2.postMessage(void 0);
}
}
function useBatcher() {
var updateFuncRef = reactExports.useRef(null);
var notifyEffectUpdate = function notifyEffectUpdate2(callback) {
if (!updateFuncRef.current) {
updateFuncRef.current = [];
channelUpdate(function() {
reactDomExports.unstable_batchedUpdates(function() {
updateFuncRef.current.forEach(function(fn) {
fn();
});
updateFuncRef.current = null;
});
});
}
updateFuncRef.current.push(callback);
};
return notifyEffectUpdate;
}
function useEffectState(notifyEffectUpdate, defaultValue) {
var _React$useState = reactExports.useState(defaultValue), _React$useState2 = _slicedToArray(_React$useState, 2), stateValue = _React$useState2[0], setStateValue = _React$useState2[1];
var setEffectVal = useEvent(function(nextValue) {
notifyEffectUpdate(function() {
setStateValue(nextValue);
});
});
return [stateValue, setEffectVal];
}
var OverflowContext = /* @__PURE__ */ React.createContext(null);
var _excluded$e = ["component"], _excluded2$2 = ["className"], _excluded3$1 = ["className"];
var InternalRawItem = function InternalRawItem2(props, ref) {
var context = reactExports.useContext(OverflowContext);
if (!context) {
var _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, _restProps = _objectWithoutProperties(props, _excluded$e);
return /* @__PURE__ */ reactExports.createElement(Component, _extends({}, _restProps, {
ref
}));
}
var contextClassName = context.className, restContext = _objectWithoutProperties(context, _excluded2$2);
var className = props.className, restProps = _objectWithoutProperties(props, _excluded3$1);
return /* @__PURE__ */ reactExports.createElement(OverflowContext.Provider, {
value: null
}, /* @__PURE__ */ reactExports.createElement(Item$1, _extends({
ref,
className: classNames(contextClassName, className)
}, restContext, restProps)));
};
var RawItem = /* @__PURE__ */ reactExports.forwardRef(InternalRawItem);
RawItem.displayName = "RawItem";
var _excluded$d = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"];
var RESPONSIVE = "responsive";
var INVALIDATE = "invalidate";
function defaultRenderRest(omittedItems) {
return "+ ".concat(omittedItems.length, " ...");
}
function Overflow(props, ref) {
var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-overflow" : _props$prefixCls, _props$data = props.data, data = _props$data === void 0 ? [] : _props$data, renderItem = props.renderItem, renderRawItem = props.renderRawItem, itemKey = props.itemKey, _props$itemWidth = props.itemWidth, itemWidth = _props$itemWidth === void 0 ? 10 : _props$itemWidth, ssr = props.ssr, style2 = props.style, className = props.className, maxCount = props.maxCount, renderRest = props.renderRest, renderRawRest = props.renderRawRest, suffix = props.suffix, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, itemComponent = props.itemComponent, onVisibleChange = props.onVisibleChange, restProps = _objectWithoutProperties(props, _excluded$d);
var fullySSR = ssr === "full";
var notifyEffectUpdate = useBatcher();
var _useEffectState = useEffectState(notifyEffectUpdate, null), _useEffectState2 = _slicedToArray(_useEffectState, 2), containerWidth = _useEffectState2[0], setContainerWidth = _useEffectState2[1];
var mergedContainerWidth = containerWidth || 0;
var _useEffectState3 = useEffectState(notifyEffectUpdate, /* @__PURE__ */ new Map()), _useEffectState4 = _slicedToArray(_useEffectState3, 2), itemWidths = _useEffectState4[0], setItemWidths = _useEffectState4[1];
var _useEffectState5 = useEffectState(notifyEffectUpdate, 0), _useEffectState6 = _slicedToArray(_useEffectState5, 2), prevRestWidth = _useEffectState6[0], setPrevRestWidth = _useEffectState6[1];
var _useEffectState7 = useEffectState(notifyEffectUpdate, 0), _useEffectState8 = _slicedToArray(_useEffectState7, 2), restWidth = _useEffectState8[0], setRestWidth = _useEffectState8[1];
var _useEffectState9 = useEffectState(notifyEffectUpdate, 0), _useEffectState10 = _slicedToArray(_useEffectState9, 2), suffixWidth = _useEffectState10[0], setSuffixWidth = _useEffectState10[1];
var _useState = reactExports.useState(null), _useState2 = _slicedToArray(_useState, 2), suffixFixedStart = _useState2[0], setSuffixFixedStart = _useState2[1];
var _useState3 = reactExports.useState(null), _useState4 = _slicedToArray(_useState3, 2), displayCount = _useState4[0], setDisplayCount = _useState4[1];
var mergedDisplayCount = reactExports.useMemo(function() {
if (displayCount === null && fullySSR) {
return Number.MAX_SAFE_INTEGER;
}
return displayCount || 0;
}, [displayCount, containerWidth]);
var _useState5 = reactExports.useState(false), _useState6 = _slicedToArray(_useState5, 2), restReady = _useState6[0], setRestReady = _useState6[1];
var itemPrefixCls = "".concat(prefixCls, "-item");
var mergedRestWidth = Math.max(prevRestWidth, restWidth);
var isResponsive = maxCount === RESPONSIVE;
var shouldResponsive = data.length && isResponsive;
var invalidate = maxCount === INVALIDATE;
var showRest = shouldResponsive || typeof maxCount === "number" && data.length > maxCount;
var mergedData = reactExports.useMemo(function() {
var items = data;
if (shouldResponsive) {
if (containerWidth === null && fullySSR) {
items = data;
} else {
items = data.slice(0, Math.min(data.length, mergedContainerWidth / itemWidth));
}
} else if (typeof maxCount === "number") {
items = data.slice(0, maxCount);
}
return items;
}, [data, itemWidth, containerWidth, maxCount, shouldResponsive]);
var omittedItems = reactExports.useMemo(function() {
if (shouldResponsive) {
return data.slice(mergedDisplayCount + 1);
}
return data.slice(mergedData.length);
}, [data, mergedData, shouldResponsive, mergedDisplayCount]);
var getKey = reactExports.useCallback(function(item, index2) {
var _ref;
if (typeof itemKey === "function") {
return itemKey(item);
}
return (_ref = itemKey && (item === null || item === void 0 ? void 0 : item[itemKey])) !== null && _ref !== void 0 ? _ref : index2;
}, [itemKey]);
var mergedRenderItem = reactExports.useCallback(renderItem || function(item) {
return item;
}, [renderItem]);
function updateDisplayCount(count, suffixFixedStartVal, notReady) {
if (displayCount === count && (suffixFixedStartVal === void 0 || suffixFixedStartVal === suffixFixedStart)) {
return;
}
setDisplayCount(count);
if (!notReady) {
setRestReady(count < data.length - 1);
onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(count);
}
if (suffixFixedStartVal !== void 0) {
setSuffixFixedStart(suffixFixedStartVal);
}
}
function onOverflowResize(_, element) {
setContainerWidth(element.clientWidth);
}
function registerSize(key, width) {
setItemWidths(function(origin) {
var clone = new Map(origin);
if (width === null) {
clone.delete(key);
} else {
clone.set(key, width);
}
return clone;
});
}
function registerOverflowSize(_, width) {
setRestWidth(width);
setPrevRestWidth(restWidth);
}
function registerSuffixSize(_, width) {
setSuffixWidth(width);
}
function getItemWidth(index2) {
return itemWidths.get(getKey(mergedData[index2], index2));
}
useLayoutEffect(function() {
if (mergedContainerWidth && typeof mergedRestWidth === "number" && mergedData) {
var totalWidth = suffixWidth;
var len = mergedData.length;
var lastIndex = len - 1;
if (!len) {
updateDisplayCount(0, null);
return;
}
for (var i = 0; i < len; i += 1) {
var currentItemWidth = getItemWidth(i);
if (fullySSR) {
currentItemWidth = currentItemWidth || 0;
}
if (currentItemWidth === void 0) {
updateDisplayCount(i - 1, void 0, true);
break;
}
totalWidth += currentItemWidth;
if (
// Only one means `totalWidth` is the final width
lastIndex === 0 && totalWidth <= mergedContainerWidth || // Last two width will be the final width
i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth
) {
updateDisplayCount(lastIndex, null);
break;
} else if (totalWidth + mergedRestWidth > mergedContainerWidth) {
updateDisplayCount(i - 1, totalWidth - currentItemWidth - suffixWidth + restWidth);
break;
}
}
if (suffix && getItemWidth(0) + suffixWidth > mergedContainerWidth) {
setSuffixFixedStart(null);
}
}
}, [mergedContainerWidth, itemWidths, restWidth, suffixWidth, getKey, mergedData]);
var displayRest = restReady && !!omittedItems.length;
var suffixStyle = {};
if (suffixFixedStart !== null && shouldResponsive) {
suffixStyle = {
position: "absolute",
left: suffixFixedStart,
top: 0
};
}
var itemSharedProps = {
prefixCls: itemPrefixCls,
responsive: shouldResponsive,
component: itemComponent,
invalidate
};
var internalRenderItemNode = renderRawItem ? function(item, index2) {
var key = getKey(item, index2);
return /* @__PURE__ */ reactExports.createElement(OverflowContext.Provider, {
key,
value: _objectSpread2(_objectSpread2({}, itemSharedProps), {}, {
order: index2,
item,
itemKey: key,
registerSize,
display: index2 <= mergedDisplayCount
})
}, renderRawItem(item, index2));
} : function(item, index2) {
var key = getKey(item, index2);
return /* @__PURE__ */ reactExports.createElement(Item$1, _extends({}, itemSharedProps, {
order: index2,
key,
item,
renderItem: mergedRenderItem,
itemKey: key,
registerSize,
display: index2 <= mergedDisplayCount
}));
};
var restContextProps = {
order: displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER,
className: "".concat(itemPrefixCls, "-rest"),
registerSize: registerOverflowSize,
display: displayRest
};
var mergedRenderRest = renderRest || defaultRenderRest;
var restNode = renderRawRest ? /* @__PURE__ */ reactExports.createElement(OverflowContext.Provider, {
value: _objectSpread2(_objectSpread2({}, itemSharedProps), restContextProps)
}, renderRawRest(omittedItems)) : /* @__PURE__ */ reactExports.createElement(Item$1, _extends({}, itemSharedProps, restContextProps), typeof mergedRenderRest === "function" ? mergedRenderRest(omittedItems) : mergedRenderRest);
var overflowNode = /* @__PURE__ */ reactExports.createElement(Component, _extends({
className: classNames(!invalidate && prefixCls, className),
style: style2,
ref
}, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /* @__PURE__ */ reactExports.createElement(Item$1, _extends({}, itemSharedProps, {
responsive: isResponsive,
responsiveDisabled: !shouldResponsive,
order: mergedDisplayCount,
className: "".concat(itemPrefixCls, "-suffix"),
registerSize: registerSuffixSize,
display: true,
style: suffixStyle
}), suffix));
return isResponsive ? /* @__PURE__ */ reactExports.createElement(RefResizeObserver, {
onResize: onOverflowResize,
disabled: !shouldResponsive
}, overflowNode) : overflowNode;
}
var ForwardOverflow = /* @__PURE__ */ reactExports.forwardRef(Overflow);
ForwardOverflow.displayName = "Overflow";
ForwardOverflow.Item = RawItem;
ForwardOverflow.RESPONSIVE = RESPONSIVE;
ForwardOverflow.INVALIDATE = INVALIDATE;
function Arrow(props) {
var prefixCls = props.prefixCls, align = props.align, arrow = props.arrow, arrowPos = props.arrowPos;
var _ref = arrow || {}, className = _ref.className, content = _ref.content;
var _arrowPos$x = arrowPos.x, x = _arrowPos$x === void 0 ? 0 : _arrowPos$x, _arrowPos$y = arrowPos.y, y = _arrowPos$y === void 0 ? 0 : _arrowPos$y;
var arrowRef = reactExports.useRef();
if (!align || !align.points) {
return null;
}
var alignStyle = {
position: "absolute"
};
if (align.autoArrow !== false) {
var popupPoints = align.points[0];
var targetPoints = align.points[1];
var popupTB = popupPoints[0];
var popupLR = popupPoints[1];
var targetTB = targetPoints[0];
var targetLR = targetPoints[1];
if (popupTB === targetTB || !["t", "b"].includes(popupTB)) {
alignStyle.top = y;
} else if (popupTB === "t") {
alignStyle.top = 0;
} else {
alignStyle.bottom = 0;
}
if (popupLR === targetLR || !["l", "r"].includes(popupLR)) {
alignStyle.left = x;
} else if (popupLR === "l") {
alignStyle.left = 0;
} else {
alignStyle.right = 0;
}
}
return /* @__PURE__ */ reactExports.createElement("div", {
ref: arrowRef,
className: classNames("".concat(prefixCls, "-arrow"), className),
style: alignStyle
}, content);
}
function Mask(props) {
var prefixCls = props.prefixCls, open = props.open, zIndex = props.zIndex, mask = props.mask, motion = props.motion;
if (!mask) {
return null;
}
return /* @__PURE__ */ reactExports.createElement(CSSMotion, _extends({}, motion, {
motionAppear: true,
visible: open,
removeOnLeave: true
}), function(_ref) {
var className = _ref.className;
return /* @__PURE__ */ reactExports.createElement("div", {
style: {
zIndex
},
className: classNames("".concat(prefixCls, "-mask"), className)
});
});
}
var PopupContent = /* @__PURE__ */ reactExports.memo(function(_ref) {
var children = _ref.children;
return children;
}, function(_, next2) {
return next2.cache;
});
var Popup$1 = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var popup = props.popup, className = props.className, prefixCls = props.prefixCls, style2 = props.style, target = props.target, _onVisibleChanged = props.onVisibleChanged, open = props.open, keepDom = props.keepDom, fresh = props.fresh, onClick = props.onClick, mask = props.mask, arrow = props.arrow, arrowPos = props.arrowPos, align = props.align, motion = props.motion, maskMotion = props.maskMotion, forceRender = props.forceRender, getPopupContainer = props.getPopupContainer, autoDestroy = props.autoDestroy, Portal2 = props.portal, zIndex = props.zIndex, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, onPointerEnter = props.onPointerEnter, onPointerDownCapture = props.onPointerDownCapture, ready = props.ready, offsetX = props.offsetX, offsetY = props.offsetY, offsetR = props.offsetR, offsetB = props.offsetB, onAlign = props.onAlign, onPrepare = props.onPrepare, stretch = props.stretch, targetWidth = props.targetWidth, targetHeight = props.targetHeight;
var childNode = typeof popup === "function" ? popup() : popup;
var isNodeVisible = open || keepDom;
var getPopupContainerNeedParams = (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.length) > 0;
var _React$useState = reactExports.useState(!getPopupContainer || !getPopupContainerNeedParams), _React$useState2 = _slicedToArray(_React$useState, 2), show = _React$useState2[0], setShow = _React$useState2[1];
useLayoutEffect(function() {
if (!show && getPopupContainerNeedParams && target) {
setShow(true);
}
}, [show, getPopupContainerNeedParams, target]);
if (!show) {
return null;
}
var AUTO = "auto";
var offsetStyle = {
left: "-1000vw",
top: "-1000vh",
right: AUTO,
bottom: AUTO
};
if (ready || !open) {
var _experimental;
var points = align.points;
var dynamicInset = align.dynamicInset || ((_experimental = align._experimental) === null || _experimental === void 0 ? void 0 : _experimental.dynamicInset);
var alignRight = dynamicInset && points[0][1] === "r";
var alignBottom = dynamicInset && points[0][0] === "b";
if (alignRight) {
offsetStyle.right = offsetR;
offsetStyle.left = AUTO;
} else {
offsetStyle.left = offsetX;
offsetStyle.right = AUTO;
}
if (alignBottom) {
offsetStyle.bottom = offsetB;
offsetStyle.top = AUTO;
} else {
offsetStyle.top = offsetY;
offsetStyle.bottom = AUTO;
}
}
var miscStyle = {};
if (stretch) {
if (stretch.includes("height") && targetHeight) {
miscStyle.height = targetHeight;
} else if (stretch.includes("minHeight") && targetHeight) {
miscStyle.minHeight = targetHeight;
}
if (stretch.includes("width") && targetWidth) {
miscStyle.width = targetWidth;
} else if (stretch.includes("minWidth") && targetWidth) {
miscStyle.minWidth = targetWidth;
}
}
if (!open) {
miscStyle.pointerEvents = "none";
}
return /* @__PURE__ */ reactExports.createElement(Portal2, {
open: forceRender || isNodeVisible,
getContainer: getPopupContainer && function() {
return getPopupContainer(target);
},
autoDestroy
}, /* @__PURE__ */ reactExports.createElement(Mask, {
prefixCls,
open,
zIndex,
mask,
motion: maskMotion
}), /* @__PURE__ */ reactExports.createElement(RefResizeObserver, {
onResize: onAlign,
disabled: !open
}, function(resizeObserverRef) {
return /* @__PURE__ */ reactExports.createElement(CSSMotion, _extends({
motionAppear: true,
motionEnter: true,
motionLeave: true,
removeOnLeave: false,
forceRender,
leavedClassName: "".concat(prefixCls, "-hidden")
}, motion, {
onAppearPrepare: onPrepare,
onEnterPrepare: onPrepare,
visible: open,
onVisibleChanged: function onVisibleChanged(nextVisible) {
var _motion$onVisibleChan;
motion === null || motion === void 0 || (_motion$onVisibleChan = motion.onVisibleChanged) === null || _motion$onVisibleChan === void 0 || _motion$onVisibleChan.call(motion, nextVisible);
_onVisibleChanged(nextVisible);
}
}), function(_ref, motionRef) {
var motionClassName = _ref.className, motionStyle = _ref.style;
var cls = classNames(prefixCls, motionClassName, className);
return /* @__PURE__ */ reactExports.createElement("div", {
ref: composeRef(resizeObserverRef, ref, motionRef),
className: cls,
style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
"--arrow-x": "".concat(arrowPos.x || 0, "px"),
"--arrow-y": "".concat(arrowPos.y || 0, "px")
}, offsetStyle), miscStyle), motionStyle), {}, {
boxSizing: "border-box",
zIndex
}, style2),
onMouseEnter,
onMouseLeave,
onPointerEnter,
onClick,
onPointerDownCapture
}, arrow && /* @__PURE__ */ reactExports.createElement(Arrow, {
prefixCls,
arrow,
arrowPos,
align
}), /* @__PURE__ */ reactExports.createElement(PopupContent, {
cache: !open && !fresh
}, childNode));
});
}));
});
var TriggerWrapper = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var children = props.children, getTriggerDOMNode = props.getTriggerDOMNode;
var canUseRef = supportRef(children);
var setRef = reactExports.useCallback(function(node2) {
fillRef(ref, getTriggerDOMNode ? getTriggerDOMNode(node2) : node2);
}, [getTriggerDOMNode]);
var mergedRef = useComposeRef(setRef, getNodeRef(children));
return canUseRef ? /* @__PURE__ */ reactExports.cloneElement(children, {
ref: mergedRef
}) : children;
});
var TriggerContext = /* @__PURE__ */ reactExports.createContext(null);
function toArray(val) {
return val ? Array.isArray(val) ? val : [val] : [];
}
function useAction(mobile, action, showAction, hideAction) {
return reactExports.useMemo(function() {
var mergedShowAction = toArray(showAction !== null && showAction !== void 0 ? showAction : action);
var mergedHideAction = toArray(hideAction !== null && hideAction !== void 0 ? hideAction : action);
var showActionSet = new Set(mergedShowAction);
var hideActionSet = new Set(mergedHideAction);
if (mobile) {
if (showActionSet.has("hover")) {
showActionSet.delete("hover");
showActionSet.add("click");
}
if (hideActionSet.has("hover")) {
hideActionSet.delete("hover");
hideActionSet.add("click");
}
}
return [showActionSet, hideActionSet];
}, [mobile, action, showAction, hideAction]);
}
function isPointsEq() {
var a1 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
var a2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
var isAlignPoint = arguments.length > 2 ? arguments[2] : void 0;
if (isAlignPoint) {
return a1[0] === a2[0];
}
return a1[0] === a2[0] && a1[1] === a2[1];
}
function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
var points = align.points;
var placements2 = Object.keys(builtinPlacements);
for (var i = 0; i < placements2.length; i += 1) {
var _builtinPlacements$pl;
var placement = placements2[i];
if (isPointsEq((_builtinPlacements$pl = builtinPlacements[placement]) === null || _builtinPlacements$pl === void 0 ? void 0 : _builtinPlacements$pl.points, points, isAlignPoint)) {
return "".concat(prefixCls, "-placement-").concat(placement);
}
}
return "";
}
function getMotion$1(prefixCls, motion, animation, transitionName) {
if (motion) {
return motion;
}
if (animation) {
return {
motionName: "".concat(prefixCls, "-").concat(animation)
};
}
if (transitionName) {
return {
motionName: transitionName
};
}
return null;
}
function getWin(ele) {
return ele.ownerDocument.defaultView;
}
function collectScroller(ele) {
var scrollerList = [];
var current = ele === null || ele === void 0 ? void 0 : ele.parentElement;
var scrollStyle = ["hidden", "scroll", "clip", "auto"];
while (current) {
var _getWin$getComputedSt = getWin(current).getComputedStyle(current), overflowX = _getWin$getComputedSt.overflowX, overflowY = _getWin$getComputedSt.overflowY, overflow = _getWin$getComputedSt.overflow;
if ([overflowX, overflowY, overflow].some(function(o) {
return scrollStyle.includes(o);
})) {
scrollerList.push(current);
}
current = current.parentElement;
}
return scrollerList;
}
function toNum(num) {
var defaultValue = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
return Number.isNaN(num) ? defaultValue : num;
}
function getPxValue(val) {
return toNum(parseFloat(val), 0);
}
function getVisibleArea(initArea, scrollerList) {
var visibleArea = _objectSpread2({}, initArea);
(scrollerList || []).forEach(function(ele) {
if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) {
return;
}
var _getWin$getComputedSt2 = getWin(ele).getComputedStyle(ele), overflow = _getWin$getComputedSt2.overflow, overflowClipMargin = _getWin$getComputedSt2.overflowClipMargin, borderTopWidth = _getWin$getComputedSt2.borderTopWidth, borderBottomWidth = _getWin$getComputedSt2.borderBottomWidth, borderLeftWidth = _getWin$getComputedSt2.borderLeftWidth, borderRightWidth = _getWin$getComputedSt2.borderRightWidth;
var eleRect = ele.getBoundingClientRect();
var eleOutHeight = ele.offsetHeight, eleInnerHeight = ele.clientHeight, eleOutWidth = ele.offsetWidth, eleInnerWidth = ele.clientWidth;
var borderTopNum = getPxValue(borderTopWidth);
var borderBottomNum = getPxValue(borderBottomWidth);
var borderLeftNum = getPxValue(borderLeftWidth);
var borderRightNum = getPxValue(borderRightWidth);
var scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1e3) / 1e3);
var scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1e3) / 1e3);
var eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
var eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
var scaledBorderTopWidth = borderTopNum * scaleY;
var scaledBorderBottomWidth = borderBottomNum * scaleY;
var scaledBorderLeftWidth = borderLeftNum * scaleX;
var scaledBorderRightWidth = borderRightNum * scaleX;
var clipMarginWidth = 0;
var clipMarginHeight = 0;
if (overflow === "clip") {
var clipNum = getPxValue(overflowClipMargin);
clipMarginWidth = clipNum * scaleX;
clipMarginHeight = clipNum * scaleY;
}
var eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
var eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
var eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
var eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
visibleArea.left = Math.max(visibleArea.left, eleLeft);
visibleArea.top = Math.max(visibleArea.top, eleTop);
visibleArea.right = Math.min(visibleArea.right, eleRight);
visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
});
return visibleArea;
}
function getUnitOffset(size) {
var offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
var offsetStr = "".concat(offset);
var cells = offsetStr.match(/^(.*)\%$/);
if (cells) {
return size * (parseFloat(cells[1]) / 100);
}
return parseFloat(offsetStr);
}
function getNumberOffset(rect, offset) {
var _ref = offset || [], _ref2 = _slicedToArray(_ref, 2), offsetX = _ref2[0], offsetY = _ref2[1];
return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];
}
function splitPoints() {
var points = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
return [points[0], points[1]];
}
function getAlignPoint(rect, points) {
var topBottom = points[0];
var leftRight = points[1];
var x;
var y;
if (topBottom === "t") {
y = rect.y;
} else if (topBottom === "b") {
y = rect.y + rect.height;
} else {
y = rect.y + rect.height / 2;
}
if (leftRight === "l") {
x = rect.x;
} else if (leftRight === "r") {
x = rect.x + rect.width;
} else {
x = rect.x + rect.width / 2;
}
return {
x,
y
};
}
function reversePoints(points, index2) {
var reverseMap = {
t: "b",
b: "t",
l: "r",
r: "l"
};
return points.map(function(point, i) {
if (i === index2) {
return reverseMap[point] || "c";
}
return point;
}).join("");
}
function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign, onPopupAlign) {
var _React$useState = reactExports.useState({
ready: false,
offsetX: 0,
offsetY: 0,
offsetR: 0,
offsetB: 0,
arrowX: 0,
arrowY: 0,
scaleX: 1,
scaleY: 1,
align: builtinPlacements[placement] || {}
}), _React$useState2 = _slicedToArray(_React$useState, 2), offsetInfo = _React$useState2[0], setOffsetInfo = _React$useState2[1];
var alignCountRef = reactExports.useRef(0);
var scrollerList = reactExports.useMemo(function() {
if (!popupEle) {
return [];
}
return collectScroller(popupEle);
}, [popupEle]);
var prevFlipRef = reactExports.useRef({});
var resetFlipCache = function resetFlipCache2() {
prevFlipRef.current = {};
};
if (!open) {
resetFlipCache();
}
var onAlign = useEvent(function() {
if (popupEle && target && open) {
let getIntersectionVisibleArea2 = function(offsetX, offsetY) {
var area = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : visibleArea;
var l = popupRect.x + offsetX;
var t = popupRect.y + offsetY;
var r = l + popupWidth;
var b = t + popupHeight;
var visibleL = Math.max(l, area.left);
var visibleT = Math.max(t, area.top);
var visibleR = Math.min(r, area.right);
var visibleB = Math.min(b, area.bottom);
return Math.max(0, (visibleR - visibleL) * (visibleB - visibleT));
}, syncNextPopupPosition2 = function() {
nextPopupY = popupRect.y + nextOffsetY;
nextPopupBottom = nextPopupY + popupHeight;
nextPopupX = popupRect.x + nextOffsetX;
nextPopupRight = nextPopupX + popupWidth;
};
var _popupElement$parentE, _popupRect$x, _popupRect$y, _popupElement$parentE2;
var popupElement = popupEle;
var doc = popupElement.ownerDocument;
var win = getWin(popupElement);
var _win$getComputedStyle = win.getComputedStyle(popupElement), width = _win$getComputedStyle.width, height = _win$getComputedStyle.height, popupPosition = _win$getComputedStyle.position;
var originLeft = popupElement.style.left;
var originTop = popupElement.style.top;
var originRight = popupElement.style.right;
var originBottom = popupElement.style.bottom;
var originOverflow = popupElement.style.overflow;
var placementInfo = _objectSpread2(_objectSpread2({}, builtinPlacements[placement]), popupAlign);
var placeholderElement = doc.createElement("div");
(_popupElement$parentE = popupElement.parentElement) === null || _popupElement$parentE === void 0 || _popupElement$parentE.appendChild(placeholderElement);
placeholderElement.style.left = "".concat(popupElement.offsetLeft, "px");
placeholderElement.style.top = "".concat(popupElement.offsetTop, "px");
placeholderElement.style.position = popupPosition;
placeholderElement.style.height = "".concat(popupElement.offsetHeight, "px");
placeholderElement.style.width = "".concat(popupElement.offsetWidth, "px");
popupElement.style.left = "0";
popupElement.style.top = "0";
popupElement.style.right = "auto";
popupElement.style.bottom = "auto";
popupElement.style.overflow = "hidden";
var targetRect;
if (Array.isArray(target)) {
targetRect = {
x: target[0],
y: target[1],
width: 0,
height: 0
};
} else {
var _rect$x, _rect$y;
var rect = target.getBoundingClientRect();
rect.x = (_rect$x = rect.x) !== null && _rect$x !== void 0 ? _rect$x : rect.left;
rect.y = (_rect$y = rect.y) !== null && _rect$y !== void 0 ? _rect$y : rect.top;
targetRect = {
x: rect.x,
y: rect.y,
width: rect.width,
height: rect.height
};
}
var popupRect = popupElement.getBoundingClientRect();
popupRect.x = (_popupRect$x = popupRect.x) !== null && _popupRect$x !== void 0 ? _popupRect$x : popupRect.left;
popupRect.y = (_popupRect$y = popupRect.y) !== null && _popupRect$y !== void 0 ? _popupRect$y : popupRect.top;
var _doc$documentElement = doc.documentElement, clientWidth = _doc$documentElement.clientWidth, clientHeight = _doc$documentElement.clientHeight, scrollWidth = _doc$documentElement.scrollWidth, scrollHeight = _doc$documentElement.scrollHeight, scrollTop = _doc$documentElement.scrollTop, scrollLeft = _doc$documentElement.scrollLeft;
var popupHeight = popupRect.height;
var popupWidth = popupRect.width;
var targetHeight = targetRect.height;
var targetWidth = targetRect.width;
var visibleRegion = {
left: 0,
top: 0,
right: clientWidth,
bottom: clientHeight
};
var scrollRegion = {
left: -scrollLeft,
top: -scrollTop,
right: scrollWidth - scrollLeft,
bottom: scrollHeight - scrollTop
};
var htmlRegion = placementInfo.htmlRegion;
var VISIBLE = "visible";
var VISIBLE_FIRST = "visibleFirst";
if (htmlRegion !== "scroll" && htmlRegion !== VISIBLE_FIRST) {
htmlRegion = VISIBLE;
}
var isVisibleFirst = htmlRegion === VISIBLE_FIRST;
var scrollRegionArea = getVisibleArea(scrollRegion, scrollerList);
var visibleRegionArea = getVisibleArea(visibleRegion, scrollerList);
var visibleArea = htmlRegion === VISIBLE ? visibleRegionArea : scrollRegionArea;
var adjustCheckVisibleArea = isVisibleFirst ? visibleRegionArea : visibleArea;
popupElement.style.left = "auto";
popupElement.style.top = "auto";
popupElement.style.right = "0";
popupElement.style.bottom = "0";
var popupMirrorRect = popupElement.getBoundingClientRect();
popupElement.style.left = originLeft;
popupElement.style.top = originTop;
popupElement.style.right = originRight;
popupElement.style.bottom = originBottom;
popupElement.style.overflow = originOverflow;
(_popupElement$parentE2 = popupElement.parentElement) === null || _popupElement$parentE2 === void 0 || _popupElement$parentE2.removeChild(placeholderElement);
var _scaleX = toNum(Math.round(popupWidth / parseFloat(width) * 1e3) / 1e3);
var _scaleY = toNum(Math.round(popupHeight / parseFloat(height) * 1e3) / 1e3);
if (_scaleX === 0 || _scaleY === 0 || isDOM(target) && !isVisible(target)) {
return;
}
var offset = placementInfo.offset, targetOffset2 = placementInfo.targetOffset;
var _getNumberOffset = getNumberOffset(popupRect, offset), _getNumberOffset2 = _slicedToArray(_getNumberOffset, 2), popupOffsetX = _getNumberOffset2[0], popupOffsetY = _getNumberOffset2[1];
var _getNumberOffset3 = getNumberOffset(targetRect, targetOffset2), _getNumberOffset4 = _slicedToArray(_getNumberOffset3, 2), targetOffsetX = _getNumberOffset4[0], targetOffsetY = _getNumberOffset4[1];
targetRect.x -= targetOffsetX;
targetRect.y -= targetOffsetY;
var _ref3 = placementInfo.points || [], _ref4 = _slicedToArray(_ref3, 2), popupPoint = _ref4[0], targetPoint = _ref4[1];
var targetPoints = splitPoints(targetPoint);
var popupPoints = splitPoints(popupPoint);
var targetAlignPoint = getAlignPoint(targetRect, targetPoints);
var popupAlignPoint = getAlignPoint(popupRect, popupPoints);
var nextAlignInfo = _objectSpread2({}, placementInfo);
var nextOffsetX = targetAlignPoint.x - popupAlignPoint.x + popupOffsetX;
var nextOffsetY = targetAlignPoint.y - popupAlignPoint.y + popupOffsetY;
var originIntersectionVisibleArea = getIntersectionVisibleArea2(nextOffsetX, nextOffsetY);
var originIntersectionRecommendArea = getIntersectionVisibleArea2(nextOffsetX, nextOffsetY, visibleRegionArea);
var targetAlignPointTL = getAlignPoint(targetRect, ["t", "l"]);
var popupAlignPointTL = getAlignPoint(popupRect, ["t", "l"]);
var targetAlignPointBR = getAlignPoint(targetRect, ["b", "r"]);
var popupAlignPointBR = getAlignPoint(popupRect, ["b", "r"]);
var overflow = placementInfo.overflow || {};
var adjustX = overflow.adjustX, adjustY = overflow.adjustY, shiftX = overflow.shiftX, shiftY = overflow.shiftY;
var supportAdjust = function supportAdjust2(val) {
if (typeof val === "boolean") {
return val;
}
return val >= 0;
};
var nextPopupY;
var nextPopupBottom;
var nextPopupX;
var nextPopupRight;
syncNextPopupPosition2();
var needAdjustY = supportAdjust(adjustY);
var sameTB = popupPoints[0] === targetPoints[0];
if (needAdjustY && popupPoints[0] === "t" && (nextPopupBottom > adjustCheckVisibleArea.bottom || prevFlipRef.current.bt)) {
var tmpNextOffsetY = nextOffsetY;
if (sameTB) {
tmpNextOffsetY -= popupHeight - targetHeight;
} else {
tmpNextOffsetY = targetAlignPointTL.y - popupAlignPointBR.y - popupOffsetY;
}
var newVisibleArea = getIntersectionVisibleArea2(nextOffsetX, tmpNextOffsetY);
var newVisibleRecommendArea = getIntersectionVisibleArea2(nextOffsetX, tmpNextOffsetY, visibleRegionArea);
if (
// Of course use larger one
newVisibleArea > originIntersectionVisibleArea || newVisibleArea === originIntersectionVisibleArea && (!isVisibleFirst || // Choose recommend one
newVisibleRecommendArea >= originIntersectionRecommendArea)
) {
prevFlipRef.current.bt = true;
nextOffsetY = tmpNextOffsetY;
popupOffsetY = -popupOffsetY;
nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
} else {
prevFlipRef.current.bt = false;
}
}
if (needAdjustY && popupPoints[0] === "b" && (nextPopupY < adjustCheckVisibleArea.top || prevFlipRef.current.tb)) {
var _tmpNextOffsetY = nextOffsetY;
if (sameTB) {
_tmpNextOffsetY += popupHeight - targetHeight;
} else {
_tmpNextOffsetY = targetAlignPointBR.y - popupAlignPointTL.y - popupOffsetY;
}
var _newVisibleArea = getIntersectionVisibleArea2(nextOffsetX, _tmpNextOffsetY);
var _newVisibleRecommendArea = getIntersectionVisibleArea2(nextOffsetX, _tmpNextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea > originIntersectionVisibleArea || _newVisibleArea === originIntersectionVisibleArea && (!isVisibleFirst || // Choose recommend one
_newVisibleRecommendArea >= originIntersectionRecommendArea)
) {
prevFlipRef.current.tb = true;
nextOffsetY = _tmpNextOffsetY;
popupOffsetY = -popupOffsetY;
nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
} else {
prevFlipRef.current.tb = false;
}
}
var needAdjustX = supportAdjust(adjustX);
var sameLR = popupPoints[1] === targetPoints[1];
if (needAdjustX && popupPoints[1] === "l" && (nextPopupRight > adjustCheckVisibleArea.right || prevFlipRef.current.rl)) {
var tmpNextOffsetX = nextOffsetX;
if (sameLR) {
tmpNextOffsetX -= popupWidth - targetWidth;
} else {
tmpNextOffsetX = targetAlignPointTL.x - popupAlignPointBR.x - popupOffsetX;
}
var _newVisibleArea2 = getIntersectionVisibleArea2(tmpNextOffsetX, nextOffsetY);
var _newVisibleRecommendArea2 = getIntersectionVisibleArea2(tmpNextOffsetX, nextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea2 > originIntersectionVisibleArea || _newVisibleArea2 === originIntersectionVisibleArea && (!isVisibleFirst || // Choose recommend one
_newVisibleRecommendArea2 >= originIntersectionRecommendArea)
) {
prevFlipRef.current.rl = true;
nextOffsetX = tmpNextOffsetX;
popupOffsetX = -popupOffsetX;
nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
} else {
prevFlipRef.current.rl = false;
}
}
if (needAdjustX && popupPoints[1] === "r" && (nextPopupX < adjustCheckVisibleArea.left || prevFlipRef.current.lr)) {
var _tmpNextOffsetX = nextOffsetX;
if (sameLR) {
_tmpNextOffsetX += popupWidth - targetWidth;
} else {
_tmpNextOffsetX = targetAlignPointBR.x - popupAlignPointTL.x - popupOffsetX;
}
var _newVisibleArea3 = getIntersectionVisibleArea2(_tmpNextOffsetX, nextOffsetY);
var _newVisibleRecommendArea3 = getIntersectionVisibleArea2(_tmpNextOffsetX, nextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea3 > originIntersectionVisibleArea || _newVisibleArea3 === originIntersectionVisibleArea && (!isVisibleFirst || // Choose recommend one
_newVisibleRecommendArea3 >= originIntersectionRecommendArea)
) {
prevFlipRef.current.lr = true;
nextOffsetX = _tmpNextOffsetX;
popupOffsetX = -popupOffsetX;
nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
} else {
prevFlipRef.current.lr = false;
}
}
syncNextPopupPosition2();
var numShiftX = shiftX === true ? 0 : shiftX;
if (typeof numShiftX === "number") {
if (nextPopupX < visibleRegionArea.left) {
nextOffsetX -= nextPopupX - visibleRegionArea.left - popupOffsetX;
if (targetRect.x + targetWidth < visibleRegionArea.left + numShiftX) {
nextOffsetX += targetRect.x - visibleRegionArea.left + targetWidth - numShiftX;
}
}
if (nextPopupRight > visibleRegionArea.right) {
nextOffsetX -= nextPopupRight - visibleRegionArea.right - popupOffsetX;
if (targetRect.x > visibleRegionArea.right - numShiftX) {
nextOffsetX += targetRect.x - visibleRegionArea.right + numShiftX;
}
}
}
var numShiftY = shiftY === true ? 0 : shiftY;
if (typeof numShiftY === "number") {
if (nextPopupY < visibleRegionArea.top) {
nextOffsetY -= nextPopupY - visibleRegionArea.top - popupOffsetY;
if (targetRect.y + targetHeight < visibleRegionArea.top + numShiftY) {
nextOffsetY += targetRect.y - visibleRegionArea.top + targetHeight - numShiftY;
}
}
if (nextPopupBottom > visibleRegionArea.bottom) {
nextOffsetY -= nextPopupBottom - visibleRegionArea.bottom - popupOffsetY;
if (targetRect.y > visibleRegionArea.bottom - numShiftY) {
nextOffsetY += targetRect.y - visibleRegionArea.bottom + numShiftY;
}
}
}
var popupLeft = popupRect.x + nextOffsetX;
var popupRight = popupLeft + popupWidth;
var popupTop = popupRect.y + nextOffsetY;
var popupBottom = popupTop + popupHeight;
var targetLeft = targetRect.x;
var targetRight = targetLeft + targetWidth;
var targetTop = targetRect.y;
var targetBottom = targetTop + targetHeight;
var maxLeft = Math.max(popupLeft, targetLeft);
var minRight = Math.min(popupRight, targetRight);
var xCenter = (maxLeft + minRight) / 2;
var nextArrowX = xCenter - popupLeft;
var maxTop = Math.max(popupTop, targetTop);
var minBottom = Math.min(popupBottom, targetBottom);
var yCenter = (maxTop + minBottom) / 2;
var nextArrowY = yCenter - popupTop;
onPopupAlign === null || onPopupAlign === void 0 || onPopupAlign(popupEle, nextAlignInfo);
var offsetX4Right = popupMirrorRect.right - popupRect.x - (nextOffsetX + popupRect.width);
var offsetY4Bottom = popupMirrorRect.bottom - popupRect.y - (nextOffsetY + popupRect.height);
if (_scaleX === 1) {
nextOffsetX = Math.round(nextOffsetX);
offsetX4Right = Math.round(offsetX4Right);
}
if (_scaleY === 1) {
nextOffsetY = Math.round(nextOffsetY);
offsetY4Bottom = Math.round(offsetY4Bottom);
}
var nextOffsetInfo = {
ready: true,
offsetX: nextOffsetX / _scaleX,
offsetY: nextOffsetY / _scaleY,
offsetR: offsetX4Right / _scaleX,
offsetB: offsetY4Bottom / _scaleY,
arrowX: nextArrowX / _scaleX,
arrowY: nextArrowY / _scaleY,
scaleX: _scaleX,
scaleY: _scaleY,
align: nextAlignInfo
};
setOffsetInfo(nextOffsetInfo);
}
});
var triggerAlign = function triggerAlign2() {
alignCountRef.current += 1;
var id = alignCountRef.current;
Promise.resolve().then(function() {
if (alignCountRef.current === id) {
onAlign();
}
});
};
var resetReady = function resetReady2() {
setOffsetInfo(function(ori) {
return _objectSpread2(_objectSpread2({}, ori), {}, {
ready: false
});
});
};
useLayoutEffect(resetReady, [placement]);
useLayoutEffect(function() {
if (!open) {
resetReady();
}
}, [open]);
return [offsetInfo.ready, offsetInfo.offsetX, offsetInfo.offsetY, offsetInfo.offsetR, offsetInfo.offsetB, offsetInfo.arrowX, offsetInfo.arrowY, offsetInfo.scaleX, offsetInfo.scaleY, offsetInfo.align, triggerAlign];
}
function useWatch(open, target, popup, onAlign, onScroll) {
useLayoutEffect(function() {
if (open && target && popup) {
let notifyScroll2 = function() {
onAlign();
onScroll();
};
var targetElement = target;
var popupElement = popup;
var targetScrollList = collectScroller(targetElement);
var popupScrollList = collectScroller(popupElement);
var win = getWin(popupElement);
var mergedList = new Set([win].concat(_toConsumableArray(targetScrollList), _toConsumableArray(popupScrollList)));
mergedList.forEach(function(scroller) {
scroller.addEventListener("scroll", notifyScroll2, {
passive: true
});
});
win.addEventListener("resize", notifyScroll2, {
passive: true
});
onAlign();
return function() {
mergedList.forEach(function(scroller) {
scroller.removeEventListener("scroll", notifyScroll2);
win.removeEventListener("resize", notifyScroll2);
});
};
}
}, [open, target, popup]);
}
function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen) {
var openRef = reactExports.useRef(open);
openRef.current = open;
var popupPointerDownRef = reactExports.useRef(false);
reactExports.useEffect(function() {
if (clickToHide && popupEle && (!mask || maskClosable)) {
var onPointerDown = function onPointerDown2() {
popupPointerDownRef.current = false;
};
var onTriggerClose = function onTriggerClose2(e) {
var _e$composedPath;
if (openRef.current && !inPopupOrChild(((_e$composedPath = e.composedPath) === null || _e$composedPath === void 0 || (_e$composedPath = _e$composedPath.call(e)) === null || _e$composedPath === void 0 ? void 0 : _e$composedPath[0]) || e.target) && !popupPointerDownRef.current) {
triggerOpen(false);
}
};
var win = getWin(popupEle);
win.addEventListener("pointerdown", onPointerDown, true);
win.addEventListener("mousedown", onTriggerClose, true);
win.addEventListener("contextmenu", onTriggerClose, true);
var targetShadowRoot = getShadowRoot(targetEle);
if (targetShadowRoot) {
targetShadowRoot.addEventListener("mousedown", onTriggerClose, true);
targetShadowRoot.addEventListener("contextmenu", onTriggerClose, true);
}
return function() {
win.removeEventListener("pointerdown", onPointerDown, true);
win.removeEventListener("mousedown", onTriggerClose, true);
win.removeEventListener("contextmenu", onTriggerClose, true);
if (targetShadowRoot) {
targetShadowRoot.removeEventListener("mousedown", onTriggerClose, true);
targetShadowRoot.removeEventListener("contextmenu", onTriggerClose, true);
}
};
}
}, [clickToHide, targetEle, popupEle, mask, maskClosable]);
function onPopupPointerDown() {
popupPointerDownRef.current = true;
}
return onPopupPointerDown;
}
var _excluded$c = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
function generateTrigger() {
var PortalComponent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Portal;
var Trigger2 = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-trigger-popup" : _props$prefixCls, children = props.children, _props$action = props.action, action = _props$action === void 0 ? "hover" : _props$action, showAction = props.showAction, hideAction = props.hideAction, popupVisible = props.popupVisible, defaultPopupVisible = props.defaultPopupVisible, onPopupVisibleChange = props.onPopupVisibleChange, afterPopupVisibleChange = props.afterPopupVisibleChange, mouseEnterDelay = props.mouseEnterDelay, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, focusDelay = props.focusDelay, blurDelay = props.blurDelay, mask = props.mask, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable, getPopupContainer = props.getPopupContainer, forceRender = props.forceRender, autoDestroy = props.autoDestroy, destroyPopupOnHide = props.destroyPopupOnHide, popup = props.popup, popupClassName = props.popupClassName, popupStyle = props.popupStyle, popupPlacement = props.popupPlacement, _props$builtinPlaceme = props.builtinPlacements, builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme, popupAlign = props.popupAlign, zIndex = props.zIndex, stretch = props.stretch, getPopupClassNameFromAlign = props.getPopupClassNameFromAlign, fresh = props.fresh, alignPoint = props.alignPoint, onPopupClick = props.onPopupClick, onPopupAlign = props.onPopupAlign, arrow = props.arrow, popupMotion = props.popupMotion, maskMotion = props.maskMotion, popupTransitionName = props.popupTransitionName, popupAnimation = props.popupAnimation, maskTransitionName = props.maskTransitionName, maskAnimation = props.maskAnimation, className = props.className, getTriggerDOMNode = props.getTriggerDOMNode, restProps = _objectWithoutProperties(props, _excluded$c);
var mergedAutoDestroy = autoDestroy || destroyPopupOnHide || false;
var _React$useState = reactExports.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), mobile = _React$useState2[0], setMobile = _React$useState2[1];
useLayoutEffect(function() {
setMobile(isMobile());
}, []);
var subPopupElements = reactExports.useRef({});
var parentContext = reactExports.useContext(TriggerContext);
var context = reactExports.useMemo(function() {
return {
registerSubPopup: function registerSubPopup(id2, subPopupEle) {
subPopupElements.current[id2] = subPopupEle;
parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id2, subPopupEle);
}
};
}, [parentContext]);
var id = useId();
var _React$useState3 = reactExports.useState(null), _React$useState4 = _slicedToArray(_React$useState3, 2), popupEle = _React$useState4[0], setPopupEle = _React$useState4[1];
var externalPopupRef = reactExports.useRef(null);
var setPopupRef = useEvent(function(node2) {
externalPopupRef.current = node2;
if (isDOM(node2) && popupEle !== node2) {
setPopupEle(node2);
}
parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id, node2);
});
var _React$useState5 = reactExports.useState(null), _React$useState6 = _slicedToArray(_React$useState5, 2), targetEle = _React$useState6[0], setTargetEle = _React$useState6[1];
var externalForwardRef = reactExports.useRef(null);
var setTargetRef = useEvent(function(node2) {
if (isDOM(node2) && targetEle !== node2) {
setTargetEle(node2);
externalForwardRef.current = node2;
}
});
var child = reactExports.Children.only(children);
var originChildProps = (child === null || child === void 0 ? void 0 : child.props) || {};
var cloneProps = {};
var inPopupOrChild = useEvent(function(ele) {
var _getShadowRoot, _getShadowRoot2;
var childDOM = targetEle;
return (childDOM === null || childDOM === void 0 ? void 0 : childDOM.contains(ele)) || ((_getShadowRoot = getShadowRoot(childDOM)) === null || _getShadowRoot === void 0 ? void 0 : _getShadowRoot.host) === ele || ele === childDOM || (popupEle === null || popupEle === void 0 ? void 0 : popupEle.contains(ele)) || ((_getShadowRoot2 = getShadowRoot(popupEle)) === null || _getShadowRoot2 === void 0 ? void 0 : _getShadowRoot2.host) === ele || ele === popupEle || Object.values(subPopupElements.current).some(function(subPopupEle) {
return (subPopupEle === null || subPopupEle === void 0 ? void 0 : subPopupEle.contains(ele)) || ele === subPopupEle;
});
});
var mergePopupMotion = getMotion$1(prefixCls, popupMotion, popupAnimation, popupTransitionName);
var mergeMaskMotion = getMotion$1(prefixCls, maskMotion, maskAnimation, maskTransitionName);
var _React$useState7 = reactExports.useState(defaultPopupVisible || false), _React$useState8 = _slicedToArray(_React$useState7, 2), internalOpen = _React$useState8[0], setInternalOpen = _React$useState8[1];
var mergedOpen = popupVisible !== null && popupVisible !== void 0 ? popupVisible : internalOpen;
var setMergedOpen = useEvent(function(nextOpen) {
if (popupVisible === void 0) {
setInternalOpen(nextOpen);
}
});
useLayoutEffect(function() {
setInternalOpen(popupVisible || false);
}, [popupVisible]);
var openRef = reactExports.useRef(mergedOpen);
openRef.current = mergedOpen;
var lastTriggerRef = reactExports.useRef([]);
lastTriggerRef.current = [];
var internalTriggerOpen = useEvent(function(nextOpen) {
var _lastTriggerRef$curre;
setMergedOpen(nextOpen);
if (((_lastTriggerRef$curre = lastTriggerRef.current[lastTriggerRef.current.length - 1]) !== null && _lastTriggerRef$curre !== void 0 ? _lastTriggerRef$curre : mergedOpen) !== nextOpen) {
lastTriggerRef.current.push(nextOpen);
onPopupVisibleChange === null || onPopupVisibleChange === void 0 || onPopupVisibleChange(nextOpen);
}
});
var delayRef = reactExports.useRef();
var clearDelay = function clearDelay2() {
clearTimeout(delayRef.current);
};
var triggerOpen = function triggerOpen2(nextOpen) {
var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
clearDelay();
if (delay === 0) {
internalTriggerOpen(nextOpen);
} else {
delayRef.current = setTimeout(function() {
internalTriggerOpen(nextOpen);
}, delay * 1e3);
}
};
reactExports.useEffect(function() {
return clearDelay;
}, []);
var _React$useState9 = reactExports.useState(false), _React$useState10 = _slicedToArray(_React$useState9, 2), inMotion = _React$useState10[0], setInMotion = _React$useState10[1];
useLayoutEffect(function(firstMount) {
if (!firstMount || mergedOpen) {
setInMotion(true);
}
}, [mergedOpen]);
var _React$useState11 = reactExports.useState(null), _React$useState12 = _slicedToArray(_React$useState11, 2), motionPrepareResolve = _React$useState12[0], setMotionPrepareResolve = _React$useState12[1];
var _React$useState13 = reactExports.useState(null), _React$useState14 = _slicedToArray(_React$useState13, 2), mousePos = _React$useState14[0], setMousePos = _React$useState14[1];
var setMousePosByEvent = function setMousePosByEvent2(event) {
setMousePos([event.clientX, event.clientY]);
};
var _useAlign = useAlign(mergedOpen, popupEle, alignPoint && mousePos !== null ? mousePos : targetEle, popupPlacement, builtinPlacements, popupAlign, onPopupAlign), _useAlign2 = _slicedToArray(_useAlign, 11), ready = _useAlign2[0], offsetX = _useAlign2[1], offsetY = _useAlign2[2], offsetR = _useAlign2[3], offsetB = _useAlign2[4], arrowX = _useAlign2[5], arrowY = _useAlign2[6], scaleX = _useAlign2[7], scaleY = _useAlign2[8], alignInfo = _useAlign2[9], onAlign = _useAlign2[10];
var _useAction = useAction(mobile, action, showAction, hideAction), _useAction2 = _slicedToArray(_useAction, 2), showActions = _useAction2[0], hideActions = _useAction2[1];
var clickToShow = showActions.has("click");
var clickToHide = hideActions.has("click") || hideActions.has("contextMenu");
var triggerAlign = useEvent(function() {
if (!inMotion) {
onAlign();
}
});
var onScroll = function onScroll2() {
if (openRef.current && alignPoint && clickToHide) {
triggerOpen(false);
}
};
useWatch(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
useLayoutEffect(function() {
triggerAlign();
}, [mousePos, popupPlacement]);
useLayoutEffect(function() {
if (mergedOpen && !(builtinPlacements !== null && builtinPlacements !== void 0 && builtinPlacements[popupPlacement])) {
triggerAlign();
}
}, [JSON.stringify(popupAlign)]);
var alignedClassName = reactExports.useMemo(function() {
var baseClassName = getAlignPopupClassName(builtinPlacements, prefixCls, alignInfo, alignPoint);
return classNames(baseClassName, getPopupClassNameFromAlign === null || getPopupClassNameFromAlign === void 0 ? void 0 : getPopupClassNameFromAlign(alignInfo));
}, [alignInfo, getPopupClassNameFromAlign, builtinPlacements, prefixCls, alignPoint]);
reactExports.useImperativeHandle(ref, function() {
return {
nativeElement: externalForwardRef.current,
popupElement: externalPopupRef.current,
forceAlign: triggerAlign
};
});
var _React$useState15 = reactExports.useState(0), _React$useState16 = _slicedToArray(_React$useState15, 2), targetWidth = _React$useState16[0], setTargetWidth = _React$useState16[1];
var _React$useState17 = reactExports.useState(0), _React$useState18 = _slicedToArray(_React$useState17, 2), targetHeight = _React$useState18[0], setTargetHeight = _React$useState18[1];
var syncTargetSize = function syncTargetSize2() {
if (stretch && targetEle) {
var rect = targetEle.getBoundingClientRect();
setTargetWidth(rect.width);
setTargetHeight(rect.height);
}
};
var onTargetResize = function onTargetResize2() {
syncTargetSize();
triggerAlign();
};
var onVisibleChanged = function onVisibleChanged2(visible) {
setInMotion(false);
onAlign();
afterPopupVisibleChange === null || afterPopupVisibleChange === void 0 || afterPopupVisibleChange(visible);
};
var onPrepare = function onPrepare2() {
return new Promise(function(resolve) {
syncTargetSize();
setMotionPrepareResolve(function() {
return resolve;
});
});
};
useLayoutEffect(function() {
if (motionPrepareResolve) {
onAlign();
motionPrepareResolve();
setMotionPrepareResolve(null);
}
}, [motionPrepareResolve]);
function wrapperAction(eventName, nextOpen, delay, preEvent) {
cloneProps[eventName] = function(event) {
var _originChildProps$eve;
preEvent === null || preEvent === void 0 || preEvent(event);
triggerOpen(nextOpen, delay);
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
(_originChildProps$eve = originChildProps[eventName]) === null || _originChildProps$eve === void 0 || _originChildProps$eve.call.apply(_originChildProps$eve, [originChildProps, event].concat(args));
};
}
if (clickToShow || clickToHide) {
cloneProps.onClick = function(event) {
var _originChildProps$onC;
if (openRef.current && clickToHide) {
triggerOpen(false);
} else if (!openRef.current && clickToShow) {
setMousePosByEvent(event);
triggerOpen(true);
}
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
args[_key2 - 1] = arguments[_key2];
}
(_originChildProps$onC = originChildProps.onClick) === null || _originChildProps$onC === void 0 || _originChildProps$onC.call.apply(_originChildProps$onC, [originChildProps, event].concat(args));
};
}
var onPopupPointerDown = useWinClick(mergedOpen, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen);
var hoverToShow = showActions.has("hover");
var hoverToHide = hideActions.has("hover");
var onPopupMouseEnter;
var onPopupMouseLeave;
if (hoverToShow) {
wrapperAction("onMouseEnter", true, mouseEnterDelay, function(event) {
setMousePosByEvent(event);
});
wrapperAction("onPointerEnter", true, mouseEnterDelay, function(event) {
setMousePosByEvent(event);
});
onPopupMouseEnter = function onPopupMouseEnter2(event) {
if ((mergedOpen || inMotion) && popupEle !== null && popupEle !== void 0 && popupEle.contains(event.target)) {
triggerOpen(true, mouseEnterDelay);
}
};
if (alignPoint) {
cloneProps.onMouseMove = function(event) {
var _originChildProps$onM;
(_originChildProps$onM = originChildProps.onMouseMove) === null || _originChildProps$onM === void 0 || _originChildProps$onM.call(originChildProps, event);
};
}
}
if (hoverToHide) {
wrapperAction("onMouseLeave", false, mouseLeaveDelay);
wrapperAction("onPointerLeave", false, mouseLeaveDelay);
onPopupMouseLeave = function onPopupMouseLeave2() {
triggerOpen(false, mouseLeaveDelay);
};
}
if (showActions.has("focus")) {
wrapperAction("onFocus", true, focusDelay);
}
if (hideActions.has("focus")) {
wrapperAction("onBlur", false, blurDelay);
}
if (showActions.has("contextMenu")) {
cloneProps.onContextMenu = function(event) {
var _originChildProps$onC2;
if (openRef.current && hideActions.has("contextMenu")) {
triggerOpen(false);
} else {
setMousePosByEvent(event);
triggerOpen(true);
}
event.preventDefault();
for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
args[_key3 - 1] = arguments[_key3];
}
(_originChildProps$onC2 = originChildProps.onContextMenu) === null || _originChildProps$onC2 === void 0 || _originChildProps$onC2.call.apply(_originChildProps$onC2, [originChildProps, event].concat(args));
};
}
if (className) {
cloneProps.className = classNames(originChildProps.className, className);
}
var mergedChildrenProps = _objectSpread2(_objectSpread2({}, originChildProps), cloneProps);
var passedProps = {};
var passedEventList = ["onContextMenu", "onClick", "onMouseDown", "onTouchStart", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur"];
passedEventList.forEach(function(eventName) {
if (restProps[eventName]) {
passedProps[eventName] = function() {
var _mergedChildrenProps$;
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
args[_key4] = arguments[_key4];
}
(_mergedChildrenProps$ = mergedChildrenProps[eventName]) === null || _mergedChildrenProps$ === void 0 || _mergedChildrenProps$.call.apply(_mergedChildrenProps$, [mergedChildrenProps].concat(args));
restProps[eventName].apply(restProps, args);
};
}
});
var triggerNode = /* @__PURE__ */ reactExports.cloneElement(child, _objectSpread2(_objectSpread2({}, mergedChildrenProps), passedProps));
var arrowPos = {
x: arrowX,
y: arrowY
};
var innerArrow = arrow ? _objectSpread2({}, arrow !== true ? arrow : {}) : null;
return /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, /* @__PURE__ */ reactExports.createElement(RefResizeObserver, {
disabled: !mergedOpen,
ref: setTargetRef,
onResize: onTargetResize
}, /* @__PURE__ */ reactExports.createElement(TriggerWrapper, {
getTriggerDOMNode
}, triggerNode)), /* @__PURE__ */ reactExports.createElement(TriggerContext.Provider, {
value: context
}, /* @__PURE__ */ reactExports.createElement(Popup$1, {
portal: PortalComponent,
ref: setPopupRef,
prefixCls,
popup,
className: classNames(popupClassName, alignedClassName),
style: popupStyle,
target: targetEle,
onMouseEnter: onPopupMouseEnter,
onMouseLeave: onPopupMouseLeave,
onPointerEnter: onPopupMouseEnter,
zIndex,
open: mergedOpen,
keepDom: inMotion,
fresh,
onClick: onPopupClick,
onPointerDownCapture: onPopupPointerDown,
mask,
motion: mergePopupMotion,
maskMotion: mergeMaskMotion,
onVisibleChanged,
onPrepare,
forceRender,
autoDestroy: mergedAutoDestroy,
getPopupContainer,
align: alignInfo,
arrow: innerArrow,
arrowPos,
ready,
offsetX,
offsetY,
offsetR,
offsetB,
onAlign: triggerAlign,
stretch,
targetWidth: targetWidth / scaleX,
targetHeight: targetHeight / scaleY
})));
});
return Trigger2;
}
const Trigger = generateTrigger(Portal);
function Popup(props) {
var children = props.children, prefixCls = props.prefixCls, id = props.id, innerStyle = props.overlayInnerStyle, bodyClassName = props.bodyClassName, className = props.className, style2 = props.style;
return /* @__PURE__ */ reactExports.createElement("div", {
className: classNames("".concat(prefixCls, "-content"), className),
style: style2
}, /* @__PURE__ */ reactExports.createElement("div", {
className: classNames("".concat(prefixCls, "-inner"), bodyClassName),
id,
role: "tooltip",
style: innerStyle
}, typeof children === "function" ? children() : children));
}
var autoAdjustOverflowTopBottom = {
shiftX: 64,
adjustY: 1
};
var autoAdjustOverflowLeftRight = {
adjustX: 1,
shiftY: true
};
var targetOffset$1 = [0, 0];
var placements$2 = {
left: {
points: ["cr", "cl"],
overflow: autoAdjustOverflowLeftRight,
offset: [-4, 0],
targetOffset: targetOffset$1
},
right: {
points: ["cl", "cr"],
overflow: autoAdjustOverflowLeftRight,
offset: [4, 0],
targetOffset: targetOffset$1
},
top: {
points: ["bc", "tc"],
overflow: autoAdjustOverflowTopBottom,
offset: [0, -4],
targetOffset: targetOffset$1
},
bottom: {
points: ["tc", "bc"],
overflow: autoAdjustOverflowTopBottom,
offset: [0, 4],
targetOffset: targetOffset$1
},
topLeft: {
points: ["bl", "tl"],
overflow: autoAdjustOverflowTopBottom,
offset: [0, -4],
targetOffset: targetOffset$1
},
leftTop: {
points: ["tr", "tl"],
overflow: autoAdjustOverflowLeftRight,
offset: [-4, 0],
targetOffset: targetOffset$1
},
topRight: {
points: ["br", "tr"],
overflow: autoAdjustOverflowTopBottom,
offset: [0, -4],
targetOffset: targetOffset$1
},
rightTop: {
points: ["tl", "tr"],
overflow: autoAdjustOverflowLeftRight,
offset: [4, 0],
targetOffset: targetOffset$1
},
bottomRight: {
points: ["tr", "br"],
overflow: autoAdjustOverflowTopBottom,
offset: [0, 4],
targetOffset: targetOffset$1
},
rightBottom: {
points: ["bl", "br"],
overflow: autoAdjustOverflowLeftRight,
offset: [4, 0],
targetOffset: targetOffset$1
},
bottomLeft: {
points: ["tl", "bl"],
overflow: autoAdjustOverflowTopBottom,
offset: [0, 4],
targetOffset: targetOffset$1
},
leftBottom: {
points: ["br", "bl"],
overflow: autoAdjustOverflowLeftRight,
offset: [-4, 0],
targetOffset: targetOffset$1
}
};
var _excluded$b = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"];
var Tooltip$1 = function Tooltip(props, ref) {
var overlayClassName = props.overlayClassName, _props$trigger = props.trigger, trigger = _props$trigger === void 0 ? ["hover"] : _props$trigger, _props$mouseEnterDela = props.mouseEnterDelay, mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, overlayStyle = props.overlayStyle, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-tooltip" : _props$prefixCls, children = props.children, onVisibleChange = props.onVisibleChange, afterVisibleChange = props.afterVisibleChange, transitionName = props.transitionName, animation = props.animation, motion = props.motion, _props$placement = props.placement, placement = _props$placement === void 0 ? "right" : _props$placement, _props$align = props.align, align = _props$align === void 0 ? {} : _props$align, _props$destroyTooltip = props.destroyTooltipOnHide, destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip, defaultVisible = props.defaultVisible, getTooltipContainer = props.getTooltipContainer, overlayInnerStyle = props.overlayInnerStyle;
props.arrowContent;
var overlay = props.overlay, id = props.id, _props$showArrow = props.showArrow, showArrow = _props$showArrow === void 0 ? true : _props$showArrow, tooltipClassNames = props.classNames, tooltipStyles = props.styles, restProps = _objectWithoutProperties(props, _excluded$b);
var mergedId = useId(id);
var triggerRef = reactExports.useRef(null);
reactExports.useImperativeHandle(ref, function() {
return triggerRef.current;
});
var extraProps = _objectSpread2({}, restProps);
if ("visible" in props) {
extraProps.popupVisible = props.visible;
}
var getPopupElement = function getPopupElement2() {
return /* @__PURE__ */ reactExports.createElement(Popup, {
key: "content",
prefixCls,
id: mergedId,
bodyClassName: tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.body,
overlayInnerStyle: _objectSpread2(_objectSpread2({}, overlayInnerStyle), tooltipStyles === null || tooltipStyles === void 0 ? void 0 : tooltipStyles.body)
}, overlay);
};
var getChildren = function getChildren2() {
var child = reactExports.Children.only(children);
var originalProps = (child === null || child === void 0 ? void 0 : child.props) || {};
var childProps = _objectSpread2(_objectSpread2({}, originalProps), {}, {
"aria-describedby": overlay ? mergedId : null
});
return /* @__PURE__ */ reactExports.cloneElement(children, childProps);
};
return /* @__PURE__ */ reactExports.createElement(Trigger, _extends({
popupClassName: classNames(overlayClassName, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root),
prefixCls,
popup: getPopupElement,
action: trigger,
builtinPlacements: placements$2,
popupPlacement: placement,
ref: triggerRef,
popupAlign: align,
getPopupContainer: getTooltipContainer,
onPopupVisibleChange: onVisibleChange,
afterPopupVisibleChange: afterVisibleChange,
popupTransitionName: transitionName,
popupAnimation: animation,
popupMotion: motion,
defaultPopupVisible: defaultVisible,
autoDestroy: destroyTooltipOnHide,
mouseLeaveDelay,
popupStyle: _objectSpread2(_objectSpread2({}, overlayStyle), tooltipStyles === null || tooltipStyles === void 0 ? void 0 : tooltipStyles.root),
mouseEnterDelay,
arrow: showArrow
}, extraProps), getChildren());
};
const Tooltip$2 = /* @__PURE__ */ reactExports.forwardRef(Tooltip$1);
function getArrowToken(token2) {
const {
sizePopupArrow,
borderRadiusXS,
borderRadiusOuter
} = token2;
const unitWidth = sizePopupArrow / 2;
const ax = 0;
const ay = unitWidth;
const bx = borderRadiusOuter * 1 / Math.sqrt(2);
const by = unitWidth - borderRadiusOuter * (1 - 1 / Math.sqrt(2));
const cx = unitWidth - borderRadiusXS * (1 / Math.sqrt(2));
const cy = borderRadiusOuter * (Math.sqrt(2) - 1) + borderRadiusXS * (1 / Math.sqrt(2));
const dx = 2 * unitWidth - cx;
const dy = cy;
const ex = 2 * unitWidth - bx;
const ey = by;
const fx = 2 * unitWidth - ax;
const fy = ay;
const shadowWidth = unitWidth * Math.sqrt(2) + borderRadiusOuter * (Math.sqrt(2) - 2);
const polygonOffset = borderRadiusOuter * (Math.sqrt(2) - 1);
const arrowPolygon = `polygon(${polygonOffset}px 100%, 50% ${polygonOffset}px, ${2 * unitWidth - polygonOffset}px 100%, ${polygonOffset}px 100%)`;
const arrowPath = `path('M ${ax} ${ay} A ${borderRadiusOuter} ${borderRadiusOuter} 0 0 0 ${bx} ${by} L ${cx} ${cy} A ${borderRadiusXS} ${borderRadiusXS} 0 0 1 ${dx} ${dy} L ${ex} ${ey} A ${borderRadiusOuter} ${borderRadiusOuter} 0 0 0 ${fx} ${fy} Z')`;
return {
arrowShadowWidth: shadowWidth,
arrowPath,
arrowPolygon
};
}
const genRoundedArrow = (token2, bgColor, boxShadow) => {
const {
sizePopupArrow,
arrowPolygon,
arrowPath,
arrowShadowWidth,
borderRadiusXS,
calc
} = token2;
return {
pointerEvents: "none",
width: sizePopupArrow,
height: sizePopupArrow,
overflow: "hidden",
"&::before": {
position: "absolute",
bottom: 0,
insetInlineStart: 0,
width: sizePopupArrow,
height: calc(sizePopupArrow).div(2).equal(),
background: bgColor,
clipPath: {
_multi_value_: true,
value: [arrowPolygon, arrowPath]
},
content: '""'
},
"&::after": {
content: '""',
position: "absolute",
width: arrowShadowWidth,
height: arrowShadowWidth,
bottom: 0,
insetInline: 0,
margin: "auto",
borderRadius: {
_skip_check_: true,
value: `0 0 ${unit$1(borderRadiusXS)} 0`
},
transform: "translateY(50%) rotate(-135deg)",
boxShadow,
zIndex: 0,
background: "transparent"
}
};
};
const MAX_VERTICAL_CONTENT_RADIUS = 8;
function getArrowOffsetToken(options) {
const {
contentRadius,
limitVerticalRadius
} = options;
const arrowOffset = contentRadius > 12 ? contentRadius + 2 : 12;
const arrowOffsetVertical = limitVerticalRadius ? MAX_VERTICAL_CONTENT_RADIUS : arrowOffset;
return {
arrowOffsetHorizontal: arrowOffset,
arrowOffsetVertical
};
}
function isInject(valid, code) {
if (!valid) {
return {};
}
return code;
}
function getArrowStyle(token2, colorBg, options) {
const {
componentCls,
boxShadowPopoverArrow,
arrowOffsetVertical,
arrowOffsetHorizontal
} = token2;
const {
arrowDistance = 0,
arrowPlacement = {
left: true,
right: true,
top: true,
bottom: true
}
} = options || {};
return {
[componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({
// ============================ Basic ============================
[`${componentCls}-arrow`]: [Object.assign(Object.assign({
position: "absolute",
zIndex: 1,
display: "block"
}, genRoundedArrow(token2, colorBg, boxShadowPopoverArrow)), {
"&:before": {
background: colorBg
}
})]
}, isInject(!!arrowPlacement.top, {
[[`&-placement-top > ${componentCls}-arrow`, `&-placement-topLeft > ${componentCls}-arrow`, `&-placement-topRight > ${componentCls}-arrow`].join(",")]: {
bottom: arrowDistance,
transform: "translateY(100%) rotate(180deg)"
},
[`&-placement-top > ${componentCls}-arrow`]: {
left: {
_skip_check_: true,
value: "50%"
},
transform: "translateX(-50%) translateY(100%) rotate(180deg)"
},
"&-placement-topLeft": {
"--arrow-offset-horizontal": arrowOffsetHorizontal,
[`> ${componentCls}-arrow`]: {
left: {
_skip_check_: true,
value: arrowOffsetHorizontal
}
}
},
"&-placement-topRight": {
"--arrow-offset-horizontal": `calc(100% - ${unit$1(arrowOffsetHorizontal)})`,
[`> ${componentCls}-arrow`]: {
right: {
_skip_check_: true,
value: arrowOffsetHorizontal
}
}
}
})), isInject(!!arrowPlacement.bottom, {
[[`&-placement-bottom > ${componentCls}-arrow`, `&-placement-bottomLeft > ${componentCls}-arrow`, `&-placement-bottomRight > ${componentCls}-arrow`].join(",")]: {
top: arrowDistance,
transform: `translateY(-100%)`
},
[`&-placement-bottom > ${componentCls}-arrow`]: {
left: {
_skip_check_: true,
value: "50%"
},
transform: `translateX(-50%) translateY(-100%)`
},
"&-placement-bottomLeft": {
"--arrow-offset-horizontal": arrowOffsetHorizontal,
[`> ${componentCls}-arrow`]: {
left: {
_skip_check_: true,
value: arrowOffsetHorizontal
}
}
},
"&-placement-bottomRight": {
"--arrow-offset-horizontal": `calc(100% - ${unit$1(arrowOffsetHorizontal)})`,
[`> ${componentCls}-arrow`]: {
right: {
_skip_check_: true,
value: arrowOffsetHorizontal
}
}
}
})), isInject(!!arrowPlacement.left, {
[[`&-placement-left > ${componentCls}-arrow`, `&-placement-leftTop > ${componentCls}-arrow`, `&-placement-leftBottom > ${componentCls}-arrow`].join(",")]: {
right: {
_skip_check_: true,
value: arrowDistance
},
transform: "translateX(100%) rotate(90deg)"
},
[`&-placement-left > ${componentCls}-arrow`]: {
top: {
_skip_check_: true,
value: "50%"
},
transform: "translateY(-50%) translateX(100%) rotate(90deg)"
},
[`&-placement-leftTop > ${componentCls}-arrow`]: {
top: arrowOffsetVertical
},
[`&-placement-leftBottom > ${componentCls}-arrow`]: {
bottom: arrowOffsetVertical
}
})), isInject(!!arrowPlacement.right, {
[[`&-placement-right > ${componentCls}-arrow`, `&-placement-rightTop > ${componentCls}-arrow`, `&-placement-rightBottom > ${componentCls}-arrow`].join(",")]: {
left: {
_skip_check_: true,
value: arrowDistance
},
transform: "translateX(-100%) rotate(-90deg)"
},
[`&-placement-right > ${componentCls}-arrow`]: {
top: {
_skip_check_: true,
value: "50%"
},
transform: "translateY(-50%) translateX(-100%) rotate(-90deg)"
},
[`&-placement-rightTop > ${componentCls}-arrow`]: {
top: arrowOffsetVertical
},
[`&-placement-rightBottom > ${componentCls}-arrow`]: {
bottom: arrowOffsetVertical
}
}))
};
}
function getOverflowOptions(placement, arrowOffset, arrowWidth, autoAdjustOverflow2) {
if (autoAdjustOverflow2 === false) {
return {
adjustX: false,
adjustY: false
};
}
const overflow = autoAdjustOverflow2 && typeof autoAdjustOverflow2 === "object" ? autoAdjustOverflow2 : {};
const baseOverflow = {};
switch (placement) {
case "top":
case "bottom":
baseOverflow.shiftX = arrowOffset.arrowOffsetHorizontal * 2 + arrowWidth;
baseOverflow.shiftY = true;
baseOverflow.adjustY = true;
break;
case "left":
case "right":
baseOverflow.shiftY = arrowOffset.arrowOffsetVertical * 2 + arrowWidth;
baseOverflow.shiftX = true;
baseOverflow.adjustX = true;
break;
}
const mergedOverflow = Object.assign(Object.assign({}, baseOverflow), overflow);
if (!mergedOverflow.shiftX) {
mergedOverflow.adjustX = true;
}
if (!mergedOverflow.shiftY) {
mergedOverflow.adjustY = true;
}
return mergedOverflow;
}
const PlacementAlignMap = {
left: {
points: ["cr", "cl"]
},
right: {
points: ["cl", "cr"]
},
top: {
points: ["bc", "tc"]
},
bottom: {
points: ["tc", "bc"]
},
topLeft: {
points: ["bl", "tl"]
},
leftTop: {
points: ["tr", "tl"]
},
topRight: {
points: ["br", "tr"]
},
rightTop: {
points: ["tl", "tr"]
},
bottomRight: {
points: ["tr", "br"]
},
rightBottom: {
points: ["bl", "br"]
},
bottomLeft: {
points: ["tl", "bl"]
},
leftBottom: {
points: ["br", "bl"]
}
};
const ArrowCenterPlacementAlignMap = {
topLeft: {
points: ["bl", "tc"]
},
leftTop: {
points: ["tr", "cl"]
},
topRight: {
points: ["br", "tc"]
},
rightTop: {
points: ["tl", "cr"]
},
bottomRight: {
points: ["tr", "bc"]
},
rightBottom: {
points: ["bl", "cr"]
},
bottomLeft: {
points: ["tl", "bc"]
},
leftBottom: {
points: ["br", "cl"]
}
};
const DisableAutoArrowList = /* @__PURE__ */ new Set(["topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]);
function getPlacements(config) {
const {
arrowWidth,
autoAdjustOverflow: autoAdjustOverflow2,
arrowPointAtCenter,
offset,
borderRadius,
visibleFirst
} = config;
const halfArrowWidth = arrowWidth / 2;
const placementMap = {};
Object.keys(PlacementAlignMap).forEach((key) => {
const template = arrowPointAtCenter && ArrowCenterPlacementAlignMap[key] || PlacementAlignMap[key];
const placementInfo = Object.assign(Object.assign({}, template), {
offset: [0, 0],
dynamicInset: true
});
placementMap[key] = placementInfo;
if (DisableAutoArrowList.has(key)) {
placementInfo.autoArrow = false;
}
switch (key) {
case "top":
case "topLeft":
case "topRight":
placementInfo.offset[1] = -halfArrowWidth - offset;
break;
case "bottom":
case "bottomLeft":
case "bottomRight":
placementInfo.offset[1] = halfArrowWidth + offset;
break;
case "left":
case "leftTop":
case "leftBottom":
placementInfo.offset[0] = -halfArrowWidth - offset;
break;
case "right":
case "rightTop":
case "rightBottom":
placementInfo.offset[0] = halfArrowWidth + offset;
break;
}
const arrowOffset = getArrowOffsetToken({
contentRadius: borderRadius,
limitVerticalRadius: true
});
if (arrowPointAtCenter) {
switch (key) {
case "topLeft":
case "bottomLeft":
placementInfo.offset[0] = -arrowOffset.arrowOffsetHorizontal - halfArrowWidth;
break;
case "topRight":
case "bottomRight":
placementInfo.offset[0] = arrowOffset.arrowOffsetHorizontal + halfArrowWidth;
break;
case "leftTop":
case "rightTop":
placementInfo.offset[1] = -arrowOffset.arrowOffsetHorizontal * 2 + halfArrowWidth;
break;
case "leftBottom":
case "rightBottom":
placementInfo.offset[1] = arrowOffset.arrowOffsetHorizontal * 2 - halfArrowWidth;
break;
}
}
placementInfo.overflow = getOverflowOptions(key, arrowOffset, arrowWidth, autoAdjustOverflow2);
if (visibleFirst) {
placementInfo.htmlRegion = "visibleFirst";
}
});
return placementMap;
}
const genTooltipStyle = (token2) => {
const {
calc,
componentCls,
// ant-tooltip
tooltipMaxWidth,
tooltipColor,
tooltipBg,
tooltipBorderRadius,
zIndexPopup,
controlHeight,
boxShadowSecondary,
paddingSM,
paddingXS,
arrowOffsetHorizontal,
sizePopupArrow
} = token2;
const edgeAlignMinWidth = calc(tooltipBorderRadius).add(sizePopupArrow).add(arrowOffsetHorizontal).equal();
const centerAlignMinWidth = calc(tooltipBorderRadius).mul(2).add(sizePopupArrow).equal();
return [
{
[componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token2)), {
position: "absolute",
zIndex: zIndexPopup,
display: "block",
width: "max-content",
maxWidth: tooltipMaxWidth,
visibility: "visible",
// When use `autoArrow`, origin will follow the arrow position
"--valid-offset-x": "var(--arrow-offset-horizontal, var(--arrow-x))",
transformOrigin: [`var(--valid-offset-x, 50%)`, `var(--arrow-y, 50%)`].join(" "),
"&-hidden": {
display: "none"
},
"--antd-arrow-background-color": tooltipBg,
// Wrapper for the tooltip content
[`${componentCls}-inner`]: {
minWidth: centerAlignMinWidth,
minHeight: controlHeight,
padding: `${unit$1(token2.calc(paddingSM).div(2).equal())} ${unit$1(paddingXS)}`,
color: tooltipColor,
textAlign: "start",
textDecoration: "none",
wordWrap: "break-word",
backgroundColor: tooltipBg,
borderRadius: tooltipBorderRadius,
boxShadow: boxShadowSecondary,
boxSizing: "border-box"
},
// Align placement should have another min width
[[`&-placement-topLeft`, `&-placement-topRight`, `&-placement-bottomLeft`, `&-placement-bottomRight`].join(",")]: {
minWidth: edgeAlignMinWidth
},
// Limit left and right placement radius
[[`&-placement-left`, `&-placement-leftTop`, `&-placement-leftBottom`, `&-placement-right`, `&-placement-rightTop`, `&-placement-rightBottom`].join(",")]: {
[`${componentCls}-inner`]: {
borderRadius: token2.min(tooltipBorderRadius, MAX_VERTICAL_CONTENT_RADIUS)
}
},
[`${componentCls}-content`]: {
position: "relative"
}
}), genPresetColor(token2, (colorKey, {
darkColor
}) => ({
[`&${componentCls}-${colorKey}`]: {
[`${componentCls}-inner`]: {
backgroundColor: darkColor
},
[`${componentCls}-arrow`]: {
"--antd-arrow-background-color": darkColor
}
}
}))), {
// RTL
"&-rtl": {
direction: "rtl"
}
})
},
// Arrow Style
getArrowStyle(token2, "var(--antd-arrow-background-color)"),
// Pure Render
{
[`${componentCls}-pure`]: {
position: "relative",
maxWidth: "none",
margin: token2.sizePopupArrow
}
}
];
};
const prepareComponentToken$4 = (token2) => Object.assign(Object.assign({
zIndexPopup: token2.zIndexPopupBase + 70
}, getArrowOffsetToken({
contentRadius: token2.borderRadius,
limitVerticalRadius: true
})), getArrowToken(merge(token2, {
borderRadiusOuter: Math.min(token2.borderRadiusOuter, 4)
})));
const useStyle$4 = (prefixCls, injectStyle = true) => {
const useStyle2 = genStyleHooks("Tooltip", (token2) => {
const {
borderRadius,
colorTextLightSolid,
colorBgSpotlight
} = token2;
const TooltipToken = merge(token2, {
// default variables
tooltipMaxWidth: 250,
tooltipColor: colorTextLightSolid,
tooltipBorderRadius: borderRadius,
tooltipBg: colorBgSpotlight
});
return [genTooltipStyle(TooltipToken), initZoomMotion(token2, "zoom-big-fast")];
}, prepareComponentToken$4, {
resetStyle: false,
// Popover use Tooltip as internal component. We do not need to handle this.
injectStyle
});
return useStyle2(prefixCls);
};
const inverseColors = PresetColors.map((color) => `${color}-inverse`);
function isPresetColor(color, includeInverse = true) {
if (includeInverse) {
return [].concat(_toConsumableArray(inverseColors), _toConsumableArray(PresetColors)).includes(color);
}
return PresetColors.includes(color);
}
function parseColor(prefixCls, color) {
const isInternalColor = isPresetColor(color);
const className = classNames({
[`${prefixCls}-${color}`]: color && isInternalColor
});
const overlayStyle = {};
const arrowStyle = {};
if (color && !isInternalColor) {
overlayStyle.background = color;
arrowStyle["--antd-arrow-background-color"] = color;
}
return {
className,
overlayStyle,
arrowStyle
};
}
const PurePanel$1 = (props) => {
const {
prefixCls: customizePrefixCls,
className,
placement = "top",
title,
color,
overlayInnerStyle
} = props;
const {
getPrefixCls
} = reactExports.useContext(ConfigContext);
const prefixCls = getPrefixCls("tooltip", customizePrefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle$4(prefixCls);
const colorInfo = parseColor(prefixCls, color);
const arrowContentStyle = colorInfo.arrowStyle;
const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
const cls = classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-pure`, `${prefixCls}-placement-${placement}`, className, colorInfo.className);
return wrapCSSVar(/* @__PURE__ */ reactExports.createElement("div", {
className: cls,
style: arrowContentStyle
}, /* @__PURE__ */ reactExports.createElement("div", {
className: `${prefixCls}-arrow`
}), /* @__PURE__ */ reactExports.createElement(Popup, Object.assign({}, props, {
className: hashId,
prefixCls,
overlayInnerStyle: formattedOverlayInnerStyle
}), title)));
};
var __rest$8 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const InternalTooltip = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
var _a, _b;
const {
prefixCls: customizePrefixCls,
openClassName,
getTooltipContainer,
color,
overlayInnerStyle,
children,
afterOpenChange,
afterVisibleChange,
destroyTooltipOnHide,
destroyOnHidden,
arrow = true,
title,
overlay,
builtinPlacements,
arrowPointAtCenter = false,
autoAdjustOverflow: autoAdjustOverflow2 = true,
motion,
getPopupContainer,
placement = "top",
mouseEnterDelay = 0.1,
mouseLeaveDelay = 0.1,
overlayStyle,
rootClassName,
overlayClassName,
styles,
classNames: tooltipClassNames
} = props, restProps = __rest$8(props, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "destroyOnHidden", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
const mergedShowArrow = !!arrow;
const [, token2] = useToken$2();
const {
getPopupContainer: getContextPopupContainer,
getPrefixCls,
direction,
className: contextClassName,
style: contextStyle,
classNames: contextClassNames,
styles: contextStyles
} = useComponentConfig("tooltip");
const warning3 = devUseWarning();
const tooltipRef = reactExports.useRef(null);
const forceAlign = () => {
var _a2;
(_a2 = tooltipRef.current) === null || _a2 === void 0 ? void 0 : _a2.forceAlign();
};
reactExports.useImperativeHandle(ref, () => {
var _a2, _b2;
return {
forceAlign,
forcePopupAlign: () => {
warning3.deprecated(false, "forcePopupAlign", "forceAlign");
forceAlign();
},
nativeElement: (_a2 = tooltipRef.current) === null || _a2 === void 0 ? void 0 : _a2.nativeElement,
popupElement: (_b2 = tooltipRef.current) === null || _b2 === void 0 ? void 0 : _b2.popupElement
};
});
const [open, setOpen] = useMergedState(false, {
value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible,
defaultValue: (_b = props.defaultOpen) !== null && _b !== void 0 ? _b : props.defaultVisible
});
const noTitle = !title && !overlay && title !== 0;
const onOpenChange = (vis) => {
var _a2, _b2;
setOpen(noTitle ? false : vis);
if (!noTitle) {
(_a2 = props.onOpenChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, vis);
(_b2 = props.onVisibleChange) === null || _b2 === void 0 ? void 0 : _b2.call(props, vis);
}
};
const tooltipPlacements = reactExports.useMemo(() => {
var _a2, _b2;
let mergedArrowPointAtCenter = arrowPointAtCenter;
if (typeof arrow === "object") {
mergedArrowPointAtCenter = (_b2 = (_a2 = arrow.pointAtCenter) !== null && _a2 !== void 0 ? _a2 : arrow.arrowPointAtCenter) !== null && _b2 !== void 0 ? _b2 : arrowPointAtCenter;
}
return builtinPlacements || getPlacements({
arrowPointAtCenter: mergedArrowPointAtCenter,
autoAdjustOverflow: autoAdjustOverflow2,
arrowWidth: mergedShowArrow ? token2.sizePopupArrow : 0,
borderRadius: token2.borderRadius,
offset: token2.marginXXS,
visibleFirst: true
});
}, [arrowPointAtCenter, arrow, builtinPlacements, token2]);
const memoOverlay = reactExports.useMemo(() => {
if (title === 0) {
return title;
}
return overlay || title || "";
}, [overlay, title]);
const memoOverlayWrapper = /* @__PURE__ */ reactExports.createElement(ContextIsolator, {
space: true
}, typeof memoOverlay === "function" ? memoOverlay() : memoOverlay);
const prefixCls = getPrefixCls("tooltip", customizePrefixCls);
const rootPrefixCls = getPrefixCls();
const injectFromPopover = props["data-popover-inject"];
let tempOpen = open;
if (!("open" in props) && !("visible" in props) && noTitle) {
tempOpen = false;
}
const child = /* @__PURE__ */ reactExports.isValidElement(children) && !isFragment(children) ? children : /* @__PURE__ */ reactExports.createElement("span", null, children);
const childProps = child.props;
const childCls = !childProps.className || typeof childProps.className === "string" ? classNames(childProps.className, openClassName || `${prefixCls}-open`) : childProps.className;
const [wrapCSSVar, hashId, cssVarCls] = useStyle$4(prefixCls, !injectFromPopover);
const colorInfo = parseColor(prefixCls, color);
const arrowContentStyle = colorInfo.arrowStyle;
const rootClassNames = classNames(overlayClassName, {
[`${prefixCls}-rtl`]: direction === "rtl"
}, colorInfo.className, rootClassName, hashId, cssVarCls, contextClassName, contextClassNames.root, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root);
const bodyClassNames = classNames(contextClassNames.body, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.body);
const [zIndex, contextZIndex] = useZIndex("Tooltip", restProps.zIndex);
const content = /* @__PURE__ */ reactExports.createElement(Tooltip$2, Object.assign({}, restProps, {
zIndex,
showArrow: mergedShowArrow,
placement,
mouseEnterDelay,
mouseLeaveDelay,
prefixCls,
classNames: {
root: rootClassNames,
body: bodyClassNames
},
styles: {
root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, arrowContentStyle), contextStyles.root), contextStyle), overlayStyle), styles === null || styles === void 0 ? void 0 : styles.root),
body: Object.assign(Object.assign(Object.assign(Object.assign({}, contextStyles.body), overlayInnerStyle), styles === null || styles === void 0 ? void 0 : styles.body), colorInfo.overlayStyle)
},
getTooltipContainer: getPopupContainer || getTooltipContainer || getContextPopupContainer,
ref: tooltipRef,
builtinPlacements: tooltipPlacements,
overlay: memoOverlayWrapper,
visible: tempOpen,
onVisibleChange: onOpenChange,
afterVisibleChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,
arrowContent: /* @__PURE__ */ reactExports.createElement("span", {
className: `${prefixCls}-arrow-content`
}),
motion: {
motionName: getTransitionName(rootPrefixCls, "zoom-big-fast", props.transitionName),
motionDeadline: 1e3
},
// TODO: In the future, destroyTooltipOnHide in rc-tooltip needs to be upgrade to destroyOnHidden
destroyTooltipOnHide: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : !!destroyTooltipOnHide
}), tempOpen ? cloneElement(child, {
className: childCls
}) : child);
return wrapCSSVar(/* @__PURE__ */ reactExports.createElement(zIndexContext.Provider, {
value: contextZIndex
}, content));
});
const Tooltip2 = InternalTooltip;
Tooltip2._InternalPanelDoNotUseOrYouWillBeFired = PurePanel$1;
var LeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
var LeftOutlined = function LeftOutlined2(props, ref) {
return /* @__PURE__ */ reactExports.createElement(Icon$2, _extends({}, props, {
ref,
icon: LeftOutlined$1
}));
};
var RefIcon$2 = /* @__PURE__ */ reactExports.forwardRef(LeftOutlined);
var ESC$1 = KeyCode.ESC, TAB = KeyCode.TAB;
function useAccessibility$1(_ref) {
var visible = _ref.visible, triggerRef = _ref.triggerRef, onVisibleChange = _ref.onVisibleChange, autoFocus = _ref.autoFocus, overlayRef = _ref.overlayRef;
var focusMenuRef = reactExports.useRef(false);
var handleCloseMenuAndReturnFocus = function handleCloseMenuAndReturnFocus2() {
if (visible) {
var _triggerRef$current, _triggerRef$current$f;
(_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || (_triggerRef$current$f = _triggerRef$current.focus) === null || _triggerRef$current$f === void 0 || _triggerRef$current$f.call(_triggerRef$current);
onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(false);
}
};
var focusMenu = function focusMenu2() {
var _overlayRef$current;
if ((_overlayRef$current = overlayRef.current) !== null && _overlayRef$current !== void 0 && _overlayRef$current.focus) {
overlayRef.current.focus();
focusMenuRef.current = true;
return true;
}
return false;
};
var handleKeyDown = function handleKeyDown2(event) {
switch (event.keyCode) {
case ESC$1:
handleCloseMenuAndReturnFocus();
break;
case TAB: {
var focusResult = false;
if (!focusMenuRef.current) {
focusResult = focusMenu();
}
if (focusResult) {
event.preventDefault();
} else {
handleCloseMenuAndReturnFocus();
}
break;
}
}
};
reactExports.useEffect(function() {
if (visible) {
window.addEventListener("keydown", handleKeyDown);
if (autoFocus) {
wrapperRaf(focusMenu, 3);
}
return function() {
window.removeEventListener("keydown", handleKeyDown);
focusMenuRef.current = false;
};
}
return function() {
focusMenuRef.current = false;
};
}, [visible]);
}
var Overlay = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var overlay = props.overlay, arrow = props.arrow, prefixCls = props.prefixCls;
var overlayNode = reactExports.useMemo(function() {
var overlayElement;
if (typeof overlay === "function") {
overlayElement = overlay();
} else {
overlayElement = overlay;
}
return overlayElement;
}, [overlay]);
var composedRef = composeRef(ref, getNodeRef(overlayNode));
return /* @__PURE__ */ React.createElement(React.Fragment, null, arrow && /* @__PURE__ */ React.createElement("div", {
className: "".concat(prefixCls, "-arrow")
}), /* @__PURE__ */ React.cloneElement(overlayNode, {
ref: supportRef(overlayNode) ? composedRef : void 0
}));
});
var autoAdjustOverflow$1 = {
adjustX: 1,
adjustY: 1
};
var targetOffset = [0, 0];
var placements$1 = {
topLeft: {
points: ["bl", "tl"],
overflow: autoAdjustOverflow$1,
offset: [0, -4],
targetOffset
},
top: {
points: ["bc", "tc"],
overflow: autoAdjustOverflow$1,
offset: [0, -4],
targetOffset
},
topRight: {
points: ["br", "tr"],
overflow: autoAdjustOverflow$1,
offset: [0, -4],
targetOffset
},
bottomLeft: {
points: ["tl", "bl"],
overflow: autoAdjustOverflow$1,
offset: [0, 4],
targetOffset
},
bottom: {
points: ["tc", "bc"],
overflow: autoAdjustOverflow$1,
offset: [0, 4],
targetOffset
},
bottomRight: {
points: ["tr", "br"],
overflow: autoAdjustOverflow$1,
offset: [0, 4],
targetOffset
}
};
var _excluded$a = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus", "overlay", "children", "onVisibleChange"];
function Dropdown$2(props, ref) {
var _children$props;
var _props$arrow = props.arrow, arrow = _props$arrow === void 0 ? false : _props$arrow, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-dropdown" : _props$prefixCls, transitionName = props.transitionName, animation = props.animation, align = props.align, _props$placement = props.placement, placement = _props$placement === void 0 ? "bottomLeft" : _props$placement, _props$placements = props.placements, placements2 = _props$placements === void 0 ? placements$1 : _props$placements, getPopupContainer = props.getPopupContainer, showAction = props.showAction, hideAction = props.hideAction, overlayClassName = props.overlayClassName, overlayStyle = props.overlayStyle, visible = props.visible, _props$trigger = props.trigger, trigger = _props$trigger === void 0 ? ["hover"] : _props$trigger, autoFocus = props.autoFocus, overlay = props.overlay, children = props.children, onVisibleChange = props.onVisibleChange, otherProps = _objectWithoutProperties(props, _excluded$a);
var _React$useState = React.useState(), _React$useState2 = _slicedToArray(_React$useState, 2), triggerVisible = _React$useState2[0], setTriggerVisible = _React$useState2[1];
var mergedVisible = "visible" in props ? visible : triggerVisible;
var triggerRef = React.useRef(null);
var overlayRef = React.useRef(null);
var childRef = React.useRef(null);
React.useImperativeHandle(ref, function() {
return triggerRef.current;
});
var handleVisibleChange = function handleVisibleChange2(newVisible) {
setTriggerVisible(newVisible);
onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(newVisible);
};
useAccessibility$1({
visible: mergedVisible,
triggerRef: childRef,
onVisibleChange: handleVisibleChange,
autoFocus,
overlayRef
});
var onClick = function onClick2(e) {
var onOverlayClick = props.onOverlayClick;
setTriggerVisible(false);
if (onOverlayClick) {
onOverlayClick(e);
}
};
var getMenuElement = function getMenuElement2() {
return /* @__PURE__ */ React.createElement(Overlay, {
ref: overlayRef,
overlay,
prefixCls,
arrow
});
};
var getMenuElementOrLambda = function getMenuElementOrLambda2() {
if (typeof overlay === "function") {
return getMenuElement;
}
return getMenuElement();
};
var getMinOverlayWidthMatchTrigger = function getMinOverlayWidthMatchTrigger2() {
var minOverlayWidthMatchTrigger = props.minOverlayWidthMatchTrigger, alignPoint = props.alignPoint;
if ("minOverlayWidthMatchTrigger" in props) {
return minOverlayWidthMatchTrigger;
}
return !alignPoint;
};
var getOpenClassName = function getOpenClassName2() {
var openClassName = props.openClassName;
if (openClassName !== void 0) {
return openClassName;
}
return "".concat(prefixCls, "-open");
};
var childrenNode = /* @__PURE__ */ React.cloneElement(children, {
className: classNames((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.className, mergedVisible && getOpenClassName()),
ref: supportRef(children) ? composeRef(childRef, getNodeRef(children)) : void 0
});
var triggerHideAction = hideAction;
if (!triggerHideAction && trigger.indexOf("contextMenu") !== -1) {
triggerHideAction = ["click"];
}
return /* @__PURE__ */ React.createElement(Trigger, _extends({
builtinPlacements: placements2
}, otherProps, {
prefixCls,
ref: triggerRef,
popupClassName: classNames(overlayClassName, _defineProperty({}, "".concat(prefixCls, "-show-arrow"), arrow)),
popupStyle: overlayStyle,
action: trigger,
showAction,
hideAction: triggerHideAction,
popupPlacement: placement,
popupAlign: align,
popupTransitionName: transitionName,
popupAnimation: animation,
popupVisible: mergedVisible,
stretch: getMinOverlayWidthMatchTrigger() ? "minWidth" : "",
popup: getMenuElementOrLambda(),
onPopupVisibleChange: handleVisibleChange,
onPopupClick: onClick,
getPopupContainer
}), childrenNode);
}
const Dropdown$3 = /* @__PURE__ */ React.forwardRef(Dropdown$2);
const isPrimitive = (value) => typeof value !== "object" && typeof value !== "function" || value === null;
var IdContext = /* @__PURE__ */ reactExports.createContext(null);
function getMenuId(uuid2, eventKey) {
if (uuid2 === void 0) {
return null;
}
return "".concat(uuid2, "-").concat(eventKey);
}
function useMenuId(eventKey) {
var id = reactExports.useContext(IdContext);
return getMenuId(id, eventKey);
}
var _excluded$9 = ["children", "locked"];
var MenuContext$1 = /* @__PURE__ */ reactExports.createContext(null);
function mergeProps(origin, target) {
var clone = _objectSpread2({}, origin);
Object.keys(target).forEach(function(key) {
var value = target[key];
if (value !== void 0) {
clone[key] = value;
}
});
return clone;
}
function InheritableContextProvider(_ref) {
var children = _ref.children, locked = _ref.locked, restProps = _objectWithoutProperties(_ref, _excluded$9);
var context = reactExports.useContext(MenuContext$1);
var inheritableContext = useMemo(function() {
return mergeProps(context, restProps);
}, [context, restProps], function(prev2, next2) {
return !locked && (prev2[0] !== next2[0] || !isEqual(prev2[1], next2[1], true));
});
return /* @__PURE__ */ reactExports.createElement(MenuContext$1.Provider, {
value: inheritableContext
}, children);
}
var EmptyList = [];
var PathRegisterContext = /* @__PURE__ */ reactExports.createContext(null);
function useMeasure() {
return reactExports.useContext(PathRegisterContext);
}
var PathTrackerContext = /* @__PURE__ */ reactExports.createContext(EmptyList);
function useFullPath(eventKey) {
var parentKeyPath = reactExports.useContext(PathTrackerContext);
return reactExports.useMemo(function() {
return eventKey !== void 0 ? [].concat(_toConsumableArray(parentKeyPath), [eventKey]) : parentKeyPath;
}, [parentKeyPath, eventKey]);
}
var PathUserContext = /* @__PURE__ */ reactExports.createContext(null);
var PrivateContext = /* @__PURE__ */ reactExports.createContext({});
function focusable(node2) {
var includePositive = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
if (isVisible(node2)) {
var nodeName = node2.nodeName.toLowerCase();
var isFocusableElement = (
// Focusable element
["input", "select", "textarea", "button"].includes(nodeName) || // Editable element
node2.isContentEditable || // Anchor with href element
nodeName === "a" && !!node2.getAttribute("href")
);
var tabIndexAttr = node2.getAttribute("tabindex");
var tabIndexNum = Number(tabIndexAttr);
var tabIndex = null;
if (tabIndexAttr && !Number.isNaN(tabIndexNum)) {
tabIndex = tabIndexNum;
} else if (isFocusableElement && tabIndex === null) {
tabIndex = 0;
}
if (isFocusableElement && node2.disabled) {
tabIndex = null;
}
return tabIndex !== null && (tabIndex >= 0 || includePositive && tabIndex < 0);
}
return false;
}
function getFocusNodeList(node2) {
var includePositive = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
var res = _toConsumableArray(node2.querySelectorAll("*")).filter(function(child) {
return focusable(child, includePositive);
});
if (focusable(node2, includePositive)) {
res.unshift(node2);
}
return res;
}
var LEFT = KeyCode.LEFT, RIGHT = KeyCode.RIGHT, UP = KeyCode.UP, DOWN = KeyCode.DOWN, ENTER = KeyCode.ENTER, ESC = KeyCode.ESC, HOME = KeyCode.HOME, END = KeyCode.END;
var ArrowKeys = [UP, DOWN, LEFT, RIGHT];
function getOffset(mode, isRootLevel, isRtl, which) {
var _offsets;
var prev2 = "prev";
var next2 = "next";
var children = "children";
var parent = "parent";
if (mode === "inline" && which === ENTER) {
return {
inlineTrigger: true
};
}
var inline2 = _defineProperty(_defineProperty({}, UP, prev2), DOWN, next2);
var horizontal = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LEFT, isRtl ? next2 : prev2), RIGHT, isRtl ? prev2 : next2), DOWN, children), ENTER, children);
var vertical = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, UP, prev2), DOWN, next2), ENTER, children), ESC, parent), LEFT, isRtl ? children : parent), RIGHT, isRtl ? parent : children);
var offsets = {
inline: inline2,
horizontal,
vertical,
inlineSub: inline2,
horizontalSub: vertical,
verticalSub: vertical
};
var type4 = (_offsets = offsets["".concat(mode).concat(isRootLevel ? "" : "Sub")]) === null || _offsets === void 0 ? void 0 : _offsets[which];
switch (type4) {
case prev2:
return {
offset: -1,
sibling: true
};
case next2:
return {
offset: 1,
sibling: true
};
case parent:
return {
offset: -1,
sibling: false
};
case children:
return {
offset: 1,
sibling: false
};
default:
return null;
}
}
function findContainerUL(element) {
var current = element;
while (current) {
if (current.getAttribute("data-menu-list")) {
return current;
}
current = current.parentElement;
}
return null;
}
function getFocusElement(activeElement, elements) {
var current = activeElement || document.activeElement;
while (current) {
if (elements.has(current)) {
return current;
}
current = current.parentElement;
}
return null;
}
function getFocusableElements(container, elements) {
var list = getFocusNodeList(container, true);
return list.filter(function(ele) {
return elements.has(ele);
});
}
function getNextFocusElement(parentQueryContainer, elements, focusMenuElement) {
var offset = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 1;
if (!parentQueryContainer) {
return null;
}
var sameLevelFocusableMenuElementList = getFocusableElements(parentQueryContainer, elements);
var count = sameLevelFocusableMenuElementList.length;
var focusIndex = sameLevelFocusableMenuElementList.findIndex(function(ele) {
return focusMenuElement === ele;
});
if (offset < 0) {
if (focusIndex === -1) {
focusIndex = count - 1;
} else {
focusIndex -= 1;
}
} else if (offset > 0) {
focusIndex += 1;
}
focusIndex = (focusIndex + count) % count;
return sameLevelFocusableMenuElementList[focusIndex];
}
var refreshElements = function refreshElements2(keys2, id) {
var elements = /* @__PURE__ */ new Set();
var key2element = /* @__PURE__ */ new Map();
var element2key = /* @__PURE__ */ new Map();
keys2.forEach(function(key) {
var element = document.querySelector("[data-menu-id='".concat(getMenuId(id, key), "']"));
if (element) {
elements.add(element);
element2key.set(element, key);
key2element.set(key, element);
}
});
return {
elements,
key2element,
element2key
};
};
function useAccessibility(mode, activeKey, isRtl, id, containerRef, getKeys, getKeyPath, triggerActiveKey, triggerAccessibilityOpen, originOnKeyDown) {
var rafRef = reactExports.useRef();
var activeRef = reactExports.useRef();
activeRef.current = activeKey;
var cleanRaf = function cleanRaf2() {
wrapperRaf.cancel(rafRef.current);
};
reactExports.useEffect(function() {
return function() {
cleanRaf();
};
}, []);
return function(e) {
var which = e.which;
if ([].concat(ArrowKeys, [ENTER, ESC, HOME, END]).includes(which)) {
var keys2 = getKeys();
var refreshedElements = refreshElements(keys2, id);
var _refreshedElements = refreshedElements, elements = _refreshedElements.elements, key2element = _refreshedElements.key2element, element2key = _refreshedElements.element2key;
var activeElement = key2element.get(activeKey);
var focusMenuElement = getFocusElement(activeElement, elements);
var focusMenuKey = element2key.get(focusMenuElement);
var offsetObj = getOffset(mode, getKeyPath(focusMenuKey, true).length === 1, isRtl, which);
if (!offsetObj && which !== HOME && which !== END) {
return;
}
if (ArrowKeys.includes(which) || [HOME, END].includes(which)) {
e.preventDefault();
}
var tryFocus = function tryFocus2(menuElement) {
if (menuElement) {
var focusTargetElement = menuElement;
var link = menuElement.querySelector("a");
if (link !== null && link !== void 0 && link.getAttribute("href")) {
focusTargetElement = link;
}
var targetKey = element2key.get(menuElement);
triggerActiveKey(targetKey);
cleanRaf();
rafRef.current = wrapperRaf(function() {
if (activeRef.current === targetKey) {
focusTargetElement.focus();
}
});
}
};
if ([HOME, END].includes(which) || offsetObj.sibling || !focusMenuElement) {
var parentQueryContainer;
if (!focusMenuElement || mode === "inline") {
parentQueryContainer = containerRef.current;
} else {
parentQueryContainer = findContainerUL(focusMenuElement);
}
var targetElement;
var focusableElements = getFocusableElements(parentQueryContainer, elements);
if (which === HOME) {
targetElement = focusableElements[0];
} else if (which === END) {
targetElement = focusableElements[focusableElements.length - 1];
} else {
targetElement = getNextFocusElement(parentQueryContainer, elements, focusMenuElement, offsetObj.offset);
}
tryFocus(targetElement);
} else if (offsetObj.inlineTrigger) {
triggerAccessibilityOpen(focusMenuKey);
} else if (offsetObj.offset > 0) {
triggerAccessibilityOpen(focusMenuKey, true);
cleanRaf();
rafRef.current = wrapperRaf(function() {
refreshedElements = refreshElements(keys2, id);
var controlId = focusMenuElement.getAttribute("aria-controls");
var subQueryContainer = document.getElementById(controlId);
var targetElement2 = getNextFocusElement(subQueryContainer, refreshedElements.elements);
tryFocus(targetElement2);
}, 5);
} else if (offsetObj.offset < 0) {
var keyPath = getKeyPath(focusMenuKey, true);
var parentKey = keyPath[keyPath.length - 2];
var parentMenuElement = key2element.get(parentKey);
triggerAccessibilityOpen(parentKey, false);
tryFocus(parentMenuElement);
}
}
originOnKeyDown === null || originOnKeyDown === void 0 || originOnKeyDown(e);
};
}
function nextSlice(callback) {
Promise.resolve().then(callback);
}
var PATH_SPLIT = "__RC_UTIL_PATH_SPLIT__";
var getPathStr = function getPathStr2(keyPath) {
return keyPath.join(PATH_SPLIT);
};
var getPathKeys = function getPathKeys2(keyPathStr) {
return keyPathStr.split(PATH_SPLIT);
};
var OVERFLOW_KEY = "rc-menu-more";
function useKeyRecords() {
var _React$useState = reactExports.useState({}), _React$useState2 = _slicedToArray(_React$useState, 2), internalForceUpdate = _React$useState2[1];
var key2pathRef = reactExports.useRef(/* @__PURE__ */ new Map());
var path2keyRef = reactExports.useRef(/* @__PURE__ */ new Map());
var _React$useState3 = reactExports.useState([]), _React$useState4 = _slicedToArray(_React$useState3, 2), overflowKeys = _React$useState4[0], setOverflowKeys = _React$useState4[1];
var updateRef = reactExports.useRef(0);
var destroyRef = reactExports.useRef(false);
var forceUpdate = function forceUpdate2() {
if (!destroyRef.current) {
internalForceUpdate({});
}
};
var registerPath = reactExports.useCallback(function(key, keyPath) {
var connectedPath = getPathStr(keyPath);
path2keyRef.current.set(connectedPath, key);
key2pathRef.current.set(key, connectedPath);
updateRef.current += 1;
var id = updateRef.current;
nextSlice(function() {
if (id === updateRef.current) {
forceUpdate();
}
});
}, []);
var unregisterPath = reactExports.useCallback(function(key, keyPath) {
var connectedPath = getPathStr(keyPath);
path2keyRef.current.delete(connectedPath);
key2pathRef.current.delete(key);
}, []);
var refreshOverflowKeys = reactExports.useCallback(function(keys2) {
setOverflowKeys(keys2);
}, []);
var getKeyPath = reactExports.useCallback(function(eventKey, includeOverflow) {
var fullPath = key2pathRef.current.get(eventKey) || "";
var keys2 = getPathKeys(fullPath);
if (includeOverflow && overflowKeys.includes(keys2[0])) {
keys2.unshift(OVERFLOW_KEY);
}
return keys2;
}, [overflowKeys]);
var isSubPathKey = reactExports.useCallback(function(pathKeys, eventKey) {
return pathKeys.filter(function(item) {
return item !== void 0;
}).some(function(pathKey2) {
var pathKeyList = getKeyPath(pathKey2, true);
return pathKeyList.includes(eventKey);
});
}, [getKeyPath]);
var getKeys = function getKeys2() {
var keys2 = _toConsumableArray(key2pathRef.current.keys());
if (overflowKeys.length) {
keys2.push(OVERFLOW_KEY);
}
return keys2;
};
var getSubPathKeys = reactExports.useCallback(function(key) {
var connectedPath = "".concat(key2pathRef.current.get(key)).concat(PATH_SPLIT);
var pathKeys = /* @__PURE__ */ new Set();
_toConsumableArray(path2keyRef.current.keys()).forEach(function(pathKey2) {
if (pathKey2.startsWith(connectedPath)) {
pathKeys.add(path2keyRef.current.get(pathKey2));
}
});
return pathKeys;
}, []);
reactExports.useEffect(function() {
return function() {
destroyRef.current = true;
};
}, []);
return {
// Register
registerPath,
unregisterPath,
refreshOverflowKeys,
// Util
isSubPathKey,
getKeyPath,
getKeys,
getSubPathKeys
};
}
function useMemoCallback(func) {
var funRef = reactExports.useRef(func);
funRef.current = func;
var callback = reactExports.useCallback(function() {
var _funRef$current;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return (_funRef$current = funRef.current) === null || _funRef$current === void 0 ? void 0 : _funRef$current.call.apply(_funRef$current, [funRef].concat(args));
}, []);
return func ? callback : void 0;
}
var uniquePrefix = Math.random().toFixed(5).toString().slice(2);
var internalId = 0;
function useUUID(id) {
var _useMergedState = useMergedState(id, {
value: id
}), _useMergedState2 = _slicedToArray(_useMergedState, 2), uuid2 = _useMergedState2[0], setUUID = _useMergedState2[1];
reactExports.useEffect(function() {
internalId += 1;
var newId = "".concat(uniquePrefix, "-").concat(internalId);
setUUID("rc-menu-uuid-".concat(newId));
}, []);
return uuid2;
}
function useActive(eventKey, disabled, onMouseEnter, onMouseLeave) {
var _React$useContext = reactExports.useContext(MenuContext$1), activeKey = _React$useContext.activeKey, onActive = _React$useContext.onActive, onInactive = _React$useContext.onInactive;
var ret = {
active: activeKey === eventKey
};
if (!disabled) {
ret.onMouseEnter = function(domEvent) {
onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter({
key: eventKey,
domEvent
});
onActive(eventKey);
};
ret.onMouseLeave = function(domEvent) {
onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave({
key: eventKey,
domEvent
});
onInactive(eventKey);
};
}
return ret;
}
function useDirectionStyle(level) {
var _React$useContext = reactExports.useContext(MenuContext$1), mode = _React$useContext.mode, rtl = _React$useContext.rtl, inlineIndent = _React$useContext.inlineIndent;
if (mode !== "inline") {
return null;
}
var len = level;
return rtl ? {
paddingRight: len * inlineIndent
} : {
paddingLeft: len * inlineIndent
};
}
function Icon$1(_ref) {
var icon = _ref.icon, props = _ref.props, children = _ref.children;
var iconNode;
if (icon === null || icon === false) {
return null;
}
if (typeof icon === "function") {
iconNode = /* @__PURE__ */ reactExports.createElement(icon, _objectSpread2({}, props));
} else if (typeof icon !== "boolean") {
iconNode = icon;
}
return iconNode || children || null;
}
var _excluded$8 = ["item"];
function warnItemProp(_ref) {
var item = _ref.item, restInfo = _objectWithoutProperties(_ref, _excluded$8);
Object.defineProperty(restInfo, "item", {
get: function get2() {
warningOnce(false, "`info.item` is deprecated since we will move to function component that not provides React Node instance in future.");
return item;
}
});
return restInfo;
}
var _excluded$7 = ["title", "attribute", "elementRef"], _excluded2$1 = ["style", "className", "eventKey", "warnKey", "disabled", "itemIcon", "children", "role", "onMouseEnter", "onMouseLeave", "onClick", "onKeyDown", "onFocus"], _excluded3 = ["active"];
var LegacyMenuItem = /* @__PURE__ */ function(_React$Component) {
_inherits(LegacyMenuItem2, _React$Component);
var _super = _createSuper(LegacyMenuItem2);
function LegacyMenuItem2() {
_classCallCheck(this, LegacyMenuItem2);
return _super.apply(this, arguments);
}
_createClass(LegacyMenuItem2, [{
key: "render",
value: function render2() {
var _this$props = this.props, title = _this$props.title, attribute = _this$props.attribute, elementRef = _this$props.elementRef, restProps = _objectWithoutProperties(_this$props, _excluded$7);
var passedProps = omit(restProps, ["eventKey", "popupClassName", "popupOffset", "onTitleClick"]);
warningOnce(!attribute, "`attribute` of Menu.Item is deprecated. Please pass attribute directly.");
return /* @__PURE__ */ reactExports.createElement(ForwardOverflow.Item, _extends({}, attribute, {
title: typeof title === "string" ? title : void 0
}, passedProps, {
ref: elementRef
}));
}
}]);
return LegacyMenuItem2;
}(reactExports.Component);
var InternalMenuItem = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var style2 = props.style, className = props.className, eventKey = props.eventKey;
props.warnKey;
var disabled = props.disabled, itemIcon = props.itemIcon, children = props.children, role = props.role, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, onClick = props.onClick, onKeyDown = props.onKeyDown, onFocus = props.onFocus, restProps = _objectWithoutProperties(props, _excluded2$1);
var domDataId = useMenuId(eventKey);
var _React$useContext = reactExports.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, onItemClick = _React$useContext.onItemClick, contextDisabled = _React$useContext.disabled, overflowDisabled = _React$useContext.overflowDisabled, contextItemIcon = _React$useContext.itemIcon, selectedKeys = _React$useContext.selectedKeys, onActive = _React$useContext.onActive;
var _React$useContext2 = reactExports.useContext(PrivateContext), _internalRenderMenuItem = _React$useContext2._internalRenderMenuItem;
var itemCls = "".concat(prefixCls, "-item");
var legacyMenuItemRef = reactExports.useRef();
var elementRef = reactExports.useRef();
var mergedDisabled = contextDisabled || disabled;
var mergedEleRef = useComposeRef(ref, elementRef);
var connectedKeys = useFullPath(eventKey);
var getEventInfo = function getEventInfo2(e) {
return {
key: eventKey,
// Note: For legacy code is reversed which not like other antd component
keyPath: _toConsumableArray(connectedKeys).reverse(),
item: legacyMenuItemRef.current,
domEvent: e
};
};
var mergedItemIcon = itemIcon || contextItemIcon;
var _useActive = useActive(eventKey, mergedDisabled, onMouseEnter, onMouseLeave), active = _useActive.active, activeProps = _objectWithoutProperties(_useActive, _excluded3);
var selected = selectedKeys.includes(eventKey);
var directionStyle = useDirectionStyle(connectedKeys.length);
var onInternalClick = function onInternalClick2(e) {
if (mergedDisabled) {
return;
}
var info = getEventInfo(e);
onClick === null || onClick === void 0 || onClick(warnItemProp(info));
onItemClick(info);
};
var onInternalKeyDown = function onInternalKeyDown2(e) {
onKeyDown === null || onKeyDown === void 0 || onKeyDown(e);
if (e.which === KeyCode.ENTER) {
var info = getEventInfo(e);
onClick === null || onClick === void 0 || onClick(warnItemProp(info));
onItemClick(info);
}
};
var onInternalFocus = function onInternalFocus2(e) {
onActive(eventKey);
onFocus === null || onFocus === void 0 || onFocus(e);
};
var optionRoleProps = {};
if (props.role === "option") {
optionRoleProps["aria-selected"] = selected;
}
var renderNode = /* @__PURE__ */ reactExports.createElement(LegacyMenuItem, _extends({
ref: legacyMenuItemRef,
elementRef: mergedEleRef,
role: role === null ? "none" : role || "menuitem",
tabIndex: disabled ? null : -1,
"data-menu-id": overflowDisabled && domDataId ? null : domDataId
}, omit(restProps, ["extra"]), activeProps, optionRoleProps, {
component: "li",
"aria-disabled": disabled,
style: _objectSpread2(_objectSpread2({}, directionStyle), style2),
className: classNames(itemCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(itemCls, "-active"), active), "".concat(itemCls, "-selected"), selected), "".concat(itemCls, "-disabled"), mergedDisabled), className),
onClick: onInternalClick,
onKeyDown: onInternalKeyDown,
onFocus: onInternalFocus
}), children, /* @__PURE__ */ reactExports.createElement(Icon$1, {
props: _objectSpread2(_objectSpread2({}, props), {}, {
isSelected: selected
}),
icon: mergedItemIcon
}));
if (_internalRenderMenuItem) {
renderNode = _internalRenderMenuItem(renderNode, props, {
selected
});
}
return renderNode;
});
function MenuItem$1(props, ref) {
var eventKey = props.eventKey;
var measure = useMeasure();
var connectedKeyPath = useFullPath(eventKey);
reactExports.useEffect(function() {
if (measure) {
measure.registerPath(eventKey, connectedKeyPath);
return function() {
measure.unregisterPath(eventKey, connectedKeyPath);
};
}
}, [connectedKeyPath]);
if (measure) {
return null;
}
return /* @__PURE__ */ reactExports.createElement(InternalMenuItem, _extends({}, props, {
ref
}));
}
const MenuItem$2 = /* @__PURE__ */ reactExports.forwardRef(MenuItem$1);
var _excluded$6 = ["className", "children"];
var InternalSubMenuList = function InternalSubMenuList2(_ref, ref) {
var className = _ref.className, children = _ref.children, restProps = _objectWithoutProperties(_ref, _excluded$6);
var _React$useContext = reactExports.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, mode = _React$useContext.mode, rtl = _React$useContext.rtl;
return /* @__PURE__ */ reactExports.createElement("ul", _extends({
className: classNames(prefixCls, rtl && "".concat(prefixCls, "-rtl"), "".concat(prefixCls, "-sub"), "".concat(prefixCls, "-").concat(mode === "inline" ? "inline" : "vertical"), className),
role: "menu"
}, restProps, {
"data-menu-list": true,
ref
}), children);
};
var SubMenuList = /* @__PURE__ */ reactExports.forwardRef(InternalSubMenuList);
SubMenuList.displayName = "SubMenuList";
function parseChildren(children, keyPath) {
return toArray$2(children).map(function(child, index2) {
if (/* @__PURE__ */ reactExports.isValidElement(child)) {
var _eventKey, _child$props;
var key = child.key;
var eventKey = (_eventKey = (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.eventKey) !== null && _eventKey !== void 0 ? _eventKey : key;
var emptyKey = eventKey === null || eventKey === void 0;
if (emptyKey) {
eventKey = "tmp_key-".concat([].concat(_toConsumableArray(keyPath), [index2]).join("-"));
}
var cloneProps = {
key: eventKey,
eventKey
};
return /* @__PURE__ */ reactExports.cloneElement(child, cloneProps);
}
return child;
});
}
var autoAdjustOverflow = {
adjustX: 1,
adjustY: 1
};
var placements = {
topLeft: {
points: ["bl", "tl"],
overflow: autoAdjustOverflow
},
topRight: {
points: ["br", "tr"],
overflow: autoAdjustOverflow
},
bottomLeft: {
points: ["tl", "bl"],
overflow: autoAdjustOverflow
},
bottomRight: {
points: ["tr", "br"],
overflow: autoAdjustOverflow
},
leftTop: {
points: ["tr", "tl"],
overflow: autoAdjustOverflow
},
leftBottom: {
points: ["br", "bl"],
overflow: autoAdjustOverflow
},
rightTop: {
points: ["tl", "tr"],
overflow: autoAdjustOverflow
},
rightBottom: {
points: ["bl", "br"],
overflow: autoAdjustOverflow
}
};
var placementsRtl = {
topLeft: {
points: ["bl", "tl"],
overflow: autoAdjustOverflow
},
topRight: {
points: ["br", "tr"],
overflow: autoAdjustOverflow
},
bottomLeft: {
points: ["tl", "bl"],
overflow: autoAdjustOverflow
},
bottomRight: {
points: ["tr", "br"],
overflow: autoAdjustOverflow
},
rightTop: {
points: ["tr", "tl"],
overflow: autoAdjustOverflow
},
rightBottom: {
points: ["br", "bl"],
overflow: autoAdjustOverflow
},
leftTop: {
points: ["tl", "tr"],
overflow: autoAdjustOverflow
},
leftBottom: {
points: ["bl", "br"],
overflow: autoAdjustOverflow
}
};
function getMotion(mode, motion, defaultMotions) {
if (motion) {
return motion;
}
if (defaultMotions) {
return defaultMotions[mode] || defaultMotions.other;
}
return void 0;
}
var popupPlacementMap = {
horizontal: "bottomLeft",
vertical: "rightTop",
"vertical-left": "rightTop",
"vertical-right": "leftTop"
};
function PopupTrigger(_ref) {
var prefixCls = _ref.prefixCls, visible = _ref.visible, children = _ref.children, popup = _ref.popup, popupStyle = _ref.popupStyle, popupClassName = _ref.popupClassName, popupOffset = _ref.popupOffset, disabled = _ref.disabled, mode = _ref.mode, onVisibleChange = _ref.onVisibleChange;
var _React$useContext = reactExports.useContext(MenuContext$1), getPopupContainer = _React$useContext.getPopupContainer, rtl = _React$useContext.rtl, subMenuOpenDelay = _React$useContext.subMenuOpenDelay, subMenuCloseDelay = _React$useContext.subMenuCloseDelay, builtinPlacements = _React$useContext.builtinPlacements, triggerSubMenuAction = _React$useContext.triggerSubMenuAction, forceSubMenuRender = _React$useContext.forceSubMenuRender, rootClassName = _React$useContext.rootClassName, motion = _React$useContext.motion, defaultMotions = _React$useContext.defaultMotions;
var _React$useState = reactExports.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), innerVisible = _React$useState2[0], setInnerVisible = _React$useState2[1];
var placement = rtl ? _objectSpread2(_objectSpread2({}, placementsRtl), builtinPlacements) : _objectSpread2(_objectSpread2({}, placements), builtinPlacements);
var popupPlacement = popupPlacementMap[mode];
var targetMotion = getMotion(mode, motion, defaultMotions);
var targetMotionRef = reactExports.useRef(targetMotion);
if (mode !== "inline") {
targetMotionRef.current = targetMotion;
}
var mergedMotion = _objectSpread2(_objectSpread2({}, targetMotionRef.current), {}, {
leavedClassName: "".concat(prefixCls, "-hidden"),
removeOnLeave: false,
motionAppear: true
});
var visibleRef = reactExports.useRef();
reactExports.useEffect(function() {
visibleRef.current = wrapperRaf(function() {
setInnerVisible(visible);
});
return function() {
wrapperRaf.cancel(visibleRef.current);
};
}, [visible]);
return /* @__PURE__ */ reactExports.createElement(Trigger, {
prefixCls,
popupClassName: classNames("".concat(prefixCls, "-popup"), _defineProperty({}, "".concat(prefixCls, "-rtl"), rtl), popupClassName, rootClassName),
stretch: mode === "horizontal" ? "minWidth" : null,
getPopupContainer,
builtinPlacements: placement,
popupPlacement,
popupVisible: innerVisible,
popup,
popupStyle,
popupAlign: popupOffset && {
offset: popupOffset
},
action: disabled ? [] : [triggerSubMenuAction],
mouseEnterDelay: subMenuOpenDelay,
mouseLeaveDelay: subMenuCloseDelay,
onPopupVisibleChange: onVisibleChange,
forceRender: forceSubMenuRender,
popupMotion: mergedMotion,
fresh: true
}, children);
}
function InlineSubMenuList(_ref) {
var id = _ref.id, open = _ref.open, keyPath = _ref.keyPath, children = _ref.children;
var fixedMode = "inline";
var _React$useContext = reactExports.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, forceSubMenuRender = _React$useContext.forceSubMenuRender, motion = _React$useContext.motion, defaultMotions = _React$useContext.defaultMotions, mode = _React$useContext.mode;
var sameModeRef = reactExports.useRef(false);
sameModeRef.current = mode === fixedMode;
var _React$useState = reactExports.useState(!sameModeRef.current), _React$useState2 = _slicedToArray(_React$useState, 2), destroy = _React$useState2[0], setDestroy = _React$useState2[1];
var mergedOpen = sameModeRef.current ? open : false;
reactExports.useEffect(function() {
if (sameModeRef.current) {
setDestroy(false);
}
}, [mode]);
var mergedMotion = _objectSpread2({}, getMotion(fixedMode, motion, defaultMotions));
if (keyPath.length > 1) {
mergedMotion.motionAppear = false;
}
var originOnVisibleChanged = mergedMotion.onVisibleChanged;
mergedMotion.onVisibleChanged = function(newVisible) {
if (!sameModeRef.current && !newVisible) {
setDestroy(true);
}
return originOnVisibleChanged === null || originOnVisibleChanged === void 0 ? void 0 : originOnVisibleChanged(newVisible);
};
if (destroy) {
return null;
}
return /* @__PURE__ */ reactExports.createElement(InheritableContextProvider, {
mode: fixedMode,
locked: !sameModeRef.current
}, /* @__PURE__ */ reactExports.createElement(CSSMotion, _extends({
visible: mergedOpen
}, mergedMotion, {
forceRender: forceSubMenuRender,
removeOnLeave: false,
leavedClassName: "".concat(prefixCls, "-hidden")
}), function(_ref2) {
var motionClassName = _ref2.className, motionStyle = _ref2.style;
return /* @__PURE__ */ reactExports.createElement(SubMenuList, {
id,
className: motionClassName,
style: motionStyle
}, children);
}));
}
var _excluded$5 = ["style", "className", "title", "eventKey", "warnKey", "disabled", "internalPopupClose", "children", "itemIcon", "expandIcon", "popupClassName", "popupOffset", "popupStyle", "onClick", "onMouseEnter", "onMouseLeave", "onTitleClick", "onTitleMouseEnter", "onTitleMouseLeave"], _excluded2 = ["active"];
var InternalSubMenu = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var style2 = props.style, className = props.className, title = props.title, eventKey = props.eventKey;
props.warnKey;
var disabled = props.disabled, internalPopupClose = props.internalPopupClose, children = props.children, itemIcon = props.itemIcon, expandIcon = props.expandIcon, popupClassName = props.popupClassName, popupOffset = props.popupOffset, popupStyle = props.popupStyle, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, onTitleClick = props.onTitleClick, onTitleMouseEnter = props.onTitleMouseEnter, onTitleMouseLeave = props.onTitleMouseLeave, restProps = _objectWithoutProperties(props, _excluded$5);
var domDataId = useMenuId(eventKey);
var _React$useContext = reactExports.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, mode = _React$useContext.mode, openKeys = _React$useContext.openKeys, contextDisabled = _React$useContext.disabled, overflowDisabled = _React$useContext.overflowDisabled, activeKey = _React$useContext.activeKey, selectedKeys = _React$useContext.selectedKeys, contextItemIcon = _React$useContext.itemIcon, contextExpandIcon = _React$useContext.expandIcon, onItemClick = _React$useContext.onItemClick, onOpenChange = _React$useContext.onOpenChange, onActive = _React$useContext.onActive;
var _React$useContext2 = reactExports.useContext(PrivateContext), _internalRenderSubMenuItem = _React$useContext2._internalRenderSubMenuItem;
var _React$useContext3 = reactExports.useContext(PathUserContext), isSubPathKey = _React$useContext3.isSubPathKey;
var connectedPath = useFullPath();
var subMenuPrefixCls = "".concat(prefixCls, "-submenu");
var mergedDisabled = contextDisabled || disabled;
var elementRef = reactExports.useRef();
var popupRef = reactExports.useRef();
var mergedItemIcon = itemIcon !== null && itemIcon !== void 0 ? itemIcon : contextItemIcon;
var mergedExpandIcon = expandIcon !== null && expandIcon !== void 0 ? expandIcon : contextExpandIcon;
var originOpen = openKeys.includes(eventKey);
var open = !overflowDisabled && originOpen;
var childrenSelected = isSubPathKey(selectedKeys, eventKey);
var _useActive = useActive(eventKey, mergedDisabled, onTitleMouseEnter, onTitleMouseLeave), active = _useActive.active, activeProps = _objectWithoutProperties(_useActive, _excluded2);
var _React$useState = reactExports.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), childrenActive = _React$useState2[0], setChildrenActive = _React$useState2[1];
var triggerChildrenActive = function triggerChildrenActive2(newActive) {
if (!mergedDisabled) {
setChildrenActive(newActive);
}
};
var onInternalMouseEnter = function onInternalMouseEnter2(domEvent) {
triggerChildrenActive(true);
onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter({
key: eventKey,
domEvent
});
};
var onInternalMouseLeave = function onInternalMouseLeave2(domEvent) {
triggerChildrenActive(false);
onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave({
key: eventKey,
domEvent
});
};
var mergedActive = reactExports.useMemo(function() {
if (active) {
return active;
}
if (mode !== "inline") {
return childrenActive || isSubPathKey([activeKey], eventKey);
}
return false;
}, [mode, active, activeKey, childrenActive, eventKey, isSubPathKey]);
var directionStyle = useDirectionStyle(connectedPath.length);
var onInternalTitleClick = function onInternalTitleClick2(e) {
if (mergedDisabled) {
return;
}
onTitleClick === null || onTitleClick === void 0 || onTitleClick({
key: eventKey,
domEvent: e
});
if (mode === "inline") {
onOpenChange(eventKey, !originOpen);
}
};
var onMergedItemClick = useMemoCallback(function(info) {
onClick === null || onClick === void 0 || onClick(warnItemProp(info));
onItemClick(info);
});
var onPopupVisibleChange = function onPopupVisibleChange2(newVisible) {
if (mode !== "inline") {
onOpenChange(eventKey, newVisible);
}
};
var onInternalFocus = function onInternalFocus2() {
onActive(eventKey);
};
var popupId = domDataId && "".concat(domDataId, "-popup");
var expandIconNode = reactExports.useMemo(function() {
return /* @__PURE__ */ reactExports.createElement(Icon$1, {
icon: mode !== "horizontal" ? mergedExpandIcon : void 0,
props: _objectSpread2(_objectSpread2({}, props), {}, {
isOpen: open,
// [Legacy] Not sure why need this mark
isSubMenu: true
})
}, /* @__PURE__ */ reactExports.createElement("i", {
className: "".concat(subMenuPrefixCls, "-arrow")
}));
}, [mode, mergedExpandIcon, props, open, subMenuPrefixCls]);
var titleNode = /* @__PURE__ */ reactExports.createElement("div", _extends({
role: "menuitem",
style: directionStyle,
className: "".concat(subMenuPrefixCls, "-title"),
tabIndex: mergedDisabled ? null : -1,
ref: elementRef,
title: typeof title === "string" ? title : null,
"data-menu-id": overflowDisabled && domDataId ? null : domDataId,
"aria-expanded": open,
"aria-haspopup": true,
"aria-controls": popupId,
"aria-disabled": mergedDisabled,
onClick: onInternalTitleClick,
onFocus: onInternalFocus
}, activeProps), title, expandIconNode);
var triggerModeRef = reactExports.useRef(mode);
if (mode !== "inline" && connectedPath.length > 1) {
triggerModeRef.current = "vertical";
} else {
triggerModeRef.current = mode;
}
if (!overflowDisabled) {
var triggerMode = triggerModeRef.current;
titleNode = /* @__PURE__ */ reactExports.createElement(PopupTrigger, {
mode: triggerMode,
prefixCls: subMenuPrefixCls,
visible: !internalPopupClose && open && mode !== "inline",
popupClassName,
popupOffset,
popupStyle,
popup: /* @__PURE__ */ reactExports.createElement(
InheritableContextProvider,
{
mode: triggerMode === "horizontal" ? "vertical" : triggerMode
},
/* @__PURE__ */ reactExports.createElement(SubMenuList, {
id: popupId,
ref: popupRef
}, children)
),
disabled: mergedDisabled,
onVisibleChange: onPopupVisibleChange
}, titleNode);
}
var listNode = /* @__PURE__ */ reactExports.createElement(ForwardOverflow.Item, _extends({
ref,
role: "none"
}, restProps, {
component: "li",
style: style2,
className: classNames(subMenuPrefixCls, "".concat(subMenuPrefixCls, "-").concat(mode), className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(subMenuPrefixCls, "-open"), open), "".concat(subMenuPrefixCls, "-active"), mergedActive), "".concat(subMenuPrefixCls, "-selected"), childrenSelected), "".concat(subMenuPrefixCls, "-disabled"), mergedDisabled)),
onMouseEnter: onInternalMouseEnter,
onMouseLeave: onInternalMouseLeave
}), titleNode, !overflowDisabled && /* @__PURE__ */ reactExports.createElement(InlineSubMenuList, {
id: popupId,
open,
keyPath: connectedPath
}, children));
if (_internalRenderSubMenuItem) {
listNode = _internalRenderSubMenuItem(listNode, props, {
selected: childrenSelected,
active: mergedActive,
open,
disabled: mergedDisabled
});
}
return /* @__PURE__ */ reactExports.createElement(InheritableContextProvider, {
onItemClick: onMergedItemClick,
mode: mode === "horizontal" ? "vertical" : mode,
itemIcon: mergedItemIcon,
expandIcon: mergedExpandIcon
}, listNode);
});
var SubMenu$1 = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var eventKey = props.eventKey, children = props.children;
var connectedKeyPath = useFullPath(eventKey);
var childList = parseChildren(children, connectedKeyPath);
var measure = useMeasure();
reactExports.useEffect(function() {
if (measure) {
measure.registerPath(eventKey, connectedKeyPath);
return function() {
measure.unregisterPath(eventKey, connectedKeyPath);
};
}
}, [connectedKeyPath]);
var renderNode;
if (measure) {
renderNode = childList;
} else {
renderNode = /* @__PURE__ */ reactExports.createElement(InternalSubMenu, _extends({
ref
}, props), childList);
}
return /* @__PURE__ */ reactExports.createElement(PathTrackerContext.Provider, {
value: connectedKeyPath
}, renderNode);
});
function Divider$1(_ref) {
var className = _ref.className, style2 = _ref.style;
var _React$useContext = reactExports.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls;
var measure = useMeasure();
if (measure) {
return null;
}
return /* @__PURE__ */ reactExports.createElement("li", {
role: "separator",
className: classNames("".concat(prefixCls, "-item-divider"), className),
style: style2
});
}
var _excluded$4 = ["className", "title", "eventKey", "children"];
var InternalMenuItemGroup = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var className = props.className, title = props.title;
props.eventKey;
var children = props.children, restProps = _objectWithoutProperties(props, _excluded$4);
var _React$useContext = reactExports.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls;
var groupPrefixCls = "".concat(prefixCls, "-item-group");
return /* @__PURE__ */ reactExports.createElement("li", _extends({
ref,
role: "presentation"
}, restProps, {
onClick: function onClick(e) {
return e.stopPropagation();
},
className: classNames(groupPrefixCls, className)
}), /* @__PURE__ */ reactExports.createElement("div", {
role: "presentation",
className: "".concat(groupPrefixCls, "-title"),
title: typeof title === "string" ? title : void 0
}, title), /* @__PURE__ */ reactExports.createElement("ul", {
role: "group",
className: "".concat(groupPrefixCls, "-list")
}, children));
});
var MenuItemGroup = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var eventKey = props.eventKey, children = props.children;
var connectedKeyPath = useFullPath(eventKey);
var childList = parseChildren(children, connectedKeyPath);
var measure = useMeasure();
if (measure) {
return childList;
}
return /* @__PURE__ */ reactExports.createElement(InternalMenuItemGroup, _extends({
ref
}, omit(props, ["warnKey"])), childList);
});
var _excluded$3 = ["label", "children", "key", "type", "extra"];
function convertItemsToNodes(list, components, prefixCls) {
var MergedMenuItem = components.item, MergedMenuItemGroup = components.group, MergedSubMenu = components.submenu, MergedDivider = components.divider;
return (list || []).map(function(opt, index2) {
if (opt && _typeof(opt) === "object") {
var _ref = opt, label = _ref.label, children = _ref.children, key = _ref.key, type4 = _ref.type, extra = _ref.extra, restProps = _objectWithoutProperties(_ref, _excluded$3);
var mergedKey = key !== null && key !== void 0 ? key : "tmp-".concat(index2);
if (children || type4 === "group") {
if (type4 === "group") {
return /* @__PURE__ */ reactExports.createElement(MergedMenuItemGroup, _extends({
key: mergedKey
}, restProps, {
title: label
}), convertItemsToNodes(children, components, prefixCls));
}
return /* @__PURE__ */ reactExports.createElement(MergedSubMenu, _extends({
key: mergedKey
}, restProps, {
title: label
}), convertItemsToNodes(children, components, prefixCls));
}
if (type4 === "divider") {
return /* @__PURE__ */ reactExports.createElement(MergedDivider, _extends({
key: mergedKey
}, restProps));
}
return /* @__PURE__ */ reactExports.createElement(MergedMenuItem, _extends({
key: mergedKey
}, restProps, {
extra
}), label, (!!extra || extra === 0) && /* @__PURE__ */ reactExports.createElement("span", {
className: "".concat(prefixCls, "-item-extra")
}, extra));
}
return null;
}).filter(function(opt) {
return opt;
});
}
function parseItems(children, items, keyPath, components, prefixCls) {
var childNodes = children;
var mergedComponents = _objectSpread2({
divider: Divider$1,
item: MenuItem$2,
group: MenuItemGroup,
submenu: SubMenu$1
}, components);
if (items) {
childNodes = convertItemsToNodes(items, mergedComponents, prefixCls);
}
return parseChildren(childNodes, keyPath);
}
var _excluded$2 = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items", "children", "direction", "id", "mode", "inlineCollapsed", "disabled", "disabledOverflow", "subMenuOpenDelay", "subMenuCloseDelay", "forceSubMenuRender", "defaultOpenKeys", "openKeys", "activeKey", "defaultActiveFirst", "selectable", "multiple", "defaultSelectedKeys", "selectedKeys", "onSelect", "onDeselect", "inlineIndent", "motion", "defaultMotions", "triggerSubMenuAction", "builtinPlacements", "itemIcon", "expandIcon", "overflowedIndicator", "overflowedIndicatorPopupClassName", "getPopupContainer", "onClick", "onOpenChange", "onKeyDown", "openAnimation", "openTransitionName", "_internalRenderMenuItem", "_internalRenderSubMenuItem", "_internalComponents"];
var EMPTY_LIST = [];
var Menu$1 = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var _childList$;
var _ref = props, _ref$prefixCls = _ref.prefixCls, prefixCls = _ref$prefixCls === void 0 ? "rc-menu" : _ref$prefixCls, rootClassName = _ref.rootClassName, style2 = _ref.style, className = _ref.className, _ref$tabIndex = _ref.tabIndex, tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex, items = _ref.items, children = _ref.children, direction = _ref.direction, id = _ref.id, _ref$mode = _ref.mode, mode = _ref$mode === void 0 ? "vertical" : _ref$mode, inlineCollapsed = _ref.inlineCollapsed, disabled = _ref.disabled, disabledOverflow = _ref.disabledOverflow, _ref$subMenuOpenDelay = _ref.subMenuOpenDelay, subMenuOpenDelay = _ref$subMenuOpenDelay === void 0 ? 0.1 : _ref$subMenuOpenDelay, _ref$subMenuCloseDela = _ref.subMenuCloseDelay, subMenuCloseDelay = _ref$subMenuCloseDela === void 0 ? 0.1 : _ref$subMenuCloseDela, forceSubMenuRender = _ref.forceSubMenuRender, defaultOpenKeys = _ref.defaultOpenKeys, openKeys = _ref.openKeys, activeKey = _ref.activeKey, defaultActiveFirst = _ref.defaultActiveFirst, _ref$selectable = _ref.selectable, selectable = _ref$selectable === void 0 ? true : _ref$selectable, _ref$multiple = _ref.multiple, multiple = _ref$multiple === void 0 ? false : _ref$multiple, defaultSelectedKeys = _ref.defaultSelectedKeys, selectedKeys = _ref.selectedKeys, onSelect = _ref.onSelect, onDeselect = _ref.onDeselect, _ref$inlineIndent = _ref.inlineIndent, inlineIndent = _ref$inlineIndent === void 0 ? 24 : _ref$inlineIndent, motion = _ref.motion, defaultMotions = _ref.defaultMotions, _ref$triggerSubMenuAc = _ref.triggerSubMenuAction, triggerSubMenuAction = _ref$triggerSubMenuAc === void 0 ? "hover" : _ref$triggerSubMenuAc, builtinPlacements = _ref.builtinPlacements, itemIcon = _ref.itemIcon, expandIcon = _ref.expandIcon, _ref$overflowedIndica = _ref.overflowedIndicator, overflowedIndicator = _ref$overflowedIndica === void 0 ? "..." : _ref$overflowedIndica, overflowedIndicatorPopupClassName = _ref.overflowedIndicatorPopupClassName, getPopupContainer = _ref.getPopupContainer, onClick = _ref.onClick, onOpenChange = _ref.onOpenChange, onKeyDown = _ref.onKeyDown;
_ref.openAnimation;
_ref.openTransitionName;
var _internalRenderMenuItem = _ref._internalRenderMenuItem, _internalRenderSubMenuItem = _ref._internalRenderSubMenuItem, _internalComponents = _ref._internalComponents, restProps = _objectWithoutProperties(_ref, _excluded$2);
var _React$useMemo = reactExports.useMemo(function() {
return [parseItems(children, items, EMPTY_LIST, _internalComponents, prefixCls), parseItems(children, items, EMPTY_LIST, {}, prefixCls)];
}, [children, items, _internalComponents]), _React$useMemo2 = _slicedToArray(_React$useMemo, 2), childList = _React$useMemo2[0], measureChildList = _React$useMemo2[1];
var _React$useState = reactExports.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), mounted = _React$useState2[0], setMounted = _React$useState2[1];
var containerRef = reactExports.useRef();
var uuid2 = useUUID(id);
var isRtl = direction === "rtl";
var _useMergedState = useMergedState(defaultOpenKeys, {
value: openKeys,
postState: function postState(keys2) {
return keys2 || EMPTY_LIST;
}
}), _useMergedState2 = _slicedToArray(_useMergedState, 2), mergedOpenKeys = _useMergedState2[0], setMergedOpenKeys = _useMergedState2[1];
var triggerOpenKeys = function triggerOpenKeys2(keys2) {
var forceFlush = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
function doUpdate() {
setMergedOpenKeys(keys2);
onOpenChange === null || onOpenChange === void 0 || onOpenChange(keys2);
}
if (forceFlush) {
reactDomExports.flushSync(doUpdate);
} else {
doUpdate();
}
};
var _React$useState3 = reactExports.useState(mergedOpenKeys), _React$useState4 = _slicedToArray(_React$useState3, 2), inlineCacheOpenKeys = _React$useState4[0], setInlineCacheOpenKeys = _React$useState4[1];
var mountRef = reactExports.useRef(false);
var _React$useMemo3 = reactExports.useMemo(function() {
if ((mode === "inline" || mode === "vertical") && inlineCollapsed) {
return ["vertical", inlineCollapsed];
}
return [mode, false];
}, [mode, inlineCollapsed]), _React$useMemo4 = _slicedToArray(_React$useMemo3, 2), mergedMode = _React$useMemo4[0], mergedInlineCollapsed = _React$useMemo4[1];
var isInlineMode = mergedMode === "inline";
var _React$useState5 = reactExports.useState(mergedMode), _React$useState6 = _slicedToArray(_React$useState5, 2), internalMode = _React$useState6[0], setInternalMode = _React$useState6[1];
var _React$useState7 = reactExports.useState(mergedInlineCollapsed), _React$useState8 = _slicedToArray(_React$useState7, 2), internalInlineCollapsed = _React$useState8[0], setInternalInlineCollapsed = _React$useState8[1];
reactExports.useEffect(function() {
setInternalMode(mergedMode);
setInternalInlineCollapsed(mergedInlineCollapsed);
if (!mountRef.current) {
return;
}
if (isInlineMode) {
setMergedOpenKeys(inlineCacheOpenKeys);
} else {
triggerOpenKeys(EMPTY_LIST);
}
}, [mergedMode, mergedInlineCollapsed]);
var _React$useState9 = reactExports.useState(0), _React$useState10 = _slicedToArray(_React$useState9, 2), lastVisibleIndex = _React$useState10[0], setLastVisibleIndex = _React$useState10[1];
var allVisible = lastVisibleIndex >= childList.length - 1 || internalMode !== "horizontal" || disabledOverflow;
reactExports.useEffect(function() {
if (isInlineMode) {
setInlineCacheOpenKeys(mergedOpenKeys);
}
}, [mergedOpenKeys]);
reactExports.useEffect(function() {
mountRef.current = true;
return function() {
mountRef.current = false;
};
}, []);
var _useKeyRecords = useKeyRecords(), registerPath = _useKeyRecords.registerPath, unregisterPath = _useKeyRecords.unregisterPath, refreshOverflowKeys = _useKeyRecords.refreshOverflowKeys, isSubPathKey = _useKeyRecords.isSubPathKey, getKeyPath = _useKeyRecords.getKeyPath, getKeys = _useKeyRecords.getKeys, getSubPathKeys = _useKeyRecords.getSubPathKeys;
var registerPathContext = reactExports.useMemo(function() {
return {
registerPath,
unregisterPath
};
}, [registerPath, unregisterPath]);
var pathUserContext = reactExports.useMemo(function() {
return {
isSubPathKey
};
}, [isSubPathKey]);
reactExports.useEffect(function() {
refreshOverflowKeys(allVisible ? EMPTY_LIST : childList.slice(lastVisibleIndex + 1).map(function(child) {
return child.key;
}));
}, [lastVisibleIndex, allVisible]);
var _useMergedState3 = useMergedState(activeKey || defaultActiveFirst && ((_childList$ = childList[0]) === null || _childList$ === void 0 ? void 0 : _childList$.key), {
value: activeKey
}), _useMergedState4 = _slicedToArray(_useMergedState3, 2), mergedActiveKey = _useMergedState4[0], setMergedActiveKey = _useMergedState4[1];
var onActive = useMemoCallback(function(key) {
setMergedActiveKey(key);
});
var onInactive = useMemoCallback(function() {
setMergedActiveKey(void 0);
});
reactExports.useImperativeHandle(ref, function() {
return {
list: containerRef.current,
focus: function focus(options) {
var _childList$find;
var keys2 = getKeys();
var _refreshElements = refreshElements(keys2, uuid2), elements = _refreshElements.elements, key2element = _refreshElements.key2element, element2key = _refreshElements.element2key;
var focusableElements = getFocusableElements(containerRef.current, elements);
var shouldFocusKey = mergedActiveKey !== null && mergedActiveKey !== void 0 ? mergedActiveKey : focusableElements[0] ? element2key.get(focusableElements[0]) : (_childList$find = childList.find(function(node2) {
return !node2.props.disabled;
})) === null || _childList$find === void 0 ? void 0 : _childList$find.key;
var elementToFocus = key2element.get(shouldFocusKey);
if (shouldFocusKey && elementToFocus) {
var _elementToFocus$focus;
elementToFocus === null || elementToFocus === void 0 || (_elementToFocus$focus = elementToFocus.focus) === null || _elementToFocus$focus === void 0 || _elementToFocus$focus.call(elementToFocus, options);
}
}
};
});
var _useMergedState5 = useMergedState(defaultSelectedKeys || [], {
value: selectedKeys,
// Legacy convert key to array
postState: function postState(keys2) {
if (Array.isArray(keys2)) {
return keys2;
}
if (keys2 === null || keys2 === void 0) {
return EMPTY_LIST;
}
return [keys2];
}
}), _useMergedState6 = _slicedToArray(_useMergedState5, 2), mergedSelectKeys = _useMergedState6[0], setMergedSelectKeys = _useMergedState6[1];
var triggerSelection = function triggerSelection2(info) {
if (selectable) {
var targetKey = info.key;
var exist = mergedSelectKeys.includes(targetKey);
var newSelectKeys;
if (multiple) {
if (exist) {
newSelectKeys = mergedSelectKeys.filter(function(key) {
return key !== targetKey;
});
} else {
newSelectKeys = [].concat(_toConsumableArray(mergedSelectKeys), [targetKey]);
}
} else {
newSelectKeys = [targetKey];
}
setMergedSelectKeys(newSelectKeys);
var selectInfo = _objectSpread2(_objectSpread2({}, info), {}, {
selectedKeys: newSelectKeys
});
if (exist) {
onDeselect === null || onDeselect === void 0 || onDeselect(selectInfo);
} else {
onSelect === null || onSelect === void 0 || onSelect(selectInfo);
}
}
if (!multiple && mergedOpenKeys.length && internalMode !== "inline") {
triggerOpenKeys(EMPTY_LIST);
}
};
var onInternalClick = useMemoCallback(function(info) {
onClick === null || onClick === void 0 || onClick(warnItemProp(info));
triggerSelection(info);
});
var onInternalOpenChange = useMemoCallback(function(key, open) {
var newOpenKeys = mergedOpenKeys.filter(function(k) {
return k !== key;
});
if (open) {
newOpenKeys.push(key);
} else if (internalMode !== "inline") {
var subPathKeys = getSubPathKeys(key);
newOpenKeys = newOpenKeys.filter(function(k) {
return !subPathKeys.has(k);
});
}
if (!isEqual(mergedOpenKeys, newOpenKeys, true)) {
triggerOpenKeys(newOpenKeys, true);
}
});
var triggerAccessibilityOpen = function triggerAccessibilityOpen2(key, open) {
var nextOpen = open !== null && open !== void 0 ? open : !mergedOpenKeys.includes(key);
onInternalOpenChange(key, nextOpen);
};
var onInternalKeyDown = useAccessibility(internalMode, mergedActiveKey, isRtl, uuid2, containerRef, getKeys, getKeyPath, setMergedActiveKey, triggerAccessibilityOpen, onKeyDown);
reactExports.useEffect(function() {
setMounted(true);
}, []);
var privateContext = reactExports.useMemo(function() {
return {
_internalRenderMenuItem,
_internalRenderSubMenuItem
};
}, [_internalRenderMenuItem, _internalRenderSubMenuItem]);
var wrappedChildList = internalMode !== "horizontal" || disabledOverflow ? childList : (
// Need wrap for overflow dropdown that do not response for open
childList.map(function(child, index2) {
return (
// Always wrap provider to avoid sub node re-mount
/* @__PURE__ */ reactExports.createElement(InheritableContextProvider, {
key: child.key,
overflowDisabled: index2 > lastVisibleIndex
}, child)
);
})
);
var container = /* @__PURE__ */ reactExports.createElement(ForwardOverflow, _extends({
id,
ref: containerRef,
prefixCls: "".concat(prefixCls, "-overflow"),
component: "ul",
itemComponent: MenuItem$2,
className: classNames(prefixCls, "".concat(prefixCls, "-root"), "".concat(prefixCls, "-").concat(internalMode), className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-inline-collapsed"), internalInlineCollapsed), "".concat(prefixCls, "-rtl"), isRtl), rootClassName),
dir: direction,
style: style2,
role: "menu",
tabIndex,
data: wrappedChildList,
renderRawItem: function renderRawItem(node2) {
return node2;
},
renderRawRest: function renderRawRest(omitItems) {
var len = omitItems.length;
var originOmitItems = len ? childList.slice(-len) : null;
return /* @__PURE__ */ reactExports.createElement(SubMenu$1, {
eventKey: OVERFLOW_KEY,
title: overflowedIndicator,
disabled: allVisible,
internalPopupClose: len === 0,
popupClassName: overflowedIndicatorPopupClassName
}, originOmitItems);
},
maxCount: internalMode !== "horizontal" || disabledOverflow ? ForwardOverflow.INVALIDATE : ForwardOverflow.RESPONSIVE,
ssr: "full",
"data-menu-list": true,
onVisibleChange: function onVisibleChange(newLastIndex) {
setLastVisibleIndex(newLastIndex);
},
onKeyDown: onInternalKeyDown
}, restProps));
return /* @__PURE__ */ reactExports.createElement(PrivateContext.Provider, {
value: privateContext
}, /* @__PURE__ */ reactExports.createElement(IdContext.Provider, {
value: uuid2
}, /* @__PURE__ */ reactExports.createElement(InheritableContextProvider, {
prefixCls,
rootClassName,
mode: internalMode,
openKeys: mergedOpenKeys,
rtl: isRtl,
disabled,
motion: mounted ? motion : null,
defaultMotions: mounted ? defaultMotions : null,
activeKey: mergedActiveKey,
onActive,
onInactive,
selectedKeys: mergedSelectKeys,
inlineIndent,
subMenuOpenDelay,
subMenuCloseDelay,
forceSubMenuRender,
builtinPlacements,
triggerSubMenuAction,
getPopupContainer,
itemIcon,
expandIcon,
onItemClick: onInternalClick,
onOpenChange: onInternalOpenChange
}, /* @__PURE__ */ reactExports.createElement(PathUserContext.Provider, {
value: pathUserContext
}, container), /* @__PURE__ */ reactExports.createElement("div", {
style: {
display: "none"
},
"aria-hidden": true
}, /* @__PURE__ */ reactExports.createElement(PathRegisterContext.Provider, {
value: registerPathContext
}, measureChildList)))));
});
var ExportMenu = Menu$1;
ExportMenu.Item = MenuItem$2;
ExportMenu.SubMenu = SubMenu$1;
ExportMenu.ItemGroup = MenuItemGroup;
ExportMenu.Divider = Divider$1;
const SiderContext = /* @__PURE__ */ reactExports.createContext({});
var EllipsisOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "ellipsis", "theme": "outlined" };
var EllipsisOutlined = function EllipsisOutlined2(props, ref) {
return /* @__PURE__ */ reactExports.createElement(Icon$2, _extends({}, props, {
ref,
icon: EllipsisOutlined$1
}));
};
var RefIcon$1 = /* @__PURE__ */ reactExports.forwardRef(EllipsisOutlined);
const MenuContext = /* @__PURE__ */ reactExports.createContext({
prefixCls: "",
firstLevel: true,
inlineCollapsed: false
});
var __rest$7 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const MenuDivider = (props) => {
const {
prefixCls: customizePrefixCls,
className,
dashed
} = props, restProps = __rest$7(props, ["prefixCls", "className", "dashed"]);
const {
getPrefixCls
} = reactExports.useContext(ConfigContext);
const prefixCls = getPrefixCls("menu", customizePrefixCls);
const classString = classNames({
[`${prefixCls}-item-divider-dashed`]: !!dashed
}, className);
return /* @__PURE__ */ reactExports.createElement(Divider$1, Object.assign({
className: classString
}, restProps));
};
const MenuItem = (props) => {
var _a;
const {
className,
children,
icon,
title,
danger,
extra
} = props;
const {
prefixCls,
firstLevel,
direction,
disableMenuItemTitleTooltip,
inlineCollapsed: isInlineCollapsed
} = reactExports.useContext(MenuContext);
const renderItemChildren = (inlineCollapsed) => {
const label = children === null || children === void 0 ? void 0 : children[0];
const wrapNode = /* @__PURE__ */ reactExports.createElement("span", {
className: classNames(`${prefixCls}-title-content`, {
[`${prefixCls}-title-content-with-extra`]: !!extra || extra === 0
})
}, children);
if (!icon || /* @__PURE__ */ reactExports.isValidElement(children) && children.type === "span") {
if (children && inlineCollapsed && firstLevel && typeof label === "string") {
return /* @__PURE__ */ reactExports.createElement("div", {
className: `${prefixCls}-inline-collapsed-noicon`
}, label.charAt(0));
}
}
return wrapNode;
};
const {
siderCollapsed
} = reactExports.useContext(SiderContext);
let tooltipTitle = title;
if (typeof title === "undefined") {
tooltipTitle = firstLevel ? children : "";
} else if (title === false) {
tooltipTitle = "";
}
const tooltipProps = {
title: tooltipTitle
};
if (!siderCollapsed && !isInlineCollapsed) {
tooltipProps.title = null;
tooltipProps.open = false;
}
const childrenLength = toArray$2(children).length;
let returnNode = /* @__PURE__ */ reactExports.createElement(MenuItem$2, Object.assign({}, omit(props, ["title", "icon", "danger"]), {
className: classNames({
[`${prefixCls}-item-danger`]: danger,
[`${prefixCls}-item-only-child`]: (icon ? childrenLength + 1 : childrenLength) === 1
}, className),
title: typeof title === "string" ? title : void 0
}), cloneElement(icon, {
className: classNames(/* @__PURE__ */ reactExports.isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : "", `${prefixCls}-item-icon`)
}), renderItemChildren(isInlineCollapsed));
if (!disableMenuItemTitleTooltip) {
returnNode = /* @__PURE__ */ reactExports.createElement(Tooltip2, Object.assign({}, tooltipProps, {
placement: direction === "rtl" ? "left" : "right",
classNames: {
root: `${prefixCls}-inline-collapsed-tooltip`
}
}), returnNode);
}
return returnNode;
};
var __rest$6 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const OverrideContext = /* @__PURE__ */ reactExports.createContext(null);
const OverrideProvider = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
const {
children
} = props, restProps = __rest$6(props, ["children"]);
const override = reactExports.useContext(OverrideContext);
const context = reactExports.useMemo(() => Object.assign(Object.assign({}, override), restProps), [
override,
restProps.prefixCls,
// restProps.expandIcon, Not mark as deps since this is a ReactNode
restProps.mode,
restProps.selectable,
restProps.rootClassName
// restProps.validator, Not mark as deps since this is a function
]);
const canRef = supportNodeRef(children);
const mergedRef = useComposeRef(ref, canRef ? getNodeRef(children) : null);
return /* @__PURE__ */ reactExports.createElement(OverrideContext.Provider, {
value: context
}, /* @__PURE__ */ reactExports.createElement(ContextIsolator, {
space: true
}, canRef ? /* @__PURE__ */ reactExports.cloneElement(children, {
ref: mergedRef
}) : children));
});
const getHorizontalStyle = (token2) => {
const {
componentCls,
motionDurationSlow,
horizontalLineHeight,
colorSplit,
lineWidth,
lineType,
itemPaddingInline
} = token2;
return {
[`${componentCls}-horizontal`]: {
lineHeight: horizontalLineHeight,
border: 0,
borderBottom: `${unit$1(lineWidth)} ${lineType} ${colorSplit}`,
boxShadow: "none",
"&::after": {
display: "block",
clear: "both",
height: 0,
content: '"\\20"'
},
// ======================= Item =======================
[`${componentCls}-item, ${componentCls}-submenu`]: {
position: "relative",
display: "inline-block",
verticalAlign: "bottom",
paddingInline: itemPaddingInline
},
[`> ${componentCls}-item:hover,
> ${componentCls}-item-active,
> ${componentCls}-submenu ${componentCls}-submenu-title:hover`]: {
backgroundColor: "transparent"
},
[`${componentCls}-item, ${componentCls}-submenu-title`]: {
transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`].join(",")
},
// ===================== Sub Menu =====================
[`${componentCls}-submenu-arrow`]: {
display: "none"
}
}
};
};
const getRTLStyle = ({
componentCls,
menuArrowOffset,
calc
}) => ({
[`${componentCls}-rtl`]: {
direction: "rtl"
},
[`${componentCls}-submenu-rtl`]: {
transformOrigin: "100% 0"
},
// Vertical Arrow
[`${componentCls}-rtl${componentCls}-vertical,
${componentCls}-submenu-rtl ${componentCls}-vertical`]: {
[`${componentCls}-submenu-arrow`]: {
"&::before": {
transform: `rotate(-45deg) translateY(${unit$1(calc(menuArrowOffset).mul(-1).equal())})`
},
"&::after": {
transform: `rotate(45deg) translateY(${unit$1(menuArrowOffset)})`
}
}
}
});
const accessibilityFocus = (token2) => Object.assign({}, genFocusOutline(token2));
const getThemeStyle = (token2, themeSuffix) => {
const {
componentCls,
itemColor,
itemSelectedColor,
subMenuItemSelectedColor,
groupTitleColor,
itemBg,
subMenuItemBg,
itemSelectedBg,
activeBarHeight,
activeBarWidth,
activeBarBorderWidth,
motionDurationSlow,
motionEaseInOut,
motionEaseOut,
itemPaddingInline,
motionDurationMid,
itemHoverColor,
lineType,
colorSplit,
// Disabled
itemDisabledColor,
// Danger
dangerItemColor,
dangerItemHoverColor,
dangerItemSelectedColor,
dangerItemActiveBg,
dangerItemSelectedBg,
// Bg
popupBg,
itemHoverBg,
itemActiveBg,
menuSubMenuBg,
// Horizontal
horizontalItemSelectedColor,
horizontalItemSelectedBg,
horizontalItemBorderRadius,
horizontalItemHoverBg
} = token2;
return {
[`${componentCls}-${themeSuffix}, ${componentCls}-${themeSuffix} > ${componentCls}`]: {
color: itemColor,
background: itemBg,
[`&${componentCls}-root:focus-visible`]: Object.assign({}, accessibilityFocus(token2)),
// ======================== Item ========================
[`${componentCls}-item`]: {
"&-group-title, &-extra": {
color: groupTitleColor
}
},
[`${componentCls}-submenu-selected > ${componentCls}-submenu-title`]: {
color: subMenuItemSelectedColor
},
[`${componentCls}-item, ${componentCls}-submenu-title`]: {
color: itemColor,
[`&:not(${componentCls}-item-disabled):focus-visible`]: Object.assign({}, accessibilityFocus(token2))
},
// Disabled
[`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: {
color: `${itemDisabledColor} !important`
},
// Hover
[`${componentCls}-item:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: {
[`&:hover, > ${componentCls}-submenu-title:hover`]: {
color: itemHoverColor
}
},
[`&:not(${componentCls}-horizontal)`]: {
[`${componentCls}-item:not(${componentCls}-item-selected)`]: {
"&:hover": {
backgroundColor: itemHoverBg
},
"&:active": {
backgroundColor: itemActiveBg
}
},
[`${componentCls}-submenu-title`]: {
"&:hover": {
backgroundColor: itemHoverBg
},
"&:active": {
backgroundColor: itemActiveBg
}
}
},
// Danger - only Item has
[`${componentCls}-item-danger`]: {
color: dangerItemColor,
[`&${componentCls}-item:hover`]: {
[`&:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: {
color: dangerItemHoverColor
}
},
[`&${componentCls}-item:active`]: {
background: dangerItemActiveBg
}
},
[`${componentCls}-item a`]: {
"&, &:hover": {
color: "inherit"
}
},
[`${componentCls}-item-selected`]: {
color: itemSelectedColor,
// Danger
[`&${componentCls}-item-danger`]: {
color: dangerItemSelectedColor
},
"a, a:hover": {
color: "inherit"
}
},
[`& ${componentCls}-item-selected`]: {
backgroundColor: itemSelectedBg,
// Danger
[`&${componentCls}-item-danger`]: {
backgroundColor: dangerItemSelectedBg
}
},
[`&${componentCls}-submenu > ${componentCls}`]: {
backgroundColor: menuSubMenuBg
},
// ===== 设置浮层的颜色 =======
// ！dark 模式会被popupBg 会被rest 为 darkPopupBg
[`&${componentCls}-popup > ${componentCls}`]: {
backgroundColor: popupBg
},
[`&${componentCls}-submenu-popup > ${componentCls}`]: {
backgroundColor: popupBg
},
// ===== 设置浮层的颜色 end =======
// ====================== Horizontal ======================
[`&${componentCls}-horizontal`]: Object.assign(Object.assign({}, themeSuffix === "dark" ? {
borderBottom: 0
} : {}), {
[`> ${componentCls}-item, > ${componentCls}-submenu`]: {
top: activeBarBorderWidth,
marginTop: token2.calc(activeBarBorderWidth).mul(-1).equal(),
marginBottom: 0,
borderRadius: horizontalItemBorderRadius,
"&::after": {
position: "absolute",
insetInline: itemPaddingInline,
bottom: 0,
borderBottom: `${unit$1(activeBarHeight)} solid transparent`,
transition: `border-color ${motionDurationSlow} ${motionEaseInOut}`,
content: '""'
},
"&:hover, &-active, &-open": {
background: horizontalItemHoverBg,
"&::after": {
borderBottomWidth: activeBarHeight,
borderBottomColor: horizontalItemSelectedColor
}
},
"&-selected": {
color: horizontalItemSelectedColor,
backgroundColor: horizontalItemSelectedBg,
"&:hover": {
backgroundColor: horizontalItemSelectedBg
},
"&::after": {
borderBottomWidth: activeBarHeight,
borderBottomColor: horizontalItemSelectedColor
}
}
}
}),
// ================== Inline & Vertical ===================
//
[`&${componentCls}-root`]: {
[`&${componentCls}-inline, &${componentCls}-vertical`]: {
borderInlineEnd: `${unit$1(activeBarBorderWidth)} ${lineType} ${colorSplit}`
}
},
// ======================== Inline ========================
[`&${componentCls}-inline`]: {
// Sub
[`${componentCls}-sub${componentCls}-inline`]: {
background: subMenuItemBg
},
[`${componentCls}-item`]: {
position: "relative",
"&::after": {
position: "absolute",
insetBlock: 0,
insetInlineEnd: 0,
borderInlineEnd: `${unit$1(activeBarWidth)} solid ${itemSelectedColor}`,
transform: "scaleY(0.0001)",
opacity: 0,
transition: [`transform ${motionDurationMid} ${motionEaseOut}`, `opacity ${motionDurationMid} ${motionEaseOut}`].join(","),
content: '""'
},
// Danger
[`&${componentCls}-item-danger`]: {
"&::after": {
borderInlineEndColor: dangerItemSelectedColor
}
}
},
[`${componentCls}-selected, ${componentCls}-item-selected`]: {
"&::after": {
transform: "scaleY(1)",
opacity: 1,
transition: [`transform ${motionDurationMid} ${motionEaseInOut}`, `opacity ${motionDurationMid} ${motionEaseInOut}`].join(",")
}
}
}
}
};
};
const getVerticalInlineStyle = (token2) => {
const {
componentCls,
itemHeight,
itemMarginInline,
padding,
menuArrowSize,
marginXS,
itemMarginBlock,
itemWidth,
itemPaddingInline
} = token2;
const paddingWithArrow = token2.calc(menuArrowSize).add(padding).add(marginXS).equal();
return {
[`${componentCls}-item`]: {
position: "relative",
overflow: "hidden"
},
[`${componentCls}-item, ${componentCls}-submenu-title`]: {
height: itemHeight,
lineHeight: unit$1(itemHeight),
paddingInline: itemPaddingInline,
overflow: "hidden",
textOverflow: "ellipsis",
marginInline: itemMarginInline,
marginBlock: itemMarginBlock,
width: itemWidth
},
[`> ${componentCls}-item,
> ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
height: itemHeight,
lineHeight: unit$1(itemHeight)
},
[`${componentCls}-item-group-list ${componentCls}-submenu-title,
${componentCls}-submenu-title`]: {
paddingInlineEnd: paddingWithArrow
}
};
};
const getVerticalStyle = (token2) => {
const {
componentCls,
iconCls,
itemHeight,
colorTextLightSolid,
dropdownWidth,
controlHeightLG,
motionEaseOut,
paddingXL,
itemMarginInline,
fontSizeLG,
motionDurationFast,
motionDurationSlow,
paddingXS,
boxShadowSecondary,
collapsedWidth,
collapsedIconSize
} = token2;
const inlineItemStyle = {
height: itemHeight,
lineHeight: unit$1(itemHeight),
listStylePosition: "inside",
listStyleType: "disc"
};
return [
{
[componentCls]: {
"&-inline, &-vertical": Object.assign({
[`&${componentCls}-root`]: {
boxShadow: "none"
}
}, getVerticalInlineStyle(token2))
},
[`${componentCls}-submenu-popup`]: {
[`${componentCls}-vertical`]: Object.assign(Object.assign({}, getVerticalInlineStyle(token2)), {
boxShadow: boxShadowSecondary
})
}
},
// Vertical only
{
[`${componentCls}-submenu-popup ${componentCls}-vertical${componentCls}-sub`]: {
minWidth: dropdownWidth,
maxHeight: `calc(100vh - ${unit$1(token2.calc(controlHeightLG).mul(2.5).equal())})`,
padding: "0",
overflow: "hidden",
borderInlineEnd: 0,
// https://github.com/ant-design/ant-design/issues/22244
// https://github.com/ant-design/ant-design/issues/26812
"&:not([class*='-active'])": {
overflowX: "hidden",
overflowY: "auto"
}
}
},
// Inline Only
{
[`${componentCls}-inline`]: {
width: "100%",
// Motion enhance for first level
[`&${componentCls}-root`]: {
[`${componentCls}-item, ${componentCls}-submenu-title`]: {
display: "flex",
alignItems: "center",
transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding ${motionDurationFast} ${motionEaseOut}`].join(","),
[`> ${componentCls}-title-content`]: {
flex: "auto",
minWidth: 0,
overflow: "hidden",
textOverflow: "ellipsis"
},
"> *": {
flex: "none"
}
}
},
// >>>>> Sub
[`${componentCls}-sub${componentCls}-inline`]: {
padding: 0,
border: 0,
borderRadius: 0,
boxShadow: "none",
[`& > ${componentCls}-submenu > ${componentCls}-submenu-title`]: inlineItemStyle,
[`& ${componentCls}-item-group-title`]: {
paddingInlineStart: paddingXL
}
},
// >>>>> Item
[`${componentCls}-item`]: inlineItemStyle
}
},
// Inline Collapse Only
{
[`${componentCls}-inline-collapsed`]: {
width: collapsedWidth,
[`&${componentCls}-root`]: {
[`${componentCls}-item, ${componentCls}-submenu ${componentCls}-submenu-title`]: {
[`> ${componentCls}-inline-collapsed-noicon`]: {
fontSize: fontSizeLG,
textAlign: "center"
}
}
},
[`> ${componentCls}-item,
> ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-item,
> ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-submenu > ${componentCls}-submenu-title,
> ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
insetInlineStart: 0,
paddingInline: `calc(50% - ${unit$1(token2.calc(collapsedIconSize).div(2).equal())} - ${unit$1(itemMarginInline)})`,
textOverflow: "clip",
[`
${componentCls}-submenu-arrow,
${componentCls}-submenu-expand-icon
`]: {
opacity: 0
},
[`${componentCls}-item-icon, ${iconCls}`]: {
margin: 0,
fontSize: collapsedIconSize,
lineHeight: unit$1(itemHeight),
"+ span": {
display: "inline-block",
opacity: 0
}
}
},
[`${componentCls}-item-icon, ${iconCls}`]: {
display: "inline-block"
},
"&-tooltip": {
pointerEvents: "none",
[`${componentCls}-item-icon, ${iconCls}`]: {
display: "none"
},
"a, a:hover": {
color: colorTextLightSolid
}
},
[`${componentCls}-item-group-title`]: Object.assign(Object.assign({}, textEllipsis), {
paddingInline: paddingXS
})
}
}
];
};
const genMenuItemStyle = (token2) => {
const {
componentCls,
motionDurationSlow,
motionDurationMid,
motionEaseInOut,
motionEaseOut,
iconCls,
iconSize,
iconMarginInlineEnd
} = token2;
return {
// >>>>> Item
[`${componentCls}-item, ${componentCls}-submenu-title`]: {
position: "relative",
display: "block",
margin: 0,
whiteSpace: "nowrap",
cursor: "pointer",
transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding calc(${motionDurationSlow} + 0.1s) ${motionEaseInOut}`].join(","),
[`${componentCls}-item-icon, ${iconCls}`]: {
minWidth: iconSize,
fontSize: iconSize,
transition: [`font-size ${motionDurationMid} ${motionEaseOut}`, `margin ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow}`].join(","),
"+ span": {
marginInlineStart: iconMarginInlineEnd,
opacity: 1,
transition: [`opacity ${motionDurationSlow} ${motionEaseInOut}`, `margin ${motionDurationSlow}`, `color ${motionDurationSlow}`].join(",")
}
},
[`${componentCls}-item-icon`]: Object.assign({}, resetIcon()),
[`&${componentCls}-item-only-child`]: {
[`> ${iconCls}, > ${componentCls}-item-icon`]: {
marginInlineEnd: 0
}
}
},
// Disabled state sets text to gray and nukes hover/tab effects
[`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: {
background: "none !important",
cursor: "not-allowed",
"&::after": {
borderColor: "transparent !important"
},
a: {
color: "inherit !important",
cursor: "not-allowed",
pointerEvents: "none"
},
[`> ${componentCls}-submenu-title`]: {
color: "inherit !important",
cursor: "not-allowed"
}
}
};
};
const genSubMenuArrowStyle = (token2) => {
const {
componentCls,
motionDurationSlow,
motionEaseInOut,
borderRadius,
menuArrowSize,
menuArrowOffset
} = token2;
return {
[`${componentCls}-submenu`]: {
"&-expand-icon, &-arrow": {
position: "absolute",
top: "50%",
insetInlineEnd: token2.margin,
width: menuArrowSize,
color: "currentcolor",
transform: "translateY(-50%)",
transition: `transform ${motionDurationSlow} ${motionEaseInOut}, opacity ${motionDurationSlow}`
},
"&-arrow": {
// →
"&::before, &::after": {
position: "absolute",
width: token2.calc(menuArrowSize).mul(0.6).equal(),
height: token2.calc(menuArrowSize).mul(0.15).equal(),
backgroundColor: "currentcolor",
borderRadius,
transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `transform ${motionDurationSlow} ${motionEaseInOut}`, `top ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow} ${motionEaseInOut}`].join(","),
content: '""'
},
"&::before": {
transform: `rotate(45deg) translateY(${unit$1(token2.calc(menuArrowOffset).mul(-1).equal())})`
},
"&::after": {
transform: `rotate(-45deg) translateY(${unit$1(menuArrowOffset)})`
}
}
}
};
};
const getBaseStyle = (token2) => {
const {
antCls,
componentCls,
fontSize,
motionDurationSlow,
motionDurationMid,
motionEaseInOut,
paddingXS,
padding,
colorSplit,
lineWidth,
zIndexPopup,
borderRadiusLG,
subMenuItemBorderRadius,
menuArrowSize,
menuArrowOffset,
lineType,
groupTitleLineHeight,
groupTitleFontSize
} = token2;
return [
// Misc
{
"": {
[componentCls]: Object.assign(Object.assign({}, clearFix()), {
// Hidden
"&-hidden": {
display: "none"
}
})
},
[`${componentCls}-submenu-hidden`]: {
display: "none"
}
},
{
[componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token2)), clearFix()), {
marginBottom: 0,
paddingInlineStart: 0,
// Override default ul/ol
fontSize,
lineHeight: 0,
listStyle: "none",
outline: "none",
// Magic cubic here but smooth transition
transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
"ul, ol": {
margin: 0,
padding: 0,
listStyle: "none"
},
// Overflow ellipsis
"&-overflow": {
display: "flex",
[`${componentCls}-item`]: {
flex: "none"
}
},
[`${componentCls}-item, ${componentCls}-submenu, ${componentCls}-submenu-title`]: {
borderRadius: token2.itemBorderRadius
},
[`${componentCls}-item-group-title`]: {
padding: `${unit$1(paddingXS)} ${unit$1(padding)}`,
fontSize: groupTitleFontSize,
lineHeight: groupTitleLineHeight,
transition: `all ${motionDurationSlow}`
},
[`&-horizontal ${componentCls}-submenu`]: {
transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`].join(",")
},
[`${componentCls}-submenu, ${componentCls}-submenu-inline`]: {
transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationMid} ${motionEaseInOut}`].join(",")
},
[`${componentCls}-submenu ${componentCls}-sub`]: {
cursor: "initial",
transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(",")
},
[`${componentCls}-title-content`]: {
transition: `color ${motionDurationSlow}`,
"&-with-extra": {
display: "inline-flex",
alignItems: "center",
width: "100%"
},
// https://github.com/ant-design/ant-design/issues/41143
[`> ${antCls}-typography-ellipsis-single-line`]: {
display: "inline",
verticalAlign: "unset"
},
[`${componentCls}-item-extra`]: {
marginInlineStart: "auto",
paddingInlineStart: token2.padding
}
},
[`${componentCls}-item a`]: {
"&::before": {
position: "absolute",
inset: 0,
backgroundColor: "transparent",
content: '""'
}
},
// Removed a Badge related style seems it's safe
// https://github.com/ant-design/ant-design/issues/19809
// >>>>> Divider
[`${componentCls}-item-divider`]: {
overflow: "hidden",
lineHeight: 0,
borderColor: colorSplit,
borderStyle: lineType,
borderWidth: 0,
borderTopWidth: lineWidth,
marginBlock: lineWidth,
padding: 0,
"&-dashed": {
borderStyle: "dashed"
}
}
}), genMenuItemStyle(token2)), {
[`${componentCls}-item-group`]: {
[`${componentCls}-item-group-list`]: {
margin: 0,
padding: 0,
[`${componentCls}-item, ${componentCls}-submenu-title`]: {
paddingInline: `${unit$1(token2.calc(fontSize).mul(2).equal())} ${unit$1(padding)}`
}
}
},
// ======================= Sub Menu =======================
"&-submenu": {
"&-popup": {
position: "absolute",
zIndex: zIndexPopup,
borderRadius: borderRadiusLG,
boxShadow: "none",
transformOrigin: "0 0",
[`&${componentCls}-submenu`]: {
background: "transparent"
},
// https://github.com/ant-design/ant-design/issues/13955
"&::before": {
position: "absolute",
inset: 0,
zIndex: -1,
width: "100%",
height: "100%",
opacity: 0,
content: '""'
},
[`> ${componentCls}`]: Object.assign(Object.assign(Object.assign({
borderRadius: borderRadiusLG
}, genMenuItemStyle(token2)), genSubMenuArrowStyle(token2)), {
[`${componentCls}-item, ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
borderRadius: subMenuItemBorderRadius
},
[`${componentCls}-submenu-title::after`]: {
transition: `transform ${motionDurationSlow} ${motionEaseInOut}`
}
})
},
[`
&-placement-leftTop,
&-placement-bottomRight,
`]: {
transformOrigin: "100% 0"
},
[`
&-placement-leftBottom,
&-placement-topRight,
`]: {
transformOrigin: "100% 100%"
},
[`
&-placement-rightBottom,
&-placement-topLeft,
`]: {
transformOrigin: "0 100%"
},
[`
&-placement-bottomLeft,
&-placement-rightTop,
`]: {
transformOrigin: "0 0"
},
[`
&-placement-leftTop,
&-placement-leftBottom
`]: {
paddingInlineEnd: token2.paddingXS
},
[`
&-placement-rightTop,
&-placement-rightBottom
`]: {
paddingInlineStart: token2.paddingXS
},
[`
&-placement-topRight,
&-placement-topLeft
`]: {
paddingBottom: token2.paddingXS
},
[`
&-placement-bottomRight,
&-placement-bottomLeft
`]: {
paddingTop: token2.paddingXS
}
}
}), genSubMenuArrowStyle(token2)), {
[`&-inline-collapsed ${componentCls}-submenu-arrow,
&-inline ${componentCls}-submenu-arrow`]: {
// ↓
"&::before": {
transform: `rotate(-45deg) translateX(${unit$1(menuArrowOffset)})`
},
"&::after": {
transform: `rotate(45deg) translateX(${unit$1(token2.calc(menuArrowOffset).mul(-1).equal())})`
}
},
[`${componentCls}-submenu-open${componentCls}-submenu-inline > ${componentCls}-submenu-title > ${componentCls}-submenu-arrow`]: {
// ↑
transform: `translateY(${unit$1(token2.calc(menuArrowSize).mul(0.2).mul(-1).equal())})`,
"&::after": {
transform: `rotate(-45deg) translateX(${unit$1(token2.calc(menuArrowOffset).mul(-1).equal())})`
},
"&::before": {
transform: `rotate(45deg) translateX(${unit$1(menuArrowOffset)})`
}
}
})
},
// Integration with header element so menu items have the same height
{
[`${antCls}-layout-header`]: {
[componentCls]: {
lineHeight: "inherit"
}
}
}
];
};
const prepareComponentToken$3 = (token2) => {
var _a, _b, _c;
const {
colorPrimary,
colorError,
colorTextDisabled,
colorErrorBg,
colorText,
colorTextDescription,
colorBgContainer,
colorFillAlter,
colorFillContent,
lineWidth,
lineWidthBold,
controlItemBgActive,
colorBgTextHover,
controlHeightLG,
lineHeight,
colorBgElevated,
marginXXS,
padding,
fontSize,
controlHeightSM,
fontSizeLG,
colorTextLightSolid,
colorErrorHover
} = token2;
const activeBarWidth = (_a = token2.activeBarWidth) !== null && _a !== void 0 ? _a : 0;
const activeBarBorderWidth = (_b = token2.activeBarBorderWidth) !== null && _b !== void 0 ? _b : lineWidth;
const itemMarginInline = (_c = token2.itemMarginInline) !== null && _c !== void 0 ? _c : token2.marginXXS;
const colorTextDark = new FastColor(colorTextLightSolid).setA(0.65).toRgbString();
return {
dropdownWidth: 160,
zIndexPopup: token2.zIndexPopupBase + 50,
radiusItem: token2.borderRadiusLG,
itemBorderRadius: token2.borderRadiusLG,
radiusSubMenuItem: token2.borderRadiusSM,
subMenuItemBorderRadius: token2.borderRadiusSM,
colorItemText: colorText,
itemColor: colorText,
colorItemTextHover: colorText,
itemHoverColor: colorText,
colorItemTextHoverHorizontal: colorPrimary,
horizontalItemHoverColor: colorPrimary,
colorGroupTitle: colorTextDescription,
groupTitleColor: colorTextDescription,
colorItemTextSelected: colorPrimary,
itemSelectedColor: colorPrimary,
subMenuItemSelectedColor: colorPrimary,
colorItemTextSelectedHorizontal: colorPrimary,
horizontalItemSelectedColor: colorPrimary,
colorItemBg: colorBgContainer,
itemBg: colorBgContainer,
colorItemBgHover: colorBgTextHover,
itemHoverBg: colorBgTextHover,
colorItemBgActive: colorFillContent,
itemActiveBg: controlItemBgActive,
colorSubItemBg: colorFillAlter,
subMenuItemBg: colorFillAlter,
colorItemBgSelected: controlItemBgActive,
itemSelectedBg: controlItemBgActive,
colorItemBgSelectedHorizontal: "transparent",
horizontalItemSelectedBg: "transparent",
colorActiveBarWidth: 0,
activeBarWidth,
colorActiveBarHeight: lineWidthBold,
activeBarHeight: lineWidthBold,
colorActiveBarBorderSize: lineWidth,
activeBarBorderWidth,
// Disabled
colorItemTextDisabled: colorTextDisabled,
itemDisabledColor: colorTextDisabled,
// Danger
colorDangerItemText: colorError,
dangerItemColor: colorError,
colorDangerItemTextHover: colorError,
dangerItemHoverColor: colorError,
colorDangerItemTextSelected: colorError,
dangerItemSelectedColor: colorError,
colorDangerItemBgActive: colorErrorBg,
dangerItemActiveBg: colorErrorBg,
colorDangerItemBgSelected: colorErrorBg,
dangerItemSelectedBg: colorErrorBg,
itemMarginInline,
horizontalItemBorderRadius: 0,
horizontalItemHoverBg: "transparent",
itemHeight: controlHeightLG,
groupTitleLineHeight: lineHeight,
collapsedWidth: controlHeightLG * 2,
popupBg: colorBgElevated,
itemMarginBlock: marginXXS,
itemPaddingInline: padding,
horizontalLineHeight: `${controlHeightLG * 1.15}px`,
iconSize: fontSize,
iconMarginInlineEnd: controlHeightSM - fontSize,
collapsedIconSize: fontSizeLG,
groupTitleFontSize: fontSize,
// Disabled
darkItemDisabledColor: new FastColor(colorTextLightSolid).setA(0.25).toRgbString(),
// Dark
darkItemColor: colorTextDark,
darkDangerItemColor: colorError,
darkItemBg: "#001529",
darkPopupBg: "#001529",
darkSubMenuItemBg: "#000c17",
darkItemSelectedColor: colorTextLightSolid,
darkItemSelectedBg: colorPrimary,
darkDangerItemSelectedBg: colorError,
darkItemHoverBg: "transparent",
darkGroupTitleColor: colorTextDark,
darkItemHoverColor: colorTextLightSolid,
darkDangerItemHoverColor: colorErrorHover,
darkDangerItemSelectedColor: colorTextLightSolid,
darkDangerItemActiveBg: colorError,
// internal
itemWidth: activeBarWidth ? `calc(100% + ${activeBarBorderWidth}px)` : `calc(100% - ${itemMarginInline * 2}px)`
};
};
const useStyle$3 = (prefixCls, rootCls = prefixCls, injectStyle = true) => {
const useStyle2 = genStyleHooks("Menu", (token2) => {
const {
colorBgElevated,
controlHeightLG,
fontSize,
darkItemColor,
darkDangerItemColor,
darkItemBg,
darkSubMenuItemBg,
darkItemSelectedColor,
darkItemSelectedBg,
darkDangerItemSelectedBg,
darkItemHoverBg,
darkGroupTitleColor,
darkItemHoverColor,
darkItemDisabledColor,
darkDangerItemHoverColor,
darkDangerItemSelectedColor,
darkDangerItemActiveBg,
popupBg,
darkPopupBg
} = token2;
const menuArrowSize = token2.calc(fontSize).div(7).mul(5).equal();
const menuToken = merge(token2, {
menuArrowSize,
menuHorizontalHeight: token2.calc(controlHeightLG).mul(1.15).equal(),
menuArrowOffset: token2.calc(menuArrowSize).mul(0.25).equal(),
menuSubMenuBg: colorBgElevated,
calc: token2.calc,
popupBg
});
const menuDarkToken = merge(menuToken, {
itemColor: darkItemColor,
itemHoverColor: darkItemHoverColor,
groupTitleColor: darkGroupTitleColor,
itemSelectedColor: darkItemSelectedColor,
subMenuItemSelectedColor: darkItemSelectedColor,
itemBg: darkItemBg,
popupBg: darkPopupBg,
subMenuItemBg: darkSubMenuItemBg,
itemActiveBg: "transparent",
itemSelectedBg: darkItemSelectedBg,
activeBarHeight: 0,
activeBarBorderWidth: 0,
itemHoverBg: darkItemHoverBg,
// Disabled
itemDisabledColor: darkItemDisabledColor,
// Danger
dangerItemColor: darkDangerItemColor,
dangerItemHoverColor: darkDangerItemHoverColor,
dangerItemSelectedColor: darkDangerItemSelectedColor,
dangerItemActiveBg: darkDangerItemActiveBg,
dangerItemSelectedBg: darkDangerItemSelectedBg,
menuSubMenuBg: darkSubMenuItemBg,
// Horizontal
horizontalItemSelectedColor: darkItemSelectedColor,
horizontalItemSelectedBg: darkItemSelectedBg
});
return [
// Basic
getBaseStyle(menuToken),
// Horizontal
getHorizontalStyle(menuToken),
// Hard code for some light style
// Vertical
getVerticalStyle(menuToken),
// Hard code for some light style
// Theme
getThemeStyle(menuToken, "light"),
getThemeStyle(menuDarkToken, "dark"),
// RTL
getRTLStyle(menuToken),
// Motion
genCollapseMotion(menuToken),
initSlideMotion(menuToken, "slide-up"),
initSlideMotion(menuToken, "slide-down"),
initZoomMotion(menuToken, "zoom-big")
];
}, prepareComponentToken$3, {
deprecatedTokens: [["colorGroupTitle", "groupTitleColor"], ["radiusItem", "itemBorderRadius"], ["radiusSubMenuItem", "subMenuItemBorderRadius"], ["colorItemText", "itemColor"], ["colorItemTextHover", "itemHoverColor"], ["colorItemTextHoverHorizontal", "horizontalItemHoverColor"], ["colorItemTextSelected", "itemSelectedColor"], ["colorItemTextSelectedHorizontal", "horizontalItemSelectedColor"], ["colorItemTextDisabled", "itemDisabledColor"], ["colorDangerItemText", "dangerItemColor"], ["colorDangerItemTextHover", "dangerItemHoverColor"], ["colorDangerItemTextSelected", "dangerItemSelectedColor"], ["colorDangerItemBgActive", "dangerItemActiveBg"], ["colorDangerItemBgSelected", "dangerItemSelectedBg"], ["colorItemBg", "itemBg"], ["colorItemBgHover", "itemHoverBg"], ["colorSubItemBg", "subMenuItemBg"], ["colorItemBgActive", "itemActiveBg"], ["colorItemBgSelectedHorizontal", "horizontalItemSelectedBg"], ["colorActiveBarWidth", "activeBarWidth"], ["colorActiveBarHeight", "activeBarHeight"], ["colorActiveBarBorderSize", "activeBarBorderWidth"], ["colorItemBgSelected", "itemSelectedBg"]],
// Dropdown will handle menu style self. We do not need to handle this.
injectStyle,
unitless: {
groupTitleLineHeight: true
}
});
return useStyle2(prefixCls, rootCls);
};
const SubMenu = (props) => {
var _a;
const {
popupClassName,
icon,
title,
theme: customTheme
} = props;
const context = reactExports.useContext(MenuContext);
const {
prefixCls,
inlineCollapsed,
theme: contextTheme
} = context;
const parentPath = useFullPath();
let titleNode;
if (!icon) {
titleNode = inlineCollapsed && !parentPath.length && title && typeof title === "string" ? /* @__PURE__ */ reactExports.createElement("div", {
className: `${prefixCls}-inline-collapsed-noicon`
}, title.charAt(0)) : /* @__PURE__ */ reactExports.createElement("span", {
className: `${prefixCls}-title-content`
}, title);
} else {
const titleIsSpan = /* @__PURE__ */ reactExports.isValidElement(title) && title.type === "span";
titleNode = /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, cloneElement(icon, {
className: classNames(/* @__PURE__ */ reactExports.isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : "", `${prefixCls}-item-icon`)
}), titleIsSpan ? title : /* @__PURE__ */ reactExports.createElement("span", {
className: `${prefixCls}-title-content`
}, title));
}
const contextValue = reactExports.useMemo(() => Object.assign(Object.assign({}, context), {
firstLevel: false
}), [context]);
const [zIndex] = useZIndex("Menu");
return /* @__PURE__ */ reactExports.createElement(MenuContext.Provider, {
value: contextValue
}, /* @__PURE__ */ reactExports.createElement(SubMenu$1, Object.assign({}, omit(props, ["icon"]), {
title: titleNode,
popupClassName: classNames(prefixCls, popupClassName, `${prefixCls}-${customTheme || contextTheme}`),
popupStyle: Object.assign({
zIndex
}, props.popupStyle)
})));
};
var __rest$5 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
function isEmptyIcon(icon) {
return icon === null || icon === false;
}
const MENU_COMPONENTS = {
item: MenuItem,
submenu: SubMenu,
divider: MenuDivider
};
const InternalMenu = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
var _a;
const override = reactExports.useContext(OverrideContext);
const overrideObj = override || {};
const {
getPrefixCls,
getPopupContainer,
direction,
menu
} = reactExports.useContext(ConfigContext);
const rootPrefixCls = getPrefixCls();
const {
prefixCls: customizePrefixCls,
className,
style: style2,
theme: theme2 = "light",
expandIcon,
_internalDisableMenuItemTitleTooltip,
inlineCollapsed,
siderCollapsed,
rootClassName,
mode,
selectable,
onClick,
overflowedIndicatorPopupClassName
} = props, restProps = __rest$5(props, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]);
const passedProps = omit(restProps, ["collapsedWidth"]);
(_a = overrideObj.validator) === null || _a === void 0 ? void 0 : _a.call(overrideObj, {
mode
});
const onItemClick = useEvent((...args) => {
var _a2;
onClick === null || onClick === void 0 ? void 0 : onClick.apply(void 0, args);
(_a2 = overrideObj.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(overrideObj);
});
const mergedMode = overrideObj.mode || mode;
const mergedSelectable = selectable !== null && selectable !== void 0 ? selectable : overrideObj.selectable;
const mergedInlineCollapsed = inlineCollapsed !== null && inlineCollapsed !== void 0 ? inlineCollapsed : siderCollapsed;
const defaultMotions = {
horizontal: {
motionName: `${rootPrefixCls}-slide-up`
},
inline: initCollapseMotion(rootPrefixCls),
other: {
motionName: `${rootPrefixCls}-zoom-big`
}
};
const prefixCls = getPrefixCls("menu", customizePrefixCls || overrideObj.prefixCls);
const rootCls = useCSSVarCls(prefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle$3(prefixCls, rootCls, !override);
const menuClassName = classNames(`${prefixCls}-${theme2}`, menu === null || menu === void 0 ? void 0 : menu.className, className);
const mergedExpandIcon = reactExports.useMemo(() => {
var _a2, _b;
if (typeof expandIcon === "function" || isEmptyIcon(expandIcon)) {
return expandIcon || null;
}
if (typeof overrideObj.expandIcon === "function" || isEmptyIcon(overrideObj.expandIcon)) {
return overrideObj.expandIcon || null;
}
if (typeof (menu === null || menu === void 0 ? void 0 : menu.expandIcon) === "function" || isEmptyIcon(menu === null || menu === void 0 ? void 0 : menu.expandIcon)) {
return (menu === null || menu === void 0 ? void 0 : menu.expandIcon) || null;
}
const mergedIcon = (_a2 = expandIcon !== null && expandIcon !== void 0 ? expandIcon : overrideObj === null || overrideObj === void 0 ? void 0 : overrideObj.expandIcon) !== null && _a2 !== void 0 ? _a2 : menu === null || menu === void 0 ? void 0 : menu.expandIcon;
return cloneElement(mergedIcon, {
className: classNames(`${prefixCls}-submenu-expand-icon`, /* @__PURE__ */ reactExports.isValidElement(mergedIcon) ? (_b = mergedIcon.props) === null || _b === void 0 ? void 0 : _b.className : void 0)
});
}, [expandIcon, overrideObj === null || overrideObj === void 0 ? void 0 : overrideObj.expandIcon, menu === null || menu === void 0 ? void 0 : menu.expandIcon, prefixCls]);
const contextValue = reactExports.useMemo(() => ({
prefixCls,
inlineCollapsed: mergedInlineCollapsed || false,
direction,
firstLevel: true,
theme: theme2,
mode: mergedMode,
disableMenuItemTitleTooltip: _internalDisableMenuItemTitleTooltip
}), [prefixCls, mergedInlineCollapsed, direction, _internalDisableMenuItemTitleTooltip, theme2]);
return wrapCSSVar(/* @__PURE__ */ reactExports.createElement(OverrideContext.Provider, {
value: null
}, /* @__PURE__ */ reactExports.createElement(MenuContext.Provider, {
value: contextValue
}, /* @__PURE__ */ reactExports.createElement(ExportMenu, Object.assign({
getPopupContainer,
overflowedIndicator: /* @__PURE__ */ reactExports.createElement(RefIcon$1, null),
overflowedIndicatorPopupClassName: classNames(prefixCls, `${prefixCls}-${theme2}`, overflowedIndicatorPopupClassName),
mode: mergedMode,
selectable: mergedSelectable,
onClick: onItemClick
}, passedProps, {
inlineCollapsed: mergedInlineCollapsed,
style: Object.assign(Object.assign({}, menu === null || menu === void 0 ? void 0 : menu.style), style2),
className: menuClassName,
prefixCls,
direction,
defaultMotions,
expandIcon: mergedExpandIcon,
ref,
rootClassName: classNames(rootClassName, hashId, overrideObj.rootClassName, cssVarCls, rootCls),
_internalComponents: MENU_COMPONENTS
})))));
});
const Menu = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
const menuRef = reactExports.useRef(null);
const context = reactExports.useContext(SiderContext);
reactExports.useImperativeHandle(ref, () => ({
menu: menuRef.current,
focus: (options) => {
var _a;
(_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.focus(options);
}
}));
return /* @__PURE__ */ reactExports.createElement(InternalMenu, Object.assign({
ref: menuRef
}, props, context));
});
Menu.Item = MenuItem;
Menu.SubMenu = SubMenu;
Menu.Divider = MenuDivider;
Menu.ItemGroup = MenuItemGroup;
const genStatusStyle = (token2) => {
const {
componentCls,
menuCls,
colorError,
colorTextLightSolid
} = token2;
const itemCls = `${menuCls}-item`;
return {
[`${componentCls}, ${componentCls}-menu-submenu`]: {
[`${menuCls} ${itemCls}`]: {
[`&${itemCls}-danger:not(${itemCls}-disabled)`]: {
color: colorError,
"&:hover": {
color: colorTextLightSolid,
backgroundColor: colorError
}
}
}
}
};
};
const genBaseStyle = (token2) => {
const {
componentCls,
menuCls,
zIndexPopup,
dropdownArrowDistance,
sizePopupArrow,
antCls,
iconCls,
motionDurationMid,
paddingBlock,
fontSize,
dropdownEdgeChildPadding,
colorTextDisabled,
fontSizeIcon,
controlPaddingHorizontal,
colorBgElevated
} = token2;
return [
{
[componentCls]: {
position: "absolute",
top: -9999,
left: {
_skip_check_: true,
value: -9999
},
zIndex: zIndexPopup,
display: "block",
// A placeholder out of dropdown visible range to avoid close when user moving
"&::before": {
position: "absolute",
insetBlock: token2.calc(sizePopupArrow).div(2).sub(dropdownArrowDistance).equal(),
// insetInlineStart: -7, // FIXME: Seems not work for hidden element
zIndex: -9999,
opacity: 1e-4,
content: '""'
},
// Makes vertical dropdowns have a scrollbar once they become taller than the viewport.
"&-menu-vertical": {
maxHeight: "100vh",
overflowY: "auto"
},
[`&-trigger${antCls}-btn`]: {
[`& > ${iconCls}-down, & > ${antCls}-btn-icon > ${iconCls}-down`]: {
fontSize: fontSizeIcon
}
},
[`${componentCls}-wrap`]: {
position: "relative",
[`${antCls}-btn > ${iconCls}-down`]: {
fontSize: fontSizeIcon
},
[`${iconCls}-down::before`]: {
transition: `transform ${motionDurationMid}`
}
},
[`${componentCls}-wrap-open`]: {
[`${iconCls}-down::before`]: {
transform: `rotate(180deg)`
}
},
[`
&-hidden,
&-menu-hidden,
&-menu-submenu-hidden
`]: {
display: "none"
},
// =============================================================
// == Motion ==
// =============================================================
// When position is not enough for dropdown, the placement will revert.
// We will handle this with revert motion name.
[`&${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomLeft,
&${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomLeft,
&${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottom,
&${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottom,
&${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomRight,
&${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomRight`]: {
animationName: slideUpIn
},
[`&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topLeft,
&${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topLeft,
&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-top,
&${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-top,
&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topRight,
&${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topRight`]: {
animationName: slideDownIn
},
[`&${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomLeft,
&${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottom,
&${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomRight`]: {
animationName: slideUpOut
},
[`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topLeft,
&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-top,
&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topRight`]: {
animationName: slideDownOut
}
}
},
// =============================================================
// == Arrow style ==
// =============================================================
getArrowStyle(token2, colorBgElevated, {
arrowPlacement: {
top: true,
bottom: true
}
}),
{
// =============================================================
// == Menu ==
// =============================================================
[`${componentCls} ${menuCls}`]: {
position: "relative",
margin: 0
},
[`${menuCls}-submenu-popup`]: {
position: "absolute",
zIndex: zIndexPopup,
background: "transparent",
boxShadow: "none",
transformOrigin: "0 0",
"ul, li": {
listStyle: "none",
margin: 0
}
},
[`${componentCls}, ${componentCls}-menu-submenu`]: Object.assign(Object.assign({}, resetComponent(token2)), {
[menuCls]: Object.assign(Object.assign({
padding: dropdownEdgeChildPadding,
listStyleType: "none",
backgroundColor: colorBgElevated,
backgroundClip: "padding-box",
borderRadius: token2.borderRadiusLG,
outline: "none",
boxShadow: token2.boxShadowSecondary
}, genFocusStyle(token2)), {
"&:empty": {
padding: 0,
boxShadow: "none"
},
[`${menuCls}-item-group-title`]: {
padding: `${unit$1(paddingBlock)} ${unit$1(controlPaddingHorizontal)}`,
color: token2.colorTextDescription,
transition: `all ${motionDurationMid}`
},
// ======================= Item Content =======================
[`${menuCls}-item`]: {
position: "relative",
display: "flex",
alignItems: "center"
},
[`${menuCls}-item-icon`]: {
minWidth: fontSize,
marginInlineEnd: token2.marginXS,
fontSize: token2.fontSizeSM
},
[`${menuCls}-title-content`]: {
flex: "auto",
"&-with-extra": {
display: "inline-flex",
alignItems: "center",
width: "100%"
},
"> a": {
color: "inherit",
transition: `all ${motionDurationMid}`,
"&:hover": {
color: "inherit"
},
"&::after": {
position: "absolute",
inset: 0,
content: '""'
}
},
[`${menuCls}-item-extra`]: {
paddingInlineStart: token2.padding,
marginInlineStart: "auto",
fontSize: token2.fontSizeSM,
color: token2.colorTextDescription
}
},
// =========================== Item ===========================
[`${menuCls}-item, ${menuCls}-submenu-title`]: Object.assign(Object.assign({
display: "flex",
margin: 0,
padding: `${unit$1(paddingBlock)} ${unit$1(controlPaddingHorizontal)}`,
color: token2.colorText,
fontWeight: "normal",
fontSize,
lineHeight: token2.lineHeight,
cursor: "pointer",
transition: `all ${motionDurationMid}`,
borderRadius: token2.borderRadiusSM,
"&:hover, &-active": {
backgroundColor: token2.controlItemBgHover
}
}, genFocusStyle(token2)), {
"&-selected": {
color: token2.colorPrimary,
backgroundColor: token2.controlItemBgActive,
"&:hover, &-active": {
backgroundColor: token2.controlItemBgActiveHover
}
},
"&-disabled": {
color: colorTextDisabled,
cursor: "not-allowed",
"&:hover": {
color: colorTextDisabled,
backgroundColor: colorBgElevated,
cursor: "not-allowed"
},
a: {
pointerEvents: "none"
}
},
"&-divider": {
height: 1,
// By design
margin: `${unit$1(token2.marginXXS)} 0`,
overflow: "hidden",
lineHeight: 0,
backgroundColor: token2.colorSplit
},
[`${componentCls}-menu-submenu-expand-icon`]: {
position: "absolute",
insetInlineEnd: token2.paddingXS,
[`${componentCls}-menu-submenu-arrow-icon`]: {
marginInlineEnd: "0 !important",
color: token2.colorIcon,
fontSize: fontSizeIcon,
fontStyle: "normal"
}
}
}),
[`${menuCls}-item-group-list`]: {
margin: `0 ${unit$1(token2.marginXS)}`,
padding: 0,
listStyle: "none"
},
[`${menuCls}-submenu-title`]: {
paddingInlineEnd: token2.calc(controlPaddingHorizontal).add(token2.fontSizeSM).equal()
},
[`${menuCls}-submenu-vertical`]: {
position: "relative"
},
[`${menuCls}-submenu${menuCls}-submenu-disabled ${componentCls}-menu-submenu-title`]: {
[`&, ${componentCls}-menu-submenu-arrow-icon`]: {
color: colorTextDisabled,
backgroundColor: colorBgElevated,
cursor: "not-allowed"
}
},
// https://github.com/ant-design/ant-design/issues/19264
[`${menuCls}-submenu-selected ${componentCls}-menu-submenu-title`]: {
color: token2.colorPrimary
}
})
})
},
// Follow code may reuse in other components
[initSlideMotion(token2, "slide-up"), initSlideMotion(token2, "slide-down"), initMoveMotion(token2, "move-up"), initMoveMotion(token2, "move-down"), initZoomMotion(token2, "zoom-big")]
];
};
const prepareComponentToken$2 = (token2) => Object.assign(Object.assign({
zIndexPopup: token2.zIndexPopupBase + 50,
paddingBlock: (token2.controlHeight - token2.fontSize * token2.lineHeight) / 2
}, getArrowOffsetToken({
contentRadius: token2.borderRadiusLG,
limitVerticalRadius: true
})), getArrowToken(token2));
const useStyle$2 = genStyleHooks("Dropdown", (token2) => {
const {
marginXXS,
sizePopupArrow,
paddingXXS,
componentCls
} = token2;
const dropdownToken = merge(token2, {
menuCls: `${componentCls}-menu`,
dropdownArrowDistance: token2.calc(sizePopupArrow).div(2).add(marginXXS).equal(),
dropdownEdgeChildPadding: paddingXXS
});
return [genBaseStyle(dropdownToken), genStatusStyle(dropdownToken)];
}, prepareComponentToken$2, {
resetStyle: false
});
const Dropdown$1 = (props) => {
var _a;
const {
menu,
arrow,
prefixCls: customizePrefixCls,
children,
trigger,
disabled,
dropdownRender,
popupRender,
getPopupContainer,
overlayClassName,
rootClassName,
overlayStyle,
open,
onOpenChange,
// Deprecated
visible,
onVisibleChange,
mouseEnterDelay = 0.15,
mouseLeaveDelay = 0.1,
autoAdjustOverflow: autoAdjustOverflow2 = true,
placement = "",
overlay,
transitionName,
destroyOnHidden,
destroyPopupOnHide
} = props;
const {
getPopupContainer: getContextPopupContainer,
getPrefixCls,
direction,
dropdown
} = reactExports.useContext(ConfigContext);
const mergedPopupRender = popupRender || dropdownRender;
devUseWarning();
const memoTransitionName = reactExports.useMemo(() => {
const rootPrefixCls = getPrefixCls();
if (transitionName !== void 0) {
return transitionName;
}
if (placement.includes("top")) {
return `${rootPrefixCls}-slide-down`;
}
return `${rootPrefixCls}-slide-up`;
}, [getPrefixCls, placement, transitionName]);
const memoPlacement = reactExports.useMemo(() => {
if (!placement) {
return direction === "rtl" ? "bottomRight" : "bottomLeft";
}
if (placement.includes("Center")) {
return placement.slice(0, placement.indexOf("Center"));
}
return placement;
}, [placement, direction]);
const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
const rootCls = useCSSVarCls(prefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle$2(prefixCls, rootCls);
const [, token2] = useToken$2();
const child = reactExports.Children.only(isPrimitive(children) ? /* @__PURE__ */ reactExports.createElement("span", null, children) : children);
const popupTrigger = cloneElement(child, {
className: classNames(`${prefixCls}-trigger`, {
[`${prefixCls}-rtl`]: direction === "rtl"
}, child.props.className),
disabled: (_a = child.props.disabled) !== null && _a !== void 0 ? _a : disabled
});
const triggerActions = disabled ? [] : trigger;
const alignPoint = !!(triggerActions === null || triggerActions === void 0 ? void 0 : triggerActions.includes("contextMenu"));
const [mergedOpen, setOpen] = useMergedState(false, {
value: open !== null && open !== void 0 ? open : visible
});
const onInnerOpenChange = useEvent((nextOpen) => {
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, {
source: "trigger"
});
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
setOpen(nextOpen);
});
const overlayClassNameCustomized = classNames(overlayClassName, rootClassName, hashId, cssVarCls, rootCls, dropdown === null || dropdown === void 0 ? void 0 : dropdown.className, {
[`${prefixCls}-rtl`]: direction === "rtl"
});
const builtinPlacements = getPlacements({
arrowPointAtCenter: typeof arrow === "object" && arrow.pointAtCenter,
autoAdjustOverflow: autoAdjustOverflow2,
offset: token2.marginXXS,
arrowWidth: arrow ? token2.sizePopupArrow : 0,
borderRadius: token2.borderRadius
});
const onMenuClick = reactExports.useCallback(() => {
if ((menu === null || menu === void 0 ? void 0 : menu.selectable) && (menu === null || menu === void 0 ? void 0 : menu.multiple)) {
return;
}
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false, {
source: "menu"
});
setOpen(false);
}, [menu === null || menu === void 0 ? void 0 : menu.selectable, menu === null || menu === void 0 ? void 0 : menu.multiple]);
const renderOverlay = () => {
let overlayNode;
if (menu === null || menu === void 0 ? void 0 : menu.items) {
overlayNode = /* @__PURE__ */ reactExports.createElement(Menu, Object.assign({}, menu));
} else if (typeof overlay === "function") {
overlayNode = overlay();
} else {
overlayNode = overlay;
}
if (mergedPopupRender) {
overlayNode = mergedPopupRender(overlayNode);
}
overlayNode = reactExports.Children.only(typeof overlayNode === "string" ? /* @__PURE__ */ reactExports.createElement("span", null, overlayNode) : overlayNode);
return /* @__PURE__ */ reactExports.createElement(OverrideProvider, {
prefixCls: `${prefixCls}-menu`,
rootClassName: classNames(cssVarCls, rootCls),
expandIcon: /* @__PURE__ */ reactExports.createElement("span", {
className: `${prefixCls}-menu-submenu-arrow`
}, direction === "rtl" ? /* @__PURE__ */ reactExports.createElement(RefIcon$2, {
className: `${prefixCls}-menu-submenu-arrow-icon`
}) : /* @__PURE__ */ reactExports.createElement(RefIcon$3, {
className: `${prefixCls}-menu-submenu-arrow-icon`
})),
mode: "vertical",
selectable: false,
onClick: onMenuClick,
validator: ({
mode
}) => {
}
}, overlayNode);
};
const [zIndex, contextZIndex] = useZIndex("Dropdown", overlayStyle === null || overlayStyle === void 0 ? void 0 : overlayStyle.zIndex);
let renderNode = /* @__PURE__ */ reactExports.createElement(Dropdown$3, Object.assign({
alignPoint
}, omit(props, ["rootClassName"]), {
mouseEnterDelay,
mouseLeaveDelay,
visible: mergedOpen,
builtinPlacements,
arrow: !!arrow,
overlayClassName: overlayClassNameCustomized,
prefixCls,
getPopupContainer: getPopupContainer || getContextPopupContainer,
transitionName: memoTransitionName,
trigger: triggerActions,
overlay: renderOverlay,
placement: memoPlacement,
onVisibleChange: onInnerOpenChange,
overlayStyle: Object.assign(Object.assign(Object.assign({}, dropdown === null || dropdown === void 0 ? void 0 : dropdown.style), overlayStyle), {
zIndex
}),
autoDestroy: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyPopupOnHide
}), popupTrigger);
if (zIndex) {
renderNode = /* @__PURE__ */ reactExports.createElement(zIndexContext.Provider, {
value: contextZIndex
}, renderNode);
}
return wrapCSSVar(renderNode);
};
const PurePanel = genPurePanel(Dropdown$1, "align", void 0, "dropdown", (prefixCls) => prefixCls);
const WrapPurePanel = (props) => /* @__PURE__ */ reactExports.createElement(PurePanel, Object.assign({}, props), /* @__PURE__ */ reactExports.createElement("span", null));
Dropdown$1._InternalPanelDoNotUseOrYouWillBeFired = WrapPurePanel;
const RadioGroupContext = /* @__PURE__ */ reactExports.createContext(null);
const RadioGroupContextProvider = RadioGroupContext.Provider;
const RadioOptionTypeContext = /* @__PURE__ */ reactExports.createContext(null);
const RadioOptionTypeContextProvider = RadioOptionTypeContext.Provider;
var _excluded$1 = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"];
var Checkbox = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-checkbox" : _props$prefixCls, className = props.className, style2 = props.style, checked = props.checked, disabled = props.disabled, _props$defaultChecked = props.defaultChecked, defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked, _props$type = props.type, type4 = _props$type === void 0 ? "checkbox" : _props$type, title = props.title, onChange = props.onChange, inputProps = _objectWithoutProperties(props, _excluded$1);
var inputRef = reactExports.useRef(null);
var holderRef = reactExports.useRef(null);
var _useMergedState = useMergedState(defaultChecked, {
value: checked
}), _useMergedState2 = _slicedToArray(_useMergedState, 2), rawValue = _useMergedState2[0], setRawValue = _useMergedState2[1];
reactExports.useImperativeHandle(ref, function() {
return {
focus: function focus(options) {
var _inputRef$current;
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus(options);
},
blur: function blur() {
var _inputRef$current2;
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
},
input: inputRef.current,
nativeElement: holderRef.current
};
});
var classString = classNames(prefixCls, className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-checked"), rawValue), "".concat(prefixCls, "-disabled"), disabled));
var handleChange = function handleChange2(e) {
if (disabled) {
return;
}
if (!("checked" in props)) {
setRawValue(e.target.checked);
}
onChange === null || onChange === void 0 || onChange({
target: _objectSpread2(_objectSpread2({}, props), {}, {
type: type4,
checked: e.target.checked
}),
stopPropagation: function stopPropagation() {
e.stopPropagation();
},
preventDefault: function preventDefault() {
e.preventDefault();
},
nativeEvent: e.nativeEvent
});
};
return /* @__PURE__ */ reactExports.createElement("span", {
className: classString,
title,
style: style2,
ref: holderRef
}, /* @__PURE__ */ reactExports.createElement("input", _extends({}, inputProps, {
className: "".concat(prefixCls, "-input"),
ref: inputRef,
onChange: handleChange,
disabled,
checked: !!rawValue,
type: type4
})), /* @__PURE__ */ reactExports.createElement("span", {
className: "".concat(prefixCls, "-inner")
}));
});
function useBubbleLock(onOriginInputClick) {
const labelClickLockRef = React.useRef(null);
const clearLock = () => {
wrapperRaf.cancel(labelClickLockRef.current);
labelClickLockRef.current = null;
};
const onLabelClick = () => {
clearLock();
labelClickLockRef.current = wrapperRaf(() => {
labelClickLockRef.current = null;
});
};
const onInputClick = (e) => {
if (labelClickLockRef.current) {
e.stopPropagation();
clearLock();
}
onOriginInputClick === null || onOriginInputClick === void 0 ? void 0 : onOriginInputClick(e);
};
return [onLabelClick, onInputClick];
}
const getGroupRadioStyle = (token2) => {
const {
componentCls,
antCls
} = token2;
const groupPrefixCls = `${componentCls}-group`;
return {
[groupPrefixCls]: Object.assign(Object.assign({}, resetComponent(token2)), {
display: "inline-block",
fontSize: 0,
// RTL
[`&${groupPrefixCls}-rtl`]: {
direction: "rtl"
},
[`&${groupPrefixCls}-block`]: {
display: "flex"
},
[`${antCls}-badge ${antCls}-badge-count`]: {
zIndex: 1
},
[`> ${antCls}-badge:not(:first-child) > ${antCls}-button-wrapper`]: {
borderInlineStart: "none"
}
})
};
};
const getRadioBasicStyle = (token2) => {
const {
componentCls,
wrapperMarginInlineEnd,
colorPrimary,
radioSize,
motionDurationSlow,
motionDurationMid,
motionEaseInOutCirc,
colorBgContainer,
colorBorder,
lineWidth,
colorBgContainerDisabled,
colorTextDisabled,
paddingXS,
dotColorDisabled,
lineType,
radioColor,
radioBgColor,
calc
} = token2;
const radioInnerPrefixCls = `${componentCls}-inner`;
const dotPadding = 4;
const radioDotDisabledSize = calc(radioSize).sub(calc(dotPadding).mul(2));
const radioSizeCalc = calc(1).mul(radioSize).equal({
unit: true
});
return {
[`${componentCls}-wrapper`]: Object.assign(Object.assign({}, resetComponent(token2)), {
display: "inline-flex",
alignItems: "baseline",
marginInlineStart: 0,
marginInlineEnd: wrapperMarginInlineEnd,
cursor: "pointer",
"&:last-child": {
marginInlineEnd: 0
},
// RTL
[`&${componentCls}-wrapper-rtl`]: {
direction: "rtl"
},
"&-disabled": {
cursor: "not-allowed",
color: token2.colorTextDisabled
},
"&::after": {
display: "inline-block",
width: 0,
overflow: "hidden",
content: '"\\a0"'
},
"&-block": {
flex: 1,
justifyContent: "center"
},
// hashId 在 wrapper 上，只能铺平
[`${componentCls}-checked::after`]: {
position: "absolute",
insetBlockStart: 0,
insetInlineStart: 0,
width: "100%",
height: "100%",
border: `${unit$1(lineWidth)} ${lineType} ${colorPrimary}`,
borderRadius: "50%",
visibility: "hidden",
opacity: 0,
content: '""'
},
[componentCls]: Object.assign(Object.assign({}, resetComponent(token2)), {
position: "relative",
display: "inline-block",
outline: "none",
cursor: "pointer",
alignSelf: "center",
borderRadius: "50%"
}),
[`${componentCls}-wrapper:hover &,
&:hover ${radioInnerPrefixCls}`]: {
borderColor: colorPrimary
},
[`${componentCls}-input:focus-visible + ${radioInnerPrefixCls}`]: Object.assign({}, genFocusOutline(token2)),
[`${componentCls}:hover::after, ${componentCls}-wrapper:hover &::after`]: {
visibility: "visible"
},
[`${componentCls}-inner`]: {
"&::after": {
boxSizing: "border-box",
position: "absolute",
insetBlockStart: "50%",
insetInlineStart: "50%",
display: "block",
width: radioSizeCalc,
height: radioSizeCalc,
marginBlockStart: calc(1).mul(radioSize).div(-2).equal({
unit: true
}),
marginInlineStart: calc(1).mul(radioSize).div(-2).equal({
unit: true
}),
backgroundColor: radioColor,
borderBlockStart: 0,
borderInlineStart: 0,
borderRadius: radioSizeCalc,
transform: "scale(0)",
opacity: 0,
transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`,
content: '""'
},
boxSizing: "border-box",
position: "relative",
insetBlockStart: 0,
insetInlineStart: 0,
display: "block",
width: radioSizeCalc,
height: radioSizeCalc,
backgroundColor: colorBgContainer,
borderColor: colorBorder,
borderStyle: "solid",
borderWidth: lineWidth,
borderRadius: "50%",
transition: `all ${motionDurationMid}`
},
[`${componentCls}-input`]: {
position: "absolute",
inset: 0,
zIndex: 1,
cursor: "pointer",
opacity: 0
},
// 选中状态
[`${componentCls}-checked`]: {
[radioInnerPrefixCls]: {
borderColor: colorPrimary,
backgroundColor: radioBgColor,
"&::after": {
transform: `scale(${token2.calc(token2.dotSize).div(radioSize).equal()})`,
opacity: 1,
transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`
}
}
},
[`${componentCls}-disabled`]: {
cursor: "not-allowed",
[radioInnerPrefixCls]: {
backgroundColor: colorBgContainerDisabled,
borderColor: colorBorder,
cursor: "not-allowed",
"&::after": {
backgroundColor: dotColorDisabled
}
},
[`${componentCls}-input`]: {
cursor: "not-allowed"
},
[`${componentCls}-disabled + span`]: {
color: colorTextDisabled,
cursor: "not-allowed"
},
[`&${componentCls}-checked`]: {
[radioInnerPrefixCls]: {
"&::after": {
transform: `scale(${calc(radioDotDisabledSize).div(radioSize).equal()})`
}
}
}
},
[`span${componentCls} + *`]: {
paddingInlineStart: paddingXS,
paddingInlineEnd: paddingXS
}
})
};
};
const getRadioButtonStyle = (token2) => {
const {
buttonColor,
controlHeight,
componentCls,
lineWidth,
lineType,
colorBorder,
motionDurationSlow,
motionDurationMid,
buttonPaddingInline,
fontSize,
buttonBg,
fontSizeLG,
controlHeightLG,
controlHeightSM,
paddingXS,
borderRadius,
borderRadiusSM,
borderRadiusLG,
buttonCheckedBg,
buttonSolidCheckedColor,
colorTextDisabled,
colorBgContainerDisabled,
buttonCheckedBgDisabled,
buttonCheckedColorDisabled,
colorPrimary,
colorPrimaryHover,
colorPrimaryActive,
buttonSolidCheckedBg,
buttonSolidCheckedHoverBg,
buttonSolidCheckedActiveBg,
calc
} = token2;
return {
[`${componentCls}-button-wrapper`]: {
position: "relative",
display: "inline-block",
height: controlHeight,
margin: 0,
paddingInline: buttonPaddingInline,
paddingBlock: 0,
color: buttonColor,
fontSize,
lineHeight: unit$1(calc(controlHeight).sub(calc(lineWidth).mul(2)).equal()),
background: buttonBg,
border: `${unit$1(lineWidth)} ${lineType} ${colorBorder}`,
// strange align fix for chrome but works
// https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
borderBlockStartWidth: calc(lineWidth).add(0.02).equal(),
borderInlineStartWidth: 0,
borderInlineEndWidth: lineWidth,
cursor: "pointer",
transition: [`color ${motionDurationMid}`, `background ${motionDurationMid}`, `box-shadow ${motionDurationMid}`].join(","),
a: {
color: buttonColor
},
[`> ${componentCls}-button`]: {
position: "absolute",
insetBlockStart: 0,
insetInlineStart: 0,
zIndex: -1,
width: "100%",
height: "100%"
},
"&:not(:first-child)": {
"&::before": {
position: "absolute",
insetBlockStart: calc(lineWidth).mul(-1).equal(),
insetInlineStart: calc(lineWidth).mul(-1).equal(),
display: "block",
boxSizing: "content-box",
width: 1,
height: "100%",
paddingBlock: lineWidth,
paddingInline: 0,
backgroundColor: colorBorder,
transition: `background-color ${motionDurationSlow}`,
content: '""'
}
},
"&:first-child": {
borderInlineStart: `${unit$1(lineWidth)} ${lineType} ${colorBorder}`,
borderStartStartRadius: borderRadius,
borderEndStartRadius: borderRadius
},
"&:last-child": {
borderStartEndRadius: borderRadius,
borderEndEndRadius: borderRadius
},
"&:first-child:last-child": {
borderRadius
},
[`${componentCls}-group-large &`]: {
height: controlHeightLG,
fontSize: fontSizeLG,
lineHeight: unit$1(calc(controlHeightLG).sub(calc(lineWidth).mul(2)).equal()),
"&:first-child": {
borderStartStartRadius: borderRadiusLG,
borderEndStartRadius: borderRadiusLG
},
"&:last-child": {
borderStartEndRadius: borderRadiusLG,
borderEndEndRadius: borderRadiusLG
}
},
[`${componentCls}-group-small &`]: {
height: controlHeightSM,
paddingInline: calc(paddingXS).sub(lineWidth).equal(),
paddingBlock: 0,
lineHeight: unit$1(calc(controlHeightSM).sub(calc(lineWidth).mul(2)).equal()),
"&:first-child": {
borderStartStartRadius: borderRadiusSM,
borderEndStartRadius: borderRadiusSM
},
"&:last-child": {
borderStartEndRadius: borderRadiusSM,
borderEndEndRadius: borderRadiusSM
}
},
"&:hover": {
position: "relative",
color: colorPrimary
},
"&:has(:focus-visible)": Object.assign({}, genFocusOutline(token2)),
[`${componentCls}-inner, input[type='checkbox'], input[type='radio']`]: {
width: 0,
height: 0,
opacity: 0,
pointerEvents: "none"
},
[`&-checked:not(${componentCls}-button-wrapper-disabled)`]: {
zIndex: 1,
color: colorPrimary,
background: buttonCheckedBg,
borderColor: colorPrimary,
"&::before": {
backgroundColor: colorPrimary
},
"&:first-child": {
borderColor: colorPrimary
},
"&:hover": {
color: colorPrimaryHover,
borderColor: colorPrimaryHover,
"&::before": {
backgroundColor: colorPrimaryHover
}
},
"&:active": {
color: colorPrimaryActive,
borderColor: colorPrimaryActive,
"&::before": {
backgroundColor: colorPrimaryActive
}
}
},
[`${componentCls}-group-solid &-checked:not(${componentCls}-button-wrapper-disabled)`]: {
color: buttonSolidCheckedColor,
background: buttonSolidCheckedBg,
borderColor: buttonSolidCheckedBg,
"&:hover": {
color: buttonSolidCheckedColor,
background: buttonSolidCheckedHoverBg,
borderColor: buttonSolidCheckedHoverBg
},
"&:active": {
color: buttonSolidCheckedColor,
background: buttonSolidCheckedActiveBg,
borderColor: buttonSolidCheckedActiveBg
}
},
"&-disabled": {
color: colorTextDisabled,
backgroundColor: colorBgContainerDisabled,
borderColor: colorBorder,
cursor: "not-allowed",
"&:first-child, &:hover": {
color: colorTextDisabled,
backgroundColor: colorBgContainerDisabled,
borderColor: colorBorder
}
},
[`&-disabled${componentCls}-button-wrapper-checked`]: {
color: buttonCheckedColorDisabled,
backgroundColor: buttonCheckedBgDisabled,
borderColor: colorBorder,
boxShadow: "none"
},
"&-block": {
flex: 1,
textAlign: "center"
}
}
};
};
const prepareComponentToken$1 = (token2) => {
const {
wireframe,
padding,
marginXS,
lineWidth,
fontSizeLG,
colorText,
colorBgContainer,
colorTextDisabled,
controlItemBgActiveDisabled,
colorTextLightSolid,
colorPrimary,
colorPrimaryHover,
colorPrimaryActive,
colorWhite
} = token2;
const dotPadding = 4;
const radioSize = fontSizeLG;
const radioDotSize = wireframe ? radioSize - dotPadding * 2 : radioSize - (dotPadding + lineWidth) * 2;
return {
// Radio
radioSize,
dotSize: radioDotSize,
dotColorDisabled: colorTextDisabled,
// Radio buttons
buttonSolidCheckedColor: colorTextLightSolid,
buttonSolidCheckedBg: colorPrimary,
buttonSolidCheckedHoverBg: colorPrimaryHover,
buttonSolidCheckedActiveBg: colorPrimaryActive,
buttonBg: colorBgContainer,
buttonCheckedBg: colorBgContainer,
buttonColor: colorText,
buttonCheckedBgDisabled: controlItemBgActiveDisabled,
buttonCheckedColorDisabled: colorTextDisabled,
buttonPaddingInline: padding - lineWidth,
wrapperMarginInlineEnd: marginXS,
// internal
radioColor: wireframe ? colorPrimary : colorWhite,
radioBgColor: wireframe ? colorBgContainer : colorPrimary
};
};
const useStyle$1 = genStyleHooks("Radio", (token2) => {
const {
controlOutline,
controlOutlineWidth
} = token2;
const radioFocusShadow = `0 0 0 ${unit$1(controlOutlineWidth)} ${controlOutline}`;
const radioButtonFocusShadow = radioFocusShadow;
const radioToken = merge(token2, {
radioFocusShadow,
radioButtonFocusShadow
});
return [getGroupRadioStyle(radioToken), getRadioBasicStyle(radioToken), getRadioButtonStyle(radioToken)];
}, prepareComponentToken$1, {
unitless: {
radioSize: true,
dotSize: true
}
});
var __rest$4 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const InternalRadio = (props, ref) => {
var _a, _b;
const groupContext = reactExports.useContext(RadioGroupContext);
const radioOptionTypeContext = reactExports.useContext(RadioOptionTypeContext);
const {
getPrefixCls,
direction,
radio
} = reactExports.useContext(ConfigContext);
const innerRef = reactExports.useRef(null);
const mergedRef = composeRef(ref, innerRef);
const {
isFormItemInput
} = reactExports.useContext(FormItemInputContext);
const onChange = (e) => {
var _a2, _b2;
(_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, e);
(_b2 = groupContext === null || groupContext === void 0 ? void 0 : groupContext.onChange) === null || _b2 === void 0 ? void 0 : _b2.call(groupContext, e);
};
const {
prefixCls: customizePrefixCls,
className,
rootClassName,
children,
style: style2,
title
} = props, restProps = __rest$4(props, ["prefixCls", "className", "rootClassName", "children", "style", "title"]);
const radioPrefixCls = getPrefixCls("radio", customizePrefixCls);
const isButtonType = ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.optionType) || radioOptionTypeContext) === "button";
const prefixCls = isButtonType ? `${radioPrefixCls}-button` : radioPrefixCls;
const rootCls = useCSSVarCls(radioPrefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle$1(radioPrefixCls, rootCls);
const radioProps = Object.assign({}, restProps);
const disabled = reactExports.useContext(DisabledContext);
if (groupContext) {
radioProps.name = groupContext.name;
radioProps.onChange = onChange;
radioProps.checked = props.value === groupContext.value;
radioProps.disabled = (_a = radioProps.disabled) !== null && _a !== void 0 ? _a : groupContext.disabled;
}
radioProps.disabled = (_b = radioProps.disabled) !== null && _b !== void 0 ? _b : disabled;
const wrapperClassString = classNames(`${prefixCls}-wrapper`, {
[`${prefixCls}-wrapper-checked`]: radioProps.checked,
[`${prefixCls}-wrapper-disabled`]: radioProps.disabled,
[`${prefixCls}-wrapper-rtl`]: direction === "rtl",
[`${prefixCls}-wrapper-in-form-item`]: isFormItemInput,
[`${prefixCls}-wrapper-block`]: !!(groupContext === null || groupContext === void 0 ? void 0 : groupContext.block)
}, radio === null || radio === void 0 ? void 0 : radio.className, className, rootClassName, hashId, cssVarCls, rootCls);
const [onLabelClick, onInputClick] = useBubbleLock(radioProps.onClick);
return wrapCSSVar(/* @__PURE__ */ reactExports.createElement(Wave, {
component: "Radio",
disabled: radioProps.disabled
}, /* @__PURE__ */ reactExports.createElement("label", {
className: wrapperClassString,
style: Object.assign(Object.assign({}, radio === null || radio === void 0 ? void 0 : radio.style), style2),
onMouseEnter: props.onMouseEnter,
onMouseLeave: props.onMouseLeave,
title,
onClick: onLabelClick
}, /* @__PURE__ */ reactExports.createElement(Checkbox, Object.assign({}, radioProps, {
className: classNames(radioProps.className, {
[TARGET_CLS]: !isButtonType
}),
type: "radio",
prefixCls,
ref: mergedRef,
onClick: onInputClick
})), children !== void 0 ? /* @__PURE__ */ reactExports.createElement("span", {
className: `${prefixCls}-label`
}, children) : null)));
};
const Radio$1 = /* @__PURE__ */ reactExports.forwardRef(InternalRadio);
const RadioGroup = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
const {
getPrefixCls,
direction
} = reactExports.useContext(ConfigContext);
const defaultName = useId();
const {
prefixCls: customizePrefixCls,
className,
rootClassName,
options,
buttonStyle = "outline",
disabled,
children,
size: customizeSize,
style: style2,
id,
optionType,
name = defaultName,
defaultValue,
value: customizedValue,
block = false,
onChange,
onMouseEnter,
onMouseLeave,
onFocus,
onBlur
} = props;
const [value, setValue] = useMergedState(defaultValue, {
value: customizedValue
});
const onRadioChange = reactExports.useCallback((event) => {
const lastValue = value;
const val = event.target.value;
if (!("value" in props)) {
setValue(val);
}
if (val !== lastValue) {
onChange === null || onChange === void 0 ? void 0 : onChange(event);
}
}, [value, setValue, onChange]);
const prefixCls = getPrefixCls("radio", customizePrefixCls);
const groupPrefixCls = `${prefixCls}-group`;
const rootCls = useCSSVarCls(prefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle$1(prefixCls, rootCls);
let childrenToRender = children;
if (options && options.length > 0) {
childrenToRender = options.map((option) => {
if (typeof option === "string" || typeof option === "number") {
return /* @__PURE__ */ reactExports.createElement(Radio$1, {
key: option.toString(),
prefixCls,
disabled,
value: option,
checked: value === option
}, option);
}
return /* @__PURE__ */ reactExports.createElement(Radio$1, {
key: `radio-group-value-options-${option.value}`,
prefixCls,
disabled: option.disabled || disabled,
value: option.value,
checked: value === option.value,
title: option.title,
style: option.style,
className: option.className,
id: option.id,
required: option.required
}, option.label);
});
}
const mergedSize = useSize(customizeSize);
const classString = classNames(groupPrefixCls, `${groupPrefixCls}-${buttonStyle}`, {
[`${groupPrefixCls}-${mergedSize}`]: mergedSize,
[`${groupPrefixCls}-rtl`]: direction === "rtl",
[`${groupPrefixCls}-block`]: block
}, className, rootClassName, hashId, cssVarCls, rootCls);
const memoizedValue = reactExports.useMemo(() => ({
onChange: onRadioChange,
value,
disabled,
name,
optionType,
block
}), [onRadioChange, value, disabled, name, optionType, block]);
return wrapCSSVar(/* @__PURE__ */ reactExports.createElement("div", Object.assign({}, pickAttrs(props, {
aria: true,
data: true
}), {
className: classString,
style: style2,
onMouseEnter,
onMouseLeave,
onFocus,
onBlur,
id,
ref
}), /* @__PURE__ */ reactExports.createElement(RadioGroupContextProvider, {
value: memoizedValue
}, childrenToRender)));
});
const Group = /* @__PURE__ */ reactExports.memo(RadioGroup);
var __rest$3 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const RadioButton = (props, ref) => {
const {
getPrefixCls
} = reactExports.useContext(ConfigContext);
const {
prefixCls: customizePrefixCls
} = props, radioProps = __rest$3(props, ["prefixCls"]);
const prefixCls = getPrefixCls("radio", customizePrefixCls);
return /* @__PURE__ */ reactExports.createElement(RadioOptionTypeContextProvider, {
value: "button"
}, /* @__PURE__ */ reactExports.createElement(Radio$1, Object.assign({
prefixCls
}, radioProps, {
type: "radio",
ref
})));
};
const Button = /* @__PURE__ */ reactExports.forwardRef(RadioButton);
const Radio = Radio$1;
Radio.Button = Button;
Radio.Group = Group;
Radio.__ANT_RADIO = true;
const genSizeDividerStyle = (token2) => {
const {
componentCls
} = token2;
return {
[componentCls]: {
"&-horizontal": {
[`&${componentCls}`]: {
"&-sm": {
marginBlock: token2.marginXS
},
"&-md": {
marginBlock: token2.margin
}
}
}
}
};
};
const genSharedDividerStyle = (token2) => {
const {
componentCls,
sizePaddingEdgeHorizontal,
colorSplit,
lineWidth,
textPaddingInline,
orientationMargin,
verticalMarginInline
} = token2;
return {
[componentCls]: Object.assign(Object.assign({}, resetComponent(token2)), {
borderBlockStart: `${unit$1(lineWidth)} solid ${colorSplit}`,
// vertical
"&-vertical": {
position: "relative",
top: "-0.06em",
display: "inline-block",
height: "0.9em",
marginInline: verticalMarginInline,
marginBlock: 0,
verticalAlign: "middle",
borderTop: 0,
borderInlineStart: `${unit$1(lineWidth)} solid ${colorSplit}`
},
"&-horizontal": {
display: "flex",
clear: "both",
width: "100%",
minWidth: "100%",
// Fix https://github.com/ant-design/ant-design/issues/10914
margin: `${unit$1(token2.marginLG)} 0`
},
[`&-horizontal${componentCls}-with-text`]: {
display: "flex",
alignItems: "center",
margin: `${unit$1(token2.dividerHorizontalWithTextGutterMargin)} 0`,
color: token2.colorTextHeading,
fontWeight: 500,
fontSize: token2.fontSizeLG,
whiteSpace: "nowrap",
textAlign: "center",
borderBlockStart: `0 ${colorSplit}`,
"&::before, &::after": {
position: "relative",
width: "50%",
borderBlockStart: `${unit$1(lineWidth)} solid transparent`,
// Chrome not accept `inherit` in `border-top`
borderBlockStartColor: "inherit",
borderBlockEnd: 0,
transform: "translateY(50%)",
content: "''"
}
},
[`&-horizontal${componentCls}-with-text-start`]: {
"&::before": {
width: `calc(${orientationMargin} * 100%)`
},
"&::after": {
width: `calc(100% - ${orientationMargin} * 100%)`
}
},
[`&-horizontal${componentCls}-with-text-end`]: {
"&::before": {
width: `calc(100% - ${orientationMargin} * 100%)`
},
"&::after": {
width: `calc(${orientationMargin} * 100%)`
}
},
[`${componentCls}-inner-text`]: {
display: "inline-block",
paddingBlock: 0,
paddingInline: textPaddingInline
},
"&-dashed": {
background: "none",
borderColor: colorSplit,
borderStyle: "dashed",
borderWidth: `${unit$1(lineWidth)} 0 0`
},
[`&-horizontal${componentCls}-with-text${componentCls}-dashed`]: {
"&::before, &::after": {
borderStyle: "dashed none none"
}
},
[`&-vertical${componentCls}-dashed`]: {
borderInlineStartWidth: lineWidth,
borderInlineEnd: 0,
borderBlockStart: 0,
borderBlockEnd: 0
},
"&-dotted": {
background: "none",
borderColor: colorSplit,
borderStyle: "dotted",
borderWidth: `${unit$1(lineWidth)} 0 0`
},
[`&-horizontal${componentCls}-with-text${componentCls}-dotted`]: {
"&::before, &::after": {
borderStyle: "dotted none none"
}
},
[`&-vertical${componentCls}-dotted`]: {
borderInlineStartWidth: lineWidth,
borderInlineEnd: 0,
borderBlockStart: 0,
borderBlockEnd: 0
},
[`&-plain${componentCls}-with-text`]: {
color: token2.colorText,
fontWeight: "normal",
fontSize: token2.fontSize
},
[`&-horizontal${componentCls}-with-text-start${componentCls}-no-default-orientation-margin-start`]: {
"&::before": {
width: 0
},
"&::after": {
width: "100%"
},
[`${componentCls}-inner-text`]: {
paddingInlineStart: sizePaddingEdgeHorizontal
}
},
[`&-horizontal${componentCls}-with-text-end${componentCls}-no-default-orientation-margin-end`]: {
"&::before": {
width: "100%"
},
"&::after": {
width: 0
},
[`${componentCls}-inner-text`]: {
paddingInlineEnd: sizePaddingEdgeHorizontal
}
}
})
};
};
const prepareComponentToken = (token2) => ({
textPaddingInline: "1em",
orientationMargin: 0.05,
verticalMarginInline: token2.marginXS
});
const useStyle = genStyleHooks("Divider", (token2) => {
const dividerToken = merge(token2, {
dividerHorizontalWithTextGutterMargin: token2.margin,
sizePaddingEdgeHorizontal: 0
});
return [genSharedDividerStyle(dividerToken), genSizeDividerStyle(dividerToken)];
}, prepareComponentToken, {
unitless: {
orientationMargin: true
}
});
var __rest$2 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const sizeClassNameMap = {
small: "sm",
middle: "md"
};
const Divider = (props) => {
const {
getPrefixCls,
direction,
className: dividerClassName,
style: dividerStyle
} = useComponentConfig("divider");
const {
prefixCls: customizePrefixCls,
type: type4 = "horizontal",
orientation = "center",
orientationMargin,
className,
rootClassName,
children,
dashed,
variant = "solid",
plain,
style: style2,
size: customSize
} = props, restProps = __rest$2(props, ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "variant", "plain", "style", "size"]);
const prefixCls = getPrefixCls("divider", customizePrefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
const sizeFullName = useSize(customSize);
const sizeCls = sizeClassNameMap[sizeFullName];
const hasChildren = !!children;
const mergedOrientation = reactExports.useMemo(() => {
if (orientation === "left") {
return direction === "rtl" ? "end" : "start";
}
if (orientation === "right") {
return direction === "rtl" ? "start" : "end";
}
return orientation;
}, [direction, orientation]);
const hasMarginStart = mergedOrientation === "start" && orientationMargin != null;
const hasMarginEnd = mergedOrientation === "end" && orientationMargin != null;
const classString = classNames(prefixCls, dividerClassName, hashId, cssVarCls, `${prefixCls}-${type4}`, {
[`${prefixCls}-with-text`]: hasChildren,
[`${prefixCls}-with-text-${mergedOrientation}`]: hasChildren,
[`${prefixCls}-dashed`]: !!dashed,
[`${prefixCls}-${variant}`]: variant !== "solid",
[`${prefixCls}-plain`]: !!plain,
[`${prefixCls}-rtl`]: direction === "rtl",
[`${prefixCls}-no-default-orientation-margin-start`]: hasMarginStart,
[`${prefixCls}-no-default-orientation-margin-end`]: hasMarginEnd,
[`${prefixCls}-${sizeCls}`]: !!sizeCls
}, className, rootClassName);
const memoizedOrientationMargin = reactExports.useMemo(() => {
if (typeof orientationMargin === "number") {
return orientationMargin;
}
if (/^\d+$/.test(orientationMargin)) {
return Number(orientationMargin);
}
return orientationMargin;
}, [orientationMargin]);
const innerStyle = {
marginInlineStart: hasMarginStart ? memoizedOrientationMargin : void 0,
marginInlineEnd: hasMarginEnd ? memoizedOrientationMargin : void 0
};
return wrapCSSVar(/* @__PURE__ */ reactExports.createElement("div", Object.assign({
className: classString,
style: Object.assign(Object.assign({}, dividerStyle), style2)
}, restProps, {
role: "separator"
}), children && type4 !== "vertical" && /* @__PURE__ */ reactExports.createElement("span", {
className: `${prefixCls}-inner-text`,
style: innerStyle
}, children)));
};
function isPresetSize(size) {
return ["small", "middle", "large"].includes(size);
}
function isValidGapNumber(size) {
if (!size) {
return false;
}
return typeof size === "number" && !Number.isNaN(size);
}
const SpaceContext = /* @__PURE__ */ React.createContext({
latestIndex: 0
});
const SpaceContextProvider = SpaceContext.Provider;
const Item = ({
className,
index: index2,
children,
split,
style: style2
}) => {
const {
latestIndex
} = reactExports.useContext(SpaceContext);
if (children === null || children === void 0) {
return null;
}
return /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, /* @__PURE__ */ reactExports.createElement("div", {
className,
style: style2
}, children), index2 < latestIndex && split && /* @__PURE__ */ reactExports.createElement("span", {
className: `${className}-split`
}, split));
};
var __rest$1 = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const InternalSpace = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
var _a;
const {
getPrefixCls,
direction: directionConfig,
size: contextSize,
className: contextClassName,
style: contextStyle,
classNames: contextClassNames,
styles: contextStyles
} = useComponentConfig("space");
const {
size = contextSize !== null && contextSize !== void 0 ? contextSize : "small",
align,
className,
rootClassName,
children,
direction = "horizontal",
prefixCls: customizePrefixCls,
split,
style: style2,
wrap = false,
classNames: customClassNames,
styles
} = props, otherProps = __rest$1(props, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]);
const [horizontalSize, verticalSize] = Array.isArray(size) ? size : [size, size];
const isPresetVerticalSize = isPresetSize(verticalSize);
const isPresetHorizontalSize = isPresetSize(horizontalSize);
const isValidVerticalSize = isValidGapNumber(verticalSize);
const isValidHorizontalSize = isValidGapNumber(horizontalSize);
const childNodes = toArray$2(children, {
keepEmpty: true
});
const mergedAlign = align === void 0 && direction === "horizontal" ? "center" : align;
const prefixCls = getPrefixCls("space", customizePrefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle$6(prefixCls);
const cls = classNames(prefixCls, contextClassName, hashId, `${prefixCls}-${direction}`, {
[`${prefixCls}-rtl`]: directionConfig === "rtl",
[`${prefixCls}-align-${mergedAlign}`]: mergedAlign,
[`${prefixCls}-gap-row-${verticalSize}`]: isPresetVerticalSize,
[`${prefixCls}-gap-col-${horizontalSize}`]: isPresetHorizontalSize
}, className, rootClassName, cssVarCls);
const itemClassName = classNames(`${prefixCls}-item`, (_a = customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.item) !== null && _a !== void 0 ? _a : contextClassNames.item);
let latestIndex = 0;
const nodes = childNodes.map((child, i) => {
var _a2;
if (child !== null && child !== void 0) {
latestIndex = i;
}
const key = (child === null || child === void 0 ? void 0 : child.key) || `${itemClassName}-${i}`;
return /* @__PURE__ */ reactExports.createElement(Item, {
className: itemClassName,
key,
index: i,
split,
style: (_a2 = styles === null || styles === void 0 ? void 0 : styles.item) !== null && _a2 !== void 0 ? _a2 : contextStyles.item
}, child);
});
const spaceContext = reactExports.useMemo(() => ({
latestIndex
}), [latestIndex]);
if (childNodes.length === 0) {
return null;
}
const gapStyle = {};
if (wrap) {
gapStyle.flexWrap = "wrap";
}
if (!isPresetHorizontalSize && isValidHorizontalSize) {
gapStyle.columnGap = horizontalSize;
}
if (!isPresetVerticalSize && isValidVerticalSize) {
gapStyle.rowGap = verticalSize;
}
return wrapCSSVar(/* @__PURE__ */ reactExports.createElement("div", Object.assign({
ref,
className: cls,
style: Object.assign(Object.assign(Object.assign({}, gapStyle), contextStyle), style2)
}, otherProps), /* @__PURE__ */ reactExports.createElement(SpaceContextProvider, {
value: spaceContext
}, nodes)));
});
const Space = InternalSpace;
Space.Compact = Compact$1;
var __rest = function(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
const DropdownButton = (props) => {
const {
getPopupContainer: getContextPopupContainer,
getPrefixCls,
direction
} = reactExports.useContext(ConfigContext);
const {
prefixCls: customizePrefixCls,
type: type4 = "default",
danger,
disabled,
loading,
onClick,
htmlType,
children,
className,
menu,
arrow,
autoFocus,
overlay,
trigger,
align,
open,
onOpenChange,
placement,
getPopupContainer,
href,
icon = /* @__PURE__ */ reactExports.createElement(RefIcon$1, null),
title,
buttonsRender = (buttons) => buttons,
mouseEnterDelay,
mouseLeaveDelay,
overlayClassName,
overlayStyle,
destroyOnHidden,
destroyPopupOnHide,
dropdownRender,
popupRender
} = props, restProps = __rest(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyOnHidden", "destroyPopupOnHide", "dropdownRender", "popupRender"]);
const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
const buttonPrefixCls = `${prefixCls}-button`;
const mergedPopupRender = popupRender || dropdownRender;
const dropdownProps = {
menu,
arrow,
autoFocus,
align,
disabled,
trigger: disabled ? [] : trigger,
onOpenChange,
getPopupContainer: getPopupContainer || getContextPopupContainer,
mouseEnterDelay,
mouseLeaveDelay,
overlayClassName,
overlayStyle,
destroyOnHidden,
popupRender: mergedPopupRender
};
const {
compactSize,
compactItemClassnames
} = useCompactItemContext(prefixCls, direction);
const classes = classNames(buttonPrefixCls, compactItemClassnames, className);
if ("destroyPopupOnHide" in props) {
dropdownProps.destroyPopupOnHide = destroyPopupOnHide;
}
if ("overlay" in props) {
dropdownProps.overlay = overlay;
}
if ("open" in props) {
dropdownProps.open = open;
}
if ("placement" in props) {
dropdownProps.placement = placement;
} else {
dropdownProps.placement = direction === "rtl" ? "bottomLeft" : "bottomRight";
}
const leftButton = /* @__PURE__ */ reactExports.createElement(Button$1, {
type: type4,
danger,
disabled,
loading,
onClick,
htmlType,
href,
title
}, children);
const rightButton = /* @__PURE__ */ reactExports.createElement(Button$1, {
type: type4,
danger,
icon
});
const [leftButtonToRender, rightButtonToRender] = buttonsRender([leftButton, rightButton]);
return /* @__PURE__ */ reactExports.createElement(Space.Compact, Object.assign({
className: classes,
size: compactSize,
block: true
}, restProps), leftButtonToRender, /* @__PURE__ */ reactExports.createElement(Dropdown$1, Object.assign({}, dropdownProps), rightButtonToRender));
};
DropdownButton.__ANT_BUTTON = true;
const Dropdown = Dropdown$1;
Dropdown.Button = DropdownButton;
var GithubOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z" } }] }, "name": "github", "theme": "outlined" };
var GithubOutlined = function GithubOutlined2(props, ref) {
return /* @__PURE__ */ reactExports.createElement(Icon$2, _extends({}, props, {
ref,
icon: GithubOutlined$1
}));
};
var RefIcon = /* @__PURE__ */ reactExports.forwardRef(GithubOutlined);
var _excluded = ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"];
var Icon = /* @__PURE__ */ reactExports.forwardRef(function(props, ref) {
var className = props.className, Component = props.component, viewBox = props.viewBox, spin = props.spin, rotate = props.rotate, tabIndex = props.tabIndex, onClick = props.onClick, children = props.children, restProps = _objectWithoutProperties(props, _excluded);
var iconRef = reactExports.useRef();
var mergedRef = useComposeRef(iconRef, ref);
warning$1(Boolean(Component || children), "Should have `component` prop or `children`.");
useInsertStyles(iconRef);
var _React$useContext = reactExports.useContext(IconContext), _React$useContext$pre = _React$useContext.prefixCls, prefixCls = _React$useContext$pre === void 0 ? "anticon" : _React$useContext$pre, rootClassName = _React$useContext.rootClassName;
var classString = classNames(rootClassName, prefixCls, _defineProperty({}, "".concat(prefixCls, "-spin"), !!spin && !!Component), className);
var svgClassString = classNames(_defineProperty({}, "".concat(prefixCls, "-spin"), !!spin));
var svgStyle = rotate ? {
msTransform: "rotate(".concat(rotate, "deg)"),
transform: "rotate(".concat(rotate, "deg)")
} : void 0;
var innerSvgProps = _objectSpread2(_objectSpread2({}, svgBaseProps), {}, {
className: svgClassString,
style: svgStyle,
viewBox
});
if (!viewBox) {
delete innerSvgProps.viewBox;
}
var renderInnerNode = function renderInnerNode2() {
if (Component) {
return /* @__PURE__ */ reactExports.createElement(Component, innerSvgProps, children);
}
if (children) {
warning$1(Boolean(viewBox) || reactExports.Children.count(children) === 1 && /* @__PURE__ */ reactExports.isValidElement(children) && reactExports.Children.only(children).type === "use", "Make sure that you provide correct `viewBox` prop (default `0 0 1024 1024`) to the icon.");
return /* @__PURE__ */ reactExports.createElement("svg", _extends({}, innerSvgProps, {
viewBox
}), children);
}
return null;
};
var iconTabIndex = tabIndex;
if (iconTabIndex === void 0 && onClick) {
iconTabIndex = -1;
}
return /* @__PURE__ */ reactExports.createElement("span", _extends({
role: "img"
}, restProps, {
ref: mergedRef,
tabIndex: iconTabIndex,
onClick,
className: classString
}), renderInnerNode());
});
Icon.displayName = "AntdIcon";
function useToken$1() {
const [theme2, token2, hashId] = useToken$2();
return {
theme: theme2,
token: token2,
hashId
};
}
const theme = {
/** Default seedToken */
defaultSeed: defaultConfig.token,
useToken: useToken$1
};
const SvgTheme = (props) => /* @__PURE__ */ reactExports.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", className: "", ...props }, /* @__PURE__ */ reactExports.createElement("title", null, "Theme icon"), /* @__PURE__ */ reactExports.createElement("g", { fillRule: "evenodd" }, /* @__PURE__ */ reactExports.createElement("g", { fillRule: "nonzero" }, /* @__PURE__ */ reactExports.createElement("path", { d: "M7.02 3.635l12.518 12.518a1.863 1.863 0 010 2.635l-1.317 1.318a1.863 1.863 0 01-2.635 0L3.068 7.588A2.795 2.795 0 117.02 3.635zm2.09 14.428a.932.932 0 110 1.864.932.932 0 010-1.864zm-.043-9.747L7.75 9.635l9.154 9.153 1.318-1.317-9.154-9.155zM3.52 12.473c.514 0 .931.417.931.931v.932h.932a.932.932 0 110 1.864h-.932v.931a.932.932 0 01-1.863 0l-.001-.931h-.93a.932.932 0 010-1.864h.93v-.932c0-.514.418-.931.933-.931zm15.374-3.727a1.398 1.398 0 110 2.795 1.398 1.398 0 010-2.795zM4.385 4.953a.932.932 0 000 1.317l2.046 2.047L7.75 7 5.703 4.953a.932.932 0 00-1.318 0zM14.701.36a.932.932 0 01.931.932v.931h.932a.932.932 0 010 1.864h-.933l.001.932a.932.932 0 11-1.863 0l-.001-.932h-.93a.932.932 0 110-1.864h.93v-.931a.932.932 0 01.933-.932z" }))));
const SvgAntSelectArrow = (props) => /* @__PURE__ */ reactExports.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ reactExports.createElement("path", { d: "M5.58991 6.19329L8.17658 8.77996L10.7632 6.19329C11.0232 5.93329 11.4432 5.93329 11.7032 6.19329C11.9632 6.45329 11.9632 6.87329 11.7032 7.13329L8.64324 10.1933C8.38324 10.4533 7.96324 10.4533 7.70324 10.1933L4.64324 7.13329C4.38324 6.87329 4.38324 6.45329 4.64324 6.19329C4.90324 5.93996 5.32991 5.93329 5.58991 6.19329Z", fill: "currentColor" }));
const DarkSwitch = ({ checked, onChange }) => {
const handleModeChange = (e) => {
onChange(e.target.value === "customizeCss");
};
return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { style: { padding: 8 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
Radio.Group,
{
value: checked ? "customizeCss" : "defaultCss",
onChange: handleModeChange,
options: [
{ label: "默认样式", value: "defaultCss" },
{ label: "优化样式", value: "customizeCss" }
],
optionType: "button",
buttonStyle: "solid",
size: "small"
}
) });
};
const version = "1.0.7";
const license = "https://github.com/SeahorZhang/m-team-thems";
const Github = () => {
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
Space,
{
style: {
padding: "4px 8px",
display: "flex",
justifyContent: "space-between",
alignItems: "center",
width: "100%"
},
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "查看源码", placement: "bottom", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"a",
{
href: license,
target: "_blank",
rel: "noopener noreferrer",
style: { color: "inherit" },
children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, { style: { fontSize: 16 } })
}
) }),
/* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: `更新时间：${"2025/6/5 23:24:07"}`, placement: "bottom", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
"span",
{
style: {
fontSize: 12,
color: "#999"
},
children: [
"v",
version
]
}
) })
]
}
);
};
const { useToken } = theme;
const themeItems = [
{
key: "default",
label: "默认主题"
},
{
key: "ocean",
label: "蓝色主题"
}
];
const App = () => {
const { token: token2 } = useToken();
const [selectedTheme, setSelectedTheme] = reactExports.useState(() => {
return localStorage.getItem("theme") || "default";
});
const [isCssMode, setIsCssMode] = reactExports.useState(() => {
return localStorage.getItem("cssMode") === "true";
});
reactExports.useEffect(() => {
const root = document.documentElement;
root.setAttribute("data-theme", selectedTheme);
root.setAttribute("data-css-mode", isCssMode.toString());
localStorage.setItem("theme", selectedTheme);
localStorage.setItem("cssMode", isCssMode.toString());
}, [selectedTheme, isCssMode]);
const handleThemeClick = (info) => {
const themeKey = info.key;
setSelectedTheme(themeKey);
};
const handleDarkModeChange = (checked) => {
setIsCssMode(checked);
};
const menuStyle = {
boxShadow: "none",
backgroundColor: "transparent"
};
return /* @__PURE__ */ jsxRuntimeExports.jsx(
Dropdown,
{
menu: {
items: themeItems,
selectable: true,
defaultSelectedKeys: [selectedTheme],
selectedKeys: [selectedTheme],
onClick: handleThemeClick
},
trigger: ["click"],
popupRender: (menu) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
React.cloneElement(
menu,
{ style: menuStyle }
),
/* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { style: { margin: 0 } }),
/* @__PURE__ */ jsxRuntimeExports.jsx(DarkSwitch, { checked: isCssMode, onChange: handleDarkModeChange }),
/* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { style: { margin: 0 } }),
/* @__PURE__ */ jsxRuntimeExports.jsx(Github, {})
] }),
children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
"a",
{
onClick: (e) => e.preventDefault(),
style: {
cursor: "pointer",
color: token2.colorText
},
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { style: { fontSize: "17px" }, component: SvgTheme }),
/* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { style: { fontSize: "18px" }, component: SvgAntSelectArrow })
]
}
)
}
);
};
const mountApp = () => {
const observer = new MutationObserver(() => {
var _a;
const donateBtn = document.querySelector('a[href="/donate"]');
if (donateBtn) {
console.log("找到捐赠按钮，准备插入主题切换组件");
observer.disconnect();
const parentElement = donateBtn.parentElement;
if (parentElement) {
parentElement.style.display = "flex";
parentElement.style.alignItems = "center";
}
const container = document.createElement("div");
container.style.marginRight = "6px";
container.style.paddingTop = "4px";
(_a = donateBtn.parentNode) == null ? void 0 : _a.insertBefore(container, donateBtn);
clientExports.createRoot(container).render(
/* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) })
);
}
});
observer.observe(document.documentElement, {
childList: true,
subtree: true
});
};
mountApp();
})();
