vue-intergrall-plugins 1.1.11 → 1.1.12

package/src/lib-components/Chat/BtnMic.vue

@@ -1,60 +1,60 @@
-<template>
-  <span class="text-footer-actions--btn" :class="{'audio-activated' : isRecording}" @click="toggleAudioRecorder">
-    <fa-icon :icon="['fas', 'microphone']" />
-  </span>
-</template>
-
-<script>
-export default {
-  props: {
-    dictionary: {
-      type: Object,
-      required: true
-    }
-  },
-  data() {
-    return {
-      isRecording: false,
-      mediaRecorder: {}
-    }
-  },
-  methods: {
-    toggleAudioRecorder() {
-      if(!this.mediaRecorder.state) return this.initAudioRecorder()
-
-      this.isRecording = !this.isRecording
-
-      if(this.isRecording) return this.mediaRecorder.start()
-      return this.mediaRecorder.stop()
-    },
-    initAudioRecorder() {
-      navigator.mediaDevices.getUserMedia({ audio: true })
-        .then(stream => {
-          this.mediaRecorder = new MediaRecorder(stream)
-          const audioChunks = []
-          this.mediaRecorder.ondataavailable = eventData => { audioChunks.push(eventData.data) }
-          this.mediaRecorder.onstop = () => {
-            const blob = new Blob(audioChunks, { type: "audio/mpeg" })
-            blob.lastModifiedDate = new Date()
-            blob.name =  `im-audio-file-${parseInt(Math.random() * 50000)}`
-            const reader = new FileReader()
-            reader.readAsDataURL(blob)
-            reader.onloadend = () => {
-              this.$emit("set-audio", { audioFile: new File([blob], `${blob.name}.mpeg`, { type: blob.type }), audioSource: reader.result })
-            }
-            stream.getTracks().forEach(track => track.stop())
-          }
-
-          this.toggleAudioRecorder()
-        },
-        error => {
-          this.$toasted.global.defaultError({ msg: this.dictionary.msg_permitir_audio })
-          console.error("error audio recorder: ", error)
-        })
-    },
-    deleteMediaRecorder() {
-      this.mediaRecorder = {}
-    }
-  }
-}
-</script>
+<template>
+  <span class="text-footer-actions--btn" :class="{'audio-activated' : isRecording}" @click="toggleAudioRecorder">
+    <fa-icon :icon="['fas', 'microphone']" />
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    dictionary: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      isRecording: false,
+      mediaRecorder: {}
+    }
+  },
+  methods: {
+    toggleAudioRecorder() {
+      if(!this.mediaRecorder.state) return this.initAudioRecorder()
+
+      this.isRecording = !this.isRecording
+
+      if(this.isRecording) return this.mediaRecorder.start()
+      return this.mediaRecorder.stop()
+    },
+    initAudioRecorder() {
+      navigator.mediaDevices.getUserMedia({ audio: true })
+        .then(stream => {
+          this.mediaRecorder = new MediaRecorder(stream)
+          const audioChunks = []
+          this.mediaRecorder.ondataavailable = eventData => { audioChunks.push(eventData.data) }
+          this.mediaRecorder.onstop = () => {
+            const blob = new Blob(audioChunks, { type: "audio/mpeg" })
+            blob.lastModifiedDate = new Date()
+            blob.name =  `im-audio-file-${parseInt(Math.random() * 50000)}`
+            const reader = new FileReader()
+            reader.readAsDataURL(blob)
+            reader.onloadend = () => {
+              this.$emit("set-audio", { audioFile: new File([blob], `${blob.name}.mpeg`, { type: blob.type }), audioSource: reader.result })
+            }
+            stream.getTracks().forEach(track => track.stop())
+          }
+
+          this.toggleAudioRecorder()
+        },
+        error => {
+          this.$toasted.global.defaultError({ msg: this.dictionary.msg_permitir_audio })
+          console.error("error audio recorder: ", error)
+        })
+    },
+    deleteMediaRecorder() {
+      this.mediaRecorder = {}
+    }
+  }
+}
+</script>

package/src/lib-components/Chat/BtnScreenShare.vue

@@ -1,31 +1,31 @@
-<template>
-  <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')"
-    :title="dictionary.title_screen_share">
-    <fa-icon :icon="['fas', 'desktop']" />
-    <fa-icon :icon="['fas', 'share']" />
-  </div>
-</template>
-
-<style>
-.text-footer-actions--btn {
-  position: relative;
-}
-
-.text-footer-actions--btn>svg:nth-child(2) {
-  font-size: 9.6px;
-  position: absolute;
-  transform: translateY(-1px);
-}
-</style>
-
-<script>
-export default {
-  props: {
-    dictionary: {
-      type: Object,
-      default: {},
-      required: false,
-    },
-  },
-};
-</script>
+<template>
+  <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')"
+    :title="dictionary.title_screen_share">
+    <fa-icon :icon="['fas', 'desktop']" />
+    <fa-icon :icon="['fas', 'share']" />
+  </div>
+</template>
+
+<style>
+.text-footer-actions--btn {
+  position: relative;
+}
+
+.text-footer-actions--btn>svg:nth-child(2) {
+  font-size: 9.6px;
+  position: absolute;
+  transform: translateY(-1px);
+}
+</style>
+
+<script>
+export default {
+  props: {
+    dictionary: {
+      type: Object,
+      default: {},
+      required: false,
+    },
+  },
+};
+</script>

package/src/lib-components/Chat/BtnStandardMessages.vue

@@ -1,17 +1,17 @@
-<template>
-  <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')" :title="dictionary.title_msg_formatada">
-    <fa-icon :icon="['fas', 'comment']" />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    dictionary: {
-      type: Object,
-      default: {},
-      required: false
-    }
-  }
-}
-</script>
+<template>
+  <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')" :title="dictionary.title_msg_formatada">
+    <fa-icon :icon="['fas', 'comment']" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    dictionary: {
+      type: Object,
+      default: {},
+      required: false
+    }
+  }
+}
+</script>