vue-intergrall-plugins 0.0.153 → 0.0.154

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

@@ -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() {
@@ -3389,7 +3393,7 @@ var script$h = {
   },
   methods: {
     openFilesByClip: function openFilesByClip() {
-      if (this.fileSettings.multiple) {
+      if (this.fileSettings.multiple && !this.hasButtonFiles) {
         return this.openSelectFileHandler('both');
       }
 
@@ -3611,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
@@ -3697,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,
@@ -3709,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 = [];
@@ -3717,7 +3721,7 @@ var __vue_staticRenderFns__$h = [];
 
 var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0ba88cb0_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
@@ -3729,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-0ba88cb0";
+var __vue_module_identifier__$h = "data-v-d44243ce";
 /* functional template */
 
 var __vue_is_functional_template__$h = false;
@@ -3903,6 +3907,10 @@ var script$f = {
     dictionary: {
       type: Object,
       required: true
+    },
+    hasButtonFiles: {
+      type: Boolean,
+      required: false
     }
   },
   data: function data() {
@@ -4288,7 +4296,8 @@ 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,
@@ -4318,7 +4327,7 @@ var __vue_staticRenderFns__$f = [];
 
 var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0992e314_0", {
+  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
@@ -4330,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-0992e314";
+var __vue_module_identifier__$f = "data-v-9e958d46";
 /* functional template */
 
 var __vue_is_functional_template__$f = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.153",
+  "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

@@ -5,7 +5,7 @@
     </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>
@@ -36,7 +36,7 @@
           @open-image="openImage"
         />
         <MultipleFilePreview 
-          v-else
+          v-else-if="fileSettings.multiple && showFilePreview"
           :dictionary="dictionary"
           :file="file"
           :fileFormatError="fileFormatError"
@@ -108,6 +108,10 @@ export default {
     cssStyle: {
       type: Object,
       required: false
+    },
+    hasButtonFiles: {
+      type: Boolean,
+      required: false
     }
   },
   data() {
@@ -132,7 +136,7 @@ export default {
   },
   methods: {
     openFilesByClip(){
-      if(this.fileSettings.multiple){
+      if(this.fileSettings.multiple && !this.hasButtonFiles){
         return this.openSelectFileHandler('both')
       }
       return this.toggleFiles()

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/TextFooter.vue

@@ -57,6 +57,7 @@
           :fileSettings="fileSettings"
           :cssStyle="cssStyle"
           :ref="`${textId}-file`"
+          :hasButtonFiles="hasButtonFiles"
           @set-file-vars="setFileVars"
           @open-image="openImage"
           @open-file-system="openFileSystem"
@@ -134,6 +135,10 @@ export default {
     dictionary: {
       type: Object,
       required: true
+    },
+    hasButtonFiles: {
+      type: Boolean,
+      required: false
     }
   },
   data() {