ep-lib-ts 1.0.14 → 1.0.16

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-fba69535]{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-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}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "1.0.14",
+  "version": "1.0.16",
   "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.26"
+    "vue-tsc": "^2.0.28"
   },
   "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

@@ -149,7 +149,7 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =
             {{ caption }}
           </p>
           <div class="text-right">
-            <EpBtn @click="toggleBib" size="small">{{
+            <EpBtn @click="toggleBib" size="small" type="primary">{{
               labels.reference
             }}</EpBtn>
           </div>

package/src/components/educationals/EpReading.vue

@@ -183,7 +183,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 +242,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 +252,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

@@ -11,7 +11,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-   type:'base'
+   type:'primary'
 })
 
 const resourceInfo = computed(()=>{

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/EpModal.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, toRefs } from 'vue';
 import EpCard from '../basics/EpCard.vue'
+import { useColorMode } from '@vueuse/core'
 
 const size = {
     compact:"w-[45%]",

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/EpSoftware.vue

@@ -83,8 +83,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/medias/EpTerm.vue

@@ -113,12 +113,12 @@ const { term, graminfo,labels,src } = toRefs(props);
 <template>
   <span
     @click="toggleModal"
-    class="cursor-pointer border-primary dark:border-primary-light border dark:text-primary-light text-primary px-2 py-1 rounded group overflow-hidden relative"
+    class="cursor-pointer border-primary dark:border-main-color-500 border dark:text-main-color-500 text-primary px-2 py-1 rounded group overflow-hidden relative"
   >
     <span
-      class="absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 bg-primary dark:bg-primary-ligth group-hover:h-full opacity-90"
+      class="absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 bg-primary dark:bg-main-color-500 group-hover:h-full opacity-90"
     ></span>
-    <span class="relative group-hover:text-primary-light"
+    <span class="relative group-hover:text-white"
       >{{ word }}
       <EpIcon :icon-path="mdiBookmarkMultipleOutline" size="18"></EpIcon>
     </span>

package/src/components/medias/EpTimeLine.vue

@@ -72,7 +72,7 @@ const { title } = toRefs(props)
 <template>
   <!-- component -->
   <div>
-    <div class="w-10/12 mx-auto relative dark:bg-gray-300">
+    <div class="w-10/12 mx-auto relative dark:bg-dark">
       <h3 class="text-2xl mb-2">{{ title?.text.headline }}</h3>
       <p>{{ title?.text.text}}</p>
       <div class="my-4 px-2">
@@ -84,7 +84,7 @@ const { title } = toRefs(props)
           </span>
         </template>
       </div>
-      <div class="border-l-4 pl-1 transition-all">
+      <div class="border-l-4 pl-1 transition-all dark:border-l-base-dark">
         <TransitionGroup name="list" tag="div">
           <template v-for="(item, i) in filteredEvents" :key="`${i}-card-${item.id}`">
             <TimeLineItem :event="item"></TimeLineItem>

package/src/components/signages/EpAlert.vue

@@ -82,7 +82,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>
+        <EpDivider v-if="title" size="border" ></EpDivider>
           <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 ? 'primary':'white'"></EpDivider>
             <p :class="`italic ${styleTextAutor}`">
               {{ author }}
             </p>

package/src/components/tools/TimelineItem.vue

@@ -93,7 +93,7 @@ const {  event } = toRefs(props)
     @click="toggleDivVisibility">
     <!-- Dot -->
     <div
-      :class="`w-5 h-5 bg-white border-2 ${colorEvent.border} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0`">
+      :class="`w-5 h-5 bg-white dark:bg-dark border-2 ${colorEvent.border} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0`">
     </div>
     <!-- Line  -->
     <div :class="`w-10 border ${colorEvent.border} absolute -left-10 z-0`"></div>

package/dist/BgAudio-CrgI-9GZ.js

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

package/dist/DisplayBox-iYzt3d2Z.js

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

package/dist/EpAlert-Dw3InDeg.js

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

package/dist/EpAudio-DylDE8eI.js

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

package/dist/EpBadge-BZ8riAIa.js

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

package/dist/EpBarChart-DKnh-K2V.js

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

package/dist/EpBtn-CNsysgQR.js

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

package/dist/EpCard-CZJvU0iO.js

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

package/dist/EpChip-BwWnxCzX.js

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

package/dist/EpContentSlider-ChljCl8Q.js

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

package/dist/EpDivider-DgP2lHfx.js

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

package/dist/EpEdu-DF6lAy9Q.js

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

package/dist/EpFlex-B6n8FE09.js

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

package/dist/EpFunnelChart-DUzmZZXm.js

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

package/dist/EpHeader-BNEXlDF-.js

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

package/dist/EpIcon-CyVPfowv.js

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

package/dist/EpIframe-OXq79KK1.js

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

package/dist/EpImg-plVwliSI.js

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

package/dist/EpLineChart-CgGfhU_a.js

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

package/dist/EpLink-DV-fAjjB.js

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

package/dist/EpLinkVersion-v2tgBig1.js

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

package/dist/EpModal-RMwWs16M.js

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

package/dist/EpPieChart-DU80yoK-.js

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

package/dist/EpQuestion-DUwg8BJ-.js

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

package/dist/EpQuote-BQtFGFnF.js

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

package/dist/EpRadio-0JcmBNsD.js

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

package/dist/EpRadioSummative-Bl9jKYil.js

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

package/dist/EpReading-D-SgFPYA.js

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

package/dist/EpResource-DU7Zicvf.js

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

package/dist/EpScope-CwAYxJi2.js

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

package/dist/EpSection-B59jUaxH.js

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

package/dist/EpSkeleton-Cy9upeZx.js

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

package/dist/EpSoftware-D75QGHjA.js

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

package/dist/EpSpinner-DJRWLqOg.js

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

package/dist/EpSummativeTable-kzlPZIkv.js

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

package/dist/EpSvg-zvAzDZlh.js

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

package/dist/EpTable-DcrwvzAz.js

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

package/dist/EpTerm-TsB9e7UW.js

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

package/dist/EpText-CqbCHoKc.js

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

package/dist/EpTimeLine-DSM1ztgb.js

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

package/dist/EpVideo-Css82bAf.js

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

package/dist/EpVideoPanopto-RcyY2FV3.js

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

package/dist/EpWordDef-D4u2MI7J.js

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