vue-intergrall-plugins 1.1.90 → 1.2.0

package/src/lib-components/Email/EmailTo.vue

@@ -1,64 +1,64 @@
-<template>
-  <div :class="emailToClass">
-    <p class="to" v-if="nameToRender" v-text="nameToRender" :title="nameToRender"></p>
-    <span class="additional" v-text="`<${email}>`" :title="email" v-if="showMail && email"></span>
-  </div>
-</template>
-
-<style scoped>
-.email-to {
-  display: flex;
-  align-items: center;
-}
-
-.email-to .to {
-  margin: 0;
-}
-
-.email-to .to,
-.email-to .additional {
-  font-size: 11.2px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  color: gray;
-}
-
-.email-to .additional {
-  margin-left: 5px;
-}
-</style>
-
-<script>
-export default {
-  props: {
-    currentName: {
-      type: String,
-      required: false,
-      default: ""
-    },
-    email: {
-      type: String,
-      required: false,
-      default: ""
-    },
-    showMail: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    emailToClass: {
-      type: String,
-      required: false,
-      default: 'email-to'
-    }
-  },
-  computed: {
-    nameToRender() {
-      if(this.currentName) return this.currentName
-      if(this.email) return this.email
-      return '--'
-    }
-  }
-}
-</script>
+<template>
+  <div :class="emailToClass">
+    <p class="to" v-if="nameToRender" v-text="nameToRender" :title="nameToRender"></p>
+    <span class="additional" v-text="`<${email}>`" :title="email" v-if="showMail && email"></span>
+  </div>
+</template>
+
+<style scoped>
+.email-to {
+  display: flex;
+  align-items: center;
+}
+
+.email-to .to {
+  margin: 0;
+}
+
+.email-to .to,
+.email-to .additional {
+  font-size: 11.2px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  color: gray;
+}
+
+.email-to .additional {
+  margin-left: 5px;
+}
+</style>
+
+<script>
+export default {
+  props: {
+    currentName: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    email: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    showMail: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    emailToClass: {
+      type: String,
+      required: false,
+      default: 'email-to'
+    }
+  },
+  computed: {
+    nameToRender() {
+      if(this.currentName) return this.currentName
+      if(this.email) return this.email
+      return '--'
+    }
+  }
+}
+</script>

package/src/lib-components/Loader/Loader.vue

@@ -1,78 +1,78 @@
-<template>
-  <div class="req-loader-container" :class="{'align-right' : alignRight, 'light-bg' : hasBg}">
-    <div class="req-loader" :class="{'big' : size == 'big', 'slow' : slow}"></div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    hasBg: {
-      type: Boolean,
-      required: false
-    },
-    alignRight: {
-      type: Boolean,
-      required: false
-    },
-    size: {
-      type: String,
-      required: false,
-      default: "small"
-    },
-    slow: {
-      type: Boolean,
-      required: false
-    }
-  }
-}
-</script>
-
-<style>
-.req-loader-container {
-  position: absolute;
-  z-index: 1;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.req-loader-container.light-bg {
-  background-color: rgba(0, 0, 0, 0.3);
-  border-radius: inherit;
-}
-.req-loader-container.align-right {
-  justify-content: flex-end;
-} 
-.req-loader-container.align-right .req-loader {
-  margin-right: 15px;
-}
-
-.req-loader {
-  border: 2px solid #CCC;
-  border-top: 2px solid #333;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  animation: spin 2s linear infinite;
-}
-.req-loader.big {
-  width: 40px;
-  height: 40px;
-  animation: spin 3s linear infinite;
-}
-.req-loader.slow {
-  animation: spin 4s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-</style>
+<template>
+  <div class="req-loader-container" :class="{'align-right' : alignRight, 'light-bg' : hasBg}">
+    <div class="req-loader" :class="{'big' : size == 'big', 'slow' : slow}"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    hasBg: {
+      type: Boolean,
+      required: false
+    },
+    alignRight: {
+      type: Boolean,
+      required: false
+    },
+    size: {
+      type: String,
+      required: false,
+      default: "small"
+    },
+    slow: {
+      type: Boolean,
+      required: false
+    }
+  }
+}
+</script>
+
+<style>
+.req-loader-container {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.req-loader-container.light-bg {
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: inherit;
+}
+.req-loader-container.align-right {
+  justify-content: flex-end;
+} 
+.req-loader-container.align-right .req-loader {
+  margin-right: 15px;
+}
+
+.req-loader {
+  border: 2px solid #CCC;
+  border-top: 2px solid #333;
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  min-width: 20px;
+  min-height: 20px;
+  animation: spin 2s linear infinite;
+}
+.req-loader.big {
+  width: 40px;
+  height: 40px;
+  animation: spin 3s linear infinite;
+}
+.req-loader.slow {
+  animation: spin 4s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+</style>