vue-intergrall-plugins 1.1.5 → 1.1.6

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.
@@ -7461,6 +7461,10 @@ var CardCheck = __vue_component__$o;var script$g = {
7461
7461
  CardCheck: CardCheck
7462
7462
  },
7463
7463
  props: {
7464
+ customClass: {
7465
+ type: String,
7466
+ required: false
7467
+ },
7464
7468
  dictionary: {
7465
7469
  type: Object,
7466
7470
  required: true
@@ -7545,7 +7549,7 @@ var CardCheck = __vue_component__$o;var script$g = {
7545
7549
  return this.origin === "outros" ? ["fas", "user"] : ["fas", "headset"];
7546
7550
  },
7547
7551
  currentClasses: function currentClasses() {
7548
- return "".concat(this.origin === "outros" ? "card-cli" : "card-ope", " ").concat(this.newMessage ? "newMessage" : "");
7552
+ return "".concat(this.origin === "outros" ? "card-cli" : "card-ope", " ").concat(this.newMessage ? "newMessage" : "", " ").concat(this.customClass || '');
7549
7553
  },
7550
7554
  chipInfosClasses: function chipInfosClasses() {
7551
7555
  if (!this.chipInfos || !this.chipInfos.cod) return "";
@@ -7555,11 +7559,13 @@ var CardCheck = __vue_component__$o;var script$g = {
7555
7559
  case "9":
7556
7560
  case 8:
7557
7561
  case "8":
7562
+ case "CANCELADA":
7558
7563
  return "red";
7559
7564
  case 3:
7560
7565
  case "3":
7561
7566
  case 6:
7562
7567
  case "6":
7568
+ case "AGENDADA":
7563
7569
  return "yellow";
7564
7570
  default:
7565
7571
  return "";
@@ -7684,8 +7690,8 @@ var __vue_staticRenderFns__$g = [];
7684
7690
  /* style */
7685
7691
  var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
7686
7692
  if (!inject) return;
7687
- inject("data-v-03453063_0", {
7688
- source: ".fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.card-cli,.card-ope{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.newMessage,.card-ope.newMessage{margin-top:30px}.new-messages{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{border-left:3px solid #90b823}.card-ope{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card{border-right:3px solid #007535}.card{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px}.card p{word-break:break-all}.card-header{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between}.card-header svg{font-size:16px}.card-author{display:flex;align-items:center}.card-author svg{margin-right:5px}.card-actions{display:flex;gap:7px}.menu-mensagem{cursor:pointer;padding:1px}.card-canal{flex:1;margin-right:10px}.card-dates{display:flex;flex-direction:column;margin-right:10px;font-size:14.4px}.card-date{overflow:hidden;display:flex;align-content:center}.card-date span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-date svg{margin-right:5px;color:#232323}.card-expand{display:flex;justify-content:center;align-items:center;margin:2.5px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand:hover{opacity:1}.card-footer{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;min-height:25px}.card-chip{font-size:12.8px;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:hover{background-color:#cfd8f4}.card-chip.orange{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow:hover{background-color:rgba(252,191,73,.2)}.card-chip.red{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red:hover{background-color:rgba(231,76,60,.25)}.card-file{width:60px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.card-reply{cursor:pointer;position:absolute;right:30px;bottom:5px;font-size:9.6px;color:#67a332;width:14.4px;height:14.4px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.card-reply svg{margin-top:-1px;margin-right:-1px}.card-check{position:absolute;bottom:5px;right:5px;cursor:pointer;font-size:11.2px}.card-check svg{font-size:12.8px}.card-check.seen,.card-check.seen svg{color:#006daa}.card-check.green,.card-check.green svg{color:#4f772d}.card-check.red,.card-check.red svg{color:#ba181b}.card-check.gray,.card-check.gray svg{color:#999}.card-check.black,.card-check.black svg{color:#666}",
7693
+ inject("data-v-2e694c1a_0", {
7694
+ source: ".fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.card-cli,.card-ope{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.newMessage,.card-ope.newMessage{margin-top:30px}.new-messages{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{border-left:3px solid #90b823}.card-ope{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card{border-right:3px solid #007535}.card{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px}.card p{word-break:break-all}.card-header{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between}.card-header svg{font-size:16px}.card-right{margin-right:-20px;display:flex;flex-direction:row-reverse;align-items:center}.card-author{display:flex;align-items:center;margin-right:10px;overflow:hidden;min-width:14px;max-width:calc(100% - 215px);gap:5px}.card-author svg{margin-right:5px}.card-actions{display:flex;gap:7px}.menu-mensagem{cursor:pointer;padding:1px}.card-canal{flex:1;margin-right:10px}.card-dates{display:flex;flex-direction:column;margin-right:10px;padding:5px 10px;border-top-left-radius:15px;border-bottom-left-radius:15px;color:#fff}.card-cli .card-dates{background-color:#90b823}.card-ope .card-dates{background-color:#007535}.card-date{overflow:hidden;display:flex;align-content:center}.card-date span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-date svg{margin-right:5px;color:#232323}.card-expand{display:flex;justify-content:center;align-items:center;margin:2.5px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand:hover{opacity:1}.card-footer{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;min-height:25px}.card-chip{font-size:12.8px;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:hover{background-color:#cfd8f4}.card-chip.orange{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow:hover{background-color:rgba(252,191,73,.2)}.card-chip.red{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red:hover{background-color:rgba(231,76,60,.25)}.card-file{width:60px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.card-reply{cursor:pointer;position:absolute;right:30px;bottom:5px;font-size:9.6px;color:#67a332;width:14.4px;height:14.4px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.card-reply svg{margin-top:-1px;margin-right:-1px}.card-check{position:absolute;bottom:5px;right:5px;cursor:pointer;font-size:11.2px}.card-check svg{font-size:12.8px}.card-check.seen,.card-check.seen svg{color:#006daa}.card-check.green,.card-check.green svg{color:#4f772d}.card-check.red,.card-check.red svg{color:#ba181b}.card-check.gray,.card-check.gray svg{color:#999}.card-check.black,.card-check.black svg{color:#666}",
7689
7695
  map: undefined,
7690
7696
  media: undefined
7691
7697
  });
@@ -7693,7 +7699,7 @@ var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
7693
7699
  /* scoped */
7694
7700
  var __vue_scope_id__$g = undefined;
7695
7701
  /* module identifier */
7696
- var __vue_module_identifier__$g = "data-v-03453063";
7702
+ var __vue_module_identifier__$g = "data-v-2e694c1a";
7697
7703
  /* functional template */
7698
7704
  var __vue_is_functional_template__$g = false;
7699
7705
  /* style inject shadow dom */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-intergrall-plugins",
3
- "version": "1.1.5",
3
+ "version": "1.1.6",
4
4
  "description": "",
5
5
  "main": "dist/vue-intergrall-plugins.ssr.js",
6
6
  "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -59,6 +59,10 @@ import CardCheck from "./CardCheck";
59
59
  export default {
60
60
  components: { CardFile, CardCheck },
61
61
  props: {
62
+ customClass: {
63
+ type: String,
64
+ required: false,
65
+ },
62
66
  dictionary: {
63
67
  type: Object,
64
68
  required: true,
@@ -144,7 +148,7 @@ export default {
144
148
  },
145
149
  currentClasses() {
146
150
  return `${this.origin === "outros" ? "card-cli" : "card-ope"} ${this.newMessage ? "newMessage" : ""
147
- }`;
151
+ } ${this.customClass || ''}`;
148
152
  },
149
153
  chipInfosClasses() {
150
154
  if (!this.chipInfos || !this.chipInfos.cod) return "";
@@ -154,11 +158,13 @@ export default {
154
158
  case "9":
155
159
  case 8:
156
160
  case "8":
161
+ case "CANCELADA":
157
162
  return "red";
158
163
  case 3:
159
164
  case "3":
160
165
  case 6:
161
166
  case "6":
167
+ case "AGENDADA":
162
168
  return "yellow";
163
169
  default:
164
170
  return "";
@@ -280,9 +286,21 @@ export default {
280
286
  font-size: 16px;
281
287
  }
282
288
 
289
+ .card-right {
290
+ margin-right: -20px;
291
+ display: flex;
292
+ flex-direction: row-reverse;
293
+ align-items: center;
294
+ }
295
+
283
296
  .card-author {
284
297
  display: flex;
285
298
  align-items: center;
299
+ margin-right: 10px;
300
+ overflow: hidden;
301
+ min-width: 14px;
302
+ max-width: calc(100% - 215px);
303
+ gap: 5px;
286
304
  }
287
305
 
288
306
  .card-author svg {
@@ -308,7 +326,18 @@ export default {
308
326
  display: flex;
309
327
  flex-direction: column;
310
328
  margin-right: 10px;
311
- font-size: 14.4px;
329
+ padding: 5px 10px;
330
+ border-top-left-radius: 15px;
331
+ border-bottom-left-radius: 15px;
332
+ color: #fff;
333
+ }
334
+
335
+ .card-cli .card-dates {
336
+ background-color: #90b823;
337
+ }
338
+
339
+ .card-ope .card-dates {
340
+ background-color: #007535;
312
341
  }
313
342
 
314
343
  .card-date {