ep-lib-ts 1.0.8 → 1.0.10
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.
- package/dist/BgAudio-BW3s-J98.js +4 -0
- package/dist/DisplayBox-CTGmHWwp.js +4 -0
- package/dist/EpAlert-BN0uqZ19.js +4 -0
- package/dist/EpAudio-BatYrOnD.js +4 -0
- package/dist/EpBadge-BGSqBSRs.js +4 -0
- package/dist/EpBarChart-CpRALfka.js +4 -0
- package/dist/EpBtn-dmMQ5usp.js +4 -0
- package/dist/EpCard-C6yq5pOX.js +4 -0
- package/dist/EpChip-JDZ8plRZ.js +4 -0
- package/dist/EpContentSlider-D2QTS76x.js +4 -0
- package/dist/{EpDarkmode-BYMjBRp5.js → EpDarkmode-DnxTsZo2.js} +1 -1
- package/dist/EpDivider-BTRLX4uO.js +4 -0
- package/dist/EpEdu-BPZ8diE3.js +4 -0
- package/dist/EpFlex-B6jt6IJL.js +4 -0
- package/dist/EpFunnelChart-BDykK5Fg.js +4 -0
- package/dist/EpHeader-CE3fYJ-C.js +4 -0
- package/dist/{EpHover-BOo9CvO_.js → EpHover-_kbMSGB8.js} +1 -1
- package/dist/EpIcon-CBcuOH9F.js +4 -0
- package/dist/EpIframe-CiD_e4j9.js +4 -0
- package/dist/EpImg-OLyp1jJ4.js +4 -0
- package/dist/{EpInput-BfzuHWWf.js → EpInput-CihbhRGX.js} +1 -1
- package/dist/EpLineChart-Dh57xs6L.js +4 -0
- package/dist/EpLink-DpAhC-uq.js +4 -0
- package/dist/EpLinkVersion-B2pIY94q.js +4 -0
- package/dist/{EpList-DpKFBR8d.js → EpList-CB22CmY8.js} +1 -1
- package/dist/EpModal-BbATSSDb.js +4 -0
- package/dist/{EpNothing-ZOBK_3UX.js → EpNothing-MqKlL_sl.js} +1 -1
- package/dist/EpPieChart-CzmVi1TJ.js +4 -0
- package/dist/EpQuestion-BnPf-UwT.js +4 -0
- package/dist/EpQuote-d5nIk798.js +4 -0
- package/dist/EpRadio-Cxyqrks9.js +4 -0
- package/dist/EpRadioSummative-DdAdhUFe.js +4 -0
- package/dist/EpReading-CkvcH2_P.js +4 -0
- package/dist/EpResource-JpEcWeoK.js +4 -0
- package/dist/EpScope-CWzFv0aU.js +4 -0
- package/dist/EpSection-D3WscaqH.js +4 -0
- package/dist/{EpSelect-bYMPzTYw.js → EpSelect-isfNnCbF.js} +1 -1
- package/dist/EpSkeleton-BRtycdpA.js +4 -0
- package/dist/EpSoftware-DI6MiEIG.js +4 -0
- package/dist/EpSpinner-DqUNijR1.js +4 -0
- package/dist/EpSummativeTable-BuJpeyxj.js +4 -0
- package/dist/EpSvg-CRtx3-5P.js +4 -0
- package/dist/EpTable-CZ-r5nWa.js +4 -0
- package/dist/EpTerm-DOmG7W3J.js +4 -0
- package/dist/EpText-DbX-WbJM.js +4 -0
- package/dist/EpTimeLine-CPw17O46.js +4 -0
- package/dist/EpVideo-CGPt8Ugn.js +4 -0
- package/dist/EpVideoPanopto-D5V6BQYj.js +4 -0
- package/dist/EpWordDef-CROrAIKr.js +4 -0
- package/dist/components/medias/EpCarousel.vue.d.ts +4 -8
- package/dist/ep-lib-ts.js +1 -1
- package/dist/ep-lib-ts.umd.cjs +1 -1
- package/dist/{index-CCDb-LD7.js → index-D_DTIT-h.js} +598 -578
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/medias/EpCarousel.vue +54 -13
- package/dist/BgAudio-97_FwNpi.js +0 -4
- package/dist/DisplayBox-BKvyxVDI.js +0 -4
- package/dist/EpAlert-B0J2GajN.js +0 -4
- package/dist/EpAudio-D4LqGrlY.js +0 -4
- package/dist/EpBadge-D0zfflkO.js +0 -4
- package/dist/EpBarChart-Goi23S1c.js +0 -4
- package/dist/EpBtn-6OyInoYb.js +0 -4
- package/dist/EpCard-B5bDGeEK.js +0 -4
- package/dist/EpChip-BSCyoekb.js +0 -4
- package/dist/EpContentSlider-Bqs98eaf.js +0 -4
- package/dist/EpDivider-DIhicI-t.js +0 -4
- package/dist/EpEdu-Ck-nZ2kC.js +0 -4
- package/dist/EpFlex-c8FzEIAx.js +0 -4
- package/dist/EpFunnelChart-Co_n-21j.js +0 -4
- package/dist/EpHeader-DDhDKNct.js +0 -4
- package/dist/EpIcon-Dc_coPXn.js +0 -4
- package/dist/EpIframe-CmY_3U0n.js +0 -4
- package/dist/EpImg-DXYSCqDH.js +0 -4
- package/dist/EpLineChart-DRJspXp0.js +0 -4
- package/dist/EpLink-_uT9EmuD.js +0 -4
- package/dist/EpLinkVersion-BdrI-TIu.js +0 -4
- package/dist/EpModal-D1L3wzLd.js +0 -4
- package/dist/EpPieChart-CfDjCzZI.js +0 -4
- package/dist/EpQuestion-mIk4I_2l.js +0 -4
- package/dist/EpQuote-ByCm1IPJ.js +0 -4
- package/dist/EpRadio-UmkupYaI.js +0 -4
- package/dist/EpRadioSummative-7f-9bm5C.js +0 -4
- package/dist/EpReading-Cj1zVokc.js +0 -4
- package/dist/EpResource-ubt3wYLi.js +0 -4
- package/dist/EpScope-DKAZvK2F.js +0 -4
- package/dist/EpSection-CAktzXw1.js +0 -4
- package/dist/EpSkeleton-D612NKyo.js +0 -4
- package/dist/EpSoftware-DpbyhGDO.js +0 -4
- package/dist/EpSpinner-BSoHQmsn.js +0 -4
- package/dist/EpSummativeTable-cJ_kI33E.js +0 -4
- package/dist/EpSvg-DqncJTFg.js +0 -4
- package/dist/EpTable-CAgdQTKw.js +0 -4
- package/dist/EpTerm-BvelpDRy.js +0 -4
- package/dist/EpText-BjukLSSv.js +0 -4
- package/dist/EpTimeLine-Do1j0PKU.js +0 -4
- package/dist/EpVideo-CsMQzGnu.js +0 -4
- package/dist/EpVideoPanopto-D5u4ObkY.js +0 -4
- package/dist/EpWordDef-BFjyQ0Vn.js +0 -4
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.content[data-v-fd7a0787]{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}.h-custom{height:30rem}.p-custom p{margin-bottom:1em}.v-enter-active[data-v-
|
|
1
|
+
.content[data-v-fd7a0787]{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}.h-custom{height:30rem}.p-custom p{margin-bottom:1em}.v-enter-active[data-v-db3c7dcb],.v-leave-active[data-v-db3c7dcb]{transition:opacity .5s ease}.v-enter-from[data-v-db3c7dcb],.v-leave-to[data-v-db3c7dcb]{opacity:0}.katex[data-v-f9e5d352]{font-size:1.6em}.content[data-v-fba69535]{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)}.shape{height:var(--3e2ed539);width:var(--7e73c118)}.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}
|
package/package.json
CHANGED
|
@@ -12,24 +12,47 @@ import EpImg from "../basics/EpImg.vue";
|
|
|
12
12
|
interface Props {
|
|
13
13
|
carrouselImg: MediaCarousel[];
|
|
14
14
|
gallery?: boolean;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
sizeThumbnail?: SizeThumbnail
|
|
15
|
+
sizeThumbnail?: SizeThumbnail;
|
|
16
|
+
locale?: "en" | "fr" | "es";
|
|
18
17
|
}
|
|
19
18
|
|
|
20
19
|
const props = withDefaults(defineProps<Props>(), {
|
|
21
|
-
labelClose: "Fermer",
|
|
22
|
-
labelRef: "Référence",
|
|
23
20
|
gallery: false,
|
|
24
|
-
sizeThumbnail:"medium"
|
|
21
|
+
sizeThumbnail: "medium",
|
|
22
|
+
locale: "fr",
|
|
25
23
|
});
|
|
26
24
|
|
|
25
|
+
const labelRef = (): string => {
|
|
26
|
+
switch (props.locale) {
|
|
27
|
+
case "es":
|
|
28
|
+
return "Referencia";
|
|
29
|
+
case "en":
|
|
30
|
+
return "Reference";
|
|
31
|
+
case "fr":
|
|
32
|
+
default:
|
|
33
|
+
return "Référence";
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const labelClose = (): string => {
|
|
37
|
+
switch (props.locale) {
|
|
38
|
+
case "es":
|
|
39
|
+
return "Cerrar";
|
|
40
|
+
case "en":
|
|
41
|
+
return "Close";
|
|
42
|
+
case "fr":
|
|
43
|
+
default:
|
|
44
|
+
return "Fermer";
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
|
|
27
48
|
const currentIndex = ref<number>(0);
|
|
28
49
|
const dialog = ref<boolean>(false);
|
|
29
50
|
|
|
30
51
|
const prevSlide = () => {
|
|
31
52
|
const isFirstSlide = currentIndex.value === 0;
|
|
32
|
-
const newIndex = isFirstSlide
|
|
53
|
+
const newIndex = isFirstSlide
|
|
54
|
+
? props.carrouselImg.length - 1
|
|
55
|
+
: currentIndex.value - 1;
|
|
33
56
|
currentIndex.value = newIndex;
|
|
34
57
|
};
|
|
35
58
|
|
|
@@ -39,7 +62,7 @@ const nextSlide = () => {
|
|
|
39
62
|
currentIndex.value = newIndex;
|
|
40
63
|
};
|
|
41
64
|
|
|
42
|
-
const { carrouselImg,
|
|
65
|
+
const { carrouselImg, sizeThumbnail } = toRefs(props);
|
|
43
66
|
</script>
|
|
44
67
|
|
|
45
68
|
<template>
|
|
@@ -53,7 +76,9 @@ const { carrouselImg, labelClose, labelRef, sizeThumbnail } = toRefs(props);
|
|
|
53
76
|
<EpIcon :icon-path="mdiChevronRightCircleOutline"></EpIcon>
|
|
54
77
|
</button>
|
|
55
78
|
</div>
|
|
56
|
-
<div
|
|
79
|
+
<div
|
|
80
|
+
class="bg-white dark:bg-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border"
|
|
81
|
+
>
|
|
57
82
|
<!-- <div class="max-w-[800px] h-[550px] m-auto relative">
|
|
58
83
|
<div
|
|
59
84
|
class="w-full h-full bg-center duration-500"
|
|
@@ -61,9 +86,16 @@ const { carrouselImg, labelClose, labelRef, sizeThumbnail } = toRefs(props);
|
|
|
61
86
|
></div>
|
|
62
87
|
</div> -->
|
|
63
88
|
|
|
64
|
-
<img
|
|
89
|
+
<img
|
|
90
|
+
:src="carrouselImg[currentIndex].src"
|
|
91
|
+
alt="image"
|
|
92
|
+
class="rounded-sm"
|
|
93
|
+
/>
|
|
65
94
|
|
|
66
|
-
<div
|
|
95
|
+
<div
|
|
96
|
+
v-if="carrouselImg[currentIndex]?.caption"
|
|
97
|
+
class="mt-2 text-sm text-base-dark dark:text-white"
|
|
98
|
+
>
|
|
67
99
|
{{ carrouselImg[currentIndex].caption }}
|
|
68
100
|
</div>
|
|
69
101
|
<div v-if="carrouselImg[currentIndex]?.bib" class="flex justify-end mt-2">
|
|
@@ -73,13 +105,22 @@ const { carrouselImg, labelClose, labelRef, sizeThumbnail } = toRefs(props);
|
|
|
73
105
|
<EpModal v-model="dialog" title="Référence">
|
|
74
106
|
<div v-html="carrouselImg[currentIndex].bib"></div>
|
|
75
107
|
<div class="flex justify-end">
|
|
76
|
-
<EpBtn @click="dialog = false" type="primary" dark>{{
|
|
108
|
+
<EpBtn @click="dialog = false" type="primary" dark>{{
|
|
109
|
+
labelClose
|
|
110
|
+
}}</EpBtn>
|
|
77
111
|
</div>
|
|
78
112
|
</EpModal>
|
|
79
113
|
</div>
|
|
80
114
|
<div v-else class="flex flex-wrap">
|
|
81
115
|
<template v-for="image in carrouselImg" :key="`image-${image?.uid}`">
|
|
82
|
-
<EpImg
|
|
116
|
+
<EpImg
|
|
117
|
+
:src="image.src"
|
|
118
|
+
:bib="image.bib"
|
|
119
|
+
:caption="image.caption"
|
|
120
|
+
thumbnail
|
|
121
|
+
:size-thumbnail="sizeThumbnail"
|
|
122
|
+
:locale="locale"
|
|
123
|
+
></EpImg>
|
|
83
124
|
</template>
|
|
84
125
|
</div>
|
|
85
126
|
</template>
|
package/dist/BgAudio-97_FwNpi.js
DELETED
package/dist/EpAlert-B0J2GajN.js
DELETED
package/dist/EpAudio-D4LqGrlY.js
DELETED
package/dist/EpBadge-D0zfflkO.js
DELETED
package/dist/EpBtn-6OyInoYb.js
DELETED
package/dist/EpCard-B5bDGeEK.js
DELETED
package/dist/EpChip-BSCyoekb.js
DELETED
package/dist/EpEdu-Ck-nZ2kC.js
DELETED
package/dist/EpFlex-c8FzEIAx.js
DELETED
package/dist/EpIcon-Dc_coPXn.js
DELETED
package/dist/EpImg-DXYSCqDH.js
DELETED
package/dist/EpLink-_uT9EmuD.js
DELETED
package/dist/EpModal-D1L3wzLd.js
DELETED
package/dist/EpQuote-ByCm1IPJ.js
DELETED
package/dist/EpRadio-UmkupYaI.js
DELETED
package/dist/EpScope-DKAZvK2F.js
DELETED
package/dist/EpSvg-DqncJTFg.js
DELETED
package/dist/EpTable-CAgdQTKw.js
DELETED
package/dist/EpTerm-BvelpDRy.js
DELETED
package/dist/EpText-BjukLSSv.js
DELETED
package/dist/EpVideo-CsMQzGnu.js
DELETED