vue-intergrall-plugins 1.0.3 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -36,8 +36,8 @@
     "minimist": "^1.2.5",
     "rimraf": "^3.0.2",
     "rollup": "^2.58.0",
+    "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-vue2": "^0.8.1",
     "vue": "^2.6.14",
     "vue-template-compiler": "^2.6.14"
   },
@@ -62,6 +62,7 @@
   "dependencies": {
     "axios": "^1.6.7",
     "kind-of": "^6.0.3",
-    "rollup-plugin-css-only": "^4.5.2"
+    "rollup-plugin-css-only": "^4.5.2",
+    "rollup-plugin-vue": "^5.1.9"
   }
-}
+}

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

@@ -13,11 +13,11 @@
 
 <script>
 import Picker from "./Picker";
-import { mixin as clickaway } from "vue-clickaway";
+import * as VueClickAway from "vue-clickaway";
 
 export default {
   components: { Picker },
-  mixins: [clickaway],
+  mixins: [VueClickAway.mixin],
   props: {
     emojiId: {
       type: String,

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

@@ -188,13 +188,13 @@
 </style>
 
 <script>
-import { mixin as clickaway } from "vue-clickaway";
+import * as VueClickAway from "vue-clickaway";
 import SingleFilePreview from "./SingleFilePreview";
 import MultipleFilePreview from "./MultipleFilePreview";
 
 export default {
   components: { SingleFilePreview, MultipleFilePreview },
-  mixins: [clickaway],
+  mixins: [VueClickAway.mixin],
   props: {
     textId: {
       type: String,

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

@@ -47,14 +47,14 @@
 </template>
 
 <script>
-import { mixin as clickaway } from "vue-clickaway";
+import * as VueClickAway from "vue-clickaway";
 import BtnEmojis from "./BtnEmojis";
 import BtnFiles from "./BtnFiles";
 import { returnMessageWithHexa } from "../../services/textFormatting";
 
 export default {
   components: { BtnEmojis, BtnFiles },
-  mixins: [clickaway],
+  mixins: [VueClickAway.mixin],
   props: {
     identifier: {
       type: String,

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

@@ -152,7 +152,7 @@
 
 <script>
 import { setResizeListeners, resetTargets } from "../../services/autoResize";
-import { mixin as clickaway } from "vue-clickaway";
+import * as VueClickAway from "vue-clickaway";
 import { returnMessageWithHexa } from "../../services/textFormatting";
 
 import BtnEmojis from "./BtnEmojis";
@@ -179,7 +179,7 @@ export default {
     BtnScreenShare,
     BtnDownloadAllFiles,
   },
-  mixins: [clickaway],
+  mixins: [VueClickAway.mixin],
   props: {
     buttons: {
       type: Object,

package/src/lib-components/Messages/ChatMessages.vue

@@ -271,7 +271,7 @@ import InteratividadeFormulario from "./InteratividadeFormulario";
 import Picker from "../Chat/Picker";
 import { formataTimezoneData } from "../../services/textFormatting";
 import LinkPreview from "./LinkPreview";
-import { mixin as clickaway } from "vue-clickaway";
+import * as VueClickAway from "vue-clickaway";
 
 export default {
   components: {
@@ -329,7 +329,7 @@ export default {
   created() {
     if (!this.$root.$refs.chatMessages) this.$root.$refs.chatMessages = this;
   },
-  mixins: [clickaway],
+  mixins: [VueClickAway.mixin],
   data() {
     return {
       strTooltipAux: "",

package/src/lib-components/Messages/InteratividadePopup.vue

@@ -6,11 +6,27 @@
         <fa-icon :icon="['fas', 'times-circle']" @click="away" />
       </h1>
     </div>
-    <div class="interatividade-popup-conteudo" v-for="(objItem, index) in lista" :key="index">
+    <div
+      class="interatividade-popup-conteudo"
+      v-for="(objItem, index) in lista"
+      :key="index"
+    >
       <template v-if="objItem.items && objItem.items.length">
-        <div class="interatividade-popup-item" v-for="(item, indexItem) in objItem.items" :key="`${index}${indexItem}`">
-          <p v-if="item.title" v-html="item.title" class="interatividade-popup-item-titulo"></p>
-          <p v-if="item.description" v-html="item.description" class="interatividade-popup-item-desc"></p>
+        <div
+          class="interatividade-popup-item"
+          v-for="(item, indexItem) in objItem.items"
+          :key="`${index}${indexItem}`"
+        >
+          <p
+            v-if="item.title"
+            v-html="item.title"
+            class="interatividade-popup-item-titulo"
+          ></p>
+          <p
+            v-if="item.description"
+            v-html="item.description"
+            class="interatividade-popup-item-desc"
+          ></p>
         </div>
       </template>
     </div>
@@ -18,72 +34,75 @@
 </template>
 
 <script>
-import { mixin as clickaway } from 'vue-clickaway'
+import * as VueClickAway from "vue-clickaway";
 
 export default {
-  mixins: [ clickaway ],
+  mixins: [VueClickAway.mixin],
   props: {
     lista: {
       type: [Array, Object],
-      required: true
+      required: true,
     },
     titulo: {
       type: String,
-      required: false
-    }
+      required: false,
+    },
   },
   methods: {
     away() {
-      this.$emit("close")
-    }
-  }
-}
+      this.$emit("close");
+    },
+  },
+};
 </script>
 
 <style scoped>
-  .box-shadow {
-    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  }
+.box-shadow {
+  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
 
-  .interatividade-popup {
-    position: absolute;
-    top: 15px;
-    right: 0;
-    width: 250px;
-    height: auto;
-    max-height: 300px;
-    overflow-y: auto;
-    overflow-x: hidden;
-    background-color: #FFF;
-    border-radius: 15px;
-    color: #333;
-    font-size: 14px;
-  }
+.interatividade-popup {
+  position: absolute;
+  top: 15px;
+  right: 0;
+  width: 250px;
+  height: auto;
+  max-height: 300px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background-color: #fff;
+  border-radius: 15px;
+  color: #333;
+  font-size: 14px;
+}
 
-  .interatividade-popup-titulo h1 {    
-    padding: 4px 10px;
-    background-color: #333;
-    color: #FFF;
-    font-size: 1.2em;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  .interatividade-popup-titulo h1 svg{
-    color: #E74C3C;
-    cursor: pointer;
-    font-size: .9em;
-  }
-  
-  .interatividade-popup-item {
-    padding: 10px;
-    border-bottom: 1px solid #D7D7D7;
-  }
+.interatividade-popup-titulo h1 {
+  padding: 4px 10px;
+  background-color: #333;
+  color: #fff;
+  font-size: 1.2em;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.interatividade-popup-titulo h1 svg {
+  color: #e74c3c;
+  cursor: pointer;
+  font-size: 0.9em;
+}
 
-  .interatividade-popup-item-desc {
-    font-size: .9em;
-    color: #767676;
-  }
-</style>
+.interatividade-popup-item {
+  padding: 10px;
+  border-bottom: 1px solid #d7d7d7;
+}
+
+.interatividade-popup-item-desc {
+  font-size: 0.9em;
+  color: #767676;
+}
+</style>