toggle-components-library 1.24.13 → 1.25.0

package/dist/toggle-components-library.umd.js

@@ -10472,7 +10472,7 @@ const mixins = {
 const charts = {
   data: function () {
     return {
-      defcolors: ['#FF9494', '#FFCA8A', '#FCFF9D', '#B2FFA2', '#81F4FF', '#85B4FF', '#A898FF']
+      defcolors: ['#85B4FF', '#81F4FF', '#A898FF']
     };
   },
   methods: {
@@ -10484,32 +10484,51 @@ const charts = {
     *
     * @return { {Integer} 1, 0,-1 }
     */
-    calcTrendImpact(values, percentageBase) {
+    calcTrendImpact(values, trend_impact_base) {
       // If all values in the values array are 0 return 0;
       if (values.every(val => val === 0)) {
         return false;
       }
 
-      let sum = 0;
-      values.forEach(val => {
-        sum = sum + val;
-      });
-      let average = sum / values.length; // the acceptable difference before it's trending positive or negatively
-
-      let difference = average / 100 * percentageBase; // lower 'keeping steady value'
+      let regressionCalc = this.calculateLinearRegression(values);
 
-      let lower_base = average - difference; // higher 'keeping steady value'
+      if (regressionCalc >= trend_impact_base) {
+        return 1;
+      } else if (regressionCalc < -trend_impact_base) {
+        return -1;
+      } else {
+        return 0;
+      }
+    },
 
-      let upper_base = average + difference;
-      let last_value = values[values.length - 1];
-      if (last_value >= upper_base) return 1;
-      if (last_value <= lower_base) return -1;
-      return 0;
+    /*
+    * Calculates the linear regression for the trend impact
+    * 
+    * @param {Array} [nums] [the array of values to be calculated]
+    * @return {Integer}
+    */
+    calculateLinearRegression(nums) {
+      let summed_nums = 0;
+      nums.forEach(val => {
+        summed_nums = summed_nums + val;
+      });
+      let multiplied_data = 0;
+      let summed_index = 0;
+      let squared_index = 0;
+      nums.forEach((num, index) => {
+        index += 1;
+        multiplied_data += index * num;
+        summed_index += index;
+        squared_index += index ** 2;
+      });
+      let numerator = nums.length * multiplied_data - summed_nums * summed_index;
+      let denominator = nums.length * squared_index - summed_index ** 2;
+      if (denominator != 0) return numerator / denominator;else return 0;
     },
 
     //return an array of default colors
     getDefaultColors() {
-      return this.$data.defcolors.sort(() => Math.random() - 0.5);
+      return this.$data.defcolors;
     },
 
     //return a specific color
@@ -18713,8 +18732,8 @@ var ToggleMetricSingleMetric_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleMetricSingleMetric = (ToggleMetricSingleMetric_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7b4cc503-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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/metrics/ToggleMetricSparkLine.vue?vue&type=template&id=145f8f94&
-var ToggleMetricSparkLinevue_type_template_id_145f8f94_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7b4cc503-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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/metrics/ToggleMetricSparkLine.vue?vue&type=template&id=3bcb5f44&
+var ToggleMetricSparkLinevue_type_template_id_3bcb5f44_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -18746,9 +18765,9 @@ var ToggleMetricSparkLinevue_type_template_id_145f8f94_render = function render(
   })], 1);
 };
 
-var ToggleMetricSparkLinevue_type_template_id_145f8f94_staticRenderFns = [];
+var ToggleMetricSparkLinevue_type_template_id_3bcb5f44_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricSparkLine.vue?vue&type=template&id=145f8f94&
+// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricSparkLine.vue?vue&type=template&id=3bcb5f44&
 
 // EXTERNAL MODULE: ./node_modules/vue-apexcharts/dist/vue-apexcharts.js
 var vue_apexcharts = __webpack_require__("1321");
@@ -18850,7 +18869,7 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component('apexchart', vu
     /**
     * Percentage base used to calculate the trend impact 
     */
-    trend_impact_percentage: {
+    trend_impact_base: {
       type: Number,
       default: 5
     },
@@ -18935,8 +18954,8 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component('apexchart', vu
     getTrendImpact() {
       if (this.sparkLineVal[0].data.length > 0) {
         // if the value is an object, map to array
-        const trendImpactVals = this.sparkLineVal[0].data[0].y ? this.sparkLineVal[0].data.map(data => data.y) : this.sparkLineVal[0].data;
-        let result = this.calcTrendImpact(trendImpactVals, this.trend_impact_percentage);
+        const trendImpactVals = this.sparkLineVal[0].data[0].y || this.sparkLineVal[0].data[0].y === 0 ? this.sparkLineVal[0].data.map(data => data.y) : this.sparkLineVal[0].data;
+        let result = this.calcTrendImpact(trendImpactVals, this.trend_impact_base);
         if (this.inverse_trend_impact === true && result != false) return result * -1;else return result;
       } else {
         return false;
@@ -18993,8 +19012,8 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component('apexchart', vu
 
 var ToggleMetricSparkLine_component = normalizeComponent(
   metrics_ToggleMetricSparkLinevue_type_script_lang_js_,
-  ToggleMetricSparkLinevue_type_template_id_145f8f94_render,
-  ToggleMetricSparkLinevue_type_template_id_145f8f94_staticRenderFns,
+  ToggleMetricSparkLinevue_type_template_id_3bcb5f44_render,
+  ToggleMetricSparkLinevue_type_template_id_3bcb5f44_staticRenderFns,
   false,
   null,
   null,
@@ -19003,8 +19022,8 @@ var ToggleMetricSparkLine_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleMetricSparkLine = (ToggleMetricSparkLine_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7b4cc503-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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/metrics/ToggleMetricBarChart.vue?vue&type=template&id=26ec2234&
-var ToggleMetricBarChartvue_type_template_id_26ec2234_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7b4cc503-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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/metrics/ToggleMetricBarChart.vue?vue&type=template&id=0137f388&
+var ToggleMetricBarChartvue_type_template_id_0137f388_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -19020,9 +19039,9 @@ var ToggleMetricBarChartvue_type_template_id_26ec2234_render = function render()
   })], 1);
 };
 
-var ToggleMetricBarChartvue_type_template_id_26ec2234_staticRenderFns = [];
+var ToggleMetricBarChartvue_type_template_id_0137f388_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricBarChart.vue?vue&type=template&id=26ec2234&
+// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricBarChart.vue?vue&type=template&id=0137f388&
 
 // 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/metrics/ToggleMetricBarChart.vue?vue&type=script&lang=js&
 
@@ -19086,7 +19105,8 @@ var ToggleMetricBarChartvue_type_template_id_26ec2234_staticRenderFns = [];
         plotOptions: {
           bar: {
             borderRadius: 5,
-            columnWidth: '85%'
+            columnWidth: '85%',
+            distributed: false
           }
         },
         chart: {
@@ -19155,8 +19175,8 @@ var ToggleMetricBarChartvue_type_template_id_26ec2234_staticRenderFns = [];
 
 var ToggleMetricBarChart_component = normalizeComponent(
   metrics_ToggleMetricBarChartvue_type_script_lang_js_,
-  ToggleMetricBarChartvue_type_template_id_26ec2234_render,
-  ToggleMetricBarChartvue_type_template_id_26ec2234_staticRenderFns,
+  ToggleMetricBarChartvue_type_template_id_0137f388_render,
+  ToggleMetricBarChartvue_type_template_id_0137f388_staticRenderFns,
   false,
   null,
   null,
@@ -19165,8 +19185,8 @@ var ToggleMetricBarChart_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleMetricBarChart = (ToggleMetricBarChart_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7b4cc503-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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/metrics/ToggleMetricPieChart.vue?vue&type=template&id=5d3387de&
-var ToggleMetricPieChartvue_type_template_id_5d3387de_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7b4cc503-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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/metrics/ToggleMetricPieChart.vue?vue&type=template&id=5a723d6a&
+var ToggleMetricPieChartvue_type_template_id_5a723d6a_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -19175,15 +19195,16 @@ var ToggleMetricPieChartvue_type_template_id_5d3387de_render = function render()
   }, [_vm._v(_vm._s(_vm.label))]), _c('apexchart', {
     attrs: {
       "type": "pie",
+      "height": _vm.height,
       "options": _vm.chartOptions,
       "series": _vm.values
     }
   })], 1);
 };
 
-var ToggleMetricPieChartvue_type_template_id_5d3387de_staticRenderFns = [];
+var ToggleMetricPieChartvue_type_template_id_5a723d6a_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricPieChart.vue?vue&type=template&id=5d3387de&
+// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricPieChart.vue?vue&type=template&id=5a723d6a&
 
 // 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/metrics/ToggleMetricPieChart.vue?vue&type=script&lang=js&
 
@@ -19205,6 +19226,14 @@ var ToggleMetricPieChartvue_type_template_id_5d3387de_staticRenderFns = [];
       required: true
     },
 
+    /*
+    * Component's height
+    */
+    height: {
+      type: String,
+      default: ""
+    },
+
     /**
     * Component's main label
     */
@@ -19231,9 +19260,10 @@ var ToggleMetricPieChartvue_type_template_id_5d3387de_staticRenderFns = [];
         labels: this.labels,
         plotOptions: {
           pie: {
-            customScale: 1,
+            distributed: false,
+            customScale: 0.7,
             dataLabels: {
-              offset: -50
+              offset: 100
             }
           }
         },
@@ -19248,7 +19278,7 @@ var ToggleMetricPieChartvue_type_template_id_5d3387de_staticRenderFns = [];
           },
           style: {
             colors: [this.getColor('black')],
-            fontSize: '1rem',
+            fontSize: '1.1rem',
             fontWeight: 'bold'
           },
           background: {
@@ -19281,8 +19311,8 @@ var ToggleMetricPieChartvue_type_template_id_5d3387de_staticRenderFns = [];
 
 var ToggleMetricPieChart_component = normalizeComponent(
   metrics_ToggleMetricPieChartvue_type_script_lang_js_,
-  ToggleMetricPieChartvue_type_template_id_5d3387de_render,
-  ToggleMetricPieChartvue_type_template_id_5d3387de_staticRenderFns,
+  ToggleMetricPieChartvue_type_template_id_5a723d6a_render,
+  ToggleMetricPieChartvue_type_template_id_5a723d6a_staticRenderFns,
   false,
   null,
   null,