toggle-components-library 1.28.6 → 1.28.7-beta.1

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

@@ -16933,6 +16933,171 @@ 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":"53e05152-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/loaders/ToggleProgressLoader.vue?vue&type=template&id=7040baf4&
+var ToggleProgressLoadervue_type_template_id_7040baf4_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "toggle-progress-loader",
+    class: {
+      'toggle-progress-loader-error': _vm.error,
+      'toggle-progress-loader-loading': _vm.loading
+    }
+  }, [_c('div', {
+    staticClass: "toggle-progress-loader-modal"
+  }, [_c('div', {
+    staticClass: "toggle-progress-loader-circle"
+  }, [!_vm.error ? _c('div', {
+    staticClass: "toggle-progress-loader-circle__percent"
+  }, [_vm._v(" " + _vm._s(_vm.percent)), _c('span', [_vm._v("%")])]) : _c('div', {
+    staticClass: "toggle-progress-loader-circle__error"
+  }, [_vm._v("!")]), _c('svg', {
+    staticClass: "toggle-progress-loader-circle__progress",
+    attrs: {
+      "viewBox": "0 0 106 106",
+      "version": "1.1",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+    }
+  }, [_c('g', {
+    attrs: {
+      "stroke": "none",
+      "stroke-width": "1",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }
+  }, [_c('g', {
+    attrs: {
+      "transform": "translate(-17.000000, -17.000000)"
+    }
+  }, [_c('circle', {
+    attrs: {
+      "stroke": _vm.circleColor,
+      "stroke-width": "7",
+      "fill-rule": "nonzero",
+      "cx": "70",
+      "cy": "70",
+      "r": "50"
+    }
+  }), _c('path', {
+    staticClass: "toggle-progress-loader-circle__path",
+    attrs: {
+      "d": "M70,120 C97.6142375,120 120,97.6142375 120,70 C120,42.3857625 97.6142375,20 70,20 C42.3857625,20 20,42.3857625 20,70 C20,97.6142375 42.3857625,120 70,120 Z",
+      "stroke": _vm.progressColor,
+      "stroke-width": "7",
+      "stroke-dasharray": _vm.circle,
+      "fill-rule": "nonzero",
+      "transform": "translate(70.000000, 70.000000) rotate(-125.000000) translate(-70.000000, -70.000000) "
+    }
+  })])])])]), _c('p', {
+    staticClass: "toggle-progress-loader-message",
+    domProps: {
+      "innerHTML": _vm._s(_vm.message)
+    }
+  }), _vm.buttonShow ? _c('button', {
+    staticClass: "toggle-progress-loader-cancel",
+    style: 'color: ' + _vm.buttonColor + '; background-color: ' + _vm.buttonBgColor,
+    attrs: {
+      "disabled": _vm.disabled || _vm.loading
+    },
+    on: {
+      "click": _vm.click
+    }
+  }, [_vm.loading ? _c('div', {
+    staticClass: "toggle-progress-loader-cancel__loading"
+  }) : _vm._e(), _c('span', [_vm._v(_vm._s(_vm.buttonText))])]) : _vm._e()])]);
+};
+var ToggleProgressLoadervue_type_template_id_7040baf4_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/loaders/ToggleProgressLoader.vue?vue&type=template&id=7040baf4&
+
+// 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/loaders/ToggleProgressLoader.vue?vue&type=script&lang=js&
+/* harmony default export */ var ToggleProgressLoadervue_type_script_lang_js_ = ({
+  name: 'ProgressLoader',
+  props: {
+    buttonShow: {
+      type: Boolean,
+      default: false
+    },
+    buttonText: {
+      type: String,
+      default: "Cancel"
+    },
+    buttonColor: {
+      type: String,
+      default: "#ffffff"
+    },
+    buttonBgColor: {
+      type: String,
+      default: "#ee757b"
+    },
+    message: {
+      type: String,
+      default: "Preparing download<br />Please Wait..."
+    },
+    circleColor: {
+      type: String,
+      default: "#949494"
+    },
+    progressColor: {
+      type: String,
+      default: "#ee757b"
+    },
+    percent: {
+      type: Number,
+      default: 0
+    },
+    error: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    circle() {
+      return this.percent / 100 * 100 * Math.PI + ",9999";
+    }
+  },
+  methods: {
+    click() {
+      /**
+       * Emitted when the button is clicked.
+       * @event click
+       * @type {Event}
+       */
+      this.$emit('click');
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/loaders/ToggleProgressLoader.vue?vue&type=script&lang=js&
+ /* harmony default export */ var loaders_ToggleProgressLoadervue_type_script_lang_js_ = (ToggleProgressLoadervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/loaders/ToggleProgressLoader.vue
+
+
+
+
+
+/* normalize component */
+
+var ToggleProgressLoader_component = normalizeComponent(
+  loaders_ToggleProgressLoadervue_type_script_lang_js_,
+  ToggleProgressLoadervue_type_template_id_7040baf4_render,
+  ToggleProgressLoadervue_type_template_id_7040baf4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ToggleProgressLoader = (ToggleProgressLoader_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"53e05152-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/tables/ToggleTable.vue?vue&type=template&id=841ba81c&
 var ToggleTablevue_type_template_id_841ba81c_render = function render() {
   var _vm = this,
@@ -20009,6 +20174,7 @@ var main = __webpack_require__("dc44");
 
 
 
+
 
 
 const Components = {
@@ -20031,6 +20197,7 @@ const Components = {
   ToggleInputCheckbox: ToggleInputCheckbox,
   ToggleInputCheckboxInline: ToggleInputCheckboxInline,
   ToggleFillLoader: ToggleFillLoader,
+  ToggleProgressLoader: ToggleProgressLoader,
   ToggleInputImage: ToggleInputImage,
   ToggleButton: ToggleButton,
   ToggleLoginButton: ToggleLoginButton,