ep-lib-ts 1.0.5 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/BgAudio-D0BwVnii.js +4 -0
  2. package/dist/DisplayBox-B3jLORDu.js +4 -0
  3. package/dist/EpAlert-D5AOZDyu.js +4 -0
  4. package/dist/EpAudio-BAVn7Gy8.js +4 -0
  5. package/dist/EpBadge-CN9Fg8sD.js +4 -0
  6. package/dist/EpBarChart-C52e3Mbz.js +4 -0
  7. package/dist/EpBtn-DxrWf_6y.js +4 -0
  8. package/dist/EpCard-XTDLhqEF.js +4 -0
  9. package/dist/EpChip-BUrLsOFK.js +4 -0
  10. package/dist/{EpCodeblock-DX7H-PE3.js → EpCodeblock-C4BqtKtL.js} +2 -2
  11. package/dist/EpContentSlider-FwYItAWJ.js +4 -0
  12. package/dist/EpDarkmode-D1jXUoSC.js +26 -0
  13. package/dist/EpDivider-o4AVzJRd.js +4 -0
  14. package/dist/EpEdu-BsEWOTfl.js +4 -0
  15. package/dist/EpFlex-D3XiP-Ra.js +4 -0
  16. package/dist/EpFunnelChart-kJQY8nsy.js +4 -0
  17. package/dist/EpHeader-CcVcrJVb.js +4 -0
  18. package/dist/{EpHover-CGtVjFli.js → EpHover-nZS2pYFG.js} +1 -1
  19. package/dist/EpIcon-DSM8BNpa.js +4 -0
  20. package/dist/EpIframe-cjC7BBGu.js +4 -0
  21. package/dist/EpImg-Ccjnd-bG.js +4 -0
  22. package/dist/{EpInput-BlwqQ8GO.js → EpInput-B27QoOBx.js} +2 -3
  23. package/dist/EpLineChart-Di24eSaw.js +4 -0
  24. package/dist/EpLink-C5hN_hjD.js +4 -0
  25. package/dist/EpLinkVersion-CuI6JzA0.js +4 -0
  26. package/dist/{EpList-CzlKDgP3.js → EpList-DIO_ZIFr.js} +1 -1
  27. package/dist/EpModal-BM979tQ-.js +4 -0
  28. package/dist/{EpNothing-CXDeB2Xh.js → EpNothing-Cr3m7JTf.js} +1 -1
  29. package/dist/EpPieChart-CV4A5nSn.js +4 -0
  30. package/dist/EpQuestion-FC0tDPMy.js +4 -0
  31. package/dist/EpQuote-Ce2SMrW3.js +4 -0
  32. package/dist/EpRadio-BIJU0eLQ.js +4 -0
  33. package/dist/EpRadioSummative-B04LRKD6.js +4 -0
  34. package/dist/EpReading-DWrILG_f.js +4 -0
  35. package/dist/EpResource-Bmkn_JKt.js +4 -0
  36. package/dist/EpScope-CGUMWNrb.js +4 -0
  37. package/dist/EpSection-DM9t-9CY.js +4 -0
  38. package/dist/{EpSelect-DN7s_Aty.js → EpSelect-CTskxx5V.js} +1 -1
  39. package/dist/EpSkeleton-DVyxuzQ8.js +4 -0
  40. package/dist/EpSoftware-BVu58Hnm.js +4 -0
  41. package/dist/EpSpinner-FS5o8YG9.js +4 -0
  42. package/dist/EpSummativeTable-ByMD9LrS.js +4 -0
  43. package/dist/EpSvg-DNGYQ1Pd.js +4 -0
  44. package/dist/EpTable-Bq2_17qt.js +4 -0
  45. package/dist/EpTerm-CubK5Of7.js +4 -0
  46. package/dist/EpText-2tBQKmQ-.js +4 -0
  47. package/dist/EpTimeLine-DPxKR6hE.js +4 -0
  48. package/dist/EpVideo-BdWZutia.js +4 -0
  49. package/dist/EpVideoPanopto-BZ4JWjbT.js +4 -0
  50. package/dist/EpWordDef-BhzmB00q.js +4 -0
  51. package/dist/components/charts/EpPieChart.vue.d.ts +1 -0
  52. package/dist/components/interactions/EpQuestion.vue.d.ts +12 -12
  53. package/dist/components/medias/EpLinkVersion.vue.d.ts +1 -0
  54. package/dist/components/medias/EpWordDef.vue.d.ts +0 -4
  55. package/dist/components/signages/EpAlert.vue.d.ts +0 -3
  56. package/dist/ep-lib-ts.js +11 -11
  57. package/dist/ep-lib-ts.umd.cjs +52 -52
  58. package/dist/{index-DNwUz3uD.js → index-BIMaadN6.js} +204 -407
  59. package/dist/{index-Skmdww7c.js → index-BZaMooWT.js} +4536 -4256
  60. package/dist/index.d.ts +1 -42
  61. package/dist/{prism-DENTMpmV.js → prism-Bh7wZVTO.js} +1 -1
  62. package/dist/style.css +1 -1
  63. package/package.json +2 -2
  64. package/src/components/basics/EpCard.vue +1 -1
  65. package/src/components/basics/EpImg.vue +11 -11
  66. package/src/components/basics/EpTable.vue +3 -3
  67. package/src/components/charts/EpBarChart.vue +24 -16
  68. package/src/components/charts/EpFunnelChart.vue +98 -91
  69. package/src/components/charts/EpLineChart.vue +18 -13
  70. package/src/components/charts/EpPieChart.vue +21 -4
  71. package/src/components/educationals/EpEdu.vue +4 -4
  72. package/src/components/educationals/EpReading.vue +8 -8
  73. package/src/components/interactions/EpAccordeon.vue +1 -1
  74. package/src/components/interactions/EpContentSlider.vue +4 -4
  75. package/src/components/interactions/EpDarkmode.vue +6 -3
  76. package/src/components/interactions/EpQuestion.vue +9 -9
  77. package/src/components/interactions/EpSummativeTable.vue +2 -2
  78. package/src/components/medias/EpCarousel.vue +2 -2
  79. package/src/components/medias/EpLink.vue +1 -2
  80. package/src/components/medias/EpLinkVersion.vue +3 -2
  81. package/src/components/medias/EpSoftware.vue +3 -3
  82. package/src/components/medias/EpVideo.vue +4 -4
  83. package/src/components/medias/EpWordDef.vue +9 -11
  84. package/src/components/signages/EpAlert.vue +16 -2
  85. package/src/components/signages/EpHeader.vue +2 -2
  86. package/src/components/signages/EpQuote.vue +2 -2
  87. package/dist/BgAudio-Bz6aPUrZ.js +0 -4
  88. package/dist/DisplayBox-B7EYuWTN.js +0 -4
  89. package/dist/EpAlert-DCZ6DiMo.js +0 -4
  90. package/dist/EpAudio-DkM9fjmw.js +0 -4
  91. package/dist/EpBadge-CY0YoXxs.js +0 -4
  92. package/dist/EpBarChart-DJeIqz8f.js +0 -4
  93. package/dist/EpBtn-Bdld4mlP.js +0 -4
  94. package/dist/EpCard-vA65yxkZ.js +0 -4
  95. package/dist/EpChip-DfM8BIuk.js +0 -4
  96. package/dist/EpContentSlider-C_c1OeHV.js +0 -4
  97. package/dist/EpDarkmode-CVX7I7Oh.js +0 -22
  98. package/dist/EpDivider-Ca6DbpJs.js +0 -4
  99. package/dist/EpEdu-CtxBXkGE.js +0 -4
  100. package/dist/EpFlex-BReEWQoW.js +0 -4
  101. package/dist/EpFunnelChart-Ch-dprll.js +0 -4
  102. package/dist/EpHeader-u8-Q9UwT.js +0 -4
  103. package/dist/EpIcon-CvvMgRw9.js +0 -4
  104. package/dist/EpIframe-BLu6Nhfj.js +0 -4
  105. package/dist/EpImg-DsxiqbDu.js +0 -4
  106. package/dist/EpLineChart-DSoKvkMi.js +0 -4
  107. package/dist/EpLink-6X0q9juy.js +0 -4
  108. package/dist/EpLinkVersion-CTq-NTLq.js +0 -4
  109. package/dist/EpModal-CXOvBxNP.js +0 -4
  110. package/dist/EpPieChart-vDhYE00b.js +0 -4
  111. package/dist/EpQuestion-D-9FxFL6.js +0 -4
  112. package/dist/EpQuote-H6SRcev1.js +0 -4
  113. package/dist/EpRadio-CE-j3WNH.js +0 -4
  114. package/dist/EpRadioSummative-CzssksYf.js +0 -4
  115. package/dist/EpReading-BwFuRUX0.js +0 -4
  116. package/dist/EpResource-DpdLV5X_.js +0 -4
  117. package/dist/EpScope-TsPj_Kwq.js +0 -4
  118. package/dist/EpSection-DQ1dy14X.js +0 -4
  119. package/dist/EpSkeleton-BDPfEznW.js +0 -4
  120. package/dist/EpSoftware-ClsoVdd5.js +0 -4
  121. package/dist/EpSpinner-vo13Q_qa.js +0 -4
  122. package/dist/EpSummativeTable-DsqZCxwk.js +0 -4
  123. package/dist/EpSvg-BdM22Kv5.js +0 -4
  124. package/dist/EpTable-C88t_8Ty.js +0 -4
  125. package/dist/EpTerm-BhaC_QJL.js +0 -4
  126. package/dist/EpText-CrZ6bzKd.js +0 -4
  127. package/dist/EpTimeLine-BFgDubiK.js +0 -4
  128. package/dist/EpVideo-IKtqXyPs.js +0 -4
  129. package/dist/EpVideoPanopto-Z2CQoaIu.js +0 -4
  130. package/dist/EpWordDef-CkFC1G8H.js +0 -4
@@ -84,15 +84,15 @@ const { title, hideIcon } = toRefs(props);
84
84
 
85
85
  <template>
86
86
  <div :class="containerStyle">
87
- <div :class="`${topBarStyle}`" class="dark:bg-gray-300" v-if="title || mandateLevel">
87
+ <div :class="`${topBarStyle}`" class="dark:base-dark" v-if="title || mandateLevel">
88
88
  <!-- <EpIcon :size="24" :icon-path="mdiBookOpenVariant"></EpIcon> -->
89
89
  <h3><EpIcon v-if="!hideIcon" :iconPath="renderIcon" size="24"></EpIcon> <span class="font-bold align-middle">{{ title }}</span></h3>
90
90
  <EpScope v-if="mandateLevel" :title="renderMandateLevel"></EpScope>
91
91
  </div>
92
- <div class="px-5 dark:bg-gray-300">
92
+ <div class="px-5 dark:base-dark dark:text-white">
93
93
  <div class="py-2" v-if="hasIntentions">
94
94
  <!-- <EpIcon :size="24" :icon-path="mdiInformationOutline"></EpIcon> -->
95
- <h4 class="font-semibold mb-2 text-sm uppercase tracking-wide text-gray-500">
95
+ <h4 class="font-semibold mb-2 text-sm uppercase tracking-wide text-gray-500 dark:text-white">
96
96
  {{labels.intentions}}
97
97
  </h4>
98
98
  <slot name="intentions"></slot>
@@ -102,7 +102,7 @@ const { title, hideIcon } = toRefs(props);
102
102
  <slot name="content"></slot>
103
103
  </div>
104
104
  </div>
105
- <div :class="bottomBarStyle" class="dark:bg-gray-300" v-if="hasActions">
105
+ <div :class="bottomBarStyle" class="dark:base-dark" v-if="hasActions">
106
106
  <slot name="actions"></slot>
107
107
  </div>
108
108
  </div>
@@ -61,7 +61,7 @@ const props = withDefaults(defineProps<Props>(), {
61
61
  fermer:"Fermer",
62
62
  details:"détails",
63
63
  lecture:"Lecture",
64
- card: "lecture",
64
+ card: "Lecture",
65
65
  Btb: "lire",
66
66
  intentions: "Intentions de lecture",
67
67
  }
@@ -110,7 +110,7 @@ const errorImg = (event:Event)=>{
110
110
  </script>
111
111
 
112
112
  <template>
113
- <div class="flex rounded-lg overflow-hidden bg-white md:flex-row " v-if="!compact">
113
+ <div class="flex rounded-lg overflow-hidden bg-white dark:bg-dark md:flex-row " v-if="!compact">
114
114
  <template v-if="!hideCover">
115
115
  <div
116
116
  v-if="hasCover"
@@ -121,7 +121,7 @@ const errorImg = (event:Event)=>{
121
121
 
122
122
  <div
123
123
  v-else
124
- 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- "
124
+ 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 "
125
125
  >
126
126
  <EpIcon :icon-path="mdiBookOpenPageVariant" size="95"></EpIcon>
127
127
  </div>
@@ -161,7 +161,7 @@ const errorImg = (event:Event)=>{
161
161
  </div>
162
162
  </template>
163
163
  <template #actions>
164
- <EpBtn :color="type=='base'?'text-gray-700':'text-white'" :type="type" :href="url" v-if="url">{{labels.lire}}</EpBtn>
164
+ <EpBtn :color="type=='base'?'text-gray-700':'text-white dark:text-black'" :type="type" :href="url" v-if="url">{{labels.lire}}</EpBtn>
165
165
  </template>
166
166
  </EpEdu>
167
167
  </div>
@@ -175,7 +175,7 @@ const errorImg = (event:Event)=>{
175
175
  <div class="flex flex-row justify-between">
176
176
  <div class="p-5">
177
177
  <span
178
- class="text-lg leading-6 font-semibold font-sans text-skin-inverted group-hover:text-skin-primary"
178
+ class="text-lg leading-6 font-semibold font-sans"
179
179
  >{{ title }}</span
180
180
  >
181
181
  </div>
@@ -187,7 +187,7 @@ const errorImg = (event:Event)=>{
187
187
  </template>
188
188
  <template #menu="{ close }">
189
189
  <div class="w-[32rem]">
190
- <div class="flex flex-col rounded-lg bg-white md:flex-row ">
190
+ <div class="flex flex-col rounded-lg bg-white dark:bg-dark dark:border-r md:flex-row ">
191
191
  <template v-if="!hideCover">
192
192
  <img
193
193
  v-if="hasCover"
@@ -204,7 +204,7 @@ const errorImg = (event:Event)=>{
204
204
  </div>
205
205
  </template>
206
206
  <div class="flex flex-col justify-between w-full">
207
- <div class="bg-neutral-100 text-left px-5 py-2 dark:bg-neutral-300 ">
207
+ <div class="text-left px-5 py-2 bg-gray-100 text-black dark:rounded-tr-lg">
208
208
  <EpIcon :size="24" :icon-path="mdiBookOpenVariant"></EpIcon>
209
209
  <span class="pl-2 align-middle">{{labels.lecture}}</span>
210
210
  </div>
@@ -241,7 +241,7 @@ const errorImg = (event:Event)=>{
241
241
  </div>
242
242
  </div>
243
243
  </div>
244
- <div class="bg-neutral-100 text-right pr-5">
244
+ <div class="bg-gray-100 dark:bg-transparent dark:border-b dark:rounded-br text-right pr-5">
245
245
  <EpBtn text @click.stop="close"> {{labels.fermer}} </EpBtn>
246
246
  </div>
247
247
  </div>
@@ -35,7 +35,7 @@ const stylesHeader = computed(()=>{
35
35
  })
36
36
 
37
37
  const contentStyles = computed(()=>{
38
- return `px-4 ${useColors('bg', props.type + 'light')} dark:${useColors('bg', props.type + 'dark')}`
38
+ return `px-4 ${useColors('bg', props.type + 'light')} dark:bg-dark dark:${useColors('border', props.type + 'dark')}`
39
39
  })
40
40
 
41
41
  onMounted(() => {
@@ -76,15 +76,15 @@ const { slides } = toRefs(props)
76
76
  </script>
77
77
 
78
78
  <template>
79
- <div class="bg-stone-100 p-5 w-full md:h-custom overflow-hidden dark:bg-stone-300">
80
- <div class="flex justify-between border-b border-black w-auto">
81
- <h5 class="text-lg border-b-4 border-black">
79
+ <div class="bg-stone-100 dark:bg-dark p-5 w-full md:h-custom overflow-hidden dark:border dark:border-base">
80
+ <div class="flex justify-between border-b border-black dark:border-white w-auto">
81
+ <h5 class="text-lg border-b-4 border-black dark:border-white">
82
82
  {{ currentSlide.title }}
83
83
  </h5>
84
84
  <div class="md:flex items-end pb-1" v-if="slides">
85
85
  <template v-for="(slide, i) in slides.length" :key="`slide-index-${i}`">
86
86
  <span
87
- :class="`cursor-pointer h-4 w-4 ml-1 inline-block ${i === currentIndex ? 'bg-primary' : 'bg-gray-400'}`"
87
+ :class="`cursor-pointer h-4 w-4 ml-1 inline-block ${i === currentIndex ? 'bg-primary' : 'bg-base-dark dark:bg-base-light'}`"
88
88
  @click="goTo(i)"></span>
89
89
  </template>
90
90
  <span class="ml-2 text-xs">({{ (currentIndex + 1) }}/{{ slides.length }})</span>
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
2
  import { ref, onMounted } from 'vue';
3
-
3
+ import { useColorMode } from '@vueuse/core'
4
4
  type UserTheme = 'light' | 'dark';
5
-
5
+ const mode = useColorMode()
6
6
  const emit = defineEmits<{
7
7
  (e: "update:userMode", userMode:UserTheme): void;
8
8
  }>();
@@ -10,12 +10,15 @@
10
10
 
11
11
  const setTheme = (theme: UserTheme) => {
12
12
  localStorage.setItem('user-theme', theme);
13
+ mode.value = theme
13
14
  userTheme.value = theme;
14
15
  document.documentElement.className = theme;
15
16
  };
16
17
 
17
18
  const getTheme = (): UserTheme => {
18
- return localStorage.getItem('user-theme') as UserTheme;
19
+ const localValue = localStorage.getItem('user-theme') as UserTheme;
20
+ mode.value = localValue
21
+ return localValue
19
22
  };
20
23
 
21
24
  const toggleTheme = (): void => {
@@ -27,9 +27,9 @@ interface Props {
27
27
  numeration?: boolean;
28
28
  src?: string | null;
29
29
  labels?:{
30
- veuillez?:string;
31
- valider?:string;
32
- reessayer?:string;
30
+ answer?:string;
31
+ validate?:string;
32
+ tryagain?:string;
33
33
  }
34
34
  }
35
35
 
@@ -41,9 +41,9 @@ const props = withDefaults(defineProps<Props>(), {
41
41
  numeration: false,
42
42
  labels:()=>{
43
43
  return {
44
- veuillez:"Veuillez choisir une réponse",
45
- valider : "Valider",
46
- reessayer: "Réessayer"
44
+ answer:"Veuillez choisir une réponse",
45
+ validate : "Valider",
46
+ tryagain: "Réessayer"
47
47
  }
48
48
  }
49
49
  });
@@ -160,7 +160,7 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
160
160
  </li>
161
161
  </ol>
162
162
  <EpAlert type="error" outlined noIcon v-if="!valid">
163
- {{labels.veuillez}}
163
+ {{labels.answer}}
164
164
  </EpAlert>
165
165
  </div>
166
166
 
@@ -180,9 +180,9 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
180
180
  :disabled="answered"
181
181
  outlined
182
182
  extraClass="mr-2"
183
- >{{labels.valider}}</EpBtn
183
+ >{{labels.validate}}</EpBtn
184
184
  >
185
- <EpBtn :type="type" v-if="answered" @click="reset" outlined>{{labels.reessayer}}</EpBtn>
185
+ <EpBtn :type="type" v-if="answered" @click="reset" outlined>{{labels.tryagain}}</EpBtn>
186
186
  </div>
187
187
  </template>
188
188
  <!-- <template #actions>
@@ -32,10 +32,10 @@ const transformNumber = (value:string|number) => {
32
32
  </script>
33
33
 
34
34
  <template>
35
- <div class="mt-4 bg-gray-50 p-4 dark:bg-gray-300">
35
+ <div class="mt-4 bg-base-light p-4 dark:bg-dark dark:border-y-2">
36
36
  <h4 v-if="title" class="text-xl font-semibold mb-6">{{ title }}</h4>
37
37
  <template v-for="(question,i) in questions" :key="`item-question-${i}`">
38
- <p class=" text-gray-600 py-2 rounded">{{question.label}}</p>
38
+ <p class="text-base-dark dark:text-base-light py-2 rounded">{{question.label}}</p>
39
39
  <div class="flex flex-row flex-wrap gap-y-2 sm:gap-x-4">
40
40
  <template v-for="(_option, j) in question.options" :key="`option-question-${j}`">
41
41
  <EpRadioSummative
@@ -53,7 +53,7 @@ const { carrouselImg, labelClose, labelRef, sizeThumbnail } = toRefs(props);
53
53
  <EpIcon :icon-path="mdiChevronRightCircleOutline"></EpIcon>
54
54
  </button>
55
55
  </div>
56
- <div class="bg-white shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid">
56
+ <div class="bg-white dark:bg-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border">
57
57
  <!-- <div class="max-w-[800px] h-[550px] m-auto relative">
58
58
  <div
59
59
  class="w-full h-full bg-center duration-500"
@@ -63,7 +63,7 @@ const { carrouselImg, labelClose, labelRef, sizeThumbnail } = toRefs(props);
63
63
 
64
64
  <img :src="carrouselImg[currentIndex].src" alt="image" class="rounded-sm" />
65
65
 
66
- <div v-if="carrouselImg[currentIndex]?.caption" class="mt-2 text-sm text-gray-800">
66
+ <div v-if="carrouselImg[currentIndex]?.caption" class="mt-2 text-sm text-base-dark dark:text-white">
67
67
  {{ carrouselImg[currentIndex].caption }}
68
68
  </div>
69
69
  <div v-if="carrouselImg[currentIndex]?.bib" class="flex justify-end mt-2">
@@ -38,7 +38,7 @@ const renderIcon = computed(() => {
38
38
  const hoverColor = computed(() => {
39
39
  return `absolute ${useColors(
40
40
  "bg",
41
- props.type + "light"
41
+ props.type + "dark"
42
42
  )} 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%]`;
43
43
  });
44
44
 
@@ -62,7 +62,6 @@ const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
62
62
  <div class="w-4/5">
63
63
  <EpBtn
64
64
  block
65
- :color="type === 'base' ? 'text-black' : 'text-white'"
66
65
  rounded
67
66
  :type="type"
68
67
  :prependIcon="renderIcon"
@@ -16,6 +16,7 @@ interface Props{
16
16
  type:TypeLink;
17
17
  link:Link;
18
18
  big?:boolean;
19
+ customHeight?:number;
19
20
  labels?:{
20
21
  noData?:string;
21
22
  }
@@ -30,7 +31,7 @@ const props = withDefaults(defineProps<Props>(),{
30
31
  }
31
32
  })
32
33
 
33
- const {type, link, big} = toRefs(props)
34
+ const {type, link, big, customHeight} = toRefs(props)
34
35
 
35
36
  </script>
36
37
 
@@ -39,7 +40,7 @@ const {type, link, big} = toRefs(props)
39
40
  <EpLink :title="link.title" :url="link.url"></EpLink>
40
41
  </div>
41
42
  <div v-else-if="type === 'iframe'">
42
- <EpIframe :title="link.title" :src="link.url" :big="big"></EpIframe>
43
+ <EpIframe :title="link.title" :src="link.url" :big="big" :custom-height="customHeight"></EpIframe>
43
44
  </div>
44
45
  <div v-else>
45
46
  {{labels.noData}}
@@ -39,7 +39,7 @@ const props = withDefaults(defineProps<Props>(), {
39
39
  hideIcon:false,
40
40
  labels:()=>{
41
41
  return {
42
- acceder:"[Accéder au logiciel]"
42
+ acceder:"Accéder au logiciel"
43
43
  }
44
44
  }
45
45
  });
@@ -64,7 +64,7 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
64
64
  </template>
65
65
  <template #content>
66
66
  <div
67
- class="flex flex-col items-center border rounded-lg bg-neutral-100 md:flex-row mt-2 dark:bg-neutral-200"
67
+ class="flex flex-col items-center border rounded-lg bg-base-light md:flex-row mt-2 dark:bg-dark"
68
68
  >
69
69
  <template v-if="!hideCover">
70
70
  <img
@@ -75,7 +75,7 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
75
75
  />
76
76
  <div
77
77
  v-else
78
- 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"
78
+ 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"
79
79
  >
80
80
  <EpIcon :icon-path="mdiLaptop" size="95"></EpIcon>
81
81
  </div>
@@ -62,13 +62,13 @@ const videoURL = computed(()=> {
62
62
  })
63
63
 
64
64
  const renderText = computed(()=>{
65
- if(!props.labels.intentions){
65
+ if(!props.intentions){
66
66
  return null
67
67
  }
68
- if(!isHtml(props.labels.intentions)){
69
- return useMarkdown(props.labels.intentions)
68
+ if(!isHtml(props.intentions)){
69
+ return useMarkdown(props.intentions)
70
70
  }
71
- return props.labels.intentions
71
+ return props.intentions
72
72
  })
73
73
 
74
74
  const getIdYoutube = (url:string):string|null => {
@@ -16,8 +16,7 @@ interface Props {
16
16
  domain?:string;
17
17
  relations?: string;
18
18
  definition?:string;
19
- variations?:string;
20
- imageDuTerme?:string;
19
+ variations?:string;
21
20
  }
22
21
  }
23
22
 
@@ -29,8 +28,7 @@ const props = withDefaults(defineProps<Props>(), {
29
28
  domain:"Domaine",
30
29
  relations:"Relations" ,
31
30
  definition:"La definition n'est pas disponible",
32
- variations:"Variation(s)",
33
- imageDuTerme:"Image du terme "
31
+ variations:"Variation(s)"
34
32
  }
35
33
  }
36
34
  });
@@ -83,23 +81,23 @@ const goto = (term:string) =>{
83
81
  </script>
84
82
 
85
83
  <template>
86
- <div class="dark:bg-gray-300">
84
+ <div class="dark:bg-dark">
87
85
  <div v-if="definition">
88
- <div class="h-min border border-stone-300 rounded-lg divide-y">
86
+ <div class="h-min border border-base rounded-lg divide-y">
89
87
  <h2 class="text-xl font-semibold p-2">{{ definition.term }}</h2>
90
88
  <div class="flex justify-between">
91
89
  <div :class="sizeGramIngo">
92
- <p class="text-sm font-medium bg-stone-100 p-2">
90
+ <p class="text-sm font-medium bg-base-light dark:text-dark p-2">
93
91
  {{labels.information}}
94
92
  </p>
95
93
  <div class="px-2 py-1">{{ definition.graminfo }}</div>
96
94
  </div>
97
95
  <div :class="sizeDomain" v-if="definition.domain">
98
- <p class="text-sm font-medium bg-stone-100 p-2">{{labels.domain}}</p>
96
+ <p class="text-sm font-medium bg-base-light dark:text-dark p-2">{{labels.domain}}</p>
99
97
  <div class="px-2 py-1">{{ definition.domain }}</div>
100
98
  </div>
101
99
  <div :class="sizeVariations" v-if="definition.variation.length > 0">
102
- <p class="text-sm font-medium bg-stone-100 p-2">{{labels.variations}}</p>
100
+ <p class="text-sm font-medium bg-base-light dark:text-dark p-2">{{labels.variations}}</p>
103
101
  <div class="px-2 py-1">
104
102
  <span v-for="(variation, i) in definition.variation" :key="`v-${i}`">{{ variation }}{{
105
103
  definition.variation.length > i + 1 ? ", " :
@@ -113,13 +111,13 @@ const goto = (term:string) =>{
113
111
  <template v-else>
114
112
  <div class="flex">
115
113
  <div class="px-2 py-6" v-html="useRenderText(definition.definition)"></div>
116
- <img class="h-60" :src="definition.img" :alt="`${labels.imageDuTerme} ${definition.term}`" />
114
+ <img class="h-60" :src="definition.img" :alt="`Image du terme ${definition.term}`" />
117
115
  </div>
118
116
  </template>
119
117
 
120
118
  <div>
121
119
  <div v-if="definition.relation.length > 0">
122
- <p class="text-sm font-medium bg-stone-100 p-2"> {{labels.relations}}</p>
120
+ <p class="text-sm font-medium bg-base-light dark:text-dark p-2"> {{labels.relations}}</p>
123
121
  <div class="p-2">
124
122
  <template v-for="(relation, i) in findRelations(definition.relation)" :key="`relation-${i}`">
125
123
  <button class="p-1 border rounded mr-1" @click="goto(relation.term)">
@@ -7,6 +7,13 @@ import EpAccordeon from "../interactions/EpAccordeon.vue";
7
7
  import { type TypeAlert, typeAlert } from "../../types/Alert";
8
8
  import {useIcons} from '../../composables/useIcons'
9
9
 
10
+
11
+ /*NOTE IMPORTANT
12
+ sur l'éditeur la valeur outlined a été inversée (old v-switch the vuetify)
13
+ donc outlined:true is fonce
14
+ outlined:false is outlined style
15
+ */
16
+
10
17
  interface OldType {
11
18
  icon: string;
12
19
  name: string;
@@ -25,10 +32,16 @@ interface Props {
25
32
  const props = withDefaults(defineProps<Props>(), {
26
33
  type:'base',
27
34
  title: null,
28
- outlined:true,
29
35
  noIcon:false,
30
36
  });
31
37
 
38
+ /* sur l'éditeur de parcours la composante a été fait à l'inverse malhereusement (old v-switch the vuetify)*/
39
+ /* donc outlined:true is fonce et oulined:false is the real onlined*/
40
+ const outlinedCompact = computed(()=> {
41
+ return !props.outlined
42
+ })
43
+
44
+
32
45
  const isOutlined = computed(()=>{
33
46
  if(!props.outlined){
34
47
  return 'outlined'
@@ -62,6 +75,7 @@ const { title, compact, outlined } = toRefs(props);
62
75
 
63
76
  <template>
64
77
  <div :class="`flex p-4 rounded shadow-md m-2 ${styles}`" v-if="!compact">
78
+
65
79
  <div v-if="icon" class="flex items-center justify-center w-1/12">
66
80
  <EpIcon :size="40" :icon-path="icon"></EpIcon>
67
81
  </div>
@@ -74,7 +88,7 @@ const { title, compact, outlined } = toRefs(props);
74
88
  </div>
75
89
  </div>
76
90
  </div>
77
- <EpAccordeon :type="finalType" :outlined="outlined" :icon="icon" :title="title" v-else>
91
+ <EpAccordeon :type="finalType" :outlined="outlinedCompact" :icon="icon" :title="title" v-else>
78
92
  <slot></slot>
79
93
  </EpAccordeon>
80
94
  </template>
@@ -99,10 +99,10 @@ const { title, headerImgColor, big } = toRefs(props);
99
99
  class="p-4 md:items-center backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded"
100
100
  >
101
101
  <div class="text-center md:text-left">
102
- <h1 v-if="title" class="text-xl font-medium tracking-tight text-white sm:text-3xl">
102
+ <h1 v-if="title" class="text-xl font-medium text-white sm:text-3xl">
103
103
  {{ title }}
104
104
  </h1>
105
- <h2 v-if="subtitle" class="max-w-xl mt-4 text-xl tracking-tight text-white contrast-50">
105
+ <h2 v-if="subtitle" class="max-w-xl mt-4 text-xl text-white contrast-50">
106
106
  {{ subtitle }}
107
107
  </h2>
108
108
  </div>
@@ -29,7 +29,7 @@ const styleTextAutor = computed(() => {
29
29
  if (props.card) {
30
30
  return `text-white`;
31
31
  }
32
- return `text-neutral-500`;
32
+ return `text-black dark:text-white`;
33
33
  });
34
34
 
35
35
  const imageStyle = computed(() => {
@@ -53,7 +53,7 @@ const { author, img, card, hideIcon } = toRefs(props);
53
53
  alt="Image of quote" />
54
54
  </div>
55
55
  <div class="flex items-center justify-center px-7" v-else-if="!hideIcon">
56
- <div :class="card ? 'text-white':'text-stone-700'">
56
+ <div :class="card ? 'text-white':'text-base dark:text-white'">
57
57
  <EpIcon :size="60" :icon-path="mdiFormatQuoteOpen"></EpIcon>
58
58
  </div>
59
59
  </div>
@@ -1,4 +0,0 @@
1
- import { R as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { S as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { N as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { D as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { c as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { o } from "./index-Skmdww7c.js";
2
- export {
3
- o as default
4
- };
@@ -1,4 +0,0 @@
1
- import { d as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { e } from "./index-Skmdww7c.js";
2
- export {
3
- e as default
4
- };
@@ -1,4 +0,0 @@
1
- import { f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { z as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,22 +0,0 @@
1
- import { defineComponent as d, ref as i, onMounted as h, openBlock as o, createElementBlock as a, createCommentVNode as n } from "vue";
2
- const p = { key: 0 }, g = { key: 1 }, v = /* @__PURE__ */ d({
3
- __name: "EpDarkmode",
4
- emits: ["update:userMode"],
5
- setup(k, { emit: c }) {
6
- const s = c, r = (e) => {
7
- localStorage.setItem("user-theme", e), t.value = e, document.documentElement.className = e;
8
- }, u = () => localStorage.getItem("user-theme"), m = () => {
9
- const e = localStorage.getItem("user-theme");
10
- r(e === "light" ? "dark" : "light"), s("update:userMode", t.value);
11
- }, l = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", t = i(u() || l());
12
- return h(() => {
13
- r(t.value), s("update:userMode", t.value);
14
- }), (e, _) => (o(), a("button", { onClick: m }, [
15
- t.value === "dark" ? (o(), a("span", p, " ☀️ ")) : n("", !0),
16
- t.value === "light" ? (o(), a("span", g, " 🌙 ")) : n("", !0)
17
- ]));
18
- }
19
- });
20
- export {
21
- v as default
22
- };
@@ -1,4 +0,0 @@
1
- import { g as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { s } from "./index-Skmdww7c.js";
2
- export {
3
- s as default
4
- };
@@ -1,4 +0,0 @@
1
- import { h as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { p as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { O as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { i as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { E as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { j as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { q as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { F as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { G as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { A as f } from "./index-Skmdww7c.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { r } from "./index-Skmdww7c.js";
2
- export {
3
- r as default
4
- };