vue-intergrall-plugins 1.0.17 → 1.0.19

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

@@ -6975,20 +6975,20 @@ var __vue_staticRenderFns__$g = [];
 /* style */
 var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4af8626e_0", {
+  inject("data-v-48a62d45_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}",
     map: undefined,
     media: undefined
-  }), inject("data-v-4af8626e_1", {
-    source: ".file-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item-transition{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.file-item-transition img{max-width:45px;max-height:45px}.file-item a{margin-left:5px;text-decoration:none;color:#333}.file-icon{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.file-icon:hover{opacity:1}.file-icon:visited{color:inherit}svg{font-size:30px;z-index:1}.file-icon.pdf{position:relative}.file-icon.pdf svg{color:#e74c3c}.file-icon.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.file-icon.doc{color:#15517f}.file-icon.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.file-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.file-img:hover{opacity:1}.file-img img{width:95%}",
+  }), inject("data-v-48a62d45_1", {
+    source: ".file-item[data-v-48a62d45]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item-transition[data-v-48a62d45]{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item .req-loader[data-v-48a62d45]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.file-item-transition img[data-v-48a62d45]{max-width:45px;max-height:45px}.file-item a[data-v-48a62d45]{margin-left:5px;text-decoration:none;color:#333}.file-icon[data-v-48a62d45]{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.file-icon[data-v-48a62d45]:hover{opacity:1}.file-icon[data-v-48a62d45]:visited{color:inherit}.file-icon.pdf[data-v-48a62d45]{position:relative}.file-icon.pdf svg[data-v-48a62d45]{color:#e74c3c}.file-icon.pdf[data-v-48a62d45]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.file-icon.doc[data-v-48a62d45]{color:#15517f}.file-icon.doc[data-v-48a62d45]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.file-img[data-v-48a62d45]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.file-img[data-v-48a62d45]:hover{opacity:1}.file-img img[data-v-48a62d45]{width:95%}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-var __vue_scope_id__$g = undefined;
+var __vue_scope_id__$g = "data-v-48a62d45";
 /* module identifier */
-var __vue_module_identifier__$g = "data-v-4af8626e";
+var __vue_module_identifier__$g = "data-v-48a62d45";
 /* functional template */
 var __vue_is_functional_template__$g = false;
 /* style inject shadow dom */

package/package.json

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

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

@@ -3,22 +3,16 @@
     <transition-group name="fade" mode="out-in" class="file-item-transition">
       <div v-if="isLoading" :small="true" key="card-file-loader" class="req-loader slow"></div>
       <template v-else>
-        <span v-if="imageURL" class="file-img box-shadow" @click="openWindowFromURL(imageURL, true)" key="card-file-img" :title="filename">
+        <span v-if="imageURL" class="file-img box-shadow" @click="openWindowFromURL(imageURL, true)" key="card-file-img"
+          :title="filename">
           <img :src="`${imageURL}`" :alt="filename" />
         </span>
-        <span 
-          v-else
-          class="file-icon"
-          key="card-file-doc" 
-          :class="[iconClass]"
-          @click="openWindowFromURL(docURL, false)"
-          :title="filename"
-          target="_blank" 
-          rel="noreferrer noopener"
-        >
+        <span v-else class="file-icon" key="card-file-doc" :class="[iconClass]"
+          @click="openWindowFromURL(docURL, false)" :title="filename" target="_blank" rel="noreferrer noopener">
           <fa-icon :icon="icon" />
         </span>
-        <a :href="imageURL ? imageURL : docURL" :download="`${filename}`" target="_blank" rel="noreferrer noopener" key="card-file-download-icon" :title="`Download ${filename}`">
+        <a :href="imageURL ? imageURL : docURL" :download="`${filename}`" target="_blank" rel="noreferrer noopener"
+          key="card-file-download-icon" :title="`Download ${filename}`">
           <fa-icon :icon="['fas', 'download']" />
         </a>
       </template>
@@ -27,12 +21,15 @@
 </template>
 
 <style>
-  .fade-enter-active, .fade-leave-active {
-    transition: opacity .5s;
-  }
-  .fade-enter, .fade-leave-to {
-    opacity: 0;
-  }
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity .5s;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
 </style>
 
 <script>
@@ -54,13 +51,13 @@ export default {
       required: true
     }
   },
-  mounted(){
+  mounted() {
     this.setFileVars(this.file, { dominio: this.domain })
   }
 }
 </script>
 
-<style>
+<style scoped>
 .file-item {
   width: 100%;
   height: 100%;
@@ -69,6 +66,7 @@ export default {
   align-items: center;
   position: relative;
 }
+
 .file-item-transition {
   max-width: 100%;
   max-height: 100%;
@@ -77,15 +75,18 @@ export default {
   align-items: center;
   position: relative;
 }
+
 .file-item .req-loader {
   position: absolute;
   top: calc(50% - 12.5px);
   right: calc(50% - 12.5px);
 }
+
 .file-item-transition img {
   max-width: 45px;
   max-height: 45px;
 }
+
 .file-item a {
   margin-left: 5px;
   text-decoration: none;
@@ -99,22 +100,23 @@ export default {
   font-size: 30px;
   cursor: pointer;
 }
+
 .file-icon:hover {
   opacity: 1
 }
+
 .file-icon:visited {
   color: inherit;
 }
-svg {
-  font-size: 30px;
-  z-index: 1;
-}
+
 .file-icon.pdf {
   position: relative;
 }
+
 .file-icon.pdf svg {
   color: rgb(231, 76, 60);
 }
+
 .file-icon.pdf::after {
   content: "";
   position: absolute;
@@ -124,9 +126,11 @@ svg {
   height: 20px;
   background-color: #FFF;
 }
+
 .file-icon.doc {
-  color: #15517F; 
+  color: #15517F;
 }
+
 .file-icon.doc::after {
   content: "";
   position: absolute;
@@ -134,6 +138,7 @@ svg {
   height: 20px;
   background-color: #FFF;
 }
+
 .file-img {
   display: flex;
   justify-content: center;
@@ -151,6 +156,7 @@ svg {
 .file-img:hover {
   opacity: 1;
 }
+
 .file-img img {
   width: 95%;
 }