????
Your IP : 216.73.216.130
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{r as reactExports,h as useTheme,j as _objectWithoutPropertiesLoose,aU as useForkRef,bA as ownerWindow,k as jsxRuntimeExports,_ as _extends,bB as Transition,bC as debounce,bD as reflow,bE as getTransitionProps}from"./index-y1X-EiI1.js";const _excluded=["addEndListener","appear","children","container","direction","easing","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"];function getTranslateValue(direction,node,resolvedContainer){const rect=node.getBoundingClientRect(),containerRect=resolvedContainer&&resolvedContainer.getBoundingClientRect(),containerWindow=ownerWindow(node);let transform;if(node.fakeTransform)transform=node.fakeTransform;else{const computedStyle=containerWindow.getComputedStyle(node);transform=computedStyle.getPropertyValue("-webkit-transform")||computedStyle.getPropertyValue("transform")}let offsetX=0,offsetY=0;if(transform&&transform!=="none"&&typeof transform=="string"){const transformValues=transform.split("(")[1].split(")")[0].split(",");offsetX=parseInt(transformValues[4],10),offsetY=parseInt(transformValues[5],10)}return direction==="left"?containerRect?`translateX(${containerRect.right+offsetX-rect.left}px)`:`translateX(${containerWindow.innerWidth+offsetX-rect.left}px)`:direction==="right"?containerRect?`translateX(-${rect.right-containerRect.left-offsetX}px)`:`translateX(-${rect.left+rect.width-offsetX}px)`:direction==="up"?containerRect?`translateY(${containerRect.bottom+offsetY-rect.top}px)`:`translateY(${containerWindow.innerHeight+offsetY-rect.top}px)`:containerRect?`translateY(-${rect.top-containerRect.top+rect.height-offsetY}px)`:`translateY(-${rect.top+rect.height-offsetY}px)`}__name(getTranslateValue,"getTranslateValue");function resolveContainer(containerPropProp){return typeof containerPropProp=="function"?containerPropProp():containerPropProp}__name(resolveContainer,"resolveContainer");function setTranslateValue(direction,node,containerProp){const resolvedContainer=resolveContainer(containerProp),transform=getTranslateValue(direction,node,resolvedContainer);transform&&(node.style.webkitTransform=transform,node.style.transform=transform)}__name(setTranslateValue,"setTranslateValue");const Slide=reactExports.forwardRef(__name(function(props,ref){const theme=useTheme(),defaultEasing={enter:theme.transitions.easing.easeOut,exit:theme.transitions.easing.sharp},defaultTimeout={enter:theme.transitions.duration.enteringScreen,exit:theme.transitions.duration.leavingScreen},{addEndListener,appear=!0,children,container:containerProp,direction="down",easing:easingProp=defaultEasing,in:inProp,onEnter,onEntered,onEntering,onExit,onExited,onExiting,style,timeout=defaultTimeout,TransitionComponent=Transition}=props,other=_objectWithoutPropertiesLoose(props,_excluded),childrenRef=reactExports.useRef(null),handleRef=useForkRef(children.ref,childrenRef,ref),normalizedTransitionCallback=__name(callback=>isAppearing=>{callback&&(isAppearing===void 0?callback(childrenRef.current):callback(childrenRef.current,isAppearing))},"normalizedTransitionCallback"),handleEnter=normalizedTransitionCallback((node,isAppearing)=>{setTranslateValue(direction,node,containerProp),reflow(node),onEnter&&onEnter(node,isAppearing)}),handleEntering=normalizedTransitionCallback((node,isAppearing)=>{const transitionProps=getTransitionProps({timeout,style,easing:easingProp},{mode:"enter"});node.style.webkitTransition=theme.transitions.create("-webkit-transform",_extends({},transitionProps)),node.style.transition=theme.transitions.create("transform",_extends({},transitionProps)),node.style.webkitTransform="none",node.style.transform="none",onEntering&&onEntering(node,isAppearing)}),handleEntered=normalizedTransitionCallback(onEntered),handleExiting=normalizedTransitionCallback(onExiting),handleExit=normalizedTransitionCallback(node=>{const transitionProps=getTransitionProps({timeout,style,easing:easingProp},{mode:"exit"});node.style.webkitTransition=theme.transitions.create("-webkit-transform",transitionProps),node.style.transition=theme.transitions.create("transform",transitionProps),setTranslateValue(direction,node,containerProp),onExit&&onExit(node)}),handleExited=normalizedTransitionCallback(node=>{node.style.webkitTransition="",node.style.transition="",onExited&&onExited(node)}),handleAddEndListener=__name(next=>{addEndListener&&addEndListener(childrenRef.current,next)},"handleAddEndListener"),updatePosition=reactExports.useCallback(()=>{childrenRef.current&&setTranslateValue(direction,childrenRef.current,containerProp)},[direction,containerProp]);return reactExports.useEffect(()=>{if(inProp||direction==="down"||direction==="right")return;const handleResize=debounce(()=>{childrenRef.current&&setTranslateValue(direction,childrenRef.current,containerProp)}),containerWindow=ownerWindow(childrenRef.current);return containerWindow.addEventListener("resize",handleResize),()=>{handleResize.clear(),containerWindow.removeEventListener("resize",handleResize)}},[direction,inProp,containerProp]),reactExports.useEffect(()=>{inProp||updatePosition()},[inProp,updatePosition]),jsxRuntimeExports.jsx(TransitionComponent,_extends({nodeRef:childrenRef,onEnter:handleEnter,onEntered:handleEntered,onEntering:handleEntering,onExit:handleExit,onExited:handleExited,onExiting:handleExiting,addEndListener:handleAddEndListener,appear,in:inProp,timeout},other,{children:(state,childProps)=>reactExports.cloneElement(children,_extends({ref:handleRef,style:_extends({visibility:state==="exited"&&!inProp?"hidden":void 0},style,children.props.style)},childProps))}))},"Slide2"));export{Slide as S};