@stacksjs/composables 0.75.212 → 0.75.214

package/dist/types/dom-vendor.d.ts

@@ -27,6 +27,7 @@ export declare interface NetworkInformationLike {
 }
 declare global {
   interface Document {
+  webkitFullscreenEnabled?: boolean
   webkitFullscreenElement?: Element | null
   webkitExitFullscreen?: () => Promise<void> | void
 }

package/dist/useFullscreen.d.ts

@@ -1,5 +1,5 @@
 import './types/dom-vendor';
-import type { MaybeRef } from './_shared';
+import type { MaybeRefOrGetter } from './_shared';
 import type { Ref } from '@stacksjs/stx';
 /**
  * Reactive Fullscreen API.
@@ -7,7 +7,7 @@ import type { Ref } from '@stacksjs/stx';
  *
  * @param target - Target element (defaults to documentElement)
  */
-export declare function useFullscreen(target?: MaybeRef<HTMLElement | null>): UseFullscreenReturn;
+export declare function useFullscreen(target?: MaybeRefOrGetter<HTMLElement | null>): UseFullscreenReturn;
 export declare interface UseFullscreenReturn {
   isFullscreen: Ref<boolean>
   isSupported: Ref<boolean>

package/dist/useFullscreen.js

@@ -1 +1 @@
-import"./types/dom-vendor";import{onUnmounted,ref}from"@stacksjs/stx";import{defaultDocument,unref}from"./_shared";export function useFullscreen(target){const doc=defaultDocument(),isFullscreen=ref(!1),isSupported=ref(!!doc&&(("fullscreenEnabled"in doc)||("webkitFullscreenEnabled"in doc)));function getTarget(){if(target)return unref(target);return doc?.documentElement??null}function getFullscreenElement(){if(!doc)return null;return doc.fullscreenElement??doc.webkitFullscreenElement??null}function updateState(){isFullscreen.value=getFullscreenElement()!==null}async function enter(){if(!isSupported.value)return;const el=getTarget();if(!el)return;try{if(el.requestFullscreen)await el.requestFullscreen();else if(el.webkitRequestFullscreen)await el.webkitRequestFullscreen();isFullscreen.value=!0}catch{}}async function exit(){if(!isSupported.value||!doc)return;try{if(doc.exitFullscreen)await doc.exitFullscreen();else if(doc.webkitExitFullscreen)await doc.webkitExitFullscreen();isFullscreen.value=!1}catch{}}async function toggle(){if(isFullscreen.value)await exit();else await enter()}if(doc){const handler=()=>updateState();doc.addEventListener("fullscreenchange",handler);doc.addEventListener("webkitfullscreenchange",handler);try{onUnmounted(()=>{doc.removeEventListener("fullscreenchange",handler);doc.removeEventListener("webkitfullscreenchange",handler)})}catch{}}return{isFullscreen,isSupported,enter,exit,toggle}}
+import"./types/dom-vendor";import{onUnmounted,ref}from"@stacksjs/stx";import{defaultDocument,toValue}from"./_shared";export function useFullscreen(target){const doc=defaultDocument(),isFullscreen=ref(!1),isSupported=ref(!!doc&&(doc.fullscreenEnabled===!0||doc.webkitFullscreenEnabled===!0));function getTarget(){if(target)return toValue(target);return doc?.documentElement??null}function getFullscreenElement(){if(!doc)return null;return doc.fullscreenElement??doc.webkitFullscreenElement??null}function updateState(){isFullscreen.value=getFullscreenElement()===getTarget()&&getTarget()!==null}async function enter(){if(!isSupported.value)return;const el=getTarget();if(!el)return;try{if(el.requestFullscreen)await el.requestFullscreen();else if(el.webkitRequestFullscreen)await el.webkitRequestFullscreen();updateState()}catch{}}async function exit(){if(!isSupported.value||!doc)return;try{if(doc.exitFullscreen)await doc.exitFullscreen();else if(doc.webkitExitFullscreen)await doc.webkitExitFullscreen();updateState()}catch{}}async function toggle(){if(isFullscreen.value)await exit();else await enter()}updateState();if(doc){const handler=()=>updateState();doc.addEventListener("fullscreenchange",handler);doc.addEventListener("webkitfullscreenchange",handler);try{onUnmounted(()=>{doc.removeEventListener("fullscreenchange",handler);doc.removeEventListener("webkitfullscreenchange",handler)})}catch{}}return{isFullscreen,isSupported,enter,exit,toggle}}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/composables",
   "type": "module",
   "sideEffects": false,
-  "version": "0.75.212",
+  "version": "0.75.214",
   "description": "Stacks composables powered by stx reactivity.",
   "author": "Chris Breuer",
   "contributors": [
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@stacksjs/stx": "^0.2.534",
-    "@stacksjs/datetime": "0.75.212"
+    "@stacksjs/datetime": "0.75.214"
   },
   "devDependencies": {
     "better-dx": "^0.2.24"