@embedpdf/plugin-fullscreen 1.4.0 → 1.5.0

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

@@ -11,5 +11,5 @@ export declare const useFullscreenCapability: () => {
 };
 export declare const useFullscreen: () => {
     readonly provides: Readonly<import('../../lib/index.ts').FullscreenCapability> | null;
-    readonly state: FullscreenState;
+    state: FullscreenState;
 };

package/dist/svelte/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-fullscreen");require("svelte/internal/disclose-version");const r=require("svelte/internal/client"),n=require("@embedpdf/core/svelte");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const s=l(r),u=()=>n.usePlugin(t.FullscreenPlugin.id),c=()=>n.useCapability(t.FullscreenPlugin.id);var i=s.from_html("<div><!></div>");function o(e,t){s.push(t,!0);const{provides:r}=c(),{plugin:n}=u();let l;s.user_effect((()=>{if(!r)return;return r.onRequest((async e=>{if("enter"===e){const e=l;e&&!document.fullscreenElement&&await e.requestFullscreen()}else document.fullscreenElement&&await document.exitFullscreen()}))})),s.user_effect((()=>{if(!n)return;const e=()=>{n.setFullscreenState(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)}));var o=i(),a=s.child(o);s.snippet(a,(()=>t.children)),s.reset(o),s.bind_this(o,(e=>l=e),(()=>l)),s.template_effect((()=>{s.set_class(o,1,s.clsx(t.class)),s.set_style(o,`position: relative; width: 100%; height: 100%; ${(t.style||"")??""}`)})),s.append(e,o),s.pop()}const a=e.createPluginPackage(t.FullscreenPluginPackage).addWrapper(o).build();exports.FullscreenPluginPackage=a,exports.FullscreenProvider=o,exports.useFullscreen=()=>{const e=s.derived(c),r=s.derived((()=>s.get(e).provides)),n=s.proxy(t.initialState);return s.user_effect((()=>{if(s.get(r))return s.get(r).onStateChange((e=>{n.isFullscreen=e.isFullscreen}))})),{get provides(){return s.get(r)},get state(){return n}}},exports.useFullscreenCapability=c,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]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-fullscreen");require("svelte/internal/disclose-version");const r=require("svelte/internal/client"),n=require("@embedpdf/core/svelte");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const s=l(r),u=()=>n.usePlugin(t.FullscreenPlugin.id),i=()=>n.useCapability(t.FullscreenPlugin.id);var c=s.from_html("<div><!></div>");function o(e,t){s.push(t,!0);const r=i(),n=u();let l;s.user_effect((()=>{if(!r.provides)return;return r.provides.onRequest((async e=>{if("enter"===e){const e=l;e&&!document.fullscreenElement&&await e.requestFullscreen()}else document.fullscreenElement&&await document.exitFullscreen()}))})),s.user_effect((()=>{if(!n.plugin)return;const e=()=>{n.plugin.setFullscreenState(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)}));var o=c(),a=s.child(o);s.snippet(a,(()=>t.children)),s.reset(o),s.bind_this(o,(e=>l=e),(()=>l)),s.template_effect((()=>{s.set_class(o,1,s.clsx(t.class)),s.set_style(o,`position: relative; width: 100%; height: 100%; ${(t.style||"")??""}`)})),s.append(e,o),s.pop()}const a=e.createPluginPackage(t.FullscreenPluginPackage).addWrapper(o).build();exports.FullscreenPluginPackage=a,exports.FullscreenProvider=o,exports.useFullscreen=()=>{const e=i(),r=s.proxy({get provides(){return e.provides},state:t.initialState});return s.user_effect((()=>{if(e.provides)return e.provides.onStateChange((e=>{r.state=e}))})),r},exports.useFullscreenCapability=i,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/svelte/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-fullscreen.svelte.ts","../../src/svelte/components/FullscreenProvider.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\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 } = $derived(useFullscreenCapability());\n  const state = $state<FullscreenState>(initialState);\n\n  $effect(() => {\n    if (!provides) return;\n    return provides.onStateChange((newState) => {\n      state.isFullscreen = newState.isFullscreen;\n    });\n  });\n\n  return {\n    get provides() {\n      return provides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\n  interface Props {\n    children: Snippet;\n    class?: string;\n    style?: string;\n  }\n\n  const { children, class: className, style }: Props = $props();\n\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n\n  let containerElement: HTMLDivElement | undefined;\n\n  // Handle fullscreen requests\n  $effect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = containerElement;\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    return unsub;\n  });\n\n  // Listen for fullscreen changes\n  $effect(() => {\n    if (!plugin) return;\n\n    const handler = () => {\n      plugin.setFullscreenState(!!document.fullscreenElement);\n    };\n\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  });\n</script>\n\n<div\n  bind:this={containerElement}\n  class={className}\n  style=\"position: relative; width: 100%; height: 100%; {style || ''}\"\n>\n  {@render children()}\n</div>\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","fullscreenCapability","plugin","containerElement","$","user_effect","onRequest","async","action","el","document","fullscreenElement","requestFullscreen","exitFullscreen","handler","setFullscreenState","addEventListener","removeEventListener","bind_this","div","$$value","FullscreenPluginPackage","createPluginPackage","BaseFullscreenPackage","addWrapper","FullscreenProvider","build","state","initialState","get","onStateChange","newState","isFullscreen"],"mappings":"4iBAGaA,EAA4B,IAAAC,YAA4BC,EAAAA,iBAAiBC,IACzEC,EAAgC,IAAAC,gBAAgCH,EAAAA,iBAAiBC,2ECQpFG,SAAUC,GAAyBH,KACnCI,OAAAA,GAAWR,IAEf,IAAAS,EAGJC,EAAAC,aAAc,SACPJ,EAAoB,OAelB,OAbOA,EAAqBK,WAASC,MAAQC,OACnC,UAAXA,EAAoB,CAChB,MAAAC,EAAKN,EACPM,IAAOC,SAASC,yBACZF,EAAGG,mBAEb,MACMF,SAASC,yBACLD,SAASG,gBAEnB,GAGK,IAITT,EAAAC,aAAc,SACPH,EAAM,OAEL,MAAAY,EAAgB,KACpBZ,EAAOa,qBAAqBL,SAASC,kBAAiB,EAI3C,OADJD,SAAAM,iBAAiB,mBAAoBF,GACjC,IAAAJ,SAASO,oBAAoB,mBAAoBH,EAAO,oEAK5DV,EAAAc,UAAAC,GAAAC,GAAAjB,UAAAA,uIAEqD,KAAE,KAAA,yBALpE,CCvCO,MAAMkB,EAA0BC,EAAoBA,oBAAAC,EAAqBF,yBAC7EG,WAAWC,GACXC,oHFJ6B5B,GAAtBE,0BAAAA,WACF2B,UAAgCC,uBAEtCxB,EAAAC,2BACOL,GACE,OAAAI,EAAAyB,IAAA7B,GAAS8B,eAAeC,IAC7BJ,EAAMK,aAAeD,EAASC,YAAA,GAC/B,KAIG,YAAAhC,gBACKA,EACT,EACI,SAAA2B,GACK,OAAAA"}
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-fullscreen.svelte.ts","../../src/svelte/components/FullscreenProvider.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\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 capability = useFullscreenCapability();\n\n  const state = $state({\n    get provides() {\n      return capability.provides;\n    },\n    state: initialState as FullscreenState,\n  });\n\n  $effect(() => {\n    if (!capability.provides) return;\n    return capability.provides.onStateChange((newState) => {\n      state.state = newState;\n    });\n  });\n\n  return state;\n};\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\n  interface Props {\n    children: Snippet;\n    class?: string;\n    style?: string;\n  }\n\n  const { children, class: className, style }: Props = $props();\n\n  const fullscreenCapability = useFullscreenCapability();\n  const fullscreenPlugin = useFullscreenPlugin();\n\n  let containerElement: HTMLDivElement | undefined;\n\n  // Handle fullscreen requests\n  $effect(() => {\n    if (!fullscreenCapability.provides) return;\n\n    const unsub = fullscreenCapability.provides.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = containerElement;\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    return unsub;\n  });\n\n  // Listen for fullscreen changes\n  $effect(() => {\n    if (!fullscreenPlugin.plugin) return;\n\n    const handler = () => {\n      fullscreenPlugin.plugin.setFullscreenState(!!document.fullscreenElement);\n    };\n\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  });\n</script>\n\n<div\n  bind:this={containerElement}\n  class={className}\n  style=\"position: relative; width: 100%; height: 100%; {style || ''}\"\n>\n  {@render children()}\n</div>\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","fullscreenCapability","fullscreenPlugin","containerElement","$","user_effect","provides","onRequest","async","action","el","document","fullscreenElement","requestFullscreen","exitFullscreen","plugin","handler","setFullscreenState","addEventListener","removeEventListener","bind_this","div","$$value","FullscreenPluginPackage","createPluginPackage","BaseFullscreenPackage","addWrapper","FullscreenProvider","build","capability","state","initialState","onStateChange","newState"],"mappings":"4iBAGaA,EAA4B,IAAAC,YAA4BC,EAAAA,iBAAiBC,IACzEC,EAAgC,IAAAC,gBAAgCH,EAAAA,iBAAiBC,qECQtF,MAAAG,EAAuBF,IACvBG,EAAmBP,IAErB,IAAAQ,EAGJC,EAAAC,aAAc,KACP,IAAAJ,EAAqBK,SAAQ,OAe3B,OAbOL,EAAqBK,SAASC,WAASC,MAAQC,OAC5C,UAAXA,EAAoB,CAChB,MAAAC,EAAKP,EACPO,IAAOC,SAASC,yBACZF,EAAGG,mBAEb,MACMF,SAASC,yBACLD,SAASG,gBAEnB,GAGK,IAITV,EAAAC,aAAc,KACP,IAAAH,EAAiBa,OAAM,OAEtB,MAAAC,EAAgB,KACpBd,EAAiBa,OAAOE,qBAAqBN,SAASC,kBAAiB,EAI5D,OADJD,SAAAO,iBAAiB,mBAAoBF,GACjC,IAAAL,SAASQ,oBAAoB,mBAAoBH,EAAO,oEAK5DZ,EAAAgB,UAAAC,GAAAC,GAAAnB,UAAAA,uIAEqD,KAAE,KAAA,yBALpE,CCvCO,MAAMoB,EAA0BC,EAAoBA,oBAAAC,EAAqBF,yBAC7EG,WAAWC,GACXC,kGFJK,MAAAC,EAAa9B,IAEb+B,WACA,YAAAxB,GACK,OAAAuB,EAAWvB,QACpB,EACAwB,MAAOC,EAAAA,eAUF,OAPP3B,EAAAC,kBACO,GAAAwB,EAAWvB,SACT,OAAAuB,EAAWvB,SAAS0B,eAAeC,IACxCH,EAAMA,MAAQG,CAAA,GACf,IAGIH,CAAA"}

package/dist/svelte/index.js

@@ -7,32 +7,30 @@ import { useCapability, usePlugin } from "@embedpdf/core/svelte";
 const useFullscreenPlugin = () => usePlugin(FullscreenPlugin.id);
 const useFullscreenCapability = () => useCapability(FullscreenPlugin.id);
 const useFullscreen = () => {
-  const $$d = $.derived(useFullscreenCapability), provides = $.derived(() => $.get($$d).provides);
-  const state = $.proxy(initialState);
+  const capability = useFullscreenCapability();
+  const state = $.proxy({
+    get provides() {
+      return capability.provides;
+    },
+    state: initialState
+  });
   $.user_effect(() => {
-    if (!$.get(provides)) return;
-    return $.get(provides).onStateChange((newState) => {
-      state.isFullscreen = newState.isFullscreen;
+    if (!capability.provides) return;
+    return capability.provides.onStateChange((newState) => {
+      state.state = newState;
     });
   });
-  return {
-    get provides() {
-      return $.get(provides);
-    },
-    get state() {
-      return state;
-    }
-  };
+  return state;
 };
 var root = $.from_html(`<div><!></div>`);
 function FullscreenProvider($$anchor, $$props) {
   $.push($$props, true);
-  const { provides: fullscreenCapability } = useFullscreenCapability();
-  const { plugin } = useFullscreenPlugin();
+  const fullscreenCapability = useFullscreenCapability();
+  const fullscreenPlugin = useFullscreenPlugin();
   let containerElement;
   $.user_effect(() => {
-    if (!fullscreenCapability) return;
-    const unsub = fullscreenCapability.onRequest(async (action) => {
+    if (!fullscreenCapability.provides) return;
+    const unsub = fullscreenCapability.provides.onRequest(async (action) => {
       if (action === "enter") {
         const el = containerElement;
         if (el && !document.fullscreenElement) {
@@ -47,9 +45,9 @@ function FullscreenProvider($$anchor, $$props) {
     return unsub;
   });
   $.user_effect(() => {
-    if (!plugin) return;
+    if (!fullscreenPlugin.plugin) return;
     const handler = () => {
-      plugin.setFullscreenState(!!document.fullscreenElement);
+      fullscreenPlugin.plugin.setFullscreenState(!!document.fullscreenElement);
     };
     document.addEventListener("fullscreenchange", handler);
     return () => document.removeEventListener("fullscreenchange", handler);

package/dist/svelte/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-fullscreen.svelte.ts","../../src/svelte/components/FullscreenProvider.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\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 } = $derived(useFullscreenCapability());\n  const state = $state<FullscreenState>(initialState);\n\n  $effect(() => {\n    if (!provides) return;\n    return provides.onStateChange((newState) => {\n      state.isFullscreen = newState.isFullscreen;\n    });\n  });\n\n  return {\n    get provides() {\n      return provides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\n  interface Props {\n    children: Snippet;\n    class?: string;\n    style?: string;\n  }\n\n  const { children, class: className, style }: Props = $props();\n\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n\n  let containerElement: HTMLDivElement | undefined;\n\n  // Handle fullscreen requests\n  $effect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = containerElement;\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    return unsub;\n  });\n\n  // Listen for fullscreen changes\n  $effect(() => {\n    if (!plugin) return;\n\n    const handler = () => {\n      plugin.setFullscreenState(!!document.fullscreenElement);\n    };\n\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  });\n</script>\n\n<div\n  bind:this={containerElement}\n  class={className}\n  style=\"position: relative; width: 100%; height: 100%; {style || ''}\"\n>\n  {@render children()}\n</div>\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":["BaseFullscreenPackage"],"mappings":";;;;;;AAGa,MAAA,sBAA4B,MAAA,UAA4B,iBAAiB,EAAE;AAC3E,MAAA,0BAAgC,MAAA,cAAgC,iBAAiB,EAAE;AAEnF,MAAA,sBAAsB;wBACH,0BAAtB,sCAAA,QAAA;AACF,QAAA,gBAAgC,YAAY;AAElD,IAAA,kBAAc;eACP,QAAU,EAAA;AACR,WAAA,EAAA,IAAA,QAAA,EAAS,cAAe,CAAA,aAAa;AAC1C,YAAM,eAAe,SAAS;AAAA,KAC/B;AAAA,GACF;;IAGK,IAAA,WAAW;mBACN,QAAA;AAAA,IACT;AAAA,IACI,IAAA,QAAQ;aACH;AAAA;;AAGb;;+CCzBA;;UAYU,UAAU,qBAAoB,IAAK,wBAAuB;AAC1D,QAAA,EAAA,WAAW,oBAAmB;MAElC;AAGJ,IAAA,YAAc,MAAA;SACP,qBAAoB;AAEnB,UAAA,QAAQ,qBAAqB,UAAS,OAAQ,WAAW;UACzD,WAAW,SAAS;AAChB,cAAA,KAAK;AACP,YAAA,MAAO,CAAA,SAAS,mBAAmB;AAC/B,gBAAA,GAAG,kBAAiB;AAAA,QAC5B;AAAA,MACF,OAAO;YACD,SAAS,mBAAmB;AACxB,gBAAA,SAAS,eAAc;AAAA,QAC/B;AAAA,MACF;AAAA,KACD;WAEM;AAAA,GACR;AAGD,IAAA,YAAc,MAAA;SACP,OAAM;AAEL,UAAA,UAAgB,MAAA;AACpB,aAAO,mBAAqB,CAAA,CAAA,SAAS,iBAAiB;AAAA,IACvD;AAED,aAAS,iBAAiB,oBAAoB,OAAO;AACxC,WAAA,MAAA,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,GACtE;;;;;AAIU,IAAA,UAAA,KAAA,CAAA,YAAA,kCAAA,gBAAgB;;;yFAEqC,OAAE,EAAA,EAAA;AAAA;;;AALpE;ACvCO,MAAM,0BAA0B,oBAAoBA,yBAAqB,EAC7E,WAAW,kBAAkB,EAC7B,MAAM;"}
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-fullscreen.svelte.ts","../../src/svelte/components/FullscreenProvider.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\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 capability = useFullscreenCapability();\n\n  const state = $state({\n    get provides() {\n      return capability.provides;\n    },\n    state: initialState as FullscreenState,\n  });\n\n  $effect(() => {\n    if (!capability.provides) return;\n    return capability.provides.onStateChange((newState) => {\n      state.state = newState;\n    });\n  });\n\n  return state;\n};\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\n  interface Props {\n    children: Snippet;\n    class?: string;\n    style?: string;\n  }\n\n  const { children, class: className, style }: Props = $props();\n\n  const fullscreenCapability = useFullscreenCapability();\n  const fullscreenPlugin = useFullscreenPlugin();\n\n  let containerElement: HTMLDivElement | undefined;\n\n  // Handle fullscreen requests\n  $effect(() => {\n    if (!fullscreenCapability.provides) return;\n\n    const unsub = fullscreenCapability.provides.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = containerElement;\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    return unsub;\n  });\n\n  // Listen for fullscreen changes\n  $effect(() => {\n    if (!fullscreenPlugin.plugin) return;\n\n    const handler = () => {\n      fullscreenPlugin.plugin.setFullscreenState(!!document.fullscreenElement);\n    };\n\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  });\n</script>\n\n<div\n  bind:this={containerElement}\n  class={className}\n  style=\"position: relative; width: 100%; height: 100%; {style || ''}\"\n>\n  {@render children()}\n</div>\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":["BaseFullscreenPackage"],"mappings":";;;;;;AAGa,MAAA,sBAA4B,MAAA,UAA4B,iBAAiB,EAAE;AAC3E,MAAA,0BAAgC,MAAA,cAAgC,iBAAiB,EAAE;AAEnF,MAAA,sBAAsB;AAC3B,QAAA,aAAa,wBAAwB;QAErC;IACA,IAAA,WAAW;AACN,aAAA,WAAW;AAAA,IACpB;AAAA,IACA,OAAO;AAAA;AAGT,IAAA,kBAAc;AACP,QAAA,CAAA,WAAW,SAAU;AACnB,WAAA,WAAW,SAAS,cAAe,CAAA,aAAa;AACrD,YAAM,QAAQ;AAAA,KACf;AAAA,GACF;SAEM;AACT;;+CCxBA;;AAYQ,QAAA,uBAAuB,wBAAuB;AAC9C,QAAA,mBAAmB,oBAAmB;MAExC;AAGJ,IAAA,YAAc,MAAA;AACP,QAAA,CAAA,qBAAqB,SAAQ;UAE5B,QAAQ,qBAAqB,SAAS,UAAS,OAAQ,WAAW;UAClE,WAAW,SAAS;AAChB,cAAA,KAAK;AACP,YAAA,MAAO,CAAA,SAAS,mBAAmB;AAC/B,gBAAA,GAAG,kBAAiB;AAAA,QAC5B;AAAA,MACF,OAAO;YACD,SAAS,mBAAmB;AACxB,gBAAA,SAAS,eAAc;AAAA,QAC/B;AAAA,MACF;AAAA,KACD;WAEM;AAAA,GACR;AAGD,IAAA,YAAc,MAAA;AACP,QAAA,CAAA,iBAAiB,OAAM;AAEtB,UAAA,UAAgB,MAAA;AACpB,uBAAiB,OAAO,mBAAqB,CAAA,CAAA,SAAS,iBAAiB;AAAA,IACxE;AAED,aAAS,iBAAiB,oBAAoB,OAAO;AACxC,WAAA,MAAA,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,GACtE;;;;;AAIU,IAAA,UAAA,KAAA,CAAA,YAAA,kCAAA,gBAAgB;;;yFAEqC,OAAE,EAAA,EAAA;AAAA;;;AALpE;ACvCO,MAAM,0BAA0B,oBAAoBA,yBAAqB,EAC7E,WAAW,kBAAkB,EAC7B,MAAM;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-fullscreen",
-  "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",
+    "@embedpdf/build": "1.1.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -48,7 +48,7 @@
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
     "svelte": ">=5 <6",
-    "@embedpdf/core": "1.4.0"
+    "@embedpdf/core": "1.5.0"
   },
   "files": [
     "dist",