@ninebone/grid 0.0.106 → 0.0.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -652,7 +652,7 @@ Do you want to save it?`,"SAVE",{class:"rgb","true-text":"Yes","false-text":"No"
652
652
  @import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngRowState.css";
653
653
  ${H.getCustomPath(this,"ngRowState.css")}
654
654
  </style>
655
- `,super.connectedCallback(),this.cell.dataset.bind="rowState"}}customElements.get("ng-row-state")||customElements.define("ng-row-state",tf);class ef extends HTMLElement{constructor(){super();Y(this,En);Y(this,Pt);Y(this,Xr);Y(this,ge);Y(this,yr);Y(this,vr);Y(this,kn);Y(this,zs,0);Y(this,Dr,0);it(this,"refresh",()=>{if(!f(this,Pt))return;var t=$(".ng-container-body",f(this,Pt).body),l=$(".ng-scroll-thumb",this.shadowRoot),c=$("table > thead",t),o=f(this,Pt).dataManager.viewRecords.rawIndex,r=$(f(this,ge).track).height(),n=$(f(this,ge).thumb).height();Number(f(this,Pt).getAttribute("display-row-count")||0)>=f(this,Pt).dataManager.rawRecords.length||parseInt($(".ng-container .ng-table tr.nodata",f(this,Pt).body).height())>0&&(f(this,Pt).dataManager.rawRecords.length==0||f(this,Pt).dataManager.viewRecords.rawIndex==0)?$(this).hide():$(this).show();var e=Math.min(r*(t.height()-c.height())/(f(this,Pt).template.height()*f(this,Pt).template.length*f(this,Pt).data.count()),r);l[0].dataset.height=e,e<16&&(e=16);var i=r-f(this,vi).call(this);if(i!=0){e>=r?l.css({top:0,height:e-20}):l.css({height:e});var u;if(f(this,Pt).isFirstPage)u=0;else if(f(this,Pt).isLastPage)u=r-n-2;else{var a=parseInt($(".ng-container-body tbody.bindable tr",f(this,Pt).body).not(".nodata").length/f(this,Pt).template.length);u=parseInt(o*i/(f(this,Pt).data.count()-a+1)),u>r-n-3&&(u=r-n-3)}f(this,ge).thumb.style.top=u+"px",f(this,ge).top.disabled=!!f(this,Pt).isFirstPage,f(this,ge).bottom.disabled=!!f(this,Pt).isLastPage,$(this).is(":visible")&&$("ng-hscrollbar",f(this,Pt).body).is(":visible")?$(".ng-scroll-edge",f(this,Pt).body).show():$(".ng-scroll-edge",f(this,Pt).body).hide()}});it(this,"refreshV2",()=>{if(f(this,Pt)){var t=$(".ng-scroll-thumb",this.shadowRoot),l=f(this,Pt).dataManager.viewRecords.rawIndex,c=this.trackHeight,o=this.thumbHeight,r=Math.min(c*(this.bodyHeight-this.theadHeight)/(this.templateHeight*f(this,Pt).template.length*f(this,Pt).data.count()),c);t[0].dataset.height=r,r<16&&(r=16);var n=c-f(this,vi).call(this),s;if(f(this,Pt).isFirstPage)s=0;else if(f(this,Pt).isLastPage)s=c-o-2;else{var e=parseInt($(".ng-container-body tbody.bindable tr",f(this,Pt).body).not(".nodata").length/f(this,Pt).template.length);s=parseInt(l*n/(f(this,Pt).data.count()-e+1)),s>c-o-3&&(s=c-o-3)}f(this,ge).thumb.style.top=s+"px",f(this,ge).top.disabled=!!f(this,Pt).isFirstPage,f(this,ge).bottom.disabled=!!f(this,Pt).isLastPage}});it(this,"delayScroll",(t,l,c,o)=>{clearInterval(f(this,yr)),clearInterval(f(this,vr)),f(this,Pt).scrollBy(t),tt(this,yr,setInterval(()=>{clearInterval(f(this,yr)),tt(this,vr,setInterval(()=>{f(this,Pt).scrollBy(t)?o&&o.call():clearInterval(f(this,vr))},c))},l))});it(this,"stopScroll",()=>{clearInterval(f(this,yr)),clearInterval(f(this,vr))});Y(this,Jh,()=>{var t=l=>{clearInterval(f(this,yr)),clearInterval(f(this,vr)),f(this,Pt).scrollBy(l),tt(this,yr,setInterval(()=>{clearInterval(f(this,yr)),tt(this,vr,setInterval(()=>{f(this,Pt).scrollBy(l)},10))},500))};$(f(this,ge).top).on("mousedown",l=>{l.buttons!=1||l.altKey||l.ctrlKey||l.shiftKey||t(-1)}),$(f(this,ge).bottom).on("mousedown",l=>{l.buttons!=1||l.altKey||l.ctrlKey||l.shiftKey||t(1)}),$(f(this,ge).top).on("touchstart",l=>{t(-1)}),$(f(this,ge).bottom).on("touchstart",l=>{t(1)}),f(this,ge).top.ontouchend=f(this,ge).bottom.ontouchend=f(this,ge).track.ontouchend=f(this,ge).top.onmouseup=f(this,ge).top.onmouseleave=f(this,ge).bottom.onmouseup=f(this,ge).bottom.onmouseleave=f(this,ge).track.onmouseup=f(this,ge).track.onmouseleave=l=>{clearInterval(f(this,yr)),clearInterval(f(this,vr))},$(f(this,ge).track).on("mousedown",f(this,Sa)),$(f(this,ge).track).on("touchstart",f(this,Qh)),$(f(this,ge).thumb).on("mousedown",f(this,Ca)),$(f(this,ge).thumb).on("touchstart",f(this,tc)),document.addEventListener("mouseup",l=>{f(this,Xr)&&tt(this,Xr,!1),document.removeEventListener("mousemove",f(this,Cn)),typeof this.onDragStop=="function"&&this.onDragStop()}),document.addEventListener("touchend",l=>{tt(this,Xr,!1),document.removeEventListener("touchmove",f(this,ka)),typeof this.onDragStop=="function"&&this.onDragStop()})});Y(this,Qh,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Sa).call(this,t)});Y(this,Sa,t=>{if(!f(this,Xr)&&!(t.buttons!=1||t.altKey||t.ctrlKey||t.shiftKey)){t.preventDefault();var l=f(this,ge).thumb.getBoundingClientRect();clearInterval(f(this,yr)),clearInterval(f(this,vr)),t.clientY>l.y?f(this,Pt).pageDown():f(this,Pt).pageUp(),tt(this,yr,setInterval(()=>{clearInterval(f(this,yr)),tt(this,vr,setInterval(()=>{var c=f(this,ge).thumb.getBoundingClientRect();if(t.clientY>c.y&&t.clientY<c.y+c.height)clearInterval(f(this,vr));else{var o=t.clientY>c.y?f(this,Pt).pageDown():f(this,Pt).pageUp();o||clearInterval(f(this,vr))}},10))},500))}});Y(this,tc,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Ca).call(this,t),document.addEventListener("touchmove",f(this,ka))});Y(this,ka,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Cn).call(this,t)});Y(this,Ca,t=>{tt(this,zs,t.clientY),ou.log("::",t,t.clientY),tt(this,Xr,!0),this.shiftY=t.offsetY+f(this,ge).track.getBoundingClientRect().y,this.trackHeight=$(f(this,ge).track).height(),this.thumbHeight=$(f(this,ge).thumb).height(),this.nodataHeight=$(".ng-container .ng-table tr.nodata",f(this,Pt).body).height(),this.bodyHeight=$(".ng-container-body",f(this,Pt).body).height(),this.templateHeight=f(this,Pt).template.height(),this.theadHeight=$(".ng-container-body table > thead",f(this,Pt).body).height()||0,this.tfootHeight=$(".ng-container-body table > tfoot",f(this,Pt).body).height()||0,this.fixedHeight=$(".ng-container-body tbody.fixed",f(this,Pt).body).height(),this.tableHeight=$(".ng-container-body .ng-table",f(this,Pt).body).height(),tt(this,kn,!0),document.addEventListener("mousemove",f(this,Cn)),typeof this.onDragStart=="function"&&this.onDragStart()});Y(this,Cn,t=>{if(!f(this,Xr))return;t.preventDefault();var l=t.clientY-f(this,zs);f(this,kn)&&(H.j.querySelectorAll("th,td",f(this,Pt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"),tt(this,kn,!1));var c=this.trackHeight;let o=f(this,vi).call(this);var r=t.clientY-this.shiftY;r<0&&(r=0),r+this.thumbHeight>c&&(r=parseInt(c-o));var n=parseInt($(".ng-container-body tbody.bindable tr",f(this,Pt).body).not(".nodata").length/f(this,Pt).template.length),s=parseInt(r*(f(this,Pt).data.count()+1-n)/parseInt(c-o));let e=f(this,Pt).matrix.getHeight(f(this,Pt).dataManager.viewRecords.rawIndex),i=f(this,Pt).matrix.getHeight(s);ou.log(f(this,Pt).dataManager.viewRecords.rawIndex,s,e,i),tt(this,Dr,f(this,Dr)+l),ou.log(t.clientY,f(this,zs),f(this,Dr),l),Ue(this,En,nu).call(this,f(this,Dr)),f(this,Pt).dataManager.viewRecords.rawIndex!=s&&(f(this,Pt).scrollToV2(s),tt(this,Dr,0),Ue(this,En,nu).call(this,0))});Y(this,bu,t=>{if(f(this,Xr)){t.preventDefault();var l=t.clientY-f(this,zs);tt(this,zs,t.clientY);var c=this.trackHeight,o=f(this,vi).call(this),r=c-o,n=f(this,Pt).matrix.totalHeight-this.bodyHeight,s=r>0?n/r:0,e=l*s;tt(this,Dr,f(this,Dr)-e),tt(this,Dr,Math.max(-n,Math.min(0,f(this,Dr)))),Ue(this,En,nu).call(this,Math.abs(f(this,Dr)));var i=f(this,Pt).getRowIndexAt(Math.abs(f(this,Dr)));f(this,Pt).dataManager.viewRecords.rawIndex!=i&&f(this,Pt).scrollToV2(i)}});Y(this,vi,()=>parseInt(f(this,ge).thumb.dataset.height));this.attachShadow({mode:"open"})}connectedCallback(){tt(this,Pt,this.getRootNode().host),f(this,Pt)&&(this.shadowRoot.innerHTML=`
655
+ `,super.connectedCallback(),this.cell.dataset.bind="rowState"}}customElements.get("ng-row-state")||customElements.define("ng-row-state",tf);class ef extends HTMLElement{constructor(){super();Y(this,En);Y(this,Pt);Y(this,Xr);Y(this,ge);Y(this,yr);Y(this,vr);Y(this,kn);Y(this,zs,0);Y(this,Dr,0);it(this,"refresh",()=>{if(!f(this,Pt))return;var t=$(".ng-container-body",f(this,Pt).body),l=$(".ng-scroll-thumb",this.shadowRoot),c=$("table > thead",t),o=f(this,Pt).dataManager.viewRecords.rawIndex,r=$(f(this,ge).track).height(),n=$(f(this,ge).thumb).height();Number(f(this,Pt).getAttribute("display-row-count")||0)>=f(this,Pt).dataManager.rawRecords.length||parseInt($(".ng-container .ng-table tr.nodata",f(this,Pt).body).height())>0&&(f(this,Pt).dataManager.rawRecords.length==0||f(this,Pt).dataManager.viewRecords.rawIndex==0)?$(this).hide():$(this).show();var e=Math.min(r*(t.height()-c.height())/(f(this,Pt).template.height()*f(this,Pt).template.length*f(this,Pt).data.count()),r);l[0].dataset.height=e,e<16&&(e=16);var i=r-f(this,vi).call(this);if(i!=0){e>=r?l.css({top:0,height:e-20}):l.css({height:e});var u;if(f(this,Pt).isFirstPage)u=0;else if(f(this,Pt).isLastPage)u=r-n-2;else{var a=parseInt($(".ng-container-body tbody.bindable tr",f(this,Pt).body).not(".nodata").length/f(this,Pt).template.length);u=parseInt(o*i/(f(this,Pt).data.count()-a+1)),u>r-n-3&&(u=r-n-3)}f(this,ge).thumb.style.top=u+"px",f(this,ge).top.disabled=!!f(this,Pt).isFirstPage,f(this,ge).bottom.disabled=!!f(this,Pt).isLastPage,$(this).is(":visible")&&$("ng-hscrollbar",f(this,Pt).body).is(":visible")?$(".ng-scroll-edge",f(this,Pt).body).show():$(".ng-scroll-edge",f(this,Pt).body).hide()}});it(this,"refreshV2",()=>{if(f(this,Pt)){var t=$(".ng-scroll-thumb",this.shadowRoot),l=f(this,Pt).dataManager.viewRecords.rawIndex,c=this.trackHeight,o=this.thumbHeight,r=Math.min(c*(this.bodyHeight-this.theadHeight)/(this.templateHeight*f(this,Pt).template.length*f(this,Pt).data.count()),c);t[0].dataset.height=r,r<16&&(r=16);var n=c-f(this,vi).call(this),s;if(f(this,Pt).isFirstPage)s=0;else if(f(this,Pt).isLastPage)s=c-o-2;else{var e=parseInt($(".ng-container-body tbody.bindable tr",f(this,Pt).body).not(".nodata").length/f(this,Pt).template.length);s=parseInt(l*n/(f(this,Pt).data.count()-e+1)),s>c-o-3&&(s=c-o-3)}f(this,ge).thumb.style.top=s+"px",f(this,ge).top.disabled=!!f(this,Pt).isFirstPage,f(this,ge).bottom.disabled=!!f(this,Pt).isLastPage}});it(this,"delayScroll",(t,l,c,o)=>{clearInterval(f(this,yr)),clearInterval(f(this,vr)),f(this,Pt).scrollBy(t),tt(this,yr,setInterval(()=>{clearInterval(f(this,yr)),tt(this,vr,setInterval(()=>{f(this,Pt).scrollBy(t)?o&&o.call():clearInterval(f(this,vr))},c))},l))});it(this,"stopScroll",()=>{clearInterval(f(this,yr)),clearInterval(f(this,vr))});Y(this,Jh,()=>{var t=l=>{clearInterval(f(this,yr)),clearInterval(f(this,vr)),f(this,Pt).scrollBy(l),tt(this,yr,setInterval(()=>{clearInterval(f(this,yr)),tt(this,vr,setInterval(()=>{f(this,Pt).scrollBy(l)},10))},500))};$(f(this,ge).top).on("mousedown",l=>{l.buttons!=1||l.altKey||l.ctrlKey||l.shiftKey||t(-1)}),$(f(this,ge).bottom).on("mousedown",l=>{l.buttons!=1||l.altKey||l.ctrlKey||l.shiftKey||t(1)}),$(f(this,ge).top).on("touchstart",l=>{t(-1)}),$(f(this,ge).bottom).on("touchstart",l=>{t(1)}),f(this,ge).top.ontouchend=f(this,ge).bottom.ontouchend=f(this,ge).track.ontouchend=f(this,ge).top.onmouseup=f(this,ge).top.onmouseleave=f(this,ge).bottom.onmouseup=f(this,ge).bottom.onmouseleave=f(this,ge).track.onmouseup=f(this,ge).track.onmouseleave=l=>{clearInterval(f(this,yr)),clearInterval(f(this,vr))},$(f(this,ge).track).on("mousedown",f(this,Sa)),$(f(this,ge).track).on("touchstart",f(this,Qh)),$(f(this,ge).thumb).on("mousedown",f(this,Ca)),$(f(this,ge).thumb).on("touchstart",f(this,tc)),document.addEventListener("mouseup",l=>{f(this,Xr)&&tt(this,Xr,!1),document.removeEventListener("mousemove",f(this,Cn)),typeof this.onDragStop=="function"&&this.onDragStop()}),document.addEventListener("touchend",l=>{tt(this,Xr,!1),document.removeEventListener("touchmove",f(this,ka)),typeof this.onDragStop=="function"&&this.onDragStop()})});Y(this,Qh,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Sa).call(this,t)});Y(this,Sa,t=>{if(!f(this,Xr)&&!(t.buttons!=1||t.altKey||t.ctrlKey||t.shiftKey)){t.preventDefault();var l=f(this,ge).thumb.getBoundingClientRect();clearInterval(f(this,yr)),clearInterval(f(this,vr)),t.clientY>l.y?f(this,Pt).pageDown():f(this,Pt).pageUp(),tt(this,yr,setInterval(()=>{clearInterval(f(this,yr)),tt(this,vr,setInterval(()=>{var c=f(this,ge).thumb.getBoundingClientRect();if(t.clientY>c.y&&t.clientY<c.y+c.height)clearInterval(f(this,vr));else{var o=t.clientY>c.y?f(this,Pt).pageDown():f(this,Pt).pageUp();o||clearInterval(f(this,vr))}},10))},500))}});Y(this,tc,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Ca).call(this,t),document.addEventListener("touchmove",f(this,ka))});Y(this,ka,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Cn).call(this,t)});Y(this,Ca,t=>{tt(this,zs,t.clientY),ou.log("::",t,t.clientY),tt(this,Xr,!0),this.shiftY=t.offsetY+f(this,ge).track.getBoundingClientRect().y,this.trackHeight=$(f(this,ge).track).height(),this.thumbHeight=$(f(this,ge).thumb).height(),this.nodataHeight=$(".ng-container .ng-table tr.nodata",f(this,Pt).body).height(),this.bodyHeight=$(".ng-container-body",f(this,Pt).body).height(),this.templateHeight=f(this,Pt).template.height(),this.theadHeight=$(".ng-container-body table > thead",f(this,Pt).body).height()||0,this.tfootHeight=$(".ng-container-body table > tfoot",f(this,Pt).body).height()||0,this.fixedHeight=$(".ng-container-body tbody.fixed",f(this,Pt).body).height(),this.tableHeight=$(".ng-container-body .ng-table",f(this,Pt).body).height(),tt(this,kn,!0),document.addEventListener("mousemove",f(this,Cn)),typeof this.onDragStart=="function"&&this.onDragStart()});Y(this,Cn,t=>{if(!f(this,Xr))return;t.preventDefault();var l=t.clientY-f(this,zs);f(this,kn)&&(H.j.querySelectorAll("th,td",f(this,Pt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"),tt(this,kn,!1));var c=this.trackHeight;let o=f(this,vi).call(this);var r=t.clientY-this.shiftY;r<0&&(r=0),r+this.thumbHeight>c&&(r=parseInt(c-o));var n=parseInt($(".ng-container-body tbody.bindable tr",f(this,Pt).body).not(".nodata").length/f(this,Pt).template.length),s=parseInt(r*(f(this,Pt).data.count()+1-n)/parseInt(c-o));let e=f(this,Pt).matrix.getHeight(f(this,Pt).dataManager.viewRecords.rawIndex),i=f(this,Pt).matrix.getHeight(s);ou.log(f(this,Pt).dataManager.viewRecords.rawIndex,s,e,i),l>0&&l>e&&(l=e),l<0&&Math.abs(l)>e&&(l=-e),tt(this,Dr,f(this,Dr)-l),ou.log(t.clientY,f(this,zs),f(this,Dr),l),Ue(this,En,nu).call(this,f(this,Dr)),f(this,Pt).dataManager.viewRecords.rawIndex!=s&&(f(this,Pt).scrollToV2(s),tt(this,Dr,0),Ue(this,En,nu).call(this,0))});Y(this,bu,t=>{if(f(this,Xr)){t.preventDefault();var l=t.clientY-f(this,zs);tt(this,zs,t.clientY);var c=this.trackHeight,o=f(this,vi).call(this),r=c-o,n=f(this,Pt).matrix.totalHeight-this.bodyHeight,s=r>0?n/r:0,e=l*s;tt(this,Dr,f(this,Dr)-e),tt(this,Dr,Math.max(-n,Math.min(0,f(this,Dr)))),Ue(this,En,nu).call(this,Math.abs(f(this,Dr)));var i=f(this,Pt).getRowIndexAt(Math.abs(f(this,Dr)));f(this,Pt).dataManager.viewRecords.rawIndex!=i&&f(this,Pt).scrollToV2(i)}});Y(this,vi,()=>parseInt(f(this,ge).thumb.dataset.height));this.attachShadow({mode:"open"})}connectedCallback(){tt(this,Pt,this.getRootNode().host),f(this,Pt)&&(this.shadowRoot.innerHTML=`
656
656
  <style>
657
657
  @import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngVScrollBar.css";
658
658
  ${H.getCustomPath(this,"ngVScrollBar.css")}
@@ -661,7 +661,7 @@ Do you want to save it?`,"SAVE",{class:"rgb","true-text":"Yes","false-text":"No"
661
661
  <button class='ng-scroll-top' disabled><div class='ng-scroll-icon'></div></button>
662
662
  <div class='ng-scroll-track'> <div class='ng-scroll-thumb'></div> </div>
663
663
  <button class='ng-scroll-bottom'><div class='ng-scroll-icon'></div></button>
664
- `,tt(this,ge,{track:this.shadowRoot.querySelector(".ng-scroll-track"),thumb:this.shadowRoot.querySelector(".ng-scroll-thumb"),top:this.shadowRoot.querySelector(".ng-scroll-top"),bottom:this.shadowRoot.querySelector(".ng-scroll-bottom")}),f(this,Xr),this.shiftX,f(this,Jh).call(this))}}Pt=new WeakMap,Xr=new WeakMap,ge=new WeakMap,yr=new WeakMap,vr=new WeakMap,kn=new WeakMap,zs=new WeakMap,Dr=new WeakMap,Jh=new WeakMap,Qh=new WeakMap,Sa=new WeakMap,tc=new WeakMap,ka=new WeakMap,Ca=new WeakMap,Cn=new WeakMap,bu=new WeakMap,En=new WeakSet,nu=function(t){const l=f(this,Pt).body.querySelector(".ng-container-body tbody.bindable");l&&(l.style.transform=`translateY(-${t}px)`)},vi=new WeakMap;class rf extends HTMLElement{constructor(){super();Y(this,Je);Y(this,bs);Y(this,ae);Y(this,Yr);Y(this,Gr);it(this,"refresh",()=>{if(f(this,Je)){var t=$(".ng-container-body",f(this,Je).body),l=$("table",t),c=$(".ng-scroll-track",this.shadowRoot),o=$(".ng-scroll-thumb",this.shadowRoot);t.width()!=0&&l.width()>t.width()?$(f(this,Je).body.querySelector(".ng-container-bottom")).show():$(f(this,Je).body.querySelector(".ng-container-bottom")).hide(),o.width(Math.min(c.width()*t.width()/l.width(),c.width()));var r=parseInt(Math.abs(l.position().left)*c.width()/l.width());r<0&&(r=0),r+o.width()>c.width()&&(r=c.width()-o.width()),o.css({left:r}),H.j.querySelectorAll(".ng-scroll-left",this.shadowRoot).attr("disabled",r==0),H.j.querySelectorAll(".ng-scroll-right",this.shadowRoot).attr("disabled",r==c.width()-o.width());var n=f(this,Je).body.querySelector("ng-vscrollbar");$(this).is(":visible")&&$(n).is(":visible")?$(".ng-scroll-edge",f(this,Je).body).show():$(".ng-scroll-edge",f(this,Je).body).hide()}});it(this,"scrollToHome",()=>{f(this,Us).call(this,0)});it(this,"scrollToEnd",()=>{var t=f(this,ae).track.getBoundingClientRect(),l=f(this,ae).thumb.getBoundingClientRect(),c=t.width-l.width;f(this,Us).call(this,c)});Y(this,Us,t=>{if(f(this,ae)){var l=$("table",f(this,ae).container),c=f(this,ae).track.getBoundingClientRect(),o=f(this,ae).thumb.getBoundingClientRect();t<0&&(t=0),t+o.width>c.width&&(t=c.width-o.width),t=parseInt(t),f(this,ae).thumb.style.left=t+"px",f(this,ae).left.disabled=t==0,f(this,ae).right.disabled=t==parseInt(c.width-o.width);var r=$(f(this,ae).container).width(),n=$(l).width(),s=-t*(n-r)/(c.width-o.width);return-s>n-r&&(s=n-r),-s+5>n-r&&(s=-(n-r)),r>=n&&(s=0),$(l).css({left:s}),!(t==0||t==c.width-o.width)}});it(this,"adjustThumb2",()=>{var t=$(".ng-container-body > table",f(this,Je).body),l=$(".ng-scroll-track",this.shadowRoot),c=$(".ng-scroll-thumb",this.shadowRoot),o=parseInt(Math.abs(t.position().left)*l.width()/t.width());o<0&&(o=0),o+c.width()>l.width()&&(o=l.width()-c.width()),c.css({left:o}),H.j.querySelectorAll(".ng-scroll-left",this.shadowRoot).attr("disabled",o==0),H.j.querySelectorAll(".ng-scroll-right",this.shadowRoot).attr("disabled",o==l.width()-c.width())});Y(this,ec,()=>{var t=l=>{clearInterval(f(this,Yr)),clearInterval(f(this,Gr));var c=f(this,ae).track.getBoundingClientRect(),o=f(this,ae).thumb.getBoundingClientRect();f(this,Us).call(this,o.x-c.x+l),tt(this,Yr,setInterval(()=>{clearInterval(f(this,Yr)),tt(this,Gr,setInterval(()=>{var r=f(this,ae).thumb.getBoundingClientRect();f(this,Us).call(this,r.x-c.x+l)||clearInterval(f(this,Gr))},10))},500))};f(this,ae).left.ontouchend=f(this,ae).right.ontouchend=f(this,ae).track.ontouchend=f(this,ae).left.onmouseup=f(this,ae).left.onmouseleave=f(this,ae).right.onmouseup=f(this,ae).right.onmouseleave=f(this,ae).track.onmouseup,f(this,ae).track.onmouseleave=l=>{clearInterval(f(this,Yr)),clearInterval(f(this,Gr))},$(f(this,ae).left).on("mousedown",l=>{l.buttons!=1||l.altKey||l.ctrlKey||l.shiftKey||t(-10)}),$(f(this,ae).right).on("mousedown",l=>{l.buttons!=1||l.altKey||l.ctrlKey||l.shiftKey||t(10)}),$(f(this,ae).left).on("touchstart",l=>{t(-10)}),$(f(this,ae).right).on("touchstart",l=>{t(10)}),$(f(this,ae).track).on("mousedown",f(this,Aa)),$(f(this,ae).track).on("touchstart",f(this,rc)),$(f(this,ae).thumb).on("mousedown",f(this,Ta)),$(f(this,ae).thumb).on("touchstart",f(this,sc)),document.addEventListener("touchend",l=>{tt(this,bs,!1),clearInterval(f(this,Yr)),clearInterval(f(this,Gr)),$(document).off("touchmove",f(this,Ra)),typeof this.onDragStop=="function"&&this.onDragStop()}),document.addEventListener("mouseup",l=>{tt(this,bs,!1),clearInterval(f(this,Yr)),clearInterval(f(this,Gr)),document.removeEventListener("mousemove",f(this,An)),typeof this.onDragStop=="function"&&this.onDragStop()})});Y(this,Ea,t=>{var l=f(this,ae).thumb.getBoundingClientRect(),c=parseInt($(".ng-container-body > table",f(this,Je).body).position().left),o=0;t>l.x?$(".ng-container-body .col-indicator",f(this,Je).body).each((r,n)=>{if(o+=parseInt($(n).width())+2,o>Math.abs(c)+1)return!1}):$(".ng-container-body .col-indicator",f(this,Je).body).each((r,n)=>{if(o+parseInt($(n).width())+2>=Math.abs(c))return!1;o+=parseInt($(n).width())+2}),$(".ng-container-body > table",f(this,Je).body).css({left:-o}),this.refresh()});Y(this,rc,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Aa).call(this,t)});Y(this,Aa,t=>{f(this,bs)||t.buttons!=1||t.altKey||t.ctrlKey||t.shiftKey||(t.preventDefault(),f(this,Ea).call(this,t.clientX),tt(this,Yr,setInterval(()=>{clearInterval(f(this,Yr)),tt(this,Gr,setInterval(()=>{var l=f(this,ae).thumb.getBoundingClientRect();t.clientX>l.x&&t.clientX<l.x+l.width?clearInterval(f(this,Gr)):f(this,Ea).call(this,t.clientX)},10))},500)))});Y(this,sc,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Ta).call(this,t),document.addEventListener("touchmove",f(this,Ra))});Y(this,Ta,t=>{tt(this,bs,!0);var l=Math.min($(f(this,ae).track).width()*$(f(this,Je).body.querySelector(".ng-container-body")).width()/$(f(this,Je).body.querySelector(".ng-container-body > table")).width(),$(f(this,ae).track).width());$(f(this,ae).thumb).width(parseInt(l)),$(f(this,ae).thumb).css({width:parseInt(l),"min-width":parseInt(l)}),this.shiftX=t.offsetX+f(this,ae).track.getBoundingClientRect().x,document.addEventListener("mousemove",f(this,An)),typeof this.onDragStart=="function"&&this.onDragStart()});Y(this,Ra,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,An).call(this,t)});Y(this,An,t=>{f(this,bs)&&f(this,Us).call(this,t.pageX-this.shiftX)});this.attachShadow({mode:"open"})}connectedCallback(){tt(this,Je,this.getRootNode().host),this.shadowRoot.innerHTML=`
664
+ `,tt(this,ge,{track:this.shadowRoot.querySelector(".ng-scroll-track"),thumb:this.shadowRoot.querySelector(".ng-scroll-thumb"),top:this.shadowRoot.querySelector(".ng-scroll-top"),bottom:this.shadowRoot.querySelector(".ng-scroll-bottom")}),f(this,Xr),this.shiftX,f(this,Jh).call(this))}}Pt=new WeakMap,Xr=new WeakMap,ge=new WeakMap,yr=new WeakMap,vr=new WeakMap,kn=new WeakMap,zs=new WeakMap,Dr=new WeakMap,Jh=new WeakMap,Qh=new WeakMap,Sa=new WeakMap,tc=new WeakMap,ka=new WeakMap,Ca=new WeakMap,Cn=new WeakMap,bu=new WeakMap,En=new WeakSet,nu=function(t){const l=f(this,Pt).body.querySelector(".ng-container-body tbody.bindable");l&&(l.style.transform=`translateY(${t}px)`)},vi=new WeakMap;class rf extends HTMLElement{constructor(){super();Y(this,Je);Y(this,bs);Y(this,ae);Y(this,Yr);Y(this,Gr);it(this,"refresh",()=>{if(f(this,Je)){var t=$(".ng-container-body",f(this,Je).body),l=$("table",t),c=$(".ng-scroll-track",this.shadowRoot),o=$(".ng-scroll-thumb",this.shadowRoot);t.width()!=0&&l.width()>t.width()?$(f(this,Je).body.querySelector(".ng-container-bottom")).show():$(f(this,Je).body.querySelector(".ng-container-bottom")).hide(),o.width(Math.min(c.width()*t.width()/l.width(),c.width()));var r=parseInt(Math.abs(l.position().left)*c.width()/l.width());r<0&&(r=0),r+o.width()>c.width()&&(r=c.width()-o.width()),o.css({left:r}),H.j.querySelectorAll(".ng-scroll-left",this.shadowRoot).attr("disabled",r==0),H.j.querySelectorAll(".ng-scroll-right",this.shadowRoot).attr("disabled",r==c.width()-o.width());var n=f(this,Je).body.querySelector("ng-vscrollbar");$(this).is(":visible")&&$(n).is(":visible")?$(".ng-scroll-edge",f(this,Je).body).show():$(".ng-scroll-edge",f(this,Je).body).hide()}});it(this,"scrollToHome",()=>{f(this,Us).call(this,0)});it(this,"scrollToEnd",()=>{var t=f(this,ae).track.getBoundingClientRect(),l=f(this,ae).thumb.getBoundingClientRect(),c=t.width-l.width;f(this,Us).call(this,c)});Y(this,Us,t=>{if(f(this,ae)){var l=$("table",f(this,ae).container),c=f(this,ae).track.getBoundingClientRect(),o=f(this,ae).thumb.getBoundingClientRect();t<0&&(t=0),t+o.width>c.width&&(t=c.width-o.width),t=parseInt(t),f(this,ae).thumb.style.left=t+"px",f(this,ae).left.disabled=t==0,f(this,ae).right.disabled=t==parseInt(c.width-o.width);var r=$(f(this,ae).container).width(),n=$(l).width(),s=-t*(n-r)/(c.width-o.width);return-s>n-r&&(s=n-r),-s+5>n-r&&(s=-(n-r)),r>=n&&(s=0),$(l).css({left:s}),!(t==0||t==c.width-o.width)}});it(this,"adjustThumb2",()=>{var t=$(".ng-container-body > table",f(this,Je).body),l=$(".ng-scroll-track",this.shadowRoot),c=$(".ng-scroll-thumb",this.shadowRoot),o=parseInt(Math.abs(t.position().left)*l.width()/t.width());o<0&&(o=0),o+c.width()>l.width()&&(o=l.width()-c.width()),c.css({left:o}),H.j.querySelectorAll(".ng-scroll-left",this.shadowRoot).attr("disabled",o==0),H.j.querySelectorAll(".ng-scroll-right",this.shadowRoot).attr("disabled",o==l.width()-c.width())});Y(this,ec,()=>{var t=l=>{clearInterval(f(this,Yr)),clearInterval(f(this,Gr));var c=f(this,ae).track.getBoundingClientRect(),o=f(this,ae).thumb.getBoundingClientRect();f(this,Us).call(this,o.x-c.x+l),tt(this,Yr,setInterval(()=>{clearInterval(f(this,Yr)),tt(this,Gr,setInterval(()=>{var r=f(this,ae).thumb.getBoundingClientRect();f(this,Us).call(this,r.x-c.x+l)||clearInterval(f(this,Gr))},10))},500))};f(this,ae).left.ontouchend=f(this,ae).right.ontouchend=f(this,ae).track.ontouchend=f(this,ae).left.onmouseup=f(this,ae).left.onmouseleave=f(this,ae).right.onmouseup=f(this,ae).right.onmouseleave=f(this,ae).track.onmouseup,f(this,ae).track.onmouseleave=l=>{clearInterval(f(this,Yr)),clearInterval(f(this,Gr))},$(f(this,ae).left).on("mousedown",l=>{l.buttons!=1||l.altKey||l.ctrlKey||l.shiftKey||t(-10)}),$(f(this,ae).right).on("mousedown",l=>{l.buttons!=1||l.altKey||l.ctrlKey||l.shiftKey||t(10)}),$(f(this,ae).left).on("touchstart",l=>{t(-10)}),$(f(this,ae).right).on("touchstart",l=>{t(10)}),$(f(this,ae).track).on("mousedown",f(this,Aa)),$(f(this,ae).track).on("touchstart",f(this,rc)),$(f(this,ae).thumb).on("mousedown",f(this,Ta)),$(f(this,ae).thumb).on("touchstart",f(this,sc)),document.addEventListener("touchend",l=>{tt(this,bs,!1),clearInterval(f(this,Yr)),clearInterval(f(this,Gr)),$(document).off("touchmove",f(this,Ra)),typeof this.onDragStop=="function"&&this.onDragStop()}),document.addEventListener("mouseup",l=>{tt(this,bs,!1),clearInterval(f(this,Yr)),clearInterval(f(this,Gr)),document.removeEventListener("mousemove",f(this,An)),typeof this.onDragStop=="function"&&this.onDragStop()})});Y(this,Ea,t=>{var l=f(this,ae).thumb.getBoundingClientRect(),c=parseInt($(".ng-container-body > table",f(this,Je).body).position().left),o=0;t>l.x?$(".ng-container-body .col-indicator",f(this,Je).body).each((r,n)=>{if(o+=parseInt($(n).width())+2,o>Math.abs(c)+1)return!1}):$(".ng-container-body .col-indicator",f(this,Je).body).each((r,n)=>{if(o+parseInt($(n).width())+2>=Math.abs(c))return!1;o+=parseInt($(n).width())+2}),$(".ng-container-body > table",f(this,Je).body).css({left:-o}),this.refresh()});Y(this,rc,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Aa).call(this,t)});Y(this,Aa,t=>{f(this,bs)||t.buttons!=1||t.altKey||t.ctrlKey||t.shiftKey||(t.preventDefault(),f(this,Ea).call(this,t.clientX),tt(this,Yr,setInterval(()=>{clearInterval(f(this,Yr)),tt(this,Gr,setInterval(()=>{var l=f(this,ae).thumb.getBoundingClientRect();t.clientX>l.x&&t.clientX<l.x+l.width?clearInterval(f(this,Gr)):f(this,Ea).call(this,t.clientX)},10))},500)))});Y(this,sc,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,Ta).call(this,t),document.addEventListener("touchmove",f(this,Ra))});Y(this,Ta,t=>{tt(this,bs,!0);var l=Math.min($(f(this,ae).track).width()*$(f(this,Je).body.querySelector(".ng-container-body")).width()/$(f(this,Je).body.querySelector(".ng-container-body > table")).width(),$(f(this,ae).track).width());$(f(this,ae).thumb).width(parseInt(l)),$(f(this,ae).thumb).css({width:parseInt(l),"min-width":parseInt(l)}),this.shiftX=t.offsetX+f(this,ae).track.getBoundingClientRect().x,document.addEventListener("mousemove",f(this,An)),typeof this.onDragStart=="function"&&this.onDragStart()});Y(this,Ra,t=>{var l=t.target.getBoundingClientRect();t.offsetX=t.targetTouches[0].pageX-l.left,t.offsetY=t.targetTouches[0].pageY-l.top,t.pageX=t.changedTouches[0].pageX,t.pageY=t.changedTouches[0].pageY,t.clientX=t.changedTouches[0].clientX,t.clientY=t.changedTouches[0].clientY,t.buttons=1,f(this,An).call(this,t)});Y(this,An,t=>{f(this,bs)&&f(this,Us).call(this,t.pageX-this.shiftX)});this.attachShadow({mode:"open"})}connectedCallback(){tt(this,Je,this.getRootNode().host),this.shadowRoot.innerHTML=`
665
665
  <style>
666
666
  @import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngHScrollBar.css";
667
667
  ${H.getCustomPath(this,"ngHScrollBar.css")}