@docmentis/udoc-viewer 0.1.0

package/dist/ui/viewer/shell.js

@@ -0,0 +1,70 @@
+import { createStore } from "../framework/store";
+import { initialState } from "./state";
+import { reducer } from "./reducer";
+import { createEffects } from "./effects";
+import { createToolbar } from "./components/Toolbar";
+import { createLeftPanel } from "./components/LeftPanel";
+import { createViewport } from "./components/Viewport";
+import { createRightPanel } from "./components/RightPanel";
+export function mountViewerShell(root, engine, renderManager, overrides) {
+    const layout = document.createElement("div");
+    layout.className = "udoc-viewer-root";
+    const toolbarSlot = document.createElement("div");
+    toolbarSlot.className = "slot toolbar-slot";
+    const bodySlot = document.createElement("div");
+    bodySlot.className = "slot body-slot";
+    const leftPanelSlot = document.createElement("div");
+    leftPanelSlot.className = "slot left-panel-slot";
+    const viewportSlot = document.createElement("div");
+    viewportSlot.className = "slot viewport-slot";
+    const rightPanelSlot = document.createElement("div");
+    rightPanelSlot.className = "slot right-panel-slot";
+    // Panel overlay for mobile (closes panels when tapping outside)
+    const panelOverlay = document.createElement("div");
+    panelOverlay.className = "udoc-panel-overlay";
+    bodySlot.append(leftPanelSlot, viewportSlot, rightPanelSlot, panelOverlay);
+    layout.append(toolbarSlot, bodySlot);
+    root.appendChild(layout);
+    const mergedInitialState = overrides
+        ? { ...initialState, ...overrides }
+        : initialState;
+    const store = createStore(reducer, mergedInitialState, { batched: true });
+    const toolbar = createToolbar();
+    toolbar.mount(toolbarSlot, store);
+    const leftPanel = createLeftPanel();
+    leftPanel.mount(leftPanelSlot, store, renderManager);
+    const viewport = createViewport();
+    viewport.mount(viewportSlot, store, renderManager);
+    const rightPanel = createRightPanel();
+    rightPanel.mount(rightPanelSlot, store);
+    const effects = createEffects(store, renderManager, engine);
+    // Handle panel overlay click to close panels (for mobile)
+    panelOverlay.addEventListener("click", () => {
+        store.dispatch({ type: "CLOSE_PANEL" });
+    });
+    // Subscribe to panel state to toggle udoc-panel-open class
+    const unsubPanelClass = store.subscribeRender((prev, next) => {
+        if ((prev.activePanel === null) !== (next.activePanel === null)) {
+            layout.classList.toggle("udoc-panel-open", next.activePanel !== null);
+        }
+    });
+    store.dispatch({ type: "__INIT__" });
+    function destroy() {
+        unsubPanelClass();
+        effects.destroy();
+        toolbar.destroy();
+        leftPanel.destroy();
+        viewport.destroy();
+        rightPanel.destroy();
+        // Note: renderManager is not destroyed here - it's shared across viewers
+        // and owned by UDocClient
+        layout.remove();
+    }
+    return {
+        store,
+        dispatch: store.dispatch,
+        getState: store.getState,
+        destroy
+    };
+}
+//# sourceMappingURL=shell.js.map

package/dist/ui/viewer/shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../src/ui/viewer/shell.ts"],"names":[],"mappings":"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"}

package/dist/ui/viewer/state.d.ts

@@ -0,0 +1,72 @@
+import type { OutlineItem, NavigationTarget } from "./navigation";
+import type { Annotation } from "./annotation";
+import type { PageInfo } from "../../worker/index.js";
+export type LeftPanelTab = "thumbnail" | "outline" | "bookmarks" | "layers" | "attachments";
+export type RightPanelTab = "search" | "comments";
+export type PanelTab = LeftPanelTab | RightPanelTab;
+export declare function isLeftPanelTab(tab: PanelTab): tab is LeftPanelTab;
+export type ScrollMode = "spread" | "continuous";
+export type LayoutMode = "single-page" | "double-page" | "double-page-odd-right" | "double-page-odd-left";
+export type ZoomMode = "fit-spread-width" | "fit-spread-height" | "fit-spread" | "custom";
+export type PageRotation = 0 | 90 | 180 | 270;
+export type SpacingMode = "all" | "none" | "spread-only" | "page-only";
+/** Default zoom steps for zoom in/out actions */
+export declare const DEFAULT_ZOOM_STEPS: readonly [0.1, 0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4, 5];
+export type { PageInfo };
+/** PDF points are defined at 72 DPI */
+export declare const PDF_DPI = 72;
+/** Default display DPI (CSS standard) */
+export declare const DEFAULT_DPI = 96;
+/** Scale factor to convert PDF points to pixels at 100% zoom */
+export declare const POINTS_TO_PIXELS: number;
+/** Calculate the scale factor for a given display DPI */
+export declare function getPointsToPixels(dpi: number): number;
+export interface ViewerState {
+    doc: {
+        id: string;
+    } | null;
+    page: number;
+    pageCount: number;
+    pageInfos: readonly PageInfo[];
+    /** Document outline/bookmarks (null = not loaded yet) */
+    outline: OutlineItem[] | null;
+    /** Whether outline is currently being loaded */
+    outlineLoading: boolean;
+    /** Annotations by page index (0-based). Undefined = not loaded, [] = loaded but empty */
+    pageAnnotations: Map<number, Annotation[]>;
+    /** Set of page indices currently being loaded */
+    annotationsLoading: Set<number>;
+    /** Target for navigation (null = no pending navigation) */
+    navigationTarget: NavigationTarget | null;
+    scrollMode: ScrollMode;
+    layoutMode: LayoutMode;
+    zoomMode: ZoomMode;
+    zoom: number;
+    /** Derived zoom for fit modes (null when not applicable). */
+    effectiveZoom: number | null;
+    zoomSteps: readonly number[];
+    pageRotation: PageRotation;
+    spacingMode: SpacingMode;
+    dpi: number;
+    pageSpacing: number;
+    spreadSpacing: number;
+    activePanel: PanelTab | null;
+    /** Left panel width in pixels (null = use CSS default) */
+    leftPanelWidth: number | null;
+    /** Right panel width in pixels (null = use CSS default) */
+    rightPanelWidth: number | null;
+    /** Currently highlighted annotation (null = none) */
+    highlightedAnnotation: {
+        pageIndex: number;
+        bounds: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+    } | null;
+    /** Whether the viewer is in fullscreen mode */
+    isFullscreen: boolean;
+}
+export declare const initialState: ViewerState;
+//# sourceMappingURL=state.d.ts.map

package/dist/ui/viewer/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/ui/viewer/state.ts"],"names":[],"mappings":"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"}

package/dist/ui/viewer/state.js

@@ -0,0 +1,47 @@
+const LEFT_TABS = new Set(["thumbnail", "outline", "bookmarks", "layers", "attachments"]);
+export function isLeftPanelTab(tab) {
+    return LEFT_TABS.has(tab);
+}
+/** Default zoom steps for zoom in/out actions */
+export const DEFAULT_ZOOM_STEPS = [0.1, 0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4, 5];
+// -----------------------------------------------------------------------------
+// DPI and scaling constants
+// -----------------------------------------------------------------------------
+/** PDF points are defined at 72 DPI */
+export const PDF_DPI = 72;
+/** Default display DPI (CSS standard) */
+export const DEFAULT_DPI = 96;
+/** Scale factor to convert PDF points to pixels at 100% zoom */
+export const POINTS_TO_PIXELS = DEFAULT_DPI / PDF_DPI; // 1.333...
+/** Calculate the scale factor for a given display DPI */
+export function getPointsToPixels(dpi) {
+    return dpi / PDF_DPI;
+}
+export const initialState = {
+    doc: null,
+    page: 1,
+    pageCount: 0,
+    pageInfos: [],
+    outline: null,
+    outlineLoading: false,
+    pageAnnotations: new Map(),
+    annotationsLoading: new Set(),
+    navigationTarget: null,
+    scrollMode: "continuous",
+    layoutMode: "single-page",
+    zoomMode: "fit-spread",
+    zoom: 1,
+    effectiveZoom: null,
+    zoomSteps: DEFAULT_ZOOM_STEPS,
+    pageRotation: 0,
+    spacingMode: "all",
+    dpi: DEFAULT_DPI,
+    pageSpacing: 20,
+    spreadSpacing: 20,
+    activePanel: null,
+    leftPanelWidth: null,
+    rightPanelWidth: null,
+    highlightedAnnotation: null,
+    isFullscreen: false,
+};
+//# sourceMappingURL=state.js.map

package/dist/ui/viewer/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/ui/viewer/state.ts"],"names":[],"mappings":"AAYA,MAAM,SAAS,GAAkB,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;AACzG,MAAM,UAAU,cAAc,CAAC,GAAa;IACxC,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC;AAYD,iDAAiD;AACjD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;AAS5F,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,uCAAuC;AACvC,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;AAE1B,yCAAyC;AACzC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAE9B,gEAAgE;AAChE,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC,WAAW;AAElE,yDAAyD;AACzD,MAAM,UAAU,iBAAiB,CAAC,GAAW;IACzC,OAAO,GAAG,GAAG,OAAO,CAAC;AACzB,CAAC;AAkED,MAAM,CAAC,MAAM,YAAY,GAAgB;IACrC,GAAG,EAAE,IAAI;IACT,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,EAAE;IAEb,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,KAAK;IAErB,eAAe,EAAE,IAAI,GAAG,EAAE;IAC1B,kBAAkB,EAAE,IAAI,GAAG,EAAE;IAE7B,gBAAgB,EAAE,IAAI;IAEtB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,aAAa;IACzB,QAAQ,EAAE,YAAY;IACtB,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,kBAAkB;IAC7B,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,KAAK;IAElB,GAAG,EAAE,WAAW;IAEhB,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAAE;IAEjB,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,IAAI;IAErB,qBAAqB,EAAE,IAAI;IAE3B,YAAY,EAAE,KAAK;CACtB,CAAC"}

package/dist/view/LayoutCalculator.d.ts

@@ -0,0 +1,42 @@
+export type LayoutMode = 'single' | 'double' | 'double-cover' | 'grid';
+export type Rotation = 0 | 90 | 180 | 270;
+export type PageLayout = 'default' | 'odd-pages-right' | 'odd-pages-left';
+export interface GridOptions {
+    columns: number;
+    rows: number;
+}
+/**
+ * Default gap size between pages when not in seamless mode.
+ */
+export declare const PAGE_GAP_SIZE = 16;
+export interface PageSize {
+    width: number;
+    height: number;
+}
+export interface SlotLayout {
+    pageIndex: number;
+    row: number;
+    col: number;
+    baseWidth: number;
+    baseHeight: number;
+    baseX: number;
+    baseY: number;
+}
+export interface BandLayout {
+    index: number;
+    slots: SlotLayout[];
+    columns: number;
+    rows: number;
+    colWidths: number[];
+    rowHeights: number[];
+    baseWidth: number;
+    baseHeight: number;
+}
+export interface LayoutResult {
+    bands: BandLayout[];
+    pageToBand: number[];
+}
+export declare class LayoutCalculator {
+    static computeLayout(pageSizes: PageSize[], layoutMode: LayoutMode, rotation: Rotation, seamless: boolean, grid?: GridOptions, pageLayout?: PageLayout): LayoutResult;
+}
+//# sourceMappingURL=LayoutCalculator.d.ts.map

package/dist/view/LayoutCalculator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutCalculator.d.ts","sourceRoot":"","sources":["../../src/view/LayoutCalculator.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,CAAC;AACvE,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAC1C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAE1E,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC,MAAM,WAAW,QAAQ;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AA4BD,qBAAa,gBAAgB;IACzB,MAAM,CAAC,aAAa,CAChB,SAAS,EAAE,QAAQ,EAAE,EACrB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,OAAO,EACjB,IAAI,GAAE,WAA0B,EAChC,UAAU,GAAE,UAAsB,GACnC,YAAY;CAqNlB"}

package/dist/view/LayoutCalculator.js

@@ -0,0 +1,180 @@
+/**
+ * Default gap size between pages when not in seamless mode.
+ */
+export const PAGE_GAP_SIZE = 16;
+const DEFAULT_GRID = { columns: 1, rows: 1 };
+function rotateSize(size, rotation) {
+    if (rotation === 90 || rotation === 270) {
+        return { width: size.height, height: size.width };
+    }
+    return size;
+}
+function clampGrid(value) {
+    return Number.isFinite(value) && value > 0 ? Math.floor(value) : 1;
+}
+export class LayoutCalculator {
+    static computeLayout(pageSizes, layoutMode, rotation, seamless, grid = DEFAULT_GRID, pageLayout = 'default') {
+        const rotatedSizes = pageSizes.map((size) => rotateSize(size, rotation));
+        const bands = [];
+        const pageToBand = new Array(pageSizes.length).fill(-1);
+        const gapSize = seamless ? 0 : PAGE_GAP_SIZE;
+        const buildBand = (bandIndex, slots, rows, columns, options = {}) => {
+            const colWidths = new Array(columns).fill(0);
+            const rowHeights = new Array(rows).fill(0);
+            for (const slot of slots) {
+                colWidths[slot.col] = Math.max(colWidths[slot.col], slot.width);
+                rowHeights[slot.row] = Math.max(rowHeights[slot.row], slot.height);
+                pageToBand[slot.pageIndex] = bandIndex;
+            }
+            // For single-page bands in double-cover mode, make both columns symmetric
+            if (options.coverRight && columns === 2) {
+                if (colWidths[0] === 0 && colWidths[1] > 0) {
+                    // Cover page on right: fill left column
+                    colWidths[0] = colWidths[1];
+                }
+                else if (colWidths[1] === 0 && colWidths[0] > 0) {
+                    // Last page on left: fill right column
+                    colWidths[1] = colWidths[0];
+                }
+            }
+            if (options.normalizeEmptyGrid) {
+                const maxCol = Math.max(...colWidths);
+                const maxRow = Math.max(...rowHeights);
+                for (let i = 0; i < colWidths.length; i++) {
+                    if (colWidths[i] === 0) {
+                        colWidths[i] = maxCol;
+                    }
+                }
+                for (let i = 0; i < rowHeights.length; i++) {
+                    if (rowHeights[i] === 0) {
+                        rowHeights[i] = maxRow;
+                    }
+                }
+            }
+            const colOffsets = [];
+            const rowOffsets = [];
+            let x = 0;
+            for (let col = 0; col < columns; col++) {
+                colOffsets[col] = x;
+                x += colWidths[col] + (col < columns - 1 ? gapSize : 0);
+            }
+            let y = 0;
+            for (let row = 0; row < rows; row++) {
+                rowOffsets[row] = y;
+                y += rowHeights[row] + (row < rows - 1 ? gapSize : 0);
+            }
+            const bandSlots = slots.map((slot) => ({
+                pageIndex: slot.pageIndex,
+                row: slot.row,
+                col: slot.col,
+                baseWidth: slot.width,
+                baseHeight: slot.height,
+                baseX: colOffsets[slot.col],
+                baseY: rowOffsets[slot.row],
+            }));
+            const baseWidth = colWidths.reduce((sum, width) => sum + width, 0)
+                + Math.max(0, columns - 1) * gapSize;
+            const baseHeight = rowHeights.reduce((sum, height) => sum + height, 0)
+                + Math.max(0, rows - 1) * gapSize;
+            bands.push({
+                index: bandIndex,
+                slots: bandSlots,
+                columns,
+                rows,
+                colWidths,
+                rowHeights,
+                baseWidth,
+                baseHeight,
+            });
+        };
+        if (layoutMode === 'single') {
+            for (let i = 0; i < rotatedSizes.length; i++) {
+                const size = rotatedSizes[i];
+                buildBand(bands.length, [{ pageIndex: i, row: 0, col: 0, width: size.width, height: size.height }], 1, 1);
+            }
+            return { bands, pageToBand };
+        }
+        if (layoutMode === 'double') {
+            let i = 0;
+            while (i < rotatedSizes.length) {
+                const left = rotatedSizes[i];
+                const isLastPageAlone = i + 1 >= rotatedSizes.length;
+                if (isLastPageAlone) {
+                    // Last page alone: position on left (col 0) with symmetric columns
+                    buildBand(bands.length, [{ pageIndex: i, row: 0, col: 0, width: left.width, height: left.height }], 1, 2, { coverRight: true } // Fill empty right column for symmetry
+                    );
+                }
+                else {
+                    const right = rotatedSizes[i + 1];
+                    buildBand(bands.length, [
+                        { pageIndex: i, row: 0, col: 0, width: left.width, height: left.height },
+                        { pageIndex: i + 1, row: 0, col: 1, width: right.width, height: right.height },
+                    ], 1, 2);
+                }
+                i += 2;
+            }
+            return { bands, pageToBand };
+        }
+        if (layoutMode === 'double-cover') {
+            // Determine cover position based on document's page layout preference
+            // odd-pages-right (default): cover on right (col 1), spreads: 2|3, 4|5...
+            // odd-pages-left: cover on left (col 0), spreads: 2|3, 4|5...
+            const coverOnRight = pageLayout !== 'odd-pages-left';
+            const coverCol = coverOnRight ? 1 : 0;
+            if (rotatedSizes.length > 0) {
+                const cover = rotatedSizes[0];
+                buildBand(bands.length, [{ pageIndex: 0, row: 0, col: coverCol, width: cover.width, height: cover.height }], 1, 2, { coverRight: coverOnRight });
+            }
+            let i = 1;
+            while (i < rotatedSizes.length) {
+                const isLastPageAlone = i + 1 >= rotatedSizes.length;
+                if (isLastPageAlone) {
+                    // Last page alone: position opposite to cover for symmetry
+                    // coverOnRight: last page on left (col 0)
+                    // coverOnLeft: last page on right (col 1)
+                    const lastCol = coverOnRight ? 0 : 1;
+                    const last = rotatedSizes[i];
+                    buildBand(bands.length, [{ pageIndex: i, row: 0, col: lastCol, width: last.width, height: last.height }], 1, 2, { coverRight: true } // Always fill the empty column for symmetry
+                    );
+                }
+                else {
+                    // Normal spread: left page in col 0, right page in col 1
+                    const left = rotatedSizes[i];
+                    const right = rotatedSizes[i + 1];
+                    buildBand(bands.length, [
+                        { pageIndex: i, row: 0, col: 0, width: left.width, height: left.height },
+                        { pageIndex: i + 1, row: 0, col: 1, width: right.width, height: right.height },
+                    ], 1, 2);
+                }
+                i += 2;
+            }
+            return { bands, pageToBand };
+        }
+        const columns = clampGrid(grid.columns);
+        const rows = clampGrid(grid.rows);
+        const slotsPerBand = columns * rows;
+        let index = 0;
+        while (index < rotatedSizes.length) {
+            const slots = [];
+            for (let offset = 0; offset < slotsPerBand; offset++) {
+                const pageIndex = index + offset;
+                if (pageIndex >= rotatedSizes.length)
+                    break;
+                const size = rotatedSizes[pageIndex];
+                const row = Math.floor(offset / columns);
+                const col = offset % columns;
+                slots.push({
+                    pageIndex,
+                    row,
+                    col,
+                    width: size.width,
+                    height: size.height,
+                });
+            }
+            buildBand(bands.length, slots, rows, columns, { normalizeEmptyGrid: true });
+            index += slotsPerBand;
+        }
+        return { bands, pageToBand };
+    }
+}
+//# sourceMappingURL=LayoutCalculator.js.map

package/dist/view/LayoutCalculator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutCalculator.js","sourceRoot":"","sources":["../../src/view/LayoutCalculator.ts"],"names":[],"mappings":"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"}

package/dist/view/TransitionCoordinator.d.ts

@@ -0,0 +1,11 @@
+import type { DisplayMode } from './ViewState';
+export interface BandWindow {
+    start: number;
+    end: number;
+}
+export declare class TransitionCoordinator {
+    private windowRadius;
+    constructor(windowRadius?: number);
+    getWindow(currentBandIndex: number, bandCount: number, displayMode: DisplayMode, previousDisplayMode?: DisplayMode): BandWindow;
+}
+//# sourceMappingURL=TransitionCoordinator.d.ts.map

package/dist/view/TransitionCoordinator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionCoordinator.d.ts","sourceRoot":"","sources":["../../src/view/TransitionCoordinator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,qBAAqB;IAC9B,OAAO,CAAC,YAAY,CAAS;gBAEjB,YAAY,GAAE,MAAU;IAIpC,SAAS,CACL,gBAAgB,EAAE,MAAM,EACxB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,WAAW,EACxB,mBAAmB,CAAC,EAAE,WAAW,GAClC,UAAU;CAmBhB"}

package/dist/view/TransitionCoordinator.js

@@ -0,0 +1,22 @@
+export class TransitionCoordinator {
+    windowRadius;
+    constructor(windowRadius = 2) {
+        this.windowRadius = windowRadius;
+    }
+    getWindow(currentBandIndex, bandCount, displayMode, previousDisplayMode) {
+        if (bandCount <= 0) {
+            return { start: 0, end: 0 };
+        }
+        const clampedCurrent = Math.max(0, Math.min(currentBandIndex, bandCount - 1));
+        if (displayMode === 'single') {
+            return { start: clampedCurrent, end: clampedCurrent };
+        }
+        const radius = previousDisplayMode === 'single'
+            ? Math.max(1, this.windowRadius)
+            : this.windowRadius;
+        const start = Math.max(0, clampedCurrent - radius);
+        const end = Math.min(bandCount - 1, clampedCurrent + radius);
+        return { start, end };
+    }
+}
+//# sourceMappingURL=TransitionCoordinator.js.map

package/dist/view/TransitionCoordinator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionCoordinator.js","sourceRoot":"","sources":["../../src/view/TransitionCoordinator.ts"],"names":[],"mappings":"AAOA,MAAM,OAAO,qBAAqB;IACtB,YAAY,CAAS;IAE7B,YAAY,eAAuB,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACrC,CAAC;IAED,SAAS,CACL,gBAAwB,EACxB,SAAiB,EACjB,WAAwB,EACxB,mBAAiC;QAEjC,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;YACjB,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;QAChC,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;QAE9E,IAAI,WAAW,KAAK,QAAQ,EAAE,CAAC;YAC3B,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC;QAC1D,CAAC;QAED,MAAM,MAAM,GAAG,mBAAmB,KAAK,QAAQ;YAC3C,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC;YAChC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAExB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC,CAAC;QACnD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC,CAAC;QAC7D,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IAC1B,CAAC;CACJ"}

package/dist/view/ViewState.d.ts

@@ -0,0 +1,46 @@
+import type { BandLayout, LayoutResult, SlotLayout } from './LayoutCalculator';
+export type DisplayMode = 'single' | 'scroll';
+export interface ScaledSlotLayout extends SlotLayout {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+}
+export interface ScaledBandLayout {
+    band: BandLayout;
+    width: number;
+    height: number;
+    slots: ScaledSlotLayout[];
+    colWidths: number[];
+    rowHeights: number[];
+}
+interface SlotLookupEntry {
+    bandIndex: number;
+    slot: ScaledSlotLayout;
+}
+export declare class ViewState {
+    private layout;
+    private scaledBands;
+    private bandOffsets;
+    private totalHeight;
+    private totalWidth;
+    private slotLookup;
+    private zoom;
+    setLayout(layout: LayoutResult, zoom: number): void;
+    getBandCount(): number;
+    getBand(index: number): ScaledBandLayout | null;
+    getBandOffset(index: number): number;
+    getBandOffsets(): number[];
+    getTotalHeight(): number;
+    getTotalWidth(): number;
+    getBandIndexForPage(pageIndex: number): number;
+    getBandIndexForOffset(offsetY: number): number;
+    getSlotForPage(pageIndex: number): SlotLookupEntry | null;
+    getPageCenter(pageIndex: number): {
+        x: number;
+        y: number;
+    } | null;
+    private rebuildScaled;
+}
+export {};
+//# sourceMappingURL=ViewState.d.ts.map

package/dist/view/ViewState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewState.d.ts","sourceRoot":"","sources":["../../src/view/ViewState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE/E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,UAAU,eAAe;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC;CAC1B;AAED,qBAAa,SAAS;IAClB,OAAO,CAAC,MAAM,CAA+C;IAC7D,OAAO,CAAC,WAAW,CAA0B;IAC7C,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,IAAI,CAAK;IAEjB,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAMnD,YAAY,IAAI,MAAM;IAItB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI;IAI/C,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIpC,cAAc,IAAI,MAAM,EAAE;IAI1B,cAAc,IAAI,MAAM;IAIxB,aAAa,IAAI,MAAM;IAIvB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM;IAK9C,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;IAsB9C,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,eAAe,GAAG,IAAI;IAIzD,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAWjE,OAAO,CAAC,aAAa;CAmCxB"}

package/dist/view/ViewState.js

@@ -0,0 +1,109 @@
+export class ViewState {
+    layout = { bands: [], pageToBand: [] };
+    scaledBands = [];
+    bandOffsets = [];
+    totalHeight = 0;
+    totalWidth = 0;
+    slotLookup = [];
+    zoom = 1;
+    setLayout(layout, zoom) {
+        this.layout = layout;
+        this.zoom = zoom;
+        this.rebuildScaled();
+    }
+    getBandCount() {
+        return this.layout.bands.length;
+    }
+    getBand(index) {
+        return this.scaledBands[index] ?? null;
+    }
+    getBandOffset(index) {
+        return this.bandOffsets[index] ?? 0;
+    }
+    getBandOffsets() {
+        return this.bandOffsets.slice();
+    }
+    getTotalHeight() {
+        return this.totalHeight;
+    }
+    getTotalWidth() {
+        return this.totalWidth;
+    }
+    getBandIndexForPage(pageIndex) {
+        const index = this.layout.pageToBand[pageIndex];
+        return index === undefined || index < 0 ? 0 : index;
+    }
+    getBandIndexForOffset(offsetY) {
+        if (this.scaledBands.length === 0)
+            return 0;
+        if (offsetY <= 0)
+            return 0;
+        if (offsetY >= this.totalHeight)
+            return this.scaledBands.length - 1;
+        let low = 0;
+        let high = this.scaledBands.length - 1;
+        while (low <= high) {
+            const mid = Math.floor((low + high) / 2);
+            const top = this.bandOffsets[mid];
+            const bottom = top + this.scaledBands[mid].height;
+            if (offsetY < top) {
+                high = mid - 1;
+            }
+            else if (offsetY > bottom) {
+                low = mid + 1;
+            }
+            else {
+                return mid;
+            }
+        }
+        return Math.max(0, Math.min(low, this.scaledBands.length - 1));
+    }
+    getSlotForPage(pageIndex) {
+        return this.slotLookup[pageIndex] ?? null;
+    }
+    getPageCenter(pageIndex) {
+        const entry = this.getSlotForPage(pageIndex);
+        if (!entry)
+            return null;
+        const { slot, bandIndex } = entry;
+        const bandTop = this.bandOffsets[bandIndex] ?? 0;
+        return {
+            x: slot.x + slot.width / 2,
+            y: bandTop + slot.y + slot.height / 2,
+        };
+    }
+    rebuildScaled() {
+        this.scaledBands = this.layout.bands.map((band) => {
+            const slots = band.slots.map((slot) => ({
+                ...slot,
+                width: slot.baseWidth * this.zoom,
+                height: slot.baseHeight * this.zoom,
+                x: slot.baseX * this.zoom,
+                y: slot.baseY * this.zoom,
+            }));
+            return {
+                band,
+                width: band.baseWidth * this.zoom,
+                height: band.baseHeight * this.zoom,
+                slots,
+                colWidths: band.colWidths.map((width) => width * this.zoom),
+                rowHeights: band.rowHeights.map((height) => height * this.zoom),
+            };
+        });
+        this.bandOffsets = [];
+        this.totalHeight = 0;
+        this.totalWidth = 0;
+        for (const band of this.scaledBands) {
+            this.bandOffsets.push(this.totalHeight);
+            this.totalHeight += band.height;
+            this.totalWidth = Math.max(this.totalWidth, band.width);
+        }
+        this.slotLookup = new Array(this.layout.pageToBand.length).fill(null);
+        this.scaledBands.forEach((band, bandIndex) => {
+            for (const slot of band.slots) {
+                this.slotLookup[slot.pageIndex] = { bandIndex, slot };
+            }
+        });
+    }
+}
+//# sourceMappingURL=ViewState.js.map