ep-lib-ts 1.0.1 → 1.0.3

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 (223) hide show
  1. package/dist/BgAudio-frhyHkqr.js +4 -0
  2. package/dist/DisplayBox-CSCmHlo9.js +4 -0
  3. package/dist/EpAlert-Ccz2Wiz3.js +4 -0
  4. package/dist/EpAudio-DW24CuDl.js +4 -0
  5. package/dist/EpBadge-YYV6LeIH.js +4 -0
  6. package/dist/EpBarChart-CQpD2vBz.js +4 -0
  7. package/dist/EpBtn-BXFxStb5.js +4 -0
  8. package/dist/EpCard-dMLoFxCZ.js +4 -0
  9. package/dist/EpChip-D14YJQjn.js +4 -0
  10. package/dist/{EpCodeblock-DVX2XFFj.js → EpCodeblock-DX7H-PE3.js} +2 -2
  11. package/dist/EpContentSlider-B6sOe3Dp.js +4 -0
  12. package/dist/EpDarkmode-CVX7I7Oh.js +22 -0
  13. package/dist/EpDivider-BlzeUfhe.js +4 -0
  14. package/dist/EpEdu-OSZN0dVy.js +4 -0
  15. package/dist/EpFlex-CajOntOn.js +4 -0
  16. package/dist/EpFunnelChart-CAmKAY6K.js +4 -0
  17. package/dist/EpHeader-s6mu1YDy.js +4 -0
  18. package/dist/EpHotsPot-DFz_Du9o.js +59 -0
  19. package/dist/{EpHover-BL7JsbVZ.js → EpHover-DvBaw8H4.js} +1 -1
  20. package/dist/EpIcon-BKdKZ6VL.js +4 -0
  21. package/dist/EpIframe-Cw50hPQt.js +4 -0
  22. package/dist/EpImg-ltzMUbfa.js +4 -0
  23. package/dist/{EpInput-DMIxjwBM.js → EpInput-C3Db2Mgx.js} +429 -438
  24. package/dist/EpLineChart-C1Z5zC77.js +4 -0
  25. package/dist/EpLink-9J5EAO2L.js +4 -0
  26. package/dist/EpLinkVersion-DoA4Xrmj.js +4 -0
  27. package/dist/{EpList-BkH08ROd.js → EpList-u8yx-VQ3.js} +1 -1
  28. package/dist/EpModal-EPQLtKSs.js +4 -0
  29. package/dist/{EpNothing-IEAPsIPI.js → EpNothing-dQbMRW9h.js} +1 -1
  30. package/dist/EpPieChart-DALf9BAs.js +4 -0
  31. package/dist/EpQuestion-CrOo3ejB.js +4 -0
  32. package/dist/EpQuote-BDthjTq5.js +4 -0
  33. package/dist/EpRadio-B_MUtViE.js +4 -0
  34. package/dist/EpRadioSummative-DqXsCXq1.js +4 -0
  35. package/dist/EpReading-KUPnrrth.js +4 -0
  36. package/dist/EpResource-BMPKDLj8.js +4 -0
  37. package/dist/EpScope-C3jsb2no.js +4 -0
  38. package/dist/EpSection-CdA_6u_G.js +4 -0
  39. package/dist/EpSelect-DxDETrPv.js +43 -0
  40. package/dist/EpSkeleton-B7Vvky8C.js +4 -0
  41. package/dist/EpSoftware-CBGrw-TM.js +4 -0
  42. package/dist/EpSpinner-CPXurjKk.js +4 -0
  43. package/dist/EpSummativeTable-Cl4DD-eg.js +4 -0
  44. package/dist/EpSvg-D7ZjOSNK.js +4 -0
  45. package/dist/EpTable-BJg2IDFP.js +4 -0
  46. package/dist/EpTerm-BqEk32qp.js +4 -0
  47. package/dist/EpText-C0XpPsof.js +4 -0
  48. package/dist/EpTextarea-D8UCQuga.js +44 -0
  49. package/dist/EpTimeLine-D9aVz430.js +4 -0
  50. package/dist/{EpToggle-CfXYpI1b.js → EpToggle-BDp54LpY.js} +26 -23
  51. package/dist/EpVideo-B9Bqi_qW.js +4 -0
  52. package/dist/EpVideoPanopto-BibKcJ2y.js +4 -0
  53. package/dist/EpWordDef-O6xFtf2E.js +4 -0
  54. package/dist/components/basics/EpAvatar.vue.d.ts +4 -4
  55. package/dist/components/basics/EpBadge.vue.d.ts +16 -4
  56. package/dist/components/basics/EpBtn.vue.d.ts +4 -11
  57. package/dist/components/basics/EpCard.vue.d.ts +4 -4
  58. package/dist/components/basics/EpChip.vue.d.ts +4 -4
  59. package/dist/components/basics/EpDivider.vue.d.ts +4 -4
  60. package/dist/components/basics/EpFlex.vue.d.ts +1 -1
  61. package/dist/components/basics/EpHover.vue.d.ts +4 -4
  62. package/dist/components/basics/EpIcon.vue.d.ts +4 -4
  63. package/dist/components/basics/EpImg.vue.d.ts +24 -4
  64. package/dist/components/basics/EpList.vue.d.ts +1 -1
  65. package/dist/components/basics/EpListitem.vue.d.ts +4 -4
  66. package/dist/components/basics/EpSection.vue.d.ts +4 -4
  67. package/dist/components/basics/EpSpinner.vue.d.ts +4 -4
  68. package/dist/components/basics/EpTable.vue.d.ts +3 -3
  69. package/dist/components/basics/EpText.vue.d.ts +16 -4
  70. package/dist/components/charts/EpBarChart.vue.d.ts +16 -4
  71. package/dist/components/charts/EpFunnelChart.vue.d.ts +62 -0
  72. package/dist/components/charts/EpLineChart.vue.d.ts +16 -4
  73. package/dist/components/charts/EpPieChart.vue.d.ts +16 -4
  74. package/dist/components/educationals/EpCodeblock.vue.d.ts +5 -5
  75. package/dist/components/educationals/EpEdu.vue.d.ts +17 -5
  76. package/dist/components/educationals/EpReading.vue.d.ts +49 -17
  77. package/dist/components/educationals/EpResource.vue.d.ts +5 -5
  78. package/dist/components/educationals/EpScope.vue.d.ts +4 -4
  79. package/dist/components/forms/EpCheckbox.vue.d.ts +5 -5
  80. package/dist/components/forms/EpInput.vue.d.ts +5 -5
  81. package/dist/components/forms/EpRadio.vue.d.ts +5 -5
  82. package/dist/components/forms/EpRadioSummative.vue.d.ts +5 -5
  83. package/dist/components/forms/EpSelect.vue.d.ts +36 -4
  84. package/dist/components/forms/EpSwitch.vue.d.ts +5 -5
  85. package/dist/components/forms/EpTextarea.vue.d.ts +17 -5
  86. package/dist/components/forms/EpToggle.vue.d.ts +17 -5
  87. package/dist/components/interactions/EpAccordeon.vue.d.ts +16 -8
  88. package/dist/components/interactions/EpContentSlider.vue.d.ts +22 -3
  89. package/dist/components/interactions/EpDarkmode.vue.d.ts +6 -2
  90. package/dist/components/interactions/EpHotsPot.vue.d.ts +18 -3
  91. package/dist/components/interactions/EpModal.vue.d.ts +5 -5
  92. package/dist/components/interactions/EpQuestion.vue.d.ts +25 -5
  93. package/dist/components/interactions/EpSummativeTable.vue.d.ts +3 -3
  94. package/dist/components/interactions/EpTabs.vue.d.ts +1 -1
  95. package/dist/components/interactions/EpTooltip.vue.d.ts +4 -4
  96. package/dist/components/medias/EpAudio.vue.d.ts +21 -13
  97. package/dist/components/medias/EpCarousel.vue.d.ts +6 -6
  98. package/dist/components/medias/EpIframe.vue.d.ts +5 -4
  99. package/dist/components/medias/EpKatex.vue.d.ts +4 -4
  100. package/dist/components/medias/EpLink.vue.d.ts +5 -5
  101. package/dist/components/medias/EpLinkVersion.vue.d.ts +16 -4
  102. package/dist/components/medias/EpSoftware.vue.d.ts +17 -5
  103. package/dist/components/medias/EpSvg.vue.d.ts +5 -5
  104. package/dist/components/medias/EpTerm.vue.d.ts +32 -8
  105. package/dist/components/medias/EpTimeLine.vue.d.ts +3 -3
  106. package/dist/components/medias/EpVideo.vue.d.ts +17 -9
  107. package/dist/components/medias/EpVideoPanopto.vue.d.ts +5 -5
  108. package/dist/components/medias/EpWordDef.vue.d.ts +38 -3
  109. package/dist/components/signages/EpAlert.vue.d.ts +4 -4
  110. package/dist/components/signages/EpBadge.vue.d.ts +5 -5
  111. package/dist/components/signages/EpHeader.vue.d.ts +21 -5
  112. package/dist/components/signages/EpNothing.vue.d.ts +1 -1
  113. package/dist/components/signages/EpQuote.vue.d.ts +4 -4
  114. package/dist/components/signages/EpSkeleton.vue.d.ts +4 -4
  115. package/dist/components/tools/BgAudio.vue.d.ts +4 -4
  116. package/dist/components/tools/DisplayBox.vue.d.ts +1 -1
  117. package/dist/components/tools/SvgFilter.vue.d.ts +1 -1
  118. package/dist/components/tools/TimelineItem.vue.d.ts +4 -4
  119. package/dist/ep-lib-ts.js +18 -17
  120. package/dist/ep-lib-ts.umd.cjs +48 -41
  121. package/dist/{index-Dl6z_ITi.js → index-BgNRIUzY.js} +3967 -3771
  122. package/dist/{index-M54_P8uC.js → index-DNwUz3uD.js} +2 -2
  123. package/dist/index.d.ts +84 -42
  124. package/dist/{prism-B0q7vMaL.js → prism-DENTMpmV.js} +1 -1
  125. package/dist/style.css +1 -1
  126. package/dist/types/Btn.d.ts +8 -0
  127. package/package.json +2 -2
  128. package/src/components/basics/EpAvatar.vue +1 -1
  129. package/src/components/basics/EpBadge.vue +11 -2
  130. package/src/components/basics/EpBtn.vue +3 -15
  131. package/src/components/basics/EpCard.vue +21 -11
  132. package/src/components/basics/EpChip.vue +1 -2
  133. package/src/components/basics/EpImg.vue +18 -6
  134. package/src/components/basics/EpSection.vue +1 -1
  135. package/src/components/basics/EpTable.vue +5 -5
  136. package/src/components/basics/EpText.vue +10 -2
  137. package/src/components/charts/EpBarChart.vue +11 -3
  138. package/src/components/charts/EpFunnelChart.vue +129 -0
  139. package/src/components/charts/EpLineChart.vue +11 -3
  140. package/src/components/charts/EpPieChart.vue +12 -4
  141. package/src/components/educationals/EpCodeblock.vue +1 -1
  142. package/src/components/educationals/EpEdu.vue +17 -10
  143. package/src/components/educationals/EpReading.vue +45 -27
  144. package/src/components/educationals/EpResource.vue +2 -2
  145. package/src/components/educationals/EpScope.vue +1 -1
  146. package/src/components/forms/EpRadio.vue +1 -1
  147. package/src/components/forms/EpRadioSummative.vue +1 -1
  148. package/src/components/forms/EpSelect.vue +24 -6
  149. package/src/components/forms/EpSwitch.vue +1 -1
  150. package/src/components/forms/EpTextarea.vue +9 -1
  151. package/src/components/forms/EpToggle.vue +9 -1
  152. package/src/components/interactions/EpAccordeon.vue +13 -7
  153. package/src/components/interactions/EpContentSlider.vue +17 -6
  154. package/src/components/interactions/EpDarkmode.vue +25 -14
  155. package/src/components/interactions/EpHotsPot.vue +11 -2
  156. package/src/components/interactions/EpQuestion.vue +17 -5
  157. package/src/components/interactions/EpSummativeTable.vue +1 -1
  158. package/src/components/interactions/EpTabs.vue +1 -1
  159. package/src/components/interactions/EpTooltip.vue +1 -1
  160. package/src/components/medias/EpAudio.vue +17 -11
  161. package/src/components/medias/EpCarousel.vue +2 -2
  162. package/src/components/medias/EpIframe.vue +6 -2
  163. package/src/components/medias/EpKatex.vue +1 -1
  164. package/src/components/medias/EpLink.vue +2 -2
  165. package/src/components/medias/EpLinkVersion.vue +11 -3
  166. package/src/components/medias/EpSoftware.vue +12 -4
  167. package/src/components/medias/EpSvg.vue +2 -2
  168. package/src/components/medias/EpTerm.vue +24 -11
  169. package/src/components/medias/EpTimeLine.vue +2 -2
  170. package/src/components/medias/EpVideo.vue +13 -7
  171. package/src/components/medias/EpVideoPanopto.vue +2 -3
  172. package/src/components/medias/EpWordDef.vue +33 -11
  173. package/src/components/signages/EpAlert.vue +1 -1
  174. package/src/components/signages/EpBadge.vue +1 -1
  175. package/src/components/signages/EpHeader.vue +13 -3
  176. package/src/components/signages/EpSkeleton.vue +2 -2
  177. package/src/components/tools/TimelineItem.vue +1 -1
  178. package/dist/BgAudio-C8bS54bl.js +0 -4
  179. package/dist/DisplayBox-BTPVW9_v.js +0 -4
  180. package/dist/EpAlert-Daji8LsR.js +0 -4
  181. package/dist/EpAudio-Dq7twl4x.js +0 -4
  182. package/dist/EpBadge-DBfMe1r_.js +0 -4
  183. package/dist/EpBarChart-cAlm0rKf.js +0 -4
  184. package/dist/EpBtn-S2VJnt--.js +0 -4
  185. package/dist/EpCard-SvaBmdDK.js +0 -4
  186. package/dist/EpChip-Chn_9bRP.js +0 -4
  187. package/dist/EpContentSlider-Ds2GlrkO.js +0 -4
  188. package/dist/EpDarkmode--_9Qi6HH.js +0 -19
  189. package/dist/EpDivider-Bj4Zya_F.js +0 -4
  190. package/dist/EpEdu-Y7Lkf3Ew.js +0 -4
  191. package/dist/EpFlex-5yWhvYX7.js +0 -4
  192. package/dist/EpHeader-CEQBk1ah.js +0 -4
  193. package/dist/EpHotsPot-NGjKJCc8.js +0 -56
  194. package/dist/EpIcon-CuhZ90Zx.js +0 -4
  195. package/dist/EpIframe-DbPnkezB.js +0 -4
  196. package/dist/EpImg-DJ9gNwhJ.js +0 -4
  197. package/dist/EpLineChart-ALvSFQ-w.js +0 -4
  198. package/dist/EpLink-CQSfQHRj.js +0 -4
  199. package/dist/EpLinkVersion-VIxCHjDt.js +0 -4
  200. package/dist/EpModal-CYy1Iu1T.js +0 -4
  201. package/dist/EpPieChart-Cpxylmzw.js +0 -4
  202. package/dist/EpQuestion-gFjB_YVU.js +0 -4
  203. package/dist/EpQuote-C2WMKC8z.js +0 -4
  204. package/dist/EpRadio-CZu2BYd-.js +0 -4
  205. package/dist/EpRadioSummative-POEEv1YI.js +0 -4
  206. package/dist/EpReading-6LKvPJl5.js +0 -4
  207. package/dist/EpResource-Bqu38I44.js +0 -4
  208. package/dist/EpScope-B04S9t4O.js +0 -4
  209. package/dist/EpSection-B9obOS7v.js +0 -4
  210. package/dist/EpSelect-DLGx5g-U.js +0 -31
  211. package/dist/EpSkeleton-rkvPpE2y.js +0 -4
  212. package/dist/EpSoftware-DmH-rUDN.js +0 -4
  213. package/dist/EpSpinner-7XiNy9LV.js +0 -4
  214. package/dist/EpSummativeTable-JWOA25gE.js +0 -4
  215. package/dist/EpSvg-Dfvodejy.js +0 -4
  216. package/dist/EpTable-C0lD6aED.js +0 -4
  217. package/dist/EpTerm-XGV0Zf2w.js +0 -4
  218. package/dist/EpText-DhHXfEHv.js +0 -4
  219. package/dist/EpTextarea-DyMM95ER.js +0 -41
  220. package/dist/EpTimeLine-CDL7liGh.js +0 -4
  221. package/dist/EpVideo-em0qb_rk.js +0 -4
  222. package/dist/EpVideoPanopto-DAMRV6HD.js +0 -4
  223. package/dist/EpWordDef-bLyQzqx8.js +0 -4
@@ -44,7 +44,7 @@ const renderText = computed(()=>{
44
44
 
45
45
  const sizeVideo = computed(()=> {
46
46
  if(props.big){
47
- return "700"
47
+ return "500"
48
48
  }
49
49
  return "360"
50
50
  })
@@ -60,9 +60,8 @@ const {src, title, hideIcon, type} = toRefs(props)
60
60
  <div v-html="renderText" ></div>
61
61
  </template>
62
62
  <template #content>
63
- <div class="max-w-screen-sm mx-auto">
63
+ <div :class="!big?'max-w-screen-sm mx-auto':''">
64
64
  <iframe :src="src" width="100%" :height="sizeVideo" frameborder="0" allowfullscreen></iframe>
65
-
66
65
  </div>
67
66
  </template>
68
67
  <!-- <template #actions>
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import { computed } from 'vue';
3
- import { GlossaryEntry } from '../../types/GlossaryEntry';
3
+ import { type GlossaryEntry } from '../../types/GlossaryEntry';
4
4
  import { useRenderText } from '../../composables/useRenderText';
5
5
  import { useRouter } from "vue-router";
6
6
 
@@ -10,10 +10,32 @@ interface Term {
10
10
 
11
11
  interface Props {
12
12
  term: Term;
13
- glossary: GlossaryEntry[]
14
- }
13
+ glossary: GlossaryEntry[];
14
+ labels?:{
15
+ information?:string;
16
+ domain?:string;
17
+ relations?: string;
18
+ definition?:string;
19
+ variations?:string;
20
+ imageDuTerme?:string;
21
+ }
22
+ }
23
+
24
+
25
+ const props = withDefaults(defineProps<Props>(), {
26
+ labels:()=>{
27
+ return {
28
+ information:"Information grammaticale",
29
+ domain:"Domaine",
30
+ relations:"Relations" ,
31
+ definition:"La definition n'est pas disponible",
32
+ variations:"Variation(s)",
33
+ imageDuTerme:"Image du terme "
34
+ }
35
+ }
36
+ });
37
+
15
38
 
16
- const props = withDefaults(defineProps<Props>(), {});
17
39
 
18
40
  const definition = computed(() => {
19
41
  return props.glossary.find(item => item.id === props.term.id)
@@ -61,23 +83,23 @@ const goto = (term:string) =>{
61
83
  </script>
62
84
 
63
85
  <template>
64
- <div>
86
+ <div class="dark:bg-gray-300">
65
87
  <div v-if="definition">
66
88
  <div class="h-min border border-stone-300 rounded-lg divide-y">
67
89
  <h2 class="text-xl font-semibold p-2">{{ definition.term }}</h2>
68
90
  <div class="flex justify-between">
69
91
  <div :class="sizeGramIngo">
70
92
  <p class="text-sm font-medium bg-stone-100 p-2">
71
- Information grammaticale
93
+ {{labels.information}}
72
94
  </p>
73
95
  <div class="px-2 py-1">{{ definition.graminfo }}</div>
74
96
  </div>
75
97
  <div :class="sizeDomain" v-if="definition.domain">
76
- <p class="text-sm font-medium bg-stone-100 p-2">Domaine</p>
98
+ <p class="text-sm font-medium bg-stone-100 p-2">{{labels.domain}}</p>
77
99
  <div class="px-2 py-1">{{ definition.domain }}</div>
78
100
  </div>
79
101
  <div :class="sizeVariations" v-if="definition.variation.length > 0">
80
- <p class="text-sm font-medium bg-stone-100 p-2">Variation(s)</p>
102
+ <p class="text-sm font-medium bg-stone-100 p-2">{{labels.variations}}</p>
81
103
  <div class="px-2 py-1">
82
104
  <span v-for="(variation, i) in definition.variation" :key="`v-${i}`">{{ variation }}{{
83
105
  definition.variation.length > i + 1 ? ", " :
@@ -91,13 +113,13 @@ const goto = (term:string) =>{
91
113
  <template v-else>
92
114
  <div class="flex">
93
115
  <div class="px-2 py-6" v-html="useRenderText(definition.definition)"></div>
94
- <img class="h-60" :src="definition.img" :alt="`Image du terme ${definition.term}`" />
116
+ <img class="h-60" :src="definition.img" :alt="`${labels.imageDuTerme} ${definition.term}`" />
95
117
  </div>
96
118
  </template>
97
119
 
98
120
  <div>
99
121
  <div v-if="definition.relation.length > 0">
100
- <p class="text-sm font-medium bg-stone-100 p-2">Relations</p>
122
+ <p class="text-sm font-medium bg-stone-100 p-2"> {{labels.relations}}</p>
101
123
  <div class="p-2">
102
124
  <template v-for="(relation, i) in findRelations(definition.relation)" :key="`relation-${i}`">
103
125
  <button class="p-1 border rounded mr-1" @click="goto(relation.term)">
@@ -109,6 +131,6 @@ const goto = (term:string) =>{
109
131
  </div>
110
132
  </div>
111
133
  </div>
112
- <div v-else>La definition n'est pas disponible</div>
134
+ <div v-else> {{labels.definition}}</div>
113
135
  </div>
114
136
  </template>
@@ -4,7 +4,7 @@ import EpDivider from "../basics/EpDivider.vue";
4
4
  import EpIcon from "../basics/EpIcon.vue";
5
5
  import EpAccordeon from "../interactions/EpAccordeon.vue";
6
6
  ///types with Capital letters... object with styles same name in lowercase
7
- import { TypeAlert, typeAlert } from "../../types/Alert";
7
+ import { type TypeAlert, typeAlert } from "../../types/Alert";
8
8
  import {useIcons} from '../../composables/useIcons'
9
9
 
10
10
  interface OldType {
@@ -2,7 +2,7 @@
2
2
  <script setup lang="ts">
3
3
 
4
4
  import { computed } from "vue";
5
- import { TypeBadge, typeBadge } from "../../types/Badge"; //"../../types/Badge";
5
+ import { type TypeBadge, typeBadge } from "../../types/Badge"; //"../../types/Badge";
6
6
 
7
7
  type Mode = "default"|"dot";
8
8
  type Color = "primary"|"secondary"|"accent"|"error"|"warning"|"success"|"info"|"question"|"tip";
@@ -21,7 +21,11 @@ interface Props {
21
21
  synchrone?: boolean;
22
22
  duration?: string | null;
23
23
  assessment?: string | null;
24
- headerImgColor?:string | null
24
+ headerImgColor?:string | null;
25
+ labels?:{
26
+ synchrone?: string;
27
+ formatif?: string;
28
+ }
25
29
  }
26
30
 
27
31
  // type, taxonomyLevel, courseCode, courseTitle, title, subtitle, height, src, color, synchrone
@@ -35,6 +39,12 @@ const props = withDefaults(defineProps<Props>(), {
35
39
  synchrone: false,
36
40
  duration: null,
37
41
  assessment: null,
42
+ labels:()=>{
43
+ return {
44
+ synchrone:"Synchrone",
45
+ formatif:"Formatif"
46
+ }
47
+ }
38
48
  });
39
49
 
40
50
 
@@ -79,9 +89,9 @@ const { title, headerImgColor, big } = toRefs(props);
79
89
 
80
90
  <div :class="`relative ${big?'mb-36':''} h-full items-end`">
81
91
  <div class="flex md:justify-end justify-center pt-5">
82
- <EpChip v-if="synchrone" :prependIcon="mdiCast">Synchrone</EpChip>
92
+ <EpChip v-if="synchrone" :prependIcon="mdiCast">{{labels.synchrone}}</EpChip>
83
93
  <EpChip v-if="duration" :prependIcon="mdiTimerOutline"> {{ duration }}</EpChip>
84
- <EpChip v-if="assessment" :prependIcon="mdiChairSchool">Formatif</EpChip>
94
+ <EpChip v-if="assessment" :prependIcon="mdiChairSchool">{{labels.formatif}}</EpChip>
85
95
  </div>
86
96
  <div class="flex w-full py-24 grow flex h-full items-center">
87
97
  <div class="mx-auto w-8/12">
@@ -27,10 +27,10 @@ interface Props {
27
27
  <div>
28
28
  <div class="flex p-2" :class = "animation" >
29
29
  <div v-if="props.type === 'circle'">
30
- <span class="shape block bg-gray-200 rounded-full dark:bg-gray-700"></span>
30
+ <span class="shape block bg-gray-200 rounded-full dark:bg-gray-300"></span>
31
31
  </div>
32
32
  <div v-else-if="props.type === 'rectangle'">
33
- <span class="shape block bg-gray-200 dark:bg-gray-700 rounded-lg"></span>
33
+ <span class="shape block bg-gray-200 dark:bg-gray-300 rounded-lg"></span>
34
34
  </div>
35
35
  </div>
36
36
  </div>
@@ -3,7 +3,7 @@ import { ref, toRefs, onMounted, computed, watch } from "vue";
3
3
  import { useImage } from '@vueuse/core'
4
4
  import { useRenderText } from "../../composables/useRenderText";
5
5
  ///types with Capital letters... object with styles same name in lowercase
6
- import { EventTimeLine, TimeLineDate, colorsTimeLine } from "../../types/TimeLine";
6
+ import { type EventTimeLine, type TimeLineDate, colorsTimeLine } from "../../types/TimeLine";
7
7
  import EpImg from "../basics/EpImg.vue";
8
8
 
9
9
  interface Props {
@@ -1,4 +0,0 @@
1
- import { Q as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { R as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { M as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { C as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { c as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { o } from "./index-Dl6z_ITi.js";
2
- export {
3
- o as default
4
- };
@@ -1,4 +0,0 @@
1
- import { d as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { e } from "./index-Dl6z_ITi.js";
2
- export {
3
- e as default
4
- };
@@ -1,4 +0,0 @@
1
- import { f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { y as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,19 +0,0 @@
1
- import { defineComponent as m, ref as u, onMounted as h, openBlock as o, createElementBlock as n, createCommentVNode as a } from "vue";
2
- const d = { key: 0 }, i = { key: 1 }, f = /* @__PURE__ */ m({
3
- __name: "EpDarkmode",
4
- setup(g) {
5
- const r = (e) => {
6
- localStorage.setItem("user-theme", e), t.value = e, document.documentElement.className = e;
7
- }, c = () => localStorage.getItem("user-theme"), s = () => {
8
- const e = localStorage.getItem("user-theme");
9
- r(e === "light" ? "dark" : "light");
10
- }, l = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", t = u(c() || l());
11
- return h(() => r(t.value)), (e, k) => (o(), n("button", { onClick: s }, [
12
- t.value === "dark" ? (o(), n("span", d, " ☀️ ")) : a("", !0),
13
- t.value === "light" ? (o(), n("span", i, " 🌙 ")) : a("", !0)
14
- ]));
15
- }
16
- });
17
- export {
18
- f as default
19
- };
@@ -1,4 +0,0 @@
1
- import { g as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { r } from "./index-Dl6z_ITi.js";
2
- export {
3
- r as default
4
- };
@@ -1,4 +0,0 @@
1
- import { h as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { N as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,56 +0,0 @@
1
- import { defineComponent as y, toRefs as g, computed as k, ref as c, openBlock as n, createElementBlock as i, createElementVNode as o, toDisplayString as p, unref as m, Fragment as C, renderList as P, normalizeClass as $, normalizeStyle as b, createCommentVNode as w } from "vue";
2
- const z = { class: "text-xl font-bold" }, B = { class: "relative" }, L = ["src", "alt"], M = ["onClick"], E = {
3
- key: 0,
4
- class: "absolute inset-0 flex items-center justify-center bg-black bg-opacity-5 px-2"
5
- }, H = { class: "mx-2 bg-white p-2 shadow-md" }, R = ["innerHTML"], N = /* @__PURE__ */ y({
6
- __name: "EpHotsPot",
7
- props: {
8
- id: {},
9
- imageURL: {},
10
- title: {},
11
- infoButtons: {}
12
- },
13
- setup(f) {
14
- const l = f, { title: d, imageURL: _ } = g(l), h = k(() => l.infoButtons ? l.infoButtons.map((t) => {
15
- let e = "translateX(-50%)";
16
- t.horizontalPosition === 0 ? e = "" : t.horizontalPosition === 100 && (e = "translateX(-100%)"), t.verticalPosition === 100 && (e = `translateY(-100%) ${e}`);
17
- const s = `transform: ${e}; top: ${t.verticalPosition}%; left: ${t.horizontalPosition}%;`;
18
- return { ...t, position: s };
19
- }) : []), a = c(!1), r = c(""), u = c(""), v = (t, e) => {
20
- a.value = !0, r.value = e, u.value = t;
21
- }, x = () => {
22
- a.value = !1, r.value = "";
23
- };
24
- return (t, e) => (n(), i("div", null, [
25
- o("h2", z, p(m(d)), 1),
26
- o("div", B, [
27
- o("img", {
28
- src: m(_),
29
- alt: `l'image de ${m(d)}`
30
- }, null, 8, L),
31
- (n(!0), i(C, null, P(h.value, (s) => (n(), i("button", {
32
- key: s.id,
33
- onClick: (D) => v(s.title, s.content),
34
- class: $("absolute text-white px-4 py-2 shadow-md bg-primary"),
35
- style: b(`${s.position}`)
36
- }, "+", 12, M))), 128)),
37
- a.value ? (n(), i("div", E, [
38
- o("div", H, [
39
- o("h4", null, p(u.value), 1),
40
- o("div", {
41
- innerHTML: r.value,
42
- class: "text-sm"
43
- }, null, 8, R),
44
- o("button", {
45
- onClick: x,
46
- class: "mt-4 bg-primary text-white px-2 py-1 text-sm"
47
- }, " Fermer ")
48
- ])
49
- ])) : w("", !0)
50
- ])
51
- ]));
52
- }
53
- });
54
- export {
55
- N as default
56
- };
@@ -1,4 +0,0 @@
1
- import { i as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { D as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { j as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { p as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { E as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { F as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { z as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { q as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { A as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { O as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { w as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { x as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { b as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { s } from "./index-Dl6z_ITi.js";
2
- export {
3
- s as default
4
- };
@@ -1,4 +0,0 @@
1
- import { t } from "./index-Dl6z_ITi.js";
2
- export {
3
- t as default
4
- };
@@ -1,4 +0,0 @@
1
- import { k as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,31 +0,0 @@
1
- import { defineComponent as o, openBlock as t, createElementBlock as a, createElementVNode as e, createVNode as l, unref as n, createStaticVNode as d } from "vue";
2
- import { c as s, v as p } from "./index-Dl6z_ITi.js";
3
- const b = { class: "relative h-10 w-72 min-w-[200px]" }, f = ["disabled"], i = /* @__PURE__ */ d('<option value="option">Choisissez une option</option><option value="vanderpoel">Van Der Poel</option><option value="vanaert">Van Aert</option><option value="pogacar">Pogacar</option><option value="evenepoel">Evenepoel</option>', 5), u = [
4
- i
5
- ], c = /* @__PURE__ */ e("label", { class: "before:content[' '] after:content[' '] pointer-events-none absolute left-0 border-red-500 -top-1.5 flex h-full w-full select-none text-[11px] font-normal leading-tight text-blue-gray-400 transition-all before:pointer-events-none before:mt-[6.5px] before:mr-1 before:box-border before:block before:h-1.5 before:w-2.5 before:rounded-tl-md before:border-t before:border-l before:border-blue-gray-200 before:transition-all after:pointer-events-none after:mt-[6.5px] after:ml-1 after:box-border after:block after:h-1.5 after:w-2.5 after:flex-grow after:rounded-tr-md after:border-t after:border-r after:border-blue-gray-200 after:transition-all peer-placeholder-shown:text-sm peer-placeholder-shown:leading-[3.75] peer-placeholder-shown:text-blue-gray-500 peer-placeholder-shown:before:border-transparent peer-placeholder-shown:after:border-transparent peer-focus:text-[11px] peer-focus:leading-tight peer-focus:text-blue-500 peer-focus:before:border-t-2 peer-focus:before:border-l-2 peer-focus:before:border-blue-500 peer-focus:after:border-t-2 peer-focus:after:border-r-2 peer-focus:after:border-blue-500 peer-disabled:text-transparent peer-disabled:before:border-transparent peer-disabled:after:border-transparent peer-disabled:peer-placeholder-shown:text-blue-gray-500" }, " Quel est le meilleur cycliste ", -1), _ = /* @__PURE__ */ o({
6
- __name: "EpSelect",
7
- props: {
8
- id: { default: "0" },
9
- label: { default: "label" },
10
- modelValue: { default: "" },
11
- type: { default: "text" },
12
- placeholder: { default: "" },
13
- iconPath: { default: "" },
14
- iconSize: { default: "" },
15
- disabled: { type: Boolean, default: !1 },
16
- readonly: { type: Boolean }
17
- },
18
- setup(h) {
19
- return (r, m) => (t(), a("div", b, [
20
- e("select", {
21
- disabled: r.disabled,
22
- class: "peer h-full w-full rounded-[7px] border border-neutral-300 border-t-transparent bg-transparent px-3 py-2.5 font-sans text-sm font-normal text-blue-gray-700 outline outline-0 transition-all placeholder-shown:border placeholder-shown:border-blue-gray-200 placeholder-shown:border-t-blue-gray-200 empty:!bg-red-500 focus:border-2 focus:border-blue-500 focus:border-t-transparent focus:outline-4 placeholder-shown:outline-0 disabled:border-0 disabled:cursor-not-allowed disabled:bg-neutral-200 focus:ring-0"
23
- }, u, 8, f),
24
- c,
25
- l(s, { iconPath: n(p) }, null, 8, ["iconPath"])
26
- ]));
27
- }
28
- });
29
- export {
30
- _ as default
31
- };
@@ -1,4 +0,0 @@
1
- import { P as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { G as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { l as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { B as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { H as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { m } from "./index-Dl6z_ITi.js";
2
- export {
3
- m as default
4
- };
@@ -1,4 +0,0 @@
1
- import { _ as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { n as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,41 +0,0 @@
1
- import { defineComponent as l, toRefs as a, openBlock as n, createElementBlock as d, createElementVNode as e, unref as s } from "vue";
2
- const f = { class: "w-96" }, b = { class: "relative w-full min-w-[200px]" }, p = ["disabled"], u = /* @__PURE__ */ e("label", { class: "before:content[' '] after:content[' '] pointer-events-none absolute left-0 -top-1.5 flex h-full w-full select-none text-[11px] font-normal leading-tight text-blue-400 transition-all before:pointer-events-none before:mt-[6.5px] before:mr-1 before:box-border before:block before:h-1.5 before:w-2.5 before:rounded-tl-md before:border-t before:border-l before:border-neutral-300 before:transition-all after:pointer-events-none after:mt-[6.5px] after:ml-1 after:box-border after:block after:h-1.5 after:w-2.5 after:flex-grow after:rounded-tr-md after:border-t after:border-r after:border-neutral-300 after:transition-all peer-placeholder-shown:text-sm peer-placeholder-shown:leading-[3.75] peer-placeholder-shown:text-blue-500 peer-placeholder-shown:before:border-transparent peer-placeholder-shown:after:border-transparent peer-focus:text-[11px] peer-focus:leading-tight peer-focus:text-blue-500 peer-focus:before:border-t-2 peer-focus:before:border-l-2 peer-focus:before:border-blue-500 peer-focus:after:border-t-2 peer-focus:after:border-r-2 peer-focus:after:border-blue-500 peer-disabled:text-transparent peer-disabled:before:border-transparent peer-disabled:after:border-transparent peer-disabled:peer-placeholder-shown:text-blue-500" }, " Message ", -1), B = /* @__PURE__ */ l({
3
- __name: "EpTextarea",
4
- props: {
5
- id: { default: "0" },
6
- label: { default: "label" },
7
- modelValue: { default: "" },
8
- type: { default: "text" },
9
- placeholder: { default: "" },
10
- iconPath: { default: "" },
11
- iconSize: { default: "" },
12
- disabled: { type: Boolean, default: !1 },
13
- readonly: { type: Boolean, default: !1 }
14
- },
15
- emits: ["update:modelValue"],
16
- setup(r, { emit: i }) {
17
- const t = r, {
18
- id: c,
19
- label: h,
20
- type: x,
21
- modelValue: m,
22
- placeholder: w,
23
- iconPath: _,
24
- disabled: o,
25
- readonly: g
26
- } = a(t);
27
- return (y, v) => (n(), d("div", f, [
28
- e("div", b, [
29
- e("textarea", {
30
- disabled: s(o),
31
- class: "peer h-full min-h-[100px] w-full resize-none rounded-[7px] border border-neutral-300 bg-transparent px-3 py-2.5 font-sans text-sm font-normal text-neutral-700 outline outline-0 transition-all placeholder-shown:border placeholder-shown:border-neutral-300 placeholder-shown:border-t-neutral-200 focus:border-2 focus:border-blue-500 focus:border-t-transparent focus:outline-0 disabled:resize-none disabled:border-0 disabled:bg-neutral-100 disabled:cursor-not-allowed disabled:bg-neutral-200 focus:ring-0",
32
- placeholder: " "
33
- }, null, 8, p),
34
- u
35
- ])
36
- ]));
37
- }
38
- });
39
- export {
40
- B as default
41
- };
@@ -1,4 +0,0 @@
1
- import { I as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { J as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { K as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { L as f } from "./index-Dl6z_ITi.js";
2
- export {
3
- f as default
4
- };