vue-intergrall-plugins 0.0.1085 → 1.0.0

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

@@ -4,8 +4,7 @@
       class="emoji-text-btn"
       @click="toggleEmojiSelection()"
       v-text="String.fromCodePoint(0x1f61c)"
-    >
-    </div>
+    ></div>
     <transition name="show-y">
       <Picker v-show="showEmojis" ref="sm-emoji-picker" @insert-emoji="insertEmoji" />
     </transition>
@@ -13,95 +12,100 @@
 </template>
 
 <script>
-
-import Picker from "./Picker"
-import { mixin as clickaway } from 'vue-clickaway'
+import Picker from "./Picker";
+import { mixin as clickaway } from "vue-clickaway";
 
 export default {
   components: { Picker },
-  mixins: [ clickaway ],
+  mixins: [clickaway],
   props: {
     emojiId: {
       type: String,
-      required: true
+      required: true,
     },
     biggerTextarea: {
       type: Boolean,
       default: true,
-      required: false
+      required: false,
     },
     small: {
       type: Boolean,
       default: false,
-      required: false
+      required: false,
     },
     up: {
       type: Boolean,
       default: true,
-      required: false
+      required: false,
     },
     down: {
       type: Boolean,
       default: false,
-      required: false
+      required: false,
     },
     left: {
       type: Boolean,
       default: true,
-      required: false
-    }
+      required: false,
+    },
   },
   computed: {
     height() {
-      if(this.small) return 225
-      return 325
+      if (this.small) return 225;
+      return 325;
     },
     top() {
-      if(!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30) )
-      return 40
-    }
+      if (!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30));
+      return 40;
+    },
   },
-  data(){
-    return{
-      showEmojis: false
-    }
+  data() {
+    return {
+      showEmojis: false,
+    };
   },
   created() {
-    this.$root.$refs[`etf-${this.emojiId}`] = this
+    this.$root.$refs[`etf-${this.emojiId}`] = this;
   },
   watch: {
     showEmojis() {
-      if(this.showEmojis) this.setPosition("sm-emoji-picker")
-    }
+      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`
+          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)
+        });
+      } catch (e) {
+        console.error("Erro ao setar a posicao dos emojis");
+        console.error(e);
       }
     },
     insertEmoji(emoji) {
-      this.$emit("insert-emoji", emoji)
+      this.$emit("insert-emoji", emoji);
     },
     toggleEmojiSelection() {
-      this.showEmojis = !this.showEmojis
+      this.showEmojis = !this.showEmojis;
     },
     away() {
-      this.showEmojis = false
-    }
-  }
-}
+      this.showEmojis = false;
+    },
+  },
+};
 </script>
 
 <style>
@@ -118,8 +122,10 @@ export default {
 }
 
 .emoji-text-container {
-  position: relative; }
+  position: relative;
+}
 .emoji-text-container .emoji-text-btn {
-  font-size: 1.2rem;
-  cursor: pointer; }
-</style>
+  font-size: 19.2px;
+  cursor: pointer;
+}
+</style>