vue-intergrall-plugins 0.0.249 → 0.0.250

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.
@@ -10265,6 +10265,8 @@ var __vue_component__$n = __vue_component__$m;var textoLongo = {
10265
10265
  this.icon = this.fileType === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
10266
10266
  },
10267
10267
  downloadAllFilesHandler: function downloadAllFilesHandler() {
10268
+ var _this = this;
10269
+
10268
10270
  try {
10269
10271
  if (!this.$root.$refs.chatMessages || !this.$root.$refs.chatMessages.referenceSelector) return this.$emit("download-all");
10270
10272
  var container = document.querySelector("".concat(this.$root.$refs.chatMessages.referenceSelector));
@@ -10287,6 +10289,7 @@ var __vue_component__$n = __vue_component__$m;var textoLongo = {
10287
10289
  var handler = handleInterval();
10288
10290
 
10289
10291
  if (!handler) {
10292
+ _this.closeTippy ? _this.closeTippy() : null;
10290
10293
  clearInterval(interval);
10291
10294
  interval = 0;
10292
10295
  }
@@ -11488,6 +11491,9 @@ var script$8 = {
11488
11491
  }
11489
11492
 
11490
11493
  return status;
11494
+ },
11495
+ closeTippy: function closeTippy() {
11496
+ this.$refs["download-multiple-trigger"] && this.$refs["download-multiple-trigger"].click();
11491
11497
  }
11492
11498
  }
11493
11499
  };/* script */
@@ -11503,17 +11509,17 @@ var __vue_render__$8 = function __vue_render__() {
11503
11509
 
11504
11510
  return _c('div', {
11505
11511
  staticClass: "mensagem-div-anexo"
11506
- }, [_vm._ssrNode("<div class=\"anexo-mensagem\" data-v-9dd05594>", "</div>", [_vm.imageURL ? _vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.imageURL) + _vm._ssrAttr("alt", _vm.dictionary.alt_msg_img) + " data-v-9dd05594>", "</img>") : _vm.audio ? _vm._ssrNode("<audio controls=\"controls\" data-v-9dd05594><source" + _vm._ssrAttr("src", _vm.docURL) + _vm._ssrAttr("type", _vm.fileType) + " data-v-9dd05594>\n Sem suporte para o elemento audio\n </audio>") : _vm.video ? _vm._ssrNode("<video controls=\"controls\" data-v-9dd05594><source" + _vm._ssrAttr("src", _vm.docURL) + _vm._ssrAttr("type", _vm.fileType) + " data-v-9dd05594>\n Sem suporte para o elemento video\n </video>") : _vm.docURL ? _vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.docURL) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"default-doc\" data-v-9dd05594>", "</a>", [_c('fa-icon', {
11512
+ }, [_vm._ssrNode("<div class=\"anexo-mensagem\" data-v-5a69e950>", "</div>", [_vm.imageURL ? _vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.imageURL) + _vm._ssrAttr("alt", _vm.dictionary.alt_msg_img) + " data-v-5a69e950>", "</img>") : _vm.audio ? _vm._ssrNode("<audio controls=\"controls\" data-v-5a69e950><source" + _vm._ssrAttr("src", _vm.docURL) + _vm._ssrAttr("type", _vm.fileType) + " data-v-5a69e950>\n Sem suporte para o elemento audio\n </audio>") : _vm.video ? _vm._ssrNode("<video controls=\"controls\" data-v-5a69e950><source" + _vm._ssrAttr("src", _vm.docURL) + _vm._ssrAttr("type", _vm.fileType) + " data-v-5a69e950>\n Sem suporte para o elemento video\n </video>") : _vm.docURL ? _vm._ssrNode("<span class=\"default-doc\" data-v-5a69e950>", "</span>", [_c('fa-icon', {
11507
11513
  class: [_vm.iconClass],
11508
11514
  attrs: {
11509
11515
  "icon": _vm.icon
11510
11516
  }
11511
- }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + " data-v-9dd05594>" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2) : _vm._ssrNode("<span class=\"default-doc\" data-v-9dd05594>", "</span>", [_c('fa-icon', {
11517
+ }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + " data-v-5a69e950>" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2) : _vm._ssrNode("<span class=\"default-doc\" data-v-5a69e950>", "</span>", [_c('fa-icon', {
11512
11518
  class: [_vm.iconClass ? _vm.iconClass : ''],
11513
11519
  attrs: {
11514
11520
  "icon": ['fas', 'file-alt']
11515
11521
  }
11516
- }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + " data-v-9dd05594>" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"file-actions\" data-v-9dd05594>", "</div>", [_vm.imageURL ? _vm._ssrNode("<span class=\"file-action-button\" data-v-9dd05594>", "</span>", [_c('fa-icon', {
11522
+ }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + " data-v-5a69e950>" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"file-actions\" data-v-5a69e950>", "</div>", [_vm.imageURL ? _vm._ssrNode("<span class=\"file-action-button\" data-v-5a69e950>", "</span>", [_c('fa-icon', {
11517
11523
  directives: [{
11518
11524
  name: "tippy",
11519
11525
  rawName: "v-tippy"
@@ -11522,17 +11528,19 @@ var __vue_render__$8 = function __vue_render__() {
11522
11528
  "icon": ['fas', 'search-plus'],
11523
11529
  "content": "" + _vm.dictionary.titulo_visualizar_img
11524
11530
  }
11525
- })], 1) : _vm._e(), _vm._ssrNode(" "), _vm.docURL ? _c('a', {
11531
+ })], 1) : _vm._e(), _vm._ssrNode(" "), _vm.docURL ? _c('span', {
11526
11532
  directives: [{
11527
11533
  name: "tippy",
11528
11534
  rawName: "v-tippy"
11529
11535
  }],
11530
11536
  staticClass: "file-action-button",
11531
11537
  attrs: {
11532
- "href": _vm.docURL,
11533
- "target": "_blank",
11534
- "rel": "noreferrer noopener",
11535
11538
  "content": "Visualizar anexo"
11539
+ },
11540
+ on: {
11541
+ "click": function click($event) {
11542
+ return _vm.openWindowFromURL(_vm.docURL);
11543
+ }
11536
11544
  }
11537
11545
  }, [_c('fa-icon', {
11538
11546
  attrs: {
@@ -11555,31 +11563,47 @@ var __vue_render__$8 = function __vue_render__() {
11555
11563
  attrs: {
11556
11564
  "icon": ['fas', 'download']
11557
11565
  }
11558
- })], 1) : _vm._e(), _vm._ssrNode(" "), _c('span', {
11559
- directives: [{
11560
- name: "tippy",
11561
- rawName: "v-tippy"
11562
- }],
11563
- staticClass: "file-action-button",
11564
- attrs: {
11565
- "content": "Fazer download de todos anexos da tela"
11566
- },
11566
+ })], 1) : _vm._e(), _vm._ssrNode(" "), _vm.imageURL || _vm.docURL ? [_c('tippy', {
11567
+ attrs: {
11568
+ "interactive": "",
11569
+ "theme": "light",
11570
+ "trigger": "click"
11571
+ },
11572
+ scopedSlots: _vm._u([{
11573
+ key: "trigger",
11574
+ fn: function fn() {
11575
+ return [_c('span', {
11576
+ ref: "download-multiple-trigger",
11577
+ staticClass: "file-action-button"
11578
+ }, [_c('fa-icon', {
11579
+ attrs: {
11580
+ "icon": ['fas', 'download']
11581
+ }
11582
+ }), _vm._v(" "), _c('fa-icon', {
11583
+ attrs: {
11584
+ "icon": ['fas', 'download']
11585
+ }
11586
+ }), _vm._v(" "), _c('fa-icon', {
11587
+ attrs: {
11588
+ "icon": ['fas', 'download']
11589
+ }
11590
+ })], 1)];
11591
+ },
11592
+ proxy: true
11593
+ }], null, false, 2135986953)
11594
+ }, [_vm._v(" "), _c('div', {
11595
+ staticClass: "tippy-confirmation"
11596
+ }, [_c('p', [_vm._v(" Deseja fazer download de todos anexos da tela? ")]), _vm._v(" "), _c('button', {
11597
+ staticClass: "cancel box-shadow",
11567
11598
  on: {
11568
- "click": _vm.downloadAllFilesHandler
11569
- }
11570
- }, [_c('fa-icon', {
11571
- attrs: {
11572
- "icon": ['fas', 'download']
11573
- }
11574
- }), _vm._ssrNode(" "), _c('fa-icon', {
11575
- attrs: {
11576
- "icon": ['fas', 'download']
11599
+ "click": _vm.closeTippy
11577
11600
  }
11578
- }), _vm._ssrNode(" "), _c('fa-icon', {
11579
- attrs: {
11580
- "icon": ['fas', 'download']
11601
+ }, [_vm._v(" Cancelar ")]), _vm._v(" "), _c('button', {
11602
+ staticClass: "confirm box-shadow",
11603
+ on: {
11604
+ "click": _vm.downloadAllFilesHandler
11581
11605
  }
11582
- })], 2)], 2)], 2)]);
11606
+ }, [_vm._v(" Confirmar ")])])])] : _vm._e()], 2)], 2)]);
11583
11607
  };
11584
11608
 
11585
11609
  var __vue_staticRenderFns__$8 = [];
@@ -11587,8 +11611,12 @@ var __vue_staticRenderFns__$8 = [];
11587
11611
 
11588
11612
  var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
11589
11613
  if (!inject) return;
11590
- inject("data-v-9dd05594_0", {
11591
- source: ".mensagem__principal .default-doc[data-v-9dd05594]{background-color:var(--files-bg)}.mensagem__outros .default-doc[data-v-9dd05594]{background-color:rgba(100,100,100,.1)}.default-doc[data-v-9dd05594]{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%}.default-doc svg[data-v-9dd05594]{font-size:1.2rem;margin-right:5px}.default-doc p[data-v-9dd05594]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions[data-v-9dd05594]{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a[data-v-9dd05594]{margin-right:0}.mensagem__principal .file-action-button[data-v-9dd05594]{background-color:var(--files-bg)}.mensagem__outros .file-action-button[data-v-9dd05594]{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button[data-v-9dd05594]:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button[data-v-9dd05594]:hover{background-color:rgba(100,100,100,.3)}.file-action-button[data-v-9dd05594]{display:flex;justify-content:center;align-items:center;margin-left:12px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color 150ms ease-in-out}.file-action-button a[data-v-9dd05594]{margin:0}.fade-enter-active[data-v-9dd05594],.fade-leave-active[data-v-9dd05594]{transition:opacity .5s}.fade-enter[data-v-9dd05594],.fade-leave-to[data-v-9dd05594]{opacity:0}.mensagem-div-anexo[data-v-9dd05594]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-9dd05594]{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro[data-v-9dd05594],.anexo-container a[data-v-9dd05594]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p[data-v-9dd05594]{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro[data-v-9dd05594],.anexo-container p[data-v-9dd05594]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-9dd05594]{font-size:2rem}.anexo-mensagem audio[data-v-9dd05594]{outline:0;width:100%;margin-bottom:5px}.anexo-mensagem video[data-v-9dd05594]{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container[data-v-9dd05594]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-9dd05594]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-9dd05594]{cursor:pointer}.mensagem-div-anexo img[data-v-9dd05594]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-9dd05594]{width:100%;height:100%}.anexo-mensagem[data-v-9dd05594]{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger[data-v-9dd05594]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-9dd05594]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-9dd05594]{font-size:1.025em;margin-right:2px}.pdf[data-v-9dd05594]{color:#e74c3c}.doc[data-v-9dd05594]{color:#006bc9}",
11614
+ inject("data-v-5a69e950_0", {
11615
+ source: ".tippy-tooltip.light-theme .tippy-backdrop{background-color:#fff}.tippy-tooltip.light-theme{background-color:#fff;border:1px solid #ccc;color:#333;-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)}.tippy-confirmation p{margin-bottom:3px}.tippy-confirmation button{border:unset;background-color:#f1f1f1;border-radius:3px;padding:5px 8px;cursor:pointer;font-size:.75rem}.tippy-confirmation button.cancel{border-bottom:2px solid red;margin-right:15px}.tippy-confirmation button.confirm{border-bottom:2px solid green}",
11616
+ map: undefined,
11617
+ media: undefined
11618
+ }), inject("data-v-5a69e950_1", {
11619
+ source: ".mensagem__principal .default-doc[data-v-5a69e950]{background-color:var(--files-bg)}.mensagem__principal .default-doc[data-v-5a69e950]:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc[data-v-5a69e950]{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc[data-v-5a69e950]:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p[data-v-5a69e950]{text-decoration:underline}.default-doc[data-v-5a69e950]{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%;cursor:pointer;transition:background-color 150ms ease-in-out}.default-doc svg[data-v-5a69e950]{font-size:1.2rem;margin-right:5px}.default-doc p[data-v-5a69e950]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions[data-v-5a69e950]{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a[data-v-5a69e950]{margin-right:0}.mensagem__principal .file-action-button[data-v-5a69e950]{background-color:var(--files-bg)}.mensagem__outros .file-action-button[data-v-5a69e950]{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button[data-v-5a69e950]:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button[data-v-5a69e950]:hover{background-color:rgba(100,100,100,.3)}.file-action-button[data-v-5a69e950]{display:flex;justify-content:center;align-items:center;margin-left:12px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color 150ms ease-in-out}.file-action-button a[data-v-5a69e950]{margin:0}.fade-enter-active[data-v-5a69e950],.fade-leave-active[data-v-5a69e950]{transition:opacity .5s}.fade-enter[data-v-5a69e950],.fade-leave-to[data-v-5a69e950]{opacity:0}.mensagem-div-anexo[data-v-5a69e950]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-5a69e950]{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro[data-v-5a69e950],.anexo-container a[data-v-5a69e950]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p[data-v-5a69e950]{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro[data-v-5a69e950],.anexo-container p[data-v-5a69e950]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-5a69e950]{font-size:2rem}.anexo-mensagem audio[data-v-5a69e950]{outline:0;width:100%;margin-bottom:5px}.anexo-mensagem video[data-v-5a69e950]{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container[data-v-5a69e950]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-5a69e950]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-5a69e950]{cursor:pointer}.mensagem-div-anexo img[data-v-5a69e950]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-5a69e950]{width:100%;height:100%}.anexo-mensagem[data-v-5a69e950]{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger[data-v-5a69e950]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-5a69e950]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-5a69e950]{font-size:1.025em;margin-right:2px}.pdf[data-v-5a69e950]{color:#e74c3c}.doc[data-v-5a69e950]{color:#006bc9}",
11592
11620
  map: undefined,
11593
11621
  media: undefined
11594
11622
  });
@@ -11596,10 +11624,10 @@ var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
11596
11624
  /* scoped */
11597
11625
 
11598
11626
 
11599
- var __vue_scope_id__$8 = "data-v-9dd05594";
11627
+ var __vue_scope_id__$8 = "data-v-5a69e950";
11600
11628
  /* module identifier */
11601
11629
 
11602
- var __vue_module_identifier__$8 = "data-v-9dd05594";
11630
+ var __vue_module_identifier__$8 = "data-v-5a69e950";
11603
11631
  /* functional template */
11604
11632
 
11605
11633
  var __vue_is_functional_template__$8 = false;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-intergrall-plugins",
3
- "version": "0.0.249",
3
+ "version": "0.0.250",
4
4
  "description": "",
5
5
  "main": "dist/vue-intergrall-plugins.ssr.js",
6
6
  "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -10,10 +10,10 @@
10
10
  <source :src="docURL" :type="fileType" />
11
11
  Sem suporte para o elemento video
12
12
  </video>
13
- <a v-else-if="docURL" :href="docURL" target="_blank" rel="noreferrer noopener" class="default-doc">
13
+ <span v-else-if="docURL" @click="openWindowFromURL(docURL)" class="default-doc">
14
14
  <fa-icon :class="[iconClass]" :icon="icon" />
15
15
  <p v-text="filename" :title="filename"></p>
16
- </a>
16
+ </span>
17
17
  <span v-else class="default-doc">
18
18
  <fa-icon :class="[iconClass ? iconClass : '']" :icon="['fas', 'file-alt']" />
19
19
  <p v-text="filename" :title="filename"></p>
@@ -23,22 +23,72 @@
23
23
  <span v-if="imageURL" class="file-action-button" @click="showImage(imageURL)">
24
24
  <fa-icon :icon="['fas', 'search-plus']" v-tippy :content="`${dictionary.titulo_visualizar_img}`" />
25
25
  </span>
26
- <a v-if="docURL" :href="docURL" target="_blank" rel="noreferrer noopener" v-tippy :content="`Visualizar anexo`" class="file-action-button">
26
+ <span v-if="docURL" @click="openWindowFromURL(docURL)" v-tippy :content="`Visualizar anexo`" class="file-action-button">
27
27
  <fa-icon :icon="['fas', 'search-plus']" />
28
- </a>
28
+ </span>
29
29
  <a v-if="imageURL || docURL" :href="imageURL ? imageURL : docURL" :download="`${filename}`" target="_blank" rel="noreferrer noopener" v-tippy :content="`Fazer o download do anexo`" class="file-action-button">
30
30
  <fa-icon :icon="['fas', 'download']" />
31
31
  </a>
32
- <span class="file-action-button" v-tippy :content="`Fazer download de todos anexos da tela`" @click="downloadAllFilesHandler">
33
- <fa-icon :icon="['fas', 'download']" />
34
- <fa-icon :icon="['fas', 'download']" />
35
- <fa-icon :icon="['fas', 'download']" />
36
- </span>
32
+ <template v-if="imageURL || docURL">
33
+ <tippy
34
+ interactive
35
+ theme="light"
36
+ trigger="click"
37
+ >
38
+ <template v-slot:trigger>
39
+ <span class="file-action-button" ref="download-multiple-trigger">
40
+ <fa-icon :icon="['fas', 'download']" />
41
+ <fa-icon :icon="['fas', 'download']" />
42
+ <fa-icon :icon="['fas', 'download']" />
43
+ </span>
44
+ </template>
45
+
46
+ <div class="tippy-confirmation">
47
+ <p> Deseja fazer download de todos anexos da tela? </p>
48
+ <button class="cancel box-shadow" @click="closeTippy"> Cancelar </button>
49
+ <button class="confirm box-shadow" @click="downloadAllFilesHandler"> Confirmar </button>
50
+ </div>
51
+
52
+ </tippy>
53
+ </template>
37
54
  </div>
38
55
  </div>
39
56
  </div>
40
57
  </template>
41
58
 
59
+ <style>
60
+ .tippy-tooltip.light-theme .tippy-backdrop {
61
+ background-color: #FFF;
62
+ }
63
+ .tippy-tooltip.light-theme {
64
+ /* .tippy-box[data-theme~='light'] { */
65
+ background-color: #FFF;
66
+ border: 1px solid #CCC;
67
+ color: #333;
68
+ -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
69
+ -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
70
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
71
+ }
72
+ .tippy-confirmation p {
73
+ margin-bottom: 3px;
74
+ }
75
+ .tippy-confirmation button {
76
+ border: unset;
77
+ background-color: #F1F1F1;
78
+ border-radius: 3px;
79
+ padding: 5px 8px;
80
+ cursor: pointer;
81
+ font-size: .75rem;
82
+ }
83
+ .tippy-confirmation button.cancel {
84
+ border-bottom: 2px solid red;
85
+ margin-right: 15px;
86
+ }
87
+ .tippy-confirmation button.confirm {
88
+ border-bottom: 2px solid green;
89
+ }
90
+ </style>
91
+
42
92
  <script>
43
93
  import { fileHandler } from "../../mixins/fileHandler"
44
94
  import Loader from "../Loader/Loader"
@@ -67,7 +117,7 @@ export default {
67
117
  data() {
68
118
  return {
69
119
  imgErro: false,
70
- imgMsgErro: '',
120
+ imgMsgErro: ''
71
121
  }
72
122
  },
73
123
  mounted() {
@@ -97,6 +147,9 @@ export default {
97
147
  this.isLoading = false
98
148
  }
99
149
  return status
150
+ },
151
+ closeTippy() {
152
+ this.$refs["download-multiple-trigger"] && this.$refs["download-multiple-trigger"].click()
100
153
  }
101
154
  }
102
155
  }
@@ -107,10 +160,22 @@ export default {
107
160
  background-color: var(--files-bg);
108
161
  }
109
162
 
163
+ .mensagem__principal .default-doc:hover {
164
+ background-color: var(--files-bg-hover);
165
+ }
166
+
110
167
  .mensagem__outros .default-doc {
111
168
  background-color: rgba(100, 100, 100, 0.1);
112
169
  }
113
170
 
171
+ .mensagem__outros .default-doc:hover {
172
+ background-color: rgba(100, 100, 100, 0.3);
173
+ }
174
+
175
+ .default-doc:hover p {
176
+ text-decoration: underline;
177
+ }
178
+
114
179
  .default-doc {
115
180
  display: flex;
116
181
  align-items: center;
@@ -118,6 +183,8 @@ export default {
118
183
  border-radius: 5px;
119
184
  width: 100%;
120
185
  max-width: 100%;
186
+ cursor: pointer;
187
+ transition: background-color 150ms ease-in-out;
121
188
  }
122
189
  .default-doc svg {
123
190
  font-size: 1.2rem;