vue-intergrall-plugins 0.0.150 → 0.0.154

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

@@ -3060,7 +3060,7 @@ var script$j = {
     },
     file: {
       type: File,
-      required: true
+      required: false
     },
     isDoc: {
       type: Boolean,
@@ -3121,7 +3121,7 @@ var __vue_staticRenderFns__$j = [];
 
 var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-6d0392fe_0", {
+  inject("data-v-da00a08e_0", {
     source: ".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%}",
     map: undefined,
     media: undefined
@@ -3133,7 +3133,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$j = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$j = "data-v-6d0392fe";
+var __vue_module_identifier__$j = "data-v-da00a08e";
 /* functional template */
 
 var __vue_is_functional_template__$j = false;
@@ -3185,7 +3185,7 @@ var script$i = {
       required: true
     },
     file: {
-      type: Array,
+      type: File,
       required: true
     },
     fileFormatError: {
@@ -3319,7 +3319,7 @@ var __vue_staticRenderFns__$i = [];
 
 var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-55cbc293_0", {
+  inject("data-v-7c17339e_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::-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{font-weight:500}.text-footer-invalid-format h4{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-left:5px}.file-title>svg{margin-right:5px}.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{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.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;border-radius:50%;background-color:#fff;min-width:1rem;min-height:1rem;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
     map: undefined,
     media: undefined
@@ -3331,7 +3331,7 @@ var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$i = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$i = "data-v-55cbc293";
+var __vue_module_identifier__$i = "data-v-7c17339e";
 /* functional template */
 
 var __vue_is_functional_template__$i = false;
@@ -3365,6 +3365,10 @@ var script$h = {
     cssStyle: {
       type: Object,
       required: false
+    },
+    hasButtonFiles: {
+      type: Boolean,
+      required: false
     }
   },
   data: function data() {
@@ -3388,6 +3392,13 @@ var script$h = {
     }
   },
   methods: {
+    openFilesByClip: function openFilesByClip() {
+      if (this.fileSettings.multiple && !this.hasButtonFiles) {
+        return this.openSelectFileHandler('both');
+      }
+
+      return this.toggleFiles();
+    },
     away: function away() {
       this.showFilePreview = false;
     },
@@ -3395,6 +3406,11 @@ var script$h = {
       this.openFiles = !this.openFiles;
     },
     openSelectFileHandler: function openSelectFileHandler(type) {
+      if (type == "system") {
+        this.$emit("open-file-system", true);
+        return false;
+      }
+
       var fileInput = document.querySelector("#".concat(type, "-").concat(this.textId));
       if (fileInput) fileInput.click();
       if (!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError();
@@ -3569,7 +3585,7 @@ var __vue_render__$h = function __vue_render__() {
     },
     on: {
       "click": function click($event) {
-        _vm.fileSettings.multiple ? _vm.openSelectFileHandler('both') : _vm.toggleFiles;
+        return _vm.openFilesByClip();
       }
     }
   }, [_c('transition', {
@@ -3599,7 +3615,7 @@ var __vue_render__$h = function __vue_render__() {
     attrs: {
       "name": "show"
     }
-  }, [_vm.openFiles ? _c('div', {
+  }, [_vm.openFiles && _vm.hasButtonFiles ? _c('div', {
     staticClass: "text-footer-files-container",
     class: {
       'horizontal': _vm.cssStyle.outsideButtons
@@ -3635,6 +3651,20 @@ var __vue_render__$h = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'file-alt']
     }
+  })], 1), _vm._v(" "), _c('div', {
+    staticClass: "files-btn system",
+    attrs: {
+      "title": _vm.dictionary.title_anexo_sistema
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.openSelectFileHandler('system');
+      }
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'server']
+    }
   })], 1)]) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + " accept=\"image/*,application/*\" multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + " accept=\"image/*\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + " accept=\"application/*\">" : "<!---->") + "</div> "), _c('transition', {
     attrs: {
       "name": "fade"
@@ -3658,7 +3688,7 @@ var __vue_render__$h = function __vue_render__() {
         $event.stopPropagation();
       }
     }
-  }, [!_vm.fileSettings.multiple ? _c('SingleFilePreview', {
+  }, [!_vm.fileSettings.multiple && _vm.showFilePreview ? _c('SingleFilePreview', {
     attrs: {
       "dictionary": _vm.dictionary,
       "file": _vm.file,
@@ -3671,7 +3701,7 @@ var __vue_render__$h = function __vue_render__() {
       "delete-file": _vm.deleteFile,
       "open-image": _vm.openImage
     }
-  }) : _c('MultipleFilePreview', {
+  }) : _vm.fileSettings.multiple && _vm.showFilePreview ? _c('MultipleFilePreview', {
     attrs: {
       "dictionary": _vm.dictionary,
       "file": _vm.file,
@@ -3683,7 +3713,7 @@ var __vue_render__$h = function __vue_render__() {
       "delete-specific-file": _vm.deleteSpecificFile,
       "open-image": _vm.openImage
     }
-  })], 1)])], 2);
+  }) : _vm._e()], 1)])], 2);
 };
 
 var __vue_staticRenderFns__$h = [];
@@ -3691,7 +3721,7 @@ var __vue_staticRenderFns__$h = [];
 
 var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4859e108_0", {
+  inject("data-v-d44243ce_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}",
     map: undefined,
     media: undefined
@@ -3703,7 +3733,7 @@ var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$h = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$h = "data-v-4859e108";
+var __vue_module_identifier__$h = "data-v-d44243ce";
 /* functional template */
 
 var __vue_is_functional_template__$h = false;
@@ -3877,6 +3907,10 @@ var script$f = {
     dictionary: {
       type: Object,
       required: true
+    },
+    hasButtonFiles: {
+      type: Boolean,
+      required: false
     }
   },
   data: function data() {
@@ -4059,6 +4093,9 @@ var script$f = {
     openImage: function openImage(imagePreview) {
       this.$emit("open-image", imagePreview);
     },
+    openFileSystem: function openFileSystem(status) {
+      this.$emit("open-file-system", status);
+    },
     setAudio: function setAudio(audioObj) {
       var audioFile = audioObj.audioFile,
           audioSource = audioObj.audioSource;
@@ -4259,11 +4296,13 @@ var __vue_render__$f = function __vue_render__() {
       "textId": _vm.textId,
       "dictionary": _vm.dictionary,
       "fileSettings": _vm.fileSettings,
-      "cssStyle": _vm.cssStyle
+      "cssStyle": _vm.cssStyle,
+      "hasButtonFiles": _vm.hasButtonFiles
     },
     on: {
       "set-file-vars": _vm.setFileVars,
-      "open-image": _vm.openImage
+      "open-image": _vm.openImage,
+      "open-file-system": _vm.openFileSystem
     }
   }), _vm._ssrNode(" "), _c('BtnExpand', {
     directives: [{
@@ -4288,8 +4327,8 @@ var __vue_staticRenderFns__$f = [];
 
 var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1233d3a5_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:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.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-preview-container{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}",
+  inject("data-v-9e958d46_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:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.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;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349}.text-footer-container .text-footer-preview-container{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
   });
@@ -4300,7 +4339,7 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$f = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$f = "data-v-1233d3a5";
+var __vue_module_identifier__$f = "data-v-9e958d46";
 /* functional template */
 
 var __vue_is_functional_template__$f = false;
@@ -5666,13 +5705,6 @@ var script$9 = {
     }
   },
   methods: {
-    resizeHeaderCard: function resizeHeaderCard() {
-      if (this.resizeCard) {
-        this.styleCard = "flex-direction: column;";
-      }
-
-      return this.styleCard;
-    },
     formataTimezoneData: function formataTimezoneData$1(timezoneData) {
       return formataTimezoneData(timezoneData);
     },
@@ -5744,7 +5776,7 @@ var __vue_staticRenderFns__$9 = [];
 
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-42a1c17c_0", {
+  inject("data-v-4be10146_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.card-cli,.card-ope{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.newMessage,.card-ope.newMessage{margin-top:30px}.new-messages{position:absolute;top:-30px;width:100%;display:flex;justify-content:center;align-items:center;margin:2.5px 0;background-color:lighten(#fff249,15)}.card-cli .card{border-left:3px solid #90b823}.card-ope{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card{border-right:3px solid #007535}.card{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px}.card p{word-break:break-all}.card-header{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between}.card-header svg{font-size:1rem}.card-author{display:flex;align-items:center}.card-author svg{margin-right:5px}.card-canal{flex:1;margin-right:10px}.card-dates{display:flex;flex-direction:column;margin-right:10px;font-size:.9rem}.card-date{overflow:hidden;display:flex;align-content:center}.card-date span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-date svg{margin-right:5px;color:#232323}.card-expand{display:flex;justify-content:center;align-items:center;margin:2.5px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand:hover{opacity:1}.card-footer{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;min-height:25px}.card-chip{font-size:.8rem;width:fit-content;border-radius:15px;transition:all 150ms ease-in-out;padding:2.5px 7px;color:#1f69c1;background-color:rgba(207,216,244,.6);margin-bottom:5px}.card-chip:hover{background-color:#cfd8f4}.card-chip.orange{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow:hover{background-color:rgba(252,191,73,.2)}.card-chip.red{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red:hover{background-color:rgba(231,76,60,.25)}.card-file{width:60px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.card-reply{cursor:pointer;position:absolute;right:30px;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}.card-reply svg{margin-top:-1px;margin-right:-1px}.card-check{position:absolute;bottom:5px;right:5px;cursor:pointer;font-size:.7rem}.card-check svg{font-size:.8rem}.card-check.seen,.card-check.seen svg{color:#006daa}.card-check.green,.card-check.green svg{color:#4f772d}.card-check.red,.card-check.red svg{color:#ba181b}.card-check.gray,.card-check.gray svg{color:#999}.card-check.black,.card-check.black svg{color:#666}",
     map: undefined,
     media: undefined
@@ -5756,7 +5788,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$9 = "data-v-42a1c17c";
+var __vue_module_identifier__$9 = "data-v-4be10146";
 /* functional template */
 
 var __vue_is_functional_template__$9 = false;

package/package.json

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

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

@@ -1,17 +1,20 @@
 <template>
-  <span class="text-footer-actions--btn" :class="{'files-activated' : openFiles || file.length}" @click="fileSettings.multiple ? openSelectFileHandler('both') : toggleFiles">
+  <span class="text-footer-actions--btn" :class="{'files-activated' : openFiles || file.length}" @click="openFilesByClip()">
     <transition name="fade">
       <span v-if="file.length" class="files-counter" v-text="file.length" @click.stop="toggleFilePreview" :title="dictionary.msg_abrir_anexos"></span>
     </transition>
     <fa-icon :icon="['fas', 'paperclip']" :title="dictionary.title_selecionar_anexo" />
     <transition name="show">
-      <div v-if="openFiles" class="text-footer-files-container" :class="{'horizontal' : cssStyle.outsideButtons}">
+      <div v-if="openFiles && hasButtonFiles" class="text-footer-files-container" :class="{'horizontal' : cssStyle.outsideButtons}">
         <div class="files-btn images" :class="{'margin-bottom' : cssStyle.outsideButtons}" :title="dictionary.title_anexo_img" @click="openSelectFileHandler('img')">
           <fa-icon :icon="['fas', 'image']" />
         </div>
         <div class="files-btn docs" :title="dictionary.title_anexo_doc" @click="openSelectFileHandler('doc')">
           <fa-icon :icon="['fas', 'file-alt']" />
         </div>
+        <div class="files-btn system" :title="dictionary.title_anexo_sistema" @click="openSelectFileHandler('system')">
+          <fa-icon :icon="['fas', 'server']" />
+        </div>
       </div>
     </transition>
     <div class="files-pointers d-none">
@@ -22,7 +25,7 @@
     <transition name="fade">
       <div class="text-footer-preview-container" @click.stop v-show="showFilePreview" :class="[previewContainerClass]" v-on-clickaway="away">
         <SingleFilePreview 
-          v-if="!fileSettings.multiple"
+          v-if="!fileSettings.multiple && showFilePreview"
           :dictionary="dictionary"
           :file="file"
           :isDoc="isDoc"
@@ -33,7 +36,7 @@
           @open-image="openImage"
         />
         <MultipleFilePreview 
-          v-else
+          v-else-if="fileSettings.multiple && showFilePreview"
           :dictionary="dictionary"
           :file="file"
           :fileFormatError="fileFormatError"
@@ -105,6 +108,10 @@ export default {
     cssStyle: {
       type: Object,
       required: false
+    },
+    hasButtonFiles: {
+      type: Boolean,
+      required: false
     }
   },
   data() {
@@ -128,6 +135,12 @@ export default {
     }
   },
   methods: {
+    openFilesByClip(){
+      if(this.fileSettings.multiple && !this.hasButtonFiles){
+        return this.openSelectFileHandler('both')
+      }
+      return this.toggleFiles()
+    },
     away() {
       this.showFilePreview = false
     },
@@ -135,6 +148,7 @@ export default {
       this.openFiles = !this.openFiles
     },
     openSelectFileHandler(type) {
+      if(type == "system"){ this.$emit("open-file-system", true); return false }
       const fileInput = document.querySelector(`#${type}-${this.textId}`)
       if(fileInput) fileInput.click()
       if(!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError()

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

@@ -70,7 +70,7 @@ export default {
   },
   props: {
     dictionary: { type: Object, required: true },
-    file: { type: Array, required: true },
+    file: { type: File, required: true },
     fileFormatError: { type: Boolean, required: false },
     validFileFormats: { type: String, required: false, default: "" }
   },

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

@@ -24,7 +24,7 @@
 export default {
   props: {
     dictionary: { type: Object, required: true },
-    file: { type: File, required: true },
+    file: { type: File, required: false },
     isDoc: { type: Boolean, required: false },
     fileFormatError: { type: Boolean, required: false },
     validFileFormats: { type: String, required: false, default: "" },

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

@@ -57,8 +57,10 @@
           :fileSettings="fileSettings"
           :cssStyle="cssStyle"
           :ref="`${textId}-file`"
+          :hasButtonFiles="hasButtonFiles"
           @set-file-vars="setFileVars"
           @open-image="openImage"
+          @open-file-system="openFileSystem"
         />
         <BtnExpand 
           v-show="buttons.hasExpand && !audioFile"
@@ -133,6 +135,10 @@ export default {
     dictionary: {
       type: Object,
       required: true
+    },
+    hasButtonFiles: {
+      type: Boolean,
+      required: false
     }
   },
   data() {
@@ -311,6 +317,9 @@ export default {
     openImage(imagePreview) {
       this.$emit("open-image", imagePreview)
     },
+    openFileSystem(status) {
+      this.$emit("open-file-system", status)
+    },
     setAudio(audioObj) {
       const { audioFile, audioSource } = audioObj
       this.audioFile = audioFile
@@ -615,7 +624,10 @@ ul {
           margin-right: unset;
           margin-bottom: 5px; }
       .text-footer-container .text-footer-files-container .files-btn.docs {
-        background-color: #7986cb; }
+        background-color: #7986cb;
+        margin-right: 5px; }
+      .text-footer-container .text-footer-files-container .files-btn.system {
+        background-color: #49a349; }
   .text-footer-container .text-footer-preview-container {
     cursor: default;
     position: absolute;