@embedpdf/plugin-rotate 1.4.0 → 1.5.0

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

@@ -21,6 +21,6 @@ export declare const useRotateCapability: () => {
  * Hook that provides reactive rotation state and methods.
  */
 export declare const useRotate: () => {
-    readonly rotation: Rotation;
-    provides: Readonly<import('../../lib/index.ts').RotateCapability> | null;
+    readonly provides: Readonly<import('../../lib/index.ts').RotateCapability> | null;
+    rotation: Rotation;
 };

package/dist/svelte/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),r=require("@embedpdf/plugin-rotate");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const i=o(e),n=()=>t.usePlugin(r.RotatePlugin.id),s=()=>t.useCapability(r.RotatePlugin.id);var a=i.from_html("<div><!></div>");exports.Rotate=function(e,t){i.push(t,!0);const{plugin:r}=n(),o=i.derived((()=>r?r.getMatrixAsString({w:t.pageSize.width,h:t.pageSize.height}):"matrix(1, 0, 0, 1, 0, 0)"));var s=a();let l;var u=i.child(s);i.snippet(u,(()=>t.children??i.noop)),i.reset(s),i.template_effect((e=>l=i.set_style(s,"",l,e)),[()=>({position:"absolute","transform-origin":"0 0",transform:i.get(o)})]),i.append(e,s),i.pop()},exports.useRotate=()=>{const{provides:e}=s();let t=i.state(0);return i.user_effect((()=>{if(!e)return;return e.onRotateChange((e=>{i.set(t,e,!0)}))})),{get rotation(){return i.get(t)},provides:e}},exports.useRotateCapability=s,exports.useRotatePlugin=n,Object.keys(r).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),r=require("@embedpdf/plugin-rotate");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const i=o(e),n=()=>t.usePlugin(r.RotatePlugin.id),s=()=>t.useCapability(r.RotatePlugin.id);var a=i.from_html("<div><!></div>");exports.Rotate=function(e,t){i.push(t,!0);const r=n(),o=i.derived((()=>r.plugin?r.plugin.getMatrixAsString({w:t.pageSize.width,h:t.pageSize.height}):"matrix(1, 0, 0, 1, 0, 0)"));var s=a();let p;var l=i.child(s);i.snippet(l,(()=>t.children??i.noop)),i.reset(s),i.template_effect((e=>p=i.set_style(s,"",p,e)),[()=>({position:"absolute","transform-origin":"0 0",transform:i.get(o)})]),i.append(e,s),i.pop()},exports.useRotate=()=>{const e=s(),t=i.proxy({get provides(){return e.provides},rotation:0});return i.user_effect((()=>{if(!e.provides)return;return e.provides.onRotateChange((e=>{t.rotation=e}))})),t},exports.useRotateCapability=s,exports.useRotatePlugin=n,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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-rotate.svelte.ts","../../src/svelte/components/Rotate.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { Rotation } from '@embedpdf/models';\nimport { RotatePlugin } from '@embedpdf/plugin-rotate';\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  let rotation = $state<Rotation>(0);\n\n  $effect(() => {\n    if (!provides) return;\n\n    const unsubscribe = provides.onRotateChange((newRotation) => {\n      rotation = newRotation;\n    });\n\n    return unsubscribe;\n  });\n\n  return {\n    get rotation() {\n      return rotation;\n    },\n    provides,\n  };\n};\n","<script lang=\"ts\">\n  import type { Size } from '@embedpdf/models';\n  import type { Snippet } from 'svelte';\n  import { useRotatePlugin } from '../hooks';\n\n  interface RotateProps {\n    pageSize: Size;\n    children?: Snippet;\n  }\n\n  let { pageSize, children }: RotateProps = $props();\n\n  const { plugin: rotate } = useRotatePlugin();\n\n  const transformMatrix = $derived(\n    rotate\n      ? rotate.getMatrixAsString({\n          w: pageSize.width,\n          h: pageSize.height,\n        })\n      : 'matrix(1, 0, 0, 1, 0, 0)',\n  );\n</script>\n\n<div style:position=\"absolute\" style:transform-origin=\"0 0\" style:transform={transformMatrix}>\n  {@render children?.()}\n</div>\n"],"names":["useRotatePlugin","usePlugin","RotatePlugin","id","useRotateCapability","useCapability","plugin","rotate","transformMatrix","getMatrixAsString","w","width","h","$$props","pageSize","height","provides","rotation","$","user_effect","onRotateChange","newRotation","$__namespace","set"],"mappings":"sgBAOaA,EAAwB,IAAAC,YAAwBC,EAAAA,aAAaC,IAM7DC,EAA4B,IAAAC,gBAA4BH,EAAAA,aAAaC,wFCDxEG,OAAQC,GAAWP,IAErBQ,iBACJD,EACIA,EAAOE,kBACL,CAAAC,aAAYC,MACZC,EAACC,EAAAC,SAAWC,SAEd,kOAIqEP,4BAF7E,yBDHU,MAAAQ,SAAAA,GAAaZ,IACjB,IAAAa,UAA4B,UAEhCC,EAAAC,sBACOH,EAAU,OAMR,OAJaA,EAASI,gBAAgBC,IAChCC,EAAAC,IAAAN,EAAAI,GAAA,EAAA,GAGN,KAIH,YAAAJ,gBACKA,EACT,EACAD"}
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-rotate.svelte.ts","../../src/svelte/components/Rotate.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { Rotation } from '@embedpdf/models';\nimport { RotatePlugin } from '@embedpdf/plugin-rotate';\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 capability = useRotateCapability();\n\n  const state = $state({\n    get provides() {\n      return capability.provides;\n    },\n    rotation: 0 as Rotation,\n  });\n\n  $effect(() => {\n    if (!capability.provides) return;\n\n    const unsubscribe = capability.provides.onRotateChange((newRotation) => {\n      state.rotation = newRotation;\n    });\n\n    return unsubscribe;\n  });\n\n  return state;\n};\n","<script lang=\"ts\">\n  import type { Size } from '@embedpdf/models';\n  import type { Snippet } from 'svelte';\n  import { useRotatePlugin } from '../hooks';\n\n  interface RotateProps {\n    pageSize: Size;\n    children?: Snippet;\n  }\n\n  let { pageSize, children }: RotateProps = $props();\n\n  const rotatePlugin = useRotatePlugin();\n\n  const transformMatrix = $derived(\n    rotatePlugin.plugin\n      ? rotatePlugin.plugin.getMatrixAsString({\n          w: pageSize.width,\n          h: pageSize.height,\n        })\n      : 'matrix(1, 0, 0, 1, 0, 0)',\n  );\n</script>\n\n<div style:position=\"absolute\" style:transform-origin=\"0 0\" style:transform={transformMatrix}>\n  {@render children?.()}\n</div>\n"],"names":["useRotatePlugin","usePlugin","RotatePlugin","id","useRotateCapability","useCapability","rotatePlugin","transformMatrix","$","derived","plugin","getMatrixAsString","w","$$props","pageSize","width","h","height","capability","state","provides","rotation","user_effect","onRotateChange","newRotation"],"mappings":"sgBAOaA,EAAwB,IAAAC,YAAwBC,EAAAA,aAAaC,IAM7DC,EAA4B,IAAAC,gBAA4BH,EAAAA,aAAaC,kFCD1E,MAAAG,EAAeN,IAEfO,EAAeC,EAAAC,SAAA,IACnBH,EAAaI,OACTJ,EAAaI,OAAOC,kBAAiB,CACnCC,EAACC,EAAAC,SAAWC,MACZC,EAACH,EAAAC,SAAWG,SAEd,kOAIqEV,4BAF7E,yBDHQ,MAAAW,EAAad,IAEbe,WACA,YAAAC,GACK,OAAAF,EAAWE,QACpB,EACAC,SAAU,IAaL,OAVPb,EAAAc,kBACO,IAAAJ,EAAWE,SAAU,OAMnB,OAJaF,EAAWE,SAASG,gBAAgBC,IACtDL,EAAME,SAAWG,CAAA,GAGZ,IAGFL,CAAA"}

package/dist/svelte/index.js

@@ -6,27 +6,27 @@ import "svelte/internal/disclose-version";
 const useRotatePlugin = () => usePlugin(RotatePlugin.id);
 const useRotateCapability = () => useCapability(RotatePlugin.id);
 const useRotate = () => {
-  const { provides } = useRotateCapability();
-  let rotation = $.state(0);
+  const capability = useRotateCapability();
+  const state = $.proxy({
+    get provides() {
+      return capability.provides;
+    },
+    rotation: 0
+  });
   $.user_effect(() => {
-    if (!provides) return;
-    const unsubscribe = provides.onRotateChange((newRotation) => {
-      $.set(rotation, newRotation, true);
+    if (!capability.provides) return;
+    const unsubscribe = capability.provides.onRotateChange((newRotation) => {
+      state.rotation = newRotation;
     });
     return unsubscribe;
   });
-  return {
-    get rotation() {
-      return $.get(rotation);
-    },
-    provides
-  };
+  return state;
 };
 var root = $.from_html(`<div><!></div>`);
 function Rotate($$anchor, $$props) {
   $.push($$props, true);
-  const { plugin: rotate } = useRotatePlugin();
-  const transformMatrix = $.derived(() => rotate ? rotate.getMatrixAsString({ w: $$props.pageSize.width, h: $$props.pageSize.height }) : "matrix(1, 0, 0, 1, 0, 0)");
+  const rotatePlugin = useRotatePlugin();
+  const transformMatrix = $.derived(() => rotatePlugin.plugin ? rotatePlugin.plugin.getMatrixAsString({ w: $$props.pageSize.width, h: $$props.pageSize.height }) : "matrix(1, 0, 0, 1, 0, 0)");
   var div = root();
   let styles;
   var node = $.child(div);

package/dist/svelte/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-rotate.svelte.ts","../../src/svelte/components/Rotate.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { Rotation } from '@embedpdf/models';\nimport { RotatePlugin } from '@embedpdf/plugin-rotate';\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  let rotation = $state<Rotation>(0);\n\n  $effect(() => {\n    if (!provides) return;\n\n    const unsubscribe = provides.onRotateChange((newRotation) => {\n      rotation = newRotation;\n    });\n\n    return unsubscribe;\n  });\n\n  return {\n    get rotation() {\n      return rotation;\n    },\n    provides,\n  };\n};\n","<script lang=\"ts\">\n  import type { Size } from '@embedpdf/models';\n  import type { Snippet } from 'svelte';\n  import { useRotatePlugin } from '../hooks';\n\n  interface RotateProps {\n    pageSize: Size;\n    children?: Snippet;\n  }\n\n  let { pageSize, children }: RotateProps = $props();\n\n  const { plugin: rotate } = useRotatePlugin();\n\n  const transformMatrix = $derived(\n    rotate\n      ? rotate.getMatrixAsString({\n          w: pageSize.width,\n          h: pageSize.height,\n        })\n      : 'matrix(1, 0, 0, 1, 0, 0)',\n  );\n</script>\n\n<div style:position=\"absolute\" style:transform-origin=\"0 0\" style:transform={transformMatrix}>\n  {@render children?.()}\n</div>\n"],"names":[],"mappings":";;;;;AAOa,MAAA,kBAAwB,MAAA,UAAwB,aAAa,EAAE;AAM/D,MAAA,sBAA4B,MAAA,cAA4B,aAAa,EAAE;AAKvE,MAAA,kBAAkB;AACrB,QAAA,EAAA,aAAa,oBAAoB;AACrC,MAAA,mBAA4B,CAAC;AAEjC,IAAA,kBAAc;SACP,SAAU;AAET,UAAA,cAAc,SAAS,eAAgB,CAAA,gBAAgB;AAChD,QAAA,IAAA,UAAA,aAAA,IAAA;AAAA,KACZ;WAEM;AAAA,GACR;;IAGK,IAAA,WAAW;mBACN,QAAA;AAAA,IACT;AAAA,IACA;AAAA;AAEJ;;mCCtCA;;UAYU,QAAQ,OAAM,IAAK,gBAAe;AAEpC,QAAA,kCACJ,SACI,OAAO,kBACL,EAAA,oBAAY,OACZ,GAAC,QAAA,SAAW,OAAM,CAAA,IAEpB,0BAA0B;;;;;;;;;;uBAI2C,eAAe;AAAA;;;;AAF5F;"}
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-rotate.svelte.ts","../../src/svelte/components/Rotate.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { Rotation } from '@embedpdf/models';\nimport { RotatePlugin } from '@embedpdf/plugin-rotate';\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 capability = useRotateCapability();\n\n  const state = $state({\n    get provides() {\n      return capability.provides;\n    },\n    rotation: 0 as Rotation,\n  });\n\n  $effect(() => {\n    if (!capability.provides) return;\n\n    const unsubscribe = capability.provides.onRotateChange((newRotation) => {\n      state.rotation = newRotation;\n    });\n\n    return unsubscribe;\n  });\n\n  return state;\n};\n","<script lang=\"ts\">\n  import type { Size } from '@embedpdf/models';\n  import type { Snippet } from 'svelte';\n  import { useRotatePlugin } from '../hooks';\n\n  interface RotateProps {\n    pageSize: Size;\n    children?: Snippet;\n  }\n\n  let { pageSize, children }: RotateProps = $props();\n\n  const rotatePlugin = useRotatePlugin();\n\n  const transformMatrix = $derived(\n    rotatePlugin.plugin\n      ? rotatePlugin.plugin.getMatrixAsString({\n          w: pageSize.width,\n          h: pageSize.height,\n        })\n      : 'matrix(1, 0, 0, 1, 0, 0)',\n  );\n</script>\n\n<div style:position=\"absolute\" style:transform-origin=\"0 0\" style:transform={transformMatrix}>\n  {@render children?.()}\n</div>\n"],"names":[],"mappings":";;;;;AAOa,MAAA,kBAAwB,MAAA,UAAwB,aAAa,EAAE;AAM/D,MAAA,sBAA4B,MAAA,cAA4B,aAAa,EAAE;AAKvE,MAAA,kBAAkB;AACvB,QAAA,aAAa,oBAAoB;QAEjC;IACA,IAAA,WAAW;AACN,aAAA,WAAW;AAAA,IACpB;AAAA,IACA,UAAU;AAAA;AAGZ,IAAA,kBAAc;AACP,QAAA,CAAA,WAAW,SAAU;UAEpB,cAAc,WAAW,SAAS,eAAA,CAAgB,gBAAgB;AACtE,YAAM,WAAW;AAAA,KAClB;WAEM;AAAA,GACR;SAEM;AACT;;mCCvCA;;AAYQ,QAAA,eAAe,gBAAe;QAE9B,kBAAe,EAAA,QAAA,MACnB,aAAa,SACT,aAAa,OAAO,kBAAiB,EACnC,GAAC,QAAA,SAAW,OACZ,GAAC,QAAA,SAAW,OAAM,CAAA,IAEpB,0BAA0B;;;;;;;;;;uBAI2C,eAAe;AAAA;;;;AAF5F;"}

package/package.json

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