vue-intergrall-plugins 0.0.148 → 0.0.149

package/dist/vue-intergrall-plugins.esm.js

@@ -6293,8 +6293,20 @@ var script$9 = {
     },
     tooltipContent: {
       type: String
+    },
+    resizeCard: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
+
+  data() {
+    return {
+      styleCard: ''
+    };
+  },
+
   mixins: [textoLongo],
   computed: {
     randomizeValue() {
@@ -6340,10 +6352,28 @@ var script$9 = {
         default:
           return "";
       }
+    },
+
+    resizeHeaderCard() {
+      if (this.resizeCard) {
+        this.styleCard = "flex-direction: column;";
+      } else {
+        this.styleCard = "flex-direction: row;";
+      }
+
+      return this.styleCard;
     }
 
   },
   methods: {
+    resizeHeaderCard() {
+      if (this.resizeCard) {
+        this.styleCard = "flex-direction: column;";
+      }
+
+      return this.styleCard;
+    },
+
     formataTimezoneData(timezoneData) {
       return formataTimezoneData(timezoneData);
     },
@@ -6387,7 +6417,8 @@ var __vue_render__$9 = function () {
   }) : _vm._e()]), _vm._v(" "), _c('div', {
     staticClass: "card box-shadow"
   }, [_c('div', {
-    staticClass: "card-header"
+    staticClass: "card-header",
+    style: _vm.resizeHeaderCard
   }, [_c('div', {
     staticClass: "card-author"
   }, [_c('fa-icon', {
@@ -6480,7 +6511,7 @@ var __vue_staticRenderFns__$9 = [];
 
 const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
-  inject("data-v-5ef2322e_0", {
+  inject("data-v-42a1c17c_0", {
     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:1rem}.card-author{display:flex;align-items:center}.card-author svg{margin-right:5px}.card-canal{flex:1;margin-right:10px}.card-dates{display:flex;flex-direction:column;margin-right:10px;font-size:.9rem}.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:.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: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:.6rem;color:#67a332;width:.9rem;height:.9rem;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:.7rem}.card-check svg{font-size:.8rem}.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}",
     map: undefined,
     media: undefined