vue-intergrall-plugins 0.0.260 → 0.0.262
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 +20 -10
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +19 -12
- package/package.json +1 -1
- package/src/lib-components/Chat/ExpandTextarea.vue +1 -0
- package/src/lib-components/Chat/Picker.vue +2 -2
- package/src/lib-components/Chat/TextFooter.vue +1 -0
- package/src/lib-components/Messages/InteratividadeBotoes.vue +27 -3
|
@@ -2707,14 +2707,19 @@ var __vue_render__$w = function __vue_render__() {
|
|
|
2707
2707
|
var _c = _vm._self._c || _h;
|
|
2708
2708
|
|
|
2709
2709
|
return _c('div', {
|
|
2710
|
-
staticClass: "sm-emoji-picker box-shadow"
|
|
2710
|
+
staticClass: "sm-emoji-picker box-shadow",
|
|
2711
|
+
on: {
|
|
2712
|
+
"click": function click($event) {
|
|
2713
|
+
$event.stopPropagation();
|
|
2714
|
+
}
|
|
2715
|
+
}
|
|
2711
2716
|
}, [_vm.loading ? _c('SkeletonPicker') : _vm._e(), _vm._ssrNode(" <div class=\"sm-emoji-header\">" + _vm._ssrList(_vm.allEmojis.categories, function (category, indexCategoryHeader) {
|
|
2712
2717
|
return "<span" + _vm._ssrAttr("title", category.name) + _vm._ssrClass("sm-emoji-link", {
|
|
2713
2718
|
'active': _vm.categoriaSelecionada == category.id
|
|
2714
2719
|
}) + ">" + _vm._s("<a href='#" + category.id + "'>" + category.svg + "</a>") + "</span>";
|
|
2715
2720
|
}) + "</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) {
|
|
2716
2721
|
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) {
|
|
2717
|
-
return "<div class=\"sm-emoji-item\"
|
|
2722
|
+
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>";
|
|
2718
2723
|
}) + "</div></div></div>";
|
|
2719
2724
|
}) : "<div class=\"sm-emoji-group\">" + _vm._ssrList(_vm.filteredList, function (emoji, key) {
|
|
2720
2725
|
return "<div class=\"sm-emoji-item\"><span>" + _vm._ssrEscape(" " + _vm._s(emoji.finalEmoji) + " ") + "</span></div>";
|
|
@@ -2726,7 +2731,7 @@ var __vue_staticRenderFns__$w = [];
|
|
|
2726
2731
|
|
|
2727
2732
|
var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
|
|
2728
2733
|
if (!inject) return;
|
|
2729
|
-
inject("data-v-
|
|
2734
|
+
inject("data-v-79e05a78_0", {
|
|
2730
2735
|
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}",
|
|
2731
2736
|
map: undefined,
|
|
2732
2737
|
media: undefined
|
|
@@ -2738,7 +2743,7 @@ var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
|
|
|
2738
2743
|
var __vue_scope_id__$w = undefined;
|
|
2739
2744
|
/* module identifier */
|
|
2740
2745
|
|
|
2741
|
-
var __vue_module_identifier__$w = "data-v-
|
|
2746
|
+
var __vue_module_identifier__$w = "data-v-79e05a78";
|
|
2742
2747
|
/* functional template */
|
|
2743
2748
|
|
|
2744
2749
|
var __vue_is_functional_template__$w = false;
|
|
@@ -8769,6 +8774,7 @@ var script$j = {
|
|
|
8769
8774
|
},
|
|
8770
8775
|
insertEmoji: function insertEmoji(emoji) {
|
|
8771
8776
|
try {
|
|
8777
|
+
if (!emoji) return;
|
|
8772
8778
|
var textarea = document.querySelector("#text-footer-".concat(this.textId));
|
|
8773
8779
|
|
|
8774
8780
|
if (document.activeElement === textarea) {
|
|
@@ -9250,7 +9256,7 @@ var __vue_staticRenderFns__$j = [];
|
|
|
9250
9256
|
|
|
9251
9257
|
var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
|
|
9252
9258
|
if (!inject) return;
|
|
9253
|
-
inject("data-v-
|
|
9259
|
+
inject("data-v-39a9aacb_0", {
|
|
9254
9260
|
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}",
|
|
9255
9261
|
map: undefined,
|
|
9256
9262
|
media: undefined
|
|
@@ -9262,7 +9268,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
|
|
|
9262
9268
|
var __vue_scope_id__$j = undefined;
|
|
9263
9269
|
/* module identifier */
|
|
9264
9270
|
|
|
9265
|
-
var __vue_module_identifier__$j = "data-v-
|
|
9271
|
+
var __vue_module_identifier__$j = "data-v-39a9aacb";
|
|
9266
9272
|
/* functional template */
|
|
9267
9273
|
|
|
9268
9274
|
var __vue_is_functional_template__$j = false;
|
|
@@ -9940,6 +9946,7 @@ var script$g = {
|
|
|
9940
9946
|
},
|
|
9941
9947
|
insertEmoji: function insertEmoji(emoji) {
|
|
9942
9948
|
try {
|
|
9949
|
+
if (!emoji) return;
|
|
9943
9950
|
var textarea = this.$refs["".concat(this.identifier)];
|
|
9944
9951
|
|
|
9945
9952
|
if (document.activeElement === textarea) {
|
|
@@ -10041,7 +10048,7 @@ var __vue_staticRenderFns__$g = [];
|
|
|
10041
10048
|
|
|
10042
10049
|
var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
|
|
10043
10050
|
if (!inject) return;
|
|
10044
|
-
inject("data-v-
|
|
10051
|
+
inject("data-v-6db8eaee_0", {
|
|
10045
10052
|
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}",
|
|
10046
10053
|
map: undefined,
|
|
10047
10054
|
media: undefined
|
|
@@ -10053,7 +10060,7 @@ var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
|
|
|
10053
10060
|
var __vue_scope_id__$g = undefined;
|
|
10054
10061
|
/* module identifier */
|
|
10055
10062
|
|
|
10056
|
-
var __vue_module_identifier__$g = "data-v-
|
|
10063
|
+
var __vue_module_identifier__$g = "data-v-6db8eaee";
|
|
10057
10064
|
/* functional template */
|
|
10058
10065
|
|
|
10059
10066
|
var __vue_is_functional_template__$g = false;
|
|
@@ -11762,7 +11769,7 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
11762
11769
|
}
|
|
11763
11770
|
}) : _vm._e()], 1), _vm._ssrNode(" " + (_vm.arrBotoes.length ? _vm._ssrList(_vm.arrBotoes, function (btn, index) {
|
|
11764
11771
|
return "<div" + _vm._ssrAttr("title", btn.titulo) + " class=\"interatividade-btn\"><p class=\"interatividade-titulo\">" + _vm._s(btn.titulo) + "</p></div>";
|
|
11765
|
-
}) : Object.keys(_vm.objItens).length ? "<div
|
|
11772
|
+
}) : Object.keys(_vm.objItens).length ? "<div" + _vm._ssrClass("interatividade-lista", _vm.tipoBotoes == 'listItem' ? 'bg-none' : '') + "><div" + _vm._ssrClass("interatividade-lista-conteudo", _vm.tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : '') + ">" + (_vm.objItens.header && _vm.objItens.header.text ? "<p class=\"interatividade-lista-titulo\">" + _vm._s(_vm.objItens.header.text) + "</p>" : "<!---->") + " " + (_vm.objItens.body && _vm.objItens.body.text ? "<p class=\"interatividade-lista-corpo\">" + _vm._s(_vm.objItens.body.text) + "</p>" : "<!---->") + " " + (_vm.objItens.footer && _vm.objItens.footer.text ? "<p class=\"interatividade-lista-rodape\">" + _vm._s(_vm.objItens.footer.text) + "</p>" : "<!---->") + "</div> " + (_vm.objItens.list && _vm.objItens.list.title ? "<p" + _vm._ssrClass("interatividade-lista-link", _vm.tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : '') + ">" + _vm._s(_vm.objItens.list.title) + "</p>" : "<!---->") + "</div>" : "<!---->"))], 2);
|
|
11766
11773
|
};
|
|
11767
11774
|
|
|
11768
11775
|
var __vue_staticRenderFns__$7 = [];
|
|
@@ -11770,8 +11777,8 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
11770
11777
|
|
|
11771
11778
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
11772
11779
|
if (!inject) return;
|
|
11773
|
-
inject("data-v-
|
|
11774
|
-
source: ".show-x-enter-active,.show-x-leave-enter{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter,.show-x-leave-to{opacity:0;transform:translateX(5%)}.interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
|
|
11780
|
+
inject("data-v-180b8532_0", {
|
|
11781
|
+
source: ".show-x-enter-active,.show-x-leave-enter{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter,.show-x-leave-to{opacity:0;transform:translateX(5%)}.bg-none{background-color:transparent!important}.bg-white{background-color:#fff}.border-radius-5{border-radius:5px}.mt-5{margin-top:5px}.interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.border-bottom-none{border-bottom:none!important}.padding-none{padding:unset!important}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
|
|
11775
11782
|
map: undefined,
|
|
11776
11783
|
media: undefined
|
|
11777
11784
|
});
|
|
@@ -11782,7 +11789,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
11782
11789
|
var __vue_scope_id__$7 = undefined;
|
|
11783
11790
|
/* module identifier */
|
|
11784
11791
|
|
|
11785
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
11792
|
+
var __vue_module_identifier__$7 = "data-v-180b8532";
|
|
11786
11793
|
/* functional template */
|
|
11787
11794
|
|
|
11788
11795
|
var __vue_is_functional_template__$7 = false;
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="sm-emoji-picker box-shadow">
|
|
2
|
+
<div class="sm-emoji-picker box-shadow" @click.stop>
|
|
3
3
|
<SkeletonPicker v-if="loading" />
|
|
4
4
|
<div class="sm-emoji-header">
|
|
5
5
|
<span
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
<span class="sm-emoji-title" :id="category.id" v-html="`${category.svg} ${category.name}`" :title="category.name"></span>
|
|
23
23
|
<div class="sm-emoji-group">
|
|
24
24
|
<div class="sm-emoji-item" v-for="(emojiKey, key) in category.emojis" :key="`ee-${key}-${category.id}`">
|
|
25
|
-
<span @click="addEmoji(allEmojis.emojis[emojiKey], emojiKey)"> {{ allEmojis.emojis[emojiKey].finalEmoji }} </span>
|
|
25
|
+
<span v-if="allEmojis.emojis && allEmojis.emojis[emojiKey] && allEmojis.emojis[emojiKey].finalEmoji" @click="addEmoji(allEmojis.emojis[emojiKey], emojiKey)"> {{ allEmojis.emojis[emojiKey].finalEmoji }} </span>
|
|
26
26
|
</div>
|
|
27
27
|
</div>
|
|
28
28
|
</div>
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
</div>
|
|
10
10
|
</template>
|
|
11
11
|
<template v-else-if="Object.keys(objItens).length">
|
|
12
|
-
<div class="interatividade-lista">
|
|
13
|
-
<div class="interatividade-lista-conteudo">
|
|
12
|
+
<div class="interatividade-lista" :class="tipoBotoes == 'listItem' ? 'bg-none' : ''">
|
|
13
|
+
<div class="interatividade-lista-conteudo" :class="tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : ''">
|
|
14
14
|
<p v-if="objItens.header && objItens.header.text" v-html="objItens.header.text" class="interatividade-lista-titulo"></p>
|
|
15
15
|
<p v-if="objItens.body && objItens.body.text" v-html="objItens.body.text" class="interatividade-lista-corpo"></p>
|
|
16
16
|
<p v-if="objItens.footer && objItens.footer.text" v-html="objItens.footer.text" class="interatividade-lista-rodape"></p>
|
|
17
17
|
</div>
|
|
18
|
-
<p v-if="objItens.list && objItens.list.title" v-html="objItens.list.title" @click="expandirLista" class="interatividade-lista-link"></p>
|
|
18
|
+
<p v-if="objItens.list && objItens.list.title" v-html="objItens.list.title" @click="expandirLista" :class="tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : ''" class="interatividade-lista-link"></p>
|
|
19
19
|
</div>
|
|
20
20
|
</template>
|
|
21
21
|
</div>
|
|
@@ -82,6 +82,22 @@ export default {
|
|
|
82
82
|
transform: translateX(5%);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
+
.bg-none {
|
|
86
|
+
background-color: transparent!important;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.bg-white {
|
|
90
|
+
background-color: #FFF;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.border-radius-5 {
|
|
94
|
+
border-radius: 5px
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.mt-5 {
|
|
98
|
+
margin-top: 5px;
|
|
99
|
+
}
|
|
100
|
+
|
|
85
101
|
.interatividade-btn {
|
|
86
102
|
width: 100%;
|
|
87
103
|
display: flex;
|
|
@@ -113,6 +129,14 @@ export default {
|
|
|
113
129
|
color: #333;
|
|
114
130
|
margin: 10px 0;
|
|
115
131
|
}
|
|
132
|
+
|
|
133
|
+
.border-bottom-none {
|
|
134
|
+
border-bottom: none!important;
|
|
135
|
+
}
|
|
136
|
+
.padding-none {
|
|
137
|
+
padding: unset!important;
|
|
138
|
+
}
|
|
139
|
+
|
|
116
140
|
.interatividade-lista-conteudo {
|
|
117
141
|
padding: 10px;
|
|
118
142
|
border-bottom: 1px solid #D7D7D7;
|