npm - @inkbar/svelte - Versions diffs - 0.7.0 → 0.8.0 - Mend

@inkbar/svelte 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/README.md +7 -0
package/dist/components/InkFormAlert.svelte +108 -0
package/dist/components/InkFormAlert.svelte.d.ts +13 -0
package/dist/components/InkFormAlert.svelte.d.ts.map +1 -0
package/dist/components/InkRoot.svelte +94 -2
package/dist/components/InkRoot.svelte.d.ts +22 -2
package/dist/components/InkRoot.svelte.d.ts.map +1 -1
package/dist/components/InkSignFieldPopover.svelte +187 -0
package/dist/components/InkSignFieldPopover.svelte.d.ts +10 -0
package/dist/components/InkSignFieldPopover.svelte.d.ts.map +1 -0
package/dist/components/InkSignatureDialog.svelte +11 -3
package/dist/components/InkSignatureDialog.svelte.d.ts +9 -3
package/dist/components/InkSignatureDialog.svelte.d.ts.map +1 -1
package/dist/components/InkSignatureMenu.svelte +10 -99
package/dist/components/InkSignatureMenu.svelte.d.ts.map +1 -1
package/dist/components/InkViewport.svelte +44 -1
package/dist/components/InkViewport.svelte.d.ts.map +1 -1
package/dist/components/SignatureForm.svelte +7 -2
package/dist/components/SignatureForm.svelte.d.ts +2 -0
package/dist/components/SignatureForm.svelte.d.ts.map +1 -1
package/dist/components/SignatureMenuPanel.svelte +127 -0
package/dist/components/SignatureMenuPanel.svelte.d.ts +13 -0
package/dist/components/SignatureMenuPanel.svelte.d.ts.map +1 -0
package/dist/context.d.ts +7 -1
package/dist/context.d.ts.map +1 -1
package/dist/hooks/useForm.svelte.d.ts +17 -0
package/dist/hooks/useForm.svelte.d.ts.map +1 -0
package/dist/hooks/useForm.svelte.js +20 -0
package/dist/index.d.ts +2 -0
package/dist/index.d.ts.map +1 -1
package/dist/index.js +1 -0
package/package.json +5 -5

package/README.md CHANGED Viewed

@@ -145,6 +145,12 @@ Inside `InkRoot`, `useHistory()` returns the same object. Its `batch(fn)` runs `
 `key` identifies the document. Reuse the same key when only the signed URL changes and the document is not reloaded.
+## Forms
+`InkViewport` fills the PDF's form fields and runs the form's scripts. `useForm()` returns the fields, their values, and `set` and `reset`. Use `bind:fields` to hold the values in your own state. The form never submits, opens a link, sends mail or prints: `onformaction` hands each request to you. `formHighlight={false}` turns off the field tint, and a change applies to the open document in place.
+The [forms guide](https://inkbar.dev/docs/guides/forms/) covers controlled fields, form actions, scripts, signature fields and saving values as Gloss.
 ## Thread popover
 `InkThreadPopover` opens the comment thread of the activated note or text markup (a highlight, underline, strikeout or squiggly). A new note or highlight has no text yet, so the form first writes its own `contents` (labelled "Comment"); after that it adds replies. A highlight with a comment shows a small marker at its end. Replies show in the thread only; the page draws just the note or highlight they answer.
@@ -202,6 +208,7 @@ The scroll area takes focus. From there:
 - With the `highlight` or `redact-area` tool active, `Enter` turns the text selection into a mark.
 - With the `note` tool active, `Enter` places a note at the centre of the current page and opens it.
 - With the `signature` tool active, `Enter` places the chosen signature at the centre of the current page.
+- `Ctrl` or `Cmd` + `Z` undoes. `Ctrl` or `Cmd` + `Shift` + `Z`, or `Ctrl` + `Y`, redoes. `Ctrl` and `Cmd` both work on every platform. The keys do what `InkUndo` and `InkRedo` do, from anywhere in `InkRoot`, toolbars included, and act only while that button is enabled. In a text field or editable content the keys stay with the element, so a field keeps its own text undo. In a `<select>` they are left to the browser, which does nothing with them.
 On a focused annotation:

package/dist/components/InkFormAlert.svelte ADDED Viewed

@@ -0,0 +1,108 @@
+<script lang="ts">
+  /*
+   * A form script's `app.alert`: the message and OK, shown without blocking (no overlay, not
+   * modal), so the form stays usable around it. InkViewport mounts it; hosts compose nothing.
+   * OK, or Escape while focus is in the alert, closes it, and focus goes back where it was. A
+   * press outside leaves it open, and Escape anywhere else stays with the viewer. A new message
+   * replaces the one shown.
+   *
+   * The markup is core's `createFormAlert`, portalled to `<body>`. It is not a Bits UI dialog:
+   * Bits UI's escape layer takes every Escape on the page while it is open (it prevents the
+   * key's default), which would end the viewer's own use of the key.
+   */
+  import { FORM_LABELS } from '@inkbar/core/dom'
+  import { Portal } from 'bits-ui'
+  import { untrack } from 'svelte'
+  let {
+    message,
+    shown,
+    fallback,
+    onClose,
+  }: {
+    /** The message to show (text, not markup); `null` while none is. */
+    message: string | null
+    /** Counts the times a message was shown, so the same text shown again takes focus again. */
+    shown: number
+    /** Where focus goes when nothing it can return to is left. */
+    fallback: () => HTMLElement | null
+    onClose: () => void
+  } = $props()
+  const uid = $props.id()
+  let panel = $state<HTMLElement | null>(null)
+  let ok = $state<HTMLButtonElement | null>(null)
+  /** Where focus was when the alert opened. */
+  let returnTo: HTMLElement | null = null
+  let wasOpen = false
+  const open = $derived(message !== null)
+  // After the alert renders, before anything else moves focus: where focus was is read first.
+  $effect(() => {
+    const showing = open
+    void shown
+    const button = ok
+    if (!showing) {
+      wasOpen = false
+      return
+    }
+    if (!button) return
+    untrack(() => {
+      if (!wasOpen) {
+        wasOpen = true
+        const active = document.activeElement
+        returnTo =
+          active instanceof HTMLElement && active !== document.body ? active : null
+      }
+      button.focus({ preventScroll: true })
+    })
+  })
+  function close(): void {
+    // Focus that moved elsewhere while the alert showed stays there.
+    const hadFocus = !!panel?.contains(document.activeElement)
+    const back = returnTo?.isConnected === true ? returnTo : fallback()
+    onClose()
+    if (hadFocus) back?.focus({ preventScroll: true })
+  }
+  function onkeydown(e: KeyboardEvent): void {
+    if (e.key !== 'Escape' || e.defaultPrevented) return
+    e.preventDefault()
+    e.stopPropagation()
+    close()
+  }
+</script>
+{#if message !== null}
+  <Portal>
+    <div
+      bind:this={panel}
+      role="alertdialog"
+      aria-labelledby="{uid}-title"
+      aria-describedby="{uid}-message"
+      class="ink-dialog ink-form-alert"
+      data-ink-form-alert=""
+      data-state="open"
+      tabindex="-1"
+      {onkeydown}
+    >
+      <h2 id="{uid}-title" class="ink-dialog-title">{FORM_LABELS.alert}</h2>
+      <p id="{uid}-message" class="ink-form-alert-message" data-ink-form-alert-message="">
+        {message}
+      </p>
+      <div class="ink-dialog-actions">
+        <button
+          bind:this={ok}
+          type="button"
+          class="ink-button"
+          data-variant="primary"
+          data-ink-form-alert-ok=""
+          onclick={close}
+        >
+          {FORM_LABELS.ok}
+        </button>
+      </div>
+    </div>
+  </Portal>
+{/if}

package/dist/components/InkFormAlert.svelte.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+type $$ComponentProps = {
+    /** The message to show (text, not markup); `null` while none is. */
+    message: string | null;
+    /** Counts the times a message was shown, so the same text shown again takes focus again. */
+    shown: number;
+    /** Where focus goes when nothing it can return to is left. */
+    fallback: () => HTMLElement | null;
+    onClose: () => void;
+};
+declare const InkFormAlert: import("svelte").Component<$$ComponentProps, {}, "">;
+type InkFormAlert = ReturnType<typeof InkFormAlert>;
+export default InkFormAlert;
+//# sourceMappingURL=InkFormAlert.svelte.d.ts.map

package/dist/components/InkFormAlert.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InkFormAlert.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkFormAlert.svelte.ts"],"names":[],"mappings":"AAkBC,KAAK,gBAAgB,GAAI;IACtB,oEAAoE;IACpE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,4FAA4F;IAC5F,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IAClC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AA6EJ,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/InkRoot.svelte CHANGED Viewed

@@ -5,6 +5,9 @@
     AnnotationChange,
     AnnotationDefaults,
     DocumentSource,
+    FieldsChange,
+    FieldValues,
+    FormAction,
     InkDocument,
     InkError,
     InkStatus,
@@ -38,6 +41,21 @@
     annotations?: Annotation[] | undefined
     onAnnotationsChange?: ((next: Annotation[]) => void) | undefined
     onChange?: ((change: AnnotationChange) => void) | undefined
+    /**
+     * Pass (with `bind:`) to put the form's field values under the host's control. A commit
+     * shows at once and is reported after; the host's push wins. The mode is fixed when a
+     * document opens, as for `annotations`.
+     */
+    fields?: FieldValues | undefined
+    /**
+     * Committed field values, in full, with what changed them. Called only while the fields
+     * are controlled, after the bound value is written.
+     */
+    onFieldsChange?: ((next: FieldValues, change: FieldsChange) => void) | undefined
+    /** The form asked to submit, open a link, send mail, print or prompt. Inkbar does none. */
+    onformaction?: ((action: FormAction) => void) | undefined
+    /** Tints fillable form fields. Default true. A change applies to the open document in place. */
+    formHighlight?: boolean | undefined
     tool?: ToolId | undefined
     onToolChange?: ((tool: ToolId) => void) | undefined
     /**
@@ -78,6 +96,11 @@
     /** Undo history. Defaults to on for uncontrolled, off for controlled. */
     history?: boolean | undefined
     onReady?: ((doc: InkDocument) => void) | undefined
+    /**
+     * Opening failed, or later: a form script failed (`FormScriptError`; the form stays
+     * fillable), or a signature field refused its signing (`FieldSigned`, `FieldReadOnly`).
+     * An error from while the document opened comes after `onReady`.
+     */
     onError?: ((error: InkError) => void) | undefined
     onActivate?: ((id: string) => void) | undefined
     /** The root element, for hosts that bind it. */
@@ -102,12 +125,14 @@
     writable,
   } from '@inkbar/core'
   import {
+    attachHistoryKeys,
     createPluginHost,
     createSearchController,
     createToolOptions,
     cssVariableDefaults,
     FONT_FAMILIES,
     handleFindKey,
+    keepHistoryFocus,
     pageSelectionText,
     SIGNATURE_FONTS,
     trackToolStyle,
@@ -136,6 +161,10 @@
     annotations = $bindable(),
     onAnnotationsChange,
     onChange,
+    fields = $bindable(),
+    onFieldsChange,
+    onformaction,
+    formHighlight,
     tool = $bindable(),
     onToolChange,
     tools: hostTools,
@@ -237,6 +266,7 @@
     let opened: InkDocument | null = null
     /** The snapshot history's hold on a controlled document's store. */
     let detach: () => void = noop
+    let stopFormErrors: () => void = noop
     untrack(() => snapshotHistory.clear())
     const source = untrack(() => src)
     if (source === null) {
@@ -269,6 +299,20 @@
                   },
                 }
               : { mode: 'uncontrolled' as const },
+            fields:
+              fields !== undefined
+                ? {
+                    mode: 'controlled' as const,
+                    initial: fields,
+                    onChange: (next: FieldValues, change: FieldsChange) => {
+                      // As for annotations: a commit made in the tick this root unmounts or
+                      // reopens never reaches the host.
+                      if (cancelled) return
+                      fields = next
+                      onFieldsChange?.(next, change)
+                    },
+                  }
+                : { mode: 'uncontrolled' as const },
           }))
         )
         if (cancelled) {
@@ -280,6 +324,17 @@
         const current = untrack(() => annotations)
         if (doc.annotations.mode === 'controlled' && current !== undefined)
           doc.annotations.setControlledValue(current)
+        // The same for the fields; a document whose fields opened uncontrolled ignores the push.
+        const currentFields = untrack(() => fields)
+        if (currentFields !== undefined) doc.form.setControlledValue(currentFields)
+        // A form script that fails leaves the form fillable; the failure goes to `onError`.
+        // Subscribed before anyone hears of the document, so the form replays the errors from
+        // while it opened here; they are held until `onReady` has run.
+        let held: InkError[] | undefined = []
+        stopFormErrors = doc.form.on('error', (e) => {
+          if (held) held.push(e)
+          else onError?.(e)
+        })
         documentNow = doc
         document = doc
         // Controlled edits run the plugins' reactions inside their own snapshot step.
@@ -290,8 +345,15 @@
         override = null
         setTestHook(ref, doc)
         const s = doc.status.get()
-        if (s.state === 'ready') onReady?.(doc)
-        else if (s.state === 'error') onError?.(s.error)
+        try {
+          if (s.state === 'ready') onReady?.(doc)
+          else if (s.state === 'error') onError?.(s.error)
+        } finally {
+          // A host whose `onReady` throws still hears the held errors and every later one.
+          const early = held
+          held = undefined
+          if (!cancelled) for (const e of early) onError?.(e)
+        }
       } catch (cause) {
         if (cancelled) return
         const error =
@@ -312,6 +374,7 @@
       // Cleared first, so the plugins close their stores while the document is still alive.
       hostDocument.set(null)
       detach()
+      stopFormErrors()
       opened?.destroy()
       documentNow = null
       document = null
@@ -327,6 +390,15 @@
       untrack(() => doc.annotations.setControlledValue(list))
   })
+  // The host's field values reach the form; the echo of a commit it applied changes nothing.
+  // Read through a derived, so a host that spreads its props pushes only a new value.
+  const pushedFields = $derived(fields)
+  $effect(() => {
+    const values = pushedFields
+    const doc = document
+    if (values && doc) untrack(() => doc.form.setControlledValue(values))
+  })
   function setTool(id: ToolId): void {
     // Picking the active tool again starts it afresh, as after a one-shot tool's use.
     if (currentTool === id && tools?.active.get() === id) tools.set(id)
@@ -371,6 +443,21 @@
     react: (fn) => pluginHistory.react(fn),
   }
+  // The undo and redo keys anywhere in the root do what InkUndo and InkRedo do. When either
+  // button undoes or redoes the last step and disables itself, focus goes back to the document.
+  $effect(() => {
+    const el = ref
+    if (!el) return
+    const stopKeys = attachHistoryKeys(el, () => inkHistory)
+    const stopFocus = keepHistoryFocus(el, () =>
+      el.querySelector<HTMLElement>('[data-ink-scroll]')
+    )
+    return () => {
+      stopKeys()
+      stopFocus()
+    }
+  })
   /**
    * The history the plugins reach, picked by the open document's mode when they call. The host
    * reads it as soon as a document opens, so it goes by `documentNow`, which is set by then.
@@ -545,6 +632,11 @@
       viewport = vp
       tools = tc
     },
+    get formHighlight() {
+      return formHighlight
+    },
+    reportFormAction: (a) => onformaction?.(a),
+    reportError: (e) => onError?.(e),
   }
   setInkContext(context, () => activatedNow)

package/dist/components/InkRoot.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ChildSnippet } from './child-snippet.js';
-import type { Annotation, AnnotationChange, AnnotationDefaults, DocumentSource, InkDocument, InkError, InkStatus, PdfAssets, SignatureStore } from '@inkbar/core';
+import type { Annotation, AnnotationChange, AnnotationDefaults, DocumentSource, FieldsChange, FieldValues, FormAction, InkDocument, InkError, InkStatus, PdfAssets, SignatureStore } from '@inkbar/core';
 import type { DecorateAnnotation, InkPlugin, Tool, ToolId, ZoomValue } from '@inkbar/core/dom';
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
@@ -17,6 +17,21 @@ export interface InkRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     annotations?: Annotation[] | undefined;
     onAnnotationsChange?: ((next: Annotation[]) => void) | undefined;
     onChange?: ((change: AnnotationChange) => void) | undefined;
+    /**
+     * Pass (with `bind:`) to put the form's field values under the host's control. A commit
+     * shows at once and is reported after; the host's push wins. The mode is fixed when a
+     * document opens, as for `annotations`.
+     */
+    fields?: FieldValues | undefined;
+    /**
+     * Committed field values, in full, with what changed them. Called only while the fields
+     * are controlled, after the bound value is written.
+     */
+    onFieldsChange?: ((next: FieldValues, change: FieldsChange) => void) | undefined;
+    /** The form asked to submit, open a link, send mail, print or prompt. Inkbar does none. */
+    onformaction?: ((action: FormAction) => void) | undefined;
+    /** Tints fillable form fields. Default true. A change applies to the open document in place. */
+    formHighlight?: boolean | undefined;
     tool?: ToolId | undefined;
     onToolChange?: ((tool: ToolId) => void) | undefined;
     /**
@@ -57,6 +72,11 @@ export interface InkRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     /** Undo history. Defaults to on for uncontrolled, off for controlled. */
     history?: boolean | undefined;
     onReady?: ((doc: InkDocument) => void) | undefined;
+    /**
+     * Opening failed, or later: a form script failed (`FormScriptError`; the form stays
+     * fillable), or a signature field refused its signing (`FieldSigned`, `FieldReadOnly`).
+     * An error from while the document opened comes after `onReady`.
+     */
     onError?: ((error: InkError) => void) | undefined;
     onActivate?: ((id: string) => void) | undefined;
     /** The root element, for hosts that bind it. */
@@ -76,7 +96,7 @@ declare const InkRoot: import("svelte").Component<InkRootProps, {
     history: InkHistory;
     getDocument: () => InkDocument | null;
     getStatus: () => InkStatus;
-}, "page" | "annotations" | "tool" | "zoom" | "ref">;
+}, "page" | "annotations" | "fields" | "tool" | "zoom" | "ref">;
 type InkRoot = ReturnType<typeof InkRoot>;
 export default InkRoot;
 //# sourceMappingURL=InkRoot.svelte.d.ts.map

package/dist/components/InkRoot.svelte.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InkRoot.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkRoot.svelte.ts"],"names":[],"mappings":"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~~AA4BH~~,OAAO,EAAkC,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;~~AA+d~~/E,QAAA,MAAM,OAAO;;uBAhCc,WAAW,GAAG,IAAI;qBAGpB,SAAS~~;oDA6BmB~~,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
1	+ {"version":3,"file":"InkRoot.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkRoot.svelte.ts"],"names":[],"mappings":"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"}

package/dist/components/InkSignFieldPopover.svelte ADDED Viewed

@@ -0,0 +1,187 @@
+<script lang="ts">
+  /*
+   * The signature menu for a signature field, opened from the field's "Sign" button and
+   * anchored to its box. It lists the saved signatures and "Create signature", as
+   * `InkSignatureMenu` does. Picking one signs the field with it (`signField`); a signature
+   * made in `InkSignatureDialog` signs the field once saved, without picking the signature
+   * tool. Focus returns to the field. InkViewport mounts it, one per document; hosts compose
+   * nothing.
+   */
+  import { InkError, signField } from '@inkbar/core'
+  import {
+    handleMenuKeys,
+    SIGNATURE_LABELS,
+    signatureMenuModel,
+    watchDetached,
+  } from '@inkbar/core/dom'
+  import { Popover } from 'bits-ui'
+  import { untrack } from 'svelte'
+  import { useInkContext } from '../context.js'
+  import { useReadable } from '../use-readable.svelte.js'
+  import InkSignatureDialog from './InkSignatureDialog.svelte'
+  import { createMenuOpenFocus } from './menu-open-focus.js'
+  import SignatureMenuPanel from './SignatureMenuPanel.svelte'
+  import type { InkDocument, SignatureTemplate } from '@inkbar/core'
+  import type { SignFieldRequest } from '@inkbar/core/dom'
+  let {
+    request,
+    onClose,
+  }: {
+    /** The field to sign; `null` while the menu is closed. */
+    request: SignFieldRequest | null
+    onClose: () => void
+  } = $props()
+  const NO_TEMPLATES: readonly SignatureTemplate[] = []
+  const ctx = useInkContext('InkSignFieldPopover')
+  const templates = useReadable(() => ctx.signatures.templates, NO_TEMPLATES)
+  // No signature is "chosen" here: each signing picks its own.
+  const model = $derived(signatureMenuModel(templates.current, {}))
+  const open = $derived(request !== null)
+  let menu = $state<HTMLElement | null>(null)
+  /** The field the dialog signs once its signature is saved, and the document it is in. */
+  let creatingFor = $state.raw<{ req: SignFieldRequest; doc: InkDocument } | null>(null)
+  /**
+   * The request the menu last opened for, kept to return focus once it closes. Untracked:
+   * Bits UI reports the close from an effect teardown, where a reactive read of `request`
+   * returns the value from before the close.
+   */
+  let last: SignFieldRequest | null = null
+  /** Set while the menu closes for the dialog, which takes focus instead of the field. */
+  let toDialog = false
+  /** Cleared on destroy, so a dialog save that settles after the document went signs nothing. */
+  let alive = true
+  $effect(() => () => {
+    alive = false
+  })
+  $effect(() => {
+    if (request) last = request
+  })
+  // The field's box went (its page unmounted, its layer rebuilt): the menu has nothing to
+  // stand by.
+  $effect(() => {
+    const req = request
+    if (!req) return
+    return watchDetached(req.anchor, () => untrack(onClose))
+  })
+  // An old removal error is not news when the menu opens again.
+  $effect(() => {
+    if (open) untrack(() => ctx.signatures.clearRemoveError())
+  })
+  const openFocus = createMenuOpenFocus()
+  $effect(() => {
+    if (!open) openFocus.reset()
+  })
+  /** The field's own button, which focus returns to. */
+  const control = (req: SignFieldRequest | null): HTMLElement | null =>
+    req?.anchor.querySelector<HTMLElement>('button.ink-form-control') ?? null
+  /** Focus goes back to the field's button, or to the scroll element once the field's box has gone. */
+  function returnFocus(req: SignFieldRequest | null): void {
+    const c = control(req)
+    ;(c?.isConnected ? c : ctx.viewportEl.get())?.focus({ preventScroll: true })
+  }
+  /** Signs the request's field with `t`; a refusal (signed, read-only by now) goes to `onError`. */
+  function sign(req: SignFieldRequest, doc: InkDocument, t: SignatureTemplate): void {
+    // The document the request came from is still the open one.
+    if (!alive || ctx.document !== doc) return
+    try {
+      signField(doc, req.field, req.widget, t)
+    } catch (e) {
+      if (!(e instanceof InkError)) throw e
+      ctx.reportError(e)
+    }
+  }
+  function choose(t: SignatureTemplate): void {
+    const req = request
+    const doc = ctx.document
+    onClose()
+    if (req && doc) sign(req, doc, t)
+  }
+  function create(): void {
+    const req = request
+    const doc = ctx.document
+    if (!req || !doc) return
+    toDialog = true
+    creatingFor = { req, doc }
+    onClose()
+  }
+  function onInteractOutside(e: PointerEvent): void {
+    // A press on this field's own button toggles the menu through the engine; it must not
+    // also close it here first, or the click would open it again.
+    const target = e.target
+    if (target instanceof Node && request?.anchor.contains(target)) e.preventDefault()
+  }
+</script>
+<Popover.Root
+  bind:open={
+    () => open,
+    (next) => {
+      if (!next) onClose()
+    }
+  }
+>
+  <Popover.Portal>
+    {#if request}
+      <Popover.Content
+        bind:ref={menu}
+        role="menu"
+        aria-label={SIGNATURE_LABELS.menu}
+        class="ink-select-content ink-menu-content"
+        data-ink-select-content=""
+        data-ink-menu="signature"
+        data-ink-sign-field-menu={request.field}
+        customAnchor={request.anchor}
+        side="bottom"
+        align="start"
+        sideOffset={4}
+        collisionPadding={8}
+        onOpenAutoFocus={(e) => openFocus.onOpenAutoFocus(e, menu)}
+        onfocusin={openFocus.onfocusin}
+        onCloseAutoFocus={(e) => {
+          e.preventDefault()
+          if (!toDialog) returnFocus(last)
+          toDialog = false
+        }}
+        {onInteractOutside}
+        onkeydown={(e) => menu && handleMenuKeys(e, menu)}
+      >
+        <SignatureMenuPanel
+          items={model.items}
+          menu={() => menu}
+          onChoose={choose}
+          onCreate={create}
+        />
+      </Popover.Content>
+    {/if}
+  </Popover.Portal>
+</Popover.Root>
+<InkSignatureDialog
+  bind:open={
+    () => creatingFor !== null,
+    (next) => {
+      if (!next) creatingFor = null
+    }
+  }
+  select={false}
+  onSave={(t) => {
+    const c = creatingFor
+    if (c) sign(c.req, c.doc, t)
+  }}
+  onCloseAutoFocus={(e) => {
+    e.preventDefault()
+    returnFocus(last)
+  }}
+/>

package/dist/components/InkSignFieldPopover.svelte.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { SignFieldRequest } from '@inkbar/core/dom';
+type $$ComponentProps = {
+    /** The field to sign; `null` while the menu is closed. */
+    request: SignFieldRequest | null;
+    onClose: () => void;
+};
+declare const InkSignFieldPopover: import("svelte").Component<$$ComponentProps, {}, "">;
+type InkSignFieldPopover = ReturnType<typeof InkSignFieldPopover>;
+export default InkSignFieldPopover;
+//# sourceMappingURL=InkSignFieldPopover.svelte.d.ts.map

package/dist/components/InkSignFieldPopover.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InkSignFieldPopover.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkSignFieldPopover.svelte.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,gBAAgB,GAAI;IACtB,0DAA0D;IAC1D,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAChC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AA2IJ,QAAA,MAAM,mBAAmB,sDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/components/InkSignatureDialog.svelte CHANGED Viewed

@@ -4,15 +4,21 @@
   /**
    * "Create signature": a modal with Draw, Type and Image tabs. Draw is a pad with the draw
    * tool's renderer; Type sets a name in one of the host's handwriting fonts; Image takes a PNG
-   * or JPEG scan. Save stores the template through InkRoot's signature store and selects it
-   * for the `signature` tool. Escape, Cancel or a press outside closes it.
+   * or JPEG scan. Save stores the template through InkRoot's signature store and, unless
+   * `select` is false, selects it for the `signature` tool. Escape, Cancel or a press outside
+   * closes it.
    */
   export interface InkSignatureDialogProps {
     open?: boolean
     onOpenChange?: ((open: boolean) => void) | undefined
     /** The fonts the Type tab offers. Default: InkRoot's `signatureFonts`. */
     fonts?: readonly string[] | undefined
-    /** Called with the new template once it is saved and selected. */
+    /**
+     * Whether saving selects the new signature for the `signature` tool. Default true. False
+     * leaves the tool alone, for a dialog that signs a field with it through `onSave`.
+     */
+    select?: boolean | undefined
+    /** Called with the new template once it is saved (and selected, with `select`). */
     onSave?: ((template: SignatureTemplate) => void) | undefined
     /** Where focus goes on close; by default, back to what had it before. */
     onCloseAutoFocus?: ((event: Event) => void) | undefined
@@ -30,6 +36,7 @@
     open = $bindable(false),
     onOpenChange,
     fonts,
+    select = true,
     onSave,
     onCloseAutoFocus,
     class: className,
@@ -62,6 +69,7 @@
       <Dialog.Title class="ink-dialog-title">{SIGNATURE_LABELS.dialog}</Dialog.Title>
       <SignatureForm
         {fonts}
+        {select}
         onSaved={(t) => onSave?.(t)}
         onClose={() => setOpen(false)}
       />

package/dist/components/InkSignatureDialog.svelte.d.ts CHANGED Viewed

@@ -2,15 +2,21 @@ import type { SignatureTemplate } from '@inkbar/core';
 /**
  * "Create signature": a modal with Draw, Type and Image tabs. Draw is a pad with the draw
  * tool's renderer; Type sets a name in one of the host's handwriting fonts; Image takes a PNG
- * or JPEG scan. Save stores the template through InkRoot's signature store and selects it
- * for the `signature` tool. Escape, Cancel or a press outside closes it.
+ * or JPEG scan. Save stores the template through InkRoot's signature store and, unless
+ * `select` is false, selects it for the `signature` tool. Escape, Cancel or a press outside
+ * closes it.
  */
 export interface InkSignatureDialogProps {
     open?: boolean;
     onOpenChange?: ((open: boolean) => void) | undefined;
     /** The fonts the Type tab offers. Default: InkRoot's `signatureFonts`. */
     fonts?: readonly string[] | undefined;
-    /** Called with the new template once it is saved and selected. */
+    /**
+     * Whether saving selects the new signature for the `signature` tool. Default true. False
+     * leaves the tool alone, for a dialog that signs a field with it through `onSave`.
+     */
+    select?: boolean | undefined;
+    /** Called with the new template once it is saved (and selected, with `select`). */
     onSave?: ((template: SignatureTemplate) => void) | undefined;
     /** Where focus goes on close; by default, back to what had it before. */
     onCloseAutoFocus?: ((event: Event) => void) | undefined;

package/dist/components/InkSignatureDialog.svelte.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InkSignatureDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkSignatureDialog.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAErD~~;;;;;GAKG~~;AACH,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACpD,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC,~~kEAAkE~~;~~IAClE~~,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC5D,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B;~~AAkDH~~,QAAA,MAAM,kBAAkB,iEAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"InkSignatureDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkSignatureDialog.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAErD;;;;;;GAMG;AACH,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACpD,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,mFAAmF;IACnF,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC5D,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B;AAmDH,QAAA,MAAM,kBAAkB,iEAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/components/InkSignatureMenu.svelte CHANGED Viewed

@@ -20,15 +20,10 @@
 </script>
 <script lang="ts">
-  import {
-    handleMenuKeys,
-    SIGNATURE_LABELS,
-    signatureMenuModel,
-    signaturePreview,
-  } from '@inkbar/core/dom'
-  import { ChevronDown, Plus, Signature, Trash2 } from '@inkbar/icons'
+  import { handleMenuKeys, SIGNATURE_LABELS, signatureMenuModel } from '@inkbar/core/dom'
+  import { ChevronDown, Signature } from '@inkbar/icons'
   import { Popover, Toolbar } from 'bits-ui'
-  import { tick, untrack } from 'svelte'
+  import { untrack } from 'svelte'
   import { useInkContext } from '../context.js'
   import { useTool } from '../hooks/useTool.svelte.js'
@@ -38,6 +33,7 @@
   import InkIcon from './InkIcon.svelte'
   import InkSignatureDialog from './InkSignatureDialog.svelte'
   import { createMenuOpenFocus } from './menu-open-focus.js'
+  import SignatureMenuPanel from './SignatureMenuPanel.svelte'
   import type { SignatureOptions, SignatureTemplate } from '@inkbar/core'
@@ -49,7 +45,6 @@
   const current = useTool()
   const signature = useToolOptions<SignatureOptions>('signature')
   const templates = useReadable(() => ctx.signatures.templates, NO_TEMPLATES)
-  const removeError = useReadable(() => ctx.signatures.removeError, undefined)
   // An old removal error is not news when the menu opens again.
   $effect(() => {
     if (open) untrack(() => ctx.signatures.clearRemoveError())
@@ -89,24 +84,6 @@
     open = false
   }
-  /** Removes a template; focus moves to the signature now in its row, else "Create signature". */
-  function remove(id: string, row: number): void {
-    ctx.signatures.remove(id).then(
-      async () => {
-        await tick()
-        if (!menu) return
-        const rows = menu.querySelectorAll<HTMLElement>('.ink-signature-item')
-        const next =
-          rows[Math.min(row, rows.length - 1)] ??
-          menu.querySelector<HTMLElement>('[data-ink-signature-create]')
-        next?.focus({ preventScroll: true })
-      },
-      () => {
-        // The host's store refused: the signature stays.
-      }
-    )
-  }
   function create(): void {
     toDialog = true
     open = false
@@ -174,78 +151,12 @@
         }}
         onkeydown={(e) => menu && handleMenuKeys(e, menu)}
       >
-        {#if model.items.length > 0}
-          <div
-            role="group"
-            aria-label={SIGNATURE_LABELS.saved}
-            class="ink-signature-list"
-            data-ink-menu-columns="2"
-          >
-            {#each model.items as item, row (item.id)}
-              {@const preview =
-                item.template.kind === 'ink' ? signaturePreview(item.template) : null}
-              <button
-                type="button"
-                role="menuitemradio"
-                aria-checked={item.checked}
-                aria-label={item.label}
-                tabindex={-1}
-                class="ink-select-item ink-menu-item ink-signature-item"
-                data-ink-select-item=""
-                data-key={item.id}
-                data-state={item.checked ? 'checked' : 'unchecked'}
-                onclick={() => choose(item.id)}
-              >
-                <span class="ink-signature-preview" data-kind={item.template.kind}>
-                  {#if item.template.kind === 'image'}
-                    <img src={item.template.imagedata} alt="" draggable="false" />
-                  {:else if preview}
-                    <svg viewBox={preview.viewBox} aria-hidden="true">
-                      {#each preview.paths as d, i (i)}
-                        <path {d} fill="currentColor" />
-                      {/each}
-                    </svg>
-                  {/if}
-                </span>
-              </button>
-              <button
-                type="button"
-                role="menuitem"
-                aria-label={item.removeLabel}
-                title={item.removeLabel}
-                tabindex={-1}
-                class="ink-menu-item ink-signature-remove"
-                data-ink-signature-remove=""
-                data-key={item.id}
-                onclick={() => remove(item.id, row)}
-              >
-                <InkIcon icon={Trash2} size={16} />
-              </button>
-            {/each}
-          </div>
-          <div role="separator" class="ink-select-separator"></div>
-        {/if}
-        <button
-          type="button"
-          role="menuitem"
-          tabindex={-1}
-          class="ink-select-item ink-menu-item ink-signature-create"
-          data-ink-select-item=""
-          data-ink-signature-create=""
-          onclick={create}
-        >
-          <InkIcon icon={Plus} size={16} />
-          {SIGNATURE_LABELS.create}
-        </button>
-        {#if removeError.current}
-          <p
-            class="ink-field-error ink-signature-remove-error"
-            role="alert"
-            data-ink-signature-remove-error=""
-          >
-            {removeError.current}
-          </p>
-        {/if}
+        <SignatureMenuPanel
+          items={model.items}
+          menu={() => menu}
+          onChoose={(t) => choose(t.id)}
+          onCreate={create}
+        />
       </Popover.Content>
     </Popover.Portal>
   </Popover.Root>

package/dist/components/InkSignatureMenu.svelte.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InkSignatureMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkSignatureMenu.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD;;;;;GAKG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;CACtC;~~AAkLH~~,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"InkSignatureMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkSignatureMenu.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD;;;;;GAKG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;CACtC;AA2HH,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/InkViewport.svelte CHANGED Viewed

@@ -34,16 +34,28 @@
    * Two-way zoom and page: the viewport's own changes are reported through the context, and
    * the host's props are applied only when they differ from the viewport's state, so the echo
    * of a reported value does nothing.
+   *
+   * Form fields render in the engine's form layer. A signature field's "Sign" opens
+   * `InkSignFieldPopover`, and a form script's alert shows in `InkFormAlert`; both are mounted
+   * here, so hosts compose nothing for them.
    */
   import { mountViewer } from '@inkbar/core/dom'
   import { untrack } from 'svelte'
   import { useInkContext } from '../context.js'
+  import InkFormAlert from './InkFormAlert.svelte'
   import InkPage from './InkPage.svelte'
+  import InkSignFieldPopover from './InkSignFieldPopover.svelte'
   import type { InkDocument, InkStatus } from '@inkbar/core'
-  import type { PageMount, ToolId, ViewerEngine, ZoomValue } from '@inkbar/core/dom'
+  import type {
+    PageMount,
+    SignFieldRequest,
+    ToolId,
+    ViewerEngine,
+    ZoomValue,
+  } from '@inkbar/core/dom'
   let {
     mode = 'continuous',
@@ -74,6 +86,10 @@
   let scroll = $state<HTMLDivElement | null>(null)
   /** Page hosts, mounts and errors the engine reported; InkPage renders portals for them. */
   let pages = $state.raw<MountedPage[]>([])
+  /** The signature field whose menu is open. */
+  let signRequest = $state.raw<SignFieldRequest | null>(null)
+  /** The form script's message on show, and how many have been shown. */
+  let alert = $state.raw<{ message: string; shown: number } | null>(null)
   let engine: ViewerEngine | null = null
   /**
@@ -101,6 +117,9 @@
     builtWith = null
     ctx.setViewport(null, null)
     if (pages.length > 0) pages = []
+    // Their fields and the document they came from are gone.
+    signRequest = null
+    alert = null
   }
   function setup(
@@ -140,6 +159,15 @@
       // Read through, so a new `signatures` store reaches the tool as well as the menus.
       signatureLibrary: () => ctx.signatures,
       customAnnotations: custom,
+      ...(ctx.formHighlight === undefined ? {} : { formHighlight: ctx.formHighlight }),
+      // The field's own button again, while its menu is open, closes the menu.
+      onSignField: (req) => {
+        signRequest = signRequest?.widget === req.widget ? null : req
+      },
+      onFormAction: (a) => ctx.reportFormAction(a),
+      onFormAlert: (message) => {
+        alert = { message, shown: (alert?.shown ?? 0) + 1 }
+      },
       onActivate: (id) => ctx.setActivated(id),
       onBuild: (vp, tc) => {
         ctx.setViewport(vp, tc)
@@ -280,6 +308,11 @@
     const tc = engine?.tools
     if (tc && tc.active.get() !== t) untrack(() => tc.set(t))
   })
+  // The tint follows `formHighlight` in place, without a new document.
+  $effect(() => {
+    const on = ctx.formHighlight ?? true
+    untrack(() => engine?.setFormHighlight(on))
+  })
   // The build applied both; these only act on a later change, not on mount.
   $effect(() => {
     const m = mode
@@ -342,4 +375,14 @@
       {pageError}
     />
   {/each}
+  <!-- Keyed by document, so the menu and its dialog start afresh for each one. -->
+  {#key buildDocument}
+    <InkSignFieldPopover request={signRequest} onClose={() => (signRequest = null)} />
+  {/key}
+  <InkFormAlert
+    message={alert?.message ?? null}
+    shown={alert?.shown ?? 0}
+    fallback={() => scroll}
+    onClose={() => (alert = null)}
+  />
 </div>

package/dist/components/InkViewport.svelte.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InkViewport.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkViewport.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACrF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAA;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC,GAAG,SAAS,CAAA;IACvD,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAA;CACrE;~~AA8TH~~,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"InkViewport.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkViewport.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACrF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAA;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC,GAAG,SAAS,CAAA;IACvD,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAA;CACrE;AAsWH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/SignatureForm.svelte CHANGED Viewed

@@ -24,10 +24,13 @@
   let {
     fonts,
+    select,
     onSaved,
     onClose,
   }: {
     fonts: readonly string[] | undefined
+    /** Whether saving selects the new signature for the `signature` tool. */
+    select: boolean
     onSaved: (t: SignatureTemplate) => void
     onClose: () => void
   } = $props()
@@ -54,8 +57,10 @@
     draft.save(ctx.signatures).then(
       (t) => {
         if (!t) return
-        signature.setOptions({ templateId: t.id })
-        current.setTool('signature')
+        if (select) {
+          signature.setOptions({ templateId: t.id })
+          current.setTool('signature')
+        }
         onSaved(t)
         onClose()
       },

package/dist/components/SignatureForm.svelte.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 import type { SignatureTemplate } from '@inkbar/core';
 type $$ComponentProps = {
     fonts: readonly string[] | undefined;
+    /** Whether saving selects the new signature for the `signature` tool. */
+    select: boolean;
     onSaved: (t: SignatureTemplate) => void;
     onClose: () => void;
 };

package/dist/components/SignatureForm.svelte.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignatureForm.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/SignatureForm.svelte.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEvE,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACpC,OAAO,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACvC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;~~AAuHJ~~,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"SignatureForm.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/SignatureForm.svelte.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEvE,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACpC,yEAAyE;IACzE,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACvC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AA0HJ,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/SignatureMenuPanel.svelte ADDED Viewed

@@ -0,0 +1,127 @@
+<script lang="ts">
+  /*
+   * The signature menu's items: the saved signatures as previews, each with a remove button,
+   * then "Create signature", and the store's removal error. The toolbar's `InkSignatureMenu`
+   * and a signature field's `InkSignFieldPopover` both render it inside their `role="menu"`
+   * content, which `menu` returns.
+   */
+  import { SIGNATURE_LABELS, signaturePreview } from '@inkbar/core/dom'
+  import { Plus, Trash2 } from '@inkbar/icons'
+  import { tick } from 'svelte'
+  import { useInkContext } from '../context.js'
+  import { useReadable } from '../use-readable.svelte.js'
+  import InkIcon from './InkIcon.svelte'
+  import type { SignatureTemplate } from '@inkbar/core'
+  import type { SignatureMenuItem } from '@inkbar/core/dom'
+  let {
+    items,
+    menu,
+    onChoose,
+    onCreate,
+  }: {
+    items: readonly SignatureMenuItem[]
+    /** The menu element the items sit in, for moving focus after a removal. */
+    menu: () => HTMLElement | null
+    onChoose: (template: SignatureTemplate) => void
+    onCreate: () => void
+  } = $props()
+  const ctx = useInkContext('SignatureMenuPanel')
+  const removeError = useReadable(() => ctx.signatures.removeError, undefined)
+  /** Removes a template; focus moves to the signature now in its row, else "Create signature". */
+  function remove(id: string, row: number): void {
+    ctx.signatures.remove(id).then(
+      async () => {
+        await tick()
+        const panel = menu()
+        if (!panel) return
+        const rows = panel.querySelectorAll<HTMLElement>('.ink-signature-item')
+        const next =
+          rows[Math.min(row, rows.length - 1)] ??
+          panel.querySelector<HTMLElement>('[data-ink-signature-create]')
+        next?.focus({ preventScroll: true })
+      },
+      () => {
+        // The host's store refused: the signature stays.
+      }
+    )
+  }
+</script>
+{#if items.length > 0}
+  <div
+    role="group"
+    aria-label={SIGNATURE_LABELS.saved}
+    class="ink-signature-list"
+    data-ink-menu-columns="2"
+  >
+    {#each items as item, row (item.id)}
+      {@const preview =
+        item.template.kind === 'ink' ? signaturePreview(item.template) : null}
+      <button
+        type="button"
+        role="menuitemradio"
+        aria-checked={item.checked}
+        aria-label={item.label}
+        tabindex={-1}
+        class="ink-select-item ink-menu-item ink-signature-item"
+        data-ink-select-item=""
+        data-key={item.id}
+        data-state={item.checked ? 'checked' : 'unchecked'}
+        onclick={() => onChoose(item.template)}
+      >
+        <span class="ink-signature-preview" data-kind={item.template.kind}>
+          {#if item.template.kind === 'image'}
+            <img src={item.template.imagedata} alt="" draggable="false" />
+          {:else if preview}
+            <svg viewBox={preview.viewBox} aria-hidden="true">
+              {#each preview.paths as d, i (i)}
+                <path {d} fill="currentColor" />
+              {/each}
+            </svg>
+          {/if}
+        </span>
+      </button>
+      <button
+        type="button"
+        role="menuitem"
+        aria-label={item.removeLabel}
+        title={item.removeLabel}
+        tabindex={-1}
+        class="ink-menu-item ink-signature-remove"
+        data-ink-signature-remove=""
+        data-key={item.id}
+        onclick={() => remove(item.id, row)}
+      >
+        <InkIcon icon={Trash2} size={16} />
+      </button>
+    {/each}
+  </div>
+  <div role="separator" class="ink-select-separator"></div>
+{/if}
+<button
+  type="button"
+  role="menuitem"
+  tabindex={-1}
+  class="ink-select-item ink-menu-item ink-signature-create"
+  data-ink-select-item=""
+  data-ink-signature-create=""
+  onclick={onCreate}
+>
+  <InkIcon icon={Plus} size={16} />
+  {SIGNATURE_LABELS.create}
+</button>
+{#if removeError.current}
+  <p
+    class="ink-field-error ink-signature-remove-error"
+    role="alert"
+    data-ink-signature-remove-error=""
+  >
+    {removeError.current}
+  </p>
+{/if}

package/dist/components/SignatureMenuPanel.svelte.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { SignatureTemplate } from '@inkbar/core';
+import type { SignatureMenuItem } from '@inkbar/core/dom';
+type $$ComponentProps = {
+    items: readonly SignatureMenuItem[];
+    /** The menu element the items sit in, for moving focus after a removal. */
+    menu: () => HTMLElement | null;
+    onChoose: (template: SignatureTemplate) => void;
+    onCreate: () => void;
+};
+declare const SignatureMenuPanel: import("svelte").Component<$$ComponentProps, {}, "">;
+type SignatureMenuPanel = ReturnType<typeof SignatureMenuPanel>;
+export default SignatureMenuPanel;
+//# sourceMappingURL=SignatureMenuPanel.svelte.d.ts.map

package/dist/components/SignatureMenuPanel.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SignatureMenuPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/SignatureMenuPanel.svelte.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAA;IACnC,2EAA2E;IAC3E,IAAI,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAkFJ,QAAA,MAAM,kBAAkB,sDAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/context.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Annotation, InkDocument, InkStatus, PdfAssets, PluginHistory, SignatureLibrary, Writable } from '@inkbar/core';
+import type { Annotation, FormAction, InkDocument, InkError, InkStatus, PdfAssets, PluginHistory, SignatureLibrary, Writable } from '@inkbar/core';
 import type { DecorateAnnotation, PluginHost, SearchController, Tool, ToolController, ToolId, ToolOptions, ToolStyle, Viewport, ZoomValue } from '@inkbar/core/dom';
 export type { InkStatus };
 /**
@@ -80,6 +80,12 @@ export interface InkContext {
     readonly history: InkHistory;
     readonly rootEl: HTMLElement | null;
     setViewport(viewport: Viewport | null, tools: ToolController | null): void;
+    /** InkRoot's `formHighlight`; InkViewport reads it when it builds the viewer. */
+    readonly formHighlight: boolean | undefined;
+    /** Calls InkRoot's `onformaction`. */
+    reportFormAction(action: FormAction): void;
+    /** Calls InkRoot's `onError`, for failures after the document opened (a refused signing). */
+    reportError(error: InkError): void;
 }
 /** Called once by InkRoot during its initialisation. */
 export declare function setInkContext(ctx: InkContext, peekActivated: () => string | null): void;

package/dist/context.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/lib/context.ts"],"names":[],"mappings":"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~~CAC3E~~;AAWD,wDAAwD;AACxD,wBAAgB,aAAa,CAAC,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,CAGvF;AAED,4FAA4F;AAC5F,wBAAgB,aAAa,CAAC,GAAG,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAG5D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAY1D"}
1	+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/lib/context.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useForm.svelte.d.ts ADDED Viewed

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

package/dist/hooks/useForm.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useForm.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useForm.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAKzE,MAAM,WAAW,UAAU;IACzB,gFAAgF;IAChF,QAAQ,CAAC,MAAM,EAAE,SAAS,SAAS,EAAE,CAAA;IACrC,oDAAoD;IACpD,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAA;IAC5B;;;OAGG;IACH,GAAG,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,aAAa,GAAG,SAAS,CAAA;IACvD,uEAAuE;IACvE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAClC;AAED,iFAAiF;AACjF,wBAAgB,OAAO,IAAI,UAAU,CAcpC"}

package/dist/hooks/useForm.svelte.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { useInkContext } from '../context.js';
+import { useReadable } from '../use-readable.svelte.js';
+const NO_FIELDS = [];
+const NO_VALUES = Object.freeze({});
+/** The open document's form: its fields, their values, and `set` and `reset`. */
+export function useForm() {
+    const ctx = useInkContext('useForm()');
+    const fields = useReadable(() => ctx.document?.form.fields, NO_FIELDS);
+    const values = useReadable(() => ctx.document?.form.values, NO_VALUES);
+    return {
+        get fields() {
+            return fields.current;
+        },
+        get values() {
+            return values.current;
+        },
+        set: (v) => ctx.document?.form.set(v),
+        reset: (names) => ctx.document?.form.reset(names),
+    };
+}

package/dist/index.d.ts CHANGED Viewed

@@ -18,6 +18,8 @@ export { useHistory } from './hooks/useHistory.svelte.js';
 export { useSearch } from './hooks/useSearch.svelte.js';
 export { useEmbedded } from './hooks/useEmbedded.svelte.js';
 export { useCommand } from './hooks/useCommand.svelte.js';
+export { useForm } from './hooks/useForm.svelte.js';
+export type { FormHandle } from './hooks/useForm.svelte.js';
 export type { CommandHandle } from './hooks/useCommand.svelte.js';
 export { default as InkRoot } from './components/InkRoot.svelte';
 export type { InkRootProps } from './components/InkRoot.svelte';

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,6BAA6B,CAAA;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,sBAAsB,GACvB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,SAAS,GACV,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,YAAY,EACV,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,GAChB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,YAAY,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/D,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACxE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,YAAY,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAC5E,YAAY,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAA;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,YAAY,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAC5E,YAAY,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAA;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AACxF,YAAY,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAA;AACtE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAChF,YAAY,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAA;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC1E,YAAY,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC1E,YAAY,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AACtF,YAAY,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAC5E,YAAY,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC1E,YAAY,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC1E,YAAY,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACxE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACrE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA"}

package/dist/index.js CHANGED Viewed

@@ -12,6 +12,7 @@ export { useHistory } from './hooks/useHistory.svelte.js';
 export { useSearch } from './hooks/useSearch.svelte.js';
 export { useEmbedded } from './hooks/useEmbedded.svelte.js';
 export { useCommand } from './hooks/useCommand.svelte.js';
+export { useForm } from './hooks/useForm.svelte.js';
 export { default as InkRoot } from './components/InkRoot.svelte';
 export { default as InkViewport } from './components/InkViewport.svelte';
 export { default as InkPage } from './components/InkPage.svelte';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@inkbar/svelte",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Svelte 5 components and hooks for Inkbar, the browser PDF viewer and editor.",
   "license": "MIT",
   "homepage": "https://inkbar.dev",
@@ -26,19 +26,19 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@inkbar/icons": "^0.7.0",
+    "@inkbar/icons": "^0.8.0",
     "@internationalized/date": "^3.12.4",
     "bits-ui": "^2.19.5",
     "esm-env": "^1.2.0"
   },
   "peerDependencies": {
-    "@inkbar/core": "^0.7.0",
+    "@inkbar/core": "^0.8.0",
     "svelte": "^5.46.4"
   },
   "devDependencies": {
-    "@inkbar/core": "0.7.0",
+    "@inkbar/core": "0.8.0",
     "@inkbar/fixtures": "0.0.0",
-    "@inkbar/theme": "0.7.0",
+    "@inkbar/theme": "0.8.0",
     "@sveltejs/package": "^3.0.0",
     "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "@vitest/browser-playwright": "^5.0.4",