@weni/unnnic-system 1.11.0 → 1.11.1

package/dist/unnnic.common.js

@@ -399,6 +399,34 @@ module.exports = function (fn, that, length) {
 
 module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 12.5005C5 11.1198 6.11929 10.0005 7.5 10.0005H32.5C33.8807 10.0005 35 11.1198 35 12.5005V27.5005C35 28.8812 33.8807 30.0005 32.5 30.0005H7.5C6.11929 30.0005 5 28.8812 5 27.5005V12.5005Z\" fill=\"#CCEAFF\"></path><path d=\"M30 24.5936C30 26.3115 28.6076 27.7045 26.8892 27.7045H10V15.4078C10 13.6894 11.3924 12.2964 13.1111 12.2964H29.9999L29.9998 24.5935L30 24.5936Z\" fill=\"white\"></path><path d=\"M24.4941 20.2703C24.9765 20.2808 25.4616 20.249 25.9421 20.2868C26.4287 20.3776 26.546 21.1142 26.1137 21.3555C25.8187 21.5144 25.4683 21.4146 25.1486 21.4427H24.4941V20.2703V20.2703ZM26.221 18.9433C26.3282 19.3216 25.9635 19.6613 25.5992 19.6092H24.4941C24.5019 19.2524 24.4789 18.8652 24.5053 18.5273C24.948 18.5397 25.3948 18.5018 25.8349 18.5471C26.024 18.5946 26.1823 18.7501 26.221 18.9433V18.9433ZM28.8805 13.3333C28.9011 14.0557 28.8835 14.8164 28.8894 15.5535C28.888 18.5503 28.8923 21.547 28.8871 24.544C28.8677 25.6671 27.8723 26.6431 26.7569 26.6655C25.6405 26.67 24.5239 26.6662 23.4073 26.6674V22.1369C24.6239 22.1306 25.8411 22.1496 27.0572 22.1274C27.6213 22.0919 28.2392 21.7197 28.2655 21.0989C28.3319 20.4754 27.7441 20.0441 27.186 19.976C26.9714 19.9704 26.9777 19.9135 27.186 19.8886C27.7183 19.7736 28.1363 19.2226 27.9797 18.6709C27.8462 18.0906 27.2048 17.8659 26.6713 17.8671C25.5835 17.8597 24.4954 17.866 23.4076 17.8639C23.4146 17.0181 23.3929 16.1714 23.4192 15.3262C23.5054 14.2233 24.5258 13.3138 25.6255 13.3336C26.7107 13.3334 27.7956 13.3334 28.8805 13.3334V13.3333Z\" fill=\"url(#paint0_linear)\"></path><path d=\"M11.1141 15.4404C11.1419 14.319 12.1415 13.3511 13.2555 13.3347C14.3678 13.3313 15.4802 13.3342 16.5926 13.3332C16.5895 17.085 16.5986 20.8373 16.588 24.5889C16.5451 25.6966 15.5564 26.646 14.4546 26.6657C13.3402 26.6697 12.2257 26.6662 11.1112 26.6673V21.984C12.1937 22.2398 13.3289 22.3486 14.4332 22.179C15.0934 22.0728 15.8156 21.7486 16.0391 21.0638C16.2036 20.478 16.111 19.8614 16.1355 19.2602V17.8638H14.2243C14.2157 18.7873 14.2419 19.7124 14.2104 20.6348C14.1589 21.2018 13.5975 21.562 13.0628 21.5427C12.3996 21.5498 11.0855 21.0622 11.0855 21.0622C11.0822 19.3319 11.1048 17.165 11.1141 15.4405V15.4404Z\" fill=\"url(#paint1_linear)\"></path><path d=\"M17.3051 18.427C17.2045 18.4484 17.2848 18.0843 17.2591 17.9463C17.266 17.0732 17.2448 16.1991 17.2708 15.3267C17.3568 14.2191 18.385 13.3074 19.4891 13.3333H22.7407C22.7377 17.0851 22.7467 20.8373 22.7361 24.5889C22.6932 25.6966 21.7045 26.6461 20.6026 26.6657C19.4882 26.6699 18.3736 26.6664 17.2591 26.6674V21.5362C18.0203 22.1608 19.0548 22.258 20.0031 22.2597C20.718 22.2594 21.4287 22.1492 22.123 21.9843V21.0443C21.3406 21.4342 20.4208 21.6819 19.5535 21.4579C18.9485 21.3073 18.5093 20.7226 18.5191 20.0982C18.449 19.4489 18.8296 18.7634 19.4677 18.5704C20.2599 18.3224 21.1233 18.5121 21.8659 18.8345C22.025 18.9178 22.1865 19.0211 22.1229 18.7552V18.0163C20.8809 17.7208 19.5592 17.6121 18.3115 17.9335C17.9503 18.0354 17.5984 18.1899 17.3051 18.4271V18.427Z\" fill=\"url(#paint2_linear)\"></path><defs><linearGradient id=\"paint0_linear\" x1=\"23.3699\" y1=\"19.7153\" x2=\"28.8548\" y2=\"19.7153\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#007B40\"></stop><stop offset=\"1\" stop-color=\"#55B330\"></stop></linearGradient><linearGradient id=\"paint1_linear\" x1=\"10.9946\" y1=\"20.128\" x2=\"16.5027\" y2=\"20.128\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1D2970\"></stop><stop offset=\"1\" stop-color=\"#006DBA\"></stop></linearGradient><linearGradient id=\"paint2_linear\" x1=\"17.251\" y1=\"19.8444\" x2=\"22.7397\" y2=\"19.8444\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#6E2B2F\"></stop><stop offset=\"1\" stop-color=\"#E30138\"></stop></linearGradient></defs></svg>"
 
+/***/ }),
+
+/***/ "0481":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var flattenIntoArray = __webpack_require__("a2bf");
+var toObject = __webpack_require__("7b0b");
+var toLength = __webpack_require__("50c4");
+var toInteger = __webpack_require__("a691");
+var arraySpeciesCreate = __webpack_require__("65f0");
+
+// `Array.prototype.flat` method
+// https://github.com/tc39/proposal-flatMap
+$({ target: 'Array', proto: true }, {
+  flat: function flat(/* depthArg = 1 */) {
+    var depthArg = arguments.length ? arguments[0] : undefined;
+    var O = toObject(this);
+    var sourceLen = toLength(O.length);
+    var A = arraySpeciesCreate(O, 0);
+    A.length = flattenIntoArray(A, O, O, sourceLen, 0, depthArg === undefined ? 1 : toInteger(depthArg));
+    return A;
+  }
+});
+
+
 /***/ }),
 
 /***/ "04b6":
@@ -910,6 +938,23 @@ module.exports = {"unnnicColorBackgroundSolo":"#E8F4F4"};
 })));
 
 
+/***/ }),
+
+/***/ "07ac":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var $values = __webpack_require__("6f53").values;
+
+// `Object.values` method
+// https://tc39.github.io/ecma262/#sec-object.values
+$({ target: 'Object', stat: true }, {
+  values: function values(O) {
+    return $values(O);
+  }
+});
+
+
 /***/ }),
 
 /***/ "08a0":
@@ -7490,6 +7535,18 @@ module.exports = {};
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "4069":
+/***/ (function(module, exports, __webpack_require__) {
+
+// this method was added to unscopables after implementation
+// in popular engines, so it's moved to a separate module
+var addToUnscopables = __webpack_require__("44d2");
+
+addToUnscopables('flat');
+
+
 /***/ }),
 
 /***/ "408a":
@@ -7531,6 +7588,13 @@ $({ target: 'Array', proto: true, forced: [].forEach != forEach }, {
 });
 
 
+/***/ }),
+
+/***/ "41a3":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "41b2":
@@ -18966,6 +19030,46 @@ $({ target: 'String', proto: true, forced: WORKS_WITH_NON_GLOBAL_REGEX }, {
 IS_PURE || MATCH_ALL in RegExpPrototype || createNonEnumerableProperty(RegExpPrototype, MATCH_ALL, $matchAll);
 
 
+/***/ }),
+
+/***/ "a2bf":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var isArray = __webpack_require__("e8b5");
+var toLength = __webpack_require__("50c4");
+var bind = __webpack_require__("0366");
+
+// `FlattenIntoArray` abstract operation
+// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
+var flattenIntoArray = function (target, original, source, sourceLen, start, depth, mapper, thisArg) {
+  var targetIndex = start;
+  var sourceIndex = 0;
+  var mapFn = mapper ? bind(mapper, thisArg, 3) : false;
+  var element;
+
+  while (sourceIndex < sourceLen) {
+    if (sourceIndex in source) {
+      element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
+
+      if (depth > 0 && isArray(element)) {
+        targetIndex = flattenIntoArray(target, original, element, toLength(element.length), targetIndex, depth - 1) - 1;
+      } else {
+        if (targetIndex >= 0x1FFFFFFFFFFFFF) throw TypeError('Exceed the acceptable array length');
+        target[targetIndex] = element;
+      }
+
+      targetIndex++;
+    }
+    sourceIndex++;
+  }
+  return targetIndex;
+};
+
+module.exports = flattenIntoArray;
+
+
 /***/ }),
 
 /***/ "a356":
@@ -21751,6 +21855,17 @@ module.exports = {
 })));
 
 
+/***/ }),
+
+/***/ "baba":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartLine_vue_vue_type_style_index_0_id_2a92f484_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("41a3");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartLine_vue_vue_type_style_index_0_id_2a92f484_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartLine_vue_vue_type_style_index_0_id_2a92f484_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "bb2f":
@@ -27760,6 +27875,17 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 module.exports = false;
 
 
+/***/ }),
+
+/***/ "c4a0":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartBar_vue_vue_type_style_index_0_id_337fc6dc_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("eb08");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartBar_vue_vue_type_style_index_0_id_337fc6dc_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartBar_vue_vue_type_style_index_0_id_337fc6dc_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c4eb":
@@ -31404,6 +31530,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
+/***/ "eb08":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "ebe4":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -32580,6 +32713,8 @@ __webpack_require__.d(__webpack_exports__, "unnnicChatText", function() { return
 __webpack_require__.d(__webpack_exports__, "unnnicTextArea", function() { return /* reexport */ unnnicTextArea; });
 __webpack_require__.d(__webpack_exports__, "unnnicCardNumber", function() { return /* reexport */ unnnicCardNumber; });
 __webpack_require__.d(__webpack_exports__, "unnnicChartRainbow", function() { return /* reexport */ unnnicChartRainbow; });
+__webpack_require__.d(__webpack_exports__, "unnnicChartBar", function() { return /* reexport */ unnnicChartBar; });
+__webpack_require__.d(__webpack_exports__, "unnnicChartLine", function() { return /* reexport */ unnnicChartLine; });
 __webpack_require__.d(__webpack_exports__, "unnnicTextEditor", function() { return /* reexport */ unnnicTextEditor; });
 __webpack_require__.d(__webpack_exports__, "unnnicMoodRating", function() { return /* reexport */ unnnicMoodRating; });
 __webpack_require__.d(__webpack_exports__, "unnnicStarRating", function() { return /* reexport */ unnnicStarRating; });
@@ -43463,6 +43598,403 @@ var ChartRainbow_component = normalizeComponent(
 )
 
 /* harmony default export */ var ChartRainbow = (ChartRainbow_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ChartBar/ChartBar.vue?vue&type=template&id=337fc6dc&scoped=true&
+var ChartBarvue_type_template_id_337fc6dc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['unnnic-chart-bar', { condensed: _vm.condensed }]},[(_vm.title || _vm.description || _vm.$listeners.update || _vm.$listeners.previous || _vm.$listeners.next)?_c('div',{staticClass:"header"},[(_vm.title || _vm.description)?_c('div',{staticClass:"content"},[(_vm.title)?_c('div',{staticClass:"title unnnic-font bold title-sm color-neutral-darkest",on:{"click":function($event){return _vm.$emit('update')}}},[_vm._v(" "+_vm._s(_vm.title)+" ")]):_vm._e(),(_vm.description)?_c('div',{staticClass:"description unnnic-font secondary body-gt color-neutral-cloudy"},[_vm._v(" "+_vm._s(_vm.description)+" ")]):_vm._e()]):_vm._e(),(_vm.$listeners.update || _vm.$listeners.previous || _vm.$listeners.next)?_c('div',{staticClass:"actions"},[(_vm.$listeners.update)?_c('div',{staticClass:"update-button",on:{"click":function($event){return _vm.$emit('update')}}},[_c('unnnic-icon',{attrs:{"icon":"button-refresh-arrow-1","size":"sm","scheme":"neutral-darkest"}}),(_vm.updateText)?_c('span',{staticClass:"unnnic-font secondary body-md color-neutral-dark"},[_vm._v(" "+_vm._s(_vm.updateText)+" ")]):_vm._e()],1):_vm._e(),(_vm.$listeners.previous || _vm.$listeners.next)?_c('div',{staticClass:"navigation-container"},[(_vm.$listeners.previous)?_c('unnnic-button',{attrs:{"size":"small","type":"terciary","icon-center":"arrow-left-1-1","disabled":_vm.previousDisabled},on:{"click":function($event){return _vm.$emit('previous')}}}):_vm._e(),(_vm.$listeners.next)?_c('unnnic-button',{attrs:{"size":"small","type":"terciary","icon-center":"arrow-right-1-1","disabled":_vm.nextDisabled},on:{"click":function($event){return _vm.$emit('next')}}}):_vm._e()],1):_vm._e()]):_vm._e()]):_vm._e(),_c('div',{staticClass:"main"},[_c('div',{staticClass:"reference"},[_c('div',{staticClass:"values"},_vm._l(([_vm.value(_vm.maxValue), _vm.value(_vm.maxValue / 2), _vm.value(0)]),function(value,index){return _c('div',{key:index,staticClass:"value unnnic-font secondary body-md color-neutral-cleanest"},[_vm._v(" "+_vm._s(value)+" ")])}),0),_c('div',{staticClass:"unnnic-font secondary body-md color-neutral-cleanest"})]),_c('div',{staticClass:"groups"},_vm._l((_vm.groups),function(group,index){return _c('div',{key:index,staticClass:"group"},[_c('div',{staticClass:"bars"},_vm._l((_vm.legends
+              .map(function (legend, index) { return ({ legend: legend, index: index }); })
+              .filter(function (ref) {
+                            var legend = ref.legend;
+
+                            return group.values[legend];
+})),function(ref){
+              var legend = ref.legend;
+              var index = ref.index;
+return _c('unnnic-tool-tip',{key:index,style:({ height: (((group.values[legend] / _vm.maxValue) * 100) + "%") }),attrs:{"enabled":"","text":((group.title) + ": " + (group.values[legend]) + "\n" + legend),"side":"top"}},[_c('div',{class:['bar', ("color-" + index)]})])}),1),_c('div',{staticClass:"title unnnic-font secondary body-md color-neutral-cleanest"},[_vm._v(" "+_vm._s(group.title)+" ")])])}),0)]),(_vm.showFooterLegend)?_c('div',{staticClass:"footer"},_vm._l((_vm.legends),function(legend,index){return _c('div',{key:index,staticClass:"legend"},[_c('unnnic-icon',{attrs:{"icon":"indicator","scheme":_vm.colors[index]}}),_c('div',{staticClass:"unnnic-font secondary body-gt color-neutral-cloudy"},[_vm._v(_vm._s(legend))])],1)}),0):_vm._e()])}
+var ChartBarvue_type_template_id_337fc6dc_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/ChartBar/ChartBar.vue?vue&type=template&id=337fc6dc&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.flat.js
+var es_array_flat = __webpack_require__("0481");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.unscopables.flat.js
+var es_array_unscopables_flat = __webpack_require__("4069");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.values.js
+var es_object_values = __webpack_require__("07ac");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ChartBar/ChartBar.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var ChartBarvue_type_script_lang_js_ = ({
+  components: {
+    UnnnicIcon: Icon,
+    UnnnicButton: Button,
+    UnnnicToolTip: ToolTip
+  },
+  props: {
+    condensed: Boolean,
+    groups: Array,
+    fixedMaxValue: Number,
+    title: String,
+    description: String,
+    updateText: String,
+    previousDisabled: Boolean,
+    nextDisabled: Boolean,
+    showFooterLegend: Boolean
+  },
+  data: function data() {
+    return {
+      colors: ['aux-blue', 'aux-purple', 'aux-orange', 'aux-lemon', 'aux-pink', 'aux-baby-blue', 'aux-baby-yellow', 'aux-baby-red', 'aux-baby-green', 'aux-baby-pink']
+    };
+  },
+  computed: {
+    legends: function legends() {
+      return this.groups.map(function (_ref) {
+        var values = _ref.values;
+        return Object.keys(values);
+      }).flat().filter(function (value, index, self) {
+        return self.indexOf(value) === index;
+      });
+    },
+    maxValue: function maxValue() {
+      return this.fixedMaxValue || Math.max.apply(Math, _toConsumableArray(this.groups.map(function (_ref2) {
+        var values = _ref2.values;
+        return Object.values(values);
+      }).flat()));
+    }
+  },
+  methods: {
+    value: function value(_value) {
+      if (this.maxValue <= 1) {
+        return _value.toFixed(1);
+      }
+
+      return String(Math.ceil(_value));
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/ChartBar/ChartBar.vue?vue&type=script&lang=js&
+ /* harmony default export */ var ChartBar_ChartBarvue_type_script_lang_js_ = (ChartBarvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/ChartBar/ChartBar.vue?vue&type=style&index=0&id=337fc6dc&lang=scss&scoped=true&
+var ChartBarvue_type_style_index_0_id_337fc6dc_lang_scss_scoped_true_ = __webpack_require__("c4a0");
+
+// CONCATENATED MODULE: ./src/components/ChartBar/ChartBar.vue
+
+
+
+
+
+
+/* normalize component */
+
+var ChartBar_component = normalizeComponent(
+  ChartBar_ChartBarvue_type_script_lang_js_,
+  ChartBarvue_type_template_id_337fc6dc_scoped_true_render,
+  ChartBarvue_type_template_id_337fc6dc_scoped_true_staticRenderFns,
+  false,
+  null,
+  "337fc6dc",
+  null
+  
+)
+
+/* harmony default export */ var ChartBar = (ChartBar_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ChartLine/ChartLine.vue?vue&type=template&id=2a92f484&scoped=true&
+var ChartLinevue_type_template_id_2a92f484_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['unnnic-chart-line', { condensed: _vm.condensed }]},[(_vm.title)?_c('div',{staticClass:"header"},[_c('div',{staticClass:"title unnnic-font secondary body-lg color-neutral-dark"},[_vm._v(_vm._s(_vm.title))])]):_vm._e(),_c('div',{staticClass:"main"},[_c('div',{staticClass:"reference"},[_c('div',{staticClass:"values"},_vm._l(([_vm.value(_vm.maxValue), _vm.value(_vm.maxValue / 2), _vm.value(0)]),function(value,index){return _c('div',{key:index,staticClass:"value unnnic-font secondary body-md color-neutral-cleanest"},[_vm._v(" "+_vm._s(value)+" ")])}),0),_c('div',{staticClass:"unnnic-font secondary body-md color-neutral-cleanest"})]),_c('div',{staticClass:"groups"},[_c('div',{ref:"chart",staticClass:"chart",style:({ backgroundImage: _vm.svgChart })},_vm._l((_vm.data),function(ref,index){
+var value = ref.value;
+return _c('div',{key:index,staticClass:"group"},[_c('unnnic-tool-tip',{style:({ height: (((value / _vm.maxValue) * 100) + "%"), width: '100%' }),attrs:{"enabled":"","text":String(value),"side":"top"}},[_c('div',{staticClass:"bar"})])],1)}),0),_c('div',{staticClass:"titles"},_vm._l((_vm.data),function(ref,index){
+var title = ref.title;
+return _c('div',{key:index,staticClass:"title unnnic-font secondary body-md color-neutral-cleanest"},[_vm._v(" "+_vm._s(title)+" ")])}),0)])])])}
+var ChartLinevue_type_template_id_2a92f484_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/ChartLine/ChartLine.vue?vue&type=template&id=2a92f484&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ChartLine/ChartLine.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var ChartLinevue_type_script_lang_js_ = ({
+  components: {
+    UnnnicToolTip: ToolTip
+  },
+  props: {
+    condensed: Boolean,
+    fixedMaxValue: Number,
+    data: Array,
+    title: String
+  },
+  data: function data() {
+    return {
+      chartContainerWidthInterval: null,
+      chartContainerWidth: 0
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    this.chartContainerWidth = this.$refs.chart.offsetWidth;
+    this.chartContainerWidthInterval = setInterval(function () {
+      _this.chartContainerWidth = _this.$refs.chart.offsetWidth;
+    }, 100);
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.chartContainerWidthInterval) {
+      clearInterval(this.chartContainerWidthInterval);
+    }
+  },
+  computed: {
+    maxValue: function maxValue() {
+      return this.fixedMaxValue || Math.max.apply(Math, _toConsumableArray(this.data.map(function (_ref) {
+        var value = _ref.value;
+        return value;
+      }).flat()));
+    },
+    svgChart: function svgChart() {
+      var _this2 = this;
+
+      var bars = this.data.map(function (_ref2) {
+        var value = _ref2.value;
+        return 50 - 122 / 200 - (value / _this2.maxValue * (50 - 122 / 100) + Math.random() * 0.01);
+      });
+      var barWidth = 100 / bars.length;
+      var halfBar = barWidth / 2;
+      var path = '';
+      path += "L ".concat(barWidth / 2, " ").concat(bars[0]);
+      var x = 0;
+
+      for (var i = 1; i < bars.length; i += 1) {
+        if (i === 1) {
+          x = barWidth * 1.5;
+        } else {
+          x += barWidth;
+        }
+
+        path += "C ".concat(x - halfBar, " ").concat(bars[i - 1], " ").concat(x - halfBar, " ").concat(bars[i], " ").concat(x, " ").concat(bars[i]);
+      }
+
+      if (bars.length <= 1) {
+        x += barWidth / 2;
+      }
+
+      path += "L ".concat(x + halfBar, " ").concat(bars[bars.length - 1]);
+      var svg = "\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 100 50\" width=\"100%\" height=\"100%\">\n          <defs>\n            <linearGradient id=\"linear\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#DE16BA\" stop-opacity=\"1\" />\n              <stop offset=\"50%\" stop-color=\"#DE16BA\" stop-opacity=\"0.4\" />\n              <stop offset=\"100%\" stop-color=\"#2856FC\" stop-opacity=\"1.0\" />\n            </linearGradient>\n\n            <linearGradient id=\"linear1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#DE16BA\" stop-opacity=\"0.16\" />\n              <stop offset=\"50%\" stop-color=\"#2856FC\" stop-opacity=\"0.16\" />\n            </linearGradient>\n          </defs>\n\n          <g style=\"transform: scaleX(".concat(this.chartContainerWidth / (122 / 50 * 100), "); transform-origin: center;\">\n            <path fill=\"url(#linear1)\" d=\"M0 50 L0 ").concat(String(bars[0]) + path, " L100 50Z\" />\n            <path fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" vector-effect=\"non-scaling-stroke\" stroke=\"url(#linear)\" d=\"M0 ").concat(String(bars[0]) + path, "\" />\n          </g>\n        </svg>\n      ");
+      return "url(\"data:image/svg+xml,".concat(encodeURIComponent(svg), "\")");
+    }
+  },
+  methods: {
+    value: function value(_value) {
+      if (this.maxValue <= 1) {
+        return _value.toFixed(1);
+      }
+
+      return String(Math.ceil(_value));
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/ChartLine/ChartLine.vue?vue&type=script&lang=js&
+ /* harmony default export */ var ChartLine_ChartLinevue_type_script_lang_js_ = (ChartLinevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/ChartLine/ChartLine.vue?vue&type=style&index=0&id=2a92f484&lang=scss&scoped=true&
+var ChartLinevue_type_style_index_0_id_2a92f484_lang_scss_scoped_true_ = __webpack_require__("baba");
+
+// CONCATENATED MODULE: ./src/components/ChartLine/ChartLine.vue
+
+
+
+
+
+
+/* normalize component */
+
+var ChartLine_component = normalizeComponent(
+  ChartLine_ChartLinevue_type_script_lang_js_,
+  ChartLinevue_type_template_id_2a92f484_scoped_true_render,
+  ChartLinevue_type_template_id_2a92f484_scoped_true_staticRenderFns,
+  false,
+  null,
+  "2a92f484",
+  null
+  
+)
+
+/* harmony default export */ var ChartLine = (ChartLine_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TextEditor/TextEditor.vue?vue&type=template&id=6900edcc&scoped=true&
 var TextEditorvue_type_template_id_6900edcc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['unnnic-text-editor', _vm.loadingValue !== undefined && 'status-loading']},[(_vm.loadingValue !== undefined)?_c('div',{staticClass:"loading"},[_c('div',{staticClass:"indicator",style:({ width: ((_vm.loadingValue * 100) + "%") })})]):_vm._e(),_c('div',{staticClass:"text-editor",on:{"click":function($event){return _vm.$refs.oDoc.focus()}}},[_c('textarea',{ref:"oDoc",staticClass:"inside",domProps:{"value":_vm.value},on:{"input":function($event){return _vm.$emit('input', $event.srcElement.value)},"keydown":function($event){return _vm.$emit('keydown', $event)},"focus":function($event){_vm.isFocused = true},"blur":function($event){_vm.isFocused = false}}}),(_vm.$slots['footer-input'])?_c('div',{staticClass:"footer-input",on:{"click":function($event){$event.stopPropagation();}}},[_vm._t("footer-input")],2):_vm._e()]),_c('div',{staticClass:"actions"},[_c('unnnic-tool-tip',{attrs:{"side":"left","text":_vm.text('action'),"enabled":""}},[_c('unnnic-button-icon',{attrs:{"type":"secondary","size":"small","icon":"flash-1-4"},on:{"click":function($event){return _vm.$emit('action')}}})],1),_c('unnnic-button-icon',{attrs:{"type":"secondary","size":"small","icon":"send-email-3-1"},on:{"click":function($event){return _vm.$emit('send')}}})],1),_c('div',{staticClass:"format"},[_c('unnnic-tool-tip',{attrs:{"side":"top","text":_vm.text('Undo'),"enabled":""}},[_c('unnnic-icon',{attrs:{"icon":"arrow-undo","size":"ant","clickable":"","scheme":"neutral-cloudy"},on:{"click":function($event){return _vm.formatDoc('undo')}}})],1),_c('unnnic-tool-tip',{attrs:{"side":"top","text":_vm.text('Redo'),"enabled":""}},[_c('unnnic-icon',{attrs:{"icon":"arrow-redo","size":"ant","clickable":"","scheme":"neutral-cloudy"},on:{"click":function($event){return _vm.formatDoc('redo')}}})],1),_c('unnnic-tool-tip',{attrs:{"side":"top","text":_vm.text('RecordAudio'),"enabled":""}},[_c('unnnic-icon',{attrs:{"icon":"microphone","size":"ant","clickable":"","scheme":"neutral-cloudy"},on:{"mousedown":function($event){return _vm.$emit('record-audio-down')},"mouseup":function($event){return _vm.$emit('record-audio-up')},"click":function($event){return _vm.$emit('record-audio')}}})],1),_c('unnnic-tool-tip',{attrs:{"side":"top","text":_vm.text('Attach'),"enabled":!_vm.attachmentOptionsOpen}},[_c('unnnic-dropdown',{staticClass:"attachment-options-dropdown",attrs:{"open":_vm.attachmentOptionsOpen,"position":"none"},on:{"update:open":function($event){_vm.attachmentOptionsOpen=$event}}},[_c('unnnic-icon',{attrs:{"slot":"trigger","icon":"attachment","size":"ant","clickable":"","scheme":"neutral-cloudy"},slot:"trigger"}),_c('div',{staticClass:"attachment-options-container"},[_vm._t("attachment-options")],2)],1)],1)],1)])}
 var TextEditorvue_type_template_id_6900edcc_scoped_true_staticRenderFns = []
@@ -45453,6 +45985,8 @@ var ProgressBar_component = normalizeComponent(
 
 
 
+
+
 
 
 
@@ -45511,6 +46045,8 @@ var components = {
   unnnicTextArea: TextArea,
   unnnicCardNumber: CardNumber,
   unnnicChartRainbow: ChartRainbow,
+  unnnicChartBar: ChartBar,
+  unnnicChartLine: ChartLine,
   unnnicTextEditor: TextEditor,
   unnnicMoodRating: MoodRating,
   unnnicStarRating: StarRating,
@@ -45577,6 +46113,8 @@ var unnnicChatText = ChatText;
 var unnnicTextArea = TextArea;
 var unnnicCardNumber = CardNumber;
 var unnnicChartRainbow = ChartRainbow;
+var unnnicChartBar = ChartBar;
+var unnnicChartLine = ChartLine;
 var unnnicTextEditor = TextEditor;
 var unnnicMoodRating = MoodRating;
 var unnnicStarRating = StarRating;