| | (() => { |
| | var __webpack_modules__ = ({ |
| |
|
| | 6007: |
| | ((module) => { |
| |
|
| | |
| | |
| | |
| | |
| | |
| | var SCORE_CONTINUE_MATCH = 1, |
| |
|
| | |
| | |
| | |
| | |
| | SCORE_WORD_JUMP = 0.9, |
| |
|
| | |
| | SCORE_CHARACTER_JUMP = 0.3, |
| |
|
| | |
| | |
| | |
| | SCORE_TRANSPOSITION = 0.1, |
| |
|
| | |
| | |
| | |
| | |
| | |
| | SCORE_LONG_JUMP = 0, |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | PENALTY_SKIPPED = 0.999, |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | PENALTY_CASE_MISMATCH = 0.9999, |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | PENALTY_NOT_COMPLETE = 0.99; |
| |
|
| | var IS_GAP_REGEXP = /[\\\/\-_+.# \t"@\[\(\{&]/, |
| | COUNT_GAPS_REGEXP = /[\\\/\-_+.# \t"@\[\(\{&]/g; |
| |
|
| | function commandScoreInner(string, abbreviation, lowerString, lowerAbbreviation, stringIndex, abbreviationIndex) { |
| |
|
| | if (abbreviationIndex === abbreviation.length) { |
| | if (stringIndex === string.length) { |
| | return SCORE_CONTINUE_MATCH; |
| |
|
| | } |
| | return PENALTY_NOT_COMPLETE; |
| | } |
| |
|
| | var abbreviationChar = lowerAbbreviation.charAt(abbreviationIndex); |
| | var index = lowerString.indexOf(abbreviationChar, stringIndex); |
| | var highScore = 0; |
| |
|
| | var score, transposedScore, wordBreaks; |
| |
|
| | while (index >= 0) { |
| |
|
| | score = commandScoreInner(string, abbreviation, lowerString, lowerAbbreviation, index + 1, abbreviationIndex + 1); |
| | if (score > highScore) { |
| | if (index === stringIndex) { |
| | score *= SCORE_CONTINUE_MATCH; |
| | } else if (IS_GAP_REGEXP.test(string.charAt(index - 1))) { |
| | score *= SCORE_WORD_JUMP; |
| | wordBreaks = string.slice(stringIndex, index - 1).match(COUNT_GAPS_REGEXP); |
| | if (wordBreaks && stringIndex > 0) { |
| | score *= Math.pow(PENALTY_SKIPPED, wordBreaks.length); |
| | } |
| | } else if (IS_GAP_REGEXP.test(string.slice(stringIndex, index - 1))) { |
| | score *= SCORE_LONG_JUMP; |
| | if (stringIndex > 0) { |
| | score *= Math.pow(PENALTY_SKIPPED, index - stringIndex); |
| | } |
| | } else { |
| | score *= SCORE_CHARACTER_JUMP; |
| | if (stringIndex > 0) { |
| | score *= Math.pow(PENALTY_SKIPPED, index - stringIndex); |
| | } |
| | } |
| |
|
| | if (string.charAt(index) !== abbreviation.charAt(abbreviationIndex)) { |
| | score *= PENALTY_CASE_MISMATCH; |
| | } |
| |
|
| | } |
| |
|
| | if (score < SCORE_TRANSPOSITION && |
| | lowerString.charAt(index - 1) === lowerAbbreviation.charAt(abbreviationIndex + 1) && |
| | lowerString.charAt(index - 1) !== lowerAbbreviation.charAt(abbreviationIndex)) { |
| | transposedScore = commandScoreInner(string, abbreviation, lowerString, lowerAbbreviation, index + 1, abbreviationIndex + 2); |
| |
|
| | if (transposedScore * SCORE_TRANSPOSITION > score) { |
| | score = transposedScore * SCORE_TRANSPOSITION; |
| | } |
| | } |
| |
|
| | if (score > highScore) { |
| | highScore = score; |
| | } |
| |
|
| | index = lowerString.indexOf(abbreviationChar, index + 1); |
| | } |
| |
|
| | return highScore; |
| | } |
| |
|
| | function commandScore(string, abbreviation) { |
| | |
| | |
| | |
| | |
| | return commandScoreInner(string, abbreviation, string.toLowerCase(), abbreviation.toLowerCase(), 0, 0); |
| | } |
| |
|
| | module.exports = commandScore; |
| |
|
| |
|
| | }) |
| |
|
| | }); |
| | |
| | |
| | var __webpack_module_cache__ = {}; |
| | |
| | |
| | function __webpack_require__(moduleId) { |
| | |
| | var cachedModule = __webpack_module_cache__[moduleId]; |
| | if (cachedModule !== undefined) { |
| | return cachedModule.exports; |
| | } |
| | |
| | var module = __webpack_module_cache__[moduleId] = { |
| | |
| | |
| | exports: {} |
| | }; |
| | |
| | |
| | __webpack_modules__[moduleId](module, module.exports, __webpack_require__); |
| | |
| | |
| | return module.exports; |
| | } |
| | |
| | |
| | |
| | (() => { |
| | |
| | __webpack_require__.n = (module) => { |
| | var getter = module && module.__esModule ? |
| | () => (module['default']) : |
| | () => (module); |
| | __webpack_require__.d(getter, { a: getter }); |
| | return getter; |
| | }; |
| | })(); |
| | |
| | |
| | (() => { |
| | |
| | __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_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) |
| | })(); |
| | |
| | |
| | (() => { |
| | |
| | __webpack_require__.r = (exports) => { |
| | if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { |
| | Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); |
| | } |
| | Object.defineProperty(exports, '__esModule', { value: true }); |
| | }; |
| | })(); |
| | |
| | |
| | (() => { |
| | __webpack_require__.nc = undefined; |
| | })(); |
| | |
| | |
| | var __webpack_exports__ = {}; |
| | |
| | (() => { |
| | "use strict"; |
| | |
| | __webpack_require__.r(__webpack_exports__); |
| |
|
| | |
| | __webpack_require__.d(__webpack_exports__, { |
| | CommandMenu: () => ( CommandMenu), |
| | privateApis: () => ( privateApis), |
| | store: () => ( store), |
| | useCommand: () => ( useCommand), |
| | useCommandLoader: () => ( useCommandLoader) |
| | }); |
| |
|
| | |
| | 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) |
| | }); |
| |
|
| | |
| | var selectors_namespaceObject = {}; |
| | __webpack_require__.r(selectors_namespaceObject); |
| | __webpack_require__.d(selectors_namespaceObject, { |
| | getCommandLoaders: () => (getCommandLoaders), |
| | getCommands: () => (getCommands), |
| | getContext: () => (getContext), |
| | isOpen: () => (selectors_isOpen) |
| | }); |
| |
|
| | |
| | var private_actions_namespaceObject = {}; |
| | __webpack_require__.r(private_actions_namespaceObject); |
| | __webpack_require__.d(private_actions_namespaceObject, { |
| | setContext: () => (setContext) |
| | }); |
| |
|
| | ; |
| | 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); |
| | } |
| | ; |
| | const external_React_namespaceObject = window["React"]; |
| | ; |
| | 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); |
| | }; |
| | } |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| | function $6ed0406888f73fc4$var$setRef(ref, value) { |
| | if (typeof ref === 'function') ref(value); |
| | else if (ref !== null && ref !== undefined) ref.current = value; |
| | } |
| | |
| | |
| | |
| | function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) { |
| | return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node) |
| | ) |
| | ; |
| | } |
| | |
| | |
| | |
| | function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) { |
| | |
| | return (0,external_React_namespaceObject.useCallback)($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs); |
| | } |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| | function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) { |
| | const Context = (0,external_React_namespaceObject.createContext)(defaultContext); |
| | function Provider(props) { |
| | const { children: children , ...context } = props; |
| | |
| | const value = (0,external_React_namespaceObject.useMemo)(()=>context |
| | , Object.values(context)); |
| | return (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; |
| | throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``); |
| | } |
| | Provider.displayName = rootComponentName + 'Provider'; |
| | return [ |
| | Provider, |
| | useContext |
| | ]; |
| | } |
| | |
| | |
| | function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) { |
| | let defaultContexts = []; |
| | |
| | |
| | function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) { |
| | const BaseContext = (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; |
| | |
| | const value = (0,external_React_namespaceObject.useMemo)(()=>context |
| | , Object.values(context)); |
| | return (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; |
| | throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``); |
| | } |
| | Provider.displayName = rootComponentName + 'Provider'; |
| | return [ |
| | Provider, |
| | useContext |
| | ]; |
| | } |
| | |
| | |
| | const createScope = ()=>{ |
| | const scopeContexts = defaultContexts.map((defaultContext)=>{ |
| | return (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) |
| | ]; |
| | } |
| | |
| | |
| | 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 })=>{ |
| | |
| | |
| | |
| | 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; |
| | } |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? external_React_namespaceObject.useLayoutEffect : ()=>{}; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| | const $1746a345f3d73bb7$var$useReactId = external_React_namespaceObject['useId'.toString()] || (()=>undefined |
| | ); |
| | let $1746a345f3d73bb7$var$count = 0; |
| | function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) { |
| | const [id, setId] = external_React_namespaceObject.useState($1746a345f3d73bb7$var$useReactId()); |
| | $9f79659886946c16$export$e5c5a5f917a5871c(()=>{ |
| | if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++) |
| | ); |
| | }, [ |
| | deterministicId |
| | ]); |
| | return deterministicId || (id ? `radix-${id}` : ''); |
| | } |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| | function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) { |
| | const callbackRef = (0,external_React_namespaceObject.useRef)(callback); |
| | (0,external_React_namespaceObject.useEffect)(()=>{ |
| | callbackRef.current = callback; |
| | }); |
| | 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); |
| | } |
| | , []); |
| | } |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| | 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; |
| | } |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| | const external_ReactDOM_namespaceObject = window["ReactDOM"]; |
| | var external_ReactDOM_default = __webpack_require__.n(external_ReactDOM_namespaceObject); |
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | |
| | |
| | const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = (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) { |
| | |
| | const newElement = slottable.props.children; |
| | const newChildren = childrenArray.map((child)=>{ |
| | if (child === slottable) { |
| | |
| | |
| | if (external_React_namespaceObject.Children.count(newElement) > 1) return external_React_namespaceObject.Children.only(null); |
| | return (0,external_React_namespaceObject.isValidElement)(newElement) ? newElement.props.children : null; |
| | } else return child; |
| | }); |
| | return (0,external_React_namespaceObject.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, { |
| | ref: forwardedRef |
| | }), (0,external_React_namespaceObject.isValidElement)(newElement) ? (0,external_React_namespaceObject.cloneElement)(newElement, undefined, newChildren) : null); |
| | } |
| | return (0,external_React_namespaceObject.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, { |
| | ref: forwardedRef |
| | }), children); |
| | }); |
| | $5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot'; |
| | |
| | |
| | const $5e63c961fc1ce211$var$SlotClone = (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{ |
| | const { children: children , ...slotProps } = props; |
| | if ( (0,external_React_namespaceObject.isValidElement)(children)) return (0,external_React_namespaceObject.cloneElement)(children, { |
| | ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props), |
| | ref: $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) |
| | }); |
| | return external_React_namespaceObject.Children.count(children) > 1 ? external_React_namespaceObject.Children.only(null) : null; |
| | }); |
| | $5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone'; |
| | |
| | |
| | const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children })=>{ |
| | return (0,external_React_namespaceObject.createElement)(external_React_namespaceObject.Fragment, null, children); |
| | }; |
| | function $5e63c961fc1ce211$var$isSlottable(child) { |
| | return (0,external_React_namespaceObject.isValidElement)(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45; |
| | } |
| | function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) { |
| | |
| | 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) overrideProps[propName] = (...args)=>{ |
| | childPropValue === null || childPropValue === void 0 || childPropValue(...args); |
| | slotPropValue === null || slotPropValue === void 0 || slotPropValue(...args); |
| | }; |
| | 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 = ( null && ($5e63c961fc1ce211$export$8c6ed5c666ac1360)); |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | const $8927f6f2acc4f386$var$NODES = [ |
| | 'a', |
| | 'button', |
| | 'div', |
| | 'h2', |
| | 'h3', |
| | 'img', |
| | 'li', |
| | 'nav', |
| | 'ol', |
| | 'p', |
| | 'span', |
| | 'svg', |
| | 'ul' |
| | ]; |
| | |
| | |
| | |
| | |
| | const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{ |
| | const Node = (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 (0,external_React_namespaceObject.createElement)(Comp, _extends({}, primitiveProps, { |
| | ref: forwardedRef |
| | })); |
| | }); |
| | Node.displayName = `Primitive.${node}`; |
| | return { |
| | ...primitive, |
| | [node]: Node |
| | }; |
| | }, {}); |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) { |
| | if (target) (0,external_ReactDOM_namespaceObject.flushSync)(()=>target.dispatchEvent(event) |
| | ); |
| | } |
| | const $8927f6f2acc4f386$export$be92b6f5f03c0fe9 = ( null && ($8927f6f2acc4f386$export$250ffa63cdc0d034)); |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| | |
| | |
| | function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp) { |
| | const onEscapeKeyDown = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp); |
| | (0,external_React_namespaceObject.useEffect)(()=>{ |
| | const handleKeyDown = (event)=>{ |
| | if (event.key === 'Escape') onEscapeKeyDown(event); |
| | }; |
| | document.addEventListener('keydown', handleKeyDown); |
| | return ()=>document.removeEventListener('keydown', handleKeyDown) |
| | ; |
| | }, [ |
| | onEscapeKeyDown |
| | ]); |
| | } |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | |
| | |
| | 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 = (0,external_React_namespaceObject.createContext)({ |
| | layers: new Set(), |
| | layersWithOutsidePointerEventsDisabled: new Set(), |
| | branches: new Set() |
| | }); |
| | const $5cb92bef7577960e$export$177fb62ff3ec1f22 = (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{ |
| | 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 [, 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); |
| | const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); |
| | 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(); |
| | }); |
| | 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(); |
| | }); |
| | $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(); |
| | } |
| | }); |
| | (0,external_React_namespaceObject.useEffect)(()=>{ |
| | if (!node1) return; |
| | if (disableOutsidePointerEvents) { |
| | if (context.layersWithOutsidePointerEventsDisabled.size === 0) { |
| | $5cb92bef7577960e$var$originalBodyPointerEvents = document.body.style.pointerEvents; |
| | document.body.style.pointerEvents = 'none'; |
| | } |
| | context.layersWithOutsidePointerEventsDisabled.add(node1); |
| | } |
| | context.layers.add(node1); |
| | $5cb92bef7577960e$var$dispatchUpdate(); |
| | return ()=>{ |
| | if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) document.body.style.pointerEvents = $5cb92bef7577960e$var$originalBodyPointerEvents; |
| | }; |
| | }, [ |
| | node1, |
| | disableOutsidePointerEvents, |
| | context |
| | ]); |
| | |
| | |
| | |
| | |
| | |
| | (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 (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) |
| | })); |
| | }); |
| | Object.assign($5cb92bef7577960e$export$177fb62ff3ec1f22, { |
| | displayName: $5cb92bef7577960e$var$DISMISSABLE_LAYER_NAME |
| | }); |
| | |
| | |
| | const $5cb92bef7577960e$var$BRANCH_NAME = 'DismissableLayerBranch'; |
| | const $5cb92bef7577960e$export$4d5eb2109db14228 = (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 (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, props, { |
| | ref: composedRefs |
| | })); |
| | }); |
| | Object.assign($5cb92bef7577960e$export$4d5eb2109db14228, { |
| | displayName: $5cb92bef7577960e$var$BRANCH_NAME |
| | }); |
| | |
| | |
| | |
| | |
| | function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside) { |
| | 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 |
| | }); |
| | } |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | if (event.pointerType === 'touch') { |
| | document.removeEventListener('click', handleClickRef.current); |
| | handleClickRef.current = handleAndDispatchPointerDownOutsideEvent; |
| | document.addEventListener('click', handleClickRef.current, { |
| | once: true |
| | }); |
| | } else handleAndDispatchPointerDownOutsideEvent(); |
| | } |
| | isPointerInsideReactTreeRef.current = false; |
| | }; |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | const timerId = window.setTimeout(()=>{ |
| | document.addEventListener('pointerdown', handlePointerDown); |
| | }, 0); |
| | return ()=>{ |
| | window.clearTimeout(timerId); |
| | document.removeEventListener('pointerdown', handlePointerDown); |
| | document.removeEventListener('click', handleClickRef.current); |
| | }; |
| | }, [ |
| | handlePointerDownOutside |
| | ]); |
| | return { |
| | |
| | onPointerDownCapture: ()=>isPointerInsideReactTreeRef.current = true |
| | }; |
| | } |
| | |
| | |
| | |
| | function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside) { |
| | 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 |
| | }); |
| | } |
| | }; |
| | document.addEventListener('focusin', handleFocus); |
| | return ()=>document.removeEventListener('focusin', handleFocus) |
| | ; |
| | }, [ |
| | 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 = ( null && ($5cb92bef7577960e$export$177fb62ff3ec1f22)); |
| | const $5cb92bef7577960e$export$aecb2ddcb55c95be = ( null && ($5cb92bef7577960e$export$4d5eb2109db14228)); |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | 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 |
| | }; |
| | |
| | |
| | const $d3863c46a17e8a28$var$FOCUS_SCOPE_NAME = 'FocusScope'; |
| | const $d3863c46a17e8a28$export$20e40289641fbbb6 = (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; |
| | (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; |
| | if (!container1.contains(event.relatedTarget)) $d3863c46a17e8a28$var$focus(lastFocusedElementRef.current, { |
| | select: true |
| | }); |
| | } |
| | document.addEventListener('focusin', handleFocusIn); |
| | document.addEventListener('focusout', handleFocusOut); |
| | return ()=>{ |
| | document.removeEventListener('focusin', handleFocusIn); |
| | document.removeEventListener('focusout', handleFocusOut); |
| | }; |
| | } |
| | }, [ |
| | 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); |
| | |
| | |
| | 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 |
| | }); |
| | |
| | container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus); |
| | $d3863c46a17e8a28$var$focusScopesStack.remove(focusScope); |
| | }, 0); |
| | }; |
| | } |
| | }, [ |
| | container1, |
| | onMountAutoFocus, |
| | onUnmountAutoFocus, |
| | focusScope |
| | ]); |
| | 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; |
| | 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 (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({ |
| | tabIndex: -1 |
| | }, scopeProps, { |
| | ref: composedRefs, |
| | onKeyDown: handleKeyDown |
| | })); |
| | }); |
| | Object.assign($d3863c46a17e8a28$export$20e40289641fbbb6, { |
| | displayName: $d3863c46a17e8a28$var$FOCUS_SCOPE_NAME |
| | }); |
| | |
| | |
| | |
| | |
| | |
| | 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; |
| | } |
| | } |
| | |
| | |
| | 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 |
| | ]; |
| | } |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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; |
| | |
| | |
| | return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP; |
| | } |
| | }); |
| | while(walker.nextNode())nodes.push(walker.currentNode); |
| | |
| | return nodes; |
| | } |
| | |
| | |
| | |
| | function $d3863c46a17e8a28$var$findVisible(elements, container) { |
| | for (const element of elements){ |
| | |
| | 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){ |
| | |
| | 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 } = {}) { |
| | |
| | if (element && element.focus) { |
| | const previouslyFocusedElement = document.activeElement; |
| | element.focus({ |
| | preventScroll: true |
| | }); |
| | if (element !== previouslyFocusedElement && $d3863c46a17e8a28$var$isSelectableInput(element) && select) element.select(); |
| | } |
| | } |
| | |
| | |
| | const $d3863c46a17e8a28$var$focusScopesStack = $d3863c46a17e8a28$var$createFocusScopesStack(); |
| | function $d3863c46a17e8a28$var$createFocusScopesStack() { |
| | let stack = []; |
| | return { |
| | add (focusScope) { |
| | |
| | const activeFocusScope = stack[0]; |
| | if (focusScope !== activeFocusScope) activeFocusScope === null || activeFocusScope === void 0 || activeFocusScope.pause(); |
| | |
| | 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 = ( null && ($d3863c46a17e8a28$export$20e40289641fbbb6)); |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | |
| | |
| | const $f1701beae083dbae$var$PORTAL_NAME = 'Portal'; |
| | const $f1701beae083dbae$export$602eac185826482c = (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 ? external_ReactDOM_default().createPortal( (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, { |
| | ref: forwardedRef |
| | })), container) : null; |
| | }); |
| | Object.assign($f1701beae083dbae$export$602eac185826482c, { |
| | displayName: $f1701beae083dbae$var$PORTAL_NAME |
| | }); |
| | const $f1701beae083dbae$export$be92b6f5f03c0fe9 = ( null && ($f1701beae083dbae$export$602eac185826482c)); |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | 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 ? (0,external_React_namespaceObject.cloneElement)(child, { |
| | ref: ref |
| | }) : null; |
| | }; |
| | $921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = 'Presence'; |
| | |
| | |
| | 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') |
| | |
| | send('UNMOUNT'); |
| | else { |
| | |
| | |
| | |
| | |
| | |
| | const isAnimating = prevAnimationName !== currentAnimationName; |
| | if (wasPresent && isAnimating) send('ANIMATION_OUT'); |
| | else send('UNMOUNT'); |
| | } |
| | prevPresentRef.current = present; |
| | } |
| | }, [ |
| | present, |
| | send |
| | ]); |
| | $9f79659886946c16$export$e5c5a5f917a5871c(()=>{ |
| | if (node1) { |
| | |
| | |
| | |
| | |
| | const handleAnimationEnd = (event)=>{ |
| | const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current); |
| | const isCurrentAnimation = currentAnimationName.includes(event.animationName); |
| | if (event.target === node1 && isCurrentAnimation) |
| | |
| | |
| | (0,external_ReactDOM_namespaceObject.flushSync)(()=>send('ANIMATION_END') |
| | ); |
| | }; |
| | const handleAnimationStart = (event)=>{ |
| | if (event.target === node1) |
| | 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 |
| | |
| | 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'; |
| | } |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| |
|
| |
|
| |
|
| | let $3db38b7d1fb3fe6a$var$count = 0; |
| | function $3db38b7d1fb3fe6a$export$ac5b58043b79449b(props) { |
| | $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c(); |
| | return props.children; |
| | } |
| | |
| | |
| | |
| | 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 = ( null && ($3db38b7d1fb3fe6a$export$ac5b58043b79449b)); |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| |
|
| | 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; |
| | } |
| |
|
| | |
| | function __spread() { |
| | for (var ar = [], i = 0; i < arguments.length; i++) |
| | ar = ar.concat(__read(arguments[i])); |
| | return ar; |
| | } |
| |
|
| | |
| | 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(); |
| | } |
| |
|
| | 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, |
| | }); |
| |
|
| | ; |
| | var zeroRightClassName = 'right-scroll-bar-position'; |
| | var fullWidthClassName = 'width-before-scroll-bar'; |
| | var noScrollbarsClassName = 'with-scroll-bars-hidden'; |
| | |
| | |
| | |
| | |
| | var removedBarSizeVariable = '--removed-body-scroll-bar-size'; |
| |
|
| | ; |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function assignRef(ref, value) { |
| | if (typeof ref === 'function') { |
| | ref(value); |
| | } |
| | else if (ref) { |
| | ref.current = value; |
| | } |
| | return ref; |
| | } |
| |
|
| | ; |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function useCallbackRef(initialValue, callback) { |
| | var ref = (0,external_React_namespaceObject.useState)(function () { return ({ |
| | |
| | value: initialValue, |
| | |
| | callback: callback, |
| | |
| | facade: { |
| | get current() { |
| | return ref.value; |
| | }, |
| | set current(value) { |
| | var last = ref.value; |
| | if (last !== value) { |
| | ref.value = value; |
| | ref.callback(value, last); |
| | } |
| | }, |
| | }, |
| | }); })[0]; |
| | |
| | ref.callback = callback; |
| | return ref.facade; |
| | } |
| |
|
| | ; |
| |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function useMergeRefs(refs, defaultValue) { |
| | return useCallbackRef(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); }); |
| | } |
| |
|
| | ; |
| |
|
| | 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); |
| | } |
| | |
| | function createSidecarMedium(options) { |
| | if (options === void 0) { options = {}; } |
| | var medium = innerCreateMedium(null); |
| | medium.options = __assign({ async: true, ssr: false }, options); |
| | return medium; |
| | } |
| |
|
| | ; |
| |
|
| | var effectCar = createSidecarMedium(); |
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| | var nothing = function () { |
| | return; |
| | }; |
| | |
| | |
| | |
| | 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, |
| | }; |
| |
|
| |
|
| | ; |
| |
|
| |
|
| | 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; |
| | } |
| |
|
| | ; |
| | var currentNonce; |
| | var setNonce = function (nonce) { |
| | currentNonce = nonce; |
| | }; |
| | var getNonce = function () { |
| | if (currentNonce) { |
| | return currentNonce; |
| | } |
| | if (true) { |
| | return __webpack_require__.nc; |
| | } |
| | return undefined; |
| | }; |
| |
|
| | ; |
| |
|
| | 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) { |
| | |
| | if (tag.styleSheet) { |
| | |
| | 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; |
| | } |
| | }, |
| | }; |
| | }; |
| |
|
| | ; |
| |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | var styleHookSingleton = function () { |
| | var sheet = stylesheetSingleton(); |
| | return function (styles, isDynamic) { |
| | external_React_namespaceObject.useEffect(function () { |
| | sheet.add(styles); |
| | return function () { |
| | sheet.remove(); |
| | }; |
| | }, [styles && isDynamic]); |
| | }; |
| | }; |
| |
|
| | ; |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | var styleSingleton = function () { |
| | var useStyle = styleHookSingleton(); |
| | var Sheet = function (_a) { |
| | var styles = _a.styles, dynamic = _a.dynamic; |
| | useStyle(styles, dynamic); |
| | return null; |
| | }; |
| | return Sheet; |
| | }; |
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| | ; |
| | 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]), |
| | }; |
| | }; |
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| | var Style = styleSingleton(); |
| | |
| | |
| | |
| | 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 {\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 {\n ").concat(removedBarSizeVariable, ": ").concat(gap, "px;\n }\n"); |
| | }; |
| | |
| | |
| | |
| | var RemoveScrollBar = function (props) { |
| | var noRelative = props.noRelative, noImportant = props.noImportant, _a = props.gapMode, gapMode = _a === void 0 ? 'margin' : _a; |
| | |
| | |
| | |
| | |
| | |
| | var gap = external_React_namespaceObject.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]); |
| | return external_React_namespaceObject.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') }); |
| | }; |
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| | ; |
| | var passiveSupported = false; |
| | if (typeof window !== 'undefined') { |
| | try { |
| | var options = Object.defineProperty({}, 'passive', { |
| | get: function () { |
| | passiveSupported = true; |
| | return true; |
| | }, |
| | }); |
| | |
| | window.addEventListener('test', options, options); |
| | |
| | window.removeEventListener('test', options, options); |
| | } |
| | catch (err) { |
| | passiveSupported = false; |
| | } |
| | } |
| | var nonPassive = passiveSupported ? { passive: false } : false; |
| |
|
| | ; |
| | var elementCouldBeVScrolled = function (node) { |
| | var styles = window.getComputedStyle(node); |
| | return (styles.overflowY !== 'hidden' && |
| | !(styles.overflowY === styles.overflowX && styles.overflowY === 'visible') |
| | ); |
| | }; |
| | var elementCouldBeHScrolled = function (node) { |
| | var styles = window.getComputedStyle(node); |
| | return (styles.overflowX !== 'hidden' && |
| | !(styles.overflowY === styles.overflowX && styles.overflowX === 'visible') |
| | ); |
| | }; |
| | var locationCouldBeScrolled = function (axis, node) { |
| | var current = node; |
| | do { |
| | |
| | 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) { |
| | |
| | |
| | |
| | |
| | |
| | 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; |
| | |
| | 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 ( |
| | |
| | (!targetInLock && target !== document.body) || |
| | |
| | (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; |
| | }; |
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | 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'; |
| | |
| | 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); |
| | |
| | } |
| | 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) { |
| | |
| | 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]; |
| | |
| | if (sourceEvent && sourceEvent.should) { |
| | event.preventDefault(); |
| | return; |
| | } |
| | |
| | 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) { |
| | 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)); |
| | } |
| |
|
| | ; |
| |
|
| |
|
| |
|
| | const sidecar = (exportSidecar(effectCar, RemoveScrollSideCar)); |
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| | 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; |
| | const Combination = (ReactRemoveScroll); |
| |
|
| | ; |
| | 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); }); |
| | }; |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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 { |
| | 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'); |
| | } |
| | } |
| | }); |
| | }; |
| | 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) { |
| | |
| | counterMap = new WeakMap(); |
| | counterMap = new WeakMap(); |
| | uncontrolledNodes = new WeakMap(); |
| | markerMap = {}; |
| | } |
| | }; |
| | }; |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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; }; |
| | } |
| | |
| | targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live]'))); |
| | return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden'); |
| | }; |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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'); |
| | }; |
| | |
| | |
| | |
| | var supportsInert = function () { |
| | return typeof HTMLElement !== 'undefined' && HTMLElement.prototype.hasOwnProperty('inert'); |
| | }; |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | var suppressOthers = function (originalTarget, parentNode, markerName) { |
| | if (markerName === void 0) { markerName = 'data-suppressed'; } |
| | return (supportsInert() ? inertOthers : hideOthers)(originalTarget, parentNode, markerName); |
| | }; |
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | |
| | |
| | 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 (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); |
| | }; |
| | Object.assign($5d3850c4d0b4e6c7$export$3ddf2d174ce01153, { |
| | displayName: $5d3850c4d0b4e6c7$var$DIALOG_NAME |
| | }); |
| | |
| | |
| | const $5d3850c4d0b4e6c7$var$TRIGGER_NAME = 'DialogTrigger'; |
| | const $5d3850c4d0b4e6c7$export$2e1e1122cf0cba88 = (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 (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) |
| | })); |
| | }); |
| | Object.assign($5d3850c4d0b4e6c7$export$2e1e1122cf0cba88, { |
| | displayName: $5d3850c4d0b4e6c7$var$TRIGGER_NAME |
| | }); |
| | |
| | |
| | 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 (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$PortalProvider, { |
| | scope: __scopeDialog, |
| | forceMount: forceMount |
| | }, external_React_namespaceObject.Children.map(children, (child)=> (0,external_React_namespaceObject.createElement)($921a889cee6df7e8$export$99c2b779aa4e8b8b, { |
| | present: forceMount || context.open |
| | }, (0,external_React_namespaceObject.createElement)($f1701beae083dbae$export$602eac185826482c, { |
| | asChild: true, |
| | container: container |
| | }, child)) |
| | )); |
| | }; |
| | Object.assign($5d3850c4d0b4e6c7$export$dad7c95542bacce0, { |
| | displayName: $5d3850c4d0b4e6c7$var$PORTAL_NAME |
| | }); |
| | |
| | |
| | const $5d3850c4d0b4e6c7$var$OVERLAY_NAME = 'DialogOverlay'; |
| | const $5d3850c4d0b4e6c7$export$bd1d06c79be19e17 = (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 ? (0,external_React_namespaceObject.createElement)($921a889cee6df7e8$export$99c2b779aa4e8b8b, { |
| | present: forceMount || context.open |
| | }, (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogOverlayImpl, _extends({}, overlayProps, { |
| | ref: forwardedRef |
| | }))) : null; |
| | }); |
| | Object.assign($5d3850c4d0b4e6c7$export$bd1d06c79be19e17, { |
| | displayName: $5d3850c4d0b4e6c7$var$OVERLAY_NAME |
| | }); |
| | const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{ |
| | const { __scopeDialog: __scopeDialog , ...overlayProps } = props; |
| | const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, __scopeDialog); |
| | return( |
| | |
| | (0,external_React_namespaceObject.createElement)(Combination, { |
| | as: $5e63c961fc1ce211$export$8c6ed5c666ac1360, |
| | allowPinchZoom: true, |
| | shards: [ |
| | context.contentRef |
| | ] |
| | }, (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({ |
| | "data-state": $5d3850c4d0b4e6c7$var$getState(context.open) |
| | }, overlayProps, { |
| | ref: forwardedRef |
| | , |
| | style: { |
| | pointerEvents: 'auto', |
| | ...overlayProps.style |
| | } |
| | })))); |
| | }); |
| | |
| | |
| | const $5d3850c4d0b4e6c7$var$CONTENT_NAME = 'DialogContent'; |
| | const $5d3850c4d0b4e6c7$export$b6d9565de1e068cf = (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 (0,external_React_namespaceObject.createElement)($921a889cee6df7e8$export$99c2b779aa4e8b8b, { |
| | present: forceMount || context.open |
| | }, context.modal ? (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogContentModal, _extends({}, contentProps, { |
| | ref: forwardedRef |
| | })) : (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogContentNonModal, _extends({}, contentProps, { |
| | ref: forwardedRef |
| | }))); |
| | }); |
| | Object.assign($5d3850c4d0b4e6c7$export$b6d9565de1e068cf, { |
| | displayName: $5d3850c4d0b4e6c7$var$CONTENT_NAME |
| | }); |
| | const $5d3850c4d0b4e6c7$var$DialogContentModal = (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); |
| | (0,external_React_namespaceObject.useEffect)(()=>{ |
| | const content = contentRef.current; |
| | if (content) return hideOthers(content); |
| | }, []); |
| | return (0,external_React_namespaceObject.createElement)($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, { |
| | ref: composedRefs |
| | , |
| | 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 (isRightClick) event.preventDefault(); |
| | }) |
| | , |
| | onFocusOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusOutside, (event)=>event.preventDefault() |
| | ) |
| | })); |
| | }); |
| | const $5d3850c4d0b4e6c7$var$DialogContentNonModal = (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); |
| | return (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(); |
| | event.preventDefault(); |
| | } |
| | hasInteractedOutsideRef.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; |
| | |
| | |
| | |
| | |
| | |
| | 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(); |
| | } |
| | })); |
| | }); |
| | const $5d3850c4d0b4e6c7$var$DialogContentImpl = (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); |
| | |
| | $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c(); |
| | return (0,external_React_namespaceObject.createElement)(external_React_namespaceObject.Fragment, null, (0,external_React_namespaceObject.createElement)($d3863c46a17e8a28$export$20e40289641fbbb6, { |
| | asChild: true, |
| | loop: true, |
| | trapped: trapFocus, |
| | onMountAutoFocus: onOpenAutoFocus, |
| | onUnmountAutoFocus: onCloseAutoFocus |
| | }, (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); |
| | }); |
| | |
| | |
| | const $5d3850c4d0b4e6c7$var$TITLE_NAME = 'DialogTitle'; |
| | const $5d3850c4d0b4e6c7$export$16f7638e4a34b909 = (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{ |
| | const { __scopeDialog: __scopeDialog , ...titleProps } = props; |
| | const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TITLE_NAME, __scopeDialog); |
| | return (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.h2, _extends({ |
| | id: context.titleId |
| | }, titleProps, { |
| | ref: forwardedRef |
| | })); |
| | }); |
| | Object.assign($5d3850c4d0b4e6c7$export$16f7638e4a34b909, { |
| | displayName: $5d3850c4d0b4e6c7$var$TITLE_NAME |
| | }); |
| | |
| | |
| | const $5d3850c4d0b4e6c7$var$DESCRIPTION_NAME = 'DialogDescription'; |
| | const $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5 = (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{ |
| | const { __scopeDialog: __scopeDialog , ...descriptionProps } = props; |
| | const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$DESCRIPTION_NAME, __scopeDialog); |
| | return (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.p, _extends({ |
| | id: context.descriptionId |
| | }, descriptionProps, { |
| | ref: forwardedRef |
| | })); |
| | }); |
| | Object.assign($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5, { |
| | displayName: $5d3850c4d0b4e6c7$var$DESCRIPTION_NAME |
| | }); |
| | |
| | |
| | const $5d3850c4d0b4e6c7$var$CLOSE_NAME = 'DialogClose'; |
| | const $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac = (0,external_React_namespaceObject.forwardRef)((props, forwardedRef)=>{ |
| | const { __scopeDialog: __scopeDialog , ...closeProps } = props; |
| | const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CLOSE_NAME, __scopeDialog); |
| | return (0,external_React_namespaceObject.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({ |
| | type: "button" |
| | }, closeProps, { |
| | ref: forwardedRef, |
| | onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, ()=>context.onOpenChange(false) |
| | ) |
| | })); |
| | }); |
| | 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 (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 = ( 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 = ( null && ($5d3850c4d0b4e6c7$export$16f7638e4a34b909)); |
| | const $5d3850c4d0b4e6c7$export$393edc798c47379d = ( null && ($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5)); |
| | const $5d3850c4d0b4e6c7$export$f39c2d165cd861fe = ( null && ($5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac)); |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | |
| | var command_score = __webpack_require__(6007); |
| | ; |
| | var ue='[cmdk-list-sizer=""]',M='[cmdk-group=""]',N='[cmdk-group-items=""]',de='[cmdk-group-heading=""]',ee='[cmdk-item=""]',Z=`${ee}:not([aria-disabled="true"])`,z="cmdk-item-select",S="data-value",fe=(n,a)=>command_score(n,a),te=external_React_namespaceObject.createContext(void 0),k=()=>external_React_namespaceObject.useContext(te),re=external_React_namespaceObject.createContext(void 0),U=()=>external_React_namespaceObject.useContext(re),ne=external_React_namespaceObject.createContext(void 0),oe=external_React_namespaceObject.forwardRef((n,a)=>{let r=external_React_namespaceObject.useRef(null),o=x(()=>({search:"",value:"",filtered:{count:0,items:new Map,groups:new Set}})),u=x(()=>new Set),l=x(()=>new Map),p=x(()=>new Map),f=x(()=>new Set),d=ae(n),{label:v,children:E,value:R,onValueChange:w,filter:O,shouldFilter:ie,...D}=n,F=external_React_namespaceObject.useId(),g=external_React_namespaceObject.useId(),A=external_React_namespaceObject.useId(),y=ye();L(()=>{if(R!==void 0){let e=R.trim().toLowerCase();o.current.value=e,y(6,W),h.emit()}},[R]);let h=external_React_namespaceObject.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>o.current,setState:(e,c,i)=>{var s,m,b;if(!Object.is(o.current[e],c)){if(o.current[e]=c,e==="search")j(),G(),y(1,V);else if(e==="value")if(((s=d.current)==null?void 0:s.value)!==void 0){(b=(m=d.current).onValueChange)==null||b.call(m,c);return}else i||y(5,W);h.emit()}},emit:()=>{f.current.forEach(e=>e())}}),[]),K=external_React_namespaceObject.useMemo(()=>({value:(e,c)=>{c!==p.current.get(e)&&(p.current.set(e,c),o.current.filtered.items.set(e,B(c)),y(2,()=>{G(),h.emit()}))},item:(e,c)=>(u.current.add(e),c&&(l.current.has(c)?l.current.get(c).add(e):l.current.set(c,new Set([e]))),y(3,()=>{j(),G(),o.current.value||V(),h.emit()}),()=>{p.current.delete(e),u.current.delete(e),o.current.filtered.items.delete(e),y(4,()=>{j(),V(),h.emit()})}),group:e=>(l.current.has(e)||l.current.set(e,new Set),()=>{p.current.delete(e),l.current.delete(e)}),filter:()=>d.current.shouldFilter,label:v||n["aria-label"],listId:F,inputId:A,labelId:g}),[]);function B(e){var i;let c=((i=d.current)==null?void 0:i.filter)??fe;return e?c(e,o.current.search):0}function G(){if(!r.current||!o.current.search||d.current.shouldFilter===!1)return;let e=o.current.filtered.items,c=[];o.current.filtered.groups.forEach(s=>{let m=l.current.get(s),b=0;m.forEach(P=>{let ce=e.get(P);b=Math.max(ce,b)}),c.push([s,b])});let i=r.current.querySelector(ue);I().sort((s,m)=>{let b=s.getAttribute(S),P=m.getAttribute(S);return(e.get(P)??0)-(e.get(b)??0)}).forEach(s=>{let m=s.closest(N);m?m.appendChild(s.parentElement===m?s:s.closest(`${N} > *`)):i.appendChild(s.parentElement===i?s:s.closest(`${N} > *`))}),c.sort((s,m)=>m[1]-s[1]).forEach(s=>{let m=r.current.querySelector(`${M}[${S}="${s[0]}"]`);m==null||m.parentElement.appendChild(m)})}function V(){let e=I().find(i=>!i.ariaDisabled),c=e==null?void 0:e.getAttribute(S);h.setState("value",c||void 0)}function j(){if(!o.current.search||d.current.shouldFilter===!1){o.current.filtered.count=u.current.size;return}o.current.filtered.groups=new Set;let e=0;for(let c of u.current){let i=p.current.get(c),s=B(i);o.current.filtered.items.set(c,s),s>0&&e++}for(let[c,i]of l.current)for(let s of i)if(o.current.filtered.items.get(s)>0){o.current.filtered.groups.add(c);break}o.current.filtered.count=e}function W(){var c,i,s;let e=_();e&&(((c=e.parentElement)==null?void 0:c.firstChild)===e&&((s=(i=e.closest(M))==null?void 0:i.querySelector(de))==null||s.scrollIntoView({block:"nearest"})),e.scrollIntoView({block:"nearest"}))}function _(){return r.current.querySelector(`${ee}[aria-selected="true"]`)}function I(){return Array.from(r.current.querySelectorAll(Z))}function q(e){let i=I()[e];i&&h.setState("value",i.getAttribute(S))}function $(e){var b;let c=_(),i=I(),s=i.findIndex(P=>P===c),m=i[s+e];(b=d.current)!=null&&b.loop&&(m=s+e<0?i[i.length-1]:s+e===i.length?i[0]:i[s+e]),m&&h.setState("value",m.getAttribute(S))}function J(e){let c=_(),i=c==null?void 0:c.closest(M),s;for(;i&&!s;)i=e>0?Se(i,M):Ce(i,M),s=i==null?void 0:i.querySelector(Z);s?h.setState("value",s.getAttribute(S)):$(e)}let Q=()=>q(I().length-1),X=e=>{e.preventDefault(),e.metaKey?Q():e.altKey?J(1):$(1)},Y=e=>{e.preventDefault(),e.metaKey?q(0):e.altKey?J(-1):$(-1)};return external_React_namespaceObject.createElement("div",{ref:H([r,a]),...D,"cmdk-root":"",onKeyDown:e=>{var c;if((c=D.onKeyDown)==null||c.call(D,e),!e.defaultPrevented)switch(e.key){case"n":case"j":{e.ctrlKey&&X(e);break}case"ArrowDown":{X(e);break}case"p":case"k":{e.ctrlKey&&Y(e);break}case"ArrowUp":{Y(e);break}case"Home":{e.preventDefault(),q(0);break}case"End":{e.preventDefault(),Q();break}case"Enter":{e.preventDefault();let i=_();if(i){let s=new Event(z);i.dispatchEvent(s)}}}}},external_React_namespaceObject.createElement("label",{"cmdk-label":"",htmlFor:K.inputId,id:K.labelId,style:xe},v),external_React_namespaceObject.createElement(re.Provider,{value:h},external_React_namespaceObject.createElement(te.Provider,{value:K},E)))}),me=external_React_namespaceObject.forwardRef((n,a)=>{let r=external_React_namespaceObject.useId(),o=external_React_namespaceObject.useRef(null),u=external_React_namespaceObject.useContext(ne),l=k(),p=ae(n);L(()=>l.item(r,u),[]);let f=se(r,o,[n.value,n.children,o]),d=U(),v=T(g=>g.value&&g.value===f.current),E=T(g=>l.filter()===!1?!0:g.search?g.filtered.items.get(r)>0:!0);external_React_namespaceObject.useEffect(()=>{let g=o.current;if(!(!g||n.disabled))return g.addEventListener(z,R),()=>g.removeEventListener(z,R)},[E,n.onSelect,n.disabled]);function R(){var g,A;(A=(g=p.current).onSelect)==null||A.call(g,f.current)}function w(){d.setState("value",f.current,!0)}if(!E)return null;let{disabled:O,value:ie,onSelect:D,...F}=n;return external_React_namespaceObject.createElement("div",{ref:H([o,a]),...F,"cmdk-item":"",role:"option","aria-disabled":O||void 0,"aria-selected":v||void 0,"data-selected":v||void 0,onPointerMove:O?void 0:w,onClick:O?void 0:R},n.children)}),pe=external_React_namespaceObject.forwardRef((n,a)=>{let{heading:r,children:o,...u}=n,l=external_React_namespaceObject.useId(),p=external_React_namespaceObject.useRef(null),f=external_React_namespaceObject.useRef(null),d=external_React_namespaceObject.useId(),v=k(),E=T(w=>v.filter()===!1?!0:w.search?w.filtered.groups.has(l):!0);L(()=>v.group(l),[]),se(l,p,[n.value,n.heading,f]);let R=external_React_namespaceObject.createElement(ne.Provider,{value:l},o);return external_React_namespaceObject.createElement("div",{ref:H([p,a]),...u,"cmdk-group":"",role:"presentation",hidden:E?void 0:!0},r&&external_React_namespaceObject.createElement("div",{ref:f,"cmdk-group-heading":"","aria-hidden":!0,id:d},r),external_React_namespaceObject.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":r?d:void 0},R))}),ge=external_React_namespaceObject.forwardRef((n,a)=>{let{alwaysRender:r,...o}=n,u=external_React_namespaceObject.useRef(null),l=T(p=>!p.search);return!r&&!l?null:external_React_namespaceObject.createElement("div",{ref:H([u,a]),...o,"cmdk-separator":"",role:"separator"})}),ve=external_React_namespaceObject.forwardRef((n,a)=>{let{onValueChange:r,...o}=n,u=n.value!=null,l=U(),p=T(d=>d.search),f=k();return external_React_namespaceObject.useEffect(()=>{n.value!=null&&l.setState("search",n.value)},[n.value]),external_React_namespaceObject.createElement("input",{ref:a,...o,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":f.listId,"aria-labelledby":f.labelId,id:f.inputId,type:"text",value:u?n.value:p,onChange:d=>{u||l.setState("search",d.target.value),r==null||r(d.target.value)}})}),Re=external_React_namespaceObject.forwardRef((n,a)=>{let{children:r,...o}=n,u=external_React_namespaceObject.useRef(null),l=external_React_namespaceObject.useRef(null),p=k();return external_React_namespaceObject.useEffect(()=>{if(l.current&&u.current){let f=l.current,d=u.current,v,E=new ResizeObserver(()=>{v=requestAnimationFrame(()=>{let R=f.getBoundingClientRect().height;d.style.setProperty("--cmdk-list-height",R.toFixed(1)+"px")})});return E.observe(f),()=>{cancelAnimationFrame(v),E.unobserve(f)}}},[]),external_React_namespaceObject.createElement("div",{ref:H([u,a]),...o,"cmdk-list":"",role:"listbox","aria-label":"Suggestions",id:p.listId,"aria-labelledby":p.inputId},external_React_namespaceObject.createElement("div",{ref:l,"cmdk-list-sizer":""},r))}),be=external_React_namespaceObject.forwardRef((n,a)=>{let{open:r,onOpenChange:o,container:u,...l}=n;return external_React_namespaceObject.createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9,{open:r,onOpenChange:o},external_React_namespaceObject.createElement($5d3850c4d0b4e6c7$export$602eac185826482c,{container:u},external_React_namespaceObject.createElement($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff,{"cmdk-overlay":""}),external_React_namespaceObject.createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2,{"aria-label":n.label,"cmdk-dialog":""},external_React_namespaceObject.createElement(oe,{ref:a,...l}))))}),he=external_React_namespaceObject.forwardRef((n,a)=>{let r=external_React_namespaceObject.useRef(!0),o=T(u=>u.filtered.count===0);return external_React_namespaceObject.useEffect(()=>{r.current=!1},[]),r.current||!o?null:external_React_namespaceObject.createElement("div",{ref:a,...n,"cmdk-empty":"",role:"presentation"})}),Ee=external_React_namespaceObject.forwardRef((n,a)=>{let{progress:r,children:o,...u}=n;return external_React_namespaceObject.createElement("div",{ref:a,...u,"cmdk-loading":"",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"Loading..."},external_React_namespaceObject.createElement("div",{"aria-hidden":!0},o))}),Le=Object.assign(oe,{List:Re,Item:me,Input:ve,Group:pe,Separator:ge,Dialog:be,Empty:he,Loading:Ee});function Se(n,a){let r=n.nextElementSibling;for(;r;){if(r.matches(a))return r;r=r.nextElementSibling}}function Ce(n,a){let r=n.previousElementSibling;for(;r;){if(r.matches(a))return r;r=r.previousElementSibling}}function ae(n){let a=external_React_namespaceObject.useRef(n);return L(()=>{a.current=n}),a}var L=typeof window>"u"?external_React_namespaceObject.useEffect:external_React_namespaceObject.useLayoutEffect;function x(n){let a=external_React_namespaceObject.useRef();return a.current===void 0&&(a.current=n()),a}function H(n){return a=>{n.forEach(r=>{typeof r=="function"?r(a):r!=null&&(r.current=a)})}}function T(n){let a=U(),r=()=>n(a.snapshot());return external_React_namespaceObject.useSyncExternalStore(a.subscribe,r,r)}function se(n,a,r){let o=external_React_namespaceObject.useRef(),u=k();return L(()=>{var p;let l=(()=>{var f;for(let d of r){if(typeof d=="string")return d.trim().toLowerCase();if(typeof d=="object"&&"current"in d&&d.current)return(f=d.current.textContent)==null?void 0:f.trim().toLowerCase()}})();u.value(n,l),(p=a.current)==null||p.setAttribute(S,l),o.current=l}),o}var ye=()=>{let[n,a]=external_React_namespaceObject.useState(),r=x(()=>new Map);return L(()=>{r.current.forEach(o=>o()),r.current=new Map},[n]),(o,u)=>{r.current.set(o,u),a({})}},xe={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}; |
| |
|
| | ; |
| | 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} const dist_clsx = (clsx); |
| | ; |
| | const external_wp_data_namespaceObject = window["wp"]["data"]; |
| | ; |
| | const external_wp_element_namespaceObject = window["wp"]["element"]; |
| | ; |
| | const external_wp_i18n_namespaceObject = window["wp"]["i18n"]; |
| | ; |
| | const external_wp_components_namespaceObject = window["wp"]["components"]; |
| | ; |
| | const external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"]; |
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| | |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function Icon({ |
| | icon, |
| | size = 24, |
| | ...props |
| | }, ref) { |
| | return (0,external_wp_element_namespaceObject.cloneElement)(icon, { |
| | width: size, |
| | height: size, |
| | ...props, |
| | ref |
| | }); |
| | } |
| | const icon = ((0,external_wp_element_namespaceObject.forwardRef)(Icon)); |
| |
|
| | ; |
| | const external_wp_primitives_namespaceObject = window["wp"]["primitives"]; |
| | ; |
| | const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"]; |
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| | const search = (0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { |
| | xmlns: "http://www.w3.org/2000/svg", |
| | viewBox: "0 0 24 24", |
| | children: (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" |
| | }) |
| | }); |
| | const library_search = (search); |
| |
|
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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; |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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; |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function isOpen(state = false, action) { |
| | switch (action.type) { |
| | case 'OPEN': |
| | return true; |
| | case 'CLOSE': |
| | return false; |
| | } |
| | return 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 |
| | }); |
| | const store_reducer = (reducer); |
| |
|
| | ; |
| | |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| |
|
| | |
| | |
| | |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function registerCommand(config) { |
| | return { |
| | type: 'REGISTER_COMMAND', |
| | ...config |
| | }; |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function unregisterCommand(name) { |
| | return { |
| | type: 'UNREGISTER_COMMAND', |
| | name |
| | }; |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function registerCommandLoader(config) { |
| | return { |
| | type: 'REGISTER_COMMAND_LOADER', |
| | ...config |
| | }; |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function unregisterCommandLoader(name) { |
| | return { |
| | type: 'UNREGISTER_COMMAND_LOADER', |
| | name |
| | }; |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | function actions_open() { |
| | return { |
| | type: 'OPEN' |
| | }; |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | function actions_close() { |
| | return { |
| | type: 'CLOSE' |
| | }; |
| | } |
| |
|
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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]); |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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]); |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function selectors_isOpen(state) { |
| | return state.isOpen; |
| | } |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function getContext(state) { |
| | return state.context; |
| | } |
| |
|
| | ; |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function setContext(context) { |
| | return { |
| | type: 'SET_CONTEXT', |
| | context |
| | }; |
| | } |
| |
|
| | ; |
| | const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"]; |
| | ; |
| | |
| | |
| | |
| |
|
| | 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'); |
| |
|
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| | |
| | |
| | |
| |
|
| |
|
| |
|
| |
|
| |
|
| | const STORE_NAME = 'core/commands'; |
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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); |
| |
|
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | |
| | |
| | |
| |
|
| |
|
| |
|
| |
|
| | 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 (0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, { |
| | children: commands.map(command => { |
| | var _command$searchLabel; |
| | return (0,external_ReactJSXRuntime_namespaceObject.jsx)(Le.Item, { |
| | value: (_command$searchLabel = command.searchLabel) !== null && _command$searchLabel !== void 0 ? _command$searchLabel : command.label, |
| | onSelect: () => command.callback({ |
| | close |
| | }), |
| | id: command.name, |
| | children: (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 && (0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, { |
| | icon: command.icon |
| | }), (0,external_ReactJSXRuntime_namespaceObject.jsx)("span", { |
| | children: (0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextHighlight, { |
| | text: command.label, |
| | highlight: search |
| | }) |
| | })] |
| | }) |
| | }, command.name); |
| | }) |
| | }); |
| | } |
| | function CommandMenuLoaderWrapper({ |
| | hook, |
| | search, |
| | setLoader, |
| | close |
| | }) { |
| | |
| | |
| | |
| | |
| | |
| | const currentLoader = (0,external_wp_element_namespaceObject.useRef)(hook); |
| | const [key, setKey] = (0,external_wp_element_namespaceObject.useState)(0); |
| | (0,external_wp_element_namespaceObject.useEffect)(() => { |
| | if (currentLoader.current !== hook) { |
| | currentLoader.current = hook; |
| | setKey(prevKey => prevKey + 1); |
| | } |
| | }, [hook]); |
| | return (0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandMenuLoader, { |
| | hook: currentLoader.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 (0,external_ReactJSXRuntime_namespaceObject.jsxs)(Le.Group, { |
| | children: [commands.map(command => { |
| | var _command$searchLabel2; |
| | return (0,external_ReactJSXRuntime_namespaceObject.jsx)(Le.Item, { |
| | value: (_command$searchLabel2 = command.searchLabel) !== null && _command$searchLabel2 !== void 0 ? _command$searchLabel2 : command.label, |
| | onSelect: () => command.callback({ |
| | close |
| | }), |
| | id: command.name, |
| | children: (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 && (0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, { |
| | icon: command.icon |
| | }), (0,external_ReactJSXRuntime_namespaceObject.jsx)("span", { |
| | children: (0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextHighlight, { |
| | text: command.label, |
| | highlight: search |
| | }) |
| | })] |
| | }) |
| | }, command.name); |
| | }), loaders.map(loader => (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 = T(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)(() => { |
| | |
| | if (isOpen) { |
| | commandMenuInput.current.focus(); |
| | } |
| | }, [isOpen]); |
| | return (0,external_ReactJSXRuntime_namespaceObject.jsx)(Le.Input, { |
| | ref: commandMenuInput, |
| | value: search, |
| | onValueChange: setSearch, |
| | placeholder: inputLabel, |
| | "aria-activedescendant": selectedItemId, |
| | icon: search |
| | }); |
| | } |
| |
|
| | |
| | |
| | |
| | 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)({}); |
| | const commandListRef = (0,external_wp_element_namespaceObject.useRef)(); |
| | (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_element_namespaceObject.useEffect)(() => { |
| | commandListRef.current?.removeAttribute('aria-labelledby'); |
| | commandListRef.current?.setAttribute('aria-label', (0,external_wp_i18n_namespaceObject.__)('Command suggestions')); |
| | }, [commandListRef.current]); |
| | (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/commands', |
| | event => { |
| | |
| | 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 ( |
| | |
| | event.nativeEvent.isComposing || |
| | |
| | |
| | |
| | event.keyCode === 229) { |
| | event.preventDefault(); |
| | } |
| | }; |
| | const isLoading = Object.values(loaders).some(Boolean); |
| | return (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: (0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { |
| | className: "commands-command-menu__container", |
| | children: (0,external_ReactJSXRuntime_namespaceObject.jsxs)(Le, { |
| | label: inputLabel, |
| | onKeyDown: onKeyDown, |
| | children: [(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { |
| | className: "commands-command-menu__header", |
| | children: [(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandInput, { |
| | search: search, |
| | setSearch: setSearch, |
| | isOpen: isOpen |
| | }), (0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, { |
| | icon: library_search |
| | })] |
| | }), (0,external_ReactJSXRuntime_namespaceObject.jsxs)(Le.List, { |
| | ref: commandListRef, |
| | children: [search && !isLoading && (0,external_ReactJSXRuntime_namespaceObject.jsx)(Le.Empty, { |
| | children: (0,external_wp_i18n_namespaceObject.__)('No results found.') |
| | }), (0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandMenuGroup, { |
| | search: search, |
| | setLoader: setLoader, |
| | close: closeAndReset, |
| | isContextual: true |
| | }), search && (0,external_ReactJSXRuntime_namespaceObject.jsx)(CommandMenuGroup, { |
| | search: search, |
| | setLoader: setLoader, |
| | close: closeAndReset |
| | })] |
| | })] |
| | }) |
| | }) |
| | }); |
| | } |
| |
|
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | 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]); |
| |
|
| | |
| | |
| | (0,external_wp_element_namespaceObject.useEffect)(() => { |
| | const initialContextRef = initialContext.current; |
| | return () => setContext(initialContextRef); |
| | }, [setContext]); |
| | } |
| |
|
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| | const privateApis = {}; |
| | lock(privateApis, { |
| | useCommandContext: useCommandContext |
| | }); |
| |
|
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | function useCommand(command) { |
| | const { |
| | registerCommand, |
| | unregisterCommand |
| | } = (0,external_wp_data_namespaceObject.useDispatch)(store); |
| | const currentCallback = (0,external_wp_element_namespaceObject.useRef)(command.callback); |
| | (0,external_wp_element_namespaceObject.useEffect)(() => { |
| | currentCallback.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) => currentCallback.current(...args) |
| | }); |
| | return () => { |
| | unregisterCommand(command.name); |
| | }; |
| | }, [command.name, command.label, command.searchLabel, command.icon, command.context, command.disabled, registerCommand, unregisterCommand]); |
| | } |
| |
|
| | ; |
| | |
| | |
| | |
| |
|
| |
|
| |
|
| | |
| | |
| | |
| |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | 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]); |
| | } |
| |
|
| | ; |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| | })(); |
| |
|
| | (window.wp = window.wp || {}).commands = __webpack_exports__; |
| | })() |
| | ; |
