mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-23 17:48:01 +01:00
f6df3fba16
Syncs `@wordpress/*` packages to the `wp-6.7` npm tag. Fixes #61906. Props peterwilsoncc, gziolo, kevin940726. Built from https://develop.svn.wordpress.org/trunk@59072 git-svn-id: http://core.svn.wordpress.org/trunk@58468 1a063a9b-81f0-0310-95a4-ce76da25c4cd
4008 lines
179 KiB
JavaScript
4008 lines
179 KiB
JavaScript
/******/ (() => { // webpackBootstrap
|
||
/******/ "use strict";
|
||
/******/ var __webpack_modules__ = ({});
|
||
/************************************************************************/
|
||
/******/ // The module cache
|
||
/******/ var __webpack_module_cache__ = {};
|
||
/******/
|
||
/******/ // The require function
|
||
/******/ function __webpack_require__(moduleId) {
|
||
/******/ // Check if module is in cache
|
||
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
||
/******/ if (cachedModule !== undefined) {
|
||
/******/ return cachedModule.exports;
|
||
/******/ }
|
||
/******/ // Create a new module (and put it into the cache)
|
||
/******/ var module = __webpack_module_cache__[moduleId] = {
|
||
/******/ // no module.id needed
|
||
/******/ // no module.loaded needed
|
||
/******/ exports: {}
|
||
/******/ };
|
||
/******/
|
||
/******/ // Execute the module function
|
||
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
||
/******/
|
||
/******/ // Return the exports of the module
|
||
/******/ return module.exports;
|
||
/******/ }
|
||
/******/
|
||
/************************************************************************/
|
||
/******/ /* webpack/runtime/create fake namespace object */
|
||
/******/ (() => {
|
||
/******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
|
||
/******/ var leafPrototypes;
|
||
/******/ // create a fake namespace object
|
||
/******/ // mode & 1: value is a module id, require it
|
||
/******/ // mode & 2: merge all properties of value into the ns
|
||
/******/ // mode & 4: return value when already ns object
|
||
/******/ // mode & 16: return value when it's Promise-like
|
||
/******/ // mode & 8|1: behave like require
|
||
/******/ __webpack_require__.t = function(value, mode) {
|
||
/******/ if(mode & 1) value = this(value);
|
||
/******/ if(mode & 8) return value;
|
||
/******/ if(typeof value === 'object' && value) {
|
||
/******/ if((mode & 4) && value.__esModule) return value;
|
||
/******/ if((mode & 16) && typeof value.then === 'function') return value;
|
||
/******/ }
|
||
/******/ var ns = Object.create(null);
|
||
/******/ __webpack_require__.r(ns);
|
||
/******/ var def = {};
|
||
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
|
||
/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
|
||
/******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
|
||
/******/ }
|
||
/******/ def['default'] = () => (value);
|
||
/******/ __webpack_require__.d(ns, def);
|
||
/******/ return ns;
|
||
/******/ };
|
||
/******/ })();
|
||
/******/
|
||
/******/ /* webpack/runtime/define property getters */
|
||
/******/ (() => {
|
||
/******/ // define getter functions for harmony exports
|
||
/******/ __webpack_require__.d = (exports, definition) => {
|
||
/******/ for(var key in definition) {
|
||
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||
/******/ }
|
||
/******/ }
|
||
/******/ };
|
||
/******/ })();
|
||
/******/
|
||
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
||
/******/ (() => {
|
||
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||
/******/ })();
|
||
/******/
|
||
/******/ /* webpack/runtime/make namespace object */
|
||
/******/ (() => {
|
||
/******/ // define __esModule on exports
|
||
/******/ __webpack_require__.r = (exports) => {
|
||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||
/******/ }
|
||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||
/******/ };
|
||
/******/ })();
|
||
/******/
|
||
/******/ /* webpack/runtime/nonce */
|
||
/******/ (() => {
|
||
/******/ __webpack_require__.nc = undefined;
|
||
/******/ })();
|
||
/******/
|
||
/************************************************************************/
|
||
var __webpack_exports__ = {};
|
||
// ESM COMPAT FLAG
|
||
__webpack_require__.r(__webpack_exports__);
|
||
|
||
// EXPORTS
|
||
__webpack_require__.d(__webpack_exports__, {
|
||
CommandMenu: () => (/* reexport */ CommandMenu),
|
||
privateApis: () => (/* reexport */ privateApis),
|
||
store: () => (/* reexport */ store),
|
||
useCommand: () => (/* reexport */ useCommand),
|
||
useCommandLoader: () => (/* reexport */ useCommandLoader)
|
||
});
|
||
|
||
// NAMESPACE OBJECT: ./node_modules/@wordpress/commands/build-module/store/actions.js
|
||
var actions_namespaceObject = {};
|
||
__webpack_require__.r(actions_namespaceObject);
|
||
__webpack_require__.d(actions_namespaceObject, {
|
||
close: () => (actions_close),
|
||
open: () => (actions_open),
|
||
registerCommand: () => (registerCommand),
|
||
registerCommandLoader: () => (registerCommandLoader),
|
||
unregisterCommand: () => (unregisterCommand),
|
||
unregisterCommandLoader: () => (unregisterCommandLoader)
|
||
});
|
||
|
||
// NAMESPACE OBJECT: ./node_modules/@wordpress/commands/build-module/store/selectors.js
|
||
var selectors_namespaceObject = {};
|
||
__webpack_require__.r(selectors_namespaceObject);
|
||
__webpack_require__.d(selectors_namespaceObject, {
|
||
getCommandLoaders: () => (getCommandLoaders),
|
||
getCommands: () => (getCommands),
|
||
getContext: () => (getContext),
|
||
isOpen: () => (selectors_isOpen)
|
||
});
|
||
|
||
// NAMESPACE OBJECT: ./node_modules/@wordpress/commands/build-module/store/private-actions.js
|
||
var private_actions_namespaceObject = {};
|
||
__webpack_require__.r(private_actions_namespaceObject);
|
||
__webpack_require__.d(private_actions_namespaceObject, {
|
||
setContext: () => (setContext)
|
||
});
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
|
||
var U=1,Y=.9,H=.8,J=.17,p=.1,u=.999,$=.9999;var k=.99,m=/[\\\/_+.#"@\[\(\{&]/,B=/[\\\/_+.#"@\[\(\{&]/g,K=/[\s-]/,X=/[\s-]/g;function G(_,C,h,P,A,f,O){if(f===C.length)return A===_.length?U:k;var T=`${A},${f}`;if(O[T]!==void 0)return O[T];for(var L=P.charAt(f),c=h.indexOf(L,A),S=0,E,N,R,M;c>=0;)E=G(_,C,h,P,c+1,f+1,O),E>S&&(c===A?E*=U:m.test(_.charAt(c-1))?(E*=H,R=_.slice(A,c-1).match(B),R&&A>0&&(E*=Math.pow(u,R.length))):K.test(_.charAt(c-1))?(E*=Y,M=_.slice(A,c-1).match(X),M&&A>0&&(E*=Math.pow(u,M.length))):(E*=J,A>0&&(E*=Math.pow(u,c-A))),_.charAt(c)!==C.charAt(f)&&(E*=$)),(E<p&&h.charAt(c-1)===P.charAt(f+1)||P.charAt(f+1)===P.charAt(f)&&h.charAt(c-1)!==P.charAt(f))&&(N=G(_,C,h,P,c+1,f+2,O),N*p>E&&(E=N*p)),E>S&&(S=E),c=h.indexOf(L,c+1);return O[T]=S,S}function D(_){return _.toLowerCase().replace(X," ")}function W(_,C,h){return _=h&&h.length>0?`${_+" "+h.join(" ")}`:_,G(_,C,D(_),D(C),0,0,{})}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
||
function _extends() {
|
||
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
||
for (var i = 1; i < arguments.length; i++) {
|
||
var source = arguments[i];
|
||
for (var key in source) {
|
||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||
target[key] = source[key];
|
||
}
|
||
}
|
||
}
|
||
return target;
|
||
};
|
||
return _extends.apply(this, arguments);
|
||
}
|
||
;// CONCATENATED MODULE: external "React"
|
||
const external_React_namespaceObject = window["React"];
|
||
var external_React_namespaceObject_0 = /*#__PURE__*/__webpack_require__.t(external_React_namespaceObject, 2);
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/primitive/dist/index.mjs
|
||
function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true } = {}) {
|
||
return function handleEvent(event) {
|
||
originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
|
||
if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
|
||
};
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-compose-refs/dist/index.mjs
|
||
|
||
|
||
|
||
/**
|
||
* Set a given ref to a given value
|
||
* This utility takes care of different types of refs: callback refs and RefObject(s)
|
||
*/ function $6ed0406888f73fc4$var$setRef(ref, value) {
|
||
if (typeof ref === 'function') ref(value);
|
||
else if (ref !== null && ref !== undefined) ref.current = value;
|
||
}
|
||
/**
|
||
* A utility to compose multiple refs together
|
||
* Accepts callback refs and RefObject(s)
|
||
*/ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
|
||
return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)
|
||
)
|
||
;
|
||
}
|
||
/**
|
||
* A custom hook that composes multiple refs
|
||
* Accepts callback refs and RefObject(s)
|
||
*/ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
|
||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||
return (0,external_React_namespaceObject.useCallback)($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-context/dist/index.mjs
|
||
|
||
|
||
|
||
function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
|
||
const Context = /*#__PURE__*/ (0,external_React_namespaceObject.createContext)(defaultContext);
|
||
function Provider(props) {
|
||
const { children: children , ...context } = props; // Only re-memoize when prop values change
|
||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||
const value = (0,external_React_namespaceObject.useMemo)(()=>context
|
||
, Object.values(context));
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)(Context.Provider, {
|
||
value: value
|
||
}, children);
|
||
}
|
||
function useContext(consumerName) {
|
||
const context = (0,external_React_namespaceObject.useContext)(Context);
|
||
if (context) return context;
|
||
if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
|
||
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
||
}
|
||
Provider.displayName = rootComponentName + 'Provider';
|
||
return [
|
||
Provider,
|
||
useContext
|
||
];
|
||
}
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* createContextScope
|
||
* -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
|
||
let defaultContexts = [];
|
||
/* -----------------------------------------------------------------------------------------------
|
||
* createContext
|
||
* ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
|
||
const BaseContext = /*#__PURE__*/ (0,external_React_namespaceObject.createContext)(defaultContext);
|
||
const index = defaultContexts.length;
|
||
defaultContexts = [
|
||
...defaultContexts,
|
||
defaultContext
|
||
];
|
||
function Provider(props) {
|
||
const { scope: scope , children: children , ...context } = props;
|
||
const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change
|
||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||
const value = (0,external_React_namespaceObject.useMemo)(()=>context
|
||
, Object.values(context));
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)(Context.Provider, {
|
||
value: value
|
||
}, children);
|
||
}
|
||
function useContext(consumerName, scope) {
|
||
const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
|
||
const context = (0,external_React_namespaceObject.useContext)(Context);
|
||
if (context) return context;
|
||
if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
|
||
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
||
}
|
||
Provider.displayName = rootComponentName + 'Provider';
|
||
return [
|
||
Provider,
|
||
useContext
|
||
];
|
||
}
|
||
/* -----------------------------------------------------------------------------------------------
|
||
* createScope
|
||
* ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
|
||
const scopeContexts = defaultContexts.map((defaultContext)=>{
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createContext)(defaultContext);
|
||
});
|
||
return function useScope(scope) {
|
||
const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
|
||
return (0,external_React_namespaceObject.useMemo)(()=>({
|
||
[`__scope${scopeName}`]: {
|
||
...scope,
|
||
[scopeName]: contexts
|
||
}
|
||
})
|
||
, [
|
||
scope,
|
||
contexts
|
||
]);
|
||
};
|
||
};
|
||
createScope.scopeName = scopeName;
|
||
return [
|
||
$c512c27ab02ef895$export$fd42f52fd3ae1109,
|
||
$c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
|
||
];
|
||
}
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* composeContextScopes
|
||
* -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
|
||
const baseScope = scopes[0];
|
||
if (scopes.length === 1) return baseScope;
|
||
const createScope1 = ()=>{
|
||
const scopeHooks = scopes.map((createScope)=>({
|
||
useScope: createScope(),
|
||
scopeName: createScope.scopeName
|
||
})
|
||
);
|
||
return function useComposedScopes(overrideScopes) {
|
||
const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope: useScope , scopeName: scopeName })=>{
|
||
// We are calling a hook inside a callback which React warns against to avoid inconsistent
|
||
// renders, however, scoping doesn't have render side effects so we ignore the rule.
|
||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||
const scopeProps = useScope(overrideScopes);
|
||
const currentScope = scopeProps[`__scope${scopeName}`];
|
||
return {
|
||
...nextScopes,
|
||
...currentScope
|
||
};
|
||
}, {});
|
||
return (0,external_React_namespaceObject.useMemo)(()=>({
|
||
[`__scope${baseScope.scopeName}`]: nextScopes1
|
||
})
|
||
, [
|
||
nextScopes1
|
||
]);
|
||
};
|
||
};
|
||
createScope1.scopeName = baseScope.scopeName;
|
||
return createScope1;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
|
||
|
||
|
||
|
||
/**
|
||
* On the server, React emits a warning when calling `useLayoutEffect`.
|
||
* This is because neither `useLayoutEffect` nor `useEffect` run on the server.
|
||
* We use this safe version which suppresses the warning by replacing it with a noop on the server.
|
||
*
|
||
* See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
|
||
*/ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? external_React_namespaceObject.useLayoutEffect : ()=>{};
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-id/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
const $1746a345f3d73bb7$var$useReactId = external_React_namespaceObject_0['useId'.toString()] || (()=>undefined
|
||
);
|
||
let $1746a345f3d73bb7$var$count = 0;
|
||
function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
|
||
const [id, setId] = external_React_namespaceObject.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
|
||
$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
|
||
if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
|
||
);
|
||
}, [
|
||
deterministicId
|
||
]);
|
||
return deterministicId || (id ? `radix-${id}` : '');
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
|
||
|
||
|
||
|
||
/**
|
||
* A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
|
||
* prop or avoid re-executing effects when passed as a dependency
|
||
*/ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
|
||
const callbackRef = (0,external_React_namespaceObject.useRef)(callback);
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
callbackRef.current = callback;
|
||
}); // https://github.com/facebook/react/issues/19240
|
||
return (0,external_React_namespaceObject.useMemo)(()=>(...args)=>{
|
||
var _callbackRef$current;
|
||
return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
|
||
}
|
||
, []);
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{} }) {
|
||
const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
|
||
defaultProp: defaultProp,
|
||
onChange: onChange
|
||
});
|
||
const isControlled = prop !== undefined;
|
||
const value1 = isControlled ? prop : uncontrolledProp;
|
||
const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
|
||
const setValue = (0,external_React_namespaceObject.useCallback)((nextValue)=>{
|
||
if (isControlled) {
|
||
const setter = nextValue;
|
||
const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
|
||
if (value !== prop) handleChange(value);
|
||
} else setUncontrolledProp(nextValue);
|
||
}, [
|
||
isControlled,
|
||
prop,
|
||
setUncontrolledProp,
|
||
handleChange
|
||
]);
|
||
return [
|
||
value1,
|
||
setValue
|
||
];
|
||
}
|
||
function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange }) {
|
||
const uncontrolledState = (0,external_React_namespaceObject.useState)(defaultProp);
|
||
const [value] = uncontrolledState;
|
||
const prevValueRef = (0,external_React_namespaceObject.useRef)(value);
|
||
const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
if (prevValueRef.current !== value) {
|
||
handleChange(value);
|
||
prevValueRef.current = value;
|
||
}
|
||
}, [
|
||
value,
|
||
prevValueRef,
|
||
handleChange
|
||
]);
|
||
return uncontrolledState;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: external "ReactDOM"
|
||
const external_ReactDOM_namespaceObject = window["ReactDOM"];
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-slot/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* Slot
|
||
* -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { children: children , ...slotProps } = props;
|
||
const childrenArray = external_React_namespaceObject.Children.toArray(children);
|
||
const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
|
||
if (slottable) {
|
||
// the new element to render is the one passed as a child of `Slottable`
|
||
const newElement = slottable.props.children;
|
||
const newChildren = childrenArray.map((child)=>{
|
||
if (child === slottable) {
|
||
// because the new element will be the one rendered, we are only interested
|
||
// in grabbing its children (`newElement.props.children`)
|
||
if (external_React_namespaceObject.Children.count(newElement) > 1) return external_React_namespaceObject.Children.only(null);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.isValidElement)(newElement) ? newElement.props.children : null;
|
||
} else return child;
|
||
});
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
|
||
ref: forwardedRef
|
||
}), /*#__PURE__*/ (0,external_React_namespaceObject.isValidElement)(newElement) ? /*#__PURE__*/ (0,external_React_namespaceObject.cloneElement)(newElement, undefined, newChildren) : null);
|
||
}
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
|
||
ref: forwardedRef
|
||
}), children);
|
||
});
|
||
$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* SlotClone
|
||
* -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { children: children , ...slotProps } = props;
|
||
if (/*#__PURE__*/ (0,external_React_namespaceObject.isValidElement)(children)) return /*#__PURE__*/ (0,external_React_namespaceObject.cloneElement)(children, {
|
||
...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
|
||
ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
|
||
});
|
||
return external_React_namespaceObject.Children.count(children) > 1 ? external_React_namespaceObject.Children.only(null) : null;
|
||
});
|
||
$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* Slottable
|
||
* -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children })=>{
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)(external_React_namespaceObject.Fragment, null, children);
|
||
};
|
||
/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.isValidElement)(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
|
||
}
|
||
function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
|
||
// all child props should override
|
||
const overrideProps = {
|
||
...childProps
|
||
};
|
||
for(const propName in childProps){
|
||
const slotPropValue = slotProps[propName];
|
||
const childPropValue = childProps[propName];
|
||
const isHandler = /^on[A-Z]/.test(propName);
|
||
if (isHandler) {
|
||
// if the handler exists on both, we compose them
|
||
if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{
|
||
childPropValue(...args);
|
||
slotPropValue(...args);
|
||
};
|
||
else if (slotPropValue) overrideProps[propName] = slotPropValue;
|
||
} else if (propName === 'style') overrideProps[propName] = {
|
||
...slotPropValue,
|
||
...childPropValue
|
||
};
|
||
else if (propName === 'className') overrideProps[propName] = [
|
||
slotPropValue,
|
||
childPropValue
|
||
].filter(Boolean).join(' ');
|
||
}
|
||
return {
|
||
...slotProps,
|
||
...overrideProps
|
||
};
|
||
}
|
||
const $5e63c961fc1ce211$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && ($5e63c961fc1ce211$export$8c6ed5c666ac1360));
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-primitive/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
const $8927f6f2acc4f386$var$NODES = [
|
||
'a',
|
||
'button',
|
||
'div',
|
||
'form',
|
||
'h2',
|
||
'h3',
|
||
'img',
|
||
'input',
|
||
'label',
|
||
'li',
|
||
'nav',
|
||
'ol',
|
||
'p',
|
||
'span',
|
||
'svg',
|
||
'ul'
|
||
]; // Temporary while we await merge of this fix:
|
||
// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396
|
||
// prettier-ignore
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* Primitive
|
||
* -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
|
||
const Node = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { asChild: asChild , ...primitiveProps } = props;
|
||
const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
window[Symbol.for('radix-ui')] = true;
|
||
}, []);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)(Comp, _extends({}, primitiveProps, {
|
||
ref: forwardedRef
|
||
}));
|
||
});
|
||
Node.displayName = `Primitive.${node}`;
|
||
return {
|
||
...primitive,
|
||
[node]: Node
|
||
};
|
||
}, {});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* Utils
|
||
* -----------------------------------------------------------------------------------------------*/ /**
|
||
* Flush custom event dispatch
|
||
* https://github.com/radix-ui/primitives/pull/1378
|
||
*
|
||
* React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.
|
||
*
|
||
* Internally, React prioritises events in the following order:
|
||
* - discrete
|
||
* - continuous
|
||
* - default
|
||
*
|
||
* https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350
|
||
*
|
||
* `discrete` is an important distinction as updates within these events are applied immediately.
|
||
* React however, is not able to infer the priority of custom event types due to how they are detected internally.
|
||
* Because of this, it's possible for updates from custom events to be unexpectedly batched when
|
||
* dispatched by another `discrete` event.
|
||
*
|
||
* In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.
|
||
* This utility should be used when dispatching a custom event from within another `discrete` event, this utility
|
||
* is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.
|
||
* For example:
|
||
*
|
||
* dispatching a known click 👎
|
||
* target.dispatchEvent(new Event(‘click’))
|
||
*
|
||
* dispatching a custom type within a non-discrete event 👎
|
||
* onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}
|
||
*
|
||
* dispatching a custom type within a `discrete` event 👍
|
||
* onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}
|
||
*
|
||
* Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's not recommended to use
|
||
* this utility with them. This is because it's possible for those handlers to be called implicitly during render
|
||
* e.g. when focus is within a component as it is unmounted, or when managing focus on mount.
|
||
*/ function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {
|
||
if (target) (0,external_ReactDOM_namespaceObject.flushSync)(()=>target.dispatchEvent(event)
|
||
);
|
||
}
|
||
/* -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && ($8927f6f2acc4f386$export$250ffa63cdc0d034));
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Listens for when the escape key is down
|
||
*/ function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
|
||
const onEscapeKeyDown = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
const handleKeyDown = (event)=>{
|
||
if (event.key === 'Escape') onEscapeKeyDown(event);
|
||
};
|
||
ownerDocument.addEventListener('keydown', handleKeyDown);
|
||
return ()=>ownerDocument.removeEventListener('keydown', handleKeyDown)
|
||
;
|
||
}, [
|
||
onEscapeKeyDown,
|
||
ownerDocument
|
||
]);
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DismissableLayer
|
||
* -----------------------------------------------------------------------------------------------*/ const $5cb92bef7577960e$var$DISMISSABLE_LAYER_NAME = 'DismissableLayer';
|
||
const $5cb92bef7577960e$var$CONTEXT_UPDATE = 'dismissableLayer.update';
|
||
const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';
|
||
const $5cb92bef7577960e$var$FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';
|
||
let $5cb92bef7577960e$var$originalBodyPointerEvents;
|
||
const $5cb92bef7577960e$var$DismissableLayerContext = /*#__PURE__*/ (0,external_React_namespaceObject.createContext)({
|
||
layers: new Set(),
|
||
layersWithOutsidePointerEventsDisabled: new Set(),
|
||
branches: new Set()
|
||
});
|
||
const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
var _node$ownerDocument;
|
||
const { disableOutsidePointerEvents: disableOutsidePointerEvents = false , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , onDismiss: onDismiss , ...layerProps } = props;
|
||
const context = (0,external_React_namespaceObject.useContext)($5cb92bef7577960e$var$DismissableLayerContext);
|
||
const [node1, setNode] = (0,external_React_namespaceObject.useState)(null);
|
||
const ownerDocument = (_node$ownerDocument = node1 === null || node1 === void 0 ? void 0 : node1.ownerDocument) !== null && _node$ownerDocument !== void 0 ? _node$ownerDocument : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
|
||
const [, force] = (0,external_React_namespaceObject.useState)({});
|
||
const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
|
||
);
|
||
const layers = Array.from(context.layers);
|
||
const [highestLayerWithOutsidePointerEventsDisabled] = [
|
||
...context.layersWithOutsidePointerEventsDisabled
|
||
].slice(-1); // prettier-ignore
|
||
const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore
|
||
const index = node1 ? layers.indexOf(node1) : -1;
|
||
const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
|
||
const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
|
||
const pointerDownOutside = $5cb92bef7577960e$var$usePointerDownOutside((event)=>{
|
||
const target = event.target;
|
||
const isPointerDownOnBranch = [
|
||
...context.branches
|
||
].some((branch)=>branch.contains(target)
|
||
);
|
||
if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
|
||
onPointerDownOutside === null || onPointerDownOutside === void 0 || onPointerDownOutside(event);
|
||
onInteractOutside === null || onInteractOutside === void 0 || onInteractOutside(event);
|
||
if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
|
||
}, ownerDocument);
|
||
const focusOutside = $5cb92bef7577960e$var$useFocusOutside((event)=>{
|
||
const target = event.target;
|
||
const isFocusInBranch = [
|
||
...context.branches
|
||
].some((branch)=>branch.contains(target)
|
||
);
|
||
if (isFocusInBranch) return;
|
||
onFocusOutside === null || onFocusOutside === void 0 || onFocusOutside(event);
|
||
onInteractOutside === null || onInteractOutside === void 0 || onInteractOutside(event);
|
||
if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
|
||
}, ownerDocument);
|
||
$addc16e1bbe58fd0$export$3a72a57244d6e765((event)=>{
|
||
const isHighestLayer = index === context.layers.size - 1;
|
||
if (!isHighestLayer) return;
|
||
onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event);
|
||
if (!event.defaultPrevented && onDismiss) {
|
||
event.preventDefault();
|
||
onDismiss();
|
||
}
|
||
}, ownerDocument);
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
if (!node1) return;
|
||
if (disableOutsidePointerEvents) {
|
||
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
||
$5cb92bef7577960e$var$originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
|
||
ownerDocument.body.style.pointerEvents = 'none';
|
||
}
|
||
context.layersWithOutsidePointerEventsDisabled.add(node1);
|
||
}
|
||
context.layers.add(node1);
|
||
$5cb92bef7577960e$var$dispatchUpdate();
|
||
return ()=>{
|
||
if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) ownerDocument.body.style.pointerEvents = $5cb92bef7577960e$var$originalBodyPointerEvents;
|
||
};
|
||
}, [
|
||
node1,
|
||
ownerDocument,
|
||
disableOutsidePointerEvents,
|
||
context
|
||
]);
|
||
/**
|
||
* We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect
|
||
* because a change to `disableOutsidePointerEvents` would remove this layer from the stack
|
||
* and add it to the end again so the layering order wouldn't be _creation order_.
|
||
* We only want them to be removed from context stacks when unmounted.
|
||
*/ (0,external_React_namespaceObject.useEffect)(()=>{
|
||
return ()=>{
|
||
if (!node1) return;
|
||
context.layers.delete(node1);
|
||
context.layersWithOutsidePointerEventsDisabled.delete(node1);
|
||
$5cb92bef7577960e$var$dispatchUpdate();
|
||
};
|
||
}, [
|
||
node1,
|
||
context
|
||
]);
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
const handleUpdate = ()=>force({})
|
||
;
|
||
document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate);
|
||
return ()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate)
|
||
;
|
||
}, []);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, layerProps, {
|
||
ref: composedRefs,
|
||
style: {
|
||
pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,
|
||
...props.style
|
||
},
|
||
onFocusCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusCapture, focusOutside.onFocusCapture),
|
||
onBlurCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlurCapture, focusOutside.onBlurCapture),
|
||
onPointerDownCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
|
||
}));
|
||
});
|
||
/*#__PURE__*/ Object.assign($5cb92bef7577960e$export$177fb62ff3ec1f22, {
|
||
displayName: $5cb92bef7577960e$var$DISMISSABLE_LAYER_NAME
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DismissableLayerBranch
|
||
* -----------------------------------------------------------------------------------------------*/ const $5cb92bef7577960e$var$BRANCH_NAME = 'DismissableLayerBranch';
|
||
const $5cb92bef7577960e$export$4d5eb2109db14228 = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const context = (0,external_React_namespaceObject.useContext)($5cb92bef7577960e$var$DismissableLayerContext);
|
||
const ref = (0,external_React_namespaceObject.useRef)(null);
|
||
const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
const node = ref.current;
|
||
if (node) {
|
||
context.branches.add(node);
|
||
return ()=>{
|
||
context.branches.delete(node);
|
||
};
|
||
}
|
||
}, [
|
||
context.branches
|
||
]);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, props, {
|
||
ref: composedRefs
|
||
}));
|
||
});
|
||
/*#__PURE__*/ Object.assign($5cb92bef7577960e$export$4d5eb2109db14228, {
|
||
displayName: $5cb92bef7577960e$var$BRANCH_NAME
|
||
});
|
||
/* -----------------------------------------------------------------------------------------------*/ /**
|
||
* Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`
|
||
* to mimic layer dismissing behaviour present in OS.
|
||
* Returns props to pass to the node we want to check for outside events.
|
||
*/ function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
|
||
const handlePointerDownOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside);
|
||
const isPointerInsideReactTreeRef = (0,external_React_namespaceObject.useRef)(false);
|
||
const handleClickRef = (0,external_React_namespaceObject.useRef)(()=>{});
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
const handlePointerDown = (event)=>{
|
||
if (event.target && !isPointerInsideReactTreeRef.current) {
|
||
const eventDetail = {
|
||
originalEvent: event
|
||
};
|
||
function handleAndDispatchPointerDownOutsideEvent() {
|
||
$5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
|
||
discrete: true
|
||
});
|
||
}
|
||
/**
|
||
* On touch devices, we need to wait for a click event because browsers implement
|
||
* a ~350ms delay between the time the user stops touching the display and when the
|
||
* browser executres events. We need to ensure we don't reactivate pointer-events within
|
||
* this timeframe otherwise the browser may execute events that should have been prevented.
|
||
*
|
||
* Additionally, this also lets us deal automatically with cancellations when a click event
|
||
* isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.
|
||
*
|
||
* This is why we also continuously remove the previous listener, because we cannot be
|
||
* certain that it was raised, and therefore cleaned-up.
|
||
*/ if (event.pointerType === 'touch') {
|
||
ownerDocument.removeEventListener('click', handleClickRef.current);
|
||
handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
|
||
ownerDocument.addEventListener('click', handleClickRef.current, {
|
||
once: true
|
||
});
|
||
} else handleAndDispatchPointerDownOutsideEvent();
|
||
} else // We need to remove the event listener in case the outside click has been canceled.
|
||
// See: https://github.com/radix-ui/primitives/issues/2171
|
||
ownerDocument.removeEventListener('click', handleClickRef.current);
|
||
isPointerInsideReactTreeRef.current = false;
|
||
};
|
||
/**
|
||
* if this hook executes in a component that mounts via a `pointerdown` event, the event
|
||
* would bubble up to the document and trigger a `pointerDownOutside` event. We avoid
|
||
* this by delaying the event listener registration on the document.
|
||
* This is not React specific, but rather how the DOM works, ie:
|
||
* ```
|
||
* button.addEventListener('pointerdown', () => {
|
||
* console.log('I will log');
|
||
* document.addEventListener('pointerdown', () => {
|
||
* console.log('I will also log');
|
||
* })
|
||
* });
|
||
*/ const timerId = window.setTimeout(()=>{
|
||
ownerDocument.addEventListener('pointerdown', handlePointerDown);
|
||
}, 0);
|
||
return ()=>{
|
||
window.clearTimeout(timerId);
|
||
ownerDocument.removeEventListener('pointerdown', handlePointerDown);
|
||
ownerDocument.removeEventListener('click', handleClickRef.current);
|
||
};
|
||
}, [
|
||
ownerDocument,
|
||
handlePointerDownOutside
|
||
]);
|
||
return {
|
||
// ensures we check React component tree (not just DOM tree)
|
||
onPointerDownCapture: ()=>isPointerInsideReactTreeRef.current = true
|
||
};
|
||
}
|
||
/**
|
||
* Listens for when focus happens outside a react subtree.
|
||
* Returns props to pass to the root (node) of the subtree we want to check.
|
||
*/ function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
|
||
const handleFocusOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside);
|
||
const isFocusInsideReactTreeRef = (0,external_React_namespaceObject.useRef)(false);
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
const handleFocus = (event)=>{
|
||
if (event.target && !isFocusInsideReactTreeRef.current) {
|
||
const eventDetail = {
|
||
originalEvent: event
|
||
};
|
||
$5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
|
||
discrete: false
|
||
});
|
||
}
|
||
};
|
||
ownerDocument.addEventListener('focusin', handleFocus);
|
||
return ()=>ownerDocument.removeEventListener('focusin', handleFocus)
|
||
;
|
||
}, [
|
||
ownerDocument,
|
||
handleFocusOutside
|
||
]);
|
||
return {
|
||
onFocusCapture: ()=>isFocusInsideReactTreeRef.current = true
|
||
,
|
||
onBlurCapture: ()=>isFocusInsideReactTreeRef.current = false
|
||
};
|
||
}
|
||
function $5cb92bef7577960e$var$dispatchUpdate() {
|
||
const event = new CustomEvent($5cb92bef7577960e$var$CONTEXT_UPDATE);
|
||
document.dispatchEvent(event);
|
||
}
|
||
function $5cb92bef7577960e$var$handleAndDispatchCustomEvent(name, handler, detail, { discrete: discrete }) {
|
||
const target = detail.originalEvent.target;
|
||
const event = new CustomEvent(name, {
|
||
bubbles: false,
|
||
cancelable: true,
|
||
detail: detail
|
||
});
|
||
if (handler) target.addEventListener(name, handler, {
|
||
once: true
|
||
});
|
||
if (discrete) $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event);
|
||
else target.dispatchEvent(event);
|
||
}
|
||
const $5cb92bef7577960e$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && ($5cb92bef7577960e$export$177fb62ff3ec1f22));
|
||
const $5cb92bef7577960e$export$aecb2ddcb55c95be = (/* unused pure expression or super */ null && ($5cb92bef7577960e$export$4d5eb2109db14228));
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
const $d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount';
|
||
const $d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount';
|
||
const $d3863c46a17e8a28$var$EVENT_OPTIONS = {
|
||
bubbles: false,
|
||
cancelable: true
|
||
};
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* FocusScope
|
||
* -----------------------------------------------------------------------------------------------*/ const $d3863c46a17e8a28$var$FOCUS_SCOPE_NAME = 'FocusScope';
|
||
const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { loop: loop = false , trapped: trapped = false , onMountAutoFocus: onMountAutoFocusProp , onUnmountAutoFocus: onUnmountAutoFocusProp , ...scopeProps } = props;
|
||
const [container1, setContainer] = (0,external_React_namespaceObject.useState)(null);
|
||
const onMountAutoFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onMountAutoFocusProp);
|
||
const onUnmountAutoFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onUnmountAutoFocusProp);
|
||
const lastFocusedElementRef = (0,external_React_namespaceObject.useRef)(null);
|
||
const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setContainer(node)
|
||
);
|
||
const focusScope = (0,external_React_namespaceObject.useRef)({
|
||
paused: false,
|
||
pause () {
|
||
this.paused = true;
|
||
},
|
||
resume () {
|
||
this.paused = false;
|
||
}
|
||
}).current; // Takes care of trapping focus if focus is moved outside programmatically for example
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
if (trapped) {
|
||
function handleFocusIn(event) {
|
||
if (focusScope.paused || !container1) return;
|
||
const target = event.target;
|
||
if (container1.contains(target)) lastFocusedElementRef.current = target;
|
||
else $d3863c46a17e8a28$var$focus(lastFocusedElementRef.current, {
|
||
select: true
|
||
});
|
||
}
|
||
function handleFocusOut(event) {
|
||
if (focusScope.paused || !container1) return;
|
||
const relatedTarget = event.relatedTarget; // A `focusout` event with a `null` `relatedTarget` will happen in at least two cases:
|
||
//
|
||
// 1. When the user switches app/tabs/windows/the browser itself loses focus.
|
||
// 2. In Google Chrome, when the focused element is removed from the DOM.
|
||
//
|
||
// We let the browser do its thing here because:
|
||
//
|
||
// 1. The browser already keeps a memory of what's focused for when the page gets refocused.
|
||
// 2. In Google Chrome, if we try to focus the deleted focused element (as per below), it
|
||
// throws the CPU to 100%, so we avoid doing anything for this reason here too.
|
||
if (relatedTarget === null) return; // If the focus has moved to an actual legitimate element (`relatedTarget !== null`)
|
||
// that is outside the container, we move focus to the last valid focused element inside.
|
||
if (!container1.contains(relatedTarget)) $d3863c46a17e8a28$var$focus(lastFocusedElementRef.current, {
|
||
select: true
|
||
});
|
||
} // When the focused element gets removed from the DOM, browsers move focus
|
||
// back to the document.body. In this case, we move focus to the container
|
||
// to keep focus trapped correctly.
|
||
function handleMutations(mutations) {
|
||
const focusedElement = document.activeElement;
|
||
if (focusedElement !== document.body) return;
|
||
for (const mutation of mutations)if (mutation.removedNodes.length > 0) $d3863c46a17e8a28$var$focus(container1);
|
||
}
|
||
document.addEventListener('focusin', handleFocusIn);
|
||
document.addEventListener('focusout', handleFocusOut);
|
||
const mutationObserver = new MutationObserver(handleMutations);
|
||
if (container1) mutationObserver.observe(container1, {
|
||
childList: true,
|
||
subtree: true
|
||
});
|
||
return ()=>{
|
||
document.removeEventListener('focusin', handleFocusIn);
|
||
document.removeEventListener('focusout', handleFocusOut);
|
||
mutationObserver.disconnect();
|
||
};
|
||
}
|
||
}, [
|
||
trapped,
|
||
container1,
|
||
focusScope.paused
|
||
]);
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
if (container1) {
|
||
$d3863c46a17e8a28$var$focusScopesStack.add(focusScope);
|
||
const previouslyFocusedElement = document.activeElement;
|
||
const hasFocusedCandidate = container1.contains(previouslyFocusedElement);
|
||
if (!hasFocusedCandidate) {
|
||
const mountEvent = new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT, $d3863c46a17e8a28$var$EVENT_OPTIONS);
|
||
container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
||
container1.dispatchEvent(mountEvent);
|
||
if (!mountEvent.defaultPrevented) {
|
||
$d3863c46a17e8a28$var$focusFirst($d3863c46a17e8a28$var$removeLinks($d3863c46a17e8a28$var$getTabbableCandidates(container1)), {
|
||
select: true
|
||
});
|
||
if (document.activeElement === previouslyFocusedElement) $d3863c46a17e8a28$var$focus(container1);
|
||
}
|
||
}
|
||
return ()=>{
|
||
container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT, onMountAutoFocus); // We hit a react bug (fixed in v17) with focusing in unmount.
|
||
// We need to delay the focus a little to get around it for now.
|
||
// See: https://github.com/facebook/react/issues/17894
|
||
setTimeout(()=>{
|
||
const unmountEvent = new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT, $d3863c46a17e8a28$var$EVENT_OPTIONS);
|
||
container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
||
container1.dispatchEvent(unmountEvent);
|
||
if (!unmountEvent.defaultPrevented) $d3863c46a17e8a28$var$focus(previouslyFocusedElement !== null && previouslyFocusedElement !== void 0 ? previouslyFocusedElement : document.body, {
|
||
select: true
|
||
});
|
||
// we need to remove the listener after we `dispatchEvent`
|
||
container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
||
$d3863c46a17e8a28$var$focusScopesStack.remove(focusScope);
|
||
}, 0);
|
||
};
|
||
}
|
||
}, [
|
||
container1,
|
||
onMountAutoFocus,
|
||
onUnmountAutoFocus,
|
||
focusScope
|
||
]); // Takes care of looping focus (when tabbing whilst at the edges)
|
||
const handleKeyDown = (0,external_React_namespaceObject.useCallback)((event)=>{
|
||
if (!loop && !trapped) return;
|
||
if (focusScope.paused) return;
|
||
const isTabKey = event.key === 'Tab' && !event.altKey && !event.ctrlKey && !event.metaKey;
|
||
const focusedElement = document.activeElement;
|
||
if (isTabKey && focusedElement) {
|
||
const container = event.currentTarget;
|
||
const [first, last] = $d3863c46a17e8a28$var$getTabbableEdges(container);
|
||
const hasTabbableElementsInside = first && last; // we can only wrap focus if we have tabbable edges
|
||
if (!hasTabbableElementsInside) {
|
||
if (focusedElement === container) event.preventDefault();
|
||
} else {
|
||
if (!event.shiftKey && focusedElement === last) {
|
||
event.preventDefault();
|
||
if (loop) $d3863c46a17e8a28$var$focus(first, {
|
||
select: true
|
||
});
|
||
} else if (event.shiftKey && focusedElement === first) {
|
||
event.preventDefault();
|
||
if (loop) $d3863c46a17e8a28$var$focus(last, {
|
||
select: true
|
||
});
|
||
}
|
||
}
|
||
}
|
||
}, [
|
||
loop,
|
||
trapped,
|
||
focusScope.paused
|
||
]);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
|
||
tabIndex: -1
|
||
}, scopeProps, {
|
||
ref: composedRefs,
|
||
onKeyDown: handleKeyDown
|
||
}));
|
||
});
|
||
/*#__PURE__*/ Object.assign($d3863c46a17e8a28$export$20e40289641fbbb6, {
|
||
displayName: $d3863c46a17e8a28$var$FOCUS_SCOPE_NAME
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* Utils
|
||
* -----------------------------------------------------------------------------------------------*/ /**
|
||
* Attempts focusing the first element in a list of candidates.
|
||
* Stops when focus has actually moved.
|
||
*/ function $d3863c46a17e8a28$var$focusFirst(candidates, { select: select = false } = {}) {
|
||
const previouslyFocusedElement = document.activeElement;
|
||
for (const candidate of candidates){
|
||
$d3863c46a17e8a28$var$focus(candidate, {
|
||
select: select
|
||
});
|
||
if (document.activeElement !== previouslyFocusedElement) return;
|
||
}
|
||
}
|
||
/**
|
||
* Returns the first and last tabbable elements inside a container.
|
||
*/ function $d3863c46a17e8a28$var$getTabbableEdges(container) {
|
||
const candidates = $d3863c46a17e8a28$var$getTabbableCandidates(container);
|
||
const first = $d3863c46a17e8a28$var$findVisible(candidates, container);
|
||
const last = $d3863c46a17e8a28$var$findVisible(candidates.reverse(), container);
|
||
return [
|
||
first,
|
||
last
|
||
];
|
||
}
|
||
/**
|
||
* Returns a list of potential tabbable candidates.
|
||
*
|
||
* NOTE: This is only a close approximation. For example it doesn't take into account cases like when
|
||
* elements are not visible. This cannot be worked out easily by just reading a property, but rather
|
||
* necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.
|
||
*
|
||
* See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
|
||
* Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
|
||
*/ function $d3863c46a17e8a28$var$getTabbableCandidates(container) {
|
||
const nodes = [];
|
||
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
||
acceptNode: (node)=>{
|
||
const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden';
|
||
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP; // `.tabIndex` is not the same as the `tabindex` attribute. It works on the
|
||
// runtime's understanding of tabbability, so this automatically accounts
|
||
// for any kind of element that could be tabbed to.
|
||
return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
||
}
|
||
});
|
||
while(walker.nextNode())nodes.push(walker.currentNode); // we do not take into account the order of nodes with positive `tabIndex` as it
|
||
// hinders accessibility to have tab order different from visual order.
|
||
return nodes;
|
||
}
|
||
/**
|
||
* Returns the first visible element in a list.
|
||
* NOTE: Only checks visibility up to the `container`.
|
||
*/ function $d3863c46a17e8a28$var$findVisible(elements, container) {
|
||
for (const element of elements){
|
||
// we stop checking if it's hidden at the `container` level (excluding)
|
||
if (!$d3863c46a17e8a28$var$isHidden(element, {
|
||
upTo: container
|
||
})) return element;
|
||
}
|
||
}
|
||
function $d3863c46a17e8a28$var$isHidden(node, { upTo: upTo }) {
|
||
if (getComputedStyle(node).visibility === 'hidden') return true;
|
||
while(node){
|
||
// we stop at `upTo` (excluding it)
|
||
if (upTo !== undefined && node === upTo) return false;
|
||
if (getComputedStyle(node).display === 'none') return true;
|
||
node = node.parentElement;
|
||
}
|
||
return false;
|
||
}
|
||
function $d3863c46a17e8a28$var$isSelectableInput(element) {
|
||
return element instanceof HTMLInputElement && 'select' in element;
|
||
}
|
||
function $d3863c46a17e8a28$var$focus(element, { select: select = false } = {}) {
|
||
// only focus if that element is focusable
|
||
if (element && element.focus) {
|
||
const previouslyFocusedElement = document.activeElement; // NOTE: we prevent scrolling on focus, to minimize jarring transitions for users
|
||
element.focus({
|
||
preventScroll: true
|
||
}); // only select if its not the same element, it supports selection and we need to select
|
||
if (element !== previouslyFocusedElement && $d3863c46a17e8a28$var$isSelectableInput(element) && select) element.select();
|
||
}
|
||
}
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* FocusScope stack
|
||
* -----------------------------------------------------------------------------------------------*/ const $d3863c46a17e8a28$var$focusScopesStack = $d3863c46a17e8a28$var$createFocusScopesStack();
|
||
function $d3863c46a17e8a28$var$createFocusScopesStack() {
|
||
/** A stack of focus scopes, with the active one at the top */ let stack = [];
|
||
return {
|
||
add (focusScope) {
|
||
// pause the currently active focus scope (at the top of the stack)
|
||
const activeFocusScope = stack[0];
|
||
if (focusScope !== activeFocusScope) activeFocusScope === null || activeFocusScope === void 0 || activeFocusScope.pause();
|
||
// remove in case it already exists (because we'll re-add it at the top of the stack)
|
||
stack = $d3863c46a17e8a28$var$arrayRemove(stack, focusScope);
|
||
stack.unshift(focusScope);
|
||
},
|
||
remove (focusScope) {
|
||
var _stack$;
|
||
stack = $d3863c46a17e8a28$var$arrayRemove(stack, focusScope);
|
||
(_stack$ = stack[0]) === null || _stack$ === void 0 || _stack$.resume();
|
||
}
|
||
};
|
||
}
|
||
function $d3863c46a17e8a28$var$arrayRemove(array, item) {
|
||
const updatedArray = [
|
||
...array
|
||
];
|
||
const index = updatedArray.indexOf(item);
|
||
if (index !== -1) updatedArray.splice(index, 1);
|
||
return updatedArray;
|
||
}
|
||
function $d3863c46a17e8a28$var$removeLinks(items) {
|
||
return items.filter((item)=>item.tagName !== 'A'
|
||
);
|
||
}
|
||
const $d3863c46a17e8a28$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && ($d3863c46a17e8a28$export$20e40289641fbbb6));
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-portal/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* Portal
|
||
* -----------------------------------------------------------------------------------------------*/ const $f1701beae083dbae$var$PORTAL_NAME = 'Portal';
|
||
const $f1701beae083dbae$export$602eac185826482c = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
var _globalThis$document;
|
||
const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
|
||
return container ? /*#__PURE__*/ external_ReactDOM_namespaceObject.createPortal(/*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
|
||
ref: forwardedRef
|
||
})), container) : null;
|
||
});
|
||
/*#__PURE__*/ Object.assign($f1701beae083dbae$export$602eac185826482c, {
|
||
displayName: $f1701beae083dbae$var$PORTAL_NAME
|
||
});
|
||
/* -----------------------------------------------------------------------------------------------*/ const $f1701beae083dbae$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && ($f1701beae083dbae$export$602eac185826482c));
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-presence/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
|
||
return (0,external_React_namespaceObject.useReducer)((state, event)=>{
|
||
const nextState = machine[state][event];
|
||
return nextState !== null && nextState !== void 0 ? nextState : state;
|
||
}, initialState);
|
||
}
|
||
|
||
|
||
const $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props)=>{
|
||
const { present: present , children: children } = props;
|
||
const presence = $921a889cee6df7e8$var$usePresence(present);
|
||
const child = typeof children === 'function' ? children({
|
||
present: presence.isPresent
|
||
}) : external_React_namespaceObject.Children.only(children);
|
||
const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
|
||
const forceMount = typeof children === 'function';
|
||
return forceMount || presence.isPresent ? /*#__PURE__*/ (0,external_React_namespaceObject.cloneElement)(child, {
|
||
ref: ref
|
||
}) : null;
|
||
};
|
||
$921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = 'Presence';
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* usePresence
|
||
* -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence(present) {
|
||
const [node1, setNode] = (0,external_React_namespaceObject.useState)();
|
||
const stylesRef = (0,external_React_namespaceObject.useRef)({});
|
||
const prevPresentRef = (0,external_React_namespaceObject.useRef)(present);
|
||
const prevAnimationNameRef = (0,external_React_namespaceObject.useRef)('none');
|
||
const initialState = present ? 'mounted' : 'unmounted';
|
||
const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {
|
||
mounted: {
|
||
UNMOUNT: 'unmounted',
|
||
ANIMATION_OUT: 'unmountSuspended'
|
||
},
|
||
unmountSuspended: {
|
||
MOUNT: 'mounted',
|
||
ANIMATION_END: 'unmounted'
|
||
},
|
||
unmounted: {
|
||
MOUNT: 'mounted'
|
||
}
|
||
});
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
|
||
prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
|
||
}, [
|
||
state
|
||
]);
|
||
$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
|
||
const styles = stylesRef.current;
|
||
const wasPresent = prevPresentRef.current;
|
||
const hasPresentChanged = wasPresent !== present;
|
||
if (hasPresentChanged) {
|
||
const prevAnimationName = prevAnimationNameRef.current;
|
||
const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles);
|
||
if (present) send('MOUNT');
|
||
else if (currentAnimationName === 'none' || (styles === null || styles === void 0 ? void 0 : styles.display) === 'none') // If there is no exit animation or the element is hidden, animations won't run
|
||
// so we unmount instantly
|
||
send('UNMOUNT');
|
||
else {
|
||
/**
|
||
* When `present` changes to `false`, we check changes to animation-name to
|
||
* determine whether an animation has started. We chose this approach (reading
|
||
* computed styles) because there is no `animationrun` event and `animationstart`
|
||
* fires after `animation-delay` has expired which would be too late.
|
||
*/ const isAnimating = prevAnimationName !== currentAnimationName;
|
||
if (wasPresent && isAnimating) send('ANIMATION_OUT');
|
||
else send('UNMOUNT');
|
||
}
|
||
prevPresentRef.current = present;
|
||
}
|
||
}, [
|
||
present,
|
||
send
|
||
]);
|
||
$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
|
||
if (node1) {
|
||
/**
|
||
* Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`
|
||
* event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we
|
||
* make sure we only trigger ANIMATION_END for the currently active animation.
|
||
*/ const handleAnimationEnd = (event)=>{
|
||
const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
|
||
const isCurrentAnimation = currentAnimationName.includes(event.animationName);
|
||
if (event.target === node1 && isCurrentAnimation) // With React 18 concurrency this update is applied
|
||
// a frame after the animation ends, creating a flash of visible content.
|
||
// By manually flushing we ensure they sync within a frame, removing the flash.
|
||
(0,external_ReactDOM_namespaceObject.flushSync)(()=>send('ANIMATION_END')
|
||
);
|
||
};
|
||
const handleAnimationStart = (event)=>{
|
||
if (event.target === node1) // if animation occurred, store its name as the previous animation.
|
||
prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
|
||
};
|
||
node1.addEventListener('animationstart', handleAnimationStart);
|
||
node1.addEventListener('animationcancel', handleAnimationEnd);
|
||
node1.addEventListener('animationend', handleAnimationEnd);
|
||
return ()=>{
|
||
node1.removeEventListener('animationstart', handleAnimationStart);
|
||
node1.removeEventListener('animationcancel', handleAnimationEnd);
|
||
node1.removeEventListener('animationend', handleAnimationEnd);
|
||
};
|
||
} else // Transition to the unmounted state if the node is removed prematurely.
|
||
// We avoid doing so during cleanup as the node may change but still exist.
|
||
send('ANIMATION_END');
|
||
}, [
|
||
node1,
|
||
send
|
||
]);
|
||
return {
|
||
isPresent: [
|
||
'mounted',
|
||
'unmountSuspended'
|
||
].includes(state),
|
||
ref: (0,external_React_namespaceObject.useCallback)((node)=>{
|
||
if (node) stylesRef.current = getComputedStyle(node);
|
||
setNode(node);
|
||
}, [])
|
||
};
|
||
}
|
||
/* -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$getAnimationName(styles) {
|
||
return (styles === null || styles === void 0 ? void 0 : styles.animationName) || 'none';
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-focus-guards/dist/index.mjs
|
||
|
||
|
||
|
||
/** Number of components which have requested interest to have focus guards */ let $3db38b7d1fb3fe6a$var$count = 0;
|
||
function $3db38b7d1fb3fe6a$export$ac5b58043b79449b(props) {
|
||
$3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
|
||
return props.children;
|
||
}
|
||
/**
|
||
* Injects a pair of focus guards at the edges of the whole DOM tree
|
||
* to ensure `focusin` & `focusout` events can be caught consistently.
|
||
*/ function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c() {
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
var _edgeGuards$, _edgeGuards$2;
|
||
const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');
|
||
document.body.insertAdjacentElement('afterbegin', (_edgeGuards$ = edgeGuards[0]) !== null && _edgeGuards$ !== void 0 ? _edgeGuards$ : $3db38b7d1fb3fe6a$var$createFocusGuard());
|
||
document.body.insertAdjacentElement('beforeend', (_edgeGuards$2 = edgeGuards[1]) !== null && _edgeGuards$2 !== void 0 ? _edgeGuards$2 : $3db38b7d1fb3fe6a$var$createFocusGuard());
|
||
$3db38b7d1fb3fe6a$var$count++;
|
||
return ()=>{
|
||
if ($3db38b7d1fb3fe6a$var$count === 1) document.querySelectorAll('[data-radix-focus-guard]').forEach((node)=>node.remove()
|
||
);
|
||
$3db38b7d1fb3fe6a$var$count--;
|
||
};
|
||
}, []);
|
||
}
|
||
function $3db38b7d1fb3fe6a$var$createFocusGuard() {
|
||
const element = document.createElement('span');
|
||
element.setAttribute('data-radix-focus-guard', '');
|
||
element.tabIndex = 0;
|
||
element.style.cssText = 'outline: none; opacity: 0; position: fixed; pointer-events: none';
|
||
return element;
|
||
}
|
||
const $3db38b7d1fb3fe6a$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && ($3db38b7d1fb3fe6a$export$ac5b58043b79449b));
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/tslib/tslib.es6.mjs
|
||
/******************************************************************************
|
||
Copyright (c) Microsoft Corporation.
|
||
|
||
Permission to use, copy, modify, and/or distribute this software for any
|
||
purpose with or without fee is hereby granted.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||
PERFORMANCE OF THIS SOFTWARE.
|
||
***************************************************************************** */
|
||
/* global Reflect, Promise, SuppressedError, Symbol */
|
||
|
||
var extendStatics = function(d, b) {
|
||
extendStatics = Object.setPrototypeOf ||
|
||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
||
return extendStatics(d, b);
|
||
};
|
||
|
||
function __extends(d, b) {
|
||
if (typeof b !== "function" && b !== null)
|
||
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
||
extendStatics(d, b);
|
||
function __() { this.constructor = d; }
|
||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
}
|
||
|
||
var __assign = function() {
|
||
__assign = Object.assign || function __assign(t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
return t;
|
||
}
|
||
return __assign.apply(this, arguments);
|
||
}
|
||
|
||
function __rest(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 __decorate(decorators, target, key, desc) {
|
||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
||
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
||
}
|
||
|
||
function __param(paramIndex, decorator) {
|
||
return function (target, key) { decorator(target, key, paramIndex); }
|
||
}
|
||
|
||
function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
||
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
||
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
||
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
||
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
||
var _, done = false;
|
||
for (var i = decorators.length - 1; i >= 0; i--) {
|
||
var context = {};
|
||
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
||
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
||
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
||
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
||
if (kind === "accessor") {
|
||
if (result === void 0) continue;
|
||
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
||
if (_ = accept(result.get)) descriptor.get = _;
|
||
if (_ = accept(result.set)) descriptor.set = _;
|
||
if (_ = accept(result.init)) initializers.unshift(_);
|
||
}
|
||
else if (_ = accept(result)) {
|
||
if (kind === "field") initializers.unshift(_);
|
||
else descriptor[key] = _;
|
||
}
|
||
}
|
||
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
||
done = true;
|
||
};
|
||
|
||
function __runInitializers(thisArg, initializers, value) {
|
||
var useValue = arguments.length > 2;
|
||
for (var i = 0; i < initializers.length; i++) {
|
||
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
||
}
|
||
return useValue ? value : void 0;
|
||
};
|
||
|
||
function __propKey(x) {
|
||
return typeof x === "symbol" ? x : "".concat(x);
|
||
};
|
||
|
||
function __setFunctionName(f, name, prefix) {
|
||
if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
|
||
return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
|
||
};
|
||
|
||
function __metadata(metadataKey, metadataValue) {
|
||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
|
||
}
|
||
|
||
function __awaiter(thisArg, _arguments, P, generator) {
|
||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||
return new (P || (P = Promise))(function (resolve, reject) {
|
||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||
});
|
||
}
|
||
|
||
function __generator(thisArg, body) {
|
||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
||
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||
function step(op) {
|
||
if (f) throw new TypeError("Generator is already executing.");
|
||
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||
switch (op[0]) {
|
||
case 0: case 1: t = op; break;
|
||
case 4: _.label++; return { value: op[1], done: false };
|
||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||
default:
|
||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||
if (t[2]) _.ops.pop();
|
||
_.trys.pop(); continue;
|
||
}
|
||
op = body.call(thisArg, _);
|
||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||
}
|
||
}
|
||
|
||
var __createBinding = Object.create ? (function(o, m, k, k2) {
|
||
if (k2 === undefined) k2 = k;
|
||
var desc = Object.getOwnPropertyDescriptor(m, k);
|
||
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
||
desc = { enumerable: true, get: function() { return m[k]; } };
|
||
}
|
||
Object.defineProperty(o, k2, desc);
|
||
}) : (function(o, m, k, k2) {
|
||
if (k2 === undefined) k2 = k;
|
||
o[k2] = m[k];
|
||
});
|
||
|
||
function __exportStar(m, o) {
|
||
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
|
||
}
|
||
|
||
function __values(o) {
|
||
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
||
if (m) return m.call(o);
|
||
if (o && typeof o.length === "number") return {
|
||
next: function () {
|
||
if (o && i >= o.length) o = void 0;
|
||
return { value: o && o[i++], done: !o };
|
||
}
|
||
};
|
||
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
||
}
|
||
|
||
function __read(o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o), r, ar = [], e;
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
||
}
|
||
catch (error) { e = { error: error }; }
|
||
finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
}
|
||
finally { if (e) throw e.error; }
|
||
}
|
||
return ar;
|
||
}
|
||
|
||
/** @deprecated */
|
||
function __spread() {
|
||
for (var ar = [], i = 0; i < arguments.length; i++)
|
||
ar = ar.concat(__read(arguments[i]));
|
||
return ar;
|
||
}
|
||
|
||
/** @deprecated */
|
||
function __spreadArrays() {
|
||
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
||
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
||
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
||
r[k] = a[j];
|
||
return r;
|
||
}
|
||
|
||
function __spreadArray(to, from, pack) {
|
||
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
||
if (ar || !(i in from)) {
|
||
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
||
ar[i] = from[i];
|
||
}
|
||
}
|
||
return to.concat(ar || Array.prototype.slice.call(from));
|
||
}
|
||
|
||
function __await(v) {
|
||
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
||
}
|
||
|
||
function __asyncGenerator(thisArg, _arguments, generator) {
|
||
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
|
||
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
||
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
||
function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
|
||
function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
|
||
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
||
function fulfill(value) { resume("next", value); }
|
||
function reject(value) { resume("throw", value); }
|
||
function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
|
||
}
|
||
|
||
function __asyncDelegator(o) {
|
||
var i, p;
|
||
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
||
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
|
||
}
|
||
|
||
function __asyncValues(o) {
|
||
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
|
||
var m = o[Symbol.asyncIterator], i;
|
||
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
|
||
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
|
||
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
|
||
}
|
||
|
||
function __makeTemplateObject(cooked, raw) {
|
||
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
||
return cooked;
|
||
};
|
||
|
||
var __setModuleDefault = Object.create ? (function(o, v) {
|
||
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
||
}) : function(o, v) {
|
||
o["default"] = v;
|
||
};
|
||
|
||
function __importStar(mod) {
|
||
if (mod && mod.__esModule) return mod;
|
||
var result = {};
|
||
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
||
__setModuleDefault(result, mod);
|
||
return result;
|
||
}
|
||
|
||
function __importDefault(mod) {
|
||
return (mod && mod.__esModule) ? mod : { default: mod };
|
||
}
|
||
|
||
function __classPrivateFieldGet(receiver, state, kind, f) {
|
||
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
||
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
||
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
||
}
|
||
|
||
function __classPrivateFieldSet(receiver, state, value, kind, f) {
|
||
if (kind === "m") throw new TypeError("Private method is not writable");
|
||
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
||
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
||
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
||
}
|
||
|
||
function __classPrivateFieldIn(state, receiver) {
|
||
if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
|
||
return typeof state === "function" ? receiver === state : state.has(receiver);
|
||
}
|
||
|
||
function __addDisposableResource(env, value, async) {
|
||
if (value !== null && value !== void 0) {
|
||
if (typeof value !== "object" && typeof value !== "function") throw new TypeError("Object expected.");
|
||
var dispose;
|
||
if (async) {
|
||
if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
|
||
dispose = value[Symbol.asyncDispose];
|
||
}
|
||
if (dispose === void 0) {
|
||
if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
|
||
dispose = value[Symbol.dispose];
|
||
}
|
||
if (typeof dispose !== "function") throw new TypeError("Object not disposable.");
|
||
env.stack.push({ value: value, dispose: dispose, async: async });
|
||
}
|
||
else if (async) {
|
||
env.stack.push({ async: true });
|
||
}
|
||
return value;
|
||
}
|
||
|
||
var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
||
var e = new Error(message);
|
||
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
||
};
|
||
|
||
function __disposeResources(env) {
|
||
function fail(e) {
|
||
env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
|
||
env.hasError = true;
|
||
}
|
||
function next() {
|
||
while (env.stack.length) {
|
||
var rec = env.stack.pop();
|
||
try {
|
||
var result = rec.dispose && rec.dispose.call(rec.value);
|
||
if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
|
||
}
|
||
catch (e) {
|
||
fail(e);
|
||
}
|
||
}
|
||
if (env.hasError) throw env.error;
|
||
}
|
||
return next();
|
||
}
|
||
|
||
/* harmony default export */ const tslib_es6 = ({
|
||
__extends,
|
||
__assign,
|
||
__rest,
|
||
__decorate,
|
||
__param,
|
||
__metadata,
|
||
__awaiter,
|
||
__generator,
|
||
__createBinding,
|
||
__exportStar,
|
||
__values,
|
||
__read,
|
||
__spread,
|
||
__spreadArrays,
|
||
__spreadArray,
|
||
__await,
|
||
__asyncGenerator,
|
||
__asyncDelegator,
|
||
__asyncValues,
|
||
__makeTemplateObject,
|
||
__importStar,
|
||
__importDefault,
|
||
__classPrivateFieldGet,
|
||
__classPrivateFieldSet,
|
||
__classPrivateFieldIn,
|
||
__addDisposableResource,
|
||
__disposeResources,
|
||
});
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll-bar/dist/es2015/constants.js
|
||
var zeroRightClassName = 'right-scroll-bar-position';
|
||
var fullWidthClassName = 'width-before-scroll-bar';
|
||
var noScrollbarsClassName = 'with-scroll-bars-hidden';
|
||
/**
|
||
* Name of a CSS variable containing the amount of "hidden" scrollbar
|
||
* ! might be undefined ! use will fallback!
|
||
*/
|
||
var removedBarSizeVariable = '--removed-body-scroll-bar-size';
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/use-callback-ref/dist/es2015/assignRef.js
|
||
/**
|
||
* Assigns a value for a given ref, no matter of the ref format
|
||
* @param {RefObject} ref - a callback function or ref object
|
||
* @param value - a new value
|
||
*
|
||
* @see https://github.com/theKashey/use-callback-ref#assignref
|
||
* @example
|
||
* const refObject = useRef();
|
||
* const refFn = (ref) => {....}
|
||
*
|
||
* assignRef(refObject, "refValue");
|
||
* assignRef(refFn, "refValue");
|
||
*/
|
||
function assignRef(ref, value) {
|
||
if (typeof ref === 'function') {
|
||
ref(value);
|
||
}
|
||
else if (ref) {
|
||
ref.current = value;
|
||
}
|
||
return ref;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/use-callback-ref/dist/es2015/useRef.js
|
||
|
||
/**
|
||
* creates a MutableRef with ref change callback
|
||
* @param initialValue - initial ref value
|
||
* @param {Function} callback - a callback to run when value changes
|
||
*
|
||
* @example
|
||
* const ref = useCallbackRef(0, (newValue, oldValue) => console.log(oldValue, '->', newValue);
|
||
* ref.current = 1;
|
||
* // prints 0 -> 1
|
||
*
|
||
* @see https://reactjs.org/docs/hooks-reference.html#useref
|
||
* @see https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref
|
||
* @returns {MutableRefObject}
|
||
*/
|
||
function useCallbackRef(initialValue, callback) {
|
||
var ref = (0,external_React_namespaceObject.useState)(function () { return ({
|
||
// value
|
||
value: initialValue,
|
||
// last callback
|
||
callback: callback,
|
||
// "memoized" public interface
|
||
facade: {
|
||
get current() {
|
||
return ref.value;
|
||
},
|
||
set current(value) {
|
||
var last = ref.value;
|
||
if (last !== value) {
|
||
ref.value = value;
|
||
ref.callback(value, last);
|
||
}
|
||
},
|
||
},
|
||
}); })[0];
|
||
// update callback
|
||
ref.callback = callback;
|
||
return ref.facade;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/use-callback-ref/dist/es2015/useMergeRef.js
|
||
|
||
|
||
|
||
var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? external_React_namespaceObject.useLayoutEffect : external_React_namespaceObject.useEffect;
|
||
var currentValues = new WeakMap();
|
||
/**
|
||
* Merges two or more refs together providing a single interface to set their value
|
||
* @param {RefObject|Ref} refs
|
||
* @returns {MutableRefObject} - a new ref, which translates all changes to {refs}
|
||
*
|
||
* @see {@link mergeRefs} a version without buit-in memoization
|
||
* @see https://github.com/theKashey/use-callback-ref#usemergerefs
|
||
* @example
|
||
* const Component = React.forwardRef((props, ref) => {
|
||
* const ownRef = useRef();
|
||
* const domRef = useMergeRefs([ref, ownRef]); // 👈 merge together
|
||
* return <div ref={domRef}>...</div>
|
||
* }
|
||
*/
|
||
function useMergeRefs(refs, defaultValue) {
|
||
var callbackRef = useCallbackRef(defaultValue || null, function (newValue) {
|
||
return refs.forEach(function (ref) { return assignRef(ref, newValue); });
|
||
});
|
||
// handle refs changes - added or removed
|
||
useIsomorphicLayoutEffect(function () {
|
||
var oldValue = currentValues.get(callbackRef);
|
||
if (oldValue) {
|
||
var prevRefs_1 = new Set(oldValue);
|
||
var nextRefs_1 = new Set(refs);
|
||
var current_1 = callbackRef.current;
|
||
prevRefs_1.forEach(function (ref) {
|
||
if (!nextRefs_1.has(ref)) {
|
||
assignRef(ref, null);
|
||
}
|
||
});
|
||
nextRefs_1.forEach(function (ref) {
|
||
if (!prevRefs_1.has(ref)) {
|
||
assignRef(ref, current_1);
|
||
}
|
||
});
|
||
}
|
||
currentValues.set(callbackRef, refs);
|
||
}, [refs]);
|
||
return callbackRef;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/use-sidecar/dist/es2015/medium.js
|
||
|
||
function ItoI(a) {
|
||
return a;
|
||
}
|
||
function innerCreateMedium(defaults, middleware) {
|
||
if (middleware === void 0) { middleware = ItoI; }
|
||
var buffer = [];
|
||
var assigned = false;
|
||
var medium = {
|
||
read: function () {
|
||
if (assigned) {
|
||
throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');
|
||
}
|
||
if (buffer.length) {
|
||
return buffer[buffer.length - 1];
|
||
}
|
||
return defaults;
|
||
},
|
||
useMedium: function (data) {
|
||
var item = middleware(data, assigned);
|
||
buffer.push(item);
|
||
return function () {
|
||
buffer = buffer.filter(function (x) { return x !== item; });
|
||
};
|
||
},
|
||
assignSyncMedium: function (cb) {
|
||
assigned = true;
|
||
while (buffer.length) {
|
||
var cbs = buffer;
|
||
buffer = [];
|
||
cbs.forEach(cb);
|
||
}
|
||
buffer = {
|
||
push: function (x) { return cb(x); },
|
||
filter: function () { return buffer; },
|
||
};
|
||
},
|
||
assignMedium: function (cb) {
|
||
assigned = true;
|
||
var pendingQueue = [];
|
||
if (buffer.length) {
|
||
var cbs = buffer;
|
||
buffer = [];
|
||
cbs.forEach(cb);
|
||
pendingQueue = buffer;
|
||
}
|
||
var executeQueue = function () {
|
||
var cbs = pendingQueue;
|
||
pendingQueue = [];
|
||
cbs.forEach(cb);
|
||
};
|
||
var cycle = function () { return Promise.resolve().then(executeQueue); };
|
||
cycle();
|
||
buffer = {
|
||
push: function (x) {
|
||
pendingQueue.push(x);
|
||
cycle();
|
||
},
|
||
filter: function (filter) {
|
||
pendingQueue = pendingQueue.filter(filter);
|
||
return buffer;
|
||
},
|
||
};
|
||
},
|
||
};
|
||
return medium;
|
||
}
|
||
function createMedium(defaults, middleware) {
|
||
if (middleware === void 0) { middleware = ItoI; }
|
||
return innerCreateMedium(defaults, middleware);
|
||
}
|
||
// eslint-disable-next-line @typescript-eslint/ban-types
|
||
function createSidecarMedium(options) {
|
||
if (options === void 0) { options = {}; }
|
||
var medium = innerCreateMedium(null);
|
||
medium.options = __assign({ async: true, ssr: false }, options);
|
||
return medium;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll/dist/es2015/medium.js
|
||
|
||
var effectCar = createSidecarMedium();
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll/dist/es2015/UI.js
|
||
|
||
|
||
|
||
|
||
|
||
var nothing = function () {
|
||
return;
|
||
};
|
||
/**
|
||
* Removes scrollbar from the page and contain the scroll within the Lock
|
||
*/
|
||
var RemoveScroll = external_React_namespaceObject.forwardRef(function (props, parentRef) {
|
||
var ref = external_React_namespaceObject.useRef(null);
|
||
var _a = external_React_namespaceObject.useState({
|
||
onScrollCapture: nothing,
|
||
onWheelCapture: nothing,
|
||
onTouchMoveCapture: nothing,
|
||
}), callbacks = _a[0], setCallbacks = _a[1];
|
||
var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
|
||
var SideCar = sideCar;
|
||
var containerRef = useMergeRefs([ref, parentRef]);
|
||
var containerProps = __assign(__assign({}, rest), callbacks);
|
||
return (external_React_namespaceObject.createElement(external_React_namespaceObject.Fragment, null,
|
||
enabled && (external_React_namespaceObject.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
|
||
forwardProps ? (external_React_namespaceObject.cloneElement(external_React_namespaceObject.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (external_React_namespaceObject.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
|
||
});
|
||
RemoveScroll.defaultProps = {
|
||
enabled: true,
|
||
removeScrollBar: true,
|
||
inert: false,
|
||
};
|
||
RemoveScroll.classNames = {
|
||
fullWidth: fullWidthClassName,
|
||
zeroRight: zeroRightClassName,
|
||
};
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/use-sidecar/dist/es2015/exports.js
|
||
|
||
|
||
var SideCar = function (_a) {
|
||
var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
|
||
if (!sideCar) {
|
||
throw new Error('Sidecar: please provide `sideCar` property to import the right car');
|
||
}
|
||
var Target = sideCar.read();
|
||
if (!Target) {
|
||
throw new Error('Sidecar medium not found');
|
||
}
|
||
return external_React_namespaceObject.createElement(Target, __assign({}, rest));
|
||
};
|
||
SideCar.isSideCarExport = true;
|
||
function exportSidecar(medium, exported) {
|
||
medium.useMedium(exported);
|
||
return SideCar;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/get-nonce/dist/es2015/index.js
|
||
var currentNonce;
|
||
var setNonce = function (nonce) {
|
||
currentNonce = nonce;
|
||
};
|
||
var getNonce = function () {
|
||
if (currentNonce) {
|
||
return currentNonce;
|
||
}
|
||
if (true) {
|
||
return __webpack_require__.nc;
|
||
}
|
||
return undefined;
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-style-singleton/dist/es2015/singleton.js
|
||
|
||
function makeStyleTag() {
|
||
if (!document)
|
||
return null;
|
||
var tag = document.createElement('style');
|
||
tag.type = 'text/css';
|
||
var nonce = getNonce();
|
||
if (nonce) {
|
||
tag.setAttribute('nonce', nonce);
|
||
}
|
||
return tag;
|
||
}
|
||
function injectStyles(tag, css) {
|
||
// @ts-ignore
|
||
if (tag.styleSheet) {
|
||
// @ts-ignore
|
||
tag.styleSheet.cssText = css;
|
||
}
|
||
else {
|
||
tag.appendChild(document.createTextNode(css));
|
||
}
|
||
}
|
||
function insertStyleTag(tag) {
|
||
var head = document.head || document.getElementsByTagName('head')[0];
|
||
head.appendChild(tag);
|
||
}
|
||
var stylesheetSingleton = function () {
|
||
var counter = 0;
|
||
var stylesheet = null;
|
||
return {
|
||
add: function (style) {
|
||
if (counter == 0) {
|
||
if ((stylesheet = makeStyleTag())) {
|
||
injectStyles(stylesheet, style);
|
||
insertStyleTag(stylesheet);
|
||
}
|
||
}
|
||
counter++;
|
||
},
|
||
remove: function () {
|
||
counter--;
|
||
if (!counter && stylesheet) {
|
||
stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);
|
||
stylesheet = null;
|
||
}
|
||
},
|
||
};
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-style-singleton/dist/es2015/hook.js
|
||
|
||
|
||
/**
|
||
* creates a hook to control style singleton
|
||
* @see {@link styleSingleton} for a safer component version
|
||
* @example
|
||
* ```tsx
|
||
* const useStyle = styleHookSingleton();
|
||
* ///
|
||
* useStyle('body { overflow: hidden}');
|
||
*/
|
||
var styleHookSingleton = function () {
|
||
var sheet = stylesheetSingleton();
|
||
return function (styles, isDynamic) {
|
||
external_React_namespaceObject.useEffect(function () {
|
||
sheet.add(styles);
|
||
return function () {
|
||
sheet.remove();
|
||
};
|
||
}, [styles && isDynamic]);
|
||
};
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-style-singleton/dist/es2015/component.js
|
||
|
||
/**
|
||
* create a Component to add styles on demand
|
||
* - styles are added when first instance is mounted
|
||
* - styles are removed when the last instance is unmounted
|
||
* - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior
|
||
*/
|
||
var styleSingleton = function () {
|
||
var useStyle = styleHookSingleton();
|
||
var Sheet = function (_a) {
|
||
var styles = _a.styles, dynamic = _a.dynamic;
|
||
useStyle(styles, dynamic);
|
||
return null;
|
||
};
|
||
return Sheet;
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-style-singleton/dist/es2015/index.js
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll-bar/dist/es2015/utils.js
|
||
var zeroGap = {
|
||
left: 0,
|
||
top: 0,
|
||
right: 0,
|
||
gap: 0,
|
||
};
|
||
var parse = function (x) { return parseInt(x || '', 10) || 0; };
|
||
var getOffset = function (gapMode) {
|
||
var cs = window.getComputedStyle(document.body);
|
||
var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];
|
||
var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];
|
||
var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];
|
||
return [parse(left), parse(top), parse(right)];
|
||
};
|
||
var getGapWidth = function (gapMode) {
|
||
if (gapMode === void 0) { gapMode = 'margin'; }
|
||
if (typeof window === 'undefined') {
|
||
return zeroGap;
|
||
}
|
||
var offsets = getOffset(gapMode);
|
||
var documentWidth = document.documentElement.clientWidth;
|
||
var windowWidth = window.innerWidth;
|
||
return {
|
||
left: offsets[0],
|
||
top: offsets[1],
|
||
right: offsets[2],
|
||
gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),
|
||
};
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll-bar/dist/es2015/component.js
|
||
|
||
|
||
|
||
|
||
var Style = styleSingleton();
|
||
var lockAttribute = 'data-scroll-locked';
|
||
// important tip - once we measure scrollBar width and remove them
|
||
// we could not repeat this operation
|
||
// thus we are using style-singleton - only the first "yet correct" style will be applied.
|
||
var getStyles = function (_a, allowRelative, gapMode, important) {
|
||
var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
|
||
if (gapMode === void 0) { gapMode = 'margin'; }
|
||
return "\n .".concat(noScrollbarsClassName, " {\n overflow: hidden ").concat(important, ";\n padding-right: ").concat(gap, "px ").concat(important, ";\n }\n body[").concat(lockAttribute, "] {\n overflow: hidden ").concat(important, ";\n overscroll-behavior: contain;\n ").concat([
|
||
allowRelative && "position: relative ".concat(important, ";"),
|
||
gapMode === 'margin' &&
|
||
"\n padding-left: ".concat(left, "px;\n padding-top: ").concat(top, "px;\n padding-right: ").concat(right, "px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(gap, "px ").concat(important, ";\n "),
|
||
gapMode === 'padding' && "padding-right: ".concat(gap, "px ").concat(important, ";"),
|
||
]
|
||
.filter(Boolean)
|
||
.join(''), "\n }\n \n .").concat(zeroRightClassName, " {\n right: ").concat(gap, "px ").concat(important, ";\n }\n \n .").concat(fullWidthClassName, " {\n margin-right: ").concat(gap, "px ").concat(important, ";\n }\n \n .").concat(zeroRightClassName, " .").concat(zeroRightClassName, " {\n right: 0 ").concat(important, ";\n }\n \n .").concat(fullWidthClassName, " .").concat(fullWidthClassName, " {\n margin-right: 0 ").concat(important, ";\n }\n \n body[").concat(lockAttribute, "] {\n ").concat(removedBarSizeVariable, ": ").concat(gap, "px;\n }\n");
|
||
};
|
||
var getCurrentUseCounter = function () {
|
||
var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);
|
||
return isFinite(counter) ? counter : 0;
|
||
};
|
||
var useLockAttribute = function () {
|
||
external_React_namespaceObject.useEffect(function () {
|
||
document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
|
||
return function () {
|
||
var newCounter = getCurrentUseCounter() - 1;
|
||
if (newCounter <= 0) {
|
||
document.body.removeAttribute(lockAttribute);
|
||
}
|
||
else {
|
||
document.body.setAttribute(lockAttribute, newCounter.toString());
|
||
}
|
||
};
|
||
}, []);
|
||
};
|
||
/**
|
||
* Removes page scrollbar and blocks page scroll when mounted
|
||
*/
|
||
var RemoveScrollBar = function (_a) {
|
||
var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;
|
||
useLockAttribute();
|
||
/*
|
||
gap will be measured on every component mount
|
||
however it will be used only by the "first" invocation
|
||
due to singleton nature of <Style
|
||
*/
|
||
var gap = external_React_namespaceObject.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);
|
||
return external_React_namespaceObject.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll-bar/dist/es2015/index.js
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
|
||
var passiveSupported = false;
|
||
if (typeof window !== 'undefined') {
|
||
try {
|
||
var options = Object.defineProperty({}, 'passive', {
|
||
get: function () {
|
||
passiveSupported = true;
|
||
return true;
|
||
},
|
||
});
|
||
// @ts-ignore
|
||
window.addEventListener('test', options, options);
|
||
// @ts-ignore
|
||
window.removeEventListener('test', options, options);
|
||
}
|
||
catch (err) {
|
||
passiveSupported = false;
|
||
}
|
||
}
|
||
var nonPassive = passiveSupported ? { passive: false } : false;
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll/dist/es2015/handleScroll.js
|
||
var alwaysContainsScroll = function (node) {
|
||
// textarea will always _contain_ scroll inside self. It only can be hidden
|
||
return node.tagName === 'TEXTAREA';
|
||
};
|
||
var elementCanBeScrolled = function (node, overflow) {
|
||
var styles = window.getComputedStyle(node);
|
||
return (
|
||
// not-not-scrollable
|
||
styles[overflow] !== 'hidden' &&
|
||
// contains scroll inside self
|
||
!(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === 'visible'));
|
||
};
|
||
var elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };
|
||
var elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };
|
||
var locationCouldBeScrolled = function (axis, node) {
|
||
var current = node;
|
||
do {
|
||
// Skip over shadow root
|
||
if (typeof ShadowRoot !== 'undefined' && current instanceof ShadowRoot) {
|
||
current = current.host;
|
||
}
|
||
var isScrollable = elementCouldBeScrolled(axis, current);
|
||
if (isScrollable) {
|
||
var _a = getScrollVariables(axis, current), s = _a[1], d = _a[2];
|
||
if (s > d) {
|
||
return true;
|
||
}
|
||
}
|
||
current = current.parentNode;
|
||
} while (current && current !== document.body);
|
||
return false;
|
||
};
|
||
var getVScrollVariables = function (_a) {
|
||
var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
|
||
return [
|
||
scrollTop,
|
||
scrollHeight,
|
||
clientHeight,
|
||
];
|
||
};
|
||
var getHScrollVariables = function (_a) {
|
||
var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
|
||
return [
|
||
scrollLeft,
|
||
scrollWidth,
|
||
clientWidth,
|
||
];
|
||
};
|
||
var elementCouldBeScrolled = function (axis, node) {
|
||
return axis === 'v' ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);
|
||
};
|
||
var getScrollVariables = function (axis, node) {
|
||
return axis === 'v' ? getVScrollVariables(node) : getHScrollVariables(node);
|
||
};
|
||
var getDirectionFactor = function (axis, direction) {
|
||
/**
|
||
* If the element's direction is rtl (right-to-left), then scrollLeft is 0 when the scrollbar is at its rightmost position,
|
||
* and then increasingly negative as you scroll towards the end of the content.
|
||
* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft
|
||
*/
|
||
return axis === 'h' && direction === 'rtl' ? -1 : 1;
|
||
};
|
||
var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll) {
|
||
var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);
|
||
var delta = directionFactor * sourceDelta;
|
||
// find scrollable target
|
||
var target = event.target;
|
||
var targetInLock = endTarget.contains(target);
|
||
var shouldCancelScroll = false;
|
||
var isDeltaPositive = delta > 0;
|
||
var availableScroll = 0;
|
||
var availableScrollTop = 0;
|
||
do {
|
||
var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
|
||
var elementScroll = scroll_1 - capacity - directionFactor * position;
|
||
if (position || elementScroll) {
|
||
if (elementCouldBeScrolled(axis, target)) {
|
||
availableScroll += elementScroll;
|
||
availableScrollTop += position;
|
||
}
|
||
}
|
||
target = target.parentNode;
|
||
} while (
|
||
// portaled content
|
||
(!targetInLock && target !== document.body) ||
|
||
// self content
|
||
(targetInLock && (endTarget.contains(target) || endTarget === target)));
|
||
if (isDeltaPositive && ((noOverscroll && availableScroll === 0) || (!noOverscroll && delta > availableScroll))) {
|
||
shouldCancelScroll = true;
|
||
}
|
||
else if (!isDeltaPositive &&
|
||
((noOverscroll && availableScrollTop === 0) || (!noOverscroll && -delta > availableScrollTop))) {
|
||
shouldCancelScroll = true;
|
||
}
|
||
return shouldCancelScroll;
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
||
|
||
|
||
|
||
|
||
|
||
|
||
var getTouchXY = function (event) {
|
||
return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
|
||
};
|
||
var getDeltaXY = function (event) { return [event.deltaX, event.deltaY]; };
|
||
var extractRef = function (ref) {
|
||
return ref && 'current' in ref ? ref.current : ref;
|
||
};
|
||
var deltaCompare = function (x, y) { return x[0] === y[0] && x[1] === y[1]; };
|
||
var generateStyle = function (id) { return "\n .block-interactivity-".concat(id, " {pointer-events: none;}\n .allow-interactivity-").concat(id, " {pointer-events: all;}\n"); };
|
||
var idCounter = 0;
|
||
var lockStack = [];
|
||
function RemoveScrollSideCar(props) {
|
||
var shouldPreventQueue = external_React_namespaceObject.useRef([]);
|
||
var touchStartRef = external_React_namespaceObject.useRef([0, 0]);
|
||
var activeAxis = external_React_namespaceObject.useRef();
|
||
var id = external_React_namespaceObject.useState(idCounter++)[0];
|
||
var Style = external_React_namespaceObject.useState(function () { return styleSingleton(); })[0];
|
||
var lastProps = external_React_namespaceObject.useRef(props);
|
||
external_React_namespaceObject.useEffect(function () {
|
||
lastProps.current = props;
|
||
}, [props]);
|
||
external_React_namespaceObject.useEffect(function () {
|
||
if (props.inert) {
|
||
document.body.classList.add("block-interactivity-".concat(id));
|
||
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
||
allow_1.forEach(function (el) { return el.classList.add("allow-interactivity-".concat(id)); });
|
||
return function () {
|
||
document.body.classList.remove("block-interactivity-".concat(id));
|
||
allow_1.forEach(function (el) { return el.classList.remove("allow-interactivity-".concat(id)); });
|
||
};
|
||
}
|
||
return;
|
||
}, [props.inert, props.lockRef.current, props.shards]);
|
||
var shouldCancelEvent = external_React_namespaceObject.useCallback(function (event, parent) {
|
||
if ('touches' in event && event.touches.length === 2) {
|
||
return !lastProps.current.allowPinchZoom;
|
||
}
|
||
var touch = getTouchXY(event);
|
||
var touchStart = touchStartRef.current;
|
||
var deltaX = 'deltaX' in event ? event.deltaX : touchStart[0] - touch[0];
|
||
var deltaY = 'deltaY' in event ? event.deltaY : touchStart[1] - touch[1];
|
||
var currentAxis;
|
||
var target = event.target;
|
||
var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? 'h' : 'v';
|
||
// allow horizontal touch move on Range inputs. They will not cause any scroll
|
||
if ('touches' in event && moveDirection === 'h' && target.type === 'range') {
|
||
return false;
|
||
}
|
||
var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
|
||
if (!canBeScrolledInMainDirection) {
|
||
return true;
|
||
}
|
||
if (canBeScrolledInMainDirection) {
|
||
currentAxis = moveDirection;
|
||
}
|
||
else {
|
||
currentAxis = moveDirection === 'v' ? 'h' : 'v';
|
||
canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
|
||
// other axis might be not scrollable
|
||
}
|
||
if (!canBeScrolledInMainDirection) {
|
||
return false;
|
||
}
|
||
if (!activeAxis.current && 'changedTouches' in event && (deltaX || deltaY)) {
|
||
activeAxis.current = currentAxis;
|
||
}
|
||
if (!currentAxis) {
|
||
return true;
|
||
}
|
||
var cancelingAxis = activeAxis.current || currentAxis;
|
||
return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);
|
||
}, []);
|
||
var shouldPrevent = external_React_namespaceObject.useCallback(function (_event) {
|
||
var event = _event;
|
||
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
|
||
// not the last active
|
||
return;
|
||
}
|
||
var delta = 'deltaY' in event ? getDeltaXY(event) : getTouchXY(event);
|
||
var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && e.target === event.target && deltaCompare(e.delta, delta); })[0];
|
||
// self event, and should be canceled
|
||
if (sourceEvent && sourceEvent.should) {
|
||
if (event.cancelable) {
|
||
event.preventDefault();
|
||
}
|
||
return;
|
||
}
|
||
// outside or shard event
|
||
if (!sourceEvent) {
|
||
var shardNodes = (lastProps.current.shards || [])
|
||
.map(extractRef)
|
||
.filter(Boolean)
|
||
.filter(function (node) { return node.contains(event.target); });
|
||
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
|
||
if (shouldStop) {
|
||
if (event.cancelable) {
|
||
event.preventDefault();
|
||
}
|
||
}
|
||
}
|
||
}, []);
|
||
var shouldCancel = external_React_namespaceObject.useCallback(function (name, delta, target, should) {
|
||
var event = { name: name, delta: delta, target: target, should: should };
|
||
shouldPreventQueue.current.push(event);
|
||
setTimeout(function () {
|
||
shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });
|
||
}, 1);
|
||
}, []);
|
||
var scrollTouchStart = external_React_namespaceObject.useCallback(function (event) {
|
||
touchStartRef.current = getTouchXY(event);
|
||
activeAxis.current = undefined;
|
||
}, []);
|
||
var scrollWheel = external_React_namespaceObject.useCallback(function (event) {
|
||
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
||
}, []);
|
||
var scrollTouchMove = external_React_namespaceObject.useCallback(function (event) {
|
||
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
||
}, []);
|
||
external_React_namespaceObject.useEffect(function () {
|
||
lockStack.push(Style);
|
||
props.setCallbacks({
|
||
onScrollCapture: scrollWheel,
|
||
onWheelCapture: scrollWheel,
|
||
onTouchMoveCapture: scrollTouchMove,
|
||
});
|
||
document.addEventListener('wheel', shouldPrevent, nonPassive);
|
||
document.addEventListener('touchmove', shouldPrevent, nonPassive);
|
||
document.addEventListener('touchstart', scrollTouchStart, nonPassive);
|
||
return function () {
|
||
lockStack = lockStack.filter(function (inst) { return inst !== Style; });
|
||
document.removeEventListener('wheel', shouldPrevent, nonPassive);
|
||
document.removeEventListener('touchmove', shouldPrevent, nonPassive);
|
||
document.removeEventListener('touchstart', scrollTouchStart, nonPassive);
|
||
};
|
||
}, []);
|
||
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
||
return (external_React_namespaceObject.createElement(external_React_namespaceObject.Fragment, null,
|
||
inert ? external_React_namespaceObject.createElement(Style, { styles: generateStyle(id) }) : null,
|
||
removeScrollBar ? external_React_namespaceObject.createElement(RemoveScrollBar, { gapMode: "margin" }) : null));
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll/dist/es2015/sidecar.js
|
||
|
||
|
||
|
||
/* harmony default export */ const sidecar = (exportSidecar(effectCar, RemoveScrollSideCar));
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/react-remove-scroll/dist/es2015/Combination.js
|
||
|
||
|
||
|
||
|
||
var ReactRemoveScroll = external_React_namespaceObject.forwardRef(function (props, ref) { return (external_React_namespaceObject.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: sidecar }))); });
|
||
ReactRemoveScroll.classNames = RemoveScroll.classNames;
|
||
/* harmony default export */ const Combination = (ReactRemoveScroll);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/aria-hidden/dist/es2015/index.js
|
||
var getDefaultParent = function (originalTarget) {
|
||
if (typeof document === 'undefined') {
|
||
return null;
|
||
}
|
||
var sampleTarget = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
|
||
return sampleTarget.ownerDocument.body;
|
||
};
|
||
var counterMap = new WeakMap();
|
||
var uncontrolledNodes = new WeakMap();
|
||
var markerMap = {};
|
||
var lockCount = 0;
|
||
var unwrapHost = function (node) {
|
||
return node && (node.host || unwrapHost(node.parentNode));
|
||
};
|
||
var correctTargets = function (parent, targets) {
|
||
return targets
|
||
.map(function (target) {
|
||
if (parent.contains(target)) {
|
||
return target;
|
||
}
|
||
var correctedTarget = unwrapHost(target);
|
||
if (correctedTarget && parent.contains(correctedTarget)) {
|
||
return correctedTarget;
|
||
}
|
||
console.error('aria-hidden', target, 'in not contained inside', parent, '. Doing nothing');
|
||
return null;
|
||
})
|
||
.filter(function (x) { return Boolean(x); });
|
||
};
|
||
/**
|
||
* Marks everything except given node(or nodes) as aria-hidden
|
||
* @param {Element | Element[]} originalTarget - elements to keep on the page
|
||
* @param [parentNode] - top element, defaults to document.body
|
||
* @param {String} [markerName] - a special attribute to mark every node
|
||
* @param {String} [controlAttribute] - html Attribute to control
|
||
* @return {Undo} undo command
|
||
*/
|
||
var applyAttributeToOthers = function (originalTarget, parentNode, markerName, controlAttribute) {
|
||
var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
|
||
if (!markerMap[markerName]) {
|
||
markerMap[markerName] = new WeakMap();
|
||
}
|
||
var markerCounter = markerMap[markerName];
|
||
var hiddenNodes = [];
|
||
var elementsToKeep = new Set();
|
||
var elementsToStop = new Set(targets);
|
||
var keep = function (el) {
|
||
if (!el || elementsToKeep.has(el)) {
|
||
return;
|
||
}
|
||
elementsToKeep.add(el);
|
||
keep(el.parentNode);
|
||
};
|
||
targets.forEach(keep);
|
||
var deep = function (parent) {
|
||
if (!parent || elementsToStop.has(parent)) {
|
||
return;
|
||
}
|
||
Array.prototype.forEach.call(parent.children, function (node) {
|
||
if (elementsToKeep.has(node)) {
|
||
deep(node);
|
||
}
|
||
else {
|
||
try {
|
||
var attr = node.getAttribute(controlAttribute);
|
||
var alreadyHidden = attr !== null && attr !== 'false';
|
||
var counterValue = (counterMap.get(node) || 0) + 1;
|
||
var markerValue = (markerCounter.get(node) || 0) + 1;
|
||
counterMap.set(node, counterValue);
|
||
markerCounter.set(node, markerValue);
|
||
hiddenNodes.push(node);
|
||
if (counterValue === 1 && alreadyHidden) {
|
||
uncontrolledNodes.set(node, true);
|
||
}
|
||
if (markerValue === 1) {
|
||
node.setAttribute(markerName, 'true');
|
||
}
|
||
if (!alreadyHidden) {
|
||
node.setAttribute(controlAttribute, 'true');
|
||
}
|
||
}
|
||
catch (e) {
|
||
console.error('aria-hidden: cannot operate on ', node, e);
|
||
}
|
||
}
|
||
});
|
||
};
|
||
deep(parentNode);
|
||
elementsToKeep.clear();
|
||
lockCount++;
|
||
return function () {
|
||
hiddenNodes.forEach(function (node) {
|
||
var counterValue = counterMap.get(node) - 1;
|
||
var markerValue = markerCounter.get(node) - 1;
|
||
counterMap.set(node, counterValue);
|
||
markerCounter.set(node, markerValue);
|
||
if (!counterValue) {
|
||
if (!uncontrolledNodes.has(node)) {
|
||
node.removeAttribute(controlAttribute);
|
||
}
|
||
uncontrolledNodes.delete(node);
|
||
}
|
||
if (!markerValue) {
|
||
node.removeAttribute(markerName);
|
||
}
|
||
});
|
||
lockCount--;
|
||
if (!lockCount) {
|
||
// clear
|
||
counterMap = new WeakMap();
|
||
counterMap = new WeakMap();
|
||
uncontrolledNodes = new WeakMap();
|
||
markerMap = {};
|
||
}
|
||
};
|
||
};
|
||
/**
|
||
* Marks everything except given node(or nodes) as aria-hidden
|
||
* @param {Element | Element[]} originalTarget - elements to keep on the page
|
||
* @param [parentNode] - top element, defaults to document.body
|
||
* @param {String} [markerName] - a special attribute to mark every node
|
||
* @return {Undo} undo command
|
||
*/
|
||
var hideOthers = function (originalTarget, parentNode, markerName) {
|
||
if (markerName === void 0) { markerName = 'data-aria-hidden'; }
|
||
var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
|
||
var activeParentNode = parentNode || getDefaultParent(originalTarget);
|
||
if (!activeParentNode) {
|
||
return function () { return null; };
|
||
}
|
||
// we should not hide ariaLive elements - https://github.com/theKashey/aria-hidden/issues/10
|
||
targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live]')));
|
||
return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
|
||
};
|
||
/**
|
||
* Marks everything except given node(or nodes) as inert
|
||
* @param {Element | Element[]} originalTarget - elements to keep on the page
|
||
* @param [parentNode] - top element, defaults to document.body
|
||
* @param {String} [markerName] - a special attribute to mark every node
|
||
* @return {Undo} undo command
|
||
*/
|
||
var inertOthers = function (originalTarget, parentNode, markerName) {
|
||
if (markerName === void 0) { markerName = 'data-inert-ed'; }
|
||
var activeParentNode = parentNode || getDefaultParent(originalTarget);
|
||
if (!activeParentNode) {
|
||
return function () { return null; };
|
||
}
|
||
return applyAttributeToOthers(originalTarget, activeParentNode, markerName, 'inert');
|
||
};
|
||
/**
|
||
* @returns if current browser supports inert
|
||
*/
|
||
var supportsInert = function () {
|
||
return typeof HTMLElement !== 'undefined' && HTMLElement.prototype.hasOwnProperty('inert');
|
||
};
|
||
/**
|
||
* Automatic function to "suppress" DOM elements - _hide_ or _inert_ in the best possible way
|
||
* @param {Element | Element[]} originalTarget - elements to keep on the page
|
||
* @param [parentNode] - top element, defaults to document.body
|
||
* @param {String} [markerName] - a special attribute to mark every node
|
||
* @return {Undo} undo command
|
||
*/
|
||
var suppressOthers = function (originalTarget, parentNode, markerName) {
|
||
if (markerName === void 0) { markerName = 'data-suppressed'; }
|
||
return (supportsInert() ? inertOthers : hideOthers)(originalTarget, parentNode, markerName);
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-dialog/dist/index.mjs
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* Dialog
|
||
* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DIALOG_NAME = 'Dialog';
|
||
const [$5d3850c4d0b4e6c7$var$createDialogContext, $5d3850c4d0b4e6c7$export$cc702773b8ea3e41] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($5d3850c4d0b4e6c7$var$DIALOG_NAME);
|
||
const [$5d3850c4d0b4e6c7$var$DialogProvider, $5d3850c4d0b4e6c7$var$useDialogContext] = $5d3850c4d0b4e6c7$var$createDialogContext($5d3850c4d0b4e6c7$var$DIALOG_NAME);
|
||
const $5d3850c4d0b4e6c7$export$3ddf2d174ce01153 = (props)=>{
|
||
const { __scopeDialog: __scopeDialog , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , modal: modal = true } = props;
|
||
const triggerRef = (0,external_React_namespaceObject.useRef)(null);
|
||
const contentRef = (0,external_React_namespaceObject.useRef)(null);
|
||
const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
|
||
prop: openProp,
|
||
defaultProp: defaultOpen,
|
||
onChange: onOpenChange
|
||
});
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogProvider, {
|
||
scope: __scopeDialog,
|
||
triggerRef: triggerRef,
|
||
contentRef: contentRef,
|
||
contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
|
||
titleId: $1746a345f3d73bb7$export$f680877a34711e37(),
|
||
descriptionId: $1746a345f3d73bb7$export$f680877a34711e37(),
|
||
open: open,
|
||
onOpenChange: setOpen,
|
||
onOpenToggle: (0,external_React_namespaceObject.useCallback)(()=>setOpen((prevOpen)=>!prevOpen
|
||
)
|
||
, [
|
||
setOpen
|
||
]),
|
||
modal: modal
|
||
}, children);
|
||
};
|
||
/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$3ddf2d174ce01153, {
|
||
displayName: $5d3850c4d0b4e6c7$var$DIALOG_NAME
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DialogTrigger
|
||
* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$TRIGGER_NAME = 'DialogTrigger';
|
||
const $5d3850c4d0b4e6c7$export$2e1e1122cf0cba88 = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { __scopeDialog: __scopeDialog , ...triggerProps } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TRIGGER_NAME, __scopeDialog);
|
||
const composedTriggerRef = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.triggerRef);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
|
||
type: "button",
|
||
"aria-haspopup": "dialog",
|
||
"aria-expanded": context.open,
|
||
"aria-controls": context.contentId,
|
||
"data-state": $5d3850c4d0b4e6c7$var$getState(context.open)
|
||
}, triggerProps, {
|
||
ref: composedTriggerRef,
|
||
onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, context.onOpenToggle)
|
||
}));
|
||
});
|
||
/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$2e1e1122cf0cba88, {
|
||
displayName: $5d3850c4d0b4e6c7$var$TRIGGER_NAME
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DialogPortal
|
||
* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$PORTAL_NAME = 'DialogPortal';
|
||
const [$5d3850c4d0b4e6c7$var$PortalProvider, $5d3850c4d0b4e6c7$var$usePortalContext] = $5d3850c4d0b4e6c7$var$createDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME, {
|
||
forceMount: undefined
|
||
});
|
||
const $5d3850c4d0b4e6c7$export$dad7c95542bacce0 = (props)=>{
|
||
const { __scopeDialog: __scopeDialog , forceMount: forceMount , children: children , container: container } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME, __scopeDialog);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$PortalProvider, {
|
||
scope: __scopeDialog,
|
||
forceMount: forceMount
|
||
}, external_React_namespaceObject.Children.map(children, (child)=>/*#__PURE__*/ (0,external_React_namespaceObject.createElement)($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
|
||
present: forceMount || context.open
|
||
}, /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($f1701beae083dbae$export$602eac185826482c, {
|
||
asChild: true,
|
||
container: container
|
||
}, child))
|
||
));
|
||
};
|
||
/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$dad7c95542bacce0, {
|
||
displayName: $5d3850c4d0b4e6c7$var$PORTAL_NAME
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DialogOverlay
|
||
* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$OVERLAY_NAME = 'DialogOverlay';
|
||
const $5d3850c4d0b4e6c7$export$bd1d06c79be19e17 = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const portalContext = $5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
|
||
const { forceMount: forceMount = portalContext.forceMount , ...overlayProps } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
|
||
return context.modal ? /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
|
||
present: forceMount || context.open
|
||
}, /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogOverlayImpl, _extends({}, overlayProps, {
|
||
ref: forwardedRef
|
||
}))) : null;
|
||
});
|
||
/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$bd1d06c79be19e17, {
|
||
displayName: $5d3850c4d0b4e6c7$var$OVERLAY_NAME
|
||
});
|
||
const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { __scopeDialog: __scopeDialog , ...overlayProps } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, __scopeDialog);
|
||
return(/*#__PURE__*/ // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
||
// ie. when `Overlay` and `Content` are siblings
|
||
(0,external_React_namespaceObject.createElement)(Combination, {
|
||
as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
|
||
allowPinchZoom: true,
|
||
shards: [
|
||
context.contentRef
|
||
]
|
||
}, /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
|
||
"data-state": $5d3850c4d0b4e6c7$var$getState(context.open)
|
||
}, overlayProps, {
|
||
ref: forwardedRef // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
|
||
,
|
||
style: {
|
||
pointerEvents: 'auto',
|
||
...overlayProps.style
|
||
}
|
||
}))));
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DialogContent
|
||
* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$CONTENT_NAME = 'DialogContent';
|
||
const $5d3850c4d0b4e6c7$export$b6d9565de1e068cf = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const portalContext = $5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
|
||
const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
|
||
present: forceMount || context.open
|
||
}, context.modal ? /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogContentModal, _extends({}, contentProps, {
|
||
ref: forwardedRef
|
||
})) : /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogContentNonModal, _extends({}, contentProps, {
|
||
ref: forwardedRef
|
||
})));
|
||
});
|
||
/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$b6d9565de1e068cf, {
|
||
displayName: $5d3850c4d0b4e6c7$var$CONTENT_NAME
|
||
});
|
||
/* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentModal = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
|
||
const contentRef = (0,external_React_namespaceObject.useRef)(null);
|
||
const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.contentRef, contentRef); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
|
||
(0,external_React_namespaceObject.useEffect)(()=>{
|
||
const content = contentRef.current;
|
||
if (content) return hideOthers(content);
|
||
}, []);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
|
||
ref: composedRefs // we make sure focus isn't trapped once `DialogContent` has been closed
|
||
,
|
||
trapFocus: context.open,
|
||
disableOutsidePointerEvents: true,
|
||
onCloseAutoFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onCloseAutoFocus, (event)=>{
|
||
var _context$triggerRef$c;
|
||
event.preventDefault();
|
||
(_context$triggerRef$c = context.triggerRef.current) === null || _context$triggerRef$c === void 0 || _context$triggerRef$c.focus();
|
||
}),
|
||
onPointerDownOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownOutside, (event)=>{
|
||
const originalEvent = event.detail.originalEvent;
|
||
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
|
||
const isRightClick = originalEvent.button === 2 || ctrlLeftClick; // If the event is a right-click, we shouldn't close because
|
||
// it is effectively as if we right-clicked the `Overlay`.
|
||
if (isRightClick) event.preventDefault();
|
||
}) // When focus is trapped, a `focusout` event may still happen.
|
||
,
|
||
onFocusOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusOutside, (event)=>event.preventDefault()
|
||
)
|
||
}));
|
||
});
|
||
/* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentNonModal = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
|
||
const hasInteractedOutsideRef = (0,external_React_namespaceObject.useRef)(false);
|
||
const hasPointerDownOutsideRef = (0,external_React_namespaceObject.useRef)(false);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
|
||
ref: forwardedRef,
|
||
trapFocus: false,
|
||
disableOutsidePointerEvents: false,
|
||
onCloseAutoFocus: (event)=>{
|
||
var _props$onCloseAutoFoc;
|
||
(_props$onCloseAutoFoc = props.onCloseAutoFocus) === null || _props$onCloseAutoFoc === void 0 || _props$onCloseAutoFoc.call(props, event);
|
||
if (!event.defaultPrevented) {
|
||
var _context$triggerRef$c2;
|
||
if (!hasInteractedOutsideRef.current) (_context$triggerRef$c2 = context.triggerRef.current) === null || _context$triggerRef$c2 === void 0 || _context$triggerRef$c2.focus(); // Always prevent auto focus because we either focus manually or want user agent focus
|
||
event.preventDefault();
|
||
}
|
||
hasInteractedOutsideRef.current = false;
|
||
hasPointerDownOutsideRef.current = false;
|
||
},
|
||
onInteractOutside: (event)=>{
|
||
var _props$onInteractOuts, _context$triggerRef$c3;
|
||
(_props$onInteractOuts = props.onInteractOutside) === null || _props$onInteractOuts === void 0 || _props$onInteractOuts.call(props, event);
|
||
if (!event.defaultPrevented) {
|
||
hasInteractedOutsideRef.current = true;
|
||
if (event.detail.originalEvent.type === 'pointerdown') hasPointerDownOutsideRef.current = true;
|
||
} // Prevent dismissing when clicking the trigger.
|
||
// As the trigger is already setup to close, without doing so would
|
||
// cause it to close and immediately open.
|
||
const target = event.target;
|
||
const targetIsTrigger = (_context$triggerRef$c3 = context.triggerRef.current) === null || _context$triggerRef$c3 === void 0 ? void 0 : _context$triggerRef$c3.contains(target);
|
||
if (targetIsTrigger) event.preventDefault(); // On Safari if the trigger is inside a container with tabIndex={0}, when clicked
|
||
// we will get the pointer down outside event on the trigger, but then a subsequent
|
||
// focus outside event on the container, we ignore any focus outside event when we've
|
||
// already had a pointer down outside event.
|
||
if (event.detail.originalEvent.type === 'focusin' && hasPointerDownOutsideRef.current) event.preventDefault();
|
||
}
|
||
}));
|
||
});
|
||
/* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentImpl = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { __scopeDialog: __scopeDialog , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , ...contentProps } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, __scopeDialog);
|
||
const contentRef = (0,external_React_namespaceObject.useRef)(null);
|
||
const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentRef); // Make sure the whole tree has focus guards as our `Dialog` will be
|
||
// the last element in the DOM (beacuse of the `Portal`)
|
||
$3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)(external_React_namespaceObject.Fragment, null, /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($d3863c46a17e8a28$export$20e40289641fbbb6, {
|
||
asChild: true,
|
||
loop: true,
|
||
trapped: trapFocus,
|
||
onMountAutoFocus: onOpenAutoFocus,
|
||
onUnmountAutoFocus: onCloseAutoFocus
|
||
}, /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($5cb92bef7577960e$export$177fb62ff3ec1f22, _extends({
|
||
role: "dialog",
|
||
id: context.contentId,
|
||
"aria-describedby": context.descriptionId,
|
||
"aria-labelledby": context.titleId,
|
||
"data-state": $5d3850c4d0b4e6c7$var$getState(context.open)
|
||
}, contentProps, {
|
||
ref: composedRefs,
|
||
onDismiss: ()=>context.onOpenChange(false)
|
||
}))), false);
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DialogTitle
|
||
* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$TITLE_NAME = 'DialogTitle';
|
||
const $5d3850c4d0b4e6c7$export$16f7638e4a34b909 = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { __scopeDialog: __scopeDialog , ...titleProps } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TITLE_NAME, __scopeDialog);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.h2, _extends({
|
||
id: context.titleId
|
||
}, titleProps, {
|
||
ref: forwardedRef
|
||
}));
|
||
});
|
||
/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$16f7638e4a34b909, {
|
||
displayName: $5d3850c4d0b4e6c7$var$TITLE_NAME
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DialogDescription
|
||
* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DESCRIPTION_NAME = 'DialogDescription';
|
||
const $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5 = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { __scopeDialog: __scopeDialog , ...descriptionProps } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$DESCRIPTION_NAME, __scopeDialog);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.p, _extends({
|
||
id: context.descriptionId
|
||
}, descriptionProps, {
|
||
ref: forwardedRef
|
||
}));
|
||
});
|
||
/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5, {
|
||
displayName: $5d3850c4d0b4e6c7$var$DESCRIPTION_NAME
|
||
});
|
||
/* -------------------------------------------------------------------------------------------------
|
||
* DialogClose
|
||
* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$CLOSE_NAME = 'DialogClose';
|
||
const $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac = /*#__PURE__*/ (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{
|
||
const { __scopeDialog: __scopeDialog , ...closeProps } = props;
|
||
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CLOSE_NAME, __scopeDialog);
|
||
return /*#__PURE__*/ (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
|
||
type: "button"
|
||
}, closeProps, {
|
||
ref: forwardedRef,
|
||
onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, ()=>context.onOpenChange(false)
|
||
)
|
||
}));
|
||
});
|
||
/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac, {
|
||
displayName: $5d3850c4d0b4e6c7$var$CLOSE_NAME
|
||
});
|
||
/* -----------------------------------------------------------------------------------------------*/ function $5d3850c4d0b4e6c7$var$getState(open) {
|
||
return open ? 'open' : 'closed';
|
||
}
|
||
const $5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME = 'DialogTitleWarning';
|
||
const [$5d3850c4d0b4e6c7$export$69b62a49393917d6, $5d3850c4d0b4e6c7$var$useWarningContext] = $c512c27ab02ef895$export$fd42f52fd3ae1109($5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME, {
|
||
contentName: $5d3850c4d0b4e6c7$var$CONTENT_NAME,
|
||
titleName: $5d3850c4d0b4e6c7$var$TITLE_NAME,
|
||
docsSlug: 'dialog'
|
||
});
|
||
const $5d3850c4d0b4e6c7$var$TitleWarning = ({ titleId: titleId })=>{
|
||
const titleWarningContext = $5d3850c4d0b4e6c7$var$useWarningContext($5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME);
|
||
const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
|
||
|
||
If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
|
||
|
||
For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
|
||
$67UHm$useEffect(()=>{
|
||
if (titleId) {
|
||
const hasTitle = document.getElementById(titleId);
|
||
if (!hasTitle) throw new Error(MESSAGE);
|
||
}
|
||
}, [
|
||
MESSAGE,
|
||
titleId
|
||
]);
|
||
return null;
|
||
};
|
||
const $5d3850c4d0b4e6c7$var$DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning';
|
||
const $5d3850c4d0b4e6c7$var$DescriptionWarning = ({ contentRef: contentRef , descriptionId: descriptionId })=>{
|
||
const descriptionWarningContext = $5d3850c4d0b4e6c7$var$useWarningContext($5d3850c4d0b4e6c7$var$DESCRIPTION_WARNING_NAME);
|
||
const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
|
||
$67UHm$useEffect(()=>{
|
||
var _contentRef$current;
|
||
const describedById = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.getAttribute('aria-describedby'); // if we have an id and the user hasn't set aria-describedby={undefined}
|
||
if (descriptionId && describedById) {
|
||
const hasDescription = document.getElementById(descriptionId);
|
||
if (!hasDescription) console.warn(MESSAGE);
|
||
}
|
||
}, [
|
||
MESSAGE,
|
||
contentRef,
|
||
descriptionId
|
||
]);
|
||
return null;
|
||
};
|
||
const $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9 = $5d3850c4d0b4e6c7$export$3ddf2d174ce01153;
|
||
const $5d3850c4d0b4e6c7$export$41fb9f06171c75f4 = (/* unused pure expression or super */ null && ($5d3850c4d0b4e6c7$export$2e1e1122cf0cba88));
|
||
const $5d3850c4d0b4e6c7$export$602eac185826482c = $5d3850c4d0b4e6c7$export$dad7c95542bacce0;
|
||
const $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff = $5d3850c4d0b4e6c7$export$bd1d06c79be19e17;
|
||
const $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 = $5d3850c4d0b4e6c7$export$b6d9565de1e068cf;
|
||
const $5d3850c4d0b4e6c7$export$f99233281efd08a0 = (/* unused pure expression or super */ null && ($5d3850c4d0b4e6c7$export$16f7638e4a34b909));
|
||
const $5d3850c4d0b4e6c7$export$393edc798c47379d = (/* unused pure expression or super */ null && ($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5));
|
||
const $5d3850c4d0b4e6c7$export$f39c2d165cd861fe = (/* unused pure expression or super */ null && ($5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac));
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/cmdk/dist/index.mjs
|
||
var V='[cmdk-group=""]',dist_X='[cmdk-group-items=""]',ge='[cmdk-group-heading=""]',dist_Y='[cmdk-item=""]',le=`${dist_Y}:not([aria-disabled="true"])`,Q="cmdk-item-select",M="data-value",Re=(r,o,n)=>W(r,o,n),ue=external_React_namespaceObject.createContext(void 0),dist_G=()=>external_React_namespaceObject.useContext(ue),de=external_React_namespaceObject.createContext(void 0),Z=()=>external_React_namespaceObject.useContext(de),fe=external_React_namespaceObject.createContext(void 0),me=external_React_namespaceObject.forwardRef((r,o)=>{let n=dist_k(()=>{var e,s;return{search:"",value:(s=(e=r.value)!=null?e:r.defaultValue)!=null?s:"",filtered:{count:0,items:new Map,groups:new Set}}}),u=dist_k(()=>new Set),c=dist_k(()=>new Map),d=dist_k(()=>new Map),f=dist_k(()=>new Set),p=pe(r),{label:v,children:b,value:l,onValueChange:y,filter:S,shouldFilter:C,loop:L,disablePointerSelection:ee=!1,vimBindings:j=!0,...H}=r,te=external_React_namespaceObject.useId(),$=external_React_namespaceObject.useId(),K=external_React_namespaceObject.useId(),x=external_React_namespaceObject.useRef(null),g=Me();T(()=>{if(l!==void 0){let e=l.trim();n.current.value=e,h.emit()}},[l]),T(()=>{g(6,re)},[]);let h=external_React_namespaceObject.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>n.current,setState:(e,s,i)=>{var a,m,R;if(!Object.is(n.current[e],s)){if(n.current[e]=s,e==="search")z(),q(),g(1,U);else if(e==="value"&&(i||g(5,re),((a=p.current)==null?void 0:a.value)!==void 0)){let E=s!=null?s:"";(R=(m=p.current).onValueChange)==null||R.call(m,E);return}h.emit()}},emit:()=>{f.current.forEach(e=>e())}}),[]),B=external_React_namespaceObject.useMemo(()=>({value:(e,s,i)=>{var a;s!==((a=d.current.get(e))==null?void 0:a.value)&&(d.current.set(e,{value:s,keywords:i}),n.current.filtered.items.set(e,ne(s,i)),g(2,()=>{q(),h.emit()}))},item:(e,s)=>(u.current.add(e),s&&(c.current.has(s)?c.current.get(s).add(e):c.current.set(s,new Set([e]))),g(3,()=>{z(),q(),n.current.value||U(),h.emit()}),()=>{d.current.delete(e),u.current.delete(e),n.current.filtered.items.delete(e);let i=O();g(4,()=>{z(),(i==null?void 0:i.getAttribute("id"))===e&&U(),h.emit()})}),group:e=>(c.current.has(e)||c.current.set(e,new Set),()=>{d.current.delete(e),c.current.delete(e)}),filter:()=>p.current.shouldFilter,label:v||r["aria-label"],disablePointerSelection:ee,listId:te,inputId:K,labelId:$,listInnerRef:x}),[]);function ne(e,s){var a,m;let i=(m=(a=p.current)==null?void 0:a.filter)!=null?m:Re;return e?i(e,n.current.search,s):0}function q(){if(!n.current.search||p.current.shouldFilter===!1)return;let e=n.current.filtered.items,s=[];n.current.filtered.groups.forEach(a=>{let m=c.current.get(a),R=0;m.forEach(E=>{let P=e.get(E);R=Math.max(P,R)}),s.push([a,R])});let i=x.current;A().sort((a,m)=>{var P,_;let R=a.getAttribute("id"),E=m.getAttribute("id");return((P=e.get(E))!=null?P:0)-((_=e.get(R))!=null?_:0)}).forEach(a=>{let m=a.closest(dist_X);m?m.appendChild(a.parentElement===m?a:a.closest(`${dist_X} > *`)):i.appendChild(a.parentElement===i?a:a.closest(`${dist_X} > *`))}),s.sort((a,m)=>m[1]-a[1]).forEach(a=>{let m=x.current.querySelector(`${V}[${M}="${encodeURIComponent(a[0])}"]`);m==null||m.parentElement.appendChild(m)})}function U(){let e=A().find(i=>i.getAttribute("aria-disabled")!=="true"),s=e==null?void 0:e.getAttribute(M);h.setState("value",s||void 0)}function z(){var s,i,a,m;if(!n.current.search||p.current.shouldFilter===!1){n.current.filtered.count=u.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let R of u.current){let E=(i=(s=d.current.get(R))==null?void 0:s.value)!=null?i:"",P=(m=(a=d.current.get(R))==null?void 0:a.keywords)!=null?m:[],_=ne(E,P);n.current.filtered.items.set(R,_),_>0&&e++}for(let[R,E]of c.current)for(let P of E)if(n.current.filtered.items.get(P)>0){n.current.filtered.groups.add(R);break}n.current.filtered.count=e}function re(){var s,i,a;let e=O();e&&(((s=e.parentElement)==null?void 0:s.firstChild)===e&&((a=(i=e.closest(V))==null?void 0:i.querySelector(ge))==null||a.scrollIntoView({block:"nearest"})),e.scrollIntoView({block:"nearest"}))}function O(){var e;return(e=x.current)==null?void 0:e.querySelector(`${dist_Y}[aria-selected="true"]`)}function A(){var e;return Array.from((e=x.current)==null?void 0:e.querySelectorAll(le))}function W(e){let i=A()[e];i&&h.setState("value",i.getAttribute(M))}function J(e){var R;let s=O(),i=A(),a=i.findIndex(E=>E===s),m=i[a+e];(R=p.current)!=null&&R.loop&&(m=a+e<0?i[i.length-1]:a+e===i.length?i[0]:i[a+e]),m&&h.setState("value",m.getAttribute(M))}function oe(e){let s=O(),i=s==null?void 0:s.closest(V),a;for(;i&&!a;)i=e>0?we(i,V):Ie(i,V),a=i==null?void 0:i.querySelector(le);a?h.setState("value",a.getAttribute(M)):J(e)}let ie=()=>W(A().length-1),ae=e=>{e.preventDefault(),e.metaKey?ie():e.altKey?oe(1):J(1)},se=e=>{e.preventDefault(),e.metaKey?W(0):e.altKey?oe(-1):J(-1)};return external_React_namespaceObject.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,{ref:o,tabIndex:-1,...H,"cmdk-root":"",onKeyDown:e=>{var s;if((s=H.onKeyDown)==null||s.call(H,e),!e.defaultPrevented)switch(e.key){case"n":case"j":{j&&e.ctrlKey&&ae(e);break}case"ArrowDown":{ae(e);break}case"p":case"k":{j&&e.ctrlKey&&se(e);break}case"ArrowUp":{se(e);break}case"Home":{e.preventDefault(),W(0);break}case"End":{e.preventDefault(),ie();break}case"Enter":if(!e.nativeEvent.isComposing&&e.keyCode!==229){e.preventDefault();let i=O();if(i){let a=new Event(Q);i.dispatchEvent(a)}}}}},external_React_namespaceObject.createElement("label",{"cmdk-label":"",htmlFor:B.inputId,id:B.labelId,style:De},v),F(r,e=>external_React_namespaceObject.createElement(de.Provider,{value:h},external_React_namespaceObject.createElement(ue.Provider,{value:B},e))))}),be=external_React_namespaceObject.forwardRef((r,o)=>{var K,x;let n=external_React_namespaceObject.useId(),u=external_React_namespaceObject.useRef(null),c=external_React_namespaceObject.useContext(fe),d=dist_G(),f=pe(r),p=(x=(K=f.current)==null?void 0:K.forceMount)!=null?x:c==null?void 0:c.forceMount;T(()=>{if(!p)return d.item(n,c==null?void 0:c.id)},[p]);let v=ve(n,u,[r.value,r.children,u],r.keywords),b=Z(),l=dist_D(g=>g.value&&g.value===v.current),y=dist_D(g=>p||d.filter()===!1?!0:g.search?g.filtered.items.get(n)>0:!0);external_React_namespaceObject.useEffect(()=>{let g=u.current;if(!(!g||r.disabled))return g.addEventListener(Q,S),()=>g.removeEventListener(Q,S)},[y,r.onSelect,r.disabled]);function S(){var g,h;C(),(h=(g=f.current).onSelect)==null||h.call(g,v.current)}function C(){b.setState("value",v.current,!0)}if(!y)return null;let{disabled:L,value:ee,onSelect:j,forceMount:H,keywords:te,...$}=r;return external_React_namespaceObject.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,{ref:N([u,o]),...$,id:n,"cmdk-item":"",role:"option","aria-disabled":!!L,"aria-selected":!!l,"data-disabled":!!L,"data-selected":!!l,onPointerMove:L||d.disablePointerSelection?void 0:C,onClick:L?void 0:S},r.children)}),he=external_React_namespaceObject.forwardRef((r,o)=>{let{heading:n,children:u,forceMount:c,...d}=r,f=external_React_namespaceObject.useId(),p=external_React_namespaceObject.useRef(null),v=external_React_namespaceObject.useRef(null),b=external_React_namespaceObject.useId(),l=dist_G(),y=dist_D(C=>c||l.filter()===!1?!0:C.search?C.filtered.groups.has(f):!0);T(()=>l.group(f),[]),ve(f,p,[r.value,r.heading,v]);let S=external_React_namespaceObject.useMemo(()=>({id:f,forceMount:c}),[c]);return external_React_namespaceObject.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,{ref:N([p,o]),...d,"cmdk-group":"",role:"presentation",hidden:y?void 0:!0},n&&external_React_namespaceObject.createElement("div",{ref:v,"cmdk-group-heading":"","aria-hidden":!0,id:b},n),F(r,C=>external_React_namespaceObject.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?b:void 0},external_React_namespaceObject.createElement(fe.Provider,{value:S},C))))}),ye=external_React_namespaceObject.forwardRef((r,o)=>{let{alwaysRender:n,...u}=r,c=external_React_namespaceObject.useRef(null),d=dist_D(f=>!f.search);return!n&&!d?null:external_React_namespaceObject.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,{ref:N([c,o]),...u,"cmdk-separator":"",role:"separator"})}),Ee=external_React_namespaceObject.forwardRef((r,o)=>{let{onValueChange:n,...u}=r,c=r.value!=null,d=Z(),f=dist_D(l=>l.search),p=dist_D(l=>l.value),v=dist_G(),b=external_React_namespaceObject.useMemo(()=>{var y;let l=(y=v.listInnerRef.current)==null?void 0:y.querySelector(`${dist_Y}[${M}="${encodeURIComponent(p)}"]`);return l==null?void 0:l.getAttribute("id")},[]);return external_React_namespaceObject.useEffect(()=>{r.value!=null&&d.setState("search",r.value)},[r.value]),external_React_namespaceObject.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.input,{ref:o,...u,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":v.listId,"aria-labelledby":v.labelId,"aria-activedescendant":b,id:v.inputId,type:"text",value:c?r.value:f,onChange:l=>{c||d.setState("search",l.target.value),n==null||n(l.target.value)}})}),Se=external_React_namespaceObject.forwardRef((r,o)=>{let{children:n,label:u="Suggestions",...c}=r,d=external_React_namespaceObject.useRef(null),f=external_React_namespaceObject.useRef(null),p=dist_G();return external_React_namespaceObject.useEffect(()=>{if(f.current&&d.current){let v=f.current,b=d.current,l,y=new ResizeObserver(()=>{l=requestAnimationFrame(()=>{let S=v.offsetHeight;b.style.setProperty("--cmdk-list-height",S.toFixed(1)+"px")})});return y.observe(v),()=>{cancelAnimationFrame(l),y.unobserve(v)}}},[]),external_React_namespaceObject.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,{ref:N([d,o]),...c,"cmdk-list":"",role:"listbox","aria-label":u,id:p.listId},F(r,v=>external_React_namespaceObject.createElement("div",{ref:N([f,p.listInnerRef]),"cmdk-list-sizer":""},v)))}),Ce=external_React_namespaceObject.forwardRef((r,o)=>{let{open:n,onOpenChange:u,overlayClassName:c,contentClassName:d,container:f,...p}=r;return external_React_namespaceObject.createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9,{open:n,onOpenChange:u},external_React_namespaceObject.createElement($5d3850c4d0b4e6c7$export$602eac185826482c,{container:f},external_React_namespaceObject.createElement($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff,{"cmdk-overlay":"",className:c}),external_React_namespaceObject.createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2,{"aria-label":r.label,"cmdk-dialog":"",className:d},external_React_namespaceObject.createElement(me,{ref:o,...p}))))}),xe=external_React_namespaceObject.forwardRef((r,o)=>dist_D(u=>u.filtered.count===0)?external_React_namespaceObject.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,{ref:o,...r,"cmdk-empty":"",role:"presentation"}):null),Pe=external_React_namespaceObject.forwardRef((r,o)=>{let{progress:n,children:u,label:c="Loading...",...d}=r;return external_React_namespaceObject.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,{ref:o,...d,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":c},F(r,f=>external_React_namespaceObject.createElement("div",{"aria-hidden":!0},f)))}),He=Object.assign(me,{List:Se,Item:be,Input:Ee,Group:he,Separator:ye,Dialog:Ce,Empty:xe,Loading:Pe});function we(r,o){let n=r.nextElementSibling;for(;n;){if(n.matches(o))return n;n=n.nextElementSibling}}function Ie(r,o){let n=r.previousElementSibling;for(;n;){if(n.matches(o))return n;n=n.previousElementSibling}}function pe(r){let o=external_React_namespaceObject.useRef(r);return T(()=>{o.current=r}),o}var T=typeof window=="undefined"?external_React_namespaceObject.useEffect:external_React_namespaceObject.useLayoutEffect;function dist_k(r){let o=external_React_namespaceObject.useRef();return o.current===void 0&&(o.current=r()),o}function N(r){return o=>{r.forEach(n=>{typeof n=="function"?n(o):n!=null&&(n.current=o)})}}function dist_D(r){let o=Z(),n=()=>r(o.snapshot());return external_React_namespaceObject.useSyncExternalStore(o.subscribe,n,n)}function ve(r,o,n,u=[]){let c=external_React_namespaceObject.useRef(),d=dist_G();return T(()=>{var v;let f=(()=>{var b;for(let l of n){if(typeof l=="string")return l.trim();if(typeof l=="object"&&"current"in l)return l.current?(b=l.current.textContent)==null?void 0:b.trim():c.current}})(),p=u.map(b=>b.trim());d.value(r,f,p),(v=o.current)==null||v.setAttribute(M,f),c.current=f}),c}var Me=()=>{let[r,o]=external_React_namespaceObject.useState(),n=dist_k(()=>new Map);return T(()=>{n.current.forEach(u=>u()),n.current=new Map},[r]),(u,c)=>{n.current.set(u,c),o({})}};function Te(r){let o=r.type;return typeof o=="function"?o(r.props):"render"in o?o.render(r.props):r}function F({asChild:r,children:o},n){return r&&external_React_namespaceObject.isValidElement(o)?external_React_namespaceObject.cloneElement(Te(o),{ref:o.ref},n(o.props.children)):n(o)}var De={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/clsx/dist/clsx.mjs
|
||
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const dist_clsx = (clsx);
|
||
;// CONCATENATED MODULE: external ["wp","data"]
|
||
const external_wp_data_namespaceObject = window["wp"]["data"];
|
||
;// CONCATENATED MODULE: external ["wp","element"]
|
||
const external_wp_element_namespaceObject = window["wp"]["element"];
|
||
;// CONCATENATED MODULE: external ["wp","i18n"]
|
||
const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
|
||
;// CONCATENATED MODULE: external ["wp","components"]
|
||
const external_wp_components_namespaceObject = window["wp"]["components"];
|
||
;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"]
|
||
const external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"];
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */
|
||
|
||
/**
|
||
* Return an SVG icon.
|
||
*
|
||
* @param {IconProps} props icon is the SVG component to render
|
||
* size is a number specifiying the icon size in pixels
|
||
* Other props will be passed to wrapped SVG component
|
||
* @param {import('react').ForwardedRef<HTMLElement>} ref The forwarded ref to the SVG element.
|
||
*
|
||
* @return {JSX.Element} Icon component
|
||
*/
|
||
function Icon({
|
||
icon,
|
||
size = 24,
|
||
...props
|
||
}, ref) {
|
||
return (0,external_wp_element_namespaceObject.cloneElement)(icon, {
|
||
width: size,
|
||
height: size,
|
||
...props,
|
||
ref
|
||
});
|
||
}
|
||
/* harmony default export */ const icon = ((0,external_wp_element_namespaceObject.forwardRef)(Icon));
|
||
|
||
;// CONCATENATED MODULE: external ["wp","primitives"]
|
||
const external_wp_primitives_namespaceObject = window["wp"]["primitives"];
|
||
;// CONCATENATED MODULE: external "ReactJSXRuntime"
|
||
const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/search.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
const search = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
|
||
xmlns: "http://www.w3.org/2000/svg",
|
||
viewBox: "0 0 24 24",
|
||
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
|
||
d: "M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"
|
||
})
|
||
});
|
||
/* harmony default export */ const library_search = (search);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/store/reducer.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Reducer returning the registered commands
|
||
*
|
||
* @param {Object} state Current state.
|
||
* @param {Object} action Dispatched action.
|
||
*
|
||
* @return {Object} Updated state.
|
||
*/
|
||
function commands(state = {}, action) {
|
||
switch (action.type) {
|
||
case 'REGISTER_COMMAND':
|
||
return {
|
||
...state,
|
||
[action.name]: {
|
||
name: action.name,
|
||
label: action.label,
|
||
searchLabel: action.searchLabel,
|
||
context: action.context,
|
||
callback: action.callback,
|
||
icon: action.icon
|
||
}
|
||
};
|
||
case 'UNREGISTER_COMMAND':
|
||
{
|
||
const {
|
||
[action.name]: _,
|
||
...remainingState
|
||
} = state;
|
||
return remainingState;
|
||
}
|
||
}
|
||
return state;
|
||
}
|
||
|
||
/**
|
||
* Reducer returning the command loaders
|
||
*
|
||
* @param {Object} state Current state.
|
||
* @param {Object} action Dispatched action.
|
||
*
|
||
* @return {Object} Updated state.
|
||
*/
|
||
function commandLoaders(state = {}, action) {
|
||
switch (action.type) {
|
||
case 'REGISTER_COMMAND_LOADER':
|
||
return {
|
||
...state,
|
||
[action.name]: {
|
||
name: action.name,
|
||
context: action.context,
|
||
hook: action.hook
|
||
}
|
||
};
|
||
case 'UNREGISTER_COMMAND_LOADER':
|
||
{
|
||
const {
|
||
[action.name]: _,
|
||
...remainingState
|
||
} = state;
|
||
return remainingState;
|
||
}
|
||
}
|
||
return state;
|
||
}
|
||
|
||
/**
|
||
* Reducer returning the command palette open state.
|
||
*
|
||
* @param {Object} state Current state.
|
||
* @param {Object} action Dispatched action.
|
||
*
|
||
* @return {boolean} Updated state.
|
||
*/
|
||
function isOpen(state = false, action) {
|
||
switch (action.type) {
|
||
case 'OPEN':
|
||
return true;
|
||
case 'CLOSE':
|
||
return false;
|
||
}
|
||
return state;
|
||
}
|
||
|
||
/**
|
||
* Reducer returning the command palette's active context.
|
||
*
|
||
* @param {Object} state Current state.
|
||
* @param {Object} action Dispatched action.
|
||
*
|
||
* @return {boolean} Updated state.
|
||
*/
|
||
function context(state = 'root', action) {
|
||
switch (action.type) {
|
||
case 'SET_CONTEXT':
|
||
return action.context;
|
||
}
|
||
return state;
|
||
}
|
||
const reducer = (0,external_wp_data_namespaceObject.combineReducers)({
|
||
commands,
|
||
commandLoaders,
|
||
isOpen,
|
||
context
|
||
});
|
||
/* harmony default export */ const store_reducer = (reducer);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/store/actions.js
|
||
/** @typedef {import('@wordpress/keycodes').WPKeycodeModifier} WPKeycodeModifier */
|
||
|
||
/**
|
||
* Configuration of a registered keyboard shortcut.
|
||
*
|
||
* @typedef {Object} WPCommandConfig
|
||
*
|
||
* @property {string} name Command name.
|
||
* @property {string} label Command label.
|
||
* @property {string=} searchLabel Command search label.
|
||
* @property {string=} context Command context.
|
||
* @property {JSX.Element} icon Command icon.
|
||
* @property {Function} callback Command callback.
|
||
* @property {boolean} disabled Whether to disable the command.
|
||
*/
|
||
|
||
/**
|
||
* @typedef {(search: string) => WPCommandConfig[]} WPCommandLoaderHook hoo
|
||
*/
|
||
|
||
/**
|
||
* Command loader config.
|
||
*
|
||
* @typedef {Object} WPCommandLoaderConfig
|
||
*
|
||
* @property {string} name Command loader name.
|
||
* @property {string=} context Command loader context.
|
||
* @property {WPCommandLoaderHook} hook Command loader hook.
|
||
* @property {boolean} disabled Whether to disable the command loader.
|
||
*/
|
||
|
||
/**
|
||
* Returns an action object used to register a new command.
|
||
*
|
||
* @param {WPCommandConfig} config Command config.
|
||
*
|
||
* @return {Object} action.
|
||
*/
|
||
function registerCommand(config) {
|
||
return {
|
||
type: 'REGISTER_COMMAND',
|
||
...config
|
||
};
|
||
}
|
||
|
||
/**
|
||
* Returns an action object used to unregister a command.
|
||
*
|
||
* @param {string} name Command name.
|
||
*
|
||
* @return {Object} action.
|
||
*/
|
||
function unregisterCommand(name) {
|
||
return {
|
||
type: 'UNREGISTER_COMMAND',
|
||
name
|
||
};
|
||
}
|
||
|
||
/**
|
||
* Register command loader.
|
||
*
|
||
* @param {WPCommandLoaderConfig} config Command loader config.
|
||
*
|
||
* @return {Object} action.
|
||
*/
|
||
function registerCommandLoader(config) {
|
||
return {
|
||
type: 'REGISTER_COMMAND_LOADER',
|
||
...config
|
||
};
|
||
}
|
||
|
||
/**
|
||
* Unregister command loader hook.
|
||
*
|
||
* @param {string} name Command loader name.
|
||
*
|
||
* @return {Object} action.
|
||
*/
|
||
function unregisterCommandLoader(name) {
|
||
return {
|
||
type: 'UNREGISTER_COMMAND_LOADER',
|
||
name
|
||
};
|
||
}
|
||
|
||
/**
|
||
* Opens the command palette.
|
||
*
|
||
* @return {Object} action.
|
||
*/
|
||
function actions_open() {
|
||
return {
|
||
type: 'OPEN'
|
||
};
|
||
}
|
||
|
||
/**
|
||
* Closes the command palette.
|
||
*
|
||
* @return {Object} action.
|
||
*/
|
||
function actions_close() {
|
||
return {
|
||
type: 'CLOSE'
|
||
};
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/store/selectors.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Returns the registered static commands.
|
||
*
|
||
* @param {Object} state State tree.
|
||
* @param {boolean} contextual Whether to return only contextual commands.
|
||
*
|
||
* @return {import('./actions').WPCommandConfig[]} The list of registered commands.
|
||
*/
|
||
const getCommands = (0,external_wp_data_namespaceObject.createSelector)((state, contextual = false) => Object.values(state.commands).filter(command => {
|
||
const isContextual = command.context && command.context === state.context;
|
||
return contextual ? isContextual : !isContextual;
|
||
}), state => [state.commands, state.context]);
|
||
|
||
/**
|
||
* Returns the registered command loaders.
|
||
*
|
||
* @param {Object} state State tree.
|
||
* @param {boolean} contextual Whether to return only contextual command loaders.
|
||
*
|
||
* @return {import('./actions').WPCommandLoaderConfig[]} The list of registered command loaders.
|
||
*/
|
||
const getCommandLoaders = (0,external_wp_data_namespaceObject.createSelector)((state, contextual = false) => Object.values(state.commandLoaders).filter(loader => {
|
||
const isContextual = loader.context && loader.context === state.context;
|
||
return contextual ? isContextual : !isContextual;
|
||
}), state => [state.commandLoaders, state.context]);
|
||
|
||
/**
|
||
* Returns whether the command palette is open.
|
||
*
|
||
* @param {Object} state State tree.
|
||
*
|
||
* @return {boolean} Returns whether the command palette is open.
|
||
*/
|
||
function selectors_isOpen(state) {
|
||
return state.isOpen;
|
||
}
|
||
|
||
/**
|
||
* Returns whether the active context.
|
||
*
|
||
* @param {Object} state State tree.
|
||
*
|
||
* @return {string} Context.
|
||
*/
|
||
function getContext(state) {
|
||
return state.context;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/store/private-actions.js
|
||
/**
|
||
* Sets the active context.
|
||
*
|
||
* @param {string} context Context.
|
||
*
|
||
* @return {Object} action.
|
||
*/
|
||
function setContext(context) {
|
||
return {
|
||
type: 'SET_CONTEXT',
|
||
context
|
||
};
|
||
}
|
||
|
||
;// CONCATENATED MODULE: external ["wp","privateApis"]
|
||
const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/lock-unlock.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
const {
|
||
lock,
|
||
unlock
|
||
} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/commands');
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/store/index.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
const STORE_NAME = 'core/commands';
|
||
|
||
/**
|
||
* Store definition for the commands namespace.
|
||
*
|
||
* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
|
||
*
|
||
* @type {Object}
|
||
*
|
||
* @example
|
||
* ```js
|
||
* import { store as commandsStore } from '@wordpress/commands';
|
||
* import { useDispatch } from '@wordpress/data';
|
||
* ...
|
||
* const { open: openCommandCenter } = useDispatch( commandsStore );
|
||
* ```
|
||
*/
|
||
const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, {
|
||
reducer: store_reducer,
|
||
actions: actions_namespaceObject,
|
||
selectors: selectors_namespaceObject
|
||
});
|
||
(0,external_wp_data_namespaceObject.register)(store);
|
||
unlock(store).registerPrivateActions(private_actions_namespaceObject);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/components/command-menu.js
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
const inputLabel = (0,external_wp_i18n_namespaceObject.__)('Search commands and settings');
|
||
function CommandMenuLoader({
|
||
name,
|
||
search,
|
||
hook,
|
||
setLoader,
|
||
close
|
||
}) {
|
||
var _hook;
|
||
const {
|
||
isLoading,
|
||
commands = []
|
||
} = (_hook = hook({
|
||
search
|
||
})) !== null && _hook !== void 0 ? _hook : {};
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
setLoader(name, isLoading);
|
||
}, [setLoader, name, isLoading]);
|
||
if (!commands.length) {
|
||
return null;
|
||
}
|
||
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
|
||
children: commands.map(command => {
|
||
var _command$searchLabel;
|
||
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(He.Item, {
|
||
value: (_command$searchLabel = command.searchLabel) !== null && _command$searchLabel !== void 0 ? _command$searchLabel : command.label,
|
||
onSelect: () => command.callback({
|
||
close
|
||
}),
|
||
id: command.name,
|
||
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
|
||
alignment: "left",
|
||
className: dist_clsx('commands-command-menu__item', {
|
||
'has-icon': command.icon
|
||
}),
|
||
children: [command.icon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, {
|
||
icon: command.icon
|
||
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
|
||
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextHighlight, {
|
||
text: command.label,
|
||
highlight: search
|
||
})
|
||
})]
|
||
})
|
||
}, command.name);
|
||
})
|
||
});
|
||
}
|
||
function CommandMenuLoaderWrapper({
|
||
hook,
|
||
search,
|
||
setLoader,
|
||
close
|
||
}) {
|
||
// The "hook" prop is actually a custom React hook
|
||
// so to avoid breaking the rules of hooks
|
||
// the CommandMenuLoaderWrapper component need to be
|
||
// remounted on each hook prop change
|
||
// We use the key state to make sure we do that properly.
|
||
const currentLoaderRef = (0,external_wp_element_namespaceObject.useRef)(hook);
|
||
const [key, setKey] = (0,external_wp_element_namespaceObject.useState)(0);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
if (currentLoaderRef.current !== hook) {
|
||
currentLoaderRef.current = hook;
|
||
setKey(prevKey => prevKey + 1);
|
||
}
|
||
}, [hook]);
|
||
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandMenuLoader, {
|
||
hook: currentLoaderRef.current,
|
||
search: search,
|
||
setLoader: setLoader,
|
||
close: close
|
||
}, key);
|
||
}
|
||
function CommandMenuGroup({
|
||
isContextual,
|
||
search,
|
||
setLoader,
|
||
close
|
||
}) {
|
||
const {
|
||
commands,
|
||
loaders
|
||
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
||
const {
|
||
getCommands,
|
||
getCommandLoaders
|
||
} = select(store);
|
||
return {
|
||
commands: getCommands(isContextual),
|
||
loaders: getCommandLoaders(isContextual)
|
||
};
|
||
}, [isContextual]);
|
||
if (!commands.length && !loaders.length) {
|
||
return null;
|
||
}
|
||
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(He.Group, {
|
||
children: [commands.map(command => {
|
||
var _command$searchLabel2;
|
||
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(He.Item, {
|
||
value: (_command$searchLabel2 = command.searchLabel) !== null && _command$searchLabel2 !== void 0 ? _command$searchLabel2 : command.label,
|
||
onSelect: () => command.callback({
|
||
close
|
||
}),
|
||
id: command.name,
|
||
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
|
||
alignment: "left",
|
||
className: dist_clsx('commands-command-menu__item', {
|
||
'has-icon': command.icon
|
||
}),
|
||
children: [command.icon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, {
|
||
icon: command.icon
|
||
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
|
||
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextHighlight, {
|
||
text: command.label,
|
||
highlight: search
|
||
})
|
||
})]
|
||
})
|
||
}, command.name);
|
||
}), loaders.map(loader => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandMenuLoaderWrapper, {
|
||
hook: loader.hook,
|
||
search: search,
|
||
setLoader: setLoader,
|
||
close: close
|
||
}, loader.name))]
|
||
});
|
||
}
|
||
function CommandInput({
|
||
isOpen,
|
||
search,
|
||
setSearch
|
||
}) {
|
||
const commandMenuInput = (0,external_wp_element_namespaceObject.useRef)();
|
||
const _value = dist_D(state => state.value);
|
||
const selectedItemId = (0,external_wp_element_namespaceObject.useMemo)(() => {
|
||
const item = document.querySelector(`[cmdk-item=""][data-value="${_value}"]`);
|
||
return item?.getAttribute('id');
|
||
}, [_value]);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
// Focus the command palette input when mounting the modal.
|
||
if (isOpen) {
|
||
commandMenuInput.current.focus();
|
||
}
|
||
}, [isOpen]);
|
||
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(He.Input, {
|
||
ref: commandMenuInput,
|
||
value: search,
|
||
onValueChange: setSearch,
|
||
placeholder: inputLabel,
|
||
"aria-activedescendant": selectedItemId,
|
||
icon: search
|
||
});
|
||
}
|
||
|
||
/**
|
||
* @ignore
|
||
*/
|
||
function CommandMenu() {
|
||
const {
|
||
registerShortcut
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_keyboardShortcuts_namespaceObject.store);
|
||
const [search, setSearch] = (0,external_wp_element_namespaceObject.useState)('');
|
||
const isOpen = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).isOpen(), []);
|
||
const {
|
||
open,
|
||
close
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
||
const [loaders, setLoaders] = (0,external_wp_element_namespaceObject.useState)({});
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
registerShortcut({
|
||
name: 'core/commands',
|
||
category: 'global',
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Open the command palette.'),
|
||
keyCombination: {
|
||
modifier: 'primary',
|
||
character: 'k'
|
||
}
|
||
});
|
||
}, [registerShortcut]);
|
||
(0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/commands', /** @type {import('react').KeyboardEventHandler} */
|
||
event => {
|
||
// Bails to avoid obscuring the effect of the preceding handler(s).
|
||
if (event.defaultPrevented) {
|
||
return;
|
||
}
|
||
event.preventDefault();
|
||
if (isOpen) {
|
||
close();
|
||
} else {
|
||
open();
|
||
}
|
||
}, {
|
||
bindGlobal: true
|
||
});
|
||
const setLoader = (0,external_wp_element_namespaceObject.useCallback)((name, value) => setLoaders(current => ({
|
||
...current,
|
||
[name]: value
|
||
})), []);
|
||
const closeAndReset = () => {
|
||
setSearch('');
|
||
close();
|
||
};
|
||
if (!isOpen) {
|
||
return false;
|
||
}
|
||
const onKeyDown = event => {
|
||
if (
|
||
// Ignore keydowns from IMEs
|
||
event.nativeEvent.isComposing ||
|
||
// Workaround for Mac Safari where the final Enter/Backspace of an IME composition
|
||
// is `isComposing=false`, even though it's technically still part of the composition.
|
||
// These can only be detected by keyCode.
|
||
event.keyCode === 229) {
|
||
event.preventDefault();
|
||
}
|
||
};
|
||
const isLoading = Object.values(loaders).some(Boolean);
|
||
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
|
||
className: "commands-command-menu",
|
||
overlayClassName: "commands-command-menu__overlay",
|
||
onRequestClose: closeAndReset,
|
||
__experimentalHideHeader: true,
|
||
contentLabel: (0,external_wp_i18n_namespaceObject.__)('Command palette'),
|
||
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
|
||
className: "commands-command-menu__container",
|
||
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(He, {
|
||
label: inputLabel,
|
||
onKeyDown: onKeyDown,
|
||
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
|
||
className: "commands-command-menu__header",
|
||
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandInput, {
|
||
search: search,
|
||
setSearch: setSearch,
|
||
isOpen: isOpen
|
||
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, {
|
||
icon: library_search
|
||
})]
|
||
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(He.List, {
|
||
label: (0,external_wp_i18n_namespaceObject.__)('Command suggestions'),
|
||
children: [search && !isLoading && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(He.Empty, {
|
||
children: (0,external_wp_i18n_namespaceObject.__)('No results found.')
|
||
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandMenuGroup, {
|
||
search: search,
|
||
setLoader: setLoader,
|
||
close: closeAndReset,
|
||
isContextual: true
|
||
}), search && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandMenuGroup, {
|
||
search: search,
|
||
setLoader: setLoader,
|
||
close: closeAndReset
|
||
})]
|
||
})]
|
||
})
|
||
})
|
||
});
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/hooks/use-command-context.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Sets the active context of the command palette
|
||
*
|
||
* @param {string} context Context to set.
|
||
*/
|
||
function useCommandContext(context) {
|
||
const {
|
||
getContext
|
||
} = (0,external_wp_data_namespaceObject.useSelect)(store);
|
||
const initialContext = (0,external_wp_element_namespaceObject.useRef)(getContext());
|
||
const {
|
||
setContext
|
||
} = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
setContext(context);
|
||
}, [context, setContext]);
|
||
|
||
// This effects ensures that on unmount, we restore the context
|
||
// that was set before the component actually mounts.
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
const initialContextRef = initialContext.current;
|
||
return () => setContext(initialContextRef);
|
||
}, [setContext]);
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/private-apis.js
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* @private
|
||
*/
|
||
const privateApis = {};
|
||
lock(privateApis, {
|
||
useCommandContext: useCommandContext
|
||
});
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/hooks/use-command.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Attach a command to the command palette. Used for static commands.
|
||
*
|
||
* @param {import('../store/actions').WPCommandConfig} command command config.
|
||
*
|
||
* @example
|
||
* ```js
|
||
* import { useCommand } from '@wordpress/commands';
|
||
* import { plus } from '@wordpress/icons';
|
||
*
|
||
* useCommand( {
|
||
* name: 'myplugin/my-command-name',
|
||
* label: __( 'Add new post' ),
|
||
* icon: plus,
|
||
* callback: ({ close }) => {
|
||
* document.location.href = 'post-new.php';
|
||
* close();
|
||
* },
|
||
* } );
|
||
* ```
|
||
*/
|
||
function useCommand(command) {
|
||
const {
|
||
registerCommand,
|
||
unregisterCommand
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
||
const currentCallbackRef = (0,external_wp_element_namespaceObject.useRef)(command.callback);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
currentCallbackRef.current = command.callback;
|
||
}, [command.callback]);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
if (command.disabled) {
|
||
return;
|
||
}
|
||
registerCommand({
|
||
name: command.name,
|
||
context: command.context,
|
||
label: command.label,
|
||
searchLabel: command.searchLabel,
|
||
icon: command.icon,
|
||
callback: (...args) => currentCallbackRef.current(...args)
|
||
});
|
||
return () => {
|
||
unregisterCommand(command.name);
|
||
};
|
||
}, [command.name, command.label, command.searchLabel, command.icon, command.context, command.disabled, registerCommand, unregisterCommand]);
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/hooks/use-command-loader.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Attach a command loader to the command palette. Used for dynamic commands.
|
||
*
|
||
* @param {import('../store/actions').WPCommandLoaderConfig} loader command loader config.
|
||
*
|
||
* @example
|
||
* ```js
|
||
* import { useCommandLoader } from '@wordpress/commands';
|
||
* import { post, page, layout, symbolFilled } from '@wordpress/icons';
|
||
*
|
||
* const icons = {
|
||
* post,
|
||
* page,
|
||
* wp_template: layout,
|
||
* wp_template_part: symbolFilled,
|
||
* };
|
||
*
|
||
* function usePageSearchCommandLoader( { search } ) {
|
||
* // Retrieve the pages for the "search" term.
|
||
* const { records, isLoading } = useSelect( ( select ) => {
|
||
* const { getEntityRecords } = select( coreStore );
|
||
* const query = {
|
||
* search: !! search ? search : undefined,
|
||
* per_page: 10,
|
||
* orderby: search ? 'relevance' : 'date',
|
||
* };
|
||
* return {
|
||
* records: getEntityRecords( 'postType', 'page', query ),
|
||
* isLoading: ! select( coreStore ).hasFinishedResolution(
|
||
* 'getEntityRecords',
|
||
* 'postType', 'page', query ]
|
||
* ),
|
||
* };
|
||
* }, [ search ] );
|
||
*
|
||
* // Create the commands.
|
||
* const commands = useMemo( () => {
|
||
* return ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {
|
||
* return {
|
||
* name: record.title?.rendered + ' ' + record.id,
|
||
* label: record.title?.rendered
|
||
* ? record.title?.rendered
|
||
* : __( '(no title)' ),
|
||
* icon: icons[ postType ],
|
||
* callback: ( { close } ) => {
|
||
* const args = {
|
||
* postType,
|
||
* postId: record.id,
|
||
* ...extraArgs,
|
||
* };
|
||
* document.location = addQueryArgs( 'site-editor.php', args );
|
||
* close();
|
||
* },
|
||
* };
|
||
* } );
|
||
* }, [ records, history ] );
|
||
*
|
||
* return {
|
||
* commands,
|
||
* isLoading,
|
||
* };
|
||
* }
|
||
*
|
||
* useCommandLoader( {
|
||
* name: 'myplugin/page-search',
|
||
* hook: usePageSearchCommandLoader,
|
||
* } );
|
||
* ```
|
||
*/
|
||
function useCommandLoader(loader) {
|
||
const {
|
||
registerCommandLoader,
|
||
unregisterCommandLoader
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
if (loader.disabled) {
|
||
return;
|
||
}
|
||
registerCommandLoader({
|
||
name: loader.name,
|
||
hook: loader.hook,
|
||
context: loader.context
|
||
});
|
||
return () => {
|
||
unregisterCommandLoader(loader.name);
|
||
};
|
||
}, [loader.name, loader.hook, loader.context, loader.disabled, registerCommandLoader, unregisterCommandLoader]);
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/commands/build-module/index.js
|
||
|
||
|
||
|
||
|
||
|
||
|
||
(window.wp = window.wp || {}).commands = __webpack_exports__;
|
||
/******/ })()
|
||
; |