vue-intergrall-plugins 0.0.245 → 0.0.248

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

@@ -11,7 +11,7 @@
     <div v-else class="mensagem" :class="{mapa, 'hist-msg' : histMsg, 'max-w-60' : link && !mapa}">
       <template v-if="anexos && anexos.length">
         <div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
-          <AnexoMensagem :dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio" @abrir-imagem="abrirImagem"/>
+          <AnexoMensagem :dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio" @abrir-imagem="abrirImagem" @download-all="$emit('download-all')"/>
         </div>
       </template>
       <img class="default-stick-size" v-if="urlSticker" :src="urlSticker" :title="urlFileName">
@@ -78,7 +78,10 @@ import LinkPreview from './LinkPreview'
 
 export default {
   components: { AnexoMensagem, InteratividadeBotoes, InteratividadeFormulario, LinkPreview },
-  props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao"],
+  props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao", "referenceSelector"],
+  created() {
+    if(!this.$root.$refs.chatMessages) this.$root.$refs.chatMessages = this
+  },
   data(){
     return{
       strTooltipAux: "",

package/src/lib-components/Templates/TemplateGenerator.vue

@@ -141,6 +141,9 @@
         }
         this.adjustOnSelect()
       },
+      focusSelect() {
+        if(this.$refs["template-v-select"] && this.$refs["template-v-select"].$el) this.$refs["template-v-select"].$el.querySelector("input").focus()
+      },
       selectIfIsUnique() {
         if(Object.keys(this.templates).length === 1) {
           for(let key in this.templates) {
@@ -150,9 +153,7 @@
             this.adjustOnSelect()
           }
         }
-        if(!this.codTemplate && this.$refs["template-v-select"] && this.$refs["template-v-select"].$el) {
-          this.$refs["template-v-select"].$el.querySelector("input").focus()
-        }
+        if(!this.codTemplate) this.focusSelect()
       },
       selectIfHasContact24h() {
         if(this.templates['envio_msg']) {

package/src/lib-components/Templates/TemplateSingle.vue

@@ -171,6 +171,8 @@ export default {
     setEvent(input) {
       const varList = input.nextSibling
 
+      const currentInstance = this
+
       input.setAttribute("placeholder", `{{var_${this.lastVar}}}`);
       input.setAttribute("id", `{{var_${this.lastVar}}}`);
       input.addEventListener("input", (event) => {
@@ -181,11 +183,26 @@ export default {
         input.classList.remove("invalid");
         input.classList.add("active");
         if(varList) {
+          const handleNextFocus = () => {
+            const allInputs = document.querySelectorAll(`.input-var-${currentInstance.identifier}`)
+            let stop = false
+            if(allInputs.length) {
+              allInputs.forEach(elem => {
+                if(!elem.value && !stop) {
+                  stop = true
+                  elem.focus()
+                }
+              })
+            }
+            if(!stop && this.$refs["template-single-button"]) this.$refs["template-single-button"].focus()
+          }
+
           for(let i = 0; i < varList.children.length; i++) {
             varList.children[i].addEventListener("click", function() {
               input.value = `[${this.innerText}]`
               input.classList.add("active")
               input.dispatchEvent(new Event('input'))
+              handleNextFocus()
             })
           }
 
@@ -213,8 +230,7 @@ export default {
         if(varList) varList.classList.remove("visible")
       });
       input.addEventListener("keydown", (event) => {
-        if (event.keyCode == 13 && this.hasButton)
-          this.$emit("click-trigger");
+        if (event.keyCode == 13 && this.hasButton) this.$emit("click-trigger");
       });
       this.lastVar += 1;
     },