@polygrid/core 1.0.2 → 1.0.3-b

package/src/engine/services/layout/methods/initialize-layout-pipeline.ts

@@ -1,39 +0,0 @@
-import type { ObservableLike } from "../../../rx-lite/interfaces/observable-like";
-import type { LayoutService } from "../layout";
-
-export function initializeLayoutPipeline(
-  layoutService: LayoutService,
-  destroy$: ObservableLike<void>
-) {
-  // --- PHASE 1: Fundamental metrics (row height, body height, scrollbar track) ---
-
-  // Compute total row height (rows × rowHeight)
-  layoutService.computeTotalRowHeight(layoutService, destroy$);
-
-  // Resize the vertical scrollbar track to match total row height
-  layoutService.resizeVScrollbar(layoutService, destroy$);
-
-  // Resize the body element to match total row height
-  layoutService.resizeBody(layoutService, destroy$);
-
-  // --- PHASE 2: Scrollbar visibility + viewport adjustment ---
-
-  // React to totalRowHeight + rawViewportHeight → showVScrollbar
-  // React to totalColumnWidth + rawViewportWidth → showHScrollbar
-  // Adjust viewportWidth/Height accordingly
-  layoutService.adjustViewport(layoutService, destroy$);
-
-  // --- PHASE 3: Column width resolution (depends on viewportWidth) ---
-
-  // Compute resolved column widths + totalColumnWidth
-  layoutService.computeColumnWidths(layoutService, destroy$);
-
-  // --- PHASE 4: Apply resolved column widths to DOM ---
-
-  // Apply column widths to header cells
-  layoutService.applyColumnWidths(layoutService, destroy$);
-
-  // --- PHASE 5: Scroll event syncing (body ↔ scrollbars) ---
-
-  layoutService.addScrollEventListeners(layoutService);
-}

package/src/engine/services/layout/methods/resize-body.ts

@@ -1,15 +0,0 @@
-import type { ObservableLike } from "../../../rx-lite/interfaces/observable-like";
-import { takeUntil } from "../../../rx-lite/operators/takeuntil";
-import type { LayoutService } from "../layout";
-
-export function resizeBody(
-  layoutService: LayoutService,
-  destroy$: ObservableLike<void>
-) {
-  const gridDom = layoutService.gridDom;
-  layoutService.totalRowHeight$
-    .pipe(takeUntil(destroy$))
-    .subscribe((totalRowHeight) => {
-      gridDom.body.style.height = `${totalRowHeight}px`;
-    }, "RESIZE-BODY-HEIGHT");
-}

package/src/engine/services/layout/methods/resize-v-scrollbar.ts

@@ -1,15 +0,0 @@
-import type { ObservableLike } from "../../../rx-lite/interfaces/observable-like";
-import { takeUntil } from "../../../rx-lite/operators/takeuntil";
-import type { LayoutService } from "../layout";
-
-export function resizeVScrollbar(
-  layoutService: LayoutService,
-  destroy$: ObservableLike<void>
-) {
-  const gridDom = layoutService.gridDom;
-  layoutService.totalRowHeight$
-    .pipe(takeUntil(destroy$))
-    .subscribe((totalRowHeight) => {
-      gridDom.vScrollTrack.style.height = `${totalRowHeight}px`;
-    }, "RESIZE-V-SCROLLBAR");
-}

package/src/engine/services/layout/methods/set-cell-width.ts

@@ -1,21 +0,0 @@
-export function setCellWidth(
-  el: HTMLElement,
-  widths: number[],
-  vScrollbarVisible: boolean
-) {
-  const cells = el.children;
-
-  for (let i = 0; i < widths.length; i++) {
-    const cell = cells[i] as HTMLElement;
-    if (!cell) continue;
-
-    const w = widths[i] + "px";
-    cell.style.width = w;
-    cell.style.minWidth = w;
-    cell.style.maxWidth = w;
-
-    if (i === widths.length - 1) {
-      cell.classList.toggle("last-cell", !vScrollbarVisible);
-    }
-  }
-}

package/src/engine/services/layout/methods/set-grid-id.ts

@@ -1,14 +0,0 @@
-import type { ObservableLike } from "../../../rx-lite/interfaces/observable-like";
-import { takeUntil } from "../../../rx-lite/operators/takeuntil";
-import type { LayoutService } from "../layout";
-
-export function setGridId(
-  layoutService: LayoutService,
-  destroy$: ObservableLike<void>
-) {
-  const gridDom = layoutService.gridDom;
-  const grid = layoutService.grid;
-  layoutService.gridId$.pipe(takeUntil(destroy$)).subscribe((id) => {
-    gridDom.root.id = id;
-  }, "SET-GRID-ID");
-}

package/src/engine/services/layout/methods/set-up-resize-observer.ts

@@ -1,25 +0,0 @@
-import type { GridDOM } from "../../../core/grid-dom";
-import type { PolyGridStore } from "../../../store/store";
-
-export function setUpResizeObserver(
-  resizeObserver: ResizeObserver,
-  gridDom: GridDOM,
-  store: PolyGridStore
-) {
-  return (resizeObserver = new ResizeObserver((entries) => {
-    for (const entry of entries) {
-      const gridWidth = entry.contentRect.width;
-      const gridHeight = entry.contentRect.height;
-      const headerHeight =
-        gridDom.headerViewport.getBoundingClientRect().height;
-      const footerHeight =
-        gridDom.footerViewport.getBoundingClientRect().height;
-      store.update((draft) => {
-        draft.viewportWidth = gridWidth; // at this moment this is the full grid width without a v scroll bar
-        draft.viewportHeight = gridHeight - headerHeight - footerHeight; // at this moment this is the full grid height without a h scroll bar
-        draft.rawViewportWidth = gridWidth;
-        draft.rawViewportHeight = gridHeight - headerHeight - footerHeight;
-      });
-    }
-  }));
-}

package/src/engine/services/layout/methods/update-column-widths.ts

@@ -1,28 +0,0 @@
-import type { GridDOM } from "../../../core/grid-dom";
-import type { PolyGridState } from "../../../store/interfaces/grid-state";
-import { setCellWidth } from "./set-cell-width";
-
-export function updateColumnWidths(
-  gridDom: GridDOM,
-  state: PolyGridState,
-  resolvedColWidths: number[]
-) {
-  // set header, footer and body cell widths
-  setCellWidth(gridDom.header, resolvedColWidths, state.showVScrollbar);
-  setCellWidth(gridDom.footer, resolvedColWidths, state.showVScrollbar);
-  const bodyRows = gridDom.body.querySelectorAll(".pg-row");
-  bodyRows.forEach((row) => {
-    setCellWidth(row as HTMLElement, resolvedColWidths, state.showVScrollbar);
-  });
-  // set body width
-  const totalColWidth = resolvedColWidths.reduce((a, b) => a + b, 0);
-  gridDom.body.style.width = `${totalColWidth}px`;
-  // set header, footer width
-  gridDom.header.style.width = `${totalColWidth}px`;
-  gridDom.footer.style.width = `${totalColWidth}px`;
-  // set h-scrollbar width
-  gridDom.hScrollTrack.style.width = `${totalColWidth}px`;
-  // set viewport width
-  const viewportWidth = state.viewportWidth;
-  gridDom.viewport.style.width = `${viewportWidth}px`;
-}

package/src/engine/services/renderer/index.ts

@@ -1 +0,0 @@
-export * from "./renderer";

package/src/engine/services/renderer/methods/re-render-cells.ts

@@ -1,31 +0,0 @@
-import type { GridDOM } from "../../../core/grid-dom";
-import { renderRows } from "../parts/body/row";
-import { renderFooterCells } from "../parts/footer/footer-cells";
-import { renderHeaderCells } from "../parts/header/header-cells";
-import type { PolyGridStore } from "../../../store/store";
-
-export function reRenderCells(gridDom: GridDOM, store: PolyGridStore) {
-  // rerender header, body, footer cells
-  // header
-  const header = gridDom.header;
-  header.replaceChildren();
-  renderHeaderCells(header, store);
-  // body
-  const body = gridDom.body;
-  body.replaceChildren();
-  const rows = store.getState().rows;
-  const columns = store.getState().columns;
-  const rowHeight = store.getState().rowHeight;
-  const bodyRows = renderRows(rows, columns, rowHeight);
-  const fragment = document.createDocumentFragment();
-  for (const row of bodyRows) {
-    fragment.appendChild(row);
-  }
-  body.appendChild(fragment);
-  const lastRow = gridDom.body.querySelector(".pg-row:last-child");
-  lastRow?.classList.toggle("last-row", !store.getState().showVScrollbar);
-  // footer
-  const footer = gridDom.footer;
-  footer.replaceChildren();
-  renderFooterCells(footer, store);
-}

package/src/engine/services/renderer/parts/body/body.ts

@@ -1,34 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { GridDOM } from "../../../../core/grid-dom";
-import type { PolyGridStore } from "../../../../store/store";
-import { renderRows } from "./row";
-
-export function renderBody(
-  store: PolyGridStore,
-  gridDom: GridDOM
-): HTMLDivElement {
-  // viewport
-  const bodyViewportEl = document.createElement("div");
-  bodyViewportEl.className = PG_CSS_CLASS.bodyViewport;
-  // row container
-  const bodyEl = document.createElement("div");
-  bodyEl.className = PG_CSS_CLASS.body;
-  bodyEl.innerHTML = "";
-  // render the rows
-  const rows = store.getState().rows;
-  const columns = store.getState().columns;
-  const rowHeight = store.getState().rowHeight;
-  const bodyRows = renderRows(rows, columns, rowHeight);
-  // append the rows to the body
-  const fragment = document.createDocumentFragment();
-  for (const row of bodyRows) {
-    fragment.appendChild(row);
-  }
-  bodyEl.appendChild(fragment);
-
-  bodyViewportEl.appendChild(bodyEl);
-
-  gridDom.body = bodyEl;
-
-  return bodyViewportEl;
-}

package/src/engine/services/renderer/parts/body/cell.ts

@@ -1,12 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { PolyGridColumn } from "../../../../services/column/interfaces/column";
-
-export function renderCell(row: any, col: PolyGridColumn) {
-  const cell = document.createElement("div");
-  cell.classList.add(PG_CSS_CLASS.cell);
-
-  const value = row[col.field];
-  cell.textContent = value != null ? String(value) : "";
-
-  return cell;
-}

package/src/engine/services/renderer/parts/body/row.ts

@@ -1,26 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { PolyGridColumn } from "../../../../services/column/interfaces/column";
-import type { PolyGridRow } from "../../../../services/row/interfaces/row";
-import { renderCell } from "./cell";
-
-export function renderRows(
-  rows: PolyGridRow[],
-  columns: PolyGridColumn[],
-  rowHeight: number
-): HTMLDivElement[] {
-  const rowEls: HTMLDivElement[] = [];
-  const cols = columns.filter((col) => col.visible ?? true);
-
-  rows.forEach((row) => {
-    const rowEl = document.createElement("div");
-    rowEl.classList.add(PG_CSS_CLASS.row);
-    rowEl.style.height = rowHeight + "px";
-    cols.forEach((col) => {
-      const cell = renderCell(row.data, col);
-      rowEl.appendChild(cell);
-    });
-    rowEls.push(rowEl);
-  });
-
-  return rowEls;
-}

package/src/engine/services/renderer/parts/footer/footer-cells.ts

@@ -1,15 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { PolyGridStore } from "../../../../store/store";
-
-export function renderFooterCells(footer: HTMLElement, store: PolyGridStore) {
-  const columns = store.getState().columns.filter((col) => col.visible ?? true);
-
-  footer.innerHTML = "";
-
-  columns.forEach((col, i) => {
-    const cell = document.createElement("div");
-    cell.className = PG_CSS_CLASS.footerCell;
-    cell.textContent = col.header;
-    footer.appendChild(cell);
-  });
-}

package/src/engine/services/renderer/parts/footer/footer.ts

@@ -1,24 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { GridDOM } from "../../../../core/grid-dom";
-import type { PolyGridStore } from "../../../../store/store";
-import { renderFooterCells } from "./footer-cells";
-
-export function renderFooter(
-  store: PolyGridStore,
-  gridDom: GridDOM
-): HTMLDivElement {
-  // viewport
-  const footerViewportEl = document.createElement("div");
-  footerViewportEl.className = PG_CSS_CLASS.footerViewport;
-  // cell container
-  const footerEl = document.createElement("div");
-  footerEl.className = PG_CSS_CLASS.footer;
-  // cells
-  renderFooterCells(footerEl, store);
-
-  footerViewportEl.appendChild(footerEl);
-
-  gridDom.footer = footerEl;
-
-  return footerViewportEl;
-}

package/src/engine/services/renderer/parts/grid/grid.ts

@@ -1,21 +0,0 @@
-import { renderViewport } from "../viewport/viewport";
-import { renderVScrollbar } from "../scrollbars/v-scrollbar";
-import type { PolyGridStore } from "../../../../store/store";
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { GridDOM } from "../../../../core/grid-dom";
-
-export function renderGrid(store: PolyGridStore, gridDom: GridDOM) {
-  const grid = document.createElement("div");
-  grid.className = PG_CSS_CLASS.grid;
-
-  const viewport = renderViewport(store, gridDom);
-  const vScrollbar = renderVScrollbar(gridDom);
-
-  grid.appendChild(viewport);
-  grid.appendChild(vScrollbar);
-
-  gridDom.viewport = viewport;
-  gridDom.vScrollbar = vScrollbar;
-
-  return grid;
-}

package/src/engine/services/renderer/parts/header/header-cells.ts

@@ -1,15 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { PolyGridStore } from "../../../../store/store";
-
-export function renderHeaderCells(header: HTMLElement, store: PolyGridStore) {
-  const columns = store.getState().columns.filter((col) => col.visible ?? true);
-
-  header.innerHTML = "";
-
-  columns.forEach((col, i) => {
-    const cell = document.createElement("div");
-    cell.className = PG_CSS_CLASS.headerCell;
-    cell.textContent = col.header;
-    header.appendChild(cell);
-  });
-}

package/src/engine/services/renderer/parts/header/header.ts

@@ -1,24 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { GridDOM } from "../../../../core/grid-dom";
-import type { PolyGridStore } from "../../../../store/store";
-import { renderHeaderCells } from "./header-cells";
-
-export function renderHeader(
-  store: PolyGridStore,
-  gridDom: GridDOM
-): HTMLDivElement {
-  // viewport
-  const headerViewportEl = document.createElement("div");
-  headerViewportEl.className = PG_CSS_CLASS.headerViewport;
-  // cell container
-  const headerEl = document.createElement("div");
-  headerEl.className = PG_CSS_CLASS.header;
-  // cells
-  renderHeaderCells(headerEl, store);
-
-  headerViewportEl.appendChild(headerEl);
-
-  gridDom.header = headerEl;
-
-  return headerViewportEl;
-}

package/src/engine/services/renderer/parts/root/root.ts

@@ -1,22 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { GridDOM } from "../../../../core/grid-dom";
-import type { PolyGridStore } from "../../../../store/store";
-import { renderGrid } from "../grid/grid";
-
-export function renderRoot(
-  store: PolyGridStore,
-  host: HTMLElement,
-  gridDom: GridDOM
-) {
-  const root = document.createElement("div");
-  root.className = PG_CSS_CLASS.root;
-  root.id = store.getState().id;
-
-  const grid = renderGrid(store, gridDom);
-
-  root.appendChild(grid);
-  host.appendChild(root);
-
-  gridDom.root = root;
-  gridDom.grid = grid;
-}

package/src/engine/services/renderer/parts/scrollbars/h-scrollbar.ts

@@ -1,21 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { GridDOM } from "../../../../core/grid-dom";
-
-export function renderHScrollbar(gridDom: GridDOM): HTMLDivElement {
-  const hScrollEl = document.createElement("div");
-  hScrollEl.className = PG_CSS_CLASS.hScroll;
-
-  const hScrollInnerEl = document.createElement("div");
-  hScrollInnerEl.className = PG_CSS_CLASS.hScrollInner;
-
-  const hScrollTrack = document.createElement("div");
-  hScrollTrack.className = PG_CSS_CLASS.hScrollTrack;
-
-  hScrollEl.appendChild(hScrollInnerEl);
-  hScrollInnerEl.appendChild(hScrollTrack);
-
-  gridDom.hScrollInner = hScrollInnerEl;
-  gridDom.hScrollTrack = hScrollTrack;
-
-  return hScrollEl;
-}

package/src/engine/services/renderer/parts/scrollbars/v-scrollbar-bottom-corner.ts

@@ -1,8 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-
-export function renderVScrollbarBottomCorner(): HTMLDivElement {
-  const vScrollbarBottomCorner = document.createElement("div");
-  vScrollbarBottomCorner.className = PG_CSS_CLASS.vScrollBottomCorner;
-
-  return vScrollbarBottomCorner;
-}

package/src/engine/services/renderer/parts/scrollbars/v-scrollbar-spacer-bottom.ts

@@ -1,8 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-
-export function renderVScrollbarSpacerBottom(): HTMLDivElement {
-  const vScrollbarSpacer = document.createElement("div");
-  vScrollbarSpacer.className = PG_CSS_CLASS.vScrollSpacerBottom;
-
-  return vScrollbarSpacer;
-}

package/src/engine/services/renderer/parts/scrollbars/v-scrollbar-spacer-top.ts

@@ -1,8 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-
-export function renderVScrollbarSpacerTop(): HTMLDivElement {
-  const vScrollbarSpacer = document.createElement("div");
-  vScrollbarSpacer.className = PG_CSS_CLASS.vScrollSpacerTop;
-
-  return vScrollbarSpacer;
-}

package/src/engine/services/renderer/parts/scrollbars/v-scrollbar.ts

@@ -1,34 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { GridDOM } from "../../../../core/grid-dom";
-import { renderVScrollbarBottomCorner } from "./v-scrollbar-bottom-corner";
-import { renderVScrollbarSpacerBottom } from "./v-scrollbar-spacer-bottom";
-import { renderVScrollbarSpacerTop } from "./v-scrollbar-spacer-top";
-
-export function renderVScrollbar(gridDom: GridDOM): HTMLDivElement {
-  const vScrollEl = document.createElement("div");
-  vScrollEl.className = PG_CSS_CLASS.vScroll;
-
-  const vScrollInnerEl = document.createElement("div");
-  vScrollInnerEl.className = PG_CSS_CLASS.vScrollInner;
-
-  const vScrollTrackEl = document.createElement("div");
-  vScrollTrackEl.className = PG_CSS_CLASS.vScrollTrack;
-
-  const spacerTop = renderVScrollbarSpacerTop();
-  const spacerBottom = renderVScrollbarSpacerBottom();
-  const bottomCorner = renderVScrollbarBottomCorner();
-
-  vScrollEl.appendChild(spacerTop);
-  vScrollEl.appendChild(vScrollInnerEl);
-  vScrollEl.appendChild(spacerBottom);
-  vScrollEl.appendChild(bottomCorner);
-  vScrollInnerEl.appendChild(vScrollTrackEl);
-
-  gridDom.vScrollInner = vScrollInnerEl;
-  gridDom.vScrollSpacerTop = spacerTop;
-  gridDom.vScrollSpacerBottom = spacerBottom;
-  gridDom.vScrollBottomCorner = bottomCorner;
-  gridDom.vScrollTrack = vScrollTrackEl;
-
-  return vScrollEl;
-}

package/src/engine/services/renderer/parts/viewport/viewport.ts

@@ -1,32 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import type { GridDOM } from "../../../../core/grid-dom";
-import type { PolyGridStore } from "../../../../store/store";
-import { renderBody } from "../body/body";
-import { renderFooter } from "../footer/footer";
-import { renderHeader } from "../header/header";
-import { renderHScrollbar } from "../scrollbars/h-scrollbar";
-
-export function renderViewport(
-  store: PolyGridStore,
-  gridDom: GridDOM
-): HTMLDivElement {
-  const viewport = document.createElement("div");
-  viewport.className = PG_CSS_CLASS.viewport;
-
-  const headerVp = renderHeader(store, gridDom);
-  const bodyVp = renderBody(store, gridDom);
-  const footerVp = renderFooter(store, gridDom);
-  const hScrollbar = renderHScrollbar(gridDom);
-
-  viewport.appendChild(headerVp);
-  viewport.appendChild(bodyVp);
-  viewport.appendChild(footerVp);
-  viewport.appendChild(hScrollbar);
-
-  gridDom.headerViewport = headerVp;
-  gridDom.bodyViewport = bodyVp;
-  gridDom.footerViewport = footerVp;
-  gridDom.hScrollbar = hScrollbar;
-
-  return viewport;
-}

package/src/engine/services/renderer/renderer.ts

@@ -1,23 +0,0 @@
-import type { PolyGrid } from "../../core/grid";
-import type { GridDOM } from "../../core/grid-dom";
-import type { ObservableLike } from "../../rx-lite/interfaces/observable-like";
-import type { PolyGridStore } from "../../store/store";
-import * as methods from "./methods/index";
-
-export class RendererService {
-  store: PolyGridStore;
-  destroy$: ObservableLike<void>;
-  gridDom: GridDOM;
-  grid: PolyGrid;
-
-  constructor(grid: PolyGrid) {
-    this.store = grid._store;
-    this.destroy$ = grid._destroy$;
-    this.gridDom = grid._gridDom;
-    this.grid = grid;
-  }
-
-  reRenderCells = methods.reRenderCells;
-
-  initApiSubscriptions() {}
-}

package/src/engine/services/row/index.ts

@@ -1 +0,0 @@
-export * from "./row";

package/src/engine/services/row/interfaces/row.ts

@@ -1,4 +0,0 @@
-export interface PolyGridRow {
-  index: number;
-  data: any;
-}

package/src/engine/services/row/row.ts

@@ -1,10 +0,0 @@
-import type { PolyGrid } from "../../core/grid";
-import type { PolyGridStore } from "../../store/store";
-
-export class RowService {
-  store: PolyGridStore;
-
-  constructor(grid: PolyGrid) {
-    this.store = grid._store;
-  }
-}

package/src/engine/services/services.ts

@@ -1,26 +0,0 @@
-import { LayoutService } from "./layout";
-import { ColumnService } from "./column";
-import { RowService } from "./row";
-import { DataService } from "./data";
-import type { PolyGrid } from "../core/grid";
-import { RendererService } from "./renderer";
-
-export class PolyGridServices {
-  private grid: PolyGrid;
-
-  layout: LayoutService;
-  column: ColumnService;
-  row: RowService;
-  data: DataService;
-  renderer: RendererService;
-
-  constructor(grid: PolyGrid) {
-    this.grid = grid;
-
-    this.layout = new LayoutService(this.grid);
-    this.column = new ColumnService(this.grid);
-    this.row = new RowService(this.grid);
-    this.data = new DataService(this.grid);
-    this.renderer = new RendererService(this.grid);
-  }
-}

package/src/engine/store/interfaces/grid-state.ts

@@ -1,20 +0,0 @@
-import type { PolyGridColumn } from "../../services/column/interfaces/column";
-import type { ColumnWidthState } from "../../services/column/types/column-width-state";
-import type { PolyGridRow } from "../../services/row/interfaces/row";
-
-export interface PolyGridState {
-  id: string;
-  columns: PolyGridColumn[];
-  rows: PolyGridRow[];
-  rowHeight: number;
-  resolvedColumnWidths: number[];
-  columnWidthState: ColumnWidthState;
-  totalColumnWidth: number;
-  totalRowHeight: number;
-  viewportWidth: number;
-  viewportHeight: number;
-  rawViewportWidth: number;
-  rawViewportHeight: number;
-  showHScrollbar: boolean;
-  showVScrollbar: boolean;
-}

package/src/engine/store/methods/create-initial-state.ts

@@ -1,20 +0,0 @@
-import type { PolyGridState } from "../interfaces/grid-state";
-
-export function createInitialState(): PolyGridState {
-  return {
-    id: "",
-    columns: [],
-    rows: [],
-    rowHeight: 20,
-    resolvedColumnWidths: [],
-    columnWidthState: "NOT_SET",
-    totalColumnWidth: 0,
-    totalRowHeight: 0,
-    viewportWidth: 0,
-    viewportHeight: 0,
-    rawViewportWidth: 0,
-    rawViewportHeight: 0,
-    showHScrollbar: false,
-    showVScrollbar: false,
-  };
-}