@inkbar/svelte 0.10.0 → 0.11.0

package/dist/components/InkViewport.svelte

@@ -14,6 +14,8 @@
     gap?: number
     /** Pages kept mounted either side of the visible ones. */
     buffer?: number
+    /** Pinch to zoom the pages. Off leaves the browser's own touch handling alone. */
+    pinchZoom?: boolean
     loading?: Snippet | undefined
     empty?: Snippet | undefined
     error?: Snippet<[{ error: InkError }]> | undefined
@@ -63,6 +65,7 @@
     rotation = 0,
     gap = 16,
     buffer = 2,
+    pinchZoom = true,
     loading,
     empty,
     error,
@@ -100,7 +103,12 @@
    */
   let build = 0
   /** The construction options the engine was last built with, so a rebuild runs only on a change. */
-  let builtWith: { gap: number; buffer: number; custom: boolean } | null = null
+  let builtWith: {
+    gap: number
+    buffer: number
+    pinchZoom: boolean
+    custom: boolean
+  } | null = null
   let stops: (() => void)[] = []
   /** The zoom and page last reported to the host. */
   let lastReportedZoom: ZoomValue | undefined
@@ -135,7 +143,7 @@
     let first = true
     build += 1
     const custom = !!annotation
-    builtWith = { gap, buffer, custom }
+    builtWith = { gap, buffer, pinchZoom, custom }
     // The tools this viewer registers, from the same inputs; a later `tools` waits for a rebuild.
     ctx.setOpenedToolIds(toolIdsOf(ctx.hostTools, ctx.pluginHost))
     engine = mountViewer({
@@ -147,6 +155,7 @@
       rotation,
       gap,
       buffer,
+      pinchZoom,
       tool: ctx.tool,
       ...(ctx.hostTools ? { tools: ctx.hostTools } : {}),
       // The engine adds the plugins' tools and layers, and decorates through the host, which
@@ -253,7 +262,7 @@
 
   // Construction-only options rebuild the engine for the same document, keeping zoom and page.
   // The deriveds notify only on a real change: a host that spreads its props invalidates `gap`
-  // and `buffer` without changing them. One effect for all three, so a gap and a snippet change
+  // and `buffer` without changing them. One effect for all of them, so a gap and a snippet change
   // in the same tick rebuild once. It skips its first run (and any run after a build that
   // already used these values) by comparing with `builtWith`.
   //
@@ -264,15 +273,22 @@
   // `pages` for the new build's pages. The rebuild keeps the scroll position.
   const buildGap = $derived(gap)
   const buildBuffer = $derived(buffer)
+  const buildPinchZoom = $derived(pinchZoom)
   const buildCustom = $derived(!!annotation)
   $effect(() => {
-    const next = { gap: buildGap, buffer: buildBuffer, custom: buildCustom }
+    const next = {
+      gap: buildGap,
+      buffer: buildBuffer,
+      pinchZoom: buildPinchZoom,
+      custom: buildCustom,
+    }
     untrack(() => {
       const built = builtWith
       if (!engine || !built) return
       if (
         built.gap === next.gap &&
         built.buffer === next.buffer &&
+        built.pinchZoom === next.pinchZoom &&
         built.custom === next.custom
       )
         return
@@ -281,6 +297,7 @@
       engine.rebuild({
         gap: next.gap,
         buffer: next.buffer,
+        pinchZoom: next.pinchZoom,
         customAnnotations: next.custom,
       })
     })

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

@@ -9,6 +9,8 @@ export interface InkViewportProps extends Omit<HTMLAttributes<HTMLDivElement>, '
     gap?: number;
     /** Pages kept mounted either side of the visible ones. */
     buffer?: number;
+    /** Pinch to zoom the pages. Off leaves the browser's own touch handling alone. */
+    pinchZoom?: boolean;
     loading?: Snippet | undefined;
     empty?: Snippet | undefined;
     error?: Snippet<[{

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,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;AA2WH,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;AA0XH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/package.json

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