vue-intergrall-plugins 1.0.18 → 1.0.20

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

@@ -5692,7 +5692,7 @@ var __vue_render__$k = function __vue_render__() {
       "message": _vm.message,
       "maxCharacters": _vm.textareaSettings.maxCharacters
     }
-  }), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages || _vm.buttons.hasScreenShare || _vm.buttons.hasDownloadAll ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
+  }), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages || _vm.buttons.hasScreenShare || _vm.buttons.hasDownloadAll || _vm.buttons.hasCustomButtom ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
     'outside-buttons': _vm.cssStyle.outsideButtons && !_vm.audioFile
   }) + ">", "</div>", [_c('BtnDownloadAllFiles', {
     directives: [{
@@ -5796,7 +5796,11 @@ var __vue_render__$k = function __vue_render__() {
         return _vm.$emit('expand-textarea');
       }
     }
-  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasSendButton ? _vm._ssrNode("<div class=\"text-footer-actions\">", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_enviar_msg) + " class=\"text-footer-actions--btn\">", "</span>", [_c('fa-icon', {
+  }), _vm._ssrNode(" "), _vm.buttons.customButtom && _vm.buttons.customButtom.use ? _vm._ssrNode("<div" + _vm._ssrAttr("title", _vm.buttons.customButtom.title) + " class=\"text-footer-actions--btn\">", "</div>", [_c('fa-icon', {
+    attrs: {
+      "icon": _vm.buttons.customButtom.icon
+    }
+  })], 1) : _vm._e()], 2) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasSendButton ? _vm._ssrNode("<div class=\"text-footer-actions\">", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_enviar_msg) + " class=\"text-footer-actions--btn\">", "</span>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'paper-plane']
     }
@@ -5832,7 +5836,7 @@ var __vue_staticRenderFns__$k = [];
 /* style */
 var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-78fa6e30_0", {
+  inject("data-v-773f5b8e_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}",
     map: undefined,
     media: undefined
@@ -5841,7 +5845,7 @@ var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$k = undefined;
 /* module identifier */
-var __vue_module_identifier__$k = "data-v-78fa6e30";
+var __vue_module_identifier__$k = "data-v-773f5b8e";
 /* functional template */
 var __vue_is_functional_template__$k = false;
 /* style inject shadow dom */
@@ -6975,20 +6979,20 @@ var __vue_staticRenderFns__$g = [];
 /* style */
 var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-7478840d_0", {
+  inject("data-v-48a62d45_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}",
     map: undefined,
     media: undefined
-  }), inject("data-v-7478840d_1", {
-    source: ".file-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item-transition{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.file-item-transition img{max-width:45px;max-height:45px}.file-item a{margin-left:5px;text-decoration:none;color:#333}.file-icon{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.file-icon:hover{opacity:1}.file-icon:visited{color:inherit}.file-icon.pdf{position:relative}.file-icon.pdf svg{color:#e74c3c}.file-icon.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.file-icon.doc{color:#15517f}.file-icon.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.file-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.file-img:hover{opacity:1}.file-img img{width:95%}",
+  }), inject("data-v-48a62d45_1", {
+    source: ".file-item[data-v-48a62d45]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item-transition[data-v-48a62d45]{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item .req-loader[data-v-48a62d45]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.file-item-transition img[data-v-48a62d45]{max-width:45px;max-height:45px}.file-item a[data-v-48a62d45]{margin-left:5px;text-decoration:none;color:#333}.file-icon[data-v-48a62d45]{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.file-icon[data-v-48a62d45]:hover{opacity:1}.file-icon[data-v-48a62d45]:visited{color:inherit}.file-icon.pdf[data-v-48a62d45]{position:relative}.file-icon.pdf svg[data-v-48a62d45]{color:#e74c3c}.file-icon.pdf[data-v-48a62d45]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.file-icon.doc[data-v-48a62d45]{color:#15517f}.file-icon.doc[data-v-48a62d45]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.file-img[data-v-48a62d45]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.file-img[data-v-48a62d45]:hover{opacity:1}.file-img img[data-v-48a62d45]{width:95%}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-var __vue_scope_id__$g = undefined;
+var __vue_scope_id__$g = "data-v-48a62d45";
 /* module identifier */
-var __vue_module_identifier__$g = "data-v-7478840d";
+var __vue_module_identifier__$g = "data-v-48a62d45";
 /* functional template */
 var __vue_is_functional_template__$g = false;
 /* style inject shadow dom */

package/package.json

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

package/src/lib-components/Cards/CardFile.vue

@@ -57,7 +57,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 .file-item {
   width: 100%;
   height: 100%;

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

@@ -60,7 +60,8 @@
           buttons.hasExpand ||
           formattedMessageSettings.hasStandardMessages ||
           buttons.hasScreenShare ||
-          buttons.hasDownloadAll
+          buttons.hasDownloadAll ||
+          buttons.hasCustomButtom
         "
         class="text-footer-actions"
         :class="{ 'outside-buttons': cssStyle.outsideButtons && !audioFile }"
@@ -111,6 +112,12 @@
           @expand-textarea="$emit('expand-textarea')"
           :dictionary="dictionary"
         />
+        <div v-if="buttons.customButtom && buttons.customButtom.use" class="text-footer-actions--btn" @click="() => {
+          if(buttons.customButtom.callback) buttons.customButtom.callback()
+          if(buttons.customButtom.emiter) $emit(buttons.customButtom.emiter)
+        }" :title="buttons.customButtom.title">
+          <fa-icon :icon="buttons.customButtom.icon" />
+        </div>
       </div>
       <div class="text-footer-actions" v-if="buttons.hasSendButton">
         <span