@1771technologies/lytenyte-pro 1.0.0-beta.11 → 1.0.0-beta.12

package/dist/cell-selection/cell-style-row.js

@@ -2,83 +2,86 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useGridRoot } from "../context";
 import { getTranslate, sizeFromCoord } from "@1771technologies/lytenyte-shared";
-export function CellStyleRow({ rect, isRowPinnedTop, isDeselect, isRowPinnedBottom, isPivot, }) {
-    const cx = useGridRoot();
-    const xPositions = cx.grid.state.xPositions.useValue();
-    const yPositions = cx.grid.state.yPositions.useValue();
-    const rtl = cx.grid.state.rtl.useValue();
-    const meta = cx.grid.state.columnMeta.useValue();
-    const startCount = meta.columnVisibleStartCount;
-    const centerCount = meta.columnVisibleCenterCount;
-    const ds = cx.grid.state.rowDataStore;
-    const rowCount = ds.rowCount.useValue();
-    const rowTopCount = ds.rowTopCount.useValue();
-    const rowBotCount = ds.rowBottomCount.useValue();
-    const vpWidth = cx.grid.state.viewportWidthInner.useValue();
-    const style = useMemo(() => {
-        const isStart = rect.columnStart < startCount;
-        const isEnd = rect.columnStart >= startCount + centerCount;
-        const isTop = isRowPinnedTop;
-        const isBot = isRowPinnedBottom;
-        const columnIndex = rect.columnStart;
-        const rowIndex = rect.rowStart;
-        const width = sizeFromCoord(rect.columnStart, xPositions, rect.columnEnd - rect.columnStart);
-        const height = sizeFromCoord(rect.rowStart, yPositions, rect.rowEnd - rect.rowStart);
-        const firstBotIndex = rowCount - rowBotCount;
-        const x = isEnd
-            ? xPositions[columnIndex] - xPositions.at(-1) + vpWidth
-            : xPositions[columnIndex];
-        let y;
-        if (isBot)
-            y = yPositions[rowIndex] - yPositions[firstBotIndex];
-        else if (isTop)
-            y = yPositions[rowIndex] - yPositions[rowTopCount];
-        else {
-            y = `calc(${yPositions[rowIndex] - yPositions[rowTopCount]}px - var(--ln-y-offset, 0px))`;
-        }
-        const transform = getTranslate(x * (rtl ? -1 : 1), y);
-        const pinnedRow = isTop || isBot;
-        const pinnedCell = isStart || isEnd;
-        const style = {
-            height,
-            width,
-            transform,
-            position: "absolute",
-            pointerEvents: "none",
-            top: 0,
-            zIndex: 1,
-            gridRowStart: "1",
-            gridRowEnd: "2",
-            gridColumnStart: "1",
-            gridColumnEnd: "2",
-        };
-        if (pinnedCell) {
-            style.insetInlineStart = "0px";
-            style.position = "sticky";
-            style.zIndex = pinnedRow ? 6 : 3;
-        }
-        if (pinnedRow) {
-            style.position = "sticky";
-            style.top = "0px";
-            style.zIndex = pinnedCell ? 6 : 3;
-        }
-        return style;
-    }, [
-        centerCount,
-        isRowPinnedBottom,
-        isRowPinnedTop,
-        rect.columnEnd,
-        rect.columnStart,
-        rect.rowEnd,
-        rect.rowStart,
-        rowBotCount,
-        rowCount,
-        rowTopCount,
-        rtl,
-        startCount,
-        vpWidth,
-        xPositions,
-        yPositions,
-    ]);
-    return (_jsx("div", { style: style, "data-ln-cell-selection-rect": true, "data-ln-cell-selection-is-deselect": isDeselect, "data-ln-cell-selection-is-pivot": isPivot }));
+export function CellStyleRow({ rect, isRowPinnedTop, isDeselect, isRowPinnedBottom, isPivot }) {
+  const cx = useGridRoot();
+  const xPositions = cx.grid.state.xPositions.useValue();
+  const yPositions = cx.grid.state.yPositions.useValue();
+  const rtl = cx.grid.state.rtl.useValue();
+  const meta = cx.grid.state.columnMeta.useValue();
+  const startCount = meta.columnVisibleStartCount;
+  const centerCount = meta.columnVisibleCenterCount;
+  const ds = cx.grid.state.rowDataStore;
+  const rowCount = ds.rowCount.useValue();
+  const rowTopCount = ds.rowTopCount.useValue();
+  const rowBotCount = ds.rowBottomCount.useValue();
+  const vpWidth = cx.grid.state.viewportWidthInner.useValue();
+  const style = useMemo(() => {
+    const isStart = rect.columnStart < startCount;
+    const isEnd = rect.columnStart >= startCount + centerCount;
+    const isTop = isRowPinnedTop;
+    const isBot = isRowPinnedBottom;
+    const columnIndex = rect.columnStart;
+    const rowIndex = rect.rowStart;
+    const width = sizeFromCoord(rect.columnStart, xPositions, rect.columnEnd - rect.columnStart);
+    const height = sizeFromCoord(rect.rowStart, yPositions, rect.rowEnd - rect.rowStart);
+    const firstBotIndex = rowCount - rowBotCount;
+    const x = isEnd
+      ? xPositions[columnIndex] - xPositions.at(-1) + vpWidth
+      : xPositions[columnIndex];
+    let y;
+    if (isBot) y = yPositions[rowIndex] - yPositions[firstBotIndex];
+    else if (isTop) y = yPositions[rowIndex] - yPositions[rowTopCount];
+    else {
+      y = `calc(${yPositions[rowIndex] - yPositions[rowTopCount]}px - var(--ln-y-offset, 0px))`;
+    }
+    const transform = getTranslate(x * (rtl ? -1 : 1), y);
+    const pinnedRow = isTop || isBot;
+    const pinnedCell = isStart || isEnd;
+    const style = {
+      height,
+      width,
+      transform,
+      position: "absolute",
+      pointerEvents: "none",
+      top: 0,
+      zIndex: 1,
+      gridRowStart: "1",
+      gridRowEnd: "2",
+      gridColumnStart: "1",
+      gridColumnEnd: "2",
+    };
+    if (pinnedCell) {
+      style.insetInlineStart = "0px";
+      style.position = "sticky";
+      style.zIndex = pinnedRow ? 6 : 3;
+    }
+    if (pinnedRow) {
+      style.position = "sticky";
+      style.top = "0px";
+      style.zIndex = pinnedCell ? 6 : 3;
+    }
+    return style;
+  }, [
+    centerCount,
+    isRowPinnedBottom,
+    isRowPinnedTop,
+    rect.columnEnd,
+    rect.columnStart,
+    rect.rowEnd,
+    rect.rowStart,
+    rowBotCount,
+    rowCount,
+    rowTopCount,
+    rtl,
+    startCount,
+    vpWidth,
+    xPositions,
+    yPositions,
+  ]);
+  return _jsx("div", {
+    style: style,
+    "data-ln-cell-selection-rect": true,
+    "data-ln-cell-selection-is-deselect": isDeselect,
+    "data-ln-cell-selection-is-pivot": isPivot,
+  });
 }

package/dist/cell-selection/deselect-rect-range.js

@@ -1,43 +1,44 @@
 import { isOverlappingRect } from "./is-overlapping-rect.js";
 export function deselectRectRange(rect, deselectRect) {
-    if (!isOverlappingRect(rect, deselectRect))
-        return [rect];
-    const result = [];
-    // Check for top split
-    if (deselectRect.rowStart > rect.rowStart) {
-        result.push({
-            rowStart: rect.rowStart,
-            rowEnd: deselectRect.rowStart,
-            columnStart: rect.columnStart,
-            columnEnd: rect.columnEnd,
-        });
-    }
-    // Check for bottom split
-    if (deselectRect.rowEnd < rect.rowEnd) {
-        result.push({
-            rowStart: deselectRect.rowEnd,
-            rowEnd: rect.rowEnd,
-            columnStart: rect.columnStart,
-            columnEnd: rect.columnEnd,
-        });
-    }
-    // Check for left split
-    if (deselectRect.columnStart > rect.columnStart) {
-        result.push({
-            rowStart: Math.max(deselectRect.rowStart, rect.rowStart),
-            rowEnd: Math.min(deselectRect.rowEnd, rect.rowEnd),
-            columnStart: rect.columnStart,
-            columnEnd: deselectRect.columnStart,
-        });
-    }
-    // Check for right split
-    if (deselectRect.columnEnd < rect.columnEnd) {
-        result.push({
-            rowStart: Math.max(deselectRect.rowStart, rect.rowStart),
-            rowEnd: Math.min(deselectRect.rowEnd, rect.rowEnd),
-            columnStart: deselectRect.columnEnd,
-            columnEnd: rect.columnEnd,
-        });
-    }
-    return result.filter((rect) => !(rect.rowStart >= rect.rowEnd || rect.columnStart >= rect.columnEnd));
+  if (!isOverlappingRect(rect, deselectRect)) return [rect];
+  const result = [];
+  // Check for top split
+  if (deselectRect.rowStart > rect.rowStart) {
+    result.push({
+      rowStart: rect.rowStart,
+      rowEnd: deselectRect.rowStart,
+      columnStart: rect.columnStart,
+      columnEnd: rect.columnEnd,
+    });
+  }
+  // Check for bottom split
+  if (deselectRect.rowEnd < rect.rowEnd) {
+    result.push({
+      rowStart: deselectRect.rowEnd,
+      rowEnd: rect.rowEnd,
+      columnStart: rect.columnStart,
+      columnEnd: rect.columnEnd,
+    });
+  }
+  // Check for left split
+  if (deselectRect.columnStart > rect.columnStart) {
+    result.push({
+      rowStart: Math.max(deselectRect.rowStart, rect.rowStart),
+      rowEnd: Math.min(deselectRect.rowEnd, rect.rowEnd),
+      columnStart: rect.columnStart,
+      columnEnd: deselectRect.columnStart,
+    });
+  }
+  // Check for right split
+  if (deselectRect.columnEnd < rect.columnEnd) {
+    result.push({
+      rowStart: Math.max(deselectRect.rowStart, rect.rowStart),
+      rowEnd: Math.min(deselectRect.rowEnd, rect.rowEnd),
+      columnStart: deselectRect.columnEnd,
+      columnEnd: rect.columnEnd,
+    });
+  }
+  return result.filter(
+    (rect) => !(rect.rowStart >= rect.rowEnd || rect.columnStart >= rect.columnEnd),
+  );
 }

package/dist/cell-selection/expand-cell-selection-down.d.ts

@@ -1,5 +1,8 @@
 import type { Grid } from "../+types.js";
 import type { InternalAtoms } from "../state/+types.js";
-export declare function expandCellSelectionDown(grid: Grid<any> & {
+export declare function expandCellSelectionDown(
+  grid: Grid<any> & {
     internal: InternalAtoms;
-}, meta: boolean): void;
+  },
+  meta: boolean,
+): void;

package/dist/cell-selection/expand-cell-selection-down.js

@@ -1,39 +1,35 @@
 import { getRootCell } from "./get-root-cell.js";
 export function expandCellSelectionDown(grid, meta) {
-    const cellSelections = grid.state.cellSelections.get();
-    const rect = cellSelections.at(-1);
-    const pivot = grid.internal.cellSelectionPivot.get();
-    if (!rect || !pivot)
-        return;
-    if (meta) {
-        const rowCount = grid.state.rowDataStore.rowCount.get();
-        if (pivot.rowStart === rowCount - 1)
-            return;
-        const next = { ...rect, rowStart: pivot.rowStart, rowEnd: rowCount };
-        const nextSelections = [...cellSelections];
-        nextSelections[nextSelections.length - 1] = next;
-        grid.state.cellSelections.set(nextSelections);
-        return;
-    }
-    let next;
-    let focusRow;
-    if (rect.rowStart < pivot.rowStart) {
-        let rowOffset = 1;
-        for (let i = rect.columnStart; i < rect.columnEnd; i++) {
-            const cell = getRootCell(grid, rect.rowStart, i);
-            if (cell)
-                rowOffset = Math.max(rowOffset, cell.rowSpan);
-        }
-        focusRow = rect.rowStart + rowOffset;
-        next = { ...rect, rowStart: focusRow };
-    }
-    else {
-        focusRow = rect.rowEnd + 1;
-        next = { ...rect, rowEnd: focusRow };
-        focusRow -= 1;
-    }
-    grid.api.scrollIntoView({ row: focusRow });
+  const cellSelections = grid.state.cellSelections.get();
+  const rect = cellSelections.at(-1);
+  const pivot = grid.internal.cellSelectionPivot.get();
+  if (!rect || !pivot) return;
+  if (meta) {
+    const rowCount = grid.state.rowDataStore.rowCount.get();
+    if (pivot.rowStart === rowCount - 1) return;
+    const next = { ...rect, rowStart: pivot.rowStart, rowEnd: rowCount };
     const nextSelections = [...cellSelections];
     nextSelections[nextSelections.length - 1] = next;
     grid.state.cellSelections.set(nextSelections);
+    return;
+  }
+  let next;
+  let focusRow;
+  if (rect.rowStart < pivot.rowStart) {
+    let rowOffset = 1;
+    for (let i = rect.columnStart; i < rect.columnEnd; i++) {
+      const cell = getRootCell(grid, rect.rowStart, i);
+      if (cell) rowOffset = Math.max(rowOffset, cell.rowSpan);
+    }
+    focusRow = rect.rowStart + rowOffset;
+    next = { ...rect, rowStart: focusRow };
+  } else {
+    focusRow = rect.rowEnd + 1;
+    next = { ...rect, rowEnd: focusRow };
+    focusRow -= 1;
+  }
+  grid.api.scrollIntoView({ row: focusRow });
+  const nextSelections = [...cellSelections];
+  nextSelections[nextSelections.length - 1] = next;
+  grid.state.cellSelections.set(nextSelections);
 }

package/dist/cell-selection/expand-cell-selection-end.d.ts

@@ -1,5 +1,8 @@
 import type { Grid } from "../+types.js";
 import type { InternalAtoms } from "../state/+types.js";
-export declare function expandCellSelectionEnd(grid: Grid<any> & {
+export declare function expandCellSelectionEnd(
+  grid: Grid<any> & {
     internal: InternalAtoms;
-}, meta: boolean): void;
+  },
+  meta: boolean,
+): void;

package/dist/cell-selection/expand-cell-selection-end.js

@@ -1,40 +1,36 @@
 import { getRootCell } from "./get-root-cell.js";
 export function expandCellSelectionEnd(grid, meta) {
-    const selections = grid.state.cellSelections.get();
-    const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
-    const rect = selections.at(-1);
-    const pivot = cellSelectionPivot;
-    if (!rect || !pivot)
-        return;
-    if (meta) {
-        const colCount = grid.state.columnMeta.get().columnsVisible.length;
-        if (pivot.columnStart === colCount - 1)
-            return;
-        const next = { ...rect, columnStart: pivot.columnStart, columnEnd: colCount };
-        const nextSelections = [...selections];
-        nextSelections[nextSelections.length - 1] = next;
-        grid.state.cellSelections.set(nextSelections);
-        return;
-    }
-    let next;
-    let focusColumn;
-    if (rect.columnStart < pivot.columnStart) {
-        let colOffset = 1;
-        for (let i = rect.rowStart; i < rect.rowEnd; i++) {
-            const cell = getRootCell(grid, i, rect.columnStart);
-            if (cell)
-                colOffset = Math.max(colOffset, cell.colSpan);
-        }
-        focusColumn = rect.columnStart + colOffset;
-        next = { ...rect, columnStart: focusColumn };
-    }
-    else {
-        focusColumn = rect.columnEnd + 1;
-        next = { ...rect, columnEnd: focusColumn };
-        focusColumn -= 1;
-    }
-    grid.api.scrollIntoView({ column: focusColumn });
+  const selections = grid.state.cellSelections.get();
+  const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
+  const rect = selections.at(-1);
+  const pivot = cellSelectionPivot;
+  if (!rect || !pivot) return;
+  if (meta) {
+    const colCount = grid.state.columnMeta.get().columnsVisible.length;
+    if (pivot.columnStart === colCount - 1) return;
+    const next = { ...rect, columnStart: pivot.columnStart, columnEnd: colCount };
     const nextSelections = [...selections];
     nextSelections[nextSelections.length - 1] = next;
     grid.state.cellSelections.set(nextSelections);
+    return;
+  }
+  let next;
+  let focusColumn;
+  if (rect.columnStart < pivot.columnStart) {
+    let colOffset = 1;
+    for (let i = rect.rowStart; i < rect.rowEnd; i++) {
+      const cell = getRootCell(grid, i, rect.columnStart);
+      if (cell) colOffset = Math.max(colOffset, cell.colSpan);
+    }
+    focusColumn = rect.columnStart + colOffset;
+    next = { ...rect, columnStart: focusColumn };
+  } else {
+    focusColumn = rect.columnEnd + 1;
+    next = { ...rect, columnEnd: focusColumn };
+    focusColumn -= 1;
+  }
+  grid.api.scrollIntoView({ column: focusColumn });
+  const nextSelections = [...selections];
+  nextSelections[nextSelections.length - 1] = next;
+  grid.state.cellSelections.set(nextSelections);
 }

package/dist/cell-selection/expand-cell-selection-start.d.ts

@@ -1,5 +1,8 @@
 import type { InternalAtoms } from "../state/+types.js";
 import type { Grid } from "../+types.js";
-export declare function expandCellSelectionStart(grid: Grid<any> & {
+export declare function expandCellSelectionStart(
+  grid: Grid<any> & {
     internal: InternalAtoms;
-}, meta: boolean): void;
+  },
+  meta: boolean,
+): void;

package/dist/cell-selection/expand-cell-selection-start.js

@@ -1,39 +1,35 @@
 import { getRootCell } from "./get-root-cell.js";
 export function expandCellSelectionStart(grid, meta) {
-    const selections = grid.state.cellSelections.get();
-    const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
-    const rect = selections.at(-1);
-    const pivot = cellSelectionPivot;
-    if (!rect || !pivot)
-        return;
-    if (meta) {
-        if (pivot.columnStart === 0)
-            return;
-        const next = { ...rect, columnStart: 0, columnEnd: pivot.columnEnd };
-        const nextSelections = [...selections];
-        nextSelections[nextSelections.length - 1] = next;
-        grid.state.cellSelections.set(nextSelections);
-        return;
-    }
-    let next;
-    let focusColumn;
-    if (rect.columnEnd > pivot.columnEnd) {
-        let colOffset = 1;
-        for (let i = rect.rowStart; i < rect.rowEnd; i++) {
-            const cell = getRootCell(grid, i, rect.columnEnd - 1);
-            if (cell)
-                colOffset = Math.max(colOffset, cell.colSpan);
-        }
-        focusColumn = rect.columnEnd - colOffset;
-        next = { ...rect, columnEnd: focusColumn };
-        focusColumn -= 1;
-    }
-    else {
-        focusColumn = rect.columnStart - 1;
-        next = { ...rect, columnStart: focusColumn };
-    }
-    grid.api.scrollIntoView({ column: focusColumn });
+  const selections = grid.state.cellSelections.get();
+  const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
+  const rect = selections.at(-1);
+  const pivot = cellSelectionPivot;
+  if (!rect || !pivot) return;
+  if (meta) {
+    if (pivot.columnStart === 0) return;
+    const next = { ...rect, columnStart: 0, columnEnd: pivot.columnEnd };
     const nextSelections = [...selections];
     nextSelections[nextSelections.length - 1] = next;
     grid.state.cellSelections.set(nextSelections);
+    return;
+  }
+  let next;
+  let focusColumn;
+  if (rect.columnEnd > pivot.columnEnd) {
+    let colOffset = 1;
+    for (let i = rect.rowStart; i < rect.rowEnd; i++) {
+      const cell = getRootCell(grid, i, rect.columnEnd - 1);
+      if (cell) colOffset = Math.max(colOffset, cell.colSpan);
+    }
+    focusColumn = rect.columnEnd - colOffset;
+    next = { ...rect, columnEnd: focusColumn };
+    focusColumn -= 1;
+  } else {
+    focusColumn = rect.columnStart - 1;
+    next = { ...rect, columnStart: focusColumn };
+  }
+  grid.api.scrollIntoView({ column: focusColumn });
+  const nextSelections = [...selections];
+  nextSelections[nextSelections.length - 1] = next;
+  grid.state.cellSelections.set(nextSelections);
 }

package/dist/cell-selection/expand-cell-selection-up.d.ts

@@ -1,5 +1,8 @@
 import type { InternalAtoms } from "../state/+types.js";
 import type { Grid } from "../+types.js";
-export declare function expandCellSelectionUp(grid: Grid<any> & {
+export declare function expandCellSelectionUp(
+  grid: Grid<any> & {
     internal: InternalAtoms;
-}, meta: boolean): void;
+  },
+  meta: boolean,
+): void;

package/dist/cell-selection/expand-cell-selection-up.js

@@ -1,39 +1,35 @@
 import { getRootCell } from "./get-root-cell.js";
 export function expandCellSelectionUp(grid, meta) {
-    const selections = grid.state.cellSelections.get();
-    const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
-    const rect = selections.at(-1);
-    const pivot = cellSelectionPivot;
-    if (!rect || !pivot)
-        return;
-    if (meta) {
-        if (pivot.rowStart === 0)
-            return;
-        const next = { ...rect, rowEnd: pivot.rowEnd, rowStart: 0 };
-        const nextSelections = [...selections];
-        nextSelections[nextSelections.length - 1] = next;
-        grid.state.cellSelections.set(nextSelections);
-        return;
-    }
-    let next;
-    let focusRow;
-    if (rect.rowEnd > pivot.rowEnd) {
-        let rowOffset = 1;
-        for (let i = rect.columnStart; i < rect.columnEnd; i++) {
-            const cell = getRootCell(grid, rect.rowEnd - 1, i);
-            if (cell)
-                rowOffset = Math.max(rowOffset, cell.rowSpan);
-        }
-        focusRow = rect.rowEnd - rowOffset;
-        next = { ...rect, rowEnd: focusRow };
-        focusRow -= 1;
-    }
-    else {
-        focusRow = rect.rowStart - 1;
-        next = { ...rect, rowStart: focusRow };
-    }
-    grid.api.scrollIntoView({ row: focusRow });
+  const selections = grid.state.cellSelections.get();
+  const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
+  const rect = selections.at(-1);
+  const pivot = cellSelectionPivot;
+  if (!rect || !pivot) return;
+  if (meta) {
+    if (pivot.rowStart === 0) return;
+    const next = { ...rect, rowEnd: pivot.rowEnd, rowStart: 0 };
     const nextSelections = [...selections];
     nextSelections[nextSelections.length - 1] = next;
     grid.state.cellSelections.set(nextSelections);
+    return;
+  }
+  let next;
+  let focusRow;
+  if (rect.rowEnd > pivot.rowEnd) {
+    let rowOffset = 1;
+    for (let i = rect.columnStart; i < rect.columnEnd; i++) {
+      const cell = getRootCell(grid, rect.rowEnd - 1, i);
+      if (cell) rowOffset = Math.max(rowOffset, cell.rowSpan);
+    }
+    focusRow = rect.rowEnd - rowOffset;
+    next = { ...rect, rowEnd: focusRow };
+    focusRow -= 1;
+  } else {
+    focusRow = rect.rowStart - 1;
+    next = { ...rect, rowStart: focusRow };
+  }
+  grid.api.scrollIntoView({ row: focusRow });
+  const nextSelections = [...selections];
+  nextSelections[nextSelections.length - 1] = next;
+  grid.state.cellSelections.set(nextSelections);
 }

package/dist/cell-selection/full-width-start-end-index.js

@@ -1,5 +1,5 @@
 export function fullWidthStartEndIndex(grid) {
-    const meta = grid.state.columnMeta.get();
-    const lastIndex = meta.columnsVisible.length;
-    return [0, lastIndex];
+  const meta = grid.state.columnMeta.get();
+  const lastIndex = meta.columnsVisible.length;
+  return [0, lastIndex];
 }

package/dist/cell-selection/get-root-cell.d.ts

@@ -1,2 +1,6 @@
 import type { Grid, PositionGridCell } from "../+types.js";
-export declare const getRootCell: (grid: Grid<any>, rowIndex: number, columnIndex: number) => PositionGridCell["root"];
+export declare const getRootCell: (
+  grid: Grid<any>,
+  rowIndex: number,
+  columnIndex: number,
+) => PositionGridCell["root"];