ep-lib-ts 1.0.59 → 1.0.60

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

@@ -1,144 +1,196 @@
-import { defineComponent as D, ref as c, onMounted as S, onUnmounted as j, computed as y, createElementBlock as r, openBlock as l, createElementVNode as u, createVNode as f, unref as v, withCtx as k, Fragment as x, renderList as P, toDisplayString as V, createBlock as H, normalizeStyle as W, createCommentVNode as w } from "vue";
-import { VueDraggableNext as C } from "vue-draggable-next";
-import { mdiCloseThick as F, mdiCheckBold as M } from "@mdi/js";
-import R from "../basics/EpIcon.vue.js";
-const T = { class: "flex flex-col" }, $ = { class: "grid grid-cols-3 gap-3 w-full my-8" }, q = { class: "col-span-1 m-6" }, G = ["src"], J = {
+import { defineComponent, ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, toDisplayString, createBlock, normalizeStyle, createCommentVNode } from "vue";
+import { VueDraggableNext } from "vue-draggable-next";
+import { mdiCloseThick, mdiCheckBold } from "@mdi/js";
+import _sfc_main$1 from "../basics/EpIcon.vue.js";
+const _hoisted_1 = { class: "flex flex-col" };
+const _hoisted_2 = { class: "grid grid-cols-3 gap-3 w-full my-8" };
+const _hoisted_3 = { class: "col-span-1 m-6" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = {
   key: 1,
   class: "cursor-grab active:cursor-grabbing"
-}, K = { class: "col-span-2 relative" }, O = ["src"], Q = ["src"], X = {
+};
+const _hoisted_6 = { class: "col-span-2 relative" };
+const _hoisted_7 = ["src"];
+const _hoisted_8 = ["src"];
+const _hoisted_9 = {
   key: 1,
   class: "cursor-grab active:cursor-grabbing"
-}, Y = {
+};
+const _hoisted_10 = {
   key: 2,
   class: "absolute -top-5 -right-5 bg-red-500 text-white px-2 py-1 rounded-md"
-}, Z = {
+};
+const _hoisted_11 = {
   key: 3,
   class: "absolute -top-5 -right-5 bg-green-500 text-white px-2 py-1 rounded-md"
-}, le = /* @__PURE__ */ D({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpDraggable",
   props: {
     answers: {},
     src: {},
     sockets: {}
   },
-  setup(A) {
-    const d = A, b = c(0), _ = c(0), g = c({ width: 0, height: 0 }), h = c(null), p = () => {
-      if (!h.value) return;
-      const t = h.value.getBoundingClientRect();
-      g.value = { width: t.width, height: t.height };
+  setup(__props) {
+    const props = __props;
+    const originalWidth = ref(0);
+    const originalHeight = ref(0);
+    const actualRect = ref({ width: 0, height: 0 });
+    const myImage = ref(null);
+    const updateSize = () => {
+      if (!myImage.value) return;
+      const rect = myImage.value.getBoundingClientRect();
+      actualRect.value = { width: rect.width, height: rect.height };
+    };
+    onMounted(() => {
+      window.addEventListener("resize", updateSize);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", updateSize);
+    });
+    const handleImageLoad = (event) => {
+      originalWidth.value = event.target.naturalWidth;
+      originalHeight.value = event.target.naturalHeight;
+      updateSize();
     };
-    S(() => {
-      window.addEventListener("resize", p);
-    }), j(() => {
-      window.removeEventListener("resize", p);
+    const xRatio = computed(() => {
+      if (actualRect.value.width == 0) return 1;
+      return actualRect.value.width / originalWidth.value;
+    });
+    const yRatio = computed(() => {
+      if (actualRect.value.height == 0) return 1;
+      return actualRect.value.height / originalHeight.value;
     });
-    const E = (t) => {
-      b.value = t.target.naturalWidth, _.value = t.target.naturalHeight, p();
-    }, z = y(() => g.value.width == 0 ? 1 : g.value.width / b.value), B = y(() => g.value.height == 0 ? 1 : g.value.height / _.value), n = c([...d.answers]), e = c(
-      d.sockets.map((t) => ({
-        choice: [],
-        expected: t.correctAnswer,
-        allowPut: !0
-      }))
-    ), I = (t, s) => {
-      n.value = n.value.filter(
-        (o) => o.name !== t.clone.name
-      ), e.value[s].allowPut = !1;
-    }, L = (t, s) => {
-      e.value[s].choice = [], e.value[s].allowPut = !0;
-    }, i = c(!1), N = () => {
-      i.value = !0, e.value.forEach((t) => {
-        t.allowPut = !1;
+    const availableAnswers = ref([...props.answers]);
+    const choices = ref(
+      props.sockets.map((s) => {
+        return {
+          choice: [],
+          expected: s.correctAnswer,
+          allowPut: true
+        };
+      })
+    );
+    const onAdd = (event, index) => {
+      availableAnswers.value = availableAnswers.value.filter(
+        (item) => item.name !== event.clone.name
+      );
+      choices.value[index].allowPut = false;
+    };
+    const onRemove = (event, index) => {
+      choices.value[index].choice = [];
+      choices.value[index].allowPut = true;
+    };
+    const validating = ref(false);
+    const validate = () => {
+      validating.value = true;
+      choices.value.forEach((choice) => {
+        choice.allowPut = false;
       });
-    }, U = () => {
-      i.value = !1, n.value = [...d.answers], e.value.forEach((t) => {
-        t.choice = [], t.allowPut = !0;
+    };
+    const retry = () => {
+      validating.value = false;
+      availableAnswers.value = [...props.answers];
+      choices.value.forEach((choice) => {
+        choice.choice = [];
+        choice.allowPut = true;
       });
     };
-    return (t, s) => (l(), r("div", T, [
-      u("div", $, [
-        u("div", q, [
-          f(v(C), {
-            class: "dragArea bg-gray-700 rounded-md p-4 min-h-5 list-group w-full",
-            modelValue: n.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (o) => n.value = o),
-            group: { name: "answers", pull: !i.value, put: !i.value }
-          }, {
-            default: k(() => [
-              (l(!0), r(x, null, P(n.value, (o) => (l(), r("div", {
-                class: "list-group-item bg-gray-300 dark:bg-gray-800 m-1 p-3 rounded-md text-center flex justify-center items-center",
-                key: o.name
-              }, [
-                o.isImg ? (l(), r("img", {
-                  key: 0,
-                  class: "cursor-grab active:cursor-grabbing max-w-32 rounded",
-                  src: o.src,
-                  alt: "img"
-                }, null, 8, G)) : (l(), r("p", J, V(o.name), 1))
-              ]))), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue", "group"])
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(VueDraggableNext), {
+              class: "dragArea bg-gray-700 rounded-md p-4 min-h-5 list-group w-full",
+              modelValue: availableAnswers.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => availableAnswers.value = $event),
+              group: { name: "answers", pull: !validating.value, put: !validating.value }
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(availableAnswers.value, (element) => {
+                  return openBlock(), createElementBlock("div", {
+                    class: "list-group-item bg-gray-300 dark:bg-gray-800 m-1 p-3 rounded-md text-center flex justify-center items-center",
+                    key: element.name
+                  }, [
+                    element.isImg ? (openBlock(), createElementBlock("img", {
+                      key: 0,
+                      class: "cursor-grab active:cursor-grabbing max-w-32 rounded",
+                      src: element.src,
+                      alt: "img"
+                    }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(element.name), 1))
+                  ]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "group"])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("img", {
+              onLoad: handleImageLoad,
+              ref_key: "myImage",
+              ref: myImage,
+              src: props.src,
+              alt: "img",
+              class: "w-full h-full select-none"
+            }, null, 40, _hoisted_7),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.sockets, (socket, index) => {
+              return openBlock(), createBlock(unref(VueDraggableNext), {
+                class: "dropArea absolute bg-gray-300 dark:bg-gray-800 p-4 rounded-md min-w-14 max-w-32",
+                key: index,
+                modelValue: choices.value[index].choice,
+                "onUpdate:modelValue": ($event) => choices.value[index].choice = $event,
+                group: { put: choices.value[index].allowPut },
+                style: normalizeStyle({
+                  left: socket.xPos * xRatio.value + "px",
+                  top: socket.yPos * yRatio.value + "px"
+                }),
+                onAdd: ($event) => onAdd($event, index),
+                onRemove: ($event) => onRemove($event, index)
+              }, {
+                default: withCtx(() => {
+                  var _a, _b;
+                  return [
+                    choices.value[index].choice[0] && choices.value[index].choice[0].isImg ? (openBlock(), createElementBlock("img", {
+                      key: 0,
+                      class: "cursor-grab active:cursor-grabbing rounded",
+                      src: choices.value[index].choice[0].src,
+                      alt: "img"
+                    }, null, 8, _hoisted_8)) : choices.value[index].choice[0] ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(choices.value[index].choice[0].name), 1)) : createCommentVNode("", true),
+                    validating.value && ((_a = choices.value[index].choice[0]) == null ? void 0 : _a.name) !== choices.value[index].expected ? (openBlock(), createElementBlock("span", _hoisted_10, [
+                      createVNode(_sfc_main$1, {
+                        iconPath: unref(mdiCloseThick),
+                        size: "18"
+                      }, null, 8, ["iconPath"])
+                    ])) : createCommentVNode("", true),
+                    validating.value && ((_b = choices.value[index].choice[0]) == null ? void 0 : _b.name) === choices.value[index].expected ? (openBlock(), createElementBlock("span", _hoisted_11, [
+                      createVNode(_sfc_main$1, {
+                        iconPath: unref(mdiCheckBold),
+                        size: "18"
+                      }, null, 8, ["iconPath"])
+                    ])) : createCommentVNode("", true)
+                  ];
+                }),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "group", "style", "onAdd", "onRemove"]);
+            }), 128))
+          ])
         ]),
-        u("div", K, [
-          u("img", {
-            onLoad: E,
-            ref_key: "myImage",
-            ref: h,
-            src: d.src,
-            alt: "img",
-            class: "w-full h-full select-none"
-          }, null, 40, O),
-          (l(!0), r(x, null, P(d.sockets, (o, a) => (l(), H(v(C), {
-            class: "dropArea absolute bg-gray-300 dark:bg-gray-800 p-4 rounded-md min-w-14 max-w-32",
-            key: a,
-            modelValue: e.value[a].choice,
-            "onUpdate:modelValue": (m) => e.value[a].choice = m,
-            group: { put: e.value[a].allowPut },
-            style: W({
-              left: o.xPos * z.value + "px",
-              top: o.yPos * B.value + "px"
-            }),
-            onAdd: (m) => I(m, a),
-            onRemove: (m) => L(m, a)
-          }, {
-            default: k(() => [
-              e.value[a].choice[0] && e.value[a].choice[0].isImg ? (l(), r("img", {
-                key: 0,
-                class: "cursor-grab active:cursor-grabbing rounded",
-                src: e.value[a].choice[0].src,
-                alt: "img"
-              }, null, 8, Q)) : e.value[a].choice[0] ? (l(), r("p", X, V(e.value[a].choice[0].name), 1)) : w("", !0),
-              i.value && e.value[a].choice[0]?.name !== e.value[a].expected ? (l(), r("span", Y, [
-                f(R, {
-                  iconPath: v(F),
-                  size: "18"
-                }, null, 8, ["iconPath"])
-              ])) : w("", !0),
-              i.value && e.value[a].choice[0]?.name === e.value[a].expected ? (l(), r("span", Z, [
-                f(R, {
-                  iconPath: v(M),
-                  size: "18"
-                }, null, 8, ["iconPath"])
-              ])) : w("", !0)
-            ]),
-            _: 2
-          }, 1032, ["modelValue", "onUpdate:modelValue", "group", "style", "onAdd", "onRemove"]))), 128))
+        createElementVNode("div", { class: "flex justify-center gap-4 mt-8" }, [
+          createElementVNode("button", {
+            class: "bg-blue-500 text-white px-3 py-2 rounded-md text-center",
+            onClick: validate
+          }, " Valider "),
+          createElementVNode("button", {
+            class: "bg-blue-500 text-white px-3 py-2 rounded-md text-center",
+            onClick: retry
+          }, " Recommencer ")
         ])
-      ]),
-      u("div", { class: "flex justify-center gap-4 mt-8" }, [
-        u("button", {
-          class: "bg-blue-500 text-white px-3 py-2 rounded-md text-center",
-          onClick: N
-        }, " Valider "),
-        u("button", {
-          class: "bg-blue-500 text-white px-3 py-2 rounded-md text-center",
-          onClick: U
-        }, " Recommencer ")
-      ])
-    ]));
+      ]);
+    };
   }
 });
 export {
-  le as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpDraggable.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpDraggable.vue.js","sources":["../../../src/components/interactions/EpDraggable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, onMounted, onUnmounted } from \"vue\";\nimport { VueDraggableNext as draggable } from \"vue-draggable-next\";\nimport type { Choice } from \"~/types/Draggable\";\nimport { mdiCheckBold, mdiCloseThick } from \"@mdi/js\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { EpDraggableProps } from \"~/types/interactions/EpDraggable\";\n\nconst props = withDefaults(defineProps<EpDraggableProps>(), {});\n\n// Manage the image and its size\n\nconst originalWidth = ref(0);\nconst originalHeight = ref(0);\n\nconst actualRect = ref({ width: 0, height: 0 });\nconst myImage = ref<HTMLImageElement | null>(null);\n\nconst updateSize = () => {\n  if (!myImage.value) return;\n\n  const rect = myImage.value.getBoundingClientRect();\n  actualRect.value = { width: rect.width, height: rect.height };\n\n  //console.log('Image size updated. Width:', actualRect.value.width, 'Height:', actualRect.value.height);\n};\n\nonMounted(() => {\n  window.addEventListener(\"resize\", updateSize);\n});\nonUnmounted(() => {\n  window.removeEventListener(\"resize\", updateSize);\n});\n\nconst handleImageLoad = (event: any) => {\n  originalWidth.value = event.target.naturalWidth;\n  originalHeight.value = event.target.naturalHeight;\n\n  // console.log('Image loaded. Width:', originalWidth.value, 'Height:', originalHeight.value);\n\n  updateSize();\n};\n\nconst xRatio = computed(() => {\n  if (actualRect.value.width == 0) return 1;\n  return actualRect.value.width / originalWidth.value;\n});\n\nconst yRatio = computed(() => {\n  if (actualRect.value.height == 0) return 1;\n  return actualRect.value.height / originalHeight.value;\n});\n\n// Créer une copie réactive de props.answers\nconst availableAnswers = ref([...props.answers]);\n\nconst choices = ref<Choice[]>(\n  props.sockets.map((s) => {\n    return {\n      choice: [],\n      expected: s.correctAnswer,\n      allowPut: true,\n    };\n  })\n);\n\n// Manage drag and drop\nconst onAdd = (event: any, index: number) => {\n  // console.log(event.clone);\n\n  // Retirer l'élément de la liste des réponses disponibles\n  availableAnswers.value = availableAnswers.value.filter(\n    (item) => item.name !== event.clone.name\n  );\n  choices.value[index].allowPut = false;\n};\n\nconst onRemove = (event: any, index: number) => {\n  // console.log(event.clone);\n\n  choices.value[index].choice = [];\n  choices.value[index].allowPut = true;\n};\n\n// Manage verification buttons\nconst validating = ref(false);\n\nconst validate = () => {\n  validating.value = true;\n  choices.value.forEach((choice) => {\n    choice.allowPut = false;\n  });\n};\n\nconst retry = () => {\n  validating.value = false;\n  availableAnswers.value = [...props.answers];\n  choices.value.forEach((choice) => {\n    choice.choice = [];\n    choice.allowPut = true;\n  });\n};\n</script>\n\n<template>\n  <div class=\"flex flex-col\">\n    <div class=\"grid grid-cols-3 gap-3 w-full my-8\">\n      <!-- Draggable answers block -->\n      <div class=\"col-span-1 m-6\">\n        <draggable\n          class=\"dragArea bg-gray-700 rounded-md p-4 min-h-5 list-group w-full\"\n          v-model=\"availableAnswers\"\n          :group=\"{ name: 'answers', pull: !validating, put: !validating }\"\n        >\n          <div\n            class=\"list-group-item bg-gray-300 dark:bg-gray-800 m-1 p-3 rounded-md text-center flex justify-center items-center\"\n            v-for=\"element in availableAnswers\"\n            :key=\"element.name\"\n          >\n            <img\n              class=\"cursor-grab active:cursor-grabbing max-w-32 rounded\"\n              v-if=\"element.isImg\"\n              :src=\"element.src\"\n              alt=\"img\"\n            />\n            <p class=\"cursor-grab active:cursor-grabbing\" v-else>\n              {{ element.name }}\n            </p>\n          </div>\n        </draggable>\n      </div>\n\n      <!-- Drop area block -->\n      <div class=\"col-span-2 relative\">\n        <img\n          @load=\"handleImageLoad\"\n          ref=\"myImage\"\n          :src=\"props.src\"\n          alt=\"img\"\n          class=\"w-full h-full select-none\"\n        />\n        <draggable\n          class=\"dropArea absolute bg-gray-300 dark:bg-gray-800 p-4 rounded-md min-w-14 max-w-32\"\n          v-for=\"(socket, index) in props.sockets\"\n          :key=\"index\"\n          v-model=\"choices[index].choice\"\n          :group=\"{ put: choices[index].allowPut }\"\n          :style=\"{\n            left: socket.xPos * xRatio + 'px',\n            top: socket.yPos * yRatio + 'px',\n          }\"\n          @add=\"onAdd($event, index)\"\n          @remove=\"onRemove($event, index)\"\n        >\n          <img\n            class=\"cursor-grab active:cursor-grabbing rounded\"\n            v-if=\"choices[index].choice[0] && choices[index].choice[0].isImg\"\n            :src=\"choices[index].choice[0].src\"\n            alt=\"img\"\n          />\n          <p\n            class=\"cursor-grab active:cursor-grabbing\"\n            v-else-if=\"choices[index].choice[0]\"\n          >\n            {{ choices[index].choice[0].name }}\n          </p>\n          <span\n            v-if=\"\n              validating &&\n              choices[index].choice[0]?.name !== choices[index].expected\n            \"\n            class=\"absolute -top-5 -right-5 bg-red-500 text-white px-2 py-1 rounded-md\"\n          >\n            <EpIcon :iconPath=\"mdiCloseThick\" size=\"18\" />\n          </span>\n          <span\n            v-if=\"\n              validating &&\n              choices[index].choice[0]?.name === choices[index].expected\n            \"\n            class=\"absolute -top-5 -right-5 bg-green-500 text-white px-2 py-1 rounded-md\"\n          >\n            <EpIcon :iconPath=\"mdiCheckBold\" size=\"18\" />\n          </span>\n        </draggable>\n      </div>\n    </div>\n\n    <!-- Verification buttons -->\n    <div class=\"flex justify-center gap-4 mt-8\">\n      <button\n        class=\"bg-blue-500 text-white px-3 py-2 rounded-md text-center\"\n        @click=\"validate\"\n      >\n        Valider\n      </button>\n      <button\n        class=\"bg-blue-500 text-white px-3 py-2 rounded-md text-center\"\n        @click=\"retry\"\n      >\n        Recommencer\n      </button>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","draggable","_Fragment","_renderList","_toDisplayString","_createBlock","_normalizeStyle","EpIcon"],"mappings":"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"}

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

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

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

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

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

@@ -1,59 +1,92 @@
-import { defineComponent as x, toRefs as g, computed as b, ref as c, createElementBlock as n, openBlock as l, createElementVNode as o, toDisplayString as m, unref as u, createCommentVNode as k, Fragment as C, renderList as $, normalizeStyle as P, normalizeClass as w } from "vue";
-const z = { class: "text-xl font-bold" }, B = { class: "relative" }, L = ["src", "alt"], M = ["onClick"], E = {
+import { defineComponent, toRefs, computed, ref, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, createCommentVNode, Fragment, renderList, normalizeStyle, normalizeClass } from "vue";
+const _hoisted_1 = { class: "text-xl font-bold" };
+const _hoisted_2 = { class: "relative" };
+const _hoisted_3 = ["src", "alt"];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-black bg-opacity-5 px-2"
-}, H = { class: "mx-2 bg-white p-2 shadow-md" }, R = ["innerHTML"], F = /* @__PURE__ */ x({
+};
+const _hoisted_6 = { class: "mx-2 bg-white p-2 shadow-md" };
+const _hoisted_7 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpHotSpot",
   props: {
     id: {},
     imageURL: {},
     title: {},
     infoButtons: {},
-    labels: { default: () => ({
-      fermer: "Fermer"
-    }) }
+    labels: { default: () => {
+      return {
+        fermer: "Fermer"
+      };
+    } }
   },
-  setup(f) {
-    const i = f, { title: d, imageURL: h } = g(i), _ = b(() => i.infoButtons ? i.infoButtons.map((e) => {
-      let t = "translateX(-50%)";
-      e.horizontalPosition === 0 ? t = "" : e.horizontalPosition === 100 && (t = "translateX(-100%)"), e.verticalPosition === 100 && (t = `translateY(-100%) ${t}`);
-      const s = `transform: ${t}; top: ${e.verticalPosition}%; left: ${e.horizontalPosition}%;`;
-      return { ...e, position: s };
-    }) : []), a = c(!1), r = c(""), p = c(""), v = (e, t) => {
-      a.value = !0, r.value = t, p.value = e;
-    }, y = () => {
-      a.value = !1, r.value = "";
+  setup(__props) {
+    const props = __props;
+    const { title, imageURL } = toRefs(props);
+    const hotsPots = computed(() => {
+      if (props.infoButtons) {
+        return props.infoButtons.map((button) => {
+          let transform = `translateX(-50%)`;
+          if (button.horizontalPosition === 0) transform = ``;
+          else if (button.horizontalPosition === 100)
+            transform = `translateX(-100%)`;
+          if (button.verticalPosition === 100)
+            transform = `translateY(-100%) ${transform}`;
+          const position = `transform: ${transform}; top: ${button.verticalPosition}%; left: ${button.horizontalPosition}%;`;
+          return { ...button, position };
+        });
+      }
+      return [];
+    });
+    const modalOpen = ref(false);
+    const displayContent = ref("");
+    const titleDisplay = ref("");
+    const openModal = (title2, content) => {
+      modalOpen.value = true;
+      displayContent.value = content;
+      titleDisplay.value = title2;
+    };
+    const closeModal = () => {
+      modalOpen.value = false;
+      displayContent.value = "";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("h2", _hoisted_1, toDisplayString(unref(title)), 1),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("img", {
+            src: unref(imageURL),
+            alt: `l'image de ${unref(title)}`
+          }, null, 8, _hoisted_3),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(hotsPots.value, (spot) => {
+            return openBlock(), createElementBlock("button", {
+              key: spot.id,
+              onClick: ($event) => openModal(spot.title, spot.content),
+              class: normalizeClass(`absolute text-white px-4 py-2 shadow-md bg-primary`),
+              style: normalizeStyle(`${spot.position}`)
+            }, " + ", 12, _hoisted_4);
+          }), 128)),
+          modalOpen.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("h4", null, toDisplayString(titleDisplay.value), 1),
+              createElementVNode("div", {
+                innerHTML: displayContent.value,
+                class: "text-sm"
+              }, null, 8, _hoisted_7),
+              createElementVNode("button", {
+                onClick: closeModal,
+                class: "mt-4 bg-primary text-white px-2 py-1 text-sm"
+              }, toDisplayString(_ctx.labels.fermer), 1)
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
     };
-    return (e, t) => (l(), n("div", null, [
-      o("h2", z, m(u(d)), 1),
-      o("div", B, [
-        o("img", {
-          src: u(h),
-          alt: `l'image de ${u(d)}`
-        }, null, 8, L),
-        (l(!0), n(C, null, $(_.value, (s) => (l(), n("button", {
-          key: s.id,
-          onClick: (S) => v(s.title, s.content),
-          class: w("absolute text-white px-4 py-2 shadow-md bg-primary"),
-          style: P(`${s.position}`)
-        }, " + ", 12, M))), 128)),
-        a.value ? (l(), n("div", E, [
-          o("div", H, [
-            o("h4", null, m(p.value), 1),
-            o("div", {
-              innerHTML: r.value,
-              class: "text-sm"
-            }, null, 8, R),
-            o("button", {
-              onClick: y,
-              class: "mt-4 bg-primary text-white px-2 py-1 text-sm"
-            }, m(e.labels.fermer), 1)
-          ])
-        ])) : k("", !0)
-      ])
-    ]));
   }
 });
 export {
-  F as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpHotSpot.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpHotSpot.vue.js","sources":["../../../src/components/interactions/EpHotSpot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, toRefs } from \"vue\";\nimport { type EpHotSpotProps } from \"~/types/interactions/EpHotSpot\";\n\nconst props = withDefaults(defineProps<EpHotSpotProps>(), {\n  labels: () => {\n    return {\n      fermer: \"Fermer\",\n    };\n  },\n});\n\nconst { title, imageURL } = toRefs(props);\n\nconst hotsPots = computed(() => {\n  if (props.infoButtons) {\n    return props.infoButtons.map((button) => {\n      let transform = `translateX(-50%)`;\n\n      if (button.horizontalPosition === 0) transform = ``;\n      else if (button.horizontalPosition === 100)\n        transform = `translateX(-100%)`;\n      if (button.verticalPosition === 100)\n        transform = `translateY(-100%) ${transform}`;\n\n      const position = `transform: ${transform}; top: ${button.verticalPosition}%; left: ${button.horizontalPosition}%;`;\n\n      return { ...button, position };\n    });\n  }\n  return [];\n});\n\nconst modalOpen = ref(false);\nconst displayContent = ref(\"\");\nconst titleDisplay = ref(\"\");\n\nconst openModal = (title: string, content: string) => {\n  modalOpen.value = true;\n  displayContent.value = content;\n  titleDisplay.value = title;\n};\n\nconst closeModal = () => {\n  modalOpen.value = false;\n  displayContent.value = \"\";\n};\n</script>\n\n<template>\n  <div>\n    <h2 class=\"text-xl font-bold\">{{ title }}</h2>\n    <div class=\"relative\">\n      <img :src=\"imageURL\" :alt=\"`l'image de ${title}`\" />\n      <template v-for=\"spot in hotsPots\" :key=\"spot.id\">\n        <button\n          @click=\"openModal(spot.title, spot.content)\"\n          :class=\"`absolute text-white px-4 py-2 shadow-md bg-primary`\"\n          :style=\"`${spot.position}`\"\n        >\n          +\n        </button>\n      </template>\n      <div\n        v-if=\"modalOpen\"\n        class=\"absolute inset-0 flex items-center justify-center bg-black bg-opacity-5 px-2\"\n      >\n        <div class=\"mx-2 bg-white p-2 shadow-md\">\n          <h4>{{ titleDisplay }}</h4>\n          <div v-html=\"displayContent\" class=\"text-sm\" />\n          <button\n            @click=\"closeModal\"\n            class=\"mt-4 bg-primary text-white px-2 py-1 text-sm\"\n          >\n            {{ labels.fermer }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["title","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList","_normalizeStyle","_openBlock","labels"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAQd,UAAM,EAAE,OAAO,aAAa,OAAO,KAAK;AAExC,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,aAAa;AACrB,eAAO,MAAM,YAAY,IAAI,CAAC,WAAW;AACvC,cAAI,YAAY;AAEhB,cAAI,OAAO,uBAAuB,EAAG,aAAY;AAAA,mBACxC,OAAO,uBAAuB;AACrC,wBAAY;AACd,cAAI,OAAO,qBAAqB;AAC9B,wBAAY,qBAAqB,SAAS;AAE5C,gBAAM,WAAW,cAAc,SAAS,UAAU,OAAO,gBAAgB,YAAY,OAAO,kBAAkB;AAE9G,iBAAO,EAAE,GAAG,QAAQ,SAAA;AAAA,QACtB,CAAC;AAAA,MACH;AACA,aAAO,CAAA;AAAA,IACT,CAAC;AAED,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,iBAAiB,IAAI,EAAE;AAC7B,UAAM,eAAe,IAAI,EAAE;AAE3B,UAAM,YAAY,CAACA,QAAe,YAAoB;AACpD,gBAAU,QAAQ;AAClB,qBAAe,QAAQ;AACvB,mBAAa,QAAQA;AAAAA,IACvB;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ;AAClB,qBAAe,QAAQ;AAAA,IACzB;;0BAIEC,mBA6BM,OAAA,MAAA;AAAA,QA5BJC,mBAA8C,MAA9C,YAA8CC,gBAAbC,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,QACtCF,mBA0BM,OA1BN,YA0BM;AAAA,UAzBJA,mBAAoD,OAAA;AAAA,YAA9C,KAAKE,MAAA,QAAA;AAAA,YAAW,mBAAmBA,MAAA,KAAA,CAAK;AAAA,UAAA;4BAC9CH,mBAQWI,UAAA,MAAAC,WARc,SAAA,OAAQ,CAAhB,SAAI;gCACnBL,mBAMS,UAAA;AAAA,cAP8B,KAAA,KAAK;AAAA,cAEzC,SAAK,CAAA,WAAE,UAAU,KAAK,OAAO,KAAK,OAAO;AAAA,cACzC,sBAAO,oDAAoD;AAAA,cAC3D,OAAKM,eAAA,GAAK,KAAK,QAAQ,EAAA;AAAA,YAAA,GACzB,OAED,IAAA,UAAA;AAAA;UAGM,UAAA,SADRC,UAAA,GAAAP,mBAcM,OAdN,YAcM;AAAA,YAVJC,mBASM,OATN,YASM;AAAA,cARJA,mBAA2B,4BAApB,aAAA,KAAY,GAAA,CAAA;AAAA,cACnBA,mBAA+C,OAAA;AAAA,gBAA1C,WAAQ,eAAA;AAAA,gBAAgB,OAAM;AAAA,cAAA;cACnCA,mBAKS,UAAA;AAAA,gBAJN,SAAO;AAAA,gBACR,OAAM;AAAA,cAAA,GAEHO,gBAAAA,KAAAA,OAAO,MAAM,GAAA,CAAA;AAAA,YAAA;;;;;;;"}

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

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

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

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

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

@@ -1,55 +1,67 @@
-import { defineComponent as m, computed as f, createBlock as p, openBlock as l, Teleport as V, createVNode as o, Transition as _, withCtx as a, createElementBlock as b, createCommentVNode as k, withModifiers as w, createElementVNode as s, normalizeClass as h, renderSlot as v } from "vue";
-import z from "../basics/EpCard.vue.js";
-const B = { class: "mx-auto" }, E = /* @__PURE__ */ m({
+import { defineComponent, computed, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, withModifiers, createElementVNode, normalizeClass, renderSlot } from "vue";
+import _sfc_main$1 from "../basics/EpCard.vue.js";
+const _hoisted_1 = { class: "mx-auto" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpModal",
   props: {
-    modelValue: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean, default: false },
     title: { default: null },
     subtitle: { default: null },
     icon: { default: null },
-    persistent: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: false },
     size: { default: "default" }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: n }) {
-    const t = i, d = {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const size = {
       compact: "w-[45%]",
       default: "w-[75%]",
       comfortable: "w-[85%]"
-    }, u = n, r = () => {
-      t.persistent || u("update:modelValue", !1);
-    }, c = f(() => d[t.size]);
-    return (e, C) => (l(), p(V, { to: "body" }, [
-      o(_, { name: "modal" }, {
-        default: a(() => [
-          e.modelValue ? (l(), b("div", {
-            key: 0,
-            class: "modal-mask",
-            onClick: w(r, ["self"])
-          }, [
-            s("div", {
-              class: h(`modal-container ${c.value} max-h-screen overflow-auto`)
+    };
+    const emit = __emit;
+    const closeModal = () => {
+      if (!props.persistent) {
+        emit("update:modelValue", false);
+      }
+    };
+    const sizeModal = computed(() => {
+      return size[props.size];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "modal" }, {
+          default: withCtx(() => [
+            _ctx.modelValue ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "modal-mask",
+              onClick: withModifiers(closeModal, ["self"])
             }, [
-              s("div", B, [
-                o(z, {
-                  title: e.title,
-                  subtitle: e.subtitle,
-                  icon: e.icon
-                }, {
-                  default: a(() => [
-                    v(e.$slots, "default")
-                  ]),
-                  _: 3
-                }, 8, ["title", "subtitle", "icon"])
-              ])
-            ], 2)
-          ])) : k("", !0)
-        ]),
-        _: 3
-      })
-    ]));
+              createElementVNode("div", {
+                class: normalizeClass(`modal-container ${sizeModal.value} max-h-screen overflow-auto`)
+              }, [
+                createElementVNode("div", _hoisted_1, [
+                  createVNode(_sfc_main$1, {
+                    title: _ctx.title,
+                    subtitle: _ctx.subtitle,
+                    icon: _ctx.icon
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                  }, 8, ["title", "subtitle", "icon"])
+                ])
+              ], 2)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
   }
 });
 export {
-  E as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpModal.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpModal.vue.js","sources":["../../../src/components/interactions/EpModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport { type EpModalProps } from \"~/types/interactions/EpModal\";\n\nconst props = withDefaults(defineProps<EpModalProps>(), {\n  modelValue: false,\n  title: null,\n  subtitle: null,\n  icon: null,\n  persistent: false,\n  size: \"default\", // ✅ must be a string literal\n});\n\nconst size = {\n  compact: \"w-[45%]\",\n  default: \"w-[75%]\",\n  comfortable: \"w-[85%]\",\n};\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", modelValue: boolean): void;\n}>();\n\nconst closeModal = (): void => {\n  if (!props.persistent) {\n    emit(\"update:modelValue\", false);\n  }\n};\n\nconst sizeModal = computed(() => {\n  return size[props.size];\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition name=\"modal\">\n      <div v-if=\"modelValue\" class=\"modal-mask\" @click.self=\"closeModal\">\n        <div :class=\"`modal-container ${sizeModal} max-h-screen overflow-auto`\">\n          <div class=\"mx-auto\">\n            <EpCard :title=\"title\" :subtitle=\"subtitle\" :icon=\"icon\">\n              <slot />\n            </EpCard>\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n\n<style>\n.modal-mask {\n  position: fixed;\n  z-index: 6998;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  transition: opacity 0.3s ease;\n}\n\n.modal-container {\n  margin: auto;\n  max-height: 95%;\n  transition: all 0.3s ease;\n  z-index: 7000;\n}\n\n.modal-header h3 {\n  margin-top: 0;\n  color: #42b983;\n}\n\n.modal-body {\n  margin: 20px 0;\n}\n\n.modal-default-button {\n  float: right;\n}\n\n.modal-enter-from {\n  opacity: 0;\n}\n\n.modal-leave-to {\n  opacity: 0;\n}\n\n.modal-enter-from .modal-container,\n.modal-leave-to .modal-container {\n  -webkit-transform: scale(1.1);\n  transform: scale(1.1);\n}\n</style>\n"],"names":["_createBlock","_Teleport","_createVNode","_Transition","modelValue","_createElementBlock","_createElementVNode","EpCard","title","subtitle","icon","_renderSlot"],"mappings":";;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AASd,UAAM,OAAO;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAGf,UAAM,OAAO;AAIb,UAAM,aAAa,MAAY;AAC7B,UAAI,CAAC,MAAM,YAAY;AACrB,aAAK,qBAAqB,KAAK;AAAA,MACjC;AAAA,IACF;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,KAAK,MAAM,IAAI;AAAA,IACxB,CAAC;;0BAICA,YAYWC,UAAA,EAZD,IAAG,UAAM;AAAA,QACjBC,YAUaC,YAAA,EAVD,MAAK,WAAO;AAAA,2BACtB,MAQM;AAAA,YARKC,KAAAA,2BAAXC,mBAQM,OAAA;AAAA;cARiB,OAAM;AAAA,cAAc,uBAAY,YAAU,CAAA,MAAA,CAAA;AAAA,YAAA;cAC/DC,mBAMM,OAAA;AAAA,gBANA,yCAA0B,UAAA,KAAS,6BAAA;AAAA,cAAA;gBACvCA,mBAIM,OAJN,YAIM;AAAA,kBAHJJ,YAESK,aAAA;AAAA,oBAFA,OAAOC,KAAAA;AAAAA,oBAAQ,UAAUC,KAAAA;AAAAA,oBAAW,MAAMC,KAAAA;AAAAA,kBAAAA;qCACjD,MAAQ;AAAA,sBAARC,WAAQ,KAAA,QAAA,SAAA;AAAA,oBAAA;;;;;;;;;;;;;"}