@vueuse/integrations 6.4.1 → 6.5.3

package/useFocusTrap.cjs

@@ -2,113 +2,87 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var shared = require('@vueuse/shared');
+var core = require('@vueuse/core');
 var vueDemi = require('vue-demi');
 var focusTrap = require('focus-trap');
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-/**
- * Get the dom element of a ref of element or Vue component instance
- *
- * @param elRef
- */
-function unrefElement(elRef) {
-    var _a, _b;
-    const plain = vueDemi.unref(elRef);
-    return (_b = (_a = plain) === null || _a === void 0 ? void 0 : _a.$el) !== null && _b !== void 0 ? _b : plain;
-}
-
-var SwipeDirection;
-(function (SwipeDirection) {
-    SwipeDirection["UP"] = "UP";
-    SwipeDirection["RIGHT"] = "RIGHT";
-    SwipeDirection["DOWN"] = "DOWN";
-    SwipeDirection["LEFT"] = "LEFT";
-    SwipeDirection["NONE"] = "NONE";
-})(SwipeDirection || (SwipeDirection = {}));
-
-/**
- * Reactive focus-trap
- *
- * @see https://vueuse.org/useFocusTrap
- * @param target The target element to trap focus within
- * @param options Focus trap options
- * @param autoFocus Focus trap automatically when mounted
- */
-function useFocusTrap(target, options = {}) {
-    let trap;
-    const { immediate } = options, focusTrapOptions = __rest(options, ["immediate"]);
-    const hasFocus = vueDemi.ref(false);
-    const isPaused = vueDemi.ref(false);
-    const activate = (opts) => trap && trap.activate(opts);
-    const deactivate = (opts) => trap && trap.deactivate(opts);
-    const pause = () => {
-        if (trap) {
-            trap.pause();
-            isPaused.value = true;
-        }
-    };
-    const unpause = () => {
-        if (trap) {
-            trap.unpause();
-            isPaused.value = false;
-        }
-    };
-    vueDemi.watch(() => unrefElement(target), (el) => {
-        if (!el)
-            return;
-        trap = focusTrap.createFocusTrap(el, Object.assign(Object.assign({}, focusTrapOptions), { onActivate() {
-                hasFocus.value = true;
-                // Apply if user provided onActivate option
-                if (options.onActivate)
-                    options.onActivate();
-            },
-            onDeactivate() {
-                hasFocus.value = false;
-                // Apply if user provided onDeactivate option
-                if (options.onDeactivate)
-                    options.onDeactivate();
-            } }));
-        // Focus if immediate is set to true
-        if (immediate)
-            activate();
-    }, { flush: 'post' });
-    // Cleanup on unmount
-    shared.tryOnScopeDispose(() => deactivate());
-    return {
-        hasFocus,
-        isPaused,
-        activate,
-        deactivate,
-        pause,
-        unpause,
-    };
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function useFocusTrap(target, options = {}) {
+  let trap;
+  const _a = options, { immediate } = _a, focusTrapOptions = __objRest(_a, ["immediate"]);
+  const hasFocus = vueDemi.ref(false);
+  const isPaused = vueDemi.ref(false);
+  const activate = (opts) => trap && trap.activate(opts);
+  const deactivate = (opts) => trap && trap.deactivate(opts);
+  const pause = () => {
+    if (trap) {
+      trap.pause();
+      isPaused.value = true;
+    }
+  };
+  const unpause = () => {
+    if (trap) {
+      trap.unpause();
+      isPaused.value = false;
+    }
+  };
+  vueDemi.watch(() => core.unrefElement(target), (el) => {
+    if (!el)
+      return;
+    trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+      onActivate() {
+        hasFocus.value = true;
+        if (options.onActivate)
+          options.onActivate();
+      },
+      onDeactivate() {
+        hasFocus.value = false;
+        if (options.onDeactivate)
+          options.onDeactivate();
+      }
+    }));
+    if (immediate)
+      activate();
+  }, { flush: "post" });
+  core.tryOnScopeDispose(() => deactivate());
+  return {
+    hasFocus,
+    isPaused,
+    activate,
+    deactivate,
+    pause,
+    unpause
+  };
 }
 
 exports.useFocusTrap = useFocusTrap;

package/useFocusTrap.iife.js

@@ -59,116 +59,90 @@
   window.VueDemi = VueDemi
 })(window)
 ;
-;(function (exports, shared, vueDemi, focusTrap) {
-    'use strict';
+;(function (exports, core, vueDemi, focusTrap) {
+  'use strict';
 
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    /**
-     * Get the dom element of a ref of element or Vue component instance
-     *
-     * @param elRef
-     */
-    function unrefElement(elRef) {
-        var _a, _b;
-        const plain = vueDemi.unref(elRef);
-        return (_b = (_a = plain) === null || _a === void 0 ? void 0 : _a.$el) !== null && _b !== void 0 ? _b : plain;
-    }
-
-    var SwipeDirection;
-    (function (SwipeDirection) {
-        SwipeDirection["UP"] = "UP";
-        SwipeDirection["RIGHT"] = "RIGHT";
-        SwipeDirection["DOWN"] = "DOWN";
-        SwipeDirection["LEFT"] = "LEFT";
-        SwipeDirection["NONE"] = "NONE";
-    })(SwipeDirection || (SwipeDirection = {}));
-
-    /**
-     * Reactive focus-trap
-     *
-     * @see https://vueuse.org/useFocusTrap
-     * @param target The target element to trap focus within
-     * @param options Focus trap options
-     * @param autoFocus Focus trap automatically when mounted
-     */
-    function useFocusTrap(target, options = {}) {
-        let trap;
-        const { immediate } = options, focusTrapOptions = __rest(options, ["immediate"]);
-        const hasFocus = vueDemi.ref(false);
-        const isPaused = vueDemi.ref(false);
-        const activate = (opts) => trap && trap.activate(opts);
-        const deactivate = (opts) => trap && trap.deactivate(opts);
-        const pause = () => {
-            if (trap) {
-                trap.pause();
-                isPaused.value = true;
-            }
-        };
-        const unpause = () => {
-            if (trap) {
-                trap.unpause();
-                isPaused.value = false;
-            }
-        };
-        vueDemi.watch(() => unrefElement(target), (el) => {
-            if (!el)
-                return;
-            trap = focusTrap.createFocusTrap(el, Object.assign(Object.assign({}, focusTrapOptions), { onActivate() {
-                    hasFocus.value = true;
-                    // Apply if user provided onActivate option
-                    if (options.onActivate)
-                        options.onActivate();
-                },
-                onDeactivate() {
-                    hasFocus.value = false;
-                    // Apply if user provided onDeactivate option
-                    if (options.onDeactivate)
-                        options.onDeactivate();
-                } }));
-            // Focus if immediate is set to true
-            if (immediate)
-                activate();
-        }, { flush: 'post' });
-        // Cleanup on unmount
-        shared.tryOnScopeDispose(() => deactivate());
-        return {
-            hasFocus,
-            isPaused,
-            activate,
-            deactivate,
-            pause,
-            unpause,
-        };
-    }
+  var __defProp = Object.defineProperty;
+  var __defProps = Object.defineProperties;
+  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+  var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  function useFocusTrap(target, options = {}) {
+    let trap;
+    const _a = options, { immediate } = _a, focusTrapOptions = __objRest(_a, ["immediate"]);
+    const hasFocus = vueDemi.ref(false);
+    const isPaused = vueDemi.ref(false);
+    const activate = (opts) => trap && trap.activate(opts);
+    const deactivate = (opts) => trap && trap.deactivate(opts);
+    const pause = () => {
+      if (trap) {
+        trap.pause();
+        isPaused.value = true;
+      }
+    };
+    const unpause = () => {
+      if (trap) {
+        trap.unpause();
+        isPaused.value = false;
+      }
+    };
+    vueDemi.watch(() => core.unrefElement(target), (el) => {
+      if (!el)
+        return;
+      trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+        onActivate() {
+          hasFocus.value = true;
+          if (options.onActivate)
+            options.onActivate();
+        },
+        onDeactivate() {
+          hasFocus.value = false;
+          if (options.onDeactivate)
+            options.onDeactivate();
+        }
+      }));
+      if (immediate)
+        activate();
+    }, { flush: "post" });
+    core.tryOnScopeDispose(() => deactivate());
+    return {
+      hasFocus,
+      isPaused,
+      activate,
+      deactivate,
+      pause,
+      unpause
+    };
+  }
 
-    exports.useFocusTrap = useFocusTrap;
+  exports.useFocusTrap = useFocusTrap;
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+  Object.defineProperty(exports, '__esModule', { value: true });
 
-}(this.VueUse = this.VueUse || {}, VueUse, VueDemi, focusTrap));
+})(this.VueUse = this.VueUse || {}, VueUse, VueDemi, focusTrap);

package/useFocusTrap.iife.min.js

@@ -1 +1 @@
-!function(e){if(!e.VueDemi){var i={},o=e.Vue;if(o)if("2."===o.version.slice(0,2)){var t=e.VueCompositionAPI;if(t){for(var n in t)i[n]=t[n];i.isVue2=!0,i.isVue3=!1,i.install=function(){},i.Vue=o,i.Vue2=o,i.version=o.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if("3."===o.version.slice(0,2)){for(var n in o)i[n]=o[n];i.isVue2=!1,i.isVue3=!0,i.install=function(){},i.Vue=o,i.Vue2=void 0,i.version=o.version,i.set=function(e,i,o){return Array.isArray(e)?(e.length=Math.max(e.length,i),e.splice(i,1,o),o):(e[i]=o,o)},i.del=function(e,i){Array.isArray(e)?e.splice(i,1):delete e[i]}}else console.error("[vue-demi] Vue version "+o.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");e.VueDemi=i}}(window),function(e,i,o,t){"use strict";var n;!function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"}(n||(n={})),e.useFocusTrap=function(e,n={}){let r;const{immediate:s}=n,u=function(e,i){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&i.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)i.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(n,["immediate"]),a=o.ref(!1),c=o.ref(!1),l=e=>r&&r.activate(e),v=e=>r&&r.deactivate(e);return o.watch((()=>function(e){var i,t;const n=o.unref(e);return null!==(t=null===(i=n)||void 0===i?void 0:i.$el)&&void 0!==t?t:n}(e)),(e=>{e&&(r=t.createFocusTrap(e,Object.assign(Object.assign({},u),{onActivate(){a.value=!0,n.onActivate&&n.onActivate()},onDeactivate(){a.value=!1,n.onDeactivate&&n.onDeactivate()}})),s&&l())}),{flush:"post"}),i.tryOnScopeDispose((()=>v())),{hasFocus:a,isPaused:c,activate:l,deactivate:v,pause:()=>{r&&(r.pause(),c.value=!0)},unpause:()=>{r&&(r.unpause(),c.value=!1)}}},Object.defineProperty(e,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueUse,VueDemi,focusTrap);
+(function(f){if(!f.VueDemi){var i={},s=f.Vue;if(s)if(s.version.slice(0,2)==="2."){var v=f.VueCompositionAPI;if(v){for(var c in v)i[c]=v[c];i.isVue2=!0,i.isVue3=!1,i.install=function(){},i.Vue=s,i.Vue2=s,i.version=s.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(s.version.slice(0,2)==="3."){for(var c in s)i[c]=s[c];i.isVue2=!1,i.isVue3=!0,i.install=function(){},i.Vue=s,i.Vue2=void 0,i.version=s.version,i.set=function(a,o,u){return Array.isArray(a)?(a.length=Math.max(a.length,o),a.splice(o,1,u),u):(a[o]=u,u)},i.del=function(a,o){if(Array.isArray(a)){a.splice(o,1);return}delete a[o]}}else console.error("[vue-demi] Vue version "+s.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");f.VueDemi=i}})(window),function(f,i,s,v){"use strict";var c=Object.defineProperty,a=Object.defineProperties,o=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,V=(t,r,e)=>r in t?c(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,b=(t,r)=>{for(var e in r||(r={}))_.call(r,e)&&V(t,e,r[e]);if(u)for(var e of u(r))m.call(r,e)&&V(t,e,r[e]);return t},h=(t,r)=>a(t,o(r)),y=(t,r)=>{var e={};for(var n in t)_.call(t,n)&&r.indexOf(n)<0&&(e[n]=t[n]);if(t!=null&&u)for(var n of u(t))r.indexOf(n)<0&&m.call(t,n)&&(e[n]=t[n]);return e};function D(t,r={}){let e;const n=r,{immediate:A}=n,j=y(n,["immediate"]),p=s.ref(!1),d=s.ref(!1),O=l=>e&&e.activate(l),P=l=>e&&e.deactivate(l),T=()=>{e&&(e.pause(),d.value=!0)},w=()=>{e&&(e.unpause(),d.value=!1)};return s.watch(()=>i.unrefElement(t),l=>{!l||(e=v.createFocusTrap(l,h(b({},j),{onActivate(){p.value=!0,r.onActivate&&r.onActivate()},onDeactivate(){p.value=!1,r.onDeactivate&&r.onDeactivate()}})),A&&O())},{flush:"post"}),i.tryOnScopeDispose(()=>P()),{hasFocus:p,isPaused:d,activate:O,deactivate:P,pause:T,unpause:w}}f.useFocusTrap=D,Object.defineProperty(f,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueUse,VueDemi,focusTrap);

package/useFocusTrap.mjs

@@ -1,110 +1,84 @@
-import { tryOnScopeDispose } from '@vueuse/shared';
-import { unref, ref, watch } from 'vue-demi';
+import { unrefElement, tryOnScopeDispose } from '@vueuse/core';
+import { ref, watch } from 'vue-demi';
 import { createFocusTrap } from 'focus-trap';
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-/**
- * Get the dom element of a ref of element or Vue component instance
- *
- * @param elRef
- */
-function unrefElement(elRef) {
-    var _a, _b;
-    const plain = unref(elRef);
-    return (_b = (_a = plain) === null || _a === void 0 ? void 0 : _a.$el) !== null && _b !== void 0 ? _b : plain;
-}
-
-var SwipeDirection;
-(function (SwipeDirection) {
-    SwipeDirection["UP"] = "UP";
-    SwipeDirection["RIGHT"] = "RIGHT";
-    SwipeDirection["DOWN"] = "DOWN";
-    SwipeDirection["LEFT"] = "LEFT";
-    SwipeDirection["NONE"] = "NONE";
-})(SwipeDirection || (SwipeDirection = {}));
-
-/**
- * Reactive focus-trap
- *
- * @see https://vueuse.org/useFocusTrap
- * @param target The target element to trap focus within
- * @param options Focus trap options
- * @param autoFocus Focus trap automatically when mounted
- */
-function useFocusTrap(target, options = {}) {
-    let trap;
-    const { immediate } = options, focusTrapOptions = __rest(options, ["immediate"]);
-    const hasFocus = ref(false);
-    const isPaused = ref(false);
-    const activate = (opts) => trap && trap.activate(opts);
-    const deactivate = (opts) => trap && trap.deactivate(opts);
-    const pause = () => {
-        if (trap) {
-            trap.pause();
-            isPaused.value = true;
-        }
-    };
-    const unpause = () => {
-        if (trap) {
-            trap.unpause();
-            isPaused.value = false;
-        }
-    };
-    watch(() => unrefElement(target), (el) => {
-        if (!el)
-            return;
-        trap = createFocusTrap(el, Object.assign(Object.assign({}, focusTrapOptions), { onActivate() {
-                hasFocus.value = true;
-                // Apply if user provided onActivate option
-                if (options.onActivate)
-                    options.onActivate();
-            },
-            onDeactivate() {
-                hasFocus.value = false;
-                // Apply if user provided onDeactivate option
-                if (options.onDeactivate)
-                    options.onDeactivate();
-            } }));
-        // Focus if immediate is set to true
-        if (immediate)
-            activate();
-    }, { flush: 'post' });
-    // Cleanup on unmount
-    tryOnScopeDispose(() => deactivate());
-    return {
-        hasFocus,
-        isPaused,
-        activate,
-        deactivate,
-        pause,
-        unpause,
-    };
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function useFocusTrap(target, options = {}) {
+  let trap;
+  const _a = options, { immediate } = _a, focusTrapOptions = __objRest(_a, ["immediate"]);
+  const hasFocus = ref(false);
+  const isPaused = ref(false);
+  const activate = (opts) => trap && trap.activate(opts);
+  const deactivate = (opts) => trap && trap.deactivate(opts);
+  const pause = () => {
+    if (trap) {
+      trap.pause();
+      isPaused.value = true;
+    }
+  };
+  const unpause = () => {
+    if (trap) {
+      trap.unpause();
+      isPaused.value = false;
+    }
+  };
+  watch(() => unrefElement(target), (el) => {
+    if (!el)
+      return;
+    trap = createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+      onActivate() {
+        hasFocus.value = true;
+        if (options.onActivate)
+          options.onActivate();
+      },
+      onDeactivate() {
+        hasFocus.value = false;
+        if (options.onDeactivate)
+          options.onDeactivate();
+      }
+    }));
+    if (immediate)
+      activate();
+  }, { flush: "post" });
+  tryOnScopeDispose(() => deactivate());
+  return {
+    hasFocus,
+    isPaused,
+    activate,
+    deactivate,
+    pause,
+    unpause
+  };
 }
 
 export { useFocusTrap };