@inkbar/vue 0.3.0 → 0.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"useAnnotations.d.ts","sourceRoot":"","sources":["../../src/composables/useAnnotations.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAnnotations.d.ts","sourceRoot":"","sources":["../../src/composables/useAnnotations.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAc,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEhF,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAWX,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBACR,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBACf,MAAM,SAAS,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAC9B,MAAM;kBACL,MAAM,EAAE;IACtB,+CAA+C;kBACjC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEvB"}

package/dist/composables/useAnnotations.js

@@ -1,27 +1,22 @@
 import { useInkContext as e } from "../context.js";
 import { computed as t } from "vue";
-import { acceptSuggestion as n, repliesTo as r } from "@inkbar/core";
+import { repliesTo as n } from "@inkbar/core";
 //#region src/composables/useAnnotations.ts
-function i() {
-	let i = e("useAnnotations()"), a = () => i.document.value?.annotations;
+function r() {
+	let r = e("useAnnotations()"), i = () => r.document.value?.annotations;
 	return {
-		annotations: i.annotations,
-		selection: i.selection,
-		selected: t(() => i.selection.value.map((e) => i.annotations.value.find((t) => t.id === e)).filter((e) => !!e)),
-		byPage: (e) => i.annotations.value.filter((t) => t.page === e),
-		add: (e) => a()?.add(e),
-		update: (e, t) => a()?.update(e, t),
-		remove: (e) => a()?.remove(e) ?? !1,
-		select: (e) => a()?.select(e),
-		replies: (e) => r(i.annotations.value, e),
-		accept: (e) => {
-			let t = a();
-			return t ? n(t, e) : void 0;
-		},
-		dismiss: (e) => a()?.remove(e) ?? !1
+		annotations: r.annotations,
+		selection: r.selection,
+		selected: t(() => r.selection.value.map((e) => r.annotations.value.find((t) => t.id === e)).filter((e) => !!e)),
+		byPage: (e) => r.annotations.value.filter((t) => t.page === e),
+		add: (e) => i()?.add(e),
+		update: (e, t) => i()?.update(e, t),
+		remove: (e) => i()?.remove(e) ?? !1,
+		select: (e) => i()?.select(e),
+		replies: (e) => n(r.annotations.value, e)
 	};
 }
 //#endregion
-export { i as useAnnotations };
+export { r as useAnnotations };
 
 //# sourceMappingURL=useAnnotations.js.map

package/dist/composables/useAnnotations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnnotations.js","names":["useAnnotations","ctx","useInkContext","store","computed","a","id","page","input","patch","ids","repliesTo","s","acceptSuggestion"],"sources":["../../src/composables/useAnnotations.ts"],"sourcesContent":["import { acceptSuggestion, repliesTo } from '@inkbar/core'\nimport { computed } from 'vue'\n\nimport { useInkContext } from '../context'\n\nimport type { Annotation, AnnotationInput } from '@inkbar/core'\n\nexport function useAnnotations() {\n  const ctx = useInkContext('useAnnotations()')\n  const store = () => ctx.document.value?.annotations\n  return {\n    annotations: ctx.annotations,\n    selection: ctx.selection,\n    selected: computed(() =>\n      ctx.selection.value\n        .map((id) => ctx.annotations.value.find((a) => a.id === id))\n        .filter((a): a is Annotation => !!a)\n    ),\n    byPage: (page: number) => ctx.annotations.value.filter((a) => a.page === page),\n    add: (input: AnnotationInput) => store()?.add(input),\n    update: (id: string, patch: Partial<Annotation>) => store()?.update(id, patch),\n    remove: (id: string) => store()?.remove(id) ?? false,\n    select: (ids: string[]) => store()?.select(ids),\n    /** Replies in creation order for a note id. */\n    replies: (id: string) => repliesTo(ctx.annotations.value, id),\n    /** Keeps a suggested redaction as the user's own, in the default redaction colour. */\n    accept: (id: string) => {\n      const s = store()\n      return s ? acceptSuggestion(s, id) : undefined\n    },\n    dismiss: (id: string) => store()?.remove(id) ?? false,\n  }\n}\n"],"mappings":";;;;AAOA,SAAgBA,IAAiB;CAC/B,IAAMC,IAAMC,EAAc,kBAAkB,GACtCC,UAAcF,EAAI,SAAS,OAAO;CACxC,OAAO;EACL,aAAaA,EAAI;EACjB,WAAWA,EAAI;EACf,UAAUG,QACRH,EAAI,UAAU,MACX,KAAK,MAAOA,EAAI,YAAY,MAAM,MAAM,MAAMI,EAAE,OAAOC,CAAE,CAAC,CAAC,CAC3D,QAAQ,MAAuB,CAAC,CAACD,CAAC,CACvC;EACA,SAAS,MAAiBJ,EAAI,YAAY,MAAM,QAAQ,MAAMI,EAAE,SAASE,CAAI;EAC7E,MAAM,MAA2BJ,EAAM,CAAC,EAAE,IAAIK,CAAK;EACnD,SAAS,GAAY,MAA+BL,EAAM,CAAC,EAAE,OAAOG,GAAIG,CAAK;EAC7E,SAAS,MAAeN,EAAM,CAAC,EAAE,OAAOG,CAAE,KAAK;EAC/C,SAAS,MAAkBH,EAAM,CAAC,EAAE,OAAOO,CAAG;EAE9C,UAAU,MAAeC,EAAUV,EAAI,YAAY,OAAOK,CAAE;EAE5D,SAAS,MAAe;GACtB,IAAMM,IAAIT,EAAM;GAChB,OAAOS,IAAIC,EAAiBD,GAAGN,CAAE,IAAI,KAAA;EACvC;EACA,UAAU,MAAeH,EAAM,CAAC,EAAE,OAAOG,CAAE,KAAK;CAClD;AACF"}
+{"version":3,"file":"useAnnotations.js","names":["useAnnotations","ctx","useInkContext","store","computed","a","id","page","input","patch","ids","repliesTo"],"sources":["../../src/composables/useAnnotations.ts"],"sourcesContent":["import { repliesTo } from '@inkbar/core'\nimport { computed } from 'vue'\n\nimport { useInkContext } from '../context'\n\nimport type { Annotation, AnnotationInput, AnnotationPatch } from '@inkbar/core'\n\nexport function useAnnotations() {\n  const ctx = useInkContext('useAnnotations()')\n  const store = () => ctx.document.value?.annotations\n  return {\n    annotations: ctx.annotations,\n    selection: ctx.selection,\n    selected: computed(() =>\n      ctx.selection.value\n        .map((id) => ctx.annotations.value.find((a) => a.id === id))\n        .filter((a): a is Annotation => !!a)\n    ),\n    byPage: (page: number) => ctx.annotations.value.filter((a) => a.page === page),\n    add: (input: AnnotationInput) => store()?.add(input),\n    update: (id: string, patch: AnnotationPatch) => store()?.update(id, patch),\n    remove: (id: string) => store()?.remove(id) ?? false,\n    select: (ids: string[]) => store()?.select(ids),\n    /** Replies in creation order for a note id. */\n    replies: (id: string) => repliesTo(ctx.annotations.value, id),\n  }\n}\n"],"mappings":";;;;AAOA,SAAgBA,IAAiB;CAC/B,IAAMC,IAAMC,EAAc,kBAAkB,GACtCC,UAAcF,EAAI,SAAS,OAAO;CACxC,OAAO;EACL,aAAaA,EAAI;EACjB,WAAWA,EAAI;EACf,UAAUG,QACRH,EAAI,UAAU,MACX,KAAK,MAAOA,EAAI,YAAY,MAAM,MAAM,MAAMI,EAAE,OAAOC,CAAE,CAAC,CAAC,CAC3D,QAAQ,MAAuB,CAAC,CAACD,CAAC,CACvC;EACA,SAAS,MAAiBJ,EAAI,YAAY,MAAM,QAAQ,MAAMI,EAAE,SAASE,CAAI;EAC7E,MAAM,MAA2BJ,EAAM,CAAC,EAAE,IAAIK,CAAK;EACnD,SAAS,GAAY,MAA2BL,EAAM,CAAC,EAAE,OAAOG,GAAIG,CAAK;EACzE,SAAS,MAAeN,EAAM,CAAC,EAAE,OAAOG,CAAE,KAAK;EAC/C,SAAS,MAAkBH,EAAM,CAAC,EAAE,OAAOO,CAAG;EAE9C,UAAU,MAAeC,EAAUV,EAAI,YAAY,OAAOK,CAAE;CAC9D;AACF"}

package/dist/composables/useToolOptions.d.ts

@@ -0,0 +1,11 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { ToolId } from '@inkbar/core/dom';
+/**
+ * A tool's options and a setter that merges a patch into them without switching tools.
+ * Options are empty, and the setter does nothing, until the viewport has mounted.
+ */
+export declare function useToolOptions<O extends object = object>(id: MaybeRefOrGetter<ToolId>): {
+    options: Readonly<Ref<O>>;
+    setOptions: (patch: Partial<O>) => void;
+};
+//# sourceMappingURL=useToolOptions.d.ts.map

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

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

package/dist/composables/useToolOptions.js

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

package/dist/composables/useToolOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolOptions.js","names":["NO_OPTIONS","useToolOptions","ctx","useInkContext","useReadable","toValue","id","patch"],"sources":["../../src/composables/useToolOptions.ts"],"sourcesContent":["import { toValue, type MaybeRefOrGetter, type Ref } from 'vue'\n\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { ToolId } from '@inkbar/core/dom'\n\nconst NO_OPTIONS: object = {}\n\n/**\n * A tool's options and a setter that merges a patch into them without switching tools.\n * Options are empty, and the setter does nothing, until the viewport has mounted.\n */\nexport function useToolOptions<O extends object = object>(\n  id: MaybeRefOrGetter<ToolId>\n): { options: Readonly<Ref<O>>; setOptions: (patch: Partial<O>) => void } {\n  const ctx = useInkContext('useToolOptions()')\n  const options = useReadable(\n    () => ctx.tools.value?.options(toValue(id)),\n    NO_OPTIONS\n  ) as Readonly<Ref<O>>\n  return {\n    options,\n    setOptions: (patch) => ctx.tools.value?.setOptions(toValue(id), patch),\n  }\n}\n"],"mappings":";;;;AAOA,IAAMA,IAAqB,CAAC;AAM5B,SAAgBC,EACd,GACwE;CACxE,IAAMC,IAAMC,EAAc,kBAAkB;CAK5C,OAAO;EACL,SALcC,QACRF,EAAI,MAAM,OAAO,QAAQG,EAAQC,CAAE,CAAC,GAC1CN,CAGA;EACA,aAAa,MAAUE,EAAI,MAAM,OAAO,WAAWG,EAAQC,CAAE,GAAGC,CAAK;CACvE;AACF"}

package/dist/composables/useToolStyle.d.ts

@@ -0,0 +1,32 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { CurrentStyle, StyleGroup, StyleKey, StyleProps } from '@inkbar/core';
+interface ToolStyleView {
+    current: Readonly<Ref<CurrentStyle>>;
+    supported: Readonly<Ref<ReadonlySet<StyleKey>>>;
+    /** A group's own style. */
+    get: (group: StyleGroup) => Readonly<StyleProps>;
+}
+/** The tool style for the active tool or the selection. */
+export interface ToolStyleHandle extends ToolStyleView {
+    set: (patch: StyleProps, opts?: {
+        group?: StyleGroup;
+        apply?: boolean;
+    }) => void;
+}
+/** The tool style scoped to one group: `set` writes that group, so it takes no options. */
+export interface ScopedToolStyleHandle extends ToolStyleView {
+    set: (patch: StyleProps) => void;
+}
+/**
+ * The tool style the style controls read and write: `current` shows the selection's values
+ * (`'mixed'` where they differ), else the active tool's group; `supported` names the props
+ * the active tool or the selection has. `set` updates the group and the selected annotations.
+ *
+ * With `group` (a value, ref or getter), the style as a control for that group sees it, whatever tool is active: the
+ * selection's when it is all in the group, else the group's own; `set` updates the group, and
+ * the selection only when it is all in the group.
+ */
+export declare function useToolStyle(): ToolStyleHandle;
+export declare function useToolStyle(group: MaybeRefOrGetter<StyleGroup | undefined>): ScopedToolStyleHandle;
+export {};
+//# sourceMappingURL=useToolStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToolStyle.d.ts","sourceRoot":"","sources":["../../src/composables/useToolStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9D,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAMlF,UAAU,aAAa;IACrB,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAA;IACpC,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC/C,2BAA2B;IAC3B,GAAG,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,QAAQ,CAAC,UAAU,CAAC,CAAA;CACjD;AAED,2DAA2D;AAC3D,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,GAAG,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,UAAU,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACjF;AAED,2FAA2F;AAC3F,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,GAAG,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,IAAI,eAAe,CAAA;AAC/C,wBAAgB,YAAY,CAC1B,KAAK,EAAE,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC,GAC9C,qBAAqB,CAAA"}

package/dist/composables/useToolStyle.js

@@ -0,0 +1,24 @@
+import { useInkContext as e } from "../context.js";
+import { useReadable as t } from "../use-readable.js";
+import { toValue as n } from "vue";
+//#region src/composables/useToolStyle.ts
+var r = {}, i = /* @__PURE__ */ new Set(), a = {};
+function o(o) {
+	let s = e("useToolStyle()"), c = () => {
+		let e = s.toolStyle.value, t = n(o);
+		return t && e ? e.scoped(t) : e;
+	};
+	return {
+		current: t(() => c()?.current, r),
+		supported: t(() => c()?.supported, i),
+		set: (e, t) => {
+			let r = s.toolStyle.value, i = n(o);
+			i ? r?.scoped(i).set(e) : r?.set(e, t);
+		},
+		get: (e) => s.toolStyle.value?.get(e) ?? a
+	};
+}
+//#endregion
+export { o as useToolStyle };
+
+//# sourceMappingURL=useToolStyle.js.map

package/dist/composables/useToolStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolStyle.js","names":["NO_STYLE","NO_PROPS","EMPTY","useToolStyle","ctx","useInkContext","view","style","g","toValue","group","useReadable","patch","opts"],"sources":["../../src/composables/useToolStyle.ts"],"sourcesContent":["import { toValue, type MaybeRefOrGetter, type Ref } from 'vue'\n\nimport { useInkContext } from '../context'\nimport { useReadable } from '../use-readable'\n\nimport type { CurrentStyle, StyleGroup, StyleKey, StyleProps } from '@inkbar/core'\n\nconst NO_STYLE: CurrentStyle = {}\nconst NO_PROPS: ReadonlySet<StyleKey> = new Set()\nconst EMPTY: Readonly<StyleProps> = {}\n\ninterface ToolStyleView {\n  current: Readonly<Ref<CurrentStyle>>\n  supported: Readonly<Ref<ReadonlySet<StyleKey>>>\n  /** A group's own style. */\n  get: (group: StyleGroup) => Readonly<StyleProps>\n}\n\n/** The tool style for the active tool or the selection. */\nexport interface ToolStyleHandle extends ToolStyleView {\n  set: (patch: StyleProps, opts?: { group?: StyleGroup; apply?: boolean }) => void\n}\n\n/** The tool style scoped to one group: `set` writes that group, so it takes no options. */\nexport interface ScopedToolStyleHandle extends ToolStyleView {\n  set: (patch: StyleProps) => void\n}\n\n/**\n * The tool style the style controls read and write: `current` shows the selection's values\n * (`'mixed'` where they differ), else the active tool's group; `supported` names the props\n * the active tool or the selection has. `set` updates the group and the selected annotations.\n *\n * With `group` (a value, ref or getter), the style as a control for that group sees it, whatever tool is active: the\n * selection's when it is all in the group, else the group's own; `set` updates the group, and\n * the selection only when it is all in the group.\n */\nexport function useToolStyle(): ToolStyleHandle\nexport function useToolStyle(\n  group: MaybeRefOrGetter<StyleGroup | undefined>\n): ScopedToolStyleHandle\nexport function useToolStyle(\n  group?: MaybeRefOrGetter<StyleGroup | undefined>\n): ToolStyleHandle {\n  const ctx = useInkContext('useToolStyle()')\n  const view = () => {\n    const style = ctx.toolStyle.value\n    const g = toValue(group)\n    return g && style ? style.scoped(g) : style\n  }\n  return {\n    current: useReadable(() => view()?.current, NO_STYLE),\n    supported: useReadable(() => view()?.supported, NO_PROPS),\n    set: (patch: StyleProps, opts?: { group?: StyleGroup; apply?: boolean }) => {\n      const style = ctx.toolStyle.value\n      const g = toValue(group)\n      if (g) style?.scoped(g).set(patch)\n      else style?.set(patch, opts)\n    },\n    get: (group: StyleGroup): Readonly<StyleProps> =>\n      ctx.toolStyle.value?.get(group) ?? EMPTY,\n  }\n}\n"],"mappings":";;;;AAOA,IAAMA,IAAyB,CAAC,GAC1BC,oBAAkC,IAAI,IAAI,GAC1CC,IAA8B,CAAC;AAgCrC,SAAgBC,EACd,GACiB;CACjB,IAAMC,IAAMC,EAAc,gBAAgB,GACpCC,UAAa;EACjB,IAAMC,IAAQH,EAAI,UAAU,OACtBI,IAAIC,EAAQC,CAAK;EACvB,OAAOF,KAAKD,IAAQA,EAAM,OAAOC,CAAC,IAAID;CACxC;CACA,OAAO;EACL,SAASI,QAAkBL,EAAK,CAAC,EAAE,SAASN,CAAQ;EACpD,WAAWW,QAAkBL,EAAK,CAAC,EAAE,WAAWL,CAAQ;EACxD,MAAM,GAAmB,MAAmD;GAC1E,IAAMM,IAAQH,EAAI,UAAU,OACtBI,IAAIC,EAAQC,CAAK;GACvB,AAAIF,IAAGD,GAAO,OAAOC,CAAC,CAAC,CAAC,IAAII,CAAK,IAC5BL,GAAO,IAAIK,GAAOC,CAAI;EAC7B;EACA,MAAM,MACJT,EAAI,UAAU,OAAO,IAAIM,CAAK,KAAKR;CACvC;AACF"}

package/dist/context.d.ts

@@ -1,5 +1,5 @@
-import { Annotation, InkDocument, InkStatus, PdfAssets } from '@inkbar/core';
-import { ToolController, ToolId, Viewport, ZoomValue } from '@inkbar/core/dom';
+import { Annotation, InkDocument, InkStatus, PdfAssets, SignatureLibrary } from '@inkbar/core';
+import { DecorateAnnotation, Tool, ToolController, ToolId, ToolOptions, ToolStyle, Viewport, ZoomValue } from '@inkbar/core/dom';
 import { Ref, ShallowRef } from 'vue';
 export type { InkStatus };
 /** Undo and redo for the current document, whichever mode its annotations are in. */
@@ -30,6 +30,20 @@ export interface InkContext {
     /** Desired tool; InkViewport applies it to the controller. */
     tool: Readonly<Ref<ToolId>>;
     setTool(id: ToolId): void;
+    /** Host tools from InkRoot's `tools` prop; InkViewport registers them. */
+    hostTools: Readonly<Ref<Tool[] | undefined>>;
+    /** InkRoot's `decorateAnnotation` prop. InkViewport re-applies decorations when it changes. */
+    decorateAnnotation: Readonly<Ref<DecorateAnnotation | undefined>>;
+    /** The font families text boxes offer: InkRoot's `fonts`, else `FONT_FAMILIES`. */
+    fonts: Readonly<Ref<readonly string[]>>;
+    /** The tools' options for InkRoot's life, so they persist across documents. */
+    toolOptions: ToolOptions;
+    /** The saved signatures, from InkRoot's `signatures` store (memory by default). */
+    signatures: Readonly<ShallowRef<SignatureLibrary>>;
+    /** The fonts a typed signature offers: InkRoot's `signatureFonts`, else `SIGNATURE_FONTS`. */
+    signatureFonts: Readonly<Ref<readonly string[]>>;
+    /** The open document's tool style; `null` while no document is open. */
+    toolStyle: Readonly<ShallowRef<ToolStyle | null>>;
     /** Desired zoom and page from the host's v-models; InkViewport applies and reports back. */
     zoomModel: Readonly<Ref<ZoomValue | undefined>>;
     pageModel: Readonly<Ref<number | undefined>>;
@@ -37,6 +51,11 @@ export interface InkContext {
     reportPage(p: number): void;
     /** Last activated annotation (Enter, click with the note tool, etc.). Popovers key off this. */
     activated: Readonly<Ref<string | null>>;
+    /**
+     * Activates annotation `id`, or clears the activation with `null`. This is the context's
+     * own: unlike core's `Viewer.setActivated`, it emits InkRoot's `activate` for an id, and it
+     * does not check that the id is in the document.
+     */
     setActivated(id: string | null): void;
     history: InkHistory;
     rootEl: Readonly<Ref<HTMLElement | null>>;

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACnF,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAE1C,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,qFAAqF;AACrF,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB;;;;;OAKG;IACH,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAChC;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAA;IAChC,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAA;IAClD,2FAA2F;IAC3F,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAA;IAChC,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,UAAU,EAAE,CAAC,CAAC,CAAA;IACjD,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,EAAE,CAAC,CAAC,CAAA;IAC3C,+EAA+E;IAC/E,QAAQ,EAAE,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IACrC,KAAK,EAAE,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACxC,8DAA8D;IAC9D,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAC3B,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,4FAA4F;IAC5F,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAA;IAC/C,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC5C,UAAU,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAC9B,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,gGAAgG;IAChG,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IACvC,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,OAAO,EAAE,UAAU,CAAA;IACnB,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAA;CAC1C;AAED,eAAO,MAAO,gBAAgB,uIAAE,iBAAiB,0CAAwC,CAAA;AAEzF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAO1D"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"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"}

package/dist/context.js.map

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

package/dist/index.d.ts

@@ -1,10 +1,14 @@
 export { default as InkRoot } from './components/InkRoot.vue';
 export { injectInkContext } from './context';
 export type { InkContext, InkHistory, InkStatus } from './context';
+export type { AnnotationDecoration, DecorateAnnotation } from '@inkbar/core/dom';
 export { useReadable } from './use-readable';
 export { useDocument } from './composables/useDocument';
 export { useAnnotations } from './composables/useAnnotations';
 export { useTool } from './composables/useTool';
+export { useToolStyle } from './composables/useToolStyle';
+export type { ScopedToolStyleHandle, ToolStyleHandle } from './composables/useToolStyle';
+export { useToolOptions } from './composables/useToolOptions';
 export { useSelection } from './composables/useSelection';
 export { useZoom } from './composables/useZoom';
 export { usePage } from './composables/usePage';
@@ -20,6 +24,13 @@ export { default as InkToolButton } from './components/InkToolButton.vue';
 export { default as InkToolbarSeparator } from './components/InkToolbarSeparator.vue';
 export { default as InkUndo } from './components/InkUndo.vue';
 export { default as InkRedo } from './components/InkRedo.vue';
+export { default as InkColorMenu } from './components/InkColorMenu.vue';
+export { default as InkShapeMenu } from './components/InkShapeMenu.vue';
+export { default as InkSignatureMenu } from './components/InkSignatureMenu.vue';
+export { default as InkSignatureDialog } from './components/InkSignatureDialog.vue';
+export { default as InkHighlightMenu } from './components/InkHighlightMenu.vue';
+export { default as InkLineStyleMenu } from './components/InkLineStyleMenu.vue';
+export { default as InkTextStyleMenu } from './components/InkTextStyleMenu.vue';
 export { default as InkZoomIn } from './components/InkZoomIn.vue';
 export { default as InkZoomOut } from './components/InkZoomOut.vue';
 export { default as InkZoomSelect } from './components/InkZoomSelect.vue';
@@ -27,8 +38,6 @@ export { default as InkPageInput } from './components/InkPageInput.vue';
 export { default as InkPageCount } from './components/InkPageCount.vue';
 export { default as InkPrevPage } from './components/InkPrevPage.vue';
 export { default as InkNextPage } from './components/InkNextPage.vue';
-export { default as InkNotePopover } from './components/InkNotePopover.vue';
-export type { NotePopoverSlotProps } from './components/InkNotePopover.vue';
-export { default as InkSuggestionCard } from './components/InkSuggestionCard.vue';
-export type { ConfidenceBucket, SuggestionCardSlotProps, } from './components/InkSuggestionCard.vue';
+export { default as InkThreadPopover } from './components/InkThreadPopover.vue';
+export type { ThreadPopoverSlotProps } from './components/InkThreadPopover.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACzE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,YAAY,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACjF,YAAY,EACV,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,oCAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

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

package/package.json

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

package/dist/components/InkNotePopover.js

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

package/dist/components/InkNotePopover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InkNotePopover.js","names":["_sfc_main","InkNotePopover_vue_vue_type_script_setup_true_lang_default","InkNotePopover_default"],"sources":["../../src/components/InkNotePopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The thread for the activated note, anchored to the note's overlay element. Activating a\n * reply opens the whole thread from its root. Closing (Close, Escape, a press outside) clears `activated`.\n *\n * A new note has no text. While its root is empty (and unlocked) the default form writes the\n * root's own `contents`, labelled \"Comment\", and the thread list stays hidden until there is\n * something in it; after that the form adds replies. Closing a root that is still empty and\n * has no replies removes it, so an abandoned note does not stay on the page.\n */\nimport { isAbandonedNote, threadOf, threadRoot } from '@inkbar/core'\nimport { PopoverContent, PopoverPortal, PopoverRoot } from 'reka-ui'\nimport { computed, ref, watch } 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 { Annotation, NoteAnnotation } from '@inkbar/core'\nimport type { NotePopoverSlotProps } from '@inkbar/core/dom'\n\nexport type { NotePopoverSlotProps } from '@inkbar/core/dom'\n\ndefineSlots<{ default?(props: NotePopoverSlotProps): unknown }>()\n\nconst ctx = injectInkContext()\nconst { annotations, add, update, remove } = useAnnotations()\n\nconst find = (id: string | undefined) =>\n  id ? annotations.value.find((a) => a.id === id) : undefined\n\nconst note = computed<NoteAnnotation | null>(() => {\n  const a = find(ctx.activated.value ?? undefined)\n  return a?.type === 'text' ? threadRoot(annotations.value, a) : null\n})\nconst anchor = useAnnotationElement(\n  ctx,\n  computed(() => note.value?.id ?? null)\n)\nconst focusReturn = useFocusReturn(ctx)\nconst open = computed(() => note.value !== null && anchor.value !== null)\nconst thread = computed<Annotation[]>(() =>\n  note.value ? threadOf(annotations.value, note.value) : []\n)\n\n/** True while the default form writes the root note's own text rather than a reply. */\nconst editingRoot = computed(() => {\n  const root = note.value\n  return root !== null && !root.locked && !root.contents?.trim()\n})\n\nconst draft = ref('')\nconst noteId = () => note.value?.id\n// Synchronous, so a render for another note never shows the old draft.\nwatch(noteId, () => (draft.value = ''), { flush: 'sync' })\nwatch(noteId, (_next, previous) => {\n  // Activation moved on from a note that never got any text: drop it.\n  if (previous !== undefined) dropIfEmpty(previous)\n})\n\n/**\n * Notes this popover wrote text or a reply for. In controlled mode the write is a proposal\n * the host may not have applied yet, so the applied list still shows the note empty; these\n * are never dropped as abandoned.\n */\nconst written = new Set<string>()\n/** Notes this popover has already asked to remove, so a slow host is asked once. */\nconst dropped = new Set<string>()\n\n/** Removes an unlocked root note with no text and no replies. True when it did. */\nfunction dropIfEmpty(id: string): boolean {\n  if (dropped.has(id) || written.has(id) || !isAbandonedNote(annotations.value, id))\n    return false\n  dropped.add(id)\n  remove(id)\n  return true\n}\n\nfunction reply(text: string): void {\n  const root = note.value\n  const contents = text.trim()\n  if (!root || !contents) return\n  written.add(root.id)\n  add({ type: 'text', page: root.page, rect: root.rect, contents, inReplyTo: root.id })\n  draft.value = ''\n}\nfunction close(): void {\n  const root = note.value\n  if (root && find(root.id) && isEmptyRoot(root)) {\n    focusReturn.beforeRemove(anchor.value)\n    dropIfEmpty(root.id)\n  }\n  ctx.setActivated(null)\n}\nfunction isEmptyRoot(root: NoteAnnotation): boolean {\n  return (\n    !written.has(root.id) &&\n    !root.locked &&\n    !root.contents?.trim() &&\n    thread.value.length === 1\n  )\n}\nfunction submit(): void {\n  const text = draft.value.trim()\n  if (!text) return\n  if (editingRoot.value) {\n    updateContents(text)\n    draft.value = ''\n  } else reply(text)\n}\n/** Locked notes cannot be removed: removing one does nothing and keeps the popover. */\nfunction removeThread(): void {\n  const root = note.value\n  if (!root || root.locked) return\n  focusReturn.beforeRemove(anchor.value)\n  // Under a slow controlled host the note stays listed for a while; it is not asked for again.\n  dropped.add(root.id)\n  remove(root.id)\n  ctx.setActivated(null)\n}\nfunction updateContents(contents: string): void {\n  if (!note.value || note.value.locked) return\n  if (contents.trim()) written.add(note.value.id)\n  update(note.value.id, { contents })\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=\"note && anchor\"\n        :reference=\"anchor\"\n        class=\"ink-note-popover\"\n        data-ink-note-popover\n        side=\"right\"\n        :side-offset=\"8\"\n        :collision-padding=\"8\"\n        v-bind=\"{ 'aria-label': 'Note thread' }\"\n        @interact-outside=\"keepOpenOnAnnotation\"\n        @close-auto-focus=\"focusReturn.onCloseAutoFocus($event, anchor)\"\n      >\n        <slot\n          :note=\"note\"\n          :replies=\"thread.slice(1)\"\n          :reply=\"reply\"\n          :update=\"updateContents\"\n          :remove=\"removeThread\"\n          :close=\"close\"\n        >\n          <ol v-if=\"!editingRoot || thread.length > 1\" class=\"ink-thread\" data-ink-thread>\n            <li\n              v-for=\"item in thread\"\n              :key=\"item.id\"\n              class=\"ink-thread-item\"\n              data-ink-thread-item\n              :data-reply=\"item.inReplyTo ? '' : undefined\"\n            >\n              <span class=\"ink-thread-author\">{{ item.author ?? 'Anonymous' }}</span>\n              <time class=\"ink-thread-time\" :datetime=\"item.createdAt\">\n                {{ new Date(item.createdAt).toLocaleString() }}\n              </time>\n              <p class=\"ink-thread-text\">{{ item.contents }}</p>\n            </li>\n          </ol>\n          <form class=\"ink-thread-reply\" data-ink-thread-reply @submit.prevent=\"submit\">\n            <textarea\n              v-model=\"draft\"\n              :aria-label=\"editingRoot ? 'Comment' : 'Reply'\"\n              rows=\"2\"\n              :placeholder=\"editingRoot ? 'Comment' : 'Reply'\"\n            />\n            <div class=\"ink-thread-actions\">\n              <button type=\"submit\" :disabled=\"!draft.trim()\">\n                {{ editingRoot ? 'Comment' : 'Reply' }}\n              </button>\n              <button v-if=\"!note.locked\" type=\"button\" @click=\"removeThread\">\n                Delete\n              </button>\n              <button type=\"button\" @click=\"close\">Close</button>\n            </div>\n          </form>\n        </slot>\n      </PopoverContent>\n    </PopoverPortal>\n  </PopoverRoot>\n</template>\n"],"mappings":""}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InkNotePopover.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkNotePopover.vue"],"names":[],"mappings":"AAsNA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAG5D,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO,CAAA;CAAE,CAAC;AA2RtE,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/InkNotePopover.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InkNotePopover.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_createCommentVNode","_withModifiers","_withDirectives","_vModelText","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","InkNotePopover_vue_vue_type_script_setup_true_lang_default","ctx","injectInkContext","useAnnotations","find","id","annotations","a","note","computed","threadRoot","anchor","useAnnotationElement","focusReturn","useFocusReturn","open","thread","threadOf","editingRoot","root","draft","ref","noteId","watch","previous","dropIfEmpty","written","dropped","isAbandonedNote","remove","reply","contents","text","add","close","isEmptyRoot","submit","updateContents","removeThread","update","onOpenChange","next","openBlock","createBlock","unref","PopoverRoot","withCtx","createVNode","PopoverPortal","PopoverContent","mergeProps","keepOpenOnAnnotation","_cache","$event","renderSlot","_ctx","createElementBlock","Fragment","renderList","item","createElementVNode","toDisplayString","createCommentVNode","withModifiers","withDirectives","vModelText"],"sources":["../../src/components/InkNotePopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * The thread for the activated note, anchored to the note's overlay element. Activating a\n * reply opens the whole thread from its root. Closing (Close, Escape, a press outside) clears `activated`.\n *\n * A new note has no text. While its root is empty (and unlocked) the default form writes the\n * root's own `contents`, labelled \"Comment\", and the thread list stays hidden until there is\n * something in it; after that the form adds replies. Closing a root that is still empty and\n * has no replies removes it, so an abandoned note does not stay on the page.\n */\nimport { isAbandonedNote, threadOf, threadRoot } from '@inkbar/core'\nimport { PopoverContent, PopoverPortal, PopoverRoot } from 'reka-ui'\nimport { computed, ref, watch } 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 { Annotation, NoteAnnotation } from '@inkbar/core'\nimport type { NotePopoverSlotProps } from '@inkbar/core/dom'\n\nexport type { NotePopoverSlotProps } from '@inkbar/core/dom'\n\ndefineSlots<{ default?(props: NotePopoverSlotProps): unknown }>()\n\nconst ctx = injectInkContext()\nconst { annotations, add, update, remove } = useAnnotations()\n\nconst find = (id: string | undefined) =>\n  id ? annotations.value.find((a) => a.id === id) : undefined\n\nconst note = computed<NoteAnnotation | null>(() => {\n  const a = find(ctx.activated.value ?? undefined)\n  return a?.type === 'text' ? threadRoot(annotations.value, a) : null\n})\nconst anchor = useAnnotationElement(\n  ctx,\n  computed(() => note.value?.id ?? null)\n)\nconst focusReturn = useFocusReturn(ctx)\nconst open = computed(() => note.value !== null && anchor.value !== null)\nconst thread = computed<Annotation[]>(() =>\n  note.value ? threadOf(annotations.value, note.value) : []\n)\n\n/** True while the default form writes the root note's own text rather than a reply. */\nconst editingRoot = computed(() => {\n  const root = note.value\n  return root !== null && !root.locked && !root.contents?.trim()\n})\n\nconst draft = ref('')\nconst noteId = () => note.value?.id\n// Synchronous, so a render for another note never shows the old draft.\nwatch(noteId, () => (draft.value = ''), { flush: 'sync' })\nwatch(noteId, (_next, previous) => {\n  // Activation moved on from a note that never got any text: drop it.\n  if (previous !== undefined) dropIfEmpty(previous)\n})\n\n/**\n * Notes this popover wrote text or a reply for. In controlled mode the write is a proposal\n * the host may not have applied yet, so the applied list still shows the note empty; these\n * are never dropped as abandoned.\n */\nconst written = new Set<string>()\n/** Notes this popover has already asked to remove, so a slow host is asked once. */\nconst dropped = new Set<string>()\n\n/** Removes an unlocked root note with no text and no replies. True when it did. */\nfunction dropIfEmpty(id: string): boolean {\n  if (dropped.has(id) || written.has(id) || !isAbandonedNote(annotations.value, id))\n    return false\n  dropped.add(id)\n  remove(id)\n  return true\n}\n\nfunction reply(text: string): void {\n  const root = note.value\n  const contents = text.trim()\n  if (!root || !contents) return\n  written.add(root.id)\n  add({ type: 'text', page: root.page, rect: root.rect, contents, inReplyTo: root.id })\n  draft.value = ''\n}\nfunction close(): void {\n  const root = note.value\n  if (root && find(root.id) && isEmptyRoot(root)) {\n    focusReturn.beforeRemove(anchor.value)\n    dropIfEmpty(root.id)\n  }\n  ctx.setActivated(null)\n}\nfunction isEmptyRoot(root: NoteAnnotation): boolean {\n  return (\n    !written.has(root.id) &&\n    !root.locked &&\n    !root.contents?.trim() &&\n    thread.value.length === 1\n  )\n}\nfunction submit(): void {\n  const text = draft.value.trim()\n  if (!text) return\n  if (editingRoot.value) {\n    updateContents(text)\n    draft.value = ''\n  } else reply(text)\n}\n/** Locked notes cannot be removed: removing one does nothing and keeps the popover. */\nfunction removeThread(): void {\n  const root = note.value\n  if (!root || root.locked) return\n  focusReturn.beforeRemove(anchor.value)\n  // Under a slow controlled host the note stays listed for a while; it is not asked for again.\n  dropped.add(root.id)\n  remove(root.id)\n  ctx.setActivated(null)\n}\nfunction updateContents(contents: string): void {\n  if (!note.value || note.value.locked) return\n  if (contents.trim()) written.add(note.value.id)\n  update(note.value.id, { contents })\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=\"note && anchor\"\n        :reference=\"anchor\"\n        class=\"ink-note-popover\"\n        data-ink-note-popover\n        side=\"right\"\n        :side-offset=\"8\"\n        :collision-padding=\"8\"\n        v-bind=\"{ 'aria-label': 'Note thread' }\"\n        @interact-outside=\"keepOpenOnAnnotation\"\n        @close-auto-focus=\"focusReturn.onCloseAutoFocus($event, anchor)\"\n      >\n        <slot\n          :note=\"note\"\n          :replies=\"thread.slice(1)\"\n          :reply=\"reply\"\n          :update=\"updateContents\"\n          :remove=\"removeThread\"\n          :close=\"close\"\n        >\n          <ol v-if=\"!editingRoot || thread.length > 1\" class=\"ink-thread\" data-ink-thread>\n            <li\n              v-for=\"item in thread\"\n              :key=\"item.id\"\n              class=\"ink-thread-item\"\n              data-ink-thread-item\n              :data-reply=\"item.inReplyTo ? '' : undefined\"\n            >\n              <span class=\"ink-thread-author\">{{ item.author ?? 'Anonymous' }}</span>\n              <time class=\"ink-thread-time\" :datetime=\"item.createdAt\">\n                {{ new Date(item.createdAt).toLocaleString() }}\n              </time>\n              <p class=\"ink-thread-text\">{{ item.contents }}</p>\n            </li>\n          </ol>\n          <form class=\"ink-thread-reply\" data-ink-thread-reply @submit.prevent=\"submit\">\n            <textarea\n              v-model=\"draft\"\n              :aria-label=\"editingRoot ? 'Comment' : 'Reply'\"\n              rows=\"2\"\n              :placeholder=\"editingRoot ? 'Comment' : 'Reply'\"\n            />\n            <div class=\"ink-thread-actions\">\n              <button type=\"submit\" :disabled=\"!draft.trim()\">\n                {{ editingRoot ? 'Comment' : 'Reply' }}\n              </button>\n              <button v-if=\"!note.locked\" type=\"button\" @click=\"removeThread\">\n                Delete\n              </button>\n              <button type=\"button\" @click=\"close\">Close</button>\n            </div>\n          </form>\n        </slot>\n      </PopoverContent>\n    </PopoverPortal>\n  </PopoverRoot>\n</template>\n"],"mappings":"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"}

package/dist/components/InkSuggestionCard.js

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

@@ -1 +0,0 @@
-{"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.map

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

@@ -1,85 +0,0 @@
-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