@inkbar/vue 0.0.0-stage → 0.2.0

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

@@ -0,0 +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"}

package/dist/components/InkRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,162 @@
+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";
+//#region src/components/InkRoot.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ a({
+	__name: "InkRoot",
+	props: {
+		src: {},
+		assets: {},
+		password: { default: void 0 },
+		defaults: { default: void 0 },
+		annotations: { default: void 0 },
+		tool: { default: void 0 },
+		page: { default: void 0 },
+		zoom: { default: void 0 },
+		history: {
+			type: Boolean,
+			default: void 0
+		},
+		asChild: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:annotations",
+		"change",
+		"update:tool",
+		"update:page",
+		"update:zoom",
+		"ready",
+		"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;
+		}
+		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) {
+			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;
+		}
+		async function H() {
+			let e = ++B, t = C.src;
+			if (V(), U.clear(), t === null) {
+				k.value = null;
+				return;
+			}
+			k.value = { state: "loading" }, D();
+			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 ? {
+						mode: "controlled",
+						initial: C.annotations ?? [],
+						onChange: (e, t) => {
+							w("update:annotations", e), w("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 = {
+					state: "error",
+					error: n
+				}, w("error", n);
+				return;
+			}
+			if (e !== B) {
+				n.destroy();
+				return;
+			}
+			n.annotations.mode === "controlled" && C.annotations !== void 0 && n.annotations.setControlledValue(C.annotations), O.value = n, k.value = null;
+			let r = n.status.get();
+			r.state === "ready" ? w("ready", n) : r.state === "error" && w("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(),
+			batch: (e) => {
+				R.value ? U.batch(e) : O.value ? O.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);
+		});
+		function q(e) {
+			I.value = e, w("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,
+			setActivated(e) {
+				L.value = e, e && w("activate", e);
+			},
+			history: K,
+			rootEl: E
+		}), x({
+			document: O,
+			status: j,
+			rootEl: E,
+			history: K
+		}), (e, t) => (l(), i(p(b), {
+			ref_key: "primitive",
+			ref: T,
+			"as-child": C.asChild,
+			as: "div",
+			"data-ink-root": "",
+			"data-state": j.value.state
+		}, {
+			default: g(() => [d(e.$slots, "default", {
+				status: j.value,
+				document: O.value
+			})]),
+			_: 3
+		}, 8, ["as-child", "data-state"]));
+	}
+});
+//#endregion
+export { x 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

@@ -0,0 +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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"}

package/dist/components/InkSuggestionCard.js

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

package/dist/components/InkSuggestionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkSuggestionCard.js","names":["_sfc_main","InkSuggestionCard_vue_vue_type_script_setup_true_lang_default","InkSuggestionCard_default"],"sources":["../../src/components/InkSuggestionCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * Review card for a suggested redaction: opens when the activated annotation, or the only\n * selected one, is a redaction with `origin: 'suggested'`. Locked suggestions cannot be\n * dismissed, so they get no Dismiss button. A press on the overlay selects and\n * activates, so a click opens it whatever the tool. Closing clears `activated` and the\n * selection.\n */\nimport { confidenceBucket } from '@inkbar/core'\nimport { PopoverContent, PopoverPortal, PopoverRoot } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { useAnnotations } from '../composables/useAnnotations'\nimport { injectInkContext } from '../context'\n\nimport { useAnnotationElement } from './annotation-element'\nimport { keepOpenOnAnnotation, useFocusReturn } from './popover-focus'\n\nimport type { ConfidenceBucket, RedactAnnotation } from '@inkbar/core'\nimport type { SuggestionCardSlotProps } from '@inkbar/core/dom'\n\nexport type { ConfidenceBucket } from '@inkbar/core'\n\nexport type { SuggestionCardSlotProps } from '@inkbar/core/dom'\n\ndefineSlots<{ default?(props: SuggestionCardSlotProps): unknown }>()\n\nconst ctx = injectInkContext()\nconst {\n  annotations,\n  selection,\n  accept: acceptId,\n  dismiss: dismissId,\n  select,\n} = useAnnotations()\n\nfunction suggestion(id: string | null | undefined): RedactAnnotation | null {\n  const a = id ? annotations.value.find((x) => x.id === id) : undefined\n  return a?.type === 'redact' && a.origin === 'suggested' ? a : null\n}\n// The activated annotation when it is a suggestion; otherwise the only selected one (a\n// marquee selects without activating).\nconst target = computed<RedactAnnotation | null>(\n  () =>\n    suggestion(ctx.activated.value) ??\n    (selection.value.length === 1 ? suggestion(selection.value[0]) : null)\n)\nconst anchor = useAnnotationElement(\n  ctx,\n  computed(() => target.value?.id ?? null)\n)\nconst focusReturn = useFocusReturn(ctx)\nconst open = computed(() => target.value !== null && anchor.value !== null)\nconst bucket = computed<ConfidenceBucket | undefined>(() =>\n  target.value?.suggestion\n    ? confidenceBucket(target.value.suggestion.confidence)\n    : undefined\n)\n\nfunction close(): void {\n  ctx.setActivated(null)\n  select([])\n}\nfunction accept(): void {\n  if (target.value) acceptId(target.value.id)\n  close()\n}\n/** Locked annotations cannot be removed: dismissing one does nothing and keeps the card. */\nfunction dismiss(): void {\n  const t = target.value\n  if (!t || t.locked) return\n  focusReturn.beforeRemove(anchor.value, '[data-origin=\"suggested\"]')\n  dismissId(t.id)\n  close()\n}\nfunction onOpenChange(next: boolean): void {\n  if (!next) close()\n}\n</script>\n\n<template>\n  <PopoverRoot :open=\"open\" @update:open=\"onOpenChange\">\n    <PopoverPortal>\n      <PopoverContent\n        v-if=\"target && anchor\"\n        :reference=\"anchor\"\n        class=\"ink-suggestion-card\"\n        data-ink-suggestion-card\n        side=\"bottom\"\n        :side-offset=\"6\"\n        :collision-padding=\"8\"\n        v-bind=\"{ 'aria-label': 'Suggested redaction' }\"\n        @interact-outside=\"keepOpenOnAnnotation\"\n        @close-auto-focus=\"focusReturn.onCloseAutoFocus($event, anchor)\"\n      >\n        <slot\n          :annotation=\"target\"\n          :suggestion=\"target.suggestion\"\n          :bucket=\"bucket\"\n          :accept=\"accept\"\n          :dismiss=\"dismiss\"\n          :close=\"close\"\n        >\n          <p class=\"ink-suggestion-reason\">\n            <strong>{{ target.suggestion?.reason ?? 'Suggested redaction' }}</strong>\n            <span\n              v-if=\"bucket\"\n              class=\"ink-suggestion-confidence\"\n              :data-confidence=\"bucket\"\n            >\n              {{ bucket }} confidence\n            </span>\n          </p>\n          <p v-if=\"target.suggestion?.explanation\" class=\"ink-suggestion-explanation\">\n            {{ target.suggestion.explanation }}\n          </p>\n          <div class=\"ink-suggestion-actions\">\n            <button type=\"button\" @click=\"accept\">Accept</button>\n            <button v-if=\"!target.locked\" type=\"button\" @click=\"dismiss\">Dismiss</button>\n          </div>\n        </slot>\n      </PopoverContent>\n    </PopoverPortal>\n  </PopoverRoot>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,16 @@
+import { SuggestionCardSlotProps } from '@inkbar/core/dom';
+export type { ConfidenceBucket } from '@inkbar/core';
+export type { SuggestionCardSlotProps } from '@inkbar/core/dom';
+type __VLS_Slots = {
+    default?(props: SuggestionCardSlotProps): unknown;
+};
+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=InkSuggestionCard.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkSuggestionCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkSuggestionCard.vue"],"names":[],"mappings":"AAiJA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAE/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG/D,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,CAAC,KAAK,EAAE,uBAAuB,GAAG,OAAO,CAAA;CAAE,CAAC;AAwMzE,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/InkSuggestionCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,85 @@
+import { injectInkContext as e } from "../context.js";
+import { useAnnotations as t } from "../composables/useAnnotations.js";
+import { useAnnotationElement as n } from "./annotation-element.js";
+import { keepOpenOnAnnotation as r, useFocusReturn as i } from "./popover-focus.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { confidenceBucket as v } from "@inkbar/core";
+import { PopoverContent as y, PopoverPortal as b, PopoverRoot as x } from "reka-ui";
+//#region src/components/InkSuggestionCard.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "ink-suggestion-reason" }, C = ["data-confidence"], w = {
+	key: 0,
+	class: "ink-suggestion-explanation"
+}, T = { class: "ink-suggestion-actions" }, E = /*@__PURE__*/ d({
+	__name: "InkSuggestionCard",
+	setup(d) {
+		let E = e(), { annotations: D, selection: O, accept: k, dismiss: A, select: j } = t();
+		function M(e) {
+			let t = e ? D.value.find((t) => t.id === e) : void 0;
+			return t?.type === "redact" && t.origin === "suggested" ? t : null;
+		}
+		let N = a(() => M(E.activated.value) ?? (O.value.length === 1 ? M(O.value[0]) : null)), P = n(E, a(() => N.value?.id ?? null)), F = i(E), I = a(() => N.value !== null && P.value !== null), L = a(() => N.value?.suggestion ? v(N.value.suggestion.confidence) : void 0);
+		function R() {
+			E.setActivated(null), j([]);
+		}
+		function z() {
+			N.value && k(N.value.id), R();
+		}
+		function B() {
+			let e = N.value;
+			e && !e.locked && (F.beforeRemove(P.value, "[data-origin=\"suggested\"]"), A(e.id), R());
+		}
+		function V(e) {
+			e || R();
+		}
+		return (e, t) => (p(), o(g(x), {
+			open: I.value,
+			"onUpdate:open": V
+		}, {
+			default: _(() => [u(g(b), null, {
+				default: _(() => [N.value && g(P) ? (p(), o(g(y), f({
+					key: 0,
+					reference: g(P),
+					class: "ink-suggestion-card",
+					"data-ink-suggestion-card": "",
+					side: "bottom",
+					"side-offset": 6,
+					"collision-padding": 8
+				}, { "aria-label": "Suggested redaction" }, {
+					onInteractOutside: g(r),
+					onCloseAutoFocus: t[0] ||= (e) => g(F).onCloseAutoFocus(e, g(P))
+				}), {
+					default: _(() => [m(e.$slots, "default", {
+						annotation: N.value,
+						suggestion: N.value.suggestion,
+						bucket: L.value,
+						accept: z,
+						dismiss: B,
+						close: R
+					}, () => [
+						l("p", S, [l("strong", null, h(N.value.suggestion?.reason ?? "Suggested redaction"), 1), L.value ? (p(), c("span", {
+							key: 0,
+							class: "ink-suggestion-confidence",
+							"data-confidence": L.value
+						}, h(L.value) + " confidence ", 9, C)) : s("", !0)]),
+						N.value.suggestion?.explanation ? (p(), c("p", w, h(N.value.suggestion.explanation), 1)) : s("", !0),
+						l("div", T, [l("button", {
+							type: "button",
+							onClick: z
+						}, "Accept"), N.value.locked ? s("", !0) : (p(), c("button", {
+							key: 0,
+							type: "button",
+							onClick: B
+						}, "Dismiss"))])
+					])]),
+					_: 3
+				}, 16, ["reference", "onInteractOutside"])) : s("", !0)]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=InkSuggestionCard.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkSuggestionCard.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","_createElementVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","InkSuggestionCard_vue_vue_type_script_setup_true_lang_default","ctx","injectInkContext","acceptId","dismissId","useAnnotations","suggestion","a","id","annotations","x","target","computed","selection","anchor","useAnnotationElement","focusReturn","useFocusReturn","open","bucket","confidenceBucket","close","select","accept","dismiss","t","onOpenChange","next","openBlock","createBlock","unref","PopoverRoot","withCtx","createVNode","PopoverPortal","PopoverContent","mergeProps","keepOpenOnAnnotation","_cache","$event","renderSlot","_ctx","createElementVNode","toDisplayString","createElementBlock","createCommentVNode"],"sources":["../../src/components/InkSuggestionCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * Review card for a suggested redaction: opens when the activated annotation, or the only\n * selected one, is a redaction with `origin: 'suggested'`. Locked suggestions cannot be\n * dismissed, so they get no Dismiss button. A press on the overlay selects and\n * activates, so a click opens it whatever the tool. Closing clears `activated` and the\n * selection.\n */\nimport { confidenceBucket } from '@inkbar/core'\nimport { PopoverContent, PopoverPortal, PopoverRoot } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { useAnnotations } from '../composables/useAnnotations'\nimport { injectInkContext } from '../context'\n\nimport { useAnnotationElement } from './annotation-element'\nimport { keepOpenOnAnnotation, useFocusReturn } from './popover-focus'\n\nimport type { ConfidenceBucket, RedactAnnotation } from '@inkbar/core'\nimport type { SuggestionCardSlotProps } from '@inkbar/core/dom'\n\nexport type { ConfidenceBucket } from '@inkbar/core'\n\nexport type { SuggestionCardSlotProps } from '@inkbar/core/dom'\n\ndefineSlots<{ default?(props: SuggestionCardSlotProps): unknown }>()\n\nconst ctx = injectInkContext()\nconst {\n  annotations,\n  selection,\n  accept: acceptId,\n  dismiss: dismissId,\n  select,\n} = useAnnotations()\n\nfunction suggestion(id: string | null | undefined): RedactAnnotation | null {\n  const a = id ? annotations.value.find((x) => x.id === id) : undefined\n  return a?.type === 'redact' && a.origin === 'suggested' ? a : null\n}\n// The activated annotation when it is a suggestion; otherwise the only selected one (a\n// marquee selects without activating).\nconst target = computed<RedactAnnotation | null>(\n  () =>\n    suggestion(ctx.activated.value) ??\n    (selection.value.length === 1 ? suggestion(selection.value[0]) : null)\n)\nconst anchor = useAnnotationElement(\n  ctx,\n  computed(() => target.value?.id ?? null)\n)\nconst focusReturn = useFocusReturn(ctx)\nconst open = computed(() => target.value !== null && anchor.value !== null)\nconst bucket = computed<ConfidenceBucket | undefined>(() =>\n  target.value?.suggestion\n    ? confidenceBucket(target.value.suggestion.confidence)\n    : undefined\n)\n\nfunction close(): void {\n  ctx.setActivated(null)\n  select([])\n}\nfunction accept(): void {\n  if (target.value) acceptId(target.value.id)\n  close()\n}\n/** Locked annotations cannot be removed: dismissing one does nothing and keeps the card. */\nfunction dismiss(): void {\n  const t = target.value\n  if (!t || t.locked) return\n  focusReturn.beforeRemove(anchor.value, '[data-origin=\"suggested\"]')\n  dismissId(t.id)\n  close()\n}\nfunction onOpenChange(next: boolean): void {\n  if (!next) close()\n}\n</script>\n\n<template>\n  <PopoverRoot :open=\"open\" @update:open=\"onOpenChange\">\n    <PopoverPortal>\n      <PopoverContent\n        v-if=\"target && anchor\"\n        :reference=\"anchor\"\n        class=\"ink-suggestion-card\"\n        data-ink-suggestion-card\n        side=\"bottom\"\n        :side-offset=\"6\"\n        :collision-padding=\"8\"\n        v-bind=\"{ 'aria-label': 'Suggested redaction' }\"\n        @interact-outside=\"keepOpenOnAnnotation\"\n        @close-auto-focus=\"focusReturn.onCloseAutoFocus($event, anchor)\"\n      >\n        <slot\n          :annotation=\"target\"\n          :suggestion=\"target.suggestion\"\n          :bucket=\"bucket\"\n          :accept=\"accept\"\n          :dismiss=\"dismiss\"\n          :close=\"close\"\n        >\n          <p class=\"ink-suggestion-reason\">\n            <strong>{{ target.suggestion?.reason ?? 'Suggested redaction' }}</strong>\n            <span\n              v-if=\"bucket\"\n              class=\"ink-suggestion-confidence\"\n              :data-confidence=\"bucket\"\n            >\n              {{ bucket }} confidence\n            </span>\n          </p>\n          <p v-if=\"target.suggestion?.explanation\" class=\"ink-suggestion-explanation\">\n            {{ target.suggestion.explanation }}\n          </p>\n          <div class=\"ink-suggestion-actions\">\n            <button type=\"button\" @click=\"accept\">Accept</button>\n            <button v-if=\"!target.locked\" type=\"button\" @click=\"dismiss\">Dismiss</button>\n          </div>\n        </slot>\n      </PopoverContent>\n    </PopoverPortal>\n  </PopoverRoot>\n</template>\n"],"mappings":"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"}

package/dist/components/InkToolButton.js

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

package/dist/components/InkToolButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolButton.js","names":["_sfc_main","InkToolButton_vue_vue_type_script_setup_true_lang_default","InkToolButton_default"],"sources":["../../src/components/InkToolButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TOOL_LABELS } from '@inkbar/core/dom'\nimport { Hand, Highlighter, MessageSquare, MousePointer2, Square } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { useTool } from '../composables/useTool'\n\nimport InkIcon from './InkIcon.vue'\n\nimport type { ToolId } from '@inkbar/core/dom'\nimport type { IconNode } from '@inkbar/icons'\n\nconst ICONS: Readonly<Record<ToolId, IconNode>> = {\n  view: Hand,\n  select: MousePointer2,\n  highlight: Highlighter,\n  'redact-area': Square,\n  note: MessageSquare,\n}\n\nconst props = withDefaults(\n  defineProps<{ tool: ToolId; label?: string | undefined; asChild?: boolean }>(),\n  { label: undefined, asChild: false }\n)\n\nconst { tool: current, setTool } = useTool()\nconst active = computed(() => current.value === props.tool)\nconst name = computed(() => props.label ?? TOOL_LABELS[props.tool])\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = computed(() => ({\n  'aria-pressed': String(active.value),\n  'aria-label': name.value,\n  title: name.value,\n  onClick: () => setTool(props.tool),\n}))\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    class=\"ink-tool-button\"\n    data-ink-tool-button\n    :data-tool=\"tool\"\n    :data-state=\"active ? 'on' : 'off'\"\n    v-bind=\"attrs\"\n  >\n    <slot :active=\"active\" :label=\"name\"><InkIcon :icon=\"ICONS[tool]\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,26 @@
+import { ToolId } from '@inkbar/core/dom';
+type __VLS_Props = {
+    tool: ToolId;
+    label?: string | undefined;
+    asChild?: boolean;
+};
+declare var __VLS_7: {
+    active: boolean;
+    label: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    asChild: boolean;
+    label: string | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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=InkToolButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkToolButton.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAY9C,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAqEnF,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;;;6EAGd,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"}

package/dist/components/InkToolButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { useTool as e } from "../composables/useTool.js";
+import t from "./InkIcon.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { TOOL_LABELS as d } from "@inkbar/core/dom";
+import { ToolbarButton as f } from "reka-ui";
+import { Hand as p, Highlighter as m, MessageSquare as h, MousePointer2 as g, Square as _ } from "@inkbar/icons";
+//#region src/components/InkToolButton.vue?vue&type=script&setup=true&lang.ts
+var v = /*@__PURE__*/ a({
+	__name: "InkToolButton",
+	props: {
+		tool: {},
+		label: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let v = {
+			view: p,
+			select: g,
+			highlight: m,
+			"redact-area": _,
+			note: h
+		}, y = a, { tool: b, setTool: x } = e(), S = n(() => b.value === y.tool), C = n(() => y.label ?? d[y.tool]), w = n(() => ({
+			"aria-pressed": String(S.value),
+			"aria-label": C.value,
+			title: C.value,
+			onClick: () => x(y.tool)
+		}));
+		return (e, n) => (s(), r(l(f), o({
+			"as-child": a.asChild,
+			class: "ink-tool-button",
+			"data-ink-tool-button": "",
+			"data-tool": a.tool,
+			"data-state": S.value ? "on" : "off"
+		}, w.value), {
+			default: u(() => [c(e.$slots, "default", {
+				active: S.value,
+				label: C.value
+			}, () => [i(t, { icon: v[a.tool] }, null, 8, ["icon"])])]),
+			_: 3
+		}, 16, [
+			"as-child",
+			"data-tool",
+			"data-state"
+		]));
+	}
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=InkToolButton.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createVNode","InkIcon","InkIcon_default","InkToolButton_vue_vue_type_script_setup_true_lang_default","ICONS","Hand","MousePointer2","Highlighter","Square","MessageSquare","props","__props","current","useTool","active","computed","name","TOOL_LABELS","attrs","setTool","openBlock","createBlock","unref","ToolbarButton","mergeProps","withCtx","renderSlot","_ctx","createVNode"],"sources":["../../src/components/InkToolButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TOOL_LABELS } from '@inkbar/core/dom'\nimport { Hand, Highlighter, MessageSquare, MousePointer2, Square } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { useTool } from '../composables/useTool'\n\nimport InkIcon from './InkIcon.vue'\n\nimport type { ToolId } from '@inkbar/core/dom'\nimport type { IconNode } from '@inkbar/icons'\n\nconst ICONS: Readonly<Record<ToolId, IconNode>> = {\n  view: Hand,\n  select: MousePointer2,\n  highlight: Highlighter,\n  'redact-area': Square,\n  note: MessageSquare,\n}\n\nconst props = withDefaults(\n  defineProps<{ tool: ToolId; label?: string | undefined; asChild?: boolean }>(),\n  { label: undefined, asChild: false }\n)\n\nconst { tool: current, setTool } = useTool()\nconst active = computed(() => current.value === props.tool)\nconst name = computed(() => props.label ?? TOOL_LABELS[props.tool])\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = computed(() => ({\n  'aria-pressed': String(active.value),\n  'aria-label': name.value,\n  title: name.value,\n  onClick: () => setTool(props.tool),\n}))\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    class=\"ink-tool-button\"\n    data-ink-tool-button\n    :data-tool=\"tool\"\n    :data-state=\"active ? 'on' : 'off'\"\n    v-bind=\"attrs\"\n  >\n    <slot :active=\"active\" :label=\"name\"><InkIcon :icon=\"ICONS[tool]\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAaA,IAAMU,IAA4C;GAChD,MAAMC;GACN,QAAQC;GACR,WAAWC;GACX,eAAeC;GACf,MAAMC;EACR,GAEMC,IAAQC,GAKR,EAAE,MAAMC,GAAS,eAAYC,EAAQ,GACrCC,IAASC,QAAeH,EAAQ,UAAUF,EAAM,IAAI,GACpDM,IAAOD,QAAeL,EAAM,SAASO,EAAYP,EAAM,KAAK,GAE5DQ,IAAQH,SAAgB;GAC5B,gBAAgB,OAAOD,EAAO,KAAK;GACnC,cAAcE,EAAK;GACnB,OAAOA,EAAK;GACZ,eAAeG,EAAQT,EAAM,IAAI;EACnC,EAAE;oBAIAhB,EAAA,GAAAC,EASgBC,EAAA2B,CAAA,GAThB1B,EASgB;GARb,YAAUc,EAAA;GACX,OAAM;GACN,wBAAA;GACC,aAAWA,EAAA;GACX,cAAYG,EAAA,QAAM,OAAA;EACX,GAAAI,EAAA,KAAK,GAAA;GAEb,SAAApB,QAA2E,CAA3EC,EAA2E4B,EAAA,QAAA,WAAA;IAApE,QAAQb,EAAA;IAAS,OAAOE,EAAA;GAA/B,SAA2E,CAAtChB,EAA+BC,GAAA,EAArB,MAAMG,EAAMO,EAAA,MAAA,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/InkToolbar.js

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

package/dist/components/InkToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbar.js","names":["_sfc_main","InkToolbar_vue_vue_type_script_setup_true_lang_default","InkToolbar_default"],"sources":["../../src/components/InkToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarRoot } from 'reka-ui'\n\nwithDefaults(defineProps<{ label?: string; asChild?: boolean }>(), {\n  label: 'Document tools',\n  asChild: false,\n})\n</script>\n\n<template>\n  <ToolbarRoot\n    :as-child=\"asChild\"\n    orientation=\"horizontal\"\n    v-bind=\"{ 'aria-label': label }\"\n    data-ink-toolbar\n    class=\"ink-toolbar\"\n  >\n    <slot />\n  </ToolbarRoot>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    label?: string;
+    asChild?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    asChild: boolean;
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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=InkToolbar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbar.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkToolbar.vue"],"names":[],"mappings":"AAyBA,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA6CzD,QAAA,IAAI,OAAO,IAAW,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;;;6EAGd,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"}

package/dist/components/InkToolbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { createBlock as e, defineComponent as t, mergeProps as n, openBlock as r, renderSlot as i, unref as a, withCtx as o } from "vue";
+import { ToolbarRoot as s } from "reka-ui";
+//#region src/components/InkToolbar.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ t({
+	__name: "InkToolbar",
+	props: {
+		label: { default: "Document tools" },
+		asChild: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		return (c, l) => (r(), e(a(s), n({
+			"as-child": t.asChild,
+			orientation: "horizontal"
+		}, { "aria-label": t.label }, {
+			"data-ink-toolbar": "",
+			class: "ink-toolbar"
+		}), {
+			default: o(() => [i(c.$slots, "default")]),
+			_: 3
+		}, 16, ["as-child"]));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=InkToolbar.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","InkToolbar_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","unref","ToolbarRoot","mergeProps","__props","withCtx","renderSlot","_ctx"],"sources":["../../src/components/InkToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarRoot } from 'reka-ui'\n\nwithDefaults(defineProps<{ label?: string; asChild?: boolean }>(), {\n  label: 'Document tools',\n  asChild: false,\n})\n</script>\n\n<template>\n  <ToolbarRoot\n    :as-child=\"asChild\"\n    orientation=\"horizontal\"\n    v-bind=\"{ 'aria-label': label }\"\n    data-ink-toolbar\n    class=\"ink-toolbar\"\n  >\n    <slot />\n  </ToolbarRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;oBAUEA,EAAA,GAAAC,EAQcC,EAAAQ,CAAA,GARdP,EAQc;GAPX,YAAUS,EAAA;GACX,aAAY;EACY,GAAA,EAAA,cAAAA,EAAA,MAAK,GAAA;GAC7B,oBAAA;GACA,OAAM;;GAEN,SAAAR,QAAQ,CAARC,EAAQU,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/InkToolbarSeparator.js

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

package/dist/components/InkToolbarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbarSeparator.js","names":["_sfc_main","InkToolbarSeparator_vue_vue_type_script_setup_true_lang_default","InkToolbarSeparator_default"],"sources":["../../src/components/InkToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* A divider between groups of controls in a horizontal toolbar. Not focusable. */\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    class=\"ink-toolbar-separator\"\n    data-ink-toolbar-separator\n  />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,4 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=InkToolbarSeparator.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbarSeparator.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkToolbarSeparator.vue"],"names":[],"mappings":"AA6BA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/InkToolbarSeparator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { createElementBlock as e, defineComponent as t, openBlock as n } from "vue";
+//#region src/components/InkToolbarSeparator.vue?vue&type=script&setup=true&lang.ts
+var r = {
+	role: "separator",
+	"aria-orientation": "vertical",
+	class: "ink-toolbar-separator",
+	"data-ink-toolbar-separator": ""
+}, i = /*@__PURE__*/ t({
+	__name: "InkToolbarSeparator",
+	setup(t) {
+		return (t, i) => (n(), e("div", r));
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=InkToolbarSeparator.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbarSeparator.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_hoisted_1","InkToolbarSeparator_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock"],"sources":["../../src/components/InkToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* A divider between groups of controls in a horizontal toolbar. Not focusable. */\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    class=\"ink-toolbar-separator\"\n    data-ink-toolbar-separator\n  />\n</template>\n"],"mappings":";;;;;;;;;;oBAKEA,EAAA,GAAAC,EAKE,OALFC,CAKE"}

package/dist/components/InkUndo.js

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

package/dist/components/InkUndo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkUndo.js","names":["_sfc_main","InkUndo_vue_vue_type_script_setup_true_lang_default","InkUndo_default"],"sources":["../../src/components/InkUndo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Undo2 } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useHistory } from '../composables/useHistory'\n\nimport InkIcon from './InkIcon.vue'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { canUndo, undo } = useHistory()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Undo',\n  title: 'Undo',\n  onClick: () => undo(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    :disabled=\"!canUndo\"\n    class=\"ink-undo\"\n    data-ink-undo\n    v-bind=\"attrs\"\n  >\n    <slot><InkIcon :icon=\"Undo2\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    asChild?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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=InkUndo.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkUndo.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkUndo.vue"],"names":[],"mappings":"AAuCA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAyDzC,QAAA,IAAI,OAAO,IAAW,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;;6EAGd,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"}