ep-lib-ts 1.1.6 → 1.1.7
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/components/basics/EpAvatar.vue.js +55 -1
- package/dist/components/basics/EpAvatar.vue.js.map +1 -1
- package/dist/components/basics/EpAvatar.vue2.js +1 -55
- package/dist/components/basics/EpAvatar.vue2.js.map +1 -1
- package/dist/components/basics/EpSection.vue.js +8 -15
- package/dist/components/basics/EpSection.vue.js.map +1 -1
- package/dist/components/basics/EpSectionCols.vue.js +8 -15
- package/dist/components/basics/EpSectionCols.vue.js.map +1 -1
- package/dist/components/basics/EpStackedList.vue.js +1 -1
- package/dist/components/educationals/EpConclusion.vue.js +1 -1
- package/dist/components/educationals/EpDescription.vue.js +1 -1
- package/dist/components/educationals/EpInstructions.vue.js +1 -1
- package/dist/components/educationals/EpIntroduction.vue.js +1 -1
- package/dist/components/educationals/EpResource.vue.js +1 -1
- package/dist/components/educationals/EpResource.vue.js.map +1 -1
- package/dist/components/educationals/EpSegmentedBox.vue.js +1 -1
- package/dist/components/interactions/EpAccordeon.vue.js +1 -1
- package/dist/components/interactions/EpAccordeon.vue2.js +23 -14
- package/dist/components/interactions/EpAccordeon.vue2.js.map +1 -1
- package/dist/components/interactions/EpContentSlider.vue.js +2 -2
- package/dist/components/interactions/EpContentSlider.vue.js.map +1 -1
- package/dist/components/interactions/EpQuestion.vue.js +1 -1
- package/dist/components/interactions/EpQuestion.vue.js.map +1 -1
- package/dist/components/medias/EpHierarchy.vue2.js +1 -1
- package/dist/components/medias/EpHierarchy.vue2.js.map +1 -1
- package/dist/components/signages/EpAlert.vue2.js +1 -1
- package/dist/components/signages/EpQuote.vue.js +1 -1
- package/dist/components/tools/RenderTextNode.vue.js +1 -19
- package/dist/components/tools/RenderTextNode.vue.js.map +1 -1
- package/dist/components/tools/RenderTextNode.vue2.js +19 -1
- package/dist/components/tools/RenderTextNode.vue2.js.map +1 -1
- package/dist/components/tools/SegmentedBox.vue.js +1 -55
- package/dist/components/tools/SegmentedBox.vue.js.map +1 -1
- package/dist/components/tools/SegmentedBox.vue2.js +55 -1
- package/dist/components/tools/SegmentedBox.vue2.js.map +1 -1
- package/dist/components/tools/TextMedia.vue2.js +1 -1
- package/dist/components/tools/TextMedia.vue2.js.map +1 -1
- package/dist/components/tools/TimelineItem.vue2.js +1 -1
- package/dist/components/tools/TwoColsMedia.vue2.js +2 -2
- package/dist/components/tools/TwoColsMedia.vue2.js.map +1 -1
- package/dist/style.css +55 -55
- package/dist/types/interactions/EpAccordeon.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,4 +1,58 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
|
|
2
|
+
import { typeAvatar } from "../../types/Avatar.js";
|
|
3
|
+
import useColors from "../../composables/useColors.js";
|
|
4
|
+
const _hoisted_1 = { key: 0 };
|
|
5
|
+
const _hoisted_2 = ["src", "alt"];
|
|
6
|
+
const _hoisted_3 = { key: 1 };
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "EpAvatar",
|
|
9
|
+
props: {
|
|
10
|
+
src: { default: "" },
|
|
11
|
+
alt: { default: "" },
|
|
12
|
+
color: { default: "primary" },
|
|
13
|
+
size: { default: "small" },
|
|
14
|
+
variant: { default: "circle" },
|
|
15
|
+
name: { default: "" }
|
|
16
|
+
},
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const style = computed(() => {
|
|
20
|
+
return props.variant;
|
|
21
|
+
});
|
|
22
|
+
const size = computed(() => {
|
|
23
|
+
return props.size;
|
|
24
|
+
});
|
|
25
|
+
const final_style = computed(() => {
|
|
26
|
+
var _a;
|
|
27
|
+
return `${(_a = typeAvatar[style.value]) == null ? void 0 : _a[size.value]}`;
|
|
28
|
+
});
|
|
29
|
+
const bgcolor = computed(() => {
|
|
30
|
+
return useColors(props.color);
|
|
31
|
+
});
|
|
32
|
+
const final_name = computed(() => {
|
|
33
|
+
if (props.name.length > 2) {
|
|
34
|
+
return props.name.slice(0, 2);
|
|
35
|
+
} else {
|
|
36
|
+
return props.name;
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
return (_ctx, _cache) => {
|
|
40
|
+
return openBlock(), createElementBlock("div", null, [
|
|
41
|
+
props.src != "" ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
42
|
+
createElementVNode("img", {
|
|
43
|
+
src: props.src,
|
|
44
|
+
alt: props.alt,
|
|
45
|
+
class: normalizeClass(`${final_style.value} `)
|
|
46
|
+
}, null, 10, _hoisted_2)
|
|
47
|
+
])) : props.src == "" ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
48
|
+
createElementVNode("div", {
|
|
49
|
+
class: normalizeClass(`${final_style.value} ${bgcolor.value} justify-center font-bold text-white flex items-center`)
|
|
50
|
+
}, toDisplayString(final_name.value), 3)
|
|
51
|
+
])) : createCommentVNode("", true)
|
|
52
|
+
]);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
});
|
|
2
56
|
export {
|
|
3
57
|
_sfc_main as default
|
|
4
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EpAvatar.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"EpAvatar.vue.js","sources":["../../../src/components/basics/EpAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeAvatar } from \"../../types/Avatar\";\nimport type { EpAvatarProps } from \"../../types/basics/EpAvatar\";\nimport useColors from \"../../composables/useColors\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpAvatarProps>(), {\n src: \"\",\n alt: \"\",\n color: \"primary\",\n size: \"small\",\n variant: \"circle\",\n name: \"\",\n});\n\nconst style = computed(() => {\n return props.variant;\n});\n\nconst size = computed(() => {\n return props.size;\n});\n\nconst final_style = computed(() => {\n return `${typeAvatar[style.value]?.[size.value]}`;\n});\n\nconst bgcolor = computed(() => {\n return useColors(props.color);\n});\n\nconst final_name = computed(() => {\n if (props.name.length > 2) {\n return props.name.slice(0, 2);\n } else {\n return props.name;\n }\n});\n</script>\n<template>\n <div>\n <div v-if=\"props.src != ''\">\n <img :src=\"props.src\" :alt=\"props.alt\" :class=\"`${final_style} `\" />\n </div>\n <div v-else-if=\"props.src == ''\">\n <div\n :class=\"`${final_style} ${bgcolor} justify-center font-bold text-white flex items-center`\"\n >\n {{ final_name }}\n </div>\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAS,MAAM;AACzB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AACxB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AAC/B,aAAO,IAAG,gBAAW,MAAM,KAAK,MAAtB,mBAA0B,KAAK,MAAM;AAAA,IACnD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC3B,aAAO,UAAU,MAAM,KAAK;AAAA,IAChC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,KAAK,SAAS,GAAG;AACvB,eAAO,MAAM,KAAK,MAAM,GAAG,CAAC;AAAA,MAChC,OAAO;AACH,eAAO,MAAM;AAAA,MACjB;AAAA,IACJ,CAAC;;0BAGGA,mBAWM,OAAA,MAAA;AAAA,QAVS,MAAM,OAAG,mBAApBA,mBAEM,OAAA,YAAA;AAAA,UADFC,mBAAoE,OAAA;AAAA,YAA9D,KAAK,MAAM;AAAA,YAAM,KAAK,MAAM;AAAA,YAAM,yBAAU,YAAA,KAAW,GAAA;AAAA,UAAA;cAEjD,MAAM,OAAG,mBAAzBD,mBAMM,OAAA,YAAA;AAAA,UALFC,mBAIM,OAAA;AAAA,YAHD,OAAKC,eAAA,GAAK,YAAA,KAAW,KAAK,QAAA,KAAO,yDAAA;AAAA,UAAA,mBAE/B,WAAA,KAAU,GAAA,CAAA;AAAA,QAAA;;;;;"}
|
|
@@ -1,58 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { typeAvatar } from "../../types/Avatar.js";
|
|
3
|
-
import useColors from "../../composables/useColors.js";
|
|
4
|
-
const _hoisted_1 = { key: 0 };
|
|
5
|
-
const _hoisted_2 = ["src", "alt"];
|
|
6
|
-
const _hoisted_3 = { key: 1 };
|
|
7
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
-
__name: "EpAvatar",
|
|
9
|
-
props: {
|
|
10
|
-
src: { default: "" },
|
|
11
|
-
alt: { default: "" },
|
|
12
|
-
color: { default: "primary" },
|
|
13
|
-
size: { default: "small" },
|
|
14
|
-
variant: { default: "circle" },
|
|
15
|
-
name: { default: "" }
|
|
16
|
-
},
|
|
17
|
-
setup(__props) {
|
|
18
|
-
const props = __props;
|
|
19
|
-
const style = computed(() => {
|
|
20
|
-
return props.variant;
|
|
21
|
-
});
|
|
22
|
-
const size = computed(() => {
|
|
23
|
-
return props.size;
|
|
24
|
-
});
|
|
25
|
-
const final_style = computed(() => {
|
|
26
|
-
var _a;
|
|
27
|
-
return `${(_a = typeAvatar[style.value]) == null ? void 0 : _a[size.value]}`;
|
|
28
|
-
});
|
|
29
|
-
const bgcolor = computed(() => {
|
|
30
|
-
return useColors(props.color);
|
|
31
|
-
});
|
|
32
|
-
const final_name = computed(() => {
|
|
33
|
-
if (props.name.length > 2) {
|
|
34
|
-
return props.name.slice(0, 2);
|
|
35
|
-
} else {
|
|
36
|
-
return props.name;
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
return (_ctx, _cache) => {
|
|
40
|
-
return openBlock(), createElementBlock("div", null, [
|
|
41
|
-
props.src != "" ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
42
|
-
createElementVNode("img", {
|
|
43
|
-
src: props.src,
|
|
44
|
-
alt: props.alt,
|
|
45
|
-
class: normalizeClass(`${final_style.value} `)
|
|
46
|
-
}, null, 10, _hoisted_2)
|
|
47
|
-
])) : props.src == "" ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
48
|
-
createElementVNode("div", {
|
|
49
|
-
class: normalizeClass(`${final_style.value} ${bgcolor.value} justify-center font-bold text-white flex items-center`)
|
|
50
|
-
}, toDisplayString(final_name.value), 3)
|
|
51
|
-
])) : createCommentVNode("", true)
|
|
52
|
-
]);
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
});
|
|
1
|
+
import _sfc_main from "./EpAvatar.vue.js";
|
|
56
2
|
export {
|
|
57
3
|
_sfc_main as default
|
|
58
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EpAvatar.vue2.js","sources":[
|
|
1
|
+
{"version":3,"file":"EpAvatar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -13,15 +13,12 @@ const _hoisted_5 = {
|
|
|
13
13
|
class: "w-full"
|
|
14
14
|
};
|
|
15
15
|
const _hoisted_6 = ["src", "alt"];
|
|
16
|
-
const _hoisted_7 =
|
|
17
|
-
const _hoisted_8 = {
|
|
18
|
-
const _hoisted_9 = { class: "dark:text-white" };
|
|
19
|
-
const _hoisted_10 = ["innerHTML"];
|
|
20
|
-
const _hoisted_11 = {
|
|
16
|
+
const _hoisted_7 = ["innerHTML"];
|
|
17
|
+
const _hoisted_8 = {
|
|
21
18
|
key: 1,
|
|
22
19
|
class: "w-full"
|
|
23
20
|
};
|
|
24
|
-
const
|
|
21
|
+
const _hoisted_9 = ["src", "alt"];
|
|
25
22
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
26
23
|
__name: "EpSection",
|
|
27
24
|
props: {
|
|
@@ -103,17 +100,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
103
100
|
], 64)) : (openBlock(), createBlock(Comp, {
|
|
104
101
|
key: 1,
|
|
105
102
|
title: _ctx.title,
|
|
103
|
+
subtitle: _ctx.subtitle,
|
|
106
104
|
open: _ctx.open,
|
|
107
105
|
icon: _ctx.icon,
|
|
108
106
|
outlined: ""
|
|
109
107
|
}, {
|
|
110
108
|
default: withCtx(() => [
|
|
111
|
-
_ctx.title || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
112
|
-
createElementVNode("h2", _hoisted_8, toDisplayString(_ctx.title), 1),
|
|
113
|
-
createElementVNode("h3", _hoisted_9, toDisplayString(_ctx.subtitle), 1)
|
|
114
|
-
])) : createCommentVNode("", true),
|
|
115
109
|
_ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
|
|
116
|
-
key:
|
|
110
|
+
key: 0,
|
|
117
111
|
class: normalizeClass(`flex ${_ctx.mediaAling}`)
|
|
118
112
|
}, [
|
|
119
113
|
createElementVNode("div", {
|
|
@@ -123,19 +117,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
123
117
|
key: 0,
|
|
124
118
|
innerHTML: _ctx.media,
|
|
125
119
|
class: "w-full"
|
|
126
|
-
}, null, 8,
|
|
120
|
+
}, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("div", _hoisted_8, [
|
|
127
121
|
createElementVNode("img", {
|
|
128
122
|
src: _ctx.src,
|
|
129
123
|
alt: `image section ${_ctx.title}`
|
|
130
|
-
}, null, 8,
|
|
124
|
+
}, null, 8, _hoisted_9)
|
|
131
125
|
]))
|
|
132
126
|
], 2)
|
|
133
127
|
], 2)) : createCommentVNode("", true),
|
|
134
|
-
_ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 2 })) : createCommentVNode("", true),
|
|
135
128
|
renderSlot(_ctx.$slots, "default")
|
|
136
129
|
]),
|
|
137
130
|
_: 3
|
|
138
|
-
}, 8, ["title", "open", "icon"]))
|
|
131
|
+
}, 8, ["title", "subtitle", "open", "icon"]))
|
|
139
132
|
], 8, _hoisted_1);
|
|
140
133
|
};
|
|
141
134
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EpSection.vue.js","sources":["../../../src/components/basics/EpSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionProps } from \"~/types/basics/EpSection\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpSectionProps>(), {\n title: null,\n icon: null,\n colsMedia: \"6\",\n mediaAling: \"justify-center\",\n});\n\nconst id = props.uid || useCreateUid();\n\nconst iconSize = computed(() => {\n if (props.title && props.subtitle) return 40;\n return 25;\n});\n\nconst styleTitle = computed(() => {\n if (props.endIcon) {\n return \"justify-between\";\n }\n return \"\";\n});\n\nconst renderCols = computed(() => {\n return cols_img[+props.colsMedia];\n});\n\n</script>\n\n<template>\n <section class=\"EpSection\" :id=\"`section-${id}`\">\n <!--normal mode-->\n <template v-if=\"!compact\">\n <div :class=\"`flex items-center ${styleTitle}`\">\n <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n </div>\n <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n </div>\n \n <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n <div :class=\"`dark:text-white ${renderCols}`\">\n <!--svg s'importe sur l'image src-->\n <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n <!-- img -->\n <div v-else class=\"w-full\">\n <img :src=\"src\" :alt=\"`image section ${title}`\" />\n </div>\n </div>\n </div>\n <EpDivider v-if=\"title || subtitle\" />\n <slot />\n </template>\n \n <!--compact mode-->\n <template v-else>\n <EpAccordeon :title=\"title\" :
|
|
1
|
+
{"version":3,"file":"EpSection.vue.js","sources":["../../../src/components/basics/EpSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionProps } from \"~/types/basics/EpSection\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpSectionProps>(), {\n title: null,\n icon: null,\n colsMedia: \"6\",\n mediaAling: \"justify-center\",\n});\n\nconst id = props.uid || useCreateUid();\n\nconst iconSize = computed(() => {\n if (props.title && props.subtitle) return 40;\n return 25;\n});\n\nconst styleTitle = computed(() => {\n if (props.endIcon) {\n return \"justify-between\";\n }\n return \"\";\n});\n\nconst renderCols = computed(() => {\n return cols_img[+props.colsMedia];\n});\n\n</script>\n\n<template>\n <section class=\"EpSection\" :id=\"`section-${id}`\">\n <!--normal mode-->\n <template v-if=\"!compact\">\n <div :class=\"`flex items-center ${styleTitle}`\">\n <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n </div>\n <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n </div>\n \n <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n <div :class=\"`dark:text-white ${renderCols}`\">\n <!--svg s'importe sur l'image src-->\n <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n <!-- img -->\n <div v-else class=\"w-full\">\n <img :src=\"src\" :alt=\"`image section ${title}`\" />\n </div>\n </div>\n </div>\n <EpDivider v-if=\"title || subtitle\" />\n <slot />\n </template>\n \n <!--compact mode-->\n <template v-else>\n <EpAccordeon :title=\"title\" :subtitle=\"subtitle\" :open=\"open\" :icon=\"icon\" outlined>\n <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n <div :class=\"`dark:text-white ${renderCols}`\">\n <!--svg s'importe sur l'image src-->\n <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n <!-- img -->\n <div v-else class=\"w-full\">\n <img :src=\"src\" :alt=\"`image section ${title}`\" />\n </div>\n </div>\n </div>\n <slot />\n </EpAccordeon>\n </template>\n </section>\n</template>\n"],"names":["_createElementBlock","_unref","compact","_Fragment","_createElementVNode","icon","endIcon","_createBlock","EpIcon","_toDisplayString","title","subtitle","media","src","mediaAling","_openBlock","EpDivider","_renderSlot","EpAccordeon","open"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAOd,UAAM,KAAM,MAAM,OAAO,aAAA;AAEzB,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,MAAM,SAAU,QAAO;AAC1C,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,SAAS;AACjB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,CAAC,MAAM,SAAS;AAAA,IAClC,CAAC;;0BAKCA,mBA0CU,WAAA;AAAA,QA1CD,OAAM;AAAA,QAAa,eAAeC,MAAA,EAAA,CAAE;AAAA,MAAA;SAE1BC,KAAAA,wBAAjBF,mBAsBWG,UAAA,EAAA,KAAA,KAAA;AAAA,UArBTC,mBAOM,OAAA;AAAA,YAPA,2CAA4B,WAAA,KAAU,EAAA;AAAA,UAAA;YACOC,KAAAA,SAASC,KAAAA,wBAA1DC,YAAqEC,aAAA;AAAA;cAA5D,aAAWH,KAAAA;AAAAA,cAAO,MAAM,SAAA;AAAA,YAAA;YACjCD,mBAGM,OAAA;AAAA,cAHA,yBAAUE,KAAAA,UAAO,KAAA,MAAA,EAAA;AAAA,YAAA;cACrBF,mBAAmE,MAAnE,YAAmEK,gBAAbC,KAAAA,KAAK,GAAA,CAAA;AAAA,cAC3DN,mBAA+C,MAA/C,YAA+CK,gBAAhBE,KAAAA,QAAQ,GAAA,CAAA;AAAA,YAAA;YAEQN,KAAAA,QAAQC,KAAAA,wBAAzDC,YAAoEC,aAAA;AAAA;cAA3D,aAAWH,KAAAA;AAAAA,cAAO,MAAM,SAAA;AAAA,YAAA;;UAGMO,KAAAA,SAASC,KAAAA,oBAAlDb,mBASM,OAAA;AAAA;YATA,8BAAec,KAAAA,UAAU,EAAA;AAAA,UAAA;YAC7BV,mBAOM,OAAA;AAAA,cAPA,yCAA0B,WAAA,KAAU,EAAA;AAAA,YAAA;cAECQ,KAAAA,sBAAzCZ,mBAAkD,OAAA;AAAA;gBAA7C,WAAQY,KAAAA;AAAAA,gBAAO,OAAM;AAAA,cAAA,4BAE1BG,UAAA,GAAAf,mBAEM,OAFN,YAEM;AAAA,gBADJI,mBAAkD,OAAA;AAAA,kBAA5C,KAAKS,KAAAA;AAAAA,kBAAM,sBAAsBH,KAAAA,KAAK;AAAA,gBAAA;;;;UAIjCA,KAAAA,SAASC,KAAAA,yBAA1BJ,YAAsCS,aAAA,EAAA,KAAA,EAAA,CAAA;UACtCC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA,wBAKRV,YAYcW,MAAA;AAAA;UAZA,OAAOR,KAAAA;AAAAA,UAAQ,UAAUC,KAAAA;AAAAA,UAAW,MAAMQ,KAAAA;AAAAA,UAAO,MAAMd,KAAAA;AAAAA,UAAM,UAAA;AAAA,QAAA;2BACzE,MASM;AAAA,YATmCO,KAAAA,SAASC,KAAAA,oBAAlDb,mBASM,OAAA;AAAA;cATA,8BAAec,KAAAA,UAAU,EAAA;AAAA,YAAA;cAC7BV,mBAOM,OAAA;AAAA,gBAPA,yCAA0B,WAAA,KAAU,EAAA;AAAA,cAAA;gBAECQ,KAAAA,sBAAzCZ,mBAAkD,OAAA;AAAA;kBAA7C,WAAQY,KAAAA;AAAAA,kBAAO,OAAM;AAAA,gBAAA,4BAE1BG,UAAA,GAAAf,mBAEM,OAFN,YAEM;AAAA,kBADJI,mBAAkD,OAAA;AAAA,oBAA5C,KAAKS,KAAAA;AAAAA,oBAAM,sBAAsBH,KAAAA,KAAK;AAAA,kBAAA;;;;YAIlDO,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}
|
|
@@ -14,15 +14,12 @@ const _hoisted_5 = {
|
|
|
14
14
|
class: "w-full"
|
|
15
15
|
};
|
|
16
16
|
const _hoisted_6 = ["src", "alt"];
|
|
17
|
-
const _hoisted_7 =
|
|
18
|
-
const _hoisted_8 = {
|
|
19
|
-
const _hoisted_9 = { class: "dark:text-white" };
|
|
20
|
-
const _hoisted_10 = ["innerHTML"];
|
|
21
|
-
const _hoisted_11 = {
|
|
17
|
+
const _hoisted_7 = ["innerHTML"];
|
|
18
|
+
const _hoisted_8 = {
|
|
22
19
|
key: 1,
|
|
23
20
|
class: "w-full"
|
|
24
21
|
};
|
|
25
|
-
const
|
|
22
|
+
const _hoisted_9 = ["src", "alt"];
|
|
26
23
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
27
24
|
__name: "EpSectionCols",
|
|
28
25
|
props: {
|
|
@@ -125,17 +122,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
125
122
|
], 64)) : (openBlock(), createBlock(Comp, {
|
|
126
123
|
key: 1,
|
|
127
124
|
title: _ctx.title,
|
|
125
|
+
subtitle: _ctx.subtitle,
|
|
128
126
|
open: _ctx.open,
|
|
129
127
|
icon: _ctx.icon,
|
|
130
128
|
outlined: ""
|
|
131
129
|
}, {
|
|
132
130
|
default: withCtx(() => [
|
|
133
|
-
_ctx.title || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
134
|
-
createElementVNode("h2", _hoisted_8, toDisplayString(_ctx.title), 1),
|
|
135
|
-
createElementVNode("h3", _hoisted_9, toDisplayString(_ctx.subtitle), 1)
|
|
136
|
-
])) : createCommentVNode("", true),
|
|
137
131
|
_ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
|
|
138
|
-
key:
|
|
132
|
+
key: 0,
|
|
139
133
|
class: normalizeClass(`flex ${_ctx.mediaAling}`)
|
|
140
134
|
}, [
|
|
141
135
|
createElementVNode("div", {
|
|
@@ -145,15 +139,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
145
139
|
key: 0,
|
|
146
140
|
innerHTML: _ctx.media,
|
|
147
141
|
class: "w-full"
|
|
148
|
-
}, null, 8,
|
|
142
|
+
}, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("div", _hoisted_8, [
|
|
149
143
|
createElementVNode("img", {
|
|
150
144
|
src: _ctx.src,
|
|
151
145
|
alt: `image section ${_ctx.title}`
|
|
152
|
-
}, null, 8,
|
|
146
|
+
}, null, 8, _hoisted_9)
|
|
153
147
|
]))
|
|
154
148
|
], 2)
|
|
155
149
|
], 2)) : createCommentVNode("", true),
|
|
156
|
-
_ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 2 })) : createCommentVNode("", true),
|
|
157
150
|
createElementVNode("div", {
|
|
158
151
|
class: normalizeClass(`flex ${_ctx.gap}`)
|
|
159
152
|
}, [
|
|
@@ -170,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
170
163
|
], 2)
|
|
171
164
|
]),
|
|
172
165
|
_: 3
|
|
173
|
-
}, 8, ["title", "open", "icon"]))
|
|
166
|
+
}, 8, ["title", "subtitle", "open", "icon"]))
|
|
174
167
|
], 8, _hoisted_1);
|
|
175
168
|
};
|
|
176
169
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EpSectionCols.vue.js","sources":["../../../src/components/basics/EpSectionCols.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport { allowedColWidths } from \"~/types/Cols\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionColsProps } from \"~/types/basics/EpSectionCols\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpSectionColsProps>(), {\n title: null,\n icon: null,\n colsMedia: \"6\",\n mediaAling: \"justify-center\",\n gap: \"gap-1\",\n leftCol: \"w-full\",\n});\n\nconst id = props.uid || useCreateUid()\n\nconst iconSize = computed(() => {\n if (props.title && props.subtitle) return 40;\n return 25;\n});\n\nconst styleTitle = computed(() => {\n if (props.endIcon) {\n return \"justify-between\";\n }\n return \"\";\n});\n\nconst renderCols = computed(() => {\n return cols_img[+props.colsMedia];\n});\n\nconst rightCol = computed(() => {\n if (props.leftCol === \"w-full\") return \"w-full\";\n const leftIndex = allowedColWidths.indexOf(props.leftCol);\n const rightIndex = allowedColWidths.length - leftIndex - 2;\n return allowedColWidths[rightIndex] || \"w-full\";\n});\n</script>\n\n<template>\n <section class=\"EpSection\" :id=\"`section-${id}`\">\n <!--normal mode-->\n <template v-if=\"!compact\">\n <div :class=\"`flex items-center ${styleTitle}`\">\n <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n </div>\n <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n </div>\n <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n <div :class=\"`dark:text-white ${renderCols}`\">\n <!--svg s'importe sur l'image src-->\n <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n <!-- img -->\n <div v-else class=\"w-full\">\n <img :src=\"src\" :alt=\"`image section ${title}`\" />\n </div>\n </div>\n </div>\n <EpDivider v-if=\"title || subtitle\" />\n <!-- Two-column layout -->\n <div :class=\"`flex ${gap}`\">\n <!-- First column slot -->\n <div :class=\"`${leftCol}`\">\n <slot name=\"left\" />\n </div>\n <!-- Second column slot -->\n <div :class=\"`${rightCol}`\">\n <slot name=\"right\" />\n </div>\n </div>\n <!--end layout-->\n\n </template>\n <!--compact mode-->\n <template v-else>\n <EpAccordeon :title=\"title\" :
|
|
1
|
+
{"version":3,"file":"EpSectionCols.vue.js","sources":["../../../src/components/basics/EpSectionCols.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport { allowedColWidths } from \"~/types/Cols\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionColsProps } from \"~/types/basics/EpSectionCols\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpSectionColsProps>(), {\n title: null,\n icon: null,\n colsMedia: \"6\",\n mediaAling: \"justify-center\",\n gap: \"gap-1\",\n leftCol: \"w-full\",\n});\n\nconst id = props.uid || useCreateUid()\n\nconst iconSize = computed(() => {\n if (props.title && props.subtitle) return 40;\n return 25;\n});\n\nconst styleTitle = computed(() => {\n if (props.endIcon) {\n return \"justify-between\";\n }\n return \"\";\n});\n\nconst renderCols = computed(() => {\n return cols_img[+props.colsMedia];\n});\n\nconst rightCol = computed(() => {\n if (props.leftCol === \"w-full\") return \"w-full\";\n const leftIndex = allowedColWidths.indexOf(props.leftCol);\n const rightIndex = allowedColWidths.length - leftIndex - 2;\n return allowedColWidths[rightIndex] || \"w-full\";\n});\n</script>\n\n<template>\n <section class=\"EpSection\" :id=\"`section-${id}`\">\n <!--normal mode-->\n <template v-if=\"!compact\">\n <div :class=\"`flex items-center ${styleTitle}`\">\n <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n </div>\n <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n </div>\n <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n <div :class=\"`dark:text-white ${renderCols}`\">\n <!--svg s'importe sur l'image src-->\n <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n <!-- img -->\n <div v-else class=\"w-full\">\n <img :src=\"src\" :alt=\"`image section ${title}`\" />\n </div>\n </div>\n </div>\n <EpDivider v-if=\"title || subtitle\" />\n <!-- Two-column layout -->\n <div :class=\"`flex ${gap}`\">\n <!-- First column slot -->\n <div :class=\"`${leftCol}`\">\n <slot name=\"left\" />\n </div>\n <!-- Second column slot -->\n <div :class=\"`${rightCol}`\">\n <slot name=\"right\" />\n </div>\n </div>\n <!--end layout-->\n\n </template>\n <!--compact mode-->\n <template v-else>\n <EpAccordeon :title=\"title\" :subtitle=\"subtitle\" :open=\"open\" :icon=\"icon\" outlined>\n <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n <div :class=\"`dark:text-white ${renderCols}`\">\n <!--svg s'importe sur l'image src-->\n <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n <!-- img -->\n <div v-else class=\"w-full\">\n <img :src=\"src\" :alt=\"`image section ${title}`\" />\n </div>\n </div>\n </div>\n <!-- Two-column layout -->\n <div :class=\"`flex ${gap}`\">\n <!-- First column slot -->\n <div :class=\"`${leftCol}`\">\n <slot name=\"left\" />\n </div>\n <!-- Second column slot -->\n <div :class=\"`${rightCol}`\">\n <slot name=\"right\" />\n </div>\n </div>\n <!--end layout-->\n </EpAccordeon>\n </template>\n\n </section>\n</template>\n"],"names":["_createElementBlock","_unref","compact","_Fragment","_createElementVNode","icon","endIcon","_createBlock","EpIcon","_toDisplayString","title","subtitle","media","src","mediaAling","_openBlock","EpDivider","gap","leftCol","_renderSlot","EpAccordeon","open"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, createBlock, createCommentVNode, mergeProps, toDisplayString, unref, createVNode } from "vue";
|
|
2
|
-
import _sfc_main$1 from "./EpAvatar.
|
|
2
|
+
import _sfc_main$1 from "./EpAvatar.vue.js";
|
|
3
3
|
import _sfc_main$2 from "./EpIcon.vue.js";
|
|
4
4
|
import { useRenderText } from "../../composables/useRenderText.js";
|
|
5
5
|
import { roundedType } from "../../types/StackedList.js";
|
|
@@ -3,7 +3,7 @@ import _sfc_main$4 from "../basics/EpIcon.vue.js";
|
|
|
3
3
|
import _sfc_main$2 from "../interactions/EpModal.vue.js";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import _sfc_main$1 from "../basics/EpBtn.vue.js";
|
|
6
|
-
import _sfc_main$3 from "../tools/RenderTextNode.
|
|
6
|
+
import _sfc_main$3 from "../tools/RenderTextNode.vue2.js";
|
|
7
7
|
const _hoisted_1 = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" };
|
|
8
8
|
const _hoisted_2 = { class: "py-2" };
|
|
9
9
|
const _hoisted_3 = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, toRefs, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createTextVNode, unref, toDisplayString, createVNode } from "vue";
|
|
2
2
|
import _sfc_main$1 from "../basics/EpIcon.vue.js";
|
|
3
|
-
import _sfc_main$2 from "../tools/RenderTextNode.
|
|
3
|
+
import _sfc_main$2 from "../tools/RenderTextNode.vue2.js";
|
|
4
4
|
const _hoisted_1 = { class: "lg:grid lg:grid-cols-12 lg:gap-8" };
|
|
5
5
|
const _hoisted_2 = { class: "lg:col-span-2" };
|
|
6
6
|
const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight sm:text-xl" };
|
|
@@ -2,7 +2,7 @@ import { defineComponent, toRefs, createElementBlock, openBlock, createElementVN
|
|
|
2
2
|
import _sfc_main$1 from "../basics/EpIcon.vue.js";
|
|
3
3
|
import Comp from "../interactions/EpAccordeon.vue.js";
|
|
4
4
|
import _sfc_main$3 from "../basics/EpImg.vue.js";
|
|
5
|
-
import _sfc_main$2 from "../tools/RenderTextNode.
|
|
5
|
+
import _sfc_main$2 from "../tools/RenderTextNode.vue2.js";
|
|
6
6
|
const _hoisted_1 = { class: "lg:grid lg:grid-cols-12 lg:gap-8" };
|
|
7
7
|
const _hoisted_2 = { class: "lg:col-span-2" };
|
|
8
8
|
const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight sm:text-xl" };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createTextVNode, toDisplayString, createVNode } from "vue";
|
|
2
2
|
import _sfc_main$1 from "../basics/EpIcon.vue.js";
|
|
3
|
-
import _sfc_main$2 from "../tools/RenderTextNode.
|
|
3
|
+
import _sfc_main$2 from "../tools/RenderTextNode.vue2.js";
|
|
4
4
|
const _hoisted_1 = { class: "lg:grid lg:grid-cols-12 lg:gap-8" };
|
|
5
5
|
const _hoisted_2 = { class: "lg:col-span-2" };
|
|
6
6
|
const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight sm:text-xl" };
|
|
@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
43
43
|
return defineAsyncComponent(() => import("./EpReading.vue2.js"));
|
|
44
44
|
}
|
|
45
45
|
return defineAsyncComponent(
|
|
46
|
-
() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.
|
|
46
|
+
() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"), "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"), "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"), "../basics/EpChip.vue": () => import("../basics/EpChip.vue2.js"), "../basics/EpDivider.vue": () => import("../basics/EpDivider.vue2.js"), "../basics/EpFlex.vue": () => import("../basics/EpFlex.vue2.js"), "../basics/EpHover.vue": () => import("../basics/EpHover.vue2.js"), "../basics/EpHoverCard.vue": () => import("../basics/EpHoverCard.vue2.js"), "../basics/EpIcon.vue": () => import("../basics/EpIcon.vue2.js"), "../basics/EpImg.vue": () => import("../basics/EpImg.vue2.js"), "../basics/EpImgCarousel.vue": () => import("../basics/EpImgCarousel.vue2.js"), "../basics/EpList.vue": () => import("../basics/EpList.vue.js"), "../basics/EpListItem.vue": () => import("../basics/EpListItem.vue2.js"), "../basics/EpSection.vue": () => import("../basics/EpSection.vue2.js"), "../basics/EpSectionCols.vue": () => import("../basics/EpSectionCols.vue2.js"), "../basics/EpSpinner.vue": () => import("../basics/EpSpinner.vue2.js"), "../basics/EpStackedList.vue": () => import("../basics/EpStackedList.vue2.js"), "../basics/EpTable.vue": () => import("../basics/EpTable.vue2.js"), "../basics/EpText.vue": () => import("../basics/EpText.vue2.js"), "../charts/EpBarChart.vue": () => import("../charts/EpBarChart.vue2.js"), "../charts/EpFunnelChart.vue": () => import("../charts/EpFunnelChart.vue2.js"), "../charts/EpLineChart.vue": () => import("../charts/EpLineChart.vue2.js"), "../charts/EpPieChart.vue": () => import("../charts/EpPieChart.vue2.js"), "./EpBranchingScenario.vue": () => import("./EpBranchingScenario.vue.js"), "./EpCodeblock.vue": () => import("./EpCodeblock.vue3.js"), "./EpConclusion.vue": () => import("./EpConclusion.vue2.js"), "./EpDescription.vue": () => import("./EpDescription.vue2.js"), "./EpDocument.vue": () => import("./EpDocument.vue2.js"), "./EpEdu.vue": () => import("./EpEdu.vue2.js"), "./EpInstructions.vue": () => import("./EpInstructions.vue2.js"), "./EpIntroduction.vue": () => import("./EpIntroduction.vue2.js"), "./EpObjective.vue": () => import("./EpObjective.vue2.js"), "./EpReading.vue": () => import("./EpReading.vue2.js"), "./EpResource.vue": () => import("./EpResource.vue2.js"), "./EpScope.vue": () => import("./EpScope.vue2.js"), "./EpSegmentedBox.vue": () => import("./EpSegmentedBox.vue2.js"), "./EpSpecificObjective.vue": () => import("./EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue.js"), "../interactions/Ep360Image.vue": () => import("../interactions/Ep360Image.vue.js"), "../interactions/Ep360Video.vue": () => import("../interactions/Ep360Video.vue.js"), "../interactions/EpAccordeon.vue": () => import("../interactions/EpAccordeon.vue.js"), "../interactions/EpAssociation.vue": () => import("../interactions/EpAssociation.vue2.js"), "../interactions/EpContentSlider.vue": () => import("../interactions/EpContentSlider.vue2.js"), "../interactions/EpDarkMode.vue": () => import("../interactions/EpDarkMode.vue2.js"), "../interactions/EpDraggable.vue": () => import("../interactions/EpDraggable.vue2.js"), "../interactions/EpFlipCard.vue": () => import("../interactions/EpFlipCard.vue.js"), "../interactions/EpHotSpot.vue": () => import("../interactions/EpHotSpot.vue2.js"), "../interactions/EpModal.vue": () => import("../interactions/EpModal.vue3.js"), "../interactions/EpQuestion.vue": () => import("../interactions/EpQuestion.vue2.js"), "../interactions/EpSummativeTable.vue": () => import("../interactions/EpSummativeTable.vue2.js"), "../interactions/EpSvgShow.vue": () => import("../interactions/EpSvgShow.vue2.js"), "../interactions/EpTabs.vue": () => import("../interactions/EpTabs.vue.js"), "../interactions/EpTooltip.vue": () => import("../interactions/EpTooltip.vue2.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue2.js"), "../medias/EpHierarchy.vue": () => import("../medias/EpHierarchy.vue.js"), "../medias/EpIframe.vue": () => import("../medias/EpIframe.vue2.js"), "../medias/EpKatex.vue": () => import("../medias/EpKatex.vue.js"), "../medias/EpLink.vue": () => import("../medias/EpLink.vue2.js"), "../medias/EpLinkVersion.vue": () => import("../medias/EpLinkVersion.vue2.js"), "../medias/EpLottieSvg.vue": () => import("../medias/EpLottieSvg.vue2.js"), "../medias/EpSensibleImage.vue": () => import("../medias/EpSensibleImage.vue.js"), "../medias/EpSoftware.vue": () => import("../medias/EpSoftware.vue2.js"), "../medias/EpSvg.vue": () => import("../medias/EpSvg.vue2.js"), "../medias/EpTerm.vue": () => import("../medias/EpTerm.vue2.js"), "../medias/EpTimeLine.vue": () => import("../medias/EpTimeLine.vue.js"), "../medias/EpVideo.vue": () => import("../medias/EpVideo.vue2.js"), "../medias/EpVideoPanopto.vue": () => import("../medias/EpVideoPanopto.vue2.js"), "../medias/EpWordDef.vue": () => import("../medias/EpWordDef.vue2.js"), "../signages/EpAlert.vue": () => import("../signages/EpAlert.vue.js"), "../signages/EpBadge.vue": () => import("../signages/EpBadge.vue2.js"), "../signages/EpHeader.vue": () => import("../signages/EpHeader.vue2.js"), "../signages/EpNothing.vue": () => import("../signages/EpNothing.vue.js"), "../signages/EpQuote.vue": () => import("../signages/EpQuote.vue2.js"), "../signages/EpSkeleton.vue": () => import("../signages/EpSkeleton.vue.js"), "../tools/AssociationNode.vue": () => import("../tools/AssociationNode.vue.js"), "../tools/AsyncKatexRender.vue": () => import("../tools/AsyncKatexRender.vue.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/RenderTextNode.vue": () => import("../tools/RenderTextNode.vue.js"), "../tools/SegmentedBox.vue": () => import("../tools/SegmentedBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
|
|
47
47
|
);
|
|
48
48
|
};
|
|
49
49
|
const typeRess = computed(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EpResource.vue.js","sources":["../../../src/components/educationals/EpResource.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent, computed, toRefs } from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { EpResourceProps } from \"~/types/educationals/EpResource\";\n\nconst { type = \"neutral\", resource, pages } = defineProps<EpResourceProps>();\n\nconst resourceInfo = computed(() => {\n if (!resource.hasOwnProperty(\"content\")) {\n return \"EpNothing\";\n }\n //console.log(resource)\n const typeRess = Object.keys(resource.content)[0];\n const ress = Object.assign({}, resource.content[typeRess]);\n\n ress.pages = pages;\n ress.type = typeRess;\n ress.intentions = pages;\n if (typeRess === \"clip\") {\n ress.src = ress.url;\n }\n if (typeRess === \"website\") {\n ress.href = ress.url;\n ress.label = ress.title;\n }\n if (typeRess === \"book\" && pages) {\n //ress.intentions = pages\n ress.pages = null;\n }\n if (ress.version_link) {\n ress.url = ress.version_link.url;\n }\n\n return ress;\n});\n\n//get Component asyncComponent\nconst getCompontent = (name: string | undefined) => {\n const componentToLoad = useComponent(name);\n //console.log(componentToLoad)\n if (componentToLoad.name === \"EpNothing\") {\n return defineAsyncComponent(() => import(\"../signages/EpNothing.vue\"));\n }\n if (componentToLoad.name === \"EpReading\") {\n return defineAsyncComponent(() => import(`./EpReading.vue`));\n }\n return defineAsyncComponent(\n () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n );\n};\n\nconst typeRess = computed(() => {\n if (resourceInfo.value.type && resourceInfo.value.type === \"website\") {\n if (type === \"base\") {\n return \"primary\";\n }\n }\n return type;\n});\n</script>\n\n<template>\n <component\n :is=\"getCompontent(resourceInfo.type)\"\n v-bind=\"{ ...resourceInfo }\"\n :mandateLevel=\"mandateLevel\"\n :intentions=\"pages\"\n :type=\"typeRess\"\n ></component>\n</template>\n"],"names":["typeRess","_createBlock","_resolveDynamicComponent","_mergeProps","mandateLevel","pages"],"mappings":";;;;;;;;;;;;AAOA,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,CAAC,QAAA,SAAS,eAAe,SAAS,GAAG;AACvC,eAAO;AAAA,MACT;AAEA,YAAMA,YAAW,OAAO,KAAK,QAAA,SAAS,OAAO,EAAE,CAAC;AAChD,YAAM,OAAO,OAAO,OAAO,CAAA,GAAI,iBAAS,QAAQA,SAAQ,CAAC;AAEzD,WAAK,QAAQ,QAAA;AACb,WAAK,OAAOA;AACZ,WAAK,aAAa,QAAA;AAClB,UAAIA,cAAa,QAAQ;AACvB,aAAK,MAAM,KAAK;AAAA,MAClB;AACA,UAAIA,cAAa,WAAW;AAC1B,aAAK,OAAO,KAAK;AACjB,aAAK,QAAQ,KAAK;AAAA,MACpB;AACA,UAAIA,cAAa,UAAU,QAAA,OAAO;AAEhC,aAAK,QAAQ;AAAA,MACf;AACA,UAAI,KAAK,cAAc;AACrB,aAAK,MAAM,KAAK,aAAa;AAAA,MAC/B;AAEA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,gBAAgB,CAAC,SAA6B;AAClD,YAAM,kBAAkB,aAAa,IAAI;AAEzC,UAAI,gBAAgB,SAAS,aAAa;AACxC,eAAO,qBAAqB,MAAM,OAAO,8BAA2B,CAAC;AAAA,MACvE;AACA,UAAI,gBAAgB,SAAS,aAAa;AACxC,eAAO,qBAAqB,MAAM,OAAO,qBAAiB,CAAC;AAAA,MAC7D;AACA,aAAO;AAAA,QACL,MAAM,qCAAA,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,
|
|
1
|
+
{"version":3,"file":"EpResource.vue.js","sources":["../../../src/components/educationals/EpResource.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent, computed, toRefs } from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { EpResourceProps } from \"~/types/educationals/EpResource\";\n\nconst { type = \"neutral\", resource, pages } = defineProps<EpResourceProps>();\n\nconst resourceInfo = computed(() => {\n if (!resource.hasOwnProperty(\"content\")) {\n return \"EpNothing\";\n }\n //console.log(resource)\n const typeRess = Object.keys(resource.content)[0];\n const ress = Object.assign({}, resource.content[typeRess]);\n\n ress.pages = pages;\n ress.type = typeRess;\n ress.intentions = pages;\n if (typeRess === \"clip\") {\n ress.src = ress.url;\n }\n if (typeRess === \"website\") {\n ress.href = ress.url;\n ress.label = ress.title;\n }\n if (typeRess === \"book\" && pages) {\n //ress.intentions = pages\n ress.pages = null;\n }\n if (ress.version_link) {\n ress.url = ress.version_link.url;\n }\n\n return ress;\n});\n\n//get Component asyncComponent\nconst getCompontent = (name: string | undefined) => {\n const componentToLoad = useComponent(name);\n //console.log(componentToLoad)\n if (componentToLoad.name === \"EpNothing\") {\n return defineAsyncComponent(() => import(\"../signages/EpNothing.vue\"));\n }\n if (componentToLoad.name === \"EpReading\") {\n return defineAsyncComponent(() => import(`./EpReading.vue`));\n }\n return defineAsyncComponent(\n () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n );\n};\n\nconst typeRess = computed(() => {\n if (resourceInfo.value.type && resourceInfo.value.type === \"website\") {\n if (type === \"base\") {\n return \"primary\";\n }\n }\n return type;\n});\n</script>\n\n<template>\n <component\n :is=\"getCompontent(resourceInfo.type)\"\n v-bind=\"{ ...resourceInfo }\"\n :mandateLevel=\"mandateLevel\"\n :intentions=\"pages\"\n :type=\"typeRess\"\n ></component>\n</template>\n"],"names":["typeRess","_createBlock","_resolveDynamicComponent","_mergeProps","mandateLevel","pages"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, Fragment, renderList, createBlock, mergeProps } from "vue";
|
|
2
|
-
import _sfc_main$1 from "../tools/SegmentedBox.
|
|
2
|
+
import _sfc_main$1 from "../tools/SegmentedBox.vue2.js";
|
|
3
3
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
4
|
__name: "EpSegmentedBox",
|
|
5
5
|
props: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./EpAccordeon.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6a01f3c"]]);
|
|
5
5
|
export {
|
|
6
6
|
Comp as default
|
|
7
7
|
};
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, onMounted, toRefs, createElementBlock, openBlock, createElementVNode, normalizeClass, unref, createBlock,
|
|
1
|
+
import { defineComponent, ref, computed, onMounted, toRefs, createElementBlock, openBlock, createElementVNode, normalizeClass, createCommentVNode, unref, createBlock, createTextVNode, toDisplayString, renderSlot } from "vue";
|
|
2
2
|
import _sfc_main$1 from "../basics/EpIcon.vue.js";
|
|
3
3
|
import { typeAccordeon } from "../../types/Accordeon.js";
|
|
4
4
|
import useColors from "../../composables/useColors.js";
|
|
5
|
-
const _hoisted_1 = { class: "
|
|
5
|
+
const _hoisted_1 = { class: "flex flex-col" };
|
|
6
|
+
const _hoisted_2 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "text-sm"
|
|
9
|
+
};
|
|
10
|
+
const _hoisted_3 = { class: "py-3" };
|
|
6
11
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
12
|
__name: "EpAccordeon",
|
|
8
13
|
props: {
|
|
@@ -11,6 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
11
16
|
open: { type: Boolean, default: false },
|
|
12
17
|
outlined: { type: Boolean, default: false },
|
|
13
18
|
title: { default: "En savoir plus" },
|
|
19
|
+
subtitle: {},
|
|
14
20
|
small: { type: Boolean }
|
|
15
21
|
},
|
|
16
22
|
setup(__props) {
|
|
@@ -59,17 +65,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
59
65
|
class: normalizeClass(`${stylesHeader.value} ${stylesHeaderOpen.value}`),
|
|
60
66
|
onClick: toggleDivVisibility
|
|
61
67
|
}, [
|
|
62
|
-
createElementVNode("
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
68
|
+
createElementVNode("div", _hoisted_1, [
|
|
69
|
+
createElementVNode("h3", {
|
|
70
|
+
class: normalizeClass(`${unref(small) ? "text" : "text-lg"} flex items-center`)
|
|
71
|
+
}, [
|
|
72
|
+
unref(icon) ? (openBlock(), createBlock(_sfc_main$1, {
|
|
73
|
+
key: 0,
|
|
74
|
+
"icon-path": unref(icon),
|
|
75
|
+
size: "28",
|
|
76
|
+
extraClass: "mr-2"
|
|
77
|
+
}, null, 8, ["icon-path"])) : createCommentVNode("", true),
|
|
78
|
+
createTextVNode(toDisplayString(unref(title)), 1)
|
|
79
|
+
], 2),
|
|
80
|
+
_ctx.subtitle ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true)
|
|
81
|
+
]),
|
|
73
82
|
(openBlock(), createElementBlock("svg", {
|
|
74
83
|
xmlns: "http://www.w3.org/2000/svg",
|
|
75
84
|
fill: "none",
|
|
@@ -90,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
90
99
|
ref: collapsible,
|
|
91
100
|
class: normalizeClass(`${contentStyles.value} ep-accordeon-content`)
|
|
92
101
|
}, [
|
|
93
|
-
createElementVNode("div",
|
|
102
|
+
createElementVNode("div", _hoisted_3, [
|
|
94
103
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
95
104
|
])
|
|
96
105
|
], 2)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EpAccordeon.vue2.js","sources":["../../../src/components/interactions/EpAccordeon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, computed, onMounted, onUpdated } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { typeAccordeon } from \"~/types/Accordeon\";\nimport type { EpAccordeonProps } from \"~/types/interactions/EpAccordeon\";\nimport useColors from \"~/composables/useColors\";\n\nconst props = withDefaults(defineProps<EpAccordeonProps>(), {\n open: false,\n type: \"base\",\n outlined: false,\n title: \"En savoir plus\",\n});\n\nconst showDiv = ref(props.open);\nconst collapsible = ref();\n\nconst isOutlined = computed(() => {\n if (props.outlined) {\n return \"outlined\";\n }\n return \"default\";\n});\n\nconst stylesHeader = computed(() => {\n return `flex justify-between items-center px-4 ${props.small ? 'py-1' : 'py-2'\n } cursor-pointer select-none ${typeAccordeon[props.type]?.[isOutlined.value]}`;\n});\n\nconst stylesHeaderOpen = computed(()=>{\n return showDiv.value ? 'rounded-t':'rounded'\n})\n\nconst contentStyles = computed(() => {\n const colorBorder = useColors(props.type.toLocaleLowerCase(), 'border')\n return `px-4 bg-surface-2 dark:bg-surface-2-dark border border-t-0 rounded-b ${showDiv.value ? colorBorder : \"border-0\"\n }`;\n});\n\n\nconst updateHeight = () => {\n const content = collapsible.value;\n if (!content) return;\n\n if (!props.open) {\n content.style.maxHeight = 0;\n }\n};\n\nonMounted(updateHeight);\n\n\nfunction toggleDivVisibility() {\n showDiv.value = !showDiv.value;\n var content = collapsible.value;\n\n\n content.style.maxHeight = content.scrollHeight + \"px\";\n void content.offsetHeight;\n\n if (content.getBoundingClientRect().height) {\n content.style.maxHeight = 0;\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n }\n
|
|
1
|
+
{"version":3,"file":"EpAccordeon.vue2.js","sources":["../../../src/components/interactions/EpAccordeon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, computed, onMounted, onUpdated } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { typeAccordeon } from \"~/types/Accordeon\";\nimport type { EpAccordeonProps } from \"~/types/interactions/EpAccordeon\";\nimport useColors from \"~/composables/useColors\";\n\nconst props = withDefaults(defineProps<EpAccordeonProps>(), {\n open: false,\n type: \"base\",\n outlined: false,\n title: \"En savoir plus\",\n});\n\nconst showDiv = ref(props.open);\nconst collapsible = ref();\n\nconst isOutlined = computed(() => {\n if (props.outlined) {\n return \"outlined\";\n }\n return \"default\";\n});\n\nconst stylesHeader = computed(() => {\n return `flex justify-between items-center px-4 ${props.small ? 'py-1' : 'py-2'\n } cursor-pointer select-none ${typeAccordeon[props.type]?.[isOutlined.value]}`;\n});\n\nconst stylesHeaderOpen = computed(() => {\n return showDiv.value ? 'rounded-t' : 'rounded'\n})\n\nconst contentStyles = computed(() => {\n const colorBorder = useColors(props.type.toLocaleLowerCase(), 'border')\n return `px-4 bg-surface-2 dark:bg-surface-2-dark border border-t-0 rounded-b ${showDiv.value ? colorBorder : \"border-0\"\n }`;\n});\n\n\nconst updateHeight = () => {\n const content = collapsible.value;\n if (!content) return;\n\n if (!props.open) {\n content.style.maxHeight = 0;\n }\n};\n\nonMounted(updateHeight);\n\n\nfunction toggleDivVisibility() {\n showDiv.value = !showDiv.value;\n var content = collapsible.value;\n\n\n content.style.maxHeight = content.scrollHeight + \"px\";\n void content.offsetHeight;\n\n if (content.getBoundingClientRect().height) {\n content.style.maxHeight = 0;\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n }\n\n}\n\nconst { title, icon, small } = toRefs(props);\n</script>\n\n<template>\n <div>\n <div :class=\"`${stylesHeader} ${stylesHeaderOpen}`\" @click=\"toggleDivVisibility\">\n <div class=\"flex flex-col\">\n <h3 :class=\"`${small ? 'text' : 'text-lg'} flex items-center`\">\n <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\"></EpIcon>{{ title }}\n </h3>\n <p v-if=\"subtitle\" class=\"text-sm\">{{ subtitle }}</p>\n </div>\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"\n class=\"flex-shrink-0 h-6 w-6 mx-4 my-3 transition-transform duration-200 transform\"\n :class=\"{ 'rotate-45 scale-[1.15]': showDiv }\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" />\n </svg>\n </div>\n <div ref=\"collapsible\" :class=\"`${contentStyles} ep-accordeon-content`\">\n <div class=\"py-3\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.ep-accordeon-content {\n transition: max-height 0.2s ease-out;\n overflow: hidden;\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_unref","_createBlock","EpIcon","subtitle","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAOd,UAAM,UAAU,IAAI,MAAM,IAAI;AAC9B,UAAM,cAAc,IAAA;AAEpB,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;;AAClC,aAAO,0CAA0C,MAAM,QAAQ,SAAS,MACtE,gCAA+B,mBAAc,MAAM,IAAI,MAAxB,mBAA4B,WAAW,MAAM;AAAA,IAChF,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAM;AACtC,aAAO,QAAQ,QAAQ,cAAc;AAAA,IACvC,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,cAAc,UAAU,MAAM,KAAK,kBAAA,GAAqB,QAAQ;AACtE,aAAO,wEAAwE,QAAQ,QAAQ,cAAc,UAC3G;AAAA,IACJ,CAAC;AAGD,UAAM,eAAe,MAAM;AACzB,YAAM,UAAU,YAAY;AAC5B,UAAI,CAAC,QAAS;AAEd,UAAI,CAAC,MAAM,MAAM;AACf,gBAAQ,MAAM,YAAY;AAAA,MAC5B;AAAA,IACF;AAEA,cAAU,YAAY;AAGtB,aAAS,sBAAsB;AAC7B,cAAQ,QAAQ,CAAC,QAAQ;AACzB,UAAI,UAAU,YAAY;AAG1B,cAAQ,MAAM,YAAY,QAAQ,eAAe;AAGjD,UAAI,QAAQ,sBAAA,EAAwB,QAAQ;AAC1C,gBAAQ,MAAM,YAAY;AAAA,MAC5B,OAAO;AACL,gBAAQ,MAAM,YAAY,QAAQ,eAAe;AAAA,MACnD;AAAA,IAEF;AAEA,UAAM,EAAE,OAAO,MAAM,MAAA,IAAU,OAAO,KAAK;;0BAIzCA,mBAmBM,OAAA,MAAA;AAAA,QAlBJC,mBAYM,OAAA;AAAA,UAZA,OAAKC,eAAA,GAAK,aAAA,KAAY,IAAI,iBAAA,KAAgB,EAAA;AAAA,UAAK,SAAO;AAAA,QAAA;UAC1DD,mBAKM,OALN,YAKM;AAAA,YAJJA,mBAEK,MAAA;AAAA,cAFA,yBAAUE,MAAA,KAAA,IAAK,SAAA,SAAA,oBAAA;AAAA,YAAA;cACJA,MAAA,IAAA,kBAAdC,YAA2EC,aAAA;AAAA;gBAAtD,aAAWF,MAAA,IAAA;AAAA,gBAAM,MAAK;AAAA,gBAAK,YAAW;AAAA,cAAA;8CAAmBA,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,YAAA;YAE5EG,KAAAA,yBAATN,mBAAqD,KAArD,YAAqDO,gBAAfD,KAAAA,QAAQ,GAAA,CAAA;;wBAEhDN,mBAIM,OAAA;AAAA,YAJD,OAAM;AAAA,YAA6B,MAAK;AAAA,YAAO,SAAQ;AAAA,YAAY,gBAAa;AAAA,YAAM,QAAO;AAAA,YAChG,OAAKE,eAAA,CAAC,+EAA6E,EAAA,0BAC/C,QAAA,OAAO,CAAA;AAAA,UAAA;YAC3CD,mBAA0E,QAAA;AAAA,cAApE,kBAAe;AAAA,cAAQ,mBAAgB;AAAA,cAAQ,GAAE;AAAA,YAAA;;;QAG3DA,mBAIM,OAAA;AAAA,mBAJG;AAAA,UAAJ,KAAI;AAAA,UAAe,yBAAU,cAAA,KAAa,uBAAA;AAAA,QAAA;UAC7CA,mBAEM,OAFN,YAEM;AAAA,YADJO,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, defineAsyncComponent, createElementBloc
|
|
|
2
2
|
import { useComponent } from "../../composables/useComponent.js";
|
|
3
3
|
import { mdiArrowLeft, mdiArrowRight } from "@mdi/js";
|
|
4
4
|
import _sfc_main$1 from "../basics/EpIcon.vue.js";
|
|
5
|
-
import _sfc_main$2 from "../tools/RenderTextNode.
|
|
5
|
+
import _sfc_main$2 from "../tools/RenderTextNode.vue2.js";
|
|
6
6
|
const _hoisted_1 = { class: "relative h-[600px] flex flex-col p-6 w-full overflow-hidden rounded-lg shadow-xl bg-surface-2 dark:bg-surface-2-dark" };
|
|
7
7
|
const _hoisted_2 = { class: "flex justify-between items-center pb-3 mb-3 border-b-2 border-gray-600 dark:border-gray-300" };
|
|
8
8
|
const _hoisted_3 = {
|
|
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42
42
|
return props.slides[currentIndex.value];
|
|
43
43
|
});
|
|
44
44
|
const dynamicComponents = /* @__PURE__ */ Object.assign({
|
|
45
|
-
"../basics/EpAvatar.vue": () => import("../basics/EpAvatar.
|
|
45
|
+
"../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"),
|
|
46
46
|
"../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"),
|
|
47
47
|
"../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"),
|
|
48
48
|
"../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"),
|