@weni/unnnic-system 1.24.21 → 1.24.22

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 1.24.22 (2024-06-20)
+
+### Fixed
+
+- The slider component had a bug in the tooltip positioning when initialized with an initialValue. This was fixed in this version by normalizing the tooltip positioning.
+
 ## 1.24.21 (2024-06-18)
 
 ### Fixed

package/dist/unnnic.common.js

@@ -637,17 +637,6 @@ module.exports = !!Object.getOwnPropertySymbols && !fails(function () {
 })));
 
 
-/***/ }),
-
-/***/ "05d5":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_1_id_6f453fbd_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8667");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_1_id_6f453fbd_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_1_id_6f453fbd_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "06b6":
@@ -4317,17 +4306,6 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "28f6":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_0_id_6f453fbd_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c3fc");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_0_id_6f453fbd_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_0_id_6f453fbd_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2921":
@@ -29438,6 +29416,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 })));
 
 
+/***/ }),
+
+/***/ "66a1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "6773":
@@ -29802,6 +29787,17 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 })));
 
 
+/***/ }),
+
+/***/ "68ae":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_0_id_193e1a16_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("66a1");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_0_id_193e1a16_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_0_id_193e1a16_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "68bc":
@@ -32442,14 +32438,6 @@ module.exports = $documentAll.IS_HTMLDDA ? function (it) {
 };
 
 
-/***/ }),
-
-/***/ "8667":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"unnnicColorBackgroundSolo":"#E8F4F4"};
-
 /***/ }),
 
 /***/ "8689":
@@ -45359,13 +45347,6 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
-/***/ "c3fc":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "c430":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -48959,6 +48940,14 @@ handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "dec8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"unnnicColorBackgroundSolo":"#E8F4F4"};
+
 /***/ }),
 
 /***/ "df16":
@@ -49313,6 +49302,17 @@ var substr = 'ab'.substr(-1) === 'b'
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "e09e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_1_id_193e1a16_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("dec8");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_1_id_193e1a16_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Slider_vue_vue_type_style_index_1_id_193e1a16_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e0c5":
@@ -63812,8 +63812,8 @@ var Switch_component = normalizeComponent(
 )
 
 /* harmony default export */ var Switch = (Switch_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5610f1be-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Slider/Slider.vue?vue&type=template&id=6f453fbd&scoped=true&
-var Slidervue_type_template_id_6f453fbd_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5610f1be-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Slider/Slider.vue?vue&type=template&id=193e1a16&scoped=true&
+var Slidervue_type_template_id_193e1a16_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('article', [_c('section', {
@@ -63896,9 +63896,9 @@ var Slidervue_type_template_id_6f453fbd_scoped_true_render = function render() {
     }
   })] : _vm._e()], 2)]);
 };
-var Slidervue_type_template_id_6f453fbd_scoped_true_staticRenderFns = [];
+var Slidervue_type_template_id_193e1a16_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/Slider/Slider.vue?vue&type=template&id=6f453fbd&scoped=true&
+// CONCATENATED MODULE: ./src/components/Slider/Slider.vue?vue&type=template&id=193e1a16&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Slider/Slider.vue?vue&type=script&lang=js&
 
@@ -63963,10 +63963,8 @@ var Slidervue_type_template_id_6f453fbd_scoped_true_staticRenderFns = [];
     window.removeEventListener('resize', this.handleResize);
   },
   mounted() {
-    const fallbackLabelWidth = 32 + this.sliderVal.toString().length * 4.5;
-    this.sliderWidth = this.$refs.input.clientWidth;
-    this.labelWidth = this.$refs.tooltip.$refs.label.clientWidth || fallbackLabelWidth;
-    this.tooltipOffset = this.getNewTooltipPosition();
+    this.checkInputWidth();
+    this.checkTooltipLabelWidth();
   },
   watch: {
     sliderVal: {
@@ -63985,8 +63983,14 @@ var Slidervue_type_template_id_6f453fbd_scoped_true_staticRenderFns = [];
   },
   methods: {
     configureTooltip() {
-      this.sliderWidth = this.$refs.input.clientWidth;
-      this.labelWidth = this.$refs.tooltip.$refs.label.clientWidth;
+      var _this$$refs$tooltip;
+      if (this.$refs.input) {
+        this.sliderWidth = this.$refs.input.clientWidth;
+      }
+      const tooltipLabel = (_this$$refs$tooltip = this.$refs.tooltip) === null || _this$$refs$tooltip === void 0 ? void 0 : _this$$refs$tooltip.$refs.label;
+      if (tooltipLabel) {
+        this.labelWidth = tooltipLabel.clientWidth || 32;
+      }
       this.tooltipOffset = this.getNewTooltipPosition();
     },
     handleResize() {
@@ -64000,9 +64004,44 @@ var Slidervue_type_template_id_6f453fbd_scoped_true_staticRenderFns = [];
       this.sliderVal = event.target.value;
       this.handleValueChange();
     },
+    checkInputWidth() {
+      const intervalId = setInterval(() => {
+        const inputElement = this.$refs.input;
+        if (inputElement) {
+          const {
+            offsetWidth
+          } = inputElement;
+          if (offsetWidth > 0) {
+            this.sliderWidth = offsetWidth;
+            this.configureTooltip();
+            clearInterval(intervalId);
+          }
+        }
+      }, 100);
+    },
+    checkTooltipLabelWidth() {
+      const intervalId = setInterval(() => {
+        var _this$$refs$tooltip2;
+        const tooltipLabel = (_this$$refs$tooltip2 = this.$refs.tooltip) === null || _this$$refs$tooltip2 === void 0 ? void 0 : _this$$refs$tooltip2.$refs.label;
+        if (!tooltipLabel) {
+          return;
+        }
+        const {
+          clientWidth
+        } = tooltipLabel;
+        if (clientWidth > 0) {
+          this.labelWidth = clientWidth;
+          this.configureTooltip();
+          clearInterval(intervalId);
+        }
+      }, 100);
+    },
     getNewTooltipPosition() {
-      const haldThumbWidth = 12 / 2;
-      const halfLabelWidth = (this.labelWidth === 0 ? 32 : this.labelWidth) / 2;
+      if (this.sliderWidth === 0 || this.labelWidth === 0) {
+        return 0;
+      }
+      const halfThumbWidth = 12 / 2;
+      const halfLabelWidth = this.labelWidth / 2 || 16;
       const centerPosition = this.sliderWidth / 2;
       let percentOfRange = (this.sliderVal - this.minValue) / (this.maxValue - this.minValue);
       if (Number.isNaN(percentOfRange)) {
@@ -64011,7 +64050,7 @@ var Slidervue_type_template_id_6f453fbd_scoped_true_staticRenderFns = [];
       const valuePXPosition = percentOfRange * this.sliderWidth;
       const distFromCenter = valuePXPosition - centerPosition;
       const percentDistFromCenter = distFromCenter / centerPosition;
-      const offset = percentDistFromCenter * haldThumbWidth;
+      const offset = percentDistFromCenter * halfThumbWidth;
       const finalLabelPosition = valuePXPosition - halfLabelWidth - offset;
       return finalLabelPosition;
     }
@@ -64029,11 +64068,11 @@ var Slidervue_type_template_id_6f453fbd_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/Slider/Slider.vue?vue&type=script&lang=js&
  /* harmony default export */ var Slider_Slidervue_type_script_lang_js_ = (Slidervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/Slider/Slider.vue?vue&type=style&index=0&id=6f453fbd&prod&lang=scss&scoped=true&
-var Slidervue_type_style_index_0_id_6f453fbd_prod_lang_scss_scoped_true_ = __webpack_require__("28f6");
+// EXTERNAL MODULE: ./src/components/Slider/Slider.vue?vue&type=style&index=0&id=193e1a16&prod&lang=scss&scoped=true&
+var Slidervue_type_style_index_0_id_193e1a16_prod_lang_scss_scoped_true_ = __webpack_require__("68ae");
 
-// EXTERNAL MODULE: ./src/components/Slider/Slider.vue?vue&type=style&index=1&id=6f453fbd&prod&lang=scss&
-var Slidervue_type_style_index_1_id_6f453fbd_prod_lang_scss_ = __webpack_require__("05d5");
+// EXTERNAL MODULE: ./src/components/Slider/Slider.vue?vue&type=style&index=1&id=193e1a16&prod&lang=scss&
+var Slidervue_type_style_index_1_id_193e1a16_prod_lang_scss_ = __webpack_require__("e09e");
 
 // CONCATENATED MODULE: ./src/components/Slider/Slider.vue
 
@@ -64047,11 +64086,11 @@ var Slidervue_type_style_index_1_id_6f453fbd_prod_lang_scss_ = __webpack_require
 
 var Slider_component = normalizeComponent(
   Slider_Slidervue_type_script_lang_js_,
-  Slidervue_type_template_id_6f453fbd_scoped_true_render,
-  Slidervue_type_template_id_6f453fbd_scoped_true_staticRenderFns,
+  Slidervue_type_template_id_193e1a16_scoped_true_render,
+  Slidervue_type_template_id_193e1a16_scoped_true_staticRenderFns,
   false,
   null,
-  "6f453fbd",
+  "193e1a16",
   null
   
 )