ep-lib-ts 1.0.40 → 1.0.41

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 (131) hide show
  1. package/dist/BgAudio-CMLWbfvr.js +4 -0
  2. package/dist/DisplayBox-CkdBJBJI.js +4 -0
  3. package/dist/EpAlert-JlMrEObi.js +4 -0
  4. package/dist/EpAudio-VrcGJ8Db.js +4 -0
  5. package/dist/EpAvatar-Ca-kk6EZ.js +4 -0
  6. package/dist/EpBadge-CHvJucWe.js +4 -0
  7. package/dist/EpBarChart-GDpWcGfE.js +4 -0
  8. package/dist/{EpBranchingScenario-HmQ5tqNL.js → EpBranchingScenario-B8nLWki3.js} +1 -1
  9. package/dist/EpBtn-BgZFFhTL.js +4 -0
  10. package/dist/EpCard-DmS1N4pN.js +4 -0
  11. package/dist/EpCardLink-Du6iFSbt.js +4 -0
  12. package/dist/EpChip-CQIXizba.js +4 -0
  13. package/dist/EpCodeblock-CO2UezAG.js +4 -0
  14. package/dist/EpConclusion-YppTRVL7.js +4 -0
  15. package/dist/EpContentSlider-BjLPOtgZ.js +4 -0
  16. package/dist/{EpDarkmode-DgXjweO7.js → EpDarkmode-CLUPVaGp.js} +1 -1
  17. package/dist/EpDescription-BluJojgg.js +4 -0
  18. package/dist/EpDivider-Brr8kzMH.js +4 -0
  19. package/dist/EpEdu-BH5FJYem.js +4 -0
  20. package/dist/EpFlex-CsE9C11l.js +4 -0
  21. package/dist/EpFunnelChart-kp3owMAz.js +4 -0
  22. package/dist/EpHeader-DlGGG1Ox.js +4 -0
  23. package/dist/EpHover-DiGD6FNb.js +4 -0
  24. package/dist/EpHoverCard-CRH3waVN.js +4 -0
  25. package/dist/EpIcon-JTYiKf6o.js +4 -0
  26. package/dist/EpIframe-C85RzQXY.js +4 -0
  27. package/dist/EpImg-3gIPftrs.js +4 -0
  28. package/dist/{EpInput-CaN-TCpG.js → EpInput-D-lI-MYS.js} +1 -1
  29. package/dist/EpInstructions-CCIIJ_5a.js +4 -0
  30. package/dist/EpIntroduction-C5FDH-eg.js +4 -0
  31. package/dist/EpLineChart-BBDY2nda.js +4 -0
  32. package/dist/EpLink-Chfta119.js +4 -0
  33. package/dist/EpLinkVersion-CRbgskhy.js +4 -0
  34. package/dist/{EpList-DqsIwnA9.js → EpList-CeH9eeTi.js} +1 -1
  35. package/dist/EpModal-CEx1yWoh.js +4 -0
  36. package/dist/{EpNothing-rOIFtbf1.js → EpNothing-Bwd2205p.js} +1 -1
  37. package/dist/EpObjective-D_x_naQR.js +4 -0
  38. package/dist/EpPieChart-DBzthvBJ.js +4 -0
  39. package/dist/EpQuestion-D68TXvhg.js +4 -0
  40. package/dist/EpQuote-B5-VP9kL.js +4 -0
  41. package/dist/EpRadio-C2vq4jeY.js +4 -0
  42. package/dist/EpRadioSummative-DVSBMKNj.js +4 -0
  43. package/dist/EpReading-DP_1KWfr.js +4 -0
  44. package/dist/EpResource-CZM0gU_7.js +4 -0
  45. package/dist/EpScope-meZPX883.js +4 -0
  46. package/dist/EpSection-DWBhTaGz.js +4 -0
  47. package/dist/EpSectionCols-BUZpP7cZ.js +4 -0
  48. package/dist/EpSkeleton-7Tvxhm2e.js +4 -0
  49. package/dist/EpSoftware-D8ywQVK4.js +4 -0
  50. package/dist/EpSpecificObjective-BDzEXe-b.js +4 -0
  51. package/dist/EpSpinner-D9qcDsKm.js +4 -0
  52. package/dist/EpStackedList-DzzMxNDW.js +4 -0
  53. package/dist/EpSummativeTable-DayT2lg3.js +4 -0
  54. package/dist/EpSvg-3oOPTl7O.js +4 -0
  55. package/dist/EpTable-3w26nmve.js +4 -0
  56. package/dist/EpTerm-_uESciRE.js +4 -0
  57. package/dist/EpText-Sgr5ar-O.js +4 -0
  58. package/dist/EpTimeLine-CS6zF8B3.js +4 -0
  59. package/dist/EpVideo-B2F1gl9a.js +4 -0
  60. package/dist/EpVideoPanopto-8uQxH62t.js +4 -0
  61. package/dist/EpWordDef-C9Ge9yT1.js +4 -0
  62. package/dist/components/basics/EpStackedList.vue.d.ts +4 -0
  63. package/dist/components/medias/EpCarousel.vue.d.ts +4 -0
  64. package/dist/ep-lib-ts.js +1 -1
  65. package/dist/ep-lib-ts.umd.cjs +198 -199
  66. package/dist/{index-BIs_9STK.js → index-DZl7ARpM.js} +1 -1
  67. package/dist/{index-mAWa7blx.js → index-Nv4nmsHW.js} +1412 -1411
  68. package/dist/{prism-EB5WECGI.js → prism-DOVb2y1O.js} +1 -1
  69. package/dist/style.css +1 -1
  70. package/dist/types/Hover.d.ts +1 -1
  71. package/dist/types/StackedList.d.ts +2 -2
  72. package/package.json +2 -2
  73. package/src/components/basics/EpStackedList.vue +29 -31
  74. package/src/components/interactions/EpContentSlider.vue +1 -1
  75. package/src/components/medias/EpCarousel.vue +8 -2
  76. package/dist/BgAudio-o-6UyPLQ.js +0 -4
  77. package/dist/DisplayBox-kNQglpGH.js +0 -4
  78. package/dist/EpAlert-DyFkfcBY.js +0 -4
  79. package/dist/EpAudio-D33uLLKW.js +0 -4
  80. package/dist/EpAvatar-VKpJzHex.js +0 -4
  81. package/dist/EpBadge-BZKe8gkM.js +0 -4
  82. package/dist/EpBarChart-DSbJgjP4.js +0 -4
  83. package/dist/EpBtn-eQgJ7t7X.js +0 -4
  84. package/dist/EpCard-DmkbiqF8.js +0 -4
  85. package/dist/EpCardLink-CZktIRDZ.js +0 -4
  86. package/dist/EpChip-CvPvgb7r.js +0 -4
  87. package/dist/EpCodeblock-CWJ6fozJ.js +0 -4
  88. package/dist/EpConclusion-B5-N829f.js +0 -4
  89. package/dist/EpContentSlider-CwCS1urD.js +0 -4
  90. package/dist/EpDescription-CpkftJ_t.js +0 -4
  91. package/dist/EpDivider-Cm9VAuRM.js +0 -4
  92. package/dist/EpEdu-l9pEISFf.js +0 -4
  93. package/dist/EpFlex-C5fyq8lg.js +0 -4
  94. package/dist/EpFunnelChart-CH_6LUvo.js +0 -4
  95. package/dist/EpHeader-CCvORAE4.js +0 -4
  96. package/dist/EpHover-oFN3yCY9.js +0 -4
  97. package/dist/EpHoverCard-CtASruWi.js +0 -4
  98. package/dist/EpIcon-CbmGlHE2.js +0 -4
  99. package/dist/EpIframe-Dnb7aND_.js +0 -4
  100. package/dist/EpImg-DB5ZMjSu.js +0 -4
  101. package/dist/EpInstructions-CaWQD2qB.js +0 -4
  102. package/dist/EpIntroduction-CI0_D2yu.js +0 -4
  103. package/dist/EpLineChart-LJX0c0Nf.js +0 -4
  104. package/dist/EpLink-DPB7Nepc.js +0 -4
  105. package/dist/EpLinkVersion-CKWqW5AF.js +0 -4
  106. package/dist/EpModal-B97mL5T-.js +0 -4
  107. package/dist/EpObjective-rFX5IDy3.js +0 -4
  108. package/dist/EpPieChart-BS4qEe0K.js +0 -4
  109. package/dist/EpQuestion-D1jwZMyZ.js +0 -4
  110. package/dist/EpQuote-C4fI2kxZ.js +0 -4
  111. package/dist/EpRadio-mIf2ff8X.js +0 -4
  112. package/dist/EpRadioSummative-Bx66akYL.js +0 -4
  113. package/dist/EpReading-BFoNTxDy.js +0 -4
  114. package/dist/EpResource-8CZRcYtG.js +0 -4
  115. package/dist/EpScope-DTfD4VEM.js +0 -4
  116. package/dist/EpSection-CcxIByfH.js +0 -4
  117. package/dist/EpSectionCols-t1k3weXM.js +0 -4
  118. package/dist/EpSkeleton-BlWjhOMG.js +0 -4
  119. package/dist/EpSoftware-BENDV3kt.js +0 -4
  120. package/dist/EpSpecificObjective-ByRW9R5i.js +0 -4
  121. package/dist/EpSpinner-C6KTvwwF.js +0 -4
  122. package/dist/EpStackedList-CyBiCT2q.js +0 -4
  123. package/dist/EpSummativeTable-7eMF30pz.js +0 -4
  124. package/dist/EpSvg-gHmfbp0I.js +0 -4
  125. package/dist/EpTable-hgRLqA3o.js +0 -4
  126. package/dist/EpTerm-DQhi12a3.js +0 -4
  127. package/dist/EpText-BVr0yeDd.js +0 -4
  128. package/dist/EpTimeLine-CqfJ9LEU.js +0 -4
  129. package/dist/EpVideo-cJCwDUcG.js +0 -4
  130. package/dist/EpVideoPanopto-CslIPs2L.js +0 -4
  131. package/dist/EpWordDef-DiIZxUFD.js +0 -4
@@ -1,4 +1,4 @@
1
- import { a7 as V, a8 as W } from "./index-mAWa7blx.js";
1
+ import { a7 as V, a8 as W } from "./index-Nv4nmsHW.js";
2
2
  function ee(S, P) {
3
3
  for (var i = 0; i < P.length; i++) {
4
4
  const g = P[i];
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .content[data-v-3a321611]{max-height:0;overflow:hidden}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{margin:auto;max-height:95%;transition:all .3s ease;z-index:9999}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.custom_index{z-index:9999;position:absolute;right:12rem}pre{white-space:break-spaces}.shape{height:var(--57a4c52c);width:var(--32b5e5ba)}.v-enter-active[data-v-a9b3f460],.v-leave-active[data-v-a9b3f460]{transition:opacity .5s ease}.v-enter-from[data-v-a9b3f460],.v-leave-to[data-v-a9b3f460]{opacity:0}.katex[data-v-a5d595cd]{font-size:1.6em}.content[data-v-713dbd30]{max-height:0;overflow:hidden}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}@keyframes fade-07c75699{0%{opacity:0}to{opacity:1}}@keyframes scale-07c75699{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideY-07c75699{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade[data-v-07c75699]{animation:fade-07c75699 1s}.scale[data-v-07c75699]{animation:scale-07c75699 1s}.slideY[data-v-07c75699]{animation:slideY-07c75699 1s}.path-item[data-v-07c75699]{position:relative}.path-item[data-v-07c75699]:after{content:"";position:absolute;top:50%;right:100%;width:60px;height:4px;background-color:#374151}.arrow-light-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.2) transparent transparent transparent}.arrow-dark-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.arrow-light-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid #eee;border-left:7px solid transparent;border-bottom-color:#0003}.arrow-dark-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid black;border-left:7px solid transparent;border-bottom-color:black transparent transparent transparent}.arrow-light-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid #eee;border-bottom:5px solid transparent;border-left-color:#0003}.arrow-dark-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid black;border-bottom:5px solid transparent;border-left-color:black transparent transparent transparent}.arrow-light-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid #eee;border-bottom:5px solid transparent;border-right-color:#0003}.arrow-dark-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid black;border-bottom:5px solid transparent;border-right-color:black transparent transparent transparent}
1
+ .content[data-v-3a321611]{max-height:0;overflow:hidden}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{margin:auto;max-height:95%;transition:all .3s ease;z-index:9999}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.custom_index{z-index:9999;position:absolute;right:12rem}pre{white-space:break-spaces}.shape{height:var(--57a4c52c);width:var(--32b5e5ba)}.v-enter-active[data-v-db51ac3b],.v-leave-active[data-v-db51ac3b]{transition:opacity .5s ease}.v-enter-from[data-v-db51ac3b],.v-leave-to[data-v-db51ac3b]{opacity:0}.katex[data-v-a5d595cd]{font-size:1.6em}.content[data-v-713dbd30]{max-height:0;overflow:hidden}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}@keyframes fade-07c75699{0%{opacity:0}to{opacity:1}}@keyframes scale-07c75699{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideY-07c75699{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade[data-v-07c75699]{animation:fade-07c75699 1s}.scale[data-v-07c75699]{animation:scale-07c75699 1s}.slideY[data-v-07c75699]{animation:slideY-07c75699 1s}.path-item[data-v-07c75699]{position:relative}.path-item[data-v-07c75699]:after{content:"";position:absolute;top:50%;right:100%;width:60px;height:4px;background-color:#374151}.arrow-light-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.2) transparent transparent transparent}.arrow-dark-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.arrow-light-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid #eee;border-left:7px solid transparent;border-bottom-color:#0003}.arrow-dark-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid black;border-left:7px solid transparent;border-bottom-color:black transparent transparent transparent}.arrow-light-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid #eee;border-bottom:5px solid transparent;border-left-color:#0003}.arrow-dark-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid black;border-bottom:5px solid transparent;border-left-color:black transparent transparent transparent}.arrow-light-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid #eee;border-bottom:5px solid transparent;border-right-color:#0003}.arrow-dark-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid black;border-bottom:5px solid transparent;border-right-color:black transparent transparent transparent}
@@ -1,3 +1,3 @@
1
1
  export type Animation = "" | "scale" | "translateY" | "translateX";
2
2
  export type TextSize = "text-sm" | "text-lg" | "text-xl" | "text-2xl" | "text-3xl" | "text-4xl" | "text-5xl" | "text-6xl";
3
- export type MaxWidth = "max-w-xs" | "max-w-sm:" | "max-w-md" | "max-w-lg" | "max-w-xl" | "max-w-2xl";
3
+ export type MaxWidth = "max-w-xs" | "max-w-sm" | "max-w-md" | "max-w-lg" | "max-w-xl" | "max-w-2xl";
@@ -1,4 +1,3 @@
1
- import { ContentComponents } from './Component';
2
1
  type Color = "primary" | "secondary" | "accent" | "error" | "warning" | "success" | "info" | "question" | "tip";
3
2
  type Variant = "circle" | "square" | "rounded";
4
3
  type Size = "small" | "middle" | "big";
@@ -12,7 +11,8 @@ export interface ListItem {
12
11
  avatar?: Avatar;
13
12
  title: string;
14
13
  description: string;
15
- component?: ContentComponents;
14
+ url?: string;
15
+ icon?: string;
16
16
  }
17
17
  export interface AvatarStyle {
18
18
  color?: Color;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ep-lib-ts",
3
3
  "private": false,
4
- "version": "1.0.40",
4
+ "version": "1.0.41",
5
5
  "files": [
6
6
  "dist",
7
7
  "src/components/"
@@ -55,7 +55,7 @@
55
55
  "typescript": "^5.6.2",
56
56
  "vite": "^5.4.5",
57
57
  "vite-plugin-dts": "^3.9.0",
58
- "vue-tsc": "^2.2.4"
58
+ "vue-tsc": "^2.2.8"
59
59
  },
60
60
  "peerDependencies": {
61
61
  "vue": "^3.2.45"
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
2
  import { computed, defineAsyncComponent } from 'vue';
3
3
  import EpAvatar from './EpAvatar.vue';
4
+ import EpIcon from './EpIcon.vue';
4
5
  import { useRenderText } from '../../composables/useRenderText';
5
- import type { EpComponent } from '../../types/Component';
6
6
 
7
7
  // Importing the necessary interfaces for the code
8
8
  import { type ListItem, type AvatarStyle, type RoundedStyle, roundedType } from '../../types/StackedList';
@@ -16,6 +16,7 @@ interface Props {
16
16
  restricted?:boolean;
17
17
  cropped?:boolean;
18
18
  avatarStyle?: AvatarStyle;
19
+ iconSize?:number|string
19
20
  }
20
21
 
21
22
  const props = withDefaults(defineProps<Props>(),{
@@ -26,7 +27,8 @@ const props = withDefaults(defineProps<Props>(),{
26
27
  border:true,
27
28
  rounded:"small",
28
29
  restricted:false,
29
- cropped:false
30
+ cropped:false,
31
+ iconSize:36
30
32
  });
31
33
 
32
34
 
@@ -34,48 +36,44 @@ const props = withDefaults(defineProps<Props>(),{
34
36
  const className = computed(() => {
35
37
  const border = (props.border === false)? 'border-0' : 'border';
36
38
  const rounded = roundedType[(props.rounded)? props.rounded : 'small'];
37
- const padding = (props.restricted)? 'p-0' : 'p-4';
39
+ const padding = (props.restricted)? 'p-0' : 'p-2';
38
40
  return `${border} ${rounded} ${padding}`;
39
41
  })
40
42
 
41
43
 
42
44
  // The style of the list elements
43
- const elementSpacing = computed(() => (props.restricted)? 'p-6' : 'mx-6 py-6');
45
+ const elementSpacing = computed(() => (props.restricted)? 'p-3' : 'mx-6 py-4');
44
46
 
45
47
  const elementGrid = (element: Record<string, any>|undefined) => {
46
48
  return element?'grid-cols-11' : 'grid-cols-7'
47
49
  }
48
50
 
49
- //get Component asyncComponent
50
- const getCompontent = (name:EpComponent|undefined)=> {
51
- if(!name){
52
- return defineAsyncComponent(()=>import('../signages/EpNothing.vue'))
53
- }
54
- //!IMPORT IN SAME FOLDER PATH!! EpIcon and EpBtn
55
- return defineAsyncComponent(()=>import(/* @vite-ignore */`./${name}.vue`))
56
- }
57
-
58
51
  </script>
59
52
 
60
53
  <template>
61
-
62
- <div :class="`${className} border-gray-200 flex flex-col dark:border-slate-700 dark:bg-slate-900 lg:mx-28`">
63
- <li v-for="elem in elements" :key="elements.indexOf(elem)" :class="`${(elements.indexOf(elem) !== 0)? 'border-t' : ''} list-none ${elementSpacing} grid grid-cols-11 justify-items-center items-center border-gray-200 dark:border-slate-700`">
64
- <EpAvatar v-if="elem.avatar" :name="elem.avatar?.name" :src="elem.avatar?.src" :alt="elem.avatar?.alt" v-bind="avatarStyle" class="col-span-2" />
65
- <div class="col-span-5 justify-self-start">
66
- <h3 class="font-semibold">{{ elem.title }}</h3>
67
- <div :class="`${(cropped)? 'line-clamp-3': ''}`" v-html="useRenderText(elem.description)"></div>
68
- </div>
69
- <div v-if="elem.component" class="flex gap-2 items-center col-span-4 justify-self-auto">
70
-
71
- <!--update component type-->
72
- <Component :is="getCompontent(elem.component.type)" v-bind="{...elem.component.data}">
73
- {{ elem.component.data.content }}
74
- </Component>
75
- </div>
76
- </li>
77
- </div>
78
-
54
+ <ul :class="`${className} border-gray-200 flex flex-col dark:border-slate-700 dark:bg-slate-900 lg:mx-28`">
55
+ <template v-for="elem in elements" :key="elements.indexOf(elem)">
56
+ <li :class="`${(elements.indexOf(elem) !== 0)? 'border-t' : ''} list-none`">
57
+ <component
58
+ :is="elem.url ? 'a' : 'div'"
59
+ v-bind="elem.url ? { href: elem.url, target: '_blank', rel: 'noopener noreferrer' } : {}"
60
+ :class="`contents`"
61
+ >
62
+ <div :class="`${elementSpacing} ${elem.url?'hover:bg-gray-50 dark:hover:bg-slate-800':''} grid grid-cols-11 justify-items-center items-center border-gray-200 dark:border-slate-700`">
63
+ <EpAvatar v-if="elem.avatar" :name="elem.avatar?.name" :src="elem.avatar?.src" :alt="elem.avatar?.alt" v-bind="avatarStyle" class="col-span-2" />
64
+ <div class="col-span-5 justify-self-start">
65
+ <h3 class="font-semibold">{{ elem.title }}</h3>
66
+ <div :class="`${(cropped)? 'line-clamp-3': ''}`" v-html="useRenderText(elem.description)"></div>
67
+ </div>
68
+ <!--element icon-->
69
+ <div v-if="elem.icon" class="flex gap-2 items-center col-span-4 justify-self-auto">
70
+ <EpIcon :icon-path="elem.icon" :size="iconSize"/>
71
+ </div>
72
+ </div>
73
+ </component>
74
+ </li>
75
+ </template>
76
+ </ul>
79
77
  </template>
80
78
 
81
79
 
@@ -82,7 +82,7 @@ const updateSlideRefs = (el: Element | ComponentPublicInstance | null, index: nu
82
82
  class="relative h-[600px] flex flex-col p-6 bg-zinc-100 dark:bg-dark w-full overflow-hidden rounded-lg shadow-xl">
83
83
  <!-- Header section with navigation -->
84
84
  <div class="flex justify-between items-center pb-3 mb-3 border-b-2 border-gray-600 dark:border-gray-300">
85
- <h5 class="text-xl font-bold text-primary">{{ currentSlide.title }}</h5>
85
+ <h5 class="text-2xl font-bold text-primary">{{ currentSlide.title }}</h5>
86
86
  <div class="flex items-center space-x-3" v-if="props.slides.length">
87
87
  <!-- Bullets -->
88
88
  <div class="flex space-x-2">
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import { toRefs, ref } from "vue";
2
+ import { toRefs, ref, computed } from "vue";
3
3
  import { mdiChevronLeftCircleOutline } from "@mdi/js";
4
4
  import { mdiChevronRightCircleOutline } from "@mdi/js";
5
5
  import { type MediaCarousel } from "../../types/MediaCarousel";
@@ -13,6 +13,7 @@ interface Props {
13
13
  carrouselImg: MediaCarousel[];
14
14
  gallery?: boolean;
15
15
  sizeThumbnail?: SizeThumbnail;
16
+ isCenter?:boolean;
16
17
  labelClose?:string;
17
18
  labelRef?:string;
18
19
  labelRefLib?:string;
@@ -20,6 +21,7 @@ interface Props {
20
21
 
21
22
  const props = withDefaults(defineProps<Props>(), {
22
23
  gallery: false,
24
+ isCenter:false,
23
25
  sizeThumbnail: "medium",
24
26
  labelRef:"Référence",
25
27
  labelClose:"Fermer",
@@ -44,6 +46,10 @@ const nextSlide = () => {
44
46
  currentIndex.value = newIndex;
45
47
  };
46
48
 
49
+ const isCenterStyle = computed(()=> {
50
+ return props.isCenter ? 'justify-center':''
51
+ })
52
+
47
53
  const { carrouselImg, sizeThumbnail } = toRefs(props);
48
54
  </script>
49
55
 
@@ -93,7 +99,7 @@ const { carrouselImg, sizeThumbnail } = toRefs(props);
93
99
  </div>
94
100
  </EpModal>
95
101
  </div>
96
- <div v-else class="flex flex-wrap">
102
+ <div v-else :class="`flex flex-wrap ${isCenterStyle}`">
97
103
  <template v-for="image in carrouselImg" :key="`image-${image?.uid}`">
98
104
  <EpImg
99
105
  :src="image.src"
@@ -1,4 +0,0 @@
1
- import { a5 as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a6 as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a1 as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { R as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { c as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { d as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { t } from "./index-mAWa7blx.js";
2
- export {
3
- t as default
4
- };
@@ -1,4 +0,0 @@
1
- import { e } from "./index-mAWa7blx.js";
2
- export {
3
- e as default
4
- };
@@ -1,4 +0,0 @@
1
- import { f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { S as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { g as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { z as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { A as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { M as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { B as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { h as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { C as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { i as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { u as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a2 as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { j as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { k as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { l as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { T as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { m } from "./index-mAWa7blx.js";
2
- export {
3
- m as default
4
- };
@@ -1,4 +0,0 @@
1
- import { D as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { E as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { v as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { U as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { V as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { O as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { F as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { w as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { P as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a3 as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { K as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { L as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { b as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { G as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { H as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { n as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { o } from "./index-mAWa7blx.js";
2
- export {
3
- o as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a4 as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { W as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { I as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { p as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { q as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { Q as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { X as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { r } from "./index-mAWa7blx.js";
2
- export {
3
- r as default
4
- };
@@ -1,4 +0,0 @@
1
- import { _ as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { s } from "./index-mAWa7blx.js";
2
- export {
3
- s as default
4
- };
@@ -1,4 +0,0 @@
1
- import { Y as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { Z as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { $ as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a0 as f } from "./index-mAWa7blx.js";
2
- export {
3
- f as default
4
- };