virtua 0.52.0 → 0.52.1

package/lib/angular/VGrid.d.ts

@@ -1,5 +1,5 @@
 import { type OnInit, TemplateRef } from "@angular/core";
-import { type GridCellState, type GridRowGroupState, type GridRowState, type VGridScrollToIndexOpts, type VGridAxis, type VGridCell, type VGridSize, type VGridSpan } from "../core/index.js";
+import { type GridCellState, type GridRowGroupState, type GridRowState, type GridScrollToIndexOpts, type GridAxis, type GridCell as GridCellType, type GridSize, type GridSpan } from "../core/index.js";
 import * as i0 from "@angular/core";
 /**
  * Methods of {@link VGrid}.
@@ -61,9 +61,9 @@ export interface VGridHandle {
     getColSize(index: number): number;
     /**
      * Scroll to the cell specified by the indexes. The cell is not hidden behind the rows and the columns sticking over it.
-     * @param opts the indexes of the cell and the options. See {@link VGridScrollToIndexOpts}.
+     * @param opts the indexes of the cell and the options. See {@link GridScrollToIndexOpts}.
      */
-    scrollToIndex(opts: VGridScrollToIndexOpts): void;
+    scrollToIndex(opts: GridScrollToIndexOpts): void;
     /**
      * Scroll to the given offsets from the top/start of the scroll container.
      * @param offset the offsets. The axis whose offset is omitted is not scrolled.
@@ -100,7 +100,7 @@ export type CellContext<R = number, C = number> = {
     /**
      * The row index and the column index of the cell.
      */
-    cell: Readonly<VGridCell>;
+    cell: Readonly<GridCellType>;
 };
 export declare class GridCell {
     readonly state: import("@angular/core").InputSignal<GridCellState>;
@@ -113,7 +113,7 @@ export declare class GridRow<R, C> {
     readonly state: import("@angular/core").InputSignal<GridRowState>;
     readonly template: import("@angular/core").InputSignal<TemplateRef<CellContext<R, C>>>;
     readonly row: import("@angular/core").InputSignal<R>;
-    readonly cols: import("@angular/core").InputSignal<VGridAxis<C>>;
+    readonly cols: import("@angular/core").InputSignal<GridAxis<C>>;
     readonly resizer: import("@angular/core").InputSignal<(el: HTMLElement, rowIndex: number | undefined, colIndex: number | undefined) => () => void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridRow<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GridRow<any, any>, "div[virtuaGridRow]", never, { "state": { "alias": "state"; "required": true; "isSignal": true; }; "template": { "alias": "template"; "required": true; "isSignal": true; }; "row": { "alias": "row"; "required": true; "isSignal": true; }; "cols": { "alias": "cols"; "required": true; "isSignal": true; }; "resizer": { "alias": "resizer"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -121,8 +121,8 @@ export declare class GridRow<R, C> {
 export declare class GridRowGroup<R, C> {
     readonly state: import("@angular/core").InputSignal<GridRowGroupState>;
     readonly template: import("@angular/core").InputSignal<TemplateRef<CellContext<R, C>>>;
-    readonly rows: import("@angular/core").InputSignal<VGridAxis<R>>;
-    readonly cols: import("@angular/core").InputSignal<VGridAxis<C>>;
+    readonly rows: import("@angular/core").InputSignal<GridAxis<R>>;
+    readonly cols: import("@angular/core").InputSignal<GridAxis<C>>;
     readonly resizer: import("@angular/core").InputSignal<(el: HTMLElement, rowIndex: number | undefined, colIndex: number | undefined) => () => void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridRowGroup<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GridRowGroup<any, any>, "div[virtuaGridRowGroup]", never, { "state": { "alias": "state"; "required": true; "isSignal": true; }; "template": { "alias": "template"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "cols": { "alias": "cols"; "required": true; "isSignal": true; }; "resizer": { "alias": "resizer"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -134,21 +134,21 @@ export declare class GridRowGroup<R, C> {
  */
 export declare class VGrid<R = number, C = number> implements OnInit, VGridHandle {
     /**
-     * The rows of the grid. See {@link VGridAxis} for the accepted values.
+     * The rows of the grid. See {@link GridAxis} for the accepted values.
      */
-    readonly rows: import("@angular/core").InputSignal<VGridAxis<R>>;
+    readonly rows: import("@angular/core").InputSignal<GridAxis<R>>;
     /**
-     * The columns of the grid. See {@link VGridAxis} for the accepted values.
+     * The columns of the grid. See {@link GridAxis} for the accepted values.
      */
-    readonly cols: import("@angular/core").InputSignal<VGridAxis<C>>;
+    readonly cols: import("@angular/core").InputSignal<GridAxis<C>>;
     /**
-     * The heights of the rows. See {@link VGridSize} for the accepted values.
+     * The heights of the rows. See {@link GridSize} for the accepted values.
      */
-    readonly rowHeight: import("@angular/core").InputSignal<NoInfer<VGridSize<R>>>;
+    readonly rowHeight: import("@angular/core").InputSignal<GridSize<R>>;
     /**
-     * The widths of the columns. See {@link VGridSize} for the accepted values.
+     * The widths of the columns. See {@link GridSize} for the accepted values.
      */
-    readonly colWidth: import("@angular/core").InputSignal<NoInfer<VGridSize<C>>>;
+    readonly colWidth: import("@angular/core").InputSignal<GridSize<C>>;
     /**
      * The number of the leading rows pinned to the start, which are the column headers (`role="columnheader"`).
      *
@@ -184,15 +184,15 @@ export declare class VGrid<R = number, C = number> implements OnInit, VGridHandl
      */
     readonly footerCols: import("@angular/core").InputSignal<number | undefined>;
     /**
-     * Cells merged over multiple rows and/or columns. See {@link VGridSpan} for the accepted values.
+     * Cells merged over multiple rows and/or columns. See {@link GridSpan} for the accepted values.
      *
      * The cell at the origin is stretched over the merged area, and the other cells in it are not rendered. Spans must not overlap each other or cross the boundaries of the pinned rows/columns or the sections. A spanning cell is not measured for `"auto"` sizes on the axes it spans, and doesn't enlarge those tracks.
      */
-    readonly spans: import("@angular/core").InputSignal<readonly VGridSpan[] | undefined>;
+    readonly spans: import("@angular/core").InputSignal<readonly GridSpan[] | undefined>;
     /**
      * List of cells that should be always mounted, even when off screen.
      */
-    readonly keepMounted: import("@angular/core").InputSignal<readonly VGridCell[] | undefined>;
+    readonly keepMounted: import("@angular/core").InputSignal<readonly GridCellType[] | undefined>;
     /**
      * Extra space in pixels to render before/after the viewport. The minimum value is 0. Lower value will give better performance but you can increase to avoid showing blank cells in fast scrolling.
      * @defaultValue 200
@@ -206,7 +206,7 @@ export declare class VGrid<R = number, C = number> implements OnInit, VGridHandl
     /**
      * The header cell of the sorted column or row, and the sort order (`aria-sort`).
      */
-    readonly ariaSort: import("@angular/core").InputSignal<(VGridCell & {
+    readonly ariaSort: import("@angular/core").InputSignal<(GridCellType & {
         order: "ascending" | "descending" | "other";
     }) | undefined>;
     /**
@@ -235,7 +235,7 @@ export declare class VGrid<R = number, C = number> implements OnInit, VGridHandl
     getColOffset(index: number): number;
     getRowSize(index: number): number;
     getColSize(index: number): number;
-    scrollToIndex(opts: VGridScrollToIndexOpts): void;
+    scrollToIndex(opts: GridScrollToIndexOpts): void;
     scrollTo({ vertical, horizontal, }: {
         vertical?: number;
         horizontal?: number;

package/lib/angular/index.d.ts

@@ -5,4 +5,4 @@ export { VList, type VListHandle } from "./VList.js";
 export { Virtualizer, type VirtualizerHandle } from "./Virtualizer.js";
 export { WindowVirtualizer, type WindowVirtualizerHandle, } from "./WindowVirtualizer.js";
 export { VGrid, type VGridHandle } from "./VGrid.js";
-export type { VGridSize, VGridSpan } from "../core/index.js";
+export type { GridSize, GridSpan } from "../core/index.js";

package/lib/angular/index.js

@@ -1556,49 +1556,51 @@ var pe = class t {
             let P = 0, q = !e.$isMeasurable(i) && null, F = i + 1, k = !1;
             for (let e = 0; e < E; e++) {
                 const r = _[e], o = r < g, l = r >= S, c = l || r >= w && r <= $, h = L.get(u + r);
-                if (h ? h.rowIndex !== i || h.colIndex !== r : !(n && c || s || a || o)) continue;
-                const f = h ? X(h, m) : i + 1, y = h ? Y(h, d) : r + 1, v = f - i > 1, z = y - r > 1, R = v || z, C = R ? f - i : void 0, O = R ? y - r : void 0;
-                let T, M;
-                F = N(F, f);
-                const V = o ? t.$getItemOffset(r) : null, E = l ? t.$getTotalSize() - t.$getItemOffset(y - 1) - t.$getItemSize(y - 1) : null;
-                !1 !== q || v || (T = i, q = !0), !1 !== G[e] || z || (M = r, G[e] = !0);
-                const D = s ? "columnheader" : r === x && (o || a) ? "rowheader" : "cell", K = "cell" !== D && p && p.rowIndex === i && p.colIndex === r ? p.order : void 0;
-                let W;
-                if (b) {
-                    for (;P < b.length && b[P].$col < r; ) P++;
-                    P < b.length && (W = b[P]);
-                }
-                if (!W || W.$col !== r || W.$rowSpan !== C || W.$colSpan !== O || W.$start !== V || W.$end !== E || W.$measureRow !== T || W.$measureCol !== M || W.$role !== D || W.$sort !== K) {
-                    const e = {
-                        contain: "layout style",
-                        display: "grid",
-                        gridArea: R ? "1/l" + r + "/l" + f + "/l" + y : "1/l" + r
-                    };
-                    v && (e.height = "0px", e.minHeight = "100%", e.zIndex = 1), z && (e.width = "0px", 
-                    e.minWidth = "100%"), (o || l) && (o ? e.insetInlineStart = V + "px" : e.insetInlineEnd = E + "px", 
-                    e.position = "sticky", e.zIndex = 2), W = {
-                        $col: r,
-                        $rowSpan: C,
-                        $colSpan: O,
-                        $measureRow: T,
-                        $measureCol: M,
-                        $role: D,
-                        $sort: K,
-                        $style: e,
-                        $start: V,
-                        $end: E
-                    }, k = !0;
+                if (h ? h.rowIndex === i && h.colIndex === r : n && c || s || a || o) {
+                    const n = h ? X(h, m) : i + 1, c = h ? Y(h, d) : r + 1, u = n - i > 1, f = c - r > 1, g = u || f, S = g ? n - i : void 0, y = g ? c - r : void 0;
+                    let v, w;
+                    F = N(F, n);
+                    const z = o ? t.$getItemOffset(r) : null, $ = l ? t.$getTotalSize() - t.$getItemOffset(c - 1) - t.$getItemSize(c - 1) : null;
+                    !1 !== q || u || (v = i, q = !0), !1 !== G[e] || f || (w = r, G[e] = !0);
+                    const R = s ? "columnheader" : r === x && (o || a) ? "rowheader" : "cell", C = "cell" !== R && p && p.rowIndex === i && p.colIndex === r ? p.order : void 0;
+                    let O;
+                    if (b) {
+                        for (;P < b.length && b[P].$col < r; ) P++;
+                        P < b.length && (O = b[P]);
+                    }
+                    if (!O || O.$col !== r || O.$rowSpan !== S || O.$colSpan !== y || O.$start !== z || O.$end !== $ || O.$measureRow !== v || O.$measureCol !== w || O.$role !== R || O.$sort !== C) {
+                        const e = {
+                            contain: "layout style",
+                            display: "grid",
+                            gridArea: g ? "1/l" + r + "/l" + n + "/l" + c : "1/l" + r
+                        };
+                        u && (e.height = "0px", e.minHeight = "100%", e.zIndex = 1), f && (e.width = "0px", 
+                        e.minWidth = "100%"), (o || l) && (o ? e.insetInlineStart = z + "px" : e.insetInlineEnd = $ + "px", 
+                        e.position = "sticky", e.zIndex = 2), O = {
+                            $col: r,
+                            $rowSpan: S,
+                            $colSpan: y,
+                            $measureRow: v,
+                            $measureCol: w,
+                            $role: R,
+                            $sort: C,
+                            $style: e,
+                            $start: z,
+                            $end: $
+                        }, k = !0;
+                    }
+                    I.push(O);
                 }
-                I.push(W);
             }
-            if (W.push(q), !I.length) continue;
-            const O = z && !k && z.$cells.length === I.length && z.$top === c ? z : {
-                $row: i,
-                $cells: I,
-                $style: Z(i, F, c, "top", 3),
-                $top: c
-            };
-            re.set(i, O), ie.push(O);
+            if (W.push(q), I.length) {
+                const e = z && !k && z.$cells.length === I.length && z.$top === c ? z : {
+                    $row: i,
+                    $cells: I,
+                    $style: Z(i, F, c, "top", 3),
+                    $top: c
+                };
+                re.set(i, e), ie.push(e);
+            }
         }
         return H.set(e, re), {
             $rowTemplate: U(e, M, W, P(D), "max-content", m),