????
Current Path : C:/inetpub/vhost/donthu.gdtsolutions.vn/api/wwwroot/assets/ |
Current File : C:/inetpub/vhost/donthu.gdtsolutions.vn/api/wwwroot/assets/Tooltip-D7fDAfmq.js |
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{a as generateUtilityClasses,g as generateUtilityClass,s as styled,_ as _extends,c as capitalize,aZ as alpha_1,b as reactExports,u as useThemeProps,f as _objectWithoutPropertiesLoose,d as useTheme,e as useRtl,bz as useTimeout,b0 as useControlled,b2 as useId,br as useEventCallback,c3 as useIsFocusVisible,b1 as useForkRef,h as clsx,b7 as Grow,c4 as appendOwnerState,j as jsxRuntimeExports,i as PropTypes,by as elementAcceptingRef,l as composeClasses,c5 as Timeout}from"./index-D8rI6KyB.js";import{P as Popper}from"./Popper-eiiT0b8-.js";function getTooltipUtilityClass(slot){return generateUtilityClass("MuiTooltip",slot)}__name(getTooltipUtilityClass,"getTooltipUtilityClass");const tooltipClasses=generateUtilityClasses("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"]),_excluded=["arrow","children","classes","components","componentsProps","describeChild","disableFocusListener","disableHoverListener","disableInteractive","disableTouchListener","enterDelay","enterNextDelay","enterTouchDelay","followCursor","id","leaveDelay","leaveTouchDelay","onClose","onOpen","open","placement","PopperComponent","PopperProps","slotProps","slots","title","TransitionComponent","TransitionProps"];function round(value){return Math.round(value*1e5)/1e5}__name(round,"round");const useUtilityClasses=__name(ownerState=>{const{classes,disableInteractive,arrow,touch,placement}=ownerState,slots={popper:["popper",!disableInteractive&&"popperInteractive",arrow&&"popperArrow"],tooltip:["tooltip",arrow&&"tooltipArrow",touch&&"touch",`tooltipPlacement${capitalize(placement.split("-")[0])}`],arrow:["arrow"]};return composeClasses(slots,getTooltipUtilityClass,classes)},"useUtilityClasses"),TooltipPopper=styled(Popper,{name:"MuiTooltip",slot:"Popper",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.popper,!ownerState.disableInteractive&&styles.popperInteractive,ownerState.arrow&&styles.popperArrow,!ownerState.open&&styles.popperClose]}})(({theme,ownerState,open})=>_extends({zIndex:(theme.vars||theme).zIndex.tooltip,pointerEvents:"none"},!ownerState.disableInteractive&&{pointerEvents:"auto"},!open&&{pointerEvents:"none"},ownerState.arrow&&{[`&[data-popper-placement*="bottom"] .${tooltipClasses.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${tooltipClasses.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${tooltipClasses.arrow}`]:_extends({},ownerState.isRtl?{right:0,marginRight:"-0.71em"}:{left:0,marginLeft:"-0.71em"},{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}}),[`&[data-popper-placement*="left"] .${tooltipClasses.arrow}`]:_extends({},ownerState.isRtl?{left:0,marginLeft:"-0.71em"}:{right:0,marginRight:"-0.71em"},{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}})})),TooltipTooltip=styled("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.tooltip,ownerState.touch&&styles.touch,ownerState.arrow&&styles.tooltipArrow,styles[`tooltipPlacement${capitalize(ownerState.placement.split("-")[0])}`]]}})(({theme,ownerState})=>_extends({backgroundColor:theme.vars?theme.vars.palette.Tooltip.bg:alpha_1(theme.palette.grey[700],.92),borderRadius:(theme.vars||theme).shape.borderRadius,color:(theme.vars||theme).palette.common.white,fontFamily:theme.typography.fontFamily,padding:"4px 8px",fontSize:theme.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:theme.typography.fontWeightMedium},ownerState.arrow&&{position:"relative",margin:0},ownerState.touch&&{padding:"8px 16px",fontSize:theme.typography.pxToRem(14),lineHeight:`${round(16/14)}em`,fontWeight:theme.typography.fontWeightRegular},{[`.${tooltipClasses.popper}[data-popper-placement*="left"] &`]:_extends({transformOrigin:"right center"},ownerState.isRtl?_extends({marginLeft:"14px"},ownerState.touch&&{marginLeft:"24px"}):_extends({marginRight:"14px"},ownerState.touch&&{marginRight:"24px"})),[`.${tooltipClasses.popper}[data-popper-placement*="right"] &`]:_extends({transformOrigin:"left center"},ownerState.isRtl?_extends({marginRight:"14px"},ownerState.touch&&{marginRight:"24px"}):_extends({marginLeft:"14px"},ownerState.touch&&{marginLeft:"24px"})),[`.${tooltipClasses.popper}[data-popper-placement*="top"] &`]:_extends({transformOrigin:"center bottom",marginBottom:"14px"},ownerState.touch&&{marginBottom:"24px"}),[`.${tooltipClasses.popper}[data-popper-placement*="bottom"] &`]:_extends({transformOrigin:"center top",marginTop:"14px"},ownerState.touch&&{marginTop:"24px"})})),TooltipArrow=styled("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(props,styles)=>styles.arrow})(({theme})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:theme.vars?theme.vars.palette.Tooltip.bg:alpha_1(theme.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}}));let hystersisOpen=!1;const hystersisTimer=new Timeout;let cursorPosition={x:0,y:0};function composeEventHandler(handler,eventHandler){return(event,...params)=>{eventHandler&&eventHandler(event,...params),handler(event,...params)}}__name(composeEventHandler,"composeEventHandler");const Tooltip=reactExports.forwardRef(__name(function(inProps,ref){var _ref,_slots$popper,_ref2,_ref3,_slots$transition,_ref4,_slots$tooltip,_ref5,_slots$arrow,_slotProps$popper,_ref6,_slotProps$popper2,_slotProps$transition,_slotProps$tooltip,_ref7,_slotProps$tooltip2,_slotProps$arrow,_ref8,_slotProps$arrow2;const props=useThemeProps({props:inProps,name:"MuiTooltip"}),{arrow=!1,children:childrenProp,components={},componentsProps={},describeChild=!1,disableFocusListener=!1,disableHoverListener=!1,disableInteractive:disableInteractiveProp=!1,disableTouchListener=!1,enterDelay=100,enterNextDelay=0,enterTouchDelay=700,followCursor=!1,id:idProp,leaveDelay=0,leaveTouchDelay=1500,onClose,onOpen,open:openProp,placement="bottom",PopperComponent:PopperComponentProp,PopperProps={},slotProps={},slots={},title,TransitionComponent:TransitionComponentProp=Grow,TransitionProps}=props,other=_objectWithoutPropertiesLoose(props,_excluded),children=reactExports.isValidElement(childrenProp)?childrenProp:jsxRuntimeExports.jsx("span",{children:childrenProp}),theme=useTheme(),isRtl=useRtl(),[childNode,setChildNode]=reactExports.useState(),[arrowRef,setArrowRef]=reactExports.useState(null),ignoreNonTouchEvents=reactExports.useRef(!1),disableInteractive=disableInteractiveProp||followCursor,closeTimer=useTimeout(),enterTimer=useTimeout(),leaveTimer=useTimeout(),touchTimer=useTimeout(),[openState,setOpenState]=useControlled({controlled:openProp,default:!1,name:"Tooltip",state:"open"});let open=openState;{const{current:isControlled}=reactExports.useRef(openProp!==void 0);reactExports.useEffect(()=>{childNode&&childNode.disabled&&!isControlled&&title!==""&&childNode.tagName.toLowerCase()==="button"&&console.error(["MUI: You are providing a disabled `button` child to the Tooltip component.","A disabled element does not fire events.","Tooltip needs to listen to the child element's events to display the title.","","Add a simple wrapper element, such as a `span`."].join(` `))},[title,childNode,isControlled])}const id=useId(idProp),prevUserSelect=reactExports.useRef(),stopTouchInteraction=useEventCallback(()=>{prevUserSelect.current!==void 0&&(document.body.style.WebkitUserSelect=prevUserSelect.current,prevUserSelect.current=void 0),touchTimer.clear()});reactExports.useEffect(()=>stopTouchInteraction,[stopTouchInteraction]);const handleOpen=__name(event=>{hystersisTimer.clear(),hystersisOpen=!0,setOpenState(!0),onOpen&&!open&&onOpen(event)},"handleOpen"),handleClose=useEventCallback(event=>{hystersisTimer.start(800+leaveDelay,()=>{hystersisOpen=!1}),setOpenState(!1),onClose&&open&&onClose(event),closeTimer.start(theme.transitions.duration.shortest,()=>{ignoreNonTouchEvents.current=!1})}),handleMouseOver=__name(event=>{ignoreNonTouchEvents.current&&event.type!=="touchstart"||(childNode&&childNode.removeAttribute("title"),enterTimer.clear(),leaveTimer.clear(),enterDelay||hystersisOpen&&enterNextDelay?enterTimer.start(hystersisOpen?enterNextDelay:enterDelay,()=>{handleOpen(event)}):handleOpen(event))},"handleMouseOver"),handleMouseLeave=__name(event=>{enterTimer.clear(),leaveTimer.start(leaveDelay,()=>{handleClose(event)})},"handleMouseLeave"),{isFocusVisibleRef,onBlur:handleBlurVisible,onFocus:handleFocusVisible,ref:focusVisibleRef}=useIsFocusVisible(),[,setChildIsFocusVisible]=reactExports.useState(!1),handleBlur=__name(event=>{handleBlurVisible(event),isFocusVisibleRef.current===!1&&(setChildIsFocusVisible(!1),handleMouseLeave(event))},"handleBlur"),handleFocus=__name(event=>{childNode||setChildNode(event.currentTarget),handleFocusVisible(event),isFocusVisibleRef.current===!0&&(setChildIsFocusVisible(!0),handleMouseOver(event))},"handleFocus"),detectTouchStart=__name(event=>{ignoreNonTouchEvents.current=!0;const childrenProps2=children.props;childrenProps2.onTouchStart&&childrenProps2.onTouchStart(event)},"detectTouchStart"),handleTouchStart=__name(event=>{detectTouchStart(event),leaveTimer.clear(),closeTimer.clear(),stopTouchInteraction(),prevUserSelect.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",touchTimer.start(enterTouchDelay,()=>{document.body.style.WebkitUserSelect=prevUserSelect.current,handleMouseOver(event)})},"handleTouchStart"),handleTouchEnd=__name(event=>{children.props.onTouchEnd&&children.props.onTouchEnd(event),stopTouchInteraction(),leaveTimer.start(leaveTouchDelay,()=>{handleClose(event)})},"handleTouchEnd");reactExports.useEffect(()=>{if(!open)return;function handleKeyDown(nativeEvent){(nativeEvent.key==="Escape"||nativeEvent.key==="Esc")&&handleClose(nativeEvent)}return __name(handleKeyDown,"handleKeyDown"),document.addEventListener("keydown",handleKeyDown),()=>{document.removeEventListener("keydown",handleKeyDown)}},[handleClose,open]);const handleRef=useForkRef(children.ref,focusVisibleRef,setChildNode,ref);!title&&title!==0&&(open=!1);const popperRef=reactExports.useRef(),handleMouseMove=__name(event=>{const childrenProps2=children.props;childrenProps2.onMouseMove&&childrenProps2.onMouseMove(event),cursorPosition={x:event.clientX,y:event.clientY},popperRef.current&&popperRef.current.update()},"handleMouseMove"),nameOrDescProps={},titleIsString=typeof title=="string";describeChild?(nameOrDescProps.title=!open&&titleIsString&&!disableHoverListener?title:null,nameOrDescProps["aria-describedby"]=open?id:null):(nameOrDescProps["aria-label"]=titleIsString?title:null,nameOrDescProps["aria-labelledby"]=open&&!titleIsString?id:null);const childrenProps=_extends({},nameOrDescProps,other,children.props,{className:clsx(other.className,children.props.className),onTouchStart:detectTouchStart,ref:handleRef},followCursor?{onMouseMove:handleMouseMove}:{});childrenProps["data-mui-internal-clone-element"]=!0,reactExports.useEffect(()=>{childNode&&!childNode.getAttribute("data-mui-internal-clone-element")&&console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.","Please make sure that props are spread on the same element that the ref is applied to."].join(` `))},[childNode]);const interactiveWrapperListeners={};disableTouchListener||(childrenProps.onTouchStart=handleTouchStart,childrenProps.onTouchEnd=handleTouchEnd),disableHoverListener||(childrenProps.onMouseOver=composeEventHandler(handleMouseOver,childrenProps.onMouseOver),childrenProps.onMouseLeave=composeEventHandler(handleMouseLeave,childrenProps.onMouseLeave),disableInteractive||(interactiveWrapperListeners.onMouseOver=handleMouseOver,interactiveWrapperListeners.onMouseLeave=handleMouseLeave)),disableFocusListener||(childrenProps.onFocus=composeEventHandler(handleFocus,childrenProps.onFocus),childrenProps.onBlur=composeEventHandler(handleBlur,childrenProps.onBlur),disableInteractive||(interactiveWrapperListeners.onFocus=handleFocus,interactiveWrapperListeners.onBlur=handleBlur)),children.props.title&&console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.",`Remove this title prop \`${children.props.title}\` or the Tooltip component.`].join(` `));const popperOptions=reactExports.useMemo(()=>{var _PopperProps$popperOp;let tooltipModifiers=[{name:"arrow",enabled:!!arrowRef,options:{element:arrowRef,padding:4}}];return(_PopperProps$popperOp=PopperProps.popperOptions)!=null&&_PopperProps$popperOp.modifiers&&(tooltipModifiers=tooltipModifiers.concat(PopperProps.popperOptions.modifiers)),_extends({},PopperProps.popperOptions,{modifiers:tooltipModifiers})},[arrowRef,PopperProps]),ownerState=_extends({},props,{isRtl,arrow,disableInteractive,placement,PopperComponentProp,touch:ignoreNonTouchEvents.current}),classes=useUtilityClasses(ownerState),PopperComponent=(_ref=(_slots$popper=slots.popper)!=null?_slots$popper:components.Popper)!=null?_ref:TooltipPopper,TransitionComponent=(_ref2=(_ref3=(_slots$transition=slots.transition)!=null?_slots$transition:components.Transition)!=null?_ref3:TransitionComponentProp)!=null?_ref2:Grow,TooltipComponent=(_ref4=(_slots$tooltip=slots.tooltip)!=null?_slots$tooltip:components.Tooltip)!=null?_ref4:TooltipTooltip,ArrowComponent=(_ref5=(_slots$arrow=slots.arrow)!=null?_slots$arrow:components.Arrow)!=null?_ref5:TooltipArrow,popperProps=appendOwnerState(PopperComponent,_extends({},PopperProps,(_slotProps$popper=slotProps.popper)!=null?_slotProps$popper:componentsProps.popper,{className:clsx(classes.popper,PopperProps==null?void 0:PopperProps.className,(_ref6=(_slotProps$popper2=slotProps.popper)!=null?_slotProps$popper2:componentsProps.popper)==null?void 0:_ref6.className)}),ownerState),transitionProps=appendOwnerState(TransitionComponent,_extends({},TransitionProps,(_slotProps$transition=slotProps.transition)!=null?_slotProps$transition:componentsProps.transition),ownerState),tooltipProps=appendOwnerState(TooltipComponent,_extends({},(_slotProps$tooltip=slotProps.tooltip)!=null?_slotProps$tooltip:componentsProps.tooltip,{className:clsx(classes.tooltip,(_ref7=(_slotProps$tooltip2=slotProps.tooltip)!=null?_slotProps$tooltip2:componentsProps.tooltip)==null?void 0:_ref7.className)}),ownerState),tooltipArrowProps=appendOwnerState(ArrowComponent,_extends({},(_slotProps$arrow=slotProps.arrow)!=null?_slotProps$arrow:componentsProps.arrow,{className:clsx(classes.arrow,(_ref8=(_slotProps$arrow2=slotProps.arrow)!=null?_slotProps$arrow2:componentsProps.arrow)==null?void 0:_ref8.className)}),ownerState);return jsxRuntimeExports.jsxs(reactExports.Fragment,{children:[reactExports.cloneElement(children,childrenProps),jsxRuntimeExports.jsx(PopperComponent,_extends({as:PopperComponentProp??Popper,placement,anchorEl:followCursor?{getBoundingClientRect:()=>({top:cursorPosition.y,left:cursorPosition.x,right:cursorPosition.x,bottom:cursorPosition.y,width:0,height:0})}:childNode,popperRef,open:childNode?open:!1,id,transition:!0},interactiveWrapperListeners,popperProps,{popperOptions,children:({TransitionProps:TransitionPropsInner})=>jsxRuntimeExports.jsx(TransitionComponent,_extends({timeout:theme.transitions.duration.shorter},TransitionPropsInner,transitionProps,{children:jsxRuntimeExports.jsxs(TooltipComponent,_extends({},tooltipProps,{children:[title,arrow?jsxRuntimeExports.jsx(ArrowComponent,_extends({},tooltipArrowProps,{ref:setArrowRef})):null]}))}))}))]})},"Tooltip2"));Tooltip.propTypes={arrow:PropTypes.bool,children:elementAcceptingRef.isRequired,classes:PropTypes.object,className:PropTypes.string,components:PropTypes.shape({Arrow:PropTypes.elementType,Popper:PropTypes.elementType,Tooltip:PropTypes.elementType,Transition:PropTypes.elementType}),componentsProps:PropTypes.shape({arrow:PropTypes.object,popper:PropTypes.object,tooltip:PropTypes.object,transition:PropTypes.object}),describeChild:PropTypes.bool,disableFocusListener:PropTypes.bool,disableHoverListener:PropTypes.bool,disableInteractive:PropTypes.bool,disableTouchListener:PropTypes.bool,enterDelay:PropTypes.number,enterNextDelay:PropTypes.number,enterTouchDelay:PropTypes.number,followCursor:PropTypes.bool,id:PropTypes.string,leaveDelay:PropTypes.number,leaveTouchDelay:PropTypes.number,onClose:PropTypes.func,onOpen:PropTypes.func,open:PropTypes.bool,placement:PropTypes.oneOf(["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]),PopperComponent:PropTypes.elementType,PopperProps:PropTypes.object,slotProps:PropTypes.shape({arrow:PropTypes.object,popper:PropTypes.object,tooltip:PropTypes.object,transition:PropTypes.object}),slots:PropTypes.shape({arrow:PropTypes.elementType,popper:PropTypes.elementType,tooltip:PropTypes.elementType,transition:PropTypes.elementType}),sx:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func,PropTypes.object,PropTypes.bool])),PropTypes.func,PropTypes.object]),title:PropTypes.node,TransitionComponent:PropTypes.elementType,TransitionProps:PropTypes.object};export{Tooltip as T};