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.
- package/dist/{BgAudio-a228cf2d.js → BgAudio-34390318.js} +1 -1
- package/dist/{DisplayBox-0b5dad43.js → DisplayBox-b9d4f538.js} +1 -1
- package/dist/{EpAlert-6989df03.js → EpAlert-8b872ee0.js} +1 -1
- package/dist/{EpAudio-ebe996a9.js → EpAudio-b55c5503.js} +1 -1
- package/dist/EpBadge-da5ad879.js +6 -0
- package/dist/{EpBarChart-52c346de.js → EpBarChart-c838e663.js} +1 -1
- package/dist/EpBtn-03107df4.js +6 -0
- package/dist/EpCard-49eab0aa.js +6 -0
- package/dist/EpChip-76ec9a27.js +6 -0
- package/dist/EpContentSlider-34a27582.js +6 -0
- package/dist/EpDivider-cd17adbe.js +6 -0
- package/dist/{EpEdu-ce928b82.js → EpEdu-ffa5ecd5.js} +1 -1
- package/dist/EpFlex-08861623.js +6 -0
- package/dist/EpHeader-da47c69f.js +6 -0
- package/dist/{EpIcon-4f8bc342.js → EpIcon-1971a787.js} +1 -1
- package/dist/EpIframe-21adace5.js +6 -0
- package/dist/EpImg-395cd91b.js +6 -0
- package/dist/{EpInput-c8787b2d.js → EpInput-37eecd07.js} +1 -1
- package/dist/EpLineChart-5667c90a.js +6 -0
- package/dist/EpLink-f9080e40.js +6 -0
- package/dist/EpLinkVersion-315c54e5.js +6 -0
- package/dist/{EpList-a99a3dd0.js → EpList-ebc2c8e7.js} +1 -1
- package/dist/{EpListitem-457e39b7.js → EpListitem-aa4a0f95.js} +6 -6
- package/dist/EpModal-0e0acdee.js +6 -0
- package/dist/{EpNothing-acde1df4.js → EpNothing-4a7ee1ea.js} +1 -1
- package/dist/EpPieChart-decc1f6b.js +6 -0
- package/dist/EpQuestion-e5d1e392.js +6 -0
- package/dist/EpQuote-786c0ac9.js +6 -0
- package/dist/EpRadio-2e750e76.js +6 -0
- package/dist/EpReading-bd21cf2a.js +6 -0
- package/dist/EpResource-fe801ebb.js +6 -0
- package/dist/{EpScope-3d80861f.js → EpScope-2753e66a.js} +1 -1
- package/dist/EpSection-40b5e9d2.js +6 -0
- package/dist/{EpSelect-6089fdcb.js → EpSelect-7b63361a.js} +1 -1
- package/dist/EpSkeleton-f4663d18.js +6 -0
- package/dist/EpSoftware-42aa398d.js +6 -0
- package/dist/EpSpinner-dce028db.js +6 -0
- package/dist/EpSvg-4b6f8600.js +6 -0
- package/dist/EpSwitch-9feee893.js +64 -0
- package/dist/EpTable-830782da.js +6 -0
- package/dist/EpTerm-b0593ff9.js +6 -0
- package/dist/EpText-0f5f67b5.js +6 -0
- package/dist/EpTimeLine-e062ea33.js +6 -0
- package/dist/EpVideo-99f3eeb8.js +6 -0
- package/dist/EpVideoPanopto-fadeff65.js +6 -0
- package/dist/components/forms/EpSwitch.vue.d.ts +7 -10
- package/dist/ep-lib-ts.js +1 -1
- package/dist/ep-lib-ts.umd.cjs +38 -35
- package/dist/{index-90cd7bf2.js → index-89855806.js} +2305 -2262
- package/dist/style.css +1 -1
- package/dist/types/Switch.d.ts +11 -0
- package/package.json +1 -1
- package/src/components/basics/EpImg.vue +14 -1
- package/src/components/basics/EpListitem.vue +1 -1
- package/src/components/basics/EpTable.vue +1 -1
- package/src/components/educationals/EpReading.vue +9 -1
- package/src/components/forms/EpSwitch.vue +36 -26
- package/src/components/interactions/EpAccordeon.vue +1 -1
- package/src/components/interactions/EpQuestion.vue +1 -1
- package/src/components/signages/EpHeader.vue +3 -3
- package/dist/EpBadge-de5e90c5.js +0 -6
- package/dist/EpBtn-255af003.js +0 -6
- package/dist/EpCard-6dc99a29.js +0 -6
- package/dist/EpChip-ecaf5fdd.js +0 -6
- package/dist/EpContentSlider-67ee8ff1.js +0 -6
- package/dist/EpDivider-399403ef.js +0 -6
- package/dist/EpFlex-ab0b2002.js +0 -6
- package/dist/EpHeader-c1f58215.js +0 -6
- package/dist/EpIframe-c1451be2.js +0 -6
- package/dist/EpImg-6068534f.js +0 -6
- package/dist/EpLineChart-740ffcc2.js +0 -6
- package/dist/EpLink-2414e304.js +0 -6
- package/dist/EpLinkVersion-43c07ab6.js +0 -6
- package/dist/EpModal-ef8a63d2.js +0 -6
- package/dist/EpPieChart-9dcb459f.js +0 -6
- package/dist/EpQuestion-aaa1f8bb.js +0 -6
- package/dist/EpQuote-5b4015f4.js +0 -6
- package/dist/EpRadio-227b82c2.js +0 -6
- package/dist/EpReading-58b135fb.js +0 -6
- package/dist/EpResource-10cc639f.js +0 -6
- package/dist/EpSection-f6695955.js +0 -6
- package/dist/EpSkeleton-0827c884.js +0 -6
- package/dist/EpSoftware-1f53d7fb.js +0 -6
- package/dist/EpSpinner-7f89aad2.js +0 -6
- package/dist/EpSvg-5d7df4f2.js +0 -6
- package/dist/EpSwitch-005fe90a.js +0 -47
- package/dist/EpTable-c8f1f97d.js +0 -6
- package/dist/EpTerm-3d4f8bd2.js +0 -6
- package/dist/EpText-9f05234d.js +0 -6
- package/dist/EpTimeLine-49b8ac13.js +0 -6
- package/dist/EpVideo-37c08690.js +0 -6
- package/dist/EpVideoPanopto-bd41e61d.js +0 -6
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.content[data-v-
|
|
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}
|
package/package.json
CHANGED
|
@@ -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-
|
|
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
|
|
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: "
|
|
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
|
|
31
|
-
|
|
32
|
-
|
|
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
|
-
<
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
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>
|
|
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
|
|
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="
|
|
87
|
-
<div class="
|
|
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-
|
|
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>
|
package/dist/EpBadge-de5e90c5.js
DELETED
package/dist/EpBtn-255af003.js
DELETED
package/dist/EpCard-6dc99a29.js
DELETED
package/dist/EpChip-ecaf5fdd.js
DELETED
package/dist/EpFlex-ab0b2002.js
DELETED
package/dist/EpImg-6068534f.js
DELETED
package/dist/EpLink-2414e304.js
DELETED
package/dist/EpModal-ef8a63d2.js
DELETED
package/dist/EpQuote-5b4015f4.js
DELETED
package/dist/EpRadio-227b82c2.js
DELETED
package/dist/EpSvg-5d7df4f2.js
DELETED
|
@@ -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
|
-
};
|
package/dist/EpTable-c8f1f97d.js
DELETED
package/dist/EpTerm-3d4f8bd2.js
DELETED
package/dist/EpText-9f05234d.js
DELETED
package/dist/EpVideo-37c08690.js
DELETED