vue-tippy 6.0.0-alpha.42 → 6.0.0-alpha.46

package/dist/vue-tippy.cjs

@@ -1,6 +1,6 @@
 /*!
-  * vue-tippy v6.0.0-alpha.42
-  * (c) 2021 
+  * vue-tippy v6.0.0-alpha.46
+  * (c) 2022 
   * @license MIT
   */
 'use strict';
@@ -436,14 +436,14 @@ function effect$1(_ref2) {
     }
   }
 
-  if (process.env.NODE_ENV !== "production") {
+  {
     if (!isHTMLElement(arrowElement)) {
       console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));
     }
   }
 
   if (!contains(state.elements.popper, arrowElement)) {
-    if (process.env.NODE_ENV !== "production") {
+    {
       console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', 'element.'].join(' '));
     }
 
@@ -571,7 +571,7 @@ function computeStyles(_ref4) {
       _options$roundOffsets = options.roundOffsets,
       roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
 
-  if (process.env.NODE_ENV !== "production") {
+  {
     var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || '';
 
     if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {
@@ -1030,7 +1030,7 @@ function computeAutoPlacement(state, options) {
   if (allowedPlacements.length === 0) {
     allowedPlacements = placements$1;
 
-    if (process.env.NODE_ENV !== "production") {
+    {
       console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(' '));
     }
   } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
@@ -1767,7 +1767,7 @@ function popperGenerator(generatorOptions) {
         }); // Validate the provided modifiers so that the consumer will get warned
         // if one of the modifiers is invalid for any reason
 
-        if (process.env.NODE_ENV !== "production") {
+        {
           var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function (_ref) {
             var name = _ref.name;
             return name;
@@ -1819,7 +1819,7 @@ function popperGenerator(generatorOptions) {
         // anymore
 
         if (!areValidElements(reference, popper)) {
-          if (process.env.NODE_ENV !== "production") {
+          {
             console.error(INVALID_ELEMENT_ERROR);
           }
 
@@ -1848,7 +1848,7 @@ function popperGenerator(generatorOptions) {
         var __debug_loops__ = 0;
 
         for (var index = 0; index < state.orderedModifiers.length; index++) {
-          if (process.env.NODE_ENV !== "production") {
+          {
             __debug_loops__ += 1;
 
             if (__debug_loops__ > 100) {
@@ -1894,7 +1894,7 @@ function popperGenerator(generatorOptions) {
     };
 
     if (!areValidElements(reference, popper)) {
-      if (process.env.NODE_ENV !== "production") {
+      {
         console.error(INVALID_ELEMENT_ERROR);
       }
 
@@ -2238,7 +2238,7 @@ function getFormattedMessage(message) {
 
 var visitedMessages;
 
-if (process.env.NODE_ENV !== "production") {
+{
   resetVisitedMessages();
 }
 
@@ -2327,7 +2327,7 @@ var defaultProps = Object.assign({
 var defaultKeys = Object.keys(defaultProps);
 var setDefaultProps = function setDefaultProps(partialProps) {
   /* istanbul ignore else */
-  if (process.env.NODE_ENV !== "production") {
+  {
     validateProps(partialProps, []);
   }
 
@@ -2603,7 +2603,7 @@ function createTippy(reference, passedProps) {
   /* istanbul ignore if */
 
   if (!props.render) {
-    if (process.env.NODE_ENV !== "production") {
+    {
       errorWhen(true, 'render() function has not been supplied.');
     }
 
@@ -3154,7 +3154,7 @@ function createTippy(reference, passedProps) {
     createPopperInstance();
     /* istanbul ignore else */
 
-    if (process.env.NODE_ENV !== "production") {
+    {
       // Accessibility check
       warnWhen(instance.props.interactive && appendTo === defaultProps.appendTo && node.nextElementSibling !== popper, ['Interactive tippy element may not be accessible via keyboard', 'navigation because it is not directly after the reference element', 'in the DOM source order.', '\n\n', 'Using a wrapper <div> or <span> tag around the reference element', 'solves this by creating a new parentNode context.', '\n\n', 'Specifying `appendTo: document.body` silences this warning, but it', 'assumes you are using a focus management solution to handle', 'keyboard navigation.', '\n\n', 'See: https://atomiks.github.io/tippyjs/v6/accessibility/#interactivity'].join(' '));
     }
@@ -3247,7 +3247,7 @@ function createTippy(reference, passedProps) {
 
   function setProps(partialProps) {
     /* istanbul ignore else */
-    if (process.env.NODE_ENV !== "production") {
+    {
       warnWhen(instance.state.isDestroyed, createMemoryLeakWarning('setProps'));
     }
 
@@ -3309,7 +3309,7 @@ function createTippy(reference, passedProps) {
 
   function show() {
     /* istanbul ignore else */
-    if (process.env.NODE_ENV !== "production") {
+    {
       warnWhen(instance.state.isDestroyed, createMemoryLeakWarning('show'));
     } // Early bail-out
 
@@ -3402,7 +3402,7 @@ function createTippy(reference, passedProps) {
 
   function hide() {
     /* istanbul ignore else */
-    if (process.env.NODE_ENV !== "production") {
+    {
       warnWhen(instance.state.isDestroyed, createMemoryLeakWarning('hide'));
     } // Early bail-out
 
@@ -3460,7 +3460,7 @@ function createTippy(reference, passedProps) {
 
   function hideWithInteractivity(event) {
     /* istanbul ignore else */
-    if (process.env.NODE_ENV !== "production") {
+    {
       warnWhen(instance.state.isDestroyed, createMemoryLeakWarning('hideWithInteractivity'));
     }
 
@@ -3471,7 +3471,7 @@ function createTippy(reference, passedProps) {
 
   function unmount() {
     /* istanbul ignore else */
-    if (process.env.NODE_ENV !== "production") {
+    {
       warnWhen(instance.state.isDestroyed, createMemoryLeakWarning('unmount'));
     }
 
@@ -3504,7 +3504,7 @@ function createTippy(reference, passedProps) {
 
   function destroy() {
     /* istanbul ignore else */
-    if (process.env.NODE_ENV !== "production") {
+    {
       warnWhen(instance.state.isDestroyed, createMemoryLeakWarning('destroy'));
     }
 
@@ -3529,7 +3529,7 @@ function tippy(targets, optionalProps) {
   var plugins = defaultProps.plugins.concat(optionalProps.plugins || []);
   /* istanbul ignore else */
 
-  if (process.env.NODE_ENV !== "production") {
+  {
     validateTargets(targets);
     validateProps(optionalProps, plugins);
   }
@@ -3541,7 +3541,7 @@ function tippy(targets, optionalProps) {
   var elements = getArrayOfElements(targets);
   /* istanbul ignore else */
 
-  if (process.env.NODE_ENV !== "production") {
+  {
     var isSingleContentElement = isElement$1(passedProps.content);
     var isMoreThanOneReferenceElement = elements.length > 1;
     warnWhen(isSingleContentElement && isMoreThanOneReferenceElement, ['tippy() was passed an Element as the `content` prop, but more than', 'one tippy instance was created by this invocation. This means the', 'content element will only be appended to the last tippy instance.', '\n\n', 'Instead, pass the .innerHTML of the element, or use a function that', 'returns a cloned version of the element instead.', '\n\n', '1) content: element.innerHTML\n', '2) content: () => element.cloneNode(true)'].join(' '));
@@ -3601,7 +3601,7 @@ var createSingleton = function createSingleton(tippyInstances, optionalProps) {
   }
 
   /* istanbul ignore else */
-  if (process.env.NODE_ENV !== "production") {
+  {
     errorWhen(!Array.isArray(tippyInstances), ['The first argument passed to createSingleton() must be an array of', 'tippy instances. The passed value was', String(tippyInstances)].join(' '));
   }
 
@@ -3804,7 +3804,7 @@ var animateFill = {
 
     // @ts-ignore
     if (!((_instance$props$rende = instance.props.render) != null && _instance$props$rende.$$tippy)) {
-      if (process.env.NODE_ENV !== "production") {
+      {
         errorWhen(instance.props.animateFill, 'The `animateFill` plugin requires the default render function.');
       }
 
@@ -4329,8 +4329,10 @@ function useTippy(el, opts = {}, settings = { mount: true }) {
         if (!options.plugins || !Array.isArray(options.plugins)) {
             options.plugins = [];
         }
+        options.plugins = options.plugins.filter((plugin) => plugin.name !== 'vueTippyReactiveState');
         options.plugins.push({
-            fn() {
+            name: 'vueTippyReactiveState',
+            fn: () => {
                 return {
                     onCreate() {
                         state.value.isEnabled = true;
@@ -4586,6 +4588,9 @@ const TippyComponent = vue.defineComponent({
         vue.watch(tippy.state, () => {
             emit('state', vue.unref(tippy.state));
         }, { immediate: true, deep: true });
+        vue.watch(props, () => {
+            tippy.setProps(props);
+        });
         return { elem, contentElem, mounted, ...tippy };
     },
     render() {