ep-lib-ts 1.0.16 → 1.0.18

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 (121) hide show
  1. package/dist/BgAudio-B4ZG8DU_.js +4 -0
  2. package/dist/DisplayBox-NnuAJFCp.js +4 -0
  3. package/dist/EpAlert-3wG87bqj.js +4 -0
  4. package/dist/EpAudio-DrZLWh49.js +4 -0
  5. package/dist/EpBadge-B0bGd4AE.js +4 -0
  6. package/dist/EpBarChart-CLEINSXT.js +4 -0
  7. package/dist/EpBtn-CgxjhKFR.js +4 -0
  8. package/dist/EpCard-Cin42ELy.js +4 -0
  9. package/dist/EpChip-BZtGNmZy.js +4 -0
  10. package/dist/EpContentSlider-BmCamlS6.js +4 -0
  11. package/dist/{EpDarkmode-C9S-tsrH.js → EpDarkmode-BFtEIM2f.js} +1 -1
  12. package/dist/EpDivider-Dd6ni7BI.js +4 -0
  13. package/dist/EpEdu-LoNOrLjR.js +4 -0
  14. package/dist/EpFlex-S10gXDSD.js +4 -0
  15. package/dist/EpFunnelChart-ttkjaryC.js +4 -0
  16. package/dist/EpHeader-CuIRpGKZ.js +4 -0
  17. package/dist/{EpHover-Cr_DEjHR.js → EpHover-CEKgKxEp.js} +1 -1
  18. package/dist/EpIcon-CVTil-7a.js +4 -0
  19. package/dist/EpIframe-CHOCN7YY.js +4 -0
  20. package/dist/EpImg-Cvis2XoU.js +4 -0
  21. package/dist/{EpInput-Dv0TYQO5.js → EpInput-Bv2ajGF2.js} +1 -1
  22. package/dist/EpLineChart-UE1X4YAb.js +4 -0
  23. package/dist/EpLink-JcgxaP92.js +4 -0
  24. package/dist/EpLinkVersion-C3yI0GaV.js +4 -0
  25. package/dist/{EpList-DuSKziq9.js → EpList-BcRsDnkP.js} +1 -1
  26. package/dist/EpModal-C-39yF0o.js +4 -0
  27. package/dist/{EpNothing-yfrh4HzB.js → EpNothing-DyCuyPon.js} +1 -1
  28. package/dist/EpPieChart-DANs5BTf.js +4 -0
  29. package/dist/EpQuestion-BjenPOWb.js +4 -0
  30. package/dist/EpQuote-5Y3RBP7v.js +4 -0
  31. package/dist/EpRadio-CvjvaDzf.js +4 -0
  32. package/dist/EpRadioSummative-BTGCrFdD.js +4 -0
  33. package/dist/EpReading-CMNjPHyJ.js +4 -0
  34. package/dist/EpResource-Wg6FLIS_.js +4 -0
  35. package/dist/EpScope-DyE5bFxA.js +4 -0
  36. package/dist/EpSection-Bs3Paa95.js +4 -0
  37. package/dist/{EpSelect-BcZc6XbR.js → EpSelect-CHIE9dYe.js} +1 -1
  38. package/dist/EpSkeleton-Cj82fvVw.js +4 -0
  39. package/dist/EpSoftware-CcPBO_uQ.js +4 -0
  40. package/dist/EpSpinner-DFpt3e7D.js +4 -0
  41. package/dist/EpSummativeTable-CvfItlt5.js +4 -0
  42. package/dist/EpSvg-CH2qCKXL.js +4 -0
  43. package/dist/EpTable-joBdQdCD.js +4 -0
  44. package/dist/EpTerm-WWmfth0A.js +4 -0
  45. package/dist/EpText-Byspbv4R.js +4 -0
  46. package/dist/EpTimeLine-C7DnPTVv.js +4 -0
  47. package/dist/EpVideo-CMA5fOd8.js +4 -0
  48. package/dist/EpVideoPanopto-BWn7uCd2.js +4 -0
  49. package/dist/EpWordDef-D40lSagN.js +4 -0
  50. package/dist/components/basics/EpImg.vue.d.ts +12 -24
  51. package/dist/components/educationals/EpEdu.vue.d.ts +4 -4
  52. package/dist/components/educationals/EpReading.vue.d.ts +2 -5
  53. package/dist/components/medias/EpCarousel.vue.d.ts +1 -1
  54. package/dist/components/medias/EpIframe.vue.d.ts +1 -0
  55. package/dist/components/medias/EpKatex.vue.d.ts +1 -0
  56. package/dist/components/medias/EpLink.vue.d.ts +1 -4
  57. package/dist/components/medias/EpSoftware.vue.d.ts +3 -1
  58. package/dist/components/medias/EpVideoPanopto.vue.d.ts +1 -1
  59. package/dist/ep-lib-ts.js +1 -1
  60. package/dist/ep-lib-ts.umd.cjs +38 -38
  61. package/dist/{index-BPH6kzwE.js → index-ClOMmLUm.js} +2318 -2275
  62. package/dist/style.css +1 -1
  63. package/dist/types/Alert.d.ts +34 -0
  64. package/package.json +2 -2
  65. package/src/components/basics/EpImg.vue +18 -42
  66. package/src/components/basics/EpTable.vue +1 -1
  67. package/src/components/charts/EpLineChart.vue +7 -1
  68. package/src/components/educationals/EpEdu.vue +6 -13
  69. package/src/components/educationals/EpReading.vue +4 -5
  70. package/src/components/educationals/EpResource.vue +14 -2
  71. package/src/components/interactions/EpQuestion.vue +3 -3
  72. package/src/components/medias/EpAudio.vue +1 -1
  73. package/src/components/medias/EpIframe.vue +2 -1
  74. package/src/components/medias/EpKatex.vue +2 -0
  75. package/src/components/medias/EpLink.vue +2 -2
  76. package/src/components/medias/EpSoftware.vue +3 -2
  77. package/src/components/signages/EpAlert.vue +6 -2
  78. package/src/components/signages/EpQuote.vue +1 -1
  79. package/dist/BgAudio-h8HnLPil.js +0 -4
  80. package/dist/DisplayBox-BI4o17hT.js +0 -4
  81. package/dist/EpAlert-CSxCPMo7.js +0 -4
  82. package/dist/EpAudio-DYSJ-OVH.js +0 -4
  83. package/dist/EpBadge-B_Rb85PA.js +0 -4
  84. package/dist/EpBarChart-Go7mqput.js +0 -4
  85. package/dist/EpBtn-CROkARYD.js +0 -4
  86. package/dist/EpCard-DB-WzJ0i.js +0 -4
  87. package/dist/EpChip-CuEX8nyo.js +0 -4
  88. package/dist/EpContentSlider-bGF0Vm8t.js +0 -4
  89. package/dist/EpDivider-DMF7r_Cg.js +0 -4
  90. package/dist/EpEdu-DB7WdJ9P.js +0 -4
  91. package/dist/EpFlex-B7zS79Qo.js +0 -4
  92. package/dist/EpFunnelChart-C8WBget2.js +0 -4
  93. package/dist/EpHeader-CogWOEmZ.js +0 -4
  94. package/dist/EpIcon-CTydMc4J.js +0 -4
  95. package/dist/EpIframe-DsLyRUHp.js +0 -4
  96. package/dist/EpImg-CEM85rDe.js +0 -4
  97. package/dist/EpLineChart-yXBSrnmo.js +0 -4
  98. package/dist/EpLink-B07K0Wyx.js +0 -4
  99. package/dist/EpLinkVersion-Dx6iULr-.js +0 -4
  100. package/dist/EpModal-BVbAElTx.js +0 -4
  101. package/dist/EpPieChart-BndrbsZ9.js +0 -4
  102. package/dist/EpQuestion-DIXL6ylM.js +0 -4
  103. package/dist/EpQuote-B2cx35_X.js +0 -4
  104. package/dist/EpRadio-BmSNQ53a.js +0 -4
  105. package/dist/EpRadioSummative-53JFl5sP.js +0 -4
  106. package/dist/EpReading-movDEOEq.js +0 -4
  107. package/dist/EpResource-CupCfI3E.js +0 -4
  108. package/dist/EpScope-BKqbGUpv.js +0 -4
  109. package/dist/EpSection-ePtXiOi1.js +0 -4
  110. package/dist/EpSkeleton-BxHTUoKs.js +0 -4
  111. package/dist/EpSoftware-OcYV_d7e.js +0 -4
  112. package/dist/EpSpinner-D_rCevcn.js +0 -4
  113. package/dist/EpSummativeTable-C_2H5eWp.js +0 -4
  114. package/dist/EpSvg-BX7dLAoh.js +0 -4
  115. package/dist/EpTable-CTTyS9w1.js +0 -4
  116. package/dist/EpTerm-BxNF10th.js +0 -4
  117. package/dist/EpText-CUoB3kNx.js +0 -4
  118. package/dist/EpTimeLine-Cs-aILxp.js +0 -4
  119. package/dist/EpVideo-C6p_I8Gw.js +0 -4
  120. package/dist/EpVideoPanopto-a5eL-w9X.js +0 -4
  121. package/dist/EpWordDef-BFToXByy.js +0 -4
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .content[data-v-761f0542]{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-94f2fe4f],.v-leave-active[data-v-94f2fe4f]{transition:opacity .5s ease}.v-enter-from[data-v-94f2fe4f],.v-leave-to[data-v-94f2fe4f]{opacity:0}.katex[data-v-f9e5d352]{font-size:1.6em}.content[data-v-54b64397]{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}
1
+ .content[data-v-761f0542]{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-94f2fe4f],.v-leave-active[data-v-94f2fe4f]{transition:opacity .5s ease}.v-enter-from[data-v-94f2fe4f],.v-leave-to[data-v-94f2fe4f]{opacity:0}.katex[data-v-1881b2c4]{font-size:1.6em}.content[data-v-54b64397]{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}
@@ -33,3 +33,37 @@ export declare const typeAlert: {
33
33
  };
34
34
  };
35
35
  export type TypeAlert = keyof typeof typeAlert;
36
+ export declare const typeDivider: {
37
+ base: {
38
+ default: string;
39
+ outlined: string;
40
+ };
41
+ warning: {
42
+ default: string;
43
+ outlined: string;
44
+ };
45
+ success: {
46
+ default: string;
47
+ outlined: string;
48
+ };
49
+ error: {
50
+ default: string;
51
+ outlined: string;
52
+ };
53
+ info: {
54
+ default: string;
55
+ outlined: string;
56
+ };
57
+ question: {
58
+ default: string;
59
+ outlined: string;
60
+ };
61
+ Question: {
62
+ default: string;
63
+ outlined: string;
64
+ };
65
+ tip: {
66
+ default: string;
67
+ outlined: string;
68
+ };
69
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ep-lib-ts",
3
3
  "private": false,
4
- "version": "1.0.16",
4
+ "version": "1.0.18",
5
5
  "files": [
6
6
  "dist",
7
7
  "src/components/"
@@ -51,7 +51,7 @@
51
51
  "typescript": "^5.4.5",
52
52
  "vite": "^5.2.10",
53
53
  "vite-plugin-dts": "^3.9.0",
54
- "vue-tsc": "^2.0.28"
54
+ "vue-tsc": "^2.0.29"
55
55
  },
56
56
  "peerDependencies": {
57
57
  "vue": "^3.2.45"
@@ -22,12 +22,9 @@ interface Props {
22
22
  title?: string;
23
23
  noModal?: boolean;
24
24
  cols?: string | number; //posible type à venir => basis-1/12... basis-11/12 to basis-full
25
- labels?: {
26
- reference?: string;
27
- fermer?: string;
28
- referenceLibrary?: string;
29
- };
30
- locale?: "en" | "fr" | "es";
25
+ labelClose?:string;
26
+ labelRef?:string;
27
+ labelRefLib?:string;
31
28
  }
32
29
 
33
30
  const props = withDefaults(defineProps<Props>(), {
@@ -36,34 +33,11 @@ const props = withDefaults(defineProps<Props>(), {
36
33
  thumbnail: false,
37
34
  noModal: false,
38
35
  sizeThumbnail: "medium",
39
- labels: () => {
40
- return {
41
- reference: "Référence",
42
- fermer: "Fermer",
43
- referenceLibrary: "Référence bibliographique",
44
- };
45
- },
46
- locale: "fr",
36
+ labelClose:"Fermer",
37
+ labelRef:"Référence",
38
+ labelRefLib:"Référence bibliographique",
47
39
  });
48
40
 
49
- switch (props.locale) {
50
- case "en":
51
- props.labels.fermer = "Close";
52
- props.labels.reference = "Reference";
53
- props.labels.referenceLibrary = "Reference Library";
54
- break;
55
- case "es":
56
- props.labels.fermer = "Cerrar";
57
- props.labels.reference = "Referencia";
58
- props.labels.referenceLibrary = "Biblioteca de referencias";
59
- break;
60
- case "fr":
61
- default:
62
- props.labels.fermer = "Fermer";
63
- props.labels.reference = "Référence";
64
- props.labels.referenceLibrary = "Référence bibliographique";
65
- break;
66
- }
67
41
 
68
42
  const Cols = [
69
43
  "basis-6/12",
@@ -133,12 +107,14 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =
133
107
  ></span>
134
108
  </template>
135
109
  <template v-else>
136
- <img
137
- class="object-cover object-center w-full"
138
- :src="src"
139
- :alt="alt"
140
- @click="toggleModal"
141
- />
110
+ <div class="dark:bg-white">
111
+ <img
112
+ class="object-cover object-center w-full"
113
+ :src="src"
114
+ :alt="alt"
115
+ @click="toggleModal"
116
+ />
117
+ </div>
142
118
  </template>
143
119
  <div
144
120
  class="px-4 py-2 dark:border-l dark:border-b dark:border-r dark:border-white dark:rounded-b-md"
@@ -150,7 +126,7 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =
150
126
  </p>
151
127
  <div class="text-right">
152
128
  <EpBtn @click="toggleBib" size="small" type="primary">{{
153
- labels.reference
129
+ labelRef
154
130
  }}</EpBtn>
155
131
  </div>
156
132
  </div>
@@ -175,7 +151,7 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =
175
151
  </div>
176
152
  <EpModal v-model="showModal">
177
153
  <img
178
- class="object-cover object-center h-5/6 w-5/6 mx-auto"
154
+ class="object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white"
179
155
  :src="src"
180
156
  :alt="alt"
181
157
  @click="toggleModal"
@@ -190,11 +166,11 @@ const { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =
190
166
  </div>
191
167
  <!-- <div class="flex justify-end"><EpBtn @click="toggleModal" size="small" type="error" outlined>Fermer</EpBtn></div> -->
192
168
  </EpModal>
193
- <EpModal v-model="showBib" :title="labels.referenceLibrary">
169
+ <EpModal v-model="showBib" :title="labelRefLib">
194
170
  <div class="text-gray-700 dark:text-white mt-4" v-html="renderBib"></div>
195
171
  <div class="flex justify-end">
196
172
  <EpBtn @click="toggleBib" size="small" type="error" outlined>{{
197
- labels.fermer
173
+ labelClose
198
174
  }}</EpBtn>
199
175
  </div>
200
176
  </EpModal>
@@ -18,7 +18,7 @@ const styleTh ="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase
18
18
  <template>
19
19
  <EpCard flat :title="title">
20
20
  <table class="min-w-full divide-y shadow dark:bg-dark">
21
- <thead class="bg-gray-50 dark:bg-dark" v-if="headers">
21
+ <thead class="bg-gray-50 dark:bg-base-dark" v-if="headers">
22
22
  <tr>
23
23
  <th v-for="(title, i) in headers" :key="`th-${i}`" scope="col" :class="styleTh">{{title}}</th>
24
24
  </tr>
@@ -79,6 +79,12 @@ const globalOptions = computed(() => {
79
79
  enabled: false,
80
80
  },
81
81
  },
82
+ grid: {
83
+ row: {
84
+ colors: undefined,
85
+ opacity: 0.2
86
+ },
87
+ }
82
88
  }
83
89
  })
84
90
 
@@ -100,7 +106,7 @@ const { center, series, source, width } = toRefs(props)
100
106
  </div>
101
107
  </template>
102
108
  <template #actions v-if="source">
103
- <p>{{ source }}</p>
109
+ {{ source }}
104
110
  </template>
105
111
  </EpEdu>
106
112
  </template>
@@ -16,12 +16,9 @@ interface Props {
16
16
  mandateLevel?: string | MandateLevel | null;
17
17
  synchrone?: boolean;
18
18
  type?: MediaVariants;
19
- intentions?: string;
19
+ labelIntentions?: string;
20
20
  hideIcon?: boolean;
21
21
  flat?: boolean;
22
- labels?: {
23
- intentions?: string;
24
- };
25
22
  }
26
23
 
27
24
  const props = withDefaults(defineProps<Props>(), {
@@ -29,11 +26,7 @@ const props = withDefaults(defineProps<Props>(), {
29
26
  type: "base",
30
27
  hideIcon: false,
31
28
  flat: false,
32
- // labels:()=>{
33
- // return {
34
- // intentions:"[Intentions]"
35
- // }
36
- // }
29
+ labelIntentions:""
37
30
  });
38
31
 
39
32
  //get slots
@@ -102,12 +95,12 @@ const { title, hideIcon } = toRefs(props);
102
95
  <div class="px-5 dark:base-dark dark:text-white">
103
96
  <div class="py-2" v-if="hasIntentions">
104
97
  <!-- <EpIcon :size="24" :icon-path="mdiInformationOutline"></EpIcon> -->
105
- <!-- <h4
106
- v-if="labels && labels.intentions"
98
+ <h4
99
+ v-if="labelIntentions"
107
100
  class="font-semibold mb-2 text-sm uppercase tracking-wide text-gray-500 dark:text-white"
108
101
  >
109
- {{ labels.intentions }}
110
- </h4> -->
102
+ {{ labelIntentions }}
103
+ </h4>
111
104
  <slot name="intentions"></slot>
112
105
  <EpDivider />
113
106
  </div>
@@ -38,7 +38,7 @@ interface Props {
38
38
  lecture?:string;
39
39
  card?: string;
40
40
  Btb?: string;
41
- Intentions?: string;
41
+ intentions?: string;
42
42
  }
43
43
  }
44
44
 
@@ -49,7 +49,6 @@ const props = withDefaults(defineProps<Props>(), {
49
49
  cover: "",
50
50
  icon: "mdiBookmarkBox",
51
51
  hideCover: false,
52
- intentions: "",
53
52
  compact: false,
54
53
  type:"base",
55
54
  hideIcon:false,
@@ -127,8 +126,8 @@ const errorImg = (event:Event)=>{
127
126
  </div>
128
127
  </template>
129
128
  <div class="flex flex-col w-full">
130
- <EpEdu :title="labels.card" :icon="mdiBookOpenVariant" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
131
- <template #intentions v-if="useRenderText(intentions)">
129
+ <EpEdu :title="labels.card" :labelIntentions="labels.intentions" :icon="mdiBookOpenVariant" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
130
+ <template #intentions v-if="intentions">
132
131
  <div v-html="useRenderText(intentions)"></div>
133
132
  </template>
134
133
  <template #content>
@@ -168,7 +167,7 @@ const errorImg = (event:Event)=>{
168
167
  </div>
169
168
  <!--compact mode-->
170
169
  <EpEdu :title="labels.card" :icon="mdiBookOpenVariant" flat :type="type" :hideIcon="hideIcon" v-else>
171
- <template #intentions v-if="useRenderText(intentions)">
170
+ <template #intentions v-if="intentions">
172
171
  <div v-html="useRenderText(intentions)"></div>
173
172
  </template>
174
173
  <template #content>
@@ -11,7 +11,7 @@ interface Props {
11
11
  }
12
12
 
13
13
  const props = withDefaults(defineProps<Props>(), {
14
- type:'primary'
14
+ type:'base'
15
15
  })
16
16
 
17
17
  const resourceInfo = computed(()=>{
@@ -55,8 +55,20 @@ const getCompontent = (name:string|undefined)=> {
55
55
  return defineAsyncComponent(()=>import(`../${componentToLoad.path}/${componentToLoad.name}.vue`))
56
56
  }
57
57
 
58
+ const typeRess = computed(()=> {
59
+ if(resourceInfo.value.type && resourceInfo.value.type === 'website'){
60
+ if(type.value === 'base'){
61
+ return 'primary'
62
+ }
63
+ }
64
+ return type.value
65
+ })
66
+
58
67
  const {mandateLevel, type, pages} = toRefs(props)
59
68
 
69
+
70
+
71
+
60
72
  </script>
61
73
 
62
74
  <template>
@@ -65,6 +77,6 @@ const {mandateLevel, type, pages} = toRefs(props)
65
77
  v-bind="{ ...resourceInfo }"
66
78
  :mandateLevel="mandateLevel"
67
79
  :intentions="pages"
68
- :type="type"
80
+ :type="typeRess"
69
81
  ></component>
70
82
  </template>
@@ -34,7 +34,7 @@ interface Props {
34
34
  }
35
35
 
36
36
  const props = withDefaults(defineProps<Props>(), {
37
- type: "primary",
37
+ type: "base",
38
38
  hideIcon: false,
39
39
  shuffle: false,
40
40
  before: false,
@@ -176,14 +176,14 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
176
176
  </div>
177
177
 
178
178
  <EpBtn
179
- :type="type"
179
+ type="primary"
180
180
  @click="checkAnswer"
181
181
  :disabled="answered"
182
182
  outlined
183
183
  extraClass="mr-2"
184
184
  >{{labels.validate}}</EpBtn
185
185
  >
186
- <EpBtn :type="type" v-if="answered" @click="reset" outlined>{{labels.tryagain}}</EpBtn>
186
+ <EpBtn type="primary" v-if="answered" @click="reset" outlined>{{labels.tryagain}}</EpBtn>
187
187
  </div>
188
188
  </template>
189
189
  <!-- <template #actions>
@@ -82,7 +82,7 @@ const { src, title, hideIcon, mandateLevel, bgImg } = toRefs(props)
82
82
 
83
83
  <template>
84
84
 
85
- <EpEdu :title="title" :type="type" :hideIcon="hideIcon" :icon="mdiHeadphones" :mandateLevel="mandateLevel">
85
+ <EpEdu :title="title" :labelIntentions="labels.intentions" :type="type" :hideIcon="hideIcon" :icon="mdiHeadphones" :mandateLevel="mandateLevel">
86
86
  <template #intentions v-if="renderText">
87
87
  <div v-html="renderText"></div>
88
88
  </template>
@@ -15,6 +15,7 @@ interface Props {
15
15
  type?:MediaVariants;
16
16
  mandateLevel?:string|null;
17
17
  customHeight?:number;
18
+ labelIntentions?:string;
18
19
  }
19
20
 
20
21
  const props = withDefaults(defineProps<Props>(), {
@@ -55,7 +56,7 @@ const { title, hideIcon } = toRefs(props);
55
56
  </script>
56
57
 
57
58
  <template>
58
- <EpEdu :title="title" :type="type" :hideIcon="hideIcon" :icon="mdiApplicationBrackets" :mandateLevel="mandateLevel">
59
+ <EpEdu :title="title" :labelIntentions="labelIntentions" :type="type" :hideIcon="hideIcon" :icon="mdiApplicationBrackets" :mandateLevel="mandateLevel">
59
60
  <template #intentions v-if="renderText">
60
61
  <div v-html="renderText" ></div>
61
62
  </template>
@@ -15,6 +15,7 @@ interface Props {
15
15
  hideIcon?: boolean;
16
16
  type?: MediaVariants;
17
17
  mandateLevel?: string | null;
18
+ labelIntentions?:string;
18
19
  }
19
20
 
20
21
  const props = withDefaults(defineProps<Props>(), {
@@ -53,6 +54,7 @@ const {center} = toRefs(props)
53
54
  :hideIcon="hideIcon"
54
55
  :icon="mdiFunctionVariant"
55
56
  :mandateLevel="mandateLevel"
57
+ :labelIntentions="labelIntentions"
56
58
  >
57
59
  <template #intentions v-if="renderText">
58
60
  <div v-html="renderText"></div>
@@ -22,7 +22,6 @@ interface Props {
22
22
  }
23
23
 
24
24
  const props = withDefaults(defineProps<Props>(), {
25
- labelIntentions: "Intentions d'écoute",
26
25
  type: "primary",
27
26
  hideIcon: false,
28
27
  intentions: "",
@@ -53,8 +52,9 @@ const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
53
52
  :type="type"
54
53
  :hideIcon="hideIcon"
55
54
  :mandateLevel="mandateLevel"
55
+ :labelIntentions="labelIntentions"
56
56
  >
57
- <template #intentions v-if="useRenderText(intentions)">
57
+ <template #intentions v-if="intentions">
58
58
  <div v-html="useRenderText(intentions)"></div>
59
59
  </template>
60
60
  <template #content>
@@ -24,6 +24,7 @@ interface Props {
24
24
  hideIcon?:boolean;
25
25
  labelCard?:string;
26
26
  labels?:{
27
+ labelIntentions?:string;
27
28
  acceder?:string;
28
29
  }
29
30
  }
@@ -58,8 +59,8 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
58
59
  </script>
59
60
 
60
61
  <template>
61
- <EpEdu :title="labelCard" :icon="mdiLaptop" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
62
- <template #intentions v-if="useRenderText(intentions)">
62
+ <EpEdu :title="labelCard" :labelIntentions="labels.labelIntentions" :icon="mdiLaptop" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
63
+ <template #intentions v-if="intentions">
63
64
  <div v-html="useRenderText(intentions)"></div>
64
65
  </template>
65
66
  <template #content>
@@ -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 { type TypeAlert, typeAlert } from "../../types/Alert";
7
+ import { type TypeAlert, typeAlert, typeDivider } from "../../types/Alert";
8
8
  import {useIcons} from '../../composables/useIcons'
9
9
 
10
10
 
@@ -61,6 +61,10 @@ const styles = computed(()=>{
61
61
  return `${typeAlert[finalType.value]?.[isOutlined.value]}`
62
62
  })
63
63
 
64
+ const styleHr = computed(()=> {
65
+ return `${typeDivider[finalType.value]?.[isOutlined.value]}`
66
+ })
67
+
64
68
  const icon = computed(()=>{
65
69
  let icon = useIcons[finalType.value].icon
66
70
  if(props.noIcon){
@@ -82,7 +86,7 @@ const { title, compact, outlined } = toRefs(props);
82
86
  <div :class="`${icon?'w-11/12':'w-full'} flex items-center`">
83
87
  <div class="container">
84
88
  <h3 v-if="title" class="text-left text-2xl font-bold">{{ title }}</h3>
85
- <EpDivider v-if="title" size="border" ></EpDivider>
89
+ <hr v-if="title" :class="`w-full my-3 border ${styleHr}`">
86
90
  <slot>
87
91
  </slot>
88
92
  </div>
@@ -60,7 +60,7 @@ const { author, img, card, hideIcon } = toRefs(props);
60
60
  <div :class="`py-6 flex-1 ${colorText} ${hideIcon?'px-6':'pr-2'}`">
61
61
  <slot></slot>
62
62
  <template v-if="author">
63
- <EpDivider size="border" :color="card ? 'primary':'white'"></EpDivider>
63
+ <EpDivider size="border" :color="card ? 'white':'base'"></EpDivider>
64
64
  <p :class="`italic ${styleTextAutor}`">
65
65
  {{ author }}
66
66
  </p>
@@ -1,4 +0,0 @@
1
- import { S as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { T as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { O as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { E as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { c as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { o } from "./index-BPH6kzwE.js";
2
- export {
3
- o as default
4
- };
@@ -1,4 +0,0 @@
1
- import { d as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { e } from "./index-BPH6kzwE.js";
2
- export {
3
- e as default
4
- };
@@ -1,4 +0,0 @@
1
- import { f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { z as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { g as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { s } from "./index-BPH6kzwE.js";
2
- export {
3
- s as default
4
- };
@@ -1,4 +0,0 @@
1
- import { h as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { p as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { P as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { i as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { F as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { j as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { q as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { G as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { H as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { B as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { r } from "./index-BPH6kzwE.js";
2
- export {
3
- r as default
4
- };
@@ -1,4 +0,0 @@
1
- import { C as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { Q as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { x as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { y as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { b as f } from "./index-BPH6kzwE.js";
2
- export {
3
- f as default
4
- };