@embedpdf/vue 0.0.0-stage → 3.0.0-next.15

package/dist/Scrollbar.vue_vue_type_script_setup_true_lang-DrOORC1H.cjs

@@ -0,0 +1,480 @@
+"use strict";
+const vue = require("vue");
+const core = require("@embedpdf/core");
+const coreGeometry = require("@embedpdf/core-geometry");
+const pluginStage = require("@embedpdf/plugin-stage");
+const contract = require("@embedpdf/plugin-interaction/contract");
+const host = require("@embedpdf/plugin-interaction/contract/host");
+const web = require("@embedpdf/web");
+const AnchoredScope_vue_vue_type_script_setup_true_lang = require("./AnchoredScope.vue_vue_type_script_setup_true_lang-BwtHXw73.cjs");
+const capabilities = require("./capabilities-DVNJmgy7.cjs");
+const documents = require("./documents-TQ1fMdWI.cjs");
+const page = require("./page-Doy4_Sdz.cjs");
+const surfaceBox = require("./surface-box-C7EvUOXp.cjs");
+const scope = require("./scope-BQA4toWB.cjs");
+const state = require("./state-M22NDJQo.cjs");
+function useStage(token) {
+  return capabilities.useCapability(scope.useStageToken(token));
+}
+function useStageEvent(select, handler, token) {
+  capabilities.useCapabilityEvent(scope.useStageToken(token), select, handler);
+}
+function useStageState(select, token) {
+  const lens = scope.useStageToken(token);
+  const scope$1 = capabilities.useDocumentScope();
+  const value = capabilities.useKernelValue((kernel) => {
+    const stage = kernel.tryCapability(lens.value, scope$1.value ?? void 0);
+    const state2 = stage ? pluginStage.stageState.read(stage) : pluginStage.stageState.empty;
+    return select ? select(state2) : state2;
+  }, core.shallowEqual);
+  return select ? value : state.fieldRefs(value, Object.keys(pluginStage.stageState.empty));
+}
+function useStageSettings(select, token) {
+  const lens = scope.useStageToken(token);
+  const scope$1 = capabilities.useDocumentScope();
+  const value = capabilities.useKernelValue((kernel) => {
+    var _a;
+    const settings = ((_a = kernel.tryCapability(lens.value, scope$1.value ?? void 0)) == null ? void 0 : _a.getSettings()) ?? pluginStage.DEFAULT_SETTINGS;
+    return select ? select(settings) : settings;
+  }, core.shallowEqual);
+  return select ? value : state.fieldRefs(value, Object.keys(pluginStage.DEFAULT_SETTINGS));
+}
+const NO_SCROLL = Object.freeze({
+  scrollLeft: 0,
+  scrollTop: 0,
+  scrollWidth: 0,
+  scrollHeight: 0,
+  clientWidth: 0,
+  clientHeight: 0,
+  scrollableX: false,
+  scrollableY: false
+});
+const asHost = (token) => token;
+function useScrollMetricsValue(token) {
+  const lens = scope.useStageToken(token);
+  const scope$1 = capabilities.useDocumentScope();
+  return capabilities.useKernelValue(
+    (kernel) => {
+      var _a;
+      return ((_a = kernel.tryCapability(asHost(lens.value), scope$1.value ?? void 0)) == null ? void 0 : _a.getScrollMetrics()) ?? NO_SCROLL;
+    }
+  );
+}
+function useScrollMetrics(token) {
+  return state.fieldRefs(useScrollMetricsValue(token), Object.keys(NO_SCROLL));
+}
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "PageSurface",
+  props: {
+    documentId: {},
+    page: {},
+    frame: {},
+    stage: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const content = vue.ref(null);
+    const look = documents.useViewerSettings((settings) => settings.page);
+    const pageObjectNumber = vue.computed(() => props.page.ref.objectNumber);
+    const pageRef = vue.computed(() => core.toPageRef(pageObjectNumber.value));
+    let inputs = [];
+    const context = vue.computed((previous) => {
+      const { transform, pageIndex } = props.page;
+      const next = [props.documentId, pageRef.value, pageIndex, props.frame, transform, props.stage];
+      if (previous && next.every((value, index) => value === inputs[index])) return previous;
+      inputs = next;
+      const stage = props.stage;
+      const objectNumber = pageObjectNumber.value;
+      return web.makePageContext(
+        props.documentId,
+        // The hosting lens: per-view raster planning keys its tiles by it.
+        stage.getLensId(),
+        pageRef.value,
+        pageIndex,
+        props.frame,
+        transform,
+        () => content.value.getBoundingClientRect(),
+        // A pull: the stage's live visibility at call time. Off screen is a zero
+        // rect ("want nothing").
+        () => web.stagePageDemand(stage, objectNumber, transform.deviceWidth)
+      );
+    });
+    page.providePage(context);
+    const boxes = vue.computed(() => {
+      const { transform, screenX, screenY } = props.page;
+      const layout = web.pageSurfaceLayout(transform, props.frame, { x: screenX, y: screenY });
+      return {
+        outer: { position: "absolute", ...surfaceBox.pixelBox(layout.outer) },
+        // The drop shadow only: axis-aligned at the footprint, transparent, so it
+        // never peeks out behind the picture and stays put when the page turns.
+        shadow: {
+          position: "absolute",
+          ...surfaceBox.pixelBox(layout.shadow),
+          boxShadow: web.paint("page-shadow", look.value.shadow)
+        },
+        // The page: backing and picture as one box, the only thing rotation turns.
+        content: {
+          position: "absolute",
+          ...surfaceBox.pixelBox(layout.content),
+          background: web.paint("page-background", look.value.background),
+          transform: layout.turn ?? void 0,
+          // Selection highlights are drawn by the layers: no native text or image
+          // selection (or double-click image grab) on the page.
+          userSelect: "none",
+          WebkitUserSelect: "none"
+        }
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        style: vue.normalizeStyle(boxes.value.outer)
+      }, [
+        vue.createElementVNode("div", {
+          style: vue.normalizeStyle(boxes.value.shadow)
+        }, null, 4),
+        vue.createElementVNode("div", {
+          ref_key: "content",
+          ref: content,
+          style: vue.normalizeStyle(boxes.value.content)
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", { page: context.value })
+        ], 4),
+        vue.renderSlot(_ctx.$slots, "chrome", { page: context.value })
+      ], 4);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Stage",
+  props: {
+    token: {},
+    page: {},
+    zoom: {},
+    tool: {}
+  },
+  emits: ["update:page", "update:zoom", "update:tool"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const token = scope.useStageToken(() => props.token);
+    const hostToken = vue.computed(() => asHost(token.value));
+    const stage = capabilities.useOptionalCapability(hostToken);
+    const interaction = capabilities.useOptionalCapability(host.InteractionToken);
+    const documentId = capabilities.useDocumentId();
+    scope.provideStageToken(token);
+    const NO_PAGES = Object.freeze([]);
+    const pages = capabilities.useOptionalSelector(hostToken, (lens) => lens.listVisiblePages(), NO_PAGES);
+    const sameFrame = (left, right) => left.top === right.top && left.right === right.right && left.bottom === right.bottom && left.left === right.left;
+    const frame = capabilities.useOptionalSelector(
+      hostToken,
+      (lens) => lens.getSettings().pageFrame,
+      coreGeometry.NO_FRAME,
+      sameFrame
+    );
+    const DEFAULT_INPUT = { interaction: true, panFallback: true, zoomGestures: true };
+    const input = capabilities.useOptionalSelector(
+      hostToken,
+      (lens) => {
+        const { interaction: routed, panFallback, zoomGestures } = lens.getSettings();
+        return { interaction: routed, panFallback, zoomGestures };
+      },
+      DEFAULT_INPUT,
+      core.shallowEqual
+    );
+    const routesToHub = vue.computed(() => input.value.interaction && interaction.value !== null);
+    const hubCursor = capabilities.useKernelValue(() => {
+      var _a;
+      return ((_a = interaction.value) == null ? void 0 : _a.getCursor()) ?? "default";
+    });
+    const element = vue.ref(null);
+    vue.watch(
+      [
+        element,
+        stage,
+        interaction,
+        routesToHub,
+        () => input.value.zoomGestures,
+        () => input.value.panFallback
+      ],
+      ([viewport, lens, hub, routed, zoomGestures, panFallback], _previous, onCleanup) => {
+        if (!viewport || !lens) return;
+        const detachSurface = web.createStageSurface(viewport, lens, {
+          hub: routed ? hub : null,
+          source: lens.getLensId(),
+          zoomGestures
+        });
+        const offScroll = routed && hub ? hub.registerHandler(pluginStage.createScrollHandler(lens, hub, { panFallback }), {
+          source: lens.getLensId()
+        }) : null;
+        onCleanup(() => {
+          offScroll == null ? void 0 : offScroll();
+          detachSurface();
+        });
+      },
+      { immediate: true, flush: "post" }
+    );
+    vue.watch(
+      [() => props.tool, interaction],
+      ([tool, hub]) => {
+        if (tool === void 0 || !hub) return;
+        if (hub.getActiveToolId() !== tool) hub.activateTool(tool);
+      },
+      { immediate: true }
+    );
+    capabilities.useCapabilityEvent(
+      contract.InteractionToken,
+      (hub) => hub.onToolChanged,
+      (event) => emit("update:tool", event.toolId)
+    );
+    let reportedPage;
+    vue.watch(
+      () => props.page,
+      (pageIndex) => {
+        const lens = stage.value;
+        if (pageIndex === void 0 || !lens || pageIndex === reportedPage) return;
+        if (lens.getCurrentPageIndex() !== pageIndex) lens.goToPage(pageIndex);
+      },
+      { immediate: true }
+    );
+    capabilities.useCapabilityEvent(
+      hostToken,
+      (lens) => lens.onPageChanged,
+      ({ pageIndex }) => {
+        reportedPage = pageIndex;
+        emit("update:page", pageIndex);
+      }
+    );
+    let reportedZoom;
+    vue.watch(
+      () => props.zoom,
+      (level) => {
+        const lens = stage.value;
+        if (level === void 0 || !lens || level === reportedZoom) return;
+        if (lens.getZoomLevel() !== level) lens.zoomTo(level);
+      },
+      { immediate: true }
+    );
+    capabilities.useCapabilityEvent(
+      hostToken,
+      (lens) => lens.onZoomChanged,
+      ({ level }) => {
+        reportedZoom = level;
+        emit("update:zoom", level);
+      }
+    );
+    const projector = vue.computed(() => {
+      const lens = stage.value;
+      return lens ? web.stageViewProjector(() => lens) : null;
+    });
+    const projectorBinding = vue.computed(
+      () => projector.value ? { projector: projector.value, revision: pages.value } : null
+    );
+    let shownKey = "";
+    const shownPages = vue.computed((previous) => {
+      const key = pages.value.map((visiblePage) => visiblePage.ref.objectNumber).join(",");
+      if (previous && key === shownKey) return previous;
+      shownKey = key;
+      return new Set(pages.value.map((visiblePage) => visiblePage.ref.objectNumber));
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "element",
+        ref: element,
+        style: vue.normalizeStyle({
+          position: "relative",
+          overflow: "hidden",
+          touchAction: "none",
+          cursor: routesToHub.value ? vue.unref(hubCursor) : void 0
+        })
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pages), (visiblePage) => {
+          return vue.openBlock(), vue.createBlock(_sfc_main$3, {
+            key: visiblePage.ref.objectNumber,
+            "document-id": vue.unref(documentId) ?? "",
+            page: visiblePage,
+            frame: vue.unref(frame),
+            stage: vue.unref(stage)
+          }, vue.createSlots({
+            default: vue.withCtx(({ page: page2 }) => [
+              vue.renderSlot(_ctx.$slots, "page", { page: page2 })
+            ]),
+            _: 2
+          }, [
+            _ctx.$slots["page-chrome"] ? {
+              name: "chrome",
+              fn: vue.withCtx(({ page: page2 }) => [
+                vue.renderSlot(_ctx.$slots, "page-chrome", { page: page2 })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["document-id", "page", "frame", "stage"]);
+        }), 128)),
+        projectorBinding.value && _ctx.$slots.overlay ? (vue.openBlock(), vue.createBlock(AnchoredScope_vue_vue_type_script_setup_true_lang._sfc_main, {
+          key: 0,
+          binding: projectorBinding.value,
+          shown: shownPages.value
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "overlay")
+          ]),
+          _: 3
+        }, 8, ["binding", "shown"])) : vue.createCommentVNode("", true)
+      ], 4);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "StageScope",
+  props: {
+    token: {}
+  },
+  setup(__props) {
+    const props = __props;
+    scope.provideStageToken(() => props.token);
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const _hoisted_1 = ["aria-orientation", "aria-valuemax", "aria-valuenow", "data-axis", "data-state", "data-dragging"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Scrollbar",
+  props: {
+    axis: {},
+    token: {},
+    autoHide: { type: [Number, Boolean], default: 1200 },
+    minThumbSize: { default: 24 },
+    trackPress: { default: "page" },
+    thumbClass: {},
+    thumbStyle: { type: [Boolean, null, String, Object, Array] }
+  },
+  setup(__props) {
+    const props = __props;
+    const token = scope.useStageToken(() => props.token);
+    const stage = capabilities.useCapabilityRef(vue.computed(() => asHost(token.value)));
+    const metrics = useScrollMetricsValue(token);
+    const vertical = vue.computed(() => props.axis === "y");
+    const scrollable = vue.computed(
+      () => vertical.value ? metrics.value.scrollableY : metrics.value.scrollableX
+    );
+    const track = vue.ref(null);
+    const trackPx = vue.ref(0);
+    const dragging = vue.ref(false);
+    const hovered = vue.ref(false);
+    const active = vue.ref(true);
+    const layout = vue.computed(
+      () => web.scrollbarLayout(metrics.value, vertical.value, trackPx.value, props.minThumbSize)
+    );
+    const hideAfter = vue.computed(() => props.autoHide === false ? 0 : props.autoHide);
+    vue.watch(
+      [metrics, hideAfter],
+      ([, delay], _previous, onCleanup) => {
+        if (!delay) return;
+        active.value = true;
+        const timer = setTimeout(() => active.value = false, delay);
+        onCleanup(() => clearTimeout(timer));
+      },
+      { immediate: true }
+    );
+    const shown = vue.computed(() => !hideAfter.value || active.value || hovered.value || dragging.value);
+    vue.watch(
+      [track, vertical],
+      ([element, isVertical], _previous, onCleanup) => {
+        if (!element) return;
+        const measure = () => {
+          trackPx.value = isVertical ? element.clientHeight : element.clientWidth;
+        };
+        const observer = new ResizeObserver(measure);
+        observer.observe(element);
+        measure();
+        onCleanup(() => observer.disconnect());
+      },
+      { immediate: true, flush: "post" }
+    );
+    const presses = web.createScrollbarPresses((value) => dragging.value = value);
+    const pressedTrack = () => ({
+      stage: stage.value,
+      vertical: vertical.value,
+      element: track.value,
+      layout: layout.value,
+      // Fresh geometry for paging steps: read from the capability, never a stale render.
+      liveLayout: () => web.scrollbarLayout(
+        stage.value.getScrollMetrics(),
+        vertical.value,
+        trackPx.value,
+        props.minThumbSize
+      )
+    });
+    vue.onUnmounted(() => presses.release());
+    const trackStyle = vue.computed(
+      () => ({
+        ...vertical.value ? { position: "absolute", top: 0, right: 0, bottom: 0, width: "12px" } : { position: "absolute", left: 0, right: 0, bottom: 0, height: "12px" },
+        touchAction: "none",
+        userSelect: "none",
+        opacity: shown.value ? 1 : 0,
+        transition: "opacity 200ms",
+        // A hidden overlay bar must not eat the clicks under it.
+        pointerEvents: shown.value ? "auto" : "none"
+      })
+    );
+    const thumbDefaults = vue.computed(() => {
+      const { thumbPosition, thumbLength } = layout.value;
+      return {
+        ...vertical.value ? {
+          position: "absolute",
+          left: "2px",
+          right: "2px",
+          top: `${thumbPosition}px`,
+          height: `${thumbLength}px`
+        } : {
+          position: "absolute",
+          top: "2px",
+          bottom: "2px",
+          left: `${thumbPosition}px`,
+          width: `${thumbLength}px`
+        },
+        borderRadius: "6px",
+        background: web.paintDefault("scrollbar-thumb")
+      };
+    });
+    return (_ctx, _cache) => {
+      return scrollable.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        ref_key: "track",
+        ref: track,
+        role: "scrollbar",
+        "aria-orientation": vertical.value ? "vertical" : "horizontal",
+        "aria-valuemin": 0,
+        "aria-valuemax": Math.round(layout.value.maxOffset),
+        "aria-valuenow": Math.round(layout.value.offset),
+        "data-embedpdf-scrollbar": "",
+        "data-axis": __props.axis,
+        "data-state": shown.value ? "visible" : "hidden",
+        "data-dragging": dragging.value ? "" : void 0,
+        style: vue.normalizeStyle(trackStyle.value),
+        onPointerdown: _cache[1] || (_cache[1] = ($event) => vue.unref(presses).pressTrack($event, pressedTrack(), __props.trackPress)),
+        onPointermove: _cache[2] || (_cache[2] = ($event) => vue.unref(presses).move($event, pressedTrack())),
+        onPointerup: _cache[3] || (_cache[3] = ($event) => vue.unref(presses).release()),
+        onPointercancel: _cache[4] || (_cache[4] = ($event) => vue.unref(presses).release()),
+        onPointerenter: _cache[5] || (_cache[5] = ($event) => hovered.value = true),
+        onPointerleave: _cache[6] || (_cache[6] = ($event) => hovered.value = false)
+      }, [
+        vue.createElementVNode("div", {
+          "data-embedpdf-scrollbar-thumb": "",
+          class: vue.normalizeClass(__props.thumbClass),
+          style: vue.normalizeStyle([thumbDefaults.value, __props.thumbStyle]),
+          onPointerdown: _cache[0] || (_cache[0] = ($event) => vue.unref(presses).pressThumb($event, pressedTrack()))
+        }, null, 38)
+      ], 44, _hoisted_1)) : vue.createCommentVNode("", true);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports._sfc_main$1 = _sfc_main$2;
+exports._sfc_main$2 = _sfc_main$1;
+exports.useScrollMetrics = useScrollMetrics;
+exports.useStage = useStage;
+exports.useStageEvent = useStageEvent;
+exports.useStageSettings = useStageSettings;
+exports.useStageState = useStageState;
+//# sourceMappingURL=Scrollbar.vue_vue_type_script_setup_true_lang-DrOORC1H.cjs.map

package/dist/Scrollbar.vue_vue_type_script_setup_true_lang-DrOORC1H.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.vue_vue_type_script_setup_true_lang-DrOORC1H.cjs","sources":["../src/stage/composables.ts","../src/stage/PageSurface.vue","../src/stage/Stage.vue","../src/stage/StageScope.vue","../src/stage/Scrollbar.vue"],"sourcesContent":["/**\n * The Stage's composables: `useStage()` (the API), `useStageState()`,\n * `useStageEvent()`, `useStageSettings()`, and `useScrollMetrics()` for scroll\n * UI of your own. Each takes an optional token after its other arguments;\n * without one it binds to the nearest `<StageScope>` / `<Stage>`, else the\n * main view.\n */\nimport { shallowEqual } from '@embedpdf/core';\nimport type { CapabilityToken, EventHook } from '@embedpdf/core';\nimport { DEFAULT_SETTINGS, stageState } from '@embedpdf/plugin-stage';\nimport type { StageCapability, StageSettings } from '@embedpdf/plugin-stage';\nimport type { ScrollMetrics, StageHostCapability } from '@embedpdf/plugin-stage/contract/host';\nimport type { MaybeRefOrGetter, Ref } from 'vue';\nimport { useCapability, useCapabilityEvent } from '../runtime/capabilities';\nimport { useDocumentScope, useKernelValue } from '../runtime/kernel';\nimport { fieldRefs } from '../runtime/refs';\nimport type { FieldRefs } from '../runtime/refs';\nimport { useStageToken } from './scope';\nimport type { StageTokenProp } from './scope';\n\n/** A stage token, or a ref or getter of one: for a view chosen by a prop. */\nexport type StageTokenSource = MaybeRefOrGetter<StageTokenProp | undefined>;\n\n/** What `useStageState()` reads: the Stage page's State table. */\nexport type StageStateValue = (typeof stageState)['empty'];\n\n/** The Stage's API (zoom, navigation, reveal, settings), for app chrome. The object never changes. */\nexport function useStage(token?: StageTokenSource): StageCapability {\n  return useCapability(useStageToken(token));\n}\n\n/** Subscribe to one stage event while the component lives: `useStageEvent((stage) => stage.onZoomChanged, handler)`. */\nexport function useStageEvent<Event>(\n  select: (stage: StageCapability) => EventHook<Event>,\n  handler: (event: Event) => void,\n  token?: StageTokenSource,\n): void {\n  useCapabilityEvent(useStageToken(token), select, handler);\n}\n\n/**\n * The view's state as refs: the zoom, the current page, the page count, the\n * view rotation and the responsive rules that apply (the page's State table,\n * declared once in `stageState`). With a selector, one ref for the value it\n * picks, which updates only when that value changes. Without a document it\n * reads `stageState.empty`.\n */\nexport function useStageState(\n  select?: undefined,\n  token?: StageTokenSource,\n): FieldRefs<StageStateValue>;\nexport function useStageState<Selected>(\n  select: (state: StageStateValue) => Selected,\n  token?: StageTokenSource,\n): Readonly<Ref<Selected>>;\nexport function useStageState<Selected>(\n  select?: (state: StageStateValue) => Selected,\n  token?: StageTokenSource,\n) {\n  const lens = useStageToken(token);\n  const scope = useDocumentScope();\n  // Resolved on every read: a document that closes reads as `empty`, never\n  // through its closed capability.\n  const value = useKernelValue((kernel) => {\n    const stage = kernel.tryCapability(lens.value, scope.value ?? undefined);\n    const state = stage ? stageState.read(stage) : stageState.empty;\n    return select ? select(state) : state;\n  }, shallowEqual);\n  return select\n    ? value\n    : fieldRefs(value as Readonly<Ref<StageStateValue>>, Object.keys(stageState.empty));\n}\n\n/**\n * The view's settings as refs, or one ref for the value `select` picks. They\n * belong to the view, so without a document there is none yet and this reads\n * the defaults. Change them with `useStage().updateSettings()`.\n */\nexport function useStageSettings(\n  select?: undefined,\n  token?: StageTokenSource,\n): FieldRefs<StageSettings>;\nexport function useStageSettings<Selected>(\n  select: (settings: StageSettings) => Selected,\n  token?: StageTokenSource,\n): Readonly<Ref<Selected>>;\nexport function useStageSettings<Selected>(\n  select?: (settings: StageSettings) => Selected,\n  token?: StageTokenSource,\n) {\n  const lens = useStageToken(token);\n  const scope = useDocumentScope();\n  const value = useKernelValue((kernel) => {\n    const settings =\n      kernel.tryCapability(lens.value, scope.value ?? undefined)?.getSettings() ??\n      DEFAULT_SETTINGS;\n    return select ? select(settings) : settings;\n  }, shallowEqual);\n  return select\n    ? value\n    : fieldRefs(value as Readonly<Ref<StageSettings>>, Object.keys(DEFAULT_SETTINGS));\n}\n\n/** What a view with nothing to scroll measures: no document, or not placed yet. */\nconst NO_SCROLL: ScrollMetrics = Object.freeze({\n  scrollLeft: 0,\n  scrollTop: 0,\n  scrollWidth: 0,\n  scrollHeight: 0,\n  clientWidth: 0,\n  clientHeight: 0,\n  scrollableX: false,\n  scrollableY: false,\n});\n\n// Scroll metrics live on the host lens (the same runtime token, typed wider):\n// a scrollbar is chrome that drives the camera, not a document-level consumer.\nexport const asHost = (token: CapabilityToken<StageCapability>) =>\n  token as unknown as CapabilityToken<StageHostCapability>;\n\n/** The metrics of a lens, as one ref: for the `<Scrollbar>` and the field refs below. */\nexport function useScrollMetricsValue(token?: StageTokenSource): Readonly<Ref<ScrollMetrics>> {\n  const lens = useStageToken(token);\n  const scope = useDocumentScope();\n  // The capability keeps the same metrics object until a number moves.\n  return useKernelValue(\n    (kernel) =>\n      kernel.tryCapability(asHost(lens.value), scope.value ?? undefined)?.getScrollMetrics() ??\n      NO_SCROLL,\n  );\n}\n\n/**\n * The view's scroll position as a scrolling element has it, as refs:\n * `scrollTop`, `scrollHeight`, `clientHeight` and their horizontal twins, in\n * screen pixels. The raw material for scroll UI of your own; all zero without\n * a document.\n */\nexport function useScrollMetrics(token?: StageTokenSource): FieldRefs<ScrollMetrics> {\n  return fieldRefs(useScrollMetricsValue(token), Object.keys(NO_SCROLL));\n}\n","<!--\n  One page of a <Stage>, placed where the camera puts it. It provides the page\n  context to the layers in its default slot (page space: they turn with the\n  page) and to its chrome slot (the page's box and its reserved frame, never\n  turned).\n-->\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { toPageRef } from '@embedpdf/core';\nimport type { PageFrame } from '@embedpdf/core-geometry';\nimport type { VisiblePage } from '@embedpdf/plugin-stage';\nimport type { StageHostCapability } from '@embedpdf/plugin-stage/contract/host';\nimport { makePageContext, pageSurfaceLayout, paint, stagePageDemand } from '@embedpdf/web';\nimport { useViewerSettings } from '../runtime/documents';\nimport { providePage } from '../runtime/page';\nimport type { PageContextValue } from '../runtime/page';\nimport { pixelBox } from '../runtime/surface-box';\n\nconst props = defineProps<{\n  documentId: string;\n  page: VisiblePage;\n  /** Reserved chrome bands around the page (screen px); the layout reserved the space. */\n  frame: PageFrame;\n  /** The stage lens: the page's view demand reads its visibility live. */\n  stage: StageHostCapability;\n}>();\n\ndefineSlots<{\n  default?(props: { page: PageContextValue }): unknown;\n  chrome?(props: { page: PageContextValue }): unknown;\n}>();\n\nconst content = ref<HTMLDivElement | null>(null);\n// The viewer's `page` settings; `--epdf-page-*` CSS variables win over them.\nconst look = useViewerSettings((settings) => settings.page);\n\n// The stage rebuilds `VisiblePage.ref` every camera frame; the page's address\n// is kept by its number, so layers can watch it.\nconst pageObjectNumber = computed(() => props.page.ref.objectNumber);\nconst pageRef = computed(() => toPageRef(pageObjectNumber.value));\n\n/**\n * The page context, a new value only when what it carries changes: a pan moves\n * the page but keeps its transform, so the layers don't update for it.\n */\nlet inputs: readonly unknown[] = [];\nconst context = computed((previous?: PageContextValue): PageContextValue => {\n  const { transform, pageIndex } = props.page;\n  const next = [props.documentId, pageRef.value, pageIndex, props.frame, transform, props.stage];\n  if (previous && next.every((value, index) => value === inputs[index])) return previous;\n  inputs = next;\n  const stage = props.stage;\n  const objectNumber = pageObjectNumber.value;\n  return makePageContext(\n    props.documentId,\n    // The hosting lens: per-view raster planning keys its tiles by it.\n    stage.getLensId(),\n    pageRef.value,\n    pageIndex,\n    props.frame,\n    transform,\n    () => content.value!.getBoundingClientRect(),\n    // A pull: the stage's live visibility at call time. Off screen is a zero\n    // rect (\"want nothing\").\n    () => stagePageDemand(stage, objectNumber, transform.deviceWidth),\n  );\n});\nprovidePage(context);\n\n/**\n * The outer box (the footprint and the reserved frame), the shadow and the\n * turned content box, all from the transform (`@embedpdf/web`'s layout, the\n * same in every framework).\n */\nconst boxes = computed(() => {\n  const { transform, screenX, screenY } = props.page;\n  const layout = pageSurfaceLayout(transform, props.frame, { x: screenX, y: screenY });\n  return {\n    outer: { position: 'absolute', ...pixelBox(layout.outer) },\n    // The drop shadow only: axis-aligned at the footprint, transparent, so it\n    // never peeks out behind the picture and stays put when the page turns.\n    shadow: {\n      position: 'absolute',\n      ...pixelBox(layout.shadow),\n      boxShadow: paint('page-shadow', look.value.shadow),\n    },\n    // The page: backing and picture as one box, the only thing rotation turns.\n    content: {\n      position: 'absolute',\n      ...pixelBox(layout.content),\n      background: paint('page-background', look.value.background),\n      transform: layout.turn ?? undefined,\n      // Selection highlights are drawn by the layers: no native text or image\n      // selection (or double-click image grab) on the page.\n      userSelect: 'none',\n      WebkitUserSelect: 'none',\n    },\n  } satisfies Record<string, CSSProperties>;\n});\n</script>\n\n<template>\n  <div :style=\"boxes.outer\">\n    <div :style=\"boxes.shadow\" />\n    <div ref=\"content\" :style=\"boxes.content\">\n      <slot :page=\"context\" />\n    </div>\n    <!-- Box-space chrome (labels, a selection border, per-page buttons) fills the outer box. -->\n    <slot name=\"chrome\" :page=\"context\" />\n  </div>\n</template>\n","<!--\n  <Stage>: lays out the pages by the camera, mounts only the visible ones, and\n  handles scrolling, zoom and page navigation with the mouse, the keyboard and\n  touch. Three slots, three coordinate spaces: `#page` draws a page's content\n  (it turns with the page), `#page-chrome` its box and reserved frame (never\n  turned), and `#overlay` the view (menus, controls, scrollbars).\n  `v-model:page`, `v-model:zoom` and `v-model:tool` keep a value of yours in\n  step with the view.\n-->\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport { shallowEqual } from '@embedpdf/core';\nimport { NO_FRAME } from '@embedpdf/core-geometry';\nimport type { PageFrame } from '@embedpdf/core-geometry';\nimport { createScrollHandler } from '@embedpdf/plugin-stage';\nimport type { VisiblePage } from '@embedpdf/plugin-stage';\nimport { InteractionToken as InteractionPublicToken } from '@embedpdf/plugin-interaction/contract';\nimport { InteractionToken } from '@embedpdf/plugin-interaction/contract/host';\nimport { createStageSurface, stageViewProjector } from '@embedpdf/web';\nimport type { ViewProjector } from '@embedpdf/web';\nimport AnchoredScope from '../anchored/AnchoredScope.vue';\nimport type { ProjectorBinding, ShownPages } from '../anchored/projector';\nimport {\n  useCapabilityEvent,\n  useOptionalCapability,\n  useOptionalSelector,\n} from '../runtime/capabilities';\nimport { useDocumentId, useKernelValue } from '../runtime/kernel';\nimport type { PageContextValue } from '../runtime/page';\nimport { asHost } from './composables';\nimport PageSurface from './PageSurface.vue';\nimport { provideStageToken, useStageToken } from './scope';\nimport type { StageTokenProp } from './scope';\n\nconst props = defineProps<{\n  /** The stage lens to drive: the nearest `<StageScope>`'s, else the main `StageToken`. */\n  token?: StageTokenProp;\n  /** `v-model:page`: the current page's index, from 0. Setting it goes to that page. */\n  page?: number;\n  /** `v-model:zoom`: the zoom level, `1` is 100%. Setting it zooms there. */\n  zoom?: number;\n  /**\n   * `v-model:tool`: while set, the active tool follows it (again when the\n   * document changes), and every tool change is reported back.\n   */\n  tool?: string;\n}>();\n\nconst emit = defineEmits<{\n  'update:page': [pageIndex: number];\n  'update:zoom': [level: number];\n  'update:tool': [toolId: string];\n}>();\n\ndefineSlots<{\n  /** A visible page's content: layers in page coordinates, turned with the page. */\n  page(props: { page: PageContextValue }): unknown;\n  /** A visible page's chrome: its box and the reserved `pageFrame`, never turned. */\n  'page-chrome'?(props: { page: PageContextValue }): unknown;\n  /** The view: menus, controls and `<Anchored>` UI above the pages. */\n  overlay?(): unknown;\n}>();\n\nconst token = useStageToken(() => props.token);\n// The surface is a host of the lens: it reports the viewport, drives gestures\n// and reads the lens id. The host contract is the same runtime token, typed wider.\nconst hostToken = computed(() => asHost(token.value));\nconst stage = useOptionalCapability(hostToken);\nconst interaction = useOptionalCapability(InteractionToken);\nconst documentId = useDocumentId();\n\n// Everything inside binds to this lens: a `useStageState()` in a page's chrome\n// or a `<Scrollbar>` in the overlay needs no token.\nprovideStageToken(token);\n\n// ── the pages ──────────────────────────────────────────────────────────────\n\nconst NO_PAGES: readonly VisiblePage[] = Object.freeze([]);\n// The visible pages already fold in the camera (each carries its snapped\n// screen position and transform), so a pan is a new list.\nconst pages = useOptionalSelector(hostToken, (lens) => lens.listVisiblePages(), NO_PAGES);\nconst sameFrame = (left: PageFrame, right: PageFrame) =>\n  left.top === right.top &&\n  left.right === right.right &&\n  left.bottom === right.bottom &&\n  left.left === right.left;\n// Reserved chrome bands (screen px), the same for every page.\nconst frame = useOptionalSelector(\n  hostToken,\n  (lens) => lens.getSettings().pageFrame,\n  NO_FRAME,\n  sameFrame,\n);\n\n// ── pointer input ──────────────────────────────────────────────────────────\n\nconst DEFAULT_INPUT = { interaction: true, panFallback: true, zoomGestures: true };\n// How this view takes pointer input is its own settings: a change rebinds the surface.\nconst input = useOptionalSelector(\n  hostToken,\n  (lens) => {\n    const { interaction: routed, panFallback, zoomGestures } = lens.getSettings();\n    return { interaction: routed, panFallback, zoomGestures };\n  },\n  DEFAULT_INPUT,\n  shallowEqual,\n);\n// Routing pointer input to the interaction hub also registers this view's\n// pan-scroll handler with it, scoped to the view, so two Stages on one document\n// never pan each other. Without the hub the Stage pans by itself.\nconst routesToHub = computed(() => input.value.interaction && interaction.value !== null);\n// The hub's cursor (text, grab, …), shown on the view while it routes there.\nconst hubCursor = useKernelValue(() => interaction.value?.getCursor() ?? 'default');\n\nconst element = ref<HTMLDivElement | null>(null);\nwatch(\n  [\n    element,\n    stage,\n    interaction,\n    routesToHub,\n    () => input.value.zoomGestures,\n    () => input.value.panFallback,\n  ],\n  ([viewport, lens, hub, routed, zoomGestures, panFallback], _previous, onCleanup) => {\n    if (!viewport || !lens) return;\n    // The whole browser binding (viewport and pixel-ratio reports, sample\n    // normalization, gestures) is the shared `@embedpdf/web` surface, so every\n    // framework has one feel.\n    const detachSurface = createStageSurface(viewport, lens, {\n      hub: routed ? hub : null,\n      source: lens.getLensId(),\n      zoomGestures,\n    });\n    const offScroll =\n      routed && hub\n        ? hub.registerHandler(createScrollHandler(lens, hub, { panFallback }), {\n            source: lens.getLensId(),\n          })\n        : null;\n    onCleanup(() => {\n      offScroll?.();\n      detachSurface();\n    });\n  },\n  { immediate: true, flush: 'post' },\n);\n\n// ── v-model:tool ───────────────────────────────────────────────────────────\n\nwatch(\n  [() => props.tool, interaction],\n  ([tool, hub]) => {\n    if (tool === undefined || !hub) return;\n    if (hub.getActiveToolId() !== tool) hub.activateTool(tool);\n  },\n  { immediate: true },\n);\nuseCapabilityEvent(\n  InteractionPublicToken,\n  (hub) => hub.onToolChanged,\n  (event) => emit('update:tool', event.toolId),\n);\n\n// ── v-model:page and v-model:zoom ──────────────────────────────────────────\n// A value the view reported comes back as the prop: it is the view's own, so\n// it is not applied again (that would fight a glide still under way).\n\nlet reportedPage: number | undefined;\nwatch(\n  () => props.page,\n  (pageIndex) => {\n    const lens = stage.value;\n    if (pageIndex === undefined || !lens || pageIndex === reportedPage) return;\n    if (lens.getCurrentPageIndex() !== pageIndex) lens.goToPage(pageIndex);\n  },\n  { immediate: true },\n);\nuseCapabilityEvent(\n  hostToken,\n  (lens) => lens.onPageChanged,\n  ({ pageIndex }) => {\n    reportedPage = pageIndex;\n    emit('update:page', pageIndex);\n  },\n);\n\nlet reportedZoom: number | undefined;\nwatch(\n  () => props.zoom,\n  (level) => {\n    const lens = stage.value;\n    if (level === undefined || !lens || level === reportedZoom) return;\n    if (lens.getZoomLevel() !== level) lens.zoomTo(level);\n  },\n  { immediate: true },\n);\nuseCapabilityEvent(\n  hostToken,\n  (lens) => lens.onZoomChanged,\n  ({ level }) => {\n    reportedZoom = level;\n    emit('update:zoom', level);\n  },\n);\n\n// ── the overlay ────────────────────────────────────────────────────────────\n\n/**\n * The Stage's projector: anchored UI positions through the camera, from state\n * alone (no DOM reads). The visible pages are the binding's revision, so a\n * camera move updates the pages and every anchored element in the same render.\n */\nconst projector = computed((): ViewProjector | null => {\n  const lens = stage.value;\n  return lens ? stageViewProjector(() => lens) : null;\n});\nconst projectorBinding = computed((): ProjectorBinding | null =>\n  projector.value ? { projector: projector.value, revision: pages.value } : null,\n);\n// The pages on screen, a new value only when a page comes or goes, so anchored\n// UI on the other pages sits out every camera frame.\nlet shownKey = '';\nconst shownPages = computed((previous?: ShownPages): ShownPages => {\n  const key = pages.value.map((visiblePage) => visiblePage.ref.objectNumber).join(',');\n  if (previous && key === shownKey) return previous;\n  shownKey = key;\n  return new Set(pages.value.map((visiblePage) => visiblePage.ref.objectNumber));\n});\n</script>\n\n<template>\n  <div\n    ref=\"element\"\n    :style=\"{\n      position: 'relative',\n      overflow: 'hidden',\n      touchAction: 'none',\n      cursor: routesToHub ? hubCursor : undefined,\n    }\"\n  >\n    <PageSurface\n      v-for=\"visiblePage in pages\"\n      :key=\"visiblePage.ref.objectNumber\"\n      :document-id=\"documentId ?? ''\"\n      :page=\"visiblePage\"\n      :frame=\"frame\"\n      :stage=\"stage!\"\n    >\n      <template #default=\"{ page }\">\n        <slot name=\"page\" :page=\"page\" />\n      </template>\n      <template v-if=\"$slots['page-chrome']\" #chrome=\"{ page }\">\n        <slot name=\"page-chrome\" :page=\"page\" />\n      </template>\n    </PageSurface>\n    <!-- Anchored UI mounts here: its absolute coordinates are the view's. -->\n    <AnchoredScope\n      v-if=\"projectorBinding && $slots.overlay\"\n      :binding=\"projectorBinding\"\n      :shown=\"shownPages\"\n    >\n      <slot name=\"overlay\" />\n    </AnchoredScope>\n  </div>\n</template>\n","<!--\n  <StageScope :token>: binds its content to a stage lens, so the stage\n  composables and stage chrome inside use `token` unless they are handed one.\n-->\n<script setup lang=\"ts\">\nimport { provideStageToken } from './scope';\nimport type { StageTokenProp } from './scope';\n\nconst props = defineProps<{\n  /** The lens: a second view's token, from `createCapabilityToken`. */\n  token: StageTokenProp;\n}>();\n\ndefineSlots<{ default?(): unknown }>();\n\nprovideStageToken(() => props.token);\n</script>\n\n<template>\n  <slot />\n</template>\n","<!--\n  <Scrollbar>: a headless scrollbar for a Stage lens, a view of the lens's\n  scroll metrics (the native scroller contract: scrollTop, scrollHeight,\n  clientHeight, in screen px). Thumb drag with pointer capture and a kept grab\n  point, track paging with press-and-hold repeat that stops at the pointer, a\n  minimum thumb length on long documents, and overlay auto-hide. On an unbounded\n  stage the range is the union of content and view, so the bar shrinks as you\n  pan away; the mapping is frozen during a thumb drag so the thumb never chases\n  itself.\n\n  Geometry and behavior live here; looks live in your CSS, against\n    [data-embedpdf-scrollbar][data-axis=\"y\"][data-state=\"visible|hidden\"]\n    [data-embedpdf-scrollbar][data-dragging]\n    [data-embedpdf-scrollbar-thumb]\n  `class` and `style` go on the track, `thumb-class` and `thumb-style` on the\n  thumb. Unstyled, it is a transparent track pinned to the view's edge with a\n  `var(--epdf-scrollbar-thumb, …)` pill.\n-->\n<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue';\nimport type { CSSProperties, StyleValue } from 'vue';\nimport { createScrollbarPresses, paintDefault, scrollbarLayout } from '@embedpdf/web';\nimport type { ScrollbarTrack } from '@embedpdf/web';\nimport { useCapabilityRef } from '../runtime/capabilities';\nimport { asHost, useScrollMetricsValue } from './composables';\nimport { useStageToken } from './scope';\nimport type { StageTokenProp } from './scope';\n\nconst props = withDefaults(\n  defineProps<{\n    axis: 'x' | 'y';\n    /** The stage lens to scroll: the nearest `<StageScope>` / `<Stage>`'s, else the main StageToken. */\n    token?: StageTokenProp;\n    /**\n     * Overlay auto-hide: fade this many ms after the view stops moving (drags\n     * and hover keep it visible; a hidden bar ignores the pointer, like macOS).\n     * `false` keeps it visible. Published as `data-state=\"visible|hidden\"`.\n     */\n    autoHide?: number | false;\n    /** Minimum thumb length in px, so the bar never vanishes on long documents. */\n    minThumbSize?: number;\n    /**\n     * Pressing the track: 'page' steps by 90% of a view toward the pointer,\n     * repeats while held, and stops when the thumb reaches the pointer; 'jump'\n     * centres the thumb at the pointer and hands off to a drag.\n     */\n    trackPress?: 'page' | 'jump';\n    /** The thumb's class. */\n    thumbClass?: string;\n    /** The thumb's style, over its defaults. */\n    thumbStyle?: StyleValue;\n  }>(),\n  { autoHide: 1200, minThumbSize: 24, trackPress: 'page' },\n);\n\nconst token = useStageToken(() => props.token);\nconst stage = useCapabilityRef(computed(() => asHost(token.value)));\nconst metrics = useScrollMetricsValue(token);\nconst vertical = computed(() => props.axis === 'y');\nconst scrollable = computed(() =>\n  vertical.value ? metrics.value.scrollableY : metrics.value.scrollableX,\n);\n\nconst track = ref<HTMLDivElement | null>(null);\nconst trackPx = ref(0);\nconst dragging = ref(false);\nconst hovered = ref(false);\n// The view moved recently.\nconst active = ref(true);\n\n// The thumb along the track: one formula for drawing, dragging and paging, shared with every framework.\nconst layout = computed(() =>\n  scrollbarLayout(metrics.value, vertical.value, trackPx.value, props.minThumbSize),\n);\n\n// ── overlay auto-hide: any metrics change re-arms the fade ─────────────────\nconst hideAfter = computed(() => (props.autoHide === false ? 0 : props.autoHide));\nwatch(\n  [metrics, hideAfter],\n  ([, delay], _previous, onCleanup) => {\n    if (!delay) return;\n    active.value = true;\n    const timer = setTimeout(() => (active.value = false), delay);\n    onCleanup(() => clearTimeout(timer));\n  },\n  { immediate: true },\n);\nconst shown = computed(() => !hideAfter.value || active.value || hovered.value || dragging.value);\n\n// ── track measurement: the px mapping needs real geometry ─────────────────\nwatch(\n  [track, vertical],\n  ([element, isVertical], _previous, onCleanup) => {\n    if (!element) return;\n    const measure = () => {\n      trackPx.value = isVertical ? element.clientHeight : element.clientWidth;\n    };\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    measure();\n    onCleanup(() => observer.disconnect());\n  },\n  { immediate: true, flush: 'post' },\n);\n\n// ── interactions: `@embedpdf/web`'s press handling (thumb drags, track paging\n//    and jumps), handed the bar as it is now on every event. ──────────────────\nconst presses = createScrollbarPresses((value) => (dragging.value = value));\nconst pressedTrack = (): ScrollbarTrack => ({\n  stage: stage.value,\n  vertical: vertical.value,\n  element: track.value!,\n  layout: layout.value,\n  // Fresh geometry for paging steps: read from the capability, never a stale render.\n  liveLayout: () =>\n    scrollbarLayout(\n      stage.value.getScrollMetrics(),\n      vertical.value,\n      trackPx.value,\n      props.minThumbSize,\n    ),\n});\n\n// No repeat timer outlives the bar.\nonUnmounted(() => presses.release());\n\nconst trackStyle = computed(\n  (): CSSProperties => ({\n    ...(vertical.value\n      ? { position: 'absolute', top: 0, right: 0, bottom: 0, width: '12px' }\n      : { position: 'absolute', left: 0, right: 0, bottom: 0, height: '12px' }),\n    touchAction: 'none',\n    userSelect: 'none',\n    opacity: shown.value ? 1 : 0,\n    transition: 'opacity 200ms',\n    // A hidden overlay bar must not eat the clicks under it.\n    pointerEvents: shown.value ? 'auto' : 'none',\n  }),\n);\nconst thumbDefaults = computed((): CSSProperties => {\n  const { thumbPosition, thumbLength } = layout.value;\n  return {\n    ...(vertical.value\n      ? {\n          position: 'absolute',\n          left: '2px',\n          right: '2px',\n          top: `${thumbPosition}px`,\n          height: `${thumbLength}px`,\n        }\n      : {\n          position: 'absolute',\n          top: '2px',\n          bottom: '2px',\n          left: `${thumbPosition}px`,\n          width: `${thumbLength}px`,\n        }),\n    borderRadius: '6px',\n    background: paintDefault('scrollbar-thumb'),\n  };\n});\n</script>\n\n<template>\n  <div\n    v-if=\"scrollable\"\n    ref=\"track\"\n    role=\"scrollbar\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"Math.round(layout.maxOffset)\"\n    :aria-valuenow=\"Math.round(layout.offset)\"\n    data-embedpdf-scrollbar=\"\"\n    :data-axis=\"axis\"\n    :data-state=\"shown ? 'visible' : 'hidden'\"\n    :data-dragging=\"dragging ? '' : undefined\"\n    :style=\"trackStyle\"\n    @pointerdown=\"presses.pressTrack($event, pressedTrack(), trackPress)\"\n    @pointermove=\"presses.move($event, pressedTrack())\"\n    @pointerup=\"presses.release()\"\n    @pointercancel=\"presses.release()\"\n    @pointerenter=\"hovered = true\"\n    @pointerleave=\"hovered = false\"\n  >\n    <div\n      data-embedpdf-scrollbar-thumb=\"\"\n      :class=\"thumbClass\"\n      :style=\"[thumbDefaults, thumbStyle]\"\n      @pointerdown=\"presses.pressThumb($event, pressedTrack())\"\n    />\n  </div>\n</template>\n"],"names":["useCapability","useStageToken","useCapabilityEvent","scope","useDocumentScope","useKernelValue","state","stageState","shallowEqual","fieldRefs","DEFAULT_SETTINGS","ref","useViewerSettings","computed","toPageRef","makePageContext","stagePageDemand","providePage","pageSurfaceLayout","pixelBox","paint","_createElementBlock","_normalizeStyle","_createElementVNode","_renderSlot","useOptionalCapability","InteractionToken","useDocumentId","provideStageToken","useOptionalSelector","NO_FRAME","watch","createStageSurface","createScrollHandler","InteractionPublicToken","stageViewProjector","_unref","_Fragment","_renderList","_createBlock","PageSurface","_withCtx","page","$slots","AnchoredScope","useCapabilityRef","scrollbarLayout","createScrollbarPresses","onUnmounted","paintDefault"],"mappings":"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"}