@plotdb/sheet 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Logs
 
+## v0.6.2
+
+ - bug fix: change isn't fired when editing
+
+
+## v0.6.1
+
+ - simplify `opt.cellcfg` to `_ccfg`
+ - prevent readonly cells to be edited by paste, cut or delete
+ - add `papaparse` in demo page
+
+
 ## v0.6.0
 
  - optionally disable pasting if `papaparse` is not available (not yet implemented TODO)

package/index.js

@@ -67,6 +67,7 @@
       ? document.querySelector(opt.root)
       : opt.root;
     this.evtHandler = {};
+    this._ccfg = opt.cellcfg;
     this._data = opt.data || [];
     this._size = {
       row: (ref$ = import$({
@@ -299,7 +300,8 @@
           row: this$.les.start.row,
           col: this$.les.start.col,
           data: data,
-          range: true
+          range: true,
+          src: 'user'
         });
         if (this$.sel.cut) {
           s = this$._toText({
@@ -316,7 +318,8 @@
                 this$.set({
                   row: row,
                   col: col,
-                  data: ""
+                  data: "",
+                  src: 'user'
                 });
               }
             }
@@ -326,9 +329,27 @@
           return this$.dom["range-cut"].classList.toggle('show', false);
         }
       });
+      this.dom.textarea.addEventListener('keypress', function(e){
+        var ref$;
+        if (((ref$ = e.keyCode) === 31 || ref$ === 61 || ref$ === 67 || ref$ === 88) && (e.metaKey || e.ctrlKey)) {
+          return;
+        }
+        if (this$.les.node && !this$.editing.on) {
+          this$.edit({
+            node: this$.les.node,
+            quick: e.keyCode === 13 ? false : true
+          });
+          if (e.keyCode === 13) {
+            return e.preventDefault();
+          }
+        }
+      });
       this.dom.textarea.addEventListener('keydown', function(e){
-        var code, ref$, sc, ec, sr, er, data, res$, i$, row, lresult$, j$, col, opt;
+        var code, ref$, sc, ec, sr, er, data, res$, i$, row, lresult$, j$, col, opt, lbox, box;
         code = e.keyCode;
+        if (e.keyCode === 86 && (e.metaKey || e.ctrlKey)) {
+          return;
+        }
         if (e.keyCode === 67 && (e.metaKey || e.ctrlKey)) {
           return this$.copy();
         }
@@ -360,7 +381,8 @@
             row: sr,
             col: sc,
             data: data,
-            range: true
+            range: true,
+            src: 'user'
           });
         }
         if (code === 189 && (e.metaKey || e.ctrlKey)) {
@@ -400,38 +422,22 @@
             return null;
           }
         }());
-        if (!opt) {
-          return;
-        }
-        if (this$.editing.on && !this$.editing.quick) {
-          return;
-        }
-        this$.move((opt.select = e.shiftKey, opt));
-        e.stopPropagation();
-        e.preventDefault();
-        return this$.dom.textarea.focus();
-      });
-      this.dom.textarea.addEventListener('keypress', function(e){
-        var ref$;
-        if (((ref$ = e.keyCode) === 31 || ref$ === 61) && (e.metaKey || e.ctrlKey)) {
-          return;
-        }
-        if (this$.les.node && !this$.editing.on) {
-          this$.edit({
-            node: this$.les.node,
-            quick: e.keyCode === 13 ? false : true
-          });
-          if (e.keyCode === 13) {
-            return e.preventDefault();
+        if (opt) {
+          if (this$.editing.on && !this$.editing.quick) {
+            return;
           }
+          this$.move((opt.select = e.shiftKey, opt));
+          e.stopPropagation();
+          e.preventDefault();
+          this$.dom.textarea.focus();
         }
-      });
-      this.dom.textarea.addEventListener('keydown', function(e){
-        var ref$, lbox, box;
         if (this$.les.node && !this$.editing.on) {
           if ((ref$ = e.keyCode) === 37 || ref$ === 38 || ref$ === 39 || ref$ === 40 || ref$ === 9 || ref$ === 16 || ref$ === 18 || ref$ === 91 || ref$ === 27) {
             return;
           }
+          if (((ref$ = e.keyCode) === 31 || ref$ === 61 || ref$ === 67 || ref$ === 88) && (e.metaKey || e.ctrlKey)) {
+            return;
+          }
           this$.edit({
             node: this$.les.node,
             quick: e.keyCode === 13 ? false : true
@@ -757,19 +763,38 @@
       });
     },
     set: function(arg$){
-      var row, col, data, range, ref$, i$, to$, r, j$, to1$, c, key$;
-      row = arg$.row, col = arg$.col, data = arg$.data, range = arg$.range;
+      var row, col, data, range, src, touched, ref$, i$, to$, r, j$, to1$, c, key$;
+      row = arg$.row, col = arg$.col, data = arg$.data, range = arg$.range, src = arg$.src;
       if (!range) {
+        if (src && this._ccfg({
+          row: row,
+          col: col,
+          type: 'readonly'
+        })) {
+          return;
+        }
+        touched = true;
         ((ref$ = this._data)[row] || (ref$[row] = []))[col] = data;
         this._content({
           y: row - this.pos.row + this.xif.row[1],
           x: col - this.pos.col + this.xif.col[1]
         });
       } else {
+        touched = false;
+        data = JSON.parse(JSON.stringify(data));
         for (i$ = 0, to$ = data.length; i$ < to$; ++i$) {
           r = i$;
           for (j$ = 0, to1$ = data[r].length; j$ < to1$; ++j$) {
             c = j$;
+            if (src && this._ccfg({
+              row: row + r,
+              col: col + c,
+              type: 'readonly'
+            })) {
+              data[r][c] = ((ref$ = this._data)[key$ = r + row] || (ref$[key$] = []))[c + col];
+              continue;
+            }
+            touched = true;
             ((ref$ = this._data)[key$ = r + row] || (ref$[key$] = []))[c + col] = data[r][c];
             this._content({
               y: r + row - this.pos.row + this.xif.row[1],
@@ -778,12 +803,14 @@
           }
         }
       }
-      return this.fire('change', {
-        row: row,
-        col: col,
-        data: data,
-        range: !!range
-      });
+      if (touched) {
+        return this.fire('change', {
+          row: row,
+          col: col,
+          data: data,
+          range: !!range
+        });
+      }
     },
     _content: function(arg$){
       var x, y, n, v, ref$, key$, content, className, fr, clsext, clsopt;
@@ -825,9 +852,9 @@
         : this.pos.col) + x - this.xif.col[1]] || '') + ' ' + (this.cls.row[(fr
         ? 0
         : this.pos.row) + y - this.xif.row[1]] || '') : '';
-      clsopt = !this.opt.cellcfg
+      clsopt = !this._ccfg
         ? ''
-        : this.opt.cellcfg({
+        : this._ccfg({
           type: 'class',
           col: (fr
             ? 0
@@ -1081,7 +1108,7 @@
         return;
       }
       idx = this.index(node);
-      if (this.opt.cellcfg && this.opt.cellcfg({
+      if (this._ccfg && this._ccfg({
         row: idx.row,
         col: idx.col,
         type: 'readonly'

package/index.min.js

@@ -1 +1 @@
-!function(){var f,m,l,t;function o(t,e){var i,o={}.hasOwnProperty;for(i in e)o.call(e,i)&&(t[i]=e[i]);return t}f=function(t){return"undefined"!=typeof Papa&&null!==Papa?Papa.parse(t).data:[[t]]},m=function(t,e,i){for(var o=t;t&&t!==i;)t=t.parentNode;if(t!==i)return null;if(!e)return t;for(t=o;t&&t!==i&&(!t.matches||t.matches&&!t.matches(e));)t=t.parentNode;return t!==i||i.matches&&i.matches(e)?t:null},l=function(t){for(var e=Math.floor(Math.log(25*(t+1)+1)/Math.log(26))-1,i=t-((Math.pow(26,1+e)-1)/25-1),o="",s=0;s<=e;++s)o="ABCDEFGHIJKLMNOPQRSTUVWXYZ".charAt(i%26)+o,i=(i-i%26)/26;return o},(t=function(t){var e,i=this;return this.opt=t=null==t?{}:t,this.root="string"==typeof t.root?document.querySelector(t.root):t.root,this.evtHandler={},this._data=t.data||[],this._size={row:(e=o({row:[],col:[]},t.size)).row,col:e.col},this.cls={row:(e=o({row:[],col:[]},t.class)).row,col:e.col},this._editing=null==t.editing||!!t.editing,this.dim={col:(t.dim||(t.dim={})).col||30,row:(t.dim||(t.dim={})).row||30},this.frozen={col:(e=o({col:0,row:0},t.frozen||{})).col,row:e.row},this.idx={col:(e=o({row:!0,col:!0},t.idx||{})).col,row:e.row},this.fixed={col:(e=o({col:0,row:0},t.fixed||{})).col,row:e.row},this.xif={row:[this.idx.row?1:0,0,0],col:[this.idx.col?1:0,0,0]},["row","col"].map(function(t){return i.xif[t][1]=i.xif[t][0]+i.fixed[t],i.xif[t][2]=i.xif[t][1]+i.frozen[t]}),this.fix={row:this.xif.row[2],col:this.xif.col[2]},this.pos={col:0,row:0},this.scrollPos={x:0,y:0},this.sel={cut:{}},this.les={},this.editing={},this.dom=Object.fromEntries(["sheet","inner","caret","range","edit","layout","range-cut","slide-y","slide-x"].map(function(t){var e;e=document.createElement("div");return e.classList.add(t),[t,e]})),this.dom.sheet.setAttribute("tabindex",-1),this.dom.textarea=document.createElement("textarea"),this.root.appendChild(this.dom.sheet),["inner","caret","range","edit","layout","range-cut","slide-y","slide-x"].map(function(t){return i.dom.sheet.appendChild(i.dom[t])}),this.opt.slider||(this.dom["slide-x"].style.display=this.dom["slide-y"].style.display="none"),this.dom.edit.appendChild(this.dom.textarea),this._init(),this}).prototype=o(Object.create(Object.prototype),{on:function(t,e){var i;return((i=this.evtHandler)[t]||(i[t]=[])).push(e)},fire:function(t){for(var e,i,o,s,r=[],n=[],l=1,h=arguments.length;l<h;++l)n.push(arguments[l]);for(e=n,l=0,o=(i=this.evtHandler[t]||[]).length;l<o;++l)s=i[l],r.push(s.apply(this,e));return r},_init:function(){for(var t,e,i,o,c,s,a,r,n,l,u=this,h=0,d=this.dim.row;h<d;++h)for(t=h,e=0,i=this.dim.col;e<i;++e)o=e,this.addCell(o,t);return this.regrid(),this.dom.textarea.addEventListener("mousedown",function(t){return t.stopPropagation()}),this.dom.sheet.addEventListener("contextmenu",function(t){if(u.fire("menu.on",{evt:t,node:t.target}),!u._menuOff)return u._menuOff=function(t){if("keydown"!==t.type||27===t.keyCode)return document.body.removeEventListener("click",u._menuOff),document.body.removeEventListener("keydown",u._menuOff),u._menuOff=null,u.fire("menu.off",{evt:t,node:t.target})},document.body.addEventListener("click",u._menuOff),document.body.addEventListener("keydown",u._menuOff)}),(c=this.dom.sheet).addEventListener("mousedown",function(t){var e,i,o;if(!(1<t.button)&&(u.edited(),e=m(t.target,".cell",c)))return(o={row:(i=u.index(e)).row,col:i.col}).col<0||o.row<0?(u.les.node=u.cell(u.les.start),t.shiftKey&&u.les.start||(u.les.start={col:0<(i=o.col)?i:0,row:0<(i=o.row)?i:0},u.les.node=u.cell(u.les.start)),u.les.end={col:0<=o.col?o.col:void 0,row:0<=o.row?o.row:void 0},void u.renderSelection()):(t.shiftKey&&u.les.start?u.les.end=o:(u.les.start=u.les.end=o,u.les.node=e),u.renderSelection())}),c.addEventListener("mousemove",function(t){var e;if(!u._slider.y.on&&!u._slider.x.on&&!u.editing.on&&t.buttons&&(e=m(t.target,".cell",c)))return e={row:(e=u.index(e)).row,col:e.col},u.les.end={col:0<=e.col?e.col:void 0,row:0<=e.row?e.row:void 0},u.renderSelection()}),c.addEventListener("dblclick",function(t){if(t=m(t.target,".cell",c))return u.edit({node:t,quick:!1})}),s=new DOMParser,a=function(t){return s.parseFromString(t,"text/html")},document.body.addEventListener("paste",function(t){var e,i,o,s,r,n,l,h,d;if(m(document.activeElement,".sheet",c)&&u.les.start&&(e=function(t,e){var i=-1,o=e.length>>>0;for(;++i<o;)if(t===e[i])return!0;return!1}("text/html",t.clipboardData.types||[])?(e=a(t.clipboardData.getData("text/html")),Array.from(e.querySelectorAll("tr")).map(function(t){return Array.from(t.querySelectorAll("th,td")).map(function(t){return t.textContent})})):(s=t.clipboardData.getData("text"),f(s)),u.set({row:u.les.start.row,col:u.les.start.col,data:e,range:!0}),u.sel.cut)){if(u._toText({sel:u.sel.cut})===s){for(i=(e=u._bound({sel:u.sel.cut})).sc,o=e.ec,s=e.sr,r=e.er,n=s;n<=r;++n)for(l=n,h=i;h<=o;++h)d=h,u.set({row:l,col:d,data:""});navigator.clipboard.writeText("")}return u.sel.cut=null,u.dom["range-cut"].classList.toggle("show",!1)}}),this.dom.textarea.addEventListener("keydown",function(t){var e,i,o,s,r,n,l,h,d,c=t.keyCode;if(67===t.keyCode&&(t.metaKey||t.ctrlKey))return u.copy();if(88===t.keyCode&&(t.metaKey||t.ctrlKey))return u.copy({cut:!0});if(u.eventInScope(t)){if(8===c){if(!u.les.node)return;for(e=(d=u._bound()).sc,i=d.ec,o=d.sr,s=d.er,r=[],n=o;n<=s;++n){for(l=[],h=e;h<=i;++h)l.push("");r.push(l)}d=r,u.set({row:o,col:e,data:d,range:!0})}if(189===c&&(t.metaKey||t.ctrlKey)&&u.slice(),187===c&&(t.metaKey||t.ctrlKey)&&u.insert(),(d=function(){switch(c){case 37:return{y:0,x:-1};case 38:return{y:-1,x:0};case 39:return{y:0,x:1};case 40:return{y:1,x:0};case 9:return{y:0,x:1};default:return null}}())&&(!u.editing.on||u.editing.quick))return u.move((d.select=t.shiftKey,d)),t.stopPropagation(),t.preventDefault(),u.dom.textarea.focus()}}),this.dom.textarea.addEventListener("keypress",function(t){var e;if(31!==(e=t.keyCode)&&61!==e||!t.metaKey&&!t.ctrlKey)return u.les.node&&!u.editing.on&&(u.edit({node:u.les.node,quick:13!==t.keyCode}),13===t.keyCode)?t.preventDefault():void 0}),this.dom.textarea.addEventListener("keydown",function(t){var e,i,o;return u.les.node&&!u.editing.on?37===(e=t.keyCode)||38===e||39===e||40===e||9===e||16===e||18===e||91===e||27===e?void 0:(u.edit({node:u.les.node,quick:13!==t.keyCode}),void(13===t.keyCode&&t.preventDefault())):u.editing.on?27===t.keyCode?(u.edited({cancel:!0}),t.stopPropagation(),t.preventDefault(),void u.dom.textarea.focus()):13!==t.keyCode||t.altKey||t.metaKey?13===t.keyCode&&(t.altKey||t.metaKey)?(u.dom.textarea.value+="\n",u.dom.layout.textContent=u.dom.textarea.value+" ",i=u.dom.layout.getBoundingClientRect(),o=u.editing.node.getBoundingClientRect(),(e=u.dom.textarea.style).width=Math.max(i.width,o.width+1)+"px",e.height=Math.max(i.height,o.height+1)+"px",e):void 0:(u.move({y:1,x:0}),t.stopPropagation(),t.preventDefault(),void u.dom.textarea.focus()):void 0}),(r=this)._slider={hd:function(t){var e=this;return this.on=!0,this.p=t[this.t[2]],document.addEventListener("mouseup",function(t){return e.hu(t)}),document.addEventListener("mousemove",function(t){return e.hm(t)})},hu:function(t){return this.on=!1,document.removeEventListener("mouseup",this.hu),document.removeEventListener("mousemove",this.hm)},hm:function(t){if(this.on)return t=this.p-t[this.t[2]],0<(t=Math.sign(t)*this.dir*Math.round(Math.log(1<(t=Math.abs(t))?t:1)))&&r[this.t[1]](t),t<0&&r[this.t[0]](t),r.renderSelection()}},this._slider.y=((n={n:"slide-y",on:!1,p:0,t:["_mu","_md","clientY"],dir:-1}).hd=(l=this._slider).hd,n.hu=l.hu,n.hm=l.hm,n),this._slider.x=((l={n:"slide-x",on:!1,p:0,t:["_mr","_ml","clientX"],dir:1}).hd=(n=this._slider).hd,l.hu=n.hu,l.hm=n.hm,l),["x","y"].map(function(e){return u.dom[u._slider[e].n].addEventListener("mousedown",function(t){return u._slider[e].hd(t)})}),document.addEventListener("wheel",function(t){var e,i,o,s,r=u.eventInScope(t);return(null==u.opt.scrollLock||u.opt.scrollLock)&&Math.abs(t.deltaX)>Math.abs(t.deltaY)&&(!r&&t.target!==document.body||t.preventDefault()),!!r&&(e=u.scrollPos,i=(s=[t.deltaX,t.deltaY])[0],o=s[1],i=(s=Math.abs(i)>Math.abs(o)?[i,0]:[0,o])[0],o=s[1],r=(s=[e.x,e.y])[0],s=s[1],e.x+=i/30,e.y+=o/30,i=Math.round(e.x)-Math.round(r),0<(o=Math.round(e.y)-Math.round(s))?u._md(o):o<0?u._mu(o):0<i?u._mr(i):i<0&&u._ml(i),u.renderSelection(),t.preventDefault())},{passive:!1})},select:function(t){var e,i;if(!arguments.length)return this.les.start?((e={}).col=this.les.start.col,e.row=this.les.start.row,this.les.end?(null==this.les.end.col?delete e.col:e.colspan=this.les.end.col-e.col+1,null==this.les.end.row?delete e.row:e.rowspan=this.les.end.row-e.row+1):(e.colspan=1,e.rowspan=1),e):null;this.les={},t&&(this.les={start:{col:0,row:0},end:{}},null!=t.row&&(this.les.start.row=t.row,this.les.end.row=t.row+((i=t.rowspan)&&1<i?i:1)-1),null!=t.col&&(this.les.start.col=t.col,this.les.end.col=t.col+((i=t.colspan)&&1<i?i:1)-1)),this.renderSelection()},_bound:function(t){var e,i,o,s,r;return e=(r=[(o=(t=null==t?{}:t).sel||this.les).start,o.end])[1],(s=r[0])&&e?(i=(r=s.col<e.col||null==e.col?[s.col,e.col]:[e.col,s.col])[0],o=r[1],s=(r=s.row<e.row||null==e.row?[s.row,e.row]:[e.row,s.row])[0],r=r[1],null!=t.defined&&!t.defined||(null==o&&(o=Math.max.apply(Math,this._data.map(function(t){return t.length}))),null==r&&(r=this._data.length)),{sc:i,ec:o,sr:s,er:r}):{sc:0,ec:0,sr:0,er:0}},_toText:function(t){var e,i,o,s,r,n,l,h,d,c,t=t.sel;if(!t||!t.start)return"";for(e=[],o=(i=this._bound({sel:t})).sc,s=i.ec,t=i.sr,r=i.er,n=t;n<=r;++n){for(l=n,h=[],d=o;d<=s;++d)c=d,"object"!=typeof(c=null==(c=((i=this._data)[l]||(i[l]=[]))[c])?"":c)&&h.push('"'+(""+c||"").replace(/"/g,'""')+'"');e.push(h.join("\t"))}return e.join("\n")},copy:function(t){var e;if(null==t&&(t={}),this.les.start)return e=this._toText({sel:this.les}),navigator.clipboard.writeText(e),t.cut?(this.sel.cut={start:this.les.start,end:this.les.end},this.renderSelection(this.sel.cut,{cut:!0})):void 0},eventInScope:function(t){return m(t.target,".sheet",this.dom.sheet)===this.dom.sheet},size:function(t){return null==t?this._size:(this._size={row:(t=o({row:[],col:[]},t)).row,col:t.col},this.regrid())},regrid:function(){var e=this;return this.dom.inner.style.gridTemplateColumns="repeat("+this.xif.col[1]+", max-content) "+function(){for(var t=[],e=0,i=this.frozen.col;e<i;++e)t.push(e);return t}.call(this).map(function(t){return e._size.col[t]||"max-content"}).join(" ")+" "+function(){for(var t=[],e=this.xif.col[2],i=this.dim.col;e<i;++e)t.push(e);return t}.call(this).map(function(t){return e._size.col[t+e.pos.col-e.xif.col[1]]||"max-content"}).join(" "),this.dom.inner.style.gridTemplateRows="repeat("+this.xif.row[1]+", max-content) "+function(){for(var t=[],e=0,i=this.frozen.row;e<i;++e)t.push(e);return t}.call(this).map(function(t){return e._size.row[t]||"max-content"}).join(" ")+" "+function(){for(var t=[],e=this.xif.row[2],i=this.dim.row;e<i;++e)t.push(e);return t}.call(this).map(function(t){return e._size.row[t+e.pos.row-e.xif.row[1]]||"max-content"}).join(" ")},addCell:function(t,e){var i=document.createElement("div");return this.dom.inner.insertBefore(i,this.dom.inner.childNodes[e*this.dim.col+t]),this._content({x:t,y:e,n:i})},set:function(t){var e,i,o,s,r,n,l,h,d=t.row,c=t.col,a=t.data,t=t.range;if(t)for(i=0,o=a.length;i<o;++i)for(r=0,n=a[s=i].length;r<n;++r)l=r,((e=this._data)[h=s+d]||(e[h]=[]))[l+c]=a[s][l],this._content({y:s+d-this.pos.row+this.xif.row[1],x:l+c-this.pos.col+this.xif.col[1]});else((e=this._data)[d]||(e[d]=[]))[c]=a,this._content({y:d-this.pos.row+this.xif.row[1],x:c-this.pos.col+this.xif.col[1]});return this.fire("change",{row:d,col:c,data:a,range:!!t})},_content:function(t){var e,i,o,s=t.x,r=t.y,n=t.n;if(n=n||this.dom.inner.childNodes[s+r*this.dim.col])return e=(o=s<this.xif.col[0]&&r<this.xif.col[0]?["","cell idx"]:s<this.xif.col[0]?[r<this.xif.row[1]?" ":r<this.xif.row[2]?r-this.xif.row[1]+1:r-this.xif.row[1]+this.pos.row+1,"cell idx"]:r<this.xif.row[0]?[s<this.xif.col[1]?" ":s<this.xif.col[2]?l(s-this.xif.col[1]):l(s-this.xif.col[1]+this.pos.col),"cell idx"]:s<this.xif.col[1]||r<this.xif.row[1]?[null,"cell fixed"]:s<this.xif.col[2]&&r<this.xif.row[2]?[((o=this._data)[i=r-this.xif.row[1]]||(o[i]=[]))[s-this.xif.col[1]],"cell frozen fixed"]:s<this.xif.col[2]?[((o=this._data)[i=this.pos.row+r-this.xif.row[1]]||(o[i]=[]))[s-this.xif.col[1]],"cell frozen"]:r<this.xif.row[2]?[((o=this._data)[i=r-this.xif.row[1]]||(o[i]=[]))[this.pos.col+s-this.xif.col[1]],"cell frozen"]:[((o=this._data)[i=this.pos.row+r-this.xif.row[1]]||(o[i]=[]))[this.pos.col+s-this.xif.col[1]],"cell"])[0],t=o[1],null==e&&(e=""),i=/frozen/.exec(t),o=s>=this.xif.col[0]&&r>=this.xif.row[0]?(this.cls.col[(i?0:this.pos.col)+s-this.xif.col[1]]||"")+" "+(this.cls.row[(i?0:this.pos.row)+r-this.xif.row[1]]||""):"",r=this.opt.cellcfg&&this.opt.cellcfg({type:"class",col:(i?0:this.pos.col)+s-this.xif.col[1],row:(i?0:this.pos.row)+r-this.xif.row[1]})||"",n.className=[t,o,r].filter(function(t){return t.trim()}).join(" ").trim(),null!==e?"object"!=typeof e?n.textContent=e:"dom"===e.type?(n.textContent="",n.appendChild(e.node)):void 0:void 0},_md:function(t){var e,i,o,s,r,n,l,h,d;for(null==t&&(t=1),e=this.dom.inner,o=i=0<(i=(t=Math.round(Math.abs(t)))-(this.dim.row-this.fix.row))?i:0;o<t;++o)for(s=o,r=0,n=this.dim.col;r<n&&(l=r,h=this.dim.col*this.fix.row,e.childNodes[h]);++r)e.removeChild(e.childNodes[h]);for(o=i;o<t;++o)for(s=o,r=0,n=this.dim.col;r<n;++r)l=r,d=document.createElement("div"),this._content({x:l,y:this.dim.row+s,n:d}),e.appendChild(d);return this.pos.row+=t},_mu:function(t){var e,i,o,s,r,n,l,h,d,c,a=[];if(null==t&&(t=1),e=this.dom.inner,!(this.pos.row<=0)){for(s=i=0<(o=(t=(t=Math.round(Math.abs(t)))>=this.pos.row?this.pos.row:t)-(this.dim.row-this.xif.row[2]))?o:0;s<t;++s)for(r=s,n=0,l=this.dim.col;n<l&&(h=n,e.childNodes.length);++n)e.removeChild(e.childNodes[e.childNodes.length-1]);for(this.pos.row-=t,s=i;s<t;++s){for(r=s,d=[],n=0,l=this.dim.col;n<l;++n)h=n,c=document.createElement("div"),this._content({x:h,y:r+this.xif.row[2],n:c}),d.push(e.insertBefore(c,e.childNodes[h+(r-i)*this.dim.col+this.dim.col*this.xif.row[2]]));a.push(d)}return a}},_mr:function(t){var e,i,o,s,r,n,l,h;for(null==t&&(t=1),e=this.dom.inner,o=0<(i=(t=Math.round(Math.abs(t)))-(this.dim.col-this.fix.col))?i:0;o<t;++o)for(s=o,r=0,n=this.dim.row;r<n;++r)l=r,e.removeChild(e.childNodes[l*this.dim.col+this.fix.col]),h=document.createElement("div"),this._content({x:this.dim.col+s,y:l,n:h}),e.insertBefore(h,e.childNodes[(l+1)*this.dim.col-1]);return this.pos.col+=t,this.regrid()},_ml:function(t){var e,i,o,s,r,n,l,h,d;if(null==t&&(t=1),e=this.dom.inner,(t=Math.round(Math.abs(t)))>=this.pos.col&&(t=this.pos.col),!(this.pos.col<=0||t<=0)){for(i=0<(o=t-(this.dim.col-this.xif.col[2]))?o:0,this.pos.col-=t,s=i;s<t;++s)for(r=s,n=0,l=this.dim.row;n<l;++n)h=n,e.removeChild(e.childNodes[(h+1)*this.dim.col-1]),d=document.createElement("div"),this._content({x:r+this.xif.col[2],y:h,n:d}),e.insertBefore(d,e.childNodes[h*this.dim.col+this.xif.col[2]+r-i]);return this.regrid()}},goto:function(t){return o(this.pos,t=null==t?{row:0,col:0}:t),this.render()},render:function(){for(var t,e,i,o,s=0,r=this.dim.row;s<r;++s)for(t=s,e=0,i=this.dim.col;e<i;++e)o=e,this._content({x:o,y:t});return this.renderSelection()},move:function(t){var e,i,o,s,r;if(null==t&&(t={}),this.editing.on&&this.edited(),(t.node=this.les.node)&&(e=this.cell(t))){if(i=this.index(e),o=e.getBoundingClientRect(),s=this.dom.sheet.getBoundingClientRect(),o.x+o.width>s.x+s.width&&this._mr(1),o.y+o.height>s.y+s.height&&this._md(1),0===i.x){if(0===this.pos.col)return;this._ml(1)}if(0===i.y){if(0===this.pos.row)return;this._mu(1)}if((e=this.cell(t))||(e=this.cell({col:i.col,row:i.row})))return this.les.node=e,t.select?(t={col:(r=this.index(e)).col,row:r.row},this.les.end===this.les.start&&(this.les.end=JSON.parse(JSON.stringify(this.les.start))),t.col<this.les.start.col&&(t.col<this.les.end.col||null==this.les.end.col)&&((this.les.start.col>this.les.end.col?this.les.end:this.les.start).col=t.col),t.row<this.les.start.row&&(t.row<this.les.end.row||null==this.les.end.row)&&((this.les.start.row>this.les.end.row?this.les.end:this.les.start).row=t.row),t.col>this.les.start.col&&t.col>this.les.end.col&&((this.les.start.col<this.les.end.col?this.les.end:this.les.start).col=t.col),t.row>this.les.start.row&&t.row>this.les.end.row&&((this.les.start.row<this.les.end.row?this.les.end:this.les.start).row=t.row)):this.les.start=this.les.end={col:(r=this.index(e)).col,row:r.row},this.renderSelection()}},edit:function(t){var e,i,o,s,r,n=t.node,l=t.quick;if(this._editing&&(r=this.index(n),!(this.opt.cellcfg&&this.opt.cellcfg({row:r.row,col:r.col,type:"readonly"})||!r||r.col<0||r.row<0)))return(e=this.editing).node=n,e.quick=l,e.on=!0,this.dom.layout.textContent=n.textContent,i=this.dom.layout.getBoundingClientRect(),o=n.getBoundingClientRect(),s=this.dom.sheet.getBoundingClientRect(),t=(e=[this.dom.sheet.scrollLeft,this.dom.sheet.scrollTop])[0],r=e[1],(e=this.dom.edit.style).left=o.x-s.x+t-2+"px",e.top=o.y-s.y+r-2+"px",e.width="fit-content",e.height="fit-content",this.dom.edit.classList.toggle("show",!0),(e=this.dom.textarea.style).width=Math.max(i.width,o.width+1)+"px",e.height=Math.max(i.height,o.height+1)+"px",this.dom.textarea.value=n=!l&&n.textContent||"",this.dom.textarea.focus(),this.dom.textarea.setSelectionRange(n.length,n.length)},edited:function(t){if(null==t&&(t={}),this.editing.on)return t.cancel||this.set({row:this.les.start.row,col:this.les.start.col,data:this.dom.textarea.value||""}),this.dom.edit.classList.toggle("show",!1),(t=this.editing).node=null,t.on=!1,t},index:function(t){var e=Array.from(this.dom.inner.childNodes).indexOf(t);return e<0?null:{x:t=e%this.dim.col,y:e=(e-t)/this.dim.col,col:t<this.xif.col[1]?-1:t<this.xif.col[2]?t-this.xif.col[1]:t-this.xif.col[1]+this.pos.col,row:e<this.xif.row[1]?-1:e<this.xif.row[2]?e-this.xif.row[1]:e-this.xif.row[1]+this.pos.row}},cell:function(t){var e,i,o,s=(t=null==t?{}:t).roughly;if(null!=t.col||null!=t.row){if(t.col<this.frozen.col)e=t.col;else if(t.col-this.pos.col<this.frozen.col){if(!s)return null;e=this.frozen.col}else e=t.col-this.pos.col;if(t.row<this.frozen.row)i=t.row;else if(t.row-this.pos.row<this.frozen.row){if(!s)return null;i=this.frozen.row}else i=t.row-this.pos.row;return i=(o=[e+this.xif.col[1],i+this.xif.row[1]])[1],(e=o[0])<0||i<0||e>=this.dim.col||i>=this.dim.row?null:this.dom.inner.childNodes[i*this.dim.col+e]}if(o=t.node?this.index(t.node):{y:0,x:0})return i=o.y+(t.y||0),e=o.x+(t.x||0),this.dom.inner.childNodes[i*this.dim.col+e]},editing:function(t){return null==t?this._editing:this._editing=!!t},renderSelection:function(t,e){var i,o,s,r,n,l,h,d,c,a,u,f,m,w=this;return null==e&&(e={}),(t=t||this.les).start?(h=(i=this._bound({defined:!1,sel:t})).sc,m=i.ec,c=i.sr,f=i.er,o=this.dom.inner.getBoundingClientRect(),u=(i=[this.cell({col:this.pos.col+this.frozen.col,row:this.pos.row+this.frozen.row}),this.cell({col:h,row:c,roughly:!0}),this.cell({col:h,row:f,roughly:!0}),this.cell({col:m,row:c,roughly:!0}),this.cell({col:m,row:f,roughly:!0}),this.cell({col:this.pos.col+this.dim.col-2,row:this.pos.row+this.dim.row-2})].map(function(t){return t?t.getBoundingClientRect():null}))[0],d=i[1],s=i[2],a=i[3],r=i[4],n=i[5],u.width=0,u.height=0,l=(d||s||(h>this.pos.col?n:u)).x-o.x,h=(d||a||(c>this.pos.row?n:u)).y-o.y,d=m-this.pos.col<0,c=f-this.pos.row<0,a=(a||r||n||u).x+(d?0:(a||r||n||u).width)-o.x-l+1,u=(s||r||n||u).y+(c?0:(s||r||n||u).height)-o.y-h+1,null==m&&(a=this.root.getBoundingClientRect().width),null==f&&(u=this.root.getBoundingClientRect().height),f=(m=this.les.node)?m.getBoundingClientRect():null,(i=(m=e.cut?this.dom["range-cut"]:this.dom.range).style).left=l+"px",i.top=h+"px",i.width=a+"px",i.height=u+"px",m.classList.toggle("show",!0),e.cut||(f&&((i=this.dom.caret.style).left=f.x-o.x-1+"px",i.top=f.y-o.y-1+"px",i.width=(d?0:f.width)+2+"px",i.height=(c?0:f.height)+2+"px",i.zIndex=t.start.row+this.xif.row[1]<this.xif.row[2]&&t.start.col+this.xif.col[1]<this.xif.col[2]?101:t.start.row+this.xif.row[1]<this.xif.row[2]||t.start.col+this.xif.col[1]<this.xif.col[2]?20:15),this.dom.caret.classList.toggle("show",!!f)),setTimeout(function(){return w.dom.textarea.focus()},0)):(this.dom.caret.classList.toggle("show",!1),void this.dom.range.classList.toggle("show",!1))},data:function(t){return null==t?this._data:(this._data=t,this.render())},sort:function(i){var o,t,s=this;return null==i&&(i={}),t=this._bound({defined:!1}),o=t.sc,t.ec,t.sr,t.er,(t=this._data.map(function(t,e){return{d:t,i:e}})).sort(function(t,e){return t.i<s.frozen.row&&e.i>=s.frozen.row?-1:e.i<s.frozen.row&&t.i>=s.frozen.row?1:(t=isNaN(+t.d[o])?t.d[o]:+t.d[o],e=isNaN(+e.d[o])?e.d[o]:+e.d[o],("asc"===i.dir?1:-1)*(e<t?1:t<e?-1:0))}),this._data=t.map(function(t){return t.d}),this.fire("change",{row:0,col:0,data:this._data,range:!0}),this.renderSelection(),this.render()},insert:function(){var t,e=this._bound({defined:!1}),i=e.sc,o=e.ec,s=e.sr,e=e.er;null==o&&(t=this._data.splice(s,0,[])),null==e&&(t=this._data.map(function(t){return t.splice(i,0,"")})),this.fire("change",{row:s,col:i,data:t,range:!0}),this.les.end=this.les.start,this.renderSelection(),this.render()},slice:function(){var t,e=this._bound({defined:!1}),i=e.sc,o=e.ec,s=e.sr,e=e.er;null==o&&(t=this._data.splice(s,e-s+1)),null==e&&(t=this._data.map(function(t){return t.splice(i,o-i+1)})),this.fire("change",{row:s,col:i,data:t,range:!0}),this.les.end=this.les.start,this.renderSelection(),this.render()}}),"undefined"!=typeof module&&null!==module?module.exports=t:"undefined"!=typeof window&&null!==window&&(window.sheet=t)}.call(this);
+!function(){var f,m,l,t;function o(t,e){var i,o={}.hasOwnProperty;for(i in e)o.call(e,i)&&(t[i]=e[i]);return t}f=function(t){return"undefined"!=typeof Papa&&null!==Papa?Papa.parse(t).data:[[t]]},m=function(t,e,i){for(var o=t;t&&t!==i;)t=t.parentNode;if(t!==i)return null;if(!e)return t;for(t=o;t&&t!==i&&(!t.matches||t.matches&&!t.matches(e));)t=t.parentNode;return t!==i||i.matches&&i.matches(e)?t:null},l=function(t){for(var e=Math.floor(Math.log(25*(t+1)+1)/Math.log(26))-1,i=t-((Math.pow(26,1+e)-1)/25-1),o="",s=0;s<=e;++s)o="ABCDEFGHIJKLMNOPQRSTUVWXYZ".charAt(i%26)+o,i=(i-i%26)/26;return o},(t=function(t){var e,i=this;return this.opt=t=null==t?{}:t,this.root="string"==typeof t.root?document.querySelector(t.root):t.root,this.evtHandler={},this._ccfg=t.cellcfg,this._data=t.data||[],this._size={row:(e=o({row:[],col:[]},t.size)).row,col:e.col},this.cls={row:(e=o({row:[],col:[]},t.class)).row,col:e.col},this._editing=null==t.editing||!!t.editing,this.dim={col:(t.dim||(t.dim={})).col||30,row:(t.dim||(t.dim={})).row||30},this.frozen={col:(e=o({col:0,row:0},t.frozen||{})).col,row:e.row},this.idx={col:(e=o({row:!0,col:!0},t.idx||{})).col,row:e.row},this.fixed={col:(e=o({col:0,row:0},t.fixed||{})).col,row:e.row},this.xif={row:[this.idx.row?1:0,0,0],col:[this.idx.col?1:0,0,0]},["row","col"].map(function(t){return i.xif[t][1]=i.xif[t][0]+i.fixed[t],i.xif[t][2]=i.xif[t][1]+i.frozen[t]}),this.fix={row:this.xif.row[2],col:this.xif.col[2]},this.pos={col:0,row:0},this.scrollPos={x:0,y:0},this.sel={cut:{}},this.les={},this.editing={},this.dom=Object.fromEntries(["sheet","inner","caret","range","edit","layout","range-cut","slide-y","slide-x"].map(function(t){var e;e=document.createElement("div");return e.classList.add(t),[t,e]})),this.dom.sheet.setAttribute("tabindex",-1),this.dom.textarea=document.createElement("textarea"),this.root.appendChild(this.dom.sheet),["inner","caret","range","edit","layout","range-cut","slide-y","slide-x"].map(function(t){return i.dom.sheet.appendChild(i.dom[t])}),this.opt.slider||(this.dom["slide-x"].style.display=this.dom["slide-y"].style.display="none"),this.dom.edit.appendChild(this.dom.textarea),this._init(),this}).prototype=o(Object.create(Object.prototype),{on:function(t,e){var i;return((i=this.evtHandler)[t]||(i[t]=[])).push(e)},fire:function(t){for(var e,i,o,s,r=[],n=[],l=1,h=arguments.length;l<h;++l)n.push(arguments[l]);for(e=n,l=0,o=(i=this.evtHandler[t]||[]).length;l<o;++l)s=i[l],r.push(s.apply(this,e));return r},_init:function(){for(var t,e,i,o,d,s,a,r,n,l,u=this,h=0,c=this.dim.row;h<c;++h)for(t=h,e=0,i=this.dim.col;e<i;++e)o=e,this.addCell(o,t);return this.regrid(),this.dom.textarea.addEventListener("mousedown",function(t){return t.stopPropagation()}),this.dom.sheet.addEventListener("contextmenu",function(t){if(u.fire("menu.on",{evt:t,node:t.target}),!u._menuOff)return u._menuOff=function(t){if("keydown"!==t.type||27===t.keyCode)return document.body.removeEventListener("click",u._menuOff),document.body.removeEventListener("keydown",u._menuOff),u._menuOff=null,u.fire("menu.off",{evt:t,node:t.target})},document.body.addEventListener("click",u._menuOff),document.body.addEventListener("keydown",u._menuOff)}),(d=this.dom.sheet).addEventListener("mousedown",function(t){var e,i,o;if(!(1<t.button)&&(u.edited(),e=m(t.target,".cell",d)))return(o={row:(i=u.index(e)).row,col:i.col}).col<0||o.row<0?(u.les.node=u.cell(u.les.start),t.shiftKey&&u.les.start||(u.les.start={col:0<(i=o.col)?i:0,row:0<(i=o.row)?i:0},u.les.node=u.cell(u.les.start)),u.les.end={col:0<=o.col?o.col:void 0,row:0<=o.row?o.row:void 0},void u.renderSelection()):(t.shiftKey&&u.les.start?u.les.end=o:(u.les.start=u.les.end=o,u.les.node=e),u.renderSelection())}),d.addEventListener("mousemove",function(t){var e;if(!u._slider.y.on&&!u._slider.x.on&&!u.editing.on&&t.buttons&&(e=m(t.target,".cell",d)))return e={row:(e=u.index(e)).row,col:e.col},u.les.end={col:0<=e.col?e.col:void 0,row:0<=e.row?e.row:void 0},u.renderSelection()}),d.addEventListener("dblclick",function(t){if(t=m(t.target,".cell",d))return u.edit({node:t,quick:!1})}),s=new DOMParser,a=function(t){return s.parseFromString(t,"text/html")},document.body.addEventListener("paste",function(t){var e,i,o,s,r,n,l,h,c;if(m(document.activeElement,".sheet",d)&&u.les.start&&(e=function(t,e){var i=-1,o=e.length>>>0;for(;++i<o;)if(t===e[i])return!0;return!1}("text/html",t.clipboardData.types||[])?(e=a(t.clipboardData.getData("text/html")),Array.from(e.querySelectorAll("tr")).map(function(t){return Array.from(t.querySelectorAll("th,td")).map(function(t){return t.textContent})})):(s=t.clipboardData.getData("text"),f(s)),u.set({row:u.les.start.row,col:u.les.start.col,data:e,range:!0,src:"user"}),u.sel.cut)){if(u._toText({sel:u.sel.cut})===s){for(i=(e=u._bound({sel:u.sel.cut})).sc,o=e.ec,s=e.sr,r=e.er,n=s;n<=r;++n)for(l=n,h=i;h<=o;++h)c=h,u.set({row:l,col:c,data:"",src:"user"});navigator.clipboard.writeText("")}return u.sel.cut=null,u.dom["range-cut"].classList.toggle("show",!1)}}),this.dom.textarea.addEventListener("keypress",function(t){var e;if(31!==(e=t.keyCode)&&61!==e&&67!==e&&88!==e||!t.metaKey&&!t.ctrlKey)return u.les.node&&!u.editing.on&&(u.edit({node:u.les.node,quick:13!==t.keyCode}),13===t.keyCode)?t.preventDefault():void 0}),this.dom.textarea.addEventListener("keydown",function(t){var e,i,o,s,r,n,l,h,c,d,a=t.keyCode;if(86!==t.keyCode||!t.metaKey&&!t.ctrlKey){if(67===t.keyCode&&(t.metaKey||t.ctrlKey))return u.copy();if(88===t.keyCode&&(t.metaKey||t.ctrlKey))return u.copy({cut:!0});if(u.eventInScope(t)){if(8===a){if(!u.les.node)return;for(i=(e=u._bound()).sc,o=e.ec,d=e.sr,s=e.er,r=[],n=d;n<=s;++n){for(l=[],h=i;h<=o;++h)l.push("");r.push(l)}c=r,u.set({row:d,col:i,data:c,range:!0,src:"user"})}if(189===a&&(t.metaKey||t.ctrlKey)&&u.slice(),187===a&&(t.metaKey||t.ctrlKey)&&u.insert(),d=function(){switch(a){case 37:return{y:0,x:-1};case 38:return{y:-1,x:0};case 39:return{y:0,x:1};case 40:return{y:1,x:0};case 9:return{y:0,x:1};default:return null}}()){if(u.editing.on&&!u.editing.quick)return;u.move((d.select=t.shiftKey,d)),t.stopPropagation(),t.preventDefault(),u.dom.textarea.focus()}return u.les.node&&!u.editing.on?37!==(e=t.keyCode)&&38!==e&&39!==e&&40!==e&&9!==e&&16!==e&&18!==e&&91!==e&&27!==e&&(31!==(e=t.keyCode)&&61!==e&&67!==e&&88!==e||!t.metaKey&&!t.ctrlKey)?(u.edit({node:u.les.node,quick:13!==t.keyCode}),void(13===t.keyCode&&t.preventDefault())):void 0:u.editing.on?27===t.keyCode?(u.edited({cancel:!0}),t.stopPropagation(),t.preventDefault(),void u.dom.textarea.focus()):13!==t.keyCode||t.altKey||t.metaKey?13===t.keyCode&&(t.altKey||t.metaKey)?(u.dom.textarea.value+="\n",u.dom.layout.textContent=u.dom.textarea.value+" ",c=u.dom.layout.getBoundingClientRect(),d=u.editing.node.getBoundingClientRect(),(e=u.dom.textarea.style).width=Math.max(c.width,d.width+1)+"px",e.height=Math.max(c.height,d.height+1)+"px",e):void 0:(u.move({y:1,x:0}),t.stopPropagation(),t.preventDefault(),void u.dom.textarea.focus()):void 0}}}),(r=this)._slider={hd:function(t){var e=this;return this.on=!0,this.p=t[this.t[2]],document.addEventListener("mouseup",function(t){return e.hu(t)}),document.addEventListener("mousemove",function(t){return e.hm(t)})},hu:function(t){return this.on=!1,document.removeEventListener("mouseup",this.hu),document.removeEventListener("mousemove",this.hm)},hm:function(t){if(this.on)return t=this.p-t[this.t[2]],0<(t=Math.sign(t)*this.dir*Math.round(Math.log(1<(t=Math.abs(t))?t:1)))&&r[this.t[1]](t),t<0&&r[this.t[0]](t),r.renderSelection()}},this._slider.y=((n={n:"slide-y",on:!1,p:0,t:["_mu","_md","clientY"],dir:-1}).hd=(l=this._slider).hd,n.hu=l.hu,n.hm=l.hm,n),this._slider.x=((l={n:"slide-x",on:!1,p:0,t:["_mr","_ml","clientX"],dir:1}).hd=(n=this._slider).hd,l.hu=n.hu,l.hm=n.hm,l),["x","y"].map(function(e){return u.dom[u._slider[e].n].addEventListener("mousedown",function(t){return u._slider[e].hd(t)})}),document.addEventListener("wheel",function(t){var e,i,o,s,r=u.eventInScope(t);return(null==u.opt.scrollLock||u.opt.scrollLock)&&Math.abs(t.deltaX)>Math.abs(t.deltaY)&&(!r&&t.target!==document.body||t.preventDefault()),!!r&&(e=u.scrollPos,i=(s=[t.deltaX,t.deltaY])[0],o=s[1],i=(s=Math.abs(i)>Math.abs(o)?[i,0]:[0,o])[0],o=s[1],r=(s=[e.x,e.y])[0],s=s[1],e.x+=i/30,e.y+=o/30,i=Math.round(e.x)-Math.round(r),0<(o=Math.round(e.y)-Math.round(s))?u._md(o):o<0?u._mu(o):0<i?u._mr(i):i<0&&u._ml(i),u.renderSelection(),t.preventDefault())},{passive:!1})},select:function(t){var e,i;if(!arguments.length)return this.les.start?((e={}).col=this.les.start.col,e.row=this.les.start.row,this.les.end?(null==this.les.end.col?delete e.col:e.colspan=this.les.end.col-e.col+1,null==this.les.end.row?delete e.row:e.rowspan=this.les.end.row-e.row+1):(e.colspan=1,e.rowspan=1),e):null;this.les={},t&&(this.les={start:{col:0,row:0},end:{}},null!=t.row&&(this.les.start.row=t.row,this.les.end.row=t.row+((i=t.rowspan)&&1<i?i:1)-1),null!=t.col&&(this.les.start.col=t.col,this.les.end.col=t.col+((i=t.colspan)&&1<i?i:1)-1)),this.renderSelection()},_bound:function(t){var e,i,o,s,r;return e=(r=[(o=(t=null==t?{}:t).sel||this.les).start,o.end])[1],(s=r[0])&&e?(i=(r=s.col<e.col||null==e.col?[s.col,e.col]:[e.col,s.col])[0],o=r[1],s=(r=s.row<e.row||null==e.row?[s.row,e.row]:[e.row,s.row])[0],r=r[1],null!=t.defined&&!t.defined||(null==o&&(o=Math.max.apply(Math,this._data.map(function(t){return t.length}))),null==r&&(r=this._data.length)),{sc:i,ec:o,sr:s,er:r}):{sc:0,ec:0,sr:0,er:0}},_toText:function(t){var e,i,o,s,r,n,l,h,c,d,t=t.sel;if(!t||!t.start)return"";for(e=[],o=(i=this._bound({sel:t})).sc,s=i.ec,t=i.sr,r=i.er,n=t;n<=r;++n){for(l=n,h=[],c=o;c<=s;++c)d=c,"object"!=typeof(d=null==(d=((i=this._data)[l]||(i[l]=[]))[d])?"":d)&&h.push('"'+(""+d||"").replace(/"/g,'""')+'"');e.push(h.join("\t"))}return e.join("\n")},copy:function(t){var e;if(null==t&&(t={}),this.les.start)return e=this._toText({sel:this.les}),navigator.clipboard.writeText(e),t.cut?(this.sel.cut={start:this.les.start,end:this.les.end},this.renderSelection(this.sel.cut,{cut:!0})):void 0},eventInScope:function(t){return m(t.target,".sheet",this.dom.sheet)===this.dom.sheet},size:function(t){return null==t?this._size:(this._size={row:(t=o({row:[],col:[]},t)).row,col:t.col},this.regrid())},regrid:function(){var e=this;return this.dom.inner.style.gridTemplateColumns="repeat("+this.xif.col[1]+", max-content) "+function(){for(var t=[],e=0,i=this.frozen.col;e<i;++e)t.push(e);return t}.call(this).map(function(t){return e._size.col[t]||"max-content"}).join(" ")+" "+function(){for(var t=[],e=this.xif.col[2],i=this.dim.col;e<i;++e)t.push(e);return t}.call(this).map(function(t){return e._size.col[t+e.pos.col-e.xif.col[1]]||"max-content"}).join(" "),this.dom.inner.style.gridTemplateRows="repeat("+this.xif.row[1]+", max-content) "+function(){for(var t=[],e=0,i=this.frozen.row;e<i;++e)t.push(e);return t}.call(this).map(function(t){return e._size.row[t]||"max-content"}).join(" ")+" "+function(){for(var t=[],e=this.xif.row[2],i=this.dim.row;e<i;++e)t.push(e);return t}.call(this).map(function(t){return e._size.row[t+e.pos.row-e.xif.row[1]]||"max-content"}).join(" ")},addCell:function(t,e){var i=document.createElement("div");return this.dom.inner.insertBefore(i,this.dom.inner.childNodes[e*this.dim.col+t]),this._content({x:t,y:e,n:i})},set:function(t){var e,i,o,s,r,n,l,h,c,d=t.row,a=t.col,u=t.data,f=t.range,m=t.src;if(f)for(e=!1,o=0,s=(u=JSON.parse(JSON.stringify(u))).length;o<s;++o)for(n=0,l=u[r=o].length;n<l;++n)h=n,m&&this._ccfg({row:d+r,col:a+h,type:"readonly"})?u[r][h]=((i=this._data)[c=r+d]||(i[c]=[]))[h+a]:(e=!0,((i=this._data)[c=r+d]||(i[c]=[]))[h+a]=u[r][h],this._content({y:r+d-this.pos.row+this.xif.row[1],x:h+a-this.pos.col+this.xif.col[1]}));else{if(m&&this._ccfg({row:d,col:a,type:"readonly"}))return;e=!0,((i=this._data)[d]||(i[d]=[]))[a]=u,this._content({y:d-this.pos.row+this.xif.row[1],x:a-this.pos.col+this.xif.col[1]})}if(e)return this.fire("change",{row:d,col:a,data:u,range:!!f})},_content:function(t){var e,i,o,s=t.x,r=t.y,n=t.n;if(n=n||this.dom.inner.childNodes[s+r*this.dim.col])return e=(o=s<this.xif.col[0]&&r<this.xif.col[0]?["","cell idx"]:s<this.xif.col[0]?[r<this.xif.row[1]?" ":r<this.xif.row[2]?r-this.xif.row[1]+1:r-this.xif.row[1]+this.pos.row+1,"cell idx"]:r<this.xif.row[0]?[s<this.xif.col[1]?" ":s<this.xif.col[2]?l(s-this.xif.col[1]):l(s-this.xif.col[1]+this.pos.col),"cell idx"]:s<this.xif.col[1]||r<this.xif.row[1]?[null,"cell fixed"]:s<this.xif.col[2]&&r<this.xif.row[2]?[((o=this._data)[i=r-this.xif.row[1]]||(o[i]=[]))[s-this.xif.col[1]],"cell frozen fixed"]:s<this.xif.col[2]?[((o=this._data)[i=this.pos.row+r-this.xif.row[1]]||(o[i]=[]))[s-this.xif.col[1]],"cell frozen"]:r<this.xif.row[2]?[((o=this._data)[i=r-this.xif.row[1]]||(o[i]=[]))[this.pos.col+s-this.xif.col[1]],"cell frozen"]:[((o=this._data)[i=this.pos.row+r-this.xif.row[1]]||(o[i]=[]))[this.pos.col+s-this.xif.col[1]],"cell"])[0],t=o[1],null==e&&(e=""),i=/frozen/.exec(t),o=s>=this.xif.col[0]&&r>=this.xif.row[0]?(this.cls.col[(i?0:this.pos.col)+s-this.xif.col[1]]||"")+" "+(this.cls.row[(i?0:this.pos.row)+r-this.xif.row[1]]||""):"",r=this._ccfg&&this._ccfg({type:"class",col:(i?0:this.pos.col)+s-this.xif.col[1],row:(i?0:this.pos.row)+r-this.xif.row[1]})||"",n.className=[t,o,r].filter(function(t){return t.trim()}).join(" ").trim(),null!==e?"object"!=typeof e?n.textContent=e:"dom"===e.type?(n.textContent="",n.appendChild(e.node)):void 0:void 0},_md:function(t){var e,i,o,s,r,n,l,h,c;for(null==t&&(t=1),e=this.dom.inner,o=i=0<(i=(t=Math.round(Math.abs(t)))-(this.dim.row-this.fix.row))?i:0;o<t;++o)for(s=o,r=0,n=this.dim.col;r<n&&(l=r,h=this.dim.col*this.fix.row,e.childNodes[h]);++r)e.removeChild(e.childNodes[h]);for(o=i;o<t;++o)for(s=o,r=0,n=this.dim.col;r<n;++r)l=r,c=document.createElement("div"),this._content({x:l,y:this.dim.row+s,n:c}),e.appendChild(c);return this.pos.row+=t},_mu:function(t){var e,i,o,s,r,n,l,h,c,d,a=[];if(null==t&&(t=1),e=this.dom.inner,!(this.pos.row<=0)){for(s=i=0<(o=(t=(t=Math.round(Math.abs(t)))>=this.pos.row?this.pos.row:t)-(this.dim.row-this.xif.row[2]))?o:0;s<t;++s)for(r=s,n=0,l=this.dim.col;n<l&&(h=n,e.childNodes.length);++n)e.removeChild(e.childNodes[e.childNodes.length-1]);for(this.pos.row-=t,s=i;s<t;++s){for(r=s,c=[],n=0,l=this.dim.col;n<l;++n)h=n,d=document.createElement("div"),this._content({x:h,y:r+this.xif.row[2],n:d}),c.push(e.insertBefore(d,e.childNodes[h+(r-i)*this.dim.col+this.dim.col*this.xif.row[2]]));a.push(c)}return a}},_mr:function(t){var e,i,o,s,r,n,l,h;for(null==t&&(t=1),e=this.dom.inner,o=0<(i=(t=Math.round(Math.abs(t)))-(this.dim.col-this.fix.col))?i:0;o<t;++o)for(s=o,r=0,n=this.dim.row;r<n;++r)l=r,e.removeChild(e.childNodes[l*this.dim.col+this.fix.col]),h=document.createElement("div"),this._content({x:this.dim.col+s,y:l,n:h}),e.insertBefore(h,e.childNodes[(l+1)*this.dim.col-1]);return this.pos.col+=t,this.regrid()},_ml:function(t){var e,i,o,s,r,n,l,h,c;if(null==t&&(t=1),e=this.dom.inner,(t=Math.round(Math.abs(t)))>=this.pos.col&&(t=this.pos.col),!(this.pos.col<=0||t<=0)){for(i=0<(o=t-(this.dim.col-this.xif.col[2]))?o:0,this.pos.col-=t,s=i;s<t;++s)for(r=s,n=0,l=this.dim.row;n<l;++n)h=n,e.removeChild(e.childNodes[(h+1)*this.dim.col-1]),c=document.createElement("div"),this._content({x:r+this.xif.col[2],y:h,n:c}),e.insertBefore(c,e.childNodes[h*this.dim.col+this.xif.col[2]+r-i]);return this.regrid()}},goto:function(t){return o(this.pos,t=null==t?{row:0,col:0}:t),this.render()},render:function(){for(var t,e,i,o,s=0,r=this.dim.row;s<r;++s)for(t=s,e=0,i=this.dim.col;e<i;++e)o=e,this._content({x:o,y:t});return this.renderSelection()},move:function(t){var e,i,o,s,r;if(null==t&&(t={}),this.editing.on&&this.edited(),(t.node=this.les.node)&&(e=this.cell(t))){if(i=this.index(e),o=e.getBoundingClientRect(),s=this.dom.sheet.getBoundingClientRect(),o.x+o.width>s.x+s.width&&this._mr(1),o.y+o.height>s.y+s.height&&this._md(1),0===i.x){if(0===this.pos.col)return;this._ml(1)}if(0===i.y){if(0===this.pos.row)return;this._mu(1)}if((e=this.cell(t))||(e=this.cell({col:i.col,row:i.row})))return this.les.node=e,t.select?(t={col:(r=this.index(e)).col,row:r.row},this.les.end===this.les.start&&(this.les.end=JSON.parse(JSON.stringify(this.les.start))),t.col<this.les.start.col&&(t.col<this.les.end.col||null==this.les.end.col)&&((this.les.start.col>this.les.end.col?this.les.end:this.les.start).col=t.col),t.row<this.les.start.row&&(t.row<this.les.end.row||null==this.les.end.row)&&((this.les.start.row>this.les.end.row?this.les.end:this.les.start).row=t.row),t.col>this.les.start.col&&t.col>this.les.end.col&&((this.les.start.col<this.les.end.col?this.les.end:this.les.start).col=t.col),t.row>this.les.start.row&&t.row>this.les.end.row&&((this.les.start.row<this.les.end.row?this.les.end:this.les.start).row=t.row)):this.les.start=this.les.end={col:(r=this.index(e)).col,row:r.row},this.renderSelection()}},edit:function(t){var e,i,o,s,r,n=t.node,l=t.quick;if(this._editing&&(r=this.index(n),!(this._ccfg&&this._ccfg({row:r.row,col:r.col,type:"readonly"})||!r||r.col<0||r.row<0)))return(e=this.editing).node=n,e.quick=l,e.on=!0,this.dom.layout.textContent=n.textContent,i=this.dom.layout.getBoundingClientRect(),o=n.getBoundingClientRect(),s=this.dom.sheet.getBoundingClientRect(),t=(e=[this.dom.sheet.scrollLeft,this.dom.sheet.scrollTop])[0],r=e[1],(e=this.dom.edit.style).left=o.x-s.x+t-2+"px",e.top=o.y-s.y+r-2+"px",e.width="fit-content",e.height="fit-content",this.dom.edit.classList.toggle("show",!0),(e=this.dom.textarea.style).width=Math.max(i.width,o.width+1)+"px",e.height=Math.max(i.height,o.height+1)+"px",this.dom.textarea.value=n=!l&&n.textContent||"",this.dom.textarea.focus(),this.dom.textarea.setSelectionRange(n.length,n.length)},edited:function(t){if(null==t&&(t={}),this.editing.on)return t.cancel||this.set({row:this.les.start.row,col:this.les.start.col,data:this.dom.textarea.value||""}),this.dom.edit.classList.toggle("show",!1),(t=this.editing).node=null,t.on=!1,t},index:function(t){var e=Array.from(this.dom.inner.childNodes).indexOf(t);return e<0?null:{x:t=e%this.dim.col,y:e=(e-t)/this.dim.col,col:t<this.xif.col[1]?-1:t<this.xif.col[2]?t-this.xif.col[1]:t-this.xif.col[1]+this.pos.col,row:e<this.xif.row[1]?-1:e<this.xif.row[2]?e-this.xif.row[1]:e-this.xif.row[1]+this.pos.row}},cell:function(t){var e,i,o,s=(t=null==t?{}:t).roughly;if(null!=t.col||null!=t.row){if(t.col<this.frozen.col)e=t.col;else if(t.col-this.pos.col<this.frozen.col){if(!s)return null;e=this.frozen.col}else e=t.col-this.pos.col;if(t.row<this.frozen.row)i=t.row;else if(t.row-this.pos.row<this.frozen.row){if(!s)return null;i=this.frozen.row}else i=t.row-this.pos.row;return i=(o=[e+this.xif.col[1],i+this.xif.row[1]])[1],(e=o[0])<0||i<0||e>=this.dim.col||i>=this.dim.row?null:this.dom.inner.childNodes[i*this.dim.col+e]}if(o=t.node?this.index(t.node):{y:0,x:0})return i=o.y+(t.y||0),e=o.x+(t.x||0),this.dom.inner.childNodes[i*this.dim.col+e]},editing:function(t){return null==t?this._editing:this._editing=!!t},renderSelection:function(t,e){var i,o,s,r,n,l,h,c,d,a,u,f,m,w=this;return null==e&&(e={}),(t=t||this.les).start?(h=(i=this._bound({defined:!1,sel:t})).sc,m=i.ec,d=i.sr,f=i.er,o=this.dom.inner.getBoundingClientRect(),u=(i=[this.cell({col:this.pos.col+this.frozen.col,row:this.pos.row+this.frozen.row}),this.cell({col:h,row:d,roughly:!0}),this.cell({col:h,row:f,roughly:!0}),this.cell({col:m,row:d,roughly:!0}),this.cell({col:m,row:f,roughly:!0}),this.cell({col:this.pos.col+this.dim.col-2,row:this.pos.row+this.dim.row-2})].map(function(t){return t?t.getBoundingClientRect():null}))[0],c=i[1],s=i[2],a=i[3],r=i[4],n=i[5],u.width=0,u.height=0,l=(c||s||(h>this.pos.col?n:u)).x-o.x,h=(c||a||(d>this.pos.row?n:u)).y-o.y,c=m-this.pos.col<0,d=f-this.pos.row<0,a=(a||r||n||u).x+(c?0:(a||r||n||u).width)-o.x-l+1,u=(s||r||n||u).y+(d?0:(s||r||n||u).height)-o.y-h+1,null==m&&(a=this.root.getBoundingClientRect().width),null==f&&(u=this.root.getBoundingClientRect().height),f=(m=this.les.node)?m.getBoundingClientRect():null,(i=(m=e.cut?this.dom["range-cut"]:this.dom.range).style).left=l+"px",i.top=h+"px",i.width=a+"px",i.height=u+"px",m.classList.toggle("show",!0),e.cut||(f&&((i=this.dom.caret.style).left=f.x-o.x-1+"px",i.top=f.y-o.y-1+"px",i.width=(c?0:f.width)+2+"px",i.height=(d?0:f.height)+2+"px",i.zIndex=t.start.row+this.xif.row[1]<this.xif.row[2]&&t.start.col+this.xif.col[1]<this.xif.col[2]?101:t.start.row+this.xif.row[1]<this.xif.row[2]||t.start.col+this.xif.col[1]<this.xif.col[2]?20:15),this.dom.caret.classList.toggle("show",!!f)),setTimeout(function(){return w.dom.textarea.focus()},0)):(this.dom.caret.classList.toggle("show",!1),void this.dom.range.classList.toggle("show",!1))},data:function(t){return null==t?this._data:(this._data=t,this.render())},sort:function(i){var o,t,s=this;return null==i&&(i={}),t=this._bound({defined:!1}),o=t.sc,t.ec,t.sr,t.er,(t=this._data.map(function(t,e){return{d:t,i:e}})).sort(function(t,e){return t.i<s.frozen.row&&e.i>=s.frozen.row?-1:e.i<s.frozen.row&&t.i>=s.frozen.row?1:(t=isNaN(+t.d[o])?t.d[o]:+t.d[o],e=isNaN(+e.d[o])?e.d[o]:+e.d[o],("asc"===i.dir?1:-1)*(e<t?1:t<e?-1:0))}),this._data=t.map(function(t){return t.d}),this.fire("change",{row:0,col:0,data:this._data,range:!0}),this.renderSelection(),this.render()},insert:function(){var t,e=this._bound({defined:!1}),i=e.sc,o=e.ec,s=e.sr,e=e.er;null==o&&(t=this._data.splice(s,0,[])),null==e&&(t=this._data.map(function(t){return t.splice(i,0,"")})),this.fire("change",{row:s,col:i,data:t,range:!0}),this.les.end=this.les.start,this.renderSelection(),this.render()},slice:function(){var t,e=this._bound({defined:!1}),i=e.sc,o=e.ec,s=e.sr,e=e.er;null==o&&(t=this._data.splice(s,e-s+1)),null==e&&(t=this._data.map(function(t){return t.splice(i,o-i+1)})),this.fire("change",{row:s,col:i,data:t,range:!0}),this.les.end=this.les.start,this.renderSelection(),this.render()}}),"undefined"!=typeof module&&null!==module?module.exports=t:"undefined"!=typeof window&&null!==window&&(window.sheet=t)}.call(this);

package/package.json

@@ -1 +1 @@
-{"author":"zbryikt","name":"@plotdb/sheet","license":"MIT","description":"spreadsheet","version":"0.6.0","style":"index.min.css","browser":"index.min.js","main":"index.min.js","homepage":"https://github.com/plotdb/sheet","repository":{"type":"git","url":"https://github.com/plotdb/sheet"},"engines":{"node":">=10.14.1","npm":">=6.4.1"},"scripts":{"start":"npx server -r web -o true","deploy":"npx deploy web/static"},"devDependencies":{"@loadingio/debounce.js":"1.0.1","@loadingio/ldquery":"^3.0.4","@plotdb/csscope":"^5.0.2","@plotdb/datadom":"^0.2.0","@plotdb/json0":"^0.0.5","@plotdb/rescope":"^5.0.3","body-parser":"^1.19.0","bootstrap":"^4.5.2","@loadingio/bootstrap.ext":"^0.0.9","bootstrap.native":"^3.0.13","dompurify":"^2.2.6","fedep":"^1.1.7","jsoneditor":"^9.1.1","ldcover":"^3.3.0","ldiconfont":"^0.2.3","ldview":"^1.3.2","livescript":"^1.6.0","proxise":"^1.0.1","sharedb-wrapper":"^1.0.0","stylus":"^0.55.0","@zbryikt/template":"^2.3.45","uglify-js":"^3.13.1","uglifycss":"^0.0.29"},"frontendDependencies":{"root":"web/static/assets/lib","modules":["bootstrap","@loadingio/bootstrap.ext","bootstrap.native","@loadingio/ldquery","@loadingio/debounce.js","dompurify","ldview","ldcover","jsoneditor","ldiconfont","proxise","@plotdb/datadom","@plotdb/csscope","@plotdb/rescope","sharedb-wrapper","@plotdb/json0"]}}
+{"author":"zbryikt","name":"@plotdb/sheet","license":"MIT","description":"spreadsheet","version":"0.6.2","style":"index.min.css","browser":"index.min.js","main":"index.min.js","homepage":"https://github.com/plotdb/sheet","repository":{"type":"git","url":"https://github.com/plotdb/sheet"},"engines":{"node":">=10.14.1","npm":">=6.4.1"},"scripts":{"start":"npx server -r web -o true","deploy":"npx deploy web/static"},"devDependencies":{"@loadingio/bootstrap.ext":"^0.0.9","@loadingio/debounce.js":"1.0.1","@loadingio/ldquery":"^3.0.4","@plotdb/csscope":"^5.0.2","@plotdb/datadom":"^0.2.0","@plotdb/json0":"^0.0.5","@plotdb/rescope":"^5.0.3","@zbryikt/template":"^2.3.45","body-parser":"^1.19.0","bootstrap":"^4.5.2","bootstrap.native":"^3.0.13","dompurify":"^2.2.6","fedep":"^1.1.7","jsoneditor":"^9.1.1","ldcover":"^3.3.0","ldiconfont":"^0.2.3","ldview":"^1.3.2","livescript":"^1.6.0","papaparse":"^5.4.1","proxise":"^1.0.1","sharedb-wrapper":"^1.0.0","stylus":"^0.55.0","uglify-js":"^3.13.1","uglifycss":"^0.0.29"},"frontendDependencies":{"root":"web/static/assets/lib","modules":["bootstrap","@loadingio/bootstrap.ext","bootstrap.native","@loadingio/ldquery","@loadingio/debounce.js","dompurify","ldview","ldcover","jsoneditor","ldiconfont","proxise","papaparse","@plotdb/datadom","@plotdb/csscope","@plotdb/rescope","sharedb-wrapper","@plotdb/json0"]}}