toggle-components-library 1.37.1 → 1.38.0

package/dist/img/edit-icon.9a5af324.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#abb7c5"><path d="M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z"/></svg>

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

@@ -42991,6 +42991,132 @@ var ToggleInputRadioButtons_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleInputRadioButtons = (ToggleInputRadioButtons_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"141a65b5-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/ToggleInputRadioButtonMini.vue?vue&type=template&id=3d259af0&
+var ToggleInputRadioButtonMinivue_type_template_id_3d259af0_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "toggle-input-radio-button-mini-switch-wrapper"
+  }, [_c('label', {
+    class: ['toggle-input-radio-button-mini-switch', {
+      'toggle-input-radio-button-mini-switch-disabled': _vm.disabled
+    }]
+  }, [_c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.value,
+      expression: "value"
+    }],
+    attrs: {
+      "type": "checkbox",
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "value": _vm.value,
+      "checked": Array.isArray(_vm.value) ? _vm._i(_vm.value, _vm.value) > -1 : _vm.value
+    },
+    on: {
+      "change": function ($event) {
+        var $$a = _vm.value,
+          $$el = $event.target,
+          $$c = $$el.checked ? true : false;
+        if (Array.isArray($$a)) {
+          var $$v = _vm.value,
+            $$i = _vm._i($$a, $$v);
+          if ($$el.checked) {
+            $$i < 0 && (_vm.value = $$a.concat([$$v]));
+          } else {
+            $$i > -1 && (_vm.value = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
+          }
+        } else {
+          _vm.value = $$c;
+        }
+      }
+    }
+  }), _c('span', {
+    class: ['toggle-input-radio-button-mini-slider', {
+      'toggle-input-radio-button-mini-slider-disabled': _vm.disabled
+    }],
+    style: _vm.value == false ? 'background-color: ' + _vm.inactiveStyles.backgroundColor : 'background-color: ' + _vm.activeStyles.backgroundColor
+  }, [_c('span', {
+    staticClass: "toggle-input-radio-button-mini-text-on",
+    style: 'color: ' + _vm.activeStyles.color
+  }, [_vm._v("On")]), _c('span', {
+    staticClass: "toggle-input-radio-button-mini-text-off",
+    style: 'color: ' + _vm.inactiveStyles.color
+  }, [_vm._v("Off")])])])]);
+};
+var ToggleInputRadioButtonMinivue_type_template_id_3d259af0_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputRadioButtonMini.vue?vue&type=template&id=3d259af0&
+
+// 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/ToggleInputRadioButtonMini.vue?vue&type=script&lang=js&
+/* harmony default export */ var ToggleInputRadioButtonMinivue_type_script_lang_js_ = ({
+  name: 'ToggleInputRadioButtonMini',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // Allows for the passing of background colour and text colour for active and inactive states
+    styles: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    value: {
+      get() {
+        return this.$attrs.value;
+      },
+      set(value) {
+        this.$emit('input', value);
+      }
+    },
+    activeStyles() {
+      var _this$styles$active, _this$styles$active2;
+      return {
+        backgroundColor: (_this$styles$active = this.styles.active) !== null && _this$styles$active !== void 0 && _this$styles$active.backgroundColor ? this.styles.active.backgroundColor : '#2196F3',
+        color: (_this$styles$active2 = this.styles.active) !== null && _this$styles$active2 !== void 0 && _this$styles$active2.color ? this.styles.active.color : '#ffffff'
+      };
+    },
+    inactiveStyles() {
+      var _this$styles$inactive, _this$styles$inactive2;
+      return {
+        backgroundColor: (_this$styles$inactive = this.styles.inactive) !== null && _this$styles$inactive !== void 0 && _this$styles$inactive.backgroundColor ? this.styles.inactive.backgroundColor : '#ccc',
+        color: (_this$styles$inactive2 = this.styles.inactive) !== null && _this$styles$inactive2 !== void 0 && _this$styles$inactive2.color ? this.styles.inactive.color : '#3A4A62'
+      };
+    }
+  },
+  watch: {
+    value: function (val) {
+      this.$emit('input', val);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputRadioButtonMini.vue?vue&type=script&lang=js&
+ /* harmony default export */ var forms_ToggleInputRadioButtonMinivue_type_script_lang_js_ = (ToggleInputRadioButtonMinivue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputRadioButtonMini.vue
+
+
+
+
+
+/* normalize component */
+
+var ToggleInputRadioButtonMini_component = normalizeComponent(
+  forms_ToggleInputRadioButtonMinivue_type_script_lang_js_,
+  ToggleInputRadioButtonMinivue_type_template_id_3d259af0_render,
+  ToggleInputRadioButtonMinivue_type_template_id_3d259af0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ToggleInputRadioButtonMini = (ToggleInputRadioButtonMini_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"141a65b5-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/ToggleInputTextArea.vue?vue&type=template&id=60540840&
 var ToggleInputTextAreavue_type_template_id_60540840_render = function render() {
   var _vm = this,
@@ -48618,8 +48744,8 @@ var TogglePodiumBadge_component = normalizeComponent(
 )
 
 /* harmony default export */ var TogglePodiumBadge = (TogglePodiumBadge_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"141a65b5-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/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=b829739a&
-var ToggleBreadCrumbvue_type_template_id_b829739a_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"141a65b5-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/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=5368c0f2&
+var ToggleBreadCrumbvue_type_template_id_5368c0f2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.breadcrumb_computed ? _c('div', {
@@ -48627,7 +48753,16 @@ var ToggleBreadCrumbvue_type_template_id_b829739a_render = function render() {
   }, _vm._l(_vm.breadcrumb_computed, function (crumb, index) {
     return _c('div', {
       key: index
-    }, [crumb.link && !_vm.isNuxt ? _c('router-link', {
+    }, [index === _vm.breadcrumb_computed.length - 1 && _vm.editable ? [_c('div', {
+      staticClass: "toggle-breadcrumb-last-element-container"
+    }, [_c('h1', {
+      staticClass: "toggle-breadcrumb-h1 toggle-breadcrumb-last-element"
+    }, [_vm._v(_vm._s(crumb.name))]), _vm.editable ? _c('div', {
+      staticClass: "toggle-breadcrumb-edit-icon",
+      on: {
+        "click": _vm.editClicked
+      }
+    }) : _vm._e()])] : [crumb.link && !_vm.isNuxt ? _c('router-link', {
       staticClass: "back-product",
       attrs: {
         "to": {
@@ -48645,16 +48780,15 @@ var ToggleBreadCrumbvue_type_template_id_b829739a_render = function render() {
       staticClass: "toggle-breadcrumb-arrow-right"
     }) : _vm._e(), !crumb.link ? _c('h1', {
       staticClass: "toggle-breadcrumb-h1"
-    }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()], 1);
+    }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()]], 2);
   }), 0) : _vm._e();
 };
-var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
+var ToggleBreadCrumbvue_type_template_id_5368c0f2_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=b829739a&
+// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=5368c0f2&
 
 // 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/breadcrumb/ToggleBreadCrumb.vue?vue&type=script&lang=js&
 /* harmony default export */ var ToggleBreadCrumbvue_type_script_lang_js_ = ({
-  mixins: [],
   props: {
     isNuxt: {
       type: Boolean,
@@ -48663,15 +48797,21 @@ var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
     breadcrumb: {
       type: Array,
       required: false
+    },
+    editable: {
+      type: Boolean,
+      default: false
     }
   },
-  data: function () {
-    return {};
-  },
   computed: {
     breadcrumb_computed() {
       return this.isNuxt ? this.breadcrumb : this.$route.meta.breadcrumb;
     }
+  },
+  methods: {
+    editClicked() {
+      this.$emit('edit-clicked');
+    }
   }
 });
 // CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=script&lang=js&
@@ -48686,8 +48826,8 @@ var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
 
 var ToggleBreadCrumb_component = normalizeComponent(
   breadcrumb_ToggleBreadCrumbvue_type_script_lang_js_,
-  ToggleBreadCrumbvue_type_template_id_b829739a_render,
-  ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns,
+  ToggleBreadCrumbvue_type_template_id_5368c0f2_render,
+  ToggleBreadCrumbvue_type_template_id_5368c0f2_staticRenderFns,
   false,
   null,
   null,
@@ -51955,6 +52095,7 @@ var main = __webpack_require__("dc44");
 
 
 
+
 
 
 const Components = {
@@ -51973,6 +52114,7 @@ const Components = {
   ToggleInputPercentage: ToggleInputPercentage,
   ToggleInputCurrency: ToggleInputCurrency,
   ToggleInputRadioButtons: ToggleInputRadioButtons,
+  ToggleInputRadioButtonMini: ToggleInputRadioButtonMini,
   ToggleInputTextArea: ToggleInputTextArea,
   ToggleInputCheckboxContainer: ToggleInputCheckboxContainer,
   ToggleInputCheckbox: ToggleInputCheckbox,