@vobs/ui 0.2.0 → 0.3.0

package/dist/virtual-list.js

@@ -90,6 +90,7 @@ export function createVirtualListResizeMeasurementContract(options) {
     }))
         .filter((entry) => entry.height !== undefined && Number.isFinite(entry.height) && entry.height > 0)
         .map((entry) => entry.key);
+    const measuredKeySet = new Set(measuredKeys);
     const measuringKeys = uniqueKeys(options.measuringIds ?? []);
     const plans = createDynamicVirtualListPlans(options.getMeasuredItemHeight === undefined
         ? options
@@ -99,7 +100,7 @@ export function createVirtualListResizeMeasurementContract(options) {
         });
     const estimatedKeys = options.items
         .map((_, index) => keyFor(options, index))
-        .filter((key) => !measuredKeys.includes(key));
+        .filter((key) => !measuredKeySet.has(key));
     return {
         plans,
         measuredKeys,
@@ -174,8 +175,7 @@ export function calculateDynamicVirtualListState(options) {
     if (count === 0) {
         return createDynamicState(options, 0, 0, 0, -1, 0, []);
     }
-    const metrics = dynamicItemMetrics(options, estimatedItemHeight);
-    const totalSize = metrics.at(-1)?.end ?? 0;
+    const { metrics, measuredCount, totalSize } = dynamicItemMetrics(options, estimatedItemHeight);
     const viewportHeight = Math.max(0, options.viewportHeight);
     const scrollOffset = clamp(options.scrollOffset ?? 0, 0, Math.max(totalSize - viewportHeight, 0));
     const visibleStart = firstDynamicIndexAfter(metrics, scrollOffset);
@@ -186,7 +186,7 @@ export function calculateDynamicVirtualListState(options) {
     const end = ssrCount === undefined
         ? Math.min(count - 1, visibleEnd + (options.overscan ?? 2))
         : fallbackEnd;
-    return createDynamicState(options, totalSize, scrollOffset, visibleStart, visibleEnd, metrics.filter((metric) => metric.measured).length, dynamicRangeItems(options, metrics, start, end));
+    return createDynamicState(options, totalSize, scrollOffset, visibleStart, visibleEnd, measuredCount, dynamicRangeItems(options, metrics, start, end));
 }
 export function createFixedVirtualListController(options) {
     let current = normalizeControllerOptions(options);
@@ -398,14 +398,17 @@ function dynamicItemFromMetric(options, index, metric) {
 function dynamicItemMetrics(options, estimatedItemHeight) {
     const metrics = [];
     let start = 0;
+    let measuredCount = 0;
     for (let index = 0; index < options.items.length; index++) {
         const measuredHeight = options.getItemHeight?.(options.items[index], index);
         const measured = measuredHeight !== undefined && Number.isFinite(measuredHeight) && measuredHeight > 0;
         const size = measured ? measuredHeight : estimatedItemHeight;
         metrics.push({ start, size, measured, end: start + size });
         start += size;
+        if (measured)
+            measuredCount += 1;
     }
-    return metrics;
+    return { metrics, measuredCount, totalSize: start };
 }
 function createLayoutState(options, rowCount, columnCount, totalWidth, totalHeight, scrollLeft, scrollTop, visibleStartIndex, visibleEndIndex, visibleRowStart, visibleRowEnd, items, visibleColumnStart = 0, visibleColumnEnd = -1) {
     return {
@@ -468,14 +471,28 @@ function layoutItemFromRange(options, index, rowIndex, columnIndex, width, heigh
     };
 }
 function firstDynamicIndexAfter(metrics, offset) {
-    const index = metrics.findIndex((metric) => metric.end > offset);
-    return index === -1 ? Math.max(0, metrics.length - 1) : index;
+    let low = 0;
+    let high = metrics.length;
+    while (low < high) {
+        const mid = low + Math.floor((high - low) / 2);
+        if (metrics[mid].end > offset)
+            high = mid;
+        else
+            low = mid + 1;
+    }
+    return low === metrics.length ? Math.max(0, metrics.length - 1) : low;
 }
 function lastDynamicIndexBefore(metrics, offset) {
-    const index = metrics.findIndex((metric) => metric.start >= offset);
-    if (index === -1)
-        return metrics.length - 1;
-    return Math.max(0, index);
+    let low = 0;
+    let high = metrics.length;
+    while (low < high) {
+        const mid = low + Math.floor((high - low) / 2);
+        if (metrics[mid].start >= offset)
+            high = mid;
+        else
+            low = mid + 1;
+    }
+    return low === metrics.length ? metrics.length - 1 : Math.max(0, low);
 }
 function normalizeControllerOptions(options) {
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vobs/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Optional design tokens, layouts and UI components for vobs.",
   "type": "module",
   "publishConfig": {
@@ -41,6 +41,14 @@
       "types": "./dist/data-display.d.ts",
       "import": "./dist/data-display.js"
     },
+    "./page-state": {
+      "types": "./dist/page-state.d.ts",
+      "import": "./dist/page-state.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog.d.ts",
+      "import": "./dist/dialog.js"
+    },
     "./icons": {
       "types": "./dist/icons.d.ts",
       "import": "./dist/icons.js"
@@ -96,18 +104,18 @@
   "main": "./dist/index.js",
   "dependencies": {
     "@tanstack/virtual-core": "^3.17.7",
-    "@vobs/forms": "0.1.0",
-    "@vobs/runtime-dom": "0.1.0",
-    "@vobs/icons": "0.1.0",
-    "@vobs/i18n": "0.1.0",
-    "@vobs/reactivity": "0.1.0",
-    "@vobs/server-renderer": "0.1.0",
-    "@vobs/router": "0.1.0"
+    "@vobs/icons": "0.3.0",
+    "@vobs/i18n": "0.3.0",
+    "@vobs/forms": "0.3.0",
+    "@vobs/runtime-dom": "0.3.0",
+    "@vobs/router": "0.3.0",
+    "@vobs/reactivity": "0.3.0",
+    "@vobs/server-renderer": "0.3.0"
   },
   "sideEffects": [
     "./dist/*.css"
   ],
   "engines": {
-    "node": ">=20.19.0"
+    "node": ">=22.12.0"
   }
 }