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

package/dist/Anchored.vue_vue_type_script_setup_true_lang-Brhh5jyF.js

@@ -0,0 +1,125 @@
+import { defineComponent, ref, shallowRef, computed, watch, onMounted, openBlock, createBlock, Teleport, createElementBlock, withModifiers, normalizeStyle, renderSlot, createCommentVNode, withCtx } from "vue";
+import { observeAnchoredFit, sameAnchoredFit, projectAnchoredTarget } from "@embedpdf/web";
+import { b as useProjectorBinding, c as useShownPages } from "./projector-CDZn1kh1.js";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "PlacedAnchored",
+  props: {
+    target: {},
+    placement: {},
+    gap: {},
+    pinned: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const binding = useProjectorBinding();
+    const element = ref(null);
+    const fit = shallowRef(null);
+    const browserMoves = ref(0);
+    const space = computed(() => binding.value.projector.space);
+    watch(
+      () => binding.value.subscribe,
+      (subscribe, _previous, onCleanup) => {
+        if (subscribe) onCleanup(subscribe(() => browserMoves.value += 1));
+      },
+      { immediate: true }
+    );
+    onMounted(() => {
+      if (space.value === "client") browserMoves.value += 1;
+    });
+    watch(
+      [() => binding.value.projector, () => props.target],
+      () => {
+        if (space.value === "client") browserMoves.value += 1;
+      },
+      { flush: "post" }
+    );
+    watch(
+      [element, space],
+      ([content, viewSpace], _previous, onCleanup) => {
+        if (!content) return;
+        onCleanup(
+          observeAnchoredFit(content, viewSpace, (next) => {
+            if (!sameAnchoredFit(fit.value, next)) fit.value = next;
+          })
+        );
+      },
+      { immediate: true, flush: "post" }
+    );
+    const position = computed(() => {
+      void browserMoves.value;
+      return projectAnchoredTarget(
+        binding.value.projector,
+        props.target,
+        { placement: props.placement, gap: props.gap, pinned: props.pinned },
+        fit.value
+      );
+    });
+    const style = computed(() => {
+      const placed = position.value;
+      if (!placed) return null;
+      return {
+        position: space.value === "client" ? "fixed" : "absolute",
+        left: `${placed.left}px`,
+        top: `${placed.top}px`,
+        // Its own width, wherever it sits: the size the placement measured.
+        width: "max-content",
+        transform: placed.transform,
+        pointerEvents: "auto"
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: space.value !== "client"
+      }, [
+        style.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref_key: "element",
+          ref: element,
+          style: normalizeStyle(style.value),
+          onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 36)) : createCommentVNode("", true)
+      ], 8, ["disabled"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Anchored",
+  props: {
+    anchor: {},
+    placement: { default: "top" },
+    gap: { default: 8 },
+    pinned: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const shown = useShownPages();
+    const target = computed(() => {
+      const anchor = props.anchor;
+      if (!(anchor == null ? void 0 : anchor.bounds)) return null;
+      if (shown && !shown.value.has(anchor.page.objectNumber)) return null;
+      return { ...anchor, bounds: anchor.bounds };
+    });
+    return (_ctx, _cache) => {
+      return target.value ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        target: target.value,
+        placement: __props.placement,
+        gap: __props.gap,
+        pinned: __props.pinned
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["target", "placement", "gap", "pinned"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=Anchored.vue_vue_type_script_setup_true_lang-Brhh5jyF.js.map

package/dist/Anchored.vue_vue_type_script_setup_true_lang-Brhh5jyF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchored.vue_vue_type_script_setup_true_lang-Brhh5jyF.js","sources":["../src/anchored/PlacedAnchored.vue","../src/anchored/Anchored.vue"],"sourcesContent":["<!--\n  Anchored UI on a page that is shown: it follows the camera. The projection\n  runs during render from the shared pure helper; the content's size and the\n  view's are measured after mount and whenever either resizes (a camera move\n  changes neither). In client space (a surface without a camera) it is\n  teleported to the body and placed `fixed`, out of reach of any ancestor's\n  overflow clipping.\n-->\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref, shallowRef, watch } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { observeAnchoredFit, projectAnchoredTarget, sameAnchoredFit } from '@embedpdf/web';\nimport type { AnchoredFit, AnchoredPlacement, AnchorTarget } from '@embedpdf/web';\nimport { useProjectorBinding } from './projector';\n\nconst props = defineProps<{\n  target: AnchorTarget;\n  placement: AnchoredPlacement;\n  gap: number;\n  pinned: boolean;\n}>();\n\ndefineSlots<{ default?(): unknown }>();\n\nconst binding = useProjectorBinding();\nconst element = ref<HTMLDivElement | null>(null);\nconst fit = shallowRef<AnchoredFit | null>(null);\n// Bumped by browser-driven invalidation, which no state change announces.\nconst browserMoves = ref(0);\n\nconst space = computed(() => binding.value.projector.space);\n\nwatch(\n  () => binding.value.subscribe,\n  (subscribe, _previous, onCleanup) => {\n    if (subscribe) onCleanup(subscribe(() => (browserMoves.value += 1)));\n  },\n  { immediate: true },\n);\n\n// A client-space surface measures the DOM, which doesn't exist during its\n// first render: one more pass after mount shows the position as soon as it\n// can be measured.\nonMounted(() => {\n  if (space.value === 'client') browserMoves.value += 1;\n});\nwatch(\n  [() => binding.value.projector, () => props.target],\n  () => {\n    if (space.value === 'client') browserMoves.value += 1;\n  },\n  { flush: 'post' },\n);\n\nwatch(\n  [element, space],\n  ([content, viewSpace], _previous, onCleanup) => {\n    if (!content) return;\n    onCleanup(\n      observeAnchoredFit(content, viewSpace, (next) => {\n        if (!sameAnchoredFit(fit.value, next)) fit.value = next;\n      }),\n    );\n  },\n  { immediate: true, flush: 'post' },\n);\n\nconst position = computed(() => {\n  void browserMoves.value;\n  return projectAnchoredTarget(\n    binding.value.projector,\n    props.target,\n    { placement: props.placement, gap: props.gap, pinned: props.pinned },\n    fit.value,\n  );\n});\n\nconst style = computed((): CSSProperties | null => {\n  const placed = position.value;\n  if (!placed) return null;\n  return {\n    position: space.value === 'client' ? 'fixed' : 'absolute',\n    left: `${placed.left}px`,\n    top: `${placed.top}px`,\n    // Its own width, wherever it sits: the size the placement measured.\n    width: 'max-content',\n    transform: placed.transform,\n    pointerEvents: 'auto',\n  };\n});\n</script>\n\n<template>\n  <Teleport to=\"body\" :disabled=\"space !== 'client'\">\n    <div v-if=\"style\" ref=\"element\" :style=\"style\" @pointerdown.stop>\n      <slot />\n    </div>\n  </Teleport>\n</template>\n","<!--\n  <Anchored>: positions its content around a page-space box, on whichever page\n  surface is in scope (a <Stage>'s #overlay slot). Once its size is measured it\n  flips to the other side when the chosen one has no room, and stays inside the\n  view, unless `pinned`. A click inside it never reaches the surface (which\n  would read it as a click outside). On a page that isn't shown it renders\n  nothing and reads only the pages on screen, so hundreds of badges cost only\n  the ones in view while people scroll and zoom.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { AnchoredPlacement, AnchoredRect, AnchorTarget } from '@embedpdf/web';\nimport PlacedAnchored from './PlacedAnchored.vue';\nimport { useShownPages } from './projector';\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The box on a page to sit next to, in page coordinates: `{ page, bounds }`,\n     * with `avoid` points to keep clear of. `null`, or a target without\n     * `bounds` (a search match with no geometry), hides it.\n     */\n    anchor: (Omit<AnchorTarget, 'bounds'> & { bounds?: AnchoredRect }) | null;\n    /** Where to sit: a side of the box, centred, or lined up with the side's start or end (`'top-end'`). */\n    placement?: AnchoredPlacement;\n    /**\n     * Gap in screen px between the box and the content, and between the content\n     * and the view's edge. Negative overlaps the box.\n     */\n    gap?: number;\n    /**\n     * Stay where `placement` puts it: never flip to the other side, never move\n     * to stay in view, and scroll away with the box. For badges and status;\n     * menus leave it off.\n     */\n    pinned?: boolean;\n  }>(),\n  { placement: 'top', gap: 8, pinned: false },\n);\n\ndefineSlots<{ default?(): unknown }>();\n\nconst shown = useShownPages();\n\n/** The anchor with its box, while it has one on a shown page. */\nconst target = computed((): AnchorTarget | null => {\n  const anchor = props.anchor;\n  if (!anchor?.bounds) return null;\n  if (shown && !shown.value.has(anchor.page.objectNumber)) return null;\n  return { ...anchor, bounds: anchor.bounds };\n});\n</script>\n\n<template>\n  <PlacedAnchored v-if=\"target\" :target=\"target\" :placement=\"placement\" :gap=\"gap\" :pinned=\"pinned\">\n    <slot />\n  </PlacedAnchored>\n</template>\n"],"names":["_createBlock","_Teleport","_createElementBlock","_renderSlot","PlacedAnchored"],"mappings":";;;;;;;;;;;;AAeA,UAAM,QAAQ;AASd,UAAM,UAAU,oBAAA;AAChB,UAAM,UAAU,IAA2B,IAAI;AAC/C,UAAM,MAAM,WAA+B,IAAI;AAE/C,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,QAAQ,SAAS,MAAM,QAAQ,MAAM,UAAU,KAAK;AAE1D;AAAA,MACE,MAAM,QAAQ,MAAM;AAAA,MACpB,CAAC,WAAW,WAAW,cAAc;AACnC,YAAI,UAAW,WAAU,UAAU,MAAO,aAAa,SAAS,CAAE,CAAC;AAAA,MACrE;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAMpB,cAAU,MAAM;AACd,UAAI,MAAM,UAAU,SAAU,cAAa,SAAS;AAAA,IACtD,CAAC;AACD;AAAA,MACE,CAAC,MAAM,QAAQ,MAAM,WAAW,MAAM,MAAM,MAAM;AAAA,MAClD,MAAM;AACJ,YAAI,MAAM,UAAU,SAAU,cAAa,SAAS;AAAA,MACtD;AAAA,MACA,EAAE,OAAO,OAAA;AAAA,IAAO;AAGlB;AAAA,MACE,CAAC,SAAS,KAAK;AAAA,MACf,CAAC,CAAC,SAAS,SAAS,GAAG,WAAW,cAAc;AAC9C,YAAI,CAAC,QAAS;AACd;AAAA,UACE,mBAAmB,SAAS,WAAW,CAAC,SAAS;AAC/C,gBAAI,CAAC,gBAAgB,IAAI,OAAO,IAAI,OAAO,QAAQ;AAAA,UACrD,CAAC;AAAA,QAAA;AAAA,MAEL;AAAA,MACA,EAAE,WAAW,MAAM,OAAO,OAAA;AAAA,IAAO;AAGnC,UAAM,WAAW,SAAS,MAAM;AAC9B,WAAK,aAAa;AAClB,aAAO;AAAA,QACL,QAAQ,MAAM;AAAA,QACd,MAAM;AAAA,QACN,EAAE,WAAW,MAAM,WAAW,KAAK,MAAM,KAAK,QAAQ,MAAM,OAAA;AAAA,QAC5D,IAAI;AAAA,MAAA;AAAA,IAER,CAAC;AAED,UAAM,QAAQ,SAAS,MAA4B;AACjD,YAAM,SAAS,SAAS;AACxB,UAAI,CAAC,OAAQ,QAAO;AACpB,aAAO;AAAA,QACL,UAAU,MAAM,UAAU,WAAW,UAAU;AAAA,QAC/C,MAAM,GAAG,OAAO,IAAI;AAAA,QACpB,KAAK,GAAG,OAAO,GAAG;AAAA;AAAA,QAElB,OAAO;AAAA,QACP,WAAW,OAAO;AAAA,QAClB,eAAe;AAAA,MAAA;AAAA,IAEnB,CAAC;;0BAICA,YAIWC,UAAA;AAAA,QAJD,IAAG;AAAA,QAAQ,UAAU,MAAA,UAAK;AAAA,MAAA;QACvB,MAAA,sBAAXC,mBAEM,OAAA;AAAA;mBAFgB;AAAA,UAAJ,KAAI;AAAA,UAAW,sBAAO,MAAA,KAAK;AAAA,UAAG,uDAAD,MAAA;AAAA,UAAA,GAAiB,CAAA,MAAA,CAAA;AAAA,QAAA;UAC9DC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;;;;;;;;;AChFd,UAAM,QAAQ;AA2Bd,UAAM,QAAQ,cAAA;AAGd,UAAM,SAAS,SAAS,MAA2B;AACjD,YAAM,SAAS,MAAM;AACrB,UAAI,EAAC,iCAAQ,QAAQ,QAAO;AAC5B,UAAI,SAAS,CAAC,MAAM,MAAM,IAAI,OAAO,KAAK,YAAY,EAAG,QAAO;AAChE,aAAO,EAAE,GAAG,QAAQ,QAAQ,OAAO,OAAA;AAAA,IACrC,CAAC;;aAIuB,OAAA,sBAAtBH,YAEiBI,aAAA;AAAA;QAFc,QAAQ,OAAA;AAAA,QAAS,WAAW,QAAA;AAAA,QAAY,KAAK,QAAA;AAAA,QAAM,QAAQ,QAAA;AAAA,MAAA;yBACxF,MAAQ;AAAA,UAARD,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/AnchoredScope.vue_vue_type_script_setup_true_lang-BwtHXw73.cjs

@@ -0,0 +1,20 @@
+"use strict";
+const vue = require("vue");
+const projector = require("./projector-Cf7879sx.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "AnchoredScope",
+  props: {
+    binding: {},
+    shown: {}
+  },
+  setup(__props) {
+    const props = __props;
+    projector.provideProjector(vue.computed(() => props.binding));
+    projector.provideShownPages(vue.computed(() => props.shown));
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=AnchoredScope.vue_vue_type_script_setup_true_lang-BwtHXw73.cjs.map

package/dist/AnchoredScope.vue_vue_type_script_setup_true_lang-BwtHXw73.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchoredScope.vue_vue_type_script_setup_true_lang-BwtHXw73.cjs","sources":["../src/anchored/AnchoredScope.vue"],"sourcesContent":["<!--\n  <AnchoredScope>: what a page surface wraps around the UI it lets float over\n  its pages (the Stage's #overlay slot). Anchored UI inside positions through\n  `binding` and sits out the pages not in `shown`. Installed by page surfaces,\n  not by app code.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { provideProjector, provideShownPages } from './projector';\nimport type { ProjectorBinding, ShownPages } from './projector';\n\nconst props = defineProps<{\n  binding: ProjectorBinding;\n  shown: ShownPages;\n}>();\n\ndefineSlots<{ default?(): unknown }>();\n\nprovideProjector(computed(() => props.binding));\nprovideShownPages(computed(() => props.shown));\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["provideProjector","computed","provideShownPages","_renderSlot"],"mappings":";;;;;;;;;;AAWA,UAAM,QAAQ;AAOdA,cAAAA,iBAAiBC,IAAAA,SAAS,MAAM,MAAM,OAAO,CAAC;AAC9CC,cAAAA,kBAAkBD,IAAAA,SAAS,MAAM,MAAM,KAAK,CAAC;;aAI3CE,eAAQ,KAAA,QAAA,SAAA;AAAA;;;;"}

package/dist/AnchoredScope.vue_vue_type_script_setup_true_lang-Ulkr3a6R.js

@@ -0,0 +1,21 @@
+import { defineComponent, computed, renderSlot } from "vue";
+import { p as provideProjector, a as provideShownPages } from "./projector-CDZn1kh1.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AnchoredScope",
+  props: {
+    binding: {},
+    shown: {}
+  },
+  setup(__props) {
+    const props = __props;
+    provideProjector(computed(() => props.binding));
+    provideShownPages(computed(() => props.shown));
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=AnchoredScope.vue_vue_type_script_setup_true_lang-Ulkr3a6R.js.map

package/dist/AnchoredScope.vue_vue_type_script_setup_true_lang-Ulkr3a6R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchoredScope.vue_vue_type_script_setup_true_lang-Ulkr3a6R.js","sources":["../src/anchored/AnchoredScope.vue"],"sourcesContent":["<!--\n  <AnchoredScope>: what a page surface wraps around the UI it lets float over\n  its pages (the Stage's #overlay slot). Anchored UI inside positions through\n  `binding` and sits out the pages not in `shown`. Installed by page surfaces,\n  not by app code.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { provideProjector, provideShownPages } from './projector';\nimport type { ProjectorBinding, ShownPages } from './projector';\n\nconst props = defineProps<{\n  binding: ProjectorBinding;\n  shown: ShownPages;\n}>();\n\ndefineSlots<{ default?(): unknown }>();\n\nprovideProjector(computed(() => props.binding));\nprovideShownPages(computed(() => props.shown));\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;AAWA,UAAM,QAAQ;AAOd,qBAAiB,SAAS,MAAM,MAAM,OAAO,CAAC;AAC9C,sBAAkB,SAAS,MAAM,MAAM,KAAK,CAAC;;aAI3CA,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}

package/dist/DocumentScope.vue_vue_type_script_setup_true_lang-C-7yeEGh.js

@@ -0,0 +1,192 @@
+import { epdfThemeVariables, browserPrinter, browserClock } from "@embedpdf/web";
+import { defineComponent, shallowRef, toRaw, watch, onMounted, onUnmounted, computed, renderSlot, openBlock, createElementBlock, Fragment, createCommentVNode, onScopeDispose, unref } from "vue";
+import { isLocalEngine, createKernel, viewerSettingsOf } from "@embedpdf/core";
+import { d as devWarn } from "./dev-CtMlvxjZ.js";
+import { k as provideViewer, p as provideDocumentScope } from "./capabilities-C7YzgPCX.js";
+import { u as useDocument } from "./documents-DUu5H4yH.js";
+function epdfTheme(theme) {
+  return epdfThemeVariables(theme);
+}
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Viewer",
+  props: {
+    engine: {},
+    plugins: {},
+    initialDocuments: {},
+    identity: {},
+    scope: {},
+    accent: {},
+    page: {}
+  },
+  emits: ["ready"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const settingsOf = () => viewerSettingsOf({
+      identity: toRaw(props.identity),
+      scope: toRaw(props.scope),
+      accent: props.accent,
+      page: toRaw(props.page)
+    });
+    const kernel = shallowRef(null);
+    const phase = shallowRef("booting");
+    const bootError = shallowRef(null);
+    const revision = shallowRef(0);
+    provideViewer({
+      get kernel() {
+        return kernel.value;
+      },
+      track: () => {
+        void revision.value;
+      }
+    });
+    const initial = {
+      engine: toRaw(props.engine),
+      plugins: toRaw(props.plugins),
+      initialDocuments: toRaw(props.initialDocuments)
+    };
+    watch(
+      () => props.plugins,
+      () => devWarn(
+        "viewer-plugins-init-only",
+        "<Viewer> plugins are read once, when it mounts; a new list is ignored. Create the list once, next to the engine, not inline in the template."
+      )
+    );
+    watch(
+      () => props.engine,
+      (engine) => {
+        if (typeof engine === "function") return;
+        devWarn(
+          "viewer-engine-init-only",
+          "<Viewer> engine is read once, when it mounts; another engine is ignored. To use another engine, mount a new <Viewer>, for example with a new `key`."
+        );
+      }
+    );
+    let teardown = null;
+    onMounted(() => {
+      const ownsEngine = typeof initial.engine === "function";
+      const engine = ownsEngine ? initial.engine() : initial.engine;
+      if (isLocalEngine(engine)) engine.warmup();
+      let created;
+      try {
+        created = createKernel({
+          engine,
+          plugins: initial.plugins,
+          settings: settingsOf(),
+          clock: browserClock(),
+          printer: browserPrinter()
+        });
+      } catch (error) {
+        bootError.value = error;
+        phase.value = "error";
+        if (ownsEngine) void engine.destroy();
+        return;
+      }
+      const stopTracking = created.subscribe(() => {
+        revision.value += 1;
+      });
+      kernel.value = created;
+      let alive = true;
+      created.start().then(
+        () => {
+          if (!alive) return;
+          emit("ready", created);
+          phase.value = "ready";
+          created.documents.openAll(initial.initialDocuments ?? []);
+        },
+        (error) => {
+          if (!alive) return;
+          bootError.value = error;
+          phase.value = "error";
+        }
+      );
+      teardown = () => {
+        alive = false;
+        stopTracking();
+        void created.destroy().then(() => {
+          if (ownsEngine) void engine.destroy();
+        });
+      };
+    });
+    onUnmounted(() => teardown == null ? void 0 : teardown());
+    watch(settingsOf, (settings) => {
+      var _a;
+      return (_a = kernel.value) == null ? void 0 : _a.updateSettings(settings);
+    });
+    __expose({
+      /** The started kernel; null before it starts and after a failed start. */
+      kernel: computed(() => phase.value === "ready" ? kernel.value : null)
+    });
+    return (_ctx, _cache) => {
+      return phase.value === "error" ? renderSlot(_ctx.$slots, "error", { error: bootError.value }, void 0, void 0, 0) : kernel.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        phase.value === "ready" ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : renderSlot(_ctx.$slots, "fallback", {}, void 0, void 0, 1)
+      ], 64)) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "KernelProvider",
+  props: {
+    kernel: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const kernel = toRaw(props.kernel);
+    watch(
+      () => props.kernel,
+      () => devWarn(
+        "kernel-provider-kernel-init-only",
+        "<KernelProvider> kernel is read once, when it mounts; another kernel is ignored. To give its content another kernel, mount a new <KernelProvider>, for example with a new `key`."
+      )
+    );
+    const revision = shallowRef(0);
+    onScopeDispose(
+      kernel.subscribe(() => {
+        revision.value += 1;
+      })
+    );
+    provideViewer({
+      kernel,
+      track: () => {
+        void revision.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "DocumentGate",
+  setup(__props) {
+    const current = useDocument((document) => document);
+    return (_ctx, _cache) => {
+      return unref(current).status === "ready" ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : unref(current).status === "locked" && _ctx.$slots.locked ? renderSlot(_ctx.$slots, "locked", {
+        document: unref(current)
+      }, void 0, void 0, 1) : unref(current).status === "error" && _ctx.$slots.error ? renderSlot(_ctx.$slots, "error", {
+        document: unref(current)
+      }, void 0, void 0, 2) : renderSlot(_ctx.$slots, "fallback", {}, void 0, void 0, 3);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DocumentScope",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    const props = __props;
+    provideDocumentScope(() => props.id);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a,
+  _sfc_main$2 as b,
+  _sfc_main$3 as c,
+  epdfTheme as e
+};
+//# sourceMappingURL=DocumentScope.vue_vue_type_script_setup_true_lang-C-7yeEGh.js.map

package/dist/DocumentScope.vue_vue_type_script_setup_true_lang-C-7yeEGh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentScope.vue_vue_type_script_setup_true_lang-C-7yeEGh.js","sources":["../src/theme.ts","../src/runtime/Viewer.vue","../src/runtime/KernelProvider.vue","../src/runtime/DocumentGate.vue","../src/runtime/DocumentScope.vue"],"sourcesContent":["/**\n * `epdfTheme()`: a theme written with setting names, as a style for the\n * element around your viewer. The variables and their lookup are framework-free\n * (`@embedpdf/web`); this only types the result as Vue's style.\n */\nimport type { CSSProperties } from 'vue';\nimport { epdfThemeVariables, type EpdfTheme } from '@embedpdf/web';\n\nexport type { EpdfTheme } from '@embedpdf/web';\n\n/**\n * The CSS variables of a theme, for a `:style` binding: `<div :style=\"epdfTheme({ accent })\">`.\n * Everything inside the element follows them, and a CSS variable wins over any setting.\n */\nexport function epdfTheme(theme: EpdfTheme): CSSProperties {\n  return epdfThemeVariables(theme) as CSSProperties;\n}\n","<!--\n  <Viewer>: owns the kernel. It creates and starts the kernel when it mounts\n  (never on the server) and destroys it when it unmounts; the components inside\n  read it through composables. `engine`, `plugins` and `initialDocuments` are\n  read once; `identity`, `scope`, `accent` and `page` are the viewer's settings\n  and follow the props.\n-->\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, shallowRef, toRaw, watch } from 'vue';\nimport { createKernel, isLocalEngine, viewerSettingsOf } from '@embedpdf/core';\nimport { browserClock, browserPrinter } from '@embedpdf/web';\nimport type {\n  AnyPlugin,\n  Engine,\n  EngineFactory,\n  Identity,\n  InitialDocument,\n  Kernel,\n  ViewerPageSettings,\n  ViewerSettings,\n} from '@embedpdf/core';\nimport { devWarn } from '../dev';\nimport { provideViewer } from './kernel';\n\nconst props = defineProps<{\n  /**\n   * The engine, as an instance or a function. An instance is borrowed: the\n   * viewer uses it and never destroys it (a module-level `localEngine()`\n   * shared by every viewer). A function is the viewer's own: it calls it when\n   * it mounts and destroys the engine when it unmounts. Read once.\n   */\n  engine: Engine | EngineFactory;\n  /** The plugins, created once next to the engine. Read once. */\n  plugins: AnyPlugin[];\n  /** Documents to open when the viewer starts, with optional tab names. Read once. */\n  initialDocuments?: InitialDocument[];\n  /**\n   * Who the user is, for every document opened without an `identity` of its\n   * own (which replaces this one). Documents opened after a change use the new\n   * value; open ones keep theirs. The local engine only: the cloud engine reads\n   * it from the document's token.\n   */\n  identity?: Identity;\n  /**\n   * What the user may do, as permissions, in every document opened without a\n   * `scope` of its own. Left out, they may do everything. Changes reach the\n   * documents opened after them, as `identity`.\n   */\n  scope?: readonly string[];\n  /** The color every part without a color of its own follows. CSS `--epdf-accent` wins over it. */\n  accent?: string;\n  /** How pages look: `background` before the picture arrives, and the `shadow` under each page. */\n  page?: Partial<ViewerPageSettings>;\n}>();\n\nconst emit = defineEmits<{\n  /**\n   * The kernel has started: before the default slot mounts and before\n   * `initialDocuments` open. The door for code outside Vue components\n   * (register commands, subscribe to events).\n   */\n  ready: [kernel: Kernel];\n}>();\n\ndefineSlots<{\n  /** The viewer's content, mounted once the kernel has started. */\n  default?(): unknown;\n  /** Shown while the kernel starts; the composables already work in it. */\n  fallback?(): unknown;\n  /** Shown when the kernel couldn't be created or started. Without it, a failed start shows nothing. */\n  error?(props: { error: unknown }): unknown;\n}>();\n\n/**\n * The viewer's settings as the props give them: a prop left out is its\n * default. Values reach the kernel raw: a reactive copy would be another object\n * to it, and can't be sent to a worker.\n */\nconst settingsOf = (): ViewerSettings =>\n  viewerSettingsOf({\n    identity: toRaw(props.identity),\n    scope: toRaw(props.scope),\n    accent: props.accent,\n    page: toRaw(props.page),\n  });\n\nconst kernel = shallowRef<Kernel | null>(null);\nconst phase = shallowRef<'booting' | 'ready' | 'error'>('booting');\nconst bootError = shallowRef<unknown>(null);\n// Goes up on every kernel change; every reader's computed depends on it.\nconst revision = shallowRef(0);\n\nprovideViewer({\n  get kernel() {\n    return kernel.value;\n  },\n  track: () => {\n    void revision.value;\n  },\n});\n\n// Read once: a changed engine or plugin list can't mean \"rebuild the\n// workspace\", which would drop every open document. Raw, because the kernel\n// knows a plugin's token by identity, and a reactive copy is another object.\nconst initial = {\n  engine: toRaw(props.engine),\n  plugins: toRaw(props.plugins),\n  initialDocuments: toRaw(props.initialDocuments),\n};\nwatch(\n  () => props.plugins,\n  () =>\n    devWarn(\n      'viewer-plugins-init-only',\n      '<Viewer> plugins are read once, when it mounts; a new list is ignored. ' +\n        'Create the list once, next to the engine, not inline in the template.',\n    ),\n);\nwatch(\n  () => props.engine,\n  (engine) => {\n    // An inline `:engine=\"() => localEngine()\"` is a new function on every\n    // render; only another engine instance is worth a warning.\n    if (typeof engine === 'function') return;\n    devWarn(\n      'viewer-engine-init-only',\n      '<Viewer> engine is read once, when it mounts; another engine is ignored. ' +\n        'To use another engine, mount a new <Viewer>, for example with a new `key`.',\n    );\n  },\n);\n\nlet teardown: (() => void) | null = null;\n\nonMounted(() => {\n  // A function is the viewer's own engine: called now, destroyed on unmount.\n  // An instance is borrowed. Construction is synchronous and inert either way,\n  // so warming up a local engine overlaps its boot with the plugins' start.\n  const ownsEngine = typeof initial.engine === 'function';\n  const engine: Engine = ownsEngine\n    ? (initial.engine as EngineFactory)()\n    : (initial.engine as Engine);\n  if (isLocalEngine(engine)) engine.warmup();\n  let created: Kernel;\n  try {\n    created = createKernel({\n      engine,\n      plugins: initial.plugins,\n      settings: settingsOf(),\n      clock: browserClock(),\n      printer: browserPrinter(),\n    });\n  } catch (error) {\n    // A plan or dependency error shows in the `error` slot.\n    bootError.value = error;\n    phase.value = 'error';\n    if (ownsEngine) void engine.destroy();\n    return;\n  }\n  const stopTracking = created.subscribe(() => {\n    revision.value += 1;\n  });\n  // The kernel is on the binding from now on, so the fallback can use it.\n  kernel.value = created;\n  let alive = true;\n  created.start().then(\n    () => {\n      if (!alive) return;\n      emit('ready', created);\n      phase.value = 'ready';\n      // Every tab appears at once, in order; the `active` entry (else the\n      // first) is selected; a failure shows as that document's status.\n      created.documents.openAll(initial.initialDocuments ?? []);\n    },\n    (error: unknown) => {\n      if (!alive) return;\n      bootError.value = error;\n      phase.value = 'error';\n    },\n  );\n  teardown = () => {\n    alive = false;\n    stopTracking();\n    // The kernel first (it closes every document's handle), then the engine\n    // the viewer owns.\n    void created.destroy().then(() => {\n      if (ownsEngine) void engine.destroy();\n    });\n  };\n});\n\n// After the content has unmounted, so its own cleanups still reach a live kernel.\nonUnmounted(() => teardown?.());\n\n// Props compare by value: an inline `:page=\"{ shadow: 'none' }\"` is a new\n// object on every render, and settings that didn't change change nothing.\nwatch(settingsOf, (settings) => kernel.value?.updateSettings(settings));\n\ndefineExpose({\n  /** The started kernel; null before it starts and after a failed start. */\n  kernel: computed(() => (phase.value === 'ready' ? kernel.value : null)),\n});\n</script>\n\n<template>\n  <slot v-if=\"phase === 'error'\" name=\"error\" :error=\"bootError\" />\n  <template v-else-if=\"kernel\">\n    <slot v-if=\"phase === 'ready'\" />\n    <slot v-else name=\"fallback\" />\n  </template>\n</template>\n","<!--\n  <KernelProvider :kernel>: gives its content a kernel someone else created and\n  owns, so every composable inside works against that kernel. The full viewer's\n  Vue wrapper puts the components it shows in the viewer inside one. It never\n  starts or destroys the kernel; <Viewer> is the component that owns one. The\n  kernel is read once: for another one, mount a new provider (a new `key`).\n-->\n<script setup lang=\"ts\">\nimport { onScopeDispose, shallowRef, toRaw, watch } from 'vue';\nimport type { Kernel } from '@embedpdf/core';\nimport { devWarn } from '../dev';\nimport { provideViewer } from './kernel';\n\nconst props = defineProps<{\n  /** The kernel, created and started by its owner. Read once. */\n  kernel: Kernel;\n}>();\n\ndefineSlots<{ default?(): unknown }>();\n\n// Read once, as `<Viewer>` reads its engine: the composables inside took this kernel when they\n// were set up, and a new one under them would leave them reading the old one. Raw, because a\n// reactive copy of the kernel is another object.\nconst kernel = toRaw(props.kernel);\nwatch(\n  () => props.kernel,\n  () =>\n    devWarn(\n      'kernel-provider-kernel-init-only',\n      '<KernelProvider> kernel is read once, when it mounts; another kernel is ignored. ' +\n        'To give its content another kernel, mount a new <KernelProvider>, for example with a new `key`.',\n    ),\n);\n\n// Goes up on every change the kernel announces; every reader's computed depends on it.\nconst revision = shallowRef(0);\nonScopeDispose(\n  kernel.subscribe(() => {\n    revision.value += 1;\n  }),\n);\n\nprovideViewer({\n  kernel,\n  track: () => {\n    void revision.value;\n  },\n});\n</script>\n\n<template>\n  <slot />\n</template>\n","<!--\n  <DocumentGate>: renders its content only while this subtree has a ready\n  document, the structural way to say \"this UI is defined over a document\".\n  Workspace UI (toolbars, commands) lives outside it; document UI (the Stage,\n  panels) inside. A document that waits for its password, or failed, renders\n  the `#locked` or `#error` slot with it, or else `#fallback`. It decides\n  whether; <DocumentScope> decides which document.\n-->\n<script setup lang=\"ts\">\nimport type { DocumentInfo, FailedDocumentInfo, LockedDocumentInfo } from '@embedpdf/core';\nimport { useDocument } from './documents';\n\ndefineSlots<{\n  /** Rendered while the document is ready. */\n  default?(): unknown;\n  /** Shown while this subtree has no document: none is open, or it's still opening. */\n  fallback?(): unknown;\n  /** Shown while the document waits for its password; `#fallback` without it. */\n  locked?(props: { document: LockedDocumentInfo }): unknown;\n  /** Shown when the document couldn't be opened, with why; `#fallback` without it. */\n  error?(props: { document: FailedDocumentInfo }): unknown;\n}>();\n\nconst current = useDocument((document: DocumentInfo) => document);\n</script>\n\n<template>\n  <slot v-if=\"current.status === 'ready'\" />\n  <slot\n    v-else-if=\"current.status === 'locked' && $slots.locked\"\n    name=\"locked\"\n    :document=\"current as LockedDocumentInfo\"\n  />\n  <slot\n    v-else-if=\"current.status === 'error' && $slots.error\"\n    name=\"error\"\n    :document=\"current as FailedDocumentInfo\"\n  />\n  <slot v-else name=\"fallback\" />\n</template>\n","<!--\n  <DocumentScope :id>: binds its content to one document, for panes and\n  comparisons. The composables inside talk to that document instead of the\n  active one, and `useDocuments()` calls without an id use it.\n-->\n<script setup lang=\"ts\">\nimport { provideDocumentScope } from './kernel';\n\nconst props = defineProps<{\n  /** The document's id. */\n  id: string;\n}>();\n\ndefineSlots<{ default?(): unknown }>();\n\nprovideDocumentScope(() => props.id);\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["_renderSlot","_createElementBlock","_Fragment","_unref","$slots"],"mappings":"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"}

package/dist/DocumentScope.vue_vue_type_script_setup_true_lang-czzeUzPl.cjs

@@ -0,0 +1,191 @@
+"use strict";
+const web = require("@embedpdf/web");
+const vue = require("vue");
+const core = require("@embedpdf/core");
+const dev = require("./dev-eeIS2B4c.cjs");
+const capabilities = require("./capabilities-DVNJmgy7.cjs");
+const documents = require("./documents-TQ1fMdWI.cjs");
+function epdfTheme(theme) {
+  return web.epdfThemeVariables(theme);
+}
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Viewer",
+  props: {
+    engine: {},
+    plugins: {},
+    initialDocuments: {},
+    identity: {},
+    scope: {},
+    accent: {},
+    page: {}
+  },
+  emits: ["ready"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const settingsOf = () => core.viewerSettingsOf({
+      identity: vue.toRaw(props.identity),
+      scope: vue.toRaw(props.scope),
+      accent: props.accent,
+      page: vue.toRaw(props.page)
+    });
+    const kernel = vue.shallowRef(null);
+    const phase = vue.shallowRef("booting");
+    const bootError = vue.shallowRef(null);
+    const revision = vue.shallowRef(0);
+    capabilities.provideViewer({
+      get kernel() {
+        return kernel.value;
+      },
+      track: () => {
+        void revision.value;
+      }
+    });
+    const initial = {
+      engine: vue.toRaw(props.engine),
+      plugins: vue.toRaw(props.plugins),
+      initialDocuments: vue.toRaw(props.initialDocuments)
+    };
+    vue.watch(
+      () => props.plugins,
+      () => dev.devWarn(
+        "viewer-plugins-init-only",
+        "<Viewer> plugins are read once, when it mounts; a new list is ignored. Create the list once, next to the engine, not inline in the template."
+      )
+    );
+    vue.watch(
+      () => props.engine,
+      (engine) => {
+        if (typeof engine === "function") return;
+        dev.devWarn(
+          "viewer-engine-init-only",
+          "<Viewer> engine is read once, when it mounts; another engine is ignored. To use another engine, mount a new <Viewer>, for example with a new `key`."
+        );
+      }
+    );
+    let teardown = null;
+    vue.onMounted(() => {
+      const ownsEngine = typeof initial.engine === "function";
+      const engine = ownsEngine ? initial.engine() : initial.engine;
+      if (core.isLocalEngine(engine)) engine.warmup();
+      let created;
+      try {
+        created = core.createKernel({
+          engine,
+          plugins: initial.plugins,
+          settings: settingsOf(),
+          clock: web.browserClock(),
+          printer: web.browserPrinter()
+        });
+      } catch (error) {
+        bootError.value = error;
+        phase.value = "error";
+        if (ownsEngine) void engine.destroy();
+        return;
+      }
+      const stopTracking = created.subscribe(() => {
+        revision.value += 1;
+      });
+      kernel.value = created;
+      let alive = true;
+      created.start().then(
+        () => {
+          if (!alive) return;
+          emit("ready", created);
+          phase.value = "ready";
+          created.documents.openAll(initial.initialDocuments ?? []);
+        },
+        (error) => {
+          if (!alive) return;
+          bootError.value = error;
+          phase.value = "error";
+        }
+      );
+      teardown = () => {
+        alive = false;
+        stopTracking();
+        void created.destroy().then(() => {
+          if (ownsEngine) void engine.destroy();
+        });
+      };
+    });
+    vue.onUnmounted(() => teardown == null ? void 0 : teardown());
+    vue.watch(settingsOf, (settings) => {
+      var _a;
+      return (_a = kernel.value) == null ? void 0 : _a.updateSettings(settings);
+    });
+    __expose({
+      /** The started kernel; null before it starts and after a failed start. */
+      kernel: vue.computed(() => phase.value === "ready" ? kernel.value : null)
+    });
+    return (_ctx, _cache) => {
+      return phase.value === "error" ? vue.renderSlot(_ctx.$slots, "error", { error: bootError.value }, void 0, void 0, 0) : kernel.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+        phase.value === "ready" ? vue.renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : vue.renderSlot(_ctx.$slots, "fallback", {}, void 0, void 0, 1)
+      ], 64)) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "KernelProvider",
+  props: {
+    kernel: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const kernel = vue.toRaw(props.kernel);
+    vue.watch(
+      () => props.kernel,
+      () => dev.devWarn(
+        "kernel-provider-kernel-init-only",
+        "<KernelProvider> kernel is read once, when it mounts; another kernel is ignored. To give its content another kernel, mount a new <KernelProvider>, for example with a new `key`."
+      )
+    );
+    const revision = vue.shallowRef(0);
+    vue.onScopeDispose(
+      kernel.subscribe(() => {
+        revision.value += 1;
+      })
+    );
+    capabilities.provideViewer({
+      kernel,
+      track: () => {
+        void revision.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "DocumentGate",
+  setup(__props) {
+    const current = documents.useDocument((document) => document);
+    return (_ctx, _cache) => {
+      return vue.unref(current).status === "ready" ? vue.renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : vue.unref(current).status === "locked" && _ctx.$slots.locked ? vue.renderSlot(_ctx.$slots, "locked", {
+        document: vue.unref(current)
+      }, void 0, void 0, 1) : vue.unref(current).status === "error" && _ctx.$slots.error ? vue.renderSlot(_ctx.$slots, "error", {
+        document: vue.unref(current)
+      }, void 0, void 0, 2) : vue.renderSlot(_ctx.$slots, "fallback", {}, void 0, void 0, 3);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "DocumentScope",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    const props = __props;
+    capabilities.provideDocumentScope(() => props.id);
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+exports._sfc_main = _sfc_main$1;
+exports._sfc_main$1 = _sfc_main;
+exports._sfc_main$2 = _sfc_main$2;
+exports._sfc_main$3 = _sfc_main$3;
+exports.epdfTheme = epdfTheme;
+//# sourceMappingURL=DocumentScope.vue_vue_type_script_setup_true_lang-czzeUzPl.cjs.map

package/dist/DocumentScope.vue_vue_type_script_setup_true_lang-czzeUzPl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentScope.vue_vue_type_script_setup_true_lang-czzeUzPl.cjs","sources":["../src/theme.ts","../src/runtime/Viewer.vue","../src/runtime/KernelProvider.vue","../src/runtime/DocumentGate.vue","../src/runtime/DocumentScope.vue"],"sourcesContent":["/**\n * `epdfTheme()`: a theme written with setting names, as a style for the\n * element around your viewer. The variables and their lookup are framework-free\n * (`@embedpdf/web`); this only types the result as Vue's style.\n */\nimport type { CSSProperties } from 'vue';\nimport { epdfThemeVariables, type EpdfTheme } from '@embedpdf/web';\n\nexport type { EpdfTheme } from '@embedpdf/web';\n\n/**\n * The CSS variables of a theme, for a `:style` binding: `<div :style=\"epdfTheme({ accent })\">`.\n * Everything inside the element follows them, and a CSS variable wins over any setting.\n */\nexport function epdfTheme(theme: EpdfTheme): CSSProperties {\n  return epdfThemeVariables(theme) as CSSProperties;\n}\n","<!--\n  <Viewer>: owns the kernel. It creates and starts the kernel when it mounts\n  (never on the server) and destroys it when it unmounts; the components inside\n  read it through composables. `engine`, `plugins` and `initialDocuments` are\n  read once; `identity`, `scope`, `accent` and `page` are the viewer's settings\n  and follow the props.\n-->\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, shallowRef, toRaw, watch } from 'vue';\nimport { createKernel, isLocalEngine, viewerSettingsOf } from '@embedpdf/core';\nimport { browserClock, browserPrinter } from '@embedpdf/web';\nimport type {\n  AnyPlugin,\n  Engine,\n  EngineFactory,\n  Identity,\n  InitialDocument,\n  Kernel,\n  ViewerPageSettings,\n  ViewerSettings,\n} from '@embedpdf/core';\nimport { devWarn } from '../dev';\nimport { provideViewer } from './kernel';\n\nconst props = defineProps<{\n  /**\n   * The engine, as an instance or a function. An instance is borrowed: the\n   * viewer uses it and never destroys it (a module-level `localEngine()`\n   * shared by every viewer). A function is the viewer's own: it calls it when\n   * it mounts and destroys the engine when it unmounts. Read once.\n   */\n  engine: Engine | EngineFactory;\n  /** The plugins, created once next to the engine. Read once. */\n  plugins: AnyPlugin[];\n  /** Documents to open when the viewer starts, with optional tab names. Read once. */\n  initialDocuments?: InitialDocument[];\n  /**\n   * Who the user is, for every document opened without an `identity` of its\n   * own (which replaces this one). Documents opened after a change use the new\n   * value; open ones keep theirs. The local engine only: the cloud engine reads\n   * it from the document's token.\n   */\n  identity?: Identity;\n  /**\n   * What the user may do, as permissions, in every document opened without a\n   * `scope` of its own. Left out, they may do everything. Changes reach the\n   * documents opened after them, as `identity`.\n   */\n  scope?: readonly string[];\n  /** The color every part without a color of its own follows. CSS `--epdf-accent` wins over it. */\n  accent?: string;\n  /** How pages look: `background` before the picture arrives, and the `shadow` under each page. */\n  page?: Partial<ViewerPageSettings>;\n}>();\n\nconst emit = defineEmits<{\n  /**\n   * The kernel has started: before the default slot mounts and before\n   * `initialDocuments` open. The door for code outside Vue components\n   * (register commands, subscribe to events).\n   */\n  ready: [kernel: Kernel];\n}>();\n\ndefineSlots<{\n  /** The viewer's content, mounted once the kernel has started. */\n  default?(): unknown;\n  /** Shown while the kernel starts; the composables already work in it. */\n  fallback?(): unknown;\n  /** Shown when the kernel couldn't be created or started. Without it, a failed start shows nothing. */\n  error?(props: { error: unknown }): unknown;\n}>();\n\n/**\n * The viewer's settings as the props give them: a prop left out is its\n * default. Values reach the kernel raw: a reactive copy would be another object\n * to it, and can't be sent to a worker.\n */\nconst settingsOf = (): ViewerSettings =>\n  viewerSettingsOf({\n    identity: toRaw(props.identity),\n    scope: toRaw(props.scope),\n    accent: props.accent,\n    page: toRaw(props.page),\n  });\n\nconst kernel = shallowRef<Kernel | null>(null);\nconst phase = shallowRef<'booting' | 'ready' | 'error'>('booting');\nconst bootError = shallowRef<unknown>(null);\n// Goes up on every kernel change; every reader's computed depends on it.\nconst revision = shallowRef(0);\n\nprovideViewer({\n  get kernel() {\n    return kernel.value;\n  },\n  track: () => {\n    void revision.value;\n  },\n});\n\n// Read once: a changed engine or plugin list can't mean \"rebuild the\n// workspace\", which would drop every open document. Raw, because the kernel\n// knows a plugin's token by identity, and a reactive copy is another object.\nconst initial = {\n  engine: toRaw(props.engine),\n  plugins: toRaw(props.plugins),\n  initialDocuments: toRaw(props.initialDocuments),\n};\nwatch(\n  () => props.plugins,\n  () =>\n    devWarn(\n      'viewer-plugins-init-only',\n      '<Viewer> plugins are read once, when it mounts; a new list is ignored. ' +\n        'Create the list once, next to the engine, not inline in the template.',\n    ),\n);\nwatch(\n  () => props.engine,\n  (engine) => {\n    // An inline `:engine=\"() => localEngine()\"` is a new function on every\n    // render; only another engine instance is worth a warning.\n    if (typeof engine === 'function') return;\n    devWarn(\n      'viewer-engine-init-only',\n      '<Viewer> engine is read once, when it mounts; another engine is ignored. ' +\n        'To use another engine, mount a new <Viewer>, for example with a new `key`.',\n    );\n  },\n);\n\nlet teardown: (() => void) | null = null;\n\nonMounted(() => {\n  // A function is the viewer's own engine: called now, destroyed on unmount.\n  // An instance is borrowed. Construction is synchronous and inert either way,\n  // so warming up a local engine overlaps its boot with the plugins' start.\n  const ownsEngine = typeof initial.engine === 'function';\n  const engine: Engine = ownsEngine\n    ? (initial.engine as EngineFactory)()\n    : (initial.engine as Engine);\n  if (isLocalEngine(engine)) engine.warmup();\n  let created: Kernel;\n  try {\n    created = createKernel({\n      engine,\n      plugins: initial.plugins,\n      settings: settingsOf(),\n      clock: browserClock(),\n      printer: browserPrinter(),\n    });\n  } catch (error) {\n    // A plan or dependency error shows in the `error` slot.\n    bootError.value = error;\n    phase.value = 'error';\n    if (ownsEngine) void engine.destroy();\n    return;\n  }\n  const stopTracking = created.subscribe(() => {\n    revision.value += 1;\n  });\n  // The kernel is on the binding from now on, so the fallback can use it.\n  kernel.value = created;\n  let alive = true;\n  created.start().then(\n    () => {\n      if (!alive) return;\n      emit('ready', created);\n      phase.value = 'ready';\n      // Every tab appears at once, in order; the `active` entry (else the\n      // first) is selected; a failure shows as that document's status.\n      created.documents.openAll(initial.initialDocuments ?? []);\n    },\n    (error: unknown) => {\n      if (!alive) return;\n      bootError.value = error;\n      phase.value = 'error';\n    },\n  );\n  teardown = () => {\n    alive = false;\n    stopTracking();\n    // The kernel first (it closes every document's handle), then the engine\n    // the viewer owns.\n    void created.destroy().then(() => {\n      if (ownsEngine) void engine.destroy();\n    });\n  };\n});\n\n// After the content has unmounted, so its own cleanups still reach a live kernel.\nonUnmounted(() => teardown?.());\n\n// Props compare by value: an inline `:page=\"{ shadow: 'none' }\"` is a new\n// object on every render, and settings that didn't change change nothing.\nwatch(settingsOf, (settings) => kernel.value?.updateSettings(settings));\n\ndefineExpose({\n  /** The started kernel; null before it starts and after a failed start. */\n  kernel: computed(() => (phase.value === 'ready' ? kernel.value : null)),\n});\n</script>\n\n<template>\n  <slot v-if=\"phase === 'error'\" name=\"error\" :error=\"bootError\" />\n  <template v-else-if=\"kernel\">\n    <slot v-if=\"phase === 'ready'\" />\n    <slot v-else name=\"fallback\" />\n  </template>\n</template>\n","<!--\n  <KernelProvider :kernel>: gives its content a kernel someone else created and\n  owns, so every composable inside works against that kernel. The full viewer's\n  Vue wrapper puts the components it shows in the viewer inside one. It never\n  starts or destroys the kernel; <Viewer> is the component that owns one. The\n  kernel is read once: for another one, mount a new provider (a new `key`).\n-->\n<script setup lang=\"ts\">\nimport { onScopeDispose, shallowRef, toRaw, watch } from 'vue';\nimport type { Kernel } from '@embedpdf/core';\nimport { devWarn } from '../dev';\nimport { provideViewer } from './kernel';\n\nconst props = defineProps<{\n  /** The kernel, created and started by its owner. Read once. */\n  kernel: Kernel;\n}>();\n\ndefineSlots<{ default?(): unknown }>();\n\n// Read once, as `<Viewer>` reads its engine: the composables inside took this kernel when they\n// were set up, and a new one under them would leave them reading the old one. Raw, because a\n// reactive copy of the kernel is another object.\nconst kernel = toRaw(props.kernel);\nwatch(\n  () => props.kernel,\n  () =>\n    devWarn(\n      'kernel-provider-kernel-init-only',\n      '<KernelProvider> kernel is read once, when it mounts; another kernel is ignored. ' +\n        'To give its content another kernel, mount a new <KernelProvider>, for example with a new `key`.',\n    ),\n);\n\n// Goes up on every change the kernel announces; every reader's computed depends on it.\nconst revision = shallowRef(0);\nonScopeDispose(\n  kernel.subscribe(() => {\n    revision.value += 1;\n  }),\n);\n\nprovideViewer({\n  kernel,\n  track: () => {\n    void revision.value;\n  },\n});\n</script>\n\n<template>\n  <slot />\n</template>\n","<!--\n  <DocumentGate>: renders its content only while this subtree has a ready\n  document, the structural way to say \"this UI is defined over a document\".\n  Workspace UI (toolbars, commands) lives outside it; document UI (the Stage,\n  panels) inside. A document that waits for its password, or failed, renders\n  the `#locked` or `#error` slot with it, or else `#fallback`. It decides\n  whether; <DocumentScope> decides which document.\n-->\n<script setup lang=\"ts\">\nimport type { DocumentInfo, FailedDocumentInfo, LockedDocumentInfo } from '@embedpdf/core';\nimport { useDocument } from './documents';\n\ndefineSlots<{\n  /** Rendered while the document is ready. */\n  default?(): unknown;\n  /** Shown while this subtree has no document: none is open, or it's still opening. */\n  fallback?(): unknown;\n  /** Shown while the document waits for its password; `#fallback` without it. */\n  locked?(props: { document: LockedDocumentInfo }): unknown;\n  /** Shown when the document couldn't be opened, with why; `#fallback` without it. */\n  error?(props: { document: FailedDocumentInfo }): unknown;\n}>();\n\nconst current = useDocument((document: DocumentInfo) => document);\n</script>\n\n<template>\n  <slot v-if=\"current.status === 'ready'\" />\n  <slot\n    v-else-if=\"current.status === 'locked' && $slots.locked\"\n    name=\"locked\"\n    :document=\"current as LockedDocumentInfo\"\n  />\n  <slot\n    v-else-if=\"current.status === 'error' && $slots.error\"\n    name=\"error\"\n    :document=\"current as FailedDocumentInfo\"\n  />\n  <slot v-else name=\"fallback\" />\n</template>\n","<!--\n  <DocumentScope :id>: binds its content to one document, for panes and\n  comparisons. The composables inside talk to that document instead of the\n  active one, and `useDocuments()` calls without an id use it.\n-->\n<script setup lang=\"ts\">\nimport { provideDocumentScope } from './kernel';\n\nconst props = defineProps<{\n  /** The document's id. */\n  id: string;\n}>();\n\ndefineSlots<{ default?(): unknown }>();\n\nprovideDocumentScope(() => props.id);\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["epdfThemeVariables","viewerSettingsOf","toRaw","shallowRef","provideViewer","watch","devWarn","onMounted","isLocalEngine","createKernel","browserClock","browserPrinter","onUnmounted","computed","_renderSlot","_createElementBlock","_Fragment","onScopeDispose","useDocument","_unref","$slots","provideDocumentScope"],"mappings":"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"}