vue-tippy 6.0.0-alpha.50 → 6.0.0-alpha.53

package/dist/vue-tippy.cjs

@@ -1,5 +1,5 @@
 /*!
-  * vue-tippy v6.0.0-alpha.50
+  * vue-tippy v6.0.0-alpha.53
   * (c) 2022 
   * @license MIT
   */
@@ -9,6 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var vue__default = /*#__PURE__*/_interopDefaultLegacy(vue);
+
 var top = 'top';
 var bottom = 'bottom';
 var right = 'right';
@@ -4504,6 +4508,85 @@ function useSingleton(instances, optionalProps) {
     };
 }
 
+const { unref, isRef } = vue__default;
+
+const isObject = (val) => val !== null && typeof val === 'object';
+const isArray = Array.isArray;
+
+/**
+ * Deeply unref a value, recursing into objects and arrays.
+ *
+ * @param {Mixed} val - The value to deeply unref.
+ *
+ * @return {Mixed}
+ */
+const deepUnref = (val) => {
+  const checkedVal = isRef(val) ? unref(val) : val;
+
+  if (! isObject(checkedVal)) {
+    return checkedVal;
+  }
+
+  if (isArray(checkedVal)) {
+    return unrefArray(checkedVal);
+  }
+
+  return unrefObject(checkedVal);
+};
+
+/**
+ * Unref a value, recursing into it if it's an object.
+ *
+ * @param {Mixed} val - The value to unref.
+ *
+ * @return {Mixed}
+ */
+const smartUnref = (val) => {
+  // Non-ref object?  Go deeper!
+  if (val !== null && ! isRef(val) && typeof val === 'object') {
+    return deepUnref(val);
+  }
+
+  return unref(val);
+};
+
+/**
+ * Unref an array, recursively.
+ *
+ * @param {Array} arr - The array to unref.
+ *
+ * @return {Array}
+ */
+const unrefArray = (arr) => {
+  const unreffed = [];
+
+  arr.forEach((val) => {
+    unreffed.push(smartUnref(val));
+  });
+
+  return unreffed;
+};
+
+/**
+ * Unref an object, recursively.
+ *
+ * @param {Object} obj - The object to unref.
+ *
+ * @return {Object}
+ */
+const unrefObject = (obj) => {
+  const unreffed = {};
+
+  // Object? un-ref it!
+  Object.keys(obj).forEach((key) => {
+    unreffed[key] = smartUnref(obj[key]);
+  });
+
+  return unreffed;
+};
+
+var vueDeepunref = { deepUnref };
+
 // const pluginProps = [
 //   'animateFill',
 //   'followCursor',
@@ -4598,15 +4681,16 @@ const TippyComponent = vue.defineComponent({
             ...tippy
         };
         expose(exposed);
-        const slot = slots.default ? slots.default(exposed) : [];
         return () => {
+            let exposedUnref = vueDeepunref.deepUnref(exposed);
+            const slot = slots.default ? slots.default(exposedUnref) : [];
             return vue.h(props.tag, { ref: elem, 'data-v-tippy': '' }, slots.content ? [
                 slot,
                 vue.h(props.contentTag, {
                     ref: contentElem,
                     style: { display: mounted.value ? 'inherit' : 'none' },
                     class: props.contentClass
-                }, slots.content(exposed)),
+                }, slots.content(exposedUnref)),
             ] : slot);
         };
     },

package/dist/vue-tippy.esm-browser.js

@@ -1,9 +1,9 @@
 /*!
-  * vue-tippy v6.0.0-alpha.50
+  * vue-tippy v6.0.0-alpha.53
   * (c) 2022 
   * @license MIT
   */
-import { getCurrentInstance, ref, onMounted, onUnmounted, isRef, isReactive, watch, isVNode, render as render$1, h, defineComponent, nextTick, unref } from 'vue';
+import vue, { getCurrentInstance, ref, onMounted, onUnmounted, isRef as isRef$1, isReactive, watch, isVNode, render as render$1, h, defineComponent, nextTick, unref as unref$1 } from 'vue';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -3964,7 +3964,7 @@ function useTippy(el, opts = {}, settings = { mount: true }) {
     };
     const getContent = (content) => {
         let newContent;
-        let unwrappedContent = isRef(content)
+        let unwrappedContent = isRef$1(content)
             ? content.value
             : content;
         if (isVNode(unwrappedContent)) {
@@ -3989,7 +3989,7 @@ function useTippy(el, opts = {}, settings = { mount: true }) {
     };
     const getProps = (opts) => {
         let options = {};
-        if (isRef(opts)) {
+        if (isRef$1(opts)) {
             options = opts.value || {};
         }
         else if (isReactive(opts)) {
@@ -4002,7 +4002,7 @@ function useTippy(el, opts = {}, settings = { mount: true }) {
             options.content = getContent(options.content);
         }
         if (options.triggerTarget) {
-            options.triggerTarget = isRef(options.triggerTarget)
+            options.triggerTarget = isRef$1(options.triggerTarget)
                 ? options.triggerTarget.value
                 : options.triggerTarget;
         }
@@ -4095,7 +4095,7 @@ function useTippy(el, opts = {}, settings = { mount: true }) {
     const mount = () => {
         if (!el)
             return;
-        let target = isRef(el) ? el.value : el;
+        let target = isRef$1(el) ? el.value : el;
         if (typeof target === 'function')
             target = target();
         if (target) {
@@ -4135,10 +4135,10 @@ function useTippy(el, opts = {}, settings = { mount: true }) {
             mount();
         }
     }
-    if (isRef(opts) || isReactive(opts)) {
+    if (isRef$1(opts) || isReactive(opts)) {
         watch(opts, refresh, { immediate: false });
     }
-    else if (isRef(opts.content)) {
+    else if (isRef$1(opts.content)) {
         watch(opts.content, refreshContent, { immediate: false });
     }
     return response;
@@ -4184,6 +4184,85 @@ function useSingleton(instances, optionalProps) {
     };
 }
 
+const { unref, isRef } = vue;
+
+const isObject = (val) => val !== null && typeof val === 'object';
+const isArray = Array.isArray;
+
+/**
+ * Deeply unref a value, recursing into objects and arrays.
+ *
+ * @param {Mixed} val - The value to deeply unref.
+ *
+ * @return {Mixed}
+ */
+const deepUnref = (val) => {
+  const checkedVal = isRef(val) ? unref(val) : val;
+
+  if (! isObject(checkedVal)) {
+    return checkedVal;
+  }
+
+  if (isArray(checkedVal)) {
+    return unrefArray(checkedVal);
+  }
+
+  return unrefObject(checkedVal);
+};
+
+/**
+ * Unref a value, recursing into it if it's an object.
+ *
+ * @param {Mixed} val - The value to unref.
+ *
+ * @return {Mixed}
+ */
+const smartUnref = (val) => {
+  // Non-ref object?  Go deeper!
+  if (val !== null && ! isRef(val) && typeof val === 'object') {
+    return deepUnref(val);
+  }
+
+  return unref(val);
+};
+
+/**
+ * Unref an array, recursively.
+ *
+ * @param {Array} arr - The array to unref.
+ *
+ * @return {Array}
+ */
+const unrefArray = (arr) => {
+  const unreffed = [];
+
+  arr.forEach((val) => {
+    unreffed.push(smartUnref(val));
+  });
+
+  return unreffed;
+};
+
+/**
+ * Unref an object, recursively.
+ *
+ * @param {Object} obj - The object to unref.
+ *
+ * @return {Object}
+ */
+const unrefObject = (obj) => {
+  const unreffed = {};
+
+  // Object? un-ref it!
+  Object.keys(obj).forEach((key) => {
+    unreffed[key] = smartUnref(obj[key]);
+  });
+
+  return unreffed;
+};
+
+var vueDeepunref = { deepUnref };
+
 // const pluginProps = [
 //   'animateFill',
 //   'followCursor',
@@ -4266,7 +4345,7 @@ const TippyComponent = defineComponent({
             });
         });
         watch(tippy.state, () => {
-            emit('state', unref(tippy.state));
+            emit('state', unref$1(tippy.state));
         }, { immediate: true, deep: true });
         watch(props, () => {
             tippy.setProps(props);
@@ -4278,15 +4357,16 @@ const TippyComponent = defineComponent({
             ...tippy
         };
         expose(exposed);
-        const slot = slots.default ? slots.default(exposed) : [];
         return () => {
+            let exposedUnref = vueDeepunref.deepUnref(exposed);
+            const slot = slots.default ? slots.default(exposedUnref) : [];
             return h(props.tag, { ref: elem, 'data-v-tippy': '' }, slots.content ? [
                 slot,
                 h(props.contentTag, {
                     ref: contentElem,
                     style: { display: mounted.value ? 'inherit' : 'none' },
                     class: props.contentClass
-                }, slots.content(exposed)),
+                }, slots.content(exposedUnref)),
             ] : slot);
         };
     },

package/dist/vue-tippy.iife.js

@@ -1,11 +1,15 @@
 /*!
-  * vue-tippy v6.0.0-alpha.50
+  * vue-tippy v6.0.0-alpha.53
   * (c) 2022 
   * @license MIT
   */
 var VueTippy = (function (exports, vue) {
   'use strict';
 
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+  var vue__default = /*#__PURE__*/_interopDefaultLegacy(vue);
+
   var top = 'top';
   var bottom = 'bottom';
   var right = 'right';
@@ -4501,6 +4505,85 @@ var VueTippy = (function (exports, vue) {
       };
   }
 
+  const { unref, isRef } = vue__default;
+
+  const isObject = (val) => val !== null && typeof val === 'object';
+  const isArray = Array.isArray;
+
+  /**
+   * Deeply unref a value, recursing into objects and arrays.
+   *
+   * @param {Mixed} val - The value to deeply unref.
+   *
+   * @return {Mixed}
+   */
+  const deepUnref = (val) => {
+    const checkedVal = isRef(val) ? unref(val) : val;
+
+    if (! isObject(checkedVal)) {
+      return checkedVal;
+    }
+
+    if (isArray(checkedVal)) {
+      return unrefArray(checkedVal);
+    }
+
+    return unrefObject(checkedVal);
+  };
+
+  /**
+   * Unref a value, recursing into it if it's an object.
+   *
+   * @param {Mixed} val - The value to unref.
+   *
+   * @return {Mixed}
+   */
+  const smartUnref = (val) => {
+    // Non-ref object?  Go deeper!
+    if (val !== null && ! isRef(val) && typeof val === 'object') {
+      return deepUnref(val);
+    }
+
+    return unref(val);
+  };
+
+  /**
+   * Unref an array, recursively.
+   *
+   * @param {Array} arr - The array to unref.
+   *
+   * @return {Array}
+   */
+  const unrefArray = (arr) => {
+    const unreffed = [];
+
+    arr.forEach((val) => {
+      unreffed.push(smartUnref(val));
+    });
+
+    return unreffed;
+  };
+
+  /**
+   * Unref an object, recursively.
+   *
+   * @param {Object} obj - The object to unref.
+   *
+   * @return {Object}
+   */
+  const unrefObject = (obj) => {
+    const unreffed = {};
+
+    // Object? un-ref it!
+    Object.keys(obj).forEach((key) => {
+      unreffed[key] = smartUnref(obj[key]);
+    });
+
+    return unreffed;
+  };
+
+  var vueDeepunref = { deepUnref };
+
   // const pluginProps = [
   //   'animateFill',
   //   'followCursor',
@@ -4595,15 +4678,16 @@ var VueTippy = (function (exports, vue) {
               ...tippy
           };
           expose(exposed);
-          const slot = slots.default ? slots.default(exposed) : [];
           return () => {
+              let exposedUnref = vueDeepunref.deepUnref(exposed);
+              const slot = slots.default ? slots.default(exposedUnref) : [];
               return vue.h(props.tag, { ref: elem, 'data-v-tippy': '' }, slots.content ? [
                   slot,
                   vue.h(props.contentTag, {
                       ref: contentElem,
                       style: { display: mounted.value ? 'inherit' : 'none' },
                       class: props.contentClass
-                  }, slots.content(exposed)),
+                  }, slots.content(exposedUnref)),
               ] : slot);
           };
       },