@weni/unnnic-system 1.19.0 → 1.24.0

package/dist/unnnic.common.js

@@ -665,6 +665,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
+/***/ "06be":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "06cf":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -34462,14 +34469,6 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 })));
 
 
-/***/ }),
-
-/***/ "976d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"unnnicColorBackgroundSolo":"#E8F4F4"};
-
 /***/ }),
 
 /***/ "9797":
@@ -34602,13 +34601,6 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 __webpack_require__("5352");
 
 
-/***/ }),
-
-/***/ "98ed":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "995c":
@@ -36037,17 +36029,6 @@ module.exports = DESCRIPTORS && fails(function () {
 
 module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"20\" cy=\"20.0005\" r=\"6.66667\" fill=\"#3B414D\" class=\"primary\"></circle></svg>"
 
-/***/ }),
-
-/***/ "b297":
-/***/ (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_ChartMultiLine_vue_vue_type_style_index_0_id_58a1f95f_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("98ed");
-/* 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_ChartMultiLine_vue_vue_type_style_index_0_id_58a1f95f_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_ChartMultiLine_vue_vue_type_style_index_0_id_58a1f95f_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b29d":
@@ -43513,6 +43494,17 @@ module.exports = g;
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "c9d4":
+/***/ (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_Line_vue_vue_type_style_index_0_id_1dfdc21c_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e756");
+/* 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_Line_vue_vue_type_style_index_0_id_1dfdc21c_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_Line_vue_vue_type_style_index_0_id_1dfdc21c_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ca14":
@@ -46585,17 +46577,6 @@ module.exports = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "e45d":
-/***/ (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_Line_vue_vue_type_style_index_0_id_bfa5405a_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("976d");
-/* 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_Line_vue_vue_type_style_index_0_id_bfa5405a_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_Line_vue_vue_type_style_index_0_id_bfa5405a_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "e480":
@@ -46659,6 +46640,14 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
+/***/ "e756":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"unnnicColorBackgroundSolo":"#E8F4F4"};
+
+/***/ }),
+
 /***/ "e777":
 /***/ (function(module, exports) {
 
@@ -46858,6 +46847,17 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "e95d":
+/***/ (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_ChartMultiLine_vue_vue_type_style_index_0_id_8e917e70_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("06be");
+/* 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_ChartMultiLine_vue_vue_type_style_index_0_id_8e917e70_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_ChartMultiLine_vue_vue_type_style_index_0_id_8e917e70_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e96a":
@@ -64284,8 +64284,8 @@ var ChatsNavbar_component = normalizeComponent(
 )
 
 /* harmony default export */ var ChatsNavbar = (ChatsNavbar_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d7996b54-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/ChartMultiLine/ChartMultiLine.vue?vue&type=template&id=58a1f95f&scoped=true&
-var ChartMultiLinevue_type_template_id_58a1f95f_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d7996b54-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/ChartMultiLine/ChartMultiLine.vue?vue&type=template&id=8e917e70&scoped=true&
+var ChartMultiLinevue_type_template_id_8e917e70_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -64302,7 +64302,7 @@ var ChartMultiLinevue_type_template_id_58a1f95f_scoped_true_render = function re
     staticClass: "reference"
   }, [_c('div', {
     staticClass: "values"
-  }, _vm._l([_vm.value(_vm.maxValue), _vm.value((_vm.maxValue - _vm.minValue) / 2 + _vm.minValue), _vm.value(_vm.minValue)], function (value, index) {
+  }, _vm._l([_vm.value(_vm.maxValue), _vm.value((_vm.maxValue - _vm.minValue) / 2 + _vm.minValue), _vm.minValue], function (value, index) {
     return _c('div', {
       key: index + Math.random() * 100,
       staticClass: "value unnnic-font secondary body-md color-neutral-cleanest"
@@ -64313,7 +64313,7 @@ var ChartMultiLinevue_type_template_id_58a1f95f_scoped_true_render = function re
     staticClass: "lines"
   }, [_c('div', {
     staticClass: "groups"
-  }, _vm._l(_vm.data, function ({
+  }, [_vm._l(_vm.data, function ({
     data
   }, index) {
     return _c('div', {
@@ -64326,20 +64326,21 @@ var ChartMultiLinevue_type_template_id_58a1f95f_scoped_true_render = function re
         "color": _vm.colors[index]
       }
     })], 1);
-  }), 0)])]), _c('div', {
+  }), _vm._l(3, function (n) {
+    return _c('div', {
+      key: n + Math.random() * 100,
+      staticClass: "horizontal-line color-neutral-cleanest",
+      style: {
+        top: `${(n - 1) * ((122 + 66) / 3)}px`
+      }
+    });
+  })], 2)])]), _c('div', {
     staticClass: "reference_values"
   }, _vm._l(_vm.lineData, function (value, index) {
     return _c('div', {
       key: index + Math.random() * 100,
       staticClass: "title unnnic-font secondary body-md color-neutral-cleanest"
     }, [_vm._v(" " + _vm._s(value) + " ")]);
-  }), 0), _c('div', {
-    staticClass: "titles"
-  }, _vm._l(_vm.labels, function (title, index) {
-    return _c('div', {
-      key: index + Math.random() * 100,
-      staticClass: "title unnnic-font secondary body-md color-neutral-cleanest"
-    }, [_vm._v(" " + _vm._s(title) + " ")]);
   }), 0), _c('div', {
     staticClass: "labels"
   }, _vm._l(_vm.data, function ({
@@ -64366,12 +64367,12 @@ var ChartMultiLinevue_type_template_id_58a1f95f_scoped_true_render = function re
     })]), _vm._v(" " + _vm._s(title) + " ")]);
   }), 0)]);
 };
-var ChartMultiLinevue_type_template_id_58a1f95f_scoped_true_staticRenderFns = [];
+var ChartMultiLinevue_type_template_id_8e917e70_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ChartMultiLine/ChartMultiLine.vue?vue&type=template&id=58a1f95f&scoped=true&
+// CONCATENATED MODULE: ./src/components/ChartMultiLine/ChartMultiLine.vue?vue&type=template&id=8e917e70&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d7996b54-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/ChartMultiLine/Line/Line.vue?vue&type=template&id=bfa5405a&
-var Linevue_type_template_id_bfa5405a_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d7996b54-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/ChartMultiLine/Line/Line.vue?vue&type=template&id=1dfdc21c&
+var Linevue_type_template_id_1dfdc21c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -64380,48 +64381,30 @@ var Linevue_type_template_id_bfa5405a_render = function render() {
     style: {
       backgroundImage: _vm.svgChart
     }
-  }, [_vm._l(_vm.data, function ({
+  }, _vm._l(_vm.data, function ({
     value
   }, index) {
     return _c('div', {
       key: index + Math.random() * 100,
       staticClass: "group"
-    }, [_c('unnnic-tool-tip', {
-      style: {
-        height: `${value / (_vm.maxValue - _vm.minValue) * 100}%`,
-        width: '100%'
-      },
-      attrs: {
-        "enabled": "",
-        "text": String(value),
-        "side": "top"
-      }
     }, [_c('div', {
-      staticClass: "bar"
-    })])], 1);
-  }), _vm._l(3, function (n) {
-    return _c('div', {
-      key: n + Math.random() * 100,
-      staticClass: "horizontal-line color-neutral-cleanest",
+      staticClass: "tooltip",
       style: {
-        top: `${(n - 1) * (146 / 3) + 32}px`
+        transform: `translateY(-${value / (_vm.maxValue - _vm.minValue) * 122}px)`
       }
-    }, [_c('hr', {
-      staticClass: "line"
-    })]);
-  })], 2);
+    }, [_vm._v(" " + _vm._s(value) + " ")])]);
+  }), 0);
 };
-var Linevue_type_template_id_bfa5405a_staticRenderFns = [];
+var Linevue_type_template_id_1dfdc21c_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ChartMultiLine/Line/Line.vue?vue&type=template&id=bfa5405a&
+// CONCATENATED MODULE: ./src/components/ChartMultiLine/Line/Line.vue?vue&type=template&id=1dfdc21c&
 
 // 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/ChartMultiLine/Line/Line.vue?vue&type=script&lang=js&
 
-
-
+// import UnnnicToolTip from "../ToolTip/ToolTip.vue";
 /* harmony default export */ var Linevue_type_script_lang_js_ = ({
   components: {
-    UnnnicToolTip: ToolTip
+    // UnnnicToolTip,
   },
   props: {
     fixedMaxValue: Number,
@@ -64432,7 +64415,7 @@ var Linevue_type_template_id_bfa5405a_staticRenderFns = [];
   data() {
     return {
       chartContainerWidth: 0,
-      chartContainerHeight: 146,
+      chartContainerHeight: 122,
       minValue: 0
     };
   },
@@ -64440,7 +64423,6 @@ var Linevue_type_template_id_bfa5405a_staticRenderFns = [];
     this.chartContainerWidth = this.$refs.chart.offsetWidth;
     this.chartContainerHeigth = this.$refs.chart.offsetHeight;
     this.minValue = this.maxValue === this.findMax(this.data) ? 0 : this.findMin(this.data);
-    console.log(this.data);
   },
   computed: {
     maxValue() {
@@ -64449,47 +64431,38 @@ var Linevue_type_template_id_bfa5405a_staticRenderFns = [];
       }) => value).flat());
     },
     svgChart() {
-      const points = this.data.map(({
+      const bars = this.data.map(({
         value
-      }, index) => {
-        const dx = this.chartContainerWidth / (this.data.length - 1);
-        const dy = (this.chartContainerHeight - 48) / (this.maxValue - this.fixedMinValue);
-        return [dx * index, this.chartContainerHeight - dy * value - 11];
-      });
-      console.log(points);
-      const lineProperties = (pointA, pointB) => {
-        const lengthX = pointB[0] - pointA[0];
-        const lengthY = pointB[1] - pointA[1];
-        return {
-          length: Math.sqrt(lengthX * lengthX + lengthY * lengthY),
-          angle: Math.atan2(lengthY, lengthX)
-        };
-      };
-      const controlPointCalc = (current, previous, next, reverse) => {
-        const c = current;
-        const p = previous || c;
-        const n = next || c;
-        const smoothing = 0.2;
-        const o = lineProperties(p, n);
-        const rev = reverse ? Math.PI : 0;
-        const x = c[0] + Math.cos(o.angle + rev) * o.length * smoothing;
-        const y = c[1] + Math.sin(o.angle + rev) * o.length * smoothing;
-        return [x, y];
-      };
-      const svgPathRender = points1 => {
-        const d = points1.reduce((acc, e, i, a) => {
-          if (i > 0) {
-            const cs = controlPointCalc(a[i - 1], a[i - 2], e);
-            const ce = controlPointCalc(e, a[i - 1], a[i + 1], true);
-            return `${acc} C ${cs[0]},${cs[1]} ${ce[0]},${ce[1]} ${e[0]},${e[1]}`;
-          }
-          return `${acc} M ${e[0]},${e[1]}`;
-        }, '');
-        return `<path d="${d}" fill="none" stroke="${this.color}" stroke-width="2"/>`;
-      };
+      }) => 50 - 122 / 200 - (value / this.maxValue * (50 - 122 / 100) + Math.random() * 0.01));
+      const barWidth = 100 / bars.length;
+      const halfBar = barWidth / 2;
+      let path = '';
+      path += `L ${barWidth / 2} ${bars[0]}`;
+      let x = 0;
+      for (let i = 1; i < bars.length; i += 1) {
+        if (i === 1) {
+          x = barWidth * 1.5;
+        } else {
+          x += barWidth;
+        }
+        path += `C ${x - halfBar} ${bars[i - 1]} ${x - halfBar} ${bars[i]} ${x} ${bars[i]}`;
+      }
+      if (bars.length <= 1) {
+        x += barWidth / 2;
+      }
+      path += `L ${x + halfBar} ${bars[bars.length - 1]}`;
       const svg = `
-        <svg viewBox="0 0 980 146;"  version="1.1" xmlns="http://www.w3.org/2000/svg" class="svg">
-          ${svgPathRender(points)}
+        <svg xmlns='http://www.w3.org/2000/svg' viewBox="0 0 100 50" width="100%" height="100%">
+          <defs>
+            <linearGradient id="linear" x1="0%" y1="0%" x2="100%" y2="0%">
+              <stop offset="0%" stop-color="${this.color}" stop-opacity="1" />
+            </linearGradient>
+          </defs>
+
+          <g style="transform: scaleX(${this.chartContainerWidth / (122 / 50 * 100)}); transform-origin: center;">
+            <path fill="url(#linear1)" d="M0 50 L0 ${String(bars[0]) + path} L100 100Z" />
+            <path fill="none" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" stroke="url(#linear)" d="M0 ${String(bars[0]) + path}" />
+          </g>
         </svg>
       `;
       return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
@@ -64510,8 +64483,8 @@ var Linevue_type_template_id_bfa5405a_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/ChartMultiLine/Line/Line.vue?vue&type=script&lang=js&
  /* harmony default export */ var Line_Linevue_type_script_lang_js_ = (Linevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/ChartMultiLine/Line/Line.vue?vue&type=style&index=0&id=bfa5405a&prod&lang=scss&
-var Linevue_type_style_index_0_id_bfa5405a_prod_lang_scss_ = __webpack_require__("e45d");
+// EXTERNAL MODULE: ./src/components/ChartMultiLine/Line/Line.vue?vue&type=style&index=0&id=1dfdc21c&prod&lang=scss&
+var Linevue_type_style_index_0_id_1dfdc21c_prod_lang_scss_ = __webpack_require__("c9d4");
 
 // CONCATENATED MODULE: ./src/components/ChartMultiLine/Line/Line.vue
 
@@ -64524,8 +64497,8 @@ var Linevue_type_style_index_0_id_bfa5405a_prod_lang_scss_ = __webpack_require__
 
 var Line_component = normalizeComponent(
   Line_Linevue_type_script_lang_js_,
-  Linevue_type_template_id_bfa5405a_render,
-  Linevue_type_template_id_bfa5405a_staticRenderFns,
+  Linevue_type_template_id_1dfdc21c_render,
+  Linevue_type_template_id_1dfdc21c_staticRenderFns,
   false,
   null,
   null,
@@ -64545,8 +64518,7 @@ var Line_component = normalizeComponent(
     condensed: Boolean,
     fixedMaxValue: Number,
     data: Array,
-    title: String,
-    labels: Array
+    title: String
   },
   data() {
     return {
@@ -64564,6 +64536,9 @@ var Line_component = normalizeComponent(
       return Math.min(...this.data.map(({
         data
       }) => this.findMin(data)).flat());
+    },
+    lineData() {
+      return this.data[0].data.map(item => item.title);
     }
   },
   methods: {
@@ -64574,9 +64549,6 @@ var Line_component = normalizeComponent(
       return String(Math.ceil(value));
     },
     findMax(array) {
-      console.log(Math.max(...array.map(({
-        value
-      }) => value)));
       return Math.max(...array.map(({
         value
       }) => value));
@@ -64591,8 +64563,8 @@ var Line_component = normalizeComponent(
 });
 // CONCATENATED MODULE: ./src/components/ChartMultiLine/ChartMultiLine.vue?vue&type=script&lang=js&
  /* harmony default export */ var ChartMultiLine_ChartMultiLinevue_type_script_lang_js_ = (ChartMultiLinevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/ChartMultiLine/ChartMultiLine.vue?vue&type=style&index=0&id=58a1f95f&prod&lang=scss&scoped=true&
-var ChartMultiLinevue_type_style_index_0_id_58a1f95f_prod_lang_scss_scoped_true_ = __webpack_require__("b297");
+// EXTERNAL MODULE: ./src/components/ChartMultiLine/ChartMultiLine.vue?vue&type=style&index=0&id=8e917e70&prod&lang=scss&scoped=true&
+var ChartMultiLinevue_type_style_index_0_id_8e917e70_prod_lang_scss_scoped_true_ = __webpack_require__("e95d");
 
 // CONCATENATED MODULE: ./src/components/ChartMultiLine/ChartMultiLine.vue
 
@@ -64605,11 +64577,11 @@ var ChartMultiLinevue_type_style_index_0_id_58a1f95f_prod_lang_scss_scoped_true_
 
 var ChartMultiLine_component = normalizeComponent(
   ChartMultiLine_ChartMultiLinevue_type_script_lang_js_,
-  ChartMultiLinevue_type_template_id_58a1f95f_scoped_true_render,
-  ChartMultiLinevue_type_template_id_58a1f95f_scoped_true_staticRenderFns,
+  ChartMultiLinevue_type_template_id_8e917e70_scoped_true_render,
+  ChartMultiLinevue_type_template_id_8e917e70_scoped_true_staticRenderFns,
   false,
   null,
-  "58a1f95f",
+  "8e917e70",
   null
   
 )