mcdis-vue-ui-library 1.1.311 → 1.1.313

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

@@ -1402,22 +1402,6 @@ module.exports = function (CONSTRUCTOR_NAME) {
 };
 
 
-/***/ }),
-
-/***/ "26d2":
-/***/ (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__("f647");
-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("01359a9c", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "287a":
@@ -1975,17 +1959,6 @@ exports.push([module.i, ".changeWidth[data-v-e543f3d4],.popup-modal__close[data-
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "413a":
-/***/ (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_48c0d68c_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("26d2");
-/* 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_48c0d68c_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_48c0d68c_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "4189":
@@ -2922,6 +2895,20 @@ exports.push([module.i, ".pulse[data-v-48a1a138]{background-color:var(--primary1
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "4fef":
+/***/ (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-46297927]{box-sizing:border-box;position:relative;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;background-color:var(--back90);border-radius:5px}.chart__values[data-v-46297927]{height:100%;box-sizing:content-box!important;margin-right:10px}.chart__val[data-v-46297927]{height:10%;display:flex;align-items:center;justify-content:center;padding:0 10px}.chart__col[data-v-46297927]{display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative;cursor:pointer}.chart__lines[data-v-46297927]{width:100%;height:100%;position:absolute;box-sizing:content-box!important}.chart__line[data-v-46297927]{border-bottom:1px dashed #ccc;height:calc(10% - 1px)}.chart__line[data-v-46297927]:first-child{border-top:1px dashed #ccc}.chart__line[data-v-46297927]:last-child{border:none}.chart__seg:hover span[data-v-46297927]{-webkit-animation-name:fade-46297927;animation-name:fade-46297927;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-46297927]{position:absolute;bottom:-40px}.chart__value[data-v-46297927]{min-width:40px;align-items:center;justify-content:center;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)}@-webkit-keyframes fade-46297927{0%{opacity:0}to{opacity:1}}@keyframes fade-46297927{0%{opacity:0}to{opacity:1}}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "5087":
@@ -3256,6 +3243,17 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "5928":
+/***/ (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_46297927_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7929");
+/* 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_46297927_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_46297927_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "59ed":
@@ -4242,6 +4240,22 @@ exports.push([module.i, ".tooltip__wrapper[data-v-39285a40]{max-width:-webkit-fi
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "7929":
+/***/ (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__("4fef");
+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("7a7d7a30", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "7b0b":
@@ -9151,20 +9165,6 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 };
 
 
-/***/ }),
-
-/***/ "f647":
-/***/ (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-48c0d68c]{box-sizing:border-box;width:100%}.chart[data-v-48c0d68c],.chart__col[data-v-48c0d68c]{display:flex;height:100%}.chart__col[data-v-48c0d68c]{flex-direction:column;justify-content:flex-end;position:relative}.chart__label[data-v-48c0d68c]{position:absolute;bottom:-40px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "f772":
@@ -17249,14 +17249,25 @@ 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-48c0d68c"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-46297927"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
 var StackedBarChartvue_type_script_setup_true_lang_js_hoisted_1 = {
   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"
 };
 
@@ -17264,10 +17275,17 @@ 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 +17349,8 @@ function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props) {
       _iterator2.f();
     }
 
+    setMaxColValue(maxColumnValue);
+
     var _iterator3 = _createForOfIteratorHelper(columns),
         _step3;
 
@@ -17344,7 +17364,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,9 +17380,42 @@ 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 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"])({
@@ -17372,12 +17425,22 @@ function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props) {
       }, [(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'
+          })
+        }, [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
           })
-        }, 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);
+        }, [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))]);
   };
 }
@@ -17399,14 +17462,23 @@ function StackedBarChartvue_type_script_setup_true_lang_js_setup(__props) {
     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=48c0d68c&scoped=true&lang=scss
-var StackedBarChartvue_type_style_index_0_id_48c0d68c_scoped_true_lang_scss = __webpack_require__("413a");
+// EXTERNAL MODULE: ./src/components/StackedBarChart/StackedBarChart.vue?vue&type=style&index=0&id=46297927&scoped=true&lang=scss
+var StackedBarChartvue_type_style_index_0_id_46297927_scoped_true_lang_scss = __webpack_require__("5928");
 
 // CONCATENATED MODULE: ./src/components/StackedBarChart/StackedBarChart.vue
 
@@ -17415,7 +17487,7 @@ var StackedBarChartvue_type_style_index_0_id_48c0d68c_scoped_true_lang_scss = __
 
 
 
-const StackedBarChart_exports_ = /*#__PURE__*/exportHelper_default()(StackedBarChartvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-48c0d68c"]])
+const StackedBarChart_exports_ = /*#__PURE__*/exportHelper_default()(StackedBarChartvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-46297927"]])
 
 /* harmony default export */ var StackedBarChart = (StackedBarChart_exports_);
 // CONCATENATED MODULE: ./src/components/StackedBarChart/index.js