vue-intergrall-plugins 0.0.261 → 0.0.263

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

@@ -2707,14 +2707,19 @@ var __vue_render__$w = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "sm-emoji-picker box-shadow"
+    staticClass: "sm-emoji-picker box-shadow",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+      }
+    }
   }, [_vm.loading ? _c('SkeletonPicker') : _vm._e(), _vm._ssrNode(" <div class=\"sm-emoji-header\">" + _vm._ssrList(_vm.allEmojis.categories, function (category, indexCategoryHeader) {
     return "<span" + _vm._ssrAttr("title", category.name) + _vm._ssrClass("sm-emoji-link", {
       'active': _vm.categoriaSelecionada == category.id
     }) + ">" + _vm._s("<a href='#" + category.id + "'>" + category.svg + "</a>") + "</span>";
   }) + "</div> <div class=\"sm-emoji-scroll\"><div class=\"sm-emoji-search\"><input type=\"text\" name=\"emoji-search\"" + _vm._ssrAttr("value", _vm.search) + "></div> " + (!_vm.filteredList.length ? _vm._ssrList(_vm.allEmojis.categories, function (category, indexCategory) {
     return "<div><div class=\"sm-emoji-selection\"><span" + _vm._ssrAttr("id", category.id) + _vm._ssrAttr("title", category.name) + " class=\"sm-emoji-title\">" + _vm._s(category.svg + " " + category.name) + "</span> <div class=\"sm-emoji-group\">" + _vm._ssrList(category.emojis, function (emojiKey, key) {
-      return "<div class=\"sm-emoji-item\"><span>" + _vm._ssrEscape(" " + _vm._s(_vm.allEmojis.emojis[emojiKey].finalEmoji) + " ") + "</span></div>";
+      return "<div class=\"sm-emoji-item\">" + (_vm.allEmojis.emojis && _vm.allEmojis.emojis[emojiKey] && _vm.allEmojis.emojis[emojiKey].finalEmoji ? "<span>" + _vm._ssrEscape(" " + _vm._s(_vm.allEmojis.emojis[emojiKey].finalEmoji) + " ") + "</span>" : "<!---->") + "</div>";
     }) + "</div></div></div>";
   }) : "<div class=\"sm-emoji-group\">" + _vm._ssrList(_vm.filteredList, function (emoji, key) {
     return "<div class=\"sm-emoji-item\"><span>" + _vm._ssrEscape(" " + _vm._s(emoji.finalEmoji) + " ") + "</span></div>";
@@ -2726,7 +2731,7 @@ var __vue_staticRenderFns__$w = [];
 
 var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-678ca55c_0", {
+  inject("data-v-79e05a78_0", {
     source: ".box-shadow{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sm-emoji-picker{width:310px;z-index:2;border:1px solid #ccc;border-radius:5px;background-color:#fff;display:flex;flex-direction:column}.sm-emoji-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10px 0;border-bottom:1px solid #ccc}.sm-emoji-link{padding:0 5px 5px 5px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .2s;border-bottom:2px solid transparent}.sm-emoji-link a{margin:0;padding:0;fill:#999}.sm-emoji-link.active a>svg,.sm-emoji-link:hover a>svg{opacity:1;fill:#666}.sm-emoji-link.active a>svg[stroke-linecap],.sm-emoji-link:hover a>svg[stroke-linecap]{opacity:1;fill:transparent;stroke:#666}.sm-emoji-link.active{border-bottom:2px solid #666}.sm-emoji-scroll{width:100%;height:calc(100% - 52px);max-height:calc(100% - 52px);scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:8px;position:relative}.sm-emoji-scroll::-webkit-scrollbar{width:8px}.sm-emoji-scroll::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.sm-emoji-scroll::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#666}.sm-emoji-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}.sm-emoji-search{width:100%;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:1;background:#fff;padding-bottom:10px}.sm-emoji-search>input{width:90%;outline:0;border:1px solid #ccc;border-radius:2.5px;padding:5px 10px;transition:border .2s}.sm-emoji-search>input:active,.sm-emoji-search>input:focus,.sm-emoji-search>input:hover{outline:0;border:1px solid #999}.sm-emoji-search.sticky{position:fixed;width:310px;background-color:#fff}.sm-emoji-selection{width:100%;margin-bottom:10px}.sm-emoji-title{width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#f7f7f7;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sm-emoji-title svg{margin:0 5px}.sm-emoji-group{width:100%;display:flex;flex-wrap:wrap;font-size:1.375rem}.sm-emoji-item{cursor:pointer;opacity:.8;transition:opacity .2s;margin:3.5px}.sm-emoji-item:hover{opacity:1}",
     map: undefined,
     media: undefined
@@ -2738,7 +2743,7 @@ var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$w = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$w = "data-v-678ca55c";
+var __vue_module_identifier__$w = "data-v-79e05a78";
 /* functional template */
 
 var __vue_is_functional_template__$w = false;
@@ -3945,7 +3950,7 @@ var __vue_render__$p = function __vue_render__() {
         return _vm.toggleFilePreview.apply(null, arguments);
       }
     }
-  }, [_vm.fileSettings.filePreviewStyle == 1 ? [_vm._v("\n        " + _vm._s(_vm.fileSize) + "\n      ")] : [_vm._v("\n        Anexos "), _c('fa-icon', {
+  }, [_vm.fileSettings.filePreviewStyle == 1 ? [_vm._v("\n        " + _vm._s(_vm.fileSize) + "\n      ")] : [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'eye']
     }
@@ -4080,7 +4085,7 @@ var __vue_staticRenderFns__$p = [];
 
 var __vue_inject_styles__$p = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0a2392ca_0", {
+  inject("data-v-ebe5c226_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}.files-counter-2{transform:translate(-15px,28px);opacity:.9;position:absolute;display:flex;justify-content:center;align-items:center;color:#888;font-size:.8rem}.files-counter-2 svg{margin-left:5px}.files-counter-2:hover{opacity:1;text-decoration:underline}",
     map: undefined,
     media: undefined
@@ -4092,7 +4097,7 @@ var __vue_inject_styles__$p = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$p = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$p = "data-v-0a2392ca";
+var __vue_module_identifier__$p = "data-v-ebe5c226";
 /* functional template */
 
 var __vue_is_functional_template__$p = false;
@@ -8769,6 +8774,7 @@ var script$j = {
     },
     insertEmoji: function insertEmoji(emoji) {
       try {
+        if (!emoji) return;
         var textarea = document.querySelector("#text-footer-".concat(this.textId));
 
         if (document.activeElement === textarea) {
@@ -9250,7 +9256,7 @@ var __vue_staticRenderFns__$j = [];
 
 var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-ea7ce0e2_0", {
+  inject("data-v-39a9aacb_0", {
     source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-30px;right:35px;background-color:#fafafa}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:.95rem;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{width:100%;cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
     map: undefined,
     media: undefined
@@ -9262,7 +9268,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-ea7ce0e2";
+var __vue_module_identifier__$j = "data-v-39a9aacb";
 /* functional template */
 
 var __vue_is_functional_template__$j = false;
@@ -9940,6 +9946,7 @@ var script$g = {
     },
     insertEmoji: function insertEmoji(emoji) {
       try {
+        if (!emoji) return;
         var textarea = this.$refs["".concat(this.identifier)];
 
         if (document.activeElement === textarea) {
@@ -10041,7 +10048,7 @@ var __vue_staticRenderFns__$g = [];
 
 var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-35df0b7d_0", {
+  inject("data-v-6db8eaee_0", {
     source: ".sc-icone-fechar{cursor:pointer;position:absolute;top:0;right:0;background-color:#fff;border-radius:50%;z-index:1;color:#e74c3c;font-size:1.3rem}.sc-icone-fechar.sc-icone-fechar--externo{top:-10px;right:-10px}.sc-icone-fechar.sc-icone-fechar--interno{top:10px;right:10px}.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:1.3rem;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:1.3rem;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
@@ -10053,7 +10060,7 @@ var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$g = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$g = "data-v-35df0b7d";
+var __vue_module_identifier__$g = "data-v-6db8eaee";
 /* functional template */
 
 var __vue_is_functional_template__$g = false;

package/package.json

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

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

@@ -12,7 +12,7 @@
           {{ fileSize }}
         </template>
         <template v-else>
-          Anexos <fa-icon :icon="['fas', 'eye']" />
+          <fa-icon :icon="['fas', 'eye']" />
         </template>
       </span>
     </transition>

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

@@ -244,6 +244,7 @@ export default {
     },
     insertEmoji(emoji) {
       try {
+        if(!emoji) return
         const textarea = this.$refs[`${this.identifier}`]
         if (document.activeElement === textarea) {
           const cursorStart = textarea.selectionStart

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="sm-emoji-picker box-shadow">
+  <div class="sm-emoji-picker box-shadow" @click.stop>
     <SkeletonPicker v-if="loading" />
     <div class="sm-emoji-header">
       <span 
@@ -22,7 +22,7 @@
           <span class="sm-emoji-title" :id="category.id" v-html="`${category.svg} ${category.name}`" :title="category.name"></span>
           <div class="sm-emoji-group">
             <div class="sm-emoji-item" v-for="(emojiKey, key) in category.emojis" :key="`ee-${key}-${category.id}`">
-              <span @click="addEmoji(allEmojis.emojis[emojiKey], emojiKey)"> {{ allEmojis.emojis[emojiKey].finalEmoji }} </span>
+              <span v-if="allEmojis.emojis && allEmojis.emojis[emojiKey] && allEmojis.emojis[emojiKey].finalEmoji" @click="addEmoji(allEmojis.emojis[emojiKey], emojiKey)"> {{ allEmojis.emojis[emojiKey].finalEmoji }} </span>
             </div>
           </div>
         </div>        

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

@@ -256,6 +256,7 @@ export default {
     },
     insertEmoji(emoji) {
       try {
+        if(!emoji) return
         const textarea = document.querySelector(`#text-footer-${this.textId}`)
         if (document.activeElement === textarea) {
           const cursorStart = textarea.selectionStart