@embedpdf/plugin-rotate 1.5.0 → 2.0.0-next.1

package/dist/vue/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/vue"),t=require("@embedpdf/plugin-rotate"),r=require("vue"),o=()=>e.usePlugin(t.RotatePlugin.id),a=()=>e.useCapability(t.RotatePlugin.id),i=r.defineComponent({__name:"rotate",props:{pageSize:{}},setup(e){const t=e,{plugin:a}=o(),i=r.computed((()=>a.value?a.value.getMatrixAsString({w:t.pageSize.width,h:t.pageSize.height}):"matrix(1, 0, 0, 1, 0, 0)"));return(e,t)=>(r.openBlock(),r.createElementBlock("div",{style:r.normalizeStyle({position:"absolute",transformOrigin:"0 0",transform:i.value})},[r.renderSlot(e.$slots,"default")],4))}});exports.Rotate=i,exports.useRotate=()=>{const{provides:e}=a(),t=r.ref(0);return r.watchEffect((r=>{if(!e.value)return;r(e.value.onRotateChange((e=>{t.value=e})))})),{rotation:t,provides:e}},exports.useRotateCapability=a,exports.useRotatePlugin=o,Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@embedpdf/core/vue"),o=require("@embedpdf/plugin-rotate"),a=()=>t.usePlugin(o.RotatePlugin.id),r=()=>t.useCapability(o.RotatePlugin.id),u=e.defineComponent({__name:"rotate",props:{documentId:{},pageIndex:{},rotation:{},scale:{}},setup(o){const r=o,{plugin:u}=a(),n=t.useDocumentState(()=>r.documentId),l=e.computed(()=>{var e,t,o;return null==(o=null==(t=null==(e=n.value)?void 0:e.document)?void 0:t.pages)?void 0:o[r.pageIndex]}),i=e.computed(()=>{var e,t;return(null==(t=null==(e=l.value)?void 0:e.size)?void 0:t.width)??0}),d=e.computed(()=>{var e,t;return(null==(t=null==(e=l.value)?void 0:e.size)?void 0:t.height)??0}),s=e.computed(()=>{var e;return void 0!==r.rotation?r.rotation:(null==(e=n.value)?void 0:e.rotation)??0}),v=e.computed(()=>{var e;return void 0!==r.scale?r.scale:(null==(e=n.value)?void 0:e.scale)??1}),c=e.computed(()=>u.value?u.value.getMatrixAsString({width:i.value*v.value,height:d.value*v.value,rotation:s.value}):"matrix(1, 0, 0, 1, 0, 0)");return(t,o)=>l.value?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,style:{position:"absolute",transformOrigin:"0 0",transform:c.value}},t.$attrs),[e.renderSlot(t.$slots,"default")],16)):e.createCommentVNode("",!0)}});exports.Rotate=u,exports.useRotate=t=>{const{provides:a}=r(),u=e.ref(o.initialDocumentState.rotation);e.watch([a,()=>e.toValue(t)],([e,t],a,r)=>{if(!e)return void(u.value=o.initialDocumentState.rotation);const n=e.forDocument(t);u.value=n.getRotation();r(n.onRotateChange(e=>{u.value=e}))},{immediate:!0});const n=e.computed(()=>{var o;const r=e.toValue(t);return(null==(o=a.value)?void 0:o.forDocument(r))??null});return{rotation:e.readonly(u),provides:n}},exports.useRotateCapability=r,exports.useRotatePlugin=a,Object.keys(o).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})});
 //# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-rotate.ts","../../src/vue/components/rotate.vue"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RotatePlugin } from '@embedpdf/plugin-rotate';\nimport { ref, watchEffect } from 'vue';\nimport { Rotation } from '@embedpdf/models';\n\n/**\n * Hook to get the raw rotate plugin instance.\n */\nexport const useRotatePlugin = () => usePlugin<RotatePlugin>(RotatePlugin.id);\n\n/**\n * Hook to get the rotate plugin's capability API.\n * This provides methods for rotating the document.\n */\nexport const useRotateCapability = () => useCapability<RotatePlugin>(RotatePlugin.id);\n\n/**\n * Hook that provides reactive rotation state and methods.\n */\nexport const useRotate = () => {\n  const { provides } = useRotateCapability();\n  const rotation = ref<Rotation>(0);\n\n  watchEffect((onCleanup) => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onRotateChange((newRotation) => {\n      rotation.value = newRotation;\n    });\n    onCleanup(unsubscribe);\n  });\n\n  return {\n    rotation,\n    provides,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Size } from '@embedpdf/models';\nimport { useRotatePlugin } from '../hooks';\n\ninterface Props {\n  pageSize: Size;\n}\n\nconst props = defineProps<Props>();\n\nconst { plugin: rotate } = useRotatePlugin();\n\nconst transformMatrix = computed(() => {\n  // If the capability is not yet available, return an identity matrix.\n  if (!rotate.value) {\n    return 'matrix(1, 0, 0, 1, 0, 0)';\n  }\n\n  // Get the CSS transform matrix string from the capability.\n  return rotate.value.getMatrixAsString({\n    w: props.pageSize.width,\n    h: props.pageSize.height,\n  });\n});\n</script>\n\n<template>\n  <div\n    :style=\"{\n      position: 'absolute',\n      transformOrigin: '0 0',\n      transform: transformMatrix,\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n"],"names":["useRotatePlugin","usePlugin","RotatePlugin","id","useRotateCapability","useCapability","props","__props","plugin","rotate","transformMatrix","computed","value","getMatrixAsString","w","pageSize","width","h","height","_createElementBlock","createElementBlock","style","_normalizeStyle","_renderSlot","_ctx","$slots","provides","rotation","ref","vue$1","watchEffect","onCleanup","onRotateChange","newRotation"],"mappings":"4KAQaA,EAAkB,IAAMC,YAAwBC,EAAAA,aAAaC,IAM7DC,EAAsB,IAAMC,gBAA4BH,EAAAA,aAAaC,sECLlF,MAAMG,EAAQC,GAENC,OAAQC,GAAWT,IAErBU,EAAkBC,EAAAA,UAAS,IAE1BF,EAAOG,MAKLH,EAAOG,MAAMC,kBAAkB,CACpCC,EAAGR,EAAMS,SAASC,MAClBC,EAAGX,EAAMS,SAASG,SANX,yDAYTC,EAAAC,mBAQM,MAAA,CAPHC,MAAKC,EAAAA,eAAA,qDAA+EZ,EAAeE,UAMpGW,aAAQC,EAAAC,OAAA,sDDhBa,KACjB,MAAAC,SAAEA,GAAatB,IACfuB,EAAWC,MAAc,GAWxB,OATPC,EAAAC,aAAaC,IACP,IAACL,EAASd,MAAO,OAKrBmB,EAHoBL,EAASd,MAAMoB,gBAAgBC,IACjDN,EAASf,MAAQqB,CAAA,IAEE,IAGhB,CACLN,WACAD,WACF"}
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-rotate.ts","../../src/vue/components/rotate.vue"],"sourcesContent":["import { ref, watch, readonly, computed, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RotatePlugin, initialDocumentState } from '@embedpdf/plugin-rotate';\nimport { Rotation } from '@embedpdf/models';\n\n/**\n * Hook to get the raw rotate plugin instance.\n */\nexport const useRotatePlugin = () => usePlugin<RotatePlugin>(RotatePlugin.id);\n\n/**\n * Hook to get the rotate plugin's capability API.\n * This provides methods for rotating the document.\n */\nexport const useRotateCapability = () => useCapability<RotatePlugin>(RotatePlugin.id);\n\n/**\n * Hook that provides reactive rotation state and methods for a specific document.\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useRotate = (documentId: MaybeRefOrGetter<string>) => {\n  const { provides } = useRotateCapability();\n  const rotation = ref<Rotation>(initialDocumentState.rotation);\n\n  watch(\n    [provides, () => toValue(documentId)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) {\n        rotation.value = initialDocumentState.rotation;\n        return;\n      }\n\n      const scope = providesValue.forDocument(docId);\n\n      // Get initial state\n      rotation.value = scope.getRotation();\n\n      // Subscribe to rotation changes\n      const unsubscribe = scope.onRotateChange((newRotation) => {\n        rotation.value = newRotation;\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  // Return a computed ref for the scoped capability\n  const scopedProvides = computed(() => {\n    const docId = toValue(documentId);\n    return provides.value?.forDocument(docId) ?? null;\n  });\n\n  return {\n    rotation: readonly(rotation),\n    provides: scopedProvides,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport { Rotation } from '@embedpdf/models';\nimport { useRotatePlugin } from '../hooks';\n\ninterface RotateProps {\n  documentId: string;\n  pageIndex: number;\n  rotation?: Rotation;\n  scale?: number;\n}\n\nconst props = defineProps<RotateProps>();\n\nconst { plugin: rotatePlugin } = useRotatePlugin();\nconst documentState = useDocumentState(() => props.documentId);\n\nconst page = computed(() => documentState.value?.document?.pages?.[props.pageIndex]);\nconst width = computed(() => page.value?.size?.width ?? 0);\nconst height = computed(() => page.value?.size?.height ?? 0);\n\nconst rotation = computed(() => {\n  if (props.rotation !== undefined) return props.rotation;\n  return documentState.value?.rotation ?? 0;\n});\n\nconst scale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nconst matrix = computed(() => {\n  if (!rotatePlugin.value) return 'matrix(1, 0, 0, 1, 0, 0)';\n\n  return rotatePlugin.value.getMatrixAsString({\n    width: width.value * scale.value,\n    height: height.value * scale.value,\n    rotation: rotation.value,\n  });\n});\n</script>\n\n<template>\n  <div\n    v-if=\"page\"\n    :style=\"{\n      position: 'absolute',\n      transformOrigin: '0 0',\n      transform: matrix,\n    }\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </div>\n</template>\n"],"names":["useRotatePlugin","usePlugin","RotatePlugin","id","useRotateCapability","useCapability","props","__props","plugin","rotatePlugin","documentState","useDocumentState","documentId","page","computed","_c","_b","_a","value","document","pages","pageIndex","width","size","height","rotation","scale","matrix","getMatrixAsString","_openBlock","_createElementBlock","_mergeProps","style","$attrs","_renderSlot","_ctx","$slots","provides","ref","initialDocumentState","watch","toValue","providesValue","docId","_","onCleanup","scope","forDocument","getRotation","onRotateChange","newRotation","immediate","scopedProvides","readonly"],"mappings":"4KAQaA,EAAkB,IAAMC,YAAwBC,EAAAA,aAAaC,IAM7DC,EAAsB,IAAMC,gBAA4BH,EAAAA,aAAaC,0GCDlF,MAAMG,EAAQC,GAENC,OAAQC,GAAiBT,IAC3BU,EAAgBC,EAAAA,iBAAiB,IAAML,EAAMM,YAE7CC,EAAOC,WAAS,eAAM,OAAA,OAAAC,EAAA,OAAAC,EAAA,OAAAC,EAAAP,EAAcQ,YAAd,EAAAD,EAAqBE,eAArB,EAAAH,EAA+BI,gBAAQd,EAAMe,aACnEC,EAAQR,EAAAA,SAAS,aAAM,OAAA,OAAAE,EAAA,OAAAC,EAAAJ,EAAKK,YAAL,EAAAD,EAAYM,WAAZ,EAAAP,EAAkBM,QAAS,IAClDE,EAASV,EAAAA,SAAS,aAAM,OAAA,OAAAE,EAAA,OAAAC,EAAAJ,EAAKK,YAAL,EAAAD,EAAYM,WAAZ,EAAAP,EAAkBQ,SAAU,IAEpDC,EAAWX,EAAAA,SAAS,WACxB,YAAuB,IAAnBR,EAAMmB,SAA+BnB,EAAMmB,UACxC,OAAAR,EAAAP,EAAcQ,YAAd,EAAAD,EAAqBQ,WAAY,IAGpCC,EAAQZ,EAAAA,SAAS,WACrB,YAAoB,IAAhBR,EAAMoB,MAA4BpB,EAAMoB,OACrC,OAAAT,EAAAP,EAAcQ,YAAd,EAAAD,EAAqBS,QAAS,IAGjCC,EAASb,EAAAA,SAAS,IACjBL,EAAaS,MAEXT,EAAaS,MAAMU,kBAAkB,CAC1CN,MAAOA,EAAMJ,MAAQQ,EAAMR,MAC3BM,OAAQA,EAAON,MAAQQ,EAAMR,MAC7BO,SAAUA,EAASP,QALW,yCAYxBL,EAAAK,OADRW,EAAAA,YAAAC,EAAAA,mBAUM,MAVNC,aAUM,OARHC,MAAK,qDAA+EL,EAAAT,QAK7Ee,EAAAA,QAAM,CAEdC,aAAQC,EAAAC,OAAA,mFDjCcxB,IACxB,MAAMyB,SAAEA,GAAajC,IACfqB,EAAWa,EAAAA,IAAcC,EAAAA,qBAAqBd,UAEpDe,EAAAA,MACE,CAACH,EAAU,IAAMI,UAAQ7B,IACzB,EAAE8B,EAAeC,GAAQC,EAAGC,KAC1B,IAAKH,EAEH,YADAjB,EAASP,MAAQqB,EAAAA,qBAAqBd,UAIxC,MAAMqB,EAAQJ,EAAcK,YAAYJ,GAGxClB,EAASP,MAAQ4B,EAAME,cAOvBH,EAJoBC,EAAMG,eAAgBC,IACxCzB,EAASP,MAAQgC,MAKrB,CAAEC,WAAW,IAIf,MAAMC,EAAiBtC,EAAAA,SAAS,WAC9B,MAAM6B,EAAQF,EAAAA,QAAQ7B,GACtB,OAAO,OAAAK,EAAAoB,EAASnB,YAAT,EAAAD,EAAgB8B,YAAYJ,KAAU,OAG/C,MAAO,CACLlB,SAAU4B,EAAAA,SAAS5B,GACnBY,SAAUe"}

package/dist/vue/index.js

@@ -1,51 +1,91 @@
-import { usePlugin, useCapability } from "@embedpdf/core/vue";
-import { RotatePlugin } from "@embedpdf/plugin-rotate";
+import { ref, watch, toValue, computed, readonly, defineComponent, createElementBlock, createCommentVNode, openBlock, mergeProps, renderSlot } from "vue";
+import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/vue";
+import { RotatePlugin, initialDocumentState } from "@embedpdf/plugin-rotate";
 export * from "@embedpdf/plugin-rotate";
-import { ref, watchEffect, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
 const useRotatePlugin = () => usePlugin(RotatePlugin.id);
 const useRotateCapability = () => useCapability(RotatePlugin.id);
-const useRotate = () => {
+const useRotate = (documentId) => {
   const { provides } = useRotateCapability();
-  const rotation = ref(0);
-  watchEffect((onCleanup) => {
-    if (!provides.value) return;
-    const unsubscribe = provides.value.onRotateChange((newRotation) => {
-      rotation.value = newRotation;
-    });
-    onCleanup(unsubscribe);
+  const rotation = ref(initialDocumentState.rotation);
+  watch(
+    [provides, () => toValue(documentId)],
+    ([providesValue, docId], _, onCleanup) => {
+      if (!providesValue) {
+        rotation.value = initialDocumentState.rotation;
+        return;
+      }
+      const scope = providesValue.forDocument(docId);
+      rotation.value = scope.getRotation();
+      const unsubscribe = scope.onRotateChange((newRotation) => {
+        rotation.value = newRotation;
+      });
+      onCleanup(unsubscribe);
+    },
+    { immediate: true }
+  );
+  const scopedProvides = computed(() => {
+    var _a;
+    const docId = toValue(documentId);
+    return ((_a = provides.value) == null ? void 0 : _a.forDocument(docId)) ?? null;
   });
   return {
-    rotation,
-    provides
+    rotation: readonly(rotation),
+    provides: scopedProvides
   };
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "rotate",
   props: {
-    pageSize: {}
+    documentId: {},
+    pageIndex: {},
+    rotation: {},
+    scale: {}
   },
   setup(__props) {
     const props = __props;
-    const { plugin: rotate } = useRotatePlugin();
-    const transformMatrix = computed(() => {
-      if (!rotate.value) {
-        return "matrix(1, 0, 0, 1, 0, 0)";
-      }
-      return rotate.value.getMatrixAsString({
-        w: props.pageSize.width,
-        h: props.pageSize.height
+    const { plugin: rotatePlugin } = useRotatePlugin();
+    const documentState = useDocumentState(() => props.documentId);
+    const page = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = documentState.value) == null ? void 0 : _a.document) == null ? void 0 : _b.pages) == null ? void 0 : _c[props.pageIndex];
+    });
+    const width = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = page.value) == null ? void 0 : _a.size) == null ? void 0 : _b.width) ?? 0;
+    });
+    const height = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = page.value) == null ? void 0 : _a.size) == null ? void 0 : _b.height) ?? 0;
+    });
+    const rotation = computed(() => {
+      var _a;
+      if (props.rotation !== void 0) return props.rotation;
+      return ((_a = documentState.value) == null ? void 0 : _a.rotation) ?? 0;
+    });
+    const scale = computed(() => {
+      var _a;
+      if (props.scale !== void 0) return props.scale;
+      return ((_a = documentState.value) == null ? void 0 : _a.scale) ?? 1;
+    });
+    const matrix = computed(() => {
+      if (!rotatePlugin.value) return "matrix(1, 0, 0, 1, 0, 0)";
+      return rotatePlugin.value.getMatrixAsString({
+        width: width.value * scale.value,
+        height: height.value * scale.value,
+        rotation: rotation.value
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle({
+      return page.value ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        style: {
           position: "absolute",
           transformOrigin: "0 0",
-          transform: transformMatrix.value
-        })
-      }, [
+          transform: matrix.value
+        }
+      }, _ctx.$attrs), [
         renderSlot(_ctx.$slots, "default")
-      ], 4);
+      ], 16)) : createCommentVNode("", true);
     };
   }
 });

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-rotate.ts","../../src/vue/components/rotate.vue"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RotatePlugin } from '@embedpdf/plugin-rotate';\nimport { ref, watchEffect } from 'vue';\nimport { Rotation } from '@embedpdf/models';\n\n/**\n * Hook to get the raw rotate plugin instance.\n */\nexport const useRotatePlugin = () => usePlugin<RotatePlugin>(RotatePlugin.id);\n\n/**\n * Hook to get the rotate plugin's capability API.\n * This provides methods for rotating the document.\n */\nexport const useRotateCapability = () => useCapability<RotatePlugin>(RotatePlugin.id);\n\n/**\n * Hook that provides reactive rotation state and methods.\n */\nexport const useRotate = () => {\n  const { provides } = useRotateCapability();\n  const rotation = ref<Rotation>(0);\n\n  watchEffect((onCleanup) => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onRotateChange((newRotation) => {\n      rotation.value = newRotation;\n    });\n    onCleanup(unsubscribe);\n  });\n\n  return {\n    rotation,\n    provides,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Size } from '@embedpdf/models';\nimport { useRotatePlugin } from '../hooks';\n\ninterface Props {\n  pageSize: Size;\n}\n\nconst props = defineProps<Props>();\n\nconst { plugin: rotate } = useRotatePlugin();\n\nconst transformMatrix = computed(() => {\n  // If the capability is not yet available, return an identity matrix.\n  if (!rotate.value) {\n    return 'matrix(1, 0, 0, 1, 0, 0)';\n  }\n\n  // Get the CSS transform matrix string from the capability.\n  return rotate.value.getMatrixAsString({\n    w: props.pageSize.width,\n    h: props.pageSize.height,\n  });\n});\n</script>\n\n<template>\n  <div\n    :style=\"{\n      position: 'absolute',\n      transformOrigin: '0 0',\n      transform: transformMatrix,\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeStyle","_renderSlot"],"mappings":";;;;AAQO,MAAM,kBAAkB,MAAM,UAAwB,aAAa,EAAE;AAMrE,MAAM,sBAAsB,MAAM,cAA4B,aAAa,EAAE;AAK7E,MAAM,YAAY,MAAM;AACvB,QAAA,EAAE,SAAS,IAAI,oBAAoB;AACnC,QAAA,WAAW,IAAc,CAAC;AAEhC,cAAY,CAAC,cAAc;AACrB,QAAA,CAAC,SAAS,MAAO;AAErB,UAAM,cAAc,SAAS,MAAM,eAAe,CAAC,gBAAgB;AACjE,eAAS,QAAQ;AAAA,IAAA,CAClB;AACD,cAAU,WAAW;AAAA,EAAA,CACtB;AAEM,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;;;;;AC3BA,UAAM,QAAQ;AAEd,UAAM,EAAE,QAAQ,OAAO,IAAI,gBAAgB;AAErC,UAAA,kBAAkB,SAAS,MAAM;AAEjC,UAAA,CAAC,OAAO,OAAO;AACV,eAAA;AAAA,MAAA;AAIF,aAAA,OAAO,MAAM,kBAAkB;AAAA,QACpC,GAAG,MAAM,SAAS;AAAA,QAClB,GAAG,MAAM,SAAS;AAAA,MAAA,CACnB;AAAA,IAAA,CACF;;0BAICA,mBAQM,OAAA;AAAA,QAPH,OAAKC,eAAA;AAAA;;qBAA+E,gBAAe;AAAA;;QAMpGC,WAAQ,KAAA,QAAA,SAAA;AAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-rotate.ts","../../src/vue/components/rotate.vue"],"sourcesContent":["import { ref, watch, readonly, computed, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RotatePlugin, initialDocumentState } from '@embedpdf/plugin-rotate';\nimport { Rotation } from '@embedpdf/models';\n\n/**\n * Hook to get the raw rotate plugin instance.\n */\nexport const useRotatePlugin = () => usePlugin<RotatePlugin>(RotatePlugin.id);\n\n/**\n * Hook to get the rotate plugin's capability API.\n * This provides methods for rotating the document.\n */\nexport const useRotateCapability = () => useCapability<RotatePlugin>(RotatePlugin.id);\n\n/**\n * Hook that provides reactive rotation state and methods for a specific document.\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useRotate = (documentId: MaybeRefOrGetter<string>) => {\n  const { provides } = useRotateCapability();\n  const rotation = ref<Rotation>(initialDocumentState.rotation);\n\n  watch(\n    [provides, () => toValue(documentId)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) {\n        rotation.value = initialDocumentState.rotation;\n        return;\n      }\n\n      const scope = providesValue.forDocument(docId);\n\n      // Get initial state\n      rotation.value = scope.getRotation();\n\n      // Subscribe to rotation changes\n      const unsubscribe = scope.onRotateChange((newRotation) => {\n        rotation.value = newRotation;\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  // Return a computed ref for the scoped capability\n  const scopedProvides = computed(() => {\n    const docId = toValue(documentId);\n    return provides.value?.forDocument(docId) ?? null;\n  });\n\n  return {\n    rotation: readonly(rotation),\n    provides: scopedProvides,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport { Rotation } from '@embedpdf/models';\nimport { useRotatePlugin } from '../hooks';\n\ninterface RotateProps {\n  documentId: string;\n  pageIndex: number;\n  rotation?: Rotation;\n  scale?: number;\n}\n\nconst props = defineProps<RotateProps>();\n\nconst { plugin: rotatePlugin } = useRotatePlugin();\nconst documentState = useDocumentState(() => props.documentId);\n\nconst page = computed(() => documentState.value?.document?.pages?.[props.pageIndex]);\nconst width = computed(() => page.value?.size?.width ?? 0);\nconst height = computed(() => page.value?.size?.height ?? 0);\n\nconst rotation = computed(() => {\n  if (props.rotation !== undefined) return props.rotation;\n  return documentState.value?.rotation ?? 0;\n});\n\nconst scale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nconst matrix = computed(() => {\n  if (!rotatePlugin.value) return 'matrix(1, 0, 0, 1, 0, 0)';\n\n  return rotatePlugin.value.getMatrixAsString({\n    width: width.value * scale.value,\n    height: height.value * scale.value,\n    rotation: rotation.value,\n  });\n});\n</script>\n\n<template>\n  <div\n    v-if=\"page\"\n    :style=\"{\n      position: 'absolute',\n      transformOrigin: '0 0',\n      transform: matrix,\n    }\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$attrs","_renderSlot"],"mappings":";;;;AAQO,MAAM,kBAAkB,MAAM,UAAwB,aAAa,EAAE;AAMrE,MAAM,sBAAsB,MAAM,cAA4B,aAAa,EAAE;AAM7E,MAAM,YAAY,CAAC,eAAyC;AACjE,QAAM,EAAE,SAAA,IAAa,oBAAA;AACrB,QAAM,WAAW,IAAc,qBAAqB,QAAQ;AAE5D;AAAA,IACE,CAAC,UAAU,MAAM,QAAQ,UAAU,CAAC;AAAA,IACpC,CAAC,CAAC,eAAe,KAAK,GAAG,GAAG,cAAc;AACxC,UAAI,CAAC,eAAe;AAClB,iBAAS,QAAQ,qBAAqB;AACtC;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,YAAY,KAAK;AAG7C,eAAS,QAAQ,MAAM,YAAA;AAGvB,YAAM,cAAc,MAAM,eAAe,CAAC,gBAAgB;AACxD,iBAAS,QAAQ;AAAA,MACnB,CAAC;AAED,gBAAU,WAAW;AAAA,IACvB;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAIpB,QAAM,iBAAiB,SAAS,MAAM;;AACpC,UAAM,QAAQ,QAAQ,UAAU;AAChC,aAAO,cAAS,UAAT,mBAAgB,YAAY,WAAU;AAAA,EAC/C,CAAC;AAED,SAAO;AAAA,IACL,UAAU,SAAS,QAAQ;AAAA,IAC3B,UAAU;AAAA,EAAA;AAEd;;;;;;;;;;AC5CA,UAAM,QAAQ;AAEd,UAAM,EAAE,QAAQ,aAAA,IAAiB,gBAAA;AACjC,UAAM,gBAAgB,iBAAiB,MAAM,MAAM,UAAU;AAE7D,UAAM,OAAO,SAAS,MAAA;;AAAM,6CAAc,UAAd,mBAAqB,aAArB,mBAA+B,UAA/B,mBAAuC,MAAM;AAAA,KAAU;AACnF,UAAM,QAAQ,SAAS,MAAA;;AAAM,+BAAK,UAAL,mBAAY,SAAZ,mBAAkB,UAAS;AAAA,KAAC;AACzD,UAAM,SAAS,SAAS,MAAA;;AAAM,+BAAK,UAAL,mBAAY,SAAZ,mBAAkB,WAAU;AAAA,KAAC;AAE3D,UAAM,WAAW,SAAS,MAAM;;AAC9B,UAAI,MAAM,aAAa,OAAW,QAAO,MAAM;AAC/C,eAAO,mBAAc,UAAd,mBAAqB,aAAY;AAAA,IAC1C,CAAC;AAED,UAAM,QAAQ,SAAS,MAAM;;AAC3B,UAAI,MAAM,UAAU,OAAW,QAAO,MAAM;AAC5C,eAAO,mBAAc,UAAd,mBAAqB,UAAS;AAAA,IACvC,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,CAAC,aAAa,MAAO,QAAO;AAEhC,aAAO,aAAa,MAAM,kBAAkB;AAAA,QAC1C,OAAO,MAAM,QAAQ,MAAM;AAAA,QAC3B,QAAQ,OAAO,QAAQ,MAAM;AAAA,QAC7B,UAAU,SAAS;AAAA,MAAA,CACpB;AAAA,IACH,CAAC;;aAKS,KAAA,SADRA,UAAA,GAAAC,mBAUM,OAVNC,WAUM;AAAA;QARH,OAAK;AAAA;;qBAA+E,OAAA;AAAA,QAAA;AAAA,SAK7EC,KAAAA,MAAM,GAAA;AAAA,QAEdC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-rotate",
-  "version": "1.5.0",
+  "version": "2.0.0-next.1",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -34,13 +34,13 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.5.0"
+    "@embedpdf/models": "2.0.0-next.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.1.0",
-    "@embedpdf/core": "1.5.0"
+    "@embedpdf/core": "2.0.0-next.1"
   },
   "peerDependencies": {
     "preact": "^10.26.4",
@@ -48,7 +48,7 @@
     "react-dom": ">=16.8.0",
     "vue": ">=3.2.0",
     "svelte": ">=5 <6",
-    "@embedpdf/core": "1.5.0"
+    "@embedpdf/core": "2.0.0-next.1"
   },
   "files": [
     "dist",