vue-intergrall-plugins 0.0.274 → 0.0.280

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

@@ -1,125 +1,125 @@
-<template>
-  <div class="emoji-text-container" v-on-clickaway="away">
-    <div
-      class="emoji-text-btn"
-      @click="toggleEmojiSelection()"
-      v-text="String.fromCodePoint(0x1f61c)"
-    >
-    </div>
-    <transition name="show-y">
-      <Picker v-show="showEmojis" ref="sm-emoji-picker" @insert-emoji="insertEmoji" />
-    </transition>
-  </div>
-</template>
-
-<script>
-
-import Picker from "./Picker"
-import { mixin as clickaway } from 'vue-clickaway'
-
-export default {
-  components: { Picker },
-  mixins: [ clickaway ],
-  props: {
-    emojiId: {
-      type: String,
-      required: true
-    },
-    biggerTextarea: {
-      type: Boolean,
-      default: true,
-      required: false
-    },
-    small: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    up: {
-      type: Boolean,
-      default: true,
-      required: false
-    },
-    down: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    left: {
-      type: Boolean,
-      default: true,
-      required: false
-    }
-  },
-  computed: {
-    height() {
-      if(this.small) return 225
-      return 325
-    },
-    top() {
-      if(!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30) )
-      return 40
-    }
-  },
-  data(){
-    return{
-      showEmojis: false
-    }
-  },
-  created() {
-    this.$root.$refs[`etf-${this.emojiId}`] = this
-  },
-  watch: {
-    showEmojis() {
-      if(this.showEmojis) this.setPosition("sm-emoji-picker")
-    }
-  },
-  methods: {
-    setPosition(refId) {
-      try {
-        this.$nextTick(() => {
-          const elem = this.$refs[refId] ? this.$refs[refId].$el ? this.$refs[refId].$el : this.$refs[refId] : this.$refs[refId] ? this.$refs[refId] : false
-          if(elem){
-            elem.style.position = "absolute"
-            elem.style.top = `${this.top}px`
-            elem.style.left = "0"
-            elem.style.height = `${this.height}px`
-          }
-        })
-      }catch(e) {
-        console.error("Erro ao setar a posicao dos emojis")
-        console.error(e)
-      }
-    },
-    insertEmoji(emoji) {
-      this.$emit("insert-emoji", emoji)
-    },
-    toggleEmojiSelection() {
-      this.showEmojis = !this.showEmojis
-    },
-    away() {
-      this.showEmojis = false
-    }
-  }
-}
-</script>
-
-<style>
-.show-y-enter-active,
-.show-y-leave-enter {
-  opacity: 1;
-  transform: translateY(0);
-  transition: all 200ms linear;
-}
-.show-y-enter,
-.show-y-leave-to {
-  opacity: 0;
-  transform: translateY(5%);
-}
-
-.emoji-text-container {
-  position: relative; }
-.emoji-text-container .emoji-text-btn {
-  font-size: 1.2rem;
-  cursor: pointer; }
+<template>
+  <div class="emoji-text-container" v-on-clickaway="away">
+    <div
+      class="emoji-text-btn"
+      @click="toggleEmojiSelection()"
+      v-text="String.fromCodePoint(0x1f61c)"
+    >
+    </div>
+    <transition name="show-y">
+      <Picker v-show="showEmojis" ref="sm-emoji-picker" @insert-emoji="insertEmoji" />
+    </transition>
+  </div>
+</template>
+
+<script>
+
+import Picker from "./Picker"
+import { mixin as clickaway } from 'vue-clickaway'
+
+export default {
+  components: { Picker },
+  mixins: [ clickaway ],
+  props: {
+    emojiId: {
+      type: String,
+      required: true
+    },
+    biggerTextarea: {
+      type: Boolean,
+      default: true,
+      required: false
+    },
+    small: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    up: {
+      type: Boolean,
+      default: true,
+      required: false
+    },
+    down: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    left: {
+      type: Boolean,
+      default: true,
+      required: false
+    }
+  },
+  computed: {
+    height() {
+      if(this.small) return 225
+      return 325
+    },
+    top() {
+      if(!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30) )
+      return 40
+    }
+  },
+  data(){
+    return{
+      showEmojis: false
+    }
+  },
+  created() {
+    this.$root.$refs[`etf-${this.emojiId}`] = this
+  },
+  watch: {
+    showEmojis() {
+      if(this.showEmojis) this.setPosition("sm-emoji-picker")
+    }
+  },
+  methods: {
+    setPosition(refId) {
+      try {
+        this.$nextTick(() => {
+          const elem = this.$refs[refId] ? this.$refs[refId].$el ? this.$refs[refId].$el : this.$refs[refId] : this.$refs[refId] ? this.$refs[refId] : false
+          if(elem){
+            elem.style.position = "absolute"
+            elem.style.top = `${this.top}px`
+            elem.style.left = "0"
+            elem.style.height = `${this.height}px`
+          }
+        })
+      }catch(e) {
+        console.error("Erro ao setar a posicao dos emojis")
+        console.error(e)
+      }
+    },
+    insertEmoji(emoji) {
+      this.$emit("insert-emoji", emoji)
+    },
+    toggleEmojiSelection() {
+      this.showEmojis = !this.showEmojis
+    },
+    away() {
+      this.showEmojis = false
+    }
+  }
+}
+</script>
+
+<style>
+.show-y-enter-active,
+.show-y-leave-enter {
+  opacity: 1;
+  transform: translateY(0);
+  transition: all 200ms linear;
+}
+.show-y-enter,
+.show-y-leave-to {
+  opacity: 0;
+  transform: translateY(5%);
+}
+
+.emoji-text-container {
+  position: relative; }
+.emoji-text-container .emoji-text-btn {
+  font-size: 1.2rem;
+  cursor: pointer; }
 </style>

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

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