vue-intergrall-plugins 1.0.16 → 1.0.18

package/dist/vue-intergrall-plugins.ssr.js

@@ -6975,12 +6975,12 @@ var __vue_staticRenderFns__$g = [];
 /* style */
 var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4af8626e_0", {
+  inject("data-v-7478840d_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}",
     map: undefined,
     media: undefined
-  }), inject("data-v-4af8626e_1", {
-    source: ".file-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item-transition{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.file-item-transition img{max-width:45px;max-height:45px}.file-item a{margin-left:5px;text-decoration:none;color:#333}.file-icon{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.file-icon:hover{opacity:1}.file-icon:visited{color:inherit}svg{font-size:30px;z-index:1}.file-icon.pdf{position:relative}.file-icon.pdf svg{color:#e74c3c}.file-icon.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.file-icon.doc{color:#15517f}.file-icon.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.file-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.file-img:hover{opacity:1}.file-img img{width:95%}",
+  }), inject("data-v-7478840d_1", {
+    source: ".file-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item-transition{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.file-item-transition img{max-width:45px;max-height:45px}.file-item a{margin-left:5px;text-decoration:none;color:#333}.file-icon{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.file-icon:hover{opacity:1}.file-icon:visited{color:inherit}.file-icon.pdf{position:relative}.file-icon.pdf svg{color:#e74c3c}.file-icon.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.file-icon.doc{color:#15517f}.file-icon.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.file-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.file-img:hover{opacity:1}.file-img img{width:95%}",
     map: undefined,
     media: undefined
   });
@@ -6988,7 +6988,7 @@ var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$g = undefined;
 /* module identifier */
-var __vue_module_identifier__$g = "data-v-4af8626e";
+var __vue_module_identifier__$g = "data-v-7478840d";
 /* functional template */
 var __vue_is_functional_template__$g = false;
 /* style inject shadow dom */
@@ -8069,8 +8069,8 @@ var __vue_staticRenderFns__$9 = [];
 /* style */
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-a06e5a30_0", {
-    source: ".audio-speed-control{display:flex;align-items:center;cursor:pointer;margin-left:10px}.speed-circle{width:40px;height:40px;background-color:#f1f3f4;border:solid #000 1px;color:#000;display:flex;justify-content:center;align-items:center;border-radius:50%;font-weight:700;transition:background-color .3s}.speed-circle.active{background-color:#f1f3f4;border:solid #00f 1px}",
+  inject("data-v-1a0bd902_0", {
+    source: ".audio-speed-control{display:flex;align-items:center;cursor:pointer;margin:0 5px}.speed-circle{width:35px;height:35px;background-color:#f1f3f4;border:solid #000 1px;color:#000;display:flex;justify-content:center;align-items:center;border-radius:50%;font-weight:700;transition:background-color .3s}.speed-circle.active{background-color:#f1f3f4;border:solid #00f 1px}",
     map: undefined,
     media: undefined
   });
@@ -8078,7 +8078,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$9 = undefined;
 /* module identifier */
-var __vue_module_identifier__$9 = "data-v-a06e5a30";
+var __vue_module_identifier__$9 = "data-v-1a0bd902";
 /* functional template */
 var __vue_is_functional_template__$9 = false;
 /* style inject shadow dom */
@@ -8287,12 +8287,12 @@ var __vue_staticRenderFns__$8 = [];
 /* style */
 var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-287b21ce_0", {
+  inject("data-v-e0e6a934_0", {
     source: ".tippy-tooltip.light-theme .tippy-backdrop{background-color:#fff}.tippy-tooltip.light-theme{background-color:#fff;border:1px solid #ccc;color:#333;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.tippy-confirmation p{margin-bottom:3px}.tippy-confirmation button{border:unset;background-color:#f1f1f1;border-radius:3px;padding:5px 8px;cursor:pointer;font-size:12px}.tippy-confirmation button.cancel{border-bottom:2px solid red;margin-right:15px}.tippy-confirmation button.confirm{border-bottom:2px solid green}",
     map: undefined,
     media: undefined
-  }), inject("data-v-287b21ce_1", {
-    source: ".mensagem__principal .default-doc{background-color:var(--files-bg)}.mensagem__principal .default-doc:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p{text-decoration:underline}.default-doc{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%;cursor:pointer;transition:background-color 150ms ease-in-out}.default-doc svg{font-size:19.2px;margin-right:5px}.default-doc p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a{margin-right:0}.mensagem__principal .file-action-button{background-color:var(--files-bg)}.mensagem__outros .file-action-button{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button:hover{background-color:rgba(100,100,100,.3)}.file-action-button{display:flex;justify-content:center;align-items:center;margin-left:12px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color 150ms ease-in-out}.file-action-button a{margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-div-anexo{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro,.anexo-container a{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro,.anexo-container p{margin:0;margin-left:15px;font-size:14.4px}.anexo-container svg{font-size:32px}.anexo-mensagem audio .divAudioPai{outline:0;width:100%;margin-bottom:5px}.audioStyle{width:370px}.divAudioPai{display:flex;background-color:#f1f3f4;border-radius:50%;width:100%;border-bottom-right-radius:26px;border-top-right-radius:26px}.anexo-mensagem video{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg{cursor:pointer}.mensagem-div-anexo img{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition{width:100%;height:100%}.anexo-mensagem{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert{position:relative;padding:10.4px 19.2px;margin:5px 0;border:1px solid transparent;border-radius:4px;text-align:center}.alert svg{font-size:1.025em;margin-right:2px}.pdf{color:#e74c3c}.doc{color:#006bc9}",
+  }), inject("data-v-e0e6a934_1", {
+    source: ".mensagem__principal .default-doc{background-color:var(--files-bg)}.mensagem__principal .default-doc:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p{text-decoration:underline}.default-doc{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%;cursor:pointer;transition:background-color 150ms ease-in-out}.default-doc svg{font-size:19.2px;margin-right:5px}.default-doc p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a{margin-right:0}.mensagem__principal .file-action-button{background-color:var(--files-bg)}.mensagem__outros .file-action-button{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button:hover{background-color:rgba(100,100,100,.3)}.file-action-button{display:flex;justify-content:center;align-items:center;margin-left:12px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color 150ms ease-in-out}.file-action-button a{margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-div-anexo{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro,.anexo-container a{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro,.anexo-container p{margin:0;margin-left:15px;font-size:14.4px}.anexo-container svg{font-size:32px}.anexo-mensagem audio .divAudioPai{outline:0;width:100%;margin-bottom:5px}.audioStyle{width:370px;min-width:calc(100% - 45px)}.divAudioPai{display:flex;background-color:#f1f3f4;border-radius:50%;width:100%;border-bottom-right-radius:26px;border-top-right-radius:26px}.anexo-mensagem video{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg{cursor:pointer}.mensagem-div-anexo img{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition{width:100%;height:100%}.anexo-mensagem{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert{position:relative;padding:10.4px 19.2px;margin:5px 0;border:1px solid transparent;border-radius:4px;text-align:center}.alert svg{font-size:1.025em;margin-right:2px}.pdf{color:#e74c3c}.doc{color:#006bc9}",
     map: undefined,
     media: undefined
   });
@@ -8300,7 +8300,7 @@ var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$8 = undefined;
 /* module identifier */
-var __vue_module_identifier__$8 = "data-v-287b21ce";
+var __vue_module_identifier__$8 = "data-v-e0e6a934";
 /* functional template */
 var __vue_is_functional_template__$8 = false;
 /* style inject shadow dom */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Cards/CardFile.vue

@@ -3,22 +3,16 @@
     <transition-group name="fade" mode="out-in" class="file-item-transition">
       <div v-if="isLoading" :small="true" key="card-file-loader" class="req-loader slow"></div>
       <template v-else>
-        <span v-if="imageURL" class="file-img box-shadow" @click="openWindowFromURL(imageURL, true)" key="card-file-img" :title="filename">
+        <span v-if="imageURL" class="file-img box-shadow" @click="openWindowFromURL(imageURL, true)" key="card-file-img"
+          :title="filename">
           <img :src="`${imageURL}`" :alt="filename" />
         </span>
-        <span 
-          v-else
-          class="file-icon"
-          key="card-file-doc" 
-          :class="[iconClass]"
-          @click="openWindowFromURL(docURL, false)"
-          :title="filename"
-          target="_blank" 
-          rel="noreferrer noopener"
-        >
+        <span v-else class="file-icon" key="card-file-doc" :class="[iconClass]"
+          @click="openWindowFromURL(docURL, false)" :title="filename" target="_blank" rel="noreferrer noopener">
           <fa-icon :icon="icon" />
         </span>
-        <a :href="imageURL ? imageURL : docURL" :download="`${filename}`" target="_blank" rel="noreferrer noopener" key="card-file-download-icon" :title="`Download ${filename}`">
+        <a :href="imageURL ? imageURL : docURL" :download="`${filename}`" target="_blank" rel="noreferrer noopener"
+          key="card-file-download-icon" :title="`Download ${filename}`">
           <fa-icon :icon="['fas', 'download']" />
         </a>
       </template>
@@ -27,12 +21,15 @@
 </template>
 
 <style>
-  .fade-enter-active, .fade-leave-active {
-    transition: opacity .5s;
-  }
-  .fade-enter, .fade-leave-to {
-    opacity: 0;
-  }
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity .5s;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
 </style>
 
 <script>
@@ -54,7 +51,7 @@ export default {
       required: true
     }
   },
-  mounted(){
+  mounted() {
     this.setFileVars(this.file, { dominio: this.domain })
   }
 }
@@ -69,6 +66,7 @@ export default {
   align-items: center;
   position: relative;
 }
+
 .file-item-transition {
   max-width: 100%;
   max-height: 100%;
@@ -77,15 +75,18 @@ export default {
   align-items: center;
   position: relative;
 }
+
 .file-item .req-loader {
   position: absolute;
   top: calc(50% - 12.5px);
   right: calc(50% - 12.5px);
 }
+
 .file-item-transition img {
   max-width: 45px;
   max-height: 45px;
 }
+
 .file-item a {
   margin-left: 5px;
   text-decoration: none;
@@ -99,22 +100,23 @@ export default {
   font-size: 30px;
   cursor: pointer;
 }
+
 .file-icon:hover {
   opacity: 1
 }
+
 .file-icon:visited {
   color: inherit;
 }
-svg {
-  font-size: 30px;
-  z-index: 1;
-}
+
 .file-icon.pdf {
   position: relative;
 }
+
 .file-icon.pdf svg {
   color: rgb(231, 76, 60);
 }
+
 .file-icon.pdf::after {
   content: "";
   position: absolute;
@@ -124,9 +126,11 @@ svg {
   height: 20px;
   background-color: #FFF;
 }
+
 .file-icon.doc {
-  color: #15517F; 
+  color: #15517F;
 }
+
 .file-icon.doc::after {
   content: "";
   position: absolute;
@@ -134,6 +138,7 @@ svg {
   height: 20px;
   background-color: #FFF;
 }
+
 .file-img {
   display: flex;
   justify-content: center;
@@ -151,6 +156,7 @@ svg {
 .file-img:hover {
   opacity: 1;
 }
+
 .file-img img {
   width: 95%;
 }

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

@@ -35,12 +35,12 @@ export default {
   display: flex;
   align-items: center;
   cursor: pointer;
-  margin-left: 10px;
+  margin: 0 5px;
 }
 
 .speed-circle {
-  width: 40px;
-  height: 40px;
+  width: 35px;
+  height: 35px;
   background-color: #f1f3f4; /* Cor do círculo */
   border: solid black 1px;
   color: black;

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

@@ -132,8 +132,8 @@
 
 <script>
 import { fileHandler } from "../../mixins/fileHandler";
-import Loader from "../Loader/Loader";
 import AudioSpeedControl from "../Chat/AudioSpeedControl.vue";
+import Loader from "../Loader/Loader";
 
 export default {
   mixins: [fileHandler],
@@ -350,6 +350,7 @@ export default {
 }
 .audioStyle {
   width: 370px;
+  min-width: calc(100% - 45px);
 }
 
 .divAudioPai {