@pocketprep/ui-kit 2.2.0 → 2.2.1

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

@@ -6131,7 +6131,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 16583:
+/***/ 60928:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -6144,8 +6144,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 = []
 
 
@@ -15529,7 +15529,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___);
 
@@ -24685,7 +24685,7 @@ var directives_1 = __webpack_require__(19748);
 
 var utils_1 = __webpack_require__(10254);
 
-var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(16583));
+var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(60928));
 
 var Question = /*#__PURE__*/function (_vue_property_decorat) {
   _inherits(Question, _vue_property_decorat);
@@ -26375,7 +26375,7 @@ var vue_property_decorator_1 = __webpack_require__(26489);
 
 var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(1497));
 
-var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(16583));
+var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(60928));
 
 var directives_1 = __webpack_require__(19748);
 
@@ -26833,21 +26833,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;
       });
     }
   }]);
@@ -27353,7 +27360,7 @@ var PhonePerson_vue_1 = tslib_1.__importDefault(__webpack_require__(24441));
 
 var Tooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(14492));
 
-var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(16583));
+var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(60928));
 
 var Modal_vue_1 = tslib_1.__importDefault(__webpack_require__(69342));