@docmentis/udoc-viewer 0.1.0

package/dist/ui/framework/component.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Optional base class for complex stateful components.
+ *
+ * Rules:
+ * - Root element is stable after mount.
+ * - render() patches DOM inside the root only.
+ * - destroy() must remove listeners and subscriptions.
+ *
+ * Usage:
+ * ```ts
+ * class Toolbar extends Component<{ store: Store<ViewerState, Action> }, State> {
+ *     constructor(props: { store: Store<ViewerState, Action> }) {
+ *         super(props, { page: 1 }, document.createElement("div"));
+ *         this.el.className = "udoc-toolbar";
+ *     }
+ *     render(): void {
+ *         this.el.textContent = String(this.state.page);
+ *     }
+ *     protected onMount(): void {
+ *         this.props.store.dispatch({ type: "SET_PAGE", page: 1 });
+ *     }
+ * }
+ * ```
+ *
+ * Alternative (preferred) factory pattern:
+ * ```ts
+ * export function createToolbar() {
+ *     const el = document.createElement("div");
+ *     el.className = "udoc-toolbar";
+ *
+ *     let unsubRender: (() => void) | null = null;
+ *     function mount(container: HTMLElement, store: Store<ViewerState, Action>): void {
+ *         container.appendChild(el);
+ *         unsubRender = store.subscribeRender((_prev, next) => {
+ *             el.textContent = String(next.page);
+ *         });
+ *     }
+ *
+ *     function destroy(): void {
+ *         if (unsubRender) unsubRender();
+ *         el.remove();
+ *     }
+ *
+ *     return { el, mount, destroy };
+ * }
+ * ```
+ */
+export declare abstract class Component<P = {}, S = {}> {
+    protected props: P;
+    protected state: S;
+    protected el: HTMLElement;
+    private cleanups;
+    constructor(props: P, initialState: S, root: HTMLElement);
+    /** Patch DOM inside the stable root element. */
+    abstract render(): void;
+    /** Mount into a container and run initial render. */
+    mount(container: HTMLElement): void;
+    /** Clean up listeners/subscriptions and remove root. */
+    destroy(): void;
+    protected onMount(): void;
+    protected onUnmount(): void;
+    protected onUpdate(_prevProps: P, _prevState: S): void;
+    /** Local state update; triggers render. */
+    protected setState(partial: Partial<S>): void;
+    /** Register a cleanup for destroy(). */
+    protected track(cleanup: () => void): void;
+}
+//# sourceMappingURL=component.d.ts.map

package/dist/ui/framework/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/ui/framework/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,8BAAsB,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE;IAC1C,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;IACnB,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;IACnB,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,QAAQ,CAAyB;gBAE7B,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW;IAMxD,gDAAgD;IAChD,QAAQ,CAAC,MAAM,IAAI,IAAI;IAEvB,qDAAqD;IACrD,KAAK,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAMnC,wDAAwD;IACxD,OAAO,IAAI,IAAI;IAOf,SAAS,CAAC,OAAO,IAAI,IAAI;IACzB,SAAS,CAAC,SAAS,IAAI,IAAI;IAC3B,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,IAAI;IAEtD,2CAA2C;IAC3C,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI;IAO7C,wCAAwC;IACxC,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;CAG7C"}

package/dist/ui/framework/component.js

@@ -0,0 +1,87 @@
+/**
+ * Optional base class for complex stateful components.
+ *
+ * Rules:
+ * - Root element is stable after mount.
+ * - render() patches DOM inside the root only.
+ * - destroy() must remove listeners and subscriptions.
+ *
+ * Usage:
+ * ```ts
+ * class Toolbar extends Component<{ store: Store<ViewerState, Action> }, State> {
+ *     constructor(props: { store: Store<ViewerState, Action> }) {
+ *         super(props, { page: 1 }, document.createElement("div"));
+ *         this.el.className = "udoc-toolbar";
+ *     }
+ *     render(): void {
+ *         this.el.textContent = String(this.state.page);
+ *     }
+ *     protected onMount(): void {
+ *         this.props.store.dispatch({ type: "SET_PAGE", page: 1 });
+ *     }
+ * }
+ * ```
+ *
+ * Alternative (preferred) factory pattern:
+ * ```ts
+ * export function createToolbar() {
+ *     const el = document.createElement("div");
+ *     el.className = "udoc-toolbar";
+ *
+ *     let unsubRender: (() => void) | null = null;
+ *     function mount(container: HTMLElement, store: Store<ViewerState, Action>): void {
+ *         container.appendChild(el);
+ *         unsubRender = store.subscribeRender((_prev, next) => {
+ *             el.textContent = String(next.page);
+ *         });
+ *     }
+ *
+ *     function destroy(): void {
+ *         if (unsubRender) unsubRender();
+ *         el.remove();
+ *     }
+ *
+ *     return { el, mount, destroy };
+ * }
+ * ```
+ */
+export class Component {
+    props;
+    state;
+    el;
+    cleanups = [];
+    constructor(props, initialState, root) {
+        this.props = props;
+        this.state = initialState;
+        this.el = root;
+    }
+    /** Mount into a container and run initial render. */
+    mount(container) {
+        container.appendChild(this.el);
+        this.onMount();
+        this.render();
+    }
+    /** Clean up listeners/subscriptions and remove root. */
+    destroy() {
+        this.onUnmount();
+        for (const off of this.cleanups)
+            off();
+        this.cleanups = [];
+        this.el.remove();
+    }
+    onMount() { }
+    onUnmount() { }
+    onUpdate(_prevProps, _prevState) { }
+    /** Local state update; triggers render. */
+    setState(partial) {
+        const prevState = this.state;
+        this.state = { ...this.state, ...partial };
+        this.render();
+        this.onUpdate(this.props, prevState);
+    }
+    /** Register a cleanup for destroy(). */
+    track(cleanup) {
+        this.cleanups.push(cleanup);
+    }
+}
+//# sourceMappingURL=component.js.map

package/dist/ui/framework/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/ui/framework/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,OAAgB,SAAS;IACjB,KAAK,CAAI;IACT,KAAK,CAAI;IACT,EAAE,CAAc;IAClB,QAAQ,GAAsB,EAAE,CAAC;IAEzC,YAAY,KAAQ,EAAE,YAAe,EAAE,IAAiB;QACpD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;QAC1B,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;IACnB,CAAC;IAKD,qDAAqD;IACrD,KAAK,CAAC,SAAsB;QACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,wDAAwD;IACxD,OAAO;QACH,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,QAAQ;YAAE,GAAG,EAAE,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;IACrB,CAAC;IAES,OAAO,KAAU,CAAC;IAClB,SAAS,KAAU,CAAC;IACpB,QAAQ,CAAC,UAAa,EAAE,UAAa,IAAS,CAAC;IAEzD,2CAA2C;IACjC,QAAQ,CAAC,OAAmB;QAClC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC;QAC3C,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,wCAAwC;IAC9B,KAAK,CAAC,OAAmB;QAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;CACJ"}

package/dist/ui/framework/dom.d.ts

@@ -0,0 +1,19 @@
+/**
+ * DOM patch helpers.
+ *
+ * Rules:
+ * - Use in render subscribers only.
+ * - Avoid redundant writes for performance.
+ *
+ * Usage:
+ * ```ts
+ * setText(titleEl, state.title);
+ * toggleClass(panelEl, "is-open", state.open);
+ * ```
+ */
+export declare function setText(el: Element, text: string): void;
+/** Set or remove attribute with change detection. */
+export declare function setAttr(el: Element, name: string, value: string | null): void;
+/** Toggle class with optional explicit boolean. */
+export declare function toggleClass(el: Element, className: string, force?: boolean): void;
+//# sourceMappingURL=dom.d.ts.map

package/dist/ui/framework/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/ui/framework/dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAEvD;AAED,qDAAqD;AACrD,wBAAgB,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAG7E;AAED,mDAAmD;AACnD,wBAAgB,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAEjF"}

package/dist/ui/framework/dom.js

@@ -0,0 +1,29 @@
+/**
+ * DOM patch helpers.
+ *
+ * Rules:
+ * - Use in render subscribers only.
+ * - Avoid redundant writes for performance.
+ *
+ * Usage:
+ * ```ts
+ * setText(titleEl, state.title);
+ * toggleClass(panelEl, "is-open", state.open);
+ * ```
+ */
+export function setText(el, text) {
+    if (el.textContent !== text)
+        el.textContent = text;
+}
+/** Set or remove attribute with change detection. */
+export function setAttr(el, name, value) {
+    if (value === null)
+        el.removeAttribute(name);
+    else if (el.getAttribute(name) !== value)
+        el.setAttribute(name, value);
+}
+/** Toggle class with optional explicit boolean. */
+export function toggleClass(el, className, force) {
+    el.classList.toggle(className, force);
+}
+//# sourceMappingURL=dom.js.map

package/dist/ui/framework/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/ui/framework/dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,OAAO,CAAC,EAAW,EAAE,IAAY;IAC7C,IAAI,EAAE,CAAC,WAAW,KAAK,IAAI;QAAE,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AACvD,CAAC;AAED,qDAAqD;AACrD,MAAM,UAAU,OAAO,CAAC,EAAW,EAAE,IAAY,EAAE,KAAoB;IACnE,IAAI,KAAK,KAAK,IAAI;QAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;SACxC,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,KAAK;QAAE,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC3E,CAAC;AAED,mDAAmD;AACnD,MAAM,UAAU,WAAW,CAAC,EAAW,EAAE,SAAiB,EAAE,KAAe;IACvE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAC1C,CAAC"}

package/dist/ui/framework/events.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Event helpers.
+ *
+ * Rules:
+ * - Events represent intent; handlers should dispatch actions.
+ * - Avoid direct state mutation in event handlers.
+ *
+ * Usage:
+ * ```ts
+ * const off = on(buttonEl, "click", () => store.dispatch({ type: "NEXT_PAGE" }));
+ * emit(viewerEl, "udoc:page-change", { page: 2 });
+ * off();
+ * ```
+ */
+export declare function emit<T>(el: Element, name: string, detail?: T): void;
+/** Add a DOM listener and return a cleanup function. */
+export declare function on<K extends keyof HTMLElementEventMap>(el: Element, type: K, handler: (ev: HTMLElementEventMap[K]) => void): () => void;
+//# sourceMappingURL=events.d.ts.map

package/dist/ui/framework/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/ui/framework/events.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,CAEnE;AAED,wDAAwD;AACxD,wBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,mBAAmB,EAClD,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,GAC9C,MAAM,IAAI,CAGZ"}

package/dist/ui/framework/events.js

@@ -0,0 +1,23 @@
+/**
+ * Event helpers.
+ *
+ * Rules:
+ * - Events represent intent; handlers should dispatch actions.
+ * - Avoid direct state mutation in event handlers.
+ *
+ * Usage:
+ * ```ts
+ * const off = on(buttonEl, "click", () => store.dispatch({ type: "NEXT_PAGE" }));
+ * emit(viewerEl, "udoc:page-change", { page: 2 });
+ * off();
+ * ```
+ */
+export function emit(el, name, detail) {
+    el.dispatchEvent(new CustomEvent(name, { bubbles: true, detail }));
+}
+/** Add a DOM listener and return a cleanup function. */
+export function on(el, type, handler) {
+    el.addEventListener(type, handler);
+    return () => el.removeEventListener(type, handler);
+}
+//# sourceMappingURL=events.js.map

package/dist/ui/framework/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/ui/framework/events.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,IAAI,CAAI,EAAW,EAAE,IAAY,EAAE,MAAU;IACzD,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AACvE,CAAC;AAED,wDAAwD;AACxD,MAAM,UAAU,EAAE,CACd,EAAW,EACX,IAAO,EACP,OAA6C;IAE7C,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAwB,CAAC,CAAC;IACpD,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAwB,CAAC,CAAC;AACxE,CAAC"}

package/dist/ui/framework/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Framework entry point.
+ * Re-export core primitives for app-layer usage.
+ *
+ * Usage:
+ * ```ts
+ * import { createStore, shallowEqual, Component } from "./ui/framework";
+ * ```
+ */
+export * from "./store";
+export * from "./selectors";
+export * from "./component";
+export * from "./dom";
+export * from "./events";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/framework/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/framework/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}

package/dist/ui/framework/index.js

@@ -0,0 +1,15 @@
+/**
+ * Framework entry point.
+ * Re-export core primitives for app-layer usage.
+ *
+ * Usage:
+ * ```ts
+ * import { createStore, shallowEqual, Component } from "./ui/framework";
+ * ```
+ */
+export * from "./store";
+export * from "./selectors";
+export * from "./component";
+export * from "./dom";
+export * from "./events";
+//# sourceMappingURL=index.js.map

package/dist/ui/framework/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/framework/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}

package/dist/ui/framework/selectors.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Selector utilities.
+ *
+ * Why selectors:
+ * - Most components only care about a small slice of global state.
+ * - Using selectors lets you re-render only when that slice changes.
+ * - This keeps DOM work cheap and avoids coupling components to the full state.
+ *
+ * When to use:
+ * - Any component that reads state for rendering.
+ * - Any effect that should run only on specific state changes.
+ *
+ * How to use:
+ * 1) Define a selector that returns the minimal shape you need.
+ * 2) Subscribe with equality to skip redundant updates.
+ * 3) In the callback, patch DOM (render) or run async work (effect).
+ *
+ * Example (render):
+ * ```ts
+ * const selectToolbar = (s: ViewerState) => ({
+ *     page: s.page,
+ *     pageCount: s.pageCount
+ * });
+ *
+ * const off = subscribeSelector(store, selectToolbar, (next) => {
+ *     pageInput.value = String(next.page);
+ *     pageInput.max = String(Math.max(1, next.pageCount));
+ * }, { equality: shallowEqual });
+ * ```
+ *
+ * Example (effect):
+ * ```ts
+ * const off = subscribeSelector(store, s => s.zoom, (nextZoom) => {
+ *     engine.setZoom(nextZoom);
+ * }, { phase: "effect" });
+ * ```
+ */
+import type { Store } from "./store";
+export type Equality<T> = (a: T, b: T) => boolean;
+export type Selector<S, T> = (state: S) => T;
+/** Shallow object equality for small selector slices. */
+export declare function shallowEqual<T extends Record<string, unknown>>(a: T, b: T): boolean;
+/**
+ * Subscribe to a derived slice with equality checking.
+ * Default phase is render; use phase "effect" for async work.
+ */
+export declare function subscribeSelector<S, A, T>(store: Store<S, A>, selector: Selector<S, T>, listener: (next: T, prev: T) => void, options?: {
+    equality?: Equality<T>;
+    phase?: "render" | "effect";
+}): () => void;
+//# sourceMappingURL=selectors.d.ts.map

package/dist/ui/framework/selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/ui/framework/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;AAClD,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AAE7C,yDAAyD;AACzD,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,CAInF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EACrC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAClB,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,EACpC,OAAO,GAAE;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAO,GACtE,MAAM,IAAI,CAeZ"}

package/dist/ui/framework/selectors.js

@@ -0,0 +1,30 @@
+/** Shallow object equality for small selector slices. */
+export function shallowEqual(a, b) {
+    for (const k in a)
+        if (a[k] !== b[k])
+            return false;
+    for (const k in b)
+        if (a[k] !== b[k])
+            return false;
+    return true;
+}
+/**
+ * Subscribe to a derived slice with equality checking.
+ * Default phase is render; use phase "effect" for async work.
+ */
+export function subscribeSelector(store, selector, listener, options = {}) {
+    const equality = options.equality ?? Object.is;
+    let prevSlice = selector(store.getState());
+    const handler = (_prev, next) => {
+        const nextSlice = selector(next);
+        if (equality(prevSlice, nextSlice))
+            return;
+        const prev = prevSlice;
+        prevSlice = nextSlice;
+        listener(nextSlice, prev);
+    };
+    return options.phase === "effect"
+        ? store.subscribeEffect(handler)
+        : store.subscribeRender(handler);
+}
+//# sourceMappingURL=selectors.js.map

package/dist/ui/framework/selectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../src/ui/framework/selectors.ts"],"names":[],"mappings":"AA0CA,yDAAyD;AACzD,MAAM,UAAU,YAAY,CAAoC,CAAI,EAAE,CAAI;IACtE,KAAK,MAAM,CAAC,IAAI,CAAC;QAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC;IACnD,KAAK,MAAM,CAAC,IAAI,CAAC;QAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC;IACnD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAC7B,KAAkB,EAClB,QAAwB,EACxB,QAAoC,EACpC,UAAmE,EAAE;IAErE,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,EAAE,CAAC;IAC/C,IAAI,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE3C,MAAM,OAAO,GAAG,CAAC,KAAQ,EAAE,IAAO,EAAE,EAAE;QAClC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;YAAE,OAAO;QAC3C,MAAM,IAAI,GAAG,SAAS,CAAC;QACvB,SAAS,GAAG,SAAS,CAAC;QACtB,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ;QAC7B,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC;QAChC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AACzC,CAAC"}

package/dist/ui/framework/store.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Framework store: central event loop for state + subscriptions.
+ *
+ * Rules:
+ * - Reducers must be pure and synchronous.
+ * - Render subscribers update DOM only (no effects).
+ * - Effect subscribers may do async work and may dispatch.
+ * - Store does not know about viewer-specific state.
+ *
+ * Usage:
+ * ```ts
+ * const store = createStore(reducer, initialState, { batched: true });
+ * const off = store.subscribeRender((_prev, next) => render(next));
+ * store.dispatch({ type: "SET_PAGE", page: 2 });
+ * off();
+ * ```
+ */
+export type Reducer<S, A> = (state: S, action: A) => S;
+export type Subscriber<S> = (prev: S, next: S) => void;
+export interface Store<S, A> {
+    /** Current state snapshot. */
+    getState(): S;
+    /** Dispatch an action to transition state via the reducer. */
+    dispatch(action: A): void;
+    /** Render-phase subscription (DOM only). */
+    subscribeRender(fn: Subscriber<S>): () => void;
+    /** Effect-phase subscription (async allowed). */
+    subscribeEffect(fn: Subscriber<S>): () => void;
+}
+/**
+ * Create a store with optional microtask batching for subscriber notifications.
+ * Batching groups multiple dispatches into a single notify cycle.
+ */
+export declare function createStore<S, A>(reducer: Reducer<S, A>, initialState: S, options?: {
+    batched?: boolean;
+}): Store<S, A>;
+//# sourceMappingURL=store.d.ts.map

package/dist/ui/framework/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/ui/framework/store.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;AACvD,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;AAEvD,MAAM,WAAW,KAAK,CAAC,CAAC,EAAE,CAAC;IACvB,8BAA8B;IAC9B,QAAQ,IAAI,CAAC,CAAC;IACd,8DAA8D;IAC9D,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1B,4CAA4C;IAC5C,eAAe,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;IAC/C,iDAAiD;IACjD,eAAe,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;CAClD;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAC5B,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EACtB,YAAY,EAAE,CAAC,EACf,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GACpC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAkDb"}

package/dist/ui/framework/store.js

@@ -0,0 +1,54 @@
+/**
+ * Create a store with optional microtask batching for subscriber notifications.
+ * Batching groups multiple dispatches into a single notify cycle.
+ */
+export function createStore(reducer, initialState, options = {}) {
+    let state = initialState;
+    const renderSubs = new Set();
+    const effectSubs = new Set();
+    const batched = options.batched ?? true;
+    let pending = false;
+    let lastPrev = null;
+    let lastNext = null;
+    function notify(prev, next) {
+        for (const fn of renderSubs)
+            fn(prev, next);
+        for (const fn of effectSubs)
+            fn(prev, next);
+    }
+    function scheduleNotify(prev, next) {
+        if (!batched)
+            return notify(prev, next);
+        lastPrev = lastPrev ?? prev;
+        lastNext = next;
+        if (pending)
+            return;
+        pending = true;
+        queueMicrotask(() => {
+            pending = false;
+            const p = lastPrev;
+            const n = lastNext;
+            lastPrev = null;
+            lastNext = null;
+            notify(p, n);
+        });
+    }
+    function dispatch(action) {
+        const prev = state;
+        const next = reducer(prev, action);
+        if (next === prev)
+            return;
+        state = next;
+        scheduleNotify(prev, next);
+    }
+    function subscribeRender(fn) {
+        renderSubs.add(fn);
+        return () => renderSubs.delete(fn);
+    }
+    function subscribeEffect(fn) {
+        effectSubs.add(fn);
+        return () => effectSubs.delete(fn);
+    }
+    return { getState: () => state, dispatch, subscribeRender, subscribeEffect };
+}
+//# sourceMappingURL=store.js.map

package/dist/ui/framework/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/ui/framework/store.ts"],"names":[],"mappings":"AA+BA;;;GAGG;AACH,MAAM,UAAU,WAAW,CACvB,OAAsB,EACtB,YAAe,EACf,UAAiC,EAAE;IAEnC,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,MAAM,UAAU,GAAG,IAAI,GAAG,EAAiB,CAAC;IAC5C,MAAM,UAAU,GAAG,IAAI,GAAG,EAAiB,CAAC;IAE5C,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC;IACxC,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,QAAQ,GAAa,IAAI,CAAC;IAC9B,IAAI,QAAQ,GAAa,IAAI,CAAC;IAE9B,SAAS,MAAM,CAAC,IAAO,EAAE,IAAO;QAC5B,KAAK,MAAM,EAAE,IAAI,UAAU;YAAE,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5C,KAAK,MAAM,EAAE,IAAI,UAAU;YAAE,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,SAAS,cAAc,CAAC,IAAO,EAAE,IAAO;QACpC,IAAI,CAAC,OAAO;YAAE,OAAO,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxC,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC;QAC5B,QAAQ,GAAG,IAAI,CAAC;QAChB,IAAI,OAAO;YAAE,OAAO;QACpB,OAAO,GAAG,IAAI,CAAC;QACf,cAAc,CAAC,GAAG,EAAE;YAChB,OAAO,GAAG,KAAK,CAAC;YAChB,MAAM,CAAC,GAAG,QAAa,CAAC;YACxB,MAAM,CAAC,GAAG,QAAa,CAAC;YACxB,QAAQ,GAAG,IAAI,CAAC;YAChB,QAAQ,GAAG,IAAI,CAAC;YAChB,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACjB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,SAAS,QAAQ,CAAC,MAAS;QACvB,MAAM,IAAI,GAAG,KAAK,CAAC;QACnB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACnC,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAC1B,KAAK,GAAG,IAAI,CAAC;QACb,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,SAAS,eAAe,CAAC,EAAiB;QACtC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACnB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC;IAED,SAAS,eAAe,CAAC,EAAiB;QACtC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACnB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AACjF,CAAC"}

package/dist/ui/icons/icons.d.ts

@@ -0,0 +1,43 @@
+/**
+ * SVG icon definitions for the viewer UI.
+ */
+export declare const ICONS: {
+    readonly menu: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"/></svg>";
+    readonly fullscreen: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"/></svg>";
+    readonly fullscreenExit: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z\"/></svg>";
+    readonly chevronLeft: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"/></svg>";
+    readonly chevronRight: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/></svg>";
+    readonly chevronDown: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"/></svg>";
+    readonly zoomIn: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"/></svg>";
+    readonly zoomOut: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 13H5v-2h14v2z\"/></svg>";
+    readonly settings: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z\"/></svg>";
+    readonly displaySingle: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"4\" width=\"14\" height=\"16\" rx=\"1\"/></svg>";
+    readonly displayScroll: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 2 L5 11 L19 11 L19 2\"/><path d=\"M5 24 L5 15 L19 15 L19 24\"/></svg>";
+    readonly layout1up: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"1\"/></svg>";
+    readonly layout2up: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/><rect x=\"14\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/></svg>";
+    readonly layout2upCover: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\" stroke-dasharray=\"3 2\"/><rect x=\"14\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/></svg>";
+    readonly layoutGrid: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/></svg>";
+    readonly rotate0: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 4 L14 4 L18 8 L18 20 L6 20 Z\"/><path d=\"M14 4 L14 8 L18 8\"/></svg>";
+    readonly rotate90: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 18 L20 10 L16 6 L4 6 L4 18 Z\"/><path d=\"M20 10 L16 10 L16 6\"/></svg>";
+    readonly rotate180: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 20 L10 20 L6 16 L6 4 L18 4 Z\"/><path d=\"M10 20 L10 16 L6 16\"/></svg>";
+    readonly rotate270: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 6 L4 14 L8 18 L20 18 L20 6 Z\"/><path d=\"M4 14 L8 14 L8 18\"/></svg>";
+    readonly thumbnails: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"8\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"8\" rx=\"1\"/><rect x=\"3\" y=\"13\" width=\"7\" height=\"8\" rx=\"1\"/><rect x=\"14\" y=\"13\" width=\"7\" height=\"8\" rx=\"1\"/></svg>";
+    readonly outline: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 9h14V7H3v2zm0 4h14v-2H3v2zm0 4h14v-2H3v2zm16-12v2h2V5h-2zm0 6h2v-2h-2v2zm0 6h2v-2h-2v2z\"/></svg>";
+    readonly bookmark: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z\"/></svg>";
+    readonly attachment: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z\"/></svg>";
+    readonly comments: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21 6h-2V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2v3a1 1 0 0 0 1 1h13l4 3v-17zM7 14H4V4h12v10H7z\"/></svg>";
+    readonly annotations: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>";
+    readonly search: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/></svg>";
+    readonly properties: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>";
+    readonly rightPanel: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14h-6V6h6v12z\"/></svg>";
+    readonly toolSelect: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 2l12 11.2-5.8.5 3.3 7.3-2.2 1-3.2-7.4L7 18.5V2z\"/></svg>";
+    readonly toolHand: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 11V6a2 2 0 0 0-2-2 2 2 0 0 0-2 2v0\"/><path d=\"M14 10V4a2 2 0 0 0-2-2 2 2 0 0 0-2 2v2\"/><path d=\"M10 10.5V6a2 2 0 0 0-2-2 2 2 0 0 0-2 2v8\"/><path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"/></svg>";
+    readonly seamlessOff: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 2v8H2M14 2v8h8M10 22v-8H2M14 22v-8h8\"/></svg>";
+    readonly seamlessOn: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M2 12h20\"/></svg>";
+    readonly stickyNote: "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 1.99 2H15l6-6V5c0-1.11-.9-2-2-2zm-7 8H7V9h5v2zm5-4H7V5h10v2zm-1 10v-4.5c0-.28.22-.5.5-.5H21l-5 5z\"/></svg>";
+};
+/**
+ * Type for icon names.
+ */
+export type IconName = keyof typeof ICONS;
+//# sourceMappingURL=icons.d.ts.map

package/dist/ui/icons/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/ui/icons/icons.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCR,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC"}

package/dist/ui/icons/icons.js

@@ -0,0 +1,46 @@
+/**
+ * SVG icon definitions for the viewer UI.
+ */
+export const ICONS = {
+    menu: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>`,
+    fullscreen: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>`,
+    fullscreenExit: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>`,
+    chevronLeft: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>`,
+    chevronRight: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>`,
+    chevronDown: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>`,
+    zoomIn: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>`,
+    zoomOut: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13H5v-2h14v2z"/></svg>`,
+    settings: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/></svg>`,
+    // Display mode icons
+    displaySingle: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="5" y="4" width="14" height="16" rx="1"/></svg>`,
+    displayScroll: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 2 L5 11 L19 11 L19 2"/><path d="M5 24 L5 15 L19 15 L19 24"/></svg>`,
+    // Layout mode icons
+    layout1up: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="6" y="3" width="12" height="18" rx="1"/></svg>`,
+    layout2up: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="8" height="16" rx="1"/><rect x="14" y="4" width="8" height="16" rx="1"/></svg>`,
+    layout2upCover: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="8" height="16" rx="1" stroke-dasharray="3 2"/><rect x="14" y="4" width="8" height="16" rx="1"/></svg>`,
+    layoutGrid: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>`,
+    // Rotation icons (page with corner fold indicating orientation)
+    rotate0: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4 L14 4 L18 8 L18 20 L6 20 Z"/><path d="M14 4 L14 8 L18 8"/></svg>`,
+    rotate90: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 18 L20 10 L16 6 L4 6 L4 18 Z"/><path d="M20 10 L16 10 L16 6"/></svg>`,
+    rotate180: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 20 L10 20 L6 16 L6 4 L18 4 Z"/><path d="M10 20 L10 16 L6 16"/></svg>`,
+    rotate270: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6 L4 14 L8 18 L20 18 L20 6 Z"/><path d="M4 14 L8 14 L8 18"/></svg>`,
+    // Panel tab icons
+    thumbnails: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="8" rx="1"/><rect x="14" y="3" width="7" height="8" rx="1"/><rect x="3" y="13" width="7" height="8" rx="1"/><rect x="14" y="13" width="7" height="8" rx="1"/></svg>`,
+    outline: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 9h14V7H3v2zm0 4h14v-2H3v2zm0 4h14v-2H3v2zm16-12v2h2V5h-2zm0 6h2v-2h-2v2zm0 6h2v-2h-2v2z"/></svg>`,
+    bookmark: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"/></svg>`,
+    attachment: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>`,
+    comments: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M21 6h-2V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2v3a1 1 0 0 0 1 1h13l4 3v-17zM7 14H4V4h12v10H7z"/></svg>`,
+    annotations: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>`,
+    search: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>`,
+    properties: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>`,
+    rightPanel: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14h-6V6h6v12z"/></svg>`,
+    // Tool icons
+    toolSelect: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M7 2l12 11.2-5.8.5 3.3 7.3-2.2 1-3.2-7.4L7 18.5V2z"/></svg>`,
+    toolHand: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 11V6a2 2 0 0 0-2-2 2 2 0 0 0-2 2v0"/><path d="M14 10V4a2 2 0 0 0-2-2 2 2 0 0 0-2 2v2"/><path d="M10 10.5V6a2 2 0 0 0-2-2 2 2 0 0 0-2 2v8"/><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"/></svg>`,
+    // Seamless mode icons (4-page intersection: L-corners pointing to center vs cross)
+    seamlessOff: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 2v8H2M14 2v8h8M10 22v-8H2M14 22v-8h8"/></svg>`,
+    seamlessOn: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20M2 12h20"/></svg>`,
+    // Sticky note icon for text annotations
+    stickyNote: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 1.99 2H15l6-6V5c0-1.11-.9-2-2-2zm-7 8H7V9h5v2zm5-4H7V5h10v2zm-1 10v-4.5c0-.28.22-.5.5-.5H21l-5 5z"/></svg>`,
+};
+//# sourceMappingURL=icons.js.map

package/dist/ui/icons/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/ui/icons/icons.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,IAAI,EAAE,8GAA8G;IACpH,UAAU,EAAE,+IAA+I;IAC3J,cAAc,EAAE,8IAA8I;IAC9J,WAAW,EAAE,8GAA8G;IAC3H,YAAY,EAAE,+GAA+G;IAC7H,WAAW,EAAE,wHAAwH;IACrI,MAAM,EAAE,oGAAoG;IAC5G,OAAO,EAAE,kFAAkF;IAC3F,QAAQ,EAAE,8vBAA8vB;IACxwB,qBAAqB;IACrB,aAAa,EAAE,qIAAqI;IACpJ,aAAa,EAAE,4JAA4J;IAC3K,oBAAoB;IACpB,SAAS,EAAE,qIAAqI;IAChJ,SAAS,EAAE,qLAAqL;IAChM,cAAc,EAAE,4MAA4M;IAC5N,UAAU,EAAE,oRAAoR;IAChS,gEAAgE;IAChE,OAAO,EAAE,4JAA4J;IACrK,QAAQ,EAAE,+JAA+J;IACzK,SAAS,EAAE,+JAA+J;IAC1K,SAAS,EAAE,4JAA4J;IACvK,kBAAkB;IAClB,UAAU,EAAE,oRAAoR;IAChS,OAAO,EAAE,2JAA2J;IACpK,QAAQ,EAAE,qHAAqH;IAC/H,UAAU,EAAE,+QAA+Q;IAC3R,QAAQ,EAAE,0KAA0K;IACpL,WAAW,EAAE,kNAAkN;IAC/N,MAAM,EAAE,2QAA2Q;IACnR,UAAU,EAAE,iKAAiK;IAC7K,UAAU,EAAE,6JAA6J;IACzK,aAAa;IACb,UAAU,EAAE,mHAAmH;IAC/H,QAAQ,EAAE,wYAAwY;IAClZ,mFAAmF;IACnF,WAAW,EAAE,wIAAwI;IACrJ,UAAU,EAAE,gHAAgH;IAC5H,wCAAwC;IACxC,UAAU,EAAE,oNAAoN;CAC1N,CAAC"}