vue-intergrall-plugins 0.0.295 → 0.0.297
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-intergrall-plugins.esm.js +10 -28
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +36 -34
- package/package.json +1 -1
- package/src/lib-components/Chat/BtnEmojis.vue +50 -44
- package/src/lib-components/Chat/Picker.vue +184 -147
- package/src/lib-components/Messages/CardMessages.vue +39 -15
- package/src/lib-components/Messages/ChatMessages.vue +31 -4
|
@@ -3007,11 +3007,11 @@ var __vue_render__$x = function __vue_render__() {
|
|
|
3007
3007
|
}
|
|
3008
3008
|
}, [_vm.loading ? _c('SkeletonPicker') : _vm._e(), _vm._ssrNode(" <div class=\"sm-emoji-header\">" + _vm._ssrList(_vm.allEmojis.categories, function (category, indexCategoryHeader) {
|
|
3009
3009
|
return "<span" + _vm._ssrAttr("title", category.name) + _vm._ssrClass("sm-emoji-link", {
|
|
3010
|
-
|
|
3010
|
+
active: _vm.categoriaSelecionada == category.id
|
|
3011
3011
|
}) + ">" + _vm._s("<a href='#" + category.id + "'>" + category.svg + "</a>") + "</span>";
|
|
3012
3012
|
}) + "</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) {
|
|
3013
3013
|
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) {
|
|
3014
|
-
return "<div class=\"sm-emoji-item\">" + (_vm.allEmojis.emojis && _vm.allEmojis.emojis[emojiKey] && _vm.allEmojis.emojis[emojiKey].finalEmoji ? "<span>" + _vm._ssrEscape("
|
|
3014
|
+
return "<div class=\"sm-emoji-item\">" + (_vm.allEmojis.emojis && _vm.allEmojis.emojis[emojiKey] && _vm.allEmojis.emojis[emojiKey].finalEmoji ? "<span>" + _vm._ssrEscape("\n " + _vm._s(_vm.allEmojis.emojis[emojiKey].finalEmoji) + "\n ") + "</span>" : "<!---->") + "</div>";
|
|
3015
3015
|
}) + "</div></div></div>";
|
|
3016
3016
|
}) : "<div class=\"sm-emoji-group\">" + _vm._ssrList(_vm.filteredList, function (emoji, key) {
|
|
3017
3017
|
return "<div class=\"sm-emoji-item\"><span>" + _vm._ssrEscape(" " + _vm._s(emoji.finalEmoji) + " ") + "</span></div>";
|
|
@@ -3023,7 +3023,7 @@ var __vue_staticRenderFns__$x = [];
|
|
|
3023
3023
|
|
|
3024
3024
|
var __vue_inject_styles__$x = function __vue_inject_styles__(inject) {
|
|
3025
3025
|
if (!inject) return;
|
|
3026
|
-
inject("data-v-
|
|
3026
|
+
inject("data-v-27f457ac_0", {
|
|
3027
3027
|
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}",
|
|
3028
3028
|
map: undefined,
|
|
3029
3029
|
media: undefined
|
|
@@ -3035,7 +3035,7 @@ var __vue_inject_styles__$x = function __vue_inject_styles__(inject) {
|
|
|
3035
3035
|
var __vue_scope_id__$x = undefined;
|
|
3036
3036
|
/* module identifier */
|
|
3037
3037
|
|
|
3038
|
-
var __vue_module_identifier__$x = "data-v-
|
|
3038
|
+
var __vue_module_identifier__$x = "data-v-27f457ac";
|
|
3039
3039
|
/* functional template */
|
|
3040
3040
|
|
|
3041
3041
|
var __vue_is_functional_template__$x = false;
|
|
@@ -3178,7 +3178,7 @@ var __vue_staticRenderFns__$w = [];
|
|
|
3178
3178
|
|
|
3179
3179
|
var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
|
|
3180
3180
|
if (!inject) return;
|
|
3181
|
-
inject("data-v-
|
|
3181
|
+
inject("data-v-32816950_0", {
|
|
3182
3182
|
source: ".show-y-enter-active,.show-y-leave-enter{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-enter,.show-y-leave-to{opacity:0;transform:translateY(5%)}.emoji-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}",
|
|
3183
3183
|
map: undefined,
|
|
3184
3184
|
media: undefined
|
|
@@ -3190,7 +3190,7 @@ var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
|
|
|
3190
3190
|
var __vue_scope_id__$w = undefined;
|
|
3191
3191
|
/* module identifier */
|
|
3192
3192
|
|
|
3193
|
-
var __vue_module_identifier__$w = "data-v-
|
|
3193
|
+
var __vue_module_identifier__$w = "data-v-32816950";
|
|
3194
3194
|
/* functional template */
|
|
3195
3195
|
|
|
3196
3196
|
var __vue_is_functional_template__$w = false;
|
|
@@ -11746,8 +11746,12 @@ var script$a = {
|
|
|
11746
11746
|
|
|
11747
11747
|
if (!this.interatividade || !this.interatividade.length) return [];
|
|
11748
11748
|
var finalData = [];
|
|
11749
|
-
var validKeys = ["name", "value"
|
|
11750
|
-
|
|
11749
|
+
var validKeys = ["name", "value" // "ticket_detail_id",
|
|
11750
|
+
// "ticket_detail_type_id",
|
|
11751
|
+
// "creation_date",
|
|
11752
|
+
// "modification_date",
|
|
11753
|
+
];
|
|
11754
|
+
var validIds = [7];
|
|
11751
11755
|
this.interatividade.forEach(function (values) {
|
|
11752
11756
|
if (validIds.includes(values.ticket_detail_type_id)) {
|
|
11753
11757
|
var currentKeys = Object.keys(values);
|
|
@@ -11759,17 +11763,15 @@ var script$a = {
|
|
|
11759
11763
|
|
|
11760
11764
|
currentKeys.forEach(function (key) {
|
|
11761
11765
|
if (validKeys.includes(key)) {
|
|
11762
|
-
var formattedKey = "";
|
|
11763
|
-
|
|
11764
|
-
if (key === "
|
|
11765
|
-
|
|
11766
|
-
} else if (key === "
|
|
11767
|
-
|
|
11768
|
-
} else if (key === "
|
|
11769
|
-
|
|
11770
|
-
}
|
|
11771
|
-
formattedKey = _this.dictionary.ra_creation_modification_title;
|
|
11772
|
-
}
|
|
11766
|
+
var formattedKey = ""; // if (key === "ticket_detail_id") {
|
|
11767
|
+
// formattedKey = this.dictionary.ra_ticket_detail_id_title;
|
|
11768
|
+
// } else if (key === "ticket_detail_type_id") {
|
|
11769
|
+
// formattedKey = this.dictionary.ra_ticket_detail_type_id_title;
|
|
11770
|
+
// } else if (key === "creation_date") {
|
|
11771
|
+
// formattedKey = this.dictionary.ra_creation_date_title;
|
|
11772
|
+
// } else if (key === "modification_date") {
|
|
11773
|
+
// formattedKey = this.dictionary.ra_creation_modification_title;
|
|
11774
|
+
// }
|
|
11773
11775
|
|
|
11774
11776
|
if (formattedKey) {
|
|
11775
11777
|
formattedValues[formattedKey] = values[key];
|
|
@@ -11843,20 +11845,20 @@ var __vue_render__$a = function __vue_render__() {
|
|
|
11843
11845
|
}
|
|
11844
11846
|
}, [_vm.msgNova ? _c('span', {
|
|
11845
11847
|
staticClass: "novas-mensagens"
|
|
11846
|
-
}, [_vm._v(" Nova mensagem ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-
|
|
11848
|
+
}, [_vm._v(" Nova mensagem ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-bb25ecae>", "</div>", [_vm._ssrNode("<div class=\"card-header\" data-v-bb25ecae>", "</div>", [_vm._ssrNode("<div class=\"card-autor\" data-v-bb25ecae>", "</div>", [_c('fa-icon', {
|
|
11847
11849
|
attrs: {
|
|
11848
11850
|
"icon": _vm.iconAutor
|
|
11849
11851
|
}
|
|
11850
|
-
}), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-
|
|
11852
|
+
}), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-bb25ecae>" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.login) + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s("| " + _vm.login)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\" data-v-bb25ecae>", "</div>", [_vm._ssrNode("<div class=\"card-datas\" data-v-bb25ecae>" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + " class=\"card-data\" data-v-bb25ecae><span data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + "</span></div>" : "<!---->") + " " + (_vm.data_mod ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_mod + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + " class=\"card-data\" data-v-bb25ecae><span data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm.hasExpand ? _vm._ssrNode("<div class=\"card-expand\" data-v-bb25ecae>", "</div>", [_c('fa-icon', {
|
|
11851
11853
|
attrs: {
|
|
11852
11854
|
"icon": ['fas', 'expand-alt']
|
|
11853
11855
|
}
|
|
11854
|
-
})], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\" data-v-
|
|
11855
|
-
return "<li data-v-
|
|
11856
|
-
return "<p data-v-
|
|
11857
|
-
}) + " <hr data-v-
|
|
11858
|
-
}) + "</ul></div>" : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-
|
|
11859
|
-
return _vm._ssrNode("<div class=\"card-anexo\" data-v-
|
|
11856
|
+
})], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\" data-v-bb25ecae>" + (_vm.ticket_id.cod && _vm.ticket_id.desc ? "<p" + _vm._ssrAttr("title", _vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")") + _vm._ssrClass("card-chip", [_vm.ticketClassCod]) + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('back_doing_business') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.back_doing_business ? 'green' : 'red') + " card-chip") + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('rating') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating) + _vm._ssrClass(null, (_vm.isNumberBiggerThanSix ? 'green' : 'red') + " card-chip") + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating)) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('resolved_issue') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.resolved_issue ? 'green' : 'red') + " card-chip") + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + "</div> <p class=\"card-message\" data-v-bb25ecae>" + _vm._s(_vm.mensagemFormatada) + "</p> " + (_vm.filteredInteratividadeData && _vm.filteredInteratividadeData.length ? "<div class=\"card-interatividade\" data-v-bb25ecae><p class=\"card-interatividade-title\" data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.dictionary.ra_infos_interatividade) + ":") + "</p> <ul class=\"card-interatividade-list\" data-v-bb25ecae>" + _vm._ssrList(_vm.filteredInteratividadeData, function (values, index) {
|
|
11857
|
+
return "<li data-v-bb25ecae>" + _vm._ssrList(values, function (value, key) {
|
|
11858
|
+
return "<p data-v-bb25ecae>" + (key.indexOf(_vm.dictionary.ra_ask_avaliation_title) <= -1 ? "<span data-v-bb25ecae>" + _vm._s(_vm.formatInteratividadeValue(key, value)) + "</span>" : "<span data-v-bb25ecae><strong data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(key + ":")) + "</strong> <button class=\"box-shadow\" data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(value)) + "</button></span>") + "</p>";
|
|
11859
|
+
}) + " <hr data-v-bb25ecae></li>";
|
|
11860
|
+
}) + "</ul></div>" : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-bb25ecae>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
|
|
11861
|
+
return _vm._ssrNode("<div class=\"card-anexo\" data-v-bb25ecae>", "</div>", [_c('CardAttachment', {
|
|
11860
11862
|
attrs: {
|
|
11861
11863
|
"anexo": anexo,
|
|
11862
11864
|
"dictionary": _vm.dictionary,
|
|
@@ -11871,8 +11873,8 @@ var __vue_staticRenderFns__$a = [];
|
|
|
11871
11873
|
|
|
11872
11874
|
var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
|
|
11873
11875
|
if (!inject) return;
|
|
11874
|
-
inject("data-v-
|
|
11875
|
-
source: ".fade-enter-active[data-v-
|
|
11876
|
+
inject("data-v-bb25ecae_0", {
|
|
11877
|
+
source: ".fade-enter-active[data-v-bb25ecae],.fade-leave-active[data-v-bb25ecae]{transition:opacity .2s}.fade-enter[data-v-bb25ecae],.fade-leave-to[data-v-bb25ecae]{opacity:0}.card-cli[data-v-bb25ecae],.card-ope[data-v-bb25ecae]{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.msgNova[data-v-bb25ecae],.card-ope.msgNova[data-v-bb25ecae]{margin-top:30px}.novas-mensagens[data-v-bb25ecae]{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[data-v-bb25ecae]{border-left:3px solid #90b823}.card-ope[data-v-bb25ecae]{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card[data-v-bb25ecae]{border-right:3px solid #007535}.card[data-v-bb25ecae]{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px;border-radius:7px;box-shadow:rgba(0,0,0,.15) 1px 2px 3px 0}.card p[data-v-bb25ecae]{word-break:break-all}.card-header[data-v-bb25ecae]{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between;padding:10px 5px}.card-header svg[data-v-bb25ecae]{font-size:1rem}.card-canal[data-v-bb25ecae]{flex:1;margin-right:10px}.card-datas[data-v-bb25ecae]{display:flex;flex-direction:column;margin-right:10px;background:#008845;padding:5px 10px;border-top-left-radius:15px;border-bottom-left-radius:15px;color:#fff}.card-right[data-v-bb25ecae]{margin-right:-20px;display:flex;flex-direction:row-reverse;align-items:center}.card-data[data-v-bb25ecae]{overflow:hidden;display:flex;align-content:center}.card-data span[data-v-bb25ecae]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg[data-v-bb25ecae]{margin-right:5px;color:#232323}.card-expand[data-v-bb25ecae]{display:flex;justify-content:center;align-items:center;margin:0 10px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand[data-v-bb25ecae]:hover{opacity:1}.card-footer[data-v-bb25ecae]{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap}.card-chip-container[data-v-bb25ecae]{display:flex;flex-wrap:wrap;width:100%;gap:5px}.card-autor[data-v-bb25ecae]{display:flex;align-items:center;margin-right:10px;overflow:hidden;min-width:14px;max-width:calc(100% - 215px);gap:5px}.card-chip[data-v-bb25ecae]{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[data-v-bb25ecae]:hover{background-color:#cfd8f4}.card-chip.orange[data-v-bb25ecae]{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange[data-v-bb25ecae]:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow[data-v-bb25ecae]{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow[data-v-bb25ecae]:hover{background-color:rgba(252,191,73,.2)}.card-chip.red[data-v-bb25ecae]{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red[data-v-bb25ecae]:hover{background-color:rgba(231,76,60,.25)}.card-chip.green[data-v-bb25ecae]{color:#0e3213;background-color:rgba(15,177,39,.3)}.card-chip.green[data-v-bb25ecae]:hover{background-color:rgba(15,177,39,.4)}.card-anexo[data-v-bb25ecae]{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item[data-v-bb25ecae]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item[data-v-bb25ecae]{max-width:100%;max-height:100%}.anexo-item .req-loader[data-v-bb25ecae]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img[data-v-bb25ecae]{max-width:45px;max-height:45px}.anexo-icone[data-v-bb25ecae]{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone[data-v-bb25ecae]:hover{opacity:1}.anexo-icone[data-v-bb25ecae]:visited{color:inherit}svg[data-v-bb25ecae]{font-size:30px;z-index:1}.anexo-icone.pdf[data-v-bb25ecae]{position:relative}.anexo-icone.pdf svg[data-v-bb25ecae]{color:#e74c3c}.anexo-icone.pdf[data-v-bb25ecae]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc[data-v-bb25ecae]{color:#15517f}.anexo-icone.doc[data-v-bb25ecae]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img[data-v-bb25ecae]{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}.anexo-img[data-v-bb25ecae]:hover{opacity:1}.anexo-img img[data-v-bb25ecae]{width:95%}.card-interatividade[data-v-bb25ecae]{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;font-size:.9em}.card-interatividade-title[data-v-bb25ecae]{font-weight:700;margin-bottom:5px}.card-interatividade-list[data-v-bb25ecae]{margin:0;padding:0;font-size:.9em}.card-interatividade-list hr[data-v-bb25ecae]{height:1px;background-color:#ccc;width:100%;border:0}.card-interatividade-list button[data-v-bb25ecae]{margin-left:5px;border-radius:5px;border:unset;cursor:pointer;padding:5px 10px;background-color:#b5f778}.card-interatividade-list button[data-v-bb25ecae]:hover{text-decoration:underline}",
|
|
11876
11878
|
map: undefined,
|
|
11877
11879
|
media: undefined
|
|
11878
11880
|
});
|
|
@@ -11880,10 +11882,10 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
|
|
|
11880
11882
|
/* scoped */
|
|
11881
11883
|
|
|
11882
11884
|
|
|
11883
|
-
var __vue_scope_id__$a = "data-v-
|
|
11885
|
+
var __vue_scope_id__$a = "data-v-bb25ecae";
|
|
11884
11886
|
/* module identifier */
|
|
11885
11887
|
|
|
11886
|
-
var __vue_module_identifier__$a = "data-v-
|
|
11888
|
+
var __vue_module_identifier__$a = "data-v-bb25ecae";
|
|
11887
11889
|
/* functional template */
|
|
11888
11890
|
|
|
11889
11891
|
var __vue_is_functional_template__$a = false;
|
|
@@ -13207,8 +13209,8 @@ var __vue_staticRenderFns__$5 = [];
|
|
|
13207
13209
|
|
|
13208
13210
|
var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
13209
13211
|
if (!inject) return;
|
|
13210
|
-
inject("data-v-
|
|
13211
|
-
source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:.75rem;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.75rem;word-break:break-word;-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)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem:hover .menu-primario{visibility:visible;opacity:1}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;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}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{visibility:hidden;opacity:0;transition:opacity 150ms ease-in-out;position:absolute;font-size:.7rem;top:3px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:4px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:4px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px}.menu-flutuante{background-color:#fff;-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);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;
|
|
13212
|
+
inject("data-v-77216b65_0", {
|
|
13213
|
+
source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:.75rem;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.75rem;word-break:break-word;-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)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem:hover .menu-primario{visibility:visible;opacity:1}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;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}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{visibility:hidden;opacity:0;transition:opacity 150ms ease-in-out;position:absolute;font-size:.7rem;top:3px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:4px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:4px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px}.menu-flutuante{background-color:#fff;-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);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;z-index:1;width:300px;height:250px}.emoji-message-container .sm-emoji-picker{width:300px;height:250px}.emoji-message-container .sm-emoji-picker .sm-emoji-header{overflow-x:auto;overflow-y:hidden}.reaction{position:absolute;bottom:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(100,100,100,.4);padding:5px;font-size:1.3em;min-width:1.8em;min-height:1.8em;max-width:1.8em;max-height:1.8em}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
|
|
13212
13214
|
map: undefined,
|
|
13213
13215
|
media: undefined
|
|
13214
13216
|
});
|
|
@@ -13219,7 +13221,7 @@ var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
|
13219
13221
|
var __vue_scope_id__$5 = undefined;
|
|
13220
13222
|
/* module identifier */
|
|
13221
13223
|
|
|
13222
|
-
var __vue_module_identifier__$5 = "data-v-
|
|
13224
|
+
var __vue_module_identifier__$5 = "data-v-77216b65";
|
|
13223
13225
|
/* functional template */
|
|
13224
13226
|
|
|
13225
13227
|
var __vue_is_functional_template__$5 = false;
|
package/package.json
CHANGED
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
class="emoji-text-btn"
|
|
5
5
|
@click="toggleEmojiSelection()"
|
|
6
6
|
v-text="String.fromCodePoint(0x1f61c)"
|
|
7
|
-
>
|
|
8
|
-
</div>
|
|
7
|
+
></div>
|
|
9
8
|
<transition name="show-y">
|
|
10
9
|
<Picker v-show="showEmojis" ref="sm-emoji-picker" @insert-emoji="insertEmoji" />
|
|
11
10
|
</transition>
|
|
@@ -13,95 +12,100 @@
|
|
|
13
12
|
</template>
|
|
14
13
|
|
|
15
14
|
<script>
|
|
16
|
-
|
|
17
|
-
import
|
|
18
|
-
import { mixin as clickaway } from 'vue-clickaway'
|
|
15
|
+
import Picker from "./Picker";
|
|
16
|
+
import { mixin as clickaway } from "vue-clickaway";
|
|
19
17
|
|
|
20
18
|
export default {
|
|
21
19
|
components: { Picker },
|
|
22
|
-
mixins: [
|
|
20
|
+
mixins: [clickaway],
|
|
23
21
|
props: {
|
|
24
22
|
emojiId: {
|
|
25
23
|
type: String,
|
|
26
|
-
required: true
|
|
24
|
+
required: true,
|
|
27
25
|
},
|
|
28
26
|
biggerTextarea: {
|
|
29
27
|
type: Boolean,
|
|
30
28
|
default: true,
|
|
31
|
-
required: false
|
|
29
|
+
required: false,
|
|
32
30
|
},
|
|
33
31
|
small: {
|
|
34
32
|
type: Boolean,
|
|
35
33
|
default: false,
|
|
36
|
-
required: false
|
|
34
|
+
required: false,
|
|
37
35
|
},
|
|
38
36
|
up: {
|
|
39
37
|
type: Boolean,
|
|
40
38
|
default: true,
|
|
41
|
-
required: false
|
|
39
|
+
required: false,
|
|
42
40
|
},
|
|
43
41
|
down: {
|
|
44
42
|
type: Boolean,
|
|
45
43
|
default: false,
|
|
46
|
-
required: false
|
|
44
|
+
required: false,
|
|
47
45
|
},
|
|
48
46
|
left: {
|
|
49
47
|
type: Boolean,
|
|
50
48
|
default: true,
|
|
51
|
-
required: false
|
|
52
|
-
}
|
|
49
|
+
required: false,
|
|
50
|
+
},
|
|
53
51
|
},
|
|
54
52
|
computed: {
|
|
55
53
|
height() {
|
|
56
|
-
if(this.small) return 225
|
|
57
|
-
return 325
|
|
54
|
+
if (this.small) return 225;
|
|
55
|
+
return 325;
|
|
58
56
|
},
|
|
59
57
|
top() {
|
|
60
|
-
if(!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30)
|
|
61
|
-
return 40
|
|
62
|
-
}
|
|
58
|
+
if (!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30));
|
|
59
|
+
return 40;
|
|
60
|
+
},
|
|
63
61
|
},
|
|
64
|
-
data(){
|
|
65
|
-
return{
|
|
66
|
-
showEmojis: false
|
|
67
|
-
}
|
|
62
|
+
data() {
|
|
63
|
+
return {
|
|
64
|
+
showEmojis: false,
|
|
65
|
+
};
|
|
68
66
|
},
|
|
69
67
|
created() {
|
|
70
|
-
this.$root.$refs[`etf-${this.emojiId}`] = this
|
|
68
|
+
this.$root.$refs[`etf-${this.emojiId}`] = this;
|
|
71
69
|
},
|
|
72
70
|
watch: {
|
|
73
71
|
showEmojis() {
|
|
74
|
-
if(this.showEmojis) this.setPosition("sm-emoji-picker")
|
|
75
|
-
}
|
|
72
|
+
if (this.showEmojis) this.setPosition("sm-emoji-picker");
|
|
73
|
+
},
|
|
76
74
|
},
|
|
77
75
|
methods: {
|
|
78
76
|
setPosition(refId) {
|
|
79
77
|
try {
|
|
80
78
|
this.$nextTick(() => {
|
|
81
|
-
const elem = this.$refs[refId]
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
79
|
+
const elem = this.$refs[refId]
|
|
80
|
+
? this.$refs[refId].$el
|
|
81
|
+
? this.$refs[refId].$el
|
|
82
|
+
: this.$refs[refId]
|
|
83
|
+
: this.$refs[refId]
|
|
84
|
+
? this.$refs[refId]
|
|
85
|
+
: false;
|
|
86
|
+
if (elem) {
|
|
87
|
+
elem.style.position = "absolute";
|
|
88
|
+
elem.style.top = `${this.top}px`;
|
|
89
|
+
elem.style.left = "0";
|
|
90
|
+
elem.style.height = `${this.height}px`;
|
|
87
91
|
}
|
|
88
|
-
})
|
|
89
|
-
}catch(e) {
|
|
90
|
-
console.error("Erro ao setar a posicao dos emojis")
|
|
91
|
-
console.error(e)
|
|
92
|
+
});
|
|
93
|
+
} catch (e) {
|
|
94
|
+
console.error("Erro ao setar a posicao dos emojis");
|
|
95
|
+
console.error(e);
|
|
92
96
|
}
|
|
93
97
|
},
|
|
94
98
|
insertEmoji(emoji) {
|
|
95
|
-
this.$emit("insert-emoji", emoji)
|
|
99
|
+
this.$emit("insert-emoji", emoji);
|
|
96
100
|
},
|
|
97
101
|
toggleEmojiSelection() {
|
|
98
|
-
this.showEmojis = !this.showEmojis
|
|
102
|
+
this.showEmojis = !this.showEmojis;
|
|
99
103
|
},
|
|
100
104
|
away() {
|
|
101
|
-
this.showEmojis = false
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
+
this.showEmojis = false;
|
|
106
|
+
},
|
|
107
|
+
},
|
|
108
|
+
};
|
|
105
109
|
</script>
|
|
106
110
|
|
|
107
111
|
<style>
|
|
@@ -118,8 +122,10 @@ export default {
|
|
|
118
122
|
}
|
|
119
123
|
|
|
120
124
|
.emoji-text-container {
|
|
121
|
-
position: relative;
|
|
125
|
+
position: relative;
|
|
126
|
+
}
|
|
122
127
|
.emoji-text-container .emoji-text-btn {
|
|
123
128
|
font-size: 1.2rem;
|
|
124
|
-
cursor: pointer;
|
|
125
|
-
|
|
129
|
+
cursor: pointer;
|
|
130
|
+
}
|
|
131
|
+
</style>
|