ep-lib-ts 1.1.11 → 1.1.13

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

@@ -102,22 +102,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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/EpSegmentedBox.vue": () => import("../educationals/EpSegmentedBox.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.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"), "./EpAssociation.vue": () => import("./EpAssociation.vue2.js"), "./EpContentSlider.vue": () => import("./EpContentSlider.vue2.js"), "./EpDarkMode.vue": () => import("./EpDarkMode.vue2.js"), "./EpDraggable.vue": () => import("./EpDraggable.vue2.js"), "./EpFlipCard.vue": () => import("./EpFlipCard.vue.js"), "./EpHotSpot.vue": () => import("./EpHotSpot.vue2.js"), "./EpImageCompare.vue": () => import("./EpImageCompare.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.vue2.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue2.js"), "../medias/EpHierarchy.vue": () => import("../medias/EpHierarchy.vue.js"), "../medias/EpIframe.vue": () => import("../medias/EpIframe.vue2.js"), "../medias/EpKatex.vue": () => import("../medias/EpKatex.vue.js"), "../medias/EpLink.vue": () => import("../medias/EpLink.vue2.js"), "../medias/EpLinkVersion.vue": () => import("../medias/EpLinkVersion.vue2.js"), "../medias/EpLottieSvg.vue": () => import("../medias/EpLottieSvg.vue2.js"), "../medias/EpSensibleImage.vue": () => import("../medias/EpSensibleImage.vue.js"), "../medias/EpSoftware.vue": () => import("../medias/EpSoftware.vue2.js"), "../medias/EpSvg.vue": () => import("../medias/EpSvg.vue2.js"), "../medias/EpTerm.vue": () => import("../medias/EpTerm.vue2.js"), "../medias/EpTimeLine.vue": () => import("../medias/EpTimeLine.vue.js"), "../medias/EpVideo.vue": () => import("../medias/EpVideo.vue2.js"), "../medias/EpVideoPanopto.vue": () => import("../medias/EpVideoPanopto.vue2.js"), "../medias/EpWordDef.vue": () => import("../medias/EpWordDef.vue2.js"), "../signages/EpAlert.vue": () => import("../signages/EpAlert.vue.js"), "../signages/EpBadge.vue": () => import("../signages/EpBadge.vue2.js"), "../signages/EpHeader.vue": () => import("../signages/EpHeader.vue2.js"), "../signages/EpNothing.vue": () => import("../signages/EpNothing.vue.js"), "../signages/EpQuote.vue": () => import("../signages/EpQuote.vue2.js"), "../signages/EpSkeleton.vue": () => import("../signages/EpSkeleton.vue.js"), "../tools/AssociationNode.vue": () => import("../tools/AssociationNode.vue.js"), "../tools/AsyncKatexRender.vue": () => import("../tools/AsyncKatexRender.vue.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/RenderTextNode.vue": () => import("../tools/RenderTextNode.vue.js"), "../tools/SegmentedBox.vue": () => import("../tools/SegmentedBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
+        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"), "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"), "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"), "../basics/EpChip.vue": () => import("../basics/EpChip.vue2.js"), "../basics/EpDivider.vue": () => import("../basics/EpDivider.vue2.js"), "../basics/EpFlex.vue": () => import("../basics/EpFlex.vue2.js"), "../basics/EpHover.vue": () => import("../basics/EpHover.vue2.js"), "../basics/EpHoverCard.vue": () => import("../basics/EpHoverCard.vue2.js"), "../basics/EpIcon.vue": () => import("../basics/EpIcon.vue2.js"), "../basics/EpImg.vue": () => import("../basics/EpImg.vue2.js"), "../basics/EpImgCarousel.vue": () => import("../basics/EpImgCarousel.vue2.js"), "../basics/EpList.vue": () => import("../basics/EpList.vue.js"), "../basics/EpListItem.vue": () => import("../basics/EpListItem.vue2.js"), "../basics/EpSection.vue": () => import("../basics/EpSection.vue2.js"), "../basics/EpSectionCols.vue": () => import("../basics/EpSectionCols.vue2.js"), "../basics/EpSpinner.vue": () => import("../basics/EpSpinner.vue2.js"), "../basics/EpStackedList.vue": () => import("../basics/EpStackedList.vue2.js"), "../basics/EpTable.vue": () => import("../basics/EpTable.vue2.js"), "../basics/EpText.vue": () => import("../basics/EpText.vue2.js"), "../charts/EpBarChart.vue": () => import("../charts/EpBarChart.vue2.js"), "../charts/EpFunnelChart.vue": () => import("../charts/EpFunnelChart.vue2.js"), "../charts/EpLineChart.vue": () => import("../charts/EpLineChart.vue2.js"), "../charts/EpPieChart.vue": () => import("../charts/EpPieChart.vue2.js"), "../educationals/EpBranchingScenario.vue": () => import("../educationals/EpBranchingScenario.vue.js"), "../educationals/EpCodeblock.vue": () => import("../educationals/EpCodeblock.vue3.js"), "../educationals/EpConclusion.vue": () => import("../educationals/EpConclusion.vue2.js"), "../educationals/EpDescription.vue": () => import("../educationals/EpDescription.vue2.js"), "../educationals/EpDocument.vue": () => import("../educationals/EpDocument.vue2.js"), "../educationals/EpEdu.vue": () => import("../educationals/EpEdu.vue2.js"), "../educationals/EpFillBlanks.vue": () => import("../educationals/EpFillBlanks.vue2.js"), "../educationals/EpInstructions.vue": () => import("../educationals/EpInstructions.vue2.js"), "../educationals/EpIntroduction.vue": () => import("../educationals/EpIntroduction.vue2.js"), "../educationals/EpObjective.vue": () => import("../educationals/EpObjective.vue2.js"), "../educationals/EpReading.vue": () => import("../educationals/EpReading.vue2.js"), "../educationals/EpResource.vue": () => import("../educationals/EpResource.vue2.js"), "../educationals/EpScope.vue": () => import("../educationals/EpScope.vue2.js"), "../educationals/EpSegmentedBox.vue": () => import("../educationals/EpSegmentedBox.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue2.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue.js"), "./Ep360Image.vue": () => import("./Ep360Image.vue.js"), "./Ep360Video.vue": () => import("./Ep360Video.vue.js"), "./EpAccordeon.vue": () => import("./EpAccordeon.vue.js"), "./EpAssociation.vue": () => import("./EpAssociation.vue2.js"), "./EpContentSlider.vue": () => import("./EpContentSlider.vue2.js"), "./EpDarkMode.vue": () => import("./EpDarkMode.vue2.js"), "./EpDraggable.vue": () => import("./EpDraggable.vue2.js"), "./EpFlipCard.vue": () => import("./EpFlipCard.vue.js"), "./EpHotSpot.vue": () => import("./EpHotSpot.vue2.js"), "./EpImageCompare.vue": () => import("./EpImageCompare.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.vue2.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue2.js"), "../medias/EpHierarchy.vue": () => import("../medias/EpHierarchy.vue.js"), "../medias/EpIframe.vue": () => import("../medias/EpIframe.vue2.js"), "../medias/EpKatex.vue": () => import("../medias/EpKatex.vue.js"), "../medias/EpLink.vue": () => import("../medias/EpLink.vue2.js"), "../medias/EpLinkVersion.vue": () => import("../medias/EpLinkVersion.vue2.js"), "../medias/EpLottieSvg.vue": () => import("../medias/EpLottieSvg.vue2.js"), "../medias/EpSensibleImage.vue": () => import("../medias/EpSensibleImage.vue.js"), "../medias/EpSoftware.vue": () => import("../medias/EpSoftware.vue2.js"), "../medias/EpSvg.vue": () => import("../medias/EpSvg.vue2.js"), "../medias/EpTerm.vue": () => import("../medias/EpTerm.vue2.js"), "../medias/EpTimeLine.vue": () => import("../medias/EpTimeLine.vue.js"), "../medias/EpVideo.vue": () => import("../medias/EpVideo.vue2.js"), "../medias/EpVideoPanopto.vue": () => import("../medias/EpVideoPanopto.vue2.js"), "../medias/EpWordDef.vue": () => import("../medias/EpWordDef.vue2.js"), "../signages/EpAlert.vue": () => import("../signages/EpAlert.vue.js"), "../signages/EpBadge.vue": () => import("../signages/EpBadge.vue2.js"), "../signages/EpHeader.vue": () => import("../signages/EpHeader.vue2.js"), "../signages/EpNothing.vue": () => import("../signages/EpNothing.vue.js"), "../signages/EpQuote.vue": () => import("../signages/EpQuote.vue2.js"), "../signages/EpSkeleton.vue": () => import("../signages/EpSkeleton.vue.js"), "../tools/AssociationNode.vue": () => import("../tools/AssociationNode.vue.js"), "../tools/AsyncKatexRender.vue": () => import("../tools/AsyncKatexRender.vue.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue2.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/RenderTextNode.vue": () => import("../tools/RenderTextNode.vue2.js"), "../tools/SegmentedBox.vue": () => import("../tools/SegmentedBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue2.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
       );
     };
     const { title, hideIcon, question, src } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         title: unref(title),
-        type: _ctx.type,
+        type: __props.type,
         hideIcon: unref(hideIcon),
         icon: unref(mdiHelpCircle),
-        "label-intentions": _ctx.labelIntentions,
+        "label-intentions": __props.labelIntentions,
         card: ""
       }, createSlots({
         content: withCtx(() => [
           createElementVNode("div", _hoisted_2, [
-            unref(src) && _ctx.before ? (openBlock(), createBlock(_sfc_main$2, {
+            unref(src) && __props.before ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
               src: unref(src),
               alt: `Image soutien à la question`,
@@ -127,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               innerHTML: unref(useRenderText)(unref(question)),
               class: "my-6"
             }, null, 8, _hoisted_3),
-            unref(src) && !_ctx.before ? (openBlock(), createBlock(_sfc_main$2, {
+            unref(src) && !__props.before ? (openBlock(), createBlock(_sfc_main$2, {
               key: 1,
               src: unref(src),
               alt: `Image soutien à la question`,
@@ -155,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 type: "error",
                 outlined: "",
                 noIcon: "",
-                content: _ctx.labelNoAnswer
+                content: __props.labelNoAnswer
               }, null, 8, ["content"])) : createCommentVNode("", true)
             ]),
             answered.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
@@ -176,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               extraClass: "mr-2"
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.labelAnswerBtn), 1)
+                createTextVNode(toDisplayString(__props.labelAnswerBtn), 1)
               ]),
               _: 1
             }, 8, ["disabled"]),
@@ -187,7 +187,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               outlined: ""
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.labelTryAgainBtn), 1)
+                createTextVNode(toDisplayString(__props.labelTryAgainBtn), 1)
               ]),
               _: 1
             })) : createCommentVNode("", true)

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

@@ -1 +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 type { 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    card\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\" :content=\"labelNoAnswer\"/>\n  \n\n        </div>\n\n        <div v-if=\"answered\" class=\"mb-2\">\n          <EpAlert :type=\"response.type\" outlined :content=\"response.feedback\"/>\n    \n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAWd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,aAAO,cAAc,MAAM,UAAU;AAAA,IACvC,CAAC;AAGD,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,QAAQ,MAAM;AACpB,UAAI,MAAM,SAAS;AACjB,iBAAS,IAAI,MAAM,SAAS,GAAG,IAAI,GAAG,KAAK;AACzC,gBAAM,IAAI,KAAK,MAAM,KAAK,YAAY,IAAI,EAAE;AAC5C,gBAAM,OAAO,MAAM,CAAC;AACpB,gBAAM,CAAC,IAAI,MAAM,CAAC;AAClB,gBAAM,CAAC,IAAI;AAAA,QACb;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAClE,UAAM,WAAW,CAAC,UAAkB;AAClC,UAAI,MAAM,YAAY;AACpB,eAAO,SAAS,KAAK;AAAA,MACvB;AACA,aAAO,QAAQ;AAAA,IACjB;AAGA,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,WAAW,IAAY;AAAA,MAC3B,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU;AAAA,IAAA,CACX;AACD,UAAM,cAAc,MAAM;AACxB,UAAI,WAAW,UAAU,IAAI;AAC3B,cAAM,QAAQ;AACd;AAAA,MACF;AACA,YAAM,eAAe,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,QAAQ,WAAW,KAAK;AACzE,UAAI,CAAC,cAAc;AACjB;AAAA,MACF;AACA,eAAS,QAAQ;AACjB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,QAAQ,MAAM;AAClB,eAAS,QAAQ;AACjB,iBAAW,QAAQ;AAAA,IACrB;AAEA,UAAM,YAAY,CAAC,QAAQ;AACzB,UAAI,QAAQ,IAAI;AACd,cAAM,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAGD,UAAM,gBAAgB,CAAC,SAA6B;AAClD,YAAM,kBAAkB,aAAa,IAAI;AAEzC,UAAI,gBAAgB,SAAS,aAAa;AACxC,eAAO,qBAAqB,MAAM,OAAO,8BAA2B,CAAC;AAAA,MACvE;AACA,aAAO;AAAA,QACL,MAAM,qCAAA,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,2CAAA,MAAA,OAAA,4CAAA,GAAA,mCAAA,MAAA,OAAA,qCAAA,GAAA,oCAAA,MAAA,OAAA,sCAAA,GAAA,qCAAA,MAAA,OAAA,uCAAA,GAAA,kCAAA,MAAA,OAAA,oCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,sCAAA,MAAA,OAAA,wCAAA,GAAA,sCAAA,MAAA,OAAA,wCAAA,GAAA,mCAAA,MAAA,OAAA,qCAAA,GAAA,iCAAA,MAAA,OAAA,mCAAA,GAAA,kCAAA,MAAA,OAAA,oCAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,sCAAA,MAAA,OAAA,wCAAA,GAAA,2CAAA,MAAA,OAAA,6CAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,oBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,uBAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,iBAAA,MAAA,OAAA,mBAAA,GAAA,oBAAA,MAAA,OAAA,sBAAA,GAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,gBAAA,MAAA,OAAA,iBAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,gCAAA,MAAA,OAAA,kCAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,8BAAA,MAAA,OAAA,+BAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,+BAAA,MAAA,OAAA,gCAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,EAAA,CAAA,GAAA,MAAA,gBAAA,IAAA,IAAA,gBAAA,IAAA,QAAA,CAAA;AAAA,MAAyD;AAAA,IAEnE;AAGA,UAAM,EAAE,OAAmB,UAAU,UAAU,IAAA,IAAQ,OAAO,KAAK;;0BAIjEA,YAyEQC,aAAA;AAAA,QAxEL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMC,KAAAA;AAAAA,QACN,UAAUD,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,aAAA;AAAA,QACN,oBAAkBE,KAAAA;AAAAA,QACnB,MAAA;AAAA,MAAA;QAKW,iBACT,MAwDM;AAAA,UAxDNC,mBAwDM,OAxDN,YAwDM;AAAA,YAtDIH,MAAA,GAAA,KAAOI,KAAAA,uBADfN,YAKEO,aAAA;AAAA;cAHC,KAAKL,MAAA,GAAA;AAAA,cACL,KAAK;AAAA,cACN,MAAK;AAAA,YAAA;YAEPG,mBAAqD,OAAA;AAAA,cAAhD,WAAQH,MAAA,aAAA,EAAcA,MAAA,QAAA,CAAQ;AAAA,cAAG,OAAM;AAAA,YAAA;YAEpCA,MAAA,GAAA,MAAQI,KAAAA,uBADhBN,YAKEO,aAAA;AAAA;cAHC,KAAKL,MAAA,GAAA;AAAA,cACL,KAAK;AAAA,cACN,MAAK;AAAA,YAAA;YAGPG,mBAeM,OAfN,YAeM;AAAA,cAdJA,mBAUK,MAVL,YAUK;AAAA,iBATHG,UAAA,IAAA,GAAAC,mBAQKC,UAAA,MAAAC,WARqB,eAAA,OAAc,CAA5B,QAAQ,MAAC;sCAArBF,mBAQK,MAAA;AAAA,oBARsC,KAAK,OAAO;AAAA,kBAAA;oBACrDG,YAMWC,aAAA;AAAA,sBALR,UAAU,SAAS,CAAC,CAAA,KAAM,OAAO,IAAI;AAAA,kCAC7B,WAAA;AAAA,mFAAA,WAAU,QAAA;AAAA,sBAClB,OAAO,OAAO;AAAA,sBACd,UAAU,SAAA;AAAA,sBACX,MAAK;AAAA,oBAAA;;;;eAIkC,MAAA,sBAA7Cb,YAA8Ec,MAAA;AAAA;gBAArE,MAAK;AAAA,gBAAQ,UAAA;AAAA,gBAAS,QAAA;AAAA,gBAAsB,SAASC,KAAAA;AAAAA,cAAAA;;YAKrD,SAAA,SAAXP,UAAA,GAAAC,mBAWM,OAXN,YAWM;AAAA,cAVJG,YAAsEE,MAAA;AAAA,gBAA5D,MAAM,SAAA,MAAS;AAAA,gBAAM,UAAA;AAAA,gBAAU,SAAS,SAAA,MAAS;AAAA,cAAA;cAIhD,SAAA,MAAS,aAApBN,aAAAC,mBAKM,OALN,YAKM;AAAA,iBAJJD,UAAA,GAAAR,YAGagB,wBAFN,cAAc,SAAA,MAAS,UAAU,IAAI,CAAA,GAAAC,eAAAC,mBAAA,EAAA,GAC7B,SAAA,MAAS,UAAU,MAAI,CAAA,GAAA,MAAA,EAAA;AAAA,cAAA;;YAK1CN,YAOCO,aAAA;AAAA,cANC,MAAK;AAAA,cACJ,SAAO;AAAA,cACP,UAAU,SAAA;AAAA,cACX,UAAA;AAAA,cACA,YAAW;AAAA,YAAA;+BACV,MAAoB;AAAA,gDAAjBC,KAAAA,cAAc,GAAA,CAAA;AAAA,cAAA;;;YAEQ,SAAA,sBAA5BpB,YAEUmB,aAAA;AAAA;cAFH,MAAK;AAAA,cAA2B,SAAO;AAAA,cAAO,UAAA;AAAA,YAAA;+BAAS,MAE5D;AAAA,gDADAE,KAAAA,gBAAgB,GAAA,CAAA;AAAA,cAAA;;;;;;;QA1DM,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BhB,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"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 type { 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    card\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\" :content=\"labelNoAnswer\"/>\n  \n\n        </div>\n\n        <div v-if=\"answered\" class=\"mb-2\">\n          <EpAlert :type=\"response.type\" outlined :content=\"response.feedback\"/>\n    \n\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","_createElementVNode","EpImg","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","EpRadio","EpAlert","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","EpBtn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAWd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,aAAO,cAAc,MAAM,UAAU;AAAA,IACvC,CAAC;AAGD,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,QAAQ,MAAM;AACpB,UAAI,MAAM,SAAS;AACjB,iBAAS,IAAI,MAAM,SAAS,GAAG,IAAI,GAAG,KAAK;AACzC,gBAAM,IAAI,KAAK,MAAM,KAAK,YAAY,IAAI,EAAE;AAC5C,gBAAM,OAAO,MAAM,CAAC;AACpB,gBAAM,CAAC,IAAI,MAAM,CAAC;AAClB,gBAAM,CAAC,IAAI;AAAA,QACb;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAClE,UAAM,WAAW,CAAC,UAAkB;AAClC,UAAI,MAAM,YAAY;AACpB,eAAO,SAAS,KAAK;AAAA,MACvB;AACA,aAAO,QAAQ;AAAA,IACjB;AAGA,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,WAAW,IAAY;AAAA,MAC3B,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU;AAAA,IAAA,CACX;AACD,UAAM,cAAc,MAAM;AACxB,UAAI,WAAW,UAAU,IAAI;AAC3B,cAAM,QAAQ;AACd;AAAA,MACF;AACA,YAAM,eAAe,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,QAAQ,WAAW,KAAK;AACzE,UAAI,CAAC,cAAc;AACjB;AAAA,MACF;AACA,eAAS,QAAQ;AACjB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,QAAQ,MAAM;AAClB,eAAS,QAAQ;AACjB,iBAAW,QAAQ;AAAA,IACrB;AAEA,UAAM,YAAY,CAAC,QAAQ;AACzB,UAAI,QAAQ,IAAI;AACd,cAAM,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAGD,UAAM,gBAAgB,CAAC,SAA6B;AAClD,YAAM,kBAAkB,aAAa,IAAI;AAEzC,UAAI,gBAAgB,SAAS,aAAa;AACxC,eAAO,qBAAqB,MAAM,OAAO,8BAA2B,CAAC;AAAA,MACvE;AACA,aAAO;AAAA,QACL,MAAM,qCAAA,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,2CAAA,MAAA,OAAA,4CAAA,GAAA,mCAAA,MAAA,OAAA,qCAAA,GAAA,oCAAA,MAAA,OAAA,sCAAA,GAAA,qCAAA,MAAA,OAAA,uCAAA,GAAA,kCAAA,MAAA,OAAA,oCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,oCAAA,MAAA,OAAA,sCAAA,GAAA,sCAAA,MAAA,OAAA,wCAAA,GAAA,sCAAA,MAAA,OAAA,wCAAA,GAAA,mCAAA,MAAA,OAAA,qCAAA,GAAA,iCAAA,MAAA,OAAA,mCAAA,GAAA,kCAAA,MAAA,OAAA,oCAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,sCAAA,MAAA,OAAA,wCAAA,GAAA,2CAAA,MAAA,OAAA,6CAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,oBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,uBAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,iBAAA,MAAA,OAAA,mBAAA,GAAA,oBAAA,MAAA,OAAA,sBAAA,GAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,gBAAA,MAAA,OAAA,iBAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,gCAAA,MAAA,OAAA,kCAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,8BAAA,MAAA,OAAA,+BAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,EAAA,CAAA,GAAA,MAAA,gBAAA,IAAA,IAAA,gBAAA,IAAA,QAAA,CAAA;AAAA,MAAyD;AAAA,IAEnE;AAGA,UAAM,EAAE,OAAmB,UAAU,UAAU,IAAA,IAAQ,OAAO,KAAK;;0BAIjEA,YAyEQC,aAAA;AAAA,QAxEL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAM,QAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,aAAA;AAAA,QACN,oBAAkB,QAAA;AAAA,QACnB,MAAA;AAAA,MAAA;QAKW,iBACT,MAwDM;AAAA,UAxDNC,mBAwDM,OAxDN,YAwDM;AAAA,YAtDID,MAAA,GAAA,KAAO,QAAA,uBADfF,YAKEI,aAAA;AAAA;cAHC,KAAKF,MAAA,GAAA;AAAA,cACL,KAAK;AAAA,cACN,MAAK;AAAA,YAAA;YAEPC,mBAAqD,OAAA;AAAA,cAAhD,WAAQD,MAAA,aAAA,EAAcA,MAAA,QAAA,CAAQ;AAAA,cAAG,OAAM;AAAA,YAAA;YAEpCA,MAAA,GAAA,MAAQ,QAAA,uBADhBF,YAKEI,aAAA;AAAA;cAHC,KAAKF,MAAA,GAAA;AAAA,cACL,KAAK;AAAA,cACN,MAAK;AAAA,YAAA;YAGPC,mBAeM,OAfN,YAeM;AAAA,cAdJA,mBAUK,MAVL,YAUK;AAAA,iBATHE,UAAA,IAAA,GAAAC,mBAQKC,UAAA,MAAAC,WARqB,eAAA,OAAc,CAA5B,QAAQ,MAAC;sCAArBF,mBAQK,MAAA;AAAA,oBARsC,KAAK,OAAO;AAAA,kBAAA;oBACrDG,YAMWC,aAAA;AAAA,sBALR,UAAU,SAAS,CAAC,CAAA,KAAM,OAAO,IAAI;AAAA,kCAC7B,WAAA;AAAA,mFAAA,WAAU,QAAA;AAAA,sBAClB,OAAO,OAAO;AAAA,sBACd,UAAU,SAAA;AAAA,sBACX,MAAK;AAAA,oBAAA;;;;eAIkC,MAAA,sBAA7CV,YAA8EW,MAAA;AAAA;gBAArE,MAAK;AAAA,gBAAQ,UAAA;AAAA,gBAAS,QAAA;AAAA,gBAAsB,SAAS,QAAA;AAAA,cAAA;;YAKrD,SAAA,SAAXN,UAAA,GAAAC,mBAWM,OAXN,YAWM;AAAA,cAVJG,YAAsEE,MAAA;AAAA,gBAA5D,MAAM,SAAA,MAAS;AAAA,gBAAM,UAAA;AAAA,gBAAU,SAAS,SAAA,MAAS;AAAA,cAAA;cAIhD,SAAA,MAAS,aAApBN,aAAAC,mBAKM,OALN,YAKM;AAAA,iBAJJD,UAAA,GAAAL,YAGaY,wBAFN,cAAc,SAAA,MAAS,UAAU,IAAI,CAAA,GAAAC,eAAAC,mBAAA,EAAA,GAC7B,SAAA,MAAS,UAAU,MAAI,CAAA,GAAA,MAAA,EAAA;AAAA,cAAA;;YAK1CL,YAOCM,aAAA;AAAA,cANC,MAAK;AAAA,cACJ,SAAO;AAAA,cACP,UAAU,SAAA;AAAA,cACX,UAAA;AAAA,cACA,YAAW;AAAA,YAAA;+BACV,MAAoB;AAAA,gDAAjB,QAAA,cAAc,GAAA,CAAA;AAAA,cAAA;;;YAEQ,SAAA,sBAA5Bf,YAEUe,aAAA;AAAA;cAFH,MAAK;AAAA,cAA2B,SAAO;AAAA,cAAO,UAAA;AAAA,YAAA;+BAAS,MAE5D;AAAA,gDADA,QAAA,gBAAgB,GAAA,CAAA;AAAA,cAAA;;;;;;;QA1DM,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BZ,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -35,8 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     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) => {
+        __props.title ? (openBlock(), createElementBlock("h4", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.questions, (question, i) => {
           return openBlock(), createElementBlock(Fragment, {
             key: `item-question-${i}`
           }, [
@@ -58,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 64);
         }), 128)),
         createElementVNode("div", _hoisted_5, [
-          createElementVNode("span", _hoisted_6, toDisplayString(_ctx.totalLabel) + " " + toDisplayString(resultSummative.value), 1)
+          createElementVNode("span", _hoisted_6, toDisplayString(__props.totalLabel) + " " + toDisplayString(resultSummative.value), 1)
         ])
       ]);
     };

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

@@ -1 +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 type { 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-surface-2 dark:bg-surface-2-dark p-4 rounded\">\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=\"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;;;;;"}
+{"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 type { 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-surface-2 dark:bg-surface-2-dark p-4 rounded\">\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=\"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","_toDisplayString","_Fragment","_renderList","_createElementVNode","_createBlock","EpRadioSummative","_createVNode","EpDivider"],"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,QA3BM,QAAA,sBAAVA,mBAAoE,MAApE,YAAoEC,gBAAb,QAAA,KAAK,GAAA,CAAA;SAC5DF,UAAA,IAAA,GAAAC,mBAoBWE,UAAA,MAAAC,WApBuB,QAAA,WAAS,CAAzB,UAAU,MAAC;;kCAAuC,CAAC;AAAA,UAAA;YACnEC,mBAEI,KAFJ,YAEIH,gBADC,SAAS,KAAK,GAAA,CAAA;AAAA,YAEnBG,mBAcM,OAdN,YAcM;AAAA,eAbJL,UAAA,IAAA,GAAAC,mBAYWE,2BAXc,SAAS,SAAO,CAA/B,SAAS,MAAC;oCAGlBG,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,YAECH,gBADK,kBAAU,IAAG,sBAAI,gBAAA,KAAe,GAAA,CAAA;AAAA,QAAA;;;;;"}

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

@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default"),
         createElementVNode("span", {
           class: normalizeClass(`pointer-events-none absolute  w-max rounded  px-2 py-1 text-sm font-medium  opacity-0 shadow transition-opacity group-hover:opacity-100  ${finalStyles.value} `)
-        }, toDisplayString(_ctx.text), 3)
+        }, toDisplayString(__props.text), 3)
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"EpTooltip.vue.js","sources":["../../../src/components/interactions/EpTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeTooltip } from \"~/types/Tooltip\";\nimport type { EpTooltipProps } from \"~/types/interactions/EpTooltip\";\n\nconst props = withDefaults(defineProps<EpTooltipProps>(), {\n  styles: \"light\",\n  placement: \"top\",\n  arrow: \"none\",\n});\n\nconst finalType = computed(() => {\n  return props.placement;\n});\n\nconst arrowStyle = computed(() => {\n  if (props.arrow == \"arrow\") {\n    if (props.styles == \"dark\") {\n      return \"arrowdark\";\n    } else {\n      return \"arrow\";\n    }\n  } else {\n    if (props.styles == \"light\") {\n      return \"default\";\n    } else {\n      return \"dark\";\n    }\n  }\n});\n\nconst finalStyles = computed(() => {\n  return `${typeTooltip[finalType.value]?.[arrowStyle.value]}`;\n});\n</script>\n<template>\n  <div class=\"group relative w-max\">\n    <slot />\n    <span\n      :class=\"`pointer-events-none absolute  w-max rounded  px-2 py-1 text-sm font-medium  opacity-0 shadow transition-opacity group-hover:opacity-100  ${finalStyles} `\"\n      >{{ text }}</span\n    >\n  </div>\n</template>\n\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createElementVNode","text"],"mappings":";;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAMd,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,SAAS,SAAS;AAC1B,YAAI,MAAM,UAAU,QAAQ;AAC1B,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO;AAAA,QACT;AAAA,MACF,OAAO;AACL,YAAI,MAAM,UAAU,SAAS;AAC3B,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AACjC,aAAO,IAAG,iBAAY,UAAU,KAAK,MAA3B,mBAA+B,WAAW,MAAM;AAAA,IAC5D,CAAC;;AAGC,aAAAA,UAAA,GAAAC,mBAMM,OANN,YAMM;AAAA,QALJC,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRC,mBAGC,QAAA;AAAA,UAFE,kKAAmJ,YAAA,KAAW,GAAA;AAAA,QAAA,mBAC3JC,KAAAA,IAAI,GAAA,CAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"EpTooltip.vue.js","sources":["../../../src/components/interactions/EpTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeTooltip } from \"~/types/Tooltip\";\nimport type { EpTooltipProps } from \"~/types/interactions/EpTooltip\";\n\nconst props = withDefaults(defineProps<EpTooltipProps>(), {\n  styles: \"light\",\n  placement: \"top\",\n  arrow: \"none\",\n});\n\nconst finalType = computed(() => {\n  return props.placement;\n});\n\nconst arrowStyle = computed(() => {\n  if (props.arrow == \"arrow\") {\n    if (props.styles == \"dark\") {\n      return \"arrowdark\";\n    } else {\n      return \"arrow\";\n    }\n  } else {\n    if (props.styles == \"light\") {\n      return \"default\";\n    } else {\n      return \"dark\";\n    }\n  }\n});\n\nconst finalStyles = computed(() => {\n  return `${typeTooltip[finalType.value]?.[arrowStyle.value]}`;\n});\n</script>\n<template>\n  <div class=\"group relative w-max\">\n    <slot />\n    <span\n      :class=\"`pointer-events-none absolute  w-max rounded  px-2 py-1 text-sm font-medium  opacity-0 shadow transition-opacity group-hover:opacity-100  ${finalStyles} `\"\n      >{{ text }}</span\n    >\n  </div>\n</template>\n\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAMd,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,SAAS,SAAS;AAC1B,YAAI,MAAM,UAAU,QAAQ;AAC1B,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO;AAAA,QACT;AAAA,MACF,OAAO;AACL,YAAI,MAAM,UAAU,SAAS;AAC3B,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AACjC,aAAO,IAAG,iBAAY,UAAU,KAAK,MAA3B,mBAA+B,WAAW,MAAM;AAAA,IAC5D,CAAC;;AAGC,aAAAA,UAAA,GAAAC,mBAMM,OANN,YAMM;AAAA,QALJC,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRC,mBAGC,QAAA;AAAA,UAFE,kKAAmJ,YAAA,KAAW,GAAA;AAAA,QAAA,mBAC3J,QAAA,IAAI,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/medias/EpAudio.vue.js

@@ -55,8 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         title: unref(title),
-        labelIntentions: _ctx.labelIntentions,
-        type: _ctx.type,
+        labelIntentions: __props.labelIntentions,
+        type: __props.type,
         hideIcon: unref(hideIcon),
         icon: unref(mdiHeadphones),
         mandateLevel: unref(mandateLevel)
@@ -80,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 3,
               type: "error",
               outlined: "",
-              content: _ctx.messageError
+              content: __props.messageError
             }, null, 8, ["content"]))
           ])
         ]),

package/dist/components/medias/EpAudio.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpAudio.vue.js","sources":["../../../src/components/medias/EpAudio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiHeadphones } from \"@mdi/js\";\nimport BgAudio from \"~/components/tools/BgAudio.vue\";\nimport EpAlert from \"~/components/signages/EpAlert.vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpAudioProps } from \"~/types/medias/EpAudio\";\n\nconst props = withDefaults(defineProps<EpAudioProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  labelIntentions: \"Intentions d'écoute\",\n  messageError: \"Mauvais url\",\n});\n\n//regex url panopto udem\nconst hasmp4 = /\\.mp4\\?/;\n\nconst cleanSrc = computed(() => {\n  let srcString = props.src;\n  const isPanopto = hasmp4.test(props.src);\n  if (isPanopto) {\n    srcString = srcString.replace(/\\.mp4.*$/, \".mp4\");\n  }\n  return srcString;\n});\n\nconst isAudioFormat = computed(() => {\n  if (\n    cleanSrc.value.endsWith(\".mp3\") ||\n    cleanSrc.value.endsWith(\".mp4\") ||\n    cleanSrc.value.endsWith(\".ogg\") ||\n    cleanSrc.value.endsWith(\".wav\")\n  ) {\n    return true;\n  }\n  return false;\n});\n\nconst bgColor = computed(() => {\n  return props.type\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\n//controls\n//const controls = useMediaControls(video, {src:props.src})\n\nconst { src, title, hideIcon, mandateLevel, bgImg } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :labelIntentions=\"labelIntentions\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiHeadphones\"\n    :mandateLevel=\"mandateLevel\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div class=\"max-w-screen-sm mx-auto\">\n        <BgAudio :fill=\"bgColor\" v-if=\"!bgImg\"></BgAudio>\n        <img v-else :src=\"bgImg\" />\n        <audio\n          v-if=\"isAudioFormat\"\n          ref=\"video\"\n          controls\n          :src=\"cleanSrc\"\n          controlsList=\"nodownload\"\n        ></audio>\n        <EpAlert type=\"error\" outlined v-else :content=\"messageError\"/>\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","labelIntentions","type","_createElementVNode","BgAudio","_createElementBlock","EpAlert","messageError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,QAAQ;AAQd,UAAM,SAAS;AAEf,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,YAAY,MAAM;AACtB,YAAM,YAAY,OAAO,KAAK,MAAM,GAAG;AACvC,UAAI,WAAW;AACb,oBAAY,UAAU,QAAQ,YAAY,MAAM;AAAA,MAClD;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UACE,SAAS,MAAM,SAAS,MAAM,KAC9B,SAAS,MAAM,SAAS,MAAM,KAC9B,SAAS,MAAM,SAAS,MAAM,KAC9B,SAAS,MAAM,SAAS,MAAM,GAC9B;AACA,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAKD,UAAM,EAAO,OAAO,UAAU,cAAc,MAAA,IAAU,OAAO,KAAK;;0BAIhEA,YA4BQC,aAAA;AAAA,QA3BL,OAAOC,MAAA,KAAA;AAAA,QACP,iBAAiBC,KAAAA;AAAAA,QACjB,MAAMC,KAAAA;AAAAA,QACN,UAAUF,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,aAAA;AAAA,QACN,cAAcA,MAAA,YAAA;AAAA,MAAA;QAKJ,iBACT,MAWM;AAAA,UAXNG,mBAWM,OAXN,YAWM;AAAA,aAV4BH,MAAA,KAAA,kBAAhCF,YAAiDM,aAAA;AAAA;cAAvC,MAAM,QAAA;AAAA,YAAA,uCAChBC,mBAA2B,OAAA;AAAA;cAAd,KAAKL,MAAA,KAAA;AAAA,YAAA;YAEV,cAAA,sBADRK,mBAMS,SAAA;AAAA;cAJP,KAAI;AAAA,cACJ,UAAA;AAAA,cACC,KAAK,SAAA;AAAA,cACN,cAAa;AAAA,YAAA,yCAEfP,YAA+DQ,MAAA;AAAA;cAAtD,MAAK;AAAA,cAAQ,UAAA;AAAA,cAAiB,SAASC,KAAAA;AAAAA,YAAAA;;;;;QAdxB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BJ,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpAudio.vue.js","sources":["../../../src/components/medias/EpAudio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiHeadphones } from \"@mdi/js\";\nimport BgAudio from \"~/components/tools/BgAudio.vue\";\nimport EpAlert from \"~/components/signages/EpAlert.vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpAudioProps } from \"~/types/medias/EpAudio\";\n\nconst props = withDefaults(defineProps<EpAudioProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  labelIntentions: \"Intentions d'écoute\",\n  messageError: \"Mauvais url\",\n});\n\n//regex url panopto udem\nconst hasmp4 = /\\.mp4\\?/;\n\nconst cleanSrc = computed(() => {\n  let srcString = props.src;\n  const isPanopto = hasmp4.test(props.src);\n  if (isPanopto) {\n    srcString = srcString.replace(/\\.mp4.*$/, \".mp4\");\n  }\n  return srcString;\n});\n\nconst isAudioFormat = computed(() => {\n  if (\n    cleanSrc.value.endsWith(\".mp3\") ||\n    cleanSrc.value.endsWith(\".mp4\") ||\n    cleanSrc.value.endsWith(\".ogg\") ||\n    cleanSrc.value.endsWith(\".wav\")\n  ) {\n    return true;\n  }\n  return false;\n});\n\nconst bgColor = computed(() => {\n  return props.type\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\n//controls\n//const controls = useMediaControls(video, {src:props.src})\n\nconst { src, title, hideIcon, mandateLevel, bgImg } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :labelIntentions=\"labelIntentions\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiHeadphones\"\n    :mandateLevel=\"mandateLevel\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div class=\"max-w-screen-sm mx-auto\">\n        <BgAudio :fill=\"bgColor\" v-if=\"!bgImg\"></BgAudio>\n        <img v-else :src=\"bgImg\" />\n        <audio\n          v-if=\"isAudioFormat\"\n          ref=\"video\"\n          controls\n          :src=\"cleanSrc\"\n          controlsList=\"nodownload\"\n        ></audio>\n        <EpAlert type=\"error\" outlined v-else :content=\"messageError\"/>\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","_createElementVNode","BgAudio","_createElementBlock","EpAlert"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,QAAQ;AAQd,UAAM,SAAS;AAEf,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,YAAY,MAAM;AACtB,YAAM,YAAY,OAAO,KAAK,MAAM,GAAG;AACvC,UAAI,WAAW;AACb,oBAAY,UAAU,QAAQ,YAAY,MAAM;AAAA,MAClD;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UACE,SAAS,MAAM,SAAS,MAAM,KAC9B,SAAS,MAAM,SAAS,MAAM,KAC9B,SAAS,MAAM,SAAS,MAAM,KAC9B,SAAS,MAAM,SAAS,MAAM,GAC9B;AACA,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAKD,UAAM,EAAO,OAAO,UAAU,cAAc,MAAA,IAAU,OAAO,KAAK;;0BAIhEA,YA4BQC,aAAA;AAAA,QA3BL,OAAOC,MAAA,KAAA;AAAA,QACP,iBAAiB,QAAA;AAAA,QACjB,MAAM,QAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,aAAA;AAAA,QACN,cAAcA,MAAA,YAAA;AAAA,MAAA;QAKJ,iBACT,MAWM;AAAA,UAXNC,mBAWM,OAXN,YAWM;AAAA,aAV4BD,MAAA,KAAA,kBAAhCF,YAAiDI,aAAA;AAAA;cAAvC,MAAM,QAAA;AAAA,YAAA,uCAChBC,mBAA2B,OAAA;AAAA;cAAd,KAAKH,MAAA,KAAA;AAAA,YAAA;YAEV,cAAA,sBADRG,mBAMS,SAAA;AAAA;cAJP,KAAI;AAAA,cACJ,UAAA;AAAA,cACC,KAAK,SAAA;AAAA,cACN,cAAa;AAAA,YAAA,yCAEfL,YAA+DM,MAAA;AAAA;cAAtD,MAAK;AAAA,cAAQ,UAAA;AAAA,cAAiB,SAAS,QAAA;AAAA,YAAA;;;;;QAdxB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BH,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/medias/EpCardLink.vue.js

@@ -45,34 +45,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${centerCard.value} ${_ctx.maxWidth} ${_ctx.inline ? "m-2 w-full inline-block align-bottom" : _ctx.thumbnail ? "m-2 inline-block align-bottom " + styleSizeThumbnail.value : ""}`)
+        class: normalizeClass(`${centerCard.value} ${__props.maxWidth} ${__props.inline ? "m-2 w-full inline-block align-bottom" : __props.thumbnail ? "m-2 inline-block align-bottom " + styleSizeThumbnail.value : ""}`)
       }, [
-        _ctx.isExternal ? (openBlock(), createElementBlock("a", {
+        __props.isExternal ? (openBlock(), createElementBlock("a", {
           key: 0,
-          href: _ctx.to,
+          href: __props.to,
           target: "_blank",
           rel: "noopener noreferrer"
         }, [
           createVNode(_sfc_main$1, {
-            title: _ctx.title,
-            subtitle: _ctx.subtitle,
-            src: _ctx.src,
-            svg: _ctx.svg,
-            maxWidth: _ctx.maxWidth,
-            icon: _ctx.iconlink,
+            title: __props.title,
+            subtitle: __props.subtitle,
+            src: __props.src,
+            svg: __props.svg,
+            maxWidth: __props.maxWidth,
+            icon: __props.iconlink,
             isLink: ""
           }, null, 8, ["title", "subtitle", "src", "svg", "maxWidth", "icon"])
         ], 8, _hoisted_1)) : (openBlock(), createElementBlock("div", {
           key: 1,
-          onClick: _cache[0] || (_cache[0] = ($event) => navigate(_ctx.to))
+          onClick: _cache[0] || (_cache[0] = ($event) => navigate(__props.to))
         }, [
           createVNode(_sfc_main$1, {
-            title: _ctx.title,
-            subtitle: _ctx.subtitle,
-            src: _ctx.src,
-            svg: _ctx.svg,
-            maxWidth: _ctx.maxWidth,
-            icon: _ctx.iconlink,
+            title: __props.title,
+            subtitle: __props.subtitle,
+            src: __props.src,
+            svg: __props.svg,
+            maxWidth: __props.maxWidth,
+            icon: __props.iconlink,
             isLink: ""
           }, null, 8, ["title", "subtitle", "src", "svg", "maxWidth", "icon"])
         ]))

package/dist/components/medias/EpCardLink.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpCardLink.vue.js","sources":["../../../src/components/medias/EpCardLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport { mdiChevronRight } from \"@mdi/js\";\nimport type { EpCardLinkProps } from \"~/types/medias/EpCardLink\";\nimport { sizeCardThumbnailStyle } from \"~/types/Card\";\n\nconst props = withDefaults(defineProps<EpCardLinkProps>(), {\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><title>dog</title><path d=\"M18,4C16.29,4 15.25,4.33 14.65,4.61C13.88,4.23 13,4 12,4C11,4 10.12,4.23 9.35,4.61C8.75,4.33 7.71,4 6,4C3,4 1,12 1,14C1,14.83 2.32,15.59 4.14,15.9C4.78,18.14 7.8,19.85 11.5,20V15.72C10.91,15.35 10,14.68 10,14C10,13 12,13 12,13C12,13 14,13 14,14C14,14.68 13.09,15.35 12.5,15.72V20C16.2,19.85 19.22,18.14 19.86,15.9C21.68,15.59 23,14.83 23,14C23,12 21,4 18,4M4.15,13.87C3.65,13.75 3.26,13.61 3,13.5C3.25,10.73 5.2,6.4 6.05,6C6.59,6 7,6.06 7.37,6.11C5.27,8.42 4.44,12.04 4.15,13.87M9,12A1,1 0 0,1 8,11C8,10.46 8.45,10 9,10A1,1 0 0,1 10,11C10,11.56 9.55,12 9,12M15,12A1,1 0 0,1 14,11C14,10.46 14.45,10 15,10A1,1 0 0,1 16,11C16,11.56 15.55,12 15,12M19.85,13.87C19.56,12.04 18.73,8.42 16.63,6.11C17,6.06 17.41,6 17.95,6C18.8,6.4 20.75,10.73 21,13.5C20.75,13.61 20.36,13.75 19.85,13.87Z\" /></svg>',\n  maxWidth: \"max-w-md\",\n  center: false,\n  iconlink: mdiChevronRight,\n  nuxtLink: false,\n  to: \"/\",\n  isExternal: false,\n  disabled: false,\n  thumbnail: false,\n  inline: false,\n  sizeThumbnail: \"medium\"\n});\n\nconst centerCard = computed(() => {\n  if (props.center && !props.thumbnail && !props.inline) {\n    return \"mx-auto\";\n  }\n  return \"\";\n});\n\nconst router = useRouter();\n\nconst navigate = (to: string) => {\n  if (!props.isExternal && !props.disabled) {\n    router.push(to);\n  }\n};\n\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeCardThumbnailStyle[props.sizeThumbnail];\n});\n</script>\n\n<template>\n  <div :class=\"`${centerCard} ${maxWidth} ${(inline)? 'm-2 w-full inline-block align-bottom' : (thumbnail)? ('m-2 inline-block align-bottom ' + styleSizeThumbnail) : ''}`\">\n    <a v-if=\"isExternal\" :href=\"to\" target=\"_blank\" rel=\"noopener noreferrer\">\n      <EpCard\n        :title=\"title\"\n        :subtitle=\"subtitle\"\n        :src=\"src\"\n        :svg=\"svg\"\n        :maxWidth=\"maxWidth\"\n        :icon=\"iconlink\"\n        isLink\n      />\n    </a>\n    <div @click=\"navigate(to)\" v-else>\n      <EpCard\n        :title=\"title\"\n        :subtitle=\"subtitle\"\n        :src=\"src\"\n        :svg=\"svg\"\n        :maxWidth=\"maxWidth\"\n        :icon=\"iconlink\"\n        isLink\n      />\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","maxWidth","inline","thumbnail","isExternal","to","_createVNode","EpCard","title","subtitle","src","svg","iconlink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAcd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU,CAAC,MAAM,aAAa,CAAC,MAAM,QAAQ;AACrD,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,SAAS,UAAA;AAEf,UAAM,WAAW,CAAC,OAAe;AAC/B,UAAI,CAAC,MAAM,cAAc,CAAC,MAAM,UAAU;AACxC,eAAO,KAAK,EAAE;AAAA,MAChB;AAAA,IACF;AAGA,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,uBAAuB,MAAM,aAAa;AAAA,IACnD,CAAC;;0BAICA,mBAuBM,OAAA;AAAA,QAvBA,OAAKC,eAAA,GAAK,gBAAU,IAAIC,KAAAA,QAAQ,IAAKC,KAAAA,SAAM,yCAA6CC,KAAAA,YAAS,mCAAuC,mBAAA,QAAkB,EAAA,EAAA;AAAA,MAAA;QACrJC,KAAAA,2BAATL,mBAUI,KAAA;AAAA;UAVkB,MAAMM,KAAAA;AAAAA,UAAI,QAAO;AAAA,UAAS,KAAI;AAAA,QAAA;UAClDC,YAQEC,aAAA;AAAA,YAPC,OAAOC,KAAAA;AAAAA,YACP,UAAUC,KAAAA;AAAAA,YACV,KAAKC,KAAAA;AAAAA,YACL,KAAKC,KAAAA;AAAAA,YACL,UAAUV,KAAAA;AAAAA,YACV,MAAMW,KAAAA;AAAAA,YACP,QAAA;AAAA,UAAA;2CAGJb,mBAUM,OAAA;AAAA;UAVA,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,SAASM,KAAAA,EAAE;AAAA,QAAA;UACtBC,YAQEC,aAAA;AAAA,YAPC,OAAOC,KAAAA;AAAAA,YACP,UAAUC,KAAAA;AAAAA,YACV,KAAKC,KAAAA;AAAAA,YACL,KAAKC,KAAAA;AAAAA,YACL,UAAUV,KAAAA;AAAAA,YACV,MAAMW,KAAAA;AAAAA,YACP,QAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"EpCardLink.vue.js","sources":["../../../src/components/medias/EpCardLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport { mdiChevronRight } from \"@mdi/js\";\nimport type { EpCardLinkProps } from \"~/types/medias/EpCardLink\";\nimport { sizeCardThumbnailStyle } from \"~/types/Card\";\n\nconst props = withDefaults(defineProps<EpCardLinkProps>(), {\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><title>dog</title><path d=\"M18,4C16.29,4 15.25,4.33 14.65,4.61C13.88,4.23 13,4 12,4C11,4 10.12,4.23 9.35,4.61C8.75,4.33 7.71,4 6,4C3,4 1,12 1,14C1,14.83 2.32,15.59 4.14,15.9C4.78,18.14 7.8,19.85 11.5,20V15.72C10.91,15.35 10,14.68 10,14C10,13 12,13 12,13C12,13 14,13 14,14C14,14.68 13.09,15.35 12.5,15.72V20C16.2,19.85 19.22,18.14 19.86,15.9C21.68,15.59 23,14.83 23,14C23,12 21,4 18,4M4.15,13.87C3.65,13.75 3.26,13.61 3,13.5C3.25,10.73 5.2,6.4 6.05,6C6.59,6 7,6.06 7.37,6.11C5.27,8.42 4.44,12.04 4.15,13.87M9,12A1,1 0 0,1 8,11C8,10.46 8.45,10 9,10A1,1 0 0,1 10,11C10,11.56 9.55,12 9,12M15,12A1,1 0 0,1 14,11C14,10.46 14.45,10 15,10A1,1 0 0,1 16,11C16,11.56 15.55,12 15,12M19.85,13.87C19.56,12.04 18.73,8.42 16.63,6.11C17,6.06 17.41,6 17.95,6C18.8,6.4 20.75,10.73 21,13.5C20.75,13.61 20.36,13.75 19.85,13.87Z\" /></svg>',\n  maxWidth: \"max-w-md\",\n  center: false,\n  iconlink: mdiChevronRight,\n  nuxtLink: false,\n  to: \"/\",\n  isExternal: false,\n  disabled: false,\n  thumbnail: false,\n  inline: false,\n  sizeThumbnail: \"medium\"\n});\n\nconst centerCard = computed(() => {\n  if (props.center && !props.thumbnail && !props.inline) {\n    return \"mx-auto\";\n  }\n  return \"\";\n});\n\nconst router = useRouter();\n\nconst navigate = (to: string) => {\n  if (!props.isExternal && !props.disabled) {\n    router.push(to);\n  }\n};\n\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeCardThumbnailStyle[props.sizeThumbnail];\n});\n</script>\n\n<template>\n  <div :class=\"`${centerCard} ${maxWidth} ${(inline)? 'm-2 w-full inline-block align-bottom' : (thumbnail)? ('m-2 inline-block align-bottom ' + styleSizeThumbnail) : ''}`\">\n    <a v-if=\"isExternal\" :href=\"to\" target=\"_blank\" rel=\"noopener noreferrer\">\n      <EpCard\n        :title=\"title\"\n        :subtitle=\"subtitle\"\n        :src=\"src\"\n        :svg=\"svg\"\n        :maxWidth=\"maxWidth\"\n        :icon=\"iconlink\"\n        isLink\n      />\n    </a>\n    <div @click=\"navigate(to)\" v-else>\n      <EpCard\n        :title=\"title\"\n        :subtitle=\"subtitle\"\n        :src=\"src\"\n        :svg=\"svg\"\n        :maxWidth=\"maxWidth\"\n        :icon=\"iconlink\"\n        isLink\n      />\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode","EpCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAcd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU,CAAC,MAAM,aAAa,CAAC,MAAM,QAAQ;AACrD,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,SAAS,UAAA;AAEf,UAAM,WAAW,CAAC,OAAe;AAC/B,UAAI,CAAC,MAAM,cAAc,CAAC,MAAM,UAAU;AACxC,eAAO,KAAK,EAAE;AAAA,MAChB;AAAA,IACF;AAGA,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,uBAAuB,MAAM,aAAa;AAAA,IACnD,CAAC;;0BAICA,mBAuBM,OAAA;AAAA,QAvBA,OAAKC,eAAA,GAAK,gBAAU,IAAI,QAAA,QAAQ,IAAK,QAAA,SAAM,yCAA6C,QAAA,YAAS,mCAAuC,mBAAA,QAAkB,EAAA,EAAA;AAAA,MAAA;QACrJ,QAAA,2BAATD,mBAUI,KAAA;AAAA;UAVkB,MAAM,QAAA;AAAA,UAAI,QAAO;AAAA,UAAS,KAAI;AAAA,QAAA;UAClDE,YAQEC,aAAA;AAAA,YAPC,OAAO,QAAA;AAAA,YACP,UAAU,QAAA;AAAA,YACV,KAAK,QAAA;AAAA,YACL,KAAK,QAAA;AAAA,YACL,UAAU,QAAA;AAAA,YACV,MAAM,QAAA;AAAA,YACP,QAAA;AAAA,UAAA;2CAGJH,mBAUM,OAAA;AAAA;UAVA,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,SAAS,QAAA,EAAE;AAAA,QAAA;UACtBE,YAQEC,aAAA;AAAA,YAPC,OAAO,QAAA;AAAA,YACP,UAAU,QAAA;AAAA,YACV,KAAK,QAAA;AAAA,YACL,KAAK,QAAA;AAAA,YACL,UAAU,QAAA;AAAA,YACV,MAAM,QAAA;AAAA,YACP,QAAA;AAAA,UAAA;;;;;;"}

package/dist/components/medias/EpCarousel.vue.js

@@ -92,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a, _b;
       return openBlock(), createElementBlock(Fragment, null, [
         props.title ? (openBlock(), createElementBlock("h2", _hoisted_1, toDisplayString(props.title), 1)) : createCommentVNode("", true),
-        !_ctx.gallery ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        !__props.gallery ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             createElementVNode("button", {
               class: "p-2",
@@ -122,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 dark: ""
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labelRef), 1)
+                  createTextVNode(toDisplayString(__props.labelRef), 1)
                 ]),
                 _: 1
               })
@@ -131,7 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$3, {
             modelValue: dialog.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialog.value = $event),
-            title: _ctx.labelRefLib
+            title: __props.labelRefLib
           }, {
             default: withCtx(() => [
               createElementVNode("div", {
@@ -144,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   dark: ""
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                    createTextVNode(toDisplayString(__props.labelClose), 1)
                   ]),
                   _: 1
                 })
@@ -152,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["modelValue", "title"])
-        ])) : !_ctx.puzzle ? (openBlock(), createElementBlock("div", {
+        ])) : !__props.puzzle ? (openBlock(), createElementBlock("div", {
           key: 2,
           class: normalizeClass(`flex flex-wrap ${isCenterStyle.value}`)
         }, [
@@ -162,8 +162,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               src: image.src,
               bib: image.bib,
               caption: image.caption,
-              "label-ref": _ctx.labelRef,
-              "label-close": _ctx.labelClose,
+              "label-ref": __props.labelRef,
+              "label-close": __props.labelClose,
               "size-thumbnail": unref(sizeThumbnail),
               "managed-modal": "",
               onNewFocus: ($event) => newFocus(index),
@@ -172,15 +172,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onNextSlide: managedNextSlide
             }, null, 8, ["src", "bib", "caption", "label-ref", "label-close", "size-thumbnail", "onNewFocus", "info-modal"]);
           }), 128))
-        ], 2)) : _ctx.puzzle ? (openBlock(), createElementBlock("div", _hoisted_10, [
+        ], 2)) : __props.puzzle ? (openBlock(), createElementBlock("div", _hoisted_10, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(carrouselImg), (image, index) => {
             return openBlock(), createBlock(_sfc_main$4, {
               key: `image-${image == null ? void 0 : image.uid}`,
               src: image.src,
               bib: image.bib,
               caption: image.caption,
-              "label-ref": _ctx.labelRef,
-              "label-close": _ctx.labelClose,
+              "label-ref": __props.labelRef,
+              "label-close": __props.labelClose,
               puzzle: "",
               "managed-modal": "",
               onNewFocus: ($event) => newFocus(index),

package/dist/components/medias/EpCarousel.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpCarousel.vue.js","sources":["../../../src/components/medias/EpCarousel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { mdiChevronLeftCircleOutline } from \"@mdi/js\";\nimport { mdiChevronRightCircleOutline } from \"@mdi/js\";\nimport type { InfoModal } from \"~/types/Image\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpImgCarousel from \"~/components/basics/EpImgCarousel.vue\";\nimport type { EpCarouselProps } from \"~/types/medias/EpCarousel\";\n\nconst props = withDefaults(defineProps<EpCarouselProps>(), {\n  gallery: false,\n  isCenter: false,\n  puzzle: false,\n  sizeThumbnail: \"medium\",\n  labelRef: \"Référence\",\n  labelClose: \"Fermer\",\n  labelRefLib: \"Référence bibliographique\",\n});\n\n// Logique Carousel normal\nconst currentIndex = ref<number>(0);\nconst dialog = ref<boolean>(false);\n\nconst prevSlide = () => {\n  const isFirstSlide = currentIndex.value === 0;\n  const newIndex = isFirstSlide\n    ? props.carrouselImg.length - 1\n    : currentIndex.value - 1;\n  currentIndex.value = newIndex;\n};\n\nconst nextSlide = () => {\n  const isTheLastSlide = currentIndex.value === props.carrouselImg.length - 1;\n  const newIndex = isTheLastSlide ? 0 : currentIndex.value + 1;\n  currentIndex.value = newIndex;\n};\n\nconst isCenterStyle = computed(() => {\n  return props.isCenter ? \"justify-center\" : \"\";\n});\n\n// Logique Carousel gallery\nconst managedIndex = ref(0);\nconst managedInfoModal = ref({ src: \"\", caption: \"\", bib: \"\" } as InfoModal);\n\nconst newFocus = (index: number) => {\n  managedIndex.value = index;\n  managedInfoModal.value = {\n    src: props.carrouselImg[index].src,\n    caption: props.carrouselImg[index].caption,\n    bib: props.carrouselImg[index].bib,\n  };\n};\n\nconst managedPrevSlide = () => {\n  const isFirstSlide = managedIndex.value === 0;\n  const newIndex = isFirstSlide\n    ? props.carrouselImg.length - 1\n    : managedIndex.value - 1;\n  managedIndex.value = newIndex;\n  managedInfoModal.value = {\n    src: props.carrouselImg[newIndex].src,\n    caption: props.carrouselImg[newIndex].caption,\n    bib: props.carrouselImg[newIndex].bib,\n  };\n};\n\nconst managedNextSlide = () => {\n  const isTheLastSlide = managedIndex.value === props.carrouselImg.length - 1;\n  const newIndex = isTheLastSlide ? 0 : managedIndex.value + 1;\n  managedIndex.value = newIndex;\n  managedInfoModal.value = {\n    src: props.carrouselImg[newIndex].src,\n    caption: props.carrouselImg[newIndex].caption,\n    bib: props.carrouselImg[newIndex].bib,\n  };\n};\n\nconst { carrouselImg, sizeThumbnail } = toRefs(props);\n</script>\n\n<template>\n  <h2 v-if=\"props.title\" class=\"text-xl font-semibold mt-10 mb-4 text-center\">\n    {{ props.title }}\n  </h2>\n\n  <div v-if=\"!gallery\">\n    <div class=\"flex items-center justify-center mb-2\">\n      <button class=\"p-2\" @click=\"prevSlide\">\n        <EpIcon :icon-path=\"mdiChevronLeftCircleOutline\" />\n      </button>\n      {{ currentIndex + 1 }}/{{ carrouselImg.length }}\n      <button class=\"p-2\" @click=\"nextSlide\">\n        <EpIcon :icon-path=\"mdiChevronRightCircleOutline\" />\n      </button>\n    </div>\n    <div\n      class=\"dark:bg-surface-2-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border\"\n    >\n      <!-- <div class=\"max-w-[800px] h-[550px] m-auto relative\">\n        <div\n          class=\"w-full h-full bg-center duration-500\"\n          :style=\"`background-image:url('${carrouselImg[currentIndex].src}')`\"\n        />\n      </div> -->\n\n      <img\n        :src=\"carrouselImg[currentIndex].src\"\n        alt=\"image\"\n        class=\"rounded-sm m-auto\"\n      />\n\n      <div\n        v-if=\"carrouselImg[currentIndex]?.caption\"\n        class=\"mt-2 text-sm text-center\"\n      >\n        {{ carrouselImg[currentIndex].caption }}\n      </div>\n      <div v-if=\"carrouselImg[currentIndex]?.bib\" class=\"flex justify-end mt-2\">\n        <EpBtn type=\"primary\" @click=\"dialog = true\" dark>{{ labelRef }}</EpBtn>\n      </div>\n    </div>\n    <EpModal v-model=\"dialog\" :title=\"labelRefLib\">\n      <div v-html=\"carrouselImg[currentIndex].bib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"dialog = false\" type=\"primary\" dark>{{\n          labelClose\n        }}</EpBtn>\n      </div>\n    </EpModal>\n  </div>\n\n  <div v-else-if=\"!puzzle\" :class=\"`flex flex-wrap ${isCenterStyle}`\">\n    <template\n      v-for=\"(image, index) in carrouselImg\"\n      :key=\"`image-${image?.uid}`\"\n    >\n      <EpImgCarousel\n        :src=\"image.src\"\n        :bib=\"image.bib\"\n        :caption=\"image.caption\"\n        :label-ref=\"labelRef\"\n        :label-close=\"labelClose\"\n        :size-thumbnail=\"sizeThumbnail\"\n        managed-modal\n        @new-focus=\"newFocus(index)\"\n        :info-modal=\"managedInfoModal\"\n        @prev-slide=\"managedPrevSlide\"\n        @next-slide=\"managedNextSlide\"\n      ></EpImgCarousel>\n    </template>\n  </div>\n\n  <div v-else-if=\"puzzle\" :class=\"`columns-3xs mx-5 gap-2`\">\n    <template\n      v-for=\"(image, index) in carrouselImg\"\n      :key=\"`image-${image?.uid}`\"\n    >\n      <EpImgCarousel\n        :src=\"image.src\"\n        :bib=\"image.bib\"\n        :caption=\"image.caption\"\n        :label-ref=\"labelRef\"\n        :label-close=\"labelClose\"\n        puzzle\n        managed-modal\n        @new-focus=\"newFocus(index)\"\n        :info-modal=\"managedInfoModal\"\n        @prev-slide=\"managedPrevSlide\"\n        @next-slide=\"managedNextSlide\"\n      ></EpImgCarousel>\n    </template>\n  </div>\n</template>\n\n\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","gallery","_createElementVNode","_createVNode","EpIcon","_unref","EpBtn","labelRef","EpModal","labelRefLib","labelClose","puzzle","_Fragment","_renderList","_createBlock","EpImgCarousel"],"mappings":"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"}
+{"version":3,"file":"EpCarousel.vue.js","sources":["../../../src/components/medias/EpCarousel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { mdiChevronLeftCircleOutline } from \"@mdi/js\";\nimport { mdiChevronRightCircleOutline } from \"@mdi/js\";\nimport type { InfoModal } from \"~/types/Image\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpImgCarousel from \"~/components/basics/EpImgCarousel.vue\";\nimport type { EpCarouselProps } from \"~/types/medias/EpCarousel\";\n\nconst props = withDefaults(defineProps<EpCarouselProps>(), {\n  gallery: false,\n  isCenter: false,\n  puzzle: false,\n  sizeThumbnail: \"medium\",\n  labelRef: \"Référence\",\n  labelClose: \"Fermer\",\n  labelRefLib: \"Référence bibliographique\",\n});\n\n// Logique Carousel normal\nconst currentIndex = ref<number>(0);\nconst dialog = ref<boolean>(false);\n\nconst prevSlide = () => {\n  const isFirstSlide = currentIndex.value === 0;\n  const newIndex = isFirstSlide\n    ? props.carrouselImg.length - 1\n    : currentIndex.value - 1;\n  currentIndex.value = newIndex;\n};\n\nconst nextSlide = () => {\n  const isTheLastSlide = currentIndex.value === props.carrouselImg.length - 1;\n  const newIndex = isTheLastSlide ? 0 : currentIndex.value + 1;\n  currentIndex.value = newIndex;\n};\n\nconst isCenterStyle = computed(() => {\n  return props.isCenter ? \"justify-center\" : \"\";\n});\n\n// Logique Carousel gallery\nconst managedIndex = ref(0);\nconst managedInfoModal = ref({ src: \"\", caption: \"\", bib: \"\" } as InfoModal);\n\nconst newFocus = (index: number) => {\n  managedIndex.value = index;\n  managedInfoModal.value = {\n    src: props.carrouselImg[index].src,\n    caption: props.carrouselImg[index].caption,\n    bib: props.carrouselImg[index].bib,\n  };\n};\n\nconst managedPrevSlide = () => {\n  const isFirstSlide = managedIndex.value === 0;\n  const newIndex = isFirstSlide\n    ? props.carrouselImg.length - 1\n    : managedIndex.value - 1;\n  managedIndex.value = newIndex;\n  managedInfoModal.value = {\n    src: props.carrouselImg[newIndex].src,\n    caption: props.carrouselImg[newIndex].caption,\n    bib: props.carrouselImg[newIndex].bib,\n  };\n};\n\nconst managedNextSlide = () => {\n  const isTheLastSlide = managedIndex.value === props.carrouselImg.length - 1;\n  const newIndex = isTheLastSlide ? 0 : managedIndex.value + 1;\n  managedIndex.value = newIndex;\n  managedInfoModal.value = {\n    src: props.carrouselImg[newIndex].src,\n    caption: props.carrouselImg[newIndex].caption,\n    bib: props.carrouselImg[newIndex].bib,\n  };\n};\n\nconst { carrouselImg, sizeThumbnail } = toRefs(props);\n</script>\n\n<template>\n  <h2 v-if=\"props.title\" class=\"text-xl font-semibold mt-10 mb-4 text-center\">\n    {{ props.title }}\n  </h2>\n\n  <div v-if=\"!gallery\">\n    <div class=\"flex items-center justify-center mb-2\">\n      <button class=\"p-2\" @click=\"prevSlide\">\n        <EpIcon :icon-path=\"mdiChevronLeftCircleOutline\" />\n      </button>\n      {{ currentIndex + 1 }}/{{ carrouselImg.length }}\n      <button class=\"p-2\" @click=\"nextSlide\">\n        <EpIcon :icon-path=\"mdiChevronRightCircleOutline\" />\n      </button>\n    </div>\n    <div\n      class=\"dark:bg-surface-2-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border\"\n    >\n      <!-- <div class=\"max-w-[800px] h-[550px] m-auto relative\">\n        <div\n          class=\"w-full h-full bg-center duration-500\"\n          :style=\"`background-image:url('${carrouselImg[currentIndex].src}')`\"\n        />\n      </div> -->\n\n      <img\n        :src=\"carrouselImg[currentIndex].src\"\n        alt=\"image\"\n        class=\"rounded-sm m-auto\"\n      />\n\n      <div\n        v-if=\"carrouselImg[currentIndex]?.caption\"\n        class=\"mt-2 text-sm text-center\"\n      >\n        {{ carrouselImg[currentIndex].caption }}\n      </div>\n      <div v-if=\"carrouselImg[currentIndex]?.bib\" class=\"flex justify-end mt-2\">\n        <EpBtn type=\"primary\" @click=\"dialog = true\" dark>{{ labelRef }}</EpBtn>\n      </div>\n    </div>\n    <EpModal v-model=\"dialog\" :title=\"labelRefLib\">\n      <div v-html=\"carrouselImg[currentIndex].bib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"dialog = false\" type=\"primary\" dark>{{\n          labelClose\n        }}</EpBtn>\n      </div>\n    </EpModal>\n  </div>\n\n  <div v-else-if=\"!puzzle\" :class=\"`flex flex-wrap ${isCenterStyle}`\">\n    <template\n      v-for=\"(image, index) in carrouselImg\"\n      :key=\"`image-${image?.uid}`\"\n    >\n      <EpImgCarousel\n        :src=\"image.src\"\n        :bib=\"image.bib\"\n        :caption=\"image.caption\"\n        :label-ref=\"labelRef\"\n        :label-close=\"labelClose\"\n        :size-thumbnail=\"sizeThumbnail\"\n        managed-modal\n        @new-focus=\"newFocus(index)\"\n        :info-modal=\"managedInfoModal\"\n        @prev-slide=\"managedPrevSlide\"\n        @next-slide=\"managedNextSlide\"\n      ></EpImgCarousel>\n    </template>\n  </div>\n\n  <div v-else-if=\"puzzle\" :class=\"`columns-3xs mx-5 gap-2`\">\n    <template\n      v-for=\"(image, index) in carrouselImg\"\n      :key=\"`image-${image?.uid}`\"\n    >\n      <EpImgCarousel\n        :src=\"image.src\"\n        :bib=\"image.bib\"\n        :caption=\"image.caption\"\n        :label-ref=\"labelRef\"\n        :label-close=\"labelClose\"\n        puzzle\n        managed-modal\n        @new-focus=\"newFocus(index)\"\n        :info-modal=\"managedInfoModal\"\n        @prev-slide=\"managedPrevSlide\"\n        @next-slide=\"managedNextSlide\"\n      ></EpImgCarousel>\n    </template>\n  </div>\n</template>\n\n\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","_createElementVNode","_createVNode","EpIcon","_unref","EpBtn","EpModal","_Fragment","_renderList","_createBlock","EpImgCarousel"],"mappings":"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"}

package/dist/components/medias/EpHierarchy.vue2.js

@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       currentNode.value = null;
     };
     const components = /* @__PURE__ */ Object.assign({
-      "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"),
+      "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue.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"),
@@ -238,7 +238,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 rounded: ""
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                  createTextVNode(toDisplayString(__props.labelClose), 1)
                 ]),
                 _: 1
               })