@inkbar/vue 0.8.0 → 0.9.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","InkSignFieldPopover","_unref","_createVNode","InkFormAlert","InkFormAlert_default","InkPage_default","InkSignFieldPopover_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","documentKeys","documentKeyCount","documentKey","doc","key","pages","shallowRef","state","computed","error","engine","signRequest","alertMessage","alertsShown","build","custom","stops","lastReportedZoom","lastReportedPage","teardown","stop","rebuild","e","opts","setup","el","first","mountViewer","a","fn","req","message","id","vp","tc","reportZoom","z","reportPage","p","page","err","onMounted","watch","on","t","m","r","gap","buffer","onBeforeUpdate","next","onBeforeUnmount","openBlock","createElementBlock","renderSlot","_ctx","_cache","createTextVNode","createElementVNode","toDisplayString","createCommentVNode","Fragment","renderList","createBlock","createSlots","withCtx","mergeProps","slotProps","unref","createVNode"],"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 *\n * Form fields render in the engine's form layer. A signature field's \"Sign\" opens\n * `InkSignFieldPopover`, and a form script's alert shows in `InkFormAlert`; both are mounted\n * here, so hosts compose nothing for them.\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 InkFormAlert from './InkFormAlert.vue'\nimport InkPage from './InkPage.vue'\nimport InkSignFieldPopover from './InkSignFieldPopover.vue'\n\nimport type { AnnotationSlotProps } from './annotation-slot'\nimport type { InkDocument, InkError } from '@inkbar/core'\nimport type {\n  LayoutMode,\n  PageMount,\n  SignFieldRequest,\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/** A key per document, so the field menu and its dialog start afresh for each one. */\nconst documentKeys = new WeakMap<InkDocument, number>()\nlet documentKeyCount = 0\nfunction documentKey(doc: InkDocument | null): number {\n  if (!doc) return 0\n  let key = documentKeys.get(doc)\n  if (key === undefined) {\n    key = ++documentKeyCount\n    documentKeys.set(doc, key)\n  }\n  return key\n}\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/** The signature field whose menu is open. */\nconst signRequest = shallowRef<SignFieldRequest | null>(null)\n/** The form script's message on show, and how many have been shown. */\nconst alertMessage = shallowRef<string | null>(null)\nconst alertsShown = shallowRef(0)\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  // Their fields and the document they came from are gone.\n  signRequest.value = null\n  alertMessage.value = null\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    ...(ctx.formHighlight.value === undefined\n      ? {}\n      : { formHighlight: ctx.formHighlight.value }),\n    // The field's own button again, while its menu is open, closes the menu.\n    onSignField: (req) => {\n      signRequest.value = signRequest.value?.widget === req.widget ? null : req\n    },\n    onFormAction: (a) => ctx.reportFormAction(a),\n    onFormAlert: (message) => {\n      alertMessage.value = message\n      alertsShown.value += 1\n    },\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)\n// The tint follows `formHighlight` in place, without a new document.\nwatch(\n  () => ctx.formHighlight.value,\n  (on) => engine.value?.setFormHighlight(on ?? true)\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    <!-- Keyed by document, so the menu and its dialog start afresh for each one. -->\n    <InkSignFieldPopover\n      :key=\"documentKey(ctx.document.value)\"\n      :request=\"signRequest\"\n      @close=\"signRequest = null\"\n    />\n    <InkFormAlert\n      :message=\"alertMessage\"\n      :shown=\"alertsShown\"\n      :fallback=\"scroll\"\n      @close=\"alertMessage = null\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,IAAM4B,IAAQC,GAYRC,IAAQ9B,EAAA,GASRgC,IAAMC,EAAiB,GACvBC,IAASC,EAA4B,QAAQ,GAa7CC,oBAAe,IAAI,QAA6B,GAClDC,IAAmB;EACvB,SAASC,EAAY,GAAiC;GACpD,IAAI,CAACC,GAAK,OAAO;GACjB,IAAIC,IAAMJ,EAAa,IAAIG,CAAG;GAK9B,OAJIC,MAAQ,KAAA,MACV,IAAM,EAAEH,GACRD,EAAa,IAAIG,GAAKC,CAAG,IAEpBA;EACT;EAGA,IAAMC,IAAQC,EAA0B,CAAC,CAAC,GAEpCC,IAAQC,QAAeZ,EAAI,OAAO,MAAM,KAAK,GAC7Ca,IAAQD,QACZZ,EAAI,OAAO,MAAM,UAAU,UAAUA,EAAI,OAAO,MAAM,QAAQ,IAChE,GAEMc,IAASJ,EAAgC,IAAI,GAE7CK,IAAcL,EAAoC,IAAI,GAEtDM,IAAeN,EAA0B,IAAI,GAC7CO,IAAcP,EAAW,CAAC,GAM5BQ,IAAQ,GAERC,IAAS,IACTC,IAAwB,CAAC,GAEzBC,GACAC;EAEJ,SAASC,IAAiB;GACxB,KAAK,IAAMC,KAAQJ,GAAO,EAAK;GAU/B,AATA,IAAQ,CAAC,GAETN,EAAO,OAAO,QAAQ,GACtB,EAAO,QAAQ,MACXd,EAAI,SAAS,UAAO,EAAI,SAAS,QAAQ,OACzCA,EAAI,MAAM,UAAO,EAAI,MAAM,QAAQ,OACvC,EAAM,QAAQ,CAAC,GAEf,EAAY,QAAQ,MACpB,EAAa,QAAQ;EACvB;EAEA,SAASyB,EAAQ,GAAoD;GACnE,IAAMC,IAAIZ,EAAO;GACjB,AAAKY,MACL,KAAS,GACLC,EAAK,sBAAsB,KAAA,MAAW,IAASA,EAAK,oBACxDD,EAAE,QAAQC,CAAI;EAChB;EAGA,SAASC,KAAc;GAGrB,AAFAL,EAAS,GACT,IAAmB,KAAA,GACnB,IAAmB,KAAA;GACnB,IAAMhB,IAAMP,EAAI,SAAS,OACnB6B,IAAK3B,EAAO;GAClB,IAAI,CAACK,KAAO,CAACsB,KAAM7B,EAAI,OAAO,MAAM,UAAU,SAAS;GACvD,IAAI8B,IAAQ;GAGZ,AAFA,KAAS,GACT,IAAS,CAAC,CAAChC,EAAM,YACjB,EAAO,QAAQiC,EAAY;IACzB,WAAWF;IACX,UAAUtB;IACV,MAAMP,EAAI,UAAU,SAAS;IAC7B,GAAIA,EAAI,UAAU,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,MAAMA,EAAI,UAAU,MAAM;IACzE,MAAMJ,EAAM;IACZ,UAAUA,EAAM;IAChB,KAAKA,EAAM;IACX,QAAQA,EAAM;IACd,MAAMI,EAAI,KAAK;IACf,GAAIA,EAAI,UAAU,QAAQ,EAAE,OAAOA,EAAI,UAAU,MAAM,IAAI,CAAC;IAG5D,GAAIA,EAAI,WAAW,QAAQ,EAAE,SAASA,EAAI,WAAW,MAAM,IAAI,CAAC;IAEhE,GAAIA,EAAI,OAAO,QAAQ,EAAE,QAAQA,EAAI,OAAO,MAAM,IAAI,CAAC;IAEvD,qBAAqB,MAAMA,EAAI,mBAAmB,QAAQgC,CAAC;IAC3D,GAAIhC,EAAI,UAAU,QAAQ,EAAE,WAAWA,EAAI,UAAU,MAAM,IAAI,CAAC;IAChE,aAAa,EAAE,QAAQ,MAAOA,EAAI,QAAQ,MAAMiC,CAAE,EAAE;IACpD,aAAajC,EAAI;IACjB,OAAO,CAAC,GAAGA,EAAI,MAAM,KAAK;IAE1B,wBAAwBA,EAAI,WAAW;IACvC,mBAAmBmB;IACnB,GAAInB,EAAI,cAAc,UAAU,KAAA,IAC5B,CAAC,IACD,EAAE,eAAeA,EAAI,cAAc,MAAM;IAE7C,cAAc,MAAQ;KACpB,EAAY,QAAQe,EAAY,OAAO,WAAWmB,EAAI,SAAS,OAAOA;IACxE;IACA,eAAe,MAAMlC,EAAI,iBAAiBgC,CAAC;IAC3C,cAAc,MAAY;KAExB,AADA,EAAa,QAAQG,GACrB,EAAY,SAAS;IACvB;IACA,aAAa,MAAOnC,EAAI,aAAaoC,CAAE;IACvC,UAAU,GAAI,MAAO;KAGnB,AAFA,EAAI,SAAS,QAAQC,GACrB,EAAI,MAAM,QAAQC,GACdR,MAIF,IAAQ,IACR,IAAmBO,EAAG,KAAK,IAAI,GAC/B,IAAmB;KAErB,KAAK,IAAMb,KAAQJ,GAAO,EAAK;KAC/B,IAAMmB,KAAc,MAAuB;MACzC,AAAIC,MAAMnB,MACV,IAAmBmB,GACnBxC,EAAI,WAAWwC,CAAC;KAClB,GACMC,KAAc,MAAoB;MACtC,AAAIC,MAAMpB,MACV,IAAmBoB,GACnB1C,EAAI,WAAW0C,CAAC;KAClB;KAYA,AAPA,IAAQ;MACNL,EAAG,KAAK,UAAUE,CAAU;MAC5BF,EAAG,YAAY,UAAUI,CAAU;MACnCH,EAAG,OAAO,WANQ,MAAqB;OACvC,AAAIF,MAAOpC,EAAI,KAAK,SAAOA,EAAI,QAAQoC,CAAE;MAC3C,CAIgC;KAChC,GAEAG,EAAWF,EAAG,KAAK,IAAI,CAAC,GACxBI,EAAWJ,EAAG,YAAY,IAAI,CAAC;IACjC;IACA,cAAc,GAAM,GAAO,MAAS;KAClC,EAAM,QAAQ,CAAC,GAAG5B,EAAM,OAAO;MAAE;MAAO;MAAM;MAAM;MAAO,OAAO;MAAM;KAAO,CAAC;IAClF;IACA,gBAAgB,MAAS;KACvB,EAAM,QAAQA,EAAM,MAAM,QAAQ,MAAMiC,EAAE,SAASC,CAAI;IACzD;IACA,cAAc,GAAM,MAAQ;KAC1B,EAAM,QAAQlC,EAAM,MAAM,KAAK,MAAOiC,EAAE,SAASC,IAAO;MAAE,GAAGD;MAAG,OAAOE;KAAI,IAAIF,CAAE;IACnF;GACF,CAAC;EACH;SAEAG,QAAgB;GAEd,AADA,EAAI,WAAW,QAAQ3C,EAAO,OAC9B4C,EAAM,OAAO9C,EAAI,SAAS,aAAaA,EAAI,OAAO,MAAM,KAAK,GAAG4B,IAAO,EACrE,WAAW,GACb,CAAC;EACH,CAAC,GAGDkB,QACQ9C,EAAI,mBAAmB,aACvBc,EAAO,OAAO,WAAW,CACjC,GAEAgC,QACQ9C,EAAI,cAAc,QACvB,MAAOc,EAAO,OAAO,iBAAiBiC,KAAM,EAAI,CACnD,GACAD,QACQ9C,EAAI,UAAU,QACnB,MAA6B;GAC5B,IAAMqC,IAAKvB,EAAO,OAAO;GACzB,AAAIuB,KAAMG,MAAM,KAAA,KAAaA,MAAMH,EAAG,KAAK,IAAI,KAAGA,EAAG,QAAQG,CAAC;EAChE,CACF,GACAM,QACQ9C,EAAI,UAAU,QACnB,MAAM;GACL,IAAMqC,IAAKvB,EAAO,OAAO;GACzB,AAAKuB,KAAMK,MAAM,KAAA,KAAaA,MAAMpB,KAChCoB,MAAML,EAAG,YAAY,IAAI,KAAGA,EAAG,aAAaK,CAAC;EACnD,CACF,GACAI,QACQ9C,EAAI,KAAK,QACd,MAAM;GACL,IAAMsC,IAAKxB,EAAO,OAAO;GACzB,AAAIwB,KAAMA,EAAG,OAAO,IAAI,MAAMU,KAAGV,EAAG,IAAIU,CAAC;EAC3C,CACF,GACAF,QACQlD,EAAM,OACX,MAAMkB,EAAO,OAAO,SAAS,QAAQmC,CAAC,CACzC,GACAH,QACQlD,EAAM,WACX,MAAMkB,EAAO,OAAO,SAAS,YAAYoC,CAAC,CAC7C,GAIAJ,EAAM,OAAOlD,EAAM,WAAWA,EAAM,MAAM,IAAI,CAACuD,GAAKC,OAClD3B,EAAQ;GAAE;GAAK;GAAQ,mBAAmB,CAAC,CAAC3B,EAAM;EAAW,CAAC,CAChE,GAOAuD,QAAqB;GACnB,IAAMC,IAAO,CAAC,CAACxD,EAAM;GACrB,AAAIgB,EAAO,SAASwC,MAASnC,KAAQM,EAAQ,EAAE,mBAAmB6B,EAAK,CAAC;EAC1E,CAAC,GAEDC,QAAsB;GAEpB,AADAhC,EAAS,GACLvB,EAAI,WAAW,UAAUE,EAAO,UAAO,EAAI,WAAW,QAAQ;EACpE,CAAC,cAICjC,EAAA,GAAAC,EAqDM,OAAA;GArDD,OAAM;GAAoB,0BAAA;GAAwB,cAAYyC,EAAA;;GACtDA,EAAA,UAAK,aAAhB1C,EAAA,GAAAC,EAEM,OAFNqB,GAEM,CADJpB,EAA6CwF,EAAA,QAAA,WAAA,CAAA,SAAA,CAAxB,AAAAC,EAAA,OAAAxF,EAAA,qBAAiB,EAAA,CAAA,CAAA,CAAA,CAAA,KAExByC,EAAA,SAAhB5C,EAAA,GAAAC,EASM,OATNsB,GASM,CARJrB,EAOOwF,EAAA,QAAA,SAAA,EAPa,OAAO9C,EAAA,MAAK,SAOzB,CANL,AAAA+C,EAAA,OAAAvF,EAAiE,KAAA,EAA9D,OAAM,kBAAiB,GAAC,sCAAkC,EAAA,GAG7DA,EAEI,KAAA,MAAA,CADFA,EAA2E,QAAA;IAArE,OAAM;IAAkB,OAAOwC,EAAA,MAAM;GAAY,GAAAvC,EAAAuC,EAAA,MAAM,IAAI,GAAA,GAAApB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAIvDkB,EAAA,UAAK,UAArB1C,EAAA,GAAAC,EAEM,OAFNwB,GAEM,CADJvB,EAAqBwF,EAAA,QAAA,OAAA,CAAA,CAAA,KAAAK,GAAA,IAAA,EAAA;GAEvB3F,EAOE,OAAA;IANI,SAAA;IAAJ,KAAI6B;IACJ,OAAM;IACN,mBAAA;IACA,UAAS;IACT,MAAK;IACL,cAAW;;IAEbjC,EAAA,EAAA,GAAAC,EAeUM,GAAA,MAAAC,EAdIgC,EAAA,QAAL,OADTxC,EAAA,GAAAS,EAeUC,GAAA;IAbP,KAAG,GAAK+D,EAAE,MAAK,GAAIA,EAAE;IACrB,MAAMA,EAAE;IACR,MAAMA,EAAE;IACR,OAAOA,EAAE;IACT,OAAOA,EAAE;IACT,sBAAoBA,EAAE;GAEP,GAAA0B,EAAA,EAAA,GAAA,EAAA,GAAA,CAAAtE,EAAM,aAAA;IAAa,MAAA;IACjC,IAAAjB,GAD6C,MAAS,CACtDV,EAA6CwF,EAAA,QAAA,cAA7C7E,EAA6C,EAAA,SAAA,GAAA,GAAbyF,CAAS,CAAA,CAAA,CAAA;;GAE3B,IAAA,KAAA,GAAAzE,EAAK,gBAAA;IAAiB,MAAA;IACpC,IAAAjB,GADgD,MAAS,CACzDV,EAA6CwF,EAAA,QAAA,cAA7C7E,EAA6C,EAAA,SAAA,GAAA,GAAbyF,CAAS,CAAA,CAAA,CAAA;;;;;;;;;IAI7CtG,EAAA,GAAAS,EAIEK,GAAA;IAHC,KAAKuB,EAAYtB,EAAAgB,CAAA,CAAG,CAAC,SAAS,KAAK;IACnC,SAASe,EAAA;IACT,SAAK,AAAA6C,EAAA,QAAA,MAAE,EAAA,QAAW;;GAErB3E,EAKEC,GAAA;IAJC,SAAS8B,EAAA;IACT,OAAOC,EAAA;IACP,UAAUf,EAAA;IACV,SAAK,AAAA0D,EAAA,QAAA,MAAE,EAAA,QAAY"}
+{"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","InkSignFieldPopover","_unref","_createVNode","InkFormAlert","InkFormAlert_default","InkPage_default","InkSignFieldPopover_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","documentKeys","documentKeyCount","documentKey","doc","key","pages","shallowRef","state","computed","error","engine","signRequest","alertMessage","alertsShown","build","custom","stops","lastReportedZoom","lastReportedPage","teardown","stop","rebuild","e","opts","setup","el","first","toolIdsOf","mountViewer","a","fn","req","message","id","vp","tc","reportZoom","z","reportPage","p","page","err","onMounted","watch","on","t","m","r","gap","buffer","onBeforeUpdate","next","onBeforeUnmount","openBlock","createElementBlock","renderSlot","_ctx","_cache","createTextVNode","createElementVNode","toDisplayString","createCommentVNode","Fragment","renderList","createBlock","createSlots","withCtx","mergeProps","slotProps","unref","createVNode"],"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 *\n * Form fields render in the engine's form layer. A signature field's \"Sign\" opens\n * `InkSignFieldPopover`, and a form script's alert shows in `InkFormAlert`; both are mounted\n * here, so hosts compose nothing for them.\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 { toolIdsOf } from '../composables/useRegisteredTool'\nimport { injectInkContext } from '../context'\n\nimport InkFormAlert from './InkFormAlert.vue'\nimport InkPage from './InkPage.vue'\nimport InkSignFieldPopover from './InkSignFieldPopover.vue'\n\nimport type { AnnotationSlotProps } from './annotation-slot'\nimport type { InkDocument, InkError } from '@inkbar/core'\nimport type {\n  LayoutMode,\n  PageMount,\n  SignFieldRequest,\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/** A key per document, so the field menu and its dialog start afresh for each one. */\nconst documentKeys = new WeakMap<InkDocument, number>()\nlet documentKeyCount = 0\nfunction documentKey(doc: InkDocument | null): number {\n  if (!doc) return 0\n  let key = documentKeys.get(doc)\n  if (key === undefined) {\n    key = ++documentKeyCount\n    documentKeys.set(doc, key)\n  }\n  return key\n}\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/** The signature field whose menu is open. */\nconst signRequest = shallowRef<SignFieldRequest | null>(null)\n/** The form script's message on show, and how many have been shown. */\nconst alertMessage = shallowRef<string | null>(null)\nconst alertsShown = shallowRef(0)\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  ctx.openedToolIds.value = null\n  pages.value = []\n  // Their fields and the document they came from are gone.\n  signRequest.value = null\n  alertMessage.value = null\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  // The tools this viewer registers, from the same inputs; a later `tools` waits for a rebuild.\n  ctx.openedToolIds.value = toolIdsOf(ctx.hostTools.value, ctx.pluginHost.value)\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    ...(ctx.formHighlight.value === undefined\n      ? {}\n      : { formHighlight: ctx.formHighlight.value }),\n    // The field's own button again, while its menu is open, closes the menu.\n    onSignField: (req) => {\n      signRequest.value = signRequest.value?.widget === req.widget ? null : req\n    },\n    onFormAction: (a) => ctx.reportFormAction(a),\n    onFormAlert: (message) => {\n      alertMessage.value = message\n      alertsShown.value += 1\n    },\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)\n// The tint follows `formHighlight` in place, without a new document.\nwatch(\n  () => ctx.formHighlight.value,\n  (on) => engine.value?.setFormHighlight(on ?? true)\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    <!-- Keyed by document, so the menu and its dialog start afresh for each one. -->\n    <InkSignFieldPopover\n      :key=\"documentKey(ctx.document.value)\"\n      :request=\"signRequest\"\n      @close=\"signRequest = null\"\n    />\n    <InkFormAlert\n      :message=\"alertMessage\"\n      :shown=\"alertsShown\"\n      :fallback=\"scroll\"\n      @close=\"alertMessage = null\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,IAAM4B,IAAQC,GAYRC,IAAQ9B,EAAA,GASRgC,IAAMC,EAAiB,GACvBC,IAASC,GAA4B,QAAQ,GAa7CC,oBAAe,IAAI,QAA6B,GAClDC,IAAmB;EACvB,SAASC,EAAY,GAAiC;GACpD,IAAI,CAACC,GAAK,OAAO;GACjB,IAAIC,IAAMJ,EAAa,IAAIG,CAAG;GAK9B,OAJIC,MAAQ,KAAA,MACV,IAAM,EAAEH,GACRD,EAAa,IAAIG,GAAKC,CAAG,IAEpBA;EACT;EAGA,IAAMC,IAAQC,EAA0B,CAAC,CAAC,GAEpCC,IAAQC,QAAeZ,EAAI,OAAO,MAAM,KAAK,GAC7Ca,IAAQD,QACZZ,EAAI,OAAO,MAAM,UAAU,UAAUA,EAAI,OAAO,MAAM,QAAQ,IAChE,GAEMc,IAASJ,EAAgC,IAAI,GAE7CK,IAAcL,EAAoC,IAAI,GAEtDM,IAAeN,EAA0B,IAAI,GAC7CO,IAAcP,EAAW,CAAC,GAM5BQ,IAAQ,GAERC,IAAS,IACTC,IAAwB,CAAC,GAEzBC,GACAC;EAEJ,SAASC,IAAiB;GACxB,KAAK,IAAMC,KAAQJ,GAAO,EAAK;GAW/B,AAVA,IAAQ,CAAC,GAETN,EAAO,OAAO,QAAQ,GACtB,EAAO,QAAQ,MACXd,EAAI,SAAS,UAAO,EAAI,SAAS,QAAQ,OACzCA,EAAI,MAAM,UAAO,EAAI,MAAM,QAAQ,OACvC,EAAI,cAAc,QAAQ,MAC1B,EAAM,QAAQ,CAAC,GAEf,EAAY,QAAQ,MACpB,EAAa,QAAQ;EACvB;EAEA,SAASyB,EAAQ,GAAoD;GACnE,IAAMC,IAAIZ,EAAO;GACjB,AAAKY,MACL,KAAS,GACLC,EAAK,sBAAsB,KAAA,MAAW,IAASA,EAAK,oBACxDD,EAAE,QAAQC,CAAI;EAChB;EAGA,SAASC,KAAc;GAGrB,AAFAL,EAAS,GACT,IAAmB,KAAA,GACnB,IAAmB,KAAA;GACnB,IAAMhB,IAAMP,EAAI,SAAS,OACnB6B,IAAK3B,EAAO;GAClB,IAAI,CAACK,KAAO,CAACsB,KAAM7B,EAAI,OAAO,MAAM,UAAU,SAAS;GACvD,IAAI8B,IAAQ;GAKZ,AAJA,KAAS,GACT,IAAS,CAAC,CAAChC,EAAM,YAEjB,EAAI,cAAc,QAAQiC,EAAU/B,EAAI,UAAU,OAAOA,EAAI,WAAW,KAAK,GAC7E,EAAO,QAAQgC,EAAY;IACzB,WAAWH;IACX,UAAUtB;IACV,MAAMP,EAAI,UAAU,SAAS;IAC7B,GAAIA,EAAI,UAAU,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,MAAMA,EAAI,UAAU,MAAM;IACzE,MAAMJ,EAAM;IACZ,UAAUA,EAAM;IAChB,KAAKA,EAAM;IACX,QAAQA,EAAM;IACd,MAAMI,EAAI,KAAK;IACf,GAAIA,EAAI,UAAU,QAAQ,EAAE,OAAOA,EAAI,UAAU,MAAM,IAAI,CAAC;IAG5D,GAAIA,EAAI,WAAW,QAAQ,EAAE,SAASA,EAAI,WAAW,MAAM,IAAI,CAAC;IAEhE,GAAIA,EAAI,OAAO,QAAQ,EAAE,QAAQA,EAAI,OAAO,MAAM,IAAI,CAAC;IAEvD,qBAAqB,MAAMA,EAAI,mBAAmB,QAAQiC,CAAC;IAC3D,GAAIjC,EAAI,UAAU,QAAQ,EAAE,WAAWA,EAAI,UAAU,MAAM,IAAI,CAAC;IAChE,aAAa,EAAE,QAAQ,MAAOA,EAAI,QAAQ,MAAMkC,CAAE,EAAE;IACpD,aAAalC,EAAI;IACjB,OAAO,CAAC,GAAGA,EAAI,MAAM,KAAK;IAE1B,wBAAwBA,EAAI,WAAW;IACvC,mBAAmBmB;IACnB,GAAInB,EAAI,cAAc,UAAU,KAAA,IAC5B,CAAC,IACD,EAAE,eAAeA,EAAI,cAAc,MAAM;IAE7C,cAAc,MAAQ;KACpB,EAAY,QAAQe,EAAY,OAAO,WAAWoB,EAAI,SAAS,OAAOA;IACxE;IACA,eAAe,MAAMnC,EAAI,iBAAiBiC,CAAC;IAC3C,cAAc,MAAY;KAExB,AADA,EAAa,QAAQG,GACrB,EAAY,SAAS;IACvB;IACA,aAAa,MAAOpC,EAAI,aAAaqC,CAAE;IACvC,UAAU,GAAI,MAAO;KAGnB,AAFA,EAAI,SAAS,QAAQC,GACrB,EAAI,MAAM,QAAQC,GACdT,MAIF,IAAQ,IACR,IAAmBQ,EAAG,KAAK,IAAI,GAC/B,IAAmB;KAErB,KAAK,IAAMd,KAAQJ,GAAO,EAAK;KAC/B,IAAMoB,KAAc,MAAuB;MACzC,AAAIC,MAAMpB,MACV,IAAmBoB,GACnBzC,EAAI,WAAWyC,CAAC;KAClB,GACMC,KAAc,MAAoB;MACtC,AAAIC,MAAMrB,MACV,IAAmBqB,GACnB3C,EAAI,WAAW2C,CAAC;KAClB;KAYA,AAPA,IAAQ;MACNL,EAAG,KAAK,UAAUE,CAAU;MAC5BF,EAAG,YAAY,UAAUI,CAAU;MACnCH,EAAG,OAAO,WANQ,MAAqB;OACvC,AAAIF,MAAOrC,EAAI,KAAK,SAAOA,EAAI,QAAQqC,CAAE;MAC3C,CAIgC;KAChC,GAEAG,EAAWF,EAAG,KAAK,IAAI,CAAC,GACxBI,EAAWJ,EAAG,YAAY,IAAI,CAAC;IACjC;IACA,cAAc,GAAM,GAAO,MAAS;KAClC,EAAM,QAAQ,CAAC,GAAG7B,EAAM,OAAO;MAAE;MAAO;MAAM;MAAM;MAAO,OAAO;MAAM;KAAO,CAAC;IAClF;IACA,gBAAgB,MAAS;KACvB,EAAM,QAAQA,EAAM,MAAM,QAAQ,MAAMkC,EAAE,SAASC,CAAI;IACzD;IACA,cAAc,GAAM,MAAQ;KAC1B,EAAM,QAAQnC,EAAM,MAAM,KAAK,MAAOkC,EAAE,SAASC,IAAO;MAAE,GAAGD;MAAG,OAAOE;KAAI,IAAIF,CAAE;IACnF;GACF,CAAC;EACH;SAEAG,QAAgB;GAEd,AADA,EAAI,WAAW,QAAQ5C,EAAO,OAC9B6C,EAAM,OAAO/C,EAAI,SAAS,aAAaA,EAAI,OAAO,MAAM,KAAK,GAAG4B,IAAO,EACrE,WAAW,GACb,CAAC;EACH,CAAC,GAGDmB,QACQ/C,EAAI,mBAAmB,aACvBc,EAAO,OAAO,WAAW,CACjC,GAEAiC,QACQ/C,EAAI,cAAc,QACvB,MAAOc,EAAO,OAAO,iBAAiBkC,KAAM,EAAI,CACnD,GACAD,QACQ/C,EAAI,UAAU,QACnB,MAA6B;GAC5B,IAAMsC,IAAKxB,EAAO,OAAO;GACzB,AAAIwB,KAAMG,MAAM,KAAA,KAAaA,MAAMH,EAAG,KAAK,IAAI,KAAGA,EAAG,QAAQG,CAAC;EAChE,CACF,GACAM,QACQ/C,EAAI,UAAU,QACnB,MAAM;GACL,IAAMsC,IAAKxB,EAAO,OAAO;GACzB,AAAKwB,KAAMK,MAAM,KAAA,KAAaA,MAAMrB,KAChCqB,MAAML,EAAG,YAAY,IAAI,KAAGA,EAAG,aAAaK,CAAC;EACnD,CACF,GACAI,QACQ/C,EAAI,KAAK,QACd,MAAM;GACL,IAAMuC,IAAKzB,EAAO,OAAO;GACzB,AAAIyB,KAAMA,EAAG,OAAO,IAAI,MAAMU,KAAGV,EAAG,IAAIU,CAAC;EAC3C,CACF,GACAF,QACQnD,EAAM,OACX,MAAMkB,EAAO,OAAO,SAAS,QAAQoC,CAAC,CACzC,GACAH,QACQnD,EAAM,WACX,MAAMkB,EAAO,OAAO,SAAS,YAAYqC,CAAC,CAC7C,GAIAJ,EAAM,OAAOnD,EAAM,WAAWA,EAAM,MAAM,IAAI,CAACwD,GAAKC,OAClD5B,EAAQ;GAAE;GAAK;GAAQ,mBAAmB,CAAC,CAAC3B,EAAM;EAAW,CAAC,CAChE,GAOAwD,QAAqB;GACnB,IAAMC,IAAO,CAAC,CAACzD,EAAM;GACrB,AAAIgB,EAAO,SAASyC,MAASpC,KAAQM,EAAQ,EAAE,mBAAmB8B,EAAK,CAAC;EAC1E,CAAC,GAEDC,QAAsB;GAEpB,AADAjC,EAAS,GACLvB,EAAI,WAAW,UAAUE,EAAO,UAAO,EAAI,WAAW,QAAQ;EACpE,CAAC,cAICjC,EAAA,GAAAC,EAqDM,OAAA;GArDD,OAAM;GAAoB,0BAAA;GAAwB,cAAYyC,EAAA;;GACtDA,EAAA,UAAK,aAAhB1C,EAAA,GAAAC,EAEM,OAFNqB,GAEM,CADJpB,EAA6CyF,EAAA,QAAA,WAAA,CAAA,SAAA,CAAxB,AAAAC,EAAA,OAAAzF,EAAA,qBAAiB,EAAA,CAAA,CAAA,CAAA,CAAA,KAExByC,EAAA,SAAhB5C,EAAA,GAAAC,EASM,OATNsB,GASM,CARJrB,EAOOyF,EAAA,QAAA,SAAA,EAPa,OAAO/C,EAAA,MAAK,SAOzB,CANL,AAAAgD,EAAA,OAAAxF,EAAiE,KAAA,EAA9D,OAAM,kBAAiB,GAAC,sCAAkC,EAAA,GAG7DA,EAEI,KAAA,MAAA,CADFA,EAA2E,QAAA;IAArE,OAAM;IAAkB,OAAOwC,EAAA,MAAM;GAAY,GAAAvC,EAAAuC,EAAA,MAAM,IAAI,GAAA,GAAApB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAIvDkB,EAAA,UAAK,UAArB1C,EAAA,GAAAC,EAEM,OAFNwB,GAEM,CADJvB,EAAqByF,EAAA,QAAA,OAAA,CAAA,CAAA,KAAAK,GAAA,IAAA,EAAA;GAEvB5F,EAOE,OAAA;IANI,SAAA;IAAJ,KAAI6B;IACJ,OAAM;IACN,mBAAA;IACA,UAAS;IACT,MAAK;IACL,cAAW;;IAEbjC,EAAA,EAAA,GAAAC,EAeUM,GAAA,MAAAC,EAdIgC,EAAA,QAAL,OADTxC,EAAA,GAAAS,EAeUC,GAAA;IAbP,KAAG,GAAKgE,EAAE,MAAK,GAAIA,EAAE;IACrB,MAAMA,EAAE;IACR,MAAMA,EAAE;IACR,OAAOA,EAAE;IACT,OAAOA,EAAE;IACT,sBAAoBA,EAAE;GAEP,GAAA0B,EAAA,EAAA,GAAA,EAAA,GAAA,CAAAvE,EAAM,aAAA;IAAa,MAAA;IACjC,IAAAjB,GAD6C,MAAS,CACtDV,EAA6CyF,EAAA,QAAA,cAA7C9E,EAA6C,EAAA,SAAA,GAAA,GAAb0F,CAAS,CAAA,CAAA,CAAA;;GAE3B,IAAA,KAAA,GAAA1E,EAAK,gBAAA;IAAiB,MAAA;IACpC,IAAAjB,GADgD,MAAS,CACzDV,EAA6CyF,EAAA,QAAA,cAA7C9E,EAA6C,EAAA,SAAA,GAAA,GAAb0F,CAAS,CAAA,CAAA,CAAA;;;;;;;;;IAI7CvG,EAAA,GAAAS,EAIEK,GAAA;IAHC,KAAKuB,EAAYtB,EAAAgB,CAAA,CAAG,CAAC,SAAS,KAAK;IACnC,SAASe,EAAA;IACT,SAAK,AAAA8C,EAAA,QAAA,MAAE,EAAA,QAAW;;GAErB5E,EAKEC,GAAA;IAJC,SAAS8B,EAAA;IACT,OAAOC,EAAA;IACP,UAAUf,EAAA;IACV,SAAK,AAAA2D,EAAA,QAAA,MAAE,EAAA,QAAY"}

package/dist/components/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","names":["_sfc_main","SignatureForm_vue_vue_type_script_setup_true_lang_default","SignatureForm_default"],"sources":["../../src/components/SignatureForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The body of `InkSignatureDialog`, mounted while it is open: one draft per opening. Draw,\n * Type and Image tabs, then Cancel and Save.\n */\nimport {\n  createSignatureDraft,\n  fontFamilyValue,\n  handleRadioKeys,\n  handleTabKeys,\n  SIGNATURE_LABELS,\n  SIGNATURE_TABS,\n  type SignatureDraftState,\n  type SignatureTab,\n} from '@inkbar/core/dom'\nimport { DialogClose } from 'reka-ui'\nimport { computed, onBeforeUnmount, onMounted, useId, useTemplateRef } from 'vue'\n\nimport { useTool } from '../composables/useTool'\nimport { useToolOptions } from '../composables/useToolOptions'\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { SignatureOptions, SignatureTemplate } from '@inkbar/core'\n\nconst props = withDefaults(\n  defineProps<{ fonts?: readonly string[] | undefined; select?: boolean }>(),\n  { fonts: undefined, select: true }\n)\nconst emit = defineEmits<{ saved: [template: SignatureTemplate]; close: [] }>()\n\nconst ctx = useInkContext('InkSignatureDialog')\nconst { setTool } = useTool()\nconst { setOptions } = useToolOptions<SignatureOptions>('signature')\nconst draft = createSignatureDraft({ fonts: props.fonts ?? ctx.signatureFonts.value })\nconst IDLE: SignatureDraftState = draft.state.get()\nconst s = useReadable(draft.state, IDLE)\nconst uid = useId()\nconst padHost = useTemplateRef<HTMLDivElement>('pad')\n\nlet detach: (() => void) | undefined\nonMounted(() => {\n  if (padHost.value) detach = draft.attachPad(padHost.value)\n})\nonBeforeUnmount(() => {\n  detach?.()\n  draft.destroy()\n})\n\nfunction save(): void {\n  draft.save(ctx.signatures.value).then(\n    (t) => {\n      if (!t) return\n      if (props.select) {\n        setOptions({ templateId: t.id })\n        setTool('signature')\n      }\n      emit('saved', t)\n      emit('close')\n    },\n    () => {\n      // The host's store refused it: the dialog stays open to try again.\n    }\n  )\n}\n\nconst tabId = (tab: SignatureTab) => `${uid}-tab-${tab}`\nconst panelId = (tab: SignatureTab) => `${uid}-panel-${tab}`\nconst shown = computed(() => s.value.name.trim() || SIGNATURE_LABELS.namePlaceholder)\nconst onTabKeydown = (e: KeyboardEvent) =>\n  handleTabKeys(e, e.currentTarget as HTMLElement)\nconst onRadioKeydown = (e: KeyboardEvent) =>\n  handleRadioKeys(e, e.currentTarget as HTMLElement)\nconst onName = (e: Event) => draft.setName((e.target as HTMLInputElement).value)\nconst onFile = (e: Event) =>\n  void draft.chooseFile((e.target as HTMLInputElement).files?.[0])\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    :aria-label=\"SIGNATURE_LABELS.tabs\"\n    class=\"ink-tabs\"\n    @keydown=\"onTabKeydown\"\n  >\n    <button\n      v-for=\"tab in SIGNATURE_TABS\"\n      :id=\"tabId(tab)\"\n      :key=\"tab\"\n      type=\"button\"\n      role=\"tab\"\n      :aria-controls=\"panelId(tab)\"\n      :aria-selected=\"s.tab === tab\"\n      :tabindex=\"s.tab === tab ? 0 : -1\"\n      class=\"ink-tab\"\n      :data-key=\"tab\"\n      :data-state=\"s.tab === tab ? 'active' : 'inactive'\"\n      @click=\"draft.setTab(tab)\"\n    >\n      {{ SIGNATURE_LABELS[tab] }}\n    </button>\n  </div>\n  <div\n    :id=\"panelId('draw')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('draw')\"\n    class=\"ink-tab-panel\"\n    data-key=\"draw\"\n    :hidden=\"s.tab !== 'draw'\"\n  >\n    <div\n      ref=\"pad\"\n      class=\"ink-signature-pad-host\"\n      data-ink-signature-pad-host\n      role=\"img\"\n      :aria-label=\"SIGNATURE_LABELS.pad\"\n    />\n    <div class=\"ink-dialog-row\">\n      <button\n        type=\"button\"\n        class=\"ink-button\"\n        data-ink-signature-clear\n        :disabled=\"s.padEmpty\"\n        @click=\"draft.clearPad()\"\n      >\n        {{ SIGNATURE_LABELS.clear }}\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('type')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('type')\"\n    class=\"ink-tab-panel\"\n    data-key=\"type\"\n    :hidden=\"s.tab !== 'type'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.name }}</span>\n      <input\n        type=\"text\"\n        class=\"ink-input\"\n        data-ink-signature-name\n        autocomplete=\"name\"\n        :placeholder=\"SIGNATURE_LABELS.namePlaceholder\"\n        :value=\"s.name\"\n        @input=\"onName\"\n      />\n    </label>\n    <div\n      role=\"radiogroup\"\n      :aria-label=\"SIGNATURE_LABELS.fonts\"\n      class=\"ink-signature-fonts\"\n      @keydown=\"onRadioKeydown\"\n    >\n      <button\n        v-for=\"font in draft.fonts\"\n        :key=\"font\"\n        type=\"button\"\n        role=\"radio\"\n        :aria-checked=\"s.font === font\"\n        :aria-label=\"font\"\n        :tabindex=\"s.font === font ? 0 : -1\"\n        class=\"ink-signature-font\"\n        :data-key=\"font\"\n        :data-state=\"s.font === font ? 'checked' : 'unchecked'\"\n        @click=\"draft.setFont(font)\"\n      >\n        <!-- The font is the option itself, so it is set here, not left to the theme. -->\n        <span\n          class=\"ink-signature-font-sample\"\n          :style=\"{ fontFamily: fontFamilyValue(font) }\"\n        >\n          {{ shown }}\n        </span>\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('image')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('image')\"\n    class=\"ink-tab-panel\"\n    data-key=\"image\"\n    :hidden=\"s.tab !== 'image'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.file }}</span>\n      <input\n        type=\"file\"\n        accept=\"image/png,image/jpeg\"\n        class=\"ink-input\"\n        data-ink-signature-file\n        @change=\"onFile\"\n      />\n    </label>\n    <img\n      v-if=\"s.image?.kind === 'image'\"\n      class=\"ink-signature-image\"\n      :src=\"s.image.imagedata\"\n      alt=\"\"\n    />\n    <p v-if=\"s.imageError\" class=\"ink-field-error\" role=\"alert\">{{ s.imageError }}</p>\n  </div>\n  <p\n    v-if=\"s.saveError\"\n    class=\"ink-field-error\"\n    role=\"alert\"\n    data-ink-signature-save-error\n  >\n    {{ s.saveError }}\n  </p>\n  <div class=\"ink-dialog-actions\">\n    <DialogClose as-child>\n      <button type=\"button\" class=\"ink-button\" data-ink-signature-cancel>\n        {{ SIGNATURE_LABELS.cancel }}\n      </button>\n    </DialogClose>\n    <button\n      type=\"button\"\n      class=\"ink-button\"\n      data-variant=\"primary\"\n      data-ink-signature-save\n      :disabled=\"!s.canSave\"\n      @click=\"save\"\n    >\n      {{ SIGNATURE_LABELS.save }}\n    </button>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SignatureForm.js","names":["_sfc_main","SignatureForm_vue_vue_type_script_setup_true_lang_default","SignatureForm_default"],"sources":["../../src/components/SignatureForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The body of `InkSignatureDialog`, mounted while it is open: one draft per opening. Draw,\n * Type and Image tabs, then Cancel and Save.\n */\nimport {\n  createSignatureDraft,\n  fontFamilyValue,\n  handleRadioKeys,\n  handleTabKeys,\n  SIGNATURE_LABELS,\n  SIGNATURE_TABS,\n  type SignatureDraftState,\n  type SignatureTab,\n} from '@inkbar/core/dom'\nimport { DialogClose } from 'reka-ui'\nimport { computed, onBeforeUnmount, onMounted, useId, useTemplateRef } from 'vue'\n\nimport { useHasTool } from '../composables/useRegisteredTool'\nimport { useTool } from '../composables/useTool'\nimport { useToolOptionsWhile } from '../composables/useToolOptions'\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { SignatureOptions, SignatureTemplate } from '@inkbar/core'\n\nconst props = withDefaults(\n  defineProps<{ fonts?: readonly string[] | undefined; select?: boolean }>(),\n  { fonts: undefined, select: true }\n)\nconst emit = defineEmits<{ saved: [template: SignatureTemplate]; close: [] }>()\n\nconst ctx = useInkContext('InkSignatureDialog')\nconst { setTool } = useTool()\n// Without the signature tool, Save only stores the template, as signing a form field needs.\nconst hasSignatureTool = useHasTool(ctx, 'signature')\nconst { setOptions } = useToolOptionsWhile<SignatureOptions>(\n  'signature',\n  hasSignatureTool\n)\nconst draft = createSignatureDraft({ fonts: props.fonts ?? ctx.signatureFonts.value })\nconst IDLE: SignatureDraftState = draft.state.get()\nconst s = useReadable(draft.state, IDLE)\nconst uid = useId()\nconst padHost = useTemplateRef<HTMLDivElement>('pad')\n\nlet detach: (() => void) | undefined\nonMounted(() => {\n  if (padHost.value) detach = draft.attachPad(padHost.value)\n})\nonBeforeUnmount(() => {\n  detach?.()\n  draft.destroy()\n})\n\nfunction save(): void {\n  draft.save(ctx.signatures.value).then(\n    (t) => {\n      if (!t) return\n      if (props.select && hasSignatureTool.value) {\n        setOptions({ templateId: t.id })\n        setTool('signature')\n      }\n      emit('saved', t)\n      emit('close')\n    },\n    () => {\n      // The host's store refused it: the dialog stays open to try again.\n    }\n  )\n}\n\nconst tabId = (tab: SignatureTab) => `${uid}-tab-${tab}`\nconst panelId = (tab: SignatureTab) => `${uid}-panel-${tab}`\nconst shown = computed(() => s.value.name.trim() || SIGNATURE_LABELS.namePlaceholder)\nconst onTabKeydown = (e: KeyboardEvent) =>\n  handleTabKeys(e, e.currentTarget as HTMLElement)\nconst onRadioKeydown = (e: KeyboardEvent) =>\n  handleRadioKeys(e, e.currentTarget as HTMLElement)\nconst onName = (e: Event) => draft.setName((e.target as HTMLInputElement).value)\nconst onFile = (e: Event) =>\n  void draft.chooseFile((e.target as HTMLInputElement).files?.[0])\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    :aria-label=\"SIGNATURE_LABELS.tabs\"\n    class=\"ink-tabs\"\n    @keydown=\"onTabKeydown\"\n  >\n    <button\n      v-for=\"tab in SIGNATURE_TABS\"\n      :id=\"tabId(tab)\"\n      :key=\"tab\"\n      type=\"button\"\n      role=\"tab\"\n      :aria-controls=\"panelId(tab)\"\n      :aria-selected=\"s.tab === tab\"\n      :tabindex=\"s.tab === tab ? 0 : -1\"\n      class=\"ink-tab\"\n      :data-key=\"tab\"\n      :data-state=\"s.tab === tab ? 'active' : 'inactive'\"\n      @click=\"draft.setTab(tab)\"\n    >\n      {{ SIGNATURE_LABELS[tab] }}\n    </button>\n  </div>\n  <div\n    :id=\"panelId('draw')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('draw')\"\n    class=\"ink-tab-panel\"\n    data-key=\"draw\"\n    :hidden=\"s.tab !== 'draw'\"\n  >\n    <div\n      ref=\"pad\"\n      class=\"ink-signature-pad-host\"\n      data-ink-signature-pad-host\n      role=\"img\"\n      :aria-label=\"SIGNATURE_LABELS.pad\"\n    />\n    <div class=\"ink-dialog-row\">\n      <button\n        type=\"button\"\n        class=\"ink-button\"\n        data-ink-signature-clear\n        :disabled=\"s.padEmpty\"\n        @click=\"draft.clearPad()\"\n      >\n        {{ SIGNATURE_LABELS.clear }}\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('type')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('type')\"\n    class=\"ink-tab-panel\"\n    data-key=\"type\"\n    :hidden=\"s.tab !== 'type'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.name }}</span>\n      <input\n        type=\"text\"\n        class=\"ink-input\"\n        data-ink-signature-name\n        autocomplete=\"name\"\n        :placeholder=\"SIGNATURE_LABELS.namePlaceholder\"\n        :value=\"s.name\"\n        @input=\"onName\"\n      />\n    </label>\n    <div\n      role=\"radiogroup\"\n      :aria-label=\"SIGNATURE_LABELS.fonts\"\n      class=\"ink-signature-fonts\"\n      @keydown=\"onRadioKeydown\"\n    >\n      <button\n        v-for=\"font in draft.fonts\"\n        :key=\"font\"\n        type=\"button\"\n        role=\"radio\"\n        :aria-checked=\"s.font === font\"\n        :aria-label=\"font\"\n        :tabindex=\"s.font === font ? 0 : -1\"\n        class=\"ink-signature-font\"\n        :data-key=\"font\"\n        :data-state=\"s.font === font ? 'checked' : 'unchecked'\"\n        @click=\"draft.setFont(font)\"\n      >\n        <!-- The font is the option itself, so it is set here, not left to the theme. -->\n        <span\n          class=\"ink-signature-font-sample\"\n          :style=\"{ fontFamily: fontFamilyValue(font) }\"\n        >\n          {{ shown }}\n        </span>\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('image')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('image')\"\n    class=\"ink-tab-panel\"\n    data-key=\"image\"\n    :hidden=\"s.tab !== 'image'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.file }}</span>\n      <input\n        type=\"file\"\n        accept=\"image/png,image/jpeg\"\n        class=\"ink-input\"\n        data-ink-signature-file\n        @change=\"onFile\"\n      />\n    </label>\n    <img\n      v-if=\"s.image?.kind === 'image'\"\n      class=\"ink-signature-image\"\n      :src=\"s.image.imagedata\"\n      alt=\"\"\n    />\n    <p v-if=\"s.imageError\" class=\"ink-field-error\" role=\"alert\">{{ s.imageError }}</p>\n  </div>\n  <p\n    v-if=\"s.saveError\"\n    class=\"ink-field-error\"\n    role=\"alert\"\n    data-ink-signature-save-error\n  >\n    {{ s.saveError }}\n  </p>\n  <div class=\"ink-dialog-actions\">\n    <DialogClose as-child>\n      <button type=\"button\" class=\"ink-button\" data-ink-signature-cancel>\n        {{ SIGNATURE_LABELS.cancel }}\n      </button>\n    </DialogClose>\n    <button\n      type=\"button\"\n      class=\"ink-button\"\n      data-variant=\"primary\"\n      data-ink-signature-save\n      :disabled=\"!s.canSave\"\n      @click=\"save\"\n    >\n      {{ SIGNATURE_LABELS.save }}\n    </button>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignatureForm.vue"],"names":[],"mappings":"AA8PA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAGvE,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA6R/E,QAAA,MAAM,YAAY;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SignatureForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignatureForm.vue"],"names":[],"mappings":"AAqQA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAGvE,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAkS/E,QAAA,MAAM,YAAY;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SignatureForm.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,10 @@
 import { useInkContext as e } from "../context.js";
-import { useReadable as t } from "../use-readable.js";
+import { useHasTool as t } from "../composables/useRegisteredTool.js";
+import { useReadable as ee } from "../use-readable.js";
 import { useTool as n } from "../composables/useTool.js";
-import { useToolOptions as ee } from "../composables/useToolOptions.js";
-import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as te, defineComponent as c, normalizeStyle as ne, onBeforeUnmount as l, onMounted as re, openBlock as u, renderList as d, toDisplayString as f, unref as p, useId as m, useTemplateRef as h, withCtx as g } from "vue";
-import { SIGNATURE_LABELS as _, SIGNATURE_TABS as ie, createSignatureDraft as ae, fontFamilyValue as v, handleRadioKeys as y, handleTabKeys as b } from "@inkbar/core/dom";
+import { useToolOptionsWhile as r } from "../composables/useToolOptions.js";
+import { Fragment as i, computed as te, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeStyle as u, onBeforeUnmount as ne, onMounted as re, openBlock as d, renderList as f, toDisplayString as p, unref as m, useId as h, useTemplateRef as g, withCtx as ie } from "vue";
+import { SIGNATURE_LABELS as _, SIGNATURE_TABS as ae, createSignatureDraft as oe, fontFamilyValue as v, handleRadioKeys as y, handleTabKeys as b } from "@inkbar/core/dom";
 import { DialogClose as x } from "reka-ui";
 //#region src/components/SignatureForm.vue?vue&type=script&setup=true&lang.ts
 var S = ["aria-label"], C = [
@@ -42,11 +43,11 @@ var S = ["aria-label"], C = [
 	class: "ink-field-error",
 	role: "alert",
 	"data-ink-signature-save-error": ""
-}, oe = { class: "ink-dialog-actions" }, R = {
+}, se = { class: "ink-dialog-actions" }, R = {
 	type: "button",
 	class: "ink-button",
 	"data-ink-signature-cancel": ""
-}, z = ["disabled"], B = /*@__PURE__*/ c({
+}, z = ["disabled"], B = /*@__PURE__*/ l({
 	__name: "SignatureForm",
 	props: {
 		fonts: { default: void 0 },
@@ -56,128 +57,128 @@ var S = ["aria-label"], C = [
 		}
 	},
 	emits: ["saved", "close"],
-	setup(c, { emit: B }) {
-		let V = c, H = B, U = e("InkSignatureDialog"), { setTool: W } = n(), { setOptions: G } = ee("signature"), K = ae({ fonts: V.fonts ?? U.signatureFonts.value }), q = K.state.get(), J = t(K.state, q), Y = m(), X = h("pad"), Z;
+	setup(l, { emit: B }) {
+		let V = l, H = B, U = e("InkSignatureDialog"), { setTool: W } = n(), G = t(U, "signature"), { setOptions: K } = r("signature", G), q = oe({ fonts: V.fonts ?? U.signatureFonts.value }), ce = q.state.get(), J = ee(q.state, ce), Y = h(), X = g("pad"), Z;
 		re(() => {
-			X.value && (Z = K.attachPad(X.value));
-		}), l(() => {
-			Z?.(), K.destroy();
+			X.value && (Z = q.attachPad(X.value));
+		}), ne(() => {
+			Z?.(), q.destroy();
 		});
-		function se() {
-			K.save(U.signatures.value).then((e) => {
-				e && (V.select && (G({ templateId: e.id }), W("signature")), H("saved", e), H("close"));
+		function le() {
+			q.save(U.signatures.value).then((e) => {
+				e && (V.select && G.value && (K({ templateId: e.id }), W("signature")), H("saved", e), H("close"));
 			}, () => {});
 		}
-		let Q = (e) => `${Y}-tab-${e}`, $ = (e) => `${Y}-panel-${e}`, ce = i(() => J.value.name.trim() || _.namePlaceholder), le = (e) => b(e, e.currentTarget), ue = (e) => y(e, e.currentTarget), de = (e) => K.setName(e.target.value), fe = (e) => void K.chooseFile(e.target.files?.[0]);
-		return (e, t) => (u(), o(r, null, [
+		let Q = (e) => `${Y}-tab-${e}`, $ = (e) => `${Y}-panel-${e}`, ue = te(() => J.value.name.trim() || _.namePlaceholder), de = (e) => b(e, e.currentTarget), fe = (e) => y(e, e.currentTarget), pe = (e) => q.setName(e.target.value), me = (e) => void q.chooseFile(e.target.files?.[0]);
+		return (e, t) => (d(), o(i, null, [
 			s("div", {
 				role: "tablist",
-				"aria-label": p(_).tabs,
+				"aria-label": m(_).tabs,
 				class: "ink-tabs",
-				onKeydown: le
-			}, [(u(!0), o(r, null, d(p(ie), (e) => (u(), o("button", {
+				onKeydown: de
+			}, [(d(!0), o(i, null, f(m(ae), (e) => (d(), o("button", {
 				id: Q(e),
 				key: e,
 				type: "button",
 				role: "tab",
 				"aria-controls": $(e),
-				"aria-selected": p(J).tab === e,
-				tabindex: p(J).tab === e ? 0 : -1,
+				"aria-selected": m(J).tab === e,
+				tabindex: m(J).tab === e ? 0 : -1,
 				class: "ink-tab",
 				"data-key": e,
-				"data-state": p(J).tab === e ? "active" : "inactive",
-				onClick: (t) => p(K).setTab(e)
-			}, f(p(_)[e]), 9, C))), 128))], 40, S),
+				"data-state": m(J).tab === e ? "active" : "inactive",
+				onClick: (t) => m(q).setTab(e)
+			}, p(m(_)[e]), 9, C))), 128))], 40, S),
 			s("div", {
 				id: $("draw"),
 				role: "tabpanel",
 				"aria-labelledby": Q("draw"),
 				class: "ink-tab-panel",
 				"data-key": "draw",
-				hidden: p(J).tab !== "draw"
+				hidden: m(J).tab !== "draw"
 			}, [s("div", {
 				ref: "pad",
 				class: "ink-signature-pad-host",
 				"data-ink-signature-pad-host": "",
 				role: "img",
-				"aria-label": p(_).pad
+				"aria-label": m(_).pad
 			}, null, 8, T), s("div", E, [s("button", {
 				type: "button",
 				class: "ink-button",
 				"data-ink-signature-clear": "",
-				disabled: p(J).padEmpty,
-				onClick: t[0] ||= (e) => p(K).clearPad()
-			}, f(p(_).clear), 9, D)])], 8, w),
+				disabled: m(J).padEmpty,
+				onClick: t[0] ||= (e) => m(q).clearPad()
+			}, p(m(_).clear), 9, D)])], 8, w),
 			s("div", {
 				id: $("type"),
 				role: "tabpanel",
 				"aria-labelledby": Q("type"),
 				class: "ink-tab-panel",
 				"data-key": "type",
-				hidden: p(J).tab !== "type"
-			}, [s("label", k, [s("span", null, f(p(_).name), 1), s("input", {
+				hidden: m(J).tab !== "type"
+			}, [s("label", k, [s("span", null, p(m(_).name), 1), s("input", {
 				type: "text",
 				class: "ink-input",
 				"data-ink-signature-name": "",
 				autocomplete: "name",
-				placeholder: p(_).namePlaceholder,
-				value: p(J).name,
-				onInput: de
+				placeholder: m(_).namePlaceholder,
+				value: m(J).name,
+				onInput: pe
 			}, null, 40, A)]), s("div", {
 				role: "radiogroup",
-				"aria-label": p(_).fonts,
+				"aria-label": m(_).fonts,
 				class: "ink-signature-fonts",
-				onKeydown: ue
-			}, [(u(!0), o(r, null, d(p(K).fonts, (e) => (u(), o("button", {
+				onKeydown: fe
+			}, [(d(!0), o(i, null, f(m(q).fonts, (e) => (d(), o("button", {
 				key: e,
 				type: "button",
 				role: "radio",
-				"aria-checked": p(J).font === e,
+				"aria-checked": m(J).font === e,
 				"aria-label": e,
-				tabindex: p(J).font === e ? 0 : -1,
+				tabindex: m(J).font === e ? 0 : -1,
 				class: "ink-signature-font",
 				"data-key": e,
-				"data-state": p(J).font === e ? "checked" : "unchecked",
-				onClick: (t) => p(K).setFont(e)
+				"data-state": m(J).font === e ? "checked" : "unchecked",
+				onClick: (t) => m(q).setFont(e)
 			}, [s("span", {
 				class: "ink-signature-font-sample",
-				style: ne({ fontFamily: p(v)(e) })
-			}, f(ce.value), 5)], 8, M))), 128))], 40, j)], 8, O),
+				style: u({ fontFamily: m(v)(e) })
+			}, p(ue.value), 5)], 8, M))), 128))], 40, j)], 8, O),
 			s("div", {
 				id: $("image"),
 				role: "tabpanel",
 				"aria-labelledby": Q("image"),
 				class: "ink-tab-panel",
 				"data-key": "image",
-				hidden: p(J).tab !== "image"
+				hidden: m(J).tab !== "image"
 			}, [
-				s("label", P, [s("span", null, f(p(_).file), 1), s("input", {
+				s("label", P, [s("span", null, p(m(_).file), 1), s("input", {
 					type: "file",
 					accept: "image/png,image/jpeg",
 					class: "ink-input",
 					"data-ink-signature-file": "",
-					onChange: fe
+					onChange: me
 				}, null, 32)]),
-				p(J).image?.kind === "image" ? (u(), o("img", {
+				m(J).image?.kind === "image" ? (d(), o("img", {
 					key: 0,
 					class: "ink-signature-image",
-					src: p(J).image.imagedata,
+					src: m(J).image.imagedata,
 					alt: ""
 				}, null, 8, F)) : a("", !0),
-				p(J).imageError ? (u(), o("p", I, f(p(J).imageError), 1)) : a("", !0)
+				m(J).imageError ? (d(), o("p", I, p(m(J).imageError), 1)) : a("", !0)
 			], 8, N),
-			p(J).saveError ? (u(), o("p", L, f(p(J).saveError), 1)) : a("", !0),
-			s("div", oe, [te(p(x), { "as-child": "" }, {
-				default: g(() => [s("button", R, f(p(_).cancel), 1)]),
+			m(J).saveError ? (d(), o("p", L, p(m(J).saveError), 1)) : a("", !0),
+			s("div", se, [c(m(x), { "as-child": "" }, {
+				default: ie(() => [s("button", R, p(m(_).cancel), 1)]),
 				_: 1
 			}), s("button", {
 				type: "button",
 				class: "ink-button",
 				"data-variant": "primary",
 				"data-ink-signature-save": "",
-				disabled: !p(J).canSave,
-				onClick: se
-			}, f(p(_).save), 9, z)])
+				disabled: !m(J).canSave,
+				onClick: le
+			}, p(m(_).save), 9, z)])
 		], 64));
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_unref","_renderList","_toDisplayString","_normalizeStyle","_createCommentVNode","_createVNode","_withCtx","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","SignatureForm_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","ctx","useInkContext","useTool","useToolOptions","draft","createSignatureDraft","IDLE","s","useReadable","uid","useId","padHost","useTemplateRef","detach","onMounted","onBeforeUnmount","save","t","setOptions","setTool","tabId","tab","panelId","shown","computed","SIGNATURE_LABELS","onTabKeydown","handleTabKeys","onRadioKeydown","handleRadioKeys","onName","onFile","openBlock","createElementBlock","Fragment","createElementVNode","unref","renderList","SIGNATURE_TABS","toDisplayString","_cache","font","normalizeStyle","fontFamilyValue","createCommentVNode","createVNode","DialogClose","withCtx"],"sources":["../../src/components/SignatureForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The body of `InkSignatureDialog`, mounted while it is open: one draft per opening. Draw,\n * Type and Image tabs, then Cancel and Save.\n */\nimport {\n  createSignatureDraft,\n  fontFamilyValue,\n  handleRadioKeys,\n  handleTabKeys,\n  SIGNATURE_LABELS,\n  SIGNATURE_TABS,\n  type SignatureDraftState,\n  type SignatureTab,\n} from '@inkbar/core/dom'\nimport { DialogClose } from 'reka-ui'\nimport { computed, onBeforeUnmount, onMounted, useId, useTemplateRef } from 'vue'\n\nimport { useTool } from '../composables/useTool'\nimport { useToolOptions } from '../composables/useToolOptions'\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { SignatureOptions, SignatureTemplate } from '@inkbar/core'\n\nconst props = withDefaults(\n  defineProps<{ fonts?: readonly string[] | undefined; select?: boolean }>(),\n  { fonts: undefined, select: true }\n)\nconst emit = defineEmits<{ saved: [template: SignatureTemplate]; close: [] }>()\n\nconst ctx = useInkContext('InkSignatureDialog')\nconst { setTool } = useTool()\nconst { setOptions } = useToolOptions<SignatureOptions>('signature')\nconst draft = createSignatureDraft({ fonts: props.fonts ?? ctx.signatureFonts.value })\nconst IDLE: SignatureDraftState = draft.state.get()\nconst s = useReadable(draft.state, IDLE)\nconst uid = useId()\nconst padHost = useTemplateRef<HTMLDivElement>('pad')\n\nlet detach: (() => void) | undefined\nonMounted(() => {\n  if (padHost.value) detach = draft.attachPad(padHost.value)\n})\nonBeforeUnmount(() => {\n  detach?.()\n  draft.destroy()\n})\n\nfunction save(): void {\n  draft.save(ctx.signatures.value).then(\n    (t) => {\n      if (!t) return\n      if (props.select) {\n        setOptions({ templateId: t.id })\n        setTool('signature')\n      }\n      emit('saved', t)\n      emit('close')\n    },\n    () => {\n      // The host's store refused it: the dialog stays open to try again.\n    }\n  )\n}\n\nconst tabId = (tab: SignatureTab) => `${uid}-tab-${tab}`\nconst panelId = (tab: SignatureTab) => `${uid}-panel-${tab}`\nconst shown = computed(() => s.value.name.trim() || SIGNATURE_LABELS.namePlaceholder)\nconst onTabKeydown = (e: KeyboardEvent) =>\n  handleTabKeys(e, e.currentTarget as HTMLElement)\nconst onRadioKeydown = (e: KeyboardEvent) =>\n  handleRadioKeys(e, e.currentTarget as HTMLElement)\nconst onName = (e: Event) => draft.setName((e.target as HTMLInputElement).value)\nconst onFile = (e: Event) =>\n  void draft.chooseFile((e.target as HTMLInputElement).files?.[0])\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    :aria-label=\"SIGNATURE_LABELS.tabs\"\n    class=\"ink-tabs\"\n    @keydown=\"onTabKeydown\"\n  >\n    <button\n      v-for=\"tab in SIGNATURE_TABS\"\n      :id=\"tabId(tab)\"\n      :key=\"tab\"\n      type=\"button\"\n      role=\"tab\"\n      :aria-controls=\"panelId(tab)\"\n      :aria-selected=\"s.tab === tab\"\n      :tabindex=\"s.tab === tab ? 0 : -1\"\n      class=\"ink-tab\"\n      :data-key=\"tab\"\n      :data-state=\"s.tab === tab ? 'active' : 'inactive'\"\n      @click=\"draft.setTab(tab)\"\n    >\n      {{ SIGNATURE_LABELS[tab] }}\n    </button>\n  </div>\n  <div\n    :id=\"panelId('draw')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('draw')\"\n    class=\"ink-tab-panel\"\n    data-key=\"draw\"\n    :hidden=\"s.tab !== 'draw'\"\n  >\n    <div\n      ref=\"pad\"\n      class=\"ink-signature-pad-host\"\n      data-ink-signature-pad-host\n      role=\"img\"\n      :aria-label=\"SIGNATURE_LABELS.pad\"\n    />\n    <div class=\"ink-dialog-row\">\n      <button\n        type=\"button\"\n        class=\"ink-button\"\n        data-ink-signature-clear\n        :disabled=\"s.padEmpty\"\n        @click=\"draft.clearPad()\"\n      >\n        {{ SIGNATURE_LABELS.clear }}\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('type')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('type')\"\n    class=\"ink-tab-panel\"\n    data-key=\"type\"\n    :hidden=\"s.tab !== 'type'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.name }}</span>\n      <input\n        type=\"text\"\n        class=\"ink-input\"\n        data-ink-signature-name\n        autocomplete=\"name\"\n        :placeholder=\"SIGNATURE_LABELS.namePlaceholder\"\n        :value=\"s.name\"\n        @input=\"onName\"\n      />\n    </label>\n    <div\n      role=\"radiogroup\"\n      :aria-label=\"SIGNATURE_LABELS.fonts\"\n      class=\"ink-signature-fonts\"\n      @keydown=\"onRadioKeydown\"\n    >\n      <button\n        v-for=\"font in draft.fonts\"\n        :key=\"font\"\n        type=\"button\"\n        role=\"radio\"\n        :aria-checked=\"s.font === font\"\n        :aria-label=\"font\"\n        :tabindex=\"s.font === font ? 0 : -1\"\n        class=\"ink-signature-font\"\n        :data-key=\"font\"\n        :data-state=\"s.font === font ? 'checked' : 'unchecked'\"\n        @click=\"draft.setFont(font)\"\n      >\n        <!-- The font is the option itself, so it is set here, not left to the theme. -->\n        <span\n          class=\"ink-signature-font-sample\"\n          :style=\"{ fontFamily: fontFamilyValue(font) }\"\n        >\n          {{ shown }}\n        </span>\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('image')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('image')\"\n    class=\"ink-tab-panel\"\n    data-key=\"image\"\n    :hidden=\"s.tab !== 'image'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.file }}</span>\n      <input\n        type=\"file\"\n        accept=\"image/png,image/jpeg\"\n        class=\"ink-input\"\n        data-ink-signature-file\n        @change=\"onFile\"\n      />\n    </label>\n    <img\n      v-if=\"s.image?.kind === 'image'\"\n      class=\"ink-signature-image\"\n      :src=\"s.image.imagedata\"\n      alt=\"\"\n    />\n    <p v-if=\"s.imageError\" class=\"ink-field-error\" role=\"alert\">{{ s.imageError }}</p>\n  </div>\n  <p\n    v-if=\"s.saveError\"\n    class=\"ink-field-error\"\n    role=\"alert\"\n    data-ink-signature-save-error\n  >\n    {{ s.saveError }}\n  </p>\n  <div class=\"ink-dialog-actions\">\n    <DialogClose as-child>\n      <button type=\"button\" class=\"ink-button\" data-ink-signature-cancel>\n        {{ SIGNATURE_LABELS.cancel }}\n      </button>\n    </DialogClose>\n    <button\n      type=\"button\"\n      class=\"ink-button\"\n      data-variant=\"primary\"\n      data-ink-signature-save\n      :disabled=\"!s.canSave\"\n      @click=\"save\"\n    >\n      {{ SIGNATURE_LABELS.save }}\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SignatureForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_unref","_renderList","_toDisplayString","_normalizeStyle","_createCommentVNode","_createVNode","_withCtx","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","SignatureForm_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","ctx","useInkContext","useTool","hasSignatureTool","useHasTool","useToolOptionsWhile","draft","createSignatureDraft","IDLE","s","useReadable","uid","useId","padHost","useTemplateRef","detach","onMounted","onBeforeUnmount","save","t","setOptions","setTool","tabId","tab","panelId","shown","computed","SIGNATURE_LABELS","onTabKeydown","handleTabKeys","onRadioKeydown","handleRadioKeys","onName","onFile","openBlock","createElementBlock","Fragment","createElementVNode","unref","renderList","SIGNATURE_TABS","toDisplayString","_cache","font","normalizeStyle","fontFamilyValue","createCommentVNode","createVNode","DialogClose","withCtx"],"sources":["../../src/components/SignatureForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The body of `InkSignatureDialog`, mounted while it is open: one draft per opening. Draw,\n * Type and Image tabs, then Cancel and Save.\n */\nimport {\n  createSignatureDraft,\n  fontFamilyValue,\n  handleRadioKeys,\n  handleTabKeys,\n  SIGNATURE_LABELS,\n  SIGNATURE_TABS,\n  type SignatureDraftState,\n  type SignatureTab,\n} from '@inkbar/core/dom'\nimport { DialogClose } from 'reka-ui'\nimport { computed, onBeforeUnmount, onMounted, useId, useTemplateRef } from 'vue'\n\nimport { useHasTool } from '../composables/useRegisteredTool'\nimport { useTool } from '../composables/useTool'\nimport { useToolOptionsWhile } from '../composables/useToolOptions'\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { SignatureOptions, SignatureTemplate } from '@inkbar/core'\n\nconst props = withDefaults(\n  defineProps<{ fonts?: readonly string[] | undefined; select?: boolean }>(),\n  { fonts: undefined, select: true }\n)\nconst emit = defineEmits<{ saved: [template: SignatureTemplate]; close: [] }>()\n\nconst ctx = useInkContext('InkSignatureDialog')\nconst { setTool } = useTool()\n// Without the signature tool, Save only stores the template, as signing a form field needs.\nconst hasSignatureTool = useHasTool(ctx, 'signature')\nconst { setOptions } = useToolOptionsWhile<SignatureOptions>(\n  'signature',\n  hasSignatureTool\n)\nconst draft = createSignatureDraft({ fonts: props.fonts ?? ctx.signatureFonts.value })\nconst IDLE: SignatureDraftState = draft.state.get()\nconst s = useReadable(draft.state, IDLE)\nconst uid = useId()\nconst padHost = useTemplateRef<HTMLDivElement>('pad')\n\nlet detach: (() => void) | undefined\nonMounted(() => {\n  if (padHost.value) detach = draft.attachPad(padHost.value)\n})\nonBeforeUnmount(() => {\n  detach?.()\n  draft.destroy()\n})\n\nfunction save(): void {\n  draft.save(ctx.signatures.value).then(\n    (t) => {\n      if (!t) return\n      if (props.select && hasSignatureTool.value) {\n        setOptions({ templateId: t.id })\n        setTool('signature')\n      }\n      emit('saved', t)\n      emit('close')\n    },\n    () => {\n      // The host's store refused it: the dialog stays open to try again.\n    }\n  )\n}\n\nconst tabId = (tab: SignatureTab) => `${uid}-tab-${tab}`\nconst panelId = (tab: SignatureTab) => `${uid}-panel-${tab}`\nconst shown = computed(() => s.value.name.trim() || SIGNATURE_LABELS.namePlaceholder)\nconst onTabKeydown = (e: KeyboardEvent) =>\n  handleTabKeys(e, e.currentTarget as HTMLElement)\nconst onRadioKeydown = (e: KeyboardEvent) =>\n  handleRadioKeys(e, e.currentTarget as HTMLElement)\nconst onName = (e: Event) => draft.setName((e.target as HTMLInputElement).value)\nconst onFile = (e: Event) =>\n  void draft.chooseFile((e.target as HTMLInputElement).files?.[0])\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    :aria-label=\"SIGNATURE_LABELS.tabs\"\n    class=\"ink-tabs\"\n    @keydown=\"onTabKeydown\"\n  >\n    <button\n      v-for=\"tab in SIGNATURE_TABS\"\n      :id=\"tabId(tab)\"\n      :key=\"tab\"\n      type=\"button\"\n      role=\"tab\"\n      :aria-controls=\"panelId(tab)\"\n      :aria-selected=\"s.tab === tab\"\n      :tabindex=\"s.tab === tab ? 0 : -1\"\n      class=\"ink-tab\"\n      :data-key=\"tab\"\n      :data-state=\"s.tab === tab ? 'active' : 'inactive'\"\n      @click=\"draft.setTab(tab)\"\n    >\n      {{ SIGNATURE_LABELS[tab] }}\n    </button>\n  </div>\n  <div\n    :id=\"panelId('draw')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('draw')\"\n    class=\"ink-tab-panel\"\n    data-key=\"draw\"\n    :hidden=\"s.tab !== 'draw'\"\n  >\n    <div\n      ref=\"pad\"\n      class=\"ink-signature-pad-host\"\n      data-ink-signature-pad-host\n      role=\"img\"\n      :aria-label=\"SIGNATURE_LABELS.pad\"\n    />\n    <div class=\"ink-dialog-row\">\n      <button\n        type=\"button\"\n        class=\"ink-button\"\n        data-ink-signature-clear\n        :disabled=\"s.padEmpty\"\n        @click=\"draft.clearPad()\"\n      >\n        {{ SIGNATURE_LABELS.clear }}\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('type')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('type')\"\n    class=\"ink-tab-panel\"\n    data-key=\"type\"\n    :hidden=\"s.tab !== 'type'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.name }}</span>\n      <input\n        type=\"text\"\n        class=\"ink-input\"\n        data-ink-signature-name\n        autocomplete=\"name\"\n        :placeholder=\"SIGNATURE_LABELS.namePlaceholder\"\n        :value=\"s.name\"\n        @input=\"onName\"\n      />\n    </label>\n    <div\n      role=\"radiogroup\"\n      :aria-label=\"SIGNATURE_LABELS.fonts\"\n      class=\"ink-signature-fonts\"\n      @keydown=\"onRadioKeydown\"\n    >\n      <button\n        v-for=\"font in draft.fonts\"\n        :key=\"font\"\n        type=\"button\"\n        role=\"radio\"\n        :aria-checked=\"s.font === font\"\n        :aria-label=\"font\"\n        :tabindex=\"s.font === font ? 0 : -1\"\n        class=\"ink-signature-font\"\n        :data-key=\"font\"\n        :data-state=\"s.font === font ? 'checked' : 'unchecked'\"\n        @click=\"draft.setFont(font)\"\n      >\n        <!-- The font is the option itself, so it is set here, not left to the theme. -->\n        <span\n          class=\"ink-signature-font-sample\"\n          :style=\"{ fontFamily: fontFamilyValue(font) }\"\n        >\n          {{ shown }}\n        </span>\n      </button>\n    </div>\n  </div>\n  <div\n    :id=\"panelId('image')\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId('image')\"\n    class=\"ink-tab-panel\"\n    data-key=\"image\"\n    :hidden=\"s.tab !== 'image'\"\n  >\n    <label class=\"ink-field\">\n      <span>{{ SIGNATURE_LABELS.file }}</span>\n      <input\n        type=\"file\"\n        accept=\"image/png,image/jpeg\"\n        class=\"ink-input\"\n        data-ink-signature-file\n        @change=\"onFile\"\n      />\n    </label>\n    <img\n      v-if=\"s.image?.kind === 'image'\"\n      class=\"ink-signature-image\"\n      :src=\"s.image.imagedata\"\n      alt=\"\"\n    />\n    <p v-if=\"s.imageError\" class=\"ink-field-error\" role=\"alert\">{{ s.imageError }}</p>\n  </div>\n  <p\n    v-if=\"s.saveError\"\n    class=\"ink-field-error\"\n    role=\"alert\"\n    data-ink-signature-save-error\n  >\n    {{ s.saveError }}\n  </p>\n  <div class=\"ink-dialog-actions\">\n    <DialogClose as-child>\n      <button type=\"button\" class=\"ink-button\" data-ink-signature-cancel>\n        {{ SIGNATURE_LABELS.cancel }}\n      </button>\n    </DialogClose>\n    <button\n      type=\"button\"\n      class=\"ink-button\"\n      data-variant=\"primary\"\n      data-ink-signature-save\n      :disabled=\"!s.canSave\"\n      @click=\"save\"\n    >\n      {{ SIGNATURE_LABELS.save }}\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/composables/useRegisteredTool.d.ts

@@ -0,0 +1,21 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { InkContext } from '../context';
+import { PluginHost, Tool, ToolId } from '@inkbar/core/dom';
+/** `select-text` and `select`, then the host's tools, then the plugins' tools, by id. */
+export declare function toolIdsOf(hostTools: readonly Tool[] | undefined, pluginHost: PluginHost | null): ToolId[];
+/**
+ * The tools a control may use: those in `tools` and the plugins now that the open viewer was
+ * also built with, so a control never offers a tool the viewer would refuse. A tool added to
+ * `tools` counts from the next open; one removed stops at once. With no viewer, `tools` and
+ * the plugins alone.
+ */
+export declare function registeredToolIds(hostTools: readonly Tool[] | undefined, pluginHost: PluginHost | null, opened: readonly ToolId[] | null): ToolId[];
+/** Whether a tool by this id is registered, without logging anything when it is not. */
+export declare function useHasTool(ctx: InkContext, id: MaybeRefOrGetter<ToolId>): Readonly<Ref<boolean>>;
+/**
+ * Whether a tool by this id is registered: always for `select-text` and `select`, else when
+ * InkRoot's `tools` or a plugin has it. When it is not, once the plugins are set up, this logs
+ * `InkError('UnknownTool')` to the console, once per component.
+ */
+export declare function useRegisteredTool(id: MaybeRefOrGetter<ToolId>): Readonly<Ref<boolean>>;
+//# sourceMappingURL=useRegisteredTool.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisteredTool.d.ts","sourceRoot":"","sources":["../../src/composables/useRegisteredTool.ts"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE/E,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEhE,yFAAyF;AACzF,wBAAgB,SAAS,CACvB,SAAS,EAAE,SAAS,IAAI,EAAE,GAAG,SAAS,EACtC,UAAU,EAAE,UAAU,GAAG,IAAI,GAC5B,MAAM,EAAE,CAIV;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,IAAI,EAAE,GAAG,SAAS,EACtC,UAAU,EAAE,UAAU,GAAG,IAAI,EAC7B,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,GAC/B,MAAM,EAAE,CAGV;AAKD,wFAAwF;AACxF,wBAAgB,UAAU,CACxB,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAC3B,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAExB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAetF"}

package/dist/composables/useRegisteredTool.js

@@ -0,0 +1,25 @@
+import { useInkContext as e } from "../context.js";
+import { computed as t, toValue as n, watch as r } from "vue";
+import { unknownTool as i, withHostTools as a } from "@inkbar/core/dom";
+//#region src/composables/useRegisteredTool.ts
+function o(e, t) {
+	return a([...e ?? [], ...t?.tools ?? []]).map((e) => e.id);
+}
+function s(e, t, n) {
+	let r = o(e, t);
+	return n ? r.filter((e) => n.includes(e)) : r;
+}
+var c = (e) => s(e.hostTools.value, e.pluginHost.value, e.openedToolIds.value);
+function l(e, r) {
+	return t(() => c(e).includes(n(r)));
+}
+function u(t) {
+	let a = e("useRegisteredTool()"), o = l(a, t), s = !1;
+	return r([() => a.pluginHost.value !== null, o], ([e, r]) => {
+		!e || r || s || (s = !0, console.error(i(n(t), c(a))));
+	}, { immediate: !0 }), o;
+}
+//#endregion
+export { s as registeredToolIds, o as toolIdsOf, l as useHasTool, u as useRegisteredTool };
+
+//# sourceMappingURL=useRegisteredTool.js.map

package/dist/composables/useRegisteredTool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisteredTool.js","names":["toolIdsOf","withHostTools","hostTools","pluginHost","t","registeredToolIds","ids","opened","id","idsIn","ctx","useHasTool","computed","toValue","useRegisteredTool","useInkContext","registered","logged","watch","ready","ok","unknownTool"],"sources":["../../src/composables/useRegisteredTool.ts"],"sourcesContent":["import { unknownTool, withHostTools } from '@inkbar/core/dom'\nimport { computed, toValue, watch, type MaybeRefOrGetter, type Ref } from 'vue'\n\nimport { useInkContext, type InkContext } from '../context'\n\nimport type { PluginHost, Tool, ToolId } from '@inkbar/core/dom'\n\n/** `select-text` and `select`, then the host's tools, then the plugins' tools, by id. */\nexport function toolIdsOf(\n  hostTools: readonly Tool[] | undefined,\n  pluginHost: PluginHost | null\n): ToolId[] {\n  return withHostTools([...(hostTools ?? []), ...(pluginHost?.tools ?? [])]).map(\n    (t) => t.id\n  )\n}\n\n/**\n * The tools a control may use: those in `tools` and the plugins now that the open viewer was\n * also built with, so a control never offers a tool the viewer would refuse. A tool added to\n * `tools` counts from the next open; one removed stops at once. With no viewer, `tools` and\n * the plugins alone.\n */\nexport function registeredToolIds(\n  hostTools: readonly Tool[] | undefined,\n  pluginHost: PluginHost | null,\n  opened: readonly ToolId[] | null\n): ToolId[] {\n  const ids = toolIdsOf(hostTools, pluginHost)\n  return opened ? ids.filter((id) => opened.includes(id)) : ids\n}\n\nconst idsIn = (ctx: InkContext): ToolId[] =>\n  registeredToolIds(ctx.hostTools.value, ctx.pluginHost.value, ctx.openedToolIds.value)\n\n/** Whether a tool by this id is registered, without logging anything when it is not. */\nexport function useHasTool(\n  ctx: InkContext,\n  id: MaybeRefOrGetter<ToolId>\n): Readonly<Ref<boolean>> {\n  return computed(() => idsIn(ctx).includes(toValue(id)))\n}\n\n/**\n * Whether a tool by this id is registered: always for `select-text` and `select`, else when\n * InkRoot's `tools` or a plugin has it. When it is not, once the plugins are set up, this logs\n * `InkError('UnknownTool')` to the console, once per component.\n */\nexport function useRegisteredTool(id: MaybeRefOrGetter<ToolId>): Readonly<Ref<boolean>> {\n  const ctx = useInkContext('useRegisteredTool()')\n  const registered = useHasTool(ctx, id)\n  let logged = false\n  // The plugins' tools are known once InkRoot has mounted and set up its plugin host.\n  watch(\n    [() => ctx.pluginHost.value !== null, registered],\n    ([ready, ok]) => {\n      if (!ready || ok || logged) return\n      logged = true\n      console.error(unknownTool(toValue(id), idsIn(ctx)))\n    },\n    { immediate: true }\n  )\n  return registered\n}\n"],"mappings":";;;;AAQA,SAAgBA,EACd,GACA,GACU;CACV,OAAOC,EAAc,CAAC,GAAIC,KAAa,CAAC,GAAI,GAAIC,GAAY,SAAS,CAAC,CAAE,CAAC,CAAC,CAAC,KACxE,MAAMC,EAAE,EACX;AACF;AAQA,SAAgBC,EACd,GACA,GACA,GACU;CACV,IAAMC,IAAMN,EAAUE,GAAWC,CAAU;CAC3C,OAAOI,IAASD,EAAI,QAAQ,MAAOC,EAAO,SAASC,CAAE,CAAC,IAAIF;AAC5D;AAEA,IAAMG,KAAS,MACbJ,EAAkBK,EAAI,UAAU,OAAOA,EAAI,WAAW,OAAOA,EAAI,cAAc,KAAK;AAGtF,SAAgBC,EACd,GACA,GACwB;CACxB,OAAOC,QAAeH,EAAMC,CAAG,CAAC,CAAC,SAASG,EAAQL,CAAE,CAAC,CAAC;AACxD;AAOA,SAAgBM,EAAkB,GAAsD;CACtF,IAAMJ,IAAMK,EAAc,qBAAqB,GACzCC,IAAaL,EAAWD,GAAKF,CAAE,GACjCS,IAAS;CAWb,OATAC,EACE,OAAOR,EAAI,WAAW,UAAU,MAAMM,CAAU,IAC/C,CAACG,GAAOC,OAAQ;EACf,AAAI,CAACD,KAASC,KAAMH,MACpB,IAAS,IACT,QAAQ,MAAMI,EAAYR,EAAQL,CAAE,GAAGC,EAAMC,CAAG,CAAC,CAAC;CACpD,GACA,EAAE,WAAW,GAAK,CACpB,GACOM;AACT"}

package/dist/composables/useToolOptions.d.ts

@@ -8,4 +8,12 @@ export declare function useToolOptions<O extends object = object>(id: MaybeRefOr
     options: Readonly<Ref<O>>;
     setOptions: (patch: Partial<O>) => void;
 };
+/**
+ * `useToolOptions` that reads and sets nothing while `active` is false, so a control for a
+ * missing tool leaves the controller's own `UnknownTool` log alone.
+ */
+export declare function useToolOptionsWhile<O extends object = object>(id: MaybeRefOrGetter<ToolId>, active: MaybeRefOrGetter<boolean>): {
+    options: Readonly<Ref<O>>;
+    setOptions: (patch: Partial<O>) => void;
+};
 //# sourceMappingURL=useToolOptions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useToolOptions.d.ts","sourceRoot":"","sources":["../../src/composables/useToolOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAI9C;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACtD,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAC3B;IAAE,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;CAAE,CAUxE"}
+{"version":3,"file":"useToolOptions.d.ts","sourceRoot":"","sources":["../../src/composables/useToolOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAI9C;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACtD,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAC3B;IAAE,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;CAAE,CAExE;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC3D,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC5B,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAChC;IAAE,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;CAAE,CAYxE"}

package/dist/composables/useToolOptions.js

@@ -3,14 +3,19 @@ import { useReadable as t } from "../use-readable.js";
 import { toValue as n } from "vue";
 //#region src/composables/useToolOptions.ts
 var r = {};
-function i(i) {
-	let a = e("useToolOptions()");
+function i(e) {
+	return a(e, !0);
+}
+function a(i, a) {
+	let o = e("useToolOptions()");
 	return {
-		options: t(() => a.tools.value?.options(n(i)), r),
-		setOptions: (e) => a.tools.value?.setOptions(n(i), e)
+		options: t(() => n(a) ? o.tools.value?.options(n(i)) : null, r),
+		setOptions: (e) => {
+			n(a) && o.tools.value?.setOptions(n(i), e);
+		}
 	};
 }
 //#endregion
-export { i as useToolOptions };
+export { i as useToolOptions, a as useToolOptionsWhile };
 
 //# sourceMappingURL=useToolOptions.js.map

package/dist/composables/useToolOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToolOptions.js","names":["NO_OPTIONS","useToolOptions","ctx","useInkContext","useReadable","toValue","id","patch"],"sources":["../../src/composables/useToolOptions.ts"],"sourcesContent":["import { toValue, type MaybeRefOrGetter, type Ref } from 'vue'\n\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { ToolId } from '@inkbar/core/dom'\n\nconst NO_OPTIONS: object = {}\n\n/**\n * A tool's options and a setter that merges a patch into them without switching tools.\n * Options are empty, and the setter does nothing, until the viewport has mounted.\n */\nexport function useToolOptions<O extends object = object>(\n  id: MaybeRefOrGetter<ToolId>\n): { options: Readonly<Ref<O>>; setOptions: (patch: Partial<O>) => void } {\n  const ctx = useInkContext('useToolOptions()')\n  const options = useReadable(\n    () => ctx.tools.value?.options(toValue(id)),\n    NO_OPTIONS\n  ) as Readonly<Ref<O>>\n  return {\n    options,\n    setOptions: (patch) => ctx.tools.value?.setOptions(toValue(id), patch),\n  }\n}\n"],"mappings":";;;;AAOA,IAAMA,IAAqB,CAAC;AAM5B,SAAgBC,EACd,GACwE;CACxE,IAAMC,IAAMC,EAAc,kBAAkB;CAK5C,OAAO;EACL,SALcC,QACRF,EAAI,MAAM,OAAO,QAAQG,EAAQC,CAAE,CAAC,GAC1CN,CAGA;EACA,aAAa,MAAUE,EAAI,MAAM,OAAO,WAAWG,EAAQC,CAAE,GAAGC,CAAK;CACvE;AACF"}
+{"version":3,"file":"useToolOptions.js","names":["NO_OPTIONS","useToolOptions","useToolOptionsWhile","id","ctx","useInkContext","useReadable","toValue","active","patch"],"sources":["../../src/composables/useToolOptions.ts"],"sourcesContent":["import { toValue, type MaybeRefOrGetter, type Ref } from 'vue'\n\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { ToolId } from '@inkbar/core/dom'\n\nconst NO_OPTIONS: object = {}\n\n/**\n * A tool's options and a setter that merges a patch into them without switching tools.\n * Options are empty, and the setter does nothing, until the viewport has mounted.\n */\nexport function useToolOptions<O extends object = object>(\n  id: MaybeRefOrGetter<ToolId>\n): { options: Readonly<Ref<O>>; setOptions: (patch: Partial<O>) => void } {\n  return useToolOptionsWhile<O>(id, true)\n}\n\n/**\n * `useToolOptions` that reads and sets nothing while `active` is false, so a control for a\n * missing tool leaves the controller's own `UnknownTool` log alone.\n */\nexport function useToolOptionsWhile<O extends object = object>(\n  id: MaybeRefOrGetter<ToolId>,\n  active: MaybeRefOrGetter<boolean>\n): { options: Readonly<Ref<O>>; setOptions: (patch: Partial<O>) => void } {\n  const ctx = useInkContext('useToolOptions()')\n  const options = useReadable(\n    () => (toValue(active) ? ctx.tools.value?.options(toValue(id)) : null),\n    NO_OPTIONS\n  ) as Readonly<Ref<O>>\n  return {\n    options,\n    setOptions: (patch) => {\n      if (toValue(active)) ctx.tools.value?.setOptions(toValue(id), patch)\n    },\n  }\n}\n"],"mappings":";;;;AAOA,IAAMA,IAAqB,CAAC;AAM5B,SAAgBC,EACd,GACwE;CACxE,OAAOC,EAAuBC,GAAI,EAAI;AACxC;AAMA,SAAgBD,EACd,GACA,GACwE;CACxE,IAAME,IAAMC,EAAc,kBAAkB;CAK5C,OAAO;EACL,SALcC,QACPC,EAAQC,CAAM,IAAIJ,EAAI,MAAM,OAAO,QAAQG,EAAQJ,CAAE,CAAC,IAAI,MACjEH,CAGA;EACA,aAAa,MAAU;GACrB,AAAIO,EAAQC,CAAM,KAAGJ,EAAI,MAAM,OAAO,WAAWG,EAAQJ,CAAE,GAAGM,CAAK;EACrE;CACF;AACF"}

package/dist/context.d.ts

@@ -49,6 +49,11 @@ export interface InkContext {
     setTool(id: ToolId): void;
     /** Host tools from InkRoot's `tools` prop; InkViewport registers them. */
     hostTools: Readonly<Ref<Tool[] | undefined>>;
+    /**
+     * The ids of the tools the current viewer was built with, set by InkViewport; `null` while
+     * there is none. A tool added to `tools` later is registered from the next build.
+     */
+    openedToolIds: ShallowRef<readonly ToolId[] | null>;
     /** InkRoot's `decorateAnnotation` prop. InkViewport re-applies decorations when it changes. */
     decorateAnnotation: Readonly<Ref<DecorateAnnotation | undefined>>;
     /** The font families text boxes offer: InkRoot's `fonts`, else `FONT_FAMILIES`. */

package/dist/context.d.ts.map

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