Packages

selecto_components

0.3.10
0.4.8 0.4.7 0.4.5 0.4.3 0.4.1 0.4.0 0.3.21 0.3.20 0.3.19 0.3.15 0.3.12 0.3.10 0.3.7 0.3.6 0.3.4 0.3.3 0.3.2 0.3.1 0.2.8 0.2.6 0.2.5 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.3 0.1.2 0.1.1 0.1.0

Alpha: Phoenix LiveView components for interactive Selecto query building and data exploration

HexDocs

Current section

Files

Jump to
Readme
30 Versions
10 Dependencies
Dependants
Files
Activity
selecto_components priv static selecto_components.min.js
Raw

priv/static/selecto_components.min.js 

var y={mounted(){let d=this.el.dataset.columnId,u=0,i=0,n=null,e=null,r=t=>{t.preventDefault(),t.stopPropagation(),n=this.el.closest("table"),n&&(e=n.querySelector(`th[data-column-id="${d}"]`)||this.el.closest("th"),e&&(u=t.pageX,i=e.offsetWidth,document.body.style.cursor="col-resize",document.body.style.userSelect="none",this.el.classList.add("bg-blue-500"),document.addEventListener("mousemove",c),document.addEventListener("mouseup",h)))},c=t=>{if(!e)return;let l=t.pageX-u,o=Math.max(50,Math.min(500,i+l));e.style.width=`${o}px`,e.style.minWidth=`${o}px`,e.style.maxWidth=`${o}px`;let m=Array.from(e.parentElement.children).indexOf(e);n.querySelectorAll("tbody tr").forEach(a=>{let s=a.children[m];s&&(s.style.width=`${o}px`,s.style.minWidth=`${o}px`,s.style.maxWidth=`${o}px`)})},h=t=>{if(e){let l=e.offsetWidth;this.pushEvent("column_resized",{column_id:d,width:l})}document.body.style.cursor="",document.body.style.userSelect="",this.el.classList.remove("bg-blue-500"),document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",h),e=null,n=null};this.el.addEventListener("mousedown",r),this.handleMouseDown=r},destroyed(){this.handleMouseDown&&this.el.removeEventListener("mousedown",this.handleMouseDown)}},f={ColumnResize:y};export{y as ColumnResize,f as default};