ep-lib-ts 1.1.21 → 1.1.22
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/EpStackedList.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/EpAssociation.vue.js +1 -1
- package/dist/components/interactions/EpContentSlider.vue.js +1 -1
- 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/medias/EpPlaylist.vue.js +4 -4
- package/dist/components/medias/EpPlaylist.vue.js.map +1 -1
- package/dist/components/tools/AssociationNode.vue.js +82 -1
- package/dist/components/tools/AssociationNode.vue.js.map +1 -1
- package/dist/components/tools/AssociationNode.vue2.js +1 -82
- package/dist/components/tools/AssociationNode.vue2.js.map +1 -1
- package/dist/components/tools/SegmentedBox.vue.js +55 -1
- package/dist/components/tools/SegmentedBox.vue.js.map +1 -1
- package/dist/components/tools/SegmentedBox.vue2.js +1 -55
- 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/TwoColsMedia.vue2.js +2 -2
- package/dist/components/tools/TwoColsMedia.vue2.js.map +1 -1
- package/dist/style.css +69 -69
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString, unref, createVNode, Fragment, renderList, createTextVNode } from "vue";
|
|
2
2
|
import { useRenderText } from "../../composables/useRenderText.js";
|
|
3
3
|
import _sfc_main$1 from "./EpVideo.vue.js";
|
|
4
|
-
const _hoisted_1 = { class: "w-2/3" };
|
|
4
|
+
const _hoisted_1 = { class: "w-2/3 h-full overflow-y-auto" };
|
|
5
5
|
const _hoisted_2 = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "my-3"
|
|
@@ -13,9 +13,9 @@ const _hoisted_6 = {
|
|
|
13
13
|
key: 2,
|
|
14
14
|
class: "p-6 flex justify-center items-center"
|
|
15
15
|
};
|
|
16
|
-
const _hoisted_7 = { class: "w-1/3" };
|
|
16
|
+
const _hoisted_7 = { class: "w-1/3 h-full px-2 overflow-y-auto" };
|
|
17
17
|
const _hoisted_8 = { class: "flex justify-between items-center my-5" };
|
|
18
|
-
const _hoisted_9 = { class: "
|
|
18
|
+
const _hoisted_9 = { class: "flex flex-col justify-start" };
|
|
19
19
|
const _hoisted_10 = ["onClick"];
|
|
20
20
|
const _hoisted_11 = { class: "mr-2 font-bold" };
|
|
21
21
|
const _hoisted_12 = {
|
|
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
32
32
|
return (_ctx, _cache) => {
|
|
33
33
|
var _a;
|
|
34
34
|
return openBlock(), createElementBlock("div", {
|
|
35
|
-
class: normalizeClass(`flex gap-3 ${_ctx.videos.length != 0 ? "h-[500px]" : ""}`)
|
|
35
|
+
class: normalizeClass(`relative flex gap-3 ${_ctx.videos.length != 0 ? "h-[500px]" : ""}`)
|
|
36
36
|
}, [
|
|
37
37
|
createElementVNode("div", _hoisted_1, [
|
|
38
38
|
_ctx.videos.length != 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EpPlaylist.vue.js","sources":["../../../src/components/medias/EpPlaylist.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { useRenderText } from '~/composables/useRenderText';\nimport type { EpPlaylistProps } from '~/types/medias/EpPlaylist';\nimport EpVideo from './EpVideo.vue';\n\nconst props = withDefaults(defineProps<EpPlaylistProps>(), {\n});\n\nconst playingVideo = ref<number>(0);\n\n</script>\n\n<template>\n <div :class=\"`flex gap-3 ${(videos.length != 0) ? 'h-[500px]' : ''}`\">\n <div class=\"w-2/3\">\n <div class=\"my-3\" v-if=\"videos.length != 0\">\n <h2 class=\"text-2xl font-bold\">{{ videos[playingVideo].title }}</h2>\n <p v-if=\"videos[playingVideo].description\" v-html=\"useRenderText(videos[playingVideo].description ?? '')\"></p>\n </div>\n <div v-if=\"videos.length != 0\">\n <EpVideo\n :src=\"videos[playingVideo].src\"\n />\n </div>\n <div v-else class=\"p-6 flex justify-center items-center\">Aucune vidéo</div>\n </div>\n <div class=\"w-1/3\">\n <div class=\"flex justify-between items-center my-5\">\n <span class=\"font-bold\">Liste de vidéos</span>\n <span>{{ videos.length }} vidéos</span>\n </div>\n <div class=\"
|
|
1
|
+
{"version":3,"file":"EpPlaylist.vue.js","sources":["../../../src/components/medias/EpPlaylist.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { useRenderText } from '~/composables/useRenderText';\nimport type { EpPlaylistProps } from '~/types/medias/EpPlaylist';\nimport EpVideo from './EpVideo.vue';\n\nconst props = withDefaults(defineProps<EpPlaylistProps>(), {\n});\n\nconst playingVideo = ref<number>(0);\n\n</script>\n\n<template>\n <div :class=\"`relative flex gap-3 ${(videos.length != 0) ? 'h-[500px]' : ''}`\">\n <div class=\"w-2/3 h-full overflow-y-auto\">\n <div class=\"my-3\" v-if=\"videos.length != 0\">\n <h2 class=\"text-2xl font-bold\">{{ videos[playingVideo].title }}</h2>\n <p v-if=\"videos[playingVideo].description\" v-html=\"useRenderText(videos[playingVideo].description ?? '')\"></p>\n </div>\n <div v-if=\"videos.length != 0\">\n <EpVideo\n :src=\"videos[playingVideo].src\"\n />\n </div>\n <div v-else class=\"p-6 flex justify-center items-center\">Aucune vidéo</div>\n </div>\n <div class=\"w-1/3 h-full px-2 overflow-y-auto\">\n <div class=\"flex justify-between items-center my-5\">\n <span class=\"font-bold\">Liste de vidéos</span>\n <span>{{ videos.length }} vidéos</span>\n </div>\n <div class=\"flex flex-col justify-start\">\n <p\n v-if=\"videos.length != 0\"\n :class=\"`p-4 rounded-lg cursor-pointer \n ${(index === playingVideo)? 'bg-surface-2-dark text-white dark:bg-neutral-200 dark:text-surface-2-dark' : 'hover:bg-neutral-200 dark:hover:bg-surface-2-dark'}`\"\n v-for=\"video, index in videos\" :key=\"index\"\n @click=\"() => {playingVideo = index}\"\n >\n <span class=\"mr-2 font-bold\">{{index + 1}}</span> <span>{{ video.title }}</span>\n </p>\n <p v-else class=\"m-4 text-center\">Aucune vidéo</p>\n </div>\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","videos","_createElementVNode","_openBlock","_toDisplayString","_unref","_createVNode","EpVideo","_Fragment","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,eAAe,IAAY,CAAC;;;0BAKhCA,mBA+BM,OAAA;AAAA,QA/BA,OAAKC,eAAA,uBAA0BC,KAAAA,OAAO,UAAM,IAAA,cAAA,EAAA,EAAA;AAAA,MAAA;QAChDC,mBAWM,OAXN,YAWM;AAAA,UAVsBD,KAAAA,OAAO,UAAM,KAArCE,aAAAJ,mBAGM,OAHN,YAGM;AAAA,YAFFG,mBAAoE,MAApE,YAAoEE,gBAAlCH,YAAO,aAAA,KAAY,EAAE,KAAK,GAAA,CAAA;AAAA,YACnDA,KAAAA,OAAO,aAAA,KAAY,EAAE,4BAA9BF,mBAA8G,KAAA;AAAA;cAAnE,WAAQM,MAAA,aAAA,GAAcJ,iBAAO,aAAA,KAAY,EAAE,gBAArBA,YAAgC,EAAA;AAAA,YAAA;;UAE1FA,KAAAA,OAAO,UAAM,kBAAxBF,mBAIM,OAAA,YAAA;AAAA,YAHFO,YAEEC,aAAA;AAAA,cADG,KAAKN,KAAAA,OAAO,aAAA,KAAY,EAAE;AAAA,YAAA;8BAGnCF,mBAA2E,OAA3E,YAAyD,cAAY;AAAA,QAAA;QAEzEG,mBAiBM,OAjBN,YAiBM;AAAA,UAhBFA,mBAGM,OAHN,YAGM;AAAA,YAFF,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAA8C,QAAA,EAAxC,OAAM,YAAA,GAAY,mBAAe,EAAA;AAAA,YACvCA,mBAAuC,QAAA,MAAAE,gBAA9BH,KAAAA,OAAO,MAAM,IAAG,WAAO,CAAA;AAAA,UAAA;UAEpCC,mBAWM,OAXN,YAWM;AAAA,YATQD,KAAAA,OAAO,UAAM,KADvBE,UAAA,IAAA,GAAAJ,mBAQIS,UAAA,EAAA,KAAA,KAAAC,WAJuBR,KAAAA,QAAM,CAAtB,OAAO,UAAK;kCAJvBF,mBAQI,KAAA;AAAA,gBANC,OAAKC,eAAA;AAAA,8BAAiE,UAAU,aAAA,QAAY,8EAAA,mDAAA,EAAA;AAAA,gBAE7D,KAAK;AAAA,gBACpC,SAAK,MAAA;AAAS,+BAAA,QAAe;AAAA,gBAAK;AAAA,cAAA;gBAEnCE,mBAAiD,QAAjD,aAAiDE,gBAAlB,QAAK,CAAA,GAAA,CAAA;AAAA;gBAAcF,mBAA8B,QAAA,MAAAE,gBAArB,MAAM,KAAK,GAAA,CAAA;AAAA,cAAA;sCAE1EL,mBAAkD,KAAlD,aAAkC,cAAY;AAAA,UAAA;;;;;;"}
|
|
@@ -1,4 +1,85 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, unref, toDisplayString, normalizeStyle } from "vue";
|
|
2
|
+
import { Handle, Position } from "@vue-flow/core";
|
|
3
|
+
import _sfc_main$1 from "../basics/EpIcon.vue.js";
|
|
4
|
+
import { useRenderText } from "../../composables/useRenderText.js";
|
|
5
|
+
const _hoisted_1 = ["innerHTML"];
|
|
6
|
+
const plug = "M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z";
|
|
7
|
+
const socket = "M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5";
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
+
__name: "AssociationNode",
|
|
10
|
+
props: {
|
|
11
|
+
id: {},
|
|
12
|
+
type: {},
|
|
13
|
+
selected: { type: Boolean },
|
|
14
|
+
connectable: { type: [Boolean, Number, String, Function] },
|
|
15
|
+
position: {},
|
|
16
|
+
dimensions: {},
|
|
17
|
+
label: {},
|
|
18
|
+
isValidTargetPos: {},
|
|
19
|
+
isValidSourcePos: {},
|
|
20
|
+
parent: {},
|
|
21
|
+
parentNodeId: {},
|
|
22
|
+
dragging: { type: Boolean },
|
|
23
|
+
resizing: { type: Boolean },
|
|
24
|
+
zIndex: {},
|
|
25
|
+
targetPosition: {},
|
|
26
|
+
sourcePosition: {},
|
|
27
|
+
dragHandle: {},
|
|
28
|
+
data: {},
|
|
29
|
+
events: {}
|
|
30
|
+
},
|
|
31
|
+
setup(__props) {
|
|
32
|
+
const props = __props;
|
|
33
|
+
const colorStyle = computed(() => {
|
|
34
|
+
if (!props.data.mode || props.data.mode == "neutral") {
|
|
35
|
+
return "border-2 border-black dark:border-white";
|
|
36
|
+
}
|
|
37
|
+
if (props.data.mode == "correct") {
|
|
38
|
+
return "border-2 border-green-600";
|
|
39
|
+
} else if (props.data.mode == "wrong") {
|
|
40
|
+
return "border-2 border-red-600";
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
return (_ctx, _cache) => {
|
|
44
|
+
return openBlock(), createElementBlock("div", {
|
|
45
|
+
class: normalizeClass(`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle.value}`)
|
|
46
|
+
}, [
|
|
47
|
+
createElementVNode("div", {
|
|
48
|
+
class: "px-4 py-2 break-words",
|
|
49
|
+
innerHTML: unref(useRenderText)(_ctx.data.label)
|
|
50
|
+
}, null, 8, _hoisted_1),
|
|
51
|
+
createElementVNode("span", {
|
|
52
|
+
class: normalizeClass(`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${_ctx.data.left ? "-left-3" : "-right-3"} ${colorStyle.value}`)
|
|
53
|
+
}, toDisplayString(_ctx.data.left ? String.fromCharCode(65 + _ctx.data.index) : _ctx.data.index), 3),
|
|
54
|
+
createVNode(unref(Handle), {
|
|
55
|
+
type: _ctx.data.left ? "source" : "target",
|
|
56
|
+
position: _ctx.data.left ? unref(Position).Right : unref(Position).Left,
|
|
57
|
+
style: normalizeStyle({
|
|
58
|
+
width: "20px",
|
|
59
|
+
// handle invisible, pas d’espace
|
|
60
|
+
height: "20px",
|
|
61
|
+
top: "50%",
|
|
62
|
+
zIndex: "100",
|
|
63
|
+
transform: "translateY(-50%)",
|
|
64
|
+
left: _ctx.data.left ? "96%" : "-10px",
|
|
65
|
+
opacity: 0
|
|
66
|
+
})
|
|
67
|
+
}, null, 8, ["type", "position", "style"]),
|
|
68
|
+
createVNode(_sfc_main$1, {
|
|
69
|
+
"icon-path": _ctx.data.left ? plug : socket,
|
|
70
|
+
style: normalizeStyle({
|
|
71
|
+
position: "absolute",
|
|
72
|
+
width: "30px",
|
|
73
|
+
height: "30px",
|
|
74
|
+
top: "50%",
|
|
75
|
+
transform: "translateY(-50%)",
|
|
76
|
+
left: _ctx.data.left ? "97%" : "-20px"
|
|
77
|
+
})
|
|
78
|
+
}, null, 8, ["icon-path", "style"])
|
|
79
|
+
], 2);
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
});
|
|
2
83
|
export {
|
|
3
84
|
_sfc_main as default
|
|
4
85
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssociationNode.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"AssociationNode.vue.js","sources":["../../../src/components/tools/AssociationNode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Position, Handle } from '@vue-flow/core'\nimport type { NodeProps } from '@vue-flow/core'\nimport EpIcon from '../basics/EpIcon.vue'\nimport { useRenderText } from '~/composables/useRenderText';\n\n\nconst plug = 'M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z';\nconst socket = 'M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5';\n\ninterface AssociationData {\n mode?: 'neutral' | 'correct' | 'wrong';\n left: boolean;\n index: number;\n label: string;\n}\n\nconst props = withDefaults(defineProps<NodeProps<AssociationData>>(), {});\n\nconst colorStyle = computed(() => {\n if(!props.data.mode || props.data.mode == 'neutral') {\n return 'border-2 border-black dark:border-white'\n }\n if(props.data.mode == 'correct') {\n return 'border-2 border-green-600'\n } else if(props.data.mode == 'wrong') {\n return 'border-2 border-red-600'\n }\n});\n\n</script>\n\n<template>\n <div :class=\"`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle}`\">\n <div class=\"px-4 py-2 break-words\" v-html=\"useRenderText(data.label)\"></div>\n <span :class=\"`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${(data.left)? '-left-3' : '-right-3'} ${colorStyle}`\">{{ (data.left)? String.fromCharCode(65 + data.index) : data.index }}</span>\n\n <Handle\n :type=\"data.left ? 'source' : 'target'\"\n :position=\"data.left ? Position.Right : Position.Left\"\n :style=\"{\n width: '20px', // handle invisible, pas d’espace\n height: '20px',\n top: '50%',\n zIndex: '100',\n transform: 'translateY(-50%)',\n left: data.left ? '96%' : '-10px',\n opacity: 0\n }\"\n />\n <EpIcon \n :icon-path=\"data.left ? plug : socket\"\n :style=\"{\n position: 'absolute',\n width: '30px',\n height: '30px',\n top: '50%',\n transform: 'translateY(-50%)',\n left: data.left ? '97%' : '-20px'\n }\" \n />\n </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_unref","data","_normalizeClass","_createVNode","_normalizeStyle","EpIcon"],"mappings":";;;;;AAQA,MAAM,OAAO;AACb,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;AASf,UAAM,QAAQ;AAEd,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,KAAK,QAAQ,WAAW;AACjD,eAAO;AAAA,MACX;AACA,UAAG,MAAM,KAAK,QAAQ,WAAW;AAC7B,eAAO;AAAA,MACX,WAAU,MAAM,KAAK,QAAQ,SAAS;AAClC,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;;0BAKGA,mBA4BM,OAAA;AAAA,QA5BA,6FAA8E,WAAA,KAAU,EAAA;AAAA,MAAA;QAC1FC,mBAA4E,OAAA;AAAA,UAAvE,OAAM;AAAA,UAAwB,WAAQC,MAAA,aAAA,EAAcC,KAAAA,KAAK,KAAK;AAAA,QAAA;QACnEF,mBAAwP,QAAA;AAAA,UAAjP,OAAKG,eAAA,0GAA6GD,KAAAA,KAAK,iCAAiC,WAAA,KAAU,EAAA;AAAA,QAAA,GAAQA,gBAAAA,KAAAA,KAAK,OAAO,OAAO,aAAY,KAAMA,KAAAA,KAAK,KAAK,IAAIA,KAAAA,KAAK,KAAK,GAAA,CAAA;AAAA,QAE9OE,YAYEH,MAAA,MAAA,GAAA;AAAA,UAXG,MAAMC,KAAAA,KAAK,OAAI,WAAA;AAAA,UACf,UAAUA,KAAAA,KAAK,OAAOD,MAAA,QAAA,EAAS,QAAQA,MAAA,QAAA,EAAS;AAAA,UAChD,OAAKI,eAAA;AAAA;;;;;;YAAuOH,MAAAA,KAAAA,KAAK,OAAI,QAAA;AAAA;;;QAU1PE,YAUEE,aAAA;AAAA,UATG,aAAWJ,KAAAA,KAAK,OAAO,OAAO;AAAA,UAC9B,OAAKG,eAAA;AAAA;;;;;YAA0MH,MAAAA,KAAAA,KAAK,OAAI,QAAA;AAAA,UAAA;;;;;;"}
|
|
@@ -1,85 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Handle, Position } from "@vue-flow/core";
|
|
3
|
-
import _sfc_main$1 from "../basics/EpIcon.vue.js";
|
|
4
|
-
import { useRenderText } from "../../composables/useRenderText.js";
|
|
5
|
-
const _hoisted_1 = ["innerHTML"];
|
|
6
|
-
const plug = "M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z";
|
|
7
|
-
const socket = "M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5";
|
|
8
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
-
__name: "AssociationNode",
|
|
10
|
-
props: {
|
|
11
|
-
id: {},
|
|
12
|
-
type: {},
|
|
13
|
-
selected: { type: Boolean },
|
|
14
|
-
connectable: { type: [Boolean, Number, String, Function] },
|
|
15
|
-
position: {},
|
|
16
|
-
dimensions: {},
|
|
17
|
-
label: {},
|
|
18
|
-
isValidTargetPos: {},
|
|
19
|
-
isValidSourcePos: {},
|
|
20
|
-
parent: {},
|
|
21
|
-
parentNodeId: {},
|
|
22
|
-
dragging: { type: Boolean },
|
|
23
|
-
resizing: { type: Boolean },
|
|
24
|
-
zIndex: {},
|
|
25
|
-
targetPosition: {},
|
|
26
|
-
sourcePosition: {},
|
|
27
|
-
dragHandle: {},
|
|
28
|
-
data: {},
|
|
29
|
-
events: {}
|
|
30
|
-
},
|
|
31
|
-
setup(__props) {
|
|
32
|
-
const props = __props;
|
|
33
|
-
const colorStyle = computed(() => {
|
|
34
|
-
if (!props.data.mode || props.data.mode == "neutral") {
|
|
35
|
-
return "border-2 border-black dark:border-white";
|
|
36
|
-
}
|
|
37
|
-
if (props.data.mode == "correct") {
|
|
38
|
-
return "border-2 border-green-600";
|
|
39
|
-
} else if (props.data.mode == "wrong") {
|
|
40
|
-
return "border-2 border-red-600";
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
return (_ctx, _cache) => {
|
|
44
|
-
return openBlock(), createElementBlock("div", {
|
|
45
|
-
class: normalizeClass(`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle.value}`)
|
|
46
|
-
}, [
|
|
47
|
-
createElementVNode("div", {
|
|
48
|
-
class: "px-4 py-2 break-words",
|
|
49
|
-
innerHTML: unref(useRenderText)(_ctx.data.label)
|
|
50
|
-
}, null, 8, _hoisted_1),
|
|
51
|
-
createElementVNode("span", {
|
|
52
|
-
class: normalizeClass(`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${_ctx.data.left ? "-left-3" : "-right-3"} ${colorStyle.value}`)
|
|
53
|
-
}, toDisplayString(_ctx.data.left ? String.fromCharCode(65 + _ctx.data.index) : _ctx.data.index), 3),
|
|
54
|
-
createVNode(unref(Handle), {
|
|
55
|
-
type: _ctx.data.left ? "source" : "target",
|
|
56
|
-
position: _ctx.data.left ? unref(Position).Right : unref(Position).Left,
|
|
57
|
-
style: normalizeStyle({
|
|
58
|
-
width: "20px",
|
|
59
|
-
// handle invisible, pas d’espace
|
|
60
|
-
height: "20px",
|
|
61
|
-
top: "50%",
|
|
62
|
-
zIndex: "100",
|
|
63
|
-
transform: "translateY(-50%)",
|
|
64
|
-
left: _ctx.data.left ? "96%" : "-10px",
|
|
65
|
-
opacity: 0
|
|
66
|
-
})
|
|
67
|
-
}, null, 8, ["type", "position", "style"]),
|
|
68
|
-
createVNode(_sfc_main$1, {
|
|
69
|
-
"icon-path": _ctx.data.left ? plug : socket,
|
|
70
|
-
style: normalizeStyle({
|
|
71
|
-
position: "absolute",
|
|
72
|
-
width: "30px",
|
|
73
|
-
height: "30px",
|
|
74
|
-
top: "50%",
|
|
75
|
-
transform: "translateY(-50%)",
|
|
76
|
-
left: _ctx.data.left ? "97%" : "-20px"
|
|
77
|
-
})
|
|
78
|
-
}, null, 8, ["icon-path", "style"])
|
|
79
|
-
], 2);
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
});
|
|
1
|
+
import _sfc_main from "./AssociationNode.vue.js";
|
|
83
2
|
export {
|
|
84
3
|
_sfc_main as default
|
|
85
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssociationNode.vue2.js","sources":[
|
|
1
|
+
{"version":3,"file":"AssociationNode.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,4 +1,58 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, toDisplayString } from "vue";
|
|
2
|
+
import _sfc_main$1 from "./RenderTextNode.vue.js";
|
|
3
|
+
const _hoisted_1 = { class: "text-xl font-semibold mb-1" };
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "SegmentedBox",
|
|
6
|
+
props: {
|
|
7
|
+
uid: {},
|
|
8
|
+
title: {},
|
|
9
|
+
content: {},
|
|
10
|
+
bgColor: { default: "bg-transparent" },
|
|
11
|
+
widthFull: { type: Boolean, default: false },
|
|
12
|
+
opacity: { type: Boolean, default: false },
|
|
13
|
+
boxCenter: { type: Boolean, default: true },
|
|
14
|
+
textCenter: { type: Boolean, default: true }
|
|
15
|
+
},
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const containerClasses = computed(() => ({
|
|
19
|
+
"w-full": props.widthFull,
|
|
20
|
+
"w-3/6": !props.widthFull,
|
|
21
|
+
"mx-auto": props.boxCenter,
|
|
22
|
+
"opacity-50": props.opacity
|
|
23
|
+
}));
|
|
24
|
+
const textColorClass = computed(() => {
|
|
25
|
+
if (!props.bgColor || props.bgColor === "bg-transparent" || props.bgColor === "") {
|
|
26
|
+
return "";
|
|
27
|
+
}
|
|
28
|
+
if (props.bgColor.includes("-700")) {
|
|
29
|
+
return "text-white dark:text-neutral-900";
|
|
30
|
+
}
|
|
31
|
+
if (props.bgColor === "bg-black") {
|
|
32
|
+
return "text-white dark:text-neutral-900";
|
|
33
|
+
}
|
|
34
|
+
return "";
|
|
35
|
+
});
|
|
36
|
+
const innerClasses = computed(() => [
|
|
37
|
+
"border border-black dark:border-white p-4 rounded-md",
|
|
38
|
+
props.textCenter ? "text-center" : "text-left",
|
|
39
|
+
props.bgColor,
|
|
40
|
+
textColorClass.value
|
|
41
|
+
]);
|
|
42
|
+
return (_ctx, _cache) => {
|
|
43
|
+
return openBlock(), createElementBlock("div", {
|
|
44
|
+
class: normalizeClass([containerClasses.value, "mb-3"])
|
|
45
|
+
}, [
|
|
46
|
+
createElementVNode("div", {
|
|
47
|
+
class: normalizeClass(innerClasses.value)
|
|
48
|
+
}, [
|
|
49
|
+
createElementVNode("h3", _hoisted_1, toDisplayString(_ctx.title), 1),
|
|
50
|
+
createVNode(_sfc_main$1, { content: _ctx.content }, null, 8, ["content"])
|
|
51
|
+
], 2)
|
|
52
|
+
], 2);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
});
|
|
2
56
|
export {
|
|
3
57
|
_sfc_main as default
|
|
4
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedBox.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"SegmentedBox.vue.js","sources":["../../../src/components/tools/SegmentedBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport RenderTextNode from \"~/components/tools/RenderTextNode.vue\";\nimport type { Box } from '~/types/educationals/EpSegmentedBox';\n\n\nconst props = withDefaults(defineProps<Box>(), {\n widthFull: false, \n boxCenter: true,\n opacity:false,\n bgColor:'bg-transparent',\n textCenter:true,\n})\n\nconst containerClasses = computed(() => ({\n 'w-full': props.widthFull,\n 'w-3/6': !props.widthFull,\n 'mx-auto': props.boxCenter,\n 'opacity-50': props.opacity\n}))\n\n\nconst textColorClass = computed(() => {\n if (!props.bgColor || props.bgColor === 'bg-transparent' || props.bgColor === '') {\n return ''\n }\n // Check if it's a dark shade (700, 500, or black)\n if (props.bgColor.includes('-700')) {\n return 'text-white dark:text-neutral-900'\n }\n if (props.bgColor === 'bg-black') {\n return 'text-white dark:text-neutral-900'\n }\n return ''\n})\n\nconst innerClasses = computed(() => [\n 'border border-black dark:border-white p-4 rounded-md',\n props.textCenter ? 'text-center' : 'text-left',\n props.bgColor, textColorClass.value\n])\n</script>\n\n<template>\n <div :class=\"containerClasses\" class=\"mb-3\">\n <div :class=\"innerClasses\">\n <h3 class=\"text-xl font-semibold mb-1\">{{ title }}</h3>\n <RenderTextNode :content=\"content\" />\n </div>\n </div>\n</template>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","title","_createVNode","RenderTextNode","content"],"mappings":";;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAQd,UAAM,mBAAmB,SAAS,OAAO;AAAA,MACrC,UAAU,MAAM;AAAA,MAChB,SAAS,CAAC,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,MACjB,cAAc,MAAM;AAAA,IAAA,EACtB;AAGF,UAAM,iBAAiB,SAAS,MAAM;AAClC,UAAI,CAAC,MAAM,WAAW,MAAM,YAAY,oBAAoB,MAAM,YAAY,IAAI;AAC9E,eAAO;AAAA,MACX;AAEA,UAAI,MAAM,QAAQ,SAAS,MAAM,GAAG;AAChC,eAAO;AAAA,MACX;AACA,UAAI,MAAM,YAAY,YAAY;AAC9B,eAAO;AAAA,MACX;AACA,aAAO;AAAA,IACX,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAAA,MACjC;AAAA,MACC,MAAM,aAAa,gBAAgB;AAAA,MACnC,MAAM;AAAA,MAAS,eAAe;AAAA,IAAA,CACjC;;0BAIEA,mBAKM,OAAA;AAAA,QALA,OAAKC,eAAA,CAAE,iBAAA,OAAwB,MAAM,CAAA;AAAA,MAAA;QACtCC,mBAGM,OAAA;AAAA,UAHA,sBAAO,aAAA,KAAY;AAAA,QAAA;UACrBA,mBAAuD,MAAvD,YAAuDC,gBAAbC,KAAAA,KAAK,GAAA,CAAA;AAAA,UAC/CC,YAAqCC,aAAA,EAApB,SAASC,KAAAA,QAAAA,GAAO,MAAA,GAAA,CAAA,SAAA,CAAA;AAAA,QAAA;;;;;"}
|
|
@@ -1,58 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import _sfc_main$1 from "./RenderTextNode.vue.js";
|
|
3
|
-
const _hoisted_1 = { class: "text-xl font-semibold mb-1" };
|
|
4
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "SegmentedBox",
|
|
6
|
-
props: {
|
|
7
|
-
uid: {},
|
|
8
|
-
title: {},
|
|
9
|
-
content: {},
|
|
10
|
-
bgColor: { default: "bg-transparent" },
|
|
11
|
-
widthFull: { type: Boolean, default: false },
|
|
12
|
-
opacity: { type: Boolean, default: false },
|
|
13
|
-
boxCenter: { type: Boolean, default: true },
|
|
14
|
-
textCenter: { type: Boolean, default: true }
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const props = __props;
|
|
18
|
-
const containerClasses = computed(() => ({
|
|
19
|
-
"w-full": props.widthFull,
|
|
20
|
-
"w-3/6": !props.widthFull,
|
|
21
|
-
"mx-auto": props.boxCenter,
|
|
22
|
-
"opacity-50": props.opacity
|
|
23
|
-
}));
|
|
24
|
-
const textColorClass = computed(() => {
|
|
25
|
-
if (!props.bgColor || props.bgColor === "bg-transparent" || props.bgColor === "") {
|
|
26
|
-
return "";
|
|
27
|
-
}
|
|
28
|
-
if (props.bgColor.includes("-700")) {
|
|
29
|
-
return "text-white dark:text-neutral-900";
|
|
30
|
-
}
|
|
31
|
-
if (props.bgColor === "bg-black") {
|
|
32
|
-
return "text-white dark:text-neutral-900";
|
|
33
|
-
}
|
|
34
|
-
return "";
|
|
35
|
-
});
|
|
36
|
-
const innerClasses = computed(() => [
|
|
37
|
-
"border border-black dark:border-white p-4 rounded-md",
|
|
38
|
-
props.textCenter ? "text-center" : "text-left",
|
|
39
|
-
props.bgColor,
|
|
40
|
-
textColorClass.value
|
|
41
|
-
]);
|
|
42
|
-
return (_ctx, _cache) => {
|
|
43
|
-
return openBlock(), createElementBlock("div", {
|
|
44
|
-
class: normalizeClass([containerClasses.value, "mb-3"])
|
|
45
|
-
}, [
|
|
46
|
-
createElementVNode("div", {
|
|
47
|
-
class: normalizeClass(innerClasses.value)
|
|
48
|
-
}, [
|
|
49
|
-
createElementVNode("h3", _hoisted_1, toDisplayString(_ctx.title), 1),
|
|
50
|
-
createVNode(_sfc_main$1, { content: _ctx.content }, null, 8, ["content"])
|
|
51
|
-
], 2)
|
|
52
|
-
], 2);
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
});
|
|
1
|
+
import _sfc_main from "./SegmentedBox.vue.js";
|
|
56
2
|
export {
|
|
57
3
|
_sfc_main as default
|
|
58
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedBox.vue2.js","sources":[
|
|
1
|
+
{"version":3,"file":"SegmentedBox.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
22
22
|
if (props.media) {
|
|
23
23
|
const componentToLoad = useComponent(props.media.type);
|
|
24
24
|
return defineAsyncComponent(
|
|
25
|
-
() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.
|
|
25
|
+
() => __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"), "../educationals/EpBranchingScenario.vue": () => import("../educationals/EpBranchingScenario.vue.js"), "../educationals/EpCodeblock.vue": () => import("../educationals/EpCodeblock.vue3.js"), "../educationals/EpConclusion.vue": () => import("../educationals/EpConclusion.vue2.js"), "../educationals/EpDescription.vue": () => import("../educationals/EpDescription.vue2.js"), "../educationals/EpDocument.vue": () => import("../educationals/EpDocument.vue2.js"), "../educationals/EpEdu.vue": () => import("../educationals/EpEdu.vue2.js"), "../educationals/EpFillBlanks.vue": () => import("../educationals/EpFillBlanks.vue2.js"), "../educationals/EpInstructions.vue": () => import("../educationals/EpInstructions.vue2.js"), "../educationals/EpIntroduction.vue": () => import("../educationals/EpIntroduction.vue2.js"), "../educationals/EpObjective.vue": () => import("../educationals/EpObjective.vue2.js"), "../educationals/EpReading.vue": () => import("../educationals/EpReading.vue2.js"), "../educationals/EpResource.vue": () => import("../educationals/EpResource.vue2.js"), "../educationals/EpScope.vue": () => import("../educationals/EpScope.vue2.js"), "../educationals/EpSegmentedBox.vue": () => import("../educationals/EpSegmentedBox.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/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.vue2.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/EpImageCompare.vue": () => import("../interactions/EpImageCompare.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/EpPlaylist.vue": () => import("../medias/EpPlaylist.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"), "./AssociationNode.vue": () => import("./AssociationNode.vue2.js"), "./AsyncKatexRender.vue": () => import("./AsyncKatexRender.vue.js"), "./BgAudio.vue": () => import("./BgAudio.vue.js"), "./Details.vue": () => import("./Details.vue.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.js"), "./RenderTextNode.vue": () => import("./RenderTextNode.vue2.js"), "./SegmentedBox.vue": () => import("./SegmentedBox.vue2.js"), "./SvgFilter.vue": () => import("./SvgFilter.vue.js"), "./TextMedia.vue": () => import("./TextMedia.vue.js"), "./TimelineItem.vue": () => import("./TimelineItem.vue.js"), "./TwoColsMedia.vue": () => import("./TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
|
|
26
26
|
);
|
|
27
27
|
}
|
|
28
28
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextMedia.vue2.js","sources":["../../../src/components/tools/TextMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { NestedComponents } from \"~/types/Component\";\n\ninterface Props {\n media?: NestedComponents;\n flexCol?: boolean;\n text: string;\n cols?: boolean;\n textLeft?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n flexCol: false\n});\n\nconst currentRenderComponent = computed(() => {\n if (props.media) {\n const componentToLoad = useComponent(props.media.type);\n return defineAsyncComponent(\n () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n );\n }\n return null;\n});\n\nconst colsStyle = computed(() => {\n return props.cols ? \"flex items-center justify-center gap-1\" : \"\";\n});\n\nconst alignText = computed(() => {\n return props.textLeft ? \"text-red-900\" : \"text-red-700\";\n});\n</script>\n\n<template>\n <div :class=\"colsStyle\">\n <div :class=\"`w-full ep-content ${(flexCol ? 'flex flex-col' : '')}`\" \n v-html=\"useRenderText(text)\" />\n <div class=\"w-full\" v-if=\"currentRenderComponent && media\">\n <component :is=\"currentRenderComponent\" v-bind=\"{ ...media.data, card:true }\" />\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","flexCol","_unref","text","media","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAId,UAAM,yBAAyB,SAAS,MAAM;AAC5C,UAAI,MAAM,OAAO;AACf,cAAM,kBAAkB,aAAa,MAAM,MAAM,IAAI;AACrD,eAAO;AAAA,UACL,MAAM,qCAAA,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,
|
|
1
|
+
{"version":3,"file":"TextMedia.vue2.js","sources":["../../../src/components/tools/TextMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { NestedComponents } from \"~/types/Component\";\n\ninterface Props {\n media?: NestedComponents;\n flexCol?: boolean;\n text: string;\n cols?: boolean;\n textLeft?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n flexCol: false\n});\n\nconst currentRenderComponent = computed(() => {\n if (props.media) {\n const componentToLoad = useComponent(props.media.type);\n return defineAsyncComponent(\n () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n );\n }\n return null;\n});\n\nconst colsStyle = computed(() => {\n return props.cols ? \"flex items-center justify-center gap-1\" : \"\";\n});\n\nconst alignText = computed(() => {\n return props.textLeft ? \"text-red-900\" : \"text-red-700\";\n});\n</script>\n\n<template>\n <div :class=\"colsStyle\">\n <div :class=\"`w-full ep-content ${(flexCol ? 'flex flex-col' : '')}`\" \n v-html=\"useRenderText(text)\" />\n <div class=\"w-full\" v-if=\"currentRenderComponent && media\">\n <component :is=\"currentRenderComponent\" v-bind=\"{ ...media.data, card:true }\" />\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","flexCol","_unref","text","media","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
23
23
|
if (props.mediaLeft) {
|
|
24
24
|
const componentToLoad = useComponent(props.mediaLeft.type);
|
|
25
25
|
return defineAsyncComponent(
|
|
26
|
-
() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.
|
|
26
|
+
() => __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"), "../educationals/EpBranchingScenario.vue": () => import("../educationals/EpBranchingScenario.vue.js"), "../educationals/EpCodeblock.vue": () => import("../educationals/EpCodeblock.vue3.js"), "../educationals/EpConclusion.vue": () => import("../educationals/EpConclusion.vue2.js"), "../educationals/EpDescription.vue": () => import("../educationals/EpDescription.vue2.js"), "../educationals/EpDocument.vue": () => import("../educationals/EpDocument.vue2.js"), "../educationals/EpEdu.vue": () => import("../educationals/EpEdu.vue2.js"), "../educationals/EpFillBlanks.vue": () => import("../educationals/EpFillBlanks.vue2.js"), "../educationals/EpInstructions.vue": () => import("../educationals/EpInstructions.vue2.js"), "../educationals/EpIntroduction.vue": () => import("../educationals/EpIntroduction.vue2.js"), "../educationals/EpObjective.vue": () => import("../educationals/EpObjective.vue2.js"), "../educationals/EpReading.vue": () => import("../educationals/EpReading.vue2.js"), "../educationals/EpResource.vue": () => import("../educationals/EpResource.vue2.js"), "../educationals/EpScope.vue": () => import("../educationals/EpScope.vue2.js"), "../educationals/EpSegmentedBox.vue": () => import("../educationals/EpSegmentedBox.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/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.vue2.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/EpImageCompare.vue": () => import("../interactions/EpImageCompare.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/EpPlaylist.vue": () => import("../medias/EpPlaylist.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"), "./AssociationNode.vue": () => import("./AssociationNode.vue2.js"), "./AsyncKatexRender.vue": () => import("./AsyncKatexRender.vue.js"), "./BgAudio.vue": () => import("./BgAudio.vue.js"), "./Details.vue": () => import("./Details.vue.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.js"), "./RenderTextNode.vue": () => import("./RenderTextNode.vue2.js"), "./SegmentedBox.vue": () => import("./SegmentedBox.vue2.js"), "./SvgFilter.vue": () => import("./SvgFilter.vue.js"), "./TextMedia.vue": () => import("./TextMedia.vue.js"), "./TimelineItem.vue": () => import("./TimelineItem.vue.js"), "./TwoColsMedia.vue": () => import("./TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
|
|
27
27
|
);
|
|
28
28
|
}
|
|
29
29
|
return null;
|
|
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
32
32
|
if (props.mediaRight) {
|
|
33
33
|
const componentToLoad = useComponent(props.mediaRight.type);
|
|
34
34
|
return defineAsyncComponent(
|
|
35
|
-
() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.
|
|
35
|
+
() => __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"), "../educationals/EpBranchingScenario.vue": () => import("../educationals/EpBranchingScenario.vue.js"), "../educationals/EpCodeblock.vue": () => import("../educationals/EpCodeblock.vue3.js"), "../educationals/EpConclusion.vue": () => import("../educationals/EpConclusion.vue2.js"), "../educationals/EpDescription.vue": () => import("../educationals/EpDescription.vue2.js"), "../educationals/EpDocument.vue": () => import("../educationals/EpDocument.vue2.js"), "../educationals/EpEdu.vue": () => import("../educationals/EpEdu.vue2.js"), "../educationals/EpFillBlanks.vue": () => import("../educationals/EpFillBlanks.vue2.js"), "../educationals/EpInstructions.vue": () => import("../educationals/EpInstructions.vue2.js"), "../educationals/EpIntroduction.vue": () => import("../educationals/EpIntroduction.vue2.js"), "../educationals/EpObjective.vue": () => import("../educationals/EpObjective.vue2.js"), "../educationals/EpReading.vue": () => import("../educationals/EpReading.vue2.js"), "../educationals/EpResource.vue": () => import("../educationals/EpResource.vue2.js"), "../educationals/EpScope.vue": () => import("../educationals/EpScope.vue2.js"), "../educationals/EpSegmentedBox.vue": () => import("../educationals/EpSegmentedBox.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/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.vue2.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/EpImageCompare.vue": () => import("../interactions/EpImageCompare.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/EpPlaylist.vue": () => import("../medias/EpPlaylist.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"), "./AssociationNode.vue": () => import("./AssociationNode.vue2.js"), "./AsyncKatexRender.vue": () => import("./AsyncKatexRender.vue.js"), "./BgAudio.vue": () => import("./BgAudio.vue.js"), "./Details.vue": () => import("./Details.vue.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.js"), "./RenderTextNode.vue": () => import("./RenderTextNode.vue2.js"), "./SegmentedBox.vue": () => import("./SegmentedBox.vue2.js"), "./SvgFilter.vue": () => import("./SvgFilter.vue.js"), "./TextMedia.vue": () => import("./TextMedia.vue.js"), "./TimelineItem.vue": () => import("./TimelineItem.vue.js"), "./TwoColsMedia.vue": () => import("./TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
|
|
36
36
|
);
|
|
37
37
|
}
|
|
38
38
|
return null;
|