From 11376f13ace2d36827c4ea8e9fb1b07def3d34b5 Mon Sep 17 00:00:00 2001 From: Eugene Date: Tue, 25 Jul 2023 12:33:25 +0300 Subject: [PATCH] New features: serialize and load data Fixed imports in modules --- README.md | 3 ++ dist/components/editor.d.ts | 2 +- dist/components/header.d.ts | 2 +- dist/components/scroller.d.ts | 2 +- dist/components/sheet.d.ts | 2 +- dist/components/table.d.ts | 2 +- dist/components/toolbar.d.ts | 2 +- dist/main.cjs | 6 +-- dist/main.cjs.map | 2 +- dist/main.d.ts | 15 +++++-- dist/main.js | 76 ++++++++++++++++++++++------------- dist/main.js.map | 2 +- dist/modules/cell.d.ts | 2 +- dist/modules/viewport.d.ts | 2 +- dist/utils/createData.d.ts | 3 +- index.html | 2 + package.json | 2 +- src/components/editor.ts | 2 +- src/components/header.ts | 2 +- src/components/scroller.ts | 2 +- src/components/sheet.ts | 2 +- src/components/table.ts | 2 +- src/components/toolbar.ts | 2 +- src/index.ts | 24 +++++++++-- src/main.ts | 53 +++++++++++++++++++++--- src/modules/cell.ts | 28 ++++++++++++- src/modules/viewport.ts | 2 +- 27 files changed, 182 insertions(+), 64 deletions(-) diff --git a/README.md b/README.md index f64582b..8b96983 100644 --- a/README.md +++ b/README.md @@ -14,4 +14,7 @@ const target = document.getElementById('spreadsheet') const sheet = new Spreadsheet(target) ``` + +Load data + diff --git a/dist/components/editor.d.ts b/dist/components/editor.d.ts index 674cfd4..ff338a7 100644 --- a/dist/components/editor.d.ts +++ b/dist/components/editor.d.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; import { Position } from "../modules/cell"; export declare class Editor { element: HTMLInputElement; diff --git a/dist/components/header.d.ts b/dist/components/header.d.ts index e8affcb..fbcb3b3 100644 --- a/dist/components/header.d.ts +++ b/dist/components/header.d.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; export declare class Header { element: HTMLHeadElement; root: Spreadsheet; diff --git a/dist/components/scroller.d.ts b/dist/components/scroller.d.ts index 58f3786..ec5b2ef 100644 --- a/dist/components/scroller.d.ts +++ b/dist/components/scroller.d.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; export interface ViewportRect { top: number; left: number; diff --git a/dist/components/sheet.d.ts b/dist/components/sheet.d.ts index a75fa03..752d448 100644 --- a/dist/components/sheet.d.ts +++ b/dist/components/sheet.d.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; import { Position } from "../modules/cell"; /** * Display (CANVAS) element where cells render diff --git a/dist/components/table.d.ts b/dist/components/table.d.ts index a9883df..12b8770 100644 --- a/dist/components/table.d.ts +++ b/dist/components/table.d.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; import { ViewProperties } from "../modules/config"; /** Base (root) component */ export declare class Table { diff --git a/dist/components/toolbar.d.ts b/dist/components/toolbar.d.ts index 14600fc..72b6e85 100644 --- a/dist/components/toolbar.d.ts +++ b/dist/components/toolbar.d.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; export declare class Toolbar { element: HTMLDivElement; root: Spreadsheet; diff --git a/dist/main.cjs b/dist/main.cjs index 56190ba..033ed73 100644 --- a/dist/main.cjs +++ b/dist/main.cjs @@ -1,5 +1,5 @@ -"use strict";var f=Object.defineProperty;var C=(r,t,e)=>t in r?f(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var o=(r,t,e)=>(C(r,typeof t!="symbol"?t+"":t,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class w{constructor(t,e){o(this,"x");o(this,"y");o(this,"width");o(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 s=0;for(let l=0;l{const{key:e}=t;switch(e){case"Escape":{this.hide();break}case"Enter":this.root.changeCellValues(this.root.selection.selectedCell,{value:this.element.value,displayValue:this.element.value}),this.hide()}});o(this,"handleClickOutside",t=>{const e=t.target;this.element.contains(e)||this.hide()});this.root=t;const e=document.createElement("input");e.classList.add("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){const{height:e,width:s,x:l,y:n}=new w(this.root.config,t),i=this.root.getCell(t);this.element.classList.remove("hide"),this.element.style.top=n-this.root.viewport.top+"px",this.element.style.left=l-this.root.viewport.left+"px",this.element.style.width=s+"px",this.element.style.height=e+"px",this.element.style.display="block",window.addEventListener("click",this.handleClickOutside),this.element.addEventListener("keydown",this.handleKeydown),this.element.value=i.value,this.element.focus(),this.element.select()}}class y{constructor(t){o(this,"element");o(this,"root");this.root=t;const e=document.createElement("header");e.classList.add(),this.element=e}}class S{constructor(t){o(this,"element");o(this,"verticalScroller");o(this,"horizontalScroller");o(this,"root");o(this,"isSelecting",!1);o(this,"handleMouseMove",t=>{if(!this.isSelecting)return;const{offsetX:e,offsetY:s}=t,l=this.root.getCellByCoords(e,s);this.root.selection.selectedRange&&(this.root.selection.selectedRange.to=l),this.root.renderSheet()});o(this,"handleMouseUp",()=>{this.isSelecting=!1,this.root.selection.selectedRange&&this.root.selection.selectedRange.from.row===this.root.selection.selectedRange.to.row&&this.root.selection.selectedRange.from.column===this.root.selection.selectedRange.to.column&&(this.root.selection.selectedRange=null),this.root.renderSheet()});o(this,"handleDoubleClick",t=>{t.preventDefault();const e=this.root.getCellByCoords(t.offsetX,t.offsetY);this.root.showEditor(e)});o(this,"handleKeydown",t=>{if(console.log(t),["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&&(console.log("tick"),this.root.selection.selectedCell.column-=1,this.root.renderSheet());break}case"ArrowRight":{this.root.selection.selectedCell&&this.root.selection.selectedCell.column0&&(this.root.selection.selectedCell.row-=1,this.root.renderSheet());break}case"ArrowDown":{this.root.selection.selectedCell&&this.root.selection.selectedCell.row{if(t.button!==0)return;const{offsetX:e,offsetY:s}=t,l=this.root.getCellByCoords(e,s);this.isSelecting=!0,this.root.selection.selectedRange={from:l,to:l},this.root.selection.selectedCell=l,this.root.renderSheet()});o(this,"handleScroll",()=>{const t=this.getViewportBoundlingRect();this.root.viewport.updateValues(t),this.root.renderSheet()});this.root=t;const{horizontalScroller:e,scroller:s,verticalScroller:l}=this.buildComponent();this.element=s,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.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)}getViewportBoundlingRect(){const{scrollTop:t,scrollLeft:e}=this.element,{height:s,width:l}=this.element.getBoundingClientRect(),n=t+s,i=e+l;return{top:t,left:e,bottom:n,right:i}}buildComponent(){const t=document.createElement("div"),e=document.createElement("div"),s=document.createElement("div"),l=document.createElement("div"),n=document.createElement("div");return e.style.width="0px",e.style.pointerEvents="none",s.style.pointerEvents="none",l.style.display="flex",n.appendChild(e),n.appendChild(s),l.appendChild(n),this.verticalScroller=e,this.horizontalScroller=s,t.appendChild(l),t.classList.add("scroller"),{scroller:t,verticalScroller:e,horizontalScroller:s}}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 v{constructor(t){o(this,"fontSize",16);o(this,"fontColor","black");o(this,"background","white");o(this,"borderColor","black");o(this,"selectedBackground","#4287f5");o(this,"selectedFontColor","#ffffff");t&&Object.assign(this,t)}}class x{constructor(t,e){o(this,"row");o(this,"column");this.row=t,this.column=e}}class R{constructor(t){o(this,"value");o(this,"displayValue");o(this,"resultValue");o(this,"position");o(this,"style",new v);this.value=t.value,this.displayValue=t.displayValue,this.resultValue=t.resultValue,this.position=t.position}changeValues(t){Object.assign(this,t)}isCellInRange(t){const{column:e,row:s}=this.position,{selectedRange:l}=t.selection;if(!l)return!1;const n=s>=Math.min(l.from.row,l.to.row)&&s<=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)&&n}render(t){var a;let{height:e,width:s,x:l,y:n}=new w(t.config,this.position);const{ctx:i}=t,c=((a=t.selection.selectedCell)==null?void 0:a.row)===this.position.row&&t.selection.selectedCell.column===this.position.column,h=this.isCellInRange(t);n-=t.viewport.top,l-=t.viewport.left,i.clearRect(l,n,s,e),i.fillStyle=c||h?this.style.selectedBackground:this.style.background,i.strokeStyle="black",i.fillRect(l,n,s-1,e-1),i.strokeRect(l,n,s,e),i.fillStyle=c||h?this.style.selectedFontColor:this.style.fontColor,i.textAlign="left",i.font=`${this.style.fontSize}px Arial`,i.textBaseline="middle",i.fillText(this.displayValue,l+2,n+e/2)}}class b{constructor(t){o(this,"element");o(this,"ctx");o(this,"root");this.root=t;const e=document.createElement("canvas");e.classList.add("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",this.element=e;const s=this.element.getContext("2d");if(!s)throw new Error("Enable hardware acceleration");this.ctx=s}getCellByCoords(t,e){let s=0,l=0;for(;l<=e&&(l+=this.root.config.rows[s].height,!(l>=e));)s++;let n=0,i=0;for(;i<=t&&(i+=this.root.config.columns[n].width,!(i>=t));)n++;return new x(s,n)}renderCell(t){const{column:e,row:s}=t;this.root.data[s][e].render(this.root)}renderSheet(){const t=this.root.viewport.firstRow,e=this.root.viewport.lastCol+3,s=this.root.viewport.lastRow+3,l=this.root.viewport.firstCol;for(let n=t;n<=s;n++)for(let i=l;i<=e&&!(!this.root.config.columns[i]||!this.root.config.rows[n]);i++)this.renderCell({column:i,row:n})}}class k{constructor(t){o(this,"element");o(this,"root");this.root=t;const e=document.createElement("div");e.classList.add("spreadsheet_container"),this.element=e,this.changeElementSizes(this.root.viewProps)}changeElementSizes(t){const{height:e,width:s}=t;this.element.style.width=s+"px",this.element.style.height=e+"px"}}class E{constructor(t){o(this,"element");o(this,"root");this.root=t;const e=document.createElement("div");e.classList.add("toolbar"),this.element=e}}class d{constructor(t){o(this,"rows");o(this,"columns");o(this,"view",{width:800,height:600});this.columns=t.columns,this.rows=t.rows,this.view=t.view}}class I{constructor(){o(this,"selectedCell",null);o(this,"selectedRange",null)}}class V{}class u{constructor(t,e){o(this,"root");o(this,"top");o(this,"left");o(this,"right");o(this,"bottom");o(this,"firstRow");o(this,"lastRow");o(this,"firstCol");o(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 E=Object.defineProperty;var I=(r,t,e)=>t in r?E(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var o=(r,t,e)=>(I(r,typeof t!="symbol"?t+"":t,e),e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class w{constructor(t,e){o(this,"x");o(this,"y");o(this,"width");o(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 s=0;for(let l=0;l{const{key:e}=t;switch(e){case"Escape":{this.hide();break}case"Enter":this.root.changeCellValues(this.root.selection.selectedCell,{value:this.element.value,displayValue:this.element.value}),this.hide()}});o(this,"handleClickOutside",t=>{const e=t.target;this.element.contains(e)||this.hide()});this.root=t;const e=document.createElement("input");e.classList.add("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){const{height:e,width:s,x:l,y:n}=new w(this.root.config,t),i=this.root.getCell(t);this.element.classList.remove("hide"),this.element.style.top=n-this.root.viewport.top+"px",this.element.style.left=l-this.root.viewport.left+"px",this.element.style.width=s+"px",this.element.style.height=e+"px",this.element.style.display="block",window.addEventListener("click",this.handleClickOutside),this.element.addEventListener("keydown",this.handleKeydown),this.element.value=i.value,this.element.focus(),this.element.select()}}class L{constructor(t){o(this,"element");o(this,"root");this.root=t;const e=document.createElement("header");e.classList.add(),this.element=e}}class B{constructor(t){o(this,"element");o(this,"verticalScroller");o(this,"horizontalScroller");o(this,"root");o(this,"isSelecting",!1);o(this,"handleMouseMove",t=>{if(!this.isSelecting)return;const{offsetX:e,offsetY:s}=t,l=this.root.getCellByCoords(e,s);this.root.selection.selectedRange&&(this.root.selection.selectedRange.to=l),this.root.renderSheet()});o(this,"handleMouseUp",()=>{this.isSelecting=!1,this.root.selection.selectedRange&&this.root.selection.selectedRange.from.row===this.root.selection.selectedRange.to.row&&this.root.selection.selectedRange.from.column===this.root.selection.selectedRange.to.column&&(this.root.selection.selectedRange=null),this.root.renderSheet()});o(this,"handleDoubleClick",t=>{t.preventDefault();const e=this.root.getCellByCoords(t.offsetX,t.offsetY);this.root.showEditor(e)});o(this,"handleKeydown",t=>{if(console.log(t),["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&&(console.log("tick"),this.root.selection.selectedCell.column-=1,this.root.renderSheet());break}case"ArrowRight":{this.root.selection.selectedCell&&this.root.selection.selectedCell.column0&&(this.root.selection.selectedCell.row-=1,this.root.renderSheet());break}case"ArrowDown":{this.root.selection.selectedCell&&this.root.selection.selectedCell.row{if(t.button!==0)return;const{offsetX:e,offsetY:s}=t,l=this.root.getCellByCoords(e,s);this.isSelecting=!0,this.root.selection.selectedRange={from:l,to:l},this.root.selection.selectedCell=l,this.root.renderSheet()});o(this,"handleScroll",()=>{const t=this.getViewportBoundlingRect();this.root.viewport.updateValues(t),this.root.renderSheet()});this.root=t;const{horizontalScroller:e,scroller:s,verticalScroller:l}=this.buildComponent();this.element=s,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.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)}getViewportBoundlingRect(){const{scrollTop:t,scrollLeft:e}=this.element,{height:s,width:l}=this.element.getBoundingClientRect(),n=t+s,i=e+l;return{top:t,left:e,bottom:n,right:i}}buildComponent(){const t=document.createElement("div"),e=document.createElement("div"),s=document.createElement("div"),l=document.createElement("div"),n=document.createElement("div");return e.style.width="0px",e.style.pointerEvents="none",s.style.pointerEvents="none",l.style.display="flex",n.appendChild(e),n.appendChild(s),l.appendChild(n),this.verticalScroller=e,this.horizontalScroller=s,t.appendChild(l),t.classList.add("scroller"),{scroller:t,verticalScroller:e,horizontalScroller:s}}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 p{constructor(t){o(this,"fontSize",16);o(this,"fontColor","black");o(this,"background","white");o(this,"borderColor","black");o(this,"selectedBackground","#4287f5");o(this,"selectedFontColor","#ffffff");t&&Object.assign(this,t)}}class y{constructor(t,e){o(this,"row");o(this,"column");this.row=t,this.column=e}}class S{constructor(t){o(this,"value");o(this,"displayValue");o(this,"resultValue");o(this,"position");o(this,"style",new p);this.value=t.value,this.displayValue=t.displayValue,this.resultValue=t.resultValue,this.position=t.position}changeValues(t){Object.assign(this,t)}isCellInRange(t){const{column:e,row:s}=this.position,{selectedRange:l}=t.selection;if(!l)return!1;const n=s>=Math.min(l.from.row,l.to.row)&&s<=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)&&n}render(t){var a;let{height:e,width:s,x:l,y:n}=new w(t.config,this.position);const{ctx:i}=t,c=((a=t.selection.selectedCell)==null?void 0:a.row)===this.position.row&&t.selection.selectedCell.column===this.position.column,h=this.isCellInRange(t);n-=t.viewport.top,l-=t.viewport.left,i.clearRect(l,n,s,e),i.fillStyle=c||h?this.style.selectedBackground:this.style.background,i.strokeStyle="black",i.fillRect(l,n,s-1,e-1),i.strokeRect(l,n,s,e),i.fillStyle=c||h?this.style.selectedFontColor:this.style.fontColor,i.textAlign="left",i.font=`${this.style.fontSize}px Arial`,i.textBaseline="middle",i.fillText(this.displayValue,l+2,n+e/2)}}class A{constructor(t){o(this,"element");o(this,"ctx");o(this,"root");this.root=t;const e=document.createElement("canvas");e.classList.add("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",this.element=e;const s=this.element.getContext("2d");if(!s)throw new Error("Enable hardware acceleration");this.ctx=s}getCellByCoords(t,e){let s=0,l=0;for(;l<=e&&(l+=this.root.config.rows[s].height,!(l>=e));)s++;let n=0,i=0;for(;i<=t&&(i+=this.root.config.columns[n].width,!(i>=t));)n++;return new y(s,n)}renderCell(t){const{column:e,row:s}=t;this.root.data[s][e].render(this.root)}renderSheet(){const t=this.root.viewport.firstRow,e=this.root.viewport.lastCol+3,s=this.root.viewport.lastRow+3,l=this.root.viewport.firstCol;for(let n=t;n<=s;n++)for(let i=l;i<=e&&!(!this.root.config.columns[i]||!this.root.config.rows[n]);i++)this.renderCell({column:i,row:n})}}class M{constructor(t){o(this,"element");o(this,"root");this.root=t;const e=document.createElement("div");e.classList.add("spreadsheet_container"),this.element=e,this.changeElementSizes(this.root.viewProps)}changeElementSizes(t){const{height:e,width:s}=t;this.element.style.width=s+"px",this.element.style.height=e+"px"}}class D{constructor(t){o(this,"element");o(this,"root");this.root=t;const e=document.createElement("div");e.classList.add("toolbar"),this.element=e}}class d{constructor(t){o(this,"rows");o(this,"columns");o(this,"view",{width:800,height:600});this.columns=t.columns,this.rows=t.rows,this.view=t.view}}class v{constructor(){o(this,"selectedCell",null);o(this,"selectedRange",null)}}class x{}class u{constructor(t,e){o(this,"root");o(this,"top");o(this,"left");o(this,"right");o(this,"bottom");o(this,"firstRow");o(this,"lastRow");o(this,"firstCol");o(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 m{constructor(t){o(this,"width");o(this,"title");this.width=t.width,this.title=t.title}}class g{constructor(t){o(this,"height");o(this,"title");this.height=t.height,this.title=t.title}}function L(r,t,e=!1){const s=[];for(let l=0;l<=r;l++){const n=[];for(let i=0;i<=t;i++){const c=e?`${l}:${i}`:"",h=new R({displayValue:c,resultValue:c,value:c,position:{column:i,row:l}});n.push(h)}s.push(n)}return s}function B(r,t){const e=[];for(let n=0;n<=r;n++){const i=new g({height:40,title:String(n)});e.push(i)}const s=[];for(let n=0;n<=t;n++){const i=new m({title:String(n),width:150});s.push(i)}return new d({columns:s,rows:e,view:{height:600,width:800}})}class A{constructor(t){o(this,"xPos");o(this,"colIdx");this.xPos=t.xPos,this.colIdx=t.colIdx}}class M{constructor(t){o(this,"yPos");o(this,"rowIdx");this.yPos=t.yPos,this.rowIdx=t.rowIdx}}class T{constructor(t){o(this,"columns");o(this,"rows");this.columns=t.columns,this.rows=t.rows}getRowByYCoord(t){let e=0;for(let s=0;s{this.changeCellValues(t.position,{displayValue:"",resultValue:"",value:""})});else{if(!this.selection.selectedCell)return;this.changeCellValues(this.selection.selectedCell,{displayValue:"",resultValue:"",value:""})}}showEditor(t){this.editor.show(t)}renderSheet(){this.sheet.renderSheet()}renderCell(t,e){this.data[t][e].render(this)}loadData(t){this.data=t,this.config=this.makeConfigFromData(t,this.config.view),this.cache=this.getInitialCache(),this.scroller.updateScrollerSize(),this.viewport=new u(this,this.scroller.getViewportBoundlingRect()),this.renderSheet()}makeConfigFromData(t,e){const s=t.length-1,l=t[0]?t[0].length:0,n=[];for(let h=0;h{this.changeCellValues(t.position,{displayValue:"",resultValue:"",value:""})});else{if(!this.selection.selectedCell)return;this.changeCellValues(this.selection.selectedCell,{displayValue:"",resultValue:"",value:""})}}showEditor(t){this.editor.show(t)}renderSheet(){this.sheet.renderSheet()}renderCell(t,e){this.data[t][e].render(this)}loadData(t){return this.data=t,this.config=this.makeConfigFromData(t,this.config.view),this.cache=this.getInitialCache(),this.scroller.updateScrollerSize(),this.viewport=new u(this,this.scroller.getViewportBoundlingRect()),this.renderSheet(),this}makeConfigFromData(t,e){const s=t.length-1,l=t[0]?t[0].length:0,n=[];for(let h=0;h {\n const { key } = event;\n switch (key) {\n case 'Escape': {\n this.hide();\n break;\n }\n case 'Enter': {\n this.root.changeCellValues(this.root.selection.selectedCell, {\n value: this.element.value,\n displayValue: this.element.value\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 class Header {\n element;\n root;\n constructor(root) {\n this.root = root;\n const headerElement = document.createElement('header');\n headerElement.classList.add();\n this.element = headerElement;\n }\n}\n","export 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.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 }\n handleMouseMove = (event) => {\n if (!this.isSelecting)\n return;\n const { offsetX, offsetY } = event;\n const lastSelectedCell = this.root.getCellByCoords(offsetX, offsetY);\n if (this.root.selection.selectedRange) {\n this.root.selection.selectedRange.to = lastSelectedCell;\n }\n this.root.renderSheet();\n };\n handleMouseUp = () => {\n this.isSelecting = false;\n if (this.root.selection.selectedRange) {\n if ((this.root.selection.selectedRange.from.row === this.root.selection.selectedRange.to.row) &&\n (this.root.selection.selectedRange.from.column === this.root.selection.selectedRange.to.column)) {\n this.root.selection.selectedRange = null;\n }\n }\n this.root.renderSheet();\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 console.log(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 && this.root.selection.selectedCell.column > 0) {\n console.log('tick');\n this.root.selection.selectedCell.column -= 1;\n this.root.renderSheet();\n }\n break;\n }\n case 'ArrowRight': {\n if (this.root.selection.selectedCell && this.root.selection.selectedCell.column < 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 && 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 && this.root.selection.selectedCell.row < this.root.config.rows.length - 1) {\n this.root.selection.selectedCell.row += 1;\n this.root.renderSheet();\n }\n break;\n }\n }\n }\n if (!event.metaKey && !event.ctrlKey) { //* Prevent handle shortcutrs\n if (event.key === 'F2' || /^([a-z]|[а-я])$/.test(event.key.toLowerCase())) { //* 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);\n }\n }\n if (event.key === 'Delete') {\n event.preventDefault();\n this.root.deleteSelectedCellsValues();\n this.root.renderSheet();\n }\n };\n handleClick = (event) => {\n if (event.button !== 0)\n return; // Left mouse button\n const { offsetX, offsetY } = event;\n const clickedCell = this.root.getCellByCoords(offsetX, offsetY);\n this.isSelecting = true;\n this.root.selection.selectedRange = {\n from: clickedCell,\n to: clickedCell\n };\n this.root.selection.selectedCell = clickedCell;\n this.root.renderSheet();\n };\n handleScroll = () => {\n const rect = this.getViewportBoundlingRect();\n this.root.viewport.updateValues(rect);\n this.root.renderSheet();\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.classList.add('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 Cell {\n value;\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 = new CellStyles();\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\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) && row <= Math.max(selectedRange.to.row, selectedRange.from.row);\n const isCellInCol = column >= Math.min(selectedRange.from.column, selectedRange.to.column) && column <= Math.max(selectedRange.to.column, selectedRange.from.column);\n return isCellInCol && isCellInRow;\n }\n render(root) {\n let { height, width, x, y } = new RenderBox(root.config, this.position);\n const { ctx } = root;\n const isCellSelected = (root.selection.selectedCell?.row === this.position.row && root.selection.selectedCell.column === this.position.column);\n const isCellInRange = this.isCellInRange(root);\n y -= root.viewport.top;\n x -= root.viewport.left;\n ctx.clearRect(x, y, width, height);\n ctx.fillStyle = isCellSelected || isCellInRange ? this.style.selectedBackground : this.style.background;\n ctx.strokeStyle = 'black';\n ctx.fillRect(x, y, width - 1, height - 1);\n ctx.strokeRect(x, y, width, height);\n ctx.fillStyle = isCellSelected || isCellInRange ? this.style.selectedFontColor : this.style.fontColor;\n ctx.textAlign = 'left';\n ctx.font = `${this.style.fontSize}px Arial`;\n ctx.textBaseline = 'middle';\n ctx.fillText(this.displayValue, x + 2, y + height / 2);\n }\n}\n","import { 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('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 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","/** 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('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 + 'px';\n this.element.style.height = height + 'px';\n }\n}\n","export class Toolbar {\n element;\n root;\n constructor(root) {\n this.root = root;\n const toolbarElement = document.createElement('div');\n toolbarElement.classList.add('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 constructor(props) {\n this.columns = props.columns;\n this.rows = props.rows;\n this.view = props.view;\n }\n}\n","export class Selection {\n selectedCell = null;\n selectedRange = null;\n}\n","export class Styles {\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 let rowIdx = this.root.cache.getRowByYCoord(this.top);\n return rowIdx;\n }\n getLastRow() {\n let rowIdx = this.root.cache.getRowByYCoord(this.bottom);\n return rowIdx;\n }\n getFirstCol() {\n let colIdx = this.root.cache.getColumnByXCoord(this.left);\n return colIdx;\n }\n getLastCol() {\n let 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 });\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) { //* 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) { //* Intersection detect\n colIdx = i;\n break;\n }\n }\n return colIdx;\n }\n}\n","import { Editor } from \"./components/editor\";\nimport { Header } from \"./components/header\";\nimport { Scroller } from \"./components/scroller\";\nimport { Sheet } from \"./components/sheet\";\nimport { Table } from \"./components/table\";\nimport { Toolbar } from \"./components/toolbar\";\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 { createSampleConfig, createSampleData } from \"./utils/createData\";\nimport { Cache, CachedColumn, CachedRow } from \"./modules/cache\";\nimport { Row } from \"./modules/row\";\nimport { Column } from \"./modules/column\";\nexport class Spreadsheet {\n table;\n scroller;\n toolbar;\n header;\n sheet;\n editor;\n styles;\n config;\n data;\n viewport;\n selection;\n cache;\n constructor(target, props) {\n const config = createSampleConfig(500, 500);\n if (props?.view) {\n config.view = props.view;\n }\n this.config = new Config(config);\n this.sheet = new Sheet(this);\n const data = createSampleData(500, 500);\n this.table = new Table(this);\n this.scroller = new Scroller(this);\n this.toolbar = new Toolbar(this);\n this.header = new Header(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.data = data;\n this.styles = new Styles();\n this.buildComponent();\n this.appendTableToTarget(target);\n this.renderSheet();\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.appendChild(this.header.element);\n content.appendChild(this.sheet.element);\n content.classList.add('content');\n this.table.element.appendChild(this.toolbar.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 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 get ctx() {\n return this.sheet.ctx;\n }\n get viewProps() {\n return this.config.view;\n }\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) {\n const { column, row } = position;\n this.data[row][column].changeValues(values);\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) {\n this.editor.show(position);\n }\n renderSheet() {\n this.sheet.renderSheet();\n }\n renderCell(row, col) {\n this.data[row][col].render(this);\n }\n loadData(data) {\n this.data = data;\n this.config = this.makeConfigFromData(data, 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 }\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 });\n return config;\n }\n}\n"],"names":["RenderBox","config","cellPosition","__publicField","column","x","i","row","y","Editor","root","event","key","target","element","position","height","width","cell","Header","headerElement","Scroller","offsetX","offsetY","lastSelectedCell","clickedCell","rect","horizontalScroller","scroller","verticalScroller","scrollTop","scrollLeft","bottom","right","groupScrollers","stack","acc","curr","totalHeight","totalWidth","CellStyles","props","Position","Cell","values","selectedRange","isCellInRow","ctx","isCellSelected","_a","isCellInRange","Sheet","canvas","col","firstRowIdx","lastColIdx","lastRowIdx","firstColIdx","Table","container","sizes","Toolbar","toolbarElement","Config","Selection","Styles","Viewport","Column","Row","createSampleData","rows","columns","fillCellsByCoords","data","innerRow","value","createSampleConfig","rowsArr","rowItem","colsArr","colItem","CachedColumn","CachedRow","Cache","initial","rowIdx","colIdx","Spreadsheet","cachedCols","currentWidth","cacheCol","cachedRows","currentHeight","cacheRow","cache","content","range","callback","fromRow","toRow","fromCol","toCol","view"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"main.cjs","sources":["../src/modules/renderBox.ts","../src/components/editor.ts","../src/components/header.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/main.ts"],"sourcesContent":["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 { 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('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) {\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 = (y - this.root.viewport.top) + 'px';\n this.element.style.left = (x - this.root.viewport.left) + '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 = cell.value;\n this.element.focus();\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 this.root.changeCellValues(this.root.selection.selectedCell, {\n value: this.element.value,\n displayValue: this.element.value\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 class Header {\n element;\n root;\n constructor(root) {\n this.root = root;\n const headerElement = document.createElement('header');\n headerElement.classList.add();\n this.element = headerElement;\n }\n}\n","export 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.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 }\n handleMouseMove = (event) => {\n if (!this.isSelecting)\n return;\n const { offsetX, offsetY } = event;\n const lastSelectedCell = this.root.getCellByCoords(offsetX, offsetY);\n if (this.root.selection.selectedRange) {\n this.root.selection.selectedRange.to = lastSelectedCell;\n }\n this.root.renderSheet();\n };\n handleMouseUp = () => {\n this.isSelecting = false;\n if (this.root.selection.selectedRange) {\n if ((this.root.selection.selectedRange.from.row === this.root.selection.selectedRange.to.row) &&\n (this.root.selection.selectedRange.from.column === this.root.selection.selectedRange.to.column)) {\n this.root.selection.selectedRange = null;\n }\n }\n this.root.renderSheet();\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 console.log(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 && this.root.selection.selectedCell.column > 0) {\n console.log('tick');\n this.root.selection.selectedCell.column -= 1;\n this.root.renderSheet();\n }\n break;\n }\n case 'ArrowRight': {\n if (this.root.selection.selectedCell && this.root.selection.selectedCell.column < 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 && 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 && this.root.selection.selectedCell.row < this.root.config.rows.length - 1) {\n this.root.selection.selectedCell.row += 1;\n this.root.renderSheet();\n }\n break;\n }\n }\n }\n if (!event.metaKey && !event.ctrlKey) { //* Prevent handle shortcutrs\n if (event.key === 'F2' || /^([a-z]|[а-я])$/.test(event.key.toLowerCase())) { //* 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);\n }\n }\n if (event.key === 'Delete') {\n event.preventDefault();\n this.root.deleteSelectedCellsValues();\n this.root.renderSheet();\n }\n };\n handleClick = (event) => {\n if (event.button !== 0)\n return; // Left mouse button\n const { offsetX, offsetY } = event;\n const clickedCell = this.root.getCellByCoords(offsetX, offsetY);\n this.isSelecting = true;\n this.root.selection.selectedRange = {\n from: clickedCell,\n to: clickedCell\n };\n this.root.selection.selectedCell = clickedCell;\n this.root.renderSheet();\n };\n handleScroll = () => {\n const rect = this.getViewportBoundlingRect();\n this.root.viewport.updateValues(rect);\n this.root.renderSheet();\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.classList.add('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 Cell {\n value;\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 = new CellStyles();\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\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) && row <= Math.max(selectedRange.to.row, selectedRange.from.row);\n const isCellInCol = column >= Math.min(selectedRange.from.column, selectedRange.to.column) && column <= Math.max(selectedRange.to.column, selectedRange.from.column);\n return isCellInCol && isCellInRow;\n }\n render(root) {\n let { height, width, x, y } = new RenderBox(root.config, this.position);\n const { ctx } = root;\n const isCellSelected = (root.selection.selectedCell?.row === this.position.row && root.selection.selectedCell.column === this.position.column);\n const isCellInRange = this.isCellInRange(root);\n y -= root.viewport.top;\n x -= root.viewport.left;\n ctx.clearRect(x, y, width, height);\n ctx.fillStyle = isCellSelected || isCellInRange ? this.style.selectedBackground : this.style.background;\n ctx.strokeStyle = 'black';\n ctx.fillRect(x, y, width - 1, height - 1);\n ctx.strokeRect(x, y, width, height);\n ctx.fillStyle = isCellSelected || isCellInRange ? this.style.selectedFontColor : this.style.fontColor;\n ctx.textAlign = 'left';\n ctx.font = `${this.style.fontSize}px Arial`;\n ctx.textBaseline = 'middle';\n ctx.fillText(this.displayValue, x + 2, y + height / 2);\n }\n}\n","import { 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('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 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","/** 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('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 + 'px';\n this.element.style.height = height + 'px';\n }\n}\n","export class Toolbar {\n element;\n root;\n constructor(root) {\n this.root = root;\n const toolbarElement = document.createElement('div');\n toolbarElement.classList.add('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 constructor(props) {\n this.columns = props.columns;\n this.rows = props.rows;\n this.view = props.view;\n }\n}\n","export class Selection {\n selectedCell = null;\n selectedRange = null;\n}\n","export class Styles {\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 let rowIdx = this.root.cache.getRowByYCoord(this.top);\n return rowIdx;\n }\n getLastRow() {\n let rowIdx = this.root.cache.getRowByYCoord(this.bottom);\n return rowIdx;\n }\n getFirstCol() {\n let colIdx = this.root.cache.getColumnByXCoord(this.left);\n return colIdx;\n }\n getLastCol() {\n let 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 });\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) { //* 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) { //* Intersection detect\n colIdx = i;\n break;\n }\n }\n return colIdx;\n }\n}\n","import { Editor } from \"./components/editor\";\nimport { Header } from \"./components/header\";\nimport { Scroller } from \"./components/scroller\";\nimport { Sheet } from \"./components/sheet\";\nimport { Table } from \"./components/table\";\nimport { Toolbar } from \"./components/toolbar\";\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 { createSampleConfig, createSampleData } from \"./utils/createData\";\nimport { Cache, CachedColumn, CachedRow } from \"./modules/cache\";\nimport { Row } from \"./modules/row\";\nimport { Column } from \"./modules/column\";\nexport default class Spreadsheet {\n table;\n scroller;\n toolbar;\n header;\n sheet;\n editor;\n styles;\n config;\n data;\n viewport;\n selection;\n cache;\n constructor(target, props) {\n const config = createSampleConfig(500, 500);\n if (props?.view) {\n config.view = props.view;\n }\n this.config = new Config(config);\n this.sheet = new Sheet(this);\n const data = createSampleData(500, 500);\n this.table = new Table(this);\n this.scroller = new Scroller(this);\n this.toolbar = new Toolbar(this);\n this.header = new Header(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.data = data;\n this.styles = new Styles();\n this.buildComponent();\n this.appendTableToTarget(target);\n this.renderSheet();\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.appendChild(this.header.element);\n content.appendChild(this.sheet.element);\n content.classList.add('content');\n this.table.element.appendChild(this.toolbar.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 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 get ctx() {\n return this.sheet.ctx;\n }\n get viewProps() {\n return this.config.view;\n }\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) {\n const { column, row } = position;\n this.data[row][column].changeValues(values);\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) {\n this.editor.show(position);\n }\n renderSheet() {\n this.sheet.renderSheet();\n }\n renderCell(row, col) {\n this.data[row][col].render(this);\n }\n loadData(data) {\n this.data = data;\n this.config = this.makeConfigFromData(data, 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 });\n return config;\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":["RenderBox","config","cellPosition","__publicField","column","x","i","row","y","Editor","root","event","key","target","element","position","height","width","cell","Header","headerElement","Scroller","offsetX","offsetY","lastSelectedCell","clickedCell","rect","horizontalScroller","scroller","verticalScroller","scrollTop","scrollLeft","bottom","right","groupScrollers","stack","acc","curr","totalHeight","totalWidth","CellStyles","props","Position","Cell","values","selectedRange","isCellInRow","ctx","isCellSelected","_a","isCellInRange","Sheet","canvas","col","firstRowIdx","lastColIdx","lastRowIdx","firstColIdx","Table","container","sizes","Toolbar","toolbarElement","Config","Selection","Styles","Viewport","Column","Row","createSampleData","rows","columns","fillCellsByCoords","data","innerRow","value","createSampleConfig","rowsArr","rowItem","colsArr","colItem","makeSpreadsheetConfigAndData","CachedColumn","CachedRow","Cache","initial","rowIdx","colIdx","Spreadsheet","cachedCols","currentWidth","cacheCol","cachedRows","currentHeight","cacheRow","cache","content","range","callback","fromRow","toRow","fromCol","toCol","view"],"mappings":"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"} \ No newline at end of file diff --git a/dist/main.d.ts b/dist/main.d.ts index 31467e6..4775a57 100644 --- a/dist/main.d.ts +++ b/dist/main.d.ts @@ -9,7 +9,7 @@ interface SpreadsheetConstructorProperties { config?: Omit; view?: ViewProperties; } -export declare class Spreadsheet { +export default class Spreadsheet { private table; private scroller; private toolbar; @@ -37,7 +37,16 @@ export declare class Spreadsheet { showEditor(position: Position): void; renderSheet(): void; renderCell(row: number, col: number): void; - loadData(data: Cell[][]): void; + loadData(data: Cell[][]): Spreadsheet; private makeConfigFromData; } -export {}; +export * from './modules/cache'; +export * from './modules/cell'; +export * from './modules/column'; +export * from './modules/config'; +export * from './modules/renderBox'; +export * from './modules/row'; +export * from './modules/selection'; +export * from './modules/styles'; +export * from './modules/viewport'; +export * from './utils/createData'; diff --git a/dist/main.js b/dist/main.js index 955eea3..f01e334 100644 --- a/dist/main.js +++ b/dist/main.js @@ -1,6 +1,6 @@ -var f = Object.defineProperty; -var C = (r, t, e) => t in r ? f(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e; -var o = (r, t, e) => (C(r, typeof t != "symbol" ? t + "" : t, e), e); +var p = Object.defineProperty; +var y = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e; +var o = (r, t, e) => (y(r, typeof t != "symbol" ? t + "" : t, e), e); class w { constructor(t, e) { o(this, "x"); @@ -22,7 +22,7 @@ class w { return s; } } -class p { +class S { constructor(t) { o(this, "element"); o(this, "root"); @@ -56,7 +56,7 @@ class p { this.element.classList.remove("hide"), this.element.style.top = n - this.root.viewport.top + "px", this.element.style.left = l - this.root.viewport.left + "px", this.element.style.width = s + "px", this.element.style.height = e + "px", this.element.style.display = "block", window.addEventListener("click", this.handleClickOutside), this.element.addEventListener("keydown", this.handleKeydown), this.element.value = i.value, this.element.focus(), this.element.select(); } } -class y { +class v { constructor(t) { o(this, "element"); o(this, "root"); @@ -65,7 +65,7 @@ class y { e.classList.add(), this.element = e; } } -class v { +class x { constructor(t) { o(this, "element"); o(this, "verticalScroller"); @@ -160,7 +160,7 @@ class v { this.horizontalScroller.style.width = t + "px"; } } -class S { +class R { constructor(t) { o(this, "fontSize", 16); o(this, "fontColor", "black"); @@ -171,21 +171,21 @@ class S { t && Object.assign(this, t); } } -class x { +class b { constructor(t, e) { o(this, "row"); o(this, "column"); this.row = t, this.column = e; } } -class R { +class k { constructor(t) { o(this, "value"); o(this, "displayValue"); /** This refers to the values ​​​​that were obtained by calculations, for example, after calculating the formula */ o(this, "resultValue"); o(this, "position"); - o(this, "style", new S()); + o(this, "style", new R()); this.value = t.value, this.displayValue = t.displayValue, this.resultValue = t.resultValue, this.position = t.position; } changeValues(t) { @@ -205,7 +205,7 @@ class R { n -= t.viewport.top, l -= t.viewport.left, i.clearRect(l, n, s, e), i.fillStyle = c || h ? this.style.selectedBackground : this.style.background, i.strokeStyle = "black", i.fillRect(l, n, s - 1, e - 1), i.strokeRect(l, n, s, e), i.fillStyle = c || h ? this.style.selectedFontColor : this.style.fontColor, i.textAlign = "left", i.font = `${this.style.fontSize}px Arial`, i.textBaseline = "middle", i.fillText(this.displayValue, l + 2, n + e / 2); } } -class b { +class E { constructor(t) { o(this, "element"); o(this, "ctx"); @@ -225,7 +225,7 @@ class b { let n = 0, i = 0; for (; i <= t && (i += this.root.config.columns[n].width, !(i >= t)); ) n++; - return new x(s, n); + return new b(s, n); } renderCell(t) { const { column: e, row: s } = t; @@ -238,7 +238,7 @@ class b { this.renderCell({ column: i, row: n }); } } -class k { +class I { constructor(t) { o(this, "element"); o(this, "root"); @@ -251,7 +251,7 @@ class k { this.element.style.width = s + "px", this.element.style.height = e + "px"; } } -class E { +class V { constructor(t) { o(this, "element"); o(this, "root"); @@ -271,13 +271,13 @@ class d { this.columns = t.columns, this.rows = t.rows, this.view = t.view; } } -class I { +class L { constructor() { o(this, "selectedCell", null); o(this, "selectedRange", null); } } -class V { +class B { } class u { constructor(t, e) { @@ -332,12 +332,12 @@ class g { this.height = t.height, this.title = t.title; } } -function L(r, t, e = !1) { +function f(r, t, e = !1) { const s = []; for (let l = 0; l <= r; l++) { const n = []; for (let i = 0; i <= t; i++) { - const c = e ? `${l}:${i}` : "", h = new R({ + const c = e ? `${l}:${i}` : "", h = new k({ displayValue: c, resultValue: c, value: c, @@ -352,7 +352,7 @@ function L(r, t, e = !1) { } return s; } -function B(r, t) { +function C(r, t) { const e = []; for (let n = 0; n <= r; n++) { const i = new g({ @@ -378,6 +378,10 @@ function B(r, t) { } }); } +function z(r, t) { + const e = f(r, t), s = C(r, t); + return { data: e, config: s }; +} class A { constructor(t) { o(this, "xPos"); @@ -392,7 +396,7 @@ class M { this.yPos = t.yPos, this.rowIdx = t.rowIdx; } } -class T { +class D { constructor(t) { o(this, "columns"); o(this, "rows"); @@ -417,7 +421,7 @@ class T { return e; } } -class D { +class F { constructor(t, e) { o(this, "table"); o(this, "scroller"); @@ -431,10 +435,10 @@ class D { o(this, "viewport"); o(this, "selection"); o(this, "cache"); - const s = B(500, 500); - e != null && e.view && (s.view = e.view), this.config = new d(s), this.sheet = new b(this); - const l = L(500, 500); - this.table = new k(this), this.scroller = new v(this), this.toolbar = new E(this), this.header = new y(this), this.editor = new p(this), this.cache = this.getInitialCache(), this.viewport = new u(this, this.scroller.getViewportBoundlingRect()), this.selection = new I(), this.data = l, this.styles = new V(), this.buildComponent(), this.appendTableToTarget(t), this.renderSheet(); + const s = C(500, 500); + e != null && e.view && (s.view = e.view), this.config = new d(s), this.sheet = new E(this); + const l = f(500, 500); + this.table = new I(this), this.scroller = new x(this), this.toolbar = new V(this), this.header = new v(this), this.editor = new S(this), this.cache = this.getInitialCache(), this.viewport = new u(this, this.scroller.getViewportBoundlingRect()), this.selection = new L(), this.data = l, this.styles = new B(), this.buildComponent(), this.appendTableToTarget(t), this.renderSheet(); } getInitialCache() { const t = []; @@ -459,7 +463,7 @@ class D { }); s.push(h); } - const n = new T({ + const n = new D({ columns: t, rows: s }); @@ -536,7 +540,7 @@ class D { this.data[t][e].render(this); } loadData(t) { - this.data = t, this.config = this.makeConfigFromData(t, this.config.view), this.cache = this.getInitialCache(), this.scroller.updateScrollerSize(), this.viewport = new u(this, this.scroller.getViewportBoundlingRect()), this.renderSheet(); + return this.data = t, this.config = this.makeConfigFromData(t, this.config.view), this.cache = this.getInitialCache(), this.scroller.updateScrollerSize(), this.viewport = new u(this, this.scroller.getViewportBoundlingRect()), this.renderSheet(), this; } makeConfigFromData(t, e) { const s = t.length - 1, l = t[0] ? t[0].length : 0, n = []; @@ -559,6 +563,22 @@ class D { } } export { - D as Spreadsheet + D as Cache, + A as CachedColumn, + M as CachedRow, + k as Cell, + R as CellStyles, + m as Column, + d as Config, + b as Position, + w as RenderBox, + g as Row, + L as Selection, + B as Styles, + u as Viewport, + C as createSampleConfig, + f as createSampleData, + F as default, + z as makeSpreadsheetConfigAndData }; //# sourceMappingURL=main.js.map diff --git a/dist/main.js.map b/dist/main.js.map index 3651f88..e69ae24 100644 --- a/dist/main.js.map +++ b/dist/main.js.map @@ -1 +1 @@ -{"version":3,"file":"main.js","sources":["../src/modules/renderBox.ts","../src/components/editor.ts","../src/components/header.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/main.ts"],"sourcesContent":["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 { 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('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) {\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 = (y - this.root.viewport.top) + 'px';\n this.element.style.left = (x - this.root.viewport.left) + '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 = cell.value;\n this.element.focus();\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 this.root.changeCellValues(this.root.selection.selectedCell, {\n value: this.element.value,\n displayValue: this.element.value\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 class Header {\n element;\n root;\n constructor(root) {\n this.root = root;\n const headerElement = document.createElement('header');\n headerElement.classList.add();\n this.element = headerElement;\n }\n}\n","export 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.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 }\n handleMouseMove = (event) => {\n if (!this.isSelecting)\n return;\n const { offsetX, offsetY } = event;\n const lastSelectedCell = this.root.getCellByCoords(offsetX, offsetY);\n if (this.root.selection.selectedRange) {\n this.root.selection.selectedRange.to = lastSelectedCell;\n }\n this.root.renderSheet();\n };\n handleMouseUp = () => {\n this.isSelecting = false;\n if (this.root.selection.selectedRange) {\n if ((this.root.selection.selectedRange.from.row === this.root.selection.selectedRange.to.row) &&\n (this.root.selection.selectedRange.from.column === this.root.selection.selectedRange.to.column)) {\n this.root.selection.selectedRange = null;\n }\n }\n this.root.renderSheet();\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 console.log(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 && this.root.selection.selectedCell.column > 0) {\n console.log('tick');\n this.root.selection.selectedCell.column -= 1;\n this.root.renderSheet();\n }\n break;\n }\n case 'ArrowRight': {\n if (this.root.selection.selectedCell && this.root.selection.selectedCell.column < 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 && 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 && this.root.selection.selectedCell.row < this.root.config.rows.length - 1) {\n this.root.selection.selectedCell.row += 1;\n this.root.renderSheet();\n }\n break;\n }\n }\n }\n if (!event.metaKey && !event.ctrlKey) { //* Prevent handle shortcutrs\n if (event.key === 'F2' || /^([a-z]|[а-я])$/.test(event.key.toLowerCase())) { //* 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);\n }\n }\n if (event.key === 'Delete') {\n event.preventDefault();\n this.root.deleteSelectedCellsValues();\n this.root.renderSheet();\n }\n };\n handleClick = (event) => {\n if (event.button !== 0)\n return; // Left mouse button\n const { offsetX, offsetY } = event;\n const clickedCell = this.root.getCellByCoords(offsetX, offsetY);\n this.isSelecting = true;\n this.root.selection.selectedRange = {\n from: clickedCell,\n to: clickedCell\n };\n this.root.selection.selectedCell = clickedCell;\n this.root.renderSheet();\n };\n handleScroll = () => {\n const rect = this.getViewportBoundlingRect();\n this.root.viewport.updateValues(rect);\n this.root.renderSheet();\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.classList.add('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 Cell {\n value;\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 = new CellStyles();\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\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) && row <= Math.max(selectedRange.to.row, selectedRange.from.row);\n const isCellInCol = column >= Math.min(selectedRange.from.column, selectedRange.to.column) && column <= Math.max(selectedRange.to.column, selectedRange.from.column);\n return isCellInCol && isCellInRow;\n }\n render(root) {\n let { height, width, x, y } = new RenderBox(root.config, this.position);\n const { ctx } = root;\n const isCellSelected = (root.selection.selectedCell?.row === this.position.row && root.selection.selectedCell.column === this.position.column);\n const isCellInRange = this.isCellInRange(root);\n y -= root.viewport.top;\n x -= root.viewport.left;\n ctx.clearRect(x, y, width, height);\n ctx.fillStyle = isCellSelected || isCellInRange ? this.style.selectedBackground : this.style.background;\n ctx.strokeStyle = 'black';\n ctx.fillRect(x, y, width - 1, height - 1);\n ctx.strokeRect(x, y, width, height);\n ctx.fillStyle = isCellSelected || isCellInRange ? this.style.selectedFontColor : this.style.fontColor;\n ctx.textAlign = 'left';\n ctx.font = `${this.style.fontSize}px Arial`;\n ctx.textBaseline = 'middle';\n ctx.fillText(this.displayValue, x + 2, y + height / 2);\n }\n}\n","import { 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('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 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","/** 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('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 + 'px';\n this.element.style.height = height + 'px';\n }\n}\n","export class Toolbar {\n element;\n root;\n constructor(root) {\n this.root = root;\n const toolbarElement = document.createElement('div');\n toolbarElement.classList.add('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 constructor(props) {\n this.columns = props.columns;\n this.rows = props.rows;\n this.view = props.view;\n }\n}\n","export class Selection {\n selectedCell = null;\n selectedRange = null;\n}\n","export class Styles {\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 let rowIdx = this.root.cache.getRowByYCoord(this.top);\n return rowIdx;\n }\n getLastRow() {\n let rowIdx = this.root.cache.getRowByYCoord(this.bottom);\n return rowIdx;\n }\n getFirstCol() {\n let colIdx = this.root.cache.getColumnByXCoord(this.left);\n return colIdx;\n }\n getLastCol() {\n let 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 });\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) { //* 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) { //* Intersection detect\n colIdx = i;\n break;\n }\n }\n return colIdx;\n }\n}\n","import { Editor } from \"./components/editor\";\nimport { Header } from \"./components/header\";\nimport { Scroller } from \"./components/scroller\";\nimport { Sheet } from \"./components/sheet\";\nimport { Table } from \"./components/table\";\nimport { Toolbar } from \"./components/toolbar\";\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 { createSampleConfig, createSampleData } from \"./utils/createData\";\nimport { Cache, CachedColumn, CachedRow } from \"./modules/cache\";\nimport { Row } from \"./modules/row\";\nimport { Column } from \"./modules/column\";\nexport class Spreadsheet {\n table;\n scroller;\n toolbar;\n header;\n sheet;\n editor;\n styles;\n config;\n data;\n viewport;\n selection;\n cache;\n constructor(target, props) {\n const config = createSampleConfig(500, 500);\n if (props?.view) {\n config.view = props.view;\n }\n this.config = new Config(config);\n this.sheet = new Sheet(this);\n const data = createSampleData(500, 500);\n this.table = new Table(this);\n this.scroller = new Scroller(this);\n this.toolbar = new Toolbar(this);\n this.header = new Header(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.data = data;\n this.styles = new Styles();\n this.buildComponent();\n this.appendTableToTarget(target);\n this.renderSheet();\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.appendChild(this.header.element);\n content.appendChild(this.sheet.element);\n content.classList.add('content');\n this.table.element.appendChild(this.toolbar.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 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 get ctx() {\n return this.sheet.ctx;\n }\n get viewProps() {\n return this.config.view;\n }\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) {\n const { column, row } = position;\n this.data[row][column].changeValues(values);\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) {\n this.editor.show(position);\n }\n renderSheet() {\n this.sheet.renderSheet();\n }\n renderCell(row, col) {\n this.data[row][col].render(this);\n }\n loadData(data) {\n this.data = data;\n this.config = this.makeConfigFromData(data, 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 }\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 });\n return config;\n }\n}\n"],"names":["RenderBox","config","cellPosition","__publicField","column","x","i","row","y","Editor","root","event","key","target","element","position","height","width","cell","Header","headerElement","Scroller","offsetX","offsetY","lastSelectedCell","clickedCell","rect","horizontalScroller","scroller","verticalScroller","scrollTop","scrollLeft","bottom","right","groupScrollers","stack","acc","curr","totalHeight","totalWidth","CellStyles","props","Position","Cell","values","selectedRange","isCellInRow","_a","ctx","isCellSelected","isCellInRange","Sheet","canvas","col","firstRowIdx","lastColIdx","lastRowIdx","firstColIdx","Table","container","sizes","Toolbar","toolbarElement","Config","Selection","Styles","Viewport","Column","Row","createSampleData","rows","columns","fillCellsByCoords","data","innerRow","value","createSampleConfig","rowsArr","rowItem","colsArr","colItem","CachedColumn","CachedRow","Cache","initial","rowIdx","colIdx","Spreadsheet","cachedCols","currentWidth","cacheCol","cachedRows","currentHeight","cacheRow","cache","content","range","callback","fromRow","toRow","fromCol","toCol","view"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"main.js","sources":["../src/modules/renderBox.ts","../src/components/editor.ts","../src/components/header.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/main.ts"],"sourcesContent":["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 { 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('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) {\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 = (y - this.root.viewport.top) + 'px';\n this.element.style.left = (x - this.root.viewport.left) + '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 = cell.value;\n this.element.focus();\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 this.root.changeCellValues(this.root.selection.selectedCell, {\n value: this.element.value,\n displayValue: this.element.value\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 class Header {\n element;\n root;\n constructor(root) {\n this.root = root;\n const headerElement = document.createElement('header');\n headerElement.classList.add();\n this.element = headerElement;\n }\n}\n","export 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.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 }\n handleMouseMove = (event) => {\n if (!this.isSelecting)\n return;\n const { offsetX, offsetY } = event;\n const lastSelectedCell = this.root.getCellByCoords(offsetX, offsetY);\n if (this.root.selection.selectedRange) {\n this.root.selection.selectedRange.to = lastSelectedCell;\n }\n this.root.renderSheet();\n };\n handleMouseUp = () => {\n this.isSelecting = false;\n if (this.root.selection.selectedRange) {\n if ((this.root.selection.selectedRange.from.row === this.root.selection.selectedRange.to.row) &&\n (this.root.selection.selectedRange.from.column === this.root.selection.selectedRange.to.column)) {\n this.root.selection.selectedRange = null;\n }\n }\n this.root.renderSheet();\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 console.log(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 && this.root.selection.selectedCell.column > 0) {\n console.log('tick');\n this.root.selection.selectedCell.column -= 1;\n this.root.renderSheet();\n }\n break;\n }\n case 'ArrowRight': {\n if (this.root.selection.selectedCell && this.root.selection.selectedCell.column < 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 && 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 && this.root.selection.selectedCell.row < this.root.config.rows.length - 1) {\n this.root.selection.selectedCell.row += 1;\n this.root.renderSheet();\n }\n break;\n }\n }\n }\n if (!event.metaKey && !event.ctrlKey) { //* Prevent handle shortcutrs\n if (event.key === 'F2' || /^([a-z]|[а-я])$/.test(event.key.toLowerCase())) { //* 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);\n }\n }\n if (event.key === 'Delete') {\n event.preventDefault();\n this.root.deleteSelectedCellsValues();\n this.root.renderSheet();\n }\n };\n handleClick = (event) => {\n if (event.button !== 0)\n return; // Left mouse button\n const { offsetX, offsetY } = event;\n const clickedCell = this.root.getCellByCoords(offsetX, offsetY);\n this.isSelecting = true;\n this.root.selection.selectedRange = {\n from: clickedCell,\n to: clickedCell\n };\n this.root.selection.selectedCell = clickedCell;\n this.root.renderSheet();\n };\n handleScroll = () => {\n const rect = this.getViewportBoundlingRect();\n this.root.viewport.updateValues(rect);\n this.root.renderSheet();\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.classList.add('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 Cell {\n value;\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 = new CellStyles();\n constructor(props) {\n this.value = props.value;\n this.displayValue = props.displayValue;\n this.resultValue = props.resultValue;\n this.position = props.position;\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) && row <= Math.max(selectedRange.to.row, selectedRange.from.row);\n const isCellInCol = column >= Math.min(selectedRange.from.column, selectedRange.to.column) && column <= Math.max(selectedRange.to.column, selectedRange.from.column);\n return isCellInCol && isCellInRow;\n }\n render(root) {\n let { height, width, x, y } = new RenderBox(root.config, this.position);\n const { ctx } = root;\n const isCellSelected = (root.selection.selectedCell?.row === this.position.row && root.selection.selectedCell.column === this.position.column);\n const isCellInRange = this.isCellInRange(root);\n y -= root.viewport.top;\n x -= root.viewport.left;\n ctx.clearRect(x, y, width, height);\n ctx.fillStyle = isCellSelected || isCellInRange ? this.style.selectedBackground : this.style.background;\n ctx.strokeStyle = 'black';\n ctx.fillRect(x, y, width - 1, height - 1);\n ctx.strokeRect(x, y, width, height);\n ctx.fillStyle = isCellSelected || isCellInRange ? this.style.selectedFontColor : this.style.fontColor;\n ctx.textAlign = 'left';\n ctx.font = `${this.style.fontSize}px Arial`;\n ctx.textBaseline = 'middle';\n ctx.fillText(this.displayValue, x + 2, y + height / 2);\n }\n}\n","import { 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('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 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","/** 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('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 + 'px';\n this.element.style.height = height + 'px';\n }\n}\n","export class Toolbar {\n element;\n root;\n constructor(root) {\n this.root = root;\n const toolbarElement = document.createElement('div');\n toolbarElement.classList.add('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 constructor(props) {\n this.columns = props.columns;\n this.rows = props.rows;\n this.view = props.view;\n }\n}\n","export class Selection {\n selectedCell = null;\n selectedRange = null;\n}\n","export class Styles {\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 let rowIdx = this.root.cache.getRowByYCoord(this.top);\n return rowIdx;\n }\n getLastRow() {\n let rowIdx = this.root.cache.getRowByYCoord(this.bottom);\n return rowIdx;\n }\n getFirstCol() {\n let colIdx = this.root.cache.getColumnByXCoord(this.left);\n return colIdx;\n }\n getLastCol() {\n let 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 });\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) { //* 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) { //* Intersection detect\n colIdx = i;\n break;\n }\n }\n return colIdx;\n }\n}\n","import { Editor } from \"./components/editor\";\nimport { Header } from \"./components/header\";\nimport { Scroller } from \"./components/scroller\";\nimport { Sheet } from \"./components/sheet\";\nimport { Table } from \"./components/table\";\nimport { Toolbar } from \"./components/toolbar\";\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 { createSampleConfig, createSampleData } from \"./utils/createData\";\nimport { Cache, CachedColumn, CachedRow } from \"./modules/cache\";\nimport { Row } from \"./modules/row\";\nimport { Column } from \"./modules/column\";\nexport default class Spreadsheet {\n table;\n scroller;\n toolbar;\n header;\n sheet;\n editor;\n styles;\n config;\n data;\n viewport;\n selection;\n cache;\n constructor(target, props) {\n const config = createSampleConfig(500, 500);\n if (props?.view) {\n config.view = props.view;\n }\n this.config = new Config(config);\n this.sheet = new Sheet(this);\n const data = createSampleData(500, 500);\n this.table = new Table(this);\n this.scroller = new Scroller(this);\n this.toolbar = new Toolbar(this);\n this.header = new Header(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.data = data;\n this.styles = new Styles();\n this.buildComponent();\n this.appendTableToTarget(target);\n this.renderSheet();\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.appendChild(this.header.element);\n content.appendChild(this.sheet.element);\n content.classList.add('content');\n this.table.element.appendChild(this.toolbar.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 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 get ctx() {\n return this.sheet.ctx;\n }\n get viewProps() {\n return this.config.view;\n }\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) {\n const { column, row } = position;\n this.data[row][column].changeValues(values);\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) {\n this.editor.show(position);\n }\n renderSheet() {\n this.sheet.renderSheet();\n }\n renderCell(row, col) {\n this.data[row][col].render(this);\n }\n loadData(data) {\n this.data = data;\n this.config = this.makeConfigFromData(data, 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 });\n return config;\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":["RenderBox","config","cellPosition","__publicField","column","x","i","row","y","Editor","root","event","key","target","element","position","height","width","cell","Header","headerElement","Scroller","offsetX","offsetY","lastSelectedCell","clickedCell","rect","horizontalScroller","scroller","verticalScroller","scrollTop","scrollLeft","bottom","right","groupScrollers","stack","acc","curr","totalHeight","totalWidth","CellStyles","props","Position","Cell","values","selectedRange","isCellInRow","_a","ctx","isCellSelected","isCellInRange","Sheet","canvas","col","firstRowIdx","lastColIdx","lastRowIdx","firstColIdx","Table","container","sizes","Toolbar","toolbarElement","Config","Selection","Styles","Viewport","Column","Row","createSampleData","rows","columns","fillCellsByCoords","data","innerRow","value","createSampleConfig","rowsArr","rowItem","colsArr","colItem","makeSpreadsheetConfigAndData","CachedColumn","CachedRow","Cache","initial","rowIdx","colIdx","Spreadsheet","cachedCols","currentWidth","cacheCol","cachedRows","currentHeight","cacheRow","cache","content","range","callback","fromRow","toRow","fromCol","toCol","view"],"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 255dddd..7c51442 100644 --- a/dist/modules/cell.d.ts +++ b/dist/modules/cell.d.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; export type CellConstructorProps = { value: string; displayValue: string; diff --git a/dist/modules/viewport.d.ts b/dist/modules/viewport.d.ts index 176bb21..298596b 100644 --- a/dist/modules/viewport.d.ts +++ b/dist/modules/viewport.d.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; export type ViewportConstructorProps = { top: number; left: number; diff --git a/dist/utils/createData.d.ts b/dist/utils/createData.d.ts index cf92052..cb4c520 100644 --- a/dist/utils/createData.d.ts +++ b/dist/utils/createData.d.ts @@ -2,9 +2,8 @@ import { Cell } from "../modules/cell"; import { Config } from "../modules/config"; export declare function createSampleData(rows: number, columns: number, fillCellsByCoords?: boolean): Cell[][]; export declare function createSampleConfig(rows: number, columns: number): Config; -type SpreadsheetConfigAndDataReturnType = { +export type SpreadsheetConfigAndDataReturnType = { config: Config; data: Cell[][]; }; export declare function makeSpreadsheetConfigAndData(rows: number, columns: number): SpreadsheetConfigAndDataReturnType; -export {}; diff --git a/index.html b/index.html index 09f1ac4..a3b72c1 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,8 @@
+ + diff --git a/package.json b/package.json index b420725..b7a5f96 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "modern_spreadsheet", "private": false, - "version": "0.0.19", + "version": "0.0.20", "exports": { ".": { "import": "./dist/main.js", diff --git a/src/components/editor.ts b/src/components/editor.ts index 5167cd5..68a4d6f 100644 --- a/src/components/editor.ts +++ b/src/components/editor.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main"; +import Spreadsheet from "../main"; import { Position } from "../modules/cell"; import { RenderBox } from "../modules/renderBox"; diff --git a/src/components/header.ts b/src/components/header.ts index 0c48ed4..fb4f19b 100644 --- a/src/components/header.ts +++ b/src/components/header.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main" +import Spreadsheet from "../main" export class Header { element: HTMLHeadElement diff --git a/src/components/scroller.ts b/src/components/scroller.ts index b445dff..fb692f0 100644 --- a/src/components/scroller.ts +++ b/src/components/scroller.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main" +import Spreadsheet from "../main" export interface ViewportRect { top: number diff --git a/src/components/sheet.ts b/src/components/sheet.ts index 76e1317..7367d39 100644 --- a/src/components/sheet.ts +++ b/src/components/sheet.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main" +import Spreadsheet from "../main" import { Position } from "../modules/cell" /** diff --git a/src/components/table.ts b/src/components/table.ts index 4e2b008..903b188 100644 --- a/src/components/table.ts +++ b/src/components/table.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main" +import Spreadsheet from "../main" import { ViewProperties } from "../modules/config" /** Base (root) component */ diff --git a/src/components/toolbar.ts b/src/components/toolbar.ts index c215d83..b75e668 100644 --- a/src/components/toolbar.ts +++ b/src/components/toolbar.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main" +import Spreadsheet from "../main" export class Toolbar { element: HTMLDivElement diff --git a/src/index.ts b/src/index.ts index 476a6ee..d2e5c59 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,5 +1,23 @@ -import Spreadsheet, { createSampleData, } from './main' +import Spreadsheet from './main' -const sheet = new Spreadsheet('#spreadsheet').loadData(createSampleData(20, 20, true)) +const saveButton = document.querySelector('#save_button') +const loadButton = document.querySelector('#load_button') -console.log(sheet) \ No newline at end of file +if(!saveButton || !loadButton) throw new Error("LOST") + +const sheet = new Spreadsheet('#spreadsheet') + +function saveDataToLS() { + const serializableData = sheet.serializeData() + localStorage.setItem('sheet', JSON.stringify(serializableData)) +} + +function loadDataFromLS() { + const data = localStorage.getItem('sheet') + if(!data) return + const json = JSON.parse(data) + sheet.loadData(json) +} + +saveButton.addEventListener('click', saveDataToLS) +loadButton.addEventListener('click', loadDataFromLS) \ No newline at end of file diff --git a/src/main.ts b/src/main.ts index 8aac050..8d78e17 100644 --- a/src/main.ts +++ b/src/main.ts @@ -4,7 +4,7 @@ import { Scroller } from "./components/scroller"; import { Sheet } from "./components/sheet"; import { Table } from "./components/table"; import { Toolbar } from "./components/toolbar"; -import { Cell, CellConstructorProps, Position } from "./modules/cell"; +import { Cell, CellConstructorProps, Position, SerializableCell } from "./modules/cell"; import { Config, ViewProperties } from "./modules/config"; import { RangeSelectionType, Selection } from "./modules/selection"; import { Styles } from "./modules/styles"; @@ -47,14 +47,15 @@ export default class Spreadsheet { public cache: Cache constructor(target: string | HTMLElement, props?: SpreadsheetConstructorProperties) { - const config = createSampleConfig(500, 500) + const data = createSampleData(40, 40) + const config = this.makeConfigFromData(data, props?.view ?? { height: 600, width: 800 }) if (props?.view) { config.view = props.view } this.config = new Config(config) this.sheet = new Sheet(this) - const data = createSampleData(500, 500) + this.table = new Table(this) this.scroller = new Scroller(this) this.toolbar = new Toolbar(this) @@ -209,9 +210,32 @@ export default class Spreadsheet { this.data[row][col].render(this) } - public loadData(data: Cell[][]): Spreadsheet { - this.data = data - this.config = this.makeConfigFromData(data, this.config.view) + public loadData(data: Cell[][] | SerializableCell[][]): Spreadsheet { + const rowsLength = data.length + const colsLength = data[0] ? this.data[0].length : 0 + this.data = [] + + const formattedData: Cell[][] = [] + + for (let row = 0; row < rowsLength; row++) { + const innerRow: Cell[] = [] + for (let col = 0; col < colsLength; col++) { + const cell = data[row][col] + innerRow.push(new Cell({ + displayValue: cell.displayValue, + position: cell.position, + resultValue: cell.resultValue, + value: cell.value + })) + } + formattedData.push(innerRow) + } + + this.data = formattedData + + this.selection.selectedCell = null + this.selection.selectedRange = null + this.config = this.makeConfigFromData(formattedData, this.config.view) this.cache = this.getInitialCache() this.scroller.updateScrollerSize() this.viewport = new Viewport(this, this.scroller.getViewportBoundlingRect()) @@ -249,6 +273,23 @@ export default class Spreadsheet { return config } + + public serializeData(): SerializableCell[][] { + const rowsLength = this.data.length + const colsLength = this.data[0] ? this.data[0].length : 0 + + const cellsArray: SerializableCell[][] = [] + + for (let row = 0; row < rowsLength; row++) { + const innerRow: SerializableCell[] = [] + for (let col = 0; col < colsLength; col++) { + innerRow.push(this.data[row][col].getSerializableCell()) + } + cellsArray.push(innerRow) + } + + return cellsArray + } } export * from './modules/cache' diff --git a/src/modules/cell.ts b/src/modules/cell.ts index a2fe39c..f4a0890 100644 --- a/src/modules/cell.ts +++ b/src/modules/cell.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main" +import Spreadsheet from "../main" import { RenderBox } from "./renderBox" export type CellConstructorProps = { @@ -43,6 +43,21 @@ export class Position { } } +export class SerializableCell { + value: string + displayValue: string + resultValue: string + position: Position + style: CellStyles + constructor(props: SerializableCell | SerializableCell) { + this.value = props.value + this.displayValue = props.displayValue + this.resultValue = props.resultValue + this.position = props.position + this.style = props.style + } +} + export class Cell { value: string displayValue: string @@ -58,6 +73,17 @@ export class Cell { this.position = props.position } + public getSerializableCell(): SerializableCell { + const cell:SerializableCell = new SerializableCell({ + displayValue: this.displayValue, + position: this.position, + resultValue: this.resultValue, + style: this.style, + value: this.value + }) + return cell + } + changeValues(values: Partial>) { Object.assign(this, values) } diff --git a/src/modules/viewport.ts b/src/modules/viewport.ts index 1d331f7..ee9f4b9 100644 --- a/src/modules/viewport.ts +++ b/src/modules/viewport.ts @@ -1,4 +1,4 @@ -import { Spreadsheet } from "../main" +import Spreadsheet from "../main" export type ViewportConstructorProps = { top: number