@vueuse/integrations 10.2.1 → 10.4.0

package/useDrauu.cjs

@@ -5,22 +5,6 @@ var drauu = require('drauu');
 var core = require('@vueuse/core');
 var shared = require('@vueuse/shared');
 
-var __defProp = Object.defineProperty;
-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;
-};
 function useDrauu(target, options) {
   const drauuInstance = vueDemi.ref();
   let disposables = [];
@@ -49,34 +33,15 @@ function useDrauu(target, options) {
       instance.mode = brush.value.mode;
     }
   }, { deep: true });
-  const undo = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.undo();
-  };
-  const redo = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.redo();
-  };
-  const clear = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.clear();
-  };
-  const cancel = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.cancel();
-  };
-  const load = (svg) => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.load(svg);
-  };
-  const dump = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.dump();
-  };
+  const undo = () => drauuInstance.value?.undo();
+  const redo = () => drauuInstance.value?.redo();
+  const clear = () => drauuInstance.value?.clear();
+  const cancel = () => drauuInstance.value?.cancel();
+  const load = (svg) => drauuInstance.value?.load(svg);
+  const dump = () => drauuInstance.value?.dump();
   const cleanup = () => {
-    var _a;
     disposables.forEach((dispose) => dispose());
-    (_a = drauuInstance.value) == null ? void 0 : _a.unmount();
+    drauuInstance.value?.unmount();
   };
   const syncStatus = () => {
     if (drauuInstance.value) {
@@ -93,7 +58,7 @@ function useDrauu(target, options) {
         return;
       if (drauuInstance.value)
         cleanup();
-      drauuInstance.value = drauu.createDrauu(__spreadValues({ el }, options));
+      drauuInstance.value = drauu.createDrauu({ el, ...options });
       syncStatus();
       disposables = [
         drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),

package/useDrauu.d.cts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue-demi';
+import { Options, Drauu, Brush } from 'drauu';
+import { EventHookOn, MaybeComputedElementRef } from '@vueuse/core';
+
+type UseDrauuOptions = Omit<Options, 'el'>;
+interface UseDrauuReturn {
+    drauuInstance: Ref<Drauu | undefined>;
+    load: (svg: string) => void;
+    dump: () => string | undefined;
+    clear: () => void;
+    cancel: () => void;
+    undo: () => boolean | undefined;
+    redo: () => boolean | undefined;
+    canUndo: Ref<boolean>;
+    canRedo: Ref<boolean>;
+    brush: Ref<Brush>;
+    onChanged: EventHookOn;
+    onCommitted: EventHookOn;
+    onStart: EventHookOn;
+    onEnd: EventHookOn;
+    onCanceled: EventHookOn;
+}
+/**
+ * Reactive drauu
+ *
+ * @see https://vueuse.org/useDrauu
+ * @param target The target svg element
+ * @param options Drauu Options
+ */
+declare function useDrauu(target: MaybeComputedElementRef, options?: UseDrauuOptions): UseDrauuReturn;
+
+export { type UseDrauuOptions, type UseDrauuReturn, useDrauu };

package/useDrauu.d.mts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue-demi';
+import { Options, Drauu, Brush } from 'drauu';
+import { EventHookOn, MaybeComputedElementRef } from '@vueuse/core';
+
+type UseDrauuOptions = Omit<Options, 'el'>;
+interface UseDrauuReturn {
+    drauuInstance: Ref<Drauu | undefined>;
+    load: (svg: string) => void;
+    dump: () => string | undefined;
+    clear: () => void;
+    cancel: () => void;
+    undo: () => boolean | undefined;
+    redo: () => boolean | undefined;
+    canUndo: Ref<boolean>;
+    canRedo: Ref<boolean>;
+    brush: Ref<Brush>;
+    onChanged: EventHookOn;
+    onCommitted: EventHookOn;
+    onStart: EventHookOn;
+    onEnd: EventHookOn;
+    onCanceled: EventHookOn;
+}
+/**
+ * Reactive drauu
+ *
+ * @see https://vueuse.org/useDrauu
+ * @param target The target svg element
+ * @param options Drauu Options
+ */
+declare function useDrauu(target: MaybeComputedElementRef, options?: UseDrauuOptions): UseDrauuReturn;
+
+export { type UseDrauuOptions, type UseDrauuReturn, useDrauu };

package/useDrauu.d.ts

@@ -29,4 +29,4 @@ interface UseDrauuReturn {
  */
 declare function useDrauu(target: MaybeComputedElementRef, options?: UseDrauuOptions): UseDrauuReturn;
 
-export { UseDrauuOptions, UseDrauuReturn, useDrauu };
+export { type UseDrauuOptions, type UseDrauuReturn, useDrauu };

package/useDrauu.iife.js

@@ -117,22 +117,6 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
 ;(function (exports, vueDemi, drauu, core, shared) {
   'use strict';
 
-  var __defProp = Object.defineProperty;
-  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;
-  };
   function useDrauu(target, options) {
     const drauuInstance = vueDemi.ref();
     let disposables = [];
@@ -161,34 +145,15 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
         instance.mode = brush.value.mode;
       }
     }, { deep: true });
-    const undo = () => {
-      var _a;
-      return (_a = drauuInstance.value) == null ? void 0 : _a.undo();
-    };
-    const redo = () => {
-      var _a;
-      return (_a = drauuInstance.value) == null ? void 0 : _a.redo();
-    };
-    const clear = () => {
-      var _a;
-      return (_a = drauuInstance.value) == null ? void 0 : _a.clear();
-    };
-    const cancel = () => {
-      var _a;
-      return (_a = drauuInstance.value) == null ? void 0 : _a.cancel();
-    };
-    const load = (svg) => {
-      var _a;
-      return (_a = drauuInstance.value) == null ? void 0 : _a.load(svg);
-    };
-    const dump = () => {
-      var _a;
-      return (_a = drauuInstance.value) == null ? void 0 : _a.dump();
-    };
+    const undo = () => drauuInstance.value?.undo();
+    const redo = () => drauuInstance.value?.redo();
+    const clear = () => drauuInstance.value?.clear();
+    const cancel = () => drauuInstance.value?.cancel();
+    const load = (svg) => drauuInstance.value?.load(svg);
+    const dump = () => drauuInstance.value?.dump();
     const cleanup = () => {
-      var _a;
       disposables.forEach((dispose) => dispose());
-      (_a = drauuInstance.value) == null ? void 0 : _a.unmount();
+      drauuInstance.value?.unmount();
     };
     const syncStatus = () => {
       if (drauuInstance.value) {
@@ -205,7 +170,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
           return;
         if (drauuInstance.value)
           cleanup();
-        drauuInstance.value = drauu.createDrauu(__spreadValues({ el }, options));
+        drauuInstance.value = drauu.createDrauu({ el, ...options });
         syncStatus();
         disposables = [
           drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),

package/useDrauu.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(e,n,v){if(e.install)return e;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),e;if(n.version.slice(0,4)==="2.7."){let a=function(l,u){var c,p={},h={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(d,t){return p[d]=t,this},directive:function(d,t){return t?(n.directive(d,t),h):n.directive(d)},mount:function(d,t){return c||(c=new n(Object.assign({propsData:u},l,{provide:Object.assign(p,l.provide)})),c.$mount(d,t),c)},unmount:function(){c&&(c.$destroy(),c=void 0)}};return h};var g=a;for(var s in n)e[s]=n[s];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version,e.warn=n.util.warn,e.hasInjectionContext=()=>!!e.getCurrentInstance(),e.createApp=a}else if(n.version.slice(0,2)==="2.")if(v){for(var s in v)e[s]=v[s];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version,e.hasInjectionContext=()=>!!e.getCurrentInstance()}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var s in n)e[s]=n[s];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=n,e.Vue2=void 0,e.version=n.version,e.set=function(a,l,u){return Array.isArray(a)?(a.length=Math.max(a.length,l),a.splice(l,1,u),u):(a[l]=u,u)},e.del=function(a,l){if(Array.isArray(a)){a.splice(l,1);return}delete a[l]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return e}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(e,n,v,s,g){"use strict";var a=Object.defineProperty,l=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,p=(t,i,r)=>i in t?a(t,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[i]=r,h=(t,i)=>{for(var r in i||(i={}))u.call(i,r)&&p(t,r,i[r]);if(l)for(var r of l(i))c.call(i,r)&&p(t,r,i[r]);return t};function d(t,i){const r=n.ref();let y=[];const b=s.createEventHook(),E=s.createEventHook(),P=s.createEventHook(),w=s.createEventHook(),C=s.createEventHook(),O=n.ref(!1),H=n.ref(!1),k=n.ref(!1),A=n.ref(!1),_=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});n.watch(_,()=>{const o=r.value;o&&(o.brush=_.value,o.mode=_.value.mode)},{deep:!0});const j=()=>{var o;return(o=r.value)==null?void 0:o.undo()},U=()=>{var o;return(o=r.value)==null?void 0:o.redo()},x=()=>{var o;return(o=r.value)==null?void 0:o.clear()},G=()=>{var o;return(o=r.value)==null?void 0:o.cancel()},R=o=>{var f;return(f=r.value)==null?void 0:f.load(o)},m=()=>{var o;return(o=r.value)==null?void 0:o.dump()},S=()=>{var o;y.forEach(f=>f()),(o=r.value)==null||o.unmount()},I=()=>{r.value&&(O.value=r.value.canUndo(),H.value=r.value.canRedo(),k.value=r.value.altPressed,A.value=r.value.shiftPressed)};return n.watch(()=>s.unrefElement(t),o=>{!o||typeof SVGSVGElement>"u"||!(o instanceof SVGSVGElement)||(r.value&&S(),r.value=v.createDrauu(h({el:o},i)),I(),y=[r.value.on("canceled",()=>E.trigger()),r.value.on("committed",f=>P.trigger(f)),r.value.on("start",()=>w.trigger()),r.value.on("end",()=>C.trigger()),r.value.on("changed",()=>{I(),b.trigger()})])},{flush:"post"}),g.tryOnScopeDispose(()=>S()),{drauuInstance:r,load:R,dump:m,clear:x,cancel:G,undo:j,redo:U,canUndo:O,canRedo:H,brush:_,onChanged:b.on,onCommitted:P.on,onStart:w.on,onEnd:C.on,onCanceled:E.on}}e.useDrauu=d})(this.VueUse=this.VueUse||{},VueDemi,Drauu,VueUse,VueUse);
+var VueDemi=function(e,n,d){if(e.install)return e;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),e;if(n.version.slice(0,4)==="2.7."){let r=function(s,l){var o,u={},f={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(i,c){return u[i]=c,this},directive:function(i,c){return c?(n.directive(i,c),f):n.directive(i)},mount:function(i,c){return o||(o=new n(Object.assign({propsData:l},s,{provide:Object.assign(u,s.provide)})),o.$mount(i,c),o)},unmount:function(){o&&(o.$destroy(),o=void 0)}};return f};var p=r;for(var t in n)e[t]=n[t];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version,e.warn=n.util.warn,e.hasInjectionContext=()=>!!e.getCurrentInstance(),e.createApp=r}else if(n.version.slice(0,2)==="2.")if(d){for(var t in d)e[t]=d[t];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version,e.hasInjectionContext=()=>!!e.getCurrentInstance()}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var t in n)e[t]=n[t];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=n,e.Vue2=void 0,e.version=n.version,e.set=function(r,s,l){return Array.isArray(r)?(r.length=Math.max(r.length,s),r.splice(s,1,l),l):(r[s]=l,l)},e.del=function(r,s){if(Array.isArray(r)){r.splice(s,1);return}delete r[s]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return e}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(e,n,d,t,p){"use strict";function r(s,l){const o=n.ref();let u=[];const f=t.createEventHook(),i=t.createEventHook(),c=t.createEventHook(),h=t.createEventHook(),g=t.createEventHook(),b=n.ref(!1),E=n.ref(!1),H=n.ref(!1),k=n.ref(!1),v=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});n.watch(v,()=>{const a=o.value;a&&(a.brush=v.value,a.mode=v.value.mode)},{deep:!0});const S=()=>o.value?.undo(),w=()=>o.value?.redo(),A=()=>o.value?.clear(),I=()=>o.value?.cancel(),P=a=>o.value?.load(a),U=()=>o.value?.dump(),C=()=>{u.forEach(a=>a()),o.value?.unmount()},y=()=>{o.value&&(b.value=o.value.canUndo(),E.value=o.value.canRedo(),H.value=o.value.altPressed,k.value=o.value.shiftPressed)};return n.watch(()=>t.unrefElement(s),a=>{!a||typeof SVGSVGElement>"u"||!(a instanceof SVGSVGElement)||(o.value&&C(),o.value=d.createDrauu({el:a,...l}),y(),u=[o.value.on("canceled",()=>i.trigger()),o.value.on("committed",x=>c.trigger(x)),o.value.on("start",()=>h.trigger()),o.value.on("end",()=>g.trigger()),o.value.on("changed",()=>{y(),f.trigger()})])},{flush:"post"}),p.tryOnScopeDispose(()=>C()),{drauuInstance:o,load:P,dump:U,clear:A,cancel:I,undo:S,redo:w,canUndo:b,canRedo:E,brush:v,onChanged:f.on,onCommitted:c.on,onStart:h.on,onEnd:g.on,onCanceled:i.on}}e.useDrauu=r})(this.VueUse=this.VueUse||{},VueDemi,Drauu,VueUse,VueUse);

package/useDrauu.mjs

@@ -3,22 +3,6 @@ import { createDrauu } from 'drauu';
 import { createEventHook, unrefElement } from '@vueuse/core';
 import { tryOnScopeDispose } from '@vueuse/shared';
 
-var __defProp = Object.defineProperty;
-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;
-};
 function useDrauu(target, options) {
   const drauuInstance = ref();
   let disposables = [];
@@ -47,34 +31,15 @@ function useDrauu(target, options) {
       instance.mode = brush.value.mode;
     }
   }, { deep: true });
-  const undo = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.undo();
-  };
-  const redo = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.redo();
-  };
-  const clear = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.clear();
-  };
-  const cancel = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.cancel();
-  };
-  const load = (svg) => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.load(svg);
-  };
-  const dump = () => {
-    var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.dump();
-  };
+  const undo = () => drauuInstance.value?.undo();
+  const redo = () => drauuInstance.value?.redo();
+  const clear = () => drauuInstance.value?.clear();
+  const cancel = () => drauuInstance.value?.cancel();
+  const load = (svg) => drauuInstance.value?.load(svg);
+  const dump = () => drauuInstance.value?.dump();
   const cleanup = () => {
-    var _a;
     disposables.forEach((dispose) => dispose());
-    (_a = drauuInstance.value) == null ? void 0 : _a.unmount();
+    drauuInstance.value?.unmount();
   };
   const syncStatus = () => {
     if (drauuInstance.value) {
@@ -91,7 +56,7 @@ function useDrauu(target, options) {
         return;
       if (drauuInstance.value)
         cleanup();
-      drauuInstance.value = createDrauu(__spreadValues({ el }, options));
+      drauuInstance.value = createDrauu({ el, ...options });
       syncStatus();
       disposables = [
         drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),

package/useFocusTrap/component.d.cts

@@ -0,0 +1,17 @@
+import * as vue_demi from 'vue-demi';
+import { RenderableComponent } from '@vueuse/core';
+import { Options } from 'focus-trap';
+
+interface UseFocusTrapOptions extends Options {
+    /**
+     * Immediately activate the trap
+     */
+    immediate?: boolean;
+}
+
+interface ComponentUseFocusTrapOptions extends RenderableComponent {
+    options?: UseFocusTrapOptions;
+}
+declare const UseFocusTrap: vue_demi.DefineComponent<ComponentUseFocusTrapOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<ComponentUseFocusTrapOptions>, {}, {}>;
+
+export { type ComponentUseFocusTrapOptions, UseFocusTrap };

package/useFocusTrap/component.d.mts

@@ -0,0 +1,17 @@
+import * as vue_demi from 'vue-demi';
+import { RenderableComponent } from '@vueuse/core';
+import { Options } from 'focus-trap';
+
+interface UseFocusTrapOptions extends Options {
+    /**
+     * Immediately activate the trap
+     */
+    immediate?: boolean;
+}
+
+interface ComponentUseFocusTrapOptions extends RenderableComponent {
+    options?: UseFocusTrapOptions;
+}
+declare const UseFocusTrap: vue_demi.DefineComponent<ComponentUseFocusTrapOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<ComponentUseFocusTrapOptions>, {}, {}>;
+
+export { type ComponentUseFocusTrapOptions, UseFocusTrap };

package/useFocusTrap/component.d.ts

@@ -14,4 +14,4 @@ interface ComponentUseFocusTrapOptions extends RenderableComponent {
 }
 declare const UseFocusTrap: vue_demi.DefineComponent<ComponentUseFocusTrapOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<ComponentUseFocusTrapOptions>, {}, {}>;
 
-export { ComponentUseFocusTrapOptions, UseFocusTrap };
+export { type ComponentUseFocusTrapOptions, UseFocusTrap };

package/useFocusTrap.cjs

@@ -4,40 +4,9 @@ var core = require('@vueuse/core');
 var vueDemi = require('vue-demi');
 var focusTrap = require('focus-trap');
 
-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 { immediate, ...focusTrapOptions } = options;
   const hasFocus = vueDemi.ref(false);
   const isPaused = vueDemi.ref(false);
   const activate = (opts) => trap && trap.activate(opts);
@@ -59,7 +28,8 @@ function useFocusTrap(target, options = {}) {
     (el) => {
       if (!el)
         return;
-      trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+      trap = focusTrap.createFocusTrap(el, {
+        ...focusTrapOptions,
         onActivate() {
           hasFocus.value = true;
           if (options.onActivate)
@@ -70,7 +40,7 @@ function useFocusTrap(target, options = {}) {
           if (options.onDeactivate)
             options.onDeactivate();
         }
-      }));
+      });
       if (immediate)
         activate();
     },

package/useFocusTrap.d.cts

@@ -0,0 +1,57 @@
+import { Fn, MaybeElementRef } from '@vueuse/core';
+import { Ref } from 'vue-demi';
+import { Options, ActivateOptions, DeactivateOptions } from 'focus-trap';
+
+interface UseFocusTrapOptions extends Options {
+    /**
+     * Immediately activate the trap
+     */
+    immediate?: boolean;
+}
+interface UseFocusTrapReturn {
+    /**
+     * Indicates if the focus trap is currently active
+     */
+    hasFocus: Ref<boolean>;
+    /**
+     * Indicates if the focus trap is currently paused
+     */
+    isPaused: Ref<boolean>;
+    /**
+     * Activate the focus trap
+     *
+     * @see https://github.com/focus-trap/focus-trap#trapactivateactivateoptions
+     * @param opts Activate focus trap options
+     */
+    activate: (opts?: ActivateOptions) => void;
+    /**
+     * Deactivate the focus trap
+     *
+     * @see https://github.com/focus-trap/focus-trap#trapdeactivatedeactivateoptions
+     * @param opts Deactivate focus trap options
+     */
+    deactivate: (opts?: DeactivateOptions) => void;
+    /**
+     * Pause the focus trap
+     *
+     * @see https://github.com/focus-trap/focus-trap#trappause
+     */
+    pause: Fn;
+    /**
+     * Unpauses the focus trap
+     *
+     * @see https://github.com/focus-trap/focus-trap#trapunpause
+     */
+    unpause: Fn;
+}
+/**
+ * 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
+ */
+declare function useFocusTrap(target: MaybeElementRef, options?: UseFocusTrapOptions): UseFocusTrapReturn;
+
+export { type UseFocusTrapOptions, type UseFocusTrapReturn, useFocusTrap };

package/useFocusTrap.d.mts

@@ -0,0 +1,57 @@
+import { Fn, MaybeElementRef } from '@vueuse/core';
+import { Ref } from 'vue-demi';
+import { Options, ActivateOptions, DeactivateOptions } from 'focus-trap';
+
+interface UseFocusTrapOptions extends Options {
+    /**
+     * Immediately activate the trap
+     */
+    immediate?: boolean;
+}
+interface UseFocusTrapReturn {
+    /**
+     * Indicates if the focus trap is currently active
+     */
+    hasFocus: Ref<boolean>;
+    /**
+     * Indicates if the focus trap is currently paused
+     */
+    isPaused: Ref<boolean>;
+    /**
+     * Activate the focus trap
+     *
+     * @see https://github.com/focus-trap/focus-trap#trapactivateactivateoptions
+     * @param opts Activate focus trap options
+     */
+    activate: (opts?: ActivateOptions) => void;
+    /**
+     * Deactivate the focus trap
+     *
+     * @see https://github.com/focus-trap/focus-trap#trapdeactivatedeactivateoptions
+     * @param opts Deactivate focus trap options
+     */
+    deactivate: (opts?: DeactivateOptions) => void;
+    /**
+     * Pause the focus trap
+     *
+     * @see https://github.com/focus-trap/focus-trap#trappause
+     */
+    pause: Fn;
+    /**
+     * Unpauses the focus trap
+     *
+     * @see https://github.com/focus-trap/focus-trap#trapunpause
+     */
+    unpause: Fn;
+}
+/**
+ * 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
+ */
+declare function useFocusTrap(target: MaybeElementRef, options?: UseFocusTrapOptions): UseFocusTrapReturn;
+
+export { type UseFocusTrapOptions, type UseFocusTrapReturn, useFocusTrap };

package/useFocusTrap.d.ts

@@ -54,4 +54,4 @@ interface UseFocusTrapReturn {
  */
 declare function useFocusTrap(target: MaybeElementRef, options?: UseFocusTrapOptions): UseFocusTrapReturn;
 
-export { UseFocusTrapOptions, UseFocusTrapReturn, useFocusTrap };
+export { type UseFocusTrapOptions, type UseFocusTrapReturn, useFocusTrap };

package/useFocusTrap.iife.js

@@ -117,40 +117,9 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
 ;(function (exports, core, vueDemi, focusTrap) {
   'use strict';
 
-  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 { immediate, ...focusTrapOptions } = options;
     const hasFocus = vueDemi.ref(false);
     const isPaused = vueDemi.ref(false);
     const activate = (opts) => trap && trap.activate(opts);
@@ -172,7 +141,8 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       (el) => {
         if (!el)
           return;
-        trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+        trap = focusTrap.createFocusTrap(el, {
+          ...focusTrapOptions,
           onActivate() {
             hasFocus.value = true;
             if (options.onActivate)
@@ -183,7 +153,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
             if (options.onDeactivate)
               options.onDeactivate();
           }
-        }));
+        });
         if (immediate)
           activate();
       },

package/useFocusTrap.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(n,r,u){if(n.install)return n;if(!r)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(r.version.slice(0,4)==="2.7."){let s=function(a,f){var c,_={},O={config:r.config,use:r.use.bind(r),mixin:r.mixin.bind(r),component:r.component.bind(r),provide:function(l,p){return _[l]=p,this},directive:function(l,p){return p?(r.directive(l,p),O):r.directive(l)},mount:function(l,p){return c||(c=new r(Object.assign({propsData:f},a,{provide:Object.assign(_,a.provide)})),c.$mount(l,p),c)},unmount:function(){c&&(c.$destroy(),c=void 0)}};return O};var b=s;for(var v in r)n[v]=r[v];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version,n.warn=r.util.warn,n.hasInjectionContext=()=>!!n.getCurrentInstance(),n.createApp=s}else if(r.version.slice(0,2)==="2.")if(u){for(var v in u)n[v]=u[v];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version,n.hasInjectionContext=()=>!!n.getCurrentInstance()}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(r.version.slice(0,2)==="3."){for(var v in r)n[v]=r[v];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=r,n.Vue2=void 0,n.version=r.version,n.set=function(s,a,f){return Array.isArray(s)?(s.length=Math.max(s.length,a),s.splice(a,1,f),f):(s[a]=f,f)},n.del=function(s,a){if(Array.isArray(s)){s.splice(a,1);return}delete s[a]}}else console.error("[vue-demi] Vue version "+r.version+" is unsupported.");return n}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,r,u,v){"use strict";var b=Object.defineProperty,s=Object.defineProperties,a=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,O=(i,t,e)=>t in i?b(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,l=(i,t)=>{for(var e in t||(t={}))c.call(t,e)&&O(i,e,t[e]);if(f)for(var e of f(t))_.call(t,e)&&O(i,e,t[e]);return i},p=(i,t)=>s(i,a(t)),A=(i,t)=>{var e={};for(var o in i)c.call(i,o)&&t.indexOf(o)<0&&(e[o]=i[o]);if(i!=null&&f)for(var o of f(i))t.indexOf(o)<0&&_.call(i,o)&&(e[o]=i[o]);return e};function j(i,t={}){let e;const o=t,{immediate:g}=o,I=A(o,["immediate"]),h=u.ref(!1),P=u.ref(!1),y=d=>e&&e.activate(d),w=d=>e&&e.deactivate(d),x=()=>{e&&(e.pause(),P.value=!0)},C=()=>{e&&(e.unpause(),P.value=!1)};return u.watch(()=>r.unrefElement(i),d=>{d&&(e=v.createFocusTrap(d,p(l({},I),{onActivate(){h.value=!0,t.onActivate&&t.onActivate()},onDeactivate(){h.value=!1,t.onDeactivate&&t.onDeactivate()}})),g&&y())},{flush:"post"}),r.tryOnScopeDispose(()=>w()),{hasFocus:h,isPaused:P,activate:y,deactivate:w,pause:x,unpause:C}}n.useFocusTrap=j})(this.VueUse=this.VueUse||{},VueUse,VueDemi,focusTrap);
+var VueDemi=function(n,t,f){if(n.install)return n;if(!t)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(t.version.slice(0,4)==="2.7."){let r=function(s,e){var o,l={},u={config:t.config,use:t.use.bind(t),mixin:t.mixin.bind(t),component:t.component.bind(t),provide:function(a,c){return l[a]=c,this},directive:function(a,c){return c?(t.directive(a,c),u):t.directive(a)},mount:function(a,c){return o||(o=new t(Object.assign({propsData:e},s,{provide:Object.assign(l,s.provide)})),o.$mount(a,c),o)},unmount:function(){o&&(o.$destroy(),o=void 0)}};return u};var d=r;for(var i in t)n[i]=t[i];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=t,n.Vue2=t,n.version=t.version,n.warn=t.util.warn,n.hasInjectionContext=()=>!!n.getCurrentInstance(),n.createApp=r}else if(t.version.slice(0,2)==="2.")if(f){for(var i in f)n[i]=f[i];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=t,n.Vue2=t,n.version=t.version,n.hasInjectionContext=()=>!!n.getCurrentInstance()}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(t.version.slice(0,2)==="3."){for(var i in t)n[i]=t[i];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=t,n.Vue2=void 0,n.version=t.version,n.set=function(r,s,e){return Array.isArray(r)?(r.length=Math.max(r.length,s),r.splice(s,1,e),e):(r[s]=e,e)},n.del=function(r,s){if(Array.isArray(r)){r.splice(s,1);return}delete r[s]}}else console.error("[vue-demi] Vue version "+t.version+" is unsupported.");return n}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,t,f,i){"use strict";function d(r,s={}){let e;const{immediate:o,...l}=s,u=f.ref(!1),a=f.ref(!1),c=v=>e&&e.activate(v),p=v=>e&&e.deactivate(v),h=()=>{e&&(e.pause(),a.value=!0)},A=()=>{e&&(e.unpause(),a.value=!1)};return f.watch(()=>t.unrefElement(r),v=>{v&&(e=i.createFocusTrap(v,{...l,onActivate(){u.value=!0,s.onActivate&&s.onActivate()},onDeactivate(){u.value=!1,s.onDeactivate&&s.onDeactivate()}}),o&&c())},{flush:"post"}),t.tryOnScopeDispose(()=>p()),{hasFocus:u,isPaused:a,activate:c,deactivate:p,pause:h,unpause:A}}n.useFocusTrap=d})(this.VueUse=this.VueUse||{},VueUse,VueDemi,focusTrap);