@inkbar/vue 0.2.0 → 0.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"InkRoot.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkRoot.vue"],"names":[],"mappings":"AA2RA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAA;AAcrD,OAAO,EAAqB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAI/E,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAkB,MAAM,EAAY,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGnF,KAAK,WAAW,GAAG;IACf,GAAG,EAAE,cAAc,GAAG,IAAI,CAAA;IAC1B,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,wFAAwF;IACxF,QAAQ,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAA;IACzC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,CAAA;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC5B,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAoRJ,QAAA,IAAI,OAAO;;;CAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InkRoot.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkRoot.vue"],"names":[],"mappings":"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"}

package/dist/components/InkRoot.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { provideInkContext as e } from "../context.js";
 import { useReadable as t } from "../use-readable.js";
 import { createRefHistory as n } from "../ref-history.js";
-import { computed as r, createBlock as i, defineComponent as a, onBeforeUnmount as o, onMounted as s, onUpdated as c, openBlock as l, ref as u, renderSlot as d, shallowRef as f, unref as p, useTemplateRef as m, watch as h, withCtx as g } from "vue";
-import { InkError as _, openDocument as v } from "@inkbar/core";
-import { cssVariableDefaults as y } from "@inkbar/core/dom";
-import { Primitive as b } from "reka-ui";
+import { computed as r, createBlock as ee, defineComponent as i, onBeforeUnmount as a, onMounted as o, onUpdated as s, openBlock as c, ref as l, renderSlot as u, shallowRef as d, unref as f, useTemplateRef as p, watch as m, withCtx as h } from "vue";
+import { InkError as g, createMemorySignatureStore as _, createSignatureLibrary as v, openDocument as y } from "@inkbar/core";
+import { FONT_FAMILIES as b, SIGNATURE_FONTS as x, createToolOptions as S, cssVariableDefaults as C, trackToolStyle as w } from "@inkbar/core/dom";
+import { Primitive as T } from "reka-ui";
 //#region src/components/InkRoot.vue?vue&type=script&setup=true&lang.ts
-var x = /*@__PURE__*/ a({
+var E = /*@__PURE__*/ i({
 	__name: "InkRoot",
 	props: {
 		src: {},
@@ -15,6 +15,10 @@ var x = /*@__PURE__*/ a({
 		defaults: { default: void 0 },
 		annotations: { default: void 0 },
 		tool: { default: void 0 },
+		tools: { default: void 0 },
+		fonts: { default: void 0 },
+		signatures: { default: void 0 },
+		signatureFonts: { default: void 0 },
 		page: { default: void 0 },
 		zoom: { default: void 0 },
 		history: {
@@ -36,127 +40,152 @@ var x = /*@__PURE__*/ a({
 		"error",
 		"activate"
 	],
-	setup(a, { expose: x, emit: S }) {
-		let C = a, w = S, T = m("primitive"), E = f(null);
-		function D() {
-			let e = T.value?.$el;
-			E.value = e instanceof HTMLElement ? e : null;
+	setup(i, { expose: E, emit: te }) {
+		let D = i, O = te, k = p("primitive"), A = d(null);
+		function j() {
+			let e = k.value?.$el;
+			A.value = e instanceof HTMLElement ? e : null;
 		}
-		let O = f(null), k = f(null), A = t(() => O.value?.status ?? null, { state: "idle" }), j = r(() => k.value ?? A.value), M = t(() => O.value?.annotations.list ?? null, []), N = t(() => O.value?.annotations.selection ?? null, []), P = f(null), F = f(null), I = u(C.tool ?? "view"), L = u(null), R = r(() => C.annotations !== void 0);
-		function z(e) {
+		let M = d(null), N = d(null), P = t(() => M.value?.status ?? null, { state: "idle" }), F = r(() => N.value ?? P.value), I = t(() => M.value?.annotations.list ?? null, []), L = t(() => M.value?.annotations.selection ?? null, []), R = d(null), z = d(null), B = l(D.tool ?? "select-text"), V = l(null), H = r(() => D.annotations !== void 0);
+		function U(e) {
 			return e === null ? null : typeof e == "string" ? e : "key" in e ? e.key : e;
 		}
-		let B = 0;
-		function V() {
-			O.value?.destroy(), O.value = null;
+		let W = 0;
+		function G() {
+			M.value?.destroy(), M.value = null;
 		}
-		async function H() {
-			let e = ++B, t = C.src;
-			if (V(), U.clear(), t === null) {
-				k.value = null;
+		async function K() {
+			let e = ++W, t = D.src;
+			if (G(), q.clear(), t === null) {
+				N.value = null;
 				return;
 			}
-			k.value = { state: "loading" }, D();
+			N.value = { state: "loading" }, j();
 			let n;
 			try {
-				n = await v(t, {
-					assets: C.assets,
-					password: C.password,
-					defaults: C.defaults ?? (E.value ? y(E.value) : void 0),
-					history: R.value ? !1 : C.history ?? !0,
-					annotations: R.value ? {
+				n = await y(t, {
+					assets: D.assets,
+					password: D.password,
+					defaults: D.defaults ?? (A.value ? C(A.value) : void 0),
+					history: H.value ? !1 : D.history ?? !0,
+					annotations: H.value ? {
 						mode: "controlled",
-						initial: C.annotations ?? [],
+						initial: D.annotations ?? [],
 						onChange: (e, t) => {
-							w("update:annotations", e), w("change", t);
+							O("update:annotations", e), O("change", t);
 						}
 					} : { mode: "uncontrolled" }
 				});
 			} catch (t) {
-				if (e !== B) return;
-				let n = t instanceof _ ? t : new _("InvalidPdf", t instanceof Error ? t.message : String(t), {}, t);
-				k.value = {
+				if (e !== W) return;
+				let n = t instanceof g ? t : new g("InvalidPdf", t instanceof Error ? t.message : String(t), {}, t);
+				N.value = {
 					state: "error",
 					error: n
-				}, w("error", n);
+				}, O("error", n);
 				return;
 			}
-			if (e !== B) {
+			if (e !== W) {
 				n.destroy();
 				return;
 			}
-			n.annotations.mode === "controlled" && C.annotations !== void 0 && n.annotations.setControlledValue(C.annotations), O.value = n, k.value = null;
+			n.annotations.mode === "controlled" && D.annotations !== void 0 && n.annotations.setControlledValue(D.annotations), M.value = n, N.value = null;
 			let r = n.status.get();
-			r.state === "ready" ? w("ready", n) : r.state === "error" && w("error", r.error);
+			r.state === "ready" ? O("ready", n) : r.state === "error" && O("error", r.error);
 		}
-		let U = n({
-			source: () => C.annotations,
-			apply: (e) => O.value?.annotations.replaceAll(e, "history"),
-			enabled: r(() => R.value && C.history === !0)
-		}), W = t(() => O.value?.history.canUndo ?? null, !1), G = t(() => O.value?.history.canRedo ?? null, !1), K = {
-			canUndo: r(() => R.value ? U.canUndo.value : W.value),
-			canRedo: r(() => R.value ? U.canRedo.value : G.value),
-			undo: () => R.value ? U.undo() : O.value?.history.undo(),
-			redo: () => R.value ? U.redo() : O.value?.history.redo(),
-			clear: () => R.value ? U.clear() : O.value?.history.clear(),
+		let q = n({
+			source: () => D.annotations,
+			apply: (e) => M.value?.annotations.replaceAll(e, "history"),
+			enabled: r(() => H.value && D.history === !0)
+		}), J = t(() => M.value?.history.canUndo ?? null, !1), Y = t(() => M.value?.history.canRedo ?? null, !1), X = {
+			canUndo: r(() => H.value ? q.canUndo.value : J.value),
+			canRedo: r(() => H.value ? q.canRedo.value : Y.value),
+			undo: () => H.value ? q.undo() : M.value?.history.undo(),
+			redo: () => H.value ? q.redo() : M.value?.history.redo(),
+			clear: () => H.value ? q.clear() : M.value?.history.clear(),
 			batch: (e) => {
-				R.value ? U.batch(e) : O.value ? O.value.history.batch(e) : e();
+				H.value ? q.batch(e) : M.value ? M.value.history.batch(e) : e();
 			}
-		};
-		s(() => {
-			D(), H();
-		}), c(D), h([() => z(C.src), () => C.password], () => void H()), h(() => C.annotations, (e) => {
-			e && O.value?.annotations.mode === "controlled" && O.value.annotations.setControlledValue(e);
-		}), h(() => C.tool, (e) => {
-			e && (I.value = e);
+		}, Z = d(null), Q;
+		m(M, (e) => {
+			if (!e) {
+				Z.value = null, Q = void 0;
+				return;
+			}
+			let t = w({
+				store: e.annotations,
+				history: { batch: (e) => X.batch(e) },
+				tools: D.tools,
+				tool: B.value
+			});
+			Q = (e) => t.setTool(e), Z.value = t.toolStyle;
+		}, {
+			immediate: !0,
+			flush: "sync"
+		}), m(B, (e) => Q?.(e)), o(() => {
+			j(), K();
+		}), s(j), m([() => U(D.src), () => D.password], () => void K()), m(() => D.annotations, (e) => {
+			e && M.value?.annotations.mode === "controlled" && M.value.annotations.setControlledValue(e);
+		}), m(() => D.tool, (e) => {
+			e && (B.value = e);
 		});
-		function q(e) {
-			I.value = e, w("update:tool", e);
+		function ne(e) {
+			B.value = e, O("update:tool", e);
 		}
-		return o(() => {
-			B++, V();
-		}), e({
-			assets: r(() => C.assets),
-			document: O,
-			status: j,
-			annotations: M,
-			selection: N,
-			viewport: P,
-			tools: F,
-			tool: I,
-			setTool: q,
-			zoomModel: r(() => C.zoom),
-			pageModel: r(() => C.page),
-			reportZoom: (e) => w("update:zoom", e),
-			reportPage: (e) => w("update:page", e),
-			activated: L,
+		a(() => {
+			W++, G();
+		});
+		let $ = r(() => v(D.signatures ?? _()));
+		m($, (e) => void e.refresh(), { immediate: !0 });
+		let re = S();
+		return e({
+			assets: r(() => D.assets),
+			document: M,
+			status: F,
+			annotations: I,
+			selection: L,
+			viewport: R,
+			tools: z,
+			tool: B,
+			setTool: ne,
+			hostTools: r(() => D.tools),
+			fonts: r(() => D.fonts ?? b),
+			toolOptions: re,
+			signatures: $,
+			signatureFonts: r(() => D.signatureFonts ?? x),
+			toolStyle: Z,
+			zoomModel: r(() => D.zoom),
+			pageModel: r(() => D.page),
+			reportZoom: (e) => O("update:zoom", e),
+			reportPage: (e) => O("update:page", e),
+			activated: V,
 			setActivated(e) {
-				L.value = e, e && w("activate", e);
+				V.value = e, e && O("activate", e);
 			},
-			history: K,
-			rootEl: E
-		}), x({
-			document: O,
-			status: j,
-			rootEl: E,
-			history: K
-		}), (e, t) => (l(), i(p(b), {
+			history: X,
+			rootEl: A
+		}), E({
+			document: M,
+			status: F,
+			rootEl: A,
+			history: X
+		}), (e, t) => (c(), ee(f(T), {
 			ref_key: "primitive",
-			ref: T,
-			"as-child": C.asChild,
+			ref: k,
+			"as-child": D.asChild,
 			as: "div",
 			"data-ink-root": "",
-			"data-state": j.value.state
+			"data-state": F.value.state
 		}, {
-			default: g(() => [d(e.$slots, "default", {
-				status: j.value,
-				document: O.value
+			default: h(() => [u(e.$slots, "default", {
+				status: F.value,
+				document: M.value
 			})]),
 			_: 3
 		}, 8, ["as-child", "data-state"]));
 	}
 });
 //#endregion
-export { x as default };
+export { E as default };
 
 //# sourceMappingURL=InkRoot.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InkRoot.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot","InkRoot_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","primitive","useTemplateRef","rootEl","shallowRef","syncRootEl","el","document","override","documentStatus","useReadable","status","computed","annotationList","selection","viewport","tools","internalTool","ref","activated","controlled","identity","src","generation","release","open","gen","refHistory","doc","openDocument","cssVariableDefaults","next","change","cause","error","InkError","s","createRefHistory","list","coreCanUndo","coreCanRedo","inkHistory","fn","onMounted","onUpdated","watch","t","setTool","id","onBeforeUnmount","provideInkContext","z","p","openBlock","createBlock","unref","Primitive","withCtx","renderSlot","_ctx"],"sources":["../../src/components/InkRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { InkError, openDocument } from '@inkbar/core'\nimport { cssVariableDefaults } from '@inkbar/core/dom'\nimport { Primitive } from 'reka-ui'\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  onUpdated,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport { provideInkContext, type InkHistory, type InkStatus } from '../context'\nimport { createRefHistory } from '../ref-history'\nimport { useReadable } from '../use-readable'\n\nimport type {\n  Annotation,\n  AnnotationChange,\n  AnnotationDefaults,\n  DocumentSource,\n  InkDocument,\n  PdfAssets,\n} from '@inkbar/core'\nimport type { ToolController, ToolId, Viewport, ZoomValue } from '@inkbar/core/dom'\n\nconst props = withDefaults(\n  defineProps<{\n    src: DocumentSource | null\n    assets: PdfAssets\n    password?: string | undefined\n    /** Colour defaults. Without it, the theme's CSS variables on the root element apply. */\n    defaults?: AnnotationDefaults | undefined\n    /**\n     * Pass (with v-model) to put annotations under the host's control. The mode is fixed when a\n     * document opens: passing or dropping this prop later takes effect on the next open.\n     */\n    annotations?: Annotation[] | undefined\n    tool?: ToolId | undefined\n    page?: number | undefined\n    zoom?: ZoomValue | undefined\n    /** Undo history. Defaults to on for uncontrolled, off for controlled. */\n    history?: boolean | undefined\n    asChild?: boolean\n  }>(),\n  {\n    password: undefined,\n    defaults: undefined,\n    annotations: undefined,\n    tool: undefined,\n    page: undefined,\n    zoom: undefined,\n    history: undefined,\n    asChild: false,\n  }\n)\n\nconst emit = defineEmits<{\n  'update:annotations': [next: Annotation[]]\n  change: [change: AnnotationChange]\n  'update:tool': [tool: ToolId]\n  'update:page': [page: number]\n  'update:zoom': [zoom: ZoomValue]\n  ready: [doc: InkDocument]\n  error: [error: InkError]\n  activate: [id: string]\n}>()\n\ntype TestHookElement = HTMLElement & { __inkDocument?: InkDocument | undefined }\n\n// A template ref on Primitive is a component instance; the context needs its element.\nconst primitive = useTemplateRef<{ $el: unknown }>('primitive')\nconst rootEl = shallowRef<HTMLElement | null>(null)\nfunction syncRootEl(): void {\n  const el = primitive.value?.$el\n  rootEl.value = el instanceof HTMLElement ? el : null\n}\n\nconst document = shallowRef<InkDocument | null>(null)\n/** Overrides the document's status while opening, and when opening itself failed. */\nconst override = shallowRef<InkStatus | null>(null)\nconst idle: InkStatus = { state: 'idle' }\nconst documentStatus = useReadable<InkStatus>(() => document.value?.status ?? null, idle)\nconst status = computed<InkStatus>(() => override.value ?? documentStatus.value)\nconst annotationList = useReadable<readonly Annotation[]>(\n  () => document.value?.annotations.list ?? null,\n  []\n)\nconst selection = useReadable<readonly string[]>(\n  () => document.value?.annotations.selection ?? null,\n  []\n)\nconst viewport = shallowRef<Viewport | null>(null)\nconst tools = shallowRef<ToolController | null>(null)\nconst internalTool = ref<ToolId>(props.tool ?? 'view')\nconst activated = ref<string | null>(null)\n\nconst controlled = computed(() => props.annotations !== undefined)\n\n/** Signed URLs change; the key does not. Bytes and Blobs are their own identity. */\nfunction identity(src: DocumentSource | null): unknown {\n  if (src === null) return null\n  if (typeof src === 'string') return src\n  if ('key' in src) return src.key\n  return src\n}\n\nfunction setTestHook(doc: InkDocument | undefined): void {\n  if (import.meta.env.DEV && rootEl.value)\n    (rootEl.value as TestHookElement).__inkDocument = doc\n}\n\nlet generation = 0\nfunction release(): void {\n  document.value?.destroy()\n  document.value = null\n  setTestHook(undefined)\n}\n\nasync function open(): Promise<void> {\n  const gen = ++generation\n  const src = props.src\n  release()\n  refHistory.clear()\n  if (src === null) {\n    override.value = null\n    return\n  }\n  override.value = { state: 'loading' }\n  syncRootEl()\n  let doc: InkDocument\n  try {\n    doc = await openDocument(src, {\n      assets: props.assets,\n      password: props.password,\n      defaults:\n        props.defaults ?? (rootEl.value ? cssVariableDefaults(rootEl.value) : undefined),\n      // Controlled hosts get the ref history below; core's own stack stays off.\n      history: controlled.value ? false : (props.history ?? true),\n      annotations: controlled.value\n        ? {\n            mode: 'controlled',\n            initial: props.annotations ?? [],\n            onChange: (next, change) => {\n              emit('update:annotations', next)\n              emit('change', change)\n            },\n          }\n        : { mode: 'uncontrolled' },\n    })\n  } catch (cause) {\n    if (gen !== generation) return\n    const error =\n      cause instanceof InkError\n        ? cause\n        : new InkError(\n            'InvalidPdf',\n            cause instanceof Error ? cause.message : String(cause),\n            {},\n            cause\n          )\n    override.value = { state: 'error', error }\n    emit('error', error)\n    return\n  }\n  if (gen !== generation) {\n    doc.destroy()\n    return\n  }\n  // The prop may have changed while the file loaded, when there was no store to apply it to.\n  if (doc.annotations.mode === 'controlled' && props.annotations !== undefined)\n    doc.annotations.setControlledValue(props.annotations)\n  document.value = doc\n  override.value = null\n  setTestHook(doc)\n  const s = doc.status.get()\n  if (s.state === 'ready') emit('ready', doc)\n  else if (s.state === 'error') emit('error', s.error)\n}\n\nconst refHistory = createRefHistory({\n  source: () => props.annotations,\n  apply: (list) => document.value?.annotations.replaceAll(list, 'history'),\n  enabled: computed(() => controlled.value && props.history === true),\n})\nconst coreCanUndo = useReadable(() => document.value?.history.canUndo ?? null, false)\nconst coreCanRedo = useReadable(() => document.value?.history.canRedo ?? null, false)\nconst inkHistory: InkHistory = {\n  canUndo: computed(() =>\n    controlled.value ? refHistory.canUndo.value : coreCanUndo.value\n  ),\n  canRedo: computed(() =>\n    controlled.value ? refHistory.canRedo.value : coreCanRedo.value\n  ),\n  undo: () => (controlled.value ? refHistory.undo() : document.value?.history.undo()),\n  redo: () => (controlled.value ? refHistory.redo() : document.value?.history.redo()),\n  clear: () => (controlled.value ? refHistory.clear() : document.value?.history.clear()),\n  batch: (fn) => {\n    if (controlled.value) refHistory.batch(fn)\n    else if (document.value) document.value.history.batch(fn)\n    else fn()\n  },\n}\n\n// Open on the client only: on the server InkRoot renders its empty slot.\nonMounted(() => {\n  syncRootEl()\n  void open()\n})\nonUpdated(syncRootEl)\n\n// Separate sources, so a new `{ url, key }` object with the same key compares equal.\nwatch([() => identity(props.src), () => props.password], () => void open())\n\nwatch(\n  () => props.annotations,\n  (next) => {\n    if (next && document.value?.annotations.mode === 'controlled')\n      document.value.annotations.setControlledValue(next)\n  }\n)\n\nwatch(\n  () => props.tool,\n  (t) => {\n    if (t) internalTool.value = t\n  }\n)\n\nfunction setTool(id: ToolId): void {\n  internalTool.value = id\n  emit('update:tool', id)\n}\n\nonBeforeUnmount(() => {\n  generation++\n  release()\n})\n\nprovideInkContext({\n  assets: computed(() => props.assets),\n  document,\n  status,\n  annotations: annotationList,\n  selection,\n  viewport,\n  tools,\n  tool: internalTool,\n  setTool,\n  zoomModel: computed(() => props.zoom),\n  pageModel: computed(() => props.page),\n  reportZoom: (z) => emit('update:zoom', z),\n  reportPage: (p) => emit('update:page', p),\n  activated,\n  setActivated(id) {\n    activated.value = id\n    if (id) emit('activate', id)\n  },\n  history: inkHistory,\n  rootEl,\n})\n\n// `history` is what `useHistory()` returns inside the root, for hosts that hold a template ref:\n// a controlled host calls `history.clear()` after loading its saved list.\ndefineExpose({ document, status, rootEl, history: inkHistory })\n</script>\n\n<template>\n  <Primitive\n    ref=\"primitive\"\n    :as-child=\"props.asChild\"\n    as=\"div\"\n    data-ink-root\n    :data-state=\"status.state\"\n  >\n    <slot :status=\"status\" :document=\"document\" />\n  </Primitive>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"InkRoot.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot","InkRoot_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","primitive","useTemplateRef","rootEl","shallowRef","syncRootEl","el","document","override","documentStatus","useReadable","status","computed","annotationList","selection","viewport","toolController","internalTool","ref","activated","controlled","identity","src","generation","release","open","gen","refHistory","doc","openDocument","cssVariableDefaults","next","change","cause","error","InkError","s","createRefHistory","list","coreCanUndo","coreCanRedo","inkHistory","fn","toolStyle","setStyleTool","watch","tracker","trackToolStyle","id","onMounted","onUpdated","t","setTool","signatures","createSignatureLibrary","createMemorySignatureStore","lib","toolOptions","createToolOptions","provideInkContext","FONT_FAMILIES","SIGNATURE_FONTS","z","p","openBlock","createBlock","unref","Primitive","withCtx","renderSlot","_ctx"],"sources":["../../src/components/InkRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createMemorySignatureStore,\n  createSignatureLibrary,\n  InkError,\n  openDocument,\n} from '@inkbar/core'\nimport {\n  createToolOptions,\n  cssVariableDefaults,\n  FONT_FAMILIES,\n  SIGNATURE_FONTS,\n  trackToolStyle,\n} from '@inkbar/core/dom'\nimport { Primitive } from 'reka-ui'\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  onUpdated,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport { provideInkContext, type InkHistory, type InkStatus } from '../context'\nimport { createRefHistory } from '../ref-history'\nimport { useReadable } from '../use-readable'\n\nimport type {\n  Annotation,\n  AnnotationChange,\n  AnnotationDefaults,\n  DocumentSource,\n  InkDocument,\n  PdfAssets,\n  SignatureStore,\n} from '@inkbar/core'\nimport type {\n  Tool,\n  ToolController,\n  ToolId,\n  ToolStyle,\n  Viewport,\n  ZoomValue,\n} from '@inkbar/core/dom'\n\nconst props = withDefaults(\n  defineProps<{\n    src: DocumentSource | null\n    assets: PdfAssets\n    password?: string | undefined\n    /** Colour defaults. Without it, the theme's CSS variables on the root element apply. */\n    defaults?: AnnotationDefaults | undefined\n    /**\n     * Pass (with v-model) to put annotations under the host's control. The mode is fixed when a\n     * document opens: passing or dropping this prop later takes effect on the next open.\n     */\n    annotations?: Annotation[] | undefined\n    tool?: ToolId | undefined\n    /**\n     * Host tools, added to the built-ins; one with a built-in's id replaces it. Read when a\n     * document opens.\n     */\n    tools?: Tool[] | undefined\n    /**\n     * The font families text boxes offer, replacing the PDF standard families\n     * (`FONT_FAMILIES`). Fonts beyond those are the PDF writer's to embed.\n     */\n    fonts?: string[] | undefined\n    /**\n     * Where saved signatures live. Default: memory, gone on reload.\n     * `createLocalSignatureStore` keeps them in the browser; a host can keep them anywhere.\n     * A new store takes effect at once, for the menus and the `signature` tool alike.\n     */\n    signatures?: SignatureStore | undefined\n    /** The handwriting fonts a typed signature offers; the host loads them. */\n    signatureFonts?: string[] | undefined\n    page?: number | undefined\n    zoom?: ZoomValue | undefined\n    /** Undo history. Defaults to on for uncontrolled, off for controlled. */\n    history?: boolean | undefined\n    asChild?: boolean\n  }>(),\n  {\n    password: undefined,\n    defaults: undefined,\n    annotations: undefined,\n    tool: undefined,\n    tools: undefined,\n    fonts: undefined,\n    signatures: undefined,\n    signatureFonts: undefined,\n    page: undefined,\n    zoom: undefined,\n    history: undefined,\n    asChild: false,\n  }\n)\n\nconst emit = defineEmits<{\n  'update:annotations': [next: Annotation[]]\n  change: [change: AnnotationChange]\n  'update:tool': [tool: ToolId]\n  'update:page': [page: number]\n  'update:zoom': [zoom: ZoomValue]\n  ready: [doc: InkDocument]\n  error: [error: InkError]\n  activate: [id: string]\n}>()\n\ntype TestHookElement = HTMLElement & { __inkDocument?: InkDocument | undefined }\n\n// A template ref on Primitive is a component instance; the context needs its element.\nconst primitive = useTemplateRef<{ $el: unknown }>('primitive')\nconst rootEl = shallowRef<HTMLElement | null>(null)\nfunction syncRootEl(): void {\n  const el = primitive.value?.$el\n  rootEl.value = el instanceof HTMLElement ? el : null\n}\n\nconst document = shallowRef<InkDocument | null>(null)\n/** Overrides the document's status while opening, and when opening itself failed. */\nconst override = shallowRef<InkStatus | null>(null)\nconst idle: InkStatus = { state: 'idle' }\nconst documentStatus = useReadable<InkStatus>(() => document.value?.status ?? null, idle)\nconst status = computed<InkStatus>(() => override.value ?? documentStatus.value)\nconst annotationList = useReadable<readonly Annotation[]>(\n  () => document.value?.annotations.list ?? null,\n  []\n)\nconst selection = useReadable<readonly string[]>(\n  () => document.value?.annotations.selection ?? null,\n  []\n)\nconst viewport = shallowRef<Viewport | null>(null)\nconst toolController = shallowRef<ToolController | null>(null)\nconst internalTool = ref<ToolId>(props.tool ?? 'select-text')\nconst activated = ref<string | null>(null)\n\nconst controlled = computed(() => props.annotations !== undefined)\n\n/** Signed URLs change; the key does not. Bytes and Blobs are their own identity. */\nfunction identity(src: DocumentSource | null): unknown {\n  if (src === null) return null\n  if (typeof src === 'string') return src\n  if ('key' in src) return src.key\n  return src\n}\n\nfunction setTestHook(doc: InkDocument | undefined): void {\n  if (import.meta.env.DEV && rootEl.value)\n    (rootEl.value as TestHookElement).__inkDocument = doc\n}\n\nlet generation = 0\nfunction release(): void {\n  document.value?.destroy()\n  document.value = null\n  setTestHook(undefined)\n}\n\nasync function open(): Promise<void> {\n  const gen = ++generation\n  const src = props.src\n  release()\n  refHistory.clear()\n  if (src === null) {\n    override.value = null\n    return\n  }\n  override.value = { state: 'loading' }\n  syncRootEl()\n  let doc: InkDocument\n  try {\n    doc = await openDocument(src, {\n      assets: props.assets,\n      password: props.password,\n      defaults:\n        props.defaults ?? (rootEl.value ? cssVariableDefaults(rootEl.value) : undefined),\n      // Controlled hosts get the ref history below; core's own stack stays off.\n      history: controlled.value ? false : (props.history ?? true),\n      annotations: controlled.value\n        ? {\n            mode: 'controlled',\n            initial: props.annotations ?? [],\n            onChange: (next, change) => {\n              emit('update:annotations', next)\n              emit('change', change)\n            },\n          }\n        : { mode: 'uncontrolled' },\n    })\n  } catch (cause) {\n    if (gen !== generation) return\n    const error =\n      cause instanceof InkError\n        ? cause\n        : new InkError(\n            'InvalidPdf',\n            cause instanceof Error ? cause.message : String(cause),\n            {},\n            cause\n          )\n    override.value = { state: 'error', error }\n    emit('error', error)\n    return\n  }\n  if (gen !== generation) {\n    doc.destroy()\n    return\n  }\n  // The prop may have changed while the file loaded, when there was no store to apply it to.\n  if (doc.annotations.mode === 'controlled' && props.annotations !== undefined)\n    doc.annotations.setControlledValue(props.annotations)\n  document.value = doc\n  override.value = null\n  setTestHook(doc)\n  const s = doc.status.get()\n  if (s.state === 'ready') emit('ready', doc)\n  else if (s.state === 'error') emit('error', s.error)\n}\n\nconst refHistory = createRefHistory({\n  source: () => props.annotations,\n  apply: (list) => document.value?.annotations.replaceAll(list, 'history'),\n  enabled: computed(() => controlled.value && props.history === true),\n})\nconst coreCanUndo = useReadable(() => document.value?.history.canUndo ?? null, false)\nconst coreCanRedo = useReadable(() => document.value?.history.canRedo ?? null, false)\nconst inkHistory: InkHistory = {\n  canUndo: computed(() =>\n    controlled.value ? refHistory.canUndo.value : coreCanUndo.value\n  ),\n  canRedo: computed(() =>\n    controlled.value ? refHistory.canRedo.value : coreCanRedo.value\n  ),\n  undo: () => (controlled.value ? refHistory.undo() : document.value?.history.undo()),\n  redo: () => (controlled.value ? refHistory.redo() : document.value?.history.redo()),\n  clear: () => (controlled.value ? refHistory.clear() : document.value?.history.clear()),\n  batch: (fn) => {\n    if (controlled.value) refHistory.batch(fn)\n    else if (document.value) document.value.history.batch(fn)\n    else fn()\n  },\n}\n\n/** The document's tool style; it batches through `inkHistory`, whichever mode is on. */\nconst toolStyle = shallowRef<ToolStyle | null>(null)\nlet setStyleTool: ((id: ToolId) => void) | undefined\nwatch(\n  document,\n  (doc) => {\n    if (!doc) {\n      toolStyle.value = null\n      setStyleTool = undefined\n      return\n    }\n    const tracker = trackToolStyle({\n      store: doc.annotations,\n      history: { batch: (fn) => inkHistory.batch(fn) },\n      tools: props.tools,\n      tool: internalTool.value,\n    })\n    setStyleTool = (id) => tracker.setTool(id)\n    toolStyle.value = tracker.toolStyle\n  },\n  // Sync: the style is in place before InkViewport's watcher mounts the engine with it.\n  { immediate: true, flush: 'sync' }\n)\nwatch(internalTool, (id) => setStyleTool?.(id))\n\n// Open on the client only: on the server InkRoot renders its empty slot.\nonMounted(() => {\n  syncRootEl()\n  void open()\n})\nonUpdated(syncRootEl)\n\n// Separate sources, so a new `{ url, key }` object with the same key compares equal.\nwatch([() => identity(props.src), () => props.password], () => void open())\n\nwatch(\n  () => props.annotations,\n  (next) => {\n    if (next && document.value?.annotations.mode === 'controlled')\n      document.value.annotations.setControlledValue(next)\n  }\n)\n\nwatch(\n  () => props.tool,\n  (t) => {\n    if (t) internalTool.value = t\n  }\n)\n\nfunction setTool(id: ToolId): void {\n  internalTool.value = id\n  emit('update:tool', id)\n}\n\nonBeforeUnmount(() => {\n  generation++\n  release()\n})\n\nconst signatures = computed(() =>\n  createSignatureLibrary(props.signatures ?? createMemorySignatureStore())\n)\nwatch(signatures, (lib) => void lib.refresh(), { immediate: true })\n/** Tool options last as long as the root; the tool style is per document. */\nconst toolOptions = createToolOptions()\n\nprovideInkContext({\n  assets: computed(() => props.assets),\n  document,\n  status,\n  annotations: annotationList,\n  selection,\n  viewport,\n  tools: toolController,\n  tool: internalTool,\n  setTool,\n  hostTools: computed(() => props.tools),\n  fonts: computed(() => props.fonts ?? FONT_FAMILIES),\n  toolOptions,\n  signatures,\n  signatureFonts: computed(() => props.signatureFonts ?? SIGNATURE_FONTS),\n  toolStyle,\n  zoomModel: computed(() => props.zoom),\n  pageModel: computed(() => props.page),\n  reportZoom: (z) => emit('update:zoom', z),\n  reportPage: (p) => emit('update:page', p),\n  activated,\n  setActivated(id) {\n    activated.value = id\n    if (id) emit('activate', id)\n  },\n  history: inkHistory,\n  rootEl,\n})\n\n// `history` is what `useHistory()` returns inside the root, for hosts that hold a template ref:\n// a controlled host calls `history.clear()` after loading its saved list.\ndefineExpose({ document, status, rootEl, history: inkHistory })\n</script>\n\n<template>\n  <Primitive\n    ref=\"primitive\"\n    :as-child=\"props.asChild\"\n    as=\"div\"\n    data-ink-root\n    :data-state=\"status.state\"\n  >\n    <slot :status=\"status\" :document=\"document\" />\n  </Primitive>\n</template>\n"],"mappings":"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"}

package/dist/components/InkShapeMenu.js

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

package/dist/components/InkShapeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkShapeMenu.js","names":["_sfc_main","InkShapeMenu_vue_vue_type_script_setup_true_lang_default","InkShapeMenu_default"],"sources":["../../src/components/InkShapeMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * A split button for the shape tool. The main part activates the tool with the current\n * kind and draws that kind's icon; the chevron opens a two-column grid of kinds. Choosing a\n * kind switches to the tool with it.\n */\nimport {\n  focusInitialMenuItem,\n  handleMenuKeys,\n  menuItems,\n  SHAPE_COLUMNS,\n  SHAPE_ICONS,\n  SHAPE_KINDS,\n  shapeMenuModel,\n  type ShapeKind,\n  type ShapeOptions,\n} from '@inkbar/core/dom'\nimport { ChevronDown } from '@inkbar/icons'\nimport {\n  PopoverContent,\n  PopoverPortal,\n  PopoverRoot,\n  PopoverTrigger,\n  ToolbarButton,\n} from 'reka-ui'\nimport { computed, ref } from 'vue'\n\nimport { useTool } from '../composables/useTool'\nimport { useToolOptions } from '../composables/useToolOptions'\n\nimport InkIcon from './InkIcon.vue'\n\nconst { tool, setTool } = useTool()\nconst { options, setOptions } = useToolOptions<ShapeOptions>('shape')\nconst open = ref(false)\n\nconst model = computed(() => shapeMenuModel(options.value, SHAPE_KINDS))\nconst active = computed(() => tool.value === 'shape')\nconst icon = computed(() => SHAPE_ICONS[model.value.kind])\n\n/** ArrowDown opens on the first item; a click opens on the checked one. */\nlet focusFirst = false\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'ArrowDown' || e.defaultPrevented || open.value) return\n  e.preventDefault()\n  focusFirst = true\n  open.value = true\n}\n\nfunction onOpenAutoFocus(e: Event): void {\n  e.preventDefault()\n  // One menu is open at a time.\n  const menu = document.querySelector('[data-ink-menu=\"shape\"] [role=\"menu\"]')\n  if (menu) {\n    if (focusFirst) menuItems(menu)[0]?.focus({ preventScroll: true })\n    else focusInitialMenuItem(menu)\n  }\n  focusFirst = false\n}\n\nfunction choose(kind: ShapeKind): void {\n  setOptions({ kind })\n  setTool('shape')\n  open.value = false\n}\n\n// Reka's typed props stop at its own; ARIA and listeners go through bound objects.\nconst mainAttrs = computed(() => ({\n  'aria-pressed': String(active.value),\n  'aria-label': model.value.label,\n  title: model.value.label,\n  onClick: () => setTool('shape'),\n}))\nconst triggerAttrs = {\n  'aria-label': 'Choose shape',\n  title: 'Choose shape',\n  'aria-haspopup': 'menu' as const,\n  onKeydown: onTriggerKeydown,\n}\nconst menuAttrs = { 'aria-label': 'Shapes' }\nconst innerAttrs = {\n  role: 'menu',\n  'aria-label': 'Shapes',\n  onKeydown: (e: KeyboardEvent) => handleMenuKeys(e, e.currentTarget as HTMLElement),\n}\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    aria-label=\"Shape\"\n    class=\"ink-split-button ink-shape-menu\"\n    data-ink-shape-menu\n  >\n    <ToolbarButton\n      class=\"ink-tool-button ink-shape-button\"\n      data-ink-tool-button\n      data-ink-shape-button\n      data-tool=\"shape\"\n      :data-kind=\"model.kind\"\n      :data-state=\"active ? 'on' : 'off'\"\n      v-bind=\"mainAttrs\"\n    >\n      <slot :active=\"active\" :kind=\"model.kind\"><InkIcon :icon=\"icon\" /></slot>\n    </ToolbarButton>\n    <PopoverRoot v-model:open=\"open\">\n      <ToolbarButton as-child>\n        <PopoverTrigger as-child>\n          <button\n            type=\"button\"\n            class=\"ink-menu-trigger ink-shape-menu-trigger\"\n            data-ink-shape-menu-trigger\n            :data-state=\"open ? 'open' : 'closed'\"\n            v-bind=\"triggerAttrs\"\n          >\n            <InkIcon :icon=\"ChevronDown\" />\n          </button>\n        </PopoverTrigger>\n      </ToolbarButton>\n      <PopoverPortal>\n        <PopoverContent\n          class=\"ink-select-content ink-menu-content\"\n          data-ink-select-content\n          data-ink-menu=\"shape\"\n          side=\"bottom\"\n          align=\"start\"\n          :side-offset=\"4\"\n          :collision-padding=\"8\"\n          v-bind=\"menuAttrs\"\n          @open-auto-focus=\"onOpenAutoFocus\"\n        >\n          <div v-bind=\"innerAttrs\">\n            <div\n              role=\"group\"\n              aria-label=\"Shapes\"\n              class=\"ink-shape-grid\"\n              :data-ink-menu-columns=\"SHAPE_COLUMNS\"\n            >\n              <button\n                v-for=\"item in model.items\"\n                :key=\"item.kind\"\n                type=\"button\"\n                role=\"menuitemradio\"\n                class=\"ink-select-item ink-menu-item ink-shape-item\"\n                data-ink-select-item\n                tabindex=\"-1\"\n                :data-key=\"item.kind\"\n                :aria-checked=\"item.checked\"\n                :data-state=\"item.checked ? 'checked' : 'unchecked'\"\n                @click=\"choose(item.kind)\"\n              >\n                <InkIcon :icon=\"SHAPE_ICONS[item.kind]\" :size=\"16\" />\n                {{ item.label }}\n              </button>\n            </div>\n          </div>\n        </PopoverContent>\n      </PopoverPortal>\n    </PopoverRoot>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+import { ShapeKind } from '@inkbar/core/dom';
+declare var __VLS_7: {
+    active: boolean;
+    kind: ShapeKind;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=InkShapeMenu.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkShapeMenu.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkShapeMenu.vue"],"names":[],"mappings":"AAwKA,OAAO,EAQL,KAAK,SAAS,EAEf,MAAM,kBAAkB,CAAA;AA4RzB,QAAA,IAAI,OAAO;;;CAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InkShapeMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,118 @@
+import { useTool as e } from "../composables/useTool.js";
+import { useToolOptions as t } from "../composables/useToolOptions.js";
+import n from "./InkIcon.js";
+import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { SHAPE_COLUMNS as b, SHAPE_ICONS as x, SHAPE_KINDS as S, focusInitialMenuItem as C, handleMenuKeys as w, menuItems as T, shapeMenuModel as E } from "@inkbar/core/dom";
+import { PopoverContent as D, PopoverPortal as O, PopoverRoot as k, PopoverTrigger as A, ToolbarButton as j } from "reka-ui";
+import { ChevronDown as M } from "@inkbar/icons";
+//#region src/components/InkShapeMenu.vue?vue&type=script&setup=true&lang.ts
+var N = {
+	role: "group",
+	"aria-label": "Shape",
+	class: "ink-split-button ink-shape-menu",
+	"data-ink-shape-menu": ""
+}, P = ["data-state"], F = ["data-ink-menu-columns"], I = [
+	"data-key",
+	"aria-checked",
+	"data-state",
+	"onClick"
+], L = /*@__PURE__*/ l({
+	__name: "InkShapeMenu",
+	setup(l) {
+		let { tool: L, setTool: R } = e(), { options: z, setOptions: B } = t("shape"), V = m(!1), H = i(() => E(z.value, S)), U = i(() => L.value === "shape"), W = i(() => x[H.value.kind]), G = !1;
+		function K(e) {
+			e.key !== "ArrowDown" || e.defaultPrevented || V.value || (e.preventDefault(), G = !0, V.value = !0);
+		}
+		function q(e) {
+			e.preventDefault();
+			let t = document.querySelector("[data-ink-menu=\"shape\"] [role=\"menu\"]");
+			t && (G ? T(t)[0]?.focus({ preventScroll: !0 }) : C(t)), G = !1;
+		}
+		function J(e) {
+			B({ kind: e }), R("shape"), V.value = !1;
+		}
+		let Y = i(() => ({
+			"aria-pressed": String(U.value),
+			"aria-label": H.value.label,
+			title: H.value.label,
+			onClick: () => R("shape")
+		})), X = {
+			"aria-label": "Choose shape",
+			title: "Choose shape",
+			"aria-haspopup": "menu",
+			onKeydown: K
+		}, Z = { "aria-label": "Shapes" }, Q = {
+			role: "menu",
+			"aria-label": "Shapes",
+			onKeydown: (e) => w(e, e.currentTarget)
+		};
+		return (e, t) => (p(), a("div", N, [c(v(j), d({
+			class: "ink-tool-button ink-shape-button",
+			"data-ink-tool-button": "",
+			"data-ink-shape-button": "",
+			"data-tool": "shape",
+			"data-kind": H.value.kind,
+			"data-state": U.value ? "on" : "off"
+		}, Y.value), {
+			default: y(() => [g(e.$slots, "default", {
+				active: U.value,
+				kind: H.value.kind
+			}, () => [c(n, { icon: W.value }, null, 8, ["icon"])])]),
+			_: 3
+		}, 16, ["data-kind", "data-state"]), c(v(k), {
+			open: V.value,
+			"onUpdate:open": t[0] ||= (e) => V.value = e
+		}, {
+			default: y(() => [c(v(j), { "as-child": "" }, {
+				default: y(() => [c(v(A), { "as-child": "" }, {
+					default: y(() => [o("button", d({
+						type: "button",
+						class: "ink-menu-trigger ink-shape-menu-trigger",
+						"data-ink-shape-menu-trigger": "",
+						"data-state": V.value ? "open" : "closed"
+					}, X), [c(n, { icon: v(M) }, null, 8, ["icon"])], 16, P)]),
+					_: 1
+				})]),
+				_: 1
+			}), c(v(O), null, {
+				default: y(() => [c(v(D), d({
+					class: "ink-select-content ink-menu-content",
+					"data-ink-select-content": "",
+					"data-ink-menu": "shape",
+					side: "bottom",
+					align: "start",
+					"side-offset": 4,
+					"collision-padding": 8
+				}, Z, { onOpenAutoFocus: q }), {
+					default: y(() => [o("div", f(u(Q)), [o("div", {
+						role: "group",
+						"aria-label": "Shapes",
+						class: "ink-shape-grid",
+						"data-ink-menu-columns": v(b)
+					}, [(p(!0), a(r, null, h(H.value.items, (e) => (p(), a("button", {
+						key: e.kind,
+						type: "button",
+						role: "menuitemradio",
+						class: "ink-select-item ink-menu-item ink-shape-item",
+						"data-ink-select-item": "",
+						tabindex: "-1",
+						"data-key": e.kind,
+						"aria-checked": e.checked,
+						"data-state": e.checked ? "checked" : "unchecked",
+						onClick: (t) => J(e.kind)
+					}, [c(n, {
+						icon: v(x)[e.kind],
+						size: 16
+					}, null, 8, ["icon"]), s(" " + _(e.label), 1)], 8, I))), 128))], 8, F)], 16)]),
+					_: 1
+				}, 16)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"])]));
+	}
+});
+//#endregion
+export { L as default };
+
+//# sourceMappingURL=InkShapeMenu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkShapeMenu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_mergeProps","_withCtx","_renderSlot","InkIcon","_createElementVNode","_normalizeProps","_guardReactiveProps","_Fragment","_renderList","_createTextVNode","_toDisplayString","InkIcon_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","InkShapeMenu_vue_vue_type_script_setup_true_lang_default","useTool","useToolOptions","open","ref","model","computed","shapeMenuModel","options","SHAPE_KINDS","active","tool","icon","SHAPE_ICONS","focusFirst","onTriggerKeydown","onOpenAutoFocus","menu","menuItems","focusInitialMenuItem","choose","setOptions","setTool","mainAttrs","triggerAttrs","menuAttrs","innerAttrs","handleMenuKeys","openBlock","createElementBlock","createVNode","unref","ToolbarButton","mergeProps","withCtx","renderSlot","_ctx","PopoverRoot","_cache","$event","PopoverTrigger","createElementVNode","ChevronDown","PopoverPortal","PopoverContent","normalizeProps","guardReactiveProps","SHAPE_COLUMNS","Fragment","renderList","item","createTextVNode","toDisplayString"],"sources":["../../src/components/InkShapeMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * A split button for the shape tool. The main part activates the tool with the current\n * kind and draws that kind's icon; the chevron opens a two-column grid of kinds. Choosing a\n * kind switches to the tool with it.\n */\nimport {\n  focusInitialMenuItem,\n  handleMenuKeys,\n  menuItems,\n  SHAPE_COLUMNS,\n  SHAPE_ICONS,\n  SHAPE_KINDS,\n  shapeMenuModel,\n  type ShapeKind,\n  type ShapeOptions,\n} from '@inkbar/core/dom'\nimport { ChevronDown } from '@inkbar/icons'\nimport {\n  PopoverContent,\n  PopoverPortal,\n  PopoverRoot,\n  PopoverTrigger,\n  ToolbarButton,\n} from 'reka-ui'\nimport { computed, ref } from 'vue'\n\nimport { useTool } from '../composables/useTool'\nimport { useToolOptions } from '../composables/useToolOptions'\n\nimport InkIcon from './InkIcon.vue'\n\nconst { tool, setTool } = useTool()\nconst { options, setOptions } = useToolOptions<ShapeOptions>('shape')\nconst open = ref(false)\n\nconst model = computed(() => shapeMenuModel(options.value, SHAPE_KINDS))\nconst active = computed(() => tool.value === 'shape')\nconst icon = computed(() => SHAPE_ICONS[model.value.kind])\n\n/** ArrowDown opens on the first item; a click opens on the checked one. */\nlet focusFirst = false\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'ArrowDown' || e.defaultPrevented || open.value) return\n  e.preventDefault()\n  focusFirst = true\n  open.value = true\n}\n\nfunction onOpenAutoFocus(e: Event): void {\n  e.preventDefault()\n  // One menu is open at a time.\n  const menu = document.querySelector('[data-ink-menu=\"shape\"] [role=\"menu\"]')\n  if (menu) {\n    if (focusFirst) menuItems(menu)[0]?.focus({ preventScroll: true })\n    else focusInitialMenuItem(menu)\n  }\n  focusFirst = false\n}\n\nfunction choose(kind: ShapeKind): void {\n  setOptions({ kind })\n  setTool('shape')\n  open.value = false\n}\n\n// Reka's typed props stop at its own; ARIA and listeners go through bound objects.\nconst mainAttrs = computed(() => ({\n  'aria-pressed': String(active.value),\n  'aria-label': model.value.label,\n  title: model.value.label,\n  onClick: () => setTool('shape'),\n}))\nconst triggerAttrs = {\n  'aria-label': 'Choose shape',\n  title: 'Choose shape',\n  'aria-haspopup': 'menu' as const,\n  onKeydown: onTriggerKeydown,\n}\nconst menuAttrs = { 'aria-label': 'Shapes' }\nconst innerAttrs = {\n  role: 'menu',\n  'aria-label': 'Shapes',\n  onKeydown: (e: KeyboardEvent) => handleMenuKeys(e, e.currentTarget as HTMLElement),\n}\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    aria-label=\"Shape\"\n    class=\"ink-split-button ink-shape-menu\"\n    data-ink-shape-menu\n  >\n    <ToolbarButton\n      class=\"ink-tool-button ink-shape-button\"\n      data-ink-tool-button\n      data-ink-shape-button\n      data-tool=\"shape\"\n      :data-kind=\"model.kind\"\n      :data-state=\"active ? 'on' : 'off'\"\n      v-bind=\"mainAttrs\"\n    >\n      <slot :active=\"active\" :kind=\"model.kind\"><InkIcon :icon=\"icon\" /></slot>\n    </ToolbarButton>\n    <PopoverRoot v-model:open=\"open\">\n      <ToolbarButton as-child>\n        <PopoverTrigger as-child>\n          <button\n            type=\"button\"\n            class=\"ink-menu-trigger ink-shape-menu-trigger\"\n            data-ink-shape-menu-trigger\n            :data-state=\"open ? 'open' : 'closed'\"\n            v-bind=\"triggerAttrs\"\n          >\n            <InkIcon :icon=\"ChevronDown\" />\n          </button>\n        </PopoverTrigger>\n      </ToolbarButton>\n      <PopoverPortal>\n        <PopoverContent\n          class=\"ink-select-content ink-menu-content\"\n          data-ink-select-content\n          data-ink-menu=\"shape\"\n          side=\"bottom\"\n          align=\"start\"\n          :side-offset=\"4\"\n          :collision-padding=\"8\"\n          v-bind=\"menuAttrs\"\n          @open-auto-focus=\"onOpenAutoFocus\"\n        >\n          <div v-bind=\"innerAttrs\">\n            <div\n              role=\"group\"\n              aria-label=\"Shapes\"\n              class=\"ink-shape-grid\"\n              :data-ink-menu-columns=\"SHAPE_COLUMNS\"\n            >\n              <button\n                v-for=\"item in model.items\"\n                :key=\"item.kind\"\n                type=\"button\"\n                role=\"menuitemradio\"\n                class=\"ink-select-item ink-menu-item ink-shape-item\"\n                data-ink-select-item\n                tabindex=\"-1\"\n                :data-key=\"item.kind\"\n                :aria-checked=\"item.checked\"\n                :data-state=\"item.checked ? 'checked' : 'unchecked'\"\n                @click=\"choose(item.kind)\"\n              >\n                <InkIcon :icon=\"SHAPE_ICONS[item.kind]\" :size=\"16\" />\n                {{ item.label }}\n              </button>\n            </div>\n          </div>\n        </PopoverContent>\n      </PopoverPortal>\n    </PopoverRoot>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/InkSignatureDialog.js

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

package/dist/components/InkSignatureDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkSignatureDialog.js","names":["_sfc_main","InkSignatureDialog_vue_vue_type_script_setup_true_lang_default","InkSignatureDialog_default"],"sources":["../../src/components/InkSignatureDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * \"Create signature\": a modal with Draw, Type and Image tabs. Draw is a pad with the draw\n * tool's renderer; Type sets a name in one of the host's handwriting fonts; Image takes a PNG\n * or JPEG scan. Save stores the template through InkRoot's signature store and selects it for\n * the `signature` tool. Escape, Cancel or a press outside closes it.\n */\nimport { SIGNATURE_LABELS } from '@inkbar/core/dom'\nimport {\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  DialogRoot,\n  DialogTitle,\n} from 'reka-ui'\n\nimport SignatureForm from './SignatureForm.vue'\n\nimport type { SignatureTemplate } from '@inkbar/core'\n\nconst props = defineProps<{\n  /** The fonts the Type tab offers. Default: InkRoot's `signatureFonts`. */\n  fonts?: readonly string[] | undefined\n}>()\nconst open = defineModel<boolean>('open', { default: false })\nconst emit = defineEmits<{\n  /** The new template, once saved and selected. */\n  save: [template: SignatureTemplate]\n  /** Reka's close auto-focus; prevent it to place focus yourself. */\n  closeAutoFocus: [event: Event]\n}>()\n\n// Reka's typed props stop at its own; ARIA goes through a bound object. No description: the\n// title says it all.\nconst contentAttrs = { 'aria-modal': 'true', 'aria-describedby': undefined }\n\nfunction onOpenAutoFocus(e: Event): void {\n  e.preventDefault()\n  ;(e.target as HTMLElement | null)\n    ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n    ?.focus({ preventScroll: true })\n}\n</script>\n\n<template>\n  <DialogRoot v-model:open=\"open\">\n    <DialogPortal>\n      <DialogOverlay class=\"ink-dialog-overlay\" data-ink-dialog-overlay />\n      <DialogContent\n        class=\"ink-dialog ink-signature-dialog\"\n        data-ink-signature-dialog\n        v-bind=\"contentAttrs\"\n        @open-auto-focus=\"onOpenAutoFocus\"\n        @close-auto-focus=\"emit('closeAutoFocus', $event)\"\n      >\n        <DialogTitle class=\"ink-dialog-title\">{{ SIGNATURE_LABELS.dialog }}</DialogTitle>\n        <SignatureForm\n          :fonts=\"props.fonts\"\n          @saved=\"emit('save', $event)\"\n          @close=\"open = false\"\n        />\n      </DialogContent>\n    </DialogPortal>\n  </DialogRoot>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,21 @@
+import { SignatureTemplate } from '@inkbar/core';
+type __VLS_Props = {
+    /** The fonts the Type tab offers. Default: InkRoot's `signatureFonts`. */
+    fonts?: readonly string[] | undefined;
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    closeAutoFocus: (event: Event) => any;
+    save: (template: SignatureTemplate) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: (value: boolean) => any;
+    onCloseAutoFocus?: (event: Event) => any;
+    onSave?: (template: SignatureTemplate) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=InkSignatureDialog.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkSignatureDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkSignatureDialog.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAGrD,KAAK,WAAW,GAAG;IACjB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;CACtC,CAAC;AAyBF,KAAK,gBAAgB,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAmKxD,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}