`, so it can be styled via any CSS solution you prefer.\n * @see https://floating-ui.com/docs/FloatingOverlay\n */\nconst FloatingOverlay = /*#__PURE__*/React.forwardRef(function FloatingOverlay(props, ref) {\n const {\n lockScroll = false,\n ...rest\n } = props;\n index(() => {\n if (!lockScroll) return;\n lockCount++;\n if (lockCount === 1) {\n cleanup = enableScrollLock();\n }\n return () => {\n lockCount--;\n if (lockCount === 0) {\n cleanup();\n }\n };\n }, [lockScroll]);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: ref\n }, rest, {\n style: {\n position: 'fixed',\n overflow: 'auto',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n ...rest.style\n }\n }));\n});\n\nfunction isButtonTarget(event) {\n return isHTMLElement(event.target) && event.target.tagName === 'BUTTON';\n}\nfunction isSpaceIgnored(element) {\n return isTypeableElement(element);\n}\n/**\n * Opens or closes the floating element when clicking the reference element.\n * @see https://floating-ui.com/docs/useClick\n */\nfunction useClick(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n onOpenChange,\n dataRef,\n elements: {\n domReference\n }\n } = context;\n const {\n enabled = true,\n event: eventOption = 'click',\n toggle = true,\n ignoreMouse = false,\n keyboardHandlers = true,\n stickIfOpen = true\n } = props;\n const pointerTypeRef = React.useRef();\n const didKeyDownRef = React.useRef(false);\n const reference = React.useMemo(() => ({\n onPointerDown(event) {\n pointerTypeRef.current = event.pointerType;\n },\n onMouseDown(event) {\n const pointerType = pointerTypeRef.current;\n\n // Ignore all buttons except for the \"main\" button.\n // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button\n if (event.button !== 0) return;\n if (eventOption === 'click') return;\n if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;\n if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === 'mousedown' : true)) {\n onOpenChange(false, event.nativeEvent, 'click');\n } else {\n // Prevent stealing focus from the floating element\n event.preventDefault();\n onOpenChange(true, event.nativeEvent, 'click');\n }\n },\n onClick(event) {\n const pointerType = pointerTypeRef.current;\n if (eventOption === 'mousedown' && pointerTypeRef.current) {\n pointerTypeRef.current = undefined;\n return;\n }\n if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;\n if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === 'click' : true)) {\n onOpenChange(false, event.nativeEvent, 'click');\n } else {\n onOpenChange(true, event.nativeEvent, 'click');\n }\n },\n onKeyDown(event) {\n pointerTypeRef.current = undefined;\n if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {\n return;\n }\n if (event.key === ' ' && !isSpaceIgnored(domReference)) {\n // Prevent scrolling\n event.preventDefault();\n didKeyDownRef.current = true;\n }\n if (event.key === 'Enter') {\n if (open && toggle) {\n onOpenChange(false, event.nativeEvent, 'click');\n } else {\n onOpenChange(true, event.nativeEvent, 'click');\n }\n }\n },\n onKeyUp(event) {\n if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {\n return;\n }\n if (event.key === ' ' && didKeyDownRef.current) {\n didKeyDownRef.current = false;\n if (open && toggle) {\n onOpenChange(false, event.nativeEvent, 'click');\n } else {\n onOpenChange(true, event.nativeEvent, 'click');\n }\n }\n }\n }), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, stickIfOpen, toggle]);\n return React.useMemo(() => enabled ? {\n reference\n } : {}, [enabled, reference]);\n}\n\nfunction createVirtualElement(domElement, data) {\n let offsetX = null;\n let offsetY = null;\n let isAutoUpdateEvent = false;\n return {\n contextElement: domElement || undefined,\n getBoundingClientRect() {\n var _data$dataRef$current;\n const domRect = (domElement == null ? void 0 : domElement.getBoundingClientRect()) || {\n width: 0,\n height: 0,\n x: 0,\n y: 0\n };\n const isXAxis = data.axis === 'x' || data.axis === 'both';\n const isYAxis = data.axis === 'y' || data.axis === 'both';\n const canTrackCursorOnAutoUpdate = ['mouseenter', 'mousemove'].includes(((_data$dataRef$current = data.dataRef.current.openEvent) == null ? void 0 : _data$dataRef$current.type) || '') && data.pointerType !== 'touch';\n let width = domRect.width;\n let height = domRect.height;\n let x = domRect.x;\n let y = domRect.y;\n if (offsetX == null && data.x && isXAxis) {\n offsetX = domRect.x - data.x;\n }\n if (offsetY == null && data.y && isYAxis) {\n offsetY = domRect.y - data.y;\n }\n x -= offsetX || 0;\n y -= offsetY || 0;\n width = 0;\n height = 0;\n if (!isAutoUpdateEvent || canTrackCursorOnAutoUpdate) {\n width = data.axis === 'y' ? domRect.width : 0;\n height = data.axis === 'x' ? domRect.height : 0;\n x = isXAxis && data.x != null ? data.x : x;\n y = isYAxis && data.y != null ? data.y : y;\n } else if (isAutoUpdateEvent && !canTrackCursorOnAutoUpdate) {\n height = data.axis === 'x' ? domRect.height : height;\n width = data.axis === 'y' ? domRect.width : width;\n }\n isAutoUpdateEvent = true;\n return {\n width,\n height,\n x,\n y,\n top: y,\n right: x + width,\n bottom: y + height,\n left: x\n };\n }\n };\n}\nfunction isMouseBasedEvent(event) {\n return event != null && event.clientX != null;\n}\n/**\n * Positions the floating element relative to a client point (in the viewport),\n * such as the mouse position. By default, it follows the mouse cursor.\n * @see https://floating-ui.com/docs/useClientPoint\n */\nfunction useClientPoint(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n dataRef,\n elements: {\n floating,\n domReference\n },\n refs\n } = context;\n const {\n enabled = true,\n axis = 'both',\n x = null,\n y = null\n } = props;\n const initialRef = React.useRef(false);\n const cleanupListenerRef = React.useRef(null);\n const [pointerType, setPointerType] = React.useState();\n const [reactive, setReactive] = React.useState([]);\n const setReference = useEffectEvent((x, y) => {\n if (initialRef.current) return;\n\n // Prevent setting if the open event was not a mouse-like one\n // (e.g. focus to open, then hover over the reference element).\n // Only apply if the event exists.\n if (dataRef.current.openEvent && !isMouseBasedEvent(dataRef.current.openEvent)) {\n return;\n }\n refs.setPositionReference(createVirtualElement(domReference, {\n x,\n y,\n axis,\n dataRef,\n pointerType\n }));\n });\n const handleReferenceEnterOrMove = useEffectEvent(event => {\n if (x != null || y != null) return;\n if (!open) {\n setReference(event.clientX, event.clientY);\n } else if (!cleanupListenerRef.current) {\n // If there's no cleanup, there's no listener, but we want to ensure\n // we add the listener if the cursor landed on the floating element and\n // then back on the reference (i.e. it's interactive).\n setReactive([]);\n }\n });\n\n // If the pointer is a mouse-like pointer, we want to continue following the\n // mouse even if the floating element is transitioning out. On touch\n // devices, this is undesirable because the floating element will move to\n // the dismissal touch point.\n const openCheck = isMouseLikePointerType(pointerType) ? floating : open;\n const addListener = React.useCallback(() => {\n // Explicitly specified `x`/`y` coordinates shouldn't add a listener.\n if (!openCheck || !enabled || x != null || y != null) return;\n const win = getWindow(floating);\n function handleMouseMove(event) {\n const target = getTarget(event);\n if (!contains(floating, target)) {\n setReference(event.clientX, event.clientY);\n } else {\n win.removeEventListener('mousemove', handleMouseMove);\n cleanupListenerRef.current = null;\n }\n }\n if (!dataRef.current.openEvent || isMouseBasedEvent(dataRef.current.openEvent)) {\n win.addEventListener('mousemove', handleMouseMove);\n const cleanup = () => {\n win.removeEventListener('mousemove', handleMouseMove);\n cleanupListenerRef.current = null;\n };\n cleanupListenerRef.current = cleanup;\n return cleanup;\n }\n refs.setPositionReference(domReference);\n }, [openCheck, enabled, x, y, floating, dataRef, refs, domReference, setReference]);\n React.useEffect(() => {\n return addListener();\n }, [addListener, reactive]);\n React.useEffect(() => {\n if (enabled && !floating) {\n initialRef.current = false;\n }\n }, [enabled, floating]);\n React.useEffect(() => {\n if (!enabled && open) {\n initialRef.current = true;\n }\n }, [enabled, open]);\n index(() => {\n if (enabled && (x != null || y != null)) {\n initialRef.current = false;\n setReference(x, y);\n }\n }, [enabled, x, y, setReference]);\n const reference = React.useMemo(() => {\n function setPointerTypeRef(_ref) {\n let {\n pointerType\n } = _ref;\n setPointerType(pointerType);\n }\n return {\n onPointerDown: setPointerTypeRef,\n onPointerEnter: setPointerTypeRef,\n onMouseMove: handleReferenceEnterOrMove,\n onMouseEnter: handleReferenceEnterOrMove\n };\n }, [handleReferenceEnterOrMove]);\n return React.useMemo(() => enabled ? {\n reference\n } : {}, [enabled, reference]);\n}\n\nconst bubbleHandlerKeys = {\n pointerdown: 'onPointerDown',\n mousedown: 'onMouseDown',\n click: 'onClick'\n};\nconst captureHandlerKeys = {\n pointerdown: 'onPointerDownCapture',\n mousedown: 'onMouseDownCapture',\n click: 'onClickCapture'\n};\nconst normalizeProp = normalizable => {\n var _normalizable$escapeK, _normalizable$outside;\n return {\n escapeKey: typeof normalizable === 'boolean' ? normalizable : (_normalizable$escapeK = normalizable == null ? void 0 : normalizable.escapeKey) != null ? _normalizable$escapeK : false,\n outsidePress: typeof normalizable === 'boolean' ? normalizable : (_normalizable$outside = normalizable == null ? void 0 : normalizable.outsidePress) != null ? _normalizable$outside : true\n };\n};\n/**\n * Closes the floating element when a dismissal is requested — by default, when\n * the user presses the `escape` key or outside of the floating element.\n * @see https://floating-ui.com/docs/useDismiss\n */\nfunction useDismiss(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n onOpenChange,\n elements,\n dataRef\n } = context;\n const {\n enabled = true,\n escapeKey = true,\n outsidePress: unstable_outsidePress = true,\n outsidePressEvent = 'pointerdown',\n referencePress = false,\n referencePressEvent = 'pointerdown',\n ancestorScroll = false,\n bubbles,\n capture\n } = props;\n const tree = useFloatingTree();\n const outsidePressFn = useEffectEvent(typeof unstable_outsidePress === 'function' ? unstable_outsidePress : () => false);\n const outsidePress = typeof unstable_outsidePress === 'function' ? outsidePressFn : unstable_outsidePress;\n const insideReactTreeRef = React.useRef(false);\n const endedOrStartedInsideRef = React.useRef(false);\n const {\n escapeKey: escapeKeyBubbles,\n outsidePress: outsidePressBubbles\n } = normalizeProp(bubbles);\n const {\n escapeKey: escapeKeyCapture,\n outsidePress: outsidePressCapture\n } = normalizeProp(capture);\n const isComposingRef = React.useRef(false);\n const closeOnEscapeKeyDown = useEffectEvent(event => {\n var _dataRef$current$floa;\n if (!open || !enabled || !escapeKey || event.key !== 'Escape') {\n return;\n }\n\n // Wait until IME is settled. Pressing `Escape` while composing should\n // close the compose menu, but not the floating element.\n if (isComposingRef.current) {\n return;\n }\n const nodeId = (_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.nodeId;\n const children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];\n if (!escapeKeyBubbles) {\n event.stopPropagation();\n if (children.length > 0) {\n let shouldDismiss = true;\n children.forEach(child => {\n var _child$context;\n if ((_child$context = child.context) != null && _child$context.open && !child.context.dataRef.current.__escapeKeyBubbles) {\n shouldDismiss = false;\n return;\n }\n });\n if (!shouldDismiss) {\n return;\n }\n }\n }\n onOpenChange(false, isReactEvent(event) ? event.nativeEvent : event, 'escape-key');\n });\n const closeOnEscapeKeyDownCapture = useEffectEvent(event => {\n var _getTarget2;\n const callback = () => {\n var _getTarget;\n closeOnEscapeKeyDown(event);\n (_getTarget = getTarget(event)) == null || _getTarget.removeEventListener('keydown', callback);\n };\n (_getTarget2 = getTarget(event)) == null || _getTarget2.addEventListener('keydown', callback);\n });\n const closeOnPressOutside = useEffectEvent(event => {\n var _dataRef$current$floa2;\n // Given developers can stop the propagation of the synthetic event,\n // we can only be confident with a positive value.\n const insideReactTree = insideReactTreeRef.current;\n insideReactTreeRef.current = false;\n\n // When click outside is lazy (`click` event), handle dragging.\n // Don't close if:\n // - The click started inside the floating element.\n // - The click ended inside the floating element.\n const endedOrStartedInside = endedOrStartedInsideRef.current;\n endedOrStartedInsideRef.current = false;\n if (outsidePressEvent === 'click' && endedOrStartedInside) {\n return;\n }\n if (insideReactTree) {\n return;\n }\n if (typeof outsidePress === 'function' && !outsidePress(event)) {\n return;\n }\n const target = getTarget(event);\n const inertSelector = \"[\" + createAttribute('inert') + \"]\";\n const markers = getDocument(elements.floating).querySelectorAll(inertSelector);\n let targetRootAncestor = isElement(target) ? target : null;\n while (targetRootAncestor && !isLastTraversableNode(targetRootAncestor)) {\n const nextParent = getParentNode(targetRootAncestor);\n if (isLastTraversableNode(nextParent) || !isElement(nextParent)) {\n break;\n }\n targetRootAncestor = nextParent;\n }\n\n // Check if the click occurred on a third-party element injected after the\n // floating element rendered.\n if (markers.length && isElement(target) && !isRootElement(target) &&\n // Clicked on a direct ancestor (e.g. FloatingOverlay).\n !contains(target, elements.floating) &&\n // If the target root element contains none of the markers, then the\n // element was injected after the floating element rendered.\n Array.from(markers).every(marker => !contains(targetRootAncestor, marker))) {\n return;\n }\n\n // Check if the click occurred on the scrollbar\n if (isHTMLElement(target) && floating) {\n // In Firefox, `target.scrollWidth > target.clientWidth` for inline\n // elements.\n const canScrollX = target.clientWidth > 0 && target.scrollWidth > target.clientWidth;\n const canScrollY = target.clientHeight > 0 && target.scrollHeight > target.clientHeight;\n let xCond = canScrollY && event.offsetX > target.clientWidth;\n\n // In some browsers it is possible to change the (or window)\n // scrollbar to the left side, but is very rare and is difficult to\n // check for. Plus, for modal dialogs with backdrops, it is more\n // important that the backdrop is checked but not so much the window.\n if (canScrollY) {\n const isRTL = getComputedStyle(target).direction === 'rtl';\n if (isRTL) {\n xCond = event.offsetX <= target.offsetWidth - target.clientWidth;\n }\n }\n if (xCond || canScrollX && event.offsetY > target.clientHeight) {\n return;\n }\n }\n const nodeId = (_dataRef$current$floa2 = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa2.nodeId;\n const targetIsInsideChildren = tree && getChildren(tree.nodesRef.current, nodeId).some(node => {\n var _node$context;\n return isEventTargetWithin(event, (_node$context = node.context) == null ? void 0 : _node$context.elements.floating);\n });\n if (isEventTargetWithin(event, elements.floating) || isEventTargetWithin(event, elements.domReference) || targetIsInsideChildren) {\n return;\n }\n const children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];\n if (children.length > 0) {\n let shouldDismiss = true;\n children.forEach(child => {\n var _child$context2;\n if ((_child$context2 = child.context) != null && _child$context2.open && !child.context.dataRef.current.__outsidePressBubbles) {\n shouldDismiss = false;\n return;\n }\n });\n if (!shouldDismiss) {\n return;\n }\n }\n onOpenChange(false, event, 'outside-press');\n });\n const closeOnPressOutsideCapture = useEffectEvent(event => {\n var _getTarget4;\n const callback = () => {\n var _getTarget3;\n closeOnPressOutside(event);\n (_getTarget3 = getTarget(event)) == null || _getTarget3.removeEventListener(outsidePressEvent, callback);\n };\n (_getTarget4 = getTarget(event)) == null || _getTarget4.addEventListener(outsidePressEvent, callback);\n });\n React.useEffect(() => {\n if (!open || !enabled) {\n return;\n }\n dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;\n dataRef.current.__outsidePressBubbles = outsidePressBubbles;\n let compositionTimeout = -1;\n function onScroll(event) {\n onOpenChange(false, event, 'ancestor-scroll');\n }\n function handleCompositionStart() {\n window.clearTimeout(compositionTimeout);\n isComposingRef.current = true;\n }\n function handleCompositionEnd() {\n // Safari fires `compositionend` before `keydown`, so we need to wait\n // until the next tick to set `isComposing` to `false`.\n // https://bugs.webkit.org/show_bug.cgi?id=165004\n compositionTimeout = window.setTimeout(() => {\n isComposingRef.current = false;\n },\n // 0ms or 1ms don't work in Safari. 5ms appears to consistently work.\n // Only apply to WebKit for the test to remain 0ms.\n isWebKit() ? 5 : 0);\n }\n const doc = getDocument(elements.floating);\n if (escapeKey) {\n doc.addEventListener('keydown', escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);\n doc.addEventListener('compositionstart', handleCompositionStart);\n doc.addEventListener('compositionend', handleCompositionEnd);\n }\n outsidePress && doc.addEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);\n let ancestors = [];\n if (ancestorScroll) {\n if (isElement(elements.domReference)) {\n ancestors = getOverflowAncestors(elements.domReference);\n }\n if (isElement(elements.floating)) {\n ancestors = ancestors.concat(getOverflowAncestors(elements.floating));\n }\n if (!isElement(elements.reference) && elements.reference && elements.reference.contextElement) {\n ancestors = ancestors.concat(getOverflowAncestors(elements.reference.contextElement));\n }\n }\n\n // Ignore the visual viewport for scrolling dismissal (allow pinch-zoom)\n ancestors = ancestors.filter(ancestor => {\n var _doc$defaultView;\n return ancestor !== ((_doc$defaultView = doc.defaultView) == null ? void 0 : _doc$defaultView.visualViewport);\n });\n ancestors.forEach(ancestor => {\n ancestor.addEventListener('scroll', onScroll, {\n passive: true\n });\n });\n return () => {\n if (escapeKey) {\n doc.removeEventListener('keydown', escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);\n doc.removeEventListener('compositionstart', handleCompositionStart);\n doc.removeEventListener('compositionend', handleCompositionEnd);\n }\n outsidePress && doc.removeEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);\n ancestors.forEach(ancestor => {\n ancestor.removeEventListener('scroll', onScroll);\n });\n window.clearTimeout(compositionTimeout);\n };\n }, [dataRef, elements, escapeKey, outsidePress, outsidePressEvent, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, escapeKeyCapture, closeOnEscapeKeyDownCapture, closeOnPressOutside, outsidePressCapture, closeOnPressOutsideCapture]);\n React.useEffect(() => {\n insideReactTreeRef.current = false;\n }, [outsidePress, outsidePressEvent]);\n const reference = React.useMemo(() => ({\n onKeyDown: closeOnEscapeKeyDown,\n [bubbleHandlerKeys[referencePressEvent]]: event => {\n if (referencePress) {\n onOpenChange(false, event.nativeEvent, 'reference-press');\n }\n }\n }), [closeOnEscapeKeyDown, onOpenChange, referencePress, referencePressEvent]);\n const floating = React.useMemo(() => ({\n onKeyDown: closeOnEscapeKeyDown,\n onMouseDown() {\n endedOrStartedInsideRef.current = true;\n },\n onMouseUp() {\n endedOrStartedInsideRef.current = true;\n },\n [captureHandlerKeys[outsidePressEvent]]: () => {\n insideReactTreeRef.current = true;\n }\n }), [closeOnEscapeKeyDown, outsidePressEvent]);\n return React.useMemo(() => enabled ? {\n reference,\n floating\n } : {}, [enabled, reference, floating]);\n}\n\nfunction useFloatingRootContext(options) {\n const {\n open = false,\n onOpenChange: onOpenChangeProp,\n elements: elementsProp\n } = options;\n const floatingId = useId();\n const dataRef = React.useRef({});\n const [events] = React.useState(() => createPubSub());\n const nested = useFloatingParentNodeId() != null;\n if (process.env.NODE_ENV !== \"production\") {\n const optionDomReference = elementsProp.reference;\n if (optionDomReference && !isElement(optionDomReference)) {\n error('Cannot pass a virtual element to the `elements.reference` option,', 'as it must be a real DOM element. Use `refs.setPositionReference()`', 'instead.');\n }\n }\n const [positionReference, setPositionReference] = React.useState(elementsProp.reference);\n const onOpenChange = useEffectEvent((open, event, reason) => {\n dataRef.current.openEvent = open ? event : undefined;\n events.emit('openchange', {\n open,\n event,\n reason,\n nested\n });\n onOpenChangeProp == null || onOpenChangeProp(open, event, reason);\n });\n const refs = React.useMemo(() => ({\n setPositionReference\n }), []);\n const elements = React.useMemo(() => ({\n reference: positionReference || elementsProp.reference || null,\n floating: elementsProp.floating || null,\n domReference: elementsProp.reference\n }), [positionReference, elementsProp.reference, elementsProp.floating]);\n return React.useMemo(() => ({\n dataRef,\n open,\n onOpenChange,\n elements,\n events,\n floatingId,\n refs\n }), [open, onOpenChange, elements, events, floatingId, refs]);\n}\n\n/**\n * Provides data to position a floating element and context to add interactions.\n * @see https://floating-ui.com/docs/useFloating\n */\nfunction useFloating(options) {\n if (options === void 0) {\n options = {};\n }\n const {\n nodeId\n } = options;\n const internalRootContext = useFloatingRootContext({\n ...options,\n elements: {\n reference: null,\n floating: null,\n ...options.elements\n }\n });\n const rootContext = options.rootContext || internalRootContext;\n const computedElements = rootContext.elements;\n const [_domReference, setDomReference] = React.useState(null);\n const [positionReference, _setPositionReference] = React.useState(null);\n const optionDomReference = computedElements == null ? void 0 : computedElements.domReference;\n const domReference = optionDomReference || _domReference;\n const domReferenceRef = React.useRef(null);\n const tree = useFloatingTree();\n index(() => {\n if (domReference) {\n domReferenceRef.current = domReference;\n }\n }, [domReference]);\n const position = useFloating$1({\n ...options,\n elements: {\n ...computedElements,\n ...(positionReference && {\n reference: positionReference\n })\n }\n });\n const setPositionReference = React.useCallback(node => {\n const computedPositionReference = isElement(node) ? {\n getBoundingClientRect: () => node.getBoundingClientRect(),\n contextElement: node\n } : node;\n // Store the positionReference in state if the DOM reference is specified externally via the\n // `elements.reference` option. This ensures that it won't be overridden on future renders.\n _setPositionReference(computedPositionReference);\n position.refs.setReference(computedPositionReference);\n }, [position.refs]);\n const setReference = React.useCallback(node => {\n if (isElement(node) || node === null) {\n domReferenceRef.current = node;\n setDomReference(node);\n }\n\n // Backwards-compatibility for passing a virtual element to `reference`\n // after it has set the DOM reference.\n if (isElement(position.refs.reference.current) || position.refs.reference.current === null ||\n // Don't allow setting virtual elements using the old technique back to\n // `null` to support `positionReference` + an unstable `reference`\n // callback ref.\n node !== null && !isElement(node)) {\n position.refs.setReference(node);\n }\n }, [position.refs]);\n const refs = React.useMemo(() => ({\n ...position.refs,\n setReference,\n setPositionReference,\n domReference: domReferenceRef\n }), [position.refs, setReference, setPositionReference]);\n const elements = React.useMemo(() => ({\n ...position.elements,\n domReference: domReference\n }), [position.elements, domReference]);\n const context = React.useMemo(() => ({\n ...position,\n ...rootContext,\n refs,\n elements,\n nodeId\n }), [position, refs, elements, nodeId, rootContext]);\n index(() => {\n rootContext.dataRef.current.floatingContext = context;\n const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);\n if (node) {\n node.context = context;\n }\n });\n return React.useMemo(() => ({\n ...position,\n context,\n refs,\n elements\n }), [position, refs, elements, context]);\n}\n\n/**\n * Opens the floating element while the reference element has focus, like CSS\n * `:focus`.\n * @see https://floating-ui.com/docs/useFocus\n */\nfunction useFocus(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n onOpenChange,\n events,\n dataRef,\n elements\n } = context;\n const {\n enabled = true,\n visibleOnly = true\n } = props;\n const blockFocusRef = React.useRef(false);\n const timeoutRef = React.useRef();\n const keyboardModalityRef = React.useRef(true);\n React.useEffect(() => {\n if (!enabled) return;\n const win = getWindow(elements.domReference);\n\n // If the reference was focused and the user left the tab/window, and the\n // floating element was not open, the focus should be blocked when they\n // return to the tab/window.\n function onBlur() {\n if (!open && isHTMLElement(elements.domReference) && elements.domReference === activeElement(getDocument(elements.domReference))) {\n blockFocusRef.current = true;\n }\n }\n function onKeyDown() {\n keyboardModalityRef.current = true;\n }\n win.addEventListener('blur', onBlur);\n win.addEventListener('keydown', onKeyDown, true);\n return () => {\n win.removeEventListener('blur', onBlur);\n win.removeEventListener('keydown', onKeyDown, true);\n };\n }, [elements.domReference, open, enabled]);\n React.useEffect(() => {\n if (!enabled) return;\n function onOpenChange(_ref) {\n let {\n reason\n } = _ref;\n if (reason === 'reference-press' || reason === 'escape-key') {\n blockFocusRef.current = true;\n }\n }\n events.on('openchange', onOpenChange);\n return () => {\n events.off('openchange', onOpenChange);\n };\n }, [events, enabled]);\n React.useEffect(() => {\n return () => {\n clearTimeout(timeoutRef.current);\n };\n }, []);\n const reference = React.useMemo(() => ({\n onPointerDown(event) {\n if (isVirtualPointerEvent(event.nativeEvent)) return;\n keyboardModalityRef.current = false;\n },\n onMouseLeave() {\n blockFocusRef.current = false;\n },\n onFocus(event) {\n if (blockFocusRef.current) return;\n const target = getTarget(event.nativeEvent);\n if (visibleOnly && isElement(target)) {\n try {\n // Mac Safari unreliably matches `:focus-visible` on the reference\n // if focus was outside the page initially - use the fallback\n // instead.\n if (isSafari() && isMac()) throw Error();\n if (!target.matches(':focus-visible')) return;\n } catch (e) {\n // Old browsers will throw an error when using `:focus-visible`.\n if (!keyboardModalityRef.current && !isTypeableElement(target)) {\n return;\n }\n }\n }\n onOpenChange(true, event.nativeEvent, 'focus');\n },\n onBlur(event) {\n blockFocusRef.current = false;\n const relatedTarget = event.relatedTarget;\n const nativeEvent = event.nativeEvent;\n\n // Hit the non-modal focus management portal guard. Focus will be\n // moved into the floating element immediately after.\n const movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute(createAttribute('focus-guard')) && relatedTarget.getAttribute('data-type') === 'outside';\n\n // Wait for the window blur listener to fire.\n timeoutRef.current = window.setTimeout(() => {\n var _dataRef$current$floa;\n const activeEl = activeElement(elements.domReference ? elements.domReference.ownerDocument : document);\n\n // Focus left the page, keep it open.\n if (!relatedTarget && activeEl === elements.domReference) return;\n\n // When focusing the reference element (e.g. regular click), then\n // clicking into the floating element, prevent it from hiding.\n // Note: it must be focusable, e.g. `tabindex=\"-1\"`.\n // We can not rely on relatedTarget to point to the correct element\n // as it will only point to the shadow host of the newly focused element\n // and not the element that actually has received focus if it is located\n // inside a shadow root.\n if (contains((_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.refs.floating.current, activeEl) || contains(elements.domReference, activeEl) || movedToFocusGuard) {\n return;\n }\n onOpenChange(false, nativeEvent, 'focus');\n });\n }\n }), [dataRef, elements.domReference, onOpenChange, visibleOnly]);\n return React.useMemo(() => enabled ? {\n reference\n } : {}, [enabled, reference]);\n}\n\nconst ACTIVE_KEY = 'active';\nconst SELECTED_KEY = 'selected';\nfunction mergeProps(userProps, propsList, elementKey) {\n const map = new Map();\n const isItem = elementKey === 'item';\n let domUserProps = userProps;\n if (isItem && userProps) {\n const {\n [ACTIVE_KEY]: _,\n [SELECTED_KEY]: __,\n ...validProps\n } = userProps;\n domUserProps = validProps;\n }\n return {\n ...(elementKey === 'floating' && {\n tabIndex: -1,\n [FOCUSABLE_ATTRIBUTE]: ''\n }),\n ...domUserProps,\n ...propsList.map(value => {\n const propsOrGetProps = value ? value[elementKey] : null;\n if (typeof propsOrGetProps === 'function') {\n return userProps ? propsOrGetProps(userProps) : null;\n }\n return propsOrGetProps;\n }).concat(userProps).reduce((acc, props) => {\n if (!props) {\n return acc;\n }\n Object.entries(props).forEach(_ref => {\n let [key, value] = _ref;\n if (isItem && [ACTIVE_KEY, SELECTED_KEY].includes(key)) {\n return;\n }\n if (key.indexOf('on') === 0) {\n if (!map.has(key)) {\n map.set(key, []);\n }\n if (typeof value === 'function') {\n var _map$get;\n (_map$get = map.get(key)) == null || _map$get.push(value);\n acc[key] = function () {\n var _map$get2;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return (_map$get2 = map.get(key)) == null ? void 0 : _map$get2.map(fn => fn(...args)).find(val => val !== undefined);\n };\n }\n } else {\n acc[key] = value;\n }\n });\n return acc;\n }, {})\n };\n}\n/**\n * Merges an array of interaction hooks' props into prop getters, allowing\n * event handler functions to be composed together without overwriting one\n * another.\n * @see https://floating-ui.com/docs/useInteractions\n */\nfunction useInteractions(propsList) {\n if (propsList === void 0) {\n propsList = [];\n }\n const referenceDeps = propsList.map(key => key == null ? void 0 : key.reference);\n const floatingDeps = propsList.map(key => key == null ? void 0 : key.floating);\n const itemDeps = propsList.map(key => key == null ? void 0 : key.item);\n const getReferenceProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'reference'),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n referenceDeps);\n const getFloatingProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'floating'),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n floatingDeps);\n const getItemProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'item'),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n itemDeps);\n return React.useMemo(() => ({\n getReferenceProps,\n getFloatingProps,\n getItemProps\n }), [getReferenceProps, getFloatingProps, getItemProps]);\n}\n\nlet isPreventScrollSupported = false;\nfunction doSwitch(orientation, vertical, horizontal) {\n switch (orientation) {\n case 'vertical':\n return vertical;\n case 'horizontal':\n return horizontal;\n default:\n return vertical || horizontal;\n }\n}\nfunction isMainOrientationKey(key, orientation) {\n const vertical = key === ARROW_UP || key === ARROW_DOWN;\n const horizontal = key === ARROW_LEFT || key === ARROW_RIGHT;\n return doSwitch(orientation, vertical, horizontal);\n}\nfunction isMainOrientationToEndKey(key, orientation, rtl) {\n const vertical = key === ARROW_DOWN;\n const horizontal = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT;\n return doSwitch(orientation, vertical, horizontal) || key === 'Enter' || key === ' ' || key === '';\n}\nfunction isCrossOrientationOpenKey(key, orientation, rtl) {\n const vertical = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT;\n const horizontal = key === ARROW_DOWN;\n return doSwitch(orientation, vertical, horizontal);\n}\nfunction isCrossOrientationCloseKey(key, orientation, rtl) {\n const vertical = rtl ? key === ARROW_RIGHT : key === ARROW_LEFT;\n const horizontal = key === ARROW_UP;\n return doSwitch(orientation, vertical, horizontal);\n}\n/**\n * Adds arrow key-based navigation of a list of items, either using real DOM\n * focus or virtual focus.\n * @see https://floating-ui.com/docs/useListNavigation\n */\nfunction useListNavigation(context, props) {\n const {\n open,\n onOpenChange,\n elements\n } = context;\n const {\n listRef,\n activeIndex,\n onNavigate: unstable_onNavigate = () => {},\n enabled = true,\n selectedIndex = null,\n allowEscape = false,\n loop = false,\n nested = false,\n rtl = false,\n virtual = false,\n focusItemOnOpen = 'auto',\n focusItemOnHover = true,\n openOnArrowKeyDown = true,\n disabledIndices = undefined,\n orientation = 'vertical',\n cols = 1,\n scrollItemIntoView = true,\n virtualItemRef,\n itemSizes,\n dense = false\n } = props;\n if (process.env.NODE_ENV !== \"production\") {\n if (allowEscape) {\n if (!loop) {\n warn('`useListNavigation` looping must be enabled to allow escaping.');\n }\n if (!virtual) {\n warn('`useListNavigation` must be virtual to allow escaping.');\n }\n }\n if (orientation === 'vertical' && cols > 1) {\n warn('In grid list navigation mode (`cols` > 1), the `orientation` should', 'be either \"horizontal\" or \"both\".');\n }\n }\n const floatingFocusElement = getFloatingFocusElement(elements.floating);\n const floatingFocusElementRef = useLatestRef(floatingFocusElement);\n const parentId = useFloatingParentNodeId();\n const tree = useFloatingTree();\n const onNavigate = useEffectEvent(unstable_onNavigate);\n const typeableComboboxReference = isTypeableCombobox(elements.domReference);\n const focusItemOnOpenRef = React.useRef(focusItemOnOpen);\n const indexRef = React.useRef(selectedIndex != null ? selectedIndex : -1);\n const keyRef = React.useRef(null);\n const isPointerModalityRef = React.useRef(true);\n const previousOnNavigateRef = React.useRef(onNavigate);\n const previousMountedRef = React.useRef(!!elements.floating);\n const previousOpenRef = React.useRef(open);\n const forceSyncFocus = React.useRef(false);\n const forceScrollIntoViewRef = React.useRef(false);\n const disabledIndicesRef = useLatestRef(disabledIndices);\n const latestOpenRef = useLatestRef(open);\n const scrollItemIntoViewRef = useLatestRef(scrollItemIntoView);\n const selectedIndexRef = useLatestRef(selectedIndex);\n const [activeId, setActiveId] = React.useState();\n const [virtualId, setVirtualId] = React.useState();\n const focusItem = useEffectEvent(function (listRef, indexRef, forceScrollIntoView) {\n if (forceScrollIntoView === void 0) {\n forceScrollIntoView = false;\n }\n function runFocus(item) {\n if (virtual) {\n setActiveId(item.id);\n tree == null || tree.events.emit('virtualfocus', item);\n if (virtualItemRef) {\n virtualItemRef.current = item;\n }\n } else {\n enqueueFocus(item, {\n preventScroll: true,\n // Mac Safari does not move the virtual cursor unless the focus call\n // is sync. However, for the very first focus call, we need to wait\n // for the position to be ready in order to prevent unwanted\n // scrolling. This means the virtual cursor will not move to the first\n // item when first opening the floating element, but will on\n // subsequent calls. `preventScroll` is supported in modern Safari,\n // so we can use that instead.\n // iOS Safari must be async or the first item will not be focused.\n sync: isMac() && isSafari() ? isPreventScrollSupported || forceSyncFocus.current : false\n });\n }\n }\n const initialItem = listRef.current[indexRef.current];\n if (initialItem) {\n runFocus(initialItem);\n }\n requestAnimationFrame(() => {\n const waitedItem = listRef.current[indexRef.current] || initialItem;\n if (!waitedItem) return;\n if (!initialItem) {\n runFocus(waitedItem);\n }\n const scrollIntoViewOptions = scrollItemIntoViewRef.current;\n const shouldScrollIntoView = scrollIntoViewOptions && item && (forceScrollIntoView || !isPointerModalityRef.current);\n if (shouldScrollIntoView) {\n // JSDOM doesn't support `.scrollIntoView()` but it's widely supported\n // by all browsers.\n waitedItem.scrollIntoView == null || waitedItem.scrollIntoView(typeof scrollIntoViewOptions === 'boolean' ? {\n block: 'nearest',\n inline: 'nearest'\n } : scrollIntoViewOptions);\n }\n });\n });\n index(() => {\n document.createElement('div').focus({\n get preventScroll() {\n isPreventScrollSupported = true;\n return false;\n }\n });\n }, []);\n\n // Sync `selectedIndex` to be the `activeIndex` upon opening the floating\n // element. Also, reset `activeIndex` upon closing the floating element.\n index(() => {\n if (!enabled) return;\n if (open && elements.floating) {\n if (focusItemOnOpenRef.current && selectedIndex != null) {\n // Regardless of the pointer modality, we want to ensure the selected\n // item comes into view when the floating element is opened.\n forceScrollIntoViewRef.current = true;\n indexRef.current = selectedIndex;\n onNavigate(selectedIndex);\n }\n } else if (previousMountedRef.current) {\n // Since the user can specify `onNavigate` conditionally\n // (onNavigate: open ? setActiveIndex : setSelectedIndex),\n // we store and call the previous function.\n indexRef.current = -1;\n previousOnNavigateRef.current(null);\n }\n }, [enabled, open, elements.floating, selectedIndex, onNavigate]);\n\n // Sync `activeIndex` to be the focused item while the floating element is\n // open.\n index(() => {\n if (!enabled) return;\n if (open && elements.floating) {\n if (activeIndex == null) {\n forceSyncFocus.current = false;\n if (selectedIndexRef.current != null) {\n return;\n }\n\n // Reset while the floating element was open (e.g. the list changed).\n if (previousMountedRef.current) {\n indexRef.current = -1;\n focusItem(listRef, indexRef);\n }\n\n // Initial sync.\n if ((!previousOpenRef.current || !previousMountedRef.current) && focusItemOnOpenRef.current && (keyRef.current != null || focusItemOnOpenRef.current === true && keyRef.current == null)) {\n let runs = 0;\n const waitForListPopulated = () => {\n if (listRef.current[0] == null) {\n // Avoid letting the browser paint if possible on the first try,\n // otherwise use rAF. Don't try more than twice, since something\n // is wrong otherwise.\n if (runs < 2) {\n const scheduler = runs ? requestAnimationFrame : queueMicrotask;\n scheduler(waitForListPopulated);\n }\n runs++;\n } else {\n indexRef.current = keyRef.current == null || isMainOrientationToEndKey(keyRef.current, orientation, rtl) || nested ? getMinIndex(listRef, disabledIndicesRef.current) : getMaxIndex(listRef, disabledIndicesRef.current);\n keyRef.current = null;\n onNavigate(indexRef.current);\n }\n };\n waitForListPopulated();\n }\n } else if (!isIndexOutOfBounds(listRef, activeIndex)) {\n indexRef.current = activeIndex;\n focusItem(listRef, indexRef, forceScrollIntoViewRef.current);\n forceScrollIntoViewRef.current = false;\n }\n }\n }, [enabled, open, elements.floating, activeIndex, selectedIndexRef, nested, listRef, orientation, rtl, onNavigate, focusItem, disabledIndicesRef]);\n\n // Ensure the parent floating element has focus when a nested child closes\n // to allow arrow key navigation to work after the pointer leaves the child.\n index(() => {\n var _nodes$find;\n if (!enabled || elements.floating || !tree || virtual || !previousMountedRef.current) {\n return;\n }\n const nodes = tree.nodesRef.current;\n const parent = (_nodes$find = nodes.find(node => node.id === parentId)) == null || (_nodes$find = _nodes$find.context) == null ? void 0 : _nodes$find.elements.floating;\n const activeEl = activeElement(getDocument(elements.floating));\n const treeContainsActiveEl = nodes.some(node => node.context && contains(node.context.elements.floating, activeEl));\n if (parent && !treeContainsActiveEl && isPointerModalityRef.current) {\n parent.focus({\n preventScroll: true\n });\n }\n }, [enabled, elements.floating, tree, parentId, virtual]);\n index(() => {\n if (!enabled) return;\n if (!tree) return;\n if (!virtual) return;\n if (parentId) return;\n function handleVirtualFocus(item) {\n setVirtualId(item.id);\n if (virtualItemRef) {\n virtualItemRef.current = item;\n }\n }\n tree.events.on('virtualfocus', handleVirtualFocus);\n return () => {\n tree.events.off('virtualfocus', handleVirtualFocus);\n };\n }, [enabled, tree, virtual, parentId, virtualItemRef]);\n index(() => {\n previousOnNavigateRef.current = onNavigate;\n previousMountedRef.current = !!elements.floating;\n });\n index(() => {\n if (!open) {\n keyRef.current = null;\n }\n }, [open]);\n index(() => {\n previousOpenRef.current = open;\n }, [open]);\n const hasActiveIndex = activeIndex != null;\n const item = React.useMemo(() => {\n function syncCurrentTarget(currentTarget) {\n if (!open) return;\n const index = listRef.current.indexOf(currentTarget);\n if (index !== -1) {\n onNavigate(index);\n }\n }\n const props = {\n onFocus(_ref) {\n let {\n currentTarget\n } = _ref;\n syncCurrentTarget(currentTarget);\n },\n onClick: _ref2 => {\n let {\n currentTarget\n } = _ref2;\n return currentTarget.focus({\n preventScroll: true\n });\n },\n // Safari\n ...(focusItemOnHover && {\n onMouseMove(_ref3) {\n let {\n currentTarget\n } = _ref3;\n syncCurrentTarget(currentTarget);\n },\n onPointerLeave(_ref4) {\n let {\n pointerType\n } = _ref4;\n if (!isPointerModalityRef.current || pointerType === 'touch') {\n return;\n }\n indexRef.current = -1;\n focusItem(listRef, indexRef);\n onNavigate(null);\n if (!virtual) {\n enqueueFocus(floatingFocusElementRef.current, {\n preventScroll: true\n });\n }\n }\n })\n };\n return props;\n }, [open, floatingFocusElementRef, focusItem, focusItemOnHover, listRef, onNavigate, virtual]);\n const commonOnKeyDown = useEffectEvent(event => {\n isPointerModalityRef.current = false;\n forceSyncFocus.current = true;\n\n // When composing a character, Chrome fires ArrowDown twice. Firefox/Safari\n // don't appear to suffer from this. `event.isComposing` is avoided due to\n // Safari not supporting it properly (although it's not needed in the first\n // place for Safari, just avoiding any possible issues).\n if (event.which === 229) {\n return;\n }\n\n // If the floating element is animating out, ignore navigation. Otherwise,\n // the `activeIndex` gets set to 0 despite not being open so the next time\n // the user ArrowDowns, the first item won't be focused.\n if (!latestOpenRef.current && event.currentTarget === floatingFocusElementRef.current) {\n return;\n }\n if (nested && isCrossOrientationCloseKey(event.key, orientation, rtl)) {\n stopEvent(event);\n onOpenChange(false, event.nativeEvent, 'list-navigation');\n if (isHTMLElement(elements.domReference)) {\n if (virtual) {\n tree == null || tree.events.emit('virtualfocus', elements.domReference);\n } else {\n elements.domReference.focus();\n }\n }\n return;\n }\n const currentIndex = indexRef.current;\n const minIndex = getMinIndex(listRef, disabledIndices);\n const maxIndex = getMaxIndex(listRef, disabledIndices);\n if (!typeableComboboxReference) {\n if (event.key === 'Home') {\n stopEvent(event);\n indexRef.current = minIndex;\n onNavigate(indexRef.current);\n }\n if (event.key === 'End') {\n stopEvent(event);\n indexRef.current = maxIndex;\n onNavigate(indexRef.current);\n }\n }\n\n // Grid navigation.\n if (cols > 1) {\n const sizes = itemSizes || Array.from({\n length: listRef.current.length\n }, () => ({\n width: 1,\n height: 1\n }));\n // To calculate movements on the grid, we use hypothetical cell indices\n // as if every item was 1x1, then convert back to real indices.\n const cellMap = buildCellMap(sizes, cols, dense);\n const minGridIndex = cellMap.findIndex(index => index != null && !isDisabled(listRef.current, index, disabledIndices));\n // last enabled index\n const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isDisabled(listRef.current, index, disabledIndices) ? cellIndex : foundIndex, -1);\n const index = cellMap[getGridNavigatedIndex({\n current: cellMap.map(itemIndex => itemIndex != null ? listRef.current[itemIndex] : null)\n }, {\n event,\n orientation,\n loop,\n rtl,\n cols,\n // treat undefined (empty grid spaces) as disabled indices so we\n // don't end up in them\n disabledIndices: getCellIndices([...(disabledIndices || listRef.current.map((_, index) => isDisabled(listRef.current, index) ? index : undefined)), undefined], cellMap),\n minIndex: minGridIndex,\n maxIndex: maxGridIndex,\n prevIndex: getCellIndexOfCorner(indexRef.current > maxIndex ? minIndex : indexRef.current, sizes, cellMap, cols,\n // use a corner matching the edge closest to the direction\n // we're moving in so we don't end up in the same item. Prefer\n // top/left over bottom/right.\n event.key === ARROW_DOWN ? 'bl' : event.key === (rtl ? ARROW_LEFT : ARROW_RIGHT) ? 'tr' : 'tl'),\n stopEvent: true\n })];\n if (index != null) {\n indexRef.current = index;\n onNavigate(indexRef.current);\n }\n if (orientation === 'both') {\n return;\n }\n }\n if (isMainOrientationKey(event.key, orientation)) {\n stopEvent(event);\n\n // Reset the index if no item is focused.\n if (open && !virtual && activeElement(event.currentTarget.ownerDocument) === event.currentTarget) {\n indexRef.current = isMainOrientationToEndKey(event.key, orientation, rtl) ? minIndex : maxIndex;\n onNavigate(indexRef.current);\n return;\n }\n if (isMainOrientationToEndKey(event.key, orientation, rtl)) {\n if (loop) {\n indexRef.current = currentIndex >= maxIndex ? allowEscape && currentIndex !== listRef.current.length ? -1 : minIndex : findNonDisabledIndex(listRef, {\n startingIndex: currentIndex,\n disabledIndices\n });\n } else {\n indexRef.current = Math.min(maxIndex, findNonDisabledIndex(listRef, {\n startingIndex: currentIndex,\n disabledIndices\n }));\n }\n } else {\n if (loop) {\n indexRef.current = currentIndex <= minIndex ? allowEscape && currentIndex !== -1 ? listRef.current.length : maxIndex : findNonDisabledIndex(listRef, {\n startingIndex: currentIndex,\n decrement: true,\n disabledIndices\n });\n } else {\n indexRef.current = Math.max(minIndex, findNonDisabledIndex(listRef, {\n startingIndex: currentIndex,\n decrement: true,\n disabledIndices\n }));\n }\n }\n if (isIndexOutOfBounds(listRef, indexRef.current)) {\n onNavigate(null);\n } else {\n onNavigate(indexRef.current);\n }\n }\n });\n const ariaActiveDescendantProp = React.useMemo(() => {\n return virtual && open && hasActiveIndex && {\n 'aria-activedescendant': virtualId || activeId\n };\n }, [virtual, open, hasActiveIndex, virtualId, activeId]);\n const floating = React.useMemo(() => {\n return {\n 'aria-orientation': orientation === 'both' ? undefined : orientation,\n ...(!isTypeableCombobox(elements.domReference) && ariaActiveDescendantProp),\n onKeyDown: commonOnKeyDown,\n onPointerMove() {\n isPointerModalityRef.current = true;\n }\n };\n }, [ariaActiveDescendantProp, commonOnKeyDown, elements.domReference, orientation]);\n const reference = React.useMemo(() => {\n function checkVirtualMouse(event) {\n if (focusItemOnOpen === 'auto' && isVirtualClick(event.nativeEvent)) {\n focusItemOnOpenRef.current = true;\n }\n }\n function checkVirtualPointer(event) {\n // `pointerdown` fires first, reset the state then perform the checks.\n focusItemOnOpenRef.current = focusItemOnOpen;\n if (focusItemOnOpen === 'auto' && isVirtualPointerEvent(event.nativeEvent)) {\n focusItemOnOpenRef.current = true;\n }\n }\n return {\n ...ariaActiveDescendantProp,\n onKeyDown(event) {\n isPointerModalityRef.current = false;\n const isArrowKey = event.key.startsWith('Arrow');\n const isHomeOrEndKey = ['Home', 'End'].includes(event.key);\n const isMoveKey = isArrowKey || isHomeOrEndKey;\n const isCrossOpenKey = isCrossOrientationOpenKey(event.key, orientation, rtl);\n const isCrossCloseKey = isCrossOrientationCloseKey(event.key, orientation, rtl);\n const isMainKey = isMainOrientationKey(event.key, orientation);\n const isNavigationKey = (nested ? isCrossOpenKey : isMainKey) || event.key === 'Enter' || event.key.trim() === '';\n if (virtual && open) {\n const rootNode = tree == null ? void 0 : tree.nodesRef.current.find(node => node.parentId == null);\n const deepestNode = tree && rootNode ? getDeepestNode(tree.nodesRef.current, rootNode.id) : null;\n if (isMoveKey && deepestNode && virtualItemRef) {\n const eventObject = new KeyboardEvent('keydown', {\n key: event.key,\n bubbles: true\n });\n if (isCrossOpenKey || isCrossCloseKey) {\n var _deepestNode$context, _deepestNode$context2;\n const isCurrentTarget = ((_deepestNode$context = deepestNode.context) == null ? void 0 : _deepestNode$context.elements.domReference) === event.currentTarget;\n const dispatchItem = isCrossCloseKey && !isCurrentTarget ? (_deepestNode$context2 = deepestNode.context) == null ? void 0 : _deepestNode$context2.elements.domReference : isCrossOpenKey ? listRef.current.find(item => (item == null ? void 0 : item.id) === activeId) : null;\n if (dispatchItem) {\n stopEvent(event);\n dispatchItem.dispatchEvent(eventObject);\n setVirtualId(undefined);\n }\n }\n if ((isMainKey || isHomeOrEndKey) && deepestNode.context) {\n if (deepestNode.context.open && deepestNode.parentId && event.currentTarget !== deepestNode.context.elements.domReference) {\n var _deepestNode$context$;\n stopEvent(event);\n (_deepestNode$context$ = deepestNode.context.elements.domReference) == null || _deepestNode$context$.dispatchEvent(eventObject);\n return;\n }\n }\n }\n return commonOnKeyDown(event);\n }\n\n // If a floating element should not open on arrow key down, avoid\n // setting `activeIndex` while it's closed.\n if (!open && !openOnArrowKeyDown && isArrowKey) {\n return;\n }\n if (isNavigationKey) {\n keyRef.current = nested && isMainKey ? null : event.key;\n }\n if (nested) {\n if (isCrossOpenKey) {\n stopEvent(event);\n if (open) {\n indexRef.current = getMinIndex(listRef, disabledIndicesRef.current);\n onNavigate(indexRef.current);\n } else {\n onOpenChange(true, event.nativeEvent, 'list-navigation');\n }\n }\n return;\n }\n if (isMainKey) {\n if (selectedIndex != null) {\n indexRef.current = selectedIndex;\n }\n stopEvent(event);\n if (!open && openOnArrowKeyDown) {\n onOpenChange(true, event.nativeEvent, 'list-navigation');\n } else {\n commonOnKeyDown(event);\n }\n if (open) {\n onNavigate(indexRef.current);\n }\n }\n },\n onFocus() {\n if (open && !virtual) {\n onNavigate(null);\n }\n },\n onPointerDown: checkVirtualPointer,\n onMouseDown: checkVirtualMouse,\n onClick: checkVirtualMouse\n };\n }, [activeId, ariaActiveDescendantProp, commonOnKeyDown, disabledIndicesRef, focusItemOnOpen, listRef, nested, onNavigate, onOpenChange, open, openOnArrowKeyDown, orientation, rtl, selectedIndex, tree, virtual, virtualItemRef]);\n return React.useMemo(() => enabled ? {\n reference,\n floating,\n item\n } : {}, [enabled, reference, floating, item]);\n}\n\nconst componentRoleToAriaRoleMap = /*#__PURE__*/new Map([['select', 'listbox'], ['combobox', 'listbox'], ['label', false]]);\n\n/**\n * Adds base screen reader props to the reference and floating elements for a\n * given floating element `role`.\n * @see https://floating-ui.com/docs/useRole\n */\nfunction useRole(context, props) {\n var _componentRoleToAriaR;\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n floatingId\n } = context;\n const {\n enabled = true,\n role = 'dialog'\n } = props;\n const ariaRole = (_componentRoleToAriaR = componentRoleToAriaRoleMap.get(role)) != null ? _componentRoleToAriaR : role;\n const referenceId = useId();\n const parentId = useFloatingParentNodeId();\n const isNested = parentId != null;\n const reference = React.useMemo(() => {\n if (ariaRole === 'tooltip' || role === 'label') {\n return {\n [\"aria-\" + (role === 'label' ? 'labelledby' : 'describedby')]: open ? floatingId : undefined\n };\n }\n return {\n 'aria-expanded': open ? 'true' : 'false',\n 'aria-haspopup': ariaRole === 'alertdialog' ? 'dialog' : ariaRole,\n 'aria-controls': open ? floatingId : undefined,\n ...(ariaRole === 'listbox' && {\n role: 'combobox'\n }),\n ...(ariaRole === 'menu' && {\n id: referenceId\n }),\n ...(ariaRole === 'menu' && isNested && {\n role: 'menuitem'\n }),\n ...(role === 'select' && {\n 'aria-autocomplete': 'none'\n }),\n ...(role === 'combobox' && {\n 'aria-autocomplete': 'list'\n })\n };\n }, [ariaRole, floatingId, isNested, open, referenceId, role]);\n const floating = React.useMemo(() => {\n const floatingProps = {\n id: floatingId,\n ...(ariaRole && {\n role: ariaRole\n })\n };\n if (ariaRole === 'tooltip' || role === 'label') {\n return floatingProps;\n }\n return {\n ...floatingProps,\n ...(ariaRole === 'menu' && {\n 'aria-labelledby': referenceId\n })\n };\n }, [ariaRole, floatingId, referenceId, role]);\n const item = React.useCallback(_ref => {\n let {\n active,\n selected\n } = _ref;\n const commonProps = {\n role: 'option',\n ...(active && {\n id: floatingId + \"-option\"\n })\n };\n\n // For `menu`, we are unable to tell if the item is a `menuitemradio`\n // or `menuitemcheckbox`. For backwards-compatibility reasons, also\n // avoid defaulting to `menuitem` as it may overwrite custom role props.\n switch (role) {\n case 'select':\n return {\n ...commonProps,\n 'aria-selected': active && selected\n };\n case 'combobox':\n {\n return {\n ...commonProps,\n ...(active && {\n 'aria-selected': true\n })\n };\n }\n }\n return {};\n }, [floatingId, role]);\n return React.useMemo(() => enabled ? {\n reference,\n floating,\n item\n } : {}, [enabled, reference, floating, item]);\n}\n\n// Converts a JS style key like `backgroundColor` to a CSS transition-property\n// like `background-color`.\nconst camelCaseToKebabCase = str => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());\nfunction execWithArgsOrReturn(valueOrFn, args) {\n return typeof valueOrFn === 'function' ? valueOrFn(args) : valueOrFn;\n}\nfunction useDelayUnmount(open, durationMs) {\n const [isMounted, setIsMounted] = React.useState(open);\n if (open && !isMounted) {\n setIsMounted(true);\n }\n React.useEffect(() => {\n if (!open && isMounted) {\n const timeout = setTimeout(() => setIsMounted(false), durationMs);\n return () => clearTimeout(timeout);\n }\n }, [open, isMounted, durationMs]);\n return isMounted;\n}\n/**\n * Provides a status string to apply CSS transitions to a floating element,\n * correctly handling placement-aware transitions.\n * @see https://floating-ui.com/docs/useTransition#usetransitionstatus\n */\nfunction useTransitionStatus(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n elements: {\n floating\n }\n } = context;\n const {\n duration = 250\n } = props;\n const isNumberDuration = typeof duration === 'number';\n const closeDuration = (isNumberDuration ? duration : duration.close) || 0;\n const [status, setStatus] = React.useState('unmounted');\n const isMounted = useDelayUnmount(open, closeDuration);\n if (!isMounted && status === 'close') {\n setStatus('unmounted');\n }\n index(() => {\n if (!floating) return;\n if (open) {\n setStatus('initial');\n const frame = requestAnimationFrame(() => {\n setStatus('open');\n });\n return () => {\n cancelAnimationFrame(frame);\n };\n }\n setStatus('close');\n }, [open, floating]);\n return {\n isMounted,\n status\n };\n}\n/**\n * Provides styles to apply CSS transitions to a floating element, correctly\n * handling placement-aware transitions. Wrapper around `useTransitionStatus`.\n * @see https://floating-ui.com/docs/useTransition#usetransitionstyles\n */\nfunction useTransitionStyles(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n initial: unstable_initial = {\n opacity: 0\n },\n open: unstable_open,\n close: unstable_close,\n common: unstable_common,\n duration = 250\n } = props;\n const placement = context.placement;\n const side = placement.split('-')[0];\n const fnArgs = React.useMemo(() => ({\n side,\n placement\n }), [side, placement]);\n const isNumberDuration = typeof duration === 'number';\n const openDuration = (isNumberDuration ? duration : duration.open) || 0;\n const closeDuration = (isNumberDuration ? duration : duration.close) || 0;\n const [styles, setStyles] = React.useState(() => ({\n ...execWithArgsOrReturn(unstable_common, fnArgs),\n ...execWithArgsOrReturn(unstable_initial, fnArgs)\n }));\n const {\n isMounted,\n status\n } = useTransitionStatus(context, {\n duration\n });\n const initialRef = useLatestRef(unstable_initial);\n const openRef = useLatestRef(unstable_open);\n const closeRef = useLatestRef(unstable_close);\n const commonRef = useLatestRef(unstable_common);\n index(() => {\n const initialStyles = execWithArgsOrReturn(initialRef.current, fnArgs);\n const closeStyles = execWithArgsOrReturn(closeRef.current, fnArgs);\n const commonStyles = execWithArgsOrReturn(commonRef.current, fnArgs);\n const openStyles = execWithArgsOrReturn(openRef.current, fnArgs) || Object.keys(initialStyles).reduce((acc, key) => {\n acc[key] = '';\n return acc;\n }, {});\n if (status === 'initial') {\n setStyles(styles => ({\n transitionProperty: styles.transitionProperty,\n ...commonStyles,\n ...initialStyles\n }));\n }\n if (status === 'open') {\n setStyles({\n transitionProperty: Object.keys(openStyles).map(camelCaseToKebabCase).join(','),\n transitionDuration: openDuration + \"ms\",\n ...commonStyles,\n ...openStyles\n });\n }\n if (status === 'close') {\n const styles = closeStyles || initialStyles;\n setStyles({\n transitionProperty: Object.keys(styles).map(camelCaseToKebabCase).join(','),\n transitionDuration: closeDuration + \"ms\",\n ...commonStyles,\n ...styles\n });\n }\n }, [closeDuration, closeRef, initialRef, openRef, commonRef, openDuration, status, fnArgs]);\n return {\n isMounted,\n styles\n };\n}\n\n/**\n * Provides a matching callback that can be used to focus an item as the user\n * types, often used in tandem with `useListNavigation()`.\n * @see https://floating-ui.com/docs/useTypeahead\n */\nfunction useTypeahead(context, props) {\n var _ref;\n const {\n open,\n dataRef\n } = context;\n const {\n listRef,\n activeIndex,\n onMatch: unstable_onMatch,\n onTypingChange: unstable_onTypingChange,\n enabled = true,\n findMatch = null,\n resetMs = 750,\n ignoreKeys = [],\n selectedIndex = null\n } = props;\n const timeoutIdRef = React.useRef();\n const stringRef = React.useRef('');\n const prevIndexRef = React.useRef((_ref = selectedIndex != null ? selectedIndex : activeIndex) != null ? _ref : -1);\n const matchIndexRef = React.useRef(null);\n const onMatch = useEffectEvent(unstable_onMatch);\n const onTypingChange = useEffectEvent(unstable_onTypingChange);\n const findMatchRef = useLatestRef(findMatch);\n const ignoreKeysRef = useLatestRef(ignoreKeys);\n index(() => {\n if (open) {\n clearTimeout(timeoutIdRef.current);\n matchIndexRef.current = null;\n stringRef.current = '';\n }\n }, [open]);\n index(() => {\n // Sync arrow key navigation but not typeahead navigation.\n if (open && stringRef.current === '') {\n var _ref2;\n prevIndexRef.current = (_ref2 = selectedIndex != null ? selectedIndex : activeIndex) != null ? _ref2 : -1;\n }\n }, [open, selectedIndex, activeIndex]);\n const setTypingChange = useEffectEvent(value => {\n if (value) {\n if (!dataRef.current.typing) {\n dataRef.current.typing = value;\n onTypingChange(value);\n }\n } else {\n if (dataRef.current.typing) {\n dataRef.current.typing = value;\n onTypingChange(value);\n }\n }\n });\n const onKeyDown = useEffectEvent(event => {\n function getMatchingIndex(list, orderedList, string) {\n const str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(text => (text == null ? void 0 : text.toLocaleLowerCase().indexOf(string.toLocaleLowerCase())) === 0);\n return str ? list.indexOf(str) : -1;\n }\n const listContent = listRef.current;\n if (stringRef.current.length > 0 && stringRef.current[0] !== ' ') {\n if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {\n setTypingChange(false);\n } else if (event.key === ' ') {\n stopEvent(event);\n }\n }\n if (listContent == null || ignoreKeysRef.current.includes(event.key) ||\n // Character key.\n event.key.length !== 1 ||\n // Modifier key.\n event.ctrlKey || event.metaKey || event.altKey) {\n return;\n }\n if (open && event.key !== ' ') {\n stopEvent(event);\n setTypingChange(true);\n }\n\n // Bail out if the list contains a word like \"llama\" or \"aaron\". TODO:\n // allow it in this case, too.\n const allowRapidSuccessionOfFirstLetter = listContent.every(text => {\n var _text$, _text$2;\n return text ? ((_text$ = text[0]) == null ? void 0 : _text$.toLocaleLowerCase()) !== ((_text$2 = text[1]) == null ? void 0 : _text$2.toLocaleLowerCase()) : true;\n });\n\n // Allows the user to cycle through items that start with the same letter\n // in rapid succession.\n if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {\n stringRef.current = '';\n prevIndexRef.current = matchIndexRef.current;\n }\n stringRef.current += event.key;\n clearTimeout(timeoutIdRef.current);\n timeoutIdRef.current = setTimeout(() => {\n stringRef.current = '';\n prevIndexRef.current = matchIndexRef.current;\n setTypingChange(false);\n }, resetMs);\n const prevIndex = prevIndexRef.current;\n const index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);\n if (index !== -1) {\n onMatch(index);\n matchIndexRef.current = index;\n } else if (event.key !== ' ') {\n stringRef.current = '';\n setTypingChange(false);\n }\n });\n const reference = React.useMemo(() => ({\n onKeyDown\n }), [onKeyDown]);\n const floating = React.useMemo(() => {\n return {\n onKeyDown,\n onKeyUp(event) {\n if (event.key === ' ') {\n setTypingChange(false);\n }\n }\n };\n }, [onKeyDown, setTypingChange]);\n return React.useMemo(() => enabled ? {\n reference,\n floating\n } : {}, [enabled, reference, floating]);\n}\n\nfunction getArgsWithCustomFloatingHeight(state, height) {\n return {\n ...state,\n rects: {\n ...state.rects,\n floating: {\n ...state.rects.floating,\n height\n }\n }\n };\n}\n/**\n * Positions the floating element such that an inner element inside of it is\n * anchored to the reference element.\n * @see https://floating-ui.com/docs/inner\n */\nconst inner = props => ({\n name: 'inner',\n options: props,\n async fn(state) {\n const {\n listRef,\n overflowRef,\n onFallbackChange,\n offset: innerOffset = 0,\n index = 0,\n minItemsVisible = 4,\n referenceOverflowThreshold = 0,\n scrollRef,\n ...detectOverflowOptions\n } = evaluate(props, state);\n const {\n rects,\n elements: {\n floating\n }\n } = state;\n const item = listRef.current[index];\n const scrollEl = (scrollRef == null ? void 0 : scrollRef.current) || floating;\n\n // Valid combinations:\n // 1. Floating element is the scrollRef and has a border (default)\n // 2. Floating element is not the scrollRef, floating element has a border\n // 3. Floating element is not the scrollRef, scrollRef has a border\n // Floating > {...getFloatingProps()} wrapper > scrollRef > items is not\n // allowed as VoiceOver doesn't work.\n const clientTop = floating.clientTop || scrollEl.clientTop;\n const floatingIsBordered = floating.clientTop !== 0;\n const scrollElIsBordered = scrollEl.clientTop !== 0;\n const floatingIsScrollEl = floating === scrollEl;\n if (process.env.NODE_ENV !== \"production\") {\n if (!state.placement.startsWith('bottom')) {\n warn('`placement` side must be \"bottom\" when using the `inner`', 'middleware.');\n }\n }\n if (!item) {\n return {};\n }\n const nextArgs = {\n ...state,\n ...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))\n };\n const overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);\n const refOverflow = await detectOverflow(nextArgs, {\n ...detectOverflowOptions,\n elementContext: 'reference'\n });\n const diffY = max(0, overflow.top);\n const nextY = nextArgs.y + diffY;\n const isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;\n const rounder = isScrollable ? v => v : round;\n const maxHeight = rounder(max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - max(0, overflow.bottom)));\n scrollEl.style.maxHeight = maxHeight + \"px\";\n scrollEl.scrollTop = diffY;\n\n // There is not enough space, fallback to standard anchored positioning\n if (onFallbackChange) {\n const shouldFallback = scrollEl.offsetHeight < item.offsetHeight * min(minItemsVisible, listRef.current.length) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;\n ReactDOM.flushSync(() => onFallbackChange(shouldFallback));\n }\n if (overflowRef) {\n overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({\n ...nextArgs,\n y: nextY\n }, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);\n }\n return {\n y: nextY\n };\n }\n});\n/**\n * Changes the `inner` middleware's `offset` upon a `wheel` event to\n * expand the floating element's height, revealing more list items.\n * @see https://floating-ui.com/docs/inner\n */\nfunction useInnerOffset(context, props) {\n const {\n open,\n elements\n } = context;\n const {\n enabled = true,\n overflowRef,\n scrollRef,\n onChange: unstable_onChange\n } = props;\n const onChange = useEffectEvent(unstable_onChange);\n const controlledScrollingRef = React.useRef(false);\n const prevScrollTopRef = React.useRef(null);\n const initialOverflowRef = React.useRef(null);\n React.useEffect(() => {\n if (!enabled) return;\n function onWheel(e) {\n if (e.ctrlKey || !el || overflowRef.current == null) {\n return;\n }\n const dY = e.deltaY;\n const isAtTop = overflowRef.current.top >= -0.5;\n const isAtBottom = overflowRef.current.bottom >= -0.5;\n const remainingScroll = el.scrollHeight - el.clientHeight;\n const sign = dY < 0 ? -1 : 1;\n const method = dY < 0 ? 'max' : 'min';\n if (el.scrollHeight <= el.clientHeight) {\n return;\n }\n if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {\n e.preventDefault();\n ReactDOM.flushSync(() => {\n onChange(d => d + Math[method](dY, remainingScroll * sign));\n });\n } else if (/firefox/i.test(getUserAgent())) {\n // Needed to propagate scrolling during momentum scrolling phase once\n // it gets limited by the boundary. UX improvement, not critical.\n el.scrollTop += dY;\n }\n }\n const el = (scrollRef == null ? void 0 : scrollRef.current) || elements.floating;\n if (open && el) {\n el.addEventListener('wheel', onWheel);\n\n // Wait for the position to be ready.\n requestAnimationFrame(() => {\n prevScrollTopRef.current = el.scrollTop;\n if (overflowRef.current != null) {\n initialOverflowRef.current = {\n ...overflowRef.current\n };\n }\n });\n return () => {\n prevScrollTopRef.current = null;\n initialOverflowRef.current = null;\n el.removeEventListener('wheel', onWheel);\n };\n }\n }, [enabled, open, elements.floating, overflowRef, scrollRef, onChange]);\n const floating = React.useMemo(() => ({\n onKeyDown() {\n controlledScrollingRef.current = true;\n },\n onWheel() {\n controlledScrollingRef.current = false;\n },\n onPointerMove() {\n controlledScrollingRef.current = false;\n },\n onScroll() {\n const el = (scrollRef == null ? void 0 : scrollRef.current) || elements.floating;\n if (!overflowRef.current || !el || !controlledScrollingRef.current) {\n return;\n }\n if (prevScrollTopRef.current !== null) {\n const scrollDiff = el.scrollTop - prevScrollTopRef.current;\n if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 || overflowRef.current.top < -0.5 && scrollDiff > 1) {\n ReactDOM.flushSync(() => onChange(d => d + scrollDiff));\n }\n }\n\n // [Firefox] Wait for the height change to have been applied.\n requestAnimationFrame(() => {\n prevScrollTopRef.current = el.scrollTop;\n });\n }\n }), [elements.floating, onChange, overflowRef, scrollRef]);\n return React.useMemo(() => enabled ? {\n floating\n } : {}, [enabled, floating]);\n}\n\nfunction isPointInPolygon(point, polygon) {\n const [x, y] = point;\n let isInside = false;\n const length = polygon.length;\n for (let i = 0, j = length - 1; i < length; j = i++) {\n const [xi, yi] = polygon[i] || [0, 0];\n const [xj, yj] = polygon[j] || [0, 0];\n const intersect = yi >= y !== yj >= y && x <= (xj - xi) * (y - yi) / (yj - yi) + xi;\n if (intersect) {\n isInside = !isInside;\n }\n }\n return isInside;\n}\nfunction isInside(point, rect) {\n return point[0] >= rect.x && point[0] <= rect.x + rect.width && point[1] >= rect.y && point[1] <= rect.y + rect.height;\n}\n/**\n * Generates a safe polygon area that the user can traverse without closing the\n * floating element once leaving the reference element.\n * @see https://floating-ui.com/docs/useHover#safepolygon\n */\nfunction safePolygon(options) {\n if (options === void 0) {\n options = {};\n }\n const {\n buffer = 0.5,\n blockPointerEvents = false,\n requireIntent = true\n } = options;\n let timeoutId;\n let hasLanded = false;\n let lastX = null;\n let lastY = null;\n let lastCursorTime = performance.now();\n function getCursorSpeed(x, y) {\n const currentTime = performance.now();\n const elapsedTime = currentTime - lastCursorTime;\n if (lastX === null || lastY === null || elapsedTime === 0) {\n lastX = x;\n lastY = y;\n lastCursorTime = currentTime;\n return null;\n }\n const deltaX = x - lastX;\n const deltaY = y - lastY;\n const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n const speed = distance / elapsedTime; // px / ms\n\n lastX = x;\n lastY = y;\n lastCursorTime = currentTime;\n return speed;\n }\n const fn = _ref => {\n let {\n x,\n y,\n placement,\n elements,\n onClose,\n nodeId,\n tree\n } = _ref;\n return function onMouseMove(event) {\n function close() {\n clearTimeout(timeoutId);\n onClose();\n }\n clearTimeout(timeoutId);\n if (!elements.domReference || !elements.floating || placement == null || x == null || y == null) {\n return;\n }\n const {\n clientX,\n clientY\n } = event;\n const clientPoint = [clientX, clientY];\n const target = getTarget(event);\n const isLeave = event.type === 'mouseleave';\n const isOverFloatingEl = contains(elements.floating, target);\n const isOverReferenceEl = contains(elements.domReference, target);\n const refRect = elements.domReference.getBoundingClientRect();\n const rect = elements.floating.getBoundingClientRect();\n const side = placement.split('-')[0];\n const cursorLeaveFromRight = x > rect.right - rect.width / 2;\n const cursorLeaveFromBottom = y > rect.bottom - rect.height / 2;\n const isOverReferenceRect = isInside(clientPoint, refRect);\n const isFloatingWider = rect.width > refRect.width;\n const isFloatingTaller = rect.height > refRect.height;\n const left = (isFloatingWider ? refRect : rect).left;\n const right = (isFloatingWider ? refRect : rect).right;\n const top = (isFloatingTaller ? refRect : rect).top;\n const bottom = (isFloatingTaller ? refRect : rect).bottom;\n if (isOverFloatingEl) {\n hasLanded = true;\n if (!isLeave) {\n return;\n }\n }\n if (isOverReferenceEl) {\n hasLanded = false;\n }\n if (isOverReferenceEl && !isLeave) {\n hasLanded = true;\n return;\n }\n\n // Prevent overlapping floating element from being stuck in an open-close\n // loop: https://github.com/floating-ui/floating-ui/issues/1910\n if (isLeave && isElement(event.relatedTarget) && contains(elements.floating, event.relatedTarget)) {\n return;\n }\n\n // If any nested child is open, abort.\n if (tree && getChildren(tree.nodesRef.current, nodeId).some(_ref2 => {\n let {\n context\n } = _ref2;\n return context == null ? void 0 : context.open;\n })) {\n return;\n }\n\n // If the pointer is leaving from the opposite side, the \"buffer\" logic\n // creates a point where the floating element remains open, but should be\n // ignored.\n // A constant of 1 handles floating point rounding errors.\n if (side === 'top' && y >= refRect.bottom - 1 || side === 'bottom' && y <= refRect.top + 1 || side === 'left' && x >= refRect.right - 1 || side === 'right' && x <= refRect.left + 1) {\n return close();\n }\n\n // Ignore when the cursor is within the rectangular trough between the\n // two elements. Since the triangle is created from the cursor point,\n // which can start beyond the ref element's edge, traversing back and\n // forth from the ref to the floating element can cause it to close. This\n // ensures it always remains open in that case.\n let rectPoly = [];\n switch (side) {\n case 'top':\n rectPoly = [[left, refRect.top + 1], [left, rect.bottom - 1], [right, rect.bottom - 1], [right, refRect.top + 1]];\n break;\n case 'bottom':\n rectPoly = [[left, rect.top + 1], [left, refRect.bottom - 1], [right, refRect.bottom - 1], [right, rect.top + 1]];\n break;\n case 'left':\n rectPoly = [[rect.right - 1, bottom], [rect.right - 1, top], [refRect.left + 1, top], [refRect.left + 1, bottom]];\n break;\n case 'right':\n rectPoly = [[refRect.right - 1, bottom], [refRect.right - 1, top], [rect.left + 1, top], [rect.left + 1, bottom]];\n break;\n }\n function getPolygon(_ref3) {\n let [x, y] = _ref3;\n switch (side) {\n case 'top':\n {\n const cursorPointOne = [isFloatingWider ? x + buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y + buffer + 1];\n const cursorPointTwo = [isFloatingWider ? x - buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y + buffer + 1];\n const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.bottom - buffer : isFloatingWider ? rect.bottom - buffer : rect.top], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.bottom - buffer : rect.top : rect.bottom - buffer]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n case 'bottom':\n {\n const cursorPointOne = [isFloatingWider ? x + buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y - buffer];\n const cursorPointTwo = [isFloatingWider ? x - buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y - buffer];\n const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.top + buffer : isFloatingWider ? rect.top + buffer : rect.bottom], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.top + buffer : rect.bottom : rect.top + buffer]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n case 'left':\n {\n const cursorPointOne = [x + buffer + 1, isFloatingTaller ? y + buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const cursorPointTwo = [x + buffer + 1, isFloatingTaller ? y - buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const commonPoints = [[cursorLeaveFromBottom ? rect.right - buffer : isFloatingTaller ? rect.right - buffer : rect.left, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.right - buffer : rect.left : rect.right - buffer, rect.bottom]];\n return [...commonPoints, cursorPointOne, cursorPointTwo];\n }\n case 'right':\n {\n const cursorPointOne = [x - buffer, isFloatingTaller ? y + buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const cursorPointTwo = [x - buffer, isFloatingTaller ? y - buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const commonPoints = [[cursorLeaveFromBottom ? rect.left + buffer : isFloatingTaller ? rect.left + buffer : rect.right, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.left + buffer : rect.right : rect.left + buffer, rect.bottom]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n }\n }\n if (isPointInPolygon([clientX, clientY], rectPoly)) {\n return;\n }\n if (hasLanded && !isOverReferenceRect) {\n return close();\n }\n if (!isLeave && requireIntent) {\n const cursorSpeed = getCursorSpeed(event.clientX, event.clientY);\n const cursorSpeedThreshold = 0.1;\n if (cursorSpeed !== null && cursorSpeed < cursorSpeedThreshold) {\n return close();\n }\n }\n if (!isPointInPolygon([clientX, clientY], getPolygon([x, y]))) {\n close();\n } else if (!hasLanded && requireIntent) {\n timeoutId = window.setTimeout(close, 40);\n }\n };\n };\n fn.__options = {\n blockPointerEvents\n };\n return fn;\n}\n\nexport { Composite, CompositeItem, FloatingArrow, FloatingDelayGroup, FloatingFocusManager, FloatingList, FloatingNode, FloatingOverlay, FloatingPortal, FloatingTree, inner, safePolygon, useClick, useClientPoint, useDelayGroup, useDelayGroupContext, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useFloatingPortalNode, useFloatingRootContext, useFloatingTree, useFocus, useHover, useId, useInnerOffset, useInteractions, useListItem, useListNavigation, useMergeRefs, useRole, useTransitionStatus, useTransitionStyles, useTypeahead };\n","import { cx, css } from '@emotion/css';\nimport { useStyles2, Checkbox, Button } from '@grafana/ui';\nimport React, { forwardRef, useId } from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst DropdownItem = forwardRef(\n function DropdownItem2(_a, ref) {\n var _b = _a, { children, active, addGroupBottomBorder, isMultiValueEdit, checked } = _b, rest = __objRest(_b, [\"children\", \"active\", \"addGroupBottomBorder\", \"isMultiValueEdit\", \"checked\"]);\n const styles = useStyles2(getStyles);\n const id = useId();\n return /* @__PURE__ */ React.createElement(\"div\", __spreadValues({\n ref,\n role: \"option\",\n id,\n \"aria-selected\": active,\n className: cx(styles.option, active && styles.optionFocused, addGroupBottomBorder && styles.groupBottomBorder)\n }, rest), /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.optionBody,\n \"data-testid\": `data-testid ad hoc filter option value ${children}`\n }, /* @__PURE__ */ React.createElement(\"span\", null, isMultiValueEdit ? /* @__PURE__ */ React.createElement(Checkbox, {\n tabIndex: -1,\n checked,\n className: styles.checkbox\n }) : null, children)));\n }\n);\nconst getStyles = (theme) => ({\n option: css({\n label: \"grafana-select-option\",\n top: 0,\n left: 0,\n width: \"100%\",\n position: \"absolute\",\n padding: theme.spacing(1),\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n flexShrink: 0,\n whiteSpace: \"nowrap\",\n cursor: \"pointer\",\n \"&:hover\": {\n background: theme.colors.action.hover,\n \"@media (forced-colors: active), (prefers-contrast: more)\": {\n border: `1px solid ${theme.colors.primary.border}`\n }\n }\n }),\n optionFocused: css({\n label: \"grafana-select-option-focused\",\n background: theme.colors.action.focus,\n \"@media (forced-colors: active), (prefers-contrast: more)\": {\n border: `1px solid ${theme.colors.primary.border}`\n }\n }),\n optionBody: css({\n label: \"grafana-select-option-body\",\n display: \"flex\",\n fontWeight: theme.typography.fontWeightMedium,\n flexDirection: \"column\",\n flexGrow: 1\n }),\n groupBottomBorder: css({\n borderBottom: `1px solid ${theme.colors.border.weak}`\n }),\n checkbox: css({\n paddingRight: theme.spacing(0.5)\n }),\n multiValueApplyWrapper: css({\n position: \"fixed\",\n top: 0,\n left: 0,\n display: \"flex\",\n backgroundColor: theme.colors.background.primary,\n color: theme.colors.text.primary,\n boxShadow: theme.shadows.z2,\n overflowY: \"auto\",\n zIndex: theme.zIndex.dropdown,\n gap: theme.spacing(1.5),\n padding: `${theme.spacing(1.5)} ${theme.spacing(1)}`\n })\n});\nconst LoadingOptionsPlaceholder = () => {\n return /* @__PURE__ */ React.createElement(DropdownItem, {\n onClick: (e) => e.stopPropagation()\n }, \"Loading options...\");\n};\nconst NoOptionsPlaceholder = () => {\n return /* @__PURE__ */ React.createElement(DropdownItem, {\n onClick: (e) => e.stopPropagation()\n }, \"No options found\");\n};\nconst OptionsErrorPlaceholder = ({ handleFetchOptions }) => {\n return /* @__PURE__ */ React.createElement(DropdownItem, {\n onClick: handleFetchOptions\n }, \"An error has occurred fetching labels. Click to retry\");\n};\nconst MultiValueApplyButton = ({\n onApply,\n floatingElement,\n maxOptionWidth,\n menuHeight\n}) => {\n const styles = useStyles2(getStyles);\n const floatingElementRect = floatingElement == null ? void 0 : floatingElement.getBoundingClientRect();\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.multiValueApplyWrapper,\n style: {\n width: `${maxOptionWidth}px`,\n transform: `translate(${floatingElementRect == null ? void 0 : floatingElementRect.left}px,${floatingElementRect ? floatingElementRect.top + menuHeight : 0}px)`\n }\n }, /* @__PURE__ */ React.createElement(Button, {\n onClick: onApply,\n size: \"sm\",\n tabIndex: -1\n }, \"Apply\"));\n};\n\nexport { DropdownItem, LoadingOptionsPlaceholder, MultiValueApplyButton, NoOptionsPlaceholder, OptionsErrorPlaceholder };\n//# sourceMappingURL=DropdownItem.js.map\n","import { isMultiValueOperator } from '../AdHocFiltersVariable.js';\n\nconst VIRTUAL_LIST_WIDTH_ESTIMATE_MULTIPLIER = 8;\nconst VIRTUAL_LIST_DESCRIPTION_WIDTH_ESTIMATE_MULTIPLIER = 6;\nconst VIRTUAL_LIST_PADDING = 8;\nconst VIRTUAL_LIST_OVERSCAN = 5;\nconst VIRTUAL_LIST_ITEM_HEIGHT = 38;\nconst VIRTUAL_LIST_ITEM_HEIGHT_WITH_DESCRIPTION = 60;\nconst ERROR_STATE_DROPDOWN_WIDTH = 366;\nconst flattenOptionGroups = (options) => options.flatMap((option) => option.options ? [option, ...option.options] : [option]);\nconst setupDropdownAccessibility = (options, listRef, disabledIndicesRef) => {\n var _a, _b, _c, _d;\n let maxOptionWidth = 182;\n const listRefArr = [];\n const disabledIndices = [];\n for (let i = 0; i < options.length; i++) {\n listRefArr.push(null);\n if ((_a = options[i]) == null ? void 0 : _a.options) {\n disabledIndices.push(i);\n }\n let label = (_c = (_b = options[i].label) != null ? _b : options[i].value) != null ? _c : \"\";\n let multiplierToUse = VIRTUAL_LIST_WIDTH_ESTIMATE_MULTIPLIER;\n if (label.length * VIRTUAL_LIST_WIDTH_ESTIMATE_MULTIPLIER < (((_d = options[i].description) == null ? void 0 : _d.length) || 0) * VIRTUAL_LIST_DESCRIPTION_WIDTH_ESTIMATE_MULTIPLIER) {\n label = options[i].description;\n multiplierToUse = VIRTUAL_LIST_DESCRIPTION_WIDTH_ESTIMATE_MULTIPLIER;\n }\n const widthEstimate = (options[i].isCustom ? label.length + 18 : label.length) * multiplierToUse + VIRTUAL_LIST_PADDING * 2;\n if (widthEstimate > maxOptionWidth) {\n maxOptionWidth = widthEstimate;\n }\n }\n listRef.current = [...listRefArr];\n disabledIndicesRef.current = [...disabledIndices];\n return maxOptionWidth;\n};\nconst nextInputTypeMap = {\n key: \"operator\",\n operator: \"value\",\n value: \"key\"\n};\nconst switchToNextInputType = (filterInputType, setInputType, handleChangeViewMode, element, shouldFocusOnPillWrapperOverride) => switchInputType(\n nextInputTypeMap[filterInputType],\n setInputType,\n filterInputType === \"value\" ? handleChangeViewMode : void 0,\n element,\n shouldFocusOnPillWrapperOverride\n);\nconst switchInputType = (filterInputType, setInputType, handleChangeViewMode, element, shouldFocusOnPillWrapperOverride) => {\n setInputType(filterInputType);\n handleChangeViewMode == null ? void 0 : handleChangeViewMode(void 0, shouldFocusOnPillWrapperOverride);\n setTimeout(() => element == null ? void 0 : element.focus());\n};\nconst generateFilterUpdatePayload = ({\n filterInputType,\n item,\n filter,\n setFilterMultiValues,\n onAddCustomValue\n}) => {\n var _a, _b, _c, _d, _e;\n if (filterInputType === \"key\") {\n return {\n key: item.value,\n keyLabel: item.label ? item.label : item.value,\n meta: item == null ? void 0 : item.meta\n };\n }\n if (filterInputType === \"value\") {\n if (item.isCustom && onAddCustomValue) {\n return onAddCustomValue(item, filter);\n }\n return {\n value: item.value,\n valueLabels: [item.label ? item.label : item.value]\n };\n }\n if (filterInputType === \"operator\") {\n if (isMultiValueOperator(filter.operator) && !isMultiValueOperator(item.value)) {\n setFilterMultiValues([]);\n return {\n operator: item.value,\n valueLabels: [((_a = filter.valueLabels) == null ? void 0 : _a[0]) || ((_b = filter.values) == null ? void 0 : _b[0]) || filter.value],\n values: void 0\n };\n }\n if (isMultiValueOperator(item.value) && !isMultiValueOperator(filter.operator)) {\n const valueLabels = [((_c = filter.valueLabels) == null ? void 0 : _c[0]) || ((_d = filter.values) == null ? void 0 : _d[0]) || filter.value];\n const values = [filter.value];\n if (values[0]) {\n setFilterMultiValues([\n {\n value: values[0],\n label: (_e = valueLabels == null ? void 0 : valueLabels[0]) != null ? _e : values[0]\n }\n ]);\n }\n return {\n operator: item.value,\n valueLabels,\n values\n };\n }\n }\n return {\n [filterInputType]: item.value\n };\n};\nconst INPUT_PLACEHOLDER = \"Filter by label values\";\nconst generatePlaceholder = (filter, filterInputType, isMultiValueEdit, isAlwaysWip) => {\n var _a;\n if (filterInputType === \"key\") {\n return INPUT_PLACEHOLDER;\n }\n if (filterInputType === \"value\") {\n if (isMultiValueEdit) {\n return \"Edit values\";\n }\n return ((_a = filter.valueLabels) == null ? void 0 : _a[0]) || \"\";\n }\n return filter[filterInputType] && !isAlwaysWip ? `${filter[filterInputType]}` : INPUT_PLACEHOLDER;\n};\nconst populateInputValueOnInputTypeSwitch = ({\n populateInputOnEdit,\n item,\n filterInputType,\n setInputValue,\n filter\n}) => {\n var _a, _b, _c;\n if (populateInputOnEdit && !isMultiValueOperator(item.value || \"\") && nextInputTypeMap[filterInputType] === \"value\") {\n setInputValue((_c = (_b = (_a = filter == null ? void 0 : filter.valueLabels) == null ? void 0 : _a[0]) != null ? _b : filter == null ? void 0 : filter.value) != null ? _c : \"\");\n } else {\n setInputValue(\"\");\n }\n};\n\nexport { ERROR_STATE_DROPDOWN_WIDTH, VIRTUAL_LIST_ITEM_HEIGHT, VIRTUAL_LIST_ITEM_HEIGHT_WITH_DESCRIPTION, VIRTUAL_LIST_OVERSCAN, flattenOptionGroups, generateFilterUpdatePayload, generatePlaceholder, populateInputValueOnInputTypeSwitch, setupDropdownAccessibility, switchInputType, switchToNextInputType };\n//# sourceMappingURL=utils.js.map\n","import { useFloating, autoUpdate, offset, flip, size, useRole, useDismiss, useListNavigation, useInteractions } from '@floating-ui/react';\n\nconst MAX_MENU_HEIGHT = 300;\nconst useFloatingInteractions = ({\n open,\n onOpenChange,\n activeIndex,\n setActiveIndex,\n outsidePressIdsToIgnore,\n listRef,\n disabledIndicesRef\n}) => {\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n open,\n onOpenChange,\n placement: \"bottom-start\",\n middleware: [\n offset(10),\n flip({ padding: 10 }),\n size({\n apply({ availableHeight, availableWidth, elements }) {\n elements.floating.style.maxHeight = `${Math.min(MAX_MENU_HEIGHT, availableHeight)}px`;\n elements.floating.style.maxWidth = `${availableWidth}px`;\n },\n padding: 10\n })\n ],\n strategy: \"fixed\"\n });\n const role = useRole(context, { role: \"listbox\" });\n const dismiss = useDismiss(context, {\n outsidePress: (event) => {\n var _a;\n if (event.currentTarget instanceof Element) {\n const target = event.currentTarget;\n let idToCompare = target.id;\n if (target.nodeName === \"path\") {\n idToCompare = ((_a = target.parentElement) == null ? void 0 : _a.id) || \"\";\n }\n if (outsidePressIdsToIgnore.includes(idToCompare)) {\n return false;\n }\n }\n return true;\n }\n });\n const listNav = useListNavigation(context, {\n listRef,\n activeIndex,\n onNavigate: setActiveIndex,\n virtual: true,\n loop: true,\n disabledIndices: disabledIndicesRef.current\n });\n const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([role, dismiss, listNav]);\n return {\n refs,\n floatingStyles,\n context,\n getReferenceProps,\n getFloatingProps,\n getItemProps\n };\n};\n\nexport { MAX_MENU_HEIGHT, useFloatingInteractions };\n//# sourceMappingURL=useFloatingInteractions.js.map\n","import { cx, css } from '@emotion/css';\nimport { useStyles2, Button, Icon } from '@grafana/ui';\nimport React, { useCallback } from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst MultiValuePill = ({\n item,\n handleRemoveMultiValue,\n index,\n handleEditMultiValuePill\n}) => {\n var _a, _b;\n const styles = useStyles2(getStyles);\n const editMultiValuePill = useCallback(\n (e) => {\n e.stopPropagation();\n e.preventDefault();\n handleEditMultiValuePill(item);\n },\n [handleEditMultiValuePill, item]\n );\n const editMultiValuePillWithKeyboard = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n editMultiValuePill(e);\n }\n },\n [editMultiValuePill]\n );\n const removePillHandler = useCallback(\n (e) => {\n e.stopPropagation();\n e.preventDefault();\n handleRemoveMultiValue(item);\n },\n [handleRemoveMultiValue, item]\n );\n const removePillHandlerWithKeyboard = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n removePillHandler(e);\n }\n },\n [removePillHandler]\n );\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(styles.basePill, styles.valuePill),\n onClick: editMultiValuePill,\n onKeyDown: editMultiValuePillWithKeyboard,\n tabIndex: 0,\n id: `${item.value}-${index}`\n }, (_a = item.label) != null ? _a : item.value, /* @__PURE__ */ React.createElement(Button, {\n onClick: removePillHandler,\n onKeyDownCapture: removePillHandlerWithKeyboard,\n fill: \"text\",\n size: \"sm\",\n variant: \"secondary\",\n className: styles.removeButton,\n tooltip: `Remove filter value - ${(_b = item.label) != null ? _b : item.value}`\n }, /* @__PURE__ */ React.createElement(Icon, {\n name: \"times\",\n size: \"md\",\n id: `${item.value}-${index}-close-icon`\n })));\n};\nconst getStyles = (theme) => ({\n basePill: css(__spreadProps(__spreadValues({\n display: \"flex\",\n alignItems: \"center\",\n background: theme.colors.action.disabledBackground,\n border: `1px solid ${theme.colors.border.weak}`,\n padding: theme.spacing(0.125, 1, 0.125, 1),\n color: theme.colors.text.primary,\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n minHeight: theme.spacing(2.75)\n }, theme.typography.bodySmall), {\n cursor: \"pointer\"\n })),\n valuePill: css({\n background: theme.colors.action.selected,\n padding: theme.spacing(0.125, 0, 0.125, 1)\n }),\n removeButton: css({\n marginInline: theme.spacing(0.5),\n height: \"100%\",\n padding: 0,\n cursor: \"pointer\",\n \"&:hover\": {\n color: theme.colors.text.primary\n }\n })\n});\n\nexport { MultiValuePill };\n//# sourceMappingURL=MultiValuePill.js.map\n","import React, { forwardRef, useState, useRef, useId, useMemo, useCallback, useImperativeHandle, useEffect, useLayoutEffect } from 'react';\nimport { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';\nimport { useStyles2, Spinner, Text } from '@grafana/ui';\nimport { cx, css } from '@emotion/css';\nimport { isMultiValueOperator } from '../AdHocFiltersVariable.js';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { LoadingOptionsPlaceholder, OptionsErrorPlaceholder, NoOptionsPlaceholder, DropdownItem, MultiValueApplyButton } from './DropdownItem.js';\nimport { flattenOptionGroups, setupDropdownAccessibility, VIRTUAL_LIST_ITEM_HEIGHT_WITH_DESCRIPTION, VIRTUAL_LIST_ITEM_HEIGHT, VIRTUAL_LIST_OVERSCAN, generateFilterUpdatePayload, populateInputValueOnInputTypeSwitch, switchToNextInputType, switchInputType, generatePlaceholder, ERROR_STATE_DROPDOWN_WIDTH } from './utils.js';\nimport { handleOptionGroups } from '../../utils.js';\nimport { useFloatingInteractions, MAX_MENU_HEIGHT } from './useFloatingInteractions.js';\nimport { MultiValuePill } from './MultiValuePill.js';\nimport { getAdhocOptionSearcher } from '../getAdhocOptionSearcher.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst AdHocCombobox = forwardRef(function AdHocCombobox2({ filter, model, isAlwaysWip, handleChangeViewMode, focusOnWipInputRef, populateInputOnEdit }, parentRef) {\n var _a, _b, _c, _d;\n const [open, setOpen] = useState(false);\n const [options, setOptions] = useState([]);\n const [optionsLoading, setOptionsLoading] = useState(false);\n const [optionsError, setOptionsError] = useState(false);\n const [inputValue, setInputValue] = useState(\"\");\n const [activeIndex, setActiveIndex] = useState(null);\n const [filterInputType, setInputType] = useState(!isAlwaysWip ? \"value\" : \"key\");\n const [preventFiltering, setPreventFiltering] = useState(!isAlwaysWip && filterInputType === \"value\");\n const styles = useStyles2(getStyles);\n const [filterMultiValues, setFilterMultiValues] = useState([]);\n const [_, setForceRefresh] = useState({});\n const allowCustomValue = (_a = model.state.allowCustomValue) != null ? _a : true;\n const multiValuePillWrapperRef = useRef(null);\n const hasMultiValueOperator = isMultiValueOperator((filter == null ? void 0 : filter.operator) || \"\");\n const isMultiValueEdit = hasMultiValueOperator && filterInputType === \"value\";\n const operatorIdentifier = useId();\n const listRef = useRef([]);\n const disabledIndicesRef = useRef([]);\n const filterInputTypeRef = useRef(!isAlwaysWip ? \"value\" : \"key\");\n const optionsSearcher = useMemo(() => getAdhocOptionSearcher(options), [options]);\n const isLastFilter = useMemo(() => {\n if (isAlwaysWip) {\n return false;\n }\n if (model.state.filters.at(-1) === filter) {\n return true;\n }\n return false;\n }, [filter, isAlwaysWip, model.state.filters]);\n const handleResetWip = useCallback(() => {\n if (isAlwaysWip) {\n model._addWip();\n setInputType(\"key\");\n setInputValue(\"\");\n }\n }, [model, isAlwaysWip]);\n const handleMultiValueFilterCommit = useCallback(\n (model2, filter2, filterMultiValues2, preventFocus) => {\n if (filterMultiValues2.length) {\n const valueLabels = [];\n const values = [];\n filterMultiValues2.forEach((item) => {\n var _a2;\n valueLabels.push((_a2 = item.label) != null ? _a2 : item.value);\n values.push(item.value);\n });\n model2._updateFilter(filter2, { valueLabels, values, value: values[0] });\n setFilterMultiValues([]);\n }\n if (!preventFocus) {\n setTimeout(() => {\n var _a2;\n return (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();\n });\n }\n },\n []\n );\n const handleLocalMultiValueChange = useCallback((selectedItem) => {\n setFilterMultiValues((items) => {\n if (items.some((item) => item.value === selectedItem.value)) {\n return items.filter((item) => item.value !== selectedItem.value);\n }\n return [...items, selectedItem];\n });\n }, []);\n const onOpenChange = useCallback(\n (nextOpen, _2, reason) => {\n setOpen(nextOpen);\n if (reason && [\"outside-press\", \"escape-key\"].includes(reason)) {\n if (isMultiValueEdit) {\n handleMultiValueFilterCommit(model, filter, filterMultiValues);\n }\n handleResetWip();\n handleChangeViewMode == null ? void 0 : handleChangeViewMode();\n }\n },\n [\n filter,\n filterMultiValues,\n handleChangeViewMode,\n handleMultiValueFilterCommit,\n handleResetWip,\n isMultiValueEdit,\n model\n ]\n );\n const outsidePressIdsToIgnore = useMemo(() => {\n return [\n operatorIdentifier,\n ...filterMultiValues.reduce(\n (acc, item, i) => [...acc, `${item.value}-${i}`, `${item.value}-${i}-close-icon`],\n []\n )\n ];\n }, [operatorIdentifier, filterMultiValues]);\n const { refs, floatingStyles, context, getReferenceProps, getFloatingProps, getItemProps } = useFloatingInteractions({\n open,\n onOpenChange,\n activeIndex,\n setActiveIndex,\n outsidePressIdsToIgnore,\n listRef,\n disabledIndicesRef\n });\n useImperativeHandle(parentRef, () => () => {\n var _a2;\n return (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();\n }, [refs.domReference]);\n function onChange(event) {\n const value = event.target.value;\n setInputValue(value);\n setActiveIndex(0);\n if (preventFiltering) {\n setPreventFiltering(false);\n }\n }\n const handleRemoveMultiValue = useCallback(\n (item) => {\n setFilterMultiValues((selected) => selected.filter((option) => option.value !== item.value));\n setTimeout(() => {\n var _a2;\n return (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();\n });\n },\n [refs.domReference]\n );\n const filteredDropDownItems = flattenOptionGroups(\n handleOptionGroups(optionsSearcher(preventFiltering ? \"\" : inputValue))\n );\n if (allowCustomValue && filterInputType !== \"operator\" && inputValue) {\n filteredDropDownItems.push({\n value: inputValue.trim(),\n label: inputValue.trim(),\n isCustom: true\n });\n }\n const onAddCustomValue = model.state.onAddCustomValue;\n const maxOptionWidth = setupDropdownAccessibility(filteredDropDownItems, listRef, disabledIndicesRef);\n const handleFetchOptions = useCallback(\n async (inputType) => {\n var _a2;\n setOptionsError(false);\n setOptionsLoading(true);\n setOptions([]);\n let options2 = [];\n try {\n if (inputType === \"key\") {\n options2 = await model._getKeys(null);\n } else if (inputType === \"operator\") {\n options2 = model._getOperators();\n } else if (inputType === \"value\") {\n options2 = await model._getValuesFor(filter);\n }\n if (filterInputTypeRef.current !== inputType) {\n return;\n }\n setOptions(options2);\n if ((_a2 = options2[0]) == null ? void 0 : _a2.group) {\n setActiveIndex(1);\n } else {\n setActiveIndex(0);\n }\n } catch (e) {\n setOptionsError(true);\n }\n setOptionsLoading(false);\n },\n [filter, model]\n );\n const rowVirtualizer = useVirtualizer({\n count: filteredDropDownItems.length,\n getScrollElement: () => refs.floating.current,\n estimateSize: (index) => filteredDropDownItems[index].description ? VIRTUAL_LIST_ITEM_HEIGHT_WITH_DESCRIPTION : VIRTUAL_LIST_ITEM_HEIGHT,\n overscan: VIRTUAL_LIST_OVERSCAN\n });\n const handleBackspaceInput = useCallback(\n (event, multiValueEdit) => {\n if (event.key === \"Backspace\" && !inputValue) {\n if (filterInputType === \"value\") {\n if (multiValueEdit) {\n if (filterMultiValues.length) {\n setFilterMultiValues((items) => {\n const updated = [...items];\n updated.splice(-1, 1);\n return updated;\n });\n return;\n }\n }\n setInputType(\"operator\");\n return;\n }\n focusOnWipInputRef == null ? void 0 : focusOnWipInputRef();\n model._handleComboboxBackspace(filter);\n if (isAlwaysWip) {\n handleResetWip();\n }\n }\n },\n [\n inputValue,\n filterInputType,\n model,\n filter,\n isAlwaysWip,\n filterMultiValues.length,\n handleResetWip,\n focusOnWipInputRef\n ]\n );\n const handleTabInput = useCallback(\n (event, multiValueEdit) => {\n var _a2;\n if (event.key === \"Tab\" && !event.shiftKey) {\n if (multiValueEdit) {\n event.preventDefault();\n handleMultiValueFilterCommit(model, filter, filterMultiValues);\n (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();\n }\n handleChangeViewMode == null ? void 0 : handleChangeViewMode();\n handleResetWip();\n }\n },\n [\n filter,\n filterMultiValues,\n handleChangeViewMode,\n handleMultiValueFilterCommit,\n handleResetWip,\n model,\n refs.domReference\n ]\n );\n const handleShiftTabInput = useCallback(\n (event, multiValueEdit) => {\n if (event.key === \"Tab\" && event.shiftKey) {\n if (multiValueEdit) {\n event.preventDefault();\n handleMultiValueFilterCommit(model, filter, filterMultiValues, true);\n }\n handleChangeViewMode == null ? void 0 : handleChangeViewMode();\n handleResetWip();\n }\n },\n [filter, filterMultiValues, handleChangeViewMode, handleMultiValueFilterCommit, handleResetWip, model]\n );\n const handleEnterInput = useCallback(\n (event, multiValueEdit) => {\n if (event.key === \"Enter\" && activeIndex != null) {\n if (!filteredDropDownItems[activeIndex]) {\n return;\n }\n const selectedItem = filteredDropDownItems[activeIndex];\n if (multiValueEdit) {\n handleLocalMultiValueChange(selectedItem);\n setInputValue(\"\");\n } else {\n model._updateFilter(\n filter,\n generateFilterUpdatePayload({\n filterInputType,\n item: selectedItem,\n filter,\n setFilterMultiValues,\n onAddCustomValue\n })\n );\n populateInputValueOnInputTypeSwitch({\n populateInputOnEdit,\n item: selectedItem,\n filterInputType,\n setInputValue,\n filter\n });\n switchToNextInputType(\n filterInputType,\n setInputType,\n handleChangeViewMode,\n refs.domReference.current,\n isLastFilter ? false : void 0\n );\n setActiveIndex(null);\n if (isLastFilter) {\n focusOnWipInputRef == null ? void 0 : focusOnWipInputRef();\n }\n }\n }\n },\n [\n activeIndex,\n filteredDropDownItems,\n handleLocalMultiValueChange,\n model,\n filter,\n filterInputType,\n populateInputOnEdit,\n handleChangeViewMode,\n refs.domReference,\n isLastFilter,\n focusOnWipInputRef,\n onAddCustomValue\n ]\n );\n const handleEditMultiValuePill = useCallback(\n (value) => {\n var _a2;\n const valueLabel = value.label || value.value;\n setFilterMultiValues((prev) => prev.filter((item) => item.value !== value.value));\n setPreventFiltering(true);\n setInputValue(valueLabel);\n (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();\n setTimeout(() => {\n var _a3;\n (_a3 = refs.domReference.current) == null ? void 0 : _a3.select();\n });\n },\n [refs.domReference]\n );\n useEffect(() => {\n if (open) {\n handleFetchOptions(filterInputType);\n }\n }, [open, filterInputType]);\n useEffect(() => {\n var _a2, _b2, _c2, _d2;\n if (!isAlwaysWip) {\n if (hasMultiValueOperator && ((_a2 = filter == null ? void 0 : filter.values) == null ? void 0 : _a2.length)) {\n const multiValueOptions = filter.values.reduce(\n (acc, value, i) => {\n var _a3;\n return [\n ...acc,\n {\n label: ((_a3 = filter.valueLabels) == null ? void 0 : _a3[i]) || value,\n value\n }\n ];\n },\n []\n );\n setFilterMultiValues(multiValueOptions);\n }\n if (!hasMultiValueOperator && populateInputOnEdit) {\n setInputValue((_c2 = (_b2 = filter == null ? void 0 : filter.valueLabels) == null ? void 0 : _b2[0]) != null ? _c2 : (filter == null ? void 0 : filter.value) || \"\");\n setTimeout(() => {\n var _a3;\n (_a3 = refs.domReference.current) == null ? void 0 : _a3.select();\n });\n }\n (_d2 = refs.domReference.current) == null ? void 0 : _d2.focus();\n }\n }, []);\n useEffect(() => {\n if (isMultiValueEdit && filterMultiValues) {\n setTimeout(() => setForceRefresh({}));\n }\n }, [filterMultiValues, isMultiValueEdit]);\n useLayoutEffect(() => {\n if (filterInputTypeRef.current) {\n filterInputTypeRef.current = filterInputType;\n }\n }, [filterInputType]);\n useLayoutEffect(() => {\n var _a2, _b2;\n if (activeIndex !== null && rowVirtualizer.range && (activeIndex > ((_a2 = rowVirtualizer.range) == null ? void 0 : _a2.endIndex) || activeIndex < ((_b2 = rowVirtualizer.range) == null ? void 0 : _b2.startIndex))) {\n rowVirtualizer.scrollToIndex(activeIndex);\n }\n }, [activeIndex, rowVirtualizer]);\n const keyLabel = (_b = filter == null ? void 0 : filter.keyLabel) != null ? _b : filter == null ? void 0 : filter.key;\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.comboboxWrapper\n }, filter ? /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.pillWrapper\n }, (filter == null ? void 0 : filter.key) ? /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(styles.basePill, styles.keyPill)\n }, keyLabel) : null, (filter == null ? void 0 : filter.key) && (filter == null ? void 0 : filter.operator) && filterInputType !== \"operator\" ? /* @__PURE__ */ React.createElement(\"div\", {\n id: operatorIdentifier,\n className: cx(styles.basePill, styles.operatorPill, operatorIdentifier),\n role: \"button\",\n \"aria-label\": \"Edit filter operator\",\n tabIndex: 0,\n onClick: (event) => {\n event.stopPropagation();\n setInputValue(\"\");\n switchInputType(\"operator\", setInputType, void 0, refs.domReference.current);\n },\n onKeyDown: (event) => {\n handleShiftTabInput(event, hasMultiValueOperator);\n if (event.key === \"Enter\") {\n setInputValue(\"\");\n switchInputType(\"operator\", setInputType, void 0, refs.domReference.current);\n }\n }\n }, filter.operator) : null, /* @__PURE__ */ React.createElement(\"div\", {\n ref: multiValuePillWrapperRef\n }), isMultiValueEdit ? filterMultiValues.map((item, i) => /* @__PURE__ */ React.createElement(MultiValuePill, {\n key: `${item.value}-${i}`,\n item,\n index: i,\n handleRemoveMultiValue,\n handleEditMultiValuePill\n })) : null) : null, /* @__PURE__ */ React.createElement(\"input\", __spreadProps(__spreadValues({}, getReferenceProps({\n ref: refs.setReference,\n onChange,\n value: inputValue,\n placeholder: generatePlaceholder(filter, filterInputType, isMultiValueEdit, isAlwaysWip),\n \"aria-autocomplete\": \"list\",\n onKeyDown(event) {\n if (!open) {\n setOpen(true);\n return;\n }\n if (filterInputType === \"operator\") {\n handleShiftTabInput(event);\n }\n handleBackspaceInput(event, isMultiValueEdit);\n handleTabInput(event, isMultiValueEdit);\n handleEnterInput(event, isMultiValueEdit);\n }\n })), {\n className: cx(styles.inputStyle, { [styles.loadingInputPadding]: !optionsLoading }),\n onClick: (event) => {\n event.stopPropagation();\n setOpen(true);\n },\n onFocus: () => {\n setOpen(true);\n }\n })), optionsLoading ? /* @__PURE__ */ React.createElement(Spinner, {\n className: styles.loadingIndicator,\n inline: true\n }) : null, /* @__PURE__ */ React.createElement(FloatingPortal, null, open && /* @__PURE__ */ React.createElement(FloatingFocusManager, {\n context,\n initialFocus: -1,\n visuallyHiddenDismiss: true,\n modal: false\n }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"div\", {\n style: __spreadProps(__spreadValues({}, floatingStyles), {\n width: `${optionsError ? ERROR_STATE_DROPDOWN_WIDTH : maxOptionWidth}px`,\n transform: isMultiValueEdit ? `translate(${((_c = multiValuePillWrapperRef.current) == null ? void 0 : _c.getBoundingClientRect().left) || 0}px, ${(((_d = refs.domReference.current) == null ? void 0 : _d.getBoundingClientRect().bottom) || 0) + 10}px )` : floatingStyles.transform\n }),\n ref: refs.setFloating,\n className: styles.dropdownWrapper,\n tabIndex: -1\n }, /* @__PURE__ */ React.createElement(\"div\", __spreadProps(__spreadValues({\n style: {\n height: `${rowVirtualizer.getTotalSize() || VIRTUAL_LIST_ITEM_HEIGHT}px`\n }\n }, getFloatingProps()), {\n tabIndex: -1\n }), optionsLoading ? /* @__PURE__ */ React.createElement(LoadingOptionsPlaceholder, null) : optionsError ? /* @__PURE__ */ React.createElement(OptionsErrorPlaceholder, {\n handleFetchOptions: () => handleFetchOptions(filterInputType)\n }) : !filteredDropDownItems.length && (!allowCustomValue || filterInputType === \"operator\" || !inputValue) ? /* @__PURE__ */ React.createElement(NoOptionsPlaceholder, null) : rowVirtualizer.getVirtualItems().map((virtualItem) => {\n var _a2;\n const item = filteredDropDownItems[virtualItem.index];\n const index = virtualItem.index;\n if (item.options) {\n return /* @__PURE__ */ React.createElement(\"div\", {\n key: `${item.label}+${index}`,\n className: cx(styles.optionGroupLabel, styles.groupTopBorder),\n style: {\n height: `${virtualItem.size}px`,\n transform: `translateY(${virtualItem.start}px)`\n }\n }, /* @__PURE__ */ React.createElement(Text, {\n weight: \"bold\",\n variant: \"bodySmall\",\n color: \"secondary\"\n }, item.label));\n }\n const nextItem = filteredDropDownItems[virtualItem.index + 1];\n const shouldAddBottomBorder = nextItem && !nextItem.group && !nextItem.options && item.group;\n return /* @__PURE__ */ React.createElement(DropdownItem, __spreadProps(__spreadValues({}, getItemProps({\n key: `${item.value}-${index}`,\n ref(node) {\n listRef.current[index] = node;\n },\n onClick(event) {\n var _a3;\n if (filterInputType !== \"value\") {\n event.stopPropagation();\n }\n if (isMultiValueEdit) {\n event.preventDefault();\n event.stopPropagation();\n handleLocalMultiValueChange(item);\n setInputValue(\"\");\n (_a3 = refs.domReference.current) == null ? void 0 : _a3.focus();\n } else {\n model._updateFilter(\n filter,\n generateFilterUpdatePayload({\n filterInputType,\n item,\n filter,\n setFilterMultiValues,\n onAddCustomValue\n })\n );\n populateInputValueOnInputTypeSwitch({\n populateInputOnEdit,\n item,\n filterInputType,\n setInputValue,\n filter\n });\n switchToNextInputType(\n filterInputType,\n setInputType,\n handleChangeViewMode,\n refs.domReference.current,\n false\n );\n }\n }\n })), {\n active: activeIndex === index,\n addGroupBottomBorder: shouldAddBottomBorder,\n style: {\n height: `${virtualItem.size}px`,\n transform: `translateY(${virtualItem.start}px)`\n },\n \"aria-setsize\": filteredDropDownItems.length,\n \"aria-posinset\": virtualItem.index + 1,\n isMultiValueEdit,\n checked: filterMultiValues.some((val) => val.value === item.value)\n }), /* @__PURE__ */ React.createElement(\"span\", null, item.isCustom ? \"Use custom value: \" : \"\", \" \", (_a2 = item.label) != null ? _a2 : item.value), item.description ? /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.descriptionText\n }, item.description) : null);\n }))), isMultiValueEdit && !optionsLoading && !optionsError && filteredDropDownItems.length ? /* @__PURE__ */ React.createElement(MultiValueApplyButton, {\n onApply: () => {\n handleMultiValueFilterCommit(model, filter, filterMultiValues);\n },\n floatingElement: refs.floating.current,\n maxOptionWidth,\n menuHeight: Math.min(rowVirtualizer.getTotalSize(), MAX_MENU_HEIGHT)\n }) : null))));\n});\nconst getStyles = (theme) => ({\n comboboxWrapper: css({\n display: \"flex\",\n flexWrap: \"wrap\"\n }),\n pillWrapper: css({\n display: \"flex\",\n alignItems: \"center\",\n flexWrap: \"wrap\"\n }),\n basePill: css(__spreadProps(__spreadValues({\n display: \"flex\",\n alignItems: \"center\",\n background: theme.colors.action.disabledBackground,\n border: `1px solid ${theme.colors.border.weak}`,\n padding: theme.spacing(0.125, 1, 0.125, 1),\n color: theme.colors.text.primary,\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n minHeight: theme.spacing(2.75)\n }, theme.typography.bodySmall), {\n cursor: \"pointer\"\n })),\n keyPill: css({\n fontWeight: theme.typography.fontWeightBold,\n cursor: \"default\"\n }),\n operatorPill: css({\n \"&:hover\": {\n background: theme.colors.action.hover\n }\n }),\n dropdownWrapper: css({\n backgroundColor: theme.colors.background.primary,\n color: theme.colors.text.primary,\n boxShadow: theme.shadows.z2,\n overflowY: \"auto\",\n zIndex: theme.zIndex.dropdown\n }),\n inputStyle: css({\n paddingBlock: 0,\n \"&:focus\": {\n outline: \"none\"\n }\n }),\n loadingIndicator: css({\n color: theme.colors.text.secondary,\n marginLeft: theme.spacing(0.5)\n }),\n loadingInputPadding: css({\n paddingRight: theme.spacing(2.5)\n }),\n optionGroupLabel: css({\n padding: theme.spacing(1),\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\"\n }),\n groupTopBorder: css({\n \"&:not(:first-child)\": {\n borderTop: `1px solid ${theme.colors.border.weak}`\n }\n }),\n descriptionText: css(__spreadProps(__spreadValues({}, theme.typography.bodySmall), {\n color: theme.colors.text.secondary,\n paddingTop: theme.spacing(0.5)\n }))\n});\n\nexport { AdHocCombobox };\n//# sourceMappingURL=AdHocFiltersCombobox.js.map\n","import { cx, css } from '@emotion/css';\nimport { useStyles2, Tooltip, IconButton } from '@grafana/ui';\nimport React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { AdHocCombobox } from './AdHocFiltersCombobox.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst LABEL_MAX_VISIBLE_LENGTH = 20;\nfunction AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {\n var _a, _b, _c;\n const styles = useStyles2(getStyles);\n const [viewMode, setViewMode] = useState(true);\n const [shouldFocusOnPillWrapper, setShouldFocusOnPillWrapper] = useState(false);\n const pillWrapperRef = useRef(null);\n const [populateInputOnEdit, setPopulateInputOnEdit] = useState(false);\n const keyLabel = (_a = filter.keyLabel) != null ? _a : filter.key;\n const valueLabel = ((_b = filter.valueLabels) == null ? void 0 : _b.join(\", \")) || ((_c = filter.values) == null ? void 0 : _c.join(\", \")) || filter.value;\n const handleChangeViewMode = useCallback(\n (event, shouldFocusOnPillWrapperOverride) => {\n event == null ? void 0 : event.stopPropagation();\n if (readOnly || filter.origin) {\n return;\n }\n setShouldFocusOnPillWrapper(shouldFocusOnPillWrapperOverride != null ? shouldFocusOnPillWrapperOverride : !viewMode);\n setViewMode(!viewMode);\n },\n [readOnly, viewMode, filter.origin]\n );\n useEffect(() => {\n var _a2;\n if (shouldFocusOnPillWrapper) {\n (_a2 = pillWrapperRef.current) == null ? void 0 : _a2.focus();\n setShouldFocusOnPillWrapper(false);\n }\n }, [shouldFocusOnPillWrapper]);\n useEffect(() => {\n if (filter.forceEdit && viewMode) {\n setViewMode(false);\n model._updateFilter(filter, { forceEdit: void 0 });\n }\n }, [filter, model, viewMode]);\n useEffect(() => {\n if (viewMode) {\n setPopulateInputOnEdit((prevValue) => prevValue ? false : prevValue);\n }\n }, [viewMode]);\n if (viewMode) {\n const pillText = /* @__PURE__ */ React.createElement(\"span\", {\n className: styles.pillText\n }, keyLabel, \" \", filter.operator, \" \", valueLabel);\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(styles.combinedFilterPill, readOnly && styles.readOnlyCombinedFilter),\n onClick: (e) => {\n e.stopPropagation();\n setPopulateInputOnEdit(true);\n handleChangeViewMode();\n },\n onKeyDown: (e) => {\n if (e.key === \"Enter\") {\n setPopulateInputOnEdit(true);\n handleChangeViewMode();\n }\n },\n role: \"button\",\n \"aria-label\": `Edit filter with key ${keyLabel}`,\n tabIndex: 0,\n ref: pillWrapperRef\n }, valueLabel.length < LABEL_MAX_VISIBLE_LENGTH ? pillText : /* @__PURE__ */ React.createElement(Tooltip, {\n content: /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.tooltipText\n }, valueLabel),\n placement: \"top\"\n }, pillText), !readOnly && !filter.origin ? /* @__PURE__ */ React.createElement(IconButton, {\n onClick: (e) => {\n e.stopPropagation();\n model._removeFilter(filter);\n setTimeout(() => focusOnWipInputRef == null ? void 0 : focusOnWipInputRef());\n },\n onKeyDownCapture: (e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n e.stopPropagation();\n model._removeFilter(filter);\n setTimeout(() => focusOnWipInputRef == null ? void 0 : focusOnWipInputRef());\n }\n },\n name: \"times\",\n size: \"md\",\n className: styles.pillIcon,\n tooltip: `Remove filter with key ${keyLabel}`\n }) : null, filter.origin && /* @__PURE__ */ React.createElement(IconButton, {\n name: \"info-circle\",\n size: \"md\",\n className: styles.pillIcon,\n tooltip: `This is a ${filter.origin} injected filter`\n }));\n }\n return /* @__PURE__ */ React.createElement(AdHocCombobox, {\n filter,\n model,\n handleChangeViewMode,\n focusOnWipInputRef,\n populateInputOnEdit\n });\n}\nconst getStyles = (theme) => ({\n combinedFilterPill: css(__spreadProps(__spreadValues({\n display: \"flex\",\n alignItems: \"center\",\n background: theme.colors.action.selected,\n borderRadius: theme.shape.radius.default,\n border: `1px solid ${theme.colors.border.weak}`,\n padding: theme.spacing(0.125, 0, 0.125, 1),\n color: theme.colors.text.primary,\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n minHeight: theme.spacing(2.75)\n }, theme.typography.bodySmall), {\n fontWeight: theme.typography.fontWeightBold,\n cursor: \"pointer\",\n \"&:hover\": {\n background: theme.colors.action.hover\n }\n })),\n readOnlyCombinedFilter: css({\n paddingRight: theme.spacing(1),\n cursor: \"text\",\n \"&:hover\": {\n background: theme.colors.action.selected\n }\n }),\n pillIcon: css({\n marginInline: theme.spacing(0.5),\n cursor: \"pointer\",\n \"&:hover\": {\n color: theme.colors.text.primary\n }\n }),\n pillText: css({\n maxWidth: \"200px\",\n width: \"100%\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\"\n }),\n tooltipText: css({\n textAlign: \"center\"\n })\n});\n\nexport { AdHocFilterPill };\n//# sourceMappingURL=AdHocFilterPill.js.map\n","import React, { forwardRef, useLayoutEffect } from 'react';\nimport { AdHocCombobox } from './AdHocFiltersCombobox.js';\n\nconst AdHocFiltersAlwaysWipCombobox = forwardRef(function AdHocFiltersAlwaysWipCombobox2({ model }, parentRef) {\n const { _wip } = model.useState();\n useLayoutEffect(() => {\n if (!_wip) {\n model._addWip();\n }\n }, [_wip]);\n return /* @__PURE__ */ React.createElement(AdHocCombobox, {\n model,\n filter: _wip,\n isAlwaysWip: true,\n ref: parentRef\n });\n});\n\nexport { AdHocFiltersAlwaysWipCombobox };\n//# sourceMappingURL=AdHocFiltersAlwaysWipCombobox.js.map\n","import { cx, css } from '@emotion/css';\nimport { useStyles2, Icon } from '@grafana/ui';\nimport React, { memo, useRef } from 'react';\nimport { AdHocFilterPill } from './AdHocFilterPill.js';\nimport { AdHocFiltersAlwaysWipCombobox } from './AdHocFiltersAlwaysWipCombobox.js';\n\nconst AdHocFiltersComboboxRenderer = memo(function AdHocFiltersComboboxRenderer2({ model }) {\n const { baseFilters, filters, readOnly } = model.useState();\n const styles = useStyles2(getStyles);\n const focusOnWipInputRef = useRef();\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(styles.comboboxWrapper, { [styles.comboboxFocusOutline]: !readOnly }),\n onClick: () => {\n var _a;\n (_a = focusOnWipInputRef.current) == null ? void 0 : _a.call(focusOnWipInputRef);\n }\n }, /* @__PURE__ */ React.createElement(Icon, {\n name: \"filter\",\n className: styles.filterIcon,\n size: \"lg\"\n }), baseFilters == null ? void 0 : baseFilters.map(\n (filter, index) => filter.origin ? /* @__PURE__ */ React.createElement(AdHocFilterPill, {\n key: `${index}-${filter.key}`,\n filter,\n model,\n focusOnWipInputRef: focusOnWipInputRef.current\n }) : null\n ), filters.map((filter, index) => /* @__PURE__ */ React.createElement(AdHocFilterPill, {\n key: `${index}-${filter.key}`,\n filter,\n model,\n readOnly,\n focusOnWipInputRef: focusOnWipInputRef.current\n })), !readOnly ? /* @__PURE__ */ React.createElement(AdHocFiltersAlwaysWipCombobox, {\n model,\n ref: focusOnWipInputRef\n }) : null);\n});\nconst getStyles = (theme) => ({\n comboboxWrapper: css({\n display: \"flex\",\n flexWrap: \"wrap\",\n alignItems: \"center\",\n columnGap: theme.spacing(1),\n rowGap: theme.spacing(0.5),\n minHeight: theme.spacing(4),\n backgroundColor: theme.components.input.background,\n border: `1px solid ${theme.colors.border.strong}`,\n borderRadius: theme.shape.radius.default,\n paddingInline: theme.spacing(1),\n paddingBlock: theme.spacing(0.5),\n flexGrow: 1\n }),\n comboboxFocusOutline: css({\n \"&:focus-within\": {\n outline: \"2px dotted transparent\",\n outlineOffset: \"2px\",\n boxShadow: `0 0 0 2px ${theme.colors.background.canvas}, 0 0 0px 4px ${theme.colors.primary.main}`,\n transitionTimingFunction: `cubic-bezier(0.19, 1, 0.22, 1)`,\n transitionDuration: \"0.2s\",\n transitionProperty: \"outline, outline-offset, box-shadow\",\n zIndex: 2\n }\n }),\n filterIcon: css({\n color: theme.colors.text.secondary,\n alignSelf: \"center\"\n })\n});\n\nexport { AdHocFiltersComboboxRenderer };\n//# sourceMappingURL=AdHocFiltersComboboxRenderer.js.map\n","import React from 'react';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { SceneVariableValueChangedEvent } from '../types.js';\nimport { dataFromResponse, getQueriesForVariables, responseHasError, renderPrometheusLabelFilters } from '../utils.js';\nimport { patchGetAdhocFilters } from './patchGetAdhocFilters.js';\nimport { useStyles2 } from '@grafana/ui';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { AdHocFilterBuilder } from './AdHocFilterBuilder.js';\nimport { AdHocFilterRenderer } from './AdHocFilterRenderer.js';\nimport { getDataSourceSrv } from '@grafana/runtime';\nimport { AdHocFiltersVariableUrlSyncHandler } from './AdHocFiltersVariableUrlSyncHandler.js';\nimport { css } from '@emotion/css';\nimport { getEnrichedFiltersRequest } from '../getEnrichedFiltersRequest.js';\nimport { AdHocFiltersComboboxRenderer } from './AdHocFiltersCombobox/AdHocFiltersComboboxRenderer.js';\nimport { wrapInSafeSerializableSceneObject } from '../../utils/wrapInSafeSerializableSceneObject.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar FilterOrigin = /* @__PURE__ */ ((FilterOrigin2) => {\n FilterOrigin2[\"Scopes\"] = \"scopes\";\n FilterOrigin2[\"Dashboards\"] = \"dashboards\";\n return FilterOrigin2;\n})(FilterOrigin || {});\nconst OPERATORS = [\n {\n value: \"=\",\n description: \"Equals\"\n },\n {\n value: \"!=\",\n description: \"Not equal\"\n },\n {\n value: \"=|\",\n description: \"One of. Use to filter on multiple values.\",\n isMulti: true\n },\n {\n value: \"!=|\",\n description: \"Not one of. Use to exclude multiple values.\",\n isMulti: true\n },\n {\n value: \"=~\",\n description: \"Matches regex\",\n isRegex: true\n },\n {\n value: \"!~\",\n description: \"Does not match regex\",\n isRegex: true\n },\n {\n value: \"<\",\n description: \"Less than\"\n },\n {\n value: \">\",\n description: \"Greater than\"\n }\n];\nclass AdHocFiltersVariable extends SceneObjectBase {\n constructor(state) {\n var _a, _b;\n super(__spreadValues({\n type: \"adhoc\",\n name: (_a = state.name) != null ? _a : \"Filters\",\n filters: [],\n datasource: null,\n applyMode: \"auto\",\n filterExpression: (_b = state.filterExpression) != null ? _b : renderExpression(state.expressionBuilder, state.filters)\n }, state));\n this._scopedVars = { __sceneObject: wrapInSafeSerializableSceneObject(this) };\n this._dataSourceSrv = getDataSourceSrv();\n this._urlSync = new AdHocFiltersVariableUrlSyncHandler(this);\n if (this.state.applyMode === \"auto\") {\n patchGetAdhocFilters(this);\n }\n }\n setState(update) {\n let filterExpressionChanged = false;\n if (update.filters && update.filters !== this.state.filters && !update.filterExpression) {\n update.filterExpression = renderExpression(this.state.expressionBuilder, update.filters);\n filterExpressionChanged = update.filterExpression !== this.state.filterExpression;\n }\n super.setState(update);\n if (filterExpressionChanged) {\n this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n }\n }\n updateFilters(filters, options) {\n let filterExpressionChanged = false;\n let filterExpression = void 0;\n if (filters && filters !== this.state.filters) {\n filterExpression = renderExpression(this.state.expressionBuilder, filters);\n filterExpressionChanged = filterExpression !== this.state.filterExpression;\n }\n super.setState({\n filters,\n filterExpression\n });\n if (filterExpressionChanged && (options == null ? void 0 : options.skipPublish) !== true || (options == null ? void 0 : options.forcePublish)) {\n this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n }\n }\n getValue() {\n return this.state.filterExpression;\n }\n _updateFilter(filter, update) {\n const { filters, _wip } = this.state;\n if (filter === _wip) {\n if (\"value\" in update && update[\"value\"] !== \"\") {\n this.setState({ filters: [...filters, __spreadValues(__spreadValues({}, _wip), update)], _wip: void 0 });\n } else {\n this.setState({ _wip: __spreadValues(__spreadValues({}, filter), update) });\n }\n return;\n }\n const updatedFilters = this.state.filters.map((f) => {\n return f === filter ? __spreadValues(__spreadValues({}, f), update) : f;\n });\n this.setState({ filters: updatedFilters });\n }\n _removeFilter(filter) {\n if (filter === this.state._wip) {\n this.setState({ _wip: void 0 });\n return;\n }\n this.setState({ filters: this.state.filters.filter((f) => f !== filter) });\n }\n _removeLastFilter() {\n const filterToRemove = this.state.filters.at(-1);\n if (filterToRemove) {\n this._removeFilter(filterToRemove);\n }\n }\n _handleComboboxBackspace(filter) {\n if (this.state.filters.length) {\n let filterToForceIndex = this.state.filters.length - 1;\n if (filter !== this.state._wip) {\n filterToForceIndex = -1;\n }\n this.setState({\n filters: this.state.filters.reduce((acc, f, index) => {\n if (index === filterToForceIndex) {\n return [\n ...acc,\n __spreadProps(__spreadValues({}, f), {\n forceEdit: true\n })\n ];\n }\n if (f === filter) {\n return acc;\n }\n return [...acc, f];\n }, [])\n });\n }\n }\n async _getKeys(currentKey) {\n var _a, _b, _c;\n const override = await ((_b = (_a = this.state).getTagKeysProvider) == null ? void 0 : _b.call(_a, this, currentKey));\n if (override && override.replace) {\n return dataFromResponse(override.values).map(toSelectableValue);\n }\n if (this.state.defaultKeys) {\n return this.state.defaultKeys.map(toSelectableValue);\n }\n const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);\n if (!ds || !ds.getTagKeys) {\n return [];\n }\n const otherFilters = this.state.filters.filter((f) => f.key !== currentKey).concat((_c = this.state.baseFilters) != null ? _c : []);\n const timeRange = sceneGraph.getTimeRange(this).state.value;\n const queries = this.state.useQueriesAsFilterForOptions ? getQueriesForVariables(this) : void 0;\n const response = await ds.getTagKeys(__spreadValues({\n filters: otherFilters,\n queries,\n timeRange\n }, getEnrichedFiltersRequest(this)));\n if (responseHasError(response)) {\n this.setState({ error: response.error.message });\n }\n let keys = dataFromResponse(response);\n if (override) {\n keys = keys.concat(dataFromResponse(override.values));\n }\n const tagKeyRegexFilter = this.state.tagKeyRegexFilter;\n if (tagKeyRegexFilter) {\n keys = keys.filter((f) => f.text.match(tagKeyRegexFilter));\n }\n return keys.map(toSelectableValue);\n }\n async _getValuesFor(filter) {\n var _a, _b, _c;\n const override = await ((_b = (_a = this.state).getTagValuesProvider) == null ? void 0 : _b.call(_a, this, filter));\n if (override && override.replace) {\n return dataFromResponse(override.values).map(toSelectableValue);\n }\n const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);\n if (!ds || !ds.getTagValues) {\n return [];\n }\n const otherFilters = this.state.filters.filter((f) => f.key !== filter.key).concat((_c = this.state.baseFilters) != null ? _c : []);\n const timeRange = sceneGraph.getTimeRange(this).state.value;\n const queries = this.state.useQueriesAsFilterForOptions ? getQueriesForVariables(this) : void 0;\n const response = await ds.getTagValues(__spreadValues({\n key: filter.key,\n filters: otherFilters,\n timeRange,\n queries\n }, getEnrichedFiltersRequest(this)));\n if (responseHasError(response)) {\n this.setState({ error: response.error.message });\n }\n let values = dataFromResponse(response);\n if (override) {\n values = values.concat(dataFromResponse(override.values));\n }\n return values.map(toSelectableValue);\n }\n _addWip() {\n this.setState({\n _wip: { key: \"\", value: \"\", operator: \"=\", condition: \"\" }\n });\n }\n _getOperators() {\n const { supportsMultiValueOperators, allowCustomValue = true } = this.state;\n return OPERATORS.filter(({ isMulti, isRegex }) => {\n if (!supportsMultiValueOperators && isMulti) {\n return false;\n }\n if (!allowCustomValue && isRegex) {\n return false;\n }\n return true;\n }).map(({ value, description }) => ({\n label: value,\n value,\n description\n }));\n }\n}\nAdHocFiltersVariable.Component = AdHocFiltersVariableRenderer;\nfunction renderExpression(builder, filters) {\n return (builder != null ? builder : renderPrometheusLabelFilters)(filters != null ? filters : []);\n}\nfunction AdHocFiltersVariableRenderer({ model }) {\n const { filters, readOnly, addFilterButtonText } = model.useState();\n const styles = useStyles2(getStyles);\n if (model.state.layout === \"combobox\") {\n return /* @__PURE__ */ React.createElement(AdHocFiltersComboboxRenderer, {\n model\n });\n }\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.wrapper\n }, filters.filter((filter) => !filter.hidden).map((filter, index) => /* @__PURE__ */ React.createElement(React.Fragment, {\n key: index\n }, /* @__PURE__ */ React.createElement(AdHocFilterRenderer, {\n filter,\n model\n }))), !readOnly && /* @__PURE__ */ React.createElement(AdHocFilterBuilder, {\n model,\n key: \"'builder\",\n addFilterButtonText\n }));\n}\nconst getStyles = (theme) => ({\n wrapper: css({\n display: \"flex\",\n flexWrap: \"wrap\",\n alignItems: \"flex-end\",\n columnGap: theme.spacing(2),\n rowGap: theme.spacing(1)\n })\n});\nfunction toSelectableValue(input) {\n const { text, value } = input;\n const result = {\n label: String(text),\n value: String(value != null ? value : text)\n };\n if (\"group\" in input) {\n result.group = input.group;\n }\n if (\"meta\" in input) {\n result.meta = input.meta;\n }\n return result;\n}\nfunction isFilterComplete(filter) {\n return filter.key !== \"\" && filter.operator !== \"\" && filter.value !== \"\";\n}\nfunction isMultiValueOperator(operatorValue) {\n const operator = OPERATORS.find((o) => o.value === operatorValue);\n if (!operator) {\n return false;\n }\n return Boolean(operator.isMulti);\n}\n\nexport { AdHocFiltersVariable, AdHocFiltersVariableRenderer, FilterOrigin, OPERATORS, isFilterComplete, isMultiValueOperator, toSelectableValue };\n//# sourceMappingURL=AdHocFiltersVariable.js.map\n","import { merge, mergeAll, filter, map, finalize } from 'rxjs';\n\nclass DataLayersMerger {\n constructor() {\n this._resultsMap = /* @__PURE__ */ new Map();\n this._prevLayers = [];\n }\n getMergedStream(layers) {\n if (areDifferentLayers(layers, this._prevLayers)) {\n this._resultsMap = /* @__PURE__ */ new Map();\n this._prevLayers = layers;\n }\n const resultStreams = layers.map((l) => l.getResultsStream());\n const deactivationHandlers = [];\n for (const layer of layers) {\n deactivationHandlers.push(layer.activate());\n }\n return merge(resultStreams).pipe(\n mergeAll(),\n filter((v) => {\n return this._resultsMap.get(v.origin.state.key) !== v;\n }),\n map((v) => {\n this._resultsMap.set(v.origin.state.key, v);\n return this._resultsMap.values();\n }),\n finalize(() => {\n deactivationHandlers.forEach((handler) => handler());\n })\n );\n }\n}\nfunction areDifferentLayers(a, b) {\n if (a.length !== b.length) {\n return true;\n }\n for (let i = 0; i < a.length; i++) {\n if (a[i] !== b[i]) {\n return true;\n }\n }\n return false;\n}\n\nexport { DataLayersMerger };\n//# sourceMappingURL=DataLayersMerger.js.map\n","import { isEqual, cloneDeep } from 'lodash';\nimport { ReplaySubject, forkJoin } from 'rxjs';\nimport { LoadingState } from '@grafana/schema';\nimport { preProcessPanelData, DataTopic, DataFrameView, rangeUtil } from '@grafana/data';\nimport { getRunRequest, toDataQueryError, isExpressionReference } from '@grafana/runtime';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { getDataSource } from '../utils/getDataSource.js';\nimport { VariableDependencyConfig } from '../variables/VariableDependencyConfig.js';\nimport { writeSceneLog } from '../utils/writeSceneLog.js';\nimport { VariableValueRecorder } from '../variables/VariableValueRecorder.js';\nimport { emptyPanelData } from '../core/SceneDataNode.js';\nimport { getClosest } from '../core/sceneGraph/utils.js';\nimport { isExtraQueryProvider } from './ExtraQueryProvider.js';\nimport { extraQueryProcessingOperator, passthroughProcessor } from './extraQueryProcessingOperator.js';\nimport { filterAnnotations } from './layers/annotations/filterAnnotations.js';\nimport { getEnrichedDataRequest } from './getEnrichedDataRequest.js';\nimport { findActiveAdHocFilterVariableByUid } from '../variables/adhoc/patchGetAdhocFilters.js';\nimport { registerQueryWithController } from './registerQueryWithController.js';\nimport { findActiveGroupByVariablesByUid } from '../variables/groupby/findActiveGroupByVariablesByUid.js';\nimport { GroupByVariable } from '../variables/groupby/GroupByVariable.js';\nimport { AdHocFiltersVariable, isFilterComplete } from '../variables/adhoc/AdHocFiltersVariable.js';\nimport { DataLayersMerger } from './DataLayersMerger.js';\nimport { interpolate } from '../core/sceneGraph/sceneGraph.js';\nimport { wrapInSafeSerializableSceneObject } from '../utils/wrapInSafeSerializableSceneObject.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nlet counter = 100;\nfunction getNextRequestId() {\n return \"SQR\" + counter++;\n}\nclass SceneQueryRunner extends SceneObjectBase {\n constructor(initialState) {\n super(initialState);\n this._dataLayersMerger = new DataLayersMerger();\n this._variableValueRecorder = new VariableValueRecorder();\n this._results = new ReplaySubject(1);\n this._scopedVars = { __sceneObject: wrapInSafeSerializableSceneObject(this) };\n this._variableDependency = new VariableDependencyConfig(this, {\n statePaths: [\"queries\", \"datasource\", \"minInterval\"],\n onVariableUpdateCompleted: this.onVariableUpdatesCompleted.bind(this),\n onAnyVariableChanged: this.onAnyVariableChanged.bind(this)\n });\n this.onDataReceived = (data) => {\n const preProcessedData = preProcessPanelData(data, this.state.data);\n this._resultAnnotations = data.annotations;\n const dataWithLayersApplied = this._combineDataLayers(preProcessedData);\n let hasFetchedData = this.state._hasFetchedData;\n if (!hasFetchedData && preProcessedData.state !== LoadingState.Loading) {\n hasFetchedData = true;\n }\n this.setState({ data: dataWithLayersApplied, _hasFetchedData: hasFetchedData });\n this._results.next({ origin: this, data: dataWithLayersApplied });\n };\n this.addActivationHandler(() => this._onActivate());\n }\n getResultsStream() {\n return this._results;\n }\n _onActivate() {\n if (this.isQueryModeAuto()) {\n const timeRange = sceneGraph.getTimeRange(this);\n const providers = this.getClosestExtraQueryProviders();\n for (const provider of providers) {\n this._subs.add(\n provider.subscribeToState((n, p) => {\n if (provider.shouldRerun(p, n, this.state.queries)) {\n this.runQueries();\n }\n })\n );\n }\n this.subscribeToTimeRangeChanges(timeRange);\n if (this.shouldRunQueriesOnActivate()) {\n this.runQueries();\n }\n }\n if (!this._dataLayersSub) {\n this._handleDataLayers();\n }\n return () => this._onDeactivate();\n }\n _handleDataLayers() {\n const dataLayers = sceneGraph.getDataLayers(this);\n if (dataLayers.length === 0) {\n return;\n }\n this._dataLayersSub = this._dataLayersMerger.getMergedStream(dataLayers).subscribe(this._onLayersReceived.bind(this));\n }\n _onLayersReceived(results) {\n var _a, _b, _c, _d, _e;\n const timeRange = sceneGraph.getTimeRange(this);\n const { dataLayerFilter } = this.state;\n let annotations = [];\n let alertStates = [];\n let alertState;\n for (const result of results) {\n for (let frame of result.data.series) {\n if (((_a = frame.meta) == null ? void 0 : _a.dataTopic) === DataTopic.Annotations) {\n annotations = annotations.concat(frame);\n }\n if (((_b = frame.meta) == null ? void 0 : _b.dataTopic) === DataTopic.AlertStates) {\n alertStates = alertStates.concat(frame);\n }\n }\n }\n if (dataLayerFilter == null ? void 0 : dataLayerFilter.panelId) {\n if (annotations.length > 0) {\n annotations = filterAnnotations(annotations, dataLayerFilter);\n }\n if (alertStates.length > 0) {\n for (const frame of alertStates) {\n const frameView = new DataFrameView(frame);\n for (const row of frameView) {\n if (row.panelId === dataLayerFilter.panelId) {\n alertState = row;\n break;\n }\n }\n }\n }\n }\n if (allFramesEmpty(annotations) && allFramesEmpty(this._layerAnnotations) && isEqual(alertState, (_c = this.state.data) == null ? void 0 : _c.alertState)) {\n return;\n }\n this._layerAnnotations = annotations;\n const baseStateUpdate = this.state.data ? this.state.data : __spreadProps(__spreadValues({}, emptyPanelData), { timeRange: timeRange.state.value });\n this.setState({\n data: __spreadProps(__spreadValues({}, baseStateUpdate), {\n annotations: [...(_d = this._resultAnnotations) != null ? _d : [], ...annotations],\n alertState: alertState != null ? alertState : (_e = this.state.data) == null ? void 0 : _e.alertState\n })\n });\n }\n onVariableUpdatesCompleted() {\n if (this.isQueryModeAuto()) {\n this.runQueries();\n }\n }\n onAnyVariableChanged(variable) {\n if (this._adhocFiltersVar === variable || this._groupByVar === variable || !this.isQueryModeAuto()) {\n return;\n }\n if (variable instanceof AdHocFiltersVariable && this._isRelevantAutoVariable(variable)) {\n this.runQueries();\n }\n if (variable instanceof GroupByVariable && this._isRelevantAutoVariable(variable)) {\n this.runQueries();\n }\n }\n _isRelevantAutoVariable(variable) {\n var _a, _b;\n const datasource = (_a = this.state.datasource) != null ? _a : findFirstDatasource(this.state.queries);\n return variable.state.applyMode === \"auto\" && (datasource == null ? void 0 : datasource.uid) === ((_b = variable.state.datasource) == null ? void 0 : _b.uid);\n }\n shouldRunQueriesOnActivate() {\n if (this._variableValueRecorder.hasDependenciesChanged(this)) {\n writeSceneLog(\n \"SceneQueryRunner\",\n \"Variable dependency changed while inactive, shouldRunQueriesOnActivate returns true\"\n );\n return true;\n }\n if (!this.state.data) {\n return true;\n }\n if (this._isDataTimeRangeStale(this.state.data)) {\n return true;\n }\n return false;\n }\n _isDataTimeRangeStale(data) {\n const timeRange = sceneGraph.getTimeRange(this);\n const stateTimeRange = timeRange.state.value;\n const dataTimeRange = data.timeRange;\n if (stateTimeRange.from.unix() === dataTimeRange.from.unix() && stateTimeRange.to.unix() === dataTimeRange.to.unix()) {\n return false;\n }\n writeSceneLog(\"SceneQueryRunner\", \"Data time range is stale\");\n return true;\n }\n _onDeactivate() {\n var _a;\n if (this._querySub) {\n this._querySub.unsubscribe();\n this._querySub = void 0;\n }\n if (this._dataLayersSub) {\n this._dataLayersSub.unsubscribe();\n this._dataLayersSub = void 0;\n }\n (_a = this._timeSub) == null ? void 0 : _a.unsubscribe();\n this._timeSub = void 0;\n this._timeSubRange = void 0;\n this._adhocFiltersVar = void 0;\n this._groupByVar = void 0;\n this._variableValueRecorder.recordCurrentDependencyValuesForSceneObject(this);\n }\n setContainerWidth(width) {\n if (!this._containerWidth && width > 0) {\n this._containerWidth = width;\n if (this.state.maxDataPointsFromWidth && !this.state.maxDataPoints) {\n setTimeout(() => {\n if (this.isActive && !this.state._hasFetchedData) {\n this.runQueries();\n }\n }, 0);\n }\n } else {\n if (width > 0) {\n this._containerWidth = width;\n }\n }\n }\n isDataReadyToDisplay() {\n return Boolean(this.state._hasFetchedData);\n }\n subscribeToTimeRangeChanges(timeRange) {\n if (this._timeSubRange === timeRange) {\n return;\n }\n if (this._timeSub) {\n this._timeSub.unsubscribe();\n }\n this._timeSubRange = timeRange;\n this._timeSub = timeRange.subscribeToState(() => {\n this.runWithTimeRange(timeRange);\n });\n }\n runQueries() {\n const timeRange = sceneGraph.getTimeRange(this);\n if (this.isQueryModeAuto()) {\n this.subscribeToTimeRangeChanges(timeRange);\n }\n this.runWithTimeRange(timeRange);\n }\n getMaxDataPoints() {\n var _a;\n if (this.state.maxDataPoints) {\n return this.state.maxDataPoints;\n }\n return this.state.maxDataPointsFromWidth ? (_a = this._containerWidth) != null ? _a : 500 : 500;\n }\n cancelQuery() {\n var _a;\n (_a = this._querySub) == null ? void 0 : _a.unsubscribe();\n if (this._dataLayersSub) {\n this._dataLayersSub.unsubscribe();\n this._dataLayersSub = void 0;\n }\n this.setState({\n data: __spreadProps(__spreadValues({}, this.state.data), { state: LoadingState.Done })\n });\n }\n async runWithTimeRange(timeRange) {\n var _a, _b, _c;\n if (!this.state.maxDataPoints && this.state.maxDataPointsFromWidth && !this._containerWidth) {\n return;\n }\n if (!this._dataLayersSub) {\n this._handleDataLayers();\n }\n (_a = this._querySub) == null ? void 0 : _a.unsubscribe();\n if (this._variableDependency.hasDependencyInLoadingState()) {\n writeSceneLog(\"SceneQueryRunner\", \"Variable dependency is in loading state, skipping query execution\");\n this.setState({ data: __spreadProps(__spreadValues({}, (_b = this.state.data) != null ? _b : emptyPanelData), { state: LoadingState.Loading }) });\n return;\n }\n const { queries } = this.state;\n if (!(queries == null ? void 0 : queries.length)) {\n this._setNoDataState();\n return;\n }\n try {\n const datasource = (_c = this.state.datasource) != null ? _c : findFirstDatasource(queries);\n const ds = await getDataSource(datasource, this._scopedVars);\n this.findAndSubscribeToAdHocFilters(ds.uid);\n const runRequest = getRunRequest();\n const { primary, secondaries, processors } = this.prepareRequests(timeRange, ds);\n writeSceneLog(\"SceneQueryRunner\", \"Starting runRequest\", this.state.key);\n let stream = runRequest(ds, primary);\n if (secondaries.length > 0) {\n const secondaryStreams = secondaries.map((r) => runRequest(ds, r));\n const op = extraQueryProcessingOperator(processors);\n stream = forkJoin([stream, ...secondaryStreams]).pipe(op);\n }\n stream = stream.pipe(\n registerQueryWithController({\n type: \"data\",\n request: primary,\n origin: this,\n cancel: () => this.cancelQuery()\n })\n );\n this._querySub = stream.subscribe(this.onDataReceived);\n } catch (err) {\n console.error(\"PanelQueryRunner Error\", err);\n this.onDataReceived(__spreadProps(__spreadValues(__spreadValues({}, emptyPanelData), this.state.data), {\n state: LoadingState.Error,\n errors: [toDataQueryError(err)]\n }));\n }\n }\n clone(withState) {\n var _a;\n const clone = super.clone(withState);\n if (this._resultAnnotations) {\n clone[\"_resultAnnotations\"] = this._resultAnnotations.map((frame) => __spreadValues({}, frame));\n }\n if (this._layerAnnotations) {\n clone[\"_layerAnnotations\"] = this._layerAnnotations.map((frame) => __spreadValues({}, frame));\n }\n clone[\"_variableValueRecorder\"] = this._variableValueRecorder.cloneAndRecordCurrentValuesForSceneObject(this);\n clone[\"_containerWidth\"] = this._containerWidth;\n clone[\"_results\"].next({ origin: this, data: (_a = this.state.data) != null ? _a : emptyPanelData });\n return clone;\n }\n prepareRequests(timeRange, ds) {\n var _a, _b;\n const { minInterval, queries } = this.state;\n let request = __spreadValues({\n app: \"scenes\",\n requestId: getNextRequestId(),\n timezone: timeRange.getTimeZone(),\n range: timeRange.state.value,\n interval: \"1s\",\n intervalMs: 1e3,\n targets: cloneDeep(queries),\n maxDataPoints: this.getMaxDataPoints(),\n scopedVars: this._scopedVars,\n startTime: Date.now(),\n liveStreaming: this.state.liveStreaming,\n rangeRaw: {\n from: timeRange.state.from,\n to: timeRange.state.to\n },\n cacheTimeout: this.state.cacheTimeout,\n queryCachingTTL: this.state.queryCachingTTL\n }, getEnrichedDataRequest(this));\n if (this._adhocFiltersVar) {\n request.filters = [];\n if ((_a = this._adhocFiltersVar.state.baseFilters) == null ? void 0 : _a.length) {\n const injectedBaseFilters = this._adhocFiltersVar.state.baseFilters.filter((filter) => filter.origin);\n request.filters = request.filters.concat(injectedBaseFilters);\n }\n request.filters = request.filters.concat(this._adhocFiltersVar.state.filters.filter(isFilterComplete));\n }\n if (this._groupByVar) {\n request.groupByKeys = this._groupByVar.state.value;\n }\n request.targets = request.targets.map((query) => {\n var _a2;\n if (!query.datasource || query.datasource.uid !== ds.uid && !((_a2 = ds.meta) == null ? void 0 : _a2.mixed) && isExpressionReference && !isExpressionReference(query.datasource)) {\n query.datasource = ds.getRef();\n }\n return query;\n });\n const lowerIntervalLimit = minInterval ? interpolate(this, minInterval) : ds.interval;\n const norm = rangeUtil.calculateInterval(timeRange.state.value, request.maxDataPoints, lowerIntervalLimit);\n request.scopedVars = Object.assign({}, request.scopedVars, {\n __interval: { text: norm.interval, value: norm.interval },\n __interval_ms: { text: norm.intervalMs.toString(), value: norm.intervalMs }\n });\n request.interval = norm.interval;\n request.intervalMs = norm.intervalMs;\n const primaryTimeRange = timeRange.state.value;\n let secondaryRequests = [];\n let secondaryProcessors = /* @__PURE__ */ new Map();\n for (const provider of (_b = this.getClosestExtraQueryProviders()) != null ? _b : []) {\n for (const { req, processor } of provider.getExtraQueries(request)) {\n const requestId = getNextRequestId();\n secondaryRequests.push(__spreadProps(__spreadValues({}, req), { requestId }));\n secondaryProcessors.set(requestId, processor != null ? processor : passthroughProcessor);\n }\n }\n request.range = primaryTimeRange;\n return { primary: request, secondaries: secondaryRequests, processors: secondaryProcessors };\n }\n _combineDataLayers(data) {\n if (this._layerAnnotations && this._layerAnnotations.length > 0) {\n data.annotations = (data.annotations || []).concat(this._layerAnnotations);\n }\n if (this.state.data && this.state.data.alertState) {\n data.alertState = this.state.data.alertState;\n }\n return data;\n }\n _setNoDataState() {\n if (this.state.data !== emptyPanelData) {\n this.setState({ data: emptyPanelData });\n }\n }\n getClosestExtraQueryProviders() {\n const found = /* @__PURE__ */ new Map();\n if (!this.parent) {\n return [];\n }\n getClosest(this.parent, (s) => {\n if (isExtraQueryProvider(s) && !found.has(s.constructor)) {\n found.set(s.constructor, s);\n }\n s.forEachChild((child) => {\n if (isExtraQueryProvider(child) && !found.has(child.constructor)) {\n found.set(child.constructor, child);\n }\n });\n return null;\n });\n return Array.from(found.values());\n }\n findAndSubscribeToAdHocFilters(interpolatedUid) {\n const filtersVar = findActiveAdHocFilterVariableByUid(interpolatedUid);\n if (this._adhocFiltersVar !== filtersVar) {\n this._adhocFiltersVar = filtersVar;\n this._updateExplicitVariableDependencies();\n }\n const groupByVar = findActiveGroupByVariablesByUid(interpolatedUid);\n if (this._groupByVar !== groupByVar) {\n this._groupByVar = groupByVar;\n this._updateExplicitVariableDependencies();\n }\n }\n _updateExplicitVariableDependencies() {\n const explicitDependencies = [];\n if (this._adhocFiltersVar) {\n explicitDependencies.push(this._adhocFiltersVar.state.name);\n }\n if (this._groupByVar) {\n explicitDependencies.push(this._groupByVar.state.name);\n }\n this._variableDependency.setVariableNames(explicitDependencies);\n }\n isQueryModeAuto() {\n var _a;\n return ((_a = this.state.runQueriesMode) != null ? _a : \"auto\") === \"auto\";\n }\n}\nfunction findFirstDatasource(targets) {\n var _a, _b;\n return (_b = (_a = targets.find((t) => t.datasource !== null)) == null ? void 0 : _a.datasource) != null ? _b : void 0;\n}\nfunction allFramesEmpty(frames) {\n if (!frames) {\n return true;\n }\n for (let i = 0; i < frames.length; i++) {\n if (frames[i].length > 0) {\n return false;\n }\n }\n return true;\n}\n\nexport { SceneQueryRunner, findFirstDatasource, getNextRequestId };\n//# sourceMappingURL=SceneQueryRunner.js.map\n","import { isEqual } from 'lodash';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { SceneQueryRunner } from '../querying/SceneQueryRunner.js';\n\nfunction isVariableValueEqual(a, b) {\n if (a === b) {\n return true;\n }\n return isEqual(a, b);\n}\nfunction safeStringifyValue(value) {\n const getCircularReplacer = () => {\n const seen = /* @__PURE__ */ new WeakSet();\n return (_, value2) => {\n if (typeof value2 === \"object\" && value2 !== null) {\n if (seen.has(value2)) {\n return;\n }\n seen.add(value2);\n }\n return value2;\n };\n };\n try {\n return JSON.stringify(value, getCircularReplacer());\n } catch (error) {\n console.error(error);\n }\n return \"\";\n}\nfunction renderPrometheusLabelFilters(filters) {\n return filters.map((filter) => renderFilter(filter)).join(\",\");\n}\nfunction renderFilter(filter) {\n var _a, _b;\n let value = \"\";\n let operator = filter.operator;\n if (operator === \"=|\") {\n operator = \"=~\";\n value = (_a = filter.values) == null ? void 0 : _a.map(escapeLabelValueInRegexSelector).join(\"|\");\n } else if (operator === \"!=|\") {\n operator = \"!~\";\n value = (_b = filter.values) == null ? void 0 : _b.map(escapeLabelValueInRegexSelector).join(\"|\");\n } else if (operator === \"=~\" || operator === \"!~\") {\n value = escapeLabelValueInRegexSelector(filter.value);\n } else {\n value = escapeLabelValueInExactSelector(filter.value);\n }\n return `${filter.key}${operator}\"${value}\"`;\n}\nfunction escapeLabelValueInExactSelector(labelValue) {\n return labelValue.replace(/\\\\/g, \"\\\\\\\\\").replace(/\\n/g, \"\\\\n\").replace(/\"/g, '\\\\\"');\n}\nfunction escapeLabelValueInRegexSelector(labelValue) {\n return escapeLabelValueInExactSelector(escapeLokiRegexp(labelValue));\n}\nconst RE2_METACHARACTERS = /[*+?()|\\\\.\\[\\]{}^$]/g;\nfunction escapeLokiRegexp(value) {\n return value.replace(RE2_METACHARACTERS, \"\\\\$&\");\n}\nfunction getQueriesForVariables(sourceObject) {\n var _a;\n const runners = sceneGraph.findAllObjects(\n sourceObject.getRoot(),\n (o) => o instanceof SceneQueryRunner\n );\n const interpolatedDsUuid = sceneGraph.interpolate(sourceObject, (_a = sourceObject.state.datasource) == null ? void 0 : _a.uid);\n const applicableRunners = filterOutInactiveRunnerDuplicates(runners).filter((r) => {\n var _a2;\n const interpolatedQueryDsUuid = sceneGraph.interpolate(sourceObject, (_a2 = r.state.datasource) == null ? void 0 : _a2.uid);\n return interpolatedQueryDsUuid === interpolatedDsUuid;\n });\n if (applicableRunners.length === 0) {\n return [];\n }\n const result = [];\n applicableRunners.forEach((r) => {\n result.push(\n ...r.state.queries.filter((q) => {\n if (!q.datasource || !q.datasource.uid) {\n return true;\n }\n const interpolatedQueryDsUuid = sceneGraph.interpolate(sourceObject, q.datasource.uid);\n return interpolatedQueryDsUuid === interpolatedDsUuid;\n })\n );\n });\n return result;\n}\nfunction filterOutInactiveRunnerDuplicates(runners) {\n const groupedItems = {};\n for (const item of runners) {\n if (item.state.key) {\n if (!(item.state.key in groupedItems)) {\n groupedItems[item.state.key] = [];\n }\n groupedItems[item.state.key].push(item);\n }\n }\n return Object.values(groupedItems).flatMap((group) => {\n const activeItems = group.filter((item) => item.isActive);\n if (activeItems.length === 0 && group.length === 1) {\n return group;\n }\n return activeItems;\n });\n}\nfunction escapeUrlPipeDelimiters(value) {\n if (value === null || value === void 0) {\n return \"\";\n }\n return value = /\\|/g[Symbol.replace](value, \"__gfp__\");\n}\nfunction escapeUrlCommaDelimiters(value) {\n if (value === null || value === void 0) {\n return \"\";\n }\n return /,/g[Symbol.replace](value, \"__gfc__\");\n}\nfunction escapeURLDelimiters(value) {\n return escapeUrlCommaDelimiters(escapeUrlPipeDelimiters(value));\n}\nfunction unescapeUrlDelimiters(value) {\n if (value === null || value === void 0) {\n return \"\";\n }\n value = /__gfp__/g[Symbol.replace](value, \"|\");\n value = /__gfc__/g[Symbol.replace](value, \",\");\n return value;\n}\nfunction toUrlCommaDelimitedString(key, label) {\n if (!label || key === label) {\n return escapeUrlCommaDelimiters(key);\n }\n return [key, label].map(escapeUrlCommaDelimiters).join(\",\");\n}\nfunction dataFromResponse(response) {\n return Array.isArray(response) ? response : response.data;\n}\nfunction responseHasError(response) {\n return !Array.isArray(response) && Boolean(response.error);\n}\nfunction handleOptionGroups(values) {\n const result = [];\n const groupedResults = /* @__PURE__ */ new Map();\n for (const value of values) {\n const groupLabel = value.group;\n if (groupLabel) {\n let group = groupedResults.get(groupLabel);\n if (!group) {\n group = [];\n groupedResults.set(groupLabel, group);\n result.push({ label: groupLabel, options: group });\n }\n group.push(value);\n } else {\n result.push(value);\n }\n }\n return result;\n}\n\nexport { dataFromResponse, escapeLabelValueInExactSelector, escapeLabelValueInRegexSelector, escapeURLDelimiters, escapeUrlCommaDelimiters, escapeUrlPipeDelimiters, getQueriesForVariables, handleOptionGroups, isVariableValueEqual, renderPrometheusLabelFilters, responseHasError, safeStringifyValue, toUrlCommaDelimitedString, unescapeUrlDelimiters };\n//# sourceMappingURL=utils.js.map\n","import { SceneObjectBase } from '../../core/SceneObjectBase.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass ConstantVariable extends SceneObjectBase {\n constructor(initialState) {\n super(__spreadProps(__spreadValues({\n type: \"constant\",\n value: \"\",\n name: \"\"\n }, initialState), {\n skipUrlSync: true\n }));\n }\n getValue() {\n return this.state.value;\n }\n}\n\nexport { ConstantVariable };\n//# sourceMappingURL=ConstantVariable.js.map\n","import { DataLinkBuiltInVars } from '@grafana/data';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { writeSceneLog } from '../utils/writeSceneLog.js';\nimport { VARIABLE_REGEX } from './constants.js';\nimport { safeStringifyValue } from './utils.js';\nimport { ConstantVariable } from './variants/ConstantVariable.js';\n\nclass VariableDependencyConfig {\n constructor(_sceneObject, _options) {\n this._sceneObject = _sceneObject;\n this._options = _options;\n this._dependencies = /* @__PURE__ */ new Set();\n this._isWaitingForVariables = false;\n this.scanCount = 0;\n this._statePaths = _options.statePaths;\n if (this._options.handleTimeMacros) {\n this.handleTimeMacros();\n }\n }\n hasDependencyOn(name) {\n return this.getNames().has(name);\n }\n variableUpdateCompleted(variable, hasChanged) {\n const deps = this.getNames();\n let dependencyChanged = false;\n if ((deps.has(variable.state.name) || deps.has(DataLinkBuiltInVars.includeVars)) && hasChanged) {\n dependencyChanged = true;\n }\n writeSceneLog(\n \"VariableDependencyConfig\",\n \"variableUpdateCompleted\",\n variable.state.name,\n dependencyChanged,\n this._isWaitingForVariables\n );\n if (this._options.onAnyVariableChanged) {\n this._options.onAnyVariableChanged(variable);\n }\n if (this._options.onVariableUpdateCompleted && (this._isWaitingForVariables || dependencyChanged)) {\n this._options.onVariableUpdateCompleted();\n }\n if (dependencyChanged) {\n if (this._options.onReferencedVariableValueChanged) {\n this._options.onReferencedVariableValueChanged(variable);\n }\n if (!this._options.onReferencedVariableValueChanged && !this._options.onVariableUpdateCompleted) {\n this._sceneObject.forceRender();\n }\n }\n }\n hasDependencyInLoadingState() {\n if (sceneGraph.hasVariableDependencyInLoadingState(this._sceneObject)) {\n this._isWaitingForVariables = true;\n return true;\n }\n this._isWaitingForVariables = false;\n return false;\n }\n getNames() {\n const prevState = this._state;\n const newState = this._state = this._sceneObject.state;\n if (!prevState) {\n this.scanStateForDependencies(this._state);\n return this._dependencies;\n }\n if (newState !== prevState) {\n if (this._statePaths) {\n for (const path of this._statePaths) {\n if (path === \"*\" || newState[path] !== prevState[path]) {\n this.scanStateForDependencies(newState);\n break;\n }\n }\n } else {\n this.scanStateForDependencies(newState);\n }\n }\n return this._dependencies;\n }\n setVariableNames(varNames) {\n this._options.variableNames = varNames;\n this.scanStateForDependencies(this._state);\n }\n setPaths(paths) {\n this._statePaths = paths;\n }\n scanStateForDependencies(state) {\n this._dependencies.clear();\n this.scanCount += 1;\n if (this._options.variableNames) {\n for (const name of this._options.variableNames) {\n this._dependencies.add(name);\n }\n }\n if (this._statePaths) {\n for (const path of this._statePaths) {\n if (path === \"*\") {\n this.extractVariablesFrom(state);\n break;\n } else {\n const value = state[path];\n if (value) {\n this.extractVariablesFrom(value);\n }\n }\n }\n }\n }\n extractVariablesFrom(value) {\n VARIABLE_REGEX.lastIndex = 0;\n const stringToCheck = typeof value !== \"string\" ? safeStringifyValue(value) : value;\n const matches = stringToCheck.matchAll(VARIABLE_REGEX);\n if (!matches) {\n return;\n }\n for (const match of matches) {\n const [, var1, var2, , var3] = match;\n const variableName = var1 || var2 || var3;\n this._dependencies.add(variableName);\n }\n }\n handleTimeMacros() {\n this._sceneObject.addActivationHandler(() => {\n const timeRange = sceneGraph.getTimeRange(this._sceneObject);\n const sub = timeRange.subscribeToState((newState, oldState) => {\n const deps = this.getNames();\n const hasFromDep = deps.has(\"__from\");\n const hasToDep = deps.has(\"__to\");\n const hasTimeZone = deps.has(\"__timezone\");\n if (newState.value !== oldState.value) {\n if (hasFromDep) {\n const variable = new ConstantVariable({ name: \"__from\", value: newState.from });\n this.variableUpdateCompleted(variable, true);\n } else if (hasToDep) {\n const variable = new ConstantVariable({ name: \"__to\", value: newState.to });\n this.variableUpdateCompleted(variable, true);\n }\n }\n if (newState.timeZone !== oldState.timeZone && hasTimeZone) {\n const variable = new ConstantVariable({ name: \"__timezone\", value: newState.timeZone });\n this.variableUpdateCompleted(variable, true);\n }\n });\n return () => sub.unsubscribe();\n });\n }\n}\n\nexport { VariableDependencyConfig };\n//# sourceMappingURL=VariableDependencyConfig.js.map\n","import { VariableSupportType } from '@grafana/data';\n\nconst hasLegacyVariableSupport = (datasource) => {\n return Boolean(datasource.metricFindQuery) && !Boolean(datasource.variables);\n};\nconst hasStandardVariableSupport = (datasource) => {\n if (!datasource.variables) {\n return false;\n }\n if (datasource.variables.getType() !== VariableSupportType.Standard) {\n return false;\n }\n const variableSupport = datasource.variables;\n return \"toDataQuery\" in variableSupport && Boolean(variableSupport.toDataQuery);\n};\nconst hasCustomVariableSupport = (datasource) => {\n if (!datasource.variables) {\n return false;\n }\n if (datasource.variables.getType() !== VariableSupportType.Custom) {\n return false;\n }\n const variableSupport = datasource.variables;\n return \"query\" in variableSupport && \"editor\" in variableSupport && Boolean(variableSupport.query) && Boolean(variableSupport.editor);\n};\nconst hasDataSourceVariableSupport = (datasource) => {\n if (!datasource.variables) {\n return false;\n }\n return datasource.variables.getType() === VariableSupportType.Datasource;\n};\n\nexport { hasCustomVariableSupport, hasDataSourceVariableSupport, hasLegacyVariableSupport, hasStandardVariableSupport };\n//# sourceMappingURL=guards.js.map\n","import { from, mergeMap, of } from 'rxjs';\nimport { LoadingState, getDefaultTimeRange } from '@grafana/data';\nimport { getRunRequest } from '@grafana/runtime';\nimport { hasStandardVariableSupport, hasLegacyVariableSupport, hasCustomVariableSupport, hasDataSourceVariableSupport } from './guards.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass StandardQueryRunner {\n constructor(datasource, _runRequest = getRunRequest()) {\n this.datasource = datasource;\n this._runRequest = _runRequest;\n }\n getTarget(variable) {\n if (hasStandardVariableSupport(this.datasource)) {\n return this.datasource.variables.toDataQuery(ensureVariableQueryModelIsADataQuery(variable));\n }\n throw new Error(\"Couldn't create a target with supplied arguments.\");\n }\n runRequest(_, request) {\n if (!hasStandardVariableSupport(this.datasource)) {\n return getEmptyMetricFindValueObservable();\n }\n if (!this.datasource.variables.query) {\n return this._runRequest(this.datasource, request);\n }\n return this._runRequest(this.datasource, request, this.datasource.variables.query.bind(this.datasource.variables));\n }\n}\nclass LegacyQueryRunner {\n constructor(datasource) {\n this.datasource = datasource;\n }\n getTarget(variable) {\n if (hasLegacyVariableSupport(this.datasource)) {\n return variable.state.query;\n }\n throw new Error(\"Couldn't create a target with supplied arguments.\");\n }\n runRequest({ variable, searchFilter }, request) {\n if (!hasLegacyVariableSupport(this.datasource)) {\n return getEmptyMetricFindValueObservable();\n }\n return from(\n this.datasource.metricFindQuery(variable.state.query, __spreadProps(__spreadValues({}, request), {\n variable: {\n name: variable.state.name,\n type: variable.state.type\n },\n searchFilter\n }))\n ).pipe(\n mergeMap((values) => {\n if (!values || !values.length) {\n return getEmptyMetricFindValueObservable();\n }\n const series = values;\n return of({ series, state: LoadingState.Done, timeRange: request.range });\n })\n );\n }\n}\nclass CustomQueryRunner {\n constructor(datasource, _runRequest = getRunRequest()) {\n this.datasource = datasource;\n this._runRequest = _runRequest;\n }\n getTarget(variable) {\n if (hasCustomVariableSupport(this.datasource)) {\n return variable.state.query;\n }\n throw new Error(\"Couldn't create a target with supplied arguments.\");\n }\n runRequest(_, request) {\n if (!hasCustomVariableSupport(this.datasource)) {\n return getEmptyMetricFindValueObservable();\n }\n if (!this.datasource.variables.query) {\n return this._runRequest(this.datasource, request);\n }\n return this._runRequest(this.datasource, request, this.datasource.variables.query.bind(this.datasource.variables));\n }\n}\nconst variableDummyRefId = \"variable-query\";\nclass DatasourceQueryRunner {\n constructor(datasource, _runRequest = getRunRequest()) {\n this.datasource = datasource;\n this._runRequest = _runRequest;\n }\n getTarget(variable) {\n var _a;\n if (hasDataSourceVariableSupport(this.datasource)) {\n if (typeof variable.state.query === \"string\") {\n return variable.state.query;\n }\n return __spreadProps(__spreadValues({}, variable.state.query), { refId: (_a = variable.state.query.refId) != null ? _a : variableDummyRefId });\n }\n throw new Error(\"Couldn't create a target with supplied arguments.\");\n }\n runRequest(_, request) {\n if (!hasDataSourceVariableSupport(this.datasource)) {\n return getEmptyMetricFindValueObservable();\n }\n return this._runRequest(this.datasource, request, this.datasource.query);\n }\n}\nfunction getEmptyMetricFindValueObservable() {\n return of({ state: LoadingState.Done, series: [], timeRange: getDefaultTimeRange() });\n}\nfunction createQueryVariableRunnerFactory(datasource) {\n if (hasStandardVariableSupport(datasource)) {\n return new StandardQueryRunner(datasource, getRunRequest());\n }\n if (hasLegacyVariableSupport(datasource)) {\n return new LegacyQueryRunner(datasource);\n }\n if (hasCustomVariableSupport(datasource)) {\n return new CustomQueryRunner(datasource);\n }\n if (hasDataSourceVariableSupport(datasource)) {\n return new DatasourceQueryRunner(datasource);\n }\n throw new Error(`Couldn't create a query runner for datasource ${datasource.type}`);\n}\nlet createQueryVariableRunner = createQueryVariableRunnerFactory;\nfunction ensureVariableQueryModelIsADataQuery(variable) {\n var _a;\n const query = (_a = variable.state.query) != null ? _a : \"\";\n if (typeof query === \"string\") {\n return { query, refId: `variable-${variable.state.name}` };\n }\n if (query.refId == null) {\n return __spreadProps(__spreadValues({}, query), { refId: `variable-${variable.state.name}` });\n }\n return variable.state.query;\n}\n\nexport { createQueryVariableRunner };\n//# sourceMappingURL=createQueryVariableRunner.js.map\n","import { isNumber, uniqBy, sortBy, toLower } from 'lodash';\nimport { stringToJsRegex, VariableSort } from '@grafana/data';\n\nfunction metricNamesToVariableValues(variableRegEx, sort, metricNames) {\n var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;\n let regex;\n let options = [];\n if (variableRegEx) {\n regex = stringToJsRegex(variableRegEx);\n }\n for (let i = 0; i < metricNames.length; i++) {\n const item = metricNames[i];\n let text = (_b = (_a = item.text) != null ? _a : item.value) != null ? _b : \"\";\n let value = (_d = (_c = item.value) != null ? _c : item.text) != null ? _d : \"\";\n if (isNumber(value)) {\n value = value.toString();\n }\n if (isNumber(text)) {\n text = text.toString();\n }\n if (regex) {\n const matches = getAllMatches(value, regex);\n if (!matches.length) {\n continue;\n }\n const valueGroup = matches.find((m) => m.groups && m.groups.value);\n const textGroup = matches.find((m) => m.groups && m.groups.text);\n const firstMatch = matches.find((m) => m.length > 1);\n const manyMatches = matches.length > 1 && firstMatch;\n if (valueGroup || textGroup) {\n value = (_g = (_e = valueGroup == null ? void 0 : valueGroup.groups) == null ? void 0 : _e.value) != null ? _g : (_f = textGroup == null ? void 0 : textGroup.groups) == null ? void 0 : _f.text;\n text = (_j = (_h = textGroup == null ? void 0 : textGroup.groups) == null ? void 0 : _h.text) != null ? _j : (_i = valueGroup == null ? void 0 : valueGroup.groups) == null ? void 0 : _i.value;\n } else if (manyMatches) {\n for (let j = 0; j < matches.length; j++) {\n const match = matches[j];\n options.push({ label: match[1], value: match[1] });\n }\n continue;\n } else if (firstMatch) {\n text = firstMatch[1];\n value = firstMatch[1];\n }\n }\n options.push({ label: text, value });\n }\n options = uniqBy(options, \"value\");\n return sortVariableValues(options, sort);\n}\nconst getAllMatches = (str, regex) => {\n const results = [];\n let matches = null;\n regex.lastIndex = 0;\n do {\n matches = regex.exec(str);\n if (matches) {\n results.push(matches);\n }\n } while (regex.global && matches && matches[0] !== \"\" && matches[0] !== void 0);\n return results;\n};\nconst sortVariableValues = (options, sortOrder) => {\n if (sortOrder === VariableSort.disabled) {\n return options;\n }\n switch (sortOrder) {\n case VariableSort.alphabeticalAsc:\n options = sortBy(options, \"label\");\n break;\n case VariableSort.alphabeticalDesc:\n options = sortBy(options, \"label\").reverse();\n break;\n case VariableSort.numericalAsc:\n options = sortBy(options, sortByNumeric);\n break;\n case VariableSort.numericalDesc:\n options = sortBy(options, sortByNumeric);\n options = options.reverse();\n break;\n case VariableSort.alphabeticalCaseInsensitiveAsc:\n options = sortBy(options, (opt) => {\n return toLower(opt.label);\n });\n break;\n case VariableSort.alphabeticalCaseInsensitiveDesc:\n options = sortBy(options, (opt) => {\n return toLower(opt.label);\n });\n options = options.reverse();\n break;\n case (VariableSort.naturalAsc || 7):\n options = sortByNaturalSort(options);\n break;\n case (VariableSort.naturalDesc || 8):\n options = sortByNaturalSort(options);\n options = options.reverse();\n break;\n }\n return options;\n};\nfunction sortByNumeric(opt) {\n if (!opt.label) {\n return -1;\n }\n const matches = opt.label.match(/.*?(\\d+).*/);\n if (!matches || matches.length < 2) {\n return -1;\n } else {\n return parseInt(matches[1], 10);\n }\n}\nconst collator = new Intl.Collator(void 0, { sensitivity: \"accent\", numeric: true });\nfunction sortByNaturalSort(options) {\n return options.slice().sort((a, b) => {\n return collator.compare(a.label, b.label);\n });\n}\n\nexport { metricNamesToVariableValues, sortVariableValues };\n//# sourceMappingURL=utils.js.map\n","import { getProcessedDataFrames, getFieldDisplayName, FieldType, isDataFrame } from '@grafana/data';\nimport { map } from 'rxjs';\n\nfunction toMetricFindValues() {\n return (source) => source.pipe(\n map((panelData) => {\n const frames = panelData.series;\n if (!frames || !frames.length) {\n return [];\n }\n if (areMetricFindValues(frames)) {\n return frames;\n }\n if (frames[0].fields.length === 0) {\n return [];\n }\n const processedDataFrames = getProcessedDataFrames(frames);\n const metrics = [];\n let valueIndex = -1;\n let textIndex = -1;\n let stringIndex = -1;\n let expandableIndex = -1;\n for (const frame of processedDataFrames) {\n for (let index = 0; index < frame.fields.length; index++) {\n const field = frame.fields[index];\n const fieldName = getFieldDisplayName(field, frame, frames).toLowerCase();\n if (field.type === FieldType.string && stringIndex === -1) {\n stringIndex = index;\n }\n if (fieldName === \"text\" && field.type === FieldType.string && textIndex === -1) {\n textIndex = index;\n }\n if (fieldName === \"value\" && field.type === FieldType.string && valueIndex === -1) {\n valueIndex = index;\n }\n if (fieldName === \"expandable\" && (field.type === FieldType.boolean || field.type === FieldType.number) && expandableIndex === -1) {\n expandableIndex = index;\n }\n }\n }\n if (stringIndex === -1) {\n throw new Error(\"Couldn't find any field of type string in the results.\");\n }\n for (const frame of frames) {\n for (let index = 0; index < frame.length; index++) {\n const expandable = expandableIndex !== -1 ? frame.fields[expandableIndex].values.get(index) : void 0;\n const string = frame.fields[stringIndex].values.get(index);\n const text = textIndex !== -1 ? frame.fields[textIndex].values.get(index) : \"\";\n const value = valueIndex !== -1 ? frame.fields[valueIndex].values.get(index) : \"\";\n if (valueIndex === -1 && textIndex === -1) {\n metrics.push({ text: string, value: string, expandable });\n continue;\n }\n if (valueIndex === -1 && textIndex !== -1) {\n metrics.push({ text, value: text, expandable });\n continue;\n }\n if (valueIndex !== -1 && textIndex === -1) {\n metrics.push({ text: value, value, expandable });\n continue;\n }\n metrics.push({ text, value, expandable });\n }\n }\n return metrics;\n })\n );\n}\nfunction areMetricFindValues(data) {\n if (!data) {\n return false;\n }\n if (!data.length) {\n return true;\n }\n const firstValue = data[0];\n if (isDataFrame(firstValue)) {\n return false;\n }\n for (const firstValueKey in firstValue) {\n if (!firstValue.hasOwnProperty(firstValueKey)) {\n continue;\n }\n if (firstValue[firstValueKey] !== null && typeof firstValue[firstValueKey] !== \"string\" && typeof firstValue[firstValueKey] !== \"number\") {\n continue;\n }\n const key = firstValueKey.toLowerCase();\n if (key === \"text\" || key === \"value\") {\n return true;\n }\n }\n return false;\n}\n\nexport { toMetricFindValues };\n//# sourceMappingURL=toMetricFindValues.js.map\n","import { lastValueFrom, of, from, mergeMap, filter, take, throwError, catchError } from 'rxjs';\nimport { v4 } from 'uuid';\nimport { VariableRefresh, VariableSort, LoadingState, CoreApp } from '@grafana/data';\nimport { sceneGraph } from '../../../core/sceneGraph/index.js';\nimport { VariableDependencyConfig } from '../../VariableDependencyConfig.js';\nimport { renderSelectForVariable } from '../../components/VariableValueSelect.js';\nimport { MultiValueVariable } from '../MultiValueVariable.js';\nimport { createQueryVariableRunner } from './createQueryVariableRunner.js';\nimport { metricNamesToVariableValues } from './utils.js';\nimport { toMetricFindValues } from './toMetricFindValues.js';\nimport { getDataSource } from '../../../utils/getDataSource.js';\nimport { safeStringifyValue } from '../../utils.js';\nimport { SEARCH_FILTER_VARIABLE } from '../../constants.js';\nimport { debounce } from 'lodash';\nimport { registerQueryWithController } from '../../../querying/registerQueryWithController.js';\nimport { wrapInSafeSerializableSceneObject } from '../../../utils/wrapInSafeSerializableSceneObject.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass QueryVariable extends MultiValueVariable {\n constructor(initialState) {\n super(__spreadValues({\n type: \"query\",\n name: \"\",\n value: \"\",\n text: \"\",\n options: [],\n datasource: null,\n regex: \"\",\n query: \"\",\n refresh: VariableRefresh.onDashboardLoad,\n sort: VariableSort.disabled\n }, initialState));\n this._variableDependency = new VariableDependencyConfig(this, {\n statePaths: [\"regex\", \"query\", \"datasource\"]\n });\n this.onSearchChange = (searchFilter) => {\n if (!containsSearchFilter(this.state.query)) {\n return;\n }\n this._updateOptionsBasedOnSearchFilter(searchFilter);\n };\n this._updateOptionsBasedOnSearchFilter = debounce(async (searchFilter) => {\n const result = await lastValueFrom(this.getValueOptions({ searchFilter }));\n this.setState({ options: result, loading: false });\n }, 400);\n }\n getValueOptions(args) {\n if (!this.state.query) {\n return of([]);\n }\n this.setState({ loading: true, error: null });\n return from(\n getDataSource(this.state.datasource, {\n __sceneObject: wrapInSafeSerializableSceneObject(this)\n })\n ).pipe(\n mergeMap((ds) => {\n const runner = createQueryVariableRunner(ds);\n const target = runner.getTarget(this);\n const request = this.getRequest(target, args.searchFilter);\n return runner.runRequest({ variable: this, searchFilter: args.searchFilter }, request).pipe(\n registerQueryWithController({\n type: \"variable\",\n request,\n origin: this\n }),\n filter((data) => data.state === LoadingState.Done || data.state === LoadingState.Error),\n take(1),\n mergeMap((data) => {\n if (data.state === LoadingState.Error) {\n return throwError(() => data.error);\n }\n return of(data);\n }),\n toMetricFindValues(),\n mergeMap((values) => {\n let regex = \"\";\n if (this.state.regex) {\n regex = sceneGraph.interpolate(this, this.state.regex, void 0, \"regex\");\n }\n return of(metricNamesToVariableValues(regex, this.state.sort, values));\n }),\n catchError((error) => {\n if (error.cancelled) {\n return of([]);\n }\n return throwError(() => error);\n })\n );\n })\n );\n }\n getRequest(target, searchFilter) {\n const scopedVars = {\n __sceneObject: wrapInSafeSerializableSceneObject(this)\n };\n if (searchFilter) {\n scopedVars.__searchFilter = { value: searchFilter, text: searchFilter };\n }\n const range = sceneGraph.getTimeRange(this).state.value;\n const request = {\n app: CoreApp.Dashboard,\n requestId: v4(),\n timezone: \"\",\n range,\n interval: \"\",\n intervalMs: 0,\n targets: [target],\n scopedVars,\n startTime: Date.now()\n };\n return request;\n }\n}\nQueryVariable.Component = ({ model }) => {\n return renderSelectForVariable(model);\n};\nfunction containsSearchFilter(query) {\n const str = safeStringifyValue(query);\n return str.indexOf(SEARCH_FILTER_VARIABLE) > -1;\n}\n\nexport { QueryVariable };\n//# sourceMappingURL=QueryVariable.js.map\n","import { EmptyDataNode, EmptyVariableSet } from '../../variables/interpolation/defaults.js';\nimport { sceneInterpolator } from '../../variables/interpolation/sceneInterpolator.js';\nimport { isDataLayer } from '../types.js';\nimport { lookupVariable } from '../../variables/lookupVariable.js';\nimport { getClosest } from './utils.js';\nimport { QueryVariable } from '../../variables/variants/query/QueryVariable.js';\n\nfunction getVariables(sceneObject) {\n var _a;\n return (_a = getClosest(sceneObject, (s) => s.state.$variables)) != null ? _a : EmptyVariableSet;\n}\nfunction getData(sceneObject) {\n var _a;\n return (_a = getClosest(sceneObject, (s) => s.state.$data)) != null ? _a : EmptyDataNode;\n}\nfunction isSceneLayout(s) {\n return \"isDraggable\" in s;\n}\nfunction getLayout(scene) {\n const parent = getClosest(scene, (s) => isSceneLayout(s) ? s : void 0);\n if (parent) {\n return parent;\n }\n return null;\n}\nfunction interpolate(sceneObject, value, scopedVars, format, interpolations) {\n if (value === \"\" || value == null) {\n return \"\";\n }\n return sceneInterpolator(sceneObject, value, scopedVars, format, interpolations);\n}\nfunction hasVariableDependencyInLoadingState(sceneObject) {\n if (!sceneObject.variableDependency) {\n return false;\n }\n for (const name of sceneObject.variableDependency.getNames()) {\n if (sceneObject instanceof QueryVariable && sceneObject.state.name === name) {\n console.warn(\"Query variable is referencing itself\");\n continue;\n }\n const variable = lookupVariable(name, sceneObject);\n if (!variable) {\n continue;\n }\n const set = variable.parent;\n if (set.isVariableLoadingOrWaitingToUpdate(variable)) {\n return true;\n }\n }\n return false;\n}\nfunction findObjectInternal(scene, check, alreadySearchedChild, shouldSearchUp) {\n if (check(scene)) {\n return scene;\n }\n let found = null;\n scene.forEachChild((child) => {\n if (child === alreadySearchedChild) {\n return;\n }\n let maybe = findObjectInternal(child, check);\n if (maybe) {\n found = maybe;\n }\n });\n if (found) {\n return found;\n }\n if (shouldSearchUp && scene.parent) {\n return findObjectInternal(scene.parent, check, scene, true);\n }\n return null;\n}\nfunction findByKey(sceneObject, key) {\n const found = findObject(sceneObject, (sceneToCheck) => {\n return sceneToCheck.state.key === key;\n });\n if (!found) {\n throw new Error(\"Unable to find scene with key \" + key);\n }\n return found;\n}\nfunction findByKeyAndType(sceneObject, key, targetType) {\n const found = findObject(sceneObject, (sceneToCheck) => {\n return sceneToCheck.state.key === key;\n });\n if (!found) {\n throw new Error(\"Unable to find scene with key \" + key);\n }\n if (!(found instanceof targetType)) {\n throw new Error(`Found scene object with key ${key} does not match type ${targetType.name}`);\n }\n return found;\n}\nfunction findObject(scene, check) {\n return findObjectInternal(scene, check, void 0, true);\n}\nfunction findAllObjects(scene, check) {\n const found = [];\n scene.forEachChild((child) => {\n if (check(child)) {\n found.push(child);\n }\n found.push(...findAllObjects(child, check));\n });\n return found;\n}\nfunction getDataLayers(sceneObject, localOnly = false) {\n let currentLevel = sceneObject;\n let collected = [];\n while (currentLevel) {\n const dataProvider = currentLevel.state.$data;\n if (!dataProvider) {\n currentLevel = currentLevel.parent;\n continue;\n }\n if (isDataLayer(dataProvider)) {\n collected = collected.concat(dataProvider);\n } else {\n if (dataProvider.state.$data && isDataLayer(dataProvider.state.$data)) {\n collected = collected.concat(dataProvider.state.$data);\n }\n }\n if (localOnly && collected.length > 0) {\n break;\n }\n currentLevel = currentLevel.parent;\n }\n return collected;\n}\nfunction getAncestor(sceneObject, ancestorType) {\n let parent = sceneObject;\n while (parent) {\n if (parent instanceof ancestorType) {\n return parent;\n }\n parent = parent.parent;\n }\n if (!parent) {\n throw new Error(\"Unable to find parent of type \" + ancestorType.name);\n }\n return parent;\n}\nfunction findDescendents(scene, descendentType) {\n function isDescendentType(scene2) {\n return scene2 instanceof descendentType;\n }\n const targetScenes = findAllObjects(scene, isDescendentType);\n return targetScenes.filter(isDescendentType);\n}\n\nexport { findAllObjects, findByKey, findByKeyAndType, findDescendents, findObject, getAncestor, getData, getDataLayers, getLayout, getVariables, hasVariableDependencyInLoadingState, interpolate };\n//# sourceMappingURL=sceneGraph.js.map\n","import { lookupVariable } from '../../variables/lookupVariable.js';\nimport { getQueryController } from './getQueryController.js';\nimport { getTimeRange } from './getTimeRange.js';\nimport { getVariables, getData, getLayout, getDataLayers, interpolate, hasVariableDependencyInLoadingState, findByKey, findByKeyAndType, findObject, findAllObjects, getAncestor, findDescendents } from './sceneGraph.js';\n\nconst sceneGraph = {\n getVariables,\n getData,\n getTimeRange,\n getLayout,\n getDataLayers,\n interpolate,\n lookupVariable,\n hasVariableDependencyInLoadingState,\n findByKey,\n findByKeyAndType,\n findObject,\n findAllObjects,\n getAncestor,\n getQueryController,\n findDescendents\n};\n\nexport { sceneGraph };\n//# sourceMappingURL=index.js.map\n","import { sceneGraph } from '../core/sceneGraph/index.js';\n\nclass UniqueUrlKeyMapper {\n constructor() {\n this.index = /* @__PURE__ */ new Map();\n }\n getUniqueKey(key, obj) {\n const objectsWithKey = this.index.get(key);\n if (!objectsWithKey) {\n this.index.set(key, [obj]);\n return key;\n }\n let address = objectsWithKey.findIndex((o) => o === obj);\n if (address === -1) {\n filterOutOrphanedObjects(objectsWithKey);\n objectsWithKey.push(obj);\n address = objectsWithKey.length - 1;\n }\n if (address > 0) {\n return `${key}-${address + 1}`;\n }\n return key;\n }\n clear() {\n this.index.clear();\n }\n}\nfunction filterOutOrphanedObjects(sceneObjects) {\n for (const obj of sceneObjects) {\n if (isOrphanOrInActive(obj)) {\n const index = sceneObjects.indexOf(obj);\n sceneObjects.splice(index, 1);\n }\n }\n}\nfunction isOrphanOrInActive(obj) {\n const root = obj.getRoot();\n if (!sceneGraph.findObject(root, (child) => child === obj)) {\n return true;\n }\n return false;\n}\n\nexport { UniqueUrlKeyMapper };\n//# sourceMappingURL=UniqueUrlKeyMapper.js.map\n","import { isEqual } from 'lodash';\nimport { UniqueUrlKeyMapper } from './UniqueUrlKeyMapper.js';\n\nfunction getUrlState(root) {\n const urlKeyMapper = new UniqueUrlKeyMapper();\n const result = {};\n const visitNode = (obj) => {\n if (obj.urlSync) {\n const newUrlState = obj.urlSync.getUrlState();\n for (const [key, value] of Object.entries(newUrlState)) {\n if (value != null) {\n const uniqueKey = urlKeyMapper.getUniqueKey(key, obj);\n result[uniqueKey] = value;\n }\n }\n }\n obj.forEachChild(visitNode);\n };\n visitNode(root);\n return result;\n}\nfunction syncStateFromSearchParams(root, urlParams) {\n const urlKeyMapper = new UniqueUrlKeyMapper();\n syncStateFromUrl(root, urlParams, urlKeyMapper);\n}\nfunction syncStateFromUrl(root, urlParams, urlKeyMapper, onlyChildren) {\n if (!onlyChildren) {\n syncUrlStateToObject(root, urlParams, urlKeyMapper);\n }\n root.forEachChild((child) => {\n syncUrlStateToObject(child, urlParams, urlKeyMapper);\n });\n root.forEachChild((child) => syncStateFromUrl(child, urlParams, urlKeyMapper, true));\n}\nfunction syncUrlStateToObject(sceneObject, urlParams, urlKeyMapper) {\n if (sceneObject.urlSync) {\n const urlState = {};\n const currentState = sceneObject.urlSync.getUrlState();\n for (const key of sceneObject.urlSync.getKeys()) {\n const uniqueKey = urlKeyMapper.getUniqueKey(key, sceneObject);\n const newValue = urlParams.getAll(uniqueKey);\n const currentValue = currentState[key];\n if (isUrlValueEqual(newValue, currentValue)) {\n continue;\n }\n if (newValue.length > 0) {\n if (Array.isArray(currentValue)) {\n urlState[key] = newValue;\n } else {\n urlState[key] = newValue[0];\n }\n } else {\n urlState[key] = null;\n }\n }\n if (Object.keys(urlState).length > 0) {\n sceneObject.urlSync.updateFromUrl(urlState);\n }\n }\n}\nfunction isUrlValueEqual(currentUrlValue, newUrlValue) {\n if (currentUrlValue.length === 0 && newUrlValue == null) {\n return true;\n }\n if (!Array.isArray(newUrlValue) && (currentUrlValue == null ? void 0 : currentUrlValue.length) === 1) {\n return newUrlValue === currentUrlValue[0];\n }\n if ((newUrlValue == null ? void 0 : newUrlValue.length) === 0 && currentUrlValue === null) {\n return true;\n }\n return isEqual(currentUrlValue, newUrlValue);\n}\n\nexport { getUrlState, isUrlValueEqual, syncStateFromSearchParams, syncStateFromUrl };\n//# sourceMappingURL=utils.js.map\n","function isAdHocVariable(variable) {\n return variable.state.type === \"adhoc\";\n}\nfunction isConstantVariable(variable) {\n return variable.state.type === \"constant\";\n}\nfunction isCustomVariable(variable) {\n return variable.state.type === \"custom\";\n}\nfunction isDataSourceVariable(variable) {\n return variable.state.type === \"datasource\";\n}\nfunction isIntervalVariable(variable) {\n return variable.state.type === \"interval\";\n}\nfunction isQueryVariable(variable) {\n return variable.state.type === \"query\";\n}\nfunction isTextBoxVariable(variable) {\n return variable.state.type === \"textbox\";\n}\nfunction isGroupByVariable(variable) {\n return variable.state.type === \"groupby\";\n}\n\nexport { isAdHocVariable, isConstantVariable, isCustomVariable, isDataSourceVariable, isGroupByVariable, isIntervalVariable, isQueryVariable, isTextBoxVariable };\n//# sourceMappingURL=guards.js.map\n","import { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { VariableDependencyConfig } from '../variables/VariableDependencyConfig.js';\n\nclass ActWhenVariableChanged extends SceneObjectBase {\n constructor() {\n super(...arguments);\n this._runningEffect = null;\n this._variableDependency = new VariableDependencyConfig(this, {\n variableNames: [this.state.variableName],\n onReferencedVariableValueChanged: this._onVariableChanged.bind(this)\n });\n }\n _onVariableChanged(variable) {\n const effect = this.state.onChange;\n if (this._runningEffect) {\n this._runningEffect();\n this._runningEffect = null;\n }\n const cancellation = effect(variable, this);\n if (cancellation) {\n this._runningEffect = cancellation;\n }\n }\n}\n\nexport { ActWhenVariableChanged };\n//# sourceMappingURL=ActWhenVariableChanged.js.map\n","import { DashboardCursorSync } from '@grafana/schema';\nimport { Observable } from 'rxjs';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass CursorSync extends SceneObjectBase {\n constructor(state) {\n super(__spreadProps(__spreadValues({}, state), {\n sync: state.sync || DashboardCursorSync.Off\n }));\n this.getEventsBus = (panel) => {\n if (!this.parent) {\n throw new Error(\"EnableCursorSync cannot be used as a standalone scene object\");\n }\n return new PanelContextEventBus(this.parent, panel);\n };\n }\n getEventsScope() {\n if (!this.parent) {\n throw new Error(\"EnableCursorSync cannot be used as a standalone scene object\");\n }\n return this.state.key;\n }\n}\nclass PanelContextEventBus {\n constructor(_source, _eventsOrigin) {\n this._source = _source;\n this._eventsOrigin = _eventsOrigin;\n }\n publish(event) {\n event.origin = this;\n this._eventsOrigin.publishEvent(event, true);\n }\n getStream(eventType) {\n return new Observable((observer) => {\n const handler = (event) => {\n observer.next(event);\n };\n const sub = this._source.subscribeToEvent(eventType, handler);\n return () => sub.unsubscribe();\n });\n }\n subscribe(eventType, handler) {\n return this.getStream(eventType).pipe().subscribe(handler);\n }\n removeAllListeners() {\n }\n newScopedBus(key, filter) {\n throw new Error(\"For internal use only\");\n }\n}\nfunction getCursorSyncScope(sceneObject) {\n return sceneGraph.findObject(sceneObject, (o) => o instanceof CursorSync);\n}\n\nexport { CursorSync, getCursorSyncScope };\n//# sourceMappingURL=CursorSync.js.map\n","export var noop = function () { };\nexport function on(obj) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n if (obj && obj.addEventListener) {\n obj.addEventListener.apply(obj, args);\n }\n}\nexport function off(obj) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n if (obj && obj.removeEventListener) {\n obj.removeEventListener.apply(obj, args);\n }\n}\nexport var isBrowser = typeof window !== 'undefined';\nexport var isNavigator = typeof navigator !== 'undefined';\n","import { useEffect, useLayoutEffect } from 'react';\nimport { isBrowser } from './misc/util';\nvar useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\nexport default useIsomorphicLayoutEffect;\n","import { useMemo, useState } from 'react';\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';\nimport { isBrowser, noop } from './misc/util';\nvar defaultState = {\n x: 0,\n y: 0,\n width: 0,\n height: 0,\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n};\nfunction useMeasure() {\n var _a = useState(null), element = _a[0], ref = _a[1];\n var _b = useState(defaultState), rect = _b[0], setRect = _b[1];\n var observer = useMemo(function () {\n return new window.ResizeObserver(function (entries) {\n if (entries[0]) {\n var _a = entries[0].contentRect, x = _a.x, y = _a.y, width = _a.width, height = _a.height, top_1 = _a.top, left = _a.left, bottom = _a.bottom, right = _a.right;\n setRect({ x: x, y: y, width: width, height: height, top: top_1, left: left, bottom: bottom, right: right });\n }\n });\n }, []);\n useIsomorphicLayoutEffect(function () {\n if (!element)\n return;\n observer.observe(element);\n return function () {\n observer.disconnect();\n };\n }, [element]);\n return [ref, rect];\n}\nexport default isBrowser && typeof window.ResizeObserver !== 'undefined'\n ? useMeasure\n : (function () { return [noop, defaultState]; });\n","import { css } from '@emotion/css';\nimport { useStyles2, Icon, Tooltip, Button } from '@grafana/ui';\nimport React from 'react';\n\nfunction VizPanelSeriesLimit({ data, showAll, seriesLimit, onShowAllSeries }) {\n const styles = useStyles2(getStyles);\n const seriesCount = data == null ? void 0 : data.series.length;\n if (seriesCount === void 0 || seriesCount < seriesLimit) {\n return null;\n }\n const buttonText = showAll ? \"Restore limit\" : `Show all ${seriesCount}`;\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.timeSeriesDisclaimer\n }, !showAll && /* @__PURE__ */ React.createElement(\"span\", {\n className: styles.warningMessage\n }, /* @__PURE__ */ React.createElement(Icon, {\n title: `Showing only ${seriesLimit} series`,\n name: \"exclamation-triangle\",\n \"aria-hidden\": \"true\"\n })), /* @__PURE__ */ React.createElement(Tooltip, {\n content: \"Rendering too many series in a single panel may impact performance and make data harder to read.\"\n }, /* @__PURE__ */ React.createElement(Button, {\n variant: \"secondary\",\n size: \"sm\",\n onClick: onShowAllSeries\n }, buttonText)));\n}\nconst getStyles = (theme) => ({\n timeSeriesDisclaimer: css({\n label: \"time-series-disclaimer\",\n display: \"flex\",\n alignItems: \"center\",\n gap: theme.spacing(1)\n }),\n warningMessage: css({\n display: \"flex\",\n alignItems: \"center\",\n gap: theme.spacing(0.5),\n color: theme.colors.warning.main,\n fontSize: theme.typography.bodySmall.fontSize\n })\n});\n\nexport { VizPanelSeriesLimit };\n//# sourceMappingURL=VizPanelSeriesLimit.js.map\n","import React, { useMemo, useCallback } from 'react';\nimport { useMeasure } from 'react-use';\nimport { SetPanelAttentionEvent, AlertState, PluginContextProvider } from '@grafana/data';\nimport { getAppEvents } from '@grafana/runtime';\nimport { useStyles2, Tooltip, PanelChrome, Icon, ErrorBoundaryAlert, PanelContextProvider } from '@grafana/ui';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { isSceneObject } from '../../core/types.js';\nimport { css, cx } from '@emotion/css';\nimport { debounce } from 'lodash';\nimport { VizPanelSeriesLimit } from './VizPanelSeriesLimit.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction VizPanelRenderer({ model }) {\n var _a;\n const {\n title,\n options,\n fieldConfig,\n _pluginLoadError,\n displayMode,\n hoverHeader,\n showMenuAlways,\n hoverHeaderOffset,\n menu,\n headerActions,\n titleItems,\n seriesLimit,\n seriesLimitShowAll,\n description,\n collapsible,\n collapsed,\n _renderCounter = 0\n } = model.useState();\n const [ref, { width, height }] = useMeasure();\n const appEvents = useMemo(() => getAppEvents(), []);\n const setPanelAttention = useCallback(() => {\n if (model.state.key) {\n appEvents.publish(new SetPanelAttentionEvent({ panelId: model.state.key }));\n }\n }, [model.state.key, appEvents]);\n const debouncedMouseMove = useMemo(\n () => debounce(setPanelAttention, 100, { leading: true, trailing: false }),\n [setPanelAttention]\n );\n const plugin = model.getPlugin();\n const { dragClass, dragClassCancel } = getDragClasses(model);\n const dragHooks = getDragHooks(model);\n const dataObject = sceneGraph.getData(model);\n const rawData = dataObject.useState();\n const dataWithSeriesLimit = useDataWithSeriesLimit(rawData.data, seriesLimit, seriesLimitShowAll);\n const dataWithFieldConfig = model.applyFieldConfig(dataWithSeriesLimit);\n const sceneTimeRange = sceneGraph.getTimeRange(model);\n const timeZone = sceneTimeRange.getTimeZone();\n const timeRange = model.getTimeRange(dataWithFieldConfig);\n const titleInterpolated = model.interpolate(title, void 0, \"text\");\n const alertStateStyles = useStyles2(getAlertStateStyles);\n if (!plugin) {\n return /* @__PURE__ */ React.createElement(\"div\", null, \"Loading plugin panel...\");\n }\n if (!plugin.panel) {\n return /* @__PURE__ */ React.createElement(\"div\", null, \"Panel plugin has no panel component\");\n }\n const PanelComponent = plugin.panel;\n if (dataObject && dataObject.setContainerWidth) {\n dataObject.setContainerWidth(Math.round(width));\n }\n let titleItemsElement = [];\n if (titleItems) {\n if (Array.isArray(titleItems)) {\n titleItemsElement = titleItemsElement.concat(\n titleItems.map((titleItem) => {\n return /* @__PURE__ */ React.createElement(titleItem.Component, {\n model: titleItem,\n key: `${titleItem.state.key}`\n });\n })\n );\n } else if (isSceneObject(titleItems)) {\n titleItemsElement.push(/* @__PURE__ */ React.createElement(titleItems.Component, {\n model: titleItems\n }));\n } else {\n titleItemsElement.push(titleItems);\n }\n }\n if (seriesLimit) {\n titleItemsElement.push(\n /* @__PURE__ */ React.createElement(VizPanelSeriesLimit, {\n key: \"series-limit\",\n data: rawData.data,\n seriesLimit,\n showAll: seriesLimitShowAll,\n onShowAllSeries: () => model.setState({ seriesLimitShowAll: !seriesLimitShowAll })\n })\n );\n }\n if (model.state.$timeRange) {\n titleItemsElement.push(/* @__PURE__ */ React.createElement(model.state.$timeRange.Component, {\n model: model.state.$timeRange,\n key: model.state.key\n }));\n }\n if (dataWithFieldConfig.alertState) {\n titleItemsElement.push(\n /* @__PURE__ */ React.createElement(Tooltip, {\n content: (_a = dataWithFieldConfig.alertState.state) != null ? _a : \"unknown\",\n key: `alert-states-icon-${model.state.key}`\n }, /* @__PURE__ */ React.createElement(PanelChrome.TitleItem, {\n className: cx({\n [alertStateStyles.ok]: dataWithFieldConfig.alertState.state === AlertState.OK,\n [alertStateStyles.pending]: dataWithFieldConfig.alertState.state === AlertState.Pending,\n [alertStateStyles.alerting]: dataWithFieldConfig.alertState.state === AlertState.Alerting\n })\n }, /* @__PURE__ */ React.createElement(Icon, {\n name: dataWithFieldConfig.alertState.state === \"alerting\" ? \"heart-break\" : \"heart\",\n className: \"panel-alert-icon\",\n size: \"md\"\n })))\n );\n }\n let panelMenu;\n if (menu) {\n panelMenu = /* @__PURE__ */ React.createElement(menu.Component, {\n model: menu\n });\n }\n let actionsElement;\n if (headerActions) {\n if (Array.isArray(headerActions)) {\n actionsElement = /* @__PURE__ */ React.createElement(React.Fragment, null, headerActions.map((action) => {\n return /* @__PURE__ */ React.createElement(action.Component, {\n model: action,\n key: `${action.state.key}`\n });\n }));\n } else if (isSceneObject(headerActions)) {\n actionsElement = /* @__PURE__ */ React.createElement(headerActions.Component, {\n model: headerActions\n });\n } else {\n actionsElement = headerActions;\n }\n }\n const data = dataWithFieldConfig;\n const isReadyToRender = dataObject.isDataReadyToDisplay ? dataObject.isDataReadyToDisplay() : true;\n const context = model.getPanelContext();\n const panelId = model.getLegacyPanelId();\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: relativeWrapper\n }, /* @__PURE__ */ React.createElement(\"div\", {\n ref,\n className: absoluteWrapper,\n \"data-viz-panel-key\": model.state.key\n }, width > 0 && height > 0 && /* @__PURE__ */ React.createElement(PanelChrome, __spreadValues({\n title: titleInterpolated,\n description: (description == null ? void 0 : description.trim()) ? model.getDescription : void 0,\n loadingState: data.state,\n statusMessage: getChromeStatusMessage(data, _pluginLoadError),\n statusMessageOnClick: model.onStatusMessageClick,\n width,\n height,\n selectionId: model.state.key,\n displayMode,\n titleItems: titleItemsElement,\n dragClass,\n actions: actionsElement,\n dragClassCancel,\n padding: plugin.noPadding ? \"none\" : \"md\",\n menu: panelMenu,\n onCancelQuery: model.onCancelQuery,\n onFocus: setPanelAttention,\n onMouseEnter: setPanelAttention,\n onMouseMove: debouncedMouseMove,\n onDragStart: (e) => {\n var _a2;\n (_a2 = dragHooks.onDragStart) == null ? void 0 : _a2.call(dragHooks, e, model);\n }\n }, collapsible ? {\n collapsible: Boolean(collapsible),\n collapsed,\n onToggleCollapse: model.onToggleCollapse,\n showMenuAlways\n } : { hoverHeader, hoverHeaderOffset }), (innerWidth, innerHeight) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ErrorBoundaryAlert, {\n dependencies: [plugin, data]\n }, /* @__PURE__ */ React.createElement(PluginContextProvider, {\n meta: plugin.meta\n }, /* @__PURE__ */ React.createElement(PanelContextProvider, {\n value: context\n }, isReadyToRender && /* @__PURE__ */ React.createElement(PanelComponent, {\n id: panelId,\n data,\n title,\n timeRange,\n timeZone,\n options,\n fieldConfig,\n transparent: false,\n width: innerWidth,\n height: innerHeight,\n renderCounter: _renderCounter,\n replaceVariables: model.interpolate,\n onOptionsChange: model.onOptionsChange,\n onFieldConfigChange: model.onFieldConfigChange,\n onChangeTimeRange: model.onTimeRangeChange,\n eventBus: context.eventBus\n }))))))));\n}\nfunction useDataWithSeriesLimit(data, seriesLimit, showAllSeries) {\n return useMemo(() => {\n if (!(data == null ? void 0 : data.series) || !seriesLimit || showAllSeries) {\n return data;\n }\n return __spreadProps(__spreadValues({}, data), {\n series: data.series.slice(0, seriesLimit)\n });\n }, [data, seriesLimit, showAllSeries]);\n}\nfunction getDragClasses(panel) {\n var _a, _b;\n const parentLayout = sceneGraph.getLayout(panel);\n const isDraggable = parentLayout == null ? void 0 : parentLayout.isDraggable();\n if (!parentLayout || !isDraggable || itemDraggingDisabled(panel, parentLayout)) {\n return { dragClass: \"\", dragClassCancel: \"\" };\n }\n return { dragClass: (_a = parentLayout.getDragClass) == null ? void 0 : _a.call(parentLayout), dragClassCancel: (_b = parentLayout == null ? void 0 : parentLayout.getDragClassCancel) == null ? void 0 : _b.call(parentLayout) };\n}\nfunction getDragHooks(panel) {\n var _a, _b;\n const parentLayout = sceneGraph.getLayout(panel);\n return (_b = (_a = parentLayout == null ? void 0 : parentLayout.getDragHooks) == null ? void 0 : _a.call(parentLayout)) != null ? _b : {};\n}\nfunction itemDraggingDisabled(item, layout) {\n let ancestor = item.parent;\n while (ancestor && ancestor !== layout) {\n if (\"isDraggable\" in ancestor.state && ancestor.state.isDraggable === false) {\n return true;\n }\n ancestor = ancestor.parent;\n }\n return false;\n}\nfunction getChromeStatusMessage(data, pluginLoadingError) {\n if (pluginLoadingError) {\n return pluginLoadingError;\n }\n let message = data.error ? data.error.message : void 0;\n if (data.errors) {\n message = data.errors.map((e) => e.message).join(\", \");\n }\n return message;\n}\nconst relativeWrapper = css({\n position: \"relative\",\n width: \"100%\",\n height: \"100%\"\n});\nconst absoluteWrapper = css({\n position: \"absolute\",\n width: \"100%\",\n height: \"100%\"\n});\nconst getAlertStateStyles = (theme) => {\n return {\n ok: css({\n color: theme.colors.success.text\n }),\n pending: css({\n color: theme.colors.warning.text\n }),\n alerting: css({\n color: theme.colors.error.text\n })\n };\n};\n\nexport { VizPanelRenderer };\n//# sourceMappingURL=VizPanelRenderer.js.map\n","import { isSystemOverrideWithRef, FieldMatcherID, ByNamesMatcherMode, FieldType, getFieldDisplayName, fieldMatchers } from '@grafana/data';\nimport { SeriesVisibilityChangeMode } from '@grafana/ui';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst displayOverrideRef = \"hideSeriesFrom\";\nconst isHideSeriesOverride = isSystemOverrideWithRef(displayOverrideRef);\nfunction seriesVisibilityConfigFactory(label, mode, fieldConfig, data) {\n const { overrides } = fieldConfig;\n const displayName = label;\n const currentIndex = overrides.findIndex(isHideSeriesOverride);\n if (currentIndex < 0) {\n if (mode === SeriesVisibilityChangeMode.ToggleSelection) {\n const override3 = createOverride([displayName, ...getNamesOfHiddenFields(overrides, data)]);\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: [...fieldConfig.overrides, override3]\n });\n }\n const displayNames = getDisplayNames(data, displayName);\n const override2 = createOverride(displayNames);\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: [...fieldConfig.overrides, override2]\n });\n }\n const overridesCopy = Array.from(overrides);\n const [current] = overridesCopy.splice(currentIndex, 1);\n if (mode === SeriesVisibilityChangeMode.ToggleSelection) {\n let existing = getExistingDisplayNames(current);\n const nameOfHiddenFields = getNamesOfHiddenFields(overridesCopy, data);\n if (nameOfHiddenFields.length > 0) {\n existing = existing.filter((el) => nameOfHiddenFields.indexOf(el) < 0);\n }\n if (existing[0] === displayName && existing.length === 1) {\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: overridesCopy\n });\n }\n const override2 = createOverride([displayName, ...nameOfHiddenFields]);\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: [...overridesCopy, override2]\n });\n }\n const override = createExtendedOverride(current, displayName);\n if (allFieldsAreExcluded(override, data)) {\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: overridesCopy\n });\n }\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: [...overridesCopy, override]\n });\n}\nfunction createOverride(names, mode = ByNamesMatcherMode.exclude, property) {\n property = property != null ? property : {\n id: \"custom.hideFrom\",\n value: {\n viz: true,\n legend: false,\n tooltip: false\n }\n };\n return {\n __systemRef: displayOverrideRef,\n matcher: {\n id: FieldMatcherID.byNames,\n options: {\n mode,\n names,\n prefix: mode === ByNamesMatcherMode.exclude ? \"All except:\" : void 0,\n readOnly: true\n }\n },\n properties: [\n __spreadProps(__spreadValues({}, property), {\n value: {\n viz: true,\n legend: false,\n tooltip: false\n }\n })\n ]\n };\n}\nconst createExtendedOverride = (current, displayName, mode = ByNamesMatcherMode.exclude) => {\n const property = current.properties.find((p) => p.id === \"custom.hideFrom\");\n const existing = getExistingDisplayNames(current);\n const index = existing.findIndex((name) => name === displayName);\n if (index < 0) {\n existing.push(displayName);\n } else {\n existing.splice(index, 1);\n }\n return createOverride(existing, mode, property);\n};\nconst getExistingDisplayNames = (rule) => {\n var _a;\n const names = (_a = rule.matcher.options) == null ? void 0 : _a.names;\n if (!Array.isArray(names)) {\n return [];\n }\n return [...names];\n};\nconst allFieldsAreExcluded = (override, data) => {\n return getExistingDisplayNames(override).length === getDisplayNames(data).length;\n};\nconst getDisplayNames = (data, excludeName) => {\n const unique = /* @__PURE__ */ new Set();\n for (const frame of data) {\n for (const field of frame.fields) {\n if (field.type !== FieldType.number) {\n continue;\n }\n const name = getFieldDisplayName(field, frame, data);\n if (name === excludeName) {\n continue;\n }\n unique.add(name);\n }\n }\n return Array.from(unique);\n};\nconst getNamesOfHiddenFields = (overrides, data) => {\n var _a;\n let names = [];\n for (const override of overrides) {\n const property = override.properties.find((p) => p.id === \"custom.hideFrom\");\n if (property !== void 0 && ((_a = property.value) == null ? void 0 : _a.legend) === true) {\n const info = fieldMatchers.get(override.matcher.id);\n const matcher = info.get(override.matcher.options);\n for (const frame of data) {\n for (const field of frame.fields) {\n if (field.type !== FieldType.number) {\n continue;\n }\n const name = getFieldDisplayName(field, frame, data);\n if (matcher(field, frame, data)) {\n names.push(name);\n }\n }\n }\n }\n }\n return names;\n};\n\nexport { seriesVisibilityConfigFactory };\n//# sourceMappingURL=seriesVisibilityConfigFactory.js.map\n","import { FieldMatcherID, FieldColorModeId } from '@grafana/data';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst changeSeriesColorConfigFactory = (label, color, fieldConfig) => {\n const { overrides } = fieldConfig;\n const currentIndex = fieldConfig.overrides.findIndex((override) => {\n return override.matcher.id === FieldMatcherID.byName && override.matcher.options === label;\n });\n if (currentIndex < 0) {\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: [...fieldConfig.overrides, createOverride(label, color)]\n });\n }\n const overridesCopy = Array.from(overrides);\n const existing = overridesCopy[currentIndex];\n const propertyIndex = existing.properties.findIndex((p) => p.id === \"color\");\n if (propertyIndex < 0) {\n overridesCopy[currentIndex] = __spreadProps(__spreadValues({}, existing), {\n properties: [...existing.properties, createProperty(color)]\n });\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: overridesCopy\n });\n }\n const propertiesCopy = Array.from(existing.properties);\n propertiesCopy[propertyIndex] = createProperty(color);\n overridesCopy[currentIndex] = __spreadProps(__spreadValues({}, existing), {\n properties: propertiesCopy\n });\n return __spreadProps(__spreadValues({}, fieldConfig), {\n overrides: overridesCopy\n });\n};\nconst createOverride = (label, color) => {\n return {\n matcher: {\n id: FieldMatcherID.byName,\n options: label\n },\n properties: [createProperty(color)]\n };\n};\nconst createProperty = (color) => {\n return {\n id: \"color\",\n value: {\n mode: FieldColorModeId.Fixed,\n fixedColor: color\n }\n };\n};\n\nexport { changeSeriesColorConfigFactory };\n//# sourceMappingURL=colorSeriesConfigFactory.js.map\n","import { toUtc, getPanelOptionsWithDefaults, renderMarkdown, applyFieldOverrides, compareArrayValues, compareDataFrameStructures, CoreApp, DashboardCursorSync, PanelPlugin, PluginType } from '@grafana/data';\nimport { getPluginImportUtils, config, getAppEvents } from '@grafana/runtime';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { VizPanelRenderer } from './VizPanelRenderer.js';\nimport { VariableDependencyConfig } from '../../variables/VariableDependencyConfig.js';\nimport { seriesVisibilityConfigFactory } from './seriesVisibilityConfigFactory.js';\nimport { emptyPanelData } from '../../core/SceneDataNode.js';\nimport { changeSeriesColorConfigFactory } from './colorSeriesConfigFactory.js';\nimport { loadPanelPluginSync } from './registerRuntimePanelPlugin.js';\nimport { getCursorSyncScope } from '../../behaviors/CursorSync.js';\nimport { mergeWith, cloneDeep, isArray, merge, isEmpty } from 'lodash';\nimport { UserActionEvent } from '../../core/events.js';\nimport { evaluateTimeRange } from '../../utils/evaluateTimeRange.js';\nimport { LiveNowTimer } from '../../behaviors/LiveNowTimer.js';\nimport { wrapPromiseInStateObservable, registerQueryWithController } from '../../querying/registerQueryWithController.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass VizPanel extends SceneObjectBase {\n constructor(state) {\n var _a;\n super(__spreadValues({\n options: {},\n fieldConfig: { defaults: {}, overrides: [] },\n title: \"Title\",\n pluginId: \"timeseries\",\n _renderCounter: 0\n }, state));\n this._variableDependency = new VariableDependencyConfig(this, {\n statePaths: [\"title\", \"options\", \"fieldConfig\"]\n });\n this._structureRev = 0;\n this.onTimeRangeChange = (timeRange) => {\n const sceneTimeRange = sceneGraph.getTimeRange(this);\n sceneTimeRange.onTimeRangeChange({\n raw: {\n from: toUtc(timeRange.from),\n to: toUtc(timeRange.to)\n },\n from: toUtc(timeRange.from),\n to: toUtc(timeRange.to)\n });\n };\n this.getTimeRange = (data) => {\n const liveNowTimer = sceneGraph.findObject(this, (o) => o instanceof LiveNowTimer);\n const sceneTimeRange = sceneGraph.getTimeRange(this);\n if (liveNowTimer instanceof LiveNowTimer && liveNowTimer.isEnabled) {\n return evaluateTimeRange(\n sceneTimeRange.state.from,\n sceneTimeRange.state.to,\n sceneTimeRange.getTimeZone(),\n sceneTimeRange.state.fiscalYearStartMonth,\n sceneTimeRange.state.UNSAFE_nowDelay,\n sceneTimeRange.state.weekStart\n );\n }\n const plugin = this.getPlugin();\n if (plugin && !plugin.meta.skipDataQuery && data && data.timeRange) {\n return data.timeRange;\n }\n return sceneTimeRange.state.value;\n };\n this.onTitleChange = (title) => {\n this.setState({ title });\n };\n this.onDescriptionChange = (description) => {\n this.setState({ description });\n };\n this.onDisplayModeChange = (displayMode) => {\n this.setState({ displayMode });\n };\n this.onToggleCollapse = (collapsed) => {\n this.setState({\n collapsed\n });\n };\n this.onOptionsChange = (optionsUpdate, replace = false, isAfterPluginChange = false) => {\n var _a;\n const { fieldConfig, options } = this.state;\n const nextOptions = replace ? optionsUpdate : mergeWith(cloneDeep(options), optionsUpdate, (objValue, srcValue, key, obj) => {\n if (isArray(srcValue)) {\n return srcValue;\n }\n if (objValue !== srcValue && typeof srcValue === \"undefined\") {\n obj[key] = srcValue;\n return;\n }\n return;\n });\n const withDefaults = getPanelOptionsWithDefaults({\n plugin: this._plugin,\n currentOptions: nextOptions,\n currentFieldConfig: fieldConfig,\n isAfterPluginChange\n });\n this.setState({\n options: withDefaults.options,\n _renderCounter: ((_a = this.state._renderCounter) != null ? _a : 0) + 1\n });\n };\n this.onFieldConfigChange = (fieldConfigUpdate, replace) => {\n const { fieldConfig, options } = this.state;\n const nextFieldConfig = replace ? fieldConfigUpdate : merge(cloneDeep(fieldConfig), fieldConfigUpdate);\n const withDefaults = getPanelOptionsWithDefaults({\n plugin: this._plugin,\n currentOptions: options,\n currentFieldConfig: nextFieldConfig,\n isAfterPluginChange: false\n });\n this._dataWithFieldConfig = void 0;\n this.setState({ fieldConfig: withDefaults.fieldConfig });\n };\n this.interpolate = (value, scoped, format) => {\n return sceneGraph.interpolate(this, value, scoped, format);\n };\n this.getDescription = () => {\n this.publishEvent(new UserActionEvent({ origin: this, interaction: \"panel-description-shown\" }), true);\n const { description } = this.state;\n if (description) {\n const markdown = this.interpolate(description);\n return renderMarkdown(markdown);\n }\n return \"\";\n };\n this.onCancelQuery = () => {\n var _a;\n this.publishEvent(new UserActionEvent({ origin: this, interaction: \"panel-cancel-query-clicked\" }), true);\n const data = sceneGraph.getData(this);\n (_a = data.cancelQuery) == null ? void 0 : _a.call(data);\n };\n this.onStatusMessageClick = () => {\n this.publishEvent(new UserActionEvent({ origin: this, interaction: \"panel-status-message-clicked\" }), true);\n };\n this._onSeriesColorChange = (label, color) => {\n this.onFieldConfigChange(changeSeriesColorConfigFactory(label, color, this.state.fieldConfig));\n };\n this._onSeriesVisibilityChange = (label, mode) => {\n if (!this._dataWithFieldConfig) {\n return;\n }\n this.onFieldConfigChange(\n seriesVisibilityConfigFactory(label, mode, this.state.fieldConfig, this._dataWithFieldConfig.series),\n true\n );\n };\n this._onInstanceStateChange = (state) => {\n if (this._panelContext) {\n this._panelContext = __spreadProps(__spreadValues({}, this._panelContext), {\n instanceState: state\n });\n }\n this.setState({ _pluginInstanceState: state });\n };\n this._onToggleLegendSort = (sortKey) => {\n const legendOptions = this.state.options.legend;\n if (!legendOptions) {\n return;\n }\n let sortDesc = legendOptions.sortDesc;\n let sortBy = legendOptions.sortBy;\n if (sortKey !== sortBy) {\n sortDesc = void 0;\n }\n if (sortDesc === false) {\n sortBy = void 0;\n sortDesc = void 0;\n } else {\n sortDesc = !sortDesc;\n sortBy = sortKey;\n }\n this.onOptionsChange(\n __spreadProps(__spreadValues({}, this.state.options), {\n legend: __spreadProps(__spreadValues({}, legendOptions), { sortBy, sortDesc })\n }),\n true\n );\n };\n this.addActivationHandler(() => {\n this._onActivate();\n });\n (_a = state.menu) == null ? void 0 : _a.addActivationHandler(() => {\n this.publishEvent(new UserActionEvent({ origin: this, interaction: \"panel-menu-shown\" }), true);\n });\n }\n _onActivate() {\n if (!this._plugin) {\n this._loadPlugin(this.state.pluginId);\n }\n }\n forceRender() {\n var _a;\n this.setState({ _renderCounter: ((_a = this.state._renderCounter) != null ? _a : 0) + 1 });\n }\n async _loadPlugin(pluginId, overwriteOptions, overwriteFieldConfig, isAfterPluginChange) {\n const plugin = loadPanelPluginSync(pluginId);\n if (plugin) {\n this._pluginLoaded(plugin, overwriteOptions, overwriteFieldConfig, isAfterPluginChange);\n } else {\n const { importPanelPlugin } = getPluginImportUtils();\n try {\n const panelPromise = importPanelPlugin(pluginId);\n const queryControler = sceneGraph.getQueryController(this);\n if (queryControler && queryControler.state.enableProfiling) {\n wrapPromiseInStateObservable(panelPromise).pipe(registerQueryWithController({ type: \"plugin\", origin: this })).subscribe(() => {\n });\n }\n const result = await panelPromise;\n this._pluginLoaded(result, overwriteOptions, overwriteFieldConfig, isAfterPluginChange);\n } catch (err) {\n this._pluginLoaded(getPanelPluginNotFound(pluginId));\n if (err instanceof Error) {\n this.setState({ _pluginLoadError: err.message });\n }\n }\n }\n }\n getLegacyPanelId() {\n var _a, _b;\n const parts = (_b = (_a = this.state.key) == null ? void 0 : _a.split(\"/\")) != null ? _b : [];\n if (parts.length === 0) {\n return 0;\n }\n const part = parts[parts.length - 1];\n const panelId = parseInt(part.replace(\"panel-\", \"\"), 10);\n if (isNaN(panelId)) {\n return 0;\n }\n return panelId;\n }\n async _pluginLoaded(plugin, overwriteOptions, overwriteFieldConfig, isAfterPluginChange) {\n const { options, fieldConfig, title, pluginVersion, _UNSAFE_customMigrationHandler } = this.state;\n const panel = {\n title,\n options,\n fieldConfig,\n id: this.getLegacyPanelId(),\n type: plugin.meta.id,\n pluginVersion\n };\n if (overwriteOptions) {\n panel.options = overwriteOptions;\n }\n if (overwriteFieldConfig) {\n panel.fieldConfig = overwriteFieldConfig;\n }\n const currentVersion = this._getPluginVersion(plugin);\n _UNSAFE_customMigrationHandler == null ? void 0 : _UNSAFE_customMigrationHandler(panel, plugin);\n if (plugin.onPanelMigration && currentVersion !== pluginVersion && !isAfterPluginChange) {\n panel.options = await plugin.onPanelMigration(panel);\n }\n const withDefaults = getPanelOptionsWithDefaults({\n plugin,\n currentOptions: panel.options,\n currentFieldConfig: panel.fieldConfig,\n isAfterPluginChange: isAfterPluginChange != null ? isAfterPluginChange : false\n });\n this._plugin = plugin;\n this.setState({\n options: withDefaults.options,\n fieldConfig: withDefaults.fieldConfig,\n pluginVersion: currentVersion,\n pluginId: plugin.meta.id\n });\n if (plugin.meta.skipDataQuery) {\n const sceneTimeRange = sceneGraph.getTimeRange(this);\n this._subs.add(sceneTimeRange.subscribeToState(() => this.forceRender()));\n }\n }\n _getPluginVersion(plugin) {\n return plugin && plugin.meta.info.version ? plugin.meta.info.version : config.buildInfo.version;\n }\n getPlugin() {\n return this._plugin;\n }\n getPanelContext() {\n var _a;\n (_a = this._panelContext) != null ? _a : this._panelContext = this.buildPanelContext();\n return this._panelContext;\n }\n async changePluginType(pluginId, newOptions, newFieldConfig) {\n var _a, _b;\n const { options: prevOptions, fieldConfig: prevFieldConfig, pluginId: prevPluginId } = this.state;\n this._dataWithFieldConfig = void 0;\n const isAfterPluginChange = this.state.pluginId !== pluginId;\n await this._loadPlugin(pluginId, newOptions != null ? newOptions : {}, newFieldConfig, isAfterPluginChange);\n const panel = {\n title: this.state.title,\n options: this.state.options,\n fieldConfig: this.state.fieldConfig,\n id: 1,\n type: pluginId\n };\n const updatedOptions = (_b = (_a = this._plugin) == null ? void 0 : _a.onPanelTypeChanged) == null ? void 0 : _b.call(_a, panel, prevPluginId, prevOptions, prevFieldConfig);\n if (updatedOptions && !isEmpty(updatedOptions)) {\n this.onOptionsChange(updatedOptions, true, true);\n }\n }\n clearFieldConfigCache() {\n this._dataWithFieldConfig = void 0;\n }\n applyFieldConfig(rawData) {\n var _a, _b, _c, _d;\n const plugin = this._plugin;\n if (!plugin || plugin.meta.skipDataQuery || !rawData) {\n return emptyPanelData;\n }\n if (this._prevData === rawData && this._dataWithFieldConfig) {\n return this._dataWithFieldConfig;\n }\n const pluginDataSupport = plugin.dataSupport || { alertStates: false, annotations: false };\n const fieldConfigRegistry = plugin.fieldConfigRegistry;\n const prevFrames = (_b = (_a = this._dataWithFieldConfig) == null ? void 0 : _a.series) != null ? _b : [];\n const newFrames = applyFieldOverrides({\n data: rawData.series,\n fieldConfig: this.state.fieldConfig,\n fieldConfigRegistry,\n replaceVariables: this.interpolate,\n theme: config.theme2,\n timeZone: (_c = rawData.request) == null ? void 0 : _c.timezone\n });\n if (!compareArrayValues(newFrames, prevFrames, compareDataFrameStructures)) {\n this._structureRev++;\n }\n this._dataWithFieldConfig = __spreadProps(__spreadValues({}, rawData), {\n structureRev: this._structureRev,\n series: newFrames\n });\n if (this._dataWithFieldConfig.annotations) {\n this._dataWithFieldConfig.annotations = applyFieldOverrides({\n data: this._dataWithFieldConfig.annotations,\n fieldConfig: {\n defaults: {},\n overrides: []\n },\n fieldConfigRegistry,\n replaceVariables: this.interpolate,\n theme: config.theme2,\n timeZone: (_d = rawData.request) == null ? void 0 : _d.timezone\n });\n }\n if (!pluginDataSupport.alertStates) {\n this._dataWithFieldConfig.alertState = void 0;\n }\n if (!pluginDataSupport.annotations) {\n this._dataWithFieldConfig.annotations = void 0;\n }\n this._prevData = rawData;\n return this._dataWithFieldConfig;\n }\n buildPanelContext() {\n const sync = getCursorSyncScope(this);\n const context = {\n eventsScope: sync ? sync.getEventsScope() : \"__global_\",\n eventBus: sync ? sync.getEventsBus(this) : getAppEvents(),\n app: CoreApp.Unknown,\n sync: () => {\n if (sync) {\n return sync.state.sync;\n }\n return DashboardCursorSync.Off;\n },\n onSeriesColorChange: this._onSeriesColorChange,\n onToggleSeriesVisibility: this._onSeriesVisibilityChange,\n onToggleLegendSort: this._onToggleLegendSort,\n onInstanceStateChange: this._onInstanceStateChange\n };\n if (this.state.extendPanelContext) {\n this.state.extendPanelContext(this, context);\n }\n return context;\n }\n}\nVizPanel.Component = VizPanelRenderer;\nfunction getPanelPluginNotFound(id) {\n const plugin = new PanelPlugin(() => null);\n plugin.meta = {\n id,\n name: id,\n sort: 100,\n type: PluginType.panel,\n module: \"\",\n baseUrl: \"\",\n info: {\n author: {\n name: \"\"\n },\n description: \"\",\n links: [],\n logos: {\n large: \"\",\n small: \"public/img/grafana_icon.svg\"\n },\n screenshots: [],\n updated: \"\",\n version: \"\"\n }\n };\n return plugin;\n}\n\nexport { VizPanel };\n//# sourceMappingURL=VizPanel.js.map\n","import { VizPanel } from '../components/VizPanel/VizPanel.js';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\n\nconst _LiveNowTimer = class extends SceneObjectBase {\n constructor({ enabled = false }) {\n super({ enabled });\n this.timerId = void 0;\n this._activationHandler = () => {\n if (this.state.enabled) {\n this.enable();\n }\n return () => {\n window.clearInterval(this.timerId);\n this.timerId = void 0;\n };\n };\n this.addActivationHandler(this._activationHandler);\n }\n enable() {\n window.clearInterval(this.timerId);\n this.timerId = void 0;\n this.timerId = window.setInterval(() => {\n const panels = sceneGraph.findAllObjects(this.getRoot(), (obj) => obj instanceof VizPanel);\n for (const panel of panels) {\n panel.forceRender();\n }\n }, _LiveNowTimer.REFRESH_RATE);\n this.setState({ enabled: true });\n }\n disable() {\n window.clearInterval(this.timerId);\n this.timerId = void 0;\n this.setState({ enabled: false });\n }\n get isEnabled() {\n return this.state.enabled;\n }\n};\nlet LiveNowTimer = _LiveNowTimer;\nLiveNowTimer.REFRESH_RATE = 100;\n\nexport { LiveNowTimer };\n//# sourceMappingURL=LiveNowTimer.js.map\n","import { isFetchError } from '@grafana/runtime';\n\nfunction getMessageFromError(err) {\n if (typeof err === \"string\") {\n return err;\n }\n if (err) {\n if (err instanceof Error) {\n return err.message;\n } else if (isFetchError(err)) {\n if (err.data && err.data.message) {\n return err.data.message;\n } else if (err.statusText) {\n return err.statusText;\n }\n } else if (err.hasOwnProperty(\"message\")) {\n return err.message;\n }\n }\n return JSON.stringify(err);\n}\n\nexport { getMessageFromError };\n//# sourceMappingURL=getMessageFromError.js.map\n","import { ReplaySubject } from 'rxjs';\nimport { emptyPanelData } from '../../core/SceneDataNode.js';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { setBaseClassState } from '../../utils/utils.js';\nimport { writeSceneLog } from '../../utils/writeSceneLog.js';\nimport { VariableDependencyConfig } from '../../variables/VariableDependencyConfig.js';\nimport { VariableValueRecorder } from '../../variables/VariableValueRecorder.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass SceneDataLayerBase extends SceneObjectBase {\n constructor(initialState, variableDependencyStatePaths = []) {\n super(__spreadValues({\n isEnabled: true\n }, initialState));\n this._results = new ReplaySubject(1);\n this.isDataLayer = true;\n this._variableValueRecorder = new VariableValueRecorder();\n this._variableDependency = new VariableDependencyConfig(this, {\n onVariableUpdateCompleted: this.onVariableUpdateCompleted.bind(this)\n });\n this._variableDependency.setPaths(variableDependencyStatePaths);\n this.addActivationHandler(() => this.onActivate());\n }\n onActivate() {\n if (this.state.isEnabled) {\n this.onEnable();\n }\n if (this.shouldRunLayerOnActivate()) {\n this.runLayer();\n }\n this.subscribeToState((n, p) => {\n if (!n.isEnabled && this.querySub) {\n this.querySub.unsubscribe();\n this.querySub = void 0;\n this.onDisable();\n this._results.next({ origin: this, data: emptyPanelData });\n this.setStateHelper({ data: emptyPanelData });\n }\n if (n.isEnabled && !p.isEnabled) {\n this.onEnable();\n this.runLayer();\n }\n });\n return () => {\n this.onDeactivate();\n };\n }\n onDeactivate() {\n if (this.querySub) {\n this.querySub.unsubscribe();\n this.querySub = void 0;\n }\n this.onDisable();\n this._variableValueRecorder.recordCurrentDependencyValuesForSceneObject(this);\n }\n onVariableUpdateCompleted() {\n this.runLayer();\n }\n cancelQuery() {\n if (this.querySub) {\n this.querySub.unsubscribe();\n this.querySub = void 0;\n this.publishResults(emptyPanelData);\n }\n }\n publishResults(data) {\n if (this.state.isEnabled) {\n this._results.next({ origin: this, data });\n this.setStateHelper({ data });\n }\n }\n getResultsStream() {\n return this._results;\n }\n shouldRunLayerOnActivate() {\n if (!this.state.isEnabled) {\n return false;\n }\n if (this._variableValueRecorder.hasDependenciesChanged(this)) {\n writeSceneLog(\n \"SceneDataLayerBase\",\n \"Variable dependency changed while inactive, shouldRunLayerOnActivate returns true\"\n );\n return true;\n }\n if (!this.state.data) {\n return true;\n }\n return false;\n }\n setStateHelper(state) {\n setBaseClassState(this, state);\n }\n}\n\nexport { SceneDataLayerBase };\n//# sourceMappingURL=SceneDataLayerBase.js.map\n","import { css } from '@emotion/css';\nimport { LoadingState } from '@grafana/schema';\nimport { InlineSwitch } from '@grafana/ui';\nimport React from 'react';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { ControlsLabel } from '../../utils/ControlsLabel.js';\n\nclass SceneDataLayerControls extends SceneObjectBase {\n constructor() {\n super({});\n }\n}\nSceneDataLayerControls.Component = SceneDataLayerControlsRenderer;\nfunction SceneDataLayerControlsRenderer({ model }) {\n const layers = sceneGraph.getDataLayers(model, true);\n if (layers.length === 0) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(React.Fragment, null, layers.map((layer) => /* @__PURE__ */ React.createElement(layer.Component, {\n model: layer,\n key: layer.state.key\n })));\n}\nfunction DataLayerControlSwitch({ layer }) {\n var _a, _b;\n const elementId = `data-layer-${layer.state.key}`;\n const { data, isEnabled } = layer.useState();\n const showLoading = Boolean(data && data.state === LoadingState.Loading);\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: containerStyle\n }, /* @__PURE__ */ React.createElement(ControlsLabel, {\n htmlFor: elementId,\n isLoading: showLoading,\n onCancel: () => {\n var _a2;\n return (_a2 = layer.cancelQuery) == null ? void 0 : _a2.call(layer);\n },\n label: layer.state.name,\n description: layer.state.description,\n error: (_b = (_a = layer.state.data) == null ? void 0 : _a.errors) == null ? void 0 : _b[0].message\n }), /* @__PURE__ */ React.createElement(InlineSwitch, {\n id: elementId,\n value: isEnabled,\n onChange: () => layer.setState({ isEnabled: !isEnabled })\n }));\n}\nconst containerStyle = css({ display: \"flex\" });\n\nexport { DataLayerControlSwitch, SceneDataLayerControls };\n//# sourceMappingURL=SceneDataLayerControls.js.map\n","import { isString } from 'lodash';\nimport { of } from 'rxjs';\nimport { map, mergeMap } from 'rxjs/operators';\nimport { FieldType, getFieldDisplayName, AnnotationEventFieldSource, standardTransformers } from '@grafana/data';\nimport { config } from '@grafana/runtime';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst standardAnnotationSupport = {\n prepareAnnotation: (json) => {\n if (isString(json == null ? void 0 : json.query)) {\n const _a = json, { query } = _a, rest = __objRest(_a, [\"query\"]);\n return __spreadProps(__spreadValues({}, rest), {\n target: {\n refId: \"annotation_query\",\n query\n },\n mappings: {}\n });\n }\n return json;\n },\n prepareQuery: (anno) => anno.target,\n processEvents: (anno, data) => {\n return getAnnotationsFromData(data, anno.mappings);\n }\n};\nfunction singleFrameFromPanelData() {\n return (source) => source.pipe(\n mergeMap((data) => {\n if (!(data == null ? void 0 : data.length)) {\n return of(void 0);\n }\n if (data.length === 1) {\n return of(data[0]);\n }\n const ctx = {\n interpolate: (v) => v\n };\n return of(data).pipe(\n standardTransformers.mergeTransformer.operator({}, ctx),\n map((d) => d[0])\n );\n })\n );\n}\nconst annotationEventNames = [\n {\n key: \"time\",\n field: (frame) => frame.fields.find((f) => f.type === FieldType.time),\n placeholder: \"time, or the first time field\"\n },\n { key: \"timeEnd\", help: \"When this field is defined, the annotation will be treated as a range\" },\n {\n key: \"title\"\n },\n {\n key: \"text\",\n field: (frame) => frame.fields.find((f) => f.type === FieldType.string),\n placeholder: \"text, or the first text field\"\n },\n { key: \"tags\", split: \",\", help: \"The results will be split on comma (,)\" },\n {\n key: \"id\"\n }\n];\nconst publicDashboardEventNames = [\n {\n key: \"color\"\n },\n {\n key: \"isRegion\"\n },\n {\n key: \"source\"\n }\n];\nconst alertEventAndAnnotationFields = [\n ...config.publicDashboardAccessToken ? publicDashboardEventNames : [],\n ...annotationEventNames,\n { key: \"userId\" },\n { key: \"login\" },\n { key: \"email\" },\n { key: \"prevState\" },\n { key: \"newState\" },\n { key: \"data\" },\n { key: \"panelId\" },\n { key: \"alertId\" },\n { key: \"dashboardId\" },\n { key: \"dashboardUID\" }\n];\nfunction getAnnotationsFromData(data, options) {\n return of(data).pipe(\n singleFrameFromPanelData(),\n map((frame) => {\n if (!(frame == null ? void 0 : frame.length)) {\n return [];\n }\n let hasTime = false;\n let hasText = false;\n const byName = {};\n for (const f of frame.fields) {\n const name = getFieldDisplayName(f, frame);\n byName[name.toLowerCase()] = f;\n }\n if (!options) {\n options = {};\n }\n const fields = [];\n for (const evts of alertEventAndAnnotationFields) {\n const opt = options[evts.key] || {};\n if (opt.source === AnnotationEventFieldSource.Skip) {\n continue;\n }\n const setter = { key: evts.key, split: evts.split };\n if (opt.source === AnnotationEventFieldSource.Text) {\n setter.text = opt.value;\n } else {\n const lower = (opt.value || evts.key).toLowerCase();\n setter.field = byName[lower];\n if (!setter.field && evts.field) {\n setter.field = evts.field(frame);\n }\n }\n if (setter.field || setter.text) {\n fields.push(setter);\n if (setter.key === \"time\") {\n hasTime = true;\n } else if (setter.key === \"text\") {\n hasText = true;\n }\n }\n }\n if (!hasTime || !hasText) {\n console.error(\"Cannot process annotation fields. No time or text present.\");\n return [];\n }\n const events = [];\n for (let i = 0; i < frame.length; i++) {\n const anno = {\n type: \"default\",\n color: \"red\"\n };\n for (const f of fields) {\n let v = void 0;\n if (f.text) {\n v = f.text;\n } else if (f.field) {\n v = f.field.values.get(i);\n if (v !== void 0 && f.regex) {\n const match = f.regex.exec(v);\n if (match) {\n v = match[1] ? match[1] : match[0];\n }\n }\n }\n if (v !== null && v !== void 0) {\n if (f.split && typeof v === \"string\") {\n v = v.split(\",\");\n }\n anno[f.key] = v;\n }\n }\n events.push(anno);\n }\n return events;\n })\n );\n}\nconst legacyRunner = [\n \"prometheus\",\n \"loki\",\n \"elasticsearch\",\n \"grafana-opensearch-datasource\"\n];\nfunction shouldUseLegacyRunner(datasource) {\n const { type } = datasource;\n return !datasource.annotations || legacyRunner.includes(type);\n}\n\nexport { annotationEventNames, getAnnotationsFromData, publicDashboardEventNames, shouldUseLegacyRunner, singleFrameFromPanelData, standardAnnotationSupport };\n//# sourceMappingURL=standardAnnotationsSupport.js.map\n","import { from, of } from 'rxjs';\nimport { map, mergeMap } from 'rxjs/operators';\nimport { rangeUtil, CoreApp, DataTopic } from '@grafana/data';\nimport { getTemplateSrv, getRunRequest } from '@grafana/runtime';\nimport { shouldUseLegacyRunner, standardAnnotationSupport } from './standardAnnotationsSupport.js';\nimport { LoadingState } from '@grafana/schema';\nimport { getEnrichedDataRequest } from '../../getEnrichedDataRequest.js';\nimport { wrapInSafeSerializableSceneObject } from '../../../utils/wrapInSafeSerializableSceneObject.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nlet counter = 100;\nfunction getNextRequestId() {\n return \"AQ\" + counter++;\n}\nfunction executeAnnotationQuery(datasource, timeRange, query, layer) {\n var _a;\n if (datasource.annotationQuery && shouldUseLegacyRunner(datasource)) {\n console.warn(\"Using deprecated annotationQuery method, please upgrade your datasource\");\n return from(\n datasource.annotationQuery({\n range: timeRange.state.value,\n rangeRaw: timeRange.state.value.raw,\n annotation: query,\n dashboard: {\n getVariables: getTemplateSrv().getVariables\n }\n })\n ).pipe(\n map((events) => ({\n state: LoadingState.Done,\n events\n }))\n );\n }\n const processor = __spreadValues(__spreadValues({}, standardAnnotationSupport), datasource.annotations);\n const annotationWithDefaults = __spreadValues(__spreadValues({}, (_a = processor.getDefaultQuery) == null ? void 0 : _a.call(processor)), query);\n const annotation = processor.prepareAnnotation(annotationWithDefaults);\n if (!annotation) {\n return of({\n state: LoadingState.Done,\n events: []\n });\n }\n const processedQuery = processor.prepareQuery(annotation);\n if (!processedQuery) {\n return of({\n state: LoadingState.Done,\n events: []\n });\n }\n const maxDataPoints = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n const interval = rangeUtil.calculateInterval(timeRange.state.value, maxDataPoints, datasource.interval);\n const scopedVars = {\n __interval: { text: interval.interval, value: interval.interval },\n __interval_ms: { text: interval.intervalMs.toString(), value: interval.intervalMs },\n __annotation: { text: annotation.name, value: annotation },\n __sceneObject: wrapInSafeSerializableSceneObject(layer)\n };\n const queryRequest = __spreadValues(__spreadProps(__spreadValues({\n startTime: Date.now(),\n requestId: getNextRequestId(),\n range: timeRange.state.value,\n maxDataPoints,\n scopedVars\n }, interval), {\n app: CoreApp.Dashboard,\n timezone: timeRange.getTimeZone(),\n targets: [\n __spreadProps(__spreadValues({}, processedQuery), {\n refId: \"Anno\"\n })\n ]\n }), getEnrichedDataRequest(layer));\n const runRequest = getRunRequest();\n return runRequest(datasource, queryRequest).pipe(\n mergeMap((panelData) => {\n const data = (panelData == null ? void 0 : panelData.series.length) ? panelData.series : panelData.annotations;\n if (!(data == null ? void 0 : data.length)) {\n return of({\n state: panelData.state,\n events: []\n });\n }\n data.forEach((frame) => {\n var _a2;\n if (!((_a2 = frame.meta) == null ? void 0 : _a2.dataTopic)) {\n frame.meta = __spreadProps(__spreadValues({}, frame.meta || {}), { dataTopic: DataTopic.Annotations });\n }\n });\n return processor.processEvents(annotation, data).pipe(\n map((events) => {\n return {\n state: panelData.state,\n events: events || []\n };\n })\n );\n })\n );\n}\n\nexport { executeAnnotationQuery };\n//# sourceMappingURL=standardAnnotationQuery.js.map\n","import { config } from '@grafana/runtime';\nimport { cloneDeep, partition, groupBy, map, every, find, head, concat } from 'lodash';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nfunction postProcessQueryResult(annotation, results) {\n if (annotation.snapshotData) {\n annotation = cloneDeep(annotation);\n delete annotation.snapshotData;\n }\n const processed = results.map((item) => {\n var _a;\n const processedItem = __spreadValues({}, item);\n processedItem.source = annotation;\n processedItem.color = config.theme2.visualization.getColorByName(annotation.iconColor);\n processedItem.type = annotation.name;\n processedItem.isRegion = Boolean(processedItem.timeEnd && processedItem.time !== processedItem.timeEnd);\n switch ((_a = processedItem.newState) == null ? void 0 : _a.toLowerCase()) {\n case \"pending\":\n processedItem.color = \"yellow\";\n break;\n case \"alerting\":\n processedItem.color = \"red\";\n break;\n case \"ok\":\n processedItem.color = \"green\";\n break;\n case \"normal\":\n processedItem.color = \"green\";\n break;\n case \"no_data\":\n processedItem.color = \"gray\";\n break;\n case \"nodata\":\n processedItem.color = \"gray\";\n break;\n }\n return processedItem;\n });\n return processed;\n}\nfunction dedupAnnotations(annotations) {\n let dedup = [];\n const events = partition(annotations, \"id\");\n const eventsById = groupBy(events[0], \"id\");\n dedup = map(eventsById, (eventGroup) => {\n if (eventGroup.length > 1 && !every(eventGroup, isPanelAlert)) {\n return find(eventGroup, (event) => {\n return event.eventType !== \"panel-alert\";\n });\n } else {\n return head(eventGroup);\n }\n });\n dedup = concat(dedup, events[1]);\n return dedup;\n}\nfunction isPanelAlert(event) {\n return event.eventType === \"panel-alert\";\n}\n\nexport { dedupAnnotations, postProcessQueryResult };\n//# sourceMappingURL=utils.js.map\n","import { arrayToDataFrame, DataTopic } from '@grafana/data';\nimport { LoadingState } from '@grafana/schema';\nimport React from 'react';\nimport { map } from 'rxjs';\nimport { emptyPanelData } from '../../../core/SceneDataNode.js';\nimport { sceneGraph } from '../../../core/sceneGraph/index.js';\nimport { getDataSource } from '../../../utils/getDataSource.js';\nimport { getMessageFromError } from '../../../utils/getMessageFromError.js';\nimport { writeSceneLog } from '../../../utils/writeSceneLog.js';\nimport { registerQueryWithController } from '../../registerQueryWithController.js';\nimport { SceneDataLayerBase } from '../SceneDataLayerBase.js';\nimport { DataLayerControlSwitch } from '../SceneDataLayerControls.js';\nimport { executeAnnotationQuery } from './standardAnnotationQuery.js';\nimport { postProcessQueryResult, dedupAnnotations } from './utils.js';\nimport { wrapInSafeSerializableSceneObject } from '../../../utils/wrapInSafeSerializableSceneObject.js';\nimport { RefreshEvent } from '@grafana/runtime';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass AnnotationsDataLayer extends SceneDataLayerBase {\n constructor(initialState) {\n super(\n __spreadValues({\n isEnabled: true\n }, initialState),\n [\"query\"]\n );\n this._scopedVars = {\n __sceneObject: wrapInSafeSerializableSceneObject(this)\n };\n }\n onEnable() {\n this.publishEvent(new RefreshEvent(), true);\n const timeRange = sceneGraph.getTimeRange(this);\n this._timeRangeSub = timeRange.subscribeToState(() => {\n this.runWithTimeRange(timeRange);\n });\n }\n onDisable() {\n var _a;\n this.publishEvent(new RefreshEvent(), true);\n (_a = this._timeRangeSub) == null ? void 0 : _a.unsubscribe();\n }\n runLayer() {\n writeSceneLog(\"AnnotationsDataLayer\", \"run layer\");\n const timeRange = sceneGraph.getTimeRange(this);\n this.runWithTimeRange(timeRange);\n }\n async runWithTimeRange(timeRange) {\n const { query } = this.state;\n if (this.querySub) {\n this.querySub.unsubscribe();\n }\n if (this._variableDependency.hasDependencyInLoadingState()) {\n writeSceneLog(\"AnnotationsDataLayer\", \"Variable dependency is in loading state, skipping query execution\");\n return;\n }\n try {\n const ds = await this.resolveDataSource(query);\n let stream = executeAnnotationQuery(ds, timeRange, query, this).pipe(\n registerQueryWithController({\n type: \"annotations\",\n origin: this,\n cancel: () => this.cancelQuery()\n }),\n map((events) => {\n const stateUpdate = this.processEvents(query, events);\n return stateUpdate;\n })\n );\n this.querySub = stream.subscribe((stateUpdate) => {\n this.publishResults(stateUpdate);\n });\n } catch (e) {\n this.publishResults(__spreadProps(__spreadValues({}, emptyPanelData), {\n state: LoadingState.Error,\n errors: [\n {\n message: getMessageFromError(e)\n }\n ]\n }));\n console.error(\"AnnotationsDataLayer error\", e);\n }\n }\n async resolveDataSource(query) {\n return await getDataSource(query.datasource || void 0, this._scopedVars);\n }\n processEvents(query, events) {\n let processedEvents = postProcessQueryResult(query, events.events || []);\n processedEvents = dedupAnnotations(processedEvents);\n const stateUpdate = __spreadProps(__spreadValues({}, emptyPanelData), { state: events.state });\n const df = arrayToDataFrame(processedEvents);\n df.meta = __spreadProps(__spreadValues({}, df.meta), {\n dataTopic: DataTopic.Annotations\n });\n stateUpdate.series = [df];\n return stateUpdate;\n }\n}\nAnnotationsDataLayer.Component = AnnotationsDataLayerRenderer;\nfunction AnnotationsDataLayerRenderer({ model }) {\n const { isHidden } = model.useState();\n if (isHidden) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(DataLayerControlSwitch, {\n layer: model\n });\n}\n\nexport { AnnotationsDataLayer };\n//# sourceMappingURL=AnnotationsDataLayer.js.map\n","import { sceneGraph } from './sceneGraph/index.js';\nimport { SceneObjectBase } from './SceneObjectBase.js';\n\nclass SceneTimeRangeTransformerBase extends SceneObjectBase {\n constructor(state) {\n super(state);\n this._activationHandler = () => {\n const ancestorTimeRange = this.getAncestorTimeRange();\n this.ancestorTimeRangeChanged(ancestorTimeRange.state);\n this._subs.add(ancestorTimeRange.subscribeToState((s) => this.ancestorTimeRangeChanged(s)));\n };\n this.addActivationHandler(this._activationHandler);\n }\n getAncestorTimeRange() {\n if (!this.parent || !this.parent.parent) {\n throw new Error(typeof this + \" must be used within $timeRange scope\");\n }\n return sceneGraph.getTimeRange(this.parent.parent);\n }\n getTimeZone() {\n return this.getAncestorTimeRange().getTimeZone();\n }\n onTimeRangeChange(timeRange) {\n this.getAncestorTimeRange().onTimeRangeChange(timeRange);\n }\n onTimeZoneChange(timeZone) {\n this.getAncestorTimeRange().onTimeZoneChange(timeZone);\n }\n onRefresh() {\n this.getAncestorTimeRange().onRefresh();\n }\n}\n\nexport { SceneTimeRangeTransformerBase };\n//# sourceMappingURL=SceneTimeRangeTransformerBase.js.map\n","import { SceneTimeRangeTransformerBase } from './SceneTimeRangeTransformerBase.js';\nimport { getDefaultTimeRange } from '@grafana/data';\nimport { evaluateTimeRange } from '../utils/evaluateTimeRange.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass SceneTimeZoneOverride extends SceneTimeRangeTransformerBase {\n constructor(state) {\n super(__spreadProps(__spreadValues({}, state), {\n timeZone: state.timeZone,\n from: \"now-6h\",\n to: \"now\",\n value: getDefaultTimeRange()\n }));\n }\n ancestorTimeRangeChanged(timeRange) {\n this.setState(__spreadProps(__spreadValues({}, timeRange), {\n timeZone: this.state.timeZone,\n value: evaluateTimeRange(\n timeRange.from,\n timeRange.to,\n this.state.timeZone,\n timeRange.fiscalYearStartMonth,\n timeRange.UNSAFE_nowDelay,\n timeRange.weekStart\n )\n }));\n }\n getTimeZone() {\n return this.state.timeZone;\n }\n onTimeZoneChange(timeZone) {\n const parentTimeRange = this.getAncestorTimeRange();\n this.setState({\n timeZone,\n value: evaluateTimeRange(\n parentTimeRange.state.from,\n parentTimeRange.state.to,\n timeZone,\n parentTimeRange.state.fiscalYearStartMonth,\n parentTimeRange.state.UNSAFE_nowDelay,\n parentTimeRange.state.weekStart\n )\n });\n }\n}\n\nexport { SceneTimeZoneOverride };\n//# sourceMappingURL=SceneTimeZoneOverride.js.map\n","import { SceneObjectBase } from '../core/SceneObjectBase.js';\n\nclass DataProviderProxy extends SceneObjectBase {\n constructor(state) {\n super({\n source: state.source,\n data: state.source.resolve().state.data\n });\n this.addActivationHandler(() => {\n this._subs.add(\n this.state.source.resolve().subscribeToState((newState, oldState) => {\n if (newState.data !== oldState.data) {\n this.setState({ data: newState.data });\n }\n })\n );\n });\n }\n setContainerWidth(width) {\n var _a, _b;\n (_b = (_a = this.state.source.resolve()).setContainerWidth) == null ? void 0 : _b.call(_a, width);\n }\n isDataReadyToDisplay() {\n var _a, _b, _c;\n return (_c = (_b = (_a = this.state.source.resolve()).isDataReadyToDisplay) == null ? void 0 : _b.call(_a)) != null ? _c : true;\n }\n cancelQuery() {\n var _a, _b;\n (_b = (_a = this.state.source.resolve()).cancelQuery) == null ? void 0 : _b.call(_a);\n }\n getResultsStream() {\n return this.state.source.resolve().getResultsStream();\n }\n}\n\nexport { DataProviderProxy };\n//# sourceMappingURL=DataProviderProxy.js.map\n","import React from 'react';\nimport { ReplaySubject } from 'rxjs';\nimport { emptyPanelData } from '../core/SceneDataNode.js';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { DataLayersMerger } from './DataLayersMerger.js';\nimport { setBaseClassState } from '../utils/utils.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass SceneDataLayerSetBase extends SceneObjectBase {\n constructor() {\n super(...arguments);\n this.isDataLayer = true;\n this._results = new ReplaySubject(1);\n this._dataLayersMerger = new DataLayersMerger();\n }\n subscribeToAllLayers(layers) {\n if (layers.length > 0) {\n this.querySub = this._dataLayersMerger.getMergedStream(layers).subscribe(this._onLayerUpdateReceived.bind(this));\n } else {\n this._results.next({ origin: this, data: emptyPanelData });\n this.setStateHelper({ data: emptyPanelData });\n }\n }\n _onLayerUpdateReceived(results) {\n var _a;\n let series = [];\n for (const result of results) {\n if ((_a = result.data) == null ? void 0 : _a.series) {\n series = series.concat(result.data.series);\n }\n }\n const combinedData = __spreadProps(__spreadValues({}, emptyPanelData), { series });\n this._results.next({ origin: this, data: combinedData });\n this.setStateHelper({ data: combinedData });\n }\n getResultsStream() {\n return this._results;\n }\n cancelQuery() {\n var _a;\n (_a = this.querySub) == null ? void 0 : _a.unsubscribe();\n }\n setStateHelper(state) {\n setBaseClassState(this, state);\n }\n}\nclass SceneDataLayerSet extends SceneDataLayerSetBase {\n constructor(state) {\n var _a, _b;\n super({\n name: (_a = state.name) != null ? _a : \"Data layers\",\n layers: (_b = state.layers) != null ? _b : []\n });\n this.addActivationHandler(() => this._onActivate());\n }\n _onActivate() {\n this._subs.add(\n this.subscribeToState((newState, oldState) => {\n var _a;\n if (newState.layers !== oldState.layers) {\n (_a = this.querySub) == null ? void 0 : _a.unsubscribe();\n this.subscribeToAllLayers(newState.layers);\n }\n })\n );\n this.subscribeToAllLayers(this.state.layers);\n return () => {\n var _a;\n (_a = this.querySub) == null ? void 0 : _a.unsubscribe();\n };\n }\n}\nSceneDataLayerSet.Component = ({ model }) => {\n const { layers } = model.useState();\n return /* @__PURE__ */ React.createElement(React.Fragment, null, layers.map((layer) => /* @__PURE__ */ React.createElement(layer.Component, {\n model: layer,\n key: layer.state.key\n })));\n};\n\nexport { SceneDataLayerSet, SceneDataLayerSetBase };\n//# sourceMappingURL=SceneDataLayerSet.js.map\n","import { DataTopic, transformDataFrame, LoadingState } from '@grafana/data';\nimport { toDataQueryError } from '@grafana/runtime';\nimport { ReplaySubject, forkJoin, map, catchError, of } from 'rxjs';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { VariableDependencyConfig } from '../variables/VariableDependencyConfig.js';\nimport { SceneDataLayerSet } from './SceneDataLayerSet.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass SceneDataTransformer extends SceneObjectBase {\n constructor(state) {\n super(state);\n this._results = new ReplaySubject(1);\n this._variableDependency = new VariableDependencyConfig(\n this,\n {\n statePaths: [\"transformations\"],\n onReferencedVariableValueChanged: () => this.reprocessTransformations()\n }\n );\n this.addActivationHandler(() => this.activationHandler());\n }\n activationHandler() {\n const sourceData = this.getSourceData();\n this._subs.add(sourceData.subscribeToState((state) => this.transform(state.data)));\n if (sourceData.state.data) {\n this.transform(sourceData.state.data);\n }\n return () => {\n if (this._transformSub) {\n this._transformSub.unsubscribe();\n }\n };\n }\n getSourceData() {\n if (this.state.$data) {\n if (this.state.$data instanceof SceneDataLayerSet) {\n throw new Error(\"SceneDataLayerSet can not be used as data provider for SceneDataTransformer.\");\n }\n return this.state.$data;\n }\n if (!this.parent || !this.parent.parent) {\n throw new Error(\"SceneDataTransformer must either have $data set on it or have a parent.parent with $data\");\n }\n return sceneGraph.getData(this.parent.parent);\n }\n setContainerWidth(width) {\n if (this.state.$data && this.state.$data.setContainerWidth) {\n this.state.$data.setContainerWidth(width);\n }\n }\n isDataReadyToDisplay() {\n const dataObject = this.getSourceData();\n if (dataObject.isDataReadyToDisplay) {\n return dataObject.isDataReadyToDisplay();\n }\n return true;\n }\n reprocessTransformations() {\n this.transform(this.getSourceData().state.data, true);\n }\n cancelQuery() {\n var _a, _b;\n (_b = (_a = this.getSourceData()).cancelQuery) == null ? void 0 : _b.call(_a);\n }\n getResultsStream() {\n return this._results;\n }\n clone(withState) {\n const clone = super.clone(withState);\n if (this._prevDataFromSource) {\n clone[\"_prevDataFromSource\"] = this._prevDataFromSource;\n }\n return clone;\n }\n haveAlreadyTransformedData(data) {\n if (!this._prevDataFromSource) {\n return false;\n }\n if (data === this._prevDataFromSource) {\n return true;\n }\n const { series, annotations } = this._prevDataFromSource;\n if (data.series === series && data.annotations === annotations) {\n if (this.state.data && data.state !== this.state.data.state) {\n this.setState({ data: __spreadProps(__spreadValues({}, this.state.data), { state: data.state }) });\n }\n return true;\n }\n return false;\n }\n transform(data, force = false) {\n var _a;\n if (this.state.transformations.length === 0 || !data) {\n this._prevDataFromSource = data;\n this.setState({ data });\n if (data) {\n this._results.next({ origin: this, data });\n }\n return;\n }\n if (!force && this.haveAlreadyTransformedData(data)) {\n return;\n }\n let interpolatedTransformations = this._interpolateVariablesInTransformationConfigs(data);\n const seriesTransformations = interpolatedTransformations.filter((transformation) => {\n if (\"options\" in transformation || \"topic\" in transformation) {\n return transformation.topic == null || transformation.topic === DataTopic.Series;\n }\n return true;\n }).map((transformation) => \"operator\" in transformation ? transformation.operator : transformation);\n const annotationsTransformations = interpolatedTransformations.filter((transformation) => {\n if (\"options\" in transformation || \"topic\" in transformation) {\n return transformation.topic === DataTopic.Annotations;\n }\n return false;\n }).map((transformation) => \"operator\" in transformation ? transformation.operator : transformation);\n if (this._transformSub) {\n this._transformSub.unsubscribe();\n }\n const ctx = {\n interpolate: (value) => {\n var _a2;\n return sceneGraph.interpolate(this, value, (_a2 = data.request) == null ? void 0 : _a2.scopedVars);\n }\n };\n let streams = [transformDataFrame(seriesTransformations, data.series, ctx)];\n if (data.annotations && data.annotations.length > 0 && annotationsTransformations.length > 0) {\n streams.push(transformDataFrame(annotationsTransformations, (_a = data.annotations) != null ? _a : []));\n }\n this._transformSub = forkJoin(streams).pipe(\n map((values) => {\n const transformedSeries = values[0];\n const transformedAnnotations = values[1];\n return __spreadProps(__spreadValues({}, data), {\n series: transformedSeries,\n annotations: transformedAnnotations != null ? transformedAnnotations : data.annotations\n });\n }),\n catchError((err) => {\n var _a2;\n console.error(\"Error transforming data: \", err);\n const sourceErr = ((_a2 = this.getSourceData().state.data) == null ? void 0 : _a2.errors) || [];\n const transformationError = toDataQueryError(err);\n transformationError.message = `Error transforming data: ${transformationError.message}`;\n const result = __spreadProps(__spreadValues({}, data), {\n state: LoadingState.Error,\n errors: [...sourceErr, transformationError]\n });\n return of(result);\n })\n ).subscribe((transformedData) => {\n this.setState({ data: transformedData });\n this._results.next({ origin: this, data: transformedData });\n this._prevDataFromSource = data;\n });\n }\n _interpolateVariablesInTransformationConfigs(data) {\n var _a;\n const transformations = this.state.transformations;\n if (this._variableDependency.getNames().size === 0) {\n return transformations;\n }\n const onlyObjects = transformations.every((t) => typeof t === \"object\");\n if (onlyObjects) {\n return JSON.parse(sceneGraph.interpolate(this, JSON.stringify(transformations), (_a = data.request) == null ? void 0 : _a.scopedVars));\n }\n return transformations.map((t) => {\n var _a2;\n return typeof t === \"object\" ? JSON.parse(sceneGraph.interpolate(this, JSON.stringify(t), (_a2 = data.request) == null ? void 0 : _a2.scopedVars)) : t;\n });\n }\n}\n\nexport { SceneDataTransformer };\n//# sourceMappingURL=SceneDataTransformer.js.map\n","import React from 'react';\nimport { VariableHide } from '@grafana/data';\nimport { SceneObjectBase, useSceneObjectState } from '../../core/SceneObjectBase.js';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { ControlsLabel } from '../../utils/ControlsLabel.js';\nimport { css } from '@emotion/css';\nimport { selectors } from '@grafana/e2e-selectors';\n\nclass VariableValueSelectors extends SceneObjectBase {\n}\nVariableValueSelectors.Component = VariableValueSelectorsRenderer;\nfunction VariableValueSelectorsRenderer({ model }) {\n const variables = sceneGraph.getVariables(model).useState();\n return /* @__PURE__ */ React.createElement(React.Fragment, null, variables.variables.map((variable) => /* @__PURE__ */ React.createElement(VariableValueSelectWrapper, {\n key: variable.state.key,\n variable,\n layout: model.state.layout\n })));\n}\nfunction VariableValueSelectWrapper({ variable, layout, showAlways, hideLabel }) {\n const state = useSceneObjectState(variable, { shouldActivateOrKeepAlive: true });\n if (state.hide === VariableHide.hideVariable && !showAlways) {\n return null;\n }\n if (layout === \"vertical\") {\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: verticalContainer,\n \"data-testid\": selectors.pages.Dashboard.SubMenu.submenuItem\n }, /* @__PURE__ */ React.createElement(VariableLabel, {\n variable,\n layout,\n hideLabel\n }), /* @__PURE__ */ React.createElement(variable.Component, {\n model: variable\n }));\n }\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: containerStyle,\n \"data-testid\": selectors.pages.Dashboard.SubMenu.submenuItem\n }, /* @__PURE__ */ React.createElement(VariableLabel, {\n variable,\n hideLabel\n }), /* @__PURE__ */ React.createElement(variable.Component, {\n model: variable\n }));\n}\nfunction VariableLabel({ variable, layout, hideLabel }) {\n var _a;\n const { state } = variable;\n if (variable.state.hide === VariableHide.hideLabel || hideLabel) {\n return null;\n }\n const elementId = `var-${state.key}`;\n const labelOrName = state.label || state.name;\n return /* @__PURE__ */ React.createElement(ControlsLabel, {\n htmlFor: elementId,\n isLoading: state.loading,\n onCancel: () => {\n var _a2;\n return (_a2 = variable.onCancel) == null ? void 0 : _a2.call(variable);\n },\n label: labelOrName,\n error: state.error,\n layout,\n description: (_a = state.description) != null ? _a : void 0\n });\n}\nconst containerStyle = css({\n display: \"flex\",\n \"> :nth-child(2)\": css({\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0\n })\n});\nconst verticalContainer = css({ display: \"flex\", flexDirection: \"column\" });\n\nexport { VariableValueSelectWrapper, VariableValueSelectors };\n//# sourceMappingURL=VariableValueSelectors.js.map\n","import React from 'react';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { VariableValueSelectWrapper } from './VariableValueSelectors.js';\n\nclass VariableValueControl extends SceneObjectBase {\n}\nVariableValueControl.Component = VariableValueControlRenderer;\nfunction VariableValueControlRenderer({ model }) {\n const variable = sceneGraph.lookupVariable(model.state.variableName, model);\n if (!variable) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(VariableValueSelectWrapper, {\n key: variable.state.key,\n variable,\n layout: model.state.layout,\n showAlways: true\n });\n}\n\nexport { VariableValueControl };\n//# sourceMappingURL=VariableValueControl.js.map\n","import { VariableRefresh } from '@grafana/data';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { writeSceneLog } from '../../utils/writeSceneLog.js';\nimport { SceneVariableValueChangedEvent } from '../types.js';\nimport { VariableValueRecorder } from '../VariableValueRecorder.js';\n\nclass SceneVariableSet extends SceneObjectBase {\n constructor(state) {\n super(state);\n this._variablesThatHaveChanged = /* @__PURE__ */ new Set();\n this._variablesToUpdate = /* @__PURE__ */ new Set();\n this._updating = /* @__PURE__ */ new Map();\n this._variableValueRecorder = new VariableValueRecorder();\n this._variableDependency = new SceneVariableSetVariableDependencyHandler(\n this._handleParentVariableUpdatesCompleted.bind(this)\n );\n this._onActivate = () => {\n const timeRange = sceneGraph.getTimeRange(this);\n this._subs.add(\n this.subscribeToEvent(SceneVariableValueChangedEvent, (event) => this._handleVariableValueChanged(event.payload))\n );\n this._subs.add(\n timeRange.subscribeToState(() => {\n this._refreshTimeRangeBasedVariables();\n })\n );\n this._subs.add(this.subscribeToState(this._onStateChanged));\n this._checkForVariablesThatChangedWhileInactive();\n for (const variable of this.state.variables) {\n if (this._variableNeedsUpdate(variable)) {\n this._variablesToUpdate.add(variable);\n }\n }\n this._updateNextBatch();\n return this._onDeactivate;\n };\n this._onDeactivate = () => {\n var _a;\n for (const update of this._updating.values()) {\n (_a = update.subscription) == null ? void 0 : _a.unsubscribe();\n }\n for (const variable of this.state.variables) {\n if (!this._variablesToUpdate.has(variable) && !this._updating.has(variable)) {\n this._variableValueRecorder.recordCurrentValue(variable);\n }\n }\n this._variablesToUpdate.clear();\n this._updating.clear();\n };\n this._onStateChanged = (newState, oldState) => {\n const variablesToUpdateCountStart = this._variablesToUpdate.size;\n for (const variable of oldState.variables) {\n if (!newState.variables.includes(variable)) {\n const updating = this._updating.get(variable);\n if (updating == null ? void 0 : updating.subscription) {\n updating.subscription.unsubscribe();\n }\n this._updating.delete(variable);\n this._variablesToUpdate.delete(variable);\n }\n }\n for (const variable of newState.variables) {\n if (!oldState.variables.includes(variable)) {\n if (this._variableNeedsUpdate(variable)) {\n this._variablesToUpdate.add(variable);\n }\n }\n }\n if (variablesToUpdateCountStart === 0 && this._variablesToUpdate.size > 0) {\n this._updateNextBatch();\n }\n };\n this.addActivationHandler(this._onActivate);\n }\n getByName(name) {\n return this.state.variables.find((x) => x.state.name === name);\n }\n _refreshTimeRangeBasedVariables() {\n for (const variable of this.state.variables) {\n if (\"refresh\" in variable.state && variable.state.refresh === VariableRefresh.onTimeRangeChanged) {\n this._variablesToUpdate.add(variable);\n }\n }\n this._updateNextBatch();\n }\n _checkForVariablesThatChangedWhileInactive() {\n if (!this._variableValueRecorder.hasValues()) {\n return;\n }\n for (const variable of this.state.variables) {\n if (this._variableValueRecorder.hasValueChanged(variable)) {\n writeVariableTraceLog(variable, \"Changed while in-active\");\n this._addDependentVariablesToUpdateQueue(variable);\n }\n }\n }\n _variableNeedsUpdate(variable) {\n if (variable.isLazy) {\n return false;\n }\n if (!variable.validateAndUpdate) {\n return false;\n }\n if (this._variableValueRecorder.hasRecordedValue(variable)) {\n writeVariableTraceLog(variable, \"Skipping updateAndValidate current value valid\");\n return false;\n }\n return true;\n }\n _updateNextBatch() {\n for (const variable of this._variablesToUpdate) {\n if (!variable.validateAndUpdate) {\n throw new Error(\"Variable added to variablesToUpdate but does not have validateAndUpdate\");\n }\n if (this._updating.has(variable)) {\n continue;\n }\n if (sceneGraph.hasVariableDependencyInLoadingState(variable)) {\n continue;\n }\n const variableToUpdate = {\n variable\n };\n this._updating.set(variable, variableToUpdate);\n writeVariableTraceLog(variable, \"updateAndValidate started\");\n variableToUpdate.subscription = variable.validateAndUpdate().subscribe({\n next: () => this._validateAndUpdateCompleted(variable),\n complete: () => this._validateAndUpdateCompleted(variable),\n error: (err) => this._handleVariableError(variable, err)\n });\n }\n }\n _validateAndUpdateCompleted(variable) {\n var _a;\n if (!this._updating.has(variable)) {\n return;\n }\n const update = this._updating.get(variable);\n (_a = update == null ? void 0 : update.subscription) == null ? void 0 : _a.unsubscribe();\n this._updating.delete(variable);\n this._variablesToUpdate.delete(variable);\n writeVariableTraceLog(variable, \"updateAndValidate completed\");\n this._notifyDependentSceneObjects(variable);\n this._updateNextBatch();\n }\n cancel(variable) {\n var _a;\n const update = this._updating.get(variable);\n (_a = update == null ? void 0 : update.subscription) == null ? void 0 : _a.unsubscribe();\n this._updating.delete(variable);\n this._variablesToUpdate.delete(variable);\n }\n _handleVariableError(variable, err) {\n var _a;\n const update = this._updating.get(variable);\n (_a = update == null ? void 0 : update.subscription) == null ? void 0 : _a.unsubscribe();\n this._updating.delete(variable);\n this._variablesToUpdate.delete(variable);\n variable.setState({ loading: false, error: err.message });\n console.error(\"SceneVariableSet updateAndValidate error\", err);\n writeVariableTraceLog(variable, \"updateAndValidate error\", err);\n this._notifyDependentSceneObjects(variable);\n this._updateNextBatch();\n }\n _handleVariableValueChanged(variableThatChanged) {\n this._variablesThatHaveChanged.add(variableThatChanged);\n this._addDependentVariablesToUpdateQueue(variableThatChanged);\n if (!this._updating.has(variableThatChanged)) {\n this._updateNextBatch();\n this._notifyDependentSceneObjects(variableThatChanged);\n }\n }\n _handleParentVariableUpdatesCompleted(variable, hasChanged) {\n if (hasChanged) {\n this._addDependentVariablesToUpdateQueue(variable);\n }\n if (this._variablesToUpdate.size > 0 && this._updating.size === 0) {\n this._updateNextBatch();\n }\n }\n _addDependentVariablesToUpdateQueue(variableThatChanged) {\n for (const otherVariable of this.state.variables) {\n if (otherVariable.variableDependency) {\n if (otherVariable.variableDependency.hasDependencyOn(variableThatChanged.state.name)) {\n writeVariableTraceLog(otherVariable, \"Added to update queue, dependant variable value changed\");\n if (this._updating.has(otherVariable) && otherVariable.onCancel) {\n otherVariable.onCancel();\n }\n this._variablesToUpdate.add(otherVariable);\n }\n }\n }\n }\n _notifyDependentSceneObjects(variable) {\n if (!this.parent) {\n return;\n }\n this._traverseSceneAndNotify(this.parent, variable, this._variablesThatHaveChanged.has(variable));\n this._variablesThatHaveChanged.delete(variable);\n }\n _traverseSceneAndNotify(sceneObject, variable, hasChanged) {\n if (this === sceneObject) {\n return;\n }\n if (!sceneObject.isActive) {\n return;\n }\n if (sceneObject.state.$variables && sceneObject.state.$variables !== this) {\n const localVar = sceneObject.state.$variables.getByName(variable.state.name);\n if (localVar == null ? void 0 : localVar.isAncestorLoading) {\n variable = localVar;\n } else if (localVar) {\n return;\n }\n }\n if (sceneObject.variableDependency) {\n sceneObject.variableDependency.variableUpdateCompleted(variable, hasChanged);\n }\n sceneObject.forEachChild((child) => this._traverseSceneAndNotify(child, variable, hasChanged));\n }\n isVariableLoadingOrWaitingToUpdate(variable) {\n if (variable.isAncestorLoading && variable.isAncestorLoading()) {\n return true;\n }\n if (this._variablesToUpdate.has(variable) || this._updating.has(variable)) {\n return true;\n }\n return sceneGraph.hasVariableDependencyInLoadingState(variable);\n }\n}\nfunction writeVariableTraceLog(variable, message, err) {\n if (err) {\n writeSceneLog(\"SceneVariableSet\", `Variable[${variable.state.name}]: ${message}`, err);\n } else {\n writeSceneLog(\"SceneVariableSet\", `Variable[${variable.state.name}]: ${message}`);\n }\n}\nclass SceneVariableSetVariableDependencyHandler {\n constructor(_variableUpdatesCompleted) {\n this._variableUpdatesCompleted = _variableUpdatesCompleted;\n this._emptySet = /* @__PURE__ */ new Set();\n }\n getNames() {\n return this._emptySet;\n }\n hasDependencyOn(name) {\n return false;\n }\n variableUpdateCompleted(variable, hasChanged) {\n this._variableUpdatesCompleted(variable, hasChanged);\n }\n}\n\nexport { SceneVariableSet };\n//# sourceMappingURL=SceneVariableSet.js.map\n","import { of } from 'rxjs';\nimport { VariableDependencyConfig } from '../VariableDependencyConfig.js';\nimport { renderSelectForVariable } from '../components/VariableValueSelect.js';\nimport { MultiValueVariable } from './MultiValueVariable.js';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass CustomVariable extends MultiValueVariable {\n constructor(initialState) {\n super(__spreadValues({\n type: \"custom\",\n query: \"\",\n value: \"\",\n text: \"\",\n options: [],\n name: \"\"\n }, initialState));\n this._variableDependency = new VariableDependencyConfig(this, {\n statePaths: [\"query\"]\n });\n }\n getValueOptions(args) {\n var _a;\n const interpolated = sceneGraph.interpolate(this, this.state.query);\n const match = (_a = interpolated.match(/(?:\\\\,|[^,])+/g)) != null ? _a : [];\n const options = match.map((text) => {\n var _a2;\n text = text.replace(/\\\\,/g, \",\");\n const textMatch = (_a2 = /^(.+)\\s:\\s(.+)$/g.exec(text)) != null ? _a2 : [];\n if (textMatch.length === 3) {\n const [, key, value] = textMatch;\n return { label: key.trim(), value: value.trim() };\n } else {\n return { label: text.trim(), value: text.trim() };\n }\n });\n if (!options.length) {\n this.skipNextValidation = true;\n }\n return of(options);\n }\n}\nCustomVariable.Component = ({ model }) => {\n return renderSelectForVariable(model);\n};\n\nexport { CustomVariable };\n//# sourceMappingURL=CustomVariable.js.map\n","import { of } from 'rxjs';\nimport { stringToJsRegex } from '@grafana/data';\nimport { getDataSourceSrv } from '@grafana/runtime';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { VariableDependencyConfig } from '../VariableDependencyConfig.js';\nimport { renderSelectForVariable } from '../components/VariableValueSelect.js';\nimport { MultiValueVariable } from './MultiValueVariable.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass DataSourceVariable extends MultiValueVariable {\n constructor(initialState) {\n super(__spreadValues({\n type: \"datasource\",\n value: \"\",\n text: \"\",\n options: [],\n name: \"\",\n regex: \"\",\n pluginId: \"\"\n }, initialState));\n this._variableDependency = new VariableDependencyConfig(this, {\n statePaths: [\"regex\"]\n });\n }\n getValueOptions(args) {\n if (!this.state.pluginId) {\n return of([]);\n }\n const dataSources = getDataSourceSrv().getList({ metrics: true, variables: false, pluginId: this.state.pluginId });\n let regex;\n if (this.state.regex) {\n const interpolated = sceneGraph.interpolate(this, this.state.regex, void 0, \"regex\");\n regex = stringToJsRegex(interpolated);\n }\n const options = [];\n for (let i = 0; i < dataSources.length; i++) {\n const source = dataSources[i];\n if (isValid(source, regex)) {\n options.push({ label: source.name, value: source.uid });\n }\n if (this.state.defaultOptionEnabled && isDefault(source, regex)) {\n options.push({ label: \"default\", value: \"default\" });\n }\n }\n if (options.length === 0) {\n this.setState({ error: \"No data sources found\" });\n } else if (this.state.error) {\n this.setState({ error: null });\n }\n return of(options);\n }\n}\nDataSourceVariable.Component = ({ model }) => {\n return renderSelectForVariable(model);\n};\nfunction isValid(source, regex) {\n if (!regex) {\n return true;\n }\n return regex.exec(source.name);\n}\nfunction isDefault(source, regex) {\n if (!source.isDefault) {\n return false;\n }\n if (!regex) {\n return true;\n }\n return regex.exec(\"default\");\n}\n\nexport { DataSourceVariable };\n//# sourceMappingURL=DataSourceVariable.js.map\n","function buildMetricTree(parent, depth) {\n const chars = [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\"];\n const children = [];\n if (depth > 5) {\n return [];\n }\n for (const letter of chars) {\n const nodeName = `${parent}${letter}`;\n children.push({\n name: nodeName,\n children: buildMetricTree(nodeName, depth + 1)\n });\n }\n return children;\n}\nfunction queryTree(children, query, queryIndex) {\n if (queryIndex >= query.length) {\n return children;\n }\n if (query[queryIndex] === \"*\") {\n return children;\n }\n const nodeQuery = query[queryIndex];\n let result = [];\n let namesToMatch = [nodeQuery];\n if (nodeQuery.startsWith(\"{\")) {\n namesToMatch = nodeQuery.replace(/\\{|\\}/g, \"\").split(\",\");\n }\n for (const node of children) {\n for (const nameToMatch of namesToMatch) {\n if (nameToMatch.indexOf(\"*\") !== -1) {\n const pattern = nameToMatch.replace(\"*\", \"\");\n const regex = new RegExp(`^${pattern}.*`, \"gi\");\n if (regex.test(node.name)) {\n result = result.concat(queryTree([node], query, queryIndex + 1));\n }\n } else if (node.name === nameToMatch) {\n result = result.concat(queryTree(node.children, query, queryIndex + 1));\n }\n }\n }\n return result;\n}\nfunction queryMetricTree(query) {\n if (query.indexOf(\"value\") === 0) {\n return [{ name: query, children: [] }];\n }\n const children = buildMetricTree(\"\", 0);\n return queryTree(children, query.split(\".\"), 0);\n}\n\nexport { queryMetricTree };\n//# sourceMappingURL=metricTree.js.map\n","import { Subject, Observable } from 'rxjs';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { queryMetricTree } from '../../utils/metricTree.js';\nimport { VariableDependencyConfig } from '../VariableDependencyConfig.js';\nimport { renderSelectForVariable } from '../components/VariableValueSelect.js';\nimport { MultiValueVariable } from './MultiValueVariable.js';\nimport { VariableRefresh } from '@grafana/data';\nimport { getClosest } from '../../core/sceneGraph/utils.js';\nimport { SceneVariableSet } from '../sets/SceneVariableSet.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass TestVariable extends MultiValueVariable {\n constructor(initialState, isLazy = false) {\n super(__spreadValues({\n type: \"custom\",\n name: \"Test\",\n value: \"Value\",\n text: \"Text\",\n query: \"Query\",\n options: [],\n refresh: VariableRefresh.onDashboardLoad,\n updateOptions: true\n }, initialState));\n this.completeUpdate = new Subject();\n this.isGettingValues = true;\n this.getValueOptionsCount = 0;\n this.isLazy = false;\n this._variableDependency = new VariableDependencyConfig(this, {\n statePaths: [\"query\"]\n });\n this.isLazy = isLazy;\n }\n getValueOptions(args) {\n const { delayMs } = this.state;\n this.getValueOptionsCount += 1;\n const queryController = sceneGraph.getQueryController(this);\n return new Observable((observer) => {\n const queryEntry = {\n type: \"variable\",\n origin: this,\n cancel: () => observer.complete()\n };\n if (queryController) {\n queryController.queryStarted(queryEntry);\n }\n this.setState({ loading: true });\n if (this.state.throwError) {\n throw new Error(this.state.throwError);\n }\n const interpolatedQuery = sceneGraph.interpolate(this, this.state.query);\n const options = this.getOptions(interpolatedQuery);\n const sub = this.completeUpdate.subscribe({\n next: () => {\n const newState = { issuedQuery: interpolatedQuery, loading: false };\n if (this.state.updateOptions) {\n newState.options = options;\n }\n this.setState(newState);\n observer.next(options);\n observer.complete();\n }\n });\n let timeout;\n if (delayMs) {\n timeout = window.setTimeout(() => this.signalUpdateCompleted(), delayMs);\n } else if (delayMs === 0) {\n this.signalUpdateCompleted();\n }\n this.isGettingValues = true;\n return () => {\n sub.unsubscribe();\n window.clearTimeout(timeout);\n this.isGettingValues = false;\n if (this.state.loading) {\n this.setState({ loading: false });\n }\n if (queryController) {\n queryController.queryCompleted(queryEntry);\n }\n };\n });\n }\n cancel() {\n const sceneVarSet = getClosest(this, (s) => s instanceof SceneVariableSet ? s : void 0);\n sceneVarSet == null ? void 0 : sceneVarSet.cancel(this);\n }\n getOptions(interpolatedQuery) {\n if (this.state.optionsToReturn) {\n return this.state.optionsToReturn;\n }\n return queryMetricTree(interpolatedQuery).map((x) => ({ label: x.name, value: x.name }));\n }\n signalUpdateCompleted() {\n this.completeUpdate.next(1);\n }\n}\nTestVariable.Component = ({ model }) => {\n return renderSelectForVariable(model);\n};\n\nexport { TestVariable };\n//# sourceMappingURL=TestVariable.js.map\n","import React, { useCallback } from 'react';\nimport { AutoSizeInput } from '@grafana/ui';\n\nfunction VariableValueInput({ model }) {\n const { value, key, loading } = model.useState();\n const onBlur = useCallback(\n (e) => {\n model.setValue(e.currentTarget.value);\n },\n [model]\n );\n const onKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n model.setValue(e.currentTarget.value);\n }\n },\n [model]\n );\n return /* @__PURE__ */ React.createElement(AutoSizeInput, {\n id: key,\n placeholder: \"Enter value\",\n minWidth: 15,\n maxWidth: 30,\n value,\n loading,\n onBlur,\n onKeyDown\n });\n}\n\nexport { VariableValueInput };\n//# sourceMappingURL=VariableValueInput.js.map\n","import React from 'react';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { SceneObjectUrlSyncConfig } from '../../services/SceneObjectUrlSyncConfig.js';\nimport { VariableValueInput } from '../components/VariableValueInput.js';\nimport { SceneVariableValueChangedEvent } from '../types.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass TextBoxVariable extends SceneObjectBase {\n constructor(initialState) {\n super(__spreadValues({\n type: \"textbox\",\n value: \"\",\n name: \"\"\n }, initialState));\n this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: () => [this.getKey()] });\n }\n getValue() {\n return this.state.value;\n }\n setValue(newValue) {\n if (newValue !== this.state.value) {\n this.setState({ value: newValue });\n this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n }\n }\n getKey() {\n return `var-${this.state.name}`;\n }\n getUrlState() {\n return { [this.getKey()]: this.state.value };\n }\n updateFromUrl(values) {\n const val = values[this.getKey()];\n if (typeof val === \"string\") {\n this.setValue(val);\n }\n }\n}\nTextBoxVariable.Component = ({ model }) => {\n return /* @__PURE__ */ React.createElement(VariableValueInput, {\n model\n });\n};\n\nexport { TextBoxVariable };\n//# sourceMappingURL=TextBoxVariable.js.map\n","import { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass LocalValueVariable extends SceneObjectBase {\n constructor(initialState) {\n super(__spreadProps(__spreadValues({\n type: \"system\",\n value: \"\",\n text: \"\",\n name: \"\"\n }, initialState), {\n skipUrlSync: true\n }));\n }\n getValue() {\n return this.state.value;\n }\n getValueText() {\n return this.state.text.toString();\n }\n isAncestorLoading() {\n var _a, _b;\n const ancestorScope = (_b = (_a = this.parent) == null ? void 0 : _a.parent) == null ? void 0 : _b.parent;\n if (!ancestorScope) {\n throw new Error(\"LocalValueVariable requires a parent SceneVariableSet that has an ancestor SceneVariableSet\");\n }\n const set = sceneGraph.getVariables(ancestorScope);\n const parentVar = sceneGraph.lookupVariable(this.state.name, ancestorScope);\n if (set && parentVar) {\n return set.isVariableLoadingOrWaitingToUpdate(parentVar);\n }\n return false;\n }\n}\n\nexport { LocalValueVariable };\n//# sourceMappingURL=LocalValueVariable.js.map\n","import { rangeUtil } from '@grafana/data';\nimport { VariableRefresh } from '@grafana/schema';\nimport { Select } from '@grafana/ui';\nimport React from 'react';\nimport { of } from 'rxjs';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { SceneObjectUrlSyncConfig } from '../../services/SceneObjectUrlSyncConfig.js';\nimport { AUTO_VARIABLE_VALUE, AUTO_VARIABLE_TEXT } from '../constants.js';\nimport { SceneVariableValueChangedEvent } from '../types.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass IntervalVariable extends SceneObjectBase {\n constructor(initialState) {\n super(__spreadValues({\n type: \"interval\",\n value: \"\",\n intervals: [\"1m\", \"10m\", \"30m\", \"1h\", \"6h\", \"12h\", \"1d\", \"7d\", \"14d\", \"30d\"],\n name: \"\",\n autoStepCount: 30,\n autoMinInterval: \"10s\",\n autoEnabled: false,\n refresh: VariableRefresh.onTimeRangeChanged\n }, initialState));\n this._onChange = (value) => {\n this.setState({ value: value.value });\n this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n };\n this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: () => [this.getKey()] });\n }\n getKey() {\n return `var-${this.state.name}`;\n }\n getUrlState() {\n return { [this.getKey()]: this.state.value };\n }\n updateFromUrl(values) {\n const update = {};\n const val = values[this.getKey()];\n if (typeof val === \"string\") {\n if (val.startsWith(\"$__auto_interval_\")) {\n update.value = AUTO_VARIABLE_VALUE;\n } else {\n update.value = val;\n }\n }\n this.setState(update);\n }\n getOptionsForSelect() {\n const { value: currentValue, intervals, autoEnabled } = this.state;\n let options = intervals.map((interval) => ({ value: interval, label: interval }));\n if (autoEnabled) {\n options = [{ value: AUTO_VARIABLE_VALUE, label: AUTO_VARIABLE_TEXT }, ...options];\n }\n if (currentValue && !options.some((option) => option.value === currentValue)) {\n options.push({ value: currentValue, label: currentValue });\n }\n return options;\n }\n getValue() {\n const { value, autoStepCount, autoMinInterval } = this.state;\n if (value === AUTO_VARIABLE_VALUE) {\n return this.getAutoRefreshInteval(autoStepCount, autoMinInterval);\n }\n return value;\n }\n getAutoRefreshInteval(autoStepCount, minRefreshInterval) {\n const timeRange = sceneGraph.getTimeRange(this).state.value;\n const intervalObject = rangeUtil.calculateInterval(timeRange, autoStepCount, minRefreshInterval);\n return intervalObject.interval;\n }\n validateAndUpdate() {\n const { value, intervals } = this.state;\n let shouldPublish = false;\n if (value === AUTO_VARIABLE_VALUE) {\n shouldPublish = true;\n } else if (!value && intervals.length > 0) {\n const firstOption = intervals[0];\n this.setState({ value: firstOption });\n shouldPublish = true;\n }\n if (shouldPublish) {\n this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n }\n return of({});\n }\n}\nIntervalVariable.Component = ({ model }) => {\n const { key, value } = model.useState();\n return /* @__PURE__ */ React.createElement(Select, {\n id: key,\n placeholder: \"Select value\",\n width: \"auto\",\n value,\n tabSelectsValue: false,\n options: model.getOptionsForSelect(),\n onChange: model._onChange\n });\n};\n\nexport { IntervalVariable };\n//# sourceMappingURL=IntervalVariable.js.map\n","import { locationService } from '@grafana/runtime';\nimport { SceneObjectStateChangedEvent } from '../core/events.js';\nimport { writeSceneLog } from '../utils/writeSceneLog.js';\nimport { Subscription } from 'rxjs';\nimport { UniqueUrlKeyMapper } from './UniqueUrlKeyMapper.js';\nimport { getUrlState, syncStateFromUrl, isUrlValueEqual } from './utils.js';\nimport { BusEventWithPayload } from '@grafana/data';\nimport { useMemo } from 'react';\n\nvar __accessCheck = (obj, member, msg) => {\n if (!member.has(obj))\n throw TypeError(\"Cannot \" + msg);\n};\nvar __privateGet = (obj, member, getter) => {\n __accessCheck(obj, member, \"read from private field\");\n return getter ? getter.call(obj) : member.get(obj);\n};\nvar __privateAdd = (obj, member, value) => {\n if (member.has(obj))\n throw TypeError(\"Cannot add the same private member more than once\");\n member instanceof WeakSet ? member.add(obj) : member.set(obj, value);\n};\nvar __privateSet = (obj, member, value, setter) => {\n __accessCheck(obj, member, \"write to private field\");\n setter ? setter.call(obj, value) : member.set(obj, value);\n return value;\n};\nvar _cache, _location;\nclass NewSceneObjectAddedEvent extends BusEventWithPayload {\n}\nNewSceneObjectAddedEvent.type = \"new-scene-object-added\";\nclass UrlSyncManager {\n constructor(_options = {}, locationService$1 = locationService) {\n this._urlKeyMapper = new UniqueUrlKeyMapper();\n this._options = _options;\n this._locationService = locationService$1;\n this._paramsCache = new UrlParamsCache(locationService$1);\n }\n initSync(root) {\n var _a;\n if (this._subs) {\n writeSceneLog(\"UrlSyncManager\", \"Unregister previous scene state subscription\", (_a = this._sceneRoot) == null ? void 0 : _a.state.key);\n this._subs.unsubscribe();\n }\n writeSceneLog(\"UrlSyncManager\", \"init\", root.state.key);\n this._sceneRoot = root;\n this._subs = new Subscription();\n this._subs.add(\n root.subscribeToEvent(SceneObjectStateChangedEvent, (evt) => {\n this.handleSceneObjectStateChanged(evt.payload.changedObject);\n })\n );\n this._subs.add(\n root.subscribeToEvent(NewSceneObjectAddedEvent, (evt) => {\n this.handleNewObject(evt.payload);\n })\n );\n this._urlKeyMapper.clear();\n this._lastLocation = this._locationService.getLocation();\n this.handleNewObject(this._sceneRoot);\n if (this._options.updateUrlOnInit) {\n const urlState = getUrlState(root);\n if (isUrlStateDifferent(urlState, this._paramsCache.getParams())) {\n this._locationService.partial(urlState, true);\n }\n }\n }\n cleanUp(root) {\n if (this._sceneRoot !== root) {\n return;\n }\n writeSceneLog(\"UrlSyncManager\", \"Clean up\");\n if (this._subs) {\n this._subs.unsubscribe();\n this._subs = void 0;\n writeSceneLog(\n \"UrlSyncManager\",\n \"Root deactived, unsub to state\",\n \"same key\",\n this._sceneRoot.state.key === root.state.key\n );\n }\n this._sceneRoot = void 0;\n this._lastLocation = void 0;\n }\n handleNewLocation(location) {\n if (!this._sceneRoot || this._lastLocation === location) {\n return;\n }\n writeSceneLog(\"UrlSyncManager\", \"handleNewLocation\");\n this._lastLocation = location;\n syncStateFromUrl(this._sceneRoot, this._paramsCache.getParams(), this._urlKeyMapper);\n }\n handleNewObject(sceneObj) {\n if (!this._sceneRoot) {\n return;\n }\n syncStateFromUrl(sceneObj, this._paramsCache.getParams(), this._urlKeyMapper);\n }\n handleSceneObjectStateChanged(changedObject) {\n var _a, _b;\n if (!changedObject.urlSync) {\n return;\n }\n const newUrlState = changedObject.urlSync.getUrlState();\n const searchParams = this._locationService.getSearch();\n const mappedUpdated = {};\n for (const [key, newUrlValue] of Object.entries(newUrlState)) {\n const uniqueKey = this._urlKeyMapper.getUniqueKey(key, changedObject);\n const currentUrlValue = searchParams.getAll(uniqueKey);\n if (!isUrlValueEqual(currentUrlValue, newUrlValue)) {\n mappedUpdated[uniqueKey] = newUrlValue;\n }\n }\n if (Object.keys(mappedUpdated).length > 0) {\n const shouldCreateHistoryEntry = (_b = (_a = changedObject.urlSync).shouldCreateHistoryStep) == null ? void 0 : _b.call(_a, newUrlState);\n const shouldReplace = shouldCreateHistoryEntry !== true;\n writeSceneLog(\"UrlSyncManager\", \"onStateChange updating URL\");\n this._locationService.partial(mappedUpdated, shouldReplace);\n this._lastLocation = this._locationService.getLocation();\n }\n }\n getUrlState(root) {\n return getUrlState(root);\n }\n}\nclass UrlParamsCache {\n constructor(locationService) {\n this.locationService = locationService;\n __privateAdd(this, _cache, void 0);\n __privateAdd(this, _location, void 0);\n }\n getParams() {\n const location = this.locationService.getLocation();\n if (__privateGet(this, _location) === location) {\n return __privateGet(this, _cache);\n }\n __privateSet(this, _location, location);\n __privateSet(this, _cache, new URLSearchParams(location.search));\n return __privateGet(this, _cache);\n }\n}\n_cache = new WeakMap();\n_location = new WeakMap();\nfunction isUrlStateDifferent(sceneUrlState, currentParams) {\n for (let key in sceneUrlState) {\n if (!isUrlValueEqual(currentParams.getAll(key), sceneUrlState[key])) {\n return true;\n }\n }\n return false;\n}\nfunction useUrlSyncManager(options, locationService) {\n return useMemo(\n () => new UrlSyncManager(\n {\n updateUrlOnInit: options.updateUrlOnInit,\n createBrowserHistorySteps: options.createBrowserHistorySteps\n },\n locationService\n ),\n [options.updateUrlOnInit, options.createBrowserHistorySteps, locationService]\n );\n}\n\nexport { NewSceneObjectAddedEvent, UrlSyncManager, useUrlSyncManager };\n//# sourceMappingURL=UrlSyncManager.js.map\n","import { useState, useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { writeSceneLog } from '../utils/writeSceneLog.js';\nimport { useUrlSyncManager } from './UrlSyncManager.js';\nimport { useLocationServiceSafe } from '../utils/utils.js';\n\nfunction useUrlSync(sceneRoot, options = {}) {\n const location = useLocation();\n const locationService = useLocationServiceSafe();\n const [isInitialized, setIsInitialized] = useState(false);\n const urlSyncManager = useUrlSyncManager(options, locationService);\n useEffect(() => {\n urlSyncManager.initSync(sceneRoot);\n setIsInitialized(true);\n return () => urlSyncManager.cleanUp(sceneRoot);\n }, [sceneRoot, urlSyncManager]);\n useEffect(() => {\n const latestLocation = locationService.getLocation();\n const locationToHandle = latestLocation !== location ? latestLocation : location;\n if (latestLocation !== location) {\n writeSceneLog(\"useUrlSync\", \"latestLocation different from location\");\n }\n urlSyncManager.handleNewLocation(locationToHandle);\n }, [sceneRoot, urlSyncManager, location, locationService]);\n return isInitialized;\n}\n\nexport { useUrlSync };\n//# sourceMappingURL=useUrlSync.js.map\n","import { useUrlSync } from './useUrlSync.js';\n\nfunction UrlSyncContextProvider({\n children,\n scene,\n updateUrlOnInit,\n createBrowserHistorySteps\n}) {\n const isInitialized = useUrlSync(scene, { updateUrlOnInit, createBrowserHistorySteps });\n if (!isInitialized) {\n return null;\n }\n return children;\n}\n\nexport { UrlSyncContextProvider };\n//# sourceMappingURL=UrlSyncContextProvider.js.map\n","import { writeSceneLog } from '../writeSceneLog.js';\n\nfunction setWindowGrafanaSceneContext(activeScene) {\n const prevScene = window.__grafanaSceneContext;\n writeSceneLog(\"setWindowGrafanaScene\", \"set window.__grafanaSceneContext\", activeScene);\n window.__grafanaSceneContext = activeScene;\n return () => {\n if (window.__grafanaSceneContext === activeScene) {\n writeSceneLog(\"setWindowGrafanaScene\", \"restore window.__grafanaSceneContext\", prevScene);\n window.__grafanaSceneContext = prevScene;\n }\n };\n}\n\nexport { setWindowGrafanaSceneContext };\n//# sourceMappingURL=setWindowGrafanaSceneContext.js.map\n","import { css } from '@emotion/css';\nimport { useStyles2 } from '@grafana/ui';\nimport React from 'react';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { setWindowGrafanaSceneContext } from '../utils/compatibility/setWindowGrafanaSceneContext.js';\n\nclass EmbeddedScene extends SceneObjectBase {\n constructor(state) {\n super(state);\n this.addActivationHandler(() => {\n const unsetGlobalScene = setWindowGrafanaSceneContext(this);\n return () => {\n unsetGlobalScene();\n };\n });\n }\n}\nEmbeddedScene.Component = EmbeddedSceneRenderer;\nfunction EmbeddedSceneRenderer({ model }) {\n const { body, controls } = model.useState();\n const styles = useStyles2(getStyles);\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.container\n }, controls && /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.controls\n }, controls.map((control) => /* @__PURE__ */ React.createElement(control.Component, {\n key: control.state.key,\n model: control\n }))), /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.body\n }, /* @__PURE__ */ React.createElement(body.Component, {\n model: body\n })));\n}\nconst getStyles = (theme) => {\n return {\n container: css({\n flexGrow: 1,\n display: \"flex\",\n gap: theme.spacing(2),\n minHeight: \"100%\",\n flexDirection: \"column\"\n }),\n body: css({\n flexGrow: 1,\n display: \"flex\",\n gap: theme.spacing(1)\n }),\n controls: css({\n display: \"flex\",\n gap: theme.spacing(2),\n alignItems: \"flex-end\",\n flexWrap: \"wrap\"\n })\n };\n};\n\nexport { EmbeddedScene };\n//# sourceMappingURL=EmbeddedScene.js.map\n","import React, { useEffect } from 'react';\nimport { Menu } from '@grafana/ui';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { selectors } from '@grafana/e2e-selectors';\n\nclass VizPanelMenu extends SceneObjectBase {\n addItem(item) {\n this.setState({\n items: this.state.items ? [...this.state.items, item] : [item]\n });\n }\n setItems(items) {\n this.setState({\n items\n });\n }\n}\nVizPanelMenu.Component = VizPanelMenuRenderer;\nfunction VizPanelMenuRenderer({ model }) {\n const { items = [] } = model.useState();\n const ref = React.useRef(null);\n useEffect(() => {\n if (ref.current) {\n ref.current.focus();\n }\n }, []);\n const renderItems = (items2) => {\n return items2.map((item) => {\n switch (item.type) {\n case \"divider\":\n return /* @__PURE__ */ React.createElement(Menu.Divider, {\n key: item.text\n });\n case \"group\":\n return /* @__PURE__ */ React.createElement(Menu.Group, {\n key: item.text,\n label: item.text\n }, item.subMenu ? renderItems(item.subMenu) : void 0);\n default:\n return /* @__PURE__ */ React.createElement(Menu.Item, {\n key: item.text,\n label: item.text,\n icon: item.iconClassName,\n childItems: item.subMenu ? renderItems(item.subMenu) : void 0,\n url: item.href,\n onClick: item.onClick,\n shortcut: item.shortcut,\n testId: selectors.components.Panels.Panel.menuItems(item.text)\n });\n }\n });\n };\n return /* @__PURE__ */ React.createElement(Menu, {\n ref\n }, renderItems(items));\n}\n\nexport { VizPanelMenu };\n//# sourceMappingURL=VizPanelMenu.js.map\n","import { useCallback, useEffect, useRef } from 'react';\nexport default function useMountedState() {\n var mountedRef = useRef(false);\n var get = useCallback(function () { return mountedRef.current; }, []);\n useEffect(function () {\n mountedRef.current = true;\n return function () {\n mountedRef.current = false;\n };\n }, []);\n return get;\n}\n","import { __assign } from \"tslib\";\nimport { useCallback, useRef, useState } from 'react';\nimport useMountedState from './useMountedState';\nexport default function useAsyncFn(fn, deps, initialState) {\n if (deps === void 0) { deps = []; }\n if (initialState === void 0) { initialState = { loading: false }; }\n var lastCallId = useRef(0);\n var isMounted = useMountedState();\n var _a = useState(initialState), state = _a[0], set = _a[1];\n var callback = useCallback(function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n var callId = ++lastCallId.current;\n if (!state.loading) {\n set(function (prevState) { return (__assign(__assign({}, prevState), { loading: true })); });\n }\n return fn.apply(void 0, args).then(function (value) {\n isMounted() && callId === lastCallId.current && set({ value: value, loading: false });\n return value;\n }, function (error) {\n isMounted() && callId === lastCallId.current && set({ error: error, loading: false });\n return error;\n });\n }, deps);\n return [state, callback];\n}\n","import { useEffect } from 'react';\nimport useAsyncFn from './useAsyncFn';\nexport default function useAsync(fn, deps) {\n if (deps === void 0) { deps = []; }\n var _a = useAsyncFn(fn, deps, {\n loading: true,\n }), state = _a[0], callback = _a[1];\n useEffect(function () {\n callback();\n }, [callback]);\n return state;\n}\n","import { wrapInSafeSerializableSceneObject } from './wrapInSafeSerializableSceneObject.js';\nimport { getDataSourceSrv } from '@grafana/runtime';\n\nasync function getExploreURL(data, model, timeRange, transform) {\n var _a, _b, _c, _d;\n const targets = (_a = data.request) == null ? void 0 : _a.targets;\n if (!targets) {\n return \"\";\n }\n const { from, to } = timeRange;\n const filters = (_b = data.request) == null ? void 0 : _b.filters;\n const scopedVars = {\n __sceneObject: wrapInSafeSerializableSceneObject(model)\n };\n const interpolatedQueries = (await Promise.allSettled(\n targets.map(async (q) => {\n var _a2;\n const queryDs = await getDataSourceSrv().get(q.datasource);\n return ((_a2 = queryDs.interpolateVariablesInQueries) == null ? void 0 : _a2.call(queryDs, [q], scopedVars != null ? scopedVars : {}, filters)[0]) || q;\n })\n )).filter((promise) => promise.status === \"fulfilled\").map((q) => q.value).map((q) => {\n var _a2;\n return (_a2 = transform == null ? void 0 : transform(q)) != null ? _a2 : q;\n });\n const queries = interpolatedQueries != null ? interpolatedQueries : [];\n const datasource = (_d = (_c = queries.find((query) => {\n var _a2;\n return !!((_a2 = query.datasource) == null ? void 0 : _a2.uid);\n })) == null ? void 0 : _c.datasource) == null ? void 0 : _d.uid;\n if ((queries == null ? void 0 : queries.length) && datasource && from && to) {\n const left = encodeURIComponent(\n JSON.stringify({\n datasource,\n queries,\n range: {\n from,\n to\n }\n })\n );\n return `/explore?left=${left}`;\n }\n return \"\";\n}\n\nexport { getExploreURL };\n//# sourceMappingURL=explore.js.map\n","import React from 'react';\nimport { LinkButton } from '@grafana/ui';\nimport { useAsync } from 'react-use';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { sceneGraph } from '../../core/sceneGraph/index.js';\nimport { getExploreURL } from '../../utils/explore.js';\nimport { useReturnToPrevious } from '@grafana/runtime';\n\nclass VizPanelExploreButton extends SceneObjectBase {\n constructor(options = {}) {\n super({ options });\n }\n}\nVizPanelExploreButton.Component = VizPanelExploreButtonComponent;\nfunction VizPanelExploreButtonComponent({ model }) {\n const { options } = model.useState();\n const { data } = sceneGraph.getData(model).useState();\n const { from, to } = sceneGraph.getTimeRange(model).useState();\n const { value: exploreLink } = useAsync(\n async () => data ? getExploreURL(data, model, { from, to }, options.transform) : \"\",\n [data, model, from, to]\n );\n const returnToPrevious = useReturnToPrevious();\n if (exploreLink) {\n return /* @__PURE__ */ React.createElement(LinkButton, {\n key: \"explore\",\n icon: \"compass\",\n size: \"sm\",\n variant: \"secondary\",\n href: exploreLink,\n onClick: () => {\n var _a;\n if (options.returnToPrevious) {\n returnToPrevious(options.returnToPrevious.title, options.returnToPrevious.href);\n }\n (_a = options.onClick) == null ? void 0 : _a.call(options);\n }\n }, \"Explore\");\n }\n return null;\n}\n\nexport { VizPanelExploreButton };\n//# sourceMappingURL=VizPanelExploreButton.js.map\n","const DEFAULT_PANEL_SPAN = 4;\nconst GRID_CELL_HEIGHT = 30;\nconst GRID_CELL_VMARGIN = 8;\nconst GRID_COLUMN_COUNT = 24;\n\nexport { DEFAULT_PANEL_SPAN, GRID_CELL_HEIGHT, GRID_CELL_VMARGIN, GRID_COLUMN_COUNT };\n//# sourceMappingURL=constants.js.map\n","import React from 'react';\nimport { SceneObjectBase } from '../../../core/SceneObjectBase.js';\nimport { SceneGridLayout } from './SceneGridLayout.js';\nimport { SceneGridRow } from './SceneGridRow.js';\n\nclass SceneGridItem extends SceneObjectBase {\n}\nSceneGridItem.Component = SceneGridItemRenderer;\nfunction SceneGridItemRenderer({ model }) {\n const { body } = model.useState();\n const parent = model.parent;\n if (parent && !isSceneGridLayout(parent) && !isSceneGridRow(parent)) {\n throw new Error(\"SceneGridItem must be a child of SceneGridLayout or SceneGridRow\");\n }\n if (!body) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(body.Component, {\n model: body\n });\n}\nfunction isSceneGridRow(child) {\n return child instanceof SceneGridRow;\n}\nfunction isSceneGridLayout(child) {\n return child instanceof SceneGridLayout;\n}\n\nexport { SceneGridItem, isSceneGridRow };\n//# sourceMappingURL=SceneGridItem.js.map\n","import { useEffect } from 'react';\nvar useEffectOnce = function (effect) {\n useEffect(effect, []);\n};\nexport default useEffectOnce;\n","import React, { useState, useRef, useImperativeHandle } from 'react';\nimport { useEffectOnce } from 'react-use';\nimport { uniqueId } from 'lodash';\nimport { css } from '@emotion/css';\nimport { useStyles2 } from '@grafana/ui';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction useUniqueId() {\n var _a;\n const idRefLazy = useRef(void 0);\n (_a = idRefLazy.current) != null ? _a : idRefLazy.current = uniqueId();\n return idRefLazy.current;\n}\nconst LazyLoader = React.forwardRef(\n (_a, ref) => {\n var _b = _a, { children, onLoad, onChange, className } = _b, rest = __objRest(_b, [\"children\", \"onLoad\", \"onChange\", \"className\"]);\n const id = useUniqueId();\n const { hideEmpty } = useStyles2(getStyles);\n const [loaded, setLoaded] = useState(false);\n const [isInView, setIsInView] = useState(false);\n const innerRef = useRef(null);\n useImperativeHandle(ref, () => innerRef.current);\n useEffectOnce(() => {\n LazyLoader.addCallback(id, (entry) => {\n if (!loaded && entry.isIntersecting) {\n setLoaded(true);\n onLoad == null ? void 0 : onLoad();\n }\n setIsInView(entry.isIntersecting);\n onChange == null ? void 0 : onChange(entry.isIntersecting);\n });\n const wrapperEl = innerRef.current;\n if (wrapperEl) {\n LazyLoader.observer.observe(wrapperEl);\n }\n return () => {\n wrapperEl && LazyLoader.observer.unobserve(wrapperEl);\n delete LazyLoader.callbacks[id];\n if (Object.keys(LazyLoader.callbacks).length === 0) {\n LazyLoader.observer.disconnect();\n }\n };\n });\n return /* @__PURE__ */ React.createElement(\"div\", __spreadValues({\n id,\n ref: innerRef,\n className: `${hideEmpty} ${className}`\n }, rest), !loaded && \"\\xA0\", loaded && (typeof children === \"function\" ? children({ isInView }) : children));\n }\n);\nfunction getStyles() {\n return {\n hideEmpty: css({\n \"&:empty\": {\n display: \"none\"\n }\n })\n };\n}\nLazyLoader.displayName = \"LazyLoader\";\nLazyLoader.callbacks = {};\nLazyLoader.addCallback = (id, c) => LazyLoader.callbacks[id] = c;\nLazyLoader.observer = new IntersectionObserver(\n (entries) => {\n for (const entry of entries) {\n if (typeof LazyLoader.callbacks[entry.target.id] === \"function\") {\n LazyLoader.callbacks[entry.target.id](entry);\n }\n }\n },\n { rootMargin: \"100px\" }\n);\n\nexport { LazyLoader, useUniqueId };\n//# sourceMappingURL=LazyLoader.js.map\n","import React, { useRef, useEffect } from 'react';\nimport ReactGridLayout from 'react-grid-layout';\nimport { GRID_CELL_VMARGIN, GRID_COLUMN_COUNT, GRID_CELL_HEIGHT } from './constants.js';\nimport { LazyLoader } from '../LazyLoader.js';\nimport { useStyles2 } from '@grafana/ui';\nimport { cx, css } from '@emotion/css';\nimport { useMeasure } from 'react-use';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction SceneGridLayoutRenderer({ model }) {\n const { children, isLazy, isDraggable, isResizable } = model.useState();\n const [outerDivRef, { width, height }] = useMeasure();\n const ref = useRef(null);\n useEffect(() => {\n updateAnimationClass(ref, !!isDraggable);\n }, [isDraggable]);\n validateChildrenSize(children);\n const renderGrid = (width2, height2) => {\n if (!width2 || !height2) {\n return null;\n }\n const layout = model.buildGridLayout(width2, height2);\n return /* @__PURE__ */ React.createElement(\"div\", {\n ref,\n style: { width: `${width2}px`, height: \"100%\" },\n className: \"react-grid-layout\"\n }, /* @__PURE__ */ React.createElement(ReactGridLayout, {\n width: width2,\n isDraggable: isDraggable && width2 > 768,\n isResizable: isResizable != null ? isResizable : false,\n containerPadding: [0, 0],\n useCSSTransforms: true,\n margin: [GRID_CELL_VMARGIN, GRID_CELL_VMARGIN],\n cols: GRID_COLUMN_COUNT,\n rowHeight: GRID_CELL_HEIGHT,\n draggableHandle: `.grid-drag-handle-${model.state.key}`,\n draggableCancel: \".grid-drag-cancel\",\n layout,\n onDragStart: model.onDragStart,\n onDragStop: model.onDragStop,\n onResizeStop: model.onResizeStop,\n onLayoutChange: model.onLayoutChange,\n isBounded: false,\n resizeHandle: /* @__PURE__ */ React.createElement(ResizeHandle, null)\n }, layout.map((gridItem, index) => /* @__PURE__ */ React.createElement(GridItemWrapper, {\n key: gridItem.i,\n grid: model,\n layoutItem: gridItem,\n index,\n isLazy,\n totalCount: layout.length\n }))));\n };\n return /* @__PURE__ */ React.createElement(\"div\", {\n ref: outerDivRef,\n style: { flex: \"1 1 auto\", position: \"relative\", zIndex: 1, width: \"100%\" }\n }, renderGrid(width, height));\n}\nconst GridItemWrapper = React.forwardRef((props, ref) => {\n var _b;\n const _a = props, { grid, layoutItem, index, totalCount, isLazy, style, onLoad, onChange, children } = _a, divProps = __objRest(_a, [\"grid\", \"layoutItem\", \"index\", \"totalCount\", \"isLazy\", \"style\", \"onLoad\", \"onChange\", \"children\"]);\n const sceneChild = grid.getSceneLayoutChild(layoutItem.i);\n const className = (_b = sceneChild.getClassName) == null ? void 0 : _b.call(sceneChild);\n const innerContent = /* @__PURE__ */ React.createElement(sceneChild.Component, {\n model: sceneChild,\n key: sceneChild.state.key\n });\n if (isLazy) {\n return /* @__PURE__ */ React.createElement(LazyLoader, __spreadProps(__spreadValues({}, divProps), {\n key: sceneChild.state.key,\n \"data-griditem-key\": sceneChild.state.key,\n className: cx(className, props.className),\n style,\n ref\n }), innerContent, children);\n }\n return /* @__PURE__ */ React.createElement(\"div\", __spreadProps(__spreadValues({}, divProps), {\n ref,\n key: sceneChild.state.key,\n \"data-griditem-key\": sceneChild.state.key,\n className: cx(className, props.className),\n style\n }), innerContent, children);\n});\nGridItemWrapper.displayName = \"GridItemWrapper\";\nfunction validateChildrenSize(children) {\n if (children.some(\n (c) => c.state.height === void 0 || c.state.width === void 0 || c.state.x === void 0 || c.state.y === void 0\n )) {\n throw new Error(\"All children must have a size specified\");\n }\n}\nfunction updateAnimationClass(ref, isDraggable, retry) {\n if (ref.current) {\n if (isDraggable) {\n ref.current.classList.add(\"react-grid-layout--enable-move-animations\");\n } else {\n ref.current.classList.remove(\"react-grid-layout--enable-move-animations\");\n }\n } else if (!retry) {\n setTimeout(() => updateAnimationClass(ref, isDraggable, true), 50);\n }\n}\nconst ResizeHandle = React.forwardRef((_a, ref) => {\n var _b = _a, divProps = __objRest(_b, [\"handleAxis\"]);\n const customCssClass = useStyles2(getResizeHandleStyles);\n return /* @__PURE__ */ React.createElement(\"div\", __spreadProps(__spreadValues({\n ref\n }, divProps), {\n className: `${customCssClass} scene-resize-handle`\n }), /* @__PURE__ */ React.createElement(\"svg\", {\n width: \"16px\",\n height: \"16px\",\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M21 15L15 21M21 8L8 21\",\n stroke: \"currentColor\",\n strokeWidth: \"2\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n});\nResizeHandle.displayName = \"ResizeHandle\";\nfunction getResizeHandleStyles(theme) {\n return css({\n position: \"absolute\",\n bottom: 0,\n right: 0,\n zIndex: 999,\n padding: theme.spacing(1.5, 0, 0, 1.5),\n color: theme.colors.border.strong,\n cursor: \"se-resize\",\n \"&:hover\": {\n color: theme.colors.text.link\n },\n svg: {\n display: \"block\"\n },\n \".react-resizable-hide &\": {\n display: \"none\"\n }\n });\n}\n\nexport { SceneGridLayoutRenderer };\n//# sourceMappingURL=SceneGridLayoutRenderer.js.map\n","import { BusEventWithPayload } from '@grafana/data';\n\nclass SceneGridLayoutDragStartEvent extends BusEventWithPayload {\n}\nSceneGridLayoutDragStartEvent.type = \"scene-grid-layout-drag-start\";\n\nexport { SceneGridLayoutDragStartEvent };\n//# sourceMappingURL=types.js.map\n","import { GRID_CELL_HEIGHT, GRID_CELL_VMARGIN } from './constants.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction fitPanelsInHeight(cells, height) {\n const visibleHeight = height - GRID_CELL_VMARGIN * 4;\n const currentGridHeight = Math.max(...cells.map((cell) => cell.h + cell.y));\n const visibleGridHeight = Math.floor(visibleHeight / (GRID_CELL_HEIGHT + GRID_CELL_VMARGIN));\n const scaleFactor = currentGridHeight / visibleGridHeight;\n return cells.map((cell) => {\n return __spreadProps(__spreadValues({}, cell), {\n y: Math.round(cell.y / scaleFactor) || 0,\n h: Math.round(cell.h / scaleFactor) || 1\n });\n });\n}\n\nexport { fitPanelsInHeight };\n//# sourceMappingURL=utils.js.map\n","import { SceneObjectBase } from '../../../core/SceneObjectBase.js';\nimport { DEFAULT_PANEL_SPAN } from './constants.js';\nimport { isSceneGridRow } from './SceneGridItem.js';\nimport { SceneGridLayoutRenderer } from './SceneGridLayoutRenderer.js';\nimport { SceneGridRow } from './SceneGridRow.js';\nimport { SceneGridLayoutDragStartEvent } from './types.js';\nimport { fitPanelsInHeight } from './utils.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst _SceneGridLayout = class extends SceneObjectBase {\n constructor(state) {\n super(__spreadProps(__spreadValues({}, state), {\n children: sortChildrenByPosition(state.children)\n }));\n this._skipOnLayoutChange = false;\n this._oldLayout = [];\n this._loadOldLayout = false;\n this.onLayoutChange = (layout) => {\n if (this._skipOnLayoutChange) {\n this._skipOnLayoutChange = false;\n return;\n }\n if (this._loadOldLayout) {\n layout = [...this._oldLayout];\n this._loadOldLayout = false;\n }\n for (const item of layout) {\n const child = this.getSceneLayoutChild(item.i);\n const nextSize = {\n x: item.x,\n y: item.y,\n width: item.w,\n height: item.h\n };\n if (!isItemSizeEqual(child.state, nextSize)) {\n child.setState(__spreadValues({}, nextSize));\n }\n }\n this.setState({ children: sortChildrenByPosition(this.state.children) });\n };\n this.onResizeStop = (_, o, n) => {\n const child = this.getSceneLayoutChild(n.i);\n child.setState({\n width: n.w,\n height: n.h\n });\n };\n this.onDragStart = (gridLayout) => {\n this._oldLayout = [...gridLayout];\n };\n this.onDragStop = (gridLayout, o, updatedItem) => {\n const sceneChild = this.getSceneLayoutChild(updatedItem.i);\n gridLayout = sortGridLayout(gridLayout);\n for (let i = 0; i < gridLayout.length; i++) {\n const gridItem = gridLayout[i];\n const child = this.getSceneLayoutChild(gridItem.i);\n const childSize = child.state;\n if ((childSize == null ? void 0 : childSize.x) !== gridItem.x || (childSize == null ? void 0 : childSize.y) !== gridItem.y) {\n child.setState({\n x: gridItem.x,\n y: gridItem.y\n });\n }\n }\n const indexOfUpdatedItem = gridLayout.findIndex((item) => item.i === updatedItem.i);\n let newParent = this.findGridItemSceneParent(gridLayout, indexOfUpdatedItem - 1);\n let newChildren = this.state.children;\n if (sceneChild instanceof SceneGridRow && newParent instanceof SceneGridRow) {\n if (!this.isRowDropValid(gridLayout, updatedItem, indexOfUpdatedItem)) {\n this._loadOldLayout = true;\n }\n newParent = this;\n }\n if (newParent !== sceneChild.parent) {\n newChildren = this.moveChildTo(sceneChild, newParent);\n }\n this.setState({ children: sortChildrenByPosition(newChildren) });\n this._skipOnLayoutChange = true;\n };\n }\n isDraggable() {\n var _a;\n return (_a = this.state.isDraggable) != null ? _a : false;\n }\n getDragClass() {\n return `grid-drag-handle-${this.state.key}`;\n }\n getDragClassCancel() {\n return `grid-drag-cancel`;\n }\n getDragHooks() {\n return {\n onDragStart: (evt, panel) => {\n this.publishEvent(new SceneGridLayoutDragStartEvent({ evt, panel }), true);\n }\n };\n }\n toggleRow(row) {\n var _a, _b;\n const isCollapsed = row.state.isCollapsed;\n if (!isCollapsed) {\n row.setState({ isCollapsed: true });\n this.setState({});\n return;\n }\n const rowChildren = row.state.children;\n if (rowChildren.length === 0) {\n row.setState({ isCollapsed: false });\n this.setState({});\n return;\n }\n const rowY = row.state.y;\n const firstPanelYPos = (_a = rowChildren[0].state.y) != null ? _a : rowY;\n const yDiff = firstPanelYPos - (rowY + 1);\n let yMax = rowY;\n for (const panel of rowChildren) {\n const newSize = __spreadValues({}, panel.state);\n newSize.y = (_b = newSize.y) != null ? _b : rowY;\n newSize.y -= yDiff;\n if (newSize.y !== panel.state.y) {\n panel.setState(newSize);\n }\n yMax = Math.max(yMax, Number(newSize.y) + Number(newSize.height));\n }\n const pushDownAmount = yMax - rowY - 1;\n for (const child of this.state.children) {\n if (child.state.y > rowY) {\n this.pushChildDown(child, pushDownAmount);\n }\n if (isSceneGridRow(child) && child !== row) {\n for (const rowChild of child.state.children) {\n if (rowChild.state.y > rowY) {\n this.pushChildDown(rowChild, pushDownAmount);\n }\n }\n }\n }\n row.setState({ isCollapsed: false });\n this.setState({});\n }\n ignoreLayoutChange(shouldIgnore) {\n this._skipOnLayoutChange = shouldIgnore;\n }\n getSceneLayoutChild(key) {\n for (const child of this.state.children) {\n if (child.state.key === key) {\n return child;\n }\n if (child instanceof SceneGridRow) {\n for (const rowChild of child.state.children) {\n if (rowChild.state.key === key) {\n return rowChild;\n }\n }\n }\n }\n throw new Error(\"Scene layout child not found for GridItem\");\n }\n pushChildDown(child, amount) {\n child.setState({\n y: child.state.y + amount\n });\n }\n findGridItemSceneParent(layout, startAt) {\n for (let i = startAt; i >= 0; i--) {\n const gridItem = layout[i];\n const sceneChild = this.getSceneLayoutChild(gridItem.i);\n if (sceneChild instanceof SceneGridRow) {\n if (sceneChild.state.isCollapsed) {\n return this;\n }\n return sceneChild;\n }\n }\n return this;\n }\n isRowDropValid(gridLayout, updatedItem, indexOfUpdatedItem) {\n if (gridLayout[gridLayout.length - 1].i === updatedItem.i) {\n return true;\n }\n const nextSceneChild = this.getSceneLayoutChild(gridLayout[indexOfUpdatedItem + 1].i);\n if (nextSceneChild instanceof SceneGridRow) {\n return true;\n } else if (nextSceneChild.parent instanceof _SceneGridLayout) {\n return true;\n }\n return false;\n }\n moveChildTo(child, target) {\n const currentParent = child.parent;\n let rootChildren = this.state.children;\n const newChild = child.clone({ key: child.state.key });\n if (currentParent instanceof SceneGridRow) {\n const newRow = currentParent.clone();\n newRow.setState({\n children: newRow.state.children.filter((c) => c.state.key !== child.state.key)\n });\n rootChildren = rootChildren.map((c) => c === currentParent ? newRow : c);\n if (target instanceof SceneGridRow) {\n const targetRow = target.clone();\n targetRow.setState({ children: [...targetRow.state.children, newChild] });\n rootChildren = rootChildren.map((c) => c === target ? targetRow : c);\n } else {\n rootChildren = [...rootChildren, newChild];\n }\n } else {\n if (!(target instanceof _SceneGridLayout)) {\n rootChildren = rootChildren.filter((c) => c.state.key !== child.state.key);\n const targetRow = target.clone();\n targetRow.setState({ children: [...targetRow.state.children, newChild] });\n rootChildren = rootChildren.map((c) => c === target ? targetRow : c);\n }\n }\n return rootChildren;\n }\n toGridCell(child) {\n var _a, _b;\n const size = child.state;\n let x = (_a = size.x) != null ? _a : 0;\n let y = (_b = size.y) != null ? _b : 0;\n const w = Number.isInteger(Number(size.width)) ? Number(size.width) : DEFAULT_PANEL_SPAN;\n const h = Number.isInteger(Number(size.height)) ? Number(size.height) : DEFAULT_PANEL_SPAN;\n let isDraggable = child.state.isDraggable;\n let isResizable = child.state.isResizable;\n if (child instanceof SceneGridRow) {\n isDraggable = child.state.isCollapsed ? true : false;\n isResizable = false;\n }\n return { i: child.state.key, x, y, h, w, isResizable, isDraggable };\n }\n buildGridLayout(width, height) {\n let cells = [];\n for (const child of this.state.children) {\n cells.push(this.toGridCell(child));\n if (child instanceof SceneGridRow && !child.state.isCollapsed) {\n for (const rowChild of child.state.children) {\n cells.push(this.toGridCell(rowChild));\n }\n }\n }\n cells = sortGridLayout(cells);\n if (this.state.UNSAFE_fitPanels) {\n cells = fitPanelsInHeight(cells, height);\n }\n if (width < 768) {\n this._skipOnLayoutChange = true;\n return cells.map((cell) => __spreadProps(__spreadValues({}, cell), { w: 24 }));\n }\n this._skipOnLayoutChange = false;\n return cells;\n }\n};\nlet SceneGridLayout = _SceneGridLayout;\nSceneGridLayout.Component = SceneGridLayoutRenderer;\nfunction isItemSizeEqual(a, b) {\n return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n}\nfunction sortChildrenByPosition(children) {\n children.forEach((child) => {\n if (child instanceof SceneGridRow) {\n child.setState({ children: sortChildrenByPosition(child.state.children) });\n }\n });\n return [...children].sort((a, b) => {\n return a.state.y - b.state.y || a.state.x - b.state.x;\n });\n}\nfunction sortGridLayout(layout) {\n return [...layout].sort((a, b) => a.y - b.y || a.x - b.x);\n}\n\nexport { SceneGridLayout };\n//# sourceMappingURL=SceneGridLayout.js.map\n","import { cx, css } from '@emotion/css';\nimport React from 'react';\nimport { useStyles2, Icon } from '@grafana/ui';\nimport { SceneObjectBase } from '../../../core/SceneObjectBase.js';\nimport { SceneGridLayout } from './SceneGridLayout.js';\nimport { GRID_COLUMN_COUNT } from './constants.js';\nimport { sceneGraph } from '../../../core/sceneGraph/index.js';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { VariableDependencyConfig } from '../../../variables/VariableDependencyConfig.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass SceneGridRow extends SceneObjectBase {\n constructor(state) {\n super(__spreadProps(__spreadValues({\n children: state.children || [],\n isCollapsible: state.isCollapsible || true,\n title: state.title || \"\"\n }, state), {\n x: 0,\n height: 1,\n width: GRID_COLUMN_COUNT\n }));\n this._variableDependency = new VariableDependencyConfig(this, {\n statePaths: [\"title\"],\n handleTimeMacros: true\n });\n this.onCollapseToggle = () => {\n if (!this.state.isCollapsible) {\n return;\n }\n this.getGridLayout().toggleRow(this);\n };\n }\n getGridLayout() {\n const layout = this.parent;\n if (!layout || !(layout instanceof SceneGridLayout)) {\n throw new Error(\"SceneGridRow must be a child of SceneGridLayout\");\n }\n return layout;\n }\n getUrlState() {\n return { rowc: this.state.isCollapsed ? \"1\" : \"0\" };\n }\n updateFromUrl(values) {\n if (values.rowc == null) {\n return;\n }\n if (values.rowc !== this.getUrlState().rowc) {\n this.onCollapseToggle();\n }\n }\n}\nSceneGridRow.Component = SceneGridRowRenderer;\nfunction SceneGridRowRenderer({ model }) {\n const styles = useStyles2(getSceneGridRowStyles);\n const { isCollapsible, isCollapsed, title, actions, children } = model.useState();\n const layout = model.getGridLayout();\n const layoutDragClass = layout.getDragClass();\n const isDraggable = layout.isDraggable();\n const count = children ? children.length : 0;\n const panels = count === 1 ? \"panel\" : \"panels\";\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(styles.row, isCollapsed && styles.rowCollapsed)\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.rowTitleAndActionsGroup\n }, /* @__PURE__ */ React.createElement(\"button\", {\n onClick: model.onCollapseToggle,\n className: styles.rowTitleButton,\n \"aria-label\": isCollapsed ? \"Expand row\" : \"Collapse row\",\n \"data-testid\": selectors.components.DashboardRow.title(sceneGraph.interpolate(model, title, void 0, \"text\"))\n }, isCollapsible && /* @__PURE__ */ React.createElement(Icon, {\n name: isCollapsed ? \"angle-right\" : \"angle-down\"\n }), /* @__PURE__ */ React.createElement(\"span\", {\n className: styles.rowTitle,\n role: \"heading\"\n }, sceneGraph.interpolate(model, title, void 0, \"text\"))), /* @__PURE__ */ React.createElement(\"span\", {\n className: cx(styles.panelCount, isCollapsed && styles.panelCountCollapsed)\n }, \"(\", count, \" \", panels, \")\"), actions && /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.rowActions\n }, /* @__PURE__ */ React.createElement(actions.Component, {\n model: actions\n }))), isDraggable && isCollapsed && /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(styles.dragHandle, layoutDragClass)\n }, /* @__PURE__ */ React.createElement(Icon, {\n name: \"draggabledots\"\n })));\n}\nconst getSceneGridRowStyles = (theme) => {\n return {\n row: css({\n width: \"100%\",\n height: \"30px\",\n display: \"flex\",\n justifyContent: \"space-between\",\n gap: theme.spacing(1)\n }),\n rowTitleButton: css({\n display: \"flex\",\n alignItems: \"center\",\n cursor: \"pointer\",\n background: \"transparent\",\n border: \"none\",\n minWidth: 0,\n gap: theme.spacing(1)\n }),\n rowCollapsed: css({\n borderBottom: `1px solid ${theme.colors.border.weak}`\n }),\n rowTitle: css({\n fontSize: theme.typography.h5.fontSize,\n fontWeight: theme.typography.fontWeightMedium,\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n maxWidth: \"100%\",\n flexGrow: 1,\n minWidth: 0\n }),\n collapsedInfo: css({\n fontSize: theme.typography.bodySmall.fontSize,\n color: theme.colors.text.secondary,\n display: \"flex\",\n alignItems: \"center\",\n flexGrow: 1\n }),\n rowTitleAndActionsGroup: css({\n display: \"flex\",\n minWidth: 0,\n \"&:hover, &:focus-within\": {\n \"& > div\": {\n opacity: 1\n }\n }\n }),\n rowActions: css({\n display: \"flex\",\n whiteSpace: \"nowrap\",\n opacity: 0,\n transition: \"200ms opacity ease-in 200ms\",\n \"&:hover, &:focus-within\": {\n opacity: 1\n }\n }),\n dragHandle: css({\n display: \"flex\",\n padding: theme.spacing(0, 1),\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n cursor: \"move\",\n color: theme.colors.text.secondary,\n \"&:hover\": {\n color: theme.colors.text.primary\n }\n }),\n panelCount: css({\n whiteSpace: \"nowrap\",\n paddingLeft: theme.spacing(2),\n color: theme.colors.text.secondary,\n fontStyle: \"italic\",\n fontSize: theme.typography.size.sm,\n fontWeight: \"normal\",\n display: \"none\",\n lineHeight: \"30px\"\n }),\n panelCountCollapsed: css({\n display: \"inline-block\"\n })\n };\n};\n\nexport { SceneGridRow, SceneGridRowRenderer, getSceneGridRowStyles };\n//# sourceMappingURL=SceneGridRow.js.map\n","import { cx, css } from '@emotion/css';\nimport React from 'react';\nimport { useStyles2, ToolbarButton, Icon } from '@grafana/ui';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { getSceneGridRowStyles } from './layout/grid/SceneGridRow.js';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\n\nclass NestedScene extends SceneObjectBase {\n constructor() {\n super(...arguments);\n this.onToggle = () => {\n this.setState({\n isCollapsed: !this.state.isCollapsed\n });\n };\n this.onRemove = () => {\n const parent = this.parent;\n if (isSceneLayoutItem(parent)) {\n parent.setState({\n body: void 0\n });\n }\n };\n }\n}\nNestedScene.Component = NestedSceneRenderer;\nfunction NestedSceneRenderer({ model }) {\n const { title, isCollapsed, canCollapse, canRemove, body, controls } = model.useState();\n const gridRow = useStyles2(getSceneGridRowStyles);\n const styles = useStyles2(getStyles);\n const toolbarControls = (controls != null ? controls : []).map((action) => /* @__PURE__ */ React.createElement(action.Component, {\n key: action.state.key,\n model: action\n }));\n if (canRemove) {\n toolbarControls.push(\n /* @__PURE__ */ React.createElement(ToolbarButton, {\n icon: \"times\",\n variant: \"default\",\n onClick: model.onRemove,\n key: \"remove-button\",\n \"aria-label\": \"Remove scene\"\n })\n );\n }\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.wrapper\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(styles.row, isCollapsed && styles.rowCollapsed)\n }, /* @__PURE__ */ React.createElement(\"button\", {\n onClick: model.onToggle,\n className: gridRow.rowTitleButton,\n \"aria-label\": isCollapsed ? \"Expand scene\" : \"Collapse scene\"\n }, canCollapse && /* @__PURE__ */ React.createElement(Icon, {\n name: isCollapsed ? \"angle-right\" : \"angle-down\"\n }), /* @__PURE__ */ React.createElement(\"span\", {\n className: gridRow.rowTitle,\n role: \"heading\"\n }, sceneGraph.interpolate(model, title, void 0, \"text\"))), /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.actions\n }, toolbarControls)), !isCollapsed && /* @__PURE__ */ React.createElement(body.Component, {\n model: body\n }));\n}\nconst getStyles = (theme) => ({\n wrapper: css({\n display: \"flex\",\n flexDirection: \"column\",\n flexGrow: 1,\n gap: theme.spacing(1)\n }),\n row: css({\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"space-between\",\n gap: theme.spacing(1)\n }),\n rowCollapsed: css({\n borderBottom: `1px solid ${theme.colors.border.weak}`,\n paddingBottom: theme.spacing(1)\n }),\n actions: css({\n display: \"flex\",\n alignItems: \"center\",\n gap: theme.spacing(1),\n justifyContent: \"flex-end\",\n flexGrow: 1\n })\n});\nfunction isSceneLayoutItem(x) {\n return \"body\" in x.state;\n}\n\nexport { NestedScene, NestedSceneRenderer };\n//# sourceMappingURL=NestedScene.js.map\n","import React from 'react';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { VariableDependencyConfig } from '../variables/VariableDependencyConfig.js';\nimport { useTheme2 } from '@grafana/ui';\nimport { css } from '@emotion/css';\n\nclass SceneCanvasText extends SceneObjectBase {\n constructor() {\n super(...arguments);\n this._variableDependency = new VariableDependencyConfig(this, { statePaths: [\"text\"] });\n }\n}\nSceneCanvasText.Component = ({ model }) => {\n const { text, fontSize = 20, align = \"left\", key, spacing } = model.useState();\n const theme = useTheme2();\n const style = css({\n fontSize,\n display: \"flex\",\n flexGrow: 1,\n alignItems: \"center\",\n padding: spacing ? theme.spacing(spacing, 0) : void 0,\n justifyContent: align\n });\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: style,\n \"data-testid\": key\n }, sceneGraph.interpolate(model, text));\n};\n\nexport { SceneCanvasText };\n//# sourceMappingURL=SceneCanvasText.js.map\n","import React from 'react';\nimport { ToolbarButton, Input } from '@grafana/ui';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { ControlsLabel } from '../utils/ControlsLabel.js';\n\nclass SceneToolbarButton extends SceneObjectBase {\n}\nSceneToolbarButton.Component = ({ model }) => {\n const state = model.useState();\n return /* @__PURE__ */ React.createElement(ToolbarButton, {\n onClick: state.onClick,\n icon: state.icon\n });\n};\nclass SceneToolbarInput extends SceneObjectBase {\n}\nSceneToolbarInput.Component = ({ model }) => {\n const state = model.useState();\n return /* @__PURE__ */ React.createElement(\"div\", {\n style: { display: \"flex\" }\n }, state.label && /* @__PURE__ */ React.createElement(ControlsLabel, {\n label: state.label\n }), /* @__PURE__ */ React.createElement(Input, {\n defaultValue: state.value,\n width: 8,\n onBlur: (evt) => {\n model.state.onChange(parseInt(evt.currentTarget.value, 10));\n }\n }));\n};\n\nexport { SceneToolbarButton, SceneToolbarInput };\n//# sourceMappingURL=SceneToolbarButton.js.map\n","import { useCallback, useState, useRef, useLayoutEffect } from 'react';\nimport { isBrowser, noop } from './misc/util';\nvar useLocalStorage = function (key, initialValue, options) {\n if (!isBrowser) {\n return [initialValue, noop, noop];\n }\n if (!key) {\n throw new Error('useLocalStorage key may not be falsy');\n }\n var deserializer = options\n ? options.raw\n ? function (value) { return value; }\n : options.deserializer\n : JSON.parse;\n // eslint-disable-next-line react-hooks/rules-of-hooks\n var initializer = useRef(function (key) {\n try {\n var serializer = options ? (options.raw ? String : options.serializer) : JSON.stringify;\n var localStorageValue = localStorage.getItem(key);\n if (localStorageValue !== null) {\n return deserializer(localStorageValue);\n }\n else {\n initialValue && localStorage.setItem(key, serializer(initialValue));\n return initialValue;\n }\n }\n catch (_a) {\n // If user is in private mode or has storage restriction\n // localStorage can throw. JSON.parse and JSON.stringify\n // can throw, too.\n return initialValue;\n }\n });\n // eslint-disable-next-line react-hooks/rules-of-hooks\n var _a = useState(function () { return initializer.current(key); }), state = _a[0], setState = _a[1];\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useLayoutEffect(function () { return setState(initializer.current(key)); }, [key]);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n var set = useCallback(function (valOrFunc) {\n try {\n var newState = typeof valOrFunc === 'function' ? valOrFunc(state) : valOrFunc;\n if (typeof newState === 'undefined')\n return;\n var value = void 0;\n if (options)\n if (options.raw)\n if (typeof newState === 'string')\n value = newState;\n else\n value = JSON.stringify(newState);\n else if (options.serializer)\n value = options.serializer(newState);\n else\n value = JSON.stringify(newState);\n else\n value = JSON.stringify(newState);\n localStorage.setItem(key, value);\n setState(deserializer(value));\n }\n catch (_a) {\n // If user is in private mode or has storage restriction\n // localStorage can throw. Also JSON.stringify can throw.\n }\n }, [key, setState]);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n var remove = useCallback(function () {\n try {\n localStorage.removeItem(key);\n setState(undefined);\n }\n catch (_a) {\n // If user is in private mode or has storage restriction\n // localStorage can throw.\n }\n }, [key, setState]);\n return [state, set, remove];\n};\nexport default useLocalStorage;\n","import React from 'react';\nimport { useLocalStorage } from 'react-use';\nimport { uniqBy } from 'lodash';\nimport { toUtc, rangeUtil, isDateTime } from '@grafana/data';\nimport { TimeRangePicker } from '@grafana/ui';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\n\nclass SceneTimePicker extends SceneObjectBase {\n constructor() {\n super(...arguments);\n this.onZoom = () => {\n const timeRange = sceneGraph.getTimeRange(this);\n const zoomedTimeRange = getZoomedTimeRange(timeRange.state.value, 2);\n timeRange.onTimeRangeChange(zoomedTimeRange);\n };\n this.onChangeFiscalYearStartMonth = (month) => {\n const timeRange = sceneGraph.getTimeRange(this);\n timeRange.setState({ fiscalYearStartMonth: month });\n };\n this.toAbsolute = () => {\n const timeRange = sceneGraph.getTimeRange(this);\n const timeRangeVal = timeRange.state.value;\n const from = toUtc(timeRangeVal.from);\n const to = toUtc(timeRangeVal.to);\n timeRange.onTimeRangeChange({ from, to, raw: { from, to } });\n };\n this.onMoveBackward = () => {\n const timeRange = sceneGraph.getTimeRange(this);\n const {\n state: { value: range }\n } = timeRange;\n timeRange.onTimeRangeChange(getShiftedTimeRange(TimeRangeDirection.Backward, range, Date.now()));\n };\n this.onMoveForward = () => {\n const timeRange = sceneGraph.getTimeRange(this);\n const {\n state: { value: range }\n } = timeRange;\n timeRange.onTimeRangeChange(getShiftedTimeRange(TimeRangeDirection.Forward, range, Date.now()));\n };\n }\n}\nSceneTimePicker.Component = SceneTimePickerRenderer;\nfunction SceneTimePickerRenderer({ model }) {\n const { hidePicker, isOnCanvas, quickRanges } = model.useState();\n const timeRange = sceneGraph.getTimeRange(model);\n const timeZone = timeRange.getTimeZone();\n const timeRangeState = timeRange.useState();\n const [timeRangeHistory, setTimeRangeHistory] = useLocalStorage(HISTORY_LOCAL_STORAGE_KEY, [], {\n raw: false,\n serializer: serializeHistory,\n deserializer: deserializeHistory\n });\n if (hidePicker) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(TimeRangePicker, {\n isOnCanvas: isOnCanvas != null ? isOnCanvas : true,\n value: timeRangeState.value,\n onChange: (range) => {\n if (isAbsolute(range)) {\n setTimeRangeHistory([range, ...timeRangeHistory != null ? timeRangeHistory : []]);\n }\n timeRange.onTimeRangeChange(range);\n },\n timeZone,\n fiscalYearStartMonth: timeRangeState.fiscalYearStartMonth,\n onMoveBackward: model.onMoveBackward,\n onMoveForward: model.onMoveForward,\n onZoom: model.onZoom,\n onChangeTimeZone: timeRange.onTimeZoneChange,\n onChangeFiscalYearStartMonth: model.onChangeFiscalYearStartMonth,\n weekStart: timeRangeState.weekStart,\n history: timeRangeHistory,\n quickRanges\n });\n}\nfunction getZoomedTimeRange(timeRange, factor) {\n const timespan = timeRange.to.valueOf() - timeRange.from.valueOf();\n const center = timeRange.to.valueOf() - timespan / 2;\n const newTimespan = timespan === 0 ? 3e4 : timespan * factor;\n const to = center + newTimespan / 2;\n const from = center - newTimespan / 2;\n return { from: toUtc(from), to: toUtc(to), raw: { from: toUtc(from), to: toUtc(to) } };\n}\nvar TimeRangeDirection = /* @__PURE__ */ ((TimeRangeDirection2) => {\n TimeRangeDirection2[TimeRangeDirection2[\"Backward\"] = 0] = \"Backward\";\n TimeRangeDirection2[TimeRangeDirection2[\"Forward\"] = 1] = \"Forward\";\n return TimeRangeDirection2;\n})(TimeRangeDirection || {});\nfunction getShiftedTimeRange(dir, timeRange, upperLimit) {\n const oldTo = timeRange.to.valueOf();\n const oldFrom = timeRange.from.valueOf();\n const halfSpan = (oldTo - oldFrom) / 2;\n let fromRaw;\n let toRaw;\n if (dir === 0 /* Backward */) {\n fromRaw = oldFrom - halfSpan;\n toRaw = oldTo - halfSpan;\n } else {\n fromRaw = oldFrom + halfSpan;\n toRaw = oldTo + halfSpan;\n if (toRaw > upperLimit && oldTo < upperLimit) {\n toRaw = upperLimit;\n fromRaw = oldFrom;\n }\n }\n const from = toUtc(fromRaw);\n const to = toUtc(toRaw);\n return {\n from,\n to,\n raw: { from, to }\n };\n}\nconst HISTORY_LOCAL_STORAGE_KEY = \"grafana.dashboard.timepicker.history\";\nfunction deserializeHistory(value) {\n const values = JSON.parse(value);\n return values.map((item) => rangeUtil.convertRawToRange(item, \"utc\", void 0, \"YYYY-MM-DD HH:mm:ss\"));\n}\nfunction serializeHistory(values) {\n return JSON.stringify(\n limit(\n values.map((v) => ({\n from: typeof v.raw.from === \"string\" ? v.raw.from : v.raw.from.toISOString(),\n to: typeof v.raw.to === \"string\" ? v.raw.to : v.raw.to.toISOString()\n }))\n )\n );\n}\nfunction limit(value) {\n return uniqBy(value, (v) => v.from + v.to).slice(0, 4);\n}\nfunction isAbsolute(value) {\n return isDateTime(value.raw.from) || isDateTime(value.raw.to);\n}\n\nexport { SceneTimePicker, TimeRangeDirection, getShiftedTimeRange, getZoomedTimeRange };\n//# sourceMappingURL=SceneTimePicker.js.map\n","import React from 'react';\nimport { rangeUtil } from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { RefreshPicker } from '@grafana/ui';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { SceneObjectUrlSyncConfig } from '../services/SceneObjectUrlSyncConfig.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst DEFAULT_INTERVALS = [\"5s\", \"10s\", \"30s\", \"1m\", \"5m\", \"15m\", \"30m\", \"1h\", \"2h\", \"1d\"];\nclass SceneRefreshPicker extends SceneObjectBase {\n constructor(state) {\n var _a, _b, _c;\n const filterDissalowedIntervals = (i) => {\n var _a2;\n const minInterval = (_a2 = state.minRefreshInterval) != null ? _a2 : config.minRefreshInterval;\n try {\n return minInterval ? rangeUtil.intervalToMs(i) >= rangeUtil.intervalToMs(minInterval) : true;\n } catch (e) {\n return false;\n }\n };\n super(__spreadProps(__spreadValues({\n refresh: \"\"\n }, state), {\n autoValue: void 0,\n autoEnabled: (_a = state.autoEnabled) != null ? _a : true,\n autoMinInterval: (_b = state.autoMinInterval) != null ? _b : config.minRefreshInterval,\n intervals: ((_c = state.intervals) != null ? _c : DEFAULT_INTERVALS).filter(filterDissalowedIntervals)\n }));\n this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: [\"refresh\"] });\n this._autoRefreshBlocked = false;\n this.onRefresh = () => {\n const queryController = sceneGraph.getQueryController(this);\n queryController == null ? void 0 : queryController.startProfile(\"SceneRefreshPicker\");\n if (queryController == null ? void 0 : queryController.state.isRunning) {\n queryController.cancelAll();\n return;\n }\n const timeRange = sceneGraph.getTimeRange(this);\n if (this._intervalTimer) {\n clearInterval(this._intervalTimer);\n }\n timeRange.onRefresh();\n this.setupIntervalTimer();\n };\n this.onIntervalChanged = (interval) => {\n this.setState({ refresh: interval });\n this.setupIntervalTimer();\n };\n this.setupAutoTimeRangeListener = () => {\n return sceneGraph.getTimeRange(this).subscribeToState((newState, prevState) => {\n if (newState.from !== prevState.from || newState.to !== prevState.to) {\n this.setupIntervalTimer();\n }\n });\n };\n this.calculateAutoRefreshInterval = () => {\n var _a;\n const timeRange = sceneGraph.getTimeRange(this);\n const resolution = (_a = window == null ? void 0 : window.innerWidth) != null ? _a : 2e3;\n return rangeUtil.calculateInterval(timeRange.state.value, resolution, this.state.autoMinInterval);\n };\n this.setupIntervalTimer = () => {\n var _a;\n const timeRange = sceneGraph.getTimeRange(this);\n const { refresh, intervals } = this.state;\n if (this._intervalTimer || refresh === \"\") {\n clearInterval(this._intervalTimer);\n }\n if (refresh === \"\") {\n return;\n }\n if (refresh !== RefreshPicker.autoOption.value && intervals && !intervals.includes(refresh)) {\n return;\n }\n let intervalMs;\n (_a = this._autoTimeRangeListener) == null ? void 0 : _a.unsubscribe();\n if (refresh === RefreshPicker.autoOption.value) {\n const autoRefreshInterval = this.calculateAutoRefreshInterval();\n intervalMs = autoRefreshInterval.intervalMs;\n this._autoTimeRangeListener = this.setupAutoTimeRangeListener();\n if (autoRefreshInterval.interval !== this.state.autoValue) {\n this.setState({ autoValue: autoRefreshInterval.interval });\n }\n } else {\n intervalMs = rangeUtil.intervalToMs(refresh);\n }\n this._intervalTimer = setInterval(() => {\n if (this.isTabVisible()) {\n const queryController = sceneGraph.getQueryController(this);\n queryController == null ? void 0 : queryController.startProfile(\"SceneRefreshPicker\");\n timeRange.onRefresh();\n } else {\n this._autoRefreshBlocked = true;\n }\n }, intervalMs);\n };\n this.addActivationHandler(() => {\n this.setupIntervalTimer();\n const onVisibilityChange = () => {\n if (this._autoRefreshBlocked && document.visibilityState === \"visible\") {\n this._autoRefreshBlocked = false;\n this.onRefresh();\n }\n };\n document.addEventListener(\"visibilitychange\", onVisibilityChange);\n return () => {\n var _a2;\n if (this._intervalTimer) {\n clearInterval(this._intervalTimer);\n }\n document.removeEventListener(\"visibilitychange\", onVisibilityChange);\n (_a2 = this._autoTimeRangeListener) == null ? void 0 : _a2.unsubscribe();\n };\n });\n }\n getUrlState() {\n let refresh = this.state.refresh;\n if (typeof refresh !== \"string\" || refresh.length === 0) {\n refresh = void 0;\n }\n return { refresh };\n }\n updateFromUrl(values) {\n const { intervals } = this.state;\n let refresh = values.refresh;\n if (typeof refresh === \"string\" && isIntervalString(refresh)) {\n if (intervals == null ? void 0 : intervals.includes(refresh)) {\n this.setState({ refresh });\n } else {\n this.setState({\n refresh: intervals ? intervals[0] : void 0\n });\n }\n }\n }\n isTabVisible() {\n return document.visibilityState === void 0 || document.visibilityState === \"visible\";\n }\n}\nSceneRefreshPicker.Component = SceneRefreshPickerRenderer;\nfunction SceneRefreshPickerRenderer({ model }) {\n var _a;\n const { refresh, intervals, autoEnabled, autoValue, isOnCanvas, primary, withText } = model.useState();\n const isRunning = useQueryControllerState(model);\n let text = refresh === ((_a = RefreshPicker.autoOption) == null ? void 0 : _a.value) ? autoValue : withText ? \"Refresh\" : void 0;\n let tooltip;\n let width;\n if (isRunning) {\n tooltip = \"Cancel all queries\";\n if (withText) {\n text = \"Cancel\";\n }\n }\n if (withText) {\n width = \"96px\";\n }\n return /* @__PURE__ */ React.createElement(RefreshPicker, {\n showAutoInterval: autoEnabled,\n value: refresh,\n intervals,\n tooltip,\n width,\n text,\n onRefresh: () => {\n model.onRefresh();\n },\n primary,\n onIntervalChanged: model.onIntervalChanged,\n isLoading: isRunning,\n isOnCanvas: isOnCanvas != null ? isOnCanvas : true\n });\n}\nfunction useQueryControllerState(model) {\n const queryController = sceneGraph.getQueryController(model);\n if (!queryController) {\n return false;\n }\n return queryController.useState().isRunning;\n}\nfunction isIntervalString(str) {\n try {\n const res = rangeUtil.describeInterval(str);\n return res.count > 0;\n } catch (e) {\n return false;\n }\n}\n\nexport { DEFAULT_INTERVALS, SceneRefreshPicker, SceneRefreshPickerRenderer };\n//# sourceMappingURL=SceneRefreshPicker.js.map\n","const getCompareSeriesRefId = (refId) => `${refId}-compare`;\n\nexport { getCompareSeriesRefId };\n//# sourceMappingURL=getCompareSeriesRefId.js.map\n","import { rangeUtil, dateTime, FieldType } from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { useStyles2, ButtonGroup, ToolbarButton, Checkbox, ButtonSelect } from '@grafana/ui';\nimport React from 'react';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { SceneObjectUrlSyncConfig } from '../services/SceneObjectUrlSyncConfig.js';\nimport { getCompareSeriesRefId } from '../utils/getCompareSeriesRefId.js';\nimport { parseUrlParam } from '../utils/parseUrlParam.js';\nimport { css } from '@emotion/css';\nimport { of } from 'rxjs';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst PREVIOUS_PERIOD_VALUE = \"__previousPeriod\";\nconst NO_PERIOD_VALUE = \"__noPeriod\";\nconst PREVIOUS_PERIOD_COMPARE_OPTION = {\n label: \"Previous period\",\n value: PREVIOUS_PERIOD_VALUE\n};\nconst NO_COMPARE_OPTION = {\n label: \"No comparison\",\n value: NO_PERIOD_VALUE\n};\nconst DEFAULT_COMPARE_OPTIONS = [\n { label: \"Day before\", value: \"24h\" },\n { label: \"Week before\", value: \"1w\" },\n { label: \"Month before\", value: \"1M\" }\n];\nclass SceneTimeRangeCompare extends SceneObjectBase {\n constructor(state) {\n super(__spreadValues({ compareOptions: DEFAULT_COMPARE_OPTIONS }, state));\n this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: [\"compareWith\"] });\n this._onActivate = () => {\n const sceneTimeRange = sceneGraph.getTimeRange(this);\n this.setState({ compareOptions: this.getCompareOptions(sceneTimeRange.state.value) });\n this._subs.add(\n sceneTimeRange.subscribeToState((timeRange) => {\n const compareOptions = this.getCompareOptions(timeRange.value);\n const stateUpdate = { compareOptions };\n if (Boolean(this.state.compareWith) && !compareOptions.find(({ value }) => value === this.state.compareWith)) {\n stateUpdate.compareWith = PREVIOUS_PERIOD_VALUE;\n }\n this.setState(stateUpdate);\n })\n );\n };\n this.getCompareOptions = (timeRange) => {\n const diffDays = Math.ceil(timeRange.to.diff(timeRange.from));\n const matchIndex = DEFAULT_COMPARE_OPTIONS.findIndex(({ value }) => {\n const intervalInMs = rangeUtil.intervalToMs(value);\n return intervalInMs >= diffDays;\n });\n return [\n NO_COMPARE_OPTION,\n PREVIOUS_PERIOD_COMPARE_OPTION,\n ...DEFAULT_COMPARE_OPTIONS.slice(matchIndex).map(({ label, value }) => ({ label, value }))\n ];\n };\n this.onCompareWithChanged = (compareWith) => {\n if (compareWith === NO_PERIOD_VALUE) {\n this.onClearCompare();\n } else {\n this.setState({ compareWith });\n }\n };\n this.onClearCompare = () => {\n this.setState({ compareWith: void 0 });\n };\n this.addActivationHandler(this._onActivate);\n }\n getExtraQueries(request) {\n const extraQueries = [];\n const compareRange = this.getCompareTimeRange(request.range);\n if (!compareRange) {\n return extraQueries;\n }\n const targets = request.targets.filter((query) => query.timeRangeCompare !== false);\n if (targets.length) {\n extraQueries.push({\n req: __spreadProps(__spreadValues({}, request), {\n targets,\n range: compareRange\n }),\n processor: timeShiftAlignmentProcessor\n });\n }\n return extraQueries;\n }\n shouldRerun(prev, next, queries) {\n return prev.compareWith !== next.compareWith && queries.find((query) => query.timeRangeCompare !== false) !== void 0;\n }\n getCompareTimeRange(timeRange) {\n let compareFrom;\n let compareTo;\n if (this.state.compareWith) {\n if (this.state.compareWith === PREVIOUS_PERIOD_VALUE) {\n const diffMs = timeRange.to.diff(timeRange.from);\n compareFrom = dateTime(timeRange.from).subtract(diffMs);\n compareTo = dateTime(timeRange.to).subtract(diffMs);\n } else {\n compareFrom = dateTime(timeRange.from).subtract(rangeUtil.intervalToMs(this.state.compareWith));\n compareTo = dateTime(timeRange.to).subtract(rangeUtil.intervalToMs(this.state.compareWith));\n }\n return {\n from: compareFrom,\n to: compareTo,\n raw: {\n from: compareFrom,\n to: compareTo\n }\n };\n }\n return void 0;\n }\n getUrlState() {\n return {\n compareWith: this.state.compareWith\n };\n }\n updateFromUrl(values) {\n if (!values.compareWith) {\n return;\n }\n const compareWith = parseUrlParam(values.compareWith);\n if (compareWith) {\n const compareOptions = this.getCompareOptions(sceneGraph.getTimeRange(this).state.value);\n if (compareOptions.find(({ value }) => value === compareWith)) {\n this.setState({\n compareWith\n });\n } else {\n this.setState({\n compareWith: \"__previousPeriod\"\n });\n }\n }\n }\n}\nSceneTimeRangeCompare.Component = SceneTimeRangeCompareRenderer;\nconst timeShiftAlignmentProcessor = (primary, secondary) => {\n const diff = secondary.timeRange.from.diff(primary.timeRange.from);\n secondary.series.forEach((series) => {\n series.refId = getCompareSeriesRefId(series.refId || \"\");\n series.meta = __spreadProps(__spreadValues({}, series.meta), {\n timeCompare: {\n diffMs: diff,\n isTimeShiftQuery: true\n }\n });\n series.fields.forEach((field) => {\n if (field.type === FieldType.time) {\n field.values = field.values.map((v) => {\n return diff < 0 ? v - diff : v + diff;\n });\n }\n field.config = __spreadProps(__spreadValues({}, field.config), {\n color: {\n mode: \"fixed\",\n fixedColor: config.theme.palette.gray60\n }\n });\n return field;\n });\n });\n return of(secondary);\n};\nfunction SceneTimeRangeCompareRenderer({ model }) {\n var _a;\n const styles = useStyles2(getStyles);\n const { compareWith, compareOptions } = model.useState();\n const [previousCompare, setPreviousCompare] = React.useState(compareWith);\n const previousValue = (_a = compareOptions.find(({ value: value2 }) => value2 === previousCompare)) != null ? _a : PREVIOUS_PERIOD_COMPARE_OPTION;\n const value = compareOptions.find(({ value: value2 }) => value2 === compareWith);\n const enabled = Boolean(value);\n const onClick = () => {\n if (enabled) {\n setPreviousCompare(compareWith);\n model.onClearCompare();\n } else if (!enabled) {\n model.onCompareWithChanged(previousValue.value);\n }\n };\n return /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(ToolbarButton, {\n variant: \"canvas\",\n tooltip: \"Enable time frame comparison\",\n onClick: (e) => {\n e.stopPropagation();\n e.preventDefault();\n onClick();\n }\n }, /* @__PURE__ */ React.createElement(Checkbox, {\n label: \" \",\n value: enabled,\n onClick\n }), \"Comparison\"), enabled ? /* @__PURE__ */ React.createElement(ButtonSelect, {\n variant: \"canvas\",\n value,\n options: compareOptions,\n onChange: (v) => {\n model.onCompareWithChanged(v.value);\n }\n }) : /* @__PURE__ */ React.createElement(ToolbarButton, {\n className: styles.previewButton,\n disabled: true,\n variant: \"canvas\",\n isOpen: false\n }, previousValue.label));\n}\nfunction getStyles(theme) {\n return {\n previewButton: css({\n \"&:disabled\": {\n border: `1px solid ${theme.colors.secondary.border}`,\n color: theme.colors.text.disabled,\n opacity: 1\n }\n })\n };\n}\n\nexport { DEFAULT_COMPARE_OPTIONS, NO_COMPARE_OPTION, PREVIOUS_PERIOD_COMPARE_OPTION, SceneTimeRangeCompare };\n//# sourceMappingURL=SceneTimeRangeCompare.js.map\n","import React from 'react';\nimport { LoadingState } from '@grafana/data';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\n\nclass SceneByFrameRepeater extends SceneObjectBase {\n constructor(state) {\n super(state);\n this.addActivationHandler(() => {\n const dataProvider = sceneGraph.getData(this);\n this._subs.add(\n dataProvider.subscribeToState((data) => {\n var _a;\n if (((_a = data.data) == null ? void 0 : _a.state) === LoadingState.Done) {\n this.performRepeat(data.data);\n }\n })\n );\n if (dataProvider.state.data) {\n this.performRepeat(dataProvider.state.data);\n }\n });\n }\n performRepeat(data) {\n const newChildren = [];\n for (let seriesIndex = 0; seriesIndex < data.series.length; seriesIndex++) {\n const layoutChild = this.state.getLayoutChild(data, data.series[seriesIndex], seriesIndex);\n newChildren.push(layoutChild);\n }\n this.state.body.setState({ children: newChildren });\n }\n}\nSceneByFrameRepeater.Component = ({ model }) => {\n const { body } = model.useState();\n return /* @__PURE__ */ React.createElement(body.Component, {\n model: body\n });\n};\n\nexport { SceneByFrameRepeater };\n//# sourceMappingURL=SceneByFrameRepeater.js.map\n","import React from 'react';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\nimport { sceneGraph } from '../core/sceneGraph/index.js';\nimport { VariableDependencyConfig } from '../variables/VariableDependencyConfig.js';\nimport { MultiValueVariable } from '../variables/variants/MultiValueVariable.js';\n\nclass SceneByVariableRepeater extends SceneObjectBase {\n constructor(state) {\n super(state);\n this._variableDependency = new VariableDependencyConfig(\n this,\n {\n variableNames: [this.state.variableName],\n onVariableUpdateCompleted: () => this.performRepeat()\n }\n );\n this.addActivationHandler(() => this.performRepeat());\n }\n performRepeat() {\n if (this._variableDependency.hasDependencyInLoadingState()) {\n return;\n }\n const variable = sceneGraph.lookupVariable(this.state.variableName, this);\n if (!(variable instanceof MultiValueVariable)) {\n console.error(\"SceneByVariableRepeater: variable is not a MultiValueVariable\");\n return;\n }\n const values = getMultiVariableValues(variable);\n const newChildren = [];\n for (const option of values) {\n const layoutChild = this.state.getLayoutChild(option);\n newChildren.push(layoutChild);\n }\n this.state.body.setState({ children: newChildren });\n }\n}\nSceneByVariableRepeater.Component = ({ model }) => {\n const { body } = model.useState();\n return /* @__PURE__ */ React.createElement(body.Component, {\n model: body\n });\n};\nfunction getMultiVariableValues(variable) {\n const { value, text, options } = variable.state;\n if (variable.hasAllValue()) {\n return options;\n }\n if (Array.isArray(value) && Array.isArray(text)) {\n return value.map((v, i) => ({ value: v, label: text[i] }));\n }\n return [{ value, label: text }];\n}\n\nexport { SceneByVariableRepeater, getMultiVariableValues };\n//# sourceMappingURL=SceneByVariableRepeater.js.map\n","import React from 'react';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\n\nclass SceneControlsSpacer extends SceneObjectBase {\n constructor() {\n super({});\n this._renderBeforeActivation = true;\n }\n}\nSceneControlsSpacer.Component = (_props) => {\n return /* @__PURE__ */ React.createElement(\"div\", {\n style: { flexGrow: 1 }\n });\n};\n\nexport { SceneControlsSpacer };\n//# sourceMappingURL=SceneControlsSpacer.js.map\n","import { css } from '@emotion/css';\nimport { config } from '@grafana/runtime';\nimport React, { useMemo } from 'react';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\n\nclass SceneFlexLayout extends SceneObjectBase {\n toggleDirection() {\n this.setState({\n direction: this.state.direction === \"row\" ? \"column\" : \"row\"\n });\n }\n isDraggable() {\n return false;\n }\n}\nSceneFlexLayout.Component = SceneFlexLayoutRenderer;\nfunction SceneFlexLayoutRenderer({ model, parentState }) {\n const { children, isHidden } = model.useState();\n const style = useLayoutStyle(model.state, parentState);\n if (isHidden) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: style\n }, children.map((item) => {\n const Component = item.Component;\n return /* @__PURE__ */ React.createElement(Component, {\n key: item.state.key,\n model: item,\n parentState: model.state\n });\n }));\n}\nclass SceneFlexItem extends SceneObjectBase {\n}\nSceneFlexItem.Component = SceneFlexItemRenderer;\nfunction SceneFlexItemRenderer({ model, parentState }) {\n if (!parentState) {\n throw new Error(\"SceneFlexItem must be a child of SceneFlexLayout\");\n }\n const { body, isHidden } = model.useState();\n const style = useLayoutItemStyle(model.state, parentState);\n if (!body || isHidden) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: style\n }, /* @__PURE__ */ React.createElement(body.Component, {\n model: body\n }));\n}\nfunction applyItemStyles(style, state, parentState) {\n var _a, _b, _c;\n const parentDirection = (_a = parentState.direction) != null ? _a : \"row\";\n const { xSizing = \"fill\", ySizing = \"fill\" } = state;\n style.display = \"flex\";\n style.position = \"relative\";\n style.flexDirection = parentDirection;\n if (parentDirection === \"column\") {\n if (state.height) {\n style.height = state.height;\n } else {\n style.flexGrow = ySizing === \"fill\" ? 1 : 0;\n }\n if (state.width) {\n style.width = state.width;\n } else {\n style.alignSelf = xSizing === \"fill\" ? \"stretch\" : \"flex-start\";\n }\n } else {\n if (state.height) {\n style.height = state.height;\n } else {\n style.alignSelf = ySizing === \"fill\" ? \"stretch\" : \"flex-start\";\n }\n if (state.width) {\n style.width = state.width;\n } else {\n style.flexGrow = xSizing === \"fill\" ? 1 : 0;\n }\n }\n style.minWidth = state.minWidth;\n style.maxWidth = state.maxWidth;\n style.maxHeight = state.maxHeight;\n style.minHeight = (_b = state.minHeight) != null ? _b : parentState.minHeight;\n style.height = (_c = state.height) != null ? _c : parentState.height;\n return style;\n}\nfunction useLayoutItemStyle(state, parentState) {\n return useMemo(() => {\n var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;\n const theme = config.theme2;\n const style = applyItemStyles({}, state, parentState);\n style[theme.breakpoints.down(\"md\")] = {\n maxWidth: (_b = (_a = state.md) == null ? void 0 : _a.maxWidth) != null ? _b : \"unset\",\n maxHeight: (_d = (_c = state.md) == null ? void 0 : _c.maxHeight) != null ? _d : \"unset\",\n height: (_g = (_e = state.md) == null ? void 0 : _e.height) != null ? _g : (_f = parentState.md) == null ? void 0 : _f.height,\n width: (_j = (_h = state.md) == null ? void 0 : _h.width) != null ? _j : (_i = parentState.md) == null ? void 0 : _i.width\n };\n return css(style);\n }, [state, parentState]);\n}\nfunction useLayoutStyle(state, parentState) {\n return useMemo(() => {\n var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;\n const { direction = \"row\", wrap } = state;\n const theme = config.theme2;\n const style = {};\n if (parentState) {\n applyItemStyles(style, state, parentState);\n } else {\n style.display = \"flex\";\n style.flexGrow = 1;\n style.minWidth = state.minWidth;\n style.minHeight = state.minHeight;\n }\n style.flexDirection = direction;\n style.gap = \"8px\";\n style.flexWrap = wrap || \"nowrap\";\n style.alignContent = \"baseline\";\n style.minWidth = style.minWidth || 0;\n style.minHeight = style.minHeight || 0;\n style[theme.breakpoints.down(\"md\")] = {\n flexDirection: (_b = (_a = state.md) == null ? void 0 : _a.direction) != null ? _b : \"column\",\n maxWidth: (_d = (_c = state.md) == null ? void 0 : _c.maxWidth) != null ? _d : \"unset\",\n maxHeight: (_f = (_e = state.md) == null ? void 0 : _e.maxHeight) != null ? _f : \"unset\",\n height: (_h = (_g = state.md) == null ? void 0 : _g.height) != null ? _h : \"unset\",\n width: (_j = (_i = state.md) == null ? void 0 : _i.width) != null ? _j : \"unset\"\n };\n return css(style);\n }, [parentState, state]);\n}\n\nexport { SceneFlexItem, SceneFlexLayout };\n//# sourceMappingURL=SceneFlexLayout.js.map\n","import { css } from '@emotion/css';\nimport React, { useMemo } from 'react';\nimport { SceneObjectBase } from '../../../core/SceneObjectBase.js';\nimport { config } from '@grafana/runtime';\nimport { LazyLoader } from '../LazyLoader.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass SceneCSSGridLayout extends SceneObjectBase {\n constructor(state) {\n var _a, _b;\n super(__spreadValues({\n rowGap: 1,\n columnGap: 1,\n templateColumns: \"repeat(auto-fit, minmax(400px, 1fr))\",\n autoRows: (_a = state.autoRows) != null ? _a : `320px`,\n children: (_b = state.children) != null ? _b : []\n }, state));\n }\n isDraggable() {\n return false;\n }\n}\nSceneCSSGridLayout.Component = SceneCSSGridLayoutRenderer;\nfunction SceneCSSGridLayoutRenderer({ model }) {\n const { children, isHidden, isLazy } = model.useState();\n const style = useLayoutStyle(model.state);\n if (isHidden) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: style\n }, children.map((item) => {\n const Component = item.Component;\n if (isLazy) {\n return /* @__PURE__ */ React.createElement(LazyLoader, {\n key: item.state.key,\n className: style\n }, /* @__PURE__ */ React.createElement(Component, {\n key: item.state.key,\n model: item,\n parentState: model.state\n }));\n }\n return /* @__PURE__ */ React.createElement(Component, {\n key: item.state.key,\n model: item,\n parentState: model.state\n });\n }));\n}\nclass SceneCSSGridItem extends SceneObjectBase {\n}\nSceneCSSGridItem.Component = SceneCSSGridItemRenderer;\nfunction SceneCSSGridItemRenderer({ model, parentState }) {\n if (!parentState) {\n throw new Error(\"SceneCSSGridItem must be a child of SceneCSSGridLayout\");\n }\n const { body, isHidden } = model.useState();\n const style = useItemStyle(model.state);\n if (!body || isHidden) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: style\n }, /* @__PURE__ */ React.createElement(body.Component, {\n model: body\n }));\n}\nfunction useLayoutStyle(state) {\n return useMemo(() => {\n var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;\n const style = {};\n const theme = config.theme2;\n style.display = \"grid\";\n style.gridTemplateColumns = state.templateColumns;\n style.gridTemplateRows = state.templateRows || \"unset\";\n style.gridAutoRows = state.autoRows || \"unset\";\n style.rowGap = theme.spacing((_a = state.rowGap) != null ? _a : 1);\n style.columnGap = theme.spacing((_b = state.columnGap) != null ? _b : 1);\n style.justifyItems = state.justifyItems || \"unset\";\n style.alignItems = state.alignItems || \"unset\";\n style.justifyContent = state.justifyContent || \"unset\";\n style.flexGrow = 1;\n if (state.md) {\n style[theme.breakpoints.down(\"md\")] = {\n gridTemplateRows: (_c = state.md) == null ? void 0 : _c.templateRows,\n gridTemplateColumns: (_d = state.md) == null ? void 0 : _d.templateColumns,\n rowGap: state.md.rowGap ? theme.spacing((_f = (_e = state.md) == null ? void 0 : _e.rowGap) != null ? _f : 1) : void 0,\n columnGap: state.md.columnGap ? theme.spacing((_h = (_g = state.md) == null ? void 0 : _g.rowGap) != null ? _h : 1) : void 0,\n justifyItems: (_i = state.md) == null ? void 0 : _i.justifyItems,\n alignItems: (_j = state.md) == null ? void 0 : _j.alignItems,\n justifyContent: (_k = state.md) == null ? void 0 : _k.justifyContent\n };\n }\n return css(style);\n }, [state]);\n}\nfunction useItemStyle(state) {\n return useMemo(() => {\n const style = {};\n style.gridColumn = state.gridColumn || \"unset\";\n style.gridRow = state.gridRow || \"unset\";\n style.position = \"relative\";\n return css(style);\n }, [state]);\n}\n\nexport { SceneCSSGridItem, SceneCSSGridLayout };\n//# sourceMappingURL=SceneCSSGridLayout.js.map\n","import { cx, css } from '@emotion/css';\nimport { useStyles2 } from '@grafana/ui';\nimport { clamp, throttle } from 'lodash';\nimport React, { useRef, useCallback, useLayoutEffect } from 'react';\nimport { useUniqueId } from '../LazyLoader.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nconst PIXELS_PER_MS = 0.3;\nconst VERTICAL_KEYS = /* @__PURE__ */ new Set([\"ArrowUp\", \"ArrowDown\"]);\nconst HORIZONTAL_KEYS = /* @__PURE__ */ new Set([\"ArrowLeft\", \"ArrowRight\"]);\nconst propsForDirection = {\n row: {\n dim: \"width\",\n axis: \"clientX\",\n min: \"minWidth\",\n max: \"maxWidth\"\n },\n column: {\n dim: \"height\",\n axis: \"clientY\",\n min: \"minHeight\",\n max: \"maxHeight\"\n }\n};\nfunction Splitter({\n direction = \"row\",\n handleSize = 32,\n initialSize = \"auto\",\n primaryPaneStyles,\n secondaryPaneStyles,\n onDragFinished,\n children\n}) {\n const kids = React.Children.toArray(children);\n const splitterRef = useRef(null);\n const firstPaneRef = useRef(null);\n const secondPaneRef = useRef(null);\n const containerRef = useRef(null);\n const containerSize = useRef(null);\n const primarySizeRef = useRef(\"1fr\");\n const firstPaneMeasurements = useRef(void 0);\n const savedPos = useRef(void 0);\n const measurementProp = propsForDirection[direction].dim;\n const clientAxis = propsForDirection[direction].axis;\n const minDimProp = propsForDirection[direction].min;\n const maxDimProp = propsForDirection[direction].max;\n useResizeObserver(\n containerRef.current,\n (entries) => {\n for (const entry of entries) {\n if (!entry.target.isSameNode(containerRef.current)) {\n return;\n }\n const curSize = firstPaneRef.current.getBoundingClientRect()[measurementProp];\n const newDims = measureElement(firstPaneRef.current);\n splitterRef.current.ariaValueNow = `${clamp(\n (curSize - newDims[minDimProp]) / (newDims[maxDimProp] - newDims[minDimProp]) * 100,\n 0,\n 100\n )}`;\n }\n },\n 500,\n [maxDimProp, minDimProp, direction, measurementProp]\n );\n const dragStart = useRef(null);\n const onPointerDown = useCallback(\n (e) => {\n primarySizeRef.current = firstPaneRef.current.getBoundingClientRect()[measurementProp];\n containerSize.current = containerRef.current.getBoundingClientRect()[measurementProp];\n dragStart.current = e[clientAxis];\n splitterRef.current.setPointerCapture(e.pointerId);\n firstPaneMeasurements.current = measureElement(firstPaneRef.current);\n savedPos.current = void 0;\n },\n [measurementProp, clientAxis]\n );\n const onPointerMove = useCallback(\n (e) => {\n if (dragStart.current !== null && primarySizeRef.current !== \"1fr\") {\n const diff = e[clientAxis] - dragStart.current;\n const dims = firstPaneMeasurements.current;\n const newSize = clamp(primarySizeRef.current + diff, dims[minDimProp], dims[maxDimProp]);\n const newFlex = newSize / (containerSize.current - handleSize);\n firstPaneRef.current.style.flexGrow = `${newFlex}`;\n secondPaneRef.current.style.flexGrow = `${1 - newFlex}`;\n const ariaValueNow = clamp(\n (newSize - dims[minDimProp]) / (dims[maxDimProp] - dims[minDimProp]) * 100,\n 0,\n 100\n );\n splitterRef.current.ariaValueNow = `${ariaValueNow}`;\n }\n },\n [handleSize, clientAxis, minDimProp, maxDimProp]\n );\n const onPointerUp = useCallback(\n (e) => {\n e.preventDefault();\n e.stopPropagation();\n splitterRef.current.releasePointerCapture(e.pointerId);\n dragStart.current = null;\n onDragFinished == null ? void 0 : onDragFinished(parseFloat(firstPaneRef.current.style.flexGrow));\n },\n [onDragFinished]\n );\n const pressedKeys = useRef(/* @__PURE__ */ new Set());\n const keysLastHandledAt = useRef(null);\n const handlePressedKeys = useCallback(\n (time) => {\n var _a;\n const nothingPressed = pressedKeys.current.size === 0;\n if (nothingPressed) {\n keysLastHandledAt.current = null;\n return;\n } else if (primarySizeRef.current === \"1fr\") {\n return;\n }\n const dt = time - ((_a = keysLastHandledAt.current) != null ? _a : time);\n const dx = dt * PIXELS_PER_MS;\n let sizeChange = 0;\n if (direction === \"row\") {\n if (pressedKeys.current.has(\"ArrowLeft\")) {\n sizeChange -= dx;\n }\n if (pressedKeys.current.has(\"ArrowRight\")) {\n sizeChange += dx;\n }\n } else {\n if (pressedKeys.current.has(\"ArrowUp\")) {\n sizeChange -= dx;\n }\n if (pressedKeys.current.has(\"ArrowDown\")) {\n sizeChange += dx;\n }\n }\n const firstPaneDims = firstPaneMeasurements.current;\n const curSize = firstPaneRef.current.getBoundingClientRect()[measurementProp];\n const newSize = clamp(curSize + sizeChange, firstPaneDims[minDimProp], firstPaneDims[maxDimProp]);\n const newFlex = newSize / (containerSize.current - handleSize);\n firstPaneRef.current.style.flexGrow = `${newFlex}`;\n secondPaneRef.current.style.flexGrow = `${1 - newFlex}`;\n const ariaValueNow = (newSize - firstPaneDims[minDimProp]) / (firstPaneDims[maxDimProp] - firstPaneDims[minDimProp]) * 100;\n splitterRef.current.ariaValueNow = `${clamp(ariaValueNow, 0, 100)}`;\n keysLastHandledAt.current = time;\n window.requestAnimationFrame(handlePressedKeys);\n },\n [direction, handleSize, minDimProp, maxDimProp, measurementProp]\n );\n const onKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n if (savedPos.current === void 0) {\n savedPos.current = firstPaneRef.current.style.flexGrow;\n firstPaneRef.current.style.flexGrow = \"0\";\n secondPaneRef.current.style.flexGrow = \"1\";\n } else {\n firstPaneRef.current.style.flexGrow = savedPos.current;\n secondPaneRef.current.style.flexGrow = `${1 - parseFloat(savedPos.current)}`;\n savedPos.current = void 0;\n }\n return;\n } else if (e.key === \"Home\") {\n firstPaneMeasurements.current = measureElement(firstPaneRef.current);\n containerSize.current = containerRef.current.getBoundingClientRect()[measurementProp];\n const newFlex = firstPaneMeasurements.current[minDimProp] / (containerSize.current - handleSize);\n firstPaneRef.current.style.flexGrow = `${newFlex}`;\n secondPaneRef.current.style.flexGrow = `${1 - newFlex}`;\n splitterRef.current.ariaValueNow = \"0\";\n return;\n } else if (e.key === \"End\") {\n firstPaneMeasurements.current = measureElement(firstPaneRef.current);\n containerSize.current = containerRef.current.getBoundingClientRect()[measurementProp];\n const newFlex = firstPaneMeasurements.current[maxDimProp] / (containerSize.current - handleSize);\n firstPaneRef.current.style.flexGrow = `${newFlex}`;\n secondPaneRef.current.style.flexGrow = `${1 - newFlex}`;\n splitterRef.current.ariaValueNow = \"100\";\n return;\n }\n if (!(direction === \"column\" && VERTICAL_KEYS.has(e.key) || direction === \"row\" && HORIZONTAL_KEYS.has(e.key)) || pressedKeys.current.has(e.key)) {\n return;\n }\n savedPos.current = void 0;\n e.preventDefault();\n e.stopPropagation();\n primarySizeRef.current = firstPaneRef.current.getBoundingClientRect()[measurementProp];\n containerSize.current = containerRef.current.getBoundingClientRect()[measurementProp];\n firstPaneMeasurements.current = measureElement(firstPaneRef.current);\n const newKey = !pressedKeys.current.has(e.key);\n if (newKey) {\n const initiateAnimationLoop = pressedKeys.current.size === 0;\n pressedKeys.current.add(e.key);\n if (initiateAnimationLoop) {\n window.requestAnimationFrame(handlePressedKeys);\n }\n }\n },\n [direction, handlePressedKeys, handleSize, maxDimProp, measurementProp, minDimProp]\n );\n const onKeyUp = useCallback(\n (e) => {\n if (direction === \"row\" && !HORIZONTAL_KEYS.has(e.key) || direction === \"column\" && !VERTICAL_KEYS.has(e.key)) {\n return;\n }\n pressedKeys.current.delete(e.key);\n onDragFinished == null ? void 0 : onDragFinished(parseFloat(firstPaneRef.current.style.flexGrow));\n },\n [direction, onDragFinished]\n );\n const onDoubleClick = useCallback(() => {\n firstPaneRef.current.style.flexGrow = \"0.5\";\n secondPaneRef.current.style.flexGrow = \"0.5\";\n const dim = measureElement(firstPaneRef.current);\n firstPaneMeasurements.current = dim;\n primarySizeRef.current = firstPaneRef.current.getBoundingClientRect()[measurementProp];\n splitterRef.current.ariaValueNow = `${(primarySizeRef.current - dim[minDimProp]) / (dim[maxDimProp] - dim[minDimProp]) * 100}`;\n }, [maxDimProp, measurementProp, minDimProp]);\n const onBlur = useCallback(() => {\n if (pressedKeys.current.size > 0) {\n pressedKeys.current.clear();\n dragStart.current = null;\n onDragFinished == null ? void 0 : onDragFinished(parseFloat(firstPaneRef.current.style.flexGrow));\n }\n }, [onDragFinished]);\n const styles = useStyles2(getStyles);\n const id = useUniqueId();\n const secondAvailable = kids.length === 2;\n const visibilitySecond = secondAvailable ? \"visible\" : \"hidden\";\n return /* @__PURE__ */ React.createElement(\"div\", {\n ref: containerRef,\n className: styles.container,\n style: {\n flexDirection: direction\n }\n }, /* @__PURE__ */ React.createElement(\"div\", {\n ref: firstPaneRef,\n className: styles.panel,\n style: __spreadValues({\n flexGrow: initialSize === \"auto\" ? 0.5 : clamp(initialSize, 0, 1),\n [minDimProp]: \"min-content\"\n }, primaryPaneStyles),\n id: `start-panel-${id}`\n }, kids[0]), kids[1] && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"div\", {\n ref: splitterRef,\n style: { [measurementProp]: `${handleSize}px` },\n className: cx(styles.handle, { [styles.handleHorizontal]: direction === \"column\" }),\n onPointerUp,\n onPointerDown,\n onPointerMove,\n onKeyDown,\n onKeyUp,\n onDoubleClick,\n onBlur,\n role: \"separator\",\n \"aria-valuemin\": 0,\n \"aria-valuemax\": 100,\n \"aria-valuenow\": 50,\n \"aria-controls\": `start-panel-${id}`,\n \"aria-label\": \"Pane resize widget\",\n tabIndex: 0\n }), /* @__PURE__ */ React.createElement(\"div\", {\n ref: secondPaneRef,\n className: styles.panel,\n style: __spreadValues({\n flexGrow: initialSize === \"auto\" ? 0.5 : clamp(1 - initialSize, 0, 1),\n [minDimProp]: \"min-content\",\n visibility: `${visibilitySecond}`\n }, secondaryPaneStyles),\n id: `end-panel-${id}`\n }, kids[1])));\n}\nfunction getStyles(theme) {\n return {\n handle: css({\n cursor: \"col-resize\",\n position: \"relative\",\n flexShrink: 0,\n userSelect: \"none\",\n \"&::before\": {\n content: '\"\"',\n position: \"absolute\",\n backgroundColor: theme.colors.primary.main,\n left: \"50%\",\n transform: \"translate(-50%)\",\n top: 0,\n height: \"100%\",\n width: \"1px\",\n opacity: 0,\n transition: \"opacity ease-in-out 0.2s\"\n },\n \"&::after\": {\n content: '\"\"',\n width: \"4px\",\n borderRadius: \"4px\",\n backgroundColor: theme.colors.border.weak,\n transition: \"background-color ease-in-out 0.2s\",\n height: \"50%\",\n top: \"calc(50% - (50%) / 2)\",\n transform: \"translateX(-50%)\",\n position: \"absolute\",\n left: \"50%\"\n },\n \"&:hover, &:focus-visible\": {\n outline: \"none\",\n \"&::before\": {\n opacity: 1\n },\n \"&::after\": {\n backgroundColor: theme.colors.primary.main\n }\n }\n }),\n handleHorizontal: css({\n cursor: \"row-resize\",\n \"&::before\": {\n left: \"inherit\",\n transform: \"translateY(-50%)\",\n top: \"50%\",\n height: \"1px\",\n width: \"100%\"\n },\n \"&::after\": {\n width: \"50%\",\n height: \"4px\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n left: \"calc(50% - (50%) / 2)\"\n }\n }),\n container: css({\n display: \"flex\",\n width: \"100%\",\n flexGrow: 1,\n overflow: \"hidden\"\n }),\n panel: css({ display: \"flex\", position: \"relative\", flexBasis: 0 })\n };\n}\nfunction measureElement(ref) {\n if (ref === null) {\n return void 0;\n }\n const savedBodyOverflow = document.body.style.overflow;\n const savedWidth = ref.style.width;\n const savedHeight = ref.style.height;\n const savedFlex = ref.style.flexGrow;\n document.body.style.overflow = \"hidden\";\n ref.style.flexGrow = \"0\";\n const { width: minWidth, height: minHeight } = ref.getBoundingClientRect();\n ref.style.flexGrow = \"100\";\n const { width: maxWidth, height: maxHeight } = ref.getBoundingClientRect();\n document.body.style.overflow = savedBodyOverflow;\n ref.style.width = savedWidth;\n ref.style.height = savedHeight;\n ref.style.flexGrow = savedFlex;\n return { minWidth, maxWidth, minHeight, maxHeight };\n}\nfunction useResizeObserver(target, cb, throttleWait = 0, deps) {\n const throttledCallback = throttle(cb, throttleWait);\n useLayoutEffect(() => {\n if (!target) {\n return;\n }\n const resizeObserver = new ResizeObserver(throttledCallback);\n resizeObserver.observe(target, { box: \"device-pixel-content-box\" });\n return () => resizeObserver.disconnect();\n }, deps);\n}\n\nexport { Splitter };\n//# sourceMappingURL=Splitter.js.map\n","import React from 'react';\nimport { Splitter } from './Splitter.js';\n\nfunction SplitLayoutRenderer({ model }) {\n const { primary, secondary, direction, isHidden, initialSize, primaryPaneStyles, secondaryPaneStyles } = model.useState();\n if (isHidden) {\n return null;\n }\n const Prim = primary.Component;\n const Sec = secondary == null ? void 0 : secondary.Component;\n let startSize = secondary ? initialSize : 1;\n return /* @__PURE__ */ React.createElement(Splitter, {\n direction,\n initialSize: startSize != null ? startSize : 0.5,\n primaryPaneStyles,\n secondaryPaneStyles\n }, /* @__PURE__ */ React.createElement(Prim, {\n key: primary.state.key,\n model: primary,\n parentState: model.state\n }), Sec && secondary && /* @__PURE__ */ React.createElement(Sec, {\n key: secondary.state.key,\n model: secondary,\n parentState: model.state\n }));\n}\n\nexport { SplitLayoutRenderer };\n//# sourceMappingURL=SplitLayoutRenderer.js.map\n","import { SceneObjectBase } from '../../../core/SceneObjectBase.js';\nimport { SplitLayoutRenderer } from './SplitLayoutRenderer.js';\n\nclass SplitLayout extends SceneObjectBase {\n toggleDirection() {\n this.setState({\n direction: this.state.direction === \"row\" ? \"column\" : \"row\"\n });\n }\n isDraggable() {\n return false;\n }\n}\nSplitLayout.Component = SplitLayoutRenderer;\n\nexport { SplitLayout };\n//# sourceMappingURL=SplitLayout.js.map\n","import React, { createContext } from 'react';\nimport { Routes, Route } from 'react-router-dom';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\n\nclass SceneApp extends SceneObjectBase {\n enrichDataRequest() {\n return {\n app: this.state.name || \"app\"\n };\n }\n}\nSceneApp.Component = ({ model }) => {\n const { pages } = model.useState();\n return /* @__PURE__ */ React.createElement(SceneAppContext.Provider, {\n value: model\n }, /* @__PURE__ */ React.createElement(Routes, null, pages.map((page) => /* @__PURE__ */ React.createElement(Route, {\n key: page.state.url,\n path: page.state.routePath,\n element: /* @__PURE__ */ React.createElement(page.Component, {\n model: page\n })\n }))));\n};\nconst SceneAppContext = createContext(null);\nconst sceneAppCache = /* @__PURE__ */ new Map();\nfunction useSceneApp(factory) {\n const cachedApp = sceneAppCache.get(factory);\n if (cachedApp) {\n return cachedApp;\n }\n const newApp = factory();\n sceneAppCache.set(factory, newApp);\n return newApp;\n}\n\nexport { SceneApp, SceneAppContext, useSceneApp };\n//# sourceMappingURL=SceneApp.js.map\n","import React from 'react';\nimport { SceneObjectBase } from '../core/SceneObjectBase.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nclass SceneReactObject extends SceneObjectBase {\n}\nSceneReactObject.Component = ({ model }) => {\n const { component: Component, props, reactNode } = model.useState();\n if (Component) {\n return /* @__PURE__ */ React.createElement(Component, __spreadValues({}, props));\n }\n if (reactNode) {\n return reactNode;\n }\n return null;\n};\n\nexport { SceneReactObject };\n//# sourceMappingURL=SceneReactObject.js.map\n","import { css } from '@emotion/css';\nimport { useStyles2, JSONFormatter, Input } from '@grafana/ui';\nimport { isPlainObject, isArray } from 'lodash';\nimport React from 'react';\nimport { isSceneObject } from '../../core/types.js';\n\nfunction DebugDetails({ node }) {\n const state = node.useState();\n const styles = useStyles2(getStyles);\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.container\n }, Object.keys(state).map((key) => /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.row,\n key\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.keyName\n }, key), /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.value\n }, renderValue(key, state[key], node)))));\n}\nfunction renderValue(key, value, node) {\n if (value === null) {\n return \"null\";\n }\n switch (typeof value) {\n case \"number\":\n return /* @__PURE__ */ React.createElement(Input, {\n type: \"number\",\n defaultValue: value,\n onBlur: (evt) => node.setState({ [key]: evt.currentTarget.valueAsNumber })\n });\n case \"string\":\n return /* @__PURE__ */ React.createElement(Input, {\n type: \"text\",\n defaultValue: value,\n onBlur: (evt) => node.setState({ [key]: evt.currentTarget.value })\n });\n case \"object\":\n if (isSceneObject(value)) {\n return value.constructor.name;\n }\n if (isPlainObject(value) || isArray(value)) {\n return /* @__PURE__ */ React.createElement(JSONFormatter, {\n json: value,\n open: 0\n });\n }\n return String(value);\n default:\n return typeof value;\n }\n}\nfunction getStyles(theme) {\n return {\n container: css({\n flexGrow: 1,\n display: \"flex\",\n gap: theme.spacing(0.5),\n flexDirection: \"column\"\n }),\n row: css({\n display: \"flex\",\n gap: theme.spacing(2)\n }),\n keyName: css({\n display: \"flex\",\n flexGrow: \"0\",\n width: 120,\n alignItems: \"center\",\n height: theme.spacing(theme.components.height.md)\n }),\n value: css({\n flexGrow: 1,\n minHeight: theme.spacing(theme.components.height.md),\n display: \"flex\",\n alignItems: \"center\"\n })\n };\n}\n\nexport { DebugDetails };\n//# sourceMappingURL=DebugDetails.js.map\n","import { cx, css } from '@emotion/css';\nimport { useStyles2 } from '@grafana/ui';\nimport React from 'react';\n\nfunction DebugTreeNode({ node, selectedObject, onSelect }) {\n const styles = useStyles2(getStyles);\n const children = [];\n const isSelected = node === selectedObject;\n node.forEachChild((child) => {\n children.push(\n /* @__PURE__ */ React.createElement(DebugTreeNode, {\n node: child,\n key: child.state.key,\n selectedObject,\n onSelect\n })\n );\n });\n return /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.container\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(styles.name, isSelected && styles.selected),\n onClick: () => onSelect(node)\n }, node.constructor.name), /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.children\n }, children));\n}\nfunction getStyles(theme) {\n return {\n container: css({\n flexGrow: 1,\n display: \"flex\",\n gap: theme.spacing(0.5),\n flexDirection: \"column\"\n }),\n name: css({\n flexGrow: 1,\n display: \"flex\",\n gap: theme.spacing(1),\n fontSize: theme.typography.bodySmall.fontSize,\n cursor: \"pointer\",\n padding: theme.spacing(0, 1),\n borderRadius: theme.shape.borderRadius(2),\n position: \"relative\",\n \"&:hover\": {\n background: theme.colors.background.secondary\n }\n }),\n selected: css({\n \"&::before\": {\n display: \"block\",\n content: \"' '\",\n position: \"absolute\",\n left: 0,\n width: 4,\n bottom: 2,\n top: 2,\n borderRadius: theme.shape.radius.default,\n backgroundImage: theme.colors.gradients.brandVertical\n }\n }),\n children: css({\n flexGrow: 1,\n display: \"flex\",\n flexDirection: \"column\",\n paddingLeft: theme.spacing(1)\n })\n };\n}\n\nexport { DebugTreeNode };\n//# sourceMappingURL=DebugTreeNode.js.map\n","import { css } from '@emotion/css';\nimport { useStyles2, ToolbarButton, Drawer, CustomScrollbar } from '@grafana/ui';\nimport React, { useState } from 'react';\nimport { DebugDetails } from './DebugDetails.js';\nimport { DebugTreeNode } from './DebugTreeNode.js';\n\nfunction SceneDebugger({ scene }) {\n const styles = useStyles2(getStyles);\n const [isOpen, setIsOpen] = useState(false);\n const [selectedObject, setSelectedObject] = useState();\n return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ToolbarButton, {\n variant: \"canvas\",\n icon: \"bug\",\n onClick: () => setIsOpen(true)\n }), isOpen && /* @__PURE__ */ React.createElement(Drawer, {\n title: \"Scene debugger\",\n onClose: () => setIsOpen(false),\n size: \"lg\"\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.panes\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.pane1\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.paneHeading\n }, \"Scene graph\"), /* @__PURE__ */ React.createElement(CustomScrollbar, {\n autoHeightMin: \"100%\"\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.treeWrapper\n }, /* @__PURE__ */ React.createElement(DebugTreeNode, {\n node: scene,\n selectedObject,\n onSelect: setSelectedObject\n })))), /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.pane2\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: styles.paneHeading\n }, \"Object details\"), selectedObject && /* @__PURE__ */ React.createElement(DebugDetails, {\n node: selectedObject\n })))));\n}\nfunction getStyles(theme) {\n return {\n panes: css({\n flexGrow: 1,\n display: \"flex\",\n height: \"100%\",\n flexDirection: \"row\",\n marginTop: theme.spacing(-2)\n }),\n pane1: css({\n flexGrow: 0,\n display: \"flex\",\n height: \"100%\",\n flexDirection: \"column\",\n borderRight: `1px solid ${theme.colors.border.weak}`\n }),\n pane2: css({\n flexGrow: 1,\n display: \"flex\",\n minHeight: \"100%\",\n flexDirection: \"column\",\n paddingLeft: theme.spacing(2)\n }),\n treeWrapper: css({\n paddingRight: theme.spacing(2),\n height: \"100%\",\n marginLeft: theme.spacing(-1)\n }),\n paneHeading: css({\n padding: theme.spacing(1, 0),\n fontWeight: theme.typography.fontWeightMedium\n })\n };\n}\n\nexport { SceneDebugger };\n//# sourceMappingURL=SceneDebugger.js.map\n","import { PluginPage } from '@grafana/runtime';\nimport React, { useContext, useLayoutEffect, useEffect } from 'react';\nimport { SceneDebugger } from '../SceneDebugger/SceneDebugger.js';\nimport { SceneAppPage } from './SceneAppPage.js';\nimport { useSceneRouteMatch, useAppQueryParams, getUrlWithAppState } from './utils.js';\nimport { useUrlSync } from '../../services/useUrlSync.js';\nimport { SceneAppContext } from './SceneApp.js';\nimport { useLocationServiceSafe } from '../../utils/utils.js';\n\nfunction SceneAppPageView({ page }) {\n const routeMatch = useSceneRouteMatch(page.state.url);\n const containerPage = getParentPageIfTab(page);\n const containerState = containerPage.useState();\n const params = useAppQueryParams();\n const scene = page.getScene(routeMatch);\n const appContext = useContext(SceneAppContext);\n const isInitialized = containerState.initializedScene === scene;\n const { layout } = page.state;\n const locationService = useLocationServiceSafe();\n useLayoutEffect(() => {\n if (!isInitialized) {\n containerPage.initializeScene(scene);\n }\n }, [scene, containerPage, isInitialized]);\n useEffect(() => {\n return () => containerPage.setState({ initializedScene: void 0 });\n }, [containerPage]);\n const urlSyncInitialized = useUrlSync(containerPage, appContext == null ? void 0 : appContext.state.urlSyncOptions);\n if (!isInitialized && !urlSyncInitialized) {\n return null;\n }\n const pageNav = {\n text: containerState.title,\n img: containerState.titleImg,\n icon: containerState.titleIcon,\n url: getUrlWithAppState(containerState.url, locationService.getSearchObject(), containerState.preserveUrlKeys),\n hideFromBreadcrumbs: containerState.hideFromBreadcrumbs,\n parentItem: getParentBreadcrumbs(\n containerState.getParentPage ? containerState.getParentPage() : containerPage.parent,\n params,\n locationService.getSearchObject()\n )\n };\n if (containerState.tabs) {\n pageNav.children = containerState.tabs.map((tab) => {\n return {\n text: tab.state.title,\n icon: tab.state.titleIcon,\n tabSuffix: tab.state.tabSuffix,\n active: page === tab,\n url: getUrlWithAppState(tab.state.url, locationService.getSearchObject(), tab.state.preserveUrlKeys),\n parentItem: pageNav\n };\n });\n }\n let pageActions = [];\n if (containerState.controls) {\n pageActions = containerState.controls.map((control) => /* @__PURE__ */ React.createElement(control.Component, {\n model: control,\n key: control.state.key\n }));\n }\n if (params[\"scene-debugger\"]) {\n pageActions.push(/* @__PURE__ */ React.createElement(SceneDebugger, {\n scene: containerPage,\n key: \"scene-debugger\"\n }));\n }\n return /* @__PURE__ */ React.createElement(PluginPage, {\n layout,\n pageNav,\n actions: pageActions,\n renderTitle: containerState.renderTitle,\n subTitle: containerState.subTitle\n }, /* @__PURE__ */ React.createElement(scene.Component, {\n model: scene\n }));\n}\nfunction getParentPageIfTab(page) {\n if (page.parent instanceof SceneAppPage) {\n return page.parent;\n }\n return page;\n}\nfunction getParentBreadcrumbs(parent, params, searchObject) {\n if (parent instanceof SceneAppPage) {\n return {\n text: parent.state.title,\n url: getUrlWithAppState(parent.state.url, searchObject, parent.state.preserveUrlKeys),\n hideFromBreadcrumbs: parent.state.hideFromBreadcrumbs,\n parentItem: getParentBreadcrumbs(\n parent.state.getParentPage ? parent.state.getParentPage() : parent.parent,\n params,\n searchObject\n )\n };\n }\n return void 0;\n}\nfunction SceneAppDrilldownViewRender({ drilldown, parent }) {\n const routeMatch = useSceneRouteMatch(drilldown.routePath);\n const page = parent.getDrilldownPage(drilldown, routeMatch);\n return /* @__PURE__ */ React.createElement(page.Component, {\n model: page\n });\n}\n\nexport { SceneAppDrilldownViewRender, SceneAppPageView };\n//# sourceMappingURL=SceneAppPageView.js.map\n","import React from 'react';\nimport { Route, Routes } from 'react-router-dom';\nimport { SceneObjectBase } from '../../core/SceneObjectBase.js';\nimport { isDataRequestEnricher } from '../../core/types.js';\nimport { EmbeddedScene } from '../EmbeddedScene.js';\nimport { SceneFlexLayout, SceneFlexItem } from '../layout/SceneFlexLayout.js';\nimport { SceneReactObject } from '../SceneReactObject.js';\nimport { SceneAppDrilldownViewRender, SceneAppPageView } from './SceneAppPageView.js';\n\nclass SceneAppPage extends SceneObjectBase {\n constructor(state) {\n super(state);\n this._sceneCache = /* @__PURE__ */ new Map();\n this._drilldownCache = /* @__PURE__ */ new Map();\n }\n initializeScene(scene) {\n this.setState({ initializedScene: scene });\n }\n getScene(routeMatch) {\n let scene = this._sceneCache.get(routeMatch.url);\n if (scene) {\n return scene;\n }\n if (!this.state.getScene) {\n throw new Error(\"Missing getScene on SceneAppPage \" + this.state.title);\n }\n scene = this.state.getScene(routeMatch);\n this._sceneCache.set(routeMatch.url, scene);\n return scene;\n }\n getDrilldownPage(drilldown, routeMatch) {\n let page = this._drilldownCache.get(routeMatch.url);\n if (page) {\n return page;\n }\n page = drilldown.getPage(routeMatch, this);\n this._drilldownCache.set(routeMatch.url, page);\n return page;\n }\n enrichDataRequest(source) {\n if (this.state.getParentPage) {\n return this.state.getParentPage().enrichDataRequest(source);\n }\n if (!this.parent) {\n return null;\n }\n const root = this.getRoot();\n if (isDataRequestEnricher(root)) {\n return root.enrichDataRequest(source);\n }\n return null;\n }\n}\nSceneAppPage.Component = SceneAppPageRenderer;\nfunction SceneAppPageRenderer({ model }) {\n const { tabs, drilldowns } = model.useState();\n const routes = [];\n routes.push(getFallbackRoute(model));\n if (tabs && tabs.length > 0) {\n for (let tabIndex = 0; tabIndex < tabs.length; tabIndex++) {\n const tab = tabs[tabIndex];\n if (tabIndex === 0) {\n routes.push(/* @__PURE__ */ React.createElement(Route, {\n key: model.state.routePath,\n path: \"\",\n element: /* @__PURE__ */ React.createElement(tab.Component, {\n model: tab\n })\n }));\n }\n routes.push(\n /* @__PURE__ */ React.createElement(Route, {\n key: tab.state.url,\n path: tab.state.routePath,\n element: /* @__PURE__ */ React.createElement(tab.Component, {\n model: tab\n })\n })\n );\n if (tab.state.drilldowns) {\n for (const drilldown of tab.state.drilldowns) {\n routes.push(\n /* @__PURE__ */ React.createElement(Route, {\n key: drilldown.routePath,\n path: drilldown.routePath,\n element: /* @__PURE__ */ React.createElement(SceneAppDrilldownViewRender, {\n drilldown,\n parent: tab\n })\n })\n );\n }\n }\n }\n }\n if (drilldowns) {\n for (const drilldown of drilldowns) {\n routes.push(\n /* @__PURE__ */ React.createElement(Route, {\n key: drilldown.routePath,\n path: drilldown.routePath,\n Component: () => /* @__PURE__ */ React.createElement(SceneAppDrilldownViewRender, {\n drilldown,\n parent: model\n })\n })\n );\n }\n }\n if (!tabs) {\n routes.push(/* @__PURE__ */ React.createElement(Route, {\n key: \"home route\",\n path: \"/\",\n element: /* @__PURE__ */ React.createElement(SceneAppPageView, {\n page: model\n })\n }));\n }\n return /* @__PURE__ */ React.createElement(Routes, null, routes);\n}\nfunction getFallbackRoute(page) {\n var _a, _b, _c;\n return /* @__PURE__ */ React.createElement(Route, {\n key: \"fallback route\",\n path: \"*\",\n element: /* @__PURE__ */ React.createElement(SceneAppPageView, {\n page: (_c = (_b = (_a = page.state).getFallbackPage) == null ? void 0 : _b.call(_a)) != null ? _c : getDefaultFallbackPage()\n })\n });\n}\nfunction getDefaultFallbackPage() {\n return new SceneAppPage({\n url: \"\",\n title: \"Not found\",\n subTitle: \"The url did not match any page\",\n routePath: \"*\",\n getScene: () => {\n return new EmbeddedScene({\n body: new SceneFlexLayout({\n direction: \"column\",\n children: [\n new SceneFlexItem({\n body: new SceneReactObject({\n component: () => {\n return /* @__PURE__ */ React.createElement(\"div\", {\n \"data-testid\": \"default-fallback-content\"\n }, \"If you found your way here using a link then there might be a bug in this application.\");\n }\n })\n })\n ]\n })\n });\n }\n });\n}\n\nexport { SceneAppPage };\n//# sourceMappingURL=SceneAppPage.js.map\n","class StandardFieldConfigOverridesBuilder {\n constructor() {\n this._overrides = [];\n }\n overrideColor(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"color\", value });\n return this;\n }\n overrideDecimals(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"decimals\", value });\n return this;\n }\n overrideDisplayName(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"displayName\", value });\n return this;\n }\n overrideFilterable(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"filterable\", value });\n return this;\n }\n overrideLinks(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"links\", value });\n return this;\n }\n overrideMappings(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"mappings\", value });\n return this;\n }\n overrideMax(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"max\", value });\n return this;\n }\n overrideMin(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"min\", value });\n return this;\n }\n overrideNoValue(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"noValue\", value });\n return this;\n }\n overrideThresholds(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"thresholds\", value });\n return this;\n }\n overrideUnit(value) {\n this._overrides[this._overrides.length - 1].properties.push({ id: \"unit\", value });\n return this;\n }\n}\n\nexport { StandardFieldConfigOverridesBuilder };\n//# sourceMappingURL=StandardFieldConfigBuilders.js.map\n","import { FieldMatcherID } from '@grafana/data';\nimport { getCompareSeriesRefId } from '../../utils/getCompareSeriesRefId.js';\nimport { StandardFieldConfigOverridesBuilder } from './StandardFieldConfigBuilders.js';\n\nclass FieldConfigOverridesBuilder extends StandardFieldConfigOverridesBuilder {\n match(matcher) {\n this._overrides.push({ matcher, properties: [] });\n return this;\n }\n matchFieldsWithName(name) {\n this._overrides.push({\n matcher: {\n id: FieldMatcherID.byName,\n options: name\n },\n properties: []\n });\n return this;\n }\n matchFieldsWithNameByRegex(regex) {\n this._overrides.push({\n matcher: {\n id: FieldMatcherID.byRegexp,\n options: regex\n },\n properties: []\n });\n return this;\n }\n matchFieldsByType(fieldType) {\n this._overrides.push({\n matcher: {\n id: FieldMatcherID.byType,\n options: fieldType\n },\n properties: []\n });\n return this;\n }\n matchFieldsByQuery(refId) {\n this._overrides.push({\n matcher: {\n id: FieldMatcherID.byFrameRefID,\n options: refId\n },\n properties: []\n });\n return this;\n }\n matchFieldsByValue(options) {\n this._overrides.push({\n matcher: {\n id: FieldMatcherID.byValue,\n options\n },\n properties: []\n });\n return this;\n }\n matchComparisonQuery(refId) {\n return this.matchFieldsByQuery(getCompareSeriesRefId(refId));\n }\n overrideCustomFieldConfig(id, value) {\n const _id = `custom.${String(id)}`;\n const last = this._overrides[this._overrides.length - 1];\n last.properties.push({ id: _id, value });\n return this;\n }\n build() {\n return this._overrides;\n }\n}\n\nexport { FieldConfigOverridesBuilder };\n//# sourceMappingURL=FieldConfigOverridesBuilder.js.map\n","import { cloneDeep, merge } from 'lodash';\nimport { FieldConfigOverridesBuilder } from './FieldConfigOverridesBuilder.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass FieldConfigBuilder {\n constructor(defaultFieldConfig) {\n this.defaultFieldConfig = defaultFieldConfig;\n this._fieldConfig = {\n defaults: {},\n overrides: []\n };\n this._overridesBuilder = new FieldConfigOverridesBuilder();\n this.setDefaults();\n }\n setDefaults() {\n const fieldConfig = {\n defaults: {\n custom: this.defaultFieldConfig ? cloneDeep(this.defaultFieldConfig()) : {}\n },\n overrides: []\n };\n this._fieldConfig = fieldConfig;\n }\n setColor(color) {\n return this.setFieldConfigDefaults(\"color\", color);\n }\n setDecimals(decimals) {\n return this.setFieldConfigDefaults(\"decimals\", decimals);\n }\n setDisplayName(displayName) {\n return this.setFieldConfigDefaults(\"displayName\", displayName);\n }\n setFilterable(filterable) {\n return this.setFieldConfigDefaults(\"filterable\", filterable);\n }\n setLinks(links) {\n return this.setFieldConfigDefaults(\"links\", links);\n }\n setMappings(mappings) {\n return this.setFieldConfigDefaults(\"mappings\", mappings);\n }\n setMax(max) {\n return this.setFieldConfigDefaults(\"max\", max);\n }\n setMin(min) {\n return this.setFieldConfigDefaults(\"min\", min);\n }\n setNoValue(noValue) {\n return this.setFieldConfigDefaults(\"noValue\", noValue);\n }\n setThresholds(thresholds) {\n return this.setFieldConfigDefaults(\"thresholds\", thresholds);\n }\n setUnit(unit) {\n return this.setFieldConfigDefaults(\"unit\", unit);\n }\n setCustomFieldConfig(id, value) {\n this._fieldConfig.defaults = __spreadProps(__spreadValues({}, this._fieldConfig.defaults), {\n custom: merge(this._fieldConfig.defaults.custom, { [id]: value })\n });\n return this;\n }\n setOverrides(builder) {\n builder(this._overridesBuilder);\n return this;\n }\n setFieldConfigDefaults(key, value) {\n this._fieldConfig.defaults = __spreadProps(__spreadValues({}, this._fieldConfig.defaults), {\n [key]: value\n });\n return this;\n }\n build() {\n return {\n defaults: this._fieldConfig.defaults,\n overrides: this._overridesBuilder.build()\n };\n }\n}\n\nexport { FieldConfigBuilder };\n//# sourceMappingURL=FieldConfigBuilder.js.map\n","import { cloneDeep, merge } from 'lodash';\n\nclass PanelOptionsBuilder {\n constructor(defaultOptions) {\n this.defaultOptions = defaultOptions;\n this._options = {};\n this.setDefaults();\n }\n setDefaults() {\n this._options = this.defaultOptions ? cloneDeep(this.defaultOptions()) : {};\n }\n setOption(id, value) {\n this._options = merge(this._options, { [id]: value });\n return this;\n }\n build() {\n return this._options;\n }\n}\n\nexport { PanelOptionsBuilder };\n//# sourceMappingURL=PanelOptionsBuilder.js.map\n","import { VizPanel } from '../../components/VizPanel/VizPanel.js';\nimport { FieldConfigBuilder } from './FieldConfigBuilder.js';\nimport { PanelOptionsBuilder } from './PanelOptionsBuilder.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nclass VizPanelBuilder {\n constructor(pluginId, pluginVersion, defaultOptions, defaultFieldConfig) {\n this._state = {};\n this._state.title = \"\";\n this._state.description = \"\";\n this._state.displayMode = \"default\";\n this._state.hoverHeader = false;\n this._state.pluginId = pluginId;\n this._state.pluginVersion = pluginVersion;\n this._fieldConfigBuilder = new FieldConfigBuilder(defaultFieldConfig);\n this._panelOptionsBuilder = new PanelOptionsBuilder(defaultOptions);\n }\n setTitle(title) {\n this._state.title = title;\n return this;\n }\n setDescription(description) {\n this._state.description = description;\n return this;\n }\n setDisplayMode(displayMode) {\n this._state.displayMode = displayMode;\n return this;\n }\n setHoverHeader(hoverHeader) {\n this._state.hoverHeader = hoverHeader;\n return this;\n }\n setShowMenuAlways(showMenuAlways) {\n this._state.showMenuAlways = showMenuAlways;\n return this;\n }\n setMenu(menu) {\n this._state.menu = menu;\n return this;\n }\n setHeaderActions(headerActions) {\n this._state.headerActions = headerActions;\n return this;\n }\n setCollapsible(collapsible) {\n this._state.collapsible = collapsible;\n return this;\n }\n setCollapsed(collapsed) {\n this._state.collapsed = collapsed;\n return this;\n }\n setColor(color) {\n this._fieldConfigBuilder.setColor(color);\n return this;\n }\n setDecimals(decimals) {\n this._fieldConfigBuilder.setDecimals(decimals);\n return this;\n }\n setDisplayName(displayName) {\n this._fieldConfigBuilder.setDisplayName(displayName);\n return this;\n }\n setFilterable(filterable) {\n this._fieldConfigBuilder.setFilterable(filterable);\n return this;\n }\n setLinks(links) {\n this._fieldConfigBuilder.setLinks(links);\n return this;\n }\n setMappings(mappings) {\n this._fieldConfigBuilder.setMappings(mappings);\n return this;\n }\n setMax(max) {\n this._fieldConfigBuilder.setMax(max);\n return this;\n }\n setMin(min) {\n this._fieldConfigBuilder.setMin(min);\n return this;\n }\n setNoValue(noValue) {\n this._fieldConfigBuilder.setNoValue(noValue);\n return this;\n }\n setThresholds(thresholds) {\n this._fieldConfigBuilder.setThresholds(thresholds);\n return this;\n }\n setUnit(unit) {\n this._fieldConfigBuilder.setUnit(unit);\n return this;\n }\n setCustomFieldConfig(id, value) {\n this._fieldConfigBuilder.setCustomFieldConfig(id, value);\n return this;\n }\n setOverrides(builder) {\n this._fieldConfigBuilder.setOverrides(builder);\n return this;\n }\n setOption(id, value) {\n this._panelOptionsBuilder.setOption(id, value);\n return this;\n }\n setData(data) {\n this._state.$data = data;\n return this;\n }\n setTimeRange(timeRange) {\n this._state.$timeRange = timeRange;\n return this;\n }\n setVariables(variables) {\n this._state.$variables = variables;\n return this;\n }\n setBehaviors(behaviors) {\n this._state.$behaviors = behaviors;\n return this;\n }\n setSeriesLimit(seriesLimit) {\n this._state.seriesLimit = seriesLimit;\n return this;\n }\n applyMixin(mixin) {\n mixin(this);\n return this;\n }\n build() {\n const panel = new VizPanel(__spreadProps(__spreadValues({}, this._state), {\n options: this._panelOptionsBuilder.build(),\n fieldConfig: this._fieldConfigBuilder.build()\n }));\n return panel;\n }\n}\n\nexport { VizPanelBuilder };\n//# sourceMappingURL=VizPanelBuilder.js.map\n","import { defaultOptions, defaultFieldConfig } from '@grafana/schema/dist/esm/raw/composable/barchart/panelcfg/x/BarChartPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$1 } from '@grafana/schema/dist/esm/raw/composable/bargauge/panelcfg/x/BarGaugePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$2 } from '@grafana/schema/dist/esm/raw/composable/datagrid/panelcfg/x/DatagridPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$3 } from '@grafana/schema/dist/esm/raw/composable/gauge/panelcfg/x/GaugePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$4 } from '@grafana/schema/dist/esm/raw/composable/geomap/panelcfg/x/GeomapPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$5 } from '@grafana/schema/dist/esm/raw/composable/heatmap/panelcfg/x/HeatmapPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$6, defaultFieldConfig as defaultFieldConfig$1 } from '@grafana/schema/dist/esm/raw/composable/histogram/panelcfg/x/HistogramPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$7 } from '@grafana/schema/dist/esm/raw/composable/news/panelcfg/x/NewsPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$8 } from '@grafana/schema/dist/esm/raw/composable/piechart/panelcfg/x/PieChartPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$9 } from '@grafana/schema/dist/esm/raw/composable/stat/panelcfg/x/StatPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$a, defaultFieldConfig as defaultFieldConfig$2 } from '@grafana/schema/dist/esm/raw/composable/statetimeline/panelcfg/x/StateTimelinePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$b, defaultFieldConfig as defaultFieldConfig$3 } from '@grafana/schema/dist/esm/raw/composable/statushistory/panelcfg/x/StatusHistoryPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$c } from '@grafana/schema/dist/esm/raw/composable/table/panelcfg/x/TablePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$d } from '@grafana/schema/dist/esm/raw/composable/text/panelcfg/x/TextPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$e, defaultFieldConfig as defaultFieldConfig$4 } from '@grafana/schema/dist/esm/raw/composable/xychart/panelcfg/x/XYChartPanelCfg_types.gen';\nimport { VizPanelBuilder } from './VizPanelBuilder.js';\nimport 'lodash';\nimport '@grafana/data';\n\nconst PanelBuilders = {\n barchart() {\n return new VizPanelBuilder(\n \"barchart\",\n \"10.0.0\",\n () => defaultOptions,\n () => defaultFieldConfig\n );\n },\n bargauge() {\n return new VizPanelBuilder(\"bargauge\", \"10.0.0\", () => defaultOptions$1);\n },\n datagrid() {\n return new VizPanelBuilder(\"datagrid\", \"10.0.0\", () => defaultOptions$2);\n },\n flamegraph() {\n return new VizPanelBuilder(\"flamegraph\", \"10.0.0\");\n },\n gauge() {\n return new VizPanelBuilder(\"gauge\", \"10.0.0\", () => defaultOptions$3);\n },\n geomap() {\n return new VizPanelBuilder(\"geomap\", \"10.0.0\", () => defaultOptions$4);\n },\n heatmap() {\n return new VizPanelBuilder(\"heatmap\", \"10.0.0\", () => defaultOptions$5);\n },\n histogram() {\n return new VizPanelBuilder(\n \"histogram\",\n \"10.0.0\",\n () => defaultOptions$6,\n () => defaultFieldConfig$1\n );\n },\n logs() {\n return new VizPanelBuilder(\"logs\", \"10.0.0\");\n },\n news() {\n return new VizPanelBuilder(\"news\", \"10.0.0\", () => defaultOptions$7);\n },\n nodegraph() {\n return new VizPanelBuilder(\"nodeGraph\", \"10.0.0\");\n },\n piechart() {\n return new VizPanelBuilder(\n \"piechart\",\n \"10.0.0\",\n () => defaultOptions$8\n );\n },\n stat() {\n return new VizPanelBuilder(\"stat\", \"10.0.0\", () => defaultOptions$9);\n },\n statetimeline() {\n return new VizPanelBuilder(\n \"state-timeline\",\n \"10.0.0\",\n () => defaultOptions$a,\n () => defaultFieldConfig$2\n );\n },\n statushistory() {\n return new VizPanelBuilder(\n \"status-history\",\n \"10.0.0\",\n () => defaultOptions$b,\n () => defaultFieldConfig$3\n );\n },\n table() {\n return new VizPanelBuilder(\"table\", \"10.0.0\", () => defaultOptions$c);\n },\n text() {\n return new VizPanelBuilder(\"text\", \"10.0.0\", () => defaultOptions$d);\n },\n timeseries() {\n return new VizPanelBuilder(\"timeseries\", \"10.0.0\");\n },\n trend() {\n return new VizPanelBuilder(\"trend\", \"10.0.0\");\n },\n traces() {\n return new VizPanelBuilder(\"traces\", \"10.0.0\");\n },\n xychart() {\n return new VizPanelBuilder(\n \"xychart\",\n \"10.0.0\",\n () => defaultOptions$e,\n () => defaultFieldConfig$4\n );\n }\n};\n\nexport { PanelBuilders };\n//# sourceMappingURL=index.js.map\n","import { FieldConfigBuilder } from './FieldConfigBuilder.js';\nimport { PanelOptionsBuilder } from './PanelOptionsBuilder.js';\n\nclass VizConfigBuilder {\n constructor(pluginId, pluginVersion, defaultOptions, defaultFieldConfig) {\n this._pluginId = pluginId;\n this._pluginVersion = pluginVersion;\n this._fieldConfigBuilder = new FieldConfigBuilder(defaultFieldConfig);\n this._panelOptionsBuilder = new PanelOptionsBuilder(defaultOptions);\n }\n setColor(color) {\n this._fieldConfigBuilder.setColor(color);\n return this;\n }\n setDecimals(decimals) {\n this._fieldConfigBuilder.setDecimals(decimals);\n return this;\n }\n setDisplayName(displayName) {\n this._fieldConfigBuilder.setDisplayName(displayName);\n return this;\n }\n setFilterable(filterable) {\n this._fieldConfigBuilder.setFilterable(filterable);\n return this;\n }\n setLinks(links) {\n this._fieldConfigBuilder.setLinks(links);\n return this;\n }\n setMappings(mappings) {\n this._fieldConfigBuilder.setMappings(mappings);\n return this;\n }\n setMax(max) {\n this._fieldConfigBuilder.setMax(max);\n return this;\n }\n setMin(min) {\n this._fieldConfigBuilder.setMin(min);\n return this;\n }\n setNoValue(noValue) {\n this._fieldConfigBuilder.setNoValue(noValue);\n return this;\n }\n setThresholds(thresholds) {\n this._fieldConfigBuilder.setThresholds(thresholds);\n return this;\n }\n setUnit(unit) {\n this._fieldConfigBuilder.setUnit(unit);\n return this;\n }\n setCustomFieldConfig(id, value) {\n this._fieldConfigBuilder.setCustomFieldConfig(id, value);\n return this;\n }\n setOverrides(builder) {\n this._fieldConfigBuilder.setOverrides(builder);\n return this;\n }\n setOption(id, value) {\n this._panelOptionsBuilder.setOption(id, value);\n return this;\n }\n build() {\n return {\n pluginId: this._pluginId,\n pluginVersion: this._pluginVersion,\n options: this._panelOptionsBuilder.build(),\n fieldConfig: this._fieldConfigBuilder.build()\n };\n }\n}\n\nexport { VizConfigBuilder };\n//# sourceMappingURL=VizConfigBuilder.js.map\n","import { defaultOptions, defaultFieldConfig } from '@grafana/schema/dist/esm/raw/composable/barchart/panelcfg/x/BarChartPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$1 } from '@grafana/schema/dist/esm/raw/composable/bargauge/panelcfg/x/BarGaugePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$2 } from '@grafana/schema/dist/esm/raw/composable/datagrid/panelcfg/x/DatagridPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$3 } from '@grafana/schema/dist/esm/raw/composable/gauge/panelcfg/x/GaugePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$4 } from '@grafana/schema/dist/esm/raw/composable/geomap/panelcfg/x/GeomapPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$5 } from '@grafana/schema/dist/esm/raw/composable/heatmap/panelcfg/x/HeatmapPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$6, defaultFieldConfig as defaultFieldConfig$1 } from '@grafana/schema/dist/esm/raw/composable/histogram/panelcfg/x/HistogramPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$7 } from '@grafana/schema/dist/esm/raw/composable/news/panelcfg/x/NewsPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$8 } from '@grafana/schema/dist/esm/raw/composable/piechart/panelcfg/x/PieChartPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$9 } from '@grafana/schema/dist/esm/raw/composable/stat/panelcfg/x/StatPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$a, defaultFieldConfig as defaultFieldConfig$2 } from '@grafana/schema/dist/esm/raw/composable/statetimeline/panelcfg/x/StateTimelinePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$b, defaultFieldConfig as defaultFieldConfig$3 } from '@grafana/schema/dist/esm/raw/composable/statushistory/panelcfg/x/StatusHistoryPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$c } from '@grafana/schema/dist/esm/raw/composable/table/panelcfg/x/TablePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$d } from '@grafana/schema/dist/esm/raw/composable/text/panelcfg/x/TextPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$e, defaultFieldConfig as defaultFieldConfig$4 } from '@grafana/schema/dist/esm/raw/composable/xychart/panelcfg/x/XYChartPanelCfg_types.gen';\nimport { VizConfigBuilder } from './VizConfigBuilder.js';\n\nconst VizConfigBuilders = {\n barchart() {\n return new VizConfigBuilder(\n \"barchart\",\n \"10.0.0\",\n () => defaultOptions,\n () => defaultFieldConfig\n );\n },\n bargauge() {\n return new VizConfigBuilder(\"bargauge\", \"10.0.0\", () => defaultOptions$1);\n },\n datagrid() {\n return new VizConfigBuilder(\"datagrid\", \"10.0.0\", () => defaultOptions$2);\n },\n flamegraph() {\n return new VizConfigBuilder(\"flamegraph\", \"10.0.0\");\n },\n gauge() {\n return new VizConfigBuilder(\"gauge\", \"10.0.0\", () => defaultOptions$3);\n },\n geomap() {\n return new VizConfigBuilder(\"geomap\", \"10.0.0\", () => defaultOptions$4);\n },\n heatmap() {\n return new VizConfigBuilder(\"heatmap\", \"10.0.0\", () => defaultOptions$5);\n },\n histogram() {\n return new VizConfigBuilder(\n \"histogram\",\n \"10.0.0\",\n () => defaultOptions$6,\n () => defaultFieldConfig$1\n );\n },\n logs() {\n return new VizConfigBuilder(\"logs\", \"10.0.0\");\n },\n news() {\n return new VizConfigBuilder(\"news\", \"10.0.0\", () => defaultOptions$7);\n },\n nodegraph() {\n return new VizConfigBuilder(\"nodeGraph\", \"10.0.0\");\n },\n piechart() {\n return new VizConfigBuilder(\n \"piechart\",\n \"10.0.0\",\n () => defaultOptions$8\n );\n },\n stat() {\n return new VizConfigBuilder(\"stat\", \"10.0.0\", () => defaultOptions$9);\n },\n statetimeline() {\n return new VizConfigBuilder(\n \"state-timeline\",\n \"10.0.0\",\n () => defaultOptions$a,\n () => defaultFieldConfig$2\n );\n },\n statushistory() {\n return new VizConfigBuilder(\n \"status-history\",\n \"10.0.0\",\n () => defaultOptions$b,\n () => defaultFieldConfig$3\n );\n },\n table() {\n return new VizConfigBuilder(\"table\", \"10.0.0\", () => defaultOptions$c);\n },\n text() {\n return new VizConfigBuilder(\"text\", \"10.0.0\", () => defaultOptions$d);\n },\n timeseries() {\n return new VizConfigBuilder(\"timeseries\", \"10.0.0\");\n },\n trend() {\n return new VizConfigBuilder(\"trend\", \"10.0.0\");\n },\n traces() {\n return new VizConfigBuilder(\"traces\", \"10.0.0\");\n },\n xychart() {\n return new VizConfigBuilder(\n \"xychart\",\n \"10.0.0\",\n () => defaultOptions$e,\n () => defaultFieldConfig$4\n );\n }\n};\n\nexport { VizConfigBuilders };\n//# sourceMappingURL=VizConfigBuilders.js.map\n","import { defaultOptions } from '@grafana/schema/dist/esm/raw/composable/barchart/panelcfg/x/BarChartPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$1 } from '@grafana/schema/dist/esm/raw/composable/bargauge/panelcfg/x/BarGaugePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$2 } from '@grafana/schema/dist/esm/raw/composable/datagrid/panelcfg/x/DatagridPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$3 } from '@grafana/schema/dist/esm/raw/composable/gauge/panelcfg/x/GaugePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$4 } from '@grafana/schema/dist/esm/raw/composable/geomap/panelcfg/x/GeomapPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$5 } from '@grafana/schema/dist/esm/raw/composable/heatmap/panelcfg/x/HeatmapPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$6 } from '@grafana/schema/dist/esm/raw/composable/histogram/panelcfg/x/HistogramPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$7 } from '@grafana/schema/dist/esm/raw/composable/news/panelcfg/x/NewsPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$8 } from '@grafana/schema/dist/esm/raw/composable/piechart/panelcfg/x/PieChartPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$9 } from '@grafana/schema/dist/esm/raw/composable/stat/panelcfg/x/StatPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$a } from '@grafana/schema/dist/esm/raw/composable/statetimeline/panelcfg/x/StateTimelinePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$b } from '@grafana/schema/dist/esm/raw/composable/statushistory/panelcfg/x/StatusHistoryPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$c } from '@grafana/schema/dist/esm/raw/composable/table/panelcfg/x/TablePanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$d } from '@grafana/schema/dist/esm/raw/composable/text/panelcfg/x/TextPanelCfg_types.gen';\nimport { defaultOptions as defaultOptions$e } from '@grafana/schema/dist/esm/raw/composable/xychart/panelcfg/x/XYChartPanelCfg_types.gen';\nimport { PanelOptionsBuilder } from './PanelOptionsBuilder.js';\n\nconst PanelOptionsBuilders = {\n barchart() {\n return new PanelOptionsBuilder(() => defaultOptions);\n },\n bargauge() {\n return new PanelOptionsBuilder(() => defaultOptions$1);\n },\n datagrid() {\n return new PanelOptionsBuilder(() => defaultOptions$2);\n },\n flamegraph() {\n return new PanelOptionsBuilder();\n },\n gauge() {\n return new PanelOptionsBuilder(() => defaultOptions$3);\n },\n geomap() {\n return new PanelOptionsBuilder(() => defaultOptions$4);\n },\n heatmap() {\n return new PanelOptionsBuilder(() => defaultOptions$5);\n },\n histogram() {\n return new PanelOptionsBuilder(() => defaultOptions$6);\n },\n logs() {\n return new PanelOptionsBuilder();\n },\n news() {\n return new PanelOptionsBuilder(() => defaultOptions$7);\n },\n nodegraph() {\n return new PanelOptionsBuilder();\n },\n piechart() {\n return new PanelOptionsBuilder(() => defaultOptions$8);\n },\n stat() {\n return new PanelOptionsBuilder(() => defaultOptions$9);\n },\n statetimeline() {\n return new PanelOptionsBuilder(() => defaultOptions$a);\n },\n statushistory() {\n return new PanelOptionsBuilder(() => defaultOptions$b);\n },\n table() {\n return new PanelOptionsBuilder(() => defaultOptions$c);\n },\n text() {\n return new PanelOptionsBuilder(() => defaultOptions$d);\n },\n timeseries() {\n return new PanelOptionsBuilder();\n },\n trend() {\n return new PanelOptionsBuilder();\n },\n traces() {\n return new PanelOptionsBuilder();\n },\n xychart() {\n return new PanelOptionsBuilder(() => defaultOptions$e);\n }\n};\n\nexport { PanelOptionsBuilders };\n//# sourceMappingURL=PanelOptionsBuilders.js.map\n","import { defaultFieldConfig } from '@grafana/schema/dist/esm/raw/composable/barchart/panelcfg/x/BarChartPanelCfg_types.gen';\nimport { defaultFieldConfig as defaultFieldConfig$1 } from '@grafana/schema/dist/esm/raw/composable/histogram/panelcfg/x/HistogramPanelCfg_types.gen';\nimport { defaultFieldConfig as defaultFieldConfig$2 } from '@grafana/schema/dist/esm/raw/composable/statetimeline/panelcfg/x/StateTimelinePanelCfg_types.gen';\nimport { defaultFieldConfig as defaultFieldConfig$3 } from '@grafana/schema/dist/esm/raw/composable/statushistory/panelcfg/x/StatusHistoryPanelCfg_types.gen';\nimport { defaultFieldConfig as defaultFieldConfig$4 } from '@grafana/schema/dist/esm/raw/composable/xychart/panelcfg/x/XYChartPanelCfg_types.gen';\nimport { FieldConfigBuilder } from './FieldConfigBuilder.js';\n\nconst FieldConfigBuilders = {\n barchart() {\n return new FieldConfigBuilder(() => defaultFieldConfig);\n },\n bargauge() {\n return new FieldConfigBuilder();\n },\n datagrid() {\n return new FieldConfigBuilder();\n },\n flamegraph() {\n return new FieldConfigBuilder();\n },\n gauge() {\n return new FieldConfigBuilder();\n },\n geomap() {\n return new FieldConfigBuilder();\n },\n heatmap() {\n return new FieldConfigBuilder();\n },\n histogram() {\n return new FieldConfigBuilder(() => defaultFieldConfig$1);\n },\n logs() {\n return new FieldConfigBuilder();\n },\n news() {\n return new FieldConfigBuilder();\n },\n nodegraph() {\n return new FieldConfigBuilder();\n },\n piechart() {\n return new FieldConfigBuilder();\n },\n stat() {\n return new FieldConfigBuilder();\n },\n statetimeline() {\n return new FieldConfigBuilder(() => defaultFieldConfig$2);\n },\n statushistory() {\n return new FieldConfigBuilder(() => defaultFieldConfig$3);\n },\n table() {\n return new FieldConfigBuilder();\n },\n text() {\n return new FieldConfigBuilder();\n },\n timeseries() {\n return new FieldConfigBuilder();\n },\n trend() {\n return new FieldConfigBuilder();\n },\n traces() {\n return new FieldConfigBuilder();\n },\n xychart() {\n return new FieldConfigBuilder(() => defaultFieldConfig$4);\n }\n};\n\nexport { FieldConfigBuilders };\n//# sourceMappingURL=FieldConfigBuilders.js.map\n","import { getUrlWithAppState } from './components/SceneApp/utils.js';\nimport { registerRuntimePanelPlugin } from './components/VizPanel/registerRuntimePanelPlugin.js';\nimport { cloneSceneObjectState } from './core/sceneGraph/utils.js';\nimport { registerRuntimeDataSource } from './querying/RuntimeDataSource.js';\nexport { RuntimeDataSource, registerRuntimeDataSource } from './querying/RuntimeDataSource.js';\nimport { syncStateFromSearchParams, getUrlState } from './services/utils.js';\nimport { registerVariableMacro } from './variables/macros/index.js';\nimport { renderPrometheusLabelFilters, escapeLabelValueInRegexSelector, escapeLabelValueInExactSelector, escapeURLDelimiters } from './variables/utils.js';\nimport { isAdHocVariable, isConstantVariable, isCustomVariable, isDataSourceVariable, isIntervalVariable, isQueryVariable, isTextBoxVariable, isGroupByVariable } from './variables/variants/guards.js';\nexport { isDataLayer, isDataRequestEnricher, isFiltersRequestEnricher, isSceneObject } from './core/types.js';\nexport { SceneObjectStateChangedEvent, UserActionEvent } from './core/events.js';\nexport { sceneGraph } from './core/sceneGraph/index.js';\nimport * as index from './behaviors/index.js';\nexport { index as behaviors };\nimport * as index$1 from './querying/layers/index.js';\nexport { index$1 as dataLayers };\nexport { SceneObjectBase, useSceneObjectState } from './core/SceneObjectBase.js';\nexport { SceneDataNode } from './core/SceneDataNode.js';\nexport { SceneTimeRange } from './core/SceneTimeRange.js';\nexport { SceneTimeZoneOverride } from './core/SceneTimeZoneOverride.js';\nexport { SceneQueryRunner } from './querying/SceneQueryRunner.js';\nexport { DataProviderProxy } from './querying/DataProviderProxy.js';\nexport { SceneDataLayerSet, SceneDataLayerSetBase } from './querying/SceneDataLayerSet.js';\nexport { SceneDataLayerBase } from './querying/layers/SceneDataLayerBase.js';\nexport { SceneDataLayerControls } from './querying/layers/SceneDataLayerControls.js';\nexport { SceneDataTransformer } from './querying/SceneDataTransformer.js';\nexport { registerQueryWithController } from './querying/registerQueryWithController.js';\nexport { SceneVariableValueChangedEvent, isCustomVariableValue } from './variables/types.js';\nexport { VariableDependencyConfig } from './variables/VariableDependencyConfig.js';\nexport { formatRegistry } from './variables/interpolation/formatRegistry.js';\nexport { VariableValueSelectWrapper, VariableValueSelectors } from './variables/components/VariableValueSelectors.js';\nexport { VariableValueControl } from './variables/components/VariableValueControl.js';\nexport { SceneVariableSet } from './variables/sets/SceneVariableSet.js';\nexport { ConstantVariable } from './variables/variants/ConstantVariable.js';\nexport { CustomVariable } from './variables/variants/CustomVariable.js';\nexport { DataSourceVariable } from './variables/variants/DataSourceVariable.js';\nexport { QueryVariable } from './variables/variants/query/QueryVariable.js';\nexport { TestVariable } from './variables/variants/TestVariable.js';\nexport { TextBoxVariable } from './variables/variants/TextBoxVariable.js';\nexport { MultiValueVariable } from './variables/variants/MultiValueVariable.js';\nexport { LocalValueVariable } from './variables/variants/LocalValueVariable.js';\nexport { IntervalVariable } from './variables/variants/IntervalVariable.js';\nexport { AdHocFiltersVariable, FilterOrigin } from './variables/adhoc/AdHocFiltersVariable.js';\nexport { GroupByVariable } from './variables/groupby/GroupByVariable.js';\nexport { NewSceneObjectAddedEvent, UrlSyncManager } from './services/UrlSyncManager.js';\nexport { useUrlSync } from './services/useUrlSync.js';\nexport { UrlSyncContextProvider } from './services/UrlSyncContextProvider.js';\nexport { SceneObjectUrlSyncConfig } from './services/SceneObjectUrlSyncConfig.js';\nexport { EmbeddedScene } from './components/EmbeddedScene.js';\nexport { VizPanel } from './components/VizPanel/VizPanel.js';\nexport { VizPanelMenu } from './components/VizPanel/VizPanelMenu.js';\nexport { VizPanelExploreButton } from './components/VizPanel/VizPanelExploreButton.js';\nexport { NestedScene } from './components/NestedScene.js';\nexport { SceneCanvasText } from './components/SceneCanvasText.js';\nexport { SceneToolbarButton, SceneToolbarInput } from './components/SceneToolbarButton.js';\nexport { SceneTimePicker } from './components/SceneTimePicker.js';\nexport { SceneRefreshPicker } from './components/SceneRefreshPicker.js';\nexport { SceneTimeRangeTransformerBase } from './core/SceneTimeRangeTransformerBase.js';\nexport { SceneTimeRangeCompare } from './components/SceneTimeRangeCompare.js';\nexport { SceneByFrameRepeater } from './components/SceneByFrameRepeater.js';\nexport { SceneByVariableRepeater } from './components/SceneByVariableRepeater.js';\nexport { SceneControlsSpacer } from './components/SceneControlsSpacer.js';\nexport { SceneFlexItem, SceneFlexLayout } from './components/layout/SceneFlexLayout.js';\nexport { SceneCSSGridItem, SceneCSSGridLayout } from './components/layout/CSSGrid/SceneCSSGridLayout.js';\nexport { SceneGridLayout } from './components/layout/grid/SceneGridLayout.js';\nexport { SceneGridLayoutDragStartEvent } from './components/layout/grid/types.js';\nexport { SceneGridItem } from './components/layout/grid/SceneGridItem.js';\nexport { SceneGridRow } from './components/layout/grid/SceneGridRow.js';\nexport { SplitLayout } from './components/layout/split/SplitLayout.js';\nexport { LazyLoader } from './components/layout/LazyLoader.js';\nexport { SceneApp, useSceneApp } from './components/SceneApp/SceneApp.js';\nexport { SceneAppPage } from './components/SceneApp/SceneAppPage.js';\nexport { SceneReactObject } from './components/SceneReactObject.js';\nexport { SceneObjectRef } from './core/SceneObjectRef.js';\nexport { PanelBuilders } from './core/PanelBuilders/index.js';\nexport { FieldConfigBuilder } from './core/PanelBuilders/FieldConfigBuilder.js';\nexport { VizPanelBuilder } from './core/PanelBuilders/VizPanelBuilder.js';\nexport { SceneDebugger } from './components/SceneDebugger/SceneDebugger.js';\nexport { ControlsLabel } from './utils/ControlsLabel.js';\nexport { renderSelectForVariable } from './variables/components/VariableValueSelect.js';\nexport { VizConfigBuilder } from './core/PanelBuilders/VizConfigBuilder.js';\nexport { VizConfigBuilders } from './core/PanelBuilders/VizConfigBuilders.js';\nexport { SafeSerializableSceneObject } from './utils/SafeSerializableSceneObject.js';\nexport { getExploreURL } from './utils/explore.js';\nexport { PanelOptionsBuilders } from './core/PanelBuilders/PanelOptionsBuilders.js';\nexport { FieldConfigBuilders } from './core/PanelBuilders/FieldConfigBuilders.js';\nexport { FieldConfigOverridesBuilder } from './core/PanelBuilders/FieldConfigOverridesBuilder.js';\n\nconst sceneUtils = {\n getUrlWithAppState,\n registerRuntimePanelPlugin,\n registerRuntimeDataSource,\n registerVariableMacro,\n cloneSceneObjectState,\n syncStateFromSearchParams,\n getUrlState,\n renderPrometheusLabelFilters,\n escapeLabelValueInRegexSelector,\n escapeLabelValueInExactSelector,\n escapeURLDelimiters,\n isAdHocVariable,\n isConstantVariable,\n isCustomVariable,\n isDataSourceVariable,\n isIntervalVariable,\n isQueryVariable,\n isTextBoxVariable,\n isGroupByVariable\n};\n\nexport { sceneUtils };\n//# sourceMappingURL=index.js.map\n","import { useState, useRef, useEffect } from 'react';\n\nfunction areInputsEqual(newInputs, lastInputs) {\n if (newInputs.length !== lastInputs.length) {\n return false;\n }\n\n for (var i = 0; i < newInputs.length; i++) {\n if (newInputs[i] !== lastInputs[i]) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction useMemoOne(getResult, inputs) {\n var initial = useState(function () {\n return {\n inputs: inputs,\n result: getResult()\n };\n })[0];\n var isFirstRun = useRef(true);\n var committed = useRef(initial);\n var useCache = isFirstRun.current || Boolean(inputs && committed.current.inputs && areInputsEqual(inputs, committed.current.inputs));\n var cache = useCache ? committed.current : {\n inputs: inputs,\n result: getResult()\n };\n useEffect(function () {\n isFirstRun.current = false;\n committed.current = cache;\n }, [cache]);\n return cache.result;\n}\nfunction useCallbackOne(callback, inputs) {\n return useMemoOne(function () {\n return callback;\n }, inputs);\n}\nvar useMemo = useMemoOne;\nvar useCallback = useCallbackOne;\n\nexport { useCallback, useCallbackOne, useMemo, useMemoOne };\n","import invariant from 'tiny-invariant';\n\nvar getRect = function getRect(_ref) {\n var top = _ref.top,\n right = _ref.right,\n bottom = _ref.bottom,\n left = _ref.left;\n var width = right - left;\n var height = bottom - top;\n var rect = {\n top: top,\n right: right,\n bottom: bottom,\n left: left,\n width: width,\n height: height,\n x: left,\n y: top,\n center: {\n x: (right + left) / 2,\n y: (bottom + top) / 2\n }\n };\n return rect;\n};\nvar expand = function expand(target, expandBy) {\n return {\n top: target.top - expandBy.top,\n left: target.left - expandBy.left,\n bottom: target.bottom + expandBy.bottom,\n right: target.right + expandBy.right\n };\n};\nvar shrink = function shrink(target, shrinkBy) {\n return {\n top: target.top + shrinkBy.top,\n left: target.left + shrinkBy.left,\n bottom: target.bottom - shrinkBy.bottom,\n right: target.right - shrinkBy.right\n };\n};\n\nvar shift = function shift(target, shiftBy) {\n return {\n top: target.top + shiftBy.y,\n left: target.left + shiftBy.x,\n bottom: target.bottom + shiftBy.y,\n right: target.right + shiftBy.x\n };\n};\n\nvar noSpacing = {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n};\nvar createBox = function createBox(_ref2) {\n var borderBox = _ref2.borderBox,\n _ref2$margin = _ref2.margin,\n margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin,\n _ref2$border = _ref2.border,\n border = _ref2$border === void 0 ? noSpacing : _ref2$border,\n _ref2$padding = _ref2.padding,\n padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;\n var marginBox = getRect(expand(borderBox, margin));\n var paddingBox = getRect(shrink(borderBox, border));\n var contentBox = getRect(shrink(paddingBox, padding));\n return {\n marginBox: marginBox,\n borderBox: getRect(borderBox),\n paddingBox: paddingBox,\n contentBox: contentBox,\n margin: margin,\n border: border,\n padding: padding\n };\n};\n\nvar parse = function parse(raw) {\n var value = raw.slice(0, -2);\n var suffix = raw.slice(-2);\n\n if (suffix !== 'px') {\n return 0;\n }\n\n var result = Number(value);\n !!isNaN(result) ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"Could not parse value [raw: \" + raw + \", without suffix: \" + value + \"]\") : invariant(false) : void 0;\n return result;\n};\n\nvar getWindowScroll = function getWindowScroll() {\n return {\n x: window.pageXOffset,\n y: window.pageYOffset\n };\n};\n\nvar offset = function offset(original, change) {\n var borderBox = original.borderBox,\n border = original.border,\n margin = original.margin,\n padding = original.padding;\n var shifted = shift(borderBox, change);\n return createBox({\n borderBox: shifted,\n border: border,\n margin: margin,\n padding: padding\n });\n};\nvar withScroll = function withScroll(original, scroll) {\n if (scroll === void 0) {\n scroll = getWindowScroll();\n }\n\n return offset(original, scroll);\n};\nvar calculateBox = function calculateBox(borderBox, styles) {\n var margin = {\n top: parse(styles.marginTop),\n right: parse(styles.marginRight),\n bottom: parse(styles.marginBottom),\n left: parse(styles.marginLeft)\n };\n var padding = {\n top: parse(styles.paddingTop),\n right: parse(styles.paddingRight),\n bottom: parse(styles.paddingBottom),\n left: parse(styles.paddingLeft)\n };\n var border = {\n top: parse(styles.borderTopWidth),\n right: parse(styles.borderRightWidth),\n bottom: parse(styles.borderBottomWidth),\n left: parse(styles.borderLeftWidth)\n };\n return createBox({\n borderBox: borderBox,\n margin: margin,\n padding: padding,\n border: border\n });\n};\nvar getBox = function getBox(el) {\n var borderBox = el.getBoundingClientRect();\n var styles = window.getComputedStyle(el);\n return calculateBox(borderBox, styles);\n};\n\nexport { calculateBox, createBox, expand, getBox, getRect, offset, shrink, withScroll };\n","var rafSchd = function rafSchd(fn) {\n var lastArgs = [];\n var frameId = null;\n\n var wrapperFn = function wrapperFn() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n lastArgs = args;\n\n if (frameId) {\n return;\n }\n\n frameId = requestAnimationFrame(function () {\n frameId = null;\n fn.apply(void 0, lastArgs);\n });\n };\n\n wrapperFn.cancel = function () {\n if (!frameId) {\n return;\n }\n\n cancelAnimationFrame(frameId);\n frameId = null;\n };\n\n return wrapperFn;\n};\n\nexport default rafSchd;\n","import React, { useLayoutEffect, useEffect, useRef, useState, useContext } from 'react';\nimport ReactDOM, { flushSync } from 'react-dom';\nimport { createStore as createStore$1, applyMiddleware, compose, bindActionCreators } from 'redux';\nimport { Provider, connect } from 'react-redux';\nimport { useMemo, useCallback } from 'use-memo-one';\nimport { getRect, expand, offset, withScroll, calculateBox, getBox, createBox } from 'css-box-model';\nimport memoizeOne from 'memoize-one';\nimport rafSchd from 'raf-schd';\nimport _extends from '@babel/runtime/helpers/esm/extends';\n\nconst isProduction$1 = process.env.NODE_ENV === 'production';\nconst spacesAndTabs = /[ \\t]{2,}/g;\nconst lineStartWithSpaces = /^[ \\t]*/gm;\nconst clean$2 = value => value.replace(spacesAndTabs, ' ').replace(lineStartWithSpaces, '').trim();\nconst getDevMessage = message => clean$2(`\n %c@hello-pangea/dnd\n\n %c${clean$2(message)}\n\n %c👷 This is a development only message. It will be removed in production builds.\n`);\nconst getFormattedMessage = message => [getDevMessage(message), 'color: #00C584; font-size: 1.2em; font-weight: bold;', 'line-height: 1.5', 'color: #723874;'];\nconst isDisabledFlag = '__@hello-pangea/dnd-disable-dev-warnings';\nfunction log(type, message) {\n if (isProduction$1) {\n return;\n }\n if (typeof window !== 'undefined' && window[isDisabledFlag]) {\n return;\n }\n console[type](...getFormattedMessage(message));\n}\nconst warning = log.bind(null, 'warn');\nconst error = log.bind(null, 'error');\n\nfunction noop$2() {}\n\nfunction getOptions(shared, fromBinding) {\n return {\n ...shared,\n ...fromBinding\n };\n}\nfunction bindEvents(el, bindings, sharedOptions) {\n const unbindings = bindings.map(binding => {\n const options = getOptions(sharedOptions, binding.options);\n el.addEventListener(binding.eventName, binding.fn, options);\n return function unbind() {\n el.removeEventListener(binding.eventName, binding.fn, options);\n };\n });\n return function unbindAll() {\n unbindings.forEach(unbind => {\n unbind();\n });\n };\n}\n\nconst isProduction = process.env.NODE_ENV === 'production';\nconst prefix$1 = 'Invariant failed';\nclass RbdInvariant extends Error {}\nRbdInvariant.prototype.toString = function toString() {\n return this.message;\n};\nfunction invariant(condition, message) {\n if (isProduction) {\n throw new RbdInvariant(prefix$1);\n } else {\n throw new RbdInvariant(`${prefix$1}: ${message || ''}`);\n }\n}\n\nclass ErrorBoundary extends React.Component {\n constructor(...args) {\n super(...args);\n this.callbacks = null;\n this.unbind = noop$2;\n this.onWindowError = event => {\n const callbacks = this.getCallbacks();\n if (callbacks.isDragging()) {\n callbacks.tryAbort();\n process.env.NODE_ENV !== \"production\" ? warning(`\n An error was caught by our window 'error' event listener while a drag was occurring.\n The active drag has been aborted.\n `) : void 0;\n }\n const err = event.error;\n if (err instanceof RbdInvariant) {\n event.preventDefault();\n if (process.env.NODE_ENV !== 'production') {\n error(err.message);\n }\n }\n };\n this.getCallbacks = () => {\n if (!this.callbacks) {\n throw new Error('Unable to find AppCallbacks in
');\n }\n return this.callbacks;\n };\n this.setCallbacks = callbacks => {\n this.callbacks = callbacks;\n };\n }\n componentDidMount() {\n this.unbind = bindEvents(window, [{\n eventName: 'error',\n fn: this.onWindowError\n }]);\n }\n componentDidCatch(err) {\n if (err instanceof RbdInvariant) {\n if (process.env.NODE_ENV !== 'production') {\n error(err.message);\n }\n this.setState({});\n return;\n }\n throw err;\n }\n componentWillUnmount() {\n this.unbind();\n }\n render() {\n return this.props.children(this.setCallbacks);\n }\n}\n\nconst dragHandleUsageInstructions = `\n Press space bar to start a drag.\n When dragging you can use the arrow keys to move the item around and escape to cancel.\n Some screen readers may require you to be in focus mode or to use your pass through key\n`;\nconst position = index => index + 1;\nconst onDragStart = start => `\n You have lifted an item in position ${position(start.source.index)}\n`;\nconst withLocation = (source, destination) => {\n const isInHomeList = source.droppableId === destination.droppableId;\n const startPosition = position(source.index);\n const endPosition = position(destination.index);\n if (isInHomeList) {\n return `\n You have moved the item from position ${startPosition}\n to position ${endPosition}\n `;\n }\n return `\n You have moved the item from position ${startPosition}\n in list ${source.droppableId}\n to list ${destination.droppableId}\n in position ${endPosition}\n `;\n};\nconst withCombine = (id, source, combine) => {\n const inHomeList = source.droppableId === combine.droppableId;\n if (inHomeList) {\n return `\n The item ${id}\n has been combined with ${combine.draggableId}`;\n }\n return `\n The item ${id}\n in list ${source.droppableId}\n has been combined with ${combine.draggableId}\n in list ${combine.droppableId}\n `;\n};\nconst onDragUpdate = update => {\n const location = update.destination;\n if (location) {\n return withLocation(update.source, location);\n }\n const combine = update.combine;\n if (combine) {\n return withCombine(update.draggableId, update.source, combine);\n }\n return 'You are over an area that cannot be dropped on';\n};\nconst returnedToStart = source => `\n The item has returned to its starting position\n of ${position(source.index)}\n`;\nconst onDragEnd = result => {\n if (result.reason === 'CANCEL') {\n return `\n Movement cancelled.\n ${returnedToStart(result.source)}\n `;\n }\n const location = result.destination;\n const combine = result.combine;\n if (location) {\n return `\n You have dropped the item.\n ${withLocation(result.source, location)}\n `;\n }\n if (combine) {\n return `\n You have dropped the item.\n ${withCombine(result.draggableId, result.source, combine)}\n `;\n }\n return `\n The item has been dropped while not over a drop area.\n ${returnedToStart(result.source)}\n `;\n};\nconst preset = {\n dragHandleUsageInstructions,\n onDragStart,\n onDragUpdate,\n onDragEnd\n};\n\nconst origin = {\n x: 0,\n y: 0\n};\nconst add = (point1, point2) => ({\n x: point1.x + point2.x,\n y: point1.y + point2.y\n});\nconst subtract = (point1, point2) => ({\n x: point1.x - point2.x,\n y: point1.y - point2.y\n});\nconst isEqual$1 = (point1, point2) => point1.x === point2.x && point1.y === point2.y;\nconst negate = point => ({\n x: point.x !== 0 ? -point.x : 0,\n y: point.y !== 0 ? -point.y : 0\n});\nconst patch = (line, value, otherValue = 0) => {\n if (line === 'x') {\n return {\n x: value,\n y: otherValue\n };\n }\n return {\n x: otherValue,\n y: value\n };\n};\nconst distance = (point1, point2) => Math.sqrt((point2.x - point1.x) ** 2 + (point2.y - point1.y) ** 2);\nconst closest$1 = (target, points) => Math.min(...points.map(point => distance(target, point)));\nconst apply = fn => point => ({\n x: fn(point.x),\n y: fn(point.y)\n});\n\nvar executeClip = (frame, subject) => {\n const result = getRect({\n top: Math.max(subject.top, frame.top),\n right: Math.min(subject.right, frame.right),\n bottom: Math.min(subject.bottom, frame.bottom),\n left: Math.max(subject.left, frame.left)\n });\n if (result.width <= 0 || result.height <= 0) {\n return null;\n }\n return result;\n};\n\nconst offsetByPosition = (spacing, point) => ({\n top: spacing.top + point.y,\n left: spacing.left + point.x,\n bottom: spacing.bottom + point.y,\n right: spacing.right + point.x\n});\nconst getCorners = spacing => [{\n x: spacing.left,\n y: spacing.top\n}, {\n x: spacing.right,\n y: spacing.top\n}, {\n x: spacing.left,\n y: spacing.bottom\n}, {\n x: spacing.right,\n y: spacing.bottom\n}];\nconst noSpacing = {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n};\n\nconst scroll$1 = (target, frame) => {\n if (!frame) {\n return target;\n }\n return offsetByPosition(target, frame.scroll.diff.displacement);\n};\nconst increase = (target, axis, withPlaceholder) => {\n if (withPlaceholder && withPlaceholder.increasedBy) {\n return {\n ...target,\n [axis.end]: target[axis.end] + withPlaceholder.increasedBy[axis.line]\n };\n }\n return target;\n};\nconst clip = (target, frame) => {\n if (frame && frame.shouldClipSubject) {\n return executeClip(frame.pageMarginBox, target);\n }\n return getRect(target);\n};\nvar getSubject = ({\n page,\n withPlaceholder,\n axis,\n frame\n}) => {\n const scrolled = scroll$1(page.marginBox, frame);\n const increased = increase(scrolled, axis, withPlaceholder);\n const clipped = clip(increased, frame);\n return {\n page,\n withPlaceholder,\n active: clipped\n };\n};\n\nvar scrollDroppable = (droppable, newScroll) => {\n !droppable.frame ? process.env.NODE_ENV !== \"production\" ? invariant() : invariant() : void 0;\n const scrollable = droppable.frame;\n const scrollDiff = subtract(newScroll, scrollable.scroll.initial);\n const scrollDisplacement = negate(scrollDiff);\n const frame = {\n ...scrollable,\n scroll: {\n initial: scrollable.scroll.initial,\n current: newScroll,\n diff: {\n value: scrollDiff,\n displacement: scrollDisplacement\n },\n max: scrollable.scroll.max\n }\n };\n const subject = getSubject({\n page: droppable.subject.page,\n withPlaceholder: droppable.subject.withPlaceholder,\n axis: droppable.axis,\n frame\n });\n const result = {\n ...droppable,\n frame,\n subject\n };\n return result;\n};\n\nconst toDroppableMap = memoizeOne(droppables => droppables.reduce((previous, current) => {\n previous[current.descriptor.id] = current;\n return previous;\n}, {}));\nconst toDraggableMap = memoizeOne(draggables => draggables.reduce((previous, current) => {\n previous[current.descriptor.id] = current;\n return previous;\n}, {}));\nconst toDroppableList = memoizeOne(droppables => Object.values(droppables));\nconst toDraggableList = memoizeOne(draggables => Object.values(draggables));\n\nvar getDraggablesInsideDroppable = memoizeOne((droppableId, draggables) => {\n const result = toDraggableList(draggables).filter(draggable => droppableId === draggable.descriptor.droppableId).sort((a, b) => a.descriptor.index - b.descriptor.index);\n return result;\n});\n\nfunction tryGetDestination(impact) {\n if (impact.at && impact.at.type === 'REORDER') {\n return impact.at.destination;\n }\n return null;\n}\nfunction tryGetCombine(impact) {\n if (impact.at && impact.at.type === 'COMBINE') {\n return impact.at.combine;\n }\n return null;\n}\n\nvar removeDraggableFromList = memoizeOne((remove, list) => list.filter(item => item.descriptor.id !== remove.descriptor.id));\n\nvar moveToNextCombine = ({\n isMovingForward,\n draggable,\n destination,\n insideDestination,\n previousImpact\n}) => {\n if (!destination.isCombineEnabled) {\n return null;\n }\n const location = tryGetDestination(previousImpact);\n if (!location) {\n return null;\n }\n function getImpact(target) {\n const at = {\n type: 'COMBINE',\n combine: {\n draggableId: target,\n droppableId: destination.descriptor.id\n }\n };\n return {\n ...previousImpact,\n at\n };\n }\n const all = previousImpact.displaced.all;\n const closestId = all.length ? all[0] : null;\n if (isMovingForward) {\n return closestId ? getImpact(closestId) : null;\n }\n const withoutDraggable = removeDraggableFromList(draggable, insideDestination);\n if (!closestId) {\n if (!withoutDraggable.length) {\n return null;\n }\n const last = withoutDraggable[withoutDraggable.length - 1];\n return getImpact(last.descriptor.id);\n }\n const indexOfClosest = withoutDraggable.findIndex(d => d.descriptor.id === closestId);\n !(indexOfClosest !== -1) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Could not find displaced item in set') : invariant() : void 0;\n const proposedIndex = indexOfClosest - 1;\n if (proposedIndex < 0) {\n return null;\n }\n const before = withoutDraggable[proposedIndex];\n return getImpact(before.descriptor.id);\n};\n\nvar isHomeOf = (draggable, destination) => draggable.descriptor.droppableId === destination.descriptor.id;\n\nconst noDisplacedBy = {\n point: origin,\n value: 0\n};\nconst emptyGroups = {\n invisible: {},\n visible: {},\n all: []\n};\nconst noImpact = {\n displaced: emptyGroups,\n displacedBy: noDisplacedBy,\n at: null\n};\n\nvar isWithin = (lowerBound, upperBound) => value => lowerBound <= value && value <= upperBound;\n\nvar isPartiallyVisibleThroughFrame = frame => {\n const isWithinVertical = isWithin(frame.top, frame.bottom);\n const isWithinHorizontal = isWithin(frame.left, frame.right);\n return subject => {\n const isContained = isWithinVertical(subject.top) && isWithinVertical(subject.bottom) && isWithinHorizontal(subject.left) && isWithinHorizontal(subject.right);\n if (isContained) {\n return true;\n }\n const isPartiallyVisibleVertically = isWithinVertical(subject.top) || isWithinVertical(subject.bottom);\n const isPartiallyVisibleHorizontally = isWithinHorizontal(subject.left) || isWithinHorizontal(subject.right);\n const isPartiallyContained = isPartiallyVisibleVertically && isPartiallyVisibleHorizontally;\n if (isPartiallyContained) {\n return true;\n }\n const isBiggerVertically = subject.top < frame.top && subject.bottom > frame.bottom;\n const isBiggerHorizontally = subject.left < frame.left && subject.right > frame.right;\n const isTargetBiggerThanFrame = isBiggerVertically && isBiggerHorizontally;\n if (isTargetBiggerThanFrame) {\n return true;\n }\n const isTargetBiggerOnOneAxis = isBiggerVertically && isPartiallyVisibleHorizontally || isBiggerHorizontally && isPartiallyVisibleVertically;\n return isTargetBiggerOnOneAxis;\n };\n};\n\nvar isTotallyVisibleThroughFrame = frame => {\n const isWithinVertical = isWithin(frame.top, frame.bottom);\n const isWithinHorizontal = isWithin(frame.left, frame.right);\n return subject => {\n const isContained = isWithinVertical(subject.top) && isWithinVertical(subject.bottom) && isWithinHorizontal(subject.left) && isWithinHorizontal(subject.right);\n return isContained;\n };\n};\n\nconst vertical = {\n direction: 'vertical',\n line: 'y',\n crossAxisLine: 'x',\n start: 'top',\n end: 'bottom',\n size: 'height',\n crossAxisStart: 'left',\n crossAxisEnd: 'right',\n crossAxisSize: 'width'\n};\nconst horizontal = {\n direction: 'horizontal',\n line: 'x',\n crossAxisLine: 'y',\n start: 'left',\n end: 'right',\n size: 'width',\n crossAxisStart: 'top',\n crossAxisEnd: 'bottom',\n crossAxisSize: 'height'\n};\n\nvar isTotallyVisibleThroughFrameOnAxis = axis => frame => {\n const isWithinVertical = isWithin(frame.top, frame.bottom);\n const isWithinHorizontal = isWithin(frame.left, frame.right);\n return subject => {\n if (axis === vertical) {\n return isWithinVertical(subject.top) && isWithinVertical(subject.bottom);\n }\n return isWithinHorizontal(subject.left) && isWithinHorizontal(subject.right);\n };\n};\n\nconst getDroppableDisplaced = (target, destination) => {\n const displacement = destination.frame ? destination.frame.scroll.diff.displacement : origin;\n return offsetByPosition(target, displacement);\n};\nconst isVisibleInDroppable = (target, destination, isVisibleThroughFrameFn) => {\n if (!destination.subject.active) {\n return false;\n }\n return isVisibleThroughFrameFn(destination.subject.active)(target);\n};\nconst isVisibleInViewport = (target, viewport, isVisibleThroughFrameFn) => isVisibleThroughFrameFn(viewport)(target);\nconst isVisible$1 = ({\n target: toBeDisplaced,\n destination,\n viewport,\n withDroppableDisplacement,\n isVisibleThroughFrameFn\n}) => {\n const displacedTarget = withDroppableDisplacement ? getDroppableDisplaced(toBeDisplaced, destination) : toBeDisplaced;\n return isVisibleInDroppable(displacedTarget, destination, isVisibleThroughFrameFn) && isVisibleInViewport(displacedTarget, viewport, isVisibleThroughFrameFn);\n};\nconst isPartiallyVisible = args => isVisible$1({\n ...args,\n isVisibleThroughFrameFn: isPartiallyVisibleThroughFrame\n});\nconst isTotallyVisible = args => isVisible$1({\n ...args,\n isVisibleThroughFrameFn: isTotallyVisibleThroughFrame\n});\nconst isTotallyVisibleOnAxis = args => isVisible$1({\n ...args,\n isVisibleThroughFrameFn: isTotallyVisibleThroughFrameOnAxis(args.destination.axis)\n});\n\nconst getShouldAnimate = (id, last, forceShouldAnimate) => {\n if (typeof forceShouldAnimate === 'boolean') {\n return forceShouldAnimate;\n }\n if (!last) {\n return true;\n }\n const {\n invisible,\n visible\n } = last;\n if (invisible[id]) {\n return false;\n }\n const previous = visible[id];\n return previous ? previous.shouldAnimate : true;\n};\nfunction getTarget(draggable, displacedBy) {\n const marginBox = draggable.page.marginBox;\n const expandBy = {\n top: displacedBy.point.y,\n right: 0,\n bottom: 0,\n left: displacedBy.point.x\n };\n return getRect(expand(marginBox, expandBy));\n}\nfunction getDisplacementGroups({\n afterDragging,\n destination,\n displacedBy,\n viewport,\n forceShouldAnimate,\n last\n}) {\n return afterDragging.reduce(function process(groups, draggable) {\n const target = getTarget(draggable, displacedBy);\n const id = draggable.descriptor.id;\n groups.all.push(id);\n const isVisible = isPartiallyVisible({\n target,\n destination,\n viewport,\n withDroppableDisplacement: true\n });\n if (!isVisible) {\n groups.invisible[draggable.descriptor.id] = true;\n return groups;\n }\n const shouldAnimate = getShouldAnimate(id, last, forceShouldAnimate);\n const displacement = {\n draggableId: id,\n shouldAnimate\n };\n groups.visible[id] = displacement;\n return groups;\n }, {\n all: [],\n visible: {},\n invisible: {}\n });\n}\n\nfunction getIndexOfLastItem(draggables, options) {\n if (!draggables.length) {\n return 0;\n }\n const indexOfLastItem = draggables[draggables.length - 1].descriptor.index;\n return options.inHomeList ? indexOfLastItem : indexOfLastItem + 1;\n}\nfunction goAtEnd({\n insideDestination,\n inHomeList,\n displacedBy,\n destination\n}) {\n const newIndex = getIndexOfLastItem(insideDestination, {\n inHomeList\n });\n return {\n displaced: emptyGroups,\n displacedBy,\n at: {\n type: 'REORDER',\n destination: {\n droppableId: destination.descriptor.id,\n index: newIndex\n }\n }\n };\n}\nfunction calculateReorderImpact({\n draggable,\n insideDestination,\n destination,\n viewport,\n displacedBy,\n last,\n index,\n forceShouldAnimate\n}) {\n const inHomeList = isHomeOf(draggable, destination);\n if (index == null) {\n return goAtEnd({\n insideDestination,\n inHomeList,\n displacedBy,\n destination\n });\n }\n const match = insideDestination.find(item => item.descriptor.index === index);\n if (!match) {\n return goAtEnd({\n insideDestination,\n inHomeList,\n displacedBy,\n destination\n });\n }\n const withoutDragging = removeDraggableFromList(draggable, insideDestination);\n const sliceFrom = insideDestination.indexOf(match);\n const impacted = withoutDragging.slice(sliceFrom);\n const displaced = getDisplacementGroups({\n afterDragging: impacted,\n destination,\n displacedBy,\n last,\n viewport: viewport.frame,\n forceShouldAnimate\n });\n return {\n displaced,\n displacedBy,\n at: {\n type: 'REORDER',\n destination: {\n droppableId: destination.descriptor.id,\n index\n }\n }\n };\n}\n\nfunction didStartAfterCritical(draggableId, afterCritical) {\n return Boolean(afterCritical.effected[draggableId]);\n}\n\nvar fromCombine = ({\n isMovingForward,\n destination,\n draggables,\n combine,\n afterCritical\n}) => {\n if (!destination.isCombineEnabled) {\n return null;\n }\n const combineId = combine.draggableId;\n const combineWith = draggables[combineId];\n const combineWithIndex = combineWith.descriptor.index;\n const didCombineWithStartAfterCritical = didStartAfterCritical(combineId, afterCritical);\n if (didCombineWithStartAfterCritical) {\n if (isMovingForward) {\n return combineWithIndex;\n }\n return combineWithIndex - 1;\n }\n if (isMovingForward) {\n return combineWithIndex + 1;\n }\n return combineWithIndex;\n};\n\nvar fromReorder = ({\n isMovingForward,\n isInHomeList,\n insideDestination,\n location\n}) => {\n if (!insideDestination.length) {\n return null;\n }\n const currentIndex = location.index;\n const proposedIndex = isMovingForward ? currentIndex + 1 : currentIndex - 1;\n const firstIndex = insideDestination[0].descriptor.index;\n const lastIndex = insideDestination[insideDestination.length - 1].descriptor.index;\n const upperBound = isInHomeList ? lastIndex : lastIndex + 1;\n if (proposedIndex < firstIndex) {\n return null;\n }\n if (proposedIndex > upperBound) {\n return null;\n }\n return proposedIndex;\n};\n\nvar moveToNextIndex = ({\n isMovingForward,\n isInHomeList,\n draggable,\n draggables,\n destination,\n insideDestination,\n previousImpact,\n viewport,\n afterCritical\n}) => {\n const wasAt = previousImpact.at;\n !wasAt ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot move in direction without previous impact location') : invariant() : void 0;\n if (wasAt.type === 'REORDER') {\n const newIndex = fromReorder({\n isMovingForward,\n isInHomeList,\n location: wasAt.destination,\n insideDestination\n });\n if (newIndex == null) {\n return null;\n }\n return calculateReorderImpact({\n draggable,\n insideDestination,\n destination,\n viewport,\n last: previousImpact.displaced,\n displacedBy: previousImpact.displacedBy,\n index: newIndex\n });\n }\n const newIndex = fromCombine({\n isMovingForward,\n destination,\n displaced: previousImpact.displaced,\n draggables,\n combine: wasAt.combine,\n afterCritical\n });\n if (newIndex == null) {\n return null;\n }\n return calculateReorderImpact({\n draggable,\n insideDestination,\n destination,\n viewport,\n last: previousImpact.displaced,\n displacedBy: previousImpact.displacedBy,\n index: newIndex\n });\n};\n\nvar getCombinedItemDisplacement = ({\n displaced,\n afterCritical,\n combineWith,\n displacedBy\n}) => {\n const isDisplaced = Boolean(displaced.visible[combineWith] || displaced.invisible[combineWith]);\n if (didStartAfterCritical(combineWith, afterCritical)) {\n return isDisplaced ? origin : negate(displacedBy.point);\n }\n return isDisplaced ? displacedBy.point : origin;\n};\n\nvar whenCombining = ({\n afterCritical,\n impact,\n draggables\n}) => {\n const combine = tryGetCombine(impact);\n !combine ? process.env.NODE_ENV !== \"production\" ? invariant() : invariant() : void 0;\n const combineWith = combine.draggableId;\n const center = draggables[combineWith].page.borderBox.center;\n const displaceBy = getCombinedItemDisplacement({\n displaced: impact.displaced,\n afterCritical,\n combineWith,\n displacedBy: impact.displacedBy\n });\n return add(center, displaceBy);\n};\n\nconst distanceFromStartToBorderBoxCenter = (axis, box) => box.margin[axis.start] + box.borderBox[axis.size] / 2;\nconst distanceFromEndToBorderBoxCenter = (axis, box) => box.margin[axis.end] + box.borderBox[axis.size] / 2;\nconst getCrossAxisBorderBoxCenter = (axis, target, isMoving) => target[axis.crossAxisStart] + isMoving.margin[axis.crossAxisStart] + isMoving.borderBox[axis.crossAxisSize] / 2;\nconst goAfter = ({\n axis,\n moveRelativeTo,\n isMoving\n}) => patch(axis.line, moveRelativeTo.marginBox[axis.end] + distanceFromStartToBorderBoxCenter(axis, isMoving), getCrossAxisBorderBoxCenter(axis, moveRelativeTo.marginBox, isMoving));\nconst goBefore = ({\n axis,\n moveRelativeTo,\n isMoving\n}) => patch(axis.line, moveRelativeTo.marginBox[axis.start] - distanceFromEndToBorderBoxCenter(axis, isMoving), getCrossAxisBorderBoxCenter(axis, moveRelativeTo.marginBox, isMoving));\nconst goIntoStart = ({\n axis,\n moveInto,\n isMoving\n}) => patch(axis.line, moveInto.contentBox[axis.start] + distanceFromStartToBorderBoxCenter(axis, isMoving), getCrossAxisBorderBoxCenter(axis, moveInto.contentBox, isMoving));\n\nvar whenReordering = ({\n impact,\n draggable,\n draggables,\n droppable,\n afterCritical\n}) => {\n const insideDestination = getDraggablesInsideDroppable(droppable.descriptor.id, draggables);\n const draggablePage = draggable.page;\n const axis = droppable.axis;\n if (!insideDestination.length) {\n return goIntoStart({\n axis,\n moveInto: droppable.page,\n isMoving: draggablePage\n });\n }\n const {\n displaced,\n displacedBy\n } = impact;\n const closestAfter = displaced.all[0];\n if (closestAfter) {\n const closest = draggables[closestAfter];\n if (didStartAfterCritical(closestAfter, afterCritical)) {\n return goBefore({\n axis,\n moveRelativeTo: closest.page,\n isMoving: draggablePage\n });\n }\n const withDisplacement = offset(closest.page, displacedBy.point);\n return goBefore({\n axis,\n moveRelativeTo: withDisplacement,\n isMoving: draggablePage\n });\n }\n const last = insideDestination[insideDestination.length - 1];\n if (last.descriptor.id === draggable.descriptor.id) {\n return draggablePage.borderBox.center;\n }\n if (didStartAfterCritical(last.descriptor.id, afterCritical)) {\n const page = offset(last.page, negate(afterCritical.displacedBy.point));\n return goAfter({\n axis,\n moveRelativeTo: page,\n isMoving: draggablePage\n });\n }\n return goAfter({\n axis,\n moveRelativeTo: last.page,\n isMoving: draggablePage\n });\n};\n\nvar withDroppableDisplacement = (droppable, point) => {\n const frame = droppable.frame;\n if (!frame) {\n return point;\n }\n return add(point, frame.scroll.diff.displacement);\n};\n\nconst getResultWithoutDroppableDisplacement = ({\n impact,\n draggable,\n droppable,\n draggables,\n afterCritical\n}) => {\n const original = draggable.page.borderBox.center;\n const at = impact.at;\n if (!droppable) {\n return original;\n }\n if (!at) {\n return original;\n }\n if (at.type === 'REORDER') {\n return whenReordering({\n impact,\n draggable,\n draggables,\n droppable,\n afterCritical\n });\n }\n return whenCombining({\n impact,\n draggables,\n afterCritical\n });\n};\nvar getPageBorderBoxCenterFromImpact = args => {\n const withoutDisplacement = getResultWithoutDroppableDisplacement(args);\n const droppable = args.droppable;\n const withDisplacement = droppable ? withDroppableDisplacement(droppable, withoutDisplacement) : withoutDisplacement;\n return withDisplacement;\n};\n\nvar scrollViewport = (viewport, newScroll) => {\n const diff = subtract(newScroll, viewport.scroll.initial);\n const displacement = negate(diff);\n const frame = getRect({\n top: newScroll.y,\n bottom: newScroll.y + viewport.frame.height,\n left: newScroll.x,\n right: newScroll.x + viewport.frame.width\n });\n const updated = {\n frame,\n scroll: {\n initial: viewport.scroll.initial,\n max: viewport.scroll.max,\n current: newScroll,\n diff: {\n value: diff,\n displacement\n }\n }\n };\n return updated;\n};\n\nfunction getDraggables$1(ids, draggables) {\n return ids.map(id => draggables[id]);\n}\nfunction tryGetVisible(id, groups) {\n for (let i = 0; i < groups.length; i++) {\n const displacement = groups[i].visible[id];\n if (displacement) {\n return displacement;\n }\n }\n return null;\n}\nvar speculativelyIncrease = ({\n impact,\n viewport,\n destination,\n draggables,\n maxScrollChange\n}) => {\n const scrolledViewport = scrollViewport(viewport, add(viewport.scroll.current, maxScrollChange));\n const scrolledDroppable = destination.frame ? scrollDroppable(destination, add(destination.frame.scroll.current, maxScrollChange)) : destination;\n const last = impact.displaced;\n const withViewportScroll = getDisplacementGroups({\n afterDragging: getDraggables$1(last.all, draggables),\n destination,\n displacedBy: impact.displacedBy,\n viewport: scrolledViewport.frame,\n last,\n forceShouldAnimate: false\n });\n const withDroppableScroll = getDisplacementGroups({\n afterDragging: getDraggables$1(last.all, draggables),\n destination: scrolledDroppable,\n displacedBy: impact.displacedBy,\n viewport: viewport.frame,\n last,\n forceShouldAnimate: false\n });\n const invisible = {};\n const visible = {};\n const groups = [last, withViewportScroll, withDroppableScroll];\n last.all.forEach(id => {\n const displacement = tryGetVisible(id, groups);\n if (displacement) {\n visible[id] = displacement;\n return;\n }\n invisible[id] = true;\n });\n const newImpact = {\n ...impact,\n displaced: {\n all: last.all,\n invisible,\n visible\n }\n };\n return newImpact;\n};\n\nvar withViewportDisplacement = (viewport, point) => add(viewport.scroll.diff.displacement, point);\n\nvar getClientFromPageBorderBoxCenter = ({\n pageBorderBoxCenter,\n draggable,\n viewport\n}) => {\n const withoutPageScrollChange = withViewportDisplacement(viewport, pageBorderBoxCenter);\n const offset = subtract(withoutPageScrollChange, draggable.page.borderBox.center);\n return add(draggable.client.borderBox.center, offset);\n};\n\nvar isTotallyVisibleInNewLocation = ({\n draggable,\n destination,\n newPageBorderBoxCenter,\n viewport,\n withDroppableDisplacement,\n onlyOnMainAxis = false\n}) => {\n const changeNeeded = subtract(newPageBorderBoxCenter, draggable.page.borderBox.center);\n const shifted = offsetByPosition(draggable.page.borderBox, changeNeeded);\n const args = {\n target: shifted,\n destination,\n withDroppableDisplacement,\n viewport\n };\n return onlyOnMainAxis ? isTotallyVisibleOnAxis(args) : isTotallyVisible(args);\n};\n\nvar moveToNextPlace = ({\n isMovingForward,\n draggable,\n destination,\n draggables,\n previousImpact,\n viewport,\n previousPageBorderBoxCenter,\n previousClientSelection,\n afterCritical\n}) => {\n if (!destination.isEnabled) {\n return null;\n }\n const insideDestination = getDraggablesInsideDroppable(destination.descriptor.id, draggables);\n const isInHomeList = isHomeOf(draggable, destination);\n const impact = moveToNextCombine({\n isMovingForward,\n draggable,\n destination,\n insideDestination,\n previousImpact\n }) || moveToNextIndex({\n isMovingForward,\n isInHomeList,\n draggable,\n draggables,\n destination,\n insideDestination,\n previousImpact,\n viewport,\n afterCritical\n });\n if (!impact) {\n return null;\n }\n const pageBorderBoxCenter = getPageBorderBoxCenterFromImpact({\n impact,\n draggable,\n droppable: destination,\n draggables,\n afterCritical\n });\n const isVisibleInNewLocation = isTotallyVisibleInNewLocation({\n draggable,\n destination,\n newPageBorderBoxCenter: pageBorderBoxCenter,\n viewport: viewport.frame,\n withDroppableDisplacement: false,\n onlyOnMainAxis: true\n });\n if (isVisibleInNewLocation) {\n const clientSelection = getClientFromPageBorderBoxCenter({\n pageBorderBoxCenter,\n draggable,\n viewport\n });\n return {\n clientSelection,\n impact,\n scrollJumpRequest: null\n };\n }\n const distance = subtract(pageBorderBoxCenter, previousPageBorderBoxCenter);\n const cautious = speculativelyIncrease({\n impact,\n viewport,\n destination,\n draggables,\n maxScrollChange: distance\n });\n return {\n clientSelection: previousClientSelection,\n impact: cautious,\n scrollJumpRequest: distance\n };\n};\n\nconst getKnownActive = droppable => {\n const rect = droppable.subject.active;\n !rect ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot get clipped area from droppable') : invariant() : void 0;\n return rect;\n};\nvar getBestCrossAxisDroppable = ({\n isMovingForward,\n pageBorderBoxCenter,\n source,\n droppables,\n viewport\n}) => {\n const active = source.subject.active;\n if (!active) {\n return null;\n }\n const axis = source.axis;\n const isBetweenSourceClipped = isWithin(active[axis.start], active[axis.end]);\n const candidates = toDroppableList(droppables).filter(droppable => droppable !== source).filter(droppable => droppable.isEnabled).filter(droppable => Boolean(droppable.subject.active)).filter(droppable => isPartiallyVisibleThroughFrame(viewport.frame)(getKnownActive(droppable))).filter(droppable => {\n const activeOfTarget = getKnownActive(droppable);\n if (isMovingForward) {\n return active[axis.crossAxisEnd] < activeOfTarget[axis.crossAxisEnd];\n }\n return activeOfTarget[axis.crossAxisStart] < active[axis.crossAxisStart];\n }).filter(droppable => {\n const activeOfTarget = getKnownActive(droppable);\n const isBetweenDestinationClipped = isWithin(activeOfTarget[axis.start], activeOfTarget[axis.end]);\n return isBetweenSourceClipped(activeOfTarget[axis.start]) || isBetweenSourceClipped(activeOfTarget[axis.end]) || isBetweenDestinationClipped(active[axis.start]) || isBetweenDestinationClipped(active[axis.end]);\n }).sort((a, b) => {\n const first = getKnownActive(a)[axis.crossAxisStart];\n const second = getKnownActive(b)[axis.crossAxisStart];\n if (isMovingForward) {\n return first - second;\n }\n return second - first;\n }).filter((droppable, index, array) => getKnownActive(droppable)[axis.crossAxisStart] === getKnownActive(array[0])[axis.crossAxisStart]);\n if (!candidates.length) {\n return null;\n }\n if (candidates.length === 1) {\n return candidates[0];\n }\n const contains = candidates.filter(droppable => {\n const isWithinDroppable = isWithin(getKnownActive(droppable)[axis.start], getKnownActive(droppable)[axis.end]);\n return isWithinDroppable(pageBorderBoxCenter[axis.line]);\n });\n if (contains.length === 1) {\n return contains[0];\n }\n if (contains.length > 1) {\n return contains.sort((a, b) => getKnownActive(a)[axis.start] - getKnownActive(b)[axis.start])[0];\n }\n return candidates.sort((a, b) => {\n const first = closest$1(pageBorderBoxCenter, getCorners(getKnownActive(a)));\n const second = closest$1(pageBorderBoxCenter, getCorners(getKnownActive(b)));\n if (first !== second) {\n return first - second;\n }\n return getKnownActive(a)[axis.start] - getKnownActive(b)[axis.start];\n })[0];\n};\n\nconst getCurrentPageBorderBoxCenter = (draggable, afterCritical) => {\n const original = draggable.page.borderBox.center;\n return didStartAfterCritical(draggable.descriptor.id, afterCritical) ? subtract(original, afterCritical.displacedBy.point) : original;\n};\nconst getCurrentPageBorderBox = (draggable, afterCritical) => {\n const original = draggable.page.borderBox;\n return didStartAfterCritical(draggable.descriptor.id, afterCritical) ? offsetByPosition(original, negate(afterCritical.displacedBy.point)) : original;\n};\n\nvar getClosestDraggable = ({\n pageBorderBoxCenter,\n viewport,\n destination,\n insideDestination,\n afterCritical\n}) => {\n const sorted = insideDestination.filter(draggable => isTotallyVisible({\n target: getCurrentPageBorderBox(draggable, afterCritical),\n destination,\n viewport: viewport.frame,\n withDroppableDisplacement: true\n })).sort((a, b) => {\n const distanceToA = distance(pageBorderBoxCenter, withDroppableDisplacement(destination, getCurrentPageBorderBoxCenter(a, afterCritical)));\n const distanceToB = distance(pageBorderBoxCenter, withDroppableDisplacement(destination, getCurrentPageBorderBoxCenter(b, afterCritical)));\n if (distanceToA < distanceToB) {\n return -1;\n }\n if (distanceToB < distanceToA) {\n return 1;\n }\n return a.descriptor.index - b.descriptor.index;\n });\n return sorted[0] || null;\n};\n\nvar getDisplacedBy = memoizeOne(function getDisplacedBy(axis, displaceBy) {\n const displacement = displaceBy[axis.line];\n return {\n value: displacement,\n point: patch(axis.line, displacement)\n };\n});\n\nconst getRequiredGrowthForPlaceholder = (droppable, placeholderSize, draggables) => {\n const axis = droppable.axis;\n if (droppable.descriptor.mode === 'virtual') {\n return patch(axis.line, placeholderSize[axis.line]);\n }\n const availableSpace = droppable.subject.page.contentBox[axis.size];\n const insideDroppable = getDraggablesInsideDroppable(droppable.descriptor.id, draggables);\n const spaceUsed = insideDroppable.reduce((sum, dimension) => sum + dimension.client.marginBox[axis.size], 0);\n const requiredSpace = spaceUsed + placeholderSize[axis.line];\n const needsToGrowBy = requiredSpace - availableSpace;\n if (needsToGrowBy <= 0) {\n return null;\n }\n return patch(axis.line, needsToGrowBy);\n};\nconst withMaxScroll = (frame, max) => ({\n ...frame,\n scroll: {\n ...frame.scroll,\n max\n }\n});\nconst addPlaceholder = (droppable, draggable, draggables) => {\n const frame = droppable.frame;\n !!isHomeOf(draggable, droppable) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Should not add placeholder space to home list') : invariant() : void 0;\n !!droppable.subject.withPlaceholder ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot add placeholder size to a subject when it already has one') : invariant() : void 0;\n const placeholderSize = getDisplacedBy(droppable.axis, draggable.displaceBy).point;\n const requiredGrowth = getRequiredGrowthForPlaceholder(droppable, placeholderSize, draggables);\n const added = {\n placeholderSize,\n increasedBy: requiredGrowth,\n oldFrameMaxScroll: droppable.frame ? droppable.frame.scroll.max : null\n };\n if (!frame) {\n const subject = getSubject({\n page: droppable.subject.page,\n withPlaceholder: added,\n axis: droppable.axis,\n frame: droppable.frame\n });\n return {\n ...droppable,\n subject\n };\n }\n const maxScroll = requiredGrowth ? add(frame.scroll.max, requiredGrowth) : frame.scroll.max;\n const newFrame = withMaxScroll(frame, maxScroll);\n const subject = getSubject({\n page: droppable.subject.page,\n withPlaceholder: added,\n axis: droppable.axis,\n frame: newFrame\n });\n return {\n ...droppable,\n subject,\n frame: newFrame\n };\n};\nconst removePlaceholder = droppable => {\n const added = droppable.subject.withPlaceholder;\n !added ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot remove placeholder form subject when there was none') : invariant() : void 0;\n const frame = droppable.frame;\n if (!frame) {\n const subject = getSubject({\n page: droppable.subject.page,\n axis: droppable.axis,\n frame: null,\n withPlaceholder: null\n });\n return {\n ...droppable,\n subject\n };\n }\n const oldMaxScroll = added.oldFrameMaxScroll;\n !oldMaxScroll ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Expected droppable with frame to have old max frame scroll when removing placeholder') : invariant() : void 0;\n const newFrame = withMaxScroll(frame, oldMaxScroll);\n const subject = getSubject({\n page: droppable.subject.page,\n axis: droppable.axis,\n frame: newFrame,\n withPlaceholder: null\n });\n return {\n ...droppable,\n subject,\n frame: newFrame\n };\n};\n\nvar moveToNewDroppable = ({\n previousPageBorderBoxCenter,\n moveRelativeTo,\n insideDestination,\n draggable,\n draggables,\n destination,\n viewport,\n afterCritical\n}) => {\n if (!moveRelativeTo) {\n if (insideDestination.length) {\n return null;\n }\n const proposed = {\n displaced: emptyGroups,\n displacedBy: noDisplacedBy,\n at: {\n type: 'REORDER',\n destination: {\n droppableId: destination.descriptor.id,\n index: 0\n }\n }\n };\n const proposedPageBorderBoxCenter = getPageBorderBoxCenterFromImpact({\n impact: proposed,\n draggable,\n droppable: destination,\n draggables,\n afterCritical\n });\n const withPlaceholder = isHomeOf(draggable, destination) ? destination : addPlaceholder(destination, draggable, draggables);\n const isVisibleInNewLocation = isTotallyVisibleInNewLocation({\n draggable,\n destination: withPlaceholder,\n newPageBorderBoxCenter: proposedPageBorderBoxCenter,\n viewport: viewport.frame,\n withDroppableDisplacement: false,\n onlyOnMainAxis: true\n });\n return isVisibleInNewLocation ? proposed : null;\n }\n const isGoingBeforeTarget = Boolean(previousPageBorderBoxCenter[destination.axis.line] <= moveRelativeTo.page.borderBox.center[destination.axis.line]);\n const proposedIndex = (() => {\n const relativeTo = moveRelativeTo.descriptor.index;\n if (moveRelativeTo.descriptor.id === draggable.descriptor.id) {\n return relativeTo;\n }\n if (isGoingBeforeTarget) {\n return relativeTo;\n }\n return relativeTo + 1;\n })();\n const displacedBy = getDisplacedBy(destination.axis, draggable.displaceBy);\n return calculateReorderImpact({\n draggable,\n insideDestination,\n destination,\n viewport,\n displacedBy,\n last: emptyGroups,\n index: proposedIndex\n });\n};\n\nvar moveCrossAxis = ({\n isMovingForward,\n previousPageBorderBoxCenter,\n draggable,\n isOver,\n draggables,\n droppables,\n viewport,\n afterCritical\n}) => {\n const destination = getBestCrossAxisDroppable({\n isMovingForward,\n pageBorderBoxCenter: previousPageBorderBoxCenter,\n source: isOver,\n droppables,\n viewport\n });\n if (!destination) {\n return null;\n }\n const insideDestination = getDraggablesInsideDroppable(destination.descriptor.id, draggables);\n const moveRelativeTo = getClosestDraggable({\n pageBorderBoxCenter: previousPageBorderBoxCenter,\n viewport,\n destination,\n insideDestination,\n afterCritical\n });\n const impact = moveToNewDroppable({\n previousPageBorderBoxCenter,\n destination,\n draggable,\n draggables,\n moveRelativeTo,\n insideDestination,\n viewport,\n afterCritical\n });\n if (!impact) {\n return null;\n }\n const pageBorderBoxCenter = getPageBorderBoxCenterFromImpact({\n impact,\n draggable,\n droppable: destination,\n draggables,\n afterCritical\n });\n const clientSelection = getClientFromPageBorderBoxCenter({\n pageBorderBoxCenter,\n draggable,\n viewport\n });\n return {\n clientSelection,\n impact,\n scrollJumpRequest: null\n };\n};\n\nvar whatIsDraggedOver = impact => {\n const at = impact.at;\n if (!at) {\n return null;\n }\n if (at.type === 'REORDER') {\n return at.destination.droppableId;\n }\n return at.combine.droppableId;\n};\n\nconst getDroppableOver$1 = (impact, droppables) => {\n const id = whatIsDraggedOver(impact);\n return id ? droppables[id] : null;\n};\nvar moveInDirection = ({\n state,\n type\n}) => {\n const isActuallyOver = getDroppableOver$1(state.impact, state.dimensions.droppables);\n const isMainAxisMovementAllowed = Boolean(isActuallyOver);\n const home = state.dimensions.droppables[state.critical.droppable.id];\n const isOver = isActuallyOver || home;\n const direction = isOver.axis.direction;\n const isMovingOnMainAxis = direction === 'vertical' && (type === 'MOVE_UP' || type === 'MOVE_DOWN') || direction === 'horizontal' && (type === 'MOVE_LEFT' || type === 'MOVE_RIGHT');\n if (isMovingOnMainAxis && !isMainAxisMovementAllowed) {\n return null;\n }\n const isMovingForward = type === 'MOVE_DOWN' || type === 'MOVE_RIGHT';\n const draggable = state.dimensions.draggables[state.critical.draggable.id];\n const previousPageBorderBoxCenter = state.current.page.borderBoxCenter;\n const {\n draggables,\n droppables\n } = state.dimensions;\n return isMovingOnMainAxis ? moveToNextPlace({\n isMovingForward,\n previousPageBorderBoxCenter,\n draggable,\n destination: isOver,\n draggables,\n viewport: state.viewport,\n previousClientSelection: state.current.client.selection,\n previousImpact: state.impact,\n afterCritical: state.afterCritical\n }) : moveCrossAxis({\n isMovingForward,\n previousPageBorderBoxCenter,\n draggable,\n isOver,\n draggables,\n droppables,\n viewport: state.viewport,\n afterCritical: state.afterCritical\n });\n};\n\nfunction isMovementAllowed(state) {\n return state.phase === 'DRAGGING' || state.phase === 'COLLECTING';\n}\n\nfunction isPositionInFrame(frame) {\n const isWithinVertical = isWithin(frame.top, frame.bottom);\n const isWithinHorizontal = isWithin(frame.left, frame.right);\n return function run(point) {\n return isWithinVertical(point.y) && isWithinHorizontal(point.x);\n };\n}\n\nfunction getHasOverlap(first, second) {\n return first.left < second.right && first.right > second.left && first.top < second.bottom && first.bottom > second.top;\n}\nfunction getFurthestAway({\n pageBorderBox,\n draggable,\n candidates\n}) {\n const startCenter = draggable.page.borderBox.center;\n const sorted = candidates.map(candidate => {\n const axis = candidate.axis;\n const target = patch(candidate.axis.line, pageBorderBox.center[axis.line], candidate.page.borderBox.center[axis.crossAxisLine]);\n return {\n id: candidate.descriptor.id,\n distance: distance(startCenter, target)\n };\n }).sort((a, b) => b.distance - a.distance);\n return sorted[0] ? sorted[0].id : null;\n}\nfunction getDroppableOver({\n pageBorderBox,\n draggable,\n droppables\n}) {\n const candidates = toDroppableList(droppables).filter(item => {\n if (!item.isEnabled) {\n return false;\n }\n const active = item.subject.active;\n if (!active) {\n return false;\n }\n if (!getHasOverlap(pageBorderBox, active)) {\n return false;\n }\n if (isPositionInFrame(active)(pageBorderBox.center)) {\n return true;\n }\n const axis = item.axis;\n const childCenter = active.center[axis.crossAxisLine];\n const crossAxisStart = pageBorderBox[axis.crossAxisStart];\n const crossAxisEnd = pageBorderBox[axis.crossAxisEnd];\n const isContained = isWithin(active[axis.crossAxisStart], active[axis.crossAxisEnd]);\n const isStartContained = isContained(crossAxisStart);\n const isEndContained = isContained(crossAxisEnd);\n if (!isStartContained && !isEndContained) {\n return true;\n }\n if (isStartContained) {\n return crossAxisStart < childCenter;\n }\n return crossAxisEnd > childCenter;\n });\n if (!candidates.length) {\n return null;\n }\n if (candidates.length === 1) {\n return candidates[0].descriptor.id;\n }\n return getFurthestAway({\n pageBorderBox,\n draggable,\n candidates\n });\n}\n\nconst offsetRectByPosition = (rect, point) => getRect(offsetByPosition(rect, point));\n\nvar withDroppableScroll = (droppable, area) => {\n const frame = droppable.frame;\n if (!frame) {\n return area;\n }\n return offsetRectByPosition(area, frame.scroll.diff.value);\n};\n\nfunction getIsDisplaced({\n displaced,\n id\n}) {\n return Boolean(displaced.visible[id] || displaced.invisible[id]);\n}\n\nfunction atIndex({\n draggable,\n closest,\n inHomeList\n}) {\n if (!closest) {\n return null;\n }\n if (!inHomeList) {\n return closest.descriptor.index;\n }\n if (closest.descriptor.index > draggable.descriptor.index) {\n return closest.descriptor.index - 1;\n }\n return closest.descriptor.index;\n}\nvar getReorderImpact = ({\n pageBorderBoxWithDroppableScroll: targetRect,\n draggable,\n destination,\n insideDestination,\n last,\n viewport,\n afterCritical\n}) => {\n const axis = destination.axis;\n const displacedBy = getDisplacedBy(destination.axis, draggable.displaceBy);\n const displacement = displacedBy.value;\n const targetStart = targetRect[axis.start];\n const targetEnd = targetRect[axis.end];\n const withoutDragging = removeDraggableFromList(draggable, insideDestination);\n const closest = withoutDragging.find(child => {\n const id = child.descriptor.id;\n const childCenter = child.page.borderBox.center[axis.line];\n const didStartAfterCritical$1 = didStartAfterCritical(id, afterCritical);\n const isDisplaced = getIsDisplaced({\n displaced: last,\n id\n });\n if (didStartAfterCritical$1) {\n if (isDisplaced) {\n return targetEnd <= childCenter;\n }\n return targetStart < childCenter - displacement;\n }\n if (isDisplaced) {\n return targetEnd <= childCenter + displacement;\n }\n return targetStart < childCenter;\n }) || null;\n const newIndex = atIndex({\n draggable,\n closest,\n inHomeList: isHomeOf(draggable, destination)\n });\n return calculateReorderImpact({\n draggable,\n insideDestination,\n destination,\n viewport,\n last,\n displacedBy,\n index: newIndex\n });\n};\n\nconst combineThresholdDivisor = 4;\nvar getCombineImpact = ({\n draggable,\n pageBorderBoxWithDroppableScroll: targetRect,\n previousImpact,\n destination,\n insideDestination,\n afterCritical\n}) => {\n if (!destination.isCombineEnabled) {\n return null;\n }\n const axis = destination.axis;\n const displacedBy = getDisplacedBy(destination.axis, draggable.displaceBy);\n const displacement = displacedBy.value;\n const targetStart = targetRect[axis.start];\n const targetEnd = targetRect[axis.end];\n const withoutDragging = removeDraggableFromList(draggable, insideDestination);\n const combineWith = withoutDragging.find(child => {\n const id = child.descriptor.id;\n const childRect = child.page.borderBox;\n const childSize = childRect[axis.size];\n const threshold = childSize / combineThresholdDivisor;\n const didStartAfterCritical$1 = didStartAfterCritical(id, afterCritical);\n const isDisplaced = getIsDisplaced({\n displaced: previousImpact.displaced,\n id\n });\n if (didStartAfterCritical$1) {\n if (isDisplaced) {\n return targetEnd > childRect[axis.start] + threshold && targetEnd < childRect[axis.end] - threshold;\n }\n return targetStart > childRect[axis.start] - displacement + threshold && targetStart < childRect[axis.end] - displacement - threshold;\n }\n if (isDisplaced) {\n return targetEnd > childRect[axis.start] + displacement + threshold && targetEnd < childRect[axis.end] + displacement - threshold;\n }\n return targetStart > childRect[axis.start] + threshold && targetStart < childRect[axis.end] - threshold;\n });\n if (!combineWith) {\n return null;\n }\n const impact = {\n displacedBy,\n displaced: previousImpact.displaced,\n at: {\n type: 'COMBINE',\n combine: {\n draggableId: combineWith.descriptor.id,\n droppableId: destination.descriptor.id\n }\n }\n };\n return impact;\n};\n\nvar getDragImpact = ({\n pageOffset,\n draggable,\n draggables,\n droppables,\n previousImpact,\n viewport,\n afterCritical\n}) => {\n const pageBorderBox = offsetRectByPosition(draggable.page.borderBox, pageOffset);\n const destinationId = getDroppableOver({\n pageBorderBox,\n draggable,\n droppables\n });\n if (!destinationId) {\n return noImpact;\n }\n const destination = droppables[destinationId];\n const insideDestination = getDraggablesInsideDroppable(destination.descriptor.id, draggables);\n const pageBorderBoxWithDroppableScroll = withDroppableScroll(destination, pageBorderBox);\n return getCombineImpact({\n pageBorderBoxWithDroppableScroll,\n draggable,\n previousImpact,\n destination,\n insideDestination,\n afterCritical\n }) || getReorderImpact({\n pageBorderBoxWithDroppableScroll,\n draggable,\n destination,\n insideDestination,\n last: previousImpact.displaced,\n viewport,\n afterCritical\n });\n};\n\nvar patchDroppableMap = (droppables, updated) => ({\n ...droppables,\n [updated.descriptor.id]: updated\n});\n\nconst clearUnusedPlaceholder = ({\n previousImpact,\n impact,\n droppables\n}) => {\n const last = whatIsDraggedOver(previousImpact);\n const now = whatIsDraggedOver(impact);\n if (!last) {\n return droppables;\n }\n if (last === now) {\n return droppables;\n }\n const lastDroppable = droppables[last];\n if (!lastDroppable.subject.withPlaceholder) {\n return droppables;\n }\n const updated = removePlaceholder(lastDroppable);\n return patchDroppableMap(droppables, updated);\n};\nvar recomputePlaceholders = ({\n draggable,\n draggables,\n droppables,\n previousImpact,\n impact\n}) => {\n const cleaned = clearUnusedPlaceholder({\n previousImpact,\n impact,\n droppables\n });\n const isOver = whatIsDraggedOver(impact);\n if (!isOver) {\n return cleaned;\n }\n const droppable = droppables[isOver];\n if (isHomeOf(draggable, droppable)) {\n return cleaned;\n }\n if (droppable.subject.withPlaceholder) {\n return cleaned;\n }\n const patched = addPlaceholder(droppable, draggable, draggables);\n return patchDroppableMap(cleaned, patched);\n};\n\nvar update = ({\n state,\n clientSelection: forcedClientSelection,\n dimensions: forcedDimensions,\n viewport: forcedViewport,\n impact: forcedImpact,\n scrollJumpRequest\n}) => {\n const viewport = forcedViewport || state.viewport;\n const dimensions = forcedDimensions || state.dimensions;\n const clientSelection = forcedClientSelection || state.current.client.selection;\n const offset = subtract(clientSelection, state.initial.client.selection);\n const client = {\n offset,\n selection: clientSelection,\n borderBoxCenter: add(state.initial.client.borderBoxCenter, offset)\n };\n const page = {\n selection: add(client.selection, viewport.scroll.current),\n borderBoxCenter: add(client.borderBoxCenter, viewport.scroll.current),\n offset: add(client.offset, viewport.scroll.diff.value)\n };\n const current = {\n client,\n page\n };\n if (state.phase === 'COLLECTING') {\n return {\n ...state,\n dimensions,\n viewport,\n current\n };\n }\n const draggable = dimensions.draggables[state.critical.draggable.id];\n const newImpact = forcedImpact || getDragImpact({\n pageOffset: page.offset,\n draggable,\n draggables: dimensions.draggables,\n droppables: dimensions.droppables,\n previousImpact: state.impact,\n viewport,\n afterCritical: state.afterCritical\n });\n const withUpdatedPlaceholders = recomputePlaceholders({\n draggable,\n impact: newImpact,\n previousImpact: state.impact,\n draggables: dimensions.draggables,\n droppables: dimensions.droppables\n });\n const result = {\n ...state,\n current,\n dimensions: {\n draggables: dimensions.draggables,\n droppables: withUpdatedPlaceholders\n },\n impact: newImpact,\n viewport,\n scrollJumpRequest: scrollJumpRequest || null,\n forceShouldAnimate: scrollJumpRequest ? false : null\n };\n return result;\n};\n\nfunction getDraggables(ids, draggables) {\n return ids.map(id => draggables[id]);\n}\nvar recompute = ({\n impact,\n viewport,\n draggables,\n destination,\n forceShouldAnimate\n}) => {\n const last = impact.displaced;\n const afterDragging = getDraggables(last.all, draggables);\n const displaced = getDisplacementGroups({\n afterDragging,\n destination,\n displacedBy: impact.displacedBy,\n viewport: viewport.frame,\n forceShouldAnimate,\n last\n });\n return {\n ...impact,\n displaced\n };\n};\n\nvar getClientBorderBoxCenter = ({\n impact,\n draggable,\n droppable,\n draggables,\n viewport,\n afterCritical\n}) => {\n const pageBorderBoxCenter = getPageBorderBoxCenterFromImpact({\n impact,\n draggable,\n draggables,\n droppable,\n afterCritical\n });\n return getClientFromPageBorderBoxCenter({\n pageBorderBoxCenter,\n draggable,\n viewport\n });\n};\n\nvar refreshSnap = ({\n state,\n dimensions: forcedDimensions,\n viewport: forcedViewport\n}) => {\n !(state.movementMode === 'SNAP') ? process.env.NODE_ENV !== \"production\" ? invariant() : invariant() : void 0;\n const needsVisibilityCheck = state.impact;\n const viewport = forcedViewport || state.viewport;\n const dimensions = forcedDimensions || state.dimensions;\n const {\n draggables,\n droppables\n } = dimensions;\n const draggable = draggables[state.critical.draggable.id];\n const isOver = whatIsDraggedOver(needsVisibilityCheck);\n !isOver ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Must be over a destination in SNAP movement mode') : invariant() : void 0;\n const destination = droppables[isOver];\n const impact = recompute({\n impact: needsVisibilityCheck,\n viewport,\n destination,\n draggables\n });\n const clientSelection = getClientBorderBoxCenter({\n impact,\n draggable,\n droppable: destination,\n draggables,\n viewport,\n afterCritical: state.afterCritical\n });\n return update({\n impact,\n clientSelection,\n state,\n dimensions,\n viewport\n });\n};\n\nvar getHomeLocation = descriptor => ({\n index: descriptor.index,\n droppableId: descriptor.droppableId\n});\n\nvar getLiftEffect = ({\n draggable,\n home,\n draggables,\n viewport\n}) => {\n const displacedBy = getDisplacedBy(home.axis, draggable.displaceBy);\n const insideHome = getDraggablesInsideDroppable(home.descriptor.id, draggables);\n const rawIndex = insideHome.indexOf(draggable);\n !(rawIndex !== -1) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Expected draggable to be inside home list') : invariant() : void 0;\n const afterDragging = insideHome.slice(rawIndex + 1);\n const effected = afterDragging.reduce((previous, item) => {\n previous[item.descriptor.id] = true;\n return previous;\n }, {});\n const afterCritical = {\n inVirtualList: home.descriptor.mode === 'virtual',\n displacedBy,\n effected\n };\n const displaced = getDisplacementGroups({\n afterDragging,\n destination: home,\n displacedBy,\n last: null,\n viewport: viewport.frame,\n forceShouldAnimate: false\n });\n const impact = {\n displaced,\n displacedBy,\n at: {\n type: 'REORDER',\n destination: getHomeLocation(draggable.descriptor)\n }\n };\n return {\n impact,\n afterCritical\n };\n};\n\nvar patchDimensionMap = (dimensions, updated) => ({\n draggables: dimensions.draggables,\n droppables: patchDroppableMap(dimensions.droppables, updated)\n});\n\nconst start = key => {\n if (process.env.NODE_ENV !== 'production') {\n {\n return;\n }\n }\n};\nconst finish = key => {\n if (process.env.NODE_ENV !== 'production') {\n {\n return;\n }\n }\n};\n\nvar offsetDraggable = ({\n draggable,\n offset: offset$1,\n initialWindowScroll\n}) => {\n const client = offset(draggable.client, offset$1);\n const page = withScroll(client, initialWindowScroll);\n const moved = {\n ...draggable,\n placeholder: {\n ...draggable.placeholder,\n client\n },\n client,\n page\n };\n return moved;\n};\n\nvar getFrame = droppable => {\n const frame = droppable.frame;\n !frame ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Expected Droppable to have a frame') : invariant() : void 0;\n return frame;\n};\n\nvar adjustAdditionsForScrollChanges = ({\n additions,\n updatedDroppables,\n viewport\n}) => {\n const windowScrollChange = viewport.scroll.diff.value;\n return additions.map(draggable => {\n const droppableId = draggable.descriptor.droppableId;\n const modified = updatedDroppables[droppableId];\n const frame = getFrame(modified);\n const droppableScrollChange = frame.scroll.diff.value;\n const totalChange = add(windowScrollChange, droppableScrollChange);\n const moved = offsetDraggable({\n draggable,\n offset: totalChange,\n initialWindowScroll: viewport.scroll.initial\n });\n return moved;\n });\n};\n\nconst timingsKey = 'Processing dynamic changes';\nvar publishWhileDraggingInVirtual = ({\n state,\n published\n}) => {\n start();\n const withScrollChange = published.modified.map(update => {\n const existing = state.dimensions.droppables[update.droppableId];\n const scrolled = scrollDroppable(existing, update.scroll);\n return scrolled;\n });\n const droppables = {\n ...state.dimensions.droppables,\n ...toDroppableMap(withScrollChange)\n };\n const updatedAdditions = toDraggableMap(adjustAdditionsForScrollChanges({\n additions: published.additions,\n updatedDroppables: droppables,\n viewport: state.viewport\n }));\n const draggables = {\n ...state.dimensions.draggables,\n ...updatedAdditions\n };\n published.removals.forEach(id => {\n delete draggables[id];\n });\n const dimensions = {\n droppables,\n draggables\n };\n const wasOverId = whatIsDraggedOver(state.impact);\n const wasOver = wasOverId ? dimensions.droppables[wasOverId] : null;\n const draggable = dimensions.draggables[state.critical.draggable.id];\n const home = dimensions.droppables[state.critical.droppable.id];\n const {\n impact: onLiftImpact,\n afterCritical\n } = getLiftEffect({\n draggable,\n home,\n draggables,\n viewport: state.viewport\n });\n const previousImpact = wasOver && wasOver.isCombineEnabled ? state.impact : onLiftImpact;\n const impact = getDragImpact({\n pageOffset: state.current.page.offset,\n draggable: dimensions.draggables[state.critical.draggable.id],\n draggables: dimensions.draggables,\n droppables: dimensions.droppables,\n previousImpact,\n viewport: state.viewport,\n afterCritical\n });\n finish(timingsKey);\n const draggingState = {\n ...state,\n phase: 'DRAGGING',\n impact,\n onLiftImpact,\n dimensions,\n afterCritical,\n forceShouldAnimate: false\n };\n if (state.phase === 'COLLECTING') {\n return draggingState;\n }\n const dropPending = {\n ...draggingState,\n phase: 'DROP_PENDING',\n reason: state.reason,\n isWaiting: false\n };\n return dropPending;\n};\n\nconst isSnapping = state => state.movementMode === 'SNAP';\nconst postDroppableChange = (state, updated, isEnabledChanging) => {\n const dimensions = patchDimensionMap(state.dimensions, updated);\n if (!isSnapping(state) || isEnabledChanging) {\n return update({\n state,\n dimensions\n });\n }\n return refreshSnap({\n state,\n dimensions\n });\n};\nfunction removeScrollJumpRequest(state) {\n if (state.isDragging && state.movementMode === 'SNAP') {\n return {\n ...state,\n scrollJumpRequest: null\n };\n }\n return state;\n}\nconst idle$2 = {\n phase: 'IDLE',\n completed: null,\n shouldFlush: false\n};\nvar reducer = (state = idle$2, action) => {\n if (action.type === 'FLUSH') {\n return {\n ...idle$2,\n shouldFlush: true\n };\n }\n if (action.type === 'INITIAL_PUBLISH') {\n !(state.phase === 'IDLE') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'INITIAL_PUBLISH must come after a IDLE phase') : invariant() : void 0;\n const {\n critical,\n clientSelection,\n viewport,\n dimensions,\n movementMode\n } = action.payload;\n const draggable = dimensions.draggables[critical.draggable.id];\n const home = dimensions.droppables[critical.droppable.id];\n const client = {\n selection: clientSelection,\n borderBoxCenter: draggable.client.borderBox.center,\n offset: origin\n };\n const initial = {\n client,\n page: {\n selection: add(client.selection, viewport.scroll.initial),\n borderBoxCenter: add(client.selection, viewport.scroll.initial),\n offset: add(client.selection, viewport.scroll.diff.value)\n }\n };\n const isWindowScrollAllowed = toDroppableList(dimensions.droppables).every(item => !item.isFixedOnPage);\n const {\n impact,\n afterCritical\n } = getLiftEffect({\n draggable,\n home,\n draggables: dimensions.draggables,\n viewport\n });\n const result = {\n phase: 'DRAGGING',\n isDragging: true,\n critical,\n movementMode,\n dimensions,\n initial,\n current: initial,\n isWindowScrollAllowed,\n impact,\n afterCritical,\n onLiftImpact: impact,\n viewport,\n scrollJumpRequest: null,\n forceShouldAnimate: null\n };\n return result;\n }\n if (action.type === 'COLLECTION_STARTING') {\n if (state.phase === 'COLLECTING' || state.phase === 'DROP_PENDING') {\n return state;\n }\n !(state.phase === 'DRAGGING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Collection cannot start from phase ${state.phase}`) : invariant() : void 0;\n const result = {\n ...state,\n phase: 'COLLECTING'\n };\n return result;\n }\n if (action.type === 'PUBLISH_WHILE_DRAGGING') {\n !(state.phase === 'COLLECTING' || state.phase === 'DROP_PENDING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Unexpected ${action.type} received in phase ${state.phase}`) : invariant() : void 0;\n return publishWhileDraggingInVirtual({\n state,\n published: action.payload\n });\n }\n if (action.type === 'MOVE') {\n if (state.phase === 'DROP_PENDING') {\n return state;\n }\n !isMovementAllowed(state) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `${action.type} not permitted in phase ${state.phase}`) : invariant() : void 0;\n const {\n client: clientSelection\n } = action.payload;\n if (isEqual$1(clientSelection, state.current.client.selection)) {\n return state;\n }\n return update({\n state,\n clientSelection,\n impact: isSnapping(state) ? state.impact : null\n });\n }\n if (action.type === 'UPDATE_DROPPABLE_SCROLL') {\n if (state.phase === 'DROP_PENDING') {\n return removeScrollJumpRequest(state);\n }\n if (state.phase === 'COLLECTING') {\n return removeScrollJumpRequest(state);\n }\n !isMovementAllowed(state) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `${action.type} not permitted in phase ${state.phase}`) : invariant() : void 0;\n const {\n id,\n newScroll\n } = action.payload;\n const target = state.dimensions.droppables[id];\n if (!target) {\n return state;\n }\n const scrolled = scrollDroppable(target, newScroll);\n return postDroppableChange(state, scrolled, false);\n }\n if (action.type === 'UPDATE_DROPPABLE_IS_ENABLED') {\n if (state.phase === 'DROP_PENDING') {\n return state;\n }\n !isMovementAllowed(state) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Attempting to move in an unsupported phase ${state.phase}`) : invariant() : void 0;\n const {\n id,\n isEnabled\n } = action.payload;\n const target = state.dimensions.droppables[id];\n !target ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot find Droppable[id: ${id}] to toggle its enabled state`) : invariant() : void 0;\n !(target.isEnabled !== isEnabled) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Trying to set droppable isEnabled to ${String(isEnabled)}\n but it is already ${String(target.isEnabled)}`) : invariant() : void 0;\n const updated = {\n ...target,\n isEnabled\n };\n return postDroppableChange(state, updated, true);\n }\n if (action.type === 'UPDATE_DROPPABLE_IS_COMBINE_ENABLED') {\n if (state.phase === 'DROP_PENDING') {\n return state;\n }\n !isMovementAllowed(state) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Attempting to move in an unsupported phase ${state.phase}`) : invariant() : void 0;\n const {\n id,\n isCombineEnabled\n } = action.payload;\n const target = state.dimensions.droppables[id];\n !target ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot find Droppable[id: ${id}] to toggle its isCombineEnabled state`) : invariant() : void 0;\n !(target.isCombineEnabled !== isCombineEnabled) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Trying to set droppable isCombineEnabled to ${String(isCombineEnabled)}\n but it is already ${String(target.isCombineEnabled)}`) : invariant() : void 0;\n const updated = {\n ...target,\n isCombineEnabled\n };\n return postDroppableChange(state, updated, true);\n }\n if (action.type === 'MOVE_BY_WINDOW_SCROLL') {\n if (state.phase === 'DROP_PENDING' || state.phase === 'DROP_ANIMATING') {\n return state;\n }\n !isMovementAllowed(state) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot move by window in phase ${state.phase}`) : invariant() : void 0;\n !state.isWindowScrollAllowed ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Window scrolling is currently not supported for fixed lists') : invariant() : void 0;\n const newScroll = action.payload.newScroll;\n if (isEqual$1(state.viewport.scroll.current, newScroll)) {\n return removeScrollJumpRequest(state);\n }\n const viewport = scrollViewport(state.viewport, newScroll);\n if (isSnapping(state)) {\n return refreshSnap({\n state,\n viewport\n });\n }\n return update({\n state,\n viewport\n });\n }\n if (action.type === 'UPDATE_VIEWPORT_MAX_SCROLL') {\n if (!isMovementAllowed(state)) {\n return state;\n }\n const maxScroll = action.payload.maxScroll;\n if (isEqual$1(maxScroll, state.viewport.scroll.max)) {\n return state;\n }\n const withMaxScroll = {\n ...state.viewport,\n scroll: {\n ...state.viewport.scroll,\n max: maxScroll\n }\n };\n return {\n ...state,\n viewport: withMaxScroll\n };\n }\n if (action.type === 'MOVE_UP' || action.type === 'MOVE_DOWN' || action.type === 'MOVE_LEFT' || action.type === 'MOVE_RIGHT') {\n if (state.phase === 'COLLECTING' || state.phase === 'DROP_PENDING') {\n return state;\n }\n !(state.phase === 'DRAGGING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, `${action.type} received while not in DRAGGING phase`) : invariant() : void 0;\n const result = moveInDirection({\n state,\n type: action.type\n });\n if (!result) {\n return state;\n }\n return update({\n state,\n impact: result.impact,\n clientSelection: result.clientSelection,\n scrollJumpRequest: result.scrollJumpRequest\n });\n }\n if (action.type === 'DROP_PENDING') {\n const reason = action.payload.reason;\n !(state.phase === 'COLLECTING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Can only move into the DROP_PENDING phase from the COLLECTING phase') : invariant() : void 0;\n const newState = {\n ...state,\n phase: 'DROP_PENDING',\n isWaiting: true,\n reason\n };\n return newState;\n }\n if (action.type === 'DROP_ANIMATE') {\n const {\n completed,\n dropDuration,\n newHomeClientOffset\n } = action.payload;\n !(state.phase === 'DRAGGING' || state.phase === 'DROP_PENDING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot animate drop from phase ${state.phase}`) : invariant() : void 0;\n const result = {\n phase: 'DROP_ANIMATING',\n completed,\n dropDuration,\n newHomeClientOffset,\n dimensions: state.dimensions\n };\n return result;\n }\n if (action.type === 'DROP_COMPLETE') {\n const {\n completed\n } = action.payload;\n return {\n phase: 'IDLE',\n completed,\n shouldFlush: false\n };\n }\n return state;\n};\n\nfunction guard(action, predicate) {\n return action instanceof Object && 'type' in action && action.type === predicate;\n}\nconst beforeInitialCapture = args => ({\n type: 'BEFORE_INITIAL_CAPTURE',\n payload: args\n});\nconst lift$1 = args => ({\n type: 'LIFT',\n payload: args\n});\nconst initialPublish = args => ({\n type: 'INITIAL_PUBLISH',\n payload: args\n});\nconst publishWhileDragging = args => ({\n type: 'PUBLISH_WHILE_DRAGGING',\n payload: args\n});\nconst collectionStarting = () => ({\n type: 'COLLECTION_STARTING',\n payload: null\n});\nconst updateDroppableScroll = args => ({\n type: 'UPDATE_DROPPABLE_SCROLL',\n payload: args\n});\nconst updateDroppableIsEnabled = args => ({\n type: 'UPDATE_DROPPABLE_IS_ENABLED',\n payload: args\n});\nconst updateDroppableIsCombineEnabled = args => ({\n type: 'UPDATE_DROPPABLE_IS_COMBINE_ENABLED',\n payload: args\n});\nconst move = args => ({\n type: 'MOVE',\n payload: args\n});\nconst moveByWindowScroll = args => ({\n type: 'MOVE_BY_WINDOW_SCROLL',\n payload: args\n});\nconst updateViewportMaxScroll = args => ({\n type: 'UPDATE_VIEWPORT_MAX_SCROLL',\n payload: args\n});\nconst moveUp = () => ({\n type: 'MOVE_UP',\n payload: null\n});\nconst moveDown = () => ({\n type: 'MOVE_DOWN',\n payload: null\n});\nconst moveRight = () => ({\n type: 'MOVE_RIGHT',\n payload: null\n});\nconst moveLeft = () => ({\n type: 'MOVE_LEFT',\n payload: null\n});\nconst flush = () => ({\n type: 'FLUSH',\n payload: null\n});\nconst animateDrop = args => ({\n type: 'DROP_ANIMATE',\n payload: args\n});\nconst completeDrop = args => ({\n type: 'DROP_COMPLETE',\n payload: args\n});\nconst drop = args => ({\n type: 'DROP',\n payload: args\n});\nconst dropPending = args => ({\n type: 'DROP_PENDING',\n payload: args\n});\nconst dropAnimationFinished = () => ({\n type: 'DROP_ANIMATION_FINISHED',\n payload: null\n});\n\nfunction checkIndexes(insideDestination) {\n if (insideDestination.length <= 1) {\n return;\n }\n const indexes = insideDestination.map(d => d.descriptor.index);\n const errors = {};\n for (let i = 1; i < indexes.length; i++) {\n const current = indexes[i];\n const previous = indexes[i - 1];\n if (current !== previous + 1) {\n errors[current] = true;\n }\n }\n if (!Object.keys(errors).length) {\n return;\n }\n const formatted = indexes.map(index => {\n const hasError = Boolean(errors[index]);\n return hasError ? `[🔥${index}]` : `${index}`;\n }).join(', ');\n process.env.NODE_ENV !== \"production\" ? warning(`\n Detected non-consecutive
indexes.\n\n (This can cause unexpected bugs)\n\n ${formatted}\n `) : void 0;\n}\nfunction validateDimensions(critical, dimensions) {\n if (process.env.NODE_ENV !== 'production') {\n const insideDestination = getDraggablesInsideDroppable(critical.droppable.id, dimensions.draggables);\n checkIndexes(insideDestination);\n }\n}\n\nvar lift = marshal => ({\n getState,\n dispatch\n}) => next => action => {\n if (!guard(action, 'LIFT')) {\n next(action);\n return;\n }\n const {\n id,\n clientSelection,\n movementMode\n } = action.payload;\n const initial = getState();\n if (initial.phase === 'DROP_ANIMATING') {\n dispatch(completeDrop({\n completed: initial.completed\n }));\n }\n !(getState().phase === 'IDLE') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Unexpected phase to start a drag') : invariant() : void 0;\n dispatch(flush());\n dispatch(beforeInitialCapture({\n draggableId: id,\n movementMode\n }));\n const scrollOptions = {\n shouldPublishImmediately: movementMode === 'SNAP'\n };\n const request = {\n draggableId: id,\n scrollOptions\n };\n const {\n critical,\n dimensions,\n viewport\n } = marshal.startPublishing(request);\n validateDimensions(critical, dimensions);\n dispatch(initialPublish({\n critical,\n dimensions,\n clientSelection,\n movementMode,\n viewport\n }));\n};\n\nvar style = marshal => () => next => action => {\n if (guard(action, 'INITIAL_PUBLISH')) {\n marshal.dragging();\n }\n if (guard(action, 'DROP_ANIMATE')) {\n marshal.dropping(action.payload.completed.result.reason);\n }\n if (guard(action, 'FLUSH') || guard(action, 'DROP_COMPLETE')) {\n marshal.resting();\n }\n next(action);\n};\n\nconst curves = {\n outOfTheWay: 'cubic-bezier(0.2, 0, 0, 1)',\n drop: 'cubic-bezier(.2,1,.1,1)'\n};\nconst combine = {\n opacity: {\n drop: 0,\n combining: 0.7\n },\n scale: {\n drop: 0.75\n }\n};\nconst timings = {\n outOfTheWay: 0.2,\n minDropTime: 0.33,\n maxDropTime: 0.55\n};\nconst outOfTheWayTiming = `${timings.outOfTheWay}s ${curves.outOfTheWay}`;\nconst transitions = {\n fluid: `opacity ${outOfTheWayTiming}`,\n snap: `transform ${outOfTheWayTiming}, opacity ${outOfTheWayTiming}`,\n drop: duration => {\n const timing = `${duration}s ${curves.drop}`;\n return `transform ${timing}, opacity ${timing}`;\n },\n outOfTheWay: `transform ${outOfTheWayTiming}`,\n placeholder: `height ${outOfTheWayTiming}, width ${outOfTheWayTiming}, margin ${outOfTheWayTiming}`\n};\nconst moveTo = offset => isEqual$1(offset, origin) ? undefined : `translate(${offset.x}px, ${offset.y}px)`;\nconst transforms = {\n moveTo,\n drop: (offset, isCombining) => {\n const translate = moveTo(offset);\n if (!translate) {\n return undefined;\n }\n if (!isCombining) {\n return translate;\n }\n return `${translate} scale(${combine.scale.drop})`;\n }\n};\n\nconst {\n minDropTime,\n maxDropTime\n} = timings;\nconst dropTimeRange = maxDropTime - minDropTime;\nconst maxDropTimeAtDistance = 1500;\nconst cancelDropModifier = 0.6;\nvar getDropDuration = ({\n current,\n destination,\n reason\n}) => {\n const distance$1 = distance(current, destination);\n if (distance$1 <= 0) {\n return minDropTime;\n }\n if (distance$1 >= maxDropTimeAtDistance) {\n return maxDropTime;\n }\n const percentage = distance$1 / maxDropTimeAtDistance;\n const duration = minDropTime + dropTimeRange * percentage;\n const withDuration = reason === 'CANCEL' ? duration * cancelDropModifier : duration;\n return Number(withDuration.toFixed(2));\n};\n\nvar getNewHomeClientOffset = ({\n impact,\n draggable,\n dimensions,\n viewport,\n afterCritical\n}) => {\n const {\n draggables,\n droppables\n } = dimensions;\n const droppableId = whatIsDraggedOver(impact);\n const destination = droppableId ? droppables[droppableId] : null;\n const home = droppables[draggable.descriptor.droppableId];\n const newClientCenter = getClientBorderBoxCenter({\n impact,\n draggable,\n draggables,\n afterCritical,\n droppable: destination || home,\n viewport\n });\n const offset = subtract(newClientCenter, draggable.client.borderBox.center);\n return offset;\n};\n\nvar getDropImpact = ({\n draggables,\n reason,\n lastImpact,\n home,\n viewport,\n onLiftImpact\n}) => {\n if (!lastImpact.at || reason !== 'DROP') {\n const recomputedHomeImpact = recompute({\n draggables,\n impact: onLiftImpact,\n destination: home,\n viewport,\n forceShouldAnimate: true\n });\n return {\n impact: recomputedHomeImpact,\n didDropInsideDroppable: false\n };\n }\n if (lastImpact.at.type === 'REORDER') {\n return {\n impact: lastImpact,\n didDropInsideDroppable: true\n };\n }\n const withoutMovement = {\n ...lastImpact,\n displaced: emptyGroups\n };\n return {\n impact: withoutMovement,\n didDropInsideDroppable: true\n };\n};\n\nconst dropMiddleware = ({\n getState,\n dispatch\n}) => next => action => {\n if (!guard(action, 'DROP')) {\n next(action);\n return;\n }\n const state = getState();\n const reason = action.payload.reason;\n if (state.phase === 'COLLECTING') {\n dispatch(dropPending({\n reason\n }));\n return;\n }\n if (state.phase === 'IDLE') {\n return;\n }\n const isWaitingForDrop = state.phase === 'DROP_PENDING' && state.isWaiting;\n !!isWaitingForDrop ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'A DROP action occurred while DROP_PENDING and still waiting') : invariant() : void 0;\n !(state.phase === 'DRAGGING' || state.phase === 'DROP_PENDING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot drop in phase: ${state.phase}`) : invariant() : void 0;\n const critical = state.critical;\n const dimensions = state.dimensions;\n const draggable = dimensions.draggables[state.critical.draggable.id];\n const {\n impact,\n didDropInsideDroppable\n } = getDropImpact({\n reason,\n lastImpact: state.impact,\n afterCritical: state.afterCritical,\n onLiftImpact: state.onLiftImpact,\n home: state.dimensions.droppables[state.critical.droppable.id],\n viewport: state.viewport,\n draggables: state.dimensions.draggables\n });\n const destination = didDropInsideDroppable ? tryGetDestination(impact) : null;\n const combine = didDropInsideDroppable ? tryGetCombine(impact) : null;\n const source = {\n index: critical.draggable.index,\n droppableId: critical.droppable.id\n };\n const result = {\n draggableId: draggable.descriptor.id,\n type: draggable.descriptor.type,\n source,\n reason,\n mode: state.movementMode,\n destination,\n combine\n };\n const newHomeClientOffset = getNewHomeClientOffset({\n impact,\n draggable,\n dimensions,\n viewport: state.viewport,\n afterCritical: state.afterCritical\n });\n const completed = {\n critical: state.critical,\n afterCritical: state.afterCritical,\n result,\n impact\n };\n const isAnimationRequired = !isEqual$1(state.current.client.offset, newHomeClientOffset) || Boolean(result.combine);\n if (!isAnimationRequired) {\n dispatch(completeDrop({\n completed\n }));\n return;\n }\n const dropDuration = getDropDuration({\n current: state.current.client.offset,\n destination: newHomeClientOffset,\n reason\n });\n const args = {\n newHomeClientOffset,\n dropDuration,\n completed\n };\n dispatch(animateDrop(args));\n};\n\nvar getWindowScroll = () => ({\n x: window.pageXOffset,\n y: window.pageYOffset\n});\n\nfunction getWindowScrollBinding(update) {\n return {\n eventName: 'scroll',\n options: {\n passive: true,\n capture: false\n },\n fn: event => {\n if (event.target !== window && event.target !== window.document) {\n return;\n }\n update();\n }\n };\n}\nfunction getScrollListener({\n onWindowScroll\n}) {\n function updateScroll() {\n onWindowScroll(getWindowScroll());\n }\n const scheduled = rafSchd(updateScroll);\n const binding = getWindowScrollBinding(scheduled);\n let unbind = noop$2;\n function isActive() {\n return unbind !== noop$2;\n }\n function start() {\n !!isActive() ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot start scroll listener when already active') : invariant() : void 0;\n unbind = bindEvents(window, [binding]);\n }\n function stop() {\n !isActive() ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot stop scroll listener when not active') : invariant() : void 0;\n scheduled.cancel();\n unbind();\n unbind = noop$2;\n }\n return {\n start,\n stop,\n isActive\n };\n}\n\nconst shouldStop$1 = action => guard(action, 'DROP_COMPLETE') || guard(action, 'DROP_ANIMATE') || guard(action, 'FLUSH');\nconst scrollListener = store => {\n const listener = getScrollListener({\n onWindowScroll: newScroll => {\n store.dispatch(moveByWindowScroll({\n newScroll\n }));\n }\n });\n return next => action => {\n if (!listener.isActive() && guard(action, 'INITIAL_PUBLISH')) {\n listener.start();\n }\n if (listener.isActive() && shouldStop$1(action)) {\n listener.stop();\n }\n next(action);\n };\n};\n\nvar getExpiringAnnounce = announce => {\n let wasCalled = false;\n let isExpired = false;\n const timeoutId = setTimeout(() => {\n isExpired = true;\n });\n const result = message => {\n if (wasCalled) {\n process.env.NODE_ENV !== \"production\" ? warning('Announcement already made. Not making a second announcement') : void 0;\n return;\n }\n if (isExpired) {\n process.env.NODE_ENV !== \"production\" ? warning(`\n Announcements cannot be made asynchronously.\n Default message has already been announced.\n `) : void 0;\n return;\n }\n wasCalled = true;\n announce(message);\n clearTimeout(timeoutId);\n };\n result.wasCalled = () => wasCalled;\n return result;\n};\n\nvar getAsyncMarshal = () => {\n const entries = [];\n const execute = timerId => {\n const index = entries.findIndex(item => item.timerId === timerId);\n !(index !== -1) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Could not find timer') : invariant() : void 0;\n const [entry] = entries.splice(index, 1);\n entry.callback();\n };\n const add = fn => {\n const timerId = setTimeout(() => execute(timerId));\n const entry = {\n timerId,\n callback: fn\n };\n entries.push(entry);\n };\n const flush = () => {\n if (!entries.length) {\n return;\n }\n const shallow = [...entries];\n entries.length = 0;\n shallow.forEach(entry => {\n clearTimeout(entry.timerId);\n entry.callback();\n });\n };\n return {\n add,\n flush\n };\n};\n\nconst areLocationsEqual = (first, second) => {\n if (first == null && second == null) {\n return true;\n }\n if (first == null || second == null) {\n return false;\n }\n return first.droppableId === second.droppableId && first.index === second.index;\n};\nconst isCombineEqual = (first, second) => {\n if (first == null && second == null) {\n return true;\n }\n if (first == null || second == null) {\n return false;\n }\n return first.draggableId === second.draggableId && first.droppableId === second.droppableId;\n};\nconst isCriticalEqual = (first, second) => {\n if (first === second) {\n return true;\n }\n const isDraggableEqual = first.draggable.id === second.draggable.id && first.draggable.droppableId === second.draggable.droppableId && first.draggable.type === second.draggable.type && first.draggable.index === second.draggable.index;\n const isDroppableEqual = first.droppable.id === second.droppable.id && first.droppable.type === second.droppable.type;\n return isDraggableEqual && isDroppableEqual;\n};\n\nconst withTimings = (key, fn) => {\n start();\n fn();\n finish();\n};\nconst getDragStart = (critical, mode) => ({\n draggableId: critical.draggable.id,\n type: critical.droppable.type,\n source: {\n droppableId: critical.droppable.id,\n index: critical.draggable.index\n },\n mode\n});\nfunction execute(responder, data, announce, getDefaultMessage) {\n if (!responder) {\n announce(getDefaultMessage(data));\n return;\n }\n const willExpire = getExpiringAnnounce(announce);\n const provided = {\n announce: willExpire\n };\n responder(data, provided);\n if (!willExpire.wasCalled()) {\n announce(getDefaultMessage(data));\n }\n}\nvar getPublisher = (getResponders, announce) => {\n const asyncMarshal = getAsyncMarshal();\n let dragging = null;\n const beforeCapture = (draggableId, mode) => {\n !!dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot fire onBeforeCapture as a drag start has already been published') : invariant() : void 0;\n withTimings('onBeforeCapture', () => {\n const fn = getResponders().onBeforeCapture;\n if (fn) {\n const before = {\n draggableId,\n mode\n };\n fn(before);\n }\n });\n };\n const beforeStart = (critical, mode) => {\n !!dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot fire onBeforeDragStart as a drag start has already been published') : invariant() : void 0;\n withTimings('onBeforeDragStart', () => {\n const fn = getResponders().onBeforeDragStart;\n if (fn) {\n fn(getDragStart(critical, mode));\n }\n });\n };\n const start = (critical, mode) => {\n !!dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot fire onBeforeDragStart as a drag start has already been published') : invariant() : void 0;\n const data = getDragStart(critical, mode);\n dragging = {\n mode,\n lastCritical: critical,\n lastLocation: data.source,\n lastCombine: null\n };\n asyncMarshal.add(() => {\n withTimings('onDragStart', () => execute(getResponders().onDragStart, data, announce, preset.onDragStart));\n });\n };\n const update = (critical, impact) => {\n const location = tryGetDestination(impact);\n const combine = tryGetCombine(impact);\n !dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot fire onDragMove when onDragStart has not been called') : invariant() : void 0;\n const hasCriticalChanged = !isCriticalEqual(critical, dragging.lastCritical);\n if (hasCriticalChanged) {\n dragging.lastCritical = critical;\n }\n const hasLocationChanged = !areLocationsEqual(dragging.lastLocation, location);\n if (hasLocationChanged) {\n dragging.lastLocation = location;\n }\n const hasGroupingChanged = !isCombineEqual(dragging.lastCombine, combine);\n if (hasGroupingChanged) {\n dragging.lastCombine = combine;\n }\n if (!hasCriticalChanged && !hasLocationChanged && !hasGroupingChanged) {\n return;\n }\n const data = {\n ...getDragStart(critical, dragging.mode),\n combine,\n destination: location\n };\n asyncMarshal.add(() => {\n withTimings('onDragUpdate', () => execute(getResponders().onDragUpdate, data, announce, preset.onDragUpdate));\n });\n };\n const flush = () => {\n !dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Can only flush responders while dragging') : invariant() : void 0;\n asyncMarshal.flush();\n };\n const drop = result => {\n !dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot fire onDragEnd when there is no matching onDragStart') : invariant() : void 0;\n dragging = null;\n withTimings('onDragEnd', () => execute(getResponders().onDragEnd, result, announce, preset.onDragEnd));\n };\n const abort = () => {\n if (!dragging) {\n return;\n }\n const result = {\n ...getDragStart(dragging.lastCritical, dragging.mode),\n combine: null,\n destination: null,\n reason: 'CANCEL'\n };\n drop(result);\n };\n return {\n beforeCapture,\n beforeStart,\n start,\n update,\n flush,\n drop,\n abort\n };\n};\n\nvar responders = (getResponders, announce) => {\n const publisher = getPublisher(getResponders, announce);\n return store => next => action => {\n if (guard(action, 'BEFORE_INITIAL_CAPTURE')) {\n publisher.beforeCapture(action.payload.draggableId, action.payload.movementMode);\n return;\n }\n if (guard(action, 'INITIAL_PUBLISH')) {\n const critical = action.payload.critical;\n publisher.beforeStart(critical, action.payload.movementMode);\n next(action);\n publisher.start(critical, action.payload.movementMode);\n return;\n }\n if (guard(action, 'DROP_COMPLETE')) {\n const result = action.payload.completed.result;\n publisher.flush();\n next(action);\n publisher.drop(result);\n return;\n }\n next(action);\n if (guard(action, 'FLUSH')) {\n publisher.abort();\n return;\n }\n const state = store.getState();\n if (state.phase === 'DRAGGING') {\n publisher.update(state.critical, state.impact);\n }\n };\n};\n\nconst dropAnimationFinishMiddleware = store => next => action => {\n if (!guard(action, 'DROP_ANIMATION_FINISHED')) {\n next(action);\n return;\n }\n const state = store.getState();\n !(state.phase === 'DROP_ANIMATING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot finish a drop animating when no drop is occurring') : invariant() : void 0;\n store.dispatch(completeDrop({\n completed: state.completed\n }));\n};\n\nconst dropAnimationFlushOnScrollMiddleware = store => {\n let unbind = null;\n let frameId = null;\n function clear() {\n if (frameId) {\n cancelAnimationFrame(frameId);\n frameId = null;\n }\n if (unbind) {\n unbind();\n unbind = null;\n }\n }\n return next => action => {\n if (guard(action, 'FLUSH') || guard(action, 'DROP_COMPLETE') || guard(action, 'DROP_ANIMATION_FINISHED')) {\n clear();\n }\n next(action);\n if (!guard(action, 'DROP_ANIMATE')) {\n return;\n }\n const binding = {\n eventName: 'scroll',\n options: {\n capture: true,\n passive: false,\n once: true\n },\n fn: function flushDropAnimation() {\n const state = store.getState();\n if (state.phase === 'DROP_ANIMATING') {\n store.dispatch(dropAnimationFinished());\n }\n }\n };\n frameId = requestAnimationFrame(() => {\n frameId = null;\n unbind = bindEvents(window, [binding]);\n });\n };\n};\n\nvar dimensionMarshalStopper = marshal => () => next => action => {\n if (guard(action, 'DROP_COMPLETE') || guard(action, 'FLUSH') || guard(action, 'DROP_ANIMATE')) {\n marshal.stopPublishing();\n }\n next(action);\n};\n\nvar focus = marshal => {\n let isWatching = false;\n return () => next => action => {\n if (guard(action, 'INITIAL_PUBLISH')) {\n isWatching = true;\n marshal.tryRecordFocus(action.payload.critical.draggable.id);\n next(action);\n marshal.tryRestoreFocusRecorded();\n return;\n }\n next(action);\n if (!isWatching) {\n return;\n }\n if (guard(action, 'FLUSH')) {\n isWatching = false;\n marshal.tryRestoreFocusRecorded();\n return;\n }\n if (guard(action, 'DROP_COMPLETE')) {\n isWatching = false;\n const result = action.payload.completed.result;\n if (result.combine) {\n marshal.tryShiftRecord(result.draggableId, result.combine.draggableId);\n }\n marshal.tryRestoreFocusRecorded();\n }\n };\n};\n\nconst shouldStop = action => guard(action, 'DROP_COMPLETE') || guard(action, 'DROP_ANIMATE') || guard(action, 'FLUSH');\nvar autoScroll = autoScroller => store => next => action => {\n if (shouldStop(action)) {\n autoScroller.stop();\n next(action);\n return;\n }\n if (guard(action, 'INITIAL_PUBLISH')) {\n next(action);\n const state = store.getState();\n !(state.phase === 'DRAGGING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Expected phase to be DRAGGING after INITIAL_PUBLISH') : invariant() : void 0;\n autoScroller.start(state);\n return;\n }\n next(action);\n autoScroller.scroll(store.getState());\n};\n\nconst pendingDrop = store => next => action => {\n next(action);\n if (!guard(action, 'PUBLISH_WHILE_DRAGGING')) {\n return;\n }\n const postActionState = store.getState();\n if (postActionState.phase !== 'DROP_PENDING') {\n return;\n }\n if (postActionState.isWaiting) {\n return;\n }\n store.dispatch(drop({\n reason: postActionState.reason\n }));\n};\n\nconst composeEnhancers = process.env.NODE_ENV !== 'production' && typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({\n name: '@hello-pangea/dnd'\n}) : compose;\nvar createStore = ({\n dimensionMarshal,\n focusMarshal,\n styleMarshal,\n getResponders,\n announce,\n autoScroller\n}) => createStore$1(reducer, composeEnhancers(applyMiddleware(style(styleMarshal), dimensionMarshalStopper(dimensionMarshal), lift(dimensionMarshal), dropMiddleware, dropAnimationFinishMiddleware, dropAnimationFlushOnScrollMiddleware, pendingDrop, autoScroll(autoScroller), scrollListener, focus(focusMarshal), responders(getResponders, announce))));\n\nconst clean$1 = () => ({\n additions: {},\n removals: {},\n modified: {}\n});\nfunction createPublisher({\n registry,\n callbacks\n}) {\n let staging = clean$1();\n let frameId = null;\n const collect = () => {\n if (frameId) {\n return;\n }\n callbacks.collectionStarting();\n frameId = requestAnimationFrame(() => {\n frameId = null;\n start();\n const {\n additions,\n removals,\n modified\n } = staging;\n const added = Object.keys(additions).map(id => registry.draggable.getById(id).getDimension(origin)).sort((a, b) => a.descriptor.index - b.descriptor.index);\n const updated = Object.keys(modified).map(id => {\n const entry = registry.droppable.getById(id);\n const scroll = entry.callbacks.getScrollWhileDragging();\n return {\n droppableId: id,\n scroll\n };\n });\n const result = {\n additions: added,\n removals: Object.keys(removals),\n modified: updated\n };\n staging = clean$1();\n finish();\n callbacks.publish(result);\n });\n };\n const add = entry => {\n const id = entry.descriptor.id;\n staging.additions[id] = entry;\n staging.modified[entry.descriptor.droppableId] = true;\n if (staging.removals[id]) {\n delete staging.removals[id];\n }\n collect();\n };\n const remove = entry => {\n const descriptor = entry.descriptor;\n staging.removals[descriptor.id] = true;\n staging.modified[descriptor.droppableId] = true;\n if (staging.additions[descriptor.id]) {\n delete staging.additions[descriptor.id];\n }\n collect();\n };\n const stop = () => {\n if (!frameId) {\n return;\n }\n cancelAnimationFrame(frameId);\n frameId = null;\n staging = clean$1();\n };\n return {\n add,\n remove,\n stop\n };\n}\n\nvar getMaxScroll = ({\n scrollHeight,\n scrollWidth,\n height,\n width\n}) => {\n const maxScroll = subtract({\n x: scrollWidth,\n y: scrollHeight\n }, {\n x: width,\n y: height\n });\n const adjustedMaxScroll = {\n x: Math.max(0, maxScroll.x),\n y: Math.max(0, maxScroll.y)\n };\n return adjustedMaxScroll;\n};\n\nvar getDocumentElement = () => {\n const doc = document.documentElement;\n !doc ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot find document.documentElement') : invariant() : void 0;\n return doc;\n};\n\nvar getMaxWindowScroll = () => {\n const doc = getDocumentElement();\n const maxScroll = getMaxScroll({\n scrollHeight: doc.scrollHeight,\n scrollWidth: doc.scrollWidth,\n width: doc.clientWidth,\n height: doc.clientHeight\n });\n return maxScroll;\n};\n\nvar getViewport = () => {\n const scroll = getWindowScroll();\n const maxScroll = getMaxWindowScroll();\n const top = scroll.y;\n const left = scroll.x;\n const doc = getDocumentElement();\n const width = doc.clientWidth;\n const height = doc.clientHeight;\n const right = left + width;\n const bottom = top + height;\n const frame = getRect({\n top,\n left,\n right,\n bottom\n });\n const viewport = {\n frame,\n scroll: {\n initial: scroll,\n current: scroll,\n max: maxScroll,\n diff: {\n value: origin,\n displacement: origin\n }\n }\n };\n return viewport;\n};\n\nvar getInitialPublish = ({\n critical,\n scrollOptions,\n registry\n}) => {\n start();\n const viewport = getViewport();\n const windowScroll = viewport.scroll.current;\n const home = critical.droppable;\n const droppables = registry.droppable.getAllByType(home.type).map(entry => entry.callbacks.getDimensionAndWatchScroll(windowScroll, scrollOptions));\n const draggables = registry.draggable.getAllByType(critical.draggable.type).map(entry => entry.getDimension(windowScroll));\n const dimensions = {\n draggables: toDraggableMap(draggables),\n droppables: toDroppableMap(droppables)\n };\n finish();\n const result = {\n dimensions,\n critical,\n viewport\n };\n return result;\n};\n\nfunction shouldPublishUpdate(registry, dragging, entry) {\n if (entry.descriptor.id === dragging.id) {\n return false;\n }\n if (entry.descriptor.type !== dragging.type) {\n return false;\n }\n const home = registry.droppable.getById(entry.descriptor.droppableId);\n if (home.descriptor.mode !== 'virtual') {\n process.env.NODE_ENV !== \"production\" ? warning(`\n You are attempting to add or remove a Draggable [id: ${entry.descriptor.id}]\n while a drag is occurring. This is only supported for virtual lists.\n\n See https://github.com/hello-pangea/dnd/blob/main/docs/patterns/virtual-lists.md\n `) : void 0;\n return false;\n }\n return true;\n}\nvar createDimensionMarshal = (registry, callbacks) => {\n let collection = null;\n const publisher = createPublisher({\n callbacks: {\n publish: callbacks.publishWhileDragging,\n collectionStarting: callbacks.collectionStarting\n },\n registry\n });\n const updateDroppableIsEnabled = (id, isEnabled) => {\n !registry.droppable.exists(id) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot update is enabled flag of Droppable ${id} as it is not registered`) : invariant() : void 0;\n if (!collection) {\n return;\n }\n callbacks.updateDroppableIsEnabled({\n id,\n isEnabled\n });\n };\n const updateDroppableIsCombineEnabled = (id, isCombineEnabled) => {\n if (!collection) {\n return;\n }\n !registry.droppable.exists(id) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot update isCombineEnabled flag of Droppable ${id} as it is not registered`) : invariant() : void 0;\n callbacks.updateDroppableIsCombineEnabled({\n id,\n isCombineEnabled\n });\n };\n const updateDroppableScroll = (id, newScroll) => {\n if (!collection) {\n return;\n }\n !registry.droppable.exists(id) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot update the scroll on Droppable ${id} as it is not registered`) : invariant() : void 0;\n callbacks.updateDroppableScroll({\n id,\n newScroll\n });\n };\n const scrollDroppable = (id, change) => {\n if (!collection) {\n return;\n }\n registry.droppable.getById(id).callbacks.scroll(change);\n };\n const stopPublishing = () => {\n if (!collection) {\n return;\n }\n publisher.stop();\n const home = collection.critical.droppable;\n registry.droppable.getAllByType(home.type).forEach(entry => entry.callbacks.dragStopped());\n collection.unsubscribe();\n collection = null;\n };\n const subscriber = event => {\n !collection ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Should only be subscribed when a collection is occurring') : invariant() : void 0;\n const dragging = collection.critical.draggable;\n if (event.type === 'ADDITION') {\n if (shouldPublishUpdate(registry, dragging, event.value)) {\n publisher.add(event.value);\n }\n }\n if (event.type === 'REMOVAL') {\n if (shouldPublishUpdate(registry, dragging, event.value)) {\n publisher.remove(event.value);\n }\n }\n };\n const startPublishing = request => {\n !!collection ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot start capturing critical dimensions as there is already a collection') : invariant() : void 0;\n const entry = registry.draggable.getById(request.draggableId);\n const home = registry.droppable.getById(entry.descriptor.droppableId);\n const critical = {\n draggable: entry.descriptor,\n droppable: home.descriptor\n };\n const unsubscribe = registry.subscribe(subscriber);\n collection = {\n critical,\n unsubscribe\n };\n return getInitialPublish({\n critical,\n registry,\n scrollOptions: request.scrollOptions\n });\n };\n const marshal = {\n updateDroppableIsEnabled,\n updateDroppableIsCombineEnabled,\n scrollDroppable,\n updateDroppableScroll,\n startPublishing,\n stopPublishing\n };\n return marshal;\n};\n\nvar canStartDrag = (state, id) => {\n if (state.phase === 'IDLE') {\n return true;\n }\n if (state.phase !== 'DROP_ANIMATING') {\n return false;\n }\n if (state.completed.result.draggableId === id) {\n return false;\n }\n return state.completed.result.reason === 'DROP';\n};\n\nvar scrollWindow = change => {\n window.scrollBy(change.x, change.y);\n};\n\nconst getScrollableDroppables = memoizeOne(droppables => toDroppableList(droppables).filter(droppable => {\n if (!droppable.isEnabled) {\n return false;\n }\n if (!droppable.frame) {\n return false;\n }\n return true;\n}));\nconst getScrollableDroppableOver = (target, droppables) => {\n const maybe = getScrollableDroppables(droppables).find(droppable => {\n !droppable.frame ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Invalid result') : invariant() : void 0;\n return isPositionInFrame(droppable.frame.pageMarginBox)(target);\n }) || null;\n return maybe;\n};\nvar getBestScrollableDroppable = ({\n center,\n destination,\n droppables\n}) => {\n if (destination) {\n const dimension = droppables[destination];\n if (!dimension.frame) {\n return null;\n }\n return dimension;\n }\n const dimension = getScrollableDroppableOver(center, droppables);\n return dimension;\n};\n\nconst defaultAutoScrollerOptions = {\n startFromPercentage: 0.25,\n maxScrollAtPercentage: 0.05,\n maxPixelScroll: 28,\n ease: percentage => percentage ** 2,\n durationDampening: {\n stopDampeningAt: 1200,\n accelerateAt: 360\n },\n disabled: false\n};\n\nvar getDistanceThresholds = (container, axis, getAutoScrollerOptions = () => defaultAutoScrollerOptions) => {\n const autoScrollerOptions = getAutoScrollerOptions();\n const startScrollingFrom = container[axis.size] * autoScrollerOptions.startFromPercentage;\n const maxScrollValueAt = container[axis.size] * autoScrollerOptions.maxScrollAtPercentage;\n const thresholds = {\n startScrollingFrom,\n maxScrollValueAt\n };\n return thresholds;\n};\n\nvar getPercentage = ({\n startOfRange,\n endOfRange,\n current\n}) => {\n const range = endOfRange - startOfRange;\n if (range === 0) {\n process.env.NODE_ENV !== \"production\" ? warning(`\n Detected distance range of 0 in the fluid auto scroller\n This is unexpected and would cause a divide by 0 issue.\n Not allowing an auto scroll\n `) : void 0;\n return 0;\n }\n const currentInRange = current - startOfRange;\n const percentage = currentInRange / range;\n return percentage;\n};\n\nvar minScroll = 1;\n\nvar getValueFromDistance = (distanceToEdge, thresholds, getAutoScrollerOptions = () => defaultAutoScrollerOptions) => {\n const autoScrollerOptions = getAutoScrollerOptions();\n if (distanceToEdge > thresholds.startScrollingFrom) {\n return 0;\n }\n if (distanceToEdge <= thresholds.maxScrollValueAt) {\n return autoScrollerOptions.maxPixelScroll;\n }\n if (distanceToEdge === thresholds.startScrollingFrom) {\n return minScroll;\n }\n const percentageFromMaxScrollValueAt = getPercentage({\n startOfRange: thresholds.maxScrollValueAt,\n endOfRange: thresholds.startScrollingFrom,\n current: distanceToEdge\n });\n const percentageFromStartScrollingFrom = 1 - percentageFromMaxScrollValueAt;\n const scroll = autoScrollerOptions.maxPixelScroll * autoScrollerOptions.ease(percentageFromStartScrollingFrom);\n return Math.ceil(scroll);\n};\n\nvar dampenValueByTime = (proposedScroll, dragStartTime, getAutoScrollerOptions) => {\n const autoScrollerOptions = getAutoScrollerOptions();\n const accelerateAt = autoScrollerOptions.durationDampening.accelerateAt;\n const stopAt = autoScrollerOptions.durationDampening.stopDampeningAt;\n const startOfRange = dragStartTime;\n const endOfRange = stopAt;\n const now = Date.now();\n const runTime = now - startOfRange;\n if (runTime >= stopAt) {\n return proposedScroll;\n }\n if (runTime < accelerateAt) {\n return minScroll;\n }\n const betweenAccelerateAtAndStopAtPercentage = getPercentage({\n startOfRange: accelerateAt,\n endOfRange,\n current: runTime\n });\n const scroll = proposedScroll * autoScrollerOptions.ease(betweenAccelerateAtAndStopAtPercentage);\n return Math.ceil(scroll);\n};\n\nvar getValue = ({\n distanceToEdge,\n thresholds,\n dragStartTime,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n}) => {\n const scroll = getValueFromDistance(distanceToEdge, thresholds, getAutoScrollerOptions);\n if (scroll === 0) {\n return 0;\n }\n if (!shouldUseTimeDampening) {\n return scroll;\n }\n return Math.max(dampenValueByTime(scroll, dragStartTime, getAutoScrollerOptions), minScroll);\n};\n\nvar getScrollOnAxis = ({\n container,\n distanceToEdges,\n dragStartTime,\n axis,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n}) => {\n const thresholds = getDistanceThresholds(container, axis, getAutoScrollerOptions);\n const isCloserToEnd = distanceToEdges[axis.end] < distanceToEdges[axis.start];\n if (isCloserToEnd) {\n return getValue({\n distanceToEdge: distanceToEdges[axis.end],\n thresholds,\n dragStartTime,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n }\n return -1 * getValue({\n distanceToEdge: distanceToEdges[axis.start],\n thresholds,\n dragStartTime,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n};\n\nvar adjustForSizeLimits = ({\n container,\n subject,\n proposedScroll\n}) => {\n const isTooBigVertically = subject.height > container.height;\n const isTooBigHorizontally = subject.width > container.width;\n if (!isTooBigHorizontally && !isTooBigVertically) {\n return proposedScroll;\n }\n if (isTooBigHorizontally && isTooBigVertically) {\n return null;\n }\n return {\n x: isTooBigHorizontally ? 0 : proposedScroll.x,\n y: isTooBigVertically ? 0 : proposedScroll.y\n };\n};\n\nconst clean = apply(value => value === 0 ? 0 : value);\nvar getScroll$1 = ({\n dragStartTime,\n container,\n subject,\n center,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n}) => {\n const distanceToEdges = {\n top: center.y - container.top,\n right: container.right - center.x,\n bottom: container.bottom - center.y,\n left: center.x - container.left\n };\n const y = getScrollOnAxis({\n container,\n distanceToEdges,\n dragStartTime,\n axis: vertical,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n const x = getScrollOnAxis({\n container,\n distanceToEdges,\n dragStartTime,\n axis: horizontal,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n const required = clean({\n x,\n y\n });\n if (isEqual$1(required, origin)) {\n return null;\n }\n const limited = adjustForSizeLimits({\n container,\n subject,\n proposedScroll: required\n });\n if (!limited) {\n return null;\n }\n return isEqual$1(limited, origin) ? null : limited;\n};\n\nconst smallestSigned = apply(value => {\n if (value === 0) {\n return 0;\n }\n return value > 0 ? 1 : -1;\n});\nconst getOverlap = (() => {\n const getRemainder = (target, max) => {\n if (target < 0) {\n return target;\n }\n if (target > max) {\n return target - max;\n }\n return 0;\n };\n return ({\n current,\n max,\n change\n }) => {\n const targetScroll = add(current, change);\n const overlap = {\n x: getRemainder(targetScroll.x, max.x),\n y: getRemainder(targetScroll.y, max.y)\n };\n if (isEqual$1(overlap, origin)) {\n return null;\n }\n return overlap;\n };\n})();\nconst canPartiallyScroll = ({\n max: rawMax,\n current,\n change\n}) => {\n const max = {\n x: Math.max(current.x, rawMax.x),\n y: Math.max(current.y, rawMax.y)\n };\n const smallestChange = smallestSigned(change);\n const overlap = getOverlap({\n max,\n current,\n change: smallestChange\n });\n if (!overlap) {\n return true;\n }\n if (smallestChange.x !== 0 && overlap.x === 0) {\n return true;\n }\n if (smallestChange.y !== 0 && overlap.y === 0) {\n return true;\n }\n return false;\n};\nconst canScrollWindow = (viewport, change) => canPartiallyScroll({\n current: viewport.scroll.current,\n max: viewport.scroll.max,\n change\n});\nconst getWindowOverlap = (viewport, change) => {\n if (!canScrollWindow(viewport, change)) {\n return null;\n }\n const max = viewport.scroll.max;\n const current = viewport.scroll.current;\n return getOverlap({\n current,\n max,\n change\n });\n};\nconst canScrollDroppable = (droppable, change) => {\n const frame = droppable.frame;\n if (!frame) {\n return false;\n }\n return canPartiallyScroll({\n current: frame.scroll.current,\n max: frame.scroll.max,\n change\n });\n};\nconst getDroppableOverlap = (droppable, change) => {\n const frame = droppable.frame;\n if (!frame) {\n return null;\n }\n if (!canScrollDroppable(droppable, change)) {\n return null;\n }\n return getOverlap({\n current: frame.scroll.current,\n max: frame.scroll.max,\n change\n });\n};\n\nvar getWindowScrollChange = ({\n viewport,\n subject,\n center,\n dragStartTime,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n}) => {\n const scroll = getScroll$1({\n dragStartTime,\n container: viewport.frame,\n subject,\n center,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n return scroll && canScrollWindow(viewport, scroll) ? scroll : null;\n};\n\nvar getDroppableScrollChange = ({\n droppable,\n subject,\n center,\n dragStartTime,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n}) => {\n const frame = droppable.frame;\n if (!frame) {\n return null;\n }\n const scroll = getScroll$1({\n dragStartTime,\n container: frame.pageMarginBox,\n subject,\n center,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n return scroll && canScrollDroppable(droppable, scroll) ? scroll : null;\n};\n\nvar scroll = ({\n state,\n dragStartTime,\n shouldUseTimeDampening,\n scrollWindow,\n scrollDroppable,\n getAutoScrollerOptions\n}) => {\n const center = state.current.page.borderBoxCenter;\n const draggable = state.dimensions.draggables[state.critical.draggable.id];\n const subject = draggable.page.marginBox;\n if (state.isWindowScrollAllowed) {\n const viewport = state.viewport;\n const change = getWindowScrollChange({\n dragStartTime,\n viewport,\n subject,\n center,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n if (change) {\n scrollWindow(change);\n return;\n }\n }\n const droppable = getBestScrollableDroppable({\n center,\n destination: whatIsDraggedOver(state.impact),\n droppables: state.dimensions.droppables\n });\n if (!droppable) {\n return;\n }\n const change = getDroppableScrollChange({\n dragStartTime,\n droppable,\n subject,\n center,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n if (change) {\n scrollDroppable(droppable.descriptor.id, change);\n }\n};\n\nvar createFluidScroller = ({\n scrollWindow,\n scrollDroppable,\n getAutoScrollerOptions = () => defaultAutoScrollerOptions\n}) => {\n const scheduleWindowScroll = rafSchd(scrollWindow);\n const scheduleDroppableScroll = rafSchd(scrollDroppable);\n let dragging = null;\n const tryScroll = state => {\n !dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot fluid scroll if not dragging') : invariant() : void 0;\n const {\n shouldUseTimeDampening,\n dragStartTime\n } = dragging;\n scroll({\n state,\n scrollWindow: scheduleWindowScroll,\n scrollDroppable: scheduleDroppableScroll,\n dragStartTime,\n shouldUseTimeDampening,\n getAutoScrollerOptions\n });\n };\n const start$1 = state => {\n start();\n !!dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot start auto scrolling when already started') : invariant() : void 0;\n const dragStartTime = Date.now();\n let wasScrollNeeded = false;\n const fakeScrollCallback = () => {\n wasScrollNeeded = true;\n };\n scroll({\n state,\n dragStartTime: 0,\n shouldUseTimeDampening: false,\n scrollWindow: fakeScrollCallback,\n scrollDroppable: fakeScrollCallback,\n getAutoScrollerOptions\n });\n dragging = {\n dragStartTime,\n shouldUseTimeDampening: wasScrollNeeded\n };\n finish();\n if (wasScrollNeeded) {\n tryScroll(state);\n }\n };\n const stop = () => {\n if (!dragging) {\n return;\n }\n scheduleWindowScroll.cancel();\n scheduleDroppableScroll.cancel();\n dragging = null;\n };\n return {\n start: start$1,\n stop,\n scroll: tryScroll\n };\n};\n\nvar createJumpScroller = ({\n move,\n scrollDroppable,\n scrollWindow\n}) => {\n const moveByOffset = (state, offset) => {\n const client = add(state.current.client.selection, offset);\n move({\n client\n });\n };\n const scrollDroppableAsMuchAsItCan = (droppable, change) => {\n if (!canScrollDroppable(droppable, change)) {\n return change;\n }\n const overlap = getDroppableOverlap(droppable, change);\n if (!overlap) {\n scrollDroppable(droppable.descriptor.id, change);\n return null;\n }\n const whatTheDroppableCanScroll = subtract(change, overlap);\n scrollDroppable(droppable.descriptor.id, whatTheDroppableCanScroll);\n const remainder = subtract(change, whatTheDroppableCanScroll);\n return remainder;\n };\n const scrollWindowAsMuchAsItCan = (isWindowScrollAllowed, viewport, change) => {\n if (!isWindowScrollAllowed) {\n return change;\n }\n if (!canScrollWindow(viewport, change)) {\n return change;\n }\n const overlap = getWindowOverlap(viewport, change);\n if (!overlap) {\n scrollWindow(change);\n return null;\n }\n const whatTheWindowCanScroll = subtract(change, overlap);\n scrollWindow(whatTheWindowCanScroll);\n const remainder = subtract(change, whatTheWindowCanScroll);\n return remainder;\n };\n const jumpScroller = state => {\n const request = state.scrollJumpRequest;\n if (!request) {\n return;\n }\n const destination = whatIsDraggedOver(state.impact);\n !destination ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot perform a jump scroll when there is no destination') : invariant() : void 0;\n const droppableRemainder = scrollDroppableAsMuchAsItCan(state.dimensions.droppables[destination], request);\n if (!droppableRemainder) {\n return;\n }\n const viewport = state.viewport;\n const windowRemainder = scrollWindowAsMuchAsItCan(state.isWindowScrollAllowed, viewport, droppableRemainder);\n if (!windowRemainder) {\n return;\n }\n moveByOffset(state, windowRemainder);\n };\n return jumpScroller;\n};\n\nvar createAutoScroller = ({\n scrollDroppable,\n scrollWindow,\n move,\n getAutoScrollerOptions\n}) => {\n const fluidScroller = createFluidScroller({\n scrollWindow,\n scrollDroppable,\n getAutoScrollerOptions\n });\n const jumpScroll = createJumpScroller({\n move,\n scrollWindow,\n scrollDroppable\n });\n const scroll = state => {\n const autoScrollerOptions = getAutoScrollerOptions();\n if (autoScrollerOptions.disabled || state.phase !== 'DRAGGING') {\n return;\n }\n if (state.movementMode === 'FLUID') {\n fluidScroller.scroll(state);\n return;\n }\n if (!state.scrollJumpRequest) {\n return;\n }\n jumpScroll(state);\n };\n const scroller = {\n scroll,\n start: fluidScroller.start,\n stop: fluidScroller.stop\n };\n return scroller;\n};\n\nconst prefix = 'data-rfd';\nconst dragHandle = (() => {\n const base = `${prefix}-drag-handle`;\n return {\n base,\n draggableId: `${base}-draggable-id`,\n contextId: `${base}-context-id`\n };\n})();\nconst draggable = (() => {\n const base = `${prefix}-draggable`;\n return {\n base,\n contextId: `${base}-context-id`,\n id: `${base}-id`\n };\n})();\nconst droppable = (() => {\n const base = `${prefix}-droppable`;\n return {\n base,\n contextId: `${base}-context-id`,\n id: `${base}-id`\n };\n})();\nconst scrollContainer = {\n contextId: `${prefix}-scroll-container-context-id`\n};\n\nconst makeGetSelector = context => attribute => `[${attribute}=\"${context}\"]`;\nconst getStyles = (rules, property) => rules.map(rule => {\n const value = rule.styles[property];\n if (!value) {\n return '';\n }\n return `${rule.selector} { ${value} }`;\n}).join(' ');\nconst noPointerEvents = 'pointer-events: none;';\nvar getStyles$1 = contextId => {\n const getSelector = makeGetSelector(contextId);\n const dragHandle$1 = (() => {\n const grabCursor = `\n cursor: -webkit-grab;\n cursor: grab;\n `;\n return {\n selector: getSelector(dragHandle.contextId),\n styles: {\n always: `\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n touch-action: manipulation;\n `,\n resting: grabCursor,\n dragging: noPointerEvents,\n dropAnimating: grabCursor\n }\n };\n })();\n const draggable$1 = (() => {\n const transition = `\n transition: ${transitions.outOfTheWay};\n `;\n return {\n selector: getSelector(draggable.contextId),\n styles: {\n dragging: transition,\n dropAnimating: transition,\n userCancel: transition\n }\n };\n })();\n const droppable$1 = {\n selector: getSelector(droppable.contextId),\n styles: {\n always: `overflow-anchor: none;`\n }\n };\n const body = {\n selector: 'body',\n styles: {\n dragging: `\n cursor: grabbing;\n cursor: -webkit-grabbing;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n overflow-anchor: none;\n `\n }\n };\n const rules = [draggable$1, dragHandle$1, droppable$1, body];\n return {\n always: getStyles(rules, 'always'),\n resting: getStyles(rules, 'resting'),\n dragging: getStyles(rules, 'dragging'),\n dropAnimating: getStyles(rules, 'dropAnimating'),\n userCancel: getStyles(rules, 'userCancel')\n };\n};\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? useLayoutEffect : useEffect;\n\nconst getHead = () => {\n const head = document.querySelector('head');\n !head ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot find the head to append a style to') : invariant() : void 0;\n return head;\n};\nconst createStyleEl = nonce => {\n const el = document.createElement('style');\n if (nonce) {\n el.setAttribute('nonce', nonce);\n }\n el.type = 'text/css';\n return el;\n};\nfunction useStyleMarshal(contextId, nonce) {\n const styles = useMemo(() => getStyles$1(contextId), [contextId]);\n const alwaysRef = useRef(null);\n const dynamicRef = useRef(null);\n const setDynamicStyle = useCallback(memoizeOne(proposed => {\n const el = dynamicRef.current;\n !el ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot set dynamic style element if it is not set') : invariant() : void 0;\n el.textContent = proposed;\n }), []);\n const setAlwaysStyle = useCallback(proposed => {\n const el = alwaysRef.current;\n !el ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot set dynamic style element if it is not set') : invariant() : void 0;\n el.textContent = proposed;\n }, []);\n useIsomorphicLayoutEffect(() => {\n !(!alwaysRef.current && !dynamicRef.current) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'style elements already mounted') : invariant() : void 0;\n const always = createStyleEl(nonce);\n const dynamic = createStyleEl(nonce);\n alwaysRef.current = always;\n dynamicRef.current = dynamic;\n always.setAttribute(`${prefix}-always`, contextId);\n dynamic.setAttribute(`${prefix}-dynamic`, contextId);\n getHead().appendChild(always);\n getHead().appendChild(dynamic);\n setAlwaysStyle(styles.always);\n setDynamicStyle(styles.resting);\n return () => {\n const remove = ref => {\n const current = ref.current;\n !current ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot unmount ref as it is not set') : invariant() : void 0;\n getHead().removeChild(current);\n ref.current = null;\n };\n remove(alwaysRef);\n remove(dynamicRef);\n };\n }, [nonce, setAlwaysStyle, setDynamicStyle, styles.always, styles.resting, contextId]);\n const dragging = useCallback(() => setDynamicStyle(styles.dragging), [setDynamicStyle, styles.dragging]);\n const dropping = useCallback(reason => {\n if (reason === 'DROP') {\n setDynamicStyle(styles.dropAnimating);\n return;\n }\n setDynamicStyle(styles.userCancel);\n }, [setDynamicStyle, styles.dropAnimating, styles.userCancel]);\n const resting = useCallback(() => {\n if (!dynamicRef.current) {\n return;\n }\n setDynamicStyle(styles.resting);\n }, [setDynamicStyle, styles.resting]);\n const marshal = useMemo(() => ({\n dragging,\n dropping,\n resting\n }), [dragging, dropping, resting]);\n return marshal;\n}\n\nfunction querySelectorAll(parentNode, selector) {\n return Array.from(parentNode.querySelectorAll(selector));\n}\n\nvar getWindowFromEl = el => {\n if (el && el.ownerDocument && el.ownerDocument.defaultView) {\n return el.ownerDocument.defaultView;\n }\n return window;\n};\n\nfunction isHtmlElement(el) {\n return el instanceof getWindowFromEl(el).HTMLElement;\n}\n\nfunction findDragHandle(contextId, draggableId) {\n const selector = `[${dragHandle.contextId}=\"${contextId}\"]`;\n const possible = querySelectorAll(document, selector);\n if (!possible.length) {\n process.env.NODE_ENV !== \"production\" ? warning(`Unable to find any drag handles in the context \"${contextId}\"`) : void 0;\n return null;\n }\n const handle = possible.find(el => {\n return el.getAttribute(dragHandle.draggableId) === draggableId;\n });\n if (!handle) {\n process.env.NODE_ENV !== \"production\" ? warning(`Unable to find drag handle with id \"${draggableId}\" as no handle with a matching id was found`) : void 0;\n return null;\n }\n if (!isHtmlElement(handle)) {\n process.env.NODE_ENV !== \"production\" ? warning('drag handle needs to be a HTMLElement') : void 0;\n return null;\n }\n return handle;\n}\n\nfunction useFocusMarshal(contextId) {\n const entriesRef = useRef({});\n const recordRef = useRef(null);\n const restoreFocusFrameRef = useRef(null);\n const isMountedRef = useRef(false);\n const register = useCallback(function register(id, focus) {\n const entry = {\n id,\n focus\n };\n entriesRef.current[id] = entry;\n return function unregister() {\n const entries = entriesRef.current;\n const current = entries[id];\n if (current !== entry) {\n delete entries[id];\n }\n };\n }, []);\n const tryGiveFocus = useCallback(function tryGiveFocus(tryGiveFocusTo) {\n const handle = findDragHandle(contextId, tryGiveFocusTo);\n if (handle && handle !== document.activeElement) {\n handle.focus();\n }\n }, [contextId]);\n const tryShiftRecord = useCallback(function tryShiftRecord(previous, redirectTo) {\n if (recordRef.current === previous) {\n recordRef.current = redirectTo;\n }\n }, []);\n const tryRestoreFocusRecorded = useCallback(function tryRestoreFocusRecorded() {\n if (restoreFocusFrameRef.current) {\n return;\n }\n if (!isMountedRef.current) {\n return;\n }\n restoreFocusFrameRef.current = requestAnimationFrame(() => {\n restoreFocusFrameRef.current = null;\n const record = recordRef.current;\n if (record) {\n tryGiveFocus(record);\n }\n });\n }, [tryGiveFocus]);\n const tryRecordFocus = useCallback(function tryRecordFocus(id) {\n recordRef.current = null;\n const focused = document.activeElement;\n if (!focused) {\n return;\n }\n if (focused.getAttribute(dragHandle.draggableId) !== id) {\n return;\n }\n recordRef.current = id;\n }, []);\n useIsomorphicLayoutEffect(() => {\n isMountedRef.current = true;\n return function clearFrameOnUnmount() {\n isMountedRef.current = false;\n const frameId = restoreFocusFrameRef.current;\n if (frameId) {\n cancelAnimationFrame(frameId);\n }\n };\n }, []);\n const marshal = useMemo(() => ({\n register,\n tryRecordFocus,\n tryRestoreFocusRecorded,\n tryShiftRecord\n }), [register, tryRecordFocus, tryRestoreFocusRecorded, tryShiftRecord]);\n return marshal;\n}\n\nfunction createRegistry() {\n const entries = {\n draggables: {},\n droppables: {}\n };\n const subscribers = [];\n function subscribe(cb) {\n subscribers.push(cb);\n return function unsubscribe() {\n const index = subscribers.indexOf(cb);\n if (index === -1) {\n return;\n }\n subscribers.splice(index, 1);\n };\n }\n function notify(event) {\n if (subscribers.length) {\n subscribers.forEach(cb => cb(event));\n }\n }\n function findDraggableById(id) {\n return entries.draggables[id] || null;\n }\n function getDraggableById(id) {\n const entry = findDraggableById(id);\n !entry ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot find draggable entry with id [${id}]`) : invariant() : void 0;\n return entry;\n }\n const draggableAPI = {\n register: entry => {\n entries.draggables[entry.descriptor.id] = entry;\n notify({\n type: 'ADDITION',\n value: entry\n });\n },\n update: (entry, last) => {\n const current = entries.draggables[last.descriptor.id];\n if (!current) {\n return;\n }\n if (current.uniqueId !== entry.uniqueId) {\n return;\n }\n delete entries.draggables[last.descriptor.id];\n entries.draggables[entry.descriptor.id] = entry;\n },\n unregister: entry => {\n const draggableId = entry.descriptor.id;\n const current = findDraggableById(draggableId);\n if (!current) {\n return;\n }\n if (entry.uniqueId !== current.uniqueId) {\n return;\n }\n delete entries.draggables[draggableId];\n if (entries.droppables[entry.descriptor.droppableId]) {\n notify({\n type: 'REMOVAL',\n value: entry\n });\n }\n },\n getById: getDraggableById,\n findById: findDraggableById,\n exists: id => Boolean(findDraggableById(id)),\n getAllByType: type => Object.values(entries.draggables).filter(entry => entry.descriptor.type === type)\n };\n function findDroppableById(id) {\n return entries.droppables[id] || null;\n }\n function getDroppableById(id) {\n const entry = findDroppableById(id);\n !entry ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot find droppable entry with id [${id}]`) : invariant() : void 0;\n return entry;\n }\n const droppableAPI = {\n register: entry => {\n entries.droppables[entry.descriptor.id] = entry;\n },\n unregister: entry => {\n const current = findDroppableById(entry.descriptor.id);\n if (!current) {\n return;\n }\n if (entry.uniqueId !== current.uniqueId) {\n return;\n }\n delete entries.droppables[entry.descriptor.id];\n },\n getById: getDroppableById,\n findById: findDroppableById,\n exists: id => Boolean(findDroppableById(id)),\n getAllByType: type => Object.values(entries.droppables).filter(entry => entry.descriptor.type === type)\n };\n function clean() {\n entries.draggables = {};\n entries.droppables = {};\n subscribers.length = 0;\n }\n return {\n draggable: draggableAPI,\n droppable: droppableAPI,\n subscribe,\n clean\n };\n}\n\nfunction useRegistry() {\n const registry = useMemo(createRegistry, []);\n useEffect(() => {\n return function unmount() {\n registry.clean();\n };\n }, [registry]);\n return registry;\n}\n\nvar StoreContext = React.createContext(null);\n\nvar getBodyElement = () => {\n const body = document.body;\n !body ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot find document.body') : invariant() : void 0;\n return body;\n};\n\nconst visuallyHidden = {\n position: 'absolute',\n width: '1px',\n height: '1px',\n margin: '-1px',\n border: '0',\n padding: '0',\n overflow: 'hidden',\n clip: 'rect(0 0 0 0)',\n 'clip-path': 'inset(100%)'\n};\n\nconst getId = contextId => `rfd-announcement-${contextId}`;\nfunction useAnnouncer(contextId) {\n const id = useMemo(() => getId(contextId), [contextId]);\n const ref = useRef(null);\n useEffect(function setup() {\n const el = document.createElement('div');\n ref.current = el;\n el.id = id;\n el.setAttribute('aria-live', 'assertive');\n el.setAttribute('aria-atomic', 'true');\n _extends(el.style, visuallyHidden);\n getBodyElement().appendChild(el);\n return function cleanup() {\n setTimeout(function remove() {\n const body = getBodyElement();\n if (body.contains(el)) {\n body.removeChild(el);\n }\n if (el === ref.current) {\n ref.current = null;\n }\n });\n };\n }, [id]);\n const announce = useCallback(message => {\n const el = ref.current;\n if (el) {\n el.textContent = message;\n return;\n }\n process.env.NODE_ENV !== \"production\" ? warning(`\n A screen reader message was trying to be announced but it was unable to do so.\n This can occur if you unmount your
in your onDragEnd.\n Consider calling provided.announce() before the unmount so that the instruction will\n not be lost for users relying on a screen reader.\n\n Message not passed to screen reader:\n\n \"${message}\"\n `) : void 0;\n }, []);\n return announce;\n}\n\nconst defaults = {\n separator: '::'\n};\nfunction useUniqueId(prefix, options = defaults) {\n const id = React.useId();\n return useMemo(() => `${prefix}${options.separator}${id}`, [options.separator, prefix, id]);\n}\n\nfunction getElementId({\n contextId,\n uniqueId\n}) {\n return `rfd-hidden-text-${contextId}-${uniqueId}`;\n}\nfunction useHiddenTextElement({\n contextId,\n text\n}) {\n const uniqueId = useUniqueId('hidden-text', {\n separator: '-'\n });\n const id = useMemo(() => getElementId({\n contextId,\n uniqueId\n }), [uniqueId, contextId]);\n useEffect(function mount() {\n const el = document.createElement('div');\n el.id = id;\n el.textContent = text;\n el.style.display = 'none';\n getBodyElement().appendChild(el);\n return function unmount() {\n const body = getBodyElement();\n if (body.contains(el)) {\n body.removeChild(el);\n }\n };\n }, [id, text]);\n return id;\n}\n\nvar AppContext = React.createContext(null);\n\nvar peerDependencies = {\n\treact: \"^18.0.0\",\n\t\"react-dom\": \"^18.0.0\"\n};\n\nconst semver = /(\\d+)\\.(\\d+)\\.(\\d+)/;\nconst getVersion = value => {\n const result = semver.exec(value);\n !(result != null) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Unable to parse React version ${value}`) : invariant() : void 0;\n const major = Number(result[1]);\n const minor = Number(result[2]);\n const patch = Number(result[3]);\n return {\n major,\n minor,\n patch,\n raw: value\n };\n};\nconst isSatisfied = (expected, actual) => {\n if (actual.major > expected.major) {\n return true;\n }\n if (actual.major < expected.major) {\n return false;\n }\n if (actual.minor > expected.minor) {\n return true;\n }\n if (actual.minor < expected.minor) {\n return false;\n }\n return actual.patch >= expected.patch;\n};\nvar checkReactVersion = (peerDepValue, actualValue) => {\n const peerDep = getVersion(peerDepValue);\n const actual = getVersion(actualValue);\n if (isSatisfied(peerDep, actual)) {\n return;\n }\n process.env.NODE_ENV !== \"production\" ? warning(`\n React version: [${actual.raw}]\n does not satisfy expected peer dependency version: [${peerDep.raw}]\n\n This can result in run time bugs, and even fatal crashes\n `) : void 0;\n};\n\nconst suffix = `\n We expect a html5 doctype: \n This is to ensure consistent browser layout and measurement\n\n More information: https://github.com/hello-pangea/dnd/blob/main/docs/guides/doctype.md\n`;\nvar checkDoctype = doc => {\n const doctype = doc.doctype;\n if (!doctype) {\n process.env.NODE_ENV !== \"production\" ? warning(`\n No found.\n\n ${suffix}\n `) : void 0;\n return;\n }\n if (doctype.name.toLowerCase() !== 'html') {\n process.env.NODE_ENV !== \"production\" ? warning(`\n Unexpected found: (${doctype.name})\n\n ${suffix}\n `) : void 0;\n }\n if (doctype.publicId !== '') {\n process.env.NODE_ENV !== \"production\" ? warning(`\n Unexpected publicId found: (${doctype.publicId})\n A html5 doctype does not have a publicId\n\n ${suffix}\n `) : void 0;\n }\n};\n\nfunction useDev(useHook) {\n if (process.env.NODE_ENV !== 'production') {\n useHook();\n }\n}\n\nfunction useDevSetupWarning(fn, inputs) {\n useDev(() => {\n useEffect(() => {\n try {\n fn();\n } catch (e) {\n error(`\n A setup problem was encountered.\n\n > ${e.message}\n `);\n }\n }, inputs);\n });\n}\n\nfunction useStartupValidation() {\n useDevSetupWarning(() => {\n checkReactVersion(peerDependencies.react, React.version);\n checkDoctype(document);\n }, []);\n}\n\nfunction usePrevious(current) {\n const ref = useRef(current);\n useEffect(() => {\n ref.current = current;\n });\n return ref;\n}\n\nfunction create() {\n let lock = null;\n function isClaimed() {\n return Boolean(lock);\n }\n function isActive(value) {\n return value === lock;\n }\n function claim(abandon) {\n !!lock ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot claim lock as it is already claimed') : invariant() : void 0;\n const newLock = {\n abandon\n };\n lock = newLock;\n return newLock;\n }\n function release() {\n !lock ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot release lock when there is no lock') : invariant() : void 0;\n lock = null;\n }\n function tryAbandon() {\n if (lock) {\n lock.abandon();\n release();\n }\n }\n return {\n isClaimed,\n isActive,\n claim,\n release,\n tryAbandon\n };\n}\n\nfunction isDragging(state) {\n if (state.phase === 'IDLE' || state.phase === 'DROP_ANIMATING') {\n return false;\n }\n return state.isDragging;\n}\n\nconst tab = 9;\nconst enter = 13;\nconst escape = 27;\nconst space = 32;\nconst pageUp = 33;\nconst pageDown = 34;\nconst end = 35;\nconst home = 36;\nconst arrowLeft = 37;\nconst arrowUp = 38;\nconst arrowRight = 39;\nconst arrowDown = 40;\n\nconst preventedKeys = {\n [enter]: true,\n [tab]: true\n};\nvar preventStandardKeyEvents = event => {\n if (preventedKeys[event.keyCode]) {\n event.preventDefault();\n }\n};\n\nconst supportedEventName = (() => {\n const base = 'visibilitychange';\n if (typeof document === 'undefined') {\n return base;\n }\n const candidates = [base, `ms${base}`, `webkit${base}`, `moz${base}`, `o${base}`];\n const supported = candidates.find(eventName => `on${eventName}` in document);\n return supported || base;\n})();\n\nconst primaryButton = 0;\nconst sloppyClickThreshold = 5;\nfunction isSloppyClickThresholdExceeded(original, current) {\n return Math.abs(current.x - original.x) >= sloppyClickThreshold || Math.abs(current.y - original.y) >= sloppyClickThreshold;\n}\nconst idle$1 = {\n type: 'IDLE'\n};\nfunction getCaptureBindings({\n cancel,\n completed,\n getPhase,\n setPhase\n}) {\n return [{\n eventName: 'mousemove',\n fn: event => {\n const {\n button,\n clientX,\n clientY\n } = event;\n if (button !== primaryButton) {\n return;\n }\n const point = {\n x: clientX,\n y: clientY\n };\n const phase = getPhase();\n if (phase.type === 'DRAGGING') {\n event.preventDefault();\n phase.actions.move(point);\n return;\n }\n !(phase.type === 'PENDING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot be IDLE') : invariant() : void 0;\n const pending = phase.point;\n if (!isSloppyClickThresholdExceeded(pending, point)) {\n return;\n }\n event.preventDefault();\n const actions = phase.actions.fluidLift(point);\n setPhase({\n type: 'DRAGGING',\n actions\n });\n }\n }, {\n eventName: 'mouseup',\n fn: event => {\n const phase = getPhase();\n if (phase.type !== 'DRAGGING') {\n cancel();\n return;\n }\n event.preventDefault();\n phase.actions.drop({\n shouldBlockNextClick: true\n });\n completed();\n }\n }, {\n eventName: 'mousedown',\n fn: event => {\n if (getPhase().type === 'DRAGGING') {\n event.preventDefault();\n }\n cancel();\n }\n }, {\n eventName: 'keydown',\n fn: event => {\n const phase = getPhase();\n if (phase.type === 'PENDING') {\n cancel();\n return;\n }\n if (event.keyCode === escape) {\n event.preventDefault();\n cancel();\n return;\n }\n preventStandardKeyEvents(event);\n }\n }, {\n eventName: 'resize',\n fn: cancel\n }, {\n eventName: 'scroll',\n options: {\n passive: true,\n capture: false\n },\n fn: () => {\n if (getPhase().type === 'PENDING') {\n cancel();\n }\n }\n }, {\n eventName: 'webkitmouseforcedown',\n fn: event => {\n const phase = getPhase();\n !(phase.type !== 'IDLE') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Unexpected phase') : invariant() : void 0;\n if (phase.actions.shouldRespectForcePress()) {\n cancel();\n return;\n }\n event.preventDefault();\n }\n }, {\n eventName: supportedEventName,\n fn: cancel\n }];\n}\nfunction useMouseSensor(api) {\n const phaseRef = useRef(idle$1);\n const unbindEventsRef = useRef(noop$2);\n const startCaptureBinding = useMemo(() => ({\n eventName: 'mousedown',\n fn: function onMouseDown(event) {\n if (event.defaultPrevented) {\n return;\n }\n if (event.button !== primaryButton) {\n return;\n }\n if (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) {\n return;\n }\n const draggableId = api.findClosestDraggableId(event);\n if (!draggableId) {\n return;\n }\n const actions = api.tryGetLock(draggableId, stop, {\n sourceEvent: event\n });\n if (!actions) {\n return;\n }\n event.preventDefault();\n const point = {\n x: event.clientX,\n y: event.clientY\n };\n unbindEventsRef.current();\n startPendingDrag(actions, point);\n }\n }), [api]);\n const preventForcePressBinding = useMemo(() => ({\n eventName: 'webkitmouseforcewillbegin',\n fn: event => {\n if (event.defaultPrevented) {\n return;\n }\n const id = api.findClosestDraggableId(event);\n if (!id) {\n return;\n }\n const options = api.findOptionsForDraggable(id);\n if (!options) {\n return;\n }\n if (options.shouldRespectForcePress) {\n return;\n }\n if (!api.canGetLock(id)) {\n return;\n }\n event.preventDefault();\n }\n }), [api]);\n const listenForCapture = useCallback(function listenForCapture() {\n const options = {\n passive: false,\n capture: true\n };\n unbindEventsRef.current = bindEvents(window, [preventForcePressBinding, startCaptureBinding], options);\n }, [preventForcePressBinding, startCaptureBinding]);\n const stop = useCallback(() => {\n const current = phaseRef.current;\n if (current.type === 'IDLE') {\n return;\n }\n phaseRef.current = idle$1;\n unbindEventsRef.current();\n listenForCapture();\n }, [listenForCapture]);\n const cancel = useCallback(() => {\n const phase = phaseRef.current;\n stop();\n if (phase.type === 'DRAGGING') {\n phase.actions.cancel({\n shouldBlockNextClick: true\n });\n }\n if (phase.type === 'PENDING') {\n phase.actions.abort();\n }\n }, [stop]);\n const bindCapturingEvents = useCallback(function bindCapturingEvents() {\n const options = {\n capture: true,\n passive: false\n };\n const bindings = getCaptureBindings({\n cancel,\n completed: stop,\n getPhase: () => phaseRef.current,\n setPhase: phase => {\n phaseRef.current = phase;\n }\n });\n unbindEventsRef.current = bindEvents(window, bindings, options);\n }, [cancel, stop]);\n const startPendingDrag = useCallback(function startPendingDrag(actions, point) {\n !(phaseRef.current.type === 'IDLE') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Expected to move from IDLE to PENDING drag') : invariant() : void 0;\n phaseRef.current = {\n type: 'PENDING',\n point,\n actions\n };\n bindCapturingEvents();\n }, [bindCapturingEvents]);\n useIsomorphicLayoutEffect(function mount() {\n listenForCapture();\n return function unmount() {\n unbindEventsRef.current();\n };\n }, [listenForCapture]);\n}\n\nfunction noop$1() {}\nconst scrollJumpKeys = {\n [pageDown]: true,\n [pageUp]: true,\n [home]: true,\n [end]: true\n};\nfunction getDraggingBindings(actions, stop) {\n function cancel() {\n stop();\n actions.cancel();\n }\n function drop() {\n stop();\n actions.drop();\n }\n return [{\n eventName: 'keydown',\n fn: event => {\n if (event.keyCode === escape) {\n event.preventDefault();\n cancel();\n return;\n }\n if (event.keyCode === space) {\n event.preventDefault();\n drop();\n return;\n }\n if (event.keyCode === arrowDown) {\n event.preventDefault();\n actions.moveDown();\n return;\n }\n if (event.keyCode === arrowUp) {\n event.preventDefault();\n actions.moveUp();\n return;\n }\n if (event.keyCode === arrowRight) {\n event.preventDefault();\n actions.moveRight();\n return;\n }\n if (event.keyCode === arrowLeft) {\n event.preventDefault();\n actions.moveLeft();\n return;\n }\n if (scrollJumpKeys[event.keyCode]) {\n event.preventDefault();\n return;\n }\n preventStandardKeyEvents(event);\n }\n }, {\n eventName: 'mousedown',\n fn: cancel\n }, {\n eventName: 'mouseup',\n fn: cancel\n }, {\n eventName: 'click',\n fn: cancel\n }, {\n eventName: 'touchstart',\n fn: cancel\n }, {\n eventName: 'resize',\n fn: cancel\n }, {\n eventName: 'wheel',\n fn: cancel,\n options: {\n passive: true\n }\n }, {\n eventName: supportedEventName,\n fn: cancel\n }];\n}\nfunction useKeyboardSensor(api) {\n const unbindEventsRef = useRef(noop$1);\n const startCaptureBinding = useMemo(() => ({\n eventName: 'keydown',\n fn: function onKeyDown(event) {\n if (event.defaultPrevented) {\n return;\n }\n if (event.keyCode !== space) {\n return;\n }\n const draggableId = api.findClosestDraggableId(event);\n if (!draggableId) {\n return;\n }\n const preDrag = api.tryGetLock(draggableId, stop, {\n sourceEvent: event\n });\n if (!preDrag) {\n return;\n }\n event.preventDefault();\n let isCapturing = true;\n const actions = preDrag.snapLift();\n unbindEventsRef.current();\n function stop() {\n !isCapturing ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot stop capturing a keyboard drag when not capturing') : invariant() : void 0;\n isCapturing = false;\n unbindEventsRef.current();\n listenForCapture();\n }\n unbindEventsRef.current = bindEvents(window, getDraggingBindings(actions, stop), {\n capture: true,\n passive: false\n });\n }\n }), [api]);\n const listenForCapture = useCallback(function tryStartCapture() {\n const options = {\n passive: false,\n capture: true\n };\n unbindEventsRef.current = bindEvents(window, [startCaptureBinding], options);\n }, [startCaptureBinding]);\n useIsomorphicLayoutEffect(function mount() {\n listenForCapture();\n return function unmount() {\n unbindEventsRef.current();\n };\n }, [listenForCapture]);\n}\n\nconst idle = {\n type: 'IDLE'\n};\nconst timeForLongPress = 120;\nconst forcePressThreshold = 0.15;\nfunction getWindowBindings({\n cancel,\n getPhase\n}) {\n return [{\n eventName: 'orientationchange',\n fn: cancel\n }, {\n eventName: 'resize',\n fn: cancel\n }, {\n eventName: 'contextmenu',\n fn: event => {\n event.preventDefault();\n }\n }, {\n eventName: 'keydown',\n fn: event => {\n if (getPhase().type !== 'DRAGGING') {\n cancel();\n return;\n }\n if (event.keyCode === escape) {\n event.preventDefault();\n }\n cancel();\n }\n }, {\n eventName: supportedEventName,\n fn: cancel\n }];\n}\nfunction getHandleBindings({\n cancel,\n completed,\n getPhase\n}) {\n return [{\n eventName: 'touchmove',\n options: {\n capture: false\n },\n fn: event => {\n const phase = getPhase();\n if (phase.type !== 'DRAGGING') {\n cancel();\n return;\n }\n phase.hasMoved = true;\n const {\n clientX,\n clientY\n } = event.touches[0];\n const point = {\n x: clientX,\n y: clientY\n };\n event.preventDefault();\n phase.actions.move(point);\n }\n }, {\n eventName: 'touchend',\n fn: event => {\n const phase = getPhase();\n if (phase.type !== 'DRAGGING') {\n cancel();\n return;\n }\n event.preventDefault();\n phase.actions.drop({\n shouldBlockNextClick: true\n });\n completed();\n }\n }, {\n eventName: 'touchcancel',\n fn: event => {\n if (getPhase().type !== 'DRAGGING') {\n cancel();\n return;\n }\n event.preventDefault();\n cancel();\n }\n }, {\n eventName: 'touchforcechange',\n fn: event => {\n const phase = getPhase();\n !(phase.type !== 'IDLE') ? process.env.NODE_ENV !== \"production\" ? invariant() : invariant() : void 0;\n const touch = event.touches[0];\n if (!touch) {\n return;\n }\n const isForcePress = touch.force >= forcePressThreshold;\n if (!isForcePress) {\n return;\n }\n const shouldRespect = phase.actions.shouldRespectForcePress();\n if (phase.type === 'PENDING') {\n if (shouldRespect) {\n cancel();\n }\n return;\n }\n if (shouldRespect) {\n if (phase.hasMoved) {\n event.preventDefault();\n return;\n }\n cancel();\n return;\n }\n event.preventDefault();\n }\n }, {\n eventName: supportedEventName,\n fn: cancel\n }];\n}\nfunction useTouchSensor(api) {\n const phaseRef = useRef(idle);\n const unbindEventsRef = useRef(noop$2);\n const getPhase = useCallback(function getPhase() {\n return phaseRef.current;\n }, []);\n const setPhase = useCallback(function setPhase(phase) {\n phaseRef.current = phase;\n }, []);\n const startCaptureBinding = useMemo(() => ({\n eventName: 'touchstart',\n fn: function onTouchStart(event) {\n if (event.defaultPrevented) {\n return;\n }\n const draggableId = api.findClosestDraggableId(event);\n if (!draggableId) {\n return;\n }\n const actions = api.tryGetLock(draggableId, stop, {\n sourceEvent: event\n });\n if (!actions) {\n return;\n }\n const touch = event.touches[0];\n const {\n clientX,\n clientY\n } = touch;\n const point = {\n x: clientX,\n y: clientY\n };\n unbindEventsRef.current();\n startPendingDrag(actions, point);\n }\n }), [api]);\n const listenForCapture = useCallback(function listenForCapture() {\n const options = {\n capture: true,\n passive: false\n };\n unbindEventsRef.current = bindEvents(window, [startCaptureBinding], options);\n }, [startCaptureBinding]);\n const stop = useCallback(() => {\n const current = phaseRef.current;\n if (current.type === 'IDLE') {\n return;\n }\n if (current.type === 'PENDING') {\n clearTimeout(current.longPressTimerId);\n }\n setPhase(idle);\n unbindEventsRef.current();\n listenForCapture();\n }, [listenForCapture, setPhase]);\n const cancel = useCallback(() => {\n const phase = phaseRef.current;\n stop();\n if (phase.type === 'DRAGGING') {\n phase.actions.cancel({\n shouldBlockNextClick: true\n });\n }\n if (phase.type === 'PENDING') {\n phase.actions.abort();\n }\n }, [stop]);\n const bindCapturingEvents = useCallback(function bindCapturingEvents() {\n const options = {\n capture: true,\n passive: false\n };\n const args = {\n cancel,\n completed: stop,\n getPhase\n };\n const unbindTarget = bindEvents(window, getHandleBindings(args), options);\n const unbindWindow = bindEvents(window, getWindowBindings(args), options);\n unbindEventsRef.current = function unbindAll() {\n unbindTarget();\n unbindWindow();\n };\n }, [cancel, getPhase, stop]);\n const startDragging = useCallback(function startDragging() {\n const phase = getPhase();\n !(phase.type === 'PENDING') ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot start dragging from phase ${phase.type}`) : invariant() : void 0;\n const actions = phase.actions.fluidLift(phase.point);\n setPhase({\n type: 'DRAGGING',\n actions,\n hasMoved: false\n });\n }, [getPhase, setPhase]);\n const startPendingDrag = useCallback(function startPendingDrag(actions, point) {\n !(getPhase().type === 'IDLE') ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Expected to move from IDLE to PENDING drag') : invariant() : void 0;\n const longPressTimerId = setTimeout(startDragging, timeForLongPress);\n setPhase({\n type: 'PENDING',\n point,\n actions,\n longPressTimerId\n });\n bindCapturingEvents();\n }, [bindCapturingEvents, getPhase, setPhase, startDragging]);\n useIsomorphicLayoutEffect(function mount() {\n listenForCapture();\n return function unmount() {\n unbindEventsRef.current();\n const phase = getPhase();\n if (phase.type === 'PENDING') {\n clearTimeout(phase.longPressTimerId);\n setPhase(idle);\n }\n };\n }, [getPhase, listenForCapture, setPhase]);\n useIsomorphicLayoutEffect(function webkitHack() {\n const unbind = bindEvents(window, [{\n eventName: 'touchmove',\n fn: () => {},\n options: {\n capture: false,\n passive: false\n }\n }]);\n return unbind;\n }, []);\n}\n\nfunction useValidateSensorHooks(sensorHooks) {\n useDev(() => {\n const previousRef = usePrevious(sensorHooks);\n useDevSetupWarning(() => {\n !(previousRef.current.length === sensorHooks.length) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot change the amount of sensor hooks after mounting') : invariant(false) : void 0;\n });\n });\n}\n\nconst interactiveTagNames = ['input', 'button', 'textarea', 'select', 'option', 'optgroup', 'video', 'audio'];\nfunction isAnInteractiveElement(parent, current) {\n if (current == null) {\n return false;\n }\n const hasAnInteractiveTag = interactiveTagNames.includes(current.tagName.toLowerCase());\n if (hasAnInteractiveTag) {\n return true;\n }\n const attribute = current.getAttribute('contenteditable');\n if (attribute === 'true' || attribute === '') {\n return true;\n }\n if (current === parent) {\n return false;\n }\n return isAnInteractiveElement(parent, current.parentElement);\n}\nfunction isEventInInteractiveElement(draggable, event) {\n const target = event.target;\n if (!isHtmlElement(target)) {\n return false;\n }\n return isAnInteractiveElement(draggable, target);\n}\n\nvar getBorderBoxCenterPosition = el => getRect(el.getBoundingClientRect()).center;\n\nfunction isElement(el) {\n return el instanceof getWindowFromEl(el).Element;\n}\n\nconst supportedMatchesName = (() => {\n const base = 'matches';\n if (typeof document === 'undefined') {\n return base;\n }\n const candidates = [base, 'msMatchesSelector', 'webkitMatchesSelector'];\n const value = candidates.find(name => name in Element.prototype);\n return value || base;\n})();\nfunction closestPonyfill(el, selector) {\n if (el == null) {\n return null;\n }\n if (el[supportedMatchesName](selector)) {\n return el;\n }\n return closestPonyfill(el.parentElement, selector);\n}\nfunction closest(el, selector) {\n if (el.closest) {\n return el.closest(selector);\n }\n return closestPonyfill(el, selector);\n}\n\nfunction getSelector(contextId) {\n return `[${dragHandle.contextId}=\"${contextId}\"]`;\n}\nfunction findClosestDragHandleFromEvent(contextId, event) {\n const target = event.target;\n if (!isElement(target)) {\n process.env.NODE_ENV !== \"production\" ? warning('event.target must be a Element') : void 0;\n return null;\n }\n const selector = getSelector(contextId);\n const handle = closest(target, selector);\n if (!handle) {\n return null;\n }\n if (!isHtmlElement(handle)) {\n process.env.NODE_ENV !== \"production\" ? warning('drag handle must be a HTMLElement') : void 0;\n return null;\n }\n return handle;\n}\nfunction tryGetClosestDraggableIdFromEvent(contextId, event) {\n const handle = findClosestDragHandleFromEvent(contextId, event);\n if (!handle) {\n return null;\n }\n return handle.getAttribute(dragHandle.draggableId);\n}\n\nfunction findDraggable(contextId, draggableId) {\n const selector = `[${draggable.contextId}=\"${contextId}\"]`;\n const possible = querySelectorAll(document, selector);\n const draggable$1 = possible.find(el => {\n return el.getAttribute(draggable.id) === draggableId;\n });\n if (!draggable$1) {\n return null;\n }\n if (!isHtmlElement(draggable$1)) {\n process.env.NODE_ENV !== \"production\" ? warning('Draggable element is not a HTMLElement') : void 0;\n return null;\n }\n return draggable$1;\n}\n\nfunction preventDefault(event) {\n event.preventDefault();\n}\nfunction isActive({\n expected,\n phase,\n isLockActive,\n shouldWarn\n}) {\n if (!isLockActive()) {\n if (shouldWarn) {\n process.env.NODE_ENV !== \"production\" ? warning(`\n Cannot perform action.\n The sensor no longer has an action lock.\n\n Tips:\n\n - Throw away your action handlers when forceStop() is called\n - Check actions.isActive() if you really need to\n `) : void 0;\n }\n return false;\n }\n if (expected !== phase) {\n if (shouldWarn) {\n process.env.NODE_ENV !== \"production\" ? warning(`\n Cannot perform action.\n The actions you used belong to an outdated phase\n\n Current phase: ${expected}\n You called an action from outdated phase: ${phase}\n\n Tips:\n\n - Do not use preDragActions actions after calling preDragActions.lift()\n `) : void 0;\n }\n return false;\n }\n return true;\n}\nfunction canStart({\n lockAPI,\n store,\n registry,\n draggableId\n}) {\n if (lockAPI.isClaimed()) {\n return false;\n }\n const entry = registry.draggable.findById(draggableId);\n if (!entry) {\n process.env.NODE_ENV !== \"production\" ? warning(`Unable to find draggable with id: ${draggableId}`) : void 0;\n return false;\n }\n if (!entry.options.isEnabled) {\n return false;\n }\n if (!canStartDrag(store.getState(), draggableId)) {\n return false;\n }\n return true;\n}\nfunction tryStart({\n lockAPI,\n contextId,\n store,\n registry,\n draggableId,\n forceSensorStop,\n sourceEvent\n}) {\n const shouldStart = canStart({\n lockAPI,\n store,\n registry,\n draggableId\n });\n if (!shouldStart) {\n return null;\n }\n const entry = registry.draggable.getById(draggableId);\n const el = findDraggable(contextId, entry.descriptor.id);\n if (!el) {\n process.env.NODE_ENV !== \"production\" ? warning(`Unable to find draggable element with id: ${draggableId}`) : void 0;\n return null;\n }\n if (sourceEvent && !entry.options.canDragInteractiveElements && isEventInInteractiveElement(el, sourceEvent)) {\n return null;\n }\n const lock = lockAPI.claim(forceSensorStop || noop$2);\n let phase = 'PRE_DRAG';\n function getShouldRespectForcePress() {\n return entry.options.shouldRespectForcePress;\n }\n function isLockActive() {\n return lockAPI.isActive(lock);\n }\n function tryDispatch(expected, getAction) {\n if (isActive({\n expected,\n phase,\n isLockActive,\n shouldWarn: true\n })) {\n store.dispatch(getAction());\n }\n }\n const tryDispatchWhenDragging = tryDispatch.bind(null, 'DRAGGING');\n function lift(args) {\n function completed() {\n lockAPI.release();\n phase = 'COMPLETED';\n }\n if (phase !== 'PRE_DRAG') {\n completed();\n process.env.NODE_ENV !== \"production\" ? invariant(false, `Cannot lift in phase ${phase}`) : invariant() ;\n }\n store.dispatch(lift$1(args.liftActionArgs));\n phase = 'DRAGGING';\n function finish(reason, options = {\n shouldBlockNextClick: false\n }) {\n args.cleanup();\n if (options.shouldBlockNextClick) {\n const unbind = bindEvents(window, [{\n eventName: 'click',\n fn: preventDefault,\n options: {\n once: true,\n passive: false,\n capture: true\n }\n }]);\n setTimeout(unbind);\n }\n completed();\n store.dispatch(drop({\n reason\n }));\n }\n return {\n isActive: () => isActive({\n expected: 'DRAGGING',\n phase,\n isLockActive,\n shouldWarn: false\n }),\n shouldRespectForcePress: getShouldRespectForcePress,\n drop: options => finish('DROP', options),\n cancel: options => finish('CANCEL', options),\n ...args.actions\n };\n }\n function fluidLift(clientSelection) {\n const move$1 = rafSchd(client => {\n tryDispatchWhenDragging(() => move({\n client\n }));\n });\n const api = lift({\n liftActionArgs: {\n id: draggableId,\n clientSelection,\n movementMode: 'FLUID'\n },\n cleanup: () => move$1.cancel(),\n actions: {\n move: move$1\n }\n });\n return {\n ...api,\n move: move$1\n };\n }\n function snapLift() {\n const actions = {\n moveUp: () => tryDispatchWhenDragging(moveUp),\n moveRight: () => tryDispatchWhenDragging(moveRight),\n moveDown: () => tryDispatchWhenDragging(moveDown),\n moveLeft: () => tryDispatchWhenDragging(moveLeft)\n };\n return lift({\n liftActionArgs: {\n id: draggableId,\n clientSelection: getBorderBoxCenterPosition(el),\n movementMode: 'SNAP'\n },\n cleanup: noop$2,\n actions\n });\n }\n function abortPreDrag() {\n const shouldRelease = isActive({\n expected: 'PRE_DRAG',\n phase,\n isLockActive,\n shouldWarn: true\n });\n if (shouldRelease) {\n lockAPI.release();\n }\n }\n const preDrag = {\n isActive: () => isActive({\n expected: 'PRE_DRAG',\n phase,\n isLockActive,\n shouldWarn: false\n }),\n shouldRespectForcePress: getShouldRespectForcePress,\n fluidLift,\n snapLift,\n abort: abortPreDrag\n };\n return preDrag;\n}\nconst defaultSensors = [useMouseSensor, useKeyboardSensor, useTouchSensor];\nfunction useSensorMarshal({\n contextId,\n store,\n registry,\n customSensors,\n enableDefaultSensors\n}) {\n const useSensors = [...(enableDefaultSensors ? defaultSensors : []), ...(customSensors || [])];\n const lockAPI = useState(() => create())[0];\n const tryAbandonLock = useCallback(function tryAbandonLock(previous, current) {\n if (isDragging(previous) && !isDragging(current)) {\n lockAPI.tryAbandon();\n }\n }, [lockAPI]);\n useIsomorphicLayoutEffect(function listenToStore() {\n let previous = store.getState();\n const unsubscribe = store.subscribe(() => {\n const current = store.getState();\n tryAbandonLock(previous, current);\n previous = current;\n });\n return unsubscribe;\n }, [lockAPI, store, tryAbandonLock]);\n useIsomorphicLayoutEffect(() => {\n return lockAPI.tryAbandon;\n }, [lockAPI.tryAbandon]);\n const canGetLock = useCallback(draggableId => {\n return canStart({\n lockAPI,\n registry,\n store,\n draggableId\n });\n }, [lockAPI, registry, store]);\n const tryGetLock = useCallback((draggableId, forceStop, options) => tryStart({\n lockAPI,\n registry,\n contextId,\n store,\n draggableId,\n forceSensorStop: forceStop || null,\n sourceEvent: options && options.sourceEvent ? options.sourceEvent : null\n }), [contextId, lockAPI, registry, store]);\n const findClosestDraggableId = useCallback(event => tryGetClosestDraggableIdFromEvent(contextId, event), [contextId]);\n const findOptionsForDraggable = useCallback(id => {\n const entry = registry.draggable.findById(id);\n return entry ? entry.options : null;\n }, [registry.draggable]);\n const tryReleaseLock = useCallback(function tryReleaseLock() {\n if (!lockAPI.isClaimed()) {\n return;\n }\n lockAPI.tryAbandon();\n if (store.getState().phase !== 'IDLE') {\n store.dispatch(flush());\n }\n }, [lockAPI, store]);\n const isLockClaimed = useCallback(() => lockAPI.isClaimed(), [lockAPI]);\n const api = useMemo(() => ({\n canGetLock,\n tryGetLock,\n findClosestDraggableId,\n findOptionsForDraggable,\n tryReleaseLock,\n isLockClaimed\n }), [canGetLock, tryGetLock, findClosestDraggableId, findOptionsForDraggable, tryReleaseLock, isLockClaimed]);\n useValidateSensorHooks(useSensors);\n for (let i = 0; i < useSensors.length; i++) {\n useSensors[i](api);\n }\n}\n\nconst createResponders = props => ({\n onBeforeCapture: t => {\n const onBeforeCapureCallback = () => {\n if (props.onBeforeCapture) {\n props.onBeforeCapture(t);\n }\n };\n flushSync(onBeforeCapureCallback);\n },\n onBeforeDragStart: props.onBeforeDragStart,\n onDragStart: props.onDragStart,\n onDragEnd: props.onDragEnd,\n onDragUpdate: props.onDragUpdate\n});\nconst createAutoScrollerOptions = props => ({\n ...defaultAutoScrollerOptions,\n ...props.autoScrollerOptions,\n durationDampening: {\n ...defaultAutoScrollerOptions.durationDampening,\n ...props.autoScrollerOptions\n }\n});\nfunction getStore(lazyRef) {\n !lazyRef.current ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Could not find store from lazy ref') : invariant() : void 0;\n return lazyRef.current;\n}\nfunction App(props) {\n const {\n contextId,\n setCallbacks,\n sensors,\n nonce,\n dragHandleUsageInstructions\n } = props;\n const lazyStoreRef = useRef(null);\n useStartupValidation();\n const lastPropsRef = usePrevious(props);\n const getResponders = useCallback(() => {\n return createResponders(lastPropsRef.current);\n }, [lastPropsRef]);\n const getAutoScrollerOptions = useCallback(() => {\n return createAutoScrollerOptions(lastPropsRef.current);\n }, [lastPropsRef]);\n const announce = useAnnouncer(contextId);\n const dragHandleUsageInstructionsId = useHiddenTextElement({\n contextId,\n text: dragHandleUsageInstructions\n });\n const styleMarshal = useStyleMarshal(contextId, nonce);\n const lazyDispatch = useCallback(action => {\n getStore(lazyStoreRef).dispatch(action);\n }, []);\n const marshalCallbacks = useMemo(() => bindActionCreators({\n publishWhileDragging,\n updateDroppableScroll,\n updateDroppableIsEnabled,\n updateDroppableIsCombineEnabled,\n collectionStarting\n }, lazyDispatch), [lazyDispatch]);\n const registry = useRegistry();\n const dimensionMarshal = useMemo(() => {\n return createDimensionMarshal(registry, marshalCallbacks);\n }, [registry, marshalCallbacks]);\n const autoScroller = useMemo(() => createAutoScroller({\n scrollWindow,\n scrollDroppable: dimensionMarshal.scrollDroppable,\n getAutoScrollerOptions,\n ...bindActionCreators({\n move\n }, lazyDispatch)\n }), [dimensionMarshal.scrollDroppable, lazyDispatch, getAutoScrollerOptions]);\n const focusMarshal = useFocusMarshal(contextId);\n const store = useMemo(() => createStore({\n announce,\n autoScroller,\n dimensionMarshal,\n focusMarshal,\n getResponders,\n styleMarshal\n }), [announce, autoScroller, dimensionMarshal, focusMarshal, getResponders, styleMarshal]);\n if (process.env.NODE_ENV !== 'production') {\n if (lazyStoreRef.current && lazyStoreRef.current !== store) {\n process.env.NODE_ENV !== \"production\" ? warning('unexpected store change') : void 0;\n }\n }\n lazyStoreRef.current = store;\n const tryResetStore = useCallback(() => {\n const current = getStore(lazyStoreRef);\n const state = current.getState();\n if (state.phase !== 'IDLE') {\n current.dispatch(flush());\n }\n }, []);\n const isDragging = useCallback(() => {\n const state = getStore(lazyStoreRef).getState();\n if (state.phase === 'DROP_ANIMATING') {\n return true;\n }\n if (state.phase === 'IDLE') {\n return false;\n }\n return state.isDragging;\n }, []);\n const appCallbacks = useMemo(() => ({\n isDragging,\n tryAbort: tryResetStore\n }), [isDragging, tryResetStore]);\n setCallbacks(appCallbacks);\n const getCanLift = useCallback(id => canStartDrag(getStore(lazyStoreRef).getState(), id), []);\n const getIsMovementAllowed = useCallback(() => isMovementAllowed(getStore(lazyStoreRef).getState()), []);\n const appContext = useMemo(() => ({\n marshal: dimensionMarshal,\n focus: focusMarshal,\n contextId,\n canLift: getCanLift,\n isMovementAllowed: getIsMovementAllowed,\n dragHandleUsageInstructionsId,\n registry\n }), [contextId, dimensionMarshal, dragHandleUsageInstructionsId, focusMarshal, getCanLift, getIsMovementAllowed, registry]);\n useSensorMarshal({\n contextId,\n store,\n registry,\n customSensors: sensors || null,\n enableDefaultSensors: props.enableDefaultSensors !== false\n });\n useEffect(() => {\n return tryResetStore;\n }, [tryResetStore]);\n return React.createElement(AppContext.Provider, {\n value: appContext\n }, React.createElement(Provider, {\n context: StoreContext,\n store: store\n }, props.children));\n}\n\nfunction useUniqueContextId() {\n return React.useId();\n}\n\nfunction DragDropContext(props) {\n const contextId = useUniqueContextId();\n const dragHandleUsageInstructions = props.dragHandleUsageInstructions || preset.dragHandleUsageInstructions;\n return React.createElement(ErrorBoundary, null, setCallbacks => React.createElement(App, {\n nonce: props.nonce,\n contextId: contextId,\n setCallbacks: setCallbacks,\n dragHandleUsageInstructions: dragHandleUsageInstructions,\n enableDefaultSensors: props.enableDefaultSensors,\n sensors: props.sensors,\n onBeforeCapture: props.onBeforeCapture,\n onBeforeDragStart: props.onBeforeDragStart,\n onDragStart: props.onDragStart,\n onDragUpdate: props.onDragUpdate,\n onDragEnd: props.onDragEnd,\n autoScrollerOptions: props.autoScrollerOptions\n }, props.children));\n}\n\nconst zIndexOptions = {\n dragging: 5000,\n dropAnimating: 4500\n};\nconst getDraggingTransition = (shouldAnimateDragMovement, dropping) => {\n if (dropping) {\n return transitions.drop(dropping.duration);\n }\n if (shouldAnimateDragMovement) {\n return transitions.snap;\n }\n return transitions.fluid;\n};\nconst getDraggingOpacity = (isCombining, isDropAnimating) => {\n if (!isCombining) {\n return undefined;\n }\n return isDropAnimating ? combine.opacity.drop : combine.opacity.combining;\n};\nconst getShouldDraggingAnimate = dragging => {\n if (dragging.forceShouldAnimate != null) {\n return dragging.forceShouldAnimate;\n }\n return dragging.mode === 'SNAP';\n};\nfunction getDraggingStyle(dragging) {\n const dimension = dragging.dimension;\n const box = dimension.client;\n const {\n offset,\n combineWith,\n dropping\n } = dragging;\n const isCombining = Boolean(combineWith);\n const shouldAnimate = getShouldDraggingAnimate(dragging);\n const isDropAnimating = Boolean(dropping);\n const transform = isDropAnimating ? transforms.drop(offset, isCombining) : transforms.moveTo(offset);\n const style = {\n position: 'fixed',\n top: box.marginBox.top,\n left: box.marginBox.left,\n boxSizing: 'border-box',\n width: box.borderBox.width,\n height: box.borderBox.height,\n transition: getDraggingTransition(shouldAnimate, dropping),\n transform,\n opacity: getDraggingOpacity(isCombining, isDropAnimating),\n zIndex: isDropAnimating ? zIndexOptions.dropAnimating : zIndexOptions.dragging,\n pointerEvents: 'none'\n };\n return style;\n}\nfunction getSecondaryStyle(secondary) {\n return {\n transform: transforms.moveTo(secondary.offset),\n transition: secondary.shouldAnimateDisplacement ? undefined : 'none'\n };\n}\nfunction getStyle$1(mapped) {\n return mapped.type === 'DRAGGING' ? getDraggingStyle(mapped) : getSecondaryStyle(mapped);\n}\n\nfunction getDimension$1(descriptor, el, windowScroll = origin) {\n const computedStyles = window.getComputedStyle(el);\n const borderBox = el.getBoundingClientRect();\n const client = calculateBox(borderBox, computedStyles);\n const page = withScroll(client, windowScroll);\n const placeholder = {\n client,\n tagName: el.tagName.toLowerCase(),\n display: computedStyles.display\n };\n const displaceBy = {\n x: client.marginBox.width,\n y: client.marginBox.height\n };\n const dimension = {\n descriptor,\n placeholder,\n displaceBy,\n client,\n page\n };\n return dimension;\n}\n\nfunction useDraggablePublisher(args) {\n const uniqueId = useUniqueId('draggable');\n const {\n descriptor,\n registry,\n getDraggableRef,\n canDragInteractiveElements,\n shouldRespectForcePress,\n isEnabled\n } = args;\n const options = useMemo(() => ({\n canDragInteractiveElements,\n shouldRespectForcePress,\n isEnabled\n }), [canDragInteractiveElements, isEnabled, shouldRespectForcePress]);\n const getDimension = useCallback(windowScroll => {\n const el = getDraggableRef();\n !el ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot get dimension when no ref is set') : invariant() : void 0;\n return getDimension$1(descriptor, el, windowScroll);\n }, [descriptor, getDraggableRef]);\n const entry = useMemo(() => ({\n uniqueId,\n descriptor,\n options,\n getDimension\n }), [descriptor, getDimension, options, uniqueId]);\n const publishedRef = useRef(entry);\n const isFirstPublishRef = useRef(true);\n useIsomorphicLayoutEffect(() => {\n registry.draggable.register(publishedRef.current);\n return () => registry.draggable.unregister(publishedRef.current);\n }, [registry.draggable]);\n useIsomorphicLayoutEffect(() => {\n if (isFirstPublishRef.current) {\n isFirstPublishRef.current = false;\n return;\n }\n const last = publishedRef.current;\n publishedRef.current = entry;\n registry.draggable.update(entry, last);\n }, [entry, registry.draggable]);\n}\n\nvar DroppableContext = React.createContext(null);\n\nfunction checkIsValidInnerRef(el) {\n !(el && isHtmlElement(el)) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `\n provided.innerRef has not been provided with a HTMLElement.\n\n You can find a guide on using the innerRef callback functions at:\n https://github.com/hello-pangea/dnd/blob/main/docs/guides/using-inner-ref.md\n `) : invariant() : void 0;\n}\n\nfunction useValidation$1(props, contextId, getRef) {\n useDevSetupWarning(() => {\n function prefix(id) {\n return `Draggable[id: ${id}]: `;\n }\n const id = props.draggableId;\n !id ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Draggable requires a draggableId') : invariant(false) : void 0;\n !(typeof id === 'string') ? process.env.NODE_ENV !== \"production\" ? invariant(false, `Draggable requires a [string] draggableId.\n Provided: [type: ${typeof id}] (value: ${id})`) : invariant(false) : void 0;\n !Number.isInteger(props.index) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `${prefix(id)} requires an integer index prop`) : invariant(false) : void 0;\n if (props.mapped.type === 'DRAGGING') {\n return;\n }\n checkIsValidInnerRef(getRef());\n if (props.isEnabled) {\n !findDragHandle(contextId, id) ? process.env.NODE_ENV !== \"production\" ? invariant(false, `${prefix(id)} Unable to find drag handle`) : invariant(false) : void 0;\n }\n });\n}\nfunction useClonePropValidation(isClone) {\n useDev(() => {\n const initialRef = useRef(isClone);\n useDevSetupWarning(() => {\n !(isClone === initialRef.current) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Draggable isClone prop value changed during component life') : invariant(false) : void 0;\n }, [isClone]);\n });\n}\n\nfunction useRequiredContext(Context) {\n const result = useContext(Context);\n !result ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Could not find required context') : invariant() : void 0;\n return result;\n}\n\nfunction preventHtml5Dnd(event) {\n event.preventDefault();\n}\nconst Draggable = props => {\n const ref = useRef(null);\n const setRef = useCallback((el = null) => {\n ref.current = el;\n }, []);\n const getRef = useCallback(() => ref.current, []);\n const {\n contextId,\n dragHandleUsageInstructionsId,\n registry\n } = useRequiredContext(AppContext);\n const {\n type,\n droppableId\n } = useRequiredContext(DroppableContext);\n const descriptor = useMemo(() => ({\n id: props.draggableId,\n index: props.index,\n type,\n droppableId\n }), [props.draggableId, props.index, type, droppableId]);\n const {\n children,\n draggableId,\n isEnabled,\n shouldRespectForcePress,\n canDragInteractiveElements,\n isClone,\n mapped,\n dropAnimationFinished: dropAnimationFinishedAction\n } = props;\n useValidation$1(props, contextId, getRef);\n useClonePropValidation(isClone);\n if (!isClone) {\n const forPublisher = useMemo(() => ({\n descriptor,\n registry,\n getDraggableRef: getRef,\n canDragInteractiveElements,\n shouldRespectForcePress,\n isEnabled\n }), [descriptor, registry, getRef, canDragInteractiveElements, shouldRespectForcePress, isEnabled]);\n useDraggablePublisher(forPublisher);\n }\n const dragHandleProps = useMemo(() => isEnabled ? {\n tabIndex: 0,\n role: 'button',\n 'aria-describedby': dragHandleUsageInstructionsId,\n 'data-rfd-drag-handle-draggable-id': draggableId,\n 'data-rfd-drag-handle-context-id': contextId,\n draggable: false,\n onDragStart: preventHtml5Dnd\n } : null, [contextId, dragHandleUsageInstructionsId, draggableId, isEnabled]);\n const onMoveEnd = useCallback(event => {\n if (mapped.type !== 'DRAGGING') {\n return;\n }\n if (!mapped.dropping) {\n return;\n }\n if (event.propertyName !== 'transform') {\n return;\n }\n flushSync(dropAnimationFinishedAction);\n }, [dropAnimationFinishedAction, mapped]);\n const provided = useMemo(() => {\n const style = getStyle$1(mapped);\n const onTransitionEnd = mapped.type === 'DRAGGING' && mapped.dropping ? onMoveEnd : undefined;\n const result = {\n innerRef: setRef,\n draggableProps: {\n 'data-rfd-draggable-context-id': contextId,\n 'data-rfd-draggable-id': draggableId,\n style,\n onTransitionEnd\n },\n dragHandleProps\n };\n return result;\n }, [contextId, dragHandleProps, draggableId, mapped, onMoveEnd, setRef]);\n const rubric = useMemo(() => ({\n draggableId: descriptor.id,\n type: descriptor.type,\n source: {\n index: descriptor.index,\n droppableId: descriptor.droppableId\n }\n }), [descriptor.droppableId, descriptor.id, descriptor.index, descriptor.type]);\n return React.createElement(React.Fragment, null, children(provided, mapped.snapshot, rubric));\n};\n\nvar isStrictEqual = (a, b) => a === b;\n\nvar whatIsDraggedOverFromResult = result => {\n const {\n combine,\n destination\n } = result;\n if (destination) {\n return destination.droppableId;\n }\n if (combine) {\n return combine.droppableId;\n }\n return null;\n};\n\nconst getCombineWithFromResult = result => {\n return result.combine ? result.combine.draggableId : null;\n};\nconst getCombineWithFromImpact = impact => {\n return impact.at && impact.at.type === 'COMBINE' ? impact.at.combine.draggableId : null;\n};\nfunction getDraggableSelector() {\n const memoizedOffset = memoizeOne((x, y) => ({\n x,\n y\n }));\n const getMemoizedSnapshot = memoizeOne((mode, isClone, draggingOver = null, combineWith = null, dropping = null) => ({\n isDragging: true,\n isClone,\n isDropAnimating: Boolean(dropping),\n dropAnimation: dropping,\n mode,\n draggingOver,\n combineWith,\n combineTargetFor: null\n }));\n const getMemoizedProps = memoizeOne((offset, mode, dimension, isClone, draggingOver = null, combineWith = null, forceShouldAnimate = null) => ({\n mapped: {\n type: 'DRAGGING',\n dropping: null,\n draggingOver,\n combineWith,\n mode,\n offset,\n dimension,\n forceShouldAnimate,\n snapshot: getMemoizedSnapshot(mode, isClone, draggingOver, combineWith, null)\n }\n }));\n const selector = (state, ownProps) => {\n if (isDragging(state)) {\n if (state.critical.draggable.id !== ownProps.draggableId) {\n return null;\n }\n const offset = state.current.client.offset;\n const dimension = state.dimensions.draggables[ownProps.draggableId];\n const draggingOver = whatIsDraggedOver(state.impact);\n const combineWith = getCombineWithFromImpact(state.impact);\n const forceShouldAnimate = state.forceShouldAnimate;\n return getMemoizedProps(memoizedOffset(offset.x, offset.y), state.movementMode, dimension, ownProps.isClone, draggingOver, combineWith, forceShouldAnimate);\n }\n if (state.phase === 'DROP_ANIMATING') {\n const completed = state.completed;\n if (completed.result.draggableId !== ownProps.draggableId) {\n return null;\n }\n const isClone = ownProps.isClone;\n const dimension = state.dimensions.draggables[ownProps.draggableId];\n const result = completed.result;\n const mode = result.mode;\n const draggingOver = whatIsDraggedOverFromResult(result);\n const combineWith = getCombineWithFromResult(result);\n const duration = state.dropDuration;\n const dropping = {\n duration,\n curve: curves.drop,\n moveTo: state.newHomeClientOffset,\n opacity: combineWith ? combine.opacity.drop : null,\n scale: combineWith ? combine.scale.drop : null\n };\n return {\n mapped: {\n type: 'DRAGGING',\n offset: state.newHomeClientOffset,\n dimension,\n dropping,\n draggingOver,\n combineWith,\n mode,\n forceShouldAnimate: null,\n snapshot: getMemoizedSnapshot(mode, isClone, draggingOver, combineWith, dropping)\n }\n };\n }\n return null;\n };\n return selector;\n}\nfunction getSecondarySnapshot(combineTargetFor = null) {\n return {\n isDragging: false,\n isDropAnimating: false,\n isClone: false,\n dropAnimation: null,\n mode: null,\n draggingOver: null,\n combineTargetFor,\n combineWith: null\n };\n}\nconst atRest = {\n mapped: {\n type: 'SECONDARY',\n offset: origin,\n combineTargetFor: null,\n shouldAnimateDisplacement: true,\n snapshot: getSecondarySnapshot(null)\n }\n};\nfunction getSecondarySelector() {\n const memoizedOffset = memoizeOne((x, y) => ({\n x,\n y\n }));\n const getMemoizedSnapshot = memoizeOne(getSecondarySnapshot);\n const getMemoizedProps = memoizeOne((offset, combineTargetFor = null, shouldAnimateDisplacement) => ({\n mapped: {\n type: 'SECONDARY',\n offset,\n combineTargetFor,\n shouldAnimateDisplacement,\n snapshot: getMemoizedSnapshot(combineTargetFor)\n }\n }));\n const getFallback = combineTargetFor => {\n return combineTargetFor ? getMemoizedProps(origin, combineTargetFor, true) : null;\n };\n const getProps = (ownId, draggingId, impact, afterCritical) => {\n const visualDisplacement = impact.displaced.visible[ownId];\n const isAfterCriticalInVirtualList = Boolean(afterCritical.inVirtualList && afterCritical.effected[ownId]);\n const combine = tryGetCombine(impact);\n const combineTargetFor = combine && combine.draggableId === ownId ? draggingId : null;\n if (!visualDisplacement) {\n if (!isAfterCriticalInVirtualList) {\n return getFallback(combineTargetFor);\n }\n if (impact.displaced.invisible[ownId]) {\n return null;\n }\n const change = negate(afterCritical.displacedBy.point);\n const offset = memoizedOffset(change.x, change.y);\n return getMemoizedProps(offset, combineTargetFor, true);\n }\n if (isAfterCriticalInVirtualList) {\n return getFallback(combineTargetFor);\n }\n const displaceBy = impact.displacedBy.point;\n const offset = memoizedOffset(displaceBy.x, displaceBy.y);\n return getMemoizedProps(offset, combineTargetFor, visualDisplacement.shouldAnimate);\n };\n const selector = (state, ownProps) => {\n if (isDragging(state)) {\n if (state.critical.draggable.id === ownProps.draggableId) {\n return null;\n }\n return getProps(ownProps.draggableId, state.critical.draggable.id, state.impact, state.afterCritical);\n }\n if (state.phase === 'DROP_ANIMATING') {\n const completed = state.completed;\n if (completed.result.draggableId === ownProps.draggableId) {\n return null;\n }\n return getProps(ownProps.draggableId, completed.result.draggableId, completed.impact, completed.afterCritical);\n }\n return null;\n };\n return selector;\n}\nconst makeMapStateToProps$1 = () => {\n const draggingSelector = getDraggableSelector();\n const secondarySelector = getSecondarySelector();\n const selector = (state, ownProps) => draggingSelector(state, ownProps) || secondarySelector(state, ownProps) || atRest;\n return selector;\n};\nconst mapDispatchToProps$1 = {\n dropAnimationFinished: dropAnimationFinished\n};\nconst ConnectedDraggable = connect(makeMapStateToProps$1, mapDispatchToProps$1, null, {\n context: StoreContext,\n areStatePropsEqual: isStrictEqual\n})(Draggable);\n\nfunction PrivateDraggable(props) {\n const droppableContext = useRequiredContext(DroppableContext);\n const isUsingCloneFor = droppableContext.isUsingCloneFor;\n if (isUsingCloneFor === props.draggableId && !props.isClone) {\n return null;\n }\n return React.createElement(ConnectedDraggable, props);\n}\nfunction PublicDraggable(props) {\n const isEnabled = typeof props.isDragDisabled === 'boolean' ? !props.isDragDisabled : true;\n const canDragInteractiveElements = Boolean(props.disableInteractiveElementBlocking);\n const shouldRespectForcePress = Boolean(props.shouldRespectForcePress);\n return React.createElement(PrivateDraggable, _extends({}, props, {\n isClone: false,\n isEnabled: isEnabled,\n canDragInteractiveElements: canDragInteractiveElements,\n shouldRespectForcePress: shouldRespectForcePress\n }));\n}\n\nconst isEqual = base => value => base === value;\nconst isScroll = isEqual('scroll');\nconst isAuto = isEqual('auto');\nconst isVisible = isEqual('visible');\nconst isEither = (overflow, fn) => fn(overflow.overflowX) || fn(overflow.overflowY);\nconst isBoth = (overflow, fn) => fn(overflow.overflowX) && fn(overflow.overflowY);\nconst isElementScrollable = el => {\n const style = window.getComputedStyle(el);\n const overflow = {\n overflowX: style.overflowX,\n overflowY: style.overflowY\n };\n return isEither(overflow, isScroll) || isEither(overflow, isAuto);\n};\nconst isBodyScrollable = () => {\n if (process.env.NODE_ENV === 'production') {\n return false;\n }\n const body = getBodyElement();\n const html = document.documentElement;\n !html ? process.env.NODE_ENV !== \"production\" ? invariant() : invariant() : void 0;\n if (!isElementScrollable(body)) {\n return false;\n }\n const htmlStyle = window.getComputedStyle(html);\n const htmlOverflow = {\n overflowX: htmlStyle.overflowX,\n overflowY: htmlStyle.overflowY\n };\n if (isBoth(htmlOverflow, isVisible)) {\n return false;\n }\n process.env.NODE_ENV !== \"production\" ? warning(`\n We have detected that your element might be a scroll container.\n We have found no reliable way of detecting whether the element is a scroll container.\n Under most circumstances a scroll bar will be on the element (document.documentElement)\n\n Because we cannot determine if the is a scroll container, and generally it is not one,\n we will be treating the as *not* a scroll container\n\n More information: https://github.com/hello-pangea/dnd/blob/main/docs/guides/how-we-detect-scroll-containers.md\n `) : void 0;\n return false;\n};\nconst getClosestScrollable = el => {\n if (el == null) {\n return null;\n }\n if (el === document.body) {\n return isBodyScrollable() ? el : null;\n }\n if (el === document.documentElement) {\n return null;\n }\n if (!isElementScrollable(el)) {\n return getClosestScrollable(el.parentElement);\n }\n return el;\n};\n\nvar checkForNestedScrollContainers = scrollable => {\n if (!scrollable) {\n return;\n }\n const anotherScrollParent = getClosestScrollable(scrollable.parentElement);\n if (!anotherScrollParent) {\n return;\n }\n process.env.NODE_ENV !== \"production\" ? warning(`\n Droppable: unsupported nested scroll container detected.\n A Droppable can only have one scroll parent (which can be itself)\n Nested scroll containers are currently not supported.\n\n We hope to support nested scroll containers soon: https://github.com/atlassian/react-beautiful-dnd/issues/131\n `) : void 0;\n};\n\nvar getScroll = el => ({\n x: el.scrollLeft,\n y: el.scrollTop\n});\n\nconst getIsFixed = el => {\n if (!el) {\n return false;\n }\n const style = window.getComputedStyle(el);\n if (style.position === 'fixed') {\n return true;\n }\n return getIsFixed(el.parentElement);\n};\nvar getEnv = start => {\n const closestScrollable = getClosestScrollable(start);\n const isFixedOnPage = getIsFixed(start);\n return {\n closestScrollable,\n isFixedOnPage\n };\n};\n\nvar getDroppableDimension = ({\n descriptor,\n isEnabled,\n isCombineEnabled,\n isFixedOnPage,\n direction,\n client,\n page,\n closest\n}) => {\n const frame = (() => {\n if (!closest) {\n return null;\n }\n const {\n scrollSize,\n client: frameClient\n } = closest;\n const maxScroll = getMaxScroll({\n scrollHeight: scrollSize.scrollHeight,\n scrollWidth: scrollSize.scrollWidth,\n height: frameClient.paddingBox.height,\n width: frameClient.paddingBox.width\n });\n return {\n pageMarginBox: closest.page.marginBox,\n frameClient,\n scrollSize,\n shouldClipSubject: closest.shouldClipSubject,\n scroll: {\n initial: closest.scroll,\n current: closest.scroll,\n max: maxScroll,\n diff: {\n value: origin,\n displacement: origin\n }\n }\n };\n })();\n const axis = direction === 'vertical' ? vertical : horizontal;\n const subject = getSubject({\n page,\n withPlaceholder: null,\n axis,\n frame\n });\n const dimension = {\n descriptor,\n isCombineEnabled,\n isFixedOnPage,\n axis,\n isEnabled,\n client,\n page,\n frame,\n subject\n };\n return dimension;\n};\n\nconst getClient = (targetRef, closestScrollable) => {\n const base = getBox(targetRef);\n if (!closestScrollable) {\n return base;\n }\n if (targetRef !== closestScrollable) {\n return base;\n }\n const top = base.paddingBox.top - closestScrollable.scrollTop;\n const left = base.paddingBox.left - closestScrollable.scrollLeft;\n const bottom = top + closestScrollable.scrollHeight;\n const right = left + closestScrollable.scrollWidth;\n const paddingBox = {\n top,\n right,\n bottom,\n left\n };\n const borderBox = expand(paddingBox, base.border);\n const client = createBox({\n borderBox,\n margin: base.margin,\n border: base.border,\n padding: base.padding\n });\n return client;\n};\nvar getDimension = ({\n ref,\n descriptor,\n env,\n windowScroll,\n direction,\n isDropDisabled,\n isCombineEnabled,\n shouldClipSubject\n}) => {\n const closestScrollable = env.closestScrollable;\n const client = getClient(ref, closestScrollable);\n const page = withScroll(client, windowScroll);\n const closest = (() => {\n if (!closestScrollable) {\n return null;\n }\n const frameClient = getBox(closestScrollable);\n const scrollSize = {\n scrollHeight: closestScrollable.scrollHeight,\n scrollWidth: closestScrollable.scrollWidth\n };\n return {\n client: frameClient,\n page: withScroll(frameClient, windowScroll),\n scroll: getScroll(closestScrollable),\n scrollSize,\n shouldClipSubject\n };\n })();\n const dimension = getDroppableDimension({\n descriptor,\n isEnabled: !isDropDisabled,\n isCombineEnabled,\n isFixedOnPage: env.isFixedOnPage,\n direction,\n client,\n page,\n closest\n });\n return dimension;\n};\n\nconst immediate = {\n passive: false\n};\nconst delayed = {\n passive: true\n};\nvar getListenerOptions = options => options.shouldPublishImmediately ? immediate : delayed;\n\nconst getClosestScrollableFromDrag = dragging => dragging && dragging.env.closestScrollable || null;\nfunction useDroppablePublisher(args) {\n const whileDraggingRef = useRef(null);\n const appContext = useRequiredContext(AppContext);\n const uniqueId = useUniqueId('droppable');\n const {\n registry,\n marshal\n } = appContext;\n const previousRef = usePrevious(args);\n const descriptor = useMemo(() => ({\n id: args.droppableId,\n type: args.type,\n mode: args.mode\n }), [args.droppableId, args.mode, args.type]);\n const publishedDescriptorRef = useRef(descriptor);\n const memoizedUpdateScroll = useMemo(() => memoizeOne((x, y) => {\n !whileDraggingRef.current ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Can only update scroll when dragging') : invariant() : void 0;\n const scroll = {\n x,\n y\n };\n marshal.updateDroppableScroll(descriptor.id, scroll);\n }), [descriptor.id, marshal]);\n const getClosestScroll = useCallback(() => {\n const dragging = whileDraggingRef.current;\n if (!dragging || !dragging.env.closestScrollable) {\n return origin;\n }\n return getScroll(dragging.env.closestScrollable);\n }, []);\n const updateScroll = useCallback(() => {\n const scroll = getClosestScroll();\n memoizedUpdateScroll(scroll.x, scroll.y);\n }, [getClosestScroll, memoizedUpdateScroll]);\n const scheduleScrollUpdate = useMemo(() => rafSchd(updateScroll), [updateScroll]);\n const onClosestScroll = useCallback(() => {\n const dragging = whileDraggingRef.current;\n const closest = getClosestScrollableFromDrag(dragging);\n !(dragging && closest) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Could not find scroll options while scrolling') : invariant() : void 0;\n const options = dragging.scrollOptions;\n if (options.shouldPublishImmediately) {\n updateScroll();\n return;\n }\n scheduleScrollUpdate();\n }, [scheduleScrollUpdate, updateScroll]);\n const getDimensionAndWatchScroll = useCallback((windowScroll, options) => {\n !!whileDraggingRef.current ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot collect a droppable while a drag is occurring') : invariant() : void 0;\n const previous = previousRef.current;\n const ref = previous.getDroppableRef();\n !ref ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot collect without a droppable ref') : invariant() : void 0;\n const env = getEnv(ref);\n const dragging = {\n ref,\n descriptor,\n env,\n scrollOptions: options\n };\n whileDraggingRef.current = dragging;\n const dimension = getDimension({\n ref,\n descriptor,\n env,\n windowScroll,\n direction: previous.direction,\n isDropDisabled: previous.isDropDisabled,\n isCombineEnabled: previous.isCombineEnabled,\n shouldClipSubject: !previous.ignoreContainerClipping\n });\n const scrollable = env.closestScrollable;\n if (scrollable) {\n scrollable.setAttribute(scrollContainer.contextId, appContext.contextId);\n scrollable.addEventListener('scroll', onClosestScroll, getListenerOptions(dragging.scrollOptions));\n if (process.env.NODE_ENV !== 'production') {\n checkForNestedScrollContainers(scrollable);\n }\n }\n return dimension;\n }, [appContext.contextId, descriptor, onClosestScroll, previousRef]);\n const getScrollWhileDragging = useCallback(() => {\n const dragging = whileDraggingRef.current;\n const closest = getClosestScrollableFromDrag(dragging);\n !(dragging && closest) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Can only recollect Droppable client for Droppables that have a scroll container') : invariant() : void 0;\n return getScroll(closest);\n }, []);\n const dragStopped = useCallback(() => {\n const dragging = whileDraggingRef.current;\n !dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot stop drag when no active drag') : invariant() : void 0;\n const closest = getClosestScrollableFromDrag(dragging);\n whileDraggingRef.current = null;\n if (!closest) {\n return;\n }\n scheduleScrollUpdate.cancel();\n closest.removeAttribute(scrollContainer.contextId);\n closest.removeEventListener('scroll', onClosestScroll, getListenerOptions(dragging.scrollOptions));\n }, [onClosestScroll, scheduleScrollUpdate]);\n const scroll = useCallback(change => {\n const dragging = whileDraggingRef.current;\n !dragging ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot scroll when there is no drag') : invariant() : void 0;\n const closest = getClosestScrollableFromDrag(dragging);\n !closest ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Cannot scroll a droppable with no closest scrollable') : invariant() : void 0;\n closest.scrollTop += change.y;\n closest.scrollLeft += change.x;\n }, []);\n const callbacks = useMemo(() => {\n return {\n getDimensionAndWatchScroll,\n getScrollWhileDragging,\n dragStopped,\n scroll\n };\n }, [dragStopped, getDimensionAndWatchScroll, getScrollWhileDragging, scroll]);\n const entry = useMemo(() => ({\n uniqueId,\n descriptor,\n callbacks\n }), [callbacks, descriptor, uniqueId]);\n useIsomorphicLayoutEffect(() => {\n publishedDescriptorRef.current = entry.descriptor;\n registry.droppable.register(entry);\n return () => {\n if (whileDraggingRef.current) {\n process.env.NODE_ENV !== \"production\" ? warning('Unsupported: changing the droppableId or type of a Droppable during a drag') : void 0;\n dragStopped();\n }\n registry.droppable.unregister(entry);\n };\n }, [callbacks, descriptor, dragStopped, entry, marshal, registry.droppable]);\n useIsomorphicLayoutEffect(() => {\n if (!whileDraggingRef.current) {\n return;\n }\n marshal.updateDroppableIsEnabled(publishedDescriptorRef.current.id, !args.isDropDisabled);\n }, [args.isDropDisabled, marshal]);\n useIsomorphicLayoutEffect(() => {\n if (!whileDraggingRef.current) {\n return;\n }\n marshal.updateDroppableIsCombineEnabled(publishedDescriptorRef.current.id, args.isCombineEnabled);\n }, [args.isCombineEnabled, marshal]);\n}\n\nfunction noop() {}\nconst empty = {\n width: 0,\n height: 0,\n margin: noSpacing\n};\nconst getSize = ({\n isAnimatingOpenOnMount,\n placeholder,\n animate\n}) => {\n if (isAnimatingOpenOnMount) {\n return empty;\n }\n if (animate === 'close') {\n return empty;\n }\n return {\n height: placeholder.client.borderBox.height,\n width: placeholder.client.borderBox.width,\n margin: placeholder.client.margin\n };\n};\nconst getStyle = ({\n isAnimatingOpenOnMount,\n placeholder,\n animate\n}) => {\n const size = getSize({\n isAnimatingOpenOnMount,\n placeholder,\n animate\n });\n return {\n display: placeholder.display,\n boxSizing: 'border-box',\n width: size.width,\n height: size.height,\n marginTop: size.margin.top,\n marginRight: size.margin.right,\n marginBottom: size.margin.bottom,\n marginLeft: size.margin.left,\n flexShrink: '0',\n flexGrow: '0',\n pointerEvents: 'none',\n transition: animate !== 'none' ? transitions.placeholder : null\n };\n};\nconst Placeholder = props => {\n const animateOpenTimerRef = useRef(null);\n const tryClearAnimateOpenTimer = useCallback(() => {\n if (!animateOpenTimerRef.current) {\n return;\n }\n clearTimeout(animateOpenTimerRef.current);\n animateOpenTimerRef.current = null;\n }, []);\n const {\n animate,\n onTransitionEnd,\n onClose,\n contextId\n } = props;\n const [isAnimatingOpenOnMount, setIsAnimatingOpenOnMount] = useState(props.animate === 'open');\n useEffect(() => {\n if (!isAnimatingOpenOnMount) {\n return noop;\n }\n if (animate !== 'open') {\n tryClearAnimateOpenTimer();\n setIsAnimatingOpenOnMount(false);\n return noop;\n }\n if (animateOpenTimerRef.current) {\n return noop;\n }\n animateOpenTimerRef.current = setTimeout(() => {\n animateOpenTimerRef.current = null;\n setIsAnimatingOpenOnMount(false);\n });\n return tryClearAnimateOpenTimer;\n }, [animate, isAnimatingOpenOnMount, tryClearAnimateOpenTimer]);\n const onSizeChangeEnd = useCallback(event => {\n if (event.propertyName !== 'height') {\n return;\n }\n onTransitionEnd();\n if (animate === 'close') {\n onClose();\n }\n }, [animate, onClose, onTransitionEnd]);\n const style = getStyle({\n isAnimatingOpenOnMount,\n animate: props.animate,\n placeholder: props.placeholder\n });\n return React.createElement(props.placeholder.tagName, {\n style,\n 'data-rfd-placeholder-context-id': contextId,\n onTransitionEnd: onSizeChangeEnd,\n ref: props.innerRef\n });\n};\nvar Placeholder$1 = React.memo(Placeholder);\n\nfunction isBoolean(value) {\n return typeof value === 'boolean';\n}\nfunction runChecks(args, checks) {\n checks.forEach(check => check(args));\n}\nconst shared = [function required({\n props\n}) {\n !props.droppableId ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'A Droppable requires a droppableId prop') : invariant() : void 0;\n !(typeof props.droppableId === 'string') ? process.env.NODE_ENV !== \"production\" ? invariant(false, `A Droppable requires a [string] droppableId. Provided: [${typeof props.droppableId}]`) : invariant() : void 0;\n}, function boolean({\n props\n}) {\n !isBoolean(props.isDropDisabled) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'isDropDisabled must be a boolean') : invariant() : void 0;\n !isBoolean(props.isCombineEnabled) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'isCombineEnabled must be a boolean') : invariant() : void 0;\n !isBoolean(props.ignoreContainerClipping) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'ignoreContainerClipping must be a boolean') : invariant() : void 0;\n}, function ref({\n getDroppableRef\n}) {\n checkIsValidInnerRef(getDroppableRef());\n}];\nconst standard = [function placeholder({\n props,\n getPlaceholderRef\n}) {\n if (!props.placeholder) {\n return;\n }\n const ref = getPlaceholderRef();\n if (ref) {\n return;\n }\n process.env.NODE_ENV !== \"production\" ? warning(`\n Droppable setup issue [droppableId: \"${props.droppableId}\"]:\n DroppableProvided > placeholder could not be found.\n\n Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.\n More information: https://github.com/hello-pangea/dnd/blob/main/docs/api/droppable.md\n `) : void 0;\n}];\nconst virtual = [function hasClone({\n props\n}) {\n !props.renderClone ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Must provide a clone render function (renderClone) for virtual lists') : invariant() : void 0;\n}, function hasNoPlaceholder({\n getPlaceholderRef\n}) {\n !!getPlaceholderRef() ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Expected virtual list to not have a placeholder') : invariant() : void 0;\n}];\nfunction useValidation(args) {\n useDevSetupWarning(() => {\n runChecks(args, shared);\n if (args.props.mode === 'standard') {\n runChecks(args, standard);\n }\n if (args.props.mode === 'virtual') {\n runChecks(args, virtual);\n }\n });\n}\n\nclass AnimateInOut extends React.PureComponent {\n constructor(...args) {\n super(...args);\n this.state = {\n isVisible: Boolean(this.props.on),\n data: this.props.on,\n animate: this.props.shouldAnimate && this.props.on ? 'open' : 'none'\n };\n this.onClose = () => {\n if (this.state.animate !== 'close') {\n return;\n }\n this.setState({\n isVisible: false\n });\n };\n }\n static getDerivedStateFromProps(props, state) {\n if (!props.shouldAnimate) {\n return {\n isVisible: Boolean(props.on),\n data: props.on,\n animate: 'none'\n };\n }\n if (props.on) {\n return {\n isVisible: true,\n data: props.on,\n animate: 'open'\n };\n }\n if (state.isVisible) {\n return {\n isVisible: true,\n data: state.data,\n animate: 'close'\n };\n }\n return {\n isVisible: false,\n animate: 'close',\n data: null\n };\n }\n render() {\n if (!this.state.isVisible) {\n return null;\n }\n const provided = {\n onClose: this.onClose,\n data: this.state.data,\n animate: this.state.animate\n };\n return this.props.children(provided);\n }\n}\n\nconst Droppable = props => {\n const appContext = useContext(AppContext);\n !appContext ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Could not find app context') : invariant() : void 0;\n const {\n contextId,\n isMovementAllowed\n } = appContext;\n const droppableRef = useRef(null);\n const placeholderRef = useRef(null);\n const {\n children,\n droppableId,\n type,\n mode,\n direction,\n ignoreContainerClipping,\n isDropDisabled,\n isCombineEnabled,\n snapshot,\n useClone,\n updateViewportMaxScroll,\n getContainerForClone\n } = props;\n const getDroppableRef = useCallback(() => droppableRef.current, []);\n const setDroppableRef = useCallback((value = null) => {\n droppableRef.current = value;\n }, []);\n const getPlaceholderRef = useCallback(() => placeholderRef.current, []);\n const setPlaceholderRef = useCallback((value = null) => {\n placeholderRef.current = value;\n }, []);\n useValidation({\n props,\n getDroppableRef,\n getPlaceholderRef\n });\n const onPlaceholderTransitionEnd = useCallback(() => {\n if (isMovementAllowed()) {\n updateViewportMaxScroll({\n maxScroll: getMaxWindowScroll()\n });\n }\n }, [isMovementAllowed, updateViewportMaxScroll]);\n useDroppablePublisher({\n droppableId,\n type,\n mode,\n direction,\n isDropDisabled,\n isCombineEnabled,\n ignoreContainerClipping,\n getDroppableRef\n });\n const placeholder = useMemo(() => React.createElement(AnimateInOut, {\n on: props.placeholder,\n shouldAnimate: props.shouldAnimatePlaceholder\n }, ({\n onClose,\n data,\n animate\n }) => React.createElement(Placeholder$1, {\n placeholder: data,\n onClose: onClose,\n innerRef: setPlaceholderRef,\n animate: animate,\n contextId: contextId,\n onTransitionEnd: onPlaceholderTransitionEnd\n })), [contextId, onPlaceholderTransitionEnd, props.placeholder, props.shouldAnimatePlaceholder, setPlaceholderRef]);\n const provided = useMemo(() => ({\n innerRef: setDroppableRef,\n placeholder,\n droppableProps: {\n 'data-rfd-droppable-id': droppableId,\n 'data-rfd-droppable-context-id': contextId\n }\n }), [contextId, droppableId, placeholder, setDroppableRef]);\n const isUsingCloneFor = useClone ? useClone.dragging.draggableId : null;\n const droppableContext = useMemo(() => ({\n droppableId,\n type,\n isUsingCloneFor\n }), [droppableId, isUsingCloneFor, type]);\n function getClone() {\n if (!useClone) {\n return null;\n }\n const {\n dragging,\n render\n } = useClone;\n const node = React.createElement(PrivateDraggable, {\n draggableId: dragging.draggableId,\n index: dragging.source.index,\n isClone: true,\n isEnabled: true,\n shouldRespectForcePress: false,\n canDragInteractiveElements: true\n }, (draggableProvided, draggableSnapshot) => render(draggableProvided, draggableSnapshot, dragging));\n return ReactDOM.createPortal(node, getContainerForClone());\n }\n return React.createElement(DroppableContext.Provider, {\n value: droppableContext\n }, children(provided, snapshot), getClone());\n};\n\nfunction getBody() {\n !document.body ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'document.body is not ready') : invariant() : void 0;\n return document.body;\n}\nconst defaultProps = {\n mode: 'standard',\n type: 'DEFAULT',\n direction: 'vertical',\n isDropDisabled: false,\n isCombineEnabled: false,\n ignoreContainerClipping: false,\n renderClone: null,\n getContainerForClone: getBody\n};\nconst attachDefaultPropsToOwnProps = ownProps => {\n let mergedProps = {\n ...ownProps\n };\n let defaultPropKey;\n for (defaultPropKey in defaultProps) {\n if (ownProps[defaultPropKey] === undefined) {\n mergedProps = {\n ...mergedProps,\n [defaultPropKey]: defaultProps[defaultPropKey]\n };\n }\n }\n return mergedProps;\n};\nconst isMatchingType = (type, critical) => type === critical.droppable.type;\nconst getDraggable = (critical, dimensions) => dimensions.draggables[critical.draggable.id];\nconst makeMapStateToProps = () => {\n const idleWithAnimation = {\n placeholder: null,\n shouldAnimatePlaceholder: true,\n snapshot: {\n isDraggingOver: false,\n draggingOverWith: null,\n draggingFromThisWith: null,\n isUsingPlaceholder: false\n },\n useClone: null\n };\n const idleWithoutAnimation = {\n ...idleWithAnimation,\n shouldAnimatePlaceholder: false\n };\n const getDraggableRubric = memoizeOne(descriptor => ({\n draggableId: descriptor.id,\n type: descriptor.type,\n source: {\n index: descriptor.index,\n droppableId: descriptor.droppableId\n }\n }));\n const getMapProps = memoizeOne((id, isEnabled, isDraggingOverForConsumer, isDraggingOverForImpact, dragging, renderClone) => {\n const draggableId = dragging.descriptor.id;\n const isHome = dragging.descriptor.droppableId === id;\n if (isHome) {\n const useClone = renderClone ? {\n render: renderClone,\n dragging: getDraggableRubric(dragging.descriptor)\n } : null;\n const snapshot = {\n isDraggingOver: isDraggingOverForConsumer,\n draggingOverWith: isDraggingOverForConsumer ? draggableId : null,\n draggingFromThisWith: draggableId,\n isUsingPlaceholder: true\n };\n return {\n placeholder: dragging.placeholder,\n shouldAnimatePlaceholder: false,\n snapshot,\n useClone\n };\n }\n if (!isEnabled) {\n return idleWithoutAnimation;\n }\n if (!isDraggingOverForImpact) {\n return idleWithAnimation;\n }\n const snapshot = {\n isDraggingOver: isDraggingOverForConsumer,\n draggingOverWith: draggableId,\n draggingFromThisWith: null,\n isUsingPlaceholder: true\n };\n return {\n placeholder: dragging.placeholder,\n shouldAnimatePlaceholder: true,\n snapshot,\n useClone: null\n };\n });\n const selector = (state, ownProps) => {\n const ownPropsWithDefaultProps = attachDefaultPropsToOwnProps(ownProps);\n const id = ownPropsWithDefaultProps.droppableId;\n const type = ownPropsWithDefaultProps.type;\n const isEnabled = !ownPropsWithDefaultProps.isDropDisabled;\n const renderClone = ownPropsWithDefaultProps.renderClone;\n if (isDragging(state)) {\n const critical = state.critical;\n if (!isMatchingType(type, critical)) {\n return idleWithoutAnimation;\n }\n const dragging = getDraggable(critical, state.dimensions);\n const isDraggingOver = whatIsDraggedOver(state.impact) === id;\n return getMapProps(id, isEnabled, isDraggingOver, isDraggingOver, dragging, renderClone);\n }\n if (state.phase === 'DROP_ANIMATING') {\n const completed = state.completed;\n if (!isMatchingType(type, completed.critical)) {\n return idleWithoutAnimation;\n }\n const dragging = getDraggable(completed.critical, state.dimensions);\n return getMapProps(id, isEnabled, whatIsDraggedOverFromResult(completed.result) === id, whatIsDraggedOver(completed.impact) === id, dragging, renderClone);\n }\n if (state.phase === 'IDLE' && state.completed && !state.shouldFlush) {\n const completed = state.completed;\n if (!isMatchingType(type, completed.critical)) {\n return idleWithoutAnimation;\n }\n const wasOver = whatIsDraggedOver(completed.impact) === id;\n const wasCombining = Boolean(completed.impact.at && completed.impact.at.type === 'COMBINE');\n const isHome = completed.critical.droppable.id === id;\n if (wasOver) {\n return wasCombining ? idleWithAnimation : idleWithoutAnimation;\n }\n if (isHome) {\n return idleWithAnimation;\n }\n return idleWithoutAnimation;\n }\n return idleWithoutAnimation;\n };\n return selector;\n};\nconst mapDispatchToProps = {\n updateViewportMaxScroll: updateViewportMaxScroll\n};\nconst ConnectedDroppable = connect(makeMapStateToProps, mapDispatchToProps, (stateProps, dispatchProps, ownProps) => {\n return {\n ...attachDefaultPropsToOwnProps(ownProps),\n ...stateProps,\n ...dispatchProps\n };\n}, {\n context: StoreContext,\n areStatePropsEqual: isStrictEqual\n})(Droppable);\nvar ConnectedDroppable$1 = ConnectedDroppable;\n\nexport { DragDropContext, PublicDraggable as Draggable, ConnectedDroppable$1 as Droppable, useKeyboardSensor, useMouseSensor, useTouchSensor };\n","import { ArrayIsArray, ReflectApply, ArrayProtoFind, RegExpProtoTest, ObjectLookupOwnGetter } from '@locker/near-membrane-shared';\nconst rootWindow = window;\nconst {\n // We don't cherry-pick the 'userAgent' property from `navigator` here\n // to avoid triggering its getter.\n navigator,\n navigator: {\n userAgentData\n }\n} = rootWindow;\n// The user-agent client hints API is experimental and subject to change.\n// https://caniuse.com/mdn-api_navigator_useragentdata\n// istanbul ignore next: optional chaining and nullish coalescing results in an expansion that contains an unreachable \"void 0\" branch for every occurrence of the operator\nconst brands = userAgentData == null ? void 0 : userAgentData.brands;\n// Note: Chromium identifies itself as Chrome in its user-agent string.\n// https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent\nconst chromiumUserAgentRegExp = / (?:Headless)?Chrome\\/\\d+/;\nlet userAgent;\nfunction getUserAgent() {\n if (userAgent === undefined) {\n userAgent = navigator.userAgent;\n }\n return userAgent;\n}\nconst IS_CHROMIUM_BROWSER =\n// While experimental, `navigator.userAgentData.brands` may be defined as an\n// empty array in headless Chromium based browsers.\nArrayIsArray(brands) && brands.length ?\n// Use user-agent client hints API if available to avoid deprecation\n// warnings.\n// https://developer.mozilla.org/en-US/docs/Web/API/User-Agent_Client_Hints_API\n// istanbul ignore next: this code is not reachable in the coverage run.\nReflectApply(ArrayProtoFind, brands, [\n// prettier-ignore\nitem => (item == null ? void 0 : item.brand) === 'Chromium']) !== undefined :\n// Fallback to a standard user-agent string sniff.\nReflectApply(RegExpProtoTest, chromiumUserAgentRegExp, [getUserAgent()]);\nconst IS_OLD_CHROMIUM_BROWSER = IS_CHROMIUM_BROWSER &&\n// Chromium added support for `navigator.userAgentData` in v90.\n// https://caniuse.com/mdn-api_navigator_useragentdata\nuserAgentData === undefined;\nconst {\n prototype: DocumentProto\n} = Document;\nconst {\n close: DocumentProtoClose,\n createElement: DocumentProtoCreateElement,\n open: DocumentProtoOpen\n} = DocumentProto;\nconst DocumentProtoBodyGetter = ObjectLookupOwnGetter(DocumentProto, 'body');\n\n// The DOMException constructor was exposed in Edge 12 but wasn't invocable\n// until Edge 79. As long as this is used for instanceof checks it should be fine.\n// https://developer.mozilla.org/en-US/docs/Web/API/DOMException#browser_compatibility\nconst DOMExceptionCtor = DOMException;\nconst {\n DATA_CLONE_ERR: DATA_CLONE_ERROR_CODE\n} = DOMExceptionCtor;\nconst DOMExceptionProtoCodeGetter = ObjectLookupOwnGetter(DOMExceptionCtor.prototype, 'code');\nconst {\n remove: ElementProtoRemove,\n setAttribute: ElementProtoSetAttribute\n} = Element.prototype;\nconst HTMLElementProtoStyleGetter = ObjectLookupOwnGetter(HTMLElement.prototype, 'style');\nconst HTMLIFrameElementProtoContentWindowGetter = ObjectLookupOwnGetter(HTMLIFrameElement.prototype, 'contentWindow');\nconst {\n prototype: NodeProto\n} = Node;\nconst {\n appendChild: NodeProtoAppendChild\n} = NodeProto;\nconst NodeProtoLastChildGetter = ObjectLookupOwnGetter(NodeProto, 'lastChild');\nexport { DATA_CLONE_ERROR_CODE, DOMExceptionCtor, DOMExceptionProtoCodeGetter, DocumentProtoBodyGetter, DocumentProtoClose, DocumentProtoCreateElement, DocumentProtoOpen, ElementProtoRemove, ElementProtoSetAttribute, HTMLElementProtoStyleGetter, HTMLIFrameElementProtoContentWindowGetter, IS_CHROMIUM_BROWSER, IS_OLD_CHROMIUM_BROWSER, NodeProtoAppendChild, NodeProtoLastChildGetter, rootWindow };\n","import { LOCKER_UNMINIFIED_FLAG, SymbolFor, ArrayIsArray, ReflectDefineProperty, isNearMembraneProxy, ReflectApply, ArrayProtoPush, ObjectProtoToString, ObjectKeys, TO_STRING_BRAND_SYMBOL, ArrayProtoIncludes, ArrayProtoUnshift, TO_STRING_BRAND_STRING, ArrayProtoFilter, NumberIsInteger, ReflectOwnKeys, ArrayProtoMap, StringCtor, MathMin, NumberIsNaN, NumberCtor, CHAR_ELLIPSIS, StringProtoSlice, getNearMembraneProxySerializedValue, TO_STRING_BRAND_NUMBER, TO_STRING_BRAND_BOOLEAN, TO_STRING_BRAND_BIG_INT, ArrayProtoIndexOf, ArrayProtoSplice, isObject, NumberIsFinite, JSONStringify } from '@locker/near-membrane-shared';\nimport { rootWindow } from '@locker/near-membrane-shared-dom';\n\n// This package is bundled by third-parties that have their own build time\n// replacement logic. Instead of customizing each build system to be aware\n// of this package we implement a two phase debug mode by performing small\n// runtime checks to determine phase one, our code is unminified, and\n// phase two, the user opted-in to custom devtools formatters. Phase one\n// is used for light weight initialization time debug while phase two is\n// reserved for post initialization runtime.\n// istanbul ignore else: not avoidable via tests\nif (LOCKER_UNMINIFIED_FLAG) {\n // We passed the phase one gate so we know our code is unminified and we can\n // install Locker's custom devtools formatter.\n let lockerDebugModeSymbolFlag = true;\n const LOCKER_DEBUG_MODE_SYMBOL = SymbolFor('@@lockerDebugMode');\n const MAX_ARRAY_DISPLAY = 100;\n const MAX_OBJECT_DISPLAY = 5;\n const MAX_STRING_DISPLAY = 100;\n const MID_STRING_DISPLAY = MAX_STRING_DISPLAY / 2;\n const headerCSSText = 'display: inline-block; margin-bottom: 3px; margin-left: -3px; word-break: break-all; word-wrap: wrap;';\n const bodyItemStyleObject = {\n style: 'margin-left:15px; margin-bottom: 3px;'\n };\n const bodyStyleObject = {\n style: 'display: inline-block; margin-left:12px; word-break: break-all; word-wrap: wrap;'\n };\n const keyEnumerableStringStyleObject = {\n style: 'color: #9d288c; font-weight: bold'\n };\n const keyNonEnumerableOrSymbolStyleObject = {\n style: 'color: #b17ab0'\n };\n const primitiveBlueColorStyleObject = {\n style: 'color: #16239f'\n };\n const primitiveGreenColorStyleObject = {\n style: 'color: #236d25'\n };\n const primitiveGreyColorStyleObject = {\n style: 'color: #606367'\n };\n const primitiveOrangeColorStyleObject = {\n style: 'color: #b82619'\n };\n // istanbul ignore next: currently unreachable via tests\n const formatValue = function formatValue(value) {\n if (value === null || value === undefined) {\n return ['span', primitiveGreyColorStyleObject, `${value}`];\n }\n if (typeof value === 'boolean') {\n return ['span', primitiveBlueColorStyleObject, value];\n }\n if (typeof value === 'number') {\n return NumberIsFinite(value) ? ['span', primitiveBlueColorStyleObject, value] : ['span', primitiveBlueColorStyleObject, `${value >= 0 ? '' : '-'}Infinity`];\n }\n if (typeof value === 'bigint') {\n return ['span', primitiveGreenColorStyleObject, `${value}n`];\n }\n if (typeof value === 'string') {\n let string = value;\n const {\n length\n } = string;\n if (length > MAX_STRING_DISPLAY) {\n const firstChunk = ReflectApply(StringProtoSlice, string, [0, MID_STRING_DISPLAY]);\n const lastChunk = ReflectApply(StringProtoSlice, string, [length - MID_STRING_DISPLAY - 1, length]);\n string = firstChunk + CHAR_ELLIPSIS + lastChunk;\n }\n // @TODO: Default to using single quotes on main header and double\n // quotes on body.\n return ['span', primitiveOrangeColorStyleObject, JSONStringify(string)];\n }\n if (ArrayIsArray(value)) {\n return ['span', {}, `Array(${value.length})`];\n }\n if (isObject(value)) {\n return ['span', {}, `{${CHAR_ELLIPSIS}}`];\n }\n // Symbol will be coerced to a string.\n return ['span', primitiveOrangeColorStyleObject, StringCtor(value)];\n };\n // istanbul ignore next: currently unreachable via tests\n const formatHeader = function formatHeader(object, config) {\n const isChildElement = config == null ? void 0 : config.isChildElement;\n const formattedHeader = [];\n let formattedHeaderOffset = 0;\n if (isChildElement) {\n formattedHeader[formattedHeaderOffset++] = ['span', keyEnumerableStringStyleObject, config.childKey];\n formattedHeader[formattedHeaderOffset++] = ['span', {}, ': '];\n }\n const brand = ReflectApply(ObjectProtoToString, object, []);\n let keys = ObjectKeys(object);\n if (brand === TO_STRING_BRAND_SYMBOL) {\n if (!ReflectApply(ArrayProtoIncludes, keys, ['description'])) {\n ReflectApply(ArrayProtoUnshift, keys, ['description']);\n }\n } else if (brand === TO_STRING_BRAND_STRING) {\n const {\n length\n } = object;\n keys = ReflectApply(ArrayProtoFilter, keys, [key => {\n const possibleIndex = typeof key === 'string' ? +key : -1;\n return possibleIndex < 0 || possibleIndex >= length || !NumberIsInteger(possibleIndex);\n }]);\n }\n const ownKeysRaw = ReflectOwnKeys(object);\n const ownKeys = ReflectApply(ArrayProtoMap, ownKeysRaw, [StringCtor]);\n const {\n length: ownKeysLength\n } = ownKeys;\n if (ArrayIsArray(object)) {\n formattedHeader[formattedHeaderOffset++] = ['span', {}, `(${object.length}) [`];\n for (let i = 0, length = MathMin(ownKeysLength, MAX_ARRAY_DISPLAY); i < length; i += 1) {\n const ownKeyRaw = ownKeysRaw[i];\n const ownKey = ownKeys[i];\n const value = object[ownKeyRaw];\n if (ownKey !== 'length') {\n if (!NumberIsNaN(NumberCtor(ownKey))) {\n formattedHeader[formattedHeaderOffset++] = ['span', {}, i ? ', ' : ''];\n formattedHeader[formattedHeaderOffset++] = formatValue(value);\n } else {\n formattedHeader[formattedHeaderOffset++] = ['span', {}, i ? ', ' : ''];\n formattedHeader[formattedHeaderOffset++] = ['span', primitiveGreyColorStyleObject, StringCtor(ownKey)];\n formattedHeader[formattedHeaderOffset++] = ['span', {}, ': '];\n formattedHeader[formattedHeaderOffset++] = formatValue(value);\n }\n }\n }\n if (ownKeysLength > MAX_ARRAY_DISPLAY) {\n formattedHeader[formattedHeaderOffset++] = ['span', null, ['span', {}, `, ${CHAR_ELLIPSIS}`]];\n }\n formattedHeader[formattedHeaderOffset++] = ['span', {}, ']'];\n return formattedHeader;\n }\n let boxedHeaderEntry;\n let headerOpening = '{';\n // eslint-disable-next-line default-case\n switch (brand) {\n case TO_STRING_BRAND_BIG_INT:\n case TO_STRING_BRAND_BOOLEAN:\n case TO_STRING_BRAND_NUMBER:\n case TO_STRING_BRAND_STRING:\n case TO_STRING_BRAND_SYMBOL:\n {\n let colorStyleObject = primitiveBlueColorStyleObject;\n if (brand === TO_STRING_BRAND_BIG_INT) {\n colorStyleObject = primitiveGreenColorStyleObject;\n } else if (brand === TO_STRING_BRAND_SYMBOL) {\n colorStyleObject = primitiveOrangeColorStyleObject;\n }\n headerOpening = `${ReflectApply(StringProtoSlice, brand, [8, -1])} {`;\n boxedHeaderEntry = ['span', colorStyleObject, `${StringCtor(getNearMembraneProxySerializedValue(object))}`];\n break;\n }\n }\n formattedHeader[formattedHeaderOffset++] = ['span', {}, headerOpening];\n if (boxedHeaderEntry) {\n formattedHeader[formattedHeaderOffset++] = boxedHeaderEntry;\n if (ownKeysLength) {\n formattedHeader[formattedHeaderOffset++] = ['span', {}, ', '];\n }\n }\n for (let i = 0, length = MathMin(ownKeysLength, MAX_OBJECT_DISPLAY); i < length; i += 1) {\n const ownKeyRaw = ownKeysRaw[i];\n const ownKey = ownKeys[i];\n const value = object[ownKeyRaw];\n formattedHeader[formattedHeaderOffset++] = ['span', {}, i ? ', ' : ''];\n formattedHeader[formattedHeaderOffset++] = ['span', primitiveGreyColorStyleObject, ownKey];\n formattedHeader[formattedHeaderOffset++] = ['span', {}, ': '];\n formattedHeader[formattedHeaderOffset++] = formatValue(value);\n }\n if (ownKeysLength > MAX_OBJECT_DISPLAY) {\n formattedHeader[formattedHeaderOffset++] = ['span', null, ['span', {}, `, ${CHAR_ELLIPSIS}`]];\n }\n formattedHeader[formattedHeaderOffset++] = ['span', {}, '}'];\n return formattedHeader;\n };\n // istanbul ignore next: currently unreachable via tests\n const formatBody = function formatBody(object) {\n // @TODO: Arrays are broken into groups of 100.\n const ownKeysRaw = ReflectOwnKeys(object);\n const ownKeys = ReflectApply(ArrayProtoMap, ownKeysRaw, [StringCtor]);\n // Put 'length' at the end of array.\n const isArray = ArrayIsArray(object);\n if (isArray) {\n const lengthIndex = ReflectApply(ArrayProtoIndexOf, ownKeys, ['length']);\n const lengthKeyRaw = ReflectApply(ArrayProtoSplice, ownKeysRaw, [lengthIndex, 1])[0];\n ReflectApply(ArrayProtoPush, ownKeysRaw, [lengthKeyRaw]);\n const lengthKey = ReflectApply(ArrayProtoSplice, ownKeys, [lengthIndex, 1])[0];\n ReflectApply(ArrayProtoPush, ownKeys, [lengthKey]);\n }\n const formattedBody = [];\n let formattedBodyOffset = 0;\n for (let i = 0, {\n length\n } = ownKeys; i < length; i += 1) {\n const ownKeyRaw = ownKeysRaw[i];\n const ownKey = ownKeys[i];\n const value = object[ownKeyRaw];\n if (isObject(value)) {\n formattedBody[formattedBodyOffset++] = ['div', {}, ['object', {\n object: value,\n config: {\n childKey: StringCtor(ownKey),\n isChildElement: true\n }\n }]];\n } else {\n let currentKeyStyle = keyEnumerableStringStyleObject;\n if (isArray && ownKey === 'length') {\n currentKeyStyle = keyNonEnumerableOrSymbolStyleObject;\n }\n formattedBody[formattedBodyOffset++] = ['div', bodyItemStyleObject, ['span', currentKeyStyle, ownKey], ['span', {}, ': '], formatValue(value)];\n }\n }\n return formattedBody;\n };\n let {\n devtoolsFormatters\n } = rootWindow;\n if (!ArrayIsArray(devtoolsFormatters)) {\n devtoolsFormatters = [];\n ReflectDefineProperty(rootWindow, 'devtoolsFormatters', {\n __proto__: null,\n configurable: true,\n value: devtoolsFormatters,\n writable: true\n });\n }\n // Append our custom formatter to the array of devtools formatters.\n // istanbul ignore next: currently unreachable via tests\n devtoolsFormatters[devtoolsFormatters.length] = {\n // istanbul ignore next: currently unreachable via tests\n header(object, config) {\n if (lockerDebugModeSymbolFlag) {\n // We passed the second phase gate so we know that the user has\n // opted-in to custom devtools formatters. Close the gate and\n // define the @@lockerDebugMode symbol on window.\n lockerDebugModeSymbolFlag = false;\n ReflectDefineProperty(rootWindow, LOCKER_DEBUG_MODE_SYMBOL, {\n __proto__: null,\n configurable: true,\n value: true,\n writable: true\n });\n }\n if (!isNearMembraneProxy(object)) {\n return null;\n }\n const headerDiv = ['div', {\n style: `${headerCSSText}${config != null && config.isChildElement ? '' : 'font-style: italic;'}`\n }];\n ReflectApply(ArrayProtoPush, headerDiv, formatHeader(object, config));\n return ['div', {}, headerDiv];\n },\n // istanbul ignore next: currently unreachable via tests\n hasBody() {\n return true;\n },\n // istanbul ignore next: currently unreachable via tests\n body(object) {\n const bodyDiv = ['div', bodyStyleObject];\n ReflectApply(ArrayProtoPush, bodyDiv, formatBody(object));\n return bodyDiv;\n }\n };\n}\n","import { toSafeWeakMap, WeakMapCtor, TypeErrorCtor, SymbolFor, ErrorCtor, ObjectAssign, noop, ArrayCtor, ReflectApply, ArrayProtoPush, ReflectOwnKeys, toSafeArray, ObjectHasOwn, ArrayProtoIncludes } from '@locker/near-membrane-shared';\n\n/**\n * This file contains an exportable (portable) function `init()` used to initialize\n * one side of a membrane on any realm. The only prerequisite is the ability to\n * evaluate the sourceText of the `init()` function there. Once evaluated, the\n * function will return a set of values that can be used to wire up the side of\n * the membrane with another existing `init()` function from another realm, in\n * which case they will exchange callable functions that are required to connect\n * the two realms via the membrane.\n *\n * About the mechanics of the membrane, there are few important considerations:\n *\n * 1. Pointers are the way to pass reference to object and functions.\n * 2. A dedicated symbol (LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) is needed\n * to represent the absence of a value.\n * 3. The realm that owns the object or function is responsible for projecting\n * the proxy onto the other side (via callablePushTarget), which returns a\n * Pointer that can be used by the realm to pass the reference to the same\n * proxy over and over again.\n * 4. The realm that owns the proxy (after the other side projects it into it)\n * will hold a Pointer alongside the proxy to signal what original object or\n * function should the foreign operation operates, it is always the first\n * argument of the foreign callable for proxies, and the other side can use\n * it via `selectedTarget!`.\n */\nconst proxyTargetToLazyPropertyDescriptorStateMap = toSafeWeakMap(new WeakMapCtor());\n// istanbul ignore next\nfunction createMembraneMarshall(globalObject) {\n var _ref, _ref2, _ReflectApply, _globalThisRef$BigInt, _globalThisRef$BigUin;\n /* eslint-disable prefer-object-spread */\n const ArrayCtor = Array;\n const ArrayBufferCtor = ArrayBuffer;\n const ErrorCtor = Error;\n const NumberCtor = Number;\n const ObjectCtor = Object;\n const ProxyCtor = Proxy;\n const ReflectRef = Reflect;\n const RegExpCtor = RegExp;\n const StringCtor = String;\n const SymbolCtor = Symbol;\n const TypeErrorCtor = TypeError;\n // eslint-disable-next-line @typescript-eslint/no-shadow, no-shadow\n const WeakMapCtor = WeakMap;\n const WeakSetCtor = WeakSet;\n const {\n for: SymbolFor,\n toStringTag: SymbolToStringTag\n } = SymbolCtor;\n const {\n // eslint-disable-next-line @typescript-eslint/no-shadow, no-shadow\n apply: ReflectApply,\n construct: ReflectConstruct,\n defineProperty: ReflectDefineProperty,\n deleteProperty: ReflectDeleteProperty,\n get: ReflectGet,\n getOwnPropertyDescriptor: ReflectGetOwnPropertyDescriptor,\n getPrototypeOf: ReflectGetPrototypeOf,\n has: ReflectHas,\n isExtensible: ReflectIsExtensible,\n ownKeys: ReflectOwnKeys,\n preventExtensions: ReflectPreventExtensions,\n set: ReflectSet,\n // eslint-disable-next-line @typescript-eslint/no-shadow, no-shadow\n setPrototypeOf: ReflectSetPrototypeOf\n } = ReflectRef;\n const {\n assign: ObjectAssign,\n defineProperties: ObjectDefineProperties,\n freeze: ObjectFreeze,\n getOwnPropertyDescriptor: ObjectGetOwnPropertyDescriptor,\n getOwnPropertyDescriptors: ObjectGetOwnPropertyDescriptors,\n isFrozen: ObjectIsFrozen,\n isSealed: ObjectIsSealed,\n keys: ObjectKeys,\n prototype: ObjectProto,\n seal: ObjectSeal\n } = ObjectCtor;\n const {\n hasOwnProperty: ObjectProtoHasOwnProperty,\n propertyIsEnumerable: ObjectProtoPropertyIsEnumerable,\n toString: ObjectProtoToString\n } = ObjectProto;\n const {\n hasOwn: OriginalObjectHasOwn\n } = ObjectCtor;\n const {\n __defineGetter__: ObjectProtoDefineGetter,\n __defineSetter__: ObjectProtoDefineSetter,\n __lookupGetter__: ObjectProtoLookupGetter,\n __lookupSetter__: ObjectProtoLookupSetter\n } = ObjectProto;\n const ObjectHasOwn = typeof OriginalObjectHasOwn === 'function' ? OriginalObjectHasOwn : (object, key) => ReflectApply(ObjectProtoHasOwnProperty, object, [key]);\n const globalThisRef = (_ref = (_ref2 = globalObject != null ? globalObject :\n // Support for globalThis was added in Chrome 71.\n // https://caniuse.com/mdn-javascript_builtins_globalthisfor\n typeof globalThis !== 'undefined' ? globalThis : undefined) != null ? _ref2 :\n // However, environments like Android emulators are running Chrome 69.\n // eslint-disable-next-line no-restricted-globals\n typeof self !== 'undefined' ? self : undefined) != null ? _ref : (\n // See https://mathiasbynens.be/notes/globalthis for more details.\n ReflectDefineProperty(ObjectProto, 'globalThis', {\n __proto__: null,\n configurable: true,\n get() {\n ReflectDeleteProperty(ObjectProto, 'globalThis');\n // Safari 12 on iOS 12.1 has a `this` of `undefined` so we\n // fallback to `self`.\n // eslint-disable-next-line no-restricted-globals\n return this != null ? this : self;\n }\n }), globalThis);\n const IS_IN_SHADOW_REALM = typeof globalObject !== 'object' || globalObject === null;\n const IS_NOT_IN_SHADOW_REALM = !IS_IN_SHADOW_REALM;\n const LOCKER_DEBUG_MODE_SYMBOL = IS_NOT_IN_SHADOW_REALM ? SymbolFor('@@lockerDebugMode') : undefined;\n const LOCKER_IDENTIFIER_MARKER = '$LWS';\n const LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL = IS_NOT_IN_SHADOW_REALM ? SymbolFor('@@lockerNearMembraneSerializedValue') : undefined;\n const LOCKER_NEAR_MEMBRANE_SYMBOL = IS_NOT_IN_SHADOW_REALM ? SymbolFor('@@lockerNearMembrane') : undefined;\n const LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL = SymbolFor('@@lockerNearMembraneUndefinedValue');\n // The default stack trace limit in Chrome is 10.\n // Set to 20 to account for stack trace filtering.\n const LOCKER_STACK_TRACE_LIMIT = 20;\n // This package is bundled by third-parties that have their own build time\n // replacement logic. Instead of customizing each build system to be aware\n // of this package we implement a two phase debug mode by performing small\n // runtime checks to determine phase one, our code is unminified, and\n // phase two, the user opted-in to custom devtools formatters. Phase one\n // is used for light weight initialization time debug while phase two is\n // reserved for post initialization runtime.\n // eslint-disable-next-line @typescript-eslint/naming-convention\n const LOCKER_UNMINIFIED_FLAG = `${function LOCKER_UNMINIFIED_FLAG() {\n return LOCKER_UNMINIFIED_FLAG.name;\n }()}`.includes('LOCKER_UNMINIFIED_FLAG');\n // Indicate whether debug support is available.\n const LOCKER_DEBUGGABLE_FLAG = LOCKER_UNMINIFIED_FLAG && IS_NOT_IN_SHADOW_REALM;\n const ERR_ILLEGAL_PROPERTY_ACCESS = 'Illegal property access.';\n // BigInt is not supported in Safari 13.1.\n // https://caniuse.com/bigint\n const FLAGS_REG_EXP = IS_IN_SHADOW_REALM ? /\\w*$/ : undefined;\n // Minification safe references to the private `BoundaryProxyHandler`\n // 'apply' and 'construct' trap variant's property names.\n let MINIFICATION_SAFE_TRAP_PROPERTY_NAMES;\n const SUPPORTS_BIG_INT = typeof BigInt === 'function';\n const {\n isArray: isArrayOrThrowForRevoked\n } = ArrayCtor;\n const {\n includes: ArrayProtoIncludes,\n indexOf: ArrayProtoIndexOf,\n slice: ArrayProtoSlice\n } = ArrayCtor.prototype;\n const {\n isView: ArrayBufferIsView\n } = ArrayBufferCtor;\n const BigIntProtoValueOf = SUPPORTS_BIG_INT ? BigInt.prototype.valueOf : undefined;\n const {\n valueOf: BooleanProtoValueOf\n } = Boolean.prototype;\n const {\n toString: ErrorProtoToString\n } = ErrorCtor.prototype;\n const {\n bind: FunctionProtoBind,\n toString: FunctionProtoToString\n } = Function.prototype;\n const {\n stringify: JSONStringify\n } = JSON;\n const {\n isInteger: NumberIsInteger\n } = NumberCtor;\n const {\n valueOf: NumberProtoValueOf\n } = NumberCtor.prototype;\n const {\n revocable: ProxyRevocable\n } = ProxyCtor;\n const {\n prototype: RegExpProto\n } = RegExpCtor;\n const {\n exec: RegExpProtoExec,\n test: RegExpProtoTest,\n toString: RegExProtoToString\n } = RegExpProto;\n // Edge 15 does not support RegExp.prototype.flags.\n // https://caniuse.com/mdn-javascript_builtins_regexp_flags\n const RegExpProtoFlagsGetter = IS_IN_SHADOW_REALM ? (_ReflectApply = ReflectApply(ObjectProtoLookupGetter, RegExpProto, ['flags'])) != null ? _ReflectApply : function flags() {\n const string = ReflectApply(RegExProtoToString, this, []);\n return ReflectApply(RegExpProtoExec, FLAGS_REG_EXP, [string])[0];\n } : undefined;\n const RegExpProtoSourceGetter = ReflectApply(ObjectProtoLookupGetter, RegExpProto, ['source']);\n const {\n replace: StringProtoReplace,\n slice: StringProtoSlice,\n valueOf: StringProtoValueOf\n } = StringCtor.prototype;\n const {\n toString: SymbolProtoToString,\n valueOf: SymbolProtoValueOf\n } = SymbolCtor.prototype;\n const BigInt64ArrayProto = (_globalThisRef$BigInt = globalThisRef.BigInt64Array) == null ? void 0 : _globalThisRef$BigInt.prototype;\n const BigUint64ArrayProto = (_globalThisRef$BigUin = globalThisRef.BigUint64Array) == null ? void 0 : _globalThisRef$BigUin.prototype;\n const {\n prototype: Float32ArrayProto\n } = Float32Array;\n const {\n prototype: Float64ArrayProto\n } = Float64Array;\n const {\n prototype: Int8ArrayProto\n } = Int8Array;\n const {\n prototype: Int16ArrayProto\n } = Int16Array;\n const {\n prototype: Int32ArrayProto\n } = Int32Array;\n const {\n prototype: Uint8ArrayProto\n } = Uint8Array;\n const {\n prototype: Uint16ArrayProto\n } = Uint16Array;\n const {\n prototype: Uint32ArrayProto\n } = Uint32Array;\n // eslint-disable-next-line no-proto\n const TypedArrayProto = Uint8ArrayProto.__proto__;\n const TypedArrayProtoLengthGetter = ReflectApply(ObjectProtoLookupGetter, TypedArrayProto, ['length']);\n const {\n prototype: WeakMapProto\n } = WeakMapCtor;\n const {\n delete: WeakMapProtoDelete,\n has: WeakMapProtoHas,\n set: WeakMapProtoSet,\n [SymbolToStringTag]: WeakMapProtoSymbolToStringTag\n } = WeakMapProto;\n const {\n prototype: WeakSetProto\n } = WeakSetCtor;\n const {\n add: WeakSetProtoAdd,\n has: WeakSetProtoHas,\n delete: WeakSetProtoDelete,\n [SymbolToStringTag]: WeakSetProtoSymbolToStringTag\n } = WeakSetProto;\n const consoleObject = IS_NOT_IN_SHADOW_REALM && typeof console === 'object' && console !== null ? console : undefined;\n const consoleInfo = consoleObject == null ? void 0 : consoleObject.info;\n const localEval = IS_IN_SHADOW_REALM ? eval : undefined;\n // Install flags to ensure things are installed once per realm.\n let installedErrorPrepareStackTraceFlag = false;\n let installedPropertyDescriptorMethodWrappersFlag = false;\n function alwaysFalse() {\n return false;\n }\n const installErrorPrepareStackTrace = LOCKER_UNMINIFIED_FLAG ? () => {\n if (installedErrorPrepareStackTraceFlag) {\n return;\n }\n installedErrorPrepareStackTraceFlag = true;\n // Feature detect the V8 stack trace API.\n // https://v8.dev/docs/stack-trace-api\n const CallSite = (() => {\n try {\n var _callSites$;\n ErrorCtor.prepareStackTrace = (_error, callSites) => callSites;\n const callSites = new ErrorCtor().stack;\n ReflectDeleteProperty(ErrorCtor, 'prepareStackTrace');\n return isArrayOrThrowForRevoked(callSites) && callSites.length > 0 ? (_callSites$ = callSites[0]) == null ? void 0 : _callSites$.constructor : undefined;\n // eslint-disable-next-line no-empty\n } catch (_unused) {}\n return undefined;\n })();\n if (typeof CallSite !== 'function') {\n return;\n }\n const {\n getEvalOrigin: CallSiteProtoGetEvalOrigin,\n getFunctionName: CallSiteProtoGetFunctionName,\n toString: CallSiteProtoToString\n } = CallSite.prototype;\n // A regexp to detect call sites containing LOCKER_IDENTIFIER_MARKER.\n const lockerFunctionNameMarkerRegExp = new RegExpCtor(`${\n // Escape regexp special characters in LOCKER_IDENTIFIER_MARKER.\n ReflectApply(StringProtoReplace, LOCKER_IDENTIFIER_MARKER, [/[\\\\^$.*+?()[\\]{}|]/g, '\\\\$&'])\n // Function name references in call sites also contain\n // the name of the class they belong to,\n // e.g. myClassName.myFunctionName.\n }(?=\\\\.|$)`);\n const formatStackTrace = function formatStackTrace(error, callSites) {\n // Based on V8's default stack trace formatting:\n // https://chromium.googlesource.com/v8/v8.git/+/refs/heads/main/src/execution/messages.cc#371\n let stackTrace = '';\n try {\n stackTrace = ReflectApply(ErrorProtoToString, error, []);\n } catch (_unused2) {\n stackTrace = '
';\n }\n let consecutive = false;\n for (let i = 0, {\n length\n } = callSites; i < length; i += 1) {\n const callSite = callSites[i];\n const funcName = ReflectApply(CallSiteProtoGetFunctionName, callSite, []);\n let isMarked = false;\n if (typeof funcName === 'string' && funcName !== 'eval' && ReflectApply(RegExpProtoTest, lockerFunctionNameMarkerRegExp, [funcName])) {\n isMarked = true;\n }\n if (!isMarked) {\n const evalOrigin = ReflectApply(CallSiteProtoGetEvalOrigin, callSite, []);\n if (typeof evalOrigin === 'string' && ReflectApply(RegExpProtoTest, lockerFunctionNameMarkerRegExp, [evalOrigin])) {\n isMarked = true;\n }\n }\n // Only write a single LWS entry per consecutive LWS stacks.\n if (isMarked) {\n if (!consecutive) {\n consecutive = true;\n stackTrace += '\\n at LWS';\n }\n continue;\n } else {\n consecutive = false;\n }\n try {\n stackTrace += `\\n at ${ReflectApply(CallSiteProtoToString, callSite, [])}`;\n // eslint-disable-next-line no-empty\n } catch (_unused3) {}\n }\n return stackTrace;\n };\n try {\n // Error.prepareStackTrace cannot be a bound or proxy wrapped\n // function, so to obscure its source we wrap the call to\n // formatStackTrace().\n ErrorCtor.prepareStackTrace = function prepareStackTrace(error, callSites) {\n return formatStackTrace(error, callSites);\n };\n // eslint-disable-next-line no-empty\n } catch (_unused4) {}\n try {\n const {\n stackTraceLimit\n } = ErrorCtor;\n if (typeof stackTraceLimit !== 'number' || stackTraceLimit < LOCKER_STACK_TRACE_LIMIT) {\n ErrorCtor.stackTraceLimit = LOCKER_STACK_TRACE_LIMIT;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused5) {}\n } : noop;\n function noop() {\n // No-operation.\n }\n const serializeBigIntObject = IS_IN_SHADOW_REALM ? bigIntObject =>\n // Section 21.2.3 Properties of the BigInt Prototype Object\n // https://tc39.es/ecma262/#thisbigintvalue\n // Step 2: If Type(value) is Object and value has a [[BigIntData]] internal slot, then\n // a. Assert: Type(value.[[BigIntData]]) is BigInt.\n ReflectApply(BigIntProtoValueOf, bigIntObject, []) : noop;\n const serializeBooleanObject = IS_IN_SHADOW_REALM ? booleanObject =>\n // Section 20.3.3 Properties of the Boolean Prototype Object\n // https://tc39.es/ecma262/#thisbooleanvalue\n // Step 2: If Type(value) is Object and value has a [[BooleanData]] internal slot, then\n // a. Let b be value.[[BooleanData]].\n // b. Assert: Type(b) is Boolean.\n ReflectApply(BooleanProtoValueOf, booleanObject, []) : noop;\n const serializeNumberObject = IS_IN_SHADOW_REALM ? numberObject =>\n // 21.1.3 Properties of the Number Prototype Object\n // https://tc39.es/ecma262/#thisnumbervalue\n // Step 2: If Type(value) is Object and value has a [[NumberData]] internal slot, then\n // a. Let n be value.[[NumberData]].\n // b. Assert: Type(n) is Number.\n ReflectApply(NumberProtoValueOf, numberObject, []) : noop;\n const serializeRegExp = IS_IN_SHADOW_REALM ? value => {\n // 22.2.5.12 get RegExp.prototype.source\n // https://tc39.es/ecma262/#sec-get-regexp.prototype.source\n // Step 3: If R does not have an [[OriginalSource]] internal slot, then\n // a. If SameValue(R, %RegExp.prototype%) is true, return \"(?:)\".\n // b. Otherwise, throw a TypeError exception.\n if (value !== RegExpProto) {\n const source = ReflectApply(RegExpProtoSourceGetter, value, []);\n return JSONStringify({\n __proto__: null,\n flags: ReflectApply(RegExpProtoFlagsGetter, value, []),\n source\n });\n }\n return undefined;\n } : noop;\n const serializeStringObject = IS_IN_SHADOW_REALM ? stringObject =>\n // 22.1.3 Properties of the String Prototype Object\n // https://tc39.es/ecma262/#thisstringvalue\n // Step 2: If Type(value) is Object and value has a [[StringData]] internal slot, then\n // a. Let s be value.[[StringData]].\n // b. Assert: Type(s) is String.\n ReflectApply(StringProtoValueOf, stringObject, []) : noop;\n const serializeSymbolObject = IS_IN_SHADOW_REALM ? symbolObject =>\n // 20.4.3 Properties of the Symbol Prototype Object\n // https://tc39.es/ecma262/#thissymbolvalue\n // Step 2: If Type(value) is Object and value has a [[SymbolData]] internal slot, then\n // a. Let s be value.[[SymbolData]].\n // b. Assert: Type(s) is Symbol.\n ReflectApply(SymbolProtoValueOf, symbolObject, []) : noop;\n const serializeTargetByBrand = IS_IN_SHADOW_REALM ? target => {\n const brand = ReflectApply(ObjectProtoToString, target, []);\n switch (brand) {\n // The brand checks below represent boxed primitives of\n // `ESGlobalKeys` in packages/near-membrane-base/src/intrinsics.ts\n // which are not remapped or reflective.\n case '[object Boolean]':\n return serializeBooleanObject(target);\n case '[object Number]':\n return serializeNumberObject(target);\n case '[object RegExp]':\n return serializeRegExp(target);\n case '[object String]':\n return serializeStringObject(target);\n case '[object Object]':\n try {\n // Symbol.prototype[@@toStringTag] is defined by default so\n // must have been removed.\n // https://tc39.es/ecma262/#sec-symbol.prototype-@@tostringtag\n return serializeSymbolObject(target);\n // eslint-disable-next-line no-empty\n } catch (_unused6) {}\n if (SUPPORTS_BIG_INT) {\n // BigInt.prototype[@@toStringTag] is defined by default so\n // must have been removed.\n // https://tc39.es/ecma262/#sec-bigint.prototype-@@tostringtag\n try {\n return serializeBigIntObject(target);\n // eslint-disable-next-line no-empty\n } catch (_unused7) {}\n }\n // eslint-disable-next-line no-fallthrough\n default:\n return undefined;\n }\n } : noop;\n const serializeTargetByTrialAndError = IS_IN_SHADOW_REALM ? target => {\n // The serialization attempts below represent boxed primitives of\n // `ESGlobalKeys` in packages/near-membrane-base/src/intrinsics.ts\n // which are not remapped or reflective.\n try {\n // Symbol.prototype[@@toStringTag] is defined by default so\n // attempted before others.\n // https://tc39.es/ecma262/#sec-symbol.prototype-@@tostringtag\n return serializeSymbolObject(target);\n // eslint-disable-next-line no-empty\n } catch (_unused8) {}\n if (SUPPORTS_BIG_INT) {\n // BigInt.prototype[@@toStringTag] is defined by default so\n // attempted before others.\n // https://tc39.es/ecma262/#sec-bigint.prototype-@@tostringtag\n try {\n return serializeBigIntObject(target);\n // eslint-disable-next-line no-empty\n } catch (_unused9) {}\n }\n try {\n return serializeBooleanObject(target);\n // eslint-disable-next-line no-empty\n } catch (_unused10) {}\n try {\n return serializeNumberObject(target);\n // eslint-disable-next-line no-empty\n } catch (_unused11) {}\n try {\n return serializeRegExp(target);\n // eslint-disable-next-line no-empty\n } catch (_unused12) {}\n try {\n return serializeStringObject(target);\n // eslint-disable-next-line no-empty\n } catch (_unused13) {}\n return undefined;\n } : noop;\n function toSafeTemplateStringValue(value) {\n if (typeof value === 'string') {\n return value;\n }\n try {\n if (typeof value === 'object' && value !== null) {\n const result = ReflectApply(ObjectProtoToString, value, []);\n return result === '[object Symbol]' ? ReflectApply(SymbolProtoToString, value, []) : result;\n }\n if (typeof value === 'function') {\n return ReflectApply(FunctionProtoToString, value, []);\n }\n // Attempt to coerce `value` to a string with the String() constructor.\n // Section 22.1.1.1 String ( value )\n // https://tc39.es/ecma262/#sec-string-constructor-string-value\n return StringCtor(value);\n // eslint-disable-next-line no-empty\n } catch (_unused14) {}\n return '[Object Unknown]';\n }\n // eslint-disable-next-line @typescript-eslint/no-shadow, no-shadow\n function toSafeWeakMap(weakMap) {\n ReflectSetPrototypeOf(weakMap, null);\n weakMap.delete = WeakMapProtoDelete;\n weakMap.has = WeakMapProtoHas;\n weakMap.set = WeakMapProtoSet;\n weakMap[SymbolToStringTag] = WeakMapProtoSymbolToStringTag;\n ReflectSetPrototypeOf(weakMap, WeakMapProto);\n return weakMap;\n }\n function toSafeWeakSet(weakSet) {\n ReflectSetPrototypeOf(weakSet, null);\n weakSet.add = WeakSetProtoAdd;\n weakSet.delete = WeakSetProtoDelete;\n weakSet.has = WeakSetProtoHas;\n weakSet[SymbolToStringTag] = WeakSetProtoSymbolToStringTag;\n ReflectSetPrototypeOf(weakSet, WeakSetProto);\n return weakSet;\n }\n return function createHooksCallback(color, foreignCallableHooksCallback, options) {\n if (IS_IN_SHADOW_REALM) {\n options = undefined;\n }\n const {\n distortionCallback,\n liveTargetCallback,\n revokedProxyCallback\n // eslint-disable-next-line prefer-object-spread\n } = ObjectAssign({\n __proto__: null\n }, options);\n const applyTrapNameRegistry = {\n // Populated in the returned connector function below.\n __proto__: null,\n 0: undefined,\n 1: undefined,\n 2: undefined,\n 3: undefined,\n 4: undefined,\n n: undefined\n };\n const constructTrapNameRegistry = {\n // Populated in the returned connector function below.\n __proto__: null,\n 0: undefined,\n 1: undefined,\n 2: undefined,\n 3: undefined,\n 4: undefined,\n n: undefined\n };\n const lazyPropertyDescriptorStateCache = toSafeWeakMap(new WeakMapCtor());\n const proxyPointerCache = toSafeWeakMap(new WeakMapCtor());\n let foreignCallablePushErrorTarget;\n let foreignCallablePushTarget;\n let foreignCallableApply;\n let foreignCallableConstruct;\n let foreignCallableDefineProperty;\n let foreignCallableDeleteProperty;\n let foreignCallableGet;\n let foreignCallableGetOwnPropertyDescriptor;\n let foreignCallableGetPrototypeOf;\n let foreignCallableHas;\n let foreignCallableIsExtensible;\n let foreignCallableOwnKeys;\n let foreignCallablePreventExtensions;\n let foreignCallableSet;\n let foreignCallableSetPrototypeOf;\n let foreignCallableDebugInfo;\n let foreignCallableGetPropertyValue;\n let foreignCallableGetLazyPropertyDescriptorStateByTarget;\n let foreignCallableGetTargetIntegrityTraits;\n let foreignCallableGetToStringTagOfTarget;\n let foreignCallableInstallErrorPrepareStackTrace;\n let foreignCallableIsTargetLive;\n let foreignCallableIsTargetRevoked;\n let foreignCallableSerializeTarget;\n let foreignCallableSetLazyPropertyDescriptorStateByTarget;\n let foreignCallableBatchGetPrototypeOfAndGetOwnPropertyDescriptors;\n let foreignCallableBatchGetPrototypeOfWhenHasNoOwnProperty;\n let foreignCallableBatchGetPrototypeOfWhenHasNoOwnPropertyDescriptor;\n let fastForeignTargetPointers;\n let foreignPointerBigInt64ArrayProto;\n let foreignPointerBigUint64ArrayProto;\n let foreignPointerFloat32ArrayProto;\n let foreignPointerFloat64ArrayProto;\n let foreignPointerInt8ArrayProto;\n let foreignPointerInt16ArrayProto;\n let foreignPointerInt32ArrayProto;\n let foreignPointerObjectProto;\n let foreignPointerTypedArrayProto;\n let foreignPointerUint8ArrayProto;\n let foreignPointerUint16ArrayProto;\n let foreignPointerUint32ArrayProto;\n let selectedTarget;\n let lastProxyTrapCalled = 0 /* ProxyHandlerTraps.None */;\n let handshakePropertyFlag = false;\n let useFastForeignTargetPath = IS_IN_SHADOW_REALM;\n let useFastForeignTargetPathForTypedArrays = IS_IN_SHADOW_REALM;\n const activateLazyOwnPropertyDefinition = IS_IN_SHADOW_REALM ? (target, key, state) => {\n state[key] = false;\n const foreignTargetPointer = getTransferablePointer(target);\n let safeDesc;\n try {\n foreignCallableGetOwnPropertyDescriptor(foreignTargetPointer, key, (_key, configurable, enumerable, writable, valuePointer, getterPointer, setterPointer) => {\n safeDesc = createDescriptorFromMeta(configurable, enumerable, writable, valuePointer, getterPointer, setterPointer);\n });\n } catch (error) {\n var _selectedTarget;\n const errorToThrow = (_selectedTarget = selectedTarget) != null ? _selectedTarget : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (safeDesc) {\n ReflectDefineProperty(target, key, safeDesc);\n } else {\n ReflectDeleteProperty(target, key);\n }\n } : noop;\n let checkDebugMode = LOCKER_DEBUGGABLE_FLAG ? () => {\n try {\n if (ObjectHasOwn(globalThisRef, LOCKER_DEBUG_MODE_SYMBOL)) {\n checkDebugMode = () => true;\n installErrorPrepareStackTrace();\n foreignCallableInstallErrorPrepareStackTrace();\n }\n } catch (_unused15) {\n checkDebugMode = alwaysFalse;\n }\n return false;\n } : alwaysFalse;\n const clearFastForeignTargetPointers = IS_IN_SHADOW_REALM ? () => {\n fastForeignTargetPointers = toSafeWeakSet(new WeakSetCtor());\n } : noop;\n function copyForeignOwnPropertyDescriptorsAndPrototypeToShadowTarget(foreignTargetPointer, shadowTarget) {\n let protoPointerOrNull;\n try {\n protoPointerOrNull = foreignCallableBatchGetPrototypeOfAndGetOwnPropertyDescriptors(foreignTargetPointer, (...descriptorTuples) => {\n const descriptors = {};\n for (let i = 0, {\n length\n } = descriptorTuples; i < length; i += 7) {\n const key = descriptorTuples[i];\n descriptors[key] = createDescriptorFromMeta(descriptorTuples[i + 1],\n // configurable\n descriptorTuples[i + 2],\n // enumerable\n descriptorTuples[i + 3],\n // writable\n descriptorTuples[i + 4],\n // valuePointer\n descriptorTuples[i + 5],\n // getterPointer\n descriptorTuples[i + 6] // setterPointer\n );\n }\n // Use `ObjectDefineProperties()` instead of individual\n // `ReflectDefineProperty()` calls for better performance.\n ObjectDefineProperties(shadowTarget, descriptors);\n });\n } catch (error) {\n var _selectedTarget2;\n const errorToThrow = (_selectedTarget2 = selectedTarget) != null ? _selectedTarget2 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let proto;\n if (typeof protoPointerOrNull === 'function') {\n protoPointerOrNull();\n proto = selectedTarget;\n selectedTarget = undefined;\n } else {\n proto = null;\n }\n ReflectSetPrototypeOf(shadowTarget, proto);\n }\n function createApplyOrConstructTrapForZeroOrMoreArgs(proxyTrapEnum) {\n const isApplyTrap = proxyTrapEnum & 1 /* ProxyHandlerTraps.Apply */;\n const arityToApplyOrConstructTrapNameRegistry = isApplyTrap ? applyTrapNameRegistry : constructTrapNameRegistry;\n const foreignCallableApplyOrConstruct = isApplyTrap ? foreignCallableApply : foreignCallableConstruct;\n return function applyOrConstructTrap(_shadowTarget, thisArgOrArgs, argsOrNewTarget) {\n lastProxyTrapCalled = proxyTrapEnum;\n const args = isApplyTrap ? argsOrNewTarget : thisArgOrArgs;\n const {\n length\n } = args;\n if (length !== 0) {\n var _arityToApplyOrConstr;\n return this[(_arityToApplyOrConstr = arityToApplyOrConstructTrapNameRegistry[length]) != null ? _arityToApplyOrConstr : arityToApplyOrConstructTrapNameRegistry.n](_shadowTarget, thisArgOrArgs, argsOrNewTarget);\n }\n // @ts-ignore: Prevent private property access error.\n const {\n foreignTargetPointer\n } = this;\n const thisArgOrNewTarget = isApplyTrap ? thisArgOrArgs : argsOrNewTarget;\n let pointerOrPrimitive;\n try {\n pointerOrPrimitive = foreignCallableApplyOrConstruct(foreignTargetPointer,\n // Inline getTransferableValue().\n typeof thisArgOrNewTarget === 'object' && thisArgOrNewTarget !== null || typeof thisArgOrNewTarget === 'function' ? getTransferablePointer(thisArgOrNewTarget) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof thisArgOrNewTarget === 'undefined' ? undefined : thisArgOrNewTarget);\n } catch (error) {\n var _selectedTarget3;\n const errorToThrow = (_selectedTarget3 = selectedTarget) != null ? _selectedTarget3 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result;\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n return result;\n };\n }\n function createApplyOrConstructTrapForOneOrMoreArgs(proxyTrapEnum) {\n const isApplyTrap = proxyTrapEnum & 1 /* ProxyHandlerTraps.Apply */;\n const arityToApplyOrConstructTrapNameRegistry = isApplyTrap ? applyTrapNameRegistry : constructTrapNameRegistry;\n const foreignCallableApplyOrConstruct = isApplyTrap ? foreignCallableApply : foreignCallableConstruct;\n return function applyOrConstructTrapForOneOrMoreArgs(_shadowTarget, thisArgOrArgs, argsOrNewTarget) {\n lastProxyTrapCalled = proxyTrapEnum;\n const args = isApplyTrap ? argsOrNewTarget : thisArgOrArgs;\n const {\n length\n } = args;\n if (length !== 1) {\n var _arityToApplyOrConstr2;\n return this[(_arityToApplyOrConstr2 = arityToApplyOrConstructTrapNameRegistry[length]) != null ? _arityToApplyOrConstr2 : arityToApplyOrConstructTrapNameRegistry.n](_shadowTarget, thisArgOrArgs, argsOrNewTarget);\n }\n // @ts-ignore: Prevent private property access error.\n const {\n foreignTargetPointer\n } = this;\n const thisArgOrNewTarget = isApplyTrap ? thisArgOrArgs : argsOrNewTarget;\n let pointerOrPrimitive;\n try {\n const {\n 0: arg0\n } = args;\n pointerOrPrimitive = foreignCallableApplyOrConstruct(foreignTargetPointer,\n // Inline getTransferableValue().\n typeof thisArgOrNewTarget === 'object' && thisArgOrNewTarget !== null || typeof thisArgOrNewTarget === 'function' ? getTransferablePointer(thisArgOrNewTarget) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof thisArgOrNewTarget === 'undefined' ? undefined : thisArgOrNewTarget,\n // Inline getTransferableValue().\n typeof arg0 === 'object' && arg0 !== null || typeof arg0 === 'function' ? getTransferablePointer(arg0) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg0 === 'undefined' ? undefined : arg0);\n } catch (error) {\n var _selectedTarget4;\n const errorToThrow = (_selectedTarget4 = selectedTarget) != null ? _selectedTarget4 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result;\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n return result;\n };\n }\n function createApplyOrConstructTrapForTwoOrMoreArgs(proxyTrapEnum) {\n const isApplyTrap = proxyTrapEnum & 1 /* ProxyHandlerTraps.Apply */;\n const arityToApplyOrConstructTrapNameRegistry = isApplyTrap ? applyTrapNameRegistry : constructTrapNameRegistry;\n const foreignCallableApplyOrConstruct = isApplyTrap ? foreignCallableApply : foreignCallableConstruct;\n return function applyOrConstructTrapForTwoOrMoreArgs(_shadowTarget, thisArgOrArgs, argsOrNewTarget) {\n lastProxyTrapCalled = proxyTrapEnum;\n const args = isApplyTrap ? argsOrNewTarget : thisArgOrArgs;\n const {\n length\n } = args;\n if (length !== 2) {\n var _arityToApplyOrConstr3;\n return this[(_arityToApplyOrConstr3 = arityToApplyOrConstructTrapNameRegistry[length]) != null ? _arityToApplyOrConstr3 : arityToApplyOrConstructTrapNameRegistry.n](_shadowTarget, thisArgOrArgs, argsOrNewTarget);\n }\n // @ts-ignore: Prevent private property access error.\n const {\n foreignTargetPointer\n } = this;\n const thisArgOrNewTarget = isApplyTrap ? thisArgOrArgs : argsOrNewTarget;\n let pointerOrPrimitive;\n try {\n const {\n 0: arg0,\n 1: arg1\n } = args;\n pointerOrPrimitive = foreignCallableApplyOrConstruct(foreignTargetPointer,\n // Inline getTransferableValue().\n typeof thisArgOrNewTarget === 'object' && thisArgOrNewTarget !== null || typeof thisArgOrNewTarget === 'function' ? getTransferablePointer(thisArgOrNewTarget) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof thisArgOrNewTarget === 'undefined' ? undefined : thisArgOrNewTarget,\n // Inline getTransferableValue().\n typeof arg0 === 'object' && arg0 !== null || typeof arg0 === 'function' ? getTransferablePointer(arg0) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg0 === 'undefined' ? undefined : arg0,\n // Inline getTransferableValue().\n typeof arg1 === 'object' && arg1 !== null || typeof arg1 === 'function' ? getTransferablePointer(arg1) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg1 === 'undefined' ? undefined : arg1);\n } catch (error) {\n var _selectedTarget5;\n const errorToThrow = (_selectedTarget5 = selectedTarget) != null ? _selectedTarget5 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result;\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n return result;\n };\n }\n function createApplyOrConstructTrapForThreeOrMoreArgs(proxyTrapEnum) {\n const isApplyTrap = proxyTrapEnum & 1 /* ProxyHandlerTraps.Apply */;\n const arityToApplyOrConstructTrapNameRegistry = isApplyTrap ? applyTrapNameRegistry : constructTrapNameRegistry;\n const foreignCallableApplyOrConstruct = isApplyTrap ? foreignCallableApply : foreignCallableConstruct;\n return function applyOrConstructTrapForTwoOrMoreArgs(_shadowTarget, thisArgOrArgs, argsOrNewTarget) {\n lastProxyTrapCalled = proxyTrapEnum;\n const args = isApplyTrap ? argsOrNewTarget : thisArgOrArgs;\n const {\n length\n } = args;\n if (length !== 3) {\n var _arityToApplyOrConstr4;\n return this[(_arityToApplyOrConstr4 = arityToApplyOrConstructTrapNameRegistry[length]) != null ? _arityToApplyOrConstr4 : arityToApplyOrConstructTrapNameRegistry.n](_shadowTarget, thisArgOrArgs, argsOrNewTarget);\n }\n // @ts-ignore: Prevent private property access error.\n const {\n foreignTargetPointer\n } = this;\n const thisArgOrNewTarget = isApplyTrap ? thisArgOrArgs : argsOrNewTarget;\n let pointerOrPrimitive;\n try {\n const {\n 0: arg0,\n 1: arg1,\n 2: arg2\n } = args;\n pointerOrPrimitive = foreignCallableApplyOrConstruct(foreignTargetPointer,\n // Inline getTransferableValue().\n typeof thisArgOrNewTarget === 'object' && thisArgOrNewTarget !== null || typeof thisArgOrNewTarget === 'function' ? getTransferablePointer(thisArgOrNewTarget) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof thisArgOrNewTarget === 'undefined' ? undefined : thisArgOrNewTarget,\n // Inline getTransferableValue().\n typeof arg0 === 'object' && arg0 !== null || typeof arg0 === 'function' ? getTransferablePointer(arg0) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg0 === 'undefined' ? undefined : arg0,\n // Inline getTransferableValue().\n typeof arg1 === 'object' && arg1 !== null || typeof arg1 === 'function' ? getTransferablePointer(arg1) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg1 === 'undefined' ? undefined : arg1,\n // Inline getTransferableValue().\n typeof arg2 === 'object' && arg2 !== null || typeof arg2 === 'function' ? getTransferablePointer(arg2) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg2 === 'undefined' ? undefined : arg2);\n } catch (error) {\n var _selectedTarget6;\n const errorToThrow = (_selectedTarget6 = selectedTarget) != null ? _selectedTarget6 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result;\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n return result;\n };\n }\n function createApplyOrConstructTrapForFourOrMoreArgs(proxyTrapEnum) {\n const isApplyTrap = proxyTrapEnum & 1 /* ProxyHandlerTraps.Apply */;\n const arityToApplyOrConstructTrapNameRegistry = isApplyTrap ? applyTrapNameRegistry : constructTrapNameRegistry;\n const foreignCallableApplyOrConstruct = isApplyTrap ? foreignCallableApply : foreignCallableConstruct;\n return function applyOrConstructTrapForTwoOrMoreArgs(_shadowTarget, thisArgOrArgs, argsOrNewTarget) {\n lastProxyTrapCalled = proxyTrapEnum;\n const args = isApplyTrap ? argsOrNewTarget : thisArgOrArgs;\n const {\n length\n } = args;\n if (length !== 4) {\n var _arityToApplyOrConstr5;\n return this[(_arityToApplyOrConstr5 = arityToApplyOrConstructTrapNameRegistry[length]) != null ? _arityToApplyOrConstr5 : arityToApplyOrConstructTrapNameRegistry.n](_shadowTarget, thisArgOrArgs, argsOrNewTarget);\n }\n // @ts-ignore: Prevent private property access error.\n const {\n foreignTargetPointer\n } = this;\n const thisArgOrNewTarget = isApplyTrap ? thisArgOrArgs : argsOrNewTarget;\n let pointerOrPrimitive;\n try {\n const {\n 0: arg0,\n 1: arg1,\n 2: arg2,\n 3: arg3\n } = args;\n pointerOrPrimitive = foreignCallableApplyOrConstruct(foreignTargetPointer,\n // Inline getTransferableValue().\n typeof thisArgOrNewTarget === 'object' && thisArgOrNewTarget !== null || typeof thisArgOrNewTarget === 'function' ? getTransferablePointer(thisArgOrNewTarget) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof thisArgOrNewTarget === 'undefined' ? undefined : thisArgOrNewTarget,\n // Inline getTransferableValue().\n typeof arg0 === 'object' && arg0 !== null || typeof arg0 === 'function' ? getTransferablePointer(arg0) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg0 === 'undefined' ? undefined : arg0,\n // Inline getTransferableValue().\n typeof arg1 === 'object' && arg1 !== null || typeof arg1 === 'function' ? getTransferablePointer(arg1) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg1 === 'undefined' ? undefined : arg1,\n // Inline getTransferableValue().\n typeof arg2 === 'object' && arg2 !== null || typeof arg2 === 'function' ? getTransferablePointer(arg2) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg2 === 'undefined' ? undefined : arg2,\n // Inline getTransferableValue().\n typeof arg3 === 'object' && arg3 !== null || typeof arg3 === 'function' ? getTransferablePointer(arg3) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg3 === 'undefined' ? undefined : arg3);\n } catch (error) {\n var _selectedTarget7;\n const errorToThrow = (_selectedTarget7 = selectedTarget) != null ? _selectedTarget7 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result;\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n return result;\n };\n }\n function createApplyOrConstructTrapForFiveOrMoreArgs(proxyTrapEnum) {\n const isApplyTrap = proxyTrapEnum & 1 /* ProxyHandlerTraps.Apply */;\n const arityToApplyOrConstructTrapNameRegistry = isApplyTrap ? applyTrapNameRegistry : constructTrapNameRegistry;\n const foreignCallableApplyOrConstruct = isApplyTrap ? foreignCallableApply : foreignCallableConstruct;\n return function applyOrConstructTrapForTwoOrMoreArgs(_shadowTarget, thisArgOrArgs, argsOrNewTarget) {\n lastProxyTrapCalled = proxyTrapEnum;\n const args = isApplyTrap ? argsOrNewTarget : thisArgOrArgs;\n const {\n length\n } = args;\n if (length !== 5) {\n var _arityToApplyOrConstr6;\n return this[(_arityToApplyOrConstr6 = arityToApplyOrConstructTrapNameRegistry[length]) != null ? _arityToApplyOrConstr6 : arityToApplyOrConstructTrapNameRegistry.n](_shadowTarget, thisArgOrArgs, argsOrNewTarget);\n }\n // @ts-ignore: Prevent private property access error.\n const {\n foreignTargetPointer\n } = this;\n const thisArgOrNewTarget = isApplyTrap ? thisArgOrArgs : argsOrNewTarget;\n let pointerOrPrimitive;\n try {\n const {\n 0: arg0,\n 1: arg1,\n 2: arg2,\n 3: arg3,\n 4: arg4\n } = args;\n pointerOrPrimitive = foreignCallableApplyOrConstruct(foreignTargetPointer,\n // Inline getTransferableValue().\n typeof thisArgOrNewTarget === 'object' && thisArgOrNewTarget !== null || typeof thisArgOrNewTarget === 'function' ? getTransferablePointer(thisArgOrNewTarget) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof thisArgOrNewTarget === 'undefined' ? undefined : thisArgOrNewTarget,\n // Inline getTransferableValue().\n typeof arg0 === 'object' && arg0 !== null || typeof arg0 === 'function' ? getTransferablePointer(arg0) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg0 === 'undefined' ? undefined : arg0,\n // Inline getTransferableValue().\n typeof arg1 === 'object' && arg1 !== null || typeof arg1 === 'function' ? getTransferablePointer(arg1) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg1 === 'undefined' ? undefined : arg1,\n // Inline getTransferableValue().\n typeof arg2 === 'object' && arg2 !== null || typeof arg2 === 'function' ? getTransferablePointer(arg2) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg2 === 'undefined' ? undefined : arg2,\n // Inline getTransferableValue().\n typeof arg3 === 'object' && arg3 !== null || typeof arg3 === 'function' ? getTransferablePointer(arg3) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg3 === 'undefined' ? undefined : arg3,\n // Inline getTransferableValue().\n typeof arg4 === 'object' && arg4 !== null || typeof arg4 === 'function' ? getTransferablePointer(arg4) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg4 === 'undefined' ? undefined : arg4);\n } catch (error) {\n var _selectedTarget8;\n const errorToThrow = (_selectedTarget8 = selectedTarget) != null ? _selectedTarget8 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result;\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n return result;\n };\n }\n function createApplyOrConstructTrapForAnyNumberOfArgs(proxyTrapEnum) {\n const isApplyTrap = proxyTrapEnum & 1 /* ProxyHandlerTraps.Apply */;\n const foreignCallableApplyOrConstruct = isApplyTrap ? foreignCallableApply : foreignCallableConstruct;\n return function applyOrConstructTrapForAnyNumberOfArgs(_shadowTarget, thisArgOrArgs, argsOrNewTarget) {\n lastProxyTrapCalled = proxyTrapEnum;\n // @ts-ignore: Prevent private property access error.\n const {\n foreignTargetPointer\n } = this;\n const args = isApplyTrap ? argsOrNewTarget : thisArgOrArgs;\n const {\n length\n } = args;\n const thisArgOrNewTarget = isApplyTrap ? thisArgOrArgs : argsOrNewTarget;\n let combinedOffset = 2;\n const combinedArgs = new ArrayCtor(length + combinedOffset);\n combinedArgs[0] = foreignTargetPointer;\n let pointerOrPrimitive;\n try {\n combinedArgs[1] = typeof thisArgOrNewTarget === 'object' && thisArgOrNewTarget !== null || typeof thisArgOrNewTarget === 'function' ? getTransferablePointer(thisArgOrNewTarget) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof thisArgOrNewTarget === 'undefined' ? undefined : thisArgOrNewTarget;\n for (let i = 0; i < length; i += 1) {\n const arg = args[i];\n // Inlining `getTransferableValue()`.\n combinedArgs[combinedOffset++] = typeof arg === 'object' && arg !== null || typeof arg === 'function' ? getTransferablePointer(arg) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof arg === 'undefined' ? undefined : arg;\n }\n pointerOrPrimitive = ReflectApply(foreignCallableApplyOrConstruct, undefined, combinedArgs);\n } catch (error) {\n var _selectedTarget9;\n const errorToThrow = (_selectedTarget9 = selectedTarget) != null ? _selectedTarget9 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result;\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n return result;\n };\n }\n function createDescriptorFromMeta(configurable, enumerable, writable, valuePointerOrPrimitive, getterPointerOrPrimitive, setterPointerOrPrimitive) {\n const safeDesc = {\n __proto__: null\n };\n if (configurable !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n safeDesc.configurable = configurable;\n }\n if (enumerable !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n safeDesc.enumerable = enumerable;\n }\n if (writable !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n safeDesc.writable = writable;\n }\n if (getterPointerOrPrimitive !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n if (typeof getterPointerOrPrimitive === 'function') {\n getterPointerOrPrimitive();\n safeDesc.get = selectedTarget;\n selectedTarget = undefined;\n } else {\n safeDesc.get = undefined;\n }\n }\n if (setterPointerOrPrimitive !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n if (typeof setterPointerOrPrimitive === 'function') {\n setterPointerOrPrimitive();\n safeDesc.set = selectedTarget;\n selectedTarget = undefined;\n } else {\n safeDesc.set = undefined;\n }\n }\n if (valuePointerOrPrimitive !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n if (typeof valuePointerOrPrimitive === 'function') {\n valuePointerOrPrimitive();\n safeDesc.value = selectedTarget;\n selectedTarget = undefined;\n } else {\n safeDesc.value = valuePointerOrPrimitive;\n }\n }\n return safeDesc;\n }\n function createPointer(originalTarget) {\n const pointer = () => {\n // assert: selectedTarget is undefined\n selectedTarget = originalTarget;\n };\n return pointer;\n }\n const disableFastForeignTargetPointers = IS_IN_SHADOW_REALM ? () => {\n useFastForeignTargetPath = false;\n useFastForeignTargetPathForTypedArrays = false;\n clearFastForeignTargetPointers();\n } : noop;\n const getLazyPropertyDescriptorStateByTarget = IS_IN_SHADOW_REALM ? target => {\n let state = lazyPropertyDescriptorStateCache.get(target);\n if (state === undefined) {\n const statePointerOrUndefined = foreignCallableGetLazyPropertyDescriptorStateByTarget(getTransferablePointer(target));\n if (typeof statePointerOrUndefined === 'function') {\n statePointerOrUndefined();\n state = selectedTarget;\n selectedTarget = undefined;\n if (state) {\n lazyPropertyDescriptorStateCache.set(target, state);\n }\n }\n }\n return state;\n } : noop;\n const isForeignPointerOfObjectProto = IS_IN_SHADOW_REALM ?\n // eslint-disable-next-line no-return-assign\n foreignTargetPointer => foreignTargetPointer === (foreignPointerObjectProto === undefined ? foreignPointerObjectProto = getTransferablePointer(ObjectProto) : foreignPointerObjectProto) : alwaysFalse;\n const isForeignPointerOfTypedArrayProto = IS_IN_SHADOW_REALM ?\n // eslint-disable-next-line no-return-assign\n foreignTargetPointer => foreignTargetPointer === (foreignPointerFloat32ArrayProto === undefined ? foreignPointerFloat32ArrayProto = getTransferablePointer(Float32ArrayProto) : foreignPointerFloat32ArrayProto) || foreignTargetPointer === (foreignPointerFloat64ArrayProto === undefined ? foreignPointerFloat64ArrayProto = getTransferablePointer(Float64ArrayProto) : foreignPointerFloat64ArrayProto) || foreignTargetPointer === (foreignPointerInt8ArrayProto === undefined ? foreignPointerInt8ArrayProto = getTransferablePointer(Int8ArrayProto) : foreignPointerInt8ArrayProto) || foreignTargetPointer === (foreignPointerInt16ArrayProto === undefined ? foreignPointerInt16ArrayProto = getTransferablePointer(Int16ArrayProto) : foreignPointerInt16ArrayProto) || foreignTargetPointer === (foreignPointerInt32ArrayProto === undefined ? foreignPointerInt32ArrayProto = getTransferablePointer(Int32ArrayProto) : foreignPointerInt32ArrayProto) || foreignTargetPointer === (foreignPointerUint8ArrayProto === undefined ? foreignPointerUint8ArrayProto = getTransferablePointer(Uint8ArrayProto) : foreignPointerUint8ArrayProto) || foreignTargetPointer === (foreignPointerUint16ArrayProto === undefined ? foreignPointerUint16ArrayProto = getTransferablePointer(Uint16ArrayProto) : foreignPointerUint16ArrayProto) || foreignTargetPointer === (foreignPointerUint32ArrayProto === undefined ? foreignPointerUint32ArrayProto = getTransferablePointer(Uint32ArrayProto) : foreignPointerUint32ArrayProto) || foreignTargetPointer === (foreignPointerTypedArrayProto === undefined ? foreignPointerTypedArrayProto = getTransferablePointer(TypedArrayProto) : foreignPointerTypedArrayProto) || foreignTargetPointer === (foreignPointerBigInt64ArrayProto === undefined ? foreignPointerBigInt64ArrayProto = BigInt64ArrayProto ? getTransferablePointer(BigInt64ArrayProto) : noop : foreignPointerBigInt64ArrayProto) || foreignTargetPointer === (foreignPointerBigUint64ArrayProto === undefined ? foreignPointerBigUint64ArrayProto = BigUint64ArrayProto ? getTransferablePointer(BigUint64ArrayProto) : noop : foreignPointerBigUint64ArrayProto) : alwaysFalse;\n function getTransferablePointer(originalTarget, foreignCallablePusher = foreignCallablePushTarget) {\n let proxyPointer = proxyPointerCache.get(originalTarget);\n if (proxyPointer) {\n return proxyPointer;\n }\n let targetFunctionArity = 0;\n let targetFunctionName = '';\n let targetTypedArrayLength = 0;\n if (revokedProxyCallback && revokedProxyCallback(originalTarget)) {\n proxyPointer = foreignCallablePusher(createPointer(originalTarget), 64 /* TargetTraits.Revoked */, targetFunctionArity, targetFunctionName, targetTypedArrayLength);\n proxyPointerCache.set(originalTarget, proxyPointer);\n return proxyPointer;\n }\n let distortionTarget;\n let targetTraits = 16 /* TargetTraits.IsObject */;\n if (distortionCallback) {\n distortionTarget = distortionCallback(originalTarget);\n // If a distortion entry is found, it must be a valid proxy target.\n if (distortionTarget !== originalTarget && typeof distortionTarget !== typeof originalTarget) {\n throw new TypeErrorCtor(`Invalid distortion ${toSafeTemplateStringValue(originalTarget)}.`);\n }\n } else {\n distortionTarget = originalTarget;\n }\n let isPossiblyRevoked = true;\n if (typeof distortionTarget === 'function') {\n isPossiblyRevoked = false;\n targetFunctionArity = 0;\n targetTraits = 4 /* TargetTraits.IsFunction */;\n try {\n // Detect arrow functions.\n if (!('prototype' in distortionTarget)) {\n targetTraits |= 8 /* TargetTraits.IsArrowFunction */;\n }\n\n const safeLengthDesc = ReflectGetOwnPropertyDescriptor(originalTarget, 'length');\n if (safeLengthDesc) {\n ReflectSetPrototypeOf(safeLengthDesc, null);\n const {\n value: safeLengthDescValue\n } = safeLengthDesc;\n if (typeof safeLengthDescValue === 'number') {\n targetFunctionArity = safeLengthDescValue;\n }\n }\n const safeNameDesc = false ? ReflectGetOwnPropertyDescriptor(originalTarget, 'name') : undefined;\n if (safeNameDesc) ;\n } catch (_unused16) {\n isPossiblyRevoked = true;\n }\n } else if (ArrayBufferIsView(distortionTarget)) {\n isPossiblyRevoked = false;\n targetTraits = 2 /* TargetTraits.IsArrayBufferView */;\n try {\n targetTypedArrayLength = ReflectApply(TypedArrayProtoLengthGetter, distortionTarget, []);\n targetTraits |= 32 /* TargetTraits.IsTypedArray */;\n // eslint-disable-next-line no-empty\n } catch (_unused17) {\n // Could be a DataView object or a revoked proxy.\n isPossiblyRevoked = true;\n }\n }\n if (isPossiblyRevoked) {\n try {\n if (isArrayOrThrowForRevoked(distortionTarget)) {\n targetTraits = 1 /* TargetTraits.IsArray */;\n }\n } catch (_unused18) {\n targetTraits = 64 /* TargetTraits.Revoked */;\n }\n }\n\n proxyPointer = foreignCallablePusher(createPointer(distortionTarget), targetTraits, targetFunctionArity, targetFunctionName, targetTypedArrayLength);\n proxyPointerCache.set(originalTarget, proxyPointer);\n return proxyPointer;\n }\n const installPropertyDescriptorMethodWrappers = IS_IN_SHADOW_REALM ? unforgeableGlobalThisKeys => {\n if (installedPropertyDescriptorMethodWrappersFlag) {\n return;\n }\n installedPropertyDescriptorMethodWrappersFlag = true;\n // We wrap property descriptor methods to activate lazy\n // descriptors and/or workaround browser bugs. The following\n // methods are wrapped:\n // Object.getOwnPropertyDescriptors()\n // Object.getOwnPropertyDescriptor()\n // Reflect.defineProperty()\n // Reflect.getOwnPropertyDescriptor()\n // Object.prototype.__defineGetter__()\n // Object.prototype.__defineSetter__()\n // Object.prototype.__lookupGetter__()\n // Object.prototype.__lookupSetter__()\n //\n // Chromium based browsers have a bug that nulls the result\n // of `window` getters in detached iframes when the property\n // descriptor of `window.window` is retrieved.\n // https://bugs.chromium.org/p/chromium/issues/detail?id=1305302\n //\n // Methods may be poisoned when they interact with the `window`\n // object and retrieve property descriptors, like 'window',\n // that contain the `window` object itself. The following\n // built-in methods are susceptible to this issue:\n // console.log(window);\n // Object.getOwnPropertyDescriptors(window);\n // Object.getOwnPropertyDescriptor(window, 'window');\n // Reflect.getOwnPropertyDescriptor(window, 'window');\n // window.__lookupGetter__('window');\n // window.__lookupSetter__('window');\n //\n // We side step issues with `console` by mapping it to the\n // primary realm's `console`. Since we're already wrapping\n // property descriptor methods to activate lazy descriptors\n // we use the wrapper to workaround the `window` getter\n // nulling bug.\n const shouldFixChromeBug = isArrayOrThrowForRevoked(unforgeableGlobalThisKeys) && unforgeableGlobalThisKeys.length > 0;\n // Lazily populated by `getUnforgeableGlobalThisGetter()`;\n const keyToGlobalThisGetterRegistry = shouldFixChromeBug ? {\n __proto__: null\n } : undefined;\n const getFixedDescriptor = shouldFixChromeBug ? (target, key) => ReflectApply(ArrayProtoIncludes, unforgeableGlobalThisKeys, [key]) ? {\n configurable: false,\n enumerable: ReflectApply(ObjectProtoPropertyIsEnumerable, target, [key]),\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n get: getUnforgeableGlobalThisGetter(key),\n set: undefined\n } : ReflectGetOwnPropertyDescriptor(target, key) : undefined;\n const getUnforgeableGlobalThisGetter = shouldFixChromeBug ? key => {\n let globalThisGetter = keyToGlobalThisGetterRegistry[key];\n if (globalThisGetter === undefined) {\n // We can't access the original getter to mask\n // with `proxyMaskFunction()`, so instead we wrap\n // `unboundGlobalThisGetter` in bound function\n // to obscure the getter source as \"[native code]\".\n globalThisGetter = ReflectApply(FunctionProtoBind,\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n unboundGlobalThisGetter, []);\n // Preserve identity continuity of getters.\n keyToGlobalThisGetterRegistry[key] = globalThisGetter;\n }\n return globalThisGetter;\n } : undefined;\n const lookupFixedGetter = shouldFixChromeBug ? (target, key) => ReflectApply(ArrayProtoIncludes, unforgeableGlobalThisKeys, [key]) ? getUnforgeableGlobalThisGetter(key) : ReflectApply(ObjectProtoLookupGetter, target, [key]) : undefined;\n const lookupFixedSetter = shouldFixChromeBug ? (target, key) => ReflectApply(ArrayProtoIncludes, unforgeableGlobalThisKeys, [key]) ? undefined : ReflectApply(ObjectProtoLookupSetter, target, [key]) : undefined;\n const unboundGlobalThisGetter = shouldFixChromeBug ? () => globalThisRef : undefined;\n const wrapDefineAccessOrProperty = originalFunc => {\n const {\n length: originalFuncLength\n } = originalFunc;\n // `__defineGetter__()` and `__defineSetter__()` have\n // function lengths of 2 while `Reflect.defineProperty()`\n // has a function length of 3.\n const useThisArgAsTarget = originalFuncLength === 2;\n return new ProxyCtor(originalFunc, {\n apply(_originalFunc, thisArg, args) {\n if (args.length >= originalFuncLength) {\n const target = useThisArgAsTarget ? thisArg : args[0];\n if (typeof target === 'object' && target !== null || typeof target === 'function') {\n const key = useThisArgAsTarget ? args[0] : args[1];\n const state = getLazyPropertyDescriptorStateByTarget(target);\n if (state != null && state[key]) {\n // Activate the descriptor by triggering\n // its getter.\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n target[key];\n }\n }\n }\n return ReflectApply(originalFunc, thisArg, args);\n }\n });\n };\n const wrapLookupAccessor = (originalFunc, lookupFixedAccessor) => new ProxyCtor(originalFunc, {\n apply(_originalFunc, thisArg, args) {\n if (args.length && (typeof thisArg === 'object' && thisArg !== null || typeof thisArg === 'function')) {\n const {\n 0: key\n } = args;\n const state = getLazyPropertyDescriptorStateByTarget(thisArg);\n if (state != null && state[key]) {\n // Activate the descriptor by triggering\n // its getter.\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n thisArg[key];\n }\n if (shouldFixChromeBug && thisArg === globalThisRef) {\n return lookupFixedAccessor(thisArg, key);\n }\n }\n return ReflectApply(originalFunc, thisArg, args);\n }\n });\n const wrapGetOwnPropertyDescriptor = originalFunc => new ProxyCtor(originalFunc, {\n apply(_originalFunc, thisArg, args) {\n if (args.length > 1) {\n const {\n 0: target,\n 1: key\n } = args;\n if (typeof target === 'object' && target !== null || typeof target === 'function') {\n const state = getLazyPropertyDescriptorStateByTarget(target);\n if (state != null && state[key]) {\n // Activate the descriptor by triggering\n // its getter.\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n target[key];\n }\n if (shouldFixChromeBug && target === globalThisRef) {\n return getFixedDescriptor(target, key);\n }\n }\n }\n return ReflectApply(originalFunc, thisArg, args);\n }\n });\n const wrapGetOwnPropertyDescriptors = originalFunc => new ProxyCtor(originalFunc, {\n apply(_originalFunc, thisArg, args) {\n const target = args.length ? args[0] : undefined;\n if (!(typeof target === 'object' && target !== null || typeof target === 'function')) {\n // Defer to native method to throw exception.\n return ReflectApply(originalFunc, thisArg, args);\n }\n const state = getLazyPropertyDescriptorStateByTarget(target);\n const isFixingChromeBug = target === globalThisRef && shouldFixChromeBug;\n const unsafeDescs = isFixingChromeBug ?\n // Create an empty property descriptor map\n // to populate with curated descriptors.\n {} :\n // Since this is not a global object it is\n // safe to use the native method.\n ReflectApply(originalFunc, thisArg, args);\n if (!isFixingChromeBug && state === undefined) {\n // Exit early if the target is not a global\n // object and there are no lazy descriptors.\n return unsafeDescs;\n }\n const ownKeys = ReflectOwnKeys(isFixingChromeBug ? target : unsafeDescs);\n for (let i = 0, {\n length\n } = ownKeys; i < length; i += 1) {\n const ownKey = ownKeys[i];\n const isLazyProp = !!(state != null && state[ownKey]);\n if (isLazyProp) {\n // Activate the descriptor by triggering\n // its getter.\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n target[ownKey];\n }\n if (isLazyProp || isFixingChromeBug) {\n const unsafeDesc = isFixingChromeBug ? getFixedDescriptor(target, ownKey) : ReflectGetOwnPropertyDescriptor(target, ownKey);\n // Update the descriptor map entry.\n if (unsafeDesc) {\n unsafeDescs[ownKey] = unsafeDesc;\n } else if (!isFixingChromeBug) {\n ReflectDeleteProperty(unsafeDescs, ownKey);\n }\n }\n }\n return unsafeDescs;\n }\n });\n try {\n ReflectRef.defineProperty = wrapDefineAccessOrProperty(ReflectDefineProperty);\n // eslint-disable-next-line no-empty\n } catch (_unused19) {}\n try {\n ReflectRef.getOwnPropertyDescriptor = wrapGetOwnPropertyDescriptor(ReflectGetOwnPropertyDescriptor);\n // eslint-disable-next-line no-empty\n } catch (_unused20) {}\n try {\n ObjectCtor.getOwnPropertyDescriptor = wrapGetOwnPropertyDescriptor(ObjectGetOwnPropertyDescriptor);\n // eslint-disable-next-line no-empty\n } catch (_unused21) {}\n try {\n ObjectCtor.getOwnPropertyDescriptors = wrapGetOwnPropertyDescriptors(ObjectGetOwnPropertyDescriptors);\n // eslint-disable-next-line no-empty\n } catch (_unused22) {}\n try {\n // eslint-disable-next-line @typescript-eslint/naming-convention, no-restricted-properties, no-underscore-dangle\n ObjectProto.__defineGetter__ = wrapDefineAccessOrProperty(ObjectProtoDefineGetter);\n // eslint-disable-next-line no-empty\n } catch (_unused23) {}\n try {\n // eslint-disable-next-line @typescript-eslint/naming-convention, no-restricted-properties, no-underscore-dangle\n ObjectProto.__defineSetter__ = wrapDefineAccessOrProperty(ObjectProtoDefineSetter);\n // eslint-disable-next-line no-empty\n } catch (_unused24) {}\n try {\n // eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle\n ObjectProto.__lookupGetter__ = wrapLookupAccessor(ObjectProtoLookupGetter, lookupFixedGetter);\n // eslint-disable-next-line no-empty\n } catch (_unused25) {}\n try {\n // eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle\n ObjectProto.__lookupSetter__ = wrapLookupAccessor(ObjectProtoLookupSetter, lookupFixedSetter);\n // eslint-disable-next-line no-empty\n } catch (_unused26) {}\n } : noop;\n function lookupForeignDescriptor(foreignTargetPointer, shadowTarget, key) {\n let protoPointerOrNull;\n let safeDesc;\n try {\n protoPointerOrNull = foreignCallableBatchGetPrototypeOfWhenHasNoOwnPropertyDescriptor(foreignTargetPointer, key, (_key, configurable, enumerable, writable, valuePointerOrPrimitive, getterPointerOrPrimitive, setterPointerOrPrimitive) => {\n safeDesc = {\n __proto__: null,\n foreign: true\n };\n if (configurable !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n safeDesc.configurable = configurable;\n }\n if (enumerable !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n safeDesc.enumerable = enumerable;\n }\n if (writable !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n safeDesc.writable = writable;\n }\n if (getterPointerOrPrimitive !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n if (typeof getterPointerOrPrimitive === 'function') {\n getterPointerOrPrimitive();\n safeDesc.get = selectedTarget;\n selectedTarget = undefined;\n } else {\n safeDesc.get = undefined;\n }\n }\n if (setterPointerOrPrimitive !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n if (typeof setterPointerOrPrimitive === 'function') {\n setterPointerOrPrimitive();\n safeDesc.set = selectedTarget;\n selectedTarget = undefined;\n } else {\n safeDesc.set = undefined;\n }\n }\n if (valuePointerOrPrimitive !== LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n if (typeof valuePointerOrPrimitive === 'function') {\n valuePointerOrPrimitive();\n safeDesc.value = selectedTarget;\n selectedTarget = undefined;\n } else {\n safeDesc.value = valuePointerOrPrimitive;\n }\n }\n if (configurable === false) {\n // Update the descriptor to non-configurable on\n // the shadow target.\n ReflectDefineProperty(shadowTarget, key, safeDesc);\n }\n });\n } catch (error) {\n var _selectedTarget10;\n const errorToThrow = (_selectedTarget10 = selectedTarget) != null ? _selectedTarget10 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (safeDesc === undefined) {\n // Avoiding calling the has trap for any proto chain operation,\n // instead we implement the regular logic here in this trap.\n let currentObject;\n if (typeof protoPointerOrNull === 'function') {\n protoPointerOrNull();\n currentObject = selectedTarget;\n selectedTarget = undefined;\n } else {\n currentObject = null;\n }\n while (currentObject) {\n safeDesc = ReflectGetOwnPropertyDescriptor(currentObject, key);\n if (safeDesc) {\n ReflectSetPrototypeOf(safeDesc, null);\n break;\n }\n currentObject = ReflectGetPrototypeOf(currentObject);\n }\n if (safeDesc) {\n var _ref3;\n const {\n get: getter,\n set: setter,\n value: localValue\n } = safeDesc;\n const possibleProxy = (_ref3 = getter != null ? getter : setter) != null ? _ref3 : localValue;\n safeDesc.foreign = (typeof possibleProxy === 'object' && possibleProxy !== null || typeof possibleProxy === 'function') && proxyPointerCache.get(possibleProxy) !== undefined;\n }\n }\n return safeDesc;\n }\n function passthruForeignTraversedSet(foreignTargetPointer, shadowTarget, key, value, receiver) {\n const safeDesc = lookupForeignDescriptor(foreignTargetPointer, shadowTarget, key);\n // Following the specification steps for\n // OrdinarySetWithOwnDescriptor ( O, P, V, Receiver, ownDesc ).\n // https://tc39.es/ecma262/#sec-ordinarysetwithowndescriptor\n if (safeDesc) {\n if ('get' in safeDesc || 'set' in safeDesc) {\n const {\n set: setter\n } = safeDesc;\n if (setter) {\n if (safeDesc.foreign) {\n foreignCallableApply(getTransferablePointer(setter),\n // Inline getTransferableValue().\n typeof receiver === 'object' && receiver !== null || typeof receiver === 'function' ? getTransferablePointer(receiver) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof receiver === 'undefined' ? undefined : receiver,\n // Inline getTransferableValue().\n typeof value === 'object' && value !== null || typeof value === 'function' ? getTransferablePointer(value) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof value === 'undefined' ? undefined : value);\n } else {\n // Even though the setter function exists, we can't\n // use `ReflectSet()` because there might be a\n // distortion for that setter function, in which\n // case we must resolve the local setter and call\n // it instead.\n ReflectApply(setter, receiver, [value]);\n }\n // If there is a setter, it either throw or we can assume\n // the value was set.\n return true;\n }\n return false;\n }\n if (safeDesc.writable === false) {\n return false;\n }\n }\n // Exit early if receiver is not object like.\n if (!(typeof receiver === 'object' && receiver !== null || typeof receiver === 'function')) {\n return false;\n }\n const safeReceiverDesc = ReflectGetOwnPropertyDescriptor(receiver, key);\n if (safeReceiverDesc) {\n ReflectSetPrototypeOf(safeReceiverDesc, null);\n // Exit early for accessor descriptors or non-writable data\n // descriptors.\n if ('get' in safeReceiverDesc || 'set' in safeReceiverDesc || safeReceiverDesc.writable === false) {\n return false;\n }\n // Setting the descriptor with only a value entry should not\n // affect existing descriptor traits.\n ReflectDefineProperty(receiver, key, {\n __proto__: null,\n value\n });\n return true;\n }\n // `ReflectDefineProperty()` and `ReflectSet()` both are expected\n // to return `false` when attempting to add a new property if the\n // receiver is not extensible.\n return ReflectDefineProperty(receiver, key, {\n __proto__: null,\n configurable: true,\n enumerable: true,\n value,\n writable: true\n });\n }\n function pushErrorAcrossBoundary(error) {\n if (LOCKER_DEBUGGABLE_FLAG) {\n checkDebugMode();\n }\n // Inline getTransferableValue().\n if (typeof error === 'object' && error !== null || typeof error === 'function') {\n const foreignErrorPointer = getTransferablePointer(error, foreignCallablePushErrorTarget);\n foreignErrorPointer();\n }\n return error;\n }\n function pushTarget(foreignTargetPointer, foreignTargetTraits, foreignTargetFunctionArity, foreignTargetFunctionName, foreignTargetTypedArrayLength) {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n const {\n proxy\n } = new BoundaryProxyHandler(foreignTargetPointer, foreignTargetTraits, foreignTargetFunctionArity, foreignTargetFunctionName, foreignTargetTypedArrayLength);\n proxyPointerCache.set(proxy, foreignTargetPointer);\n return createPointer(proxy);\n }\n const setLazyPropertyDescriptorStateByTarget = IS_IN_SHADOW_REALM ? (target, state) => {\n lazyPropertyDescriptorStateCache.set(target, state);\n foreignCallableSetLazyPropertyDescriptorStateByTarget(getTransferablePointer(target), getTransferablePointer(state));\n } : noop;\n class BoundaryProxyHandler {\n constructor(foreignTargetPointer, foreignTargetTraits, foreignTargetFunctionArity, foreignTargetFunctionName, foreignTargetTypedArrayLength) {\n // Internal red/shadow realm side utilities:\n this.makeProxyLive = IS_IN_SHADOW_REALM ? function () {\n // Replace pending traps with live traps that can work with the\n // target without taking snapshots.\n this.deleteProperty = BoundaryProxyHandler.passthruDeletePropertyTrap;\n this.defineProperty = BoundaryProxyHandler.passthruDefinePropertyTrap;\n this.preventExtensions = BoundaryProxyHandler.passthruPreventExtensionsTrap;\n this.set = BoundaryProxyHandler.passthruSetTrap;\n this.setPrototypeOf = BoundaryProxyHandler.passthruSetPrototypeOfTrap;\n } : noop;\n this.makeProxyStatic = IS_IN_SHADOW_REALM ? function () {\n // Reset all traps except apply and construct for static proxies\n // since the proxy target is the shadow target and all operations\n // are going to be applied to it rather than the real target.\n this.defineProperty = BoundaryProxyHandler.staticDefinePropertyTrap;\n this.deleteProperty = BoundaryProxyHandler.staticDeletePropertyTrap;\n this.get = BoundaryProxyHandler.staticGetTrap;\n this.getOwnPropertyDescriptor = BoundaryProxyHandler.staticGetOwnPropertyDescriptorTrap;\n this.getPrototypeOf = BoundaryProxyHandler.staticGetPrototypeOfTrap;\n this.has = BoundaryProxyHandler.staticHasTrap;\n this.isExtensible = BoundaryProxyHandler.staticIsExtensibleTrap;\n this.ownKeys = BoundaryProxyHandler.staticOwnKeysTrap;\n this.preventExtensions = BoundaryProxyHandler.staticPreventExtensionsTrap;\n this.set = BoundaryProxyHandler.staticSetTrap;\n this.setPrototypeOf = BoundaryProxyHandler.staticSetPrototypeOfTrap;\n const {\n foreignTargetPointer,\n foreignTargetTraits,\n shadowTarget\n } = this;\n if (useFastForeignTargetPath) {\n fastForeignTargetPointers.delete(foreignTargetPointer);\n }\n // We don't wrap `foreignCallableGetTargetIntegrityTraits()`\n // in a try-catch because it cannot throw.\n const targetIntegrityTraits = foreignCallableGetTargetIntegrityTraits(foreignTargetPointer);\n if (targetIntegrityTraits & 8 /* TargetIntegrityTraits.Revoked */) {\n // the target is a revoked proxy, in which case we revoke\n // this proxy as well.\n this.revoke();\n return;\n }\n // A proxy can revoke itself when traps are triggered and break\n // the membrane, therefore we need protection.\n try {\n copyForeignOwnPropertyDescriptorsAndPrototypeToShadowTarget(foreignTargetPointer, shadowTarget);\n } catch (_unused27) {\n // We don't wrap `foreignCallableIsTargetRevoked()` in a\n // try-catch because it cannot throw.\n if (foreignCallableIsTargetRevoked(foreignTargetPointer)) {\n this.revoke();\n return;\n }\n }\n if (foreignTargetTraits & 16 /* TargetTraits.IsObject */ && !(SymbolToStringTag in shadowTarget)) {\n let toStringTag = 'Object';\n try {\n toStringTag = foreignCallableGetToStringTagOfTarget(foreignTargetPointer);\n // eslint-disable-next-line no-empty\n } catch (_unused28) {}\n this.staticToStringTag = toStringTag;\n }\n // Preserve the semantics of the target.\n if (targetIntegrityTraits & 4 /* TargetIntegrityTraits.IsFrozen */) {\n ObjectFreeze(shadowTarget);\n } else {\n if (targetIntegrityTraits & 2 /* TargetIntegrityTraits.IsSealed */) {\n ObjectSeal(shadowTarget);\n } else if (targetIntegrityTraits & 1 /* TargetIntegrityTraits.IsNotExtensible */) {\n ReflectPreventExtensions(shadowTarget);\n }\n if (LOCKER_UNMINIFIED_FLAG) {\n // We don't wrap `foreignCallableDebugInfo()` in a try-catch\n // because it cannot throw.\n foreignCallableDebugInfo('Mutations on the membrane of an object originating ' + 'outside of the sandbox will not be reflected on ' + 'the object itself:', foreignTargetPointer);\n }\n }\n } : noop;\n let shadowTarget;\n const isForeignTargetArray = foreignTargetTraits & 1 /* TargetTraits.IsArray */;\n const isForeignTargetFunction = foreignTargetTraits & 4 /* TargetTraits.IsFunction */;\n if (isForeignTargetFunction) {\n // This shadow target is never invoked. It's needed to avoid\n // proxy trap invariants. Because it's not invoked the code\n // does not need to be instrumented for code coverage.\n //\n // istanbul ignore next\n shadowTarget = foreignTargetTraits & 8 /* TargetTraits.IsArrowFunction */ ? () => {} : function () {};\n } else if (isForeignTargetArray) {\n shadowTarget = [];\n } else {\n shadowTarget = {};\n }\n const {\n proxy,\n revoke\n } = ProxyRevocable(shadowTarget, this);\n this.foreignTargetPointer = foreignTargetPointer;\n this.foreignTargetTraits = foreignTargetTraits;\n this.foreignTargetTypedArrayLength = foreignTargetTypedArrayLength;\n // Define in the BoundaryProxyHandler constructor so it is bound\n // to the BoundaryProxyHandler instance.\n this.nonConfigurableDescriptorCallback = (key, configurable, enumerable, writable, valuePointer, getterPointer, setterPointer) => {\n // Update the descriptor to non-configurable on the shadow\n // target.\n ReflectDefineProperty(this.shadowTarget, key, createDescriptorFromMeta(configurable, enumerable, writable, valuePointer, getterPointer, setterPointer));\n };\n this.proxy = proxy;\n this.revoke = revoke;\n this.serialize = noop;\n this.shadowTarget = shadowTarget;\n this.staticToStringTag = 'Object';\n // Define traps.\n if (isForeignTargetFunction) {\n var _applyTrapNameRegistr, _constructTrapNameReg;\n this.apply = this[(_applyTrapNameRegistr = applyTrapNameRegistry[foreignTargetFunctionArity]) != null ? _applyTrapNameRegistr : applyTrapNameRegistry.n];\n this.construct = this[(_constructTrapNameReg = constructTrapNameRegistry[foreignTargetFunctionArity]) != null ? _constructTrapNameReg : constructTrapNameRegistry.n];\n }\n this.defineProperty = BoundaryProxyHandler.defaultDefinePropertyTrap;\n this.deleteProperty = BoundaryProxyHandler.defaultDeletePropertyTrap;\n this.isExtensible = BoundaryProxyHandler.defaultIsExtensibleTrap;\n this.getOwnPropertyDescriptor = BoundaryProxyHandler.defaultGetOwnPropertyDescriptorTrap;\n this.getPrototypeOf = BoundaryProxyHandler.defaultGetPrototypeOfTrap;\n this.get = foreignTargetTraits & 32 /* TargetTraits.IsTypedArray */ ? BoundaryProxyHandler.hybridGetTrapForTypedArray : BoundaryProxyHandler.defaultGetTrap;\n this.has = BoundaryProxyHandler.defaultHasTrap;\n this.ownKeys = BoundaryProxyHandler.defaultOwnKeysTrap;\n this.preventExtensions = BoundaryProxyHandler.defaultPreventExtensionsTrap;\n this.setPrototypeOf = BoundaryProxyHandler.defaultSetPrototypeOfTrap;\n this.set = BoundaryProxyHandler.defaultSetTrap;\n if (foreignTargetTraits & 64 /* TargetTraits.Revoked */) {\n this.revoke();\n } else if (IS_IN_SHADOW_REALM) {\n if (isForeignTargetArray || foreignTargetTraits & 2 /* TargetTraits.IsArrayBufferView */) {\n this.makeProxyLive();\n }\n } else {\n if (foreignTargetTraits & 16 /* TargetTraits.IsObject */) {\n // Lazily define serialize method.\n let cachedSerializedValue = LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n this.serialize = () => {\n if (cachedSerializedValue === LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL) {\n cachedSerializedValue = foreignCallableSerializeTarget(this.foreignTargetPointer);\n }\n return cachedSerializedValue;\n };\n }\n }\n }\n // Passthru traps:\n static passthruDefinePropertyTrap(_shadowTarget, key, unsafePartialDesc) {\n lastProxyTrapCalled = 4 /* ProxyHandlerTraps.DefineProperty */;\n const {\n foreignTargetPointer,\n nonConfigurableDescriptorCallback\n } = this;\n const safePartialDesc = unsafePartialDesc;\n ReflectSetPrototypeOf(safePartialDesc, null);\n const {\n get: getter,\n set: setter,\n value\n } = safePartialDesc;\n const valuePointerOrPrimitive = 'value' in safePartialDesc ?\n // Inline getTransferableValue().\n typeof value === 'object' && value !== null || typeof value === 'function' ? getTransferablePointer(value) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof value === 'undefined' ? undefined : value : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n const getterPointerOrUndefinedSymbol = 'get' in safePartialDesc ?\n // Inline getTransferableValue().\n typeof getter === 'function' ? getTransferablePointer(getter) : getter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n const setterPointerOrUndefinedSymbol = 'set' in safePartialDesc ?\n // Inline getTransferableValue().\n typeof setter === 'function' ? getTransferablePointer(setter) : setter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n let result = false;\n try {\n result = foreignCallableDefineProperty(foreignTargetPointer, key, 'configurable' in safePartialDesc ? !!safePartialDesc.configurable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'enumerable' in safePartialDesc ? !!safePartialDesc.enumerable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'writable' in safePartialDesc ? !!safePartialDesc.writable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, valuePointerOrPrimitive, getterPointerOrUndefinedSymbol, setterPointerOrUndefinedSymbol, nonConfigurableDescriptorCallback);\n } catch (error) {\n var _selectedTarget11;\n const errorToThrow = (_selectedTarget11 = selectedTarget) != null ? _selectedTarget11 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (useFastForeignTargetPath && result && (typeof getterPointerOrUndefinedSymbol === 'function' || typeof setterPointerOrUndefinedSymbol === 'function')) {\n fastForeignTargetPointers.delete(foreignTargetPointer);\n }\n return result;\n }\n static passthruDeletePropertyTrap(_shadowTarget, key) {\n lastProxyTrapCalled = 8 /* ProxyHandlerTraps.DeleteProperty */;\n let result = false;\n try {\n result = foreignCallableDeleteProperty(this.foreignTargetPointer, key);\n } catch (error) {\n var _selectedTarget12;\n const errorToThrow = (_selectedTarget12 = selectedTarget) != null ? _selectedTarget12 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n return result;\n }\n static passthruGetPrototypeOfTrap(_shadowTarget) {\n lastProxyTrapCalled = 64 /* ProxyHandlerTraps.GetPrototypeOf */;\n let protoPointerOrNull;\n try {\n protoPointerOrNull = foreignCallableGetPrototypeOf(this.foreignTargetPointer);\n } catch (error) {\n var _selectedTarget13;\n const errorToThrow = (_selectedTarget13 = selectedTarget) != null ? _selectedTarget13 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let proto;\n if (typeof protoPointerOrNull === 'function') {\n protoPointerOrNull();\n proto = selectedTarget;\n selectedTarget = undefined;\n } else {\n proto = null;\n }\n return proto;\n }\n static passthruIsExtensibleTrap(_shadowTarget) {\n lastProxyTrapCalled = 256 /* ProxyHandlerTraps.IsExtensible */;\n const {\n shadowTarget\n } = this;\n let result = false;\n // Check if already locked.\n if (ReflectIsExtensible(shadowTarget)) {\n const {\n foreignTargetPointer\n } = this;\n try {\n result = foreignCallableIsExtensible(foreignTargetPointer);\n } catch (error) {\n var _selectedTarget14;\n const errorToThrow = (_selectedTarget14 = selectedTarget) != null ? _selectedTarget14 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (!result) {\n copyForeignOwnPropertyDescriptorsAndPrototypeToShadowTarget(foreignTargetPointer, shadowTarget);\n ReflectPreventExtensions(shadowTarget);\n }\n }\n return result;\n }\n static passthruOwnKeysTrap(_shadowTarget) {\n lastProxyTrapCalled = 512 /* ProxyHandlerTraps.OwnKeys */;\n let ownKeys;\n try {\n foreignCallableOwnKeys(this.foreignTargetPointer, (...args) => {\n ownKeys = args;\n });\n } catch (error) {\n var _selectedTarget15;\n const errorToThrow = (_selectedTarget15 = selectedTarget) != null ? _selectedTarget15 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n return ownKeys || [];\n }\n static passthruGetOwnPropertyDescriptorTrap(_shadowTarget, key) {\n lastProxyTrapCalled = 32 /* ProxyHandlerTraps.GetOwnPropertyDescriptor */;\n const {\n foreignTargetPointer,\n shadowTarget\n } = this;\n let safeDesc;\n try {\n foreignCallableGetOwnPropertyDescriptor(foreignTargetPointer, key, (_key, configurable, enumerable, writable, valuePointer, getterPointer, setterPointer) => {\n safeDesc = createDescriptorFromMeta(configurable, enumerable, writable, valuePointer, getterPointer, setterPointer);\n if (safeDesc.configurable === false) {\n // Update the descriptor to non-configurable on\n // the shadow target.\n ReflectDefineProperty(shadowTarget, key, safeDesc);\n }\n });\n } catch (error) {\n var _selectedTarget16;\n const errorToThrow = (_selectedTarget16 = selectedTarget) != null ? _selectedTarget16 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n // Getting forged descriptors of handshake properties is not allowed.\n if (IS_NOT_IN_SHADOW_REALM && safeDesc && (key === LOCKER_NEAR_MEMBRANE_SYMBOL || key === LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL)) {\n throw new TypeErrorCtor(ERR_ILLEGAL_PROPERTY_ACCESS);\n }\n return safeDesc;\n }\n static passthruPreventExtensionsTrap(_shadowTarget) {\n lastProxyTrapCalled = 1024 /* ProxyHandlerTraps.PreventExtensions */;\n const {\n foreignTargetPointer,\n shadowTarget\n } = this;\n let result = true;\n if (ReflectIsExtensible(shadowTarget)) {\n let resultEnum = 0 /* PreventExtensionsResult.None */;\n try {\n resultEnum = foreignCallablePreventExtensions(foreignTargetPointer);\n } catch (error) {\n var _selectedTarget17;\n const errorToThrow = (_selectedTarget17 = selectedTarget) != null ? _selectedTarget17 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n // If the target is a proxy it might reject the\n // preventExtension call, in which case we should not\n // attempt to lock down the shadow target.\n if (!(resultEnum & 1 /* PreventExtensionsResult.Extensible */)) {\n copyForeignOwnPropertyDescriptorsAndPrototypeToShadowTarget(foreignTargetPointer, shadowTarget);\n ReflectPreventExtensions(shadowTarget);\n }\n result = !(resultEnum & 2 /* PreventExtensionsResult.False */);\n }\n\n return result;\n }\n static passthruSetPrototypeOfTrap(_shadowTarget, proto) {\n lastProxyTrapCalled = 4096 /* ProxyHandlerTraps.SetPrototypeOf */;\n const {\n foreignTargetPointer\n } = this;\n const transferableProto = proto ? getTransferablePointer(proto) : proto;\n let result = false;\n try {\n result = foreignCallableSetPrototypeOf(foreignTargetPointer, transferableProto);\n } catch (error) {\n var _selectedTarget18;\n const errorToThrow = (_selectedTarget18 = selectedTarget) != null ? _selectedTarget18 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (useFastForeignTargetPath && result) {\n fastForeignTargetPointers.delete(foreignTargetPointer);\n }\n return result;\n }\n static passthruSetTrap(_shadowTarget, key, value, receiver) {\n lastProxyTrapCalled = 2048 /* ProxyHandlerTraps.Set */;\n const {\n foreignTargetPointer,\n proxy,\n shadowTarget\n } = this;\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n if (typeof value === 'undefined') {\n value = undefined;\n }\n if (typeof receiver === 'undefined') {\n receiver = proxy;\n }\n // Setting forged values of handshake properties is not allowed.\n if (IS_NOT_IN_SHADOW_REALM && (key === LOCKER_NEAR_MEMBRANE_SYMBOL || key === LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL)) {\n throw new TypeErrorCtor(ERR_ILLEGAL_PROPERTY_ACCESS);\n }\n const isFastPath = proxy === receiver;\n let result = false;\n try {\n result = isFastPath ? foreignCallableSet(foreignTargetPointer, key,\n // Inline getTransferableValue().\n typeof value === 'object' && value !== null || typeof value === 'function' ? getTransferablePointer(value) : value) : passthruForeignTraversedSet(foreignTargetPointer, shadowTarget, key, value, receiver);\n } catch (error) {\n var _selectedTarget19;\n const errorToThrow = (_selectedTarget19 = selectedTarget) != null ? _selectedTarget19 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n return result;\n }\n }\n // Logic implementation of all traps.\n // Hybrid traps:\n // (traps that operate on their shadowTarget, proxy, and foreignTargetPointer):\n BoundaryProxyHandler.hybridGetTrap = IS_IN_SHADOW_REALM ? function (_shadowTarget, key, receiver) {\n const {\n foreignTargetPointer,\n foreignTargetTraits,\n proxy,\n shadowTarget\n } = this;\n let safeDesc;\n let result;\n if (useFastForeignTargetPath && fastForeignTargetPointers.has(foreignTargetPointer)) {\n let pointerOrPrimitive;\n try {\n pointerOrPrimitive = foreignCallableGetPropertyValue(foreignTargetPointer, key);\n } catch (error) {\n var _selectedTarget20;\n const errorToThrow = (_selectedTarget20 = selectedTarget) != null ? _selectedTarget20 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n } else {\n safeDesc = lookupForeignDescriptor(foreignTargetPointer, shadowTarget, key);\n if (safeDesc) {\n const {\n get: getter,\n value: localValue\n } = safeDesc;\n if (getter) {\n if (safeDesc.foreign) {\n const foreignGetterPointer = getTransferablePointer(getter);\n const transferableReceiver = proxy === receiver ? foreignTargetPointer :\n // Inline getTransferableValue().\n typeof receiver === 'object' && receiver !== null || typeof receiver === 'function' ? getTransferablePointer(receiver) : receiver;\n let pointerOrPrimitive;\n try {\n pointerOrPrimitive = foreignCallableApply(foreignGetterPointer, transferableReceiver);\n } catch (error) {\n var _selectedTarget21;\n const errorToThrow = (_selectedTarget21 = selectedTarget) != null ? _selectedTarget21 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n } else {\n // Even though the getter function exists,\n // we can't use `ReflectGet()` because there\n // might be a distortion for that getter function,\n // in which case we must resolve the local getter\n // and call it instead.\n result = ReflectApply(getter, receiver, []);\n }\n } else {\n result = localValue;\n }\n } else {\n const transferableReceiver = proxy === receiver ? foreignTargetPointer :\n // Inline getTransferableValue().\n typeof receiver === 'object' && receiver !== null || typeof receiver === 'function' ? getTransferablePointer(receiver) : receiver;\n let pointerOrPrimitive;\n try {\n pointerOrPrimitive = foreignCallableGet(foreignTargetPointer, foreignTargetTraits, key, transferableReceiver);\n } catch (error) {\n var _selectedTarget22;\n const errorToThrow = (_selectedTarget22 = selectedTarget) != null ? _selectedTarget22 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n }\n }\n if (safeDesc === undefined && result === undefined && key === SymbolToStringTag && foreignTargetTraits & 16 /* TargetTraits.IsObject */) {\n let toStringTag;\n try {\n toStringTag = foreignCallableGetToStringTagOfTarget(foreignTargetPointer);\n } catch (error) {\n var _selectedTarget23;\n const errorToThrow = (_selectedTarget23 = selectedTarget) != null ? _selectedTarget23 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n // The default language toStringTag is \"Object\". If we\n // receive \"Object\" we return `undefined` to let the\n // language resolve it naturally without projecting a\n // value.\n if (toStringTag !== 'Object') {\n result = toStringTag;\n }\n }\n return result;\n } : noop;\n BoundaryProxyHandler.hybridGetTrapForTypedArray = IS_IN_SHADOW_REALM ? function (_shadowTarget, key, receiver) {\n const {\n foreignTargetPointer,\n foreignTargetTypedArrayLength,\n proxy,\n shadowTarget\n } = this;\n let useFastPath = useFastForeignTargetPathForTypedArrays;\n if (!useFastPath && typeof key === 'string') {\n const possibleIndex = +key;\n useFastPath = possibleIndex > -1 && possibleIndex < foreignTargetTypedArrayLength && NumberIsInteger(possibleIndex);\n }\n let result;\n if (useFastPath) {\n let pointerOrPrimitive;\n try {\n pointerOrPrimitive = foreignCallableGetPropertyValue(foreignTargetPointer, key);\n } catch (error) {\n var _selectedTarget24;\n const errorToThrow = (_selectedTarget24 = selectedTarget) != null ? _selectedTarget24 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n } else {\n const safeDesc = lookupForeignDescriptor(foreignTargetPointer, shadowTarget, key);\n if (safeDesc) {\n const {\n get: getter,\n value: localValue\n } = safeDesc;\n if (getter) {\n if (safeDesc.foreign) {\n const foreignGetterPointer = getTransferablePointer(getter);\n const transferableReceiver = proxy === receiver ? foreignTargetPointer :\n // Inline getTransferableValue().\n typeof receiver === 'object' && receiver !== null || typeof receiver === 'function' ? getTransferablePointer(receiver) : receiver;\n let pointerOrPrimitive;\n try {\n pointerOrPrimitive = foreignCallableApply(foreignGetterPointer, transferableReceiver);\n } catch (error) {\n var _selectedTarget25;\n const errorToThrow = (_selectedTarget25 = selectedTarget) != null ? _selectedTarget25 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n } else {\n // Even though the getter function exists,\n // we can't use `ReflectGet()` because there\n // might be a distortion for that getter function,\n // in which case we must resolve the local getter\n // and call it instead.\n result = ReflectApply(getter, receiver, []);\n }\n } else {\n result = localValue;\n }\n }\n }\n return result;\n } : noop;\n BoundaryProxyHandler.hybridHasTrap = IS_IN_SHADOW_REALM ? function (_shadowTarget, key) {\n let trueOrProtoPointerOrNull;\n try {\n trueOrProtoPointerOrNull = foreignCallableBatchGetPrototypeOfWhenHasNoOwnProperty(this.foreignTargetPointer, key);\n } catch (error) {\n var _selectedTarget26;\n const errorToThrow = (_selectedTarget26 = selectedTarget) != null ? _selectedTarget26 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result = false;\n if (trueOrProtoPointerOrNull === true) {\n result = true;\n } else {\n // Avoiding calling the has trap for any proto chain operation,\n // instead we implement the regular logic here in this trap.\n let currentObject;\n if (typeof trueOrProtoPointerOrNull === 'function') {\n trueOrProtoPointerOrNull();\n currentObject = selectedTarget;\n selectedTarget = undefined;\n } else {\n currentObject = null;\n }\n while (currentObject) {\n if (ObjectHasOwn(currentObject, key)) {\n result = true;\n break;\n }\n currentObject = ReflectGetPrototypeOf(currentObject);\n }\n }\n return result;\n } : alwaysFalse;\n BoundaryProxyHandler.passthruGetTrap = IS_NOT_IN_SHADOW_REALM ? function (_shadowTarget, key, receiver) {\n // Only allow accessing handshake property values if the\n // \"has\" trap has been triggered immediately BEFORE and\n // the property does NOT exist.\n handshakePropertyFlag && (handshakePropertyFlag = lastProxyTrapCalled === 128 /* ProxyHandlerTraps.Has */);\n lastProxyTrapCalled = 16 /* ProxyHandlerTraps.Get */;\n const isNearMembraneSymbol = key === LOCKER_NEAR_MEMBRANE_SYMBOL;\n const isNearMembraneSerializedValueSymbol = key === LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL;\n if (handshakePropertyFlag) {\n // Exit without performing a [[Get]] for handshake\n // properties because we know that when the\n // `handshakePropertyFlag` is ON that there are NO\n // shadowed values.\n if (isNearMembraneSymbol) {\n return true;\n }\n if (isNearMembraneSerializedValueSymbol) {\n return this.serialize();\n }\n }\n const {\n foreignTargetPointer,\n foreignTargetTraits,\n proxy\n } = this;\n if (typeof receiver === 'undefined') {\n receiver = proxy;\n }\n const transferableReceiver = proxy === receiver ? LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL :\n // Inline getTransferableValue().\n typeof receiver === 'object' && receiver !== null || typeof receiver === 'function' ? getTransferablePointer(receiver) : receiver;\n let pointerOrPrimitive;\n try {\n pointerOrPrimitive = foreignCallableGet(foreignTargetPointer, foreignTargetTraits, key, transferableReceiver);\n } catch (error) {\n var _selectedTarget27;\n const errorToThrow = (_selectedTarget27 = selectedTarget) != null ? _selectedTarget27 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n let result;\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n result = selectedTarget;\n selectedTarget = undefined;\n } else {\n result = pointerOrPrimitive;\n }\n // Getting forged values of handshake properties is not allowed.\n if (result !== undefined && (isNearMembraneSymbol || isNearMembraneSerializedValueSymbol)) {\n throw new TypeErrorCtor(ERR_ILLEGAL_PROPERTY_ACCESS);\n }\n return result;\n } : noop;\n BoundaryProxyHandler.passthruHasTrap = IS_NOT_IN_SHADOW_REALM ? function (_shadowTarget, key) {\n lastProxyTrapCalled = 128 /* ProxyHandlerTraps.Has */;\n let result;\n try {\n result = foreignCallableHas(this.foreignTargetPointer, key);\n } catch (error) {\n var _selectedTarget28;\n const errorToThrow = (_selectedTarget28 = selectedTarget) != null ? _selectedTarget28 : error;\n selectedTarget = undefined;\n throw errorToThrow;\n }\n const isNearMembraneSymbol = key === LOCKER_NEAR_MEMBRANE_SYMBOL;\n const isNearMembraneSerializedValueSymbol = key === LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL;\n if (result) {\n handshakePropertyFlag = false;\n // Checking the existence of forged handshake properties\n // is not allowed.\n if (isNearMembraneSymbol || isNearMembraneSerializedValueSymbol) {\n throw new TypeErrorCtor(ERR_ILLEGAL_PROPERTY_ACCESS);\n }\n } else {\n // The `handshakePropertyFlag` is ON if the handshake\n // property does NOT exist on the object or its [[Prototype]].\n handshakePropertyFlag = isNearMembraneSymbol || isNearMembraneSerializedValueSymbol;\n }\n return result;\n } : alwaysFalse;\n // Pending traps:\n BoundaryProxyHandler.pendingDefinePropertyTrap = IS_IN_SHADOW_REALM ? function (shadowTarget, key, unsafePartialDesc) {\n const {\n foreignTargetPointer,\n foreignTargetTraits\n } = this;\n // We don't wrap `foreignCallableIsTargetLive()` in a\n // try-catch because it cannot throw.\n if (foreignCallableIsTargetLive(foreignTargetPointer, foreignTargetTraits)) {\n this.makeProxyLive();\n } else {\n if (useFastForeignTargetPath) {\n if (isForeignPointerOfObjectProto(foreignTargetPointer)) {\n disableFastForeignTargetPointers();\n } else if (isForeignPointerOfTypedArrayProto(foreignTargetPointer)) {\n useFastForeignTargetPathForTypedArrays = false;\n }\n }\n this.makeProxyStatic();\n }\n return this.defineProperty(shadowTarget, key, unsafePartialDesc);\n } : alwaysFalse;\n BoundaryProxyHandler.pendingDeletePropertyTrap = IS_IN_SHADOW_REALM ? function (shadowTarget, key) {\n // We don't wrap `foreignCallableIsTargetLive()` in a\n // try-catch because it cannot throw.\n if (foreignCallableIsTargetLive(this.foreignTargetPointer, this.foreignTargetTraits)) {\n this.makeProxyLive();\n } else {\n this.makeProxyStatic();\n }\n return this.deleteProperty(shadowTarget, key);\n } : alwaysFalse;\n BoundaryProxyHandler.pendingPreventExtensionsTrap = IS_IN_SHADOW_REALM ? function (shadowTarget) {\n // We don't wrap `foreignCallableIsTargetLive()` in a\n // try-catch because it cannot throw.\n if (foreignCallableIsTargetLive(this.foreignTargetPointer, this.foreignTargetTraits)) {\n this.makeProxyLive();\n } else {\n this.makeProxyStatic();\n }\n return this.preventExtensions(shadowTarget);\n } : alwaysFalse;\n BoundaryProxyHandler.pendingSetPrototypeOfTrap = IS_IN_SHADOW_REALM ? function (shadowTarget, proto) {\n const {\n foreignTargetPointer,\n foreignTargetTraits\n } = this;\n // We don't wrap `foreignCallableIsTargetLive()` in a\n // try-catch because it cannot throw.\n if (foreignCallableIsTargetLive(foreignTargetPointer, foreignTargetTraits)) {\n this.makeProxyLive();\n } else {\n if (useFastForeignTargetPath) {\n if (isForeignPointerOfObjectProto(foreignTargetPointer)) {\n disableFastForeignTargetPointers();\n } else if (isForeignPointerOfTypedArrayProto(foreignTargetPointer)) {\n useFastForeignTargetPathForTypedArrays = false;\n }\n }\n this.makeProxyStatic();\n }\n return this.setPrototypeOf(shadowTarget, proto);\n } : alwaysFalse;\n BoundaryProxyHandler.pendingSetTrap = IS_IN_SHADOW_REALM ? function (shadowTarget, key, value, receiver) {\n const {\n foreignTargetPointer,\n foreignTargetTraits\n } = this;\n // We don't wrap `foreignCallableIsTargetLive()` in a\n // try-catch because it cannot throw.\n if (foreignCallableIsTargetLive(foreignTargetPointer, foreignTargetTraits)) {\n this.makeProxyLive();\n } else {\n if (useFastForeignTargetPath) {\n if (isForeignPointerOfObjectProto(foreignTargetPointer)) {\n disableFastForeignTargetPointers();\n } else if (isForeignPointerOfTypedArrayProto(foreignTargetPointer)) {\n useFastForeignTargetPathForTypedArrays = false;\n }\n }\n this.makeProxyStatic();\n }\n return this.set(shadowTarget, key, value, receiver);\n } : alwaysFalse;\n // Static traps:\n BoundaryProxyHandler.staticDefinePropertyTrap = IS_IN_SHADOW_REALM ? ReflectDefineProperty : alwaysFalse;\n BoundaryProxyHandler.staticDeletePropertyTrap = IS_IN_SHADOW_REALM ? ReflectDeleteProperty : alwaysFalse;\n BoundaryProxyHandler.staticGetOwnPropertyDescriptorTrap = IS_IN_SHADOW_REALM ? ReflectGetOwnPropertyDescriptor : noop;\n BoundaryProxyHandler.staticGetPrototypeOfTrap = IS_IN_SHADOW_REALM ? ReflectGetPrototypeOf : () => null;\n BoundaryProxyHandler.staticGetTrap = IS_IN_SHADOW_REALM ? function (shadowTarget, key, receiver) {\n const {\n foreignTargetTraits,\n staticToStringTag\n } = this;\n const result = ReflectGet(shadowTarget, key, receiver);\n if (result === undefined && key === SymbolToStringTag && foreignTargetTraits & 16 /* TargetTraits.IsObject */ &&\n // The default language toStringTag is \"Object\". If we\n // receive \"Object\" we return `undefined` to let the\n // language resolve it naturally without projecting a\n // value.\n staticToStringTag !== 'Object' && !(key in shadowTarget)) {\n return staticToStringTag;\n }\n return result;\n } : noop;\n BoundaryProxyHandler.staticHasTrap = IS_IN_SHADOW_REALM ? ReflectHas : alwaysFalse;\n BoundaryProxyHandler.staticIsExtensibleTrap = IS_IN_SHADOW_REALM ? ReflectIsExtensible : alwaysFalse;\n BoundaryProxyHandler.staticOwnKeysTrap = IS_IN_SHADOW_REALM ? ReflectOwnKeys : () => [];\n BoundaryProxyHandler.staticPreventExtensionsTrap = IS_IN_SHADOW_REALM ? ReflectPreventExtensions : alwaysFalse;\n BoundaryProxyHandler.staticSetPrototypeOfTrap = IS_IN_SHADOW_REALM ? ReflectSetPrototypeOf : alwaysFalse;\n BoundaryProxyHandler.staticSetTrap = IS_IN_SHADOW_REALM ? ReflectSet : alwaysFalse;\n // Default traps:\n // Pending traps are needed for the shadow realm side of the membrane\n // to avoid leaking mutation operations on the primary realm side.\n BoundaryProxyHandler.defaultDefinePropertyTrap = IS_IN_SHADOW_REALM ? BoundaryProxyHandler.pendingDefinePropertyTrap : BoundaryProxyHandler.passthruDefinePropertyTrap;\n BoundaryProxyHandler.defaultDeletePropertyTrap = IS_IN_SHADOW_REALM ? BoundaryProxyHandler.pendingDeletePropertyTrap : BoundaryProxyHandler.passthruDeletePropertyTrap;\n BoundaryProxyHandler.defaultGetOwnPropertyDescriptorTrap = BoundaryProxyHandler.passthruGetOwnPropertyDescriptorTrap;\n BoundaryProxyHandler.defaultGetPrototypeOfTrap = BoundaryProxyHandler.passthruGetPrototypeOfTrap;\n BoundaryProxyHandler.defaultGetTrap = IS_IN_SHADOW_REALM ? BoundaryProxyHandler.hybridGetTrap : BoundaryProxyHandler.passthruGetTrap;\n BoundaryProxyHandler.defaultHasTrap = IS_IN_SHADOW_REALM ? BoundaryProxyHandler.hybridHasTrap : BoundaryProxyHandler.passthruHasTrap;\n BoundaryProxyHandler.defaultIsExtensibleTrap = BoundaryProxyHandler.passthruIsExtensibleTrap;\n BoundaryProxyHandler.defaultOwnKeysTrap = BoundaryProxyHandler.passthruOwnKeysTrap;\n BoundaryProxyHandler.defaultPreventExtensionsTrap = IS_IN_SHADOW_REALM ? BoundaryProxyHandler.pendingPreventExtensionsTrap : BoundaryProxyHandler.passthruPreventExtensionsTrap;\n BoundaryProxyHandler.defaultSetTrap = IS_IN_SHADOW_REALM ? BoundaryProxyHandler.pendingSetTrap : BoundaryProxyHandler.passthruSetTrap;\n BoundaryProxyHandler.defaultSetPrototypeOfTrap = IS_IN_SHADOW_REALM ? BoundaryProxyHandler.pendingSetPrototypeOfTrap : BoundaryProxyHandler.passthruSetPrototypeOfTrap;\n if (IS_IN_SHADOW_REALM) {\n // Initialize `fastForeignTargetPointers` weak map.\n clearFastForeignTargetPointers();\n }\n // Export callable hooks to a foreign realm.\n foreignCallableHooksCallback(\n // globalThisPointer\n // When crossing, should be mapped to the foreign globalThis\n createPointer(globalThisRef),\n // getSelectedTarget\n IS_NOT_IN_SHADOW_REALM ? () => {\n const result = selectedTarget;\n selectedTarget = undefined;\n return result;\n } : noop,\n // getTransferableValue\n value => {\n if (typeof value === 'object' && value !== null || typeof value === 'function') {\n return getTransferablePointer(value);\n }\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n return typeof value === 'undefined' ? undefined : value;\n },\n // callableGetPropertyValuePointer: this callable function allows\n // the foreign realm to access a linkable pointer for a property value.\n // In order to do that, the foreign side must provide a pointer and\n // a key access the value in order to produce a pointer\n (targetPointer, key) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n const value = target == null ? void 0 : target[key];\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n return createPointer(typeof value === 'undefined' ? undefined : value);\n },\n // callableEvaluate\n IS_IN_SHADOW_REALM ? sourceText => {\n let result;\n try {\n result = localEval(sourceText);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n // Inline getTransferableValue().\n return typeof result === 'object' && result !== null || typeof result === 'function' ? getTransferablePointer(result) : result;\n } : noop,\n // callableLinkPointers: this callable function allows the foreign\n // realm to define a linkage between two values across the membrane.\n (targetPointer, newPointer) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n if (typeof target === 'object' && target !== null || typeof target === 'function') {\n proxyPointerCache.set(target, newPointer);\n }\n },\n // callablePushErrorTarget\n LOCKER_DEBUGGABLE_FLAG ? (foreignTargetPointer, foreignTargetTraits, foreignTargetFunctionArity, foreignTargetFunctionName, foreignTargetTypedArrayLength) => {\n const pointer = pushTarget(foreignTargetPointer, foreignTargetTraits, foreignTargetFunctionArity, foreignTargetFunctionName, foreignTargetTypedArrayLength);\n const pointerWrapper = () => {\n checkDebugMode();\n return pointer();\n };\n return pointerWrapper;\n } : pushTarget,\n // callablePushTarget: This function can be used by a foreign realm\n // to install a proxy into this realm that correspond to an object\n // from the foreign realm. It returns a Pointer that can be used by\n // the foreign realm to pass back a reference to this realm when\n // passing arguments or returning from a foreign callable invocation.\n // This function is extremely important to understand the mechanics\n // of this membrane.\n pushTarget,\n // callableApply\n (targetPointer, thisArgPointerOrUndefined, ...args) => {\n targetPointer();\n const func = selectedTarget;\n selectedTarget = undefined;\n let thisArg;\n if (typeof thisArgPointerOrUndefined === 'function') {\n thisArgPointerOrUndefined();\n thisArg = selectedTarget;\n selectedTarget = undefined;\n }\n for (let i = 0, {\n length\n } = args; i < length; i += 1) {\n const pointerOrPrimitive = args[i];\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n args[i] = selectedTarget;\n selectedTarget = undefined;\n }\n }\n let result;\n try {\n result = ReflectApply(func, thisArg, args);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n // Inline getTransferableValue().\n return typeof result === 'object' && result !== null || typeof result === 'function' ? getTransferablePointer(result) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof result === 'undefined' ? undefined : result;\n },\n // callableConstruct\n (targetPointer, newTargetPointerOrUndefined, ...args) => {\n targetPointer();\n const constructor = selectedTarget;\n selectedTarget = undefined;\n let newTarget;\n if (typeof newTargetPointerOrUndefined === 'function') {\n newTargetPointerOrUndefined();\n newTarget = selectedTarget;\n selectedTarget = undefined;\n }\n for (let i = 0, {\n length\n } = args; i < length; i += 1) {\n const pointerOrPrimitive = args[i];\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n args[i] = selectedTarget;\n selectedTarget = undefined;\n }\n }\n let result;\n try {\n result = ReflectConstruct(constructor, args, newTarget);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n // Inline getTransferableValue().\n return typeof result === 'object' && result !== null || typeof result === 'function' ? getTransferablePointer(result) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof result === 'undefined' ? undefined : result;\n },\n // callableDefineProperty\n (targetPointer, key, configurable, enumerable, writable, valuePointer, getterPointer, setterPointer, foreignCallableNonConfigurableDescriptorCallback) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n const safePartialDesc = createDescriptorFromMeta(configurable, enumerable, writable, valuePointer, getterPointer, setterPointer);\n let result = false;\n try {\n result = ReflectDefineProperty(target, key, safePartialDesc);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n if (result && configurable === false) {\n let safeDesc;\n try {\n safeDesc = ReflectGetOwnPropertyDescriptor(target, key);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n if (safeDesc) {\n ReflectSetPrototypeOf(safeDesc, null);\n if (safeDesc.configurable === false) {\n const {\n get: getter,\n set: setter,\n value\n } = safeDesc;\n foreignCallableNonConfigurableDescriptorCallback(key, false,\n // configurable\n 'enumerable' in safeDesc ? safeDesc.enumerable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'writable' in safeDesc ? safeDesc.writable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'value' in safeDesc ?\n // Inline getTransferableValue().\n typeof value === 'object' && value !== null || typeof value === 'function' ? getTransferablePointer(value) : value : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'get' in safeDesc ?\n // Inline getTransferableValue().\n typeof getter === 'function' ? getTransferablePointer(getter) : getter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'set' in safeDesc ?\n // Inline getTransferableValue().\n typeof setter === 'function' ? getTransferablePointer(setter) : setter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL);\n }\n }\n }\n return result;\n },\n // callableDeleteProperty\n (targetPointer, key) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n try {\n return ReflectDeleteProperty(target, key);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n },\n // callableGet\n (targetPointer, targetTraits, key, receiverPointerOrPrimitive) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let receiver;\n if (typeof receiverPointerOrPrimitive === 'function') {\n receiverPointerOrPrimitive();\n receiver = selectedTarget;\n selectedTarget = undefined;\n } else {\n receiver = receiverPointerOrPrimitive === LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL ? target : receiverPointerOrPrimitive;\n }\n let result;\n try {\n result = ReflectGet(target, key, receiver);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n // Inline getTransferableValue().\n if (typeof result === 'object' && result !== null || typeof result === 'function') {\n return getTransferablePointer(result);\n }\n if (result === undefined && key === SymbolToStringTag && targetTraits & 16 /* TargetTraits.IsObject */) {\n try {\n if (!(key in target)) {\n // Section 19.1.3.6 Object.prototype.toString()\n // https://tc39.github.io/ecma262/#sec-object.prototype.tostring\n const brand = ReflectApply(ObjectProtoToString, target, []);\n // The default language toStringTag is \"Object\". If\n // we receive \"[object Object]\" we return `undefined`\n // to let the language resolve it naturally without\n // projecting a value.\n if (brand !== '[object Object]') {\n result = ReflectApply(StringProtoSlice, brand, [8, -1]);\n }\n }\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n }\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n return typeof result === 'undefined' ? undefined : result;\n },\n // callableGetOwnPropertyDescriptor\n (targetPointer, key, foreignCallableDescriptorCallback) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let safeDesc;\n try {\n safeDesc = ReflectGetOwnPropertyDescriptor(target, key);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n if (safeDesc) {\n ReflectSetPrototypeOf(safeDesc, null);\n const {\n get: getter,\n set: setter,\n value\n } = safeDesc;\n foreignCallableDescriptorCallback(key, 'configurable' in safeDesc ? safeDesc.configurable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'enumerable' in safeDesc ? safeDesc.enumerable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'writable' in safeDesc ? safeDesc.writable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'value' in safeDesc ?\n // Inline getTransferableValue().\n typeof value === 'object' && value !== null || typeof value === 'function' ? getTransferablePointer(value) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof value === 'undefined' ? undefined : value : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'get' in safeDesc ?\n // Inline getTransferableValue().\n typeof getter === 'function' ? getTransferablePointer(getter) : getter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'set' in safeDesc ?\n // Inline getTransferableValue().\n typeof setter === 'function' ? getTransferablePointer(setter) : setter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL);\n }\n },\n // callableGetPrototypeOf\n targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let proto;\n try {\n proto = ReflectGetPrototypeOf(target);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n if (typeof proto === 'undefined') {\n return null;\n }\n return proto ? getTransferablePointer(proto) : proto;\n },\n // callableHas\n (targetPointer, key) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n try {\n return key in target;\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n },\n // callableIsExtensible\n targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n try {\n return ReflectIsExtensible(target);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n },\n // callableOwnKeys\n (targetPointer, foreignCallableKeysCallback) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let ownKeys;\n try {\n ownKeys = ReflectOwnKeys(target);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n ReflectApply(foreignCallableKeysCallback, undefined, ownKeys);\n },\n // callablePreventExtensions\n targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let result = 2 /* PreventExtensionsResult.False */;\n try {\n if (ReflectPreventExtensions(target)) {\n result = 4 /* PreventExtensionsResult.True */;\n } else if (ReflectIsExtensible(target)) {\n result |= 1 /* PreventExtensionsResult.Extensible */;\n }\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n return result;\n },\n // callableSet\n (targetPointer, key, valuePointerOrPrimitive) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let value;\n if (typeof valuePointerOrPrimitive === 'function') {\n valuePointerOrPrimitive();\n value = selectedTarget;\n selectedTarget = undefined;\n } else {\n value = valuePointerOrPrimitive;\n }\n try {\n return ReflectSet(target, key, value, target);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n },\n // callableSetPrototypeOf\n (targetPointer, protoPointerOrNull = null) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let proto;\n if (typeof protoPointerOrNull === 'function') {\n // Instead of calling `protoPointerOrNull()` directly we use\n // `ReflectApply` to avoid a Maglev (https://v8.dev/blog/maglev)\n // optimizing JIT bug in Chrome >= 117:\n // https://bugs.chromium.org/p/chromium/issues/detail?id=1494060\n ReflectApply(protoPointerOrNull, undefined, []);\n proto = selectedTarget;\n selectedTarget = undefined;\n } else {\n proto = null;\n }\n try {\n return ReflectSetPrototypeOf(target, proto);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n },\n // callableDebugInfo\n LOCKER_DEBUGGABLE_FLAG ? (...args) => {\n if (checkDebugMode()) {\n for (let i = 0, {\n length\n } = args; i < length; i += 1) {\n const pointerOrPrimitive = args[i];\n if (typeof pointerOrPrimitive === 'function') {\n pointerOrPrimitive();\n args[i] = selectedTarget;\n selectedTarget = undefined;\n }\n }\n try {\n ReflectApply(consoleInfo, consoleObject, args);\n // eslint-disable-next-line no-empty\n } catch (_unused29) {}\n }\n } : noop,\n // callableDefineProperties\n IS_IN_SHADOW_REALM ? (targetPointer, ...descriptorTuples) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n for (let i = 0, {\n length\n } = descriptorTuples; i < length; i += 7) {\n // We don't use `ObjectDefineProperties()` here because it\n // will throw an exception if it fails to define one of its\n // properties.\n ReflectDefineProperty(target, descriptorTuples[i], createDescriptorFromMeta(descriptorTuples[i + 1],\n // configurable\n descriptorTuples[i + 2],\n // enumerable\n descriptorTuples[i + 3],\n // writable\n descriptorTuples[i + 4],\n // valuePointer\n descriptorTuples[i + 5],\n // getterPointer\n descriptorTuples[i + 6] // setterPointer\n ));\n }\n } : noop,\n // callableGetLazyPropertyDescriptorStateByTarget\n IS_NOT_IN_SHADOW_REALM ? targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n // We don't wrap the weak map `get()` call in a try-catch\n // because we know `target` is an object.\n const state = proxyTargetToLazyPropertyDescriptorStateMap.get(target);\n return state ? getTransferablePointer(state) : state;\n } : noop,\n // callableGetPropertyValue\n IS_NOT_IN_SHADOW_REALM ? (targetPointer, key) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let value;\n try {\n value = target[key];\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n return typeof value === 'object' && value !== null || typeof value === 'function' ? getTransferablePointer(value) : value;\n } : noop,\n // callableGetTargetIntegrityTraits\n IS_NOT_IN_SHADOW_REALM ? targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n // A target may be a proxy that is revoked or throws in its\n // \"isExtensible\" trap.\n try {\n if (!ReflectIsExtensible(target)) {\n if (ObjectIsFrozen(target)) {\n return 4 /* TargetIntegrityTraits.IsFrozen */ & 2 /* TargetIntegrityTraits.IsSealed */ & 1 /* TargetIntegrityTraits.IsNotExtensible */;\n }\n\n if (ObjectIsSealed(target)) {\n return 2 /* TargetIntegrityTraits.IsSealed */ & 1 /* TargetIntegrityTraits.IsNotExtensible */;\n }\n\n return 1 /* TargetIntegrityTraits.IsNotExtensible */;\n }\n } catch (_unused30) {\n try {\n isArrayOrThrowForRevoked(target);\n } catch (_unused31) {\n return 8 /* TargetIntegrityTraits.Revoked */;\n }\n }\n\n return 0 /* TargetIntegrityTraits.None */;\n } : () => 0 /* TargetIntegrityTraits.None */,\n // callableGetToStringTagOfTarget\n targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n try {\n // Section 19.1.3.6 Object.prototype.toString()\n // https://tc39.github.io/ecma262/#sec-object.prototype.tostring\n const brand = ReflectApply(ObjectProtoToString, target, []);\n return brand === '[object Object]' ? 'Object' : ReflectApply(StringProtoSlice, brand, [8, -1]);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n },\n // callableInstallErrorPrepareStackTrace\n installErrorPrepareStackTrace,\n // callableInstallLazyPropertyDescriptors\n IS_IN_SHADOW_REALM ? (targetPointer, ...ownKeysAndUnforgeableGlobalThisKeys) => {\n const sliceIndex = ReflectApply(ArrayProtoIndexOf, ownKeysAndUnforgeableGlobalThisKeys, [LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL]);\n let ownKeys;\n let unforgeableGlobalThisKeys;\n if (sliceIndex === -1) {\n ownKeys = ownKeysAndUnforgeableGlobalThisKeys;\n } else {\n ownKeys = ReflectApply(ArrayProtoSlice, ownKeysAndUnforgeableGlobalThisKeys, [0, sliceIndex]);\n unforgeableGlobalThisKeys = ReflectApply(ArrayProtoSlice, ownKeysAndUnforgeableGlobalThisKeys, [sliceIndex + 1]);\n }\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let state = getLazyPropertyDescriptorStateByTarget(target);\n if (state === undefined) {\n state = {\n __proto__: null\n };\n setLazyPropertyDescriptorStateByTarget(target, state);\n }\n for (let i = 0, {\n length\n } = ownKeys; i < length; i += 1) {\n const ownKey = ownKeys[i];\n state[ownKey] = true;\n ReflectDefineProperty(target, ownKey,\n // The role of this descriptor is to serve as a\n // bouncer. When either a getter or a setter is\n // invoked the descriptor will be replaced with\n // the descriptor from the foreign side and the\n // get/set operation will carry on from there.\n {\n __proto__: null,\n // We DO explicitly set configurability in the\n // off chance that the property doesn't exist.\n configurable: true,\n // We DON'T explicitly set enumerability to\n // defer to the enumerability of the existing\n // property. In the off chance the property\n // doesn't exist the property will be defined\n // as non-enumerable.\n get() {\n activateLazyOwnPropertyDefinition(target, ownKey, state);\n return target[ownKey];\n },\n set(value) {\n activateLazyOwnPropertyDefinition(target, ownKey, state);\n ReflectSet(target, ownKey, value);\n }\n });\n }\n installPropertyDescriptorMethodWrappers(unforgeableGlobalThisKeys);\n } : noop,\n // callableIsTargetLive\n IS_NOT_IN_SHADOW_REALM && liveTargetCallback ? (targetPointer, targetTraits) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n if (target !== ObjectProto && target !== RegExpProto) {\n try {\n return liveTargetCallback(target, targetTraits);\n // eslint-disable-next-line no-empty\n } catch (_unused32) {}\n }\n return false;\n } : alwaysFalse,\n // callableIsTargetRevoked\n IS_NOT_IN_SHADOW_REALM ? targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n try {\n isArrayOrThrowForRevoked(target);\n return false;\n // eslint-disable-next-line no-empty\n } catch (_unused33) {}\n return true;\n } : alwaysFalse,\n // callableSerializeTarget\n IS_IN_SHADOW_REALM ? targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n try {\n return SymbolToStringTag in target ? serializeTargetByTrialAndError(target) :\n // Fast path.\n serializeTargetByBrand(target);\n // eslint-disable-next-line no-empty\n } catch (_unused34) {}\n return undefined;\n } : noop,\n // callableSetLazyPropertyDescriptorStateByTarget\n IS_NOT_IN_SHADOW_REALM ? (targetPointer, statePointer) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n statePointer();\n const state = selectedTarget;\n selectedTarget = undefined;\n // We don't wrap the weak map `set()` call in a try-catch\n // because we know `target` is an object.\n proxyTargetToLazyPropertyDescriptorStateMap.set(target, state);\n } : noop,\n // callableTrackAsFastTarget\n IS_IN_SHADOW_REALM ? targetPointer => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n if (useFastForeignTargetPath) {\n fastForeignTargetPointers.add(getTransferablePointer(target));\n }\n } : noop,\n // callableBatchGetPrototypeOfAndGetOwnPropertyDescriptors\n (targetPointer, foreignCallableDescriptorsCallback) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let unsafeDescs;\n try {\n unsafeDescs = ObjectGetOwnPropertyDescriptors(target);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n const ownKeys = ReflectOwnKeys(unsafeDescs);\n const {\n length\n } = ownKeys;\n const descriptorTuples = new ArrayCtor(length * 7);\n for (let i = 0, j = 0; i < length; i += 1, j += 7) {\n const ownKey = ownKeys[i];\n const safeDesc = unsafeDescs[ownKey];\n ReflectSetPrototypeOf(safeDesc, null);\n const {\n get: getter,\n set: setter,\n value\n } = safeDesc;\n descriptorTuples[j] = ownKey;\n descriptorTuples[j + 1] = 'configurable' in safeDesc ? safeDesc.configurable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n descriptorTuples[j + 2] = 'enumerable' in safeDesc ? safeDesc.enumerable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n descriptorTuples[j + 3] = 'writable' in safeDesc ? safeDesc.writable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n descriptorTuples[j + 4] = 'value' in safeDesc ?\n // Inline getTransferableValue().\n typeof value === 'object' && value !== null || typeof value === 'function' ? getTransferablePointer(value) : value : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n descriptorTuples[j + 5] = 'get' in safeDesc ?\n // Inline getTransferableValue().\n typeof getter === 'function' ? getTransferablePointer(getter) : getter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n descriptorTuples[j + 6] = 'set' in safeDesc ?\n // Inline getTransferableValue().\n typeof setter === 'function' ? getTransferablePointer(setter) : setter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n }\n ReflectApply(foreignCallableDescriptorsCallback, undefined, descriptorTuples);\n let proto;\n try {\n proto = ReflectGetPrototypeOf(target);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n if (typeof proto === 'undefined') {\n return null;\n }\n return proto ? getTransferablePointer(proto) : proto;\n },\n // callableBatchGetPrototypeOfWhenHasNoOwnProperty\n (targetPointer, key) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let proto;\n try {\n if (ObjectHasOwn(target, key)) {\n return true;\n }\n proto = ReflectGetPrototypeOf(target);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n if (typeof proto === 'undefined') {\n return null;\n }\n return proto ? getTransferablePointer(proto) : proto;\n },\n // callableBatchGetPrototypeOfWhenHasNoOwnPropertyDescriptor\n (targetPointer, key, foreignCallableDescriptorCallback) => {\n targetPointer();\n const target = selectedTarget;\n selectedTarget = undefined;\n let safeDesc;\n try {\n safeDesc = ReflectGetOwnPropertyDescriptor(target, key);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n if (safeDesc) {\n ReflectSetPrototypeOf(safeDesc, null);\n const {\n get: getter,\n set: setter,\n value\n } = safeDesc;\n foreignCallableDescriptorCallback(key, 'configurable' in safeDesc ? safeDesc.configurable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'enumerable' in safeDesc ? safeDesc.enumerable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'writable' in safeDesc ? safeDesc.writable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'value' in safeDesc ?\n // Inline getTransferableValue().\n typeof value === 'object' && value !== null || typeof value === 'function' ? getTransferablePointer(value) :\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n typeof value === 'undefined' ? undefined : value : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'get' in safeDesc ?\n // Inline getTransferableValue().\n typeof getter === 'function' ? getTransferablePointer(getter) : getter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL, 'set' in safeDesc ?\n // Inline getTransferableValue().\n typeof setter === 'function' ? getTransferablePointer(setter) : setter : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL);\n return undefined;\n }\n let proto;\n try {\n proto = ReflectGetPrototypeOf(target);\n } catch (error) {\n throw pushErrorAcrossBoundary(error);\n }\n // Intentionally ignoring `document.all`.\n // https://developer.mozilla.org/en-US/docs/Web/API/Document/all\n // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n if (typeof proto === 'undefined') {\n return null;\n }\n return proto ? getTransferablePointer(proto) : proto;\n });\n let foreignCallablesHooked = false;\n return (...hooks) => {\n if (foreignCallablesHooked) {\n return;\n }\n foreignCallablesHooked = true;\n ({\n // 0: globalThisPointer,\n // 1: getSelectedTarget,\n // 2: getTransferableValue,\n // 3: callableGetPropertyValuePointer,\n // 4: callableEvaluate,\n // 5: callableLinkPointers,\n 6: foreignCallablePushErrorTarget,\n 7: foreignCallablePushTarget,\n 8: foreignCallableApply,\n 9: foreignCallableConstruct,\n 10: foreignCallableDefineProperty,\n 11: foreignCallableDeleteProperty,\n 12: foreignCallableGet,\n 13: foreignCallableGetOwnPropertyDescriptor,\n 14: foreignCallableGetPrototypeOf,\n 15: foreignCallableHas,\n 16: foreignCallableIsExtensible,\n 17: foreignCallableOwnKeys,\n 18: foreignCallablePreventExtensions,\n 19: foreignCallableSet,\n 20: foreignCallableSetPrototypeOf,\n 21: foreignCallableDebugInfo,\n // 22: callableDefineProperties,\n 23: foreignCallableGetLazyPropertyDescriptorStateByTarget,\n 24: foreignCallableGetPropertyValue,\n 25: foreignCallableGetTargetIntegrityTraits,\n 26: foreignCallableGetToStringTagOfTarget,\n 27: foreignCallableInstallErrorPrepareStackTrace,\n // 28: callableInstallLazyPropertyDescriptors,\n 29: foreignCallableIsTargetLive,\n 30: foreignCallableIsTargetRevoked,\n 31: foreignCallableSerializeTarget,\n 32: foreignCallableSetLazyPropertyDescriptorStateByTarget,\n // 33: callableTrackAsFastTarget,\n 34: foreignCallableBatchGetPrototypeOfAndGetOwnPropertyDescriptors,\n 35: foreignCallableBatchGetPrototypeOfWhenHasNoOwnProperty,\n 36: foreignCallableBatchGetPrototypeOfWhenHasNoOwnPropertyDescriptor\n } = hooks);\n const applyTrapForZeroOrMoreArgs = createApplyOrConstructTrapForZeroOrMoreArgs(1 /* ProxyHandlerTraps.Apply */);\n const applyTrapForOneOrMoreArgs = createApplyOrConstructTrapForOneOrMoreArgs(1 /* ProxyHandlerTraps.Apply */);\n const applyTrapForTwoOrMoreArgs = createApplyOrConstructTrapForTwoOrMoreArgs(1 /* ProxyHandlerTraps.Apply */);\n const applyTrapForThreeOrMoreArgs = createApplyOrConstructTrapForThreeOrMoreArgs(1 /* ProxyHandlerTraps.Apply */);\n const applyTrapForFourOrMoreArgs = createApplyOrConstructTrapForFourOrMoreArgs(1 /* ProxyHandlerTraps.Apply */);\n const applyTrapForFiveOrMoreArgs = createApplyOrConstructTrapForFiveOrMoreArgs(1 /* ProxyHandlerTraps.Apply */);\n const applyTrapForAnyNumberOfArgs = createApplyOrConstructTrapForAnyNumberOfArgs(1 /* ProxyHandlerTraps.Apply */);\n const constructTrapForZeroOrMoreArgs = createApplyOrConstructTrapForZeroOrMoreArgs(2 /* ProxyHandlerTraps.Construct */);\n const constructTrapForOneOrMoreArgs = createApplyOrConstructTrapForOneOrMoreArgs(2 /* ProxyHandlerTraps.Construct */);\n const constructTrapForTwoOrMoreArgs = createApplyOrConstructTrapForTwoOrMoreArgs(2 /* ProxyHandlerTraps.Construct */);\n const constructTrapForThreeOrMoreArgs = createApplyOrConstructTrapForThreeOrMoreArgs(2 /* ProxyHandlerTraps.Construct */);\n const constructTrapForFourOrMoreArgs = createApplyOrConstructTrapForFourOrMoreArgs(2 /* ProxyHandlerTraps.Construct */);\n const constructTrapForFiveOrMoreArgs = createApplyOrConstructTrapForFiveOrMoreArgs(2 /* ProxyHandlerTraps.Construct */);\n const constructTrapForAnyNumberOfArgs = createApplyOrConstructTrapForAnyNumberOfArgs(2 /* ProxyHandlerTraps.Construct */);\n if (MINIFICATION_SAFE_TRAP_PROPERTY_NAMES === undefined) {\n // A minification safe way to get the 'apply' and 'construct'\n // trap property names.\n MINIFICATION_SAFE_TRAP_PROPERTY_NAMES = ObjectKeys({\n applyTrapForZeroOrMoreArgs,\n applyTrapForOneOrMoreArgs,\n applyTrapForTwoOrMoreArgs,\n applyTrapForThreeOrMoreArgs,\n applyTrapForFourOrMoreArgs,\n applyTrapForFiveOrMoreArgs,\n applyTrapForAnyNumberOfArgs,\n constructTrapForZeroOrMoreArgs,\n constructTrapForOneOrMoreArgs,\n constructTrapForTwoOrMoreArgs,\n constructTrapForThreeOrMoreArgs,\n constructTrapForFourOrMoreArgs,\n constructTrapForFiveOrMoreArgs,\n constructTrapForAnyNumberOfArgs\n });\n }\n applyTrapNameRegistry[0] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[0];\n applyTrapNameRegistry[1] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[1];\n applyTrapNameRegistry[2] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[2];\n applyTrapNameRegistry[3] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[3];\n applyTrapNameRegistry[4] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[4];\n applyTrapNameRegistry[5] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[5];\n applyTrapNameRegistry.n = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[6];\n constructTrapNameRegistry[0] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[7];\n constructTrapNameRegistry[1] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[8];\n constructTrapNameRegistry[2] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[9];\n constructTrapNameRegistry[3] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[10];\n constructTrapNameRegistry[4] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[11];\n constructTrapNameRegistry[5] = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[12];\n constructTrapNameRegistry.n = MINIFICATION_SAFE_TRAP_PROPERTY_NAMES[13];\n const {\n prototype: BoundaryProxyHandlerProto\n } = BoundaryProxyHandler;\n BoundaryProxyHandlerProto[applyTrapNameRegistry[0]] = applyTrapForZeroOrMoreArgs;\n BoundaryProxyHandlerProto[applyTrapNameRegistry[1]] = applyTrapForOneOrMoreArgs;\n BoundaryProxyHandlerProto[applyTrapNameRegistry[2]] = applyTrapForTwoOrMoreArgs;\n BoundaryProxyHandlerProto[applyTrapNameRegistry[3]] = applyTrapForThreeOrMoreArgs;\n BoundaryProxyHandlerProto[applyTrapNameRegistry[4]] = applyTrapForFourOrMoreArgs;\n BoundaryProxyHandlerProto[applyTrapNameRegistry[5]] = applyTrapForFiveOrMoreArgs;\n BoundaryProxyHandlerProto[applyTrapNameRegistry.n] = applyTrapForAnyNumberOfArgs;\n BoundaryProxyHandlerProto[constructTrapNameRegistry[0]] = constructTrapForZeroOrMoreArgs;\n BoundaryProxyHandlerProto[constructTrapNameRegistry[1]] = constructTrapForOneOrMoreArgs;\n BoundaryProxyHandlerProto[constructTrapNameRegistry[2]] = constructTrapForTwoOrMoreArgs;\n BoundaryProxyHandlerProto[constructTrapNameRegistry[3]] = constructTrapForThreeOrMoreArgs;\n BoundaryProxyHandlerProto[constructTrapNameRegistry[4]] = constructTrapForFourOrMoreArgs;\n BoundaryProxyHandlerProto[constructTrapNameRegistry[5]] = constructTrapForFiveOrMoreArgs;\n BoundaryProxyHandlerProto[constructTrapNameRegistry.n] = constructTrapForAnyNumberOfArgs;\n ReflectSetPrototypeOf(BoundaryProxyHandlerProto, null);\n };\n };\n /* eslint-enable prefer-object-spread */\n}\n\nconst createMembraneMarshallSourceInStrictMode = `\n'use strict';\n(${createMembraneMarshall})`;\nfunction createBlueConnector(globalObject) {\n if (typeof globalObject !== 'object' || globalObject === null) {\n throw new TypeErrorCtor('Missing globalObject.');\n }\n return createMembraneMarshall(globalObject);\n}\nfunction createRedConnector(evaluator) {\n if (typeof evaluator !== 'function') {\n throw new TypeErrorCtor('Missing evaluator function.');\n }\n return evaluator(createMembraneMarshallSourceInStrictMode)();\n}\nconst LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL = SymbolFor('@@lockerNearMembraneUndefinedValue');\nclass VirtualEnvironment {\n constructor(options) {\n if (options === undefined) {\n throw new ErrorCtor('Missing required VirtualEnvironment options.');\n }\n // prettier-ignore\n const {\n blueConnector,\n redConnector,\n distortionCallback,\n instrumentation,\n liveTargetCallback,\n revokedProxyCallback,\n signSourceCallback\n // eslint-disable-next-line prefer-object-spread\n } = ObjectAssign({\n __proto__: null\n }, options);\n let blueHooks;\n const blueConnect = blueConnector('blue', (...hooks) => {\n blueHooks = hooks;\n }, {\n distortionCallback,\n instrumentation,\n liveTargetCallback,\n revokedProxyCallback\n });\n const {\n 0: blueGlobalThisPointer,\n 1: blueGetSelectedTarget,\n 2: blueGetTransferableValue,\n 3: blueCallableGetPropertyValuePointer,\n // 4: blueCallableEvaluate,\n 5: blueCallableLinkPointers,\n 6: blueCallablePushErrorTarget,\n 7: blueCallablePushTarget,\n 8: blueCallableApply,\n 9: blueCallableConstruct,\n 10: blueCallableDefineProperty,\n 11: blueCallableDeleteProperty,\n 12: blueCallableGet,\n 13: blueCallableGetOwnPropertyDescriptor,\n 14: blueCallableGetPrototypeOf,\n 15: blueCallableHas,\n 16: blueCallableIsExtensible,\n 17: blueCallableOwnKeys,\n 18: blueCallablePreventExtensions,\n 19: blueCallableSet,\n 20: blueCallableSetPrototypeOf,\n // 21: blueCallableDebugInfo,\n // 22: blueCallableDefineProperties,\n 23: blueCallableGetLazyPropertyDescriptorStateByTarget,\n 24: blueCallableGetPropertyValue,\n 25: blueCallableGetTargetIntegrityTraits,\n 26: blueCallableGetToStringTagOfTarget,\n 27: blueCallableInstallErrorPrepareStackTrace,\n // 28: blueCallableInstallLazyPropertyDescriptors,\n 29: blueCallableIsTargetLive,\n // 30: blueCallableIsTargetRevoked,\n // 31: blueCallableSerializeTarget,\n 32: blueCallableSetLazyPropertyDescriptorStateByTarget,\n // 33: blueTrackAsFastTarget,\n 34: blueCallableBatchGetPrototypeOfAndGetOwnPropertyDescriptors,\n 35: blueCallableBatchGetPrototypeOfWhenHasNoOwnProperty,\n 36: blueCallableBatchGetPrototypeOfWhenHasNoOwnPropertyDescriptor\n } = blueHooks;\n let redHooks;\n const redConnect = redConnector('red', (...hooks) => {\n redHooks = hooks;\n });\n const {\n 0: redGlobalThisPointer,\n // 1: redGetSelectedTarget,\n // 2: redGetTransferableValue,\n 3: redCallableGetPropertyValuePointer,\n 4: redCallableEvaluate,\n 5: redCallableLinkPointers,\n 6: redCallablePushErrorTarget,\n 7: redCallablePushTarget,\n 8: redCallableApply,\n 9: redCallableConstruct,\n 10: redCallableDefineProperty,\n 11: redCallableDeleteProperty,\n 12: redCallableGet,\n 13: redCallableGetOwnPropertyDescriptor,\n 14: redCallableGetPrototypeOf,\n 15: redCallableHas,\n 16: redCallableIsExtensible,\n 17: redCallableOwnKeys,\n 18: redCallablePreventExtensions,\n 19: redCallableSet,\n 20: redCallableSetPrototypeOf,\n 21: redCallableDebugInfo,\n 22: redCallableDefineProperties,\n 23: redCallableGetLazyPropertyDescriptorStateByTarget,\n // 24: redCallableGetPropertyValue,\n 25: redCallableGetTargetIntegrityTraits,\n 26: redCallableGetToStringTagOfTarget,\n 27: redCallableInstallErrorPrepareStackTrace,\n 28: redCallableInstallLazyPropertyDescriptors,\n // 29: redCallableIsTargetLive,\n 30: redCallableIsTargetRevoked,\n 31: redCallableSerializeTarget,\n 32: redCallableSetLazyPropertyDescriptorStateByTarget,\n 33: redCallableTrackAsFastTarget,\n 34: redCallableBatchGetPrototypeOfAndGetOwnPropertyDescriptors,\n 35: redCallableBatchGetPrototypeOfWhenHasNoOwnProperty,\n 36: redCallableBatchGetPrototypeOfWhenHasNoOwnPropertyDescriptor\n } = redHooks;\n blueConnect(noop,\n // redGlobalThisPointer,\n noop,\n // redGetSelectedTarget,\n noop,\n // redGetTransferableValue,\n noop,\n // redCallableGetPropertyValuePointer,\n noop,\n // redCallableEvaluate,\n noop,\n // redCallableLinkPointers,\n redCallablePushErrorTarget, redCallablePushTarget, redCallableApply, redCallableConstruct, redCallableDefineProperty, redCallableDeleteProperty, redCallableGet, redCallableGetOwnPropertyDescriptor, redCallableGetPrototypeOf, redCallableHas, redCallableIsExtensible, redCallableOwnKeys, redCallablePreventExtensions, redCallableSet, redCallableSetPrototypeOf, redCallableDebugInfo, noop,\n // redCallableDefineProperties,\n redCallableGetLazyPropertyDescriptorStateByTarget, noop,\n // redCallableGetPropertyValue,\n redCallableGetTargetIntegrityTraits, redCallableGetToStringTagOfTarget, redCallableInstallErrorPrepareStackTrace, noop,\n // redCallableInstallLazyPropertyDescriptors,\n noop,\n // redCallableIsTargetLive,\n redCallableIsTargetRevoked, redCallableSerializeTarget, redCallableSetLazyPropertyDescriptorStateByTarget, redCallableTrackAsFastTarget, redCallableBatchGetPrototypeOfAndGetOwnPropertyDescriptors, redCallableBatchGetPrototypeOfWhenHasNoOwnProperty, redCallableBatchGetPrototypeOfWhenHasNoOwnPropertyDescriptor);\n redConnect(noop,\n // blueGlobalThisPointer,\n noop,\n // blueGetSelectedTarget,\n noop,\n // blueGetTransferableValue,\n noop,\n // blueCallableGetPropertyValuePointer,\n noop,\n // blueCallableEvaluate,\n noop,\n // blueCallableLinkPointers,\n blueCallablePushErrorTarget, blueCallablePushTarget, blueCallableApply, blueCallableConstruct, blueCallableDefineProperty, blueCallableDeleteProperty, blueCallableGet, blueCallableGetOwnPropertyDescriptor, blueCallableGetPrototypeOf, blueCallableHas, blueCallableIsExtensible, blueCallableOwnKeys, blueCallablePreventExtensions, blueCallableSet, blueCallableSetPrototypeOf, noop,\n // blueCallableDebugInfo\n noop,\n // blueCallableDefineProperties,\n blueCallableGetLazyPropertyDescriptorStateByTarget, blueCallableGetPropertyValue, blueCallableGetTargetIntegrityTraits, blueCallableGetToStringTagOfTarget, blueCallableInstallErrorPrepareStackTrace, noop,\n // blueCallableInstallLazyPropertyDescriptors,\n blueCallableIsTargetLive, noop,\n // blueCallableIsTargetRevoked,\n noop,\n // blueCallableSerializeTarget,,\n blueCallableSetLazyPropertyDescriptorStateByTarget, noop,\n // blueCallableTrackAsFastTarget,\n blueCallableBatchGetPrototypeOfAndGetOwnPropertyDescriptors, blueCallableBatchGetPrototypeOfWhenHasNoOwnProperty, blueCallableBatchGetPrototypeOfWhenHasNoOwnPropertyDescriptor);\n this.blueGlobalThisPointer = blueGlobalThisPointer;\n this.blueGetSelectedTarget = blueGetSelectedTarget;\n this.blueGetTransferableValue = blueGetTransferableValue;\n this.blueCallableGetPropertyValuePointer = blueCallableGetPropertyValuePointer;\n this.blueCallableLinkPointers = blueCallableLinkPointers;\n // Ensure the `this` context of red callable functions is `undefined`.\n this.redGlobalThisPointer = () => redGlobalThisPointer();\n this.redCallableGetPropertyValuePointer = (targetPointer, key) => redCallableGetPropertyValuePointer(targetPointer, key);\n this.redCallableEvaluate = signSourceCallback ? sourceText => redCallableEvaluate(signSourceCallback(sourceText)) : sourceText => redCallableEvaluate(sourceText);\n this.redCallableLinkPointers = (targetPointer, foreignTargetPointer) => redCallableLinkPointers(targetPointer, foreignTargetPointer);\n this.redCallableSetPrototypeOf = (targetPointer, protoPointerOrNull) => redCallableSetPrototypeOf(targetPointer, protoPointerOrNull);\n this.redCallableDefineProperties = (targetPointer, ...descriptorTuples) => {\n const {\n length\n } = descriptorTuples;\n const args = new ArrayCtor(length + 1);\n args[0] = targetPointer;\n for (let i = 0; i < length; i += 1) {\n args[i + 1] = descriptorTuples[i];\n }\n ReflectApply(redCallableDefineProperties, undefined, args);\n };\n this.redCallableInstallLazyPropertyDescriptors = (targetPointer, ...ownKeysAndUnforgeableGlobalThisKeys) => {\n const {\n length\n } = ownKeysAndUnforgeableGlobalThisKeys;\n const args = new ArrayCtor(length + 1);\n args[0] = targetPointer;\n for (let i = 0; i < length; i += 1) {\n args[i + 1] = ownKeysAndUnforgeableGlobalThisKeys[i];\n }\n ReflectApply(redCallableInstallLazyPropertyDescriptors, undefined, args);\n };\n this.redCallableTrackAsFastTarget = targetPointer => redCallableTrackAsFastTarget(targetPointer);\n }\n evaluate(sourceText) {\n try {\n const bluePointerOrPrimitiveValue = this.redCallableEvaluate(sourceText);\n if (typeof bluePointerOrPrimitiveValue === 'function') {\n bluePointerOrPrimitiveValue();\n return this.blueGetSelectedTarget();\n }\n return bluePointerOrPrimitiveValue;\n } catch (error) {\n var _this$blueGetSelected;\n throw (_this$blueGetSelected = this.blueGetSelectedTarget()) != null ? _this$blueGetSelected : error;\n }\n }\n lazyRemapProperties(target, ownKeys, unforgeableGlobalThisKeys) {\n if (typeof target === 'object' && target !== null || typeof target === 'function') {\n const args = [this.blueGetTransferableValue(target)];\n ReflectApply(ArrayProtoPush, args, ownKeys);\n if (unforgeableGlobalThisKeys != null && unforgeableGlobalThisKeys.length) {\n // Use `LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL` to delimit\n // `ownKeys` and `unforgeableGlobalThisKeys`.\n args[args.length] = LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n ReflectApply(ArrayProtoPush, args, unforgeableGlobalThisKeys);\n }\n ReflectApply(this.redCallableInstallLazyPropertyDescriptors, undefined, args);\n }\n }\n link(...keys) {\n let bluePointer = this.blueGlobalThisPointer;\n let redPointer = this.redGlobalThisPointer;\n for (let i = 0, {\n length\n } = keys; i < length; i += 1) {\n const key = keys[i];\n bluePointer = this.blueCallableGetPropertyValuePointer(bluePointer, key);\n redPointer = this.redCallableGetPropertyValuePointer(redPointer, key);\n this.redCallableLinkPointers(redPointer, bluePointer);\n this.blueCallableLinkPointers(bluePointer, redPointer);\n }\n }\n remapProperties(target, unsafeBlueDescs) {\n if (typeof target === 'object' && target !== null || typeof target === 'function') {\n const targetPointer = this.blueGetTransferableValue(target);\n const ownKeys = ReflectOwnKeys(unsafeBlueDescs);\n const {\n length\n } = ownKeys;\n const args = new ArrayCtor(1 + length * 7);\n args[0] = targetPointer;\n for (let i = 0, j = 1; i < length; i += 1, j += 7) {\n const ownKey = ownKeys[i];\n const unsafeBlueDesc = unsafeBlueDescs[ownKey];\n // Avoid poisoning by only installing own properties from unsafeBlueDescs.\n // We don't use a toSafeDescriptor() style helper since that mutates\n // the unsafeBlueDesc.\n // eslint-disable-next-line prefer-object-spread\n const safeBlueDesc = ObjectAssign({\n __proto__: null\n }, unsafeBlueDesc);\n args[j] = ownKey;\n args[j + 1] = 'configurable' in safeBlueDesc ? !!safeBlueDesc.configurable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n args[j + 2] = 'enumerable' in safeBlueDesc ? !!safeBlueDesc.enumerable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n args[j + 3] = 'writable' in safeBlueDesc ? !!safeBlueDesc.writable : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n args[j + 4] = 'value' in safeBlueDesc ? this.blueGetTransferableValue(safeBlueDesc.value) : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n args[j + 5] = 'get' in safeBlueDesc ? this.blueGetTransferableValue(safeBlueDesc.get) : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n args[j + 6] = 'set' in safeBlueDesc ? this.blueGetTransferableValue(safeBlueDesc.set) : LOCKER_NEAR_MEMBRANE_UNDEFINED_VALUE_SYMBOL;\n }\n ReflectApply(this.redCallableDefineProperties, this, args);\n }\n }\n remapProto(target, proto) {\n if (typeof target === 'object' && target !== null || typeof target === 'function') {\n const foreignTargetPointer = this.blueGetTransferableValue(target);\n const transferableProto = proto ? this.blueGetTransferableValue(proto) : proto;\n this.redCallableSetPrototypeOf(foreignTargetPointer, transferableProto);\n }\n }\n trackAsFastTarget(target) {\n if (typeof target === 'object' && target !== null || typeof target === 'function') {\n this.redCallableTrackAsFastTarget(this.blueGetTransferableValue(target));\n }\n }\n}\n\n/**\n * This list must be in sync with ecma-262, anything new added to the global object\n * should be considered, to decide whether or not they need remapping. The default\n * behavior, if missing form the following list, is to be remapped, which is safer.\n *\n * Note: remapped means the functionality is provided by the blue realm, rather than\n * the red one. This helps with the identity discontinuity issue, e.g.: all Set objects\n * have the same identity because it is always derived from the outer realm's Set.\n *\n * Note 1: We have identified 3 types of intrinsics\n * A: primitives driven intrinsics\n * B: syntax driven intrinsics (they usually have a imperative form as well)\n * C: imperative only intrinsics\n *\n * While A is not remapped, it is safe, and works fast that way, and C is remapped to\n * preserve the identity of all produced objects from the same realm, B is really\n * problematic, and requires a lot more work to guarantee that objects from both sides\n * can be considered equivalents (without identity discontinuity).\n */\nfunction getESGlobalKeys(remapTypedArrays = true) {\n const ESGlobalKeys = [\n // *** 19.1 Value Properties of the Global Object\n 'globalThis', 'Infinity', 'NaN', 'undefined',\n // *** 19.2 Function Properties of the Global Object\n // 'eval', // dangerous & Reflective\n 'isFinite', 'isNaN', 'parseFloat', 'parseInt', 'decodeURI', 'decodeURIComponent', 'encodeURI', 'encodeURIComponent',\n // *** 19.3 Constructor Properties of the Global Object\n // 'AggregateError', // Reflective\n // 'Array', // Reflective\n 'BigInt', 'Boolean',\n // 'Date', // Remapped\n // 'Error', // Reflective\n // 'EvalError', // Reflective\n 'FinalizationRegistry',\n // 'Function', // dangerous & Reflective\n // 'Map', // Remapped\n 'Number',\n // 'Object', // Reflective\n // Allow blue `Promise` constructor to overwrite the Red one so that promises\n // created by the `Promise` constructor or APIs like `fetch` will work.\n // 'Promise', // Remapped\n // 'Proxy', // Reflective\n // 'RangeError', // Reflective\n // 'ReferenceError', // Reflective\n 'RegExp',\n // 'Set', // Remapped\n 'String', 'Symbol',\n // 'SyntaxError', // Reflective\n // 'TypeError', // Reflective\n // 'URIError', // Reflective\n // 'WeakMap', // Remapped\n // 'WeakSet', // Remapped\n 'WeakRef',\n // *** 18.4 Other Properties of the Global Object\n // 'Atomics', // Remapped\n 'JSON', 'Math', 'Reflect',\n // *** Annex B\n 'escape', 'unescape'\n // *** ECMA-402\n // 'Intl', // Remapped\n ];\n\n if (remapTypedArrays === false) {\n ESGlobalKeys.push('ArrayBuffer', 'BigInt64Array', 'BigUint64Array', 'DataView', 'Float32Array', 'Float64Array', 'Int8Array', 'Int16Array', 'Int32Array', 'SharedArrayBuffer', 'Uint8Array', 'Uint8ClampedArray', 'Uint16Array', 'Uint32Array');\n }\n return ESGlobalKeys;\n}\n// These are foundational things that should never be wrapped but are equivalent\n// @TODO: Revisit this list.\nconst ReflectiveIntrinsicObjectNames = ['AggregateError', 'Array', 'Error', 'EvalError', 'Function', 'Object', 'Proxy', 'RangeError', 'ReferenceError', 'SyntaxError', 'TypeError', 'URIError', 'eval', 'globalThis'];\nfunction getESGlobalsAndReflectiveIntrinsicObjectNames(remapTypedArrays = true) {\n const ESGlobalKeys = getESGlobalKeys(remapTypedArrays);\n return toSafeArray([...ESGlobalKeys, ...ReflectiveIntrinsicObjectNames]);\n}\nfunction getGlobalObjectOwnKeys(source) {\n const ownKeys = ReflectOwnKeys(source);\n // WKWebView incorrectly excludes the 'webkit' own property of the global\n // object from `Object.keys()` and `Reflect.ownKeys()` results, so add it.\n // istanbul ignore if: currently unreachable via tests\n if (ObjectHasOwn(source, 'webkit') && !ReflectApply(ArrayProtoIncludes, ownKeys, ['webkit'])) {\n ownKeys[ownKeys.length] = 'webkit';\n }\n return ownKeys;\n}\nfunction assignFilteredGlobalDescriptorsFromPropertyDescriptorMap(descs, source, includeTypedArrays) {\n const ownKeys = getGlobalObjectOwnKeys(source);\n const ESGlobalsAndReflectiveIntrinsicObjectNames = getESGlobalsAndReflectiveIntrinsicObjectNames(includeTypedArrays);\n for (let i = 0, {\n length\n } = ownKeys; i < length; i += 1) {\n const ownKey = ownKeys[i];\n // Avoid overriding ECMAScript global names that correspond to\n // global intrinsics. This guarantee that those entries will be\n // ignored if present in the source property descriptor map.\n if (!ESGlobalsAndReflectiveIntrinsicObjectNames.includes(ownKey)) {\n const unsafeDesc = source[ownKey];\n if (unsafeDesc) {\n // Avoid poisoning by only installing own properties from\n // unsafeDesc. We don't use a toSafeDescriptor() style helper\n // since that mutates the unsafeBlueDesc.\n // eslint-disable-next-line prefer-object-spread\n descs[ownKey] = ObjectAssign({\n __proto__: null\n }, unsafeDesc);\n }\n }\n }\n return descs;\n}\nfunction getFilteredGlobalOwnKeys(source, includeTypedArrays) {\n const result = [];\n let resultOffset = 0;\n const ownKeys = getGlobalObjectOwnKeys(source);\n const ESGlobalsAndReflectiveIntrinsicObjectNames = getESGlobalsAndReflectiveIntrinsicObjectNames(includeTypedArrays);\n for (let i = 0, {\n length\n } = ownKeys; i < length; i += 1) {\n const ownKey = ownKeys[i];\n // Avoid overriding ECMAScript global names that correspond to global\n // intrinsics. This guarantees that those entries will be ignored if\n // present in the source object.\n if (!ESGlobalsAndReflectiveIntrinsicObjectNames.includes(ownKey)) {\n result[resultOffset++] = ownKey;\n }\n }\n return result;\n}\nfunction linkIntrinsics(env, globalObject) {\n // Remap intrinsics that are realm agnostic.\n for (let i = 0, {\n length\n } = ReflectiveIntrinsicObjectNames; i < length; i += 1) {\n const globalName = ReflectiveIntrinsicObjectNames[i];\n const reflectiveValue = globalObject[globalName];\n if (reflectiveValue) {\n // Proxy.prototype is undefined.\n if (reflectiveValue.prototype) {\n env.link(globalName, 'prototype');\n } else {\n env.link(globalName);\n }\n }\n }\n}\nexport { VirtualEnvironment, assignFilteredGlobalDescriptorsFromPropertyDescriptorMap, createBlueConnector, createMembraneMarshall, createRedConnector, getFilteredGlobalOwnKeys, linkIntrinsics };\n","import './custom-devtools-formatter.mjs.js';\nimport { getFilteredGlobalOwnKeys, createBlueConnector, VirtualEnvironment, createRedConnector, linkIntrinsics, assignFilteredGlobalDescriptorsFromPropertyDescriptorMap } from '@locker/near-membrane-base';\nimport { toSafeWeakMap, ReflectGetPrototypeOf, ReflectOwnKeys, ReflectDeleteProperty, toSafeWeakSet, WeakSetCtor, WeakMapCtor, TypeErrorCtor, ObjectAssign, ReflectApply, isObject } from '@locker/near-membrane-shared';\nimport { rootWindow, IS_CHROMIUM_BROWSER, HTMLIFrameElementProtoContentWindowGetter, DocumentProtoOpen, DocumentProtoClose, IS_OLD_CHROMIUM_BROWSER, ElementProtoRemove, DocumentProtoCreateElement, DocumentProtoBodyGetter, NodeProtoLastChildGetter, HTMLElementProtoStyleGetter, ElementProtoSetAttribute, NodeProtoAppendChild } from '@locker/near-membrane-shared-dom';\nconst blueDocumentToRecordMap = toSafeWeakMap(new WeakMap());\n// Chromium based browsers have a bug that nulls the result of `window`\n// getters in detached iframes when the property descriptor of `window.window`\n// is retrieved.\n// https://bugs.chromium.org/p/chromium/issues/detail?id=1305302\nconst unforgeablePoisonedWindowKeys = IS_CHROMIUM_BROWSER ? ['window'] : undefined;\nfunction getCachedGlobalObjectReferences(globalObject) {\n const {\n window\n } = globalObject;\n let record;\n let document;\n // Suppress errors thrown on cross-origin opaque windows.\n try {\n ({\n document\n } = globalObject);\n record = blueDocumentToRecordMap.get(document);\n // eslint-disable-next-line no-empty\n } catch (_unused) {\n return undefined;\n }\n if (record) {\n return record;\n }\n // Cache references to object values that can't be replaced\n // window -> Window -> WindowProperties -> EventTarget\n const WindowProto = ReflectGetPrototypeOf(window);\n const WindowPropertiesProto = ReflectGetPrototypeOf(WindowProto);\n const EventTargetProto = ReflectGetPrototypeOf(WindowPropertiesProto);\n record = {\n document,\n DocumentProto: ReflectGetPrototypeOf(document),\n window,\n WindowProto: ReflectGetPrototypeOf(window),\n WindowPropertiesProto: ReflectGetPrototypeOf(WindowProto),\n EventTargetProto,\n // Some simulated browser environments, e.g. those using JSDOM, may lack an EventTargetProto.\n EventTargetProtoOwnKeys: EventTargetProto ? ReflectOwnKeys(EventTargetProto) : []\n };\n blueDocumentToRecordMap.set(document, record);\n return record;\n}\nfunction filterWindowKeys(keys) {\n const result = [];\n let resultOffset = 0;\n for (let i = 0, {\n length\n } = keys; i < length; i += 1) {\n const key = keys[i];\n if (\n // Filter out unforgeable property keys that cannot be installed.\n key !== 'document' && key !== 'location ' && key !== 'top' && key !== 'window' &&\n // Remove other browser specific unforgeables.\n key !== 'chrome') {\n result[resultOffset++] = key;\n }\n }\n return result;\n}\n/**\n * global descriptors are a combination of 3 set of descriptors:\n * - first, the key of the red descriptors define the descriptors\n * provided by the browser when creating a brand new window.\n * - second, once we know the base keys, we get the actual descriptors\n * from the blueDescriptors, since those are the one we want to provide\n * access to via the membrane.\n * - third, the user of this library can provide endowments, which define\n * global descriptors that should be installed into the sandbox on top\n * of the base descriptors.\n *\n * Note: The main reason for using redDescriptors as the base keys instead\n * of blueDescriptor is because there is no guarantee that this library is\n * the first one to be evaluated in the host app, which means it has no ways\n * to determine what is a real DOM API vs app specific globals.\n *\n * Quirk: The only quirk here is for the case in which this library runs\n * after some other code that patches some of the DOM APIs. This means\n * the installed proxy in the sandbox will point to the patched global\n * API in the blue realm, rather than the original, because we don't have\n * a way to access the original anymore. This should not be a deal-breaker\n * if the patched API behaves according to the spec.\n *\n * The result of this method is a descriptor map that contains everything\n * that will be installed (via the membrane) as global descriptors in\n * the red realm.\n */\nfunction removeWindowDescriptors(unsafeDescs) {\n // Remove unforgeable descriptors that cannot be installed.\n ReflectDeleteProperty(unsafeDescs, 'document');\n ReflectDeleteProperty(unsafeDescs, 'location');\n ReflectDeleteProperty(unsafeDescs, 'top');\n ReflectDeleteProperty(unsafeDescs, 'window');\n // Remove other browser specific unforgeables.\n ReflectDeleteProperty(unsafeDescs, 'chrome');\n return unsafeDescs;\n}\n/**\n * Initialization operation to capture and cache all unforgeable references\n * and their respective descriptor maps before any other code runs, this\n * usually help because this library runs before anything else that can poison\n * the environment.\n */\ngetCachedGlobalObjectReferences(rootWindow);\nconst IFRAME_SANDBOX_ATTRIBUTE_VALUE = 'allow-same-origin allow-scripts';\nconst revoked = toSafeWeakSet(new WeakSetCtor());\nconst blueCreateHooksCallbackCache = toSafeWeakMap(new WeakMapCtor());\nlet defaultGlobalOwnKeys = null;\nfunction createDetachableIframe(doc) {\n var _ReflectApply;\n const iframe = ReflectApply(DocumentProtoCreateElement, doc, ['iframe']);\n // It is impossible to test whether the NodeProtoLastChildGetter branch is\n // reached in a normal Karma test environment.\n const parent = (_ReflectApply = ReflectApply(DocumentProtoBodyGetter, doc, [])) != null ? _ReflectApply : /* istanbul ignore next */ReflectApply(NodeProtoLastChildGetter, doc, []);\n const style = ReflectApply(HTMLElementProtoStyleGetter, iframe, []);\n style.display = 'none';\n ReflectApply(ElementProtoSetAttribute, iframe, ['sandbox', IFRAME_SANDBOX_ATTRIBUTE_VALUE]);\n ReflectApply(NodeProtoAppendChild, parent, [iframe]);\n return iframe;\n}\nfunction createIframeVirtualEnvironment(globalObject, providedOptions) {\n if (typeof globalObject !== 'object' || globalObject === null) {\n throw new TypeErrorCtor('Missing global object virtualization target.');\n }\n const blueRefs = getCachedGlobalObjectReferences(globalObject);\n if (typeof blueRefs !== 'object' || blueRefs === null) {\n throw new TypeErrorCtor('Invalid virtualization target.');\n }\n const {\n distortionCallback,\n defaultPolicy,\n endowments,\n globalObjectShape,\n instrumentation,\n keepAlive = true,\n liveTargetCallback,\n remapTypedArrays,\n signSourceCallback\n // eslint-disable-next-line prefer-object-spread\n } = ObjectAssign({\n __proto__: null\n }, providedOptions);\n const iframe = createDetachableIframe(blueRefs.document);\n const redWindow = ReflectApply(HTMLIFrameElementProtoContentWindowGetter, iframe, []);\n const shouldUseDefaultGlobalOwnKeys = typeof globalObjectShape !== 'object' || globalObjectShape === null;\n if (shouldUseDefaultGlobalOwnKeys && defaultGlobalOwnKeys === null) {\n defaultGlobalOwnKeys = filterWindowKeys(getFilteredGlobalOwnKeys(redWindow, remapTypedArrays));\n }\n let blueConnector = blueCreateHooksCallbackCache.get(blueRefs.document);\n if (blueConnector === undefined) {\n blueConnector = createBlueConnector(globalObject);\n blueCreateHooksCallbackCache.set(blueRefs.document, blueConnector);\n }\n // Install default TrustedTypes policy in the virtual environment.\n // @ts-ignore trustedTypes does not exist on GlobalObject\n if (typeof redWindow.trustedTypes !== 'undefined' && isObject(defaultPolicy)) {\n // @ts-ignore trustedTypes does not exist on GlobalObject\n redWindow.trustedTypes.createPolicy('default', defaultPolicy);\n }\n const {\n eval: redIndirectEval\n } = redWindow;\n const env = new VirtualEnvironment({\n blueConnector,\n redConnector: createRedConnector(signSourceCallback ? sourceText => redIndirectEval(signSourceCallback(sourceText)) : redIndirectEval),\n distortionCallback,\n instrumentation,\n liveTargetCallback,\n revokedProxyCallback: keepAlive ? revokedProxyCallback : undefined,\n signSourceCallback\n });\n linkIntrinsics(env, globalObject);\n // window\n // window.document\n // In browsers globalThis is === window.\n if (typeof globalThis === 'undefined') {\n // Support for globalThis was added in Chrome 71.\n // However, environments like Android emulators are running Chrome 69.\n env.link('window', 'document');\n } else {\n // document is === window.document.\n env.link('document');\n }\n // window.__proto__ (aka Window.prototype)\n // window.__proto__.__proto__ (aka WindowProperties.prototype)\n // window.__proto__.__proto__.__proto__ (aka EventTarget.prototype)\n env.link('__proto__', '__proto__', '__proto__');\n env.remapProto(blueRefs.document, blueRefs.DocumentProto);\n env.lazyRemapProperties(blueRefs.window, shouldUseDefaultGlobalOwnKeys ? defaultGlobalOwnKeys : filterWindowKeys(getFilteredGlobalOwnKeys(globalObjectShape)),\n // Chromium based browsers have a bug that nulls the result of `window`\n // getters in detached iframes when the property descriptor of `window.window`\n // is retrieved.\n // https://bugs.chromium.org/p/chromium/issues/detail?id=1305302\n keepAlive ? undefined : unforgeablePoisonedWindowKeys);\n if (endowments) {\n const filteredEndowments = {};\n assignFilteredGlobalDescriptorsFromPropertyDescriptorMap(filteredEndowments, endowments, remapTypedArrays);\n removeWindowDescriptors(filteredEndowments);\n env.remapProperties(blueRefs.window, filteredEndowments);\n }\n // We intentionally skip remapping Window.prototype because there is nothing\n // in it that needs to be remapped.\n env.lazyRemapProperties(blueRefs.EventTargetProto, blueRefs.EventTargetProtoOwnKeys);\n // We don't remap `blueRefs.WindowPropertiesProto` because it is \"magical\"\n // in that it provides access to elements by id.\n //\n // Once we get the iframe info ready, and all mapped, we can proceed to\n // detach the iframe only if `options.keepAlive` isn't true.\n if (keepAlive) {\n // @TODO: Temporary hack to preserve the document reference in Firefox.\n // https://bugzilla.mozilla.org/show_bug.cgi?id=543435\n const {\n document: redDocument\n } = redWindow;\n // Revoke the proxies of the redDocument and redWindow to prevent access.\n revoked.add(redDocument);\n revoked.add(redWindow);\n ReflectApply(DocumentProtoOpen, redDocument, []);\n ReflectApply(DocumentProtoClose, redDocument, []);\n } else {\n if (IS_OLD_CHROMIUM_BROWSER) {\n // For Chromium < v86 browsers we evaluate the `window` object to\n // kickstart the realm so that `window` persists when the iframe is\n // removed from the document.\n redIndirectEval('window');\n }\n ReflectApply(ElementProtoRemove, iframe, []);\n }\n return env;\n}\nfunction revokedProxyCallback(value) {\n return revoked.has(value);\n}\nexport { createIframeVirtualEnvironment as default };\n","const {\n apply: ReflectApply,\n defineProperty: ReflectDefineProperty,\n deleteProperty: ReflectDeleteProperty,\n getPrototypeOf: ReflectGetPrototypeOf,\n ownKeys: ReflectOwnKeys,\n setPrototypeOf: ReflectSetPrototypeOf\n} = Reflect;\nconst ObjectCtor = Object;\nconst {\n assign: ObjectAssign,\n freeze: ObjectFreeze,\n keys: ObjectKeys,\n prototype: ObjectProto\n} = ObjectCtor;\nconst {\n hasOwn: OriginalObjectHasOwn\n} = ObjectCtor;\nconst {\n __lookupGetter__: ObjectProtoLookupGetter,\n __lookupSetter__: ObjectProtoLookupSetter,\n hasOwnProperty: ObjectProtoHasOwnProperty\n} = ObjectProto;\nconst ObjectHasOwn = typeof OriginalObjectHasOwn === 'function' ? OriginalObjectHasOwn : /* istanbul ignore next: currently unreachable via tests */function ObjectHasOwn(object, key) {\n return ReflectApply(ObjectProtoHasOwnProperty, object, [key]);\n};\nconst {\n toString: ObjectProtoToString\n} = ObjectProto;\nfunction isObject(value) {\n return typeof value === 'object' && value !== null;\n}\nfunction ObjectLookupOwnGetter(object, key) {\n return object === null || object === undefined || !ObjectHasOwn(object, key) ? undefined : ReflectApply(ObjectProtoLookupGetter, object, [key]);\n}\nfunction ObjectLookupOwnSetter(object, key) {\n return object === null || object === undefined || !ObjectHasOwn(object, key) ? undefined : ReflectApply(ObjectProtoLookupSetter, object, [key]);\n}\nconst SymbolCtor = Symbol;\nconst {\n for: SymbolFor,\n iterator: SymbolIterator,\n toStringTag: SymbolToStringTag,\n unscopables: SymbolUnscopables\n} = SymbolCtor;\nconst {\n valueOf: SymbolProtoValueOf\n} = SymbolCtor.prototype;\nconst ArrayCtor = Array;\nconst {\n prototype: ArrayProto\n} = ArrayCtor;\nconst {\n at: ArrayProtoAt,\n concat: ArrayProtoConcat,\n copyWithin: ArrayProtoCopyWithin,\n entries: ArrayProtoEntries,\n every: ArrayProtoEvery,\n fill: ArrayProtoFill,\n findIndex: ArrayProtoFindIndex,\n flat: ArrayProtoFlat,\n flatMap: ArrayProtoFlatMap,\n forEach: ArrayProtoForEach,\n join: ArrayProtoJoin,\n keys: ArrayProtoKeys,\n lastIndexOf: ArrayProtoLastIndexOf,\n pop: ArrayProtoPop,\n reduce: ArrayProtoReduce,\n reduceRight: ArrayProtoReduceRight,\n reverse: ArrayProtoReverse,\n slice: ArrayProtoSlice,\n some: ArrayProtoSome,\n toLocaleString: ArrayProtoToLocaleString,\n toString: ArrayProtoToString,\n values: ArrayProtoValues,\n [SymbolIterator]: ArrayProtoSymbolIterator\n} = ArrayProto;\nconst ArrayUnscopables = ObjectFreeze(ObjectAssign({\n __proto__: null\n}, ArrayProto[SymbolUnscopables]));\nconst {\n filter: ArrayProtoFilter,\n find: ArrayProtoFind,\n includes: ArrayProtoIncludes,\n indexOf: ArrayProtoIndexOf,\n map: ArrayProtoMap,\n push: ArrayProtoPush,\n shift: ArrayProtoShift,\n splice: ArrayProtoSplice,\n sort: ArrayProtoSort,\n unshift: ArrayProtoUnshift\n} = ArrayProto;\nconst {\n isArray: ArrayIsArray\n} = ArrayCtor;\nfunction toSafeArray(array) {\n ReflectSetPrototypeOf(array, null);\n array.at = ArrayProtoAt;\n array.concat = ArrayProtoConcat;\n // *** DO NOT SET THE ARRAY CONSTRUCTOR PROPERTY ***\n // https://bugs.chromium.org/p/v8/issues/detail?id=13202\n // https://source.chromium.org/chromium/chromium/src/+/main:v8/src/objects/lookup.cc;l=196-215?q=IsArraySpeciesLookupChainIntact\n //\n // In V8 setting the constructor property of an array, promise, regexp, or\n // typed array triggers a de-opt because it could change an instance's\n // @@species. This de-opt affects at least `Array#splice` and occurs even\n // if the prototype of the array is change or nulled beforehand. Further,\n // the de-opt persists after a page refresh. It is not until navigating to\n // a different page that the performance of `Array#splice` is restored.\n array.copyWithin = ArrayProtoCopyWithin;\n array.entries = ArrayProtoEntries;\n array.every = ArrayProtoEvery;\n array.fill = ArrayProtoFill;\n array.filter = ArrayProtoFilter;\n array.find = ArrayProtoFind;\n array.findIndex = ArrayProtoFindIndex;\n array.flat = ArrayProtoFlat;\n array.flatMap = ArrayProtoFlatMap;\n array.forEach = ArrayProtoForEach;\n array.includes = ArrayProtoIncludes;\n array.indexOf = ArrayProtoIndexOf;\n array.join = ArrayProtoJoin;\n array.keys = ArrayProtoKeys;\n array.lastIndexOf = ArrayProtoLastIndexOf;\n array.map = ArrayProtoMap;\n array.pop = ArrayProtoPop;\n array.push = ArrayProtoPush;\n array.reduce = ArrayProtoReduce;\n array.reduceRight = ArrayProtoReduceRight;\n array.reverse = ArrayProtoReverse;\n array.shift = ArrayProtoShift;\n array.slice = ArrayProtoSlice;\n array.some = ArrayProtoSome;\n array.sort = ArrayProtoSort;\n array.splice = ArrayProtoSplice;\n array.toLocaleString = ArrayProtoToLocaleString;\n array.toString = ArrayProtoToString;\n array.unshift = ArrayProtoUnshift;\n array.values = ArrayProtoValues;\n array[SymbolIterator] = ArrayProtoSymbolIterator;\n array[SymbolUnscopables] = ArrayUnscopables;\n ReflectSetPrototypeOf(array, ArrayProto);\n return array;\n}\nconst ArrayBufferProtoByteLengthGetter = ObjectLookupOwnGetter(ArrayBuffer.prototype, 'byteLength');\n\n// https://caniuse.com/bigint\nconst SUPPORTS_BIG_INT = typeof BigInt === 'function';\nconst BigIntProtoValueOf = SUPPORTS_BIG_INT ? BigInt.prototype.valueOf : /* istanbul ignore next: currently unreachable via tests */undefined;\nconst {\n valueOf: BooleanProtoValueOf\n} = Boolean.prototype;\n\n// Locker build constants.\nconst LOCKER_IDENTIFIER_MARKER = '$LWS';\n// This package is bundled by third-parties that have their own build time\n// replacement logic. Instead of customizing each build system to be aware\n// of this package we implement a two phase debug mode by performing small\n// runtime checks to determine phase one, our code is unminified, and\n// phase two, the user opted-in to custom devtools formatters. Phase one\n// is used for light weight initialization time debug while phase two is\n// reserved for post initialization runtime\nconst LOCKER_UNMINIFIED_FLAG =\n// eslint-disable-next-line @typescript-eslint/naming-convention\n/* istanbul ignore next */\n`${function LOCKER_UNMINIFIED_FLAG() {\n return LOCKER_UNMINIFIED_FLAG.name;\n}()}`.includes('LOCKER_UNMINIFIED_FLAG');\n// Character constants.\nconst CHAR_ELLIPSIS = '\\u2026';\n// Error message constants.\nconst ERR_ILLEGAL_PROPERTY_ACCESS = 'Illegal property access.';\n// Near-membrane constants.\nconst LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL = SymbolFor('@@lockerNearMembraneSerializedValue');\nconst LOCKER_NEAR_MEMBRANE_SYMBOL = SymbolFor('@@lockerNearMembrane');\nconst SYMBOL_LIVE_OBJECT = SymbolFor('@@lockerLiveValue');\n// Object brand constants.\nconst TO_STRING_BRAND_ARRAY = '[object Array]';\nconst TO_STRING_BRAND_ARRAY_BUFFER = '[object ArrayBuffer]';\nconst TO_STRING_BRAND_BIG_INT = '[object BigInt]';\nconst TO_STRING_BRAND_BOOLEAN = '[object Boolean]';\nconst TO_STRING_BRAND_DATE = '[object Date]';\nconst TO_STRING_BRAND_FUNCTION = '[object Function]';\nconst TO_STRING_BRAND_MAP = '[object Map]';\nconst TO_STRING_BRAND_NULL = '[object Null]';\nconst TO_STRING_BRAND_NUMBER = '[object Number]';\nconst TO_STRING_BRAND_OBJECT = '[object Object]';\nconst TO_STRING_BRAND_REG_EXP = '[object RegExp]';\nconst TO_STRING_BRAND_SET = '[object Set]';\nconst TO_STRING_BRAND_STRING = '[object String]';\nconst TO_STRING_BRAND_SYMBOL = '[object Symbol]';\nconst TO_STRING_BRAND_UNDEFINED = '[object Undefined]';\nconst TO_STRING_BRAND_WEAK_MAP = '[object WeakMap]';\nconst TO_STRING_BRAND_WEAK_SET = '[object WeakSet]';\nconst {\n valueOf: DateProtoValueOf\n} = Date.prototype;\nconst MapCtor = Map;\nconst {\n prototype: MapProto\n} = MapCtor;\nconst {\n clear: MapProtoClear,\n delete: MapProtoDelete,\n forEach: MapProtoForEach,\n get: MapProtoGet,\n has: MapProtoHas,\n keys: MapProtoKeys,\n values: MapProtoValues,\n [SymbolIterator]: MapProtoSymbolIterator,\n [SymbolToStringTag]: MapProtoSymbolToStringTag\n} = MapProto;\nconst {\n entries: MapProtoEntries,\n set: MapProtoSet\n} = MapProto;\nconst MapProtoSizeGetter = ObjectLookupOwnGetter(MapProto, 'size');\nfunction toSafeMap(map) {\n ReflectSetPrototypeOf(map, null);\n map.clear = MapProtoClear;\n map.delete = MapProtoDelete;\n map.entries = MapProtoEntries;\n map.forEach = MapProtoForEach;\n map.get = MapProtoGet;\n map.has = MapProtoHas;\n map.keys = MapProtoKeys;\n map.set = MapProtoSet;\n ReflectDefineProperty(map, 'size', {\n __proto__: null,\n configurable: true,\n enumerable: true,\n get: MapProtoSizeGetter,\n set: undefined\n });\n map.values = MapProtoValues;\n map[SymbolIterator] = MapProtoSymbolIterator;\n map[SymbolToStringTag] = MapProtoSymbolToStringTag;\n ReflectSetPrototypeOf(map, MapProto);\n return map;\n}\nconst NumberCtor = Number;\nconst {\n isFinite: NumberIsFinite,\n isInteger: NumberIsInteger,\n isNaN: NumberIsNaN\n} = NumberCtor;\nconst {\n valueOf: NumberProtoValueOf\n} = NumberCtor.prototype;\nconst RegExpCtor = RegExp;\nconst {\n prototype: RegExpProto\n} = RegExpCtor;\nconst {\n test: RegExpProtoTest\n} = RegExpProto;\nconst RegExpProtoSourceGetter = ObjectLookupOwnGetter(RegExpProto, 'source');\nconst SetCtor = Set;\nconst {\n prototype: SetProto\n} = SetCtor;\nconst {\n add: SetProtoAdd,\n values: SetProtoValues\n} = SetProto;\nconst SetProtoSizeGetter = ObjectLookupOwnGetter(SetProto, 'size');\nconst StringCtor = String;\nconst {\n prototype: StringProto\n} = StringCtor;\nconst {\n slice: StringProtoSlice,\n valueOf: StringProtoValueOf\n} = StringProto;\nconst WeakMapCtor = WeakMap;\nconst {\n prototype: WeakMapProto\n} = WeakMapCtor;\nconst {\n has: WeakMapProtoHas\n} = WeakMapProto;\nconst {\n delete: WeakMapProtoDelete,\n get: WeakMapProtoGet,\n set: WeakMapProtoSet,\n [SymbolToStringTag]: WeakMapProtoSymbolToStringTag\n} = WeakMapProto;\nfunction toSafeWeakMap(weakMap) {\n ReflectSetPrototypeOf(weakMap, null);\n weakMap.delete = WeakMapProtoDelete;\n weakMap.get = WeakMapProtoGet;\n weakMap.has = WeakMapProtoHas;\n weakMap.set = WeakMapProtoSet;\n weakMap[SymbolToStringTag] = WeakMapProtoSymbolToStringTag;\n ReflectSetPrototypeOf(weakMap, WeakMapProto);\n return weakMap;\n}\nconst WeakSetCtor = WeakSet;\nconst {\n prototype: WeakSetProto\n} = WeakSetCtor;\nconst {\n has: WeakSetProtoHas\n} = WeakSetProto;\nconst {\n add: WeakSetProtoAdd,\n delete: WeakSetProtoDelete,\n [SymbolToStringTag]: WeakSetProtoSymbolToStringTag\n} = WeakSetProto;\nfunction toSafeWeakSet(weakSet) {\n ReflectSetPrototypeOf(weakSet, null);\n weakSet.add = WeakSetProtoAdd;\n weakSet.delete = WeakSetProtoDelete;\n weakSet.has = WeakSetProtoHas;\n weakSet[SymbolToStringTag] = WeakSetProtoSymbolToStringTag;\n ReflectSetPrototypeOf(weakSet, WeakSetProto);\n return weakSet;\n}\nconst {\n toStringTag: TO_STRING_TAG_SYMBOL\n} = Symbol;\nfunction getBrandByTrialAndError(value) {\n // Trail and error attempts are performed in order of most likely,\n // e.g. those values that have a @@toStringTag defined by default,\n // to least likely.\n //\n // Internally these brand checks rely on native methods that throw and catch\n // an exception when they operate on values with unexpected internal slot\n // entries.\n // Section 25.1.5.1 get ArrayBuffer.prototype.byteLength\n // https://tc39.es/ecma262/#sec-get-arraybuffer.prototype.bytelength\n // Step 2: Perform RequireInternalSlot(O, [[ArrayBufferData]]).\n try {\n if ('byteLength' in value) {\n ReflectApply(ArrayBufferProtoByteLengthGetter, value, []);\n return TO_STRING_BRAND_ARRAY_BUFFER;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused) {}\n // Section 21.4.4 Properties of the Date Prototype Object\n // https://tc39.es/ecma262/#thistimevalue\n // Step 1: If Type(value) is Object and value has a [[DateValue]] internal slot, then\n // a. Return value.[[DateValue]].\n // Step 2: Throw a TypeError exception.\n try {\n if ('toLocaleDateString' in value) {\n ReflectApply(DateProtoValueOf, value, []);\n return TO_STRING_BRAND_DATE;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused2) {}\n // Section 24.1.3.10 get Map.prototype.size\n // https://tc39.es/ecma262/#sec-get-map.prototype.size\n // Step 2: Perform ? RequireInternalSlot(M, [[MapData]]).\n try {\n if ('get' in value && 'size' in value) {\n ReflectApply(MapProtoSizeGetter, value, []);\n return TO_STRING_BRAND_MAP;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused3) {}\n // Section 24.2.3.9 get Set.prototype.size\n // https://tc39.es/ecma262/#sec-get-set.prototype.size\n // Step 2: Perform ? RequireInternalSlot(S, [[SetData]]).\n try {\n if ('add' in value && 'size' in value) {\n ReflectApply(SetProtoSizeGetter, value, []);\n return TO_STRING_BRAND_SET;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused4) {}\n // Section 24.3.3.4 WeakMap.prototype.has ( key )\n // https://tc39.es/ecma262/#sec-weakmap.prototype.has\n // Step 2: Perform RequireInternalSlot(M, [[WeakMapData]]).\n try {\n if ('get' in value && !('size' in value)) {\n ReflectApply(WeakMapProtoHas, value, []);\n return TO_STRING_BRAND_WEAK_MAP;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused5) {}\n // Section 24.4.3.4 WeakSet.prototype.has ( value )\n // https://tc39.es/ecma262/#sec-weakset.prototype.has\n // Step 2: 2. Perform RequireInternalSlot(S, [[WeakSetData]]).\n try {\n if ('add' in value && !('size' in value)) {\n ReflectApply(WeakSetProtoHas, value, []);\n return TO_STRING_BRAND_WEAK_SET;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused6) {}\n // The following checks are for the rare occurrence of object, i.e. boxed,\n // primitive values or those objects without a default @@toStringTag.\n // Section 21.1.3 Properties of the Number Prototype Object\n // https://tc39.es/ecma262/#thisnumbervalue\n // Step 2: If Type(value) is Object and value has a [[NumberData]] internal slot, then\n // a. Let n be value.[[NumberData]].\n // b. Assert: Type(n) is Number.\n try {\n if ('toPrecision' in value) {\n ReflectApply(NumberProtoValueOf, value, []);\n return TO_STRING_BRAND_NUMBER;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused7) {}\n // Section 20.4.3 Properties of the Symbol Prototype Object\n // https://tc39.es/ecma262/#thissymbolvalue\n // Step 2: If Type(value) is Object and value has a [[SymbolData]] internal slot, then\n // a. Let s be value.[[SymbolData]].\n // b. Assert: Type(s) is Symbol.\n try {\n if ('description' in value) {\n ReflectApply(SymbolProtoValueOf, value, []);\n return TO_STRING_BRAND_SYMBOL;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused8) {}\n // Perform heavier checks last.\n // Section 22.2.6.13 get RegExp.prototype.source\n // https://tc39.es/ecma262/#sec-get-regexp.prototype.source\n // Step 3: If R does not have an [[OriginalSource]] internal slot, then\n // a. If SameValue(R, %RegExp.prototype%) is true, return \"(?:)\".\n // b. Otherwise, throw a TypeError exception.\n try {\n if (ObjectHasOwn(value, 'lastIndex')) {\n ReflectApply(RegExpProtoSourceGetter, value, []);\n return TO_STRING_BRAND_REG_EXP;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused9) {}\n // Section 22.1.3 Properties of the String Prototype Object\n // https://tc39.es/ecma262/#thisstringvalue\n // Step 2: If Type(value) is Object and value has a [[StringData]] internal slot, then\n // a. Let s be value.[[StringData]].\n // b. Assert: Type(s) is String.\n try {\n if (ObjectHasOwn(value, 'length')) {\n ReflectApply(StringProtoValueOf, value, []);\n return TO_STRING_BRAND_STRING;\n }\n // eslint-disable-next-line no-empty\n } catch (_unused10) {}\n // Section 20.3.3 Properties of the Boolean Prototype Object\n // https://tc39.es/ecma262/#thisbooleanvalue\n // Step 2: If Type(value) is Object and value has a [[BooleanData]] internal slot, then\n // a. Let b be value.[[BooleanData]].\n // b. Assert: Type(b) is Boolean.\n try {\n ReflectApply(BooleanProtoValueOf, value, []);\n return TO_STRING_BRAND_BOOLEAN;\n // eslint-disable-next-line no-empty\n } catch (_unused11) {}\n // istanbul ignore else: all platforms that LWS runs tests in support BigInt\n if (SUPPORTS_BIG_INT) {\n try {\n // Section 21.2.3 Properties of the BigInt Prototype Object\n // https://tc39.es/ecma262/#thisbigintvalue\n // Step 2: If Type(value) is Object and value has a [[BigIntData]] internal slot, then\n // a. Assert: Type(value.[[BigIntData]]) is BigInt.\n ReflectApply(BigIntProtoValueOf, value, []);\n return TO_STRING_BRAND_BIG_INT;\n // eslint-disable-next-line no-empty\n } catch (_unused12) {}\n }\n // Cannot detect brands for Arguments and Error objects.\n return TO_STRING_BRAND_OBJECT;\n}\nfunction getBrand(value) {\n // Section 20.1.3.6 Object.prototype.toString ( )\n // https://tc39.es/ecma262/#sec-object.prototype.tostring\n if (value === null) {\n return TO_STRING_BRAND_NULL;\n }\n if (value === undefined) {\n return TO_STRING_BRAND_UNDEFINED;\n }\n // eslint-disable-next-line default-case\n switch (typeof value) {\n case 'bigint':\n return TO_STRING_BRAND_BIG_INT;\n case 'boolean':\n return TO_STRING_BRAND_BOOLEAN;\n case 'function':\n return TO_STRING_BRAND_FUNCTION;\n case 'number':\n return TO_STRING_BRAND_NUMBER;\n case 'string':\n return TO_STRING_BRAND_STRING;\n case 'symbol':\n return TO_STRING_BRAND_SYMBOL;\n }\n if (ArrayIsArray(value)) {\n return TO_STRING_BRAND_ARRAY;\n }\n return TO_STRING_TAG_SYMBOL in value ? getBrandByTrialAndError(value) : ReflectApply(ObjectProtoToString, value, []);\n}\nconst {\n parse: JSONParse\n} = JSON;\n// Used by '@locker/near-membrane-dom'.\nconst {\n stringify: JSONStringify\n} = JSON;\nfunction getNearMembraneProxySerializedValue(object) {\n if (typeof object === 'object' && object !== null || typeof object === 'function') {\n // To extract the serialized value of a blue near-membrane proxy we must\n // perform a two step handshake. First, we trigger the \"has\" trap for\n // the `LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL` property which\n // must report `false`. Second, we trigger the \"get\" trap to return the\n // serialized value.\n return LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL in object ? undefined : object[LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL];\n }\n return undefined;\n}\nfunction isNearMembraneProxy(value) {\n if (typeof value === 'object' && value !== null || typeof value === 'function') {\n // To extract the flag value of a blue near-membrane proxy we must\n // perform a two step handshake. First, we trigger the \"has\" trap for\n // the `LOCKER_NEAR_MEMBRANE_SYMBOL` property which must report `false`.\n // Second, we trigger the \"get\" trap to return the flag value.\n return !(LOCKER_NEAR_MEMBRANE_SYMBOL in value) && value[LOCKER_NEAR_MEMBRANE_SYMBOL] === true;\n }\n return false;\n}\nconst SEEN_OBJECTS = toSafeMap(new MapCtor());\nfunction cloneBoxedPrimitive(object) {\n return ObjectCtor(getNearMembraneProxySerializedValue(object));\n}\nfunction cloneMap(map, queue) {\n // Section 2.7.3 StructuredSerializeInternal:\n // https://html.spec.whatwg.org/multipage/structured-data.html#structuredserializeinternal\n // Step 26.1.1: Let copiedList be a new empty List.\n const clone = new MapCtor();\n // Step 26.1.2: For each Record { [[Key]], [[Value]] } entry of value.[[MapData]]...\n const entriesIterable = ReflectApply(MapProtoEntries, map, []);\n // Step 26.1.3 For each Record { [[Key]], [[Value]] } entry of copiedList:\n let {\n length: queueOffset\n } = queue;\n // eslint-disable-next-line no-constant-condition\n while (true) {\n const {\n done,\n value: subKeyValuePair\n } = entriesIterable.next();\n if (done) {\n break;\n }\n const {\n 0: subKey,\n 1: subValue\n } = subKeyValuePair;\n let subCloneKey;\n // Step 26.1.3.1: Let serializedKey be ? StructuredSerializeInternal(entry.[[Key]], forStorage, memory).\n queue[queueOffset++] = [subClone => {\n subCloneKey = subClone;\n }, subKey];\n // Step 26.1.3.2: Let serializedValue be ? StructuredSerializeInternal(entry.[[Value]], forStorage, memory).\n queue[queueOffset++] = [subCloneValue => {\n ReflectApply(MapProtoSet, clone, [subCloneKey, subCloneValue]);\n }, subValue];\n }\n return clone;\n}\nfunction cloneRegExp(regexp) {\n const {\n flags,\n source\n } = JSONParse(getNearMembraneProxySerializedValue(regexp));\n return new RegExpCtor(source, flags);\n}\nfunction cloneSet(set, queue) {\n // Section 2.7.3 StructuredSerializeInternal:\n // https://html.spec.whatwg.org/multipage/structured-data.html#structuredserializeinternal\n // Step 26.2.1: Let copiedList be a new empty List.\n const clone = new SetCtor();\n // Step 26.2.2: For each entry of value.[[SetData]]...\n const valuesIterable = ReflectApply(SetProtoValues, set, []);\n // Step 26.2.3: For each entry of copiedList:\n let {\n length: queueOffset\n } = queue;\n // eslint-disable-next-line no-constant-condition\n while (true) {\n const {\n done,\n value: subValue\n } = valuesIterable.next();\n if (done) {\n break;\n }\n // Step 26.2.3.1: Let serializedEntry be ? StructuredSerializeInternal(entry, forStorage, memory).\n queue[queueOffset++] = [subCloneValue => {\n ReflectApply(SetProtoAdd, clone, [subCloneValue]);\n }, subValue];\n }\n return clone;\n}\nfunction enqueue(queue, originalValue, cloneValue) {\n // Section 2.7.3 StructuredSerializeInternal:\n // https://html.spec.whatwg.org/multipage/structured-data.html#structuredserializeinternal\n // Step 26.4: Otherwise, for each key in ! EnumerableOwnPropertyNames(value, key)...\n // Note: Object.keys() performs EnumerableOwnPropertyNames() internally as\n // defined in ECMA262:\n // https://tc39.es/ecma262/#sec-object.keys\n const keys = ObjectKeys(originalValue);\n let {\n length: queueOffset\n } = queue;\n for (let i = 0, {\n length\n } = keys; i < length; i += 1) {\n // Step 26.4.1.1: Let inputValue be ? value.[[Get]](key, value).\n // The [[Get]] operation is defined in ECMA262 for ordinary objects,\n // argument objects, integer-indexed exotic objects, module namespace\n // objects, and proxy objects.\n // https://tc39.es/ecma262/#sec-ordinary-object-internal-methods-and-internal-slots-get-p-receiver\n const key = keys[i];\n const subValue = originalValue[key];\n queue[queueOffset++] = [subCloneValue => {\n // Step 26.4.1.3: Property descriptor attributes are not\n // preserved during deserialization because only keys and\n // values are captured in serialized.[[Properties]].\n cloneValue[key] = subCloneValue;\n }, subValue];\n }\n}\n// This function is the unguarded internal variant of `partialStructuredClone()`.\n// Any error thrown that is captured by `partialStructuredClone()` is treated as\n// a `DataCloneError`. This function clones blue membrane proxied arrays, plain\n// objects, maps, regexps, sets, and boxed primitives. The following non-membrane\n// proxied objects are set by reference instead of cloning:\n// ArrayBuffer\n// BigInt64Array\n// BigUint64Array\n// Blob\n// DataView\n// Date\n// DOMException\n// DOMMatrix\n// DOMMatrixReadOnly\n// DOMPoint\n// DOMPointReadOnly\n// DOMQuad\n// DOMRect\n// DOMRectReadOnly\n// Error\n// EvalError\n// File\n// FileList\n// Float32Array\n// Float64Array\n// ImageBitMap\n// ImageData\n// Int8Array\n// Int16Array\n// Int32Array\n// RangeError\n// ReferenceError\n// SyntaxError\n// TypeError\n// Uint8Array\n// Uint8ClampedArray\n// Uint16Array\n// Uint32Array\n// URIError\n//\n// Note:\n// This function performs brand checks using `Object.prototype.toString`. The\n// results can be faked with `Symbol.toStringTag` property values and are a poor\n// substitute for native internal slot checks. However, for our purposes they\n// are perfectly fine and avoid having to repeatedly walk the prototype of proxied\n// values. Cloned values should be passed to native methods, like `postMessage()`,\n// which perform their own validation with internal slot checks.\nfunction partialStructuredCloneInternal(value) {\n // Using a queue instead of recursive function calls avoids call stack limits\n // and enables cloning more complex and deeply nested objects.\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Too_much_recursion\n let result;\n const queue = [[subClone => {\n result = subClone;\n }, value]];\n // eslint-disable-next-line no-labels\n queueLoop: while (queue.length) {\n // Section 2.7.3 StructuredSerializeInternal:\n // https://html.spec.whatwg.org/multipage/structured-data.html#structuredserializeinternal\n // prettier-ignore\n const {\n 0: setter,\n 1: originalValue\n } = ReflectApply(ArrayProtoShift, queue, []);\n // Step 4: If Type(value) is Undefined, Null, Boolean, Number, BigInt, or String\n if (originalValue === null || originalValue === undefined || typeof originalValue === 'boolean' || typeof originalValue === 'number' || typeof originalValue === 'string' || typeof originalValue === 'bigint') {\n setter(originalValue);\n // eslint-disable-next-line no-continue, no-extra-label, no-labels\n continue queueLoop;\n }\n // Step 5: If Type(value) is Symbol, then throw a 'DataCloneError' DOMException.\n if (typeof originalValue === 'symbol') {\n // Stop cloning and set the original value and defer throwing to\n // native methods.\n setter(originalValue);\n // eslint-disable-next-line no-extra-label, no-labels\n break queueLoop;\n }\n // To support circular references check if the original value has been\n // seen. If it has then use the clone associated with its record instead\n // of creating a new clone.\n let cloneValue = SEEN_OBJECTS.get(originalValue);\n if (cloneValue) {\n setter(cloneValue);\n // eslint-disable-next-line no-continue, no-extra-label, no-labels\n continue queueLoop;\n }\n // Perform a brand check on originalValue.\n const brand = getBrand(originalValue);\n // eslint-disable-next-line default-case\n switch (brand) {\n // Step 19: Otherwise, if value is a platform object...\n case TO_STRING_BRAND_OBJECT:\n {\n const proto = ReflectGetPrototypeOf(originalValue);\n if (proto === ObjectProto || proto === null ||\n // Possible `Object.prototype` from another document.\n ReflectGetPrototypeOf(proto) === null) {\n cloneValue = {};\n // Step 19.4: Set deep to true.\n enqueue(queue, originalValue, cloneValue);\n }\n break;\n }\n // Step 18: Otherwise, if value is an Array exotic object...\n case TO_STRING_BRAND_ARRAY:\n // Step 18.1 Let valueLenDescriptor be ? OrdinaryGetOwnProperty(value, 'length').\n // Note: Rather than perform the more complex OrdinaryGetOwnProperty()\n // operation for 'length' because it is a non-configurable property\n // we can access it with the simpler [[Get]]() operation defined\n // in ECMA262.\n // https://tc39.es/ecma262/#sec-integer-indexed-exotic-objects-get-p-receiver\n cloneValue = ArrayCtor(originalValue.length);\n // Step 18.4: Set deep to true.\n enqueue(queue, originalValue, cloneValue);\n break;\n // Step 15: Otherwise, if value has [[MapData]] internal slot...\n // Step 15.2: Set deep to true.\n case TO_STRING_BRAND_MAP:\n cloneValue = cloneMap(originalValue, queue);\n break;\n // Step 16: Otherwise, if value has [[SetData]] internal slot...\n // Step 16.2: Set deep to true.\n case TO_STRING_BRAND_SET:\n cloneValue = cloneSet(originalValue, queue);\n break;\n }\n if (cloneValue === undefined) {\n // istanbul ignore else\n if (!isNearMembraneProxy(originalValue)) {\n // Skip cloning non-membrane proxied objects.\n SEEN_OBJECTS.set(originalValue, originalValue);\n setter(originalValue);\n // eslint-disable-next-line no-extra-label, no-labels\n continue queueLoop;\n }\n // Cases ordered by a guestimate on frequency of encounter.\n // eslint-disable-next-line default-case\n switch (brand) {\n // Step 12: Otherwise, if value has a [[RegExpMatcher]] internal slot...\n case TO_STRING_BRAND_REG_EXP:\n cloneValue = cloneRegExp(originalValue);\n break;\n // Step 7: If value has a [[BooleanData]] internal slot...\n case TO_STRING_BRAND_BOOLEAN:\n // Step 8: Otherwise, if value has a [[NumberData]] internal slot...\n // eslint-disable-next-line no-fallthrough\n case TO_STRING_BRAND_NUMBER:\n // Step 9: Otherwise, if value has a [[BigIntData]] internal slot...\n // eslint-disable-next-line no-fallthrough\n case TO_STRING_BRAND_BIG_INT:\n // Step 10: Otherwise, if value has a [[StringData]] internal slot...\n // eslint-disable-next-line no-fallthrough\n case TO_STRING_BRAND_STRING:\n cloneValue = cloneBoxedPrimitive(originalValue);\n break;\n }\n }\n // Step 21: Otherwise, if IsCallable(value) is true, then throw a 'DataCloneError'\n // Step 20: Otherwise, if value is a platform object, then throw a 'DataCloneError'\n if (cloneValue === undefined) {\n // Stop cloning and set the original value and defer throwing to\n // native methods.\n setter(originalValue);\n // eslint-disable-next-line no-extra-label, no-labels\n break queueLoop;\n }\n SEEN_OBJECTS.set(originalValue, cloneValue);\n setter(cloneValue);\n }\n return result;\n}\nfunction partialStructuredClone(value) {\n let result = value;\n try {\n result = partialStructuredCloneInternal(value);\n // eslint-disable-next-line no-empty\n } catch (_unused13) {}\n SEEN_OBJECTS.clear();\n return result;\n}\nconst ErrorCtor = Error;\nconst TypeErrorCtor = TypeError;\nfunction noop() {\n // No operation performed.\n}\n\n// Used by '@locker/near-membrane-dom'.\nconst {\n min: MathMin\n} = Math;\nconst ProxyCtor = Proxy;\nexport { ArrayBufferProtoByteLengthGetter, ArrayCtor, ArrayIsArray, ArrayProtoFilter, ArrayProtoFind, ArrayProtoIncludes, ArrayProtoIndexOf, ArrayProtoMap, ArrayProtoPush, ArrayProtoShift, ArrayProtoSort, ArrayProtoSplice, ArrayProtoUnshift, BigIntProtoValueOf, BooleanProtoValueOf, CHAR_ELLIPSIS, DateProtoValueOf, ERR_ILLEGAL_PROPERTY_ACCESS, ErrorCtor, JSONParse, JSONStringify, LOCKER_IDENTIFIER_MARKER, LOCKER_NEAR_MEMBRANE_SERIALIZED_VALUE_SYMBOL, LOCKER_NEAR_MEMBRANE_SYMBOL, LOCKER_UNMINIFIED_FLAG, MapCtor, MapProtoEntries, MapProtoSet, MapProtoSizeGetter, MathMin, NumberCtor, NumberIsFinite, NumberIsInteger, NumberIsNaN, NumberProtoValueOf, ObjectAssign, ObjectCtor, ObjectFreeze, ObjectHasOwn, ObjectKeys, ObjectLookupOwnGetter, ObjectLookupOwnSetter, ObjectProto, ObjectProtoToString, ProxyCtor, ReflectApply, ReflectDefineProperty, ReflectDeleteProperty, ReflectGetPrototypeOf, ReflectOwnKeys, ReflectSetPrototypeOf, RegExpCtor, RegExpProtoSourceGetter, RegExpProtoTest, SUPPORTS_BIG_INT, SYMBOL_LIVE_OBJECT, SetCtor, SetProtoAdd, SetProtoSizeGetter, SetProtoValues, StringCtor, StringProtoSlice, StringProtoValueOf, SymbolFor, SymbolIterator, SymbolProtoValueOf, SymbolToStringTag, SymbolUnscopables, TO_STRING_BRAND_ARRAY, TO_STRING_BRAND_ARRAY_BUFFER, TO_STRING_BRAND_BIG_INT, TO_STRING_BRAND_BOOLEAN, TO_STRING_BRAND_DATE, TO_STRING_BRAND_FUNCTION, TO_STRING_BRAND_MAP, TO_STRING_BRAND_NULL, TO_STRING_BRAND_NUMBER, TO_STRING_BRAND_OBJECT, TO_STRING_BRAND_REG_EXP, TO_STRING_BRAND_SET, TO_STRING_BRAND_STRING, TO_STRING_BRAND_SYMBOL, TO_STRING_BRAND_UNDEFINED, TO_STRING_BRAND_WEAK_MAP, TO_STRING_BRAND_WEAK_SET, TypeErrorCtor, WeakMapCtor, WeakMapProtoHas, WeakSetCtor, WeakSetProtoHas, getBrand, getNearMembraneProxySerializedValue, isNearMembraneProxy, isObject, noop, partialStructuredClone, toSafeArray, toSafeMap, toSafeWeakMap, toSafeWeakSet };\n","var $dJwbH$react = require(\"react\");\n\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n$parcel$export(module.exports, \"composeRefs\", () => $9c2aaba23466b352$export$43e446d32b3d21af);\n$parcel$export(module.exports, \"useComposedRefs\", () => $9c2aaba23466b352$export$c7b2cbe3552a0d05);\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */ function $9c2aaba23466b352$var$setRef(ref, value) {\n if (typeof ref === 'function') ref(value);\n else if (ref !== null && ref !== undefined) ref.current = value;\n}\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */ function $9c2aaba23466b352$export$43e446d32b3d21af(...refs) {\n return (node)=>refs.forEach((ref)=>$9c2aaba23466b352$var$setRef(ref, node)\n )\n ;\n}\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */ function $9c2aaba23466b352$export$c7b2cbe3552a0d05(...refs) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return $dJwbH$react.useCallback($9c2aaba23466b352$export$43e446d32b3d21af(...refs), refs);\n}\n\n\n\n\n//# sourceMappingURL=index.js.map\n","var $amzHf$babelruntimehelpersextends = require(\"@babel/runtime/helpers/extends\");\nvar $amzHf$react = require(\"react\");\nvar $amzHf$reactdom = require(\"react-dom\");\nvar $amzHf$radixuireactprimitive = require(\"@radix-ui/react-primitive\");\n\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n$parcel$export(module.exports, \"Portal\", () => $913a70b877676c16$export$602eac185826482c);\n$parcel$export(module.exports, \"Root\", () => $913a70b877676c16$export$be92b6f5f03c0fe9);\n\n\n\n\n/* -------------------------------------------------------------------------------------------------\n * Portal\n * -----------------------------------------------------------------------------------------------*/ const $913a70b877676c16$var$PORTAL_NAME = 'Portal';\nconst $913a70b877676c16$export$602eac185826482c = /*#__PURE__*/ $amzHf$react.forwardRef((props, forwardedRef)=>{\n var _globalThis$document;\n 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;\n return container ? /*#__PURE__*/ ($parcel$interopDefault($amzHf$reactdom)).createPortal(/*#__PURE__*/ $amzHf$react.createElement($amzHf$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($amzHf$babelruntimehelpersextends))({}, portalProps, {\n ref: forwardedRef\n })), container) : null;\n});\n/*#__PURE__*/ Object.assign($913a70b877676c16$export$602eac185826482c, {\n displayName: $913a70b877676c16$var$PORTAL_NAME\n});\n/* -----------------------------------------------------------------------------------------------*/ const $913a70b877676c16$export$be92b6f5f03c0fe9 = $913a70b877676c16$export$602eac185826482c;\n\n\n\n\n//# sourceMappingURL=index.js.map\n","var $iMixA$babelruntimehelpersextends = require(\"@babel/runtime/helpers/extends\");\nvar $iMixA$react = require(\"react\");\nvar $iMixA$reactdom = require(\"react-dom\");\nvar $iMixA$radixuireactslot = require(\"@radix-ui/react-slot\");\n\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n$parcel$export(module.exports, \"Primitive\", () => $c3def6332c2749a6$export$250ffa63cdc0d034);\n$parcel$export(module.exports, \"Root\", () => $c3def6332c2749a6$export$be92b6f5f03c0fe9);\n$parcel$export(module.exports, \"dispatchDiscreteCustomEvent\", () => $c3def6332c2749a6$export$6d1a0317bde7de7f);\n\n\n\n\nconst $c3def6332c2749a6$var$NODES = [\n 'a',\n 'button',\n 'div',\n 'form',\n 'h2',\n 'h3',\n 'img',\n 'input',\n 'label',\n 'li',\n 'nav',\n 'ol',\n 'p',\n 'span',\n 'svg',\n 'ul'\n]; // Temporary while we await merge of this fix:\n// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396\n// prettier-ignore\n/* -------------------------------------------------------------------------------------------------\n * Primitive\n * -----------------------------------------------------------------------------------------------*/ const $c3def6332c2749a6$export$250ffa63cdc0d034 = $c3def6332c2749a6$var$NODES.reduce((primitive, node)=>{\n const Node = /*#__PURE__*/ $iMixA$react.forwardRef((props, forwardedRef)=>{\n const { asChild: asChild , ...primitiveProps } = props;\n const Comp = asChild ? $iMixA$radixuireactslot.Slot : node;\n $iMixA$react.useEffect(()=>{\n window[Symbol.for('radix-ui')] = true;\n }, []);\n return /*#__PURE__*/ $iMixA$react.createElement(Comp, ($parcel$interopDefault($iMixA$babelruntimehelpersextends))({}, primitiveProps, {\n ref: forwardedRef\n }));\n });\n Node.displayName = `Primitive.${node}`;\n return {\n ...primitive,\n [node]: Node\n };\n}, {});\n/* -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------*/ /**\n * Flush custom event dispatch\n * https://github.com/radix-ui/primitives/pull/1378\n *\n * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.\n *\n * Internally, React prioritises events in the following order:\n * - discrete\n * - continuous\n * - default\n *\n * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350\n *\n * `discrete` is an important distinction as updates within these events are applied immediately.\n * React however, is not able to infer the priority of custom event types due to how they are detected internally.\n * Because of this, it's possible for updates from custom events to be unexpectedly batched when\n * dispatched by another `discrete` event.\n *\n * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.\n * This utility should be used when dispatching a custom event from within another `discrete` event, this utility\n * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.\n * For example:\n *\n * dispatching a known click 👎\n * target.dispatchEvent(new Event(‘click’))\n *\n * dispatching a custom type within a non-discrete event 👎\n * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}\n *\n * dispatching a custom type within a `discrete` event 👍\n * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}\n *\n * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's not recommended to use\n * this utility with them. This is because it's possible for those handlers to be called implicitly during render\n * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.\n */ function $c3def6332c2749a6$export$6d1a0317bde7de7f(target, event) {\n if (target) $iMixA$reactdom.flushSync(()=>target.dispatchEvent(event)\n );\n}\n/* -----------------------------------------------------------------------------------------------*/ const $c3def6332c2749a6$export$be92b6f5f03c0fe9 = $c3def6332c2749a6$export$250ffa63cdc0d034;\n\n\n\n\n//# sourceMappingURL=index.js.map\n","var $dAvBt$babelruntimehelpersextends = require(\"@babel/runtime/helpers/extends\");\nvar $dAvBt$react = require(\"react\");\nvar $dAvBt$radixuireactcomposerefs = require(\"@radix-ui/react-compose-refs\");\n\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n$parcel$export(module.exports, \"Slot\", () => $82dc8d030dec7549$export$8c6ed5c666ac1360);\n$parcel$export(module.exports, \"Slottable\", () => $82dc8d030dec7549$export$d9f1ccf0bdb05d45);\n$parcel$export(module.exports, \"Root\", () => $82dc8d030dec7549$export$be92b6f5f03c0fe9);\n\n\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------*/ const $82dc8d030dec7549$export$8c6ed5c666ac1360 = /*#__PURE__*/ $dAvBt$react.forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n const childrenArray = $dAvBt$react.Children.toArray(children);\n const slottable = childrenArray.find($82dc8d030dec7549$var$isSlottable);\n if (slottable) {\n // the new element to render is the one passed as a child of `Slottable`\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child)=>{\n if (child === slottable) {\n // because the new element will be the one rendered, we are only interested\n // in grabbing its children (`newElement.props.children`)\n if ($dAvBt$react.Children.count(newElement) > 1) return $dAvBt$react.Children.only(null);\n return /*#__PURE__*/ $dAvBt$react.isValidElement(newElement) ? newElement.props.children : null;\n } else return child;\n });\n return /*#__PURE__*/ $dAvBt$react.createElement($82dc8d030dec7549$var$SlotClone, ($parcel$interopDefault($dAvBt$babelruntimehelpersextends))({}, slotProps, {\n ref: forwardedRef\n }), /*#__PURE__*/ $dAvBt$react.isValidElement(newElement) ? /*#__PURE__*/ $dAvBt$react.cloneElement(newElement, undefined, newChildren) : null);\n }\n return /*#__PURE__*/ $dAvBt$react.createElement($82dc8d030dec7549$var$SlotClone, ($parcel$interopDefault($dAvBt$babelruntimehelpersextends))({}, slotProps, {\n ref: forwardedRef\n }), children);\n});\n$82dc8d030dec7549$export$8c6ed5c666ac1360.displayName = 'Slot';\n/* -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------*/ const $82dc8d030dec7549$var$SlotClone = /*#__PURE__*/ $dAvBt$react.forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n if (/*#__PURE__*/ $dAvBt$react.isValidElement(children)) return /*#__PURE__*/ $dAvBt$react.cloneElement(children, {\n ...$82dc8d030dec7549$var$mergeProps(slotProps, children.props),\n ref: forwardedRef ? $dAvBt$radixuireactcomposerefs.composeRefs(forwardedRef, children.ref) : children.ref\n });\n return $dAvBt$react.Children.count(children) > 1 ? $dAvBt$react.Children.only(null) : null;\n});\n$82dc8d030dec7549$var$SlotClone.displayName = 'SlotClone';\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/ const $82dc8d030dec7549$export$d9f1ccf0bdb05d45 = ({ children: children })=>{\n return /*#__PURE__*/ $dAvBt$react.createElement($dAvBt$react.Fragment, null, children);\n};\n/* ---------------------------------------------------------------------------------------------- */ function $82dc8d030dec7549$var$isSlottable(child) {\n return /*#__PURE__*/ $dAvBt$react.isValidElement(child) && child.type === $82dc8d030dec7549$export$d9f1ccf0bdb05d45;\n}\nfunction $82dc8d030dec7549$var$mergeProps(slotProps, childProps) {\n // all child props should override\n const overrideProps = {\n ...childProps\n };\n for(const propName in childProps){\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n // if the handler exists on both, we compose them\n if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{\n childPropValue(...args);\n slotPropValue(...args);\n };\n else if (slotPropValue) overrideProps[propName] = slotPropValue;\n } else if (propName === 'style') overrideProps[propName] = {\n ...slotPropValue,\n ...childPropValue\n };\n else if (propName === 'className') overrideProps[propName] = [\n slotPropValue,\n childPropValue\n ].filter(Boolean).join(' ');\n }\n return {\n ...slotProps,\n ...overrideProps\n };\n}\nconst $82dc8d030dec7549$export$be92b6f5f03c0fe9 = $82dc8d030dec7549$export$8c6ed5c666ac1360;\n\n\n\n\n//# sourceMappingURL=index.js.map\n","import * as React from 'react';\nvar OrderContext = /*#__PURE__*/React.createContext(null);\nexport default OrderContext;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport OrderContext from \"./Context\";\nvar EMPTY_LIST = [];\n\n/**\n * Will add `div` to document. Nest call will keep order\n * @param render Render DOM in document\n */\nexport default function useDom(render, debug) {\n var _React$useState = React.useState(function () {\n if (!canUseDom()) {\n return null;\n }\n var defaultEle = document.createElement('div');\n if (process.env.NODE_ENV !== 'production' && debug) {\n defaultEle.setAttribute('data-debug', debug);\n }\n return defaultEle;\n }),\n _React$useState2 = _slicedToArray(_React$useState, 1),\n ele = _React$useState2[0];\n\n // ========================== Order ==========================\n var appendedRef = React.useRef(false);\n var queueCreate = React.useContext(OrderContext);\n var _React$useState3 = React.useState(EMPTY_LIST),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n queue = _React$useState4[0],\n setQueue = _React$useState4[1];\n var mergedQueueCreate = queueCreate || (appendedRef.current ? undefined : function (appendFn) {\n setQueue(function (origin) {\n var newQueue = [appendFn].concat(_toConsumableArray(origin));\n return newQueue;\n });\n });\n\n // =========================== DOM ===========================\n function append() {\n if (!ele.parentElement) {\n document.body.appendChild(ele);\n }\n appendedRef.current = true;\n }\n function cleanup() {\n var _ele$parentElement;\n (_ele$parentElement = ele.parentElement) === null || _ele$parentElement === void 0 ? void 0 : _ele$parentElement.removeChild(ele);\n appendedRef.current = false;\n }\n useLayoutEffect(function () {\n if (render) {\n if (queueCreate) {\n queueCreate(append);\n } else {\n append();\n }\n } else {\n cleanup();\n }\n return cleanup;\n }, [render]);\n useLayoutEffect(function () {\n if (queue.length) {\n queue.forEach(function (appendFn) {\n return appendFn();\n });\n setQueue(EMPTY_LIST);\n }\n }, [queue]);\n return [ele, mergedQueueCreate];\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport canUseDom from \"./canUseDom\";\nimport contains from \"./contains\";\nvar APPEND_ORDER = 'data-rc-order';\nvar APPEND_PRIORITY = 'data-rc-priority';\nvar MARK_KEY = \"rc-util-key\";\nvar containerCache = new Map();\nfunction getMark() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n mark = _ref.mark;\n if (mark) {\n return mark.startsWith('data-') ? mark : \"data-\".concat(mark);\n }\n return MARK_KEY;\n}\nfunction getContainer(option) {\n if (option.attachTo) {\n return option.attachTo;\n }\n var head = document.querySelector('head');\n return head || document.body;\n}\nfunction getOrder(prepend) {\n if (prepend === 'queue') {\n return 'prependQueue';\n }\n return prepend ? 'prepend' : 'append';\n}\n\n/**\n * Find style which inject by rc-util\n */\nfunction findStyles(container) {\n return Array.from((containerCache.get(container) || container).children).filter(function (node) {\n return node.tagName === 'STYLE';\n });\n}\nexport function injectCSS(css) {\n var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n if (!canUseDom()) {\n return null;\n }\n var csp = option.csp,\n prepend = option.prepend,\n _option$priority = option.priority,\n priority = _option$priority === void 0 ? 0 : _option$priority;\n var mergedOrder = getOrder(prepend);\n var isPrependQueue = mergedOrder === 'prependQueue';\n var styleNode = document.createElement('style');\n styleNode.setAttribute(APPEND_ORDER, mergedOrder);\n if (isPrependQueue && priority) {\n styleNode.setAttribute(APPEND_PRIORITY, \"\".concat(priority));\n }\n if (csp !== null && csp !== void 0 && csp.nonce) {\n styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;\n }\n styleNode.innerHTML = css;\n var container = getContainer(option);\n var firstChild = container.firstChild;\n if (prepend) {\n // If is queue `prepend`, it will prepend first style and then append rest style\n if (isPrependQueue) {\n var existStyle = (option.styles || findStyles(container)).filter(function (node) {\n // Ignore style which not injected by rc-util with prepend\n if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {\n return false;\n }\n\n // Ignore style which priority less then new style\n var nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);\n return priority >= nodePriority;\n });\n if (existStyle.length) {\n container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);\n return styleNode;\n }\n }\n\n // Use `insertBefore` as `prepend`\n container.insertBefore(styleNode, firstChild);\n } else {\n container.appendChild(styleNode);\n }\n return styleNode;\n}\nfunction findExistNode(key) {\n var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var container = getContainer(option);\n return (option.styles || findStyles(container)).find(function (node) {\n return node.getAttribute(getMark(option)) === key;\n });\n}\nexport function removeCSS(key) {\n var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var existNode = findExistNode(key, option);\n if (existNode) {\n var container = getContainer(option);\n container.removeChild(existNode);\n }\n}\n\n/**\n * qiankun will inject `appendChild` to insert into other\n */\nfunction syncRealContainer(container, option) {\n var cachedRealContainer = containerCache.get(container);\n\n // Find real container when not cached or cached container removed\n if (!cachedRealContainer || !contains(document, cachedRealContainer)) {\n var placeholderStyle = injectCSS('', option);\n var parentNode = placeholderStyle.parentNode;\n containerCache.set(container, parentNode);\n container.removeChild(placeholderStyle);\n }\n}\n\n/**\n * manually clear container cache to avoid global cache in unit testes\n */\nexport function clearContainerCache() {\n containerCache.clear();\n}\nexport function updateCSS(css, key) {\n var originOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var container = getContainer(originOption);\n var styles = findStyles(container);\n var option = _objectSpread(_objectSpread({}, originOption), {}, {\n styles: styles\n });\n\n // Sync real parent\n syncRealContainer(container, option);\n var existNode = findExistNode(key, option);\n if (existNode) {\n var _option$csp, _option$csp2;\n if ((_option$csp = option.csp) !== null && _option$csp !== void 0 && _option$csp.nonce && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {\n var _option$csp3;\n existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;\n }\n if (existNode.innerHTML !== css) {\n existNode.innerHTML = css;\n }\n return existNode;\n }\n var newNode = injectCSS(css, option);\n newNode.setAttribute(getMark(option), key);\n return newNode;\n}","/* eslint-disable no-param-reassign */\nimport { removeCSS, updateCSS } from \"./Dom/dynamicCSS\";\nvar cached;\nfunction measureScrollbarSize(ele) {\n var randomId = \"rc-scrollbar-measure-\".concat(Math.random().toString(36).substring(7));\n var measureEle = document.createElement('div');\n measureEle.id = randomId;\n\n // Create Style\n var measureStyle = measureEle.style;\n measureStyle.position = 'absolute';\n measureStyle.left = '0';\n measureStyle.top = '0';\n measureStyle.width = '100px';\n measureStyle.height = '100px';\n measureStyle.overflow = 'scroll';\n\n // Clone Style if needed\n var fallbackWidth;\n var fallbackHeight;\n if (ele) {\n var targetStyle = getComputedStyle(ele);\n measureStyle.scrollbarColor = targetStyle.scrollbarColor;\n measureStyle.scrollbarWidth = targetStyle.scrollbarWidth;\n\n // Set Webkit style\n var webkitScrollbarStyle = getComputedStyle(ele, '::-webkit-scrollbar');\n var width = parseInt(webkitScrollbarStyle.width, 10);\n var height = parseInt(webkitScrollbarStyle.height, 10);\n\n // Try wrap to handle CSP case\n try {\n var widthStyle = width ? \"width: \".concat(webkitScrollbarStyle.width, \";\") : '';\n var heightStyle = height ? \"height: \".concat(webkitScrollbarStyle.height, \";\") : '';\n updateCSS(\"\\n#\".concat(randomId, \"::-webkit-scrollbar {\\n\").concat(widthStyle, \"\\n\").concat(heightStyle, \"\\n}\"), randomId);\n } catch (e) {\n // Can't wrap, just log error\n console.error(e);\n\n // Get from style directly\n fallbackWidth = width;\n fallbackHeight = height;\n }\n }\n document.body.appendChild(measureEle);\n\n // Measure. Get fallback style if provided\n var scrollWidth = ele && fallbackWidth && !isNaN(fallbackWidth) ? fallbackWidth : measureEle.offsetWidth - measureEle.clientWidth;\n var scrollHeight = ele && fallbackHeight && !isNaN(fallbackHeight) ? fallbackHeight : measureEle.offsetHeight - measureEle.clientHeight;\n\n // Clean up\n document.body.removeChild(measureEle);\n removeCSS(randomId);\n return {\n width: scrollWidth,\n height: scrollHeight\n };\n}\nexport default function getScrollBarSize(fresh) {\n if (typeof document === 'undefined') {\n return 0;\n }\n if (fresh || cached === undefined) {\n cached = measureScrollbarSize();\n }\n return cached.width;\n}\nexport function getTargetScrollBarSize(target) {\n if (typeof document === 'undefined' || !target || !(target instanceof Element)) {\n return {\n width: 0,\n height: 0\n };\n }\n return measureScrollbarSize(target);\n}","/**\n * Test usage export. Do not use in your production\n */\nexport function isBodyOverflowing() {\n return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { updateCSS, removeCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport getScrollBarSize from \"rc-util/es/getScrollBarSize\";\nimport { isBodyOverflowing } from \"./util\";\nvar UNIQUE_ID = \"rc-util-locker-\".concat(Date.now());\nvar uuid = 0;\nexport default function useScrollLocker(lock) {\n var mergedLock = !!lock;\n var _React$useState = React.useState(function () {\n uuid += 1;\n return \"\".concat(UNIQUE_ID, \"_\").concat(uuid);\n }),\n _React$useState2 = _slicedToArray(_React$useState, 1),\n id = _React$useState2[0];\n useLayoutEffect(function () {\n if (mergedLock) {\n var scrollbarSize = getScrollBarSize();\n var isOverflow = isBodyOverflowing();\n updateCSS(\"\\nhtml body {\\n overflow-y: hidden;\\n \".concat(isOverflow ? \"width: calc(100% - \".concat(scrollbarSize, \"px);\") : '', \"\\n}\"), id);\n } else {\n removeCSS(id);\n }\n return function () {\n removeCSS(id);\n };\n }, [mergedLock, id]);\n}","export var inline = false;\nexport function inlineMock(nextInline) {\n if (typeof nextInline === 'boolean') {\n inline = nextInline;\n }\n return inline;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport warning from \"rc-util/es/warning\";\nimport { supportRef, useComposeRef } from \"rc-util/es/ref\";\nimport OrderContext from \"./Context\";\nimport useDom from \"./useDom\";\nimport useScrollLocker from \"./useScrollLocker\";\nimport { inlineMock } from \"./mock\";\nvar getPortalContainer = function getPortalContainer(getContainer) {\n if (getContainer === false) {\n return false;\n }\n if (!canUseDom() || !getContainer) {\n return null;\n }\n if (typeof getContainer === 'string') {\n return document.querySelector(getContainer);\n }\n if (typeof getContainer === 'function') {\n return getContainer();\n }\n return getContainer;\n};\nvar Portal = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var open = props.open,\n autoLock = props.autoLock,\n getContainer = props.getContainer,\n debug = props.debug,\n _props$autoDestroy = props.autoDestroy,\n autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy,\n children = props.children;\n var _React$useState = React.useState(open),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n shouldRender = _React$useState2[0],\n setShouldRender = _React$useState2[1];\n var mergedRender = shouldRender || open;\n\n // ========================= Warning =========================\n if (process.env.NODE_ENV !== 'production') {\n warning(canUseDom() || !open, \"Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.\");\n }\n\n // ====================== Should Render ======================\n React.useEffect(function () {\n if (autoDestroy || open) {\n setShouldRender(open);\n }\n }, [open, autoDestroy]);\n\n // ======================== Container ========================\n var _React$useState3 = React.useState(function () {\n return getPortalContainer(getContainer);\n }),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n innerContainer = _React$useState4[0],\n setInnerContainer = _React$useState4[1];\n React.useEffect(function () {\n var customizeContainer = getPortalContainer(getContainer);\n\n // Tell component that we check this in effect which is safe to be `null`\n setInnerContainer(customizeContainer !== null && customizeContainer !== void 0 ? customizeContainer : null);\n });\n var _useDom = useDom(mergedRender && !innerContainer, debug),\n _useDom2 = _slicedToArray(_useDom, 2),\n defaultContainer = _useDom2[0],\n queueCreate = _useDom2[1];\n var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer;\n\n // ========================= Locker ==========================\n useScrollLocker(autoLock && open && canUseDom() && (mergedContainer === defaultContainer || mergedContainer === document.body));\n\n // =========================== Ref ===========================\n var childRef = null;\n if (children && supportRef(children) && ref) {\n var _ref = children;\n childRef = _ref.ref;\n }\n var mergedRef = useComposeRef(childRef, ref);\n\n // ========================= Render ==========================\n // Do not render when nothing need render\n // When innerContainer is `undefined`, it may not ready since user use ref in the same render\n if (!mergedRender || !canUseDom() || innerContainer === undefined) {\n return null;\n }\n\n // Render inline\n var renderInline = mergedContainer === false || inlineMock();\n var reffedChildren = children;\n if (ref) {\n reffedChildren = /*#__PURE__*/React.cloneElement(children, {\n ref: mergedRef\n });\n }\n return /*#__PURE__*/React.createElement(OrderContext.Provider, {\n value: queueCreate\n }, renderInline ? reffedChildren : /*#__PURE__*/createPortal(reffedChildren, mergedContainer));\n});\nif (process.env.NODE_ENV !== 'production') {\n Portal.displayName = 'Portal';\n}\nexport default Portal;","import Portal from \"./Portal\";\nimport { inlineMock } from \"./mock\";\nexport { inlineMock };\nexport default Portal;","function getRoot(ele) {\n var _ele$getRootNode;\n return ele === null || ele === void 0 || (_ele$getRootNode = ele.getRootNode) === null || _ele$getRootNode === void 0 ? void 0 : _ele$getRootNode.call(ele);\n}\n\n/**\n * Check if is in shadowRoot\n */\nexport function inShadow(ele) {\n return getRoot(ele) instanceof ShadowRoot;\n}\n\n/**\n * Return shadowRoot if possible\n */\nexport function getShadowRoot(ele) {\n return inShadow(ele) ? getRoot(ele) : null;\n}","import classNames from 'classnames';\nimport * as React from 'react';\nexport default function Arrow(props) {\n var prefixCls = props.prefixCls,\n align = props.align,\n arrow = props.arrow,\n arrowPos = props.arrowPos;\n var _ref = arrow || {},\n className = _ref.className,\n content = _ref.content;\n var _arrowPos$x = arrowPos.x,\n x = _arrowPos$x === void 0 ? 0 : _arrowPos$x,\n _arrowPos$y = arrowPos.y,\n y = _arrowPos$y === void 0 ? 0 : _arrowPos$y;\n var arrowRef = React.useRef();\n\n // Skip if no align\n if (!align || !align.points) {\n return null;\n }\n var alignStyle = {\n position: 'absolute'\n };\n\n // Skip if no need to align\n if (align.autoArrow !== false) {\n var popupPoints = align.points[0];\n var targetPoints = align.points[1];\n var popupTB = popupPoints[0];\n var popupLR = popupPoints[1];\n var targetTB = targetPoints[0];\n var targetLR = targetPoints[1];\n\n // Top & Bottom\n if (popupTB === targetTB || !['t', 'b'].includes(popupTB)) {\n alignStyle.top = y;\n } else if (popupTB === 't') {\n alignStyle.top = 0;\n } else {\n alignStyle.bottom = 0;\n }\n\n // Left & Right\n if (popupLR === targetLR || !['l', 'r'].includes(popupLR)) {\n alignStyle.left = x;\n } else if (popupLR === 'l') {\n alignStyle.left = 0;\n } else {\n alignStyle.right = 0;\n }\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: arrowRef,\n className: classNames(\"\".concat(prefixCls, \"-arrow\"), className),\n style: alignStyle\n }, content);\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport * as React from 'react';\nexport default function Mask(props) {\n var prefixCls = props.prefixCls,\n open = props.open,\n zIndex = props.zIndex,\n mask = props.mask,\n motion = props.motion;\n if (!mask) {\n return null;\n }\n return /*#__PURE__*/React.createElement(CSSMotion, _extends({}, motion, {\n motionAppear: true,\n visible: open,\n removeOnLeave: true\n }), function (_ref) {\n var className = _ref.className;\n return /*#__PURE__*/React.createElement(\"div\", {\n style: {\n zIndex: zIndex\n },\n className: classNames(\"\".concat(prefixCls, \"-mask\"), className)\n });\n });\n}","import * as React from 'react';\nvar PopupContent = /*#__PURE__*/React.memo(function (_ref) {\n var children = _ref.children;\n return children;\n}, function (_, next) {\n return next.cache;\n});\nif (process.env.NODE_ENV !== 'production') {\n PopupContent.displayName = 'PopupContent';\n}\nexport default PopupContent;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport ResizeObserver from 'rc-resize-observer';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport Arrow from \"./Arrow\";\nimport Mask from \"./Mask\";\nimport PopupContent from \"./PopupContent\";\nvar Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var popup = props.popup,\n className = props.className,\n prefixCls = props.prefixCls,\n style = props.style,\n target = props.target,\n _onVisibleChanged = props.onVisibleChanged,\n open = props.open,\n keepDom = props.keepDom,\n fresh = props.fresh,\n onClick = props.onClick,\n mask = props.mask,\n arrow = props.arrow,\n arrowPos = props.arrowPos,\n align = props.align,\n motion = props.motion,\n maskMotion = props.maskMotion,\n forceRender = props.forceRender,\n getPopupContainer = props.getPopupContainer,\n autoDestroy = props.autoDestroy,\n Portal = props.portal,\n zIndex = props.zIndex,\n onMouseEnter = props.onMouseEnter,\n onMouseLeave = props.onMouseLeave,\n onPointerEnter = props.onPointerEnter,\n ready = props.ready,\n offsetX = props.offsetX,\n offsetY = props.offsetY,\n offsetR = props.offsetR,\n offsetB = props.offsetB,\n onAlign = props.onAlign,\n onPrepare = props.onPrepare,\n stretch = props.stretch,\n targetWidth = props.targetWidth,\n targetHeight = props.targetHeight;\n var childNode = typeof popup === 'function' ? popup() : popup;\n\n // We can not remove holder only when motion finished.\n var isNodeVisible = open || keepDom;\n\n // ======================= Container ========================\n var getPopupContainerNeedParams = (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.length) > 0;\n var _React$useState = React.useState(!getPopupContainer || !getPopupContainerNeedParams),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n show = _React$useState2[0],\n setShow = _React$useState2[1];\n\n // Delay to show since `getPopupContainer` need target element\n useLayoutEffect(function () {\n if (!show && getPopupContainerNeedParams && target) {\n setShow(true);\n }\n }, [show, getPopupContainerNeedParams, target]);\n\n // ========================= Render =========================\n if (!show) {\n return null;\n }\n\n // >>>>> Offset\n var AUTO = 'auto';\n var offsetStyle = {\n left: '-1000vw',\n top: '-1000vh',\n right: AUTO,\n bottom: AUTO\n };\n\n // Set align style\n if (ready || !open) {\n var _experimental;\n var points = align.points;\n var dynamicInset = align.dynamicInset || ((_experimental = align._experimental) === null || _experimental === void 0 ? void 0 : _experimental.dynamicInset);\n var alignRight = dynamicInset && points[0][1] === 'r';\n var alignBottom = dynamicInset && points[0][0] === 'b';\n if (alignRight) {\n offsetStyle.right = offsetR;\n offsetStyle.left = AUTO;\n } else {\n offsetStyle.left = offsetX;\n offsetStyle.right = AUTO;\n }\n if (alignBottom) {\n offsetStyle.bottom = offsetB;\n offsetStyle.top = AUTO;\n } else {\n offsetStyle.top = offsetY;\n offsetStyle.bottom = AUTO;\n }\n }\n\n // >>>>> Misc\n var miscStyle = {};\n if (stretch) {\n if (stretch.includes('height') && targetHeight) {\n miscStyle.height = targetHeight;\n } else if (stretch.includes('minHeight') && targetHeight) {\n miscStyle.minHeight = targetHeight;\n }\n if (stretch.includes('width') && targetWidth) {\n miscStyle.width = targetWidth;\n } else if (stretch.includes('minWidth') && targetWidth) {\n miscStyle.minWidth = targetWidth;\n }\n }\n if (!open) {\n miscStyle.pointerEvents = 'none';\n }\n return /*#__PURE__*/React.createElement(Portal, {\n open: forceRender || isNodeVisible,\n getContainer: getPopupContainer && function () {\n return getPopupContainer(target);\n },\n autoDestroy: autoDestroy\n }, /*#__PURE__*/React.createElement(Mask, {\n prefixCls: prefixCls,\n open: open,\n zIndex: zIndex,\n mask: mask,\n motion: maskMotion\n }), /*#__PURE__*/React.createElement(ResizeObserver, {\n onResize: onAlign,\n disabled: !open\n }, function (resizeObserverRef) {\n return /*#__PURE__*/React.createElement(CSSMotion, _extends({\n motionAppear: true,\n motionEnter: true,\n motionLeave: true,\n removeOnLeave: false,\n forceRender: forceRender,\n leavedClassName: \"\".concat(prefixCls, \"-hidden\")\n }, motion, {\n onAppearPrepare: onPrepare,\n onEnterPrepare: onPrepare,\n visible: open,\n onVisibleChanged: function onVisibleChanged(nextVisible) {\n var _motion$onVisibleChan;\n motion === null || motion === void 0 || (_motion$onVisibleChan = motion.onVisibleChanged) === null || _motion$onVisibleChan === void 0 || _motion$onVisibleChan.call(motion, nextVisible);\n _onVisibleChanged(nextVisible);\n }\n }), function (_ref, motionRef) {\n var motionClassName = _ref.className,\n motionStyle = _ref.style;\n var cls = classNames(prefixCls, motionClassName, className);\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: composeRef(resizeObserverRef, ref, motionRef),\n className: cls,\n style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({\n '--arrow-x': \"\".concat(arrowPos.x || 0, \"px\"),\n '--arrow-y': \"\".concat(arrowPos.y || 0, \"px\")\n }, offsetStyle), miscStyle), motionStyle), {}, {\n boxSizing: 'border-box',\n zIndex: zIndex\n }, style),\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n onPointerEnter: onPointerEnter,\n onClick: onClick\n }, arrow && /*#__PURE__*/React.createElement(Arrow, {\n prefixCls: prefixCls,\n arrow: arrow,\n arrowPos: arrowPos,\n align: align\n }), /*#__PURE__*/React.createElement(PopupContent, {\n cache: !open && !fresh\n }, childNode));\n });\n }));\n});\nif (process.env.NODE_ENV !== 'production') {\n Popup.displayName = 'Popup';\n}\nexport default Popup;","import { fillRef, supportRef, useComposeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nvar TriggerWrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var children = props.children,\n getTriggerDOMNode = props.getTriggerDOMNode;\n var canUseRef = supportRef(children);\n\n // When use `getTriggerDOMNode`, we should do additional work to get the real dom\n var setRef = React.useCallback(function (node) {\n fillRef(ref, getTriggerDOMNode ? getTriggerDOMNode(node) : node);\n }, [getTriggerDOMNode]);\n var mergedRef = useComposeRef(setRef, children.ref);\n return canUseRef ? /*#__PURE__*/React.cloneElement(children, {\n ref: mergedRef\n }) : children;\n});\nif (process.env.NODE_ENV !== 'production') {\n TriggerWrapper.displayName = 'TriggerWrapper';\n}\nexport default TriggerWrapper;","import * as React from 'react';\nvar TriggerContext = /*#__PURE__*/React.createContext(null);\nexport default TriggerContext;","import * as React from 'react';\nfunction toArray(val) {\n return val ? Array.isArray(val) ? val : [val] : [];\n}\nexport default function useAction(mobile, action, showAction, hideAction) {\n return React.useMemo(function () {\n var mergedShowAction = toArray(showAction !== null && showAction !== void 0 ? showAction : action);\n var mergedHideAction = toArray(hideAction !== null && hideAction !== void 0 ? hideAction : action);\n var showActionSet = new Set(mergedShowAction);\n var hideActionSet = new Set(mergedHideAction);\n if (mobile) {\n if (showActionSet.has('hover')) {\n showActionSet.delete('hover');\n showActionSet.add('click');\n }\n if (hideActionSet.has('hover')) {\n hideActionSet.delete('hover');\n hideActionSet.add('click');\n }\n }\n return [showActionSet, hideActionSet];\n }, [mobile, action, showAction, hideAction]);\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nfunction isPointsEq() {\n var a1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var a2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n var isAlignPoint = arguments.length > 2 ? arguments[2] : undefined;\n if (isAlignPoint) {\n return a1[0] === a2[0];\n }\n return a1[0] === a2[0] && a1[1] === a2[1];\n}\nexport function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {\n var points = align.points;\n var placements = Object.keys(builtinPlacements);\n for (var i = 0; i < placements.length; i += 1) {\n var _builtinPlacements$pl;\n var placement = placements[i];\n if (isPointsEq((_builtinPlacements$pl = builtinPlacements[placement]) === null || _builtinPlacements$pl === void 0 ? void 0 : _builtinPlacements$pl.points, points, isAlignPoint)) {\n return \"\".concat(prefixCls, \"-placement-\").concat(placement);\n }\n }\n return '';\n}\n\n/** @deprecated We should not use this if we can refactor all deps */\nexport function getMotion(prefixCls, motion, animation, transitionName) {\n if (motion) {\n return motion;\n }\n if (animation) {\n return {\n motionName: \"\".concat(prefixCls, \"-\").concat(animation)\n };\n }\n if (transitionName) {\n return {\n motionName: transitionName\n };\n }\n return null;\n}\nexport function getWin(ele) {\n return ele.ownerDocument.defaultView;\n}\n\n/**\n * Get all the scrollable parent elements of the element\n * @param ele The element to be detected\n * @param areaOnly Only return the parent which will cut visible area\n */\nexport function collectScroller(ele) {\n var scrollerList = [];\n var current = ele === null || ele === void 0 ? void 0 : ele.parentElement;\n var scrollStyle = ['hidden', 'scroll', 'clip', 'auto'];\n while (current) {\n var _getWin$getComputedSt = getWin(current).getComputedStyle(current),\n overflowX = _getWin$getComputedSt.overflowX,\n overflowY = _getWin$getComputedSt.overflowY,\n overflow = _getWin$getComputedSt.overflow;\n if ([overflowX, overflowY, overflow].some(function (o) {\n return scrollStyle.includes(o);\n })) {\n scrollerList.push(current);\n }\n current = current.parentElement;\n }\n return scrollerList;\n}\nexport function toNum(num) {\n var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return Number.isNaN(num) ? defaultValue : num;\n}\nfunction getPxValue(val) {\n return toNum(parseFloat(val), 0);\n}\n/**\n *\n *\n * **************************************\n * * Border *\n * * ************************** *\n * * * * * *\n * * B * * S * B *\n * * o * * c * o *\n * * r * Content * r * r *\n * * d * * o * d *\n * * e * * l * e *\n * * r ******************** l * r *\n * * * Scroll * *\n * * ************************** *\n * * Border *\n * **************************************\n *\n */\n/**\n * Get visible area of element\n */\nexport function getVisibleArea(initArea, scrollerList) {\n var visibleArea = _objectSpread({}, initArea);\n (scrollerList || []).forEach(function (ele) {\n if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) {\n return;\n }\n\n // Skip if static position which will not affect visible area\n var _getWin$getComputedSt2 = getWin(ele).getComputedStyle(ele),\n overflow = _getWin$getComputedSt2.overflow,\n overflowClipMargin = _getWin$getComputedSt2.overflowClipMargin,\n borderTopWidth = _getWin$getComputedSt2.borderTopWidth,\n borderBottomWidth = _getWin$getComputedSt2.borderBottomWidth,\n borderLeftWidth = _getWin$getComputedSt2.borderLeftWidth,\n borderRightWidth = _getWin$getComputedSt2.borderRightWidth;\n var eleRect = ele.getBoundingClientRect();\n var eleOutHeight = ele.offsetHeight,\n eleInnerHeight = ele.clientHeight,\n eleOutWidth = ele.offsetWidth,\n eleInnerWidth = ele.clientWidth;\n var borderTopNum = getPxValue(borderTopWidth);\n var borderBottomNum = getPxValue(borderBottomWidth);\n var borderLeftNum = getPxValue(borderLeftWidth);\n var borderRightNum = getPxValue(borderRightWidth);\n var scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1000) / 1000);\n var scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1000) / 1000);\n\n // Original visible area\n var eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;\n var eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;\n\n // Cut border size\n var scaledBorderTopWidth = borderTopNum * scaleY;\n var scaledBorderBottomWidth = borderBottomNum * scaleY;\n var scaledBorderLeftWidth = borderLeftNum * scaleX;\n var scaledBorderRightWidth = borderRightNum * scaleX;\n\n // Clip margin\n var clipMarginWidth = 0;\n var clipMarginHeight = 0;\n if (overflow === 'clip') {\n var clipNum = getPxValue(overflowClipMargin);\n clipMarginWidth = clipNum * scaleX;\n clipMarginHeight = clipNum * scaleY;\n }\n\n // Region\n var eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;\n var eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;\n var eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;\n var eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;\n visibleArea.left = Math.max(visibleArea.left, eleLeft);\n visibleArea.top = Math.max(visibleArea.top, eleTop);\n visibleArea.right = Math.min(visibleArea.right, eleRight);\n visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);\n });\n return visibleArea;\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { isDOM } from \"rc-util/es/Dom/findDOMNode\";\nimport isVisible from \"rc-util/es/Dom/isVisible\";\nimport useEvent from \"rc-util/es/hooks/useEvent\";\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport * as React from 'react';\nimport { collectScroller, getVisibleArea, getWin, toNum } from \"../util\";\nfunction getUnitOffset(size) {\n var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var offsetStr = \"\".concat(offset);\n var cells = offsetStr.match(/^(.*)\\%$/);\n if (cells) {\n return size * (parseFloat(cells[1]) / 100);\n }\n return parseFloat(offsetStr);\n}\nfunction getNumberOffset(rect, offset) {\n var _ref = offset || [],\n _ref2 = _slicedToArray(_ref, 2),\n offsetX = _ref2[0],\n offsetY = _ref2[1];\n return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];\n}\nfunction splitPoints() {\n var points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n return [points[0], points[1]];\n}\nfunction getAlignPoint(rect, points) {\n var topBottom = points[0];\n var leftRight = points[1];\n var x;\n var y;\n\n // Top & Bottom\n if (topBottom === 't') {\n y = rect.y;\n } else if (topBottom === 'b') {\n y = rect.y + rect.height;\n } else {\n y = rect.y + rect.height / 2;\n }\n\n // Left & Right\n if (leftRight === 'l') {\n x = rect.x;\n } else if (leftRight === 'r') {\n x = rect.x + rect.width;\n } else {\n x = rect.x + rect.width / 2;\n }\n return {\n x: x,\n y: y\n };\n}\nfunction reversePoints(points, index) {\n var reverseMap = {\n t: 'b',\n b: 't',\n l: 'r',\n r: 'l'\n };\n return points.map(function (point, i) {\n if (i === index) {\n return reverseMap[point] || 'c';\n }\n return point;\n }).join('');\n}\nexport default function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign, onPopupAlign) {\n var _React$useState = React.useState({\n ready: false,\n offsetX: 0,\n offsetY: 0,\n offsetR: 0,\n offsetB: 0,\n arrowX: 0,\n arrowY: 0,\n scaleX: 1,\n scaleY: 1,\n align: builtinPlacements[placement] || {}\n }),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n offsetInfo = _React$useState2[0],\n setOffsetInfo = _React$useState2[1];\n var alignCountRef = React.useRef(0);\n var scrollerList = React.useMemo(function () {\n if (!popupEle) {\n return [];\n }\n return collectScroller(popupEle);\n }, [popupEle]);\n\n // ========================= Flip ==========================\n // We will memo flip info.\n // If size change to make flip, it will memo the flip info and use it in next align.\n var prevFlipRef = React.useRef({});\n var resetFlipCache = function resetFlipCache() {\n prevFlipRef.current = {};\n };\n if (!open) {\n resetFlipCache();\n }\n\n // ========================= Align =========================\n var onAlign = useEvent(function () {\n if (popupEle && target && open) {\n var _popupElement$parentE, _popupElement$parentE2;\n var popupElement = popupEle;\n var doc = popupElement.ownerDocument;\n var win = getWin(popupElement);\n var _win$getComputedStyle = win.getComputedStyle(popupElement),\n width = _win$getComputedStyle.width,\n height = _win$getComputedStyle.height,\n popupPosition = _win$getComputedStyle.position;\n var originLeft = popupElement.style.left;\n var originTop = popupElement.style.top;\n var originRight = popupElement.style.right;\n var originBottom = popupElement.style.bottom;\n var originOverflow = popupElement.style.overflow;\n\n // Placement\n var placementInfo = _objectSpread(_objectSpread({}, builtinPlacements[placement]), popupAlign);\n\n // placeholder element\n var placeholderElement = doc.createElement('div');\n (_popupElement$parentE = popupElement.parentElement) === null || _popupElement$parentE === void 0 || _popupElement$parentE.appendChild(placeholderElement);\n placeholderElement.style.left = \"\".concat(popupElement.offsetLeft, \"px\");\n placeholderElement.style.top = \"\".concat(popupElement.offsetTop, \"px\");\n placeholderElement.style.position = popupPosition;\n placeholderElement.style.height = \"\".concat(popupElement.offsetHeight, \"px\");\n placeholderElement.style.width = \"\".concat(popupElement.offsetWidth, \"px\");\n\n // Reset first\n popupElement.style.left = '0';\n popupElement.style.top = '0';\n popupElement.style.right = 'auto';\n popupElement.style.bottom = 'auto';\n popupElement.style.overflow = 'hidden';\n\n // Calculate align style, we should consider `transform` case\n var targetRect;\n if (Array.isArray(target)) {\n targetRect = {\n x: target[0],\n y: target[1],\n width: 0,\n height: 0\n };\n } else {\n var rect = target.getBoundingClientRect();\n targetRect = {\n x: rect.x,\n y: rect.y,\n width: rect.width,\n height: rect.height\n };\n }\n var popupRect = popupElement.getBoundingClientRect();\n var _doc$documentElement = doc.documentElement,\n clientWidth = _doc$documentElement.clientWidth,\n clientHeight = _doc$documentElement.clientHeight,\n scrollWidth = _doc$documentElement.scrollWidth,\n scrollHeight = _doc$documentElement.scrollHeight,\n scrollTop = _doc$documentElement.scrollTop,\n scrollLeft = _doc$documentElement.scrollLeft;\n var popupHeight = popupRect.height;\n var popupWidth = popupRect.width;\n var targetHeight = targetRect.height;\n var targetWidth = targetRect.width;\n\n // Get bounding of visible area\n var visibleRegion = {\n left: 0,\n top: 0,\n right: clientWidth,\n bottom: clientHeight\n };\n var scrollRegion = {\n left: -scrollLeft,\n top: -scrollTop,\n right: scrollWidth - scrollLeft,\n bottom: scrollHeight - scrollTop\n };\n var htmlRegion = placementInfo.htmlRegion;\n var VISIBLE = 'visible';\n var VISIBLE_FIRST = 'visibleFirst';\n if (htmlRegion !== 'scroll' && htmlRegion !== VISIBLE_FIRST) {\n htmlRegion = VISIBLE;\n }\n var isVisibleFirst = htmlRegion === VISIBLE_FIRST;\n var scrollRegionArea = getVisibleArea(scrollRegion, scrollerList);\n var visibleRegionArea = getVisibleArea(visibleRegion, scrollerList);\n var visibleArea = htmlRegion === VISIBLE ? visibleRegionArea : scrollRegionArea;\n\n // When set to `visibleFirst`,\n // the check `adjust` logic will use `visibleRegion` for check first.\n var adjustCheckVisibleArea = isVisibleFirst ? visibleRegionArea : visibleArea;\n\n // Record right & bottom align data\n popupElement.style.left = 'auto';\n popupElement.style.top = 'auto';\n popupElement.style.right = '0';\n popupElement.style.bottom = '0';\n var popupMirrorRect = popupElement.getBoundingClientRect();\n\n // Reset back\n popupElement.style.left = originLeft;\n popupElement.style.top = originTop;\n popupElement.style.right = originRight;\n popupElement.style.bottom = originBottom;\n popupElement.style.overflow = originOverflow;\n (_popupElement$parentE2 = popupElement.parentElement) === null || _popupElement$parentE2 === void 0 || _popupElement$parentE2.removeChild(placeholderElement);\n\n // Calculate scale\n var _scaleX = toNum(Math.round(popupWidth / parseFloat(width) * 1000) / 1000);\n var _scaleY = toNum(Math.round(popupHeight / parseFloat(height) * 1000) / 1000);\n\n // No need to align since it's not visible in view\n if (_scaleX === 0 || _scaleY === 0 || isDOM(target) && !isVisible(target)) {\n return;\n }\n\n // Offset\n var offset = placementInfo.offset,\n targetOffset = placementInfo.targetOffset;\n var _getNumberOffset = getNumberOffset(popupRect, offset),\n _getNumberOffset2 = _slicedToArray(_getNumberOffset, 2),\n popupOffsetX = _getNumberOffset2[0],\n popupOffsetY = _getNumberOffset2[1];\n var _getNumberOffset3 = getNumberOffset(targetRect, targetOffset),\n _getNumberOffset4 = _slicedToArray(_getNumberOffset3, 2),\n targetOffsetX = _getNumberOffset4[0],\n targetOffsetY = _getNumberOffset4[1];\n targetRect.x -= targetOffsetX;\n targetRect.y -= targetOffsetY;\n\n // Points\n var _ref3 = placementInfo.points || [],\n _ref4 = _slicedToArray(_ref3, 2),\n popupPoint = _ref4[0],\n targetPoint = _ref4[1];\n var targetPoints = splitPoints(targetPoint);\n var popupPoints = splitPoints(popupPoint);\n var targetAlignPoint = getAlignPoint(targetRect, targetPoints);\n var popupAlignPoint = getAlignPoint(popupRect, popupPoints);\n\n // Real align info may not same as origin one\n var nextAlignInfo = _objectSpread({}, placementInfo);\n\n // Next Offset\n var nextOffsetX = targetAlignPoint.x - popupAlignPoint.x + popupOffsetX;\n var nextOffsetY = targetAlignPoint.y - popupAlignPoint.y + popupOffsetY;\n\n // ============== Intersection ===============\n // Get area by position. Used for check if flip area is better\n function getIntersectionVisibleArea(offsetX, offsetY) {\n var area = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : visibleArea;\n var l = popupRect.x + offsetX;\n var t = popupRect.y + offsetY;\n var r = l + popupWidth;\n var b = t + popupHeight;\n var visibleL = Math.max(l, area.left);\n var visibleT = Math.max(t, area.top);\n var visibleR = Math.min(r, area.right);\n var visibleB = Math.min(b, area.bottom);\n return Math.max(0, (visibleR - visibleL) * (visibleB - visibleT));\n }\n var originIntersectionVisibleArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY);\n\n // As `visibleFirst`, we prepare this for check\n var originIntersectionRecommendArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY, visibleRegionArea);\n\n // ========================== Overflow ===========================\n var targetAlignPointTL = getAlignPoint(targetRect, ['t', 'l']);\n var popupAlignPointTL = getAlignPoint(popupRect, ['t', 'l']);\n var targetAlignPointBR = getAlignPoint(targetRect, ['b', 'r']);\n var popupAlignPointBR = getAlignPoint(popupRect, ['b', 'r']);\n var overflow = placementInfo.overflow || {};\n var adjustX = overflow.adjustX,\n adjustY = overflow.adjustY,\n shiftX = overflow.shiftX,\n shiftY = overflow.shiftY;\n var supportAdjust = function supportAdjust(val) {\n if (typeof val === 'boolean') {\n return val;\n }\n return val >= 0;\n };\n\n // Prepare position\n var nextPopupY;\n var nextPopupBottom;\n var nextPopupX;\n var nextPopupRight;\n function syncNextPopupPosition() {\n nextPopupY = popupRect.y + nextOffsetY;\n nextPopupBottom = nextPopupY + popupHeight;\n nextPopupX = popupRect.x + nextOffsetX;\n nextPopupRight = nextPopupX + popupWidth;\n }\n syncNextPopupPosition();\n\n // >>>>>>>>>> Top & Bottom\n var needAdjustY = supportAdjust(adjustY);\n var sameTB = popupPoints[0] === targetPoints[0];\n\n // Bottom to Top\n if (needAdjustY && popupPoints[0] === 't' && (nextPopupBottom > adjustCheckVisibleArea.bottom || prevFlipRef.current.bt)) {\n var tmpNextOffsetY = nextOffsetY;\n if (sameTB) {\n tmpNextOffsetY -= popupHeight - targetHeight;\n } else {\n tmpNextOffsetY = targetAlignPointTL.y - popupAlignPointBR.y - popupOffsetY;\n }\n var newVisibleArea = getIntersectionVisibleArea(nextOffsetX, tmpNextOffsetY);\n var newVisibleRecommendArea = getIntersectionVisibleArea(nextOffsetX, tmpNextOffsetY, visibleRegionArea);\n if (\n // Of course use larger one\n newVisibleArea > originIntersectionVisibleArea || newVisibleArea === originIntersectionVisibleArea && (!isVisibleFirst ||\n // Choose recommend one\n newVisibleRecommendArea >= originIntersectionRecommendArea)) {\n prevFlipRef.current.bt = true;\n nextOffsetY = tmpNextOffsetY;\n popupOffsetY = -popupOffsetY;\n nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];\n } else {\n prevFlipRef.current.bt = false;\n }\n }\n\n // Top to Bottom\n if (needAdjustY && popupPoints[0] === 'b' && (nextPopupY < adjustCheckVisibleArea.top || prevFlipRef.current.tb)) {\n var _tmpNextOffsetY = nextOffsetY;\n if (sameTB) {\n _tmpNextOffsetY += popupHeight - targetHeight;\n } else {\n _tmpNextOffsetY = targetAlignPointBR.y - popupAlignPointTL.y - popupOffsetY;\n }\n var _newVisibleArea = getIntersectionVisibleArea(nextOffsetX, _tmpNextOffsetY);\n var _newVisibleRecommendArea = getIntersectionVisibleArea(nextOffsetX, _tmpNextOffsetY, visibleRegionArea);\n if (\n // Of course use larger one\n _newVisibleArea > originIntersectionVisibleArea || _newVisibleArea === originIntersectionVisibleArea && (!isVisibleFirst ||\n // Choose recommend one\n _newVisibleRecommendArea >= originIntersectionRecommendArea)) {\n prevFlipRef.current.tb = true;\n nextOffsetY = _tmpNextOffsetY;\n popupOffsetY = -popupOffsetY;\n nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];\n } else {\n prevFlipRef.current.tb = false;\n }\n }\n\n // >>>>>>>>>> Left & Right\n var needAdjustX = supportAdjust(adjustX);\n\n // >>>>> Flip\n var sameLR = popupPoints[1] === targetPoints[1];\n\n // Right to Left\n if (needAdjustX && popupPoints[1] === 'l' && (nextPopupRight > adjustCheckVisibleArea.right || prevFlipRef.current.rl)) {\n var tmpNextOffsetX = nextOffsetX;\n if (sameLR) {\n tmpNextOffsetX -= popupWidth - targetWidth;\n } else {\n tmpNextOffsetX = targetAlignPointTL.x - popupAlignPointBR.x - popupOffsetX;\n }\n var _newVisibleArea2 = getIntersectionVisibleArea(tmpNextOffsetX, nextOffsetY);\n var _newVisibleRecommendArea2 = getIntersectionVisibleArea(tmpNextOffsetX, nextOffsetY, visibleRegionArea);\n if (\n // Of course use larger one\n _newVisibleArea2 > originIntersectionVisibleArea || _newVisibleArea2 === originIntersectionVisibleArea && (!isVisibleFirst ||\n // Choose recommend one\n _newVisibleRecommendArea2 >= originIntersectionRecommendArea)) {\n prevFlipRef.current.rl = true;\n nextOffsetX = tmpNextOffsetX;\n popupOffsetX = -popupOffsetX;\n nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];\n } else {\n prevFlipRef.current.rl = false;\n }\n }\n\n // Left to Right\n if (needAdjustX && popupPoints[1] === 'r' && (nextPopupX < adjustCheckVisibleArea.left || prevFlipRef.current.lr)) {\n var _tmpNextOffsetX = nextOffsetX;\n if (sameLR) {\n _tmpNextOffsetX += popupWidth - targetWidth;\n } else {\n _tmpNextOffsetX = targetAlignPointBR.x - popupAlignPointTL.x - popupOffsetX;\n }\n var _newVisibleArea3 = getIntersectionVisibleArea(_tmpNextOffsetX, nextOffsetY);\n var _newVisibleRecommendArea3 = getIntersectionVisibleArea(_tmpNextOffsetX, nextOffsetY, visibleRegionArea);\n if (\n // Of course use larger one\n _newVisibleArea3 > originIntersectionVisibleArea || _newVisibleArea3 === originIntersectionVisibleArea && (!isVisibleFirst ||\n // Choose recommend one\n _newVisibleRecommendArea3 >= originIntersectionRecommendArea)) {\n prevFlipRef.current.lr = true;\n nextOffsetX = _tmpNextOffsetX;\n popupOffsetX = -popupOffsetX;\n nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];\n } else {\n prevFlipRef.current.lr = false;\n }\n }\n\n // ============================ Shift ============================\n syncNextPopupPosition();\n var numShiftX = shiftX === true ? 0 : shiftX;\n if (typeof numShiftX === 'number') {\n // Left\n if (nextPopupX < visibleRegionArea.left) {\n nextOffsetX -= nextPopupX - visibleRegionArea.left - popupOffsetX;\n if (targetRect.x + targetWidth < visibleRegionArea.left + numShiftX) {\n nextOffsetX += targetRect.x - visibleRegionArea.left + targetWidth - numShiftX;\n }\n }\n\n // Right\n if (nextPopupRight > visibleRegionArea.right) {\n nextOffsetX -= nextPopupRight - visibleRegionArea.right - popupOffsetX;\n if (targetRect.x > visibleRegionArea.right - numShiftX) {\n nextOffsetX += targetRect.x - visibleRegionArea.right + numShiftX;\n }\n }\n }\n var numShiftY = shiftY === true ? 0 : shiftY;\n if (typeof numShiftY === 'number') {\n // Top\n if (nextPopupY < visibleRegionArea.top) {\n nextOffsetY -= nextPopupY - visibleRegionArea.top - popupOffsetY;\n\n // When target if far away from visible area\n // Stop shift\n if (targetRect.y + targetHeight < visibleRegionArea.top + numShiftY) {\n nextOffsetY += targetRect.y - visibleRegionArea.top + targetHeight - numShiftY;\n }\n }\n\n // Bottom\n if (nextPopupBottom > visibleRegionArea.bottom) {\n nextOffsetY -= nextPopupBottom - visibleRegionArea.bottom - popupOffsetY;\n if (targetRect.y > visibleRegionArea.bottom - numShiftY) {\n nextOffsetY += targetRect.y - visibleRegionArea.bottom + numShiftY;\n }\n }\n }\n\n // ============================ Arrow ============================\n // Arrow center align\n var popupLeft = popupRect.x + nextOffsetX;\n var popupRight = popupLeft + popupWidth;\n var popupTop = popupRect.y + nextOffsetY;\n var popupBottom = popupTop + popupHeight;\n var targetLeft = targetRect.x;\n var targetRight = targetLeft + targetWidth;\n var targetTop = targetRect.y;\n var targetBottom = targetTop + targetHeight;\n var maxLeft = Math.max(popupLeft, targetLeft);\n var minRight = Math.min(popupRight, targetRight);\n var xCenter = (maxLeft + minRight) / 2;\n var nextArrowX = xCenter - popupLeft;\n var maxTop = Math.max(popupTop, targetTop);\n var minBottom = Math.min(popupBottom, targetBottom);\n var yCenter = (maxTop + minBottom) / 2;\n var nextArrowY = yCenter - popupTop;\n onPopupAlign === null || onPopupAlign === void 0 || onPopupAlign(popupEle, nextAlignInfo);\n\n // Additional calculate right & bottom position\n var offsetX4Right = popupMirrorRect.right - popupRect.x - (nextOffsetX + popupRect.width);\n var offsetY4Bottom = popupMirrorRect.bottom - popupRect.y - (nextOffsetY + popupRect.height);\n if (_scaleX === 1) {\n nextOffsetX = Math.round(nextOffsetX);\n offsetX4Right = Math.round(offsetX4Right);\n }\n if (_scaleY === 1) {\n nextOffsetY = Math.round(nextOffsetY);\n offsetY4Bottom = Math.round(offsetY4Bottom);\n }\n var nextOffsetInfo = {\n ready: true,\n offsetX: nextOffsetX / _scaleX,\n offsetY: nextOffsetY / _scaleY,\n offsetR: offsetX4Right / _scaleX,\n offsetB: offsetY4Bottom / _scaleY,\n arrowX: nextArrowX / _scaleX,\n arrowY: nextArrowY / _scaleY,\n scaleX: _scaleX,\n scaleY: _scaleY,\n align: nextAlignInfo\n };\n setOffsetInfo(nextOffsetInfo);\n }\n });\n var triggerAlign = function triggerAlign() {\n alignCountRef.current += 1;\n var id = alignCountRef.current;\n\n // Merge all align requirement into one frame\n Promise.resolve().then(function () {\n if (alignCountRef.current === id) {\n onAlign();\n }\n });\n };\n\n // Reset ready status when placement & open changed\n var resetReady = function resetReady() {\n setOffsetInfo(function (ori) {\n return _objectSpread(_objectSpread({}, ori), {}, {\n ready: false\n });\n });\n };\n useLayoutEffect(resetReady, [placement]);\n useLayoutEffect(function () {\n if (!open) {\n resetReady();\n }\n }, [open]);\n return [offsetInfo.ready, offsetInfo.offsetX, offsetInfo.offsetY, offsetInfo.offsetR, offsetInfo.offsetB, offsetInfo.arrowX, offsetInfo.arrowY, offsetInfo.scaleX, offsetInfo.scaleY, offsetInfo.align, triggerAlign];\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport { collectScroller, getWin } from \"../util\";\nexport default function useWatch(open, target, popup, onAlign, onScroll) {\n useLayoutEffect(function () {\n if (open && target && popup) {\n var targetElement = target;\n var popupElement = popup;\n var targetScrollList = collectScroller(targetElement);\n var popupScrollList = collectScroller(popupElement);\n var win = getWin(popupElement);\n var mergedList = new Set([win].concat(_toConsumableArray(targetScrollList), _toConsumableArray(popupScrollList)));\n function notifyScroll() {\n onAlign();\n onScroll();\n }\n mergedList.forEach(function (scroller) {\n scroller.addEventListener('scroll', notifyScroll, {\n passive: true\n });\n });\n win.addEventListener('resize', notifyScroll, {\n passive: true\n });\n\n // First time always do align\n onAlign();\n return function () {\n mergedList.forEach(function (scroller) {\n scroller.removeEventListener('scroll', notifyScroll);\n win.removeEventListener('resize', notifyScroll);\n });\n };\n }\n }, [open, target, popup]);\n}","import { getShadowRoot } from \"rc-util/es/Dom/shadow\";\nimport { warning } from \"rc-util/es/warning\";\nimport * as React from 'react';\nimport { getWin } from \"../util\";\nexport default function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen) {\n var openRef = React.useRef(open);\n openRef.current = open;\n\n // Click to hide is special action since click popup element should not hide\n React.useEffect(function () {\n if (clickToHide && popupEle && (!mask || maskClosable)) {\n var onTriggerClose = function onTriggerClose(_ref) {\n var target = _ref.target;\n if (openRef.current && !inPopupOrChild(target)) {\n triggerOpen(false);\n }\n };\n var win = getWin(popupEle);\n win.addEventListener('mousedown', onTriggerClose, true);\n win.addEventListener('contextmenu', onTriggerClose, true);\n\n // shadow root\n var targetShadowRoot = getShadowRoot(targetEle);\n if (targetShadowRoot) {\n targetShadowRoot.addEventListener('mousedown', onTriggerClose, true);\n targetShadowRoot.addEventListener('contextmenu', onTriggerClose, true);\n }\n\n // Warning if target and popup not in same root\n if (process.env.NODE_ENV !== 'production') {\n var _targetEle$getRootNod, _popupEle$getRootNode;\n var targetRoot = targetEle === null || targetEle === void 0 || (_targetEle$getRootNod = targetEle.getRootNode) === null || _targetEle$getRootNod === void 0 ? void 0 : _targetEle$getRootNod.call(targetEle);\n var popupRoot = (_popupEle$getRootNode = popupEle.getRootNode) === null || _popupEle$getRootNode === void 0 ? void 0 : _popupEle$getRootNode.call(popupEle);\n warning(targetRoot === popupRoot, \"trigger element and popup element should in same shadow root.\");\n }\n return function () {\n win.removeEventListener('mousedown', onTriggerClose, true);\n win.removeEventListener('contextmenu', onTriggerClose, true);\n if (targetShadowRoot) {\n targetShadowRoot.removeEventListener('mousedown', onTriggerClose, true);\n targetShadowRoot.removeEventListener('contextmenu', onTriggerClose, true);\n }\n };\n }\n }, [clickToHide, targetEle, popupEle, mask, maskClosable]);\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"prefixCls\", \"children\", \"action\", \"showAction\", \"hideAction\", \"popupVisible\", \"defaultPopupVisible\", \"onPopupVisibleChange\", \"afterPopupVisibleChange\", \"mouseEnterDelay\", \"mouseLeaveDelay\", \"focusDelay\", \"blurDelay\", \"mask\", \"maskClosable\", \"getPopupContainer\", \"forceRender\", \"autoDestroy\", \"destroyPopupOnHide\", \"popup\", \"popupClassName\", \"popupStyle\", \"popupPlacement\", \"builtinPlacements\", \"popupAlign\", \"zIndex\", \"stretch\", \"getPopupClassNameFromAlign\", \"fresh\", \"alignPoint\", \"onPopupClick\", \"onPopupAlign\", \"arrow\", \"popupMotion\", \"maskMotion\", \"popupTransitionName\", \"popupAnimation\", \"maskTransitionName\", \"maskAnimation\", \"className\", \"getTriggerDOMNode\"];\nimport Portal from '@rc-component/portal';\nimport classNames from 'classnames';\nimport ResizeObserver from 'rc-resize-observer';\nimport { isDOM } from \"rc-util/es/Dom/findDOMNode\";\nimport { getShadowRoot } from \"rc-util/es/Dom/shadow\";\nimport useEvent from \"rc-util/es/hooks/useEvent\";\nimport useId from \"rc-util/es/hooks/useId\";\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport isMobile from \"rc-util/es/isMobile\";\nimport * as React from 'react';\nimport Popup from \"./Popup\";\nimport TriggerWrapper from \"./TriggerWrapper\";\nimport TriggerContext from \"./context\";\nimport useAction from \"./hooks/useAction\";\nimport useAlign from \"./hooks/useAlign\";\nimport useWatch from \"./hooks/useWatch\";\nimport useWinClick from \"./hooks/useWinClick\";\nimport { getAlignPopupClassName, getMotion } from \"./util\";\n\n// Removed Props List\n// Seems this can be auto\n// getDocument?: (element?: HTMLElement) => Document;\n\n// New version will not wrap popup with `rc-trigger-popup-content` when multiple children\n\nexport function generateTrigger() {\n var PortalComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Portal;\n var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-trigger-popup' : _props$prefixCls,\n children = props.children,\n _props$action = props.action,\n action = _props$action === void 0 ? 'hover' : _props$action,\n showAction = props.showAction,\n hideAction = props.hideAction,\n popupVisible = props.popupVisible,\n defaultPopupVisible = props.defaultPopupVisible,\n onPopupVisibleChange = props.onPopupVisibleChange,\n afterPopupVisibleChange = props.afterPopupVisibleChange,\n mouseEnterDelay = props.mouseEnterDelay,\n _props$mouseLeaveDela = props.mouseLeaveDelay,\n mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,\n focusDelay = props.focusDelay,\n blurDelay = props.blurDelay,\n mask = props.mask,\n _props$maskClosable = props.maskClosable,\n maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,\n getPopupContainer = props.getPopupContainer,\n forceRender = props.forceRender,\n autoDestroy = props.autoDestroy,\n destroyPopupOnHide = props.destroyPopupOnHide,\n popup = props.popup,\n popupClassName = props.popupClassName,\n popupStyle = props.popupStyle,\n popupPlacement = props.popupPlacement,\n _props$builtinPlaceme = props.builtinPlacements,\n builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme,\n popupAlign = props.popupAlign,\n zIndex = props.zIndex,\n stretch = props.stretch,\n getPopupClassNameFromAlign = props.getPopupClassNameFromAlign,\n fresh = props.fresh,\n alignPoint = props.alignPoint,\n onPopupClick = props.onPopupClick,\n onPopupAlign = props.onPopupAlign,\n arrow = props.arrow,\n popupMotion = props.popupMotion,\n maskMotion = props.maskMotion,\n popupTransitionName = props.popupTransitionName,\n popupAnimation = props.popupAnimation,\n maskTransitionName = props.maskTransitionName,\n maskAnimation = props.maskAnimation,\n className = props.className,\n getTriggerDOMNode = props.getTriggerDOMNode,\n restProps = _objectWithoutProperties(props, _excluded);\n var mergedAutoDestroy = autoDestroy || destroyPopupOnHide || false;\n\n // =========================== Mobile ===========================\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n mobile = _React$useState2[0],\n setMobile = _React$useState2[1];\n useLayoutEffect(function () {\n setMobile(isMobile());\n }, []);\n\n // ========================== Context ===========================\n var subPopupElements = React.useRef({});\n var parentContext = React.useContext(TriggerContext);\n var context = React.useMemo(function () {\n return {\n registerSubPopup: function registerSubPopup(id, subPopupEle) {\n subPopupElements.current[id] = subPopupEle;\n parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id, subPopupEle);\n }\n };\n }, [parentContext]);\n\n // =========================== Popup ============================\n var id = useId();\n var _React$useState3 = React.useState(null),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n popupEle = _React$useState4[0],\n setPopupEle = _React$useState4[1];\n\n // Used for forwardRef popup. Not use internal\n var externalPopupRef = React.useRef(null);\n var setPopupRef = useEvent(function (node) {\n externalPopupRef.current = node;\n if (isDOM(node) && popupEle !== node) {\n setPopupEle(node);\n }\n parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id, node);\n });\n\n // =========================== Target ===========================\n // Use state to control here since `useRef` update not trigger render\n var _React$useState5 = React.useState(null),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n targetEle = _React$useState6[0],\n setTargetEle = _React$useState6[1];\n\n // Used for forwardRef target. Not use internal\n var externalForwardRef = React.useRef(null);\n var setTargetRef = useEvent(function (node) {\n if (isDOM(node) && targetEle !== node) {\n setTargetEle(node);\n externalForwardRef.current = node;\n }\n });\n\n // ========================== Children ==========================\n var child = React.Children.only(children);\n var originChildProps = (child === null || child === void 0 ? void 0 : child.props) || {};\n var cloneProps = {};\n var inPopupOrChild = useEvent(function (ele) {\n var _getShadowRoot, _getShadowRoot2;\n var childDOM = targetEle;\n return (childDOM === null || childDOM === void 0 ? void 0 : childDOM.contains(ele)) || ((_getShadowRoot = getShadowRoot(childDOM)) === null || _getShadowRoot === void 0 ? void 0 : _getShadowRoot.host) === ele || ele === childDOM || (popupEle === null || popupEle === void 0 ? void 0 : popupEle.contains(ele)) || ((_getShadowRoot2 = getShadowRoot(popupEle)) === null || _getShadowRoot2 === void 0 ? void 0 : _getShadowRoot2.host) === ele || ele === popupEle || Object.values(subPopupElements.current).some(function (subPopupEle) {\n return (subPopupEle === null || subPopupEle === void 0 ? void 0 : subPopupEle.contains(ele)) || ele === subPopupEle;\n });\n });\n\n // =========================== Motion ===========================\n var mergePopupMotion = getMotion(prefixCls, popupMotion, popupAnimation, popupTransitionName);\n var mergeMaskMotion = getMotion(prefixCls, maskMotion, maskAnimation, maskTransitionName);\n\n // ============================ Open ============================\n var _React$useState7 = React.useState(defaultPopupVisible || false),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n internalOpen = _React$useState8[0],\n setInternalOpen = _React$useState8[1];\n\n // Render still use props as first priority\n var mergedOpen = popupVisible !== null && popupVisible !== void 0 ? popupVisible : internalOpen;\n\n // We use effect sync here in case `popupVisible` back to `undefined`\n var setMergedOpen = useEvent(function (nextOpen) {\n if (popupVisible === undefined) {\n setInternalOpen(nextOpen);\n }\n });\n useLayoutEffect(function () {\n setInternalOpen(popupVisible || false);\n }, [popupVisible]);\n var openRef = React.useRef(mergedOpen);\n openRef.current = mergedOpen;\n var lastTriggerRef = React.useRef([]);\n lastTriggerRef.current = [];\n var internalTriggerOpen = useEvent(function (nextOpen) {\n var _lastTriggerRef$curre;\n setMergedOpen(nextOpen);\n\n // Enter or Pointer will both trigger open state change\n // We only need take one to avoid duplicated change event trigger\n // Use `lastTriggerRef` to record last open type\n if (((_lastTriggerRef$curre = lastTriggerRef.current[lastTriggerRef.current.length - 1]) !== null && _lastTriggerRef$curre !== void 0 ? _lastTriggerRef$curre : mergedOpen) !== nextOpen) {\n lastTriggerRef.current.push(nextOpen);\n onPopupVisibleChange === null || onPopupVisibleChange === void 0 || onPopupVisibleChange(nextOpen);\n }\n });\n\n // Trigger for delay\n var delayRef = React.useRef();\n var clearDelay = function clearDelay() {\n clearTimeout(delayRef.current);\n };\n var triggerOpen = function triggerOpen(nextOpen) {\n var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n clearDelay();\n if (delay === 0) {\n internalTriggerOpen(nextOpen);\n } else {\n delayRef.current = setTimeout(function () {\n internalTriggerOpen(nextOpen);\n }, delay * 1000);\n }\n };\n React.useEffect(function () {\n return clearDelay;\n }, []);\n\n // ========================== Motion ============================\n var _React$useState9 = React.useState(false),\n _React$useState10 = _slicedToArray(_React$useState9, 2),\n inMotion = _React$useState10[0],\n setInMotion = _React$useState10[1];\n useLayoutEffect(function (firstMount) {\n if (!firstMount || mergedOpen) {\n setInMotion(true);\n }\n }, [mergedOpen]);\n var _React$useState11 = React.useState(null),\n _React$useState12 = _slicedToArray(_React$useState11, 2),\n motionPrepareResolve = _React$useState12[0],\n setMotionPrepareResolve = _React$useState12[1];\n\n // =========================== Align ============================\n var _React$useState13 = React.useState([0, 0]),\n _React$useState14 = _slicedToArray(_React$useState13, 2),\n mousePos = _React$useState14[0],\n setMousePos = _React$useState14[1];\n var setMousePosByEvent = function setMousePosByEvent(event) {\n setMousePos([event.clientX, event.clientY]);\n };\n var _useAlign = useAlign(mergedOpen, popupEle, alignPoint ? mousePos : targetEle, popupPlacement, builtinPlacements, popupAlign, onPopupAlign),\n _useAlign2 = _slicedToArray(_useAlign, 11),\n ready = _useAlign2[0],\n offsetX = _useAlign2[1],\n offsetY = _useAlign2[2],\n offsetR = _useAlign2[3],\n offsetB = _useAlign2[4],\n arrowX = _useAlign2[5],\n arrowY = _useAlign2[6],\n scaleX = _useAlign2[7],\n scaleY = _useAlign2[8],\n alignInfo = _useAlign2[9],\n onAlign = _useAlign2[10];\n var _useAction = useAction(mobile, action, showAction, hideAction),\n _useAction2 = _slicedToArray(_useAction, 2),\n showActions = _useAction2[0],\n hideActions = _useAction2[1];\n var clickToShow = showActions.has('click');\n var clickToHide = hideActions.has('click') || hideActions.has('contextMenu');\n var triggerAlign = useEvent(function () {\n if (!inMotion) {\n onAlign();\n }\n });\n var onScroll = function onScroll() {\n if (openRef.current && alignPoint && clickToHide) {\n triggerOpen(false);\n }\n };\n useWatch(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);\n useLayoutEffect(function () {\n triggerAlign();\n }, [mousePos, popupPlacement]);\n\n // When no builtinPlacements and popupAlign changed\n useLayoutEffect(function () {\n if (mergedOpen && !(builtinPlacements !== null && builtinPlacements !== void 0 && builtinPlacements[popupPlacement])) {\n triggerAlign();\n }\n }, [JSON.stringify(popupAlign)]);\n var alignedClassName = React.useMemo(function () {\n var baseClassName = getAlignPopupClassName(builtinPlacements, prefixCls, alignInfo, alignPoint);\n return classNames(baseClassName, getPopupClassNameFromAlign === null || getPopupClassNameFromAlign === void 0 ? void 0 : getPopupClassNameFromAlign(alignInfo));\n }, [alignInfo, getPopupClassNameFromAlign, builtinPlacements, prefixCls, alignPoint]);\n\n // ============================ Refs ============================\n React.useImperativeHandle(ref, function () {\n return {\n nativeElement: externalForwardRef.current,\n popupElement: externalPopupRef.current,\n forceAlign: triggerAlign\n };\n });\n\n // ========================== Stretch ===========================\n var _React$useState15 = React.useState(0),\n _React$useState16 = _slicedToArray(_React$useState15, 2),\n targetWidth = _React$useState16[0],\n setTargetWidth = _React$useState16[1];\n var _React$useState17 = React.useState(0),\n _React$useState18 = _slicedToArray(_React$useState17, 2),\n targetHeight = _React$useState18[0],\n setTargetHeight = _React$useState18[1];\n var syncTargetSize = function syncTargetSize() {\n if (stretch && targetEle) {\n var rect = targetEle.getBoundingClientRect();\n setTargetWidth(rect.width);\n setTargetHeight(rect.height);\n }\n };\n var onTargetResize = function onTargetResize() {\n syncTargetSize();\n triggerAlign();\n };\n\n // ========================== Motion ============================\n var onVisibleChanged = function onVisibleChanged(visible) {\n setInMotion(false);\n onAlign();\n afterPopupVisibleChange === null || afterPopupVisibleChange === void 0 || afterPopupVisibleChange(visible);\n };\n\n // We will trigger align when motion is in prepare\n var onPrepare = function onPrepare() {\n return new Promise(function (resolve) {\n syncTargetSize();\n setMotionPrepareResolve(function () {\n return resolve;\n });\n });\n };\n useLayoutEffect(function () {\n if (motionPrepareResolve) {\n onAlign();\n motionPrepareResolve();\n setMotionPrepareResolve(null);\n }\n }, [motionPrepareResolve]);\n\n // =========================== Action ===========================\n /**\n * Util wrapper for trigger action\n */\n function wrapperAction(eventName, nextOpen, delay, preEvent) {\n cloneProps[eventName] = function (event) {\n var _originChildProps$eve;\n preEvent === null || preEvent === void 0 || preEvent(event);\n triggerOpen(nextOpen, delay);\n\n // Pass to origin\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n (_originChildProps$eve = originChildProps[eventName]) === null || _originChildProps$eve === void 0 || _originChildProps$eve.call.apply(_originChildProps$eve, [originChildProps, event].concat(args));\n };\n }\n\n // ======================= Action: Click ========================\n if (clickToShow || clickToHide) {\n cloneProps.onClick = function (event) {\n var _originChildProps$onC;\n if (openRef.current && clickToHide) {\n triggerOpen(false);\n } else if (!openRef.current && clickToShow) {\n setMousePosByEvent(event);\n triggerOpen(true);\n }\n\n // Pass to origin\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n (_originChildProps$onC = originChildProps.onClick) === null || _originChildProps$onC === void 0 || _originChildProps$onC.call.apply(_originChildProps$onC, [originChildProps, event].concat(args));\n };\n }\n\n // Click to hide is special action since click popup element should not hide\n useWinClick(mergedOpen, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen);\n\n // ======================= Action: Hover ========================\n var hoverToShow = showActions.has('hover');\n var hoverToHide = hideActions.has('hover');\n var onPopupMouseEnter;\n var onPopupMouseLeave;\n if (hoverToShow) {\n // Compatible with old browser which not support pointer event\n wrapperAction('onMouseEnter', true, mouseEnterDelay, function (event) {\n setMousePosByEvent(event);\n });\n wrapperAction('onPointerEnter', true, mouseEnterDelay, function (event) {\n setMousePosByEvent(event);\n });\n onPopupMouseEnter = function onPopupMouseEnter(event) {\n // Only trigger re-open when popup is visible\n if ((mergedOpen || inMotion) && popupEle !== null && popupEle !== void 0 && popupEle.contains(event.target)) {\n triggerOpen(true, mouseEnterDelay);\n }\n };\n\n // Align Point\n if (alignPoint) {\n cloneProps.onMouseMove = function (event) {\n var _originChildProps$onM;\n // setMousePosByEvent(event);\n (_originChildProps$onM = originChildProps.onMouseMove) === null || _originChildProps$onM === void 0 || _originChildProps$onM.call(originChildProps, event);\n };\n }\n }\n if (hoverToHide) {\n wrapperAction('onMouseLeave', false, mouseLeaveDelay);\n wrapperAction('onPointerLeave', false, mouseLeaveDelay);\n onPopupMouseLeave = function onPopupMouseLeave() {\n triggerOpen(false, mouseLeaveDelay);\n };\n }\n\n // ======================= Action: Focus ========================\n if (showActions.has('focus')) {\n wrapperAction('onFocus', true, focusDelay);\n }\n if (hideActions.has('focus')) {\n wrapperAction('onBlur', false, blurDelay);\n }\n\n // ==================== Action: ContextMenu =====================\n if (showActions.has('contextMenu')) {\n cloneProps.onContextMenu = function (event) {\n var _originChildProps$onC2;\n if (openRef.current && hideActions.has('contextMenu')) {\n triggerOpen(false);\n } else {\n setMousePosByEvent(event);\n triggerOpen(true);\n }\n event.preventDefault();\n\n // Pass to origin\n for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {\n args[_key3 - 1] = arguments[_key3];\n }\n (_originChildProps$onC2 = originChildProps.onContextMenu) === null || _originChildProps$onC2 === void 0 || _originChildProps$onC2.call.apply(_originChildProps$onC2, [originChildProps, event].concat(args));\n };\n }\n\n // ========================= ClassName ==========================\n if (className) {\n cloneProps.className = classNames(originChildProps.className, className);\n }\n\n // =========================== Render ===========================\n var mergedChildrenProps = _objectSpread(_objectSpread({}, originChildProps), cloneProps);\n\n // Pass props into cloneProps for nest usage\n var passedProps = {};\n var passedEventList = ['onContextMenu', 'onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur'];\n passedEventList.forEach(function (eventName) {\n if (restProps[eventName]) {\n passedProps[eventName] = function () {\n var _mergedChildrenProps$;\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n (_mergedChildrenProps$ = mergedChildrenProps[eventName]) === null || _mergedChildrenProps$ === void 0 || _mergedChildrenProps$.call.apply(_mergedChildrenProps$, [mergedChildrenProps].concat(args));\n restProps[eventName].apply(restProps, args);\n };\n }\n });\n\n // Child Node\n var triggerNode = /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, mergedChildrenProps), passedProps));\n var arrowPos = {\n x: arrowX,\n y: arrowY\n };\n var innerArrow = arrow ? _objectSpread({}, arrow !== true ? arrow : {}) : null;\n\n // Render\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizeObserver, {\n disabled: !mergedOpen,\n ref: setTargetRef,\n onResize: onTargetResize\n }, /*#__PURE__*/React.createElement(TriggerWrapper, {\n getTriggerDOMNode: getTriggerDOMNode\n }, triggerNode)), /*#__PURE__*/React.createElement(TriggerContext.Provider, {\n value: context\n }, /*#__PURE__*/React.createElement(Popup, {\n portal: PortalComponent,\n ref: setPopupRef,\n prefixCls: prefixCls,\n popup: popup,\n className: classNames(popupClassName, alignedClassName),\n style: popupStyle,\n target: targetEle,\n onMouseEnter: onPopupMouseEnter,\n onMouseLeave: onPopupMouseLeave\n // https://github.com/ant-design/ant-design/issues/43924\n ,\n onPointerEnter: onPopupMouseEnter,\n zIndex: zIndex\n // Open\n ,\n open: mergedOpen,\n keepDom: inMotion,\n fresh: fresh\n // Click\n ,\n onClick: onPopupClick\n // Mask\n ,\n mask: mask\n // Motion\n ,\n motion: mergePopupMotion,\n maskMotion: mergeMaskMotion,\n onVisibleChanged: onVisibleChanged,\n onPrepare: onPrepare\n // Portal\n ,\n forceRender: forceRender,\n autoDestroy: mergedAutoDestroy,\n getPopupContainer: getPopupContainer\n // Arrow\n ,\n align: alignInfo,\n arrow: innerArrow,\n arrowPos: arrowPos\n // Align\n ,\n ready: ready,\n offsetX: offsetX,\n offsetY: offsetY,\n offsetR: offsetR,\n offsetB: offsetB,\n onAlign: triggerAlign\n // Stretch\n ,\n stretch: stretch,\n targetWidth: targetWidth / scaleX,\n targetHeight: targetHeight / scaleY\n })));\n });\n if (process.env.NODE_ENV !== 'production') {\n Trigger.displayName = 'Trigger';\n }\n return Trigger;\n}\nexport default generateTrigger(Portal);","/**\n * @remix-run/router v1.19.1\n *\n * Copyright (c) Remix Software Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nfunction _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Types and Constants\n////////////////////////////////////////////////////////////////////////////////\n/**\n * Actions represent the type of change to a location value.\n */\nvar Action;\n(function (Action) {\n /**\n * A POP indicates a change to an arbitrary index in the history stack, such\n * as a back or forward navigation. It does not describe the direction of the\n * navigation, only that the current index changed.\n *\n * Note: This is the default action for newly created history objects.\n */\n Action[\"Pop\"] = \"POP\";\n /**\n * A PUSH indicates a new entry being added to the history stack, such as when\n * a link is clicked and a new page loads. When this happens, all subsequent\n * entries in the stack are lost.\n */\n Action[\"Push\"] = \"PUSH\";\n /**\n * A REPLACE indicates the entry at the current index in the history stack\n * being replaced by a new one.\n */\n Action[\"Replace\"] = \"REPLACE\";\n})(Action || (Action = {}));\nconst PopStateEventType = \"popstate\";\n/**\n * Memory history stores the current location in memory. It is designed for use\n * in stateful non-browser environments like tests and React Native.\n */\nfunction createMemoryHistory(options) {\n if (options === void 0) {\n options = {};\n }\n let {\n initialEntries = [\"/\"],\n initialIndex,\n v5Compat = false\n } = options;\n let entries; // Declare so we can access from createMemoryLocation\n entries = initialEntries.map((entry, index) => createMemoryLocation(entry, typeof entry === \"string\" ? null : entry.state, index === 0 ? \"default\" : undefined));\n let index = clampIndex(initialIndex == null ? entries.length - 1 : initialIndex);\n let action = Action.Pop;\n let listener = null;\n function clampIndex(n) {\n return Math.min(Math.max(n, 0), entries.length - 1);\n }\n function getCurrentLocation() {\n return entries[index];\n }\n function createMemoryLocation(to, state, key) {\n if (state === void 0) {\n state = null;\n }\n let location = createLocation(entries ? getCurrentLocation().pathname : \"/\", to, state, key);\n warning(location.pathname.charAt(0) === \"/\", \"relative pathnames are not supported in memory history: \" + JSON.stringify(to));\n return location;\n }\n function createHref(to) {\n return typeof to === \"string\" ? to : createPath(to);\n }\n let history = {\n get index() {\n return index;\n },\n get action() {\n return action;\n },\n get location() {\n return getCurrentLocation();\n },\n createHref,\n createURL(to) {\n return new URL(createHref(to), \"http://localhost\");\n },\n encodeLocation(to) {\n let path = typeof to === \"string\" ? parsePath(to) : to;\n return {\n pathname: path.pathname || \"\",\n search: path.search || \"\",\n hash: path.hash || \"\"\n };\n },\n push(to, state) {\n action = Action.Push;\n let nextLocation = createMemoryLocation(to, state);\n index += 1;\n entries.splice(index, entries.length, nextLocation);\n if (v5Compat && listener) {\n listener({\n action,\n location: nextLocation,\n delta: 1\n });\n }\n },\n replace(to, state) {\n action = Action.Replace;\n let nextLocation = createMemoryLocation(to, state);\n entries[index] = nextLocation;\n if (v5Compat && listener) {\n listener({\n action,\n location: nextLocation,\n delta: 0\n });\n }\n },\n go(delta) {\n action = Action.Pop;\n let nextIndex = clampIndex(index + delta);\n let nextLocation = entries[nextIndex];\n index = nextIndex;\n if (listener) {\n listener({\n action,\n location: nextLocation,\n delta\n });\n }\n },\n listen(fn) {\n listener = fn;\n return () => {\n listener = null;\n };\n }\n };\n return history;\n}\n/**\n * Browser history stores the location in regular URLs. This is the standard for\n * most web apps, but it requires some configuration on the server to ensure you\n * serve the same app at multiple URLs.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory\n */\nfunction createBrowserHistory(options) {\n if (options === void 0) {\n options = {};\n }\n function createBrowserLocation(window, globalHistory) {\n let {\n pathname,\n search,\n hash\n } = window.location;\n return createLocation(\"\", {\n pathname,\n search,\n hash\n },\n // state defaults to `null` because `window.history.state` does\n globalHistory.state && globalHistory.state.usr || null, globalHistory.state && globalHistory.state.key || \"default\");\n }\n function createBrowserHref(window, to) {\n return typeof to === \"string\" ? to : createPath(to);\n }\n return getUrlBasedHistory(createBrowserLocation, createBrowserHref, null, options);\n}\n/**\n * Hash history stores the location in window.location.hash. This makes it ideal\n * for situations where you don't want to send the location to the server for\n * some reason, either because you do cannot configure it or the URL space is\n * reserved for something else.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory\n */\nfunction createHashHistory(options) {\n if (options === void 0) {\n options = {};\n }\n function createHashLocation(window, globalHistory) {\n let {\n pathname = \"/\",\n search = \"\",\n hash = \"\"\n } = parsePath(window.location.hash.substr(1));\n // Hash URL should always have a leading / just like window.location.pathname\n // does, so if an app ends up at a route like /#something then we add a\n // leading slash so all of our path-matching behaves the same as if it would\n // in a browser router. This is particularly important when there exists a\n // root splat route () since that matches internally against\n // \"/*\" and we'd expect /#something to 404 in a hash router app.\n if (!pathname.startsWith(\"/\") && !pathname.startsWith(\".\")) {\n pathname = \"/\" + pathname;\n }\n return createLocation(\"\", {\n pathname,\n search,\n hash\n },\n // state defaults to `null` because `window.history.state` does\n globalHistory.state && globalHistory.state.usr || null, globalHistory.state && globalHistory.state.key || \"default\");\n }\n function createHashHref(window, to) {\n let base = window.document.querySelector(\"base\");\n let href = \"\";\n if (base && base.getAttribute(\"href\")) {\n let url = window.location.href;\n let hashIndex = url.indexOf(\"#\");\n href = hashIndex === -1 ? url : url.slice(0, hashIndex);\n }\n return href + \"#\" + (typeof to === \"string\" ? to : createPath(to));\n }\n function validateHashLocation(location, to) {\n warning(location.pathname.charAt(0) === \"/\", \"relative pathnames are not supported in hash history.push(\" + JSON.stringify(to) + \")\");\n }\n return getUrlBasedHistory(createHashLocation, createHashHref, validateHashLocation, options);\n}\nfunction invariant(value, message) {\n if (value === false || value === null || typeof value === \"undefined\") {\n throw new Error(message);\n }\n}\nfunction warning(cond, message) {\n if (!cond) {\n // eslint-disable-next-line no-console\n if (typeof console !== \"undefined\") console.warn(message);\n try {\n // Welcome to debugging history!\n //\n // This error is thrown as a convenience, so you can more easily\n // find the source for a warning that appears in the console by\n // enabling \"pause on exceptions\" in your JavaScript debugger.\n throw new Error(message);\n // eslint-disable-next-line no-empty\n } catch (e) {}\n }\n}\nfunction createKey() {\n return Math.random().toString(36).substr(2, 8);\n}\n/**\n * For browser-based histories, we combine the state and key into an object\n */\nfunction getHistoryState(location, index) {\n return {\n usr: location.state,\n key: location.key,\n idx: index\n };\n}\n/**\n * Creates a Location object with a unique key from the given Path\n */\nfunction createLocation(current, to, state, key) {\n if (state === void 0) {\n state = null;\n }\n let location = _extends({\n pathname: typeof current === \"string\" ? current : current.pathname,\n search: \"\",\n hash: \"\"\n }, typeof to === \"string\" ? parsePath(to) : to, {\n state,\n // TODO: This could be cleaned up. push/replace should probably just take\n // full Locations now and avoid the need to run through this flow at all\n // But that's a pretty big refactor to the current test suite so going to\n // keep as is for the time being and just let any incoming keys take precedence\n key: to && to.key || key || createKey()\n });\n return location;\n}\n/**\n * Creates a string URL path from the given pathname, search, and hash components.\n */\nfunction createPath(_ref) {\n let {\n pathname = \"/\",\n search = \"\",\n hash = \"\"\n } = _ref;\n if (search && search !== \"?\") pathname += search.charAt(0) === \"?\" ? search : \"?\" + search;\n if (hash && hash !== \"#\") pathname += hash.charAt(0) === \"#\" ? hash : \"#\" + hash;\n return pathname;\n}\n/**\n * Parses a string URL path into its separate pathname, search, and hash components.\n */\nfunction parsePath(path) {\n let parsedPath = {};\n if (path) {\n let hashIndex = path.indexOf(\"#\");\n if (hashIndex >= 0) {\n parsedPath.hash = path.substr(hashIndex);\n path = path.substr(0, hashIndex);\n }\n let searchIndex = path.indexOf(\"?\");\n if (searchIndex >= 0) {\n parsedPath.search = path.substr(searchIndex);\n path = path.substr(0, searchIndex);\n }\n if (path) {\n parsedPath.pathname = path;\n }\n }\n return parsedPath;\n}\nfunction getUrlBasedHistory(getLocation, createHref, validateLocation, options) {\n if (options === void 0) {\n options = {};\n }\n let {\n window = document.defaultView,\n v5Compat = false\n } = options;\n let globalHistory = window.history;\n let action = Action.Pop;\n let listener = null;\n let index = getIndex();\n // Index should only be null when we initialize. If not, it's because the\n // user called history.pushState or history.replaceState directly, in which\n // case we should log a warning as it will result in bugs.\n if (index == null) {\n index = 0;\n globalHistory.replaceState(_extends({}, globalHistory.state, {\n idx: index\n }), \"\");\n }\n function getIndex() {\n let state = globalHistory.state || {\n idx: null\n };\n return state.idx;\n }\n function handlePop() {\n action = Action.Pop;\n let nextIndex = getIndex();\n let delta = nextIndex == null ? null : nextIndex - index;\n index = nextIndex;\n if (listener) {\n listener({\n action,\n location: history.location,\n delta\n });\n }\n }\n function push(to, state) {\n action = Action.Push;\n let location = createLocation(history.location, to, state);\n if (validateLocation) validateLocation(location, to);\n index = getIndex() + 1;\n let historyState = getHistoryState(location, index);\n let url = history.createHref(location);\n // try...catch because iOS limits us to 100 pushState calls :/\n try {\n globalHistory.pushState(historyState, \"\", url);\n } catch (error) {\n // If the exception is because `state` can't be serialized, let that throw\n // outwards just like a replace call would so the dev knows the cause\n // https://html.spec.whatwg.org/multipage/nav-history-apis.html#shared-history-push/replace-state-steps\n // https://html.spec.whatwg.org/multipage/structured-data.html#structuredserializeinternal\n if (error instanceof DOMException && error.name === \"DataCloneError\") {\n throw error;\n }\n // They are going to lose state here, but there is no real\n // way to warn them about it since the page will refresh...\n window.location.assign(url);\n }\n if (v5Compat && listener) {\n listener({\n action,\n location: history.location,\n delta: 1\n });\n }\n }\n function replace(to, state) {\n action = Action.Replace;\n let location = createLocation(history.location, to, state);\n if (validateLocation) validateLocation(location, to);\n index = getIndex();\n let historyState = getHistoryState(location, index);\n let url = history.createHref(location);\n globalHistory.replaceState(historyState, \"\", url);\n if (v5Compat && listener) {\n listener({\n action,\n location: history.location,\n delta: 0\n });\n }\n }\n function createURL(to) {\n // window.location.origin is \"null\" (the literal string value) in Firefox\n // under certain conditions, notably when serving from a local HTML file\n // See https://bugzilla.mozilla.org/show_bug.cgi?id=878297\n let base = window.location.origin !== \"null\" ? window.location.origin : window.location.href;\n let href = typeof to === \"string\" ? to : createPath(to);\n // Treating this as a full URL will strip any trailing spaces so we need to\n // pre-encode them since they might be part of a matching splat param from\n // an ancestor route\n href = href.replace(/ $/, \"%20\");\n invariant(base, \"No window.location.(origin|href) available to create URL for href: \" + href);\n return new URL(href, base);\n }\n let history = {\n get action() {\n return action;\n },\n get location() {\n return getLocation(window, globalHistory);\n },\n listen(fn) {\n if (listener) {\n throw new Error(\"A history only accepts one active listener\");\n }\n window.addEventListener(PopStateEventType, handlePop);\n listener = fn;\n return () => {\n window.removeEventListener(PopStateEventType, handlePop);\n listener = null;\n };\n },\n createHref(to) {\n return createHref(window, to);\n },\n createURL,\n encodeLocation(to) {\n // Encode a Location the same way window.location would\n let url = createURL(to);\n return {\n pathname: url.pathname,\n search: url.search,\n hash: url.hash\n };\n },\n push,\n replace,\n go(n) {\n return globalHistory.go(n);\n }\n };\n return history;\n}\n//#endregion\n\nvar ResultType;\n(function (ResultType) {\n ResultType[\"data\"] = \"data\";\n ResultType[\"deferred\"] = \"deferred\";\n ResultType[\"redirect\"] = \"redirect\";\n ResultType[\"error\"] = \"error\";\n})(ResultType || (ResultType = {}));\nconst immutableRouteKeys = new Set([\"lazy\", \"caseSensitive\", \"path\", \"id\", \"index\", \"children\"]);\nfunction isIndexRoute(route) {\n return route.index === true;\n}\n// Walk the route tree generating unique IDs where necessary, so we are working\n// solely with AgnosticDataRouteObject's within the Router\nfunction convertRoutesToDataRoutes(routes, mapRouteProperties, parentPath, manifest) {\n if (parentPath === void 0) {\n parentPath = [];\n }\n if (manifest === void 0) {\n manifest = {};\n }\n return routes.map((route, index) => {\n let treePath = [...parentPath, String(index)];\n let id = typeof route.id === \"string\" ? route.id : treePath.join(\"-\");\n invariant(route.index !== true || !route.children, \"Cannot specify children on an index route\");\n invariant(!manifest[id], \"Found a route id collision on id \\\"\" + id + \"\\\". Route \" + \"id's must be globally unique within Data Router usages\");\n if (isIndexRoute(route)) {\n let indexRoute = _extends({}, route, mapRouteProperties(route), {\n id\n });\n manifest[id] = indexRoute;\n return indexRoute;\n } else {\n let pathOrLayoutRoute = _extends({}, route, mapRouteProperties(route), {\n id,\n children: undefined\n });\n manifest[id] = pathOrLayoutRoute;\n if (route.children) {\n pathOrLayoutRoute.children = convertRoutesToDataRoutes(route.children, mapRouteProperties, treePath, manifest);\n }\n return pathOrLayoutRoute;\n }\n });\n}\n/**\n * Matches the given routes to a location and returns the match data.\n *\n * @see https://reactrouter.com/utils/match-routes\n */\nfunction matchRoutes(routes, locationArg, basename) {\n if (basename === void 0) {\n basename = \"/\";\n }\n return matchRoutesImpl(routes, locationArg, basename, false);\n}\nfunction matchRoutesImpl(routes, locationArg, basename, allowPartial) {\n let location = typeof locationArg === \"string\" ? parsePath(locationArg) : locationArg;\n let pathname = stripBasename(location.pathname || \"/\", basename);\n if (pathname == null) {\n return null;\n }\n let branches = flattenRoutes(routes);\n rankRouteBranches(branches);\n let matches = null;\n for (let i = 0; matches == null && i < branches.length; ++i) {\n // Incoming pathnames are generally encoded from either window.location\n // or from router.navigate, but we want to match against the unencoded\n // paths in the route definitions. Memory router locations won't be\n // encoded here but there also shouldn't be anything to decode so this\n // should be a safe operation. This avoids needing matchRoutes to be\n // history-aware.\n let decoded = decodePath(pathname);\n matches = matchRouteBranch(branches[i], decoded, allowPartial);\n }\n return matches;\n}\nfunction convertRouteMatchToUiMatch(match, loaderData) {\n let {\n route,\n pathname,\n params\n } = match;\n return {\n id: route.id,\n pathname,\n params,\n data: loaderData[route.id],\n handle: route.handle\n };\n}\nfunction flattenRoutes(routes, branches, parentsMeta, parentPath) {\n if (branches === void 0) {\n branches = [];\n }\n if (parentsMeta === void 0) {\n parentsMeta = [];\n }\n if (parentPath === void 0) {\n parentPath = \"\";\n }\n let flattenRoute = (route, index, relativePath) => {\n let meta = {\n relativePath: relativePath === undefined ? route.path || \"\" : relativePath,\n caseSensitive: route.caseSensitive === true,\n childrenIndex: index,\n route\n };\n if (meta.relativePath.startsWith(\"/\")) {\n invariant(meta.relativePath.startsWith(parentPath), \"Absolute route path \\\"\" + meta.relativePath + \"\\\" nested under path \" + (\"\\\"\" + parentPath + \"\\\" is not valid. An absolute child route path \") + \"must start with the combined path of all its parent routes.\");\n meta.relativePath = meta.relativePath.slice(parentPath.length);\n }\n let path = joinPaths([parentPath, meta.relativePath]);\n let routesMeta = parentsMeta.concat(meta);\n // Add the children before adding this route to the array, so we traverse the\n // route tree depth-first and child routes appear before their parents in\n // the \"flattened\" version.\n if (route.children && route.children.length > 0) {\n invariant(\n // Our types know better, but runtime JS may not!\n // @ts-expect-error\n route.index !== true, \"Index routes must not have child routes. Please remove \" + (\"all child routes from route path \\\"\" + path + \"\\\".\"));\n flattenRoutes(route.children, branches, routesMeta, path);\n }\n // Routes without a path shouldn't ever match by themselves unless they are\n // index routes, so don't add them to the list of possible branches.\n if (route.path == null && !route.index) {\n return;\n }\n branches.push({\n path,\n score: computeScore(path, route.index),\n routesMeta\n });\n };\n routes.forEach((route, index) => {\n var _route$path;\n // coarse-grain check for optional params\n if (route.path === \"\" || !((_route$path = route.path) != null && _route$path.includes(\"?\"))) {\n flattenRoute(route, index);\n } else {\n for (let exploded of explodeOptionalSegments(route.path)) {\n flattenRoute(route, index, exploded);\n }\n }\n });\n return branches;\n}\n/**\n * Computes all combinations of optional path segments for a given path,\n * excluding combinations that are ambiguous and of lower priority.\n *\n * For example, `/one/:two?/three/:four?/:five?` explodes to:\n * - `/one/three`\n * - `/one/:two/three`\n * - `/one/three/:four`\n * - `/one/three/:five`\n * - `/one/:two/three/:four`\n * - `/one/:two/three/:five`\n * - `/one/three/:four/:five`\n * - `/one/:two/three/:four/:five`\n */\nfunction explodeOptionalSegments(path) {\n let segments = path.split(\"/\");\n if (segments.length === 0) return [];\n let [first, ...rest] = segments;\n // Optional path segments are denoted by a trailing `?`\n let isOptional = first.endsWith(\"?\");\n // Compute the corresponding required segment: `foo?` -> `foo`\n let required = first.replace(/\\?$/, \"\");\n if (rest.length === 0) {\n // Intepret empty string as omitting an optional segment\n // `[\"one\", \"\", \"three\"]` corresponds to omitting `:two` from `/one/:two?/three` -> `/one/three`\n return isOptional ? [required, \"\"] : [required];\n }\n let restExploded = explodeOptionalSegments(rest.join(\"/\"));\n let result = [];\n // All child paths with the prefix. Do this for all children before the\n // optional version for all children, so we get consistent ordering where the\n // parent optional aspect is preferred as required. Otherwise, we can get\n // child sections interspersed where deeper optional segments are higher than\n // parent optional segments, where for example, /:two would explode _earlier_\n // then /:one. By always including the parent as required _for all children_\n // first, we avoid this issue\n result.push(...restExploded.map(subpath => subpath === \"\" ? required : [required, subpath].join(\"/\")));\n // Then, if this is an optional value, add all child versions without\n if (isOptional) {\n result.push(...restExploded);\n }\n // for absolute paths, ensure `/` instead of empty segment\n return result.map(exploded => path.startsWith(\"/\") && exploded === \"\" ? \"/\" : exploded);\n}\nfunction rankRouteBranches(branches) {\n branches.sort((a, b) => a.score !== b.score ? b.score - a.score // Higher score first\n : compareIndexes(a.routesMeta.map(meta => meta.childrenIndex), b.routesMeta.map(meta => meta.childrenIndex)));\n}\nconst paramRe = /^:[\\w-]+$/;\nconst dynamicSegmentValue = 3;\nconst indexRouteValue = 2;\nconst emptySegmentValue = 1;\nconst staticSegmentValue = 10;\nconst splatPenalty = -2;\nconst isSplat = s => s === \"*\";\nfunction computeScore(path, index) {\n let segments = path.split(\"/\");\n let initialScore = segments.length;\n if (segments.some(isSplat)) {\n initialScore += splatPenalty;\n }\n if (index) {\n initialScore += indexRouteValue;\n }\n return segments.filter(s => !isSplat(s)).reduce((score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === \"\" ? emptySegmentValue : staticSegmentValue), initialScore);\n}\nfunction compareIndexes(a, b) {\n let siblings = a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]);\n return siblings ?\n // If two routes are siblings, we should try to match the earlier sibling\n // first. This allows people to have fine-grained control over the matching\n // behavior by simply putting routes with identical paths in the order they\n // want them tried.\n a[a.length - 1] - b[b.length - 1] :\n // Otherwise, it doesn't really make sense to rank non-siblings by index,\n // so they sort equally.\n 0;\n}\nfunction matchRouteBranch(branch, pathname, allowPartial) {\n if (allowPartial === void 0) {\n allowPartial = false;\n }\n let {\n routesMeta\n } = branch;\n let matchedParams = {};\n let matchedPathname = \"/\";\n let matches = [];\n for (let i = 0; i < routesMeta.length; ++i) {\n let meta = routesMeta[i];\n let end = i === routesMeta.length - 1;\n let remainingPathname = matchedPathname === \"/\" ? pathname : pathname.slice(matchedPathname.length) || \"/\";\n let match = matchPath({\n path: meta.relativePath,\n caseSensitive: meta.caseSensitive,\n end\n }, remainingPathname);\n let route = meta.route;\n if (!match && end && allowPartial && !routesMeta[routesMeta.length - 1].route.index) {\n match = matchPath({\n path: meta.relativePath,\n caseSensitive: meta.caseSensitive,\n end: false\n }, remainingPathname);\n }\n if (!match) {\n return null;\n }\n Object.assign(matchedParams, match.params);\n matches.push({\n // TODO: Can this as be avoided?\n params: matchedParams,\n pathname: joinPaths([matchedPathname, match.pathname]),\n pathnameBase: normalizePathname(joinPaths([matchedPathname, match.pathnameBase])),\n route\n });\n if (match.pathnameBase !== \"/\") {\n matchedPathname = joinPaths([matchedPathname, match.pathnameBase]);\n }\n }\n return matches;\n}\n/**\n * Returns a path with params interpolated.\n *\n * @see https://reactrouter.com/utils/generate-path\n */\nfunction generatePath(originalPath, params) {\n if (params === void 0) {\n params = {};\n }\n let path = originalPath;\n if (path.endsWith(\"*\") && path !== \"*\" && !path.endsWith(\"/*\")) {\n warning(false, \"Route path \\\"\" + path + \"\\\" will be treated as if it were \" + (\"\\\"\" + path.replace(/\\*$/, \"/*\") + \"\\\" because the `*` character must \") + \"always follow a `/` in the pattern. To get rid of this warning, \" + (\"please change the route path to \\\"\" + path.replace(/\\*$/, \"/*\") + \"\\\".\"));\n path = path.replace(/\\*$/, \"/*\");\n }\n // ensure `/` is added at the beginning if the path is absolute\n const prefix = path.startsWith(\"/\") ? \"/\" : \"\";\n const stringify = p => p == null ? \"\" : typeof p === \"string\" ? p : String(p);\n const segments = path.split(/\\/+/).map((segment, index, array) => {\n const isLastSegment = index === array.length - 1;\n // only apply the splat if it's the last segment\n if (isLastSegment && segment === \"*\") {\n const star = \"*\";\n // Apply the splat\n return stringify(params[star]);\n }\n const keyMatch = segment.match(/^:([\\w-]+)(\\??)$/);\n if (keyMatch) {\n const [, key, optional] = keyMatch;\n let param = params[key];\n invariant(optional === \"?\" || param != null, \"Missing \\\":\" + key + \"\\\" param\");\n return stringify(param);\n }\n // Remove any optional markers from optional static segments\n return segment.replace(/\\?$/g, \"\");\n })\n // Remove empty segments\n .filter(segment => !!segment);\n return prefix + segments.join(\"/\");\n}\n/**\n * Performs pattern matching on a URL pathname and returns information about\n * the match.\n *\n * @see https://reactrouter.com/utils/match-path\n */\nfunction matchPath(pattern, pathname) {\n if (typeof pattern === \"string\") {\n pattern = {\n path: pattern,\n caseSensitive: false,\n end: true\n };\n }\n let [matcher, compiledParams] = compilePath(pattern.path, pattern.caseSensitive, pattern.end);\n let match = pathname.match(matcher);\n if (!match) return null;\n let matchedPathname = match[0];\n let pathnameBase = matchedPathname.replace(/(.)\\/+$/, \"$1\");\n let captureGroups = match.slice(1);\n let params = compiledParams.reduce((memo, _ref, index) => {\n let {\n paramName,\n isOptional\n } = _ref;\n // We need to compute the pathnameBase here using the raw splat value\n // instead of using params[\"*\"] later because it will be decoded then\n if (paramName === \"*\") {\n let splatValue = captureGroups[index] || \"\";\n pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\\/+$/, \"$1\");\n }\n const value = captureGroups[index];\n if (isOptional && !value) {\n memo[paramName] = undefined;\n } else {\n memo[paramName] = (value || \"\").replace(/%2F/g, \"/\");\n }\n return memo;\n }, {});\n return {\n params,\n pathname: matchedPathname,\n pathnameBase,\n pattern\n };\n}\nfunction compilePath(path, caseSensitive, end) {\n if (caseSensitive === void 0) {\n caseSensitive = false;\n }\n if (end === void 0) {\n end = true;\n }\n warning(path === \"*\" || !path.endsWith(\"*\") || path.endsWith(\"/*\"), \"Route path \\\"\" + path + \"\\\" will be treated as if it were \" + (\"\\\"\" + path.replace(/\\*$/, \"/*\") + \"\\\" because the `*` character must \") + \"always follow a `/` in the pattern. To get rid of this warning, \" + (\"please change the route path to \\\"\" + path.replace(/\\*$/, \"/*\") + \"\\\".\"));\n let params = [];\n let regexpSource = \"^\" + path.replace(/\\/*\\*?$/, \"\") // Ignore trailing / and /*, we'll handle it below\n .replace(/^\\/*/, \"/\") // Make sure it has a leading /\n .replace(/[\\\\.*+^${}|()[\\]]/g, \"\\\\$&\") // Escape special regex chars\n .replace(/\\/:([\\w-]+)(\\?)?/g, (_, paramName, isOptional) => {\n params.push({\n paramName,\n isOptional: isOptional != null\n });\n return isOptional ? \"/?([^\\\\/]+)?\" : \"/([^\\\\/]+)\";\n });\n if (path.endsWith(\"*\")) {\n params.push({\n paramName: \"*\"\n });\n regexpSource += path === \"*\" || path === \"/*\" ? \"(.*)$\" // Already matched the initial /, just match the rest\n : \"(?:\\\\/(.+)|\\\\/*)$\"; // Don't include the / in params[\"*\"]\n } else if (end) {\n // When matching to the end, ignore trailing slashes\n regexpSource += \"\\\\/*$\";\n } else if (path !== \"\" && path !== \"/\") {\n // If our path is non-empty and contains anything beyond an initial slash,\n // then we have _some_ form of path in our regex, so we should expect to\n // match only if we find the end of this path segment. Look for an optional\n // non-captured trailing slash (to match a portion of the URL) or the end\n // of the path (if we've matched to the end). We used to do this with a\n // word boundary but that gives false positives on routes like\n // /user-preferences since `-` counts as a word boundary.\n regexpSource += \"(?:(?=\\\\/|$))\";\n } else ;\n let matcher = new RegExp(regexpSource, caseSensitive ? undefined : \"i\");\n return [matcher, params];\n}\nfunction decodePath(value) {\n try {\n return value.split(\"/\").map(v => decodeURIComponent(v).replace(/\\//g, \"%2F\")).join(\"/\");\n } catch (error) {\n warning(false, \"The URL path \\\"\" + value + \"\\\" could not be decoded because it is is a \" + \"malformed URL segment. This is probably due to a bad percent \" + (\"encoding (\" + error + \").\"));\n return value;\n }\n}\n/**\n * @private\n */\nfunction stripBasename(pathname, basename) {\n if (basename === \"/\") return pathname;\n if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) {\n return null;\n }\n // We want to leave trailing slash behavior in the user's control, so if they\n // specify a basename with a trailing slash, we should support it\n let startIndex = basename.endsWith(\"/\") ? basename.length - 1 : basename.length;\n let nextChar = pathname.charAt(startIndex);\n if (nextChar && nextChar !== \"/\") {\n // pathname does not start with basename/\n return null;\n }\n return pathname.slice(startIndex) || \"/\";\n}\n/**\n * Returns a resolved path object relative to the given pathname.\n *\n * @see https://reactrouter.com/utils/resolve-path\n */\nfunction resolvePath(to, fromPathname) {\n if (fromPathname === void 0) {\n fromPathname = \"/\";\n }\n let {\n pathname: toPathname,\n search = \"\",\n hash = \"\"\n } = typeof to === \"string\" ? parsePath(to) : to;\n let pathname = toPathname ? toPathname.startsWith(\"/\") ? toPathname : resolvePathname(toPathname, fromPathname) : fromPathname;\n return {\n pathname,\n search: normalizeSearch(search),\n hash: normalizeHash(hash)\n };\n}\nfunction resolvePathname(relativePath, fromPathname) {\n let segments = fromPathname.replace(/\\/+$/, \"\").split(\"/\");\n let relativeSegments = relativePath.split(\"/\");\n relativeSegments.forEach(segment => {\n if (segment === \"..\") {\n // Keep the root \"\" segment so the pathname starts at /\n if (segments.length > 1) segments.pop();\n } else if (segment !== \".\") {\n segments.push(segment);\n }\n });\n return segments.length > 1 ? segments.join(\"/\") : \"/\";\n}\nfunction getInvalidPathError(char, field, dest, path) {\n return \"Cannot include a '\" + char + \"' character in a manually specified \" + (\"`to.\" + field + \"` field [\" + JSON.stringify(path) + \"]. Please separate it out to the \") + (\"`to.\" + dest + \"` field. Alternatively you may provide the full path as \") + \"a string in and the router will parse it for you.\";\n}\n/**\n * @private\n *\n * When processing relative navigation we want to ignore ancestor routes that\n * do not contribute to the path, such that index/pathless layout routes don't\n * interfere.\n *\n * For example, when moving a route element into an index route and/or a\n * pathless layout route, relative link behavior contained within should stay\n * the same. Both of the following examples should link back to the root:\n *\n * \n * \n * \n *\n * \n * \n * }> // <-- Does not contribute\n * // <-- Does not contribute\n * \n * \n */\nfunction getPathContributingMatches(matches) {\n return matches.filter((match, index) => index === 0 || match.route.path && match.route.path.length > 0);\n}\n// Return the array of pathnames for the current route matches - used to\n// generate the routePathnames input for resolveTo()\nfunction getResolveToMatches(matches, v7_relativeSplatPath) {\n let pathMatches = getPathContributingMatches(matches);\n // When v7_relativeSplatPath is enabled, use the full pathname for the leaf\n // match so we include splat values for \".\" links. See:\n // https://github.com/remix-run/react-router/issues/11052#issuecomment-1836589329\n if (v7_relativeSplatPath) {\n return pathMatches.map((match, idx) => idx === pathMatches.length - 1 ? match.pathname : match.pathnameBase);\n }\n return pathMatches.map(match => match.pathnameBase);\n}\n/**\n * @private\n */\nfunction resolveTo(toArg, routePathnames, locationPathname, isPathRelative) {\n if (isPathRelative === void 0) {\n isPathRelative = false;\n }\n let to;\n if (typeof toArg === \"string\") {\n to = parsePath(toArg);\n } else {\n to = _extends({}, toArg);\n invariant(!to.pathname || !to.pathname.includes(\"?\"), getInvalidPathError(\"?\", \"pathname\", \"search\", to));\n invariant(!to.pathname || !to.pathname.includes(\"#\"), getInvalidPathError(\"#\", \"pathname\", \"hash\", to));\n invariant(!to.search || !to.search.includes(\"#\"), getInvalidPathError(\"#\", \"search\", \"hash\", to));\n }\n let isEmptyPath = toArg === \"\" || to.pathname === \"\";\n let toPathname = isEmptyPath ? \"/\" : to.pathname;\n let from;\n // Routing is relative to the current pathname if explicitly requested.\n //\n // If a pathname is explicitly provided in `to`, it should be relative to the\n // route context. This is explained in `Note on `` values` in our\n // migration guide from v5 as a means of disambiguation between `to` values\n // that begin with `/` and those that do not. However, this is problematic for\n // `to` values that do not provide a pathname. `to` can simply be a search or\n // hash string, in which case we should assume that the navigation is relative\n // to the current location's pathname and *not* the route pathname.\n if (toPathname == null) {\n from = locationPathname;\n } else {\n let routePathnameIndex = routePathnames.length - 1;\n // With relative=\"route\" (the default), each leading .. segment means\n // \"go up one route\" instead of \"go up one URL segment\". This is a key\n // difference from how works and a major reason we call this a\n // \"to\" value instead of a \"href\".\n if (!isPathRelative && toPathname.startsWith(\"..\")) {\n let toSegments = toPathname.split(\"/\");\n while (toSegments[0] === \"..\") {\n toSegments.shift();\n routePathnameIndex -= 1;\n }\n to.pathname = toSegments.join(\"/\");\n }\n from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : \"/\";\n }\n let path = resolvePath(to, from);\n // Ensure the pathname has a trailing slash if the original \"to\" had one\n let hasExplicitTrailingSlash = toPathname && toPathname !== \"/\" && toPathname.endsWith(\"/\");\n // Or if this was a link to the current path which has a trailing slash\n let hasCurrentTrailingSlash = (isEmptyPath || toPathname === \".\") && locationPathname.endsWith(\"/\");\n if (!path.pathname.endsWith(\"/\") && (hasExplicitTrailingSlash || hasCurrentTrailingSlash)) {\n path.pathname += \"/\";\n }\n return path;\n}\n/**\n * @private\n */\nfunction getToPathname(to) {\n // Empty strings should be treated the same as / paths\n return to === \"\" || to.pathname === \"\" ? \"/\" : typeof to === \"string\" ? parsePath(to).pathname : to.pathname;\n}\n/**\n * @private\n */\nconst joinPaths = paths => paths.join(\"/\").replace(/\\/\\/+/g, \"/\");\n/**\n * @private\n */\nconst normalizePathname = pathname => pathname.replace(/\\/+$/, \"\").replace(/^\\/*/, \"/\");\n/**\n * @private\n */\nconst normalizeSearch = search => !search || search === \"?\" ? \"\" : search.startsWith(\"?\") ? search : \"?\" + search;\n/**\n * @private\n */\nconst normalizeHash = hash => !hash || hash === \"#\" ? \"\" : hash.startsWith(\"#\") ? hash : \"#\" + hash;\n/**\n * This is a shortcut for creating `application/json` responses. Converts `data`\n * to JSON and sets the `Content-Type` header.\n */\nconst json = function json(data, init) {\n if (init === void 0) {\n init = {};\n }\n let responseInit = typeof init === \"number\" ? {\n status: init\n } : init;\n let headers = new Headers(responseInit.headers);\n if (!headers.has(\"Content-Type\")) {\n headers.set(\"Content-Type\", \"application/json; charset=utf-8\");\n }\n return new Response(JSON.stringify(data), _extends({}, responseInit, {\n headers\n }));\n};\nclass DataWithResponseInit {\n constructor(data, init) {\n this.type = \"DataWithResponseInit\";\n this.data = data;\n this.init = init || null;\n }\n}\n/**\n * Create \"responses\" that contain `status`/`headers` without forcing\n * serialization into an actual `Response` - used by Remix single fetch\n */\nfunction data(data, init) {\n return new DataWithResponseInit(data, typeof init === \"number\" ? {\n status: init\n } : init);\n}\nclass AbortedDeferredError extends Error {}\nclass DeferredData {\n constructor(data, responseInit) {\n this.pendingKeysSet = new Set();\n this.subscribers = new Set();\n this.deferredKeys = [];\n invariant(data && typeof data === \"object\" && !Array.isArray(data), \"defer() only accepts plain objects\");\n // Set up an AbortController + Promise we can race against to exit early\n // cancellation\n let reject;\n this.abortPromise = new Promise((_, r) => reject = r);\n this.controller = new AbortController();\n let onAbort = () => reject(new AbortedDeferredError(\"Deferred data aborted\"));\n this.unlistenAbortSignal = () => this.controller.signal.removeEventListener(\"abort\", onAbort);\n this.controller.signal.addEventListener(\"abort\", onAbort);\n this.data = Object.entries(data).reduce((acc, _ref2) => {\n let [key, value] = _ref2;\n return Object.assign(acc, {\n [key]: this.trackPromise(key, value)\n });\n }, {});\n if (this.done) {\n // All incoming values were resolved\n this.unlistenAbortSignal();\n }\n this.init = responseInit;\n }\n trackPromise(key, value) {\n if (!(value instanceof Promise)) {\n return value;\n }\n this.deferredKeys.push(key);\n this.pendingKeysSet.add(key);\n // We store a little wrapper promise that will be extended with\n // _data/_error props upon resolve/reject\n let promise = Promise.race([value, this.abortPromise]).then(data => this.onSettle(promise, key, undefined, data), error => this.onSettle(promise, key, error));\n // Register rejection listeners to avoid uncaught promise rejections on\n // errors or aborted deferred values\n promise.catch(() => {});\n Object.defineProperty(promise, \"_tracked\", {\n get: () => true\n });\n return promise;\n }\n onSettle(promise, key, error, data) {\n if (this.controller.signal.aborted && error instanceof AbortedDeferredError) {\n this.unlistenAbortSignal();\n Object.defineProperty(promise, \"_error\", {\n get: () => error\n });\n return Promise.reject(error);\n }\n this.pendingKeysSet.delete(key);\n if (this.done) {\n // Nothing left to abort!\n this.unlistenAbortSignal();\n }\n // If the promise was resolved/rejected with undefined, we'll throw an error as you\n // should always resolve with a value or null\n if (error === undefined && data === undefined) {\n let undefinedError = new Error(\"Deferred data for key \\\"\" + key + \"\\\" resolved/rejected with `undefined`, \" + \"you must resolve/reject with a value or `null`.\");\n Object.defineProperty(promise, \"_error\", {\n get: () => undefinedError\n });\n this.emit(false, key);\n return Promise.reject(undefinedError);\n }\n if (data === undefined) {\n Object.defineProperty(promise, \"_error\", {\n get: () => error\n });\n this.emit(false, key);\n return Promise.reject(error);\n }\n Object.defineProperty(promise, \"_data\", {\n get: () => data\n });\n this.emit(false, key);\n return data;\n }\n emit(aborted, settledKey) {\n this.subscribers.forEach(subscriber => subscriber(aborted, settledKey));\n }\n subscribe(fn) {\n this.subscribers.add(fn);\n return () => this.subscribers.delete(fn);\n }\n cancel() {\n this.controller.abort();\n this.pendingKeysSet.forEach((v, k) => this.pendingKeysSet.delete(k));\n this.emit(true);\n }\n async resolveData(signal) {\n let aborted = false;\n if (!this.done) {\n let onAbort = () => this.cancel();\n signal.addEventListener(\"abort\", onAbort);\n aborted = await new Promise(resolve => {\n this.subscribe(aborted => {\n signal.removeEventListener(\"abort\", onAbort);\n if (aborted || this.done) {\n resolve(aborted);\n }\n });\n });\n }\n return aborted;\n }\n get done() {\n return this.pendingKeysSet.size === 0;\n }\n get unwrappedData() {\n invariant(this.data !== null && this.done, \"Can only unwrap data on initialized and settled deferreds\");\n return Object.entries(this.data).reduce((acc, _ref3) => {\n let [key, value] = _ref3;\n return Object.assign(acc, {\n [key]: unwrapTrackedPromise(value)\n });\n }, {});\n }\n get pendingKeys() {\n return Array.from(this.pendingKeysSet);\n }\n}\nfunction isTrackedPromise(value) {\n return value instanceof Promise && value._tracked === true;\n}\nfunction unwrapTrackedPromise(value) {\n if (!isTrackedPromise(value)) {\n return value;\n }\n if (value._error) {\n throw value._error;\n }\n return value._data;\n}\nconst defer = function defer(data, init) {\n if (init === void 0) {\n init = {};\n }\n let responseInit = typeof init === \"number\" ? {\n status: init\n } : init;\n return new DeferredData(data, responseInit);\n};\n/**\n * A redirect response. Sets the status code and the `Location` header.\n * Defaults to \"302 Found\".\n */\nconst redirect = function redirect(url, init) {\n if (init === void 0) {\n init = 302;\n }\n let responseInit = init;\n if (typeof responseInit === \"number\") {\n responseInit = {\n status: responseInit\n };\n } else if (typeof responseInit.status === \"undefined\") {\n responseInit.status = 302;\n }\n let headers = new Headers(responseInit.headers);\n headers.set(\"Location\", url);\n return new Response(null, _extends({}, responseInit, {\n headers\n }));\n};\n/**\n * A redirect response that will force a document reload to the new location.\n * Sets the status code and the `Location` header.\n * Defaults to \"302 Found\".\n */\nconst redirectDocument = (url, init) => {\n let response = redirect(url, init);\n response.headers.set(\"X-Remix-Reload-Document\", \"true\");\n return response;\n};\n/**\n * A redirect response that will perform a `history.replaceState` instead of a\n * `history.pushState` for client-side navigation redirects.\n * Sets the status code and the `Location` header.\n * Defaults to \"302 Found\".\n */\nconst replace = (url, init) => {\n let response = redirect(url, init);\n response.headers.set(\"X-Remix-Replace\", \"true\");\n return response;\n};\n/**\n * @private\n * Utility class we use to hold auto-unwrapped 4xx/5xx Response bodies\n *\n * We don't export the class for public use since it's an implementation\n * detail, but we export the interface above so folks can build their own\n * abstractions around instances via isRouteErrorResponse()\n */\nclass ErrorResponseImpl {\n constructor(status, statusText, data, internal) {\n if (internal === void 0) {\n internal = false;\n }\n this.status = status;\n this.statusText = statusText || \"\";\n this.internal = internal;\n if (data instanceof Error) {\n this.data = data.toString();\n this.error = data;\n } else {\n this.data = data;\n }\n }\n}\n/**\n * Check if the given error is an ErrorResponse generated from a 4xx/5xx\n * Response thrown from an action/loader\n */\nfunction isRouteErrorResponse(error) {\n return error != null && typeof error.status === \"number\" && typeof error.statusText === \"string\" && typeof error.internal === \"boolean\" && \"data\" in error;\n}\n\nconst validMutationMethodsArr = [\"post\", \"put\", \"patch\", \"delete\"];\nconst validMutationMethods = new Set(validMutationMethodsArr);\nconst validRequestMethodsArr = [\"get\", ...validMutationMethodsArr];\nconst validRequestMethods = new Set(validRequestMethodsArr);\nconst redirectStatusCodes = new Set([301, 302, 303, 307, 308]);\nconst redirectPreserveMethodStatusCodes = new Set([307, 308]);\nconst IDLE_NAVIGATION = {\n state: \"idle\",\n location: undefined,\n formMethod: undefined,\n formAction: undefined,\n formEncType: undefined,\n formData: undefined,\n json: undefined,\n text: undefined\n};\nconst IDLE_FETCHER = {\n state: \"idle\",\n data: undefined,\n formMethod: undefined,\n formAction: undefined,\n formEncType: undefined,\n formData: undefined,\n json: undefined,\n text: undefined\n};\nconst IDLE_BLOCKER = {\n state: \"unblocked\",\n proceed: undefined,\n reset: undefined,\n location: undefined\n};\nconst ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\\/\\/)/i;\nconst defaultMapRouteProperties = route => ({\n hasErrorBoundary: Boolean(route.hasErrorBoundary)\n});\nconst TRANSITIONS_STORAGE_KEY = \"remix-router-transitions\";\n//#endregion\n////////////////////////////////////////////////////////////////////////////////\n//#region createRouter\n////////////////////////////////////////////////////////////////////////////////\n/**\n * Create a router and listen to history POP navigations\n */\nfunction createRouter(init) {\n const routerWindow = init.window ? init.window : typeof window !== \"undefined\" ? window : undefined;\n const isBrowser = typeof routerWindow !== \"undefined\" && typeof routerWindow.document !== \"undefined\" && typeof routerWindow.document.createElement !== \"undefined\";\n const isServer = !isBrowser;\n invariant(init.routes.length > 0, \"You must provide a non-empty routes array to createRouter\");\n let mapRouteProperties;\n if (init.mapRouteProperties) {\n mapRouteProperties = init.mapRouteProperties;\n } else if (init.detectErrorBoundary) {\n // If they are still using the deprecated version, wrap it with the new API\n let detectErrorBoundary = init.detectErrorBoundary;\n mapRouteProperties = route => ({\n hasErrorBoundary: detectErrorBoundary(route)\n });\n } else {\n mapRouteProperties = defaultMapRouteProperties;\n }\n // Routes keyed by ID\n let manifest = {};\n // Routes in tree format for matching\n let dataRoutes = convertRoutesToDataRoutes(init.routes, mapRouteProperties, undefined, manifest);\n let inFlightDataRoutes;\n let basename = init.basename || \"/\";\n let dataStrategyImpl = init.unstable_dataStrategy || defaultDataStrategy;\n let patchRoutesOnNavigationImpl = init.unstable_patchRoutesOnNavigation;\n // Config driven behavior flags\n let future = _extends({\n v7_fetcherPersist: false,\n v7_normalizeFormMethod: false,\n v7_partialHydration: false,\n v7_prependBasename: false,\n v7_relativeSplatPath: false,\n v7_skipActionErrorRevalidation: false\n }, init.future);\n // Cleanup function for history\n let unlistenHistory = null;\n // Externally-provided functions to call on all state changes\n let subscribers = new Set();\n // FIFO queue of previously discovered routes to prevent re-calling on\n // subsequent navigations to the same path\n let discoveredRoutesMaxSize = 1000;\n let discoveredRoutes = new Set();\n // Externally-provided object to hold scroll restoration locations during routing\n let savedScrollPositions = null;\n // Externally-provided function to get scroll restoration keys\n let getScrollRestorationKey = null;\n // Externally-provided function to get current scroll position\n let getScrollPosition = null;\n // One-time flag to control the initial hydration scroll restoration. Because\n // we don't get the saved positions from until _after_\n // the initial render, we need to manually trigger a separate updateState to\n // send along the restoreScrollPosition\n // Set to true if we have `hydrationData` since we assume we were SSR'd and that\n // SSR did the initial scroll restoration.\n let initialScrollRestored = init.hydrationData != null;\n let initialMatches = matchRoutes(dataRoutes, init.history.location, basename);\n let initialErrors = null;\n if (initialMatches == null && !patchRoutesOnNavigationImpl) {\n // If we do not match a user-provided-route, fall back to the root\n // to allow the error boundary to take over\n let error = getInternalRouterError(404, {\n pathname: init.history.location.pathname\n });\n let {\n matches,\n route\n } = getShortCircuitMatches(dataRoutes);\n initialMatches = matches;\n initialErrors = {\n [route.id]: error\n };\n }\n // In SPA apps, if the user provided a patchRoutesOnNavigation implementation and\n // our initial match is a splat route, clear them out so we run through lazy\n // discovery on hydration in case there's a more accurate lazy route match.\n // In SSR apps (with `hydrationData`), we expect that the server will send\n // up the proper matched routes so we don't want to run lazy discovery on\n // initial hydration and want to hydrate into the splat route.\n if (initialMatches && !init.hydrationData) {\n let fogOfWar = checkFogOfWar(initialMatches, dataRoutes, init.history.location.pathname);\n if (fogOfWar.active) {\n initialMatches = null;\n }\n }\n let initialized;\n if (!initialMatches) {\n initialized = false;\n initialMatches = [];\n // If partial hydration and fog of war is enabled, we will be running\n // `patchRoutesOnNavigation` during hydration so include any partial matches as\n // the initial matches so we can properly render `HydrateFallback`'s\n if (future.v7_partialHydration) {\n let fogOfWar = checkFogOfWar(null, dataRoutes, init.history.location.pathname);\n if (fogOfWar.active && fogOfWar.matches) {\n initialMatches = fogOfWar.matches;\n }\n }\n } else if (initialMatches.some(m => m.route.lazy)) {\n // All initialMatches need to be loaded before we're ready. If we have lazy\n // functions around still then we'll need to run them in initialize()\n initialized = false;\n } else if (!initialMatches.some(m => m.route.loader)) {\n // If we've got no loaders to run, then we're good to go\n initialized = true;\n } else if (future.v7_partialHydration) {\n // If partial hydration is enabled, we're initialized so long as we were\n // provided with hydrationData for every route with a loader, and no loaders\n // were marked for explicit hydration\n let loaderData = init.hydrationData ? init.hydrationData.loaderData : null;\n let errors = init.hydrationData ? init.hydrationData.errors : null;\n let isRouteInitialized = m => {\n // No loader, nothing to initialize\n if (!m.route.loader) {\n return true;\n }\n // Explicitly opting-in to running on hydration\n if (typeof m.route.loader === \"function\" && m.route.loader.hydrate === true) {\n return false;\n }\n // Otherwise, initialized if hydrated with data or an error\n return loaderData && loaderData[m.route.id] !== undefined || errors && errors[m.route.id] !== undefined;\n };\n // If errors exist, don't consider routes below the boundary\n if (errors) {\n let idx = initialMatches.findIndex(m => errors[m.route.id] !== undefined);\n initialized = initialMatches.slice(0, idx + 1).every(isRouteInitialized);\n } else {\n initialized = initialMatches.every(isRouteInitialized);\n }\n } else {\n // Without partial hydration - we're initialized if we were provided any\n // hydrationData - which is expected to be complete\n initialized = init.hydrationData != null;\n }\n let router;\n let state = {\n historyAction: init.history.action,\n location: init.history.location,\n matches: initialMatches,\n initialized,\n navigation: IDLE_NAVIGATION,\n // Don't restore on initial updateState() if we were SSR'd\n restoreScrollPosition: init.hydrationData != null ? false : null,\n preventScrollReset: false,\n revalidation: \"idle\",\n loaderData: init.hydrationData && init.hydrationData.loaderData || {},\n actionData: init.hydrationData && init.hydrationData.actionData || null,\n errors: init.hydrationData && init.hydrationData.errors || initialErrors,\n fetchers: new Map(),\n blockers: new Map()\n };\n // -- Stateful internal variables to manage navigations --\n // Current navigation in progress (to be committed in completeNavigation)\n let pendingAction = Action.Pop;\n // Should the current navigation prevent the scroll reset if scroll cannot\n // be restored?\n let pendingPreventScrollReset = false;\n // AbortController for the active navigation\n let pendingNavigationController;\n // Should the current navigation enable document.startViewTransition?\n let pendingViewTransitionEnabled = false;\n // Store applied view transitions so we can apply them on POP\n let appliedViewTransitions = new Map();\n // Cleanup function for persisting applied transitions to sessionStorage\n let removePageHideEventListener = null;\n // We use this to avoid touching history in completeNavigation if a\n // revalidation is entirely uninterrupted\n let isUninterruptedRevalidation = false;\n // Use this internal flag to force revalidation of all loaders:\n // - submissions (completed or interrupted)\n // - useRevalidator()\n // - X-Remix-Revalidate (from redirect)\n let isRevalidationRequired = false;\n // Use this internal array to capture routes that require revalidation due\n // to a cancelled deferred on action submission\n let cancelledDeferredRoutes = [];\n // Use this internal array to capture fetcher loads that were cancelled by an\n // action navigation and require revalidation\n let cancelledFetcherLoads = new Set();\n // AbortControllers for any in-flight fetchers\n let fetchControllers = new Map();\n // Track loads based on the order in which they started\n let incrementingLoadId = 0;\n // Track the outstanding pending navigation data load to be compared against\n // the globally incrementing load when a fetcher load lands after a completed\n // navigation\n let pendingNavigationLoadId = -1;\n // Fetchers that triggered data reloads as a result of their actions\n let fetchReloadIds = new Map();\n // Fetchers that triggered redirect navigations\n let fetchRedirectIds = new Set();\n // Most recent href/match for fetcher.load calls for fetchers\n let fetchLoadMatches = new Map();\n // Ref-count mounted fetchers so we know when it's ok to clean them up\n let activeFetchers = new Map();\n // Fetchers that have requested a delete when using v7_fetcherPersist,\n // they'll be officially removed after they return to idle\n let deletedFetchers = new Set();\n // Store DeferredData instances for active route matches. When a\n // route loader returns defer() we stick one in here. Then, when a nested\n // promise resolves we update loaderData. If a new navigation starts we\n // cancel active deferreds for eliminated routes.\n let activeDeferreds = new Map();\n // Store blocker functions in a separate Map outside of router state since\n // we don't need to update UI state if they change\n let blockerFunctions = new Map();\n // Map of pending patchRoutesOnNavigation() promises (keyed by path/matches) so\n // that we only kick them off once for a given combo\n let pendingPatchRoutes = new Map();\n // Flag to ignore the next history update, so we can revert the URL change on\n // a POP navigation that was blocked by the user without touching router state\n let ignoreNextHistoryUpdate = false;\n // Initialize the router, all side effects should be kicked off from here.\n // Implemented as a Fluent API for ease of:\n // let router = createRouter(init).initialize();\n function initialize() {\n // If history informs us of a POP navigation, start the navigation but do not update\n // state. We'll update our own state once the navigation completes\n unlistenHistory = init.history.listen(_ref => {\n let {\n action: historyAction,\n location,\n delta\n } = _ref;\n // Ignore this event if it was just us resetting the URL from a\n // blocked POP navigation\n if (ignoreNextHistoryUpdate) {\n ignoreNextHistoryUpdate = false;\n return;\n }\n warning(blockerFunctions.size === 0 || delta != null, \"You are trying to use a blocker on a POP navigation to a location \" + \"that was not created by @remix-run/router. This will fail silently in \" + \"production. This can happen if you are navigating outside the router \" + \"via `window.history.pushState`/`window.location.hash` instead of using \" + \"router navigation APIs. This can also happen if you are using \" + \"createHashRouter and the user manually changes the URL.\");\n let blockerKey = shouldBlockNavigation({\n currentLocation: state.location,\n nextLocation: location,\n historyAction\n });\n if (blockerKey && delta != null) {\n // Restore the URL to match the current UI, but don't update router state\n ignoreNextHistoryUpdate = true;\n init.history.go(delta * -1);\n // Put the blocker into a blocked state\n updateBlocker(blockerKey, {\n state: \"blocked\",\n location,\n proceed() {\n updateBlocker(blockerKey, {\n state: \"proceeding\",\n proceed: undefined,\n reset: undefined,\n location\n });\n // Re-do the same POP navigation we just blocked\n init.history.go(delta);\n },\n reset() {\n let blockers = new Map(state.blockers);\n blockers.set(blockerKey, IDLE_BLOCKER);\n updateState({\n blockers\n });\n }\n });\n return;\n }\n return startNavigation(historyAction, location);\n });\n if (isBrowser) {\n // FIXME: This feels gross. How can we cleanup the lines between\n // scrollRestoration/appliedTransitions persistance?\n restoreAppliedTransitions(routerWindow, appliedViewTransitions);\n let _saveAppliedTransitions = () => persistAppliedTransitions(routerWindow, appliedViewTransitions);\n routerWindow.addEventListener(\"pagehide\", _saveAppliedTransitions);\n removePageHideEventListener = () => routerWindow.removeEventListener(\"pagehide\", _saveAppliedTransitions);\n }\n // Kick off initial data load if needed. Use Pop to avoid modifying history\n // Note we don't do any handling of lazy here. For SPA's it'll get handled\n // in the normal navigation flow. For SSR it's expected that lazy modules are\n // resolved prior to router creation since we can't go into a fallbackElement\n // UI for SSR'd apps\n if (!state.initialized) {\n startNavigation(Action.Pop, state.location, {\n initialHydration: true\n });\n }\n return router;\n }\n // Clean up a router and it's side effects\n function dispose() {\n if (unlistenHistory) {\n unlistenHistory();\n }\n if (removePageHideEventListener) {\n removePageHideEventListener();\n }\n subscribers.clear();\n pendingNavigationController && pendingNavigationController.abort();\n state.fetchers.forEach((_, key) => deleteFetcher(key));\n state.blockers.forEach((_, key) => deleteBlocker(key));\n }\n // Subscribe to state updates for the router\n function subscribe(fn) {\n subscribers.add(fn);\n return () => subscribers.delete(fn);\n }\n // Update our state and notify the calling context of the change\n function updateState(newState, opts) {\n if (opts === void 0) {\n opts = {};\n }\n state = _extends({}, state, newState);\n // Prep fetcher cleanup so we can tell the UI which fetcher data entries\n // can be removed\n let completedFetchers = [];\n let deletedFetchersKeys = [];\n if (future.v7_fetcherPersist) {\n state.fetchers.forEach((fetcher, key) => {\n if (fetcher.state === \"idle\") {\n if (deletedFetchers.has(key)) {\n // Unmounted from the UI and can be totally removed\n deletedFetchersKeys.push(key);\n } else {\n // Returned to idle but still mounted in the UI, so semi-remains for\n // revalidations and such\n completedFetchers.push(key);\n }\n }\n });\n }\n // Iterate over a local copy so that if flushSync is used and we end up\n // removing and adding a new subscriber due to the useCallback dependencies,\n // we don't get ourselves into a loop calling the new subscriber immediately\n [...subscribers].forEach(subscriber => subscriber(state, {\n deletedFetchers: deletedFetchersKeys,\n unstable_viewTransitionOpts: opts.viewTransitionOpts,\n unstable_flushSync: opts.flushSync === true\n }));\n // Remove idle fetchers from state since we only care about in-flight fetchers.\n if (future.v7_fetcherPersist) {\n completedFetchers.forEach(key => state.fetchers.delete(key));\n deletedFetchersKeys.forEach(key => deleteFetcher(key));\n }\n }\n // Complete a navigation returning the state.navigation back to the IDLE_NAVIGATION\n // and setting state.[historyAction/location/matches] to the new route.\n // - Location is a required param\n // - Navigation will always be set to IDLE_NAVIGATION\n // - Can pass any other state in newState\n function completeNavigation(location, newState, _temp) {\n var _location$state, _location$state2;\n let {\n flushSync\n } = _temp === void 0 ? {} : _temp;\n // Deduce if we're in a loading/actionReload state:\n // - We have committed actionData in the store\n // - The current navigation was a mutation submission\n // - We're past the submitting state and into the loading state\n // - The location being loaded is not the result of a redirect\n let isActionReload = state.actionData != null && state.navigation.formMethod != null && isMutationMethod(state.navigation.formMethod) && state.navigation.state === \"loading\" && ((_location$state = location.state) == null ? void 0 : _location$state._isRedirect) !== true;\n let actionData;\n if (newState.actionData) {\n if (Object.keys(newState.actionData).length > 0) {\n actionData = newState.actionData;\n } else {\n // Empty actionData -> clear prior actionData due to an action error\n actionData = null;\n }\n } else if (isActionReload) {\n // Keep the current data if we're wrapping up the action reload\n actionData = state.actionData;\n } else {\n // Clear actionData on any other completed navigations\n actionData = null;\n }\n // Always preserve any existing loaderData from re-used routes\n let loaderData = newState.loaderData ? mergeLoaderData(state.loaderData, newState.loaderData, newState.matches || [], newState.errors) : state.loaderData;\n // On a successful navigation we can assume we got through all blockers\n // so we can start fresh\n let blockers = state.blockers;\n if (blockers.size > 0) {\n blockers = new Map(blockers);\n blockers.forEach((_, k) => blockers.set(k, IDLE_BLOCKER));\n }\n // Always respect the user flag. Otherwise don't reset on mutation\n // submission navigations unless they redirect\n let preventScrollReset = pendingPreventScrollReset === true || state.navigation.formMethod != null && isMutationMethod(state.navigation.formMethod) && ((_location$state2 = location.state) == null ? void 0 : _location$state2._isRedirect) !== true;\n // Commit any in-flight routes at the end of the HMR revalidation \"navigation\"\n if (inFlightDataRoutes) {\n dataRoutes = inFlightDataRoutes;\n inFlightDataRoutes = undefined;\n }\n if (isUninterruptedRevalidation) ; else if (pendingAction === Action.Pop) ; else if (pendingAction === Action.Push) {\n init.history.push(location, location.state);\n } else if (pendingAction === Action.Replace) {\n init.history.replace(location, location.state);\n }\n let viewTransitionOpts;\n // On POP, enable transitions if they were enabled on the original navigation\n if (pendingAction === Action.Pop) {\n // Forward takes precedence so they behave like the original navigation\n let priorPaths = appliedViewTransitions.get(state.location.pathname);\n if (priorPaths && priorPaths.has(location.pathname)) {\n viewTransitionOpts = {\n currentLocation: state.location,\n nextLocation: location\n };\n } else if (appliedViewTransitions.has(location.pathname)) {\n // If we don't have a previous forward nav, assume we're popping back to\n // the new location and enable if that location previously enabled\n viewTransitionOpts = {\n currentLocation: location,\n nextLocation: state.location\n };\n }\n } else if (pendingViewTransitionEnabled) {\n // Store the applied transition on PUSH/REPLACE\n let toPaths = appliedViewTransitions.get(state.location.pathname);\n if (toPaths) {\n toPaths.add(location.pathname);\n } else {\n toPaths = new Set([location.pathname]);\n appliedViewTransitions.set(state.location.pathname, toPaths);\n }\n viewTransitionOpts = {\n currentLocation: state.location,\n nextLocation: location\n };\n }\n updateState(_extends({}, newState, {\n actionData,\n loaderData,\n historyAction: pendingAction,\n location,\n initialized: true,\n navigation: IDLE_NAVIGATION,\n revalidation: \"idle\",\n restoreScrollPosition: getSavedScrollPosition(location, newState.matches || state.matches),\n preventScrollReset,\n blockers\n }), {\n viewTransitionOpts,\n flushSync: flushSync === true\n });\n // Reset stateful navigation vars\n pendingAction = Action.Pop;\n pendingPreventScrollReset = false;\n pendingViewTransitionEnabled = false;\n isUninterruptedRevalidation = false;\n isRevalidationRequired = false;\n cancelledDeferredRoutes = [];\n }\n // Trigger a navigation event, which can either be a numerical POP or a PUSH\n // replace with an optional submission\n async function navigate(to, opts) {\n if (typeof to === \"number\") {\n init.history.go(to);\n return;\n }\n let normalizedPath = normalizeTo(state.location, state.matches, basename, future.v7_prependBasename, to, future.v7_relativeSplatPath, opts == null ? void 0 : opts.fromRouteId, opts == null ? void 0 : opts.relative);\n let {\n path,\n submission,\n error\n } = normalizeNavigateOptions(future.v7_normalizeFormMethod, false, normalizedPath, opts);\n let currentLocation = state.location;\n let nextLocation = createLocation(state.location, path, opts && opts.state);\n // When using navigate as a PUSH/REPLACE we aren't reading an already-encoded\n // URL from window.location, so we need to encode it here so the behavior\n // remains the same as POP and non-data-router usages. new URL() does all\n // the same encoding we'd get from a history.pushState/window.location read\n // without having to touch history\n nextLocation = _extends({}, nextLocation, init.history.encodeLocation(nextLocation));\n let userReplace = opts && opts.replace != null ? opts.replace : undefined;\n let historyAction = Action.Push;\n if (userReplace === true) {\n historyAction = Action.Replace;\n } else if (userReplace === false) ; else if (submission != null && isMutationMethod(submission.formMethod) && submission.formAction === state.location.pathname + state.location.search) {\n // By default on submissions to the current location we REPLACE so that\n // users don't have to double-click the back button to get to the prior\n // location. If the user redirects to a different location from the\n // action/loader this will be ignored and the redirect will be a PUSH\n historyAction = Action.Replace;\n }\n let preventScrollReset = opts && \"preventScrollReset\" in opts ? opts.preventScrollReset === true : undefined;\n let flushSync = (opts && opts.unstable_flushSync) === true;\n let blockerKey = shouldBlockNavigation({\n currentLocation,\n nextLocation,\n historyAction\n });\n if (blockerKey) {\n // Put the blocker into a blocked state\n updateBlocker(blockerKey, {\n state: \"blocked\",\n location: nextLocation,\n proceed() {\n updateBlocker(blockerKey, {\n state: \"proceeding\",\n proceed: undefined,\n reset: undefined,\n location: nextLocation\n });\n // Send the same navigation through\n navigate(to, opts);\n },\n reset() {\n let blockers = new Map(state.blockers);\n blockers.set(blockerKey, IDLE_BLOCKER);\n updateState({\n blockers\n });\n }\n });\n return;\n }\n return await startNavigation(historyAction, nextLocation, {\n submission,\n // Send through the formData serialization error if we have one so we can\n // render at the right error boundary after we match routes\n pendingError: error,\n preventScrollReset,\n replace: opts && opts.replace,\n enableViewTransition: opts && opts.unstable_viewTransition,\n flushSync\n });\n }\n // Revalidate all current loaders. If a navigation is in progress or if this\n // is interrupted by a navigation, allow this to \"succeed\" by calling all\n // loaders during the next loader round\n function revalidate() {\n interruptActiveLoads();\n updateState({\n revalidation: \"loading\"\n });\n // If we're currently submitting an action, we don't need to start a new\n // navigation, we'll just let the follow up loader execution call all loaders\n if (state.navigation.state === \"submitting\") {\n return;\n }\n // If we're currently in an idle state, start a new navigation for the current\n // action/location and mark it as uninterrupted, which will skip the history\n // update in completeNavigation\n if (state.navigation.state === \"idle\") {\n startNavigation(state.historyAction, state.location, {\n startUninterruptedRevalidation: true\n });\n return;\n }\n // Otherwise, if we're currently in a loading state, just start a new\n // navigation to the navigation.location but do not trigger an uninterrupted\n // revalidation so that history correctly updates once the navigation completes\n startNavigation(pendingAction || state.historyAction, state.navigation.location, {\n overrideNavigation: state.navigation\n });\n }\n // Start a navigation to the given action/location. Can optionally provide a\n // overrideNavigation which will override the normalLoad in the case of a redirect\n // navigation\n async function startNavigation(historyAction, location, opts) {\n // Abort any in-progress navigations and start a new one. Unset any ongoing\n // uninterrupted revalidations unless told otherwise, since we want this\n // new navigation to update history normally\n pendingNavigationController && pendingNavigationController.abort();\n pendingNavigationController = null;\n pendingAction = historyAction;\n isUninterruptedRevalidation = (opts && opts.startUninterruptedRevalidation) === true;\n // Save the current scroll position every time we start a new navigation,\n // and track whether we should reset scroll on completion\n saveScrollPosition(state.location, state.matches);\n pendingPreventScrollReset = (opts && opts.preventScrollReset) === true;\n pendingViewTransitionEnabled = (opts && opts.enableViewTransition) === true;\n let routesToUse = inFlightDataRoutes || dataRoutes;\n let loadingNavigation = opts && opts.overrideNavigation;\n let matches = matchRoutes(routesToUse, location, basename);\n let flushSync = (opts && opts.flushSync) === true;\n let fogOfWar = checkFogOfWar(matches, routesToUse, location.pathname);\n if (fogOfWar.active && fogOfWar.matches) {\n matches = fogOfWar.matches;\n }\n // Short circuit with a 404 on the root error boundary if we match nothing\n if (!matches) {\n let {\n error,\n notFoundMatches,\n route\n } = handleNavigational404(location.pathname);\n completeNavigation(location, {\n matches: notFoundMatches,\n loaderData: {},\n errors: {\n [route.id]: error\n }\n }, {\n flushSync\n });\n return;\n }\n // Short circuit if it's only a hash change and not a revalidation or\n // mutation submission.\n //\n // Ignore on initial page loads because since the initial load will always\n // be \"same hash\". For example, on /page#hash and submit a