iobroker.nspanel-lovelace-ui/admin/custom/assets/Tooltip-BHlkKxQm.js

NsPanel Lovelace UI is a Firmware for the nextion screen inside of NSPanel in the Design of Lovelace UI Design.

import{A as n}from"./AdminComponentEasyAccessSet__loadShare__react__loadShare__-CJmceRyn.js";import{a as qo,g as Jo,u as Qo,j as g,b as ho,s as G,d as Zo,m as H}from"./createSvgIcon-Debf11BA.js";import{b as oe,a as ee}from"./index-BTwTI1Tk.js";import{u as te}from"./useTheme-Y4z6S2UP.js";import{e as A,b as re,c as go,d as pe,i as ne,h as I,G as se,P as wo,p as ae,k as yo}from"./Grow-DnKMqB40.js";import{d as bo,a as vo}from"./defaultTheme-B6DpRwGi.js";function ie(t){return Jo("MuiTooltip",t)}const r=qo("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"]);function le(t){return Math.round(t*1e5)/1e5}const ce=t=>{const{classes:o,disableInteractive:p,arrow:c,touch:R,placement:y}=t,K={popper:["popper",!p&&"popperInteractive",c&&"popperArrow"],tooltip:["tooltip",c&&"tooltipArrow",R&&"touch",`tooltipPlacement${bo(y.split("-")[0])}`],arrow:["arrow"]};return Zo(K,ie,o)},me=G(wo,{name:"MuiTooltip",slot:"Popper",overridesResolver:(t,o)=>{const{ownerState:p}=t;return[o.popper,!p.disableInteractive&&o.popperInteractive,p.arrow&&o.popperArrow,!p.open&&o.popperClose]}})(H(({theme:t})=>({zIndex:(t.vars||t).zIndex.tooltip,pointerEvents:"none",variants:[{props:({ownerState:o})=>!o.disableInteractive,style:{pointerEvents:"auto"}},{props:({open:o})=>!o,style:{pointerEvents:"none"}},{props:({ownerState:o})=>o.arrow,style:{[`&[data-popper-placement*="bottom"] .${r.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${r.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${r.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}},[`&[data-popper-placement*="left"] .${r.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="right"] .${r.arrow}`]:{left:0,marginLeft:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="right"] .${r.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="left"] .${r.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="left"] .${r.arrow}`]:{left:0,marginLeft:"-0.71em"}}}]}))),ue=G("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(t,o)=>{const{ownerState:p}=t;return[o.tooltip,p.touch&&o.touch,p.arrow&&o.tooltipArrow,o[`tooltipPlacement${bo(p.placement.split("-")[0])}`]]}})(H(({theme:t})=>({backgroundColor:t.vars?t.vars.palette.Tooltip.bg:vo(t.palette.grey[700],.92),borderRadius:(t.vars||t).shape.borderRadius,color:(t.vars||t).palette.common.white,fontFamily:t.typography.fontFamily,padding:"4px 8px",fontSize:t.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:t.typography.fontWeightMedium,[`.${r.popper}[data-popper-placement*="left"] &`]:{transformOrigin:"right center"},[`.${r.popper}[data-popper-placement*="right"] &`]:{transformOrigin:"left center"},[`.${r.popper}[data-popper-placement*="top"] &`]:{transformOrigin:"center bottom",marginBottom:"14px"},[`.${r.popper}[data-popper-placement*="bottom"] &`]:{transformOrigin:"center top",marginTop:"14px"},variants:[{props:({ownerState:o})=>o.arrow,style:{position:"relative",margin:0}},{props:({ownerState:o})=>o.touch,style:{padding:"8px 16px",fontSize:t.typography.pxToRem(14),lineHeight:`${le(16/14)}em`,fontWeight:t.typography.fontWeightRegular}},{props:({ownerState:o})=>!o.isRtl,style:{[`.${r.popper}[data-popper-placement*="left"] &`]:{marginRight:"14px"},[`.${r.popper}[data-popper-placement*="right"] &`]:{marginLeft:"14px"}}},{props:({ownerState:o})=>!o.isRtl&&o.touch,style:{[`.${r.popper}[data-popper-placement*="left"] &`]:{marginRight:"24px"},[`.${r.popper}[data-popper-placement*="right"] &`]:{marginLeft:"24px"}}},{props:({ownerState:o})=>!!o.isRtl,style:{[`.${r.popper}[data-popper-placement*="left"] &`]:{marginLeft:"14px"},[`.${r.popper}[data-popper-placement*="right"] &`]:{marginRight:"14px"}}},{props:({ownerState:o})=>!!o.isRtl&&o.touch,style:{[`.${r.popper}[data-popper-placement*="left"] &`]:{marginLeft:"24px"},[`.${r.popper}[data-popper-placement*="right"] &`]:{marginRight:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${r.popper}[data-popper-placement*="top"] &`]:{marginBottom:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${r.popper}[data-popper-placement*="bottom"] &`]:{marginTop:"24px"}}}]}))),de=G("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(t,o)=>o.arrow})(H(({theme:t})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:t.vars?t.vars.palette.Tooltip.bg:vo(t.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}})));let k=!1;const To=new ae;let x={x:0,y:0};function F(t,o){return(p,...c)=>{o&&o(p,...c),t(p,...c)}}const be=n.forwardRef(function(o,p){const c=Qo({props:o,name:"MuiTooltip"}),{arrow:R=!1,children:y,classes:K,components:S={},componentsProps:M={},describeChild:xo=!1,disableFocusListener:Ro=!1,disableHoverListener:X=!1,disableInteractive:So=!1,disableTouchListener:Mo=!1,enterDelay:Y=100,enterNextDelay:q=0,enterTouchDelay:Oo=700,followCursor:N=!1,id:Po,leaveDelay:J=0,leaveTouchDelay:Co=1500,onClose:Q,onOpen:Z,open:$o,placement:oo="bottom",PopperComponent:eo,PopperProps:m={},slotProps:u={},slots:Eo={},title:h,TransitionComponent:Lo,TransitionProps:Ao,...to}=c,d=n.isValidElement(y)?y:g.jsx("span",{children:y}),ro=te(),Io=oe(),[T,po]=n.useState(),[W,ko]=n.useState(null),O=n.useRef(!1),B=So||N,no=A(),U=A(),P=A(),so=A(),[Fo,ao]=re({controlled:$o,default:!1,name:"Tooltip",state:"open"});let l=Fo;const j=ee(Po),w=n.useRef(),C=go(()=>{w.current!==void 0&&(document.body.style.WebkitUserSelect=w.current,w.current=void 0),so.clear()});n.useEffect(()=>C,[C]);const io=e=>{To.clear(),k=!0,ao(!0),Z&&!l&&Z(e)},$=go(e=>{To.start(800+J,()=>{k=!1}),ao(!1),Q&&l&&Q(e),no.start(ro.transitions.duration.shortest,()=>{O.current=!1})}),E=e=>{O.current&&e.type!=="touchstart"||(T&&T.removeAttribute("title"),U.clear(),P.clear(),Y||k&&q?U.start(k?q:Y,()=>{io(e)}):io(e))},D=e=>{U.clear(),P.start(J,()=>{$(e)})},[,lo]=n.useState(!1),co=e=>{yo(e.target)||(lo(!1),D(e))},mo=e=>{T||po(e.currentTarget),yo(e.target)&&(lo(!0),E(e))},uo=e=>{O.current=!0;const i=d.props;i.onTouchStart&&i.onTouchStart(e)},No=e=>{uo(e),P.clear(),no.clear(),C(),w.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",so.start(Oo,()=>{document.body.style.WebkitUserSelect=w.current,E(e)})},Wo=e=>{d.props.onTouchEnd&&d.props.onTouchEnd(e),C(),P.start(Co,()=>{$(e)})};n.useEffect(()=>{if(!l)return;function e(i){i.key==="Escape"&&$(i)}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[$,l]);const Bo=pe(ne(d),po,p);!h&&h!==0&&(l=!1);const _=n.useRef(),Uo=e=>{const i=d.props;i.onMouseMove&&i.onMouseMove(e),x={x:e.clientX,y:e.clientY},_.current&&_.current.update()},b={},z=typeof h=="string";xo?(b.title=!l&&z&&!X?h:null,b["aria-describedby"]=l?j:null):(b["aria-label"]=z?h:null,b["aria-labelledby"]=l&&!z?j:null);const s={...b,...to,...d.props,className:ho(to.className,d.props.className),onTouchStart:uo,ref:Bo,...N?{onMouseMove:Uo}:{}},v={};Mo||(s.onTouchStart=No,s.onTouchEnd=Wo),X||(s.onMouseOver=F(E,s.onMouseOver),s.onMouseLeave=F(D,s.onMouseLeave),B||(v.onMouseOver=E,v.onMouseLeave=D)),Ro||(s.onFocus=F(mo,s.onFocus),s.onBlur=F(co,s.onBlur),B||(v.onFocus=mo,v.onBlur=co));const f={...c,isRtl:Io,arrow:R,disableInteractive:B,placement:oo,PopperComponentProp:eo,touch:O.current},a=typeof u.popper=="function"?u.popper(f):u.popper,jo=n.useMemo(()=>{var i,fo;let e=[{name:"arrow",enabled:!!W,options:{element:W,padding:4}}];return(i=m.popperOptions)!=null&&i.modifiers&&(e=e.concat(m.popperOptions.modifiers)),(fo=a==null?void 0:a.popperOptions)!=null&&fo.modifiers&&(e=e.concat(a.popperOptions.modifiers)),{...m.popperOptions,...a==null?void 0:a.popperOptions,modifiers:e}},[W,m.popperOptions,a==null?void 0:a.popperOptions]),V=ce(f),Do=typeof u.transition=="function"?u.transition(f):u.transition,L={slots:{popper:S.Popper,transition:S.Transition??Lo,tooltip:S.Tooltip,arrow:S.Arrow,...Eo},slotProps:{arrow:u.arrow??M.arrow,popper:{...m,...a??M.popper},tooltip:u.tooltip??M.tooltip,transition:{...Ao,...Do??M.transition}}},[_o,zo]=I("popper",{elementType:me,externalForwardedProps:L,ownerState:f,className:ho(V.popper,m==null?void 0:m.className)}),[Vo,Go]=I("transition",{elementType:se,externalForwardedProps:L,ownerState:f}),[Ho,Ko]=I("tooltip",{elementType:ue,className:V.tooltip,externalForwardedProps:L,ownerState:f}),[Xo,Yo]=I("arrow",{elementType:de,className:V.arrow,externalForwardedProps:L,ownerState:f,ref:ko});return g.jsxs(n.Fragment,{children:[n.cloneElement(d,s),g.jsx(_o,{as:eo??wo,placement:oo,anchorEl:N?{getBoundingClientRect:()=>({top:x.y,left:x.x,right:x.x,bottom:x.y,width:0,height:0})}:T,popperRef:_,open:T?l:!1,id:j,transition:!0,...v,...zo,popperOptions:jo,children:({TransitionProps:e})=>g.jsx(Vo,{timeout:ro.transitions.duration.shorter,...e,...Go,children:g.jsxs(Ho,{...Ko,children:[h,R?g.jsx(Xo,{...Yo}):null]})})})]})});export{be as T,ie as g,r as t};