@aiquants/virtualscroll 3.4.0 → 3.5.0

package/src/index.ts

@@ -15,7 +15,20 @@ export { useHeightCache } from "./useHeightCache.ts"
 export { useLruCache } from "./useLruCache.ts"
 export { useWheelBridge, type WheelBridgeOptions, type WheelBridgeTarget } from "./useWheelBridge.ts"
 export { minmax } from "./utils.ts"
-export { MAX_FROZEN_LEADING_COLS, MAX_FROZEN_LEADING_ROWS, MAX_RENDERED_CELLS, MAX_TRACK_SIZE, VirtualGrid, type VirtualGridBehaviorOptions, type VirtualGridHandle, type VirtualGridLiveRegionOptions, type VirtualGridProps, type VirtualGridRange } from "./VirtualGrid.tsx"
+export {
+    MAX_FROZEN_LEADING_COLS,
+    MAX_FROZEN_LEADING_ROWS,
+    MAX_FROZEN_TRAILING_COLS,
+    MAX_FROZEN_TRAILING_ROWS,
+    MAX_RENDERED_CELLS,
+    MAX_TRACK_SIZE,
+    VirtualGrid,
+    type VirtualGridBehaviorOptions,
+    type VirtualGridHandle,
+    type VirtualGridLiveRegionOptions,
+    type VirtualGridProps,
+    type VirtualGridRange,
+} from "./VirtualGrid.tsx"
 export {
     VirtualScroll,
     type VirtualScrollBehaviorOptions,

package/src/styles/virtualscroll.css

@@ -372,6 +372,16 @@
   grid-template-rows: auto minmax(0, 1fr) auto;
 }
 
+/* 末尾行帯 (3.5.0): T > 0 のときだけ最終 hbar 行の直前に auto 行を足す。テンプレート合成は
+ * 4 通り — 基本 / 先頭のみ (既存) / 末尾のみ / 両方。行高そのものはインライン H_T_vis
+ * (高さの CSS 変数は存在しない — 帯寸の変数は幅 2 つのみ。残差 var --aqvs-grid-hx-residual は別系)。 */
+.aqvs-grid-has-trailing-rows {
+  grid-template-rows: minmax(0, 1fr) auto auto;
+}
+.aqvs-grid-has-frozen-rows.aqvs-grid-has-trailing-rows {
+  grid-template-rows: auto minmax(0, 1fr) auto auto;
+}
+
 .aqvs-grid-frozen-rows {
   position: relative;
   min-width: 0;
@@ -388,6 +398,29 @@
   overflow: hidden;
 }
 
+/* 末尾行帯のクリップ (テンプレート行 = H_T_vis インライン) と bottom 定着 inner (木高 H_T
+ * インライン)。inner の bottom: 0 が「帯上端 = extent − H_T_vis」を全構成で成立させ、
+ * 重複縮退では帯の末尾行が可視に残る (フロー配置帯の誤登録クラスの構造的封鎖)。 */
+.aqvs-grid-trailing-rows {
+  position: relative;
+  min-width: 0;
+  overflow: hidden;
+}
+.aqvs-grid-trailing-rows-inner {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+/* 帯行の実クリップ器 (先頭帯行 .aqvs-grid-frozen-band-row の転置 — right はインライン
+ * scrollBarWidth のコーナー予約)。 */
+.aqvs-grid-trailing-band-row {
+  position: absolute;
+  left: 0;
+  overflow: hidden;
+}
+
 .aqvs-grid-main {
   position: relative;
   min-width: 0;
@@ -432,7 +465,9 @@
   top: 0;
   height: 100%;
   left: var(--aqvs-grid-frozen-width, 0px);
-  right: 0;
+  /* 末尾凍結 (3.5.0): 右インセット = W_T。変数不在 (T = 0) は 0px フォールバックで
+   * 計算結果・出力ともバイト恒等 (T = 0 恒等契約)。 */
+  right: var(--aqvs-grid-trailing-width, 0px);
   overflow: hidden;
 }
 
@@ -447,6 +482,29 @@
   transform: translateX(calc(var(--aqvs-grid-hx-residual, 0px) - var(--aqvs-grid-frozen-width, 0px)));
 }
 
+/* 末尾列クリップ (3.5.0 — ADR-19-3): left の max() は先頭優先の CSS エンコード。
+ * ❗ この max() 形は trailingVisibleSize の calc() 版そのもの (クリップ左端 = extent − W_T_vis
+ * が恒等) — CSS は JS ヘルパーを読めないための登記済み例外 (単一情報源レジスタのエントリ 1)。 */
+.aqvs-grid-row-trailing {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  left: max(var(--aqvs-grid-frozen-width, 0px), calc(100% - var(--aqvs-grid-trailing-width, 0px)));
+  right: 0;
+  overflow: hidden;
+}
+
+/* 右アンカーの座標ホルダー — 末尾セルは帯ローカル left で置かれ、inner の右定着が
+ * 「末尾が 2 番目に潰れる」を幾何で成立させる (クリップ / transform 分離の恒久契約に従い
+ * transform は持たない)。 */
+.aqvs-grid-row-trailing-inner {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  right: 0;
+  width: var(--aqvs-grid-trailing-width, 0px);
+}
+
 /* 横バー帯。 */
 .aqvs-grid-hbar-strip {
   position: relative;