vue-intergrall-plugins 0.0.244 → 0.0.247

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

@@ -1857,7 +1857,7 @@ var createPopper = /*#__PURE__*/popperGenerator({
 //
 //
 //
-var script$x = {
+var script$y = {
   data() {
     return {
       varValues: {},
@@ -1918,6 +1918,11 @@ var script$x = {
   },
 
   methods: {
+    handleInitialFocus() {
+      const allInputs = document.querySelectorAll(`.input-var-${this.identifier}`);
+      if (allInputs.length) allInputs[0].focus();else if (this.$refs["template-single-button"]) this.$refs["template-single-button"].focus();
+    },
+
     limparInputVar() {
       const allInputs = document.querySelectorAll(`.input-var-${this.identifier}`);
       allInputs.forEach(input => {
@@ -1976,6 +1981,7 @@ var script$x = {
 
     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 => {
@@ -1987,11 +1993,28 @@ var script$x = {
         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();
             });
           }
 
@@ -2153,10 +2176,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$x = script$x;
+const __vue_script__$y = script$y;
 /* template */
 
-var __vue_render__$x = function () {
+var __vue_render__$y = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2224,6 +2247,7 @@ var __vue_render__$x = function () {
       'small-btn': _vm.iconButton
     }
   }, [_c('button', {
+    ref: "template-single-button",
     on: {
       "click": function ($event) {
         return _vm.$emit('click-trigger');
@@ -2240,31 +2264,31 @@ var __vue_render__$x = function () {
   })], 2)]) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$x = [];
+var __vue_staticRenderFns__$y = [];
 /* style */
 
-const __vue_inject_styles__$x = undefined;
+const __vue_inject_styles__$y = undefined;
 /* scoped */
 
-const __vue_scope_id__$x = undefined;
+const __vue_scope_id__$y = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$x = undefined;
+const __vue_module_identifier__$y = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$x = false;
+const __vue_is_functional_template__$y = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$F = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$x,
-  staticRenderFns: __vue_staticRenderFns__$x
-}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, undefined, undefined, undefined);
+const __vue_component__$G = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$y,
+  staticRenderFns: __vue_staticRenderFns__$y
+}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, undefined, undefined, undefined);
 
-var TemplateSingle = __vue_component__$F;
+var TemplateSingle = __vue_component__$G;
 
 const setResizeListeners = ($el, inputClass, parentClass) => {
   const inputTargets = $el.querySelectorAll(inputClass);
@@ -2460,7 +2484,7 @@ var categories=[{id:"people",name:"Smileys & People",emojis:["grinning","grin","
 //
 //
 //
-var script$w = {};
+var script$x = {};
 
 const isOldIE = typeof navigator !== 'undefined' &&
     /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
@@ -2516,10 +2540,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$w = script$w;
+const __vue_script__$x = script$x;
 /* template */
 
-var __vue_render__$w = function () {
+var __vue_render__$x = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2529,7 +2553,7 @@ var __vue_render__$w = function () {
   return _vm._m(0);
 };
 
-var __vue_staticRenderFns__$w = [function () {
+var __vue_staticRenderFns__$x = [function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2592,7 +2616,7 @@ var __vue_staticRenderFns__$w = [function () {
 }];
 /* style */
 
-const __vue_inject_styles__$w = function (inject) {
+const __vue_inject_styles__$x = function (inject) {
   if (!inject) return;
   inject("data-v-606babe9_0", {
     source: ".box-shadow{-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)}.ov__skeleton--animation{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#f7f7f7}70%{background-color:#ededed}100%{background-color:#ededed}}.skeleton-picker{position:absolute;width:100%;height:100%;z-index:91;border-radius:5px;background-color:#fff;border:1px solid #ccc}.skeleton-options{width:100%;height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #ccc}.skeleton-options .opt{width:25px;height:50%}.skeleton-input{width:calc(100% - 30px);height:25px;margin:7px 15px;border-radius:2.5px}.skeleton-label{margin:15px 0;width:100%;height:30px}.skeleton-list{width:100%;padding-left:7.5px;display:flex;align-items:center;flex-wrap:wrap}.skeleton-list .opt{margin:0 5px 15px 6px;width:25px;height:25px}",
@@ -2603,26 +2627,26 @@ const __vue_inject_styles__$w = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$w = undefined;
+const __vue_scope_id__$x = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$w = undefined;
+const __vue_module_identifier__$x = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$w = false;
+const __vue_is_functional_template__$x = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$E = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
+const __vue_component__$F = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$x,
+  staticRenderFns: __vue_staticRenderFns__$x
+}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
 
-var SkeletonPicker = __vue_component__$E;
+var SkeletonPicker = __vue_component__$F;
 
 //
-var script$v = {
+var script$w = {
   components: {
     SkeletonPicker
   },
@@ -2831,10 +2855,10 @@ var script$v = {
 };
 
 /* script */
-const __vue_script__$v = script$v;
+const __vue_script__$w = script$w;
 /* template */
 
-var __vue_render__$v = function () {
+var __vue_render__$w = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2937,10 +2961,10 @@ var __vue_render__$v = function () {
   }), 0)]], 2)], 1);
 };
 
-var __vue_staticRenderFns__$v = [];
+var __vue_staticRenderFns__$w = [];
 /* style */
 
-const __vue_inject_styles__$v = function (inject) {
+const __vue_inject_styles__$w = function (inject) {
   if (!inject) return;
   inject("data-v-678ca55c_0", {
     source: ".box-shadow{-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)}.sm-emoji-picker{width:310px;z-index:2;border:1px solid #ccc;border-radius:5px;background-color:#fff;display:flex;flex-direction:column}.sm-emoji-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10px 0;border-bottom:1px solid #ccc}.sm-emoji-link{padding:0 5px 5px 5px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .2s;border-bottom:2px solid transparent}.sm-emoji-link a{margin:0;padding:0;fill:#999}.sm-emoji-link.active a>svg,.sm-emoji-link:hover a>svg{opacity:1;fill:#666}.sm-emoji-link.active a>svg[stroke-linecap],.sm-emoji-link:hover a>svg[stroke-linecap]{opacity:1;fill:transparent;stroke:#666}.sm-emoji-link.active{border-bottom:2px solid #666}.sm-emoji-scroll{width:100%;height:calc(100% - 52px);max-height:calc(100% - 52px);scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:8px;position:relative}.sm-emoji-scroll::-webkit-scrollbar{width:8px}.sm-emoji-scroll::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.sm-emoji-scroll::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#666}.sm-emoji-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}.sm-emoji-search{width:100%;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:1;background:#fff;padding-bottom:10px}.sm-emoji-search>input{width:90%;outline:0;border:1px solid #ccc;border-radius:2.5px;padding:5px 10px;transition:border .2s}.sm-emoji-search>input:active,.sm-emoji-search>input:focus,.sm-emoji-search>input:hover{outline:0;border:1px solid #999}.sm-emoji-search.sticky{position:fixed;width:310px;background-color:#fff}.sm-emoji-selection{width:100%;margin-bottom:10px}.sm-emoji-title{width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#f7f7f7;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sm-emoji-title svg{margin:0 5px}.sm-emoji-group{width:100%;display:flex;flex-wrap:wrap;font-size:1.375rem}.sm-emoji-item{cursor:pointer;opacity:.8;transition:opacity .2s;margin:3.5px}.sm-emoji-item:hover{opacity:1}",
@@ -2951,26 +2975,26 @@ const __vue_inject_styles__$v = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$v = undefined;
+const __vue_scope_id__$w = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$v = undefined;
+const __vue_module_identifier__$w = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$v = false;
+const __vue_is_functional_template__$w = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$D = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$v,
-  staticRenderFns: __vue_staticRenderFns__$v
-}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
+const __vue_component__$E = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
 
-var Picker = __vue_component__$D;
+var Picker = __vue_component__$E;
 
 //
-var script$u = {
+var script$v = {
   components: {
     Picker
   },
@@ -3070,10 +3094,10 @@ var script$u = {
 };
 
 /* script */
-const __vue_script__$u = script$u;
+const __vue_script__$v = script$v;
 /* template */
 
-var __vue_render__$u = function () {
+var __vue_render__$v = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3116,10 +3140,10 @@ var __vue_render__$u = function () {
   })], 1)], 1);
 };
 
-var __vue_staticRenderFns__$u = [];
+var __vue_staticRenderFns__$v = [];
 /* style */
 
-const __vue_inject_styles__$u = function (inject) {
+const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
   inject("data-v-7b7b5e22_0", {
     source: ".show-y-enter-active,.show-y-leave-enter{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-enter,.show-y-leave-to{opacity:0;transform:translateY(5%)}.emoji-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}",
@@ -3130,23 +3154,23 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$u = undefined;
+const __vue_scope_id__$v = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$u = undefined;
+const __vue_module_identifier__$v = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$u = false;
+const __vue_is_functional_template__$v = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$C = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$u,
-  staticRenderFns: __vue_staticRenderFns__$u
-}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
+const __vue_component__$D = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$v,
+  staticRenderFns: __vue_staticRenderFns__$v
+}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
 
-var BtnEmojis = __vue_component__$C;
+var BtnEmojis = __vue_component__$D;
 
 //
 //
@@ -3154,7 +3178,7 @@ var BtnEmojis = __vue_component__$C;
 //
 //
 //
-var script$t = {
+var script$u = {
   props: {
     hasBg: {
       type: Boolean,
@@ -3177,10 +3201,10 @@ var script$t = {
 };
 
 /* script */
-const __vue_script__$t = script$t;
+const __vue_script__$u = script$u;
 /* template */
 
-var __vue_render__$t = function () {
+var __vue_render__$u = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3202,13 +3226,13 @@ var __vue_render__$t = function () {
   })]);
 };
 
-var __vue_staticRenderFns__$t = [];
+var __vue_staticRenderFns__$u = [];
 /* style */
 
-const __vue_inject_styles__$t = function (inject) {
+const __vue_inject_styles__$u = function (inject) {
   if (!inject) return;
-  inject("data-v-423f52bb_0", {
-    source: ".req-loader-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.req-loader-container.light-bg{background-color:rgba(0,0,0,.3);border-radius:inherit}.req-loader-container.align-right{justify-content:flex-end}.req-loader-container.align-right .req-loader{margin-right:15px}.req-loader{border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;width:20px;height:20px;min-width:20px;min-height:20px;animation:spin 2s linear infinite}.req-loader.big{width:40px;height:40px;animation:spin 3s linear infinite}.req-loader.slow{animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",
+  inject("data-v-0b32f34b_0", {
+    source: ".req-loader-container{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.req-loader-container.light-bg{background-color:rgba(0,0,0,.3);border-radius:inherit}.req-loader-container.align-right{justify-content:flex-end}.req-loader-container.align-right .req-loader{margin-right:15px}.req-loader{border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;width:20px;height:20px;min-width:20px;min-height:20px;animation:spin 2s linear infinite}.req-loader.big{width:40px;height:40px;animation:spin 3s linear infinite}.req-loader.slow{animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",
     map: undefined,
     media: undefined
   });
@@ -3216,23 +3240,23 @@ const __vue_inject_styles__$t = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$t = undefined;
+const __vue_scope_id__$u = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$t = undefined;
+const __vue_module_identifier__$u = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$t = false;
+const __vue_is_functional_template__$u = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$B = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$t,
-  staticRenderFns: __vue_staticRenderFns__$t
-}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
+const __vue_component__$C = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$u,
+  staticRenderFns: __vue_staticRenderFns__$u
+}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
 
-var Loader = __vue_component__$B;
+var Loader = __vue_component__$C;
 
 //
 //
@@ -3242,7 +3266,7 @@ var Loader = __vue_component__$B;
 //
 //
 //
-var script$s = {
+var script$t = {
   props: {
     message: {
       type: String,
@@ -3263,10 +3287,10 @@ var script$s = {
 };
 
 /* script */
-const __vue_script__$s = script$s;
+const __vue_script__$t = script$t;
 /* template */
 
-var __vue_render__$s = function () {
+var __vue_render__$t = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3281,31 +3305,31 @@ var __vue_render__$s = function () {
   }) : _vm._e();
 };
 
-var __vue_staticRenderFns__$s = [];
+var __vue_staticRenderFns__$t = [];
 /* style */
 
-const __vue_inject_styles__$s = undefined;
+const __vue_inject_styles__$t = undefined;
 /* scoped */
 
-const __vue_scope_id__$s = undefined;
+const __vue_scope_id__$t = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$s = undefined;
+const __vue_module_identifier__$t = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$s = false;
+const __vue_is_functional_template__$t = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$A = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
-}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, undefined, undefined, undefined);
+const __vue_component__$B = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
+}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
 
-var RemainingCharacters = __vue_component__$A;
+var RemainingCharacters = __vue_component__$B;
 
 //
 //
@@ -3313,7 +3337,7 @@ var RemainingCharacters = __vue_component__$A;
 //
 //
 //
-var script$r = {
+var script$s = {
   props: {
     dictionary: {
       type: Object,
@@ -3385,10 +3409,10 @@ var script$r = {
 };
 
 /* script */
-const __vue_script__$r = script$r;
+const __vue_script__$s = script$s;
 /* template */
 
-var __vue_render__$r = function () {
+var __vue_render__$s = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3410,31 +3434,31 @@ var __vue_render__$r = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$s = [];
 /* style */
 
-const __vue_inject_styles__$r = undefined;
+const __vue_inject_styles__$s = undefined;
 /* scoped */
 
-const __vue_scope_id__$r = undefined;
+const __vue_scope_id__$s = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$r = undefined;
+const __vue_module_identifier__$s = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$r = false;
+const __vue_is_functional_template__$s = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
-}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, undefined, undefined, undefined);
+const __vue_component__$A = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
+}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, undefined, undefined, undefined);
 
-var BtnMic = __vue_component__$z;
+var BtnMic = __vue_component__$A;
 
 //
 //
@@ -3459,7 +3483,7 @@ var BtnMic = __vue_component__$z;
 //
 //
 //
-var script$q = {
+var script$r = {
   props: {
     textId: {
       type: String,
@@ -3517,10 +3541,10 @@ var script$q = {
 };
 
 /* script */
-const __vue_script__$q = script$q;
+const __vue_script__$r = script$r;
 /* template */
 
-var __vue_render__$q = function () {
+var __vue_render__$r = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3591,10 +3615,10 @@ var __vue_render__$q = function () {
   })]) : _vm._e()]], 2) : _vm._e();
 };
 
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$r = [];
 /* style */
 
-const __vue_inject_styles__$q = function (inject) {
+const __vue_inject_styles__$r = function (inject) {
   if (!inject) return;
   inject("data-v-a5119ba8_0", {
     source: ".single-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.single-file-preview .close-icon:hover{opacity:1}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
@@ -3605,26 +3629,26 @@ const __vue_inject_styles__$q = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$q = undefined;
+const __vue_scope_id__$r = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$q = undefined;
+const __vue_module_identifier__$r = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$q = false;
+const __vue_is_functional_template__$r = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
-}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
+}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
 
-var SingleFilePreview = __vue_component__$y;
+var SingleFilePreview = __vue_component__$z;
 
 //
-var script$p = {
+var script$q = {
   components: {
     Loader
   },
@@ -3707,10 +3731,10 @@ var script$p = {
 };
 
 /* script */
-const __vue_script__$p = script$p;
+const __vue_script__$q = script$q;
 /* template */
 
-var __vue_render__$p = function () {
+var __vue_render__$q = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3832,10 +3856,10 @@ var __vue_render__$p = function () {
   })], 2)], 1);
 };
 
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$q = [];
 /* style */
 
-const __vue_inject_styles__$p = function (inject) {
+const __vue_inject_styles__$q = function (inject) {
   if (!inject) return;
   inject("data-v-131a11b5_0", {
     source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.multiple-file-preview .close-icon:hover{opacity:1}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{text-overflow:ellipsis;overflow:hidden;font-weight:500}.text-footer-invalid-format h4{text-overflow:ellipsis;overflow:hidden;font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px;display:inline-block}.file-title.red{color:#e74c3c;margin-right:5px}.file-title>svg{margin-right:5px;color:#333}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .doc,.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px}.small-img .pdf{color:#e74c3c}.small-img .doc{color:#006bc9}.small-img .doc svg,.small-img .pdf svg{z-index:1}.small-img .doc::after,.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
@@ -3846,26 +3870,26 @@ const __vue_inject_styles__$p = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$p = undefined;
+const __vue_scope_id__$q = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$p = undefined;
+const __vue_module_identifier__$q = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$p = false;
+const __vue_is_functional_template__$q = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$x = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
-}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
+const __vue_component__$y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
 
-var MultipleFilePreview = __vue_component__$x;
+var MultipleFilePreview = __vue_component__$y;
 
 //
-var script$o = {
+var script$p = {
   components: {
     SingleFilePreview,
     MultipleFilePreview
@@ -4227,10 +4251,10 @@ var script$o = {
 };
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$p = script$p;
 /* template */
 
-var __vue_render__$o = function () {
+var __vue_render__$p = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4437,10 +4461,10 @@ var __vue_render__$o = function () {
   }) : _vm._e()], 1)])], 1);
 };
 
-var __vue_staticRenderFns__$o = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
 
-const __vue_inject_styles__$o = function (inject) {
+const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
   inject("data-v-0a31a0c7_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}.files-counter-2{transform:translate(-15px,28px);opacity:.9;position:absolute;display:flex;justify-content:center;align-items:center;color:#888;font-size:.8rem}.files-counter-2 svg{margin-left:5px}.files-counter-2:hover{opacity:1;text-decoration:underline}",
@@ -4451,23 +4475,23 @@ const __vue_inject_styles__$o = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$o = undefined;
+const __vue_scope_id__$p = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$p = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
+const __vue_component__$x = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
-var BtnFiles = __vue_component__$w;
+var BtnFiles = __vue_component__$x;
 
 //
 //
@@ -4475,7 +4499,7 @@ var BtnFiles = __vue_component__$w;
 //
 //
 //
-var script$n = {
+var script$o = {
   props: {
     dictionary: {
       type: Object,
@@ -4486,10 +4510,10 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$o = script$o;
 /* template */
 
-var __vue_render__$n = function () {
+var __vue_render__$o = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4513,31 +4537,31 @@ var __vue_render__$n = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
-const __vue_inject_styles__$n = undefined;
+const __vue_inject_styles__$o = undefined;
 /* scoped */
 
-const __vue_scope_id__$n = undefined;
+const __vue_scope_id__$o = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$o = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$v = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
+const __vue_component__$w = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
 
-var BtnExpand = __vue_component__$v;
+var BtnExpand = __vue_component__$w;
 
 //
 //
@@ -4545,7 +4569,7 @@ var BtnExpand = __vue_component__$v;
 //
 //
 //
-var script$m = {
+var script$n = {
   props: {
     dictionary: {
       type: Object,
@@ -4556,10 +4580,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$n = script$n;
 /* template */
 
-var __vue_render__$m = function () {
+var __vue_render__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4583,31 +4607,31 @@ var __vue_render__$m = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-const __vue_inject_styles__$m = undefined;
+const __vue_inject_styles__$n = undefined;
 /* scoped */
 
-const __vue_scope_id__$m = undefined;
+const __vue_scope_id__$n = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$n = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
+const __vue_component__$v = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
 
-var BtnStandardMessages = __vue_component__$u;
+var BtnStandardMessages = __vue_component__$v;
 
 var bind = function bind(fn, thisArg) {
   return function wrap() {
@@ -8522,7 +8546,7 @@ const standardMessages = {
 };
 
 //
-var script$l = {
+var script$m = {
   mixins: [standardMessages],
   props: {
     hasStandardMessages: {
@@ -8736,7 +8760,161 @@ var script$l = {
         console.error("Erro ao inserir mensagem formatada: ", e);
       }
     }
-
+
+  }
+};
+
+/* script */
+const __vue_script__$m = script$m;
+/* template */
+
+var __vue_render__$m = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _vm.hasStandardMessages ? _c('div', {
+    staticClass: "text-footer-hsm-container"
+  }, [_c('div', {
+    staticClass: "transition-selects"
+  }, [_c('transition', {
+    attrs: {
+      "name": "fade",
+      "mode": "out-in"
+    }
+  }, [_vm.formatted_messages_2.length && _vm.key_1 ? _c('div', [_c('v-select', {
+    staticClass: "text-footer-v-select",
+    style: "background-color: " + _vm.backgroundColor,
+    attrs: {
+      "appendToBody": "",
+      "calculatePosition": _vm.calculateSelectPosition,
+      "options": _vm.formatted_messages_2,
+      "label": "value",
+      "reduce": function (formatted_messages_2) {
+        return formatted_messages_2.cod;
+      }
+    },
+    on: {
+      "input": _vm.inputSelectKey2
+    },
+    model: {
+      value: _vm.key_2,
+      callback: function ($$v) {
+        _vm.key_2 = $$v;
+      },
+      expression: "key_2"
+    }
+  }, [_c('div', {
+    attrs: {
+      "slot": "no-options"
+    },
+    slot: "no-options"
+  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])])], 1) : _vm.key_1 && _vm.loadingReq ? _c('div', {
+    staticClass: "loader-select"
+  }, [_c('VueLoader')], 1) : _vm._e()]), _vm._v(" "), _c('transition', {
+    attrs: {
+      "name": "fade",
+      "mode": "out-in"
+    }
+  }, [_vm.formatted_messages_3.length && _vm.key_2 && _vm.formatted_messages_2.length && _vm.key_1 ? _c('div', {
+    staticClass: "text-footer-select-03"
+  }, [_c('v-select', {
+    staticClass: "text-footer-v-select",
+    style: "background-color: " + _vm.backgroundColor,
+    attrs: {
+      "appendToBody": "",
+      "calculatePosition": _vm.calculateSelectPosition,
+      "options": _vm.formatted_messages_3,
+      "reduce": function (formatted_messages_3) {
+        return formatted_messages_3.cod;
+      },
+      "label": "value",
+      "clearable": false
+    },
+    on: {
+      "input": function ($event) {
+        return _vm.openMsg();
+      }
+    },
+    model: {
+      value: _vm.key_3,
+      callback: function ($$v) {
+        _vm.key_3 = $$v;
+      },
+      expression: "key_3"
+    }
+  }, [_c('div', {
+    attrs: {
+      "slot": "no-options"
+    },
+    slot: "no-options"
+  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])])], 1) : _vm.key_2 && _vm.loadingReq ? _c('div', {
+    staticClass: "loader-select"
+  }, [_c('VueLoader')], 1) : _vm._e()])], 1)]) : _vm._e();
+};
+
+var __vue_staticRenderFns__$m = [];
+/* style */
+
+const __vue_inject_styles__$m = function (inject) {
+  if (!inject) return;
+  inject("data-v-7cd1c21b_0", {
+    source: ".transition-selects{min-height:80px;display:flex;flex-direction:column;width:100%}.loader-select{position:relative;min-height:35px;background:#fff;width:100%;border:1px solid #ccc;border-radius:5px;z-index:1}.loading-message{background-color:#555!important}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$m = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$m = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$m = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$u = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+
+var StandardMessages = __vue_component__$u;
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var script$l = {
+  props: {
+    dictionary: {
+      type: Object,
+      default: {},
+      required: false
+    }
   }
 };
 
@@ -8751,84 +8929,25 @@ var __vue_render__$l = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _vm.hasStandardMessages ? _c('div', {
-    staticClass: "text-footer-hsm-container"
-  }, [_c('div', {
-    staticClass: "transition-selects"
-  }, [_c('transition', {
-    attrs: {
-      "name": "fade",
-      "mode": "out-in"
-    }
-  }, [_vm.formatted_messages_2.length && _vm.key_1 ? _c('div', [_c('v-select', {
-    staticClass: "text-footer-v-select",
-    style: "background-color: " + _vm.backgroundColor,
+  return _c('div', {
+    staticClass: "text-footer-actions--btn",
     attrs: {
-      "appendToBody": "",
-      "calculatePosition": _vm.calculateSelectPosition,
-      "options": _vm.formatted_messages_2,
-      "label": "value",
-      "reduce": function (formatted_messages_2) {
-        return formatted_messages_2.cod;
-      }
+      "title": _vm.dictionary.title_screen_share
     },
     on: {
-      "input": _vm.inputSelectKey2
-    },
-    model: {
-      value: _vm.key_2,
-      callback: function ($$v) {
-        _vm.key_2 = $$v;
-      },
-      expression: "key_2"
+      "click": function ($event) {
+        return _vm.$emit('toggle-standard-messages');
+      }
     }
-  }, [_c('div', {
-    attrs: {
-      "slot": "no-options"
-    },
-    slot: "no-options"
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])])], 1) : _vm.key_1 && _vm.loadingReq ? _c('div', {
-    staticClass: "loader-select"
-  }, [_c('VueLoader')], 1) : _vm._e()]), _vm._v(" "), _c('transition', {
+  }, [_c('fa-icon', {
     attrs: {
-      "name": "fade",
-      "mode": "out-in"
+      "icon": ['fas', 'desktop']
     }
-  }, [_vm.formatted_messages_3.length && _vm.key_2 && _vm.formatted_messages_2.length && _vm.key_1 ? _c('div', {
-    staticClass: "text-footer-select-03"
-  }, [_c('v-select', {
-    staticClass: "text-footer-v-select",
-    style: "background-color: " + _vm.backgroundColor,
+  }), _vm._v(" "), _c('fa-icon', {
     attrs: {
-      "appendToBody": "",
-      "calculatePosition": _vm.calculateSelectPosition,
-      "options": _vm.formatted_messages_3,
-      "reduce": function (formatted_messages_3) {
-        return formatted_messages_3.cod;
-      },
-      "label": "value",
-      "clearable": false
-    },
-    on: {
-      "input": function ($event) {
-        return _vm.openMsg();
-      }
-    },
-    model: {
-      value: _vm.key_3,
-      callback: function ($$v) {
-        _vm.key_3 = $$v;
-      },
-      expression: "key_3"
+      "icon": ['fas', 'share']
     }
-  }, [_c('div', {
-    attrs: {
-      "slot": "no-options"
-    },
-    slot: "no-options"
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])])], 1) : _vm.key_2 && _vm.loadingReq ? _c('div', {
-    staticClass: "loader-select"
-  }, [_c('VueLoader')], 1) : _vm._e()])], 1)]) : _vm._e();
+  })], 1);
 };
 
 var __vue_staticRenderFns__$l = [];
@@ -8836,8 +8955,8 @@ var __vue_staticRenderFns__$l = [];
 
 const __vue_inject_styles__$l = function (inject) {
   if (!inject) return;
-  inject("data-v-7cd1c21b_0", {
-    source: ".transition-selects{min-height:80px;display:flex;flex-direction:column;width:100%}.loader-select{position:relative;min-height:35px;background:#fff;width:100%;border:1px solid #ccc;border-radius:5px;z-index:1}.loading-message{background-color:#555!important}",
+  inject("data-v-098c0894_0", {
+    source: ".text-footer-actions--btn[data-v-098c0894]{position:relative}.text-footer-actions--btn>svg[data-v-098c0894]:nth-child(1){font-size:1.2rem}.text-footer-actions--btn>svg[data-v-098c0894]:nth-child(2){font-size:.6rem;position:absolute;transform:translateY(-2px)}",
     map: undefined,
     media: undefined
   });
@@ -8845,7 +8964,7 @@ const __vue_inject_styles__$l = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$l = undefined;
+const __vue_scope_id__$l = "data-v-098c0894";
 /* module identifier */
 
 const __vue_module_identifier__$l = undefined;
@@ -8861,7 +8980,7 @@ const __vue_component__$t = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$l
 }, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
 
-var StandardMessages = __vue_component__$t;
+var BtnScreenShare = __vue_component__$t;
 
 //
 //
@@ -8908,22 +9027,25 @@ var __vue_render__$k = function () {
   return _c('div', {
     staticClass: "text-footer-actions--btn",
     attrs: {
-      "title": _vm.dictionary.title_screen_share
+      "title": _vm.dictionary.msg_baixar_todos_anexos
     },
     on: {
       "click": function ($event) {
-        return _vm.$emit('toggle-standard-messages');
+        return _vm.$emit('click-trigger');
       }
     }
+  }, [_c('span', {
+    staticClass: "multiplos"
   }, [_c('fa-icon', {
     attrs: {
-      "icon": ['fas', 'desktop']
+      "icon": ['fas', 'download']
     }
   }), _vm._v(" "), _c('fa-icon', {
+    staticClass: "small",
     attrs: {
-      "icon": ['fas', 'share']
+      "icon": ['fas', 'paperclip']
     }
-  })], 1);
+  })], 1)]);
 };
 
 var __vue_staticRenderFns__$k = [];
@@ -8931,8 +9053,8 @@ var __vue_staticRenderFns__$k = [];
 
 const __vue_inject_styles__$k = function (inject) {
   if (!inject) return;
-  inject("data-v-098c0894_0", {
-    source: ".text-footer-actions--btn[data-v-098c0894]{position:relative}.text-footer-actions--btn>svg[data-v-098c0894]:nth-child(1){font-size:1.2rem}.text-footer-actions--btn>svg[data-v-098c0894]:nth-child(2){font-size:.6rem;position:absolute;transform:translateY(-2px)}",
+  inject("data-v-402fcd8c_0", {
+    source: ".multiplos[data-v-402fcd8c]{display:flex}.multiplos svg[data-v-402fcd8c]{font-size:.95rem}.multiplos svg.small[data-v-402fcd8c]{font-size:.7rem!important}",
     map: undefined,
     media: undefined
   });
@@ -8940,7 +9062,7 @@ const __vue_inject_styles__$k = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$k = "data-v-098c0894";
+const __vue_scope_id__$k = "data-v-402fcd8c";
 /* module identifier */
 
 const __vue_module_identifier__$k = undefined;
@@ -8956,7 +9078,7 @@ const __vue_component__$s = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$k
 }, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
 
-var BtnScreenShare = __vue_component__$s;
+var BtnDownloadAllFiles = __vue_component__$s;
 
 //
 var script$j = {
@@ -8969,7 +9091,8 @@ var script$j = {
     RemainingCharacters,
     BtnStandardMessages,
     StandardMessages,
-    BtnScreenShare
+    BtnScreenShare,
+    BtnDownloadAllFiles
   },
   mixins: [mixin_1],
   props: {
@@ -9593,12 +9716,28 @@ var __vue_render__$j = function () {
       "message": _vm.message,
       "maxCharacters": _vm.textareaSettings.maxCharacters
     }
-  }), _vm._v(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages || _vm.buttons.hasScreenShare ? _c('div', {
+  }), _vm._v(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages || _vm.buttons.hasScreenShare || _vm.buttons.hasDownloadAll ? _c('div', {
     staticClass: "text-footer-actions",
     class: {
       'outside-buttons': _vm.cssStyle.outsideButtons && !_vm.audioFile
     }
-  }, [_c('BtnScreenShare', {
+  }, [_c('BtnDownloadAllFiles', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.buttons.hasDownloadAll && !_vm.audioFile,
+      expression: "buttons.hasDownloadAll && !audioFile"
+    }],
+    ref: _vm.textId + "-download-files",
+    attrs: {
+      "dictionary": _vm.dictionary
+    },
+    on: {
+      "click-trigger": function ($event) {
+        return _vm.$emit('handle-download-files');
+      }
+    }
+  }), _vm._v(" "), _c('BtnScreenShare', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -9731,7 +9870,7 @@ var __vue_staticRenderFns__$j = [];
 
 const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
-  inject("data-v-649d74f4_0", {
+  inject("data-v-ea7ce0e2_0", {
     source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-30px;right:35px;background-color:#fafafa}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.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,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:.95rem;background-color:#5555ec;flex-direction:column}.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){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{width:100%;cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
     map: undefined,
     media: undefined
@@ -9784,7 +9923,20 @@ var script$i = {
       required: true
     }
   },
+
+  mounted() {
+    this.initFocus();
+  },
+
   methods: {
+    initFocus() {
+      this.$nextTick(() => {
+        if (this.$refs["text-footer-template-message"] && this.$refs["text-footer-template-message"].$el) {
+          this.$refs["text-footer-template-message"].$el.querySelector("textarea").focus();
+        }
+      });
+    },
+
     sendMessage() {
       this.$emit('click-trigger');
     },
@@ -9829,6 +9981,7 @@ var __vue_render__$i = function () {
       'tm-container': _vm.hasButton
     }
   }, [_c('TextFooter', {
+    ref: "text-footer-template-message",
     attrs: {
       "textId": 'var_1',
       "width": "full",
@@ -10000,6 +10153,9 @@ var script$h = {
         this.selectedTemplate = this.templates[key];
         this.codTemplate = key;
         this.$emit('selected-template', key);
+        this.$nextTick(() => {
+          if (this.$root.$refs[`template-single-${this.identifier}`]) this.$root.$refs[`template-single-${this.identifier}`].handleInitialFocus();
+        });
       } else {
         this.selectedTemplate = null;
       }
@@ -10007,6 +10163,10 @@ var script$h = {
       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) {
@@ -10016,6 +10176,8 @@ var script$h = {
           this.adjustOnSelect();
         }
       }
+
+      if (!this.codTemplate) this.focusSelect();
     },
 
     selectIfHasContact24h() {
@@ -10109,6 +10271,7 @@ var __vue_render__$h = function () {
       'column': _vm.columnSelect
     }
   }, [_c('h4', [_vm._v(" Template: ")]), _vm._v(" "), _c('v-select', {
+    ref: "template-v-select",
     staticClass: "tg-select",
     attrs: {
       "appendToBody": "",
@@ -10173,8 +10336,8 @@ var __vue_staticRenderFns__$h = [];
 
 const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
-  inject("data-v-5a97ed34_0", {
-    source: "*{box-sizing:border-box}.toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}h1,h2,h3,h4,p{margin:0;padding:0}.tg-container{width:100%;max-width:800px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tg-options{width:100%;display:flex}.tg-options.column{flex-direction:column}.tg-options h4{margin-right:5px}.tg-select{flex:1;height:34px;overflow:hidden}.tg-select .vs__dropdown-toggle{background-color:#fff;height:34px;overflow:hidden;display:flex;align-items:center}.tg-select .vs__selected-options{height:34px;overflow:hidden}.tg-select .vs__selected-options>span{white-space:nowrap;text-overflow:ellipsis;flex:1}.tg-select .vs__selected-options>input{flex-grow:0}.vs__dropdown-option{transition:background-color 150ms;white-space:normal}.vs__dropdown-option:nth-child(odd){background-color:#f1f1f1}.vs__dropdown-option--highlight,.vs__dropdown-option--selected,.vs__dropdown-option:active,.vs__dropdown-option:focus,.vs__dropdown-option:hover{background-color:#5897fb!important;color:#fff}.tg-component{width:100%}.ts-container{width:100%;display:flex;justify-content:space-between}.ts-content{--border-color:#CCC;--background-color:#DFF0D8;--input-background-color:#FFF;--input-border-default:#007BFF;--input-border-error:#E74C3C;--placeholder-color:#BBB;flex:2;font-size:.7rem;padding:10px 0}.ts-content footer,.ts-content header,.ts-content section{padding:3px 5px;background-color:var(--background-color)}.ts-content header,.ts-content section{border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}.ts-content header{border-top-left-radius:2.5px;border-top-right-radius:2.5px;border-top:1px solid var(--border-color)}.ts-content header{font-weight:550}.ts-content section{line-height:25px}.ts-content section.margin-bottom{border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;border-bottom:1px solid var(--border-color)}.ts-content footer{border:1px solid var(--border-color);border-top:unset;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px}.ts-content input{border:1px solid transparent;outline:0;font-size:.8rem;padding:2.5px 5px;background-color:var(--input-background-color)}.ts-content input::placeholder{color:var(--placeholder-color)}.ts-content input.active,.ts-content input:focus{border:1px solid var(--input-border-default)}.ts-content input.invalid{border:1px solid var(--input-border-error)!important}.ts-content__var{display:inline-block;position:relative}.ts-dropdown{margin:0;padding:0;position:absolute;top:19px;left:0;background:#eee;width:100%;z-index:1;transition:all 150ms;visibility:hidden;opacity:0;list-style-type:none;border:1px solid #444;border-top:unset}.ts-dropdown li{width:100%;opacity:.9;cursor:pointer;font-weight:550;padding:2px 5px;transition:background-color 150ms}.ts-dropdown li:focus,.ts-dropdown li:focus-within,.ts-dropdown li:hover{opacity:1;background-color:#555;color:#fff}.ts-dropdown.visible{visibility:visible;opacity:1}.tg-btn{width:40%;display:flex;justify-content:center;align-items:center}.tg-btn button{outline:unset;border:unset;display:block;min-width:180px;height:35px;padding:0 10px;font-weight:500;background-color:#007bff;color:#fff;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px}.tg-btn button>svg{margin-right:5px;color:#003166}.tg-btn button:hover{opacity:1}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active,.tg-btn button:focus{outline:unset}.tg-btn.small-btn{width:auto;margin-left:5px}.tg-btn.small-btn svg{margin-right:0}.tg-btn.small-btn button{min-width:35px;width:35px;padding:0;display:flex;justify-content:center;align-items:center}.tm-container{border:1px solid var(--border-color);border-radius:2.5px;display:flex}",
+  inject("data-v-e3f5b41e_0", {
+    source: "*{box-sizing:border-box}.toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}h1,h2,h3,h4,p{margin:0;padding:0}.tg-container{width:100%;max-width:800px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tg-options{width:100%;display:flex}.tg-options.column{flex-direction:column}.tg-options h4{margin-right:5px}.tg-select{flex:1;height:34px;overflow:hidden}.tg-select .vs__dropdown-toggle{background-color:#fff;height:34px;overflow:hidden;display:flex;align-items:center}.tg-select .vs__selected-options{height:34px;overflow:hidden}.tg-select .vs__selected-options>span{white-space:nowrap;text-overflow:ellipsis;flex:1}.tg-select .vs__selected-options>input{flex-grow:0}.vs__dropdown-option{transition:background-color 150ms;white-space:normal}.vs__dropdown-option:nth-child(odd){background-color:#f1f1f1}.vs__dropdown-option--highlight,.vs__dropdown-option--selected,.vs__dropdown-option:active,.vs__dropdown-option:focus,.vs__dropdown-option:hover{background-color:#5897fb!important;color:#fff}.tg-component{width:100%}.ts-container{width:100%;display:flex;justify-content:space-between}.ts-content{--border-color:#CCC;--background-color:#DFF0D8;--input-background-color:#FFF;--input-border-default:#007BFF;--input-border-error:#E74C3C;--placeholder-color:#BBB;flex:2;font-size:.7rem;padding:10px 0}.ts-content footer,.ts-content header,.ts-content section{padding:3px 5px;background-color:var(--background-color)}.ts-content header,.ts-content section{border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}.ts-content header{border-top-left-radius:2.5px;border-top-right-radius:2.5px;border-top:1px solid var(--border-color)}.ts-content header{font-weight:550}.ts-content section{line-height:25px}.ts-content section.margin-bottom{border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;border-bottom:1px solid var(--border-color)}.ts-content footer{border:1px solid var(--border-color);border-top:unset;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px}.ts-content input{border:1px solid transparent;outline:0;font-size:.8rem;padding:2.5px 5px;background-color:var(--input-background-color)}.ts-content input::placeholder{color:var(--placeholder-color)}.ts-content input.active,.ts-content input:focus{border:1px solid var(--input-border-default)}.ts-content input.invalid{border:1px solid var(--input-border-error)!important}.ts-content__var{display:inline-block;position:relative}.ts-dropdown{margin:0;padding:0;position:absolute;top:19px;left:0;background:#eee;width:100%;z-index:1;transition:all 150ms;visibility:hidden;opacity:0;list-style-type:none;border:1px solid #444;border-top:unset}.ts-dropdown li{width:100%;opacity:.9;cursor:pointer;font-weight:550;padding:2px 5px;transition:background-color 150ms}.ts-dropdown li:focus,.ts-dropdown li:focus-within,.ts-dropdown li:hover{opacity:1;background-color:#555;color:#fff}.ts-dropdown.visible{visibility:visible;opacity:1}.tg-btn{width:40%;display:flex;justify-content:center;align-items:center}.tg-btn button{border:unset;display:block;min-width:180px;height:35px;padding:0 10px;font-weight:500;background-color:#007bff;color:#fff;transition:transform .3s ease-in-out;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px}.tg-btn button>svg{margin-right:5px;color:#003166}.tg-btn button:hover{opacity:1}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active,.tg-btn button:focus{outline:2px solid #000}.tg-btn.small-btn{width:auto;margin:0 5px}.tg-btn.small-btn svg{margin-right:0}.tg-btn.small-btn button{min-width:35px;width:35px;padding:0;display:flex;justify-content:center;align-items:center}.tm-container{border:1px solid var(--border-color);border-radius:2.5px;display:flex}",
     map: undefined,
     media: undefined
   });
@@ -10712,7 +10875,7 @@ function gerarVariaveisAnexo(anexos, storeObj) {
       case "mp3":
       case "audio/mp3":
       case "aac":
-        tipoDoc = type;
+        tipoDoc = type.startsWith("audio/") ? type : `audio/${type}`;
         docAnexo = `${dominio}/callcenter/docs.php?mku=${mku}`;
         nomeArquivo = name;
         audio = true;
@@ -10722,7 +10885,7 @@ function gerarVariaveisAnexo(anexos, storeObj) {
       case "video":
       case "mp4":
       case "m4v":
-        tipoDoc = type;
+        tipoDoc = type.startsWith("video/") ? type : `video/${type}`;
         docAnexo = `${dominio}/callcenter/docs.php?mku=${mku}`;
         nomeArquivo = name;
         video = true;
@@ -10838,6 +11001,41 @@ const fileHandler = {
 
     setIcon() {
       this.icon = this.fileType === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
+    },
+
+    downloadAllFilesHandler() {
+      try {
+        if (!this.$root.$refs.chatMessages || !this.$root.$refs.chatMessages.referenceSelector) return this.$emit("download-all");
+        const container = document.querySelector(`${this.$root.$refs.chatMessages.referenceSelector}`);
+        if (!container) return this.$emit("download-all");
+        const currentFilesToDownload = container.querySelectorAll("a[download]");
+        if (!currentFilesToDownload.length) return this.$emit("download-all", {
+          status: 'erro',
+          message: 'Sem anexos para fazer o download'
+        });
+        let index = 0;
+
+        const handleInterval = () => {
+          if (index > currentFilesToDownload.length) return false;
+          currentFilesToDownload[index] && currentFilesToDownload[index].click();
+          index += 1;
+          return true;
+        };
+
+        let interval = setInterval(() => {
+          const handler = handleInterval();
+
+          if (!handler) {
+            clearInterval(interval);
+            interval = 0;
+          }
+        }, 300);
+      } catch (error) {
+        console.error("Erro ao fazer o donwload de todos anexos");
+        this.$toasted.global.defaultError({
+          msg: error.message ? error.message : error
+        });
+      }
     }
 
   }
@@ -12393,38 +12591,7 @@ var __vue_render__$8 = function () {
 
   return _c('div', {
     staticClass: "mensagem-div-anexo"
-  }, [_c('transition-group', {
-    staticClass: "anexo-transition",
-    attrs: {
-      "name": "fade",
-      "mode": "out-in"
-    }
-  }, [_vm.imgErro ? _c('div', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "error-msg",
-    attrs: {
-      "content": _vm.imgMsgErro
-    }
   }, [_c('div', {
-    staticClass: "alert alert-danger",
-    attrs: {
-      "role": "alert"
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'file-image']
-    }
-  }), _vm._v("\n        " + _vm._s(_vm.dictionary.img_com_erro) + "\n      ")], 1)]) : _vm._e(), _vm._v(" "), _vm.isLoading ? _c('Loader', {
-    key: "anexo-loader",
-    attrs: {
-      "small": true,
-      "slow": true
-    }
-  }) : _c('div', {
-    key: "anexo-mensagem",
     staticClass: "anexo-mensagem"
   }, [_vm.imageURL ? _c('img', {
     attrs: {
@@ -12436,101 +12603,133 @@ var __vue_render__$8 = function () {
         return _vm.showImage(_vm.imageURL);
       }
     }
-  }) : _vm._e(), _vm._v(" "), _vm.imageURL ? _c('div', {
-    staticClass: "anexos-links-container"
-  }, [_c('a', {
-    attrs: {
-      "href": "#"
-    },
-    on: {
-      "click": function ($event) {
-        $event.preventDefault();
-        return _vm.showImage(_vm.imageURL);
-      }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.titulo_visualizar_img) + " ")]), _vm._v(" "), _c('fa-icon', {
+  }) : _vm.audio ? _c('audio', {
     attrs: {
-      "icon": ['fas', 'search-plus']
-    },
-    on: {
-      "click": function ($event) {
-        return _vm.showImage(_vm.imageURL);
-      }
+      "controls": ""
     }
-  })], 1) : _vm.docURL ? _c('div', {
-    staticClass: "anexo-container"
-  }, [_vm.audio || _vm.video ? [_vm.audio ? _c('audio', {
+  }, [_c('source', {
     attrs: {
       "src": _vm.docURL,
-      "controls": "",
-      "title": _vm.fileType + " - " + _vm.filename
+      "type": _vm.fileType
     }
-  }, [_c('p', [_vm._v(" " + _vm._s(_vm.dictionary.msg_erro_audio) + " "), _c('a', {
+  }), _vm._v("\n      Sem suporte para o elemento audio\n    ")]) : _vm.video ? _c('video', {
     attrs: {
-      "href": _vm.docURL,
-      "target": "_blank",
-      "rel": "noreferrer noopener"
+      "controls": ""
     }
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_abrir_audio) + " ")])])]) : _vm._e(), _vm._v(" "), _vm.video ? _c('video', {
+  }, [_c('source', {
     attrs: {
       "src": _vm.docURL,
-      "controls": "",
-      "title": _vm.fileType + " - " + _vm.filename
+      "type": _vm.fileType
     }
-  }, [_c('p', [_vm._v(" " + _vm._s(_vm.dictionary.msg_erro_video) + " "), _vm.fileType != 'erro' ? _c('a', {
+  }), _vm._v("\n      Sem suporte para o elemento video\n    ")]) : _vm.docURL ? _c('a', {
+    staticClass: "default-doc",
     attrs: {
       "href": _vm.docURL,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_abrir_video) + " ")]) : _vm._e()])]) : _vm._e()] : [_vm.fileType != 'erro' ? _c('a', {
-    attrs: {
-      "href": _vm.docURL,
-      "target": "_blank",
-      "rel": "noreferrer noopener",
-      "title": _vm.fileType + " - " + _vm.filename
-    }
   }, [_c('fa-icon', {
     class: [_vm.iconClass],
     attrs: {
       "icon": _vm.icon
     }
   }), _vm._v(" "), _c('p', {
+    attrs: {
+      "title": _vm.filename
+    },
     domProps: {
       "textContent": _vm._s(_vm.filename)
     }
-  })], 1) : _c('p', {
-    staticClass: "arquivo-erro",
-    attrs: {
-      "title": _vm.fileType + " - " + _vm.filename
-    }
+  })], 1) : _c('span', {
+    staticClass: "default-doc"
   }, [_c('fa-icon', {
+    class: [_vm.iconClass ? _vm.iconClass : ''],
     attrs: {
       "icon": ['fas', 'file-alt']
     }
-  }), _vm._v("\n            " + _vm._s(_vm.filename) + "\n          ")], 1)]], 2) : _vm._e(), _vm._v(" "), _vm.imageURL ? _c('a', {
+  }), _vm._v(" "), _c('p', {
     attrs: {
-      "href": _vm.imageURL,
-      "download": "" + _vm.filename,
-      "target": "_blank",
-      "rel": "noreferrer noopener"
+      "title": _vm.filename
+    },
+    domProps: {
+      "textContent": _vm._s(_vm.filename)
+    }
+  })], 1), _vm._v(" "), _c('div', {
+    staticClass: "file-actions"
+  }, [_vm.imageURL ? _c('span', {
+    staticClass: "file-action-button",
+    on: {
+      "click": function ($event) {
+        return _vm.showImage(_vm.imageURL);
+      }
     }
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.titulo_baixar_img) + " "), _c('fa-icon', {
+  }, [_c('fa-icon', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
     attrs: {
-      "icon": ['fas', 'download']
+      "icon": ['fas', 'search-plus'],
+      "content": "" + _vm.dictionary.titulo_visualizar_img
     }
   })], 1) : _vm._e(), _vm._v(" "), _vm.docURL ? _c('a', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "file-action-button",
     attrs: {
       "href": _vm.docURL,
+      "target": "_blank",
+      "rel": "noreferrer noopener",
+      "content": "Visualizar anexo"
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'search-plus']
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _vm.imageURL || _vm.docURL ? _c('a', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "file-action-button",
+    attrs: {
+      "href": _vm.imageURL ? _vm.imageURL : _vm.docURL,
       "download": "" + _vm.filename,
       "target": "_blank",
-      "rel": "noreferrer noopener"
+      "rel": "noreferrer noopener",
+      "content": "Fazer o download do anexo"
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'download']
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "file-action-button",
+    attrs: {
+      "content": "Fazer download de todos anexos da tela"
+    },
+    on: {
+      "click": _vm.downloadAllFilesHandler
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'download']
+    }
+  }), _vm._v(" "), _c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'download']
     }
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.titulo_baixar_doc) + " "), _c('fa-icon', {
+  }), _vm._v(" "), _c('fa-icon', {
     attrs: {
       "icon": ['fas', 'download']
     }
-  })], 1) : _vm._e()])], 1)], 1);
+  })], 1)])])]);
 };
 
 var __vue_staticRenderFns__$8 = [];
@@ -12538,8 +12737,8 @@ var __vue_staticRenderFns__$8 = [];
 
 const __vue_inject_styles__$8 = function (inject) {
   if (!inject) return;
-  inject("data-v-433c38d2_0", {
-    source: ".fade-enter-active[data-v-433c38d2],.fade-leave-active[data-v-433c38d2]{transition:opacity .5s}.fade-enter[data-v-433c38d2],.fade-leave-to[data-v-433c38d2]{opacity:0}.mensagem-div-anexo[data-v-433c38d2]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-433c38d2]{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro[data-v-433c38d2],.anexo-container a[data-v-433c38d2]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p[data-v-433c38d2]{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro[data-v-433c38d2],.anexo-container p[data-v-433c38d2]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-433c38d2]{font-size:2rem}.anexo-container audio[data-v-433c38d2]{outline:0;width:100%}.anexo-container video[data-v-433c38d2]{flex:1;width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-433c38d2]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-433c38d2]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-433c38d2]{cursor:pointer}.mensagem-div-anexo img[data-v-433c38d2]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-433c38d2]{width:100%;height:100%}.anexo-mensagem[data-v-433c38d2]{display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-danger[data-v-433c38d2]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-433c38d2]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-433c38d2]{font-size:1.025em;margin-right:2px}.pdf[data-v-433c38d2]{color:#e74c3c}.doc[data-v-433c38d2]{color:#006bc9}",
+  inject("data-v-14bae430_0", {
+    source: ".mensagem__principal .default-doc[data-v-14bae430]{background-color:rgba(255,255,255,.1)}.mensagem__outros .default-doc[data-v-14bae430]{background-color:rgba(100,100,100,.1)}.default-doc[data-v-14bae430]{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%}.default-doc svg[data-v-14bae430]{font-size:1.2rem;margin-right:5px}.default-doc p[data-v-14bae430]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions[data-v-14bae430]{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a[data-v-14bae430]{margin-right:0}.mensagem__principal .file-action-button[data-v-14bae430]{background-color:rgba(255,255,255,.1)}.mensagem__outros .file-action-button[data-v-14bae430]{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button[data-v-14bae430]:hover{background-color:rgba(255,255,255,.3)}.mensagem__outros .file-action-button[data-v-14bae430]:hover{background-color:rgba(100,100,100,.3)}.file-action-button[data-v-14bae430]{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[data-v-14bae430]{margin:0}.fade-enter-active[data-v-14bae430],.fade-leave-active[data-v-14bae430]{transition:opacity .5s}.fade-enter[data-v-14bae430],.fade-leave-to[data-v-14bae430]{opacity:0}.mensagem-div-anexo[data-v-14bae430]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-14bae430]{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro[data-v-14bae430],.anexo-container a[data-v-14bae430]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p[data-v-14bae430]{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro[data-v-14bae430],.anexo-container p[data-v-14bae430]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-14bae430]{font-size:2rem}.anexo-mensagem audio[data-v-14bae430]{outline:0;width:100%;margin-bottom:5px}.anexo-mensagem video[data-v-14bae430]{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container[data-v-14bae430]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-14bae430]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-14bae430]{cursor:pointer}.mensagem-div-anexo img[data-v-14bae430]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-14bae430]{width:100%;height:100%}.anexo-mensagem[data-v-14bae430]{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger[data-v-14bae430]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-14bae430]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-14bae430]{font-size:1.025em;margin-right:2px}.pdf[data-v-14bae430]{color:#e74c3c}.doc[data-v-14bae430]{color:#006bc9}",
     map: undefined,
     media: undefined
   });
@@ -12547,7 +12746,7 @@ const __vue_inject_styles__$8 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$8 = "data-v-433c38d2";
+const __vue_scope_id__$8 = "data-v-14bae430";
 /* module identifier */
 
 const __vue_module_identifier__$8 = undefined;
@@ -12918,7 +13117,11 @@ var script$5 = {
     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 {
@@ -13206,7 +13409,10 @@ var __vue_render__$5 = function () {
         "dominio": _vm.dominio
       },
       on: {
-        "abrir-imagem": _vm.abrirImagem
+        "abrir-imagem": _vm.abrirImagem,
+        "download-all": function ($event) {
+          return _vm.$emit('download-all');
+        }
       }
     })], 1);
   }) : _vm._e(), _vm._v(" "), _vm.urlSticker ? _c('img', {
@@ -13451,7 +13657,7 @@ var __vue_staticRenderFns__$5 = [];
 
 const __vue_inject_styles__$5 = function (inject) {
   if (!inject) return;
-  inject("data-v-44a68ecf_0", {
+  inject("data-v-4d7ba00c_0", {
     source: ":root{--message-color:#373737;--text-color:#FFF;--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.75rem;word-break:break-word;-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)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:.6rem;color:#67a332;width:.9rem;height:.9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
     map: undefined,
     media: undefined