vastgrid 0.1.1 → 0.2.0

package/dist/canvas/layout.js

@@ -0,0 +1,73 @@
+/** Positions of columns laid out side by side. Lookups are O(1) by index and O(log n) by x. */
+export class ColumnLayout {
+  /** `offsets[i]` is the left edge of column `i`; `offsets[count]` is the total width. */
+
+  constructor(widths) {
+    this.offsets = new Float64Array(widths.length + 1);
+    for (let index = 0; index < widths.length; index++) {
+      this.offsets[index + 1] = this.offsets[index] + Math.max(0, widths[index]);
+    }
+  }
+  get count() {
+    return this.offsets.length - 1;
+  }
+  get total() {
+    return this.offsets[this.count];
+  }
+  left(index) {
+    return this.offsets[index];
+  }
+  right(index) {
+    return this.offsets[index + 1];
+  }
+  width(index) {
+    return this.offsets[index + 1] - this.offsets[index];
+  }
+
+  /** The column containing `x`, clamped to the existing columns. Returns -1 when there are none. */
+  indexAt(x) {
+    const count = this.count;
+    if (count === 0) return -1;
+    if (x <= 0) return 0;
+    if (x >= this.total) return count - 1;
+    let low = 0;
+    let high = count - 1;
+    while (low < high) {
+      const middle = low + high + 1 >> 1;
+      if (this.offsets[middle] <= x) low = middle;else high = middle - 1;
+    }
+    return low;
+  }
+}
+
+/** Where a column is frozen: at the left, at the right, or not (`null`, it scrolls). */
+
+/**
+ * Share of the body's width (without the row header) that frozen columns may take together. Columns
+ * frozen beyond it scroll with the others until the grid is wide enough again, so that the scrolling
+ * columns always keep some room.
+ */
+const MAX_FROZEN_SHARE = 0.75;
+
+/**
+ * The columns drawn frozen at each side: the first `left` and the last `right` columns of `layout`, fewer
+ * when together they are wider than `MAX_FROZEN_SHARE` of `available` (the body's width). Columns frozen
+ * at the right give way first, then those at the left, each from the scrolling side. With an unknown
+ * width (`available` 0 or less) every frozen column stays frozen.
+ */
+export function fitFrozen(layout, left, right, available) {
+  const count = layout.count;
+  let fittedLeft = Math.max(0, Math.min(Math.floor(left), count));
+  let fittedRight = Math.max(0, Math.min(Math.floor(right), count - fittedLeft));
+  if (available > 0) {
+    const limit = available * MAX_FROZEN_SHARE;
+    const width = () => layout.left(fittedLeft) + layout.total - layout.left(count - fittedRight);
+    while (fittedRight > 0 && width() > limit) fittedRight--;
+    while (fittedLeft > 0 && width() > limit) fittedLeft--;
+  }
+  return {
+    left: fittedLeft,
+    right: fittedRight
+  };
+}
+//# sourceMappingURL=layout.js.map

package/dist/canvas/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ColumnLayout","constructor","widths","offsets","Float64Array","length","index","Math","max","count","total","left","right","width","indexAt","x","low","high","middle","MAX_FROZEN_SHARE","fitFrozen","layout","available","fittedLeft","min","floor","fittedRight","limit"],"sources":["layout.ts"],"sourcesContent":["/** Positions of columns laid out side by side. Lookups are O(1) by index and O(log n) by x. */\nexport class ColumnLayout {\n  /** `offsets[i]` is the left edge of column `i`; `offsets[count]` is the total width. */\n  readonly offsets: Float64Array;\n\n  constructor(widths: ArrayLike<number>) {\n    this.offsets = new Float64Array(widths.length + 1);\n    for (let index = 0; index < widths.length; index++) {\n      this.offsets[index + 1] = this.offsets[index] + Math.max(0, widths[index]);\n    }\n  }\n\n  get count() {\n    return this.offsets.length - 1;\n  }\n\n  get total() {\n    return this.offsets[this.count];\n  }\n\n  left(index: number) {\n    return this.offsets[index];\n  }\n\n  right(index: number) {\n    return this.offsets[index + 1];\n  }\n\n  width(index: number) {\n    return this.offsets[index + 1] - this.offsets[index];\n  }\n\n  /** The column containing `x`, clamped to the existing columns. Returns -1 when there are none. */\n  indexAt(x: number): number {\n    const count = this.count;\n    if (count === 0) return -1;\n    if (x <= 0) return 0;\n    if (x >= this.total) return count - 1;\n    let low = 0;\n    let high = count - 1;\n    while (low < high) {\n      const middle = (low + high + 1) >> 1;\n      if (this.offsets[middle] <= x) low = middle;\n      else high = middle - 1;\n    }\n    return low;\n  }\n}\n\n/** Where a column is frozen: at the left, at the right, or not (`null`, it scrolls). */\nexport type ColumnPin = \"left\" | \"right\" | null;\n\n/**\n * Share of the body's width (without the row header) that frozen columns may take together. Columns\n * frozen beyond it scroll with the others until the grid is wide enough again, so that the scrolling\n * columns always keep some room.\n */\nconst MAX_FROZEN_SHARE = 0.75;\n\n/**\n * The columns drawn frozen at each side: the first `left` and the last `right` columns of `layout`, fewer\n * when together they are wider than `MAX_FROZEN_SHARE` of `available` (the body's width). Columns frozen\n * at the right give way first, then those at the left, each from the scrolling side. With an unknown\n * width (`available` 0 or less) every frozen column stays frozen.\n */\nexport function fitFrozen(layout: ColumnLayout, left: number, right: number, available: number) {\n  const count = layout.count;\n  let fittedLeft = Math.max(0, Math.min(Math.floor(left), count));\n  let fittedRight = Math.max(0, Math.min(Math.floor(right), count - fittedLeft));\n  if (available > 0) {\n    const limit = available * MAX_FROZEN_SHARE;\n    const width = () => layout.left(fittedLeft) + layout.total - layout.left(count - fittedRight);\n    while (fittedRight > 0 && width() > limit) fittedRight--;\n    while (fittedLeft > 0 && width() > limit) fittedLeft--;\n  }\n  return { left: fittedLeft, right: fittedRight };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/canvas/scroll.d.ts

@@ -0,0 +1,31 @@
+export declare class ScrollAxis {
+    private readonly maxNative;
+    private contentSize;
+    private viewportSize;
+    private nativeSize;
+    private virtual;
+    private lastNative;
+    private expectedNative;
+    private expectedVirtual;
+    constructor(maxNative?: number);
+    /** Updates the sizes and returns the size to give the native scroll content. */
+    resize(contentSize: number, viewportSize: number): number;
+    /** Whether the native position is mapped (the content is larger than `maxNative`). */
+    get scaled(): boolean;
+    get virtualRange(): number;
+    get nativeRange(): number;
+    /** The current virtual position. */
+    get position(): number;
+    /** The native position that corresponds to the current state. */
+    get native(): number;
+    private jumpThreshold;
+    /** Handles a native scroll event and returns the new virtual position. */
+    onNativeScroll(nativePosition: number): number;
+    /**
+     * Moves to a virtual position and returns the native position to assign to the scroll element.
+     * Nearby targets move the native position by the same amount, so a following wheel scroll
+     * continues smoothly; distant targets map proportionally.
+     */
+    scrollTo(target: number): number;
+}
+//# sourceMappingURL=scroll.d.ts.map

package/dist/canvas/scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/canvas/scroll.ts"],"names":[],"mappings":"AAmBA,qBAAa,UAAU;IAST,OAAO,CAAC,QAAQ,CAAC,SAAS;IARtC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,eAAe,CAAK;IAE5B,YAA6B,SAAS,SAAoB,EAAI;IAE9D,gFAAgF;IAChF,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAMxD;IAED,sFAAsF;IACtF,IAAI,MAAM,YAET;IAED,IAAI,YAAY,WAEf;IAED,IAAI,WAAW,WAEd;IAED,oCAAoC;IACpC,IAAI,QAAQ,WAEX;IAED,iEAAiE;IACjE,IAAI,MAAM,WAET;IAED,OAAO,CAAC,aAAa;IAIrB,0EAA0E;IAC1E,cAAc,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAwB7C;IAED;;;;OAIG;IACH,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAoB/B;CACF"}

package/dist/canvas/scroll.js

@@ -0,0 +1,111 @@
+/**
+ * Browsers cap the size of an element (about 16.7M px in Chromium, 17.9M px in Firefox, 33.5M px
+ * in Safari). With 24 px rows that is well under a million rows, so a native scrollbar cannot
+ * cover the content of a large table. `ScrollAxis` maps a native scroll position, kept below
+ * `maxNative`, onto a much larger virtual position:
+ *
+ * - Small movements (wheel, trackpad, arrow keys) move the virtual position by the same amount, so
+ *   scrolling feels exactly like a normal page at any depth.
+ * - Large jumps (dragging the thumb, clicking the track) and the two ends map proportionally, so the
+ *   scrollbar still tells where you are and reaches the first and the last row.
+ *
+ * Content smaller than `maxNative` is never scaled.
+ */
+const MAX_NATIVE_SCROLL = 8_000_000;
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+export class ScrollAxis {
+  contentSize = 0;
+  viewportSize = 0;
+  nativeSize = 0;
+  virtual = 0;
+  lastNative = 0;
+  expectedNative = null;
+  expectedVirtual = 0;
+  constructor(maxNative = MAX_NATIVE_SCROLL) {
+    this.maxNative = maxNative;
+  }
+
+  /** Updates the sizes and returns the size to give the native scroll content. */
+  resize(contentSize, viewportSize) {
+    this.contentSize = Math.max(0, contentSize);
+    this.viewportSize = Math.max(0, viewportSize);
+    this.nativeSize = Math.min(this.contentSize, this.maxNative);
+    this.virtual = clamp(this.virtual, 0, this.virtualRange);
+    return this.nativeSize;
+  }
+
+  /** Whether the native position is mapped (the content is larger than `maxNative`). */
+  get scaled() {
+    return this.contentSize > this.maxNative;
+  }
+  get virtualRange() {
+    return Math.max(0, this.contentSize - this.viewportSize);
+  }
+  get nativeRange() {
+    return Math.max(0, this.nativeSize - this.viewportSize);
+  }
+
+  /** The current virtual position. */
+  get position() {
+    return this.virtual;
+  }
+
+  /** The native position that corresponds to the current state. */
+  get native() {
+    return this.lastNative;
+  }
+  jumpThreshold() {
+    return Math.max(this.viewportSize * 2, 1000);
+  }
+
+  /** Handles a native scroll event and returns the new virtual position. */
+  onNativeScroll(nativePosition) {
+    const nativeRange = this.nativeRange;
+    const native = clamp(nativePosition, 0, nativeRange);
+    if (this.expectedNative !== null && Math.abs(native - this.expectedNative) <= 1) {
+      // The event caused by `scrollTo`. Browsers may round the position, so keep the requested one.
+      this.expectedNative = null;
+      this.lastNative = native;
+      this.virtual = this.expectedVirtual;
+      return this.virtual;
+    }
+    this.expectedNative = null;
+    if (!this.scaled) {
+      this.lastNative = native;
+      this.virtual = native;
+      return native;
+    }
+    const delta = native - this.lastNative;
+    this.lastNative = native;
+    const virtualRange = this.virtualRange;
+    if (native <= 0) this.virtual = 0;else if (native >= nativeRange) this.virtual = virtualRange;else if (Math.abs(delta) > this.jumpThreshold()) this.virtual = native / nativeRange * virtualRange;else this.virtual = clamp(this.virtual + delta, 0, virtualRange);
+    return this.virtual;
+  }
+
+  /**
+   * Moves to a virtual position and returns the native position to assign to the scroll element.
+   * Nearby targets move the native position by the same amount, so a following wheel scroll
+   * continues smoothly; distant targets map proportionally.
+   */
+  scrollTo(target) {
+    const virtualRange = this.virtualRange;
+    const virtual = clamp(target, 0, virtualRange);
+    let native;
+    if (!this.scaled) {
+      native = virtual;
+    } else {
+      const nativeRange = this.nativeRange;
+      const delta = virtual - this.virtual;
+      const local = this.lastNative + delta;
+      if (virtual === 0) native = 0;else if (virtual === virtualRange) native = nativeRange;else if (Math.abs(delta) <= this.jumpThreshold() && local > 0 && local < nativeRange) native = local;else native = virtualRange === 0 ? 0 : virtual / virtualRange * nativeRange;
+    }
+    this.virtual = virtual;
+    this.expectedVirtual = virtual;
+    this.expectedNative = native;
+    this.lastNative = native;
+    return native;
+  }
+}
+//# sourceMappingURL=scroll.js.map

package/dist/canvas/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAX_NATIVE_SCROLL","clamp","value","min","max","Math","ScrollAxis","contentSize","viewportSize","nativeSize","virtual","lastNative","expectedNative","expectedVirtual","constructor","maxNative","resize","virtualRange","scaled","nativeRange","position","native","jumpThreshold","onNativeScroll","nativePosition","abs","delta","scrollTo","target","local"],"sources":["scroll.ts"],"sourcesContent":["/**\n * Browsers cap the size of an element (about 16.7M px in Chromium, 17.9M px in Firefox, 33.5M px\n * in Safari). With 24 px rows that is well under a million rows, so a native scrollbar cannot\n * cover the content of a large table. `ScrollAxis` maps a native scroll position, kept below\n * `maxNative`, onto a much larger virtual position:\n *\n * - Small movements (wheel, trackpad, arrow keys) move the virtual position by the same amount, so\n *   scrolling feels exactly like a normal page at any depth.\n * - Large jumps (dragging the thumb, clicking the track) and the two ends map proportionally, so the\n *   scrollbar still tells where you are and reaches the first and the last row.\n *\n * Content smaller than `maxNative` is never scaled.\n */\nconst MAX_NATIVE_SCROLL = 8_000_000;\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n\nexport class ScrollAxis {\n  private contentSize = 0;\n  private viewportSize = 0;\n  private nativeSize = 0;\n  private virtual = 0;\n  private lastNative = 0;\n  private expectedNative: number | null = null;\n  private expectedVirtual = 0;\n\n  constructor(private readonly maxNative = MAX_NATIVE_SCROLL) {}\n\n  /** Updates the sizes and returns the size to give the native scroll content. */\n  resize(contentSize: number, viewportSize: number): number {\n    this.contentSize = Math.max(0, contentSize);\n    this.viewportSize = Math.max(0, viewportSize);\n    this.nativeSize = Math.min(this.contentSize, this.maxNative);\n    this.virtual = clamp(this.virtual, 0, this.virtualRange);\n    return this.nativeSize;\n  }\n\n  /** Whether the native position is mapped (the content is larger than `maxNative`). */\n  get scaled() {\n    return this.contentSize > this.maxNative;\n  }\n\n  get virtualRange() {\n    return Math.max(0, this.contentSize - this.viewportSize);\n  }\n\n  get nativeRange() {\n    return Math.max(0, this.nativeSize - this.viewportSize);\n  }\n\n  /** The current virtual position. */\n  get position() {\n    return this.virtual;\n  }\n\n  /** The native position that corresponds to the current state. */\n  get native() {\n    return this.lastNative;\n  }\n\n  private jumpThreshold() {\n    return Math.max(this.viewportSize * 2, 1000);\n  }\n\n  /** Handles a native scroll event and returns the new virtual position. */\n  onNativeScroll(nativePosition: number): number {\n    const nativeRange = this.nativeRange;\n    const native = clamp(nativePosition, 0, nativeRange);\n    if (this.expectedNative !== null && Math.abs(native - this.expectedNative) <= 1) {\n      // The event caused by `scrollTo`. Browsers may round the position, so keep the requested one.\n      this.expectedNative = null;\n      this.lastNative = native;\n      this.virtual = this.expectedVirtual;\n      return this.virtual;\n    }\n    this.expectedNative = null;\n    if (!this.scaled) {\n      this.lastNative = native;\n      this.virtual = native;\n      return native;\n    }\n    const delta = native - this.lastNative;\n    this.lastNative = native;\n    const virtualRange = this.virtualRange;\n    if (native <= 0) this.virtual = 0;\n    else if (native >= nativeRange) this.virtual = virtualRange;\n    else if (Math.abs(delta) > this.jumpThreshold()) this.virtual = (native / nativeRange) * virtualRange;\n    else this.virtual = clamp(this.virtual + delta, 0, virtualRange);\n    return this.virtual;\n  }\n\n  /**\n   * Moves to a virtual position and returns the native position to assign to the scroll element.\n   * Nearby targets move the native position by the same amount, so a following wheel scroll\n   * continues smoothly; distant targets map proportionally.\n   */\n  scrollTo(target: number): number {\n    const virtualRange = this.virtualRange;\n    const virtual = clamp(target, 0, virtualRange);\n    let native: number;\n    if (!this.scaled) {\n      native = virtual;\n    } else {\n      const nativeRange = this.nativeRange;\n      const delta = virtual - this.virtual;\n      const local = this.lastNative + delta;\n      if (virtual === 0) native = 0;\n      else if (virtual === virtualRange) native = nativeRange;\n      else if (Math.abs(delta) <= this.jumpThreshold() && local > 0 && local < nativeRange) native = local;\n      else native = virtualRange === 0 ? 0 : (virtual / virtualRange) * nativeRange;\n    }\n    this.virtual = virtual;\n    this.expectedVirtual = virtual;\n    this.expectedNative = native;\n    this.lastNative = native;\n    return native;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/canvas/text.d.ts

@@ -0,0 +1,23 @@
+/** Measures and shortens text for one font, caching results because the same strings repeat a lot. */
+export declare class TextFitter {
+    private readonly context;
+    readonly font: string;
+    private readonly widths;
+    private readonly fits;
+    private readonly wrapped;
+    private ellipsisWidth;
+    constructor(context: CanvasRenderingContext2D, font: string);
+    /** Width of `text`. The caller must have set `context.font` to this fitter's font. */
+    width(text: string): number;
+    /** `text`, shortened with "…" to fit in `maxWidth`. */
+    fit(text: string, maxWidth: number): string;
+    /**
+     * `text` wrapped onto at most `maxLines` lines of `maxWidth`: lines break at spaces and between CJK
+     * characters (not before closing punctuation or after opening brackets), words longer than a line
+     * are cut, and "\n" starts a new line. When the text needs more lines, the last one ends with "…".
+     */
+    lines(text: string, maxWidth: number, maxLines: number): readonly string[];
+    /** Length of the first line of `text` (one paragraph) in `maxWidth`, at a place where it may break. */
+    private breakAt;
+}
+//# sourceMappingURL=text.d.ts.map

package/dist/canvas/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/canvas/text.ts"],"names":[],"mappings":"AAuCA,sGAAsG;AACtG,qBAAa,UAAU;IAOnB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM;IAPvB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA6B;IACpD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA6B;IAClD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAwC;IAChE,OAAO,CAAC,aAAa,CAAM;IAE3B,YACmB,OAAO,EAAE,wBAAwB,EACzC,IAAI,EAAE,MAAM,EACnB;IAEJ,sFAAsF;IACtF,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQ1B;IAED,uDAAuD;IACvD,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CA2B1C;IAED;;;;OAIG;IACH,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAsCzE;IAED,uGAAuG;IACvG,OAAO,CAAC,OAAO;CAgBhB"}

package/dist/canvas/text.js

@@ -0,0 +1,142 @@
+const ELLIPSIS = "…";
+const MAX_ENTRIES = 20_000;
+/** Characters that do not start a line (closing brackets, Japanese punctuation and small kana). */
+const NO_START = new Set(")]}>,.!?:;%、。，．・：；？！‼⁇⁈⁉ー〜～）」』】〕〉》｝〙〗〟’”ゝゞヽヾ々〻ぁぃぅぇぉっゃゅょゎゕゖァィゥェォッャュョヮヵヶㇰㇱㇲㇳㇴㇵㇶㇷㇸㇹㇺㇻㇼㇽㇾㇿ");
+/** Characters that do not end a line (opening brackets). */
+const NO_END = new Set("([{<（「『【〔〈《｛〘〖〝‘“");
+
+/** Whether a UTF-16 code unit belongs to a script written without spaces (CJK, kana, Hangul, full width). */
+function isWide(code) {
+  return code >= 0x1100 && code <= 0x11ff || code >= 0x2e80 && code <= 0x9fff || code >= 0xa960 && code <= 0xa97f || code >= 0xac00 && code <= 0xd7ff ||
+  // Surrogates of the CJK extensions (U+20000–U+3FFFF).
+  code >= 0xd840 && code <= 0xd8bf || code >= 0xf900 && code <= 0xfaff || code >= 0xfe30 && code <= 0xfe4f || code >= 0xff00 && code <= 0xffef;
+}
+function isHighSurrogate(code) {
+  return code >= 0xd800 && code <= 0xdbff;
+}
+
+/** Whether a line may break between `text[index - 1]` and `text[index]`. */
+function canBreak(text, index) {
+  const before = text[index - 1];
+  const after = text[index];
+  if (before === " " || after === " ") return true;
+  if (NO_START.has(after) || NO_END.has(before)) return false;
+  const code = text.charCodeAt(index - 1);
+  if (isHighSurrogate(code)) return false;
+  return isWide(code) || isWide(text.charCodeAt(index));
+}
+
+/** Measures and shortens text for one font, caching results because the same strings repeat a lot. */
+export class TextFitter {
+  widths = new Map();
+  fits = new Map();
+  wrapped = new Map();
+  ellipsisWidth = -1;
+  constructor(context, font) {
+    this.context = context;
+    this.font = font;
+  }
+
+  /** Width of `text`. The caller must have set `context.font` to this fitter's font. */
+  width(text) {
+    let width = this.widths.get(text);
+    if (width === undefined) {
+      width = this.context.measureText(text).width;
+      if (this.widths.size > MAX_ENTRIES) this.widths.clear();
+      this.widths.set(text, width);
+    }
+    return width;
+  }
+
+  /** `text`, shortened with "…" to fit in `maxWidth`. */
+  fit(text, maxWidth) {
+    if (maxWidth <= 0 || text === "") return "";
+    // Cells never show more than a few hundred characters; skip measuring the rest.
+    const source = text.length > 400 ? text.slice(0, 400) : text;
+    if (source === text && this.width(text) <= maxWidth) return text;
+    const key = `${Math.floor(maxWidth)}\u0001${source}`;
+    const cached = this.fits.get(key);
+    if (cached !== undefined) return cached;
+    if (this.ellipsisWidth < 0) this.ellipsisWidth = this.context.measureText(ELLIPSIS).width;
+    let result = "";
+    if (this.ellipsisWidth <= maxWidth) {
+      const full = this.context.measureText(source).width;
+      let low = 0;
+      let high = Math.min(source.length, Math.ceil(source.length * maxWidth / Math.max(1, full)) + 4);
+      while (low < high) {
+        const middle = low + high + 1 >> 1;
+        if (this.context.measureText(source.slice(0, middle)).width + this.ellipsisWidth <= maxWidth) low = middle;else high = middle - 1;
+      }
+      // Do not split a surrogate pair.
+      const code = source.charCodeAt(low - 1);
+      if (low > 0 && code >= 0xd800 && code <= 0xdbff) low--;
+      result = `${source.slice(0, low)}${ELLIPSIS}`;
+    }
+    if (this.fits.size > MAX_ENTRIES) this.fits.clear();
+    this.fits.set(key, result);
+    return result;
+  }
+
+  /**
+   * `text` wrapped onto at most `maxLines` lines of `maxWidth`: lines break at spaces and between CJK
+   * characters (not before closing punctuation or after opening brackets), words longer than a line
+   * are cut, and "\n" starts a new line. When the text needs more lines, the last one ends with "…".
+   */
+  lines(text, maxWidth, maxLines) {
+    if (maxWidth <= 0 || maxLines < 1) return [];
+    const source = text.replace(/\n+$/, "");
+    if (source === "") return [];
+    const key = `${Math.floor(maxWidth)}\u0001${maxLines}\u0001${source}`;
+    const cached = this.wrapped.get(key);
+    if (cached !== undefined) return cached;
+    const result = [];
+    const paragraphs = source.split("\n");
+    // The text the last line was taken from, and whether more text follows it.
+    let last = "";
+    let cut = false;
+    let more = false;
+    for (const paragraph of paragraphs) {
+      if (result.length === maxLines) {
+        more = true;
+        break;
+      }
+      let rest = paragraph;
+      do {
+        if (result.length === maxLines) {
+          more = cut = true;
+          break;
+        }
+        last = rest;
+        const end = this.breakAt(rest, maxWidth);
+        result.push(rest.slice(0, end).replace(/ +$/, ""));
+        rest = rest.slice(end).replace(/^ +/, "");
+      } while (rest !== "");
+      if (more) break;
+    }
+    if (more) {
+      const index = result.length - 1;
+      result[index] = this.fit(cut ? last : `${result[index]}${ELLIPSIS}`, maxWidth);
+    }
+    if (this.wrapped.size > MAX_ENTRIES) this.wrapped.clear();
+    this.wrapped.set(key, result);
+    return result;
+  }
+
+  /** Length of the first line of `text` (one paragraph) in `maxWidth`, at a place where it may break. */
+  breakAt(text, maxWidth) {
+    if (text === "" || this.width(text) <= maxWidth) return text.length;
+    // A character is at least a pixel wide, so a line has at most `maxWidth` characters.
+    let low = 0;
+    let high = Math.min(text.length, Math.ceil(maxWidth));
+    while (low < high) {
+      const middle = low + high + 1 >> 1;
+      if (this.context.measureText(text.slice(0, middle)).width <= maxWidth) low = middle;else high = middle - 1;
+    }
+    for (let index = low; index > 0; index--) if (canBreak(text, index)) return index;
+    // No place to break: cut the word, keeping surrogate pairs, and place at least one character.
+    let end = Math.max(1, low);
+    if (end < text.length && isHighSurrogate(text.charCodeAt(end - 1))) end = end > 1 ? end - 1 : end + 1;
+    return end;
+  }
+}
+//# sourceMappingURL=text.js.map

package/dist/canvas/text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ELLIPSIS","MAX_ENTRIES","NO_START","Set","NO_END","isWide","code","isHighSurrogate","canBreak","text","index","before","after","has","charCodeAt","TextFitter","widths","Map","fits","wrapped","ellipsisWidth","constructor","context","font","width","get","undefined","measureText","size","clear","set","fit","maxWidth","source","length","slice","key","Math","floor","cached","result","full","low","high","min","ceil","max","middle","lines","maxLines","replace","paragraphs","split","last","cut","more","paragraph","rest","end","breakAt","push"],"sources":["text.ts"],"sourcesContent":["const ELLIPSIS = \"…\";\nconst MAX_ENTRIES = 20_000;\n/** Characters that do not start a line (closing brackets, Japanese punctuation and small kana). */\nconst NO_START = new Set(\n  \")]}>,.!?:;%、。，．・：；？！‼⁇⁈⁉ー〜～）」』】〕〉》｝〙〗〟’”ゝゞヽヾ々〻ぁぃぅぇぉっゃゅょゎゕゖァィゥェォッャュョヮヵヶㇰㇱㇲㇳㇴㇵㇶㇷㇸㇹㇺㇻㇼㇽㇾㇿ\",\n);\n/** Characters that do not end a line (opening brackets). */\nconst NO_END = new Set(\"([{<（「『【〔〈《｛〘〖〝‘“\");\n\n/** Whether a UTF-16 code unit belongs to a script written without spaces (CJK, kana, Hangul, full width). */\nfunction isWide(code: number) {\n  return (\n    (code >= 0x1100 && code <= 0x11ff) ||\n    (code >= 0x2e80 && code <= 0x9fff) ||\n    (code >= 0xa960 && code <= 0xa97f) ||\n    (code >= 0xac00 && code <= 0xd7ff) ||\n    // Surrogates of the CJK extensions (U+20000–U+3FFFF).\n    (code >= 0xd840 && code <= 0xd8bf) ||\n    (code >= 0xf900 && code <= 0xfaff) ||\n    (code >= 0xfe30 && code <= 0xfe4f) ||\n    (code >= 0xff00 && code <= 0xffef)\n  );\n}\n\nfunction isHighSurrogate(code: number) {\n  return code >= 0xd800 && code <= 0xdbff;\n}\n\n/** Whether a line may break between `text[index - 1]` and `text[index]`. */\nfunction canBreak(text: string, index: number) {\n  const before = text[index - 1];\n  const after = text[index];\n  if (before === \" \" || after === \" \") return true;\n  if (NO_START.has(after) || NO_END.has(before)) return false;\n  const code = text.charCodeAt(index - 1);\n  if (isHighSurrogate(code)) return false;\n  return isWide(code) || isWide(text.charCodeAt(index));\n}\n\n/** Measures and shortens text for one font, caching results because the same strings repeat a lot. */\nexport class TextFitter {\n  private readonly widths = new Map<string, number>();\n  private readonly fits = new Map<string, string>();\n  private readonly wrapped = new Map<string, readonly string[]>();\n  private ellipsisWidth = -1;\n\n  constructor(\n    private readonly context: CanvasRenderingContext2D,\n    readonly font: string,\n  ) {}\n\n  /** Width of `text`. The caller must have set `context.font` to this fitter's font. */\n  width(text: string): number {\n    let width = this.widths.get(text);\n    if (width === undefined) {\n      width = this.context.measureText(text).width;\n      if (this.widths.size > MAX_ENTRIES) this.widths.clear();\n      this.widths.set(text, width);\n    }\n    return width;\n  }\n\n  /** `text`, shortened with \"…\" to fit in `maxWidth`. */\n  fit(text: string, maxWidth: number): string {\n    if (maxWidth <= 0 || text === \"\") return \"\";\n    // Cells never show more than a few hundred characters; skip measuring the rest.\n    const source = text.length > 400 ? text.slice(0, 400) : text;\n    if (source === text && this.width(text) <= maxWidth) return text;\n    const key = `${Math.floor(maxWidth)}\\u0001${source}`;\n    const cached = this.fits.get(key);\n    if (cached !== undefined) return cached;\n    if (this.ellipsisWidth < 0) this.ellipsisWidth = this.context.measureText(ELLIPSIS).width;\n    let result = \"\";\n    if (this.ellipsisWidth <= maxWidth) {\n      const full = this.context.measureText(source).width;\n      let low = 0;\n      let high = Math.min(source.length, Math.ceil((source.length * maxWidth) / Math.max(1, full)) + 4);\n      while (low < high) {\n        const middle = (low + high + 1) >> 1;\n        if (this.context.measureText(source.slice(0, middle)).width + this.ellipsisWidth <= maxWidth) low = middle;\n        else high = middle - 1;\n      }\n      // Do not split a surrogate pair.\n      const code = source.charCodeAt(low - 1);\n      if (low > 0 && code >= 0xd800 && code <= 0xdbff) low--;\n      result = `${source.slice(0, low)}${ELLIPSIS}`;\n    }\n    if (this.fits.size > MAX_ENTRIES) this.fits.clear();\n    this.fits.set(key, result);\n    return result;\n  }\n\n  /**\n   * `text` wrapped onto at most `maxLines` lines of `maxWidth`: lines break at spaces and between CJK\n   * characters (not before closing punctuation or after opening brackets), words longer than a line\n   * are cut, and \"\\n\" starts a new line. When the text needs more lines, the last one ends with \"…\".\n   */\n  lines(text: string, maxWidth: number, maxLines: number): readonly string[] {\n    if (maxWidth <= 0 || maxLines < 1) return [];\n    const source = text.replace(/\\n+$/, \"\");\n    if (source === \"\") return [];\n    const key = `${Math.floor(maxWidth)}\\u0001${maxLines}\\u0001${source}`;\n    const cached = this.wrapped.get(key);\n    if (cached !== undefined) return cached;\n    const result: string[] = [];\n    const paragraphs = source.split(\"\\n\");\n    // The text the last line was taken from, and whether more text follows it.\n    let last = \"\";\n    let cut = false;\n    let more = false;\n    for (const paragraph of paragraphs) {\n      if (result.length === maxLines) {\n        more = true;\n        break;\n      }\n      let rest = paragraph;\n      do {\n        if (result.length === maxLines) {\n          more = cut = true;\n          break;\n        }\n        last = rest;\n        const end = this.breakAt(rest, maxWidth);\n        result.push(rest.slice(0, end).replace(/ +$/, \"\"));\n        rest = rest.slice(end).replace(/^ +/, \"\");\n      } while (rest !== \"\");\n      if (more) break;\n    }\n    if (more) {\n      const index = result.length - 1;\n      result[index] = this.fit(cut ? last : `${result[index]}${ELLIPSIS}`, maxWidth);\n    }\n    if (this.wrapped.size > MAX_ENTRIES) this.wrapped.clear();\n    this.wrapped.set(key, result);\n    return result;\n  }\n\n  /** Length of the first line of `text` (one paragraph) in `maxWidth`, at a place where it may break. */\n  private breakAt(text: string, maxWidth: number) {\n    if (text === \"\" || this.width(text) <= maxWidth) return text.length;\n    // A character is at least a pixel wide, so a line has at most `maxWidth` characters.\n    let low = 0;\n    let high = Math.min(text.length, Math.ceil(maxWidth));\n    while (low < high) {\n      const middle = (low + high + 1) >> 1;\n      if (this.context.measureText(text.slice(0, middle)).width <= maxWidth) low = middle;\n      else high = middle - 1;\n    }\n    for (let index = low; index > 0; index--) if (canBreak(text, index)) return index;\n    // No place to break: cut the word, keeping surrogate pairs, and place at least one character.\n    let end = Math.max(1, low);\n    if (end < text.length && isHighSurrogate(text.charCodeAt(end - 1))) end = end > 1 ? end - 1 : end + 1;\n    return end;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/{theme.d.ts → canvas/theme.d.ts}

@@ -5,6 +5,8 @@ export interface GridTheme {
     smallFont: string;
     fontSize: number;
     fontFamily: string;
+    /** Height of each further line of wrapped cell text, in pixels. */
+    lineHeight: number;
     background: string;
     text: string;
     muted: string;
@@ -20,10 +22,16 @@ export interface GridTheme {
     selectionBorder: string;
     activeBorder: string;
     accent: string;
+    /** Text and marks drawn on `accent`, such as the check of a checkbox. */
+    accentText: string;
+    /** Background of checked rows. */
+    checkedRow: string;
     nullText: string;
     placeholder: string;
     match: string;
     error: string;
+    /** Text of cells whose `cellAction` is a link. */
+    link: string;
 }
 /** Resolves the theme of `root`. Colors given as `light-dark()` or system colors resolve to concrete values. */
 export declare function resolveTheme(root: HTMLElement): GridTheme;

package/dist/canvas/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/canvas/theme.ts"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,UAAU,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;CACd;AA8BD,gHAAgH;AAChH,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,CA8BzD;AAED,+DAA+D;AAC/D,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAG3E"}

package/dist/canvas/theme.js

@@ -0,0 +1,62 @@
+/** Colors and fonts for the canvas, read from the CSS custom properties of the grid's root element. */
+
+const colorTokens = {
+  background: "--vg-bg",
+  text: "--vg-fg",
+  muted: "--vg-muted",
+  headerBackground: "--vg-header-bg",
+  headerText: "--vg-header-fg",
+  headerActive: "--vg-header-active-bg",
+  gutterBackground: "--vg-gutter-bg",
+  gutterText: "--vg-gutter-fg",
+  gutterViewText: "--vg-gutter-view-fg",
+  line: "--vg-line",
+  lineStrong: "--vg-line-strong",
+  selection: "--vg-selection-bg",
+  selectionBorder: "--vg-selection-border",
+  activeBorder: "--vg-active-border",
+  accent: "--vg-accent",
+  accentText: "--vg-accent-fg",
+  checkedRow: "--vg-checked-row-bg",
+  nullText: "--vg-null-fg",
+  placeholder: "--vg-placeholder",
+  match: "--vg-match-bg",
+  error: "--vg-error-fg",
+  link: "--vg-link-fg"
+};
+
+/** Resolves the theme of `root`. Colors given as `light-dark()` or system colors resolve to concrete values. */
+export function resolveTheme(root) {
+  const probe = document.createElement("span");
+  probe.style.display = "none";
+  root.appendChild(probe);
+  try {
+    const color = token => {
+      probe.style.color = `var(${token})`;
+      return getComputedStyle(probe).color;
+    };
+    const style = getComputedStyle(root);
+    const fontFamily = style.getPropertyValue("--vg-font-family").trim() || style.fontFamily || "system-ui, sans-serif";
+    const fontSize = Number.parseFloat(style.getPropertyValue("--vg-font-size")) || Number.parseFloat(style.fontSize) || 13;
+    const lineHeight = Number.parseFloat(style.getPropertyValue("--vg-line-height")) || Math.round(fontSize * 1.4);
+    const colors = Object.fromEntries(Object.entries(colorTokens).map(([key, token]) => [key, color(token)]));
+    return {
+      ...colors,
+      fontFamily,
+      fontSize,
+      lineHeight,
+      font: `${fontSize}px ${fontFamily}`,
+      headerFont: `600 ${fontSize}px ${fontFamily}`,
+      smallFont: `${Math.max(9, fontSize - 2)}px ${fontFamily}`
+    };
+  } finally {
+    probe.remove();
+  }
+}
+
+/** Reads a length custom property in pixels, or `fallback`. */
+export function cssLength(root, token, fallback) {
+  const value = Number.parseFloat(getComputedStyle(root).getPropertyValue(token));
+  return Number.isFinite(value) && value > 0 ? value : fallback;
+}
+//# sourceMappingURL=theme.js.map

package/dist/canvas/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorTokens","background","text","muted","headerBackground","headerText","headerActive","gutterBackground","gutterText","gutterViewText","line","lineStrong","selection","selectionBorder","activeBorder","accent","accentText","checkedRow","nullText","placeholder","match","error","link","resolveTheme","root","probe","document","createElement","style","display","appendChild","color","token","getComputedStyle","fontFamily","getPropertyValue","trim","fontSize","Number","parseFloat","lineHeight","Math","round","colors","Object","fromEntries","entries","map","key","font","headerFont","smallFont","max","remove","cssLength","fallback","value","isFinite"],"sources":["theme.ts"],"sourcesContent":["/** Colors and fonts for the canvas, read from the CSS custom properties of the grid's root element. */\nexport interface GridTheme {\n  font: string;\n  headerFont: string;\n  smallFont: string;\n  fontSize: number;\n  fontFamily: string;\n  /** Height of each further line of wrapped cell text, in pixels. */\n  lineHeight: number;\n  background: string;\n  text: string;\n  muted: string;\n  headerBackground: string;\n  headerText: string;\n  headerActive: string;\n  gutterBackground: string;\n  gutterText: string;\n  gutterViewText: string;\n  line: string;\n  lineStrong: string;\n  selection: string;\n  selectionBorder: string;\n  activeBorder: string;\n  accent: string;\n  /** Text and marks drawn on `accent`, such as the check of a checkbox. */\n  accentText: string;\n  /** Background of checked rows. */\n  checkedRow: string;\n  nullText: string;\n  placeholder: string;\n  match: string;\n  error: string;\n  /** Text of cells whose `cellAction` is a link. */\n  link: string;\n}\n\nconst colorTokens: Record<\n  keyof Omit<GridTheme, \"font\" | \"headerFont\" | \"smallFont\" | \"fontSize\" | \"fontFamily\" | \"lineHeight\">,\n  string\n> = {\n  background: \"--vg-bg\",\n  text: \"--vg-fg\",\n  muted: \"--vg-muted\",\n  headerBackground: \"--vg-header-bg\",\n  headerText: \"--vg-header-fg\",\n  headerActive: \"--vg-header-active-bg\",\n  gutterBackground: \"--vg-gutter-bg\",\n  gutterText: \"--vg-gutter-fg\",\n  gutterViewText: \"--vg-gutter-view-fg\",\n  line: \"--vg-line\",\n  lineStrong: \"--vg-line-strong\",\n  selection: \"--vg-selection-bg\",\n  selectionBorder: \"--vg-selection-border\",\n  activeBorder: \"--vg-active-border\",\n  accent: \"--vg-accent\",\n  accentText: \"--vg-accent-fg\",\n  checkedRow: \"--vg-checked-row-bg\",\n  nullText: \"--vg-null-fg\",\n  placeholder: \"--vg-placeholder\",\n  match: \"--vg-match-bg\",\n  error: \"--vg-error-fg\",\n  link: \"--vg-link-fg\",\n};\n\n/** Resolves the theme of `root`. Colors given as `light-dark()` or system colors resolve to concrete values. */\nexport function resolveTheme(root: HTMLElement): GridTheme {\n  const probe = document.createElement(\"span\");\n  probe.style.display = \"none\";\n  root.appendChild(probe);\n  try {\n    const color = (token: string) => {\n      probe.style.color = `var(${token})`;\n      return getComputedStyle(probe).color;\n    };\n    const style = getComputedStyle(root);\n    const fontFamily = style.getPropertyValue(\"--vg-font-family\").trim() || style.fontFamily || \"system-ui, sans-serif\";\n    const fontSize =\n      Number.parseFloat(style.getPropertyValue(\"--vg-font-size\")) || Number.parseFloat(style.fontSize) || 13;\n    const lineHeight = Number.parseFloat(style.getPropertyValue(\"--vg-line-height\")) || Math.round(fontSize * 1.4);\n    const colors = Object.fromEntries(Object.entries(colorTokens).map(([key, token]) => [key, color(token)])) as Pick<\n      GridTheme,\n      keyof typeof colorTokens\n    >;\n    return {\n      ...colors,\n      fontFamily,\n      fontSize,\n      lineHeight,\n      font: `${fontSize}px ${fontFamily}`,\n      headerFont: `600 ${fontSize}px ${fontFamily}`,\n      smallFont: `${Math.max(9, fontSize - 2)}px ${fontFamily}`,\n    };\n  } finally {\n    probe.remove();\n  }\n}\n\n/** Reads a length custom property in pixels, or `fallback`. */\nexport function cssLength(root: HTMLElement, token: string, fallback: number) {\n  const value = Number.parseFloat(getComputedStyle(root).getPropertyValue(token));\n  return Number.isFinite(value) && value > 0 ? value : fallback;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/cache.d.ts

@@ -0,0 +1,48 @@
+import type { JsonValue, LoadedRow } from "vastgrid-spec";
+/** Rows in a block of the cache: reads cover whole blocks. */
+export declare const BLOCK_ROWS = 256;
+/** A read of rows `[start, end)` of a view, for some of its columns. */
+export interface Read {
+    start: number;
+    end: number;
+    columns: string[];
+}
+/**
+ * The rows of one view that the store has read, in blocks of `BLOCK_ROWS` rows, with a budget of bytes beyond
+ * which the blocks used least recently leave (§4.1 of react.md: rows are not in snapshots).
+ */
+export declare class ViewCache {
+    private readonly blocks;
+    private clock;
+    /** Bytes the blocks take, roughly. */
+    bytes: number;
+    /** Changes whenever rows arrive or leave. */
+    version: number;
+    private block;
+    private ensure;
+    /** The value of a cell; undefined while it is not read. */
+    value(row: number, column: string): JsonValue | undefined;
+    /** Whether the engine cut the value of a cell to the text limit, so that the grid shows that it goes on. */
+    isCut(row: number, column: string): boolean;
+    /** The row ID of a row; undefined while it is not read or in a view without row IDs. */
+    rowId(row: number): number | undefined;
+    /** A row as commands read it (§6.1): its key and its values, or undefined while it is not read. */
+    loaded(row: number, rowKey: string | undefined): LoadedRow | undefined;
+    /**
+     * What to read so that rows `[start, end)` have `columns`: reads of runs of blocks that lack the same columns,
+     * each of at most `maxCells` cells, leaving out what is read or being read.
+     */
+    reads(start: number, end: number, columns: readonly string[], rowCount: number, maxCells?: number): Read[];
+    /** Marks the columns of a read as being read, or no longer. */
+    reading(read: Read, on: boolean): void;
+    /**
+     * Takes the rows of a read, which starts at a block: `rows` holds the values of `columns` for rows `start` to
+     * `start + rows.length`.
+     */
+    receive(start: number, rowIds: number[] | null, columns: readonly string[], rows: readonly (readonly JsonValue[])[], cut: Record<string, number[]> | undefined): void;
+    /** Marks the blocks of rows `[start, end)` as used now, so that they leave last. */
+    touch(start: number, end: number): void;
+    /** Removes the blocks used least recently until the cache fits `budget` bytes, keeping rows `[start, end)`. */
+    evict(budget: number, start: number, end: number): void;
+}
+//# sourceMappingURL=cache.d.ts.map

package/dist/core/cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../src/core/cache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAElE,8DAA8D;AAC9D,eAAO,MAAM,UAAU,MAAM,CAAC;AAE9B,wEAAwE;AACxE,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAwBD;;;GAGG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA4B;IACnD,OAAO,CAAC,KAAK,CAAK;IAClB,sCAAsC;IACtC,KAAK,SAAK;IACV,6CAA6C;IAC7C,OAAO,SAAK;IAEZ,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,MAAM;IAkBd,2DAA2D;IAC3D,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAKxD;IAED,4GAA4G;IAC5G,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAG1C;IAED,wFAAwF;IACxF,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIrC;IAED,mGAAmG;IACnG,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAoBrE;IAED;;;OAGG;IACH,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,SAAU,GAAG,IAAI,EAAE,CAwC1G;IAED,+DAA+D;IAC/D,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,QAQ9B;IAED;;;OAGG;IACH,OAAO,CACL,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EACvB,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,IAAI,EAAE,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,EACvC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,SAAS,QA0C1C;IAED,oFAAoF;IACpF,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,QAM/B;IAED,+GAA+G;IAC/G,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,QAa/C;CACF"}