vue-intergrall-plugins 0.0.133 → 0.0.134

package/dist/vue-intergrall-plugins.ssr.js

@@ -6259,6 +6259,10 @@ var script$1 = {
     btnCustom: {
       type: Boolean,
       default: false
+    },
+    activeLoader: {
+      type: Boolean,
+      default: false
     }
   }
 };/* script */
@@ -6289,7 +6293,7 @@ var __vue_render__$1 = function __vue_render__() {
     attrs: {
       "icon": _vm.faIcon.length ? _vm.faIcon : _vm.svgIcon
     }
-  })], 1)] : _vm._e(), _vm._ssrNode(" <span class=\"simple-btn--text\">" + _vm._ssrEscape(_vm._s(_vm.btnText)) + "</span>")], 2);
+  })], 1)] : _vm._e(), _vm._ssrNode(" " + (!_vm.activeLoader ? "<span class=\"simple-btn--text\">" + _vm._ssrEscape(_vm._s(_vm.btnText)) + "</span>" : "<Loader></Loader>"))], 2);
 };
 
 var __vue_staticRenderFns__$1 = [];
@@ -6297,8 +6301,8 @@ var __vue_staticRenderFns__$1 = [];
 
 var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-a976d694_0", {
-    source: ".default-btn-style{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:5px;cursor:pointer}.default-btn-style:hover{opacity:1}.default-btn-style:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.simple-btn{position:relative}.simple-btn--icon{display:flex;justify-content:center;align-items:center;margin-right:5px}.simple-btn--icon.custom{min-width:25px}.simple-btn--text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-container{position:absolute;left:-15px;padding:5px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%}.icon-container svg{color:rgba(255,255,255,.5);width:23px;height:23px}",
+  inject("data-v-1067dba2_0", {
+    source: ".default-btn-style{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:5px;cursor:pointer;min-height:28px}.default-btn-style:hover{opacity:1}.default-btn-style:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.simple-btn{position:relative}.simple-btn--icon{display:flex;justify-content:center;align-items:center;margin-right:5px}.simple-btn--icon.custom{min-width:25px}.simple-btn--text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-container{position:absolute;left:-15px;padding:5px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%}.icon-container svg{color:rgba(255,255,255,.5);width:23px;height:23px}",
     map: undefined,
     media: undefined
   });
@@ -6309,7 +6313,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$1 = "data-v-a976d694";
+var __vue_module_identifier__$1 = "data-v-1067dba2";
 /* functional template */
 
 var __vue_is_functional_template__$1 = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.133",
+  "version": "0.0.134",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Buttons/SimpleButton.vue

@@ -12,7 +12,8 @@
         <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
       </span>
     </template>
-    <span class="simple-btn--text" v-text="btnText"></span>
+    <span class="simple-btn--text" v-text="btnText" v-if="!activeLoader"></span>
+    <Loader v-else />
   </div>
 </template>
 
@@ -62,6 +63,10 @@ export default {
     btnCustom: {
       type: Boolean,
       default: false
+    },
+    activeLoader: {
+      type: Boolean,
+      default: false
     }
   }
 }
@@ -80,6 +85,7 @@ export default {
   align-items: center;
   padding: 5px;
   cursor: pointer;
+  min-height: 28px;
 }
 .default-btn-style:hover{
   opacity: 1;