@inkbar/vue 0.6.0 → 0.7.0

package/dist/components/InkViewport.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"InkViewport.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_createElementVNode","_toDisplayString","_createCommentVNode","_Fragment","_renderList","_createBlock","InkPage","_createSlots","_withCtx","_mergeProps","InkPage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","InkViewport_vue_vue_type_script_setup_true_lang_default","props","__props","slots","useSlots","ctx","injectInkContext","scroll","useTemplateRef","pages","shallowRef","state","computed","error","engine","build","custom","stops","lastReportedZoom","lastReportedPage","teardown","stop","rebuild","e","opts","setup","doc","el","first","mountViewer","a","fn","id","vp","tc","reportZoom","z","reportPage","p","page","err","onMounted","watch","t","m","r","gap","buffer","onBeforeUpdate","next","onBeforeUnmount","openBlock","createElementBlock","renderSlot","_ctx","_cache","createTextVNode","createElementVNode","toDisplayString","createCommentVNode","Fragment","renderList","createBlock","createSlots","withCtx","mergeProps","slotProps"],"sources":["../../src/components/InkViewport.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The scroll element is handed to core's `mountViewer`, which builds the viewport, the page\n * layers, the tool controller and the keyboard shortcuts in it; Vue never renders children\n * into it. The engine reports each page host it mounts, and InkPage components rendered here\n * (they render nothing in place) teleport the page-error and custom-annotation slots into them.\n *\n * Two-way zoom and page: the viewport's own changes are reported through the context, and\n * the host's v-model values are applied only when they differ from the viewport's state, so\n * the echo of a reported value does nothing.\n */\nimport { mountViewer } from '@inkbar/core/dom'\nimport {\n  computed,\n  onBeforeUnmount,\n  onBeforeUpdate,\n  onMounted,\n  shallowRef,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport { injectInkContext } from '../context'\n\nimport InkPage from './InkPage.vue'\n\nimport type { AnnotationSlotProps } from './annotation-slot'\nimport type { InkError } from '@inkbar/core'\nimport type {\n  LayoutMode,\n  PageMount,\n  ToolId,\n  ViewerEngine,\n  ViewRotation,\n  ZoomValue,\n} from '@inkbar/core/dom'\n\nconst props = withDefaults(\n  defineProps<{\n    mode?: LayoutMode\n    rotation?: ViewRotation\n    /** Gap between pages, CSS px. */\n    gap?: number\n    /** Pages kept mounted either side of the visible ones. */\n    buffer?: number\n  }>(),\n  { mode: 'continuous', rotation: 0, gap: 16, buffer: 2 }\n)\n\nconst slots = defineSlots<{\n  loading?(): unknown\n  error?(props: { error: InkError }): unknown\n  empty?(): unknown\n  annotation?(props: AnnotationSlotProps): unknown\n  /** Shown inside a page that failed to render. The rest of the document stays usable. */\n  'page-error'?(props: { error: InkError; page: number }): unknown\n}>()\n\nconst ctx = injectInkContext()\nconst scroll = useTemplateRef<HTMLElement>('scroll')\n\ninterface MountedPage {\n  /** The engine build the host belongs to; part of the InkPage key. */\n  build: number\n  page: number\n  host: HTMLElement\n  mount: PageMount\n  error: InkError | null\n  /** Whether the build that mounted the page renders the annotation slot. */\n  custom: boolean\n}\n/** Page hosts, mounts and errors the engine reported; InkPage renders Teleports for them. */\nconst pages = shallowRef<MountedPage[]>([])\n\nconst state = computed(() => ctx.status.value.state)\nconst error = computed<InkError | null>(() =>\n  ctx.status.value.state === 'error' ? ctx.status.value.error : null\n)\n\nconst engine = shallowRef<ViewerEngine | null>(null)\n/**\n * Numbered before each build starts, so the pages a build mounts carry its own number. A\n * rebuild gives each page a new host and mount, so pages from an earlier build must remount,\n * not be reused.\n */\nlet build = 0\n/** Whether the current build renders the annotation slot. */\nlet custom = false\nlet stops: (() => void)[] = []\n/** The zoom and page last reported to the host. */\nlet lastReportedZoom: ZoomValue | undefined\nlet lastReportedPage: number | undefined\n\nfunction teardown(): void {\n  for (const stop of stops) stop()\n  stops = []\n  // Unmounts every page, which empties `pages` through `onPageUnmount`.\n  engine.value?.destroy()\n  engine.value = null\n  if (ctx.viewport.value) ctx.viewport.value = null\n  if (ctx.tools.value) ctx.tools.value = null\n  pages.value = []\n}\n\nfunction rebuild(opts: Parameters<ViewerEngine['rebuild']>[0]): void {\n  const e = engine.value\n  if (!e) return\n  build += 1\n  if (opts.customAnnotations !== undefined) custom = opts.customAnnotations\n  e.rebuild(opts)\n}\n\n// Build for a new document or status; the previous engine is torn down first.\nfunction setup(): void {\n  teardown()\n  lastReportedZoom = undefined\n  lastReportedPage = undefined\n  const doc = ctx.document.value\n  const el = scroll.value\n  if (!doc || !el || ctx.status.value.state !== 'ready') return\n  let first = true\n  build += 1\n  custom = !!slots.annotation\n  engine.value = mountViewer({\n    container: el,\n    document: doc,\n    zoom: ctx.zoomModel.value ?? 'fit-width',\n    ...(ctx.pageModel.value === undefined ? {} : { page: ctx.pageModel.value }),\n    mode: props.mode,\n    rotation: props.rotation,\n    gap: props.gap,\n    buffer: props.buffer,\n    tool: ctx.tool.value,\n    ...(ctx.hostTools.value ? { tools: ctx.hostTools.value } : {}),\n    // The engine adds the plugins' tools and layers, and decorates through the host, which\n    // reads `decorateAnnotation` first.\n    ...(ctx.pluginHost.value ? { plugins: ctx.pluginHost.value } : {}),\n    // Read through, so the watch below can re-apply a new function without a rebuild.\n    decorateAnnotation: (a) => ctx.decorateAnnotation.value?.(a),\n    ...(ctx.toolStyle.value ? { toolStyle: ctx.toolStyle.value } : {}),\n    toolHistory: { batch: (fn) => ctx.history.batch(fn) },\n    toolOptions: ctx.toolOptions,\n    fonts: [...ctx.fonts.value],\n    // Read through, so a new `signatures` store reaches the tool as well as the menus.\n    signatureLibrary: () => ctx.signatures.value,\n    customAnnotations: custom,\n    onActivate: (id) => ctx.setActivated(id),\n    onBuild: (vp, tc) => {\n      ctx.viewport.value = vp\n      ctx.tools.value = tc\n      if (first) {\n        // A new document starts from where the viewport opens (its zoom, on the first page:\n        // `createViewport` always starts at page 0); only later changes are reported, the\n        // restored page among them, since the engine has already scrolled to it.\n        first = false\n        lastReportedZoom = vp.zoom.get()\n        lastReportedPage = 0\n      }\n      for (const stop of stops) stop()\n      const reportZoom = (z: ZoomValue): void => {\n        if (z === lastReportedZoom) return\n        lastReportedZoom = z\n        ctx.reportZoom(z)\n      }\n      const reportPage = (p: number): void => {\n        if (p === lastReportedPage) return\n        lastReportedPage = p\n        ctx.reportPage(p)\n      }\n      // A tool that switches itself (a one-shot tool once used) is reported as a pick.\n      const followTool = (id: ToolId): void => {\n        if (id !== ctx.tool.value) ctx.setTool(id)\n      }\n      stops = [\n        vp.zoom.subscribe(reportZoom),\n        vp.currentPage.subscribe(reportPage),\n        tc.active.subscribe(followTool),\n      ]\n      // Whatever the build restored is reported once; nothing is when it matched.\n      reportZoom(vp.zoom.get())\n      reportPage(vp.currentPage.get())\n    },\n    onPageMount: (page, mount, host) => {\n      pages.value = [...pages.value, { build, page, host, mount, error: null, custom }]\n    },\n    onPageUnmount: (page) => {\n      pages.value = pages.value.filter((p) => p.page !== page)\n    },\n    onPageError: (page, err) => {\n      pages.value = pages.value.map((p) => (p.page === page ? { ...p, error: err } : p))\n    },\n  })\n}\n\nonMounted(() => {\n  ctx.viewportEl.value = scroll.value\n  watch([() => ctx.document.value, () => ctx.status.value.state], setup, {\n    immediate: true,\n  })\n})\n\n// A new decorateAnnotation re-applies to the mounted annotation elements at once.\nwatch(\n  () => ctx.decorateAnnotation.value,\n  () => engine.value?.redecorate()\n)\nwatch(\n  () => ctx.zoomModel.value,\n  (z: ZoomValue | undefined) => {\n    const vp = engine.value?.viewport\n    if (vp && z !== undefined && z !== vp.zoom.get()) vp.setZoom(z)\n  }\n)\nwatch(\n  () => ctx.pageModel.value,\n  (p) => {\n    const vp = engine.value?.viewport\n    if (!vp || p === undefined || p === lastReportedPage) return\n    if (p !== vp.currentPage.get()) vp.scrollToPage(p)\n  }\n)\nwatch(\n  () => ctx.tool.value,\n  (t) => {\n    const tc = engine.value?.tools\n    if (tc && tc.active.get() !== t) tc.set(t)\n  }\n)\nwatch(\n  () => props.mode,\n  (m) => engine.value?.viewport.setMode(m)\n)\nwatch(\n  () => props.rotation,\n  (r) => engine.value?.viewport.setRotation(r)\n)\n// Gap and buffer are construction options: rebuild for the same document, keeping zoom and page.\n// The slots are already updated when this runs, so it carries the annotation slot too: a slot\n// toggle in the same tick is then recorded here and `onBeforeUpdate` finds nothing left to do.\nwatch([() => props.gap, () => props.buffer], ([gap, buffer]) =>\n  rebuild({ gap, buffer, customAnnotations: !!slots.annotation })\n)\n\n// Slots are not reactive, so a change to whether the annotation slot is given is caught here.\n// `onBeforeUpdate` runs after the new slots are in place and before this render: the rebuild\n// swaps `pages` for the new build's pages synchronously, so the render that follows never pairs\n// the annotation slot with an overlay built without it (or the reverse). The rebuild keeps the\n// scroll position.\nonBeforeUpdate(() => {\n  const next = !!slots.annotation\n  if (engine.value && next !== custom) rebuild({ customAnnotations: next })\n})\n\nonBeforeUnmount(() => {\n  teardown()\n  if (ctx.viewportEl.value === scroll.value) ctx.viewportEl.value = null\n})\n</script>\n\n<template>\n  <div class=\"ink-viewport-root\" data-ink-viewport-root :data-state=\"state\">\n    <div v-if=\"state === 'loading'\" class=\"ink-status\" role=\"status\" aria-live=\"polite\">\n      <slot name=\"loading\">Loading document…</slot>\n    </div>\n    <div v-else-if=\"error\" class=\"ink-status ink-error\" role=\"alert\">\n      <slot name=\"error\" :error=\"error\">\n        <p class=\"ink-error-title\">This document could not be opened.</p>\n        <!-- The message comes from the PDF engine and is not written for readers: it stays\n             off the page, on the code's tooltip. -->\n        <p>\n          <code class=\"ink-error-code\" :title=\"error.message\">{{ error.code }}</code>\n        </p>\n      </slot>\n    </div>\n    <div v-else-if=\"state === 'idle'\" class=\"ink-status ink-empty\">\n      <slot name=\"empty\" />\n    </div>\n    <div\n      ref=\"scroll\"\n      class=\"ink-scroll\"\n      data-ink-scroll\n      tabindex=\"0\"\n      role=\"document\"\n      aria-label=\"Document\"\n    />\n    <InkPage\n      v-for=\"p in pages\"\n      :key=\"`${p.build}:${p.page}`\"\n      :page=\"p.page\"\n      :host=\"p.host\"\n      :mount=\"p.mount\"\n      :error=\"p.error\"\n      :custom-annotations=\"p.custom\"\n    >\n      <template v-if=\"slots.annotation\" #annotation=\"slotProps\">\n        <slot name=\"annotation\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"slots['page-error']\" #page-error=\"slotProps\">\n        <slot name=\"page-error\" v-bind=\"slotProps\" />\n      </template>\n    </InkPage>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"InkViewport.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_createElementVNode","_toDisplayString","_createCommentVNode","_Fragment","_renderList","_createBlock","InkPage","_createSlots","_withCtx","_mergeProps","InkPage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","InkViewport_vue_vue_type_script_setup_true_lang_default","props","__props","slots","useSlots","ctx","injectInkContext","scroll","useTemplateRef","pages","shallowRef","state","computed","error","engine","build","custom","stops","lastReportedZoom","lastReportedPage","teardown","stop","rebuild","e","opts","setup","doc","el","first","mountViewer","a","fn","id","vp","tc","reportZoom","z","reportPage","p","page","err","onMounted","watch","t","m","r","gap","buffer","onBeforeUpdate","next","onBeforeUnmount","openBlock","createElementBlock","renderSlot","_ctx","_cache","createTextVNode","createElementVNode","toDisplayString","createCommentVNode","Fragment","renderList","createBlock","createSlots","withCtx","mergeProps","slotProps"],"sources":["../../src/components/InkViewport.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The scroll element is handed to core's `mountViewer`, which builds the viewport, the page\n * layers, the tool controller and the keyboard shortcuts in it; Vue never renders children\n * into it. The engine reports each page host it mounts, and InkPage components rendered here\n * (they render nothing in place) teleport the page-error and custom-annotation slots into them.\n *\n * Two-way zoom and page: the viewport's own changes are reported through the context, and\n * the host's v-model values are applied only when they differ from the viewport's state, so\n * the echo of a reported value does nothing.\n */\nimport { mountViewer } from '@inkbar/core/dom'\nimport {\n  computed,\n  onBeforeUnmount,\n  onBeforeUpdate,\n  onMounted,\n  shallowRef,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport { injectInkContext } from '../context'\n\nimport InkPage from './InkPage.vue'\n\nimport type { AnnotationSlotProps } from './annotation-slot'\nimport type { InkError } from '@inkbar/core'\nimport type {\n  LayoutMode,\n  PageMount,\n  ToolId,\n  ViewerEngine,\n  ViewRotation,\n  ZoomValue,\n} from '@inkbar/core/dom'\n\nconst props = withDefaults(\n  defineProps<{\n    mode?: LayoutMode\n    rotation?: ViewRotation\n    /** Gap between pages, CSS px. */\n    gap?: number\n    /** Pages kept mounted either side of the visible ones. */\n    buffer?: number\n  }>(),\n  { mode: 'continuous', rotation: 0, gap: 16, buffer: 2 }\n)\n\nconst slots = defineSlots<{\n  loading?(): unknown\n  error?(props: { error: InkError }): unknown\n  empty?(): unknown\n  annotation?(props: AnnotationSlotProps): unknown\n  /** Shown inside a page that failed to render. The rest of the document stays usable. */\n  'page-error'?(props: { error: InkError; page: number }): unknown\n}>()\n\nconst ctx = injectInkContext()\nconst scroll = useTemplateRef<HTMLElement>('scroll')\n\ninterface MountedPage {\n  /** The engine build the host belongs to; part of the InkPage key. */\n  build: number\n  page: number\n  host: HTMLElement\n  mount: PageMount\n  error: InkError | null\n  /** Whether the build that mounted the page renders the annotation slot. */\n  custom: boolean\n}\n/** Page hosts, mounts and errors the engine reported; InkPage renders Teleports for them. */\nconst pages = shallowRef<MountedPage[]>([])\n\nconst state = computed(() => ctx.status.value.state)\nconst error = computed<InkError | null>(() =>\n  ctx.status.value.state === 'error' ? ctx.status.value.error : null\n)\n\nconst engine = shallowRef<ViewerEngine | null>(null)\n/**\n * Numbered before each build starts, so the pages a build mounts carry its own number. A\n * rebuild gives each page a new host and mount, so pages from an earlier build must remount,\n * not be reused.\n */\nlet build = 0\n/** Whether the current build renders the annotation slot. */\nlet custom = false\nlet stops: (() => void)[] = []\n/** The zoom and page last reported to the host. */\nlet lastReportedZoom: ZoomValue | undefined\nlet lastReportedPage: number | undefined\n\nfunction teardown(): void {\n  for (const stop of stops) stop()\n  stops = []\n  // Unmounts every page, which empties `pages` through `onPageUnmount`.\n  engine.value?.destroy()\n  engine.value = null\n  if (ctx.viewport.value) ctx.viewport.value = null\n  if (ctx.tools.value) ctx.tools.value = null\n  pages.value = []\n}\n\nfunction rebuild(opts: Parameters<ViewerEngine['rebuild']>[0]): void {\n  const e = engine.value\n  if (!e) return\n  build += 1\n  if (opts.customAnnotations !== undefined) custom = opts.customAnnotations\n  e.rebuild(opts)\n}\n\n// Build for a new document or status; the previous engine is torn down first.\nfunction setup(): void {\n  teardown()\n  lastReportedZoom = undefined\n  lastReportedPage = undefined\n  const doc = ctx.document.value\n  const el = scroll.value\n  if (!doc || !el || ctx.status.value.state !== 'ready') return\n  let first = true\n  build += 1\n  custom = !!slots.annotation\n  engine.value = mountViewer({\n    container: el,\n    document: doc,\n    zoom: ctx.zoomModel.value ?? 'fit-width',\n    ...(ctx.pageModel.value === undefined ? {} : { page: ctx.pageModel.value }),\n    mode: props.mode,\n    rotation: props.rotation,\n    gap: props.gap,\n    buffer: props.buffer,\n    tool: ctx.tool.value,\n    ...(ctx.hostTools.value ? { tools: ctx.hostTools.value } : {}),\n    // The engine adds the plugins' tools and layers, and decorates through the host, which\n    // reads `decorateAnnotation` first.\n    ...(ctx.pluginHost.value ? { plugins: ctx.pluginHost.value } : {}),\n    // The engine draws the search matches on the pages.\n    ...(ctx.search.value ? { search: ctx.search.value } : {}),\n    // Read through, so the watch below can re-apply a new function without a rebuild.\n    decorateAnnotation: (a) => ctx.decorateAnnotation.value?.(a),\n    ...(ctx.toolStyle.value ? { toolStyle: ctx.toolStyle.value } : {}),\n    toolHistory: { batch: (fn) => ctx.history.batch(fn) },\n    toolOptions: ctx.toolOptions,\n    fonts: [...ctx.fonts.value],\n    // Read through, so a new `signatures` store reaches the tool as well as the menus.\n    signatureLibrary: () => ctx.signatures.value,\n    customAnnotations: custom,\n    onActivate: (id) => ctx.setActivated(id),\n    onBuild: (vp, tc) => {\n      ctx.viewport.value = vp\n      ctx.tools.value = tc\n      if (first) {\n        // A new document starts from where the viewport opens (its zoom, on the first page:\n        // `createViewport` always starts at page 0); only later changes are reported, the\n        // restored page among them, since the engine has already scrolled to it.\n        first = false\n        lastReportedZoom = vp.zoom.get()\n        lastReportedPage = 0\n      }\n      for (const stop of stops) stop()\n      const reportZoom = (z: ZoomValue): void => {\n        if (z === lastReportedZoom) return\n        lastReportedZoom = z\n        ctx.reportZoom(z)\n      }\n      const reportPage = (p: number): void => {\n        if (p === lastReportedPage) return\n        lastReportedPage = p\n        ctx.reportPage(p)\n      }\n      // A tool that switches itself (a one-shot tool once used) is reported as a pick.\n      const followTool = (id: ToolId): void => {\n        if (id !== ctx.tool.value) ctx.setTool(id)\n      }\n      stops = [\n        vp.zoom.subscribe(reportZoom),\n        vp.currentPage.subscribe(reportPage),\n        tc.active.subscribe(followTool),\n      ]\n      // Whatever the build restored is reported once; nothing is when it matched.\n      reportZoom(vp.zoom.get())\n      reportPage(vp.currentPage.get())\n    },\n    onPageMount: (page, mount, host) => {\n      pages.value = [...pages.value, { build, page, host, mount, error: null, custom }]\n    },\n    onPageUnmount: (page) => {\n      pages.value = pages.value.filter((p) => p.page !== page)\n    },\n    onPageError: (page, err) => {\n      pages.value = pages.value.map((p) => (p.page === page ? { ...p, error: err } : p))\n    },\n  })\n}\n\nonMounted(() => {\n  ctx.viewportEl.value = scroll.value\n  watch([() => ctx.document.value, () => ctx.status.value.state], setup, {\n    immediate: true,\n  })\n})\n\n// A new decorateAnnotation re-applies to the mounted annotation elements at once.\nwatch(\n  () => ctx.decorateAnnotation.value,\n  () => engine.value?.redecorate()\n)\nwatch(\n  () => ctx.zoomModel.value,\n  (z: ZoomValue | undefined) => {\n    const vp = engine.value?.viewport\n    if (vp && z !== undefined && z !== vp.zoom.get()) vp.setZoom(z)\n  }\n)\nwatch(\n  () => ctx.pageModel.value,\n  (p) => {\n    const vp = engine.value?.viewport\n    if (!vp || p === undefined || p === lastReportedPage) return\n    if (p !== vp.currentPage.get()) vp.scrollToPage(p)\n  }\n)\nwatch(\n  () => ctx.tool.value,\n  (t) => {\n    const tc = engine.value?.tools\n    if (tc && tc.active.get() !== t) tc.set(t)\n  }\n)\nwatch(\n  () => props.mode,\n  (m) => engine.value?.viewport.setMode(m)\n)\nwatch(\n  () => props.rotation,\n  (r) => engine.value?.viewport.setRotation(r)\n)\n// Gap and buffer are construction options: rebuild for the same document, keeping zoom and page.\n// The slots are already updated when this runs, so it carries the annotation slot too: a slot\n// toggle in the same tick is then recorded here and `onBeforeUpdate` finds nothing left to do.\nwatch([() => props.gap, () => props.buffer], ([gap, buffer]) =>\n  rebuild({ gap, buffer, customAnnotations: !!slots.annotation })\n)\n\n// Slots are not reactive, so a change to whether the annotation slot is given is caught here.\n// `onBeforeUpdate` runs after the new slots are in place and before this render: the rebuild\n// swaps `pages` for the new build's pages synchronously, so the render that follows never pairs\n// the annotation slot with an overlay built without it (or the reverse). The rebuild keeps the\n// scroll position.\nonBeforeUpdate(() => {\n  const next = !!slots.annotation\n  if (engine.value && next !== custom) rebuild({ customAnnotations: next })\n})\n\nonBeforeUnmount(() => {\n  teardown()\n  if (ctx.viewportEl.value === scroll.value) ctx.viewportEl.value = null\n})\n</script>\n\n<template>\n  <div class=\"ink-viewport-root\" data-ink-viewport-root :data-state=\"state\">\n    <div v-if=\"state === 'loading'\" class=\"ink-status\" role=\"status\" aria-live=\"polite\">\n      <slot name=\"loading\">Loading document…</slot>\n    </div>\n    <div v-else-if=\"error\" class=\"ink-status ink-error\" role=\"alert\">\n      <slot name=\"error\" :error=\"error\">\n        <p class=\"ink-error-title\">This document could not be opened.</p>\n        <!-- The message comes from the PDF engine and is not written for readers: it stays\n             off the page, on the code's tooltip. -->\n        <p>\n          <code class=\"ink-error-code\" :title=\"error.message\">{{ error.code }}</code>\n        </p>\n      </slot>\n    </div>\n    <div v-else-if=\"state === 'idle'\" class=\"ink-status ink-empty\">\n      <slot name=\"empty\" />\n    </div>\n    <div\n      ref=\"scroll\"\n      class=\"ink-scroll\"\n      data-ink-scroll\n      tabindex=\"0\"\n      role=\"document\"\n      aria-label=\"Document\"\n    />\n    <InkPage\n      v-for=\"p in pages\"\n      :key=\"`${p.build}:${p.page}`\"\n      :page=\"p.page\"\n      :host=\"p.host\"\n      :mount=\"p.mount\"\n      :error=\"p.error\"\n      :custom-annotations=\"p.custom\"\n    >\n      <template v-if=\"slots.annotation\" #annotation=\"slotProps\">\n        <slot name=\"annotation\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"slots['page-error']\" #page-error=\"slotProps\">\n        <slot name=\"page-error\" v-bind=\"slotProps\" />\n      </template>\n    </InkPage>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/SignatureForm.vue.d.ts

@@ -3,11 +3,11 @@ type __VLS_Props = {
     fonts?: readonly string[] | undefined;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    saved: (template: SignatureTemplate) => any;
     close: () => any;
+    saved: (template: SignatureTemplate) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSaved?: (template: SignatureTemplate) => any;
     onClose?: () => any;
+    onSaved?: (template: SignatureTemplate) => any;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/composables/useSearch.d.ts

@@ -0,0 +1,12 @@
+import { SearchState, ViewerSearch } from '@inkbar/core/dom';
+import { Ref } from 'vue';
+/**
+ * The document search for hosts building their own control: the state, and the actions the
+ * find bar uses. Search is set up once InkRoot has mounted, so until then (and on the server)
+ * the state is closed and the actions do nothing. `open()` runs the search and draws the
+ * highlights even when no find bar is mounted.
+ */
+export declare function useSearch(): {
+    state: Readonly<Ref<SearchState>>;
+} & Omit<ViewerSearch, 'state'>;
+//# sourceMappingURL=useSearch.d.ts.map

package/dist/composables/useSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../src/composables/useSearch.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAW9B;;;;;GAKG;AACH,wBAAgB,SAAS,IAAI;IAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAA;CAAE,GAAG,IAAI,CACvE,YAAY,EACZ,OAAO,CACR,CAWA"}

package/dist/composables/useSearch.js

@@ -0,0 +1,27 @@
+import { useInkContext as e } from "../context.js";
+import { useReadable as t } from "../use-readable.js";
+//#region src/composables/useSearch.ts
+var n = {
+	open: !1,
+	query: "",
+	matchCase: !1,
+	hits: [],
+	current: -1,
+	scanning: !1
+};
+function r() {
+	let r = e("useSearch()").search;
+	return {
+		state: t(() => r.value?.state, n),
+		open: (e) => r.value?.open(e),
+		setQuery: (e) => r.value?.setQuery(e),
+		setMatchCase: (e) => r.value?.setMatchCase(e),
+		next: () => r.value?.next(),
+		previous: () => r.value?.previous(),
+		close: () => r.value?.close()
+	};
+}
+//#endregion
+export { r as useSearch };
+
+//# sourceMappingURL=useSearch.js.map

package/dist/composables/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","names":["CLOSED","useSearch","search","useInkContext","useReadable","query","on"],"sources":["../../src/composables/useSearch.ts"],"sourcesContent":["import { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { SearchState, ViewerSearch } from '@inkbar/core/dom'\nimport type { Ref } from 'vue'\n\nconst CLOSED: SearchState = {\n  open: false,\n  query: '',\n  matchCase: false,\n  hits: [],\n  current: -1,\n  scanning: false,\n}\n\n/**\n * The document search for hosts building their own control: the state, and the actions the\n * find bar uses. Search is set up once InkRoot has mounted, so until then (and on the server)\n * the state is closed and the actions do nothing. `open()` runs the search and draws the\n * highlights even when no find bar is mounted.\n */\nexport function useSearch(): { state: Readonly<Ref<SearchState>> } & Omit<\n  ViewerSearch,\n  'state'\n> {\n  const search = useInkContext('useSearch()').search\n  return {\n    state: useReadable(() => search.value?.state, CLOSED),\n    open: (query) => search.value?.open(query),\n    setQuery: (query) => search.value?.setQuery(query),\n    setMatchCase: (on) => search.value?.setMatchCase(on),\n    next: () => search.value?.next(),\n    previous: () => search.value?.previous(),\n    close: () => search.value?.close(),\n  }\n}\n"],"mappings":";;;AAMA,IAAMA,IAAsB;CAC1B,MAAM;CACN,OAAO;CACP,WAAW;CACX,MAAM,CAAC;CACP,SAAS;CACT,UAAU;AACZ;AAQA,SAAgBC,IAGd;CACA,IAAMC,IAASC,EAAc,aAAa,CAAC,CAAC;CAC5C,OAAO;EACL,OAAOC,QAAkBF,EAAO,OAAO,OAAOF,CAAM;EACpD,OAAO,MAAUE,EAAO,OAAO,KAAKG,CAAK;EACzC,WAAW,MAAUH,EAAO,OAAO,SAASG,CAAK;EACjD,eAAe,MAAOH,EAAO,OAAO,aAAaI,CAAE;EACnD,YAAYJ,EAAO,OAAO,KAAK;EAC/B,gBAAgBA,EAAO,OAAO,SAAS;EACvC,aAAaA,EAAO,OAAO,MAAM;CACnC;AACF"}

package/dist/context.d.ts

@@ -1,5 +1,5 @@
 import { Annotation, InkDocument, InkStatus, PdfAssets, PluginHistory, SignatureLibrary } from '@inkbar/core';
-import { DecorateAnnotation, PluginHost, Tool, ToolController, ToolId, ToolOptions, ToolStyle, Viewport, ZoomValue } from '@inkbar/core/dom';
+import { DecorateAnnotation, PluginHost, SearchController, Tool, ToolController, ToolId, ToolOptions, ToolStyle, Viewport, ZoomValue } from '@inkbar/core/dom';
 import { Ref, ShallowRef } from 'vue';
 export type { InkStatus };
 /**
@@ -33,6 +33,12 @@ export interface InkContext {
      * to the engine; InkCommand places its commands.
      */
     pluginHost: Readonly<ShallowRef<PluginHost | null>>;
+    /**
+     * The search controller from the same set-up as `pluginHost`: shared by the find bar, the
+     * search button, the engine's highlights and the plugins. `null` until the root has mounted
+     * (and on the server) and once it unmounts.
+     */
+    search: Readonly<ShallowRef<SearchController | null>>;
     /** InkViewport's scroll element while it is mounted: the plugins' `root`. */
     viewportEl: ShallowRef<HTMLElement | null>;
     /** Set by InkViewport once it has mounted its viewport and tool controller. */

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,EACjB,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,IAAI,EACJ,cAAc,EACd,MAAM,EACN,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACV,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAE1C,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB;;;;;OAKG;IACH,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAChC;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAA;IAChC,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAA;IAClD,2FAA2F;IAC3F,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAA;IAChC,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,UAAU,EAAE,CAAC,CAAC,CAAA;IACjD,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,EAAE,CAAC,CAAC,CAAA;IAC3C;;;;OAIG;IACH,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAA;IACnD,6EAA6E;IAC7E,UAAU,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC1C,+EAA+E;IAC/E,QAAQ,EAAE,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IACrC,KAAK,EAAE,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACxC,8DAA8D;IAC9D,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAC3B,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,0EAA0E;IAC1E,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,CAAC,CAAA;IAC5C,+FAA+F;IAC/F,kBAAkB,EAAE,QAAQ,CAAC,GAAG,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC,CAAA;IACjE,mFAAmF;IACnF,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,EAAE,CAAC,CAAC,CAAA;IACvC,+EAA+E;IAC/E,WAAW,EAAE,WAAW,CAAA;IACxB,mFAAmF;IACnF,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAClD,8FAA8F;IAC9F,cAAc,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,EAAE,CAAC,CAAC,CAAA;IAChD,wEAAwE;IACxE,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,CAAA;IACjD,4FAA4F;IAC5F,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAA;IAC/C,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC5C,UAAU,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAC9B,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,gGAAgG;IAChG,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IACvC;;;;OAIG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,OAAO,EAAE,UAAU,CAAA;IACnB,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAA;CAC1C;AAED,eAAO,MAAO,gBAAgB,uIAAE,iBAAiB,0CAAwC,CAAA;AAEzF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAO1D"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"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"}

package/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["injectInkContext","provideInkContext","createContext","useInkContext","ctx","getCurrentInstance","consumer"],"sources":["../src/context.ts"],"sourcesContent":["import { createContext } from 'reka-ui'\nimport { getCurrentInstance } from 'vue'\n\nimport type {\n  Annotation,\n  InkDocument,\n  InkStatus,\n  PdfAssets,\n  PluginHistory,\n  SignatureLibrary,\n} from '@inkbar/core'\nimport type {\n  DecorateAnnotation,\n  PluginHost,\n  Tool,\n  ToolController,\n  ToolId,\n  ToolOptions,\n  ToolStyle,\n  Viewport,\n  ZoomValue,\n} from '@inkbar/core/dom'\nimport type { Ref, ShallowRef } from 'vue'\n\nexport type { InkStatus }\n\n/**\n * Undo and redo for the current document, whichever mode its annotations are in. `track` and\n * `react` (from `PluginHistory`) reach the same history, so plugin stores undo with the edits.\n */\nexport interface InkHistory extends PluginHistory {\n  canUndo: Readonly<Ref<boolean>>\n  canRedo: Readonly<Ref<boolean>>\n  undo: () => void\n  redo: () => void\n  clear: () => void\n  /**\n   * Runs `fn` and records what it changes as one undo step. The host still receives one change\n   * per add. Controlled, the history groups the resulting list changes into one step, and\n   * `canUndo` updates once the current task ends. Any other change the host applies in that\n   * same window joins the step.\n   */\n  batch: (fn: () => void) => void\n}\n\nexport interface InkContext {\n  assets: Readonly<Ref<PdfAssets>>\n  document: Readonly<ShallowRef<InkDocument | null>>\n  /** `loading` from the moment a document starts opening, then the document's own status. */\n  status: Readonly<Ref<InkStatus>>\n  annotations: Readonly<Ref<readonly Annotation[]>>\n  selection: Readonly<Ref<readonly string[]>>\n  /**\n   * The plugins from InkRoot's `plugins` prop, set up once the root has mounted and kept for\n   * its life; `null` before that (and on the server) and once it unmounts. InkViewport hands it\n   * to the engine; InkCommand places its commands.\n   */\n  pluginHost: Readonly<ShallowRef<PluginHost | null>>\n  /** InkViewport's scroll element while it is mounted: the plugins' `root`. */\n  viewportEl: ShallowRef<HTMLElement | null>\n  /** Set by InkViewport once it has mounted its viewport and tool controller. */\n  viewport: ShallowRef<Viewport | null>\n  tools: ShallowRef<ToolController | null>\n  /** Desired tool; InkViewport applies it to the controller. */\n  tool: Readonly<Ref<ToolId>>\n  setTool(id: ToolId): void\n  /** Host tools from InkRoot's `tools` prop; InkViewport registers them. */\n  hostTools: Readonly<Ref<Tool[] | undefined>>\n  /** InkRoot's `decorateAnnotation` prop. InkViewport re-applies decorations when it changes. */\n  decorateAnnotation: Readonly<Ref<DecorateAnnotation | undefined>>\n  /** The font families text boxes offer: InkRoot's `fonts`, else `FONT_FAMILIES`. */\n  fonts: Readonly<Ref<readonly string[]>>\n  /** The tools' options for InkRoot's life, so they persist across documents. */\n  toolOptions: ToolOptions\n  /** The saved signatures, from InkRoot's `signatures` store (memory by default). */\n  signatures: Readonly<ShallowRef<SignatureLibrary>>\n  /** The fonts a typed signature offers: InkRoot's `signatureFonts`, else `SIGNATURE_FONTS`. */\n  signatureFonts: Readonly<Ref<readonly string[]>>\n  /** The open document's tool style; `null` while no document is open. */\n  toolStyle: Readonly<ShallowRef<ToolStyle | null>>\n  /** Desired zoom and page from the host's v-models; InkViewport applies and reports back. */\n  zoomModel: Readonly<Ref<ZoomValue | undefined>>\n  pageModel: Readonly<Ref<number | undefined>>\n  reportZoom(z: ZoomValue): void\n  reportPage(p: number): void\n  /** Last activated annotation (Enter, click with the note tool, etc.). Popovers key off this. */\n  activated: Readonly<Ref<string | null>>\n  /**\n   * Activates annotation `id`, or clears the activation with `null`. This is the context's\n   * own: unlike core's `Viewer.setActivated`, it emits InkRoot's `activate` for an id, and it\n   * does not check that the id is in the document.\n   */\n  setActivated(id: string | null): void\n  history: InkHistory\n  rootEl: Readonly<Ref<HTMLElement | null>>\n}\n\nexport const [injectInkContext, provideInkContext] = createContext<InkContext>('InkRoot')\n\n/**\n * The context for composables: throws a readable error when called outside a component\n * rendered inside `InkRoot`, instead of Vue's injection warning.\n */\nexport function useInkContext(consumer: string): InkContext {\n  const ctx = getCurrentInstance() ? injectInkContext(null) : null\n  if (!ctx)\n    throw new Error(\n      `[inkbar] ${consumer} must be called in a component inside <InkRoot>.`\n    )\n  return ctx\n}\n"],"mappings":";;;AAiGA,IAAa,CAACA,GAAkBC,KAAqBC,EAA0B,SAAS;AAMxF,SAAgBC,EAAc,GAA8B;CAC1D,IAAMC,IAAMC,EAAmB,IAAIL,EAAiB,IAAI,IAAI;CAC5D,IAAI,CAACI,GACH,MAAU,MACR,YAAYE,EAAS,iDACvB;CACF,OAAOF;AACT"}
+{"version":3,"file":"context.js","names":["injectInkContext","provideInkContext","createContext","useInkContext","ctx","getCurrentInstance","consumer"],"sources":["../src/context.ts"],"sourcesContent":["import { createContext } from 'reka-ui'\nimport { getCurrentInstance } from 'vue'\n\nimport type {\n  Annotation,\n  InkDocument,\n  InkStatus,\n  PdfAssets,\n  PluginHistory,\n  SignatureLibrary,\n} from '@inkbar/core'\nimport type {\n  DecorateAnnotation,\n  PluginHost,\n  SearchController,\n  Tool,\n  ToolController,\n  ToolId,\n  ToolOptions,\n  ToolStyle,\n  Viewport,\n  ZoomValue,\n} from '@inkbar/core/dom'\nimport type { Ref, ShallowRef } from 'vue'\n\nexport type { InkStatus }\n\n/**\n * Undo and redo for the current document, whichever mode its annotations are in. `track` and\n * `react` (from `PluginHistory`) reach the same history, so plugin stores undo with the edits.\n */\nexport interface InkHistory extends PluginHistory {\n  canUndo: Readonly<Ref<boolean>>\n  canRedo: Readonly<Ref<boolean>>\n  undo: () => void\n  redo: () => void\n  clear: () => void\n  /**\n   * Runs `fn` and records what it changes as one undo step. The host still receives one change\n   * per add. Controlled, the history groups the resulting list changes into one step, and\n   * `canUndo` updates once the current task ends. Any other change the host applies in that\n   * same window joins the step.\n   */\n  batch: (fn: () => void) => void\n}\n\nexport interface InkContext {\n  assets: Readonly<Ref<PdfAssets>>\n  document: Readonly<ShallowRef<InkDocument | null>>\n  /** `loading` from the moment a document starts opening, then the document's own status. */\n  status: Readonly<Ref<InkStatus>>\n  annotations: Readonly<Ref<readonly Annotation[]>>\n  selection: Readonly<Ref<readonly string[]>>\n  /**\n   * The plugins from InkRoot's `plugins` prop, set up once the root has mounted and kept for\n   * its life; `null` before that (and on the server) and once it unmounts. InkViewport hands it\n   * to the engine; InkCommand places its commands.\n   */\n  pluginHost: Readonly<ShallowRef<PluginHost | null>>\n  /**\n   * The search controller from the same set-up as `pluginHost`: shared by the find bar, the\n   * search button, the engine's highlights and the plugins. `null` until the root has mounted\n   * (and on the server) and once it unmounts.\n   */\n  search: Readonly<ShallowRef<SearchController | null>>\n  /** InkViewport's scroll element while it is mounted: the plugins' `root`. */\n  viewportEl: ShallowRef<HTMLElement | null>\n  /** Set by InkViewport once it has mounted its viewport and tool controller. */\n  viewport: ShallowRef<Viewport | null>\n  tools: ShallowRef<ToolController | null>\n  /** Desired tool; InkViewport applies it to the controller. */\n  tool: Readonly<Ref<ToolId>>\n  setTool(id: ToolId): void\n  /** Host tools from InkRoot's `tools` prop; InkViewport registers them. */\n  hostTools: Readonly<Ref<Tool[] | undefined>>\n  /** InkRoot's `decorateAnnotation` prop. InkViewport re-applies decorations when it changes. */\n  decorateAnnotation: Readonly<Ref<DecorateAnnotation | undefined>>\n  /** The font families text boxes offer: InkRoot's `fonts`, else `FONT_FAMILIES`. */\n  fonts: Readonly<Ref<readonly string[]>>\n  /** The tools' options for InkRoot's life, so they persist across documents. */\n  toolOptions: ToolOptions\n  /** The saved signatures, from InkRoot's `signatures` store (memory by default). */\n  signatures: Readonly<ShallowRef<SignatureLibrary>>\n  /** The fonts a typed signature offers: InkRoot's `signatureFonts`, else `SIGNATURE_FONTS`. */\n  signatureFonts: Readonly<Ref<readonly string[]>>\n  /** The open document's tool style; `null` while no document is open. */\n  toolStyle: Readonly<ShallowRef<ToolStyle | null>>\n  /** Desired zoom and page from the host's v-models; InkViewport applies and reports back. */\n  zoomModel: Readonly<Ref<ZoomValue | undefined>>\n  pageModel: Readonly<Ref<number | undefined>>\n  reportZoom(z: ZoomValue): void\n  reportPage(p: number): void\n  /** Last activated annotation (Enter, click with the note tool, etc.). Popovers key off this. */\n  activated: Readonly<Ref<string | null>>\n  /**\n   * Activates annotation `id`, or clears the activation with `null`. This is the context's\n   * own: unlike core's `Viewer.setActivated`, it emits InkRoot's `activate` for an id, and it\n   * does not check that the id is in the document.\n   */\n  setActivated(id: string | null): void\n  history: InkHistory\n  rootEl: Readonly<Ref<HTMLElement | null>>\n}\n\nexport const [injectInkContext, provideInkContext] = createContext<InkContext>('InkRoot')\n\n/**\n * The context for composables: throws a readable error when called outside a component\n * rendered inside `InkRoot`, instead of Vue's injection warning.\n */\nexport function useInkContext(consumer: string): InkContext {\n  const ctx = getCurrentInstance() ? injectInkContext(null) : null\n  if (!ctx)\n    throw new Error(\n      `[inkbar] ${consumer} must be called in a component inside <InkRoot>.`\n    )\n  return ctx\n}\n"],"mappings":";;;AAwGA,IAAa,CAACA,GAAkBC,KAAqBC,EAA0B,SAAS;AAMxF,SAAgBC,EAAc,GAA8B;CAC1D,IAAMC,IAAMC,EAAmB,IAAIL,EAAiB,IAAI,IAAI;CAC5D,IAAI,CAACI,GACH,MAAU,MACR,YAAYE,EAAS,iDACvB;CACF,OAAOF;AACT"}

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export { useZoom } from './composables/useZoom';
 export { usePage } from './composables/usePage';
 export { useHistory } from './composables/useHistory';
 export { useEmbedded } from './composables/useEmbedded';
+export { useSearch } from './composables/useSearch';
 export { useCommand } from './composables/useCommand';
 export type { CommandHandle } from './composables/useCommand';
 export { default as InkViewport } from './components/InkViewport.vue';
@@ -43,4 +44,6 @@ export { default as InkPrevPage } from './components/InkPrevPage.vue';
 export { default as InkNextPage } from './components/InkNextPage.vue';
 export { default as InkThreadPopover } from './components/InkThreadPopover.vue';
 export type { ThreadPopoverSlotProps } from './components/InkThreadPopover.vue';
+export { default as InkSearchButton } from './components/InkSearchButton.vue';
+export { default as InkFindBar } from './components/InkFindBar.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -11,30 +11,33 @@ import { useZoom as l } from "./composables/useZoom.js";
 import { usePage as u } from "./composables/usePage.js";
 import { useHistory as d } from "./composables/useHistory.js";
 import { useEmbedded as f } from "./composables/useEmbedded.js";
-import { useCommand as p } from "./composables/useCommand.js";
-import m from "./components/InkAnnotation.js";
-import h from "./components/InkPage.js";
-import g from "./components/InkViewport.js";
-import _ from "./components/InkToolbar.js";
-import v from "./components/InkIcon.js";
-import y from "./components/InkToolButton.js";
-import b from "./components/InkCommand.js";
-import x from "./components/InkToolbarSeparator.js";
-import S from "./components/InkUndo.js";
-import C from "./components/InkRedo.js";
-import w from "./components/InkColorMenu.js";
-import T from "./components/InkShapeMenu.js";
-import E from "./components/InkSignatureDialog.js";
-import D from "./components/InkSignatureMenu.js";
-import O from "./components/InkHighlightMenu.js";
-import k from "./components/InkLineStyleMenu.js";
-import A from "./components/InkTextStyleMenu.js";
-import j from "./components/InkZoomIn.js";
-import M from "./components/InkZoomOut.js";
-import N from "./components/InkZoomSelect.js";
-import P from "./components/InkPageInput.js";
-import F from "./components/InkPageCount.js";
-import I from "./components/InkPrevPage.js";
-import L from "./components/InkNextPage.js";
-import R from "./components/InkThreadPopover.js";
-export { m as InkAnnotation, w as InkColorMenu, b as InkCommand, O as InkHighlightMenu, v as InkIcon, k as InkLineStyleMenu, L as InkNextPage, h as InkPage, F as InkPageCount, P as InkPageInput, I as InkPrevPage, C as InkRedo, n as InkRoot, T as InkShapeMenu, E as InkSignatureDialog, D as InkSignatureMenu, A as InkTextStyleMenu, R as InkThreadPopover, y as InkToolButton, _ as InkToolbar, x as InkToolbarSeparator, S as InkUndo, g as InkViewport, j as InkZoomIn, M as InkZoomOut, N as InkZoomSelect, e as injectInkContext, i as useAnnotations, p as useCommand, r as useDocument, f as useEmbedded, d as useHistory, u as usePage, t as useReadable, c as useSelection, a as useTool, s as useToolOptions, o as useToolStyle, l as useZoom };
+import { useSearch as p } from "./composables/useSearch.js";
+import { useCommand as m } from "./composables/useCommand.js";
+import h from "./components/InkAnnotation.js";
+import g from "./components/InkPage.js";
+import _ from "./components/InkViewport.js";
+import v from "./components/InkToolbar.js";
+import y from "./components/InkIcon.js";
+import b from "./components/InkToolButton.js";
+import x from "./components/InkCommand.js";
+import S from "./components/InkToolbarSeparator.js";
+import C from "./components/InkUndo.js";
+import w from "./components/InkRedo.js";
+import T from "./components/InkColorMenu.js";
+import E from "./components/InkShapeMenu.js";
+import D from "./components/InkSignatureDialog.js";
+import O from "./components/InkSignatureMenu.js";
+import k from "./components/InkHighlightMenu.js";
+import A from "./components/InkLineStyleMenu.js";
+import j from "./components/InkTextStyleMenu.js";
+import M from "./components/InkZoomIn.js";
+import N from "./components/InkZoomOut.js";
+import P from "./components/InkZoomSelect.js";
+import F from "./components/InkPageInput.js";
+import I from "./components/InkPageCount.js";
+import L from "./components/InkPrevPage.js";
+import R from "./components/InkNextPage.js";
+import z from "./components/InkThreadPopover.js";
+import B from "./components/InkSearchButton.js";
+import V from "./components/InkFindBar.js";
+export { h as InkAnnotation, T as InkColorMenu, x as InkCommand, V as InkFindBar, k as InkHighlightMenu, y as InkIcon, A as InkLineStyleMenu, R as InkNextPage, g as InkPage, I as InkPageCount, F as InkPageInput, L as InkPrevPage, w as InkRedo, n as InkRoot, B as InkSearchButton, E as InkShapeMenu, D as InkSignatureDialog, O as InkSignatureMenu, j as InkTextStyleMenu, z as InkThreadPopover, b as InkToolButton, v as InkToolbar, S as InkToolbarSeparator, C as InkUndo, _ as InkViewport, M as InkZoomIn, N as InkZoomOut, P as InkZoomSelect, e as injectInkContext, i as useAnnotations, m as useCommand, r as useDocument, f as useEmbedded, d as useHistory, u as usePage, t as useReadable, p as useSearch, c as useSelection, a as useTool, s as useToolOptions, o as useToolStyle, l as useZoom };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkbar/vue",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Vue 3 components and composables for Inkbar, the browser PDF viewer and editor.",
   "license": "MIT",
   "homepage": "https://inkbar.dev",
@@ -24,17 +24,18 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@inkbar/icons": "^0.6.0",
+    "@inkbar/icons": "^0.7.0",
     "reka-ui": "^2.11.0"
   },
   "peerDependencies": {
-    "@inkbar/core": "^0.6.0",
+    "@inkbar/core": "^0.7.0",
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@inkbar/core": "0.6.0",
+    "@inkbar/core": "0.7.0",
     "@inkbar/fixtures": "0.0.0",
-    "@inkbar/theme": "0.6.0",
+    "@inkbar/theme": "0.7.0",
+    "@axe-core/playwright": "^4.13.0",
     "@playwright/experimental-ct-vue": "1.62.1",
     "@playwright/test": "1.62.1",
     "@vitejs/plugin-vue": "^6.0.10",