@embedpdf/plugin-pan 1.3.15 → 1.4.0

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

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

package/dist/shared/components/pan-mode.d.ts

@@ -0,0 +1 @@
+export declare const PanMode: () => null;

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

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

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

@@ -0,0 +1,15 @@
+import { PanPlugin } from '../../index.ts';
+export declare const usePanPlugin: () => {
+    plugin: PanPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const usePanCapability: () => {
+    provides: Readonly<import('../../index.ts').PanCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const usePan: () => {
+    provides: Readonly<import('../../index.ts').PanCapability> | null;
+    isPanning: boolean;
+};

package/dist/shared/index.d.ts

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './components';
+export * from '../index.ts';
+export declare const PanPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../index.ts').PanPlugin, import('../index.ts').PanPluginConfig, unknown, import('@embedpdf/core').Action>>;

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

@@ -0,0 +1,3 @@
+declare const PanMode: import('svelte', { with: { "resolution-mode": "import" } }).Component<Record<string, never>, {}, "">;
+type PanMode = ReturnType<typeof PanMode>;
+export default PanMode;

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

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

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

@@ -0,0 +1 @@
+export * from './use-pan.svelte';

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

@@ -0,0 +1,15 @@
+import { PanPlugin } from '../../lib/index.ts';
+export declare const usePanPlugin: () => {
+    plugin: PanPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const usePanCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').PanCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const usePan: () => {
+    readonly provides: Readonly<import('../../lib/index.ts').PanCapability> | null;
+    readonly isPanning: boolean;
+};

package/dist/svelte/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-pan");require("svelte/internal/disclose-version");const n=require("svelte/internal/client"),r=require("@embedpdf/core/svelte");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const i=o(n),a=()=>r.usePlugin(t.PanPlugin.id),u=()=>r.useCapability(t.PanPlugin.id);function s(e,t){i.push(t,!0);const{provides:n}=u(),{plugin:r}=a();i.user_effect((()=>{var e;if(!n||!r)return;const t=(null==(e=r.config)?void 0:e.defaultMode)??"never",o="undefined"!=typeof window&&("ontouchstart"in window||navigator.maxTouchPoints>0);"mobile"===t&&o&&n.makePanDefault()})),i.pop()}const l=e.createPluginPackage(t.PanPluginPackage).addUtility(s).build();exports.PanMode=s,exports.PanPluginPackage=l,exports.usePan=()=>{const e=i.derived(u),t=i.derived((()=>i.get(e).provides));let n=i.state(!1);return i.user_effect((()=>{if(i.get(t))return i.get(t).onPanModeChange((e=>{i.set(n,e,!0)}))})),{get provides(){return i.get(t)},get isPanning(){return i.get(n)}}},exports.usePanCapability=u,exports.usePanPlugin=a,Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
+//# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-pan.svelte.ts","../../src/svelte/components/PanMode.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { PanPlugin } from '@embedpdf/plugin-pan';\n\nexport const usePanPlugin = () => usePlugin<PanPlugin>(PanPlugin.id);\nexport const usePanCapability = () => useCapability<PanPlugin>(PanPlugin.id);\n\nexport const usePan = () => {\n  const { provides } = $derived(usePanCapability());\n  let isPanning = $state(false);\n\n  $effect(() => {\n    if (!provides) return;\n    return provides.onPanModeChange((isPanningState) => {\n      isPanning = isPanningState;\n    });\n  });\n\n  return {\n    get provides() {\n      return provides;\n    },\n    get isPanning() {\n      return isPanning;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import { usePanCapability, usePanPlugin } from '../hooks';\n\n  const { provides: pan } = usePanCapability();\n  const { plugin: panPlugin } = usePanPlugin();\n\n  $effect(() => {\n    if (!pan || !panPlugin) return;\n\n    const mode = panPlugin.config?.defaultMode ?? 'never';\n    const SUPPORT_TOUCH =\n      typeof window !== 'undefined' && ('ontouchstart' in window || navigator.maxTouchPoints > 0);\n\n    if (mode === 'mobile' && SUPPORT_TOUCH) {\n      pan.makePanDefault();\n    }\n  });\n</script>\n\n<!-- This component is only used to make the pan mode default when the plugin is initialized. -->\n","import { createPluginPackage } from '@embedpdf/core';\nimport { PanPluginPackage as BasePanPackage } from '@embedpdf/plugin-pan';\n\nimport { PanMode } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-pan';\n\nexport const PanPluginPackage = createPluginPackage(BasePanPackage).addUtility(PanMode).build();\n"],"names":["usePanPlugin","usePlugin","PanPlugin","id","usePanCapability","useCapability","provides","pan","plugin","panPlugin","$","user_effect","mode","_a","config","defaultMode","SUPPORT_TOUCH","window","navigator","maxTouchPoints","makePanDefault","PanPluginPackage","createPluginPackage","BasePanPackage","addUtility","PanMode","build","isPanning","get","onPanModeChange","isPanningState","$__namespace","set"],"mappings":"qiBAGaA,EAAqB,IAAAC,YAAqBC,EAAAA,UAAUC,IACpDC,EAAyB,IAAAC,gBAAyBH,EAAAA,UAAUC,uCCD/DG,SAAUC,GAAQH,KAClBI,OAAQC,GAAcT,IAE9BU,EAAAC,aAAc,WACP,IAAAJ,IAAQE,EAAS,OAEhB,MAAAG,GAAO,OAAAC,EAAAJ,EAAUK,aAAV,EAAAD,EAAkBE,cAAe,QACxCC,EACc,oBAAXC,SAA2B,iBAAkBA,QAAUC,UAAUC,eAAiB,GAE9E,WAATP,GAAqBI,GACvBT,EAAIa,gBACN,WAEJ,CCRO,MAAMC,EAAmBC,EAAoBA,oBAAAC,EAAcF,kBAAEG,WAAWC,GAASC,2FFFxDtB,GAAtBE,0BAAAA,WACJ,IAAAqB,WAAmB,UAEvBjB,EAAAC,2BACOL,GACE,OAAAI,EAAAkB,IAAAtB,GAASuB,iBAAiBC,IACnBC,EAAAC,IAAAL,EAAAG,GAAA,EAAA,GACb,KAIG,YAAAxB,gBACKA,EACT,EACI,aAAAqB,gBACKA"}

package/dist/svelte/index.d.ts

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './components';
+export * from '../lib/index.ts';
+export declare const PanPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').PanPlugin, import('../lib/index.ts').PanPluginConfig, unknown, import('@embedpdf/core').Action>>;

package/dist/svelte/index.js

@@ -0,0 +1,50 @@
+import { createPluginPackage } from "@embedpdf/core";
+import { PanPlugin, PanPluginPackage as PanPluginPackage$1 } from "@embedpdf/plugin-pan";
+export * from "@embedpdf/plugin-pan";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { useCapability, usePlugin } from "@embedpdf/core/svelte";
+const usePanPlugin = () => usePlugin(PanPlugin.id);
+const usePanCapability = () => useCapability(PanPlugin.id);
+const usePan = () => {
+  const $$d = $.derived(usePanCapability), provides = $.derived(() => $.get($$d).provides);
+  let isPanning = $.state(false);
+  $.user_effect(() => {
+    if (!$.get(provides)) return;
+    return $.get(provides).onPanModeChange((isPanningState) => {
+      $.set(isPanning, isPanningState, true);
+    });
+  });
+  return {
+    get provides() {
+      return $.get(provides);
+    },
+    get isPanning() {
+      return $.get(isPanning);
+    }
+  };
+};
+function PanMode($$anchor, $$props) {
+  $.push($$props, true);
+  const { provides: pan } = usePanCapability();
+  const { plugin: panPlugin } = usePanPlugin();
+  $.user_effect(() => {
+    var _a;
+    if (!pan || !panPlugin) return;
+    const mode = ((_a = panPlugin.config) == null ? void 0 : _a.defaultMode) ?? "never";
+    const SUPPORT_TOUCH = typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0);
+    if (mode === "mobile" && SUPPORT_TOUCH) {
+      pan.makePanDefault();
+    }
+  });
+  $.pop();
+}
+const PanPluginPackage = createPluginPackage(PanPluginPackage$1).addUtility(PanMode).build();
+export {
+  PanMode,
+  PanPluginPackage,
+  usePan,
+  usePanCapability,
+  usePanPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-pan.svelte.ts","../../src/svelte/components/PanMode.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { PanPlugin } from '@embedpdf/plugin-pan';\n\nexport const usePanPlugin = () => usePlugin<PanPlugin>(PanPlugin.id);\nexport const usePanCapability = () => useCapability<PanPlugin>(PanPlugin.id);\n\nexport const usePan = () => {\n  const { provides } = $derived(usePanCapability());\n  let isPanning = $state(false);\n\n  $effect(() => {\n    if (!provides) return;\n    return provides.onPanModeChange((isPanningState) => {\n      isPanning = isPanningState;\n    });\n  });\n\n  return {\n    get provides() {\n      return provides;\n    },\n    get isPanning() {\n      return isPanning;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import { usePanCapability, usePanPlugin } from '../hooks';\n\n  const { provides: pan } = usePanCapability();\n  const { plugin: panPlugin } = usePanPlugin();\n\n  $effect(() => {\n    if (!pan || !panPlugin) return;\n\n    const mode = panPlugin.config?.defaultMode ?? 'never';\n    const SUPPORT_TOUCH =\n      typeof window !== 'undefined' && ('ontouchstart' in window || navigator.maxTouchPoints > 0);\n\n    if (mode === 'mobile' && SUPPORT_TOUCH) {\n      pan.makePanDefault();\n    }\n  });\n</script>\n\n<!-- This component is only used to make the pan mode default when the plugin is initialized. -->\n","import { createPluginPackage } from '@embedpdf/core';\nimport { PanPluginPackage as BasePanPackage } from '@embedpdf/plugin-pan';\n\nimport { PanMode } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-pan';\n\nexport const PanPluginPackage = createPluginPackage(BasePanPackage).addUtility(PanMode).build();\n"],"names":["BasePanPackage"],"mappings":";;;;;;AAGa,MAAA,eAAqB,MAAA,UAAqB,UAAU,EAAE;AACtD,MAAA,mBAAyB,MAAA,cAAyB,UAAU,EAAE;AAE9D,MAAA,eAAe;wBACI,mBAAtB,sCAAA,QAAA;AACJ,MAAA,oBAAmB,KAAK;AAE5B,IAAA,kBAAc;eACP,QAAU,EAAA;AACR,WAAA,EAAA,IAAA,QAAA,EAAS,gBAAiB,CAAA,mBAAmB;AACtC,QAAA,IAAA,WAAA,gBAAA,IAAA;AAAA,KACb;AAAA,GACF;;IAGK,IAAA,WAAW;mBACN,QAAA;AAAA,IACT;AAAA,IACI,IAAA,YAAY;mBACP,SAAA;AAAA;;AAGb;oCCzBA;;UAGU,UAAU,IAAG,IAAK,iBAAgB;UAClC,QAAQ,UAAS,IAAK,aAAY;AAE1C,IAAA,YAAc,MAAA;;AACP,QAAA,CAAA,QAAQ,UAAS;AAEhB,UAAA,SAAO,eAAU,WAAV,mBAAkB,gBAAe;AACxC,UAAA,gBACG,OAAA,WAAW,gBAAgB,kBAAkB,UAAU,UAAU,iBAAiB;AAEvF,QAAA,SAAS,YAAY,eAAe;AACtC,UAAI,eAAc;AAAA,IACpB;AAAA,GACD;;AACH;ACRO,MAAM,mBAAmB,oBAAoBA,kBAAc,EAAE,WAAW,OAAO,EAAE,MAAM;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-pan",
-  "version": "1.3.15",
+  "version": "1.4.0",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -26,26 +26,32 @@
       "types": "./dist/vue/index.d.ts",
       "import": "./dist/vue/index.js",
       "require": "./dist/vue/index.cjs"
+    },
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "import": "./dist/svelte/index.js",
+      "require": "./dist/svelte/index.cjs"
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.3.15"
+    "@embedpdf/models": "1.4.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
-    "@embedpdf/build": "1.0.1",
-    "@embedpdf/plugin-interaction-manager": "1.3.15",
-    "@embedpdf/plugin-viewport": "1.3.15"
+    "@embedpdf/plugin-interaction-manager": "1.4.0",
+    "@embedpdf/build": "1.1.0",
+    "@embedpdf/plugin-viewport": "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.15",
-    "@embedpdf/plugin-viewport": "1.3.15",
-    "@embedpdf/plugin-interaction-manager": "1.3.15"
+    "svelte": ">=5 <6",
+    "@embedpdf/core": "1.4.0",
+    "@embedpdf/plugin-viewport": "1.4.0",
+    "@embedpdf/plugin-interaction-manager": "1.4.0"
   },
   "files": [
     "dist",
@@ -68,7 +74,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"