toggle-components-library 1.36.1-beta.0 → 1.36.1-beta.11

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

@@ -14790,7 +14790,7 @@ if (typeof window !== 'undefined') {
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/forms/ToggleInputText.vue?vue&type=template&id=fdc9dbf6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/forms/ToggleInputText.vue?vue&type=template&id=05e15d27&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -14926,7 +14926,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=fdc9dbf6&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=05e15d27&
 
 // EXTERNAL MODULE: ./src/sass/includes/_as_variables.scss
 var _as_variables = __webpack_require__("b659");
@@ -15179,9 +15179,10 @@ const charts = {
       default: false
     }
   },
-  created: function () {
-    this.$nextTick(() => this.$refs['input_ele'].focus());
-  },
+  // created : function()
+  // {
+  //     this.$nextTick(() => this.$refs['input_ele'].focus());
+  // },
   computed: {
     inputVal: {
       get: function () {
@@ -16092,8 +16093,8 @@ var ToggleInputWebsite_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleInputWebsite = (ToggleInputWebsite_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/forms/ToggleDatePicker.vue?vue&type=template&id=44ffdc7f&
-var ToggleDatePickervue_type_template_id_44ffdc7f_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/forms/ToggleDatePicker.vue?vue&type=template&id=9f6f04fc&
+var ToggleDatePickervue_type_template_id_9f6f04fc_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -16106,13 +16107,16 @@ var ToggleDatePickervue_type_template_id_44ffdc7f_render = function render() {
   }, [_vm._v(_vm._s(_vm.label))]), _c('div', {
     staticClass: "toggle-date-input-container"
   }, [_c('div', {
-    staticClass: "toggle-date-input-calendar-icon"
+    class: ['toggle-date-input-calendar-icon', {
+      'calendar-icon-disabled': _vm.disabled
+    }]
   }, [_c('input', {
     ref: "date-input",
     staticClass: "toggle-input",
     attrs: {
       "type": "text",
       "name": _vm.name,
+      "disabled": _vm.disabled,
       "id": 'toggle-date-input' + _vm._uid
     },
     domProps: {
@@ -16158,9 +16162,9 @@ var ToggleDatePickervue_type_template_id_44ffdc7f_render = function render() {
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()], 1);
 };
-var ToggleDatePickervue_type_template_id_44ffdc7f_staticRenderFns = [];
+var ToggleDatePickervue_type_template_id_9f6f04fc_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleDatePicker.vue?vue&type=template&id=44ffdc7f&
+// CONCATENATED MODULE: ./src/components/forms/ToggleDatePicker.vue?vue&type=template&id=9f6f04fc&
 
 // EXTERNAL MODULE: ./node_modules/vue-airbnb-style-datepicker/dist/vue-airbnb-style-datepicker.min.css
 var vue_airbnb_style_datepicker_min = __webpack_require__("1fe0");
@@ -17407,6 +17411,10 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(vue_airbnb_style_date
     maxLength: {
       type: Number,
       required: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   created: function () {},
@@ -17461,8 +17469,8 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(vue_airbnb_style_date
 
 var ToggleDatePicker_component = normalizeComponent(
   forms_ToggleDatePickervue_type_script_lang_js_,
-  ToggleDatePickervue_type_template_id_44ffdc7f_render,
-  ToggleDatePickervue_type_template_id_44ffdc7f_staticRenderFns,
+  ToggleDatePickervue_type_template_id_9f6f04fc_render,
+  ToggleDatePickervue_type_template_id_9f6f04fc_staticRenderFns,
   false,
   null,
   null,
@@ -17885,14 +17893,15 @@ var ToggleInputSelect_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleInputSelect = (ToggleInputSelect_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/forms/ToggleInputPercentage.vue?vue&type=template&id=59aec2e2&
-var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/forms/ToggleInputPercentage.vue?vue&type=template&id=42dd7f6e&
+var ToggleInputPercentagevue_type_template_id_42dd7f6e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "toggle-input-container",
     class: {
-      'toggle-input-is-invalid': _vm.isInvalid
+      'toggle-input-is-invalid': _vm.isInvalid,
+      'toggle-input-is-disabled': _vm.disabled
     },
     on: {
       "click": _vm.focusClosestInput
@@ -17914,7 +17923,8 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render(
       "name": _vm.name ? _vm.name : 'ToggleInputPercentage',
       "placeholder": _vm.placeholder ? _vm.placeholder : '',
       "autocomplete": _vm.autocomplete ? 'on' : 'off',
-      "required": _vm.required
+      "required": _vm.required,
+      "disabled": _vm.disabled
     },
     domProps: {
       "value": _vm.inputVal
@@ -17938,9 +17948,9 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render(
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
+var ToggleInputPercentagevue_type_template_id_42dd7f6e_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=59aec2e2&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=42dd7f6e&
 
 // 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/forms/ToggleInputPercentage.vue?vue&type=script&lang=js&
 
@@ -17987,6 +17997,11 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
     allowFloat: {
       type: Boolean,
       default: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   created: function () {},
@@ -18056,8 +18071,8 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
 
 var ToggleInputPercentage_component = normalizeComponent(
   forms_ToggleInputPercentagevue_type_script_lang_js_,
-  ToggleInputPercentagevue_type_template_id_59aec2e2_render,
-  ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns,
+  ToggleInputPercentagevue_type_template_id_42dd7f6e_render,
+  ToggleInputPercentagevue_type_template_id_42dd7f6e_staticRenderFns,
   false,
   null,
   null,
@@ -18066,14 +18081,15 @@ var ToggleInputPercentage_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleInputPercentage = (ToggleInputPercentage_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/forms/ToggleInputCurrency.vue?vue&type=template&id=26af574e&
-var ToggleInputCurrencyvue_type_template_id_26af574e_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/forms/ToggleInputCurrency.vue?vue&type=template&id=0362541e&
+var ToggleInputCurrencyvue_type_template_id_0362541e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "toggle-input-container",
     class: {
-      'toggle-input-is-invalid': _vm.isInvalid
+      'toggle-input-is-invalid': _vm.isInvalid,
+      'toggle-input-is-disabled': _vm.disabled
     },
     on: {
       "click": _vm.focusClosestInput
@@ -18095,7 +18111,8 @@ var ToggleInputCurrencyvue_type_template_id_26af574e_render = function render()
       "name": _vm.name ? _vm.name : 'ToggleInputCurrency',
       "placeholder": _vm.placeholder ? _vm.placeholder : '',
       "autocomplete": _vm.autocomplete ? 'on' : 'off',
-      "required": _vm.required
+      "required": _vm.required,
+      "disabled": _vm.disabled
     },
     domProps: {
       "value": _vm.inputVal
@@ -18119,9 +18136,9 @@ var ToggleInputCurrencyvue_type_template_id_26af574e_render = function render()
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var ToggleInputCurrencyvue_type_template_id_26af574e_staticRenderFns = [];
+var ToggleInputCurrencyvue_type_template_id_0362541e_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=26af574e&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=0362541e&
 
 // 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/forms/ToggleInputCurrency.vue?vue&type=script&lang=js&
 
@@ -18182,6 +18199,11 @@ var ToggleInputCurrencyvue_type_template_id_26af574e_staticRenderFns = [];
     currencyDenomination: {
       type: Number,
       default: 100
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   created: function () {},
@@ -18264,8 +18286,8 @@ var ToggleInputCurrencyvue_type_template_id_26af574e_staticRenderFns = [];
 
 var ToggleInputCurrency_component = normalizeComponent(
   forms_ToggleInputCurrencyvue_type_script_lang_js_,
-  ToggleInputCurrencyvue_type_template_id_26af574e_render,
-  ToggleInputCurrencyvue_type_template_id_26af574e_staticRenderFns,
+  ToggleInputCurrencyvue_type_template_id_0362541e_render,
+  ToggleInputCurrencyvue_type_template_id_0362541e_staticRenderFns,
   false,
   null,
   null,
@@ -21877,26 +21899,24 @@ var ToggleLoginButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleLoginButton = (ToggleLoginButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/buttons/ToggleMetricsButton.vue?vue&type=template&id=4816b71f&
-var ToggleMetricsButtonvue_type_template_id_4816b71f_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/buttons/ToggleMetricsButton.vue?vue&type=template&id=03de1178&
+var ToggleMetricsButtonvue_type_template_id_03de1178_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('button', {
-    class: ['toggle-metrics-button', _vm.buttonStyle, 'toggle-metrics-button-' + _vm.size],
-    style: _vm.styles,
+    class: ['toggle-metrics-button', _vm.buttonStyle],
     on: {
       "click": _vm.click
     }
   }, [_c('div', {
-    class: _vm.icon,
-    style: _vm.styles ? 'background-color:' + _vm.styles.color : ''
+    class: _vm.icon
   }), _vm._t("default", function () {
     return [_vm._v(_vm._s(_vm.buttonText))];
   })], 2);
 };
-var ToggleMetricsButtonvue_type_template_id_4816b71f_staticRenderFns = [];
+var ToggleMetricsButtonvue_type_template_id_03de1178_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/buttons/ToggleMetricsButton.vue?vue&type=template&id=4816b71f&
+// CONCATENATED MODULE: ./src/components/buttons/ToggleMetricsButton.vue?vue&type=template&id=03de1178&
 
 // 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/buttons/ToggleMetricsButton.vue?vue&type=script&lang=js&
 /* harmony default export */ var ToggleMetricsButtonvue_type_script_lang_js_ = ({
@@ -21912,22 +21932,7 @@ var ToggleMetricsButtonvue_type_template_id_4816b71f_staticRenderFns = [];
     },
     icon: {
       type: String,
-      required: false,
-      validator: function (value) {
-        return ["heatmap-icon", "email-icon", "contacts-icon"].indexOf(value) !== -1;
-      }
-    },
-    size: {
-      type: String,
-      default: "medium",
-      required: false,
-      validator: function (value) {
-        return ["small", "medium", "large"].indexOf(value) !== -1;
-      }
-    },
-    styles: {
-      type: Object,
-      required: false
+      required: true
     }
   },
   methods: {
@@ -21953,8 +21958,8 @@ var ToggleMetricsButtonvue_type_template_id_4816b71f_staticRenderFns = [];
 
 var ToggleMetricsButton_component = normalizeComponent(
   buttons_ToggleMetricsButtonvue_type_script_lang_js_,
-  ToggleMetricsButtonvue_type_template_id_4816b71f_render,
-  ToggleMetricsButtonvue_type_template_id_4816b71f_staticRenderFns,
+  ToggleMetricsButtonvue_type_template_id_03de1178_render,
+  ToggleMetricsButtonvue_type_template_id_03de1178_staticRenderFns,
   false,
   null,
   null,
@@ -24409,8 +24414,8 @@ var ToggleInputMultiSelect_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleInputMultiSelect = (ToggleInputMultiSelect_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/metrics/ToggleMetricSingleMetric.vue?vue&type=template&id=41bf4c84&
-var ToggleMetricSingleMetricvue_type_template_id_41bf4c84_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/metrics/ToggleMetricSingleMetric.vue?vue&type=template&id=2f612470&
+var ToggleMetricSingleMetricvue_type_template_id_2f612470_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('h3', {
@@ -24419,13 +24424,11 @@ var ToggleMetricSingleMetricvue_type_template_id_41bf4c84_render = function rend
     staticClass: "single-metric-icon"
   }) : _c('h1', {
     staticClass: "toggle-metric metric-value"
-  }, [_vm._v(_vm._s(_vm.metricValue) + " " + _vm._s(_vm.symbol) + " "), _vm.score ? _c('span', {
-    staticClass: "toggle-metric-score-rating"
-  }, [_vm._v("/" + _vm._s(_vm.value.maxScore))]) : _vm._e()])]);
+  }, [_vm._v(_vm._s(_vm.metricValue))])]);
 };
-var ToggleMetricSingleMetricvue_type_template_id_41bf4c84_staticRenderFns = [];
+var ToggleMetricSingleMetricvue_type_template_id_2f612470_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricSingleMetric.vue?vue&type=template&id=41bf4c84&
+// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricSingleMetric.vue?vue&type=template&id=2f612470&
 
 // 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/ToggleMetricSingleMetric.vue?vue&type=script&lang=js&
 
@@ -24445,14 +24448,14 @@ var ToggleMetricSingleMetricvue_type_template_id_41bf4c84_staticRenderFns = [];
     type: {
       type: String,
       validator: function (value) {
-        return ['text', 'number', 'percentage', 'currency', 'score'].indexOf(value) !== -1;
+        return ['text', 'number', 'percentage', 'currency'].indexOf(value) !== -1;
       }
     },
     /**
     * Component's value
     */
     value: {
-      type: [String, Number, Object],
+      type: [String, Number],
       required: true
     },
     /**
@@ -24508,14 +24511,9 @@ var ToggleMetricSingleMetricvue_type_template_id_41bf4c84_staticRenderFns = [];
           });
         case 'percentage':
           return `${this.value} %`;
-        case 'score':
-          return this.value.score;
         default:
           return this.value.toLocaleString();
       }
-    },
-    score() {
-      return this.type === 'score';
     }
   }
 });
@@ -24531,8 +24529,8 @@ var ToggleMetricSingleMetricvue_type_template_id_41bf4c84_staticRenderFns = [];
 
 var ToggleMetricSingleMetric_component = normalizeComponent(
   metrics_ToggleMetricSingleMetricvue_type_script_lang_js_,
-  ToggleMetricSingleMetricvue_type_template_id_41bf4c84_render,
-  ToggleMetricSingleMetricvue_type_template_id_41bf4c84_staticRenderFns,
+  ToggleMetricSingleMetricvue_type_template_id_2f612470_render,
+  ToggleMetricSingleMetricvue_type_template_id_2f612470_staticRenderFns,
   false,
   null,
   null,
@@ -24541,8 +24539,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":"1c3d476f-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/metrics/ToggleMetricSparkLine.vue?vue&type=template&id=149175c8&
-var ToggleMetricSparkLinevue_type_template_id_149175c8_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/metrics/ToggleMetricSparkLine.vue?vue&type=template&id=3daa6edc&
+var ToggleMetricSparkLinevue_type_template_id_3daa6edc_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('ToggleBadge', {
@@ -24572,9 +24570,9 @@ var ToggleMetricSparkLinevue_type_template_id_149175c8_render = function render(
     }
   })], 1);
 };
-var ToggleMetricSparkLinevue_type_template_id_149175c8_staticRenderFns = [];
+var ToggleMetricSparkLinevue_type_template_id_3daa6edc_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricSparkLine.vue?vue&type=template&id=149175c8&
+// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricSparkLine.vue?vue&type=template&id=3daa6edc&
 
 // EXTERNAL MODULE: ./node_modules/vue-apexcharts/dist/vue-apexcharts.js
 var vue_apexcharts = __webpack_require__("1321");
@@ -24618,7 +24616,7 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component('apexchart', vu
     type: {
       type: String,
       validator: function (value) {
-        return ['text', 'number', 'percentage', 'currency', 'score'].indexOf(value) !== -1;
+        return ['text', 'number', 'percentage', 'currency'].indexOf(value) !== -1;
       }
     },
     /**
@@ -24797,8 +24795,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_149175c8_render,
-  ToggleMetricSparkLinevue_type_template_id_149175c8_staticRenderFns,
+  ToggleMetricSparkLinevue_type_template_id_3daa6edc_render,
+  ToggleMetricSparkLinevue_type_template_id_3daa6edc_staticRenderFns,
   false,
   null,
   null,
@@ -25374,6 +25372,106 @@ var ToggleThreeDotsButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleThreeDotsButton = (ToggleThreeDotsButton_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/statusbar/ToggleStatusBar.vue?vue&type=template&id=2985ed5b&
+var ToggleStatusBarvue_type_template_id_2985ed5b_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    class: ['toggle-status-bar-container', _vm.statusColours, _vm.statusSize]
+  }, [_vm.showDot ? _c('span', {
+    staticClass: "toggle-status-bar-dot blinking toggle-status-bar-label"
+  }, [_vm._v("●")]) : _vm._e(), _c('label', {
+    staticClass: "toggle-status-bar-label"
+  }, [_vm._v(" " + _vm._s(_vm.statusName) + " ")]), _vm.showToolTip && _vm.toolTipText.length ? _c('div', {
+    staticClass: "toggle-status-bar-tooltip-container"
+  }, [_c('div', {
+    staticClass: "toggle-status-bar-tooltip"
+  }, [_vm._v(" ? "), _c('span', {
+    staticClass: "toggle-status-bar-tooltip-text"
+  }, [_vm._v(_vm._s(_vm.toolTipText))])])]) : _vm._e()]);
+};
+var ToggleStatusBarvue_type_template_id_2985ed5b_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/statusbar/ToggleStatusBar.vue?vue&type=template&id=2985ed5b&
+
+// 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/statusbar/ToggleStatusBar.vue?vue&type=script&lang=js&
+/* harmony default export */ var ToggleStatusBarvue_type_script_lang_js_ = ({
+  name: 'StatusBar',
+  props: {
+    status: {
+      type: String,
+      required: true,
+      validator: function (value) {
+        return ['draft', 'processing', 'complete', 'inactive', 'active', 'submitted', 'failed'].indexOf(value) !== -1;
+      }
+    },
+    size: {
+      type: String,
+      required: false,
+      default: 'regular',
+      validator: function (value) {
+        return ['small', 'regular'].indexOf(value) !== -1;
+      }
+    },
+    toolTipOptions: {
+      type: Object,
+      required: false
+    }
+  },
+  computed: {
+    // Capitalise the first letter of the status
+    statusName() {
+      return this.status.charAt(0).toUpperCase() + this.status.slice(1);
+    },
+    // Add the status to the class name
+    statusColours() {
+      return 'toggle-status-bar-' + this.status;
+    },
+    // Add the size to the class name
+    statusSize() {
+      return 'toggle-status-bar-' + this.size;
+    },
+    // Show the dot if the status is active or processing
+    showDot() {
+      return this.status === 'active' || this.status === 'processing' || this.status === 'submitted';
+    },
+    showToolTip() {
+      return this.size == 'regular';
+    },
+    toolTipText() {
+      if (!this.toolTipOptions) {
+        return '';
+      }
+      if (this.toolTipOptions[this.status]) {
+        return this.toolTipOptions[this.status];
+      } else {
+        return '';
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/statusbar/ToggleStatusBar.vue?vue&type=script&lang=js&
+ /* harmony default export */ var statusbar_ToggleStatusBarvue_type_script_lang_js_ = (ToggleStatusBarvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/statusbar/ToggleStatusBar.vue
+
+
+
+
+
+/* normalize component */
+
+var ToggleStatusBar_component = normalizeComponent(
+  statusbar_ToggleStatusBarvue_type_script_lang_js_,
+  ToggleStatusBarvue_type_template_id_2985ed5b_render,
+  ToggleStatusBarvue_type_template_id_2985ed5b_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ToggleStatusBar = (ToggleStatusBar_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/carousel/ToggleCarousel.vue?vue&type=template&id=77ff915c&
 var ToggleCarouselvue_type_template_id_77ff915c_render = function render() {
   var _vm = this,
@@ -25784,86 +25882,6 @@ var ToggleRewardsCard_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleRewardsCard = (ToggleRewardsCard_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c3d476f-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/cards/ToggleCommentCard.vue?vue&type=template&id=7160fdf3&
-var ToggleCommentCardvue_type_template_id_7160fdf3_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "toggle-comment-card"
-  }, [_c('div', {
-    staticClass: "toggle-comment-card-info",
-    style: {
-      backgroundColor: _vm.cardColor
-    }
-  }, [_c('div', {
-    staticClass: "toggle-comment-card-text"
-  }, [_c('p', [_vm._v("\"" + _vm._s(_vm.displayComment) + "\"")])]), _c('div', {
-    staticClass: "toggle-comment-card-name"
-  }, [_vm._t("button_contacts")], 2)])]);
-};
-var ToggleCommentCardvue_type_template_id_7160fdf3_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/cards/ToggleCommentCard.vue?vue&type=template&id=7160fdf3&
-
-// 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/cards/ToggleCommentCard.vue?vue&type=script&lang=js&
-/* harmony default export */ var ToggleCommentCardvue_type_script_lang_js_ = ({
-  data() {
-    return {};
-  },
-  props: {
-    cardIndex: {
-      type: Number,
-      required: true
-    },
-    totalCards: {
-      type: Number,
-      required: true
-    },
-    comment: {
-      type: String,
-      required: true
-    },
-    name: {
-      type: String,
-      required: true
-    }
-  },
-  computed: {
-    cardColor() {
-      // adjust colour palette below to change the Reward Cards colors
-      const colorPalette = ["#2c7da0", "#f3c570", "#8bbcbe", "#a0a789", "#cbae78", "#a284b6", "#d39999", "#9b7361", "#64aaa8", "#799194"];
-
-      // pick random number to return random index of colourPalette
-      const paletteIndex = Math.floor(this.cardIndex / this.totalCards * colorPalette.length);
-      return colorPalette[paletteIndex];
-    },
-    displayComment() {
-      return this.comment.length > 420 ? this.comment.substring(0, 420) + "..." : this.comment;
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/cards/ToggleCommentCard.vue?vue&type=script&lang=js&
- /* harmony default export */ var cards_ToggleCommentCardvue_type_script_lang_js_ = (ToggleCommentCardvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/cards/ToggleCommentCard.vue
-
-
-
-
-
-/* normalize component */
-
-var ToggleCommentCard_component = normalizeComponent(
-  cards_ToggleCommentCardvue_type_script_lang_js_,
-  ToggleCommentCardvue_type_template_id_7160fdf3_render,
-  ToggleCommentCardvue_type_template_id_7160fdf3_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var ToggleCommentCard = (ToggleCommentCard_component.exports);
 // EXTERNAL MODULE: ./src/sass/main.scss
 var main = __webpack_require__("dc44");
 
@@ -26006,11 +26024,11 @@ const Components = {
   ToggleBoosterBasicButton: ToggleBoosterBasicButton,
   ToggleBoosterModal: ToggleBoosterModal,
   ToggleContactSearch: ToggleContactSearch,
+  ToggleStatusBar: ToggleStatusBar,
   ToggleCarousel: ToggleCarousel,
   ToggleCarouselSlide: ToggleCarouselSlide,
   ToggleEmailCard: ToggleEmailCard,
-  ToggleRewardsCard: ToggleRewardsCard,
-  ToggleCommentCard: ToggleCommentCard
+  ToggleRewardsCard: ToggleRewardsCard
 };
 Object.keys(Components).forEach(name => {
   external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(name, Components[name]);