@embedpdf/plugin-pan 1.0.26 → 1.1.1

package/dist/vue/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),n=require("@embedpdf/plugin-pan"),t=require("vue"),o=require("@embedpdf/core/vue"),a=()=>o.usePlugin(n.PanPlugin.id),u=()=>o.useCapability(n.PanPlugin.id),r=t.defineComponent({__name:"pan-mode",setup(e){const{provides:n}=u(),{plugin:o}=a();return t.onMounted((()=>{t.watchEffect((()=>{var e;if(!n.value||!o.value)return;const t=(null==(e=o.value.config)?void 0:e.defaultMode)??"never",a="undefined"!=typeof window&&("ontouchstart"in window||navigator.maxTouchPoints>0);"mobile"===t&&a&&n.value.makePanDefault()}))})),(e,n)=>null}}),i=e.createPluginPackage(n.PanPluginPackage).addUtility(r).build();exports.PanMode=r,exports.PanPluginPackage=i,exports.usePan=()=>{const{provides:e}=u(),n=t.ref(!1);return t.onMounted((()=>{if(!e.value)return;const o=e.value.onPanModeChange((e=>{n.value=e}));t.onUnmounted((()=>{o()}))})),{provides:e,isPanning:n}},exports.usePanCapability=u,exports.usePanPlugin=a,Object.keys(n).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>n[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),n=require("@embedpdf/plugin-pan"),a=require("vue"),t=require("@embedpdf/core/vue"),o=()=>t.usePlugin(n.PanPlugin.id),i=()=>t.useCapability(n.PanPlugin.id),r=a.defineComponent({__name:"pan-mode",setup(e){const{provides:n}=i(),{plugin:t}=o();return a.onMounted((()=>{a.watchEffect((()=>{var e;if(!n.value||!t.value)return;const a=(null==(e=t.value.config)?void 0:e.defaultMode)??"never",o="undefined"!=typeof window&&("ontouchstart"in window||navigator.maxTouchPoints>0);"mobile"===a&&o&&n.value.makePanDefault()}))})),(e,n)=>null}}),u=e.createPluginPackage(n.PanPluginPackage).addUtility(r).build();exports.PanMode=r,exports.PanPluginPackage=u,exports.usePan=()=>{const{provides:e}=i(),n=a.ref(!1);return a.watch(e,((e,a,t)=>{if(e){t(e.onPanModeChange((e=>{n.value=e})))}}),{immediate:!0}),{provides:e,isPanning:n}},exports.usePanCapability=i,exports.usePanPlugin=o,Object.keys(n).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>n[e]})}));
 //# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-pan.ts","../../src/vue/components/pan-mode.vue","../../src/vue/index.ts"],"sourcesContent":["import { ref, onMounted, onUnmounted } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\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 } = usePanCapability();\n  const isPanning = ref(false);\n\n  onMounted(() => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onPanModeChange((panning) => {\n      isPanning.value = panning;\n    });\n\n    onUnmounted(() => {\n      unsubscribe();\n    });\n  });\n\n  return {\n    provides,\n    isPanning,\n  };\n};\n","<template>\n  <!-- This component is only used to make the pan mode default when the plugin is initialized -->\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, watchEffect } from 'vue';\nimport { usePanCapability, usePanPlugin } from '../hooks/use-pan';\n\nconst { provides: pan } = usePanCapability();\nconst { plugin: panPlugin } = usePanPlugin();\n\nonMounted(() => {\n  watchEffect(() => {\n    if (!pan.value || !panPlugin.value) return;\n\n    const mode = panPlugin.value.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.value.makePanDefault();\n    }\n  });\n});\n</script>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { PanPluginPackage as BasePanPackage } from '@embedpdf/plugin-pan';\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","onMounted","watchEffect","value","mode","_a","config","defaultMode","SUPPORT_TOUCH","window","navigator","maxTouchPoints","makePanDefault","PanPluginPackage","createPluginPackage","BasePanPackage","addUtility","PanMode","build","isPanning","ref","unsubscribe","onPanModeChange","panning","onUnmounted"],"mappings":"qMAIaA,EAAe,IAAMC,YAAqBC,EAAAA,UAAUC,IACpDC,EAAmB,IAAMC,gBAAyBH,EAAAA,UAAUC,oDCGzE,MAAQG,SAAUC,GAAQH,KAClBI,OAAQC,GAAcT,WAE9BU,EAAAA,WAAU,KACRC,EAAAA,aAAY,WACV,IAAKJ,EAAIK,QAAUH,EAAUG,MAAO,OAEpC,MAAMC,GAAO,OAAAC,EAAAL,EAAUG,MAAMG,iBAAQC,cAAe,QAC9CC,EACc,oBAAXC,SAA2B,iBAAkBA,QAAUC,UAAUC,eAAiB,GAE9E,WAATP,GAAqBI,GACvBV,EAAIK,MAAMS,gBAAe,GAE5B,mBCdUC,EAAmBC,EAAoBA,oBAAAC,EAAcF,kBAAEG,WAAWC,GAASC,oEFDlE,KACd,MAAArB,SAAEA,GAAaF,IACfwB,EAAYC,OAAI,GAcf,OAZPnB,EAAAA,WAAU,KACJ,IAACJ,EAASM,MAAO,OAErB,MAAMkB,EAAcxB,EAASM,MAAMmB,iBAAiBC,IAClDJ,EAAUhB,MAAQoB,CAAA,IAGpBC,EAAAA,aAAY,KACEH,GAAA,GACb,IAGI,CACLxB,WACAsB,YACF"}
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-pan.ts","../../src/vue/components/pan-mode.vue","../../src/vue/index.ts"],"sourcesContent":["import { ref, watch } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\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 } = usePanCapability();\n  const isPanning = ref(false);\n\n  watch(\n    provides,\n    (providesValue, _, onCleanup) => {\n      if (providesValue) {\n        const unsubscribe = providesValue.onPanModeChange((panning) => {\n          isPanning.value = panning;\n        });\n        onCleanup(unsubscribe);\n      }\n    },\n    { immediate: true },\n  );\n\n  return {\n    provides,\n    isPanning,\n  };\n};\n","<template>\n  <!-- This component is only used to make the pan mode default when the plugin is initialized -->\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, watchEffect } from 'vue';\nimport { usePanCapability, usePanPlugin } from '../hooks/use-pan';\n\nconst { provides: pan } = usePanCapability();\nconst { plugin: panPlugin } = usePanPlugin();\n\nonMounted(() => {\n  watchEffect(() => {\n    if (!pan.value || !panPlugin.value) return;\n\n    const mode = panPlugin.value.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.value.makePanDefault();\n    }\n  });\n});\n</script>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { PanPluginPackage as BasePanPackage } from '@embedpdf/plugin-pan';\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","onMounted","watchEffect","value","mode","_a","config","defaultMode","SUPPORT_TOUCH","window","navigator","maxTouchPoints","makePanDefault","PanPluginPackage","createPluginPackage","BasePanPackage","addUtility","PanMode","build","isPanning","ref","vue$1","watch","providesValue","_","onCleanup","onPanModeChange","panning","immediate"],"mappings":"qMAIaA,EAAe,IAAMC,YAAqBC,EAAAA,UAAUC,IACpDC,EAAmB,IAAMC,gBAAyBH,EAAAA,UAAUC,oDCGzE,MAAQG,SAAUC,GAAQH,KAClBI,OAAQC,GAAcT,WAE9BU,EAAAA,WAAU,KACRC,EAAAA,aAAY,WACV,IAAKJ,EAAIK,QAAUH,EAAUG,MAAO,OAEpC,MAAMC,GAAO,OAAAC,EAAAL,EAAUG,MAAMG,iBAAQC,cAAe,QAC9CC,EACc,oBAAXC,SAA2B,iBAAkBA,QAAUC,UAAUC,eAAiB,GAE9E,WAATP,GAAqBI,GACvBV,EAAIK,MAAMS,gBAAe,GAE5B,mBCdUC,EAAmBC,EAAoBA,oBAAAC,EAAcF,kBAAEG,WAAWC,GAASC,oEFDlE,KACd,MAAArB,SAAEA,GAAaF,IACfwB,EAAYC,OAAI,GAef,OAbPC,EAAAC,MACEzB,GACA,CAAC0B,EAAeC,EAAGC,KACjB,GAAIF,EAAe,CAIjBE,EAHoBF,EAAcG,iBAAiBC,IACjDR,EAAUhB,MAAQwB,CAAA,IAEC,IAGzB,CAAEC,WAAW,IAGR,CACL/B,WACAsB,YACF"}

package/dist/vue/index.js

@@ -1,22 +1,25 @@
 import { createPluginPackage } from "@embedpdf/core";
 import { PanPlugin, PanPluginPackage as PanPluginPackage$1 } from "@embedpdf/plugin-pan";
 export * from "@embedpdf/plugin-pan";
-import { ref, onMounted, onUnmounted, defineComponent, watchEffect } from "vue";
+import { ref, watch, defineComponent, onMounted, watchEffect } from "vue";
 import { useCapability, usePlugin } from "@embedpdf/core/vue";
 const usePanPlugin = () => usePlugin(PanPlugin.id);
 const usePanCapability = () => useCapability(PanPlugin.id);
 const usePan = () => {
   const { provides } = usePanCapability();
   const isPanning = ref(false);
-  onMounted(() => {
-    if (!provides.value) return;
-    const unsubscribe = provides.value.onPanModeChange((panning) => {
-      isPanning.value = panning;
-    });
-    onUnmounted(() => {
-      unsubscribe();
-    });
-  });
+  watch(
+    provides,
+    (providesValue, _, onCleanup) => {
+      if (providesValue) {
+        const unsubscribe = providesValue.onPanModeChange((panning) => {
+          isPanning.value = panning;
+        });
+        onCleanup(unsubscribe);
+      }
+    },
+    { immediate: true }
+  );
   return {
     provides,
     isPanning

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-pan.ts","../../src/vue/components/pan-mode.vue","../../src/vue/index.ts"],"sourcesContent":["import { ref, onMounted, onUnmounted } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\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 } = usePanCapability();\n  const isPanning = ref(false);\n\n  onMounted(() => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onPanModeChange((panning) => {\n      isPanning.value = panning;\n    });\n\n    onUnmounted(() => {\n      unsubscribe();\n    });\n  });\n\n  return {\n    provides,\n    isPanning,\n  };\n};\n","<template>\n  <!-- This component is only used to make the pan mode default when the plugin is initialized -->\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, watchEffect } from 'vue';\nimport { usePanCapability, usePanPlugin } from '../hooks/use-pan';\n\nconst { provides: pan } = usePanCapability();\nconst { plugin: panPlugin } = usePanPlugin();\n\nonMounted(() => {\n  watchEffect(() => {\n    if (!pan.value || !panPlugin.value) return;\n\n    const mode = panPlugin.value.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.value.makePanDefault();\n    }\n  });\n});\n</script>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { PanPluginPackage as BasePanPackage } from '@embedpdf/plugin-pan';\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","PanMode"],"mappings":";;;;;AAIO,MAAM,eAAe,MAAM,UAAqB,UAAU,EAAE;AAC5D,MAAM,mBAAmB,MAAM,cAAyB,UAAU,EAAE;AAEpE,MAAM,SAAS,MAAM;AACpB,QAAA,EAAE,SAAS,IAAI,iBAAiB;AAChC,QAAA,YAAY,IAAI,KAAK;AAE3B,YAAU,MAAM;AACV,QAAA,CAAC,SAAS,MAAO;AAErB,UAAM,cAAc,SAAS,MAAM,gBAAgB,CAAC,YAAY;AAC9D,gBAAU,QAAQ;AAAA,IAAA,CACnB;AAED,gBAAY,MAAM;AACJ,kBAAA;AAAA,IAAA,CACb;AAAA,EAAA,CACF;AAEM,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;;ACnBA,UAAM,EAAE,UAAU,IAAI,IAAI,iBAAiB;AAC3C,UAAM,EAAE,QAAQ,UAAU,IAAI,aAAa;AAE3C,cAAU,MAAM;AACd,kBAAY,MAAM;;AAChB,YAAI,CAAC,IAAI,SAAS,CAAC,UAAU,MAAO;AAEpC,cAAM,SAAO,eAAU,MAAM,WAAhB,mBAAwB,gBAAe;AACpD,cAAM,gBACJ,OAAO,WAAW,gBAAgB,kBAAkB,UAAU,UAAU,iBAAiB;AAEvF,YAAA,SAAS,YAAY,eAAe;AACtC,cAAI,MAAM,eAAe;AAAA,QAAA;AAAA,MAC3B,CACD;AAAA,IAAA,CACF;;;;;;ACfM,MAAM,mBAAmB,oBAAoBA,kBAAc,EAAE,WAAWC,SAAO,EAAE,MAAM;"}
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-pan.ts","../../src/vue/components/pan-mode.vue","../../src/vue/index.ts"],"sourcesContent":["import { ref, watch } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\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 } = usePanCapability();\n  const isPanning = ref(false);\n\n  watch(\n    provides,\n    (providesValue, _, onCleanup) => {\n      if (providesValue) {\n        const unsubscribe = providesValue.onPanModeChange((panning) => {\n          isPanning.value = panning;\n        });\n        onCleanup(unsubscribe);\n      }\n    },\n    { immediate: true },\n  );\n\n  return {\n    provides,\n    isPanning,\n  };\n};\n","<template>\n  <!-- This component is only used to make the pan mode default when the plugin is initialized -->\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, watchEffect } from 'vue';\nimport { usePanCapability, usePanPlugin } from '../hooks/use-pan';\n\nconst { provides: pan } = usePanCapability();\nconst { plugin: panPlugin } = usePanPlugin();\n\nonMounted(() => {\n  watchEffect(() => {\n    if (!pan.value || !panPlugin.value) return;\n\n    const mode = panPlugin.value.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.value.makePanDefault();\n    }\n  });\n});\n</script>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { PanPluginPackage as BasePanPackage } from '@embedpdf/plugin-pan';\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","PanMode"],"mappings":";;;;;AAIO,MAAM,eAAe,MAAM,UAAqB,UAAU,EAAE;AAC5D,MAAM,mBAAmB,MAAM,cAAyB,UAAU,EAAE;AAEpE,MAAM,SAAS,MAAM;AACpB,QAAA,EAAE,SAAS,IAAI,iBAAiB;AAChC,QAAA,YAAY,IAAI,KAAK;AAE3B;AAAA,IACE;AAAA,IACA,CAAC,eAAe,GAAG,cAAc;AAC/B,UAAI,eAAe;AACjB,cAAM,cAAc,cAAc,gBAAgB,CAAC,YAAY;AAC7D,oBAAU,QAAQ;AAAA,QAAA,CACnB;AACD,kBAAU,WAAW;AAAA,MAAA;AAAA,IAEzB;AAAA,IACA,EAAE,WAAW,KAAK;AAAA,EACpB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;;ACpBA,UAAM,EAAE,UAAU,IAAI,IAAI,iBAAiB;AAC3C,UAAM,EAAE,QAAQ,UAAU,IAAI,aAAa;AAE3C,cAAU,MAAM;AACd,kBAAY,MAAM;;AAChB,YAAI,CAAC,IAAI,SAAS,CAAC,UAAU,MAAO;AAEpC,cAAM,SAAO,eAAU,MAAM,WAAhB,mBAAwB,gBAAe;AACpD,cAAM,gBACJ,OAAO,WAAW,gBAAgB,kBAAkB,UAAU,UAAU,iBAAiB;AAEvF,YAAA,SAAS,YAAY,eAAe;AACtC,cAAI,MAAM,eAAe;AAAA,QAAA;AAAA,MAC3B,CACD;AAAA,IAAA,CACF;;;;;;ACfM,MAAM,mBAAmB,oBAAoBA,kBAAc,EAAE,WAAWC,SAAO,EAAE,MAAM;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-pan",
-  "version": "1.0.26",
+  "version": "1.1.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -28,23 +28,23 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.0.26"
+    "@embedpdf/models": "1.1.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.0.0",
-    "@embedpdf/plugin-interaction-manager": "1.0.26",
-    "@embedpdf/plugin-viewport": "1.0.26"
+    "@embedpdf/plugin-interaction-manager": "1.1.1",
+    "@embedpdf/plugin-viewport": "1.1.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
-    "@embedpdf/core": "1.0.26",
-    "@embedpdf/plugin-interaction-manager": "1.0.26",
-    "@embedpdf/plugin-viewport": "1.0.26"
+    "@embedpdf/core": "1.1.1",
+    "@embedpdf/plugin-viewport": "1.1.1",
+    "@embedpdf/plugin-interaction-manager": "1.1.1"
   },
   "files": [
     "dist",