ep-lib-ts 0.1.34 → 0.1.36

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 (92) hide show
  1. package/dist/{BgAudio-a228cf2d.js → BgAudio-34390318.js} +1 -1
  2. package/dist/{DisplayBox-0b5dad43.js → DisplayBox-b9d4f538.js} +1 -1
  3. package/dist/{EpAlert-6989df03.js → EpAlert-8b872ee0.js} +1 -1
  4. package/dist/{EpAudio-ebe996a9.js → EpAudio-b55c5503.js} +1 -1
  5. package/dist/EpBadge-da5ad879.js +6 -0
  6. package/dist/{EpBarChart-52c346de.js → EpBarChart-c838e663.js} +1 -1
  7. package/dist/EpBtn-03107df4.js +6 -0
  8. package/dist/EpCard-49eab0aa.js +6 -0
  9. package/dist/EpChip-76ec9a27.js +6 -0
  10. package/dist/EpContentSlider-34a27582.js +6 -0
  11. package/dist/EpDivider-cd17adbe.js +6 -0
  12. package/dist/{EpEdu-ce928b82.js → EpEdu-ffa5ecd5.js} +1 -1
  13. package/dist/EpFlex-08861623.js +6 -0
  14. package/dist/EpHeader-da47c69f.js +6 -0
  15. package/dist/{EpIcon-4f8bc342.js → EpIcon-1971a787.js} +1 -1
  16. package/dist/EpIframe-21adace5.js +6 -0
  17. package/dist/EpImg-395cd91b.js +6 -0
  18. package/dist/{EpInput-c8787b2d.js → EpInput-37eecd07.js} +1 -1
  19. package/dist/EpLineChart-5667c90a.js +6 -0
  20. package/dist/EpLink-f9080e40.js +6 -0
  21. package/dist/EpLinkVersion-315c54e5.js +6 -0
  22. package/dist/{EpList-a99a3dd0.js → EpList-ebc2c8e7.js} +1 -1
  23. package/dist/{EpListitem-457e39b7.js → EpListitem-aa4a0f95.js} +6 -6
  24. package/dist/EpModal-0e0acdee.js +6 -0
  25. package/dist/{EpNothing-acde1df4.js → EpNothing-4a7ee1ea.js} +1 -1
  26. package/dist/EpPieChart-decc1f6b.js +6 -0
  27. package/dist/EpQuestion-e5d1e392.js +6 -0
  28. package/dist/EpQuote-786c0ac9.js +6 -0
  29. package/dist/EpRadio-2e750e76.js +6 -0
  30. package/dist/EpReading-bd21cf2a.js +6 -0
  31. package/dist/EpResource-fe801ebb.js +6 -0
  32. package/dist/{EpScope-3d80861f.js → EpScope-2753e66a.js} +1 -1
  33. package/dist/EpSection-40b5e9d2.js +6 -0
  34. package/dist/{EpSelect-6089fdcb.js → EpSelect-7b63361a.js} +1 -1
  35. package/dist/EpSkeleton-f4663d18.js +6 -0
  36. package/dist/EpSoftware-42aa398d.js +6 -0
  37. package/dist/EpSpinner-dce028db.js +6 -0
  38. package/dist/EpSvg-4b6f8600.js +6 -0
  39. package/dist/EpSwitch-9feee893.js +64 -0
  40. package/dist/EpTable-830782da.js +6 -0
  41. package/dist/EpTerm-b0593ff9.js +6 -0
  42. package/dist/EpText-0f5f67b5.js +6 -0
  43. package/dist/EpTimeLine-e062ea33.js +6 -0
  44. package/dist/EpVideo-99f3eeb8.js +6 -0
  45. package/dist/EpVideoPanopto-fadeff65.js +6 -0
  46. package/dist/components/forms/EpSwitch.vue.d.ts +7 -10
  47. package/dist/ep-lib-ts.js +1 -1
  48. package/dist/ep-lib-ts.umd.cjs +38 -35
  49. package/dist/{index-90cd7bf2.js → index-89855806.js} +2305 -2262
  50. package/dist/style.css +1 -1
  51. package/dist/types/Switch.d.ts +11 -0
  52. package/package.json +1 -1
  53. package/src/components/basics/EpImg.vue +14 -1
  54. package/src/components/basics/EpListitem.vue +1 -1
  55. package/src/components/basics/EpTable.vue +1 -1
  56. package/src/components/educationals/EpReading.vue +9 -1
  57. package/src/components/forms/EpSwitch.vue +36 -26
  58. package/src/components/interactions/EpAccordeon.vue +1 -1
  59. package/src/components/interactions/EpQuestion.vue +1 -1
  60. package/src/components/signages/EpHeader.vue +3 -3
  61. package/dist/EpBadge-de5e90c5.js +0 -6
  62. package/dist/EpBtn-255af003.js +0 -6
  63. package/dist/EpCard-6dc99a29.js +0 -6
  64. package/dist/EpChip-ecaf5fdd.js +0 -6
  65. package/dist/EpContentSlider-67ee8ff1.js +0 -6
  66. package/dist/EpDivider-399403ef.js +0 -6
  67. package/dist/EpFlex-ab0b2002.js +0 -6
  68. package/dist/EpHeader-c1f58215.js +0 -6
  69. package/dist/EpIframe-c1451be2.js +0 -6
  70. package/dist/EpImg-6068534f.js +0 -6
  71. package/dist/EpLineChart-740ffcc2.js +0 -6
  72. package/dist/EpLink-2414e304.js +0 -6
  73. package/dist/EpLinkVersion-43c07ab6.js +0 -6
  74. package/dist/EpModal-ef8a63d2.js +0 -6
  75. package/dist/EpPieChart-9dcb459f.js +0 -6
  76. package/dist/EpQuestion-aaa1f8bb.js +0 -6
  77. package/dist/EpQuote-5b4015f4.js +0 -6
  78. package/dist/EpRadio-227b82c2.js +0 -6
  79. package/dist/EpReading-58b135fb.js +0 -6
  80. package/dist/EpResource-10cc639f.js +0 -6
  81. package/dist/EpSection-f6695955.js +0 -6
  82. package/dist/EpSkeleton-0827c884.js +0 -6
  83. package/dist/EpSoftware-1f53d7fb.js +0 -6
  84. package/dist/EpSpinner-7f89aad2.js +0 -6
  85. package/dist/EpSvg-5d7df4f2.js +0 -6
  86. package/dist/EpSwitch-005fe90a.js +0 -47
  87. package/dist/EpTable-c8f1f97d.js +0 -6
  88. package/dist/EpTerm-3d4f8bd2.js +0 -6
  89. package/dist/EpText-9f05234d.js +0 -6
  90. package/dist/EpTimeLine-49b8ac13.js +0 -6
  91. package/dist/EpVideo-37c08690.js +0 -6
  92. package/dist/EpVideoPanopto-bd41e61d.js +0 -6
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .content[data-v-ab122c9c]{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-63d168f1],.v-leave-active[data-v-63d168f1]{transition:opacity .5s ease}.v-enter-from[data-v-63d168f1],.v-leave-to[data-v-63d168f1]{opacity:0}.katex[data-v-24ff8b28]{font-size:1.3em}.content[data-v-89d118fb]{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(--5ad0279f);width:var(--6f1de84e)}.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-7dc117b1]{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-63d168f1],.v-leave-active[data-v-63d168f1]{transition:opacity .5s ease}.v-enter-from[data-v-63d168f1],.v-leave-to[data-v-63d168f1]{opacity:0}.katex[data-v-24ff8b28]{font-size:1.3em}.content[data-v-89d118fb]{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(--5ad0279f);width:var(--6f1de84e)}.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}
@@ -0,0 +1,11 @@
1
+ export declare const ColorVariants: {
2
+ base: string;
3
+ primary: string;
4
+ secondary: string;
5
+ accent: string;
6
+ info: string;
7
+ warning: string;
8
+ success: string;
9
+ error: string;
10
+ };
11
+ export type SwitchColorVariant = keyof typeof ColorVariants;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ep-lib-ts",
3
3
  "private": false,
4
- "version": "0.1.34",
4
+ "version": "0.1.36",
5
5
  "files": [
6
6
  "dist",
7
7
  "src/components/"
@@ -3,10 +3,12 @@ import { toRefs, ref, computed } from 'vue'
3
3
  import { useImage } from '@vueuse/core'
4
4
  import EpModal from '../interactions/EpModal.vue'
5
5
  import EpIcon from '../basics/EpIcon.vue'
6
+ import EpBtn from './EpBtn.vue'
6
7
  import { mdiArrowExpandAll } from '@mdi/js';
7
8
  import { mdiImage } from '@mdi/js';
8
9
  import { mdiImageRemove } from '@mdi/js';
9
10
  import { useRenderText } from "../../composables/useRenderText";
11
+
10
12
  const Cols = [
11
13
  'basis-6/12',
12
14
  'basis-1/12',
@@ -63,6 +65,12 @@ const toggleModal = ():void => {
63
65
  showModal.value = !showModal.value
64
66
  }
65
67
 
68
+ const showBib = ref<boolean>(false)
69
+
70
+ const toggleBib = ():void => {
71
+ showBib.value = !showBib.value
72
+ }
73
+
66
74
  const { isLoading, error } = useImage({ src: props.src })
67
75
  const { src, alt, title, caption, thumbnail, bib, noModal } = toRefs(props)
68
76
 
@@ -84,7 +92,7 @@ const { src, alt, title, caption, thumbnail, bib, noModal } = toRefs(props)
84
92
  <div class="px-4 py-2" v-if="title || caption || bib">
85
93
  <h2 class="text-2xl font-bold">{{ title }}</h2>
86
94
  <p class="text-gray-500 text-sm mt-4">{{ caption }}</p>
87
- <div class="text-gray-700 mt-4" v-html="renderBib"></div>
95
+ <div class="text-right"><EpBtn @click="toggleBib" size="small">Référence</EpBtn></div>
88
96
  </div>
89
97
  </div>
90
98
  </div>
@@ -106,6 +114,11 @@ const { src, alt, title, caption, thumbnail, bib, noModal } = toRefs(props)
106
114
  <div class="text-gray-700 mt-4" v-html="renderBib"></div>
107
115
  </div>
108
116
  </EpModal>
117
+ <EpModal v-model="showBib" title="Référence bibliographique">
118
+
119
+ <div class="text-gray-700 mt-4" v-html="renderBib"></div>
120
+ <div class="flex justify-end"><EpBtn @click="toggleBib" size="small" type="error" outlined>Fermer</EpBtn></div>
121
+ </EpModal>
109
122
  </div>
110
123
  </template>
111
124
 
@@ -42,7 +42,7 @@ const isDisabled = computed(()=>{
42
42
  <template>
43
43
  <li :class="`flex flex-row flex-nowrap justify-between font-medium items-center py-4 ${isNested} ${isDisabled}`">
44
44
  <div class="flex items-center">
45
- <div v-if="hasLeftContent" class="mr-2 min-w-fit">
45
+ <div v-if="hasLeftContent" class="mr-2 min-w-fit px-2">
46
46
  <slot name="leftContent"></slot>
47
47
  </div>
48
48
  <div>
@@ -25,7 +25,7 @@ const styleTh ="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase
25
25
  </thead>
26
26
  <tbody class="bg-white divide-y divide-gray-200">
27
27
  <tr v-for="(tr, i) in arrayContent" :key="`tr-${i}`" class="hover:bg-gray-50">
28
- <td v-for="(value, j) in tr" :key="`td-${i}-${j}`" class="px-6 py-4 whitespace-nowrap">{{value}}</td>
28
+ <td v-for="(value, j) in tr" :key="`td-${i}-${j}`" class="px-6 py-4">{{value}}</td>
29
29
  </tr>
30
30
  </tbody>
31
31
  </table>
@@ -82,6 +82,13 @@ const {
82
82
  mandateLevel,
83
83
  url
84
84
  } = toRefs(props);
85
+
86
+ const errorImg = (event:Event)=>{
87
+ const imgElement = event.target as HTMLImageElement;
88
+ if(imgElement.src){
89
+ imgElement.src="https://live.staticflickr.com/4868/45940268562_c5f7fdd06b_q.jpg"
90
+ }
91
+ }
85
92
  </script>
86
93
 
87
94
  <template>
@@ -91,7 +98,7 @@ const {
91
98
  v-if="hasCover"
92
99
  class="h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-gray-300"
93
100
  >
94
- <img :src="cover" :alt="`image de la lecture ${title}`" />
101
+ <img :src="cover" :alt="`image de la lecture ${title}`" @error="errorImg" />
95
102
  </div>
96
103
 
97
104
  <div
@@ -169,6 +176,7 @@ const {
169
176
  class="object-cover h-96 w-full rounded-t-lg object-cover md:h-auto md:w-56 md:rounded-none md:rounded-l-lg"
170
177
  :src="cover"
171
178
  :alt="`image de la lecture ${title}`"
179
+ @error="errorImg"
172
180
  />
173
181
  <div
174
182
  v-else
@@ -1,12 +1,13 @@
1
1
  <script setup lang="ts">
2
- import { toRefs } from "vue";
2
+ import { toRefs,computed } from "vue";
3
+ import { defineEmits } from 'vue'
4
+ import { SwitchColorVariant , ColorVariants} from "../../types/Switch";
3
5
 
4
6
  interface Props {
5
7
  id?: string;
8
+ type?:SwitchColorVariant;
6
9
  label?: string;
7
- modelValue?: boolean;
8
- type?: string;
9
- placeholder?: string;
10
+ modelValue?: boolean ;
10
11
  disabled?: boolean;
11
12
  readonly?: boolean;
12
13
  checked?: boolean;
@@ -14,30 +15,30 @@ interface Props {
14
15
 
15
16
  const props = withDefaults(defineProps<Props>(), {
16
17
  id: "toggle",
17
- label: "label",
18
+ label: "",
19
+ type:"base",
18
20
  modelValue: false,
19
- type: "checkbox",
20
- placeholder: "",
21
21
  disabled: false,
22
22
  readonly: false,
23
23
  checked: false,
24
24
  });
25
25
 
26
- const emit = defineEmits<{
27
- (e: "update:modelValue", modelValue: boolean): void;
28
- }>();
29
26
 
30
- const onChange = (event:Event) => {
31
- const target = event.target as HTMLInputElement
32
- emit('update:modelValue', true)
33
- }
27
+ const emit = defineEmits(['update:modelValue'])
28
+
29
+ const updateValue = (event: Event) => {
30
+ emit("update:modelValue",(event.target as HTMLInputElement).checked)
31
+ };
32
+
33
+ const style = computed(()=>{
34
+ return `${ColorVariants[props.type]}`
35
+ })
34
36
 
35
37
  const {
36
38
  id,
37
39
  label,
38
40
  type,
39
41
  modelValue,
40
- placeholder,
41
42
  disabled,
42
43
  readonly,
43
44
  checked,
@@ -46,17 +47,26 @@ const {
46
47
 
47
48
  <template>
48
49
  <div>
49
- <input
50
- :id="id"
51
- :type="type"
52
- :checked="checked"
53
- class="form-checkbox mr-2 mt-[0rem] h-4 w-8 appearance-none rounded-full bg-neutral-200 border-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0rem] after:h-3.5 after:w-3.5 after:rounded-full after:border-none after:bg-neutral-50 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-none checked:bg-blue-600 checked:after:absolute checked:after:z-[2] checked:after:-mt-[0px] checked:after:ml-[1.0625rem] checked:after:h-3.5 checked:after:w-3.5 checked:after:rounded-full checked:after:border-none checked:after:bg-neutral-100 checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:outline-none focus:ring-0 focus:before:scale-75 focus:before:opacity-[0.12] focus:before:mt-[0.1rem] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-3.5 focus:after:w-3.5 focus:after:-mt-[0rem] focus:after:rounded-full focus:after:content-[''] checked:focus:border-neutral-200 checked:focus:bg-blue-600 checked:focus:before:ml-[1rem] checked:focus:before:mt-[0.1rem] checked:focus:before:scale-75 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-blue-600 dark:checked:after:bg-blue-600 dark:focus:before:shadow-[3px_-1px_0px_13px_rgba(255,255,255,0.4)] dark:checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] disabled:opacity-40 disabled:cursor-not-allowed"
54
- role="switch"
55
- :disabled="disabled"
56
- @change="onChange"
57
- />
58
- <label class="inline-block pl-[0.15rem] hover:cursor-pointer" :for="id"
59
- >Default switch checkbox input</label
50
+ <label class="relative inline-flex items-center cursor-pointer">
51
+ <input
52
+ :id="id"
53
+ type="checkbox"
54
+ :checked=modelValue
55
+ :value=modelValue
56
+ @input=updateValue
57
+ class="sr-only peer"
58
+ role="switch"
59
+ :disabled="disabled"
60
+ @change=updateValue>
61
+ <div :class="`w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4
62
+ ${style} dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full
63
+ peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px]
64
+ after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all `">
65
+ </div>
66
+ </label>
67
+
68
+ <label class="inline-block pl-[0.15rem] hover:cursor-pointer" :for="id"
69
+ >{{label}}</label
60
70
  >
61
71
  </div>
62
72
  </template>
@@ -66,7 +66,7 @@ const { title, icon } = toRefs(props)
66
66
  <template>
67
67
  <div>
68
68
  <div :class="stylesHeader" @click="toggleDivVisibility">
69
- <h3 class="text-lg"><EpIcon v-if="icon" :icon-path="icon"></EpIcon> {{ title }}</h3>
69
+ <h3 class="text-lg flex items-center"><EpIcon v-if="icon" :icon-path="icon" size="28" extraClass="mr-2"></EpIcon>{{ title }}</h3>
70
70
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
71
71
  :class="`mx-4 my-3 h-6 w-6 transition-all duration-200 ${showDiv ? 'rotate-45' : ''}`">
72
72
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
@@ -137,7 +137,7 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
137
137
  />
138
138
 
139
139
  <div class="mb-6">
140
- <ol class="list-none">
140
+ <ol class="no-list">
141
141
  <li v-for="(answer, i) in answers" :key="answer.uid">
142
142
  <EpRadio
143
143
  :label="`${typeList(i)}. ${answer.text}`"
@@ -83,8 +83,8 @@ const { title, headerImgColor, big } = toRefs(props);
83
83
  <EpChip v-if="duration" :prependIcon="mdiTimerOutline"> {{ duration }}</EpChip>
84
84
  <EpChip v-if="assessment" :prependIcon="mdiChairSchool">Formatif</EpChip>
85
85
  </div>
86
- <div class="md:px-64 flex w-full py-24 grow flex h-full items-center">
87
- <div class="container flex flex-col px-8 max-w-7xl md:flex-row lg:px-16">
86
+ <div class="flex w-full py-24 grow flex h-full items-center">
87
+ <div class="mx-auto w-8/12">
88
88
  <div v-if="title || subtitle"
89
89
  class="p-4 md:items-center backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded"
90
90
  >
@@ -101,7 +101,7 @@ const { title, headerImgColor, big } = toRefs(props);
101
101
  </div>
102
102
  </div>
103
103
 
104
- <div v-if="props.big" class="animate-bounce absolute bottom-32 left-1/2">
104
+ <div v-if="props.big" class="animate-bounce absolute bottom-10 left-1/2">
105
105
  <div class="mx-auto w-12 bg-white rounded-full p-2" @click="clickScroll">
106
106
  <EpIcon :iconPath="mdiChevronDown" size="32"></EpIcon>
107
107
  </div>
@@ -1,6 +0,0 @@
1
- import { c as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { d as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { e as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { f as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { w as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { g as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { h as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { J as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { A as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { j as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { p as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { B as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { C as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { x as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { q as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { y as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { K as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { v as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { b as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { s as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { k as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { L as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { D as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { l as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { E as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,47 +0,0 @@
1
- import { defineComponent as u, toRefs as b, openBlock as _, createElementBlock as p, createElementVNode as a, unref as e } from "vue";
2
- const h = ["id", "type", "checked", "disabled"], k = ["for"], B = /* @__PURE__ */ u({
3
- __name: "EpSwitch",
4
- props: {
5
- id: { default: "toggle" },
6
- label: { default: "label" },
7
- modelValue: { type: Boolean, default: !1 },
8
- type: { default: "checkbox" },
9
- placeholder: { default: "" },
10
- disabled: { type: Boolean, default: !1 },
11
- readonly: { type: Boolean, default: !1 },
12
- checked: { type: Boolean, default: !1 }
13
- },
14
- emits: ["update:modelValue"],
15
- setup(t, { emit: c }) {
16
- const f = t, d = (r) => {
17
- r.target, c("update:modelValue", !0);
18
- }, {
19
- id: o,
20
- label: i,
21
- type: l,
22
- modelValue: x,
23
- placeholder: m,
24
- disabled: s,
25
- readonly: g,
26
- checked: n
27
- } = b(f);
28
- return (r, w) => (_(), p("div", null, [
29
- a("input", {
30
- id: e(o),
31
- type: e(l),
32
- checked: e(n),
33
- class: "form-checkbox mr-2 mt-[0rem] h-4 w-8 appearance-none rounded-full bg-neutral-200 border-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0rem] after:h-3.5 after:w-3.5 after:rounded-full after:border-none after:bg-neutral-50 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-none checked:bg-blue-600 checked:after:absolute checked:after:z-[2] checked:after:-mt-[0px] checked:after:ml-[1.0625rem] checked:after:h-3.5 checked:after:w-3.5 checked:after:rounded-full checked:after:border-none checked:after:bg-neutral-100 checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:outline-none focus:ring-0 focus:before:scale-75 focus:before:opacity-[0.12] focus:before:mt-[0.1rem] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-3.5 focus:after:w-3.5 focus:after:-mt-[0rem] focus:after:rounded-full focus:after:content-[''] checked:focus:border-neutral-200 checked:focus:bg-blue-600 checked:focus:before:ml-[1rem] checked:focus:before:mt-[0.1rem] checked:focus:before:scale-75 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-blue-600 dark:checked:after:bg-blue-600 dark:focus:before:shadow-[3px_-1px_0px_13px_rgba(255,255,255,0.4)] dark:checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] disabled:opacity-40 disabled:cursor-not-allowed",
34
- role: "switch",
35
- disabled: e(s),
36
- onChange: d
37
- }, null, 40, h),
38
- a("label", {
39
- class: "inline-block pl-[0.15rem] hover:cursor-pointer",
40
- for: e(o)
41
- }, "Default switch checkbox input", 8, k)
42
- ]));
43
- }
44
- });
45
- export {
46
- B as default
47
- };
@@ -1,6 +0,0 @@
1
- import { m as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { _ as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { n as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { F as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { G as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };
@@ -1,6 +0,0 @@
1
- import { H as o } from "./index-90cd7bf2.js";
2
- import "vue";
3
- import "vue-router";
4
- export {
5
- o as default
6
- };