@embedpdf/plugin-viewport 1.3.16 → 1.4.0

package/dist/shared/components/index.d.ts

@@ -0,0 +1 @@
+export * from './viewport';

package/dist/shared/components/viewport.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode, HTMLAttributes } from '../../react/adapter.ts';
+type ViewportProps = HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+};
+export declare function Viewport({ children, ...props }: ViewportProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-viewport';
+export * from './use-viewport-ref';

package/dist/shared/hooks/use-viewport-ref.d.ts

@@ -0,0 +1 @@
+export declare function useViewportRef(): import('react').RefObject<HTMLDivElement>;

package/dist/shared/hooks/use-viewport.d.ts

@@ -0,0 +1,12 @@
+import { ScrollActivity, ViewportPlugin } from '../../index.ts';
+export declare const useViewportPlugin: () => {
+    plugin: ViewportPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useViewportCapability: () => {
+    provides: Readonly<import('../../index.ts').ViewportCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useViewportScrollActivity: () => ScrollActivity;

package/dist/shared/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+export * from '../index.ts';

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

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'svelte/elements';
+import { Snippet } from 'svelte';
+type ViewportProps = HTMLAttributes<HTMLDivElement> & {
+    children: Snippet;
+    class?: string;
+};
+declare const Viewport: import('svelte', { with: { "resolution-mode": "import" } }).Component<ViewportProps, {}, "">;
+type Viewport = ReturnType<typeof Viewport>;
+export default Viewport;

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

@@ -0,0 +1 @@
+export { default as Viewport } from './Viewport.svelte';

package/dist/svelte/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-viewport';
+export * from './use-viewport-ref.svelte';

package/dist/svelte/hooks/use-viewport-ref.svelte.d.ts

@@ -0,0 +1,3 @@
+export declare function useViewportRef(): {
+    containerRef: HTMLDivElement | null;
+};

package/dist/svelte/hooks/use-viewport.d.ts

@@ -0,0 +1,11 @@
+import { ViewportPlugin } from '../../lib/index.ts';
+export declare const useViewportPlugin: () => {
+    plugin: ViewportPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useViewportCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').ViewportCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};

package/dist/svelte/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("svelte/internal/disclose-version");const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),r=require("@embedpdf/plugin-viewport");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=i(e),l=()=>t.usePlugin(r.ViewportPlugin.id),n=()=>t.useCapability(r.ViewportPlugin.id);function s(){const{plugin:e}=l();let t=o.state(null);return o.user_pre_effect((()=>{if(!e)return;const r=o.get(t);if(!r)return;e.registerBoundingRectProvider((()=>{const e=r.getBoundingClientRect();return{origin:{x:e.left,y:e.top},size:{width:e.width,height:e.height}}}));const i=()=>{null==e||e.setViewportScrollMetrics({scrollTop:r.scrollTop,scrollLeft:r.scrollLeft})};r.addEventListener("scroll",i);const l=new ResizeObserver((()=>{null==e||e.setViewportResizeMetrics({width:r.offsetWidth,height:r.offsetHeight,clientWidth:r.clientWidth,clientHeight:r.clientHeight,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft,scrollWidth:r.scrollWidth,scrollHeight:r.scrollHeight})}));l.observe(r);const n=e.onScrollRequest((({x:e,y:t,behavior:i="auto"})=>{requestAnimationFrame((()=>{r.scrollTo({left:e,top:t,behavior:i})}))}));return()=>{null==e||e.registerBoundingRectProvider(null),r.removeEventListener("scroll",i),l.disconnect(),n()}})),{get containerRef(){return o.get(t)},set containerRef(e){o.set(t,e,!0)}}}var c=o.from_html("<div><!></div>");exports.Viewport=function(e,t){o.push(t,!0);let r=o.rest_props(t,["$$slots","$$events","$$legacy","children","class"]),i=o.state(0),l=o.derived(s);const u=o.derived(n),p=o.derived((()=>o.get(u).provides));o.user_effect((()=>{o.get(p)&&o.set(i,o.get(p).getViewportGap(),!0)}));var d=c();o.attribute_effect(d,(e=>({...r,class:t.class,[o.STYLE]:e})),[()=>({width:"100%",height:"100%",overflow:"auto",padding:`${o.get(i)}px`})]);var a=o.child(d);o.snippet(a,(()=>t.children)),o.reset(d),o.bind_this(d,(e=>o.get(l).containerRef=e),(()=>{var e;return null==(e=o.get(l))?void 0:e.containerRef})),o.append(e,d),o.pop()},exports.useViewportCapability=n,exports.useViewportPlugin=l,exports.useViewportRef=s,Object.keys(r).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})}));
+//# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-viewport.ts","../../src/svelte/hooks/use-viewport-ref.svelte.ts","../../src/svelte/components/Viewport.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nexport const useViewportPlugin = () => usePlugin<ViewportPlugin>(ViewportPlugin.id);\nexport const useViewportCapability = () => useCapability<ViewportPlugin>(ViewportPlugin.id);\n","import { type Rect } from '@embedpdf/models';\nimport { useViewportPlugin } from './use-viewport';\n\n\nexport function useViewportRef() {\n  const {plugin} = useViewportPlugin();\n  let containerRef = $state<HTMLDivElement | null>(null);\n\n  $effect.pre(() => {\n    if (!plugin) return;\n\n    const container = containerRef;\n    if (!container) return;\n\n    /* ---------- live rect provider --------------------------------- */\n    const provideRect = (): Rect => {\n      const r = container.getBoundingClientRect();\n      return {\n        origin: { x: r.left, y: r.top },\n        size: { width: r.width, height: r.height }\n      };\n    };\n    plugin.registerBoundingRectProvider(provideRect);\n\n    // Example: On scroll, call setMetrics\n    const onScroll = () => {\n      plugin?.setViewportScrollMetrics({\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft\n      });\n    };\n    container.addEventListener('scroll', onScroll);\n\n    // Example: On resize, call setMetrics\n    const resizeObserver = new ResizeObserver(() => {\n      plugin?.setViewportResizeMetrics({\n        width: container.offsetWidth,\n        height: container.offsetHeight,\n        clientWidth: container.clientWidth,\n        clientHeight: container.clientHeight,\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n        scrollWidth: container.scrollWidth,\n        scrollHeight: container.scrollHeight\n      });\n    });\n    resizeObserver.observe(container);\n\n    const unsubscribeScrollRequest = plugin.onScrollRequest(({ x, y, behavior = 'auto' }) => {\n      requestAnimationFrame(() => {\n        container.scrollTo({ left: x, top: y, behavior });\n      });\n    });\n\n    // Cleanup\n    return () => {\n      plugin?.registerBoundingRectProvider(null);\n      container.removeEventListener('scroll', onScroll);\n      resizeObserver.disconnect();\n      unsubscribeScrollRequest();\n    };\n  });\n\n  // Return the ref so your Svelte code can attach it to a div\n  return {\n    get containerRef() {\n      return containerRef;\n    },\n    set containerRef(el: HTMLDivElement | null) {\n      containerRef = el;\n    }\n  };\n}\n","<script lang=\"ts\">\n  import { useViewportCapability, useViewportRef } from '../hooks';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import type { Snippet } from 'svelte';\n\n  type ViewportProps = HTMLAttributes<HTMLDivElement> & {\n    children: Snippet;\n    class?: string;\n  };\n\n  let { children, class: propsClass, ...restProps }: ViewportProps = $props();\n\n  let viewportGap = $state(0);\n\n  let viewportRef = $derived(useViewportRef());\n\n  const { provides } = $derived(useViewportCapability());\n\n  $effect(() => {\n    if (provides) {\n      viewportGap = provides.getViewportGap();\n    }\n  });\n</script>\n\n<div\n  {...restProps}\n  bind:this={viewportRef.containerRef}\n  style:width=\"100%\"\n  style:height=\"100%\"\n  style:overflow=\"auto\"\n  style:padding={`${viewportGap}px`}\n  class={propsClass}\n>\n  {@render children()}\n</div>\n"],"names":["useViewportPlugin","usePlugin","ViewportPlugin","id","useViewportCapability","useCapability","useViewportRef","plugin","containerRef","$","user_pre_effect","container","registerBoundingRectProvider","r","getBoundingClientRect","origin","x","left","y","top","size","width","height","onScroll","setViewportScrollMetrics","scrollTop","scrollLeft","addEventListener","resizeObserver","ResizeObserver","setViewportResizeMetrics","offsetWidth","offsetHeight","clientWidth","clientHeight","scrollWidth","scrollHeight","observe","unsubscribeScrollRequest","onScrollRequest","behavior","requestAnimationFrame","scrollTo","removeEventListener","disconnect","el","$__namespace","set","restProps","rest_props","$$props","viewportGap","viewportRef","provides","user_effect","get","getViewportGap","class","STYLE","$0","bind_this","div","$$value","_a"],"mappings":"wgBAGaA,EAAoB,IAAMC,YAA0BC,EAAAA,eAAeC,IACnEC,EAAwB,IAAMC,gBAA8BH,EAAAA,eAAeC,ICAxE,SAAAG,IACP,MAAAC,OAAAA,GAAUP,IACb,IAAAQ,UAA6C,aAEjDC,EAAAC,0BACOH,EAAQ,OAEP,MAAAI,QAAYH,OACbG,EAAW,OAUhBJ,EAAOK,mCANC,MAAAC,EAAIF,EAAUG,+BAElBC,QAAUC,EAAGH,EAAEI,KAAMC,EAAGL,EAAEM,KAC1BC,MAAQC,MAAOR,EAAEQ,MAAOC,OAAQT,EAAES,YAMhC,MAAAC,OACJ,MAAAhB,GAAAA,EAAQiB,yBAAyB,CAC/BC,UAAWd,EAAUc,UACrBC,WAAYf,EAAUe,cAGhBf,EAAAgB,iBAAiB,SAAUJ,GAG/B,MAAAK,EAAA,IAAqBC,gBAAA,KACzB,MAAAtB,GAAAA,EAAQuB,yBAAyB,CAC/BT,MAAOV,EAAUoB,YACjBT,OAAQX,EAAUqB,aAClBC,YAAatB,EAAUsB,YACvBC,aAAcvB,EAAUuB,aACxBT,UAAWd,EAAUc,UACrBC,WAAYf,EAAUe,WACtBS,YAAaxB,EAAUwB,YACvBC,aAAczB,EAAUyB,kBAG5BR,EAAeS,QAAQ1B,GAEjB,MAAA2B,EAA2B/B,EAAOgC,iBAAmB,EAAAvB,IAAGE,IAAGsB,WAAW,WAC1EC,4BACE9B,EAAU+B,UAAWzB,KAAMD,EAAGG,IAAKD,EAAGsB,eACvC,eAKD,MAAAjC,GAAAA,EAAQK,6BAA6B,MAC3BD,EAAAgC,oBAAoB,SAAUpB,GACxCK,EAAegB,aACUN,GAAA,CAC3B,KAKI,gBAAA9B,gBACKA,EACT,kBACIA,CAAaqC,GACAC,EAAAC,IAAAvC,EAAAqC,GAAA,IAGrB,iFC9DwC,IAAAG,EAASvC,EAAAwC,WAAAC,EAAA,CAAA,UAAA,WAAA,WAAA,WAAA,UAE3CC,UAAqB,GAErBC,YAAuB9C,qBAEGF,GAAtBiD,0BAAAA,WAER5C,EAAA6C,aAAc,KACR7C,EAAA8C,IAAAF,UACFF,EAAW1C,EAAA8C,IAAGF,GAASG,kBAAc,EACvC,4CAKER,EAASS,MAAAP,EAAAO,MAAA,CAAAhD,EAAAiD,OAAAC,KAAA,mEAKKR,qEAJPL,EAAAc,UAAAC,GAAAC,GAAArD,EAAA8C,IAAAH,GAAY5C,aAAZsD,IAAA,WAAA,OAAArD,OAAAsD,EAAAjB,EAAAS,IAAAH,SAAY,EAAAW,EAAAvD,YAAA,yBAJzB"}

package/dist/svelte/index.d.ts

@@ -0,0 +1,3 @@
+export { Viewport } from './components';
+export * from './hooks';
+export * from '../lib/index.ts';

package/dist/svelte/index.js

@@ -0,0 +1,101 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { useCapability, usePlugin } from "@embedpdf/core/svelte";
+import { ViewportPlugin } from "@embedpdf/plugin-viewport";
+export * from "@embedpdf/plugin-viewport";
+const useViewportPlugin = () => usePlugin(ViewportPlugin.id);
+const useViewportCapability = () => useCapability(ViewportPlugin.id);
+function useViewportRef() {
+  const { plugin } = useViewportPlugin();
+  let containerRef = $.state(null);
+  $.user_pre_effect(() => {
+    if (!plugin) return;
+    const container = $.get(containerRef);
+    if (!container) return;
+    const provideRect = () => {
+      const r = container.getBoundingClientRect();
+      return {
+        origin: { x: r.left, y: r.top },
+        size: { width: r.width, height: r.height }
+      };
+    };
+    plugin.registerBoundingRectProvider(provideRect);
+    const onScroll = () => {
+      plugin == null ? void 0 : plugin.setViewportScrollMetrics({
+        scrollTop: container.scrollTop,
+        scrollLeft: container.scrollLeft
+      });
+    };
+    container.addEventListener("scroll", onScroll);
+    const resizeObserver = new ResizeObserver(() => {
+      plugin == null ? void 0 : plugin.setViewportResizeMetrics({
+        width: container.offsetWidth,
+        height: container.offsetHeight,
+        clientWidth: container.clientWidth,
+        clientHeight: container.clientHeight,
+        scrollTop: container.scrollTop,
+        scrollLeft: container.scrollLeft,
+        scrollWidth: container.scrollWidth,
+        scrollHeight: container.scrollHeight
+      });
+    });
+    resizeObserver.observe(container);
+    const unsubscribeScrollRequest = plugin.onScrollRequest(({ x, y, behavior = "auto" }) => {
+      requestAnimationFrame(() => {
+        container.scrollTo({ left: x, top: y, behavior });
+      });
+    });
+    return () => {
+      plugin == null ? void 0 : plugin.registerBoundingRectProvider(null);
+      container.removeEventListener("scroll", onScroll);
+      resizeObserver.disconnect();
+      unsubscribeScrollRequest();
+    };
+  });
+  return {
+    get containerRef() {
+      return $.get(containerRef);
+    },
+    set containerRef(el) {
+      $.set(containerRef, el, true);
+    }
+  };
+}
+var root = $.from_html(`<div><!></div>`);
+function Viewport($$anchor, $$props) {
+  $.push($$props, true);
+  let restProps = $.rest_props($$props, ["$$slots", "$$events", "$$legacy", "children", "class"]);
+  let viewportGap = $.state(0);
+  let viewportRef = $.derived(useViewportRef);
+  const $$d = $.derived(useViewportCapability), provides = $.derived(() => $.get($$d).provides);
+  $.user_effect(() => {
+    if ($.get(provides)) {
+      $.set(viewportGap, $.get(provides).getViewportGap(), true);
+    }
+  });
+  var div = root();
+  $.attribute_effect(div, ($0) => ({ ...restProps, class: $$props.class, [$.STYLE]: $0 }), [
+    () => ({
+      width: "100%",
+      height: "100%",
+      overflow: "auto",
+      padding: `${$.get(viewportGap)}px`
+    })
+  ]);
+  var node = $.child(div);
+  $.snippet(node, () => $$props.children);
+  $.reset(div);
+  $.bind_this(div, ($$value) => $.get(viewportRef).containerRef = $$value, () => {
+    var _a;
+    return (_a = $.get(viewportRef)) == null ? void 0 : _a.containerRef;
+  });
+  $.append($$anchor, div);
+  $.pop();
+}
+export {
+  Viewport,
+  useViewportCapability,
+  useViewportPlugin,
+  useViewportRef
+};
+//# sourceMappingURL=index.js.map

package/dist/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-viewport.ts","../../src/svelte/hooks/use-viewport-ref.svelte.ts","../../src/svelte/components/Viewport.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nexport const useViewportPlugin = () => usePlugin<ViewportPlugin>(ViewportPlugin.id);\nexport const useViewportCapability = () => useCapability<ViewportPlugin>(ViewportPlugin.id);\n","import { type Rect } from '@embedpdf/models';\nimport { useViewportPlugin } from './use-viewport';\n\n\nexport function useViewportRef() {\n  const {plugin} = useViewportPlugin();\n  let containerRef = $state<HTMLDivElement | null>(null);\n\n  $effect.pre(() => {\n    if (!plugin) return;\n\n    const container = containerRef;\n    if (!container) return;\n\n    /* ---------- live rect provider --------------------------------- */\n    const provideRect = (): Rect => {\n      const r = container.getBoundingClientRect();\n      return {\n        origin: { x: r.left, y: r.top },\n        size: { width: r.width, height: r.height }\n      };\n    };\n    plugin.registerBoundingRectProvider(provideRect);\n\n    // Example: On scroll, call setMetrics\n    const onScroll = () => {\n      plugin?.setViewportScrollMetrics({\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft\n      });\n    };\n    container.addEventListener('scroll', onScroll);\n\n    // Example: On resize, call setMetrics\n    const resizeObserver = new ResizeObserver(() => {\n      plugin?.setViewportResizeMetrics({\n        width: container.offsetWidth,\n        height: container.offsetHeight,\n        clientWidth: container.clientWidth,\n        clientHeight: container.clientHeight,\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n        scrollWidth: container.scrollWidth,\n        scrollHeight: container.scrollHeight\n      });\n    });\n    resizeObserver.observe(container);\n\n    const unsubscribeScrollRequest = plugin.onScrollRequest(({ x, y, behavior = 'auto' }) => {\n      requestAnimationFrame(() => {\n        container.scrollTo({ left: x, top: y, behavior });\n      });\n    });\n\n    // Cleanup\n    return () => {\n      plugin?.registerBoundingRectProvider(null);\n      container.removeEventListener('scroll', onScroll);\n      resizeObserver.disconnect();\n      unsubscribeScrollRequest();\n    };\n  });\n\n  // Return the ref so your Svelte code can attach it to a div\n  return {\n    get containerRef() {\n      return containerRef;\n    },\n    set containerRef(el: HTMLDivElement | null) {\n      containerRef = el;\n    }\n  };\n}\n","<script lang=\"ts\">\n  import { useViewportCapability, useViewportRef } from '../hooks';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import type { Snippet } from 'svelte';\n\n  type ViewportProps = HTMLAttributes<HTMLDivElement> & {\n    children: Snippet;\n    class?: string;\n  };\n\n  let { children, class: propsClass, ...restProps }: ViewportProps = $props();\n\n  let viewportGap = $state(0);\n\n  let viewportRef = $derived(useViewportRef());\n\n  const { provides } = $derived(useViewportCapability());\n\n  $effect(() => {\n    if (provides) {\n      viewportGap = provides.getViewportGap();\n    }\n  });\n</script>\n\n<div\n  {...restProps}\n  bind:this={viewportRef.containerRef}\n  style:width=\"100%\"\n  style:height=\"100%\"\n  style:overflow=\"auto\"\n  style:padding={`${viewportGap}px`}\n  class={propsClass}\n>\n  {@render children()}\n</div>\n"],"names":[],"mappings":";;;;;AAGO,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAC3E,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;ACA1E,SAAA,iBAAiB;AACxB,QAAA,EAAA,WAAU,kBAAkB;AAC/B,MAAA,uBAA6C,IAAI;AAErD,IAAA,sBAAkB;SACX,OAAQ;AAEP,UAAA,kBAAY,YAAA;SACb,UAAW;AAGV,UAAA,oBAA0B;YACxB,IAAI,UAAU,sBAAsB;;QAExC,UAAU,GAAG,EAAE,MAAM,GAAG,EAAE,IAAI;AAAA,QAC9B,QAAQ,OAAO,EAAE,OAAO,QAAQ,EAAE,OAAO;AAAA;IAE7C;AACA,WAAO,6BAA6B,WAAW;AAGzC,UAAA,iBAAiB;AACrB,uCAAQ,yBAAyB;AAAA,QAC/B,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA;IAE1B;AACU,cAAA,iBAAiB,UAAU,QAAQ;UAGvC,iBAAA,IAAqB,eAAA,MAAqB;AAC9C,uCAAQ,yBAAyB;AAAA,QAC/B,OAAO,UAAU;AAAA,QACjB,QAAQ,UAAU;AAAA,QAClB,aAAa,UAAU;AAAA,QACvB,cAAc,UAAU;AAAA,QACxB,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA,QACtB,aAAa,UAAU;AAAA,QACvB,cAAc,UAAU;AAAA;KAE3B;AACD,mBAAe,QAAQ,SAAS;AAE1B,UAAA,2BAA2B,OAAO,gBAAmB,CAAA,EAAA,GAAG,GAAG,WAAW,aAAa;AACvF,kCAA4B;AAC1B,kBAAU,WAAW,MAAM,GAAG,KAAK,GAAG;OACvC;AAAA,KACF;iBAGY;AACX,uCAAQ,6BAA6B;AAC3B,gBAAA,oBAAoB,UAAU,QAAQ;AAChD,qBAAe,WAAW;AACD,+BAAA;AAAA,IAC3B;AAAA,GACD;;IAIK,IAAA,eAAe;mBACV,YAAA;AAAA,IACT;AAAA,QACI,aAAa,IAA2B;AAC3B,QAAA,IAAA,cAAA,IAAA,IAAA;AAAA;;AAGrB;;qCCxEA;;MAUwC,YAAS,EAAA,WAAA,SAAA,CAAA,WAAA,YAAA,YAAA,YAAA,OAAA,CAAA;AAE3C,MAAA,sBAAqB,CAAC;AAEtB,MAAA,wBAAuB,cAAc;wBAEX,qBAAqB,GAA3C,sCAAA,QAAQ;AAEhB,IAAA,YAAc,MAAA;AACR,QAAA,EAAA,IAAA,QAAQ,GAAE;YACZ,aAAW,EAAA,IAAG,QAAQ,EAAC,eAAc,GAAA,IAAA;AAAA,IACvC;AAAA,GACD;;wCAIG,WAAS,OAAA,QAAA,OAAA,CAAA,EAAA,KAAA,GAAA,GAAA,IAAA;AAAA;;;;wBAKK,WAAW,CAAA;AAAA;;;;;AAJlB,IAAA,UAAA,KAAA,CAAA,YAAA,EAAA,IAAA,WAAW,EAAC,eAAZ,SAAA,MAAA;;AAAA,mBAAA,IAAA,WAAW,MAAX,mBAAY;AAAA,GAAY;;;AAJrC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-viewport",
-  "version": "1.3.16",
+  "version": "1.4.0",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -26,23 +26,30 @@
       "types": "./dist/vue/index.d.ts",
       "import": "./dist/vue/index.js",
       "require": "./dist/vue/index.cjs"
+    },
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "svelte": "./dist/svelte/index.js",
+      "import": "./dist/svelte/index.js",
+      "require": "./dist/svelte/index.cjs"
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.3.16"
+    "@embedpdf/models": "1.4.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
-    "@embedpdf/core": "1.3.16",
-    "@embedpdf/build": "1.0.1"
+    "@embedpdf/build": "1.1.0",
+    "@embedpdf/core": "1.4.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
-    "@embedpdf/core": "1.3.16"
+    "svelte": ">=5 <6",
+    "@embedpdf/core": "1.4.0"
   },
   "files": [
     "dist",
@@ -65,7 +72,8 @@
     "build:react": "vite build --mode react",
     "build:preact": "vite build --mode preact",
     "build:vue": "vite build --mode vue",
-    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\"",
+    "build:svelte": "vite build --mode svelte",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue,svelte \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\" \"vite build --mode svelte\"",
     "clean": "rimraf dist",
     "lint": "eslint src --color",
     "lint:fix": "eslint src --color --fix"