ep-lib-ts 1.0.62 → 1.0.63

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

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

@@ -1 +1 @@
-{"version":3,"file":"EpSvgShow.vue.js","sources":["../../../src/components/interactions/EpSvgShow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, computed, nextTick } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { EpSvgShowProps } from \"~/types/interactions/EpSvgShow\";\n\nconst props = withDefaults(defineProps<EpSvgShowProps>(), {\n  animation: \"\",\n  multiple: false,\n});\n\nconst svg = ref<string>(\"\");\n\n// Refs\nconst svgContainer = ref<HTMLElement | null>(null);\n\nconst animationType = computed(() => {\n  switch (props.animation) {\n    case \"translateX\":\n      return \"animate-slide\";\n    case \"scale\":\n      return \"animate-zoom\";\n    default:\n      return \"animate-fade\";\n  }\n});\n\nconst showScene = (scene: string) => {\n  if (!svgContainer.value) return;\n\n  const currentScene = svgContainer.value.querySelector(\n    `[data-scene=\"${scene}\"]`\n  );\n  if (!currentScene) return;\n\n  const isVisible = !currentScene.classList.contains(\"hidden\");\n\n  if (isVisible) {\n    // Toggle OFF (hide the scene)\n    currentScene.classList.add(\"hidden\");\n    currentScene.classList.remove(animationType.value);\n\n    const sceneElements = svgContainer.value.getElementsByClassName(\n      `scene-${scene}`\n    );\n    Array.from(sceneElements).forEach((s) => {\n      s.classList.add(\"hidden\");\n      s.classList.remove(animationType.value);\n    });\n  } else {\n    // Toggle ON (show scene)\n    if (!props.multiple) hideScenes();\n\n    currentScene.classList.remove(\"hidden\");\n    currentScene.classList.add(animationType.value);\n\n    const sceneElements = svgContainer.value.getElementsByClassName(\n      `scene-${scene}`\n    );\n    Array.from(sceneElements).forEach((s) => {\n      s.classList.remove(\"hidden\");\n      s.classList.add(animationType.value);\n    });\n  }\n};\n\nconst hideScenes = () => {\n  if (!svgContainer.value) return;\n  const scenes = svgContainer.value.querySelectorAll(\"[data-scene]\");\n  Array.from(scenes).forEach((s) => {\n    if (!s.classList.contains(\"hidden\")) {\n      s.classList.add(\"hidden\");\n      s.classList.remove(animationType.value);\n    }\n  });\n};\n\nonMounted(async () => {\n  svg.value = useRenderText(props.svg);\n\n  await nextTick();\n\n  if (!svgContainer.value) return;\n\n  // Hide all scenes initially\n  hideScenes();\n\n  // Bind click events to buttons\n  const btns = svgContainer.value.querySelectorAll(\"[data-btn]\");\n  Array.from(btns).forEach((b) => {\n    b.classList.add(\"cursor-pointer\");\n    b.addEventListener(\"click\", () => {\n      const sceneName = b.getAttribute(\"data-btn\");\n      showScene(sceneName ?? \"\");\n    });\n  });\n});\n</script>\n\n<template>\n  <!-- The buttons must have class \"btn\" and an unique id=\"<scene-name>\"\n    The scenes elements must have class \"scene\" and \"scene-<scene-name>\" -->\n  <div ref=\"svgContainer\" v-html=\"svg\" />\n</template>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;AAKA,UAAM,QAAQ;AAKd,UAAM,MAAM,IAAY,EAAE;AAG1B,UAAM,eAAe,IAAwB,IAAI;AAEjD,UAAM,gBAAgB,SAAS,MAAM;AACnC,cAAQ,MAAM,WAAA;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,YAAY,CAAC,UAAkB;AACnC,UAAI,CAAC,aAAa,MAAO;AAEzB,YAAM,eAAe,aAAa,MAAM;AAAA,QACtC,gBAAgB,KAAK;AAAA,MAAA;AAEvB,UAAI,CAAC,aAAc;AAEnB,YAAM,YAAY,CAAC,aAAa,UAAU,SAAS,QAAQ;AAE3D,UAAI,WAAW;AAEb,qBAAa,UAAU,IAAI,QAAQ;AACnC,qBAAa,UAAU,OAAO,cAAc,KAAK;AAEjD,cAAM,gBAAgB,aAAa,MAAM;AAAA,UACvC,SAAS,KAAK;AAAA,QAAA;AAEhB,cAAM,KAAK,aAAa,EAAE,QAAQ,CAAC,MAAM;AACvC,YAAE,UAAU,IAAI,QAAQ;AACxB,YAAE,UAAU,OAAO,cAAc,KAAK;AAAA,QACxC,CAAC;AAAA,MACH,OAAO;AAEL,YAAI,CAAC,MAAM,SAAU,YAAA;AAErB,qBAAa,UAAU,OAAO,QAAQ;AACtC,qBAAa,UAAU,IAAI,cAAc,KAAK;AAE9C,cAAM,gBAAgB,aAAa,MAAM;AAAA,UACvC,SAAS,KAAK;AAAA,QAAA;AAEhB,cAAM,KAAK,aAAa,EAAE,QAAQ,CAAC,MAAM;AACvC,YAAE,UAAU,OAAO,QAAQ;AAC3B,YAAE,UAAU,IAAI,cAAc,KAAK;AAAA,QACrC,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvB,UAAI,CAAC,aAAa,MAAO;AACzB,YAAM,SAAS,aAAa,MAAM,iBAAiB,cAAc;AACjE,YAAM,KAAK,MAAM,EAAE,QAAQ,CAAC,MAAM;AAChC,YAAI,CAAC,EAAE,UAAU,SAAS,QAAQ,GAAG;AACnC,YAAE,UAAU,IAAI,QAAQ;AACxB,YAAE,UAAU,OAAO,cAAc,KAAK;AAAA,QACxC;AAAA,MACF,CAAC;AAAA,IACH;AAEA,cAAU,YAAY;AACpB,UAAI,QAAQ,cAAc,MAAM,GAAG;AAEnC,YAAM,SAAA;AAEN,UAAI,CAAC,aAAa,MAAO;AAGzB,iBAAA;AAGA,YAAM,OAAO,aAAa,MAAM,iBAAiB,YAAY;AAC7D,YAAM,KAAK,IAAI,EAAE,QAAQ,CAAC,MAAM;AAC9B,UAAE,UAAU,IAAI,gBAAgB;AAChC,UAAE,iBAAiB,SAAS,MAAM;AAChC,gBAAM,YAAY,EAAE,aAAa,UAAU;AAC3C,oBAAU,gCAAa,EAAE;AAAA,QAC3B,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;;0BAMCA,mBAAuC,OAAA;AAAA,iBAA9B;AAAA,QAAJ,KAAI;AAAA,QAAe,WAAQ,IAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"EpSvgShow.vue.js","sources":["../../../src/components/interactions/EpSvgShow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, computed, nextTick } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpSvgShowProps } from \"~/types/interactions/EpSvgShow\";\n\nconst props = withDefaults(defineProps<EpSvgShowProps>(), {\n  animation: \"\",\n  multiple: false,\n});\n\nconst svg = ref<string>(\"\");\n\n// Refs\nconst svgContainer = ref<HTMLElement | null>(null);\n\nconst animationType = computed(() => {\n  switch (props.animation) {\n    case \"translateX\":\n      return \"animate-slide\";\n    case \"scale\":\n      return \"animate-zoom\";\n    default:\n      return \"animate-fade\";\n  }\n});\n\nconst showScene = (scene: string) => {\n  if (!svgContainer.value) return;\n\n  const currentScene = svgContainer.value.querySelector(\n    `[data-scene=\"${scene}\"]`\n  );\n  if (!currentScene) return;\n\n  const isVisible = !currentScene.classList.contains(\"hidden\");\n\n  if (isVisible) {\n    // Toggle OFF (hide the scene)\n    currentScene.classList.add(\"hidden\");\n    currentScene.classList.remove(animationType.value);\n\n    const sceneElements = svgContainer.value.getElementsByClassName(\n      `scene-${scene}`\n    );\n    Array.from(sceneElements).forEach((s) => {\n      s.classList.add(\"hidden\");\n      s.classList.remove(animationType.value);\n    });\n  } else {\n    // Toggle ON (show scene)\n    if (!props.multiple) hideScenes();\n\n    currentScene.classList.remove(\"hidden\");\n    currentScene.classList.add(animationType.value);\n\n    const sceneElements = svgContainer.value.getElementsByClassName(\n      `scene-${scene}`\n    );\n    Array.from(sceneElements).forEach((s) => {\n      s.classList.remove(\"hidden\");\n      s.classList.add(animationType.value);\n    });\n  }\n};\n\nconst hideScenes = () => {\n  if (!svgContainer.value) return;\n  const scenes = svgContainer.value.querySelectorAll(\"[data-scene]\");\n  Array.from(scenes).forEach((s) => {\n    if (!s.classList.contains(\"hidden\")) {\n      s.classList.add(\"hidden\");\n      s.classList.remove(animationType.value);\n    }\n  });\n};\n\nonMounted(async () => {\n  svg.value = useRenderText(props.svg);\n\n  await nextTick();\n\n  if (!svgContainer.value) return;\n\n  // Hide all scenes initially\n  hideScenes();\n\n  // Bind click events to buttons\n  const btns = svgContainer.value.querySelectorAll(\"[data-btn]\");\n  Array.from(btns).forEach((b) => {\n    b.classList.add(\"cursor-pointer\");\n    b.addEventListener(\"click\", () => {\n      const sceneName = b.getAttribute(\"data-btn\");\n      showScene(sceneName ?? \"\");\n    });\n  });\n});\n</script>\n\n<template>\n  <!-- The buttons must have class \"btn\" and an unique id=\"<scene-name>\"\n    The scenes elements must have class \"scene\" and \"scene-<scene-name>\" -->\n  <div ref=\"svgContainer\" v-html=\"svg\" />\n</template>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;AAKA,UAAM,QAAQ;AAKd,UAAM,MAAM,IAAY,EAAE;AAG1B,UAAM,eAAe,IAAwB,IAAI;AAEjD,UAAM,gBAAgB,SAAS,MAAM;AACnC,cAAQ,MAAM,WAAA;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,YAAY,CAAC,UAAkB;AACnC,UAAI,CAAC,aAAa,MAAO;AAEzB,YAAM,eAAe,aAAa,MAAM;AAAA,QACtC,gBAAgB,KAAK;AAAA,MAAA;AAEvB,UAAI,CAAC,aAAc;AAEnB,YAAM,YAAY,CAAC,aAAa,UAAU,SAAS,QAAQ;AAE3D,UAAI,WAAW;AAEb,qBAAa,UAAU,IAAI,QAAQ;AACnC,qBAAa,UAAU,OAAO,cAAc,KAAK;AAEjD,cAAM,gBAAgB,aAAa,MAAM;AAAA,UACvC,SAAS,KAAK;AAAA,QAAA;AAEhB,cAAM,KAAK,aAAa,EAAE,QAAQ,CAAC,MAAM;AACvC,YAAE,UAAU,IAAI,QAAQ;AACxB,YAAE,UAAU,OAAO,cAAc,KAAK;AAAA,QACxC,CAAC;AAAA,MACH,OAAO;AAEL,YAAI,CAAC,MAAM,SAAU,YAAA;AAErB,qBAAa,UAAU,OAAO,QAAQ;AACtC,qBAAa,UAAU,IAAI,cAAc,KAAK;AAE9C,cAAM,gBAAgB,aAAa,MAAM;AAAA,UACvC,SAAS,KAAK;AAAA,QAAA;AAEhB,cAAM,KAAK,aAAa,EAAE,QAAQ,CAAC,MAAM;AACvC,YAAE,UAAU,OAAO,QAAQ;AAC3B,YAAE,UAAU,IAAI,cAAc,KAAK;AAAA,QACrC,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvB,UAAI,CAAC,aAAa,MAAO;AACzB,YAAM,SAAS,aAAa,MAAM,iBAAiB,cAAc;AACjE,YAAM,KAAK,MAAM,EAAE,QAAQ,CAAC,MAAM;AAChC,YAAI,CAAC,EAAE,UAAU,SAAS,QAAQ,GAAG;AACnC,YAAE,UAAU,IAAI,QAAQ;AACxB,YAAE,UAAU,OAAO,cAAc,KAAK;AAAA,QACxC;AAAA,MACF,CAAC;AAAA,IACH;AAEA,cAAU,YAAY;AACpB,UAAI,QAAQ,cAAc,MAAM,GAAG;AAEnC,YAAM,SAAA;AAEN,UAAI,CAAC,aAAa,MAAO;AAGzB,iBAAA;AAGA,YAAM,OAAO,aAAa,MAAM,iBAAiB,YAAY;AAC7D,YAAM,KAAK,IAAI,EAAE,QAAQ,CAAC,MAAM;AAC9B,UAAE,UAAU,IAAI,gBAAgB;AAChC,UAAE,iBAAiB,SAAS,MAAM;AAChC,gBAAM,YAAY,EAAE,aAAa,UAAU;AAC3C,oBAAU,gCAAa,EAAE;AAAA,QAC3B,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;;0BAMCA,mBAAuC,OAAA;AAAA,iBAA9B;AAAA,QAAJ,KAAI;AAAA,QAAe,WAAQ,IAAA;AAAA,MAAA;;;;"}

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 { 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<style>\n.arrow-light-top::before {\n  content: \" \";\n  position: absolute;\n  top: 100%; /* At the bottom of the tooltip */\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;\n}\n.arrow-dark-top::before {\n  content: \" \";\n  position: absolute;\n  top: 100%; /* At the bottom of the tooltip */\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: black transparent transparent transparent;\n}\n.arrow-light-bottom::before {\n  content: \"\";\n  position: absolute;\n  display: inline-block;\n  left: 50%;\n  bottom: 100%;\n  border-right: 7px solid transparent;\n  border-bottom: 7px solid #eee;\n  border-left: 7px solid transparent;\n  border-bottom-color: rgba(0, 0, 0, 0.2);\n}\n.arrow-dark-bottom::before {\n  content: \"\";\n  position: absolute;\n  display: inline-block;\n  left: 50%;\n  bottom: 100%;\n  border-right: 7px solid transparent;\n  border-bottom: 7px solid black;\n  border-left: 7px solid transparent;\n  border-bottom-color: black transparent transparent transparent;\n}\n\n.arrow-light-left::before {\n  position: absolute;\n  display: inline-block;\n  left: 100%;\n  top: 50%;\n  content: \"\";\n  margin-right: 0px;\n  border-top: 5px solid transparent;\n  border-left: 5px solid #eee;\n  border-bottom: 5px solid transparent;\n  border-left-color: rgba(0, 0, 0, 0.2);\n}\n\n.arrow-dark-left::before {\n  position: absolute;\n  display: inline-block;\n  left: 100%;\n  top: 50%;\n  content: \"\";\n  margin-right: 0px;\n  border-top: 5px solid transparent;\n  border-left: 5px solid black;\n  border-bottom: 5px solid transparent;\n  border-left-color: black transparent transparent transparent;\n}\n\n.arrow-light-right::before {\n  position: absolute;\n  display: inline-block;\n  right: 100%;\n  top: 50%;\n  content: \"\";\n  margin-right: 0px;\n  border-top: 5px solid transparent;\n  border-right: 5px solid #eee;\n  border-bottom: 5px solid transparent;\n  border-right-color: rgba(0, 0, 0, 0.2);\n}\n\n.arrow-dark-right::before {\n  position: absolute;\n  display: inline-block;\n  right: 100%;\n  top: 50%;\n  content: \"\";\n  margin-right: 0px;\n  border-top: 5px solid transparent;\n  border-right: 5px solid black;\n  border-bottom: 5px solid transparent;\n  border-right-color: black transparent transparent transparent;\n}\n</style>\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<style>\n.arrow-light-top::before {\n  content: \" \";\n  position: absolute;\n  top: 100%; /* At the bottom of the tooltip */\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;\n}\n.arrow-dark-top::before {\n  content: \" \";\n  position: absolute;\n  top: 100%; /* At the bottom of the tooltip */\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: black transparent transparent transparent;\n}\n.arrow-light-bottom::before {\n  content: \"\";\n  position: absolute;\n  display: inline-block;\n  left: 50%;\n  bottom: 100%;\n  border-right: 7px solid transparent;\n  border-bottom: 7px solid #eee;\n  border-left: 7px solid transparent;\n  border-bottom-color: rgba(0, 0, 0, 0.2);\n}\n.arrow-dark-bottom::before {\n  content: \"\";\n  position: absolute;\n  display: inline-block;\n  left: 50%;\n  bottom: 100%;\n  border-right: 7px solid transparent;\n  border-bottom: 7px solid black;\n  border-left: 7px solid transparent;\n  border-bottom-color: black transparent transparent transparent;\n}\n\n.arrow-light-left::before {\n  position: absolute;\n  display: inline-block;\n  left: 100%;\n  top: 50%;\n  content: \"\";\n  margin-right: 0px;\n  border-top: 5px solid transparent;\n  border-left: 5px solid #eee;\n  border-bottom: 5px solid transparent;\n  border-left-color: rgba(0, 0, 0, 0.2);\n}\n\n.arrow-dark-left::before {\n  position: absolute;\n  display: inline-block;\n  left: 100%;\n  top: 50%;\n  content: \"\";\n  margin-right: 0px;\n  border-top: 5px solid transparent;\n  border-left: 5px solid black;\n  border-bottom: 5px solid transparent;\n  border-left-color: black transparent transparent transparent;\n}\n\n.arrow-light-right::before {\n  position: absolute;\n  display: inline-block;\n  right: 100%;\n  top: 50%;\n  content: \"\";\n  margin-right: 0px;\n  border-top: 5px solid transparent;\n  border-right: 5px solid #eee;\n  border-bottom: 5px solid transparent;\n  border-right-color: rgba(0, 0, 0, 0.2);\n}\n\n.arrow-dark-right::before {\n  position: absolute;\n  display: inline-block;\n  right: 100%;\n  top: 50%;\n  content: \"\";\n  margin-right: 0px;\n  border-top: 5px solid transparent;\n  border-right: 5px solid black;\n  border-bottom: 5px solid transparent;\n  border-right-color: black transparent transparent transparent;\n}\n</style>\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;;;;"}

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 useColors from \"~/composables/useColors\";\nimport BgAudio from \"~/components/tools/BgAudio.vue\";\nimport EpAlert from \"~/components/signages/EpAlert.vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { 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 useColors(\"fill\", 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>\n          <p>{{ messageError }}</p>\n        </EpAlert>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,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,UAAU,QAAQ,MAAM,IAAI;AAAA,IACrC,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,YA8BQC,aAAA;AAAA,QA7BL,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,MAaM;AAAA,UAbNG,mBAaM,OAbN,YAaM;AAAA,aAZ4BH,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,YAEUQ,MAAA;AAAA;cAFD,MAAK;AAAA,cAAQ,UAAA;AAAA,YAAA;+BACpB,MAAyB;AAAA,gBAAzBH,mBAAyB,2BAAnBI,KAAAA,YAAY,GAAA,CAAA;AAAA,cAAA;;;;;;;QAfI,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 useColors from \"~/composables/useColors\";\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 useColors(\"fill\", 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>\n          <p>{{ messageError }}</p>\n        </EpAlert>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,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,UAAU,QAAQ,MAAM,IAAI;AAAA,IACrC,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,YA8BQC,aAAA;AAAA,QA7BL,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,MAaM;AAAA,UAbNG,mBAaM,OAbN,YAaM;AAAA,aAZ4BH,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,YAEUQ,MAAA;AAAA;cAFD,MAAK;AAAA,cAAQ,UAAA;AAAA,YAAA;+BACpB,MAAyB;AAAA,gBAAzBH,mBAAyB,2BAAnBI,KAAAA,YAAY,GAAA,CAAA;AAAA,cAAA;;;;;;;QAfI,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BJ,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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 { EpCardLinkProps } from \"~/types/medias/EpCardLink\";\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});\n\nconst centerCard = computed(() => {\n  if (props.center) {\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</script>\n\n<template>\n  <div :class=\"`${centerCard} ${maxWidth}`\">\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","isExternal","to","_createVNode","EpCard","title","subtitle","src","svg","iconlink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAWd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,QAAQ;AAChB,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;;0BAIEA,mBAuBM,OAAA;AAAA,QAvBA,OAAKC,eAAA,GAAK,WAAA,KAAU,IAAIC,KAAAA,QAAQ,EAAA;AAAA,MAAA;QAC3BC,KAAAA,2BAATH,mBAUI,KAAA;AAAA;UAVkB,MAAMI,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,UAAUR,KAAAA;AAAAA,YACV,MAAMS,KAAAA;AAAAA,YACP,QAAA;AAAA,UAAA;2CAGJX,mBAUM,OAAA;AAAA;UAVA,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,SAASI,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,UAAUR,KAAAA;AAAAA,YACV,MAAMS,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\";\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});\n\nconst centerCard = computed(() => {\n  if (props.center) {\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</script>\n\n<template>\n  <div :class=\"`${centerCard} ${maxWidth}`\">\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","isExternal","to","_createVNode","EpCard","title","subtitle","src","svg","iconlink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAWd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,QAAQ;AAChB,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;;0BAIEA,mBAuBM,OAAA;AAAA,QAvBA,OAAKC,eAAA,GAAK,WAAA,KAAU,IAAIC,KAAAA,QAAQ,EAAA;AAAA,MAAA;QAC3BC,KAAAA,2BAATH,mBAUI,KAAA;AAAA;UAVkB,MAAMI,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,UAAUR,KAAAA;AAAAA,YACV,MAAMS,KAAAA;AAAAA,YACP,QAAA;AAAA,UAAA;2CAGJX,mBAUM,OAAA;AAAA;UAVA,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,SAASI,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,UAAUR,KAAAA;AAAAA,YACV,MAAMS,KAAAA;AAAAA,YACP,QAAA;AAAA,UAAA;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EpCarousel.vue2.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 { 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 { 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=\"bg-white dark:bg-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 text-base-dark dark:text-white\"\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<style scoped>\n.v-enter-active,\n.v-leave-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from,\n.v-leave-to {\n  opacity: 0;\n}\n</style>\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.vue2.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=\"bg-white dark:bg-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 text-base-dark dark:text-white\"\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<style scoped>\n.v-enter-active,\n.v-leave-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from,\n.v-leave-to {\n  opacity: 0;\n}\n</style>\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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"}

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

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

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.vue.js"),
+      "../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"),

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

@@ -1 +1 @@
-{"version":3,"file":"EpHierarchy.vue2.js","sources":["../../../src/components/medias/EpHierarchy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, computed, defineAsyncComponent } from \"vue\";\nimport {\n  hierarchy,\n  tree,\n  cluster,\n  type HierarchyPointLink,\n  type HierarchyPointNode,\n} from \"d3-hierarchy\";\nimport * as d3 from \"d3-selection\";\nimport { linkVertical, linkHorizontal } from \"d3-shape\";\nimport * as d3Zoom from \"d3-zoom\";\nimport type { TreeNode } from \"~/types/Hierarchy\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { EpHierarchyProps } from \"~/types/medias/EpHierarchy\";\n\nconst props = withDefaults(defineProps<EpHierarchyProps>(), {\n  labelClose: \"fermer\",\n  maxWidth: 800,\n  maxHeight: 600,\n  isCluster: false,\n  colorRect: \"fill-main-color-400\",\n  colorPath: \"stroke-yellow-400\",\n});\n\nconst treeContainer = ref<HTMLDivElement | null>(null);\nconst treeWrapper = ref<HTMLDivElement | null>(null);\n\n/* control modal */\ntype ShowNode = {\n  title: string;\n  text?: string;\n  component?: NestedComponents;\n};\n\nconst currentNode = ref<ShowNode | null>(null);\nconst showModal = ref(false);\n\nconst handleNodeClick = (node: TreeNode) => {\n  currentNode.value = {\n    title: node.name,\n    text: node.text,\n    component: node.component,\n  };\n  showModal.value = true;\n};\n\nconst closeModal = () => {\n  showModal.value = false;\n  currentNode.value = null;\n};\n//nested component\n\nconst components = import.meta.glob([\n  \"./*.vue\", // all components in medias (same folder)\n  \"../basics/*.vue\", // components/charts/\n  \"../signages/*.vue\", // components/signages/\n]);\n\nconst currentRenderComponent = computed(() => {\n  if (!currentNode.value || !currentNode.value.component) {\n    return null;\n  }\n\n  const { path, name } = useComponent(currentNode.value.component.type);\n  //console.log(path, name)\n  let fullPath = \"\";\n  if (path === \"medias\") {\n    fullPath = `./${name}.vue`;\n  } else {\n    fullPath = `../${path}/${name}.vue`;\n  }\n  //console.log(fullPath)\n  const loader = components[fullPath] as\n    | (() => Promise<{ default: NestedComponents }>)\n    | undefined;\n\n  if (!loader) {\n    console.warn(`Component not found: ${fullPath}`);\n    return null; // or defineAsyncComponent(() => import('../fallbacks/EpNothing.vue'))\n  }\n\n  return defineAsyncComponent(loader);\n});\n\nonMounted(() => {\n  if (!treeContainer.value) return;\n\n  if (props.isCluster) {\n    clusterView();\n  } else {\n    treeView();\n  }\n});\n\nconst treeView = () => {\n  const rectW = 130;\n  const rectH = 40;\n  const margin = { top: 40, right: 40, bottom: 40, left: 40 };\n\n  const root = hierarchy<TreeNode>(props.nodes);\n  //const totalLeafCount = root.leaves().length\n  const width = Math.max(props.maxWidth);\n  const height = props.maxHeight;\n\n  const treeLayout = tree<TreeNode>().nodeSize([170, 100]); // [x spacing, y spacing]\n\n  const treeData = treeLayout(root);\n\n  const svg = d3\n    .select(treeContainer.value)\n    .append(\"svg\")\n    .attr(\"width\", width)\n    .attr(\"height\", height);\n\n  const g = svg\n    .append(\"g\")\n    .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n  const zoom = d3Zoom\n    .zoom<SVGSVGElement, unknown>()\n    .scaleExtent([0.5, 2])\n    .on(\"zoom\", (event) => {\n      g.attr(\"transform\", event.transform);\n    });\n\n  svg.call(zoom);\n\n  const centerX = width / 2 - treeData.x;\n  const centerY = 30; //height / 2 - treeData.y\n  const identity = (d3Zoom as any).zoomIdentity;\n  svg.call(zoom.transform, identity.translate(centerX, centerY));\n\n  // Links\n  const linkPath = linkVertical<\n    HierarchyPointLink<TreeNode>,\n    HierarchyPointNode<TreeNode>\n  >()\n    .x((d) => d.x)\n    .y((d) => d.y);\n\n  g.selectAll(\"path.link\")\n    .data(treeData.links())\n    .enter()\n    .append(\"path\")\n    .attr(\"d\", (d) => linkPath(d))\n    .attr(\"class\", (d) => {\n      const link = d.target.data.active\n        ? `${props.colorPath} stroke-2`\n        : \"stroke-black dark:stroke-white\";\n      return `${link} link fill-none`;\n    });\n\n  // Nodes\n  const node = g\n    .selectAll(\"g.node\")\n    .data(treeData.descendants())\n    .enter()\n    .append(\"g\")\n    .attr(\"class\", \"node\")\n    .attr(\"transform\", (d) => `translate(${d.x}, ${d.y})`)\n    .style(\"cursor\", (d) =>\n      d.data.component || d.data.text ? \"pointer\" : \"default\"\n    )\n    .each(function (d) {\n      if (d.data.component || d.data.text) {\n        d3.select(this).on(\"click\", (_event) => handleNodeClick(d.data));\n      }\n    });\n  //.style('cursor', 'pointer')\n  //.on('click', (_event, d) => handleNodeClick(d.data))\n\n  node.each(function (d) {\n    const group = d3.select(this);\n\n    // Append text temporarily\n    const text = group\n      .append(\"text\")\n      .attr(\"class\", \"text-sm font-semibold fill-black dark:fill-white\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr(\"x\", 0)\n      .attr(\"y\", 0)\n      .attr(\"dy\", \".35em\")\n      .text(d.data.name);\n\n    // Get bounding box to determine text size\n    const bbox = (text.node() as SVGTextElement).getBBox();\n    const paddingX = 10;\n    const paddingY = 10;\n\n    const width = bbox.width + paddingX * 2;\n    const height = bbox.height + paddingY * 2;\n\n    // Draw rect using text size\n    group\n      .insert(\"rect\", \"text\")\n      .attr(\"class\", props.colorRect)\n      .attr(\"x\", -width / 2)\n      .attr(\"y\", -height / 2)\n      .attr(\"width\", width)\n      .attr(\"height\", height)\n      .attr(\"rx\", 4)\n      .attr(\"ry\", 4);\n  });\n\n  node\n    .append(\"text\")\n    .attr(\"x\", 0)\n    .attr(\"y\", 0)\n    .attr(\"dy\", \".35em\")\n    .attr(\"class\", \"text-sm font-semibold fill-white dark:fill-black\")\n    .attr(\"text-anchor\", \"middle\")\n    .text((d) => d.data.name)\n    .style(\"pointer-events\", \"none\");\n};\n\nconst clusterView = () => {\n  const rectW = 130;\n  const rectH = 40;\n  const margin = { top: 40, right: 40, bottom: 40, left: 40 };\n\n  const root = hierarchy<TreeNode>(props.nodes);\n  //const totalLeafCount = root.leaves().length\n  const width = Math.max(props.maxWidth);\n  const height = props.maxHeight;\n\n  const treeLayout = cluster<TreeNode>().nodeSize([130, 130]); // [x spacing, y spacing]\n\n  const treeData = treeLayout(root);\n\n  const svg = d3\n    .select(treeContainer.value)\n    .append(\"svg\")\n    .attr(\"width\", width)\n    .attr(\"height\", height);\n\n  const g = svg\n    .append(\"g\")\n    .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n  const zoom = d3Zoom\n    .zoom<SVGSVGElement, unknown>()\n    .scaleExtent([0.1, 4])\n    .on(\"zoom\", (event) => {\n      g.attr(\"transform\", event.transform);\n    });\n\n  svg.call(zoom);\n\n  const centerX = 30;\n  const centerY = height / 2 - treeData.x;\n  const identity = (d3Zoom as any).zoomIdentity;\n  svg.call(zoom.transform, identity.translate(centerX, centerY));\n\n  // Links\n  const linkPath = linkHorizontal<\n    HierarchyPointLink<TreeNode>,\n    HierarchyPointNode<TreeNode>\n  >()\n    .x((d) => d.y)\n    .y((d) => d.x);\n\n  g.selectAll(\"path.link\")\n    .data(treeData.links())\n    .enter()\n    .append(\"path\")\n    .attr(\"d\", (d) => linkPath(d))\n    .attr(\"class\", (d) => {\n      const link = d.target.data.active\n        ? `${props.colorPath} stroke-2`\n        : \"stroke-black dark:stroke-white\";\n      return `${link} link fill-none`;\n    });\n\n  // Nodes\n  const node = g\n    .selectAll(\"g.node\")\n    .data(treeData.descendants())\n    .enter()\n    .append(\"g\")\n    .attr(\"class\", \"node\")\n    .attr(\"transform\", (d) => `translate(${d.y}, ${d.x})`)\n    .style(\"cursor\", (d) =>\n      d.data.component || d.data.text ? \"pointer\" : \"default\"\n    )\n    .each(function (d) {\n      if (d.data.component || d.data.text) {\n        d3.select(this).on(\"click\", (_event) => handleNodeClick(d.data));\n      }\n    });\n  //.style('cursor', 'pointer')\n  //.on('click', (_event, d) => handleNodeClick(d.data))\n\n  node.each(function (d) {\n    const group = d3.select(this);\n\n    // Append text temporarily\n    const text = group\n      .append(\"text\")\n      .attr(\"class\", \"text-sm font-semibold fill-black dark:fill-white\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr(\"x\", 0)\n      .attr(\"y\", 0)\n      .attr(\"dy\", \".35em\")\n      .text(d.data.name);\n\n    // Get bounding box to determine text size\n    const bbox = (text.node() as SVGTextElement).getBBox();\n    const paddingX = 10;\n    const paddingY = 10;\n\n    const width = bbox.width + paddingX * 2;\n    const height = bbox.height + paddingY * 2;\n\n    // Draw rect using text size\n    group\n      .insert(\"rect\", \"text\")\n      .attr(\"class\", props.colorRect)\n      .attr(\"x\", -width / 2)\n      .attr(\"y\", -height / 2)\n      .attr(\"width\", width)\n      .attr(\"height\", height)\n      .attr(\"rx\", 4)\n      .attr(\"ry\", 4);\n  });\n\n  node\n    .append(\"text\")\n    .attr(\"x\", 0)\n    .attr(\"y\", 0)\n    .attr(\"dy\", \".35em\")\n    .attr(\"class\", \"text-sm font-semibold fill-white dark:fill-black\")\n    .attr(\"text-anchor\", \"middle\")\n    .text((d) => d.data.name)\n    .style(\"pointer-events\", \"none\");\n};\n\nconst maxW = computed(() => {\n  return `${props.maxWidth.toString()}px`;\n});\n\nconst maxH = computed(() => {\n  return `${props.maxWidth.toString()}px`;\n});\n</script>\n\n<template>\n  <div>\n    <div\n      ref=\"treeWrapper\"\n      class=\"tree-wrapper mx-auto\"\n      :style=\"{ maxHeight: maxH, maxWidth: maxW }\"\n    >\n      <div ref=\"treeContainer\" class=\"tree-container\" />\n    </div>\n    <EpModal v-model=\"showModal\" :title=\"currentNode.title\" v-if=\"currentNode\">\n      <div v-if=\"currentNode.text\" v-html=\"useRenderText(currentNode.text)\" />\n      <template v-if=\"currentRenderComponent && currentNode.component\">\n        <component\n          :is=\"currentRenderComponent\"\n          v-bind=\"{ ...currentNode.component.data }\"\n        />\n      </template>\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"closeModal\" type=\"error\" outlined rounded>{{\n          labelClose\n        }}</EpBtn>\n      </div>\n    </EpModal>\n  </div>\n</template>\n\n<style scoped>\n.tree-wrapper {\n  overflow: auto;\n  border: 1px solid #ddd;\n}\n\n.tree-container {\n  width: 100%;\n  overflow-x: auto;\n}\n</style>\n"],"names":["width","height","_createElementBlock","_createElementVNode","_normalizeStyle","_createBlock","EpModal","_unref","_openBlock","_resolveDynamicComponent","_normalizeProps","_mergeProps","_createVNode","EpBtn","labelClose"],"mappings":"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"}
+{"version":3,"file":"EpHierarchy.vue2.js","sources":["../../../src/components/medias/EpHierarchy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, computed, defineAsyncComponent } from \"vue\";\nimport {\n  hierarchy,\n  tree,\n  cluster,\n  type HierarchyPointLink,\n  type HierarchyPointNode,\n} from \"d3-hierarchy\";\nimport * as d3 from \"d3-selection\";\nimport { linkVertical, linkHorizontal } from \"d3-shape\";\nimport * as d3Zoom from \"d3-zoom\";\nimport type { TreeNode } from \"~/types/Hierarchy\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpHierarchyProps } from \"~/types/medias/EpHierarchy\";\n\nconst props = withDefaults(defineProps<EpHierarchyProps>(), {\n  labelClose: \"fermer\",\n  maxWidth: 800,\n  maxHeight: 600,\n  isCluster: false,\n  colorRect: \"fill-main-color-400\",\n  colorPath: \"stroke-yellow-400\",\n});\n\nconst treeContainer = ref<HTMLDivElement | null>(null);\nconst treeWrapper = ref<HTMLDivElement | null>(null);\n\n/* control modal */\ntype ShowNode = {\n  title: string;\n  text?: string;\n  component?: NestedComponents;\n};\n\nconst currentNode = ref<ShowNode | null>(null);\nconst showModal = ref(false);\n\nconst handleNodeClick = (node: TreeNode) => {\n  currentNode.value = {\n    title: node.name,\n    text: node.text,\n    component: node.component,\n  };\n  showModal.value = true;\n};\n\nconst closeModal = () => {\n  showModal.value = false;\n  currentNode.value = null;\n};\n//nested component\n\nconst components = import.meta.glob([\n  \"./*.vue\", // all components in medias (same folder)\n  \"../basics/*.vue\", // components/charts/\n  \"../signages/*.vue\", // components/signages/\n]);\n\nconst currentRenderComponent = computed(() => {\n  if (!currentNode.value || !currentNode.value.component) {\n    return null;\n  }\n\n  const { path, name } = useComponent(currentNode.value.component.type);\n  //console.log(path, name)\n  let fullPath = \"\";\n  if (path === \"medias\") {\n    fullPath = `./${name}.vue`;\n  } else {\n    fullPath = `../${path}/${name}.vue`;\n  }\n  //console.log(fullPath)\n  const loader = components[fullPath] as\n    | (() => Promise<{ default: NestedComponents }>)\n    | undefined;\n\n  if (!loader) {\n    console.warn(`Component not found: ${fullPath}`);\n    return null; // or defineAsyncComponent(() => import('../fallbacks/EpNothing.vue'))\n  }\n\n  return defineAsyncComponent(loader);\n});\n\nonMounted(() => {\n  if (!treeContainer.value) return;\n\n  if (props.isCluster) {\n    clusterView();\n  } else {\n    treeView();\n  }\n});\n\nconst treeView = () => {\n  const rectW = 130;\n  const rectH = 40;\n  const margin = { top: 40, right: 40, bottom: 40, left: 40 };\n\n  const root = hierarchy<TreeNode>(props.nodes);\n  //const totalLeafCount = root.leaves().length\n  const width = Math.max(props.maxWidth);\n  const height = props.maxHeight;\n\n  const treeLayout = tree<TreeNode>().nodeSize([170, 100]); // [x spacing, y spacing]\n\n  const treeData = treeLayout(root);\n\n  const svg = d3\n    .select(treeContainer.value)\n    .append(\"svg\")\n    .attr(\"width\", width)\n    .attr(\"height\", height);\n\n  const g = svg\n    .append(\"g\")\n    .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n  const zoom = d3Zoom\n    .zoom<SVGSVGElement, unknown>()\n    .scaleExtent([0.5, 2])\n    .on(\"zoom\", (event) => {\n      g.attr(\"transform\", event.transform);\n    });\n\n  svg.call(zoom);\n\n  const centerX = width / 2 - treeData.x;\n  const centerY = 30; //height / 2 - treeData.y\n  const identity = (d3Zoom as any).zoomIdentity;\n  svg.call(zoom.transform, identity.translate(centerX, centerY));\n\n  // Links\n  const linkPath = linkVertical<\n    HierarchyPointLink<TreeNode>,\n    HierarchyPointNode<TreeNode>\n  >()\n    .x((d) => d.x)\n    .y((d) => d.y);\n\n  g.selectAll(\"path.link\")\n    .data(treeData.links())\n    .enter()\n    .append(\"path\")\n    .attr(\"d\", (d) => linkPath(d))\n    .attr(\"class\", (d) => {\n      const link = d.target.data.active\n        ? `${props.colorPath} stroke-2`\n        : \"stroke-black dark:stroke-white\";\n      return `${link} link fill-none`;\n    });\n\n  // Nodes\n  const node = g\n    .selectAll(\"g.node\")\n    .data(treeData.descendants())\n    .enter()\n    .append(\"g\")\n    .attr(\"class\", \"node\")\n    .attr(\"transform\", (d) => `translate(${d.x}, ${d.y})`)\n    .style(\"cursor\", (d) =>\n      d.data.component || d.data.text ? \"pointer\" : \"default\"\n    )\n    .each(function (d) {\n      if (d.data.component || d.data.text) {\n        d3.select(this).on(\"click\", (_event) => handleNodeClick(d.data));\n      }\n    });\n  //.style('cursor', 'pointer')\n  //.on('click', (_event, d) => handleNodeClick(d.data))\n\n  node.each(function (d) {\n    const group = d3.select(this);\n\n    // Append text temporarily\n    const text = group\n      .append(\"text\")\n      .attr(\"class\", \"text-sm font-semibold fill-black dark:fill-white\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr(\"x\", 0)\n      .attr(\"y\", 0)\n      .attr(\"dy\", \".35em\")\n      .text(d.data.name);\n\n    // Get bounding box to determine text size\n    const bbox = (text.node() as SVGTextElement).getBBox();\n    const paddingX = 10;\n    const paddingY = 10;\n\n    const width = bbox.width + paddingX * 2;\n    const height = bbox.height + paddingY * 2;\n\n    // Draw rect using text size\n    group\n      .insert(\"rect\", \"text\")\n      .attr(\"class\", props.colorRect)\n      .attr(\"x\", -width / 2)\n      .attr(\"y\", -height / 2)\n      .attr(\"width\", width)\n      .attr(\"height\", height)\n      .attr(\"rx\", 4)\n      .attr(\"ry\", 4);\n  });\n\n  node\n    .append(\"text\")\n    .attr(\"x\", 0)\n    .attr(\"y\", 0)\n    .attr(\"dy\", \".35em\")\n    .attr(\"class\", \"text-sm font-semibold fill-white dark:fill-black\")\n    .attr(\"text-anchor\", \"middle\")\n    .text((d) => d.data.name)\n    .style(\"pointer-events\", \"none\");\n};\n\nconst clusterView = () => {\n  const rectW = 130;\n  const rectH = 40;\n  const margin = { top: 40, right: 40, bottom: 40, left: 40 };\n\n  const root = hierarchy<TreeNode>(props.nodes);\n  //const totalLeafCount = root.leaves().length\n  const width = Math.max(props.maxWidth);\n  const height = props.maxHeight;\n\n  const treeLayout = cluster<TreeNode>().nodeSize([130, 130]); // [x spacing, y spacing]\n\n  const treeData = treeLayout(root);\n\n  const svg = d3\n    .select(treeContainer.value)\n    .append(\"svg\")\n    .attr(\"width\", width)\n    .attr(\"height\", height);\n\n  const g = svg\n    .append(\"g\")\n    .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n  const zoom = d3Zoom\n    .zoom<SVGSVGElement, unknown>()\n    .scaleExtent([0.1, 4])\n    .on(\"zoom\", (event) => {\n      g.attr(\"transform\", event.transform);\n    });\n\n  svg.call(zoom);\n\n  const centerX = 30;\n  const centerY = height / 2 - treeData.x;\n  const identity = (d3Zoom as any).zoomIdentity;\n  svg.call(zoom.transform, identity.translate(centerX, centerY));\n\n  // Links\n  const linkPath = linkHorizontal<\n    HierarchyPointLink<TreeNode>,\n    HierarchyPointNode<TreeNode>\n  >()\n    .x((d) => d.y)\n    .y((d) => d.x);\n\n  g.selectAll(\"path.link\")\n    .data(treeData.links())\n    .enter()\n    .append(\"path\")\n    .attr(\"d\", (d) => linkPath(d))\n    .attr(\"class\", (d) => {\n      const link = d.target.data.active\n        ? `${props.colorPath} stroke-2`\n        : \"stroke-black dark:stroke-white\";\n      return `${link} link fill-none`;\n    });\n\n  // Nodes\n  const node = g\n    .selectAll(\"g.node\")\n    .data(treeData.descendants())\n    .enter()\n    .append(\"g\")\n    .attr(\"class\", \"node\")\n    .attr(\"transform\", (d) => `translate(${d.y}, ${d.x})`)\n    .style(\"cursor\", (d) =>\n      d.data.component || d.data.text ? \"pointer\" : \"default\"\n    )\n    .each(function (d) {\n      if (d.data.component || d.data.text) {\n        d3.select(this).on(\"click\", (_event) => handleNodeClick(d.data));\n      }\n    });\n  //.style('cursor', 'pointer')\n  //.on('click', (_event, d) => handleNodeClick(d.data))\n\n  node.each(function (d) {\n    const group = d3.select(this);\n\n    // Append text temporarily\n    const text = group\n      .append(\"text\")\n      .attr(\"class\", \"text-sm font-semibold fill-black dark:fill-white\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr(\"x\", 0)\n      .attr(\"y\", 0)\n      .attr(\"dy\", \".35em\")\n      .text(d.data.name);\n\n    // Get bounding box to determine text size\n    const bbox = (text.node() as SVGTextElement).getBBox();\n    const paddingX = 10;\n    const paddingY = 10;\n\n    const width = bbox.width + paddingX * 2;\n    const height = bbox.height + paddingY * 2;\n\n    // Draw rect using text size\n    group\n      .insert(\"rect\", \"text\")\n      .attr(\"class\", props.colorRect)\n      .attr(\"x\", -width / 2)\n      .attr(\"y\", -height / 2)\n      .attr(\"width\", width)\n      .attr(\"height\", height)\n      .attr(\"rx\", 4)\n      .attr(\"ry\", 4);\n  });\n\n  node\n    .append(\"text\")\n    .attr(\"x\", 0)\n    .attr(\"y\", 0)\n    .attr(\"dy\", \".35em\")\n    .attr(\"class\", \"text-sm font-semibold fill-white dark:fill-black\")\n    .attr(\"text-anchor\", \"middle\")\n    .text((d) => d.data.name)\n    .style(\"pointer-events\", \"none\");\n};\n\nconst maxW = computed(() => {\n  return `${props.maxWidth.toString()}px`;\n});\n\nconst maxH = computed(() => {\n  return `${props.maxWidth.toString()}px`;\n});\n</script>\n\n<template>\n  <div>\n    <div\n      ref=\"treeWrapper\"\n      class=\"tree-wrapper mx-auto\"\n      :style=\"{ maxHeight: maxH, maxWidth: maxW }\"\n    >\n      <div ref=\"treeContainer\" class=\"tree-container\" />\n    </div>\n    <EpModal v-model=\"showModal\" :title=\"currentNode.title\" v-if=\"currentNode\">\n      <div v-if=\"currentNode.text\" v-html=\"useRenderText(currentNode.text)\" />\n      <template v-if=\"currentRenderComponent && currentNode.component\">\n        <component\n          :is=\"currentRenderComponent\"\n          v-bind=\"{ ...currentNode.component.data }\"\n        />\n      </template>\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"closeModal\" type=\"error\" outlined rounded>{{\n          labelClose\n        }}</EpBtn>\n      </div>\n    </EpModal>\n  </div>\n</template>\n\n<style scoped>\n.tree-wrapper {\n  overflow: auto;\n  border: 1px solid #ddd;\n}\n\n.tree-container {\n  width: 100%;\n  overflow-x: auto;\n}\n</style>\n"],"names":["width","height","_createElementBlock","_createElementVNode","_normalizeStyle","_createBlock","EpModal","_unref","_openBlock","_resolveDynamicComponent","_normalizeProps","_mergeProps","_createVNode","EpBtn","labelClose"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpIframe.vue.js","sources":["../../../src/components/medias/EpIframe.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiApplicationBrackets } from \"@mdi/js\";\nimport { EpIframeProps } from \"~/types/medias/EpIframe\";\n\nconst props = withDefaults(defineProps<EpIframeProps>(), {\n  type: \"neutral\",\n  big: false,\n  hideIcon: false,\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\nconst height = computed(() => {\n  if (props.customHeight) {\n    return props.customHeight;\n  }\n  return props.big ? \"1000\" : \"520\";\n});\n\nconst _src = computed(() => {\n  let lastLetter = props.src[props.src.length - 1];\n  let isNum = /^\\d+$/.test(lastLetter);\n  let studiumUrl = props.src.includes(\"https://studium.umontreal.ca\");\n  if (isNum && studiumUrl) {\n    return props.src + \"&embed=1\";\n  }\n  return props.src;\n});\n\nconst { title, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :labelIntentions=\"labelIntentions\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiApplicationBrackets\"\n    :mandateLevel=\"mandateLevel\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <iframe :src=\"_src\" class=\"w-full\" :height=\"height\"></iframe>\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","mandateLevel","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAMd,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;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,MAAM,cAAc;AACtB,eAAO,MAAM;AAAA,MACf;AACA,aAAO,MAAM,MAAM,SAAS;AAAA,IAC9B,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,aAAa,MAAM,IAAI,MAAM,IAAI,SAAS,CAAC;AAC/C,UAAI,QAAQ,QAAQ,KAAK,UAAU;AACnC,UAAI,aAAa,MAAM,IAAI,SAAS,8BAA8B;AAClE,UAAI,SAAS,YAAY;AACvB,eAAO,MAAM,MAAM;AAAA,MACrB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,EAAE,OAAO,aAAa,OAAO,KAAK;;0BAItCA,YAiBQC,aAAA;AAAA,QAhBL,OAAOC,MAAA,KAAA;AAAA,QACP,iBAAiBC,KAAAA;AAAAA,QACjB,MAAMC,KAAAA;AAAAA,QACN,UAAUF,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,sBAAA;AAAA,QACN,cAAcG,KAAAA;AAAAA,MAAAA;QAKJ,iBACT,MAA6D;AAAA,UAA7DC,mBAA6D,UAAA;AAAA,YAApD,KAAK,KAAA;AAAA,YAAM,OAAM;AAAA,YAAU,QAAQ,OAAA;AAAA,UAAA;;;;QAJlB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpIframe.vue.js","sources":["../../../src/components/medias/EpIframe.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiApplicationBrackets } from \"@mdi/js\";\nimport type { EpIframeProps } from \"~/types/medias/EpIframe\";\n\nconst props = withDefaults(defineProps<EpIframeProps>(), {\n  type: \"neutral\",\n  big: false,\n  hideIcon: false,\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\nconst height = computed(() => {\n  if (props.customHeight) {\n    return props.customHeight;\n  }\n  return props.big ? \"1000\" : \"520\";\n});\n\nconst _src = computed(() => {\n  let lastLetter = props.src[props.src.length - 1];\n  let isNum = /^\\d+$/.test(lastLetter);\n  let studiumUrl = props.src.includes(\"https://studium.umontreal.ca\");\n  if (isNum && studiumUrl) {\n    return props.src + \"&embed=1\";\n  }\n  return props.src;\n});\n\nconst { title, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :labelIntentions=\"labelIntentions\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiApplicationBrackets\"\n    :mandateLevel=\"mandateLevel\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <iframe :src=\"_src\" class=\"w-full\" :height=\"height\"></iframe>\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","mandateLevel","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAMd,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;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,MAAM,cAAc;AACtB,eAAO,MAAM;AAAA,MACf;AACA,aAAO,MAAM,MAAM,SAAS;AAAA,IAC9B,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,aAAa,MAAM,IAAI,MAAM,IAAI,SAAS,CAAC;AAC/C,UAAI,QAAQ,QAAQ,KAAK,UAAU;AACnC,UAAI,aAAa,MAAM,IAAI,SAAS,8BAA8B;AAClE,UAAI,SAAS,YAAY;AACvB,eAAO,MAAM,MAAM;AAAA,MACrB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,EAAE,OAAO,aAAa,OAAO,KAAK;;0BAItCA,YAiBQC,aAAA;AAAA,QAhBL,OAAOC,MAAA,KAAA;AAAA,QACP,iBAAiBC,KAAAA;AAAAA,QACjB,MAAMC,KAAAA;AAAAA,QACN,UAAUF,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,sBAAA;AAAA,QACN,cAAcG,KAAAA;AAAAA,MAAAA;QAKJ,iBACT,MAA6D;AAAA,UAA7DC,mBAA6D,UAAA;AAAA,YAApD,KAAK,KAAA;AAAA,YAAM,OAAM;AAAA,YAAU,QAAQ,OAAA;AAAA,UAAA;;;;QAJlB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

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

package/dist/components/medias/EpKatex.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpKatex.vue2.js","sources":["../../../src/components/medias/EpKatex.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, computed, toRefs } from \"vue\";\nimport katex from \"katex\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiFunctionVariant } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { EpKatexProps } from \"~/types/medias/EpKatex\";\n\nconst props = withDefaults(defineProps<EpKatexProps>(), {\n  center: false,\n});\n\nconst renderKatex = ref<HTMLDivElement>();\n\nonMounted(() => {\n  if (renderKatex.value) {\n    katex.render(String.raw`${props.content}`, renderKatex.value, {\n      throwOnError: false,\n      output: \"html\",\n    });\n  }\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\nconst { center } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiFunctionVariant\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\">\n        <div ref=\"renderKatex\" />\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\n<style scoped>\n.katex {\n  font-size: 1.6em;\n}\n</style>\n"],"names":["_createBlock","EpEdu","title","type","hideIcon","_unref","labelIntentions","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAId,UAAM,cAAc,IAAA;AAEpB,cAAU,MAAM;AACd,UAAI,YAAY,OAAO;AACrB,cAAM,OAAO,OAAO,MAAM,MAAM,OAAO,IAAI,YAAY,OAAO;AAAA,UAC5D,cAAc;AAAA,UACd,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;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;AAED,UAAM,EAAE,OAAA,IAAW,OAAO,KAAK;;0BAI7BA,YAkBQC,aAAA;AAAA,QAjBL,OAAOC,KAAAA;AAAAA,QACP,MAAMC,KAAAA;AAAAA,QACN,UAAUC,KAAAA;AAAAA,QACV,MAAMC,MAAA,kBAAA;AAAA,QACN,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAEM;AAAA,UAFNC,mBAEM,OAAA;AAAA,YAFA,6BAAcF,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YACxBE,mBAAyB,OAAA;AAAA,uBAAhB;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;QALe,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpKatex.vue2.js","sources":["../../../src/components/medias/EpKatex.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, computed, toRefs } from \"vue\";\nimport katex from \"katex\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiFunctionVariant } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport type { EpKatexProps } from \"~/types/medias/EpKatex\";\n\nconst props = withDefaults(defineProps<EpKatexProps>(), {\n  center: false,\n});\n\nconst renderKatex = ref<HTMLDivElement>();\n\nonMounted(() => {\n  if (renderKatex.value) {\n    katex.render(String.raw`${props.content}`, renderKatex.value, {\n      throwOnError: false,\n      output: \"html\",\n    });\n  }\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\nconst { center } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiFunctionVariant\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\">\n        <div ref=\"renderKatex\" />\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\n<style scoped>\n.katex {\n  font-size: 1.6em;\n}\n</style>\n"],"names":["_createBlock","EpEdu","title","type","hideIcon","_unref","labelIntentions","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAId,UAAM,cAAc,IAAA;AAEpB,cAAU,MAAM;AACd,UAAI,YAAY,OAAO;AACrB,cAAM,OAAO,OAAO,MAAM,MAAM,OAAO,IAAI,YAAY,OAAO;AAAA,UAC5D,cAAc;AAAA,UACd,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;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;AAED,UAAM,EAAE,OAAA,IAAW,OAAO,KAAK;;0BAI7BA,YAkBQC,aAAA;AAAA,QAjBL,OAAOC,KAAAA;AAAAA,QACP,MAAMC,KAAAA;AAAAA,QACN,UAAUC,KAAAA;AAAAA,QACV,MAAMC,MAAA,kBAAA;AAAA,QACN,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAEM;AAAA,UAFNC,mBAEM,OAAA;AAAA,YAFA,6BAAcF,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YACxBE,mBAAyB,OAAA;AAAA,uBAAhB;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;QALe,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpLink.vue.js","sources":["../../../src/components/medias/EpLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiLinkVariant } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport useColors from \"~/composables/useColors\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { EpLinkProps } from \"~/types/medias/EpLink\";\n\nconst props = withDefaults(defineProps<EpLinkProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n});\n\nconst renderIcon = computed(() => {\n  if (props.icon) {\n    return props.icon;\n  }\n  return mdiLinkVariant;\n});\n\nconst hoverColor = computed(() => {\n  return `absolute ${useColors(\n    \"bg\",\n    \"primary\" + \"dark\"\n  )} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`;\n});\n\nconst { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"labelCard\"\n    :icon=\"renderIcon\"\n    flat\n    :hideIcon=\"hideIcon\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"intentions\">\n      <div v-html=\"useRenderText(intentions)\" />\n    </template>\n    <template #content>\n      <div class=\"flex justify-center\">\n        <div class=\"w-4/5\">\n          <EpBtn\n            block\n            rounded\n            type=\"primary\"\n            :prependIcon=\"renderIcon\"\n            :href=\"url\"\n            extraClass=\"group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out \"\n          >\n            <div>\n              <span class=\"font-medium tracking-wider\">{{ title }}</span>\n              <span :class=\"hoverColor\" />\n            </div>\n          </EpBtn>\n        </div>\n      </div>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","labelCard","_unref","labelIntentions","_createElementVNode","_createVNode","EpBtn","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAKd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,YAAY;AAAA,QACjB;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,YAAY,cAAc,SAAA,IAAa,OAAO,KAAK;;0BAIrEA,YA8BQC,aAAA;AAAA,QA7BL,OAAOC,KAAAA;AAAAA,QACP,MAAM,WAAA;AAAA,QACP,MAAA;AAAA,QACC,UAAUC,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,QACd,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAgBM;AAAA,UAhBNC,mBAgBM,OAhBN,YAgBM;AAAA,YAfJA,mBAcM,OAdN,YAcM;AAAA,cAbJC,YAYQC,aAAA;AAAA,gBAXN,OAAA;AAAA,gBACA,SAAA;AAAA,gBACA,MAAK;AAAA,gBACJ,aAAa,WAAA;AAAA,gBACb,MAAMJ,MAAA,GAAA;AAAA,gBACP,YAAW;AAAA,cAAA;iCAEX,MAGM;AAAA,kBAHNE,mBAGM,OAAA,MAAA;AAAA,oBAFJA,mBAA2D,QAA3D,YAA2DG,gBAAfL,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,oBACjDE,mBAA4B,QAAA;AAAA,sBAArB,sBAAO,WAAA,KAAU;AAAA,oBAAA;;;;;;;;;;QAhBNF,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,YAA1CE,mBAA0C,OAAA;AAAA,cAArC,WAAQF,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}
+{"version":3,"file":"EpLink.vue.js","sources":["../../../src/components/medias/EpLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiLinkVariant } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport useColors from \"~/composables/useColors\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpLinkProps } from \"~/types/medias/EpLink\";\n\nconst props = withDefaults(defineProps<EpLinkProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n});\n\nconst renderIcon = computed(() => {\n  if (props.icon) {\n    return props.icon;\n  }\n  return mdiLinkVariant;\n});\n\nconst hoverColor = computed(() => {\n  return `absolute ${useColors(\n    \"bg\",\n    \"primary\" + \"dark\"\n  )} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`;\n});\n\nconst { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"labelCard\"\n    :icon=\"renderIcon\"\n    flat\n    :hideIcon=\"hideIcon\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"intentions\">\n      <div v-html=\"useRenderText(intentions)\" />\n    </template>\n    <template #content>\n      <div class=\"flex justify-center\">\n        <div class=\"w-4/5\">\n          <EpBtn\n            block\n            rounded\n            type=\"primary\"\n            :prependIcon=\"renderIcon\"\n            :href=\"url\"\n            extraClass=\"group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out \"\n          >\n            <div>\n              <span class=\"font-medium tracking-wider\">{{ title }}</span>\n              <span :class=\"hoverColor\" />\n            </div>\n          </EpBtn>\n        </div>\n      </div>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","labelCard","_unref","labelIntentions","_createElementVNode","_createVNode","EpBtn","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAKd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,YAAY;AAAA,QACjB;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,YAAY,cAAc,SAAA,IAAa,OAAO,KAAK;;0BAIrEA,YA8BQC,aAAA;AAAA,QA7BL,OAAOC,KAAAA;AAAAA,QACP,MAAM,WAAA;AAAA,QACP,MAAA;AAAA,QACC,UAAUC,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,QACd,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAgBM;AAAA,UAhBNC,mBAgBM,OAhBN,YAgBM;AAAA,YAfJA,mBAcM,OAdN,YAcM;AAAA,cAbJC,YAYQC,aAAA;AAAA,gBAXN,OAAA;AAAA,gBACA,SAAA;AAAA,gBACA,MAAK;AAAA,gBACJ,aAAa,WAAA;AAAA,gBACb,MAAMJ,MAAA,GAAA;AAAA,gBACP,YAAW;AAAA,cAAA;iCAEX,MAGM;AAAA,kBAHNE,mBAGM,OAAA,MAAA;AAAA,oBAFJA,mBAA2D,QAA3D,YAA2DG,gBAAfL,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,oBACjDE,mBAA4B,QAAA;AAAA,sBAArB,sBAAO,WAAA,KAAU;AAAA,oBAAA;;;;;;;;;;QAhBNF,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,YAA1CE,mBAA0C,OAAA;AAAA,cAArC,WAAQF,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpLinkVersion.vue.js","sources":["../../../src/components/medias/EpLinkVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpLink from \"~/components/medias/EpLink.vue\";\nimport EpIframe from \"~/components/medias/EpIframe.vue\";\nimport { EpLinkVersionProps } from \"~/types/medias/EpLinkVersion\";\n\nconst props = withDefaults(defineProps<EpLinkVersionProps>(), {\n  big: false,\n  labels: () => {\n    return {\n      noData: \"no data\",\n    };\n  },\n});\n\nconst { type, link, big, customHeight } = toRefs(props);\n</script>\n\n<template>\n  <div v-if=\"type === 'button'\">\n    <EpLink :title=\"link.title\" :url=\"link.url\"></EpLink>\n  </div>\n  <div v-else-if=\"type === 'iframe'\">\n    <EpIframe\n      :title=\"link.title\"\n      :src=\"link.url\"\n      :big=\"big\"\n      :custom-height=\"customHeight\"\n    ></EpIframe>\n  </div>\n  <div v-else>\n    {{ labels.noData }}\n  </div>\n</template>\n"],"names":["_unref","_createElementBlock","_createVNode","EpLink","EpIframe","_toDisplayString","labels"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AASd,UAAM,EAAE,MAAM,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;;aAIzCA,MAAA,IAAA,MAAI,yBAAfC,mBAEM,OAAA,YAAA;AAAA,QADJC,YAAqDC,aAAA;AAAA,UAA5C,OAAOH,MAAA,IAAA,EAAK;AAAA,UAAQ,KAAKA,MAAA,IAAA,EAAK;AAAA,QAAA;YAEzBA,MAAA,IAAA,MAAI,yBAApBC,mBAOM,OAAA,YAAA;AAAA,QANJC,YAKYE,aAAA;AAAA,UAJT,OAAOJ,MAAA,IAAA,EAAK;AAAA,UACZ,KAAKA,MAAA,IAAA,EAAK;AAAA,UACV,KAAKA,MAAA,GAAA;AAAA,UACL,iBAAeA,MAAA,YAAA;AAAA,QAAA;0BAGpBC,mBAEM,OAAA,YAAAI,gBADDC,KAAAA,OAAO,MAAM,GAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"EpLinkVersion.vue.js","sources":["../../../src/components/medias/EpLinkVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpLink from \"~/components/medias/EpLink.vue\";\nimport EpIframe from \"~/components/medias/EpIframe.vue\";\nimport type { EpLinkVersionProps } from \"~/types/medias/EpLinkVersion\";\n\nconst props = withDefaults(defineProps<EpLinkVersionProps>(), {\n  big: false,\n  labels: () => {\n    return {\n      noData: \"no data\",\n    };\n  },\n});\n\nconst { type, link, big, customHeight } = toRefs(props);\n</script>\n\n<template>\n  <div v-if=\"type === 'button'\">\n    <EpLink :title=\"link.title\" :url=\"link.url\"></EpLink>\n  </div>\n  <div v-else-if=\"type === 'iframe'\">\n    <EpIframe\n      :title=\"link.title\"\n      :src=\"link.url\"\n      :big=\"big\"\n      :custom-height=\"customHeight\"\n    ></EpIframe>\n  </div>\n  <div v-else>\n    {{ labels.noData }}\n  </div>\n</template>\n"],"names":["_unref","_createElementBlock","_createVNode","EpLink","EpIframe","_toDisplayString","labels"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AASd,UAAM,EAAE,MAAM,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;;aAIzCA,MAAA,IAAA,MAAI,yBAAfC,mBAEM,OAAA,YAAA;AAAA,QADJC,YAAqDC,aAAA;AAAA,UAA5C,OAAOH,MAAA,IAAA,EAAK;AAAA,UAAQ,KAAKA,MAAA,IAAA,EAAK;AAAA,QAAA;YAEzBA,MAAA,IAAA,MAAI,yBAApBC,mBAOM,OAAA,YAAA;AAAA,QANJC,YAKYE,aAAA;AAAA,UAJT,OAAOJ,MAAA,IAAA,EAAK;AAAA,UACZ,KAAKA,MAAA,IAAA,EAAK;AAAA,UACV,KAAKA,MAAA,GAAA;AAAA,UACL,iBAAeA,MAAA,YAAA;AAAA,QAAA;0BAGpBC,mBAEM,OAAA,YAAAI,gBADDC,KAAAA,OAAO,MAAM,GAAA,CAAA;AAAA;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpLottieSvg.vue.js","sources":["../../../src/components/medias/EpLottieSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { DotLottieVue } from \"@lottiefiles/dotlottie-vue\";\nimport { ref, watchEffect } from \"vue\";\nimport { EpLottieSvgProps } from \"~/types/medias/EpLottieSvg\";\n\nconst props = withDefaults(defineProps<EpLottieSvgProps>(), {\n  autoPlay: false,\n  loop: false,\n  speed: 1,\n  width: 150,\n  height: 150,\n  pauseOnClick: false,\n  pauseButton: false,\n  playOnHover: false,\n});\n\nconst buttonText = ref(props.autoPlay ? \"Arrêter\" : \"Jouer\");\n\nconst playerRef = ref<any | null>(null);\n\nconst managePlayState = () => {\n  if (playerRef.value) {\n    if (playerRef.value.getDotLottieInstance().isPlaying) {\n      playerRef.value.getDotLottieInstance().pause();\n      buttonText.value = \"Jouer\";\n    } else {\n      playerRef.value.getDotLottieInstance().play();\n      buttonText.value = \"Arrêter\";\n    }\n  }\n};\n\nwatchEffect(() => {\n  if (playerRef.value) {\n    playerRef.value.getDotLottieInstance().addEventListener(\"complete\", () => {\n      if (props.onComplete) {\n        props.onComplete();\n      }\n    });\n  }\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col items-center\">\n    <DotLottieVue\n      :src=\"src\"\n      :loop=\"loop\"\n      :autoplay=\"autoPlay\"\n      :style=\"`width: ${width}px; height: ${height}px;`\"\n      :speed=\"Number(speed)\"\n      :play-on-hover=\"playOnHover\"\n      ref=\"playerRef\"\n      @click=\"pauseOnClick ? managePlayState() : ''\"\n    />\n    <button\n      class=\"rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3\"\n      v-if=\"pauseButton\"\n      @click=\"managePlayState\"\n    >\n      {{ buttonText }}\n    </button>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","src","loop","autoPlay","_normalizeStyle","width","height","speed","playOnHover","pauseOnClick","pauseButton"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAWd,UAAM,aAAa,IAAI,MAAM,WAAW,YAAY,OAAO;AAE3D,UAAM,YAAY,IAAgB,IAAI;AAEtC,UAAM,kBAAkB,MAAM;AAC5B,UAAI,UAAU,OAAO;AACnB,YAAI,UAAU,MAAM,qBAAA,EAAuB,WAAW;AACpD,oBAAU,MAAM,qBAAA,EAAuB,MAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB,OAAO;AACL,oBAAU,MAAM,qBAAA,EAAuB,KAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAEA,gBAAY,MAAM;AAChB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,qBAAA,EAAuB,iBAAiB,YAAY,MAAM;AACxE,cAAI,MAAM,YAAY;AACpB,kBAAM,WAAA;AAAA,UACR;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBJC,YASEC,MAAA,YAAA,GAAA;AAAA,UARC,KAAKC,KAAAA;AAAAA,UACL,MAAMC,KAAAA;AAAAA,UACN,UAAUC,KAAAA;AAAAA,UACV,OAAKC,eAAA,UAAYC,KAAAA,KAAK,eAAeC,KAAAA,MAAM,KAAA;AAAA,UAC3C,OAAO,OAAOC,KAAAA,KAAK;AAAA,UACnB,iBAAeC,KAAAA;AAAAA,mBACZ;AAAA,UAAJ,KAAI;AAAA,UACH,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAEC,KAAAA,eAAe,gBAAA,IAAe;AAAA,QAAA;QAIhCC,KAAAA,4BAFRZ,mBAMS,UAAA;AAAA;UALP,OAAM;AAAA,UAEL,SAAO;AAAA,QAAA,mBAEL,WAAA,KAAU,GAAA,CAAA;;;;;"}
+{"version":3,"file":"EpLottieSvg.vue.js","sources":["../../../src/components/medias/EpLottieSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { DotLottieVue } from \"@lottiefiles/dotlottie-vue\";\nimport { ref, watchEffect } from \"vue\";\nimport type { EpLottieSvgProps } from \"~/types/medias/EpLottieSvg\";\n\nconst props = withDefaults(defineProps<EpLottieSvgProps>(), {\n  autoPlay: false,\n  loop: false,\n  speed: 1,\n  width: 150,\n  height: 150,\n  pauseOnClick: false,\n  pauseButton: false,\n  playOnHover: false,\n});\n\nconst buttonText = ref(props.autoPlay ? \"Arrêter\" : \"Jouer\");\n\nconst playerRef = ref<any | null>(null);\n\nconst managePlayState = () => {\n  if (playerRef.value) {\n    if (playerRef.value.getDotLottieInstance().isPlaying) {\n      playerRef.value.getDotLottieInstance().pause();\n      buttonText.value = \"Jouer\";\n    } else {\n      playerRef.value.getDotLottieInstance().play();\n      buttonText.value = \"Arrêter\";\n    }\n  }\n};\n\nwatchEffect(() => {\n  if (playerRef.value) {\n    playerRef.value.getDotLottieInstance().addEventListener(\"complete\", () => {\n      if (props.onComplete) {\n        props.onComplete();\n      }\n    });\n  }\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col items-center\">\n    <DotLottieVue\n      :src=\"src\"\n      :loop=\"loop\"\n      :autoplay=\"autoPlay\"\n      :style=\"`width: ${width}px; height: ${height}px;`\"\n      :speed=\"Number(speed)\"\n      :play-on-hover=\"playOnHover\"\n      ref=\"playerRef\"\n      @click=\"pauseOnClick ? managePlayState() : ''\"\n    />\n    <button\n      class=\"rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3\"\n      v-if=\"pauseButton\"\n      @click=\"managePlayState\"\n    >\n      {{ buttonText }}\n    </button>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","src","loop","autoPlay","_normalizeStyle","width","height","speed","playOnHover","pauseOnClick","pauseButton"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAWd,UAAM,aAAa,IAAI,MAAM,WAAW,YAAY,OAAO;AAE3D,UAAM,YAAY,IAAgB,IAAI;AAEtC,UAAM,kBAAkB,MAAM;AAC5B,UAAI,UAAU,OAAO;AACnB,YAAI,UAAU,MAAM,qBAAA,EAAuB,WAAW;AACpD,oBAAU,MAAM,qBAAA,EAAuB,MAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB,OAAO;AACL,oBAAU,MAAM,qBAAA,EAAuB,KAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAEA,gBAAY,MAAM;AAChB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,qBAAA,EAAuB,iBAAiB,YAAY,MAAM;AACxE,cAAI,MAAM,YAAY;AACpB,kBAAM,WAAA;AAAA,UACR;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBJC,YASEC,MAAA,YAAA,GAAA;AAAA,UARC,KAAKC,KAAAA;AAAAA,UACL,MAAMC,KAAAA;AAAAA,UACN,UAAUC,KAAAA;AAAAA,UACV,OAAKC,eAAA,UAAYC,KAAAA,KAAK,eAAeC,KAAAA,MAAM,KAAA;AAAA,UAC3C,OAAO,OAAOC,KAAAA,KAAK;AAAA,UACnB,iBAAeC,KAAAA;AAAAA,mBACZ;AAAA,UAAJ,KAAI;AAAA,UACH,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAEC,KAAAA,eAAe,gBAAA,IAAe;AAAA,QAAA;QAIhCC,KAAAA,4BAFRZ,mBAMS,UAAA;AAAA;UALP,OAAM;AAAA,UAEL,SAAO;AAAA,QAAA,mBAEL,WAAA,KAAU,GAAA,CAAA;;;;;"}

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

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

package/dist/components/medias/EpSensibleImage.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpSensibleImage.vue2.js","sources":["../../../src/components/medias/EpSensibleImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watchEffect, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiEyeOffOutline } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { EpSensibleImageProps } from \"~/types/medias/EpSensibleImage\";\n\nconst props = withDefaults(defineProps<EpSensibleImageProps>(), {\n  alt: \"Image snfas\",\n  cols: \"6\",\n  label:\n    \"<h5>Ce contenu est sensible</h5><p>Cliquez pour afficher l'image.</p>\",\n  icon:mdiEyeOffOutline\n});\n\nconst epImg = ref<{ imgEl: HTMLImageElement | null } | null>(null);\nconst parentRef = ref<HTMLElement | null>(null);\nconst hasTarget = ref(false);\n\nwatchEffect(() => {\n  const img = epImg.value?.imgEl;\n  if (img && img.parentNode) {\n    const parent = img.parentNode;\n\n    // Placer le parent en position relative pour pouvoir positionner l’overlay\n    if (parent instanceof HTMLElement) {\n      if (!parent.classList.contains(\"sensible-content\")) {\n        parent.classList.add(\"sensible-content\");\n        hasTarget.value = true;\n        parentRef.value = parent;\n      }\n    }\n  }\n});\n\nconst show = ref(false);\nconst toggleShow = () => {\n  if (!show.value) {\n    show.value = true;\n  }\n};\n</script>\n\n<template>\n  <div class=\"relative\">\n    <EpImg\n      ref=\"epImg\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :height=\"height\"\n      :width=\"width\"\n      :caption=\"caption\"\n      :bib=\"bib\"\n      :title=\"title\"\n      :cols=\"cols\"\n      :no-modal=\"noModal\"\n    />\n\n    <!-- Overlay -->\n    <Teleport v-if=\"hasTarget\" :to=\"parentRef\">\n      <div\n        v-if=\"!show\"\n        id=\"overlay\"\n        class=\"text-white absolute z-3 top-0 left-0 w-full h-full inset-0 bg-black/50 backdrop-blur-2xl flex flex-col gap-2 justify-center items-center text-center\"\n        @click=\"toggleShow\"\n      >\n        <EpIcon\n          :size=\"`${Number(cols) <= 2 ? '45' : '60'}`\"\n          :icon-path=\"icon\"\n        />\n        <div\n          :class=\"`${\n            Number(cols) <= 2 ? 'hidden md:block' : 'md:text-base'\n          } text-xs overflow-auto md:p-1`\"\n          v-if=\"Number(cols) > 1\"\n          v-html=\"useRenderText(label)\"\n        />\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<style scoped>\n.sensible-content {\n  position: relative;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","EpImg","src","alt","height","width","caption","bib","title","cols","noModal","_createBlock","_Teleport","EpIcon","icon","_normalizeClass","_unref","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,QAAQ,IAA+C,IAAI;AACjE,UAAM,YAAY,IAAwB,IAAI;AAC9C,UAAM,YAAY,IAAI,KAAK;AAE3B,gBAAY,MAAM;;AAChB,YAAM,OAAM,WAAM,UAAN,mBAAa;AACzB,UAAI,OAAO,IAAI,YAAY;AACzB,cAAM,SAAS,IAAI;AAGnB,YAAI,kBAAkB,aAAa;AACjC,cAAI,CAAC,OAAO,UAAU,SAAS,kBAAkB,GAAG;AAClD,mBAAO,UAAU,IAAI,kBAAkB;AACvC,sBAAU,QAAQ;AAClB,sBAAU,QAAQ;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,aAAa,MAAM;AACvB,UAAI,CAAC,KAAK,OAAO;AACf,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBAmCM,OAnCN,YAmCM;AAAA,QAlCJC,YAWEC,aAAA;AAAA,mBAVI;AAAA,UAAJ,KAAI;AAAA,UACH,KAAKC,KAAAA;AAAAA,UACL,KAAKC,KAAAA;AAAAA,UACL,QAAQC,KAAAA;AAAAA,UACR,OAAOC,KAAAA;AAAAA,UACP,SAASC,KAAAA;AAAAA,UACT,KAAKC,KAAAA;AAAAA,UACL,OAAOC,KAAAA;AAAAA,UACP,MAAMC,KAAAA;AAAAA,UACN,YAAUC,KAAAA;AAAAA,QAAAA;QAIG,UAAA,sBAAhBC,YAmBWC,UAAA;AAAA;UAnBiB,IAAI,UAAA;AAAA,QAAA;WAErB,KAAA,sBADTb,mBAiBM,OAAA;AAAA;YAfJ,IAAG;AAAA,YACH,OAAM;AAAA,YACL,SAAO;AAAA,UAAA;YAERC,YAGEa,aAAA;AAAA,cAFC,MAAI,GAAK,OAAOJ,KAAAA,IAAI,KAAA,IAAA,OAAA,IAAA;AAAA,cACpB,aAAWK,KAAAA;AAAAA,YAAAA;YAMN,OAAOL,KAAAA,IAAI,IAAA,kBAJnBV,mBAME,OAAA;AAAA;cALC,OAAKgB,eAAA,GAAkB,OAAON,KAAAA,IAAI,KAAA,IAAA,oBAAA;cAInC,WAAQO,MAAA,aAAA,EAAcC,KAAAA,KAAK;AAAA,YAAA;;;;;;;"}
+{"version":3,"file":"EpSensibleImage.vue2.js","sources":["../../../src/components/medias/EpSensibleImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watchEffect, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiEyeOffOutline } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpSensibleImageProps } from \"~/types/medias/EpSensibleImage\";\n\nconst props = withDefaults(defineProps<EpSensibleImageProps>(), {\n  alt: \"Image snfas\",\n  cols: \"6\",\n  label:\n    \"<h5>Ce contenu est sensible</h5><p>Cliquez pour afficher l'image.</p>\",\n  icon:mdiEyeOffOutline\n});\n\nconst epImg = ref<{ imgEl: HTMLImageElement | null } | null>(null);\nconst parentRef = ref<HTMLElement | null>(null);\nconst hasTarget = ref(false);\n\nwatchEffect(() => {\n  const img = epImg.value?.imgEl;\n  if (img && img.parentNode) {\n    const parent = img.parentNode;\n\n    // Placer le parent en position relative pour pouvoir positionner l’overlay\n    if (parent instanceof HTMLElement) {\n      if (!parent.classList.contains(\"sensible-content\")) {\n        parent.classList.add(\"sensible-content\");\n        hasTarget.value = true;\n        parentRef.value = parent;\n      }\n    }\n  }\n});\n\nconst show = ref(false);\nconst toggleShow = () => {\n  if (!show.value) {\n    show.value = true;\n  }\n};\n</script>\n\n<template>\n  <div class=\"relative\">\n    <EpImg\n      ref=\"epImg\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :height=\"height\"\n      :width=\"width\"\n      :caption=\"caption\"\n      :bib=\"bib\"\n      :title=\"title\"\n      :cols=\"cols\"\n      :no-modal=\"noModal\"\n    />\n\n    <!-- Overlay -->\n    <Teleport v-if=\"hasTarget\" :to=\"parentRef\">\n      <div\n        v-if=\"!show\"\n        id=\"overlay\"\n        class=\"text-white absolute z-3 top-0 left-0 w-full h-full inset-0 bg-black/50 backdrop-blur-2xl flex flex-col gap-2 justify-center items-center text-center\"\n        @click=\"toggleShow\"\n      >\n        <EpIcon\n          :size=\"`${Number(cols) <= 2 ? '45' : '60'}`\"\n          :icon-path=\"icon\"\n        />\n        <div\n          :class=\"`${\n            Number(cols) <= 2 ? 'hidden md:block' : 'md:text-base'\n          } text-xs overflow-auto md:p-1`\"\n          v-if=\"Number(cols) > 1\"\n          v-html=\"useRenderText(label)\"\n        />\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<style scoped>\n.sensible-content {\n  position: relative;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","EpImg","src","alt","height","width","caption","bib","title","cols","noModal","_createBlock","_Teleport","EpIcon","icon","_normalizeClass","_unref","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,QAAQ,IAA+C,IAAI;AACjE,UAAM,YAAY,IAAwB,IAAI;AAC9C,UAAM,YAAY,IAAI,KAAK;AAE3B,gBAAY,MAAM;;AAChB,YAAM,OAAM,WAAM,UAAN,mBAAa;AACzB,UAAI,OAAO,IAAI,YAAY;AACzB,cAAM,SAAS,IAAI;AAGnB,YAAI,kBAAkB,aAAa;AACjC,cAAI,CAAC,OAAO,UAAU,SAAS,kBAAkB,GAAG;AAClD,mBAAO,UAAU,IAAI,kBAAkB;AACvC,sBAAU,QAAQ;AAClB,sBAAU,QAAQ;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,aAAa,MAAM;AACvB,UAAI,CAAC,KAAK,OAAO;AACf,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBAmCM,OAnCN,YAmCM;AAAA,QAlCJC,YAWEC,aAAA;AAAA,mBAVI;AAAA,UAAJ,KAAI;AAAA,UACH,KAAKC,KAAAA;AAAAA,UACL,KAAKC,KAAAA;AAAAA,UACL,QAAQC,KAAAA;AAAAA,UACR,OAAOC,KAAAA;AAAAA,UACP,SAASC,KAAAA;AAAAA,UACT,KAAKC,KAAAA;AAAAA,UACL,OAAOC,KAAAA;AAAAA,UACP,MAAMC,KAAAA;AAAAA,UACN,YAAUC,KAAAA;AAAAA,QAAAA;QAIG,UAAA,sBAAhBC,YAmBWC,UAAA;AAAA;UAnBiB,IAAI,UAAA;AAAA,QAAA;WAErB,KAAA,sBADTb,mBAiBM,OAAA;AAAA;YAfJ,IAAG;AAAA,YACH,OAAM;AAAA,YACL,SAAO;AAAA,UAAA;YAERC,YAGEa,aAAA;AAAA,cAFC,MAAI,GAAK,OAAOJ,KAAAA,IAAI,KAAA,IAAA,OAAA,IAAA;AAAA,cACpB,aAAWK,KAAAA;AAAAA,YAAAA;YAMN,OAAOL,KAAAA,IAAI,IAAA,kBAJnBV,mBAME,OAAA;AAAA;cALC,OAAKgB,eAAA,GAAkB,OAAON,KAAAA,IAAI,KAAA,IAAA,oBAAA;cAInC,WAAQO,MAAA,aAAA,EAAcC,KAAAA,KAAK;AAAA,YAAA;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpSoftware.vue.js","sources":["../../../src/components/medias/EpSoftware.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiLaptop } from \"@mdi/js\";\nimport { mdiOpenInNew } from \"@mdi/js\";\nimport { EpSoftwareProps } from \"~/types/medias/EpSoftware\";\n\nconst props = withDefaults(defineProps<EpSoftwareProps>(), {\n  icon: \"mdiLaptop\",\n  hideCover: false,\n  intentions: \"\",\n  cover: \"\",\n  type: \"base\",\n  hideIcon: false,\n  labelAccess: \"Accéder au logiciel\",\n});\n\nconst old_image =\n  \"https://live.staticflickr.com/4868/45940268562_c5f7fdd06b_q.jpg\";\n\nconst hasCover = computed(() => {\n  if (props.cover === old_image || props.cover.trim().length === 0) {\n    return false;\n  }\n  return true;\n});\n\nconst {\n  title,\n  intentions,\n  cover,\n  hideCover,\n  version,\n  labelCard,\n  hideIcon,\n  mandateLevel,\n  url,\n} = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"labelCard\"\n    :labelIntentions=\"labelIntentions\"\n    :icon=\"mdiLaptop\"\n    flat\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :mandateLevel=\"mandateLevel\"\n  >\n    <template #intentions v-if=\"intentions\">\n      <div v-html=\"useRenderText(intentions)\" />\n    </template>\n    <template #content>\n      <div\n        class=\"flex flex-col items-center border rounded-lg bg-base-light md:flex-row mt-2 dark:bg-dark\"\n      >\n        <template v-if=\"!hideCover\">\n          <img\n            v-if=\"hasCover\"\n            class=\"h-24 w-full rounded-t-lg object-cover md:h-auto md:w-24 md:rounded-none md:rounded-l-lg\"\n            :src=\"cover\"\n            :alt=\"`image de la lecture ${title}`\"\n          />\n          <div\n            v-else\n            class=\"h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-base-dark dark:text-white\"\n          >\n            <EpIcon :icon-path=\"mdiLaptop\" size=\"95\" />\n          </div>\n        </template>\n        <div class=\"w-full\">\n          <div class=\"w-full px-5\">\n            <div class=\"flex justify-between items-center rounded-t-md p-2\">\n              <h4>\n                {{ title }}\n                <EpChip size=\"small\" type=\"primary\" v-if=\"version\">{{\n                  version\n                }}</EpChip>\n              </h4>\n              <EpBtn\n                v-if=\"url\"\n                rounded\n                type=\"primary\"\n                :prependIcon=\"mdiOpenInNew\"\n                :href=\"url\"\n                >{{ labelAccess }}</EpBtn\n              >\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n    <template #actions></template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","labelIntentions","type","_createElementVNode","_createElementBlock","_Fragment","_openBlock","_createVNode","EpIcon","_createTextVNode","_toDisplayString","EpChip","EpBtn","labelAccess"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,YACJ;;;;;;;;;;;;;;;;;;AAXF,UAAM,QAAQ;AAad,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,UAAU,aAAa,MAAM,MAAM,KAAA,EAAO,WAAW,GAAG;AAChE,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,OAAO,KAAK;;0BAIdA,YAqDQC,aAAA;AAAA,QApDL,OAAOC,MAAA,SAAA;AAAA,QACP,iBAAiBC,KAAAA;AAAAA,QACjB,MAAMD,MAAA,SAAA;AAAA,QACP,MAAA;AAAA,QACC,MAAME,KAAAA;AAAAA,QACN,UAAUF,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,MAAA;QAKJ,iBACT,MAqCM;AAAA,UArCNG,mBAqCM,OArCN,YAqCM;AAAA,aAlCaH,MAAA,SAAA,kBAAjBI,mBAaWC,UAAA,EAAA,KAAA,KAAA;AAAA,cAXD,SAAA,sBADRD,mBAKE,OAAA;AAAA;gBAHA,OAAM;AAAA,gBACL,KAAKJ,MAAA,KAAA;AAAA,gBACL,4BAA4BA,MAAA,KAAA,CAAK;AAAA,cAAA,4BAEpCM,UAAA,GAAAF,mBAKM,OALN,YAKM;AAAA,gBADJG,YAA2CC,aAAA;AAAA,kBAAlC,aAAWR,MAAA,SAAA;AAAA,kBAAW,MAAK;AAAA,gBAAA;;;YAGxCG,mBAmBM,OAnBN,YAmBM;AAAA,cAlBJA,mBAiBM,OAjBN,YAiBM;AAAA,gBAhBJA,mBAeM,OAfN,YAeM;AAAA,kBAdJA,mBAKK,MAAA,MAAA;AAAA,oBAJAM,gBAAAC,gBAAAV,MAAA,KAAA,CAAK,IAAG,KACX,CAAA;AAAA,oBAA0CA,MAAA,OAAA,kBAA1CF,YAEWa,aAAA;AAAA;sBAFH,MAAK;AAAA,sBAAQ,MAAK;AAAA,oBAAA;uCAAyB,MAEjD;AAAA,wDADAX,MAAA,OAAA,CAAO,GAAA,CAAA;AAAA,sBAAA;;;;kBAIHA,MAAA,GAAA,kBADRF,YAOCc,aAAA;AAAA;oBALC,SAAA;AAAA,oBACA,MAAK;AAAA,oBACJ,aAAaZ,MAAA,YAAA;AAAA,oBACb,MAAMA,MAAA,GAAA;AAAA,kBAAA;qCACN,MAAiB;AAAA,sDAAda,KAAAA,WAAW,GAAA,CAAA;AAAA,oBAAA;;;;;;;;QAOhB,iBAAX,MAA8B,EAAA;AAAA;;QA3CFb,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,YAA1CG,mBAA0C,OAAA;AAAA,cAArC,WAAQH,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}
+{"version":3,"file":"EpSoftware.vue.js","sources":["../../../src/components/medias/EpSoftware.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiLaptop } from \"@mdi/js\";\nimport { mdiOpenInNew } from \"@mdi/js\";\nimport type { EpSoftwareProps } from \"~/types/medias/EpSoftware\";\n\nconst props = withDefaults(defineProps<EpSoftwareProps>(), {\n  icon: \"mdiLaptop\",\n  hideCover: false,\n  intentions: \"\",\n  cover: \"\",\n  type: \"base\",\n  hideIcon: false,\n  labelAccess: \"Accéder au logiciel\",\n});\n\nconst old_image =\n  \"https://live.staticflickr.com/4868/45940268562_c5f7fdd06b_q.jpg\";\n\nconst hasCover = computed(() => {\n  if (props.cover === old_image || props.cover.trim().length === 0) {\n    return false;\n  }\n  return true;\n});\n\nconst {\n  title,\n  intentions,\n  cover,\n  hideCover,\n  version,\n  labelCard,\n  hideIcon,\n  mandateLevel,\n  url,\n} = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"labelCard\"\n    :labelIntentions=\"labelIntentions\"\n    :icon=\"mdiLaptop\"\n    flat\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :mandateLevel=\"mandateLevel\"\n  >\n    <template #intentions v-if=\"intentions\">\n      <div v-html=\"useRenderText(intentions)\" />\n    </template>\n    <template #content>\n      <div\n        class=\"flex flex-col items-center border rounded-lg bg-base-light md:flex-row mt-2 dark:bg-dark\"\n      >\n        <template v-if=\"!hideCover\">\n          <img\n            v-if=\"hasCover\"\n            class=\"h-24 w-full rounded-t-lg object-cover md:h-auto md:w-24 md:rounded-none md:rounded-l-lg\"\n            :src=\"cover\"\n            :alt=\"`image de la lecture ${title}`\"\n          />\n          <div\n            v-else\n            class=\"h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-base-dark dark:text-white\"\n          >\n            <EpIcon :icon-path=\"mdiLaptop\" size=\"95\" />\n          </div>\n        </template>\n        <div class=\"w-full\">\n          <div class=\"w-full px-5\">\n            <div class=\"flex justify-between items-center rounded-t-md p-2\">\n              <h4>\n                {{ title }}\n                <EpChip size=\"small\" type=\"primary\" v-if=\"version\">{{\n                  version\n                }}</EpChip>\n              </h4>\n              <EpBtn\n                v-if=\"url\"\n                rounded\n                type=\"primary\"\n                :prependIcon=\"mdiOpenInNew\"\n                :href=\"url\"\n                >{{ labelAccess }}</EpBtn\n              >\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n    <template #actions></template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","labelIntentions","type","_createElementVNode","_createElementBlock","_Fragment","_openBlock","_createVNode","EpIcon","_createTextVNode","_toDisplayString","EpChip","EpBtn","labelAccess"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,YACJ;;;;;;;;;;;;;;;;;;AAXF,UAAM,QAAQ;AAad,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,UAAU,aAAa,MAAM,MAAM,KAAA,EAAO,WAAW,GAAG;AAChE,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,OAAO,KAAK;;0BAIdA,YAqDQC,aAAA;AAAA,QApDL,OAAOC,MAAA,SAAA;AAAA,QACP,iBAAiBC,KAAAA;AAAAA,QACjB,MAAMD,MAAA,SAAA;AAAA,QACP,MAAA;AAAA,QACC,MAAME,KAAAA;AAAAA,QACN,UAAUF,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,MAAA;QAKJ,iBACT,MAqCM;AAAA,UArCNG,mBAqCM,OArCN,YAqCM;AAAA,aAlCaH,MAAA,SAAA,kBAAjBI,mBAaWC,UAAA,EAAA,KAAA,KAAA;AAAA,cAXD,SAAA,sBADRD,mBAKE,OAAA;AAAA;gBAHA,OAAM;AAAA,gBACL,KAAKJ,MAAA,KAAA;AAAA,gBACL,4BAA4BA,MAAA,KAAA,CAAK;AAAA,cAAA,4BAEpCM,UAAA,GAAAF,mBAKM,OALN,YAKM;AAAA,gBADJG,YAA2CC,aAAA;AAAA,kBAAlC,aAAWR,MAAA,SAAA;AAAA,kBAAW,MAAK;AAAA,gBAAA;;;YAGxCG,mBAmBM,OAnBN,YAmBM;AAAA,cAlBJA,mBAiBM,OAjBN,YAiBM;AAAA,gBAhBJA,mBAeM,OAfN,YAeM;AAAA,kBAdJA,mBAKK,MAAA,MAAA;AAAA,oBAJAM,gBAAAC,gBAAAV,MAAA,KAAA,CAAK,IAAG,KACX,CAAA;AAAA,oBAA0CA,MAAA,OAAA,kBAA1CF,YAEWa,aAAA;AAAA;sBAFH,MAAK;AAAA,sBAAQ,MAAK;AAAA,oBAAA;uCAAyB,MAEjD;AAAA,wDADAX,MAAA,OAAA,CAAO,GAAA,CAAA;AAAA,sBAAA;;;;kBAIHA,MAAA,GAAA,kBADRF,YAOCc,aAAA;AAAA;oBALC,SAAA;AAAA,oBACA,MAAK;AAAA,oBACJ,aAAaZ,MAAA,YAAA;AAAA,oBACb,MAAMA,MAAA,GAAA;AAAA,kBAAA;qCACN,MAAiB;AAAA,sDAAda,KAAAA,WAAW,GAAA,CAAA;AAAA,oBAAA;;;;;;;;QAOhB,iBAAX,MAA8B,EAAA;AAAA;;QA3CFb,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,YAA1CG,mBAA0C,OAAA;AAAA,cAArC,WAAQH,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpSvg.vue.js","sources":["../../../src/components/medias/EpSvg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { cols_img } from \"~/types/Image\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiImage } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { EpSvgProps } from \"~/types/medias/EpSvg\";\n\nconst props = withDefaults(defineProps<EpSvgProps>(), {\n  cols: \"6\",\n});\n\nconst renderCols = computed(() => {\n  // console.log(+props.cols)\n  // console.log(Cols[+props.cols])\n  return cols_img[+props.cols];\n});\n\nconst renderText = computed(() => {\n  if (props.desc) {\n    return useRenderText(props.desc);\n  }\n  return null;\n});\n\nconst { title, content } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiImage\"\n    :labelIntentions=\"labelIntentions\"\n    flat\n    :type=\"type\"\n    :mandateLevel=\"mandateLevel\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div class=\"flex\">\n        <div v-if=\"content\" :class=\"`mx-auto ${renderCols}`\">\n          <div v-html=\"content\" class=\"w-full\" />\n        </div>\n      </div>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","hideIcon","labelIntentions","type","mandateLevel","_createElementVNode","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAId,UAAM,aAAa,SAAS,MAAM;AAGhC,aAAO,SAAS,CAAC,MAAM,IAAI;AAAA,IAC7B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,cAAc,MAAM,IAAI;AAAA,MACjC;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,YAAY,OAAO,KAAK;;0BAIrCA,YAmBQC,aAAA;AAAA,QAlBL,OAAOC,MAAA,KAAA;AAAA,QACP,UAAUC,KAAAA;AAAAA,QACV,MAAMD,MAAA,QAAA;AAAA,QACN,iBAAiBE,KAAAA;AAAAA,QAClB,MAAA;AAAA,QACC,MAAMC,KAAAA;AAAAA,QACN,cAAcC,KAAAA;AAAAA,MAAAA;QAKJ,iBACT,MAIM;AAAA,UAJNC,mBAIM,OAJN,YAIM;AAAA,YAHOL,MAAA,OAAA,kBAAXM,mBAEM,OAAA;AAAA;cAFe,iCAAkB,WAAA,KAAU,EAAA;AAAA,YAAA;cAC/CD,mBAAuC,OAAA;AAAA,gBAAlC,WAAQL,MAAA,OAAA;AAAA,gBAAS,OAAM;AAAA,cAAA;;;;;;QANN,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BK,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpSvg.vue.js","sources":["../../../src/components/medias/EpSvg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { cols_img } from \"~/types/Image\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiImage } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpSvgProps } from \"~/types/medias/EpSvg\";\n\nconst props = withDefaults(defineProps<EpSvgProps>(), {\n  cols: \"6\",\n});\n\nconst renderCols = computed(() => {\n  // console.log(+props.cols)\n  // console.log(Cols[+props.cols])\n  return cols_img[+props.cols];\n});\n\nconst renderText = computed(() => {\n  if (props.desc) {\n    return useRenderText(props.desc);\n  }\n  return null;\n});\n\nconst { title, content } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiImage\"\n    :labelIntentions=\"labelIntentions\"\n    flat\n    :type=\"type\"\n    :mandateLevel=\"mandateLevel\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div class=\"flex\">\n        <div v-if=\"content\" :class=\"`mx-auto ${renderCols}`\">\n          <div v-html=\"content\" class=\"w-full\" />\n        </div>\n      </div>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","hideIcon","labelIntentions","type","mandateLevel","_createElementVNode","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAId,UAAM,aAAa,SAAS,MAAM;AAGhC,aAAO,SAAS,CAAC,MAAM,IAAI;AAAA,IAC7B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,cAAc,MAAM,IAAI;AAAA,MACjC;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,YAAY,OAAO,KAAK;;0BAIrCA,YAmBQC,aAAA;AAAA,QAlBL,OAAOC,MAAA,KAAA;AAAA,QACP,UAAUC,KAAAA;AAAAA,QACV,MAAMD,MAAA,QAAA;AAAA,QACN,iBAAiBE,KAAAA;AAAAA,QAClB,MAAA;AAAA,QACC,MAAMC,KAAAA;AAAAA,QACN,cAAcC,KAAAA;AAAAA,MAAAA;QAKJ,iBACT,MAIM;AAAA,UAJNC,mBAIM,OAJN,YAIM;AAAA,YAHOL,MAAA,OAAA,kBAAXM,mBAEM,OAAA;AAAA;cAFe,iCAAkB,WAAA,KAAU,EAAA;AAAA,YAAA;cAC/CD,mBAAuC,OAAA;AAAA,gBAAlC,WAAQL,MAAA,OAAA;AAAA,gBAAS,OAAM;AAAA,cAAA;;;;;;QANN,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BK,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpTerm.vue.js","sources":["../../../src/components/medias/EpTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, computed } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { mdiBookmarkMultipleOutline } from \"@mdi/js\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { EpTermProps } from \"~/types/medias/EpTerm\";\n\nconst props = withDefaults(defineProps<EpTermProps>(), {\n  term: \"test\",\n  variations: \"\",\n  relations: \"\",\n  idrelation: \"\",\n  labelDefinition: \"Définition\",\n  labelDomain: \"Domaine\",\n  labelVariations: \"Variations\",\n  labelRelations: \"Relations\",\n  labelClose: \"Fermer\",\n});\n\nconst show = ref(false);\n\nconst subtitle = computed(() => {\n  if (props.term !== props.word) {\n    return `(${props.word})`;\n  }\n  return null;\n});\n\nconst renderVariations = computed(() => {\n  let renderVariations = null;\n  let valueprops = props.variations?.trim();\n  if (valueprops?.length > 0) {\n    renderVariations = valueprops.split(\",\");\n  }\n  return renderVariations;\n});\n\nconst renderRelations = computed(() => {\n  let renderRelations = null;\n  let valueprops = props.relations?.trim();\n  if (valueprops?.length > 0) {\n    renderRelations = valueprops.split(\",\");\n  }\n  return renderRelations;\n});\n\nconst router = useRouter();\nconst goto = (term: string) => {\n  if (router.hasRoute(\"glossary\")) {\n    router.push({ path: \"/glossary\", query: { word: term } });\n  }\n  //console.log(router.hasRoute('signages'))\n  //\n};\n// const relationsID = computed(() => {\n//   let relationsID = null;\n//   let valueprops = props.idrelation?.trim();\n//   if (valueprops?.length > 0) {\n//     relationsID = valueprops.split(\",\");\n//   }\n//   return relationsID;\n// });\n\nconst renderDomain = computed(() => {\n  if (props.domain === \"null\") {\n    return null;\n  }\n  return props.domain;\n});\n\nconst toggleModal = () => {\n  show.value = !show.value;\n};\n/*\nconst el = (contentref:any) => {\n   const contentHtml = contentref.innerHTML \n   const renderHtml = useRenderText(contentHtml)\n   contentref.innerHTML = renderHtml\n}*/\n\nconst { term, graminfo, src } = toRefs(props);\n</script>\n\n<template>\n  <span\n    @click=\"toggleModal\"\n    class=\"cursor-pointer border-primary dark:border-main-color-500 border dark:text-main-color-500 text-primary px-2 py-1 rounded group overflow-hidden relative\"\n  >\n    <span\n      class=\"absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 bg-primary dark:bg-main-color-500 group-hover:h-full opacity-90\"\n    />\n    <span class=\"relative group-hover:text-white\"\n      >{{ word }}\n      <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" size=\"18\" />\n    </span>\n  </span>\n\n  <EpModal v-model=\"show\" size=\"compact\">\n    <div class=\"mb-2 flex items-center justify-between\">\n      <div>\n        <h3 class=\"font-bold text-2xl\">\n          {{ term }}\n          <span class=\"text-sm font-light text-error italic\">{{\n            graminfo\n          }}</span>\n        </h3>\n        <h4 class=\"text-xs\" v-if=\"subtitle\">{{ subtitle }}</h4>\n      </div>\n      <div>\n        <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" />\n      </div>\n    </div>\n    <EpDivider color=\"primary\" margin=\"mb-2\"></EpDivider>\n    <div class=\"mb-4 flex items-center justify-between\">\n      <h3 class=\"text-primary font-bold\">{{ labelDefinition }}</h3>\n      <span class=\"text-xs\" v-if=\"renderDomain\"\n        >{{ labelDomain }} :\n        <span class=\"font-bold\">{{ renderDomain }}</span></span\n      >\n    </div>\n    <!-- <div v-html=\"renderText\"/> -->\n    <div>\n      <slot />\n    </div>\n    <EpImg v-if=\"src\" :src=\"src\"></EpImg>\n\n    <EpDivider v-if=\"renderVariations || renderRelations\"></EpDivider>\n    <div class=\"text-sm mt-2\" v-if=\"renderVariations\">\n      <span class=\"mr-2 font-bold\">{{ labelVariations }} :</span>\n      <span v-for=\"(variation, i) in renderVariations\" :key=\"`variation-${i}`\">\n        {{ variation }}{{ renderVariations.length > i + 1 ? \", \" : \".\" }}\n      </span>\n    </div>\n    <div class=\"text-sm mt-2\" v-if=\"renderRelations\">\n      <span class=\"mr-2 font-bold\">{{ labelRelations }} :</span>\n      <template v-for=\"(relation, i) in renderRelations\" :key=\"`relation-${i}`\">\n        <EpBtn\n          size=\"small\"\n          rounded\n          extra-class=\"mr-2\"\n          @click=\"goto(relation)\"\n          >{{ relation }}</EpBtn\n        >\n      </template>\n    </div>\n    <div class=\"flex justify-end\">\n      <EpBtn type=\"error\" outlined @click=\"show = false\" rounded>{{\n        labelClose\n      }}</EpBtn>\n    </div>\n  </EpModal>\n</template>\n"],"names":["renderVariations","renderRelations","term","_createElementVNode","word","_createVNode","EpIcon","_unref","EpModal","_createTextVNode","_toDisplayString","_createElementBlock","EpDivider","labelDefinition","_openBlock","labelDomain","_renderSlot","_createBlock","EpImg","labelVariations","_Fragment","_renderList","labelRelations","EpBtn","labelClose"],"mappings":"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"}
+{"version":3,"file":"EpTerm.vue.js","sources":["../../../src/components/medias/EpTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, computed } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { mdiBookmarkMultipleOutline } from \"@mdi/js\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport type { EpTermProps } from \"~/types/medias/EpTerm\";\n\nconst props = withDefaults(defineProps<EpTermProps>(), {\n  term: \"test\",\n  variations: \"\",\n  relations: \"\",\n  idrelation: \"\",\n  labelDefinition: \"Définition\",\n  labelDomain: \"Domaine\",\n  labelVariations: \"Variations\",\n  labelRelations: \"Relations\",\n  labelClose: \"Fermer\",\n});\n\nconst show = ref(false);\n\nconst subtitle = computed(() => {\n  if (props.term !== props.word) {\n    return `(${props.word})`;\n  }\n  return null;\n});\n\nconst renderVariations = computed(() => {\n  let renderVariations = null;\n  let valueprops = props.variations?.trim();\n  if (valueprops?.length > 0) {\n    renderVariations = valueprops.split(\",\");\n  }\n  return renderVariations;\n});\n\nconst renderRelations = computed(() => {\n  let renderRelations = null;\n  let valueprops = props.relations?.trim();\n  if (valueprops?.length > 0) {\n    renderRelations = valueprops.split(\",\");\n  }\n  return renderRelations;\n});\n\nconst router = useRouter();\nconst goto = (term: string) => {\n  if (router.hasRoute(\"glossary\")) {\n    router.push({ path: \"/glossary\", query: { word: term } });\n  }\n  //console.log(router.hasRoute('signages'))\n  //\n};\n// const relationsID = computed(() => {\n//   let relationsID = null;\n//   let valueprops = props.idrelation?.trim();\n//   if (valueprops?.length > 0) {\n//     relationsID = valueprops.split(\",\");\n//   }\n//   return relationsID;\n// });\n\nconst renderDomain = computed(() => {\n  if (props.domain === \"null\") {\n    return null;\n  }\n  return props.domain;\n});\n\nconst toggleModal = () => {\n  show.value = !show.value;\n};\n/*\nconst el = (contentref:any) => {\n   const contentHtml = contentref.innerHTML \n   const renderHtml = useRenderText(contentHtml)\n   contentref.innerHTML = renderHtml\n}*/\n\nconst { term, graminfo, src } = toRefs(props);\n</script>\n\n<template>\n  <span\n    @click=\"toggleModal\"\n    class=\"cursor-pointer border-primary dark:border-main-color-500 border dark:text-main-color-500 text-primary px-2 py-1 rounded group overflow-hidden relative\"\n  >\n    <span\n      class=\"absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 bg-primary dark:bg-main-color-500 group-hover:h-full opacity-90\"\n    />\n    <span class=\"relative group-hover:text-white\"\n      >{{ word }}\n      <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" size=\"18\" />\n    </span>\n  </span>\n\n  <EpModal v-model=\"show\" size=\"compact\">\n    <div class=\"mb-2 flex items-center justify-between\">\n      <div>\n        <h3 class=\"font-bold text-2xl\">\n          {{ term }}\n          <span class=\"text-sm font-light text-error italic\">{{\n            graminfo\n          }}</span>\n        </h3>\n        <h4 class=\"text-xs\" v-if=\"subtitle\">{{ subtitle }}</h4>\n      </div>\n      <div>\n        <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" />\n      </div>\n    </div>\n    <EpDivider color=\"primary\" margin=\"mb-2\"></EpDivider>\n    <div class=\"mb-4 flex items-center justify-between\">\n      <h3 class=\"text-primary font-bold\">{{ labelDefinition }}</h3>\n      <span class=\"text-xs\" v-if=\"renderDomain\"\n        >{{ labelDomain }} :\n        <span class=\"font-bold\">{{ renderDomain }}</span></span\n      >\n    </div>\n    <!-- <div v-html=\"renderText\"/> -->\n    <div>\n      <slot />\n    </div>\n    <EpImg v-if=\"src\" :src=\"src\"></EpImg>\n\n    <EpDivider v-if=\"renderVariations || renderRelations\"></EpDivider>\n    <div class=\"text-sm mt-2\" v-if=\"renderVariations\">\n      <span class=\"mr-2 font-bold\">{{ labelVariations }} :</span>\n      <span v-for=\"(variation, i) in renderVariations\" :key=\"`variation-${i}`\">\n        {{ variation }}{{ renderVariations.length > i + 1 ? \", \" : \".\" }}\n      </span>\n    </div>\n    <div class=\"text-sm mt-2\" v-if=\"renderRelations\">\n      <span class=\"mr-2 font-bold\">{{ labelRelations }} :</span>\n      <template v-for=\"(relation, i) in renderRelations\" :key=\"`relation-${i}`\">\n        <EpBtn\n          size=\"small\"\n          rounded\n          extra-class=\"mr-2\"\n          @click=\"goto(relation)\"\n          >{{ relation }}</EpBtn\n        >\n      </template>\n    </div>\n    <div class=\"flex justify-end\">\n      <EpBtn type=\"error\" outlined @click=\"show = false\" rounded>{{\n        labelClose\n      }}</EpBtn>\n    </div>\n  </EpModal>\n</template>\n"],"names":["renderVariations","renderRelations","term","_createElementVNode","word","_createVNode","EpIcon","_unref","EpModal","_createTextVNode","_toDisplayString","_createElementBlock","EpDivider","labelDefinition","_openBlock","labelDomain","_renderSlot","_createBlock","EpImg","labelVariations","_Fragment","_renderList","labelRelations","EpBtn","labelClose"],"mappings":"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"}