buefy 0.9.26 → 0.9.28

package/dist/components/tooltip/index.js

@@ -0,0 +1,630 @@
+/*! Buefy v0.9.28 | MIT License | github.com/buefy/buefy */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Tooltip = {}));
+})(this, (function (exports) { 'use strict';
+
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
+  }
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+  function _createForOfIteratorHelper(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (!it) {
+      if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it) o = it;
+        var i = 0;
+        var F = function () {};
+        return {
+          s: F,
+          n: function () {
+            if (i >= o.length) return {
+              done: true
+            };
+            return {
+              done: false,
+              value: o[i++]
+            };
+          },
+          e: function (e) {
+            throw e;
+          },
+          f: F
+        };
+      }
+      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    var normalCompletion = true,
+      didErr = false,
+      err;
+    return {
+      s: function () {
+        it = it.call(o);
+      },
+      n: function () {
+        var step = it.next();
+        normalCompletion = step.done;
+        return step;
+      },
+      e: function (e) {
+        didErr = true;
+        err = e;
+      },
+      f: function () {
+        try {
+          if (!normalCompletion && it.return != null) it.return();
+        } finally {
+          if (didErr) throw err;
+        }
+      }
+    };
+  }
+
+  var config = {
+    defaultContainerElement: null,
+    defaultIconPack: 'mdi',
+    defaultIconComponent: null,
+    defaultIconPrev: 'chevron-left',
+    defaultIconNext: 'chevron-right',
+    defaultLocale: undefined,
+    defaultDialogConfirmText: null,
+    defaultDialogCancelText: null,
+    defaultSnackbarDuration: 3500,
+    defaultSnackbarPosition: null,
+    defaultToastDuration: 2000,
+    defaultToastPosition: null,
+    defaultNotificationDuration: 2000,
+    defaultNotificationPosition: null,
+    defaultTooltipType: 'is-primary',
+    defaultTooltipDelay: null,
+    defaultTooltipCloseDelay: null,
+    defaultSidebarDelay: null,
+    defaultInputAutocomplete: 'on',
+    defaultDateFormatter: null,
+    defaultDateParser: null,
+    defaultDateCreator: null,
+    defaultTimeCreator: null,
+    defaultDayNames: null,
+    defaultMonthNames: null,
+    defaultFirstDayOfWeek: null,
+    defaultUnselectableDaysOfWeek: null,
+    defaultTimeFormatter: null,
+    defaultTimeParser: null,
+    defaultModalCanCancel: ['escape', 'x', 'outside', 'button'],
+    defaultModalScroll: null,
+    defaultDatepickerMobileNative: true,
+    defaultTimepickerMobileNative: true,
+    defaultTimepickerMobileModal: true,
+    defaultNoticeQueue: true,
+    defaultInputHasCounter: true,
+    defaultTaginputHasCounter: true,
+    defaultUseHtml5Validation: true,
+    defaultDropdownMobileModal: true,
+    defaultFieldLabelPosition: null,
+    defaultDatepickerYearsRange: [-100, 10],
+    defaultDatepickerNearbyMonthDays: true,
+    defaultDatepickerNearbySelectableMonthDays: false,
+    defaultDatepickerShowWeekNumber: false,
+    defaultDatepickerWeekNumberClickable: false,
+    defaultDatepickerMobileModal: true,
+    defaultTrapFocus: true,
+    defaultAutoFocus: true,
+    defaultButtonRounded: false,
+    defaultSwitchRounded: true,
+    defaultCarouselInterval: 3500,
+    defaultTabsExpanded: false,
+    defaultTabsAnimated: true,
+    defaultTabsType: null,
+    defaultStatusIcon: true,
+    defaultProgrammaticPromise: false,
+    defaultLinkTags: ['a', 'button', 'input', 'router-link', 'nuxt-link', 'n-link', 'RouterLink', 'NuxtLink', 'NLink'],
+    defaultImageWebpFallback: null,
+    defaultImageLazy: true,
+    defaultImageResponsive: true,
+    defaultImageRatio: null,
+    defaultImageSrcsetFormatter: null,
+    defaultBreadcrumbTag: 'a',
+    defaultBreadcrumbAlign: 'is-left',
+    defaultBreadcrumbSeparator: '',
+    defaultBreadcrumbSize: 'is-medium',
+    customIconPacks: null
+  };
+
+  function removeElement(el) {
+    if (typeof el.remove !== 'undefined') {
+      el.remove();
+    } else if (typeof el.parentNode !== 'undefined' && el.parentNode !== null) {
+      el.parentNode.removeChild(el);
+    }
+  }
+  function createAbsoluteElement(el) {
+    var root = document.createElement('div');
+    root.style.position = 'absolute';
+    root.style.left = '0px';
+    root.style.top = '0px';
+    root.style.width = '100%';
+    var wrapper = document.createElement('div');
+    root.appendChild(wrapper);
+    wrapper.appendChild(el);
+    document.body.appendChild(root);
+    return root;
+  }
+
+  var script = {
+    name: 'BTooltip',
+    props: {
+      active: {
+        type: Boolean,
+        default: true
+      },
+      type: {
+        type: String,
+        default: function _default() {
+          return config.defaultTooltipType;
+        }
+      },
+      label: String,
+      delay: {
+        type: Number,
+        default: function _default() {
+          return config.defaultTooltipDelay;
+        }
+      },
+      closeDelay: {
+        type: Number,
+        default: function _default() {
+          return config.defaultTooltipCloseDelay;
+        }
+      },
+      position: {
+        type: String,
+        default: 'is-top',
+        validator: function validator(value) {
+          return ['is-top', 'is-bottom', 'is-left', 'is-right'].indexOf(value) > -1;
+        }
+      },
+      triggers: {
+        type: Array,
+        default: function _default() {
+          return ['hover'];
+        }
+      },
+      always: Boolean,
+      square: Boolean,
+      dashed: Boolean,
+      multilined: Boolean,
+      size: {
+        type: String,
+        default: 'is-medium'
+      },
+      appendToBody: Boolean,
+      animated: {
+        type: Boolean,
+        default: true
+      },
+      animation: {
+        type: String,
+        default: 'fade'
+      },
+      contentClass: String,
+      autoClose: {
+        type: [Array, Boolean],
+        default: true
+      }
+    },
+    data: function data() {
+      return {
+        isActive: false,
+        triggerStyle: {},
+        timer: null,
+        _bodyEl: undefined,
+        // Used to append to body
+        resizeObserver: undefined,
+        resizeListener: undefined,
+        timeOutID: null
+      };
+    },
+    computed: {
+      rootClasses: function rootClasses() {
+        return ['b-tooltip', this.type, this.position, this.size, {
+          'is-square': this.square,
+          'is-always': this.always,
+          'is-multiline': this.multilined,
+          'is-dashed': this.dashed
+        }];
+      },
+      newAnimation: function newAnimation() {
+        return this.animated ? this.animation : undefined;
+      }
+    },
+    watch: {
+      isActive: function isActive() {
+        this.$emit(this.isActive ? 'open' : 'close');
+        if (this.appendToBody) {
+          this.updateAppendToBody();
+        }
+      }
+    },
+    methods: {
+      updateAppendToBody: function updateAppendToBody() {
+        var tooltip = this.$refs.tooltip;
+        var trigger = this.$refs.trigger;
+        if (tooltip && trigger) {
+          // update wrapper tooltip
+          var tooltipEl = this.$data._bodyEl.children[0];
+          tooltipEl.classList.forEach(function (item) {
+            return tooltipEl.classList.remove(item);
+          });
+          if (this.$vnode && this.$vnode.data && this.$vnode.data.staticClass) {
+            tooltipEl.classList.add(this.$vnode.data.staticClass);
+          }
+          this.rootClasses.forEach(function (item) {
+            if (_typeof(item) === 'object') {
+              for (var key in item) {
+                if (item[key]) {
+                  tooltipEl.classList.add(key);
+                }
+              }
+            } else {
+              tooltipEl.classList.add(item);
+            }
+          });
+          var rect = trigger.getBoundingClientRect();
+          var top = rect.top + window.scrollY;
+          var left = rect.left + window.scrollX;
+
+          // `tooltipEl` will be placed relative to `wrapper`
+          // because `wrapper` should create a stacking context
+          // as its z-index is non-auto
+          tooltipEl.style.position = 'absolute';
+          switch (this.position) {
+            case 'is-top':
+              tooltipEl.style.width = "".concat(trigger.clientWidth, "px");
+              tooltipEl.style.height = '0px';
+              tooltipEl.style.top = '0px';
+              tooltipEl.style.left = '0px';
+              break;
+            case 'is-bottom':
+              tooltipEl.style.width = "".concat(trigger.clientWidth, "px");
+              tooltipEl.style.height = '0px';
+              tooltipEl.style.top = "".concat(trigger.clientHeight, "px");
+              tooltipEl.style.left = '0px';
+              break;
+            case 'is-left':
+              tooltipEl.style.width = '0px';
+              tooltipEl.style.height = "".concat(trigger.clientHeight, "px");
+              tooltipEl.style.top = '0px';
+              tooltipEl.style.left = '0px';
+              break;
+            case 'is-right':
+              tooltipEl.style.width = '0px';
+              tooltipEl.style.height = "".concat(trigger.clientHeight, "px");
+              tooltipEl.style.top = '0px';
+              tooltipEl.style.left = "".concat(trigger.clientWidth, "px");
+              break;
+          }
+          var wrapper = this.$data._bodyEl;
+          wrapper.style.position = 'absolute';
+          wrapper.style.top = "".concat(top, "px");
+          wrapper.style.left = "".concat(left, "px");
+          wrapper.style.width = '0px';
+          wrapper.style.zIndex = this.isActive || this.always ? '99' : '-1';
+          this.triggerStyle = {
+            zIndex: this.isActive || this.always ? '100' : undefined
+          };
+        }
+      },
+      onClick: function onClick() {
+        var _this = this;
+        if (this.triggers.indexOf('click') < 0) return;
+        // if not active, toggle after clickOutside event
+        // this fixes toggling programmatic
+        this.$nextTick(function () {
+          _this.timeOutID = setTimeout(function () {
+            return _this.open();
+          });
+        });
+      },
+      onHover: function onHover() {
+        if (this.triggers.indexOf('hover') < 0) return;
+        this.open();
+      },
+      onContextMenu: function onContextMenu(e) {
+        if (this.triggers.indexOf('contextmenu') < 0) return;
+        e.preventDefault();
+        this.open();
+      },
+      onFocus: function onFocus() {
+        if (this.triggers.indexOf('focus') < 0) return;
+        this.open();
+      },
+      open: function open() {
+        var _this2 = this;
+        if (this.delay) {
+          this.timer = setTimeout(function () {
+            _this2.isActive = true;
+            _this2.timer = null;
+          }, this.delay);
+        } else {
+          this.isActive = true;
+        }
+      },
+      close: function close() {
+        var _this3 = this;
+        if (typeof this.autoClose === 'boolean') {
+          if (this.autoClose && this.timer) clearTimeout(this.timer);
+          if (this.closeDelay) {
+            this.timer = setTimeout(function () {
+              _this3.isActive = !_this3.autoClose;
+              _this3.timer = null;
+            }, this.closeDelay);
+          } else {
+            this.isActive = !this.autoClose;
+          }
+        }
+      },
+      /**
+      * Close tooltip if clicked outside.
+      */
+      clickedOutside: function clickedOutside(event) {
+        if (this.isActive) {
+          if (Array.isArray(this.autoClose)) {
+            if (this.autoClose.includes('outside')) {
+              if (!this.isInWhiteList(event.target)) {
+                this.isActive = false;
+                return;
+              }
+            }
+            if (this.autoClose.includes('inside')) {
+              if (this.isInWhiteList(event.target)) this.isActive = false;
+            }
+          }
+        }
+      },
+      /**
+       * Keypress event that is bound to the document
+       */
+      keyPress: function keyPress(_ref) {
+        var key = _ref.key;
+        if (this.isActive && (key === 'Escape' || key === 'Esc')) {
+          if (Array.isArray(this.autoClose)) {
+            if (this.autoClose.indexOf('escape') >= 0) this.isActive = false;
+          }
+        }
+      },
+      /**
+      * White-listed items to not close when clicked.
+      */
+      isInWhiteList: function isInWhiteList(el) {
+        if (el === this.$refs.content) return true;
+        // All chidren from content
+        if (this.$refs.content !== undefined) {
+          var children = this.$refs.content.querySelectorAll('*');
+          var _iterator = _createForOfIteratorHelper(children),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var child = _step.value;
+              if (el === child) {
+                return true;
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        }
+        return false;
+      }
+    },
+    mounted: function mounted() {
+      var _this4 = this;
+      this.controller = new window.AbortController();
+      if (this.appendToBody && typeof window !== 'undefined') {
+        this.$data._bodyEl = createAbsoluteElement(this.$refs.content);
+        this.updateAppendToBody();
+        // updates the tooltip position if the tooltip is inside
+        // `.animation-content`
+        var animation = this.$el.closest('.animation-content');
+        if (animation != null) {
+          var listener = function listener() {
+            _this4.updateAppendToBody();
+            animation.removeEventListener('transitionend', listener);
+          };
+          animation.addEventListener('transitionend', listener, {
+            signal: this.controller.signal
+          });
+        }
+        // observes changes in the window size
+        this.resizeListener = function () {
+          return _this4.updateAppendToBody();
+        };
+        window.addEventListener('resize', this.resizeListener);
+        // observes changes in the size of the immediate parent
+        this.resizeObserver = new ResizeObserver(this.resizeListener);
+        if (this.$el.parentNode != null && this.$el.parentNode.nodeType === Node.ELEMENT_NODE) {
+          this.resizeObserver.observe(this.$el.parentNode);
+        }
+      }
+    },
+    created: function created() {
+      if (typeof window !== 'undefined') {
+        document.addEventListener('click', this.clickedOutside);
+        document.addEventListener('keyup', this.keyPress);
+      }
+    },
+    beforeDestroy: function beforeDestroy() {
+      if (typeof window !== 'undefined') {
+        document.removeEventListener('click', this.clickedOutside);
+        document.removeEventListener('keyup', this.keyPress);
+      }
+      if (this.resizeListener != null) {
+        window.removeEventListener('resize', this.resizeListener);
+      }
+      if (this.resizeObserver != null) {
+        this.resizeObserver.disconnect();
+      }
+      if (this.appendToBody) {
+        removeElement(this.$data._bodyEl);
+      }
+      this.controller.abort();
+      clearTimeout(this.timer);
+      clearTimeout(this.timeOutID);
+    }
+  };
+
+  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+      if (typeof shadowMode !== 'boolean') {
+          createInjectorSSR = createInjector;
+          createInjector = shadowMode;
+          shadowMode = false;
+      }
+      // Vue.extend constructor export interop.
+      const options = typeof script === 'function' ? script.options : script;
+      // render functions
+      if (template && template.render) {
+          options.render = template.render;
+          options.staticRenderFns = template.staticRenderFns;
+          options._compiled = true;
+          // functional template
+          if (isFunctionalTemplate) {
+              options.functional = true;
+          }
+      }
+      // scopedId
+      if (scopeId) {
+          options._scopeId = scopeId;
+      }
+      let hook;
+      if (moduleIdentifier) {
+          // server build
+          hook = function (context) {
+              // 2.3 injection
+              context =
+                  context || // cached call
+                      (this.$vnode && this.$vnode.ssrContext) || // stateful
+                      (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
+              // 2.2 with runInNewContext: true
+              if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+                  context = __VUE_SSR_CONTEXT__;
+              }
+              // inject component styles
+              if (style) {
+                  style.call(this, createInjectorSSR(context));
+              }
+              // register component module identifier for async chunk inference
+              if (context && context._registeredComponents) {
+                  context._registeredComponents.add(moduleIdentifier);
+              }
+          };
+          // used by ssr in case component is cached and beforeCreate
+          // never gets called
+          options._ssrRegister = hook;
+      }
+      else if (style) {
+          hook = shadowMode
+              ? function (context) {
+                  style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+              }
+              : function (context) {
+                  style.call(this, createInjector(context));
+              };
+      }
+      if (hook) {
+          if (options.functional) {
+              // register for functional component in vue file
+              const originalRender = options.render;
+              options.render = function renderWithStyleInjection(h, context) {
+                  hook.call(context);
+                  return originalRender(h, context);
+              };
+          }
+          else {
+              // inject component registration as beforeCreate hook
+              const existing = options.beforeCreate;
+              options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+          }
+      }
+      return script;
+  }
+
+  /* script */
+  const __vue_script__ = script;
+
+  /* template */
+  var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"tooltip",class:_vm.rootClasses},[_c('transition',{attrs:{"name":_vm.newAnimation}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.active && (_vm.isActive || _vm.always)),expression:"active && (isActive || always)"}],ref:"content",class:['tooltip-content', _vm.contentClass]},[(_vm.label)?[_vm._v(_vm._s(_vm.label))]:(_vm.$slots.content)?[_vm._t("content")]:_vm._e()],2)]),_c('div',{ref:"trigger",staticClass:"tooltip-trigger",style:(_vm.triggerStyle),on:{"click":_vm.onClick,"contextmenu":_vm.onContextMenu,"mouseenter":_vm.onHover,"!focus":function($event){return _vm.onFocus($event)},"!blur":function($event){return _vm.close($event)},"mouseleave":_vm.close}},[_vm._t("default")],2)],1)};
+  var __vue_staticRenderFns__ = [];
+
+    /* style */
+    const __vue_inject_styles__ = undefined;
+    /* scoped */
+    const __vue_scope_id__ = undefined;
+    /* module identifier */
+    const __vue_module_identifier__ = undefined;
+    /* functional template */
+    const __vue_is_functional_template__ = false;
+    /* style inject */
+    
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__ = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+      __vue_inject_styles__,
+      __vue_script__,
+      __vue_scope_id__,
+      __vue_is_functional_template__,
+      __vue_module_identifier__,
+      false,
+      undefined,
+      undefined,
+      undefined
+    );
+
+    var Tooltip = __vue_component__;
+
+  var use = function use(plugin) {
+    if (typeof window !== 'undefined' && window.Vue) {
+      window.Vue.use(plugin);
+    }
+  };
+  var registerComponent = function registerComponent(Vue, component) {
+    Vue.component(component.name, component);
+  };
+
+  var Plugin = {
+    install: function install(Vue) {
+      registerComponent(Vue, Tooltip);
+    }
+  };
+  use(Plugin);
+
+  exports.BTooltip = Tooltip;
+  exports["default"] = Plugin;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

package/dist/components/tooltip/index.min.js

@@ -0,0 +1,2 @@
+/*! Buefy v0.9.28 | MIT License | github.com/buefy/buefy */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Tooltip={})}(this,(function(t){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function n(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var o=0,s=function(){};return{s:s,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(t){throw t},f:s}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,l=!0,a=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){a=!0,r=t},f:function(){try{l||null==n.return||n.return()}finally{if(a)throw r}}}}var o="is-primary",s=null,r=null;function l(t,e,i,n,o,s,r,l,a,c){"boolean"!=typeof r&&(a=l,l=r,r=!1);const d="function"==typeof i?i.options:i;let u;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o&&(d.functional=!0)),n&&(d._scopeId=n),s?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,a(t)),t&&t._registeredComponents&&t._registeredComponents.add(s)},d._ssrRegister=u):e&&(u=r?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),u)if(d.functional){const t=d.render;d.render=function(e,i){return u.call(i),t(e,i)}}else{const t=d.beforeCreate;d.beforeCreate=t?[].concat(t,u):[u]}return i}var a,c=l({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"tooltip",class:t.rootClasses},[i("transition",{attrs:{name:t.newAnimation}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.active&&(t.isActive||t.always),expression:"active && (isActive || always)"}],ref:"content",class:["tooltip-content",t.contentClass]},[t.label?[t._v(t._s(t.label))]:t.$slots.content?[t._t("content")]:t._e()],2)]),i("div",{ref:"trigger",staticClass:"tooltip-trigger",style:t.triggerStyle,on:{click:t.onClick,contextmenu:t.onContextMenu,mouseenter:t.onHover,"!focus":function(e){return t.onFocus(e)},"!blur":function(e){return t.close(e)},mouseleave:t.close}},[t._t("default")],2)],1)},staticRenderFns:[]},undefined,{name:"BTooltip",props:{active:{type:Boolean,default:!0},type:{type:String,default:function(){return o}},label:String,delay:{type:Number,default:function(){return s}},closeDelay:{type:Number,default:function(){return r}},position:{type:String,default:"is-top",validator:function(t){return["is-top","is-bottom","is-left","is-right"].indexOf(t)>-1}},triggers:{type:Array,default:function(){return["hover"]}},always:Boolean,square:Boolean,dashed:Boolean,multilined:Boolean,size:{type:String,default:"is-medium"},appendToBody:Boolean,animated:{type:Boolean,default:!0},animation:{type:String,default:"fade"},contentClass:String,autoClose:{type:[Array,Boolean],default:!0}},data:function(){return{isActive:!1,triggerStyle:{},timer:null,_bodyEl:void 0,resizeObserver:void 0,resizeListener:void 0,timeOutID:null}},computed:{rootClasses:function(){return["b-tooltip",this.type,this.position,this.size,{"is-square":this.square,"is-always":this.always,"is-multiline":this.multilined,"is-dashed":this.dashed}]},newAnimation:function(){return this.animated?this.animation:void 0}},watch:{isActive:function(){this.$emit(this.isActive?"open":"close"),this.appendToBody&&this.updateAppendToBody()}},methods:{updateAppendToBody:function(){var t=this.$refs.tooltip,i=this.$refs.trigger;if(t&&i){var n=this.$data._bodyEl.children[0];n.classList.forEach((function(t){return n.classList.remove(t)})),this.$vnode&&this.$vnode.data&&this.$vnode.data.staticClass&&n.classList.add(this.$vnode.data.staticClass),this.rootClasses.forEach((function(t){if("object"===e(t))for(var i in t)t[i]&&n.classList.add(i);else n.classList.add(t)}));var o=i.getBoundingClientRect(),s=o.top+window.scrollY,r=o.left+window.scrollX;switch(n.style.position="absolute",this.position){case"is-top":n.style.width="".concat(i.clientWidth,"px"),n.style.height="0px",n.style.top="0px",n.style.left="0px";break;case"is-bottom":n.style.width="".concat(i.clientWidth,"px"),n.style.height="0px",n.style.top="".concat(i.clientHeight,"px"),n.style.left="0px";break;case"is-left":n.style.width="0px",n.style.height="".concat(i.clientHeight,"px"),n.style.top="0px",n.style.left="0px";break;case"is-right":n.style.width="0px",n.style.height="".concat(i.clientHeight,"px"),n.style.top="0px",n.style.left="".concat(i.clientWidth,"px")}var l=this.$data._bodyEl;l.style.position="absolute",l.style.top="".concat(s,"px"),l.style.left="".concat(r,"px"),l.style.width="0px",l.style.zIndex=this.isActive||this.always?"99":"-1",this.triggerStyle={zIndex:this.isActive||this.always?"100":void 0}}},onClick:function(){var t=this;this.triggers.indexOf("click")<0||this.$nextTick((function(){t.timeOutID=setTimeout((function(){return t.open()}))}))},onHover:function(){this.triggers.indexOf("hover")<0||this.open()},onContextMenu:function(t){this.triggers.indexOf("contextmenu")<0||(t.preventDefault(),this.open())},onFocus:function(){this.triggers.indexOf("focus")<0||this.open()},open:function(){var t=this;this.delay?this.timer=setTimeout((function(){t.isActive=!0,t.timer=null}),this.delay):this.isActive=!0},close:function(){var t=this;"boolean"==typeof this.autoClose&&(this.autoClose&&this.timer&&clearTimeout(this.timer),this.closeDelay?this.timer=setTimeout((function(){t.isActive=!t.autoClose,t.timer=null}),this.closeDelay):this.isActive=!this.autoClose)},clickedOutside:function(t){if(this.isActive&&Array.isArray(this.autoClose)){if(this.autoClose.includes("outside")&&!this.isInWhiteList(t.target))return void(this.isActive=!1);this.autoClose.includes("inside")&&this.isInWhiteList(t.target)&&(this.isActive=!1)}},keyPress:function(t){var e=t.key;!this.isActive||"Escape"!==e&&"Esc"!==e||Array.isArray(this.autoClose)&&this.autoClose.indexOf("escape")>=0&&(this.isActive=!1)},isInWhiteList:function(t){if(t===this.$refs.content)return!0;if(void 0!==this.$refs.content){var e,i=n(this.$refs.content.querySelectorAll("*"));try{for(i.s();!(e=i.n()).done;){if(t===e.value)return!0}}catch(t){i.e(t)}finally{i.f()}}return!1}},mounted:function(){var t=this;if(this.controller=new window.AbortController,this.appendToBody&&"undefined"!=typeof window){this.$data._bodyEl=function(t){var e=document.createElement("div");e.style.position="absolute",e.style.left="0px",e.style.top="0px",e.style.width="100%";var i=document.createElement("div");return e.appendChild(i),i.appendChild(t),document.body.appendChild(e),e}(this.$refs.content),this.updateAppendToBody();var e=this.$el.closest(".animation-content");if(null!=e){e.addEventListener("transitionend",(function i(){t.updateAppendToBody(),e.removeEventListener("transitionend",i)}),{signal:this.controller.signal})}this.resizeListener=function(){return t.updateAppendToBody()},window.addEventListener("resize",this.resizeListener),this.resizeObserver=new ResizeObserver(this.resizeListener),null!=this.$el.parentNode&&this.$el.parentNode.nodeType===Node.ELEMENT_NODE&&this.resizeObserver.observe(this.$el.parentNode)}},created:function(){"undefined"!=typeof window&&(document.addEventListener("click",this.clickedOutside),document.addEventListener("keyup",this.keyPress))},beforeDestroy:function(){var t;"undefined"!=typeof window&&(document.removeEventListener("click",this.clickedOutside),document.removeEventListener("keyup",this.keyPress)),null!=this.resizeListener&&window.removeEventListener("resize",this.resizeListener),null!=this.resizeObserver&&this.resizeObserver.disconnect(),this.appendToBody&&(void 0!==(t=this.$data._bodyEl).remove?t.remove():void 0!==t.parentNode&&null!==t.parentNode&&t.parentNode.removeChild(t)),this.controller.abort(),clearTimeout(this.timer),clearTimeout(this.timeOutID)}},undefined,false,undefined,!1,void 0,void 0,void 0),d={install:function(t){!function(t,e){t.component(e.name,e)}(t,c)}};a=d,"undefined"!=typeof window&&window.Vue&&window.Vue.use(a),t.BTooltip=c,t.default=d,Object.defineProperty(t,"__esModule",{value:!0})}));