ep-lib-ts 1.0.79 → 1.0.80

package/dist/components/educationals/EpBranchingScenario.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./EpBranchingScenario.vue2.js";
 /* empty css                         */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9edfa2f"]]);
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6f6eb558"]]);
 export {
   Comp as default
 };

package/dist/components/educationals/EpBranchingScenario.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, createVNode, withCtx, unref, normalizeClass, createTextVNode, Fragment, renderList, createBlock } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, createVNode, withCtx, unref, normalizeClass, createTextVNode, createBlock, Fragment, renderList } from "vue";
 import { useRenderText } from "../../composables/useRenderText.js";
 import _sfc_main$2 from "../basics/EpIcon.vue.js";
 import _sfc_main$4 from "../tools/Details.vue.js";
@@ -66,6 +66,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     labelShowFullPath: { default: "Voir le parcours au complet" },
     labelClose: { default: "Fermer" },
     labelRestart: { default: "Recommencer" },
+    labelBtnFinish: { default: "Fin du scénario" },
     colorPath: { default: "stroke-yellow-400" },
     colorRect: { default: "fill-main-color-400" },
     isCluster: { type: Boolean }
@@ -100,6 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const lastOption = path.value[path.value.length - 1];
       if (lastOption) {
         currentOption.value = lastOption;
+        isTheLastOne.value = false;
       } else {
         currentOption.value = props.decisionTree;
       }
@@ -108,17 +110,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       currentOption.value = null;
       isIntroductoryPart.value = true;
       path.value = [];
+      isTheLastOne.value = false;
     };
+    const isTheLastOne = ref(false);
     const nextSlide = (option) => {
       path.value.push(option);
-      if (option.children && option.children.length > 0) {
+      if (option.children && option.children.length > 0 && !isTheLastOne.value) {
         currentOption.value = option;
       } else {
-        currentOption.value = null;
-        console.log(path.value);
-        userPath.value = convertOptionToTreeNode(props.decisionTree, path.value);
+        isTheLastOne.value = true;
+        currentOption.value = option;
       }
     };
+    const finish = () => {
+      currentOption.value = null;
+      userPath.value = convertOptionToTreeNode(props.decisionTree, path.value);
+    };
     function convertOptionToTreeNode(option, path2) {
       var _a, _b;
       const isActive = path2.includes(option);
@@ -207,7 +214,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 2
                     }, 1032, ["onClick"]);
-                  }), 128))
+                  }), 128)),
+                  isTheLastOne.value ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 0,
+                    rounded: "",
+                    type: "primary",
+                    class: "flex-1 min-w-[120px] sm:min-w-[160px] max-w-xs",
+                    onClick: finish
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.labelBtnFinish), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true)
                 ])
               ], 2)
             ])) : (openBlock(), createElementBlock("div", _hoisted_8, [

package/dist/components/educationals/EpBranchingScenario.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpBranchingScenario.vue2.js","sources":["../../../src/components/educationals/EpBranchingScenario.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watchEffect } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { TreeNode } from \"~/types/Hierarchy\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport Details from \"~/components/tools/Details.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpHierarchy from \"~/components/medias/EpHierarchy.vue\";\nimport EpBtn from \"../basics/EpBtn.vue\";\nimport { mdiArrowLeft } from \"@mdi/js\";\nimport TextMedia from \"~/components/tools/TextMedia.vue\";\nimport type { EpBranchingScenarioProps } from \"~/types/educationals/EpBranchingScenario\";\n\nconst props = withDefaults(defineProps<EpBranchingScenarioProps>(), {\n  initialInstruction: null,\n  transitionAnimation: \"fade\",\n  labelFinish: \"Vous avez terminé le scénario!\",\n  labelYourPath: \"Votre parcours\",\n  labelShowFullPath: \"Voir le parcours au complet\",\n  labelClose: \"Fermer\",\n  labelRestart: \"Recommencer\",\n  labelStart: \"Commencer\",\n  colorRect: \"fill-main-color-400\",\n  colorPath: \"stroke-yellow-400\",\n});\n\nconst showPath = ref(false);\nconst path = ref<TreeNode[]>([]);\nconst userPath = ref<TreeNode | null>(null);\nconst currentOption = ref<TreeNode | null>(null);\n\n// Manage the introductory part\nconst isIntroductoryPart = ref(true);\n\nconst start = () => {\n  isIntroductoryPart.value = false;\n  currentOption.value = props.decisionTree;\n  path.value = [props.decisionTree];\n};\n\nconst styleIntro = computed(() => {\n  const noInstruction = !props.initialInstruction;\n  const noMedia = !props.media;\n\n  if (noInstruction && noMedia) {\n    return \"pt-44\";\n  }\n\n  return \"\";\n});\n\n// Return function\nconst goToPrevious = () => {\n  //if(notTheEnd.value){\n  if (path.value.length === 1) {\n    isIntroductoryPart.value = true;\n    currentOption.value = null;\n    return;\n  }\n\n  path.value.pop();\n  // Get the previous option in the path\n  const lastOption = path.value[path.value.length - 1];\n\n  if (lastOption) {\n    currentOption.value = lastOption;\n  } else {\n    currentOption.value = props.decisionTree;\n  }\n};\n\n// Restart function\nconst restart = () => {\n  //currentSlide.value = 0;\n  currentOption.value = null;\n  isIntroductoryPart.value = true;\n  path.value = [];\n};\n\nconst nextSlide = (option: TreeNode) => {\n  //currentSlide.value++\n  path.value.push(option);\n  if (option.children && option.children.length > 0) {\n    currentOption.value = option; // drill into next level\n  } else {\n    currentOption.value = null; // reached the end (leaf node)\n    console.log(path.value)\n    userPath.value = convertOptionToTreeNode(props.decisionTree, path.value);\n  }\n\n};\n\n//helper function\nfunction convertOptionToTreeNode(option: TreeNode, path: TreeNode[]): TreeNode {\n  const isActive = path.includes(option);\n  return {\n    name: option.name,\n    label: option.label ?? \"\",\n    text: option.text,\n    component: option.component,\n    active: isActive,\n    children: option.children?.map((child) =>\n      convertOptionToTreeNode(child, path)\n    ),\n  };\n}\n\n</script>\n\n<template>\n  <div>\n    <div\n      class=\"bg-surface-2 dark:bg-surface-2-dark rounded-md p-4 flex flex-col\"\n      :style=\"{ minHeight: '500px', backgroundColor: bgColor }\"\n    >\n      <!-- <div v-for=\"item in path\" :key=\"item.name\">\n        <span class=\"text-xs\">{{ item.name }}</span>\n      </div> -->\n      <!-- Header (fixed at top of card) -->\n      <div class=\"mb-2\">\n        <h1 class=\"font-bold text-3xl text-center\">{{ title }}</h1>\n        <h2 class=\"font-semibold text-xl text-center\" v-if=\"currentOption\">{{ currentOption.name }}</h2>\n        <div v-if=\"currentOption\" class=\"mt-2\">\n          <EpBtn\n            type=\"primary\"\n            rounded\n            size=\"small\"\n            :extra-class=\"`${transitionAnimation}`\"\n            @click=\"goToPrevious\"\n          >\n            <EpIcon :icon-path=\"mdiArrowLeft\" size=\"25\" />\n          </EpBtn>\n        </div>\n      </div>\n\n      <!-- Content Area -->\n      <div>\n        <!-- Introductory Part -->\n        <div v-if=\"isIntroductoryPart\" class=\"w-full flex flex-col space-y-6\">\n          <TextMedia\n            :text=\"initialInstruction ?? ''\"\n            :media=\"media\"\n            :cols=\"initialTwoCols\"\n            flex-col\n          />\n          <div :class=\"`justify-center flex ${styleIntro}`\">\n            <EpBtn type=\"primary\" rounded @click=\"start\">{{\n              labelStart\n            }}</EpBtn>\n          </div>\n        </div>\n\n        <!-- Slides -->\n        <template v-else-if=\"currentOption && !isIntroductoryPart\">\n          <div class=\"w-full\">\n            <div :class=\"`${transitionAnimation} my-12`\">\n              <TextMedia\n                :text=\"currentOption.text ?? ''\"\n                :media=\"currentOption.component\"\n                :cols=\"currentOption.cols\"\n                flex-col\n              />\n\n              <div\n                :class=\"`w-full my-4 mx-4 flex flex-wrap gap-2 justify-center items-center`\"\n              >\n                <template\n                  v-for=\"(option, index) in currentOption.children\"\n                  :key=\"`option-${index}`\"\n                >\n                  <EpBtn\n                    rounded\n                    type=\"primary\"\n                    class=\"flex-1 min-w-[120px] sm:min-w-[160px] max-w-xs\"\n                    @click=\"nextSlide(option)\"\n                  >\n                    {{ option.name }}\n                  </EpBtn>\n                </template>\n              </div>\n            </div>\n          </div>\n        </template>\n\n        <!--show path-->\n        <div v-else>\n          <!-- <template v-if=\"userPath\">\n                <EpHierarchy :nodes=\"userPath\"/>\n            </template> -->\n          <h3 class=\"text-xl text-center font-semibold\">{{ labelFinish }}</h3>\n          <div\n            :class=\"`flex gap-6 mt-3 ${\n              !generalFeedback ? 'w-3/6 mx-auto' : ''\n            }`\"\n          >\n            <div class=\"w-full\">\n              <h3 class=\"font-semibold mb-3\">{{ labelYourPath }}</h3>\n              <div class=\"overflow-auto p-2\" :style=\"{ height: '200px' }\">\n                <template v-for=\"(item, i) in path\" :key=\"`user-choice-${i}`\">\n                  <template v-if=\"i !== 0\">\n                    <div class=\"mb-2\">\n                      <Details\n                        :content=\"path[i-1].text ?? ''\"\n                        :title=\"item.name\"\n                        :media=\"path[i-1].component\"\n                      />\n                    </div>\n                  </template>\n                </template>\n              </div>\n              <div class=\"flex justify-center mt-2\">\n                <EpBtn type=\"info\" rounded @click=\"showPath = true\">{{\n                  labelShowFullPath\n                }}</EpBtn>\n              </div>\n              <EpModal v-if=\"userPath\" v-model=\"showPath\">\n                <EpHierarchy\n                  :max-width=\"2000\"\n                  :nodes=\"userPath\"\n                  :is-cluster=\"props.isCluster\"\n                  :color-path=\"props.colorPath\"\n                  :color-rect=\"props.colorRect\"\n                />\n                <div class=\"flex justify-end mt-4\">\n                  <EpBtn\n                    @click=\"showPath = false\"\n                    type=\"error\"\n                    outlined\n                    rounded\n                    >{{ labelClose }}</EpBtn\n                  >\n                </div>\n              </EpModal>\n            </div>\n            <div\n              v-if=\"generalFeedback\"\n              class=\"flex w-full flex-col col-span-1 items-center px-4 border-l-2 border-gray-700 overflow-auto\"\n            >\n              <div v-html=\"useRenderText(generalFeedback)\" />\n            </div>\n          </div>\n\n          <div class=\"flex justify-center mt-2\">\n            <EpBtn rounded type=\"warning\" @click=\"restart\">{{\n              labelRestart\n            }}</EpBtn>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n@keyframes fade {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes scale {\n  0% {\n    transform: scale(0.5);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n@keyframes slideY {\n  0% {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n/* Transition animation */\n.fade {\n  animation: fade 1s;\n}\n\n.scale {\n  animation: scale 1s;\n}\n\n.slideY {\n  animation: slideY 1s;\n}\n</style>\n"],"names":["path","_createElementBlock","_createElementVNode","bgColor","_toDisplayString","title","_openBlock","_createVNode","EpBtn","transitionAnimation","EpIcon","_unref","TextMedia","initialInstruction","media","initialTwoCols","labelStart","_Fragment","_createBlock","_createTextVNode","labelFinish","_normalizeClass","generalFeedback","labelYourPath","_renderList","Details","_a","labelShowFullPath","EpModal","EpHierarchy","labelClose","labelRestart"],"mappings":"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"}
+{"version":3,"file":"EpBranchingScenario.vue2.js","sources":["../../../src/components/educationals/EpBranchingScenario.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watchEffect } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { TreeNode } from \"~/types/Hierarchy\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport Details from \"~/components/tools/Details.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpHierarchy from \"~/components/medias/EpHierarchy.vue\";\nimport EpBtn from \"../basics/EpBtn.vue\";\nimport { mdiArrowLeft } from \"@mdi/js\";\nimport TextMedia from \"~/components/tools/TextMedia.vue\";\nimport type { EpBranchingScenarioProps } from \"~/types/educationals/EpBranchingScenario\";\n\nconst props = withDefaults(defineProps<EpBranchingScenarioProps>(), {\n  initialInstruction: null,\n  transitionAnimation: \"fade\",\n  labelFinish: \"Vous avez terminé le scénario!\",\n  labelYourPath: \"Votre parcours\",\n  labelShowFullPath: \"Voir le parcours au complet\",\n  labelClose: \"Fermer\",\n  labelRestart: \"Recommencer\",\n  labelStart: \"Commencer\",\n  labelBtnFinish: \"Fin du scénario\",\n  colorRect: \"fill-main-color-400\",\n  colorPath: \"stroke-yellow-400\",\n});\n\nconst showPath = ref(false);\nconst path = ref<TreeNode[]>([]);\nconst userPath = ref<TreeNode | null>(null);\nconst currentOption = ref<TreeNode | null>(null);\n\n// Manage the introductory part\nconst isIntroductoryPart = ref(true);\n\nconst start = () => {\n  isIntroductoryPart.value = false;\n  currentOption.value = props.decisionTree;\n  path.value = [props.decisionTree];\n};\n\nconst styleIntro = computed(() => {\n  const noInstruction = !props.initialInstruction;\n  const noMedia = !props.media;\n\n  if (noInstruction && noMedia) {\n    return \"pt-44\";\n  }\n\n  return \"\";\n});\n\n// Return function\nconst goToPrevious = () => {\n  //if(notTheEnd.value){\n  if (path.value.length === 1) {\n    isIntroductoryPart.value = true;\n    currentOption.value = null;\n    return;\n  }\n\n  path.value.pop();\n  // Get the previous option in the path\n  const lastOption = path.value[path.value.length - 1];\n\n  if (lastOption) {\n    currentOption.value = lastOption;\n    isTheLastOne.value = false\n  } else {\n    currentOption.value = props.decisionTree;\n  }\n};\n\n// Restart function\nconst restart = () => {\n  //currentSlide.value = 0;\n  currentOption.value = null;\n  isIntroductoryPart.value = true;\n  path.value = [];\n  isTheLastOne.value = false\n};\n\nconst isTheLastOne = ref(false)\n\nconst nextSlide = (option: TreeNode) => {\n  //currentSlide.value++\n  path.value.push(option);\n  //console.log(option)\n  if (option.children && option.children.length > 0 && !isTheLastOne.value) {\n    currentOption.value = option; // drill into next level\n  } else {\n    //currentOption.value = null; // reached the end (leaf node)\n    isTheLastOne.value = true\n    currentOption.value = option\n  }\n  \n};\n\nconst finish = () => {\n    currentOption.value = null\n    userPath.value = convertOptionToTreeNode(props.decisionTree, path.value); \n}\n\n//helper function\nfunction convertOptionToTreeNode(option: TreeNode, path: TreeNode[]): TreeNode {\n  const isActive = path.includes(option);\n  return {\n    name: option.name,\n    label: option.label ?? \"\",\n    text: option.text,\n    component: option.component,\n    active: isActive,\n    children: option.children?.map((child) =>\n      convertOptionToTreeNode(child, path)\n    ),\n  };\n}\n\n</script>\n\n<template>\n  <div>\n    <div\n      class=\"bg-surface-2 dark:bg-surface-2-dark rounded-md p-4 flex flex-col\"\n      :style=\"{ minHeight: '500px', backgroundColor: bgColor }\"\n    >\n      <!-- <div v-for=\"item in path\" :key=\"item.name\">\n        <span class=\"text-xs\">{{ item.name }}</span>\n      </div> -->\n      <!-- Header (fixed at top of card) -->\n      <div class=\"mb-2\">\n        <h1 class=\"font-bold text-3xl text-center\">{{ title }}</h1>\n        <h2 class=\"font-semibold text-xl text-center\" v-if=\"currentOption\">{{ currentOption.name }}</h2>\n        <div v-if=\"currentOption\" class=\"mt-2\">\n          <EpBtn\n            type=\"primary\"\n            rounded\n            size=\"small\"\n            :extra-class=\"`${transitionAnimation}`\"\n            @click=\"goToPrevious\"\n          >\n            <EpIcon :icon-path=\"mdiArrowLeft\" size=\"25\" />\n          </EpBtn>\n        </div>\n      </div>\n\n      <!-- Content Area -->\n      <div>\n        <!-- Introductory Part -->\n        <div v-if=\"isIntroductoryPart\" class=\"w-full flex flex-col space-y-6\">\n          <TextMedia\n            :text=\"initialInstruction ?? ''\"\n            :media=\"media\"\n            :cols=\"initialTwoCols\"\n            flex-col\n          />\n          <div :class=\"`justify-center flex ${styleIntro}`\">\n            <EpBtn type=\"primary\" rounded @click=\"start\">{{\n              labelStart\n            }}</EpBtn>\n          </div>\n        </div>\n\n        <!-- Slides -->\n        <template v-else-if=\"currentOption && !isIntroductoryPart\">\n          <div class=\"w-full\">\n            <div :class=\"`${transitionAnimation} my-12`\">\n              <TextMedia\n                :text=\"currentOption.text ?? ''\"\n                :media=\"currentOption.component\"\n                :cols=\"currentOption.cols\"\n                flex-col\n              />\n\n              <div\n                :class=\"`w-full my-4 mx-4 flex flex-wrap gap-2 justify-center items-center`\"\n              >\n                <template\n                  v-for=\"(option, index) in currentOption.children\"\n                  :key=\"`option-${index}`\"\n                >\n                  <EpBtn\n                    rounded\n                    type=\"primary\"\n                    class=\"flex-1 min-w-[120px] sm:min-w-[160px] max-w-xs\"\n                    @click=\"nextSlide(option)\"\n                  >\n                    {{ option.name }}\n                  </EpBtn>\n                </template>\n                <template v-if=\"isTheLastOne\">\n                  <EpBtn\n                    rounded\n                    type=\"primary\"\n                    class=\"flex-1 min-w-[120px] sm:min-w-[160px] max-w-xs\"\n                    @click=\"finish\"\n                  >\n                    {{labelBtnFinish}}\n                  </EpBtn>\n                </template>\n              </div>\n            </div>\n          </div>\n        </template>\n\n        <!--show path-->\n        <div v-else>\n          <!-- <template v-if=\"userPath\">\n                <EpHierarchy :nodes=\"userPath\"/>\n            </template> -->\n          <h3 class=\"text-xl text-center font-semibold\">{{ labelFinish }}</h3>\n          <div\n            :class=\"`flex gap-6 mt-3 ${\n              !generalFeedback ? 'w-3/6 mx-auto' : ''\n            }`\"\n          >\n            <div class=\"w-full\">\n              <h3 class=\"font-semibold mb-3\">{{ labelYourPath }}</h3>\n              <div class=\"overflow-auto p-2\" :style=\"{ height: '200px' }\">\n                <template v-for=\"(item, i) in path\" :key=\"`user-choice-${i}`\">\n                  <template v-if=\"i !== 0\">\n                    <div class=\"mb-2\">\n                      <Details\n                        :content=\"path[i-1].text ?? ''\"\n                        :title=\"item.name\"\n                        :media=\"path[i-1].component\"\n                      />\n                    </div>\n                  </template>\n                </template>\n              </div>\n              <div class=\"flex justify-center mt-2\">\n                <EpBtn type=\"info\" rounded @click=\"showPath = true\">{{\n                  labelShowFullPath\n                }}</EpBtn>\n              </div>\n              <EpModal v-if=\"userPath\" v-model=\"showPath\">\n                <EpHierarchy\n                  :max-width=\"2000\"\n                  :nodes=\"userPath\"\n                  :is-cluster=\"props.isCluster\"\n                  :color-path=\"props.colorPath\"\n                  :color-rect=\"props.colorRect\"\n                />\n                <div class=\"flex justify-end mt-4\">\n                  <EpBtn\n                    @click=\"showPath = false\"\n                    type=\"error\"\n                    outlined\n                    rounded\n                    >{{ labelClose }}</EpBtn\n                  >\n                </div>\n              </EpModal>\n            </div>\n            <div\n              v-if=\"generalFeedback\"\n              class=\"flex w-full flex-col col-span-1 items-center px-4 border-l-2 border-gray-700 overflow-auto\"\n            >\n              <div v-html=\"useRenderText(generalFeedback)\" />\n            </div>\n          </div>\n\n          <div class=\"flex justify-center mt-2\">\n            <EpBtn rounded type=\"warning\" @click=\"restart\">{{\n              labelRestart\n            }}</EpBtn>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n@keyframes fade {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes scale {\n  0% {\n    transform: scale(0.5);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n@keyframes slideY {\n  0% {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n/* Transition animation */\n.fade {\n  animation: fade 1s;\n}\n\n.scale {\n  animation: scale 1s;\n}\n\n.slideY {\n  animation: slideY 1s;\n}\n</style>\n"],"names":["path","_createElementBlock","_createElementVNode","bgColor","_toDisplayString","title","_openBlock","_createVNode","EpBtn","transitionAnimation","EpIcon","_unref","TextMedia","initialInstruction","media","initialTwoCols","labelStart","_Fragment","_createBlock","_createTextVNode","labelBtnFinish","labelFinish","_normalizeClass","generalFeedback","labelYourPath","_renderList","Details","_a","labelShowFullPath","EpModal","EpHierarchy","labelClose","labelRestart"],"mappings":"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"}

package/dist/components/tools/Details.vue.js

@@ -5,6 +5,7 @@ import _sfc_main$4 from "../basics/EpBtn.vue.js";
 import _sfc_main$3 from "../basics/EpDivider.vue.js";
 import _sfc_main$2 from "./TextMedia.vue.js";
 const _hoisted_1 = { class: "flex justify-end" };
+const _hoisted_2 = { class: "text-white dark:text-neutral-900" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Details",
   props: {
@@ -23,11 +24,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_sfc_main$1, {
           modelValue: showModal.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showModal.value = $event),
-          title: _ctx.content
+          title: _ctx.title
         }, {
           default: withCtx(() => [
             createVNode(_sfc_main$2, {
-              text: _ctx.title,
+              text: _ctx.content,
               media: _ctx.media,
               "text-left": ""
             }, null, 8, ["text", "media"]),
@@ -48,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue", "title"]),
-        createElementVNode("p", null, toDisplayString(_ctx.title), 1)
+        createElementVNode("p", _hoisted_2, toDisplayString(_ctx.title), 1)
       ]);
     };
   }

package/dist/components/tools/Details.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.vue.js","sources":["../../../src/components/tools/Details.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport TextMedia from \"./TextMedia.vue\";\nconst showModal = ref(false);\n\ninterface Props {\n  title?: string;\n  content: string;\n  labelClose?: string;\n  media?: NestedComponents;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: \"Voir détails\",\n  labelClose: \"Fermer\",\n});\n</script>\n\n<template>\n  <div\n    class=\"cursor-pointer rounded bg-primary py-2 px-4 flex flex-col items-center\"\n    @click=\"showModal = true\"\n  >\n    <EpModal v-model=\"showModal\" :title=\"content\">\n      <TextMedia :text=\"title\" :media=\"media\" text-left />\n      <EpDivider />\n      <div class=\"flex justify-end\">\n        <EpBtn type=\"error\" rounded size=\"small\" @click=\"showModal = false\">\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n    <p>{{ title }}</p>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createVNode","EpModal","content","TextMedia","title","media","EpDivider","_createElementVNode","EpBtn","labelClose"],"mappings":";;;;;;;;;;;;;;;;AAOA,UAAM,YAAY,IAAI,KAAK;;0BAgBzBA,mBAcM,OAAA;AAAA,QAbJ,OAAM;AAAA,QACL,+CAAO,UAAA,QAAS;AAAA,MAAA;QAEjBC,YAQUC,aAAA;AAAA,sBARQ,UAAA;AAAA,uEAAA,UAAS,QAAA;AAAA,UAAG,OAAOC,KAAAA;AAAAA,QAAAA;2BACnC,MAAoD;AAAA,YAApDF,YAAoDG,aAAA;AAAA,cAAxC,MAAMC,KAAAA;AAAAA,cAAQ,OAAOC,KAAAA;AAAAA,cAAO,aAAA;AAAA,YAAA;YACxCL,YAAaM,WAAA;AAAA,YACbC,mBAIM,OAJN,YAIM;AAAA,cAHJP,YAEQQ,aAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAA;AAAA,gBAAQ,MAAK;AAAA,gBAAS,+CAAO,UAAA,QAAS;AAAA,cAAA;iCACxD,MAAgB;AAAA,kDAAbC,KAAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAInBF,mBAAkB,2BAAZH,KAAAA,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"Details.vue.js","sources":["../../../src/components/tools/Details.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport TextMedia from \"./TextMedia.vue\";\nconst showModal = ref(false);\n\ninterface Props {\n  title?: string;\n  content: string;\n  labelClose?: string;\n  media?: NestedComponents;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: \"Voir détails\",\n  labelClose: \"Fermer\",\n});\n</script>\n\n<template>\n  <div\n    class=\"cursor-pointer rounded bg-primary py-2 px-4 flex flex-col items-center\"\n    @click=\"showModal = true\"\n  >\n    <EpModal v-model=\"showModal\" :title=\"title\">\n      <TextMedia :text=\"content\" :media=\"media\" text-left />\n      <EpDivider />\n      <div class=\"flex justify-end\">\n        <EpBtn type=\"error\" rounded size=\"small\" @click=\"showModal = false\">\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n    <p class=\"text-white dark:text-neutral-900\">{{ title }}</p>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createVNode","EpModal","title","TextMedia","content","media","EpDivider","_createElementVNode","EpBtn","labelClose","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,YAAY,IAAI,KAAK;;0BAgBzBA,mBAcM,OAAA;AAAA,QAbJ,OAAM;AAAA,QACL,+CAAO,UAAA,QAAS;AAAA,MAAA;QAEjBC,YAQUC,aAAA;AAAA,sBARQ,UAAA;AAAA,uEAAA,UAAS,QAAA;AAAA,UAAG,OAAOC,KAAAA;AAAAA,QAAAA;2BACnC,MAAsD;AAAA,YAAtDF,YAAsDG,aAAA;AAAA,cAA1C,MAAMC,KAAAA;AAAAA,cAAU,OAAOC,KAAAA;AAAAA,cAAO,aAAA;AAAA,YAAA;YAC1CL,YAAaM,WAAA;AAAA,YACbC,mBAIM,OAJN,YAIM;AAAA,cAHJP,YAEQQ,aAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAA;AAAA,gBAAQ,MAAK;AAAA,gBAAS,+CAAO,UAAA,QAAS;AAAA,cAAA;iCACxD,MAAgB;AAAA,kDAAbC,KAAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAInBF,mBAA2D,KAA3D,YAA2DG,gBAAZR,KAAAA,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/tools/TextMedia.vue.js

@@ -30,15 +30,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const colsStyle = computed(() => {
       return props.cols ? "flex items-center justify-center gap-1" : "";
     });
-    const alignText = computed(() => {
-      return props.textLeft ? "" : "justify-center";
+    computed(() => {
+      return props.textLeft ? "text-red-900" : "text-red-700";
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(colsStyle.value)
       }, [
         createElementVNode("div", {
-          class: normalizeClass(`w-full flex items-center ${_ctx.flexCol ? "flex-col" : ""} ${alignText.value}`),
+          class: normalizeClass(`w-full  ${_ctx.flexCol ? "flex flex-col" : ""}`),
           innerHTML: unref(useRenderText)(_ctx.text)
         }, null, 10, _hoisted_1),
         currentRenderComponent.value && _ctx.media ? (openBlock(), createElementBlock("div", _hoisted_2, [

package/dist/components/tools/TextMedia.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextMedia.vue.js","sources":["../../../src/components/tools/TextMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { NestedComponents } from \"~/types/Component\";\n\ninterface Props {\n  media?: NestedComponents;\n  flexCol?: boolean;\n  text: string;\n  cols?: boolean;\n  textLeft?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  flexCol: false\n});\n\nconst currentRenderComponent = computed(() => {\n  if (props.media) {\n    const componentToLoad = useComponent(props.media.type);\n    return defineAsyncComponent(\n      () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n    );\n  }\n  return null;\n});\n\nconst colsStyle = computed(() => {\n  return props.cols ? \"flex items-center justify-center gap-1\" : \"\";\n});\n\nconst alignText = computed(() => {\n  return props.textLeft ? \"\" : \"justify-center\";\n});\n</script>\n\n<template>\n  <div :class=\"colsStyle\">\n    <div :class=\"`w-full flex items-center ${(flexCol ? 'flex-col' : '')} ${alignText}`\" v-html=\"useRenderText(text)\" />\n    <div class=\"w-full\" v-if=\"currentRenderComponent && media\">\n      <component :is=\"currentRenderComponent\" v-bind=\"{ ...media.data, card:true }\" />\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","flexCol","_unref","text","media","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
+{"version":3,"file":"TextMedia.vue.js","sources":["../../../src/components/tools/TextMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { NestedComponents } from \"~/types/Component\";\n\ninterface Props {\n  media?: NestedComponents;\n  flexCol?: boolean;\n  text: string;\n  cols?: boolean;\n  textLeft?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  flexCol: false\n});\n\nconst currentRenderComponent = computed(() => {\n  if (props.media) {\n    const componentToLoad = useComponent(props.media.type);\n    return defineAsyncComponent(\n      () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n    );\n  }\n  return null;\n});\n\nconst colsStyle = computed(() => {\n  return props.cols ? \"flex items-center justify-center gap-1\" : \"\";\n});\n\nconst alignText = computed(() => {\n  return props.textLeft ? \"text-red-900\" : \"text-red-700\";\n});\n</script>\n\n<template>\n  <div :class=\"colsStyle\">\n    <div :class=\"`w-full  ${(flexCol ? 'flex flex-col' : '')}`\" v-html=\"useRenderText(text)\" />\n    <div class=\"w-full\" v-if=\"currentRenderComponent && media\">\n      <component :is=\"currentRenderComponent\" v-bind=\"{ ...media.data, card:true }\" />\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","flexCol","_unref","text","media","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":"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"}

package/dist/style.css

@@ -1,22 +1,5 @@
 
-.katex[data-v-a9b6227c] {
-  font-size: 1.6em;
-}
-
-
-.ep-info-box[data-v-64f3d0d8] a {
-  text-decoration: underline;
-  font-weight: 500;
-}
-/*$vite$:1*/
-
-.shape[data-v-4a99873e] {
-  height: var(--e4ec2c0a);
-  width: var(--3f346a72);
-}
-/*$vite$:1*/
-
-@keyframes fade-e9edfa2f {
+@keyframes fade-6f6eb558 {
 0% {
     opacity: 0;
 }
@@ -24,7 +7,7 @@
     opacity: 1;
 }
 }
-@keyframes scale-e9edfa2f {
+@keyframes scale-6f6eb558 {
 0% {
     transform: scale(0.5);
     opacity: 0;
@@ -34,7 +17,7 @@
     opacity: 1;
 }
 }
-@keyframes slideY-e9edfa2f {
+@keyframes slideY-6f6eb558 {
 0% {
     transform: translateY(-100%);
     opacity: 0;
@@ -46,14 +29,68 @@
 }
 
 /* Transition animation */
-.fade[data-v-e9edfa2f] {
-  animation: fade-e9edfa2f 1s;
+.fade[data-v-6f6eb558] {
+  animation: fade-6f6eb558 1s;
+}
+.scale[data-v-6f6eb558] {
+  animation: scale-6f6eb558 1s;
+}
+.slideY[data-v-6f6eb558] {
+  animation: slideY-6f6eb558 1s;
+}
+
+
+.shape[data-v-4a99873e] {
+  height: var(--e4ec2c0a);
+  width: var(--3f346a72);
+}
+/*$vite$:1*/
+
+.katex[data-v-a9b6227c] {
+  font-size: 1.6em;
+}
+/*$vite$:1*/
+
+.eptimeline-list-enter-active[data-v-6ad2fc60],
+.eptimeline-list-leave-active[data-v-6ad2fc60] {
+  transition: all 0.5s ease;
+}
+.eptimeline-list-enter-from[data-v-6ad2fc60],
+.eptimeline-list-leave-to[data-v-6ad2fc60] {
+  opacity: 0;
+  transform: translateX(30px);
+}
+/*$vite$:1*/
+
+pre {
+  white-space: break-spaces;
+}
+/*$vite$:1*/
+
+.ep-accordeon-content[data-v-9a4f2570] {
+  transition: max-height 0.2s ease-out;
+  overflow: hidden;
+}
+/*$vite$:1*/
+
+.ep-sensible-content[data-v-b3ee44a0] {
+  position: relative;
+}
+/*$vite$:1*/
+
+.ep-tree-wrapper[data-v-482cff9d] {
+  overflow: auto;
+  border: 1px solid #ddd;
 }
-.scale[data-v-e9edfa2f] {
-  animation: scale-e9edfa2f 1s;
+.ep-tree-container[data-v-482cff9d] {
+  width: 100%;
+  overflow-x: auto;
 }
-.slideY[data-v-e9edfa2f] {
-  animation: slideY-e9edfa2f 1s;
+/*$vite$:1*/
+
+.ep-info-box[data-v-64f3d0d8] a {
+  text-decoration: underline;
+  font-weight: 500;
 }
 /*$vite$:1*/
 
@@ -73,12 +110,6 @@
 }
 /*$vite$:1*/
 
-.ep-accordeon-content[data-v-9a4f2570] {
-  transition: max-height 0.2s ease-out;
-  overflow: hidden;
-}
-/*$vite$:1*/
-
 .ep-modal-mask {
   position: fixed;
   z-index: 6998;
@@ -118,34 +149,10 @@
 }
 /*$vite$:1*/
 
-.eptimeline-list-enter-active[data-v-6ad2fc60],
-.eptimeline-list-leave-active[data-v-6ad2fc60] {
-  transition: all 0.5s ease;
-}
-.eptimeline-list-enter-from[data-v-6ad2fc60],
-.eptimeline-list-leave-to[data-v-6ad2fc60] {
-  opacity: 0;
-  transform: translateX(30px);
-}
-/*$vite$:1*/
-
-.ep-tree-wrapper[data-v-482cff9d] {
-  overflow: auto;
-  border: 1px solid #ddd;
-}
-.ep-tree-container[data-v-482cff9d] {
-  width: 100%;
-  overflow-x: auto;
-}
-/*$vite$:1*/
-
-.ep-sensible-content[data-v-b3ee44a0] {
-  position: relative;
-}
-/*$vite$:1*/
-
-pre {
-  white-space: break-spaces;
+.ep-display-box[data-v-4e1d2bd1] {
+  z-index: 9999;
+  position: absolute;
+  right: 12rem;
 }
 /*$vite$:1*/
 
@@ -164,11 +171,4 @@ pre {
 .katex-render[data-v-0d66d7fc] .katex-display {
    font-size: 1.5em;
 }
-/*$vite$:1*/
-
-.ep-display-box[data-v-4e1d2bd1] {
-  z-index: 9999;
-  position: absolute;
-  right: 12rem;
-}
 /*$vite$:1*/

package/dist/types/educationals/EpBranchingScenario.d.ts

@@ -15,6 +15,7 @@ export interface EpBranchingScenarioProps {
     labelShowFullPath?: string;
     labelClose?: string;
     labelRestart?: string;
+    labelBtnFinish?:string
     colorPath?: ColorPath;
     colorRect?: ColorRect;
     isCluster?: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep-lib-ts",
-  "version": "1.0.79",
+  "version": "1.0.80",
   "type": "module",
   "files": ["dist"],
   "main": "./dist/index.js",