@pocketprep/ui-kit 2.2.0 → 2.2.1

package/dist/@pocketprep/ui-kit.umd.js

@@ -6141,7 +6141,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 30777:
+/***/ 87059:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -6154,8 +6154,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ OverflowTooltip)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Tooltips/OverflowTooltip.vue?vue&type=template&id=266dd77e&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"uikit-overflow-tooltip"},[(_vm.textOverflows && _vm.showTooltip)?_c('Tooltip',{staticClass:"uikit-overflow-tooltip__tooltip",attrs:{"theme":"rightalign"}},[_vm._t("default")],2):_vm._e(),_c('div',{ref:"content",staticClass:"uikit-overflow-tooltip__content",on:{"mouseenter":function($event){_vm.showTooltip = true},"mouseleave":function($event){_vm.showTooltip = false}}},[_vm._t("default")],2)],1)}
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Tooltips/OverflowTooltip.vue?vue&type=template&id=2c2c0613&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"uikit-overflow-tooltip"},[(_vm.textOverflows && _vm.showTooltip)?_c('Tooltip',{staticClass:"uikit-overflow-tooltip__tooltip",attrs:{"theme":"rightalign"}},[_vm._t("default")],2):_vm._e(),(_vm.id)?[_c('div',{ref:("content_" + _vm.id),staticClass:"uikit-overflow-tooltip__content",on:{"mouseenter":function($event){_vm.showTooltip = true},"mouseleave":function($event){_vm.showTooltip = false}}},[_vm._t("default")],2),(!_vm.measurementComplete)?_c('div',{ref:("content_fullwidth_" + _vm.id),staticClass:"uikit-overflow-tooltip__content uikit-overflow-tooltip__content--full-width"},[_vm._t("default")],2):_vm._e()]:_vm._e()],2)}
 var staticRenderFns = []
 
 
@@ -15539,7 +15539,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".uikit-overflow-tooltip{position:relative}.uikit-overflow-tooltip__content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-overflow-tooltip__tooltip{position:absolute;left:12px;top:calc(-100% - 14px)}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".uikit-overflow-tooltip{position:relative}.uikit-overflow-tooltip__content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-overflow-tooltip__content--full-width{display:inline}.uikit-overflow-tooltip__tooltip{position:absolute;left:12px;top:calc(-100% - 14px)}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -24695,7 +24695,7 @@ var directives_1 = __webpack_require__(92801);
 
 var utils_1 = __webpack_require__(92326);
 
-var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(30777));
+var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(87059));
 
 var Question = /*#__PURE__*/function (_vue_property_decorat) {
   _inherits(Question, _vue_property_decorat);
@@ -26385,7 +26385,7 @@ var vue_property_decorator_1 = __webpack_require__(70622);
 
 var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(20738));
 
-var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(30777));
+var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(87059));
 
 var directives_1 = __webpack_require__(92801);
 
@@ -26843,21 +26843,28 @@ var OverflowTooltip = /*#__PURE__*/function (_vue_property_decorat) {
     _this = _super.apply(this, arguments);
     _this.showTooltip = false;
     _this.textOverflows = false;
+    _this.measurementComplete = false;
+    _this.id = null;
     return _this;
   }
 
   _createClass(OverflowTooltip, [{
+    key: "created",
+    value: function created() {
+      this.id = this._uid;
+    }
+  }, {
     key: "mounted",
     value: function mounted() {
       var _this2 = this;
 
-      var content = this.$refs['content'];
+      var content = this.$refs["content_".concat(this.id)];
+      var contentFullWidth = this.$refs["content_fullwidth_".concat(this.id)];
       this.$nextTick(function () {
         var truncatedWidth = content.getBoundingClientRect().width;
-        content.style.display = 'inline';
-        var fullWidth = content.getBoundingClientRect().width;
-        content.style.display = 'block';
+        var fullWidth = contentFullWidth.getBoundingClientRect().width;
         _this2.textOverflows = truncatedWidth < fullWidth;
+        _this2.measurementComplete = true;
       });
     }
   }]);
@@ -27363,7 +27370,7 @@ var PhonePerson_vue_1 = tslib_1.__importDefault(__webpack_require__(52132));
 
 var Tooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(93356));
 
-var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(30777));
+var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(87059));
 
 var Modal_vue_1 = tslib_1.__importDefault(__webpack_require__(99665));