ep-lib-ts 1.0.4 → 1.0.6
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-D0bYt2vk.js +4 -0
- package/dist/DisplayBox-B_BDtSRL.js +4 -0
- package/dist/EpAlert-DLdxfnbh.js +4 -0
- package/dist/EpAudio-CIh7P96j.js +4 -0
- package/dist/EpBadge-RSrPtork.js +4 -0
- package/dist/EpBarChart-BYviso9y.js +4 -0
- package/dist/EpBtn-CI08Fkc-.js +4 -0
- package/dist/EpCard-BmYWCNC6.js +4 -0
- package/dist/EpChip-DYxrBk_j.js +4 -0
- package/dist/EpContentSlider-3W5NRtqY.js +4 -0
- package/dist/EpDivider-C8eu7oo-.js +4 -0
- package/dist/EpEdu-D3s7wgId.js +4 -0
- package/dist/EpFlex-D3slIMIF.js +4 -0
- package/dist/EpFunnelChart-Bd6DcHXv.js +4 -0
- package/dist/EpHeader-LmfheLve.js +4 -0
- package/dist/{EpHover-D3o7-8F6.js → EpHover-kZgJ2f1P.js} +1 -1
- package/dist/EpIcon-CTPp2iAz.js +4 -0
- package/dist/EpIframe-Bu6Shp40.js +4 -0
- package/dist/EpImg-PgXn_5PG.js +4 -0
- package/dist/{EpInput-DtqEfGYC.js → EpInput-BEcNn9JQ.js} +1 -1
- package/dist/EpLineChart-CuvzboxC.js +4 -0
- package/dist/EpLink-t90xMdUk.js +4 -0
- package/dist/EpLinkVersion-DcLaAKcb.js +4 -0
- package/dist/{EpList-gjrvWauh.js → EpList-VmeDfvpc.js} +1 -1
- package/dist/EpModal-DTKzIbiU.js +4 -0
- package/dist/{EpNothing-Di7BP_gj.js → EpNothing-DG4uHrcR.js} +1 -1
- package/dist/EpPieChart-CDbVXeA9.js +4 -0
- package/dist/EpQuestion-zXilF4UO.js +4 -0
- package/dist/EpQuote-BRWz5Gax.js +4 -0
- package/dist/EpRadio-C4i-6XLB.js +4 -0
- package/dist/EpRadioSummative-DcZ_SSed.js +4 -0
- package/dist/EpReading-CE2gINrm.js +4 -0
- package/dist/EpResource-Co7Y4NBv.js +4 -0
- package/dist/EpScope-BgReTGM3.js +4 -0
- package/dist/EpSection-DAc7gApp.js +4 -0
- package/dist/{EpSelect-DRPIgo_k.js → EpSelect-Cm8AVg72.js} +1 -1
- package/dist/EpSkeleton-DTrfxnMN.js +4 -0
- package/dist/EpSoftware-BRheqKDl.js +4 -0
- package/dist/EpSpinner-Bs6k4L2I.js +4 -0
- package/dist/EpSummativeTable-R-a__jzb.js +4 -0
- package/dist/EpSvg-8H1LG5x_.js +4 -0
- package/dist/EpTable-CcPpxyTI.js +4 -0
- package/dist/EpTerm-CHal6ICj.js +4 -0
- package/dist/EpText-Div60TMB.js +4 -0
- package/dist/EpTimeLine-CcUqFqgj.js +4 -0
- package/dist/EpVideo-Bk2ovJyj.js +4 -0
- package/dist/EpVideoPanopto-gQgwEvaf.js +4 -0
- package/dist/EpWordDef-D81-AGFK.js +4 -0
- package/dist/components/basics/EpText.vue.d.ts +4 -4
- package/dist/components/charts/EpPieChart.vue.d.ts +1 -0
- package/dist/components/interactions/EpAccordeon.vue.d.ts +4 -12
- package/dist/components/interactions/EpQuestion.vue.d.ts +12 -12
- package/dist/components/medias/EpLinkVersion.vue.d.ts +1 -0
- package/dist/components/medias/EpWordDef.vue.d.ts +0 -4
- package/dist/components/signages/EpAlert.vue.d.ts +0 -3
- package/dist/ep-lib-ts.js +1 -1
- package/dist/ep-lib-ts.umd.cjs +32 -32
- package/dist/{index-BPsMiFm1.js → index-CWNyTRsL.js} +442 -443
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/basics/EpImg.vue +3 -3
- package/src/components/basics/EpText.vue +3 -3
- package/src/components/charts/EpFunnelChart.vue +1 -1
- package/src/components/charts/EpPieChart.vue +4 -2
- package/src/components/educationals/EpEdu.vue +3 -3
- package/src/components/educationals/EpReading.vue +1 -1
- package/src/components/interactions/EpAccordeon.vue +4 -10
- package/src/components/interactions/EpQuestion.vue +9 -9
- package/src/components/medias/EpLinkVersion.vue +3 -2
- package/src/components/medias/EpSoftware.vue +1 -1
- package/src/components/medias/EpVideo.vue +4 -4
- package/src/components/medias/EpWordDef.vue +3 -5
- package/src/components/signages/EpAlert.vue +16 -2
- package/dist/BgAudio-C9b05zDe.js +0 -4
- package/dist/DisplayBox-DwV5vdf4.js +0 -4
- package/dist/EpAlert-DEERqegj.js +0 -4
- package/dist/EpAudio-D1Pergv3.js +0 -4
- package/dist/EpBadge-CXG9CCs-.js +0 -4
- package/dist/EpBarChart-DqcfpObW.js +0 -4
- package/dist/EpBtn-CjpUqmnk.js +0 -4
- package/dist/EpCard-D2Yuf56Q.js +0 -4
- package/dist/EpChip-1BDl9148.js +0 -4
- package/dist/EpContentSlider-G24sedKV.js +0 -4
- package/dist/EpDivider-By54laP-.js +0 -4
- package/dist/EpEdu-D_vwhqgL.js +0 -4
- package/dist/EpFlex-C8FUteog.js +0 -4
- package/dist/EpFunnelChart-vUi3II3g.js +0 -4
- package/dist/EpHeader-IOUvF-no.js +0 -4
- package/dist/EpIcon-C5N1EmKo.js +0 -4
- package/dist/EpIframe-DlYnZzA2.js +0 -4
- package/dist/EpImg-DBdJTFxB.js +0 -4
- package/dist/EpLineChart-DHRVciuH.js +0 -4
- package/dist/EpLink-BA65sB5T.js +0 -4
- package/dist/EpLinkVersion-DJWO90l3.js +0 -4
- package/dist/EpModal-Bkn0UYrU.js +0 -4
- package/dist/EpPieChart-ep1v3gNm.js +0 -4
- package/dist/EpQuestion-BIz290OE.js +0 -4
- package/dist/EpQuote-C7vFc3nU.js +0 -4
- package/dist/EpRadio-DZTarnBT.js +0 -4
- package/dist/EpRadioSummative-CorOWGOQ.js +0 -4
- package/dist/EpReading-DMtuDG_x.js +0 -4
- package/dist/EpResource-BYf45kWh.js +0 -4
- package/dist/EpScope-Ba2Q1Ff_.js +0 -4
- package/dist/EpSection-DscmvV47.js +0 -4
- package/dist/EpSkeleton-CI5AEDN9.js +0 -4
- package/dist/EpSoftware-DqR9_72s.js +0 -4
- package/dist/EpSpinner-BYYDdBAv.js +0 -4
- package/dist/EpSummativeTable-DYj6fOso.js +0 -4
- package/dist/EpSvg-qV8Jv7hA.js +0 -4
- package/dist/EpTable-CIXtqslP.js +0 -4
- package/dist/EpTerm-zVklM1Ty.js +0 -4
- package/dist/EpText-DlG9XQYl.js +0 -4
- package/dist/EpTimeLine-8okBy26f.js +0 -4
- package/dist/EpVideo-CMhul8b_.js +0 -4
- package/dist/EpVideoPanopto-CB7xf6qs.js +0 -4
- package/dist/EpWordDef-Ctx-w2Ll.js +0 -4
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.content[data-v-
|
|
1
|
+
.content[data-v-2e3db938]{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-f93a239b],.v-leave-active[data-v-f93a239b]{transition:opacity .5s ease}.v-enter-from[data-v-f93a239b],.v-leave-to[data-v-f93a239b]{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
|
@@ -37,9 +37,9 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
37
37
|
sizeThumbnail:"medium",
|
|
38
38
|
labels:()=>{
|
|
39
39
|
return {
|
|
40
|
-
reference: "
|
|
40
|
+
reference: "Référence",
|
|
41
41
|
fermer:"Fermer",
|
|
42
|
-
referenceLibrary:"
|
|
42
|
+
referenceLibrary:"Référence bibliographique"
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
})
|
|
@@ -134,7 +134,7 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } = toRefs(props
|
|
|
134
134
|
</div>
|
|
135
135
|
<!-- <div class="flex justify-end"><EpBtn @click="toggleModal" size="small" type="error" outlined>Fermer</EpBtn></div> -->
|
|
136
136
|
</EpModal>
|
|
137
|
-
<EpModal v-model="showBib" title="labels.referenceLibrary">
|
|
137
|
+
<EpModal v-model="showBib" :title="labels.referenceLibrary">
|
|
138
138
|
|
|
139
139
|
<div class="text-gray-700 mt-4" v-html="renderBib"></div>
|
|
140
140
|
<div class="flex justify-end"><EpBtn @click="toggleBib" size="small" type="error" outlined>{{labels.fermer}}</EpBtn></div>
|
|
@@ -10,7 +10,7 @@ interface Props {
|
|
|
10
10
|
title?: string | null;
|
|
11
11
|
compact?: boolean;
|
|
12
12
|
labels?:{
|
|
13
|
-
|
|
13
|
+
title:string;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -18,14 +18,14 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
18
18
|
compact: false,
|
|
19
19
|
labels:()=>{
|
|
20
20
|
return {
|
|
21
|
-
|
|
21
|
+
title:"En savoir plus"
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
const renderTitle = computed(() => {
|
|
27
27
|
if (!props.title) {
|
|
28
|
-
return
|
|
28
|
+
return "En savoir plus"
|
|
29
29
|
}
|
|
30
30
|
return props.title;
|
|
31
31
|
});
|
|
@@ -85,7 +85,7 @@ const optionsFunnel = computed(()=> {
|
|
|
85
85
|
formatter: function (val:string, opt:OptionsFormmater) {
|
|
86
86
|
let label = ''
|
|
87
87
|
if(opt.w.globals.labels[opt.dataPointIndex]){
|
|
88
|
-
label = opt.w.globals.labels[opt.dataPointIndex] + '
|
|
88
|
+
label = opt.w.globals.labels[opt.dataPointIndex] + ' '
|
|
89
89
|
}
|
|
90
90
|
return label + val
|
|
91
91
|
},
|
|
@@ -27,6 +27,7 @@ interface Props {
|
|
|
27
27
|
series: number[];
|
|
28
28
|
options: OptionsPieChart;
|
|
29
29
|
id?: string;
|
|
30
|
+
title?:string;
|
|
30
31
|
center?: boolean;
|
|
31
32
|
intentions?: string;
|
|
32
33
|
hideIcon?: boolean;
|
|
@@ -42,7 +43,7 @@ interface Props {
|
|
|
42
43
|
const props = withDefaults(defineProps<Props>(), {
|
|
43
44
|
center: true,
|
|
44
45
|
type:'base',
|
|
45
|
-
width:"
|
|
46
|
+
width:"500",
|
|
46
47
|
labels:()=>{
|
|
47
48
|
return {
|
|
48
49
|
dataNoDisponible:"Data no disponible"
|
|
@@ -68,7 +69,8 @@ const { center, series, source, options, width } = toRefs(props)
|
|
|
68
69
|
</script>
|
|
69
70
|
|
|
70
71
|
<template>
|
|
71
|
-
<EpEdu :title="
|
|
72
|
+
<EpEdu :title="title" :type="type" :hideIcon="hideIcon" :icon="mdiChartPie" :mandateLevel="mandateLevel">
|
|
73
|
+
|
|
72
74
|
<template #intentions v-if="renderText">
|
|
73
75
|
|
|
74
76
|
<div v-html="renderText"></div>
|
|
@@ -84,12 +84,12 @@ const { title, hideIcon } = toRefs(props);
|
|
|
84
84
|
|
|
85
85
|
<template>
|
|
86
86
|
<div :class="containerStyle">
|
|
87
|
-
<div :class="`${topBarStyle}`" class="dark:
|
|
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:
|
|
92
|
+
<div class="px-5 dark:base-dark">
|
|
93
93
|
<div class="py-2" v-if="hasIntentions">
|
|
94
94
|
<!-- <EpIcon :size="24" :icon-path="mdiInformationOutline"></EpIcon> -->
|
|
95
95
|
<h4 class="font-semibold mb-2 text-sm uppercase tracking-wide text-gray-500">
|
|
@@ -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:
|
|
105
|
+
<div :class="bottomBarStyle" class="dark:base-dark" v-if="hasActions">
|
|
106
106
|
<slot name="actions"></slot>
|
|
107
107
|
</div>
|
|
108
108
|
</div>
|
|
@@ -9,20 +9,14 @@ interface Props {
|
|
|
9
9
|
icon?: string|null;
|
|
10
10
|
open?: boolean;
|
|
11
11
|
outlined?:boolean;
|
|
12
|
-
|
|
13
|
-
title?:string|null;
|
|
14
|
-
}
|
|
12
|
+
title:string | null
|
|
15
13
|
}
|
|
16
14
|
|
|
17
15
|
const props = withDefaults(defineProps<Props>(), {
|
|
18
16
|
open: false,
|
|
19
17
|
type:'base',
|
|
20
18
|
outlined:false,
|
|
21
|
-
|
|
22
|
-
return {
|
|
23
|
-
title:'En savoir plus'
|
|
24
|
-
}
|
|
25
|
-
}
|
|
19
|
+
title:'En savoir plus'
|
|
26
20
|
});
|
|
27
21
|
|
|
28
22
|
|
|
@@ -66,13 +60,13 @@ function toggleDivVisibility() {
|
|
|
66
60
|
}
|
|
67
61
|
|
|
68
62
|
|
|
69
|
-
const {
|
|
63
|
+
const {title, icon } = toRefs(props)
|
|
70
64
|
</script>
|
|
71
65
|
|
|
72
66
|
<template>
|
|
73
67
|
<div>
|
|
74
68
|
<div :class="stylesHeader" @click="toggleDivVisibility">
|
|
75
|
-
<h3 class="text-lg flex items-center"><EpIcon v-if="icon" :icon-path="icon" size="28" extraClass="mr-2"></EpIcon>{{
|
|
69
|
+
<h3 class="text-lg flex items-center"><EpIcon v-if="icon" :icon-path="icon" size="28" extraClass="mr-2"></EpIcon>{{ title }}</h3>
|
|
76
70
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
|
77
71
|
:class="`mx-4 my-3 h-6 w-6 transition-all duration-200 ${showDiv ? 'rotate-45' : ''}`">
|
|
78
72
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
|
@@ -27,9 +27,9 @@ interface Props {
|
|
|
27
27
|
numeration?: boolean;
|
|
28
28
|
src?: string | null;
|
|
29
29
|
labels?:{
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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.
|
|
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.
|
|
183
|
+
>{{labels.validate}}</EpBtn
|
|
184
184
|
>
|
|
185
|
-
<EpBtn :type="type" v-if="answered" @click="reset" outlined>{{labels.
|
|
185
|
+
<EpBtn :type="type" v-if="answered" @click="reset" outlined>{{labels.tryagain}}</EpBtn>
|
|
186
186
|
</div>
|
|
187
187
|
</template>
|
|
188
188
|
<!-- <template #actions>
|
|
@@ -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}}
|
|
@@ -62,13 +62,13 @@ const videoURL = computed(()=> {
|
|
|
62
62
|
})
|
|
63
63
|
|
|
64
64
|
const renderText = computed(()=>{
|
|
65
|
-
if(!props.
|
|
65
|
+
if(!props.intentions){
|
|
66
66
|
return null
|
|
67
67
|
}
|
|
68
|
-
if(!isHtml(props.
|
|
69
|
-
return useMarkdown(props.
|
|
68
|
+
if(!isHtml(props.intentions)){
|
|
69
|
+
return useMarkdown(props.intentions)
|
|
70
70
|
}
|
|
71
|
-
return props.
|
|
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
|
});
|
|
@@ -113,7 +111,7 @@ 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="
|
|
114
|
+
<img class="h-60" :src="definition.img" :alt="`Image du terme ${definition.term}`" />
|
|
117
115
|
</div>
|
|
118
116
|
</template>
|
|
119
117
|
|
|
@@ -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="
|
|
91
|
+
<EpAccordeon :type="finalType" :outlined="outlinedCompact" :icon="icon" :title="title" v-else>
|
|
78
92
|
<slot></slot>
|
|
79
93
|
</EpAccordeon>
|
|
80
94
|
</template>
|
package/dist/BgAudio-C9b05zDe.js
DELETED
package/dist/EpAlert-DEERqegj.js
DELETED
package/dist/EpAudio-D1Pergv3.js
DELETED
package/dist/EpBadge-CXG9CCs-.js
DELETED
package/dist/EpBtn-CjpUqmnk.js
DELETED
package/dist/EpCard-D2Yuf56Q.js
DELETED
package/dist/EpChip-1BDl9148.js
DELETED
package/dist/EpEdu-D_vwhqgL.js
DELETED
package/dist/EpFlex-C8FUteog.js
DELETED
package/dist/EpIcon-C5N1EmKo.js
DELETED
package/dist/EpImg-DBdJTFxB.js
DELETED
package/dist/EpLink-BA65sB5T.js
DELETED
package/dist/EpModal-Bkn0UYrU.js
DELETED
package/dist/EpQuote-C7vFc3nU.js
DELETED
package/dist/EpRadio-DZTarnBT.js
DELETED
package/dist/EpScope-Ba2Q1Ff_.js
DELETED
package/dist/EpSvg-qV8Jv7hA.js
DELETED
package/dist/EpTable-CIXtqslP.js
DELETED
package/dist/EpTerm-zVklM1Ty.js
DELETED
package/dist/EpText-DlG9XQYl.js
DELETED
package/dist/EpVideo-CMhul8b_.js
DELETED