vue-intergrall-plugins 0.0.148 → 0.0.151

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

@@ -5603,8 +5603,18 @@ var script$9 = {
     },
     tooltipContent: {
       type: String
+    },
+    resizeCard: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
+  data: function data() {
+    return {
+      styleCard: ''
+    };
+  },
   mixins: [textoLongo],
   computed: {
     randomizeValue: function randomizeValue() {
@@ -5644,6 +5654,15 @@ var script$9 = {
         default:
           return "";
       }
+    },
+    resizeHeaderCard: function resizeHeaderCard() {
+      if (this.resizeCard) {
+        this.styleCard = "flex-direction: column;";
+      } else {
+        this.styleCard = "flex-direction: row;";
+      }
+
+      return this.styleCard;
     }
   },
   methods: {
@@ -5682,7 +5701,7 @@ var __vue_render__$9 = function __vue_render__() {
     domProps: {
       "textContent": _vm._s("Nova mensagem")
     }
-  }) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\">", "</div>", [_vm._ssrNode("<div class=\"card-header\">", "</div>", [_vm._ssrNode("<div class=\"card-author\">", "</div>", [_c('fa-icon', {
+  }) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\">", "</div>", [_vm._ssrNode("<div class=\"card-header\"" + _vm._ssrStyle(null, _vm.resizeHeaderCard, null) + ">", "</div>", [_vm._ssrNode("<div class=\"card-author\">", "</div>", [_c('fa-icon', {
     attrs: {
       "icon": _vm.currentIcon
     }
@@ -5718,7 +5737,7 @@ var __vue_staticRenderFns__$9 = [];
 
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-5ef2322e_0", {
+  inject("data-v-4be10146_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
@@ -5730,7 +5749,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$9 = "data-v-5ef2322e";
+var __vue_module_identifier__$9 = "data-v-4be10146";
 /* functional template */
 
 var __vue_is_functional_template__$9 = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.148",
+  "version": "0.0.151",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Cards/Card.vue

@@ -8,7 +8,7 @@
       <span v-if="newMessage" class="new-messages" v-text="`Nova mensagem`"></span>
     </transition>
     <div class="card box-shadow">
-      <div class="card-header">
+      <div class="card-header" :style="resizeHeaderCard">
         <div class="card-author">
           <fa-icon :icon="currentIcon" />
           <p 
@@ -126,6 +126,16 @@ export default {
     },
     tooltipContent: {
       type: String
+    },
+    resizeCard: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+  },
+  data(){
+    return {
+      styleCard: ''
     }
   },
   mixins: [textoLongo],
@@ -163,7 +173,16 @@ export default {
         default:
           return ""
       }
-    }
+    },
+    resizeHeaderCard(){
+      if(this.resizeCard){
+        this.styleCard = "flex-direction: column;"
+      }
+      else {
+        this.styleCard = "flex-direction: row;"
+      }
+      return this.styleCard
+    },
   },
   methods: {
     formataTimezoneData(timezoneData) {