ep-lib-ts 1.0.83 → 1.0.85
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/EpBranchingScenario.vue2.js +2 -2
- package/dist/components/educationals/EpResource.vue.js +1 -1
- package/dist/components/educationals/EpResource.vue.js.map +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/EpAudio.vue.js +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/EpSensibleImage.vue.js +1 -1
- package/dist/components/medias/EpSensibleImage.vue2.js +8 -4
- package/dist/components/medias/EpSensibleImage.vue2.js.map +1 -1
- package/dist/components/tools/BgAudio.vue.js +1 -52
- package/dist/components/tools/BgAudio.vue.js.map +1 -1
- package/dist/components/tools/BgAudio.vue2.js +52 -1
- package/dist/components/tools/BgAudio.vue2.js.map +1 -1
- package/dist/components/tools/Details.vue.js +1 -56
- package/dist/components/tools/Details.vue.js.map +1 -1
- package/dist/components/tools/Details.vue2.js +56 -1
- package/dist/components/tools/Details.vue2.js.map +1 -1
- package/dist/components/tools/TextMedia.vue.js +1 -50
- package/dist/components/tools/TextMedia.vue.js.map +1 -1
- package/dist/components/tools/TextMedia.vue2.js +50 -1
- package/dist/components/tools/TextMedia.vue2.js.map +1 -1
- package/dist/components/tools/TimelineItem.vue.js +1 -1
- package/dist/components/tools/TimelineItem.vue2.js +23 -12
- package/dist/components/tools/TimelineItem.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 +66 -66
- package/dist/types/TimeLine.d.ts +2 -0
- package/dist/types/TimeLine.js.map +1 -1
- package/dist/types/medias/EpSensibleImage.d.ts +3 -0
- package/package.json +1 -1
|
@@ -1,4 +1,53 @@
|
|
|
1
|
-
import
|
|
1
|
+
import __variableDynamicImportRuntimeHelper from "../../_virtual/dynamic-import-helper.js";
|
|
2
|
+
import { defineComponent, computed, defineAsyncComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, unref, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
|
|
3
|
+
import { useRenderText } from "../../composables/useRenderText.js";
|
|
4
|
+
import { useComponent } from "../../composables/useComponent.js";
|
|
5
|
+
const _hoisted_1 = ["innerHTML"];
|
|
6
|
+
const _hoisted_2 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "w-full"
|
|
9
|
+
};
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
|
+
__name: "TextMedia",
|
|
12
|
+
props: {
|
|
13
|
+
media: {},
|
|
14
|
+
flexCol: { type: Boolean, default: false },
|
|
15
|
+
text: {},
|
|
16
|
+
cols: { type: Boolean },
|
|
17
|
+
textLeft: { type: Boolean }
|
|
18
|
+
},
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const currentRenderComponent = computed(() => {
|
|
22
|
+
if (props.media) {
|
|
23
|
+
const componentToLoad = useComponent(props.media.type);
|
|
24
|
+
return defineAsyncComponent(
|
|
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/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/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.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/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"), "./AsyncKatexRender.vue": () => import("./AsyncKatexRender.vue.js"), "./BgAudio.vue": () => import("./BgAudio.vue.js"), "./Details.vue": () => import("./Details.vue.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.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
|
+
);
|
|
27
|
+
}
|
|
28
|
+
return null;
|
|
29
|
+
});
|
|
30
|
+
const colsStyle = computed(() => {
|
|
31
|
+
return props.cols ? "flex items-center justify-center gap-1" : "";
|
|
32
|
+
});
|
|
33
|
+
computed(() => {
|
|
34
|
+
return props.textLeft ? "text-red-900" : "text-red-700";
|
|
35
|
+
});
|
|
36
|
+
return (_ctx, _cache) => {
|
|
37
|
+
return openBlock(), createElementBlock("div", {
|
|
38
|
+
class: normalizeClass(colsStyle.value)
|
|
39
|
+
}, [
|
|
40
|
+
createElementVNode("div", {
|
|
41
|
+
class: normalizeClass(`w-full ${_ctx.flexCol ? "flex flex-col" : ""}`),
|
|
42
|
+
innerHTML: unref(useRenderText)(_ctx.text)
|
|
43
|
+
}, null, 10, _hoisted_1),
|
|
44
|
+
currentRenderComponent.value && _ctx.media ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
45
|
+
(openBlock(), createBlock(resolveDynamicComponent(currentRenderComponent.value), normalizeProps(guardReactiveProps({ ..._ctx.media.data, card: true })), null, 16))
|
|
46
|
+
])) : createCommentVNode("", true)
|
|
47
|
+
], 2);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
});
|
|
2
51
|
export {
|
|
3
52
|
_sfc_main as default
|
|
4
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextMedia.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
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 ${(flexCol ? 'flex flex-col' : '')}`\" 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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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./TimelineItem.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const TimeLineItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const TimeLineItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f6c3e06"]]);
|
|
5
5
|
export {
|
|
6
6
|
TimeLineItem as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { defineComponent, ref, toRefs, onMounted, watch, watchEffect, computed, createElementBlock, openBlock, normalizeClass, createElementVNode,
|
|
1
|
+
import { defineComponent, ref, toRefs, onMounted, watch, watchEffect, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, nextTick } from "vue";
|
|
2
2
|
import { useRenderText } from "../../composables/useRenderText.js";
|
|
3
|
-
import _sfc_main$
|
|
3
|
+
import _sfc_main$2 from "../basics/EpImg.vue.js";
|
|
4
4
|
import { colorsTimeLine } from "../../types/TimeLine.js";
|
|
5
|
+
import _sfc_main$1 from "../basics/EpIcon.vue.js";
|
|
6
|
+
import { mdiClose, mdiPlus } from "@mdi/js";
|
|
5
7
|
const _hoisted_1 = {
|
|
6
8
|
key: 0,
|
|
7
9
|
class: "font-bold"
|
|
@@ -24,16 +26,19 @@ const _hoisted_5 = {
|
|
|
24
26
|
};
|
|
25
27
|
const _hoisted_6 = {
|
|
26
28
|
key: 0,
|
|
27
|
-
class: "flex-1"
|
|
29
|
+
class: "flex-1 flex flex-col items-center"
|
|
28
30
|
};
|
|
29
|
-
const _hoisted_7 =
|
|
31
|
+
const _hoisted_7 = {
|
|
32
|
+
key: 0,
|
|
33
|
+
class: "text-center"
|
|
34
|
+
};
|
|
35
|
+
const _hoisted_8 = ["innerHTML"];
|
|
30
36
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
31
37
|
__name: "TimelineItem",
|
|
32
38
|
props: {
|
|
33
39
|
title: { default: "En savoir plus" },
|
|
34
40
|
date: {},
|
|
35
|
-
event: {}
|
|
36
|
-
collapse: { type: Boolean, default: false }
|
|
41
|
+
event: {}
|
|
37
42
|
},
|
|
38
43
|
setup(__props) {
|
|
39
44
|
const props = __props;
|
|
@@ -72,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
72
77
|
}
|
|
73
78
|
});
|
|
74
79
|
watchEffect(() => {
|
|
75
|
-
if (!showDiv.value && first.value && ready.value) {
|
|
80
|
+
if (!showDiv.value && !event.value.collapsed && first.value && ready.value) {
|
|
76
81
|
toggleDivVisibility();
|
|
77
82
|
first.value = false;
|
|
78
83
|
}
|
|
@@ -111,8 +116,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
111
116
|
onClick: toggleDivVisibility
|
|
112
117
|
}, [
|
|
113
118
|
createElementVNode("div", {
|
|
114
|
-
class: normalizeClass(`w-5 h-5
|
|
115
|
-
},
|
|
119
|
+
class: normalizeClass(`w-5 h-5 border-2 ${colorEvent.value.border} ${colorEvent.value.bg} ${unref(event).tag ? "text-white" : "text-black"} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0 flex items-center justify-center`)
|
|
120
|
+
}, [
|
|
121
|
+
createVNode(_sfc_main$1, {
|
|
122
|
+
"icon-path": showDiv.value ? unref(mdiClose) : unref(mdiPlus),
|
|
123
|
+
size: "20"
|
|
124
|
+
}, null, 8, ["icon-path"])
|
|
125
|
+
], 2),
|
|
116
126
|
createElementVNode("div", {
|
|
117
127
|
class: normalizeClass(`w-10 border ${colorEvent.value.border} absolute -left-10 z-0`)
|
|
118
128
|
}, null, 2),
|
|
@@ -138,19 +148,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
138
148
|
class: normalizeClass(`${src.value ? "flex" : ""} py-4`)
|
|
139
149
|
}, [
|
|
140
150
|
src.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
|
141
|
-
createVNode(_sfc_main$
|
|
151
|
+
createVNode(_sfc_main$2, {
|
|
142
152
|
noModal: "",
|
|
143
153
|
cols: "8",
|
|
144
154
|
src: src.value,
|
|
145
155
|
alt: (_g = unref(event).text) == null ? void 0 : _g.headline,
|
|
146
156
|
ref_key: "epImg",
|
|
147
157
|
ref: epImg
|
|
148
|
-
}, null, 8, ["src", "alt"])
|
|
158
|
+
}, null, 8, ["src", "alt"]),
|
|
159
|
+
unref(event).media.label ? (openBlock(), createElementBlock("i", _hoisted_7, toDisplayString(unref(event).media.label), 1)) : createCommentVNode("", true)
|
|
149
160
|
])) : createCommentVNode("", true),
|
|
150
161
|
createElementVNode("div", {
|
|
151
162
|
class: "flex-1",
|
|
152
163
|
innerHTML: unref(useRenderText)(unref(event).text.text)
|
|
153
|
-
}, null, 8,
|
|
164
|
+
}, null, 8, _hoisted_8)
|
|
154
165
|
], 2)
|
|
155
166
|
], 512)
|
|
156
167
|
])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineItem.vue2.js","sources":["../../../src/components/tools/TimelineItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ref,\n toRefs,\n onMounted,\n computed,\n watch,\n nextTick,\n watchEffect,\n} from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport {\n type EventTimeLine,\n type TimeLineDate,\n colorsTimeLine,\n} from \"~/types/TimeLine\";\n\ninterface Props {\n title?: string | null;\n date?: string;\n event: EventTimeLine;\n
|
|
1
|
+
{"version":3,"file":"TimelineItem.vue2.js","sources":["../../../src/components/tools/TimelineItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ref,\n toRefs,\n onMounted,\n computed,\n watch,\n nextTick,\n watchEffect,\n} from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport {\n type EventTimeLine,\n type TimeLineDate,\n colorsTimeLine,\n} from \"~/types/TimeLine\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiClose, mdiPlus } from \"@mdi/js\";\n\ninterface Props {\n title?: string | null;\n date?: string;\n event: EventTimeLine;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n title: \"En savoir plus\",\n type: \"base\",\n});\n\nconst ready = ref(false);\nconst first = ref(true);\n\nconst showDiv = ref(false);\n\nconst collapsible = ref<HTMLElement | null>(null);\n\nconst { event } = toRefs(props);\n\nconst updateMaxHeight = async () => {\n await nextTick();\n if (collapsible.value) {\n collapsible.value.style.maxHeight = showDiv.value\n ? collapsible.value.scrollHeight + \"px\"\n : \"0px\";\n }\n};\n\nonMounted(() => {\n updateMaxHeight();\n});\n\nwatch([() => event.value.text.text, () => props.event.media.url], () => {\n updateMaxHeight();\n});\n\nfunction toggleDivVisibility() {\n showDiv.value = !showDiv.value;\n updateMaxHeight();\n if (collapsible.value && !collapsible.value.style.transition) {\n collapsible.value.style.transition = \"max-height 0.2s ease-out\";\n }\n}\n\n// Make sure the image is loaded before opening the div\nconst epImg = ref<{ imgEl: HTMLImageElement | null } | null>(null);\n\nwatchEffect(() => {\n const img = epImg.value?.imgEl;\n if (img) {\n img.addEventListener(\"load\", () => {\n ready.value = true;\n });\n }\n});\n\nwatchEffect(() => {\n if (!showDiv.value && !event.value.collapsed && first.value && ready.value) {\n toggleDivVisibility();\n first.value = false;\n }\n});\n\nconst start_date = computed(() => {\n if (props.event.start_date) return parseTimeline(props.event.start_date);\n return null;\n});\n\nconst end_date = computed(() => {\n if (props.event.end_date) return parseTimeline(props.event.end_date);\n return null;\n});\n\nconst src = computed(() => {\n return props.event.media.url?.trim() ? props.event.media.url : null;\n});\n\nconst colorEvent = computed(() => {\n if (props.event.tag) return colorsTimeLine[props.event.tag.color];\n return colorsTimeLine.noTag;\n});\n\nconst parseTimeline = (timeDate: TimeLineDate) => {\n const { day, month, year, hour } = timeDate;\n const hoursStr = hour || \"\";\n const minutesStr = timeDate.minute ? `:${timeDate.minute}` : \"\";\n if (!day && !month && !year)\n return hoursStr ? { date: null, hour: hoursStr + minutesStr } : null;\n const dayStr = day ? `${day}/` : \"\";\n const monthStr = month ? `${month}/` : \"\";\n const yearStr = year || \"\";\n return { date: dayStr + monthStr + yearStr, hour: hoursStr + minutesStr };\n};\n</script>\n\n<template>\n <div\n :class=\"`cursor-pointer ml-10 relative flex items-center p-2 ${colorEvent.border} border-2 rounded-r-lg mb-8 flex-col md:flex-row space-y-4 md:space-y-0`\"\n @click=\"toggleDivVisibility\"\n >\n <!-- Dot -->\n <div\n :class=\"`w-5 h-5 border-2 ${colorEvent.border} ${colorEvent.bg} ${(event.tag)? 'text-white' : 'text-black'} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0 flex items-center justify-center`\"\n ><EpIcon :icon-path=\"(showDiv)? mdiClose : mdiPlus\" size=\"20\"></EpIcon></div>\n <!-- Line -->\n <div :class=\"`w-10 border ${colorEvent.border} absolute -left-10 z-0`\" />\n <div>\n <div :class=\"`${colorEvent.text} text-sm`\">\n <!-- sur protheus on est trop laxes ... mais on peut avoir plusieurs cas :/ -->\n <span v-if=\"start_date?.date\" class=\"font-bold\">{{\n start_date.date\n }}</span>\n <span v-if=\"start_date?.hour\" class=\"text-xs ml-1\">{{\n start_date.hour\n }}</span>\n <span v-if=\"end_date?.date\" class=\"mx-4\">-</span>\n <span v-if=\"end_date?.date\" class=\"font-bold\">{{ end_date.date }}</span>\n <span v-if=\"end_date?.hour\" class=\"text-xs ml-1\">\n {{ end_date.hour }}</span\n >\n </div>\n <h2 :class=\"`text-2xl ${colorEvent.text}`\">\n {{ event.text?.headline }}\n </h2>\n <!-- Content -->\n <div ref=\"collapsible\" class=\"ep-content-timeline-item\">\n <div :class=\"`${src ? 'flex' : ''} py-4`\">\n <div v-if=\"src\" class=\"flex-1 flex flex-col items-center\">\n <EpImg\n noModal\n cols=\"8\"\n :src=\"src\"\n :alt=\"event.text?.headline\"\n ref=\"epImg\"\n ></EpImg>\n <i class=\"text-center\" v-if=\"event.media.label\">{{ event.media.label }}</i>\n </div>\n <div class=\"flex-1\" v-html=\"useRenderText(event.text.text)\" />\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.ep-content-timeline-item {\n max-height: 0;\n overflow: hidden;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_unref","_createVNode","EpIcon","_openBlock","_toDisplayString","EpImg"],"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/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/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.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/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"), "./AsyncKatexRender.vue": () => import("./AsyncKatexRender.vue.js"), "./BgAudio.vue": () => import("./BgAudio.vue.js"), "./Details.vue": () => import("./Details.vue.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.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/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/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.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/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"), "./AsyncKatexRender.vue": () => import("./AsyncKatexRender.vue.js"), "./BgAudio.vue": () => import("./BgAudio.vue.js"), "./Details.vue": () => import("./Details.vue.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwoColsMedia.vue2.js","sources":["../../../src/components/tools/TwoColsMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { NestedComponents } from \"~/types/Component\";\n\ninterface Props {\n mediaLeft: NestedComponents;\n mediaRight: NestedComponents;\n cols?: boolean;\n textLeft?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {});\n\nconst leftComponent = computed(() => {\n if (props.mediaLeft) {\n const componentToLoad = useComponent(props.mediaLeft.type);\n return defineAsyncComponent(\n () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n );\n }\n return null;\n});\n\nconst rightComponent = computed(() => {\n if (props.mediaRight) {\n const componentToLoad = useComponent(props.mediaRight.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</script>\n\n<template>\n <div :class=\"colsStyle\">\n <div class=\"w-full\" v-if=\"leftComponent && mediaLeft\">\n <component :is=\"leftComponent\" v-bind=\"{ ...mediaLeft.data }\" />\n </div>\n <div class=\"w-full\" v-if=\"rightComponent && rightComponent\">\n <component :is=\"rightComponent\" v-bind=\"{ ...rightComponent.data }\" />\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","mediaLeft","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQ;AAEd,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,MAAM,WAAW;AACnB,cAAM,kBAAkB,aAAa,MAAM,UAAU,IAAI;AACzD,eAAO;AAAA,UACL,MAAM,qCAAA,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,
|
|
1
|
+
{"version":3,"file":"TwoColsMedia.vue2.js","sources":["../../../src/components/tools/TwoColsMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { NestedComponents } from \"~/types/Component\";\n\ninterface Props {\n mediaLeft: NestedComponents;\n mediaRight: NestedComponents;\n cols?: boolean;\n textLeft?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {});\n\nconst leftComponent = computed(() => {\n if (props.mediaLeft) {\n const componentToLoad = useComponent(props.mediaLeft.type);\n return defineAsyncComponent(\n () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n );\n }\n return null;\n});\n\nconst rightComponent = computed(() => {\n if (props.mediaRight) {\n const componentToLoad = useComponent(props.mediaRight.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</script>\n\n<template>\n <div :class=\"colsStyle\">\n <div class=\"w-full\" v-if=\"leftComponent && mediaLeft\">\n <component :is=\"leftComponent\" v-bind=\"{ ...mediaLeft.data }\" />\n </div>\n <div class=\"w-full\" v-if=\"rightComponent && rightComponent\">\n <component :is=\"rightComponent\" v-bind=\"{ ...rightComponent.data }\" />\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","mediaLeft","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
|
package/dist/style.css
CHANGED
|
@@ -5,19 +5,59 @@
|
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
pre {
|
|
9
|
+
white-space: break-spaces;
|
|
9
10
|
}
|
|
10
|
-
|
|
11
|
+
/*$vite$:1*/
|
|
12
|
+
|
|
13
|
+
@keyframes fade-6f6eb558 {
|
|
14
|
+
0% {
|
|
15
|
+
opacity: 0;
|
|
11
16
|
}
|
|
12
|
-
|
|
17
|
+
100% {
|
|
18
|
+
opacity: 1;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
@keyframes scale-6f6eb558 {
|
|
22
|
+
0% {
|
|
23
|
+
transform: scale(0.5);
|
|
24
|
+
opacity: 0;
|
|
25
|
+
}
|
|
26
|
+
100% {
|
|
27
|
+
transform: scale(1);
|
|
28
|
+
opacity: 1;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
@keyframes slideY-6f6eb558 {
|
|
32
|
+
0% {
|
|
33
|
+
transform: translateY(-100%);
|
|
34
|
+
opacity: 0;
|
|
35
|
+
}
|
|
36
|
+
100% {
|
|
37
|
+
transform: translateY(0);
|
|
38
|
+
opacity: 1;
|
|
13
39
|
}
|
|
14
|
-
.rotate-y-180[data-v-51e4a299] { transform: rotateY(180deg)
|
|
15
40
|
}
|
|
16
41
|
|
|
17
|
-
/*
|
|
18
|
-
.fade
|
|
42
|
+
/* Transition animation */
|
|
43
|
+
.fade[data-v-6f6eb558] {
|
|
44
|
+
animation: fade-6f6eb558 1s;
|
|
19
45
|
}
|
|
20
|
-
.
|
|
46
|
+
.scale[data-v-6f6eb558] {
|
|
47
|
+
animation: scale-6f6eb558 1s;
|
|
48
|
+
}
|
|
49
|
+
.slideY[data-v-6f6eb558] {
|
|
50
|
+
animation: slideY-6f6eb558 1s;
|
|
51
|
+
}
|
|
52
|
+
/*$vite$:1*/
|
|
53
|
+
|
|
54
|
+
.ep-tree-wrapper[data-v-482cff9d] {
|
|
55
|
+
overflow: auto;
|
|
56
|
+
border: 1px solid #ddd;
|
|
57
|
+
}
|
|
58
|
+
.ep-tree-container[data-v-482cff9d] {
|
|
59
|
+
width: 100%;
|
|
60
|
+
overflow-x: auto;
|
|
21
61
|
}
|
|
22
62
|
/*$vite$:1*/
|
|
23
63
|
|
|
@@ -60,22 +100,11 @@
|
|
|
60
100
|
}
|
|
61
101
|
/*$vite$:1*/
|
|
62
102
|
|
|
63
|
-
.ep-sensible-content[data-v-
|
|
103
|
+
.ep-sensible-content[data-v-58b0587e] {
|
|
64
104
|
position: relative;
|
|
65
105
|
}
|
|
66
106
|
/*$vite$:1*/
|
|
67
107
|
|
|
68
|
-
.katex[data-v-a9b6227c] {
|
|
69
|
-
font-size: 1.6em;
|
|
70
|
-
}
|
|
71
|
-
/*$vite$:1*/
|
|
72
|
-
|
|
73
|
-
.ep-info-box[data-v-64f3d0d8] a {
|
|
74
|
-
text-decoration: underline;
|
|
75
|
-
font-weight: 500;
|
|
76
|
-
}
|
|
77
|
-
/*$vite$:1*/
|
|
78
|
-
|
|
79
108
|
.shape[data-v-4a99873e] {
|
|
80
109
|
height: var(--e4ec2c0a);
|
|
81
110
|
width: var(--3f346a72);
|
|
@@ -93,65 +122,30 @@
|
|
|
93
122
|
}
|
|
94
123
|
/*$vite$:1*/
|
|
95
124
|
|
|
96
|
-
.
|
|
97
|
-
|
|
98
|
-
border: 1px solid #ddd;
|
|
99
|
-
}
|
|
100
|
-
.ep-tree-container[data-v-482cff9d] {
|
|
101
|
-
width: 100%;
|
|
102
|
-
overflow-x: auto;
|
|
125
|
+
.katex[data-v-a9b6227c] {
|
|
126
|
+
font-size: 1.6em;
|
|
103
127
|
}
|
|
104
128
|
/*$vite$:1*/
|
|
105
129
|
|
|
106
|
-
|
|
107
|
-
0% {
|
|
108
|
-
opacity: 0;
|
|
109
|
-
}
|
|
110
|
-
100% {
|
|
111
|
-
opacity: 1;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
@keyframes scale-6f6eb558 {
|
|
115
|
-
0% {
|
|
116
|
-
transform: scale(0.5);
|
|
117
|
-
opacity: 0;
|
|
118
|
-
}
|
|
119
|
-
100% {
|
|
120
|
-
transform: scale(1);
|
|
121
|
-
opacity: 1;
|
|
122
|
-
}
|
|
130
|
+
.perspective-1000[data-v-51e4a299] { perspective: 1000px
|
|
123
131
|
}
|
|
124
|
-
|
|
125
|
-
0% {
|
|
126
|
-
transform: translateY(-100%);
|
|
127
|
-
opacity: 0;
|
|
132
|
+
.preserve-3d[data-v-51e4a299] { transform-style: preserve-3d
|
|
128
133
|
}
|
|
129
|
-
|
|
130
|
-
transform: translateY(0);
|
|
131
|
-
opacity: 1;
|
|
134
|
+
.backface-hidden[data-v-51e4a299] { backface-visibility: hidden
|
|
132
135
|
}
|
|
136
|
+
.rotate-y-180[data-v-51e4a299] { transform: rotateY(180deg)
|
|
133
137
|
}
|
|
134
138
|
|
|
135
|
-
/*
|
|
136
|
-
.fade[data-v-
|
|
137
|
-
animation: fade-6f6eb558 1s;
|
|
138
|
-
}
|
|
139
|
-
.scale[data-v-6f6eb558] {
|
|
140
|
-
animation: scale-6f6eb558 1s;
|
|
141
|
-
}
|
|
142
|
-
.slideY[data-v-6f6eb558] {
|
|
143
|
-
animation: slideY-6f6eb558 1s;
|
|
139
|
+
/* simple fade for the helper badge */
|
|
140
|
+
.fade-enter-active[data-v-51e4a299], .fade-leave-active[data-v-51e4a299] { transition: opacity .3s
|
|
144
141
|
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
pre {
|
|
148
|
-
white-space: break-spaces;
|
|
142
|
+
.fade-enter-from[data-v-51e4a299], .fade-leave-to[data-v-51e4a299] { opacity: 0
|
|
149
143
|
}
|
|
150
144
|
/*$vite$:1*/
|
|
151
145
|
|
|
152
|
-
.ep-
|
|
153
|
-
|
|
154
|
-
|
|
146
|
+
.ep-info-box[data-v-64f3d0d8] a {
|
|
147
|
+
text-decoration: underline;
|
|
148
|
+
font-weight: 500;
|
|
155
149
|
}
|
|
156
150
|
/*$vite$:1*/
|
|
157
151
|
|
|
@@ -171,4 +165,10 @@ pre {
|
|
|
171
165
|
.katex-render[data-v-0d66d7fc] .katex-display {
|
|
172
166
|
font-size: 1.5em;
|
|
173
167
|
}
|
|
168
|
+
/*$vite$:1*/
|
|
169
|
+
|
|
170
|
+
.ep-content-timeline-item[data-v-5f6c3e06] {
|
|
171
|
+
max-height: 0;
|
|
172
|
+
overflow: hidden;
|
|
173
|
+
}
|
|
174
174
|
/*$vite$:1*/
|
package/dist/types/TimeLine.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeLine.js","sources":["../../src/types/TimeLine.ts"],"sourcesContent":["export const typeTimeLineTag = {\n base:{\n default:'bg-gray-100 dark:bg-gray-300 dark:text-white',\n outlined:'border-gray-100 border dark:bg-gray-300 dark:text-white'\n }\n}\n\nexport interface HeadTimeLine {\n text:string;\n headline?:string;\n}\n\nexport interface TagTimeLine {\n id:number|string;\n color:ColorsTags;\n title:string;\n active?:boolean;\n}\n\nexport interface TimeLineDate {\n day?:string|number;\n hour?:string|number;\n year?:string|number;\n month?:string|number;\n minute?:string|number;\n}\n\nexport interface EventTimeLine {\n id:string;\n tag?:TagTimeLine|null;\n text:HeadTimeLine;\n end_date:TimeLineDate;\n start_date:TimeLineDate;\n media:{\n url:string;\n };\n background?:{\n color?:string;\n }\n}\n\nexport const colorsTimeLine = {\n \"noTag\":{bg:\"bg-white\", text:\"dark:text-white\", border:\"border-grey-900 dark:border-grey-400\"},\n \"blue-grey\":{bg:\"bg-sky-600\", text:\"text-sky-600 dark:text-sky-500\", border:\"border-sky-600 dark:border-sky-500\"},\n \"red\":{bg:\"bg-red-600\", text:\"text-red-600 dark:text-red-500\", border:\"border-red-600 dark:border-red-500\"},\n \"pink\":{bg:\"bg-pink-600\", text:\"text-pink-600 dark:text-pink-500\", border:\"border-pink-600 dark:border-pink-500\"},\n \"purple\":{bg:\"bg-purple-600\", text:\"text-purple-600 dark:text-purple-500\", border:\"border-purple-600 dark:border-purple-500\"},\n \"deep-purple\":{bg:\"bg-violet-600\", text:\"text-violet-600 dark:text-violet-400\", border:\"border-violet-600 dark:border-violet-400\"}, \n \"indigo\":{bg:\"bg-indigo-600\", text:\"text-indigo-600 dark:text-indigo-400\", border:\"border-indigo-600 dark:border-indigo-400\"},\n \"blue\":{bg:\"bg-blue-600\", text:\"text-blue-600 dark:text-blue-400\", border:\"border-blue-600 dark:border-blue-400\"}, \n \"cyan\":{bg:\"bg-cyan-600\", text:\"text-cyan-600 dark:text-cyan-500\", border:\"border-cyan-600 dark:border-cyan-500\"}, \n \"teal\":{bg:\"bg-teal-600\", text:\"text-teal-600 dark:text-teal-500\", border:\"border-teal-600 dark:border-teal-500\"}, \n \"green\":{bg:\"bg-green-600\", text:\"text-green-600 dark:text-green-500\", border:\"border-green-600 dark:border-green-500\"}, \n \"light-green\":{bg:\"bg-emerald-400\", text:\"text-emerald-400 dark:text-emerald-400\", border:\"border-emerald-400 dark:border-emerald-500\"}, \n \"lime\":{bg:\"bg-lime-600\", text:\"text-lime-600 dark:text-lime-500\", border:\"border-lime-600 dark:border-lime-500\"}, \n \"light-blue\":{bg:\"bg-cyan-400\", text:\"text-cyan-400 dark:text-cyan-300\", border:\"border-cyan-400 dark:border-cyan-300\"}, \n \"deep-orange\":{bg:\"bg-amber-700\", text:\"text-amber-700 dark:text-amber-500\", border:\"border-amber-700 dark:border-amber-600\"}, \n \"orange\":{bg:\"bg-orange-600\", text:\"text-orange-600 dark:text-orange-400\", border:\"border-orange-600 dark:border-orange-500\"},\n \"brown\":{bg:\"bg-amber-900\", text:\"text-amber-900 dark:text-amber-500\", border:\"border-amber-900 dark:border-amber-700\"}, \n}\n\nexport type ColorsTags = keyof typeof colorsTimeLine\n/*\n <div class=\"bg-blue-grey\">\"blue-grey\" TO ADD!</div>\n <div class=\"\">\"red\"</div>\n <div class=\"\">\"pink\"</div>\n <div class=\"bg-purple-600\">\"purple\"</div>\n <div class=\"bg-deep-purple\">\"deep-purple\" TO ADD!</div>\n <div class=\"bg-indigo-600\">\"indigo\"</div>\n <div class=\"bg-blue-600\">\"blue\"</div>\n <div class=\"bg-cyan-600\">\"cyan\"</div>\n <div class=\"bg-teal-600\">\"teal\"</div>\n <div class=\"bg-green-600\">\"green\"</div>\n <div class=\"bg-light-green\">\"light-green\" TO ADD!</div>\n <div class=\"bg-lime-600\">\"lime\"</div>\n <div class=\"bg-light-blue\">\"light-blue\" TO ADD!</div>\n <div class=\"bg-deep-orange\">\"deep-orange\" TO ADD!</div>\n <div class=\"bg-orange-600\">\"orange\"</div>\n <div class=\"bg-brown\">\"brown\" TO ADD!</div>\n*/"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TimeLine.js","sources":["../../src/types/TimeLine.ts"],"sourcesContent":["export const typeTimeLineTag = {\n base:{\n default:'bg-gray-100 dark:bg-gray-300 dark:text-white',\n outlined:'border-gray-100 border dark:bg-gray-300 dark:text-white'\n }\n}\n\nexport interface HeadTimeLine {\n text:string;\n headline?:string;\n}\n\nexport interface TagTimeLine {\n id:number|string;\n color:ColorsTags;\n title:string;\n active?:boolean;\n}\n\nexport interface TimeLineDate {\n day?:string|number;\n hour?:string|number;\n year?:string|number;\n month?:string|number;\n minute?:string|number;\n}\n\nexport interface EventTimeLine {\n id:string;\n tag?:TagTimeLine|null;\n text:HeadTimeLine;\n end_date:TimeLineDate;\n start_date:TimeLineDate;\n media:{\n url:string;\n label?: string;\n };\n background?:{\n color?:string;\n };\n collapsed?: boolean; \n}\n\nexport const colorsTimeLine = {\n \"noTag\":{bg:\"bg-white\", text:\"dark:text-white\", border:\"border-grey-900 dark:border-grey-400\"},\n \"blue-grey\":{bg:\"bg-sky-600\", text:\"text-sky-600 dark:text-sky-500\", border:\"border-sky-600 dark:border-sky-500\"},\n \"red\":{bg:\"bg-red-600\", text:\"text-red-600 dark:text-red-500\", border:\"border-red-600 dark:border-red-500\"},\n \"pink\":{bg:\"bg-pink-600\", text:\"text-pink-600 dark:text-pink-500\", border:\"border-pink-600 dark:border-pink-500\"},\n \"purple\":{bg:\"bg-purple-600\", text:\"text-purple-600 dark:text-purple-500\", border:\"border-purple-600 dark:border-purple-500\"},\n \"deep-purple\":{bg:\"bg-violet-600\", text:\"text-violet-600 dark:text-violet-400\", border:\"border-violet-600 dark:border-violet-400\"}, \n \"indigo\":{bg:\"bg-indigo-600\", text:\"text-indigo-600 dark:text-indigo-400\", border:\"border-indigo-600 dark:border-indigo-400\"},\n \"blue\":{bg:\"bg-blue-600\", text:\"text-blue-600 dark:text-blue-400\", border:\"border-blue-600 dark:border-blue-400\"}, \n \"cyan\":{bg:\"bg-cyan-600\", text:\"text-cyan-600 dark:text-cyan-500\", border:\"border-cyan-600 dark:border-cyan-500\"}, \n \"teal\":{bg:\"bg-teal-600\", text:\"text-teal-600 dark:text-teal-500\", border:\"border-teal-600 dark:border-teal-500\"}, \n \"green\":{bg:\"bg-green-600\", text:\"text-green-600 dark:text-green-500\", border:\"border-green-600 dark:border-green-500\"}, \n \"light-green\":{bg:\"bg-emerald-400\", text:\"text-emerald-400 dark:text-emerald-400\", border:\"border-emerald-400 dark:border-emerald-500\"}, \n \"lime\":{bg:\"bg-lime-600\", text:\"text-lime-600 dark:text-lime-500\", border:\"border-lime-600 dark:border-lime-500\"}, \n \"light-blue\":{bg:\"bg-cyan-400\", text:\"text-cyan-400 dark:text-cyan-300\", border:\"border-cyan-400 dark:border-cyan-300\"}, \n \"deep-orange\":{bg:\"bg-amber-700\", text:\"text-amber-700 dark:text-amber-500\", border:\"border-amber-700 dark:border-amber-600\"}, \n \"orange\":{bg:\"bg-orange-600\", text:\"text-orange-600 dark:text-orange-400\", border:\"border-orange-600 dark:border-orange-500\"},\n \"brown\":{bg:\"bg-amber-900\", text:\"text-amber-900 dark:text-amber-500\", border:\"border-amber-900 dark:border-amber-700\"}, \n}\n\nexport type ColorsTags = keyof typeof colorsTimeLine\n/*\n <div class=\"bg-blue-grey\">\"blue-grey\" TO ADD!</div>\n <div class=\"\">\"red\"</div>\n <div class=\"\">\"pink\"</div>\n <div class=\"bg-purple-600\">\"purple\"</div>\n <div class=\"bg-deep-purple\">\"deep-purple\" TO ADD!</div>\n <div class=\"bg-indigo-600\">\"indigo\"</div>\n <div class=\"bg-blue-600\">\"blue\"</div>\n <div class=\"bg-cyan-600\">\"cyan\"</div>\n <div class=\"bg-teal-600\">\"teal\"</div>\n <div class=\"bg-green-600\">\"green\"</div>\n <div class=\"bg-light-green\">\"light-green\" TO ADD!</div>\n <div class=\"bg-lime-600\">\"lime\"</div>\n <div class=\"bg-light-blue\">\"light-blue\" TO ADD!</div>\n <div class=\"bg-deep-orange\">\"deep-orange\" TO ADD!</div>\n <div class=\"bg-orange-600\">\"orange\"</div>\n <div class=\"bg-brown\">\"brown\" TO ADD!</div>\n*/"],"names":[],"mappings":"AA2CO,MAAM,iBAAiB;AAAA,EAC1B,SAAQ,EAAC,IAAG,YAAY,MAAK,mBAAmB,QAAO,uCAAA;AAAA,EACvD,aAAY,EAAC,IAAG,cAAc,MAAK,kCAAkC,QAAO,qCAAA;AAAA,EAC5E,OAAM,EAAC,IAAG,cAAc,MAAK,kCAAkC,QAAO,qCAAA;AAAA,EACtE,QAAO,EAAC,IAAG,eAAe,MAAK,oCAAoC,QAAO,uCAAA;AAAA,EAC1E,UAAS,EAAC,IAAG,iBAAiB,MAAK,wCAAwC,QAAO,2CAAA;AAAA,EAClF,eAAc,EAAC,IAAG,iBAAiB,MAAK,wCAAwC,QAAO,2CAAA;AAAA,EACvF,UAAS,EAAC,IAAG,iBAAiB,MAAK,wCAAwC,QAAO,2CAAA;AAAA,EAClF,QAAO,EAAC,IAAG,eAAe,MAAK,oCAAoC,QAAO,uCAAA;AAAA,EAC1E,QAAO,EAAC,IAAG,eAAe,MAAK,oCAAoC,QAAO,uCAAA;AAAA,EAC1E,QAAO,EAAC,IAAG,eAAe,MAAK,oCAAoC,QAAO,uCAAA;AAAA,EAC1E,SAAQ,EAAC,IAAG,gBAAgB,MAAK,sCAAsC,QAAO,yCAAA;AAAA,EAC9E,eAAc,EAAC,IAAG,kBAAkB,MAAK,0CAA0C,QAAO,6CAAA;AAAA,EAC1F,QAAO,EAAC,IAAG,eAAe,MAAK,oCAAoC,QAAO,uCAAA;AAAA,EAC1E,cAAa,EAAC,IAAG,eAAe,MAAK,oCAAoC,QAAO,uCAAA;AAAA,EAChF,eAAc,EAAC,IAAG,gBAAgB,MAAK,sCAAsC,QAAO,yCAAA;AAAA,EACpF,UAAS,EAAC,IAAG,iBAAiB,MAAK,wCAAwC,QAAO,2CAAA;AAAA,EAClF,SAAQ,EAAC,IAAG,gBAAgB,MAAK,sCAAsC,QAAO,yCAAA;AAClF;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SizeThumbnail } from '../Image';
|
|
1
2
|
export interface EpSensibleImageProps {
|
|
2
3
|
src: string;
|
|
3
4
|
label?: string; // The text under the sensitivity icon
|
|
@@ -10,4 +11,6 @@ export interface EpSensibleImageProps {
|
|
|
10
11
|
cols?: string | number;
|
|
11
12
|
noModal?:boolean;
|
|
12
13
|
icon?:string;
|
|
14
|
+
thumbnail?: boolean;
|
|
15
|
+
sizeThumbnail?: SizeThumbnail;
|
|
13
16
|
}
|