@visulima/tui 1.0.0-alpha.6 → 1.0.0-alpha.8

package/dist/packem_shared/isTerminalPaletteQuerySupported-EeiwMKbr.js

@@ -1,93 +0,0 @@
-const BEL = "\x07";
-const OSC = "\x1B]";
-const parseOscColorResponse = (response) => {
-  const match = /rgb:([\da-f]{2,4})\/([\da-f]{2,4})\/([\da-f]{2,4})/i.exec(response);
-  if (!match) {
-    return null;
-  }
-  const toHex = (value) => {
-    if (value.length <= 2) {
-      return value.padStart(2, "0");
-    }
-    return value.slice(0, 2);
-  };
-  return `#${toHex(match[1])}${toHex(match[2])}${toHex(match[3])}`;
-};
-const isTerminalPaletteQuerySupported = () => {
-  const termProgram = process.env["TERM_PROGRAM"] ?? "";
-  const supported = /* @__PURE__ */ new Set(["Alacritty", "contour", "foot", "Ghostty", "iTerm2", "iTerm.app", "kitty", "rio", "WezTerm"]);
-  if (supported.has(termProgram)) {
-    return true;
-  }
-  const term = process.env["TERM"] ?? "";
-  return term.startsWith("xterm") || Boolean(process.env["WT_SESSION"]);
-};
-const MAX_RESPONSE_BYTES = 256;
-const queryOsc = (stdin, stdout, sequence, timeout = 500) => new Promise((resolve) => {
-  let buffer = "";
-  let timer;
-  const cleanup = () => {
-    if (timer) {
-      clearTimeout(timer);
-    }
-    stdin.removeListener("data", onData);
-  };
-  const onData = (data) => {
-    buffer += data.toString();
-    if (buffer.length > MAX_RESPONSE_BYTES) {
-      cleanup();
-      resolve(null);
-      return;
-    }
-    if (buffer.includes(BEL) || buffer.includes("\x1B\\")) {
-      cleanup();
-      resolve(buffer);
-    }
-  };
-  timer = setTimeout(() => {
-    cleanup();
-    resolve(null);
-  }, timeout);
-  stdin.on("data", onData);
-  stdout.write(sequence);
-});
-const queryTerminalPalette = async (stdin, stdout, timeout = 500) => {
-  const result = {};
-  const fgResponse = await queryOsc(stdin, stdout, `${OSC}10;?${BEL}`, timeout);
-  if (fgResponse) {
-    const fg = parseOscColorResponse(fgResponse);
-    if (fg) {
-      result.foreground = fg;
-    }
-  }
-  const bgResponse = await queryOsc(stdin, stdout, `${OSC}11;?${BEL}`, timeout);
-  if (bgResponse) {
-    const bg = parseOscColorResponse(bgResponse);
-    if (bg) {
-      result.background = bg;
-    }
-  }
-  const cursorResponse = await queryOsc(stdin, stdout, `${OSC}12;?${BEL}`, timeout);
-  if (cursorResponse) {
-    const cursor = parseOscColorResponse(cursorResponse);
-    if (cursor) {
-      result.cursor = cursor;
-    }
-  }
-  const colors = [];
-  for (let index = 0; index < 16; index++) {
-    const colorResponse = await queryOsc(stdin, stdout, `${OSC}4;${index};?${BEL}`, timeout);
-    if (colorResponse) {
-      const color = parseOscColorResponse(colorResponse);
-      colors.push(color ?? "");
-    } else {
-      colors.push("");
-    }
-  }
-  if (colors.some((c) => c.length > 0)) {
-    result.colors = colors;
-  }
-  return result;
-};
-
-export { isTerminalPaletteQuerySupported, queryTerminalPalette };

package/dist/packem_shared/kittyFlags-bNNf_9kX.js

@@ -1,26 +0,0 @@
-const kittyFlags = {
-  disambiguateEscapeCodes: 1,
-  reportAllKeysAsEscapeCodes: 8,
-  reportAlternateKeys: 4,
-  reportAssociatedText: 16,
-  reportEventTypes: 2
-};
-function resolveFlags(flags) {
-  let result = 0;
-  for (const flag of flags) {
-    result |= kittyFlags[flag];
-  }
-  return result;
-}
-const kittyModifiers = {
-  alt: 2,
-  capsLock: 64,
-  ctrl: 4,
-  hyper: 16,
-  meta: 32,
-  numLock: 128,
-  shift: 1,
-  super: 8
-};
-
-export { kittyFlags, kittyModifiers, resolveFlags };

package/dist/packem_shared/line-chart-VGU2l7pu.js

@@ -1,139 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { c as createBrailleGrid } from './braille-BoEWoH2I.js';
-import Box from './Box-W1w_NGin.js';
-import Canvas from './Canvas-COttmLPX.js';
-import Text from './Text-CtUwV89_.js';
-
-const DEFAULT_CHART_PALETTE = ["cyan", "magenta", "yellow", "green", "blue", "red"];
-const toPoints = (data) => {
-  if (data.length === 0) {
-    return [];
-  }
-  const first = data[0];
-  if (typeof first === "number") {
-    return data.map((y, x) => {
-      return { x, y };
-    });
-  }
-  return data;
-};
-const pickSeriesColor = (series, index, palette) => series.color ?? palette[index % palette.length] ?? "cyan";
-const computeExtents = (seriesList) => {
-  let xMin = Number.POSITIVE_INFINITY;
-  let xMax = Number.NEGATIVE_INFINITY;
-  let yMin = Number.POSITIVE_INFINITY;
-  let yMax = Number.NEGATIVE_INFINITY;
-  for (const { points } of seriesList) {
-    for (const point of points) {
-      if (point.x < xMin) {
-        xMin = point.x;
-      }
-      if (point.x > xMax) {
-        xMax = point.x;
-      }
-      if (point.y < yMin) {
-        yMin = point.y;
-      }
-      if (point.y > yMax) {
-        yMax = point.y;
-      }
-    }
-  }
-  return { xMax, xMin, yMax, yMin };
-};
-
-const DEFAULT_PALETTE = DEFAULT_CHART_PALETTE;
-const projectPoint = (point, config, pixelWidth, pixelHeight) => {
-  const xRange = config.xMax - config.xMin || 1;
-  const yRange = config.yMax - config.yMin || 1;
-  const nx = (point.x - config.xMin) / xRange;
-  const ny = (point.y - config.yMin) / yRange;
-  return {
-    px: Math.max(0, Math.min(pixelWidth - 1, Math.round(nx * (pixelWidth - 1)))),
-    py: Math.max(0, Math.min(pixelHeight - 1, Math.round((1 - ny) * (pixelHeight - 1))))
-  };
-};
-const drawSeriesOnCanvas = (context, mode, config) => {
-  context.clear();
-  const { axisColor, seriesList } = config;
-  const pixelWidth = Math.max(1, context.width * 2);
-  const pixelHeight = Math.max(1, context.height * 4);
-  for (let cellX = 0; cellX < context.width; cellX += 2) {
-    context.setCell(cellX, context.height - 1, "·", { color: axisColor, dim: true });
-  }
-  for (const { color, points } of seriesList) {
-    if (points.length === 0) {
-      continue;
-    }
-    const grid = createBrailleGrid(context.width, context.height);
-    if (mode === "scatter") {
-      for (const point of points) {
-        const projected = projectPoint(point, config, pixelWidth, pixelHeight);
-        grid.plotPoint(projected.px, projected.py);
-      }
-    } else {
-      let previous = projectPoint(points[0], config, pixelWidth, pixelHeight);
-      grid.plotPoint(previous.px, previous.py);
-      for (let index = 1; index < points.length; index += 1) {
-        const current = projectPoint(points[index], config, pixelWidth, pixelHeight);
-        grid.plotLine(previous.px, previous.py, current.px, current.py);
-        previous = current;
-      }
-    }
-    grid.flush(context, { color });
-  }
-};
-function LineChart({
-  axisColor = "gray",
-  height = 10,
-  maxY,
-  minY,
-  palette = DEFAULT_PALETTE,
-  series,
-  showLegend = true,
-  width = 40
-}) {
-  const config = useMemo(() => {
-    const seriesList = series.map((input, index) => {
-      return {
-        color: pickSeriesColor(input, index, palette),
-        points: toPoints(input.data),
-        series: input
-      };
-    });
-    const extents = computeExtents(seriesList);
-    return {
-      axisColor,
-      palette,
-      seriesList,
-      xMax: extents.xMax === Number.NEGATIVE_INFINITY ? 1 : extents.xMax,
-      xMin: extents.xMin === Number.POSITIVE_INFINITY ? 0 : extents.xMin,
-      yMax: maxY ?? (extents.yMax === Number.NEGATIVE_INFINITY ? 1 : extents.yMax),
-      yMin: minY ?? (extents.yMin === Number.POSITIVE_INFINITY ? 0 : extents.yMin)
-    };
-  }, [series, axisColor, palette, minY, maxY]);
-  return jsxs(Box, { flexDirection: "column", children: [
-    jsx(
-      Canvas,
-      {
-        draw: (context) => {
-          drawSeriesOnCanvas(context, "line", config);
-        },
-        height,
-        version: [series, width, height, minY, maxY, axisColor, palette],
-        width
-      }
-    ),
-    showLegend ? jsx(Box, { gap: 2, marginTop: 1, children: config.seriesList.map(({ color, series: input }, index) => (
-      // Composite key: series index plus label so two
-      // series sharing a label don't collide.
-      jsxs(Box, { gap: 1, children: [
-        jsx(Text, { color, children: "●" }),
-        jsx(Text, { children: input.label ?? `Series ${index + 1}` })
-      ] }, `${index}:${input.label ?? ""}`)
-    )) }) : void 0
-  ] });
-}
-
-export { DEFAULT_CHART_PALETTE as D, LineChart as L, projectPoint as a, computeExtents as c, drawSeriesOnCanvas as d, pickSeriesColor as p, toPoints as t };

package/dist/packem_shared/measure-element-Bc6PEaIe.js

@@ -1,405 +0,0 @@
-import Yoga from 'yoga-layout';
-import { getScrollTop, getScrollLeft } from './getScrollHeight-Cz3CDQN2.js';
-import squashTextNodes from './squashTextNodesWithMap-iqm6OMMT.js';
-
-const getAbsoluteBorderPosition = (node) => {
-  let currentNode = node;
-  let x = 0;
-  let y = 0;
-  while (currentNode?.parentNode) {
-    if (!currentNode.yogaNode) {
-      return void 0;
-    }
-    x += currentNode.yogaNode.getComputedLeft();
-    y += currentNode.yogaNode.getComputedTop();
-    currentNode = currentNode.parentNode;
-  }
-  return { x, y };
-};
-const getAbsolutePosition = (node) => getAbsoluteBorderPosition(node);
-const getAbsoluteContentPosition = (node) => {
-  const borderPosition = getAbsoluteBorderPosition(node);
-  if (!borderPosition || !node.yogaNode) {
-    return void 0;
-  }
-  return {
-    x: borderPosition.x + node.yogaNode.getComputedBorder(Yoga.EDGE_LEFT) + node.yogaNode.getComputedPadding(Yoga.EDGE_LEFT),
-    y: borderPosition.y + node.yogaNode.getComputedBorder(Yoga.EDGE_TOP) + node.yogaNode.getComputedPadding(Yoga.EDGE_TOP)
-  };
-};
-const processLayout = (node, callbacks) => {
-  const { initialState, onNewline, onSpace, onText } = callbacks;
-  if (node.nodeName !== "ink-box" && node.nodeName !== "ink-root" && node.nodeName !== "ink-text" && node.nodeName !== "ink-virtual-text" || !node.yogaNode) {
-    return { lineBottom: 0, state: initialState() };
-  }
-  const { fragments } = collectSortedFragments(node);
-  const state = initialState();
-  state.currentX = 0;
-  state.lineBottom = 0;
-  state.yieldedContent = false;
-  for (const fragment of fragments) {
-    if (fragment.y >= state.lineBottom) {
-      const gap = fragment.y - state.lineBottom;
-      const newlines = state.yieldedContent ? 1 + gap : gap;
-      if (newlines > 0) {
-        onNewline(newlines, state);
-        state.currentX = 0;
-      }
-      state.lineBottom = fragment.y;
-    }
-    if (fragment.x > state.currentX) {
-      const spaces = fragment.x - state.currentX;
-      onSpace(spaces, state);
-      state.currentX = fragment.x;
-    }
-    if (fragment.text.length > 0) {
-      state.yieldedContent = true;
-      onText(fragment, state);
-    }
-    const newlinesInText = (fragment.text.match(/\n/g) ?? []).length;
-    if (newlinesInText > 0) {
-      const lastNewlineIndex = fragment.text.lastIndexOf("\n");
-      state.currentX = fragment.text.length - lastNewlineIndex - 1;
-    } else {
-      state.currentX += fragment.text.length;
-    }
-    state.lineBottom = Math.max(state.lineBottom, fragment.y + fragment.height);
-  }
-  return { lineBottom: state.lineBottom, state };
-};
-
-const measureElement = (node) => {
-  const position = getAbsolutePosition(node);
-  return {
-    height: Math.round(node.yogaNode?.getComputedHeight() ?? 0),
-    width: Math.round(node.yogaNode?.getComputedWidth() ?? 0),
-    x: Math.round(position?.x ?? 0),
-    y: Math.round(position?.y ?? 0)
-  };
-};
-const getInnerWidth = (node) => {
-  const { yogaNode } = node;
-  if (!yogaNode) {
-    return 0;
-  }
-  const width = yogaNode.getComputedWidth() ?? 0;
-  const borderLeft = yogaNode.getComputedBorder(Yoga.EDGE_LEFT);
-  const borderRight = yogaNode.getComputedBorder(Yoga.EDGE_RIGHT);
-  return Math.round(width - borderLeft - borderRight);
-};
-const getInnerHeight = (node) => {
-  const { yogaNode } = node;
-  if (!yogaNode) {
-    return 0;
-  }
-  const height = yogaNode.getComputedHeight() ?? 0;
-  const borderTop = yogaNode.getComputedBorder(Yoga.EDGE_TOP);
-  const borderBottom = yogaNode.getComputedBorder(Yoga.EDGE_BOTTOM);
-  return Math.round(height - borderTop - borderBottom);
-};
-const getBoundingBox = (node) => {
-  const { yogaNode } = node;
-  if (!yogaNode) {
-    return { height: 0, width: 0, x: 0, y: 0 };
-  }
-  const width = yogaNode.getComputedWidth() ?? 0;
-  const height = yogaNode.getComputedHeight() ?? 0;
-  let x = yogaNode.getComputedLeft();
-  let y = yogaNode.getComputedTop();
-  let parent = node.parentNode;
-  while (parent?.yogaNode) {
-    x += parent.yogaNode.getComputedLeft();
-    y += parent.yogaNode.getComputedTop();
-    if (parent.nodeName === "ink-box") {
-      const overflow = parent.style.overflow ?? "visible";
-      const overflowX = parent.style.overflowX ?? overflow;
-      const overflowY = parent.style.overflowY ?? overflow;
-      if (overflowY === "scroll") {
-        y -= getScrollTop(parent);
-      }
-      if (overflowX === "scroll") {
-        x -= getScrollLeft(parent);
-      }
-    }
-    parent = parent.parentNode;
-  }
-  return {
-    height: Math.round(height),
-    width: Math.round(width),
-    x: Math.round(x),
-    y: Math.round(y)
-  };
-};
-const getAddedScrollHeight = (node) => {
-  const scrollHeight = node.internal_scrollState?.scrollHeight ?? 0;
-  const actualScrollHeight = node.internal_scrollState?.actualScrollHeight ?? 0;
-  return Math.max(0, scrollHeight - actualScrollHeight);
-};
-const calculateScrollbarThumb = (options) => {
-  const { axis, clientDimension, scrollbarDimension, scrollDimension, scrollPosition } = options;
-  const scrollbarDimensionHalves = scrollbarDimension * 2;
-  const thumbDimensionHalves = Math.max(axis === "vertical" ? 2 : 1, Math.round(clientDimension / scrollDimension * scrollbarDimensionHalves));
-  const maxScrollPosition = scrollDimension - clientDimension;
-  const maxThumbPosition = scrollbarDimensionHalves - thumbDimensionHalves;
-  const thumbPosition = maxScrollPosition > 0 ? Math.round(scrollPosition / maxScrollPosition * maxThumbPosition) : 0;
-  const thumbStartHalf = thumbPosition;
-  const thumbEndHalf = thumbPosition + thumbDimensionHalves;
-  const startIndex = Math.floor(thumbStartHalf / 2);
-  const endIndex = Math.min(scrollbarDimension, Math.ceil(thumbEndHalf / 2));
-  return { endIndex, startIndex, thumbEndHalf, thumbStartHalf };
-};
-const calculateScrollbarLayout = (options) => {
-  const { axis, clientDimension, hasOppositeScrollbar, height, marginBottom, marginRight, scrollDimension, scrollPosition, width, x, y } = options;
-  if (scrollDimension <= clientDimension) {
-    return void 0;
-  }
-  if (axis === "vertical") {
-    const { endIndex: endIndex2, startIndex: startIndex2, thumbEndHalf: thumbEndHalf2, thumbStartHalf: thumbStartHalf2 } = calculateScrollbarThumb({
-      axis,
-      clientDimension,
-      scrollbarDimension: height,
-      scrollDimension,
-      scrollPosition
-    });
-    const scrollbarX = x + width - 1 - marginRight;
-    return {
-      height,
-      thumb: {
-        end: endIndex2,
-        endHalf: thumbEndHalf2,
-        height: endIndex2 - startIndex2,
-        start: startIndex2,
-        startHalf: thumbStartHalf2,
-        width: 1,
-        x: scrollbarX,
-        y: y + startIndex2
-      },
-      width: 1,
-      x: scrollbarX,
-      y
-    };
-  }
-  const scrollbarWidth = width - (hasOppositeScrollbar ? 1 : 0);
-  const { endIndex, startIndex, thumbEndHalf, thumbStartHalf } = calculateScrollbarThumb({
-    axis,
-    clientDimension,
-    scrollbarDimension: scrollbarWidth,
-    scrollDimension,
-    scrollPosition
-  });
-  const scrollbarY = y + height - 1 - marginBottom;
-  return {
-    height: 1,
-    thumb: {
-      end: endIndex,
-      endHalf: thumbEndHalf,
-      height: 1,
-      start: startIndex,
-      startHalf: thumbStartHalf,
-      width: endIndex - startIndex,
-      x: x + startIndex,
-      y: scrollbarY
-    },
-    width: scrollbarWidth,
-    x,
-    y: scrollbarY
-  };
-};
-const getVerticalScrollbarBoundingBox = (node, offset) => {
-  const { yogaNode } = node;
-  if (!yogaNode) {
-    return void 0;
-  }
-  const overflow = node.style.overflow ?? "visible";
-  const overflowY = node.style.overflowY ?? overflow;
-  if (overflowY !== "scroll") {
-    return void 0;
-  }
-  const clientHeight = node.internal_scrollState?.clientHeight ?? 0;
-  const scrollHeight = node.internal_scrollState?.scrollHeight ?? 0;
-  if (scrollHeight <= clientHeight) {
-    return void 0;
-  }
-  const { x, y } = offset ?? getBoundingBox(node);
-  const scrollbarHeight = yogaNode.getComputedHeight() - yogaNode.getComputedBorder(Yoga.EDGE_TOP) - yogaNode.getComputedBorder(Yoga.EDGE_BOTTOM);
-  return calculateScrollbarLayout({
-    axis: "vertical",
-    clientDimension: clientHeight,
-    hasOppositeScrollbar: false,
-    height: scrollbarHeight,
-    marginBottom: yogaNode.getComputedBorder(Yoga.EDGE_BOTTOM),
-    marginRight: yogaNode.getComputedBorder(Yoga.EDGE_RIGHT),
-    scrollDimension: scrollHeight,
-    scrollPosition: node.internal_scrollState?.scrollTop ?? 0,
-    width: yogaNode.getComputedWidth() - yogaNode.getComputedBorder(Yoga.EDGE_LEFT),
-    x: x + yogaNode.getComputedBorder(Yoga.EDGE_LEFT),
-    y: y + yogaNode.getComputedBorder(Yoga.EDGE_TOP)
-  });
-};
-const getHorizontalScrollbarBoundingBox = (node, offset) => {
-  const { yogaNode } = node;
-  if (!yogaNode) {
-    return void 0;
-  }
-  const overflow = node.style.overflow ?? "visible";
-  const overflowX = node.style.overflowX ?? overflow;
-  if (overflowX !== "scroll") {
-    return void 0;
-  }
-  const clientWidth = node.internal_scrollState?.clientWidth ?? 0;
-  const scrollWidth = node.internal_scrollState?.scrollWidth ?? 0;
-  if (scrollWidth <= clientWidth) {
-    return void 0;
-  }
-  const { x, y } = offset ?? getBoundingBox(node);
-  const overflowY = node.style.overflowY ?? overflow;
-  const clientHeight = node.internal_scrollState?.clientHeight ?? 0;
-  const scrollHeight = node.internal_scrollState?.scrollHeight ?? 0;
-  const isVerticalScrollbarVisible = overflowY === "scroll" && scrollHeight > clientHeight;
-  return calculateScrollbarLayout({
-    axis: "horizontal",
-    clientDimension: clientWidth,
-    hasOppositeScrollbar: isVerticalScrollbarVisible,
-    height: yogaNode.getComputedHeight() - yogaNode.getComputedBorder(Yoga.EDGE_TOP),
-    marginBottom: yogaNode.getComputedBorder(Yoga.EDGE_BOTTOM),
-    marginRight: yogaNode.getComputedBorder(Yoga.EDGE_RIGHT),
-    scrollDimension: scrollWidth,
-    scrollPosition: node.internal_scrollState?.scrollLeft ?? 0,
-    width: yogaNode.getComputedWidth() - yogaNode.getComputedBorder(Yoga.EDGE_LEFT) - yogaNode.getComputedBorder(Yoga.EDGE_RIGHT),
-    x: x + yogaNode.getComputedBorder(Yoga.EDGE_LEFT),
-    y: y + yogaNode.getComputedBorder(Yoga.EDGE_TOP)
-  });
-};
-const getRelativeTop = (node, ancestor) => {
-  if (!node.yogaNode || node === ancestor) {
-    return 0;
-  }
-  let top = node.yogaNode.getComputedTop();
-  let parent = node.parentNode;
-  while (parent && parent !== ancestor) {
-    if (parent.yogaNode) {
-      top += parent.yogaNode.getComputedTop();
-    }
-    parent = parent.parentNode;
-  }
-  if (ancestor !== void 0 && parent !== ancestor) {
-    return void 0;
-  }
-  return Math.round(top);
-};
-const getRelativeLeft = (node, ancestor) => {
-  if (!node.yogaNode || node === ancestor) {
-    return 0;
-  }
-  let left = node.yogaNode.getComputedLeft();
-  let parent = node.parentNode;
-  while (parent && parent !== ancestor) {
-    if (parent.yogaNode) {
-      left += parent.yogaNode.getComputedLeft();
-    }
-    parent = parent.parentNode;
-  }
-  if (ancestor !== void 0 && parent !== ancestor) {
-    return void 0;
-  }
-  return Math.round(left);
-};
-const getText = (node) => {
-  if (node.nodeName === "#text") {
-    return node.nodeValue;
-  }
-  if (node.nodeName === "ink-text" || node.nodeName === "ink-virtual-text") {
-    return squashTextNodes(node);
-  }
-  return "";
-};
-const collectSortedFragments = (node) => {
-  const fragments = [];
-  const collect = (currentNode, coords, selectable) => {
-    const { visualX, visualY, x, y } = coords;
-    let v2 = 0;
-    let h2 = 0;
-    let currentSelectable = selectable;
-    const { userSelect } = currentNode.style;
-    if (userSelect === "none") {
-      currentSelectable = false;
-    } else if (userSelect === "text" || userSelect === "all") {
-      currentSelectable = true;
-    }
-    if (currentNode.nodeName === "ink-text" || currentNode.nodeName === "ink-virtual-text") {
-      if (currentSelectable) {
-        const text = getText(currentNode);
-        fragments.push({
-          height: Math.round(currentNode.yogaNode?.getComputedHeight() ?? 0),
-          node: currentNode,
-          text,
-          visualX: Math.round(visualX),
-          visualY: Math.round(visualY),
-          width: Math.round(currentNode.yogaNode?.getComputedWidth() ?? 0),
-          x: Math.round(x),
-          y: Math.round(y)
-        });
-        return { h: 0, hasContent: true, v: 0 };
-      }
-      return {
-        h: currentNode.yogaNode?.getComputedWidth() ?? 0,
-        hasContent: false,
-        v: currentNode.yogaNode?.getComputedHeight() ?? 0
-      };
-    }
-    if (currentNode.nodeName === "ink-box" || currentNode.nodeName === "ink-root") {
-      if (!currentNode.yogaNode || currentNode.yogaNode.getDisplay() === Yoga.DISPLAY_NONE) {
-        return { h: 0, hasContent: false, v: 0 };
-      }
-      const borderTop = currentNode.yogaNode.getComputedBorder(Yoga.EDGE_TOP);
-      const borderBottom = currentNode.yogaNode.getComputedBorder(Yoga.EDGE_BOTTOM);
-      const borderLeft = currentNode.yogaNode.getComputedBorder(Yoga.EDGE_LEFT);
-      const borderRight = currentNode.yogaNode.getComputedBorder(Yoga.EDGE_RIGHT);
-      v2 += borderTop + borderBottom;
-      h2 += borderLeft + borderRight;
-      const flexDirection = currentNode.yogaNode.getFlexDirection();
-      const isColumn = flexDirection === Yoga.FLEX_DIRECTION_COLUMN || flexDirection === Yoga.FLEX_DIRECTION_COLUMN_REVERSE;
-      let siblingRemovedH = 0;
-      let siblingRemovedV = 0;
-      let childHasContent = false;
-      for (const child of currentNode.childNodes) {
-        if (child.yogaNode) {
-          const childX = x + child.yogaNode.getComputedLeft() - borderLeft - siblingRemovedH;
-          const childY = y + child.yogaNode.getComputedTop() - borderTop - siblingRemovedV;
-          const childVisualX = visualX + child.yogaNode.getComputedLeft();
-          const childVisualY = visualY + child.yogaNode.getComputedTop();
-          const res = collect(child, { visualX: childVisualX, visualY: childVisualY, x: childX, y: childY }, currentSelectable);
-          if (res.hasContent) {
-            childHasContent = true;
-          }
-          if (isColumn) {
-            siblingRemovedV += res.v;
-          } else {
-            siblingRemovedH += res.h;
-          }
-        }
-      }
-      if (isColumn) {
-        v2 += siblingRemovedV;
-      } else {
-        h2 += siblingRemovedH;
-      }
-      return { h: h2, hasContent: childHasContent, v: v2 };
-    }
-    return { h: 0, hasContent: false, v: 0 };
-  };
-  const { h, v } = collect(node, { visualX: 0, visualY: 0, x: 0, y: 0 }, true);
-  fragments.sort((a, b) => {
-    if (a.y !== b.y) {
-      return a.y - b.y;
-    }
-    return a.x - b.x;
-  });
-  return {
-    fragments,
-    removedHorizontal: Math.round(h),
-    removedVertical: Math.round(v)
-  };
-};
-
-export { calculateScrollbarThumb as a, collectSortedFragments as b, calculateScrollbarLayout as c, getBoundingBox as d, getHorizontalScrollbarBoundingBox as e, getInnerHeight as f, getAddedScrollHeight as g, getInnerWidth as h, getRelativeLeft as i, getRelativeTop as j, getText as k, getVerticalScrollbarBoundingBox as l, measureElement as m, getAbsoluteContentPosition as n, getAbsolutePosition as o, processLayout as p };