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

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

@@ -2,86 +2,83 @@ 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,44 +1,43 @@
 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,8 +1,5 @@
 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,35 +1,39 @@
 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 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);
-    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,8 +1,5 @@
 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,36 +1,40 @@
 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 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);
-    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,8 +1,5 @@
 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,35 +1,39 @@
 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 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);
-    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,8 +1,5 @@
 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,35 +1,39 @@
 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 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);
-    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,6 +1,2 @@
 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"];