ep-lib-ts 1.0.32 → 1.0.34

package/dist/{prism-DiSexfYq.js → prism-CGkVnT4Z.js}

@@ -1,4 +1,4 @@
-import { a1 as V, a2 as W } from "./index-B9rG41xn.js";
+import { a1 as V, a2 as W } from "./index-DROZe3zf.js";
 function ee(S, P) {
   for (var i = 0; i < P.length; i++) {
     const g = P[i];

package/dist/types/GlossaryEntry.d.ts

@@ -1,10 +1,17 @@
 export interface GlossaryEntry {
-    id: string;
+    uid: string;
     term: string;
-    graminfo: string;
+    content: {
+        gramInfo: string | null;
+        domain: string | null;
+        definition?: string;
+        image?: string;
+    };
     relation: string[];
-    domain: string | null;
-    definition: string;
     variation: string[];
-    img?: string;
+    labelInformation?: string;
+    labelDomain?: string;
+    labelVariations?: string;
+    labelRelations?: string;
+    labelNoDefinition?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "1.0.32",
+  "version": "1.0.34",
   "files": [
     "dist",
     "src/components/"

package/src/components/medias/EpWordDef.vue

@@ -1,16 +1,28 @@
 <script setup lang="ts">
-import { computed } from 'vue';
-import { type GlossaryEntry } from '../../types/GlossaryEntry';
+import { computed, ref } from 'vue';
+import { useCreateUid } from '../../composables/useCreateUid';
 import { useRenderText } from '../../composables/useRenderText';
 import { useRouter } from "vue-router";
 
-interface Term {
- id: string
+
+interface Relation {
+    termId: string;
+    term: string;
 }
 
+
 interface Props {
-    term: Term;
-    glossary: GlossaryEntry[];
+    uid?:string;
+    term:string;
+    description:string;
+    content:{
+      gramInfo?: string | null
+      domain?: string | null
+      definition?: string
+      image?: string
+    }
+    relation:Relation[];
+    variation:string[]; 
     labelInformation?: string;  
     labelDomain?:string;      
     labelVariations?: string;  
@@ -27,33 +39,28 @@ const props = withDefaults(defineProps<Props>(), {
     labelVariations:"Variation(s)"
 });
 
-
-
-const definition = computed(() => {
-    return props.glossary.find(item => item.id === props.term.id)
-})
-
 const sizeGramIngo = computed(() => {
-    if (definition.value) {
-        return definition.value.domain || definition.value.variation.length > 0 ? 'w-1/3' : 'w-full'
+    if (props.content) {
+        return props.content.domain || props.variation.length > 0 ? 'w-1/3' : 'w-full'
     }
     return ''
 })
 
 const sizeDomain = computed(() => {
-    if (definition.value) {
-        return definition.value.variation.length > 0 ? 'w-1/4' : 'w-3/4'
+    if (props.variation) {
+        return props.variation.length > 0 ? 'w-1/4' : 'w-3/4'
     }
     return ''
 })
 
 const sizeVariations = computed(() => {
-    if (definition.value) {
-        return definition.value.domain ? 'w-2/4' : 'w-3/4'
+    if (props.content) {
+        return props.content.domain ? 'w-2/4' : 'w-3/4'
     }
     return ''
 })
 
+/*
 const findRelations = (relations: string[]): { id: number | string, term: string }[] => {
   let _relations = props.glossary.filter((term) => {
     return relations.some((x) => {
@@ -61,7 +68,7 @@ const findRelations = (relations: string[]): { id: number | string, term: string
     });
   });
   return _relations.map((x) => ({id:x.id, term:x.term}));
-};
+};*/
 
 const router = useRouter()
 const goto = (term:string) =>{
@@ -72,52 +79,54 @@ const goto = (term:string) =>{
   //
 }
 
+const id = ref(props.uid || useCreateUid());
+
 </script>
 
 <template>
-    <div class="dark:bg-dark">
-        <div v-if="definition">
+    <div class="dark:bg-dark" :id="id">
+        <div v-if="term && description">
             <div class="h-min border border-base rounded-lg divide-y">
-                <h2 class="text-xl font-semibold p-2">{{ definition.term }}</h2>
+                <h2 class="text-xl font-semibold p-2">{{ term }}</h2>
                 <div class="flex justify-between">
                     <div :class="sizeGramIngo">
                         <p class="text-sm font-medium bg-base-light dark:text-dark p-2">
                             {{labelInformation}}
                         </p>
-                        <div class="px-2 py-1">{{ definition.graminfo }}</div>
+                        <div class="px-2 py-1" v-if="content.gramInfo">{{ content.gramInfo }}</div>
                     </div>
-                    <div :class="sizeDomain" v-if="definition.domain">
+                    <div :class="sizeDomain" v-if="content.domain">
                         <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 class="px-2 py-1">{{ content.domain }}</div>
                     </div>
-                    <div :class="sizeVariations" v-if="definition.variation.length > 0">
+                    <div :class="sizeVariations" v-if="variation.length > 0">
                         <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 ? ", " :
+                            <span v-for="(_variation, i) in variation" :key="`v-${i}`">{{ _variation }}{{
+                                variation.length > i + 1 ? ", " :
                                 "." }}</span>
                         </div>
                     </div>
                 </div>
-                <template v-if="!definition.img">
-                    <div class="px-2 py-6" v-html="useRenderText(definition.definition)"></div>
+                <template v-if="!content.image">
+                    <div class="px-2 py-6" v-html="useRenderText(description)"></div>
                 </template>
                 <template v-else>
                     <div class="flex">
-                        <div class="px-2 py-6" v-html="useRenderText(definition.definition)"></div>
-                        <img class="h-60" :src="definition.img" :alt="`Image du terme ${definition.term}`" />
+                        <div class="px-2 py-6" v-html="useRenderText(description)"></div>
+                        <img class="h-60" :src="content.image" :alt="`Image du terme ${term}`" />
                     </div>
                 </template>
 
                 <div>
-                    <div v-if="definition.relation.length > 0">
+                    <div v-if="relation.length > 0">
                         <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)">
-                                    {{ relation.term }}
+                             <template v-for="(_relation, i) in relation" :key="`relation-${i}`">
+                                <button class="p-1 border rounded mr-1" @click="goto(_relation.termId)">
+                                    {{ _relation.term }}
                                 </button>
-                            </template>
+                            </template> 
                         </div>
                     </div>
                 </div> 

package/dist/BgAudio-3P5MwT3x.js

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

package/dist/DisplayBox-BLrriUVp.js

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

package/dist/EpAlert-up0-DQ-W.js

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

package/dist/EpAudio-Dwldy8oC.js

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

package/dist/EpBadge-C7-sjgKz.js

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

package/dist/EpBarChart-BkdkSeOT.js

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

package/dist/EpBtn-DHIyHEQd.js

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

package/dist/EpCard-Owp_m3nx.js

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

package/dist/EpChip-CVGfwvmc.js

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

package/dist/EpCodeblock-Cz8kdlt-.js

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

package/dist/EpConclusion-nST7hA36.js

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

package/dist/EpContentSlider-Bq2A2yHU.js

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

package/dist/EpDescription-ByTqMJo3.js

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

package/dist/EpDivider-DR4wPrJi.js

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

package/dist/EpEdu-DAYXNCIr.js

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

package/dist/EpFlex-Cxk8WZWs.js

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

package/dist/EpFunnelChart-BrdPF8dA.js

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

package/dist/EpHeader-BFdV4aU4.js

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

package/dist/EpIcon-B-5rnqjb.js

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

package/dist/EpIframe-VwrTos4m.js

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

package/dist/EpImg-BB8oeVEA.js

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

package/dist/EpInstructions-D7jxhD6b.js

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

package/dist/EpIntroduction-CjbIYDjd.js

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

package/dist/EpLineChart-UfCiLXqN.js

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

package/dist/EpLink-Bov--TUo.js

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

package/dist/EpLinkVersion-5IhB-FN5.js

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

package/dist/EpModal-DzHvTMpb.js

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

package/dist/EpObjective-ifm7REJV.js

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

package/dist/EpPieChart-DfRSSrb3.js

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

package/dist/EpQuestion-BrwVgeVM.js

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

package/dist/EpQuote-Bp8AvEfY.js

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

package/dist/EpRadio-Ilq_BZ5S.js

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

package/dist/EpRadioSummative-D5kgkmxy.js

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

package/dist/EpReading-D8uaLmEL.js

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

package/dist/EpResource-E53tjodd.js

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

package/dist/EpScope-B9SN5Sm0.js

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

package/dist/EpSection-k7rfm1dx.js

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

package/dist/EpSectionCols-CKqmrSlV.js

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

package/dist/EpSkeleton-C9ZDlfu_.js

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

package/dist/EpSoftware-DoGtceZ2.js

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

package/dist/EpSpecificObjective-C_F5e7KC.js

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

package/dist/EpSpinner-Ds3ZJSdK.js

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

package/dist/EpSummativeTable-DuYAVjqV.js

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

package/dist/EpSvg-BzYn_UeG.js

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

package/dist/EpTable-LbFDXAJi.js

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

package/dist/EpTerm-CIzpRuKw.js

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

package/dist/EpText-JDXCcD5a.js

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

package/dist/EpTimeLine-BcEEOE2w.js

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

package/dist/EpVideo-B4MslcRb.js

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

package/dist/EpVideoPanopto-BtF0L_Ow.js

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

package/dist/EpWordDef-hAABsUGE.js

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