@inkbar/vue 0.7.0 → 0.8.0

package/dist/components/SignatureForm.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { useInkContext as e } from "../context.js";
 import { useReadable as t } 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 ie } from "vue";
-import { SIGNATURE_LABELS as g, SIGNATURE_TABS as ae, createSignatureDraft as _, fontFamilyValue as v, handleRadioKeys as y, handleTabKeys as b } from "@inkbar/core/dom";
+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 { DialogClose as x } from "reka-ui";
 //#region src/components/SignatureForm.vue?vue&type=script&setup=true&lang.ts
 var S = ["aria-label"], C = [
@@ -37,21 +37,27 @@ var S = ["aria-label"], C = [
 	key: 1,
 	class: "ink-field-error",
 	role: "alert"
-}, oe = {
+}, L = {
 	key: 0,
 	class: "ink-field-error",
 	role: "alert",
 	"data-ink-signature-save-error": ""
-}, L = { class: "ink-dialog-actions" }, R = {
+}, oe = { class: "ink-dialog-actions" }, R = {
 	type: "button",
 	class: "ink-button",
 	"data-ink-signature-cancel": ""
 }, z = ["disabled"], B = /*@__PURE__*/ c({
 	__name: "SignatureForm",
-	props: { fonts: {} },
+	props: {
+		fonts: { default: void 0 },
+		select: {
+			type: Boolean,
+			default: !0
+		}
+	},
 	emits: ["saved", "close"],
 	setup(c, { emit: B }) {
-		let V = c, H = B, U = e("InkSignatureDialog"), { setTool: W } = n(), { setOptions: G } = ee("signature"), K = _({ fonts: V.fonts ?? U.signatureFonts.value }), q = K.state.get(), J = t(K.state, q), Y = m(), X = h("pad"), Z;
+		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;
 		re(() => {
 			X.value && (Z = K.attachPad(X.value));
 		}), l(() => {
@@ -59,17 +65,17 @@ var S = ["aria-label"], C = [
 		});
 		function se() {
 			K.save(U.signatures.value).then((e) => {
-				e && (G({ templateId: e.id }), W("signature"), H("saved", e), H("close"));
+				e && (V.select && (G({ 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() || g.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]);
+		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, [
 			s("div", {
 				role: "tablist",
-				"aria-label": p(g).tabs,
+				"aria-label": p(_).tabs,
 				class: "ink-tabs",
 				onKeydown: le
-			}, [(u(!0), o(r, null, d(p(ae), (e) => (u(), o("button", {
+			}, [(u(!0), o(r, null, d(p(ie), (e) => (u(), o("button", {
 				id: Q(e),
 				key: e,
 				type: "button",
@@ -81,7 +87,7 @@ var S = ["aria-label"], C = [
 				"data-key": e,
 				"data-state": p(J).tab === e ? "active" : "inactive",
 				onClick: (t) => p(K).setTab(e)
-			}, f(p(g)[e]), 9, C))), 128))], 40, S),
+			}, f(p(_)[e]), 9, C))), 128))], 40, S),
 			s("div", {
 				id: $("draw"),
 				role: "tabpanel",
@@ -94,14 +100,14 @@ var S = ["aria-label"], C = [
 				class: "ink-signature-pad-host",
 				"data-ink-signature-pad-host": "",
 				role: "img",
-				"aria-label": p(g).pad
+				"aria-label": p(_).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(g).clear), 9, D)])], 8, w),
+			}, f(p(_).clear), 9, D)])], 8, w),
 			s("div", {
 				id: $("type"),
 				role: "tabpanel",
@@ -109,17 +115,17 @@ var S = ["aria-label"], C = [
 				class: "ink-tab-panel",
 				"data-key": "type",
 				hidden: p(J).tab !== "type"
-			}, [s("label", k, [s("span", null, f(p(g).name), 1), s("input", {
+			}, [s("label", k, [s("span", null, f(p(_).name), 1), s("input", {
 				type: "text",
 				class: "ink-input",
 				"data-ink-signature-name": "",
 				autocomplete: "name",
-				placeholder: p(g).namePlaceholder,
+				placeholder: p(_).namePlaceholder,
 				value: p(J).name,
 				onInput: de
 			}, null, 40, A)]), s("div", {
 				role: "radiogroup",
-				"aria-label": p(g).fonts,
+				"aria-label": p(_).fonts,
 				class: "ink-signature-fonts",
 				onKeydown: ue
 			}, [(u(!0), o(r, null, d(p(K).fonts, (e) => (u(), o("button", {
@@ -145,7 +151,7 @@ var S = ["aria-label"], C = [
 				"data-key": "image",
 				hidden: p(J).tab !== "image"
 			}, [
-				s("label", P, [s("span", null, f(p(g).file), 1), s("input", {
+				s("label", P, [s("span", null, f(p(_).file), 1), s("input", {
 					type: "file",
 					accept: "image/png,image/jpeg",
 					class: "ink-input",
@@ -160,9 +166,9 @@ var S = ["aria-label"], C = [
 				}, null, 8, F)) : a("", !0),
 				p(J).imageError ? (u(), o("p", I, f(p(J).imageError), 1)) : a("", !0)
 			], 8, N),
-			p(J).saveError ? (u(), o("p", oe, f(p(J).saveError), 1)) : a("", !0),
-			s("div", L, [te(p(x), { "as-child": "" }, {
-				default: ie(() => [s("button", R, f(p(g).cancel), 1)]),
+			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)]),
 				_: 1
 			}), s("button", {
 				type: "button",
@@ -171,7 +177,7 @@ var S = ["aria-label"], C = [
 				"data-ink-signature-save": "",
 				disabled: !p(J).canSave,
 				onClick: se
-			}, f(p(g).save), 9, z)])
+			}, f(p(_).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 = defineProps<{ fonts?: readonly string[] | undefined }>()\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      setOptions({ templateId: t.id })\n      setTool('signature')\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","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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"}

package/dist/components/SignatureMenuPanel.js

@@ -0,0 +1,7 @@
+import e from "./SignatureMenuPanel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/SignatureMenuPanel.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=SignatureMenuPanel.js.map

package/dist/components/SignatureMenuPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureMenuPanel.js","names":["_sfc_main","SignatureMenuPanel_vue_vue_type_script_setup_true_lang_default","SignatureMenuPanel_default"],"sources":["../../src/components/SignatureMenuPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The panel both signature menus show: the saved signatures as previews, each with a remove\n * button, then \"Create signature\". `InkSignatureMenu` picks a signature for the tool with it;\n * `InkSignFieldPopover` signs a field with it.\n */\nimport { handleMenuKeys, SIGNATURE_LABELS, signaturePreview } from '@inkbar/core/dom'\nimport { Plus, Trash2 } from '@inkbar/icons'\nimport { computed, nextTick, useTemplateRef } from 'vue'\n\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport InkIcon from './InkIcon.vue'\n\nimport type { SignatureTemplate } from '@inkbar/core'\nimport type { SignatureMenuItem } from '@inkbar/core/dom'\n\nconst props = defineProps<{ items: readonly SignatureMenuItem[] }>()\nconst emit = defineEmits<{ choose: [template: SignatureTemplate]; create: [] }>()\n\nconst ctx = useInkContext('SignatureMenuPanel')\nconst removeError = useReadable(() => ctx.signatures.value.removeError, undefined)\nconst root = useTemplateRef<HTMLElement>('root')\n\n/** A saved signature drawn small: ink as filled outlines. */\nconst previews = computed(() =>\n  props.items.map((item) =>\n    item.template.kind === 'ink' ? signaturePreview(item.template) : null\n  )\n)\n\n/** Removes a template; focus moves to the signature now in its row, else \"Create signature\". */\nfunction remove(id: string, row: number): void {\n  ctx.signatures.value.remove(id).then(\n    async () => {\n      await nextTick()\n      const menu = root.value\n      if (!menu) return\n      const rows = menu.querySelectorAll<HTMLElement>('.ink-signature-item')\n      const next =\n        rows[Math.min(row, rows.length - 1)] ??\n        menu.querySelector<HTMLElement>('[data-ink-signature-create]')\n      next?.focus({ preventScroll: true })\n    },\n    () => {\n      // The host's store refused: the signature stays.\n    }\n  )\n}\n\nconst innerAttrs = {\n  role: 'menu',\n  'aria-label': SIGNATURE_LABELS.menu,\n  onKeydown: (e: KeyboardEvent) => handleMenuKeys(e, e.currentTarget as HTMLElement),\n}\n</script>\n\n<template>\n  <div ref=\"root\" v-bind=\"innerAttrs\">\n    <template v-if=\"props.items.length > 0\">\n      <div\n        role=\"group\"\n        :aria-label=\"SIGNATURE_LABELS.saved\"\n        class=\"ink-signature-list\"\n        data-ink-menu-columns=\"2\"\n      >\n        <template v-for=\"(item, row) in props.items\" :key=\"item.id\">\n          <button\n            type=\"button\"\n            role=\"menuitemradio\"\n            :aria-checked=\"item.checked\"\n            :aria-label=\"item.label\"\n            tabindex=\"-1\"\n            class=\"ink-select-item ink-menu-item ink-signature-item\"\n            data-ink-select-item\n            :data-key=\"item.id\"\n            :data-state=\"item.checked ? 'checked' : 'unchecked'\"\n            @click=\"emit('choose', item.template)\"\n          >\n            <span class=\"ink-signature-preview\" :data-kind=\"item.template.kind\">\n              <img\n                v-if=\"item.template.kind === 'image'\"\n                :src=\"item.template.imagedata\"\n                alt=\"\"\n                draggable=\"false\"\n              />\n              <svg v-else :viewBox=\"previews[row]?.viewBox\" aria-hidden=\"true\">\n                <path\n                  v-for=\"(d, i) in previews[row]?.paths ?? []\"\n                  :key=\"i\"\n                  :d=\"d\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n            </span>\n          </button>\n          <button\n            type=\"button\"\n            role=\"menuitem\"\n            :aria-label=\"item.removeLabel\"\n            :title=\"item.removeLabel\"\n            tabindex=\"-1\"\n            class=\"ink-menu-item ink-signature-remove\"\n            data-ink-signature-remove\n            :data-key=\"item.id\"\n            @click=\"remove(item.id, row)\"\n          >\n            <InkIcon :icon=\"Trash2\" :size=\"16\" />\n          </button>\n        </template>\n      </div>\n      <div role=\"separator\" class=\"ink-select-separator\" />\n    </template>\n    <button\n      type=\"button\"\n      role=\"menuitem\"\n      tabindex=\"-1\"\n      class=\"ink-select-item ink-menu-item ink-signature-create\"\n      data-ink-select-item\n      data-ink-signature-create\n      @click=\"emit('create')\"\n    >\n      <InkIcon :icon=\"Plus\" :size=\"16\" />\n      {{ SIGNATURE_LABELS.create }}\n    </button>\n    <p\n      v-if=\"removeError\"\n      class=\"ink-field-error ink-signature-remove-error\"\n      role=\"alert\"\n      data-ink-signature-remove-error\n    >\n      {{ removeError }}\n    </p>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,15 @@
+import { SignatureTemplate } from '@inkbar/core';
+import { SignatureMenuItem } from '@inkbar/core/dom';
+type __VLS_Props = {
+    items: readonly SignatureMenuItem[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    choose: (template: SignatureTemplate) => any;
+    create: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChoose?: (template: SignatureTemplate) => any;
+    onCreate?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SignatureMenuPanel.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureMenuPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignatureMenuPanel.vue"],"names":[],"mappings":"AAwJA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGzD,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAA;CAAE,CAAC;AA0M3D,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SignatureMenuPanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,116 @@
+import { useInkContext as e } from "../context.js";
+import { useReadable as t } from "../use-readable.js";
+import n from "./InkIcon.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, nextTick as f, openBlock as p, renderList as m, toDisplayString as h, unref as g, useTemplateRef as _ } from "vue";
+import { SIGNATURE_LABELS as v, handleMenuKeys as y, signaturePreview as b } from "@inkbar/core/dom";
+import { Plus as x, Trash2 as S } from "@inkbar/icons";
+//#region src/components/SignatureMenuPanel.vue?vue&type=script&setup=true&lang.ts
+var C = ["aria-label"], w = [
+	"aria-checked",
+	"aria-label",
+	"data-key",
+	"data-state",
+	"onClick"
+], T = ["data-kind"], E = ["src"], D = ["viewBox"], O = ["d"], k = [
+	"aria-label",
+	"title",
+	"data-key",
+	"onClick"
+], A = {
+	key: 1,
+	class: "ink-field-error ink-signature-remove-error",
+	role: "alert",
+	"data-ink-signature-remove-error": ""
+}, j = /*@__PURE__*/ u({
+	__name: "SignatureMenuPanel",
+	props: { items: {} },
+	emits: ["choose", "create"],
+	setup(u, { emit: j }) {
+		let M = u, N = j, P = e("SignatureMenuPanel"), F = t(() => P.signatures.value.removeError, void 0), I = _("root"), L = i(() => M.items.map((e) => e.template.kind === "ink" ? b(e.template) : null));
+		function R(e, t) {
+			P.signatures.value.remove(e).then(async () => {
+				await f();
+				let e = I.value;
+				if (!e) return;
+				let n = e.querySelectorAll(".ink-signature-item");
+				(n[Math.min(t, n.length - 1)] ?? e.querySelector("[data-ink-signature-create]"))?.focus({ preventScroll: !0 });
+			}, () => {});
+		}
+		let z = {
+			role: "menu",
+			"aria-label": v.menu,
+			onKeydown: (e) => y(e, e.currentTarget)
+		};
+		return (e, t) => (p(), o("div", d({
+			ref_key: "root",
+			ref: I
+		}, z), [
+			M.items.length > 0 ? (p(), o(r, { key: 0 }, [s("div", {
+				role: "group",
+				"aria-label": g(v).saved,
+				class: "ink-signature-list",
+				"data-ink-menu-columns": "2"
+			}, [(p(!0), o(r, null, m(M.items, (e, t) => (p(), o(r, { key: e.id }, [s("button", {
+				type: "button",
+				role: "menuitemradio",
+				"aria-checked": e.checked,
+				"aria-label": e.label,
+				tabindex: "-1",
+				class: "ink-select-item ink-menu-item ink-signature-item",
+				"data-ink-select-item": "",
+				"data-key": e.id,
+				"data-state": e.checked ? "checked" : "unchecked",
+				onClick: (t) => N("choose", e.template)
+			}, [s("span", {
+				class: "ink-signature-preview",
+				"data-kind": e.template.kind
+			}, [e.template.kind === "image" ? (p(), o("img", {
+				key: 0,
+				src: e.template.imagedata,
+				alt: "",
+				draggable: "false"
+			}, null, 8, E)) : (p(), o("svg", {
+				key: 1,
+				viewBox: L.value[t]?.viewBox,
+				"aria-hidden": "true"
+			}, [(p(!0), o(r, null, m(L.value[t]?.paths ?? [], (e, t) => (p(), o("path", {
+				key: t,
+				d: e,
+				fill: "currentColor"
+			}, null, 8, O))), 128))], 8, D))], 8, T)], 8, w), s("button", {
+				type: "button",
+				role: "menuitem",
+				"aria-label": e.removeLabel,
+				title: e.removeLabel,
+				tabindex: "-1",
+				class: "ink-menu-item ink-signature-remove",
+				"data-ink-signature-remove": "",
+				"data-key": e.id,
+				onClick: (n) => R(e.id, t)
+			}, [l(n, {
+				icon: g(S),
+				size: 16
+			}, null, 8, ["icon"])], 8, k)], 64))), 128))], 8, C), t[1] ||= s("div", {
+				role: "separator",
+				class: "ink-select-separator"
+			}, null, -1)], 64)) : a("", !0),
+			s("button", {
+				type: "button",
+				role: "menuitem",
+				tabindex: "-1",
+				class: "ink-select-item ink-menu-item ink-signature-create",
+				"data-ink-select-item": "",
+				"data-ink-signature-create": "",
+				onClick: t[0] ||= (e) => N("create")
+			}, [l(n, {
+				icon: g(x),
+				size: 16
+			}, null, 8, ["icon"]), c(" " + h(g(v).create), 1)]),
+			g(F) ? (p(), o("p", A, h(g(F)), 1)) : a("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { j as default };
+
+//# sourceMappingURL=SignatureMenuPanel.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureMenuPanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_Fragment","_createElementVNode","_unref","_renderList","_createVNode","InkIcon","_createCommentVNode","_createTextVNode","_toDisplayString","InkIcon_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","SignatureMenuPanel_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","ctx","useInkContext","removeError","useReadable","root","useTemplateRef","previews","computed","item","signaturePreview","remove","id","nextTick","menu","rows","row","innerAttrs","SIGNATURE_LABELS","handleMenuKeys","openBlock","createElementBlock","mergeProps","Fragment","createElementVNode","unref","renderList","i","createVNode","Trash2","_cache","createCommentVNode","Plus","createTextVNode","toDisplayString"],"sources":["../../src/components/SignatureMenuPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The panel both signature menus show: the saved signatures as previews, each with a remove\n * button, then \"Create signature\". `InkSignatureMenu` picks a signature for the tool with it;\n * `InkSignFieldPopover` signs a field with it.\n */\nimport { handleMenuKeys, SIGNATURE_LABELS, signaturePreview } from '@inkbar/core/dom'\nimport { Plus, Trash2 } from '@inkbar/icons'\nimport { computed, nextTick, useTemplateRef } from 'vue'\n\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport InkIcon from './InkIcon.vue'\n\nimport type { SignatureTemplate } from '@inkbar/core'\nimport type { SignatureMenuItem } from '@inkbar/core/dom'\n\nconst props = defineProps<{ items: readonly SignatureMenuItem[] }>()\nconst emit = defineEmits<{ choose: [template: SignatureTemplate]; create: [] }>()\n\nconst ctx = useInkContext('SignatureMenuPanel')\nconst removeError = useReadable(() => ctx.signatures.value.removeError, undefined)\nconst root = useTemplateRef<HTMLElement>('root')\n\n/** A saved signature drawn small: ink as filled outlines. */\nconst previews = computed(() =>\n  props.items.map((item) =>\n    item.template.kind === 'ink' ? signaturePreview(item.template) : null\n  )\n)\n\n/** Removes a template; focus moves to the signature now in its row, else \"Create signature\". */\nfunction remove(id: string, row: number): void {\n  ctx.signatures.value.remove(id).then(\n    async () => {\n      await nextTick()\n      const menu = root.value\n      if (!menu) return\n      const rows = menu.querySelectorAll<HTMLElement>('.ink-signature-item')\n      const next =\n        rows[Math.min(row, rows.length - 1)] ??\n        menu.querySelector<HTMLElement>('[data-ink-signature-create]')\n      next?.focus({ preventScroll: true })\n    },\n    () => {\n      // The host's store refused: the signature stays.\n    }\n  )\n}\n\nconst innerAttrs = {\n  role: 'menu',\n  'aria-label': SIGNATURE_LABELS.menu,\n  onKeydown: (e: KeyboardEvent) => handleMenuKeys(e, e.currentTarget as HTMLElement),\n}\n</script>\n\n<template>\n  <div ref=\"root\" v-bind=\"innerAttrs\">\n    <template v-if=\"props.items.length > 0\">\n      <div\n        role=\"group\"\n        :aria-label=\"SIGNATURE_LABELS.saved\"\n        class=\"ink-signature-list\"\n        data-ink-menu-columns=\"2\"\n      >\n        <template v-for=\"(item, row) in props.items\" :key=\"item.id\">\n          <button\n            type=\"button\"\n            role=\"menuitemradio\"\n            :aria-checked=\"item.checked\"\n            :aria-label=\"item.label\"\n            tabindex=\"-1\"\n            class=\"ink-select-item ink-menu-item ink-signature-item\"\n            data-ink-select-item\n            :data-key=\"item.id\"\n            :data-state=\"item.checked ? 'checked' : 'unchecked'\"\n            @click=\"emit('choose', item.template)\"\n          >\n            <span class=\"ink-signature-preview\" :data-kind=\"item.template.kind\">\n              <img\n                v-if=\"item.template.kind === 'image'\"\n                :src=\"item.template.imagedata\"\n                alt=\"\"\n                draggable=\"false\"\n              />\n              <svg v-else :viewBox=\"previews[row]?.viewBox\" aria-hidden=\"true\">\n                <path\n                  v-for=\"(d, i) in previews[row]?.paths ?? []\"\n                  :key=\"i\"\n                  :d=\"d\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n            </span>\n          </button>\n          <button\n            type=\"button\"\n            role=\"menuitem\"\n            :aria-label=\"item.removeLabel\"\n            :title=\"item.removeLabel\"\n            tabindex=\"-1\"\n            class=\"ink-menu-item ink-signature-remove\"\n            data-ink-signature-remove\n            :data-key=\"item.id\"\n            @click=\"remove(item.id, row)\"\n          >\n            <InkIcon :icon=\"Trash2\" :size=\"16\" />\n          </button>\n        </template>\n      </div>\n      <div role=\"separator\" class=\"ink-select-separator\" />\n    </template>\n    <button\n      type=\"button\"\n      role=\"menuitem\"\n      tabindex=\"-1\"\n      class=\"ink-select-item ink-menu-item ink-signature-create\"\n      data-ink-select-item\n      data-ink-signature-create\n      @click=\"emit('create')\"\n    >\n      <InkIcon :icon=\"Plus\" :size=\"16\" />\n      {{ SIGNATURE_LABELS.create }}\n    </button>\n    <p\n      v-if=\"removeError\"\n      class=\"ink-field-error ink-signature-remove-error\"\n      role=\"alert\"\n      data-ink-signature-remove-error\n    >\n      {{ removeError }}\n    </p>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/composables/useForm.d.ts

@@ -0,0 +1,18 @@
+import { FieldValues, FormField, FormSetResult } from '@inkbar/core';
+import { Ref } from 'vue';
+export interface FormHandle {
+    /** The open document's form fields; empty while none is open or it has none. */
+    fields: Readonly<Ref<readonly FormField[]>>;
+    /** What the fields hold now, keyed by full name. */
+    values: Readonly<Ref<FieldValues>>;
+    /**
+     * Commits values as a person would: scripts run, and the call is one undo step. Returns the
+     * names applied and rejected, or `undefined` while no document is open.
+     */
+    set: (values: FieldValues) => FormSetResult | undefined;
+    /** Restores the PDF's default values of `names`, or of every field. */
+    reset: (names?: string[]) => void;
+}
+/** The open document's form: its fields, their values, and `set` and `reset`. */
+export declare function useForm(): FormHandle;
+//# sourceMappingURL=useForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/composables/useForm.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AACzE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,MAAM,WAAW,UAAU;IACzB,gFAAgF;IAChF,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,SAAS,EAAE,CAAC,CAAC,CAAA;IAC3C,oDAAoD;IACpD,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAA;IAClC;;;OAGG;IACH,GAAG,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,aAAa,GAAG,SAAS,CAAA;IACvD,uEAAuE;IACvE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAClC;AAED,iFAAiF;AACjF,wBAAgB,OAAO,IAAI,UAAU,CASpC"}

package/dist/composables/useForm.js

@@ -0,0 +1,17 @@
+import { useInkContext as e } from "../context.js";
+import { useReadable as t } from "../use-readable.js";
+//#region src/composables/useForm.ts
+var n = [], r = Object.freeze({});
+function i() {
+	let i = e("useForm()"), a = () => i.document.value?.form;
+	return {
+		fields: t(() => a()?.fields, n),
+		values: t(() => a()?.values, r),
+		set: (e) => a()?.set(e),
+		reset: (e) => a()?.reset(e)
+	};
+}
+//#endregion
+export { i as useForm };
+
+//# sourceMappingURL=useForm.js.map

package/dist/composables/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","names":["NO_FIELDS","NO_VALUES","useForm","ctx","useInkContext","form","useReadable","values","names"],"sources":["../../src/composables/useForm.ts"],"sourcesContent":["import { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { FieldValues, FormField, FormSetResult } from '@inkbar/core'\nimport type { Ref } from 'vue'\n\nconst NO_FIELDS: readonly FormField[] = []\nconst NO_VALUES: FieldValues = Object.freeze({})\n\nexport interface FormHandle {\n  /** The open document's form fields; empty while none is open or it has none. */\n  fields: Readonly<Ref<readonly FormField[]>>\n  /** What the fields hold now, keyed by full name. */\n  values: Readonly<Ref<FieldValues>>\n  /**\n   * Commits values as a person would: scripts run, and the call is one undo step. Returns the\n   * names applied and rejected, or `undefined` while no document is open.\n   */\n  set: (values: FieldValues) => FormSetResult | undefined\n  /** Restores the PDF's default values of `names`, or of every field. */\n  reset: (names?: string[]) => void\n}\n\n/** The open document's form: its fields, their values, and `set` and `reset`. */\nexport function useForm(): FormHandle {\n  const ctx = useInkContext('useForm()')\n  const form = () => ctx.document.value?.form\n  return {\n    fields: useReadable(() => form()?.fields, NO_FIELDS),\n    values: useReadable(() => form()?.values, NO_VALUES),\n    set: (values) => form()?.set(values),\n    reset: (names) => form()?.reset(names),\n  }\n}\n"],"mappings":";;;AAMA,IAAMA,IAAkC,CAAC,GACnCC,IAAyB,OAAO,OAAO,CAAC,CAAC;AAiB/C,SAAgBC,IAAsB;CACpC,IAAMC,IAAMC,EAAc,WAAW,GAC/BC,UAAaF,EAAI,SAAS,OAAO;CACvC,OAAO;EACL,QAAQG,QAAkBD,EAAK,CAAC,EAAE,QAAQL,CAAS;EACnD,QAAQM,QAAkBD,EAAK,CAAC,EAAE,QAAQJ,CAAS;EACnD,MAAM,MAAWI,EAAK,CAAC,EAAE,IAAIE,CAAM;EACnC,QAAQ,MAAUF,EAAK,CAAC,EAAE,MAAMG,CAAK;CACvC;AACF"}

package/dist/context.d.ts

@@ -1,4 +1,4 @@
-import { Annotation, InkDocument, InkStatus, PdfAssets, PluginHistory, SignatureLibrary } from '@inkbar/core';
+import { Annotation, FormAction, InkDocument, InkError, InkStatus, PdfAssets, PluginHistory, SignatureLibrary } from '@inkbar/core';
 import { DecorateAnnotation, PluginHost, SearchController, Tool, ToolController, ToolId, ToolOptions, ToolStyle, Viewport, ZoomValue } from '@inkbar/core/dom';
 import { Ref, ShallowRef } from 'vue';
 export type { InkStatus };
@@ -76,6 +76,12 @@ export interface InkContext {
     setActivated(id: string | null): void;
     history: InkHistory;
     rootEl: Readonly<Ref<HTMLElement | null>>;
+    /** InkRoot's `formHighlight`; InkViewport reads it when it builds the viewer. */
+    formHighlight: Readonly<Ref<boolean | undefined>>;
+    /** Emits InkRoot's `form-action`. */
+    reportFormAction(action: FormAction): void;
+    /** Emits InkRoot's `error`, for failures after the document opened (a refused signing). */
+    reportError(error: InkError): void;
 }
 export declare const injectInkContext: <T extends InkContext | null | undefined = InkContext>(fallback?: T | undefined) => T extends null ? InkContext | null : InkContext, provideInkContext: (contextValue: InkContext) => InkContext;
 /**

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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"}

package/dist/context.js.map

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

package/dist/index.d.ts

@@ -16,6 +16,8 @@ export { useHistory } from './composables/useHistory';
 export { useEmbedded } from './composables/useEmbedded';
 export { useSearch } from './composables/useSearch';
 export { useCommand } from './composables/useCommand';
+export { useForm } from './composables/useForm';
+export type { FormHandle } from './composables/useForm';
 export type { CommandHandle } from './composables/useCommand';
 export { default as InkViewport } from './components/InkViewport.vue';
 export { default as InkPage } from './components/InkPage.vue';

package/dist/index.d.ts.map

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

package/dist/index.js

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