????
Your IP : 18.220.69.92
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{b as reactExports,d as useTheme,f as _objectWithoutPropertiesLoose,b1 as useForkRef,c7 as ownerWindow,j as jsxRuntimeExports,_ as _extends,i as PropTypes,by as elementAcceptingRef,b9 as chainPropTypes,c8 as HTMLElementType,bO as Transition,c9 as debounce,bP as reflow,bQ as getTransitionProps}from"./index-D8rI6KyB.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"));Slide.propTypes={addEndListener:PropTypes.func,appear:PropTypes.bool,children:elementAcceptingRef.isRequired,container:chainPropTypes(PropTypes.oneOfType([HTMLElementType,PropTypes.func]),props=>{if(props.open){const resolvedContainer=resolveContainer(props.container);if(resolvedContainer&&resolvedContainer.nodeType===1){const box=resolvedContainer.getBoundingClientRect();if(box.top===0&&box.left===0&&box.right===0&&box.bottom===0)return new Error(["MUI: The `container` prop provided to the component is invalid.","The anchor element should be part of the document layout.","Make sure the element is present in the document or that it's not display none."].join(`
`))}else if(!resolvedContainer||typeof resolvedContainer.getBoundingClientRect!="function"||resolvedContainer.contextElement!=null&&resolvedContainer.contextElement.nodeType!==1)return new Error(["MUI: The `container` prop provided to the component is invalid.","It should be an HTML element instance."].join(`
`))}return null}),direction:PropTypes.oneOf(["down","left","right","up"]),easing:PropTypes.oneOfType([PropTypes.shape({enter:PropTypes.string,exit:PropTypes.string}),PropTypes.string]),in:PropTypes.bool,onEnter:PropTypes.func,onEntered:PropTypes.func,onEntering:PropTypes.func,onExit:PropTypes.func,onExited:PropTypes.func,onExiting:PropTypes.func,style:PropTypes.object,timeout:PropTypes.oneOfType([PropTypes.number,PropTypes.shape({appear:PropTypes.number,enter:PropTypes.number,exit:PropTypes.number})])};export{Slide as S};