vue-intergrall-plugins 1.1.90 → 1.2.18

package/package.json

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

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

@@ -1,27 +1,27 @@
-<template>
-  <span class="simple-btn--icon" :class="{'custom' : !showFaIcon}">
-    <fa-icon v-if="showFaIcon" :icon="icon" />
-    <span v-else v-html="icon" />
-  </span>
-</template>
-
-<script>
-export default {
-  props: {
-    icon: [String, Array],
-    default: ""
-  },
-  computed: {
-    showFaIcon() {
-      return Array.isArray(this.icon) && this.icon.length
-    }
-  }
-}
-</script>
-
-<style>
-.simple-btn--icon.custom > span {
-  width: 20px;
-  height: 20px;
-}
-</style>
+<template>
+  <span class="simple-btn--icon" :class="{'custom' : !showFaIcon}">
+    <fa-icon v-if="showFaIcon" :icon="icon" />
+    <span v-else v-html="icon" />
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    icon: [String, Array],
+    default: ""
+  },
+  computed: {
+    showFaIcon() {
+      return Array.isArray(this.icon) && this.icon.length
+    }
+  }
+}
+</script>
+
+<style>
+.simple-btn--icon.custom > span {
+  width: 20px;
+  height: 20px;
+}
+</style>

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

@@ -1,140 +1,140 @@
-<template>
-  <div class="simple-btn default-btn-style" 
-    :style="`background-color: ${bg}; color: ${color};${aditionalStyle}`" 
-    :class="[customClass]"
-    @click="$emit(emitter, params)"
-  >
-    <template v-if="faIcon.length || svgIcon">
-      <template v-if="!btnCustom">
-        <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
-      </template>
-      <span class="icon-container default-btn-style" :style="`background-color: ${bg};`" v-else>
-        <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
-      </span>
-    </template>
-    <span class="simple-btn--text" v-text="btnText" v-if="!activeLoader"></span>
-    <VueLoader v-else />
-  </div>
-</template>
-
-<script>
-import IconButton from './IconButton'
-
-export default {
-  components: { IconButton },
-  props: {
-    emitter: {
-      type: String,
-      required: true
-    },
-    params: {
-      type: [String, Object, Array, Number, Boolean],
-      required: false,
-      default: ''
-    },
-    bg: {
-      type: String,
-      required: true
-    },
-    color: {
-      type: String,
-      required: true
-    },
-    aditionalStyle: {
-      type: String,
-      default: ''
-    },
-    btnText: {
-      type: [String, Number],
-      default: ""
-    },
-    faIcon: {
-      type: Array,
-      default: () => { return [] }
-    },
-    svgIcon: {
-      type: String,
-      default: ""
-    },
-    customClass: {
-      type: String,
-      default: ''
-    },
-    btnCustom: {
-      type: Boolean,
-      default: false
-    },
-    activeLoader: {
-      type: Boolean,
-      default: false
-    }
-  }
-}
-</script>
-
-<style>
-.default-btn-style {
-  transition-duration: 300ms;
-  user-select: none;
-  cursor: pointer;
-  box-shadow: inset 0 -2px rgba(0, 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, 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;
-}
-
-</style>
+<template>
+  <div class="simple-btn default-btn-style" 
+    :style="`background-color: ${bg}; color: ${color};${aditionalStyle}`" 
+    :class="[customClass]"
+    @click="$emit(emitter, params)"
+  >
+    <template v-if="faIcon.length || svgIcon">
+      <template v-if="!btnCustom">
+        <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
+      </template>
+      <span class="icon-container default-btn-style" :style="`background-color: ${bg};`" v-else>
+        <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
+      </span>
+    </template>
+    <span class="simple-btn--text" v-text="btnText" v-if="!activeLoader"></span>
+    <VueLoader v-else />
+  </div>
+</template>
+
+<script>
+import IconButton from './IconButton'
+
+export default {
+  components: { IconButton },
+  props: {
+    emitter: {
+      type: String,
+      required: true
+    },
+    params: {
+      type: [String, Object, Array, Number, Boolean],
+      required: false,
+      default: ''
+    },
+    bg: {
+      type: String,
+      required: true
+    },
+    color: {
+      type: String,
+      required: true
+    },
+    aditionalStyle: {
+      type: String,
+      default: ''
+    },
+    btnText: {
+      type: [String, Number],
+      default: ""
+    },
+    faIcon: {
+      type: Array,
+      default: () => { return [] }
+    },
+    svgIcon: {
+      type: String,
+      default: ""
+    },
+    customClass: {
+      type: String,
+      default: ''
+    },
+    btnCustom: {
+      type: Boolean,
+      default: false
+    },
+    activeLoader: {
+      type: Boolean,
+      default: false
+    }
+  }
+}
+</script>
+
+<style>
+.default-btn-style {
+  transition-duration: 300ms;
+  user-select: none;
+  cursor: pointer;
+  box-shadow: inset 0 -2px rgba(0, 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, 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;
+}
+
+</style>