mcdis-vue-ui-library 1.1.310 → 1.1.314

package/dist/vue-ui-lib.umd.js

@@ -228,6 +228,17 @@ var firefox = userAgent.match(/firefox\/(\d+)/i);
 module.exports = !!firefox && +firefox[1];
 
 
+/***/ }),
+
+/***/ "04e3":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_StackedBarChart_vue_vue_type_style_index_0_id_73226da5_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e20c");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_StackedBarChart_vue_vue_type_style_index_0_id_73226da5_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_StackedBarChart_vue_vue_type_style_index_0_id_73226da5_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "057f":
@@ -3707,22 +3718,6 @@ module.exports = function (originalArray, length) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "68a3":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("cc29");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("914cbc8e", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "68ee":
@@ -5764,6 +5759,20 @@ try {
 }
 
 
+/***/ }),
+
+/***/ "975b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".chart[data-v-73226da5]{box-sizing:border-box;position:relative;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;width:100%;background-color:var(--back90);border-radius:5px}.chart__values[data-v-73226da5]{height:100%;box-sizing:content-box!important;margin-right:10px}.chart__val[data-v-73226da5]{height:10%;display:flex;align-items:center;justify-content:center;padding:0 10px}.chart__col[data-v-73226da5]{display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative;cursor:pointer}.chart__lines[data-v-73226da5]{width:100%;height:100%;position:absolute;box-sizing:content-box!important}.chart__line[data-v-73226da5]{border-bottom:1px dashed #ccc;height:calc(10% - 1px)}.chart__line[data-v-73226da5]:first-child{border-top:1px dashed #ccc}.chart__line[data-v-73226da5]:last-child{border:none}.chart__seg:hover span[data-v-73226da5]{-webkit-animation-name:fade-73226da5;animation-name:fade-73226da5;display:flex;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);opacity:1!important}.chart__label[data-v-73226da5]{position:absolute;bottom:-40px}.chart__value[data-v-73226da5]{min-width:40px;padding:10px;top:50%;border-radius:5px;transform:translateY(-50%);position:absolute;z-index:999;opacity:0;display:none;border:1px solid var(--back80);background-color:var(--back60)}.chart__no-data[data-v-73226da5],.chart__value[data-v-73226da5]{align-items:center;justify-content:center}.chart__no-data[data-v-73226da5]{color:var(--text80);display:flex;height:100%;width:100%}@-webkit-keyframes fade-73226da5{0%{opacity:0}to{opacity:1}}@keyframes fade-73226da5{0%{opacity:0}to{opacity:1}}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "9949":
@@ -7620,20 +7629,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "cc29":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".chart[data-v-13c5399f]{box-sizing:border-box;width:100%}.chart[data-v-13c5399f],.chart__col[data-v-13c5399f]{display:flex;height:100%}.chart__col[data-v-13c5399f]{flex-direction:column;justify-content:flex-end;margin-right:10px;position:relative}.chart__label[data-v-13c5399f]{position:absolute;bottom:-40px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "cca4":
@@ -8362,17 +8357,6 @@ module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O)
 };
 
 
-/***/ }),
-
-/***/ "e166":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_StackedBarChart_vue_vue_type_style_index_0_id_13c5399f_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("68a3");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_StackedBarChart_vue_vue_type_style_index_0_id_13c5399f_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_StackedBarChart_vue_vue_type_style_index_0_id_13c5399f_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "e177":
@@ -8388,6 +8372,22 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "e20c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("975b");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("b0376d3c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "e260":
@@ -17249,25 +17249,54 @@ var es_map = __webpack_require__("4ec9");
 
 
 
+
+
 var StackedBarChartvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-13c5399f"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-73226da5"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
 var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_1 = {
+  key: 0,
   class: "chart"
 };
 var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_2 = {
+  key: 0,
+  class: "chart__values"
+};
+var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_3 = {
+  key: 1,
+  class: "chart__lines"
+};
+var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_4 = ["onClick"];
+var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_5 = {
   class: "chart__label"
 };
+var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_6 = {
+  key: 1,
+  class: "chart__no-data"
+};
+
+var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_7 = /*#__PURE__*/StackedBarChartvue_type_script_setup_true_lang_js_withScopeId(function () {
+  return /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("h3", null, "No data", -1);
+});
+
+var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_8 = [StackedBarChartvue_type_script_setup_true_lang_js_hoisted_7];
 
 var StackedBarChartvue_type_script_setup_true_lang_js_default_ = {
   name: "StackedBarChart"
 };
 
-function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props) {
+function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props, _ref) {
+  var emits = _ref.emit;
   var props = __props;
+  var maxValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(0);
   var preparedData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
     var columns = new Map();
+    props.data.map(function (el) {
+      if (!el.color) {
+        el.color = "rgb(".concat(Math.random() * 255, ",").concat(Math.random() * 255, ",").concat(Math.random() * 255);
+      }
+    });
 
     var _iterator = _createForOfIteratorHelper(props.data),
         _step;
@@ -17331,6 +17360,8 @@ function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props) {
       _iterator2.f();
     }
 
+    setMaxColValue(maxColumnValue);
+
     var _iterator3 = _createForOfIteratorHelper(columns),
         _step3;
 
@@ -17344,7 +17375,7 @@ function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props) {
         try {
           for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
             var _el2 = _step5.value;
-            _el2.value = _el2.value / maxColumnValue * 100 + "%";
+            _el2.percent = _el2.value / maxColumnValue * 100 + "%";
           }
         } catch (err) {
           _iterator5.e(err);
@@ -17360,24 +17391,68 @@ function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props) {
 
     return columns;
   });
+
+  var setMaxColValue = function setMaxColValue(_value) {
+    maxValue.value = _value;
+  };
+
+  var divisions = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+    var tenPercents = maxValue.value * 10 / 100;
+    var values = [];
+
+    for (var i = 1; i <= 10; i++) {
+      values.push(Math.ceil(tenPercents * i));
+    }
+
+    return values.reverse();
+  });
+
+  var emitColClick = function emitColClick(_idx) {
+    emits("col-click", _idx);
+  };
+
   return function (_ctx, _cache) {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", StackedBarChartvue_type_script_setup_true_lang_js_hoisted_1, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(preparedData), function (grp, idx) {
+    return props.data.length > 0 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", StackedBarChartvue_type_script_setup_true_lang_js_hoisted_1, [props.divisions ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", StackedBarChartvue_type_script_setup_true_lang_js_hoisted_2, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(divisions), function (i) {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+        class: "chart__val",
+        key: i
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(i), 1);
+    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), props.divisions ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", StackedBarChartvue_type_script_setup_true_lang_js_hoisted_3, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(10, function (i) {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+        class: "chart__line",
+        key: i
+      });
+    }), 64))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(preparedData), function (grp, idx) {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+        onClick: function onClick($event) {
+          return emitColClick(idx);
+        },
         class: "chart__col",
         key: idx,
         style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
-          width: __props.colWidth
+          width: __props.colWidth,
+          marginRight: __props.colMargin
         })
       }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(grp[1], function (item, i) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
           key: i,
+          class: "chart__seg",
           style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
             backgroundColor: item === null || item === void 0 ? void 0 : item.color,
-            height: item.value
+            height: item.percent,
+            position: 'relative'
           })
-        }, null, 4);
-      }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", StackedBarChartvue_type_script_setup_true_lang_js_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(props.colNames[idx]), 1)], 4);
-    }), 128))]);
+        }, [props.labels ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", {
+          key: 0,
+          class: "chart__value",
+          style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+            left: props.colWidth
+          })
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label", {
+          item: item.value
+        })], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 4);
+      }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", StackedBarChartvue_type_script_setup_true_lang_js_hoisted_5, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(props.colNames[idx]), 1)], 12, StackedBarChartvue_type_script_setup_true_lang_js_hoisted_4);
+    }), 128))])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", StackedBarChartvue_type_script_setup_true_lang_js_hoisted_6, StackedBarChartvue_type_script_setup_true_lang_js_hoisted_8));
   };
 }
 
@@ -17394,14 +17469,27 @@ function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props) {
     colNames: {
       type: Array,
       required: false
+    },
+    colMargin: {
+      required: false,
+      default: "10px"
+    },
+    labels: {
+      required: false,
+      default: false
+    },
+    divisions: {
+      required: false,
+      default: false
     }
   },
+  emits: ["col-click"],
   setup: StackedBarChartvue_type_script_setup_true_lang_js_setup
 }));
 // CONCATENATED MODULE: ./src/components/StackedBarChart/StackedBarChart.vue?vue&type=script&setup=true&lang=js
  
-// EXTERNAL MODULE: ./src/components/StackedBarChart/StackedBarChart.vue?vue&type=style&index=0&id=13c5399f&scoped=true&lang=scss
-var StackedBarChartvue_type_style_index_0_id_13c5399f_scoped_true_lang_scss = __webpack_require__("e166");
+// EXTERNAL MODULE: ./src/components/StackedBarChart/StackedBarChart.vue?vue&type=style&index=0&id=73226da5&scoped=true&lang=scss
+var StackedBarChartvue_type_style_index_0_id_73226da5_scoped_true_lang_scss = __webpack_require__("04e3");
 
 // CONCATENATED MODULE: ./src/components/StackedBarChart/StackedBarChart.vue
 
@@ -17410,7 +17498,7 @@ var StackedBarChartvue_type_style_index_0_id_13c5399f_scoped_true_lang_scss = __
 
 
 
-const StackedBarChart_exports_ = /*#__PURE__*/exportHelper_default()(StackedBarChartvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-13c5399f"]])
+const StackedBarChart_exports_ = /*#__PURE__*/exportHelper_default()(StackedBarChartvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-73226da5"]])
 
 /* harmony default export */ var StackedBarChart = (StackedBarChart_exports_);
 // CONCATENATED MODULE: ./src/components/StackedBarChart/index.js