vue-intergrall-plugins 1.0.87 → 1.0.88

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

@@ -3763,6 +3763,7 @@ var __vue_render__$u = function __vue_render__() {
       class: {
         'red': singleFile.invalid
       },
+      style: "max-width: " + (_vm.isPdf(singleFile.type) ? '175px' : '75px'),
       attrs: {
         "title": !singleFile.invalid ? singleFile.name : (_vm.dictionary.titulo_msg_formato_invalido ? _vm.dictionary.titulo_msg_formato_invalido : 'Arquivo invalido') + " - " + singleFile.name
       }
@@ -3804,7 +3805,7 @@ var __vue_render__$u = function __vue_render__() {
         value: {
           placement: 'left'
         },
-        expression: "{placement: 'left'}"
+        expression: "{ placement: 'left' }"
       }],
       staticClass: "delete-file",
       attrs: {
@@ -3828,8 +3829,8 @@ var __vue_staticRenderFns__$u = [];
 /* style */
 var __vue_inject_styles__$u = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-3493a28d_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:14.4px}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:16px;min-height:16px;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:16px;color:#e74c3c}",
+  inject("data-v-05d167f8_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:14.4px}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:16px;min-height:16px;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:calc(100% - 20px);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;max-width:75px}.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{width:100%;height:100%;max-height:40px;max-width:100px;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:16px;color:#e74c3c}",
     map: undefined,
     media: undefined
   });
@@ -3837,7 +3838,7 @@ var __vue_inject_styles__$u = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$u = undefined;
 /* module identifier */
-var __vue_module_identifier__$u = "data-v-3493a28d";
+var __vue_module_identifier__$u = "data-v-05d167f8";
 /* functional template */
 var __vue_is_functional_template__$u = false;
 /* style inject shadow dom */
@@ -4434,7 +4435,7 @@ var __vue_render__$s = function __vue_render__() {
       value: _vm.away,
       expression: "away"
     }],
-    staticClass: "text-footer-preview-container",
+    staticClass: "old-footer-preview-container",
     class: [_vm.previewContainerClass],
     on: {
       "click": function click($event) {
@@ -4476,7 +4477,7 @@ var __vue_staticRenderFns__$s = [];
 /* style */
 var __vue_inject_styles__$s = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2cecdfca_0", {
+  inject("data-v-5a0178dd_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.d-none{display:none}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:8px;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:12.8px}.files-counter-2 svg{margin-left:5px}.files-counter-2:hover{opacity:1;text-decoration:underline}",
     map: undefined,
     media: undefined
@@ -4485,7 +4486,7 @@ var __vue_inject_styles__$s = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$s = undefined;
 /* module identifier */
-var __vue_module_identifier__$s = "data-v-2cecdfca";
+var __vue_module_identifier__$s = "data-v-5a0178dd";
 /* functional template */
 var __vue_is_functional_template__$s = false;
 /* style inject shadow dom */
@@ -5870,8 +5871,8 @@ var __vue_staticRenderFns__$m = [];
 /* style */
 var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0ecdac21_0", {
-    source: ".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:14px;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:14px;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:12px}.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:16px;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:9.2px;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:16px;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:16px}.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:16px;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:15.2px;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;min-width: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:12.8px;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:12.8px;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:13.6px!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
+  inject("data-v-1f325d2a_0", {
+    source: ".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:14px;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:14px;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:12px}.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:16px;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:9.2px;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:16px;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:16px}.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:16px;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:15.2px;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 .old-footer-preview-container{width:100%;cursor:default;position:absolute;right: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 .old-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .old-footer-preview-container.isImg,.text-footer-container .old-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px;min-width:300px}.text-footer-container .old-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .old-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:12.8px;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:12.8px;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:13.6px!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
   });
@@ -5879,7 +5880,7 @@ var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$m = undefined;
 /* module identifier */
-var __vue_module_identifier__$m = "data-v-0ecdac21";
+var __vue_module_identifier__$m = "data-v-1f325d2a";
 /* functional template */
 var __vue_is_functional_template__$m = false;
 /* style inject shadow dom */
@@ -6631,8 +6632,8 @@ var __vue_staticRenderFns__$j = [];
 /* style */
 var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4eea4f94_0", {
-    source: ".expand-textarea{position:relative;width:90%;height:90%;z-index:1}.expand-textarea-content{overflow-x:hidden;overflow-y:auto;background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column}.expand-textarea-title{padding:2.5px 8px;min-height:38px;display:flex;align-items:center;width:100%;font-size:20.8px;background-color:#222;color:#fff}.expand-textarea-content textarea{padding:10px;flex:1;width:100%;border:unset;resize:none;outline:0;overflow-x:hidden}.expand-textarea-content textarea:active,.expand-textarea-content textarea:hover{outline:0}.expand-textarea-footer{display:flex;justify-content:flex-end;align-items:center;padding:10px;background-color:#f7f7f7;position:relative}.expand-textarea-footer .text-footer-preview-container{position:absolute;top:-200px;right:145px;height:200px;background:#f7f7f7}.expand-textarea-footer .text-footer-actions--btn{width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0);color:#333;padding:2.5px;margin:0 15px 0 10px;display:flex;justify-content:center;align-items:center;font-size:20.8px;cursor:pointer;opacity:.9;transition:all .3s}.expand-textarea-footer .text-footer-actions--btn:hover{opacity:1;background-color:rgba(30,30,30,.1)}.expand-textarea-button{width:125px;height:30px;display:flex;justify-content:center;align-items:center;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;padding:5px 10px;border-radius:2.5px;position:relative}.expand-textarea-button.green{background-color:#2a963a;color:#fff;margin-right:10px}.expand-textarea-button.red{background-color:#e74c3c;color:#fff}.expand-textarea-button:hover{opacity:1}.expand-textarea-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)}.expand-textarea-button.carregando{background-color:#777}",
+  inject("data-v-10a72dda_0", {
+    source: ".expand-textarea{position:relative;width:90%;height:90%;z-index:1}.expand-textarea-content{overflow-x:hidden;overflow-y:auto;background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column}.expand-textarea-title{padding:2.5px 8px;min-height:38px;display:flex;align-items:center;width:100%;font-size:20.8px;background-color:#222;color:#fff}.expand-textarea-content textarea{padding:10px;flex:1;width:100%;border:unset;resize:none;outline:0;overflow-x:hidden}.expand-textarea-content textarea:active,.expand-textarea-content textarea:hover{outline:0}.expand-textarea-footer{display:flex;justify-content:flex-end;align-items:center;padding:10px;background-color:#f7f7f7;position:relative}.expand-textarea-footer .old-footer-preview-container{position:absolute;top:-200px;right:145px;height:200px;background:#f7f7f7}.expand-textarea-footer .text-footer-actions--btn{width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0);color:#333;padding:2.5px;margin:0 15px 0 10px;display:flex;justify-content:center;align-items:center;font-size:20.8px;cursor:pointer;opacity:.9;transition:all .3s}.expand-textarea-footer .text-footer-actions--btn:hover{opacity:1;background-color:rgba(30,30,30,.1)}.expand-textarea-button{width:125px;height:30px;display:flex;justify-content:center;align-items:center;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;padding:5px 10px;border-radius:2.5px;position:relative}.expand-textarea-button.green{background-color:#2a963a;color:#fff;margin-right:10px}.expand-textarea-button.red{background-color:#e74c3c;color:#fff}.expand-textarea-button:hover{opacity:1}.expand-textarea-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)}.expand-textarea-button.carregando{background-color:#777}",
     map: undefined,
     media: undefined
   });
@@ -6640,7 +6641,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$j = undefined;
 /* module identifier */
-var __vue_module_identifier__$j = "data-v-4eea4f94";
+var __vue_module_identifier__$j = "data-v-10a72dda";
 /* functional template */
 var __vue_is_functional_template__$j = false;
 /* style inject shadow dom */

package/package.json

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

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

@@ -53,7 +53,7 @@
         @change="fileUpload($event, 'doc')" />
     </div>
     <transition name="fade">
-      <div class="text-footer-preview-container" @click.stop v-show="showFilePreview" :class="[previewContainerClass]"
+      <div class="old-footer-preview-container" @click.stop v-show="showFilePreview" :class="[previewContainerClass]"
         v-clickaway="away">
         <SingleFilePreview v-if="!fileSettings.multiple && showFilePreview" :dictionary="dictionary" :file="file"
           :isDoc="isDoc" :fileFormatError="fileFormatError" :validFileFormats="validFileFormats"

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

@@ -336,7 +336,7 @@ export default {
   position: relative;
 }
 
-.expand-textarea-footer .text-footer-preview-container {
+.expand-textarea-footer .old-footer-preview-container {
   position: absolute;
   top: -200px;
   right: 145px;

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

@@ -4,7 +4,8 @@
     <transition-group name="fade">
       <Loader v-if="loading" key="mfp-loader" />
       <template v-else-if="fileFormatError">
-        <span @click="deleteFile" :title="dictionary.msg_cancelar_anexo" class="text-footer-exclude-file" key="mfp-exlude-file">
+        <span @click="deleteFile" :title="dictionary.msg_cancelar_anexo" class="text-footer-exclude-file"
+          key="mfp-exlude-file">
           <fa-icon :icon="['fas', 'times-circle']" />
         </span>
         <div class="text-footer-invalid-format" v-if="fileFormatError" key="mfp-invalid-format">
@@ -14,18 +15,17 @@
       </template>
       <template v-else>
         <div class="file-preview" v-for="(singleFile, index) in file" :key="index">
-          <p class="file-title" :title="!singleFile.invalid ? singleFile.name : `${dictionary.titulo_msg_formato_invalido ? dictionary.titulo_msg_formato_invalido : 'Arquivo invalido'} - ${singleFile.name}`" :class="{'red' : singleFile.invalid}">
+          <p class="file-title" :style="`max-width: ${isPdf(singleFile.type) ? '175px' : '75px'}`"
+            :title="!singleFile.invalid ? singleFile.name : `${dictionary.titulo_msg_formato_invalido ? dictionary.titulo_msg_formato_invalido : 'Arquivo invalido'} - ${singleFile.name}`"
+            :class="{ 'red': singleFile.invalid }">
             <fa-icon :icon="icon(singleFile.imgOrDoc)" />
-            {{ !singleFile.invalid ? singleFile.name : `${dictionary.titulo_msg_formato_invalido ? dictionary.titulo_msg_formato_invalido : "Arquivo invalido"} - ${singleFile.name}` }}
+            {{ !singleFile.invalid ? singleFile.name : `${dictionary.titulo_msg_formato_invalido ?
+              dictionary.titulo_msg_formato_invalido : "Arquivo invalido"} - ${singleFile.name}` }}
           </p>
           <div class="small-img">
             <span class="img-container" v-if="singleFile.imgOrDoc === 'img' && !isPdf(singleFile.type)">
-              <img
-                :title="dictionary.titulo_visualizar_img"
-                :src="singleFile.src"
-                :alt="dictionary.alt_previa_img"
-                @click="openImage(singleFile.src)"
-              />
+              <img :title="dictionary.titulo_visualizar_img" :src="singleFile.src" :alt="dictionary.alt_previa_img"
+                @click="openImage(singleFile.src)" />
             </span>
             <span class="pdf" v-else-if="isPdf(singleFile.type)">
               <fa-icon :icon="['fas', 'file-pdf']" />
@@ -34,7 +34,8 @@
               <fa-icon :icon="['fas', 'file-alt']" />
             </span>
           </div>
-          <span @click="deleteSpecificFile(singleFile.name, index)" v-tippy="{placement: 'left'}" :content="dictionary.msg_excluir_anexo" :title="dictionary.msg_excluir_anexo" class="delete-file">
+          <span @click="deleteSpecificFile(singleFile.name, index)" v-tippy="{ placement: 'left' }"
+            :content="dictionary.msg_excluir_anexo" :title="dictionary.msg_excluir_anexo" class="delete-file">
             <fa-icon :icon="['fas', 'trash-alt']" />
           </span>
         </div>
@@ -56,12 +57,12 @@ export default {
     }
   },
   mounted() {
-    setTimeout(() => { this.loading = false;}, 500);
+    setTimeout(() => { this.loading = false; }, 500);
   },
   watch: {
     file() {
-      if(!this.ignoreNextUpdate) {
-        if(this.loadingTimeout) clearTimeout(this.loadingTimeout);
+      if (!this.ignoreNextUpdate) {
+        if (this.loadingTimeout) clearTimeout(this.loadingTimeout);
         this.loading = true;
         this.loadingTimeout = setTimeout(() => { this.loading = false; }, 500);
         this.ignoreNextUpdate = true
@@ -87,7 +88,7 @@ export default {
       this.$emit("open-image", image);
     },
     icon(imgOrDoc) {
-      if(!imgOrDoc) return ['fas', 'times-circle'];
+      if (!imgOrDoc) return ['fas', 'times-circle'];
       return imgOrDoc == 'doc' ? ['fas', 'file-alt'] : ['fas', 'image'];
     },
     isPdf(type) {
@@ -98,169 +99,193 @@ export default {
 </script>
 
 <style>
-  .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, 0.2);
-    scrollbar-width: 4px;
-  }
-  .multiple-file-preview::-webkit-scrollbar{
-    width: 4px;
-  }
+.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, 0.2);
+  scrollbar-width: 4px;
+}
 
-  .multiple-file-preview .close-icon {
-    color: #E74C3C;
-    cursor: pointer;
-    opacity: .9;
-    transition: opacity 300ms;
-  }
-  .multiple-file-preview .close-icon:hover {
-    opacity: 1;
-  }
+.multiple-file-preview::-webkit-scrollbar {
+  width: 4px;
+}
 
-  .multiple-file-preview::-webkit-scrollbar-track{
-    background-color: rgba(0, 0, 0, 0.2);
-  }
+.multiple-file-preview .close-icon {
+  color: #E74C3C;
+  cursor: pointer;
+  opacity: .9;
+  transition: opacity 300ms;
+}
 
-  .multiple-file-preview::-webkit-scrollbar-thumb{
-    transition-duration: .5s;
-    background-color: #222
-  }
+.multiple-file-preview .close-icon:hover {
+  opacity: 1;
+}
 
-  .multiple-file-preview::-webkit-scrollbar-thumb:hover{
-    background-color: #555
-  }
+.multiple-file-preview::-webkit-scrollbar-track {
+  background-color: rgba(0, 0, 0, 0.2);
+}
 
-  .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: 14.4px; 
-  }
+.multiple-file-preview::-webkit-scrollbar-thumb {
+  transition-duration: .5s;
+  background-color: #222
+}
 
-  .text-footer-exclude-file {
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    cursor: pointer; 
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-width: 16px;
-    min-height: 16px;
-    background-color: #FFF;
-    border-radius: 50%;
-  }
-  .text-footer-exclude-file svg {
-    transition: color 200ms;
-    color: #e9594a; 
-  }
-  .text-footer-exclude-file svg:hover {
-    color: #E74C3C; 
-  }
+.multiple-file-preview::-webkit-scrollbar-thumb:hover {
+  background-color: #555
+}
 
-  .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)
-  }
+.text-footer-invalid-format {
+  color: #222;
+  padding: 10px;
+}
 
-  .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;
-  }
+.text-footer-invalid-format h3 {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-weight: 500;
+}
 
-  .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 .pdf, .small-img .doc {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 30px;
-  }
-  .small-img .pdf {
-    color: #E74C3C;
-  }
-  .small-img .doc {
-    color: #006bc9;
-  }
-  .small-img .pdf svg, .small-img .doc svg{ 
-    z-index: 1;
-  }
-  .small-img .pdf::after, .small-img .doc::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;
-  }
+.text-footer-invalid-format h4 {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 14.4px;
+}
 
-  .delete-file {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-  }
-  .delete-file > svg {
-    font-size: 16px;
-    color: #E74C3C;
-  }
+.text-footer-exclude-file {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 16px;
+  min-height: 16px;
+  background-color: #FFF;
+  border-radius: 50%;
+}
+
+.text-footer-exclude-file svg {
+  transition: color 200ms;
+  color: #e9594a;
+}
+
+.text-footer-exclude-file svg:hover {
+  color: #E74C3C;
+}
+
+.file-preview {
+  display: flex;
+  width: calc(100% - 20px);
+  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;
+  max-width: 75px;
+}
+
+.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 {
+  width: 100%;
+  height: 100%;
+  max-height: 40px;
+  max-width: 100px;
+  cursor: pointer;
+}
+
+.small-img .pdf,
+.small-img .doc {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 30px;
+}
+
+.small-img .pdf {
+  color: #E74C3C;
+}
+
+.small-img .doc {
+  color: #006bc9;
+}
+
+.small-img .pdf svg,
+.small-img .doc svg {
+  z-index: 1;
+}
+
+.small-img .pdf::after,
+.small-img .doc::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: 16px;
+  color: #E74C3C;
+}
 </style>

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

@@ -901,11 +901,11 @@ export default {
   transform: translateX(-5px);
 }
 
-.text-footer-container .text-footer-preview-container {
+.text-footer-container .old-footer-preview-container {
   width: 100%;
   cursor: default;
   position: absolute;
-  left: 0;
+  right: 0;
   background-color: #f1f1f1;
   border: 2px solid #ccc;
   border-bottom: unset;
@@ -913,25 +913,25 @@ export default {
   border-top-right-radius: 2.5px;
 }
 
-.text-footer-container .text-footer-preview-container.isDoc {
+.text-footer-container .old-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 {
+.text-footer-container .old-footer-preview-container.isImg,
+.text-footer-container .old-footer-preview-container.isMultiple {
   top: -205px;
   width: 100%;
   height: 200px;
-  min-width: 200px;
+  min-width: 300px;
 }
 
-.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview {
+.text-footer-container .old-footer-preview-container.isImg .text-footer-image-preview {
   height: 170px;
 }
 
-.text-footer-container .text-footer-preview-container.isError {
+.text-footer-container .old-footer-preview-container.isError {
   top: -80px;
   width: 100%;
   height: 75px;