@ninebone/table 0.0.441 → 0.0.443

package/dist/nine-table.umd.js

@@ -1,4 +1,4 @@
-(function(x,m){typeof exports=="object"&&typeof module<"u"?m(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],m):(x=typeof globalThis<"u"?globalThis:x||self,m(x.NineboneUtil))})(this,function(x){"use strict";var xe=Object.defineProperty;var ve=x=>{throw TypeError(x)};var Ee=(x,m,A)=>m in x?xe(x,m,{enumerable:!0,configurable:!0,writable:!0,value:A}):x[m]=A;var h=(x,m)=>xe(x,"name",{value:m,configurable:!0});var R=(x,m,A)=>Ee(x,typeof m!="symbol"?m+"":m,A),we=(x,m,A)=>m.has(x)||ve("Cannot "+A);var t=(x,m,A)=>(we(x,m,"read from private field"),A?A.call(x):m.get(x)),d=(x,m,A)=>m.has(x)?ve("Cannot add the same private member more than once"):m instanceof WeakSet?m.add(x):m.set(x,A),g=(x,m,A,P)=>(we(x,m,"write to private field"),P?P.call(x,A):m.set(x,A),A);var Se=(x,m,A,P)=>({set _(ut){g(x,m,ut,A)},get _(){return t(x,m,P)}});var I,D,v,U,X,j,kt,K,Lt,Y,it,Z,q,gt,bt,Ct,B,S,W,L,F,G,yt,ot,Ht,Mt,_t,pt,mt,$t,It,xt,Wt,st,vt,Ot,zt,rt,Bt,J,Q,Nt,Pt,lt,Dt,Yt,Ft,St,C,Vt,Et,Ut,Rt,at,H,T,M,ct,Xt,V,jt,tt,At,Kt,Zt,ht,et,dt,k,qt,Gt,nt,Jt,Qt;const ce=class ce extends x.trace.constructor{constructor(){super(),this.init("nine-table","green")}};h(ce,"Trace");let m=ce;const A=new m,he=class he extends HTMLElement{constructor(){super();d(this,I);d(this,D,!1);d(this,v);d(this,U);d(this,X);d(this,j);d(this,kt,h(()=>{if(!t(this,I))return;const e=t(this,I).querySelector(".ng-container-body");e&&(g(this,j,new ResizeObserver(()=>{this.refresh()})),t(this,j).observe(e))},"#observeResize"));R(this,"refresh",h(()=>{if(!t(this,I)||!t(this,v)||t(this,D))return;const e=t(this,v).container,i=e.querySelector("table");if(!i)return;const s=t(this,v).track,r=t(this,v).thumb,o=t(this,I).querySelector(".ng-container-bottom"),l=e.clientWidth,c=i.scrollWidth;if(l!==0&&c>l)o&&(o.style.display="flex");else{o&&(o.style.display="none");return}const a=s.clientWidth;if(a<=0)return;const f=Math.max(Math.min(a*(l/c),a),20);r.style.width=`${f}px`;const u=e.scrollLeft,y=c-l;let b=0;y>0&&(b=parseInt(u/y*(a-f),10)),b<0&&(b=0);const p=a-f;b>p&&(b=p),r.style.left=`${b}px`,A.log(b),t(this,v).left.disabled=b===0,t(this,v).right.disabled=b>=p-1},"refresh"));d(this,K,h(e=>{if(!t(this,v))return!1;const i=t(this,v).container,s=i.querySelector("table");if(!s)return!1;const r=t(this,v).track.getBoundingClientRect(),o=t(this,v).thumb.clientWidth;let l=e;l<0&&(l=0);const c=r.width-o;l>c&&(l=c),l=parseInt(l,10),t(this,v).thumb.style.left=`${l}px`,t(this,v).left.disabled=l===0,t(this,v).right.disabled=l>=c-1;const a=i.clientWidth,u=s.scrollWidth-a;return c>0&&u>0&&(i.scrollLeft=l/c*u),l>0&&l<c-1},"#thumbMoveTo"));d(this,Lt,h(()=>{const e=h(s=>{clearInterval(t(this,U)),clearInterval(t(this,X));const r=parseInt(t(this,v).thumb.style.left||0,10);t(this,K).call(this,r+s),g(this,U,setInterval(()=>{clearInterval(t(this,U)),g(this,X,setInterval(()=>{const o=parseInt(t(this,v).thumb.style.left||0,10);t(this,K).call(this,o+s)||clearInterval(t(this,X))},50))},500))},"delayScroll"),i=h(()=>{clearInterval(t(this,U)),clearInterval(t(this,X))},"clearTimer");["mouseup","mouseleave","touchend"].forEach(s=>{t(this,v).left.addEventListener(s,i),t(this,v).right.addEventListener(s,i),t(this,v).track.addEventListener(s,i)}),t(this,v).left.addEventListener("mousedown",s=>{s.button===0&&e(-20)}),t(this,v).right.addEventListener("mousedown",s=>{s.button===0&&e(20)}),t(this,v).left.addEventListener("touchstart",()=>e(-20)),t(this,v).right.addEventListener("touchstart",()=>e(20)),t(this,v).track.addEventListener("mousedown",s=>{if(s.button!==0)return;s.preventDefault();const r=t(this,v).track.getBoundingClientRect(),o=t(this,v).thumb.clientWidth;t(this,K).call(this,s.clientX-r.left-o/2)}),t(this,v).thumb.addEventListener("mousedown",s=>{if(s.button!==0)return;s.stopPropagation(),s.preventDefault(),g(this,D,!0),this.shiftX=s.clientX-t(this,v).thumb.getBoundingClientRect().left;const r=h(l=>{if(!t(this,D))return;const c=t(this,v).track.getBoundingClientRect();t(this,K).call(this,l.clientX-c.left-this.shiftX)},"onMouseMove"),o=h(()=>{g(this,D,!1),i(),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",o),this.refresh()},"onMouseUp");document.addEventListener("mousemove",r),document.addEventListener("mouseup",o)})},"#init"))}connectedCallback(){if(g(this,I,this.closest("nine-table-sheet")||this.getRootNode().host),!t(this,I))return;this.innerHTML=`
+(function(x,m){typeof exports=="object"&&typeof module<"u"?m(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],m):(x=typeof globalThis<"u"?globalThis:x||self,m(x.NineboneUtil))})(this,function(x){"use strict";var xe=Object.defineProperty;var ve=x=>{throw TypeError(x)};var Ee=(x,m,A)=>m in x?xe(x,m,{enumerable:!0,configurable:!0,writable:!0,value:A}):x[m]=A;var h=(x,m)=>xe(x,"name",{value:m,configurable:!0});var R=(x,m,A)=>Ee(x,typeof m!="symbol"?m+"":m,A),we=(x,m,A)=>m.has(x)||ve("Cannot "+A);var t=(x,m,A)=>(we(x,m,"read from private field"),A?A.call(x):m.get(x)),d=(x,m,A)=>m.has(x)?ve("Cannot add the same private member more than once"):m instanceof WeakSet?m.add(x):m.set(x,A),g=(x,m,A,P)=>(we(x,m,"write to private field"),P?P.call(x,A):m.set(x,A),A);var Se=(x,m,A,P)=>({set _(ut){g(x,m,ut,A)},get _(){return t(x,m,P)}});var I,D,v,U,X,j,kt,K,Lt,Y,it,Z,q,gt,bt,Ct,B,S,W,L,F,G,yt,ot,Ht,Mt,_t,pt,mt,$t,It,xt,Wt,st,vt,Ot,zt,rt,Bt,J,Q,Nt,Pt,lt,Dt,Yt,Ft,St,C,Vt,Et,Ut,Rt,at,H,T,M,ct,Xt,V,jt,tt,At,Kt,Zt,ht,et,dt,k,qt,Gt,nt,Jt,Qt;const ce=class ce extends x.trace.constructor{constructor(){super(),this.init("nine-table","green")}};h(ce,"Trace");let m=ce;const A=new m,he=class he extends HTMLElement{constructor(){super();d(this,I);d(this,D,!1);d(this,v);d(this,U);d(this,X);d(this,j);d(this,kt,h(()=>{if(!t(this,I))return;const e=t(this,I).querySelector(".ng-container-body .ng-part-body");e&&(g(this,j,new ResizeObserver(()=>{this.refresh()})),t(this,j).observe(e))},"#observeResize"));R(this,"refresh",h(()=>{if(!t(this,I)||!t(this,v)||t(this,D))return;const e=t(this,v).container,i=e.querySelector("table");if(!i)return;const s=t(this,v).track,r=t(this,v).thumb,o=t(this,I).querySelector(".ng-container-bottom"),l=e.clientWidth,c=i.scrollWidth;if(l!==0&&c>l)o&&(o.style.display="flex");else{o&&(o.style.display="none");return}const a=s.clientWidth;if(a<=0)return;const f=Math.max(Math.min(a*(l/c),a),20);r.style.width=`${f}px`;const u=e.scrollLeft,y=c-l;let b=0;y>0&&(b=parseInt(u/y*(a-f),10)),b<0&&(b=0);const p=a-f;b>p&&(b=p),r.style.left=`${b}px`,t(this,v).left.disabled=b===0,t(this,v).right.disabled=b>=p-1},"refresh"));d(this,K,h(e=>{if(!t(this,v))return!1;const i=t(this,v).container,s=i.querySelector("table");if(!s)return!1;const r=t(this,v).track.getBoundingClientRect(),o=t(this,v).thumb.clientWidth;let l=e;l<0&&(l=0);const c=r.width-o;l>c&&(l=c),l=parseInt(l,10),t(this,v).thumb.style.left=`${l}px`,t(this,v).left.disabled=l===0,t(this,v).right.disabled=l>=c-1;const a=i.clientWidth,u=s.scrollWidth-a;return c>0&&u>0&&(i.scrollLeft=l/c*u),l>0&&l<c-1},"#thumbMoveTo"));d(this,Lt,h(()=>{const e=h(s=>{clearInterval(t(this,U)),clearInterval(t(this,X));const r=parseInt(t(this,v).thumb.style.left||0,10);t(this,K).call(this,r+s),g(this,U,setInterval(()=>{clearInterval(t(this,U)),g(this,X,setInterval(()=>{const o=parseInt(t(this,v).thumb.style.left||0,10);t(this,K).call(this,o+s)||clearInterval(t(this,X))},50))},500))},"delayScroll"),i=h(()=>{clearInterval(t(this,U)),clearInterval(t(this,X))},"clearTimer");["mouseup","mouseleave","touchend"].forEach(s=>{t(this,v).left.addEventListener(s,i),t(this,v).right.addEventListener(s,i),t(this,v).track.addEventListener(s,i)}),t(this,v).left.addEventListener("mousedown",s=>{s.button===0&&e(-20)}),t(this,v).right.addEventListener("mousedown",s=>{s.button===0&&e(20)}),t(this,v).left.addEventListener("touchstart",()=>e(-20)),t(this,v).right.addEventListener("touchstart",()=>e(20)),t(this,v).track.addEventListener("mousedown",s=>{if(s.button!==0)return;s.preventDefault();const r=t(this,v).track.getBoundingClientRect(),o=t(this,v).thumb.clientWidth;t(this,K).call(this,s.clientX-r.left-o/2)}),t(this,v).thumb.addEventListener("mousedown",s=>{if(s.button!==0)return;s.stopPropagation(),s.preventDefault(),g(this,D,!0),this.shiftX=s.clientX-t(this,v).thumb.getBoundingClientRect().left;const r=h(l=>{if(!t(this,D))return;const c=t(this,v).track.getBoundingClientRect();t(this,K).call(this,l.clientX-c.left-this.shiftX)},"onMouseMove"),o=h(()=>{g(this,D,!1),i(),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",o),this.refresh()},"onMouseUp");document.addEventListener("mousemove",r),document.addEventListener("mouseup",o)})},"#init"))}connectedCallback(){if(g(this,I,this.closest("nine-table-sheet")||this.getRootNode().host),!t(this,I))return;this.innerHTML=`
             <style>
                 nine-table-hscrollbar {
                     display: flex;
@@ -60,7 +60,7 @@
             <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
             <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
-        `;const e=h(()=>{const i=t(this,I).querySelector(".ng-container-body");if(!i){setTimeout(e,10);return}g(this,v,{container:i,track:this.querySelector(".ng-scroll-track"),thumb:this.querySelector(".ng-scroll-thumb"),left:this.querySelector(".ng-scroll-left"),right:this.querySelector(".ng-scroll-right")}),i.addEventListener("scroll",()=>{t(this,D)||this.refresh()}),t(this,Lt).call(this),t(this,kt).call(this),this.refresh()},"initWhenReady");e()}disconnectedCallback(){t(this,j)&&t(this,j).disconnect()}};I=new WeakMap,D=new WeakMap,v=new WeakMap,U=new WeakMap,X=new WeakMap,j=new WeakMap,kt=new WeakMap,K=new WeakMap,Lt=new WeakMap,h(he,"NineTableHScrollBar");let P=he;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",P);const de=class de extends HTMLElement{constructor(){super();d(this,Y);d(this,it);d(this,Z,!1);d(this,q);d(this,gt,0);d(this,bt,0);R(this,"refresh",h(()=>{if(!t(this,Y)||!t(this,q))return;const e=t(this,q).container,i=t(this,q).track,s=t(this,q).thumb,r=e.clientHeight,l=(t(this,Y).data.get()||[]).length,c=t(this,it).getRowHeight(),a=l*c;if(a<=r){s.style.display="none",t(this,q).top.disabled=!0,t(this,q).bottom.disabled=!0;return}else s.style.display="block";const f=i.clientHeight;if(f<=0)return;const u=Math.max(Math.min(f*(r/a),f),20);s.style.height=`${u}px`;const y=e.scrollTop,b=Math.max(a-r,1);let p=0;b>0&&(p=y/b*(f-u));const E=f-u;p<0&&(p=0),p>E&&(p=E),s.style.top=`${p}px`,t(this,q).top.disabled=y<=0,t(this,q).bottom.disabled=y>=b-1},"refresh"));d(this,Ct,h(()=>{const e=t(this,q).container,i=h(()=>{const r=(t(this,Y).data.get()||[]).length,o=t(this,it).getRowHeight();return r*o},"getContentHeight");e.addEventListener("scroll",()=>{t(this,Z)||this.refresh()}),t(this,q).thumb.addEventListener("mousedown",s=>{if(s.button!==0)return;s.stopPropagation(),s.preventDefault(),g(this,Z,!0),g(this,gt,s.clientY),g(this,bt,e.scrollTop);const r=h(l=>{if(!t(this,Z))return;const c=t(this,q).track.getBoundingClientRect(),a=t(this,q).thumb.clientHeight,u=c.height-a,y=l.clientY-t(this,gt),b=e.clientHeight,p=i(),E=Math.max(p-b,1);if(u>0&&E>0){const z=y/u*E;let w=t(this,bt)+z;const ft=Math.max(0,p-b);w<0&&(w=0),w>ft&&(w=ft),e.scrollTop=w}this.refresh()},"onMouseMove"),o=h(()=>{g(this,Z,!1),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",o),this.refresh()},"onMouseUp");document.addEventListener("mousemove",r),document.addEventListener("mouseup",o)}),t(this,q).track.addEventListener("mousedown",s=>{if(s.button!==0||s.target===t(this,q).thumb)return;const r=t(this,q).track.getBoundingClientRect(),o=t(this,q).thumb.clientHeight,l=s.clientY-r.top-o/2,a=r.height-o,f=e.clientHeight,u=i(),y=Math.max(u-f,1);if(a>0&&y>0){const b=Math.max(0,Math.min(1,l/a));e.scrollTop=b*y}this.refresh()}),t(this,q).top.addEventListener("click",()=>{e.scrollTop-=40}),t(this,q).bottom.addEventListener("click",()=>{e.scrollTop+=40})},"#init"))}connectedCallback(){g(this,Y,this.getRootNode().host),g(this,it,this.closest("nine-table-sheet")),this.innerHTML=`
+        `;const e=h(()=>{const i=t(this,I).querySelector(".ng-container-body .ng-part-body");if(!i){setTimeout(e,10);return}g(this,v,{container:i,track:this.querySelector(".ng-scroll-track"),thumb:this.querySelector(".ng-scroll-thumb"),left:this.querySelector(".ng-scroll-left"),right:this.querySelector(".ng-scroll-right")}),i.addEventListener("scroll",()=>{t(this,D)||this.refresh()}),t(this,Lt).call(this),t(this,kt).call(this),this.refresh()},"initWhenReady");e()}disconnectedCallback(){t(this,j)&&t(this,j).disconnect()}};I=new WeakMap,D=new WeakMap,v=new WeakMap,U=new WeakMap,X=new WeakMap,j=new WeakMap,kt=new WeakMap,K=new WeakMap,Lt=new WeakMap,h(he,"NineTableHScrollBar");let P=he;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",P);const de=class de extends HTMLElement{constructor(){super();d(this,Y);d(this,it);d(this,Z,!1);d(this,q);d(this,gt,0);d(this,bt,0);R(this,"refresh",h(()=>{if(!t(this,Y)||!t(this,q))return;const e=t(this,q).container,i=t(this,q).track,s=t(this,q).thumb,r=e.clientHeight,l=(t(this,Y).data.get()||[]).length,c=t(this,it).getRowHeight(),a=l*c;if(a<=r){s.style.display="none",t(this,q).top.disabled=!0,t(this,q).bottom.disabled=!0;return}else s.style.display="block";const f=i.clientHeight;if(f<=0)return;const u=Math.max(Math.min(f*(r/a),f),20);s.style.height=`${u}px`;const y=e.scrollTop,b=Math.max(a-r,1);let p=0;b>0&&(p=y/b*(f-u));const E=f-u;p<0&&(p=0),p>E&&(p=E),s.style.top=`${p}px`,t(this,q).top.disabled=y<=0,t(this,q).bottom.disabled=y>=b-1},"refresh"));d(this,Ct,h(()=>{const e=t(this,q).container,i=h(()=>{const r=(t(this,Y).data.get()||[]).length,o=t(this,it).getRowHeight();return r*o},"getContentHeight");e.addEventListener("scroll",()=>{t(this,Z)||this.refresh()}),t(this,q).thumb.addEventListener("mousedown",s=>{if(s.button!==0)return;s.stopPropagation(),s.preventDefault(),g(this,Z,!0),g(this,gt,s.clientY),g(this,bt,e.scrollTop);const r=h(l=>{if(!t(this,Z))return;const c=t(this,q).track.getBoundingClientRect(),a=t(this,q).thumb.clientHeight,u=c.height-a,y=l.clientY-t(this,gt),b=e.clientHeight,p=i(),E=Math.max(p-b,1);if(u>0&&E>0){const z=y/u*E;let w=t(this,bt)+z;const ft=Math.max(0,p-b);w<0&&(w=0),w>ft&&(w=ft),e.scrollTop=w}this.refresh()},"onMouseMove"),o=h(()=>{g(this,Z,!1),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",o),this.refresh()},"onMouseUp");document.addEventListener("mousemove",r),document.addEventListener("mouseup",o)}),t(this,q).track.addEventListener("mousedown",s=>{if(s.button!==0||s.target===t(this,q).thumb)return;const r=t(this,q).track.getBoundingClientRect(),o=t(this,q).thumb.clientHeight,l=s.clientY-r.top-o/2,a=r.height-o,f=e.clientHeight,u=i(),y=Math.max(u-f,1);if(a>0&&y>0){const b=Math.max(0,Math.min(1,l/a));e.scrollTop=b*y}this.refresh()}),t(this,q).top.addEventListener("click",()=>{e.scrollTop-=40}),t(this,q).bottom.addEventListener("click",()=>{e.scrollTop+=40})},"#init"))}connectedCallback(){g(this,Y,this.getRootNode().host),g(this,it,this.closest("nine-table-sheet")),this.innerHTML=`
             <style>
                 nine-table-vscrollbar {
                     display: flex;