@fluentui/react-tooltip 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.1

package/lib-commonjs/components/Tooltip/useTooltip.js

@@ -1,203 +1,198 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useTooltip_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const constants_1 = /*#__PURE__*/require("./private/constants");
-const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
-/**
- * Create the state required to render Tooltip.
- *
- * The returned state can be modified with hooks such as useTooltipStyles_unstable,
- * before being passed to renderTooltip_unstable.
- *
- * @param props - props from this instance of Tooltip
- */
-const useTooltip_unstable = props => {
-  var _a, _b, _c, _d;
-  const context = react_shared_contexts_1.useTooltipVisibility_unstable();
-  const isServerSideRender = react_utilities_1.useIsSSR();
-  const {
-    targetDocument
-  } = react_shared_contexts_1.useFluent_unstable();
-  const [setDelayTimeout, clearDelayTimeout] = react_utilities_1.useTimeout();
-  const {
-    appearance = 'normal',
-    children,
-    content,
-    withArrow = false,
-    positioning = 'above',
-    onVisibleChange,
-    relationship,
-    showDelay = 250,
-    hideDelay = 250,
-    mountNode
-  } = props;
-  const [visible, setVisibleInternal] = react_utilities_1.useControllableState({
-    state: props.visible,
-    initialState: false
-  });
-  const setVisible = React.useCallback((newVisible, ev) => {
-    clearDelayTimeout();
-    setVisibleInternal(oldVisible => {
-      if (newVisible !== oldVisible) {
-        onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(ev, {
-          visible: newVisible
-        });
-      }
-      return newVisible;
+Object.defineProperty(exports, "useTooltip_unstable", {
+    enumerable: true,
+    get: ()=>useTooltip_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactPositioning = require("@fluentui/react-positioning");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _constants = require("./private/constants");
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const useTooltip_unstable = (props)=>{
+    const context = (0, _reactSharedContexts.useTooltipVisibility_unstable)();
+    const isServerSideRender = (0, _reactUtilities.useIsSSR)();
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const [setDelayTimeout, clearDelayTimeout] = (0, _reactUtilities.useTimeout)();
+    const { appearance ="normal" , children , content , withArrow =false , positioning ="above" , onVisibleChange , relationship , showDelay =250 , hideDelay =250 , mountNode  } = props;
+    const [visible, setVisibleInternal] = (0, _reactUtilities.useControllableState)({
+        state: props.visible,
+        initialState: false
     });
-  }, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);
-  const state = {
-    withArrow,
-    positioning,
-    showDelay,
-    hideDelay,
-    relationship,
-    visible,
-    shouldRenderTooltip: visible,
-    appearance,
-    mountNode,
-    // Slots
-    components: {
-      content: 'div'
-    },
-    content: react_utilities_1.resolveShorthand(content, {
-      defaultProps: {
-        role: 'tooltip'
-      },
-      required: true
-    })
-  };
-  state.content.id = react_utilities_1.useId('tooltip-', state.content.id);
-  const positioningOptions = {
-    enabled: state.visible,
-    arrowPadding: 2 * constants_1.tooltipBorderRadius,
-    position: 'above',
-    align: 'center',
-    offset: 4,
-    ...react_positioning_1.resolvePositioningShorthand(state.positioning)
-  };
-  if (state.withArrow) {
-    positioningOptions.offset = react_positioning_1.mergeArrowOffset(positioningOptions.offset, constants_1.arrowHeight);
-  }
-  const {
-    targetRef,
-    containerRef,
-    arrowRef
-  } = react_positioning_1.usePositioning(positioningOptions);
-  state.content.ref = react_utilities_1.useMergedRefs(state.content.ref, containerRef);
-  state.arrowRef = arrowRef;
-  // When this tooltip is visible, hide any other tooltips, and register it
-  // as the visibleTooltip with the TooltipContext.
-  // Also add a listener on document to hide the tooltip if Escape is pressed
-  react_utilities_1.useIsomorphicLayoutEffect(() => {
-    var _a;
-    if (visible) {
-      const thisTooltip = {
-        hide: () => setVisible(false)
-      };
-      (_a = context.visibleTooltip) === null || _a === void 0 ? void 0 : _a.hide();
-      context.visibleTooltip = thisTooltip;
-      const onDocumentKeyDown = ev => {
-        if (ev.key === keyboard_keys_1.Escape) {
-          thisTooltip.hide();
-          // stop propagation to avoid conflicting with other elements that listen for `Escape`
-          // e,g: Dialog, Popover, Menu
-          ev.stopPropagation();
-        }
-      };
-      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {
-        // As this event is added at targeted document,
-        // we need to capture the event to be sure keydown handling from tooltip happens first
-        capture: true
-      });
-      return () => {
-        if (context.visibleTooltip === thisTooltip) {
-          context.visibleTooltip = undefined;
-        }
-        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {
-          capture: true
+    const setVisible = _react.useCallback((newVisible, ev)=>{
+        clearDelayTimeout();
+        setVisibleInternal((oldVisible)=>{
+            if (newVisible !== oldVisible) {
+                onVisibleChange?.(ev, {
+                    visible: newVisible
+                });
+            }
+            return newVisible;
         });
-      };
-    }
-  }, [context, targetDocument, visible, setVisible]);
-  // The focused element gets a blur event when the document loses focus
-  // (e.g. switching tabs in the browser), but we don't want to show the
-  // tooltip again when the document gets focus back. Handle this case by
-  // checking if the blurred element is still the document's activeElement.
-  // See https://github.com/microsoft/fluentui/issues/13541
-  const ignoreNextFocusEventRef = React.useRef(false);
-  // Listener for onPointerEnter and onFocus on the trigger element
-  const onEnterTrigger = React.useCallback(ev => {
-    if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {
-      ignoreNextFocusEventRef.current = false;
-      return;
+    }, [
+        clearDelayTimeout,
+        setVisibleInternal,
+        onVisibleChange
+    ]);
+    const state = {
+        withArrow,
+        positioning,
+        showDelay,
+        hideDelay,
+        relationship,
+        visible,
+        shouldRenderTooltip: visible,
+        appearance,
+        mountNode,
+        // Slots
+        components: {
+            content: "div"
+        },
+        content: (0, _reactUtilities.resolveShorthand)(content, {
+            defaultProps: {
+                role: "tooltip"
+            },
+            required: true
+        })
+    };
+    state.content.id = (0, _reactUtilities.useId)("tooltip-", state.content.id);
+    const positioningOptions = {
+        enabled: state.visible,
+        arrowPadding: 2 * _constants.tooltipBorderRadius,
+        position: "above",
+        align: "center",
+        offset: 4,
+        ...(0, _reactPositioning.resolvePositioningShorthand)(state.positioning)
+    };
+    if (state.withArrow) {
+        positioningOptions.offset = (0, _reactPositioning.mergeArrowOffset)(positioningOptions.offset, _constants.arrowHeight);
     }
-    // Show immediately if another tooltip is already visible
-    const delay = context.visibleTooltip ? 0 : state.showDelay;
-    setDelayTimeout(() => {
-      setVisible(true, ev);
-    }, delay);
-    ev.persist(); // Persist the event since the setVisible call will happen asynchronously
-  }, [setDelayTimeout, setVisible, state.showDelay, context]);
-  // Listener for onPointerLeave and onBlur on the trigger element
-  const onLeaveTrigger = React.useCallback(ev => {
-    let delay = state.hideDelay;
-    if (ev.type === 'blur') {
-      // Hide immediately when losing focus
-      delay = 0;
-      ignoreNextFocusEventRef.current = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) === ev.target;
+    const { targetRef , containerRef , arrowRef  } = (0, _reactPositioning.usePositioning)(positioningOptions);
+    state.content.ref = (0, _reactUtilities.useMergedRefs)(state.content.ref, containerRef);
+    state.arrowRef = arrowRef;
+    // When this tooltip is visible, hide any other tooltips, and register it
+    // as the visibleTooltip with the TooltipContext.
+    // Also add a listener on document to hide the tooltip if Escape is pressed
+    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
+        if (visible) {
+            const thisTooltip = {
+                hide: ()=>setVisible(false)
+            };
+            context.visibleTooltip?.hide();
+            context.visibleTooltip = thisTooltip;
+            const onDocumentKeyDown = (ev)=>{
+                if (ev.key === _keyboardKeys.Escape) {
+                    thisTooltip.hide();
+                    // stop propagation to avoid conflicting with other elements that listen for `Escape`
+                    // e,g: Dialog, Popover, Menu
+                    ev.stopPropagation();
+                }
+            };
+            targetDocument?.addEventListener("keydown", onDocumentKeyDown, {
+                // As this event is added at targeted document,
+                // we need to capture the event to be sure keydown handling from tooltip happens first
+                capture: true
+            });
+            return ()=>{
+                if (context.visibleTooltip === thisTooltip) {
+                    context.visibleTooltip = undefined;
+                }
+                targetDocument?.removeEventListener("keydown", onDocumentKeyDown, {
+                    capture: true
+                });
+            };
+        }
+    }, [
+        context,
+        targetDocument,
+        visible,
+        setVisible
+    ]);
+    // The focused element gets a blur event when the document loses focus
+    // (e.g. switching tabs in the browser), but we don't want to show the
+    // tooltip again when the document gets focus back. Handle this case by
+    // checking if the blurred element is still the document's activeElement.
+    // See https://github.com/microsoft/fluentui/issues/13541
+    const ignoreNextFocusEventRef = _react.useRef(false);
+    // Listener for onPointerEnter and onFocus on the trigger element
+    const onEnterTrigger = _react.useCallback((ev)=>{
+        if (ev.type === "focus" && ignoreNextFocusEventRef.current) {
+            ignoreNextFocusEventRef.current = false;
+            return;
+        }
+        // Show immediately if another tooltip is already visible
+        const delay = context.visibleTooltip ? 0 : state.showDelay;
+        setDelayTimeout(()=>{
+            setVisible(true, ev);
+        }, delay);
+        ev.persist(); // Persist the event since the setVisible call will happen asynchronously
+    }, [
+        setDelayTimeout,
+        setVisible,
+        state.showDelay,
+        context
+    ]);
+    // Listener for onPointerLeave and onBlur on the trigger element
+    const onLeaveTrigger = _react.useCallback((ev)=>{
+        let delay = state.hideDelay;
+        if (ev.type === "blur") {
+            // Hide immediately when losing focus
+            delay = 0;
+            ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;
+        }
+        setDelayTimeout(()=>{
+            setVisible(false, ev);
+        }, delay);
+        ev.persist(); // Persist the event since the setVisible call will happen asynchronously
+    }, [
+        setDelayTimeout,
+        setVisible,
+        state.hideDelay,
+        targetDocument
+    ]);
+    // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.
+    // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.
+    state.content.onPointerEnter = (0, _reactUtilities.mergeCallbacks)(state.content.onPointerEnter, clearDelayTimeout);
+    state.content.onPointerLeave = (0, _reactUtilities.mergeCallbacks)(state.content.onPointerLeave, onLeaveTrigger);
+    state.content.onFocus = (0, _reactUtilities.mergeCallbacks)(state.content.onFocus, clearDelayTimeout);
+    state.content.onBlur = (0, _reactUtilities.mergeCallbacks)(state.content.onBlur, onLeaveTrigger);
+    const child = (0, _reactUtilities.getTriggerChild)(children);
+    const triggerAriaProps = {};
+    if (relationship === "label") {
+        // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.
+        if (typeof state.content.children === "string") {
+            triggerAriaProps["aria-label"] = state.content.children;
+        } else {
+            triggerAriaProps["aria-labelledby"] = state.content.id;
+            // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element
+            state.shouldRenderTooltip = true;
+        }
+    } else if (relationship === "description") {
+        triggerAriaProps["aria-describedby"] = state.content.id;
+        // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element
+        state.shouldRenderTooltip = true;
     }
-    setDelayTimeout(() => {
-      setVisible(false, ev);
-    }, delay);
-    ev.persist(); // Persist the event since the setVisible call will happen asynchronously
-  }, [setDelayTimeout, setVisible, state.hideDelay, targetDocument]);
-  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.
-  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.
-  state.content.onPointerEnter = react_utilities_1.mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);
-  state.content.onPointerLeave = react_utilities_1.mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);
-  state.content.onFocus = react_utilities_1.mergeCallbacks(state.content.onFocus, clearDelayTimeout);
-  state.content.onBlur = react_utilities_1.mergeCallbacks(state.content.onBlur, onLeaveTrigger);
-  const child = react_utilities_1.getTriggerChild(children);
-  const triggerAriaProps = {};
-  if (relationship === 'label') {
-    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.
-    if (typeof state.content.children === 'string') {
-      triggerAriaProps['aria-label'] = state.content.children;
-    } else {
-      triggerAriaProps['aria-labelledby'] = state.content.id;
-      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element
-      state.shouldRenderTooltip = true;
+    // Don't render the Tooltip in SSR to avoid hydration errors
+    if (isServerSideRender) {
+        state.shouldRenderTooltip = false;
     }
-  } else if (relationship === 'description') {
-    triggerAriaProps['aria-describedby'] = state.content.id;
-    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element
-    state.shouldRenderTooltip = true;
-  }
-  // Don't render the Tooltip in SSR to avoid hydration errors
-  if (isServerSideRender) {
-    state.shouldRenderTooltip = false;
-  }
-  const childTargetRef = react_utilities_1.useMergedRefs(child === null || child === void 0 ? void 0 : child.ref, targetRef);
-  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props
-  state.children = react_utilities_1.applyTriggerPropsToChildren(children, {
-    ...triggerAriaProps,
-    ...(child === null || child === void 0 ? void 0 : child.props),
-    // If the target prop is not provided, attach targetRef to the trigger element's ref prop
-    ref: positioningOptions.target === undefined ? childTargetRef : child === null || child === void 0 ? void 0 : child.ref,
-    onPointerEnter: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.onPointerEnter, onEnterTrigger)),
-    onPointerLeave: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.onPointerLeave, onLeaveTrigger)),
-    onFocus: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks((_c = child === null || child === void 0 ? void 0 : child.props) === null || _c === void 0 ? void 0 : _c.onFocus, onEnterTrigger)),
-    onBlur: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks((_d = child === null || child === void 0 ? void 0 : child.props) === null || _d === void 0 ? void 0 : _d.onBlur, onLeaveTrigger))
-  });
-  return state;
-};
-exports.useTooltip_unstable = useTooltip_unstable;
+    const childTargetRef = (0, _reactUtilities.useMergedRefs)(child?.ref, targetRef);
+    // Apply the trigger props to the child, either by calling the render function, or cloning with the new props
+    state.children = (0, _reactUtilities.applyTriggerPropsToChildren)(children, {
+        ...triggerAriaProps,
+        ...child?.props,
+        // If the target prop is not provided, attach targetRef to the trigger element's ref prop
+        ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,
+        onPointerEnter: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props?.onPointerEnter, onEnterTrigger)),
+        onPointerLeave: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props?.onPointerLeave, onLeaveTrigger)),
+        onFocus: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props?.onFocus, onEnterTrigger)),
+        onBlur: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props?.onBlur, onLeaveTrigger))
+    });
+    return state;
+}; //# sourceMappingURL=useTooltip.js.map
+
 //# sourceMappingURL=useTooltip.js.map

package/lib-commonjs/components/Tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_positioning_1","react_shared_contexts_1","react_utilities_1","constants_1","keyboard_keys_1","useTooltip_unstable","props","context","useTooltipVisibility_unstable","isServerSideRender","useIsSSR","targetDocument","useFluent_unstable","setDelayTimeout","clearDelayTimeout","useTimeout","appearance","children","content","withArrow","positioning","onVisibleChange","relationship","showDelay","hideDelay","mountNode","visible","setVisibleInternal","useControllableState","state","initialState","setVisible","useCallback","newVisible","ev","oldVisible","shouldRenderTooltip","components","resolveShorthand","defaultProps","role","required","id","useId","positioningOptions","enabled","arrowPadding","tooltipBorderRadius","position","align","offset","resolvePositioningShorthand","mergeArrowOffset","arrowHeight","targetRef","containerRef","arrowRef","usePositioning","ref","useMergedRefs","useIsomorphicLayoutEffect","thisTooltip","hide","_a","visibleTooltip","onDocumentKeyDown","key","Escape","stopPropagation","addEventListener","capture","undefined","removeEventListener","ignoreNextFocusEventRef","useRef","onEnterTrigger","type","current","delay","persist","onLeaveTrigger","activeElement","target","onPointerEnter","mergeCallbacks","onPointerLeave","onFocus","onBlur","child","getTriggerChild","triggerAriaProps","childTargetRef","applyTriggerPropsToChildren","useEventCallback","_b","_c","_d","exports"],"sources":["../../../../../../../../../packages/react-components/react-tooltip/src/components/Tooltip/useTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport {\n  useTooltipVisibility_unstable as useTooltipVisibility,\n  useFluent_unstable as useFluent,\n} from '@fluentui/react-shared-contexts';\nimport {\n  applyTriggerPropsToChildren,\n  resolveShorthand,\n  useControllableState,\n  useId,\n  useIsomorphicLayoutEffect,\n  useIsSSR,\n  useMergedRefs,\n  useTimeout,\n  getTriggerChild,\n  mergeCallbacks,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport type { TooltipProps, TooltipState, TooltipChildProps } from './Tooltip.types';\nimport { arrowHeight, tooltipBorderRadius } from './private/constants';\nimport { Escape } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render Tooltip.\n *\n * The returned state can be modified with hooks such as useTooltipStyles_unstable,\n * before being passed to renderTooltip_unstable.\n *\n * @param props - props from this instance of Tooltip\n */\nexport const useTooltip_unstable = (props: TooltipProps): TooltipState => {\n  const context = useTooltipVisibility();\n  const isServerSideRender = useIsSSR();\n  const { targetDocument } = useFluent();\n  const [setDelayTimeout, clearDelayTimeout] = useTimeout();\n\n  const {\n    appearance = 'normal',\n    children,\n    content,\n    withArrow = false,\n    positioning = 'above',\n    onVisibleChange,\n    relationship,\n    showDelay = 250,\n    hideDelay = 250,\n    mountNode,\n  } = props;\n\n  const [visible, setVisibleInternal] = useControllableState({ state: props.visible, initialState: false });\n  const setVisible = React.useCallback(\n    (newVisible: boolean, ev?: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      clearDelayTimeout();\n      setVisibleInternal(oldVisible => {\n        if (newVisible !== oldVisible) {\n          onVisibleChange?.(ev, { visible: newVisible });\n        }\n        return newVisible;\n      });\n    },\n    [clearDelayTimeout, setVisibleInternal, onVisibleChange],\n  );\n\n  const state: TooltipState = {\n    withArrow,\n    positioning,\n    showDelay,\n    hideDelay,\n    relationship,\n    visible,\n    shouldRenderTooltip: visible,\n    appearance,\n    mountNode,\n    // Slots\n    components: {\n      content: 'div',\n    },\n    content: resolveShorthand(content, {\n      defaultProps: {\n        role: 'tooltip',\n      },\n      required: true,\n    }),\n  };\n\n  state.content.id = useId('tooltip-', state.content.id);\n\n  const positioningOptions = {\n    enabled: state.visible,\n    arrowPadding: 2 * tooltipBorderRadius,\n    position: 'above' as const,\n    align: 'center' as const,\n    offset: 4,\n    ...resolvePositioningShorthand(state.positioning),\n  };\n\n  if (state.withArrow) {\n    positioningOptions.offset = mergeArrowOffset(positioningOptions.offset, arrowHeight);\n  }\n\n  const {\n    targetRef,\n    containerRef,\n    arrowRef,\n  }: {\n    targetRef: React.MutableRefObject<unknown>;\n    containerRef: React.MutableRefObject<HTMLDivElement>;\n    arrowRef: React.MutableRefObject<HTMLDivElement>;\n  } = usePositioning(positioningOptions);\n\n  state.content.ref = useMergedRefs(state.content.ref, containerRef);\n  state.arrowRef = arrowRef;\n\n  // When this tooltip is visible, hide any other tooltips, and register it\n  // as the visibleTooltip with the TooltipContext.\n  // Also add a listener on document to hide the tooltip if Escape is pressed\n  useIsomorphicLayoutEffect(() => {\n    if (visible) {\n      const thisTooltip = { hide: () => setVisible(false) };\n\n      context.visibleTooltip?.hide();\n      context.visibleTooltip = thisTooltip;\n\n      const onDocumentKeyDown = (ev: KeyboardEvent) => {\n        if (ev.key === Escape) {\n          thisTooltip.hide();\n          // stop propagation to avoid conflicting with other elements that listen for `Escape`\n          // e,g: Dialog, Popover, Menu\n          ev.stopPropagation();\n        }\n      };\n\n      targetDocument?.addEventListener('keydown', onDocumentKeyDown, {\n        // As this event is added at targeted document,\n        // we need to capture the event to be sure keydown handling from tooltip happens first\n        capture: true,\n      });\n\n      return () => {\n        if (context.visibleTooltip === thisTooltip) {\n          context.visibleTooltip = undefined;\n        }\n\n        targetDocument?.removeEventListener('keydown', onDocumentKeyDown, { capture: true });\n      };\n    }\n  }, [context, targetDocument, visible, setVisible]);\n\n  // The focused element gets a blur event when the document loses focus\n  // (e.g. switching tabs in the browser), but we don't want to show the\n  // tooltip again when the document gets focus back. Handle this case by\n  // checking if the blurred element is still the document's activeElement.\n  // See https://github.com/microsoft/fluentui/issues/13541\n  const ignoreNextFocusEventRef = React.useRef(false);\n\n  // Listener for onPointerEnter and onFocus on the trigger element\n  const onEnterTrigger = React.useCallback(\n    (ev: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {\n        ignoreNextFocusEventRef.current = false;\n        return;\n      }\n\n      // Show immediately if another tooltip is already visible\n      const delay = context.visibleTooltip ? 0 : state.showDelay;\n\n      setDelayTimeout(() => {\n        setVisible(true, ev);\n      }, delay);\n\n      ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n    },\n    [setDelayTimeout, setVisible, state.showDelay, context],\n  );\n\n  // Listener for onPointerLeave and onBlur on the trigger element\n  const onLeaveTrigger = React.useCallback(\n    (ev: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      let delay = state.hideDelay;\n\n      if (ev.type === 'blur') {\n        // Hide immediately when losing focus\n        delay = 0;\n\n        ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;\n      }\n\n      setDelayTimeout(() => {\n        setVisible(false, ev);\n      }, delay);\n\n      ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n    },\n    [setDelayTimeout, setVisible, state.hideDelay, targetDocument],\n  );\n\n  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.\n  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.\n  state.content.onPointerEnter = mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);\n  state.content.onPointerLeave = mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);\n  state.content.onFocus = mergeCallbacks(state.content.onFocus, clearDelayTimeout);\n  state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);\n\n  const child = getTriggerChild(children);\n\n  const triggerAriaProps: Pick<TooltipChildProps, 'aria-label' | 'aria-labelledby' | 'aria-describedby'> = {};\n\n  if (relationship === 'label') {\n    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.\n    if (typeof state.content.children === 'string') {\n      triggerAriaProps['aria-label'] = state.content.children;\n    } else {\n      triggerAriaProps['aria-labelledby'] = state.content.id;\n      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element\n      state.shouldRenderTooltip = true;\n    }\n  } else if (relationship === 'description') {\n    triggerAriaProps['aria-describedby'] = state.content.id;\n    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element\n    state.shouldRenderTooltip = true;\n  }\n\n  // Don't render the Tooltip in SSR to avoid hydration errors\n  if (isServerSideRender) {\n    state.shouldRenderTooltip = false;\n  }\n\n  const childTargetRef = useMergedRefs(child?.ref, targetRef);\n\n  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props\n  state.children = applyTriggerPropsToChildren(children, {\n    ...triggerAriaProps,\n    ...child?.props,\n    // If the target prop is not provided, attach targetRef to the trigger element's ref prop\n    ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,\n    onPointerEnter: useEventCallback(mergeCallbacks(child?.props?.onPointerEnter, onEnterTrigger)),\n    onPointerLeave: useEventCallback(mergeCallbacks(child?.props?.onPointerLeave, onLeaveTrigger)),\n    onFocus: useEventCallback(mergeCallbacks(child?.props?.onFocus, onEnterTrigger)),\n    onBlur: useEventCallback(mergeCallbacks(child?.props?.onBlur, onLeaveTrigger)),\n  });\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Tooltip/useTooltip.js"],"sourcesContent":["import * as React from \"react\";\nimport { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from \"@fluentui/react-positioning\";\nimport { useTooltipVisibility_unstable as useTooltipVisibility, useFluent_unstable as useFluent } from \"@fluentui/react-shared-contexts\";\nimport { applyTriggerPropsToChildren, resolveShorthand, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout, getTriggerChild, mergeCallbacks, useEventCallback } from \"@fluentui/react-utilities\";\nimport { arrowHeight, tooltipBorderRadius } from \"./private/constants\";\nimport { Escape } from \"@fluentui/keyboard-keys\";\n/**\n * Create the state required to render Tooltip.\n *\n * The returned state can be modified with hooks such as useTooltipStyles_unstable,\n * before being passed to renderTooltip_unstable.\n *\n * @param props - props from this instance of Tooltip\n */\nexport const useTooltip_unstable = props => {\n  const context = useTooltipVisibility();\n  const isServerSideRender = useIsSSR();\n  const {\n    targetDocument\n  } = useFluent();\n  const [setDelayTimeout, clearDelayTimeout] = useTimeout();\n  const {\n    appearance = \"normal\",\n    children,\n    content,\n    withArrow = false,\n    positioning = \"above\",\n    onVisibleChange,\n    relationship,\n    showDelay = 250,\n    hideDelay = 250,\n    mountNode\n  } = props;\n  const [visible, setVisibleInternal] = useControllableState({\n    state: props.visible,\n    initialState: false\n  });\n  const setVisible = React.useCallback((newVisible, ev) => {\n    clearDelayTimeout();\n    setVisibleInternal(oldVisible => {\n      if (newVisible !== oldVisible) {\n        onVisibleChange?.(ev, {\n          visible: newVisible\n        });\n      }\n      return newVisible;\n    });\n  }, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);\n  const state = {\n    withArrow,\n    positioning,\n    showDelay,\n    hideDelay,\n    relationship,\n    visible,\n    shouldRenderTooltip: visible,\n    appearance,\n    mountNode,\n    // Slots\n    components: {\n      content: \"div\"\n    },\n    content: resolveShorthand(content, {\n      defaultProps: {\n        role: \"tooltip\"\n      },\n      required: true\n    })\n  };\n  state.content.id = useId(\"tooltip-\", state.content.id);\n  const positioningOptions = {\n    enabled: state.visible,\n    arrowPadding: 2 * tooltipBorderRadius,\n    position: \"above\",\n    align: \"center\",\n    offset: 4,\n    ...resolvePositioningShorthand(state.positioning)\n  };\n  if (state.withArrow) {\n    positioningOptions.offset = mergeArrowOffset(positioningOptions.offset, arrowHeight);\n  }\n  const {\n    targetRef,\n    containerRef,\n    arrowRef\n  } = usePositioning(positioningOptions);\n  state.content.ref = useMergedRefs(state.content.ref, containerRef);\n  state.arrowRef = arrowRef;\n  // When this tooltip is visible, hide any other tooltips, and register it\n  // as the visibleTooltip with the TooltipContext.\n  // Also add a listener on document to hide the tooltip if Escape is pressed\n  useIsomorphicLayoutEffect(() => {\n    if (visible) {\n      const thisTooltip = {\n        hide: () => setVisible(false)\n      };\n      context.visibleTooltip?.hide();\n      context.visibleTooltip = thisTooltip;\n      const onDocumentKeyDown = ev => {\n        if (ev.key === Escape) {\n          thisTooltip.hide();\n          // stop propagation to avoid conflicting with other elements that listen for `Escape`\n          // e,g: Dialog, Popover, Menu\n          ev.stopPropagation();\n        }\n      };\n      targetDocument?.addEventListener(\"keydown\", onDocumentKeyDown, {\n        // As this event is added at targeted document,\n        // we need to capture the event to be sure keydown handling from tooltip happens first\n        capture: true\n      });\n      return () => {\n        if (context.visibleTooltip === thisTooltip) {\n          context.visibleTooltip = undefined;\n        }\n        targetDocument?.removeEventListener(\"keydown\", onDocumentKeyDown, {\n          capture: true\n        });\n      };\n    }\n  }, [context, targetDocument, visible, setVisible]);\n  // The focused element gets a blur event when the document loses focus\n  // (e.g. switching tabs in the browser), but we don't want to show the\n  // tooltip again when the document gets focus back. Handle this case by\n  // checking if the blurred element is still the document's activeElement.\n  // See https://github.com/microsoft/fluentui/issues/13541\n  const ignoreNextFocusEventRef = React.useRef(false);\n  // Listener for onPointerEnter and onFocus on the trigger element\n  const onEnterTrigger = React.useCallback(ev => {\n    if (ev.type === \"focus\" && ignoreNextFocusEventRef.current) {\n      ignoreNextFocusEventRef.current = false;\n      return;\n    }\n    // Show immediately if another tooltip is already visible\n    const delay = context.visibleTooltip ? 0 : state.showDelay;\n    setDelayTimeout(() => {\n      setVisible(true, ev);\n    }, delay);\n    ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n  }, [setDelayTimeout, setVisible, state.showDelay, context]);\n  // Listener for onPointerLeave and onBlur on the trigger element\n  const onLeaveTrigger = React.useCallback(ev => {\n    let delay = state.hideDelay;\n    if (ev.type === \"blur\") {\n      // Hide immediately when losing focus\n      delay = 0;\n      ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;\n    }\n    setDelayTimeout(() => {\n      setVisible(false, ev);\n    }, delay);\n    ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n  }, [setDelayTimeout, setVisible, state.hideDelay, targetDocument]);\n  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.\n  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.\n  state.content.onPointerEnter = mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);\n  state.content.onPointerLeave = mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);\n  state.content.onFocus = mergeCallbacks(state.content.onFocus, clearDelayTimeout);\n  state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);\n  const child = getTriggerChild(children);\n  const triggerAriaProps = {};\n  if (relationship === \"label\") {\n    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.\n    if (typeof state.content.children === \"string\") {\n      triggerAriaProps[\"aria-label\"] = state.content.children;\n    } else {\n      triggerAriaProps[\"aria-labelledby\"] = state.content.id;\n      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element\n      state.shouldRenderTooltip = true;\n    }\n  } else if (relationship === \"description\") {\n    triggerAriaProps[\"aria-describedby\"] = state.content.id;\n    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element\n    state.shouldRenderTooltip = true;\n  }\n  // Don't render the Tooltip in SSR to avoid hydration errors\n  if (isServerSideRender) {\n    state.shouldRenderTooltip = false;\n  }\n  const childTargetRef = useMergedRefs(child?.ref, targetRef);\n  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props\n  state.children = applyTriggerPropsToChildren(children, {\n    ...triggerAriaProps,\n    ...child?.props,\n    // If the target prop is not provided, attach targetRef to the trigger element's ref prop\n    ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,\n    onPointerEnter: useEventCallback(mergeCallbacks(child?.props?.onPointerEnter, onEnterTrigger)),\n    onPointerLeave: useEventCallback(mergeCallbacks(child?.props?.onPointerLeave, onLeaveTrigger)),\n    onFocus: useEventCallback(mergeCallbacks(child?.props?.onFocus, onEnterTrigger)),\n    onBlur: useEventCallback(mergeCallbacks(child?.props?.onBlur, onLeaveTrigger))\n  });\n  return state;\n};\n//# sourceMappingURL=useTooltip.js.map"],"names":["useTooltip_unstable","props","context","useTooltipVisibility","isServerSideRender","useIsSSR","targetDocument","useFluent","setDelayTimeout","clearDelayTimeout","useTimeout","appearance","children","content","withArrow","positioning","onVisibleChange","relationship","showDelay","hideDelay","mountNode","visible","setVisibleInternal","useControllableState","state","initialState","setVisible","React","useCallback","newVisible","ev","oldVisible","shouldRenderTooltip","components","resolveShorthand","defaultProps","role","required","id","useId","positioningOptions","enabled","arrowPadding","tooltipBorderRadius","position","align","offset","resolvePositioningShorthand","mergeArrowOffset","arrowHeight","targetRef","containerRef","arrowRef","usePositioning","ref","useMergedRefs","useIsomorphicLayoutEffect","thisTooltip","hide","visibleTooltip","onDocumentKeyDown","key","Escape","stopPropagation","addEventListener","capture","undefined","removeEventListener","ignoreNextFocusEventRef","useRef","onEnterTrigger","type","current","delay","persist","onLeaveTrigger","activeElement","target","onPointerEnter","mergeCallbacks","onPointerLeave","onFocus","onBlur","child","getTriggerChild","triggerAriaProps","childTargetRef","applyTriggerPropsToChildren","useEventCallback"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAdU;kCACuD;qCACyB;gCACuG;2BAC7J;8BAC1B;AAShB,MAAMA,sBAAsBC,CAAAA,QAAS;IAC1C,MAAMC,UAAUC,IAAAA,kDAAoB;IACpC,MAAMC,qBAAqBC,IAAAA,wBAAQ;IACnC,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,MAAM,CAACC,iBAAiBC,kBAAkB,GAAGC,IAAAA,0BAAU;IACvD,MAAM,EACJC,YAAa,SAAQ,EACrBC,SAAQ,EACRC,QAAO,EACPC,WAAY,KAAK,CAAA,EACjBC,aAAc,QAAO,EACrBC,gBAAe,EACfC,aAAY,EACZC,WAAY,IAAG,EACfC,WAAY,IAAG,EACfC,UAAS,EACV,GAAGnB;IACJ,MAAM,CAACoB,SAASC,mBAAmB,GAAGC,IAAAA,oCAAoB,EAAC;QACzDC,OAAOvB,MAAMoB,OAAO;QACpBI,cAAc,KAAK;IACrB;IACA,MAAMC,aAAaC,OAAMC,WAAW,CAAC,CAACC,YAAYC,KAAO;QACvDrB;QACAa,mBAAmBS,CAAAA,aAAc;YAC/B,IAAIF,eAAeE,YAAY;gBAC7Bf,kBAAkBc,IAAI;oBACpBT,SAASQ;gBACX;YACF,CAAC;YACD,OAAOA;QACT;IACF,GAAG;QAACpB;QAAmBa;QAAoBN;KAAgB;IAC3D,MAAMQ,QAAQ;QACZV;QACAC;QACAG;QACAC;QACAF;QACAI;QACAW,qBAAqBX;QACrBV;QACAS;QACA,QAAQ;QACRa,YAAY;YACVpB,SAAS;QACX;QACAA,SAASqB,IAAAA,gCAAgB,EAACrB,SAAS;YACjCsB,cAAc;gBACZC,MAAM;YACR;YACAC,UAAU,IAAI;QAChB;IACF;IACAb,MAAMX,OAAO,CAACyB,EAAE,GAAGC,IAAAA,qBAAK,EAAC,YAAYf,MAAMX,OAAO,CAACyB,EAAE;IACrD,MAAME,qBAAqB;QACzBC,SAASjB,MAAMH,OAAO;QACtBqB,cAAc,IAAIC,8BAAmB;QACrCC,UAAU;QACVC,OAAO;QACPC,QAAQ;QACR,GAAGC,IAAAA,6CAA2B,EAACvB,MAAMT,WAAW,CAAC;IACnD;IACA,IAAIS,MAAMV,SAAS,EAAE;QACnB0B,mBAAmBM,MAAM,GAAGE,IAAAA,kCAAgB,EAACR,mBAAmBM,MAAM,EAAEG,sBAAW;IACrF,CAAC;IACD,MAAM,EACJC,UAAS,EACTC,aAAY,EACZC,SAAQ,EACT,GAAGC,IAAAA,gCAAc,EAACb;IACnBhB,MAAMX,OAAO,CAACyC,GAAG,GAAGC,IAAAA,6BAAa,EAAC/B,MAAMX,OAAO,CAACyC,GAAG,EAAEH;IACrD3B,MAAM4B,QAAQ,GAAGA;IACjB,yEAAyE;IACzE,iDAAiD;IACjD,2EAA2E;IAC3EI,IAAAA,yCAAyB,EAAC,IAAM;QAC9B,IAAInC,SAAS;YACX,MAAMoC,cAAc;gBAClBC,MAAM,IAAMhC,WAAW,KAAK;YAC9B;YACAxB,QAAQyD,cAAc,EAAED;YACxBxD,QAAQyD,cAAc,GAAGF;YACzB,MAAMG,oBAAoB9B,CAAAA,KAAM;gBAC9B,IAAIA,GAAG+B,GAAG,KAAKC,oBAAM,EAAE;oBACrBL,YAAYC,IAAI;oBAChB,qFAAqF;oBACrF,6BAA6B;oBAC7B5B,GAAGiC,eAAe;gBACpB,CAAC;YACH;YACAzD,gBAAgB0D,iBAAiB,WAAWJ,mBAAmB;gBAC7D,+CAA+C;gBAC/C,sFAAsF;gBACtFK,SAAS,IAAI;YACf;YACA,OAAO,IAAM;gBACX,IAAI/D,QAAQyD,cAAc,KAAKF,aAAa;oBAC1CvD,QAAQyD,cAAc,GAAGO;gBAC3B,CAAC;gBACD5D,gBAAgB6D,oBAAoB,WAAWP,mBAAmB;oBAChEK,SAAS,IAAI;gBACf;YACF;QACF,CAAC;IACH,GAAG;QAAC/D;QAASI;QAAgBe;QAASK;KAAW;IACjD,sEAAsE;IACtE,sEAAsE;IACtE,uEAAuE;IACvE,yEAAyE;IACzE,yDAAyD;IACzD,MAAM0C,0BAA0BzC,OAAM0C,MAAM,CAAC,KAAK;IAClD,iEAAiE;IACjE,MAAMC,iBAAiB3C,OAAMC,WAAW,CAACE,CAAAA,KAAM;QAC7C,IAAIA,GAAGyC,IAAI,KAAK,WAAWH,wBAAwBI,OAAO,EAAE;YAC1DJ,wBAAwBI,OAAO,GAAG,KAAK;YACvC;QACF,CAAC;QACD,yDAAyD;QACzD,MAAMC,QAAQvE,QAAQyD,cAAc,GAAG,IAAInC,MAAMN,SAAS;QAC1DV,gBAAgB,IAAM;YACpBkB,WAAW,IAAI,EAAEI;QACnB,GAAG2C;QACH3C,GAAG4C,OAAO,IAAI,yEAAyE;IACzF,GAAG;QAAClE;QAAiBkB;QAAYF,MAAMN,SAAS;QAAEhB;KAAQ;IAC1D,gEAAgE;IAChE,MAAMyE,iBAAiBhD,OAAMC,WAAW,CAACE,CAAAA,KAAM;QAC7C,IAAI2C,QAAQjD,MAAML,SAAS;QAC3B,IAAIW,GAAGyC,IAAI,KAAK,QAAQ;YACtB,qCAAqC;YACrCE,QAAQ;YACRL,wBAAwBI,OAAO,GAAGlE,gBAAgBsE,kBAAkB9C,GAAG+C,MAAM;QAC/E,CAAC;QACDrE,gBAAgB,IAAM;YACpBkB,WAAW,KAAK,EAAEI;QACpB,GAAG2C;QACH3C,GAAG4C,OAAO,IAAI,yEAAyE;IACzF,GAAG;QAAClE;QAAiBkB;QAAYF,MAAML,SAAS;QAAEb;KAAe;IACjE,mHAAmH;IACnH,0FAA0F;IAC1FkB,MAAMX,OAAO,CAACiE,cAAc,GAAGC,IAAAA,8BAAc,EAACvD,MAAMX,OAAO,CAACiE,cAAc,EAAErE;IAC5Ee,MAAMX,OAAO,CAACmE,cAAc,GAAGD,IAAAA,8BAAc,EAACvD,MAAMX,OAAO,CAACmE,cAAc,EAAEL;IAC5EnD,MAAMX,OAAO,CAACoE,OAAO,GAAGF,IAAAA,8BAAc,EAACvD,MAAMX,OAAO,CAACoE,OAAO,EAAExE;IAC9De,MAAMX,OAAO,CAACqE,MAAM,GAAGH,IAAAA,8BAAc,EAACvD,MAAMX,OAAO,CAACqE,MAAM,EAAEP;IAC5D,MAAMQ,QAAQC,IAAAA,+BAAe,EAACxE;IAC9B,MAAMyE,mBAAmB,CAAC;IAC1B,IAAIpE,iBAAiB,SAAS;QAC5B,4FAA4F;QAC5F,IAAI,OAAOO,MAAMX,OAAO,CAACD,QAAQ,KAAK,UAAU;YAC9CyE,gBAAgB,CAAC,aAAa,GAAG7D,MAAMX,OAAO,CAACD,QAAQ;QACzD,OAAO;YACLyE,gBAAgB,CAAC,kBAAkB,GAAG7D,MAAMX,OAAO,CAACyB,EAAE;YACtD,8FAA8F;YAC9Fd,MAAMQ,mBAAmB,GAAG,IAAI;QAClC,CAAC;IACH,OAAO,IAAIf,iBAAiB,eAAe;QACzCoE,gBAAgB,CAAC,mBAAmB,GAAG7D,MAAMX,OAAO,CAACyB,EAAE;QACvD,+FAA+F;QAC/Fd,MAAMQ,mBAAmB,GAAG,IAAI;IAClC,CAAC;IACD,4DAA4D;IAC5D,IAAI5B,oBAAoB;QACtBoB,MAAMQ,mBAAmB,GAAG,KAAK;IACnC,CAAC;IACD,MAAMsD,iBAAiB/B,IAAAA,6BAAa,EAAC4B,OAAO7B,KAAKJ;IACjD,6GAA6G;IAC7G1B,MAAMZ,QAAQ,GAAG2E,IAAAA,2CAA2B,EAAC3E,UAAU;QACrD,GAAGyE,gBAAgB;QACnB,GAAGF,OAAOlF,KAAK;QACf,yFAAyF;QACzFqD,KAAKd,mBAAmBqC,MAAM,KAAKX,YAAYoB,iBAAiBH,OAAO7B,GAAG;QAC1EwB,gBAAgBU,IAAAA,gCAAgB,EAACT,IAAAA,8BAAc,EAACI,OAAOlF,OAAO6E,gBAAgBR;QAC9EU,gBAAgBQ,IAAAA,gCAAgB,EAACT,IAAAA,8BAAc,EAACI,OAAOlF,OAAO+E,gBAAgBL;QAC9EM,SAASO,IAAAA,gCAAgB,EAACT,IAAAA,8BAAc,EAACI,OAAOlF,OAAOgF,SAASX;QAChEY,QAAQM,IAAAA,gCAAgB,EAACT,IAAAA,8BAAc,EAACI,OAAOlF,OAAOiF,QAAQP;IAChE;IACA,OAAOnD;AACT,GACA,sCAAsC"}