toggle-components-library 1.32.0-beta.10 → 1.32.0-beta.11

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

@@ -20360,6 +20360,71 @@ 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":"744c7e93-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=7afbd5d4&
+var ToggleStatusBarvue_type_template_id_7afbd5d4_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_c('div', {
+    class: ['toggle-status-bar-container', _vm.statusColours]
+  }, [_c('label', {
+    staticClass: "toggle-status-bar-label"
+  }, [_vm.showDot ? _c('span', {
+    staticClass: "toggle-status-bar-dot"
+  }, [_vm._v("●")]) : _vm._e(), _vm._v(" " + _vm._s(_vm.statusName) + " ")])])]);
+};
+var ToggleStatusBarvue_type_template_id_7afbd5d4_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/statusbar/ToggleStatusBar.vue?vue&type=template&id=7afbd5d4&
+
+// 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'].indexOf(value) !== -1;
+      }
+    }
+  },
+  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;
+    },
+    // Show the dot if the status is active or processing
+    showDot() {
+      return this.status === 'active' || this.status === 'processing';
+    }
+  }
+});
+// 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_7afbd5d4_render,
+  ToggleStatusBarvue_type_template_id_7afbd5d4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ToggleStatusBar = (ToggleStatusBar_component.exports);
 // EXTERNAL MODULE: ./src/sass/main.scss
 var main = __webpack_require__("dc44");
 
@@ -20426,6 +20491,7 @@ var main = __webpack_require__("dc44");
 
 
 
+
 
 
 const Components = {
@@ -20490,7 +20556,8 @@ const Components = {
   ToggleBoosterButton: ToggleBoosterButton,
   ToggleBoosterBasicButton: ToggleBoosterBasicButton,
   ToggleBoosterModal: ToggleBoosterModal,
-  ToggleContactSearch: ToggleContactSearch
+  ToggleContactSearch: ToggleContactSearch,
+  ToggleStatusBar: ToggleStatusBar
 };
 Object.keys(Components).forEach(name => {
   external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(name, Components[name]);