@inkbar/svelte 0.11.0 → 0.13.0

package/README.md

@@ -30,7 +30,7 @@ Annotations are plain typed objects. Bind them with `bind:annotations` to keep t
 pnpm add @inkbar/svelte @inkbar/core @inkbar/theme
 ```
 
-Svelte 5.46.4 or later is a peer dependency. Add the Vite plugin from `@inkbar/core/vite` so PDF.js can load its worker and fonts; the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#serving-pdfjs-assets) covers it. The package ships `.svelte` sources, so your bundler compiles them for your target, including the server.
+`@inkbar/core` (installed above, at the same version) and Svelte 5.46.4 or later are peer dependencies. Add the Vite plugin from `@inkbar/core/vite` so PDF.js can load its worker and fonts; the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#serving-pdfjs-assets) covers it. The package ships `.svelte` sources, so your bundler compiles them for your target, including the server.
 
 ## Usage
 
@@ -64,7 +64,7 @@ Svelte 5.46.4 or later is a peer dependency. Add the Vite plugin from `@inkbar/c
   const tools = [highlightTool(), redactAreaTool(), noteTool()]
 </script>
 
-<InkRoot src={{ url: signedUrl, key: documentId }} {assets} {tools} bind:annotations>
+<InkRoot src={{ url: signedUrl, key: documentId }} {assets} {tools} bind:annotations history={true}>
   <InkToolbar>
     <InkToolButton tool="select-text" />
     <InkToolButton tool="select" />
@@ -89,9 +89,9 @@ Svelte 5.46.4 or later is a peer dependency. Add the Vite plugin from `@inkbar/c
 </InkRoot>
 ```
 
-`select-text` and `select` are always there. Every other tool is opt-in: pass the ones you offer through `tools`, from the tool factories in `@inkbar/core/dom`, or `allTools()` for all of them. A button for a tool you did not pass renders disabled and hidden, a tool menu renders nothing, and each logs an `InkError('UnknownTool')` to the console once. If the active tool leaves `tools`, the viewer switches to `select-text` and reports it through `onToolChange`.
+`select-text` and `select` are always there. Every other tool is opt-in: pass the ones you offer through `tools`, from the tool factories in `@inkbar/core/dom`, or `allTools()` for all of them. A button for a tool you did not pass renders empty, disabled and `aria-hidden`, the highlight, shape and signature menus render nothing, and each logs an `InkError('UnknownTool')` to the console once. If the active tool leaves `tools`, the viewer switches to `select-text` and reports it through `onToolChange`.
 
-Each toolbar control is a component, so keep the ones you need and put them where you like. Buttons show icons from `@inkbar/icons`. Pass your own as `children` to replace one, and use `InkIcon` to put the same icons on your own buttons. For a button of your own, such as `<InkToolbarButton onclick={download}>Download</InkToolbarButton>`, use `InkToolbarButton`: it joins the toolbar's arrow-key focus and looks like the other buttons. `bind:annotations` makes your list the source of truth. Leave it off and Inkbar keeps the state itself, with undo and redo.
+Each toolbar control is a component, so keep the ones you need and put them where you like. Buttons show icons from `@inkbar/icons`. Pass your own as `children` to replace one, and use `InkIcon` to put the same icons on your own buttons. For a button of your own, such as `<InkToolbarButton onclick={download}>Download</InkToolbarButton>`, use `InkToolbarButton`: it joins the toolbar's arrow-key focus and looks like the other buttons. `bind:annotations` makes your list the source of truth, and `history={true}` keeps undo and redo working with it. Leave the binding off and Inkbar keeps the state itself, with undo and redo on by default.
 
 ## Controlled mode
 
@@ -149,9 +149,17 @@ 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.
 
+`InkRoot` takes a few more options. `password` opens an encrypted PDF. `storage` sets what the viewer keeps between visits (see [Storage](#storage)). `minDocumentWidth` sets how narrow the document may get before a rail sidebar's panel floats over it (see [Sidebars](#sidebars)). `defaults` sets annotation colours; without it the theme's CSS variables apply. `fonts` sets the families the text style menu offers. `decorateAnnotation` adds attributes, classes and a screen-reader description to each annotation. `bind:page` and `bind:zoom` (or `onPageChange` and `onZoomChange`) follow and drive the viewport, and `bind:tool` (or `onToolChange`) does the same for the active tool. `onError` hears failed opens, form script errors and refused signings. `onActivate` hears the id of each activated annotation. `onFieldsChange` hears form value changes.
+
+## Viewport
+
+`InkViewport` takes `mode`, `rotation`, `gap` (CSS pixels between pages, default 16), `buffer` (pages kept mounted either side of the visible ones, default 2) and `pinchZoom` (default `true`; `false` leaves pinches to the browser, which zooms the whole page). A change to `gap`, `buffer` or `pinchZoom` rebuilds the engine.
+
+On a touch screen, two fingers pinch to zoom the document and scroll it. With `draw`, `sketch`, `shape`, `redact-area` and `freetext`, one finger draws; a finger tap draws nothing, and a pen that lands while a palm rests on the screen takes over. A shape, area redaction or text box gives one-finger scrolling back once it has made something.
+
 ## 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.
+`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: `onaction` hands each request to you; so does a link to a URL. `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.
 
@@ -163,9 +171,26 @@ A root note with no text and no replies is removed when its popover closes, or w
 
 The highlight tool leaves `contents` free for the comment. `doc.text(page)` returns the page's text items; match the markup's `quads` against them to get the marked text. `InkHighlightMenu` is a split button for the tool: it picks the markup kind and its colour.
 
+## Style menus
+
+`InkColorMenu` (`property="border"`, `"fill"` or `"text"`), `InkLineStyleMenu` (weight, dashes, arrowheads) and `InkTextStyleMenu` (font, size, colour, bold, italic, underline, alignment) edit the selection, or the active tool's style when nothing is selected. A menu disables when nothing supports its properties. `InkShapeMenu` is a split button for the `shape` tool and renders nothing unless `shapeTool` is in `tools`. `fonts` on `InkRoot` sets the families the text style menu offers.
+
 ## Signatures
 
-`InkSignatureMenu` lists saved signatures, picks one for the `signature` tool, removes them, and opens `InkSignatureDialog` to draw, type or upload a new one. The menu needs `signatureTool()` in `tools`. The dialog and signature form fields work without it; the dialog then only saves the signature. These are marks on the page, not cryptographic signatures. Pass `signatures` to `InkRoot` to keep them somewhere: `createLocalSignatureStore(key)` from `@inkbar/core` uses `localStorage`, and without it they last until reload. `signatureFonts` lists the handwriting fonts the Type tab offers; load them with `@font-face`. A placed signature keeps its aspect ratio when resized.
+`InkSignatureMenu` lists saved signatures, picks one for the `signature` tool, removes them, and opens `InkSignatureDialog` to draw, type or upload a new one. The menu needs `signatureTool()` in `tools`. The dialog and signature form fields work without it; the dialog then only saves the signature. These are marks on the page, not cryptographic signatures. `InkRoot` keeps them in its `storage` under the key `signatures`, so without a store they last until reload. `signatureFonts` lists the handwriting fonts the Type tab offers; load them with `@font-face`. A placed signature keeps its aspect ratio when resized.
+
+## Storage
+
+`InkRoot` keeps a few small things between visits: saved signatures, sidebar widths and plugin settings. Pass `storage` to choose where. `createLocalStorage()` from `@inkbar/core` keeps them in `localStorage`, and any `InkStorage` works, including an async one that talks to your server. The default is `createMemoryStorage()`, which forgets everything on reload. Inkbar never touches `localStorage`, cookies or the network unless the store you pass does. The root reads `storage` once, when it is created. See the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#storage) for the keys.
+
+```svelte
+<script lang="ts">
+  import { createLocalStorage } from '@inkbar/core'
+  const storage = createLocalStorage()
+</script>
+
+<InkRoot {src} {assets} {storage}>
+```
 
 ## Plugins
 
@@ -187,7 +212,7 @@ Plugin stores undo with annotations. In controlled mode with `history`, each und
 
 ## Search
 
-`InkFindBar` is the find bar and `InkSearchButton` opens it. Place the bar anywhere inside `InkRoot`, once `InkViewport` is there; Ctrl/Cmd+F opens it while it is mounted. `useSearch()` returns the search `state` and its actions (`open`, `setQuery`, `setMatchCase`, `next`, `previous`, `close`) for your own control. See the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#search) for the API.
+`InkFindBar` is the find bar and `InkSearchButton` opens it. Place the bar anywhere inside `InkRoot`, once `InkViewport` is there; Ctrl/Cmd+F opens it while it is mounted. `useSearch()` returns the search `state` and its actions (`open(query?)`, `setQuery`, `setMatchCase`, `next`, `previous`, `select`, `close`) for your own control. See the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#search) for the API.
 
 The bar handles Escape itself and stops it there, so an `onkeydown` you pass to `InkFindBar` never sees Escape.
 
@@ -196,6 +221,10 @@ The bar handles Escape itself and stops it there, so an `onkeydown` you pass to
 `InkSidebar` holds `InkPanel`s and places nothing itself: put it beside `InkViewport` with your own flex or grid layout. Each panel has an `id`, a `label`, an optional `icon` (an `IconNode` from `@inkbar/icons`) and an optional `badge`, a number or short string hidden when empty or 0. Its children are the panel's content, your own component or one of Inkbar's.
 
 ```svelte
+<script lang="ts">
+  import { Square, MessageSquare } from '@inkbar/icons'
+</script>
+
 <InkRoot {src} {assets}>
   <div class="app">
     <InkSidebar side="left" layout="rail" bind:open>
@@ -211,9 +240,23 @@ The bar handles Escape itself and stops it there, so an `onkeydown` you pass to
 </InkRoot>
 ```
 
-`layout` is `rail` (default: icon buttons beside the document, and activating the open panel's button closes it), `tabs` (labelled tabs, one panel open) or `stack` (a header per panel, any number expanded). `side` (`left` by default) decides which edge the rail and border sit on. `bind:open` is the open panel's id, or `null`, for rail and tabs, and the expanded ids for stack. Left out, the first panel starts open. When the open panel goes (an `{#if}`), rail and tabs open the first one left and stack drops it, and the bound `open` receives the new value. In the rail, the open panel shows its label as a title above its content. `visible` (default `true`) shows or hides the whole sidebar; it keeps the open panel, its content and its scroll for when it shows again. Your code decides when: `visible={hits > 0}` keeps a results sidebar out of the way until a search finds something.
+`layout` is `rail` (default: icon buttons beside the document, and activating the open panel's button closes it), `tabs` (labelled tabs, one panel open) or `stack` (a header per panel, any number expanded). `side` (`left` by default) decides which edge the rail and border sit on. `bind:open` is the open panel's id, or `null`, for rail and tabs, and the expanded ids for stack. Left out, the first panel starts open, unless the sidebar has no room (see below). When the open panel goes (an `{#if}`), rail and tabs open the first one left and stack drops it, and the bound `open` receives the new value. In the rail, the open panel shows its label as a title above its content. `visible` (default `true`) shows or hides the whole sidebar; it keeps the open panel, its content and its scroll for when it shows again. Your code decides when: `visible={hits > 0}` keeps a results sidebar out of the way until a search finds something.
 
-Panels take their place in the order they appear in the markup, including one added later with `{#if}`. A closed panel stays mounted and hidden, so its content keeps its state and scroll position, across layout changes too. The keys and ARIA are core's: see the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#sidebars). The sidebar needs no document and works outside `InkRoot`. On the server it renders its frame with the open panel showing, and the stack headers; rail and tab buttons follow once it has mounted.
+Panels take their place in the order they appear in the markup, including one added later with `{#if}`. A closed panel stays mounted and hidden, so its content keeps its state and scroll position, across layout changes too. The keys and ARIA are core's: see the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#sidebars). The sidebar needs no document and works outside `InkRoot`. On the server it renders its frame at its width with the open panel showing, the stack headers and the resize handle; rail and tab buttons follow once it has mounted.
+
+Each sidebar has a resize handle on its inner edge. Drag it, or focus it and use the arrow keys (16px a step), Home and End. Enter or a double-click resets the width. The width starts at `defaultWidth` (320) and stays between `minWidth` (240) and `maxWidth` (480). The handle is labelled "Resize left sidebar" or "Resize right sidebar"; pass `handleLabel` to name it yourself. The sidebar sets `--ink-sidebar-width` inline, so a CSS override of it no longer applies. Pass `defaultWidth` instead. Inside `InkRoot` the sidebar saves its width in the root's `storage` under `sidebar.<name>.width`, where `name` defaults to the side; give two sidebars on one side different names. Pass `storage` to the sidebar to use another store, or to save its width outside `InkRoot`. The sidebar reads `storage`, `name`, `minDocumentWidth` and `handleLabel` once, when it is created. To control the width, bind `width` to a number: the handle then only updates the binding, and the sidebar neither reads nor writes storage. Bind it to a value that starts `undefined` and you only receive the width; the sidebar keeps saving it.
+
+```svelte
+<InkSidebar name="tools" side="right" defaultWidth={360} bind:width={toolsWidth}>
+```
+
+Sidebars that share a parent element make room for the document together. While the document beside them would be narrower than `minDocumentWidth` (480 by default), a rail sidebar's open panel floats over the pages like a drawer, and the rail stays in place to close and reopen it. When the parent grows again, the panel goes back beside the document. Tabs and stack sidebars never float: they narrow toward `minWidth` instead. Either way, the saved width and the bound `width` stay the width the reader chose. Set `minDocumentWidth` on `InkRoot` for every sidebar inside it, or on one `InkSidebar`, whose own wins.
+
+A floating panel closes on a tap anywhere else in the parent (the pages, say), on `Escape`, or when the find bar opens. The closing tap does nothing else: no tool draws, no link is followed and no field takes focus. An unbound sidebar with no room when it mounts starts with its panel closed. A bound `open` is never changed for you: a close goes through `bind:open`, and a host that keeps it open keeps the panel floating. On the server the sidebar renders beside the document as usual; floating and starting closed are decided in the browser once it has mounted.
+
+```svelte
+<InkRoot {src} {assets} minDocumentWidth={600}>
+```
 
 ## Thumbnails
 
@@ -231,6 +274,20 @@ Panels take their place in the order they appear in the markup, including one ad
 
 An item's height is worked out from its page alone, so position what you add absolutely. The `item` snippet renders inside the item's `<button>`: keep it non-interactive, with no links, buttons or inputs. Both need `InkRoot` and render empty on the server.
 
+## Outline and Back
+
+`InkOutline` shows the document's outline as a tree. Clicking an item, or Enter on it, follows it: a destination scrolls there (without changing the zoom), a web address goes to the host as an `open-url` action. The chevron expands and collapses an item without following it. The item the reader has reached is marked `aria-current="location"` and kept in view. It fills its parent's height and scrolls, so put it in a panel:
+
+```svelte
+<InkPanel id="outline" label="Outline" icon={List}>
+  <InkOutline emptyText="No outline" />
+</InkPanel>
+```
+
+`emptyText` is shown when the document has no outline. The `item` snippet, given the item and `{ current, expanded }`, replaces an item's title. The keys and ARIA are core's, as in the thumbnails. Needs `InkRoot`; the tree renders empty on the server.
+
+`InkBack` and `InkForward` return to where the view was before a jump (a link, an outline item) and undo that. Each is disabled until there is somewhere to go, and takes a `child` snippet. Put them in an `InkToolbar`.
+
 ## Record lists
 
 `InkRecordList` lists a plugin's records as cards, the same cards their marks open, with the same actions. Name the records `<plugin>.<name>`:
@@ -243,7 +300,7 @@ An item's height is worked out from its page alone, so position what you add abs
 </InkPanel>
 ```
 
-The list and the marks share one selection: choosing a card selects its mark and scrolls the viewer there, and activating a mark selects its card. Each action runs in one undo step. `card`, `where` and `sort` replace the marks' card, filter and reading order. A new function rebuilds the list, so define them once in the script, never inline in the markup. `bind:count` receives the number listed whenever it changes, ready for a panel badge. The `empty` snippet replaces "Nothing here yet.". To list something of your own, pass a `source` (a `RecordListSource`, as core's `recordsSource` and `searchSource` build) in place of `records`: it gets the same cards, keys and selection. With both, `source` wins.
+The list and the marks share one selection: choosing a card selects its mark and scrolls the viewer there, and activating a mark selects its card. Each action runs in one undo step. `card`, `where` and `sort` replace the marks' card, filter and reading order. A new function rebuilds the list, so define them once in the script, never inline in the markup. They do not apply to a `source`, which carries its own. `bind:count` receives the number listed whenever it changes, ready for a panel badge. The `empty` snippet replaces "Nothing here yet.". To list something of your own, pass a `source` (a `RecordListSource`, as core's `recordsSource` and `searchSource` build) in place of `records`: it gets the same cards, keys and selection. With both, `source` wins.
 
 `InkSearchResults` is the same list over the document search: one card per hit, titled with its page ("Page 2"), with its place on that page ("Match 3") and the text around it. Choosing a card makes its hit current, as the find bar's next and previous do. It has its own field, labelled "Find in document", above the cards and the find bar's match count in a footer below them; `field={false}` leaves the field out when a find bar is on the page. Field and find bar share the search state, so they never disagree.
 
@@ -251,11 +308,11 @@ To build your own, `useRecords<T>(name)` returns the live `records` and the `han
 
 ## Custom rendering
 
-Slots are snippets. `InkViewport` takes `loading`, `empty`, `error`, `annotation` and `pageError`. `InkThreadPopover` takes `children` as a snippet that receives the popover's props. `InkToolButton` takes `children` as a snippet of `{ active, label }`, and `InkCommand` one of `{ label, busy }`. `InkThumbnails` takes `item`, and `InkRecordList` takes `empty`. The props each receives are typed as `AnnotationSlotProps` and `ThreadPopoverSlotProps`, the same types the Vue and React packages export.
+Slots are snippets. `InkViewport` takes `loading`, `empty`, `error`, `annotation` and `pageError`. `InkThreadPopover` takes `children` as a snippet that receives the popover's props. `InkToolButton` takes `children` as a snippet of `{ active, label }`, and `InkCommand` one of `{ label, busy }`. `InkThumbnails` and `InkOutline` take `item`, and `InkRecordList` takes `empty`. The props each receives are typed as `AnnotationSlotProps` and `ThreadPopoverSlotProps`, the same types the Vue and React packages export.
 
 `InkDownloadButton` and `InkPrintButton` download and print the open PDF; `filename` names the download (the opened `File`'s name, else the URL's last segment, else `document.pdf`). Printing loads the file into a hidden frame and opens the browser's print dialog for it; on iOS the PDF opens in a new tab instead. Until saving into the PDF ships, both give the file as it was opened, without this session's annotations.
 
-`InkRoot`, `InkToolbar`, `InkToolButton`, `InkCommand`, `InkUndo`, `InkRedo`, `InkDownloadButton`, `InkPrintButton`, `InkPrevPage`, `InkNextPage`, `InkZoomIn` and `InkZoomOut` take a `child` snippet to render your own element. Spread the `props` it gives you on that element. The snippet type is exported as `ChildSnippet`.
+`InkRoot`, `InkToolbar`, `InkToolButton`, `InkToolbarButton`, `InkCommand`, `InkUndo`, `InkRedo`, `InkDownloadButton`, `InkPrintButton`, `InkSearchButton`, `InkPrevPage`, `InkNextPage`, `InkBack`, `InkForward`, `InkZoomIn` and `InkZoomOut` take a `child` snippet to render your own element. Spread the `props` it gives you on that element. The snippet type is exported as `ChildSnippet`.
 
 ```svelte
 <InkToolbar>
@@ -277,11 +334,12 @@ The scroll area takes focus. From there:
 
 On a focused annotation:
 
-- `Enter` or `Space` selects and activates it. A note or text markup opens its thread; other types are only selected.
+- `Enter` or `Space` selects and activates it. A note or text markup opens its thread; other types are only selected. `Enter` on an editable text box opens its editor instead.
 - `ArrowUp` and `ArrowDown` move to the previous or next annotation on the page.
 - `Shift` + arrow moves it by 1 pt, or by 10 pt with `Alt` as well.
 - `Ctrl` or `Cmd` + `Shift` + arrow resizes an area redaction, text box or shape.
 - `Delete` or `Backspace` removes it.
+- `Escape` clears the selection.
 
 The full table, with the zoom and page keys, is in the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#tools-and-keyboard).
 
@@ -291,7 +349,7 @@ Components carry state on data attributes, for example `[data-annotation][data-s
 
 ## Hooks
 
-`useDocument`, `useAnnotations`, `useTool`, `useSelection`, `useZoom`, `usePage`, `useHistory`, `useEmbedded`, `useCommand`, `useRecords` and `useRecordSelection` read the state of the nearest `InkRoot`. Call them during component initialisation, as you would `getContext`. Each returns an object whose reactive members are getters: read `useZoom().zoom` in your template or an effect and it tracks; destructure it (`const { zoom } = useZoom()`) and you copy the value once. Keep the object and read through it. Tool options, such as the shape kind, last as long as `InkRoot`. The tool style that `useToolStyle` reads and sets (colours, line style, text style) belongs to the document: opening another one starts again from the theme's defaults.
+`useDocument`, `useAnnotations`, `useTool`, `useSelection`, `useZoom`, `usePage`, `useHistory`, `useEmbedded`, `useCommand`, `useForm`, `useSearch`, `useToolStyle`, `useToolOptions`, `useRecords` and `useRecordSelection` read the state of the nearest `InkRoot`. Call them during component initialisation, as you would `getContext`. Each returns an object whose reactive members are getters: read `useZoom().zoom` in your template or an effect and it tracks; destructure it (`const { zoom } = useZoom()`) and you copy the value once. Keep the object and read through it. `useToolOptions('shape')` reads and sets a tool's options, such as the shape kind, which last as long as `InkRoot`. The tool style that `useToolStyle` reads and sets (colours, line style, text style) belongs to the document: opening another one starts again from the theme's defaults.
 
 ## Licence
 

package/dist/components/InkBack.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import { ArrowLeft } from '@inkbar/icons'
+  import { Toolbar } from 'bits-ui'
+
+  import { useInkContext } from '../context.js'
+  import { useReadable } from '../use-readable.svelte.js'
+
+  import { asBitsProps } from './child-snippet.js'
+  import InkIcon from './InkIcon.svelte'
+
+  import type { InkPageButtonProps } from './page-button.js'
+
+  let {
+    class: className,
+    children,
+    child,
+    disabled,
+    onclick,
+    ...rest
+  }: InkPageButtonProps = $props()
+
+  const ctx = useInkContext('InkBack')
+  const can = useReadable(() => ctx.navigation?.canGoBack, false)
+</script>
+
+<Toolbar.Button
+  class={['ink-back', className]}
+  data-ink-back=""
+  aria-label="Back"
+  title="Back"
+  disabled={!can.current || !!disabled}
+  {...child ? { child } : {}}
+  {...asBitsProps(rest)}
+  onclick={(e) => {
+    onclick?.(e)
+    if (!e.defaultPrevented) ctx.navigation?.back()
+  }}
+>
+  {#if children}{@render children()}{:else}<InkIcon icon={ArrowLeft} />{/if}
+</Toolbar.Button>

package/dist/components/InkBack.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { InkPageButtonProps } from './page-button.js';
+declare const InkBack: import("svelte").Component<InkPageButtonProps, {}, "">;
+type InkBack = ReturnType<typeof InkBack>;
+export default InkBack;
+//# sourceMappingURL=InkBack.svelte.d.ts.map

package/dist/components/InkBack.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkBack.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkBack.svelte.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAoC3D,QAAA,MAAM,OAAO,wDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/components/InkForward.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import { ArrowRight } from '@inkbar/icons'
+  import { Toolbar } from 'bits-ui'
+
+  import { useInkContext } from '../context.js'
+  import { useReadable } from '../use-readable.svelte.js'
+
+  import { asBitsProps } from './child-snippet.js'
+  import InkIcon from './InkIcon.svelte'
+
+  import type { InkPageButtonProps } from './page-button.js'
+
+  let {
+    class: className,
+    children,
+    child,
+    disabled,
+    onclick,
+    ...rest
+  }: InkPageButtonProps = $props()
+
+  const ctx = useInkContext('InkForward')
+  const can = useReadable(() => ctx.navigation?.canGoForward, false)
+</script>
+
+<Toolbar.Button
+  class={['ink-forward', className]}
+  data-ink-forward=""
+  aria-label="Forward"
+  title="Forward"
+  disabled={!can.current || !!disabled}
+  {...child ? { child } : {}}
+  {...asBitsProps(rest)}
+  onclick={(e) => {
+    onclick?.(e)
+    if (!e.defaultPrevented) ctx.navigation?.forward()
+  }}
+>
+  {#if children}{@render children()}{:else}<InkIcon icon={ArrowRight} />{/if}
+</Toolbar.Button>

package/dist/components/InkForward.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { InkPageButtonProps } from './page-button.js';
+declare const InkForward: import("svelte").Component<InkPageButtonProps, {}, "">;
+type InkForward = ReturnType<typeof InkForward>;
+export default InkForward;
+//# sourceMappingURL=InkForward.svelte.d.ts.map

package/dist/components/InkForward.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkForward.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkForward.svelte.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAoC3D,QAAA,MAAM,UAAU,wDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/InkOutline.svelte

@@ -0,0 +1,170 @@
+<script module lang="ts">
+  import type { OutlineItem } from '@inkbar/core'
+  import type { Snippet } from 'svelte'
+  import type { HTMLAttributes } from 'svelte/elements'
+
+  export interface InkOutlineProps extends Omit<
+    HTMLAttributes<HTMLDivElement>,
+    'children'
+  > {
+    /** Shown when the document has no outline. Default: "This document has no outline". */
+    emptyText?: string | undefined
+    /**
+     * Replaces an item's title, given the item and whether it is the current one and whether it
+     * is expanded. Keep what it renders non-interactive.
+     */
+    item?: Snippet<[OutlineItem, { current: boolean; expanded: boolean }]> | undefined
+  }
+</script>
+
+<script lang="ts">
+  /*
+   * The open document's outline as a tree: `createOutline`'s markup on core's outline controller,
+   * which holds what is expanded, the Tab stop, the keys, the current item and Back's history.
+   * Clicking an item, or Enter on it, follows it; its chevron expands and collapses it. It fills
+   * its parent's height and scrolls, and keeps the item the reader has reached in view. The
+   * `item` snippet replaces an item's title. Inside `InkRoot`; the tree is empty on the server.
+   */
+  import {
+    createOutlineController,
+    outlineTreeAttrs,
+    type OutlineController,
+  } from '@inkbar/core/dom'
+  import { ChevronRight } from '@inkbar/icons'
+  import { untrack } from 'svelte'
+
+  import { useInkContext } from '../context.js'
+  import { toReadable } from '../to-readable.svelte.js'
+
+  import InkIcon from './InkIcon.svelte'
+
+  let {
+    emptyText = 'This document has no outline',
+    item: renderItem,
+    class: className,
+    ...rest
+  }: InkOutlineProps = $props()
+
+  const ctx = useInkContext('InkOutline')
+  const deps = {
+    document: toReadable(() => ctx.document),
+    viewport: toReadable(() => ctx.viewport),
+    navigation: toReadable(() => ctx.navigation),
+  }
+
+  let root = $state<HTMLDivElement | null>(null)
+  let controller = $state.raw<OutlineController | null>(null)
+  // Until the controller is built after mount, and on the server: nothing listed.
+  let items = $state.raw<readonly OutlineItem[]>([])
+  let loading = $state.raw(false)
+  let expanded = $state.raw<ReadonlySet<string>>(new Set())
+  let current = $state.raw<string | null>(null)
+  let focused = $state.raw<string | null>(null)
+
+  // Built once the element exists, as the other controller-backed components do: it subscribes
+  // to the document, so nothing is created while rendering on the server.
+  $effect(() => {
+    const el = root
+    if (!el) return
+    return untrack(() => {
+      const c = createOutlineController(deps)
+      controller = c
+      items = c.items.get()
+      loading = c.loading.get()
+      expanded = c.expanded.get()
+      current = c.current.get()
+      focused = c.focused.get()
+      const stops = [
+        c.items.subscribe((v) => (items = v)),
+        c.loading.subscribe((v) => (loading = v)),
+        c.expanded.subscribe((v) => (expanded = v)),
+        c.current.subscribe((v) => (current = v)),
+        c.focused.subscribe((v) => (focused = v)),
+        c.bindScroll(el),
+      ]
+      return () => {
+        for (const stop of stops) stop()
+        c.destroy()
+        controller = null
+      }
+    })
+  })
+
+  /** The item's attributes. Reading the stores here makes a render follow them. */
+  function attrs(id: string): Record<string, string | undefined> {
+    void [expanded, current, focused]
+    return controller?.itemAttrs(id) ?? {}
+  }
+
+  const level = (id: string): number => id.split('.').length - 1
+</script>
+
+{#snippet nodes(list: readonly OutlineItem[])}
+  {#each list as entry (entry.id)}
+    {@const c = controller!}
+    {@const open = expanded.has(entry.id)}
+    <li
+      class="ink-outline-item"
+      data-ink-outline-item={entry.id}
+      data-bold={entry.bold ? '' : undefined}
+      data-italic={entry.italic ? '' : undefined}
+      style:--ink-outline-level={level(entry.id)}
+      {...attrs(entry.id)}
+    >
+      <!-- The tree's keys come from the controller, so the row itself is not focusable. -->
+      <div
+        class="ink-outline-row"
+        {...c.rowAttrs(entry.id)}
+        onclick={() => c.activate(entry.id)}
+      >
+        {#if entry.children.length > 0}
+          <span
+            class="ink-outline-toggle"
+            aria-hidden="true"
+            onclick={(e) => {
+              // Expanding is not following: the row's own click is not reached.
+              e.stopPropagation()
+              c.toggle(entry.id)
+            }}
+          >
+            <InkIcon icon={ChevronRight} />
+          </span>
+        {:else}
+          <span class="ink-outline-spacer" aria-hidden="true"></span>
+        {/if}
+        <span class="ink-outline-title" {...c.titleAttrs(entry.id)}>
+          {#if renderItem}
+            {@render renderItem(entry, { current: current === entry.id, expanded: open })}
+          {:else}
+            {entry.title}
+          {/if}
+        </span>
+      </div>
+      {#if entry.children.length > 0}
+        <ul class="ink-outline-group" role="group" hidden={!open}>
+          {@render nodes(entry.children)}
+        </ul>
+      {/if}
+    </li>
+  {/each}
+{/snippet}
+
+<div
+  {...rest}
+  bind:this={root}
+  class={['ink-outline', className]}
+  data-ink-outline=""
+  aria-busy={loading ? 'true' : undefined}
+>
+  <ul
+    class="ink-outline-tree"
+    {...outlineTreeAttrs()}
+    hidden={items.length === 0}
+    onkeydown={(e) => controller?.onKeydown(e)}
+  >
+    {#if controller}{@render nodes(items)}{/if}
+  </ul>
+  {#if controller && !loading && items.length === 0}
+    <p class="ink-outline-empty">{emptyText}</p>
+  {/if}
+</div>

package/dist/components/InkOutline.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { OutlineItem } from '@inkbar/core';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface InkOutlineProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Shown when the document has no outline. Default: "This document has no outline". */
+    emptyText?: string | undefined;
+    /**
+     * Replaces an item's title, given the item and whether it is the current one and whether it
+     * is expanded. Keep what it renders non-interactive.
+     */
+    item?: Snippet<[OutlineItem, {
+        current: boolean;
+        expanded: boolean;
+    }]> | undefined;
+}
+declare const InkOutline: import("svelte").Component<InkOutlineProps, {}, "">;
+type InkOutline = ReturnType<typeof InkOutline>;
+export default InkOutline;
+//# sourceMappingURL=InkOutline.svelte.d.ts.map

package/dist/components/InkOutline.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkOutline.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkOutline.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAA;CACnF;AA+IH,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/InkRoot.svelte

@@ -7,12 +7,11 @@
     DocumentSource,
     FieldsChange,
     FieldValues,
-    FormAction,
+    ViewerAction,
     InkDocument,
     InkError,
     InkStatus,
     PdfAssets,
-    SignatureStore,
   } from '@inkbar/core'
   import type {
     DecorateAnnotation,
@@ -52,8 +51,11 @@
      * 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
+    /**
+     * The viewer asked the host to submit a form, open a link, send mail, print or prompt.
+     * Inkbar does none of these.
+     */
+    onaction?: ((action: ViewerAction) => void) | undefined
     /** Tints fillable form fields. Default true. A change applies to the open document in place. */
     formHighlight?: boolean | undefined
     tool?: ToolId | undefined
@@ -87,11 +89,18 @@
      */
     fonts?: string[] | undefined
     /**
-     * Where saved signatures live. Default: memory, gone on reload.
-     * `createLocalSignatureStore` keeps them in the browser; a host can keep them anywhere.
-     * A new store takes effect at once, for the menus and the `signature` tool alike.
+     * Where the viewer keeps what lasts between visits: saved signatures, each `InkSidebar`'s
+     * width and the plugins' settings. Default: memory, gone on reload. `createLocalStorage`
+     * keeps them in the browser; a host can keep them anywhere. Read once, when the root is
+     * created.
      */
-    signatures?: SignatureStore | undefined
+    storage?: InkStorage | undefined
+    /**
+     * The narrowest the document may get beside the sidebars, in CSS px, before a rail
+     * sidebar's panel floats over the pages instead. Default 480 (`MIN_DOCUMENT_WIDTH`). Every
+     * `InkSidebar` inside takes it unless it has its own. Read once, when the root is created.
+     */
+    minDocumentWidth?: number | undefined
     /** The handwriting fonts a typed signature offers; the host loads them. */
     signatureFonts?: string[] | undefined
     page?: number | undefined
@@ -121,9 +130,10 @@
 
 <script lang="ts">
   import {
-    createMemorySignatureStore,
+    createMemoryStorage,
     createSignatureLibrary,
     createSnapshotHistory,
+    createStorageSignatureStore,
     InkError as InkErrorClass,
     openDocument,
     readonly,
@@ -139,6 +149,7 @@
     FONT_FAMILIES,
     handleFindKey,
     keepHistoryFocus,
+    MIN_DOCUMENT_WIDTH,
     pageSelectionText,
     SIGNATURE_FONTS,
     trackToolStyle,
@@ -153,8 +164,9 @@
   import { registeredToolIds } from '../hooks/useRegisteredTool.svelte.js'
   import { useReadable } from '../use-readable.svelte.js'
 
-  import type { PluginHistory } from '@inkbar/core'
+  import type { InkStorage, PluginHistory } from '@inkbar/core'
   import type {
+    Navigation,
     PluginHost,
     SearchController,
     ToolController,
@@ -171,7 +183,7 @@
     onChange,
     fields = $bindable(),
     onFieldsChange,
-    onformaction,
+    onaction,
     formHighlight,
     tool = $bindable(),
     onToolChange,
@@ -179,7 +191,8 @@
     plugins,
     decorateAnnotation,
     fonts,
-    signatures: signatureStore,
+    storage: storageProp,
+    minDocumentWidth: minDocumentWidthProp,
     signatureFonts,
     page = $bindable(),
     onPageChange,
@@ -197,9 +210,12 @@
 
   type TestHookElement = HTMLElement & { __inkDocument?: InkDocument | undefined }
 
-  const signatures = $derived(
-    createSignatureLibrary(signatureStore ?? createMemorySignatureStore())
-  )
+  // Read once, like `plugins`: the sidebars and the plugins load from it as they are created.
+  const storage = untrack(() => storageProp ?? createMemoryStorage())
+  const storageSignatures = createStorageSignatureStore(storage)
+  // Read once, like `storage`: each sidebar reads it as it is created.
+  const minDocumentWidth = untrack(() => minDocumentWidthProp ?? MIN_DOCUMENT_WIDTH)
+  const signatures = createSignatureLibrary(storageSignatures)
   $effect(() => {
     void signatures.refresh()
   })
@@ -233,6 +249,7 @@
   let activatedNow: string | null = null
   let viewport = $state.raw<Viewport | null>(null)
   let tools = $state.raw<ToolController | null>(null)
+  let navigation = $state.raw<Navigation | null>(null)
 
   const documentStatus = useReadable<InkStatus>(() => document?.status, IDLE)
   const status = $derived(override ?? documentStatus.current)
@@ -428,7 +445,16 @@
     zoom = z
     onZoomChange?.(z)
   }
+  /**
+   * Whether the host has given `page` a value of its own, as React's `page` prop. Until then the
+   * page written back below is only a report, so the next document opens at its first page
+   * instead of the last one's. Not reactive: it flips only with a change to `page`, which
+   * `pageModel`'s readers already track.
+   */
+  let hostPage = untrack(() => page) !== undefined
+  let reportedPage: number | undefined
   function reportPage(p: number): void {
+    reportedPage = p
     page = p
     onPageChange?.(p)
   }
@@ -529,6 +555,7 @@
         decorate: () => decorateAnnotation,
         viewport: () => viewport,
         search: viewerSearchOf(controller),
+        storage,
       })
     )
     search = controller
@@ -628,6 +655,12 @@
     get viewport() {
       return viewport
     },
+    get navigation() {
+      return navigation
+    },
+    setNavigation(n) {
+      navigation = n
+    },
     get tools() {
       return tools
     },
@@ -651,6 +684,8 @@
       return fonts ?? FONT_FAMILIES
     },
     toolOptions,
+    storage,
+    minDocumentWidth,
     get signatures() {
       return signatures
     },
@@ -664,7 +699,8 @@
       return zoom
     },
     get pageModel() {
-      return page
+      if (page !== undefined && page !== reportedPage) hostPage = true
+      return hostPage ? page : undefined
     },
     reportZoom,
     reportPage,
@@ -683,7 +719,7 @@
     get formHighlight() {
       return formHighlight
     },
-    reportFormAction: (a) => onformaction?.(a),
+    reportAction: (a) => onaction?.(a),
     reportError: (e) => onError?.(e),
   }
   setInkContext(context, () => activatedNow)

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

@@ -1,5 +1,5 @@
 import type { ChildSnippet } from './child-snippet.js';
-import type { Annotation, AnnotationChange, AnnotationDefaults, DocumentSource, FieldsChange, FieldValues, FormAction, InkDocument, InkError, InkStatus, PdfAssets, SignatureStore } from '@inkbar/core';
+import type { Annotation, AnnotationChange, AnnotationDefaults, DocumentSource, FieldsChange, FieldValues, ViewerAction, InkDocument, InkError, InkStatus, PdfAssets } 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';
@@ -28,8 +28,11 @@ export interface InkRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
      * 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;
+    /**
+     * The viewer asked the host to submit a form, open a link, send mail, print or prompt.
+     * Inkbar does none of these.
+     */
+    onaction?: ((action: ViewerAction) => void) | undefined;
     /** Tints fillable form fields. Default true. A change applies to the open document in place. */
     formHighlight?: boolean | undefined;
     tool?: ToolId | undefined;
@@ -63,11 +66,18 @@ export interface InkRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
      */
     fonts?: string[] | undefined;
     /**
-     * Where saved signatures live. Default: memory, gone on reload.
-     * `createLocalSignatureStore` keeps them in the browser; a host can keep them anywhere.
-     * A new store takes effect at once, for the menus and the `signature` tool alike.
+     * Where the viewer keeps what lasts between visits: saved signatures, each `InkSidebar`'s
+     * width and the plugins' settings. Default: memory, gone on reload. `createLocalStorage`
+     * keeps them in the browser; a host can keep them anywhere. Read once, when the root is
+     * created.
+     */
+    storage?: InkStorage | undefined;
+    /**
+     * The narrowest the document may get beside the sidebars, in CSS px, before a rail
+     * sidebar's panel floats over the pages instead. Default 480 (`MIN_DOCUMENT_WIDTH`). Every
+     * `InkSidebar` inside takes it unless it has its own. Read once, when the root is created.
      */
-    signatures?: SignatureStore | undefined;
+    minDocumentWidth?: number | undefined;
     /** The handwriting fonts a typed signature offers; the host loads them. */
     signatureFonts?: string[] | undefined;
     page?: number | undefined;
@@ -97,6 +107,7 @@ export interface InkRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     child?: ChildSnippet;
 }
 import { type InkHistory } from '../context.js';
+import type { InkStorage } from '@inkbar/core';
 declare const InkRoot: import("svelte").Component<InkRootProps, {
     history: InkHistory;
     getDocument: () => InkDocument | null;

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

@@ -1 +1 @@
-{"version":3,"file":"InkRoot.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkRoot.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,cAAc,EACf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,IAAI,EACJ,MAAM,EACN,SAAS,EACV,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,GAAG,SAAS,CACpC;IACC,GAAG,EAAE,cAAc,GAAG,IAAI,CAAA;IAC1B,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,wFAAwF;IACxF,QAAQ,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAA;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,CAAA;IACtC,mBAAmB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAChE,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC3D;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAChF,2FAA2F;IAC3F,YAAY,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACzD,gGAAgG;IAChG,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACnD;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,SAAS,CAAA;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAA;IACjC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAA;IACnD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACvC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACnD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACtD,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAClD;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACjD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/C,gDAAgD;IAChD,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,MAAM,EAAE,SAAS,CAAC;QAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC,CAAA;IACzE;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB;AAgCH,OAAO,EAAkC,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AA4kB/E,QAAA,MAAM,OAAO;;uBAhCc,WAAW,GAAG,IAAI;qBAGpB,SAAS;+DA6BmB,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"InkRoot.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkRoot.svelte.ts"],"names":[],"mappings":"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"}

package/dist/components/InkSidebar.svelte

@@ -1,4 +1,5 @@
 <script module lang="ts">
+  import type { InkStorage } from '@inkbar/core'
   import type { SidebarLayout, SidebarOpen, SidebarSide } from '@inkbar/core/dom'
   import type { Snippet } from 'svelte'
   import type { HTMLAttributes } from 'svelte/elements'
@@ -18,6 +19,40 @@
      * Left out, the first panel starts open.
      */
     open?: SidebarOpen | undefined
+    /**
+     * Where the width is saved. Default: InkRoot's `storage` inside InkRoot, else none, and the
+     * width lasts until unmount. Read once, when the sidebar is created.
+     */
+    storage?: InkStorage | undefined
+    /**
+     * The middle of the saved key, `sidebar.<name>.width`. Default: the side. Give two sidebars
+     * on one side different names. Read once, when the sidebar is created.
+     */
+    name?: string | undefined
+    /** In CSS px. Default 320; Enter or a double-click on the handle goes back to it. */
+    defaultWidth?: number | undefined
+    /** Default 240. */
+    minWidth?: number | undefined
+    /** Default 480. */
+    maxWidth?: number | undefined
+    /**
+     * Bindable, in CSS px. Bind it to a number to control the width: the handle then only
+     * updates the binding, and storage is neither read nor written. Bound to a value that
+     * starts undefined, it receives the width but the sidebar stays uncontrolled.
+     */
+    width?: number | undefined
+    /**
+     * The narrowest the document may get beside the sidebars sharing this one's parent, in CSS
+     * px, before a rail's open panel floats over the pages. Tabs and stack narrow toward
+     * `minWidth` instead. Default: InkRoot's `minDocumentWidth` inside InkRoot, else 480. Read
+     * once, when the sidebar is created.
+     */
+    minDocumentWidth?: number | undefined
+    /**
+     * The resize handle's accessible name. Default `Resize left sidebar` or `Resize right
+     * sidebar`. Read once, when the sidebar is created.
+     */
+    handleLabel?: string | undefined
     /** The `InkPanel`s. */
     children?: Snippet | undefined
   }
@@ -37,10 +72,21 @@
    * `InkRoot`. The server renders the root, the panels (the open one shown) and the stack
    * headers; rail and tab buttons follow once mounted, as the panels register after the root
    * has rendered.
+   *
+   * The handle on the inner edge resizes the sidebar. Its width is saved in `storage`, under
+   * `sidebar.<name>.width`; inside `InkRoot` the root's storage is the default. `bind:width`
+   * to a number makes the width the host's: drags and keys then only update the binding, and
+   * storage is not read or written. The server renders the handle too.
+   *
+   * Once mounted, a rail's open panel floats over the pages while the document beside it would
+   * be narrower than `minDocumentWidth` (InkRoot's inside it), and a tap on the pages or Escape
+   * closes it, through `bind:open` too. The server renders it beside the document, open as
+   * usual; once mounted, an unbound sidebar with no room closes its panel.
    */
   import { createSidebarController } from '@inkbar/core/dom'
   import { untrack } from 'svelte'
 
+  import { useOptionalInkContext } from '../context.js'
   import { useReadable } from '../use-readable.svelte.js'
 
   import { setSidebarContext, type SidebarPanelEntry } from './sidebar-context.js'
@@ -51,6 +97,14 @@
     layout = 'rail',
     visible = true,
     open = $bindable(),
+    storage,
+    name,
+    defaultWidth,
+    minWidth,
+    maxWidth,
+    width = $bindable(),
+    minDocumentWidth,
+    handleLabel,
     class: className,
     children,
     ...rest
@@ -62,6 +116,32 @@
   let entries = $state.raw<SidebarPanelEntry[]>([])
   const infos = () => entries.map((e) => e.info())
 
+  // Read once: the controller loads the saved width as it is created.
+  const ink = useOptionalInkContext()
+  const minDocument = untrack(() => minDocumentWidth ?? ink?.minDocumentWidth)
+
+  /*
+   * `width` is the host's only while it holds a number the sidebar did not write itself. The
+   * sidebar writes every change back to the binding; on an unbound prop that sets the local
+   * value, which would otherwise read as a controlling number and stop the saving. `written` is
+   * the last width we wrote. `controlled` turns on once the host gives a number that is not
+   * ours, or starts with one, and then stays on, as in core.
+   */
+  let written: number | undefined
+  let controlled = untrack(() => width !== undefined)
+  /** The width props the host gave; an undefined one keeps the controller's. */
+  function widthOptions(): Partial<
+    Record<'defaultWidth' | 'minWidth' | 'maxWidth' | 'width', number>
+  > {
+    if (width !== undefined && width !== written) controlled = true
+    return {
+      ...(defaultWidth !== undefined && { defaultWidth }),
+      ...(minWidth !== undefined && { minWidth }),
+      ...(maxWidth !== undefined && { maxWidth }),
+      ...(controlled && width !== undefined && { width }),
+    }
+  }
+
   // Pending until mounted: the panels register one by one as they initialise, and an open id
   // not registered yet is not a removed panel.
   const controller = untrack(() =>
@@ -72,6 +152,15 @@
       panels: [],
       ...(open !== undefined && { open }),
       pending: true,
+      ...((storage ?? ink?.storage) && { storage: (storage ?? ink?.storage)! }),
+      ...(name !== undefined && { name }),
+      ...(minDocument !== undefined && { minDocumentWidth: minDocument }),
+      ...(handleLabel !== undefined && { handleLabel }),
+      ...widthOptions(),
+      onWidthChange: (value) => {
+        written = value
+        width = value
+      },
       onOpenChange: (value) => {
         open = value
       },
@@ -86,13 +175,14 @@
 
   // Before the DOM updates, so the panels render the attributes these give.
   $effect.pre(() => {
-    const next = { layout, side, visible, open }
+    const next = { layout, side, visible, open, widths: widthOptions() }
     untrack(() =>
       controller.update({
         layout: next.layout,
         side: next.side,
         visible: next.visible,
         ...(next.open !== undefined && { open: next.open }),
+        ...next.widths,
       })
     )
   })
@@ -134,11 +224,20 @@
 
   setSidebarContext({ controller, state: current, register, arrange })
 
+  // The panels register after the root rendered, so the server's and the first render's handle
+  // is shown (as the root is: `data-state` is open while pending); the real `hidden` follows
+  // once mounted.
+  let mounted = $state(false)
   const view = $derived.by(() => {
     const s = current.current
+    const handleAttrs = controller.handleAttrs()
+    if (!mounted) delete handleAttrs.hidden
     return {
       layout: s.layout,
       root: controller.rootAttrs(),
+      style: controller.rootStyle(),
+      panels: controller.panelsAttrs(),
+      handle: handleAttrs,
       tablist: controller.tablistAttrs(),
       triggers: s.panels.map((panel) => ({
         panel,
@@ -148,6 +247,7 @@
   })
 
   let root = $state<HTMLDivElement | null>(null)
+  let handle = $state<HTMLDivElement | null>(null)
   // The controller handles the triggers' clicks and keys, stack headers included. The panels
   // have registered by now.
   $effect(() => {
@@ -157,9 +257,31 @@
     untrack(() => controller.update({ pending: false }))
     return unbind
   })
+  // The controller handles the handle's drags, keys and double-click.
+  $effect(() => {
+    const el = handle
+    if (!el || !root) return
+    const host = root
+    const unbind = untrack(() => controller.bindHandle(el))
+    untrack(() => {
+      mounted = true
+      // Hydration keeps the server's markup: a width the client's storage gave applies here.
+      for (const [prop, value] of Object.entries(controller.rootStyle()))
+        host.style.setProperty(prop, value)
+      for (const [attr, value] of Object.entries(controller.handleAttrs()))
+        if (attr.startsWith('aria-value')) el.setAttribute(attr, value)
+    })
+    return unbind
+  })
 </script>
 
-<div {...rest} bind:this={root} class={['ink-sidebar', className]} {...view.root}>
+<div
+  {...rest}
+  bind:this={root}
+  class={['ink-sidebar', className]}
+  {...view.root}
+  style:--ink-sidebar-width={view.style['--ink-sidebar-width']}
+>
   {#if view.layout !== 'stack'}
     <div
       class={view.layout === 'rail' ? 'ink-sidebar-rail' : 'ink-sidebar-tabs'}
@@ -173,7 +295,13 @@
     </div>
   {/if}
   <!-- One element in every layout, so the panels are never remounted. -->
-  <div class={{ 'ink-sidebar-panels': view.layout !== 'stack' }}>
+  <!-- The stack has no panels element: its id and class apply in rail and tabs only. -->
+  <div
+    class={{ 'ink-sidebar-panels': view.layout !== 'stack' }}
+    {...view.layout !== 'stack' ? view.panels : {}}
+  >
     {@render children?.()}
   </div>
+  <!-- The last child, on the inner edge. -->
+  <div bind:this={handle} class="ink-sidebar-handle" {...view.handle}></div>
 </div>

package/dist/components/InkSidebar.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { InkStorage } from '@inkbar/core';
 import type { SidebarLayout, SidebarOpen, SidebarSide } from '@inkbar/core/dom';
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
@@ -13,10 +14,44 @@ export interface InkSidebarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'c
      * Left out, the first panel starts open.
      */
     open?: SidebarOpen | undefined;
+    /**
+     * Where the width is saved. Default: InkRoot's `storage` inside InkRoot, else none, and the
+     * width lasts until unmount. Read once, when the sidebar is created.
+     */
+    storage?: InkStorage | undefined;
+    /**
+     * The middle of the saved key, `sidebar.<name>.width`. Default: the side. Give two sidebars
+     * on one side different names. Read once, when the sidebar is created.
+     */
+    name?: string | undefined;
+    /** In CSS px. Default 320; Enter or a double-click on the handle goes back to it. */
+    defaultWidth?: number | undefined;
+    /** Default 240. */
+    minWidth?: number | undefined;
+    /** Default 480. */
+    maxWidth?: number | undefined;
+    /**
+     * Bindable, in CSS px. Bind it to a number to control the width: the handle then only
+     * updates the binding, and storage is neither read nor written. Bound to a value that
+     * starts undefined, it receives the width but the sidebar stays uncontrolled.
+     */
+    width?: number | undefined;
+    /**
+     * The narrowest the document may get beside the sidebars sharing this one's parent, in CSS
+     * px, before a rail's open panel floats over the pages. Tabs and stack narrow toward
+     * `minWidth` instead. Default: InkRoot's `minDocumentWidth` inside InkRoot, else 480. Read
+     * once, when the sidebar is created.
+     */
+    minDocumentWidth?: number | undefined;
+    /**
+     * The resize handle's accessible name. Default `Resize left sidebar` or `Resize right
+     * sidebar`. Read once, when the sidebar is created.
+     */
+    handleLabel?: string | undefined;
     /** The `InkPanel`s. */
     children?: Snippet | undefined;
 }
-declare const InkSidebar: import("svelte").Component<InkSidebarProps, {}, "open">;
+declare const InkSidebar: import("svelte").Component<InkSidebarProps, {}, "width" | "open">;
 type InkSidebar = ReturnType<typeof InkSidebar>;
 export default InkSidebar;
 //# sourceMappingURL=InkSidebar.svelte.d.ts.map

package/dist/components/InkSidebar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkSidebar.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkSidebar.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,iDAAiD;IACjD,MAAM,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,wHAAwH;IACxH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC/B;AAwKH,QAAA,MAAM,UAAU,yDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"InkSidebar.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkSidebar.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,iDAAiD;IACjD,MAAM,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,wHAAwH;IACxH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC/B;AA6PH,QAAA,MAAM,UAAU,mEAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/InkViewport.svelte

@@ -126,6 +126,7 @@
     builtWith = null
     ctx.setOpenedToolIds(null)
     ctx.setViewport(null, null)
+    ctx.setNavigation(null)
     if (pages.length > 0) pages = []
     // Their fields and the document they came from are gone.
     signRequest = null
@@ -169,7 +170,6 @@
       toolHistory: { batch: (fn) => ctx.history.batch(fn) },
       toolOptions: ctx.toolOptions,
       fonts: [...ctx.fonts],
-      // 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 }),
@@ -177,7 +177,7 @@
       onSignField: (req) => {
         signRequest = signRequest?.widget === req.widget ? null : req
       },
-      onFormAction: (a) => ctx.reportFormAction(a),
+      onAction: (a) => ctx.reportAction(a),
       onFormAlert: (message) => {
         alert = { message, shown: (alert?.shown ?? 0) + 1 }
       },
@@ -235,6 +235,8 @@
         pages = pages.map((p) => (p.page === page ? { ...p, error: err } : p))
       },
     })
+    // The engine exists from here; its navigation lasts for its life, across rebuilds.
+    ctx.setNavigation(engine.navigation)
   }
 
   // The plugins' `root`. Before the build below, so it is set when the engine mounts.

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

@@ -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,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,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;AA0XH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"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,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,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;AA4XH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/context.d.ts

@@ -1,5 +1,5 @@
-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';
+import type { Annotation, ViewerAction, InkDocument, InkError, InkStatus, InkStorage, PdfAssets, PluginHistory, SignatureLibrary, Writable } from '@inkbar/core';
+import type { DecorateAnnotation, Navigation, PluginHost, SearchController, Tool, ToolController, ToolId, ToolOptions, ToolStyle, Viewport, ZoomValue } from '@inkbar/core/dom';
 export type { InkStatus };
 /**
  * Undo and redo for the current document, whichever mode its annotations are in. `track` and
@@ -47,6 +47,12 @@ export interface InkContext {
     /** Set by InkViewport once it has built its viewport and tool controller. */
     readonly viewport: Viewport | null;
     readonly tools: ToolController | null;
+    /**
+     * The engine's navigation (jumps with Back and Forward), set by InkViewport when it builds
+     * the engine and cleared when it is torn down; `null` before that, and on the server.
+     */
+    readonly navigation: Navigation | null;
+    setNavigation(navigation: Navigation | null): void;
     /** Desired tool; InkViewport applies it to the controller. */
     readonly tool: ToolId;
     setTool(id: ToolId): void;
@@ -64,7 +70,17 @@ export interface InkContext {
     readonly fonts: readonly string[];
     /** The tools' options for InkRoot's life, so they persist across documents. */
     readonly toolOptions: ToolOptions;
-    /** The saved signatures, from InkRoot's `signatures` store (memory by default). */
+    /**
+     * What InkRoot's `storage` holds between visits (memory by default): the signatures, each
+     * `InkSidebar`'s width and the plugins' settings. Read once, when the root is created.
+     */
+    readonly storage: InkStorage;
+    /**
+     * InkRoot's `minDocumentWidth` (`MIN_DOCUMENT_WIDTH` by default), fixed for the root's life.
+     * Each `InkSidebar` without its own takes it.
+     */
+    readonly minDocumentWidth: number;
+    /** The saved signatures: kept in InkRoot's `storage` under `signatures`. */
     readonly signatures: SignatureLibrary;
     /** The fonts a typed signature offers: InkRoot's `signatureFonts`, else `SIGNATURE_FONTS`. */
     readonly signatureFonts: readonly string[];
@@ -88,8 +104,8 @@ export interface InkContext {
     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 `onaction`. */
+    reportAction(action: ViewerAction): void;
     /** Calls InkRoot's `onError`, for failures after the document opened (a refused signing). */
     reportError(error: InkError): void;
 }
@@ -102,4 +118,9 @@ export declare function peekActivated(ctx: InkContext): string | null;
  * rendered inside `InkRoot`, including when called outside any component at all.
  */
 export declare function useInkContext(consumer: string): InkContext;
+/**
+ * The context when there is one, else undefined: for components that also work outside
+ * `InkRoot`. Internal to the package.
+ */
+export declare function useOptionalInkContext(): InkContext | undefined;
 //# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

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

package/dist/context.js

@@ -32,3 +32,15 @@ export function useInkContext(consumer) {
         throw new Error(`[inkbar] ${consumer} must be called in a component inside <InkRoot>.`);
     return ctx;
 }
+/**
+ * The context when there is one, else undefined: for components that also work outside
+ * `InkRoot`. Internal to the package.
+ */
+export function useOptionalInkContext() {
+    try {
+        return getContext(KEY);
+    }
+    catch {
+        return undefined;
+    }
+}

package/dist/index.d.ts

@@ -79,6 +79,10 @@ export type { InkPageCountProps } from './components/InkPageCount.svelte';
 export { default as InkPrevPage } from './components/InkPrevPage.svelte';
 export { default as InkNextPage } from './components/InkNextPage.svelte';
 export type { InkPageButtonProps } from './components/page-button.js';
+export { default as InkBack } from './components/InkBack.svelte';
+export { default as InkForward } from './components/InkForward.svelte';
+export { default as InkOutline } from './components/InkOutline.svelte';
+export type { InkOutlineProps } from './components/InkOutline.svelte';
 export type { ChildSnippet } from './components/child-snippet.js';
 export { default as InkThreadPopover } from './components/InkThreadPopover.svelte';
 export type { InkThreadPopoverProps } from './components/InkThreadPopover.svelte';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -45,6 +45,9 @@ export { default as InkPageInput } from './components/InkPageInput.svelte';
 export { default as InkPageCount } from './components/InkPageCount.svelte';
 export { default as InkPrevPage } from './components/InkPrevPage.svelte';
 export { default as InkNextPage } from './components/InkNextPage.svelte';
+export { default as InkBack } from './components/InkBack.svelte';
+export { default as InkForward } from './components/InkForward.svelte';
+export { default as InkOutline } from './components/InkOutline.svelte';
 export { default as InkThreadPopover } from './components/InkThreadPopover.svelte';
 export { default as InkSidebar } from './components/InkSidebar.svelte';
 export { default as InkPanel } from './components/InkPanel.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkbar/svelte",
-  "version": "0.11.0",
+  "version": "0.13.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.11.0",
+    "@inkbar/icons": "^0.13.0",
     "@internationalized/date": "^3.12.4",
     "bits-ui": "^2.19.5",
     "esm-env": "^1.2.0"
   },
   "peerDependencies": {
-    "@inkbar/core": "^0.11.0",
+    "@inkbar/core": "^0.13.0",
     "svelte": "^5.46.4"
   },
   "devDependencies": {
-    "@inkbar/core": "0.11.0",
+    "@inkbar/core": "0.13.0",
     "@inkbar/fixtures": "0.0.0",
-    "@inkbar/theme": "0.11.0",
+    "@inkbar/theme": "0.13.0",
     "@sveltejs/package": "^3.0.0",
     "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "@vitest/browser-playwright": "^5.0.4",