ep-lib-ts 1.1.12 → 1.1.13

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

@@ -1 +1 @@
-{"version":3,"file":"EpVideo.vue.js","sources":["../../../src/components/medias/EpVideo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiVideo } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpVideoProps } from \"~/types/medias/EpVideo\";\n\nconst props = withDefaults(defineProps<EpVideoProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  labelIntentions: \"Intentions d'écoute\",\n});\n\n//only to make custum video player\nconst video = ref<HTMLVideoElement>();\n\nconst isVideoFormat = computed(() => {\n  if (\n    props.src.endsWith(\".mp4\") ||\n    props.src.endsWith(\".ogg\") ||\n    props.src.endsWith(\".webm\")\n  ) {\n    return true;\n  }\n  return false;\n});\n\nconst videoURL = computed(() => {\n  const url = props.src;\n  if (!isVideoFormat.value && url.includes(\"https://vimeo.com/\")) {\n    return url.replace(\"https://vimeo.com/\", \"https://player.vimeo.com/video/\");\n  }\n  if (!isVideoFormat.value && url.includes(\"https://www.youtube.com/watch?\")) {\n    return url.replace(\n      \"https://www.youtube.com/watch?v=\",\n      \"https://www.youtube.com/embed/\"\n    );\n  }\n  //extra to short url youtube\n  if (!isVideoFormat.value && url.includes(\"https://youtu.be/\")) {\n    const id = getIdYoutube(url);\n    if (id) {\n      return `https://www.youtube.com/embed/${id}`;\n    }\n  }\n  return url;\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 getIdYoutube = (url: string): string | null => {\n  const match = url.match(/\\/([^\\/]+)$/);\n  return match ? match[1] : null;\n};\n\nconst sizeVideo = computed(() => {\n  if (props.big) {\n    return \"650\";\n  }\n  return \"360\";\n});\n\n//controls\n//const controls = useMediaControls(video, {src:props.src})\nconst { src, title, hideIcon, type, labelIntentions } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiVideo\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText && renderText.length > 0\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"!big ? 'max-w-screen-sm mx-auto' : ''\">\n        <video\n          v-if=\"isVideoFormat\"\n          ref=\"video\"\n          controls\n          :src=\"src\"\n          width=\"100%\"\n          controlsList=\"nodownload\"\n        ></video>\n\n        <iframe\n          v-else\n          :src=\"videoURL\"\n          width=\"100%\"\n          :height=\"sizeVideo\"\n          frameborder=\"0\"\n          allowfullscreen\n        ></iframe>\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","mandateLevel","_createElementVNode","big","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,QAAQ,IAAA;AAEd,UAAM,gBAAgB,SAAS,MAAM;AACnC,UACE,MAAM,IAAI,SAAS,MAAM,KACzB,MAAM,IAAI,SAAS,MAAM,KACzB,MAAM,IAAI,SAAS,OAAO,GAC1B;AACA,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,YAAM,MAAM,MAAM;AAClB,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,oBAAoB,GAAG;AAC9D,eAAO,IAAI,QAAQ,sBAAsB,iCAAiC;AAAA,MAC5E;AACA,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,gCAAgC,GAAG;AAC1E,eAAO,IAAI;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ;AAEA,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,mBAAmB,GAAG;AAC7D,cAAM,KAAK,aAAa,GAAG;AAC3B,YAAI,IAAI;AACN,iBAAO,iCAAiC,EAAE;AAAA,QAC5C;AAAA,MACF;AACA,aAAO;AAAA,IACT,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,CAAC,QAA+B;AACnD,YAAM,QAAQ,IAAI,MAAM,aAAa;AACrC,aAAO,QAAQ,MAAM,CAAC,IAAI;AAAA,IAC5B;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAID,UAAM,EAAE,KAAK,OAAO,UAAU,MAAM,gBAAA,IAAoB,OAAO,KAAK;;0BAIlEA,YAmCQC,aAAA;AAAA,QAlCL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMA,MAAA,IAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,cAAcC,KAAAA;AAAAA,QACd,iBAAiBD,MAAA,eAAA;AAAA,MAAA;QAKP,iBACT,MAkBM;AAAA,UAlBNE,mBAkBM,OAAA;AAAA,YAlBA,uBAAQC,KAAAA,MAAG,4BAAA,EAAA;AAAA,UAAA;YAEP,cAAA,sBADRC,mBAOS,SAAA;AAAA;uBALH;AAAA,cAAJ,KAAI;AAAA,cACJ,UAAA;AAAA,cACC,KAAKJ,MAAA,GAAA;AAAA,cACN,OAAM;AAAA,cACN,cAAa;AAAA,YAAA,yCAGfI,mBAOU,UAAA;AAAA;cALP,KAAK,SAAA;AAAA,cACN,OAAM;AAAA,cACL,QAAQ,UAAA;AAAA,cACT,aAAY;AAAA,cACZ,iBAAA;AAAA,YAAA;;;;;QApBsB,WAAA,SAAc,WAAA,MAAW,SAAM;gBAAhD;AAAA,sBACT,MAA2B;AAAA,YAA3BF,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpVideo.vue.js","sources":["../../../src/components/medias/EpVideo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiVideo } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpVideoProps } from \"~/types/medias/EpVideo\";\n\nconst props = withDefaults(defineProps<EpVideoProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  labelIntentions: \"Intentions d'écoute\",\n});\n\n//only to make custum video player\nconst video = ref<HTMLVideoElement>();\n\nconst isVideoFormat = computed(() => {\n  if (\n    props.src.endsWith(\".mp4\") ||\n    props.src.endsWith(\".ogg\") ||\n    props.src.endsWith(\".webm\")\n  ) {\n    return true;\n  }\n  return false;\n});\n\nconst videoURL = computed(() => {\n  const url = props.src;\n  if (!isVideoFormat.value && url.includes(\"https://vimeo.com/\")) {\n    return url.replace(\"https://vimeo.com/\", \"https://player.vimeo.com/video/\");\n  }\n  if (!isVideoFormat.value && url.includes(\"https://www.youtube.com/watch?\")) {\n    return url.replace(\n      \"https://www.youtube.com/watch?v=\",\n      \"https://www.youtube.com/embed/\"\n    );\n  }\n  //extra to short url youtube\n  if (!isVideoFormat.value && url.includes(\"https://youtu.be/\")) {\n    const id = getIdYoutube(url);\n    if (id) {\n      return `https://www.youtube.com/embed/${id}`;\n    }\n  }\n  return url;\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 getIdYoutube = (url: string): string | null => {\n  const match = url.match(/\\/([^\\/]+)$/);\n  return match ? match[1] : null;\n};\n\nconst sizeVideo = computed(() => {\n  if (props.big) {\n    return \"650\";\n  }\n  return \"360\";\n});\n\n//controls\n//const controls = useMediaControls(video, {src:props.src})\nconst { src, title, hideIcon, type, labelIntentions } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiVideo\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText && renderText.length > 0\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"!big ? 'max-w-screen-sm mx-auto' : ''\">\n        <video\n          v-if=\"isVideoFormat\"\n          ref=\"video\"\n          controls\n          :src=\"src\"\n          width=\"100%\"\n          controlsList=\"nodownload\"\n        ></video>\n\n        <iframe\n          v-else\n          :src=\"videoURL\"\n          width=\"100%\"\n          :height=\"sizeVideo\"\n          frameborder=\"0\"\n          allowfullscreen\n        ></iframe>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementVNode","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,QAAQ,IAAA;AAEd,UAAM,gBAAgB,SAAS,MAAM;AACnC,UACE,MAAM,IAAI,SAAS,MAAM,KACzB,MAAM,IAAI,SAAS,MAAM,KACzB,MAAM,IAAI,SAAS,OAAO,GAC1B;AACA,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,YAAM,MAAM,MAAM;AAClB,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,oBAAoB,GAAG;AAC9D,eAAO,IAAI,QAAQ,sBAAsB,iCAAiC;AAAA,MAC5E;AACA,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,gCAAgC,GAAG;AAC1E,eAAO,IAAI;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ;AAEA,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,mBAAmB,GAAG;AAC7D,cAAM,KAAK,aAAa,GAAG;AAC3B,YAAI,IAAI;AACN,iBAAO,iCAAiC,EAAE;AAAA,QAC5C;AAAA,MACF;AACA,aAAO;AAAA,IACT,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,CAAC,QAA+B;AACnD,YAAM,QAAQ,IAAI,MAAM,aAAa;AACrC,aAAO,QAAQ,MAAM,CAAC,IAAI;AAAA,IAC5B;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAID,UAAM,EAAE,KAAK,OAAO,UAAU,MAAM,gBAAA,IAAoB,OAAO,KAAK;;0BAIlEA,YAmCQC,aAAA;AAAA,QAlCL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMA,MAAA,IAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,cAAc,QAAA;AAAA,QACd,iBAAiBA,MAAA,eAAA;AAAA,MAAA;QAKP,iBACT,MAkBM;AAAA,UAlBNC,mBAkBM,OAAA;AAAA,YAlBA,uBAAQ,QAAA,MAAG,4BAAA,EAAA;AAAA,UAAA;YAEP,cAAA,sBADRC,mBAOS,SAAA;AAAA;uBALH;AAAA,cAAJ,KAAI;AAAA,cACJ,UAAA;AAAA,cACC,KAAKF,MAAA,GAAA;AAAA,cACN,OAAM;AAAA,cACN,cAAa;AAAA,YAAA,yCAGfE,mBAOU,UAAA;AAAA;cALP,KAAK,SAAA;AAAA,cACN,OAAM;AAAA,cACL,QAAQ,UAAA;AAAA,cACT,aAAY;AAAA,cACZ,iBAAA;AAAA,YAAA;;;;;QApBsB,WAAA,SAAc,WAAA,MAAW,SAAM;gBAAhD;AAAA,sBACT,MAA2B;AAAA,YAA3BD,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -42,12 +42,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         type: unref(type),
         hideIcon: unref(hideIcon),
         icon: unref(mdiVideo),
-        mandateLevel: _ctx.mandateLevel,
-        labelIntentions: _ctx.labelIntentions
+        mandateLevel: __props.mandateLevel,
+        labelIntentions: __props.labelIntentions
       }, createSlots({
         content: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(!_ctx.big ? "max-w-screen-sm mx-auto" : "")
+            class: normalizeClass(!__props.big ? "max-w-screen-sm mx-auto" : "")
           }, [
             createElementVNode("iframe", {
               src: unref(src),

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

@@ -1 +1 @@
-{"version":3,"file":"EpVideoPanopto.vue.js","sources":["../../../src/components/medias/EpVideoPanopto.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiVideo } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpVideoPanoptoProps } from \"~/types/medias/EpVideoPanopto\";\n\nconst props = withDefaults(defineProps<EpVideoPanoptoProps>(), {\n  labelIntentions: \"Intentions d'écoute\",\n  type: \"neutral\",\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 sizeVideo = computed(() => {\n  if (props.big) {\n    return \"650\";\n  }\n  return \"360\";\n});\n\nconst { src, title, hideIcon, type } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiVideo\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"!big ? 'max-w-screen-sm mx-auto' : ''\">\n        <iframe\n          :src=\"src\"\n          width=\"100%\"\n          :height=\"sizeVideo\"\n          frameborder=\"0\"\n          allowfullscreen\n        ></iframe>\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","mandateLevel","labelIntentions","_createElementVNode","big"],"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,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,UAAU,KAAA,IAAS,OAAO,KAAK;;0BAIjDA,YAyBQC,aAAA;AAAA,QAxBL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMA,MAAA,IAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,cAAcC,KAAAA;AAAAA,QACd,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAQM;AAAA,UARNC,mBAQM,OAAA;AAAA,YARA,uBAAQC,KAAAA,MAAG,4BAAA,EAAA;AAAA,UAAA;YACfD,mBAMU,UAAA;AAAA,cALP,KAAKH,MAAA,GAAA;AAAA,cACN,OAAM;AAAA,cACL,QAAQ,UAAA;AAAA,cACT,aAAY;AAAA,cACZ,iBAAA;AAAA,YAAA;;;;;QAVsB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpVideoPanopto.vue.js","sources":["../../../src/components/medias/EpVideoPanopto.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiVideo } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpVideoPanoptoProps } from \"~/types/medias/EpVideoPanopto\";\n\nconst props = withDefaults(defineProps<EpVideoPanoptoProps>(), {\n  labelIntentions: \"Intentions d'écoute\",\n  type: \"neutral\",\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 sizeVideo = computed(() => {\n  if (props.big) {\n    return \"650\";\n  }\n  return \"360\";\n});\n\nconst { src, title, hideIcon, type } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiVideo\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"!big ? 'max-w-screen-sm mx-auto' : ''\">\n        <iframe\n          :src=\"src\"\n          width=\"100%\"\n          :height=\"sizeVideo\"\n          frameborder=\"0\"\n          allowfullscreen\n        ></iframe>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementVNode"],"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,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,UAAU,KAAA,IAAS,OAAO,KAAK;;0BAIjDA,YAyBQC,aAAA;AAAA,QAxBL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMA,MAAA,IAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,cAAc,QAAA;AAAA,QACd,iBAAiB,QAAA;AAAA,MAAA;QAKP,iBACT,MAQM;AAAA,UARNC,mBAQM,OAAA;AAAA,YARA,uBAAQ,QAAA,MAAG,4BAAA,EAAA;AAAA,UAAA;YACfA,mBAMU,UAAA;AAAA,cALP,KAAKD,MAAA,GAAA;AAAA,cACN,OAAM;AAAA,cACL,QAAQ,UAAA;AAAA,cACT,aAAY;AAAA,cACZ,iBAAA;AAAA,YAAA;;;;;QAVsB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BC,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -104,10 +104,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const id = ref(props.uid || useCreateUid());
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { id: id.value }, [
-        _ctx.term && _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          _ctx.collapse ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        __props.term && __props.description ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          __props.collapse ? (openBlock(), createElementBlock("div", _hoisted_3, [
             createVNode(Comp, {
-              title: _ctx.term,
+              title: __props.term,
               open: false,
               outlined: true
             }, {
@@ -116,50 +116,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: normalizeClass(sizeGramIngo.value)
                   }, [
-                    createElementVNode("p", _hoisted_5, toDisplayString(_ctx.labelInformation), 1),
-                    _ctx.content.gramInfo ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.content.gramInfo), 1)) : createCommentVNode("", true)
+                    createElementVNode("p", _hoisted_5, toDisplayString(__props.labelInformation), 1),
+                    __props.content.gramInfo ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.content.gramInfo), 1)) : createCommentVNode("", true)
                   ], 2),
-                  _ctx.content.domain ? (openBlock(), createElementBlock("div", {
+                  __props.content.domain ? (openBlock(), createElementBlock("div", {
                     key: 0,
                     class: normalizeClass(sizeDomain.value)
                   }, [
-                    createElementVNode("p", _hoisted_7, toDisplayString(_ctx.labelDomain), 1),
-                    createElementVNode("div", _hoisted_8, toDisplayString(_ctx.content.domain), 1)
+                    createElementVNode("p", _hoisted_7, toDisplayString(__props.labelDomain), 1),
+                    createElementVNode("div", _hoisted_8, toDisplayString(__props.content.domain), 1)
                   ], 2)) : createCommentVNode("", true),
-                  _ctx.variation.length > 0 ? (openBlock(), createElementBlock("div", {
+                  __props.variation.length > 0 ? (openBlock(), createElementBlock("div", {
                     key: 1,
                     class: normalizeClass(sizeVariations.value)
                   }, [
-                    createElementVNode("p", _hoisted_9, toDisplayString(_ctx.labelVariations), 1),
+                    createElementVNode("p", _hoisted_9, toDisplayString(__props.labelVariations), 1),
                     createElementVNode("div", _hoisted_10, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.variation, (_variation, i) => {
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.variation, (_variation, i) => {
                         return openBlock(), createElementBlock("span", {
                           key: `v-${i}`
-                        }, toDisplayString(_variation) + toDisplayString(_ctx.variation.length > i + 1 ? ", " : "."), 1);
+                        }, toDisplayString(_variation) + toDisplayString(__props.variation.length > i + 1 ? ", " : "."), 1);
                       }), 128))
                     ])
                   ], 2)) : createCommentVNode("", true)
                 ]),
-                !_ctx.content.image ? (openBlock(), createElementBlock("div", {
+                !__props.content.image ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "px-2 py-6",
-                  innerHTML: unref(useRenderText)(_ctx.description)
+                  innerHTML: unref(useRenderText)(__props.description)
                 }, null, 8, _hoisted_11)) : (openBlock(), createElementBlock("div", _hoisted_12, [
                   createElementVNode("div", {
                     class: "px-2 py-6",
-                    innerHTML: unref(useRenderText)(_ctx.description)
+                    innerHTML: unref(useRenderText)(__props.description)
                   }, null, 8, _hoisted_13),
                   createElementVNode("div", _hoisted_14, [
                     createVNode(_sfc_main$1, {
-                      src: _ctx.content.image,
-                      cols: _ctx.cols
+                      src: __props.content.image,
+                      cols: __props.cols
                     }, null, 8, ["src", "cols"])
                   ])
                 ])),
-                _ctx.relation.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15, [
-                  createElementVNode("p", _hoisted_16, toDisplayString(_ctx.labelRelations), 1),
+                __props.relation.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                  createElementVNode("p", _hoisted_16, toDisplayString(__props.labelRelations), 1),
                   createElementVNode("div", _hoisted_17, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.relation, (_relation, i) => {
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.relation, (_relation, i) => {
                       return openBlock(), createElementBlock("button", {
                         key: `relation-${i}`,
                         class: "p-1 border rounded mr-1",
@@ -172,55 +172,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["title"])
           ])) : (openBlock(), createElementBlock("div", _hoisted_19, [
-            createElementVNode("h2", _hoisted_20, toDisplayString(_ctx.term), 1),
+            createElementVNode("h2", _hoisted_20, toDisplayString(__props.term), 1),
             createElementVNode("div", _hoisted_21, [
               createElementVNode("div", {
                 class: normalizeClass(sizeGramIngo.value)
               }, [
-                createElementVNode("p", _hoisted_22, toDisplayString(_ctx.labelInformation), 1),
-                _ctx.content.gramInfo ? (openBlock(), createElementBlock("div", _hoisted_23, toDisplayString(_ctx.content.gramInfo), 1)) : createCommentVNode("", true)
+                createElementVNode("p", _hoisted_22, toDisplayString(__props.labelInformation), 1),
+                __props.content.gramInfo ? (openBlock(), createElementBlock("div", _hoisted_23, toDisplayString(__props.content.gramInfo), 1)) : createCommentVNode("", true)
               ], 2),
-              _ctx.content.domain ? (openBlock(), createElementBlock("div", {
+              __props.content.domain ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: normalizeClass(sizeDomain.value)
               }, [
-                createElementVNode("p", _hoisted_24, toDisplayString(_ctx.labelDomain), 1),
-                createElementVNode("div", _hoisted_25, toDisplayString(_ctx.content.domain), 1)
+                createElementVNode("p", _hoisted_24, toDisplayString(__props.labelDomain), 1),
+                createElementVNode("div", _hoisted_25, toDisplayString(__props.content.domain), 1)
               ], 2)) : createCommentVNode("", true),
-              _ctx.variation.length > 0 ? (openBlock(), createElementBlock("div", {
+              __props.variation.length > 0 ? (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: normalizeClass(sizeVariations.value)
               }, [
-                createElementVNode("p", _hoisted_26, toDisplayString(_ctx.labelVariations), 1),
+                createElementVNode("p", _hoisted_26, toDisplayString(__props.labelVariations), 1),
                 createElementVNode("div", _hoisted_27, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.variation, (_variation, i) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.variation, (_variation, i) => {
                     return openBlock(), createElementBlock("span", {
                       key: `v-${i}`
-                    }, toDisplayString(_variation) + toDisplayString(_ctx.variation.length > i + 1 ? ", " : "."), 1);
+                    }, toDisplayString(_variation) + toDisplayString(__props.variation.length > i + 1 ? ", " : "."), 1);
                   }), 128))
                 ])
               ], 2)) : createCommentVNode("", true)
             ]),
-            !_ctx.content.image ? (openBlock(), createElementBlock("div", {
+            !__props.content.image ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "px-2 py-6",
-              innerHTML: unref(useRenderText)(_ctx.description)
+              innerHTML: unref(useRenderText)(__props.description)
             }, null, 8, _hoisted_28)) : (openBlock(), createElementBlock("div", _hoisted_29, [
               createElementVNode("div", {
                 class: "px-2 py-6",
-                innerHTML: unref(useRenderText)(_ctx.description)
+                innerHTML: unref(useRenderText)(__props.description)
               }, null, 8, _hoisted_30),
               createElementVNode("div", _hoisted_31, [
                 createVNode(_sfc_main$1, {
-                  src: _ctx.content.image,
-                  cols: _ctx.cols
+                  src: __props.content.image,
+                  cols: __props.cols
                 }, null, 8, ["src", "cols"])
               ])
             ])),
-            _ctx.relation.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_32, [
-              createElementVNode("p", _hoisted_33, toDisplayString(_ctx.labelRelations), 1),
+            __props.relation.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_32, [
+              createElementVNode("p", _hoisted_33, toDisplayString(__props.labelRelations), 1),
               createElementVNode("div", _hoisted_34, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.relation, (_relation, i) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.relation, (_relation, i) => {
                   return openBlock(), createElementBlock("button", {
                     key: `relation-${i}`,
                     class: "p-1 border rounded mr-1",
@@ -230,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ])) : createCommentVNode("", true)
           ]))
-        ])) : (openBlock(), createElementBlock("div", _hoisted_36, toDisplayString(_ctx.labelNoDefinition), 1))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_36, toDisplayString(__props.labelNoDefinition), 1))
       ], 8, _hoisted_1);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"EpWordDef.vue.js","sources":["../../../src/components/medias/EpWordDef.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useRouter } from \"vue-router\";\nimport type { EpWordDefProps } from \"~/types/medias/EpWordDef\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpWordDefProps>(), {\n  labelInformation: \"Information grammaticale\",\n  labelDomain: \"Domaine\",\n  labelRelations: \"Relations\",\n  labelNoDefinition: \"La definition n'est pas disponible\",\n  labelVariations: \"Variation(s)\",\n  cols: \"10\",\n  collapse: true,\n});\n\nconst sizeGramIngo = computed(() => {\n  if (props.content) {\n    return props.content.domain || props.variation.length > 0\n      ? \"w-1/3\"\n      : \"w-full\";\n  }\n  return \"\";\n});\n\nconst sizeDomain = computed(() => {\n  if (props.variation) {\n    return props.variation.length > 0 ? \"w-1/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\nconst sizeVariations = computed(() => {\n  if (props.content) {\n    return props.content.domain ? \"w-2/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\n/*\nconst findRelations = (relations: string[]): { id: number | string, term: string }[] => {\n  let _relations = props.glossary.filter((term) => {\n    return relations.some((x) => {\n      return term.id === x;\n    });\n  });\n  return _relations.map((x) => ({id:x.id, term:x.term}));\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\nconst id = ref(props.uid || useCreateUid());\n</script>\n\n<template>\n  <div :id=\"id\">\n    <div v-if=\"term && description\">\n       <div v-if=\"collapse\" class=\"h-min divide-y\">\n        <EpAccordeon :title=\"term\" :open=\"false\" :outlined=\"true\">\n          <div class=\"flex justify-between\">\n            <div :class=\"sizeGramIngo\">\n              <p class=\"text-sm font-medium p-2\">\n                {{ labelInformation }}\n              </p>\n              <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n                {{ content.gramInfo }}\n              </div>\n            </div>\n            <div :class=\"sizeDomain\" v-if=\"content.domain\">\n              <p class=\"text-sm font-medium p-2\">\n                {{ labelDomain }}\n              </p>\n              <div class=\"px-2 py-1\">{{ content.domain }}</div>\n            </div>\n            <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n              <p class=\"text-sm font-medium p-2\">\n                {{ labelVariations }}\n              </p>\n              <div class=\"px-2 py-1\">\n                <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\"\n                  >{{ _variation\n                  }}{{ variation.length > i + 1 ? \", \" : \".\" }}</span\n                >\n              </div>\n            </div>\n          </div>\n          <template v-if=\"!content.image\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n          </template>\n          <template v-else>\n            <div class=\"flex flex-row justify-between\">\n              <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n              <div class=\"flex w-1/2 justify-center p-2\">\n                <EpImg :src=\"content.image\" :cols=\"cols\" />\n              </div>\n            </div>\n          </template>\n\n          <div v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">{{ labelRelations }}</p>\n            <div class=\"p-2\">\n              <template\n                v-for=\"(_relation, i) in relation\"\n                :key=\"`relation-${i}`\"\n              >\n                <button\n                  class=\"p-1 border rounded mr-1\"\n                  @click=\"goto(_relation.termId)\"\n                >\n                  {{ _relation.term }}\n                </button>\n              </template>\n            </div>\n          </div>\n        </EpAccordeon>\n      </div>\n\n      <div v-else class=\"h-min border divide-y bg-surface-2 dark:bg-surface-2-dark rounded\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium p-2\">{{ labelInformation }}</p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium p-2\">{{ labelDomain }}</p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">{{ labelVariations }}</p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\">\n                {{ _variation }}{{ variation.length > i + 1 ? \", \" : \".\" }}\n              </span>\n            </div>\n          </div>\n        </div>\n\n        <template v-if=\"!content.image\">\n          <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n        </template>\n        <template v-else>\n          <div class=\"flex flex-row justify-between\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n            <div class=\"flex w-1/2 justify-center p-2\">\n              <EpImg :src=\"content.image\" :cols=\"cols\" />\n            </div>\n          </div>\n        </template>\n\n        <div v-if=\"relation.length > 0\">\n          <p class=\"text-sm font-medium p-2\">{{ labelRelations }}</p>\n          <div class=\"p-2\">\n            <template v-for=\"(_relation, i) in relation\" :key=\"`relation-${i}`\">\n              <button\n                class=\"p-1 border rounded mr-1\"\n                @click=\"goto(_relation.termId)\"\n              >\n                {{ _relation.term }}\n              </button>\n            </template>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","collapse","_openBlock","_createVNode","EpAccordeon","_createElementVNode","_toDisplayString","labelInformation","content","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":"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"}
+{"version":3,"file":"EpWordDef.vue.js","sources":["../../../src/components/medias/EpWordDef.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useRouter } from \"vue-router\";\nimport type { EpWordDefProps } from \"~/types/medias/EpWordDef\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpWordDefProps>(), {\n  labelInformation: \"Information grammaticale\",\n  labelDomain: \"Domaine\",\n  labelRelations: \"Relations\",\n  labelNoDefinition: \"La definition n'est pas disponible\",\n  labelVariations: \"Variation(s)\",\n  cols: \"10\",\n  collapse: true,\n});\n\nconst sizeGramIngo = computed(() => {\n  if (props.content) {\n    return props.content.domain || props.variation.length > 0\n      ? \"w-1/3\"\n      : \"w-full\";\n  }\n  return \"\";\n});\n\nconst sizeDomain = computed(() => {\n  if (props.variation) {\n    return props.variation.length > 0 ? \"w-1/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\nconst sizeVariations = computed(() => {\n  if (props.content) {\n    return props.content.domain ? \"w-2/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\n/*\nconst findRelations = (relations: string[]): { id: number | string, term: string }[] => {\n  let _relations = props.glossary.filter((term) => {\n    return relations.some((x) => {\n      return term.id === x;\n    });\n  });\n  return _relations.map((x) => ({id:x.id, term:x.term}));\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\nconst id = ref(props.uid || useCreateUid());\n</script>\n\n<template>\n  <div :id=\"id\">\n    <div v-if=\"term && description\">\n       <div v-if=\"collapse\" class=\"h-min divide-y\">\n        <EpAccordeon :title=\"term\" :open=\"false\" :outlined=\"true\">\n          <div class=\"flex justify-between\">\n            <div :class=\"sizeGramIngo\">\n              <p class=\"text-sm font-medium p-2\">\n                {{ labelInformation }}\n              </p>\n              <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n                {{ content.gramInfo }}\n              </div>\n            </div>\n            <div :class=\"sizeDomain\" v-if=\"content.domain\">\n              <p class=\"text-sm font-medium p-2\">\n                {{ labelDomain }}\n              </p>\n              <div class=\"px-2 py-1\">{{ content.domain }}</div>\n            </div>\n            <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n              <p class=\"text-sm font-medium p-2\">\n                {{ labelVariations }}\n              </p>\n              <div class=\"px-2 py-1\">\n                <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\"\n                  >{{ _variation\n                  }}{{ variation.length > i + 1 ? \", \" : \".\" }}</span\n                >\n              </div>\n            </div>\n          </div>\n          <template v-if=\"!content.image\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n          </template>\n          <template v-else>\n            <div class=\"flex flex-row justify-between\">\n              <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n              <div class=\"flex w-1/2 justify-center p-2\">\n                <EpImg :src=\"content.image\" :cols=\"cols\" />\n              </div>\n            </div>\n          </template>\n\n          <div v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">{{ labelRelations }}</p>\n            <div class=\"p-2\">\n              <template\n                v-for=\"(_relation, i) in relation\"\n                :key=\"`relation-${i}`\"\n              >\n                <button\n                  class=\"p-1 border rounded mr-1\"\n                  @click=\"goto(_relation.termId)\"\n                >\n                  {{ _relation.term }}\n                </button>\n              </template>\n            </div>\n          </div>\n        </EpAccordeon>\n      </div>\n\n      <div v-else class=\"h-min border divide-y bg-surface-2 dark:bg-surface-2-dark rounded\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium p-2\">{{ labelInformation }}</p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium p-2\">{{ labelDomain }}</p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">{{ labelVariations }}</p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\">\n                {{ _variation }}{{ variation.length > i + 1 ? \", \" : \".\" }}\n              </span>\n            </div>\n          </div>\n        </div>\n\n        <template v-if=\"!content.image\">\n          <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n        </template>\n        <template v-else>\n          <div class=\"flex flex-row justify-between\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n            <div class=\"flex w-1/2 justify-center p-2\">\n              <EpImg :src=\"content.image\" :cols=\"cols\" />\n            </div>\n          </div>\n        </template>\n\n        <div v-if=\"relation.length > 0\">\n          <p class=\"text-sm font-medium p-2\">{{ labelRelations }}</p>\n          <div class=\"p-2\">\n            <template v-for=\"(_relation, i) in relation\" :key=\"`relation-${i}`\">\n              <button\n                class=\"p-1 border rounded mr-1\"\n                @click=\"goto(_relation.termId)\"\n              >\n                {{ _relation.term }}\n              </button>\n            </template>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_openBlock","_createVNode","EpAccordeon","_createElementVNode","_toDisplayString","_Fragment","_renderList","_unref","EpImg"],"mappings":"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"}

package/dist/components/signages/EpHeader.vue.js

@@ -95,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const { title, headerImgColor, big } = toRefs(props);
     return (_ctx, _cache) => {
-      return _ctx.type === "imgBg" ? (openBlock(), createElementBlock("header", {
+      return __props.type === "imgBg" ? (openBlock(), createElementBlock("header", {
         key: 0,
         class: normalizeClass(`${unref(big) ? "h-screen " : "h-96"} items-center overflow-hidden relative `),
         ref: "el"
@@ -108,56 +108,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(`relative ${unref(big) ? "mb-36" : ""} h-full items-end`)
         }, [
           createElementVNode("div", _hoisted_1, [
-            _ctx.synchrone ? (openBlock(), createBlock(_sfc_main$1, {
+            __props.synchrone ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               prependIcon: unref(mdiCast),
               size: "small"
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.labels.synchrone), 1)
+                createTextVNode(toDisplayString(__props.labels.synchrone), 1)
               ]),
               _: 1
             }, 8, ["prependIcon"])) : createCommentVNode("", true),
-            _ctx.duration ? (openBlock(), createBlock(_sfc_main$1, {
+            __props.duration ? (openBlock(), createBlock(_sfc_main$1, {
               key: 1,
               prependIcon: unref(mdiTimerOutline),
               size: "small"
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.duration), 1)
+                createTextVNode(toDisplayString(__props.duration), 1)
               ]),
               _: 1
             }, 8, ["prependIcon"])) : createCommentVNode("", true),
-            _ctx.assessment ? (openBlock(), createBlock(_sfc_main$1, {
+            __props.assessment ? (openBlock(), createBlock(_sfc_main$1, {
               key: 2,
               prependIcon: unref(mdiChairSchool),
               size: "small"
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.labels.formatif), 1)
+                createTextVNode(toDisplayString(__props.labels.formatif), 1)
               ]),
               _: 1
             }, 8, ["prependIcon"])) : createCommentVNode("", true)
           ]),
           createElementVNode("div", {
-            class: normalizeClass(`${_ctx.vAlign} ${_ctx.hAlign} flex w-full grow h-96 `)
+            class: normalizeClass(`${__props.vAlign} ${__props.hAlign} flex w-full grow h-96 `)
           }, [
             createElementVNode("div", {
               class: normalizeClass(`${bgTextFit}`)
             }, [
-              unref(title) || _ctx.subtitle ? (openBlock(), createElementBlock("div", {
+              unref(title) || __props.subtitle ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(`${_ctx.textBg ? "inline-block backdrop-blur-lg backdrop-brightness-65 backdrop-opacity-95 rounded" : ""} p-4 md:items-center`)
+                class: normalizeClass(`${__props.textBg ? "inline-block backdrop-blur-lg backdrop-brightness-65 backdrop-opacity-95 rounded" : ""} p-4 md:items-center`)
               }, [
                 createElementVNode("div", _hoisted_2, [
                   unref(title) ? (openBlock(), createElementBlock("h1", {
                     key: 0,
                     class: normalizeClass(`text-3xl font-medium ${darkText.value} sm:text-3xl`)
                   }, toDisplayString(unref(title)), 3)) : createCommentVNode("", true),
-                  _ctx.subtitle ? (openBlock(), createElementBlock("h2", {
+                  __props.subtitle ? (openBlock(), createElementBlock("h2", {
                     key: 1,
                     class: normalizeClass(`max-w-xl mt-4 text-2xl ${darkText.value}`)
-                  }, toDisplayString(_ctx.subtitle), 3)) : createCommentVNode("", true)
+                  }, toDisplayString(__props.subtitle), 3)) : createCommentVNode("", true)
                 ])
               ], 2)) : createCommentVNode("", true)
             ], 2)
@@ -175,52 +175,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         createVNode(SvgFilter)
-      ], 2)) : _ctx.type === "simple" ? (openBlock(), createElementBlock("header", _hoisted_4, [
+      ], 2)) : __props.type === "simple" ? (openBlock(), createElementBlock("header", _hoisted_4, [
         createElementVNode("div", _hoisted_5, [
           unref(title) ? (openBlock(), createElementBlock("h1", _hoisted_6, toDisplayString(unref(title)), 1)) : createCommentVNode("", true),
-          _ctx.subtitle ? (openBlock(), createElementBlock("h2", _hoisted_7, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true)
+          __props.subtitle ? (openBlock(), createElementBlock("h2", _hoisted_7, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
         ])
       ])) : (openBlock(), createElementBlock("header", _hoisted_8, [
         createElementVNode("div", _hoisted_9, [
           createElementVNode("div", _hoisted_10, [
             createElementVNode("div", _hoisted_11, [
-              _ctx.synchrone ? (openBlock(), createBlock(_sfc_main$1, {
+              __props.synchrone ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 prependIcon: unref(mdiCast),
                 size: "small"
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labels.synchrone), 1)
+                  createTextVNode(toDisplayString(__props.labels.synchrone), 1)
                 ]),
                 _: 1
               }, 8, ["prependIcon"])) : createCommentVNode("", true),
-              _ctx.duration ? (openBlock(), createBlock(_sfc_main$1, {
+              __props.duration ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 1,
                 prependIcon: unref(mdiTimerOutline),
                 size: "small"
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.duration), 1)
+                  createTextVNode(toDisplayString(__props.duration), 1)
                 ]),
                 _: 1
               }, 8, ["prependIcon"])) : createCommentVNode("", true),
-              _ctx.assessment ? (openBlock(), createBlock(_sfc_main$1, {
+              __props.assessment ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 2,
                 prependIcon: unref(mdiChairSchool),
                 size: "small"
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labels.formatif), 1)
+                  createTextVNode(toDisplayString(__props.labels.formatif), 1)
                 ]),
                 _: 1
               }, 8, ["prependIcon"])) : createCommentVNode("", true)
             ]),
             createElementVNode("div", {
-              class: normalizeClass(`${_ctx.vAlign} flex h-full pb-8 pl-6 max-w-3xl`)
+              class: normalizeClass(`${__props.vAlign} flex h-full pb-8 pl-6 max-w-3xl`)
             }, [
               createElementVNode("div", null, [
                 unref(title) ? (openBlock(), createElementBlock("h1", _hoisted_12, toDisplayString(unref(title)), 1)) : createCommentVNode("", true),
-                _ctx.subtitle ? (openBlock(), createElementBlock("p", _hoisted_13, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true),
+                __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_13, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true),
                 createElementVNode("div", _hoisted_14, [
                   renderSlot(_ctx.$slots, "default")
                 ])

package/dist/components/signages/EpHeader.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpHeader.vue.js","sources":["../../../src/components/signages/EpHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { mdiCast } from \"@mdi/js\";\nimport { mdiTimerOutline } from \"@mdi/js\";\nimport { mdiChairSchool } from \"@mdi/js\";\nimport { mdiChevronDown } from \"@mdi/js\";\nimport SvgFilter from \"~/components/tools/SvgFilter.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport type { EpHeaderProps } from \"~/types/signages/EpHeader\";\n\nconst props = withDefaults(defineProps<EpHeaderProps>(), {\n  title: null,\n  icon: null,\n  src: null,\n  big: false,\n  synchrone: false,\n  hideImg: false,\n  duration: null,\n  assessment: null,\n  labels: () => {\n    return {\n      synchrone: \"Synchrone\",\n      formatif: \"Formatif\",\n    };\n  },\n  textBg: true,\n  type: \"imgBg\",\n  titlePosition: \"center\",\n  vAlign: \"items-center\",\n  hAlign: \"justify-center\",\n});\n\nconst bgTextFit = \"w-8/12\"; // ''\n\nconst styles = computed(() => {\n  return ` \n\tflex\n\tflex-col\n\toverflow-hidden \n\tw-full \n\tabsolute\n\t${props.big ? \"min-h-screen\" : \"h-96\"}\n\tbg-cover\n\tbg-center`;\n});\n\nconst bgImg = computed(() => {\n  if (props.src) {\n    return props.src;\n  }\n  return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;\n});\n\nconst emit = defineEmits<{\n  (e: \"clicked\"): void;\n}>();\n\nconst clickScroll = (): void => {\n  emit(\"clicked\");\n};\n\nconst darkText = computed(()=> {\n  if(props.darkText){\n    return 'text-black'\n  }\n  return 'text-white'\n})\n\nconst { title, headerImgColor, big } = toRefs(props);\n</script>\n\n<template>\n  <header\n    v-if=\"type === 'imgBg'\"\n    :class=\"`${\n      big ? 'h-screen ' : 'h-96'\n    } items-center overflow-hidden relative `\"\n    ref=\"el\"\n  >\n    <div\n      :class=\"styles\"\n      :style=\"`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`\"\n    />\n\n    <div :class=\"`relative ${big ? 'mb-36' : ''} h-full items-end`\">\n      <div class=\"flex md:justify-end justify-center pt-5\">\n        <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n          labels.synchrone\n        }}</EpChip>\n        <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n          {{ duration }}</EpChip\n        >\n        <EpChip v-if=\"assessment\" :prependIcon=\"mdiChairSchool\" size=\"small\">{{\n          labels.formatif\n        }}</EpChip>\n      </div>\n      <div :class=\"`${vAlign} ${hAlign} flex w-full grow h-96 `\">\n        <div :class=\"`${bgTextFit}`\">\n          <div\n            v-if=\"title || subtitle\"\n            :class=\"`${\n              textBg\n                ? 'inline-block backdrop-blur-lg backdrop-brightness-65 backdrop-opacity-95 rounded'\n                : ''\n            } p-4 md:items-center`\"\n          >\n            <div class=\"text-center md:text-left\">\n              <h1\n                v-if=\"title\"\n                :class=\"`text-3xl font-medium ${darkText} sm:text-3xl`\"\n              >\n                {{ title }}\n              </h1>\n              <h2\n                v-if=\"subtitle\"\n                :class=\"`max-w-xl mt-4 text-2xl ${darkText}`\"\n              >\n                {{ subtitle }}\n              </h2>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"props.big\" class=\"animate-bounce absolute bottom-10 left-1/2\">\n      <div\n        class=\"mx-auto w-12 rounded-full p-2\"\n        @click=\"clickScroll\"\n      >\n        <EpIcon :iconPath=\"mdiChevronDown\" size=\"32\" />\n      </div>\n    </div>\n    <SvgFilter></SvgFilter>\n  </header>\n\n  <header v-else-if=\"type === 'simple'\">\n    <div class=\"text-center md:text-left mt-16 mb-32\">\n      <h1\n        v-if=\"title\"\n        class=\"text-4xl font-bold tracking-tight\"\n      >\n        {{ title }}\n      </h1>\n      <h2 v-if=\"subtitle\" class=\"w-1/2 mt-4\">\n        {{ subtitle }}\n      </h2>\n    </div>\n  </header>\n\n  <header v-else=\"type === 'sideBy'\">\n    <div class=\"flex flex-col-reverse lg:flex-row items-stretch\">\n      <div class=\"basis-1/2 bg-surface-2 dark:bg-surface-2-dark lg:min-h-48 p-4\">\n        <div class=\"flex justify-start pt-0 mb-4\">\n          <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n            labels.synchrone\n          }}</EpChip>\n          <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n            {{ duration }}</EpChip\n          >\n          <EpChip\n            v-if=\"assessment\"\n            :prependIcon=\"mdiChairSchool\"\n            size=\"small\"\n            >{{ labels.formatif }}</EpChip\n          >\n        </div>\n        <div :class=\"`${vAlign} flex h-full pb-8 pl-6 max-w-3xl`\">\n          <div>\n            <h1\n              v-if=\"title\"\n              class=\"text-3xl sm:text-4xl xl:text-5xl font-bold tracking-tight\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl\"\n            >\n              {{ subtitle }}\n            </p>\n            <div class=\"mt-4\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"basis-1/2\">\n        <img\n          :src=\"bgImg\"\n          alt=\"\"\n          class=\"h-32 lg:h-full size-full object-cover\"\n          :style=\"`filter:url(#${headerImgColor});`\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n"],"names":["type","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","synchrone","_createBlock","EpChip","labels","duration","assessment","vAlign","hAlign","subtitle","textBg","_openBlock","_createVNode","EpIcon","_toDisplayString","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"EpHeader.vue.js","sources":["../../../src/components/signages/EpHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { mdiCast } from \"@mdi/js\";\nimport { mdiTimerOutline } from \"@mdi/js\";\nimport { mdiChairSchool } from \"@mdi/js\";\nimport { mdiChevronDown } from \"@mdi/js\";\nimport SvgFilter from \"~/components/tools/SvgFilter.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport type { EpHeaderProps } from \"~/types/signages/EpHeader\";\n\nconst props = withDefaults(defineProps<EpHeaderProps>(), {\n  title: null,\n  icon: null,\n  src: null,\n  big: false,\n  synchrone: false,\n  hideImg: false,\n  duration: null,\n  assessment: null,\n  labels: () => {\n    return {\n      synchrone: \"Synchrone\",\n      formatif: \"Formatif\",\n    };\n  },\n  textBg: true,\n  type: \"imgBg\",\n  titlePosition: \"center\",\n  vAlign: \"items-center\",\n  hAlign: \"justify-center\",\n});\n\nconst bgTextFit = \"w-8/12\"; // ''\n\nconst styles = computed(() => {\n  return ` \n\tflex\n\tflex-col\n\toverflow-hidden \n\tw-full \n\tabsolute\n\t${props.big ? \"min-h-screen\" : \"h-96\"}\n\tbg-cover\n\tbg-center`;\n});\n\nconst bgImg = computed(() => {\n  if (props.src) {\n    return props.src;\n  }\n  return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;\n});\n\nconst emit = defineEmits<{\n  (e: \"clicked\"): void;\n}>();\n\nconst clickScroll = (): void => {\n  emit(\"clicked\");\n};\n\nconst darkText = computed(()=> {\n  if(props.darkText){\n    return 'text-black'\n  }\n  return 'text-white'\n})\n\nconst { title, headerImgColor, big } = toRefs(props);\n</script>\n\n<template>\n  <header\n    v-if=\"type === 'imgBg'\"\n    :class=\"`${\n      big ? 'h-screen ' : 'h-96'\n    } items-center overflow-hidden relative `\"\n    ref=\"el\"\n  >\n    <div\n      :class=\"styles\"\n      :style=\"`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`\"\n    />\n\n    <div :class=\"`relative ${big ? 'mb-36' : ''} h-full items-end`\">\n      <div class=\"flex md:justify-end justify-center pt-5\">\n        <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n          labels.synchrone\n        }}</EpChip>\n        <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n          {{ duration }}</EpChip\n        >\n        <EpChip v-if=\"assessment\" :prependIcon=\"mdiChairSchool\" size=\"small\">{{\n          labels.formatif\n        }}</EpChip>\n      </div>\n      <div :class=\"`${vAlign} ${hAlign} flex w-full grow h-96 `\">\n        <div :class=\"`${bgTextFit}`\">\n          <div\n            v-if=\"title || subtitle\"\n            :class=\"`${\n              textBg\n                ? 'inline-block backdrop-blur-lg backdrop-brightness-65 backdrop-opacity-95 rounded'\n                : ''\n            } p-4 md:items-center`\"\n          >\n            <div class=\"text-center md:text-left\">\n              <h1\n                v-if=\"title\"\n                :class=\"`text-3xl font-medium ${darkText} sm:text-3xl`\"\n              >\n                {{ title }}\n              </h1>\n              <h2\n                v-if=\"subtitle\"\n                :class=\"`max-w-xl mt-4 text-2xl ${darkText}`\"\n              >\n                {{ subtitle }}\n              </h2>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"props.big\" class=\"animate-bounce absolute bottom-10 left-1/2\">\n      <div\n        class=\"mx-auto w-12 rounded-full p-2\"\n        @click=\"clickScroll\"\n      >\n        <EpIcon :iconPath=\"mdiChevronDown\" size=\"32\" />\n      </div>\n    </div>\n    <SvgFilter></SvgFilter>\n  </header>\n\n  <header v-else-if=\"type === 'simple'\">\n    <div class=\"text-center md:text-left mt-16 mb-32\">\n      <h1\n        v-if=\"title\"\n        class=\"text-4xl font-bold tracking-tight\"\n      >\n        {{ title }}\n      </h1>\n      <h2 v-if=\"subtitle\" class=\"w-1/2 mt-4\">\n        {{ subtitle }}\n      </h2>\n    </div>\n  </header>\n\n  <header v-else=\"type === 'sideBy'\">\n    <div class=\"flex flex-col-reverse lg:flex-row items-stretch\">\n      <div class=\"basis-1/2 bg-surface-2 dark:bg-surface-2-dark lg:min-h-48 p-4\">\n        <div class=\"flex justify-start pt-0 mb-4\">\n          <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n            labels.synchrone\n          }}</EpChip>\n          <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n            {{ duration }}</EpChip\n          >\n          <EpChip\n            v-if=\"assessment\"\n            :prependIcon=\"mdiChairSchool\"\n            size=\"small\"\n            >{{ labels.formatif }}</EpChip\n          >\n        </div>\n        <div :class=\"`${vAlign} flex h-full pb-8 pl-6 max-w-3xl`\">\n          <div>\n            <h1\n              v-if=\"title\"\n              class=\"text-3xl sm:text-4xl xl:text-5xl font-bold tracking-tight\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl\"\n            >\n              {{ subtitle }}\n            </p>\n            <div class=\"mt-4\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"basis-1/2\">\n        <img\n          :src=\"bgImg\"\n          alt=\"\"\n          class=\"h-32 lg:h-full size-full object-cover\"\n          :style=\"`filter:url(#${headerImgColor});`\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","_createBlock","EpChip","_createTextVNode","_toDisplayString","_openBlock","_createVNode","EpIcon","_renderSlot"],"mappings":"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"}

package/dist/components/signages/EpSkeleton.vue2.js

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     useCssVars((_ctx) => ({
       "e4ec2c0a": height,
-      "3f346a72": width
+      "v3f346a72": width
     }));
     const props = __props;
     const width = props.width / 4 + "rem";

package/dist/components/tools/AssociationNode.vue2.js

@@ -46,14 +46,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", {
           class: "px-4 py-2 break-words",
-          innerHTML: unref(useRenderText)(_ctx.data.label)
+          innerHTML: unref(useRenderText)(__props.data.label)
         }, null, 8, _hoisted_1),
         createElementVNode("span", {
-          class: normalizeClass(`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${_ctx.data.left ? "-left-3" : "-right-3"} ${colorStyle.value}`)
-        }, toDisplayString(_ctx.data.left ? String.fromCharCode(65 + _ctx.data.index) : _ctx.data.index), 3),
+          class: normalizeClass(`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${__props.data.left ? "-left-3" : "-right-3"} ${colorStyle.value}`)
+        }, toDisplayString(__props.data.left ? String.fromCharCode(65 + __props.data.index) : __props.data.index), 3),
         createVNode(unref(Handle), {
-          type: _ctx.data.left ? "source" : "target",
-          position: _ctx.data.left ? unref(Position).Right : unref(Position).Left,
+          type: __props.data.left ? "source" : "target",
+          position: __props.data.left ? unref(Position).Right : unref(Position).Left,
           style: normalizeStyle({
             width: "20px",
             // handle invisible, pas d’espace
@@ -61,19 +61,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             top: "50%",
             zIndex: "100",
             transform: "translateY(-50%)",
-            left: _ctx.data.left ? "96%" : "-10px",
+            left: __props.data.left ? "96%" : "-10px",
             opacity: 0
           })
         }, null, 8, ["type", "position", "style"]),
         createVNode(_sfc_main$1, {
-          "icon-path": _ctx.data.left ? plug : socket,
+          "icon-path": __props.data.left ? plug : socket,
           style: normalizeStyle({
             position: "absolute",
             width: "30px",
             height: "30px",
             top: "50%",
             transform: "translateY(-50%)",
-            left: _ctx.data.left ? "97%" : "-20px"
+            left: __props.data.left ? "97%" : "-20px"
           })
         }, null, 8, ["icon-path", "style"])
       ], 2);

package/dist/components/tools/AssociationNode.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssociationNode.vue2.js","sources":["../../../src/components/tools/AssociationNode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Position, Handle } from '@vue-flow/core'\nimport type { NodeProps } from '@vue-flow/core'\nimport EpIcon from '../basics/EpIcon.vue'\nimport { useRenderText } from '~/composables/useRenderText';\n\n\nconst plug = 'M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z';\nconst socket = 'M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5';\n\ninterface AssociationData {\n    mode?: 'neutral' | 'correct' | 'wrong';\n    left: boolean;\n    index: number;\n    label: string;\n}\n\nconst props = withDefaults(defineProps<NodeProps<AssociationData>>(), {});\n\nconst colorStyle = computed(() => {\n    if(!props.data.mode || props.data.mode == 'neutral') {\n        return 'border-2 border-black dark:border-white'\n    }\n    if(props.data.mode == 'correct') {\n        return 'border-2 border-green-600'\n    } else if(props.data.mode == 'wrong') {\n        return 'border-2 border-red-600'\n    }\n});\n\n</script>\n\n<template>\n    <div :class=\"`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle}`\">\n        <div class=\"px-4 py-2 break-words\" v-html=\"useRenderText(data.label)\"></div>\n        <span :class=\"`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${(data.left)? '-left-3' : '-right-3'} ${colorStyle}`\">{{ (data.left)? String.fromCharCode(65 + data.index) : data.index }}</span>\n\n        <Handle\n            :type=\"data.left ? 'source' : 'target'\"\n            :position=\"data.left ? Position.Right : Position.Left\"\n            :style=\"{\n                width: '20px',   // handle invisible, pas d’espace\n                height: '20px',\n                top: '50%',\n                zIndex: '100',\n                transform: 'translateY(-50%)',\n                left: data.left ? '96%' : '-10px',\n                opacity: 0\n            }\"\n        />\n        <EpIcon \n            :icon-path=\"data.left ? plug : socket\"\n            :style=\"{\n                position: 'absolute',\n                width: '30px',\n                height: '30px',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                left: data.left ? '97%' : '-20px'\n            }\" \n        />\n    </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_unref","data","_normalizeClass","_createVNode","_normalizeStyle","EpIcon"],"mappings":";;;;;AAQA,MAAM,OAAO;AACb,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;AASf,UAAM,QAAQ;AAEd,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,KAAK,QAAQ,WAAW;AACjD,eAAO;AAAA,MACX;AACA,UAAG,MAAM,KAAK,QAAQ,WAAW;AAC7B,eAAO;AAAA,MACX,WAAU,MAAM,KAAK,QAAQ,SAAS;AAClC,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;;0BAKGA,mBA4BM,OAAA;AAAA,QA5BA,6FAA8E,WAAA,KAAU,EAAA;AAAA,MAAA;QAC1FC,mBAA4E,OAAA;AAAA,UAAvE,OAAM;AAAA,UAAwB,WAAQC,MAAA,aAAA,EAAcC,KAAAA,KAAK,KAAK;AAAA,QAAA;QACnEF,mBAAwP,QAAA;AAAA,UAAjP,OAAKG,eAAA,0GAA6GD,KAAAA,KAAK,iCAAiC,WAAA,KAAU,EAAA;AAAA,QAAA,GAAQA,gBAAAA,KAAAA,KAAK,OAAO,OAAO,aAAY,KAAMA,KAAAA,KAAK,KAAK,IAAIA,KAAAA,KAAK,KAAK,GAAA,CAAA;AAAA,QAE9OE,YAYEH,MAAA,MAAA,GAAA;AAAA,UAXG,MAAMC,KAAAA,KAAK,OAAI,WAAA;AAAA,UACf,UAAUA,KAAAA,KAAK,OAAOD,MAAA,QAAA,EAAS,QAAQA,MAAA,QAAA,EAAS;AAAA,UAChD,OAAKI,eAAA;AAAA;;;;;;YAAuOH,MAAAA,KAAAA,KAAK,OAAI,QAAA;AAAA;;;QAU1PE,YAUEE,aAAA;AAAA,UATG,aAAWJ,KAAAA,KAAK,OAAO,OAAO;AAAA,UAC9B,OAAKG,eAAA;AAAA;;;;;YAA0MH,MAAAA,KAAAA,KAAK,OAAI,QAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"AssociationNode.vue2.js","sources":["../../../src/components/tools/AssociationNode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Position, Handle } from '@vue-flow/core'\nimport type { NodeProps } from '@vue-flow/core'\nimport EpIcon from '../basics/EpIcon.vue'\nimport { useRenderText } from '~/composables/useRenderText';\n\n\nconst plug = 'M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z';\nconst socket = 'M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5';\n\ninterface AssociationData {\n    mode?: 'neutral' | 'correct' | 'wrong';\n    left: boolean;\n    index: number;\n    label: string;\n}\n\nconst props = withDefaults(defineProps<NodeProps<AssociationData>>(), {});\n\nconst colorStyle = computed(() => {\n    if(!props.data.mode || props.data.mode == 'neutral') {\n        return 'border-2 border-black dark:border-white'\n    }\n    if(props.data.mode == 'correct') {\n        return 'border-2 border-green-600'\n    } else if(props.data.mode == 'wrong') {\n        return 'border-2 border-red-600'\n    }\n});\n\n</script>\n\n<template>\n    <div :class=\"`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle}`\">\n        <div class=\"px-4 py-2 break-words\" v-html=\"useRenderText(data.label)\"></div>\n        <span :class=\"`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${(data.left)? '-left-3' : '-right-3'} ${colorStyle}`\">{{ (data.left)? String.fromCharCode(65 + data.index) : data.index }}</span>\n\n        <Handle\n            :type=\"data.left ? 'source' : 'target'\"\n            :position=\"data.left ? Position.Right : Position.Left\"\n            :style=\"{\n                width: '20px',   // handle invisible, pas d’espace\n                height: '20px',\n                top: '50%',\n                zIndex: '100',\n                transform: 'translateY(-50%)',\n                left: data.left ? '96%' : '-10px',\n                opacity: 0\n            }\"\n        />\n        <EpIcon \n            :icon-path=\"data.left ? plug : socket\"\n            :style=\"{\n                position: 'absolute',\n                width: '30px',\n                height: '30px',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                left: data.left ? '97%' : '-20px'\n            }\" \n        />\n    </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_unref","_normalizeClass","_toDisplayString","_createVNode","_normalizeStyle","EpIcon"],"mappings":";;;;;AAQA,MAAM,OAAO;AACb,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;AASf,UAAM,QAAQ;AAEd,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,KAAK,QAAQ,WAAW;AACjD,eAAO;AAAA,MACX;AACA,UAAG,MAAM,KAAK,QAAQ,WAAW;AAC7B,eAAO;AAAA,MACX,WAAU,MAAM,KAAK,QAAQ,SAAS;AAClC,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;;0BAKGA,mBA4BM,OAAA;AAAA,QA5BA,6FAA8E,WAAA,KAAU,EAAA;AAAA,MAAA;QAC1FC,mBAA4E,OAAA;AAAA,UAAvE,OAAM;AAAA,UAAwB,WAAQC,MAAA,aAAA,EAAc,QAAA,KAAK,KAAK;AAAA,QAAA;QACnED,mBAAwP,QAAA;AAAA,UAAjP,OAAKE,eAAA,0GAA6G,QAAA,KAAK,iCAAiC,WAAA,KAAU,EAAA;AAAA,QAAA,GAAQC,gBAAA,QAAA,KAAK,OAAO,OAAO,aAAY,KAAM,QAAA,KAAK,KAAK,IAAI,QAAA,KAAK,KAAK,GAAA,CAAA;AAAA,QAE9OC,YAYEH,MAAA,MAAA,GAAA;AAAA,UAXG,MAAM,QAAA,KAAK,OAAI,WAAA;AAAA,UACf,UAAU,QAAA,KAAK,OAAOA,MAAA,QAAA,EAAS,QAAQA,MAAA,QAAA,EAAS;AAAA,UAChD,OAAKI,eAAA;AAAA;;;;;;YAAuO,MAAA,QAAA,KAAK,OAAI,QAAA;AAAA;;;QAU1PD,YAUEE,aAAA;AAAA,UATG,aAAW,QAAA,KAAK,OAAO,OAAO;AAAA,UAC9B,OAAKD,eAAA;AAAA;;;;;YAA0M,MAAA,QAAA,KAAK,OAAI,QAAA;AAAA,UAAA;;;;;;"}

package/dist/components/tools/AsyncKatexRender.vue2.js

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       renderedHtml.value = `<span style="color: red;">Il y a un error pour afficher la formule.</span>`;
     });
     return (_ctx, _cache) => {
-      return !_ctx.block ? (openBlock(), createElementBlock("span", {
+      return !__props.block ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: "katex-render",
         innerHTML: renderedHtml.value

package/dist/components/tools/AsyncKatexRender.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncKatexRender.vue2.js","sources":["../../../src/components/tools/AsyncKatexRender.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue';\n\nconst props = defineProps<{\n  formula: string;\n  block?:boolean;\n}>();\n\nconst renderedHtml = ref('...');\n\nimport('katex')\n  .then((katexModule) => {\n    renderedHtml.value = katexModule.default.renderToString(props.formula, {\n      throwOnError: false,\n      displayMode: false,\n    });\n  })\n  .catch((error) => {\n    console.error(\"Failed to load Katex library:\", error);\n    renderedHtml.value = `<span style=\"color: red;\">Il y a un error pour afficher la formule.</span>`;\n  });\n</script>\n\n<template>\n  <span class=\"katex-render\" v-html=\"renderedHtml\" v-if=\"!block\"></span>\n  <div v-else class=\"katex-block text-center\" v-html=\"renderedHtml\"></div>\n</template>\n\n<style scoped>\n/* Target the top-level KaTeX container and increase the font size */\n.katex-block :deep(.katex) {\n  /* Increase the overall size of the math relative to the parent font size */\n  font-size: 2em; \n}\n/* If you want inline math to be a specific size relative to surrounding text */\n.katex-render :deep(.katex-display) {\n   font-size: 1.5em; \n}\n</style>"],"names":["block","_createElementBlock"],"mappings":";;;;;;;;;;AAGA,UAAM,QAAQ;AAKd,UAAM,eAAe,IAAI,KAAK;AAE9B,WAAO,OAAO,EACX,KAAK,CAAC,gBAAgB;AACrB,mBAAa,QAAQ,YAAY,QAAQ,eAAe,MAAM,SAAS;AAAA,QACrE,cAAc;AAAA,QACd,aAAa;AAAA,MAAA,CACd;AAAA,IACH,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,cAAQ,MAAM,iCAAiC,KAAK;AACpD,mBAAa,QAAQ;AAAA,IACvB,CAAC;;cAIuDA,KAAAA,sBAAxDC,mBAAsE,QAAA;AAAA;QAAhE,OAAM;AAAA,QAAe,WAAQ,aAAA;AAAA,MAAA,yCACnCA,mBAAwE,OAAA;AAAA;QAA5D,OAAM;AAAA,QAA0B,WAAQ,aAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"AsyncKatexRender.vue2.js","sources":["../../../src/components/tools/AsyncKatexRender.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue';\n\nconst props = defineProps<{\n  formula: string;\n  block?:boolean;\n}>();\n\nconst renderedHtml = ref('...');\n\nimport('katex')\n  .then((katexModule) => {\n    renderedHtml.value = katexModule.default.renderToString(props.formula, {\n      throwOnError: false,\n      displayMode: false,\n    });\n  })\n  .catch((error) => {\n    console.error(\"Failed to load Katex library:\", error);\n    renderedHtml.value = `<span style=\"color: red;\">Il y a un error pour afficher la formule.</span>`;\n  });\n</script>\n\n<template>\n  <span class=\"katex-render\" v-html=\"renderedHtml\" v-if=\"!block\"></span>\n  <div v-else class=\"katex-block text-center\" v-html=\"renderedHtml\"></div>\n</template>\n\n<style scoped>\n/* Target the top-level KaTeX container and increase the font size */\n.katex-block :deep(.katex) {\n  /* Increase the overall size of the math relative to the parent font size */\n  font-size: 2em; \n}\n/* If you want inline math to be a specific size relative to surrounding text */\n.katex-render :deep(.katex-display) {\n   font-size: 1.5em; \n}\n</style>"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;AAGA,UAAM,QAAQ;AAKd,UAAM,eAAe,IAAI,KAAK;AAE9B,WAAO,OAAO,EACX,KAAK,CAAC,gBAAgB;AACrB,mBAAa,QAAQ,YAAY,QAAQ,eAAe,MAAM,SAAS;AAAA,QACrE,cAAc;AAAA,QACd,aAAa;AAAA,MAAA,CACd;AAAA,IACH,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,cAAQ,MAAM,iCAAiC,KAAK;AACpD,mBAAa,QAAQ;AAAA,IACvB,CAAC;;cAIuD,QAAA,sBAAxDA,mBAAsE,QAAA;AAAA;QAAhE,OAAM;AAAA,QAAe,WAAQ,aAAA;AAAA,MAAA,yCACnCA,mBAAwE,OAAA;AAAA;QAA5D,OAAM;AAAA,QAA0B,WAAQ,aAAA;AAAA,MAAA;;;;"}