ep-lib-ts 1.0.15 → 1.0.17

package/dist/style.css

@@ -1 +1 @@
-.content[data-v-15a122d1]{max-height:0;overflow:hidden}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{margin:auto;max-height:95%;transition:all .3s ease;z-index:9999}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.custom_index{z-index:9999;position:absolute;right:12rem}.h-custom{height:30rem}.p-custom p{margin-bottom:1em}.v-enter-active[data-v-94f2fe4f],.v-leave-active[data-v-94f2fe4f]{transition:opacity .5s ease}.v-enter-from[data-v-94f2fe4f],.v-leave-to[data-v-94f2fe4f]{opacity:0}.katex[data-v-f9e5d352]{font-size:1.6em}.content[data-v-54b64397]{max-height:0;overflow:hidden}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.shape{height:var(--3e2ed539);width:var(--7e73c118)}.arrow-light-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.2) transparent transparent transparent}.arrow-dark-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.arrow-light-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid #eee;border-left:7px solid transparent;border-bottom-color:#0003}.arrow-dark-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid black;border-left:7px solid transparent;border-bottom-color:black transparent transparent transparent}.arrow-light-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid #eee;border-bottom:5px solid transparent;border-left-color:#0003}.arrow-dark-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid black;border-bottom:5px solid transparent;border-left-color:black transparent transparent transparent}.arrow-light-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid #eee;border-bottom:5px solid transparent;border-right-color:#0003}.arrow-dark-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid black;border-bottom:5px solid transparent;border-right-color:black transparent transparent transparent}
+.content[data-v-761f0542]{max-height:0;overflow:hidden}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{margin:auto;max-height:95%;transition:all .3s ease;z-index:9999}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.custom_index{z-index:9999;position:absolute;right:12rem}.h-custom{height:30rem}.p-custom p{margin-bottom:1em}.v-enter-active[data-v-94f2fe4f],.v-leave-active[data-v-94f2fe4f]{transition:opacity .5s ease}.v-enter-from[data-v-94f2fe4f],.v-leave-to[data-v-94f2fe4f]{opacity:0}.katex[data-v-1881b2c4]{font-size:1.6em}.content[data-v-54b64397]{max-height:0;overflow:hidden}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.shape{height:var(--3e2ed539);width:var(--7e73c118)}.arrow-light-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.2) transparent transparent transparent}.arrow-dark-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.arrow-light-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid #eee;border-left:7px solid transparent;border-bottom-color:#0003}.arrow-dark-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid black;border-left:7px solid transparent;border-bottom-color:black transparent transparent transparent}.arrow-light-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid #eee;border-bottom:5px solid transparent;border-left-color:#0003}.arrow-dark-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid black;border-bottom:5px solid transparent;border-left-color:black transparent transparent transparent}.arrow-light-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid #eee;border-bottom:5px solid transparent;border-right-color:#0003}.arrow-dark-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid black;border-bottom:5px solid transparent;border-right-color:black transparent transparent transparent}

package/dist/types/Alert.d.ts

@@ -33,3 +33,37 @@ export declare const typeAlert: {
     };
 };
 export type TypeAlert = keyof typeof typeAlert;
+export declare const typeDivider: {
+    base: {
+        default: string;
+        outlined: string;
+    };
+    warning: {
+        default: string;
+        outlined: string;
+    };
+    success: {
+        default: string;
+        outlined: string;
+    };
+    error: {
+        default: string;
+        outlined: string;
+    };
+    info: {
+        default: string;
+        outlined: string;
+    };
+    question: {
+        default: string;
+        outlined: string;
+    };
+    Question: {
+        default: string;
+        outlined: string;
+    };
+    tip: {
+        default: string;
+        outlined: string;
+    };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "1.0.15",
+  "version": "1.0.17",
   "files": [
     "dist",
     "src/components/"
@@ -51,7 +51,7 @@
     "typescript": "^5.4.5",
     "vite": "^5.2.10",
     "vite-plugin-dts": "^3.9.0",
-    "vue-tsc": "^2.0.28"
+    "vue-tsc": "^2.0.29"
   },
   "peerDependencies": {
     "vue": "^3.2.45"

package/src/components/basics/EpCard.vue

@@ -41,9 +41,9 @@ const borderColor = computed(() => {
         return `border solid ${useColors('border', props.color)}`
     }
     if (props.outlined) {
-        return 'border solid border-primary dark:border-white'
+        return 'border solid border-primary dark:border-primary'
     }
-    return 'dark:border dark:solid dar:border-white'
+    return 'dark:border dark:solid dark:border-primary'
 })
 
 const bgColor = computed(() => {

package/src/components/basics/EpImg.vue

@@ -22,12 +22,9 @@ interface Props {
   title?: string;
   noModal?: boolean;
   cols?: string | number; //posible type à venir => basis-1/12... basis-11/12 to basis-full
-  labels?: {
-    reference?: string;
-    fermer?: string;
-    referenceLibrary?: string;
-  };
-  locale?: "en" | "fr" | "es";
+  labelClose?:string;
+  labelRef?:string;
+  labelRefLib?:string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -36,34 +33,11 @@ const props = withDefaults(defineProps<Props>(), {
   thumbnail: false,
   noModal: false,
   sizeThumbnail: "medium",
-  labels: () => {
-    return {
-      reference: "Référence",
-      fermer: "Fermer",
-      referenceLibrary: "Référence bibliographique",
-    };
-  },
-  locale: "fr",
+  labelClose:"Fermer",
+  labelRef:"Référence",
+  labelRefLib:"Référence bibliographique",
 });
 
-switch (props.locale) {
-  case "en":
-    props.labels.fermer = "Close";
-    props.labels.reference = "Reference";
-    props.labels.referenceLibrary = "Reference Library";
-    break;
-  case "es":
-    props.labels.fermer = "Cerrar";
-    props.labels.reference = "Referencia";
-    props.labels.referenceLibrary = "Biblioteca de referencias";
-    break;
-  case "fr":
-  default:
-    props.labels.fermer = "Fermer";
-    props.labels.reference = "Référence";
-    props.labels.referenceLibrary = "Référence bibliographique";
-    break;
-}
 
 const Cols = [
   "basis-6/12",
@@ -133,12 +107,14 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =
           ></span>
         </template>
         <template v-else>
-          <img
-            class="object-cover object-center w-full"
-            :src="src"
-            :alt="alt"
-            @click="toggleModal"
-          />
+          <div class="dark:bg-white">
+            <img
+              class="object-cover object-center w-full"
+              :src="src"
+              :alt="alt"
+              @click="toggleModal"
+            />
+          </div>
         </template>
         <div
           class="px-4 py-2 dark:border-l dark:border-b dark:border-r dark:border-white dark:rounded-b-md"
@@ -149,8 +125,8 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =
             {{ caption }}
           </p>
           <div class="text-right">
-            <EpBtn @click="toggleBib" size="small">{{
-              labels.reference
+            <EpBtn @click="toggleBib" size="small" type="primary">{{
+              labelRef
             }}</EpBtn>
           </div>
         </div>
@@ -190,11 +166,11 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =
       </div>
       <!-- <div class="flex justify-end"><EpBtn @click="toggleModal" size="small" type="error" outlined>Fermer</EpBtn></div> -->
     </EpModal>
-    <EpModal v-model="showBib" :title="labels.referenceLibrary">
+    <EpModal v-model="showBib" :title="labelRefLib">
       <div class="text-gray-700 dark:text-white mt-4" v-html="renderBib"></div>
       <div class="flex justify-end">
         <EpBtn @click="toggleBib" size="small" type="error" outlined>{{
-          labels.fermer
+          labelClose
         }}</EpBtn>
       </div>
     </EpModal>

package/src/components/basics/EpTable.vue

@@ -18,7 +18,7 @@ const styleTh ="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase
 <template>
   <EpCard flat :title="title">
     <table class="min-w-full divide-y shadow dark:bg-dark">
-      <thead class="bg-gray-50 dark:bg-dark" v-if="headers">
+      <thead class="bg-gray-50 dark:bg-base-dark" v-if="headers">
         <tr>
           <th v-for="(title, i) in headers" :key="`th-${i}`" scope="col" :class="styleTh">{{title}}</th>
         </tr>

package/src/components/charts/EpLineChart.vue

@@ -79,6 +79,12 @@ const globalOptions = computed(() => {
                 enabled: false,
             },
         },
+        grid: {
+            row: {
+                colors: undefined,
+                opacity: 0.2
+            },
+        }
     }
 })
 
@@ -100,7 +106,7 @@ const { center, series, source, width } = toRefs(props)
             </div>
         </template>
         <template #actions v-if="source">
-            <p>{{ source }}</p>
+          {{ source }}
         </template>
     </EpEdu>
 </template>

package/src/components/educationals/EpEdu.vue

@@ -16,12 +16,9 @@ interface Props {
   mandateLevel?: string | MandateLevel | null;
   synchrone?: boolean;
   type?: MediaVariants;
-  intentions?: string;
+  labelIntentions?: string;
   hideIcon?: boolean;
   flat?: boolean;
-  labels?: {
-    intentions?: string;
-  };
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -29,11 +26,7 @@ const props = withDefaults(defineProps<Props>(), {
   type: "base",
   hideIcon: false,
   flat: false,
-  // labels:()=>{
-  //   return {
-  //       intentions:"[Intentions]"
-  //     }
-  //   }
+  labelIntentions:""
 });
 
 //get slots
@@ -102,12 +95,12 @@ const { title, hideIcon } = toRefs(props);
     <div class="px-5 dark:base-dark dark:text-white">
       <div class="py-2" v-if="hasIntentions">
         <!-- <EpIcon :size="24" :icon-path="mdiInformationOutline"></EpIcon> -->
-        <!-- <h4
-          v-if="labels && labels.intentions"
+        <h4
+          v-if="labelIntentions"
           class="font-semibold mb-2 text-sm uppercase tracking-wide text-gray-500 dark:text-white"
         >
-          {{ labels.intentions }}
-        </h4> -->
+          {{ labelIntentions }}
+        </h4> 
         <slot name="intentions"></slot>
         <EpDivider />
       </div>

package/src/components/educationals/EpReading.vue

@@ -38,7 +38,7 @@ interface Props {
     lecture?:string;  
     card?: string;
     Btb?: string;
-    Intentions?: string;
+    intentions?: string;
   }
 }
 
@@ -49,7 +49,6 @@ const props = withDefaults(defineProps<Props>(), {
   cover: "",
   icon: "mdiBookmarkBox",
   hideCover: false,
-  intentions: "",
   compact: false,
   type:"base",
   hideIcon:false,
@@ -127,8 +126,8 @@ const errorImg = (event:Event)=>{
       </div>
     </template>
     <div class="flex flex-col w-full">
-      <EpEdu :title="labels.card" :icon="mdiBookOpenVariant" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
-        <template #intentions v-if="useRenderText(intentions)">
+      <EpEdu :title="labels.card" :labelIntentions="labels.intentions" :icon="mdiBookOpenVariant" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
+        <template #intentions v-if="intentions">
           <div v-html="useRenderText(intentions)"></div>
         </template>
         <template #content>
@@ -168,7 +167,7 @@ const errorImg = (event:Event)=>{
   </div>
   <!--compact mode-->
   <EpEdu :title="labels.card" :icon="mdiBookOpenVariant" flat :type="type" :hideIcon="hideIcon" v-else>
-    <template #intentions v-if="useRenderText(intentions)">
+    <template #intentions v-if="intentions">
       <div v-html="useRenderText(intentions)"></div>
     </template>
     <template #content>
@@ -183,7 +182,7 @@ const errorImg = (event:Event)=>{
           <div class="p-5">
             <DisplayBox>
               <template #default="{ open }">
-                <EpBtn text @click.stop="open"> {{labels.details}} </EpBtn>
+                <EpBtn text @click.stop="open" type="primary"> {{labels.details}} </EpBtn>
               </template>
               <template #menu="{ close }">
                 <div class="w-[32rem]">
@@ -242,7 +241,7 @@ const errorImg = (event:Event)=>{
                         </div>
                       </div>
                       <div class="bg-gray-100 dark:bg-transparent dark:border-b dark:rounded-br text-right pr-5">
-                        <EpBtn text @click.stop="close"> {{labels.fermer}} </EpBtn>
+                        <EpBtn text @click.stop="close" type="error"> {{labels.fermer}} </EpBtn>
                       </div>
                     </div>
                   </div>
@@ -252,8 +251,8 @@ const errorImg = (event:Event)=>{
           </div>
 
           <div class="border-l p-5">
-            <EpBtn text :href="url" v-if="url">
-              <EpIcon :size="20" :icon-path="mdiOpenInNew"></EpIcon> {{labels.lire}}
+            <EpBtn text :href="url" v-if="url" type="primary">
+              <EpIcon :size="20" :icon-path="mdiOpenInNew" ></EpIcon> {{labels.lire}}
             </EpBtn>
           </div>
         </div>

package/src/components/educationals/EpResource.vue

@@ -55,8 +55,20 @@ const getCompontent = (name:string|undefined)=> {
   return defineAsyncComponent(()=>import(`../${componentToLoad.path}/${componentToLoad.name}.vue`))
 }
 
+const typeRess = computed(()=> {
+   if(resourceInfo.value.type && resourceInfo.value.type === 'website'){
+      if(type.value === 'base'){
+         return 'primary'
+      }
+   }
+   return type.value
+})
+
 const {mandateLevel, type, pages} = toRefs(props)
 
+
+
+
 </script>
 
 <template>
@@ -65,6 +77,6 @@ const {mandateLevel, type, pages} = toRefs(props)
        v-bind="{ ...resourceInfo }"
        :mandateLevel="mandateLevel"
        :intentions="pages"
-       :type="type"
+       :type="typeRess"
        ></component> 
 </template>

package/src/components/educationals/EpScope.vue

@@ -21,7 +21,7 @@ const typeMandate = computed(()=>{
     return renderMandate.value = 'warning'
   }
   if(props.title.trim() === "Enrichissement"){
-    return renderMandate.value = 'info'
+    return renderMandate.value = 'primary'
   }
   return renderMandate.value
 })

package/src/components/interactions/EpAccordeon.vue

@@ -9,7 +9,7 @@ interface Props {
   icon?: string|null;
   open?: boolean;
   outlined?:boolean;
-  title:string | null
+  title?:string | null
 }
 
 const props = withDefaults(defineProps<Props>(), { 

package/src/components/interactions/EpQuestion.vue

@@ -34,7 +34,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  type: "base",
+  type: "primary",
   hideIcon: false,
   shuffle: false,
   before: false,
@@ -156,6 +156,7 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
                 v-model="userAnswer"
                 :value="answer.uid"
                 :disabled="answered"
+                type="primary"
               ></EpRadio>
             </li>
           </ol>

package/src/components/medias/EpAudio.vue

@@ -82,7 +82,7 @@ const { src, title, hideIcon, mandateLevel, bgImg } = toRefs(props)
 
 <template>
 
-   <EpEdu :title="title" :type="type" :hideIcon="hideIcon" :icon="mdiHeadphones" :mandateLevel="mandateLevel">
+   <EpEdu :title="title" :labelIntentions="labels.intentions" :type="type" :hideIcon="hideIcon" :icon="mdiHeadphones" :mandateLevel="mandateLevel">
       <template #intentions v-if="renderText">
          <div v-html="renderText"></div>
       </template>

package/src/components/medias/EpIframe.vue

@@ -15,6 +15,7 @@ interface Props {
   type?:MediaVariants;
   mandateLevel?:string|null;
   customHeight?:number;
+  labelIntentions?:string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -55,7 +56,7 @@ const { title, hideIcon } = toRefs(props);
 </script>
 
 <template>
-  <EpEdu :title="title" :type="type" :hideIcon="hideIcon" :icon="mdiApplicationBrackets" :mandateLevel="mandateLevel">
+  <EpEdu :title="title" :labelIntentions="labelIntentions" :type="type" :hideIcon="hideIcon" :icon="mdiApplicationBrackets" :mandateLevel="mandateLevel">
      <template #intentions v-if="renderText">
        <div v-html="renderText" ></div>
      </template>

package/src/components/medias/EpKatex.vue

@@ -15,6 +15,7 @@ interface Props {
   hideIcon?: boolean;
   type?: MediaVariants;
   mandateLevel?: string | null;
+  labelIntentions?:string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -53,6 +54,7 @@ const {center} = toRefs(props)
     :hideIcon="hideIcon"
     :icon="mdiFunctionVariant"
     :mandateLevel="mandateLevel"
+    :labelIntentions="labelIntentions"
   >
     <template #intentions v-if="renderText">
       <div v-html="renderText"></div>

package/src/components/medias/EpLink.vue

@@ -22,7 +22,6 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  labelIntentions: "Intentions d'écoute",
   type: "primary",
   hideIcon: false,
   intentions: "",
@@ -53,8 +52,9 @@ const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
     :type="type"
     :hideIcon="hideIcon"
     :mandateLevel="mandateLevel"
+    :labelIntentions="labelIntentions"
   >
-    <template #intentions v-if="useRenderText(intentions)">
+    <template #intentions v-if="intentions">
       <div v-html="useRenderText(intentions)"></div>
     </template>
     <template #content>

package/src/components/medias/EpSoftware.vue

@@ -24,6 +24,7 @@ interface Props {
   hideIcon?:boolean;
   labelCard?:string;
   labels?:{
+    labelIntentions?:string;
     acceder?:string; 
   }
 }
@@ -58,8 +59,8 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
 </script>
 
 <template>
-  <EpEdu :title="labelCard" :icon="mdiLaptop" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
-     <template #intentions v-if="useRenderText(intentions)">
+  <EpEdu :title="labelCard" :labelIntentions="labels.labelIntentions"  :icon="mdiLaptop" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
+     <template #intentions v-if="intentions">
          <div v-html="useRenderText(intentions)"></div>
       </template>
     <template #content>
@@ -83,8 +84,8 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
         <div class="w-full">
           <div class="w-full px-5">
             <div class="flex justify-between items-center rounded-t-md p-2">
-              <h4>{{ title }} <EpChip size="small" type="base" v-if="version">{{version}}</EpChip></h4>
-              <EpBtn v-if="url" rounded type="base" :prependIcon="mdiOpenInNew" :href="url"
+              <h4>{{ title }} <EpChip size="small" type="primary" v-if="version">{{version}}</EpChip></h4>
+              <EpBtn v-if="url" rounded type="primary" :prependIcon="mdiOpenInNew" :href="url"
                 >{{labels.acceder}}</EpBtn
               >
             </div>

package/src/components/signages/EpAlert.vue

@@ -4,7 +4,7 @@ import EpDivider from "../basics/EpDivider.vue";
 import EpIcon from "../basics/EpIcon.vue";
 import EpAccordeon from "../interactions/EpAccordeon.vue";
 ///types with Capital letters... object with styles same name in lowercase
-import { type TypeAlert, typeAlert } from "../../types/Alert";
+import { type TypeAlert, typeAlert, typeDivider } from "../../types/Alert";
 import {useIcons} from '../../composables/useIcons'
 
 
@@ -61,6 +61,10 @@ const styles = computed(()=>{
   return `${typeAlert[finalType.value]?.[isOutlined.value]}`
 })
 
+const styleHr = computed(()=> {
+  return `${typeDivider[finalType.value]?.[isOutlined.value]}`
+})
+
 const icon = computed(()=>{
     let icon = useIcons[finalType.value].icon
     if(props.noIcon){
@@ -82,7 +86,7 @@ const { title, compact, outlined } = toRefs(props);
     <div :class="`${icon?'w-11/12':'w-full'} flex items-center`">
      <div class="container">
         <h3 v-if="title" class="text-left text-2xl font-bold">{{ title }}</h3>
-        <EpDivider v-if="title" size="border"></EpDivider>
+        <hr v-if="title" :class="`w-full my-3 border ${styleHr}`">
           <slot>
           </slot>
      </div>

package/src/components/signages/EpQuote.vue

@@ -60,7 +60,7 @@ const { author, img, card, hideIcon } = toRefs(props);
         <div :class="`py-6 flex-1 ${colorText} ${hideIcon?'px-6':'pr-2'}`">
           <slot></slot>
           <template v-if="author">
-            <EpDivider size="border"></EpDivider>
+            <EpDivider size="border" :color="card ? 'white':'base'"></EpDivider>
             <p :class="`italic ${styleTextAutor}`">
               {{ author }}
             </p>

package/dist/BgAudio-CQwKXzZg.js

@@ -1,4 +0,0 @@
-import { S as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/DisplayBox-CcNmUGIz.js

@@ -1,4 +0,0 @@
-import { T as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpAlert-Dp2bLtG_.js

@@ -1,4 +0,0 @@
-import { O as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpAudio-DBTNMbNr.js

@@ -1,4 +0,0 @@
-import { E as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpBadge-sXYrjVva.js

@@ -1,4 +0,0 @@
-import { c as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpBarChart-Dt2TQ2pL.js

@@ -1,4 +0,0 @@
-import { o } from "./index-BqjVakFO.js";
-export {
-  o as default
-};

package/dist/EpBtn-CnlsYhbX.js

@@ -1,4 +0,0 @@
-import { d as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpCard-Di-dSpm8.js

@@ -1,4 +0,0 @@
-import { e } from "./index-BqjVakFO.js";
-export {
-  e as default
-};

package/dist/EpChip-g37iRYFG.js

@@ -1,4 +0,0 @@
-import { f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpContentSlider-XLFxD3fa.js

@@ -1,4 +0,0 @@
-import { z as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpDivider-BtPKuRNf.js

@@ -1,4 +0,0 @@
-import { g as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpEdu-1eSKO6RC.js

@@ -1,4 +0,0 @@
-import { s } from "./index-BqjVakFO.js";
-export {
-  s as default
-};

package/dist/EpFlex-DjopnMG9.js

@@ -1,4 +0,0 @@
-import { h as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpFunnelChart-BvSl-cUX.js

@@ -1,4 +0,0 @@
-import { p as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpHeader-_7EeEf2h.js

@@ -1,4 +0,0 @@
-import { P as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpIcon-dOlcfSr3.js

@@ -1,4 +0,0 @@
-import { i as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpIframe-BJBUg_4R.js

@@ -1,4 +0,0 @@
-import { F as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpImg-BpUQCVHy.js

@@ -1,4 +0,0 @@
-import { j as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpLineChart-CVwoP1ou.js

@@ -1,4 +0,0 @@
-import { q as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};

package/dist/EpLink-Bg65y0-5.js

@@ -1,4 +0,0 @@
-import { G as f } from "./index-BqjVakFO.js";
-export {
-  f as default
-};