vue-intergrall-plugins 0.0.8 → 0.0.9
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 +61 -31
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +63 -34
- package/package.json +1 -1
- package/src/lib-components/Chat/BtnFiles.vue +35 -11
- package/src/lib-components/Chat/MultipleFilePreview.vue +3 -3
- package/src/lib-components/Chat/TextFooter.vue +19 -12
|
@@ -2200,7 +2200,7 @@ const setResizeListeners = ($el, inputClass, parentClass) => {
|
|
|
2200
2200
|
inputTargets.forEach(target => {
|
|
2201
2201
|
target.addEventListener("input", () => {
|
|
2202
2202
|
let currentHeight = target.scrollHeight;
|
|
2203
|
-
if (target.textLength == 0) currentHeight =
|
|
2203
|
+
if (target.textLength == 0) currentHeight = 30;
|
|
2204
2204
|
target.style.height = "auto";
|
|
2205
2205
|
target.style.height = `${currentHeight}px`;
|
|
2206
2206
|
const parentTargets = $el.querySelectorAll(parentClass);
|
|
@@ -8761,6 +8761,9 @@ var __vue_render__$4 = function () {
|
|
|
8761
8761
|
}
|
|
8762
8762
|
})], 1) : _vm._e()]), _vm._v(" "), _c('span', {
|
|
8763
8763
|
staticClass: "delete-file",
|
|
8764
|
+
attrs: {
|
|
8765
|
+
"title": _vm.dictionary.msg_excluir_anexo
|
|
8766
|
+
},
|
|
8764
8767
|
on: {
|
|
8765
8768
|
"click": function ($event) {
|
|
8766
8769
|
return _vm.deleteSpecificFile(singleFile.name, index);
|
|
@@ -8779,8 +8782,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
8779
8782
|
|
|
8780
8783
|
const __vue_inject_styles__$4 = function (inject) {
|
|
8781
8784
|
if (!inject) return;
|
|
8782
|
-
inject("data-v-
|
|
8783
|
-
source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:5px;border-top-right-radius:5px;transition:background-color 150ms}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:rgba(255,255,255,.8);border-radius:30px}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;min-width:1rem;min-height:1rem;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
|
|
8785
|
+
inject("data-v-1ab24e70_0", {
|
|
8786
|
+
source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:rgba(255,255,255,.8);border-radius:30px}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;min-width:1rem;min-height:1rem;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
|
|
8784
8787
|
map: undefined,
|
|
8785
8788
|
media: undefined
|
|
8786
8789
|
});
|
|
@@ -8887,15 +8890,9 @@ var script$3 = {
|
|
|
8887
8890
|
fileUpload(event, type, externalCall) {
|
|
8888
8891
|
try {
|
|
8889
8892
|
this.openFiles = false;
|
|
8890
|
-
|
|
8891
|
-
this.file =
|
|
8892
|
-
|
|
8893
|
-
if (!this.file.length) {
|
|
8894
|
-
this.file = [];
|
|
8895
|
-
return;
|
|
8896
|
-
}
|
|
8897
|
-
|
|
8898
|
-
this.showFilePreview = true;
|
|
8893
|
+
let filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event;
|
|
8894
|
+
this.file = filesAux.length ? filesAux : this.file;
|
|
8895
|
+
if (!this.file.length) return;
|
|
8899
8896
|
|
|
8900
8897
|
if (!this.fileSettings.multiple) {
|
|
8901
8898
|
this.file = this.file[0];
|
|
@@ -8967,6 +8964,10 @@ var script$3 = {
|
|
|
8967
8964
|
if (this.isDoc) this.emitFileVars();
|
|
8968
8965
|
},
|
|
8969
8966
|
|
|
8967
|
+
toggleFilePreview() {
|
|
8968
|
+
this.showFilePreview = !this.showFilePreview;
|
|
8969
|
+
},
|
|
8970
|
+
|
|
8970
8971
|
emitFileVars() {
|
|
8971
8972
|
const vars = {
|
|
8972
8973
|
file: this.file,
|
|
@@ -9026,19 +9027,35 @@ var __vue_render__$3 = function () {
|
|
|
9026
9027
|
return _c('span', {
|
|
9027
9028
|
staticClass: "text-footer-actions--btn",
|
|
9028
9029
|
class: {
|
|
9029
|
-
'files-activated': _vm.openFiles
|
|
9030
|
+
'files-activated': _vm.openFiles || _vm.file.length
|
|
9030
9031
|
},
|
|
9032
|
+
on: {
|
|
9033
|
+
"click": function ($event) {
|
|
9034
|
+
_vm.fileSettings.multiple ? _vm.openSelectFileHandler('both') : _vm.toggleFiles;
|
|
9035
|
+
}
|
|
9036
|
+
}
|
|
9037
|
+
}, [_c('transition', {
|
|
9031
9038
|
attrs: {
|
|
9032
|
-
"
|
|
9039
|
+
"name": "fade"
|
|
9040
|
+
}
|
|
9041
|
+
}, [_vm.file.length ? _c('span', {
|
|
9042
|
+
staticClass: "files-counter",
|
|
9043
|
+
attrs: {
|
|
9044
|
+
"title": _vm.dictionary.msg_abrir_anexos
|
|
9045
|
+
},
|
|
9046
|
+
domProps: {
|
|
9047
|
+
"textContent": _vm._s(_vm.file.length)
|
|
9033
9048
|
},
|
|
9034
9049
|
on: {
|
|
9035
9050
|
"click": function ($event) {
|
|
9036
|
-
|
|
9051
|
+
$event.stopPropagation();
|
|
9052
|
+
return _vm.toggleFilePreview.apply(null, arguments);
|
|
9037
9053
|
}
|
|
9038
9054
|
}
|
|
9039
|
-
},
|
|
9055
|
+
}) : _vm._e()]), _vm._v(" "), _c('fa-icon', {
|
|
9040
9056
|
attrs: {
|
|
9041
|
-
"icon": ['fas', 'paperclip']
|
|
9057
|
+
"icon": ['fas', 'paperclip'],
|
|
9058
|
+
"title": _vm.dictionary.title_selecionar_anexo
|
|
9042
9059
|
}
|
|
9043
9060
|
}), _vm._v(" "), _c('transition', {
|
|
9044
9061
|
attrs: {
|
|
@@ -9120,7 +9137,13 @@ var __vue_render__$3 = function () {
|
|
|
9120
9137
|
attrs: {
|
|
9121
9138
|
"name": "fade"
|
|
9122
9139
|
}
|
|
9123
|
-
}, [
|
|
9140
|
+
}, [_c('div', {
|
|
9141
|
+
directives: [{
|
|
9142
|
+
name: "show",
|
|
9143
|
+
rawName: "v-show",
|
|
9144
|
+
value: _vm.showFilePreview,
|
|
9145
|
+
expression: "showFilePreview"
|
|
9146
|
+
}],
|
|
9124
9147
|
staticClass: "text-footer-preview-container",
|
|
9125
9148
|
class: [_vm.previewContainerClass],
|
|
9126
9149
|
on: {
|
|
@@ -9153,7 +9176,7 @@ var __vue_render__$3 = function () {
|
|
|
9153
9176
|
"delete-specific-file": _vm.deleteSpecificFile,
|
|
9154
9177
|
"open-image": _vm.openImage
|
|
9155
9178
|
}
|
|
9156
|
-
})], 1)
|
|
9179
|
+
})], 1)])], 1);
|
|
9157
9180
|
};
|
|
9158
9181
|
|
|
9159
9182
|
var __vue_staticRenderFns__$3 = [];
|
|
@@ -9161,8 +9184,8 @@ var __vue_staticRenderFns__$3 = [];
|
|
|
9161
9184
|
|
|
9162
9185
|
const __vue_inject_styles__$3 = function (inject) {
|
|
9163
9186
|
if (!inject) return;
|
|
9164
|
-
inject("data-v-
|
|
9165
|
-
source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}",
|
|
9187
|
+
inject("data-v-ba3fe4c6_0", {
|
|
9188
|
+
source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:0;z-index:1;right:0;font-size:.5rem;width:15px;height:15px;border-radius:50%;background:#a4ac86;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}",
|
|
9166
9189
|
map: undefined,
|
|
9167
9190
|
media: undefined
|
|
9168
9191
|
});
|
|
@@ -9504,16 +9527,23 @@ var script$2 = {
|
|
|
9504
9527
|
filesHandler(files) {
|
|
9505
9528
|
const fileType = this.returnFileType(files[0], true);
|
|
9506
9529
|
let invalidFile = false;
|
|
9507
|
-
files.forEach(file => {
|
|
9508
|
-
const singleFileType = this.returnFileType(file, true);
|
|
9509
9530
|
|
|
9510
|
-
|
|
9511
|
-
|
|
9512
|
-
|
|
9513
|
-
}
|
|
9531
|
+
try {
|
|
9532
|
+
files.forEach(file => {
|
|
9533
|
+
const singleFileType = this.returnFileType(file, true);
|
|
9514
9534
|
|
|
9515
|
-
|
|
9516
|
-
|
|
9535
|
+
if (!singleFileType) {
|
|
9536
|
+
invalidFile = true;
|
|
9537
|
+
file.invalid = true;
|
|
9538
|
+
}
|
|
9539
|
+
|
|
9540
|
+
file.imgOrDoc = singleFileType ? singleFileType : "";
|
|
9541
|
+
});
|
|
9542
|
+
} catch (e) {
|
|
9543
|
+
console.error("Erro ao tentar percorrer os arquivos");
|
|
9544
|
+
console.error(e);
|
|
9545
|
+
invalidFile = true;
|
|
9546
|
+
}
|
|
9517
9547
|
|
|
9518
9548
|
if (!invalidFile) {
|
|
9519
9549
|
this.$refs[`${this.textId}-file`].fileUpload(files, fileType, true);
|
|
@@ -9760,8 +9790,8 @@ var __vue_staticRenderFns__$2 = [];
|
|
|
9760
9790
|
|
|
9761
9791
|
const __vue_inject_styles__$2 = function (inject) {
|
|
9762
9792
|
if (!inject) return;
|
|
9763
|
-
inject("data-v-
|
|
9764
|
-
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:
|
|
9793
|
+
inject("data-v-e42cf7de_0", {
|
|
9794
|
+
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 4px 5px -2px rgba(0,0,0,.25);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 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 .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:5px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#e1e1e1;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-preview-container .text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-container .text-footer-preview-container .text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-container .text-footer-preview-container .text-footer-exclude-file svg:hover{color:#e74c3c}.text-footer-container .text-footer-preview-container .text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-container .text-footer-preview-container .text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-container .text-footer-preview-container .text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}.text-footer-container .text-footer-preview-container .text-footer-invalid-format{color:#222;padding:10px}.text-footer-container .text-footer-preview-container .text-footer-invalid-format h3{font-weight:500}.text-footer-container .text-footer-preview-container .text-footer-invalid-format h4{font-size:.9rem}.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-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
|
|
9765
9795
|
map: undefined,
|
|
9766
9796
|
media: undefined
|
|
9767
9797
|
});
|