@vueuse/integrations 6.3.2 → 6.5.3

package/useCookies.iife.js

@@ -66,77 +66,65 @@
 
   var Cookie__default = /*#__PURE__*/_interopDefaultLegacy(Cookie);
 
-  /**
-   * Creates a new {@link useCookies} function
-   * @param {Object} req - incoming http request (for SSR)
-   * @see https://github.com/reactivestack/cookies/tree/master/packages/universal-cookie universal-cookie
-   * @description Creates universal-cookie instance using request (default is window.document.cookie) and returns {@link useCookies} function with provided universal-cookie instance
-   */
-  function createCookies(req) {
-      const universalCookie = new Cookie__default['default'](req ? req.headers.cookie : null);
-      return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
-  }
-  /**
-   * Reactive methods to work with cookies (use {@link createCookies} method instead if you are using SSR)
-   * @param {string[]|null|undefined} dependencies - array of watching cookie's names. Pass empty array if don't want to watch cookies changes.
-   * @param {Object} options
-   * @param {boolean} options.doNotParse - don't try parse value as JSON
-   * @param {boolean} options.autoUpdateDependencies - automatically update watching dependencies
-   * @param {Object} cookies - universal-cookie instance
-   */
-  function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie__default['default']()) {
-      const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
-      let previousCookies = cookies.getAll({ doNotParse: true });
-      /**
-       * Adds reactivity to get/getAll methods
-       */
-      const touches = vueDemi.ref(0);
-      const onChange = () => {
-          const newCookies = cookies.getAll({ doNotParse: true });
-          if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies))
-              touches.value++;
-          previousCookies = newCookies;
-      };
-      cookies.addChangeListener(onChange);
-      shared.tryOnScopeDispose(() => {
-          cookies.removeChangeListener(onChange);
-      });
-      return {
-          /**
-           * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
-           */
-          get: (...args) => {
-              /**
-               * Auto update watching dependencies if needed
-               */
-              if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0]))
-                  watchingDependencies.push(args[0]);
-              // eslint-disable-next-line no-unused-expressions
-              touches.value; // adds reactivity to method
-              return cookies.get(args[0], Object.assign({ doNotParse }, args[1]));
-          },
-          /**
-           * Reactive get all cookies
-           */
-          getAll: (...args) => {
-              // eslint-disable-next-line no-unused-expressions
-              touches.value; // adds reactivity to method
-              return cookies.getAll(Object.assign({ doNotParse }, args[0]));
-          },
-          set: (...args) => cookies.set(...args),
-          remove: (...args) => cookies.remove(...args),
-          addChangeListener: (...args) => cookies.addChangeListener(...args),
-          removeChangeListener: (...args) => cookies.removeChangeListener(...args),
-      };
-  }
-  function shouldUpdate(dependencies, newCookies, oldCookies) {
-      if (!dependencies)
-          return true;
-      for (const dependency of dependencies) {
-          if (newCookies[dependency] !== oldCookies[dependency])
-              return true;
-      }
-      return false;
+  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 createCookies(req) {
+    const universalCookie = new Cookie__default["default"](req ? req.headers.cookie : null);
+    return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
+  }
+  function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie__default["default"]()) {
+    const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
+    let previousCookies = cookies.getAll({ doNotParse: true });
+    const touches = vueDemi.ref(0);
+    const onChange = () => {
+      const newCookies = cookies.getAll({ doNotParse: true });
+      if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies))
+        touches.value++;
+      previousCookies = newCookies;
+    };
+    cookies.addChangeListener(onChange);
+    shared.tryOnScopeDispose(() => {
+      cookies.removeChangeListener(onChange);
+    });
+    return {
+      get: (...args) => {
+        if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0]))
+          watchingDependencies.push(args[0]);
+        touches.value;
+        return cookies.get(args[0], __spreadValues({ doNotParse }, args[1]));
+      },
+      getAll: (...args) => {
+        touches.value;
+        return cookies.getAll(__spreadValues({ doNotParse }, args[0]));
+      },
+      set: (...args) => cookies.set(...args),
+      remove: (...args) => cookies.remove(...args),
+      addChangeListener: (...args) => cookies.addChangeListener(...args),
+      removeChangeListener: (...args) => cookies.removeChangeListener(...args)
+    };
+  }
+  function shouldUpdate(dependencies, newCookies, oldCookies) {
+    if (!dependencies)
+      return true;
+    for (const dependency of dependencies) {
+      if (newCookies[dependency] !== oldCookies[dependency])
+        return true;
+    }
+    return false;
   }
 
   exports.createCookies = createCookies;
@@ -144,4 +132,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-}(this.VueUse = this.VueUse || {}, VueUse, VueDemi, UniversalCookie));
+})(this.VueUse = this.VueUse || {}, VueUse, VueDemi, UniversalCookie);

package/useCookies.iife.min.js

@@ -1 +1 @@
-!function(e){if(!e.VueDemi){var o={},n=e.Vue;if(n)if("2."===n.version.slice(0,2)){var i=e.VueCompositionAPI;if(i){for(var s in i)o[s]=i[s];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=n,o.Vue2=n,o.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if("3."===n.version.slice(0,2)){for(var s in n)o[s]=n[s];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=n,o.Vue2=void 0,o.version=n.version,o.set=function(e,o,n){return Array.isArray(e)?(e.length=Math.max(e.length,o),e.splice(o,1,n),n):(e[o]=n,n)},o.del=function(e,o){Array.isArray(e)?e.splice(o,1):delete e[o]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");e.VueDemi=o}}(window),function(e,o,n,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=s(UniversalCookie);function r(e,{doNotParse:i=!1,autoUpdateDependencies:s=!1}={},r=new t.default){const u=s?[...e||[]]:e;let a=r.getAll({doNotParse:!0});const l=n.ref(0),d=()=>{const e=r.getAll({doNotParse:!0});(function(e,o,n){if(!e)return!0;for(const i of e)if(o[i]!==n[i])return!0;return!1})(u||null,e,a)&&l.value++,a=e};return r.addChangeListener(d),o.tryOnScopeDispose((()=>{r.removeChangeListener(d)})),{get:(...e)=>(s&&u&&!u.includes(e[0])&&u.push(e[0]),l.value,r.get(e[0],Object.assign({doNotParse:i},e[1]))),getAll:(...e)=>(l.value,r.getAll(Object.assign({doNotParse:i},e[0]))),set:(...e)=>r.set(...e),remove:(...e)=>r.remove(...e),addChangeListener:(...e)=>r.addChangeListener(...e),removeChangeListener:(...e)=>r.removeChangeListener(...e)}}e.createCookies=function(e){const o=new t.default(e?e.headers.cookie:null);return(e,{doNotParse:n=!1,autoUpdateDependencies:i=!1}={})=>r(e,{doNotParse:n,autoUpdateDependencies:i},o)},e.useCookies=r,Object.defineProperty(e,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueUse,VueDemi);
+(function(l){if(!l.VueDemi){var r={},o=l.Vue;if(o)if(o.version.slice(0,2)==="2."){var d=l.VueCompositionAPI;if(d){for(var f in d)r[f]=d[f];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=o,r.Vue2=o,r.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(o.version.slice(0,2)==="3."){for(var f in o)r[f]=o[f];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=o,r.Vue2=void 0,r.version=o.version,r.set=function(s,a,v){return Array.isArray(s)?(s.length=Math.max(s.length,a),s.splice(a,1,v),v):(s[a]=v,v)},r.del=function(s,a){if(Array.isArray(s)){s.splice(a,1);return}delete s[a]}}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`.");l.VueDemi=r}})(window),function(l,r,o,d){"use strict";function f(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var s=f(d),a=Object.defineProperty,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,m=(e,n,u)=>n in e?a(e,n,{enumerable:!0,configurable:!0,writable:!0,value:u}):e[n]=u,V=(e,n)=>{for(var u in n||(n={}))y.call(n,u)&&m(e,u,n[u]);if(v)for(var u of v(n))g.call(n,u)&&m(e,u,n[u]);return e};function O(e){const n=new s.default(e?e.headers.cookie:null);return(u,{doNotParse:i=!1,autoUpdateDependencies:c=!1}={})=>h(u,{doNotParse:i,autoUpdateDependencies:c},n)}function h(e,{doNotParse:n=!1,autoUpdateDependencies:u=!1}={},i=new s.default){const c=u?[...e||[]]:e;let _=i.getAll({doNotParse:!0});const p=o.ref(0),C=()=>{const t=i.getAll({doNotParse:!0});P(c||null,t,_)&&p.value++,_=t};return i.addChangeListener(C),r.tryOnScopeDispose(()=>{i.removeChangeListener(C)}),{get:(...t)=>(u&&c&&!c.includes(t[0])&&c.push(t[0]),p.value,i.get(t[0],V({doNotParse:n},t[1]))),getAll:(...t)=>(p.value,i.getAll(V({doNotParse:n},t[0]))),set:(...t)=>i.set(...t),remove:(...t)=>i.remove(...t),addChangeListener:(...t)=>i.addChangeListener(...t),removeChangeListener:(...t)=>i.removeChangeListener(...t)}}function P(e,n,u){if(!e)return!0;for(const i of e)if(n[i]!==u[i])return!0;return!1}l.createCookies=O,l.useCookies=h,Object.defineProperty(l,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueUse,VueDemi,UniversalCookie);

package/useCookies.mjs

@@ -2,77 +2,65 @@ import { tryOnScopeDispose } from '@vueuse/shared';
 import { ref } from 'vue-demi';
 import Cookie from 'universal-cookie';
 
-/**
- * Creates a new {@link useCookies} function
- * @param {Object} req - incoming http request (for SSR)
- * @see https://github.com/reactivestack/cookies/tree/master/packages/universal-cookie universal-cookie
- * @description Creates universal-cookie instance using request (default is window.document.cookie) and returns {@link useCookies} function with provided universal-cookie instance
- */
-function createCookies(req) {
-    const universalCookie = new Cookie(req ? req.headers.cookie : null);
-    return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
-}
-/**
- * Reactive methods to work with cookies (use {@link createCookies} method instead if you are using SSR)
- * @param {string[]|null|undefined} dependencies - array of watching cookie's names. Pass empty array if don't want to watch cookies changes.
- * @param {Object} options
- * @param {boolean} options.doNotParse - don't try parse value as JSON
- * @param {boolean} options.autoUpdateDependencies - automatically update watching dependencies
- * @param {Object} cookies - universal-cookie instance
- */
-function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
-    const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
-    let previousCookies = cookies.getAll({ doNotParse: true });
-    /**
-     * Adds reactivity to get/getAll methods
-     */
-    const touches = ref(0);
-    const onChange = () => {
-        const newCookies = cookies.getAll({ doNotParse: true });
-        if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies))
-            touches.value++;
-        previousCookies = newCookies;
-    };
-    cookies.addChangeListener(onChange);
-    tryOnScopeDispose(() => {
-        cookies.removeChangeListener(onChange);
-    });
-    return {
-        /**
-         * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
-         */
-        get: (...args) => {
-            /**
-             * Auto update watching dependencies if needed
-             */
-            if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0]))
-                watchingDependencies.push(args[0]);
-            // eslint-disable-next-line no-unused-expressions
-            touches.value; // adds reactivity to method
-            return cookies.get(args[0], Object.assign({ doNotParse }, args[1]));
-        },
-        /**
-         * Reactive get all cookies
-         */
-        getAll: (...args) => {
-            // eslint-disable-next-line no-unused-expressions
-            touches.value; // adds reactivity to method
-            return cookies.getAll(Object.assign({ doNotParse }, args[0]));
-        },
-        set: (...args) => cookies.set(...args),
-        remove: (...args) => cookies.remove(...args),
-        addChangeListener: (...args) => cookies.addChangeListener(...args),
-        removeChangeListener: (...args) => cookies.removeChangeListener(...args),
-    };
-}
-function shouldUpdate(dependencies, newCookies, oldCookies) {
-    if (!dependencies)
-        return true;
-    for (const dependency of dependencies) {
-        if (newCookies[dependency] !== oldCookies[dependency])
-            return true;
-    }
-    return false;
+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 createCookies(req) {
+  const universalCookie = new Cookie(req ? req.headers.cookie : null);
+  return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
+}
+function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
+  const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
+  let previousCookies = cookies.getAll({ doNotParse: true });
+  const touches = ref(0);
+  const onChange = () => {
+    const newCookies = cookies.getAll({ doNotParse: true });
+    if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies))
+      touches.value++;
+    previousCookies = newCookies;
+  };
+  cookies.addChangeListener(onChange);
+  tryOnScopeDispose(() => {
+    cookies.removeChangeListener(onChange);
+  });
+  return {
+    get: (...args) => {
+      if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0]))
+        watchingDependencies.push(args[0]);
+      touches.value;
+      return cookies.get(args[0], __spreadValues({ doNotParse }, args[1]));
+    },
+    getAll: (...args) => {
+      touches.value;
+      return cookies.getAll(__spreadValues({ doNotParse }, args[0]));
+    },
+    set: (...args) => cookies.set(...args),
+    remove: (...args) => cookies.remove(...args),
+    addChangeListener: (...args) => cookies.addChangeListener(...args),
+    removeChangeListener: (...args) => cookies.removeChangeListener(...args)
+  };
+}
+function shouldUpdate(dependencies, newCookies, oldCookies) {
+  if (!dependencies)
+    return true;
+  for (const dependency of dependencies) {
+    if (newCookies[dependency] !== oldCookies[dependency])
+      return true;
+  }
+  return false;
 }
 
 export { createCookies, useCookies };

package/useDrauu.cjs

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vueDemi = require('vue-demi');
+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 = [];
+  const onChangedHook = core.createEventHook();
+  const onCanceledHook = core.createEventHook();
+  const onCommittedHook = core.createEventHook();
+  const onStartHook = core.createEventHook();
+  const onEndHook = core.createEventHook();
+  const canUndo = vueDemi.ref(false);
+  const canRedo = vueDemi.ref(false);
+  const altPressed = vueDemi.ref(false);
+  const shiftPressed = vueDemi.ref(false);
+  const brush = vueDemi.ref({
+    color: "black",
+    size: 3,
+    arrowEnd: false,
+    cornerRadius: 0,
+    dasharray: void 0,
+    fill: "transparent",
+    mode: "draw"
+  });
+  vueDemi.watch(brush, () => {
+    const instance = drauuInstance.value;
+    if (instance)
+      instance.brush = brush.value;
+  }, { 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 cleanup = () => {
+    var _a;
+    disposables.forEach((dispose) => dispose());
+    (_a = drauuInstance.value) == null ? void 0 : _a.unmount();
+  };
+  const syncStatus = () => {
+    if (drauuInstance.value) {
+      canUndo.value = drauuInstance.value.canUndo();
+      canRedo.value = drauuInstance.value.canRedo();
+      altPressed.value = drauuInstance.value.altPressed;
+      shiftPressed.value = drauuInstance.value.shiftPressed;
+    }
+  };
+  vueDemi.watch(() => core.unrefElement(target), (el) => {
+    if (!el || !(el instanceof SVGSVGElement))
+      return;
+    if (drauuInstance.value)
+      cleanup();
+    drauuInstance.value = drauu.createDrauu(__spreadValues({ el }, options));
+    syncStatus();
+    disposables = [
+      drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),
+      drauuInstance.value.on("committed", () => onCommittedHook.trigger()),
+      drauuInstance.value.on("start", () => onStartHook.trigger()),
+      drauuInstance.value.on("end", () => onEndHook.trigger()),
+      drauuInstance.value.on("changed", () => {
+        syncStatus();
+        onChangedHook.trigger();
+      })
+    ];
+  }, { flush: "post" });
+  shared.tryOnScopeDispose(() => cleanup());
+  return {
+    drauuInstance,
+    load,
+    dump,
+    clear,
+    cancel,
+    undo,
+    redo,
+    canUndo,
+    canRedo,
+    brush,
+    onChanged: onChangedHook.on,
+    onCommitted: onCommittedHook.on,
+    onStart: onStartHook.on,
+    onEnd: onEndHook.on,
+    onCanceled: onCanceledHook.on
+  };
+}
+
+exports.useDrauu = useDrauu;

package/useDrauu.d.ts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue-demi';
+import { Options, Drauu, Brush } from 'drauu';
+import { EventHookOn, MaybeElementRef } from '@vueuse/core';
+
+declare 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: MaybeElementRef, options?: UseDrauuOptions): UseDrauuReturn;
+
+export { UseDrauuOptions, UseDrauuReturn, useDrauu };

package/useDrauu.iife.js

@@ -0,0 +1,186 @@
+;(function (window) {
+  if (window.VueDemi) {
+    return
+  }
+  var VueDemi = {}
+  var Vue = window.Vue
+  if (Vue) {
+    if (Vue.version.slice(0, 2) === '2.') {
+      var VueCompositionAPI = window.VueCompositionAPI
+      if (VueCompositionAPI) {
+        for (var key in VueCompositionAPI) {
+          VueDemi[key] = VueCompositionAPI[key]
+        }
+        VueDemi.isVue2 = true
+        VueDemi.isVue3 = false
+        VueDemi.install = function (){}
+        VueDemi.Vue = Vue
+        VueDemi.Vue2 = Vue
+        VueDemi.version = Vue.version
+      } else {
+        console.error(
+          '[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.'
+        )
+      }
+    } else if (Vue.version.slice(0, 2) === '3.') {
+      for (var key in Vue) {
+        VueDemi[key] = Vue[key]
+      }
+      VueDemi.isVue2 = false
+      VueDemi.isVue3 = true
+      VueDemi.install = function (){}
+      VueDemi.Vue = Vue
+      VueDemi.Vue2 = undefined
+      VueDemi.version = Vue.version
+      VueDemi.set = function(target, key, val) {
+        if (Array.isArray(target)) {
+          target.length = Math.max(target.length, key)
+          target.splice(key, 1, val)
+          return val
+        }
+        target[key] = val
+        return val
+      }
+      VueDemi.del = function(target, key) {
+        if (Array.isArray(target)) {
+          target.splice(key, 1)
+          return
+        }
+        delete target[key]
+      }
+    } else {
+      console.error('[vue-demi] Vue version ' + Vue.version + ' is unsupported.')
+    }
+  } else {
+    console.error(
+      '[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.'
+    )
+  }
+  window.VueDemi = VueDemi
+})(window)
+;
+;(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 = [];
+    const onChangedHook = core.createEventHook();
+    const onCanceledHook = core.createEventHook();
+    const onCommittedHook = core.createEventHook();
+    const onStartHook = core.createEventHook();
+    const onEndHook = core.createEventHook();
+    const canUndo = vueDemi.ref(false);
+    const canRedo = vueDemi.ref(false);
+    const altPressed = vueDemi.ref(false);
+    const shiftPressed = vueDemi.ref(false);
+    const brush = vueDemi.ref({
+      color: "black",
+      size: 3,
+      arrowEnd: false,
+      cornerRadius: 0,
+      dasharray: void 0,
+      fill: "transparent",
+      mode: "draw"
+    });
+    vueDemi.watch(brush, () => {
+      const instance = drauuInstance.value;
+      if (instance)
+        instance.brush = brush.value;
+    }, { 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 cleanup = () => {
+      var _a;
+      disposables.forEach((dispose) => dispose());
+      (_a = drauuInstance.value) == null ? void 0 : _a.unmount();
+    };
+    const syncStatus = () => {
+      if (drauuInstance.value) {
+        canUndo.value = drauuInstance.value.canUndo();
+        canRedo.value = drauuInstance.value.canRedo();
+        altPressed.value = drauuInstance.value.altPressed;
+        shiftPressed.value = drauuInstance.value.shiftPressed;
+      }
+    };
+    vueDemi.watch(() => core.unrefElement(target), (el) => {
+      if (!el || !(el instanceof SVGSVGElement))
+        return;
+      if (drauuInstance.value)
+        cleanup();
+      drauuInstance.value = drauu.createDrauu(__spreadValues({ el }, options));
+      syncStatus();
+      disposables = [
+        drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),
+        drauuInstance.value.on("committed", () => onCommittedHook.trigger()),
+        drauuInstance.value.on("start", () => onStartHook.trigger()),
+        drauuInstance.value.on("end", () => onEndHook.trigger()),
+        drauuInstance.value.on("changed", () => {
+          syncStatus();
+          onChangedHook.trigger();
+        })
+      ];
+    }, { flush: "post" });
+    shared.tryOnScopeDispose(() => cleanup());
+    return {
+      drauuInstance,
+      load,
+      dump,
+      clear,
+      cancel,
+      undo,
+      redo,
+      canUndo,
+      canRedo,
+      brush,
+      onChanged: onChangedHook.on,
+      onCommitted: onCommittedHook.on,
+      onStart: onStartHook.on,
+      onEnd: onEndHook.on,
+      onCanceled: onCanceledHook.on
+    };
+  }
+
+  exports.useDrauu = useDrauu;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})(this.VueUse = this.VueUse || {}, VueDemi, Drauu, VueUse, VueUse);

package/useDrauu.iife.min.js

@@ -0,0 +1 @@
+(function(i){if(!i.VueDemi){var n={},o=i.Vue;if(o)if(o.version.slice(0,2)==="2."){var t=i.VueCompositionAPI;if(t){for(var c in t)n[c]=t[c];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=o,n.Vue2=o,n.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(o.version.slice(0,2)==="3."){for(var c in o)n[c]=o[c];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=o,n.Vue2=void 0,n.version=o.version,n.set=function(u,s,v){return Array.isArray(u)?(u.length=Math.max(u.length,s),u.splice(s,1,v),v):(u[s]=v,v)},n.del=function(u,s){if(Array.isArray(u)){u.splice(s,1);return}delete u[s]}}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`.");i.VueDemi=n}})(window),function(i,n,o,t,c){"use strict";var u=Object.defineProperty,s=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,p=(l,a,e)=>a in l?u(l,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[a]=e,S=(l,a)=>{for(var e in a||(a={}))v.call(a,e)&&p(l,e,a[e]);if(s)for(var e of s(a))O.call(a,e)&&p(l,e,a[e]);return l};function k(l,a){const e=n.ref();let m=[];const V=t.createEventHook(),_=t.createEventHook(),h=t.createEventHook(),E=t.createEventHook(),g=t.createEventHook(),P=n.ref(!1),b=n.ref(!1),C=n.ref(!1),U=n.ref(!1),f=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});n.watch(f,()=>{const r=e.value;r&&(r.brush=f.value)},{deep:!0});const w=()=>{var r;return(r=e.value)==null?void 0:r.undo()},A=()=>{var r;return(r=e.value)==null?void 0:r.redo()},j=()=>{var r;return(r=e.value)==null?void 0:r.clear()},I=()=>{var r;return(r=e.value)==null?void 0:r.cancel()},R=r=>{var d;return(d=e.value)==null?void 0:d.load(r)},D=()=>{var r;return(r=e.value)==null?void 0:r.dump()},y=()=>{var r;m.forEach(d=>d()),(r=e.value)==null||r.unmount()},H=()=>{e.value&&(P.value=e.value.canUndo(),b.value=e.value.canRedo(),C.value=e.value.altPressed,U.value=e.value.shiftPressed)};return n.watch(()=>t.unrefElement(l),r=>{!r||!(r instanceof SVGSVGElement)||(e.value&&y(),e.value=o.createDrauu(S({el:r},a)),H(),m=[e.value.on("canceled",()=>_.trigger()),e.value.on("committed",()=>h.trigger()),e.value.on("start",()=>E.trigger()),e.value.on("end",()=>g.trigger()),e.value.on("changed",()=>{H(),V.trigger()})])},{flush:"post"}),c.tryOnScopeDispose(()=>y()),{drauuInstance:e,load:R,dump:D,clear:j,cancel:I,undo:w,redo:A,canUndo:P,canRedo:b,brush:f,onChanged:V.on,onCommitted:h.on,onStart:E.on,onEnd:g.on,onCanceled:_.on}}i.useDrauu=k,Object.defineProperty(i,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi,Drauu,VueUse,VueUse);