use-line-clamp/dist/index.mjs

React.js hook to detect if text will clamp in X number of lines

import o from"lodash.debounce";import{useEffect as c,useState as u}from"react";function a(e,{lines:r}){let[l,s]=u(!0);return c(()=>{let n=()=>{if(!e.current)return;let t={webkitLineClamp:e.current.style.webkitLineClamp,display:e.current.style.display,webkitBoxOrient:e.current.style.webkitBoxOrient,overflow:e.current.style.overflow};e.current.style.webkitLineClamp=r.toString(),e.current.style.display="-webkit-box",e.current.style.webkitBoxOrient="vertical",e.current.style.overflow="hidden",s(e.current.clientHeight!==e.current.scrollHeight),e.current.style.webkitLineClamp=t.webkitLineClamp,e.current.style.display=t.display,e.current.style.webkitBoxOrient=t.webkitBoxOrient,e.current.style.overflow=t.overflow},i=o(n,50);return n(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[e]),l}export{a as default};
//# sourceMappingURL=index.mjs.map