vue-intergrall-plugins 0.0.503 → 0.0.504

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

@@ -1,22 +1,26 @@
 <template>
-  <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')" :title="dictionary.title_screen_share">
+  <div
+    class="text-footer-actions--btn"
+    @click="$emit('toggle-standard-messages')"
+    :title="dictionary.title_screen_share"
+  >
     <fa-icon :icon="['fas', 'desktop']" />
     <fa-icon :icon="['fas', 'share']" />
   </div>
 </template>
 
 <style scoped>
-  .text-footer-actions--btn {
-    position: relative;
-  }
-  .text-footer-actions--btn > svg:nth-child(1) {
-    font-size: 1.2rem;
-  }
-  .text-footer-actions--btn > svg:nth-child(2) {
-    font-size: .6rem;
-    position: absolute;
-    transform: translateY(-2px)
-  }
+.text-footer-actions--btn {
+  position: relative;
+}
+.text-footer-actions--btn > svg:nth-child(1) {
+  font-size: 19.2px;
+}
+.text-footer-actions--btn > svg:nth-child(2) {
+  font-size: 9.6px;
+  position: absolute;
+  transform: translateY(-2px);
+}
 </style>
 
 <script>
@@ -25,8 +29,8 @@ export default {
     dictionary: {
       type: Object,
       default: {},
-      required: false
-    }
-  }
-}
+      required: false,
+    },
+  },
+};
 </script>

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

@@ -281,7 +281,7 @@ export default {
     border-radius: 50%;
     z-index: 1;
     color: #E74C3C;
-    font-size: 1.3rem;
+    font-size: 20.8px;
   }
   .sc-icone-fechar.sc-icone-fechar--externo {
     top: -10px;
@@ -314,7 +314,7 @@ export default {
     display: flex;
     align-items: center;
     width: 100%;
-    font-size: 1.3rem;
+    font-size: 20.8px;
     background-color: #222;
     color: #FFF;
   }
@@ -356,7 +356,7 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 1.3rem;
+    font-size: 20.8px;
     cursor: pointer;
     opacity: .9;
     transition: all 300ms;

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

@@ -152,7 +152,7 @@ export default {
   .text-footer-invalid-format h4 {
     text-overflow: ellipsis;
     overflow: hidden;
-    font-size: .9rem; 
+    font-size: 14.4px; 
   }
 
   .text-footer-exclude-file {
@@ -163,8 +163,8 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    min-width: 1rem;
-    min-height: 1rem;
+    min-width: 16px;
+    min-height: 16px;
     background-color: #FFF;
     border-radius: 50%;
   }
@@ -260,7 +260,7 @@ export default {
     cursor: pointer;
   }
   .delete-file > svg {
-    font-size: 1rem;
+    font-size: 16px;
     color: #E74C3C;
   }
 </style>

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

@@ -390,7 +390,7 @@ export default {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  font-size: 1.375rem;
+  font-size: 22px;
 }
 
 .sm-emoji-item {

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

@@ -71,10 +71,10 @@ export default {
     font-weight: 500; 
   }
   .text-footer-invalid-format h4 {
-    font-size: .9rem; 
+    font-size: 14.4px; 
   }
   .text-footer-preview-title {
-    font-size: 1rem;
+    font-size: 16px;
     padding: 10px 0 0 10px;
     white-space: nowrap;
     overflow: hidden;

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

@@ -56,11 +56,11 @@
       <div
         v-if="
           buttons.hasFiles ||
-            buttons.hasAudio ||
-            buttons.hasExpand ||
-            formattedMessageSettings.hasStandardMessages ||
-            buttons.hasScreenShare ||
-            buttons.hasDownloadAll
+          buttons.hasAudio ||
+          buttons.hasExpand ||
+          formattedMessageSettings.hasStandardMessages ||
+          buttons.hasScreenShare ||
+          buttons.hasDownloadAll
         "
         class="text-footer-actions"
         :class="{ 'outside-buttons': cssStyle.outsideButtons && !audioFile }"
@@ -328,10 +328,7 @@ export default {
           this.$toasted.global.defaultInfo({
             msg: this.dictionary.msg_erro_sem_msg_formatada,
           });
-        } else if (
-          typeof event.data === "string" &&
-          this.showStandardMessages
-        ) {
+        } else if (typeof event.data === "string" && this.showStandardMessages) {
           this.message = event.data;
           this.focusTextarea();
           this.closeBlockerStandardMessage();
@@ -366,13 +363,9 @@ export default {
           const cursorEnd = textarea.selectionEnd;
           if (cursorEnd == textarea.value.length) {
             this.message += emoji.finalEmoji;
-            textarea.setSelectionRange(
-              textarea.value.length,
-              textarea.value.length
-            );
+            textarea.setSelectionRange(textarea.value.length, textarea.value.length);
           } else {
-            const initValue =
-              textarea.value.slice(0, cursorStart) + emoji.finalEmoji;
+            const initValue = textarea.value.slice(0, cursorStart) + emoji.finalEmoji;
             const endValue = textarea.value.slice(cursorEnd);
             this.message = initValue + endValue;
             textarea.setSelectionRange(initValue.length, initValue.length);
@@ -395,11 +388,7 @@ export default {
         }
       }
 
-      if (
-        (!this.message || !this.message.trim()) &&
-        !this.hasAnyFile &&
-        !this.audioFile
-      )
+      if ((!this.message || !this.message.trim()) && !this.hasAnyFile && !this.audioFile)
         return false;
 
       if (this.textareaSettings.disabled) return false;
@@ -499,13 +488,7 @@ export default {
       };
     },
     setFileVars(fileObj) {
-      const {
-        file,
-        imagePreview,
-        isDoc,
-        fileFormatError,
-        hasAnyFile,
-      } = fileObj;
+      const { file, imagePreview, isDoc, fileFormatError, hasAnyFile } = fileObj;
 
       this.file = file;
       this.imagePreview = imagePreview ? imagePreview : "";
@@ -535,21 +518,12 @@ export default {
       this.audioSource = "";
     },
     returnFileType(file, stopAlert) {
-      if (
-        !this.fileSettings.imagesExtensions &&
-        !this.fileSettings.docsExtensions
-      )
+      if (!this.fileSettings.imagesExtensions && !this.fileSettings.docsExtensions)
         return false;
-      const imgRegex = new RegExp(
-        "\.(" + this.fileSettings.imagesExtensions + ")",
-        "i"
-      );
+      const imgRegex = new RegExp("\.(" + this.fileSettings.imagesExtensions + ")", "i");
       if (imgRegex.test(file.name)) return "img";
 
-      const docRegex = new RegExp(
-        "\.(" + this.fileSettings.docsExtensions + ")",
-        "i"
-      );
+      const docRegex = new RegExp("\.(" + this.fileSettings.docsExtensions + ")", "i");
       if (docRegex.test(file.name)) return "doc";
 
       if (!stopAlert) return false;
@@ -607,8 +581,7 @@ export default {
       try {
         e.stopPropagation();
         e.preventDefault();
-        if (!this.buttons.hasFiles || this.fileSettings.handleFileClick)
-          return false;
+        if (!this.buttons.hasFiles || this.fileSettings.handleFileClick) return false;
         const files = e.dataTransfer.files.length ? e.dataTransfer.files : "";
         this.filesHandler(files);
       } catch (e) {
@@ -713,7 +686,7 @@ ul {
   height: 80px;
 }
 .text-footer-container.bigger .text-footer > textarea {
-  font-size: 0.875rem;
+  font-size: 14px;
   height: 75px;
   max-height: 75px;
   min-height: 75px;
@@ -725,7 +698,7 @@ ul {
   resize: none;
   min-height: 30px;
   max-height: 60px;
-  font-size: 0.875rem;
+  font-size: 14px;
   font-family: inherit;
   background: inherit;
 }
@@ -733,7 +706,7 @@ ul {
   outline: unset;
 }
 .text-footer-container textarea::placeholder {
-  font-size: 0.75rem;
+  font-size: 12px;
 }
 .text-footer-container .text-footer-audio {
   flex: 1;
@@ -754,7 +727,7 @@ ul {
   color: #e74c3c;
   transition: background 300ms;
   border-radius: 50%;
-  font-size: 1rem;
+  font-size: 16px;
   padding: 10px;
   cursor: pointer;
   margin: 0 5px;
@@ -765,7 +738,7 @@ ul {
   background-color: rgba(208, 0, 0, 0.2);
 }
 .text-footer-container .max-characters {
-  font-size: 0.575rem;
+  font-size: 9.2px;
   z-index: 1;
   color: #444;
   position: relative;
@@ -795,34 +768,26 @@ ul {
   border-radius: 50%;
   transition: background 300ms;
   padding: 10px;
-  font-size: 1rem;
+  font-size: 16px;
   width: 36px;
   height: 36px;
   cursor: pointer;
   margin-right: 2.5px;
 }
-.text-footer-container
-  .text-footer-actions
-  .text-footer-actions--btn:last-child {
+.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child {
   margin-right: unset;
 }
 .text-footer-container .text-footer-actions .text-footer-actions--btn:hover {
   background-color: rgba(0, 0, 0, 0.1);
 }
-.text-footer-container
-  .text-footer-actions
-  .text-footer-actions--btn.files-activated {
+.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated {
   background-color: rgba(0, 0, 0, 0.1);
 }
-.text-footer-container
-  .text-footer-actions
-  .text-footer-actions--btn.audio-activated {
+.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated {
   background-color: rgba(208, 0, 0, 0.7);
   color: #fff;
 }
-.text-footer-container
-  .text-footer-actions
-  .text-footer-actions--btn.left-button {
+.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button {
   position: absolute;
   left: 0;
 }
@@ -896,7 +861,7 @@ ul {
   .text-footer-select-03
   .text-footer--btn-select-03
   svg {
-  font-size: 1rem;
+  font-size: 16px;
 }
 .text-footer-container .text-footer-files-container {
   position: absolute;
@@ -926,7 +891,7 @@ ul {
   padding: 3px;
   width: 40px;
   height: 40px;
-  font-size: 1rem;
+  font-size: 16px;
   color: #fff;
 }
 .text-footer-container .text-footer-files-container .files-btn:hover {
@@ -939,9 +904,7 @@ ul {
   background-color: #9575cd;
   margin-right: 5px;
 }
-.text-footer-container
-  .text-footer-files-container
-  .files-btn.images.margin-bottom {
+.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom {
   margin-right: unset;
   margin-bottom: 5px;
 }
@@ -953,20 +916,14 @@ ul {
   margin-left: 5px;
 }
 .text-footer-container .text-footer-files-container .files-btn.both {
-  font-size: 0.95rem;
+  font-size: 15.2px;
   background-color: rgb(85, 85, 236);
   flex-direction: column;
 }
-.text-footer-container
-  .text-footer-files-container
-  .files-btn.both
-  svg:nth-child(1) {
+.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1) {
   transform: translateX(5px);
 }
-.text-footer-container
-  .text-footer-files-container
-  .files-btn.both
-  svg:nth-child(2) {
+.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2) {
   transform: translateX(-5px);
 }
 
@@ -992,9 +949,7 @@ ul {
   width: 100%;
   height: 200px;
 }
-.text-footer-container
-  .text-footer-preview-container.isImg
-  .text-footer-image-preview {
+.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview {
   height: 170px;
 }
 .text-footer-container .text-footer-preview-container.isError {
@@ -1012,7 +967,7 @@ ul {
   margin-top: 12px;
 }
 .text-footer-container .text-footer-alt .text-footer-sem-24h {
-  font-size: 0.8rem;
+  font-size: 12.8px;
   text-align: right;
   font-weight: 600;
   letter-spacing: -0.5px;
@@ -1023,7 +978,7 @@ ul {
 }
 .text-footer-container .text-footer-alt .sem-templates {
   margin-top: 10px;
-  font-size: 0.8rem;
+  font-size: 12.8px;
   text-align: right;
   font-weight: 600;
   letter-spacing: -0.5px;
@@ -1057,7 +1012,7 @@ ul {
 }
 
 .vs__dropdown-menu {
-  font-size: 0.85rem !important;
+  font-size: 13.6px !important;
 }
 
 .emoji-mart-anchor,

package/src/lib-components/Email/EmailItem.vue

@@ -162,10 +162,10 @@ export default {
         font-weight: bold;
     }
     .fs-_9 {
-        font-size: .9rem;
+        font-size: 14.4px;
     }
     .fs-_8 {
-        font-size: .8rem;
+        font-size: 12.8px;
     }
     .text-gray {
         color: gray;

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

@@ -12,37 +12,24 @@
           <source :src="docURL" :type="fileType" />
           Sem suporte para o elemento audio
         </audio>
-        <audio-speed-control
-          @change-speed="changeAudioSpeed"
-        ></audio-speed-control>
+        <audio-speed-control @change-speed="changeAudioSpeed"></audio-speed-control>
       </div>
 
       <video v-else-if="video" controls="controls">
         <source :src="docURL" :type="fileType" />
         Sem suporte para o elemento video
       </video>
-      <span
-        v-else-if="docURL"
-        @click="openWindowFromURL(docURL)"
-        class="default-doc"
-      >
+      <span v-else-if="docURL" @click="openWindowFromURL(docURL)" class="default-doc">
         <fa-icon :class="[iconClass]" :icon="icon" />
         <p v-text="filename" :title="filename"></p>
       </span>
       <span v-else class="default-doc">
-        <fa-icon
-          :class="[iconClass ? iconClass : '']"
-          :icon="['fas', 'file-alt']"
-        />
+        <fa-icon :class="[iconClass ? iconClass : '']" :icon="['fas', 'file-alt']" />
         <p v-text="filename" :title="filename"></p>
       </span>
       <!-- Acoes -->
       <div v-if="showControlFiles" class="file-actions">
-        <span
-          v-if="imageURL"
-          class="file-action-button"
-          @click="showImage(imageURL)"
-        >
+        <span v-if="imageURL" class="file-action-button" @click="showImage(imageURL)">
           <fa-icon
             :icon="['fas', 'search-plus']"
             v-tippy
@@ -87,9 +74,7 @@
 
             <div class="tippy-confirmation">
               <p>Deseja fazer download de todos anexos da tela?</p>
-              <button class="cancel box-shadow" @click="closeTippy">
-                Cancelar
-              </button>
+              <button class="cancel box-shadow" @click="closeTippy">Cancelar</button>
               <button
                 class="confirm box-shadow"
                 @click="downloadAllFilesHandler(referenceSelector)"
@@ -118,8 +103,8 @@
     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: 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);
 }
 
 .tippy-confirmation p {
@@ -132,7 +117,7 @@
   border-radius: 3px;
   padding: 5px 8px;
   cursor: pointer;
-  font-size: 0.75rem;
+  font-size: 12px;
 }
 
 .tippy-confirmation button.cancel {
@@ -255,7 +240,7 @@ export default {
 }
 
 .default-doc svg {
-  font-size: 1.2rem;
+  font-size: 19.2px;
   margin-right: 5px;
 }
 
@@ -351,25 +336,24 @@ export default {
 .anexo-container .arquivo-erro {
   margin: 0;
   margin-left: 15px;
-  font-size: 0.9rem;
+  font-size: 14.4px;
 }
 
 .anexo-container svg {
-  font-size: 2rem;
+  font-size: 32px;
 }
 
 .anexo-mensagem audio .divAudioPai {
   outline: none;
   width: 100%;
   margin-bottom: 5px;
-  
 }
 .audioStyle {
   width: 370px;
 }
 
 .divAudioPai {
-display: flex;
+  display: flex;
   /* justify-content: space-between; */
   background-color: #f1f3f4;
   border-radius: 50%;
@@ -436,10 +420,10 @@ display: flex;
 
 .alert {
   position: relative;
-  padding: 0.65rem 1.2rem;
+  padding: 10.4px 19.2px;
   margin: 5px 0;
   border: 1px solid transparent;
-  border-radius: 0.25rem;
+  border-radius: 4px;
   text-align: center;
 }
 

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

@@ -411,7 +411,7 @@ export default {
   padding: 10px 5px;
 }
 .card-header svg {
-  font-size: 1rem;
+  font-size: 16px;
 }
 
 .card-canal {
@@ -489,7 +489,7 @@ export default {
 }
 
 .card-chip {
-  font-size: 0.8rem;
+  font-size: 12.8px;
   width: fit-content;
   border-radius: 15px;
   transition: all 150ms ease-in-out;

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

@@ -656,7 +656,7 @@ export default {
 
 .mensagem-reply {
   padding: 5px 10px;
-  font-size: 0.75rem;
+  font-size: 12px;
   color: #666;
   transition: background-color 150ms ease-in-out;
   border-radius: 5px;
@@ -706,7 +706,7 @@ export default {
   position: relative;
   max-width: 80%;
   margin-bottom: 10px;
-  font-size: 0.75rem;
+  font-size: 12px;
   word-break: break-word;
 
   -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
@@ -754,10 +754,10 @@ export default {
   position: absolute;
   right: 53px;
   bottom: 5px;
-  font-size: 0.6rem;
+  font-size: 9.6px;
   color: #67a332;
-  width: 0.9rem;
-  height: 0.9rem;
+  width: 14.4px;
+  height: 14.4px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -777,7 +777,7 @@ export default {
   position: absolute;
   right: 10px;
   bottom: 2px;
-  font-size: 0.7rem;
+  font-size: 11.2px;
 }
 .check.visualizado,
 .check.visualizado svg {
@@ -804,7 +804,7 @@ export default {
   position: absolute;
   right: 30px;
   bottom: 2px;
-  font-size: 0.4rem;
+  font-size: 6.4px;
   width: 11.2px;
 }
 .default-stick-size {
@@ -813,7 +813,7 @@ export default {
 }
 .horario-envio {
   margin-right: 15px;
-  font-size: 0.7rem;
+  font-size: 11.2px;
   position: absolute;
   left: 10px;
   bottom: 2px;
@@ -821,7 +821,7 @@ export default {
 
 .autor-mensagem {
   position: absolute;
-  font-size: 0.6rem;
+  font-size: 9.6px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -835,7 +835,7 @@ export default {
   opacity: 0;
   transition: opacity 150ms ease-in-out;
   position: absolute;
-  font-size: 0.7rem;
+  font-size: 11.2px;
   top: 3px;
   display: flex;
   gap: 5px;

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

@@ -216,7 +216,7 @@ export default {
     display: flex;
     color: #333;
     font-weight: 700;
-    font-size: .9rem;
+    font-size: 14.4px;
   }
   .interatividade-form-body{
     padding: 0px 10px;
@@ -292,7 +292,7 @@ export default {
     margin-left: 3px;
   }
   .fs-2 {
-    font-size: 2rem;
+    font-size: 32px;
   }
   .flex-wrap {
     flex-wrap: wrap;
@@ -365,7 +365,7 @@ export default {
     align-items: center;
   }
   .fs-_85 {
-    font-size: .85rem;
+    font-size: 13.6px;
   }
   .text-ellipsis {
     text-overflow: ellipsis;

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

@@ -59,7 +59,7 @@ export default {
     background-color: #FFF;
     border-radius: 15px;
     color: #333;
-    font-size: .875rem;
+    font-size: 14px;
   }
 
   .interatividade-popup-titulo h1 {    

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

@@ -114,7 +114,7 @@ export default {
     border-radius: 5px;
     opacity: .95;
     transition: opacity 300ms ease-in-out;
-    font-size: .85rem;
+    font-size: 13.6px;
   }
 
   .link-preview-image {