@everchron/ec-shards 7.5.11 → 7.5.12

package/dist/ec-shards.umd.js

@@ -3641,6 +3641,17 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "454c":
+/***/ (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_donut_chart_vue_vue_type_style_index_0_id_fb394006_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6820");
+/* 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_donut_chart_vue_vue_type_style_index_0_id_fb394006_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_donut_chart_vue_vue_type_style_index_0_id_fb394006_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4599":
@@ -4829,6 +4840,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "6820":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "6826":
@@ -16350,6 +16368,129 @@ var document_state_component = normalizeComponent(
 )
 
 /* harmony default export */ var document_state = (document_state_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9c797e86-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/donut-chart/donut-chart.vue?vue&type=template&id=fb394006&scoped=true&
+var donut_chartvue_type_template_id_fb394006_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "ecs-donut-chart",
+    style: _vm.wrapperPadding
+  }, [_c('svg', {
+    attrs: {
+      "height": _vm.size,
+      "width": _vm.size,
+      "viewBox": _vm.viewBox
+    }
+  }, [_c('g', [_vm.background ? _c('circle', {
+    attrs: {
+      "opacity": "0.2",
+      "cx": _vm.size / 2,
+      "cy": _vm.size / 2,
+      "r": _vm.size / 2,
+      "stroke": _vm.color,
+      "stroke-width": _vm.strokeWidth,
+      "stroke-dasharray": _vm.circumference,
+      "stroke-dashoffset": 0,
+      "fill": "transparent",
+      "transform": 'rotate(-90 ' + _vm.size / 2 + ' ' + _vm.size / 2 + ')'
+    }
+  }) : _vm._e(), _c('circle', {
+    attrs: {
+      "cx": _vm.size / 2,
+      "cy": _vm.size / 2,
+      "r": _vm.size / 2,
+      "stroke": _vm.color,
+      "stroke-width": _vm.strokeWidth,
+      "stroke-dasharray": _vm.circumference,
+      "stroke-dashoffset": _vm.calculateStrokeDashOffset(_vm.value, _vm.circumference),
+      "fill": "transparent",
+      "transform": 'rotate(-90 ' + _vm.size / 2 + ' ' + _vm.size / 2 + ')'
+    }
+  })])])]);
+};
+var donut_chartvue_type_template_id_fb394006_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/donut-chart/donut-chart.vue?vue&type=template&id=fb394006&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/donut-chart/donut-chart.vue?vue&type=script&lang=js&
+/* harmony default export */ var donut_chartvue_type_script_lang_js_ = ({
+  props: {
+    /** The initial value of the chart as a percentage. */
+    value: {
+      type: Number,
+      required: true,
+      validator: value => value >= 0 && value <= 100
+    },
+    /** The color of the chart. */
+    color: {
+      type: String,
+      default: "#6495ED"
+    },
+    /** The width of the chart's stroke. */
+    strokeWidth: {
+      type: Number,
+      default: 30
+    },
+    /** The size of the chart. */
+    size: {
+      type: Number,
+      default: 160
+    },
+    /** If set, there will be a subtle circle rendered in the background, in the same color as the segment. */
+    background: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    circumference() {
+      return 2 * Math.PI * (this.size / 2);
+    },
+    viewBox() {
+      return `0 0 ${this.size} ${this.size}`;
+    },
+    wrapperPadding() {
+      return {
+        padding: `${this.strokeWidth / 2}px`
+      };
+    }
+  },
+  methods: {
+    calculateStrokeDashOffset(dataVal, circumference) {
+      const strokeDiff = this.dataPercentage(dataVal) * circumference;
+      return circumference - strokeDiff;
+    },
+    dataPercentage(dataVal) {
+      return dataVal / 100;
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/donut-chart/donut-chart.vue?vue&type=script&lang=js&
+ /* harmony default export */ var donut_chart_donut_chartvue_type_script_lang_js_ = (donut_chartvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/donut-chart/donut-chart.vue?vue&type=style&index=0&id=fb394006&prod&lang=scss&scoped=true&
+var donut_chartvue_type_style_index_0_id_fb394006_prod_lang_scss_scoped_true_ = __webpack_require__("454c");
+
+// CONCATENATED MODULE: ./src/components/donut-chart/donut-chart.vue
+
+
+
+
+
+
+/* normalize component */
+
+var donut_chart_component = normalizeComponent(
+  donut_chart_donut_chartvue_type_script_lang_js_,
+  donut_chartvue_type_template_id_fb394006_scoped_true_render,
+  donut_chartvue_type_template_id_fb394006_scoped_true_staticRenderFns,
+  false,
+  null,
+  "fb394006",
+  null
+  
+)
+
+/* harmony default export */ var donut_chart = (donut_chart_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9c797e86-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/dropdown/dropdown.vue?vue&type=template&id=256274ee&scoped=true&
 var dropdownvue_type_template_id_256274ee_scoped_true_render = function render() {
   var _vm = this,
@@ -25597,6 +25738,7 @@ var video_component = normalizeComponent(
 
 
 
+
 //import EcsEmojiPicker from "./emoji-picker/emoji-picker.vue"
 
 
@@ -25732,6 +25874,7 @@ const Components = {
   EcsDialogHeader: dialog_header,
   EcsDirectoryEntry: directory_entry,
   EcsDocumentState: document_state,
+  EcsDonutChart: donut_chart,
   EcsDropdown: dropdown,
   EcsDropzone: dropzone,
   EcsEmptyState: empty_state,