https://www.renault.rs/client/renault-one-ui-layout-tooltip-2845a494b746acbe.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[89146],{7793(e,t,n){n.r(t);var o=n(91987),r=n(71763),i=n(98481),u=n(20496),a=n(20987),c=n(35813);let d="one-tooltip-open",l=()=>{if("u">typeof window){let e=matchMedia("(pointer: coarse)").matches,t=matchMedia("(hover: none)").matches,n=window.navigator.maxTouchPoints>0;return e||t||n}return!1},s=(0,r.createContext)({});n.d(t,{},{Tooltip:({children:e})=>{let t=(0,r.useId)(),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(void 0),w=(0,r.useRef)(void 0),[p,m]=(0,r.useState)(!1),[f,v]=(0,r.useState)(!1),h=(0,u.d4)(({app:e})=>e.isBrowserEngine),E=(0,r.useCallback)(()=>{w.current&&(clearTimeout(w.current),w.current=void 0)},[]),g=(0,r.useCallback)(()=>{i.current?.dispatchEvent(new Event(d,{bubbles:!0}))},[]),k=(0,r.useCallback)(()=>{E(),clearTimeout(a.current),w.current=setTimeout(()=>{g(),v(!0),m(!0)},70)},[g,E]),C=(0,r.useCallback)(()=>{E(),m(!1),clearTimeout(a.current),a.current=setTimeout(()=>v(!1),150)},[E]);(0,r.useEffect)(()=>()=>{E(),clearTimeout(a.current)},[E]),(0,r.useEffect)(()=>{if("u"<typeof window)return;let e=e=>{let t=e.target;t instanceof window.Node&&!i.current?.contains(t)&&C()};return window.document.addEventListener(d,e),()=>{window.document.removeEventListener(d,e)}},[C]),(0,c.A)(()=>{if(!p||"u"<typeof window)return;let e=e=>{let t=e.target;!(t instanceof window.Node)||i.current?.contains(t)||n.current?.contains(t)||((l()||window.matchMedia("(max-width: 1024px)").matches)&&(e.preventDefault(),e.stopPropagation()),C())},t=e=>{"Escape"===e.key&&(C(),i.current?.focus())};return window.document.addEventListener("click",e,!0),window.document.addEventListener("keydown",t),()=>{window.document.removeEventListener("click",e,!0),window.document.removeEventListener("keydown",t)}},[C,p]);let T=(0,r.useMemo)(()=>({contentRef:n,hide:C,isOpen:p,isRendered:f,show:k,triggerRef:i,uuid:h?t:void 0}),[C,h,p,f,k,t]);return(0,o.jsx)(s.Provider,{value:T,children:e})},TooltipContent:({children:e})=>{let[t,n]=(0,r.useState)(null),[u,c]=(0,r.useState)(),[d,l]=(0,r.useState)(!1),{contentRef:w,isOpen:p,isRendered:m,uuid:f,triggerRef:v}=(0,r.useContext)(s);(0,a.A)(()=>{if("u"<typeof window)return;let e=v?.current?.closest("dialog")??window.document.body,t=e.querySelector(":scope > .Tooltip__contentContainer"),o=t??window.document.createElement("div");t||(o.classList.add("Tooltip__contentContainer"),e.appendChild(o)),n(o)}),(0,r.useEffect)(()=>{if("u"<typeof window)return;let e=window.requestAnimationFrame(()=>l(!!p));return()=>window.cancelAnimationFrame(e)},[p]),(0,r.useEffect)(()=>{if(!p||!m||!w?.current||!v?.current||"u"<typeof window)return;let e=()=>{if(!w.current||!v.current)return;let e=w.current.getBoundingClientRect(),t=v.current.getBoundingClientRect(),n=t.top-e.height-8,o=n>=8?"top":"bottom",r="top"===o?n:t.bottom+8,i=Math.min(Math.max(t.left+(t.width-e.width)/2,8),Math.max(8,window.innerWidth-e.width-8)),u=t.left+t.width/2-i,a=v.current.closest("dialog"),d=a?.getBoundingClientRect();c({left:i-(d?.left??0)+(a?.scrollLeft??0),placement:o,tickLeft:u,top:r-(d?.top??0)+(a?.scrollTop??0)})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[e,w,p,m,v]);let h=u?{"--tooltip-tick-left":`${u.tickLeft}px`,left:u.left,top:u.top}:void 0;return t&&m?(0,i.createPortal)((0,o.jsx)("div",{ref:w,id:f,className:"Tooltip__content","data-placement":u?.placement,"data-positioned":!!u,"data-visible":d,role:"tooltip",style:h,children:e}),t):null},TooltipTrigger:({children:e,disabledOnTouchDevice:t=!1,tabIndex:n=0})=>{let{hide:i,isOpen:u,show:a,triggerRef:c,uuid:d}=(0,r.useContext)(s),[w,p]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=requestAnimationFrame(()=>{p(t&&l())});return()=>cancelAnimationFrame(e)},[t]),(0,o.jsx)("span",{ref:c,className:"Tooltip__trigger",onBlur:i,onClick:e=>{e.stopPropagation()},onFocus:w?void 0:a,onKeyDown:e=>{"Escape"===e.key&&i?.()},onMouseEnter:w?void 0:a,onMouseLeave:i,role:"button",tabIndex:n,"aria-describedby":!w&&u?d:void 0,"aria-expanded":!w&&u,children:e})}})}}]);