ep-lib-ts 1.0.6 → 1.0.7

package/src/components/educationals/EpReading.vue

@@ -110,7 +110,7 @@ const errorImg = (event:Event)=>{
 </script>
 
 <template>
-  <div class="flex rounded-lg overflow-hidden bg-white md:flex-row " v-if="!compact">
+  <div class="flex rounded-lg overflow-hidden bg-white dark:bg-dark md:flex-row " v-if="!compact">
     <template v-if="!hideCover">
       <div
         v-if="hasCover"
@@ -121,7 +121,7 @@ const errorImg = (event:Event)=>{
 
       <div
         v-else
-        class="h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-gray-300 dark:bg-gray- "
+        class="h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-gray-300 dark:bg-dark "
       >
         <EpIcon :icon-path="mdiBookOpenPageVariant" size="95"></EpIcon>
       </div>
@@ -161,7 +161,7 @@ const errorImg = (event:Event)=>{
           </div>
         </template>
         <template #actions>
-          <EpBtn :color="type=='base'?'text-gray-700':'text-white'" :type="type" :href="url" v-if="url">{{labels.lire}}</EpBtn>
+          <EpBtn :color="type=='base'?'text-gray-700':'text-white dark:text-black'" :type="type" :href="url" v-if="url">{{labels.lire}}</EpBtn>
         </template>
       </EpEdu>
     </div>
@@ -175,7 +175,7 @@ const errorImg = (event:Event)=>{
       <div class="flex flex-row justify-between">
         <div class="p-5">
           <span
-            class="text-lg leading-6 font-semibold font-sans text-skin-inverted group-hover:text-skin-primary"
+            class="text-lg leading-6 font-semibold font-sans"
             >{{ title }}</span
           >
         </div>
@@ -187,7 +187,7 @@ const errorImg = (event:Event)=>{
               </template>
               <template #menu="{ close }">
                 <div class="w-[32rem]">
-                  <div class="flex flex-col rounded-lg bg-white md:flex-row ">
+                  <div class="flex flex-col rounded-lg bg-white dark:bg-dark dark:border-r  md:flex-row ">
                     <template v-if="!hideCover">
                       <img
                         v-if="hasCover"
@@ -204,7 +204,7 @@ const errorImg = (event:Event)=>{
                       </div>
                     </template>
                     <div class="flex flex-col justify-between w-full">
-                      <div class="bg-neutral-100 text-left px-5 py-2 dark:bg-neutral-300 ">
+                      <div class="text-left px-5 py-2 bg-gray-100 text-black dark:rounded-tr-lg">
                         <EpIcon :size="24" :icon-path="mdiBookOpenVariant"></EpIcon>
                         <span class="pl-2 align-middle">{{labels.lecture}}</span>
                       </div>
@@ -241,7 +241,7 @@ const errorImg = (event:Event)=>{
                           </div>
                         </div>
                       </div>
-                      <div class="bg-neutral-100 text-right pr-5">
+                      <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>
                       </div>
                     </div>

package/src/components/interactions/EpAccordeon.vue

@@ -35,7 +35,7 @@ const stylesHeader = computed(()=>{
 })
 
 const contentStyles = computed(()=>{
-  return `px-4 ${useColors('bg', props.type + 'light')} dark:${useColors('bg', props.type + 'dark')}`
+  return `px-4 ${useColors('bg', props.type + 'light')} dark:bg-dark dark:${useColors('border', props.type + 'dark')}`
 })
 
 onMounted(() => {

package/src/components/interactions/EpContentSlider.vue

@@ -76,15 +76,15 @@ const { slides } = toRefs(props)
 </script>
 
 <template>
-	<div class="bg-stone-100 p-5 w-full md:h-custom overflow-hidden dark:bg-stone-300">
-		<div class="flex justify-between border-b border-black w-auto">
-			<h5 class="text-lg border-b-4 border-black">
+	<div class="bg-stone-100 dark:bg-dark p-5 w-full md:h-custom overflow-hidden dark:border dark:border-base">
+		<div class="flex justify-between border-b border-black dark:border-white w-auto">
+			<h5 class="text-lg border-b-4 border-black dark:border-white">
 				{{ currentSlide.title }}
 			</h5>
 			<div class="md:flex items-end pb-1" v-if="slides">
 				<template v-for="(slide, i) in slides.length" :key="`slide-index-${i}`">
 					<span
-						:class="`cursor-pointer h-4 w-4 ml-1 inline-block ${i === currentIndex ? 'bg-primary' : 'bg-gray-400'}`"
+						:class="`cursor-pointer h-4 w-4 ml-1 inline-block ${i === currentIndex ? 'bg-primary' : 'bg-base-dark dark:bg-base-light'}`"
 						@click="goTo(i)"></span>
 				</template>
 				<span class="ml-2 text-xs">({{ (currentIndex + 1) }}/{{ slides.length }})</span>

package/src/components/interactions/EpDarkmode.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
     import { ref, onMounted } from 'vue';
-
+    import { useColorMode } from '@vueuse/core'
     type UserTheme = 'light' | 'dark';
-
+    const mode = useColorMode()
     const emit = defineEmits<{
         (e: "update:userMode", userMode:UserTheme): void;
         }>();
@@ -10,12 +10,15 @@
 
     const setTheme = (theme: UserTheme) => {
         localStorage.setItem('user-theme', theme);
+        mode.value = theme
         userTheme.value = theme;
         document.documentElement.className = theme;
     };
 
     const getTheme = (): UserTheme => {
-        return localStorage.getItem('user-theme') as UserTheme;
+        const localValue = localStorage.getItem('user-theme') as UserTheme;
+        mode.value = localValue
+        return localValue
     };
 
     const toggleTheme = (): void => {

package/src/components/interactions/EpSummativeTable.vue

@@ -32,10 +32,10 @@ const transformNumber = (value:string|number) => {
 </script>
 
 <template>
-    <div class="mt-4 bg-gray-50 p-4 dark:bg-gray-300">
+    <div class="mt-4 bg-base-light p-4 dark:bg-dark dark:border-y-2">
         <h4 v-if="title" class="text-xl font-semibold mb-6">{{ title }}</h4>
         <template v-for="(question,i) in questions" :key="`item-question-${i}`">
-            <p class=" text-gray-600 py-2 rounded">{{question.label}}</p>
+            <p class="text-base-dark dark:text-base-light py-2 rounded">{{question.label}}</p>
             <div class="flex flex-row flex-wrap gap-y-2 sm:gap-x-4">
                 <template v-for="(_option, j) in question.options" :key="`option-question-${j}`">
                     <EpRadioSummative 

package/src/components/medias/EpCarousel.vue

@@ -53,7 +53,7 @@ const { carrouselImg, labelClose, labelRef, sizeThumbnail } = toRefs(props);
         <EpIcon :icon-path="mdiChevronRightCircleOutline"></EpIcon>
       </button>
     </div>
-    <div class="bg-white shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid">
+    <div class="bg-white dark:bg-dark  shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border">
       <!-- <div class="max-w-[800px] h-[550px] m-auto relative">
         <div
           class="w-full h-full bg-center duration-500"
@@ -63,7 +63,7 @@ const { carrouselImg, labelClose, labelRef, sizeThumbnail } = toRefs(props);
 
       <img :src="carrouselImg[currentIndex].src" alt="image" class="rounded-sm" />
 
-      <div v-if="carrouselImg[currentIndex]?.caption" class="mt-2 text-sm text-gray-800">
+      <div v-if="carrouselImg[currentIndex]?.caption" class="mt-2 text-sm text-base-dark dark:text-white">
         {{ carrouselImg[currentIndex].caption }}
       </div>
       <div v-if="carrouselImg[currentIndex]?.bib" class="flex justify-end mt-2">

package/src/components/medias/EpLink.vue

@@ -38,7 +38,7 @@ const renderIcon = computed(() => {
 const hoverColor = computed(() => {
   return `absolute ${useColors(
     "bg",
-    props.type + "light"
+    props.type + "dark"
   )} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`;
 });
 
@@ -62,7 +62,6 @@ const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
         <div class="w-4/5">
           <EpBtn
             block
-            :color="type === 'base' ? 'text-black' : 'text-white'"
             rounded
             :type="type"
             :prependIcon="renderIcon"

package/src/components/medias/EpSoftware.vue

@@ -64,7 +64,7 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
       </template>
     <template #content>
       <div
-        class="flex flex-col items-center border rounded-lg bg-neutral-100 md:flex-row mt-2 dark:bg-neutral-200"
+        class="flex flex-col items-center border rounded-lg bg-base-light md:flex-row mt-2 dark:bg-dark"
       >
         <template v-if="!hideCover">
           <img
@@ -75,7 +75,7 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
           />
           <div
             v-else
-            class="h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-gray-300"
+            class="h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-base-dark dark:text-white"
           >
             <EpIcon :icon-path="mdiLaptop" size="95"></EpIcon>
           </div>

package/src/components/medias/EpWordDef.vue

@@ -81,23 +81,23 @@ const goto = (term:string) =>{
 </script>
 
 <template>
-    <div class="dark:bg-gray-300">
+    <div class="dark:bg-dark">
         <div v-if="definition">
-            <div class="h-min border border-stone-300 rounded-lg divide-y">
+            <div class="h-min border border-base rounded-lg divide-y">
                 <h2 class="text-xl font-semibold p-2">{{ definition.term }}</h2>
                 <div class="flex justify-between">
                     <div :class="sizeGramIngo">
-                        <p class="text-sm font-medium bg-stone-100 p-2">
+                        <p class="text-sm font-medium bg-base-light dark:text-dark p-2">
                             {{labels.information}}
                         </p>
                         <div class="px-2 py-1">{{ definition.graminfo }}</div>
                     </div>
                     <div :class="sizeDomain" v-if="definition.domain">
-                        <p class="text-sm font-medium bg-stone-100 p-2">{{labels.domain}}</p>
+                        <p class="text-sm font-medium bg-base-light dark:text-dark p-2">{{labels.domain}}</p>
                         <div class="px-2 py-1">{{ definition.domain }}</div>
                     </div>
                     <div :class="sizeVariations" v-if="definition.variation.length > 0">
-                        <p class="text-sm font-medium bg-stone-100 p-2">{{labels.variations}}</p>
+                        <p class="text-sm font-medium bg-base-light dark:text-dark p-2">{{labels.variations}}</p>
                         <div class="px-2 py-1">
                             <span v-for="(variation, i) in definition.variation" :key="`v-${i}`">{{ variation }}{{
                                 definition.variation.length > i + 1 ? ", " :
@@ -117,7 +117,7 @@ const goto = (term:string) =>{
 
                 <div>
                     <div v-if="definition.relation.length > 0">
-                        <p class="text-sm font-medium bg-stone-100 p-2"> {{labels.relations}}</p>
+                        <p class="text-sm font-medium bg-base-light dark:text-dark p-2"> {{labels.relations}}</p>
                         <div class="p-2">
                             <template v-for="(relation, i) in findRelations(definition.relation)" :key="`relation-${i}`">
                                 <button class="p-1 border rounded mr-1" @click="goto(relation.term)">

package/src/components/signages/EpHeader.vue

@@ -99,10 +99,10 @@ const { title, headerImgColor, big } = toRefs(props);
               class="p-4 md:items-center backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded"
             >
               <div class="text-center md:text-left">
-                  <h1 v-if="title" class="text-xl font-medium tracking-tight text-white sm:text-3xl">
+                  <h1 v-if="title" class="text-xl font-medium text-white sm:text-3xl">
                     {{ title }}
                   </h1>
-                  <h2 v-if="subtitle" class="max-w-xl mt-4 text-xl tracking-tight text-white contrast-50">
+                  <h2 v-if="subtitle" class="max-w-xl mt-4 text-xl text-white contrast-50">
                     {{ subtitle }}
                   </h2>
               </div>

package/src/components/signages/EpQuote.vue

@@ -29,7 +29,7 @@ const styleTextAutor = computed(() => {
   if (props.card) {
     return `text-white`;
   }
-  return `text-neutral-500`;
+  return `text-black dark:text-white`;
 });
 
 const imageStyle = computed(() => {
@@ -53,7 +53,7 @@ const { author, img, card, hideIcon } = toRefs(props);
             alt="Image of quote" />
         </div>
         <div class="flex items-center justify-center px-7" v-else-if="!hideIcon">
-          <div :class="card ? 'text-white':'text-stone-700'">
+          <div :class="card ? 'text-white':'text-base dark:text-white'">
             <EpIcon :size="60" :icon-path="mdiFormatQuoteOpen"></EpIcon>
           </div>
         </div>

package/dist/BgAudio-D0bYt2vk.js

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

package/dist/DisplayBox-B_BDtSRL.js

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

package/dist/EpAlert-DLdxfnbh.js

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

package/dist/EpAudio-CIh7P96j.js

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

package/dist/EpBadge-RSrPtork.js

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

package/dist/EpBarChart-BYviso9y.js

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

package/dist/EpBtn-CI08Fkc-.js

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

package/dist/EpCard-BmYWCNC6.js

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

package/dist/EpChip-DYxrBk_j.js

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

package/dist/EpContentSlider-3W5NRtqY.js

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

package/dist/EpDarkmode-CVX7I7Oh.js

@@ -1,22 +0,0 @@
-import { defineComponent as d, ref as i, onMounted as h, openBlock as o, createElementBlock as a, createCommentVNode as n } from "vue";
-const p = { key: 0 }, g = { key: 1 }, v = /* @__PURE__ */ d({
-  __name: "EpDarkmode",
-  emits: ["update:userMode"],
-  setup(k, { emit: c }) {
-    const s = c, r = (e) => {
-      localStorage.setItem("user-theme", e), t.value = e, document.documentElement.className = e;
-    }, u = () => localStorage.getItem("user-theme"), m = () => {
-      const e = localStorage.getItem("user-theme");
-      r(e === "light" ? "dark" : "light"), s("update:userMode", t.value);
-    }, l = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", t = i(u() || l());
-    return h(() => {
-      r(t.value), s("update:userMode", t.value);
-    }), (e, _) => (o(), a("button", { onClick: m }, [
-      t.value === "dark" ? (o(), a("span", p, " ☀️ ")) : n("", !0),
-      t.value === "light" ? (o(), a("span", g, " 🌙 ")) : n("", !0)
-    ]));
-  }
-});
-export {
-  v as default
-};

package/dist/EpDivider-C8eu7oo-.js

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

package/dist/EpEdu-D3s7wgId.js

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

package/dist/EpFlex-D3slIMIF.js

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

package/dist/EpFunnelChart-Bd6DcHXv.js

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

package/dist/EpHeader-LmfheLve.js

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

package/dist/EpIcon-CTPp2iAz.js

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

package/dist/EpIframe-Bu6Shp40.js

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

package/dist/EpImg-PgXn_5PG.js

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

package/dist/EpLineChart-CuvzboxC.js

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

package/dist/EpLink-t90xMdUk.js

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

package/dist/EpLinkVersion-DcLaAKcb.js

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

package/dist/EpModal-DTKzIbiU.js

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

package/dist/EpPieChart-CDbVXeA9.js

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

package/dist/EpQuestion-zXilF4UO.js

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

package/dist/EpQuote-BRWz5Gax.js

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

package/dist/EpRadio-C4i-6XLB.js

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

package/dist/EpRadioSummative-DcZ_SSed.js

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

package/dist/EpReading-CE2gINrm.js

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

package/dist/EpResource-Co7Y4NBv.js

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

package/dist/EpScope-BgReTGM3.js

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

package/dist/EpSection-DAc7gApp.js

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

package/dist/EpSkeleton-DTrfxnMN.js

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

package/dist/EpSoftware-BRheqKDl.js

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

package/dist/EpSpinner-Bs6k4L2I.js

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

package/dist/EpSummativeTable-R-a__jzb.js

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

package/dist/EpSvg-8H1LG5x_.js

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

package/dist/EpTable-CcPpxyTI.js

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

package/dist/EpTerm-CHal6ICj.js

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

package/dist/EpText-Div60TMB.js

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

package/dist/EpTimeLine-CcUqFqgj.js

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

package/dist/EpVideo-Bk2ovJyj.js

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

package/dist/EpVideoPanopto-gQgwEvaf.js

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

package/dist/EpWordDef-D81-AGFK.js

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