vue-intergrall-plugins 1.1.90 → 1.2.0

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

@@ -1,118 +1,118 @@
-<template>
-  <div class="emoji-text-container" v-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 Clickaway from '@/directives/clickaway';
-
-export default {
-  components: { Picker },
-  directives: {
-    clickaway: 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>
-.emoji-text-container {
-  position: relative;
-}
-
-.emoji-text-container .emoji-text-btn {
-  font-size: 19.2px;
-  cursor: pointer;
-}
-</style>
+<template>
+  <div class="emoji-text-container" v-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 Clickaway from '@/directives/clickaway';
+
+export default {
+  components: { Picker },
+  directives: {
+    clickaway: 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>
+.emoji-text-container {
+  position: relative;
+}
+
+.emoji-text-container .emoji-text-btn {
+  font-size: 19.2px;
+  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>