ep-lib-ts 1.0.18 → 1.0.20

package/src/components/interactions/EpQuestion.vue

@@ -17,20 +17,18 @@ import EpAlert from "../signages/EpAlert.vue";
 interface Props {
   title?: string;
   intentions?: string;
+  labelIntentions?:string;
   hideIcon?: boolean;
   type?: MediaVariants;
-  mandateLevel?: string | null;
   question: string;
   answers: Answer[];
   shuffle?: boolean;
   before?: boolean;
   numeration?: boolean;
   src?: string | null;
-  labels?:{
-    answer?:string;  
-    validate?:string; 
-    tryagain?:string; 
-  }
+  labelNoAnswer?:string;  
+  labelAnswerBtn?:string; 
+  labelTryAgainBtn?:string; 
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -39,13 +37,10 @@ const props = withDefaults(defineProps<Props>(), {
   shuffle: false,
   before: false,
   numeration: false,
-  labels:()=>{
-    return {
-      answer:"Veuillez choisir une réponse",
-      validate : "Valider",
-      tryagain: "Réessayer"
-      }
-    }
+  labelNoAnswer:"Veuillez choisir une réponse",
+  labelAnswerBtn : "Valider",
+  labelTryAgainBtn: "Réessayer"
+
 });
 
 const renderText = computed(() => {
@@ -127,7 +122,7 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
     :type="type"
     :hideIcon="hideIcon"
     :icon="mdiHelpCircle"
-    :mandateLevel="mandateLevel"
+    :label-intentions="labelIntentions"
   >
     <template #intentions v-if="renderText">
       <div v-html="renderText"></div>
@@ -161,7 +156,7 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
             </li>
           </ol>
           <EpAlert type="error" outlined noIcon v-if="!valid">
-            {{labels.answer}}
+            {{labelNoAnswer}}
           </EpAlert>
         </div>
         
@@ -181,9 +176,9 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
           :disabled="answered"
           outlined
           extraClass="mr-2"
-          >{{labels.validate}}</EpBtn
+          >{{labelAnswerBtn}}</EpBtn
         >
-        <EpBtn type="primary" v-if="answered" @click="reset" outlined>{{labels.tryagain}}</EpBtn>
+        <EpBtn type="primary" v-if="answered" @click="reset" outlined>{{labelTryAgainBtn}}</EpBtn>
       </div>
     </template>
     <!-- <template #actions>

package/src/components/interactions/EpSummativeTable.vue

@@ -8,9 +8,12 @@ const totalValue = ref<number[]>([])
 interface Props {
     title?:string;
     questions:QuestionSummative[];
+    totalLabel?:string;
 }
 
-const props = withDefaults(defineProps<Props>(), {})
+const props = withDefaults(defineProps<Props>(), {
+    totalLabel:"Total :"
+})
 
 const {title, questions} = toRefs(props)
 
@@ -50,7 +53,7 @@ const transformNumber = (value:string|number) => {
             <EpDivider />
         </template>
         <div class="text-right pr-16">
-           <span class="text-sm font-semibold uppercase">Total : {{ resultSummative }}</span>
+           <span class="text-sm font-semibold uppercase">{{ totalLabel }} {{ resultSummative }}</span>
         </div>
     </div>
 </template>

package/src/components/medias/EpAudio.vue

@@ -21,22 +21,16 @@ interface Props {
    bgImg?:string;
    type?: MediaVariants;  
    hideIcon?: boolean;
-   mandateLevel?:string | MandateLevel | null;
-   labels?:{
-      intentions?: string;
-      messageError?:string;
-   }
+   mandateLevel?:MandateLevel | null;
+   labelIntentions?: string;
+   messageError?:string;
 }
 
 const props = withDefaults(defineProps<Props>(), { 
    type: 'base',
    hideIcon: false,
-   labels:()=>{
-      return {
-         intentions: "Intentions d'écoute",
-         messageError:"Mauvais url"
-      }
-   }
+   labelIntentions: "Intentions d'écoute",
+   messageError:"Mauvais url"
 })
 
 //regex url panopto udem
@@ -82,7 +76,7 @@ const { src, title, hideIcon, mandateLevel, bgImg } = toRefs(props)
 
 <template>
 
-   <EpEdu :title="title" :labelIntentions="labels.intentions" :type="type" :hideIcon="hideIcon" :icon="mdiHeadphones" :mandateLevel="mandateLevel">
+   <EpEdu :title="title" :labelIntentions="labelIntentions" :type="type" :hideIcon="hideIcon" :icon="mdiHeadphones" :mandateLevel="mandateLevel">
       <template #intentions v-if="renderText">
          <div v-html="renderText"></div>
       </template>
@@ -92,7 +86,7 @@ const { src, title, hideIcon, mandateLevel, bgImg } = toRefs(props)
             <img v-else :src="bgImg">
             <audio v-if="isAudioFormat" ref="video" controls :src="cleanSrc" controlsList="nodownload"></audio>
             <EpAlert type="error" outlined v-else>
-               <p>{{ labels.messageError }}</p>
+               <p>{{ messageError }}</p>
             </EpAlert>
          </div>
       </template>

package/src/components/medias/EpCarousel.vue

@@ -13,43 +13,19 @@ interface Props {
   carrouselImg: MediaCarousel[];
   gallery?: boolean;
   sizeThumbnail?: SizeThumbnail;
-  locale?: "en" | "fr" | "es";
+  labelClose?:string;
+  labelRef?:string;
+  labelRefLib?:string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   gallery: false,
   sizeThumbnail: "medium",
-  locale: "fr",
+  labelRef:"Référence",
+  labelClose:"Fermer",
+  labelRefLib:"Référence bibliographique",
 });
 
-let labelRef = "Référence";
-let labelClose = "Fermer";
-
-switch (props.locale) {
-  case "es":
-    labelRef = "Referencia";
-    break;
-  case "en":
-    labelRef = "Reference";
-    break;
-  case "fr":
-  default:
-    labelRef = "Référence";
-    break;
-}
-
-switch (props.locale) {
-  case "es":
-    labelClose = "Cerrar";
-    break;
-  case "en":
-    labelClose = "Close";
-    break;
-  case "fr":
-  default:
-    labelClose = "Fermer";
-    break;
-}
 
 const currentIndex = ref<number>(0);
 const dialog = ref<boolean>(false);
@@ -108,7 +84,7 @@ const { carrouselImg, sizeThumbnail } = toRefs(props);
         <EpBtn type="primary" @click="dialog = true" dark>{{ labelRef }}</EpBtn>
       </div>
     </div>
-    <EpModal v-model="dialog" title="Référence">
+    <EpModal v-model="dialog" :title="labelRefLib">
       <div v-html="carrouselImg[currentIndex].bib"></div>
       <div class="flex justify-end">
         <EpBtn @click="dialog = false" type="primary" dark>{{
@@ -123,9 +99,10 @@ const { carrouselImg, sizeThumbnail } = toRefs(props);
         :src="image.src"
         :bib="image.bib"
         :caption="image.caption"
+        :label-ref="labelRef"
+        :label-close="labelClose"
         thumbnail
         :size-thumbnail="sizeThumbnail"
-        :locale="locale"
       ></EpImg>
     </template>
   </div>

package/src/components/medias/EpIframe.vue

@@ -3,6 +3,7 @@ import { toRefs, computed } from "vue";
 import EpEdu from "../educationals/EpEdu.vue";
 //types with capital letter, object styles in lowercase
 import { type MediaVariants } from "../../types/Medias";
+import { type MandateLevel } from '../../types/MandateLevel';
 import { isHtml } from '../../composables/isHtml';
 import {useMarkdown} from '../../composables/useMarkdown'
 import { mdiApplicationBrackets } from "@mdi/js";
@@ -13,7 +14,7 @@ interface Props {
   intentions?: string;
   hideIcon?:boolean;
   type?:MediaVariants;
-  mandateLevel?:string|null;
+  mandateLevel?:MandateLevel|null;
   customHeight?:number;
   labelIntentions?:string;
 }

package/src/components/medias/EpKatex.vue

@@ -2,6 +2,7 @@
 import { onMounted, ref, computed, toRefs } from "vue";
 import katex from "katex";
 import EpEdu from "../educationals/EpEdu.vue";
+
 import { mdiFunctionVariant } from "@mdi/js";
 import { type MediaVariants } from "../../types/Medias";
 import { isHtml } from "../../composables/isHtml";
@@ -14,7 +15,6 @@ interface Props {
   intentions?: string;
   hideIcon?: boolean;
   type?: MediaVariants;
-  mandateLevel?: string | null;
   labelIntentions?:string;
 }
 
@@ -53,7 +53,6 @@ const {center} = toRefs(props)
     :type="type"
     :hideIcon="hideIcon"
     :icon="mdiFunctionVariant"
-    :mandateLevel="mandateLevel"
     :labelIntentions="labelIntentions"
   >
     <template #intentions v-if="renderText">

package/src/components/medias/EpLink.vue

@@ -13,7 +13,7 @@ interface Props {
   url: string;
   title?: string;
   intentions?: string;
-  mandateLevel?: string | MandateLevel | null;
+  mandateLevel?: MandateLevel | null;
   labelIntentions?: string;
   type?: MediaVariants;
   hideIcon?: boolean;
@@ -22,9 +22,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  type: "primary",
+  type: "base",
   hideIcon: false,
-  intentions: "",
 });
 
 const renderIcon = computed(() => {
@@ -37,7 +36,7 @@ const renderIcon = computed(() => {
 const hoverColor = computed(() => {
   return `absolute ${useColors(
     "bg",
-    props.type + "dark"
+    'primary' + "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%]`;
 });
 
@@ -49,7 +48,6 @@ const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
     :title="labelCard"
     :icon="renderIcon"
     flat
-    :type="type"
     :hideIcon="hideIcon"
     :mandateLevel="mandateLevel"
     :labelIntentions="labelIntentions"
@@ -63,7 +61,7 @@ const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
           <EpBtn
             block
             rounded
-            :type="type"
+            type="primary"
             :prependIcon="renderIcon"
             :href="url"
             extraClass="group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out "

package/src/components/medias/EpSoftware.vue

@@ -15,7 +15,7 @@ interface Props {
   url?: string;
   cover?: string;
   title: string;
-  mandateLevel?:string | MandateLevel | null;
+  mandateLevel?:MandateLevel | null;
   intentions?: string;
   version_link?: null;
   hideCover?: boolean;
@@ -23,10 +23,8 @@ interface Props {
   type?:MediaVariants;
   hideIcon?:boolean;
   labelCard?:string;
-  labels?:{
-    labelIntentions?:string;
-    acceder?:string; 
-  }
+  labelIntentions?:string;
+  labelAccess?:string; 
 }
 
 // type, taxonomyLevel, courseCode, courseTitle, title, subtitle, height, src, color, synchrone
@@ -38,11 +36,7 @@ const props = withDefaults(defineProps<Props>(), {
   cover:"",
   type:"base",
   hideIcon:false,
-  labels:()=>{
-    return {
-      acceder:"Accéder au logiciel"
-    }
-  }
+  labelAccess:"Accéder au logiciel"
 });
 
 const old_image = "https://live.staticflickr.com/4868/45940268562_c5f7fdd06b_q.jpg";
@@ -59,11 +53,12 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
 </script>
 
 <template>
-  <EpEdu :title="labelCard" :labelIntentions="labels.labelIntentions"  :icon="mdiLaptop" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
+  <EpEdu :title="labelCard" :labelIntentions="labelIntentions"  :icon="mdiLaptop" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
      <template #intentions v-if="intentions">
          <div v-html="useRenderText(intentions)"></div>
       </template>
     <template #content>
+      
       <div
         class="flex flex-col items-center border rounded-lg bg-base-light md:flex-row mt-2 dark:bg-dark"
       >
@@ -86,7 +81,7 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
             <div class="flex justify-between items-center rounded-t-md p-2">
               <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
+                >{{labelAccess}}</EpBtn
               >
             </div>
           </div>

package/src/components/medias/EpSvg.vue

@@ -12,9 +12,11 @@ interface Props {
    desc?:string;
    title?:string;
    content?:string;
-   mandateLevel?: string | MandateLevel | null;
+   mandateLevel?:MandateLevel | null;
    type?:MediaVariants;
    cols?:string | number;
+   labelIntentions?:string;
+   hideIcon?:boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -57,7 +59,14 @@ const {title, content} = toRefs(props)
 </script>
 
 <template>
-  <EpEdu :title="title" :icon="mdiImage" flat :type="type" :mandateLevel="mandateLevel">
+  <EpEdu 
+   :title="title" 
+   :hideIcon="hideIcon" 
+   :icon="mdiImage" 
+   :labelIntentions="labelIntentions"
+   flat 
+   :type="type" 
+   :mandateLevel="mandateLevel">
     <template #intentions v-if="renderText">
       <div v-html="renderText"></div>
     </template>

package/src/components/medias/EpTerm.vue

@@ -17,15 +17,12 @@ interface Props {
   domain?: string;
   graminfo?: string;
   relations?: string;
-  //idrelation?: string;
   src?:string;
-  labels?:{
-    definition?: string;  
-    domaine?:string;      
-    variations?: string;  
-    relations?: string; 
-    close?:string;  
-  }
+  labelDefinition?: string;  
+  labelDomain?:string;      
+  labelVariations?: string;  
+  labelRelations?: string; 
+  labelClose?:string;  
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -33,15 +30,11 @@ const props = withDefaults(defineProps<Props>(), {
   variations: "",
   relations: "",
   idrelation: "",
-  labels:()=>{
-    return {
-      definition: "Définition",
-      domaine:"Domaine",
-      variations: "Variations",
-      relations: "Relations",
-      close:"Fermer"
-    }
-  }
+  labelDefinition: "Définition",
+  labelDomain:"Domaine",
+  labelVariations: "Variations",
+  labelRelations: "Relations",
+  labelClose:"Fermer"
 });
 
 const show = ref(false);
@@ -107,7 +100,7 @@ const el = (contentref:any) => {
    contentref.innerHTML = renderHtml
 }*/
 
-const { term, graminfo,labels,src } = toRefs(props);
+const { term, graminfo,src } = toRefs(props);
 </script>
 
 <template>
@@ -141,9 +134,9 @@ const { term, graminfo,labels,src } = toRefs(props);
     </div>
     <EpDivider color="primary" margin="mb-2"></EpDivider>
     <div class="mb-4 flex items-center justify-between">
-      <h3 class="text-primary font-bold">{{labels.definition}}</h3>
+      <h3 class="text-primary font-bold">{{labelDefinition}}</h3>
       <span class="text-xs" v-if="renderDomain"
-        >{{labels.domaine}} : <span class="font-bold">{{ renderDomain }}</span></span
+        >{{labelDomain}} : <span class="font-bold">{{ renderDomain }}</span></span
       >
     </div>
     <!-- <div v-html="renderText"></div> -->
@@ -154,13 +147,13 @@ const { term, graminfo,labels,src } = toRefs(props);
 
     <EpDivider v-if="renderVariations || renderRelations"></EpDivider>
     <div class="text-sm mt-2" v-if="renderVariations">
-      <span class="mr-2 font-bold">{{labels.variations}} :</span>
+      <span class="mr-2 font-bold">{{labelVariations}} :</span>
       <span v-for="(variation, i) in renderVariations" :key="`variation-${i}`">
         {{ variation }}{{ renderVariations.length > i + 1 ? ", " : "." }}
       </span>
     </div>
     <div class="text-sm mt-2" v-if="renderRelations">
-      <span class="mr-2 font-bold">{{labels.relations}} :</span>
+      <span class="mr-2 font-bold">{{labelRelations}} :</span>
       <template v-for="(relation, i) in renderRelations"
         :key="`relation-${i}`">
         <EpBtn
@@ -174,7 +167,7 @@ const { term, graminfo,labels,src } = toRefs(props);
     </div>
     <div class="flex justify-end">
       <EpBtn type="error" outlined @click="show = false" rounded>{{
-        labels.close
+        labelClose
       }}</EpBtn>
     </div>
   </EpModal>

package/src/components/medias/EpVideo.vue

@@ -15,22 +15,17 @@ interface Props {
   title?: string;
   intentions?: string;
   credits?: string;
-  mandateLevel?: string | MandateLevel | null;
+  mandateLevel?: MandateLevel | null;
   type?: MediaVariants;
   hideIcon?: boolean;
-  labels?: {
-    intentions?: string;
-  };
+  labelIntentions?: string;
+  big?:boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   type: "base",
   hideIcon: false,
-  labels: () => {
-    return {
-      intentions: "Intentions d'écoute",
-    };
-  },
+  labelIntentions: "Intentions d'écoute",
 });
 
 //only to make custum video player
@@ -83,9 +78,16 @@ const getIdYoutube = (url: string): string | null => {
   return match ? match[1] : null;
 };
 
+const sizeVideo = computed(()=> {
+   if(props.big){
+      return "650"
+   }
+   return "360"
+})
+
 //controls
 //const controls = useMediaControls(video, {src:props.src})
-const { src, title, hideIcon, type } = toRefs(props);
+const { src, title, hideIcon, type, labelIntentions } = toRefs(props);
 </script>
 
 <template>
@@ -95,25 +97,27 @@ const { src, title, hideIcon, type } = toRefs(props);
     :hideIcon="hideIcon"
     :icon="mdiVideo"
     :mandateLevel="mandateLevel"
+    :labelIntentions="labelIntentions"
   >
     <template #intentions v-if="renderText && renderText.length > 0">
       <div v-html="renderText"></div>
     </template>
     <template #content>
-      <div class="max-w-screen-sm mx-auto">
+      <div :class="!big?'max-w-screen-sm mx-auto':''">
         <video
           v-if="isVideoFormat"
           ref="video"
           controls
           :src="src"
-          width="640"
+          width="100%"
           controlsList="nodownload"
         ></video>
+      
         <iframe
           v-else
           :src="videoURL"
           width="100%"
-          height="360"
+          :height="sizeVideo"
           frameborder="0"
           allowfullscreen
         ></iframe>

package/src/components/medias/EpVideoPanopto.vue

@@ -14,7 +14,7 @@ interface Props{
    title?:string;
    intentions?:string;
    credits?:string;
-   mandateLevel?:string | MandateLevel | null;
+   mandateLevel?:MandateLevel | null;
    labelIntentions?:string;
    type?:MediaVariants;
    hideIcon?:boolean;

package/src/components/medias/EpWordDef.vue

@@ -11,26 +11,20 @@ interface Term {
 interface Props {
     term: Term;
     glossary: GlossaryEntry[];
-    labels?:{
-        information?:string;   
-        domain?:string;                
-        relations?: string;              
-        definition?:string;              
-        variations?:string;                       
-    }
+    labelInformation?: string;  
+    labelDomain?:string;      
+    labelVariations?: string;  
+    labelRelations?: string; 
+    labelNoDefinition?:string; 
 }    
 
 
 const props = withDefaults(defineProps<Props>(), {
-    labels:()=>{
-        return {
-            information:"Information grammaticale",    
-            domain:"Domaine",
-            relations:"Relations" ,
-            definition:"La definition n'est pas disponible",
-            variations:"Variation(s)"
-        }
-    }
+    labelInformation:"Information grammaticale",    
+    labelDomain:"Domaine",
+    labelRelations:"Relations" ,
+    labelNoDefinition:"La definition n'est pas disponible",
+    labelVariations:"Variation(s)"
 });
 
 
@@ -88,16 +82,16 @@ const goto = (term:string) =>{
                 <div class="flex justify-between">
                     <div :class="sizeGramIngo">
                         <p class="text-sm font-medium bg-base-light dark:text-dark p-2">
-                            {{labels.information}}
+                            {{labelInformation}}
                         </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-base-light dark:text-dark p-2">{{labels.domain}}</p>
+                        <p class="text-sm font-medium bg-base-light dark:text-dark p-2">{{labelDomain}}</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-base-light dark:text-dark p-2">{{labels.variations}}</p>
+                        <p class="text-sm font-medium bg-base-light dark:text-dark p-2">{{labelVariations}}</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 +111,7 @@ const goto = (term:string) =>{
 
                 <div>
                     <div v-if="definition.relation.length > 0">
-                        <p class="text-sm font-medium bg-base-light dark:text-dark p-2"> {{labels.relations}}</p>
+                        <p class="text-sm font-medium bg-base-light dark:text-dark p-2"> {{labelRelations}}</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)">
@@ -129,6 +123,6 @@ const goto = (term:string) =>{
                 </div> 
             </div>
         </div>
-        <div v-else> {{labels.definition}}</div>
+        <div v-else> {{labelNoDefinition}}</div>
     </div>
 </template>

package/dist/BgAudio-B4ZG8DU_.js

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

package/dist/DisplayBox-NnuAJFCp.js

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

package/dist/EpAlert-3wG87bqj.js

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

package/dist/EpAudio-DrZLWh49.js

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

package/dist/EpBadge-B0bGd4AE.js

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

package/dist/EpBarChart-CLEINSXT.js

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