From cddfc134f817cbc95e467bd3fa214fb841107804 Mon Sep 17 00:00:00 2001 From: Eugene Date: Thu, 27 Jul 2023 12:45:15 +0300 Subject: [PATCH] Formatted & Linted Dist update Updated version of spreadsheet --- dist/components/sheet.d.ts | 3 + dist/main.cjs | 10 +- dist/main.cjs.map | 2 +- dist/main.d.ts | 1 + dist/main.js | 241 ++++++++++++++++++++--------------- dist/main.js.map | 2 +- dist/modules/cell.d.ts | 1 - package.json | 2 +- src/components/columnsBar.ts | 4 +- src/components/editor.ts | 2 +- src/components/rowsBar.ts | 4 +- src/components/sheet.ts | 77 ++++++----- src/modules/cell.ts | 24 ++-- src/modules/clipboard.ts | 2 +- 14 files changed, 212 insertions(+), 163 deletions(-) diff --git a/dist/components/sheet.d.ts b/dist/components/sheet.d.ts index 752d448..2b7be6c 100644 --- a/dist/components/sheet.d.ts +++ b/dist/components/sheet.d.ts @@ -10,5 +10,8 @@ export declare class Sheet { constructor(root: Spreadsheet); getCellByCoords(x: number, y: number): Position; renderCell(position: Position): void; + private getSelectionRange; + private renderSelectionRange; + renderSelection(): void; renderSheet(): void; } diff --git a/dist/main.cjs b/dist/main.cjs index 09937ec..222c1f7 100644 --- a/dist/main.cjs +++ b/dist/main.cjs @@ -1,7 +1,7 @@ -"use strict";var D=Object.defineProperty;var z=(r,t,e)=>t in r?D(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var s=(r,t,e)=>(z(r,typeof t!="symbol"?t+"":t,e),e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var d;(function(r){r.CELL_CLICK="CELL_CLICK",r.SELECTION_CHANGE="CHANGE_SELECTION",r.CELL_CHANGE="CELL_CHANGE",r.COPY_CELLS="COPY_CELLS"})(d||(d={}));class O{constructor(t){s(this,"root");s(this,"cellClick",(t,e)=>{var c,a;if(t.button!==0)return;const{offsetX:o,offsetY:l}=t,i=this.root.getCellByCoords(o,l),n=this.root.getCell(i),h=new S;h.selectedCell=i,h.selectedRange={from:i,to:i},e.setSelectingMode(!0),this.changeSelection(h,!0),(a=(c=this.root.config).onCellClick)==null||a.call(c,t,n)});s(this,"changeSelection",(t,e=!1)=>{var o,l;this.root.selection=t,e&&((l=(o=this.root.config).onSelectonChange)==null||l.call(o,t)),this.root.renderSheet(),this.root.renderColumnsBar(),this.root.renderRowsBar()});s(this,"copy",(t,e,o)=>{var l,i;(i=(l=this.root.config).onCopy)==null||i.call(l,t,e,o)});this.root=t}dispatch(t){switch(t.type){case d.CELL_CLICK:{const{event:e,scroller:o}=t;this.cellClick(e,o);break}case d.SELECTION_CHANGE:{const{selection:e,enableCallback:o}=t;this.changeSelection(e,o);break}case d.CELL_CHANGE:{const{cell:e,enableCallback:o}=t;this.changeCellValues(e,o);break}case d.COPY_CELLS:{const{data:e,dataAsString:o,range:l}=t;this.copy(l,e,o);break}}}changeCellValues(t,e=!0){var o,l;e&&((l=(o=this.root.config).onCellChange)==null||l.call(o,t))}}class y{constructor(t,e){s(this,"x");s(this,"y");s(this,"width");s(this,"height");this.x=this.getXCoord(e.column,t),this.y=this.getYCoord(e.row,t),this.width=t.columns[e.column].width,this.height=t.rows[e.row].height}getXCoord(t,e){let o=0;for(let l=0;l{const{key:e}=t;switch(e){case"Escape":{this.hide();break}case"Enter":{if(!this.root.selection.selectedCell)return;this.root.changeCellValues(this.root.selection.selectedCell,{value:this.element.value,displayValue:this.element.value}),this.root.events.dispatch({type:d.CELL_CHANGE,cell:this.root.getCell(this.root.selection.selectedCell)}),this.hide()}}});s(this,"handleClickOutside",t=>{const e=t.target;this.element.contains(e)||this.hide()});this.root=t;const e=document.createElement("input");e.classList.add(C+"editor"),this.element=e,this.hide()}hide(){this.element.style.display="none",this.element.classList.add("hide"),this.element.blur(),window.removeEventListener("click",this.handleClickOutside),this.element.removeEventListener("keydown",this.handleKeydown),this.root.focusTable()}show(t,e){const{height:o,width:l,x:i,y:n}=new y(this.root.config,t),h=this.root.getCell(t);this.element.classList.remove("hide"),this.element.style.top=n-this.root.viewport.top+this.root.columnsBarHeight+"px",this.element.style.left=i-this.root.viewport.left+this.root.rowsBarWidth+"px",this.element.style.width=l+"px",this.element.style.height=o+"px",this.element.style.display="block",window.addEventListener("click",this.handleClickOutside),this.element.addEventListener("keydown",this.handleKeydown),this.element.value=e||h.value,this.element.focus(),e||this.element.select()}}function B(r,t){return r.column===t.column&&r.row===t.row}class F{constructor(t){s(this,"element");s(this,"verticalScroller");s(this,"horizontalScroller");s(this,"root");s(this,"isSelecting",!1);s(this,"handleMouseMove",t=>{if(!this.isSelecting)return;const{offsetX:e,offsetY:o}=t,l=this.root.getCellByCoords(e,o);let i=!1;this.root.selection.selectedRange&&(i=!B(this.root.selection.selectedRange.to,l),i&&(this.root.selection.selectedRange.to=l,this.root.events.dispatch({type:d.SELECTION_CHANGE,selection:this.root.selection,enableCallback:!0})))});s(this,"handleMouseUp",()=>{this.isSelecting=!1;const t={...this.root.selection};this.root.selection.selectedRange&&B(this.root.selection.selectedRange.from,this.root.selection.selectedRange.to)&&(t.selectedRange=null,this.root.events.dispatch({type:d.SELECTION_CHANGE,selection:t,enableCallback:!1})),this.root.renderSheet(),this.root.renderColumnsBar(),this.root.renderRowsBar()});s(this,"handleDoubleClick",t=>{t.preventDefault();const e=this.root.getCellByCoords(t.offsetX,t.offsetY);this.root.showEditor(e)});s(this,"handleKeydown",t=>{if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(t.key)){switch(t.preventDefault(),this.root.selection.selectedRange=null,t.key){case"ArrowLeft":{this.root.selection.selectedCell&&this.root.selection.selectedCell.column>0&&(this.root.selection.selectedCell.column-=1);break}case"ArrowRight":{this.root.selection.selectedCell&&this.root.selection.selectedCell.column0&&(this.root.selection.selectedCell.row-=1);break}case"ArrowDown":{this.root.selection.selectedCell&&this.root.selection.selectedCell.rowa.slice(i.column,n.column+1))]}else if(this.root.selection.selectedCell){const{column:i,row:n}=this.root.selection.selectedCell;o=[[this.root.data[n][i]]],l.selectedRange={from:this.root.selection.selectedCell,to:this.root.selection.selectedCell}}else return;this.root.clipboard.copy(o,l.selectedRange);return}t.code}});s(this,"handleClick",t=>{this.root.events.dispatch({type:d.CELL_CLICK,event:t,scroller:this})});s(this,"handleScroll",()=>{const t=this.getViewportBoundlingRect();this.root.viewport.updateValues(t),this.root.renderSheet(),this.root.renderColumnsBar(),this.root.renderRowsBar()});this.root=t;const{horizontalScroller:e,scroller:o,verticalScroller:l}=this.buildComponent();this.element=o,this.verticalScroller=l,this.horizontalScroller=e,this.element.style.height=this.root.config.view.height+"px",this.element.style.width=this.root.config.view.width+"px",this.element.style.top=this.root.columnsBarHeight+"px",this.element.style.left=this.root.rowsBarWidth+"px",this.element.tabIndex=-1,this.updateScrollerSize(),this.element.addEventListener("scroll",this.handleScroll),this.element.addEventListener("mousedown",this.handleClick),this.element.addEventListener("mousemove",this.handleMouseMove),this.element.addEventListener("mouseup",this.handleMouseUp),this.element.addEventListener("dblclick",this.handleDoubleClick),this.element.addEventListener("keydown",this.handleKeydown),this.element.addEventListener("paste",i=>{this.root.selection.selectedCell&&this.root.clipboard.paste(this.root,this.root.selection.selectedCell,i)})}setSelectingMode(t){this.isSelecting=t}getViewportBoundlingRect(){const{scrollTop:t,scrollLeft:e}=this.element,{height:o,width:l}=this.element.getBoundingClientRect(),i=t+o,n=e+l;return{top:t,left:e,bottom:i,right:n}}buildComponent(){const t=document.createElement("div"),e=document.createElement("div"),o=document.createElement("div"),l=document.createElement("div"),i=document.createElement("div");return e.style.width="0px",e.style.pointerEvents="none",o.style.pointerEvents="none",l.style.display="flex",i.appendChild(e),i.appendChild(o),l.appendChild(i),this.verticalScroller=e,this.horizontalScroller=o,t.appendChild(l),t.contentEditable="false",t.classList.add(C+"scroller"),{scroller:t,verticalScroller:e,horizontalScroller:o}}getActualHeight(){return this.root.config.rows.reduce((t,e)=>(t+=e.height,t),0)}getActualWidth(){return this.root.config.columns.reduce((t,e)=>(t+=e.width,t),0)}updateScrollerSize(){const t=this.getActualHeight(),e=this.getActualWidth();this.setScrollerHeight(t),this.setScrollerWidth(e)}setScrollerHeight(t){this.verticalScroller.style.height=t+"px"}setScrollerWidth(t){this.horizontalScroller.style.width=t+"px"}}class b{constructor(t){s(this,"fontSize",16);s(this,"fontColor","black");s(this,"background","white");s(this,"borderColor","black");s(this,"selectedBackground","#4287f5");s(this,"selectedFontColor","#ffffff");t&&Object.assign(this,t)}}class L{constructor(t,e){s(this,"row");s(this,"column");this.row=t,this.column=e}}class V{constructor(t){s(this,"value");s(this,"displayValue");s(this,"resultValue");s(this,"position");s(this,"style");this.value=t.value,this.displayValue=t.displayValue,this.resultValue=t.resultValue,this.position=t.position,this.style=t.style}}class x{constructor(t){s(this,"value");s(this,"displayValue");s(this,"resultValue");s(this,"position");s(this,"style",null);this.value=t.value,this.displayValue=t.displayValue,this.resultValue=t.resultValue,this.position=t.position,this.style=t.style}getSerializableCell(){return new V({displayValue:this.displayValue,position:this.position,resultValue:this.resultValue,style:this.style,value:this.value})}changeStyles(t){this.style=t}changeValues(t){Object.assign(this,t)}isCellInRange(t){const{column:e,row:o}=this.position,{selectedRange:l}=t.selection;if(!l)return!1;const i=o>=Math.min(l.from.row,l.to.row)&&o<=Math.max(l.to.row,l.from.row);return e>=Math.min(l.from.column,l.to.column)&&e<=Math.max(l.to.column,l.from.column)&&i}render(t){var m;const e=new y(t.config,this.position);let{x:o,y:l}=e;const{height:i,width:n}=e,{ctx:h}=t,c=((m=t.selection.selectedCell)==null?void 0:m.row)===this.position.row&&t.selection.selectedCell.column===this.position.column,a=this.isCellInRange(t);l-=t.viewport.top,o-=t.viewport.left;const u=this.style??t.styles.cells;h.clearRect(o,l,n,i),h.fillStyle=c||a?u.selectedBackground:u.background,h.strokeStyle="black",h.fillRect(o,l,n-1,i-1),h.strokeRect(o,l,n,i),h.fillStyle=c||a?u.selectedFontColor:u.fontColor,h.textAlign="left",h.font=`${u.fontSize}px Arial`,h.textBaseline="middle",h.fillText(this.displayValue,o+2,l+i/2)}}class K{constructor(t){s(this,"element");s(this,"ctx");s(this,"root");this.root=t;const e=document.createElement("canvas");e.classList.add(C+"sheet"),e.height=this.root.config.view.height,e.width=this.root.config.view.width,e.style.width=this.root.config.view.width+"px",e.style.height=this.root.config.view.height+"px",e.style.left="0px",this.element=e;const o=this.element.getContext("2d");if(!o)throw new Error("Enable hardware acceleration");this.ctx=o}getCellByCoords(t,e){let o=0,l=0;for(;l<=e&&(l+=this.root.config.rows[o].height,!(l>=e));)o++;let i=0,n=0;for(;n<=t&&(n+=this.root.config.columns[i].width,!(n>=t));)i++;return new L(o,i)}renderCell(t){const{column:e,row:o}=t;this.root.data[o][e].render(this.root)}renderSheet(){const t=this.root.viewport.firstRow,e=this.root.viewport.lastCol+3,o=this.root.viewport.lastRow+3,l=this.root.viewport.firstCol;for(let i=t;i<=o;i++)for(let n=l;n<=e&&!(!this.root.config.columns[n]||!this.root.config.rows[i]);n++)this.renderCell({column:n,row:i})}}class W{constructor(t){s(this,"element");s(this,"root");this.root=t;const e=document.createElement("div");e.classList.add(C+"spreadsheet_container"),this.element=e,this.changeElementSizes(this.root.viewProps)}changeElementSizes(t){const{height:e,width:o}=t;this.element.style.width=o+this.root.rowsBarWidth+"px",this.element.style.height=e+this.root.columnsBarHeight+"px"}}class Y{constructor(t){s(this,"element");s(this,"root");s(this,"height",0);this.root=t;const e=document.createElement("div");e.classList.add(C+"toolbar"),this.element=e}}class p{constructor(t){s(this,"rows");s(this,"columns");s(this,"view",{width:800,height:600});s(this,"onCellClick",null);s(this,"onSelectonChange",null);s(this,"onCellChange",null);s(this,"onCopy");this.columns=t.columns,this.rows=t.rows,this.view=t.view,this.onCellClick=t.onCellClick??null,this.onSelectonChange=t.onSelectionChange??null,this.onCellChange=t.onCellChange??null,this.onCopy=t.onCopy??null}}class S{constructor(){s(this,"selectedCell",null);s(this,"selectedRange",null)}}class I{constructor(){s(this,"cells");this.cells=new b}}class v{constructor(t,e){s(this,"root");s(this,"top");s(this,"left");s(this,"right");s(this,"bottom");s(this,"firstRow");s(this,"lastRow");s(this,"firstCol");s(this,"lastCol");this.root=t,this.top=e.top,this.left=e.left,this.right=e.right,this.bottom=e.bottom,this.firstRow=this.getFirstRow(),this.lastCol=this.getFirstRow();//!Temp +"use strict";var _=Object.defineProperty;var z=(r,t,e)=>t in r?_(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var s=(r,t,e)=>(z(r,typeof t!="symbol"?t+"":t,e),e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var u;(function(r){r.CELL_CLICK="CELL_CLICK",r.SELECTION_CHANGE="CHANGE_SELECTION",r.CELL_CHANGE="CELL_CHANGE",r.COPY_CELLS="COPY_CELLS"})(u||(u={}));class O{constructor(t){s(this,"root");s(this,"cellClick",(t,e)=>{var c,a;if(t.button!==0)return;const{offsetX:o,offsetY:l}=t,i=this.root.getCellByCoords(o,l),n=this.root.getCell(i),h=new S;h.selectedCell=i,h.selectedRange={from:i,to:i},e.setSelectingMode(!0),this.changeSelection(h,!0),(a=(c=this.root.config).onCellClick)==null||a.call(c,t,n)});s(this,"changeSelection",(t,e=!1)=>{var o,l;this.root.selection=t,e&&((l=(o=this.root.config).onSelectonChange)==null||l.call(o,t)),this.root.renderSheet(),this.root.renderColumnsBar(),this.root.renderRowsBar()});s(this,"copy",(t,e,o)=>{var l,i;(i=(l=this.root.config).onCopy)==null||i.call(l,t,e,o)});this.root=t}dispatch(t){switch(t.type){case u.CELL_CLICK:{const{event:e,scroller:o}=t;this.cellClick(e,o);break}case u.SELECTION_CHANGE:{const{selection:e,enableCallback:o}=t;this.changeSelection(e,o);break}case u.CELL_CHANGE:{const{cell:e,enableCallback:o}=t;this.changeCellValues(e,o);break}case u.COPY_CELLS:{const{data:e,dataAsString:o,range:l}=t;this.copy(l,e,o);break}}}changeCellValues(t,e=!0){var o,l;e&&((l=(o=this.root.config).onCellChange)==null||l.call(o,t))}}class g{constructor(t,e){s(this,"x");s(this,"y");s(this,"width");s(this,"height");this.x=this.getXCoord(e.column,t),this.y=this.getYCoord(e.row,t),this.width=t.columns[e.column].width,this.height=t.rows[e.row].height}getXCoord(t,e){let o=0;for(let l=0;l{const{key:e}=t;switch(e){case"Escape":{this.hide();break}case"Enter":{if(!this.root.selection.selectedCell)return;this.root.changeCellValues(this.root.selection.selectedCell,{value:this.element.value,displayValue:this.element.value}),this.root.events.dispatch({type:u.CELL_CHANGE,cell:this.root.getCell(this.root.selection.selectedCell)}),this.hide(),this.root.renderSelection()}}});s(this,"handleClickOutside",t=>{const e=t.target;this.element.contains(e)||this.hide()});this.root=t;const e=document.createElement("input");e.classList.add(C+"editor"),this.element=e,this.hide()}hide(){this.element.style.display="none",this.element.classList.add("hide"),this.element.blur(),window.removeEventListener("click",this.handleClickOutside),this.element.removeEventListener("keydown",this.handleKeydown),this.root.focusTable()}show(t,e){const{height:o,width:l,x:i,y:n}=new g(this.root.config,t),h=this.root.getCell(t);this.element.classList.remove("hide"),this.element.style.top=n-this.root.viewport.top+this.root.columnsBarHeight+"px",this.element.style.left=i-this.root.viewport.left+this.root.rowsBarWidth+"px",this.element.style.width=l+"px",this.element.style.height=o+"px",this.element.style.display="block",window.addEventListener("click",this.handleClickOutside),this.element.addEventListener("keydown",this.handleKeydown),this.element.value=e||h.value,this.element.focus(),e||this.element.select()}}function B(r,t){return r.column===t.column&&r.row===t.row}class K{constructor(t){s(this,"element");s(this,"verticalScroller");s(this,"horizontalScroller");s(this,"root");s(this,"isSelecting",!1);s(this,"handleMouseMove",t=>{if(!this.isSelecting)return;const{offsetX:e,offsetY:o}=t,l=this.root.getCellByCoords(e,o);let i=!1;this.root.selection.selectedRange&&(i=!B(this.root.selection.selectedRange.to,l),i&&(this.root.selection.selectedRange.to=l,this.root.events.dispatch({type:u.SELECTION_CHANGE,selection:this.root.selection,enableCallback:!0})))});s(this,"handleMouseUp",()=>{this.isSelecting=!1;const t={...this.root.selection};this.root.selection.selectedRange&&B(this.root.selection.selectedRange.from,this.root.selection.selectedRange.to)&&(t.selectedRange=null,this.root.events.dispatch({type:u.SELECTION_CHANGE,selection:t,enableCallback:!1})),this.root.renderSheet(),this.root.renderColumnsBar(),this.root.renderRowsBar()});s(this,"handleDoubleClick",t=>{t.preventDefault();const e=this.root.getCellByCoords(t.offsetX,t.offsetY);this.root.showEditor(e)});s(this,"handleKeydown",t=>{if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(t.key)){switch(t.preventDefault(),this.root.selection.selectedRange=null,t.key){case"ArrowLeft":{this.root.selection.selectedCell&&this.root.selection.selectedCell.column>0&&(this.root.selection.selectedCell.column-=1);break}case"ArrowRight":{this.root.selection.selectedCell&&this.root.selection.selectedCell.column0&&(this.root.selection.selectedCell.row-=1);break}case"ArrowDown":{this.root.selection.selectedCell&&this.root.selection.selectedCell.rowa.slice(i.column,n.column+1))]}else if(this.root.selection.selectedCell){const{column:i,row:n}=this.root.selection.selectedCell;o=[[this.root.data[n][i]]],l.selectedRange={from:this.root.selection.selectedCell,to:this.root.selection.selectedCell}}else return;this.root.clipboard.copy(o,l.selectedRange);return}t.code}});s(this,"handleClick",t=>{this.root.events.dispatch({type:u.CELL_CLICK,event:t,scroller:this})});s(this,"handleScroll",()=>{const t=this.getViewportBoundlingRect();this.root.viewport.updateValues(t),this.root.renderSheet(),this.root.renderColumnsBar(),this.root.renderRowsBar()});this.root=t;const{horizontalScroller:e,scroller:o,verticalScroller:l}=this.buildComponent();this.element=o,this.verticalScroller=l,this.horizontalScroller=e,this.element.style.height=this.root.config.view.height+"px",this.element.style.width=this.root.config.view.width+"px",this.element.style.top=this.root.columnsBarHeight+"px",this.element.style.left=this.root.rowsBarWidth+"px",this.element.tabIndex=-1,this.updateScrollerSize(),this.element.addEventListener("scroll",this.handleScroll),this.element.addEventListener("mousedown",this.handleClick),this.element.addEventListener("mousemove",this.handleMouseMove),this.element.addEventListener("mouseup",this.handleMouseUp),this.element.addEventListener("dblclick",this.handleDoubleClick),this.element.addEventListener("keydown",this.handleKeydown),this.element.addEventListener("paste",i=>{this.root.selection.selectedCell&&this.root.clipboard.paste(this.root,this.root.selection.selectedCell,i)})}setSelectingMode(t){this.isSelecting=t}getViewportBoundlingRect(){const{scrollTop:t,scrollLeft:e}=this.element,{height:o,width:l}=this.element.getBoundingClientRect(),i=t+o,n=e+l;return{top:t,left:e,bottom:i,right:n}}buildComponent(){const t=document.createElement("div"),e=document.createElement("div"),o=document.createElement("div"),l=document.createElement("div"),i=document.createElement("div");return e.style.width="0px",e.style.pointerEvents="none",o.style.pointerEvents="none",l.style.display="flex",i.appendChild(e),i.appendChild(o),l.appendChild(i),this.verticalScroller=e,this.horizontalScroller=o,t.appendChild(l),t.contentEditable="false",t.classList.add(C+"scroller"),{scroller:t,verticalScroller:e,horizontalScroller:o}}getActualHeight(){return this.root.config.rows.reduce((t,e)=>(t+=e.height,t),0)}getActualWidth(){return this.root.config.columns.reduce((t,e)=>(t+=e.width,t),0)}updateScrollerSize(){const t=this.getActualHeight(),e=this.getActualWidth();this.setScrollerHeight(t),this.setScrollerWidth(e)}setScrollerHeight(t){this.verticalScroller.style.height=t+"px"}setScrollerWidth(t){this.horizontalScroller.style.width=t+"px"}}class b{constructor(t){s(this,"fontSize",16);s(this,"fontColor","black");s(this,"background","white");s(this,"borderColor","black");s(this,"selectedBackground","#4287f5");s(this,"selectedFontColor","#ffffff");t&&Object.assign(this,t)}}class L{constructor(t,e){s(this,"row");s(this,"column");this.row=t,this.column=e}}class V{constructor(t){s(this,"value");s(this,"displayValue");s(this,"resultValue");s(this,"position");s(this,"style");this.value=t.value,this.displayValue=t.displayValue,this.resultValue=t.resultValue,this.position=t.position,this.style=t.style}}class p{constructor(t){s(this,"value");s(this,"displayValue");s(this,"resultValue");s(this,"position");s(this,"style",null);this.value=t.value,this.displayValue=t.displayValue,this.resultValue=t.resultValue,this.position=t.position,this.style=t.style}getSerializableCell(){return new V({displayValue:this.displayValue,position:this.position,resultValue:this.resultValue,style:this.style,value:this.value})}changeStyles(t){this.style=t}changeValues(t){Object.assign(this,t)}render(t){const e=new g(t.config,this.position);let{x:o,y:l}=e;const{height:i,width:n}=e,{ctx:h}=t;l-=t.viewport.top,o-=t.viewport.left;const c=this.style??t.styles.cells;h.clearRect(o,l,n,i),h.fillStyle=c.background,h.strokeStyle="black",h.fillRect(o,l,n-1,i-1),h.strokeRect(o,l,n,i),h.fillStyle=c.fontColor,h.textAlign="left",h.font=`${c.fontSize}px Arial`,h.textBaseline="middle",h.fillText(this.displayValue,o+2,l+i/2)}}class W{constructor(t){s(this,"element");s(this,"ctx");s(this,"root");this.root=t;const e=document.createElement("canvas");e.classList.add(C+"sheet"),e.height=this.root.config.view.height,e.width=this.root.config.view.width,e.style.width=this.root.config.view.width+"px",e.style.height=this.root.config.view.height+"px",e.style.left="0px",this.element=e;const o=this.element.getContext("2d");if(!o)throw new Error("Enable hardware acceleration");this.ctx=o}getCellByCoords(t,e){let o=0,l=0;for(;l<=e&&(l+=this.root.config.rows[o].height,!(l>=e));)o++;let i=0,n=0;for(;n<=t&&(n+=this.root.config.columns[i].width,!(n>=t));)i++;return new L(o,i)}renderCell(t){const{column:e,row:o}=t;this.root.data[o][e].render(this.root)}getSelectionRange(){const{selectedCell:t,selectedRange:e}=this.root.selection;if(!(!t&&!e)){if(e){const o=Math.min(e.from.row,e.to.row),l=Math.min(e.from.column,e.to.column),i=Math.max(e.from.row,e.to.row),n=Math.max(e.from.column,e.to.column),h=new g(this.root.config,{row:o,column:l});let c=0;for(let d=l;d<=n;d++)c+=this.root.config.columns[d].width;let a=0;for(let d=o;d<=i;d++)a+=this.root.config.rows[d].height;const f=h.x-this.root.viewport.left,m=h.y-this.root.viewport.top;return{x:f,y:m,height:a,width:c}}if(!e&&t){const o=new g(this.root.config,t);return o.x-=this.root.viewport.left,o.y-=this.root.viewport.top,o}}}renderSelectionRange(t,e,o,l){this.ctx.save(),this.ctx.strokeStyle="#47d1ff",this.ctx.lineWidth=3,this.ctx.strokeRect(t,e,o,l),this.ctx.fillStyle="#7da8ff50",this.ctx.fillRect(t,e,o,l),this.ctx.restore()}renderSelection(){const t=this.getSelectionRange();if(!t)return;const{height:e,width:o,x:l,y:i}=t;this.renderSelectionRange(l,i,o,e)}renderSheet(){const t=this.root.viewport.firstRow,e=this.root.viewport.lastCol+3,o=this.root.viewport.lastRow+3,l=this.root.viewport.firstCol;for(let i=t;i<=o;i++)for(let n=l;n<=e&&!(!this.root.config.columns[n]||!this.root.config.rows[i]);n++)this.renderCell({column:n,row:i});this.renderSelection()}}class F{constructor(t){s(this,"element");s(this,"root");this.root=t;const e=document.createElement("div");e.classList.add(C+"spreadsheet_container"),this.element=e,this.changeElementSizes(this.root.viewProps)}changeElementSizes(t){const{height:e,width:o}=t;this.element.style.width=o+this.root.rowsBarWidth+"px",this.element.style.height=e+this.root.columnsBarHeight+"px"}}class Y{constructor(t){s(this,"element");s(this,"root");s(this,"height",0);this.root=t;const e=document.createElement("div");e.classList.add(C+"toolbar"),this.element=e}}class x{constructor(t){s(this,"rows");s(this,"columns");s(this,"view",{width:800,height:600});s(this,"onCellClick",null);s(this,"onSelectonChange",null);s(this,"onCellChange",null);s(this,"onCopy");this.columns=t.columns,this.rows=t.rows,this.view=t.view,this.onCellClick=t.onCellClick??null,this.onSelectonChange=t.onSelectionChange??null,this.onCellChange=t.onCellChange??null,this.onCopy=t.onCopy??null}}class S{constructor(){s(this,"selectedCell",null);s(this,"selectedRange",null)}}class I{constructor(){s(this,"cells");this.cells=new b}}class v{constructor(t,e){s(this,"root");s(this,"top");s(this,"left");s(this,"right");s(this,"bottom");s(this,"firstRow");s(this,"lastRow");s(this,"firstCol");s(this,"lastCol");this.root=t,this.top=e.top,this.left=e.left,this.right=e.right,this.bottom=e.bottom,this.firstRow=this.getFirstRow(),this.lastCol=this.getFirstRow();//!Temp this.firstCol=this.getFirstRow();//!Temp -this.lastRow=this.getLastRow(),this.updateValues({top:0,left:0,right:this.root.viewProps.width,bottom:this.root.viewProps.height})}updateValues(t){this.top=t.top,this.left=t.left,this.right=t.right,this.bottom=t.bottom,this.firstRow=this.getFirstRow(),this.lastRow=this.getLastRow(),this.firstCol=this.getFirstCol(),this.lastCol=this.getLastCol()}getFirstRow(){return this.root.cache.getRowByYCoord(this.top)}getLastRow(){return this.root.cache.getRowByYCoord(this.bottom)}getFirstCol(){return this.root.cache.getColumnByXCoord(this.left)}getLastCol(){return this.root.cache.getColumnByXCoord(this.right)}}class R{constructor(t){s(this,"width");s(this,"title");this.width=t.width,this.title=t.title}}class E{constructor(t){s(this,"height");s(this,"title");this.height=t.height,this.title=t.title}}function k(r,t,e=!1){const o=[];for(let l=0;l<=r;l++){const i=[];for(let n=0;n<=t;n++){const h=e?`${l}:${n}`:"",c=new x({displayValue:h,resultValue:h,value:h,position:{column:n,row:l},style:null});i.push(c)}o.push(i)}return o}function A(r,t){const e=[];for(let i=0;i<=r;i++){const n=new E({height:40,title:String(i)});e.push(n)}const o=[];for(let i=0;i<=t;i++){const n=new R({title:String(i),width:150});o.push(n)}return new p({columns:o,rows:e,view:{height:600,width:800}})}function G(r,t){const e=k(r,t),o=A(r,t);return{data:e,config:o}}class P{constructor(t){s(this,"xPos");s(this,"colIdx");this.xPos=t.xPos,this.colIdx=t.colIdx}}class T{constructor(t){s(this,"yPos");s(this,"rowIdx");this.yPos=t.yPos,this.rowIdx=t.rowIdx}}class H{constructor(t){s(this,"columns");s(this,"rows");this.columns=t.columns,this.rows=t.rows}getRowByYCoord(t){let e=0;for(let o=0;o=Math.min(o.from.column,o.to.column)&&t<=Math.max(o.from.column,o.to.column):!1}renderText(t,e){const{width:o,x:l}=e;this.ctx.fillStyle="black",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.font="12px Arial",this.ctx.fillText(this.root.config.columns[t].title,l+o/2-this.root.viewport.left,0+this.height/2)}renderRect(t,e){const{width:o,x:l}=e,i=this.isColumnSelected(t);this.ctx.fillStyle=i?this.root.styles.cells.selectedBackground:"white",this.ctx.strokeStyle="black",this.ctx.lineWidth=1;const n=l-this.root.viewport.left;this.ctx.fillRect(n-1,0,o,this.height),this.ctx.strokeRect(n-1,0,o,this.height)}renderSingleColumn(t){const e=new y(this.root.config,{row:0,column:t});this.renderRect(t,e),this.renderText(t,e)}renderBar(){const t=this.root.viewport.lastCol+3,e=this.root.viewport.firstCol;this.ctx.beginPath(),this.ctx.strokeStyle="black",this.ctx.lineWidth=1,this.ctx.moveTo(0,0),this.ctx.lineTo(0,this.height),this.ctx.closePath(),this.ctx.stroke();for(let o=e;o<=t&&this.root.config.columns[o];o++)this.renderSingleColumn(o)}}class j{constructor(t){s(this,"element");s(this,"ctx");s(this,"root");s(this,"width",35);s(this,"height");s(this,"resizerHeight",1);this.root=t,this.element=this.createElement();const e=this.element.getContext("2d");if(!e)throw new Error("Enable hardware acceleration");this.ctx=e,this.height=this.root.viewProps.height}createElement(){const t=document.createElement("canvas");return t.style.position="absolute",t.style.height=this.root.viewProps.height+"px",t.style.width=this.width+"px",t.style.display="block",t.style.borderTop="1px solid black",t.width=this.width,t.height=this.root.viewProps.height,t}setElementPosition(t,e){this.element.style.top=t+"px",this.element.style.left=e+"px"}isRowSelected(t){const{selectedCell:e,selectedRange:o}=this.root.selection;return e&&e.row===t?!0:o?t>=Math.min(o.from.row,o.to.row)&&t<=Math.max(o.from.row,o.to.row):!1}renderText(t,e){const{y:o,height:l}=e;this.ctx.fillStyle="black",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.font="12px Arial",this.ctx.fillText(this.root.config.rows[t].title,this.width/2,o-this.root.viewport.top+l/2)}renderRect(t,e){const{y:o,height:l}=e,i=this.isRowSelected(t);this.ctx.fillStyle=i?this.root.styles.cells.selectedBackground:"white",this.ctx.strokeStyle="black",this.ctx.lineWidth=this.resizerHeight;const n=o-this.root.viewport.top;this.ctx.fillRect(0,n-1,this.width,l),this.ctx.strokeRect(0,n-1,this.width,l)}renderSingleRow(t){const e=new y(this.root.config,{column:0,row:t});this.renderRect(t,e),this.renderText(t,e)}renderBar(){const t=this.root.viewport.lastRow+3,e=this.root.viewport.firstRow;this.ctx.beginPath(),this.ctx.moveTo(0,0),this.ctx.strokeStyle="black",this.ctx.lineWidth=16,this.ctx.lineTo(35,0),this.ctx.closePath(),this.ctx.stroke();for(let o=e;o<=t&&this.root.config.rows[o];o++)this.renderSingleRow(o)}}class ${constructor(t){s(this,"saved",null);s(this,"root");this.root=t}copy(t,e){const o=t.map(l=>l.map(i=>i.displayValue).join(" ")).join(` -`);this.saved=t,navigator.clipboard.writeText(o),this.root.events.dispatch({type:d.COPY_CELLS,data:t,dataAsString:o,range:e})}paste(t,{column:e,row:o},l){if(!this.saved){if(!l.clipboardData)return;const h=l.clipboardData.getData("text");try{const a=h.split(` -`).map(w=>w.split(" ")).map(w=>w.map(g=>{const f={displayValue:g,position:{column:e,row:o},resultValue:g,style:new b,value:g};return new x(f)})),u=a.length,m=a[0]?a[0].length:0;for(let w=0;w{this.changeCellValues(t.position,{displayValue:"",resultValue:"",value:""})});else{if(!this.selection.selectedCell)return;this.changeCellValues(this.selection.selectedCell,{displayValue:"",resultValue:"",value:""})}}showEditor(t,e){this.editor.show(t,e)}renderSheet(){this.sheet.renderSheet()}renderColumnsBar(){this.columnsBar.renderBar()}renderRowsBar(){this.rowsBar.renderBar()}renderCell(t,e){this.data[t][e].render(this)}loadData(t){const e=t.length,o=t[0]?this.data[0].length:0;this.data=[];const l=[];for(let i=0;i=Math.min(o.from.column,o.to.column)&&t<=Math.max(o.from.column,o.to.column):!1}renderText(t,e){const{width:o,x:l}=e;this.ctx.fillStyle="black",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.font="12px Arial",this.ctx.fillText(this.root.config.columns[t].title,l+o/2-this.root.viewport.left,0+this.height/2)}renderRect(t,e){const{width:o,x:l}=e,i=this.isColumnSelected(t);this.ctx.fillStyle=i?"#c7ebff":"white",this.ctx.strokeStyle="black",this.ctx.lineWidth=1;const n=l-this.root.viewport.left;this.ctx.fillRect(n-1,0,o,this.height),this.ctx.strokeRect(n-1,0,o,this.height)}renderSingleColumn(t){const e=new g(this.root.config,{row:0,column:t});this.renderRect(t,e),this.renderText(t,e)}renderBar(){const t=this.root.viewport.lastCol+3,e=this.root.viewport.firstCol;this.ctx.beginPath(),this.ctx.strokeStyle="black",this.ctx.lineWidth=1,this.ctx.moveTo(0,0),this.ctx.lineTo(0,this.height),this.ctx.closePath(),this.ctx.stroke();for(let o=e;o<=t&&this.root.config.columns[o];o++)this.renderSingleColumn(o)}}class j{constructor(t){s(this,"element");s(this,"ctx");s(this,"root");s(this,"width",35);s(this,"height");s(this,"resizerHeight",1);this.root=t,this.element=this.createElement();const e=this.element.getContext("2d");if(!e)throw new Error("Enable hardware acceleration");this.ctx=e,this.height=this.root.viewProps.height}createElement(){const t=document.createElement("canvas");return t.style.position="absolute",t.style.height=this.root.viewProps.height+"px",t.style.width=this.width+"px",t.style.display="block",t.style.borderTop="1px solid black",t.width=this.width,t.height=this.root.viewProps.height,t}setElementPosition(t,e){this.element.style.top=t+"px",this.element.style.left=e+"px"}isRowSelected(t){const{selectedCell:e,selectedRange:o}=this.root.selection;return e&&e.row===t?!0:o?t>=Math.min(o.from.row,o.to.row)&&t<=Math.max(o.from.row,o.to.row):!1}renderText(t,e){const{y:o,height:l}=e;this.ctx.fillStyle="black",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.font="12px Arial",this.ctx.fillText(this.root.config.rows[t].title,this.width/2,o-this.root.viewport.top+l/2)}renderRect(t,e){const{y:o,height:l}=e,i=this.isRowSelected(t);this.ctx.fillStyle=i?"#c7ebff":"white",this.ctx.strokeStyle="black",this.ctx.lineWidth=this.resizerHeight;const n=o-this.root.viewport.top;this.ctx.fillRect(0,n-1,this.width,l),this.ctx.strokeRect(0,n-1,this.width,l)}renderSingleRow(t){const e=new g(this.root.config,{column:0,row:t});this.renderRect(t,e),this.renderText(t,e)}renderBar(){const t=this.root.viewport.lastRow+3,e=this.root.viewport.firstRow;this.ctx.beginPath(),this.ctx.moveTo(0,0),this.ctx.strokeStyle="black",this.ctx.lineWidth=16,this.ctx.lineTo(35,0),this.ctx.closePath(),this.ctx.stroke();for(let o=e;o<=t&&this.root.config.rows[o];o++)this.renderSingleRow(o)}}class ${constructor(t){s(this,"saved",null);s(this,"root");this.root=t}copy(t,e){const o=t.map(l=>l.map(i=>i.displayValue).join(" ")).join(` +`);this.saved=t,navigator.clipboard.writeText(o),this.root.events.dispatch({type:u.COPY_CELLS,data:t,dataAsString:o,range:e})}paste(t,{column:e,row:o},l){if(!this.saved){if(!l.clipboardData)return;const h=l.clipboardData.getData("text");try{const a=h.split(` +`).map(d=>d.split(" ")).map(d=>d.map(w=>{const y={displayValue:w,position:{column:e,row:o},resultValue:w,style:new b,value:w};return new p(y)})),f=a.length,m=a[0]?a[0].length:0;for(let d=0;d{this.changeCellValues(t.position,{displayValue:"",resultValue:"",value:""})});else{if(!this.selection.selectedCell)return;this.changeCellValues(this.selection.selectedCell,{displayValue:"",resultValue:"",value:""})}}showEditor(t,e){this.editor.show(t,e)}renderSheet(){this.sheet.renderSheet()}renderSelection(){this.sheet.renderSelection()}renderColumnsBar(){this.columnsBar.renderBar()}renderRowsBar(){this.rowsBar.renderBar()}renderCell(t,e){this.data[t][e].render(this)}loadData(t){const e=t.length,o=t[0]?t[0].length:0;console.log("!!FORMATTED DATA",e,o,t[0]),this.data=[];const l=[];for(let i=0;i {\n if (event.button !== 0)\n return; // Left mouse button\n const { offsetX, offsetY } = event;\n const clickedCell = this.root.getCellByCoords(offsetX, offsetY);\n const cell = this.root.getCell(clickedCell);\n const selection = new Selection();\n selection.selectedCell = clickedCell;\n selection.selectedRange = {\n from: clickedCell,\n to: clickedCell,\n };\n scroller.setSelectingMode(true);\n this.changeSelection(selection, true);\n this.root.config.onCellClick?.(event, cell);\n };\n changeSelection = (selection, enableCallback = false) => {\n this.root.selection = selection;\n if (enableCallback)\n this.root.config.onSelectonChange?.(selection);\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n changeCellValues(cell, enableCallback = true) {\n if (enableCallback)\n this.root.config.onCellChange?.(cell);\n }\n copy = (range, data, dataAsString) => {\n this.root.config.onCopy?.(range, data, dataAsString);\n };\n}\n","export class RenderBox {\n x;\n y;\n width;\n height;\n constructor(config, cellPosition) {\n this.x = this.getXCoord(cellPosition.column, config);\n this.y = this.getYCoord(cellPosition.row, config);\n this.width = config.columns[cellPosition.column].width;\n this.height = config.rows[cellPosition.row].height;\n }\n getXCoord(column, config) {\n let x = 0;\n for (let i = 0; i < column; i++) {\n x += config.columns[i].width;\n }\n return x;\n }\n getYCoord(row, config) {\n let y = 0;\n for (let i = 0; i < row; i++) {\n y += config.rows[i].height;\n }\n return y;\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nimport { EventTypes } from \"../modules/events\";\nimport { RenderBox } from \"../modules/renderBox\";\nexport class Editor {\n element;\n root;\n constructor(root) {\n this.root = root;\n const element = document.createElement(\"input\");\n element.classList.add(CSS_PREFIX + \"editor\");\n this.element = element;\n this.hide();\n }\n hide() {\n this.element.style.display = \"none\";\n this.element.classList.add(\"hide\");\n this.element.blur();\n window.removeEventListener(\"click\", this.handleClickOutside);\n this.element.removeEventListener(\"keydown\", this.handleKeydown);\n this.root.focusTable();\n }\n show(position, initialString) {\n const { height, width, x, y } = new RenderBox(this.root.config, position);\n const cell = this.root.getCell(position);\n this.element.classList.remove(\"hide\");\n this.element.style.top =\n y - this.root.viewport.top + this.root.columnsBarHeight + \"px\";\n this.element.style.left =\n x - this.root.viewport.left + this.root.rowsBarWidth + \"px\";\n this.element.style.width = width + \"px\";\n this.element.style.height = height + \"px\";\n this.element.style.display = \"block\";\n window.addEventListener(\"click\", this.handleClickOutside);\n this.element.addEventListener(\"keydown\", this.handleKeydown);\n this.element.value = initialString ? initialString : cell.value;\n this.element.focus();\n if (!initialString)\n this.element.select();\n }\n handleKeydown = (event) => {\n const { key } = event;\n switch (key) {\n case \"Escape\": {\n this.hide();\n break;\n }\n case \"Enter\": {\n if (!this.root.selection.selectedCell)\n return;\n this.root.changeCellValues(this.root.selection.selectedCell, {\n value: this.element.value,\n displayValue: this.element.value,\n });\n this.root.events.dispatch({\n type: EventTypes.CELL_CHANGE,\n cell: this.root.getCell(this.root.selection.selectedCell),\n });\n this.hide();\n }\n }\n };\n handleClickOutside = (event) => {\n const target = event.target;\n if (!this.element.contains(target)) {\n this.hide();\n }\n };\n}\n","export function checkEqualRanges(range1, range2) {\n const equalRows = range1.from.row === range2.to.row;\n const equalColumns = range1.from.column === range2.to.column;\n return equalRows && equalColumns;\n}\nexport function checkEqualCellSelections(selection1, selection2) {\n return (selection1.column === selection2.column && selection1.row === selection2.row);\n}\n","import { CSS_PREFIX, Selection } from \"../main\";\nimport { EventTypes } from \"../modules/events\";\nimport { checkEqualCellSelections } from \"../utils/position\";\nexport class Scroller {\n element;\n verticalScroller;\n horizontalScroller;\n root;\n isSelecting = false;\n constructor(root) {\n this.root = root;\n const { horizontalScroller, scroller, verticalScroller } = this.buildComponent();\n this.element = scroller;\n this.verticalScroller = verticalScroller;\n this.horizontalScroller = horizontalScroller;\n this.element.style.height = this.root.config.view.height + \"px\";\n this.element.style.width = this.root.config.view.width + \"px\";\n this.element.style.top = this.root.columnsBarHeight + \"px\";\n this.element.style.left = this.root.rowsBarWidth + \"px\";\n this.element.tabIndex = -1;\n this.updateScrollerSize(); //* Init size set\n this.element.addEventListener(\"scroll\", this.handleScroll);\n this.element.addEventListener(\"mousedown\", this.handleClick);\n this.element.addEventListener(\"mousemove\", this.handleMouseMove);\n this.element.addEventListener(\"mouseup\", this.handleMouseUp);\n this.element.addEventListener(\"dblclick\", this.handleDoubleClick);\n this.element.addEventListener(\"keydown\", this.handleKeydown);\n this.element.addEventListener(\"paste\", (event) => {\n if (!this.root.selection.selectedCell)\n return;\n this.root.clipboard.paste(this.root, this.root.selection.selectedCell, event);\n });\n }\n setSelectingMode(mode) {\n this.isSelecting = mode;\n }\n handleMouseMove = (event) => {\n if (!this.isSelecting)\n return;\n const { offsetX, offsetY } = event;\n const lastSelectedCell = this.root.getCellByCoords(offsetX, offsetY);\n let isRangeChanged = false;\n if (this.root.selection.selectedRange) {\n isRangeChanged = !checkEqualCellSelections(this.root.selection.selectedRange.to, lastSelectedCell);\n if (isRangeChanged) {\n this.root.selection.selectedRange.to = lastSelectedCell;\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: this.root.selection,\n enableCallback: true,\n });\n }\n }\n };\n handleMouseUp = () => {\n this.isSelecting = false;\n const newSelection = { ...this.root.selection };\n if (this.root.selection.selectedRange) {\n if (checkEqualCellSelections(this.root.selection.selectedRange.from, this.root.selection.selectedRange.to)) {\n newSelection.selectedRange = null;\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: newSelection,\n enableCallback: false,\n });\n }\n }\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n handleDoubleClick = (event) => {\n event.preventDefault();\n const position = this.root.getCellByCoords(event.offsetX, event.offsetY);\n this.root.showEditor(position);\n };\n handleKeydown = (event) => {\n //* Navigation\n if ([\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) {\n event.preventDefault();\n this.root.selection.selectedRange = null;\n switch (event.key) {\n case \"ArrowLeft\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.column > 0) {\n this.root.selection.selectedCell.column -= 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowRight\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.column <\n this.root.config.columns.length - 1) {\n this.root.selection.selectedCell.column += 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowUp\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.row > 0) {\n this.root.selection.selectedCell.row -= 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowDown\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.row <\n this.root.config.rows.length - 1) {\n this.root.selection.selectedCell.row += 1;\n // this.root.renderSheet();\n }\n break;\n }\n }\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: this.root.selection,\n enableCallback: true,\n });\n }\n //* Start typings\n const keysRegex = /^([a-z]|[а-я]|[0-9])$/;\n if (!event.metaKey && !event.ctrlKey) {\n //* Prevent handle shortcutrs\n const isPressedLetterKey = keysRegex.test(event.key.toLowerCase());\n if (event.key === \"F2\" || isPressedLetterKey) {\n //* English and Russian keyboard. Or F2 button\n event.preventDefault();\n if (!this.root.selection.selectedCell)\n return;\n this.root.showEditor(this.root.selection.selectedCell, isPressedLetterKey ? event.key : undefined);\n }\n }\n if (event.key === \"Delete\") {\n event.preventDefault();\n this.root.deleteSelectedCellsValues();\n this.root.renderSheet();\n }\n if (event.metaKey || event.ctrlKey) {\n console.log(event.code);\n if (event.code === \"KeyC\") {\n let cells = undefined;\n const selection = new Selection();\n if (this.root.selection.selectedRange) {\n const { from, to } = this.root.selection.selectedRange;\n selection.selectedRange = this.root.selection.selectedRange;\n const subArrByRows = this.root.data.slice(from.row, to.row + 1);\n const subArrByCols = subArrByRows.map((row) => {\n return row.slice(from.column, to.column + 1);\n });\n cells = [...subArrByCols];\n }\n else if (this.root.selection.selectedCell) {\n const { column, row } = this.root.selection.selectedCell;\n cells = [[this.root.data[row][column]]];\n selection.selectedRange = {\n from: this.root.selection.selectedCell,\n to: this.root.selection.selectedCell,\n };\n }\n else {\n return;\n }\n this.root.clipboard.copy(cells, selection.selectedRange);\n return;\n }\n if (event.code === \"KeyV\") {\n // if (!this.root.selection.selectedCell) return;\n // this.root.clipboard.paste(this.root, this.root.selection.selectedCell);\n }\n }\n };\n handleClick = (event) => {\n this.root.events.dispatch({\n type: EventTypes.CELL_CLICK,\n event,\n scroller: this,\n });\n };\n handleScroll = () => {\n const rect = this.getViewportBoundlingRect();\n this.root.viewport.updateValues(rect);\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n getViewportBoundlingRect() {\n const { scrollTop, scrollLeft } = this.element;\n const { height, width } = this.element.getBoundingClientRect();\n const bottom = scrollTop + height;\n const right = scrollLeft + width;\n return {\n top: scrollTop,\n left: scrollLeft,\n bottom,\n right,\n };\n }\n buildComponent() {\n const scroller = document.createElement(\"div\");\n const verticalScroller = document.createElement(\"div\");\n const horizontalScroller = document.createElement(\"div\");\n const groupScrollers = document.createElement(\"div\");\n const stack = document.createElement(\"div\");\n verticalScroller.style.width = \"0px\";\n verticalScroller.style.pointerEvents = \"none\";\n horizontalScroller.style.pointerEvents = \"none\";\n groupScrollers.style.display = \"flex\";\n stack.appendChild(verticalScroller);\n stack.appendChild(horizontalScroller);\n groupScrollers.appendChild(stack);\n this.verticalScroller = verticalScroller;\n this.horizontalScroller = horizontalScroller;\n scroller.appendChild(groupScrollers);\n scroller.contentEditable = \"false\";\n scroller.classList.add(CSS_PREFIX + \"scroller\");\n return { scroller, verticalScroller, horizontalScroller };\n }\n getActualHeight() {\n return this.root.config.rows.reduce((acc, curr) => {\n acc += curr.height;\n return acc;\n }, 0);\n }\n getActualWidth() {\n return this.root.config.columns.reduce((acc, curr) => {\n acc += curr.width;\n return acc;\n }, 0);\n }\n updateScrollerSize() {\n const totalHeight = this.getActualHeight();\n const totalWidth = this.getActualWidth();\n this.setScrollerHeight(totalHeight);\n this.setScrollerWidth(totalWidth);\n }\n setScrollerHeight(height) {\n this.verticalScroller.style.height = height + \"px\";\n }\n setScrollerWidth(width) {\n this.horizontalScroller.style.width = width + \"px\";\n }\n}\n","import { RenderBox } from \"./renderBox\";\nexport class CellStyles {\n fontSize = 16;\n fontColor = \"black\";\n background = \"white\";\n borderColor = \"black\";\n selectedBackground = \"#4287f5\";\n selectedFontColor = \"#ffffff\";\n constructor(props) {\n if (props) {\n Object.assign(this, props); // Override default styles\n }\n }\n}\nexport class Position {\n row;\n column;\n constructor(row, column) {\n this.row = row;\n this.column = column;\n }\n}\nexport class SerializableCell {\n value;\n displayValue;\n resultValue;\n position;\n style;\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\n this.style = props.style;\n }\n}\nexport class Cell {\n /** True value (data) */\n value;\n /** Value to render */\n displayValue;\n /** This refers to the values that were obtained by calculations, for example, after calculating the formula */\n resultValue;\n position;\n style = null;\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\n this.style = props.style;\n }\n getSerializableCell() {\n const cell = new SerializableCell({\n displayValue: this.displayValue,\n position: this.position,\n resultValue: this.resultValue,\n style: this.style,\n value: this.value,\n });\n return cell;\n }\n changeStyles(styles) {\n this.style = styles;\n }\n changeValues(values) {\n Object.assign(this, values);\n }\n isCellInRange(root) {\n const { column, row } = this.position;\n const { selectedRange } = root.selection;\n if (!selectedRange)\n return false;\n const isCellInRow = row >= Math.min(selectedRange.from.row, selectedRange.to.row) &&\n row <= Math.max(selectedRange.to.row, selectedRange.from.row);\n const isCellInCol = column >= Math.min(selectedRange.from.column, selectedRange.to.column) &&\n column <= Math.max(selectedRange.to.column, selectedRange.from.column);\n return isCellInCol && isCellInRow;\n }\n render(root) {\n const renderBox = new RenderBox(root.config, this.position);\n let { x, y } = renderBox;\n const { height, width } = renderBox;\n const { ctx } = root;\n const isCellSelected = root.selection.selectedCell?.row === this.position.row &&\n root.selection.selectedCell.column === this.position.column;\n const isCellInRange = this.isCellInRange(root);\n y -= root.viewport.top;\n x -= root.viewport.left;\n const styles = this.style ?? root.styles.cells;\n ctx.clearRect(x, y, width, height);\n ctx.fillStyle =\n isCellSelected || isCellInRange\n ? styles.selectedBackground\n : styles.background;\n ctx.strokeStyle = \"black\";\n ctx.fillRect(x, y, width - 1, height - 1);\n ctx.strokeRect(x, y, width, height);\n ctx.fillStyle =\n isCellSelected || isCellInRange\n ? styles.selectedFontColor\n : styles.fontColor;\n ctx.textAlign = \"left\";\n ctx.font = `${styles.fontSize}px Arial`;\n ctx.textBaseline = \"middle\";\n ctx.fillText(this.displayValue, x + 2, y + height / 2);\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nimport { Position } from \"../modules/cell\";\n/**\n * Display (CANVAS) element where cells render\n */\nexport class Sheet {\n element;\n ctx;\n root;\n constructor(root) {\n this.root = root;\n const canvas = document.createElement(\"canvas\");\n canvas.classList.add(CSS_PREFIX + \"sheet\");\n //* Set up canvas sizes based on provided root config\n canvas.height = this.root.config.view.height;\n canvas.width = this.root.config.view.width;\n canvas.style.width = this.root.config.view.width + \"px\";\n canvas.style.height = this.root.config.view.height + \"px\";\n canvas.style.left = \"0px\";\n this.element = canvas;\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n }\n getCellByCoords(x, y) {\n let row = 0;\n let height = 0;\n while (height <= y) {\n height += this.root.config.rows[row].height;\n if (height >= y)\n break;\n row++;\n }\n let col = 0;\n let width = 0;\n while (width <= x) {\n width += this.root.config.columns[col].width;\n if (width >= x)\n break;\n col++;\n }\n return new Position(row, col);\n }\n renderCell(position) {\n const { column, row } = position;\n this.root.data[row][column].render(this.root);\n }\n renderSheet() {\n const firstRowIdx = this.root.viewport.firstRow;\n const lastColIdx = this.root.viewport.lastCol + 3;\n const lastRowIdx = this.root.viewport.lastRow + 3;\n const firstColIdx = this.root.viewport.firstCol;\n for (let row = firstRowIdx; row <= lastRowIdx; row++) {\n for (let col = firstColIdx; col <= lastColIdx; col++) {\n if (!this.root.config.columns[col] || !this.root.config.rows[row])\n break; //* Prevent read undefined\n this.renderCell({ column: col, row });\n }\n }\n }\n}\n","import { CSS_PREFIX } from \"../main\";\n/** Base (root) component */\nexport class Table {\n element;\n root;\n constructor(root) {\n this.root = root;\n const container = document.createElement(\"div\");\n container.classList.add(CSS_PREFIX + \"spreadsheet_container\");\n this.element = container;\n this.changeElementSizes(this.root.viewProps);\n }\n changeElementSizes(sizes) {\n const { height, width } = sizes;\n this.element.style.width = width + this.root.rowsBarWidth + \"px\";\n this.element.style.height = height + this.root.columnsBarHeight + \"px\";\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nexport class Toolbar {\n element;\n root;\n height = 0;\n constructor(root) {\n this.root = root;\n const toolbarElement = document.createElement(\"div\");\n toolbarElement.classList.add(CSS_PREFIX + \"toolbar\");\n this.element = toolbarElement;\n }\n}\n","export class Config {\n rows;\n columns;\n view = {\n width: 800,\n height: 600,\n };\n onCellClick = null;\n onSelectonChange = null;\n onCellChange = null;\n onCopy;\n constructor(props) {\n this.columns = props.columns;\n this.rows = props.rows;\n this.view = props.view;\n this.onCellClick = props.onCellClick ?? null;\n this.onSelectonChange = props.onSelectionChange ?? null;\n this.onCellChange = props.onCellChange ?? null;\n this.onCopy = props.onCopy ?? null;\n }\n}\n","export class Selection {\n selectedCell = null;\n selectedRange = null;\n}\n","import { CellStyles } from \"./cell\";\nexport class Styles {\n cells;\n constructor() {\n this.cells = new CellStyles();\n }\n}\n","export class Viewport {\n root;\n top;\n left;\n right;\n bottom;\n firstRow;\n lastRow;\n firstCol;\n lastCol;\n constructor(root, props) {\n this.root = root;\n this.top = props.top;\n this.left = props.left;\n this.right = props.right;\n this.bottom = props.bottom;\n this.firstRow = this.getFirstRow();\n this.lastCol = this.getFirstRow(); //!Temp\n this.firstCol = this.getFirstRow(); //!Temp\n this.lastRow = this.getLastRow();\n this.updateValues({\n top: 0,\n left: 0,\n right: this.root.viewProps.width,\n bottom: this.root.viewProps.height,\n });\n }\n updateValues(props) {\n this.top = props.top;\n this.left = props.left;\n this.right = props.right;\n this.bottom = props.bottom;\n this.firstRow = this.getFirstRow();\n this.lastRow = this.getLastRow();\n this.firstCol = this.getFirstCol();\n this.lastCol = this.getLastCol();\n }\n /** Get index of first row in viewport */\n getFirstRow() {\n const rowIdx = this.root.cache.getRowByYCoord(this.top);\n return rowIdx;\n }\n getLastRow() {\n const rowIdx = this.root.cache.getRowByYCoord(this.bottom);\n return rowIdx;\n }\n getFirstCol() {\n const colIdx = this.root.cache.getColumnByXCoord(this.left);\n return colIdx;\n }\n getLastCol() {\n const colIdx = this.root.cache.getColumnByXCoord(this.right);\n return colIdx;\n }\n}\n","export class Column {\n width;\n title;\n constructor(props) {\n this.width = props.width;\n this.title = props.title;\n }\n}\n","export class Row {\n height;\n title;\n constructor(props) {\n this.height = props.height;\n this.title = props.title;\n }\n}\n","import { Cell } from \"../modules/cell\";\nimport { Column } from \"../modules/column\";\nimport { Config } from \"../modules/config\";\nimport { Row } from \"../modules/row\";\nexport function createSampleData(rows, columns, fillCellsByCoords = false) {\n const data = [];\n for (let row = 0; row <= rows; row++) {\n const innerRow = [];\n for (let col = 0; col <= columns; col++) {\n const value = fillCellsByCoords ? `${row}:${col}` : \"\";\n const cell = new Cell({\n displayValue: value,\n resultValue: value,\n value,\n position: {\n column: col,\n row: row,\n },\n style: null,\n });\n innerRow.push(cell);\n }\n data.push(innerRow);\n }\n return data;\n}\nexport function createSampleConfig(rows, columns) {\n const rowsArr = [];\n for (let i = 0; i <= rows; i++) {\n const rowItem = new Row({\n height: 40,\n title: String(i),\n });\n rowsArr.push(rowItem);\n }\n const colsArr = [];\n for (let i = 0; i <= columns; i++) {\n const colItem = new Column({\n title: String(i),\n width: 150,\n });\n colsArr.push(colItem);\n }\n const config = new Config({\n columns: colsArr,\n rows: rowsArr,\n view: {\n height: 600,\n width: 800,\n },\n });\n return config;\n}\nexport function makeSpreadsheetConfigAndData(rows, columns) {\n const data = createSampleData(rows, columns);\n const config = createSampleConfig(rows, columns);\n return { data, config };\n}\n","export class CachedColumn {\n xPos;\n colIdx;\n constructor(props) {\n this.xPos = props.xPos;\n this.colIdx = props.colIdx;\n }\n}\nexport class CachedRow {\n yPos;\n rowIdx;\n constructor(props) {\n this.yPos = props.yPos;\n this.rowIdx = props.rowIdx;\n }\n}\nexport class Cache {\n columns;\n rows;\n constructor(initial) {\n this.columns = initial.columns;\n this.rows = initial.rows;\n }\n getRowByYCoord(y) {\n let rowIdx = 0;\n for (let i = 0; i < this.rows.length; i++) {\n if (y <= this.rows[i].yPos) {\n //* Intersection detect\n rowIdx = i;\n break;\n }\n }\n return rowIdx;\n }\n getColumnByXCoord(x) {\n let colIdx = 0;\n for (let i = 0; i < this.columns.length; i++) {\n if (x <= this.columns[i].xPos) {\n //* Intersection detect\n colIdx = i;\n break;\n }\n }\n return colIdx;\n }\n}\n","import { RenderBox } from \"../main\";\nexport class ColumnsBar {\n element;\n root;\n height = 35;\n width;\n // private resizerWidth = 1;\n ctx;\n constructor(root) {\n this.root = root;\n this.element = this.createElement();\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n this.width = this.root.viewProps.width;\n }\n createElement() {\n const element = document.createElement(\"canvas\");\n element.style.position = \"absolute\";\n element.style.height = this.height + \"px\";\n element.style.width = this.root.viewProps.width + \"px\";\n element.style.display = \"block\";\n element.style.borderLeft = \"1px solid black\";\n // element.style.boxSizing = 'border-box'\n element.width = this.root.viewProps.width;\n element.height = this.height;\n return element;\n }\n setElementPosition(top, left) {\n this.element.style.top = top + \"px\";\n this.element.style.left = left + \"px\";\n }\n isColumnSelected(column) {\n const { selectedCell, selectedRange } = this.root.selection;\n if (selectedCell && selectedCell.column === column)\n return true;\n if (selectedRange) {\n const inRange = column >=\n Math.min(selectedRange.from.column, selectedRange.to.column) &&\n column <= Math.max(selectedRange.from.column, selectedRange.to.column);\n return inRange;\n }\n return false;\n }\n // private getYCoordWithOffset(renderBox: RenderBox): number {\n // const {y} = renderBox\n // return y + this.root.toolbarHeight\n // }\n // private getXCoordWithOffset(renderBox: RenderBox): number {\n // const {x} = renderBox\n // return x\n // }\n renderText(column, renderBox) {\n const { width, x } = renderBox;\n this.ctx.fillStyle = \"black\";\n this.ctx.textAlign = \"center\";\n this.ctx.textBaseline = \"middle\";\n this.ctx.font = \"12px Arial\";\n this.ctx.fillText(this.root.config.columns[column].title, x + width / 2 - this.root.viewport.left, 0 + this.height / 2);\n }\n renderRect(column, renderBox) {\n const { width, x } = renderBox;\n const isColSelected = this.isColumnSelected(column);\n this.ctx.fillStyle = isColSelected\n ? this.root.styles.cells.selectedBackground\n : \"white\";\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 1;\n const specialX = x - this.root.viewport.left;\n this.ctx.fillRect(specialX - 1, 0, width, this.height);\n this.ctx.strokeRect(specialX - 1, 0, width, this.height);\n }\n renderSingleColumn(column) {\n const renderBox = new RenderBox(this.root.config, {\n row: 0,\n column: column,\n });\n this.renderRect(column, renderBox);\n this.renderText(column, renderBox);\n }\n renderBar() {\n const lastColIdx = this.root.viewport.lastCol + 3;\n const firstColIdx = this.root.viewport.firstCol;\n this.ctx.beginPath();\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 1;\n this.ctx.moveTo(0, 0);\n this.ctx.lineTo(0, this.height);\n this.ctx.closePath();\n this.ctx.stroke();\n for (let col = firstColIdx; col <= lastColIdx; col++) {\n if (!this.root.config.columns[col])\n break;\n this.renderSingleColumn(col);\n }\n }\n}\n","import { RenderBox } from \"../main\";\nexport class RowsBar {\n element;\n ctx;\n root;\n width = 35;\n height;\n resizerHeight = 1;\n constructor(root) {\n this.root = root;\n this.element = this.createElement();\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n this.height = this.root.viewProps.height;\n }\n createElement() {\n const element = document.createElement(\"canvas\");\n element.style.position = \"absolute\";\n element.style.height = this.root.viewProps.height + \"px\";\n element.style.width = this.width + \"px\";\n element.style.display = \"block\";\n element.style.borderTop = \"1px solid black\";\n // element.style.boxSizing = 'border-box'\n element.width = this.width;\n element.height = this.root.viewProps.height;\n return element;\n }\n setElementPosition(top, left) {\n this.element.style.top = top + \"px\";\n this.element.style.left = left + \"px\";\n }\n isRowSelected(row) {\n const { selectedCell, selectedRange } = this.root.selection;\n if (selectedCell && selectedCell.row === row)\n return true;\n if (selectedRange) {\n const inRange = row >= Math.min(selectedRange.from.row, selectedRange.to.row) &&\n row <= Math.max(selectedRange.from.row, selectedRange.to.row);\n return inRange;\n }\n return false;\n }\n renderText(row, renderBox) {\n const { y, height } = renderBox;\n this.ctx.fillStyle = \"black\";\n this.ctx.textAlign = \"center\";\n this.ctx.textBaseline = \"middle\";\n this.ctx.font = \"12px Arial\";\n this.ctx.fillText(this.root.config.rows[row].title, this.width / 2, y - this.root.viewport.top + height / 2);\n }\n renderRect(column, renderBox) {\n const { y, height } = renderBox;\n const isRowSeleted = this.isRowSelected(column);\n this.ctx.fillStyle = isRowSeleted\n ? this.root.styles.cells.selectedBackground\n : \"white\";\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = this.resizerHeight;\n const specialY = y - this.root.viewport.top;\n this.ctx.fillRect(0, specialY - 1, this.width, height);\n this.ctx.strokeRect(0, specialY - 1, this.width, height);\n }\n renderSingleRow(row) {\n const renderBox = new RenderBox(this.root.config, {\n column: 0,\n row: row,\n });\n this.renderRect(row, renderBox);\n this.renderText(row, renderBox);\n }\n renderBar() {\n const lastRowIdx = this.root.viewport.lastRow + 3;\n const firstRowIdx = this.root.viewport.firstRow;\n this.ctx.beginPath();\n this.ctx.moveTo(0, 0);\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 16;\n this.ctx.lineTo(35, 0);\n this.ctx.closePath();\n this.ctx.stroke();\n for (let row = firstRowIdx; row <= lastRowIdx; row++) {\n if (!this.root.config.rows[row])\n break;\n this.renderSingleRow(row);\n }\n }\n}\n","import { Cell, CellStyles } from \"./cell\";\nimport { EventTypes } from \"./events\";\nexport class Clipboard {\n saved = null;\n root;\n constructor(root) {\n this.root = root;\n }\n copy(data, range) {\n const mapedData = data\n .map((row) => {\n return row\n .map((item) => {\n return item.displayValue;\n })\n .join(\"\\t\");\n })\n .join(\"\\n\");\n this.saved = data;\n navigator.clipboard.writeText(mapedData);\n this.root.events.dispatch({\n type: EventTypes.COPY_CELLS,\n data,\n dataAsString: mapedData,\n range,\n });\n }\n paste(root, { column, row }, event) {\n if (!this.saved) {\n if (!event.clipboardData)\n return;\n const data = event.clipboardData.getData(\"text\");\n try {\n const arr = data.split(\"\\n\").map((item) => item.split(\"\\t\"));\n const arrayOfCells = arr.map((innerRow) => {\n return innerRow.map((item) => {\n const cellProps = {\n displayValue: item,\n position: {\n column,\n row,\n },\n resultValue: item,\n style: new CellStyles(),\n value: item,\n };\n return new Cell(cellProps);\n });\n });\n const rowsLength = arrayOfCells.length;\n const colsLength = arrayOfCells[0] ? arrayOfCells[0].length : 0;\n for (let i = 0; i < rowsLength; i++) {\n for (let j = 0; j < colsLength; j++) {\n const savedCell = arrayOfCells[i][j];\n const position = {\n column: column + j,\n row: row + i,\n };\n const values = {\n displayValue: savedCell.displayValue,\n value: savedCell.value,\n style: savedCell.style,\n };\n root.changeCellValues(position, values, false);\n }\n }\n }\n catch (err) {\n console.error(\"Cannot read clipboard. \", err);\n }\n return;\n }\n const rowsLength = this.saved.length;\n const colsLength = this.saved[0] ? this.saved[0].length : 0;\n for (let i = 0; i < rowsLength; i++) {\n for (let j = 0; j < colsLength; j++) {\n const savedCell = this.saved[i][j];\n const position = {\n column: column + j,\n row: row + i,\n };\n const values = {\n displayValue: savedCell.displayValue,\n value: savedCell.value,\n style: savedCell.style,\n };\n root.changeCellValues(position, values, false);\n }\n }\n }\n}\n","import { Editor } from \"./components/editor\";\nimport { Scroller } from \"./components/scroller\";\nimport { Sheet } from \"./components/sheet\";\nimport { Table } from \"./components/table\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { Cell, } from \"./modules/cell\";\nimport { Config, } from \"./modules/config\";\nimport { Selection } from \"./modules/selection\";\nimport { Styles } from \"./modules/styles\";\nimport { Viewport } from \"./modules/viewport\";\nimport \"./scss/main.scss\";\nimport { createSampleData } from \"./utils/createData\";\nimport { Cache, CachedColumn, CachedRow } from \"./modules/cache\";\nimport { Row } from \"./modules/row\";\nimport { Column } from \"./modules/column\";\nimport { ColumnsBar } from \"./components/columnsBar\";\nimport { RowsBar } from \"./components/rowsBar\";\nimport { EventTypes, Events } from \"./modules/events\";\nimport { Clipboard } from \"./modules/clipboard\";\nexport const CSS_PREFIX = \"modern_sc_\";\nexport default class Spreadsheet {\n table;\n scroller;\n toolbar;\n rowsBar;\n columnsBar;\n sheet;\n editor;\n styles;\n config;\n data;\n viewport;\n selection;\n cache;\n events;\n clipboard;\n constructor(target, props) {\n const data = createSampleData(40, 40);\n const config = this.makeConfigFromData(data, props?.view ?? { height: 600, width: 800 });\n if (props?.view) {\n config.view = props.view;\n }\n this.config = new Config(config);\n this.config.onCellClick = props?.onCellClick ?? null;\n this.config.onSelectonChange = props?.onSelectionChange ?? null;\n this.config.onCellChange = props?.onCellChange ?? null;\n this.config.onCopy = props?.onCopy ?? null;\n this.rowsBar = new RowsBar(this);\n this.columnsBar = new ColumnsBar(this);\n this.sheet = new Sheet(this);\n this.table = new Table(this);\n this.scroller = new Scroller(this);\n this.toolbar = new Toolbar(this);\n this.editor = new Editor(this);\n this.cache = this.getInitialCache();\n this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect());\n this.selection = new Selection();\n this.events = new Events(this);\n this.clipboard = new Clipboard(this);\n this.data = data;\n this.styles = new Styles();\n this.buildComponent();\n this.setElementsPositions();\n this.appendTableToTarget(target);\n this.renderSheet();\n this.renderColumnsBar();\n this.renderRowsBar();\n }\n setRowsBarPosition() {\n const top = this.columnsBar.height + this.toolbar.height;\n const left = 0;\n this.rowsBar.setElementPosition(top, left);\n }\n setColumnsBarPosition() {\n const top = this.toolbar.height;\n const left = this.rowsBar.width;\n console.log(top, left);\n this.columnsBar.setElementPosition(top, left);\n }\n setElementsPositions() {\n this.setRowsBarPosition();\n this.setColumnsBarPosition();\n }\n getInitialCache() {\n const cachedCols = [];\n let currentWidth = 0;\n for (let i = 0; i <= this.config.columns.length - 1; i++) {\n const col = this.config.columns[i];\n currentWidth += col.width;\n const cacheCol = new CachedColumn({\n xPos: currentWidth,\n colIdx: i,\n });\n cachedCols.push(cacheCol);\n }\n const cachedRows = [];\n let currentHeight = 0;\n for (let i = 0; i <= this.config.rows.length - 1; i++) {\n const row = this.config.rows[i];\n currentHeight += row.height;\n const cacheRow = new CachedRow({\n yPos: currentHeight,\n rowIdx: i,\n });\n cachedRows.push(cacheRow);\n }\n const cache = new Cache({\n columns: cachedCols,\n rows: cachedRows,\n });\n console.log(\"CACHE: \", cache);\n console.log(\"CONFIG: \", this.config);\n return cache;\n }\n buildComponent() {\n const content = document.createElement(\"div\"); //* Abstract\n content.style.top = this.columnsBarHeight + \"px\";\n content.style.left = this.rowsBarWidth + \"px\";\n content.appendChild(this.sheet.element);\n content.classList.add(CSS_PREFIX + \"content\");\n this.table.element.appendChild(this.toolbar.element);\n this.table.element.appendChild(this.rowsBar.element);\n this.table.element.appendChild(this.columnsBar.element);\n this.table.element.appendChild(content);\n this.table.element.appendChild(this.scroller.element);\n this.table.element.append(this.editor.element);\n }\n /**Destroy spreadsheet DOM element.\n *\n * May be usefull when need to rerender component.\n */\n destroy() {\n this.table.element.remove();\n }\n appendTableToTarget(target) {\n if (typeof target === \"string\") {\n const element = document.querySelector(target);\n if (!element)\n throw new Error(`Element with selector ${target} is not finded in DOM.\\n Make sure it exists.`);\n element?.appendChild(this.table.element);\n }\n if (target instanceof HTMLElement) {\n target.append(this.table.element);\n }\n }\n /** Canvas rendering context 2D.\n *\n * Abble to draw on canvas with default CanvasAPI methods\n */\n get ctx() {\n return this.sheet.ctx;\n }\n get viewProps() {\n return this.config.view;\n }\n get columnsBarHeight() {\n return this.columnsBar.height;\n }\n get rowsBarWidth() {\n return this.rowsBar.width;\n }\n get toolbarHeight() {\n return this.toolbar.height;\n }\n /** Focusing on interactive part of spreadsheet */\n focusTable() {\n this.scroller.element.focus();\n }\n getCellByCoords(x, y) {\n return this.sheet.getCellByCoords(x, y);\n }\n getCell(position) {\n const { column, row } = position;\n return this.data[row][column];\n }\n changeCellValues(position, values, enableCallback = true) {\n const { column, row } = position;\n this.data[row][column].changeValues(values);\n this.events.dispatch({\n type: EventTypes.CELL_CHANGE,\n cell: this.data[row][column],\n enableCallback: enableCallback\n });\n this.renderCell(row, column);\n }\n changeCellStyles(position, styles) {\n const { column, row } = position;\n this.data[row][column].changeStyles(styles);\n this.renderCell(row, column);\n }\n applyActionToRange(range, callback) {\n const fromRow = Math.min(range.from.row, range.to.row);\n const toRow = Math.max(range.from.row, range.to.row);\n const fromCol = Math.min(range.from.column, range.to.column);\n const toCol = Math.max(range.from.column, range.to.column);\n for (let row = fromRow; row <= toRow; row++) {\n for (let col = fromCol; col <= toCol; col++) {\n const cell = this.data[row][col];\n callback(cell);\n }\n }\n }\n deleteSelectedCellsValues() {\n if (this.selection.selectedRange !== null) {\n this.applyActionToRange(this.selection.selectedRange, (cell) => {\n this.changeCellValues(cell.position, {\n displayValue: \"\",\n resultValue: \"\",\n value: \"\",\n });\n });\n }\n else {\n if (!this.selection.selectedCell)\n return;\n this.changeCellValues(this.selection.selectedCell, {\n displayValue: \"\",\n resultValue: \"\",\n value: \"\",\n });\n }\n }\n showEditor(position, initialString) {\n this.editor.show(position, initialString);\n }\n renderSheet() {\n this.sheet.renderSheet();\n }\n renderColumnsBar() {\n this.columnsBar.renderBar();\n }\n renderRowsBar() {\n this.rowsBar.renderBar();\n }\n renderCell(row, col) {\n this.data[row][col].render(this);\n }\n loadData(data) {\n const rowsLength = data.length;\n const colsLength = data[0] ? this.data[0].length : 0;\n this.data = [];\n const formattedData = [];\n for (let row = 0; row < rowsLength; row++) {\n const innerRow = [];\n for (let col = 0; col < colsLength; col++) {\n const cell = data[row][col];\n innerRow.push(new Cell({\n displayValue: cell.displayValue,\n position: cell.position,\n resultValue: cell.resultValue,\n value: cell.value,\n style: cell.style,\n }));\n }\n formattedData.push(innerRow);\n }\n this.data = formattedData;\n this.selection.selectedCell = null;\n this.selection.selectedRange = null;\n this.config = this.makeConfigFromData(formattedData, this.config.view);\n this.cache = this.getInitialCache();\n this.scroller.updateScrollerSize();\n this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect());\n this.renderSheet();\n return this;\n }\n makeConfigFromData(data, view) {\n const lastRowIdx = data.length - 1;\n const lastColIdx = data[0] ? data[0].length : 0;\n const rows = [];\n for (let row = 0; row < lastRowIdx; row++) {\n rows.push(new Row({\n height: 40,\n title: String(row),\n }));\n }\n const columns = [];\n for (let col = 0; col < lastColIdx; col++) {\n columns.push(new Column({\n width: 150,\n title: String(col),\n }));\n }\n const config = new Config({\n view,\n rows,\n columns,\n onCellClick: null,\n });\n return config;\n }\n serializeData() {\n const rowsLength = this.data.length;\n const colsLength = this.data[0] ? this.data[0].length : 0;\n const cellsArray = [];\n for (let row = 0; row < rowsLength; row++) {\n const innerRow = [];\n for (let col = 0; col < colsLength; col++) {\n innerRow.push(this.data[row][col].getSerializableCell());\n }\n cellsArray.push(innerRow);\n }\n return cellsArray;\n }\n}\nexport * from \"./modules/cache\";\nexport * from \"./modules/cell\";\nexport * from \"./modules/column\";\nexport * from \"./modules/config\";\nexport * from \"./modules/renderBox\";\nexport * from \"./modules/row\";\nexport * from \"./modules/selection\";\nexport * from \"./modules/styles\";\nexport * from \"./modules/viewport\";\nexport * from \"./utils/createData\";\n"],"names":["EventTypes","Events","root","__publicField","event","scroller","offsetX","offsetY","clickedCell","cell","selection","Selection","_b","_a","enableCallback","range","data","dataAsString","action","RenderBox","config","cellPosition","column","x","i","row","y","Editor","key","target","element","CSS_PREFIX","position","initialString","height","width","checkEqualCellSelections","selection1","selection2","Scroller","lastSelectedCell","isRangeChanged","newSelection","keysRegex","isPressedLetterKey","cells","from","to","rect","horizontalScroller","verticalScroller","mode","scrollTop","scrollLeft","bottom","right","groupScrollers","stack","acc","curr","totalHeight","totalWidth","CellStyles","props","Position","SerializableCell","Cell","styles","values","selectedRange","isCellInRow","renderBox","ctx","isCellSelected","isCellInRange","Sheet","canvas","col","firstRowIdx","lastColIdx","lastRowIdx","firstColIdx","Table","container","sizes","Toolbar","toolbarElement","Config","Styles","Viewport","Column","Row","createSampleData","rows","columns","fillCellsByCoords","innerRow","value","createSampleConfig","rowsArr","rowItem","colsArr","colItem","makeSpreadsheetConfigAndData","CachedColumn","CachedRow","Cache","initial","rowIdx","colIdx","ColumnsBar","top","left","selectedCell","isColSelected","specialX","RowsBar","isRowSeleted","specialY","Clipboard","mapedData","item","arrayOfCells","cellProps","rowsLength","colsLength","j","savedCell","err","Spreadsheet","cachedCols","currentWidth","cacheCol","cachedRows","currentHeight","cacheRow","cache","content","callback","fromRow","toRow","fromCol","toCol","formattedData","view","cellsArray"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"main.cjs","sources":["../src/modules/events.ts","../src/modules/renderBox.ts","../src/components/editor.ts","../src/utils/position.ts","../src/components/scroller.ts","../src/modules/cell.ts","../src/components/sheet.ts","../src/components/table.ts","../src/components/toolbar.ts","../src/modules/config.ts","../src/modules/selection.ts","../src/modules/styles.ts","../src/modules/viewport.ts","../src/modules/column.ts","../src/modules/row.ts","../src/utils/createData.ts","../src/modules/cache.ts","../src/components/columnsBar.ts","../src/components/rowsBar.ts","../src/modules/clipboard.ts","../src/main.ts"],"sourcesContent":["import { Selection } from \"../main\";\nexport var EventTypes;\n(function (EventTypes) {\n EventTypes[\"CELL_CLICK\"] = \"CELL_CLICK\";\n EventTypes[\"SELECTION_CHANGE\"] = \"CHANGE_SELECTION\";\n EventTypes[\"CELL_CHANGE\"] = \"CELL_CHANGE\";\n EventTypes[\"COPY_CELLS\"] = \"COPY_CELLS\";\n})(EventTypes || (EventTypes = {}));\nexport class Events {\n root;\n constructor(root) {\n this.root = root;\n }\n dispatch(action) {\n switch (action.type) {\n case EventTypes.CELL_CLICK: {\n const { event, scroller } = action;\n //\n //* Here may be side effects\n //\n this.cellClick(event, scroller);\n break;\n }\n case EventTypes.SELECTION_CHANGE: {\n const { selection, enableCallback } = action;\n //\n //* Here may be side effects\n //\n this.changeSelection(selection, enableCallback);\n break;\n }\n case EventTypes.CELL_CHANGE: {\n const { cell, enableCallback } = action;\n //\n //* Here may be side effects\n //\n this.changeCellValues(cell, enableCallback);\n break;\n }\n case EventTypes.COPY_CELLS: {\n const { data, dataAsString, range } = action;\n this.copy(range, data, dataAsString);\n break;\n }\n default: {\n break;\n }\n }\n }\n cellClick = (event, scroller) => {\n if (event.button !== 0)\n return; // Left mouse button\n const { offsetX, offsetY } = event;\n const clickedCell = this.root.getCellByCoords(offsetX, offsetY);\n const cell = this.root.getCell(clickedCell);\n const selection = new Selection();\n selection.selectedCell = clickedCell;\n selection.selectedRange = {\n from: clickedCell,\n to: clickedCell,\n };\n scroller.setSelectingMode(true);\n this.changeSelection(selection, true);\n this.root.config.onCellClick?.(event, cell);\n };\n changeSelection = (selection, enableCallback = false) => {\n this.root.selection = selection;\n if (enableCallback)\n this.root.config.onSelectonChange?.(selection);\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n changeCellValues(cell, enableCallback = true) {\n if (enableCallback)\n this.root.config.onCellChange?.(cell);\n }\n copy = (range, data, dataAsString) => {\n this.root.config.onCopy?.(range, data, dataAsString);\n };\n}\n","export class RenderBox {\n x;\n y;\n width;\n height;\n constructor(config, cellPosition) {\n this.x = this.getXCoord(cellPosition.column, config);\n this.y = this.getYCoord(cellPosition.row, config);\n this.width = config.columns[cellPosition.column].width;\n this.height = config.rows[cellPosition.row].height;\n }\n getXCoord(column, config) {\n let x = 0;\n for (let i = 0; i < column; i++) {\n x += config.columns[i].width;\n }\n return x;\n }\n getYCoord(row, config) {\n let y = 0;\n for (let i = 0; i < row; i++) {\n y += config.rows[i].height;\n }\n return y;\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nimport { EventTypes } from \"../modules/events\";\nimport { RenderBox } from \"../modules/renderBox\";\nexport class Editor {\n element;\n root;\n constructor(root) {\n this.root = root;\n const element = document.createElement(\"input\");\n element.classList.add(CSS_PREFIX + \"editor\");\n this.element = element;\n this.hide();\n }\n hide() {\n this.element.style.display = \"none\";\n this.element.classList.add(\"hide\");\n this.element.blur();\n window.removeEventListener(\"click\", this.handleClickOutside);\n this.element.removeEventListener(\"keydown\", this.handleKeydown);\n this.root.focusTable();\n }\n show(position, initialString) {\n const { height, width, x, y } = new RenderBox(this.root.config, position);\n const cell = this.root.getCell(position);\n this.element.classList.remove(\"hide\");\n this.element.style.top =\n y - this.root.viewport.top + this.root.columnsBarHeight + \"px\";\n this.element.style.left =\n x - this.root.viewport.left + this.root.rowsBarWidth + \"px\";\n this.element.style.width = width + \"px\";\n this.element.style.height = height + \"px\";\n this.element.style.display = \"block\";\n window.addEventListener(\"click\", this.handleClickOutside);\n this.element.addEventListener(\"keydown\", this.handleKeydown);\n this.element.value = initialString ? initialString : cell.value;\n this.element.focus();\n if (!initialString)\n this.element.select();\n }\n handleKeydown = (event) => {\n const { key } = event;\n switch (key) {\n case \"Escape\": {\n this.hide();\n break;\n }\n case \"Enter\": {\n if (!this.root.selection.selectedCell)\n return;\n this.root.changeCellValues(this.root.selection.selectedCell, {\n value: this.element.value,\n displayValue: this.element.value,\n });\n this.root.events.dispatch({\n type: EventTypes.CELL_CHANGE,\n cell: this.root.getCell(this.root.selection.selectedCell),\n });\n this.hide();\n this.root.renderSelection();\n }\n }\n };\n handleClickOutside = (event) => {\n const target = event.target;\n if (!this.element.contains(target)) {\n this.hide();\n }\n };\n}\n","export function checkEqualRanges(range1, range2) {\n const equalRows = range1.from.row === range2.to.row;\n const equalColumns = range1.from.column === range2.to.column;\n return equalRows && equalColumns;\n}\nexport function checkEqualCellSelections(selection1, selection2) {\n return (selection1.column === selection2.column && selection1.row === selection2.row);\n}\n","import { CSS_PREFIX, Selection } from \"../main\";\nimport { EventTypes } from \"../modules/events\";\nimport { checkEqualCellSelections } from \"../utils/position\";\nexport class Scroller {\n element;\n verticalScroller;\n horizontalScroller;\n root;\n isSelecting = false;\n constructor(root) {\n this.root = root;\n const { horizontalScroller, scroller, verticalScroller } = this.buildComponent();\n this.element = scroller;\n this.verticalScroller = verticalScroller;\n this.horizontalScroller = horizontalScroller;\n this.element.style.height = this.root.config.view.height + \"px\";\n this.element.style.width = this.root.config.view.width + \"px\";\n this.element.style.top = this.root.columnsBarHeight + \"px\";\n this.element.style.left = this.root.rowsBarWidth + \"px\";\n this.element.tabIndex = -1;\n this.updateScrollerSize(); //* Init size set\n this.element.addEventListener(\"scroll\", this.handleScroll);\n this.element.addEventListener(\"mousedown\", this.handleClick);\n this.element.addEventListener(\"mousemove\", this.handleMouseMove);\n this.element.addEventListener(\"mouseup\", this.handleMouseUp);\n this.element.addEventListener(\"dblclick\", this.handleDoubleClick);\n this.element.addEventListener(\"keydown\", this.handleKeydown);\n this.element.addEventListener(\"paste\", (event) => {\n if (!this.root.selection.selectedCell)\n return;\n this.root.clipboard.paste(this.root, this.root.selection.selectedCell, event);\n });\n }\n setSelectingMode(mode) {\n this.isSelecting = mode;\n }\n handleMouseMove = (event) => {\n if (!this.isSelecting)\n return;\n const { offsetX, offsetY } = event;\n const lastSelectedCell = this.root.getCellByCoords(offsetX, offsetY);\n let isRangeChanged = false;\n if (this.root.selection.selectedRange) {\n isRangeChanged = !checkEqualCellSelections(this.root.selection.selectedRange.to, lastSelectedCell);\n if (isRangeChanged) {\n this.root.selection.selectedRange.to = lastSelectedCell;\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: this.root.selection,\n enableCallback: true,\n });\n }\n }\n };\n handleMouseUp = () => {\n this.isSelecting = false;\n const newSelection = { ...this.root.selection };\n if (this.root.selection.selectedRange) {\n if (checkEqualCellSelections(this.root.selection.selectedRange.from, this.root.selection.selectedRange.to)) {\n newSelection.selectedRange = null;\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: newSelection,\n enableCallback: false,\n });\n }\n }\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n handleDoubleClick = (event) => {\n event.preventDefault();\n const position = this.root.getCellByCoords(event.offsetX, event.offsetY);\n this.root.showEditor(position);\n };\n handleKeydown = (event) => {\n //* Navigation\n if ([\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) {\n event.preventDefault();\n this.root.selection.selectedRange = null;\n switch (event.key) {\n case \"ArrowLeft\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.column > 0) {\n this.root.selection.selectedCell.column -= 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowRight\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.column <\n this.root.config.columns.length - 1) {\n this.root.selection.selectedCell.column += 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowUp\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.row > 0) {\n this.root.selection.selectedCell.row -= 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowDown\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.row <\n this.root.config.rows.length - 1) {\n this.root.selection.selectedCell.row += 1;\n // this.root.renderSheet();\n }\n break;\n }\n }\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: this.root.selection,\n enableCallback: true,\n });\n }\n //* Start typings\n const keysRegex = /^([a-z]|[а-я]|[0-9])$/;\n if (!event.metaKey && !event.ctrlKey) {\n //* Prevent handle shortcutrs\n const isPressedLetterKey = keysRegex.test(event.key.toLowerCase());\n if (event.key === \"F2\" || isPressedLetterKey) {\n //* English and Russian keyboard. Or F2 button\n event.preventDefault();\n if (!this.root.selection.selectedCell)\n return;\n this.root.showEditor(this.root.selection.selectedCell, isPressedLetterKey ? event.key : undefined);\n }\n }\n if (event.key === \"Delete\") {\n event.preventDefault();\n this.root.deleteSelectedCellsValues();\n this.root.renderSheet();\n }\n if (event.metaKey || event.ctrlKey) {\n if (event.code === \"KeyC\") {\n let cells = undefined;\n const selection = new Selection();\n if (this.root.selection.selectedRange) {\n const { from, to } = this.root.selection.selectedRange;\n selection.selectedRange = this.root.selection.selectedRange;\n const subArrByRows = this.root.data.slice(from.row, to.row + 1);\n const subArrByCols = subArrByRows.map((row) => {\n return row.slice(from.column, to.column + 1);\n });\n cells = [...subArrByCols];\n }\n else if (this.root.selection.selectedCell) {\n const { column, row } = this.root.selection.selectedCell;\n cells = [[this.root.data[row][column]]];\n selection.selectedRange = {\n from: this.root.selection.selectedCell,\n to: this.root.selection.selectedCell,\n };\n }\n else {\n return;\n }\n this.root.clipboard.copy(cells, selection.selectedRange);\n return;\n }\n if (event.code === \"KeyV\") {\n // if (!this.root.selection.selectedCell) return;\n // this.root.clipboard.paste(this.root, this.root.selection.selectedCell);\n }\n }\n };\n handleClick = (event) => {\n this.root.events.dispatch({\n type: EventTypes.CELL_CLICK,\n event,\n scroller: this,\n });\n };\n handleScroll = () => {\n const rect = this.getViewportBoundlingRect();\n this.root.viewport.updateValues(rect);\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n getViewportBoundlingRect() {\n const { scrollTop, scrollLeft } = this.element;\n const { height, width } = this.element.getBoundingClientRect();\n const bottom = scrollTop + height;\n const right = scrollLeft + width;\n return {\n top: scrollTop,\n left: scrollLeft,\n bottom,\n right,\n };\n }\n buildComponent() {\n const scroller = document.createElement(\"div\");\n const verticalScroller = document.createElement(\"div\");\n const horizontalScroller = document.createElement(\"div\");\n const groupScrollers = document.createElement(\"div\");\n const stack = document.createElement(\"div\");\n verticalScroller.style.width = \"0px\";\n verticalScroller.style.pointerEvents = \"none\";\n horizontalScroller.style.pointerEvents = \"none\";\n groupScrollers.style.display = \"flex\";\n stack.appendChild(verticalScroller);\n stack.appendChild(horizontalScroller);\n groupScrollers.appendChild(stack);\n this.verticalScroller = verticalScroller;\n this.horizontalScroller = horizontalScroller;\n scroller.appendChild(groupScrollers);\n scroller.contentEditable = \"false\";\n scroller.classList.add(CSS_PREFIX + \"scroller\");\n return { scroller, verticalScroller, horizontalScroller };\n }\n getActualHeight() {\n return this.root.config.rows.reduce((acc, curr) => {\n acc += curr.height;\n return acc;\n }, 0);\n }\n getActualWidth() {\n return this.root.config.columns.reduce((acc, curr) => {\n acc += curr.width;\n return acc;\n }, 0);\n }\n updateScrollerSize() {\n const totalHeight = this.getActualHeight();\n const totalWidth = this.getActualWidth();\n this.setScrollerHeight(totalHeight);\n this.setScrollerWidth(totalWidth);\n }\n setScrollerHeight(height) {\n this.verticalScroller.style.height = height + \"px\";\n }\n setScrollerWidth(width) {\n this.horizontalScroller.style.width = width + \"px\";\n }\n}\n","import { RenderBox } from \"./renderBox\";\nexport class CellStyles {\n fontSize = 16;\n fontColor = \"black\";\n background = \"white\";\n borderColor = \"black\";\n selectedBackground = \"#4287f5\";\n selectedFontColor = \"#ffffff\";\n constructor(props) {\n if (props) {\n Object.assign(this, props); // Override default styles\n }\n }\n}\nexport class Position {\n row;\n column;\n constructor(row, column) {\n this.row = row;\n this.column = column;\n }\n}\nexport class SerializableCell {\n value;\n displayValue;\n resultValue;\n position;\n style;\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\n this.style = props.style;\n }\n}\nexport class Cell {\n /** True value (data) */\n value;\n /** Value to render */\n displayValue;\n /** This refers to the values that were obtained by calculations, for example, after calculating the formula */\n resultValue;\n position;\n style = null;\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\n this.style = props.style;\n }\n getSerializableCell() {\n const cell = new SerializableCell({\n displayValue: this.displayValue,\n position: this.position,\n resultValue: this.resultValue,\n style: this.style,\n value: this.value,\n });\n return cell;\n }\n changeStyles(styles) {\n this.style = styles;\n }\n changeValues(values) {\n Object.assign(this, values);\n }\n // private isCellInRange(root: Spreadsheet): boolean {\n // const { column, row } = this.position;\n // const { selectedRange } = root.selection;\n // if (!selectedRange) return false;\n // const isCellInRow =\n // row >= Math.min(selectedRange.from.row, selectedRange.to.row) &&\n // row <= Math.max(selectedRange.to.row, selectedRange.from.row);\n // const isCellInCol =\n // column >= Math.min(selectedRange.from.column, selectedRange.to.column) &&\n // column <= Math.max(selectedRange.to.column, selectedRange.from.column);\n // return isCellInCol && isCellInRow;\n // }\n render(root) {\n const renderBox = new RenderBox(root.config, this.position);\n let { x, y } = renderBox;\n const { height, width } = renderBox;\n const { ctx } = root;\n // const isCellSelected =\n // root.selection.selectedCell?.row === this.position.row &&\n // root.selection.selectedCell.column === this.position.column;\n // const isCellInRange = this.isCellInRange(root);\n y -= root.viewport.top;\n x -= root.viewport.left;\n const styles = this.style ?? root.styles.cells;\n ctx.clearRect(x, y, width, height);\n ctx.fillStyle = styles.background;\n ctx.strokeStyle = \"black\";\n ctx.fillRect(x, y, width - 1, height - 1);\n ctx.strokeRect(x, y, width, height);\n ctx.fillStyle = styles.fontColor;\n ctx.textAlign = \"left\";\n ctx.font = `${styles.fontSize}px Arial`;\n ctx.textBaseline = \"middle\";\n ctx.fillText(this.displayValue, x + 2, y + height / 2);\n }\n}\n","import { CSS_PREFIX, RenderBox } from \"../main\";\nimport { Position } from \"../modules/cell\";\n/**\n * Display (CANVAS) element where cells render\n */\nexport class Sheet {\n element;\n ctx;\n root;\n constructor(root) {\n this.root = root;\n const canvas = document.createElement(\"canvas\");\n canvas.classList.add(CSS_PREFIX + \"sheet\");\n //* Set up canvas sizes based on provided root config\n canvas.height = this.root.config.view.height;\n canvas.width = this.root.config.view.width;\n canvas.style.width = this.root.config.view.width + \"px\";\n canvas.style.height = this.root.config.view.height + \"px\";\n canvas.style.left = \"0px\";\n this.element = canvas;\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n }\n getCellByCoords(x, y) {\n let row = 0;\n let height = 0;\n while (height <= y) {\n height += this.root.config.rows[row].height;\n if (height >= y)\n break;\n row++;\n }\n let col = 0;\n let width = 0;\n while (width <= x) {\n width += this.root.config.columns[col].width;\n if (width >= x)\n break;\n col++;\n }\n return new Position(row, col);\n }\n renderCell(position) {\n const { column, row } = position;\n this.root.data[row][column].render(this.root);\n }\n getSelectionRange() {\n const { selectedCell, selectedRange } = this.root.selection;\n if (!selectedCell && !selectedRange)\n return;\n if (selectedRange) {\n const startRow = Math.min(selectedRange.from.row, selectedRange.to.row);\n const startCol = Math.min(selectedRange.from.column, selectedRange.to.column);\n const lastRow = Math.max(selectedRange.from.row, selectedRange.to.row);\n const lastCol = Math.max(selectedRange.from.column, selectedRange.to.column);\n const startCellBox = new RenderBox(this.root.config, {\n row: startRow,\n column: startCol,\n });\n let width = 0;\n for (let col = startCol; col <= lastCol; col++) {\n width += this.root.config.columns[col].width;\n }\n let height = 0;\n for (let row = startRow; row <= lastRow; row++) {\n height += this.root.config.rows[row].height;\n }\n const x = startCellBox.x - this.root.viewport.left;\n const y = startCellBox.y - this.root.viewport.top;\n return { x, y, height, width };\n }\n if (!selectedRange && selectedCell) {\n const box = new RenderBox(this.root.config, selectedCell);\n box.x -= this.root.viewport.left;\n box.y -= this.root.viewport.top;\n return box;\n }\n }\n renderSelectionRange(x, y, width, height) {\n this.ctx.save();\n this.ctx.strokeStyle = \"#47d1ff\";\n this.ctx.lineWidth = 3;\n this.ctx.strokeRect(x, y, width, height);\n this.ctx.fillStyle = \"#7da8ff50\";\n this.ctx.fillRect(x, y, width, height);\n this.ctx.restore();\n }\n renderSelection() {\n const box = this.getSelectionRange();\n if (!box)\n return;\n const { height, width, x, y } = box;\n this.renderSelectionRange(x, y, width, height);\n }\n renderSheet() {\n const firstRowIdx = this.root.viewport.firstRow;\n const lastColIdx = this.root.viewport.lastCol + 3;\n const lastRowIdx = this.root.viewport.lastRow + 3;\n const firstColIdx = this.root.viewport.firstCol;\n for (let row = firstRowIdx; row <= lastRowIdx; row++) {\n for (let col = firstColIdx; col <= lastColIdx; col++) {\n if (!this.root.config.columns[col] || !this.root.config.rows[row])\n break; //* Prevent read undefined\n this.renderCell({ column: col, row });\n }\n }\n this.renderSelection();\n }\n}\n","import { CSS_PREFIX } from \"../main\";\n/** Base (root) component */\nexport class Table {\n element;\n root;\n constructor(root) {\n this.root = root;\n const container = document.createElement(\"div\");\n container.classList.add(CSS_PREFIX + \"spreadsheet_container\");\n this.element = container;\n this.changeElementSizes(this.root.viewProps);\n }\n changeElementSizes(sizes) {\n const { height, width } = sizes;\n this.element.style.width = width + this.root.rowsBarWidth + \"px\";\n this.element.style.height = height + this.root.columnsBarHeight + \"px\";\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nexport class Toolbar {\n element;\n root;\n height = 0;\n constructor(root) {\n this.root = root;\n const toolbarElement = document.createElement(\"div\");\n toolbarElement.classList.add(CSS_PREFIX + \"toolbar\");\n this.element = toolbarElement;\n }\n}\n","export class Config {\n rows;\n columns;\n view = {\n width: 800,\n height: 600,\n };\n onCellClick = null;\n onSelectonChange = null;\n onCellChange = null;\n onCopy;\n constructor(props) {\n this.columns = props.columns;\n this.rows = props.rows;\n this.view = props.view;\n this.onCellClick = props.onCellClick ?? null;\n this.onSelectonChange = props.onSelectionChange ?? null;\n this.onCellChange = props.onCellChange ?? null;\n this.onCopy = props.onCopy ?? null;\n }\n}\n","export class Selection {\n selectedCell = null;\n selectedRange = null;\n}\n","import { CellStyles } from \"./cell\";\nexport class Styles {\n cells;\n constructor() {\n this.cells = new CellStyles();\n }\n}\n","export class Viewport {\n root;\n top;\n left;\n right;\n bottom;\n firstRow;\n lastRow;\n firstCol;\n lastCol;\n constructor(root, props) {\n this.root = root;\n this.top = props.top;\n this.left = props.left;\n this.right = props.right;\n this.bottom = props.bottom;\n this.firstRow = this.getFirstRow();\n this.lastCol = this.getFirstRow(); //!Temp\n this.firstCol = this.getFirstRow(); //!Temp\n this.lastRow = this.getLastRow();\n this.updateValues({\n top: 0,\n left: 0,\n right: this.root.viewProps.width,\n bottom: this.root.viewProps.height,\n });\n }\n updateValues(props) {\n this.top = props.top;\n this.left = props.left;\n this.right = props.right;\n this.bottom = props.bottom;\n this.firstRow = this.getFirstRow();\n this.lastRow = this.getLastRow();\n this.firstCol = this.getFirstCol();\n this.lastCol = this.getLastCol();\n }\n /** Get index of first row in viewport */\n getFirstRow() {\n const rowIdx = this.root.cache.getRowByYCoord(this.top);\n return rowIdx;\n }\n getLastRow() {\n const rowIdx = this.root.cache.getRowByYCoord(this.bottom);\n return rowIdx;\n }\n getFirstCol() {\n const colIdx = this.root.cache.getColumnByXCoord(this.left);\n return colIdx;\n }\n getLastCol() {\n const colIdx = this.root.cache.getColumnByXCoord(this.right);\n return colIdx;\n }\n}\n","export class Column {\n width;\n title;\n constructor(props) {\n this.width = props.width;\n this.title = props.title;\n }\n}\n","export class Row {\n height;\n title;\n constructor(props) {\n this.height = props.height;\n this.title = props.title;\n }\n}\n","import { Cell } from \"../modules/cell\";\nimport { Column } from \"../modules/column\";\nimport { Config } from \"../modules/config\";\nimport { Row } from \"../modules/row\";\nexport function createSampleData(rows, columns, fillCellsByCoords = false) {\n const data = [];\n for (let row = 0; row <= rows; row++) {\n const innerRow = [];\n for (let col = 0; col <= columns; col++) {\n const value = fillCellsByCoords ? `${row}:${col}` : \"\";\n const cell = new Cell({\n displayValue: value,\n resultValue: value,\n value,\n position: {\n column: col,\n row: row,\n },\n style: null,\n });\n innerRow.push(cell);\n }\n data.push(innerRow);\n }\n return data;\n}\nexport function createSampleConfig(rows, columns) {\n const rowsArr = [];\n for (let i = 0; i <= rows; i++) {\n const rowItem = new Row({\n height: 40,\n title: String(i),\n });\n rowsArr.push(rowItem);\n }\n const colsArr = [];\n for (let i = 0; i <= columns; i++) {\n const colItem = new Column({\n title: String(i),\n width: 150,\n });\n colsArr.push(colItem);\n }\n const config = new Config({\n columns: colsArr,\n rows: rowsArr,\n view: {\n height: 600,\n width: 800,\n },\n });\n return config;\n}\nexport function makeSpreadsheetConfigAndData(rows, columns) {\n const data = createSampleData(rows, columns);\n const config = createSampleConfig(rows, columns);\n return { data, config };\n}\n","export class CachedColumn {\n xPos;\n colIdx;\n constructor(props) {\n this.xPos = props.xPos;\n this.colIdx = props.colIdx;\n }\n}\nexport class CachedRow {\n yPos;\n rowIdx;\n constructor(props) {\n this.yPos = props.yPos;\n this.rowIdx = props.rowIdx;\n }\n}\nexport class Cache {\n columns;\n rows;\n constructor(initial) {\n this.columns = initial.columns;\n this.rows = initial.rows;\n }\n getRowByYCoord(y) {\n let rowIdx = 0;\n for (let i = 0; i < this.rows.length; i++) {\n if (y <= this.rows[i].yPos) {\n //* Intersection detect\n rowIdx = i;\n break;\n }\n }\n return rowIdx;\n }\n getColumnByXCoord(x) {\n let colIdx = 0;\n for (let i = 0; i < this.columns.length; i++) {\n if (x <= this.columns[i].xPos) {\n //* Intersection detect\n colIdx = i;\n break;\n }\n }\n return colIdx;\n }\n}\n","import { RenderBox } from \"../main\";\nexport class ColumnsBar {\n element;\n root;\n height = 35;\n width;\n // private resizerWidth = 1;\n ctx;\n constructor(root) {\n this.root = root;\n this.element = this.createElement();\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n this.width = this.root.viewProps.width;\n }\n createElement() {\n const element = document.createElement(\"canvas\");\n element.style.position = \"absolute\";\n element.style.height = this.height + \"px\";\n element.style.width = this.root.viewProps.width + \"px\";\n element.style.display = \"block\";\n element.style.borderLeft = \"1px solid black\";\n // element.style.boxSizing = 'border-box'\n element.width = this.root.viewProps.width;\n element.height = this.height;\n return element;\n }\n setElementPosition(top, left) {\n this.element.style.top = top + \"px\";\n this.element.style.left = left + \"px\";\n }\n isColumnSelected(column) {\n const { selectedCell, selectedRange } = this.root.selection;\n if (selectedCell && selectedCell.column === column)\n return true;\n if (selectedRange) {\n const inRange = column >=\n Math.min(selectedRange.from.column, selectedRange.to.column) &&\n column <= Math.max(selectedRange.from.column, selectedRange.to.column);\n return inRange;\n }\n return false;\n }\n // private getYCoordWithOffset(renderBox: RenderBox): number {\n // const {y} = renderBox\n // return y + this.root.toolbarHeight\n // }\n // private getXCoordWithOffset(renderBox: RenderBox): number {\n // const {x} = renderBox\n // return x\n // }\n renderText(column, renderBox) {\n const { width, x } = renderBox;\n this.ctx.fillStyle = \"black\";\n this.ctx.textAlign = \"center\";\n this.ctx.textBaseline = \"middle\";\n this.ctx.font = \"12px Arial\";\n this.ctx.fillText(this.root.config.columns[column].title, x + width / 2 - this.root.viewport.left, 0 + this.height / 2);\n }\n renderRect(column, renderBox) {\n const { width, x } = renderBox;\n const isColSelected = this.isColumnSelected(column);\n this.ctx.fillStyle = isColSelected ? \"#c7ebff\" : \"white\";\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 1;\n const specialX = x - this.root.viewport.left;\n this.ctx.fillRect(specialX - 1, 0, width, this.height);\n this.ctx.strokeRect(specialX - 1, 0, width, this.height);\n }\n renderSingleColumn(column) {\n const renderBox = new RenderBox(this.root.config, {\n row: 0,\n column: column,\n });\n this.renderRect(column, renderBox);\n this.renderText(column, renderBox);\n }\n renderBar() {\n const lastColIdx = this.root.viewport.lastCol + 3;\n const firstColIdx = this.root.viewport.firstCol;\n this.ctx.beginPath();\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 1;\n this.ctx.moveTo(0, 0);\n this.ctx.lineTo(0, this.height);\n this.ctx.closePath();\n this.ctx.stroke();\n for (let col = firstColIdx; col <= lastColIdx; col++) {\n if (!this.root.config.columns[col])\n break;\n this.renderSingleColumn(col);\n }\n }\n}\n","import { RenderBox } from \"../main\";\nexport class RowsBar {\n element;\n ctx;\n root;\n width = 35;\n height;\n resizerHeight = 1;\n constructor(root) {\n this.root = root;\n this.element = this.createElement();\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n this.height = this.root.viewProps.height;\n }\n createElement() {\n const element = document.createElement(\"canvas\");\n element.style.position = \"absolute\";\n element.style.height = this.root.viewProps.height + \"px\";\n element.style.width = this.width + \"px\";\n element.style.display = \"block\";\n element.style.borderTop = \"1px solid black\";\n // element.style.boxSizing = 'border-box'\n element.width = this.width;\n element.height = this.root.viewProps.height;\n return element;\n }\n setElementPosition(top, left) {\n this.element.style.top = top + \"px\";\n this.element.style.left = left + \"px\";\n }\n isRowSelected(row) {\n const { selectedCell, selectedRange } = this.root.selection;\n if (selectedCell && selectedCell.row === row)\n return true;\n if (selectedRange) {\n const inRange = row >= Math.min(selectedRange.from.row, selectedRange.to.row) &&\n row <= Math.max(selectedRange.from.row, selectedRange.to.row);\n return inRange;\n }\n return false;\n }\n renderText(row, renderBox) {\n const { y, height } = renderBox;\n this.ctx.fillStyle = \"black\";\n this.ctx.textAlign = \"center\";\n this.ctx.textBaseline = \"middle\";\n this.ctx.font = \"12px Arial\";\n this.ctx.fillText(this.root.config.rows[row].title, this.width / 2, y - this.root.viewport.top + height / 2);\n }\n renderRect(column, renderBox) {\n const { y, height } = renderBox;\n const isRowSeleted = this.isRowSelected(column);\n this.ctx.fillStyle = isRowSeleted ? \"#c7ebff\" : \"white\";\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = this.resizerHeight;\n const specialY = y - this.root.viewport.top;\n this.ctx.fillRect(0, specialY - 1, this.width, height);\n this.ctx.strokeRect(0, specialY - 1, this.width, height);\n }\n renderSingleRow(row) {\n const renderBox = new RenderBox(this.root.config, {\n column: 0,\n row: row,\n });\n this.renderRect(row, renderBox);\n this.renderText(row, renderBox);\n }\n renderBar() {\n const lastRowIdx = this.root.viewport.lastRow + 3;\n const firstRowIdx = this.root.viewport.firstRow;\n this.ctx.beginPath();\n this.ctx.moveTo(0, 0);\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 16;\n this.ctx.lineTo(35, 0);\n this.ctx.closePath();\n this.ctx.stroke();\n for (let row = firstRowIdx; row <= lastRowIdx; row++) {\n if (!this.root.config.rows[row])\n break;\n this.renderSingleRow(row);\n }\n }\n}\n","import { Cell, CellStyles } from \"./cell\";\nimport { EventTypes } from \"./events\";\nexport class Clipboard {\n saved = null;\n root;\n constructor(root) {\n this.root = root;\n }\n copy(data, range) {\n const mapedData = data\n .map((row) => {\n return row\n .map((item) => {\n return item.displayValue;\n })\n .join(\"\\t\");\n })\n .join(\"\\n\");\n this.saved = data;\n navigator.clipboard.writeText(mapedData);\n this.root.events.dispatch({\n type: EventTypes.COPY_CELLS,\n data,\n dataAsString: mapedData,\n range,\n });\n }\n paste(root, { column, row }, event) {\n if (!this.saved) {\n if (!event.clipboardData)\n return;\n const data = event.clipboardData.getData(\"text\");\n try {\n const arr = data.split(\"\\n\").map((item) => item.split(\"\\t\"));\n const arrayOfCells = arr.map((innerRow) => {\n return innerRow.map((item) => {\n const cellProps = {\n displayValue: item,\n position: {\n column,\n row,\n },\n resultValue: item,\n style: new CellStyles(),\n value: item,\n };\n return new Cell(cellProps);\n });\n });\n const rowsLength = arrayOfCells.length;\n const colsLength = arrayOfCells[0] ? arrayOfCells[0].length : 0;\n for (let i = 0; i < rowsLength; i++) {\n for (let j = 0; j < colsLength; j++) {\n const savedCell = arrayOfCells[i][j];\n const position = {\n column: column + j,\n row: row + i,\n };\n const values = {\n displayValue: savedCell.displayValue,\n value: savedCell.value,\n style: savedCell.style,\n };\n root.changeCellValues(position, values, false);\n }\n }\n }\n catch (err) {\n console.error(\"Cannot read clipboard. \", err);\n }\n root.renderSheet();\n return;\n }\n const rowsLength = this.saved.length;\n const colsLength = this.saved[0] ? this.saved[0].length : 0;\n for (let i = 0; i < rowsLength; i++) {\n for (let j = 0; j < colsLength; j++) {\n const savedCell = this.saved[i][j];\n const position = {\n column: column + j,\n row: row + i,\n };\n const values = {\n displayValue: savedCell.displayValue,\n value: savedCell.value,\n style: savedCell.style,\n };\n root.changeCellValues(position, values, false);\n }\n }\n }\n}\n","import { Editor } from \"./components/editor\";\nimport { Scroller } from \"./components/scroller\";\nimport { Sheet } from \"./components/sheet\";\nimport { Table } from \"./components/table\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { Cell, } from \"./modules/cell\";\nimport { Config, } from \"./modules/config\";\nimport { Selection } from \"./modules/selection\";\nimport { Styles } from \"./modules/styles\";\nimport { Viewport } from \"./modules/viewport\";\nimport \"./scss/main.scss\";\nimport { createSampleData } from \"./utils/createData\";\nimport { Cache, CachedColumn, CachedRow } from \"./modules/cache\";\nimport { Row } from \"./modules/row\";\nimport { Column } from \"./modules/column\";\nimport { ColumnsBar } from \"./components/columnsBar\";\nimport { RowsBar } from \"./components/rowsBar\";\nimport { EventTypes, Events } from \"./modules/events\";\nimport { Clipboard } from \"./modules/clipboard\";\nexport const CSS_PREFIX = \"modern_sc_\";\nexport default class Spreadsheet {\n table;\n scroller;\n toolbar;\n rowsBar;\n columnsBar;\n sheet;\n editor;\n styles;\n config;\n data;\n viewport;\n selection;\n cache;\n events;\n clipboard;\n constructor(target, props) {\n const data = createSampleData(40, 40);\n const config = this.makeConfigFromData(data, props?.view ?? { height: 600, width: 800 });\n if (props?.view) {\n config.view = props.view;\n }\n this.config = new Config(config);\n this.config.onCellClick = props?.onCellClick ?? null;\n this.config.onSelectonChange = props?.onSelectionChange ?? null;\n this.config.onCellChange = props?.onCellChange ?? null;\n this.config.onCopy = props?.onCopy ?? null;\n this.rowsBar = new RowsBar(this);\n this.columnsBar = new ColumnsBar(this);\n this.sheet = new Sheet(this);\n this.table = new Table(this);\n this.scroller = new Scroller(this);\n this.toolbar = new Toolbar(this);\n this.editor = new Editor(this);\n this.cache = this.getInitialCache();\n this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect());\n this.selection = new Selection();\n this.events = new Events(this);\n this.clipboard = new Clipboard(this);\n this.data = data;\n this.styles = new Styles();\n this.buildComponent();\n this.setElementsPositions();\n this.appendTableToTarget(target);\n this.renderSheet();\n this.renderColumnsBar();\n this.renderRowsBar();\n }\n setRowsBarPosition() {\n const top = this.columnsBar.height + this.toolbar.height;\n const left = 0;\n this.rowsBar.setElementPosition(top, left);\n }\n setColumnsBarPosition() {\n const top = this.toolbar.height;\n const left = this.rowsBar.width;\n this.columnsBar.setElementPosition(top, left);\n }\n setElementsPositions() {\n this.setRowsBarPosition();\n this.setColumnsBarPosition();\n }\n getInitialCache() {\n const cachedCols = [];\n let currentWidth = 0;\n for (let i = 0; i <= this.config.columns.length - 1; i++) {\n const col = this.config.columns[i];\n currentWidth += col.width;\n const cacheCol = new CachedColumn({\n xPos: currentWidth,\n colIdx: i,\n });\n cachedCols.push(cacheCol);\n }\n const cachedRows = [];\n let currentHeight = 0;\n for (let i = 0; i <= this.config.rows.length - 1; i++) {\n const row = this.config.rows[i];\n currentHeight += row.height;\n const cacheRow = new CachedRow({\n yPos: currentHeight,\n rowIdx: i,\n });\n cachedRows.push(cacheRow);\n }\n const cache = new Cache({\n columns: cachedCols,\n rows: cachedRows,\n });\n return cache;\n }\n buildComponent() {\n const content = document.createElement(\"div\"); //* Abstract\n content.style.top = this.columnsBarHeight + \"px\";\n content.style.left = this.rowsBarWidth + \"px\";\n content.appendChild(this.sheet.element);\n content.classList.add(CSS_PREFIX + \"content\");\n this.table.element.appendChild(this.toolbar.element);\n this.table.element.appendChild(this.rowsBar.element);\n this.table.element.appendChild(this.columnsBar.element);\n this.table.element.appendChild(content);\n this.table.element.appendChild(this.scroller.element);\n this.table.element.append(this.editor.element);\n }\n /**Destroy spreadsheet DOM element.\n *\n * May be usefull when need to rerender component.\n */\n destroy() {\n this.table.element.remove();\n }\n appendTableToTarget(target) {\n if (typeof target === \"string\") {\n const element = document.querySelector(target);\n if (!element)\n throw new Error(`Element with selector ${target} is not finded in DOM.\\n Make sure it exists.`);\n element?.appendChild(this.table.element);\n }\n if (target instanceof HTMLElement) {\n target.append(this.table.element);\n }\n }\n /** Canvas rendering context 2D.\n *\n * Abble to draw on canvas with default CanvasAPI methods\n */\n get ctx() {\n return this.sheet.ctx;\n }\n get viewProps() {\n return this.config.view;\n }\n get columnsBarHeight() {\n return this.columnsBar.height;\n }\n get rowsBarWidth() {\n return this.rowsBar.width;\n }\n get toolbarHeight() {\n return this.toolbar.height;\n }\n /** Focusing on interactive part of spreadsheet */\n focusTable() {\n this.scroller.element.focus();\n }\n getCellByCoords(x, y) {\n return this.sheet.getCellByCoords(x, y);\n }\n getCell(position) {\n const { column, row } = position;\n return this.data[row][column];\n }\n changeCellValues(position, values, enableCallback = true) {\n const { column, row } = position;\n this.data[row][column].changeValues(values);\n this.events.dispatch({\n type: EventTypes.CELL_CHANGE,\n cell: this.data[row][column],\n enableCallback: enableCallback\n });\n this.renderCell(row, column);\n }\n changeCellStyles(position, styles) {\n const { column, row } = position;\n this.data[row][column].changeStyles(styles);\n this.renderCell(row, column);\n }\n applyActionToRange(range, callback) {\n const fromRow = Math.min(range.from.row, range.to.row);\n const toRow = Math.max(range.from.row, range.to.row);\n const fromCol = Math.min(range.from.column, range.to.column);\n const toCol = Math.max(range.from.column, range.to.column);\n for (let row = fromRow; row <= toRow; row++) {\n for (let col = fromCol; col <= toCol; col++) {\n const cell = this.data[row][col];\n callback(cell);\n }\n }\n }\n deleteSelectedCellsValues() {\n if (this.selection.selectedRange !== null) {\n this.applyActionToRange(this.selection.selectedRange, (cell) => {\n this.changeCellValues(cell.position, {\n displayValue: \"\",\n resultValue: \"\",\n value: \"\",\n });\n });\n }\n else {\n if (!this.selection.selectedCell)\n return;\n this.changeCellValues(this.selection.selectedCell, {\n displayValue: \"\",\n resultValue: \"\",\n value: \"\",\n });\n }\n }\n showEditor(position, initialString) {\n this.editor.show(position, initialString);\n }\n renderSheet() {\n this.sheet.renderSheet();\n }\n renderSelection() {\n this.sheet.renderSelection();\n }\n renderColumnsBar() {\n this.columnsBar.renderBar();\n }\n renderRowsBar() {\n this.rowsBar.renderBar();\n }\n renderCell(row, col) {\n this.data[row][col].render(this);\n }\n loadData(data) {\n const rowsLength = data.length;\n const colsLength = data[0] ? data[0].length : 0;\n console.log(\"!!FORMATTED DATA\", rowsLength, colsLength, data[0]);\n this.data = [];\n const formattedData = [];\n // Transform serialized objects to Cells\n for (let row = 0; row < rowsLength; row++) {\n const innerRow = [];\n for (let col = 0; col < colsLength; col++) {\n const cell = data[row][col];\n innerRow.push(new Cell({\n displayValue: cell.displayValue,\n position: cell.position,\n resultValue: cell.resultValue,\n value: cell.value,\n style: cell.style,\n }));\n }\n formattedData.push(innerRow);\n }\n this.data = formattedData;\n this.selection.selectedCell = null;\n this.selection.selectedRange = null;\n this.config = this.makeConfigFromData(formattedData, this.config.view);\n this.cache = this.getInitialCache();\n this.scroller.updateScrollerSize();\n this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect());\n this.renderSheet();\n return this;\n }\n makeConfigFromData(data, view) {\n const lastRowIdx = data.length - 1;\n const lastColIdx = data[0] ? data[0].length : 0;\n const rows = [];\n for (let row = 0; row < lastRowIdx; row++) {\n rows.push(new Row({\n height: 40,\n title: String(row),\n }));\n }\n const columns = [];\n for (let col = 0; col < lastColIdx; col++) {\n columns.push(new Column({\n width: 150,\n title: String(col),\n }));\n }\n const config = new Config({\n view,\n rows,\n columns,\n onCellClick: null,\n });\n return config;\n }\n serializeData() {\n const rowsLength = this.data.length;\n const colsLength = this.data[0] ? this.data[0].length : 0;\n const cellsArray = [];\n for (let row = 0; row < rowsLength; row++) {\n const innerRow = [];\n for (let col = 0; col < colsLength; col++) {\n innerRow.push(this.data[row][col].getSerializableCell());\n }\n cellsArray.push(innerRow);\n }\n return cellsArray;\n }\n}\nexport * from \"./modules/cache\";\nexport * from \"./modules/cell\";\nexport * from \"./modules/column\";\nexport * from \"./modules/config\";\nexport * from \"./modules/renderBox\";\nexport * from \"./modules/row\";\nexport * from \"./modules/selection\";\nexport * from \"./modules/styles\";\nexport * from \"./modules/viewport\";\nexport * from \"./utils/createData\";\n"],"names":["EventTypes","Events","root","__publicField","event","scroller","offsetX","offsetY","clickedCell","cell","selection","Selection","_b","_a","enableCallback","range","data","dataAsString","action","RenderBox","config","cellPosition","column","x","i","row","y","Editor","key","target","element","CSS_PREFIX","position","initialString","height","width","checkEqualCellSelections","selection1","selection2","Scroller","lastSelectedCell","isRangeChanged","newSelection","keysRegex","isPressedLetterKey","cells","from","to","rect","horizontalScroller","verticalScroller","mode","scrollTop","scrollLeft","bottom","right","groupScrollers","stack","acc","curr","totalHeight","totalWidth","CellStyles","props","Position","SerializableCell","Cell","styles","values","renderBox","ctx","Sheet","canvas","col","selectedCell","selectedRange","startRow","startCol","lastRow","lastCol","startCellBox","box","firstRowIdx","lastColIdx","lastRowIdx","firstColIdx","Table","container","sizes","Toolbar","toolbarElement","Config","Styles","Viewport","Column","Row","createSampleData","rows","columns","fillCellsByCoords","innerRow","value","createSampleConfig","rowsArr","rowItem","colsArr","colItem","makeSpreadsheetConfigAndData","CachedColumn","CachedRow","Cache","initial","rowIdx","colIdx","ColumnsBar","top","left","isColSelected","specialX","RowsBar","isRowSeleted","specialY","Clipboard","mapedData","item","arrayOfCells","cellProps","rowsLength","colsLength","j","savedCell","err","Spreadsheet","cachedCols","currentWidth","cacheCol","cachedRows","currentHeight","cacheRow","content","callback","fromRow","toRow","fromCol","toCol","formattedData","view","cellsArray"],"mappings":"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"} \ No newline at end of file diff --git a/dist/main.d.ts b/dist/main.d.ts index 90af66f..074b148 100644 --- a/dist/main.d.ts +++ b/dist/main.d.ts @@ -62,6 +62,7 @@ export default class Spreadsheet { deleteSelectedCellsValues(): void; showEditor(position: Position, initialString?: string): void; renderSheet(): void; + renderSelection(): void; renderColumnsBar(): void; renderRowsBar(): void; renderCell(row: number, col: number): void; diff --git a/dist/main.js b/dist/main.js index 904a18c..e619702 100644 --- a/dist/main.js +++ b/dist/main.js @@ -1,10 +1,10 @@ var I = Object.defineProperty; var A = (r, t, e) => t in r ? I(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e; var s = (r, t, e) => (A(r, typeof t != "symbol" ? t + "" : t, e), e); -var d; +var u; (function(r) { r.CELL_CLICK = "CELL_CLICK", r.SELECTION_CHANGE = "CHANGE_SELECTION", r.CELL_CHANGE = "CELL_CHANGE", r.COPY_CELLS = "COPY_CELLS"; -})(d || (d = {})); +})(u || (u = {})); class P { constructor(t) { s(this, "root"); @@ -30,22 +30,22 @@ class P { } dispatch(t) { switch (t.type) { - case d.CELL_CLICK: { + case u.CELL_CLICK: { const { event: e, scroller: o } = t; this.cellClick(e, o); break; } - case d.SELECTION_CHANGE: { + case u.SELECTION_CHANGE: { const { selection: e, enableCallback: o } = t; this.changeSelection(e, o); break; } - case d.CELL_CHANGE: { + case u.CELL_CHANGE: { const { cell: e, enableCallback: o } = t; this.changeCellValues(e, o); break; } - case d.COPY_CELLS: { + case u.COPY_CELLS: { const { data: e, dataAsString: o, range: l } = t; this.copy(l, e, o); break; @@ -57,7 +57,7 @@ class P { e && ((l = (o = this.root.config).onCellChange) == null || l.call(o, t)); } } -class y { +class g { constructor(t, e) { s(this, "x"); s(this, "y"); @@ -96,9 +96,9 @@ class T { value: this.element.value, displayValue: this.element.value }), this.root.events.dispatch({ - type: d.CELL_CHANGE, + type: u.CELL_CHANGE, cell: this.root.getCell(this.root.selection.selectedCell) - }), this.hide(); + }), this.hide(), this.root.renderSelection(); } } }); @@ -108,17 +108,17 @@ class T { }); this.root = t; const e = document.createElement("input"); - e.classList.add(m + "editor"), this.element = e, this.hide(); + e.classList.add(f + "editor"), this.element = e, this.hide(); } hide() { this.element.style.display = "none", this.element.classList.add("hide"), this.element.blur(), window.removeEventListener("click", this.handleClickOutside), this.element.removeEventListener("keydown", this.handleKeydown), this.root.focusTable(); } show(t, e) { - const { height: o, width: l, x: i, y: n } = new y(this.root.config, t), h = this.root.getCell(t); + const { height: o, width: l, x: i, y: n } = new g(this.root.config, t), h = this.root.getCell(t); this.element.classList.remove("hide"), this.element.style.top = n - this.root.viewport.top + this.root.columnsBarHeight + "px", this.element.style.left = i - this.root.viewport.left + this.root.rowsBarWidth + "px", this.element.style.width = l + "px", this.element.style.height = o + "px", this.element.style.display = "block", window.addEventListener("click", this.handleClickOutside), this.element.addEventListener("keydown", this.handleKeydown), this.element.value = e || h.value, this.element.focus(), e || this.element.select(); } } -function b(r, t) { +function S(r, t) { return r.column === t.column && r.row === t.row; } class H { @@ -133,8 +133,8 @@ class H { return; const { offsetX: e, offsetY: o } = t, l = this.root.getCellByCoords(e, o); let i = !1; - this.root.selection.selectedRange && (i = !b(this.root.selection.selectedRange.to, l), i && (this.root.selection.selectedRange.to = l, this.root.events.dispatch({ - type: d.SELECTION_CHANGE, + this.root.selection.selectedRange && (i = !S(this.root.selection.selectedRange.to, l), i && (this.root.selection.selectedRange.to = l, this.root.events.dispatch({ + type: u.SELECTION_CHANGE, selection: this.root.selection, enableCallback: !0 }))); @@ -142,8 +142,8 @@ class H { s(this, "handleMouseUp", () => { this.isSelecting = !1; const t = { ...this.root.selection }; - this.root.selection.selectedRange && b(this.root.selection.selectedRange.from, this.root.selection.selectedRange.to) && (t.selectedRange = null, this.root.events.dispatch({ - type: d.SELECTION_CHANGE, + this.root.selection.selectedRange && S(this.root.selection.selectedRange.from, this.root.selection.selectedRange.to) && (t.selectedRange = null, this.root.events.dispatch({ + type: u.SELECTION_CHANGE, selection: t, enableCallback: !1 })), this.root.renderSheet(), this.root.renderColumnsBar(), this.root.renderRowsBar(); @@ -174,7 +174,7 @@ class H { } } this.root.events.dispatch({ - type: d.SELECTION_CHANGE, + type: u.SELECTION_CHANGE, selection: this.root.selection, enableCallback: !0 }); @@ -189,7 +189,7 @@ class H { } } if (t.key === "Delete" && (t.preventDefault(), this.root.deleteSelectedCellsValues(), this.root.renderSheet()), t.metaKey || t.ctrlKey) { - if (console.log(t.code), t.code === "KeyC") { + if (t.code === "KeyC") { let o; const l = new v(); if (this.root.selection.selectedRange) { @@ -211,7 +211,7 @@ class H { }); s(this, "handleClick", (t) => { this.root.events.dispatch({ - type: d.CELL_CLICK, + type: u.CELL_CLICK, event: t, scroller: this }); @@ -240,7 +240,7 @@ class H { } buildComponent() { const t = document.createElement("div"), e = document.createElement("div"), o = document.createElement("div"), l = document.createElement("div"), i = document.createElement("div"); - return e.style.width = "0px", e.style.pointerEvents = "none", o.style.pointerEvents = "none", l.style.display = "flex", i.appendChild(e), i.appendChild(o), l.appendChild(i), this.verticalScroller = e, this.horizontalScroller = o, t.appendChild(l), t.contentEditable = "false", t.classList.add(m + "scroller"), { scroller: t, verticalScroller: e, horizontalScroller: o }; + return e.style.width = "0px", e.style.pointerEvents = "none", o.style.pointerEvents = "none", l.style.display = "flex", i.appendChild(e), i.appendChild(o), l.appendChild(i), this.verticalScroller = e, this.horizontalScroller = o, t.appendChild(l), t.contentEditable = "false", t.classList.add(f + "scroller"), { scroller: t, verticalScroller: e, horizontalScroller: o }; } getActualHeight() { return this.root.config.rows.reduce((t, e) => (t += e.height, t), 0); @@ -270,14 +270,14 @@ class R { t && Object.assign(this, t); } } -class M { +class D { constructor(t, e) { s(this, "row"); s(this, "column"); this.row = t, this.column = e; } } -class _ { +class M { constructor(t) { s(this, "value"); s(this, "displayValue"); @@ -287,7 +287,7 @@ class _ { this.value = t.value, this.displayValue = t.displayValue, this.resultValue = t.resultValue, this.position = t.position, this.style = t.style; } } -class x { +class p { constructor(t) { /** True value (data) */ s(this, "value"); @@ -300,7 +300,7 @@ class x { this.value = t.value, this.displayValue = t.displayValue, this.resultValue = t.resultValue, this.position = t.position, this.style = t.style; } getSerializableCell() { - return new _({ + return new M({ displayValue: this.displayValue, position: this.position, resultValue: this.resultValue, @@ -314,31 +314,35 @@ class x { changeValues(t) { Object.assign(this, t); } - isCellInRange(t) { - const { column: e, row: o } = this.position, { selectedRange: l } = t.selection; - if (!l) - return !1; - const i = o >= Math.min(l.from.row, l.to.row) && o <= Math.max(l.to.row, l.from.row); - return e >= Math.min(l.from.column, l.to.column) && e <= Math.max(l.to.column, l.from.column) && i; - } + // private isCellInRange(root: Spreadsheet): boolean { + // const { column, row } = this.position; + // const { selectedRange } = root.selection; + // if (!selectedRange) return false; + // const isCellInRow = + // row >= Math.min(selectedRange.from.row, selectedRange.to.row) && + // row <= Math.max(selectedRange.to.row, selectedRange.from.row); + // const isCellInCol = + // column >= Math.min(selectedRange.from.column, selectedRange.to.column) && + // column <= Math.max(selectedRange.to.column, selectedRange.from.column); + // return isCellInCol && isCellInRow; + // } render(t) { - var C; - const e = new y(t.config, this.position); + const e = new g(t.config, this.position); let { x: o, y: l } = e; - const { height: i, width: n } = e, { ctx: h } = t, c = ((C = t.selection.selectedCell) == null ? void 0 : C.row) === this.position.row && t.selection.selectedCell.column === this.position.column, a = this.isCellInRange(t); + const { height: i, width: n } = e, { ctx: h } = t; l -= t.viewport.top, o -= t.viewport.left; - const u = this.style ?? t.styles.cells; - h.clearRect(o, l, n, i), h.fillStyle = c || a ? u.selectedBackground : u.background, h.strokeStyle = "black", h.fillRect(o, l, n - 1, i - 1), h.strokeRect(o, l, n, i), h.fillStyle = c || a ? u.selectedFontColor : u.fontColor, h.textAlign = "left", h.font = `${u.fontSize}px Arial`, h.textBaseline = "middle", h.fillText(this.displayValue, o + 2, l + i / 2); + const c = this.style ?? t.styles.cells; + h.clearRect(o, l, n, i), h.fillStyle = c.background, h.strokeStyle = "black", h.fillRect(o, l, n - 1, i - 1), h.strokeRect(o, l, n, i), h.fillStyle = c.fontColor, h.textAlign = "left", h.font = `${c.fontSize}px Arial`, h.textBaseline = "middle", h.fillText(this.displayValue, o + 2, l + i / 2); } } -class D { +class _ { constructor(t) { s(this, "element"); s(this, "ctx"); s(this, "root"); this.root = t; const e = document.createElement("canvas"); - e.classList.add(m + "sheet"), e.height = this.root.config.view.height, e.width = this.root.config.view.width, e.style.width = this.root.config.view.width + "px", e.style.height = this.root.config.view.height + "px", e.style.left = "0px", this.element = e; + e.classList.add(f + "sheet"), e.height = this.root.config.view.height, e.width = this.root.config.view.width, e.style.width = this.root.config.view.width + "px", e.style.height = this.root.config.view.height + "px", e.style.left = "0px", this.element = e; const o = this.element.getContext("2d"); if (!o) throw new Error("Enable hardware acceleration"); @@ -351,17 +355,51 @@ class D { let i = 0, n = 0; for (; n <= t && (n += this.root.config.columns[i].width, !(n >= t)); ) i++; - return new M(o, i); + return new D(o, i); } renderCell(t) { const { column: e, row: o } = t; this.root.data[o][e].render(this.root); } + getSelectionRange() { + const { selectedCell: t, selectedRange: e } = this.root.selection; + if (!(!t && !e)) { + if (e) { + const o = Math.min(e.from.row, e.to.row), l = Math.min(e.from.column, e.to.column), i = Math.max(e.from.row, e.to.row), n = Math.max(e.from.column, e.to.column), h = new g(this.root.config, { + row: o, + column: l + }); + let c = 0; + for (let d = l; d <= n; d++) + c += this.root.config.columns[d].width; + let a = 0; + for (let d = o; d <= i; d++) + a += this.root.config.rows[d].height; + const m = h.x - this.root.viewport.left, C = h.y - this.root.viewport.top; + return { x: m, y: C, height: a, width: c }; + } + if (!e && t) { + const o = new g(this.root.config, t); + return o.x -= this.root.viewport.left, o.y -= this.root.viewport.top, o; + } + } + } + renderSelectionRange(t, e, o, l) { + this.ctx.save(), this.ctx.strokeStyle = "#47d1ff", this.ctx.lineWidth = 3, this.ctx.strokeRect(t, e, o, l), this.ctx.fillStyle = "#7da8ff50", this.ctx.fillRect(t, e, o, l), this.ctx.restore(); + } + renderSelection() { + const t = this.getSelectionRange(); + if (!t) + return; + const { height: e, width: o, x: l, y: i } = t; + this.renderSelectionRange(l, i, o, e); + } renderSheet() { const t = this.root.viewport.firstRow, e = this.root.viewport.lastCol + 3, o = this.root.viewport.lastRow + 3, l = this.root.viewport.firstCol; for (let i = t; i <= o; i++) for (let n = l; n <= e && !(!this.root.config.columns[n] || !this.root.config.rows[i]); n++) this.renderCell({ column: n, row: i }); + this.renderSelection(); } } class z { @@ -370,24 +408,24 @@ class z { s(this, "root"); this.root = t; const e = document.createElement("div"); - e.classList.add(m + "spreadsheet_container"), this.element = e, this.changeElementSizes(this.root.viewProps); + e.classList.add(f + "spreadsheet_container"), this.element = e, this.changeElementSizes(this.root.viewProps); } changeElementSizes(t) { const { height: e, width: o } = t; this.element.style.width = o + this.root.rowsBarWidth + "px", this.element.style.height = e + this.root.columnsBarHeight + "px"; } } -class N { +class O { constructor(t) { s(this, "element"); s(this, "root"); s(this, "height", 0); this.root = t; const e = document.createElement("div"); - e.classList.add(m + "toolbar"), this.element = e; + e.classList.add(f + "toolbar"), this.element = e; } } -class p { +class x { constructor(t) { s(this, "rows"); s(this, "columns"); @@ -408,13 +446,13 @@ class v { s(this, "selectedRange", null); } } -class O { +class N { constructor() { s(this, "cells"); this.cells = new R(); } } -class S { +class b { constructor(t, e) { s(this, "root"); s(this, "top"); @@ -467,12 +505,12 @@ class k { this.height = t.height, this.title = t.title; } } -function B(r, t, e = !1) { +function L(r, t, e = !1) { const o = []; for (let l = 0; l <= r; l++) { const i = []; for (let n = 0; n <= t; n++) { - const h = e ? `${l}:${n}` : "", c = new x({ + const h = e ? `${l}:${n}` : "", c = new p({ displayValue: h, resultValue: h, value: h, @@ -505,7 +543,7 @@ function K(r, t) { }); o.push(n); } - return new p({ + return new x({ columns: o, rows: e, view: { @@ -515,17 +553,17 @@ function K(r, t) { }); } function U(r, t) { - const e = B(r, t), o = K(r, t); + const e = L(r, t), o = K(r, t); return { data: e, config: o }; } -class F { +class W { constructor(t) { s(this, "xPos"); s(this, "colIdx"); this.xPos = t.xPos, this.colIdx = t.colIdx; } } -class W { +class F { constructor(t) { s(this, "yPos"); s(this, "rowIdx"); @@ -596,12 +634,12 @@ class G { } renderRect(t, e) { const { width: o, x: l } = e, i = this.isColumnSelected(t); - this.ctx.fillStyle = i ? this.root.styles.cells.selectedBackground : "white", this.ctx.strokeStyle = "black", this.ctx.lineWidth = 1; + this.ctx.fillStyle = i ? "#c7ebff" : "white", this.ctx.strokeStyle = "black", this.ctx.lineWidth = 1; const n = l - this.root.viewport.left; this.ctx.fillRect(n - 1, 0, o, this.height), this.ctx.strokeRect(n - 1, 0, o, this.height); } renderSingleColumn(t) { - const e = new y(this.root.config, { + const e = new g(this.root.config, { row: 0, column: t }); @@ -645,12 +683,12 @@ class X { } renderRect(t, e) { const { y: o, height: l } = e, i = this.isRowSelected(t); - this.ctx.fillStyle = i ? this.root.styles.cells.selectedBackground : "white", this.ctx.strokeStyle = "black", this.ctx.lineWidth = this.resizerHeight; + this.ctx.fillStyle = i ? "#c7ebff" : "white", this.ctx.strokeStyle = "black", this.ctx.lineWidth = this.resizerHeight; const n = o - this.root.viewport.top; this.ctx.fillRect(0, n - 1, this.width, l), this.ctx.strokeRect(0, n - 1, this.width, l); } renderSingleRow(t) { - const e = new y(this.root.config, { + const e = new g(this.root.config, { column: 0, row: t }); @@ -673,7 +711,7 @@ class j { const o = t.map((l) => l.map((i) => i.displayValue).join(" ")).join(` `); this.saved = t, navigator.clipboard.writeText(o), this.root.events.dispatch({ - type: d.COPY_CELLS, + type: u.COPY_CELLS, data: t, dataAsString: o, range: e @@ -686,40 +724,41 @@ class j { const h = l.clipboardData.getData("text"); try { const a = h.split(` -`).map((w) => w.split(" ")).map((w) => w.map((g) => { - const f = { - displayValue: g, +`).map((d) => d.split(" ")).map((d) => d.map((w) => { + const y = { + displayValue: w, position: { column: e, row: o }, - resultValue: g, + resultValue: w, style: new R(), - value: g + value: w }; - return new x(f); - })), u = a.length, C = a[0] ? a[0].length : 0; - for (let w = 0; w < u; w++) - for (let g = 0; g < C; g++) { - const f = a[w][g], L = { - column: e + g, - row: o + w + return new p(y); + })), m = a.length, C = a[0] ? a[0].length : 0; + for (let d = 0; d < m; d++) + for (let w = 0; w < C; w++) { + const y = a[d][w], B = { + column: e + w, + row: o + d }, V = { - displayValue: f.displayValue, - value: f.value, - style: f.style + displayValue: y.displayValue, + value: y.value, + style: y.style }; - t.changeCellValues(L, V, !1); + t.changeCellValues(B, V, !1); } } catch (c) { console.error("Cannot read clipboard. ", c); } + t.renderSheet(); return; } const i = this.saved.length, n = this.saved[0] ? this.saved[0].length : 0; for (let h = 0; h < i; h++) for (let c = 0; c < n; c++) { - const a = this.saved[h][c], u = { + const a = this.saved[h][c], m = { column: e + c, row: o + h }, C = { @@ -727,11 +766,11 @@ class j { value: a.value, style: a.style }; - t.changeCellValues(u, C, !1); + t.changeCellValues(m, C, !1); } } } -const m = "modern_sc_"; +const f = "modern_sc_"; class q { constructor(t, e) { s(this, "table"); @@ -749,8 +788,8 @@ class q { s(this, "cache"); s(this, "events"); s(this, "clipboard"); - const o = B(40, 40), l = this.makeConfigFromData(o, (e == null ? void 0 : e.view) ?? { height: 600, width: 800 }); - e != null && e.view && (l.view = e.view), this.config = new p(l), this.config.onCellClick = (e == null ? void 0 : e.onCellClick) ?? null, this.config.onSelectonChange = (e == null ? void 0 : e.onSelectionChange) ?? null, this.config.onCellChange = (e == null ? void 0 : e.onCellChange) ?? null, this.config.onCopy = (e == null ? void 0 : e.onCopy) ?? null, this.rowsBar = new X(this), this.columnsBar = new G(this), this.sheet = new D(this), this.table = new z(this), this.scroller = new H(this), this.toolbar = new N(this), this.editor = new T(this), this.cache = this.getInitialCache(), this.viewport = new S(this, this.scroller.getViewportBoundlingRect()), this.selection = new v(), this.events = new P(this), this.clipboard = new j(this), this.data = o, this.styles = new O(), this.buildComponent(), this.setElementsPositions(), this.appendTableToTarget(t), this.renderSheet(), this.renderColumnsBar(), this.renderRowsBar(); + const o = L(40, 40), l = this.makeConfigFromData(o, (e == null ? void 0 : e.view) ?? { height: 600, width: 800 }); + e != null && e.view && (l.view = e.view), this.config = new x(l), this.config.onCellClick = (e == null ? void 0 : e.onCellClick) ?? null, this.config.onSelectonChange = (e == null ? void 0 : e.onSelectionChange) ?? null, this.config.onCellChange = (e == null ? void 0 : e.onCellChange) ?? null, this.config.onCopy = (e == null ? void 0 : e.onCopy) ?? null, this.rowsBar = new X(this), this.columnsBar = new G(this), this.sheet = new _(this), this.table = new z(this), this.scroller = new H(this), this.toolbar = new O(this), this.editor = new T(this), this.cache = this.getInitialCache(), this.viewport = new b(this, this.scroller.getViewportBoundlingRect()), this.selection = new v(), this.events = new P(this), this.clipboard = new j(this), this.data = o, this.styles = new N(), this.buildComponent(), this.setElementsPositions(), this.appendTableToTarget(t), this.renderSheet(), this.renderColumnsBar(), this.renderRowsBar(); } setRowsBarPosition() { const t = this.columnsBar.height + this.toolbar.height, e = 0; @@ -758,7 +797,7 @@ class q { } setColumnsBarPosition() { const t = this.toolbar.height, e = this.rowsBar.width; - console.log(t, e), this.columnsBar.setElementPosition(t, e); + this.columnsBar.setElementPosition(t, e); } setElementsPositions() { this.setRowsBarPosition(), this.setColumnsBarPosition(); @@ -769,7 +808,7 @@ class q { for (let n = 0; n <= this.config.columns.length - 1; n++) { const h = this.config.columns[n]; e += h.width; - const c = new F({ + const c = new W({ xPos: e, colIdx: n }); @@ -780,21 +819,20 @@ class q { for (let n = 0; n <= this.config.rows.length - 1; n++) { const h = this.config.rows[n]; l += h.height; - const c = new W({ + const c = new F({ yPos: l, rowIdx: n }); o.push(c); } - const i = new Y({ + return new Y({ columns: t, rows: o }); - return console.log("CACHE: ", i), console.log("CONFIG: ", this.config), i; } buildComponent() { const t = document.createElement("div"); - t.style.top = this.columnsBarHeight + "px", t.style.left = this.rowsBarWidth + "px", t.appendChild(this.sheet.element), t.classList.add(m + "content"), this.table.element.appendChild(this.toolbar.element), this.table.element.appendChild(this.rowsBar.element), this.table.element.appendChild(this.columnsBar.element), this.table.element.appendChild(t), this.table.element.appendChild(this.scroller.element), this.table.element.append(this.editor.element); + t.style.top = this.columnsBarHeight + "px", t.style.left = this.rowsBarWidth + "px", t.appendChild(this.sheet.element), t.classList.add(f + "content"), this.table.element.appendChild(this.toolbar.element), this.table.element.appendChild(this.rowsBar.element), this.table.element.appendChild(this.columnsBar.element), this.table.element.appendChild(t), this.table.element.appendChild(this.scroller.element), this.table.element.append(this.editor.element); } /**Destroy spreadsheet DOM element. * @@ -846,7 +884,7 @@ class q { changeCellValues(t, e, o = !0) { const { column: l, row: i } = t; this.data[i][l].changeValues(e), this.events.dispatch({ - type: d.CELL_CHANGE, + type: u.CELL_CHANGE, cell: this.data[i][l], enableCallback: o }), this.renderCell(i, l); @@ -888,6 +926,9 @@ class q { renderSheet() { this.sheet.renderSheet(); } + renderSelection() { + this.sheet.renderSelection(); + } renderColumnsBar() { this.columnsBar.renderBar(); } @@ -898,14 +939,14 @@ class q { this.data[t][e].render(this); } loadData(t) { - const e = t.length, o = t[0] ? this.data[0].length : 0; - this.data = []; + const e = t.length, o = t[0] ? t[0].length : 0; + console.log("!!FORMATTED DATA", e, o, t[0]), this.data = []; const l = []; for (let i = 0; i < e; i++) { const n = []; for (let h = 0; h < o; h++) { const c = t[i][h]; - n.push(new x({ + n.push(new p({ displayValue: c.displayValue, position: c.position, resultValue: c.resultValue, @@ -915,7 +956,7 @@ class q { } l.push(n); } - return this.data = l, this.selection.selectedCell = null, this.selection.selectedRange = null, this.config = this.makeConfigFromData(l, this.config.view), this.cache = this.getInitialCache(), this.scroller.updateScrollerSize(), this.viewport = new S(this, this.scroller.getViewportBoundlingRect()), this.renderSheet(), this; + return this.data = l, this.selection.selectedCell = null, this.selection.selectedRange = null, this.config = this.makeConfigFromData(l, this.config.view), this.cache = this.getInitialCache(), this.scroller.updateScrollerSize(), this.viewport = new b(this, this.scroller.getViewportBoundlingRect()), this.renderSheet(), this; } makeConfigFromData(t, e) { const o = t.length - 1, l = t[0] ? t[0].length : 0, i = []; @@ -930,7 +971,7 @@ class q { width: 150, title: String(c) })); - return new p({ + return new x({ view: e, rows: i, columns: n, @@ -949,23 +990,23 @@ class q { } } export { - m as CSS_PREFIX, + f as CSS_PREFIX, Y as Cache, - F as CachedColumn, - W as CachedRow, - x as Cell, + W as CachedColumn, + F as CachedRow, + p as Cell, R as CellStyles, E as Column, - p as Config, - M as Position, - y as RenderBox, + x as Config, + D as Position, + g as RenderBox, k as Row, v as Selection, - _ as SerializableCell, - O as Styles, - S as Viewport, + M as SerializableCell, + N as Styles, + b as Viewport, K as createSampleConfig, - B as createSampleData, + L as createSampleData, q as default, U as makeSpreadsheetConfigAndData }; diff --git a/dist/main.js.map b/dist/main.js.map index 938cef0..08f3bf0 100644 --- a/dist/main.js.map +++ b/dist/main.js.map @@ -1 +1 @@ -{"version":3,"file":"main.js","sources":["../src/modules/events.ts","../src/modules/renderBox.ts","../src/components/editor.ts","../src/utils/position.ts","../src/components/scroller.ts","../src/modules/cell.ts","../src/components/sheet.ts","../src/components/table.ts","../src/components/toolbar.ts","../src/modules/config.ts","../src/modules/selection.ts","../src/modules/styles.ts","../src/modules/viewport.ts","../src/modules/column.ts","../src/modules/row.ts","../src/utils/createData.ts","../src/modules/cache.ts","../src/components/columnsBar.ts","../src/components/rowsBar.ts","../src/modules/clipboard.ts","../src/main.ts"],"sourcesContent":["import { Selection } from \"../main\";\nexport var EventTypes;\n(function (EventTypes) {\n EventTypes[\"CELL_CLICK\"] = \"CELL_CLICK\";\n EventTypes[\"SELECTION_CHANGE\"] = \"CHANGE_SELECTION\";\n EventTypes[\"CELL_CHANGE\"] = \"CELL_CHANGE\";\n EventTypes[\"COPY_CELLS\"] = \"COPY_CELLS\";\n})(EventTypes || (EventTypes = {}));\nexport class Events {\n root;\n constructor(root) {\n this.root = root;\n }\n dispatch(action) {\n switch (action.type) {\n case EventTypes.CELL_CLICK: {\n const { event, scroller } = action;\n //\n //* Here may be side effects\n //\n this.cellClick(event, scroller);\n break;\n }\n case EventTypes.SELECTION_CHANGE: {\n const { selection, enableCallback } = action;\n //\n //* Here may be side effects\n //\n this.changeSelection(selection, enableCallback);\n break;\n }\n case EventTypes.CELL_CHANGE: {\n const { cell, enableCallback } = action;\n //\n //* Here may be side effects\n //\n this.changeCellValues(cell, enableCallback);\n break;\n }\n case EventTypes.COPY_CELLS: {\n const { data, dataAsString, range } = action;\n this.copy(range, data, dataAsString);\n break;\n }\n default: {\n break;\n }\n }\n }\n cellClick = (event, scroller) => {\n if (event.button !== 0)\n return; // Left mouse button\n const { offsetX, offsetY } = event;\n const clickedCell = this.root.getCellByCoords(offsetX, offsetY);\n const cell = this.root.getCell(clickedCell);\n const selection = new Selection();\n selection.selectedCell = clickedCell;\n selection.selectedRange = {\n from: clickedCell,\n to: clickedCell,\n };\n scroller.setSelectingMode(true);\n this.changeSelection(selection, true);\n this.root.config.onCellClick?.(event, cell);\n };\n changeSelection = (selection, enableCallback = false) => {\n this.root.selection = selection;\n if (enableCallback)\n this.root.config.onSelectonChange?.(selection);\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n changeCellValues(cell, enableCallback = true) {\n if (enableCallback)\n this.root.config.onCellChange?.(cell);\n }\n copy = (range, data, dataAsString) => {\n this.root.config.onCopy?.(range, data, dataAsString);\n };\n}\n","export class RenderBox {\n x;\n y;\n width;\n height;\n constructor(config, cellPosition) {\n this.x = this.getXCoord(cellPosition.column, config);\n this.y = this.getYCoord(cellPosition.row, config);\n this.width = config.columns[cellPosition.column].width;\n this.height = config.rows[cellPosition.row].height;\n }\n getXCoord(column, config) {\n let x = 0;\n for (let i = 0; i < column; i++) {\n x += config.columns[i].width;\n }\n return x;\n }\n getYCoord(row, config) {\n let y = 0;\n for (let i = 0; i < row; i++) {\n y += config.rows[i].height;\n }\n return y;\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nimport { EventTypes } from \"../modules/events\";\nimport { RenderBox } from \"../modules/renderBox\";\nexport class Editor {\n element;\n root;\n constructor(root) {\n this.root = root;\n const element = document.createElement(\"input\");\n element.classList.add(CSS_PREFIX + \"editor\");\n this.element = element;\n this.hide();\n }\n hide() {\n this.element.style.display = \"none\";\n this.element.classList.add(\"hide\");\n this.element.blur();\n window.removeEventListener(\"click\", this.handleClickOutside);\n this.element.removeEventListener(\"keydown\", this.handleKeydown);\n this.root.focusTable();\n }\n show(position, initialString) {\n const { height, width, x, y } = new RenderBox(this.root.config, position);\n const cell = this.root.getCell(position);\n this.element.classList.remove(\"hide\");\n this.element.style.top =\n y - this.root.viewport.top + this.root.columnsBarHeight + \"px\";\n this.element.style.left =\n x - this.root.viewport.left + this.root.rowsBarWidth + \"px\";\n this.element.style.width = width + \"px\";\n this.element.style.height = height + \"px\";\n this.element.style.display = \"block\";\n window.addEventListener(\"click\", this.handleClickOutside);\n this.element.addEventListener(\"keydown\", this.handleKeydown);\n this.element.value = initialString ? initialString : cell.value;\n this.element.focus();\n if (!initialString)\n this.element.select();\n }\n handleKeydown = (event) => {\n const { key } = event;\n switch (key) {\n case \"Escape\": {\n this.hide();\n break;\n }\n case \"Enter\": {\n if (!this.root.selection.selectedCell)\n return;\n this.root.changeCellValues(this.root.selection.selectedCell, {\n value: this.element.value,\n displayValue: this.element.value,\n });\n this.root.events.dispatch({\n type: EventTypes.CELL_CHANGE,\n cell: this.root.getCell(this.root.selection.selectedCell),\n });\n this.hide();\n }\n }\n };\n handleClickOutside = (event) => {\n const target = event.target;\n if (!this.element.contains(target)) {\n this.hide();\n }\n };\n}\n","export function checkEqualRanges(range1, range2) {\n const equalRows = range1.from.row === range2.to.row;\n const equalColumns = range1.from.column === range2.to.column;\n return equalRows && equalColumns;\n}\nexport function checkEqualCellSelections(selection1, selection2) {\n return (selection1.column === selection2.column && selection1.row === selection2.row);\n}\n","import { CSS_PREFIX, Selection } from \"../main\";\nimport { EventTypes } from \"../modules/events\";\nimport { checkEqualCellSelections } from \"../utils/position\";\nexport class Scroller {\n element;\n verticalScroller;\n horizontalScroller;\n root;\n isSelecting = false;\n constructor(root) {\n this.root = root;\n const { horizontalScroller, scroller, verticalScroller } = this.buildComponent();\n this.element = scroller;\n this.verticalScroller = verticalScroller;\n this.horizontalScroller = horizontalScroller;\n this.element.style.height = this.root.config.view.height + \"px\";\n this.element.style.width = this.root.config.view.width + \"px\";\n this.element.style.top = this.root.columnsBarHeight + \"px\";\n this.element.style.left = this.root.rowsBarWidth + \"px\";\n this.element.tabIndex = -1;\n this.updateScrollerSize(); //* Init size set\n this.element.addEventListener(\"scroll\", this.handleScroll);\n this.element.addEventListener(\"mousedown\", this.handleClick);\n this.element.addEventListener(\"mousemove\", this.handleMouseMove);\n this.element.addEventListener(\"mouseup\", this.handleMouseUp);\n this.element.addEventListener(\"dblclick\", this.handleDoubleClick);\n this.element.addEventListener(\"keydown\", this.handleKeydown);\n this.element.addEventListener(\"paste\", (event) => {\n if (!this.root.selection.selectedCell)\n return;\n this.root.clipboard.paste(this.root, this.root.selection.selectedCell, event);\n });\n }\n setSelectingMode(mode) {\n this.isSelecting = mode;\n }\n handleMouseMove = (event) => {\n if (!this.isSelecting)\n return;\n const { offsetX, offsetY } = event;\n const lastSelectedCell = this.root.getCellByCoords(offsetX, offsetY);\n let isRangeChanged = false;\n if (this.root.selection.selectedRange) {\n isRangeChanged = !checkEqualCellSelections(this.root.selection.selectedRange.to, lastSelectedCell);\n if (isRangeChanged) {\n this.root.selection.selectedRange.to = lastSelectedCell;\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: this.root.selection,\n enableCallback: true,\n });\n }\n }\n };\n handleMouseUp = () => {\n this.isSelecting = false;\n const newSelection = { ...this.root.selection };\n if (this.root.selection.selectedRange) {\n if (checkEqualCellSelections(this.root.selection.selectedRange.from, this.root.selection.selectedRange.to)) {\n newSelection.selectedRange = null;\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: newSelection,\n enableCallback: false,\n });\n }\n }\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n handleDoubleClick = (event) => {\n event.preventDefault();\n const position = this.root.getCellByCoords(event.offsetX, event.offsetY);\n this.root.showEditor(position);\n };\n handleKeydown = (event) => {\n //* Navigation\n if ([\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) {\n event.preventDefault();\n this.root.selection.selectedRange = null;\n switch (event.key) {\n case \"ArrowLeft\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.column > 0) {\n this.root.selection.selectedCell.column -= 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowRight\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.column <\n this.root.config.columns.length - 1) {\n this.root.selection.selectedCell.column += 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowUp\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.row > 0) {\n this.root.selection.selectedCell.row -= 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowDown\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.row <\n this.root.config.rows.length - 1) {\n this.root.selection.selectedCell.row += 1;\n // this.root.renderSheet();\n }\n break;\n }\n }\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: this.root.selection,\n enableCallback: true,\n });\n }\n //* Start typings\n const keysRegex = /^([a-z]|[а-я]|[0-9])$/;\n if (!event.metaKey && !event.ctrlKey) {\n //* Prevent handle shortcutrs\n const isPressedLetterKey = keysRegex.test(event.key.toLowerCase());\n if (event.key === \"F2\" || isPressedLetterKey) {\n //* English and Russian keyboard. Or F2 button\n event.preventDefault();\n if (!this.root.selection.selectedCell)\n return;\n this.root.showEditor(this.root.selection.selectedCell, isPressedLetterKey ? event.key : undefined);\n }\n }\n if (event.key === \"Delete\") {\n event.preventDefault();\n this.root.deleteSelectedCellsValues();\n this.root.renderSheet();\n }\n if (event.metaKey || event.ctrlKey) {\n console.log(event.code);\n if (event.code === \"KeyC\") {\n let cells = undefined;\n const selection = new Selection();\n if (this.root.selection.selectedRange) {\n const { from, to } = this.root.selection.selectedRange;\n selection.selectedRange = this.root.selection.selectedRange;\n const subArrByRows = this.root.data.slice(from.row, to.row + 1);\n const subArrByCols = subArrByRows.map((row) => {\n return row.slice(from.column, to.column + 1);\n });\n cells = [...subArrByCols];\n }\n else if (this.root.selection.selectedCell) {\n const { column, row } = this.root.selection.selectedCell;\n cells = [[this.root.data[row][column]]];\n selection.selectedRange = {\n from: this.root.selection.selectedCell,\n to: this.root.selection.selectedCell,\n };\n }\n else {\n return;\n }\n this.root.clipboard.copy(cells, selection.selectedRange);\n return;\n }\n if (event.code === \"KeyV\") {\n // if (!this.root.selection.selectedCell) return;\n // this.root.clipboard.paste(this.root, this.root.selection.selectedCell);\n }\n }\n };\n handleClick = (event) => {\n this.root.events.dispatch({\n type: EventTypes.CELL_CLICK,\n event,\n scroller: this,\n });\n };\n handleScroll = () => {\n const rect = this.getViewportBoundlingRect();\n this.root.viewport.updateValues(rect);\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n getViewportBoundlingRect() {\n const { scrollTop, scrollLeft } = this.element;\n const { height, width } = this.element.getBoundingClientRect();\n const bottom = scrollTop + height;\n const right = scrollLeft + width;\n return {\n top: scrollTop,\n left: scrollLeft,\n bottom,\n right,\n };\n }\n buildComponent() {\n const scroller = document.createElement(\"div\");\n const verticalScroller = document.createElement(\"div\");\n const horizontalScroller = document.createElement(\"div\");\n const groupScrollers = document.createElement(\"div\");\n const stack = document.createElement(\"div\");\n verticalScroller.style.width = \"0px\";\n verticalScroller.style.pointerEvents = \"none\";\n horizontalScroller.style.pointerEvents = \"none\";\n groupScrollers.style.display = \"flex\";\n stack.appendChild(verticalScroller);\n stack.appendChild(horizontalScroller);\n groupScrollers.appendChild(stack);\n this.verticalScroller = verticalScroller;\n this.horizontalScroller = horizontalScroller;\n scroller.appendChild(groupScrollers);\n scroller.contentEditable = \"false\";\n scroller.classList.add(CSS_PREFIX + \"scroller\");\n return { scroller, verticalScroller, horizontalScroller };\n }\n getActualHeight() {\n return this.root.config.rows.reduce((acc, curr) => {\n acc += curr.height;\n return acc;\n }, 0);\n }\n getActualWidth() {\n return this.root.config.columns.reduce((acc, curr) => {\n acc += curr.width;\n return acc;\n }, 0);\n }\n updateScrollerSize() {\n const totalHeight = this.getActualHeight();\n const totalWidth = this.getActualWidth();\n this.setScrollerHeight(totalHeight);\n this.setScrollerWidth(totalWidth);\n }\n setScrollerHeight(height) {\n this.verticalScroller.style.height = height + \"px\";\n }\n setScrollerWidth(width) {\n this.horizontalScroller.style.width = width + \"px\";\n }\n}\n","import { RenderBox } from \"./renderBox\";\nexport class CellStyles {\n fontSize = 16;\n fontColor = \"black\";\n background = \"white\";\n borderColor = \"black\";\n selectedBackground = \"#4287f5\";\n selectedFontColor = \"#ffffff\";\n constructor(props) {\n if (props) {\n Object.assign(this, props); // Override default styles\n }\n }\n}\nexport class Position {\n row;\n column;\n constructor(row, column) {\n this.row = row;\n this.column = column;\n }\n}\nexport class SerializableCell {\n value;\n displayValue;\n resultValue;\n position;\n style;\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\n this.style = props.style;\n }\n}\nexport class Cell {\n /** True value (data) */\n value;\n /** Value to render */\n displayValue;\n /** This refers to the values that were obtained by calculations, for example, after calculating the formula */\n resultValue;\n position;\n style = null;\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\n this.style = props.style;\n }\n getSerializableCell() {\n const cell = new SerializableCell({\n displayValue: this.displayValue,\n position: this.position,\n resultValue: this.resultValue,\n style: this.style,\n value: this.value,\n });\n return cell;\n }\n changeStyles(styles) {\n this.style = styles;\n }\n changeValues(values) {\n Object.assign(this, values);\n }\n isCellInRange(root) {\n const { column, row } = this.position;\n const { selectedRange } = root.selection;\n if (!selectedRange)\n return false;\n const isCellInRow = row >= Math.min(selectedRange.from.row, selectedRange.to.row) &&\n row <= Math.max(selectedRange.to.row, selectedRange.from.row);\n const isCellInCol = column >= Math.min(selectedRange.from.column, selectedRange.to.column) &&\n column <= Math.max(selectedRange.to.column, selectedRange.from.column);\n return isCellInCol && isCellInRow;\n }\n render(root) {\n const renderBox = new RenderBox(root.config, this.position);\n let { x, y } = renderBox;\n const { height, width } = renderBox;\n const { ctx } = root;\n const isCellSelected = root.selection.selectedCell?.row === this.position.row &&\n root.selection.selectedCell.column === this.position.column;\n const isCellInRange = this.isCellInRange(root);\n y -= root.viewport.top;\n x -= root.viewport.left;\n const styles = this.style ?? root.styles.cells;\n ctx.clearRect(x, y, width, height);\n ctx.fillStyle =\n isCellSelected || isCellInRange\n ? styles.selectedBackground\n : styles.background;\n ctx.strokeStyle = \"black\";\n ctx.fillRect(x, y, width - 1, height - 1);\n ctx.strokeRect(x, y, width, height);\n ctx.fillStyle =\n isCellSelected || isCellInRange\n ? styles.selectedFontColor\n : styles.fontColor;\n ctx.textAlign = \"left\";\n ctx.font = `${styles.fontSize}px Arial`;\n ctx.textBaseline = \"middle\";\n ctx.fillText(this.displayValue, x + 2, y + height / 2);\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nimport { Position } from \"../modules/cell\";\n/**\n * Display (CANVAS) element where cells render\n */\nexport class Sheet {\n element;\n ctx;\n root;\n constructor(root) {\n this.root = root;\n const canvas = document.createElement(\"canvas\");\n canvas.classList.add(CSS_PREFIX + \"sheet\");\n //* Set up canvas sizes based on provided root config\n canvas.height = this.root.config.view.height;\n canvas.width = this.root.config.view.width;\n canvas.style.width = this.root.config.view.width + \"px\";\n canvas.style.height = this.root.config.view.height + \"px\";\n canvas.style.left = \"0px\";\n this.element = canvas;\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n }\n getCellByCoords(x, y) {\n let row = 0;\n let height = 0;\n while (height <= y) {\n height += this.root.config.rows[row].height;\n if (height >= y)\n break;\n row++;\n }\n let col = 0;\n let width = 0;\n while (width <= x) {\n width += this.root.config.columns[col].width;\n if (width >= x)\n break;\n col++;\n }\n return new Position(row, col);\n }\n renderCell(position) {\n const { column, row } = position;\n this.root.data[row][column].render(this.root);\n }\n renderSheet() {\n const firstRowIdx = this.root.viewport.firstRow;\n const lastColIdx = this.root.viewport.lastCol + 3;\n const lastRowIdx = this.root.viewport.lastRow + 3;\n const firstColIdx = this.root.viewport.firstCol;\n for (let row = firstRowIdx; row <= lastRowIdx; row++) {\n for (let col = firstColIdx; col <= lastColIdx; col++) {\n if (!this.root.config.columns[col] || !this.root.config.rows[row])\n break; //* Prevent read undefined\n this.renderCell({ column: col, row });\n }\n }\n }\n}\n","import { CSS_PREFIX } from \"../main\";\n/** Base (root) component */\nexport class Table {\n element;\n root;\n constructor(root) {\n this.root = root;\n const container = document.createElement(\"div\");\n container.classList.add(CSS_PREFIX + \"spreadsheet_container\");\n this.element = container;\n this.changeElementSizes(this.root.viewProps);\n }\n changeElementSizes(sizes) {\n const { height, width } = sizes;\n this.element.style.width = width + this.root.rowsBarWidth + \"px\";\n this.element.style.height = height + this.root.columnsBarHeight + \"px\";\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nexport class Toolbar {\n element;\n root;\n height = 0;\n constructor(root) {\n this.root = root;\n const toolbarElement = document.createElement(\"div\");\n toolbarElement.classList.add(CSS_PREFIX + \"toolbar\");\n this.element = toolbarElement;\n }\n}\n","export class Config {\n rows;\n columns;\n view = {\n width: 800,\n height: 600,\n };\n onCellClick = null;\n onSelectonChange = null;\n onCellChange = null;\n onCopy;\n constructor(props) {\n this.columns = props.columns;\n this.rows = props.rows;\n this.view = props.view;\n this.onCellClick = props.onCellClick ?? null;\n this.onSelectonChange = props.onSelectionChange ?? null;\n this.onCellChange = props.onCellChange ?? null;\n this.onCopy = props.onCopy ?? null;\n }\n}\n","export class Selection {\n selectedCell = null;\n selectedRange = null;\n}\n","import { CellStyles } from \"./cell\";\nexport class Styles {\n cells;\n constructor() {\n this.cells = new CellStyles();\n }\n}\n","export class Viewport {\n root;\n top;\n left;\n right;\n bottom;\n firstRow;\n lastRow;\n firstCol;\n lastCol;\n constructor(root, props) {\n this.root = root;\n this.top = props.top;\n this.left = props.left;\n this.right = props.right;\n this.bottom = props.bottom;\n this.firstRow = this.getFirstRow();\n this.lastCol = this.getFirstRow(); //!Temp\n this.firstCol = this.getFirstRow(); //!Temp\n this.lastRow = this.getLastRow();\n this.updateValues({\n top: 0,\n left: 0,\n right: this.root.viewProps.width,\n bottom: this.root.viewProps.height,\n });\n }\n updateValues(props) {\n this.top = props.top;\n this.left = props.left;\n this.right = props.right;\n this.bottom = props.bottom;\n this.firstRow = this.getFirstRow();\n this.lastRow = this.getLastRow();\n this.firstCol = this.getFirstCol();\n this.lastCol = this.getLastCol();\n }\n /** Get index of first row in viewport */\n getFirstRow() {\n const rowIdx = this.root.cache.getRowByYCoord(this.top);\n return rowIdx;\n }\n getLastRow() {\n const rowIdx = this.root.cache.getRowByYCoord(this.bottom);\n return rowIdx;\n }\n getFirstCol() {\n const colIdx = this.root.cache.getColumnByXCoord(this.left);\n return colIdx;\n }\n getLastCol() {\n const colIdx = this.root.cache.getColumnByXCoord(this.right);\n return colIdx;\n }\n}\n","export class Column {\n width;\n title;\n constructor(props) {\n this.width = props.width;\n this.title = props.title;\n }\n}\n","export class Row {\n height;\n title;\n constructor(props) {\n this.height = props.height;\n this.title = props.title;\n }\n}\n","import { Cell } from \"../modules/cell\";\nimport { Column } from \"../modules/column\";\nimport { Config } from \"../modules/config\";\nimport { Row } from \"../modules/row\";\nexport function createSampleData(rows, columns, fillCellsByCoords = false) {\n const data = [];\n for (let row = 0; row <= rows; row++) {\n const innerRow = [];\n for (let col = 0; col <= columns; col++) {\n const value = fillCellsByCoords ? `${row}:${col}` : \"\";\n const cell = new Cell({\n displayValue: value,\n resultValue: value,\n value,\n position: {\n column: col,\n row: row,\n },\n style: null,\n });\n innerRow.push(cell);\n }\n data.push(innerRow);\n }\n return data;\n}\nexport function createSampleConfig(rows, columns) {\n const rowsArr = [];\n for (let i = 0; i <= rows; i++) {\n const rowItem = new Row({\n height: 40,\n title: String(i),\n });\n rowsArr.push(rowItem);\n }\n const colsArr = [];\n for (let i = 0; i <= columns; i++) {\n const colItem = new Column({\n title: String(i),\n width: 150,\n });\n colsArr.push(colItem);\n }\n const config = new Config({\n columns: colsArr,\n rows: rowsArr,\n view: {\n height: 600,\n width: 800,\n },\n });\n return config;\n}\nexport function makeSpreadsheetConfigAndData(rows, columns) {\n const data = createSampleData(rows, columns);\n const config = createSampleConfig(rows, columns);\n return { data, config };\n}\n","export class CachedColumn {\n xPos;\n colIdx;\n constructor(props) {\n this.xPos = props.xPos;\n this.colIdx = props.colIdx;\n }\n}\nexport class CachedRow {\n yPos;\n rowIdx;\n constructor(props) {\n this.yPos = props.yPos;\n this.rowIdx = props.rowIdx;\n }\n}\nexport class Cache {\n columns;\n rows;\n constructor(initial) {\n this.columns = initial.columns;\n this.rows = initial.rows;\n }\n getRowByYCoord(y) {\n let rowIdx = 0;\n for (let i = 0; i < this.rows.length; i++) {\n if (y <= this.rows[i].yPos) {\n //* Intersection detect\n rowIdx = i;\n break;\n }\n }\n return rowIdx;\n }\n getColumnByXCoord(x) {\n let colIdx = 0;\n for (let i = 0; i < this.columns.length; i++) {\n if (x <= this.columns[i].xPos) {\n //* Intersection detect\n colIdx = i;\n break;\n }\n }\n return colIdx;\n }\n}\n","import { RenderBox } from \"../main\";\nexport class ColumnsBar {\n element;\n root;\n height = 35;\n width;\n // private resizerWidth = 1;\n ctx;\n constructor(root) {\n this.root = root;\n this.element = this.createElement();\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n this.width = this.root.viewProps.width;\n }\n createElement() {\n const element = document.createElement(\"canvas\");\n element.style.position = \"absolute\";\n element.style.height = this.height + \"px\";\n element.style.width = this.root.viewProps.width + \"px\";\n element.style.display = \"block\";\n element.style.borderLeft = \"1px solid black\";\n // element.style.boxSizing = 'border-box'\n element.width = this.root.viewProps.width;\n element.height = this.height;\n return element;\n }\n setElementPosition(top, left) {\n this.element.style.top = top + \"px\";\n this.element.style.left = left + \"px\";\n }\n isColumnSelected(column) {\n const { selectedCell, selectedRange } = this.root.selection;\n if (selectedCell && selectedCell.column === column)\n return true;\n if (selectedRange) {\n const inRange = column >=\n Math.min(selectedRange.from.column, selectedRange.to.column) &&\n column <= Math.max(selectedRange.from.column, selectedRange.to.column);\n return inRange;\n }\n return false;\n }\n // private getYCoordWithOffset(renderBox: RenderBox): number {\n // const {y} = renderBox\n // return y + this.root.toolbarHeight\n // }\n // private getXCoordWithOffset(renderBox: RenderBox): number {\n // const {x} = renderBox\n // return x\n // }\n renderText(column, renderBox) {\n const { width, x } = renderBox;\n this.ctx.fillStyle = \"black\";\n this.ctx.textAlign = \"center\";\n this.ctx.textBaseline = \"middle\";\n this.ctx.font = \"12px Arial\";\n this.ctx.fillText(this.root.config.columns[column].title, x + width / 2 - this.root.viewport.left, 0 + this.height / 2);\n }\n renderRect(column, renderBox) {\n const { width, x } = renderBox;\n const isColSelected = this.isColumnSelected(column);\n this.ctx.fillStyle = isColSelected\n ? this.root.styles.cells.selectedBackground\n : \"white\";\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 1;\n const specialX = x - this.root.viewport.left;\n this.ctx.fillRect(specialX - 1, 0, width, this.height);\n this.ctx.strokeRect(specialX - 1, 0, width, this.height);\n }\n renderSingleColumn(column) {\n const renderBox = new RenderBox(this.root.config, {\n row: 0,\n column: column,\n });\n this.renderRect(column, renderBox);\n this.renderText(column, renderBox);\n }\n renderBar() {\n const lastColIdx = this.root.viewport.lastCol + 3;\n const firstColIdx = this.root.viewport.firstCol;\n this.ctx.beginPath();\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 1;\n this.ctx.moveTo(0, 0);\n this.ctx.lineTo(0, this.height);\n this.ctx.closePath();\n this.ctx.stroke();\n for (let col = firstColIdx; col <= lastColIdx; col++) {\n if (!this.root.config.columns[col])\n break;\n this.renderSingleColumn(col);\n }\n }\n}\n","import { RenderBox } from \"../main\";\nexport class RowsBar {\n element;\n ctx;\n root;\n width = 35;\n height;\n resizerHeight = 1;\n constructor(root) {\n this.root = root;\n this.element = this.createElement();\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n this.height = this.root.viewProps.height;\n }\n createElement() {\n const element = document.createElement(\"canvas\");\n element.style.position = \"absolute\";\n element.style.height = this.root.viewProps.height + \"px\";\n element.style.width = this.width + \"px\";\n element.style.display = \"block\";\n element.style.borderTop = \"1px solid black\";\n // element.style.boxSizing = 'border-box'\n element.width = this.width;\n element.height = this.root.viewProps.height;\n return element;\n }\n setElementPosition(top, left) {\n this.element.style.top = top + \"px\";\n this.element.style.left = left + \"px\";\n }\n isRowSelected(row) {\n const { selectedCell, selectedRange } = this.root.selection;\n if (selectedCell && selectedCell.row === row)\n return true;\n if (selectedRange) {\n const inRange = row >= Math.min(selectedRange.from.row, selectedRange.to.row) &&\n row <= Math.max(selectedRange.from.row, selectedRange.to.row);\n return inRange;\n }\n return false;\n }\n renderText(row, renderBox) {\n const { y, height } = renderBox;\n this.ctx.fillStyle = \"black\";\n this.ctx.textAlign = \"center\";\n this.ctx.textBaseline = \"middle\";\n this.ctx.font = \"12px Arial\";\n this.ctx.fillText(this.root.config.rows[row].title, this.width / 2, y - this.root.viewport.top + height / 2);\n }\n renderRect(column, renderBox) {\n const { y, height } = renderBox;\n const isRowSeleted = this.isRowSelected(column);\n this.ctx.fillStyle = isRowSeleted\n ? this.root.styles.cells.selectedBackground\n : \"white\";\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = this.resizerHeight;\n const specialY = y - this.root.viewport.top;\n this.ctx.fillRect(0, specialY - 1, this.width, height);\n this.ctx.strokeRect(0, specialY - 1, this.width, height);\n }\n renderSingleRow(row) {\n const renderBox = new RenderBox(this.root.config, {\n column: 0,\n row: row,\n });\n this.renderRect(row, renderBox);\n this.renderText(row, renderBox);\n }\n renderBar() {\n const lastRowIdx = this.root.viewport.lastRow + 3;\n const firstRowIdx = this.root.viewport.firstRow;\n this.ctx.beginPath();\n this.ctx.moveTo(0, 0);\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 16;\n this.ctx.lineTo(35, 0);\n this.ctx.closePath();\n this.ctx.stroke();\n for (let row = firstRowIdx; row <= lastRowIdx; row++) {\n if (!this.root.config.rows[row])\n break;\n this.renderSingleRow(row);\n }\n }\n}\n","import { Cell, CellStyles } from \"./cell\";\nimport { EventTypes } from \"./events\";\nexport class Clipboard {\n saved = null;\n root;\n constructor(root) {\n this.root = root;\n }\n copy(data, range) {\n const mapedData = data\n .map((row) => {\n return row\n .map((item) => {\n return item.displayValue;\n })\n .join(\"\\t\");\n })\n .join(\"\\n\");\n this.saved = data;\n navigator.clipboard.writeText(mapedData);\n this.root.events.dispatch({\n type: EventTypes.COPY_CELLS,\n data,\n dataAsString: mapedData,\n range,\n });\n }\n paste(root, { column, row }, event) {\n if (!this.saved) {\n if (!event.clipboardData)\n return;\n const data = event.clipboardData.getData(\"text\");\n try {\n const arr = data.split(\"\\n\").map((item) => item.split(\"\\t\"));\n const arrayOfCells = arr.map((innerRow) => {\n return innerRow.map((item) => {\n const cellProps = {\n displayValue: item,\n position: {\n column,\n row,\n },\n resultValue: item,\n style: new CellStyles(),\n value: item,\n };\n return new Cell(cellProps);\n });\n });\n const rowsLength = arrayOfCells.length;\n const colsLength = arrayOfCells[0] ? arrayOfCells[0].length : 0;\n for (let i = 0; i < rowsLength; i++) {\n for (let j = 0; j < colsLength; j++) {\n const savedCell = arrayOfCells[i][j];\n const position = {\n column: column + j,\n row: row + i,\n };\n const values = {\n displayValue: savedCell.displayValue,\n value: savedCell.value,\n style: savedCell.style,\n };\n root.changeCellValues(position, values, false);\n }\n }\n }\n catch (err) {\n console.error(\"Cannot read clipboard. \", err);\n }\n return;\n }\n const rowsLength = this.saved.length;\n const colsLength = this.saved[0] ? this.saved[0].length : 0;\n for (let i = 0; i < rowsLength; i++) {\n for (let j = 0; j < colsLength; j++) {\n const savedCell = this.saved[i][j];\n const position = {\n column: column + j,\n row: row + i,\n };\n const values = {\n displayValue: savedCell.displayValue,\n value: savedCell.value,\n style: savedCell.style,\n };\n root.changeCellValues(position, values, false);\n }\n }\n }\n}\n","import { Editor } from \"./components/editor\";\nimport { Scroller } from \"./components/scroller\";\nimport { Sheet } from \"./components/sheet\";\nimport { Table } from \"./components/table\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { Cell, } from \"./modules/cell\";\nimport { Config, } from \"./modules/config\";\nimport { Selection } from \"./modules/selection\";\nimport { Styles } from \"./modules/styles\";\nimport { Viewport } from \"./modules/viewport\";\nimport \"./scss/main.scss\";\nimport { createSampleData } from \"./utils/createData\";\nimport { Cache, CachedColumn, CachedRow } from \"./modules/cache\";\nimport { Row } from \"./modules/row\";\nimport { Column } from \"./modules/column\";\nimport { ColumnsBar } from \"./components/columnsBar\";\nimport { RowsBar } from \"./components/rowsBar\";\nimport { EventTypes, Events } from \"./modules/events\";\nimport { Clipboard } from \"./modules/clipboard\";\nexport const CSS_PREFIX = \"modern_sc_\";\nexport default class Spreadsheet {\n table;\n scroller;\n toolbar;\n rowsBar;\n columnsBar;\n sheet;\n editor;\n styles;\n config;\n data;\n viewport;\n selection;\n cache;\n events;\n clipboard;\n constructor(target, props) {\n const data = createSampleData(40, 40);\n const config = this.makeConfigFromData(data, props?.view ?? { height: 600, width: 800 });\n if (props?.view) {\n config.view = props.view;\n }\n this.config = new Config(config);\n this.config.onCellClick = props?.onCellClick ?? null;\n this.config.onSelectonChange = props?.onSelectionChange ?? null;\n this.config.onCellChange = props?.onCellChange ?? null;\n this.config.onCopy = props?.onCopy ?? null;\n this.rowsBar = new RowsBar(this);\n this.columnsBar = new ColumnsBar(this);\n this.sheet = new Sheet(this);\n this.table = new Table(this);\n this.scroller = new Scroller(this);\n this.toolbar = new Toolbar(this);\n this.editor = new Editor(this);\n this.cache = this.getInitialCache();\n this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect());\n this.selection = new Selection();\n this.events = new Events(this);\n this.clipboard = new Clipboard(this);\n this.data = data;\n this.styles = new Styles();\n this.buildComponent();\n this.setElementsPositions();\n this.appendTableToTarget(target);\n this.renderSheet();\n this.renderColumnsBar();\n this.renderRowsBar();\n }\n setRowsBarPosition() {\n const top = this.columnsBar.height + this.toolbar.height;\n const left = 0;\n this.rowsBar.setElementPosition(top, left);\n }\n setColumnsBarPosition() {\n const top = this.toolbar.height;\n const left = this.rowsBar.width;\n console.log(top, left);\n this.columnsBar.setElementPosition(top, left);\n }\n setElementsPositions() {\n this.setRowsBarPosition();\n this.setColumnsBarPosition();\n }\n getInitialCache() {\n const cachedCols = [];\n let currentWidth = 0;\n for (let i = 0; i <= this.config.columns.length - 1; i++) {\n const col = this.config.columns[i];\n currentWidth += col.width;\n const cacheCol = new CachedColumn({\n xPos: currentWidth,\n colIdx: i,\n });\n cachedCols.push(cacheCol);\n }\n const cachedRows = [];\n let currentHeight = 0;\n for (let i = 0; i <= this.config.rows.length - 1; i++) {\n const row = this.config.rows[i];\n currentHeight += row.height;\n const cacheRow = new CachedRow({\n yPos: currentHeight,\n rowIdx: i,\n });\n cachedRows.push(cacheRow);\n }\n const cache = new Cache({\n columns: cachedCols,\n rows: cachedRows,\n });\n console.log(\"CACHE: \", cache);\n console.log(\"CONFIG: \", this.config);\n return cache;\n }\n buildComponent() {\n const content = document.createElement(\"div\"); //* Abstract\n content.style.top = this.columnsBarHeight + \"px\";\n content.style.left = this.rowsBarWidth + \"px\";\n content.appendChild(this.sheet.element);\n content.classList.add(CSS_PREFIX + \"content\");\n this.table.element.appendChild(this.toolbar.element);\n this.table.element.appendChild(this.rowsBar.element);\n this.table.element.appendChild(this.columnsBar.element);\n this.table.element.appendChild(content);\n this.table.element.appendChild(this.scroller.element);\n this.table.element.append(this.editor.element);\n }\n /**Destroy spreadsheet DOM element.\n *\n * May be usefull when need to rerender component.\n */\n destroy() {\n this.table.element.remove();\n }\n appendTableToTarget(target) {\n if (typeof target === \"string\") {\n const element = document.querySelector(target);\n if (!element)\n throw new Error(`Element with selector ${target} is not finded in DOM.\\n Make sure it exists.`);\n element?.appendChild(this.table.element);\n }\n if (target instanceof HTMLElement) {\n target.append(this.table.element);\n }\n }\n /** Canvas rendering context 2D.\n *\n * Abble to draw on canvas with default CanvasAPI methods\n */\n get ctx() {\n return this.sheet.ctx;\n }\n get viewProps() {\n return this.config.view;\n }\n get columnsBarHeight() {\n return this.columnsBar.height;\n }\n get rowsBarWidth() {\n return this.rowsBar.width;\n }\n get toolbarHeight() {\n return this.toolbar.height;\n }\n /** Focusing on interactive part of spreadsheet */\n focusTable() {\n this.scroller.element.focus();\n }\n getCellByCoords(x, y) {\n return this.sheet.getCellByCoords(x, y);\n }\n getCell(position) {\n const { column, row } = position;\n return this.data[row][column];\n }\n changeCellValues(position, values, enableCallback = true) {\n const { column, row } = position;\n this.data[row][column].changeValues(values);\n this.events.dispatch({\n type: EventTypes.CELL_CHANGE,\n cell: this.data[row][column],\n enableCallback: enableCallback\n });\n this.renderCell(row, column);\n }\n changeCellStyles(position, styles) {\n const { column, row } = position;\n this.data[row][column].changeStyles(styles);\n this.renderCell(row, column);\n }\n applyActionToRange(range, callback) {\n const fromRow = Math.min(range.from.row, range.to.row);\n const toRow = Math.max(range.from.row, range.to.row);\n const fromCol = Math.min(range.from.column, range.to.column);\n const toCol = Math.max(range.from.column, range.to.column);\n for (let row = fromRow; row <= toRow; row++) {\n for (let col = fromCol; col <= toCol; col++) {\n const cell = this.data[row][col];\n callback(cell);\n }\n }\n }\n deleteSelectedCellsValues() {\n if (this.selection.selectedRange !== null) {\n this.applyActionToRange(this.selection.selectedRange, (cell) => {\n this.changeCellValues(cell.position, {\n displayValue: \"\",\n resultValue: \"\",\n value: \"\",\n });\n });\n }\n else {\n if (!this.selection.selectedCell)\n return;\n this.changeCellValues(this.selection.selectedCell, {\n displayValue: \"\",\n resultValue: \"\",\n value: \"\",\n });\n }\n }\n showEditor(position, initialString) {\n this.editor.show(position, initialString);\n }\n renderSheet() {\n this.sheet.renderSheet();\n }\n renderColumnsBar() {\n this.columnsBar.renderBar();\n }\n renderRowsBar() {\n this.rowsBar.renderBar();\n }\n renderCell(row, col) {\n this.data[row][col].render(this);\n }\n loadData(data) {\n const rowsLength = data.length;\n const colsLength = data[0] ? this.data[0].length : 0;\n this.data = [];\n const formattedData = [];\n for (let row = 0; row < rowsLength; row++) {\n const innerRow = [];\n for (let col = 0; col < colsLength; col++) {\n const cell = data[row][col];\n innerRow.push(new Cell({\n displayValue: cell.displayValue,\n position: cell.position,\n resultValue: cell.resultValue,\n value: cell.value,\n style: cell.style,\n }));\n }\n formattedData.push(innerRow);\n }\n this.data = formattedData;\n this.selection.selectedCell = null;\n this.selection.selectedRange = null;\n this.config = this.makeConfigFromData(formattedData, this.config.view);\n this.cache = this.getInitialCache();\n this.scroller.updateScrollerSize();\n this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect());\n this.renderSheet();\n return this;\n }\n makeConfigFromData(data, view) {\n const lastRowIdx = data.length - 1;\n const lastColIdx = data[0] ? data[0].length : 0;\n const rows = [];\n for (let row = 0; row < lastRowIdx; row++) {\n rows.push(new Row({\n height: 40,\n title: String(row),\n }));\n }\n const columns = [];\n for (let col = 0; col < lastColIdx; col++) {\n columns.push(new Column({\n width: 150,\n title: String(col),\n }));\n }\n const config = new Config({\n view,\n rows,\n columns,\n onCellClick: null,\n });\n return config;\n }\n serializeData() {\n const rowsLength = this.data.length;\n const colsLength = this.data[0] ? this.data[0].length : 0;\n const cellsArray = [];\n for (let row = 0; row < rowsLength; row++) {\n const innerRow = [];\n for (let col = 0; col < colsLength; col++) {\n innerRow.push(this.data[row][col].getSerializableCell());\n }\n cellsArray.push(innerRow);\n }\n return cellsArray;\n }\n}\nexport * from \"./modules/cache\";\nexport * from \"./modules/cell\";\nexport * from \"./modules/column\";\nexport * from \"./modules/config\";\nexport * from \"./modules/renderBox\";\nexport * from \"./modules/row\";\nexport * from \"./modules/selection\";\nexport * from \"./modules/styles\";\nexport * from \"./modules/viewport\";\nexport * from \"./utils/createData\";\n"],"names":["EventTypes","Events","root","__publicField","event","scroller","_a","_b","offsetX","offsetY","clickedCell","cell","selection","Selection","enableCallback","range","data","dataAsString","action","RenderBox","config","cellPosition","column","x","i","row","y","Editor","key","target","element","CSS_PREFIX","position","initialString","height","width","checkEqualCellSelections","selection1","selection2","Scroller","lastSelectedCell","isRangeChanged","newSelection","keysRegex","isPressedLetterKey","cells","from","to","rect","horizontalScroller","verticalScroller","mode","scrollTop","scrollLeft","bottom","right","groupScrollers","stack","acc","curr","totalHeight","totalWidth","CellStyles","props","Position","SerializableCell","Cell","styles","values","selectedRange","isCellInRow","renderBox","ctx","isCellSelected","isCellInRange","Sheet","canvas","col","firstRowIdx","lastColIdx","lastRowIdx","firstColIdx","Table","container","sizes","Toolbar","toolbarElement","Config","Styles","Viewport","Column","Row","createSampleData","rows","columns","fillCellsByCoords","innerRow","value","createSampleConfig","rowsArr","rowItem","colsArr","colItem","makeSpreadsheetConfigAndData","CachedColumn","CachedRow","Cache","initial","rowIdx","colIdx","ColumnsBar","top","left","selectedCell","isColSelected","specialX","RowsBar","isRowSeleted","specialY","Clipboard","mapedData","item","arrayOfCells","cellProps","rowsLength","colsLength","j","savedCell","err","Spreadsheet","cachedCols","currentWidth","cacheCol","cachedRows","currentHeight","cacheRow","cache","content","callback","fromRow","toRow","fromCol","toCol","formattedData","view","cellsArray"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"main.js","sources":["../src/modules/events.ts","../src/modules/renderBox.ts","../src/components/editor.ts","../src/utils/position.ts","../src/components/scroller.ts","../src/modules/cell.ts","../src/components/sheet.ts","../src/components/table.ts","../src/components/toolbar.ts","../src/modules/config.ts","../src/modules/selection.ts","../src/modules/styles.ts","../src/modules/viewport.ts","../src/modules/column.ts","../src/modules/row.ts","../src/utils/createData.ts","../src/modules/cache.ts","../src/components/columnsBar.ts","../src/components/rowsBar.ts","../src/modules/clipboard.ts","../src/main.ts"],"sourcesContent":["import { Selection } from \"../main\";\nexport var EventTypes;\n(function (EventTypes) {\n EventTypes[\"CELL_CLICK\"] = \"CELL_CLICK\";\n EventTypes[\"SELECTION_CHANGE\"] = \"CHANGE_SELECTION\";\n EventTypes[\"CELL_CHANGE\"] = \"CELL_CHANGE\";\n EventTypes[\"COPY_CELLS\"] = \"COPY_CELLS\";\n})(EventTypes || (EventTypes = {}));\nexport class Events {\n root;\n constructor(root) {\n this.root = root;\n }\n dispatch(action) {\n switch (action.type) {\n case EventTypes.CELL_CLICK: {\n const { event, scroller } = action;\n //\n //* Here may be side effects\n //\n this.cellClick(event, scroller);\n break;\n }\n case EventTypes.SELECTION_CHANGE: {\n const { selection, enableCallback } = action;\n //\n //* Here may be side effects\n //\n this.changeSelection(selection, enableCallback);\n break;\n }\n case EventTypes.CELL_CHANGE: {\n const { cell, enableCallback } = action;\n //\n //* Here may be side effects\n //\n this.changeCellValues(cell, enableCallback);\n break;\n }\n case EventTypes.COPY_CELLS: {\n const { data, dataAsString, range } = action;\n this.copy(range, data, dataAsString);\n break;\n }\n default: {\n break;\n }\n }\n }\n cellClick = (event, scroller) => {\n if (event.button !== 0)\n return; // Left mouse button\n const { offsetX, offsetY } = event;\n const clickedCell = this.root.getCellByCoords(offsetX, offsetY);\n const cell = this.root.getCell(clickedCell);\n const selection = new Selection();\n selection.selectedCell = clickedCell;\n selection.selectedRange = {\n from: clickedCell,\n to: clickedCell,\n };\n scroller.setSelectingMode(true);\n this.changeSelection(selection, true);\n this.root.config.onCellClick?.(event, cell);\n };\n changeSelection = (selection, enableCallback = false) => {\n this.root.selection = selection;\n if (enableCallback)\n this.root.config.onSelectonChange?.(selection);\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n changeCellValues(cell, enableCallback = true) {\n if (enableCallback)\n this.root.config.onCellChange?.(cell);\n }\n copy = (range, data, dataAsString) => {\n this.root.config.onCopy?.(range, data, dataAsString);\n };\n}\n","export class RenderBox {\n x;\n y;\n width;\n height;\n constructor(config, cellPosition) {\n this.x = this.getXCoord(cellPosition.column, config);\n this.y = this.getYCoord(cellPosition.row, config);\n this.width = config.columns[cellPosition.column].width;\n this.height = config.rows[cellPosition.row].height;\n }\n getXCoord(column, config) {\n let x = 0;\n for (let i = 0; i < column; i++) {\n x += config.columns[i].width;\n }\n return x;\n }\n getYCoord(row, config) {\n let y = 0;\n for (let i = 0; i < row; i++) {\n y += config.rows[i].height;\n }\n return y;\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nimport { EventTypes } from \"../modules/events\";\nimport { RenderBox } from \"../modules/renderBox\";\nexport class Editor {\n element;\n root;\n constructor(root) {\n this.root = root;\n const element = document.createElement(\"input\");\n element.classList.add(CSS_PREFIX + \"editor\");\n this.element = element;\n this.hide();\n }\n hide() {\n this.element.style.display = \"none\";\n this.element.classList.add(\"hide\");\n this.element.blur();\n window.removeEventListener(\"click\", this.handleClickOutside);\n this.element.removeEventListener(\"keydown\", this.handleKeydown);\n this.root.focusTable();\n }\n show(position, initialString) {\n const { height, width, x, y } = new RenderBox(this.root.config, position);\n const cell = this.root.getCell(position);\n this.element.classList.remove(\"hide\");\n this.element.style.top =\n y - this.root.viewport.top + this.root.columnsBarHeight + \"px\";\n this.element.style.left =\n x - this.root.viewport.left + this.root.rowsBarWidth + \"px\";\n this.element.style.width = width + \"px\";\n this.element.style.height = height + \"px\";\n this.element.style.display = \"block\";\n window.addEventListener(\"click\", this.handleClickOutside);\n this.element.addEventListener(\"keydown\", this.handleKeydown);\n this.element.value = initialString ? initialString : cell.value;\n this.element.focus();\n if (!initialString)\n this.element.select();\n }\n handleKeydown = (event) => {\n const { key } = event;\n switch (key) {\n case \"Escape\": {\n this.hide();\n break;\n }\n case \"Enter\": {\n if (!this.root.selection.selectedCell)\n return;\n this.root.changeCellValues(this.root.selection.selectedCell, {\n value: this.element.value,\n displayValue: this.element.value,\n });\n this.root.events.dispatch({\n type: EventTypes.CELL_CHANGE,\n cell: this.root.getCell(this.root.selection.selectedCell),\n });\n this.hide();\n this.root.renderSelection();\n }\n }\n };\n handleClickOutside = (event) => {\n const target = event.target;\n if (!this.element.contains(target)) {\n this.hide();\n }\n };\n}\n","export function checkEqualRanges(range1, range2) {\n const equalRows = range1.from.row === range2.to.row;\n const equalColumns = range1.from.column === range2.to.column;\n return equalRows && equalColumns;\n}\nexport function checkEqualCellSelections(selection1, selection2) {\n return (selection1.column === selection2.column && selection1.row === selection2.row);\n}\n","import { CSS_PREFIX, Selection } from \"../main\";\nimport { EventTypes } from \"../modules/events\";\nimport { checkEqualCellSelections } from \"../utils/position\";\nexport class Scroller {\n element;\n verticalScroller;\n horizontalScroller;\n root;\n isSelecting = false;\n constructor(root) {\n this.root = root;\n const { horizontalScroller, scroller, verticalScroller } = this.buildComponent();\n this.element = scroller;\n this.verticalScroller = verticalScroller;\n this.horizontalScroller = horizontalScroller;\n this.element.style.height = this.root.config.view.height + \"px\";\n this.element.style.width = this.root.config.view.width + \"px\";\n this.element.style.top = this.root.columnsBarHeight + \"px\";\n this.element.style.left = this.root.rowsBarWidth + \"px\";\n this.element.tabIndex = -1;\n this.updateScrollerSize(); //* Init size set\n this.element.addEventListener(\"scroll\", this.handleScroll);\n this.element.addEventListener(\"mousedown\", this.handleClick);\n this.element.addEventListener(\"mousemove\", this.handleMouseMove);\n this.element.addEventListener(\"mouseup\", this.handleMouseUp);\n this.element.addEventListener(\"dblclick\", this.handleDoubleClick);\n this.element.addEventListener(\"keydown\", this.handleKeydown);\n this.element.addEventListener(\"paste\", (event) => {\n if (!this.root.selection.selectedCell)\n return;\n this.root.clipboard.paste(this.root, this.root.selection.selectedCell, event);\n });\n }\n setSelectingMode(mode) {\n this.isSelecting = mode;\n }\n handleMouseMove = (event) => {\n if (!this.isSelecting)\n return;\n const { offsetX, offsetY } = event;\n const lastSelectedCell = this.root.getCellByCoords(offsetX, offsetY);\n let isRangeChanged = false;\n if (this.root.selection.selectedRange) {\n isRangeChanged = !checkEqualCellSelections(this.root.selection.selectedRange.to, lastSelectedCell);\n if (isRangeChanged) {\n this.root.selection.selectedRange.to = lastSelectedCell;\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: this.root.selection,\n enableCallback: true,\n });\n }\n }\n };\n handleMouseUp = () => {\n this.isSelecting = false;\n const newSelection = { ...this.root.selection };\n if (this.root.selection.selectedRange) {\n if (checkEqualCellSelections(this.root.selection.selectedRange.from, this.root.selection.selectedRange.to)) {\n newSelection.selectedRange = null;\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: newSelection,\n enableCallback: false,\n });\n }\n }\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n handleDoubleClick = (event) => {\n event.preventDefault();\n const position = this.root.getCellByCoords(event.offsetX, event.offsetY);\n this.root.showEditor(position);\n };\n handleKeydown = (event) => {\n //* Navigation\n if ([\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) {\n event.preventDefault();\n this.root.selection.selectedRange = null;\n switch (event.key) {\n case \"ArrowLeft\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.column > 0) {\n this.root.selection.selectedCell.column -= 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowRight\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.column <\n this.root.config.columns.length - 1) {\n this.root.selection.selectedCell.column += 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowUp\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.row > 0) {\n this.root.selection.selectedCell.row -= 1;\n // this.root.renderSheet();\n }\n break;\n }\n case \"ArrowDown\": {\n if (this.root.selection.selectedCell &&\n this.root.selection.selectedCell.row <\n this.root.config.rows.length - 1) {\n this.root.selection.selectedCell.row += 1;\n // this.root.renderSheet();\n }\n break;\n }\n }\n this.root.events.dispatch({\n type: EventTypes.SELECTION_CHANGE,\n selection: this.root.selection,\n enableCallback: true,\n });\n }\n //* Start typings\n const keysRegex = /^([a-z]|[а-я]|[0-9])$/;\n if (!event.metaKey && !event.ctrlKey) {\n //* Prevent handle shortcutrs\n const isPressedLetterKey = keysRegex.test(event.key.toLowerCase());\n if (event.key === \"F2\" || isPressedLetterKey) {\n //* English and Russian keyboard. Or F2 button\n event.preventDefault();\n if (!this.root.selection.selectedCell)\n return;\n this.root.showEditor(this.root.selection.selectedCell, isPressedLetterKey ? event.key : undefined);\n }\n }\n if (event.key === \"Delete\") {\n event.preventDefault();\n this.root.deleteSelectedCellsValues();\n this.root.renderSheet();\n }\n if (event.metaKey || event.ctrlKey) {\n if (event.code === \"KeyC\") {\n let cells = undefined;\n const selection = new Selection();\n if (this.root.selection.selectedRange) {\n const { from, to } = this.root.selection.selectedRange;\n selection.selectedRange = this.root.selection.selectedRange;\n const subArrByRows = this.root.data.slice(from.row, to.row + 1);\n const subArrByCols = subArrByRows.map((row) => {\n return row.slice(from.column, to.column + 1);\n });\n cells = [...subArrByCols];\n }\n else if (this.root.selection.selectedCell) {\n const { column, row } = this.root.selection.selectedCell;\n cells = [[this.root.data[row][column]]];\n selection.selectedRange = {\n from: this.root.selection.selectedCell,\n to: this.root.selection.selectedCell,\n };\n }\n else {\n return;\n }\n this.root.clipboard.copy(cells, selection.selectedRange);\n return;\n }\n if (event.code === \"KeyV\") {\n // if (!this.root.selection.selectedCell) return;\n // this.root.clipboard.paste(this.root, this.root.selection.selectedCell);\n }\n }\n };\n handleClick = (event) => {\n this.root.events.dispatch({\n type: EventTypes.CELL_CLICK,\n event,\n scroller: this,\n });\n };\n handleScroll = () => {\n const rect = this.getViewportBoundlingRect();\n this.root.viewport.updateValues(rect);\n this.root.renderSheet();\n this.root.renderColumnsBar();\n this.root.renderRowsBar();\n };\n getViewportBoundlingRect() {\n const { scrollTop, scrollLeft } = this.element;\n const { height, width } = this.element.getBoundingClientRect();\n const bottom = scrollTop + height;\n const right = scrollLeft + width;\n return {\n top: scrollTop,\n left: scrollLeft,\n bottom,\n right,\n };\n }\n buildComponent() {\n const scroller = document.createElement(\"div\");\n const verticalScroller = document.createElement(\"div\");\n const horizontalScroller = document.createElement(\"div\");\n const groupScrollers = document.createElement(\"div\");\n const stack = document.createElement(\"div\");\n verticalScroller.style.width = \"0px\";\n verticalScroller.style.pointerEvents = \"none\";\n horizontalScroller.style.pointerEvents = \"none\";\n groupScrollers.style.display = \"flex\";\n stack.appendChild(verticalScroller);\n stack.appendChild(horizontalScroller);\n groupScrollers.appendChild(stack);\n this.verticalScroller = verticalScroller;\n this.horizontalScroller = horizontalScroller;\n scroller.appendChild(groupScrollers);\n scroller.contentEditable = \"false\";\n scroller.classList.add(CSS_PREFIX + \"scroller\");\n return { scroller, verticalScroller, horizontalScroller };\n }\n getActualHeight() {\n return this.root.config.rows.reduce((acc, curr) => {\n acc += curr.height;\n return acc;\n }, 0);\n }\n getActualWidth() {\n return this.root.config.columns.reduce((acc, curr) => {\n acc += curr.width;\n return acc;\n }, 0);\n }\n updateScrollerSize() {\n const totalHeight = this.getActualHeight();\n const totalWidth = this.getActualWidth();\n this.setScrollerHeight(totalHeight);\n this.setScrollerWidth(totalWidth);\n }\n setScrollerHeight(height) {\n this.verticalScroller.style.height = height + \"px\";\n }\n setScrollerWidth(width) {\n this.horizontalScroller.style.width = width + \"px\";\n }\n}\n","import { RenderBox } from \"./renderBox\";\nexport class CellStyles {\n fontSize = 16;\n fontColor = \"black\";\n background = \"white\";\n borderColor = \"black\";\n selectedBackground = \"#4287f5\";\n selectedFontColor = \"#ffffff\";\n constructor(props) {\n if (props) {\n Object.assign(this, props); // Override default styles\n }\n }\n}\nexport class Position {\n row;\n column;\n constructor(row, column) {\n this.row = row;\n this.column = column;\n }\n}\nexport class SerializableCell {\n value;\n displayValue;\n resultValue;\n position;\n style;\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\n this.style = props.style;\n }\n}\nexport class Cell {\n /** True value (data) */\n value;\n /** Value to render */\n displayValue;\n /** This refers to the values that were obtained by calculations, for example, after calculating the formula */\n resultValue;\n position;\n style = null;\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\n this.style = props.style;\n }\n getSerializableCell() {\n const cell = new SerializableCell({\n displayValue: this.displayValue,\n position: this.position,\n resultValue: this.resultValue,\n style: this.style,\n value: this.value,\n });\n return cell;\n }\n changeStyles(styles) {\n this.style = styles;\n }\n changeValues(values) {\n Object.assign(this, values);\n }\n // private isCellInRange(root: Spreadsheet): boolean {\n // const { column, row } = this.position;\n // const { selectedRange } = root.selection;\n // if (!selectedRange) return false;\n // const isCellInRow =\n // row >= Math.min(selectedRange.from.row, selectedRange.to.row) &&\n // row <= Math.max(selectedRange.to.row, selectedRange.from.row);\n // const isCellInCol =\n // column >= Math.min(selectedRange.from.column, selectedRange.to.column) &&\n // column <= Math.max(selectedRange.to.column, selectedRange.from.column);\n // return isCellInCol && isCellInRow;\n // }\n render(root) {\n const renderBox = new RenderBox(root.config, this.position);\n let { x, y } = renderBox;\n const { height, width } = renderBox;\n const { ctx } = root;\n // const isCellSelected =\n // root.selection.selectedCell?.row === this.position.row &&\n // root.selection.selectedCell.column === this.position.column;\n // const isCellInRange = this.isCellInRange(root);\n y -= root.viewport.top;\n x -= root.viewport.left;\n const styles = this.style ?? root.styles.cells;\n ctx.clearRect(x, y, width, height);\n ctx.fillStyle = styles.background;\n ctx.strokeStyle = \"black\";\n ctx.fillRect(x, y, width - 1, height - 1);\n ctx.strokeRect(x, y, width, height);\n ctx.fillStyle = styles.fontColor;\n ctx.textAlign = \"left\";\n ctx.font = `${styles.fontSize}px Arial`;\n ctx.textBaseline = \"middle\";\n ctx.fillText(this.displayValue, x + 2, y + height / 2);\n }\n}\n","import { CSS_PREFIX, RenderBox } from \"../main\";\nimport { Position } from \"../modules/cell\";\n/**\n * Display (CANVAS) element where cells render\n */\nexport class Sheet {\n element;\n ctx;\n root;\n constructor(root) {\n this.root = root;\n const canvas = document.createElement(\"canvas\");\n canvas.classList.add(CSS_PREFIX + \"sheet\");\n //* Set up canvas sizes based on provided root config\n canvas.height = this.root.config.view.height;\n canvas.width = this.root.config.view.width;\n canvas.style.width = this.root.config.view.width + \"px\";\n canvas.style.height = this.root.config.view.height + \"px\";\n canvas.style.left = \"0px\";\n this.element = canvas;\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n }\n getCellByCoords(x, y) {\n let row = 0;\n let height = 0;\n while (height <= y) {\n height += this.root.config.rows[row].height;\n if (height >= y)\n break;\n row++;\n }\n let col = 0;\n let width = 0;\n while (width <= x) {\n width += this.root.config.columns[col].width;\n if (width >= x)\n break;\n col++;\n }\n return new Position(row, col);\n }\n renderCell(position) {\n const { column, row } = position;\n this.root.data[row][column].render(this.root);\n }\n getSelectionRange() {\n const { selectedCell, selectedRange } = this.root.selection;\n if (!selectedCell && !selectedRange)\n return;\n if (selectedRange) {\n const startRow = Math.min(selectedRange.from.row, selectedRange.to.row);\n const startCol = Math.min(selectedRange.from.column, selectedRange.to.column);\n const lastRow = Math.max(selectedRange.from.row, selectedRange.to.row);\n const lastCol = Math.max(selectedRange.from.column, selectedRange.to.column);\n const startCellBox = new RenderBox(this.root.config, {\n row: startRow,\n column: startCol,\n });\n let width = 0;\n for (let col = startCol; col <= lastCol; col++) {\n width += this.root.config.columns[col].width;\n }\n let height = 0;\n for (let row = startRow; row <= lastRow; row++) {\n height += this.root.config.rows[row].height;\n }\n const x = startCellBox.x - this.root.viewport.left;\n const y = startCellBox.y - this.root.viewport.top;\n return { x, y, height, width };\n }\n if (!selectedRange && selectedCell) {\n const box = new RenderBox(this.root.config, selectedCell);\n box.x -= this.root.viewport.left;\n box.y -= this.root.viewport.top;\n return box;\n }\n }\n renderSelectionRange(x, y, width, height) {\n this.ctx.save();\n this.ctx.strokeStyle = \"#47d1ff\";\n this.ctx.lineWidth = 3;\n this.ctx.strokeRect(x, y, width, height);\n this.ctx.fillStyle = \"#7da8ff50\";\n this.ctx.fillRect(x, y, width, height);\n this.ctx.restore();\n }\n renderSelection() {\n const box = this.getSelectionRange();\n if (!box)\n return;\n const { height, width, x, y } = box;\n this.renderSelectionRange(x, y, width, height);\n }\n renderSheet() {\n const firstRowIdx = this.root.viewport.firstRow;\n const lastColIdx = this.root.viewport.lastCol + 3;\n const lastRowIdx = this.root.viewport.lastRow + 3;\n const firstColIdx = this.root.viewport.firstCol;\n for (let row = firstRowIdx; row <= lastRowIdx; row++) {\n for (let col = firstColIdx; col <= lastColIdx; col++) {\n if (!this.root.config.columns[col] || !this.root.config.rows[row])\n break; //* Prevent read undefined\n this.renderCell({ column: col, row });\n }\n }\n this.renderSelection();\n }\n}\n","import { CSS_PREFIX } from \"../main\";\n/** Base (root) component */\nexport class Table {\n element;\n root;\n constructor(root) {\n this.root = root;\n const container = document.createElement(\"div\");\n container.classList.add(CSS_PREFIX + \"spreadsheet_container\");\n this.element = container;\n this.changeElementSizes(this.root.viewProps);\n }\n changeElementSizes(sizes) {\n const { height, width } = sizes;\n this.element.style.width = width + this.root.rowsBarWidth + \"px\";\n this.element.style.height = height + this.root.columnsBarHeight + \"px\";\n }\n}\n","import { CSS_PREFIX } from \"../main\";\nexport class Toolbar {\n element;\n root;\n height = 0;\n constructor(root) {\n this.root = root;\n const toolbarElement = document.createElement(\"div\");\n toolbarElement.classList.add(CSS_PREFIX + \"toolbar\");\n this.element = toolbarElement;\n }\n}\n","export class Config {\n rows;\n columns;\n view = {\n width: 800,\n height: 600,\n };\n onCellClick = null;\n onSelectonChange = null;\n onCellChange = null;\n onCopy;\n constructor(props) {\n this.columns = props.columns;\n this.rows = props.rows;\n this.view = props.view;\n this.onCellClick = props.onCellClick ?? null;\n this.onSelectonChange = props.onSelectionChange ?? null;\n this.onCellChange = props.onCellChange ?? null;\n this.onCopy = props.onCopy ?? null;\n }\n}\n","export class Selection {\n selectedCell = null;\n selectedRange = null;\n}\n","import { CellStyles } from \"./cell\";\nexport class Styles {\n cells;\n constructor() {\n this.cells = new CellStyles();\n }\n}\n","export class Viewport {\n root;\n top;\n left;\n right;\n bottom;\n firstRow;\n lastRow;\n firstCol;\n lastCol;\n constructor(root, props) {\n this.root = root;\n this.top = props.top;\n this.left = props.left;\n this.right = props.right;\n this.bottom = props.bottom;\n this.firstRow = this.getFirstRow();\n this.lastCol = this.getFirstRow(); //!Temp\n this.firstCol = this.getFirstRow(); //!Temp\n this.lastRow = this.getLastRow();\n this.updateValues({\n top: 0,\n left: 0,\n right: this.root.viewProps.width,\n bottom: this.root.viewProps.height,\n });\n }\n updateValues(props) {\n this.top = props.top;\n this.left = props.left;\n this.right = props.right;\n this.bottom = props.bottom;\n this.firstRow = this.getFirstRow();\n this.lastRow = this.getLastRow();\n this.firstCol = this.getFirstCol();\n this.lastCol = this.getLastCol();\n }\n /** Get index of first row in viewport */\n getFirstRow() {\n const rowIdx = this.root.cache.getRowByYCoord(this.top);\n return rowIdx;\n }\n getLastRow() {\n const rowIdx = this.root.cache.getRowByYCoord(this.bottom);\n return rowIdx;\n }\n getFirstCol() {\n const colIdx = this.root.cache.getColumnByXCoord(this.left);\n return colIdx;\n }\n getLastCol() {\n const colIdx = this.root.cache.getColumnByXCoord(this.right);\n return colIdx;\n }\n}\n","export class Column {\n width;\n title;\n constructor(props) {\n this.width = props.width;\n this.title = props.title;\n }\n}\n","export class Row {\n height;\n title;\n constructor(props) {\n this.height = props.height;\n this.title = props.title;\n }\n}\n","import { Cell } from \"../modules/cell\";\nimport { Column } from \"../modules/column\";\nimport { Config } from \"../modules/config\";\nimport { Row } from \"../modules/row\";\nexport function createSampleData(rows, columns, fillCellsByCoords = false) {\n const data = [];\n for (let row = 0; row <= rows; row++) {\n const innerRow = [];\n for (let col = 0; col <= columns; col++) {\n const value = fillCellsByCoords ? `${row}:${col}` : \"\";\n const cell = new Cell({\n displayValue: value,\n resultValue: value,\n value,\n position: {\n column: col,\n row: row,\n },\n style: null,\n });\n innerRow.push(cell);\n }\n data.push(innerRow);\n }\n return data;\n}\nexport function createSampleConfig(rows, columns) {\n const rowsArr = [];\n for (let i = 0; i <= rows; i++) {\n const rowItem = new Row({\n height: 40,\n title: String(i),\n });\n rowsArr.push(rowItem);\n }\n const colsArr = [];\n for (let i = 0; i <= columns; i++) {\n const colItem = new Column({\n title: String(i),\n width: 150,\n });\n colsArr.push(colItem);\n }\n const config = new Config({\n columns: colsArr,\n rows: rowsArr,\n view: {\n height: 600,\n width: 800,\n },\n });\n return config;\n}\nexport function makeSpreadsheetConfigAndData(rows, columns) {\n const data = createSampleData(rows, columns);\n const config = createSampleConfig(rows, columns);\n return { data, config };\n}\n","export class CachedColumn {\n xPos;\n colIdx;\n constructor(props) {\n this.xPos = props.xPos;\n this.colIdx = props.colIdx;\n }\n}\nexport class CachedRow {\n yPos;\n rowIdx;\n constructor(props) {\n this.yPos = props.yPos;\n this.rowIdx = props.rowIdx;\n }\n}\nexport class Cache {\n columns;\n rows;\n constructor(initial) {\n this.columns = initial.columns;\n this.rows = initial.rows;\n }\n getRowByYCoord(y) {\n let rowIdx = 0;\n for (let i = 0; i < this.rows.length; i++) {\n if (y <= this.rows[i].yPos) {\n //* Intersection detect\n rowIdx = i;\n break;\n }\n }\n return rowIdx;\n }\n getColumnByXCoord(x) {\n let colIdx = 0;\n for (let i = 0; i < this.columns.length; i++) {\n if (x <= this.columns[i].xPos) {\n //* Intersection detect\n colIdx = i;\n break;\n }\n }\n return colIdx;\n }\n}\n","import { RenderBox } from \"../main\";\nexport class ColumnsBar {\n element;\n root;\n height = 35;\n width;\n // private resizerWidth = 1;\n ctx;\n constructor(root) {\n this.root = root;\n this.element = this.createElement();\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n this.width = this.root.viewProps.width;\n }\n createElement() {\n const element = document.createElement(\"canvas\");\n element.style.position = \"absolute\";\n element.style.height = this.height + \"px\";\n element.style.width = this.root.viewProps.width + \"px\";\n element.style.display = \"block\";\n element.style.borderLeft = \"1px solid black\";\n // element.style.boxSizing = 'border-box'\n element.width = this.root.viewProps.width;\n element.height = this.height;\n return element;\n }\n setElementPosition(top, left) {\n this.element.style.top = top + \"px\";\n this.element.style.left = left + \"px\";\n }\n isColumnSelected(column) {\n const { selectedCell, selectedRange } = this.root.selection;\n if (selectedCell && selectedCell.column === column)\n return true;\n if (selectedRange) {\n const inRange = column >=\n Math.min(selectedRange.from.column, selectedRange.to.column) &&\n column <= Math.max(selectedRange.from.column, selectedRange.to.column);\n return inRange;\n }\n return false;\n }\n // private getYCoordWithOffset(renderBox: RenderBox): number {\n // const {y} = renderBox\n // return y + this.root.toolbarHeight\n // }\n // private getXCoordWithOffset(renderBox: RenderBox): number {\n // const {x} = renderBox\n // return x\n // }\n renderText(column, renderBox) {\n const { width, x } = renderBox;\n this.ctx.fillStyle = \"black\";\n this.ctx.textAlign = \"center\";\n this.ctx.textBaseline = \"middle\";\n this.ctx.font = \"12px Arial\";\n this.ctx.fillText(this.root.config.columns[column].title, x + width / 2 - this.root.viewport.left, 0 + this.height / 2);\n }\n renderRect(column, renderBox) {\n const { width, x } = renderBox;\n const isColSelected = this.isColumnSelected(column);\n this.ctx.fillStyle = isColSelected ? \"#c7ebff\" : \"white\";\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 1;\n const specialX = x - this.root.viewport.left;\n this.ctx.fillRect(specialX - 1, 0, width, this.height);\n this.ctx.strokeRect(specialX - 1, 0, width, this.height);\n }\n renderSingleColumn(column) {\n const renderBox = new RenderBox(this.root.config, {\n row: 0,\n column: column,\n });\n this.renderRect(column, renderBox);\n this.renderText(column, renderBox);\n }\n renderBar() {\n const lastColIdx = this.root.viewport.lastCol + 3;\n const firstColIdx = this.root.viewport.firstCol;\n this.ctx.beginPath();\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 1;\n this.ctx.moveTo(0, 0);\n this.ctx.lineTo(0, this.height);\n this.ctx.closePath();\n this.ctx.stroke();\n for (let col = firstColIdx; col <= lastColIdx; col++) {\n if (!this.root.config.columns[col])\n break;\n this.renderSingleColumn(col);\n }\n }\n}\n","import { RenderBox } from \"../main\";\nexport class RowsBar {\n element;\n ctx;\n root;\n width = 35;\n height;\n resizerHeight = 1;\n constructor(root) {\n this.root = root;\n this.element = this.createElement();\n const ctx = this.element.getContext(\"2d\");\n if (!ctx)\n throw new Error(\"Enable hardware acceleration\");\n this.ctx = ctx;\n this.height = this.root.viewProps.height;\n }\n createElement() {\n const element = document.createElement(\"canvas\");\n element.style.position = \"absolute\";\n element.style.height = this.root.viewProps.height + \"px\";\n element.style.width = this.width + \"px\";\n element.style.display = \"block\";\n element.style.borderTop = \"1px solid black\";\n // element.style.boxSizing = 'border-box'\n element.width = this.width;\n element.height = this.root.viewProps.height;\n return element;\n }\n setElementPosition(top, left) {\n this.element.style.top = top + \"px\";\n this.element.style.left = left + \"px\";\n }\n isRowSelected(row) {\n const { selectedCell, selectedRange } = this.root.selection;\n if (selectedCell && selectedCell.row === row)\n return true;\n if (selectedRange) {\n const inRange = row >= Math.min(selectedRange.from.row, selectedRange.to.row) &&\n row <= Math.max(selectedRange.from.row, selectedRange.to.row);\n return inRange;\n }\n return false;\n }\n renderText(row, renderBox) {\n const { y, height } = renderBox;\n this.ctx.fillStyle = \"black\";\n this.ctx.textAlign = \"center\";\n this.ctx.textBaseline = \"middle\";\n this.ctx.font = \"12px Arial\";\n this.ctx.fillText(this.root.config.rows[row].title, this.width / 2, y - this.root.viewport.top + height / 2);\n }\n renderRect(column, renderBox) {\n const { y, height } = renderBox;\n const isRowSeleted = this.isRowSelected(column);\n this.ctx.fillStyle = isRowSeleted ? \"#c7ebff\" : \"white\";\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = this.resizerHeight;\n const specialY = y - this.root.viewport.top;\n this.ctx.fillRect(0, specialY - 1, this.width, height);\n this.ctx.strokeRect(0, specialY - 1, this.width, height);\n }\n renderSingleRow(row) {\n const renderBox = new RenderBox(this.root.config, {\n column: 0,\n row: row,\n });\n this.renderRect(row, renderBox);\n this.renderText(row, renderBox);\n }\n renderBar() {\n const lastRowIdx = this.root.viewport.lastRow + 3;\n const firstRowIdx = this.root.viewport.firstRow;\n this.ctx.beginPath();\n this.ctx.moveTo(0, 0);\n this.ctx.strokeStyle = \"black\";\n this.ctx.lineWidth = 16;\n this.ctx.lineTo(35, 0);\n this.ctx.closePath();\n this.ctx.stroke();\n for (let row = firstRowIdx; row <= lastRowIdx; row++) {\n if (!this.root.config.rows[row])\n break;\n this.renderSingleRow(row);\n }\n }\n}\n","import { Cell, CellStyles } from \"./cell\";\nimport { EventTypes } from \"./events\";\nexport class Clipboard {\n saved = null;\n root;\n constructor(root) {\n this.root = root;\n }\n copy(data, range) {\n const mapedData = data\n .map((row) => {\n return row\n .map((item) => {\n return item.displayValue;\n })\n .join(\"\\t\");\n })\n .join(\"\\n\");\n this.saved = data;\n navigator.clipboard.writeText(mapedData);\n this.root.events.dispatch({\n type: EventTypes.COPY_CELLS,\n data,\n dataAsString: mapedData,\n range,\n });\n }\n paste(root, { column, row }, event) {\n if (!this.saved) {\n if (!event.clipboardData)\n return;\n const data = event.clipboardData.getData(\"text\");\n try {\n const arr = data.split(\"\\n\").map((item) => item.split(\"\\t\"));\n const arrayOfCells = arr.map((innerRow) => {\n return innerRow.map((item) => {\n const cellProps = {\n displayValue: item,\n position: {\n column,\n row,\n },\n resultValue: item,\n style: new CellStyles(),\n value: item,\n };\n return new Cell(cellProps);\n });\n });\n const rowsLength = arrayOfCells.length;\n const colsLength = arrayOfCells[0] ? arrayOfCells[0].length : 0;\n for (let i = 0; i < rowsLength; i++) {\n for (let j = 0; j < colsLength; j++) {\n const savedCell = arrayOfCells[i][j];\n const position = {\n column: column + j,\n row: row + i,\n };\n const values = {\n displayValue: savedCell.displayValue,\n value: savedCell.value,\n style: savedCell.style,\n };\n root.changeCellValues(position, values, false);\n }\n }\n }\n catch (err) {\n console.error(\"Cannot read clipboard. \", err);\n }\n root.renderSheet();\n return;\n }\n const rowsLength = this.saved.length;\n const colsLength = this.saved[0] ? this.saved[0].length : 0;\n for (let i = 0; i < rowsLength; i++) {\n for (let j = 0; j < colsLength; j++) {\n const savedCell = this.saved[i][j];\n const position = {\n column: column + j,\n row: row + i,\n };\n const values = {\n displayValue: savedCell.displayValue,\n value: savedCell.value,\n style: savedCell.style,\n };\n root.changeCellValues(position, values, false);\n }\n }\n }\n}\n","import { Editor } from \"./components/editor\";\nimport { Scroller } from \"./components/scroller\";\nimport { Sheet } from \"./components/sheet\";\nimport { Table } from \"./components/table\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { Cell, } from \"./modules/cell\";\nimport { Config, } from \"./modules/config\";\nimport { Selection } from \"./modules/selection\";\nimport { Styles } from \"./modules/styles\";\nimport { Viewport } from \"./modules/viewport\";\nimport \"./scss/main.scss\";\nimport { createSampleData } from \"./utils/createData\";\nimport { Cache, CachedColumn, CachedRow } from \"./modules/cache\";\nimport { Row } from \"./modules/row\";\nimport { Column } from \"./modules/column\";\nimport { ColumnsBar } from \"./components/columnsBar\";\nimport { RowsBar } from \"./components/rowsBar\";\nimport { EventTypes, Events } from \"./modules/events\";\nimport { Clipboard } from \"./modules/clipboard\";\nexport const CSS_PREFIX = \"modern_sc_\";\nexport default class Spreadsheet {\n table;\n scroller;\n toolbar;\n rowsBar;\n columnsBar;\n sheet;\n editor;\n styles;\n config;\n data;\n viewport;\n selection;\n cache;\n events;\n clipboard;\n constructor(target, props) {\n const data = createSampleData(40, 40);\n const config = this.makeConfigFromData(data, props?.view ?? { height: 600, width: 800 });\n if (props?.view) {\n config.view = props.view;\n }\n this.config = new Config(config);\n this.config.onCellClick = props?.onCellClick ?? null;\n this.config.onSelectonChange = props?.onSelectionChange ?? null;\n this.config.onCellChange = props?.onCellChange ?? null;\n this.config.onCopy = props?.onCopy ?? null;\n this.rowsBar = new RowsBar(this);\n this.columnsBar = new ColumnsBar(this);\n this.sheet = new Sheet(this);\n this.table = new Table(this);\n this.scroller = new Scroller(this);\n this.toolbar = new Toolbar(this);\n this.editor = new Editor(this);\n this.cache = this.getInitialCache();\n this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect());\n this.selection = new Selection();\n this.events = new Events(this);\n this.clipboard = new Clipboard(this);\n this.data = data;\n this.styles = new Styles();\n this.buildComponent();\n this.setElementsPositions();\n this.appendTableToTarget(target);\n this.renderSheet();\n this.renderColumnsBar();\n this.renderRowsBar();\n }\n setRowsBarPosition() {\n const top = this.columnsBar.height + this.toolbar.height;\n const left = 0;\n this.rowsBar.setElementPosition(top, left);\n }\n setColumnsBarPosition() {\n const top = this.toolbar.height;\n const left = this.rowsBar.width;\n this.columnsBar.setElementPosition(top, left);\n }\n setElementsPositions() {\n this.setRowsBarPosition();\n this.setColumnsBarPosition();\n }\n getInitialCache() {\n const cachedCols = [];\n let currentWidth = 0;\n for (let i = 0; i <= this.config.columns.length - 1; i++) {\n const col = this.config.columns[i];\n currentWidth += col.width;\n const cacheCol = new CachedColumn({\n xPos: currentWidth,\n colIdx: i,\n });\n cachedCols.push(cacheCol);\n }\n const cachedRows = [];\n let currentHeight = 0;\n for (let i = 0; i <= this.config.rows.length - 1; i++) {\n const row = this.config.rows[i];\n currentHeight += row.height;\n const cacheRow = new CachedRow({\n yPos: currentHeight,\n rowIdx: i,\n });\n cachedRows.push(cacheRow);\n }\n const cache = new Cache({\n columns: cachedCols,\n rows: cachedRows,\n });\n return cache;\n }\n buildComponent() {\n const content = document.createElement(\"div\"); //* Abstract\n content.style.top = this.columnsBarHeight + \"px\";\n content.style.left = this.rowsBarWidth + \"px\";\n content.appendChild(this.sheet.element);\n content.classList.add(CSS_PREFIX + \"content\");\n this.table.element.appendChild(this.toolbar.element);\n this.table.element.appendChild(this.rowsBar.element);\n this.table.element.appendChild(this.columnsBar.element);\n this.table.element.appendChild(content);\n this.table.element.appendChild(this.scroller.element);\n this.table.element.append(this.editor.element);\n }\n /**Destroy spreadsheet DOM element.\n *\n * May be usefull when need to rerender component.\n */\n destroy() {\n this.table.element.remove();\n }\n appendTableToTarget(target) {\n if (typeof target === \"string\") {\n const element = document.querySelector(target);\n if (!element)\n throw new Error(`Element with selector ${target} is not finded in DOM.\\n Make sure it exists.`);\n element?.appendChild(this.table.element);\n }\n if (target instanceof HTMLElement) {\n target.append(this.table.element);\n }\n }\n /** Canvas rendering context 2D.\n *\n * Abble to draw on canvas with default CanvasAPI methods\n */\n get ctx() {\n return this.sheet.ctx;\n }\n get viewProps() {\n return this.config.view;\n }\n get columnsBarHeight() {\n return this.columnsBar.height;\n }\n get rowsBarWidth() {\n return this.rowsBar.width;\n }\n get toolbarHeight() {\n return this.toolbar.height;\n }\n /** Focusing on interactive part of spreadsheet */\n focusTable() {\n this.scroller.element.focus();\n }\n getCellByCoords(x, y) {\n return this.sheet.getCellByCoords(x, y);\n }\n getCell(position) {\n const { column, row } = position;\n return this.data[row][column];\n }\n changeCellValues(position, values, enableCallback = true) {\n const { column, row } = position;\n this.data[row][column].changeValues(values);\n this.events.dispatch({\n type: EventTypes.CELL_CHANGE,\n cell: this.data[row][column],\n enableCallback: enableCallback\n });\n this.renderCell(row, column);\n }\n changeCellStyles(position, styles) {\n const { column, row } = position;\n this.data[row][column].changeStyles(styles);\n this.renderCell(row, column);\n }\n applyActionToRange(range, callback) {\n const fromRow = Math.min(range.from.row, range.to.row);\n const toRow = Math.max(range.from.row, range.to.row);\n const fromCol = Math.min(range.from.column, range.to.column);\n const toCol = Math.max(range.from.column, range.to.column);\n for (let row = fromRow; row <= toRow; row++) {\n for (let col = fromCol; col <= toCol; col++) {\n const cell = this.data[row][col];\n callback(cell);\n }\n }\n }\n deleteSelectedCellsValues() {\n if (this.selection.selectedRange !== null) {\n this.applyActionToRange(this.selection.selectedRange, (cell) => {\n this.changeCellValues(cell.position, {\n displayValue: \"\",\n resultValue: \"\",\n value: \"\",\n });\n });\n }\n else {\n if (!this.selection.selectedCell)\n return;\n this.changeCellValues(this.selection.selectedCell, {\n displayValue: \"\",\n resultValue: \"\",\n value: \"\",\n });\n }\n }\n showEditor(position, initialString) {\n this.editor.show(position, initialString);\n }\n renderSheet() {\n this.sheet.renderSheet();\n }\n renderSelection() {\n this.sheet.renderSelection();\n }\n renderColumnsBar() {\n this.columnsBar.renderBar();\n }\n renderRowsBar() {\n this.rowsBar.renderBar();\n }\n renderCell(row, col) {\n this.data[row][col].render(this);\n }\n loadData(data) {\n const rowsLength = data.length;\n const colsLength = data[0] ? data[0].length : 0;\n console.log(\"!!FORMATTED DATA\", rowsLength, colsLength, data[0]);\n this.data = [];\n const formattedData = [];\n // Transform serialized objects to Cells\n for (let row = 0; row < rowsLength; row++) {\n const innerRow = [];\n for (let col = 0; col < colsLength; col++) {\n const cell = data[row][col];\n innerRow.push(new Cell({\n displayValue: cell.displayValue,\n position: cell.position,\n resultValue: cell.resultValue,\n value: cell.value,\n style: cell.style,\n }));\n }\n formattedData.push(innerRow);\n }\n this.data = formattedData;\n this.selection.selectedCell = null;\n this.selection.selectedRange = null;\n this.config = this.makeConfigFromData(formattedData, this.config.view);\n this.cache = this.getInitialCache();\n this.scroller.updateScrollerSize();\n this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect());\n this.renderSheet();\n return this;\n }\n makeConfigFromData(data, view) {\n const lastRowIdx = data.length - 1;\n const lastColIdx = data[0] ? data[0].length : 0;\n const rows = [];\n for (let row = 0; row < lastRowIdx; row++) {\n rows.push(new Row({\n height: 40,\n title: String(row),\n }));\n }\n const columns = [];\n for (let col = 0; col < lastColIdx; col++) {\n columns.push(new Column({\n width: 150,\n title: String(col),\n }));\n }\n const config = new Config({\n view,\n rows,\n columns,\n onCellClick: null,\n });\n return config;\n }\n serializeData() {\n const rowsLength = this.data.length;\n const colsLength = this.data[0] ? this.data[0].length : 0;\n const cellsArray = [];\n for (let row = 0; row < rowsLength; row++) {\n const innerRow = [];\n for (let col = 0; col < colsLength; col++) {\n innerRow.push(this.data[row][col].getSerializableCell());\n }\n cellsArray.push(innerRow);\n }\n return cellsArray;\n }\n}\nexport * from \"./modules/cache\";\nexport * from \"./modules/cell\";\nexport * from \"./modules/column\";\nexport * from \"./modules/config\";\nexport * from \"./modules/renderBox\";\nexport * from \"./modules/row\";\nexport * from \"./modules/selection\";\nexport * from \"./modules/styles\";\nexport * from \"./modules/viewport\";\nexport * from \"./utils/createData\";\n"],"names":["EventTypes","Events","root","__publicField","event","scroller","_a","_b","offsetX","offsetY","clickedCell","cell","selection","Selection","enableCallback","range","data","dataAsString","action","RenderBox","config","cellPosition","column","x","i","row","y","Editor","key","target","element","CSS_PREFIX","position","initialString","height","width","checkEqualCellSelections","selection1","selection2","Scroller","lastSelectedCell","isRangeChanged","newSelection","keysRegex","isPressedLetterKey","cells","from","to","rect","horizontalScroller","verticalScroller","mode","scrollTop","scrollLeft","bottom","right","groupScrollers","stack","acc","curr","totalHeight","totalWidth","CellStyles","props","Position","SerializableCell","Cell","styles","values","renderBox","ctx","Sheet","canvas","col","selectedCell","selectedRange","startRow","startCol","lastRow","lastCol","startCellBox","box","firstRowIdx","lastColIdx","lastRowIdx","firstColIdx","Table","container","sizes","Toolbar","toolbarElement","Config","Styles","Viewport","Column","Row","createSampleData","rows","columns","fillCellsByCoords","innerRow","value","createSampleConfig","rowsArr","rowItem","colsArr","colItem","makeSpreadsheetConfigAndData","CachedColumn","CachedRow","Cache","initial","rowIdx","colIdx","ColumnsBar","top","left","isColSelected","specialX","RowsBar","isRowSeleted","specialY","Clipboard","mapedData","item","arrayOfCells","cellProps","rowsLength","colsLength","j","savedCell","err","Spreadsheet","cachedCols","currentWidth","cacheCol","cachedRows","currentHeight","cacheRow","content","callback","fromRow","toRow","fromCol","toCol","formattedData","view","cellsArray"],"mappings":"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"} \ No newline at end of file diff --git a/dist/modules/cell.d.ts b/dist/modules/cell.d.ts index c480189..5e1d735 100644 --- a/dist/modules/cell.d.ts +++ b/dist/modules/cell.d.ts @@ -49,7 +49,6 @@ export declare class Cell { getSerializableCell(): SerializableCell; changeStyles(styles: CellStyles): void; changeValues(values: Partial>): void; - private isCellInRange; render(root: Spreadsheet): void; } export {}; diff --git a/package.json b/package.json index 70bfa2a..e6f034f 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "modern_spreadsheet", "private": false, - "version": "0.0.31", + "version": "0.0.32", "exports": { ".": { "import": "./dist/main.js", diff --git a/src/components/columnsBar.ts b/src/components/columnsBar.ts index 57066f9..f8c31da 100644 --- a/src/components/columnsBar.ts +++ b/src/components/columnsBar.ts @@ -82,9 +82,7 @@ export class ColumnsBar { const isColSelected = this.isColumnSelected(column); - this.ctx.fillStyle = isColSelected - ? "#c7ebff" - : "white"; + this.ctx.fillStyle = isColSelected ? "#c7ebff" : "white"; this.ctx.strokeStyle = "black"; this.ctx.lineWidth = 1; diff --git a/src/components/editor.ts b/src/components/editor.ts index 3e1c216..470ceb9 100644 --- a/src/components/editor.ts +++ b/src/components/editor.ts @@ -66,7 +66,7 @@ export class Editor { }); this.hide(); - this.root.renderSelection() + this.root.renderSelection(); } } }; diff --git a/src/components/rowsBar.ts b/src/components/rowsBar.ts index 73f0ec9..c1eb109 100644 --- a/src/components/rowsBar.ts +++ b/src/components/rowsBar.ts @@ -69,9 +69,7 @@ export class RowsBar { const isRowSeleted = this.isRowSelected(column); - this.ctx.fillStyle = isRowSeleted - ? "#c7ebff" - : "white"; + this.ctx.fillStyle = isRowSeleted ? "#c7ebff" : "white"; this.ctx.strokeStyle = "black"; this.ctx.lineWidth = this.resizerHeight; diff --git a/src/components/sheet.ts b/src/components/sheet.ts index 61a69aa..18cfab3 100644 --- a/src/components/sheet.ts +++ b/src/components/sheet.ts @@ -53,58 +53,69 @@ export class Sheet { } private getSelectionRange() { - const { selectedCell, selectedRange } = this.root.selection + const { selectedCell, selectedRange } = this.root.selection; if (!selectedCell && !selectedRange) return; if (selectedRange) { + const startRow = Math.min(selectedRange.from.row, selectedRange.to.row); + const startCol = Math.min( + selectedRange.from.column, + selectedRange.to.column, + ); + const lastRow = Math.max(selectedRange.from.row, selectedRange.to.row); + const lastCol = Math.max( + selectedRange.from.column, + selectedRange.to.column, + ); - const startRow = Math.min(selectedRange.from.row, selectedRange.to.row) - const startCol = Math.min(selectedRange.from.column, selectedRange.to.column) - const lastRow = Math.max(selectedRange.from.row, selectedRange.to.row) - const lastCol = Math.max(selectedRange.from.column, selectedRange.to.column) + const startCellBox = new RenderBox(this.root.config, { + row: startRow, + column: startCol, + }); - const startCellBox = new RenderBox(this.root.config, {row: startRow, column: startCol}) - - let width = 0 + let width = 0; for (let col = startCol; col <= lastCol; col++) { - width += this.root.config.columns[col].width + width += this.root.config.columns[col].width; } - let height = 0 + let height = 0; for (let row = startRow; row <= lastRow; row++) { - height += this.root.config.rows[row].height + height += this.root.config.rows[row].height; } - const x = startCellBox.x - this.root.viewport.left - const y = startCellBox.y - this.root.viewport.top + const x = startCellBox.x - this.root.viewport.left; + const y = startCellBox.y - this.root.viewport.top; - return { x, y, height, width } + return { x, y, height, width }; } if (!selectedRange && selectedCell) { - const box = new RenderBox(this.root.config, selectedCell) - box.x -= this.root.viewport.left - box.y -= this.root.viewport.top - return box + const box = new RenderBox(this.root.config, selectedCell); + box.x -= this.root.viewport.left; + box.y -= this.root.viewport.top; + return box; } } - private renderSelectionRange(x: number, y: number, width: number, height: number) { - - this.ctx.save() - this.ctx.strokeStyle = '#47d1ff' - this.ctx.lineWidth = 3 - this.ctx.strokeRect(x, y, width, height) - this.ctx.fillStyle = '#7da8ff50' - this.ctx.fillRect(x, y, width, height) - this.ctx.restore() - + private renderSelectionRange( + x: number, + y: number, + width: number, + height: number, + ) { + this.ctx.save(); + this.ctx.strokeStyle = "#47d1ff"; + this.ctx.lineWidth = 3; + this.ctx.strokeRect(x, y, width, height); + this.ctx.fillStyle = "#7da8ff50"; + this.ctx.fillRect(x, y, width, height); + this.ctx.restore(); } renderSelection() { - const box = this.getSelectionRange() + const box = this.getSelectionRange(); if (!box) return; - const {height, width, x, y} = box - this.renderSelectionRange(x, y, width, height) + const { height, width, x, y } = box; + this.renderSelectionRange(x, y, width, height); } renderSheet() { @@ -113,7 +124,6 @@ export class Sheet { const lastRowIdx = this.root.viewport.lastRow + 3; const firstColIdx = this.root.viewport.firstCol; - for (let row = firstRowIdx; row <= lastRowIdx; row++) { for (let col = firstColIdx; col <= lastColIdx; col++) { if (!this.root.config.columns[col] || !this.root.config.rows[row]) @@ -122,7 +132,6 @@ export class Sheet { this.renderCell({ column: col, row }); } } - this.renderSelection() - + this.renderSelection(); } } diff --git a/src/modules/cell.ts b/src/modules/cell.ts index 38c8d95..17cbe32 100644 --- a/src/modules/cell.ts +++ b/src/modules/cell.ts @@ -96,21 +96,21 @@ export class Cell { Object.assign(this, values); } - private isCellInRange(root: Spreadsheet): boolean { - const { column, row } = this.position; - const { selectedRange } = root.selection; + // private isCellInRange(root: Spreadsheet): boolean { + // const { column, row } = this.position; + // const { selectedRange } = root.selection; - if (!selectedRange) return false; + // if (!selectedRange) return false; - const isCellInRow = - row >= Math.min(selectedRange.from.row, selectedRange.to.row) && - row <= Math.max(selectedRange.to.row, selectedRange.from.row); - const isCellInCol = - column >= Math.min(selectedRange.from.column, selectedRange.to.column) && - column <= Math.max(selectedRange.to.column, selectedRange.from.column); + // const isCellInRow = + // row >= Math.min(selectedRange.from.row, selectedRange.to.row) && + // row <= Math.max(selectedRange.to.row, selectedRange.from.row); + // const isCellInCol = + // column >= Math.min(selectedRange.from.column, selectedRange.to.column) && + // column <= Math.max(selectedRange.to.column, selectedRange.from.column); - return isCellInCol && isCellInRow; - } + // return isCellInCol && isCellInRow; + // } render(root: Spreadsheet) { const renderBox = new RenderBox(root.config, this.position); diff --git a/src/modules/clipboard.ts b/src/modules/clipboard.ts index 3821222..827afc7 100644 --- a/src/modules/clipboard.ts +++ b/src/modules/clipboard.ts @@ -77,7 +77,7 @@ export class Clipboard { } catch (err) { console.error("Cannot read clipboard. ", err); } - root.renderSheet() + root.renderSheet(); return; }