@embedpdf/plugin-fullscreen 1.0.20 → 1.0.22

package/dist/preact/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),t=require("@embedpdf/plugin-fullscreen"),r=require("preact/hooks"),n=require("preact/jsx-runtime"),u=()=>e.usePlugin(t.FullscreenPlugin.id),l=()=>e.useCapability(t.FullscreenPlugin.id);exports.FullscreenProvider=function({children:e,...t}){const{provides:s}=l(),{plugin:i}=u(),c=r.useRef(null);return r.useEffect((()=>{if(!s)return;return s.onRequest((async e=>{if("enter"===e){const e=c.current;e&&!document.fullscreenElement&&await e.requestFullscreen()}else document.fullscreenElement&&await document.exitFullscreen()}))}),[s]),r.useEffect((()=>{if(!i)return;const e=()=>i.setFullscreenState(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)}),[i]),n.jsx("div",{...t,style:{position:"relative",width:"100%",height:"100%",...t.style},ref:c,children:e})},exports.useFullscreen=()=>{const{provides:e}=l(),[n,u]=r.useState(t.initialState);return r.useEffect((()=>null==e?void 0:e.onStateChange((e=>{u(e)}))),[e]),{provides:e,state:n}},exports.useFullscreenCapability=l,exports.useFullscreenPlugin=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-fullscreen"),r=require("preact/jsx-runtime"),n=require("preact/hooks"),l=require("@embedpdf/core/preact"),u=()=>l.usePlugin(t.FullscreenPlugin.id),s=()=>l.useCapability(t.FullscreenPlugin.id);function c({children:e,...t}){const{provides:l}=s(),{plugin:c}=u(),i=n.useRef(null);return n.useEffect((()=>{if(!l)return;return l.onRequest((async e=>{if("enter"===e){const e=i.current;e&&!document.fullscreenElement&&await e.requestFullscreen()}else document.fullscreenElement&&await document.exitFullscreen()}))}),[l]),n.useEffect((()=>{if(!c)return;const e=()=>c.setFullscreenState(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)}),[c]),r.jsx("div",{...t,style:{position:"relative",width:"100%",height:"100%",...t.style},ref:i,children:e})}const i=e.createPluginPackage(t.FullscreenPluginPackage).addWrapper(c).build();exports.FullscreenPluginPackage=i,exports.FullscreenProvider=c,exports.useFullscreen=()=>{const{provides:e}=s(),[r,l]=n.useState(t.initialState);return n.useEffect((()=>null==e?void 0:e.onStateChange((e=>{l(e)}))),[e]),{provides:e,state:r}},exports.useFullscreenCapability=s,exports.useFullscreenPlugin=u,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/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-fullscreen.ts","../../src/shared/components/fullscreen.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from '@framework';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef, HTMLAttributes, CSSProperties, ReactNode } from '@framework';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["useFullscreenPlugin","usePlugin","FullscreenPlugin","id","useFullscreenCapability","useCapability","children","props","provides","fullscreenCapability","plugin","ref","useRef","useEffect","onRequest","async","action","el","current","document","fullscreenElement","requestFullscreen","exitFullscreen","handler","setFullscreenState","addEventListener","removeEventListener","jsxRuntime","jsx","style","position","width","height","state","setState","useState","initialState","onStateChange"],"mappings":"4NAIaA,EAAsB,IAAMC,YAA4BC,EAAAA,iBAAiBC,IACzEC,EAA0B,IAAMC,gBAAgCH,EAAAA,iBAAiBC,+BCIvF,UAA4BG,SAAEA,KAAaC,IAChD,MAAQC,SAAUC,GAAyBL,KACrCM,OAAEA,GAAWV,IACbW,EAAMC,SAAuB,MAyBjC,OAvBFC,EAAAA,WAAU,KACR,IAAKJ,EAAsB,OAWpB,OATOA,EAAqBK,WAAUC,MAAOC,IAClD,GAAe,UAAXA,EAAoB,CACtB,MAAMC,EAAKN,EAAIO,QACXD,IAAOE,SAASC,yBAAyBH,EAAGI,mBAAkB,MAE9DF,SAASC,yBAAyBD,SAASG,gBAAe,GAI3D,GACN,CAACb,IAEJI,EAAAA,WAAU,KACR,IAAKH,EAAQ,OACb,MAAMa,EAAU,IAAMb,EAAOc,qBAAqBL,SAASC,mBAE3D,OADSD,SAAAM,iBAAiB,mBAAoBF,GACvC,IAAMJ,SAASO,oBAAoB,mBAAoBH,EAAO,GACpE,CAACb,IAGFiB,EAAAC,IAAC,MAAA,IACKrB,EACJsB,MAAO,CAAEC,SAAU,WAAYC,MAAO,OAAQC,OAAQ,UAAWzB,EAAMsB,OACvElB,MAECL,YAGP,wBDtC6B,KACrB,MAAAE,SAAEA,GAAaJ,KACd6B,EAAOC,GAAYC,EAAAA,SAA0BC,EAAAA,cAQ7C,OANPvB,EAAAA,WAAU,IACD,MAAAL,OAAA,EAAAA,EAAU6B,eAAeJ,IAC9BC,EAASD,EAAK,KAEf,CAACzB,IAEG,CACLA,WACAyB,QACF"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-fullscreen.ts","../../src/shared/components/fullscreen.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from '@framework';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef, HTMLAttributes, CSSProperties, ReactNode } from '@framework';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { FullscreenPluginPackage as BaseFullscreenPackage } from '@embedpdf/plugin-fullscreen';\nimport { FullscreenProvider } from './components';\n\nexport * from './hooks';\nexport * from './components';\n\nexport * from '@embedpdf/plugin-fullscreen';\n\nexport const FullscreenPluginPackage = createPluginPackage(BaseFullscreenPackage)\n  .addWrapper(FullscreenProvider)\n  .build();\n"],"names":["useFullscreenPlugin","usePlugin","FullscreenPlugin","id","useFullscreenCapability","useCapability","FullscreenProvider","children","props","provides","fullscreenCapability","plugin","ref","useRef","useEffect","onRequest","async","action","el","current","document","fullscreenElement","requestFullscreen","exitFullscreen","handler","setFullscreenState","addEventListener","removeEventListener","jsxRuntime","jsx","style","position","width","height","FullscreenPluginPackage","createPluginPackage","BaseFullscreenPackage","addWrapper","build","state","setState","useState","initialState","onStateChange"],"mappings":"wPAIaA,EAAsB,IAAMC,YAA4BC,EAAAA,iBAAiBC,IACzEC,EAA0B,IAAMC,gBAAgCH,EAAAA,iBAAiBC,ICIvF,SAASG,GAAmBC,SAAEA,KAAaC,IAChD,MAAQC,SAAUC,GAAyBN,KACrCO,OAAEA,GAAWX,IACbY,EAAMC,SAAuB,MAyBjC,OAvBFC,EAAAA,WAAU,KACR,IAAKJ,EAAsB,OAWpB,OATOA,EAAqBK,WAAUC,MAAOC,IAClD,GAAe,UAAXA,EAAoB,CACtB,MAAMC,EAAKN,EAAIO,QACXD,IAAOE,SAASC,yBAAyBH,EAAGI,mBAAkB,MAE9DF,SAASC,yBAAyBD,SAASG,gBAAe,GAI3D,GACN,CAACb,IAEJI,EAAAA,WAAU,KACR,IAAKH,EAAQ,OACb,MAAMa,EAAU,IAAMb,EAAOc,qBAAqBL,SAASC,mBAE3D,OADSD,SAAAM,iBAAiB,mBAAoBF,GACvC,IAAMJ,SAASO,oBAAoB,mBAAoBH,EAAO,GACpE,CAACb,IAGFiB,EAAAC,IAAC,MAAA,IACKrB,EACJsB,MAAO,CAAEC,SAAU,WAAYC,MAAO,OAAQC,OAAQ,UAAWzB,EAAMsB,OACvElB,MAECL,YAGP,CCpCO,MAAM2B,EAA0BC,EAAoBA,oBAAAC,EAAqBF,yBAC7EG,WAAW/B,GACXgC,6FFJ0B,KACrB,MAAA7B,SAAEA,GAAaL,KACdmC,EAAOC,GAAYC,EAAAA,SAA0BC,EAAAA,cAQ7C,OANP5B,EAAAA,WAAU,IACD,MAAAL,OAAA,EAAAA,EAAUkC,eAAeJ,IAC9BC,EAASD,EAAK,KAEf,CAAC9B,IAEG,CACLA,WACA8B,QACF"}

package/dist/preact/index.js

@@ -1,7 +1,9 @@
-import { usePlugin, useCapability } from "@embedpdf/core/preact";
-import { FullscreenPlugin, initialState } from "@embedpdf/plugin-fullscreen";
-import { useState, useEffect, useRef } from "preact/hooks";
+import { createPluginPackage } from "@embedpdf/core";
+import { FullscreenPlugin, initialState, FullscreenPluginPackage as FullscreenPluginPackage$1 } from "@embedpdf/plugin-fullscreen";
+export * from "@embedpdf/plugin-fullscreen";
 import { jsx } from "preact/jsx-runtime";
+import { useState, useEffect, useRef } from "preact/hooks";
+import { useCapability, usePlugin } from "@embedpdf/core/preact";
 const useFullscreenPlugin = () => usePlugin(FullscreenPlugin.id);
 const useFullscreenCapability = () => useCapability(FullscreenPlugin.id);
 const useFullscreen = () => {
@@ -49,7 +51,9 @@ function FullscreenProvider({ children, ...props }) {
     }
   );
 }
+const FullscreenPluginPackage = createPluginPackage(FullscreenPluginPackage$1).addWrapper(FullscreenProvider).build();
 export {
+  FullscreenPluginPackage,
   FullscreenProvider,
   useFullscreen,
   useFullscreenCapability,

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-fullscreen.ts","../../src/shared/components/fullscreen.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from '@framework';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef, HTMLAttributes, CSSProperties, ReactNode } from '@framework';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["state"],"mappings":";;;;AAIO,MAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,MAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;AAEzF,MAAM,gBAAgB,MAAM;AAC3B,QAAA,EAAE,SAAS,IAAI,wBAAwB;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,YAAY;AAEhE,YAAU,MAAM;AACP,WAAA,qCAAU,cAAc,CAACA,WAAU;AACxC,eAASA,MAAK;AAAA,IAAA;AAAA,EACf,GACA,CAAC,QAAQ,CAAC;AAEN,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;ACZO,SAAS,mBAAmB,EAAE,UAAU,GAAG,SAAkC;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AAC7D,QAAA,EAAE,OAAO,IAAI,oBAAoB;AACjC,QAAA,MAAM,OAAuB,IAAI;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MAAA,OAC7D;AACL,YAAI,SAAS,kBAAyB,OAAA,SAAS,eAAe;AAAA,MAAA;AAAA,IAChE,CACD;AAEM,WAAA;AAAA,EAAA,GACN,CAAC,oBAAoB,CAAC;AAEzB,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AACnE,aAAA,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EAAA,GACpE,CAAC,MAAM,CAAC;AAGT,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-fullscreen.ts","../../src/shared/components/fullscreen.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from '@framework';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef, HTMLAttributes, CSSProperties, ReactNode } from '@framework';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { FullscreenPluginPackage as BaseFullscreenPackage } from '@embedpdf/plugin-fullscreen';\nimport { FullscreenProvider } from './components';\n\nexport * from './hooks';\nexport * from './components';\n\nexport * from '@embedpdf/plugin-fullscreen';\n\nexport const FullscreenPluginPackage = createPluginPackage(BaseFullscreenPackage)\n  .addWrapper(FullscreenProvider)\n  .build();\n"],"names":["state","BaseFullscreenPackage"],"mappings":";;;;;;AAIO,MAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,MAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;AAEzF,MAAM,gBAAgB,MAAM;AAC3B,QAAA,EAAE,SAAS,IAAI,wBAAwB;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,YAAY;AAEhE,YAAU,MAAM;AACP,WAAA,qCAAU,cAAc,CAACA,WAAU;AACxC,eAASA,MAAK;AAAA,IAAA;AAAA,EACf,GACA,CAAC,QAAQ,CAAC;AAEN,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;ACZO,SAAS,mBAAmB,EAAE,UAAU,GAAG,SAAkC;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AAC7D,QAAA,EAAE,OAAO,IAAI,oBAAoB;AACjC,QAAA,MAAM,OAAuB,IAAI;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MAAA,OAC7D;AACL,YAAI,SAAS,kBAAyB,OAAA,SAAS,eAAe;AAAA,MAAA;AAAA,IAChE,CACD;AAEM,WAAA;AAAA,EAAA,GACN,CAAC,oBAAoB,CAAC;AAEzB,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AACnE,aAAA,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EAAA,GACpE,CAAC,MAAM,CAAC;AAGT,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;ACpCO,MAAM,0BAA0B,oBAAoBC,yBAAqB,EAC7E,WAAW,kBAAkB,EAC7B,MAAM;"}

package/dist/react/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),t=require("@embedpdf/plugin-fullscreen"),r=require("react"),n=require("react/jsx-runtime"),u=()=>e.usePlugin(t.FullscreenPlugin.id),l=()=>e.useCapability(t.FullscreenPlugin.id);exports.FullscreenProvider=function({children:e,...t}){const{provides:s}=l(),{plugin:i}=u(),c=r.useRef(null);return r.useEffect((()=>{if(!s)return;return s.onRequest((async e=>{if("enter"===e){const e=c.current;e&&!document.fullscreenElement&&await e.requestFullscreen()}else document.fullscreenElement&&await document.exitFullscreen()}))}),[s]),r.useEffect((()=>{if(!i)return;const e=()=>i.setFullscreenState(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)}),[i]),n.jsx("div",{...t,style:{position:"relative",width:"100%",height:"100%",...t.style},ref:c,children:e})},exports.useFullscreen=()=>{const{provides:e}=l(),[n,u]=r.useState(t.initialState);return r.useEffect((()=>null==e?void 0:e.onStateChange((e=>{u(e)}))),[e]),{provides:e,state:n}},exports.useFullscreenCapability=l,exports.useFullscreenPlugin=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-fullscreen"),r=require("react/jsx-runtime"),n=require("react"),l=require("@embedpdf/core/react"),u=()=>l.usePlugin(t.FullscreenPlugin.id),s=()=>l.useCapability(t.FullscreenPlugin.id);function c({children:e,...t}){const{provides:l}=s(),{plugin:c}=u(),i=n.useRef(null);return n.useEffect((()=>{if(!l)return;return l.onRequest((async e=>{if("enter"===e){const e=i.current;e&&!document.fullscreenElement&&await e.requestFullscreen()}else document.fullscreenElement&&await document.exitFullscreen()}))}),[l]),n.useEffect((()=>{if(!c)return;const e=()=>c.setFullscreenState(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)}),[c]),r.jsx("div",{...t,style:{position:"relative",width:"100%",height:"100%",...t.style},ref:i,children:e})}const i=e.createPluginPackage(t.FullscreenPluginPackage).addWrapper(c).build();exports.FullscreenPluginPackage=i,exports.FullscreenProvider=c,exports.useFullscreen=()=>{const{provides:e}=s(),[r,l]=n.useState(t.initialState);return n.useEffect((()=>null==e?void 0:e.onStateChange((e=>{l(e)}))),[e]),{provides:e,state:r}},exports.useFullscreenCapability=s,exports.useFullscreenPlugin=u,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/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-fullscreen.ts","../../src/shared/components/fullscreen.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from '@framework';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef, HTMLAttributes, CSSProperties, ReactNode } from '@framework';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["useFullscreenPlugin","usePlugin","FullscreenPlugin","id","useFullscreenCapability","useCapability","children","props","provides","fullscreenCapability","plugin","ref","useRef","useEffect","onRequest","async","action","el","current","document","fullscreenElement","requestFullscreen","exitFullscreen","handler","setFullscreenState","addEventListener","removeEventListener","jsxRuntime","jsx","style","position","width","height","state","setState","useState","initialState","onStateChange"],"mappings":"mNAIaA,EAAsB,IAAMC,YAA4BC,EAAAA,iBAAiBC,IACzEC,EAA0B,IAAMC,gBAAgCH,EAAAA,iBAAiBC,+BCIvF,UAA4BG,SAAEA,KAAaC,IAChD,MAAQC,SAAUC,GAAyBL,KACrCM,OAAEA,GAAWV,IACbW,EAAMC,SAAuB,MAyBjC,OAvBFC,EAAAA,WAAU,KACR,IAAKJ,EAAsB,OAWpB,OATOA,EAAqBK,WAAUC,MAAOC,IAClD,GAAe,UAAXA,EAAoB,CACtB,MAAMC,EAAKN,EAAIO,QACXD,IAAOE,SAASC,yBAAyBH,EAAGI,mBAAkB,MAE9DF,SAASC,yBAAyBD,SAASG,gBAAe,GAI3D,GACN,CAACb,IAEJI,EAAAA,WAAU,KACR,IAAKH,EAAQ,OACb,MAAMa,EAAU,IAAMb,EAAOc,qBAAqBL,SAASC,mBAE3D,OADSD,SAAAM,iBAAiB,mBAAoBF,GACvC,IAAMJ,SAASO,oBAAoB,mBAAoBH,EAAO,GACpE,CAACb,IAGFiB,EAAAC,IAAC,MAAA,IACKrB,EACJsB,MAAO,CAAEC,SAAU,WAAYC,MAAO,OAAQC,OAAQ,UAAWzB,EAAMsB,OACvElB,MAECL,YAGP,wBDtC6B,KACrB,MAAAE,SAAEA,GAAaJ,KACd6B,EAAOC,GAAYC,EAAAA,SAA0BC,EAAAA,cAQ7C,OANPvB,EAAAA,WAAU,IACD,MAAAL,OAAA,EAAAA,EAAU6B,eAAeJ,IAC9BC,EAASD,EAAK,KAEf,CAACzB,IAEG,CACLA,WACAyB,QACF"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-fullscreen.ts","../../src/shared/components/fullscreen.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from '@framework';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef, HTMLAttributes, CSSProperties, ReactNode } from '@framework';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { FullscreenPluginPackage as BaseFullscreenPackage } from '@embedpdf/plugin-fullscreen';\nimport { FullscreenProvider } from './components';\n\nexport * from './hooks';\nexport * from './components';\n\nexport * from '@embedpdf/plugin-fullscreen';\n\nexport const FullscreenPluginPackage = createPluginPackage(BaseFullscreenPackage)\n  .addWrapper(FullscreenProvider)\n  .build();\n"],"names":["useFullscreenPlugin","usePlugin","FullscreenPlugin","id","useFullscreenCapability","useCapability","FullscreenProvider","children","props","provides","fullscreenCapability","plugin","ref","useRef","useEffect","onRequest","async","action","el","current","document","fullscreenElement","requestFullscreen","exitFullscreen","handler","setFullscreenState","addEventListener","removeEventListener","jsxRuntime","jsx","style","position","width","height","FullscreenPluginPackage","createPluginPackage","BaseFullscreenPackage","addWrapper","build","state","setState","useState","initialState","onStateChange"],"mappings":"+OAIaA,EAAsB,IAAMC,YAA4BC,EAAAA,iBAAiBC,IACzEC,EAA0B,IAAMC,gBAAgCH,EAAAA,iBAAiBC,ICIvF,SAASG,GAAmBC,SAAEA,KAAaC,IAChD,MAAQC,SAAUC,GAAyBN,KACrCO,OAAEA,GAAWX,IACbY,EAAMC,SAAuB,MAyBjC,OAvBFC,EAAAA,WAAU,KACR,IAAKJ,EAAsB,OAWpB,OATOA,EAAqBK,WAAUC,MAAOC,IAClD,GAAe,UAAXA,EAAoB,CACtB,MAAMC,EAAKN,EAAIO,QACXD,IAAOE,SAASC,yBAAyBH,EAAGI,mBAAkB,MAE9DF,SAASC,yBAAyBD,SAASG,gBAAe,GAI3D,GACN,CAACb,IAEJI,EAAAA,WAAU,KACR,IAAKH,EAAQ,OACb,MAAMa,EAAU,IAAMb,EAAOc,qBAAqBL,SAASC,mBAE3D,OADSD,SAAAM,iBAAiB,mBAAoBF,GACvC,IAAMJ,SAASO,oBAAoB,mBAAoBH,EAAO,GACpE,CAACb,IAGFiB,EAAAC,IAAC,MAAA,IACKrB,EACJsB,MAAO,CAAEC,SAAU,WAAYC,MAAO,OAAQC,OAAQ,UAAWzB,EAAMsB,OACvElB,MAECL,YAGP,CCpCO,MAAM2B,EAA0BC,EAAoBA,oBAAAC,EAAqBF,yBAC7EG,WAAW/B,GACXgC,6FFJ0B,KACrB,MAAA7B,SAAEA,GAAaL,KACdmC,EAAOC,GAAYC,EAAAA,SAA0BC,EAAAA,cAQ7C,OANP5B,EAAAA,WAAU,IACD,MAAAL,OAAA,EAAAA,EAAUkC,eAAeJ,IAC9BC,EAASD,EAAK,KAEf,CAAC9B,IAEG,CACLA,WACA8B,QACF"}

package/dist/react/index.js

@@ -1,7 +1,9 @@
-import { usePlugin, useCapability } from "@embedpdf/core/react";
-import { FullscreenPlugin, initialState } from "@embedpdf/plugin-fullscreen";
-import { useState, useEffect, useRef } from "react";
+import { createPluginPackage } from "@embedpdf/core";
+import { FullscreenPlugin, initialState, FullscreenPluginPackage as FullscreenPluginPackage$1 } from "@embedpdf/plugin-fullscreen";
+export * from "@embedpdf/plugin-fullscreen";
 import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { useCapability, usePlugin } from "@embedpdf/core/react";
 const useFullscreenPlugin = () => usePlugin(FullscreenPlugin.id);
 const useFullscreenCapability = () => useCapability(FullscreenPlugin.id);
 const useFullscreen = () => {
@@ -49,7 +51,9 @@ function FullscreenProvider({ children, ...props }) {
     }
   );
 }
+const FullscreenPluginPackage = createPluginPackage(FullscreenPluginPackage$1).addWrapper(FullscreenProvider).build();
 export {
+  FullscreenPluginPackage,
   FullscreenProvider,
   useFullscreen,
   useFullscreenCapability,

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-fullscreen.ts","../../src/shared/components/fullscreen.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from '@framework';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef, HTMLAttributes, CSSProperties, ReactNode } from '@framework';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["state"],"mappings":";;;;AAIO,MAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,MAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;AAEzF,MAAM,gBAAgB,MAAM;AAC3B,QAAA,EAAE,SAAS,IAAI,wBAAwB;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,YAAY;AAEhE,YAAU,MAAM;AACP,WAAA,qCAAU,cAAc,CAACA,WAAU;AACxC,eAASA,MAAK;AAAA,IAAA;AAAA,EACf,GACA,CAAC,QAAQ,CAAC;AAEN,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;ACZO,SAAS,mBAAmB,EAAE,UAAU,GAAG,SAAkC;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AAC7D,QAAA,EAAE,OAAO,IAAI,oBAAoB;AACjC,QAAA,MAAM,OAAuB,IAAI;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MAAA,OAC7D;AACL,YAAI,SAAS,kBAAyB,OAAA,SAAS,eAAe;AAAA,MAAA;AAAA,IAChE,CACD;AAEM,WAAA;AAAA,EAAA,GACN,CAAC,oBAAoB,CAAC;AAEzB,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AACnE,aAAA,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EAAA,GACpE,CAAC,MAAM,CAAC;AAGT,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-fullscreen.ts","../../src/shared/components/fullscreen.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from '@framework';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef, HTMLAttributes, CSSProperties, ReactNode } from '@framework';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { FullscreenPluginPackage as BaseFullscreenPackage } from '@embedpdf/plugin-fullscreen';\nimport { FullscreenProvider } from './components';\n\nexport * from './hooks';\nexport * from './components';\n\nexport * from '@embedpdf/plugin-fullscreen';\n\nexport const FullscreenPluginPackage = createPluginPackage(BaseFullscreenPackage)\n  .addWrapper(FullscreenProvider)\n  .build();\n"],"names":["state","BaseFullscreenPackage"],"mappings":";;;;;;AAIO,MAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,MAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;AAEzF,MAAM,gBAAgB,MAAM;AAC3B,QAAA,EAAE,SAAS,IAAI,wBAAwB;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,YAAY;AAEhE,YAAU,MAAM;AACP,WAAA,qCAAU,cAAc,CAACA,WAAU;AACxC,eAASA,MAAK;AAAA,IAAA;AAAA,EACf,GACA,CAAC,QAAQ,CAAC;AAEN,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;ACZO,SAAS,mBAAmB,EAAE,UAAU,GAAG,SAAkC;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AAC7D,QAAA,EAAE,OAAO,IAAI,oBAAoB;AACjC,QAAA,MAAM,OAAuB,IAAI;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MAAA,OAC7D;AACL,YAAI,SAAS,kBAAyB,OAAA,SAAS,eAAe;AAAA,MAAA;AAAA,IAChE,CACD;AAEM,WAAA;AAAA,EAAA,GACN,CAAC,oBAAoB,CAAC;AAEzB,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AACnE,aAAA,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EAAA,GACpE,CAAC,MAAM,CAAC;AAGT,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;ACpCO,MAAM,0BAA0B,oBAAoBC,yBAAqB,EAC7E,WAAW,kBAAkB,EAC7B,MAAM;"}

package/dist/shared-preact/index.d.ts

@@ -1,2 +1,4 @@
 export * from './hooks';
 export * from './components';
+export * from '../lib/index.ts';
+export declare const FullscreenPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').FullscreenPlugin, import('../lib/index.ts').FullscreenPluginConfig, import('../lib/index.ts').FullscreenState, import('../lib/index.ts').SetFullscreenAction>>;

package/dist/shared-react/index.d.ts

@@ -1,2 +1,4 @@
 export * from './hooks';
 export * from './components';
+export * from '../lib/index.ts';
+export declare const FullscreenPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').FullscreenPlugin, import('../lib/index.ts').FullscreenPluginConfig, import('../lib/index.ts').FullscreenState, import('../lib/index.ts').SetFullscreenAction>>;

package/dist/vue/components/fullscreen.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as FullscreenProvider } from './fullscreen.vue';

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

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

package/dist/vue/hooks/use-fullscreen.d.ts

@@ -0,0 +1,11 @@
+import { FullscreenPlugin, FullscreenState } from '../../lib/index.ts';
+export declare const useFullscreenPlugin: () => import('@embedpdf/core/vue').PluginState<FullscreenPlugin>;
+export declare const useFullscreenCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').FullscreenCapability>>;
+export declare const useFullscreen: () => {
+    provides: import('vue').Ref<Readonly<import('../../lib/index.ts').FullscreenCapability> | null, Readonly<import('../../lib/index.ts').FullscreenCapability> | null>;
+    state: import('vue').Ref<{
+        isFullscreen: boolean;
+    }, FullscreenState | {
+        isFullscreen: boolean;
+    }>;
+};

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),n=require("@embedpdf/plugin-fullscreen"),t=require("vue"),l=require("@embedpdf/core/vue"),r=()=>l.usePlugin(n.FullscreenPlugin.id),u=()=>l.useCapability(n.FullscreenPlugin.id),o=t.defineComponent({__name:"fullscreen",setup(e){const{provides:n}=u(),{plugin:l}=r(),o=t.ref(null);let s=null;return t.onMounted((()=>{const e=n.value;e&&(s=e.onRequest((async e=>{const n=o.value;"enter"===e?n&&!document.fullscreenElement&&await n.requestFullscreen():document.fullscreenElement&&await document.exitFullscreen()})));const r=l.value;if(r){const e=()=>{r.setFullscreenState(!!document.fullscreenElement)};document.addEventListener("fullscreenchange",e),t.onUnmounted((()=>{document.removeEventListener("fullscreenchange",e)}))}})),t.onUnmounted((()=>{s&&s()})),(e,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:o,style:{position:"relative",width:"100%",height:"100%"}},[t.renderSlot(e.$slots,"default")],512))}}),s=e.createPluginPackage(n.FullscreenPluginPackage).addWrapper(o).build();exports.FullscreenPluginPackage=s,exports.FullscreenProvider=o,exports.useFullscreen=()=>{const{provides:e}=u(),l=t.ref(n.initialState);let r=null;return t.watchEffect((()=>{const n=e.value;r&&(r(),r=null),n&&(r=n.onStateChange((e=>{l.value=e})))})),t.onUnmounted((()=>{r&&r()})),{provides:e,state:l}},exports.useFullscreenCapability=u,exports.useFullscreenPlugin=r,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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-fullscreen.ts","../../src/vue/components/fullscreen.vue","../../src/vue/index.ts"],"sourcesContent":["import { ref, watchEffect, onUnmounted } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides: fullscreenProviderRef } = useFullscreenCapability();\n  const state = ref<FullscreenState>(initialState);\n\n  let unsubscribe: (() => void) | null = null;\n\n  watchEffect(() => {\n    const fullscreenProvider = fullscreenProviderRef.value;\n\n    // Clean up previous subscription if it exists\n    if (unsubscribe) {\n      unsubscribe();\n      unsubscribe = null;\n    }\n\n    if (fullscreenProvider) {\n      // Subscribe to state changes\n      unsubscribe = fullscreenProvider.onStateChange((newState) => {\n        state.value = newState;\n      });\n    }\n  });\n\n  // Clean up on unmount\n  onUnmounted(() => {\n    if (unsubscribe) {\n      unsubscribe();\n    }\n  });\n\n  return {\n    provides: fullscreenProviderRef,\n    state,\n  };\n};\n","<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, CSSProperties } from 'vue';\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\nconst { provides: fullscreenCapabilityRef } = useFullscreenCapability();\nconst { plugin: fullscreenPluginRef } = useFullscreenPlugin();\nconst containerRef = ref<HTMLDivElement | null>(null);\n\nlet unsubscribe: (() => void) | null = null;\n\nonMounted(() => {\n  const fullscreenCapability = fullscreenCapabilityRef.value;\n\n  if (fullscreenCapability) {\n    unsubscribe = fullscreenCapability.onRequest(async (action) => {\n      const el = containerRef.value;\n      if (action === 'enter') {\n        if (el && !document.fullscreenElement) {\n          await el.requestFullscreen();\n        }\n      } else {\n        if (document.fullscreenElement) {\n          await document.exitFullscreen();\n        }\n      }\n    });\n  }\n\n  // Handle fullscreen state changes\n  const plugin = fullscreenPluginRef.value;\n  if (plugin) {\n    const handler = () => {\n      plugin.setFullscreenState(!!document.fullscreenElement);\n    };\n    document.addEventListener('fullscreenchange', handler);\n\n    onUnmounted(() => {\n      document.removeEventListener('fullscreenchange', handler);\n    });\n  }\n});\n\nonUnmounted(() => {\n  if (unsubscribe) {\n    unsubscribe();\n  }\n});\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    :style=\"{\n      position: 'relative',\n      width: '100%',\n      height: '100%',\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { FullscreenPluginPackage as BaseFullscreenPackage } from '@embedpdf/plugin-fullscreen';\nimport { FullscreenProvider } from './components';\n\nexport * from './hooks';\nexport * from './components';\n\nexport * from '@embedpdf/plugin-fullscreen';\n\nexport const FullscreenPluginPackage = createPluginPackage(BaseFullscreenPackage)\n  .addWrapper(FullscreenProvider)\n  .build();\n"],"names":["useFullscreenPlugin","usePlugin","FullscreenPlugin","id","useFullscreenCapability","useCapability","provides","fullscreenCapabilityRef","plugin","fullscreenPluginRef","containerRef","ref","unsubscribe","onMounted","fullscreenCapability","value","onRequest","async","action","el","document","fullscreenElement","requestFullscreen","exitFullscreen","handler","setFullscreenState","addEventListener","onUnmounted","removeEventListener","_createElementBlock","createElementBlock","style","_renderSlot","_ctx","$slots","FullscreenPluginPackage","createPluginPackage","BaseFullscreenPackage","addWrapper","FullscreenProvider","build","fullscreenProviderRef","state","initialState","watchEffect","fullscreenProvider","onStateChange","newState"],"mappings":"4MAIaA,EAAsB,IAAMC,YAA4BC,EAAAA,iBAAiBC,IACzEC,EAA0B,IAAMC,gBAAgCH,EAAAA,iBAAiBC,sDCD9F,MAAQG,SAAUC,GAA4BH,KACtCI,OAAQC,GAAwBT,IAClCU,EAAeC,MAA2B,MAEhD,IAAIC,EAAmC,YAEvCC,EAAAA,WAAU,KACR,MAAMC,EAAuBP,EAAwBQ,MAEjDD,IACYF,EAAAE,EAAqBE,WAAUC,MAAOC,IAClD,MAAMC,EAAKT,EAAaK,MACT,UAAXG,EACEC,IAAOC,SAASC,yBACZF,EAAGG,oBAGPF,SAASC,yBACLD,SAASG,gBACjB,KAMN,MAAMf,EAASC,EAAoBM,MACnC,GAAIP,EAAQ,CACV,MAAMgB,EAAU,KACdhB,EAAOiB,qBAAqBL,SAASC,kBAAiB,EAE/CD,SAAAM,iBAAiB,mBAAoBF,GAE9CG,EAAAA,aAAY,KACDP,SAAAQ,oBAAoB,mBAAoBJ,EAAO,GACzD,KAILG,EAAAA,aAAY,KACNf,GACUA,GAAA,0BAMdiB,EAAAC,mBASM,MAAA,SARA,eAAJnB,IAAID,EACHqB,MAAO,mDAMRC,aAAQC,EAAAC,OAAA,qBCjDCC,EAA0BC,EAAoBA,oBAAAC,EAAqBF,yBAC7EG,WAAWC,GACXC,6FFJ0B,KAC3B,MAAQlC,SAAUmC,GAA0BrC,IACtCsC,EAAQ/B,MAAqBgC,gBAEnC,IAAI/B,EAAmC,KA0BhC,OAxBPgC,EAAAA,aAAY,KACV,MAAMC,EAAqBJ,EAAsB1B,MAG7CH,IACUA,IACEA,EAAA,MAGZiC,IAEYjC,EAAAiC,EAAmBC,eAAeC,IAC9CL,EAAM3B,MAAQgC,CAAA,IACf,IAKLpB,EAAAA,aAAY,KACNf,GACUA,GAAA,IAIT,CACLN,SAAUmC,EACVC,QACF"}

package/dist/vue/index.d.ts

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './components';
+export * from '../lib/index.ts';
+export declare const FullscreenPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').FullscreenPlugin, import('../lib/index.ts').FullscreenPluginConfig, import('../lib/index.ts').FullscreenState, import('../lib/index.ts').SetFullscreenAction>>;

package/dist/vue/index.js

@@ -0,0 +1,96 @@
+import { createPluginPackage } from "@embedpdf/core";
+import { FullscreenPlugin, initialState, FullscreenPluginPackage as FullscreenPluginPackage$1 } from "@embedpdf/plugin-fullscreen";
+export * from "@embedpdf/plugin-fullscreen";
+import { ref, watchEffect, onUnmounted, defineComponent, onMounted, createElementBlock, openBlock, renderSlot } from "vue";
+import { useCapability, usePlugin } from "@embedpdf/core/vue";
+const useFullscreenPlugin = () => usePlugin(FullscreenPlugin.id);
+const useFullscreenCapability = () => useCapability(FullscreenPlugin.id);
+const useFullscreen = () => {
+  const { provides: fullscreenProviderRef } = useFullscreenCapability();
+  const state = ref(initialState);
+  let unsubscribe = null;
+  watchEffect(() => {
+    const fullscreenProvider = fullscreenProviderRef.value;
+    if (unsubscribe) {
+      unsubscribe();
+      unsubscribe = null;
+    }
+    if (fullscreenProvider) {
+      unsubscribe = fullscreenProvider.onStateChange((newState) => {
+        state.value = newState;
+      });
+    }
+  });
+  onUnmounted(() => {
+    if (unsubscribe) {
+      unsubscribe();
+    }
+  });
+  return {
+    provides: fullscreenProviderRef,
+    state
+  };
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "fullscreen",
+  setup(__props) {
+    const { provides: fullscreenCapabilityRef } = useFullscreenCapability();
+    const { plugin: fullscreenPluginRef } = useFullscreenPlugin();
+    const containerRef = ref(null);
+    let unsubscribe = null;
+    onMounted(() => {
+      const fullscreenCapability = fullscreenCapabilityRef.value;
+      if (fullscreenCapability) {
+        unsubscribe = fullscreenCapability.onRequest(async (action) => {
+          const el = containerRef.value;
+          if (action === "enter") {
+            if (el && !document.fullscreenElement) {
+              await el.requestFullscreen();
+            }
+          } else {
+            if (document.fullscreenElement) {
+              await document.exitFullscreen();
+            }
+          }
+        });
+      }
+      const plugin = fullscreenPluginRef.value;
+      if (plugin) {
+        const handler = () => {
+          plugin.setFullscreenState(!!document.fullscreenElement);
+        };
+        document.addEventListener("fullscreenchange", handler);
+        onUnmounted(() => {
+          document.removeEventListener("fullscreenchange", handler);
+        });
+      }
+    });
+    onUnmounted(() => {
+      if (unsubscribe) {
+        unsubscribe();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: {
+          position: "relative",
+          width: "100%",
+          height: "100%"
+        }
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
+  }
+});
+const FullscreenPluginPackage = createPluginPackage(FullscreenPluginPackage$1).addWrapper(_sfc_main).build();
+export {
+  FullscreenPluginPackage,
+  _sfc_main as FullscreenProvider,
+  useFullscreen,
+  useFullscreenCapability,
+  useFullscreenPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-fullscreen.ts","../../src/vue/components/fullscreen.vue","../../src/vue/index.ts"],"sourcesContent":["import { ref, watchEffect, onUnmounted } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides: fullscreenProviderRef } = useFullscreenCapability();\n  const state = ref<FullscreenState>(initialState);\n\n  let unsubscribe: (() => void) | null = null;\n\n  watchEffect(() => {\n    const fullscreenProvider = fullscreenProviderRef.value;\n\n    // Clean up previous subscription if it exists\n    if (unsubscribe) {\n      unsubscribe();\n      unsubscribe = null;\n    }\n\n    if (fullscreenProvider) {\n      // Subscribe to state changes\n      unsubscribe = fullscreenProvider.onStateChange((newState) => {\n        state.value = newState;\n      });\n    }\n  });\n\n  // Clean up on unmount\n  onUnmounted(() => {\n    if (unsubscribe) {\n      unsubscribe();\n    }\n  });\n\n  return {\n    provides: fullscreenProviderRef,\n    state,\n  };\n};\n","<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, CSSProperties } from 'vue';\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\nconst { provides: fullscreenCapabilityRef } = useFullscreenCapability();\nconst { plugin: fullscreenPluginRef } = useFullscreenPlugin();\nconst containerRef = ref<HTMLDivElement | null>(null);\n\nlet unsubscribe: (() => void) | null = null;\n\nonMounted(() => {\n  const fullscreenCapability = fullscreenCapabilityRef.value;\n\n  if (fullscreenCapability) {\n    unsubscribe = fullscreenCapability.onRequest(async (action) => {\n      const el = containerRef.value;\n      if (action === 'enter') {\n        if (el && !document.fullscreenElement) {\n          await el.requestFullscreen();\n        }\n      } else {\n        if (document.fullscreenElement) {\n          await document.exitFullscreen();\n        }\n      }\n    });\n  }\n\n  // Handle fullscreen state changes\n  const plugin = fullscreenPluginRef.value;\n  if (plugin) {\n    const handler = () => {\n      plugin.setFullscreenState(!!document.fullscreenElement);\n    };\n    document.addEventListener('fullscreenchange', handler);\n\n    onUnmounted(() => {\n      document.removeEventListener('fullscreenchange', handler);\n    });\n  }\n});\n\nonUnmounted(() => {\n  if (unsubscribe) {\n    unsubscribe();\n  }\n});\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    :style=\"{\n      position: 'relative',\n      width: '100%',\n      height: '100%',\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { FullscreenPluginPackage as BaseFullscreenPackage } from '@embedpdf/plugin-fullscreen';\nimport { FullscreenProvider } from './components';\n\nexport * from './hooks';\nexport * from './components';\n\nexport * from '@embedpdf/plugin-fullscreen';\n\nexport const FullscreenPluginPackage = createPluginPackage(BaseFullscreenPackage)\n  .addWrapper(FullscreenProvider)\n  .build();\n"],"names":["_createElementBlock","_renderSlot","BaseFullscreenPackage","FullscreenProvider"],"mappings":";;;;;AAIO,MAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,MAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;AAEzF,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,UAAU,sBAAsB,IAAI,wBAAwB;AAC9D,QAAA,QAAQ,IAAqB,YAAY;AAE/C,MAAI,cAAmC;AAEvC,cAAY,MAAM;AAChB,UAAM,qBAAqB,sBAAsB;AAGjD,QAAI,aAAa;AACH,kBAAA;AACE,oBAAA;AAAA,IAAA;AAGhB,QAAI,oBAAoB;AAER,oBAAA,mBAAmB,cAAc,CAAC,aAAa;AAC3D,cAAM,QAAQ;AAAA,MAAA,CACf;AAAA,IAAA;AAAA,EACH,CACD;AAGD,cAAY,MAAM;AAChB,QAAI,aAAa;AACH,kBAAA;AAAA,IAAA;AAAA,EACd,CACD;AAEM,SAAA;AAAA,IACL,UAAU;AAAA,IACV;AAAA,EACF;AACF;;;;ACrCA,UAAM,EAAE,UAAU,wBAAwB,IAAI,wBAAwB;AACtE,UAAM,EAAE,QAAQ,oBAAoB,IAAI,oBAAoB;AACtD,UAAA,eAAe,IAA2B,IAAI;AAEpD,QAAI,cAAmC;AAEvC,cAAU,MAAM;AACd,YAAM,uBAAuB,wBAAwB;AAErD,UAAI,sBAAsB;AACV,sBAAA,qBAAqB,UAAU,OAAO,WAAW;AAC7D,gBAAM,KAAK,aAAa;AACxB,cAAI,WAAW,SAAS;AAClB,gBAAA,MAAM,CAAC,SAAS,mBAAmB;AACrC,oBAAM,GAAG,kBAAkB;AAAA,YAAA;AAAA,UAC7B,OACK;AACL,gBAAI,SAAS,mBAAmB;AAC9B,oBAAM,SAAS,eAAe;AAAA,YAAA;AAAA,UAChC;AAAA,QACF,CACD;AAAA,MAAA;AAIH,YAAM,SAAS,oBAAoB;AACnC,UAAI,QAAQ;AACV,cAAM,UAAU,MAAM;AACpB,iBAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAAA,QACxD;AACS,iBAAA,iBAAiB,oBAAoB,OAAO;AAErD,oBAAY,MAAM;AACP,mBAAA,oBAAoB,oBAAoB,OAAO;AAAA,QAAA,CACzD;AAAA,MAAA;AAAA,IACH,CACD;AAED,gBAAY,MAAM;AAChB,UAAI,aAAa;AACH,oBAAA;AAAA,MAAA;AAAA,IACd,CACD;;0BAICA,mBASM,OAAA;AAAA,iBARA;AAAA,QAAJ,KAAI;AAAA,QACH,OAAO;AAAA;;;;MAIP;QAEDC,WAAQ,KAAA,QAAA,SAAA;AAAA;;;;ACjDL,MAAM,0BAA0B,oBAAoBC,yBAAqB,EAC7E,WAAWC,SAAkB,EAC7B,MAAM;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-fullscreen",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -20,22 +20,28 @@
       "types": "./dist/react/index.d.ts",
       "import": "./dist/react/index.js",
       "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.0.20"
+    "@embedpdf/models": "1.0.22"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
-    "@embedpdf/core": "1.0.20",
-    "@embedpdf/build": "1.0.0"
+    "@embedpdf/build": "1.0.0",
+    "@embedpdf/core": "1.0.22"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
-    "@embedpdf/core": "1.0.20"
+    "vue": ">=3.2.0",
+    "@embedpdf/core": "1.0.22"
   },
   "files": [
     "dist",
@@ -57,7 +63,8 @@
     "build:base": "vite build --mode base",
     "build:react": "vite build --mode react",
     "build:preact": "vite build --mode preact",
-    "build": "pnpm run clean && concurrently -c auto -n base,react,preact \"vite build --mode base\" \"vite build --mode react\" \"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\"",
     "clean": "rimraf dist",
     "lint": "eslint src --color",
     "lint:fix": "eslint src --color --fix"