ep-lib-ts 1.0.59 → 1.0.60

package/dist/components/interactions/EpModal.vue3.js

@@ -1,5 +1,6 @@
-import o from "./EpModal.vue.js";
+import _sfc_main from "./EpModal.vue.js";
 /* empty css             */
 export {
-  o as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpModal.vue3.js.map

package/dist/components/interactions/EpModal.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpModal.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/interactions/EpQuestion.vue.js

@@ -1,175 +1,222 @@
-import F from "../../_virtual/dynamic-import-helper.js";
-import { defineComponent as j, computed as k, ref as d, watch as q, toRefs as P, createBlock as u, openBlock as o, unref as i, createSlots as O, withCtx as m, createElementVNode as l, createCommentVNode as v, createElementBlock as E, createVNode as g, Fragment as Q, renderList as z, createTextVNode as y, toDisplayString as h, resolveDynamicComponent as G, normalizeProps as J, guardReactiveProps as K, defineAsyncComponent as T } from "vue";
-import U from "../educationals/EpEdu.vue.js";
-import { useRenderText as C } from "../../composables/useRenderText.js";
-import { useComponent as W } from "../../composables/useComponent.js";
-import { mdiHelpCircle as X } from "@mdi/js";
-import S from "../basics/EpImg.vue.js";
-import Y from "../forms/EpRadio.vue2.js";
-import I from "../basics/EpBtn.vue.js";
-import B from "../signages/EpAlert.vue.js";
-const Z = ["innerHTML"], ee = { class: "mt-5" }, te = ["innerHTML"], oe = { class: "mb-6" }, ie = { class: "no-list" }, re = {
+import __variableDynamicImportRuntimeHelper from "../../_virtual/dynamic-import-helper.js";
+import { defineComponent, computed, ref, watch, toRefs, createBlock, openBlock, unref, createSlots, withCtx, createElementVNode, createCommentVNode, createElementBlock, createVNode, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent, normalizeProps, guardReactiveProps, defineAsyncComponent } from "vue";
+import _sfc_main$1 from "../educationals/EpEdu.vue.js";
+import { useRenderText } from "../../composables/useRenderText.js";
+import { useComponent } from "../../composables/useComponent.js";
+import { mdiHelpCircle } from "@mdi/js";
+import _sfc_main$2 from "../basics/EpImg.vue.js";
+import _sfc_main$3 from "../forms/EpRadio.vue2.js";
+import _sfc_main$4 from "../basics/EpBtn.vue.js";
+import Comp from "../signages/EpAlert.vue.js";
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { class: "mt-5" };
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = { class: "mb-6" };
+const _hoisted_5 = { class: "no-list" };
+const _hoisted_6 = {
   key: 2,
   class: "mb-2"
-}, ae = ["innerHTML"], se = {
+};
+const _hoisted_7 = ["innerHTML"];
+const _hoisted_8 = {
   key: 0,
   class: "my-2"
-}, ge = /* @__PURE__ */ j({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpQuestion",
   props: {
     title: {},
     intentions: {},
     labelIntentions: {},
-    hideIcon: { type: Boolean, default: !1 },
+    hideIcon: { type: Boolean, default: false },
     type: { default: "neutral" },
     question: {},
     answers: {},
-    shuffle: { type: Boolean, default: !1 },
-    before: { type: Boolean, default: !1 },
-    numeration: { type: Boolean, default: !1 },
+    shuffle: { type: Boolean, default: false },
+    before: { type: Boolean, default: false },
+    numeration: { type: Boolean, default: false },
     src: {},
     labelNoAnswer: { default: "Veuillez choisir une réponse" },
     labelAnswerBtn: { default: "Valider" },
     labelTryAgainBtn: { default: "Réessayer" }
   },
-  setup(L) {
-    const r = L, _ = k(() => r.intentions ? C(r.intentions) : null), w = k(() => {
-      const e = r.answers;
-      if (r.shuffle)
-        for (let t = e.length - 1; t > 0; t--) {
-          const p = Math.floor(Math.random() * (t + 1)), b = e[t];
-          e[t] = e[p], e[p] = b;
+  setup(__props) {
+    const props = __props;
+    const renderText = computed(() => {
+      if (!props.intentions) {
+        return null;
+      }
+      return useRenderText(props.intentions);
+    });
+    const shuffleAnswers = computed(() => {
+      const array = props.answers;
+      if (props.shuffle) {
+        for (let i = array.length - 1; i > 0; i--) {
+          const j = Math.floor(Math.random() * (i + 1));
+          const temp = array[i];
+          array[i] = array[j];
+          array[j] = temp;
         }
-      return e;
-    }), A = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"], H = (e) => r.numeration ? A[e] : e + 1, a = d(""), s = d(!1), f = d(!0), n = d({
+      }
+      return array;
+    });
+    const alphabet = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"];
+    const typeList = (index) => {
+      if (props.numeration) {
+        return alphabet[index];
+      }
+      return index + 1;
+    };
+    const userAnswer = ref("");
+    const answered = ref(false);
+    const valid = ref(true);
+    const response = ref({
       type: "warning",
       text: "no found",
       component: null,
       feedback: ""
-    }), V = () => {
-      if (a.value === "") {
-        f.value = !1;
+    });
+    const checkAnswer = () => {
+      if (userAnswer.value === "") {
+        valid.value = false;
         return;
       }
-      const e = r.answers.find((t) => t.uid === a.value);
-      e && (n.value = e, s.value = !0);
-    }, D = () => {
-      s.value = !1, a.value = "";
+      const valuesAnswer = props.answers.find((x) => x.uid === userAnswer.value);
+      if (!valuesAnswer) {
+        return;
+      }
+      response.value = valuesAnswer;
+      answered.value = true;
+    };
+    const reset = () => {
+      answered.value = false;
+      userAnswer.value = "";
     };
-    q(a, (e) => {
-      e !== "" && (f.value = !0);
+    watch(userAnswer, (val) => {
+      if (val !== "") {
+        valid.value = true;
+      }
     });
-    const M = (e) => {
-      const t = W(e);
-      return t.name === "EpNothing" ? T(() => import("../signages/EpNothing.vue.js")) : T(
-        () => F(/* @__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"), "./Ep360Image.vue": () => import("./Ep360Image.vue.js"), "./Ep360Video.vue": () => import("./Ep360Video.vue.js"), "./EpAccordeon.vue": () => import("./EpAccordeon.vue.js"), "./EpContentSlider.vue": () => import("./EpContentSlider.vue2.js"), "./EpDarkMode.vue": () => import("./EpDarkMode.vue2.js"), "./EpDraggable.vue": () => import("./EpDraggable.vue2.js"), "./EpHotSpot.vue": () => import("./EpHotSpot.vue2.js"), "./EpModal.vue": () => import("./EpModal.vue3.js"), "./EpQuestion.vue": () => import("./EpQuestion.vue2.js"), "./EpSummativeTable.vue": () => import("./EpSummativeTable.vue2.js"), "./EpSvgShow.vue": () => import("./EpSvgShow.vue2.js"), "./EpTabs.vue": () => import("./EpTabs.vue.js"), "./EpTooltip.vue": () => import("./EpTooltip.vue3.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue.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.vue3.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.vue3.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${t.path}/${t.name}.vue`, 3)
+    const getCompontent = (name) => {
+      const componentToLoad = useComponent(name);
+      if (componentToLoad.name === "EpNothing") {
+        return defineAsyncComponent(() => import("../signages/EpNothing.vue.js"));
+      }
+      return defineAsyncComponent(
+        () => __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"), "./Ep360Image.vue": () => import("./Ep360Image.vue.js"), "./Ep360Video.vue": () => import("./Ep360Video.vue.js"), "./EpAccordeon.vue": () => import("./EpAccordeon.vue.js"), "./EpContentSlider.vue": () => import("./EpContentSlider.vue2.js"), "./EpDarkMode.vue": () => import("./EpDarkMode.vue2.js"), "./EpDraggable.vue": () => import("./EpDraggable.vue2.js"), "./EpHotSpot.vue": () => import("./EpHotSpot.vue2.js"), "./EpModal.vue": () => import("./EpModal.vue3.js"), "./EpQuestion.vue": () => import("./EpQuestion.vue2.js"), "./EpSummativeTable.vue": () => import("./EpSummativeTable.vue2.js"), "./EpSvgShow.vue": () => import("./EpSvgShow.vue2.js"), "./EpTabs.vue": () => import("./EpTabs.vue.js"), "./EpTooltip.vue": () => import("./EpTooltip.vue3.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue.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.vue3.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.vue3.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue3.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
       );
-    }, { title: R, intentions: ne, hideIcon: x, question: N, src: c } = P(r);
-    return (e, t) => (o(), u(U, {
-      title: i(R),
-      type: e.type,
-      hideIcon: i(x),
-      icon: i(X),
-      "label-intentions": e.labelIntentions
-    }, O({
-      content: m(() => [
-        l("div", ee, [
-          i(c) && e.before ? (o(), u(S, {
-            key: 0,
-            src: i(c),
-            alt: "Image soutien à la question",
-            cols: "5"
-          }, null, 8, ["src"])) : v("", !0),
-          l("div", {
-            innerHTML: i(C)(i(N)),
-            class: "my-6"
-          }, null, 8, te),
-          i(c) && !e.before ? (o(), u(S, {
-            key: 1,
-            src: i(c),
-            alt: "Image soutien à la question",
-            cols: "5"
-          }, null, 8, ["src"])) : v("", !0),
-          l("div", oe, [
-            l("ol", ie, [
-              (o(!0), E(Q, null, z(w.value, (p, b) => (o(), E("li", {
-                key: p.uid
-              }, [
-                g(Y, {
-                  label: `${H(b)}. ${p.text}`,
-                  modelValue: a.value,
-                  "onUpdate:modelValue": t[0] || (t[0] = ($) => a.value = $),
-                  value: p.uid,
-                  disabled: s.value,
-                  type: "primary"
-                }, null, 8, ["label", "modelValue", "value", "disabled"])
-              ]))), 128))
-            ]),
-            f.value ? v("", !0) : (o(), u(B, {
+    };
+    const { title, hideIcon, question, src } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: unref(title),
+        type: _ctx.type,
+        hideIcon: unref(hideIcon),
+        icon: unref(mdiHelpCircle),
+        "label-intentions": _ctx.labelIntentions
+      }, createSlots({
+        content: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            unref(src) && _ctx.before ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
-              type: "error",
+              src: unref(src),
+              alt: `Image soutien à la question`,
+              cols: "5"
+            }, null, 8, ["src"])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              innerHTML: unref(useRenderText)(unref(question)),
+              class: "my-6"
+            }, null, 8, _hoisted_3),
+            unref(src) && !_ctx.before ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              src: unref(src),
+              alt: `Image soutien à la question`,
+              cols: "5"
+            }, null, 8, ["src"])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("ol", _hoisted_5, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(shuffleAnswers.value, (answer, i) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: answer.uid
+                  }, [
+                    createVNode(_sfc_main$3, {
+                      label: `${typeList(i)}. ${answer.text}`,
+                      modelValue: userAnswer.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => userAnswer.value = $event),
+                      value: answer.uid,
+                      disabled: answered.value,
+                      type: "primary"
+                    }, null, 8, ["label", "modelValue", "value", "disabled"])
+                  ]);
+                }), 128))
+              ]),
+              !valid.value ? (openBlock(), createBlock(Comp, {
+                key: 0,
+                type: "error",
+                outlined: "",
+                noIcon: ""
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.labelNoAnswer), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            answered.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              createVNode(Comp, {
+                type: response.value.type,
+                outlined: ""
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    innerHTML: unref(useRenderText)(response.value.feedback)
+                  }, null, 8, _hoisted_7)
+                ]),
+                _: 1
+              }, 8, ["type"]),
+              response.value.component ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                (openBlock(), createBlock(resolveDynamicComponent(getCompontent(response.value.component.type)), normalizeProps(guardReactiveProps({ ...response.value.component.data })), null, 16))
+              ])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createVNode(_sfc_main$4, {
+              type: "primary",
+              onClick: checkAnswer,
+              disabled: answered.value,
               outlined: "",
-              noIcon: ""
+              extraClass: "mr-2"
             }, {
-              default: m(() => [
-                y(h(e.labelNoAnswer), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.labelAnswerBtn), 1)
               ]),
               _: 1
-            }))
-          ]),
-          s.value ? (o(), E("div", re, [
-            g(B, {
-              type: n.value.type,
+            }, 8, ["disabled"]),
+            answered.value ? (openBlock(), createBlock(_sfc_main$4, {
+              key: 3,
+              type: "primary",
+              onClick: reset,
               outlined: ""
             }, {
-              default: m(() => [
-                l("div", {
-                  innerHTML: i(C)(n.value.feedback)
-                }, null, 8, ae)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.labelTryAgainBtn), 1)
               ]),
               _: 1
-            }, 8, ["type"]),
-            n.value.component ? (o(), E("div", se, [
-              (o(), u(G(M(n.value.component.type)), J(K({ ...n.value.component.data })), null, 16))
-            ])) : v("", !0)
-          ])) : v("", !0),
-          g(I, {
-            type: "primary",
-            onClick: V,
-            disabled: s.value,
-            outlined: "",
-            extraClass: "mr-2"
-          }, {
-            default: m(() => [
-              y(h(e.labelAnswerBtn), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          s.value ? (o(), u(I, {
-            key: 3,
-            type: "primary",
-            onClick: D,
-            outlined: ""
-          }, {
-            default: m(() => [
-              y(h(e.labelTryAgainBtn), 1)
-            ]),
-            _: 1
-          })) : v("", !0)
-        ])
-      ]),
-      _: 2
-    }, [
-      _.value ? {
-        name: "intentions",
-        fn: m(() => [
-          l("div", { innerHTML: _.value }, null, 8, Z)
+            })) : createCommentVNode("", true)
+          ])
         ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["title", "type", "hideIcon", "icon", "label-intentions"]));
+        _: 2
+      }, [
+        renderText.value ? {
+          name: "intentions",
+          fn: withCtx(() => [
+            createElementVNode("div", { innerHTML: renderText.value }, null, 8, _hoisted_1)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title", "type", "hideIcon", "icon", "label-intentions"]);
+    };
   }
 });
 export {
-  ge as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpQuestion.vue.js.map

package/dist/components/interactions/EpQuestion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpQuestion.vue.js","sources":["../../../src/components/interactions/EpQuestion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watch, ref, toRefs, computed, defineAsyncComponent } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { type Answer } from \"~/types/Answer\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport { mdiHelpCircle } from \"@mdi/js\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpRadio from \"~/components/forms/EpRadio.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpAlert from \"~/components/signages/EpAlert.vue\";\nimport { EpQuestionProps } from \"~/types/interactions/EpQuestion\";\n\nconst props = withDefaults(defineProps<EpQuestionProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  shuffle: false,\n  before: false,\n  numeration: false,\n  labelNoAnswer: \"Veuillez choisir une réponse\",\n  labelAnswerBtn: \"Valider\",\n  labelTryAgainBtn: \"Réessayer\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  return useRenderText(props.intentions);\n});\n\n//shuffle and list\nconst shuffleAnswers = computed(() => {\n  const array = props.answers;\n  if (props.shuffle) {\n    for (let i = array.length - 1; i > 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1));\n      const temp = array[i];\n      array[i] = array[j];\n      array[j] = temp;\n    }\n  }\n  return array;\n});\n\nconst alphabet = [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\"];\nconst typeList = (index: number) => {\n  if (props.numeration) {\n    return alphabet[index];\n  }\n  return index + 1;\n};\n\n///user answer\nconst userAnswer = ref(\"\");\nconst answered = ref(false);\nconst valid = ref(true);\nconst response = ref<Answer>({\n  type: \"warning\",\n  text: \"no found\",\n  component: null,\n  feedback: \"\",\n});\nconst checkAnswer = () => {\n  if (userAnswer.value === \"\") {\n    valid.value = false;\n    return;\n  }\n  const valuesAnswer = props.answers.find((x) => x.uid === userAnswer.value);\n  if (!valuesAnswer) {\n    return;\n  }\n  response.value = valuesAnswer!;\n  answered.value = true;\n};\n\nconst reset = () => {\n  answered.value = false;\n  userAnswer.value = \"\";\n};\n\nwatch(userAnswer, (val) => {\n  if (val !== \"\") {\n    valid.value = true;\n  }\n});\n\n//get Component asyncComponent\nconst getCompontent = (name: string | undefined) => {\n  const componentToLoad = useComponent(name);\n  //console.log(componentToLoad)\n  if (componentToLoad.name === \"EpNothing\") {\n    return defineAsyncComponent(() => import(\"../signages/EpNothing.vue\"));\n  }\n  return defineAsyncComponent(\n    () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n  );\n};\n\n//returned values from props\nconst { title, intentions, hideIcon, question, src } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiHelpCircle\"\n    :label-intentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div class=\"mt-5\">\n        <EpImg\n          v-if=\"src && before\"\n          :src=\"src\"\n          :alt=\"`Image soutien à la question`\"\n          cols=\"5\"\n        />\n        <div v-html=\"useRenderText(question)\" class=\"my-6\" />\n        <EpImg\n          v-if=\"src && !before\"\n          :src=\"src\"\n          :alt=\"`Image soutien à la question`\"\n          cols=\"5\"\n        />\n\n        <div class=\"mb-6\">\n          <ol class=\"no-list\">\n            <li v-for=\"(answer, i) in shuffleAnswers\" :key=\"answer.uid\">\n              <EpRadio\n                :label=\"`${typeList(i)}. ${answer.text}`\"\n                v-model=\"userAnswer\"\n                :value=\"answer.uid\"\n                :disabled=\"answered\"\n                type=\"primary\"\n              ></EpRadio>\n            </li>\n          </ol>\n          <EpAlert type=\"error\" outlined noIcon v-if=\"!valid\">\n            {{ labelNoAnswer }}\n          </EpAlert>\n        </div>\n\n        <div v-if=\"answered\" class=\"mb-2\">\n          <EpAlert :type=\"response.type\" outlined>\n            <div v-html=\"useRenderText(response.feedback)\" />\n          </EpAlert>\n\n          <div v-if=\"response.component\" class=\"my-2\">\n            <component\n              :is=\"getCompontent(response.component.type)\"\n              v-bind=\"{ ...response.component.data }\"\n            ></component>\n          </div>\n        </div>\n\n        <EpBtn\n          type=\"primary\"\n          @click=\"checkAnswer\"\n          :disabled=\"answered\"\n          outlined\n          extraClass=\"mr-2\"\n          >{{ labelAnswerBtn }}</EpBtn\n        >\n        <EpBtn type=\"primary\" v-if=\"answered\" @click=\"reset\" outlined>{{\n          labelTryAgainBtn\n        }}</EpBtn>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","type","labelIntentions","_createElementVNode","before","EpImg","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","EpRadio","EpAlert","labelNoAnswer","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","EpBtn","labelAnswerBtn","labelTryAgainBtn"],"mappings":"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"}

package/dist/components/interactions/EpQuestion.vue2.js

@@ -1,4 +1,5 @@
-import f from "./EpQuestion.vue.js";
+import _sfc_main from "./EpQuestion.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpQuestion.vue2.js.map

package/dist/components/interactions/EpQuestion.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpQuestion.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/interactions/EpSummativeTable.vue.js

@@ -1,49 +1,70 @@
-import { defineComponent as _, ref as v, computed as h, createElementBlock as o, openBlock as t, createCommentVNode as k, createElementVNode as r, toDisplayString as n, Fragment as d, renderList as c, createVNode as $, createBlock as g } from "vue";
-import x from "../basics/EpDivider.vue.js";
-import V from "../forms/EpRadioSummative.vue2.js";
-const y = { class: "mt-4 bg-base-light p-4 dark:bg-dark dark:border-y-2" }, N = {
+import { defineComponent, ref, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, toDisplayString, Fragment, renderList, createVNode, createBlock } from "vue";
+import _sfc_main$2 from "../basics/EpDivider.vue.js";
+import _sfc_main$1 from "../forms/EpRadioSummative.vue2.js";
+const _hoisted_1 = { class: "mt-4 bg-base-light p-4 dark:bg-dark dark:border-y-2" };
+const _hoisted_2 = {
   key: 0,
   class: "text-xl font-semibold mb-6"
-}, q = { class: "text-black dark:text-base-light py-2 rounded" }, B = { class: "flex flex-row flex-wrap gap-y-2 sm:gap-x-4" }, E = { class: "text-right pr-16" }, L = { class: "text-sm font-semibold uppercase" }, U = /* @__PURE__ */ _({
+};
+const _hoisted_3 = { class: "text-black dark:text-base-light py-2 rounded" };
+const _hoisted_4 = { class: "flex flex-row flex-wrap gap-y-2 sm:gap-x-4" };
+const _hoisted_5 = { class: "text-right pr-16" };
+const _hoisted_6 = { class: "text-sm font-semibold uppercase" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpSummativeTable",
   props: {
     title: {},
     questions: {},
     totalLabel: { default: "Total :" }
   },
-  setup(S) {
-    const u = v([]), p = h(() => u.value.reduce(
-      (e, l) => e + l,
-      0
-    )), b = (e) => {
-      const l = Number(e);
-      return isNaN(l) ? 0 : l;
+  setup(__props) {
+    const totalValue = ref([]);
+    const resultSummative = computed(() => {
+      return totalValue.value.reduce(
+        (total, currentvalue) => total + currentvalue,
+        0
+      );
+    });
+    const transformNumber = (value) => {
+      const num = Number(value);
+      if (isNaN(num)) {
+        return 0;
+      } else {
+        return num;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.title ? (openBlock(), createElementBlock("h4", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.questions, (question, i) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: `item-question-${i}`
+          }, [
+            createElementVNode("p", _hoisted_3, toDisplayString(question.label), 1),
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(question.options, (_option, j) => {
+                return openBlock(), createBlock(_sfc_main$1, {
+                  key: `option-question-${j}`,
+                  id: `option-${i}-${j}-${_option.uid}`,
+                  name: `option-${i}-${j}-${_option.uid}`,
+                  label: _option.label,
+                  value: transformNumber(_option.value),
+                  modelValue: totalValue.value[i],
+                  "onUpdate:modelValue": ($event) => totalValue.value[i] = $event
+                }, null, 8, ["id", "name", "label", "value", "modelValue", "onUpdate:modelValue"]);
+              }), 128))
+            ]),
+            createVNode(_sfc_main$2)
+          ], 64);
+        }), 128)),
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("span", _hoisted_6, toDisplayString(_ctx.totalLabel) + " " + toDisplayString(resultSummative.value), 1)
+        ])
+      ]);
     };
-    return (e, l) => (t(), o("div", y, [
-      e.title ? (t(), o("h4", N, n(e.title), 1)) : k("", !0),
-      (t(!0), o(d, null, c(e.questions, (i, a) => (t(), o(d, {
-        key: `item-question-${a}`
-      }, [
-        r("p", q, n(i.label), 1),
-        r("div", B, [
-          (t(!0), o(d, null, c(i.options, (s, m) => (t(), g(V, {
-            key: `option-question-${m}`,
-            id: `option-${a}-${m}-${s.uid}`,
-            name: `option-${a}-${m}-${s.uid}`,
-            label: s.label,
-            value: b(s.value),
-            modelValue: u.value[a],
-            "onUpdate:modelValue": (f) => u.value[a] = f
-          }, null, 8, ["id", "name", "label", "value", "modelValue", "onUpdate:modelValue"]))), 128))
-        ]),
-        $(x)
-      ], 64))), 128)),
-      r("div", E, [
-        r("span", L, n(e.totalLabel) + " " + n(p.value), 1)
-      ])
-    ]));
   }
 });
 export {
-  U as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpSummativeTable.vue.js.map

package/dist/components/interactions/EpSummativeTable.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpSummativeTable.vue.js","sources":["../../../src/components/interactions/EpSummativeTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpRadioSummative from \"~/components/forms/EpRadioSummative.vue\";\nimport { EpSummativeTableProps } from \"~/types/interactions/EpSummativeTable\";\nconst totalValue = ref<number[]>([]);\n\nconst {\n  title,\n  questions,\n  totalLabel = \"Total :\",\n} = defineProps<EpSummativeTableProps>();\n\nconst resultSummative = computed(() => {\n  return totalValue.value.reduce(\n    (total, currentvalue) => total + currentvalue,\n    0\n  );\n});\n\n//cette function sera efface, en creant le nouveau editeur\nconst transformNumber = (value: string | number) => {\n  const num = Number(value);\n  if (isNaN(num)) {\n    return 0;\n  } else {\n    return num;\n  }\n};\n</script>\n\n<template>\n  <div class=\"mt-4 bg-base-light p-4 dark:bg-dark dark:border-y-2\">\n    <h4 v-if=\"title\" class=\"text-xl font-semibold mb-6\">{{ title }}</h4>\n    <template v-for=\"(question, i) in questions\" :key=\"`item-question-${i}`\">\n      <p class=\"text-black dark:text-base-light py-2 rounded\">\n        {{ question.label }}\n      </p>\n      <div class=\"flex flex-row flex-wrap gap-y-2 sm:gap-x-4\">\n        <template\n          v-for=\"(_option, j) in question.options\"\n          :key=\"`option-question-${j}`\"\n        >\n          <EpRadioSummative\n            :id=\"`option-${i}-${j}-${_option.uid}`\"\n            :name=\"`option-${i}-${j}-${_option.uid}`\"\n            :label=\"_option.label\"\n            :value=\"transformNumber(_option.value)\"\n            v-model=\"totalValue[i]\"\n          >\n          </EpRadioSummative>\n        </template>\n      </div>\n      <EpDivider />\n    </template>\n    <div class=\"text-right pr-16\">\n      <span class=\"text-sm font-semibold uppercase\"\n        >{{ totalLabel }} {{ resultSummative }}</span\n      >\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","title","_toDisplayString","_Fragment","_renderList","questions","_createElementVNode","_createBlock","EpRadioSummative","_createVNode","EpDivider","totalLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,UAAM,aAAa,IAAc,EAAE;AAQnC,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,WAAW,MAAM;AAAA,QACtB,CAAC,OAAO,iBAAiB,QAAQ;AAAA,QACjC;AAAA,MAAA;AAAA,IAEJ,CAAC;AAGD,UAAM,kBAAkB,CAAC,UAA2B;AAClD,YAAM,MAAM,OAAO,KAAK;AACxB,UAAI,MAAM,GAAG,GAAG;AACd,eAAO;AAAA,MACT,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBA4BM,OA5BN,YA4BM;AAAA,QA3BMC,KAAAA,sBAAVD,mBAAoE,MAApE,YAAoEE,gBAAbD,KAAAA,KAAK,GAAA,CAAA;SAC5DF,UAAA,IAAA,GAAAC,mBAoBWG,UAAA,MAAAC,WApBuBC,KAAAA,WAAS,CAAzB,UAAU,MAAC;;kCAAuC,CAAC;AAAA,UAAA;YACnEC,mBAEI,KAFJ,YAEIJ,gBADC,SAAS,KAAK,GAAA,CAAA;AAAA,YAEnBI,mBAcM,OAdN,YAcM;AAAA,eAbJP,UAAA,IAAA,GAAAC,mBAYWG,2BAXc,SAAS,SAAO,CAA/B,SAAS,MAAC;oCAGlBI,YAOmBC,aAAA;AAAA,0CATM,CAAC;AAAA,kBAGvB,cAAc,CAAC,IAAI,CAAC,IAAI,QAAQ,GAAG;AAAA,kBACnC,gBAAgB,CAAC,IAAI,CAAC,IAAI,QAAQ,GAAG;AAAA,kBACrC,OAAO,QAAQ;AAAA,kBACf,OAAO,gBAAgB,QAAQ,KAAK;AAAA,kBAC5B,YAAA,WAAA,MAAW,CAAC;AAAA,kBAAZ,uBAAA,CAAA,WAAA,WAAA,MAAW,CAAC,IAAA;AAAA,gBAAA;;;YAK3BC,YAAaC,WAAA;AAAA,UAAA;;QAEfJ,mBAIM,OAJN,YAIM;AAAA,UAHJA,mBAEC,QAFD,YAECJ,gBADKS,eAAU,IAAG,sBAAI,gBAAA,KAAe,GAAA,CAAA;AAAA,QAAA;;;;;"}

package/dist/components/interactions/EpSummativeTable.vue2.js

@@ -1,4 +1,5 @@
-import f from "./EpSummativeTable.vue.js";
+import _sfc_main from "./EpSummativeTable.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpSummativeTable.vue2.js.map

package/dist/components/interactions/EpSummativeTable.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpSummativeTable.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}